/*
 * Theme Name: Pirch
 * Description: Chisel Starter Theme to use with Timber
 * Author: Marcin Ziółek
*/

.tax-promotion_category .c-page__top,
.tax-brands .c-page__top,
.page-template-page-template-landing .c-page__top {
	padding: 20px 0 15px;
}
.tax-promotion_category .c-page__title,
.tax-brands .c-page__title,
.page-template-page-template-landing .c-page__title {
	font-size: 2.5em;
}
.tax-promotion_category .c-page__subtitle,
.tax-brands .c-page__subtitle,
.page-template-page-template-landing .c-page__subtitle {
	font-size: 0.9em;
}

.page-template-page-template-replacement .c-page__title {
    font-size: 2.5em;
}
.page-template-page-template-replacement .c-page__subtitle {
	font-size: 0.9em;
}
.page-template-page-template-replacement .c-page__top {
	padding: 20px 0 15px;
}
.brand-category-top {
	padding: 50px 0 20px;
}
.brand-category-top .description {
	font-size: 17px;
    max-width: 1050px;
    text-align: center;
    margin: 0 auto 60px;
}
.brand-category-top h2 {
	text-align: center;
}
.brand-category-list .categories {
	text-align: center;
	margin-bottom: 40px;
} 
.brand-category-list .category {
    border: 2px solid #666e63;
    display: inline-block;
    text-transform: uppercase;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 20px;
}
.brand-category-list .category.current {
    background-color: #666e63;
}
.brand-category-list .category a {
    color: #666e63;
    font-size: 0.7em;
}
.brand-category-list .category.current a {
    color: #FFF;
}
.brand-promotions-list .brand-details {
    flex: 0 0 33%;
    padding: 10px;
    text-align: center;
    margin-bottom: 50px;
}
.brand-promotions-list .brands-list {
	display: flex;
    flex-wrap: wrap;
}
.brand-promotions-list .brand-image {
    height: 300px;
    width: 100%;
    margin-bottom: 40px;
}
.brand-promotions-list .brand-logo {
    max-height: 50px;
    margin-bottom: 40px;
}
.brand-promotions-list .promotion-title {
	font-size: 1.2em;
	margin-bottom: 15px;

}
.brand-promotions-list .promotion-text {
	margin-bottom: 25px;
	padding: 0 40px;
	line-height: 1.5em;
}
.brand-promotions-list .promotion-read-more {
	background-color: #c0cb12;
    padding: 10px 25px;
    color: #FFF;	
    font-size: 0.9em;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.345,.005,.07,1);
	display: inline-block;
	margin-bottom: 30px;
}
.brand-promotions-list .promotion-read-more:hover {
	opacity: .7;
}
.brand-logo-container {
    margin-top: 50px;
    text-align: center;
    margin-bottom: 50px;
}
.brand-logo-container img {
    max-height: 80px;
}
.promotions-list .promotion-details,
.section-details {
    display: flex;
    align-items: center;
}
.promotions-list .promotion-details .promotion-text,
.section-details .section-text {
    padding: 0;
}
.promotions-list .promotion-column-1,
.promotions-list .promotion-column-2 {
    flex: 0 0 50%;
    padding: 80px 50px;
}
.section-column-1,
.section-column-2 {
    flex: 0 0 50%;
    padding: 70px 25px;
}
.promotions-list .details,
.promotions-list .promotion-image,
.landing-sections-list .details,
.landing-sections-list .section-image {
    max-width: 500px;
}
.promotions-list .promotion-details:nth-child(2n) {
    background-color: #fff;
}
.promotions-list .promotion-details:nth-child(2n) .promotion-column-1 {
    order: 2;
}
.promotions-list .promotion-details:nth-child(2n) .promotion-column-2 {
    order: 1;
}
.promotions-list .promotion-details:nth-child(2n) .promotion-column-2 .promotion-image {
    float: right;
}
.promotions-list .promotion-details:nth-child(2n+1) {
    background-color: #f7f9f7;
}
.promotions-list .promotion-details:nth-child(2n+1) .promotion-column-1 .details {
    float: right;
}
.promotion-pagination {
    text-align: center;
    font-size: 20px;
    padding-bottom: 50px;
}

.promotion-pagination a,
.promotion-pagination span {
    border: 2px solid #666e63;
    padding: 5px 10px;
}
.promotion-pagination span {
    background-color: #666e63;
    color: #FFF;
}

