/*
 Theme Name:   Haberdashery Child
 Theme URI:    http://haberdashery.mbt/haberdashery-child/
 Description:  Haberdashery Child Theme
 Author:       Mindblazetech
 Author URI:   http://www.mindblaze.net/
 Template:     haberdashery
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  haberdashery-child
*/

@import url("../haberdashery/css/theme.css");

/*************CSS Variables**************/
:root {
    /* Colors */
    --color-bg: #ECECE6;
    --color-text-dark: #5B5754;
    --color-text-secondary: #5B5754;
    --color-text-muted: #7d7d7d;
    --color-text-light: #818181;
    --color-text-nav: #494732;
    --color-text-footer: #666666;
    --color-black: #000;
    --color-white: #fff;
    --color-heading-link: #333333;
    --color-accent: #C76F52;
    --color-highlight: rgba(255, 239, 91, 0.5);
    --color-highlight-solid: rgba(255, 240, 92, 1);
    --color-btn-bg: #303034;
    --color-btn-hover-bg: #FFEF5B;
    --color-img-placeholder: #d0d0d0;
    --color-edit-btn: #e2e2e2;
    --color-edit-btn-text: #4c4c4c;
    --color-slider-bullet: #FFF05C;
    --color-primary-orange: #C76F52;

    /* Fonts */
    --font-primary: "raleway", sans-serif;
    --font-calibre: 'CalibreWeb-Regular';
    --font-calibre-italic: 'CalibreWeb-RegularItalic';
    --font-tiempos-medium: 'TiemposTextWeb-Medium';
    --font-tiempos-regular: 'TiemposTextWeb-Regular';

    /* Font Sizes */
    --font-size-xs: 11px;
    --font-size-sm: 14px;
    --font-size-base: 16px;
    --font-size-md: 18px;
    --font-size-lg: 20px;
    --font-size-xl: 22px;
    --font-size-sm-15px: 15px;
    --font-size-h1-mobile: 23px;    
    --font-size-xxl: 24px;
    --font-size-h3: 26px;
    --font-size-slider-mobile: 36px;
    --font-size-slider-large: 48px;

    /* Spacing */
    --spacing-xs: 10px;
    --spacing-sm: 15px;
    --spacing-md: 20px;
    --spacing-lg: 24px;
    --spacing-lg-1: 1;
    --font-size-xxl-23px: 23px;
    --spacing-xl: 36px;
    --spacing-xxl: 40px;
    --spacing-section: 60px;

    /* Header */
    --header-height: 100px;
    --header-height-sticky: 60px;
    --header-padding-top: 40px;
    --header-padding-sticky: 17px;
    --header-mobile-height: 60px;
    --header-mobile-padding: 13px;

    /* Container */
    --container-padding-x: 60px;
    --container-padding-x-mobile: 20px;

    /* Shadows */
    --shadow-menu: 0px 1px 40px 2px rgba(0, 0, 0, 0.05);

    /* Transitions */
    --transition-default: all 0.5s ease;
    --transition-nav: all 0.6s ease-in-out;
    --transition-hover: 0.6s ease-in-out;
    --transition-underline: 0.35s linear;

    /* Letter Spacing */
    --letter-spacing-xl: 1.8px;
    --letter-spacing-xl-m: 0.5px;
}

