/*
Theme Name: ptsa
Description: Website with car catalog
Author: VadimND
Template: twentytwenty
*/

@import url("../twentytwenty/style.css");
@import url('https://fonts.googleapis.com/css2?family=Play&display=swap');

body, p, .entry-content p, .entry-content {
    font-family: 'Play', sans-serif;
    font-size: 18px;
}

h1,h2,h3,h4,.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file, .widget_text p {
    font-family: 'Play', sans-serif;
}
a {
    color: #7b98ac;
    text-decoration: none;
    font-family: 'Play', sans-serif;
}
a:hover {
    color: #ff9418;
}
h3.sow-carousel-item-title a:hover {
    color: #ff9418!important;
}
.container {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}
.alignwide {
    max-width: 117rem;
}
.section-inner {   
    max-width: 117rem;   
}
.header-contact-wrapper {
    display: none;
}
.align-baseline {
    align-items: baseline;
}
ul.primary-menu {
    display: flex;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: -0.0277em;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: -0.8rem 0 0 -1.6rem;
}
.primary-menu ul li.menu-item-has-children:hover > ul,
.primary-menu ul li.menu-item-has-children:focus > ul,
.primary-menu ul li.menu-item-has-children.focus > ul {
    right: inherit;
    left: calc(100% + 2rem);
}
.primary-menu ul ul::after {
    border-bottom-color: transparent;
    border-left-color: #000;
    bottom: auto;
    right: 100%;
    top: 2rem;
    transform: rotate(180deg);
}
.primary-menu ul ul::before {
    bottom: 0;
    height: auto;
    right: auto;
    left: -2rem;
    top: 0;
    width: 2rem;
}
.primary-menu > li > a,
.primary-menu > li > .icon {
    color: #fff;
}
.primary-menu > li > a {
    padding: 15px 25px;
}
.desktop-search-toggle:hover {
    background-color: #6180c2;
}
.primary-menu > li > a:hover {
    text-decoration: none;
    background-color: #6180c2;
}
.primary-menu ul {
    background-color: #6180c2;
}
.primary-menu > li > ul:after {
    border-bottom-color: #6180c2;
}
.primary-menu > li > ul ul:after {
    border-left-color: #6180c2;
}
ul.primary-menu {
    margin: 0;
}
ul.primary-menu li.current-menu-item > a,
ul.primary-menu li.current-menu-item > .link-icon-wrapper > a {
    text-decoration: none;
    background-color: #ff9418;
}
.header-contact-wrapper a:hover {
    color: #ff9418;
}
ul.primary-menu > li > .icon {
    right: -0.125rem;
    top: calc(50% - 0.4rem);
}
ul.primary-menu > li > .icon {
    right: 5px;
    top: calc(50% - 0.4rem);
}
.primary-menu > li.menu-item-has-children > a {
    padding-right: 3rem;
}
.primary-menu a:hover,
.primary-menu a:focus,
.primary-menu .current_page_ancestor {
    text-decoration: none;
}
.header-contact-wrapper a {
    display: flex;
}
.home .sow-slider-image h1,
.home .sow-slider-image p {
    color: white;
}
.sow-slider-image h1 {
	margin: 1.5rem auto;
}
.home .sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-container .sow-slider-image-wrapper {
    display: flex;
    align-items: center;
}
.sow-slider-base {
    z-index: 1;
}
.section-inner-fullwidth {
    background: #152444;
    width: 100%;
    max-width: 100%;
    padding: 0;
}
.sow-image-grid-image {
    border: 1px solid #7b98ac;
}
.sow-image-grid-image {
    margin: 15px;
}
.footer-nav-widgets-wrapper,
#site-footer {
    background-color: #152444;
    color: #7b98ac;
}
.wp-block-heading,
.footer-copyright {
    color: #fff;
}
.footer-nav-widgets-wrapper a,
.header-footer-group a {
    color: #7b98ac;
    font-size: 18px;
}
.footer-widgets p {
    color: #fff;
    font-size: 18px;
}
.footer-widgets ul {
    list-style: none;
    margin-left: 0;
}
.product-tel {
    border: 1px solid #ff9418;
}
.product-tel:hover {
    border: 1px solid #ff9418!important;
}
.footer-widgets .wp-block-button__link {
    background-color: #ff9418;
    text-decoration: none;
    color: #fff;
    border-radius: 8px;
}
.footer-widgets .wp-block-button__link:hover {
    background-color: #fff;
    text-decoration: none;
    color: #ff9418;
}
.footer-nav-widgets-wrapper a:hover,
.header-footer-group-bottom a:hover,
.breadcrumbs a:hover {
    color: #ff9418;
    text-decoration: none;
}
#site-footer a:focus,
#site-footer a:hover {
    text-decoration: none;
}
.wp-block-media-text .wp-block-media-text__content {
    padding: 3rem 0rem;
}
.news-carousel .sow-carousel-wrapper .sow-carousel-items .sow-carousel-item:hover .sow-carousel-thumbnail a {
    background-size: cover!important;
}
.news-carousel .sow-carousel-wrapper .sow-carousel-items .sow-carousel-item .sow-carousel-thumbnail a {
    background-size: cover!important;
}
/* Inner pages */
.wrap-container {
    padding: 20px 15px;
    background-color: #e7efff;
}
.breadcrumbs, .breadcrumbs a {
    margin: 0;
    font-size: 14px;
}
.archive-header-inner {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 15px;
}
.product-title {
    font-size: 3rem;    
    text-transform: inherit;
}
.cat-list {
    list-style-type: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
.cat-item {
    max-width: 550px;
    width: 100%;
    text-align: center;
    border: 1px solid #7b98ac;
    margin: 0;

}
/* Catalog */
.products-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    list-style-type: none;
    justify-content: center;
    margin: 0;
    gap: 20px;
}
.item-product {
    width: 260px;
    margin: 0;
    border: 1px solid #e1e1e1;
}
.item-link-name {
    display: block;
    margin: 20px 0 10px;
    height: 75px;
	overflow: hidden;
}
.item-link-btn {
    display: inline-block;
    padding: 5px 15px;
    margin: 10px 0;
    border: 1px solid #6180c2;
    color: #152444;
    text-transform: uppercase;
    font-size: 16px;
}
.item-link-btn:hover { 
    background-color: #ff9418;   
    color: #fff;
    border: 1px solid #ff9418;
}
.item-link-hover {
    position: relative;
    display: block;
    
}
.hover-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
    visibility: hidden;
    width: 100%;
    height: 100%;    
}
.item-link-hover:hover .hover-text {    
    visibility: visible;
    background-color: rgba(21, 36, 68, .6);
    transition: all .5s ease;
}
.inner-text {
    padding: 0 10px;
}
.price {
    font-weight: bold;
}

