/*
 * Post-page styles, lifted verbatim from the live inline <style> blocks:
 * the entire shop-post layout (.product_main, tabs, popup, sliders) and
 * the article-post layout (.single_post) exist ONLY as WordPress inline
 * CSS -- nothing in the vendored theme style.css covers them. Same
 * treatment as wp-inline.css. The article pages' `#breadcrumbs
 * {margin-top:30px}` rule is scoped to .single_post here so it cannot
 * leak onto the other page types (live only ships it on article pages).
 */


/* Shop posts (single-product template). */
.product_main{
	padding-top: 190px;
}
.product_main #breadcrumbs{
	width: 100%;
}
.product_main_content{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.prod_main_slider{
	width: 48.83%;
}
.prod_main_context{
	width: 48.83%;
}
.prod_main_context h1{
    font-weight: 700;
    font-size: 56px;
    line-height: 70px;
    letter-spacing: 0%;
    color: #16171B;
    margin: 0;
    margin-bottom: 20px;
}
.prod_main_context .price{
    font-weight: 700;
    font-size: 30px;
    line-height: 37.5px;
    letter-spacing: 0%;
    color: #A7A7AB;
    margin: 0;
}
.prod_main_context .options{
	margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    background-color: #FFF;
    margin-bottom: 40px;
}
.prod_main_context .options p{
	width: calc(50% - 1px);
	padding: 10px 20px;
    font-weight: 500;
    font-size: 17px;
    line-height: 24.65px;
    letter-spacing: 0%;
    color: #16171B;
    background-color: #F6F6F6;
}
.prod_main_context .options p:nth-of-type(even){
	font-weight: 700;
}
.prod_main_context .sub_title{
    font-weight: 700;
    font-size: 30px;
    line-height: 37.5px;
    letter-spacing: 0%;
    color: #A7A7AB;
    margin: 0;
    margin-bottom: 20px;
}
.prod_main_context .sub_heading{
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 0%;
    color: #16171B;
    text-transform: uppercase;
}
.prod_main_context .char{
	margin-top: 15px;
    margin-bottom: 20px;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.prod_main_context .char li{
    font-weight: 700;
    font-size: 15px;
    line-height: 17.61px;
    letter-spacing: 0%;
    text-align: center;
    color: #16171B;
    width: fit-content;
    padding: 11px 13px;
    background-color: #F6F6F6;
}
.prod_popup{
	padding: 0;
    outline: none;
    border: none;
    background: none;
    font-weight: 700;
    font-size: 13px;
    line-height: 18.85px;
    letter-spacing: 0%;
    text-align: center;
    color: #FFF;
    padding: 15.5px 38.5px;
    background-color: #FF7100;
    text-transform: uppercase;
    transition: .35s ease-out;
}
.prod_popup:hover{
	cursor: pointer;
    background-color: #000;
    transition: .35s ease-out;
}
.product_settings{
	margin-top: 50px;
    padding-top: 20px;
    border-top: 1.5px solid #F6F6F6;
}
.tabs_headlines{
	width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
}
.tab_heading{
	background: none;
    outline: none;
    padding: none;
    border: none;
	width: 33.333%;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0%;
    color: #16171B;
    padding: 17px;
    background-color: #F6F6F6;
    cursor: pointer;
}
.tab_heading.active{
	border-left: 3px solid #FF7100;
    box-shadow: 0px 4px 15px 0px #00000026;
    background-color: #FFF;
}
.tabs_flow{
	margin-top: 40px;
}
.tab_content h2{
    font-weight: 700;
    font-size: 30px;
    line-height: 37.5px;
    letter-spacing: 0%;
    color: #000000;
    margin-bottom: 20px;
}
.tab_content p{
    font-weight: 400;
    font-size: 17px;
    line-height: 24.65px;
    letter-spacing: 0%;
	color: #303030;
    margin-bottom: 15px;
}
.tab_content h3{
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0%;
    color: #000000;
    margin: 0;
    margin-bottom: 15px;
}	
.tab_content ol{
	margin: 0;
    padding-left: 20px;
}
.tab_content ol li{
    font-weight: 500;
    font-size: 17px;
    line-height: 24.65px;
    letter-spacing: 0%;
    color: #303030;
    margin-bottom: 15px;
}
.product_character{
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    background-color: #FFF;
}
.product_character p{
	width: calc(50% - 1px);
    font-weight: 500;
    font-size: 17px;
    line-height: 24.65px;
    letter-spacing: 0%;
    color: #16171B;
    padding: 10px 20px;
    background-color: #F6F6F6;
    margin: 0;
}
.product_character p:nth-of-type(even){
	font-weight: 700;
}
.close div {
    height: 0px;
    transition: height .35sease-out;
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
}
.open div {
    padding: 0 20px;
    width: 100%;
    margin: 0px 0px 10px 0px;
    display: block;
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: -webkit-transform 0.35sease-out;
    -o-transition: -o-transform 0.35s ease;
    -ms-transition: -ms-transform 0.35s ease;
    transition: transform 0.35sease;
}
.accordionItemHeading{
	padding: 15px 25px;
    background-color: #F6F6F6;
    font-weight: 600;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 0%;
    color: #16171B;
    margin: 0;
    position: relative;
}
.open .accordionItemHeading{
	border-left: 3px solid #FF7100;
}
.accordionItemHeading svg{
	position: absolute;
    width: 10px;
    height: 10px;
    top: calc(50% - 5px);
    right: 15px;
}
.open .accordionItemHeading svg{
	transform: rotate(45deg);
}
.open .accordionItemHeading svg path{
	stroke: #FF7100;
}
.accordionItem div p{
	margin: 0;
    font-weight: 400;
    font-size: 17px;
    line-height: 24.65px;
    letter-spacing: 0%;
    color: #35363A;
}
.faq_accordion{
	display: flex;
    flex-direction: column;
    gap: 20px;
}
.main-slider{
	overflow: hidden;
    height: 570px;
}
.main-slider img{
	width: 100%;
	height: 100%;
    object-fit: contain;
}
.swiper-pagination{
	position: initial;
}
.swiper-pagination-bullet{
	width: 110px;
	height: 110px;
    background: none;
}
.swiper-pagination-bullet{
	opacity: .75;
}
.swiper-pagination-bullet-active{
	opacity: 1;
}
.swiper-pagination-bullet-active img{
	border: 1.5px solid #DCDCDC;
}
.swiper-pagination-bullet img{
	width: 100%;
    height: 100%;
    object-fit: contain;
}
.other_products_heading span{
    font-weight: 600;
    font-size: 17px;
    line-height: 145%;
    letter-spacing: 0%;
    font-variant-numeric-figure: lining-nums;
    font-variant-numeric-spacing: proportional-nums;
    color: #FF7100;
}
.other_prods_title{
    font-weight: 700;
    font-size: 56px;
    line-height: 125%;
    letter-spacing: 0%;
    font-variant-numeric-figure: lining-nums;
    font-variant-numeric-spacing: proportional-nums;
    text-transform: uppercase;
    color: #16171B;
    margin-top: 5px;
    margin-bottom: 40px;
}
.related-slider{
	overflow: hidden;
}
.other_products{
	margin-top: 100px;
    margin-bottom: 144px;
}
.related-slider .swiper-slide a{
	display: flex;
    flex-direction: column;
    position: relative;
    height: 15.10vw;
}
.related-slider .swiper-slide a .related_item_title{
	width: 100%;
    position: absolute;
    bottom: 0;
    padding: 20px;
    font-weight: 700;
    font-size: 20px;
    line-height: 145%;
    letter-spacing: 0%;
    text-align: center;
    font-variant-numeric-figure: lining-nums;
    font-variant-numeric-spacing: proportional-nums;
    color: #000;
}
.related_item_image{
	display: flex;
    justify-content: center;
}
.related_item_image img{
	width: 65%;
}
.swiper-pagination-related .swiper-pagination-bullet{
	width: 9px;
    height: 9px;
    background-color: #CCCCD3;
    border-radius: 0;
}
.swiper-pagination-related .swiper-pagination-bullet-active{
	background-color: #FF7100;
    transform: rotate(45deg);
}
.swiper-pagination-related{
	width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 25px;
}
.box_addon{
	width: 100%;
    margin-top: 40px;
}
.box_addon article{
	width: 100%;
    display: flex;
}
.box_addon .img_addon{
	width: 280px;
    height: auto;
} 
.box_addon .img_addon img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.box_addon .txt_addon{
	width: calc(100% - 280px);
    padding: 25px;
    box-shadow: 0px 4px 15px 0px #00000026;
}
.txt_addon p{
	font-family: Raleway;
    font-weight: 400;
    font-size: 20px;
    line-height: 145%;
    letter-spacing: 0%;
    font-variant-numeric-figure: lining-nums;
    font-variant-numeric-spacing: proportional-nums;
    color: #000;
    margin-bottom: 15px;
}
.txt_addon p strong{
	color: #A7A7AB;
}
.txt_addon p[role="heading"]{
    font-weight: 700;
    font-size: 20px;
    line-height: 145%;
    letter-spacing: 0%;
    font-variant-numeric-figure: lining-nums;
    font-variant-numeric-spacing: proportional-nums;
    color: #000;
}
.txt_addon p[role="heading"] strong{
	color: #000;
}
#addBox{
	padding: 0;
    border: none;
    background: none;
    outline: none;
    padding: 15px 25px;
    font-weight: 700;
    font-size: 13px;
    line-height: 145%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    background-color: #F6F6F6;
    cursor: pointer;
    transition: .35s ease-out;
}
#addBox:hover{
	color: #FFF;
	background-color: #FF7100;
	transition: .35s ease-out;
}
.product_popup{
	position: fixed;
    width: 100%;
    height: 100%;
    background-color: #16171B99;
    z-index: 99;
    display: flex;
    top: 0;
    left: 0;
    bottom: 0;
    display: none;
}
.product_popup.active{
	display: flex;
}
.product_popup_content{
	position: relative;
	background-color: #FFFFFF;
    padding: 80px;
    box-shadow: 0px 4px 15px 0px #00000026;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product_popup_heading{
	width: 290px;
}
.product_popup_heading p[role="heading"]{
    font-weight: 700;
    font-size: 30px;
    line-height: 125%;
    letter-spacing: 0%;
    text-transform: uppercase;
    font-variant-numeric-figure: lining-nums;
    font-variant-numeric-spacing: proportional-nums;
    border-left: 3px solid #FF7100;
    padding-left: 20px;
    color: #303030;
    margin-bottom: 20px;
}
.product_popup_heading span{
    font-weight: 400;
    font-size: 17px;
    line-height: 145%;
    letter-spacing: 0%;
    font-variant-numeric-figure: lining-nums;
    font-variant-numeric-spacing: proportional-nums;
    color: #303030;
}
.product_popup_form{
	width: 680px;
}
.product_popup_form form{
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0px 50px;
    align-items: center;
}
.product_popup_form form p{
	width: calc(50% - 25px);
}
.product_popup_form form p:nth-of-type(3){
	display: none;
}
.product_popup_form form p:nth-of-type(4){
	width: fit-content;
    margin-top: 30px;
}
.product_popup_form form p label{
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #303030;
    margin-bottom: 10px;
}
.product_popup_form form input{
	width: 100%;
	background: none;
    border: none;
    outline: none;
    padding: 12px 15px;
	border: 1px solid #DCDCDC;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #303030;
    margin-top: 10px;
}
.product_popup_form .input_box_addon{
	display: none;
}
.popup_policy{
	width: 335px;
    margin-top: 30px;
    order: +1;
}
.product_popup_form .popup_policy p{
	width: fit-content;
    margin-top: 5px;
}
.product_popup_form .popup_policy p a{
	color: #FF7100;
}
.product_popup_form input[type="submit"]{
	padding: 15px 35px;
    font-weight: 700;
    font-size: 13px;
    line-height: 145%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    background-color: #FF7100;
}
.product_popup_form .wpcf7-spinner{
	display: none;
}
#closeProdPopup{
	width: 14px;
    height: 14px;
    position: absolute;
    top: 23px;
    right: 23px;
    cursor: pointer;
}
.box_price{
    font-weight: 700;
    font-size: 20px;
    line-height: 125%;
    letter-spacing: 0%;
    font-variant-numeric-figure: lining-nums;
    font-variant-numeric-spacing: proportional-nums;
    color: #A7A7AB;
    display: block;
    margin-bottom: 20px;
}
.tab_content a{
	color: #FF7100;
    transition: .35s ease-out;
}
.tab_content a:hover{
	opacity: .75;
    transition: .35s ease-out;
}
.swiper-slide{
	cursor: zoom-in;
    overflow: hidden;
}
@media screen and (max-width: 1320px){
	.prod_main_context h1 {
        font-size: 46px;
        line-height: 125%;
        margin-bottom: 40px;
	}
    .prod_main_context .options{
    	margin-top: 40px;
        margin-bottom: 30px;
    }
    .prod_main_context .options p{
    	padding: 10px 14px;
    }
    .prod_main_context .char li{
    	width: calc(50% - 5px);
    }
    .main-slider {
        height: 50.58vw;
    }
    .prod_main_slider .swiper-pagination{
    	display: flex;
        gap: 5px;
        justify-content: flex-start;
    }
    .prod_main_slider .swiper-pagination-bullet {
        width: 82px;
        height: 82px;
    }
    .related-slider .swiper-slide a{
    	height: 21.09vw;
    }
    .other_products{
    	margin-top: 80px;
        margin-bottom: 104px;
    }
    .box_addon .img_addon{
    	width: 50%;
    	height: auto;
    }
    .box_addon .txt_addon{
    	width: 50%;
    }
    .product_popup_content {
    	width: 902px;
        padding: 50px;
    }
    .popup_policy {
        width: 245px;
        margin-top: 20px;
        order: +1;
    }
    .product_popup_form form p:nth-of-type(4){
    	margin-top: 20px;
    }
    .product_popup_form {
        width: 480px;
        padding; 50px;
    }
    .product_popup_form form {
        width: 100%;
        gap: 0px 30px;
    }
    .product_popup_heading p[role="heading"]{
    	font-size: 26px;
        padding-left: 15px;
    }
    .product_popup_heading span{
    	font-size: 15px;
    }
    .product_popup_heading {
        width: 260px;
    }
    .product_popup_form {
        width: 480px;
    }
    .product_popup_form .popup_policy p {
        width: fit-content;
        margin-top: 5px;
        font-size: 13px;
    }
    .product_popup_form input[type="submit"] {
    	padding: 13px 30px;
    	font-weight: 700;
    	font-size: 12px;
    }
    .product_popup_form form input{
    	font-size: 15px;
        padding: 11px 13px;
        margin-top: 5px;
    }
    .product_popup_form form p label{
    	font-size: 13px;
    }
    .box_price{
        font-size: 16px;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 992px){
	.prod_main_slider {
    	width: 570px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        gap: 20px;
	}
    .prod_main_context{
    	width: 100%;
        margin-top: 34px;
    }
    .prod_main_slider .swiper-pagination {
        display: flex;
        gap: 11px;
        justify-content: flex-start;
        flex-direction: column;
        width: 82px;
    }
    .main-slider {
        height: 425px;
    }
    .product_main {
        padding-top: 160px;
    }
    .related-slider .swiper-slide a .related_item_title{
    	font-size: 12px;
        padding: 12px;
    }
    .box_addon .img_addon {
        width: 50%;
        height: 370px;
    }
    .product_popup_content{
    	flex-wrap: wrap;
    }
    .product_popup_heading{
    	width: 100%;
    }
    product_popup_form{
    	width: 100%;
    }
    .product_popup_content {
        width: 300px;
        padding: 30px;
    }
    .product_popup_form {
        width: 100%;
        margin-top: 15px;
    }
    .product_popup_form form p {
        width: 100%;
        margin-bottom: 15px;
    }
    #closeProdPopup {
        width: 12px;
        height: 12px;
        position: absolute;
        top: 15px;
        right: 15px;
        cursor: pointer;
    }
    .popup_policy {
        width: 100%;
        margin-top: 15px;
        order: +1;
    }
    .product_popup_form form p:nth-of-type(4) {
        margin-top: 0;
    }
    .product_popup_form .popup_policy p{
    	margin-bottom: 0;
    }
}
@media screen and (max-width: 620px){
	.prod_main_slider {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
    }
    .prod_main_slider .swiper-pagination {
        display: flex;
        gap: 7px;
        justify-content: flex-start;
        flex-direction: row;
        width: 100%;
    }
    .prod_main_slider .swiper-pagination-bullet {
        width: 16.25vw;
        height: 16.25vw;
    }
    .main-slider {
        height: auto;
    }
    .prod_main_context h1 {
        font-size: 30px;
        line-height: 125%;
        margin-bottom: 20px;
    }
    .prod_main_context .price {
    	font-weight: 700;
    	font-size: 24px;
    	line-height: 125%;
	}
    .prod_main_context .options {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .prod_main_context .options p {
        padding: 10px 10px;
        line-height: 145%;
        font-size: 15px;
    }
    .prod_main_context .sub_title {
    	font-size: 24px;
    	line-height: 125%;
    }
    .prod_main_context .sub_heading {
    	font-size: 18px;
    	line-height: 145%;
    }
    .prod_main_context .char li {
        width: calc(50% - 3.5px);
        padding: 7px;
        font-size: 13px;
    }
    .prod_main_context .char{
    	gap: 7px;
    }
    .tab_heading{
    	width: 100%;
    	font-size: 18px;
        padding: 13px;
    }
    .tabs_headlines {
    	gap: 10px;
    	flex-direction: column;
	}
    .tab_content p, .tab_content ol li {
        font-size: 15px;
        line-height: 145%;
        margin-bottom: 10px;
    }
    .other_prods_title{
    	font-size: 30px;
        margin-bottom: 20px;
    }
    .other_products_heading span{
    	font-size: 15px;
    }
    .related-slider .swiper-slide a {
        height: 58vw;
    }
    .box_addon article{
    	flex-wrap: wrap;
    }
    .box_addon .txt_addon {
        width: 100%;
    }
    .box_addon .img_addon{
    	width: 100%;
    }
}

/* Article pages ship a bare #breadcrumbs margin rule -- scoped. */
.single_post #breadcrumbs{
	margin-top: 30px;
}