/********configure the fonts family***************/
@font-face{font-family:'CalibreWeb-Regular';src:url(fonts/CalibreWeb-Regular.woff2) format("woff2"),url(fonts/CalibreWeb-Regular.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:'CalibreWeb-RegularItalic';src:url(fonts/CalibreWeb-RegularItalic.woff2) format("woff2"),url(fonts/CalibreWeb-RegularItalic.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:'TiemposTextWeb-Medium';src:url(fonts/TiemposTextWeb-Medium.woff2) format("woff2"),url(fonts/TiemposTextWeb-Medium.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:'TiemposTextWeb-Regular';src:url(fonts/TiemposTextWeb-Regular.woff2) format("woff2"),url(fonts/TiemposTextWeb-Regular.woff) format("woff");font-weight:400;font-style:normal}
body{font-family:var(--font-tiempos-medium)}
html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; }
.full-height-remove,body.single-work{height:100%;}
.full-height-remove footer#footer{ position: static; }
/*********General  Site styles*********/

h3{

    font-family: var(--font-primary);
    font-weight: 600;
    font-style: normal;
    font-size: var(--font-size-h3); letter-spacing: 0.2px; line-height: 33.6px; color: var(--color-text-secondary);}
h4{
    
     font-size: var(--font-size-xxl); line-height: 37px; color: var(--color-text-muted);}
p{
     font-size: var(--font-size-base);line-height: 24px; color:var(--color-text-muted); }
p a{ font-family: inherit; font-size: inherit;color: var(--color-text-dark); position: relative;}
a:hover{color:var(--color-black); text-decoration: none;}
h3 a {color: var(--color-heading-link); padding-bottom: 1px; border-bottom: solid 1px var(--color-heading-link);}
h3 a:hover {color: var(--color-heading-link);}
/*********General  Site styles with Class Name*********/
p.info-window{ 
    font-size: var(--font-size-base);
    line-height: 145%;
     letter-spacing: 0.8px;
     }
h4.collection{font-family: var(--font-tiempos-medium); font-size: var(--font-size-xxl); line-height: 37px; color: var(--color-text-dark);}
h4 span.highlight,span.highlight{ position: relative; display: inline-block;}
h4 span.highlight:before,span.highlight:before{    background: var(--color-highlight);content: '';position: absolute;width: 100%;height: 14px;bottom: 1px;}
h4.collection span.highlight{font-family: var(--font-tiempos-medium);font-size: var(--font-size-sm); color: var(--color-highlight);}
span.caption{ 
    font-size: var(--font-size-base);
    line-height: 145%;
       color: var(--color-text-dark);
    letter-spacing: 0.8px;
    
    }
.container-fluid {padding-left: var(--container-padding-x); padding-right: var(--container-padding-x);}
/*********Header styles*********/
header{ height: var(--header-height);  padding-top: var(--header-padding-top); width: 100%; position: fixed;top: 0px; left: 0px; z-index: 99999; 
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);	
    -webkit-transition: var(--transition-default);
    -moz-transition: var(--transition-default);
    -ms-transition: var(--transition-default);
    transition: var(--transition-default);
}
header .logo { text-align: center; }
.logo img{ max-height: 25px;  }
.pos-rel{ position: relative;}.menu-toggle-right.open span:nth-child(1)
.hamburger-icon{ position: absolute; left: 15px; top: 0px;}
.menu-toggle-right {
    width: 30px;
    position: relative;margin: 0px auto;
    -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .7s ease-in-out;-moz-transition: .7s ease-in-out;-o-transition: .7s ease-in-out;transition: .7s ease-in-out;cursor: pointer;display: inline-block;}
/*.home .menu-toggle-right span{background: #fff;}*/
.menu-toggle-right span {display: block;position: absolute;height: 2px;background:var(--color-text-secondary);border-radius: 1px;opacity: 1;right: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;width: 22px;opacity: 0.9;

}
.menu-toggle-right span:nth-child(1) {top: 0;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.menu-toggle-right span:nth-child(2) {top: 9px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.menu-toggle-right span:nth-child(3){top:18px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.menu-toggle-right.open span:nth-child(1){-webkit-transform:rotate(48deg);-moz-transform:rotate(48deg);-o-transform:rotate(48deg);transform:rotate(48deg);top:0px;left:8px}
.menu-toggle-right.open span:nth-child(2){width:0;opacity:0}
.menu-toggle-right.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:39px;top:16px;left:8px}
/*.home-page-logo{display:none}*/
/*.home .all-page-logo{display:none}*/
/*.home .home-page-logo{display:inline-block}*/
.header-sticky{
    /* height:var(--header-height-sticky);background:var(--color-white);padding-top:var(--header-padding-sticky) */
}
.header-sticky .hamburger-icon {
    /* top: 4px; */
}
/*.home .subpage-crumbs{display:none}*/
.subpage-crumbs{position:absolute;right:15px;top:0}
.subpage-crumbs a{font-size:var(--font-size-base);letter-spacing:.4px;line-height:22px;color:var(--color-text-light);position:relative;}
.subpage-crumbs a:first-child{margin-right:10px;}
.subpage-crumbs a:hover{text-decoration: none;}
.single-work .subpage-crumbs a:first-child{margin-right:30px;}
body{padding-top:80px}
body.header-sticky-active{padding-top:60px}


#header .go-back-cross{

    /* background-image:url(images/close_button.png); width:20px; height:20px; background-size: 20px 20px; top: 4px; */

}
#header.background--dark:not(.header-sticky) .icon-bar{background-color:#ffffff;}
#header.background--dark:not(.header-sticky) .menu-toggle-right.open .icon-bar{background-color:#000000;}
#header.background--dark:not(.header-sticky) .slide-title p{color:#ffffff;}
#header.background--dark:not(.header-sticky) .info-layer-handler{color:#ffffff;}
#header.background--dark:not(.header-sticky) .go-back-cross{
    /* background-image:url(images/close_button_white.png); */
}


#header .go-back-cross{
        font-family: var(--font-primary);
    font-size: var(--font-size-sm);
    font-weight: 400;
    letter-spacing: 1px;
}
#header.background--dark:not(.header-sticky) .go-back-cross{
    color:#ffffff;
}

/*************Home Page Background Video**************/
.home.page #overlay{background-color:rgba(0,0,0,0);height:100%;left:0;position:absolute;top:0;transition:background-color 300ms ease;width:100%;overflow:hidden}
.home.page #video-wrap{position:fixed;top:-50%;left:-50%;width:200%;height:200%}
.home.page video{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;min-height:50%;min-width:50%}

/*************Main Navigation**************/