.row {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    padding: 20px 15px;
    gap: 20px;
}
.sidebars {
    flex: 0 0 260px;
}
#menu-katalog,
#menu-katalog ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #EEF6FF;
}
#menu-katalog {
    border: 1px solid #ececec; 
    margin-bottom: 30px;
    border-bottom: 0;
}
#menu-katalog ul {
    background: #fff; margin-left: 15px;
    border-left: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}
#menu-katalog ul ul {
    position: relative;
}
#menu-katalog ul ul:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    left: -17px;
    top: 0;
    background: #fff;
}
#menu-katalog ul ul:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -1px;
    left: -17px;
    background: #ececec;
}
#menu-katalog li {
    border-bottom: 1px solid #ececec;
}
#menu-katalog li.current-menu-item > .sub-menu {
    display: block;
}
#menu-katalog li.current-menu-item > a,
#menu-katalog li.current-menu-parent > a,
#menu-katalog li:hover > a {
    background: #fff;
    text-decoration: none;
}
#menu-katalog .menu-item {
    padding-left: 0px;
}
#menu-katalog > li {
    border-bottom: 1px solid #ececec;
}
#menu-katalog > li.current-menu-parent > a,
#menu-katalog > li.current-menu-item > a,
#menu-katalog > li:hover > a {
    background: #152444;
    color: #fff;
    text-decoration: none;
}
#menu-katalog > li.current-menu-parent li.current-menu-item > a {
    color: #ff9418;
}
#menu-katalog li {
    display: block;
    position: relative;
}
#menu-katalog li a {
    display: block;
    position: relative;
    padding: 7px 14px 7px 37px;
    font-size: 14px;
    color: #000;    
    transition: all .3s;
    text-transform: uppercase;
}
#menu-katalog li li a {
    text-transform: none;

}
#menu-katalog li li a:hover {
    color: #ff9418;    
}
#menu-katalog li.menu-item-has-children.current-menu-item > a {
    background: #152444;
    color: #fff;
}
#menu-katalog a {
    color: #000;
}

