/*
Theme Name: Stepping Stones Care Services
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: A customized theme, using the Beaver Builder CMS, for Stepping Stones Care Services.
Author: Graham Davies, GD Graphics
Author URI: https://gdgraphics.co.uk
template: bb-theme
*/

/* Add your custom styles here... */ 

/*
#618fba light blue
#044d89 dark blue
*/
/*@import url('https://fonts.googleapis.com/css?family=Boogaloo|Luckiest+Guy');*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Ubuntu:wght@300;400;500&display=swap');

body {
    background-color: #ffffff !important;
    }
    /*colour overrides*/
.fl-row .fl-col h2.fl-heading a, .fl-row .fl-col  h2.fl-heading .fl-heading-text, .fl-row .fl-col  h2.fl-heading .fl-heading-text *,  h2.fl-heading .fl-heading-text {
    color: #618fba;
}
.fl-node-5b2237395d9bc > .fl-row-content-wrap{/*footer*/
  background-color: #618fba
}
.fl-node-5b2237395d9a0 > .fl-row-content-wrap{/*belowfooter*/
  background-color: #618fba
}
a {
    color: #044d89;
}
a:hover{
  color: #618fba;
}
.fl-builder-content .fl-node-5fae76f16d7d6 .fl-button-group-buttons a.fl-button:hover,.fl-builder-content .fl-node-5fae76f16d7d6 .fl-button-group-buttons a.fl-button:focus, 
.fl-builder-content .fl-node-5fae7f78e13ab .fl-button-group-buttons a.fl-button:hover,.fl-builder-content .fl-node-5fae7f78e13ab .fl-button-group-buttons a.fl-button:focus, 
.fl-builder-content .fl-node-5fb39f31a0bdf .fl-button-group-buttons a.fl-button:hover,.fl-builder-content .fl-node-5fb39f31a0bdf .fl-button-group-buttons a.fl-button:focus, 
.fl-builder-content .fl-node-5fb3a3d8b640e .fl-button-group-buttons a.fl-button:hover,.fl-builder-content .fl-node-5fb3a3d8b640e .fl-button-group-buttons a.fl-button:focus, 
.fl-builder-content .fl-node-5fb3a4cfc352a .fl-button-group-buttons a.fl-button:hover,.fl-builder-content .fl-node-5fb3a4cfc352a .fl-button-group-buttons a.fl-button:focus, 
.fl-builder-content .fl-node-5fb3a6027c075 .fl-button-group-buttons a.fl-button:hover,.fl-builder-content .fl-node-5fb3a6027c075 .fl-button-group-buttons a.fl-button:focus, 
.fl-builder-content .next-house-btns .fl-button-group-buttons a.fl-button:hover,.fl-builder-content .next-house-btns .fl-button-group-buttons a.fl-button:focus


{background: #618fba;}

.shadedbg {
background:rgba(0,0,0,0.50);
border-radius:10px;
padding:20px;
position:relative;
top:-80px;
}

.orange-btn, .orange-btn:hover {
background-color:#f2632b;
border: 1px solid #faaa5d;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
display: inline-block;
font-size: 20px;
font-weight: bold;
line-height: 18px;
padding: 12px 24px;
text-decoration: none;
text-shadow: none;
}

#homesection1 {
}

#homes-titles    {
}



.homes-title {
   color: #f2632b;
   text-shadow:
       3px 3px 0 #044d89,
     -1px -1px 0 #044d89,  
      1px -1px 0 #044d89,
      -1px 1px 0 #044d89,
       1px 1px 0 #044d89;
       letter-spacing:2px;
       -webkit-text-stroke: 2px #fff;
}

.home-heading-box {
background:transparent url('img/home-titles-bg.png') center center no-repeat;
padding:100px 0;
background-size:contain;
margin-top:200px;
}

@media only screen and (max-width: 600px) {
.home-heading-box {
margin-top:90px;
padding:20px 0 20px 0;
		}
		
.homelinktitle {
    position: relative;
    top: -45px !important;
    border-radius: 0px 0px 7px 7px;
}
   }
   
   
.fl-node-5b23e1dfdd8d6 .fl-heading .fl-heading-text {
    font-weight: 400;
    color: #f2632b;
    -webkit-transform: rotate(356deg);
    -moz-transform: rotate(356deg);
    -o-transform: rotate(356deg);
    writing-mode: lr-tb;
    }
    
.fl-module-video {
    border: 10px solid #faaa5d;
	border-radius: 20px;
	margin-bottom:25px;
}

.fl-photo-img {
border-radius:7px;}

.boxedmenu {
text-align: center;
min-height: 100px;
border-radius: 10px;
background: rgb(179,220,237);
background: -moz-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 100%, rgba(188,224,238,1) 100%);
background: -webkit-linear-gradient(top, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 100%,rgba(188,224,238,1) 100%);
background: linear-gradient(to bottom, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 100%,rgba(188,224,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 );
margin:0 5px;
}

