/*
 Theme Name:   TLP New
 Description:  The Local Project Theme, Designed and Developed by Alla B
 Version:  2.0.1
*/

/*-------------------------------
1. Reset
2. General Styles
    2.1. Forms
        2.1.1. Enquire Form
    2.2. Scrollbar
    2.3. Tiles
        2.3.1. Marketplace Category Tiles
        2.3.2. Tiles Cols
        2.3.3. Video Tiles
    2.4. Buttons
    2.5. Slider
    2.6. Images
        2.6.1. Images Load Styles
        2.6.2. 2nd image on hover effect
    2.7. Social Icons
    2.8. Scroll To Top Button
    2.9. Titles
    2.10. Shared Content Blocks 
        2.10.1. Sub Categories Filters
        2.10.2. Profiles Letters Filter
    2.11. Links Animation

3. Header
    3.1. Header Main Blocks
    3.3. Search
        3.3.1. Search Panel
        3.3.2. Search Resutls Page
        3.3.3. Menu in Search Section 
    3.4. Menu
        3.4.1. Menu in Search Section

4. Footer
    4.1. Footer Trending Section
    4.2. Footer Subscription Sections
    4.3. Back to Top Block
    4.4. Footer Cols
    4.5. Footer Info

5. Sidebar
    5.1. Sidebar Tiles
        5.1.1. Classic Sidebar Tiles
        5.1.2. Square Sidebar Tiles
    5.2. Two-Column Sidebar Section
    5.3. Sticky Sidebar Section
    5.4. Sidebar Forms
        5.4.1. Sidebar Form Default
        5.4.2. Sidebar Form Long
        5.4.3. Sidebar Form Medium
        5.4.4. Sidebar Form Small

6. Reusable Pages Sections
    6.1. Split Section
    6.2. Double Thumb Section


7. Article
    7.1. Article Main Content
    7.2. Breadcrumbs
        7.2.1. Single Issue Page - Breadcrumbs
    7.3. Banners
    7.4. Post Sidebar
    7.5. Post Social Buttons
        7.5.1. Post Gallery Social Buttons
    7.6. Image Block/Image Set Block

8. Video Posts
9. Profile Posts
10. Gallery Post
11. Book Page

10. WooCommerce
    10.1. WooCommerce General styles
    10.2. WooCommerce Buttons
    10.3. WooCommerce Titles
    10.4. Checkout Texts
    10.5. Checkout Status Line

11. OptinMonster Popup

Responsive
--------------------------------*/
.grecaptcha-badge { 
    visibility: hidden;
}
.google-captcha-notice {
	display: none;
}
/*------------------------------- 1. Reset --------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
em {
    font-style: italic;
}
strong{
    font-weight: bold;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input, textarea, ol, select{
    outline: none !important;
    box-shadow: none;
    border-radius: 0;
}
a, a:hover, a:focus{
    color: #202020;
    outline: none !important;
    text-decoration: none;
}
img{
    height: auto;
    width: 100%;
}
label.screen-reader-text {
    display: none;
}
html, body{
    max-width: 100vw;
    overflow-x: hidden;
    width: 100vw;
}
svg{
    width: 100%;
}

/*------------------------------- 2. General Styles --------------------------------*/

body{
    color: #202020;
    font-family: Poynter, serif;
    font-style: normal;
    font-weight: 400;
}
.wrapper {
    margin: 0 auto;
    max-width: 1580px;
    width: 94%;
}
.wrapper-secondary {
    margin: 0 auto;
    max-width: 1360px;
    width: 88.89%;
}
.show-mobile{
    display: none !important;
}
@media all and (max-width: 769px) {
    .show-mobile{
        display: block !important;
    }
    .show-desktop{
        display: none !important;
    }
}
.main{
    clear: both;
    overflow: hidden;
}
.main-col{
    float: left;
    position: relative;
    width: 65.3%;
}
.sidebar-col{
    float: right;
    height: auto;
    width: 26.2%;
}
/*body:not(.single-videos) .sidebar-col > div:first-of-type{
    margin-top: 0;
}*/
.sidebar-col > div:first-of-type{
    margin-top: 0;
}
.sidebar-col > div > div:last-of-type{
    padding-bottom: 23%;
}
section{
    clear: both;
}
.sans-serif {
    font-family: 'Unica', sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.clear-both{
    clear: both;
}
.border-bottom .wrapper{
    border-bottom: 1px solid #ccc;
}
.border-top .wrapper{
    border-top: 1px solid #ccc;
}
.centered-640-video-container{
    text-align: center;
}
.centered-640-video-container > div{
    display: inline-block;
}
.centered-640-video-container .mejs-container{
    display: inline-block;
}
li.widget{
    list-style: none;
}
.image-set-container{
    position:  relative;
}

/*------------------------------- 2.1. Forms --------------------------------*/

input[type="checkbox"], input[type="radio"]{
    position: relative;
    visibility: hidden;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
}

input[type="radio"]{
    display: inline-block;
    margin-right: 1em;
    margin-top: -1px;
    vertical-align: middle;
}
input[type="radio"]:before{
    background-image: url(assets/images/Radio_Button_unchecked.svg);
    background-size: contain;
    content: '';
    display: block;
    height: 1.5em;
    left: 0;
    position: absolute;
    top: -0.3em;
    visibility: visible;
    width: 1.5em;
}
input[type="radio"]:checked:before{
    background-image: url(assets/images/Radio_Button_checked.svg);
}

input[type="checkbox"]{
    left: -4px;
    top: 2px;
}
input[type="checkbox"]:before{
    background-image: url(assets/images/Radio_Button_checked.svg);
    background-position: 0 0 !important;
    background-size: contain;
    content: '';
    display: block;
    height: 1.5em;
    left: 0;
    position: absolute;
    top: -0.25em;
    visibility: visible;
    width: 1.5em;
}
input[type="checkbox"]:not(:checked):before{
    background-image: url(assets/images/Radio_Button_unchecked.svg);
}

select{
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('assets/images/Sidebar_Arrow_Expand.svg');
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 9px;
}
select.focused{
    background-image: url('assets/images/Sidebar_Arrow.svg');
}
select option{
    font-weight: 300;
}
div.wpcf7 .ajax-loader:after{
    content: 'SUBMITTING';
}
div.wpcf7 .ajax-loader{
    background-image: none;
    font-family: Unica, sans-serif;
    left: 0;
    letter-spacing: 0.05em;
    margin-left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ok{
    border: none;
    float: left;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 1.2;
    margin: 25px 0 0 0;
    padding: 0;
}

/*------------------------------- 2.1.1. Enquire Form --------------------------------*/

.enquire-form-block {
    font-family: "Unica", sans-serif;
    font-weight: 300;
}
.enquire-form-block .design-directory-form-input-wrapper,
.enquire-form-block .advertise-form-input-wrapper,
.enquire-form-block .giveaway-form-input-wrapper {
    border-top: 1px solid #ccc;
    font-size: 14px;
    letter-spacing: 0.02em;
    overflow: hidden;
    padding: 16px 0;
}
.enquire-form-block label{
    float: left;
    line-height: 2em;
    width: 28%;
}
.enquire-form-block .wpcf7-form-control-wrap {
    float: right;
    position: relative;
    top: 3px;
    width: 71.5%;
}
.enquire-form-block input[type="text"], 
.enquire-form-block input[type="email"], 
.enquire-form-block input[type="tel"],
.enquire-form-block input[type="url"], 
.enquire-form-block textarea {
    background: transparent;
    border: none;
}
.enquire-form-block select {
    background-color: transparent;
    border: none;
    line-height: 1.8;
    margin-top: -0.1em;
    background-position: right 0% top 60%;
    width: 100%;
}
.enquire-form-block textarea {
    height: 8.5em;
    line-height: 1.7;
    width: 100%;
}
.enquire-form-block .required{
    display: none;
}
.enquire-form-block .button{
    border-top: 1px solid #ccc;
    padding-top: 60px;
    width: 100%;
}
.enquire-form-block span.wpcf7-not-valid-tip{
    left: -40%;
    margin-top: 0.5em;
    position: relative;
}

/*------------------------------- 2.2. Scrollbar --------------------------------*/

::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #fff;
}
::-webkit-scrollbar-thumb {
  background: #cccccc;
  border: 3px solid #fff;
}
/* Buttons */
::-webkit-scrollbar-button:single-button {
    font-family: monospace;
}
/*------------------------------- 2.3. Tiles --------------------------------*/

.tiles_section {
    overflow: hidden;
}
.tile {
    margin-bottom: 28px;
    overflow: hidden;
}
.image-container{
    position: relative;
    width: 100%;
}
.image-container img,
.featured-image-section .page-thumbnail-wrapper img,
.about-split-col-image-wrapper img,
.woocommerce-cart .product-thumbnail img{
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}
.tile .image-container{
    height: 0;
    overflow: hidden;
    padding-bottom: 60%;
    width: 100%;
}
.tile .image-container.portrait-image,
.front-square-tile.tile .image-container,
.classic-sidebar-tile .image-container,
.square-tiles-section aside .tile .image-container{
    padding-bottom: 127%;
}
.tile .image-container.square-image{
    padding-bottom: 100%;
}
.square-tiles-section .tile .image-container{
    padding-bottom: 100%;
}

.tile-title .designer-name{
    color: #666666;
    font-family: 'Unica',sans-serif;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.07em;
    margin: 18px 0 0;
    overflow: hidden;
    text-transform: uppercase;
}
.tile-title .item-name{
    font-family: 'Unica', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5em;
    margin: 14px 0 10px;
    max-height: 4.5em;
    overflow: hidden;
}
.tile-title .item-name:hover{
    color: #607049;
}
.tile-description{
    color: #666;
    display: block;
    font-family: "Unica", sans-serif;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.02em;
    line-height: 1.8;
    margin: 0 0 18px;
    max-height: 5.4em;
    overflow: hidden;
}

/*------------------------------- 2.3.1. Marketplace Category Tiles --------------------------------*/

.marketplace-categories-section{
    overflow: hidden;
}
.marketplace-category-image-wrapper{
    background-position: center;
    background-size: cover;
    height: 0;
    overflow: hidden;
    padding-bottom: 67%;
}
.marketplace-category-title {
    font-family: 'Unica', sans-serif; font-weight: 300;
    font-size: 16px;
    line-height: 1.6;
    margin-top: 0.7em;
}
.marketplace-categories-section .tile{
    margin-bottom: 4.8%;
}
.marketplace-landing-category-tile:last-of-type{
    margin-bottom: 6.1%;
}

/*------------------------------- 2.3.2. Tiles Cols --------------------------------*/

.col-3-section .tile,
.col-4-section .tile,
.col-5-section .tile,
.col-6-section .tile{
    float: left;
    margin-bottom: 64px;
    margin-right: 30px;
}
.col-3-section .tile:nth-of-type(3n), 
.col-4-section .tile:nth-of-type(4n),
.col-5-section .tile:nth-of-type(5n),
.col-6-section .tile:nth-of-type(6n){
    float: right;
    margin-right: 0;
}
.col-3-section .tile:nth-of-type(3n+1), 
.col-4-section .tile:nth-of-type(4n+1), 
.col-5-section .tile:nth-of-type(5n+1), 
.col-6-section .tile:nth-of-type(6n+1){
    clear: both;
}
.col-3-section .tile:nth-of-type(3n-1), 
.col-4-section .tile:nth-of-type(4n-1), 
.col-5-section .tile:nth-of-type(5n-1),
.col-6-section .tile:nth-of-type(6n-1){
    margin-right: 0;
}
.col-2-section .tile:nth-of-type(2n-1){
    clear: both;
    float: left;
}
.col-2-section .tile:nth-of-type(2n){
    float: right;
}

.col-2-section .tile{
    width: calc(50% - 10px);
}
.col-3-section .tile{
    width: calc((100% - 60px)/3);
}
.col-4-section .tile{
    width: calc((100% - 90px)/4);
}
.col-5-section .tile{
    width: calc((100% - 120px)/5);
}
.col-6-section .tile{
    width: calc((100% - 150px)/6);
} 

@media all and (max-width: 1024px){
    .col-3-section .tile,
    .col-4-section .tile,
    .col-5-section .tile,
    .col-6-section .tile{
        float: left;
        margin-bottom: 64px;
        margin-right: 30px;
    }
    .col-6-section .tile:nth-of-type(6n+1),
    .col-5-section .tile:nth-of-type(5n+1){
        clear: none;
    }
    .col-6-section .tile:nth-of-type(6n-1),
    .col-5-section .tile:nth-of-type(5n-1){
        margin-right: 30px;
    }
    .col-6-section .tile:nth-of-type(6n),
    .col-5-section .tile:nth-of-type(5n){
        float: left;
        margin-right: 30px;
    }
    .col-6-section .tile:nth-of-type(5n+1),
    .col-5-section .tile:nth-of-type(4n+1) {
        clear: both;
        float: left;
        margin-right: 30px;
    }
    .col-6-section .tile:nth-of-type(5n),
    .col-5-section .tile:nth-of-type(4n) {
        float: right;
        margin-right: 0;
    }
    .col-5-section .tile:nth-of-type(4n-1){
        margin-right: 0;
    }
    .col-6-section .tile {
        width: calc((100% - 120px)/5);
    }
    .col-5-section .tile {
        width: calc((100% - 90px)/4);
    }
    .col-3-section .tile {
        width: calc((100% - 60px)/3);
    }
}

@media all and (max-width: 768px){
    .col-3-section .tile,
    .col-4-section .tile,
    .col-5-section .tile,
    .col-6-section .tile,
    .col-6-section .tile:nth-of-type(5n+1), 
    .col-5-section .tile:nth-of-type(4n+1),
    .col-6-section .tile:nth-of-type(6n), 
    .col-5-section .tile:nth-of-type(5n),
    .col-6-section .tile:nth-of-type(6n-1), 
    .col-5-section .tile:nth-of-type(5n-1){
        margin-right: 20px;
    }
    .col-6-section .tile:nth-of-type(5n+1){
        clear: none;
    }
    .col-6-section .tile:nth-of-type(5n){
        float: left;
        margin-right: 20px;
    }
    .col-6-section .tile:nth-of-type(4n+1){
        clear: both;
    }
    .col-6-section .tile:nth-of-type(4n),
    .col-5-section .tile:nth-of-type(4n),
    .pre-footer.trending-section .tile:nth-of-type(4) {
        float: right;
        margin-right: 0;
    }
    .col-6-section .tile,
    .pre-footer.trending-section .tile {
        width: calc((100% - 60px)/4);
    }
    .col-5-section .tile,
    .col-4-section .tile {
        width: calc((100% - 60px)/4);
    }
    .col-3-section .tile {
        width: calc((100% - 40px)/3);
    }
}

@media all and (max-width: 640px){
    .col-6-section .tile:nth-of-type(2n+1),
    .col-5-section .tile:nth-of-type(2n+1),
    .col-4-section .tile:nth-of-type(2n+1),
    .col-3-section .tile:nth-of-type(2n+1) {
        clear: both;
        float: left;
    }
    .col-6-section .tile:nth-of-type(2n),
    .col-5-section .tile:nth-of-type(2n),
    .col-4-section .tile:nth-of-type(2n),
    .col-3-section .tile:nth-of-type(2n) {
        float: right;
        clear: none;
    }
    .col-6-section .tile,
    .col-5-section .tile,
    .col-4-section .tile,
    .col-3-section .tile,
    .pre-footer.trending-section .tile {
        margin-bottom: 23px;
        margin-right: 0 !important;
        width: calc(50% - 7.5px);
    }
}

/*------------------------------- 2.3.3. Video Tiles --------------------------------*/

.video-section .tile .image-container.portrait-image{
    padding-bottom: 66.666%;
}
.video-section .tile {
    margin-bottom: 4.3%;
}
.video-section .tile-thumb, 
.single-video-icon{
    position:  relative;
}
.video-section .tile-thumb:before,
.single-video-icon:after {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 23px 0 23px 42px;
    content: '';
    display: block;
    height: 0;
    left: 50%;
    margin-left: -20px;
    margin-top: -23px;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 10;
}

/*------------------------------- 2.4. Buttons --------------------------------*/

.button a, .button > span, 
.wpcf7 input[type=submit],
.woocommerce-account input[type=submit],
.woocommerce-account button[type=submit],
.single-product input[type=submit],
.wc-proceed-to-checkout a,
.main input[type="submit"].cart-login-submit,
#cfw-thank-you-action a{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 35px;
    display: inline-block;
    font-family: "Unica", sans-serif;
    font-size: 11px;
    font-weight: 300;
    height: 40px;
    line-height: 39px;
    min-width: 160px;
    padding: 0 10px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

/*------------------------------- 2.4.1. White Buttons --------------------------------*/
.button a, .button > span, 
.wpcf7 input[type=submit],
.woocommerce-account input[type=submit],
.woocommerce-account button[type=submit],
.single-product input[type=submit]{
    background: transparent;
    border: 1px solid #666666;
}
.button a:hover,
.woocommerce-account input[type=submit]:hover,
.woocommerce-account button[type=submit]:hover,
.single-product input[type=submit]:hover{
    background: #202020;
    border-color: #202020;
    color: #fff;
}
/*------------------------------- 2.4.2. Black Buttons --------------------------------*/
.wc-proceed-to-checkout a,
.main input[type="submit"].cart-login-submit,
#cfw-thank-you-action a,
.split-section-button-black a{
    background: #202020;
    border: 1px solid #202020; 
    color: #fff; 
}
.wc-proceed-to-checkout a:hover,
.main input[type="submit"].cart-login-submit:hover,
#cfw-thank-you-action a:hover{
    background: #fff;
    border: 1px solid #808080;
    color: #202020;
}
/*------------------------------- 2.4.3. White Outline Buttons --------------------------------*/
.front-header-popup-button a, 
footer .button a{
    border: 1px solid #fff; 
    color: #fff; 
}
.front-header-popup-button a:hover,
footer .button a:hover{
    background: #fff;
    color: #202020;
}