.landing-top-wrapper {
    padding: 80px 0;
    background-color: #f7f9f7;
}

.landing-top {
    display: flex;
    align-items: center;
}
.landing-top-column-left, 
.landing-top-column-right {
    flex: 0 0 50%;
}

.landing-top-column-left {
    padding-right: 8.33%;
}
.landing-top-column-left h3 {
    margin-bottom: 15px;
    font-size: 1.7rem;
}

.landing-top-content {
    margin-bottom: 25px;
    text-align: justify;
}

.landing-top-button {
    color: #c0cb12;
    font-size: 1.1em;
    text-transform: uppercase;
}

.landing-sections-list .section-details .section-column-1 {
    order: 2;
}
.landing-sections-list .section-details .section-column-2 {
    order: 1;
}
.landing-sections-list .section-details:nth-child(2n) {
    background-color: #f7f9f7;
}
.landing-sections-list .section-details:nth-child(2n) .section-column-1 {
    order: 1;
}
.landing-sections-list .section-details:nth-child(2n) .section-column-2 {
    order: 2;
}
.landing-sections-list .section-details:nth-child(2n) .section-column-1 .details {
    float: right;
}
.landing-sections-list .section-details:nth-child(2n+1) {
    background-color: #fff;
}
.landing-sections-list .section-details:nth-child(2n+1) .section-column-2 .section-image {
    float: right;
}

.section-details .section-title {
    margin-bottom: 20px;
}

.page-template-page-template-landing .c-page__showrooms {
    background-color: #FFF;
}
.landing-footer {
    text-align: center;
    background-color: #f7f9f7;
    padding: 80px 0 50px;
}
.landing-footer h3 {
    font-size: 2.7em;
    margin-bottom: 40px;
}
.landing-footer .tab-text h2 {
	font-size: 2em;
}
.landing-footer .tab-text h3 {
	font-size: 1.7em;
}
.landing-footer .tab-content {
    display: none;
    max-width: 700px;
    margin: 30px auto 0;
}
.landing-footer #tab-content-1 {
    display: block;
}
.footer-tabs .tab-title {
    border: 2px solid #666e63;
    display: inline-block;
    text-transform: uppercase;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 20px 7px;
}
.footer-tabs .tab-title.current,
.footer-tabs .tab-title:hover {
    background-color: #666e63;
}
.footer-tabs .tab-title a {
    color: #666e63;
    font-size: 0.7em;
}
.footer-tabs .tab-title.current a,
.footer-tabs .tab-title:hover a {
    color: #FFF;
}
.footer-tabs .tab-text {
    margin-top: 40px;
}
.footer-tabs .tab-text p {
    margin-bottom: 7px;
}
.footer-tabs .tab-button {
    background-color: #c0cb12;
    color: #FFF;
    padding: 15px 40px;
    display: inline-block;
    margin-top: 30px; 
    margin-bottom: 30px;
}

.gform_wrapper .vendor-asset input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    width: 100%;
    border: 1px solid #e3e3e3;
    line-height: 1em;
    padding: 10px 15px;
    outline: none;
    -webkit-appearance:none;
    background: transparent;
    color: #666;
    font-size: 0.9em;
}
.gform_wrapper .vendor-asset .ginput_container_fileupload {
    display: none;
}
.gform_wrapper .vendor-asset .custom-fileupload label,
.gform_wrapper .vendor-asset .gfield_repeater_item .gfield_repeater_cell:nth-child(3) label,
.gform_wrapper .vendor-asset .gfield_repeater_item .gfield_repeater_cell:nth-child(6) label {
    cursor: pointer;
    background-color: #c0cb12;
    color: #FFF;
    padding: 10px 20px;
    font-size: .8em;
}
.gform_wrapper .vendor-asset .custom-fileupload,
.gform_wrapper .vendor-asset .gfield_repeater_item .gfield_repeater_cell:nth-child(3),
.gform_wrapper .vendor-asset .gfield_repeater_item .gfield_repeater_cell:nth-child(6) {
    border: 1px solid #e3e3e3;
    padding: 10px;
    background-color: #FFF;
}
.gform_wrapper .vendor-asset ul.gform_fields li.gfield,
.gform_wrapper .field_description_below .gfield_description {
    padding-right: 0 !important;
}
.gform_wrapper .vendor-asset .ginput_container_textarea {
    border: 1px solid #e3e3e3;
    padding: 10px;
}
.gform_wrapper .vendor-asset .ginput_container_textarea textarea {
    background: transparent;
    border: none;
    outline: none;
    -webkit-appearance:none;
    color: #666;
    font-size: 0.9em;
}
.gform_wrapper .vendor-asset h3.gform_title {
    margin-bottom: 35px;
}
.gform_wrapper .vendor-asset .ginput_container_textarea textareadiv.charleft {
    text-align: right; 
    width: 100% !important;
}
.gform_wrapper .vendor-asset .gfield_repeater_cell label {
    color: #666e63;
    font-size: 1em;
    font-weight: 700;
}