.menu-banner-container{position:fixed;left:-100px;top:0;height:100%;width:50%;background:#000;z-index:999;width:0;background:#D0CCC7;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;transform:translate3d(0,0,0);-webkit-box-shadow:0px 1px 40px 2px rgba(0,0,0,0.05);box-shadow:0px 1px 40px 2px rgba(0,0,0,0.05)}
.table-div{display:table;width:100%;table-layout:fixed;float:none;height:100%;text-align:left;overflow-y:scroll;box-sizing:content-box}
.navbar-nav{margin:0}
.table-div .main-navigation{position:fixed;top:50%;transform:translateY(-50%);left:20px;}
.table-div .main-navigation ul{padding:0;margin-bottom:0}
.table-div .main-navigation ul li{list-style:none;margin-bottom:20px;}
body.toggled-right .menu-banner-container{margin-left:100px;width:450px;transform:translate3d(0,0,0)}
.toggled-right .menu-toggle-right span{color:var(--color-black);background:var(--color-text-secondary)}

/*************Nav Styles**************/
.table-div .main-navigation ul li a{color:var(--color-text-nav);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:400;line-height:1;text-align:left; position: relative; letter-spacing: 1px;}
.table-div .main-navigation ul li.bold-element a{color:var(--color-black)}
.table-div .main-navigation ul li a:hover{text-decoration:none}
.table-div .main-navigation ul li{position:relative}
.table-div .main-navigation ul li.b-dot:after{content:'';position:absolute;height:6px;width:6px;border-radius:6px;background:var(--color-black);display:block;text-align:center;margin-left:auto;margin-right:auto;left:0;right:0;bottom:0}
li.b-dot{margin-bottom:18px;padding-bottom:25px}
.toggled-right header#header{
            background: var(--color-bg-navigation);
            box-shadow: var(--shadow-none);
}

/*************Home Footer Remove**************/
.home #footer{ 
    /* display: none; */
 }
/*************Home Page Styles**************/
.h-100{height:100%}
.d-flex {display:-webkit-box;display:-ms-flexbox;display:flex;}
.pos-rel{position:relative}
.home-page-cnt{position:absolute;z-index:1;margin-left:auto;margin-right:auto;left:0;right:0;text-align:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;}
.haberdashey-logo{margin-top:-37px}
.haberdashey-logo img{max-height:90px}
.home-page-menu{display:none;}
.home-page-menu ul{list-style:none;padding-left:0;margin-bottom:0}
.home-page-menu ul li{list-style:none;display:inline-block}
.home-page-menu ul li:first-child{margin-right:7rem}
.home-page-menu ul li:nth-child(2){margin-left:7rem}
.home-page-menu ul li a{color:var(--color-white);font-family:var(--font-tiempos-medium);font-size:var(--font-size-slider-large);font-weight:500;letter-spacing:.5px;line-height:48px;text-align:center}
.home-page-menu ul li a:hover{text-decoration:none}

/*************Philosophy page Style **************/
.top-tabs-links{text-align:center;margin-bottom:64px;margin-top:10px}
.top-tabs-links a{color:var(--color-text-light);font-size:var(--font-size-base);letter-spacing:.4px;line-height:21px;display:inline-block;margin-left:8px;margin-right:8px;position:relative;}
.top-tabs-links a:hover{text-decoration:none;}
.top-tabs-links a.active-link{color:var(--color-black);}
.col-sm-6-custom{width:50%;float:left;}
.left-section.with-text{padding-right:6.5rem;}
.philosophy-page-container{margin-bottom:85px;}
.philosophy-page-container h3{
    margin-bottom:20px;margin-top:0px;letter-spacing: 1px;
    color: var(--color-text-secondary);
    }
    .philosophy-page-container p{
        letter-spacing: var(--letter-spacing-md, 0.8px);
    }
.right-section.with-text{padding-left:3.6rem;}
.philosophy-page-container .row-full:first-child .left-section h3{margin-top:0;}
.clients-list-area h3{margin-top:55px;} 
.clients-list-area ul{padding-left:0; margin-bottom:0;}
.clients-list-area ul li{list-style:none;color:var(--color-text-light);font-size:var(--font-size-base);font-weight:300;letter-spacing:.2px;line-height:24px;font-family:var(--font-calibre)}
.list-philo {margin-top: 60px;}
.mt-0 {margin-top: 0px;}
.list-philo p+ p{margin-top:20px}

/*************Philosophy page VIMEO VIDEO **************/
.video-tb{position:relative}
.bkgd-image-style{position:relative;width:100%}
.video-wrapper{width:49.6%;position:absolute;top:0;height:auto}
a.play-pause-button{width:50px;height:50px}
.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}
iframe #player .controls-wrapper{display:none}
.video-control{opacity:0;position:absolute;width:22.5%;height:40%;top:31%;left:38%;transition:opacity .3s}
.video-control:hover{opacity:1}
.video-control:before,.video-control:after{content:'';width:100%;height:100%;max-width:131px;background-repeat:no-repeat;background-size:100%;display:block;position:absolute}
.video-control-show{opacity:1}
.audio-control{opacity:1;position:absolute;width:6%;height:9%;bottom:3%;left:2%;transition:opacity .3s}
.audio-control:hover{opacity:1}
.audio-control:before,.audio-control:after{position:absolute;content:'';width:100%;height:100%;max-width:36px;background-repeat:no-repeat;background-size:100%;display:block}
.audio-control:before{background-position:-1% -2%;background-size:254%}
.audio-control:after{background-position:69% -1%;background-size:254%}
.audio-control.unmuted:after,.audio-control.muted:before{opacity:0}
.video-control{width:65px;height:65px;top:50%;left:50%;left:0;right:0;margin-left:auto;margin-right:auto;margin-top:-32px}
.video-control.paused{background:url(images/play_button.png);background-size:cover}
.video-control.playing{background:url(images/pause.png);background-size:cover}
.video-wrapper1{position:relative;}
.video-wrapper1:hover .video-control{opacity:1}
.title-wrapper{text-align:center;margin:3% 0;font-size:2.5vw}