/*------------------------------- 2.4.3. Underlined links --------------------------------*/
.link-underlined a{
    display: inline-block;
    position: relative;
}
.link-underlined a:after{
    content: '';
    display: inline-block;
    position: absolute;
    border-bottom: 1px solid #ccc;
    width: 100%;
    left: 0;
    bottom: 3px;
}

/*------------------------------- 2.5. Slider --------------------------------*/


.attachment .slick-arrow:before,
.category-tiles-slider-section .slick-arrow:before, 
.product-slider .slick-arrow:before,
.giveaway-image-col .slick-arrow:before{
    background-image: url(assets/images/Carousel_Arrow-gray.svg);
}
.marketplace-slider .slick-arrow:before{
    background-image: url(assets/images/Carousel_Arrow.svg);
}
.attachment .slick-arrow:before,
.category-tiles-slider-section .slick-arrow:before,
.marketplace-slider .slick-arrow:before,
.product-slider .slick-arrow:before,
.giveaway-image-col .slick-arrow:before{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    height: 100%;
    width: 100%;
    display: block;
}
.attachment .slick-prev:before,
.category-tiles-slider-section .slick-prev:before,
.marketplace-slider .slick-prev:before,
.product-slider .slick-prev:before,
.giveaway-image-col .slick-prev:before{
    transform: rotate(180deg);
}
.attachment .slick-prev.slick-disabled:before, 
.attachment .slick-next.slick-disabled:before
.category-tiles-slider-section .slick-prev.slick-disabled:before, 
.category-tiles-slider-section .slick-next.slick-disabled:before,
.marketplace-slider .slick-prev.slick-disabled:before, 
.marketplace-slider .slick-next.slick-disabled:before,
.product-slider .slick-prev.slick-disabled:before, 
.product-slider .slick-next.slick-disabled:before  {
    opacity: 0;
}
.marketplace-slider .slick-prev{
    left: 25px;
}
.marketplace-slider .slick-next{
    right: 25px;
}
.category-tiles-slider-section .slick-arrow{
    height: 50px;
    width: 30px;
}
.marketplace-slider .slick-arrow,
.product-slider .slick-arrow{
    height: 30px;
    width: 30px; 
    z-index: 1;
}
.category-tiles-slider-section .slick-track{
    margin-left: 0;
}

/*------------------------------- 2.6. Images --------------------------------*/
/*------------------------------- 2.6.1. Images Load Styles --------------------------------*/

.image-container:not(img), .image-set-col-half:not(img), img:not(.jarallax-image) {
    transition: opacity .8s ease-in-out;
    transition-property: opacity;
    transition-duration:0.8s;
    transition-timing-function:ease-in-out;
    transition-delay: 0s;
}
.below-viewport {
    opacity: 0;
    /*transform: translateY(40px);*/
}

/*------------------------------- 2.6.2. 2nd image on hover effect --------------------------------*/

/** if none **/
.image-container:nth-child(1):hover {
    opacity: .7;
    -webkit-transition: all .8s; /* Safari */
    transition: all .8s;
}
/**/

.image-container:nth-child(2) {
    opacity:0;
    position:absolute;
    top:0;
    -webkit-transition: all .8s; /* Safari */
    transition: all .8s;
}

.second-image-hover:hover .image-container:nth-child(2) {
    opacity:1;
    -webkit-transition: all .8s; /* Safari */
    transition: all .8s;
}

.second-image-hover:hover .image-container:nth-child(1) {
    opacity:0;
    -webkit-transition: all .8s; /* Safari */
    transition: all .8s;
}

/*------------------------------- 2.7. Social Icons --------------------------------*/

.socials i {
    position: relative;
}
.socials .fa-instagram{
    font-size: 17px;
}
.socials .fa-facebook-f{
    font-size: 14px;
}
.socials .fa-pinterest-p{
    font-size: 17px;
}
.socials .fa-youtube {
    font-size: 14px;
}
.socials .fa-linkedin-in{
    font-size: 17px;
    left: 1px;
    top: -1px;
}
/*------------------------------- 2.9. Titles --------------------------------*/

.main-title{
    font-size: 65px;
}
body:not(.single-post) .main-title{
    text-transform: uppercase;
}
.section-title{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
}
.section-title-large{
    font-size: 18px;
    letter-spacing: 0.1em;
}
.section-title-medium{
    font-size: 16px;
    letter-spacing: 0.05em;
}
.section-title-12{
    font-size: 12px;
    letter-spacing: 0.05em;
}
.category-top-subtitle{
    margin-bottom: 50px;
    margin-top: 0;
}
.centered{
    text-align: center;
}

/*------------------------------- 2.10. Shared Content Blocks --------------------------------*/

.section-description{
    font-family: 'Unica', sans-serif; font-weight: 300;
    font-size: 15px;
    line-height: 1.6;
}

/*------------------------------- 2.10.1. Sub Categories Filters --------------------------------*/

.category-top-section > .wrapper {
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    max-width: 1678px;
    padding-bottom: 81px;
    padding-top: 68px;
    width: 98%;
}
.category-subdivision-filter {
    font-family: 'Unica', sans-serif; font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 1.5;
}
.category-top-description{
    line-height: 1.7;
    letter-spacing: 0.01em;
    margin: 0 auto;
    max-width: 925px;
}
.archive-subcategory {
    letter-spacing: 0.02em;
}
.archive-subcategory a {
    color: #888;
    transition: color .2s;
}
.archive-subcategory a:hover{
    color: #202020;
}
.archive-subcategory:last-of-type:after {
    display: none;
}
.subscription-button-wrapper{
    margin-top: 55px;
}

/*------------------------------- 2.10.2. Profiles Letters Filter --------------------------------*/

.category-alphabet-filter-section{
    margin: 3.8% 0;
}
.category-alphabet-filter-title{
    margin: 0 0 2em;
}
.letter{
    font-size: 15px;
    padding: 0 0.8em;
}

/*------------------------------- 2.10.3. Flex styles --------------------------------*/

.flex-wrapper{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
.flex-top{
    align-self: flex-start;
    width: 100%;
}
.flex-bottom{
    align-self: flex-end;
    width: 100%;
}

/*------------------------------- 2.10.4. Overlay --------------------------------*/

.overlay:before{
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
}
.overlay > * {
    position: relative;
}
.overlay-03{
    background: rgba(0,0,0,0.25);
}

/*------------------------------- 2.11. Links Animation --------------------------------*/

@-webkit-keyframes _3pwGd {
    0% {
        -webkit-transform: translate3d(-101%,0,0);
        transform: translate3d(-101%,0,0);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes _2xYog {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(101%,0,0);
        transform: translate3d(101%,0,0);
        opacity: 0
    }
}
#menu-main-menu-top li a, 
.header-search-categories ul li a,
.footer-col .footer-menu a, 
.gallery-description-wrapper a,
.article-section-description a, 
.post-quote a,
figcaption a,
.product-meta-tab-cover,
.under-title-link,
.woocommerce-MyAccount-navigation-link,
.homepage-fullwidth-slider-section .tile-readmore,
.giveaway-links a, 
.product-meta-tabs-wrapper a{
    overflow: hidden;
    position: relative;
}

#menu-main-menu-top .sub-menu li a:hover:after,
#menu-main-menu-top > li:hover > a:after, 
.header-search-categories ul li a:hover:after,
.footer-col .footer-menu a:hover:after, 
.gallery-description-wrapper a:hover:after,
.article-section-description a:hover:after, 
.post-quote a:hover:after,
figcaption a:hover:after,
.product-meta-tab-titles-list a:hover:after,
.under-title-link a:hover:after,
.woocommerce-MyAccount-navigation-link a:hover:after,
.homepage-fullwidth-slider-section .tile-readmore span:hover:after,
.giveaway-links a:hover:after,
.product-meta-tabs-wrapper a:hover:after {
    -webkit-animation-name: _3pwGd ;
    animation-name: _3pwGd ;
    display: block;
}

#menu-main-menu-top li a:after,
.header-search-categories ul li a:after,
.footer-col .footer-menu a:after, 
.gallery-description-wrapper a:after,
.article-section-description a:after, 
.post-quote a:after,
figcaption a:after,
.product-meta-tab-titles-list a:after,
.under-title-link a:after,
.woocommerce-MyAccount-navigation-link a:after,
.homepage-fullwidth-slider-section .tile-readmore span:after,
.giveaway-links a:after,
.product-meta-tabs-wrapper a:after {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    left: 0;
    right: auto;
    margin: 0;
    height: 1px;
    width: 100%;
    -webkit-animation-name: _2xYog;
    animation-name: _2xYog;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(.19,1,.22,1);
    animation-timing-function: cubic-bezier(.19,1,.22,1);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

/*--------------- Black ------------------*/
.header-search-categories ul li a:after{
    background: #202020;
}
/*--------------- White ------------------*/
.footer-col .footer-menu a:after,
.homepage-fullwidth-slider-section .tile-readmore span:after{
    background: #fff;
}
/*--------------- Light Gray ------------------*/
#menu-main-menu-top li a:after,
.product-meta-tab-titles-list a:after{
    background: #ccc;
}
/*--------------- Green ------------------*/
.gallery-description-wrapper a:after,
.article-section-description a:after, 
.post-quote a:after,
figcaption a:after,
.under-title-link a:after,
.giveaway-links a:after,
.product-meta-tabs-wrapper a:after{
    background: #607149;
}


/*------------------------------- 3. Header --------------------------------*/
/*------------------------------- 3.1. Header Main Blocks --------------------------------*/

header{
    background: #fff;
    transition: all 0.2s linear;
    position: relative;
    z-index: 500;
}
header *{
    transition: all 0.2s linear;
}
header[data-show="false"], 
header.hidden-adapt-height-content-wrapper{
    transition: none;
}
.home-page-header-banner, .header-banner{
    overflow: hidden;
    padding: 30px 0 0;
    text-align: center;
    transition: all 0.2s linear;
}
.homepage-after-slider-banner{
    text-align: center;
}
.homepage-after-slider-banner img,
.home-page-header-banner img, .header-banner img{
    max-width: 1000px;
}
.sticky-header .home-page-header-banner,
.sticky-header .header-banner{
    height: 0;
    padding: 0;
}
.header-main-section{
    position: relative;
}
.header-wrapper {
    position: relative;
}
.top-nav{
    margin-top: 0;
    overflow: hidden;
    text-align: center;
}
.header-logo{
    display: inline-block;
    padding: 30px 0 27px;
}
.header-logo svg{
    height: 70px;
    width: auto;
}
.mobile-menu-wrapper{
    display: none;
}
.sticky-header{
    border-bottom: none !important;
    left: 0;
    position: fixed !important;
    right: 0;
    top: 0;
}
.header-subscribe-button,
.footer-subscribe-button{
    position: absolute;
    left: 40px;
    top: 28px;
}
.header-subscribe-button a,
.footer-subscribe-button a{
    width: 130px;
}
/*------------------------------- Non-homepage absolute header --------------------------------*/

@media all and (min-width: 769px){
    body.page-template header + div,
    body.page-template header + section,
    body.single header + div,
    body.single header + section,
    body.archive header + div,
    body.archive header + section{
        padding-top: 138px;
    }
    body.page-template header,
    body.single header,
    body.archive header{
        border-bottom: 1px solid #ccc;
        position: absolute;
        transition: all 0.5s linear;
        width: 100%;
    }
}
@media all and (min-width: 1025px){
    body.page-template header + div,
    body.page-template header + section,
    body.single header + div,
    body.single header + section,
    body.archive header + div,
    body.archive header + section{
        padding-top: 157px;
    }
}
@media all and (min-width: 1301px){
    body.page-template header + div,
    body.page-template header + section,
    body.single header + div,
    body.single header + section,
    body.archive header + div,
    body.archive header + section{
        padding-top: 184px;
    }
}


/*------------------------------- 3.3. Search --------------------------------*/

.header-searchbar{
    right: 0;
    top: 45px;
    position: absolute;
}
.header-search-button,
footer .search-button{
    background-size: contain;
    background-position: 1px 0;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 21px;
    right: 0;
    top: 50px;
    position: absolute;
    width: 23px;
}
.header-search-button{
    background-image: url(assets/images/Search_Icon-122021.svg);
}
footer .search-button{
    background-image: url(assets/images/Search_Icon.svg);
}
header .header-search-button, 
footer .search-button{
    height: 30px;
    left: 221px;
    top: 31px;
    width: 26px;
}

/*------------------------------- 3.3. Social Icons --------------------------------*/

.header-social-icon,
.footer-social-icon {
    border: 1px solid;
    border-radius: 100%;
    display: inline-block;
    height: 30px;
    vertical-align: top;
    width: 30px;
}
.header-social-icon.youtube-icon img{
    height: 16px;
    margin-top: 6px;
    width: 17px;
}
.header-social-icon.instagram-icon img{
    height: 17px;
    margin-top: 6px;
    width: 17px;
}
.header-social-icon.tiktok-icon img{
    height: 16px;
    margin-top: 6px;
    width: 16px;
}
.header-social-icon.facebook-icon img{
    height: 17px;
    margin-top: 6px;
    width: 16px;
}
.header-social-icon.pinterest-icon img{
    height: 17px;
    margin-top: 6px;
    width: 17px;
}
.header-social-icon.linkedin-icon img{
    height: 16px;
    margin-top: 6px;
    width: 16px;
}
.header-social-icon.cart-icon img,
.footer-social-icon.cart-icon img{
    height: 16px;
    margin-top: 6px;
    width: 16px;
}
.footer-social-icon.youtube-icon img,
.footer-social-icon.instagram-icon img,
.footer-social-icon.tiktok-icon img,
.footer-social-icon.facebook-icon img,
.footer-social-icon.pinterest-icon img,
.footer-social-icon.linkedin-icon img{
    height: 30px;
    margin-left: -1px;
    margin-top: -1px;
    width: 30px;
}
.footer-social-icon.cart-icon img{
	margin-left: -2px;
}
.header-social-icons-wrapper, 
.footer-top-right {
    position: absolute;
    right: 40px;
    top: 30px;
}
.header-cart-button,
.footer-cart-button{
    border: 1px solid;
    border-radius: 40px;
    display: inline-block;
    font-size: 11px;
    height: 32px;
    line-height: 30px;
    margin-left: 25px;
    padding: 0 22px;
    vertical-align: top;
}
.header-cart-button:hover{
    background: #5b3228;
    border-color: #5b3228;
    color: #fff;
}
.footer-cart-button:hover{
    background: #fff;
    color: #202020;
}
/*------------------------------- 3.3.1. Search Panel --------------------------------*/

.header-search-section{
    background: #fff;
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
.header-search-section-wrapper{
    padding: 30vh 0 0;
    position: relative;
}
.header-search-section input[type="text"]{
    border-width: 0 0 1px;
    color: #202020;
    display: block;
    font-family: 'Unica', sans-serif; font-weight: 300;
    font-size: 30px;
    letter-spacing: 0.02em;
    line-height: 2;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.header-search-section input[type="submit"]{
    display: none;
}
.header-search-categories h4{
    margin: 7.25% 0 6.1%;
}
.header-search-categories ul{
    text-align: center;
}
.header-search-categories ul li{
    display: inline-block;
    font-family: Poynter, serif;
    font-size: 40px;
    line-height: 1.4;
    margin-right: 1.3em;
    position: relative;
}
.header-search-categories ul li:after{
    content: "●";
    font-size: 0.4em;
    position: absolute;
    right: -1.95em;
    top: 1.1em;
}
.header-search-categories ul li:last-of-type{
    margin-right: 0;
}
.header-search-categories ul li:last-of-type:after{
    display: none;
}
.header-search-categories ul li a{
    display: block;
}
.header-category-menu-toggle{
    cursor: pointer;
    height: 35px;
    position: absolute;
    right: -6px;
    top: 32px;
    width: 35px;
}
.attachment-exit-button,
.archive-sidebar-menu-close,
.discount-popup-close-button{
    height: 35px;
    width: 35px;
}
.header-category-menu-toggle:before,
.attachment-exit-button:before,
.archive-sidebar-menu-close:before,
.discount-popup-close-button:before {
    background: #202020;
    bottom: 17px;
    content: "";
    height: 1px;
    left: -1px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    width: 34px;
}
.header-category-menu-toggle:after,
.attachment-exit-button:after,
.archive-sidebar-menu-close:after,
.discount-popup-close-button:after {
    background: #202020;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 17px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    width: 34px;
}

/*------------------------------- 3.3.2. Search Resutls Page --------------------------------*/

body.search .main-title {
    margin-bottom: 0.75em;
    text-transform: none;
}
body.search .category-subdivision-filter{
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
body.search .category-top-section > .wrapper{
    border-bottom: 0;
}
body.search .category-top-subtitle{
    font-size: 12px;
    letter-spacing: 0.05em;
    margin-bottom: 4.3em;
}

.search-no-results-text {
    text-align: center;
    font-size: 30px;
    margin-top: -3px;
    margin-bottom: 6.2%;
}

.search-result-section {
    overflow: hidden;
}

/*------------------------------- 3.4. Menu --------------------------------*/

#header-menu-wrapper{
    border-bottom: 1px solid transparent;
    text-align: center;
    height: 54px;
    transition: all 0.5s linear;
}
header #header-menu-wrapper.show-submenu{
	height: 105px;
}
#menu-main-menu-top{
    position: relative;
}
#menu-mobile-main > li > ul.sub-menu.hidden-child {
	opacity: 0 !important;
    visibility: hidden !important;
	height: 0px !important;
}
#header-menu-wrapper li{
    display: inline-block;
    font-family: 'Unica', sans-serif; 
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 0;
    padding: 0 22px 25px 22px;
    text-transform: uppercase;
}
#header-menu-wrapper li a{
    display: block;
    line-height: 1;
    padding: 5px 0;
}
#header-menu-wrapper ul.sub-menu{
    opacity: 0;
    text-align: left;
    visibility: hidden;
    width: 100%;
    white-space: nowrap;
}
#header-menu-wrapper li:hover ul.sub-menu{
    opacity: 1;
    visibility: visible;
}
#header-menu-wrapper ul.sub-menu a{
    color: #888;
}
#header-menu-wrapper ul.sub-menu a:hover{
    color: #202020;
}
.sticky-header .header-logo svg, .footer-logo svg{
    height: 48px;
}
.sticky-header .header-logo, .footer-logo {
    display: inline-block;
    padding-top: 21px;
}