/* Article posts (post-template-default). */
.single_post .post-thumbnail img{
	width: 100%;
}
.single_post .entry-title{
	margin-top: 20px;
	margin-bottom: 20px;
}
.single_post .entry-content h2{
	margin-top: 10px;
}
.single_post .entry-content p{
	font-size: 17px;
    color: #35363A;
    line-height: 1.6;
}
.single_post .entry-content a{
	color:#35363A;
    font-weight: 600;
    transition: .35s ease-out;
}
.single_post .entry-content a:hover {
    color: #FF7100;
    transition: .35s ease-out;
}
.single_post .nav-links .nav-next a, .single_post .nav-links .nav-previous a{
	color:#35363A;
    font-weight: 600;
    transition: .35s ease-out;
}
.single_post .nav-links .nav-next a:hover, .single_post .nav-links .nav-previous a:hover{
	color: #FF7100;
    transition: .35s ease-out;
    }
.single_post .nav-links{
	margin-bottom: 25px;
    margin-top: 10px;
}
.share_post{
	width: 100%;
	display: flex;
    align-items: center;
    gap: 10px;
	margin: 20px 0;
}
.share_post div{
	display: flex;
    align-items: center;
    gap: 10px;
}
.share_post a{
	display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 5px;
}
.share_post svg{
	width: 28px;
    height: 28px;
}
.share_post svg path{
	fill: #FFF;
}
@media screen and (max-width: 1023px){
	.single_post .entry-content p {
        font-size: 14px;
        color: #35363A;
        line-height: 1.7;
    }
    .single_post .entry-title {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .share_post svg {
        width: 21px;
        height: 21px;
    }
    .share_post a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 31px;
        height: 31px;
        border-radius: 5px;
    }
}
