/*
Theme Name:		 Style Curators Theme
Theme URI:		 http://pixelatedorange.com/
Description:	 Theme by Pixelated Orange
Author:			 Pixelated Orange
Author URI:		 http://pixelatedorange.com/
Template:		 twentyseventeen
Version:		 1.0
Text Domain:	 stylecurators
-------------------------------------------------------------- */

@import url("https://use.typekit.net/jfr7yhs.css");

.site-header{background-color: #ffffff!important}

.owl-dots{display: none}

/* =CUSTOM */

body{font-family: montserrat, sans-serif; }

body, p, h1, h2, h3, h4, a{color: #444444!important}

.menu-scroll-down{display: none!important}

a, a:hover{box-shadow: none!important}

.site-content-contain{margin-top:203px;}

.mc4wp-success p{text-align: center}

.site-content{max-width: 1400px; margin: 0px auto; padding: 0px 50px!important}

.open-icon{position: absolute; top: 20px; right: 20px; width: 50px; height: 50px; background-image: url('images/sc-expand.svg')}

.admin-only{display: none}

.logged-in .admin-only{display: block}

/* =FONTS */

.caslon{font-family: kings-caslon, sans-serif; font-weight: normal}

.didot{font-family: linotype-didot, serif;}

.italic{font-style: italic}

.uppercase{text-transform: uppercase}

.tac{text-align: center}

.tal{text-align: left}

.ls4{letter-spacing: 4px}

p{font-weight: 300}

.caslon p{font-weight: normal}

.pt10{padding-top:10px}



a.purchase-button{padding: 5px 30px; background-color: #000000; border: 1px solid #000000; color: #ffffff!important; display: inline-block}

a.purchase-button:hover{box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.5)!important}

/* =MISC */

.table{display: table; width: 100%; height: 100%; }

.cell{display: table-cell}

.vam{vertical-align: middle}

.ilb{display: inline-block}

.vat{vertical-align: top}

.relative{position: relative}

.absolute{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 100}

.lh0{line-height: 0px}

.w100{width: 100%}

a.shadow:hover .home-box-inner, a.shadow:hover .edit-image, a.shadow:hover .expert-image{box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.5)!important }



/* =ANIMATE */

#responsive-menu-pro a span:before, .post-thumbnail a .expert-title-block, .post-thumbnail a img, .post-thumbnail a .role, .edit-single-inner a .edit-image img, .edit-single-inner a .edit-title-block, .edit-single-inner a .edit-title-block .role, .logo-bottom, a.shadow .home-box-inner, .navigation-top, a.shadow .edit-image, a.shadow .expert-image, a.purchase-button, .testimonial-nav-item a .lh0{-webkit-transition: all 0.6s; transition: all 0.6s;}


.post-thumbnail a:hover img, .post-thumbnail a:focus img{opacity: 0.2}



/* =SIGNUP POPUP */

.boxzilla-content{font-family: montserrat, sans-serif!important}

.boxzilla-content h4{text-transform: uppercase; letter-spacing: 4px; font-weight: normal!important}

.mc-form{border: 1px solid #000000; position: relative; min-width: 400px}

.mc-form input{display: inline-block; vertical-align: middle}

.mc-form input[type=email]{width: 70%; position: relative; margin-right:30%}

.mc-form input[type=submit]{width: 30%; position: absolute; left: auto; right: 0px; width: 30%; top: 0px; bottom: 0px; text-transform: uppercase}

.mc-form input{border-radius: 0px!important; font-family: montserrat, sans-serif!important; padding: 10px!important; font-size: 14px; line-height: 16px; border: none!important}


.mc-gdpr{margin-top:20px; text-align: center}

.mc-gdpr label{font-size: 12px; font-weight: normal!important}

/* =MENU */

.logo{position: relative}

.navigation-top{position: fixed!important; left: 0px; right: 0px; top: 0px; bottom: auto; border-bottom: none; z-index: 10000; background-color: #ffffff}

.navigation-top-scroll-down{background-color: #ffffff}

.modal, #responsive-menu-pro-additional-content .menu-logo{max-width: 60px; margin: 0px auto 10px; line-height: 0!important}

.modal{position: fixed; top: 0px; left: 0px; right: 0px; background-color: #ffffff; max-width: 100%; width: 100%; text-align: center; padding-top:20px; z-index: 100}

.modal img{max-width: 60px; margin: 0px auto}

.logo-bottom{max-width: 500px; margin: 60px auto 0px; position: relative; z-index: 10}

.logo-bottom-scroll-down{margin-top: -16px; opacity: 0}


.logo a{padding: 20px; padding-bottom:14px}



#responsive-menu-pro-additional-content{position: absolute; top: 0px; bottom: auto; left: 0px; right: 0px; padding: 20px!important}



#responsive-menu-pro-wrapper{display: table!important; width: 100%!important; height: 100%!important; background-image: url('images/circle-bg.svg')!important; background-size: 600px!important; background-position: center center!important; background-repeat: no-repeat!important}

#responsive-menu-pro{display: table-cell!important; vertical-align: middle!important; text-align: center!important}


#responsive-menu-pro a{text-transform: uppercase; letter-spacing: 4px; font-size: 16px!important; color: #4b4b4b!important; position: relative}

#responsive-menu-pro a:hover{color: #000000!important}

#responsive-menu-pro a span{position: relative}

#responsive-menu-pro a span:before{content: ''; position: absolute; bottom: -5px; left: 0%; top: auto; height: 2px; background-color: #000000; right: 100%}

#responsive-menu-pro a:hover span:before, #responsive-menu-pro .current_page_item a span:before, #responsive-menu-pro .current-menu-item a span:before{right: 4px; left: 0px}



/* =FOOTER */

.footer-left{width: 65%}

.footer-right{width: 35%; text-align: right}

.site-footer{border: none!important}

.site-footer .wrap{max-width: 1400px!important; margin: 0px auto; padding: 0px 50px!important}

#menu-footer-menu{list-style: none!important; line-height: 10px}

#menu-footer-menu li{display: inline-block; margin-right: 40px; line-height: 10px}

#menu-footer-menu li a, .footer-right{text-transform: uppercase; font-size: 10px; letter-spacing: 2px}

.seen-in-image img{max-width: 250px; margin: 10px auto 20px}

.as-seen-in .bottom-t-c{font-size: 16px!important}


/* =HOME */

.home-left, .home-right, .home-left-half, .home-right-half{width: calc(50% - 10px);}

.home-right, .home-left-half:last-child{margin-left:20px}

.home-right-half:first-child{margin-right:20px}

.home-left-full, .home-right-half{margin-bottom:20px; }

.home-left-half, .home-right-full{}



.title-button{font-size: 12px; margin-top:10px}



.edit-carousel .owl-dots{display: none!important}


/* =PAGE */

.page-header{width: 100%!important; float: none!important; text-align: center!important; margin-top:50px; margin-bottom:50px}

.page-header h1{font-weight: normal!important; font-size: 18px!important; letter-spacing: 4px}



.bottom-quote-block{max-width: 900px; margin: 50px auto; padding: 0px 30px; }

.bottom-quote-block p{margin-bottom:20px; font-size: 28px; line-height: 32px}

.bottom-t-c{font-size: 14px}

.bottom-quote-block .title-button{margin-bottom:10px; font-size: 16px; font-weight: 700}


/* =LEGAL */

ol li{margin-bottom:8px; font-weight: 300; margin-left:20px}

/* =EXPERTS CATEGORY */

.post-thumbnail{margin-bottom:0px!important}

.post-type-archive-experts article.experts{float: none!important; display: inline-block; vertical-align: top; width: calc(33.333% - 20px)!important; margin: 0px 10px 20px; padding-bottom:0px!important}

.post-type-archive-experts article.experts img{width: 100%}

.expert-title-block{text-align: center; opacity: 0}

.expert-title-block h1, .single-experts h1, .content-edit-right h1{font-size: 18px!important; margin-bottom:0px; font-weight: normal}

.post-thumbnail a:hover .expert-title-block{opacity: 1}

.role{font-size: 20px; margin-top:20px}

.post-thumbnail a:hover .role{margin-top:0px}



/* =EXPERTS SINGLE */

.single-experts .content-area, .new-content-area, .page-template-page-contact .new-content-area{max-width: 500px!important; margin: 0px auto}

.single-experts .post-thumbnail{margin-bottom:30px}

.single-experts .post-thumbnail img, .new-content-area .post-thumbnail img{width: 100%; line-height: 0}

.single-experts .role{margin-top:0px;}

.single-experts .entry-header{padding-bottom:30px!important}

.single-experts .entry-content p{font-weight: 300}


.expert-breadcrumb{text-align: center; margin-bottom:30px; font-size: 12px; text-transform: uppercase}

.expert-breadcrumb a{font-size: 12px; letter-spacing: 4px; display: inline-block; padding: 0px 5px}




/* =PAGE SINGLE */

.new-entry-header, .new-entry-content{width: 100%!important; float: none!important}


/* =PAGE SERVICES */

.page-template-page-services .new-content-area, .page-template-page-about .new-content-area, .new-content-area{max-width: 800px!important}

.services-holder-top{margin-bottom:30px;}

.service-entry{margin-bottom:30px}

.service-entry p{margin-bottom:10px; font-weight: 300}

.service-entry p:last-child{margin-bottom:0px}

.service-entry h4{font-weight: normal!important; font-size: 24px; margin-bottom:10px; line-height: 30px}



.events-holder{}




/* =PAGE EDIT */

.entry-header .entry-title, .page-header h1{margin-bottom:0px!important;}

.page-header{padding-bottom:0px!important}

.new-page-title{padding-bottom:20px!important}

.edit-content-area{max-width: 1440px}

.edit-entry, .grid-sizer, .grid-item{width: 25%}

.grid-item-half{width: 50%}

.edit-single-inner{margin: 0px 10px 20px}

.edit-entry a{display: block}

.edit-image{position: relative}

.edit-image img{line-height: 0!important; box-shadow: none!important; width: 100%}

.edit-title-block{opacity: 0}

.edit-title-block h4{margin-bottom:0px; font-size: 12px; display: block; padding-left:22px; padding-right:20px; letter-spacing: 2px!important}

.edit-single-inner a:hover .edit-image img{opacity: 0.2}

.edit-single-inner a:hover .edit-title-block{opacity: 1}

.edit-single-inner a:hover .edit-title-block .role{margin-top:0px}

.edit-single-inner .role{font-size: 16px!important}


/* =PAGE ABOUT */

.about-quote{font-size: 24px; margin: 60px 0px; line-height: 30px}

.blog-entry{margin-bottom:30px}

.blog-image{width: 40%;}

.blog-text{width: 60%; padding-left:20px}

.blog-text p:first-child{font-family: kings-caslon, sans-serif; font-weight: normal; font-size: 24px; line-height: 30px}





/* =PAGE TESTIMONIAL */

.testimonial-entry{margin-bottom:60px}

.testimonial-half-width-image{width: 50%}

.testimonial-quarter-width-image{width: 25%}

.testimonial-entry-onequote{padding: 20px 0px;}


.testimonial-entry-twoimage, .testimonial-entry-fourimage{margin-left:-2px; margin-right:-2px}

.testimonial-entry-twoimage .testimonial-half-width-image, .testimonial-entry-fourimage .testimonial-quarter-width-image{border: 2px solid #ffffff}



.testimonial-full-width-text p{font-family: kings-caslon, sans-serif; font-weight: normal; font-size: 24px; line-height: 30px}

.quote-inner{max-width: 800px; margin-left: auto; margin-right:auto}

.credit{font-family: kings-caslon, sans-serif; font-style: italic; text-transform: none; letter-spacing: 0; }

.testimonial-entry-half{width: 50%!important; display: inline-block; padding-left: 20px; padding-right:20px}

.testimonial-entry-half .credit{display: block}



.testimonial-nav{text-align: center; margin-bottom:20px}

.testimonial-nav-item{width: calc(33% - 20px); display: inline-block; max-width: 280px; margin: 0px 10px}

.testimonial-nav-item a:hover .lh0{box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.5)!important;}

.testimonial-logo{max-width: 250px; margin: 0px auto}


/* =PAGE CONTACT */

.contact-entry-block{margin-top:30px}

.contact-entry-block-last{margin-bottom:30px!important}

.contact-entry-block h2{margin-bottom:20px; padding-bottom:20px; border-bottom: 1px solid #444444}

a.instagram-link{display: block}

a.instagram-link span{display: inline-block; vertical-align: middle}

a.instagram-link:before{content: ''; display: inline-block; background-image: url('images/footer-in.svg'); width: 20px; background-repeat: no-repeat; background-size: 100%; height: 18px; background-position: left bottom; vertical-align: middle; margin-right:10px}



/* =EDITS CATEGORY */

.edit-nav ul{margin-bottom:40px; list-style: none}

.edit-nav li{display: inline-block}

.edit-nav a{letter-spacing: 2px; padding: 0px 10px; text-transform: uppercase; position: relative}

.edit-nav a:after{position: absolute; bottom: -5px; left: 10px; right: 12px; border-bottom: 2px solid transparent; content: ''}

.edit-nav li.current-menu-item a:after{border-color: #000000}

/* =SINGLE EDIT */

.content-edit-single{display: flex; flex-wrap: wrap; gap: 40px; align-items: center; margin-bottom:20px}

.content-edit-single .post-thumbnail, .content-edit-right{width: calc(50% - 20px)}


/* =IPAD LANDSCAPE
------------------------------------------------------- */
@media only screen and (min-width:911px) and (max-width: 1024px){



}

/* IPAD PORTRAIT */
@media only screen and (min-width:641px) and (max-width: 910px)  {


/* =SITE */

.site-content{padding-left:20px!important; padding-right:20px!important}

.site-footer .wrap{padding-left:20px!important; padding-right:20px!important}


/* =FOOTER */

.footer-left{width: 75%}

.footer-right{width: 25%}

#menu-footer-menu li{margin-right:20px}



/* =EXPERTS */

.post-type-archive-experts article.experts{width: calc(50% - 20px)!important}

.post-type-archive-experts .site-main, .page-template-page-shop-edit .new-entry-content{margin-left:-10px!important; margin-right:-10px!important}

.mobile-relative{position: relative; top: auto; bottom: auto}

.expert-title-block, .edit-title-block{opacity: 1; margin-top:10px}

.expert-title-block .role, .edit-title-block .role{margin-top:0px!important}




/* =EDIT */

.page-template-page-shop-edit .new-entry-content{width: calc(100% + 20px)!important}

.edit-entry{width: calc(33.333% - 20px)!important}




/* =CONTACT */

.contact-entry-block:last-child{margin-bottom:50px}

}

/* =IPHONE
------------------------------------------------------- */
@media only screen and (max-width: 910px)  {

.modal{width: 100%}

.modal img, #responsive-menu-pro-additional-content .menu-logo{max-width: 50px}

#responsive-menu-pro-wrapper{background-size: 98%!important}

.site-content, .site-footer .wrap{padding-left:20px!important; padding-right:20px!important}

.site-content-contain{margin-top:174px!important}

.logo-bottom{margin-top:70px}

.logo-bottom-scroll-down{margin-top:0px}

.home-left, .home-right{width: 100%}

.home-right{margin-left:0px; margin-top:20px}

.footer-left{width: 100%; text-align: center}

.footer-right{width: 100%; text-align: center}

#menu-footer-menu li{line-height: 20px!important; margin: 0px 10px}



.blog-image{width: 50%; margin-left:25%; margin: 0px 25% 20px}

.blog-text{width: 100%; padding-left:0px}

.blog-text p:first-child{text-align: center}


.page-header{margin-top:25px; margin-bottom:25px}





/* =EXPERTS */

.post-type-archive-experts article.experts{width: calc(50% - 20px)!important}

.post-type-archive-experts .site-main, .page-template-page-shop-edit .new-entry-content{margin-left:-10px!important; margin-right:-10px!important; width: calc(100% + 20px)!important}

.mobile-relative{position: relative; top: auto; bottom: auto}

.expert-title-block, .edit-title-block{opacity: 1; margin-top:10px}

.expert-title-block .role, .edit-title-block .role{margin-top:0px!important}

.expert-title-block h1{font-size: 14px!important}

.expert-title-block .role{font-size: 17px}




/* =SHOP OUR EDIT */


.grid-sizer, .grid-item{width: 50%}

.edit-title-block h4{padding-left:0px; padding-right:0px; padding-bottom:10px}

.edit-single-inner a:hover .edit-image img{opacity: 1!important}

/* =TESTIMONIALS */

.testimonial-entry{margin-bottom:30px}

.testimonial-quarter-width-image{width: 50%}

.testimonial-entry-half{width: 100%!important}

.testimonial-full-width-text p{margin-bottom:10px!important}


.testimonial-logo{max-width: 200px; margin: 0px auto}

.testimonial-nav-item{width: 100%; max-width: 100%; margin: 0px 0px 20px; padding-left:50px; padding-right:50px}



/* =SIGNUP POPUP */

.mc-form{min-width: 1px}

.mc-form input[type=email]{width: 100%; margin-right:0px}

.mc-form input[type=submit]{position: relative; width: 100%; left: 0px; top: auto}




.open-icon{width: 40px; height: 40px; top: 10px; right: 10px}


.edit-single-inner .cell .pt10{display: none!important}


/* =SINGLE EDIT */

.content-edit-single .post-thumbnail, .content-edit-right{width: 100%}




}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    text-transform: font-size: 14px}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    text-transform: uppercase; font-size: 14px}

::-ms-input-placeholder { /* Microsoft Edge */
   text-transform: uppercase; font-size: 14px}