@media all and (min-width: 769px){
    #header-menu-wrapper ul.sub-menu li{
        padding-top: 30px;
    }
    #header-menu-wrapper ul.sub-menu{
        left: 0;
        position: absolute;
    }
    .menu-main-menu-top-container > .menu {
        display: inline-block;
    }
}
@media all and (max-width: 768px){
    #header-menu-wrapper ul.sub-menu{
        height: 0;   
    }
    #header-menu-wrapper li:hover ul.sub-menu{
        height: auto;
    }
}
@media all and (max-width: 768px) and (orientation: portrait){
    #mobile-menu-secondary-container {
        bottom: 0;
        position: absolute;
    }
}
@media all and (max-width: 768px) and (orientation: landscape){
    #mobile-menu-secondary-container{
        margin-top: 8px;
    }
}

/*------------------------------- 3.4.1. Menu in Search Section --------------------------------*/

.header-category-menu-wrapper {
    display: none;
}
.header-category-menu-wrapper.toggled-on{
    display: block;
}
.mobile-navigation-wrapper {
    display: none;
}
.mobile-menu-toggle{
    cursor: pointer;
    height: 30px;
    margin-left: -10px;
    padding: 30px 10px;
    position: absolute;
    top: 15px;
}
.mobile-menu-toggle-line{
    background: #000;
    position: relative;
    -webkit-transition: all 0ms 300ms;
    transition: all 0ms 300ms;
    height: 1px;
    width: 40px;
}
.mobile-menu-toggle-line:before {
    width: 40px;
    height: 1px;
    content: "";
    position: absolute;
    left: 0;
    bottom: 12px;
    background: #000;
    -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.mobile-menu-toggle-line:after {
    width: 40px;
    height: 1px;
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    background: #000;
    -webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.mobile-menu-toggle-line.animate {
    background: rgba(255,255,255,0);
}
.mobile-menu-toggle-line.animate:before {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    width: 40px;
}
.mobile-menu-toggle-line.animate:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    width: 40px;
}

/*------------------------------- 4. Footer --------------------------------*/

/*------------ Hiding Footer ---------------*/
.page-template-template-contact .adapt-height-content-wrapper + div,
.page-template-template-contact footer, 
.woocommerce-account .adapt-height-content-wrapper + div,
.woocommerce-account footer {
    display: none !important;
    height: 0 !important;
    position: static !important;
}
.woocommerce-account .pre-footer{
    display: none !important;
}


.adapt-height-content-wrapper {
    background: #fff;
    overflow: hidden;
}
footer{
    background-color: #202020;
    clear: both;
    color: #fff;
    font-family: "Unica", sans-serif;
    font-weight: 300;
    margin-top: 30px;
    padding-top: 46px;
    position: relative;
}
.footer-flex-wrapper{
    height: 100vh;
    position: relative;
    z-index: 10;
}
footer a, footer a:hover, footer a:active, footer a:visited, footer a:focus{
    color: #fff;
    font-family: Unica, sans-serif
}
.footer-logo-section{
    left: calc(50% - 150px);
    position: fixed;
    top: 0;
    width: 300px;
    z-index: 12;
}
.footer-wrapper{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: calc(100% - 170px);
}
.footer-menu li{
    list-style: none;
}
.footer-menu a{
    display: block;
    font-size: 14px;
    letter-spacing: 0.03em;
    line-height: 1.6;
}

/*------------------------------- 4.1. Pre-Footer --------------------------------*/
/*------------------------------- 4.1.1. Footer Trending Section --------------------------------*/

.trending-section{
    padding-top: 77px;
}
.trending-tiles {
    margin: 75px 0 0;
    overflow: hidden;
}
.related-posts .yarpp-related a{
    font-weight: 400;
}
.yarpp-related {
   margin: 0 !important;
}
.pre-footer .col-5-section .tile{
    margin-bottom: 86px;
}
.pre-footer.trending-section .col-5-section .tile:nth-of-type(6) {
    display: none;
}

/*------------------------------- 4.1.2. Footer Commitment Section --------------------------------*/

.pre-footer-description{
    border-top: 1px solid #aeaeae;
}
.pre-footer-desctiption-wrapper{
    font-family: 'Unica', sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    margin: 0 auto;
    max-width: 1000px;
    padding: 93px 0 92px;
    width: 90%;
}

/*------------------------------- 4.1.3. Community/Subscription Section --------------------------------*/

.subscription-form-section{
    border-bottom: 1px solid #969696;
    border-top: 1px solid #969696;
    font-size: 40px;
    margin-top: 6.2%;
    padding-bottom: 3.8%;
    padding-top: 3.6%;
}
.pre-footer .subscription-form-section {
    margin-top: 0;
}
.subscription-form-section h2 span {
    display: block;
}
.subscription-form-section h2 span.subtitle {
    line-height: 1.3;
}
.subscription-form-description{
    font-family: 'Unica', sans-serif; font-weight: 300;
    font-size: 15px;
    line-height: 1.7;
    letter-spacing: 0.02em;
    margin: 4.2% auto 5.4%;
    max-width: 600px;
}
.subscription-form-section .omFormC7, 
.subscription-form-section .omSub{
    border-color: #969696;
}
.subscription-form-form .omFormC7{
    border: 1px solid #939393;
    border-radius: 40px;
    margin: 0 auto;
    max-width: 700px;
    overflow: hidden;
    position: relative;
}
.subscription-form-form div.wpcf7 .ajax-loader{
    background-color: rgba(255,255,255,0.5);
    font-size: 14px;
    height: 100%;
    line-height: 40px;
}
.subscription-form-form .omEmail{
    float: left;
    font-size: 12px;
    text-align: left;
    text-indent: 2.2em;
    text-transform: uppercase;
    width: calc(100% - 61px);
}
.subscription-form-form .omSub{
    border-left: 1px solid #939393;
    float: right;
    height: 40px;
    overflow: hidden;
    width: 60px;
}
.subscription-form-form .omEmail input{    
    background: transparent;
    border: 0;
    font-family: 'Unica', sans-serif; font-weight: 300;
    font-size: 15px;
    height: 40px;
    letter-spacing: 0.03em;
}
.subscription-form-form .omEmail input::placeholder{
    color: #202020;
}
.subscription-form-form .omEmail input::-webkit-input-placeholder{
    color: #202020;
}
.subscription-form-form .omSub input{
    background-color: transparent;
    background-image: url(./assets/images/pagination-arrow.svg);    
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    border: 0;
    color: transparent;
    height: 40px;
    min-width: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 100%;
}
.subscription-form-form div.wpcf7-response-output{
    border-color: #969696;
    border-width: 1px;
    float: none;
    font-family: 'Unica', sans-serif; font-weight: 300;
    font-size: 14px;
    margin: 2em auto 0;
    max-width: 700px;
    padding: 1em;
}
.subscription-form-form span.wpcf7-not-valid-tip{
    display: none;
}

/*------------------------------- 4.2. Footer Subscription Section --------------------------------*/
.footer-subscription-section{
    margin:  0 auto 50px;
    max-width: 400px;
    width: 84%;
}
.footer-subscription-section form{
    display: inline-block;
    position: relative;
}
.footer-subscription-section .subscription-form-title,
.footer-subscription-section .subscription-form-description {
    display: none;
}
.footer-subscription-section h4{
    font-size: 11px;
    letter-spacing: 0.03em;
    margin-bottom: 1em;
    text-align: center;
}
.footer-subscription-section input[type="email"]{
    background: transparent;
    border-color: #fff;
    border-width: 0 0 1px 0;
    font-family: 'Unica';
    font-size: 14px;
    letter-spacing: 0.01em;
    line-height: 40px;
    padding: 0 50px 0 0;
    width: 400px;
}
.footer-subscription-section input[type="submit"]{
    background-color: transparent;
    background-image: url(assets/images/Footer_Arrow.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 20px;
    border: none;
    height: 40px;
    position: absolute;
    overflow: hidden;
    right: 0;
    text-indent: -9999px;
    top: 0;
    width: 32px;
}
.footer-subscription-section span.wpcf7-not-valid-tip{
    color: #fff;
    font-family: 'Unica', sans-serif; font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.07em;
    line-height: 1.8;
    margin: 1em 0;
    text-align: left;
    text-transform: none;
}
.footer-subscription-section div.wpcf7-response-output{
    border: 1px solid #fff !important;
    font-family: 'Unica', sans-serif; font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.07em;
    line-height: 1.6;
    margin: 0.5em 0;
    padding: 1em 1em;
    text-align: left;
    text-transform: none;
    width: 100%;
}
.footer-subscription-section div.wpcf7 .ajax-loader{
    background-color: #202020;
    font-size: 15px;
    height: 40px;
    letter-spacing: 0.05em;
    line-height: 40px;
}
.footer-subscription-section input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  opacity: 1;
}
.footer-subscription-section input[type="email"]::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}
.footer-subscription-section input[type="email"]:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
  opacity: 1;
}
.footer-subscription-section input[type="email"]:-moz-placeholder { /* Firefox 18- */
  color: #fff;
  opacity: 1;
}

/*------------------------------- 4.3. Back to Top Block --------------------------------*/

.footer-flex-top{
    margin-top: 13px;
}
.footer-flex-top .wrapper{
    overflow: hidden;
}
.scroll-up {
    margin-top: 16px;
}
.scroll-up a {
    display: block;
    font-size: 11px;
    letter-spacing: 0.02em;
}
.scroll-up a:before{
    content: 'Back to Top';
}
.scroll-up a:after {
    background-image: url(assets/images/Footer_Arrow.svg);
    background-position: center right;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    height: 16px;
    margin-left: 14px;
    position: relative;
    top: 5px;
    transform: rotate(-90deg);
    width: 16px;
}

/*------------------------------- 4.4. Footer Cols --------------------------------*/

.footer-col{
    display: inline-block;
    margin-right: 20px;
    text-align: left;
    vertical-align: top;
    width: 220px;
}
.footer-col:last-of-type{
    margin-right: 0;
}
.footer-col-title{
    font-size: 13px;
    letter-spacing: 0.05em;
    margin-bottom: 23px;
}
.footer-col .footer-menu a{
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0.02em;
    margin-bottom: 8px;
}
/*------------------------------- Footer Description --------------------------------*/
.footer-description-section-inner{
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 24px;
    max-width: 1000px;
}
/*------------------------------- 4.5. Footer Info --------------------------------*/
.footer-info-section {
    overflow: hidden;
    padding: 0 0 24px 0;
}
.footer-info-section .footer-menu li {
    display: inline-block;
    list-style: none;
    margin-right: 120px;
}
.footer-info-section .footer-menu li:last-of-type {
    margin-right: 0;
}
.footer-info-section .footer-menu li a{
    font-size: 11px;
    letter-spacing: 0.01em;
}
.footer-info-socials{
    margin-bottom: 25px;
}
.footer-socials a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 11px;
    text-align: center;
    width: 30px;
}
.footer-socials i {
    display: block;
    line-height: 30px;
    margin-right: 0;
    position: relative;
}
.footer-socials .fa-instagram{
    font-size: 21px;
}
.footer-socials .fa-facebook-f{
    font-size: 18px;
    left: 2px;
    top: -2px;
}
.footer-socials .fa-pinterest-p{
    font-size: 19px;
    left: 7px;
}
.footer-socials .fa-youtube {
    font-size: 23px;
    left: 5px;
    top: 1px;
}
.footer-socials .fa-linkedin-in{
    font-size: 21px;
    left: 0;
    top: -1px;
}