.vendor-section-1,
.vendor-section-2,
.vendor-section-3,
.vendor-section-4,
.vendor-section-5,
.vendor-section-6 {
    display: none;
}

.vendor-add-section,
.vendor-add-block {
    width: 100%;
    background: none;
    border: 1px solid #c0cb12;
    padding: 10px 0 15px;
    color: #666e63;
    cursor: pointer;
}

.vendor-add-section:before,
.vendor-add-block:before {
    content: "+";
    position: relative;
    right: 7px;
    top: 1px;
    font-size: 27px;
}

.vendor-add-block {
    width: 300px;
    margin-left: 50px;
}

.gform_wrapper li.brand_overview {
	margin-left: 50px !important;
}

.vendor-section-1 .vendor-add-block,
.vendor-section-2 .vendor-add-block,
.vendor-section-3 .vendor-add-block,
.vendor-section-4 .vendor-add-block,
.vendor-section-5 .vendor-add-block,
.vendor-section-6 .vendor-add-block {
	margin-left: 0;	
}

.vendor-remove-section {
    width: 100%;
    background: none;
    border: 1px solid #c0cb12;
    padding: 10px 0 15px;
    color: #666e63;
    cursor: pointer;
}

.vendor-remove-section {
    width: 100%;
    background: none;
    border: 1px solid #c0cb12;
    padding: 10px 0 15px;
    color: #666e63;
    cursor: pointer;
}

.vendor-remove-section:before {
    content: "-";
    position: relative;
    right: 7px;
    top: 1px;
    font-size: 27px;
}
.gform_wrapper .vendor-asset input[type=submit] {
    background-color: #c0cb12;
    padding: 10px 20px;
    border: none;
    color: #FFF;
    font-weight: 700;
    font-size: 0.8em !important;
}

.gform_wrapper li.spotlight_1,
.gform_wrapper li.spotlight_2,
.gform_wrapper li.spotlight_3,
.gform_wrapper li.spotlight_4 {
    margin-left: 50px !important;
}
.gform_wrapper li.spotlight_3 {
	display: none; 
}
.gform_wrapper li.spotlight_4 {
	display: none;
}

.vendor-section-1-block-3,
.vendor-section-1-block-4,
.vendor-section-2-block-3,
.vendor-section-2-block-4,
.vendor-section-3-block-3,
.vendor-section-3-block-4,
.vendor-section-4-block-3,
.vendor-section-4-block-4,
.vendor-section-5-block-3,
.vendor-section-5-block-4,
.vendor-section-6-block-3,
.vendor-section-6-block-4 {
    display: none;
}

.wp-block-button__link {
    background-color: #c0cb12;
    padding: 10px 20px;
    border: none;
    color: #FFF;
    font-weight: 700;
    border-radius: 0;
    font-size: 1.2em !important;
}

.gform_wrapper .vendor-asset {
	max-width: 800px;
	margin-left: 0;
}
.c-page__section-items .c-page__section-item-image, {
	height: 330px;
}
.c-page__section-items--layout2 .c-page__section-item-image {
	height: 230px;
}
.c-page__section-items .c-page__section-item-image img {
	width: 100%;
	height: 100%;
}

.page-template-page-template-replacement-php .replacement-footer.o-wrapper {
    max-width: 1140px;
}

