.scrollpadding{
  scroll-margin-top: 120px;
}
#cconsent-bar{
font-size:0.8em;
}
#youarehere, #lowerhr, .pagebuttons{
display:none;
}
#contentcontainer{
padding-top:50px;
}
.lead{
font-size:1.2em;
}
.larger{
font-size:2em;
padding-top:10px;
}
.editorbutton{
font-size:1em;
}
.outerpad{
padding-top:60px;
padding-bottom:60px;
}
.baytreebutton{
background-color:#F8F7E6;
background-image:url(btleaves.png);
background-repeat:no-repeat;
background-position: center right;
padding:10px 20px 1px 20px;
margin:-80px 10px 0px 10px;
-webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

.baytreebutton p{
margin-top:0px;
}
#openingtimes{

}
.otrow{

}
.otday{
width:50%;
display:inline-block;
font-weight:bold;
}
.ottime{
width:50%;
display:inline-block;
text-align:left;
}
.contactinset{
padding-left:50px;
}
.contactinset i{
color:#B5BE34;
font-size:2em;
position:absolute;
margin-left:-50px;
padding-top:0px;
}
.socialicon{
text-align:center;
font-size:1.4em;
flex-grow:1;
margin-top:30px;
}
.socialicon span{
margin-bottom:15px;
}
.socialicon a .fa-circle{
color:#B5BE34;
}

.socialicon a:hover .fa-inverse{
color:#3B3B3C;
}
.btbutton a{
text-decoration:none !important;
}
.btbutton:hover .baytreebutton{
background-color:#F0EFCC;
}
.blockbutton{
padding:50px 10px 50px 10px;
text-align:center;
}
.blockbutton img{
height:72px;
width:auto !important;
display:block;
margin-left:auto;
margin-right:auto;
}
.blockbutton h4{
margin-top:20px;
}
.blockbutton h4 a{
text-decoration:none;
}
.blockbutton.bglight h4 a{
color:#31313F;
}
.blockbutton p{
margin-top:0px;
}
.blockbutton.bglight a{
color:#8C9726;
text-decoration:none;

}
.blockbutton.bglight{
-webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
.blockbutton.bglight:hover{
background-color:#F8F7E6 !important;
}
.blockbutton.bglight p a::after{

content: "\f324";
font-family: "Font Awesome 6 Pro";
margin-left:5px;
}
.blockbutton.bglight p a:hover{
padding-left:7px;
}
.blockbutton.bglight p a:hover::after{
margin-left:12px;
} 
.flipbutton {
  position:relative;
  background-size:cover;

}

/* This container is needed to position the front and back side */
.flipbutton-inner {
  position: absolute;
  opacity:1;
  background-color:#F0EFCC;
  width:100%;
  height:100%;
  transition: .5s ease;
  padding:10px;
  text-align:center;
  display:flex;
  align-items:center;
}

.flipbutton:hover .flipbutton-inner{
opacity:0;
}
.flipbutton-innercontent{
width:100%;
}
.flipbutton-innercontent figure{
max-width:72px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}
.flipbutton-innercontent p{
padding-top:0px;
margin-top:0px;

}
#googlecontainer{
display:flex;
}
#google-overview{
text-align:center;
flex:1 1 312px;
align-self:center;
}
#google-overview a{
text-decoration:none;
}
#google-overview .googlelogo{
width:50px;
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
}

#google-reviews{
flex:3 3 735px;
}
#google-reviews .review-item-long{
width:calc(50% - 15px);
text-align:center;
background-color:#F8F7E6;
padding:20px;
margin-right:30px;
margin-top:40px;
}
#google-reviews .review-header{
text-align:center;
}
#google-reviews .review-author{
font-weight:500;
}
#google-reviews .review-picture{
width:65px;
display:block;
margin-left:auto;
margin-right:auto;
margin-top:-55px;
}
#google-reviews .review-date{
display:block;
}
#google-reviews .review-text{
max-height:200px; overflow:hidden;
margin-bottom:0px;

}
#google-reviews .review-text span{
position:absolute;
bottom:0;
}
#google-reviews .next{
display:none;
}
#google-reviews .previous{
margin-left:-45px;
color:#B5BE34;
background:none;
width:35px;
height:35px;
}
.review-stars ul,
.rating-stars ul {
  display: inline-block;
  list-style: none !important;
  margin: 0;
  padding: 0;
}

.review-stars ul li,
.rating-stars ul li {
  float: left;
  list-style: none !important;
  margin-right: 1px;
  line-height: 1;
}

