/*
Theme Name: Etiquette clothiers
Theme URI: https://www.etiquetteclothiers.com/
Author: Etiquette clothiers team
Author URI: https://www.etiquetteclothiers.com/
Description: Etiquette clothiers emphasizes simplicity and adaptability.
Version: 1.4
*/

:root {
	--white: #ffffff;
	--black: #000000;
    --base: #221F20;
    --basHover: #718c91;
    --butler: 'Butler';
}
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

@font-face {
    font-family: 'Butler';
    src: url('fonts/Butler-Bold.eot');
    src: url('fonts/Butler-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Butler-Bold.woff2') format('woff2'),
        url('fonts/Butler-Bold.woff') format('woff'),
        url('fonts/Butler-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('fonts/Butler-ExtraBold.eot');
    src: url('fonts/Butler-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Butler-ExtraBold.woff2') format('woff2'),
        url('fonts/Butler-ExtraBold.woff') format('woff'),
        url('fonts/Butler-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('fonts/Butler-Black.eot');
    src: url('fonts/Butler-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Butler-Black.woff2') format('woff2'),
        url('fonts/Butler-Black.woff') format('woff'),
        url('fonts/Butler-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('Butler-Light.eot');
    src: url('fonts/Butler-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Butler-Light.woff2') format('woff2'),
        url('fonts/Butler-Light.woff') format('woff'),
        url('fonts/Butler-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('Butler-Medium.eot');
    src: url('fonts/Butler-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Butler-Medium.woff2') format('woff2'),
        url('fonts/Butler-Medium.woff') format('woff'),
        url('fonts/Butler-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('Butler.eot');
    src: url('fonts/Butler.eot?#iefix') format('embedded-opentype'),
        url('fonts/Butler.woff2') format('woff2'),
        url('fonts/Butler.woff') format('woff'),
        url('fonts/Butler.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('Butler-UltraLight.eot');
    src: url('fonts/Butler-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Butler-UltraLight.woff2') format('woff2'),
        url('fonts/Butler-UltraLight.woff') format('woff'),
        url('fonts/Butler-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}


img{max-width: 100%;}
* {box-sizing: border-box;}
body {display: block; overflow-x: hidden; font-family: "Butler", Sans-serif; font-weight: 400; background-color: var(--white); min-height: 100vh; margin: 0; padding: 0; transition: background 0.2s linear;}
.container{width: 100%; max-width: 1180px; margin-left: auto; margin-right: auto; padding-left: 25px; padding-right: 25px;}  
header{background-color: var(--white); padding:15px 0px 10px 0px; border-top: 2px solid #000000; border-bottom: 2px solid #000000; margin-bottom: 17px;}
.timebarWrap{border-top: 2px solid #000000;}
.timebar{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; padding-top: 10px; text-transform: uppercase; font-size: 22px; font-weight: 500; letter-spacing: 2px;}
.timebar>.timeBarItem:nth-child(2){text-align: center;}
.timebar>.timeBarItem:nth-child(3){text-align: right;}
/* .logo{margin-bottom: -15px;} */
.relative{position: relative;}
.timebarWrap{margin-top: -15px;}

.headingM0{margin: 0;}

.logo a:focus{outline: none;}

main{padding: 60px 0; margin-top: 17px; border-top:2px solid var(--base);}
main *{margin: 0;}


.pagination{text-align: center; padding: 15px;}
.pagination span,
.pagination a{display: inline-block; color: #FFFFFF; background-color: var(--black); border-radius: 7px; border: none; line-height: 1; font-size: 1em; font-weight: 400; text-decoration: none; padding: .75em; margin: 0 .4em .4em 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.pagination a:hover{background-color: #333333;}
.pagination span{color: #FFFFFF; background-color: #4B4B4B; border-radius: 7px;}

.blog_single{padding: 70px 0;}
h2.post-tile{font-weight: 500; color: var(--black); font-size: 2rem; line-height: 1; margin-bottom: 20px; padding-top: 5px;}
.single_contentWrap{padding-top: 20px;}
.single_contentWrap::after{display: block; content: ''; clear: both; height: 0;}
.single_meta{display: flex; gap: 10px; color: #3E3E3F; padding: 5px 0 22px 0;}
.single_meta a{color: inherit; text-decoration: none;}
.single_contentWrap .singleImg{margin-bottom: 20px;}
.single_content p{font-weight: 400; color: #181818; line-height: 1.5; margin-block-start: 0; margin-block-end: .9rem;}
.single_content p strong{font-weight: 500;}
.single_content a{color: #c36; text-decoration: none;}
.single_content a:hover{color: #336;}

h1.page-tile{font-weight: 500; color: var(--black); font-size: 48px; line-height: 1; margin: 0; margin-bottom: 70px; padding-top: 38px;}
h1.page-tile.chapter_title{margin: 0; padding: 0; margin-top: 10px; margin-bottom: 20px;}
body.about-us h1.page-tile{text-align: center;}
.contact_page p{margin: 0;}

.page-content{color: var(--black); padding-block: 40px 80px;}
.page-content h2{font-size: 2em; margin-block-start: .5rem; margin-block-end: 1rem;}
.page-content h3{font-size: 1.75rem;}
.page-content h5{font-size: 1.25rem; padding-block-start: .2rem; margin-block-end: .9rem;}
.page-content p{padding: 0; margin: 0; margin-block-start: 0; margin-block-end: .9rem; font-size: 28px; font-weight: 600; line-height: 1.2; font-family: 'Cormorant Garamond', serif; margin-block: 32px;}
.page-content .wp-block-list li a,
.page-content p a{color: rgb(0, 0, 0); text-decoration: underline;}
.page-content .wp-block-list li a:hover,
.page-content p a:hover{color: rgb(0, 0, 0); text-decoration: none;}
.page-content ul{line-height: 1.6;}
.page-content img.alignleft{float: left; margin-right: 35px;}
.contact_page{padding: 83px 0; min-height: calc(100vh - 312px); display: flex; flex-direction: column; justify-content: center;}

.frow label{display: block; padding: 5px 0; color: var(--black); }
.frow label a{color: #c36; text-decoration: none;}
.frow label a:hover{color: #336;}
.news-summarizer-container input:not([type="checkbox"], [type="submit"]),
.frow textarea,
.frow input:not([type="checkbox"], [type="submit"]){width: 100%; border-radius: 3px; padding: .5rem 1rem; line-height: 1.45; font-size: 15px; font-weight: 500; transition: all .3s; border: 1px solid #69727d; background-color: transparent; outline: none;}
.frow textarea{height: 96px; max-width: 100%;}
.frow input[type="submit"]{background-color: rgb(13, 13, 13); color: rgb(255, 255, 255); font-weight: 500; font-size: 16px; border: none; border-radius: 4px; font-size: 16px; padding: 11px 30px; cursor: pointer; margin-top: 5px; margin-bottom: 5px;}
.frow .wpcf7-list-item{margin-left: 0; color: var(--black);}
.frow label label{padding: 0;}
.btn-wrapper button{background-color: #0d0d0d; color: #fff; font-weight: 500; font-size: 16px; border: none; border-radius: 4px; font-size: 16px; padding: 11px 30px; cursor: pointer; margin-top: 5px; margin-bottom: 5px;}
.news-summarizer-container{min-height: calc(100vh - 300px); display: flex; flex-direction: column; justify-content: center;}

.etiquette-head-section {background-color: #6f878a; padding-block: 40px 0;}
.etiquette-head-section .etiquette-head-content{display: grid; grid-template-columns: 1fr 1fr; color: var(--white); gap: 50px;}
.etiquette-head-section p{font-family: 'Cormorant Garamond', serif; font-size: 26px; line-height: 1.2; margin: 0; position: relative; margin-top: 36px; margin-bottom: 15px; font-weight: 500;}
.dropcap {float: left; min-width: 70px; min-height: 10px; position: relative;}
.dropcap span{font-family: 'Cormorant Garamond', serif; display: inline-block; line-height: .9; font-size: 120px; font-weight: 700; position: absolute; top: -65px;}

.etiquetteRow{display: grid; grid-template-columns: 1fr 1fr; gap: 34px;}
.etiquetteRow .etiquetteCol>p:first-child{margin-top: 60px;}

.pagesList{display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px;}
a.pagesList-item{text-decoration: none; display: block;}
.pagesList-item .pagesList-item{position: relative; text-decoration: none; outline: none;}
.pagesList-item .chapter-thumb{background: transparent none center center no-repeat; background-size: cover; position: relative; display: block; height: auto;}
.pagesList-item .chapter-thumb img{visibility: hidden; aspect-ratio: 1/1;}
.pagesList-item .chapter-thumb::before{background-color: rgba(0,0,0,0);
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    -moz-transition: background-color 0.3s ease 0s;
    -webkit-transition: background-color 0.3s ease 0s;
    -o-transition: background-color 0.3s ease 0s;
    -ms-transition: background-color 0.3s ease 0s;
    transition: background-color 0.3s ease 0s;
}
.pagesList-item:hover .chapter-thumb::before{
    background-color: rgba(51,51,51,0.5)
}
.pagesList-item .chapter-thumb:after {
    border-bottom: 1px solid transparent;
    color: transparent;
    content: 'Read more';
    display: block;
    font-weight: 500;
    letter-spacing: 0.01em;
    text-transform: none;
    font-size: 18px;
    left: 50%;
    line-height: 1em;
    position: absolute;
    top: 50%;
    z-index: 2;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.pagesList-item:hover .chapter-thumb:after{border-bottom-color: #FFF; color: #FFF;}
.pagesList-item .pagesList-itemInfo{}
.chapterName,
.pagesList-item .pagesList-itemInfo h5{color: #5b626d; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 0.15em; text-transform: uppercase; padding-block: 10px; margin: 0;}
.pagesList-item .pagesList-itemInfo h3{color: var(--black); font-size: 28px; line-height: 0.9em; margin: 0; color: #000000; font-weight: 600; letter-spacing: 0.01em; text-transform: none; font-family: 'Cormorant Garamond', serif;}

.breadcrumb{color: #999999; font-family: 'arial', serif; font-size: 14px; line-height: 1.4; font-weight: 400; padding-block: 8px;}
.breadcrumb a{text-decoration: none; color: var(--black);}
.breadcrumb .bread_arrow{background-image: url('data:image/svg+xml,<svg width="800px" height="800px" viewBox="0 0 1024 1024" class="icon" xmlns="http://www.w3.org/2000/svg"><path fill="%23000000" d="M338.752 104.704a64 64 0 000 90.496l316.8 316.8-316.8 316.8a64 64 0 0090.496 90.496l362.048-362.048a64 64 0 000-90.496L429.248 104.704a64 64 0 00-90.496 0z"/></svg>'); width: 12px; height: 9px; display: inline-block; background-size: 10px; background-position: 0px center; background-repeat: no-repeat;}

.chapterContentRow{display: grid; grid-template-columns: 1fr 220px; gap: 35px;}
.chapterContent .back-to-summary{text-align: center; margin-top: 60px; padding-bottom: 5px;}
.chapterContentRow a.chapters-summary {
    color: #000000;
    display: block;
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

.chapterContentRow a.chapters-summary::before, .chapterContentRow a.chapters-summary::after {
    border-bottom: 7px solid transparent;
    border-left: 7px solid #000000;
    border-top: 7px solid transparent;
    content: '';
    display: inline-block;
    margin: 0 14px 2px;
    vertical-align: middle;
    -moz-transition: margin 0.3s ease 0s;
    -webkit-transition: margin 0.3s ease 0s;
    -o-transition: margin 0.3s ease 0s;
    -ms-transition: margin 0.3s ease 0s;
    transition: margin 0.3s ease 0s;}
.chapterContentRow a.chapters-summary::after {
    border-left: 0 none; border-right: 7px solid #000000}

.chapterContentRow a.chapters-summary:hover::before, .chapterContentRow a.chapters-summary:hover::after {
    margin: 0 8px 2px;}

.chapterSidebar{border-top: 2px solid #000000; padding-block-start: 20px; position: relative;} 
.chapterSidebarInner{border-bottom: 2px solid #000000; padding-block-end: 20px; position: relative;}
.chapterSidebar .slick-vertical .slick-slide{border: none;}
.chapterSidebar .slick-arrow{position: absolute; left: 0; right: 0; text-align: center; cursor: pointer; max-height: 60px;}
.chapterSidebar .slick-arrow.slick-disabled{opacity: .4; cursor: auto;}
.chapterSidebar .slick-prev.slick-arrow{top: -60px;}
.chapterSidebar .slick-arrow.slick-arrow{bottom: -60px;}

.page-content.policy_page h2{font-size: 24px; margin-bottom: 0; margin-top: 25px; font-family: 'Cormorant Garamond', serif;}
.chapterContent  h3{font-weight: 400; margin: 0;}
.page-content.policy_page p,
body.page-template-art-basics .page-content p,
.chapterContent p{font-size: 14px; line-height: 2; font-weight: 400; font-family: 'Montserrat', sans-serif; color: #5b626d; margin-block: 12px;} 

.chapterSidebar .pagesList-item .pagesList-itemInfo{border-bottom: 1px solid #e6e6e6; padding-bottom: 24px; /*margin-bottom: 20px;*/}
.chapterSidebar .slick-track>.slick-slide:last-child .pagesList-itemInfo{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.chapterSidebar .slick-slide {margin: 12px 0;}
.chapterSidebar .slick-list {margin: -12px 0;}
.chapterContent .travel-packing-grid{grid-template-columns: 1fr 18%; position: relative;}
.chapterContent .travel-packing-grid blockquote{font-size: 16px; font-style: italic; font-weight: 400; letter-spacing: 0.05em; line-height: 1.875; font-family: 'Montserrat', sans-serif; color: #5b626d;} 
.chapterContent .travel-packing-grid blockquote:before{content: ""; display: block; background-image: url('data:image/svg+xml,<svg version="1.1" class="svg-quote-start" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 38 24" style="enable-background:new 0 0 38 24;" xml:space="preserve" width="38" height="24"><g><g><circle class="fill-color" fill="%23DE4A26" cx="28.9" cy="14.8" r="9"></circle><path class="fill-color" fill="%23DE4A26" d="M32.9,11.3c-10.7-3-1.3-11.1-1.3-11.1c-11.1,4-11.4,12.7-11.4,12.7s1.1,2.6,1.6,3.9"></path></g><g><circle class="fill-color" fill="%23DE4A26" cx="9.1" cy="14.8" r="9"></circle><path class="fill-color" fill="%23DE4A26" d="M13.1,11.3c-10.7-3-1.3-11.1-1.3-11.1C0.7,4.2,0.3,12.9,0.3,12.9s1.1,2.6,1.6,3.9"></path></g></g></svg>'); width: 38px; height: 24px; background-repeat: no-repeat; background-size: contain;}
.chapterContent .travel-packing-grid blockquote p{margin-block: 5px; font-size: 16px; font-style: italic; font-weight: 400; letter-spacing: 0.05em;
    line-height: 1.875; font-family: 'Montserrat', sans-serif;}

.border_box{padding: 20px; border: 1px solid rgba(0,0,0,0.3); padding: 18px 40px; width: 75%; margin-top: 8%;}
.border_box h2{font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 30px; letter-spacing: -0.002em; margin: 0; text-transform: uppercase; border-bottom: 1px solid rgba(0,0,0,0.3); padding-bottom: 6px; text-shadow: 0 0 1px #B3B3AA, 0 0 1px #B3B3AA;} 

.border_box.border_boxRight{margin-left: auto;}

.grid_with2column{gap: 40px; margin-bottom: 70px;}
.grid_with2column h3{padding-top: 15px;}
.grid_with2column h3.headingM0{padding-top: 0;}
.chapterContent .grid_with2column p{margin-block: 9px 0;}

.grid_with2column .wp-block-columns .wp-block-column figure.wp-block-image{margin-bottom: 0;}

.image_with_overlaytext{position: relative;}
.image_with_overlaytext .wp-block-image{width: 85%; margin: 0; margin-left: 15px !important;}
.grid_with2column .offset-overlay{background-color: rgba(51, 51, 51, 0.5); height: 100%; left: 30px; position: absolute; top: 15px; bottom: 0; width: 85%; z-index: 1;}
.grid_with2column .offset-overlay svg{left: 50%; position: absolute; top: 40%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}

.grid_with2column .offset-overlay h5{ color: #FFF; font-size: 46px; font-family: 'Cormorant Garamond', serif; font-weight: 600; letter-spacing: 0.01em;
    left: 50%; margin: 0; position: absolute; text-align: center; top: 75%; width: 100%; -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.image_with_textMngleft{margin-left: -25px !important;}    
.regular-content-table a.uoh{text-decoration: none}
.regular-content-table a.uoh:hover {
    text-decoration: underline}
.regular-content-table h6{font-size: 14px; line-height: 2; font-weight: 400; font-family: 'Montserrat', sans-serif; color: #000000; margin-block: 12px; letter-spacing: 0.05em; text-transform: uppercase; margin: 0; padding-bottom: 5px;}
.regular-content-table table {border-collapse: collapse; margin-inline: auto; max-width: 450px; width: 100%;}
.regular-content-table table th{color: #000000; font-family: 'Montserrat', sans-serif; font-weight: 500; letter-spacing: 0.01em; text-transform: none; font-size: 15px;}
.regular-content-table table th, .regular-content-table table td {
    border: 1px solid #c4c8c8; padding: 6px 12px;}
.regular-content-table table  thead th{border: none !important;}
.regular-content-table table  tbody th{text-align: left;}
.regular-content-table table td{text-align: center; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 0.05em;}

.regular-content-table figure{margin: 0;}
.EtiquetteTip{background-color: #cea289; text-align: center;}
.EtiquetteTip h2{border-bottom: 1px solid #FFF; color: #FFF; display: table; font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 700; letter-spacing: 0.05em; line-height: 1.6em; margin: 0 auto 15px; padding: 15px 0 0; text-transform: uppercase;}
.EtiquetteTip p{color: #FFF; font-size: 16px; font-style: italic; line-height: 1.875; margin: 0 auto; padding: 0 0 25px; text-align: center; width: 77%;}

.title_with_border{font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 30px !important; letter-spacing: -0.002em; margin: 0; text-transform: uppercase; border-bottom: 1px solid rgba(0, 0, 0, 0.3); padding-bottom: 6px; display: table; margin-inline: auto; color: #4F3571; text-shadow: 0 0 1px #E0E1DF, 0 0 1px #E0E1DF;}

.folding_underwear{gap: 24px 50px; margin-top: 32px;}
.folding_underwear .wp-block-column{position: relative;}
.folding_underwear .wp-block-column .img_caption{position: absolute; top: 0; left: 20px; font-family: 'Cormorant Garamond', serif; font-size: 50px; font-weight: 700; color: white; font-style: italic; line-height: 1;}
.folding_underwear .wp-block-image{margin-bottom: 0;}
.folding_underwear p{margin-block: 0; padding-top: 5px;}

h3.folding_section_title{font-size: 28px; font-family: 'Cormorant Garamond', serif; font-weight: 500;}
.etqb-chapter-content{padding-inline: 45px; padding-top: 35px;}
.etqb-chapter-content>.wp-block-columns .wp-block-column{max-width: 360px;}
.etqb-chapter-content h3.wp-block-heading{font-family: 'Cormorant Garamond', serif; font-size: 30px; line-height: 1.05; font-weight: 500;}

.grid_with2column .title_with_border{margin-left: 0; margin-bottom: 5px; display: inline-block;}

.cormorantFont{font-family: 'Cormorant Garamond', serif; font-weight: 500 !important;}
blockquote{font-size: 16px; font-style: italic; font-weight: 400; letter-spacing: 0.05em; line-height: 1.875; font-family: 'Montserrat', sans-serif; color: #5b626d;}
.gridGap50{gap: 50px;}
.gridGap30{gap: 30px;}
.underwear_detailPl{padding-left: 40px;}
.underwear_detailPr{padding-right: 40px;}
.marginB0{margin-bottom: 0;}

.personality-image-wrap .info-box h2{font-family: 'Montserrat', sans-serif; text-transform: uppercase;}
.personality-image-wrap img {display: table; margin: 0 auto; width: 80%;}

.sock_indexList{gap: 70px;}
.sock_indexList>.wp-block-columns{background-color: #f2f1f1; border: 1px solid rgba(0, 0, 0, 0.3); width: 100%; max-width: 670px; display: grid; grid-template-columns: 270px 1fr; position: relative; gap: 12px;}
.sock_indexList>.wp-block-columns:nth-child(even){margin-left: auto;}

.sock_indexList blockquote{margin: 0;}
.sock_indexList .item-content{padding-block: 20px;}
.sock_indexList .item-content > h2{font-size: 24px; font-weight: 500; margin-top: 0; margin-bottom: 5px; font-family: 'Cormorant Garamond', serif;}
.sock_indexList .item-content blockquote {
    margin: 0}

.sock_indexList .item-content blockquote h2.etqb-heading {border-bottom: 0 none; display: inline; font-size: 24px; font-style: normal;
    font-weight: 500; line-height: 1.2em; margin: 0;}
.sock_indexList .item-content blockquote h2.etqb-heading::before{content: ''; display: block; width: 100%; height: 0;}    
.sock_indexList .item-content .hashtags {margin-top: 10px; font-family: 'Montserrat', sans-serif; position: relative;}
.sock_indexList .item-content .hashtags svg{bottom: 5px; left: -75px; position: absolute;}
.sock_indexList .item-content .hashtags .hashtag {color: #000; display: inline-block; font-size: 16px; text-transform: uppercase}
.sock_indexList .sock_indexListDetail{margin-bottom: 0;}
.going_sockless_grid{padding-inline: 70px;}
.socklessBox{background-color: #F2F1F1; position: relative; border: 1px solid rgba(0, 0, 0, 0.3); height: 100%; padding: 20px 10px 30px 10px; text-align: center;}
.socklessBox svg{left: 50%; position: absolute; top: -60px; -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);}
.socklessBox h2{display: table;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.05em;
    padding-bottom: 6px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.9), 0 0 1px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;     border-bottom: 0 none;
    font-size: 26px; font-weight: 500;
    margin: 10px auto 15px;}
.socklessBox p{margin: 0; line-height: 1.53;}    
.cant_wrong_combosList p{margin-block: 8px;}

.combo-details h2{padding-bottom: 4px; text-shadow: 0 0 1px rgba(0, 0, 0, 0.9), 0 0 1px rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0,0,0,0.3);}
.combo-details h3.wp-block-heading{position: relative; font-family: 'Cormorant Garamond', serif;}
.combo-details h3.wp-block-heading:before{content: ''; display: block; margin-inline:auto; width: 20px; height: 1px; background-color: #000; margin-bottom: 22px; margin-top: 23px;}
.combo-details h3.wp-block-heading.comboHead_nobefore:before{display: none;}
.combo-details .wp-block-column{padding-inline: 30px;}

.removing_video {grid-template-columns: 1fr 41% !important;}
.removing_video blockquote{margin-left: 0;} 

.standard-chapterGrid{gap:100px 30px;}
.standard-chapter-itemWrap .wp-block-columns{margin-bottom: 10px;}
.standard-chapter-item {background-color: #F2F1F1; border: 1px solid rgba(0,0,0,0.3); height: auto; display: block; position: relative; padding-top: 64.26%;}
.standard-chapter-item .text_image,
.standard-chapter-item .text {
    height: 40px; left: 20px;
    position: absolute;
    top: 20px; width: auto}
.standard-chapter-item .text_image img{height: 40px; width: auto;}
.standard-chapter-item .hoverlay{
    background-color: rgba(51,51,51,0.5);
    opacity: 0; height: 100%; pointer-events: none;
    left: 0; position: absolute;
    top: 0; width: 100%; z-index: 1;}
.standard-chapter-item .Staples_image a::before{content: ''; display: block; position: absolute; left: -150px; right: -20px; top: 18px; bottom: -9px;}
.standard-chapter-item .Staples_image,
.standard-chapter-item .image {
    height: 290px;
    position: absolute;
    right: 20px; top: -20px; width: auto;}
.standard-chapter-item .Staples_image img{height: 290px; width: auto;}

.standard-chapter-item .hoverlay h5 {
    color: #FFF;
    font-size: 36px;
    margin-top: 0px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transition: margin-top 0.3s ease 0s, opacity 0.3s ease 0s;
    -webkit-transition: margin-top 0.3s ease 0s, opacity 0.3s ease 0s;
    -o-transition: margin-top 0.3s ease 0s, opacity 0.3s ease 0s;
    -ms-transition: margin-top 0.3s ease 0s, opacity 0.3s ease 0s;
    transition: margin-top 0.3s ease 0s, opacity 0.3s ease 0s;}

.standard-chapter-item  .hoverlay .buttons {
    display: table;
    left: 50%;
    margin-top: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transition: margin-top 0.3s ease 0s, opacity 0.3s ease 0s;
    -webkit-transition: margin-top 0.3s ease 0s, opacity 0.3s ease 0s;
    -o-transition: margin-top 0.3s ease 0s, opacity 0.3s ease 0s;
    -ms-transition: margin-top 0.3s ease 0s, opacity 0.3s ease 0s;
    transition: margin-top 0.3s ease 0s, opacity 0.3s ease 0s;}
.standard-chapter-item:hover .hoverlay .buttons {opacity: 1; margin-top: 30px;}
.standard-chapter-item  .hoverlay .like-btn-spl {display: table; border:1px solid rgba(255, 255, 255, 0.5); padding: 0 2em; height: 30px; letter-spacing: 0.1em; line-height: 28px; color: #FFF; font-family: 'Montserrat', sans-serif; font-size: 14px;}
.standard-chapter-item  .hoverlay .like-btn-spl::before{bottom: -2px;
    content: '';
    display: block;
    height: 3px;
    left: 10px; background-color: white;
    position: absolute;
    width: calc(100% - 20px);
    z-index: 0; -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;}
.standard-chapter-item  .hoverlay .like-btn-spl:hover{background-color: white; color: #000000;}

.standard-chapter-item:hover .hoverlay{
opacity: 1;
-moz-transition: opacity 0.3s ease 0s;
-webkit-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
-ms-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.standard-chapter-item:hover .hoverlay h5 {opacity: 1; margin-top: -30px;}

.standard-chapter-item.item6 .text_image img{height: 160px;}
.standard-chapter-itemWrap h3{font-family: 'Cormorant Garamond', serif; letter-spacing: 0.01em; font-weight: 500; font-size: 22px;}
.chapterSidebarMobile{position: relative; padding-inline: 12px;}
.chapterSidebarMobile .owl-nav{margin-top: 0;}
.chapterSidebarMobile .owl-nav button{position: absolute; top: calc(50% - 55px); margin: 0 !important; background: transparent !important; outline: none;}
.chapterSidebarMobile .owl-nav button.owl-prev{left: -25px;}
.chapterSidebarMobile .owl-nav button.owl-next{right: -25px;}

.insideP15{padding-inline: 15px;}
.breakdown_test_grid .EtiquetteTip{padding-inline: 25px;}
.breakdown_test_grid .EtiquetteTip h3{font-size: 24px;}
.breakdown_test_grid .EtiquetteTip p{width: 100%;}

.underweartype_item{position: relative;}
.underweartype_item.standard-chapter-item{padding-top: 0;}

.page-content h2.h1{font-size: 48px; font-weight: 500;}

@media only screen and (min-width: 768px) {
.personality-image-wrap {padding: 34% 0; position: relative;}
.personality-image-wrap::before{content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1}
.personality-image-wrap .info-box{left: 50%; position: absolute; text-align: center;
    top: 50%; width: 260px; -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.personality-image-wrap .info-box::after{background-color: #000; content: ''; display: block; height: 110px; left: 50%; position: absolute; top: 100%; width: 1px;}
.personality-image-wrap .info-box h2 {border: 0 none; font-size: 22px; margin: 0;}
.personality-image-wrap .info-box p {font-size: 16px; font-style: italic; margin-block: 5px; line-height: 1.5;}
.personality-image-wrap .info-box[data-boxindex="1"] {
    left: 17%; margin-top: -49.5%}
.personality-image-wrap .info-box[data-boxindex="2"] {left: 39%; margin-top: 42%}
.personality-image-wrap .info-box[data-boxindex="2"]::after {
    bottom: 100%; height: 100px; top: auto;
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);}
.personality-image-wrap .info-box[data-boxindex="3"] {left: 48%; margin-top: -56%; width: 270px}
.personality-image-wrap .info-box[data-boxindex="3"]::after {height: 130px}
.personality-image-wrap .info-box[data-boxindex="4"] {left: 70%; margin-top: -41%}
.personality-image-wrap .info-box[data-boxindex="4"]::after {height: 80px}
.personality-image-wrap .info-box[data-boxindex="5"] {left: 72%; margin-top: 54%}
.personality-image-wrap .info-box[data-boxindex="5"]::after{bottom: 100%; height: 120px; top: auto; -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);}
}
    
@media only screen and (min-width: 782px) {
.pairing_grid .pairing_gridItem{gap: 0; position: relative; max-width: 665px;}
.pairing_grid .pairing_gridItem + .pairing_gridItem{margin-top: -100px;}
.pairing_grid .pairing_gridItem .wp-block-image img{max-width: 210px;}
.pairing_grid .pairing_gridItem>.wp-block-column{position: relative;}
.pairing_grid .pairing_gridItem>.wp-block-column .wp-block-columns{margin-bottom: 0;}
.pairing_grid .pairing_gridItem>.wp-block-column:first-child:before{content: ''; display: block; width: calc(100% + 51%); height: 100%; position: absolute; background-color: #F2F1F1; border: 1px solid rgba(0, 0, 0, 0.3);}
.pairing_grid .pairing_gridItem>.wp-block-column:first-child .wp-block-columns{position: relative; padding-block: 25px;}
.pairing_grid>.pairing_gridItem:nth-child(odd){flex-direction: row-reverse;}
.pairing_grid>.pairing_gridItem:nth-child(odd)>.wp-block-column:first-child:before{right: 0;}
.pairing_grid>.pairing_gridItem:nth-child(even){margin-left: auto;}

.pairing_grid>.pairing_gridItem:nth-child(odd) blockquote{margin-left: 18px; margin-right: 40px;}
.pairing_grid>.pairing_gridItem:nth-child(even) blockquote{margin-right: 18px; margin-left: 40px;}

.pairing_grid.sockGrid>.pairing_gridItem + .pairing_gridItem{margin-top: -50px;}
.pairing_grid.sockGrid .pairing_gridItem .wp-block-image img{max-width: 300px;}
.pairing_grid.sockGrid .pairing_gridItem>.wp-block-column:first-child:before{width: calc(100% + 65%);}
.pairing_grid.sockGrid>.pairing_gridItem:nth-child(even) .wp-block-image img{margin-left: -60px; margin-top: 40px;}
.pairing_grid.sockGrid>.pairing_gridItem:nth-child(even) blockquote{margin-right: 35px; margin-left: 40px;}
.pairing_grid.sockGrid>.pairing_gridItem.physique_wear_socks .wp-block-image img{max-width: 340px; margin-left: -45px;}
.pairing_grid.sockGrid>.pairing_gridItem.pink_wear_socks blockquote{padding-right: 50px;}
.pairing_grid.sockGrid>.pairing_gridItem.pink_wear_socks .wp-block-image img{max-width: 350px;}

.pairing_grid.MatchPointGrid .wp-block-image img{max-width: 370px; margin-left: 40px; max-width: 100%;}
.pairing_grid.MatchPointGrid .pairing_gridItem>.wp-block-column:first-child:before{width: calc(100% + 101%);}
.pairing_grid.MatchPointGrid>.pairing_gridItem:nth-child(odd) blockquote{margin-left: 90px;}

.pairing_grid.MatchPointGrid.firstRightGrid .pairing_gridItem{flex-direction: unset; margin-left: auto;}
.pairing_grid.MatchPointGrid.firstRightGrid .wp-block-image img{margin-left: 0; margin-right: 20px;}
.pairing_grid.MatchPointGrid.firstRightGrid>.pairing_gridItem:nth-child(odd)>.wp-block-column{padding-right: 20px;}
.pairing_grid.MatchPointGrid.firstRightGrid>.pairing_gridItem:nth-child(odd)>.wp-block-column:first-child:before{right: inherit;}
}

/*Video Lighbox*/
.video-lightbox {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: none; justify-content: center; align-items: center; z-index: 9999;}
.video-wrapper {position: relative; margin-inline: auto; width: 100%; max-width: 640px; display: grid; align-items: center; height: 100%;}
.video-wrapper-item{background-color: white; line-height: 0; position: relative;}
.video-wrapper iframe{width: 100%; height: 360px;}
.close-video {position: absolute; top: -30px; right: 0; color: #fff; font-size: 40px; font-weight: 300; cursor: pointer; pointer-events: none;}
.open-video{position: absolute; top: 50%; left: 50%; padding: 10px; transform: translate(-50%, -50%); background-color: rgba(0,0,0,0.7); color: #FFF; font-size: 10px; height: 180px; line-height: 2.4em; text-align: center; text-transform: uppercase; width: 180px; font-family: 'Montserrat', sans-serif; text-decoration: none; outline: none;}
.open-video .play-btn{display: table; margin: 10px auto 0;}

/*tooltip*/
.ltb-columns{gap: 20px;}
.ltb-columns .wp-block-columns{background-color: #f7f7f9; font-size: 12px; height: 100%; letter-spacing: 0.05em; padding: 30px 0; text-align: center; font-family: 'Cormorant Garamond', serif; font-weight: 600; letter-spacing: 0.01em;}
.ltb-columns .wp-block-columns ul{list-style-type: none; padding: 0;}
.ltb-columns .wp-block-columns ul li{line-height: 3.3em; -moz-transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    -ms-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;}
.ltb-columns h4{font-size: 24px; margin: 0 auto 10px; text-transform: capitalize;}
.ltb-columns .wp-block-columns .term-wrap{position: relative;}
.ltb-columns .term-wrap > h5 {color: #5b626d; cursor: pointer; display: inline-block; font-family: 'Montserrat', sans-serif; font-size: inherit; font-weight: normal; letter-spacing: 0.05em; line-height: inherit; margin: 0; padding: 0;}
.ltb-columns .term-wrap .term-info {margin: 0; color: #899192; line-height: 2em; padding: 15px 20px; text-align: left; font-family: 'Montserrat', sans-serif; font-size: 12px;}
/*tooltip*/

/*Footer*/
footer{background-color: var(--white); color: var(--black); padding: 26px 0px 20px 0px; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; text-align: center; border-top: 2px solid var(--black);}
footer p{padding: 0; margin: 0; font-size: 13px; line-height: 1.3; letter-spacing: 0.5px;}
footer h3{text-transform: uppercase; font-family: var(--butler); font-size: 32px; font-weight: 700; letter-spacing: 4px; margin: 0; padding-bottom: 30px;}
footer a{text-decoration: none; color: var(--black);}
footer a:hover{color: var(--basHover);}

.clienteleSection{border-bottom:1px solid var(--base); padding-bottom: 50px; margin-bottom: 30px;}
.clienteleslide .owl-item:last-child {
  margin-right: 0 !important;
}

.subscribeRow{display: grid; grid-template-columns: 1fr 130px; max-width: 350px; margin-inline: auto; margin-bottom: 58px;}
.subscribeRow input:not([type="submit"]){width: 100%; border: var(--base) 2px solid; padding: 15px; height: 50px; text-transform: uppercase; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 1.2; outline: none;}
.subscribeRow input[type="submit"]{background-color: var(--base); color:var(--white); padding: 10px; display: block; border: none; width: 100%; height: 50px; text-transform: uppercase; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 1.2; cursor: pointer;}
.subscribeRow input.wpcf7-not-valid{border-color: red;}
.subscribeRow input[type="submit"]:hover{background-color: var(--basHover);}
.subscribeRow .wpcf7-spinner{position: absolute; margin-top: 3px;}
.subscribeRow span.wpcf7-not-valid-tip{display: none;}
/* .wpcf7 form.sent .wpcf7-response-output */
/* footer .wpcf7-response-output{display: none !important;}  */
footer .wpcf7 form .wpcf7-response-output{margin: 1em 0.5em 1em;}
form[data-status="invalid"] .wpcf7-response-output{display: none !important;}
form[data-status="sent"] .wpcf7-response-output{outline: none; border: none; color: #2b8934;}
.socialList{display: flex; justify-content: center; gap: 22px; margin: 0; /*margin-top: 30px;*/ margin-bottom: 30px; padding: 0;}
.socialList li{list-style-type: none;}
.socialList li a{display: inline-block; line-height: 1;}
.socialList li a:hover svg path{fill: #718c91;}
.socialList li a:hover svg circle{fill: #718c91;}
.socialList li a:hover svg circle + path{fill: #ffffff;}

footer ::-webkit-input-placeholder {color: var(--base);}
footer ::-moz-placeholder {color: var(--base);}
footer :-ms-input-placeholder{color: var(--base);}
footer :-moz-placeholder {color: var(--base);}

@media only screen and (min-height: 801px) and (max-height: 918px) {

}

@media screen and (min-width: 768px) and (max-width: 992px) { 
}

@media screen and (min-width: 601px) and (max-width: 767px) { 
}

@media only screen and (max-height: 800px){
}

@media only screen and (min-width: 1201px) {
       #washing-instructions .washing-instructions > .row, #washing-instructions .washing-instructions > .row > [class*="col-"] {
        position: static
    }

   .ltb-columns .term-wrap:hover > h5 {
        color: #000000;
        font-weight: 700
    }

    .ltb-columns .term-wrap .term-info {
        background-color: #f7f7f9; 
        border: 1px solid rgba(0,0,0,.15);
        box-shadow: -6px 12px 3px rgba(0,0,0,0.2);
        display: block;
        left: 100%;
        margin-left: 10px;
        opacity: 0; position: absolute;
        top: 0.5em;
        width: 500px;
        visibility: hidden;
        z-index: 1;
        -moz-transition: visibility 0.3s ease 0.3s, opacity 0.3s ease 0s;
        -webkit-transition: visibility 0.3s ease 0.3s, opacity 0.3s ease 0s;
        -o-transition: visibility 0.3s ease 0.3s, opacity 0.3s ease 0s;
        -ms-transition: visibility 0.3s ease 0.3s, opacity 0.3s ease 0s;
        transition: visibility 0.3s ease 0.3s, opacity 0.3s ease 0s;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #washing-instructions .washing-instructions .wi + .wi-instr {
        bottom: 110px;
        left: 2%;
        margin: 0;
        top: auto;
        width: 96%;
        -moz-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
    }

   .ltb-columns .term-wrap .term-info:before {
        border-right: 7px solid #AAA;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        content: '';
        display: block;
        filter: blur(3px);
        left: -7px;
        margin: 9px 0 0 -5px;
        position: absolute;
        top: 50%
    }

   .ltb-columns .term-wrap .term-info::after {
    border-right: 7px solid #f7f7f9;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    content: ''; display: block;
    left: -7px; margin-top: -7px;
    position: absolute;
    top: 50%}
    .ltb-columns > *:last-child .term-wrap .term-info {
        box-shadow: 6px 12px 3px rgba(0,0,0,0.2);
        left: auto;
        margin-left: 0;
        margin-right: 10px;
        right: 100%
    }

    .ltb-columns > *:last-child .term-wrap .term-info::before {
        border-right: 0 none;
        border-left: 7px solid #AAA;
        left: auto;
        right: -13px
    }

    .ltb-columns > *:last-child .term-wrap .term-info::after {
        border-left: 7px solid #f7f7f9;
        border-right: 0 none;
        left: auto;
        right: -7px
    }

    .ltb-columns .term-wrap .term-info:hover, .ltb-columns .term-wrap > h5:hover + .term-info {
        opacity: 1;
        visibility: visible;
        -moz-transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s;
        -webkit-transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s;
        -o-transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s;
        -ms-transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s;
        transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s;
    }
}

@media only screen and (max-width: 767px) {
}

@media only screen and (max-width: 600px) {
}