/*------------------------------- Popup / Discount Banner --------------------------------*/
.discount-popup-background {
    background-color: rgba(0, 0, 0, 0.2);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.discount-popup-wrapper{
    background: #5B3228;
    border-radius: 10px;
    color: #ECE9E6;
    left: calc(50% - 330px);
    min-height: 426px;
    overflow: hidden;
    position: fixed;
    top: 312px;
    width: 660px;
}
.discount-popup-wrapper:before {
    border-left: 1px solid #DCD6CD;
    right: 130px;
    content: '';
    display: block;
    opacity: 0.5;
    position: absolute;
    height: 100%;
}
.discount-popup-wrapper:after {
    border-bottom: 1px solid #DCD6CD;
    bottom: 76px;
    content: '';
    display: block;
    opacity: 0.5;
    position: absolute;
    width: 100%;
}
.discount-popup-wrapper img{
    height: 324px;
    position: absolute;
    right: 0;
    top: 55px;
    width: auto;
}
.discount-popup-close-button{
    overflow: hidden;
    position: absolute;
    right: 19px;
    text-indent: -9999px;
    top: 16px;
}
.discount-popup-close-button:before,
.discount-popup-close-button:after{
    background: #fff;
    width: 25px;
}
.discount-popup-text{
    color: #ECE9E6;
    font-family: "Unica", sans-serif;
    font-size: 11px;
    font-weight: 100;
    letter-spacing: 0.06em;
    line-height: 2.3;
    margin-left: 50px;
    text-transform: uppercase;
}
.discount-popup-title{
    font-family: "Unica", sans-serif;
    font-size: 40px;
    font-weight: 100;
    letter-spacing: 0.01em;
    line-height: 1;
    margin: 61px 0 13px 50px;
}
.discount-popup-before-title{
    font-family: "Unica", sans-serif;
    font-size: 15px;
    font-weight: 100;
    letter-spacing: 0.005em;
    margin-bottom: 65px;
    margin-left: 50px;
}
.discount-popup-button{
    bottom: 59px;
    left: 45px;
    position: absolute;
    z-index: 10;
}
.discount-popup-button a {
    background: #5b3228;
    border: 1px solid #ad9893;
    color: #e2dedd;
    font-weight: 100;
    height: 36px;
    letter-spacing: 0.01em;
    line-height: 34px;
    width: 224px;
}
.discount-popup-button a:hover{
    background: #e2dedd;
    border-color: #ad9893;
    color: #202020;
}
.after-submit .discount
.after-submit .discount-popup-title{
    max-width: 340px;
}
.discount-popup-wrapper input[type="email"]{
    border: none;
    border-bottom: 1px solid #ccc;
    display: block;
    font-family: 'Unica', sans-serif;
    font-size: 15px;
    letter-spacing: 0.02em;
    margin: 0 auto;
    padding-bottom: 14px;
    padding-top: 16px;
    text-align: center;
    width: 450px;
}
.discount-popup-wrapper input[type="submit"]{
    margin-top: 25px;
}
.discount-popup-main{
    position: relative;
}
.discount-popup-wrapper .wpcf7-spinner {
    border-radius: 20px;
    bottom: 0;
    color: #fff;
    height: 38px;
    left: calc(50% - 80px);
    line-height: 38px;
    margin: 0;
    opacity: 0.9;
    overflow: hidden;
    position: absolute;
    right: 1px;
    text-align: center;
    width: 160px;
}
div.wpcf7 .ajax-loader:after{
	display: none;
}
.discount-popup-wrapper .wpcf7-spinner:before{
    display: none;
}
.discount-popup-wrapper .wpcf7-spinner:after {
	display: none;
    content: 'SUBMITTING'; 
    font-family: 'Unica';
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.03em;
    line-height: 24px;
    text-align: center;
}
.discount-popup-wrapper .wpcf7-not-valid-tip{
    font-size: 14px;
    padding-top: 10px;
}
.discount-popup-promocode-wrapper{
    margin-bottom: 23px;
    margin-top: 16px;
}
.discount-popup-promocode-label{
    font-family: Unica, sans-serif;
    font-size: 12px;
}
.discount-popup-promocode{
    font-family: 'Unica', sans-serif;
    font-weight: 300;
    font-size: 16px;
    margin-top: 11px;
}
@media all and (max-width: 1024px){
    .discount-popup-wrapper{
        top: 150px;
    }
}
@media all and (max-width: 640px){
    .discount-popup-wrapper {
        border-radius: 6px;
        left: calc(50% - 159px);
        max-width: 318px;
        min-height: 400px;
        padding-top: 50px;
        position: fixed;
        text-align: center;
        top: 100px;
    }
    .discount-popup-close-button {
        right: 8px;
        top: 11px;
    }
    .discount-popup-button {
        bottom: 64px;
        left: calc(50% - 112px);
    }
    .discount-popup-button.button a{
        height: 36px;
        line-height: 34px;
        width: 224px;       
    }
    .discount-popup-wrapper:after{
        bottom: 81px;
    }
    .discount-popup-close-button:before,
    .discount-popup-close-button:after{
        background: #fff;
        left: 6px;
        width: 22px;
    }
    .discount-popup-text {
        font-size: 10px;
        line-height: 2.2;
        margin: 0 auto;
    }
    .after-submit .discount-popup-text{
        max-width: 140px;
    }
    .discount-popup-title {
        font-size: 31px;
        line-height: 29px;
        margin: 18px auto 15px;
        max-width: 210px;
    }
    .discount-popup-before-title{
        margin-bottom: 41px;
        margin-left: 0;
    }
    .after-submit .discount-popup-title{
        margin-bottom: 30px;
        max-width: 190px;
    }
    .discount-popup-wrapper img {
        display: none;
        height: 100px;
    }
    .discount-popup-wrapper:before{
        display: none;
    }
    .discount-popup-wrapper input[type="email"] {
        font-size: 11px;
        margin: 0 auto;
        padding-bottom: 10px;
        padding-top: 10px;
        width: 190px;
    }
    .discount-popup-wrapper input[type="submit"]{
        height: 36px;
        line-height: 34px;
        width: 155px;
    }
    .discount-popup-wrapper .wpcf7-spinner{
        height: 40px;
        left: calc(50% - 100px);
        line-height: 38px;
        width: 200px;
    }
    .discount-popup-wrapper .wpcf7-spinner:after{
        font-size: 12px;
    }
}
@media all and (max-width: 640px) and (orientation: portrait){
    .discount-popup-wrapper{
        top: calc( 50vh - 139px);
    }
}

/*------------------------------- Header Info Banner --------------------------------*/

.header-info {
    background: #5b3228;
    color: #ECE9E6 !important;
    display: block;
    font-family: 'Unica', sans-serif;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 0.01em;
    padding: 12px 0;
}
.header-info > div {
    display: inline-block;
}
.header-info a {
    color: #ECE9E6;
}
.header-info-delimeter{
    border-bottom: 1px solid #ECE9E6;
    margin: 4px 13px;
    width: 85px;
}
@media all and (max-width: 767px){
    .header-info{
        padding: 11px 0;
    }
    .header-info > div.header-info-text{
        display: none;
    }
    .header-info > div {
        font-size: 12px;
    }
}

/*------------------------------- 5. Sidebar --------------------------------*/

aside .sidebar-menu-container{
    background: #f7f7f7;
    padding: 15px;
    margin-bottom: 60px;
    position: relative;
}
aside .menu li {
    background: #fff;
    margin-bottom: 15px;
    position: relative;
}
aside .menu li:last-of-type{
    margin-bottom: 0;
}
aside .menu li:after {
    border-bottom: 0;
    color: #ccc;
    content: '\f054';
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    right: 7px;
    top: calc(50% - 7px);
}
aside .menu li a{
    color: #ccc;
    display: block;
    font-family: 'Unica', sans-serif; font-weight: 300;
    font-size: 16px;
    padding: 15px 20px 15px 15px;
    text-transform: uppercase;
}
.hp-roll .image-container{
    height: auto;
    padding: 0;
}
.hp-roll .tile{
    margin-bottom: 0;
}
.hp-roll:after {
    margin: 32px 0;
}
.sidebar-banner img{
    display: block;
    height: auto;
    width: 100%;
}
.sidebar-posts-wrapper{
    overflow: hidden;
}
.sidebar-more-button {
    margin-top: -5px;
}
.sidebar-banner {
    margin-bottom: 30px;
}

/*-------------------------------  5.1. Sidebar Tiles --------------------------------*/

aside > div.sidebar-tiles:after, aside > div.sidebar-menu-container:after{
    bottom: -25px;
    display: inline-block;
    left: 0;
    margin: 0;
    position: absolute;
}
aside > div:last-of-type.sidebar-tiles .tile:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

/*-------------------------------  5.1.1. Classic Sidebar Tiles --------------------------------*/

.classic-sidebar-tile{
    margin-bottom: 25px !important;
    margin-right: 0 !important;
    width: 100% !important;
}
.classic-sidebar-tile .tile-thumb {
    margin-top: 2px;
    width: 100%;
}

/*-------------------------------  5.2. Two-Column Sidebar Section --------------------------------*/

.two-column-sidebar-section {
    border-bottom: 1px solid #dadada;
    margin-bottom: 30px;
    overflow: hidden;
}
.two-column-sidebar-section .tile {
    border-bottom: none;
    padding: 0;
    width: calc(50% - 10px);
}
.two-column-sidebar-section .tile:nth-of-type(2n) {
    float: right;
}
.two-column-sidebar-section .tile:nth-of-type(2n-1) {
    clear: both;
    float: left;
}
.two-column-sidebar-section .tile .tile-thumb,
.two-column-sidebar-section .tile .tile-text{
    width: 100%;
}
.two-column-sidebar-section .tile .tile-text{
    margin-top: 18px;
}
.two-column-sidebar-section .tile-title .item-name{
    font-size: 16px;
    line-height: 1.6;
    max-height: 4.8em;
}
.two-column-sidebar-section .tile-more .more-button{
    margin-top: 12px;
}

/*------------------------------- 5.3. Sticky Sidebar Section --------------------------------*/

.sidebar-sticky-needed-banner{
    height: 0;
    padding-bottom: 133.5%;
    position: relative;
}
.sidebar-sticky-needed-banner .sidebar-banner{
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.sidebar-sticky-section > div:last-of-type {
    margin-bottom: 0 !important;
}
.sidebar-sticky-section > .subscription-form{
    margin-bottom: 50px;
    padding-bottom: 0;
}
.sidebar-sticky-section > div:not(:last-of-type):not(.sidebar-tiles){
    border-bottom: 1px solid #ccc;
    margin-bottom: 24px;
    padding-bottom: 24px;
}
.sidebar-sticky-section > div:last-of-type:after{
    display: none;
}

/*------------------------------- 5.3. Sticky Sidebar Banners --------------------------------*/

.surrounded-with-banners {
    position: relative;
}
.article-small-banner, 
.sticky-proxy{
    /*padding-bottom: 120px;*/
    position: absolute;
    top: 0;
    width: 15.5%;
}
.sticky-proxy{
    z-index: 0;
}
.article-small-banner a{
    background-size: cover;
    background-position: center;
    display: block;
    padding-bottom: 151%;
}
.left-small-banner{
    left: 0;
}
.right-small-banner{
    right: 0;
    top: 0;
}
@media all and (max-width: 1700px){
    .left-small-banner.tlp-sticky:not(.tlp-sticky-stop) {
        left: 3vw !important;
    }
    .right-small-banner.tlp-sticky:not(.tlp-sticky-stop){
        left: calc( 97vw - var(--width-var) ) !important;
    }
}
@media all and (max-width: 768px){

/*------------------------------- Sedebar banners - mobile version --------------------------------*/
 
    .article-small-banner{
        display: none;
    }
    .after-article-content-banners-wrapper .article-small-banner {
        display: block;
        padding-bottom: 0;
        position: static !important;
        width: calc(50% - 10px);
    }
    .after-article-content-banners-set {
        margin-bottom: 20px;
        overflow: hidden;
    }
    .after-article-content-banners-wrapper .article-small-banner:first-of-type {
        float: left;
    }
    .after-article-content-banners-wrapper .article-small-banner:last-of-type {
        float: right;
    }
    .after-article-content-banners-wrapper{
        margin: 0 5px;
    }
}

@media all and (max-width: 640px){
    .after-article-content-banners-wrapper .article-small-banner {
        width: calc(50% - 7.5px);
    }
    .after-article-content-banners-set{
        margin-bottom: 15px;
    }
    .after-article-content-banners-wrapper{
        margin: 0;
    }
}

/*------------------------------- 6. Reusable Pages Sections --------------------------------*/
/*------------------------------- 6.1. Split Section --------------------------------*/

.split-section .wrapper{
    overflow: hidden;
    padding-bottom: 5.7%;
    position: relative;
}
.split-section-image-col {
    float: right;
    margin-top: 60px;
}
.spit-section-image{
    background-position: center;
    background-size: cover;
}
.split-section-content-bottom{
    bottom: 60px;
    left: 0;
    position: absolute;
    width: 100%;
}
.split-section-description{
    margin-bottom: 53px;
}
.publication-section-title {
    font-size: 60px;
    margin-top: 0.85em;
}
/*------------------------------- 6.2. Double Thumb Section --------------------------------*/
.publication-section-content{
    margin: 0 auto;
    max-width: 1070px;
}
.publication-latest-issue-section .wrapper{
    border-bottom: 1px solid #ccc;
    margin-bottom: 100px;
    padding-bottom: 100px;
}
.publication-latest-issue-images{
    margin-bottom: 40px;
    overflow: hidden;
}
.latest-issue-image-wrapper{
    width: calc(50% - 15px);
}
.latest-issue-image-wrapper:first-of-type{
    float: left;
}
.latest-issue-image-wrapper:last-of-type{
    float: right;
}
.publication-page-image{
    background-position: center top;
    background-size: cover;
    height: 0;
    padding-bottom: 134%;
    width: 100%;
}
.publication-section-description{
    margin: 7.7% auto;
    max-width: 960px;
    width: 90%;
}
.issue-no-10-content .publication-section-description {
	margin: -3% auto;
}
.split-section .publication-section-description{
    margin-left: 0;
    margin-right: 0;
}
.latest-issue-block {
    margin-left: auto;
    margin-right: auto;
}

/*------------------------------- 6. Article --------------------------------*/
/*------------------------------- 6.1. Article Main Content --------------------------------*/
.single .main-content p,
.single .main-content h2,
.single .main-content h3,
.single .main-content h4,
.single .main-content h5,
.single .main-content h6,
.single .main-content blockquote{
    clear: both;
    color: #000;
    line-height: 1.8;
    margin-left: auto;
    margin-right: auto;
    max-width: 625px;
}
.single .main-content blockquote,
.single .main-content h2,
.single .main-content h3{
    margin-bottom: 42px;
    padding: 57px 0;
    position: relative;
    text-align: center;
}
.single .main-content blockquote,
.single .main-content blockquote p,
.single .main-content h2,
.single .main-content h3 {
    font-size: 20px;
}
.single .main-content blockquote p:last-of-type{
    margin-bottom: 0;
}
.single .main-content blockquote:before,
.single .main-content blockquote:after,
.single .main-content h2:before,
.single .main-content h2:after,
.single .main-content h3:before,
.single .main-content h3:after{
    border-bottom: 1px solid #bbb;
    content: '';
    display: block;
    left: 50%;
    margin-bottom: 35px;
    margin-left: -30px;
    margin-top: 35px;
    position: absolute;
    width: 60px;
}
.single .main-content blockquote:before,
.single .main-content h2:before,
.single .main-content h3:before{
    top: 0;
}
.single .main-content blockquote:after,
.single .main-content h2:after,
.single .main-content h3:after{
    bottom: 0;
}
.single .main-content p{
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 1.2em;
    margin-top: 1em;
}
.single figcaption a,
.single .main-content p a,
#accordion-single-product p a,
.cart-empty-wrapper p a,
.stockists__description a{
    color: #0729a7;
    display: inline-block;
    position: relative;
}
.single figcaption a:before,
.single .main-content p a:before,
#accordion-single-product p a:before,
.cart-empty-wrapper p a:before,
.stockists__description a:before{
    background-color: #303F9F;
    content: '';
    height: 2px;
    left: 0;
    margin: 0 auto;
    opacity: .3;
    position: absolute;
    top: 100%;
    -webkit-transform: scaleX(.9);
    transition-duration: .3s;
    transition-property: opacity, -webkit-transform;
    width: 100%;
}
.single figcaption a:hover:before,
.single .main-content p a:hover:before,
#accordion-single-product p a:hover:before,
.cart-empty-wrapper p a:hov
er:before,
.stockists__description a:hover:before{
    opacity: 1;
    -webkit-transform: scaleX(1);
}
.single .main-content figcaption{
    clear: both;
    color: rgb(102,102,102);
    display: block;
    font-size: 16px;
    line-height: 1.5;
    margin: 1em auto 1.2em;
    max-width: 625px;
    text-align: center;
}
.content-image-block-caption {
    text-align: center;
}
.credits-section{
    margin-bottom: 50px;
}
.publication-date, .credit{
    letter-spacing: 0.02em;
    font-family: 'Unica', sans-serif; font-weight: 300;
    font-size: 14px;
}
.publication-date{
    margin-bottom: 5.7%;
    margin-top: -1.85%;
}

/*------------------------ 7.2. Breadcrumbs --------------------------------*/

.archive-subcategory:after, 
.profile-content .post-designer:after,
.category-top-subtitle .breadcrumbs_delimeter:after,
.profile-contact a:after {
    color: #202020;
    content: "●";
    font-size: 7.5px;
    position: absolute;
}


.category-top-subtitle .breadcrumbs_delimeter {
    margin: 0 0.7em;
    position: relative;
}
.category-top-subtitle .breadcrumbs_delimeter:after {
    right: -1px;
    top: 5px;
}

.archive-subcategory{
    margin-right: 4em;
    padding: 0.5em 0;
}
.profile-content .post-subtitle div, 
.profile-contact a,
.article-v2 .archive-subcategory{
    margin-right: 2em;
}
.archive-subcategory,
.profile-content .post-subtitle div,
.profile-contact a{
    display: inline-block;
    position: relative;
}
.article-v2 .archive-subcategory:after{
    right: -2.5em;
    top: 2.1em;
}
.profile-contact a:after,
.profile-content .post-designer:after{
    right: -2.5em;
    top: 0.9em;
}
.archive-subcategory:after{
    right: -33px;
    top: 12px;
}
.archive-subcategory:last-of-type,
.profile-content .post-subtitle div:last-of-type, 
.profile-contact a:last-of-type {
    margin-right: 0;
}
.profile-contact a:last-of-type:after{
    display: none;
}

/*------------------------------- 7.2.1. Single Issue Page - Breadcrumbs --------------------------------*/

.single-product .breadcrumbs, 
.single-exhibit .breadcrumbs{
    font-size: 12px;
    margin: 28px 0 55px;
}

.single-product .breadcrumbs_delimeter:after,
.single-exhibit .breadcrumbs_delimeter:after {
    color: #aaa;
    content: ' > ';
    font-family: monospace;
    font-size: 1em;
    line-height: inherit;
    margin: 0 5px;
    position: relative;
    top: -0.1em;
    vertical-align: inherit;
}

/*------------------------- 7.3. Banners ------------------------------*/
.specBoxDisplay {
    margin: 38px 0 22px;
}
.content-within-display{
    margin: 30px auto;
}
.headDisplay {
    margin-bottom: 15px;
}
/*------------------------- 7.4. Post Sidebarr ------------------------------*/
.single-post .sidebar-col.post-has-top-banner > div:first-of-type{
    margin-top: 0;
}

/*------------------------------- 7.5. Post Social Buttons --------------------------------*/
.article-image-buttons{
    bottom: 18px;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    visibility: hidden;
    width: 100%;
}
.image-post-content-wrap:hover .article-image-buttons,
.image-set-col-half:hover .article-image-buttons,
.image-set-col-full:hover .article-image-buttons{
    opacity: 1;
    visibility: visible;
}
.article-image-buttons .pin-button{
    float: left;
    margin-left: 16px;
}
.article-image-buttons .image-product-tags-button{
    float: left;
    font-size: 16px;
    margin-left: 10px;
}
.article-image-buttons .pin-button a,
.article-image-buttons .image-product-tags-button a{
    background-color: rgba(255,255,255,0.5);
    border-radius: 100%;
    float: left;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    padding: 0 !important;
    text-align: center;
    width: 30px;
}
.article-image-buttons .gallery-button{
    background: rgba(255,255,255,0.5);
    border-radius: 20px;
    color: #000;
    float: right;
    font-family: 'Unica', sans-serif;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.01em;
    margin-right: 18px;
    padding: 0;
    position: relative;
    top: -1px;
}
.article-image-buttons .gallery-button a{
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 16px 0 14px;
}
.article-image-buttons .gallery-button a:after{
    background-image: url(./assets/images/Footer_Arrow-black.svg);
    background-position: center right;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    height: 12px;
    margin-left: 0px;
    position: relative;
    top: 1px;
    right: -6px;
    transform: rotate(-45deg);
    width: 12px;
}
.article-image-buttons .fa-arrow-up{
    font-size: 16px;
    position: relative;
    top: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -6px;
}
.article-image-buttons div, 
.article-image-buttons a, 
.article-image-buttons i{
    color: #000;
}
.article-image-buttons i.fa-pinterest{
    position: relative;
    top: 1px;
}
.image-post-content-block{
    text-align: center;
}
.image-post-content-block figure{
    display: inline-block;
    position: relative;
}
/*------------------------------- 7.5.1. Post Gallery Social Buttons --------------------------------*/
.post-gallery-social-icons {
    position: absolute;
    width: 100%;
}
.post-gallery-social-icons .article-image-buttons{
    opacity: 1;
    right: 0;
    visibility: visible;
    width: auto;
}
.post-gallery-social-icons .article-image-buttons .pin-button{
    margin: 0 !important;
}
.post-gallery-social-icons .article-image-buttons .gallery-button{
    margin-right: 0 !important;
    margin-left: 15px;
}


/*------------------------------- 7.6. Image Block/Image Set Block --------------------------------*/
.image-set-row{
    clear: both;
    margin: 0 auto;
    max-width: 1360px;
    overflow: hidden;
}
.image-set-col-full{
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    padding-bottom: 60%;
    position: relative;
}
.image-set-row .image-set-col-full.portrait{
    max-height: 800px;
    max-width: 600px;
    padding-bottom: 0;
}
.image-set-row .image-set-col-full.portrait > a{
    position: static;
}
.image-set-col-half{
    height: 0;
    padding-bottom: 58.8%;
    position: relative;
    width: 44%;
}
.image-set-col-half > a,
.image-set-col-full > a{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.image-set-top-part{
    margin-bottom: 4%;
}
.image-set-col-half:first-of-type{
    float: left;
}
.image-set-col-half:last-of-type{
    float: right;
}
.image-set-col-half.landscape{
    padding-bottom: 30.7%;
}

/*------------------------------- 6.4. Related Posts --------------------------------
.related-posts{
    margin: -4px 0 10px;
}
.related-posts .yarpp-related{
    margin: 0;
}

.related-posts-tile{
    float: left;
    margin-right: 3.5%;
    width: 31%;
}
.related-posts-tile:nth-of-type(3n+1){
    clear: both;
}
.related-posts-tile:nth-of-type(3n){
    float: right;
    margin-right: 0;
}
.related-posts-tile:nth-of-type(3n-1){
    margin-right: 0;
}*/
/*------------------------------- 8. Video Posts --------------------------------*/
section.post-gallery{
    position: relative;
}
.post-main-video{
    height: 0;
    padding-bottom: 56.5%;
    position: relative;
    width: 100%;
}
.post-main-video iframe{
    height: 100%;
    position: absolute;
    width: 100%;
}
.main-col .related-posts .section-title{
    margin-bottom: 40px;
}
/*------------------------------- 9. Profile Posts --------------------------------*/
.profile-content-row{
    clear: both;
    margin-bottom: 6.6%;
    padding-top: 5%;
    overflow: hidden;
    padding-bottom: 6px;
    position: relative;	
    transition: height 0.5s ease;
}
.profile-image-content-col{
    width: 39.2%;
}
.profile-text-content-col{
    width: 47%;
}
.profile-content-col:nth-of-type(2n){
    float: right;
}
.profile-content-col:nth-of-type(2n+1){
    float: left;
}
.designer-summary-wrapper {
    transition: height 0.5s ease;
    overflow: hidden;
}
.profile-text-content.cropped .designer-summary-wrapper {
    height: 8.75em !important;
}
.profile-text-content-col{
    height: 100%;
    position: absolute;
}
.profile-text-content-col .compound-title{
    position: relative;
    top: -8px;
}
.profile-content .post-title{
    font-size: 60px;
    line-height: 1.1;
    margin: 0.7em 0 0;
}
.profile-content .post-subtitle{
    color: #202020;
    font-family: "Unica", sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.73;
}
.profile-text-content{
    bottom: 8.5%;
    font-family: 'Unica', sans-serif; font-weight: 300;
    font-size: 15px;
    line-height: 1.75;
    position: absolute;
    transition: height 0.5s ease;
}
.profile-readmore-button{
    padding-top: 40px;
}
.profile-contact{
    margin-top: 45px;
}
.profile-contact a{
    color: #202020;
}
.profile-image-block .image-set-container{
    padding-bottom: 133%;
    width: 100%;
}
.profile-image-block .image-set-container > div{
    background-position: center center !important;
    background-size: cover !important;
    height: 100%;
    position: absolute;
    width: 100%;
}
.profile-contact-content-col{
    height: 100%;
    position: absolute;
    right: 0;
}
.profile-contact-section-title{
    font-size: 12px;
    margin-bottom: 1.35em;
}

.profile-articles-section{
    border-top: 1px solid #ccc;
    overflow: hidden;
}
.profile-articles-section > div{
    overflow: hidden;
}
.profile-section-title{
    margin: 5% 0;
}
.profile-featured-project-archives .tile-title .item-name{
    font-size: 16px;
    letter-spacing: 0;
    margin-bottom: 0;
}
.profile-featured-project-archives .tile{
    margin-bottom: 4%;
}
.profile-featured-design-directories .image-container{
    padding-bottom: 100%;
}
.single-profiles .pre-footer.community-section{
    margin-top: -10px;
}
.single-profiles .subscription-form-section{
    margin-top: 3%;
}

/*------------------------------- 10. Gallery Posts --------------------------------*/
.single-tlp_gallery .category-top-section > .wrapper{
    padding-bottom: 5.87%;
}
.single-tlp_gallery .main-title-designer-name{
    text-transform: none;
}
.single-tlp_gallery .main-title-piece-name{
    margin-bottom: 6px;
}
.article-body > .featured-image, .single-tlp_gallery .featured-image{
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 0;
    overflow: hidden;
    padding-bottom: 38.2%;
    position: relative;
}
.single-videos .article-body > .featured-image{
    display: none;
}
.jumbo-image-block{
    display: flex;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}
.jumbo-image-block img{
    align-self: center;
    object-fit: cover;
}
.gallery-button{
    padding-top: 6px;
}
.view-gallery-button-arrow {
    background-image: url(assets/images/Gallery_Arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 8px;
    margin-left: 1em;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 9px;
}
.gallery-button a:hover .view-gallery-button-arrow {
    background-image: url(assets/images/Gallery_Arrow_white.svg);
}
.gallery-description-wrapper{
    font-size: 24px;
    line-height: 1.45;
    margin: 5% auto 5.3%;
    max-width: 900px;
}
.gallery-description-wrapper p{
    font-size: 15px;
    font-family: 'Unica', sans-serif;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 2em;
}
.gallery-description-wrapper .post-quote{
    font-family: 'Unica', sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 26px;
}
.gallery-description-wrapper a{
    color: #607149;
    display: inline-block;
    top: -0.08em;
    vertical-align: middle;
}
.gallery-images .image-post-content-wrap img,
.gallery-images .post-image-with-product-tag-wrapper .image-post-content-block {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    width: 1100px;
}
.gallery-images .image-set-row .image-set-col-full.portrait,
.gallery-images .image-set-row .image-set-col-full.portrait img,
.gallery-images .image-post-content-wrap .post-image-portrait img,
.image-post-content-block.portrait,
.image-post-content-block.portrait img{
    margin-left: auto;
    margin-right: auto;
    max-width: 600px !important;
}
.single-tlp_gallery .post-content-section {
    margin-bottom: 26px;
    text-align: center;
}
.post-content-section > div:not(:last-of-type):not(.content-within-display) {
    margin-bottom: 26px;
}
.single-tlp_gallery .content-within-display {
    margin: 95px auto;
    overflow: hidden;
}
.single-tlp_gallery .publication-date {
    color: #666;
    font-size: 14px;
    font-family: 'Unica', sans-serif; font-weight: 300;
    padding-top: 3px;
    padding-bottom: 5.8%;
}
.gallery-thumbnail-set{
    display: none;
}

/*Gallery Related Products*/
.related-marks.trending-section{
    border-top: 0;
}
.related-marks .trending-tiles{
    margin-bottom: -8px;
}
/*Posts Navigation*/
.post-adjacent-link-wrapper{
    padding: 37px 0;
    text-align: center;
    width: calc(50% - 40px);
}
.post-adjacent-link-wrapper:last-of-type{
    float: right;
}
.post-adjacent-link-wrapper:first-of-type{
    float: left;
}
.post-adjacent-link-wrapper .image-set-container{
    width: 300px;
    margin: 35px auto 7px;
}
.post-adjacent-link-wrapper .image-container{
    background-position: center;
    background-size: cover;
    padding-bottom: 133%;
}
.post-adjacent-title{
    font-size: 30px;
    margin-top: 1.15em;
    text-transform: uppercase;
}
.post-adjacent-subtitle{ 
    font-size: 30px;   
    margin-top: 0.2em;
}
.post-adjacent-link:after {
    content: '';
    display: inline-block;
    height: 23px;
    margin-top: 34px;
    width: 50px;
}
.post-adjacent-link:after{
    background: url(assets/images/single-gallery-navigation-arrow.svg) center no-repeat;
    background-size: contain;
}
.post-adjacent-link.post-previous-link:after{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.post-adjacent-link:hover .post-adjacent-title,
.post-adjacent-link:hover .post-adjacent-subtitle{
    color: #607149;
}
.post-adjacent-link:hover:after{
    background-image: url(assets/images/single-gallery-navigation-arrow-hovered.svg);
}

/*Gallery Posts Navigation*/
.adjacent-gallery{
    margin-bottom: 19px;
    margin-top: 80px;
    overflow: hidden;
}
.adjacent-gallery .post-adjacent-link-wrapper{
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

/*------------------------------- 10. WooCommerce --------------------------------*/
/*------------------------------- 10.1. WooCommerce General styles --------------------------------*/
/*.validation-failed input {
    border-color: red !important;
}
.validation-failed input::placeholder{
    color: red !important;
}
.validation-error{
    border: 1px solid red;
    color: red;
    display: none;
    font-family: 'Unica', sans-serif; font-weight: 300;
    font-size: 13px;
    letter-spacing: 0.03em;
    line-height: 2;
    margin-top: 65px;
    padding: 1px 10px 2px;
    text-align: center;
}
.validation-error.active{
    display: block;
}*/
/*------------------------------- 10.2. WooCommerce Buttons --------------------------------*/
/*.wc-proceed-to-checkout{
    border-top: 1px solid #e7e7e7;
    margin-top: 40px;
    padding-top: 79px;
    text-align: center;
}
.wc-proceed-to-checkout a{
    display: inline-block;
    letter-spacing: 0.07em;
    margin: 0 auto;
    width: 200px;
}
.wc-proceed-to-checkout a, button#place_order{
    display: block;
}*/
/*------------------------------- 10.3. Overriding CFW styles --------------------------------*/
#cfw-shipping-method > ul,
#cfw-payment-method > ul{
    border: none;
}
#cfw-shipping-method > ul li,
#cfw-payment-method > ul li{
    border: 1px solid #ccc;
    margin-bottom: 0.8em;
    padding: 0.8em 0;
}
#cfw-shipping-method > ul li:last-of-type,
#cfw-payment-method > ul li:last-of-type{
    margin-bottom: 0;
}
#cfw-payment-action > div{
    align-self: flex-start;
}

/*------------------------------- 10.4. Checkout Texts --------------------------------*/

/*------------------------------- 10.5. Checkout Status Line --------------------------------*/
/*.checkout-status {
    font-family: "baskerville-urw", serif;
    letter-spacing: 0;
    margin-bottom: 46px;
    text-align: center;
    text-transform: none;
    width: 100%;
}
.checkout-header-row {
    font-size: 17px;
}
.checkout-line-row td {
    border-bottom: 1px solid #eeeeee;
    width: 33.333333%;
}
.checkout-line-row td span{
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 100%;
    display: inline-block;
    font-size: 15px;
    height: 30px;
    line-height: 28px;
    position: relative;
    top: 17px;
    width: 30px;
}
.checkout-line-row td.active {
    border-color: #b1b1b1;
}
.checkout-line-row td.active span{
    border-color: #666666;
}*/
/*------------------------------- 11. OptinMonster Popup --------------------------------*/
.Campaign__content input[type="submit"],
.Campaign__content button[type="submit"]:hover {
    background: inherit;
    color: inherit;
}
.Campaign__content input[type="submit"],
.Campaign__content button[type="submit"] {
    border: inherit;
    text-transform: inherit;
    padding: inherit;
    color: inherit;
    font-size: inherit;
    width: inherit;
    font-family: 'Unica', sans-serif; font-weight: 300;
    display: inline-block;
    text-align: inherit;
    margin: 10px 0;
    background: inherit;
}
.detroit-FieldsElement--content {
    text-align: center;
}
button#detroit-ButtonElement--jnlg7vy0 {
    width: 50px;
    margin-left: -20px!important;
}
.detroit-ButtonElement--content {
    text-align: center;
}
.Campaign .omSub {
    margin: 10px 0 0;
}

.Campaign .omEmail {
    width: 53%;
    margin: 10px auto 20px;
    border: 1px solid;
    color:#000;
}
.Campaign .omSub input {
    padding: 0 0 10px!important;
    text-transform: uppercase!important;
    border-bottom: 1px solid #000!important;
    color:#000!important;
    background:#fff!important;
}
.Campaign .omSub input:hover {
    opacity:.7;
}
.Campaign .omFormC7 .wpcf7-mail-sent-ok,
.Campaign .wpcf7-mail-sent-ok {
    border: 1px solid #000!important;
    padding: 10px 20px!important;
    max-width: 500px;
    margin: 20px auto!important;
}
.Campaign .dmi-optinform {
    margin-top: 20px;
}
.Campaign .dmi-optinform form {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.Campaign .dmi-optinform input[type="email"] {
    width: 53%!important;
    margin: auto;
    display: inline-block;
}
.Campaign .dmi-optinform input[type=submit] {
    width: 100%!important;
    text-align: center;
    margin: 40px 0 20px;
    text-decoration:underline;
    text-transform:uppercase;
}
.Campaign .dmi-optinform ::placeholder {
    color:#000;
    text-align:center;
    font-family: 'Unica', sans-serif; font-weight: 300;
}
.Campaign .dmi-optinform ::-webkit-input-placeholder { /* WebKit browsers */
    color:#000;
    text-align:center;
    font-family: 'Unica', sans-serif; font-weight: 300;
}
.Campaign .dmi-optinform input:focus::-webkit-input-placeholder {
    color: transparent;
}
.Campaign .dmi-optinform :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#000;
    text-align:center;
    font-family: 'Unica', sans-serif; font-weight: 300;
}
.Campaign .dmi-optinform input:focus:-moz-placeholder {
    color: transparent;
}
.Campaign .dmi-optinform ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#000;
    text-align:center;
    font-family: 'Unica', sans-serif; font-weight: 300;
}
.Campaign .dmi-optinform input:focus::-moz-placeholder {
    color: transparent;
}
.Campaign .dmi-optinform :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#000;
    text-align:center;
    font-family: 'Unica', sans-serif; font-weight: 300;
}
.Campaign .back {
    border: 1px solid #bebebe;
    padding: 8px 30px;
    font-size: 10px;
    font-family: 'Unica', sans-serif; font-weight: 300;
    margin: 30px 0 0;
    text-transform: uppercase;
    display: inline-block;
    color:#bebebe;
    min-width: 200px;
}
.Campaign .back:hover {
    background: rgb(190,190,190);
    color: #fff;
}