#menu-katalog ul li ul li a:hover {
    color: #ff9418;
}
#menu-katalog .sub-menu {
    margin-left: 0;
}
.item-product img {
    max-height: 170px;
    height: 170px;
    object-fit: cover;
    object-position: top;
}
.archive-header {
	background-color: #fff;
	padding: 0;
}
.custom-logo-link {
    margin: 0 auto -30px;
}
.entry-content, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 80rem;   
    margin: 0 auto 1.25rem;
}
.search-submit {
    background-color: #152444!important;
}
.search-submit:hover {
    opacity: .75;
    transition: opacity .3s ease;
}
.entry-content-ptsa {
    max-width: 80rem;   
    margin: 0 auto;
    padding: 15px;
}
.products-list .archive-subtitle.intro-text {
    display: flex;
    max-width: 800px;
	flex-direction: column;
}
.cat-item:hover .cat-name h4 {
    color: #ff9418;
    transition: all .3s ease;
}
.wp-block-heading, .entry-content p {
    color: #000;
}
.footer-widgets .wp-block-heading {
    color: #fff;
}
a.readmore {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 8px;
    margin: 0;
    border: 1px solid #152444;
}
a.readmore:hover {    
    border: 1px solid #ff9418;
}
.heading-news-ptsa {
    font-size: 2.5rem;
    margin: 0;
}
.entry-content-ptsa img {
    margin: 0 auto 20px;
}
.item-product:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition: all .3s ease;
}
.nav-links {    
    margin-top: 20px!important;
}
.sow-slider-image-container .textwidget.custom-html-widget {        
	background: rgb(0 0 0 / 35%);
	padding: 10px 20px;
}
.header-titles .site-description {
	margin: -1rem 2rem 0;
	font-style: italic;
}
.footer-social a, .social-icons a {
    background-color: #ff9418;
}
.fill-children-current-color, .fill-children-current-color * {
    fill: #fff;
}
.mes-phone {
	margin-left: 10px;
}
.mes-phone:hover svg path {
	fill: #ff9418;
}
.header-titles-wrapper {
   position: relative;
}
.header-contact-wrapper {
    display: flex;
	justify-content: center;
    margin: 40px 15px 0px;
}
.fill-children-current-color, .fill-children-current-color * {
  fill: #7b98ac;
}
.modal-menu ul li a {
    color: #7b98ac;
    font-weight: 500;
}
.social-menu svg path {
    fill: #fff;
}
a.next.page-numbers {
    margin: 0 10px;
}
.primary-menu ul {
	width: 23rem;
}
@media(min-width: 1000px) { 
    .products-grid {
        justify-content: flex-start;
    }
    .custom-logo-link {
        margin: 0 auto;
    }
    
    .cat-list, .archive-header-inner, .product-header-inner {
        padding: 0;
    }
    .wp-block-media-text .wp-block-media-text__content {
        padding: 3rem 4rem;
    }
    .sow-image-grid-wrapper {
        gap: 40px;
    }
    .sow-image-grid-image {
        margin: 0;
    }
    
    .text-right {
        text-align: right;
    }
    .toggle-text {
        visibility: hidden;
    }
    .header-inner .toggle path {
        fill: #fff;
    }
    .header-contact-wrapper {
        display: flex;
		margin: 0;
    }
    .section-inner-fullwidth a {
        color: white;
    }
    .header-inner:not(.section-inner-fullwidth) {
        padding: 1rem 0;
    }
	.pagination .nav-links {
		justify-content: space-between;
		margin: 0;
		width: max-content;
	}
}
@media(min-width: 1220px) {
    .archive-header {
        background-color: #fff;
        padding: 4rem 0;
    }
    
    .primary-menu > li {
        margin: 0;
    }
    h1,
    .heading-size-1 {
        font-size: 4.2rem;
    }
}
@media(min-width: 700px) {
	.row {
        display: flex;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 0;
        padding: 0;
        gap: 20px;
    }
    body:not(.singular) main > article:first-of-type {
        padding: 2rem 0 0;
    }
    .post-inner {
        padding-top: 0;
    }
    .singular .entry-header {
        padding: 0;
    }
    .archive-header {
        padding: 0;
    }
    .privacy-policy {
		margin: 0;
	}
    .header-footer-group-bottom .privacy-policy {
		margin: 0 0 0 2.4rem;
	}
    h2,
    .heading-size-2 {
        font-size: 3rem;
    }
    h1,
    .heading-size-1,
    h2,
    .heading-size-2,
    h3,
    .heading-size-3,
    h4,
    .heading-size-4 {
        margin: 3rem auto 1.5rem;
        text-transform: uppercase;
        color: #152444;
    }
    .footer-widgets-wrapper {        
        align-items: baseline;
    }    
    h4, .heading-size-4 {
        font-size: 2.5rem;
    }
    .sitemap {
        margin: 0;
    }
    .product h4 {
        font-size: 2rem;
        margin: .5rem auto 1.5rem;
        text-transform: inherit;

    }
    .product-gallery h3 {
        font-size: 2rem;
        margin: .5rem auto 1.5rem;
        text-transform: inherit;

    }
	.site-logo img {
		margin-top: 5px;
		max-height: 70px;
	}
    .footer-widgets-outer-wrapper {
    	padding: 0;
	}
}