/*Footer styles*/
.wrapper#wrapper-footer{padding-top:20px;}
/*.site-footer-inner.cf {padding-left: 25px;padding-right: 25px;}*/
.site-footer-inner p{   color: var(--color-text-footer);   font-size: var(--font-size-xs);    font-weight: 300;   letter-spacing: 1px;    line-height: 14px;  text-align: right; padding-bottom: var(--spacing-md);}
.site-footer-inner p a{  color: var(--color-text-footer);}

/*Press styles*/
.press-page-container{margin-bottom:85px;}
.press-text{color: var(--color-text-dark);font-family: var(--font-tiempos-medium);   font-size: var(--font-size-base); letter-spacing: 0.2px;  line-height: 21px;  text-align: center;position: relative;top: 6px;}
.box-press:hover a{ text-decoration: none; }

/*Contact Us Page*/
.box-cnt{ margin-bottom:36px;}
.mb-60{margin-bottom:60px;}
.social-links a{  display: inline-block; max-width: 25px; margin-right: 12px; }
.social-links a img{max-height: 20px;}
.contact-page-container h3{ margin-bottom: 17px; }
/*Stocklists styles*/
.stocklists-page-container{margin-bottom: 20px;}
.stocklist h3,h5{
    margin-top: var(--spacing-md);
    margin-bottom: 25px;
    font-size: var(--font-size-md);
    line-height: var(--spacing-lg);
    letter-spacing: var(--letter-spacing-lg, 1px);
    font-weight: var(--font-weight-semibold, 600);
}

/* Newsletter Subscription - link to external form 29/03/2020 */

.newsletter_subscription_button input {
    display: block;
    width: 100%;
    padding: 8px 0;
    text-indent: 2%;
}

.newsletter_subscription_button{
	border: 0 none;
	transition: all 0.23s ease-in-out 0s;
	color: var(--color-white);
	cursor: pointer;
	
	font-size: var(--font-size-sm);
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
	background: var(--color-btn-bg)!important;
    border-radius: 0!important;
    width: 96%!important;
    height: 50px!important;
    margin: 10px 0 10px 0!important;
    border-radius: 0px!important;
}

.newsletter_subscription_button:hover {
    color: var(--color-btn-bg) !important;
    background: var(--color-btn-hover-bg) !important;
}

/* END - Newsletter Subscription - link to external form 29/03/2020 */


/*Newsletter Form*/
#mc_embed_signup {font-family: var(--font-calibre)!important; font-size: var(--font-size-base)!important; line-height: 24px!important}
#mc_embed_signup form {margin-top: 0px; padding: 0!important;}
.mc-field-group{padding-bottom:0!important;}
.email {border:none!important; border-radius:0!important; background:rgba(235,235,235,0.6); width: 100%; height:50px; text-indent: 17px!important;}
label {display: block;}
.button {background: var(--color-btn-bg)!important; border-radius: 0!important; width: 100%!important; height: 50px!important; margin:20px 0 20px 0!important; }
.button:hover {color: var(--color-btn-bg)!important; background: var(--color-btn-hover-bg)!important;}
.content__gdprLegal p{margin-bottom: 0;}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {margin: 10px 0 0!important; padding: 0!important;}
#mc_embed_signup input {border-radius: 0px!important;}
#mc_embed_signup #mce-success-response {color: var(--color-black)!important;}
#mc_embed_signup div#mce-responses {top: 0 !important; padding: 0 !important; width: 100% !important; margin:0 !important;}
#mc_embed_signup div.response {margin: 0 !important; padding: 0 !important; width: 100% !important; font-weight: normal !important; line-height: 160% !important;}
#mc_embed_signup input:focus {outline: none;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px rgba(245,245,245) inset;
}

/*********Work  styles*********/
.work-pagetop-container{margin-top:40px;}

.work-pagetop-container a:hover{text-decoration:none}
.work-sculpture-container{margin-bottom:0px;    margin-top: var(--spacing-xxl);}

.work-sculpture-container a:hover{text-decoration:none}
.singlepage-container-mbt .logo{display:none}
.singlepage-container-mbt .hide-single{display:none}
.slide-title,.info-layer{display:none}
.singlepage-container-mbt .slide-title,.singlepage-container-mbt .info-layer{display:inline-block}
.tp-caption{font-family:var(--font-tiempos-medium)!important;font-weight:500!important;letter-spacing:.42px!important;line-height:90px!important}
.slide-title p{
    margin-bottom:0;
    text-align:center;

    color: var(--color-text-dark);
    font-size: var(--font-size-md);
    letter-spacing: var(--letter-spacing-lg, 1px);
    line-height: var(--spacing-lg-1);
    
    font-weight: var(--font-weight-semibold, 600);

}
.info-layer a{
     
    color: var(--color-text-dark);
}
.info-layer a:hover{text-decoration:none}
.caption-detail{margin-top:10px;
    margin-bottom:var(--spacing-xxl);}