.replacement-top-wrapper {
    position: relative;
    background-color: #c6c7c8;
    min-height: 500px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100% !important;
}
.replacement-top-wrapper::after {
    z-index: 1;
    background: #f8f9fa;
    content: "";
    -webkit-transform: rotate(-5deg) translateX(-50%);
    -ms-transform: rotate(-5deg) translateX(-50%);
    transform: rotate(-5deg) translateX(-50%);
    width: 120%;
    position: absolute;
    bottom: 0;
    height: 200px;
    left: 50%;
}
.replacement-top {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
    text-align: center;
}
.replacement-top img {
    margin: 0 0 40px;
}
.replacement-top h3 {
    color: #FFF;
    font-size: 70px;
    font-weight: 900;
    line-height: 1.2;
	padding-bottom: 100px;
}
.replacement-section-3,
.replacement-section-2 {
	padding-left: 0;
	padding-right: 0;
}
.replacement-section-2.promotions-list .details, 
.replacement-section-2.promotions-list .promotion-image,
.replacement-section-3.promotions-list .details, 
.replacement-section-3.promotions-list .promotion-image{
	max-width: 600px;
}

.replacement-section-3.promotions-list .promotion-details {
    background-color: #fff;
}
.replacement-section-3.promotions-list .promotion-column-1 {
	order: 2;
}
.replacement-section-3.promotions-list .promotion-details .promotion-column-1 .details {
    float: left;
}
.replacement-section-3.promotions-list .promotion-column-2 {
	order: 1;
}
.replacement-section-3.promotions-list .promotion-column-2 .promotion-image {
    float: right;
}

.replacement-section-2 .section-2-box {
    display: flex;
    background-color: #000;
    padding: 20px;
}
.replacement-section-2 .section-2-box .left-section {
    padding-right: 15px;
    flex: 50%;
}
.replacement-section-2 .section-2-box .right-section {
    padding-left: 15px;
    color: #FFF;
    font-size: 20px;
    line-height: 1.8;
    flex: 50%;
}
.replacement-section-2 .section-2-box .right-section h3 {
    font-size: 28px;
    font-weight: 500;
}
.replacement-section-2 .section-2-box .right-section a {
    text-decoration: underline;
    color: #FFF;
}

.replacement-section-3 {
    padding-bottom: 140px;
}

.replacement-section-3 .section-3-box {
    display: flex;
}
.replacement-section-3 .section-3-box .left-section {
    padding-right: 15px;
    flex: 33%;
}
.replacement-section-3 .section-3-box .right-section {
    padding-left: 15px;
    flex: 66%;
    font-size: 20px;
    line-height: 1.8;
    color: gray;
}

.replacement-section-3 .section-3-box .right-section h3 {
    font-size: 28px;
    font-weight: 500;
    color: #000;
}

.replacement-footer {
	overflow: hidden;
}
.replacement-footer h3 {
    font-size: 2.5rem;
    margin-bottom: 25px;
    text-align: center;
}
.replacement-footer .replacement-tabs {
    text-align: center;
}
.replacement-footer .tab-title {
    border: 2px solid #666e63;
    display: inline-block;
    text-transform: uppercase;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 20px;
}
.replacement-footer .tab-title a {
    color: #666e63;
    font-size: 0.7em;
}
.replacement-footer .tab-title.current {
    background-color: #666e63;
}
.replacement-footer .tab-title.current a {
    color: #FFF;
}

.replacement-footer .replacement-tabs .tab-content {
    height: 0;
    opacity: 0;
	position: relative;
	z-index: -1;
}
.replacement-footer .replacement-tabs .tab-content.current {
    opacity: 1;
    height: auto;
	z-index: 10;
}
.replacement-footer .replacement-tabs .tab-content {
	margin-top: 30px; 
}
.replacement-footer .replacement-tabs .tab-content .products-container {
    display: flex;
    flex-wrap: wrap;
}
.replacement-footer .replacement-tabs .tab-content .product-details {
    flex: 0 0 25%;
    padding: 20px;
    text-align: center;
    margin-bottom: 50px;
}
.replacement-footer .replacement-tabs .tab-content .product-details .product-logo {
    margin-bottom: 20px;
    height: 200px;
}
.replacement-footer .replacement-tabs .tab-content .product-details .product-title {
    font-size: 22px;
    color: #000;
}
.page-template-page-template-replacement-php .c-page__top .o-wrapper {
	max-width: 1600px;
}
.page-template-page-template-replacement-php .footer-o-wrapper {
	max-width: 1805px;
	position: relative; 
	z-index: 1000;
}
.replacement-footer {
	margin-bottom: 80px;
}

.page-template-page-template-replacement .promotion-details h3 {
	font-size: 1.2em;
    margin-bottom: 15px;
}
.page-template-page-template-replacement .promotion-details p {
    margin-bottom: 25px;
    line-height: 1.5em; 
}
.replacement-brand-logo {
	max-height: 80px;
	margin-bottom: 30px;
    width: 50%;
}

