/*
Theme Name: Seasons of Life Physio 2021
Theme URI: https://www.ultimate.physio
Description: A theme by <a href="https://www.ultimate.physio">Ultimate Physio</a>.
Version: 1.0
Author: Jessica Prestedge
Author URI: https://www.ultimate.physio
*/

@font-face {
  font-family: 'BryanKimberly';
  src: url('fonts/BryanKimberly/BryanKimberly.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/BryanKimberly/BryanKimberly.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('fonts/BryanKimberly/BryanKimberly.otf') format('oft')
}

body{margin:0px !important; padding:0px !important; font-family: 'Josefin Sans', sans-serif !important; font-weight:300 !important; color:#4a5462; background:#FFFFFF; line-height:1.25 !important;}
* { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before, *:after { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.row{position:relative;}
.container-fluid{padding-left:10% !important; padding-right:10% !important;}
.mainimagecontainer >  .container-fluid{padding-left:15px !important; padding-right:15px !important; }
/*=============HEADERS AND LINKS=============*/
a{text-decoration:none !important; outline: none !important;}
.main-content{background:url("images/main-bkg.png") no-repeat bottom; background-size:100%;}
.main-content a{color:#4a5462 ; font-weight:700;}
.main-content a:hover{color:#92c83e;}

.main-content ul { list-style: none; }
.main-content ul:not(.service-menu):not(.sub-menu) li::before { content: "\2022"; color: #92c83e; font-weight: bold;  display: inline-block;  width: 1em;  margin-left: -1em; }
.main-content ul.service-menu{padding:0px; margin:0px;}
.main-content ul.service-menu ul.sub-menu{margin-bottom:1em;}
.main-content ul.service-menu a{font-weight:300;}
.main-content ul.service-menu > li > a{text-transform:uppercase;}
.main-content ul.service-menu .current-menu-item > a{color: #92c83e;}

strong{font-weight:700;}
h1{color:#4a5462; text-transform:uppercase; font-weight:700 !important;}
h2{color:#92c83e; font-weight:700 !important;}
h2.cursive{color:#92c83e;}
h2.sidebar-heading{color:#4a5462;}
h3{color:#4a5462; font-weight:700 !important;}
h4{color:#92c83e; font-weight:700 !important;}
h5{color:#4a5462; font-weight:700 !important;}
.cursive, h2.sidebar-heading{font-family: 'BryanKimberly'; font-weight:400 !important;}

h2.cursive, .solp-banner h2, .filter-container h1{font-size:9em !important;}
h1{font-size:4em !important;}
h2{font-size:3.8em !important;}
.solp-services h2, .solp-classes h2, .solp-dyk h2, .solp-cta .cta-text, h2.sidebar-heading, .footer-top p.tagline{font-size:6.5em !important;}
h3{font-size:3.7em !important;}
h4{font-size:3.6em !important;}
h5, p, .main-content ul:not(.service-menu):not(.sub-menu), .main-content ol, .solp-dyk h3.pointheading, .solp-classes h3.serviceheading{font-size:3.5em !important;}
a.btn, a.mybtn, .solp-services .servicedesc p, .solp-classes .servicedesc p{font-size:3em !important;}
.headerphone{font-size:2.75em !important;}
ul.service-menu{font-size:2.5em !important;}
ul.menu, ul.footermenu, .footer-middle h4, .footer-middle p, .footer-bottom, .solp-classes .btn{font-size:2em !important;}
/*=============ALIGNMENT AND IMAGES=============*/
.alignright {float: right;}
.alignleft {float: left;}
.aligncenter {display:block; margin:auto;}
img{max-width:100%; height:auto;}
a img {border:none;}
img{max-width: 100%;  height: auto; vertical-align: middle;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {float:right; margin-left:10px;}
img.alignleft {float:left; margin-right:10px;}
.wp-caption{}
.wp-caption p{}
/*=============FORMS AND BUTTONS=============*/
.grecaptcha-badge{display:none !important;}
fieldset{border:none;padding:0px; margin:0px;}
:-ms-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
::-webkit-input-placeholder{color:#000000; opacity: 1 !important;}
input[type=text], input[type=tel], input[type=email], input[type=password], input[type=email]{background:rgba(255,255,255,0.10); color:#212529; padding:0.5em; border-radius:0em; border:1px solid #9fa3a6; width:100%; font-family: 'Josefin Sans', sans-serif !important; font-size:1em; margin-bottom:1em; outline:0 !important;}
input[type="text"]:disabled { background: #EEEEEE;}
textarea{background:rgba(255,255,255,0.10); color:#212529; padding:0.5em; border-radius:0em; border:1px solid #9fa3a6; width:100%; font-family: 'Josefin Sans', sans-serif !important; font-size:1em; margin-bottom:1em; outline:0 !important;}
select{-webkit-appearance: none; -moz-appearance: none; border:1px solid #161c35; font-size:0.8em !important; background:url(images/dropdown.png) no-repeat #FFFFFF; background-position: right 10px top 50%; background-size:0.75em; padding:0.5em 2em 0.5em 0.5em; width:100%; outline:0 !important;}
.form-field{margin-bottom:1em;}
.form-field label{}
.frm_radio{width:31.66%; margin-left:2.5%; float:left;}
.frm_radio:nth-child(3n+1){margin-left:0px;}
input[type="radio"] {  -webkit-appearance: none;  -moz-appearance: none;  appearance: none; outline:none !important;}
input[type='radio']:after { width: 15px; height: 15px;  border-radius: 15px; top: -2px; left: -1px; position: relative;  background-color: rgba(255,255,255,0.1); content: '';  display: inline-block;  visibility: visible;  border: 1px solid #003399;}
input[type='radio']:checked:after {width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; background-color: #003399;  content: '';  display: inline-block; visibility: visible; border: 1px solid #003399;}
.has-free-text input.wpcf7-free-text { width: auto;}
.wpcf7-list-item {display: block !important; margin: 0 0 0 1em;}

a.mybtn, input.wpcf7-submit{background:#92c83e; color:#FFFFFF; border:none; border-radius: 0.5em 0px 0.5em 0px;  text-align:center; text-transform:uppercase; display:inline-block; font-weight:600; padding:0.5em 2.5em; line-height:1;}
a.mybtn:hover, input.wpcf7-submit:hover{background:#4a5462; color:#FFFFFF;}

a.btn{display:block; border:none; border-radius:0.5em 0px 0.5em 0px !important;  text-align:center; text-transform:uppercase; font-weight:600; padding:0.5em 2.5em; line-height:1;}

.btn-group a.btn.btn-primary{background:#4a5462; color:#FFFFFF;}
.btn-group a.btn.btn-primary:hover{background:#92c83e;}
.btn-group a.btn.btn-outline-secondary{background:#92c83e; color:#FFFFFF;}
.btn-group a.btn.btn-outline-secondary:hover{background:#4a5462;}

.wp-block-buttons{padding:2em 0px;}
.wp-block-buttons > .wp-block-button{margin-bottom:0px !important;}


div.wpcf7-response-output{margin:1em 0px;}
div.wpcf7-mail-sent-ok{border:1px solid #707071 !important; background:#707071;}
div.wpcf7-validation-errors{border:1px solid #707071 !important; background:#707071;}
button{outline:0 !important;}
#frm_form_1_container{position:relative;}
#frm_form_1_container .frm_submit{position:absolute; bottom:2em; right:0px;}
/*=============HEADER=============*/
header{position: -webkit-sticky; position: sticky; top: 0; padding: 0; background: #FFF; z-index: 1111;}
header i{color:#92c83e; margin-right:0.5em;}
header .headerphone a{color:#4a5462; font-weight:700;}
header .headerphone a:hover{color:#92c83e;}
header .mobileicons{display:flex; display: -ms-flexbox; justify-content: flex-end}
header .mobileicons .headerphone a{font-size:2em; margin-right:0.5em;}
header .mobileicons .headerphone a span{display:none;}
header .header-links .headerphone, header .header-links a.mybtn{display:inline-block; margin-left:2em;}

/*=============CONTENT=============*/
.solp-banner{position:relative; height:83.4vh;}
body:not(.home) .solp-banner{height:41.7vh;}
.solp-banner h1, .solp-banner h2{font-family: 'BryanKimberly'; color:#cc896a; font-weight: 400 !important;}
.solp-banner a.btn{background:#cc896a; color:#FFFFFF; display:inline-block; }

.filter-container{position:relative; height:41.7vh;}
.filter-container h1{font-family: 'BryanKimberly'; color:#cc896a; font-weight: 400 !important; text-transform:capitalize;}

ul.sidebar{list-style:none; padding:0px; margin:0px;}
ul.sidebar.row{margin-left:-15px; margin-right:-15px;}

.btn-group{width:100%;}
.btn-group .btn:not(:first-child){margin-left:10% !important;}

.solp-services .container-fluid{padding-left:15px !important; padding-right:15px !important;}
.solp-services h2{font-family: 'BryanKimberly'; color:#FFFFFF; font-weight: 400 !important;}
.solp-services .row .colour-pink{background:#dbac96; color:#FFFFFF;}
.solp-services .row .colour-green{background:#b2d878; color:#FFFFFF;}
.solp-services .row .colour-grey{background:#808791; color:#FFFFFF;}
.solp-services .row .colour-pink a.btn{background:#cc896a; color:#FFFFFF;}
.solp-services .row .colour-pink a.btn:hover{background:#4a5462;}
.solp-services .row .colour-green a.btn{background:#92c83e; color:#FFFFFF;}
.solp-services .row .colour-green a.btn:hover{ background:#cc896a;}
.solp-services .row .colour-grey a.btn{background:#4a5462; color:#FFFFFF;}
.solp-services .row .colour-grey a.btn:hover{background:#92c83e;}

.solp-classes{background:url("images/symbol.png") no-repeat #808791; background-size:cover;}
.solp-classes h2{font-family: 'BryanKimberly'; color:#FFFFFF; font-weight: 400 !important;}
.solp-classes .blockdesc{color:#FFFFFF;}
.solp-classes .blockdesc a{color:#FFFFFF; font-weight:700;}
.solp-classes .blockdesc a:hover{color:#92c83e;}
.solp-classes .item-inner{border:1.5em solid #FFFFFF;}
.solp-classes .item-inner .content-inner{display:none; position:absolute; top:1.5em; bottom:1.5em; left:1.5em; right:1.5em;}
.solp-classes .item-inner:hover .content-inner{display:block; background:rgba(204,137,106,0.75); color:#FFFFFF;}
.solp-classes h3.serviceheading{color:#FFFFFF; text-align:center;}
.solp-classes .servicedesc p{color:#FFFFFF; text-align:center;}
.solp-classes a.btn{color:#FFFFFF; padding:0px;}
.solp-classes a.btn:hover{color:#4a5462;}

.solp-dyk h2{font-family: 'BryanKimberly'; color:#4a5462; font-weight: 400 !important; margin-bottom:1em;}
.solp-dyk .point{display:table;}
.solp-dyk .point h3.pointheading{display:table-cell; text-align:center; color:#FFFFFF; }
.solp-dyk .point h3.pointheading span{border-radius:3.5em; width:3.5em; height:3.5em; display:block; line-height: 3.5em; white-space: nowrap;}
.solp-dyk .point p.pointdesc{display:table-cell; padding-left:2em;}
.solp-dyk .point:nth-child(3n+1) h3.pointheading span{background:#dbac96;}
.solp-dyk .point:nth-child(3n+2) h3.pointheading span{background:#b2d878;}
.solp-dyk .point:nth-child(3n+3) h3.pointheading span{background:#808791;}

.blog-item .blog-image{height:10vw; text-align:center; margin-bottom:2em;}
.blog-item .blog-image img{object-fit: contain; width:100%; height:100%;}
.blog-item a.btn{background:#92c83e; color:#FFFFFF;}
.blog-item a.btn:hover{ background:#cc896a;}

.solp-cta .cta-text{font-family: 'BryanKimberly'; color:#FFFFFF; font-weight: 400 !important; line-height:1;}
.solp-cta a.btn{background:#92c83e; color:#FFFFFF; display:inline-block;}
.solp-cta a.btn:hover{background:#4a5462; }
/*=============FOOTER=============*/
footer .footer-top{background:#b2d878; }
footer .footer-top p.tagline{font-family: 'BryanKimberly'; color:#FFFFFF; font-weight: 400 !important; line-height:1; margin:0px !important;}
footer .footer-middle{background:#4a5462; color:#ffffff;}
footer .footer-middle h4{color:#ffffff; text-transform:uppercase;}
footer .footer-bottom{background:#4a5462; color:#ffffff; border-top:2px solid #808791;}
footer .footer-middle a, footer .footer-bottom a{color:#ffffff; } 
footer .footer-middle a:hover, footer .footer-bottom a:hover{color:#b2d878;} 

@media only screen and (max-width: 575px){
	body{font-size:5px !important;}
	
	.solp-banner{position:relative; height:50vh;}
	
}

@media only screen and (min-width: 576px){
	body{font-size:6px !important;}
	
	/*.wp-block-column{flex-basis: calc(50% - 2.5em) !important;}
	.wp-block-column:not(:first-child){margin-left: 5em !important;}*/
	
}

@media only screen and (min-width: 768px){
	body{font-size:6px !important;}
	
	.grey-boxes .row .col-md-4 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
	.grey-boxes .row > div:nth-child(2n+2){margin-left:5%; margin-right:5%;}
	

	
}

@media only screen and (min-width: 992px){
	body{font-size:7px !important;}
	
}

@media only screen and (min-width: 1200px){
	body{font-size:7px !important;}
	
	
}

@media only screen and (min-width: 1400px){
	body{font-size:8px !important;}
	
}

@media only screen and (min-width: 1900px){
	body{font-size:10px !important;}
}
@media only screen and (min-width: 1920px){
	.container-fluid{padding-left:15% !important; padding-right:15% !important;}
}
@media only screen and (min-width: 2500px){
	header .pl-5{padding-left: 3.8rem !important;}
}
@media only screen and (min-width: 3000px){
	.container-fluid{padding-left:20% !important; padding-right:20% !important;}
}

@media only screen and (max-width: 767px){
	.footer-middle .container-fluid{padding-left:15px !important; padding-right:15px !important; }
	.footer-middle .widget_block:not(:last-child){display:none;}
}

@media only screen and (orientation: landscape) and (max-width: 767px) {
	.solp-banner{position:relative; height:100vh;}
}

@media only screen and (orientation: portrait) and (min-width: 768px) {
	.solp-banner{position:relative; height:50vh;}
}