/**
 * Theme Name:     Brosterfield Farm
 * Author:         Clair Yates-Cook
 * Template:       twentytwenty
 * Text Domain:	   brosterfield-farm
 * Description:    Website theme for Brosterfield Farm holiday cottages in the Peak District
 */

.header-titles-wrapper {margin-right:0!important; max-width: 30%;}
.site-title {font-size: 4rem; font-weight: 500; }
.site-title a:hover {text-decoration: none; color: #404047;}
.site-description {font-style: italic; font-size: 1.6rem;}

.entry-header {display: none;}

ul.primary-menu a {color: #000000!important; font-size: 20px!important;}
.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a {text-decoration: none; color: #404047!important;}


.primary-menu .icon::before, .primary-menu .icon::after {color: #000000;}

ul.sub-menu {z-index: 1000; min-width: 250px; background: #ffffff!important;}
ul.sub-menu a {font-size: 14px!important;}
.panel-grid-cell {z-index: 1!important;}



/*Mobile menu*/
.modal-menu a {color: #000000!important;}
.modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a {color: #404047!important;}

.slider-text h1 {margin: 0!important; color: #fff;}

h1, h2, h3, h4, h5, h6 {color: #404047; margin: 0!important; padding-bottom: 20px; font-weight: normal;}
h1 {font-size: 2.6em}
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 {color: #404047!important; text-decoration: underline;}
#site-content p, #site-content li {font-size: 17px;}

.home-listing-images:hover {opacity: 0.7;}

.property-features-home p, .property-features p {font-size: 12px!important;}

.listing-page-top h1 {font-size: 1.6em;}
.listing-page-top h2 {font-size: 1.2em;}
.border-top-listing {border-right: 2px solid #404047; height: 50px;}

.listing-accordion .sow-accordion-panel {border-top: 1px solid #404047;}

.map {text-align: center;}




#site-footer {padding: 40px; margin: 0!important;}
#site-footer p, #site-footer h6, #site-footer a, #site-footer ul, #site-footer li {color: #000; font-family: "Lato";}
#site-footer p {font-size: 0.7em!important;}
a.cerebral {float: left; font-size: 0.9em!important; padding: 20px 0 0 20px;}
#site-footer.textwidget li {font-size: 0.7em!important;}
#site-footer li {margin: 0!important; font-size: 0.7em!important; list-style: none;}
#site-footer li a {font-weight: normal;	color: #fff!important;}
#site-footer ul {margin: 0!important; list-style: inside;}




@media only screen and (max-width: 768px) {
.header-titles-wrapper {margin-right:0!important; max-width: 70%;}
.vertical-line {display:none;}

}