/*------------------------------- Responsive --------------------------------*/

.about-page-mobile-img{
    display: none;
}
.hide, .show-768, .show-1024, .show-1024-inline{
    display: none !important;
}
@media all and (min-width: 1800px){
    .header-logo, .sticky-header .header-logo, .footer-logo {
        padding-top: 26px;
    }
    .header-logo svg, .sticky-header .header-logo svg, .footer-logo svg {
        height: 73px;
    }
}

@media all and (max-width: 1500px){

/*------------------------------- Footer 1500 --------------------------------*/

    .footer-cols-section{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        width: 90%;
    }
    .footer-col {
        display: block;
        margin-right: 0;
        width: auto;
    }

}

@media all and (max-width: 1300px){

/*------------------------------- Titles 1300 --------------------------------*/

    .main-title {
        font-size: 50px;
    }
    .section-title-medium {
        font-size: 14px;
    }

/*------------------------------- Category Filters 1300 --------------------------------*/
    
    .letter {
        padding: 0 0.7em;
    }
    .archive-subcategory {
        margin-right: 3em;
    }
    .archive-subcategory:after {
        right: -3.5em;
    }

/*------------------------------- Preview Tiles 1300 --------------------------------*/

    .tile-title .item-name{
        font-size: 14px;
        margin: 10px 0;
    }
    .tile-description{
        font-size: 10px;
        max-height: 3.6em;
    }

/*------------------------------- Header 1300 --------------------------------*/

    .header-logo svg {
        height: 60px;
    }
    .sticky-header .header-logo svg,
    .footer-logo svg {
        height: 40px;
    }
    #header-menu-wrapper li{
        padding: 0 20px 15px 20px;
    }
    #header-menu-wrapper{
       height: 37px;
    }