.slider-single{padding-left:40px;padding-right:40px}
.pt-60{padding-top:60px;}
.pb-60{padding-bottom:60px;}
.intro-statement{text-align:center;padding-top:68px;padding-bottom:76px;}
.intro-statement h3{margin-bottom: 24px;}
.intro-statement p{margin-bottom:0;}
.box-option-mbt h5
,.work-sculpture-container h4
{
    color: var(--color-text-dark);
    font-size: var(--font-size-md);
    letter-spacing: var(--letter-spacing-lg, 1px);
    line-height: var(--spacing-lg);
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-xxl);
    font-weight: var(--font-weight-semibold, 600);
}
.work-sculpture-container h4{
    color: var(--color-btn-bg);
    
}
.coll-category{margin-bottom:29px;     margin-top: var(--spacing-xxl);}
.coll-category a:hover{text-decoration:none}
.hermes .tp-bullet{background-color:#fff}
.hermes .tp-bullet.selected,.hermes .tp-bullet.selected:after{background-color:var(--color-highlight-solid)}
.feature-img{margin-left:60px;margin-right:60px}
.category-name,.singlepage-category .logo,.category-page-show{display:none}
.singlepage-category .category-name{display:block}
.category-name p{margin-bottom:0;color:var(--color-black);font-family:var(--font-tiempos-medium);font-size:var(--font-size-xxl);font-weight:500;letter-spacing:.2px;text-align:center}
.work-img,.sculpture-img,.load-img{background:var(--color-img-placeholder)}
.singlepage-category .category-page-show{display:block}
.singlepage-category .category-page-show a{color:var(--color-text-dark);line-height:21px}
.singlepage-category .subpage-crumbs > a{display:none}
/*.mt-40{margin-top:40px}*/
/*.mb-36{margin-bottom:36px}*/
.seprator{position:absolute;bottom:0;left:0}
.collection-template p{
    position:relative;margin:0;padding-bottom:1.3rem;    letter-spacing: var(--letter-spacing-md);
}
div#slider {overflow: hidden; 
    /* margin-left: 60px; margin-right: 60px; */

        padding-left: var(--container-padding-x);
    padding-right: var(--container-padding-x);
}
/*Load More button*/
.load-more{text-align:center}
.load-more a{color:var(--color-text-dark);font-family:var(--font-tiempos-medium);font-size:var(--font-size-base);line-height:21px;text-align:center;text-decoration:underline}
#loading_ajax_post img{padding-top:223px;padding-bottom:30px;width:170px}
span#load-more-posts{font-size:var(--font-size-sm);font-weight:500;letter-spacing:2px;text-transform:uppercase;line-height:32px;color:var(--color-black);cursor:pointer}
.infor-overlay-cnt{background:var(--color-white);position:fixed;width:100%;height:100%;top:0;left:0;right:0;padding-top:33px;z-index:99999;display:none;overflow-y:auto;}
.infor-overlay-cnt h3{text-align:center;letter-spacing: .2px;}
.infor-overlay-cnt .cross-info a img{max-width:20px}
.infor-overlay-cnt .container{margin-bottom: 60px;}
.cross-info{position:absolute;right:40px;top: 41px;}
.body-sticky-bar .cross-info{top: 24px;}
.info-body-text{text-align:center; margin-top:6rem}
.info-body-text h4{
    
    margin-bottom:var(--spacing-lg);
     
    color: var(--color-text-dark);
    font-size: var(--font-size-h3);
    letter-spacing: var(--letter-spacing-lg, 1px);
    line-height: 33.6px;
    font-weight: var(--font-weight-semibold, 600);


}
.mbt-dwn-stp a{
    /* font-size: var(--font-size-sm-14px); */
    font-weight:400;
    letter-spacing: var(--letter-spacing-lg, 1px);
    line-height:1.4;
    color:var(--color-primary-orange);
    text-decoration:none;
    position: relative;
}
.mbt-dwn-stp a:hover{text-decoration:none}
.mbt-dwn-stp a:hover:after{
    
    /* content: '';
    height: 1px;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    background: #818181;
    visibility: hidden;
    transition: 0.35s linear;
    transform: scaleX(0); */

}
body .rsUni .rsBullets{margin-top: -30px;     padding-top: 0px;}
body .rsUni .rsBullet {padding: 0px 5px;}
body .rsUni .rsBullet span{background-color: var(--color-white);}
body .rsUni .rsBullet.rsNavSelected span{    background-color: var(--color-primary-orange);}
.subpage-crumbs a.active{ color: var(--color-black); }

/********* Product Collection *********/
/*.page-template-work_collection .subpage-crumbs a:first-child{margin-right:0px;}*/


