/**
 * Theme name: Eyestylist (2020)
 * Description: Bespoke WordPress theme for Eyestylist
 * Version: 2.1.3
 * Author: Oak Creative
 * Author URI: https://oakcreative.net
 * Template: oak-roots
 */

/* CSS Variables  */

:root {
    --eyestylist-black: #000000;
    --eyestylist-black-75: #3F3F3F;
    --eyestylist-steel-grey: #ADBAC5;
    --eyestylist-clay: #7A5B5C;
    --eyestylist-mauve: #A9AED4;
    --eyestylist-mauve-dk: #70749B;
    --eyestylist-taupe: #E2DDD4;
    --eyestylist-taupe-50: #F1EEEA;
    
}

/*  Base Typography & Links  */

		body {
		    color: var(--eyestylist-black);
		    font-family: "museo-sans-1", "museo-sans-2", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
		    font-weight: 100;
		}

		a {
		    color: var(--eyestylist-mauve-dk);
		}

		a:hover {
		    color: var(--eyestylist-mauve-dk);
		}

		a.site-link {
		    color: var(--eyestylist-clay) !important;
		}

		figcaption {
		    color: var(--eyestylist-mauve-dk);
		}

		h1,h2,h3,h4,h5,h6 {
		font-family: "museo-sans-1", "museo-sans-2", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
		}


/* Page Padding */

#site-body {
    padding: 20px 0;
}		       

@media (min-width: 1024px) {
	.page-wrapper { 
		padding-left : 0;
		padding-right: 0;
	}
}




/* Post / Entry Styling  */

	.home h1.entry-title {
		display: none;
	}

	.single-entry .entry-meta p {
	    background: var(--eyestylist-steel-grey);
	    color: var(--eyestylist-black);
	    display: inline-block;
	    font-size: 13px;
	    font-weight: 300;
	    font-style: normal;
	    text-transform: uppercase;
	    padding: 4px 12px;
	    margin: 0.4rem 0 1.6rem;
	    position: relative;
	}

	.single-entry .entry-title {
	    font-size: 2rem;
	    font-weight: 100;
	    text-transform: uppercase;
	    font-family: "museo-sans-1", "museo-sans-2", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
	}

	.single-entry .entry-title a {
    color: var(--eyestylist-black) !important;
	}

	@media (min-width: 1024px) { 
		.single-entry .entry-content {
	    font-size: 1rem;
		}
	}

	
	.single-entry.has-post-thumbnail .post-category-label {
	    display: none;
	}


	@media (min-width: 1024px) {
		.archive-container article.single-entry > :not(figure) {
		  padding-left: 4rem;
		  padding-right: 4rem;
		}
	}	


/* Featured Posts Slider  */

	.featured-post-entry .entry-title a {
	    color: var(--eyestylist-black-75);
	    font-weight: 500;
	}

	.featured-post-entry .post-category-label a {
	    font-weight: 100;
	    color: var(--eyestylist-mauve-dk);
	}

	.featured-posts-slider {
	    border-bottom: 1px dotted var(--eyestylist-steel-grey);
	}

	.featured-posts-slider .slick-dots .slick-active button::before {
	    background: var(--eyestylist-steel-grey);
	}

	.featured-posts-slider .slick-arrow::after {
	    border-color: var(--eyestylist-steel-grey);
	}

	.featured-post-entry .post-category-label {
    	margin-top: -24px;
	}




/*  Navigation / Menu  */

	#main-menu .nav-menu-desktop .menu > li {
	    border-right: 0px;
	    position: relative;
	}

	#main-menu .nav-menu-desktop .menu > li::before {
	    border-left: 2px solid var(--eyestylist-mauve);
	    position: absolute;
	    content: '';
	    left: 0;
	    top: 0.5rem;
	    bottom: 0.5rem;
	}

	#main-menu .nav-menu-desktop .menu > li:first-child::before {
	    display: none;
	}

	#main-menu .current-menu-item > a,
	#main-menu .current-menu-parent > a {
	    color: var(--eyestylist-mauve-dk);
	    font-weight: 500;
	}

	.nav-bar .menu-link-top-level {
	    font-size: 1rem;
	    color: var(--eyestylist-black);
	}

	.nav-bar li:hover > .menu-link-top-level {
	    color: var(--eyestylist-mauve-dk);
	}

	.nav-stacked .menu-link-top-level {
    	color: var(--eyestylist-black);
	}


	.nav-stacked li:hover>.menu-link-top-level {
	    background-color: transparent;
	    color: var(--eyestylist-mauve-dk);
	}

	@media (max-width: 820px) {
    #site-header {
        height: 70px;
	    }
	}

	.page-wrapper {
	    padding-top: 20px;
	}


	.menu-toggle {
		color: var(--eyestylist-mauve-dk) !important;
	}

	.menu-toggle-icon>span {    
    background: var(--eyestylist-mauve-dk);
	}


/*  Logo */

	.site-identity .site-logo {
	    margin-top: 0em;
	    width: 550px;
	    max-width: 100%;
	}

	@media (min-width: 1024px) {
	    .site-identity .site-logo {
	        margin-left: 0.9em;
	    }
	}



	@media (max-width: 1024px) {
	    .site-identity .site-logo {
	        width: 200px;
	        max-width: 100%;
	        margin-left: 0.5em;
        	padding-top: 0.25em;
	    }
	}


	 .site-identity .site-link {
	 	padding: 0px;
	 }

	 @media (min-width: 1024px) {
    .site-identity .site-link {
        width: 82%;
    }
}


/* Archive / Page Titles  */

	.archive-content-container {
	    display: inline;
	}

	.entry-header {
	    background: none;
	    line-height: 1.2;
	    font-size: 18px;
	    font-weight: 400;
	}

	#content .single-container.archive-content-container h1.entry-title.single-title {
	    font-size: 1.5rem !important;
	    font-weight: 500 !important;
	    color: var(--eyestylist-black-75) !important;
	}

	.single-entry .entry-header {
    	margin: 0 0 1rem;
	}

	.archive-entry {
    	margin-bottom: 0;
	}


@media (max-width: 1200px) {
    #page-content.sidebar-both .content-col {
    	padding-top: 1.8vh;
        border-top: 0.8rem solid var(--eyestylist-mauve);
    }
    .page-wrapper {
    padding-top: 3px;
	}	
}

	@media (max-width: 900px) {
		#page-content.sidebar-both .content-col {
		    	margin-top: 8vh;
		    }
	}



/* Single Post */ 

.single-container {
	margin-top: 4vh;
}


/* Dividers  */

	.archive-container .single-entry::after {
	    border-bottom: 1px dotted var(--eyestylist-clay);
	}


/* Sidebar */

	@media (min-width: 1201px) {
	    .content-col {
	        padding-top: 1vh;
	        border-top: 0.8rem solid var(--eyestylist-mauve);
	    }
	}

	.sidebar-wrapper {
	    background: #E2DDD4;
	    padding-top: 2.4rem;
	}


/* Widget: Archive */

	.widget-title {
	    color: var(--eyestylist-black);
	}

	#archives-5 {
	    padding: 20px;
	}

	#archives-dropdown-5 {
	    color: var(--eyestylist-mauve-dk);
	}


/* Footer */

	#footer-top .widget_nav_menu a {
	    display: block;
	    color: var(--eyestylist-mauve-dk);
	    padding: 9px 12px;
	}

	#footer-top .widget_nav_menu a:hover {
	    color: var(--eyestylist-clay);
	}



/* New Update 5/1/26 */ 

.calculated-sizes .g-dyn {
    display: none;
}

.calculated-sizes .g-dyn:first-child {
    display: block;
}