.c-page__image img {
	width: 100%;
}
.page-template-page-template-category .brand-promotions-list .brand-details {
	flex-basis: 25%;
}
.category-all {
	pointer-events: none;
}

@media (min-width: 1200px) {
	.replacement-section-3.promotions-list .promotion-image {
		width: 600px;
		max-width: 100%;
	}
	.replacement-section-3.promotions-list .promotion-column-2,
	.replacement-section-3.promotions-list .promotion-column-1 {
		width: 50%;
	}
}

@media (max-width: 1199px) {
	.replacement-section-3.promotions-list .promotion-column-2 .promotion-image {
		float: left;
	}
}
@media (min-width: 769px) and (max-width: 1100px) {
    .promotions-list .promotion-column-1, 
	.promotions-list .promotion-column-2 {
        padding: 50px 25px;
    }
	.brand-promotions-list .brand-image {
    	height: auto;
	}
	.promotions-list .promotion-details,
	.brand-promotions-list .brands-list,
	.replacement-section-2 .section-2-box,
	.replacement-section-3 .section-3-box {
        flex-direction: column;
    }
	.promotions-list .promotion-column-1, 
	.promotions-list .promotion-column-2 {
        padding: 30px 25px;
    }
    .promotions-list .promotion-column-1, 
    .promotions-list .promotion-column-2,
	.brand-promotions-list .brand-details {
        flex: 0 0 100%;
        width: 100%;
    }
	.c-page__section-items .c-page__section-item-image,
	.c-page__section-items--layout2 .c-page__section-item-image {
		height: auto;
	}
	.replacement-footer .replacement-tabs .tab-content .product-details {
		flex: 50%;
	}
	.promotions-list .promotion-details:nth-child(2n) .promotion-column-2 .promotion-image,
	.promotions-list .promotion-details:nth-child(2n+1) .promotion-column-1 .details {
		float: none;
	}
	.replacement-footer {
		margin-bottom: 50px;
	}
}

@media (max-width: 768px) {
    .promotions-list .promotion-details,
	.brand-promotions-list .brands-list,
	.replacement-section-2 .section-2-box,
	.replacement-section-3 .section-3-box,
	.landing-top,
	.section-details {
        flex-direction: column;
    }
	.landing-top-wrapper {
		padding: 10px;
	}
	.promotions-list .promotion-column-1, 
	.promotions-list .promotion-column-2,
	.landing-top-column-left,
	.landing-top-column-right,
	.section-details .section-column-1,
	.section-details .section-column-2 {
        padding: 30px 25px;
    }
    .promotions-list .promotion-column-1, 
    .promotions-list .promotion-column-2,
	.brand-promotions-list .brand-details,
	.landing-top-column-left,
	.landing-top-column-right,
	.section-details .section-column-1,
	.section-details .section-column-2 {
        flex: 0 0 100%;
        width: 100%;
    }
	.brand-promotions-list .brand-image {
		height: auto
	}
    .promotions-list .promotion-column-2 {
        padding-bottom: 0;
    }
    .promotions-list .promotion-column-1 {
        order: 2 !important;
    }
    .promotions-list .promotion-column-2 {
        order: 1 !important;
    }
	.landing-top-column-left {
		order: 2 !important; 
	}
	.landing-top-column-right {
		order: 1 !important;
	}
	.section-details .section-column-2 {
		order: 1 !important;
	}
	.section-details .section-column-1 {
		order: 2 !important;
	}
    .promotion-pagination {
        padding-top: 30px;
        font-size: 16px;
    }
	.c-page__section-items .c-page__section-item-image,
	.c-page__section-items--layout2 .c-page__section-item-image {
		height: auto;
	}
	.c-page__section-item-image img {
		width: 100%;
	}
	.replacement-footer .replacement-tabs .tab-content .product-details {
		flex: 100%;
	}
	.replacement-footer .replacement-tabs .tab-content .product-details .product-logo {
		height: auto;
		width: 100%;
	}
	.replacement-section-2 .section-2-box {
		padding: 40px;
	}
	.promotions-list .promotion-details:nth-child(2n) .promotion-column-2 .promotion-image,
	.promotions-list .promotion-details:nth-child(2n+1) .promotion-column-1 .details{
		float: none;
	}
	.replacement-footer {
		margin-bottom: 40px;
	}
	.landing-footer {
		padding: 30px 0;
	}
}