.review-stars ul li i,
.rating-stars ul li i {
  color: #eb6e00;
  /* Google's Star Orange in Nov 2017 */
  font-size: 1.4em;
  font-style: normal;
}

.review-stars ul li i.inactive,
.rating-stars ul li i.inactive {
  color: #c6c6c6;
}

.review-stars ul li i.half-inactive,
.rating-stars ul li i.half-inactive {
  background: -webkit-linear-gradient(0deg, #eb6e00, #eb6e00 50%, #c6c6c6 0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.star:after {
  content: "\2605";
}

.readmore {
  position: relative;
  max-height: 100px;
  overflow: hidden;
  width:200px;
  border: solid 1px blue;
  padding: 10px;
  margin-bottom: 20px;

  transition:max-height 0.15s ease-out;

}

.review-text.expand{
  max-height: 5000px !important;
  transition:max-height 0.35s ease-in-out;
  overflow:visible!important;
  padding-bottom:20px;
}

.read-more{
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width:100%;
  height: 80px;
  text-align: center;
  color: blue;
  font-weight:bold;
  font-size:16px;
  padding-top:40px;
  background: rgb(248,247,230);
background: linear-gradient(180deg, rgba(248,247,230,0) 0%, rgba(248,247,230,1) 50%, rgba(248,247,230,1) 100%);

  cursor: pointer;
}

.read-more.expand {
  position: relative;
  background-image: none;
}

.read-more:after {
  content: "\2b";  
    font-family: "Font Awesome 6 Pro";
    color: #B5BE34;
}
.read-more.expand:after{
 
  content: "\f068";  
    font-family: "Font Awesome 6 Pro"; 
    color: #B5BE34; 
    
}
.greenbox{
padding:15px 20px 15px 20px;
background-color:#F8F7E6;
}

.loveyourlife{
max-width:40%;
margin-top:-30%;
margin-left:auto;
margin-right:auto;
}
.icongrid{
display:flex;
margin-top:15px;
margin-bottom:15px;
column-gap:20px;
}
.icongrid.gl{
border-bottom:1px solid #B5BE34;
}
.icongrid div{
flex: 1 1 50%;
margin:15px 0px 25px 0px;
}
.icongrid div figure{
width:75px;
float:left;
margin-right:20px;
padding-top:8px;
}
figure.rounded{
border-radius:30px;
overflow:hidden;
}
ul.plaintick{
margin-top:20px;
margin-bottom:20px;
}
.colinner>ul.plaintick li::before{
	content: "\f00c";  
    font-family: "Font Awesome 6 Pro";  
    background-color:transparent;
    color:#B5BE34;
    box-shadow:inset 0px 0px 0px 0px;
    }
.col5 .brandwidget-slide{
width:calc(33.3% - 20px);
}
.brandwidget-slide .bw-imgcontainer{
height:200px;
border:0;
}
.brandwidget-slide{
margin-right:30px;
}

@media only screen and ( max-width: 900px )
{
.col5 .brandwidget-slide{
        width:calc(50% - 15px);
        }
.icongrid div figure{
margin-left:auto;
margin-right:auto;
float:none;
display:block;
}
.icongrid div{
text-align:center;
}

#google-reviews .review-item-long{
width:100%;
margin-right:0px;
}
}
@media only screen and ( max-width: 780px )
{
.icongrid{
flex-wrap:wrap;
}
.icongrid.gl{
border-bottom:0px;
}
.icongrid div{
flex: 1 1 100%;
padding-bottom:30px;
border-bottom:1px solid #B5BE34;
}
.icongrid div.last{
border-bottom:0px;

}
}
@media only screen and ( max-width: 600px )
{
.col5 .brandwidget-slide{
        width:calc(100%);
        }
#googlecontainer{
flex-wrap:wrap;
}
#google-reviews{
order:1;
margin-bottom:20px;
}
#google-overview{
order:2;
}

}

.btoffset{
background: rgb(181,190,52);
background:linear-gradient(90deg, rgba(181,190,52,0.20) 0%, rgba(181,190,52,0.20) 60%, rgba(255,255,255,0) 60%), url(btleaves.png);
background-repeat:no-repeat;
background-position: top right;
}
.btoffset figure{
padding-left:20px;
margin-bottom:30px;
}
@media only screen and ( max-width: 900px )
{






                .btoffset{
                background: rgba(181,190,52,0.2);
                }
                }
                @media only screen and ( max-width: 450px )
{
                .btoffset figure{
                padding-left:0px;
                }
                }