/**
 * Theme Name:     Branches
 * Author:         Clair Yates-Cook
 * Template:       twentytwenty
 * Text Domain:	   branches
 * Description:    Website theme for Branches school group
 */

.simple-banner .simple-banner-text {font-weight: 500; text-align: right; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;}
.simple-banner a {text-decoration: none; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff!important;}
.simple-banner a:hover {color: #faaf40!important;}
.simpl-banner p {font-family: Helvetica Neue, Helvetica, Arial, sans-serif;}
.fb-top {padding-left: 5px;}
.ig-top, .fb-top {font-size: 20px;}

.site-logo img {max-height: 16rem!important;}

.page-template .entry-header {display: none;}
.entry-header {background-color: #faaf40!important; margin-bottom: 40px;  }
.entry-header h1 {color: #fff; padding: 0;}
.page-template .featured-media-inner, .entry-categories-inner, .post-meta-wrapper, .entry-categories {display: none;}
.post-inner {padding-top: 1em;}

ul.primary-menu a {color: #000000!important;}
ul.primary-menu a:hover {text-decoration: none; color: #faaf40!important;}
.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a {text-decoration: none; color: #faaf40!important;}



/*Mobile menu*/

.menu-modal.active {z-index: 999!important;}
.modal-menu {z-index: 999!important;}
.menu-modal .menu-top {margin-top: 40px;}
.modal-menu a {color: #3a2416!important;}
.modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a {color: #faaf40!important;}


h1, h2, h3, h4, h5, h6 {color: #3a2416; 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: #faaf40!important;}
.entry-content a:hover, .is-style-outline .wp-block-button__link:not(.has-text-color):hover {color: #3a2416!important; text-decoration: none!important;}
.entry-content .pagination-single-inner{color: #faaf40!important;}
.color-accent, .title-inner {color: #faaf40!important;}
.color-accent:hover, .title-inner:hover {color: #3a2416!important; text-decoration: none!important; border-bottom: none!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 {
    color: #faaf40!important;
}
#site-content p, #site-content li {font-size: 16px; color: #3a2416;}
#site-content li {margin: 0;}

.entry-content button {background: #faaf40!important;}
.entry-content button:hover {background: #3a2416!important; text-decoration: none;}

.previous-post:hover, .next-post:hover {text-decoration:none!important;}

.home-slider-text-bg {background: rgba(255, 255, 255, 0.6); border-radius: 20px; width: 40%!important; margin: 40px 0 0 0px!important;}

.white-text p, .white-text h1, .white-text h2, .white-text h4 {color: #fff!important;}

.image-rounded-corners img {border-radius: 20px;}


/* styles for rows with background splodges */
.orange-bg-row {background-image: url("/wp-content/uploads/2026/04/orange-bg.png"); background-position: top right; background-repeat: no-repeat;}
.purple-bg-row {background-image: url("/wp-content/uploads/2026/04/purple-bg.png"); background-position: top right; background-repeat: no-repeat;}
.blue-bg-row {background-image: url("/wp-content/uploads/2026/04/blue-bg.png"); background-position: top right; background-repeat: no-repeat;}
.green-bg-row {background-image: url("/wp-content/uploads/2026/04/green-bg.png"); background-position: top right; background-repeat: no-repeat;}
.pink-bg-row {background-image: url("/wp-content/uploads/2026/04/pink-bg.png"); background-position: top right; background-repeat: no-repeat;}
.brown-bg-row {background-image: url("/wp-content/uploads/2026/04/brown-bg.png"); background-position: top right; background-repeat: no-repeat;}
.white-bg-row {background-image: url("/wp-content/uploads/2026/04/white-bg.png"); background-position: top right; background-repeat: no-repeat;}

/* styles for boxes with background colours */
.green-background {background: #a4b792; padding: 40px 20px 20px 20px; border-radius: 20px;}
.green-background p, .green-background h2, .green-background li, .green-background .sow-headline h2, .green-background a, .green-background h3, .green-background h4, .green-background h5, .dark-green-background h2  {color: #fff!important;}

.blue-background {background: #1285a0; padding: 40px 20px 20px 20px; border-radius: 20px;}
.blue-background p, .blue-background h2, .blue-background li, .blue-background .sow-headline h2, .blue-background a, .blue-background h3, .blue-background h4, .blue-background h5, .blue-background h2  {color: #fff!important;}

.purple-background {background: #5a1a4c; padding: 40px 20px 20px 20px; border-radius: 20px;}
.purple-background p, .purple-background h2, .purple-background li, .purple-background .sow-headline h2, .purple-background a, .purple-background h3, .purple-background h4, .purple-background h5, .purple-background h2  {color: #fff!important;}

.pink-background {background: #ff51b0; padding: 40px 20px 20px 20px; border-radius: 20px;}
.pink-background p, .pink-background h2, .pink-background li, .pink-background .sow-headline h2, .pink-background a, .pink-background h3, .pink-background h4, .pink-background h5, .pink-background h2  {color: #fff!important;}

.orange-background {background: #faaf40; padding: 40px 20px 20px 20px; border-radius: 20px;}
.orange-background p, .orange-background h2, .orange-background li, .orange-background .sow-headline h2, .orange-background a, .orange-background h3, .orange-background h4, .orange-background h5, .orange-background h2  {color: #fff!important;}

.brown-background {background: #3a2416; padding: 40px 20px 20px 20px; border-radius: 20px;}
.brown-background p, .brown-background h2, .brown-background li, .brown-background .sow-headline h2, .brown-background a, .brown-background h3, .brown-background h4, .brown-background h5, .brown-background h2  {color: #fff!important;}




.values-home-boxes .sow-features-feature {background: #ff51b0; border-radius: 20px; padding: 20px 0;}
.values-home-boxes .sow-features-feature p {color: #fff!important; padding: 0 20px; }

.choose-home-boxes .sow-features-feature {background: #faaf40; border-radius: 30px; padding: 20px 0;}
.choose-home-boxes .sow-features-feature p {color: #fff!important; padding: 0 20px; }
.choose-home-boxes .sow-icon-container {padding: 0 20px 0 20px;}
.choose-home-boxes .sow-features-feature-title {padding: 0 0 20px 20px; color: #fff;}

.right-overly-image {z-index: 1; position: relative;}
.right-overly-text {z-index: 2;  position: relative;}

.brown-icon-bg .sow-features-feature {background: #3a2416; border-radius: 20px; }
.brown-icon-bg .sow-features-feature p {color: #fff!important; padding: 0 20px 20px 20px;}

.orange-icon-bg .sow-features-feature {background: #faaf40; border-radius: 20px; padding: 20px 0;}
.orange-icon-bg .sow-features-feature p {color: #fff!important; padding: 0 20px 20px 20px;}
.orange-icon-bg .sow-features-feature h5 {color: #fff;}

/* Jobs Board styles */
.company_logo {display: none!important;}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 100rem;
    width: 100%;
}
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, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {
    background-color: #faaf40!important;
}
.job_listing .entry-header {margin: 0!important;}
.job_listing .post-inner {background-image: url("/wp-content/uploads/2026/04/blue-bg.png"); background-position: top right; background-repeat: no-repeat; padding-top: 40px!important;}

/* Blog */
 .blog h3 {font-size: 1em!important;}
 .blog .tpg-excerpt {font-size: 0.8em!important;}
 .post-meta {margin: -1.4rem 0 0 0rem;}
 .read-more a:hover {color: #fff!important;}


.contact-form .sow-contact-form {border-radius: 20px;}
.sow-contact-form .sow-submit-styled .sow-submit {background: #ffffff!important;}
.sow-contact-form .sow-submit-styled .sow-submit:hover {background: #ff51b0!important;}							


/* Footer */

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

.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: #3a2416; padding: 40px; border-top: none;}
.footer-inner p, .footer-inner h6, .footer-inner a, .footer-inner ul, .footer-inner li {color: #fff!important; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;}
.footer-inner p {font-size: 0.7em!important;}
.footer-inner a {text-decoration: none;}
.footer-top-visible .footer-nav-widgets-wrapper {margin-top: 0!important;}

.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;}
#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;}
#site-footer .section-inner {margin-top: 60px;}





@media only screen and (max-width: 768px) {
		
.home-slider-text-bg h1 {font-size: 1em;}	
.home-slider-text-bg h3 {font-size: 0.8em;}
.home-slider-text-bg a {font-size: 0.7em!important; padding: 0.5em!important; padding-inline: 1em!important; border-radius: 10px!important;}

.mob-only-white-text h2, .mob-only-white-text p {color: #fff!important;}
.mob-only-white-text .decoration-inside {border-top: 10px solid #fff!important;}

.job_listing .post-inner {background: none;}

	
.footer-inner.section-inner .widget {width: 90%;}
.footer-credits {margin-top: 40px; margin-left: -50px;}
}