/**
 * Theme Name:     Manor Joinery
 * Author:         Clair Yates-Cook
 * Template:       twentytwenty
 * Text Domain:	   manor-joinery
 * Description:    Website theme for Manor Joinery
 */
.site-logo {margin: 0 auto!important; text-align: center; padding-top: 40px;}
.site-logo img {max-height: 18rem!important; }

#site-header {z-index: 1000; background: rgba(255, 255, 255, 0);}
#site-content {z-index: 1; margin-top: -320px;	}

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

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

.to-the-content-wrapper {display: none;}

ul.primary-menu {justify-content: center;}
ul.primary-menu a {color: #ffffff!important; text-transform: uppercase; font-weight: 800; font-size: 18px!important; padding: 0; margin: 0 2.5px; letter-spacing: -1.5px;}
ul.primary-menu a:hover {color: #b69b80!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: #b69b80!important;}
li.current_page_ancestor > a {color: #b69b80!important;}

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

.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus):first-letter, .wp-block-button.is-style-outline, a
Specificity: (0,2,1) {color: #b69b80!important;}
.entry-content a {color: #b69b80;}

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

h1  {color: #fff; margin-top: 0!important; margin-bottom: 0!important; padding-bottom: 20px; font-weight: 600;}
h2, h4, h5, h6{color: #000; margin-top: 0!important; margin-bottom: 0!important; padding-bottom: 20px; font-weight: 600;}
h3 {color: #b69b80; margin-top: 0!important; margin-bottom: 0!important; padding-bottom: 20px; font-weight: 600;}
h1 {font-size: 3.4em}
h2 {font-size: 2.0em} 
h3 {font-size: 1.8em}
h4 {font-size: 1.2em}
h5 {font-size: 1.1em}	
h6 {font-size: 1em}

#site-content p, #site-content li {font-size: 16px; color: #858881;}
#site-contet ul {margin-bottom: 20px;}
#site-content li {padding: 0; margin: 0;}

.white-text p, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text li {color: #ffffff!important;}
.home-header p {font-size: 22px!important;}

.kitchen-styles-home h3 {padding: 0!important;}
.cta-bottom-text h2 {font-size:2.4em;}
.cta-bottom-text p {font-size: 22px!important;}


.testimonials-home {display:none!important;}

input[type="checkbox"] {min-height: 1.5rem;}

button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, :root .has-accent-background-color, .comment-reply-link {background-color: #b69b80!important; color: #fff!important;}
a.button:hover, button:hover .button:hover, .faux-button:hover, .wp-block-button__link:hover, .wp-block-file:hover .wp-block-file__button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .bg-accent:hover, :root .has-accent-background-color:hover, .comment-reply-link:hover {background-color: #000000!important; text-decoration: none!important;}



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

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



#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;}