/********** Underline **********/
.top-tabs-links a:after, .subpage-crumbs a:after, .main-navigation ul li a:before {content: ''; height: 1px; position: absolute; bottom: -2px; left: 0; width: 100%; background: var(--color-text-light); visibility: hidden; transition: var(--transition-underline); transform: scaleX(0);}
.top-tabs-links a.active-link:after, .subpage-crumbs a.active:after, .main-navigation ul li.bold-element a:before{background: var(--color-black);}
.top-tabs-links a:hover:after, .subpage-crumbs a:hover:after,.main-navigation ul li a:hover:before{visibility: visible; transform: scaleX(1);}
/*.main-navigation ul li.b-dot a:before{bottom: 0px;}*/
.main-navigation ul li a:hover:before{ border-bottom: 1px solid var(--color-text-light);}
.main-navigation ul li.bold-element a:hover:before{border-bottom: 1px solid var(--color-black);}
/*Deactivate the underline animation on Work Single Info Layer*/
.info-layer a:hover:before, .info-layer a:hover:after{visibility: hidden; transform: scaleX(0);}
p a:after {content: ''; height: 1px; position: absolute; bottom: -2px; left: 0; width: 100%; background: var(--color-black); visibility: hidden; transition: var(--transition-underline); transform: scaleX(0);}
p a:hover:after {visibility: visible; transform: scaleX(1);}

/**********Thumbnail hover animation**********/
.work-link-container a:hover img, .sculpture-link-container a:hover img, .box-option-mbt:hover .load-img img {-webkit-transform:scale(1.03); -moz-transform:scale(1.03); -o-transform:scale(1.03); transform:scale(1.03);}
.work-img,.sculpture-img,.load-img {overflow: hidden;}
.work-img img, .sculpture-img img, .load-img img {width:100%; -webkit-transition: var(--transition-hover);-moz-transition: var(--transition-hover);-o-transition: var(--transition-hover);transition: var(--transition-hover);}

div.rsArrowLeft div.rsArrowIcn{background-image: url(images/ico-arrow-left-yellow.png)!important;background-position: 50% 50%!important;background-repeat: no-repeat!important;margin-top:-15px;!important}
div.rsArrowRight div.rsArrowIcn{background-image: url(images/ico-arrow-right-yellow.png)!important;background-position: 50% 50%!important;background-repeat: no-repeat!important;margin-top:-15px;!important}
.rsUni .rsArrowIcn{opacity: 1;}
.body-sticky-bar .infor-overlay-cnt{ padding-top: 15px; }
.go-back-cross img{ max-height: 20px; }
.mobile-option{ display: none;}
.single-work .cross-of-work-detail-layerInfo{ display: none;}
body .show-mobile{ display: none; }
.edit-button-class p{ margin-bottom: 0px; }

/**********Slider Text Styling**********/
.slider-centred-text-small-white {font-size:var(--font-size-xxl);color:var(--color-white);text-align:center;display:flex;justify-content:center;align-items:center;}
.slider-centred-text-small-white span{margin:0 60px;}

.slider-left-text-small-white {font-size:var(--font-size-xxl);color:var(--color-white);text-align:left;display:flex;align-items:center;}
.slider-left-text-small-white span{margin:0 60px;}

.slider-centred-text-medium-white {font-size:var(--font-size-slider-mobile);color:var(--color-white);text-align:center;display:flex;justify-content:center;align-items:center;}
.slider-centred-text-medium-white span{margin:0 60px;}

.slider-left-text-medium-white {font-size:var(--font-size-slider-mobile);color:var(--color-white);text-align:left;display:flex;align-items:center;}
.slider-left-text-medium-white span{margin:0 60px;}

.slider-centred-text-large-white {font-size:var(--font-size-slider-large);color:var(--color-white);text-align:center;display:flex;justify-content:center;align-items:center;}
.slider-centred-text-large-white span{margin: 0 60px;}

.slider-left-text-large-white {font-size:var(--font-size-slider-large);color:var(--color-white);text-align:left;display:flex;align-items:center;}
.slider-left-text-large-white span{margin:0 60px;}



html {
    position: relative;
    min-height: 100%;
    min-height: 100vh;
}


/*.home .logo a{ display: none; }*/
#loading-page {width: 100%;height: 100%;top: 0;left: 0;position: fixed;display: block;opacity: 1;background-color: var(--color-white);z-index: 9999999999;text-align: center;}
#loading-image {position: absolute;top: 50%;left: 50%;z-index: 100;margin-left: auto;margin-right: auto;left: 0;right: 0;}

.video-control{
        z-index: 99999;
            position: absolute;
}
    .right-section iframe{  z-index: 999;}
.iframe-mbt-vimeo{
        position: absolute;
    z-index: 9999;
    top: 0;
    width: 100%;
}

.single-work .iframe-mbt-vimeo{
	    z-index: 99;
}

.single-work .audio-control.js-audio-control{ display: none !important; }
.edit-button-class .btn-primary,.edit-button-class .btn-primary:hover{
    background-color: var(--color-edit-btn);
    border-color: var(--color-edit-btn);
       padding-left: 54px;
    color: var(--color-edit-btn-text);  }
.edit-button-class {
    position: absolute;
    bottom: 0px;
    z-index: 99;
}

