/**
 * Theme Name:     Devonshire Care
 * Author:         Clair Yates-Cook
 * Template:       twentytwenty
 * Text Domain:	   devonshire-care
 * Description:    Website theme for Devonshire Care
 */

.entry-header {display: none;}



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

.slider-text {float: right; padding-top: 50px;}
.slider-text h1 {font-size: 3.2em; margin: 0!important;}
.slider-text h4 {font-size: 1.8em; font-family: "Proza Libre"!important; margin: 0!important;}

.slider-text-with-bg {float: right; margin-top: 30px; padding: 20px 20px 10px 20px; background-color: rgba(255, 255, 255, 0.7);}
.slider-text-with-bg h1 {font-size: 3.2em; margin: 0!important;}
.slider-text-with-bg h4 {font-size: 1.8em; font-family: "Proza Libre"!important; margin: 0!important;}

.main-header-inner {margin-left: 25%; width: 50%; padding: 20px 20px 10px 20px; background-color: rgba(255, 255, 255, 0.7);}

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

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

h1, h2 {text-transform: uppercase; color: #3d4d86; }
h3, h4, h5, h6 {color: #6975a0; }
h1, h2, h3, h4, h5, h6 {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: #6975a0;}
#site-content p, #site-content li {font-size: 17px;}



.home-services .sow-features-feature {background: #a6c1df; padding: 20px 0;}
.home-services h5 {color: #fff; font-size: 1.6em;}
.home-services p {color: #fff; padding: 0 20px;}

.care-homes-home-page .widget-title {background: #3d4d86; padding-top: 20px;}
.care-homes-home-page h3 {color:#fff; font-size: 16px!important; text-transform: uppercase;}
.care-homes-home-page .textwidget {background: #3d4d86; width: 100%; height: 100%;}
.care-homes-home-page h2 {color: #fff; text-transform: none; padding-top: 46%; padding-left: 20px; padding-bottom: 26px;}
.care-homes-home-page h2 a {color: #fff; text-decoration: none;}
.care-homes-home-page h2 a:hover {color: #000;}

.care-homes-page .widget-title {background: #3d4d86; padding-top: 20px;}
.care-homes-page h3 {color:#fff; text-transform: uppercase; font-size: 1.2em;}

.home-contact-page .textwidget {background: #fff;}
.home-contact-page h5 {text-transform: uppercase; font-size: 1.6em!important;}
.home-contact-page .sow-features-feature-content {padding: 20px 0;}
.home-contact-page .sow-more-text {background: #3d4d86; padding: 10px 0;}
.home-contact-page .sow-more-text a {color: #fff!important;}
.home-contact-page .sow-icon-container {margin: 0 auto!important;}



#site-footer {background: #737373; padding: 40px; margin: 0!important;}
#site-footer p, #site-footer h6, #site-footer a, #site-footer ul, #site-footer li {color: #fff; font-family: "Proza Libre";}
#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;	}
#site-footer ul {margin: 0!important; list-style: inside;}

#text-4 {width: 25%}
#text-5 {width: 25%}
#text-6 {width: 25%}
#text-7 {width: 10%}
#text-8 {width: 10%}



@media only screen and (max-width: 768px) {
.slider-text h1 {font-size: 2.2em!important; margin: 0!important;}
.slider-text h4 {font-size: 1.8em!important; font-family: "Proza Libre"!important; margin: 0!important;}	

.main-header-inner {margin-left: 10%; width: 80%!important;}
.main-header-inner h1 {font-size: 2.6em!important;}
	
#text-4 {width: 100%}
#text-5 {width: 100%}
#text-6 {width: 100%}
#text-7 {width: 100%}
#text-8 {width: 100%}
}


@media only screen and (max-width: 980px) {
  /* For tablets landscape: */
.slider-text h1 {font-size: 2.2em!important; margin: 0!important;}
.slider-text h4 {font-size: 1.8em!important; font-family: "Proza Libre"!important; margin: 0!important;}	

.main-header-inner {margin-left: 10%; width: 80%!important;}
.main-header-inner h1 {font-size: 2.2em!important;}
	
#text-4 {width: 100%}
#text-5 {width: 100%}
#text-6 {width: 100%}
#text-7 {width: 100%}
#text-8 {width: 100%}

}