/*------------------------------- Search Section 1300 --------------------------------*/

    .header-search-section input[type="text"]{
        font-size: 25px;
    }
    .header-search-categories ul li{
        font-size: 35px;
    }

/*------------------------------- Footer 1300 --------------------------------*/

    footer {
        padding-top: 40px;
    }
    .footer-cols-section {
        margin: 50px 0;
    }
    .footer-col {
        width: 23.5%;
    }
    .footer-col:first-of-type, .footer-col:nth-of-type(2) {
        margin-right: 2%;
    }
    .footer-col:last-of-type {
        float: right;
    }

/*------------------------------- Pre-Footer 1300 --------------------------------*/

    .trending-section {
        padding-top: 45px;
    }
    .trending-tiles {
        margin: 45px 0 0;
    }
    .pre-footer .col-5-section .tile {
        margin-bottom: 40px;
    }

/*------------------------------- 6.1. Split Section 1300--------------------------------*/
    
    .publication-section-title {
        font-size: 50px;
    }

/*------------------------------- 9. Profile Posts 1300 --------------------------------*/
    
    .profile-content .post-title {
        font-size: 50px;
        line-height: 1.1;
        margin: 0.7em 0;
    }
    .profile-text-content,
    .profile-text-content-col{
        position: static;
    }
    .profile-text-content-col {
        width: 54%;
    }
    .profile-contact {
        margin-top: 30px;
    }
    .profile-text-content{
        font-size: 14px;
    }

}
@media all and (max-width: 1024px){
    .hide-1024{
        display: none !important;
    }
    .show-1024{
        display: block !important;
    }

/*------------------------------- Titles 1024 --------------------------------*/

    .main-title {
        font-size: 40px;
    }

/*------------------------------- 2.1.1. Enquire Form --------------------------------*/
    .enquire-form-block .design-directory-form-input-wrapper, 
    .enquire-form-block .advertise-form-input-wrapper, 
    .enquire-form-block .giveaway-form-input-wrapper{
        font-size: 13px;
        padding: 14px 0;
    }
    .enquire-form-block .button{
        padding-top: 50px;
    }
/*------------------------------- 2.10. Shared Content Blocks 1024 --------------------------------*/
    
    .section-description{
        font-size: 14px;
    }

/*------------------------------- Category Filters 1024 --------------------------------*/
    
    .category-alphabet-filter-section {
        margin: 30px 0;
    }
    .category-subdivision-filter {
        font-size: 14px;
    }
    .letter {
        font-size: 14px;
        line-height: 2;
        display: inline-block;
        text-align: center;
    }
    .category-top-section > .wrapper {
        padding-bottom: 6%;
        padding-top: 6%;
    }

/*------------------------------- Header 1024 --------------------------------*/
/*------------------------------- Header Menu 1024 --------------------------------*/

    .header-logo{
        padding: 20px 0 17px;
    }

    #header-menu-wrapper li {
        font-size: 10px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .mobile-menu-toggle-line,
    .mobile-menu-toggle-line:before,
    .mobile-menu-toggle-line:after{
        width: 35px;
    }
    .mobile-menu-toggle-line:before{
        bottom: 10px;
    }
    .mobile-menu-toggle-line:after{
        top: 10px;
    }

    .mobile-menu-toggle-line.animate:before, 
    .mobile-menu-toggle-line.animate:after,
    .header-category-menu-toggle:before,
    .header-category-menu-toggle:after,
    .header-category-menu-toggle,
    .archive-sidebar-menu-close,
    .archive-sidebar-menu-close:before,
    .archive-sidebar-menu-close:after{
        width: 30px;
    }

    .header-subscribe-button, 
    .footer-subscribe-button{
        left: 30px;
        top: 23px;
    }
    header .header-search-button,
    footer .search-button{
        left: 200px;
        top: 27px;
    }
    .header-social-icons-wrapper,
    .footer-top-rightr{
        right: 30px;
        top: 25px;
    }

/*------------------------------- Search Section 1024 --------------------------------*/

    .header-category-menu-toggle{
        top: 30px;
    }
    .header-search-categories ul li{
        font-size: 30px;
        line-height: 1.8;
    }
    .header-search-categories ul li:after{
        top: 1.5em;
    }
    .header-search-categories ul li a:after{
        bottom: 0.2em;
    }

/*------------------------------- Footer 1024 --------------------------------*/

    .footer-wrapper{
        width: calc(100% - 120px);
    }
    .footer-info-menu-col {
        text-align: center;
        width: 100%;
    }
    .footer-col-title, 
    .footer-subscription-section input[type="email"],
    .scroll-up a{
        font-size: 11px;
    }
    .footer-menu a{
        font-size: 10px;
    }
    .footer-col .footer-menu a {
        letter-spacing: 0.03em;
        margin-bottom: 4px;
    }
    .footer-info-section .footer-menu li{
        margin: 0 15px;
    }
    .footer-info-section .footer-menu li:last-of-type {
        margin-right: 15px;
    }
    .footer-info-socials-col {
        margin-top: 30px;
        text-align: center;
        width: 100%;
    }
    .footer-info-socials-col {
        margin-right: 0;
    }
    .footer-socials a{
        display: inline-block;
        float: none;
        margin: 0 6px;
    }
    .pre-footer.trending-section .tile:nth-of-type(5){
        display: none;
    }
    .footer-description-section-inner{
        max-width: 800px;
    }
    .footer-subscription-section{
        margin-bottom: 20px;
    }

/*------------------------------- Preview Tiles 1024 --------------------------------*/
    
    .tile-title .item-name {
        font-size: 12px;
    }
    .tile-title .designer-name{
        font-size: 8px;
    }
/*------------------------------- 2.3.1. Marketplace Category Tiles 1024 --------------------------------*/
    .marketplace-category-title{
        font-size: 15px;
    }
/*------------------------------- 2.3.3. Video Tiles 1024 --------------------------------*/

    .video-section .tile-thumb:before,
    .single-video-icon:after {
        border-width: 15px 0 15px 25px;
        margin-left: -10px;
        margin-top: -15px;
    }

/*------------------------------- 6.1. Split Section 1024--------------------------------*/

    .publication-section-title {
        font-size: 40px;
    }
    .split-section-description {
        margin-bottom: 40px;
    }

/*------------------------------- 6.2. Double Thumb Section 1024 --------------------------------*/
    .publication-section-description {
        margin-bottom: 40px;
        margin-top: 60px;
    }
    .publication-latest-issue-section .wrapper{
        margin-bottom: 60px;
        padding-bottom: 60px;
    }

/*-------------------------------- 7.2. Breadcrumbs 1024 --------------------------------*/
    
    .profile-content .post-subtitle{
        font-size: 13px;
    }
    .profile-text-content{
        font-size: 14px;
    }
    .single-product .breadcrumbs, .single-exhibit .breadcrumbs {
        font-size: 10px;
        margin-bottom: 40px;
    }
    .profile-contact a:after, .profile-content .post-designer:after {
        right: -2em;
        top: 0.55em;
    }

/*------------------------------- 9. Profile Posts 1024 --------------------------------*/
    .profile-content .post-title {
        font-size: 40px;
        margin: 1.2em 0 1em;
    }
    .profile-content .post-subtitle {
        font-size: 12px;
    }
    .profile-text-content {
        font-size: 13px;
    }

/*------------------------------- 10. Gallery Posts 1024 --------------------------------*/
    .gallery-description-wrapper{
        padding: 0 15px;
    }
    .gallery-images {
        padding: 0 15px;
    }
    .single-tlp_gallery .content-within-display{
        margin: 43px -15px 45px;
    }
    .gallery-images .image-post-content-wrap img,
    .gallery-images .image-set-row .image-set-col-full.portrait,
    .gallery-images .post-image-with-product-tag-wrapper .image-post-content-block{
        width: 100%;
    }
    .image-set-col-half{
        width: calc(50% - 15px);
    }
    .post-adjacent-link-wrapper{
        width: calc(50% - 30px);
    }

/*------------ Gallery 1024 -------------*/

    .article-image-buttons{
        bottom: 13px;
        opacity: 1;
        visibility: visible;
    }
    .article-image-buttons .image-product-tags-button{
        margin-left: 13px;
    }
    .article-image-buttons .image-product-tags-button a{
        font-size: 13px;
        height: 25px;
        line-height: 25px;
        width: 25px;
    }
    .article-image-buttons .pin-button,
    .article-image-buttons .gallery-button{
        display: none;
    }
}