.full-height-remove .edit-button-class {
    position: relative;
    bottom: -99px;

}
.single-work .subpage-crumbs a.info-layer-handler:before{
	    content: '';
    height: 1px;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    background: var(--color-black);
    visibility: hidden;
    transition: var(--transition-underline);
    transform: scaleX(0);
}
.single-work .subpage-crumbs a.info-layer-handler:hover:before{
    visibility: visible;
    transform: scaleX(1);	
        border-bottom: 1px solid var(--color-black);
}

#header.background--dark:not(.header-sticky) .subpage-crumbs a.info-layer-handler:before, #header.background--dark:not(.header-sticky) .subpage-crumbs a.info-layer-handler:hover:before{
        border-bottom: 1px solid var(--color-white);	
}

.single-work.layer-block {
  /*  overflow: hidden;*/
}
.no-scrollable-div.layer-block{overflow-y: inherit;}

.AdjustOverflowWidth.layer-block{ overflow: hidden; }
.hide-me{ display: none; }
.infor-overlay-cnt .justify-content-center,.infor-overlay-cnt  .cross-info{ visibility: hidden; }
.desktop-version-mbt .info-body-text{ margin-bottom:  var(--spacing-xxl);    text-align: left;    margin-top: var(--spacing-xxl);}
.desktop-version-mbt .info-body-text p:empty{ display: none; }
a.info-layer-handler{ opacity: 0; visibility: hidden; }

.toggled-right .logo-all-pages { 
    opacity: 0;
    visibility: hidden;
}

/********Media Query Start******************/
@media only screen and (min-width: 1960px) and (max-width: 2000px) {
	.menu-toggle-right span:nth-child(2){
		    height: 3px;
	}
	.menu-toggle-right span:nth-child(3){
		    height: 3px;
	}
}


@media only screen and (min-width: 769px) {
  
    .single-page-slide .royalSlider{position: absolute !important;left: 0;top: 0;right: 0;bottom: 0;height: auto!important;width: auto!important;}
    .fill {min-height: 100%;height: 100%;}
    .show-mobile{ display: none; }
}
@media only screen and (min-width: 768px) {
body{

          /* padding-bottom: 134px; */

}
footer#footer {
    /* position: absolute;
    width: 100%;
    bottom: 0; */
}
.header-sticky .hamburger-icon {    top: 4px;}
.home #header.header-sticky,.home  #header {
    /* height: 60px;
    background: transparent;
    padding-top: 40px; */
}
.cross-info{ display: none; }
.layer-block .cross-info{
    right: 60px;
    top: 40px;
    display: inline-block;

}
.body-sticky-bar.layer-block  .cross-info{
	    top: 24px;
}

}
@media only screen and (max-width: 768px) {
h3{line-height:30px;}
body{padding-top:60px}
header{padding-top:13px}
#header.header-sticky{
    /* height:50px; padding-top:13px */
}
.container-fluid {padding-left: var(--container-padding-x-mobile); padding-right: var(--container-padding-x-mobile);}
body.toggled-right .menu-banner-container{width:100%;margin-left:0;height:auto;}
.home-page-cnt{z-index:1;}
.haberdashey-logo img{max-height:45px}
.hamburger-icon{top:3px;}
.home-page-menu ul li a{font-size:36px;font-weight:500;line-height:47px;letter-spacing:.38px;}
.home-page-menu ul li{display:block}
.home-page-menu ul li:first-child{margin-right:0;margin-bottom:70px}
.home-page-menu ul li:nth-child(2){margin-left:0}
.subpage-crumbs{display:none}

header{height:60px;padding-top:13px}
.logo img{max-height:16px}
.top-tabs-links{margin-top:33px; margin-bottom:40px}
.col-sm-6-custom{width:100%;float:none!important}
.philosophy-page-container{margin-bottom:0;}
.philosophy-page-container h3{margin-bottom:7px;margin-top:24px!important}
.list-philo {margin-top: 0px;}
.left-section.with-text{padding-right:0; margin-bottom:30px;}
.right-section.with-text{padding-left:0; margin-bottom:30px;}
.clients-list-area h3{margin-top:0!important; margin-bottom:8px;}
.press-page-container{margin-bottom:0;}
.container{padding-right:20px;padding-left:20px}
.contact-page-container h3{ margin-bottom:7px;}
#mc_embed_signup form {margin-top: 16px;}
.box-cnt{margin-bottom:24px;}
.box-cont .mb-60{margin-bottom:0;}
.social-links a{margin-top: 23px;}
.work-link-container {margin-bottom: 30px;}
.work-link-container:last-of-type{margin-bottom:30px;}
.work-pagetop-container{margin-top:47px;}
.work-pagetop-container h3{line-height:42px; margin-top:10px; margin-bottom: 0;}
.work-sculpture-container{margin-bottom:0px;}

.coll-category{margin-bottom:0px;}
.feature-img{margin-left:20px;margin-right:20px}
div#slider{

}
.slider-centred-text-medium-white, .slider-left-text-medium-white, .slider-centred-text-large-white, .slider-left-text-large-white {font-size:24px;}
.intro-statement{padding-top:30px;padding-bottom:30px;}
.category-name p{font-size:16px}


