/**
 * Theme Name:     Silver Birch Financial
 * Author:         Clair Yates-Cook
 * Template:       twentytwenty
 * Text Domain:	   silver-birch-financial
 * Description:    Website theme for Silver Birch Financial Services
 */

.simple-banner {height: 70px;}
.simple-banner .simple-banner-text {padding-top: 25px;}
.whatsapp-top {font-size: 20px!important;}
.top-left {float: left;}

.top-right {float: right;}
.credit-top {padding: 10px; background: #fff; color: #000000!important; text-decoration: none; text-transform: uppercase;}
.credit-top:hover {background: #7b7b7c; color: #fff!important;}
.socials-top {font-size: 20px;}

.entry-header {display: none;}

.inner-header-left p, .inner-header-left h1, .inner-header-left h2, .inner-header-left h3, .inner-header-left h4, .inner-header-left h5, .inner-header-left h6 .inner-header-left a {color: #fff;}



ul.primary-menu a {color: #7b7b7c!important;}
ul.primary-menu a:hover {text-decoration: none!important; color: #93c24e!important;	}
.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a {text-decoration: none; color: #93c24e!important;}
.primary-menu ul {	background: #fff!important;
    border-radius: 0;
    font-size: 1.7rem;
    opacity: 0;
    padding: 1rem 0;
    position: absolute;
    right: 9999rem;
    top: calc(100% + 2rem);
    transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
    transform: translateY(0.6rem);
    width: 20rem;
    z-index: 1;}

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

/*Mobile menu*/
.modal-menu a {color: #7b7b7c!important;}
.modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a {color: #93c24e!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: #7b7b7c; margin-top: 0!important; padding-top: 0!important; font-weight: 400;}
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}
h1, h2, h3, h4, h5, h6, p {margin-bottom: 2rem!important;}	

#site-content p, #site-content li {font-size: 16px;}
#site-content a {color: #93c24e;}
#site-content li {margin: 0;}
#site-content ul, #site-content ol {margin-bottom: 20px;}

.home-header-content {margin-top: 30%; width: 30%;}

.wpmtst_submit_testimonial{background-color: #93c24e!important; }
.wpmtst_submit_testimonial:hover{background-color: #7b7b7c!important; }
input[type="submit"] {text-transform: none;}
input[type="submit"]:hover {text-decoration: none;}

.services-home {background: #93c24e;}
.services-home h3, .services-home p, .services-home a {color: #fff!important;}

.h4-credit-file h4, .mortgage-types h5, .protection-types h5, .insurance-types h5 {color: #93c24e!important;}


.testimonials-home {margin-left: 50px; top: 20%; width: 30%; background: rgba(255, 255, 255, 0.7); padding: 20px 0 0 0;}
.testimonials-home .strong-view.wpmtst-default .wpmtst-testimonial-inner, .strong-view.wpmtst-default.slider-container.slider-adaptive:not(.slider-mode-horizontal) .wpmslider-viewport {border: none!important;}


.call-back h2, .call-back h5 {color:#fff!important;}


.jargon-buster .widget-title {text-align: center;}

.whatsapp {font-size: 50px!important;}

.flow-arrow {background-image: url("/wp-content/uploads/2026/03/arrow-right.png"); background-repeat: no-repeat; text-align: center; v-align: center; min-height: 100px; margin: 50% 0 0 0}


#site-footer {background: #7b7b7c; padding: 40px; margin: 0!important; border-top: none;}
#site-footer p, #site-footer h6, #site-footer a, #site-footer ul, #site-footer li {color: #fff; font-family: "Raleway";}

#site-footer p {font-size: 0.7em;}
a.cerebral {float: left; font-size: 0.9em; padding: 20px 0 0 20px;}
#site-footer.textwidget li {font-size: 0.7em}
#site-footer li {margin: 0!important; font-size: 0.7em; list-style: none;}
#site-footer li a {font-weight: normal;	}
#site-footer ul {margin: 0!important; list-style: inside;}
#text-5 {padding-top: 0!important; margin-top: -40px!important;}
#text-5 {width: 25%}
#text-6 {width: 25%}
#nav_menu-2 {width: 12%}
#nav_menu-3 {width: 12%}
#text-4 {width: 20%}



@media only screen and (max-width: 768px) {
.simple-banner {height: 160px;}	
.simple-banner-text {text-align: center;}
.top-right {float: none; text-align: center; padding-top: 100px;}

.home-header-content {margin-top: 20%!important; width: 60%;}
.home-header-content h1 {font-size: 1.2em}
.home-header-content h3 {font-size: 1em}

.testimonials-home {margin-left: 0px; top: 20%; width: 100%!important; background: rgba(255, 255, 255, 0.7); padding: 20px 0 0 0;}
.flow-arrow {background-image: url("/wp-content/uploads/2026/03/arrow-down.png"); background-repeat: no-repeat; text-align: center;min-height: 100px;}

#text-5 {width: 100%}
#text-6 {width: 100%}
#nav_menu-2 {width: 100%; padding-bottom: 20px;}
#nav_menu-3 {width: 100%;  padding-bottom: 20px;}
#text-4 {width: 100%}	


}