@media all and (max-width: 800px){

/*------------------------------- Header 800 --------------------------------*/
/*------------------------------- Header Menu 800 --------------------------------*/
    
    #header-menu-wrapper li  {
        font-size: 9px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media all and (max-width: 768px){
    
    .show-768{
        display: block !important;
    }
    .show-768-flex{
        display: flex !important;
    }
    .show-inline-block-768{
        display: inline-block !important;
    }
    .hide-768{
        display: none !important;
    }

    .wrapper-secondary{
        width: 100%;
    }

    input[type="radio"]{
        margin-top: 1px;
    }
/*------------------------------- Titles 768 --------------------------------*/

    .main-title {
        font-size: 35px;
    }
    .category-top-subtitle, 
    body.search .category-top-subtitle{
        margin-bottom: 3.5em;
    }
    .section-title-medium {
        font-size: 12px;
    }
    .section-title, 
    body.search .category-top-subtitle,
    body.search .category-subdivision-filter {
        font-size: 10px;
    }

/*------------------------------- Enquire Form 768 --------------------------------*/
 
    .enquire-form-block .design-directory-form-input-wrapper, 
    .enquire-form-block .advertise-form-input-wrapper, 
    .enquire-form-block .giveaway-form-input-wrapper {
        padding: 12px 0;
    }

/*------------------------------- 2.10. Shared Content Blocks 768 --------------------------------*/
    
    .section-description{
        font-size: 13px;
    }

/*------------------------------- Category Filters 768 --------------------------------*/
    
    /*.category-subdivision-filter{
        font-size: 13px;
    }
    .archive-subcategory:after {
        right: -3em;
        top: 1.6em;
    }*/
    .letter {
        font-size: 13px;
        padding: 0 0.5em;
    }
    .archive-header-category-list-wrapper{
        display: none;
    }
    .subscription-button-wrapper{
        margin-top: 35px;
    }

/*------------------------------- Preview Tiles 768 --------------------------------*/

    .tile-title .item-name {
        font-size: 12px;
        margin: 7px 0 8px;
        max-height: 3em;
    }
    .tile-title .designer-name {
        color: #333;
        font-size: 9px;
        letter-spacing: 0.01em;
        line-height: 1.4;
        margin-top: 13px;
    }

/*------------------------------- Header 768 --------------------------------*/
    
    .mobile-menu-toggle.desktop-main-menu-toggle{
        display: block !important;
    }
    .header-logo,
    .sticky-header .header-logo{
        padding: 0;
    }
    .header-logo svg,
    .sticky-header .header-logo svg {
        height: 43px;
        margin-top: 20px;
    }
    .top-nav {
        height: 90px;
        padding: 0 25px;
    }
    .header-search-button{
        top: 35px;
    }
    header.sticky-header .header-subscribe-button{
        text-align: right;
        right: 0;
    }
    .header-social-icons-wrapper,
    .footer-top-right,
    .footer-top-left{
        display: none;
    }
    header .header-search-button,
    footer .search-button{
        left: auto;
        right: 25px;
    }

/*------------------------------- Search Section 768 --------------------------------*/

    .header-search-categories ul li{
        font-size: 25px;
    }
    .header-category-menu-toggle {
        top: 25px;
    }

/*------------------------------- Mobile Menu 768 --------------------------------*/

    #header-menu-wrapper.toggled-on,
    header:not(.sticky-header) #header-menu-wrapper.toggled-on{
        height: 100vh;
        left: 0;
        opacity: 1;
        -webkit-transition: 0.2s linear;
        transition: 0.2s linear;
        visibility: visible;
    }
    #header-menu-wrapper,
    header:not(.sticky-header) #header-menu-wrapper{
        background: #fff;
        height: 100vh;
        max-width: 80vw;
        opacity: 0;
        overflow: scroll;
        position: fixed;
        top: 0;
        -webkit-transition: 0.2s linear;
        transition: 0.2s linear;
        visibility: hidden;
        width: 260px;
        z-index: 500;
    }
    #header-menu-wrapper .header-menu-overlay,
    header:not(.sticky-header) #header-menu-wrapper .header-menu-overlay{
        background: rgba(0,0,0,0.3);
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1;
    }
    #header-menu-wrapper.toggled-on .header-menu-overlay,
    header:not(.sticky-header) #header-menu-wrapper.toggled-on .header-menu-overlay{
        left: 260px;
    }
    .header-menu-wrapper .mobile-menu-toggle {
        position: static;
        float: left;
        margin-bottom: 30px;
        margin-left: 10px;
        margin-top: 10px;
    }
    .desktop-main-menu{
        clear: both;
        padding: 16px 0 0 15px;
    }
    #header-menu-wrapper li {
        display: block;
        font-size: 12px;
        letter-spacing: 0.02em;
        padding: 0;
        text-align: left;
    }
    #header-menu-wrapper li a{
        display: inline-block;
        margin: 0 0 4px;
        padding: 13px 0;
    }

    #mobile-menu-secondary-container{
        padding-bottom: 21px;
        text-align: left;
        width: 100%;
    }
    #menu-mobile-secondary li {
        display: inline-block;
        margin-bottom: 15px;
        position: relative;
    }
    #menu-mobile-secondary li{
        padding: 8px 12px 9px 15px;
    }
    #menu-mobile-secondary li:first-of-type:after {
        content: "●";
        font-size: 7.5px;
        position: absolute;
        right: -6px;
        top: 26px;
    }
    .in-menu-subscribe-button{
        padding-left: 15px;
    }
	.in-menu-subscribe-button:not(:last-of-type) {
		padding-bottom: 12px;
	}
    .in-menu-subscribe-button a{
        letter-spacing: 0.07em;
    }

/*------------------------------- Pre-Footer 768 --------------------------------*/
    .subscription-form-section {
        margin-top: 10.4%;
        padding-bottom: 42px;
        padding-top: 40px;
    }
    .subscription-form-section h2 {
        font-size: 30px;
    }
    .subscription-form-description{
        font-size: 14px;
        line-height: 1.6;
        letter-spacing: 0.01em;
        margin: 30px auto 40px;
        max-width: 600px;
        padding: 0 10px;
    }

/*------------------------------- Footer 768 --------------------------------*/

    .footer-flex-wrapper{
        height: auto;
        position: static;
    }
    .footer-top-right{
        display: none;
    }
    .scroll-up{
        float: right;
        margin-top: 0;
    }
    .footer-flex-top {
        margin-top: 0;
    }
    .footer-cols-section {
        margin: 40px 0;
        display: block;
        width: 610px;
        position: relative;
        right: -20px;
    }
    .footer-col {
        display: inline-block;
        float: none;
        margin: 0 0 40px 0 !important;
        max-width: 180px;
        width: 50%;
    }
    .footer-col:last-of-type {
        float: none;
    }
    .footer-subscription-section {
        margin-bottom: 80px;
    }
    .footer-description-section-inner{
        font-size: 12px;
        margin-bottom: 80px;
        max-width: 600px;
    }

/*------------------------------- Footer Socials 768 --------------------------------*/
    
    .footer-socials a{
        margin: 0 4px;
    }
    .footer-socials .fa-instagram {
        font-size: 18px;
    }
    .footer-socials .fa-youtube{
        font-size: 20px;
    }
    .footer-socials .fa-pinterest-p {
        font-size: 16px;
    }
    .footer-socials .fa-facebook-f {
        font-size: 16px;
    }
    .footer-socials .fa-linkedin-in {
        font-size: 18px;
    }
/*------------------------------- Buttons 768 --------------------------------*/

    .button a, 
    .button > span, 
    .wpcf7 input[type=submit], 
    .woocommerce-account input[type=submit], 
    .woocommerce-account button[type=submit]{
        font-size: 10px;
    }

/*------------------------------- Forms 768 --------------------------------*/
/*------------------------------- Subscription Form 768 --------------------------------*/
    .subscription-form-form .omEmail{
        text-indent: 20px;
    }
    .subscription-form-form .omEmail input{
        font-size: 14px;
    }
    .subscription-form-form .omEmail input,
    .subscription-form-form .omSub input{
        height: 35px;
    }

/*------------------------------- 6.1. Split Section 768 --------------------------------*/
    .split-section-description {
        margin-bottom: 35px;
    }
    .split-section-content-bottom{
        margin-top: 30px; 
    }

/*------------------------------- 9. Profile Posts 768 --------------------------------*/
    .profile-content .post-title{
        font-size: 35px;
    }
    .profile-text-content {
        font-size: 12px;
    }
    .profile-content .post-subtitle {
        font-size: 11px;
    }
}

@media all and (max-width: 640px){

    .hide-640{
        display: none !important;
    }
    .show-640{
        display: block !important;
    }
    .show-640-inline-block{
        display: inline-block !important;
    }

/*------------------------------- Titles 640 --------------------------------*/
    
    .main-title {
        font-size: 34px;
        line-height: 38px;
        margin: 0 0 30px;
    }
    .single-tlp_gallery .main-title-piece-name {
        margin-bottom: -2px;
    }
    .category-top-section > .wrapper{
        padding-bottom: 34px;
        padding-top: 45px;
    }
    
    .section-title, 
    body.search .category-top-subtitle,
    body.search .category-subdivision-filter {
        font-size: 12px;
    }
    .category-top-subtitle, 
    body.search .category-top-subtitle{
        margin-bottom: 37px;
    }
    .section-title-medium{
        letter-spacing: 0.03em;
    }

/*------------------------------- 2.1.1. Enquire Form --------------------------------*/
    
    .enquire-form-block .design-directory-form-input-wrapper, 
    .enquire-form-block .advertise-form-input-wrapper, 
    .enquire-form-block .giveaway-form-input-wrapper{
        font-size: 14px;
        padding: 11px 0;
    }
    .enquire-form-block input[type="text"], 
    .enquire-form-block input[type="email"], 
    .enquire-form-block input[type="tel"], 
    .enquire-form-block textarea,
    .enquire-form-block select{
        padding-left: 0;
        text-indent: 0;
    }
    .wpcf7-form-control-wrap.is-terms,
    .giveaway-terms span.wpcf7-list-item{
        display: block;
    }

/*------------------------------- 2.4. Buttons --------------------------------*/
    
    .link-underlined a:after{
        bottom: 1px;
    }

/*------------------------------- 2.5. Slider  640 --------------------------------*/

    /*.category-tiles-slider-section .slick-arrow{
        height: 30px;
        margin-top: -15px;
        width: 20px;
    }
    .category-tiles-slider-section .slick-prev {
        left: 10px;
    }
    .category-tiles-slider-section .slick-next {
        right: 25px;
    }*/

/*------------------------------- 2.10. Shared Content Blocks 640 --------------------------------*/
    
    .section-description{
        font-size: 14px;
        letter-spacing: 0.01em;
        line-height: 22px;
    }

/*------------------------------- 2.10.1. Sub Categories Filters --------------------------------*/

    .category-top-description{
        line-height: 1.45;
    }
    .category-top-description p {
        margin-bottom: 1.45em;
    }

/*------------------------------- Category Filters 640 --------------------------------*/
    
    .archive-subcategory {
        margin-right: 2em;
    }
    .archive-subcategory:after {
        right: -2.5em;
    }
    .subscription-button-wrapper{
        margin-top: 25px;
    }

/*------------------------------- Header 640 --------------------------------*/
    
    .header-logo svg, .sticky-header .header-logo svg {
        height: 40px;
        margin-top: 13px;
    }
    .top-nav {
        height: 80px;
    }
    .mobile-menu-toggle{
        left: 23px;
        padding: 25px 10px;
        top: 16px;
    }
    .header-menu-wrapper .mobile-menu-toggle{
        margin-left: 5px;
    }
    .mobile-menu-toggle-line{
        width: 25px;
    }
    .mobile-menu-toggle-line:before{
        bottom: 8px;
        width: 25px;
    }
    .mobile-menu-toggle-line:after{
        top: 8px;
        width: 25px;
    }
    .top-nav{
        padding: 0 20px;
    }
    .header-search-button, 
    header.sticky-header .header-search-button {
        display: inline-block;
        height: 18px;
        margin-top: 6px;
        position: static;
        right: 20px;
        top: 32px;
        vertical-align: top;
        width: 24px;
    }
    .header-top-right{
        float: right;
        padding-top: 26px;
        position: absolute;
        right: 16px;
        text-align: right;
    }
    .header-cart-button{
        border: none;
        border-radius: 0;
        height: 30px;
        margin-left: 3px;
        margin-top: -1px;
        padding: 0;
        vertical-align: top;
        width: 30px;
    }
    .header-cart-button,
    .header-cart-button:hover{
        background-image: url(assets/images/mobile-cart-icon.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 20px;
        background-color: transparent;
        color: inherit;
    }

/*------------------------------- Header Menu 640 --------------------------------*/

    .header-menu-wrapper .mobile-menu-toggle{
        margin-bottom: 10px;
        margin-top: 15px;
    }

/*------------------------------- Search Section 640 --------------------------------*/
    
    .attachment-exit-button{
        height: 30px;
        width: 30px;
    }
    .header-search-categories ul li{
        font-size: 26px;
    } 
    .header-search-section input[type="text"]{
        font-size: 22px;
    }
    .header-search-categories h4{
        margin: 45px 0 30px;
    }
    .header-category-menu-toggle{
        top: 23px;
    }

/*------------------------------- Pre-Footer 640 --------------------------------*/

    .trending-section {
        padding-top: 44px;
    }
    .trending-tiles {
        margin: 44px 0 15px;
    }
    .subscription-form-form .omEmail {
        text-indent: 12px;
    }
    .subscription-form-form .omEmail input {
        font-size: 10px;
        letter-spacing: 0.01em;
    }
    .subscription-form-form .omFormC7,
    .subscription-form-form .omSub,
    .subscription-form-section{
        border-color: #ccc;
    }
    .subscription-form-section{
        margin-top: 10.4%;
    }
    .pre-footer-desctiption-wrapper{
        font-size: 12px;
        line-height: 20px;
        padding: 34px 0 22px;
        width: 86%;
    }
    .pre-footer .subscription-form-section {
        margin-top: 0;
    }
    .pre-footer .col-5-section .tile {
        margin-bottom: 18px;
    }

/*------------------------------- Footer 640 --------------------------------*/

    footer{
        margin-top: 15px;
        padding-top: 0;
    }
    .footer-flex-top .wrapper{
        width: 100%;
    }
    .scroll-up {
        border-bottom: 1px solid #5b5b5b;
        float: none;
        padding-bottom: 15px;
        padding-top: 13px;
        text-align: center;
        width: 100%;
    }
    .scroll-up a{
        font-size: 12px;
        text-transform: none;    
    }
    .scroll-up a:after{
        height: 10px;
        margin-left: 14px;
        top: 1px;
        width: 10px;
    }

    .footer-subscription-section {
        margin-bottom: 44px;
        max-width: none;
        padding: 0 15px;
        width: 100%;
    }
    .footer-subscription-section h4 {
        font-size: 12px;
        left: -8px;
        letter-spacing: 0.01em;
        margin-bottom: 29px;
        margin-top: 42px;
        text-transform: none;
    }

    .footer-subscription-section form {
        width: 100%;
    }
    .footer-subscription-section .omFormC7{
        border: 1px solid #939393;
        border-radius: 30px;
    }
    .footer-subscription-section .omEmail {
        text-indent: 15px;
        width: calc(100% - 34px);
    }
    .footer-subscription-section .omSub {
        bottom: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 34px;
    }
    .footer-subscription-section input[type="email"]{
        border-width: 0;
        line-height: 29px;
        padding-right: 30px;
        width: 100%;
    }
    .footer-subscription-section .wpcf7 input[type="submit"]{
        background-position: center;
        border-radius: 0;
        background-size: 9px;
        border-left: 1px solid #939393;
        height: 30px;
        min-width: 0;
        width: 36px;
    }
    .footer-subscription-section input[type="email"]::-webkit-input-placeholder{
        font-size: 10px;
        text-transform: capitalize;
    }
    .footer-subscription-section input[type="email"]::placeholder{
        font-size: 10px;
        text-transform: capitalize;
    }
    .footer-subscription-section span.wpcf7-not-valid-tip{
        display: none !important;
    }
    .footer-subscription-section div.wpcf7-response-output{
        border: none !important;
        padding: 5px 0 0;
    }
    .footer-subscription-section div.wpcf7 .ajax-loader{
        font-size: 11px;
    }

    .footer-cols-section {
        border-top: 1px solid #5b5b5b;
        margin: 0 15px;
        padding: 28px 0 0;
        right: 0;
        text-align: left;
        width: calc(100% - 30px);
    }
    .footer-col{
        border-bottom: 1px solid #5b5b5b;
        margin-bottom: 28px !important;
        max-width: none;
        padding-bottom: 20px;
        width: 100%;
    }
    .footer-col-title {
        font-size: 12px;
        margin-bottom: 23px;
    }
    .footer-col .footer-menu a {
        font-size: 12px;
        margin-bottom: 3px;
    }
    .footer-col .footer-menu a:after{
        background: #5b5b5b;
    }
    .footer-col:last-of-type {
        border-bottom: none;
    }
    .footer-info-section{
        padding: 0 0 10px 0;
    }
    .footer-info-socials{     
        margin: -6px 0 0 8px;
        text-align: left;
        width: calc(100% - 30px);
    }
    .footer-socials a {
        margin: 0;
    }
    .footer-socials .fa-instagram {
        font-size: 17px;
    }
    .footer-socials .fa-pinterest-p,
    .footer-socials .fa-youtube{
        left: 0;
    }

    .footer-socials a:nth-of-type(2){
        margin: 0 7px;
    }
    .footer-socials a:nth-of-type(4){
        margin-right: 7px;
    }

    .footer-info-menu{
        padding: 12px 0 12px 15px;
        text-align: left;
    }
    .footer-info-menu a {
        font-size: 12px;
        margin-bottom: 5px;
    }
    .footer-info-section .footer-menu li {
        margin: 0 26px 0 0;
    }
    .footer-description-section-inner{
        margin-bottom: 40px;
        padding: 0 20px;
    }
    
/*------------------------------- Breadcrumbs 640 --------------------------------*/
    .single-product .breadcrumbs, .single-exhibit .breadcrumbs{
        font-size: 12px;
        letter-spacing: 0.02em;
    }
    .single-exhibit .breadcrumbs{
        line-height: 23px;
        margin-top: 23px;
    }

/*------------------------------- Tiles 640 --------------------------------*/

    .tile-title .designer-name {
        font-size: 10px;
        letter-spacing: 0.03em;
    }
    .tile-title .item-name{
        font-size: 14px;
        line-height: 1.3em;
        max-height: 2.6em;
    }

/*------------------------------- Buttons 640 --------------------------------*/

    .button a, 
    .button > span, 
    .wpcf7 input[type=submit], 
    .woocommerce-account input[type=submit], 
    .woocommerce-account button[type=submit],
    .wc-proceed-to-checkout a,
    .main input[type="submit"].cart-login-submit{
        border-radius: 40px;
        font-size: 10px;
        height: 40px;
        line-height: 38px;
        width: 200px;
    }

    /*------------ Black Full Width Button 640 -------------*/ 
    .single-product input[type=submit],
    .product-to-cart-section-button a,
    .single-product .split-section .button a,
    .page-template-template-print-landing .publication-section-button a,
    .page-template-template-print-landing .split-section .button a,
    .page-template-template-print-book .split-section .button a,
    .wc-proceed-to-checkout a,
    .main input[type="submit"].cart-login-submit,
    #cfw-thank-you-action a,
    .in-magazine-button a{
        background-color: #202020;
        border-color: #202020;
        border-radius: 40px;
        color: #fff;
        font-size: 10px;
        height: 40px;
        line-height: 38px;
        width: 100%;
    }

/*------------------------------- Subscription Form 640 --------------------------------*/
 
    .subscription-form-form .omFormC7{
        border-radius: 30px;
        height: 31px;
    }
    .subscription-form-form .omEmail{
        width: calc(100% - 35px);
    }
    .subscription-form-form .omSub {
        width: 34px;
    }
    .subscription-form-form .omEmail input,
    .subscription-form-form .omSub input{
        height: 30px;
        line-height: 30px;
    }
    .subscription-form-form .omEmail input{
        letter-spacing: 0;
    }
    .subscription-form-form .omSub input{
        background-size: 10px;
        min-width: 0;
        width: 20px;
    }
    .subscription-form-form div.wpcf7-response-output{
        font-size: 12px;
        margin: 1em auto 0;
        padding: 0 1em;
    }
    .subscription-form-form div.wpcf7 .ajax-loader {
        background-color: rgba(255,255,255,0.5);
        font-size: 10px;
        height: 100%;
        line-height: 30px;
    }

/*------------------------------- 2.5. Slider 640 --------------------------------*/
    .marketplace-slider .slick-arrow, 
    .product-slider .slick-arrow {
        height: 25px;
        width: 25px;
    }
    .marketplace-slider .slick-prev {
        left: 9px;
    }
    .marketplace-slider .slick-next {
        right: 9px;
    }

/*------------------------------- 6.2. Double Thumb Section --------------------------------*/
    .publication-latest-issue-section .wrapper{
        margin-bottom: 45px;
        padding-bottom: 45px;
    }

/*------------------------------- 9. Profile Posts 640 --------------------------------*/
    .profile-text-content-col .compound-title{
        top: 0;
    }
    .profile-content .post-subtitle {
        font-size: 12px;
        letter-spacing: 0.01em;
    }
    .profile-content .post-subtitle div{
        margin-right: 1.8em;
    }
    .profile-content .post-title {
        font-size: 30px;
        line-height: 1.15;
        margin: 19px 0 1.27em;
    }
    .profile-content-section{
        padding-bottom: 9px;
    }
    .profile-content-row{
        margin-bottom: 30px;
        padding-top: 23px;
    }
    .profile-text-content {
        font-size: 14px;
        letter-spacing: 0.01em;
        line-height: 22px;
        margin-top: 41px;
    }
    .profile-content .post-designer:after {
        right: -1.8em;
        top: 0.4em;
    }
    .profile-text-content,
    .profile-image-content-col,
    .profile-text-content-col{
        float: none !important;
        width: 100%;
    }
    .profile-image-block{
        margin: 0 auto;
        width: 87%;
    }
    .profile-contact {
        margin-top: 36px;
    }
    .profile-contact a {
        display: block;
        margin-bottom: 3px;
        margin-right: 0;
    }
    .profile-contact a:after{
        display: none;
    }
    .profile-section-title {
        line-height: 1.6;
        margin: 40px 0;
    }
    .profile-featured-project-archives .tile-title .item-name{
        font-size: 14px;
    }
    .profile-featured-project-archives .tile {
        margin-bottom: 27px;
    }
    .profile-text-content.cropped .designer-summary-wrapper {
        height: 7.8em !important;
    }

/*------------------------------- 10. Gallery Posts 640 --------------------------------*/
 
    .article-body .featured-image{
        padding-bottom: 250px;
    }
    .credits-section {
        margin-bottom: 36px;
    }
    .credits-section .archive-subcategory {
        display: block;
        line-height: 1.4;
        margin-right: 0;
        padding: 0;
        text-align: center;
    }
    .credits-section .archive-subcategory:after{
        display: none;
    }
    .gallery-button a {
        width: 200px;
    }
    .single-tlp_gallery .category-top-section > .wrapper {
        padding-bottom: 45px;    
        padding-top: 29px;
    }
    .gallery-description-wrapper{
        margin: 40px 0;
    }
    .gallery-description-wrapper p,
    .gallery-description-wrapper .post-quote {
        font-size: 14px;
        letter-spacing: 0.01em;
        line-height: 1.6;
    }
    .gallery-description-wrapper p{
        margin-bottom: 1.6em;
    }
    .gallery-description-wrapper a{
        border-bottom: 1px solid;
        line-height: 1.3;
    }
    .gallery-description-wrapper a:after{
        display: none;
    }
    .single-tlp_gallery .post-content-section,
    .post-content-section > div:not(:last-of-type):not(.content-within-display){
        margin-bottom: 17px;
    }
    .image-set-col-half{
        width: calc(50% - 12px);
    }
    .adjacent-gallery {
        margin-bottom: -22px;
        margin-top: 29px;
    }
    .single-tlp_gallery .post-adjacent-link-wrapper:first-of-type {
        display: none;
    }
    .single-tlp_gallery .post-adjacent-link-wrapper:last-of-type {
        width: 100%;
    }
    .post-adjacent-link-wrapper{
        padding: 42px 0;
    }
    .post-adjacent-title{
        margin-top: 43px;
    }
    .post-adjacent-link-wrapper .image-set-container{
        margin: 24px auto 0;
    }
    .post-adjacent-link:after{
        margin-top: 31px;
    }
}

@media all and (max-width: 480px){

    .wrapper{
        width: calc(100% - 30px);
    }
    .related-products-section .wrapper{
        width: 100%;
    }

/*------------------------------- 480 Section Filters --------------------------------*/

    .archive-subcategory{
        letter-spacing: 0.01em;
        padding: 0;
    }
    .archive-subcategory:after{
        font-size: 7.4px;
        top: 0.65em;
    }

/*------------------------------- 480 Category Alphabet Filters 480 --------------------------------*/

    .category-alphabet-filter-title{
        margin-bottom: 14px;
    }
    .category-alphabet-filter-section{
        margin-bottom: 23px;
    }

/*------------------------------- Header Menu 480 --------------------------------*/
    #header-menu-wrapper, 
    header:not(.sticky-header) #header-menu-wrapper{
        width: 260px;
    }
    #header-menu-wrapper.toggled-on .header-menu-overlay, 
    header:not(.sticky-header) #header-menu-wrapper.toggled-on .header-menu-overlay {
        left: 260px;
    }

