/**
 * Theme Name:     Janine Smith Aesthetics
 * Author:         Clair Yates-Cook
 * Template:       twentytwenty
 * Text Domain:	   janine-smith-aesthetics
 * Description:    Website theme for Janine Smith Aesthetics
 */

.site-logo {margin: 0 auto!important; text-align: center;}
.site-logo img {max-height: 20rem!important;}


.header-navigation-wrapper {margin: 0 auto; width: 100%;}
.header-titles-wrapper {margin: 0; max-width: 100%;}

ul.primary-menu {justify-content: center;}
ul.primary-menu a {color: #b4905a!important; text-transform: uppercase; font-weight: 400; font-size: 17px!important; padding: 0 5px;}
ul.primary-menu a:hover {color: #000000!important;}
.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a {text-decoration: none;}
.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a, .primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor {text-decoration: none!important;}
.primary-menu li.current-menu-item > a {color: #000000!important;}
li.current_page_ancestor > a {color: #000000!important;}

ul.sub-menu {z-index: 1000; min-width: 300px; background: #fff!important;}
.panel-grid-cell {z-index: 1!important;}

.page-template .entry-header, .page-template .featured-media-inner.section-inner {display: none!important;}
.post-inner {padding-top: 0!important; margin-top: 0!important;}

/*Mobile menu*/
.modal-menu a {color: #b4905a!important;}
.modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a {color: #000000!important;}
.menu-modal .menu-top {margin-top: 120px;}
button.close-nav-toggle {padding: 2rem; }
button.toggle, button.toggle:hover {background: #ffffff!important;}

h1, h2, h3, h4, h5, h6 {color: #000; margin-top: 0!important; margin-bottom: 0!important; padding-bottom: 20px; font-weight: normal;}
h1 {font-size: 2.2em}
h2 {font-size: 1.8em} 
h3 {font-size: 1.6em}
h4 {font-size: 1.4em}
h5 {font-size: 1.2em}	
h6 {font-size: 1em}
.entry-content a, .is-style-outline .wp-block-button__link:not(.has-text-color) {color: #b4905a;}
#site-content p, #site-content li {font-size: 16px; color: #fff;}
#site-content li {margin: 0;}










.footer-inner.section-inner {max-width: 100%!important; width: 100%; background: #000000;}

.footer-inner.section-inner .widget:first-child {margin-top: 2em;}
.footer-inner.section-inner .widget {float: left; width: 22%; margin-top: 2em; margin-left: 3%;}



#site-footer {background: #000000!important; padding: 40px; border-top: none; margin: 0!important}
.footer-inner p, .footer-inner h2, .footer-inner a, .footer-inner ul, .footer-inner li {color: #fff!important; font-family: Noto Sans, sans-serif!important;}
.footer-inner p {font-size: 0.7em!important; font-weight: normal;}
.footer-inner a {text-decoration: none; font-size: 1em!important; font-weight: normal;}
.footer-top-visible .footer-nav-widgets-wrapper {margin-top: 0!important;}
.footer-inner li {font-size: 0.7em!important; font-weight: normal;}

.footer-credits {margin-top: 40px; margin-left: -100px;}
.footer-copyright {font-size: 0.7em; font-weight: 400; color: #fff!important;}
.footer-copyright a {color: #fff!important;}
a.cerebral {float: left; font-size: 0.7em!important; padding: 20px 0 0 20px; color: #999999!important;}

a.to-the-top {color: #fff!important;}