.stocklist h3{line-height:30px; margin-top:30px; margin-bottom:16px;}
.stocklist p:last-child{
    /* padding-bottom:24px; */
        padding-bottom:0px;
}



/********Single Page Start******************/
#header .go-back-cross{
    top: 0px;
}
.single-work #header{
    /* height:50px; */
    /* background:var(--color-white);padding-top:var(--header-mobile-padding) */

}
.single-work .slide-title,.single-work .subpage-crumbs .info-layer-handler{display:none}
.single-work .logo{display:inline-block;position:relative;top:0px}
.single-work .subpage-crumbs{display:inline-block;right:20px}
.single-work .single-page-slide .royalSlider{position:relative;height:350px!important;}
.page-template-work_collectables .royalSlider, .page-template-work_products, .page-template-work_luxury,.page-template-work_collection, .royalSlider, .page-template-work_contemporary .royalSlider{ height:280px!important; }
body.single-work,body{padding-top:60px}
body .rsUni .rsBullets{margin-top:-35px}
.mobile-option{margin-top:15px; margin-bottom:25px;}
.mobile-option,.mobile-option .slide-title{display:block;text-align:center}
.slide-title p{font-size:16px; line-height:37px;}
.mobile-option a.info-layer-handler{font-size:var(--font-size-sm);color:var(--color-black);text-decoration:none;font-family:var(--font-tiempos-regular);display:inline-block; border-bottom: 1px var(--color-black) solid;}
.mobile-option a.info-layer-hadler:hover{text-decoration: none;}
.single-page-slide{ margin-bottom: var(--spacing-md);}
.single-work .caption-detail{

    min-height:0;margin-bottom:var(--spacing-md);        display: block;
        line-height: var(--spacing-lg-1);
}
.single-work .info-layer a.go-back-cross{line-height:12px;position:relative;top:-5px}
.single-work .infor-overlay-cnt .col-6{flex:0 0 100%;max-width:100%}
.single-work .infor-overlay-cnt{top:47px;padding-top:0}
.single-work .infor-overlay-cnt h3{font-size:16px;line-height:37px;margin-top:18px;}
.single-work.body-sticky-bar .infor-overlay-cnt{padding-top:0}
.single-work .cross-info{right:25px;top:-33px}
.single-work .info-body-text{
            margin-top: 0px;
            margin-bottom: var(--spacing-md);
}
.single-work .info-body-text h4{
    font-size: var(--font-size-md);
            line-height: 1.2;
            margin-bottom: var(--spacing-xl); 
            letter-spacing : var(--letter-spacing-xl-m);


}

.mbt-dwn-stp{margin-top:15px;}
.mbt-dwn-stp a{
    font-size: var(--font-size-sm-14px);
    margin-bottom:8px;}
body.toggled-right .menu-banner-container{z-index:999999}
header{z-index:9999999}
.toggled-right .go-back-cross{display:none!important}
.cross-of-work-detail-layerInfo img{max-height:17px}
.cross-of-work-detail-layerInfo{line-height:12px;position:relative;top:-1px}
body.toggled-right .cross-of-work-detail-layerInfo{display:none!important}
.mbt-dwn-stp .mbt-dwn-stp a{text-decoration:none;}
.hide-mobile{ display: none !important; }
/*.page-template-work_collection .subpage-crumbs{ display: inline-block;     right: 20px; }*/
body .mobile-cross{line-height: 12px;position: relative;top: 0px;}
body.toggled-right .mobile-cross{ display: none !important; } 
#large_text h3{line-height: 32px; margin-bottom: 21px;}
.page-template-work_collection .collection-template .pt-60{ padding-top: 12px; }
.page-template-work_collection .collection-template .pb-60{padding-bottom: 4px;}
 body .show-mobile.mobile-cross{ display: inline-block; }
 #header .go-back-cross {
    /* background-image: url(images/close_button.png);
    width: 17px;
    height: 17px;
    background-size: 17px 17px;
    top:3px; */
}

/* p.info-window {
        font-size: var(--font-size-sm-14px);   
} */

.singlepage-container-mbt .slide-title, .singlepage-container-mbt .info-layer {
    display: none;
}




}

@media screen and (orientation:landscape)
and (min-width: 320px) 
and (max-width: 767px) {
	.table-div .main-navigation{
	position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    max-height: 65%;
    overflow: auto;
    width: 100%;
	}
body.toggled-right{ overflow: hidden; }	
.table-div .main-navigation ul{
	margin-top: 25px;
}
header{
	background: var(--color-white);
}
}

@media only screen and (min-width: 768px) {
    .page-template-philosophy .container, .page-template-press .container, .page-template-contact .container{padding-right:42px;padding-left:42px;}
}

@media only screen and (min-width: 992px) {
    .page-template-philosophy .container, .page-template-press .container, .page-template-contact .container{padding-right:51px;padding-left:51px;}
}

@media only screen and (min-width: 1200px) {
    .page-template-philosophy .container, .page-template-press .container, .page-template-contact .container{padding-right:37px;padding-left:37px;}
}