/*------------------------------- Search Section 480 --------------------------------*/

    .header-search-categories ul li{
        font-size: 24px;
    }
    .header-search-section input[type="text"] {
        font-size: 20px;
    }


/*------------------------------- 2.5. Slider 480 --------------------------------*/
    .marketplace-slider .slick-arrow, 
    .product-slider .slick-arrow {
        height: 20px;
        width: 20px;
    }

/*------------------------------- 10. Gallery Posts 480 --------------------------------*/
    .image-set-col-half {
        height: 0;
        padding-bottom: 144%;
        position: relative;
        width: 100%;
        margin-bottom: 15px;
    }
}

@media all and (max-width: 420px) {

/*------------------------------- Alphabet Filters 420 --------------------------------*/
    .letter {
        font-size: 11px;
        padding: 0 0.4em;
    }

/*------------------------------- Header 420 --------------------------------*/

/*------------------------------- Header Search Section 420 --------------------------------*/

    .header-search-categories ul li{
        font-size: 22px;
    } 
    .header-search-section input[type="text"] {
        font-size: 18px;
    }

}

@media all and (max-width: 375px) {

/*------------------------------- Category Filters 375 --------------------------------*/
    
    .archive-subcategory{
        margin-right: 2.5em;
    }

/*------------------------------- Alphabet Filters 375 --------------------------------*/
    
    .category-alphabet-filter-section {
        margin: 25px 0;
    }
    .letter{
        font-size: 11px;
    }

/*------------------------------- Header 375 --------------------------------*/

/*------------------------------- Search Section 375 --------------------------------*/

    .header-search-categories h4 {
        margin: 40px 0 30px;
    }
    .header-category-menu-toggle {
        right: -5px;
    }
    .header-search-categories ul li{
        font-size: 20px;
    } 
    .header-search-section input[type="text"] {
        font-size: 16px;
    }
}

@media all and (max-width: 360px){

/*------------------------------- Search Section 360 --------------------------------*/

    .header-search-categories ul li{
        font-size: 18px;
    } 
    .header-search-section input[type="text"] {
        font-size: 15px;
    }
}

@media all and (max-width: 320px){

/*------------------------------- Search Section 320 --------------------------------*/

    .header-search-categories ul li{
        font-size: 16px;
    } 
    .header-search-section input[type="text"] {
        font-size: 13px;
    }

}


/*------------ Thank you page -------------*/ 

.woocommerce-order-received .woocommerce-order {
    max-width: 1000px;
    margin: 0 auto;
}
.woocommerce-order-received .woocommerce-thankyou-order-received{
    font-family: "Unica", sans-serif;
    font-size: 30px;
    font-weight: 300;
    margin: 90px 0;
    text-align: center;
}
.woocommerce-order-received .woocommerce ul.order_details{
    margin: 0;
}
.woocommerce-order-received .woocommerce ul.order_details li{
    border-right: 0;
    font-family: "Unica", sans-serif;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 50px;
    margin-right: 0;
    padding-right: 4em;
    text-transform: none;
}
.woocommerce-order-received .woocommerce ul.order_details li strong{
    font-size: 15px;
    font-weight: 300;
    padding: 50px 0 0;
}
.woocommerce-order-received .woocommerce-order > p:not(:first-of-type),
.woocommerce-order-received .woocommerce-order-details{
    font-family: "Unica", sans-serif;
    font-size: 16px;
    font-weight: 300;
}
.woocommerce-order-received .woocommerce-order > p:not(:first-of-type){
    margin-bottom: 35px;
}
.woocommerce-order-received .woocommerce-Address address {
    font-size: 16px;
    line-height: 1.45em;
}
.woocommerce-order-received .woocommerce-Address {
    margin-bottom: 9%;
}
.woocommerce-order-received .order-details-title{
    font-size: 26px;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 26px;
}
.woocommerce-order-received .wc-order-review-section{
    border-bottom: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    line-height: 24px;
    margin: 35px 0 74px;
    overflow: hidden;
    padding: 35px 0;
    width: 100%;
}
.woocommerce-checkout-review-order-table{
    overflow: hidden;
}
.woocommerce-order-received .woocommerce-checkout-review-order-table .product-name,
.woocommerce-order-received .order-review-subtotal-label,
.woocommerce-order-received .order-review-shipping-label,
.woocommerce-order-received .order-total-label {
    clear: both;
    float: left;
}
.woocommerce-order-received .woocommerce-checkout-review-order-table .product-total,
.woocommerce-order-received .order-review-subtotal-price,
.woocommerce-order-received .order-review-shipping-price,
.woocommerce-order-received .order-total-price {
    float: right;
}
#cfw-thank-you-action{
    display: block;
    margin: 80px auto;
    text-align: center;
}

@media all and (max-width: 768px){
    .woocommerce-order-received .woocommerce-thankyou-order-received {
        font-size: 22px;
        line-height: 28px;
        margin: 60px 0;
    }
    .woocommerce-order-received .woocommerce ul.order_details li strong {
        padding: 10px 0 0;
    }
    .woocommerce-order-received .woocommerce ul.order_details li{
        clear: both;
        margin-bottom: 30px;
        padding-right: 2em;
    }
    .woocommerce-order-received .woocommerce-Address {
        margin-bottom: 50px;
    }
    .woocommerce-order-received .woocommerce-order > p:not(:first-of-type), 
    .woocommerce-order-received .woocommerce-order-details,
    .woocommerce-order-received .woocommerce-Address address,
    .woocommerce-order-received .woocommerce ul.order_details li{
        font-size: 14px;
    }
    .woocommerce-order-received .woocommerce-Address {
        margin-bottom: 37px;
    }
    .woocommerce-order-received .order-details-title{
        margin-bottom: 20px;
    }
    .woocommerce-order-received .wc-order-review-section{
        margin: 28px 0;
        padding: 22px 0;
    }
    #cfw-thank-you-action{
        margin: 54px auto;
    }
    .woocommerce-order-received .woocommerce-order > p:not(:first-of-type) {
        margin-bottom: 30px;
    }
}


/*------------ Print styles -------------*/ 

@media print{

    @page { margin: 1cm 0 }
    @page :first { margin-top: 0 }

    /* Defining all page breaks */
    a {
    page-break-inside:avoid
    }
    blockquote {
    page-break-inside: avoid;
    }
    h1, h2, h3, h4, h5, h6 { page-break-after:avoid; 
    page-break-inside:avoid }
    img { page-break-inside:avoid; 
    page-break-after:avoid; }
    table, pre { page-break-inside:avoid }
    ul, ol, dl  { page-break-before:avoid }

    .tile,
    .featured-post-section {
    page-break-inside: avoid;
    }

    /* Displaying link color and link behaviour */
    a {
    page-break-inside:avoid
    }
    a[href^=http]:after {
    content:"";
    }
    $a:after > img {
    content: "";
    }
    article a[href^="#"]:after {
    content: "";
    }
    a:not(:local-link):after {
    content:"";
    }

    /**
    * Making intergated videos disappear, and removing the iframes' whitespace to zero. 
    */
    .entry iframe, ins {
    display: none;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    line-height: 0pt !important;
    white-space: nowrap;
    }
    .embed-youtube, .embed-responsive {
    position: absolute;
    height: 0;
    overflow: hidden;
    }

    /* Hiding unnecessary elements for the print */

    .sticky-header{
        position: static !important;
    }
    .main{
        padding-top: 0 !important;
    }
    .grecaptcha-badge,
    footer,
    .footer-proxy{
        display: none;
    }
}