.boxedmenu2 {
text-align: center;
min-height: 100px;
border-radius: 10px;
background: rgb(255,183,107);
background: -moz-linear-gradient(top, rgba(255,183,107,1) 0%, rgba(255,167,61,1) 50%, rgba(255,124,0,1) 100%, rgba(255,127,4,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 100%,rgba(255,127,4,1) 100%);
background: linear-gradient(to bottom, rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 100%,rgba(255,127,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 );
margin:0 5px;
}


h1, h2 {
    color: #044d89;
    font-family: 'Ubuntu', sans-serif;
    }
    
.boxedmenu h2 a, .boxedmenu2 h2 a {
color:#fff;
font-family: 'Ubuntu', sans-serif;
/*font-family: 'Luckiest Guy', sans-serif;*/
font-weight: 400;
font-size: 135%;
}

.boxedmenu h2 a:hover, .boxedmenu2 h2 a:hover {
color:#215FB5;
}

#mainlogo {
    z-index:80;
}
.st0{background-color:#044d89 !important;}
.st1{background-color:#009DDC !important;}

.housetext, .housetext p, .housetext h3 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size:130%;
}

.bigpic  {
  border-radius:25px;
  padding:0;
}

/*#bigpictitle {
    position:relative;
    top: 80px;
    right: 60px;
    z-index: 40;
    text-shadow: 1px 1px 8px #ffffff;
}*/


.homelinktitle {
    position: relative;
    bottom: 44px;
    border-radius:0px 0px 7px 7px;
    margin: 0 ;
    }
    .homelinktitle .fl-module-content:before{
      display:none;
    }
       @media(min-width:400px) {
    .homelinktitle {
    margin: 0 0px 0 0px;
    }
   
  }
   @media(min-width:769px) {
    .homelinktitle {
    bottom: -16px;
    margin:0;
    }
     .homelinktitle .fl-module-content:before{
      display:table;
    }
  }

.homelinktitle h3.fl-heading {
font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size:1.1em;
    background-color:#618fba;
}
.homelinktitle h3.fl-heading:first-line {
  font-weight: 400;
}
.homelinktitle h3.fl-heading a,
.homelinktitle h3.fl-heading a:visited{
color:#fff;}

.homelinktitle h3.fl-heading a:hover{
color:#044d89;}

.ourhomes-pic {
height:230px;
}
#mapid h3 {
    font-size: 1.3em;
}
.pagetitle h2.fl-heading {
font-family: 'Ubuntu', sans-serif;
font-weight: 600;
/*font-size: 255%;*/
color:#044d89;
}

.fl-row-full-height .fl-row-content-wrap, .fl-row-custom-height .fl-row-content-wrap {
    min-height: 90vh !important;
}

#mobilemenu {
background-color:#044d89;}

#mainmenubuttons, #mainmenubuttons ul.menu {width:100%;}

#mainmenubuttons ul li {
text-align: center;
width:15%;
border-radius: 10px;
background: rgb(255,183,107);
background: -moz-linear-gradient(top, rgba(255,183,107,1) 0%, rgba(255,167,61,1) 50%, rgba(255,124,0,1) 100%, rgba(255,127,4,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 100%,rgba(255,127,4,1) 100%);
background: linear-gradient(to bottom, rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 100%,rgba(255,127,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 );
margin:0 0.5%;
}

#mainmenubuttons ul li ul.sub-menu {
text-align: center;
width:90%;
margin:0 auto;
}
#mainmenubuttons ul li ul.sub-menu li {
width:88%;
}

.fl-menu .menu > li {
font-size: 16px !important;
}
@media(min-width:769px) {
.header-contact {
    width: min-content;
    margin: 0 0 0 auto;
    float: right;
}
}
.callout-text-on-image .fl-callout {
    position: relative;
}
.callout-text-on-image .fl-callout-title {
    position: absolute;
    bottom: 10px;
    left: 50%;
  transform: translate(-50%);
  font-size: 1.3em;
}
 @media(min-width:769px) {
  .callout-text-on-image .fl-callout-title {
  font-size: 2em;
}
  }

.callout-text-on-image .fl-callout-title a{
  color: #FFFFFF;
  text-shadow: 1px 1px #000000
}
.callout-text-on-image .fl-callout-title a:hover{
  color: #618fba;
}
.fl-terms-checkbox label {
    font-weight: 100;
    font-size: .9em;
}
.slb_details{
  display: none;
}
.fl-content-slider:after{
  content: 'Leading providers of residential care and support for children and young people with complex needs';
  color: #FFFFFF;
  text-shadow: 2px 2px 4px #000000;
  position: absolute;
  top: 10px;
  width: 100%;
  text-align: center;
  z-index: 5;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 400;
  font-size: 1em;
  padding: 0px 10px;
}
@media(min-width:769px) {
  .fl-content-slider:after{
    top: 20px;
    font-weight: 600;
    padding: 0px 5%;
    font-size: 1.7em;
  }
}
@media(min-width:993px) {
  .fl-content-slider:after{
    font-size: 2.1em;
  padding: 0px 10%;
  }
}