/******************************************************************
Theme Name: Black Lodge Cabins
Theme URI: http://www.sparrowdigital.co.uk
Description: 
Author: Sparrow Digital
Author URI: http://www.sparrowdigital.co.uk
Version: 4.0
License: GNU General Public License & MIT
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
******************************************************************/
/* 
red: #d7282f
off black: #1d1d1b
old primary??:#1C3E4B
new primary:#1d252c 
accent: #203d4e
NEW Accent: #d3cabb
New grey DDD8D0
new primary / secondary D3CABB
*/




/*correct formidable not scalling half boxes to fill space */
.frm_form_field.frm_half{
    width:auto !important;
}

.with_frm_style .frm_checkbox label{
    color:#fff!important;
}

.with_frm_style .frm_checkbox input[type=checkbox]{
    color:#fff;
}

.frm_image_option_container .frm_selected_checkmark svg{
    fill:#1C252C!important;
}

.frm_primary_label{
}
.frm_form_field :invalid{
    background-color:transparent!important;
}


.accordion-title:focus, .accordion-title:hover {
    background-color: #E5E1DA;
    color:#373737 !important;
}

.button, .frm_submit input {
    background-color:rgba(0,0,0,0);
}


.with_frm_style input[id=field_phxeo3]{
}



body, .top-bar, .top-bar ul{
    background-color:#fff
    
}

.bg-black{
        background-color:#1C252C;
}
.bg-darkgrey{
    background-color:#BCB2A7;
}
.bg-grey, .post, .mc-banner{
    background-color:#E5E1DA !important;
}


.bg-primary{
    background-color:#c9b893 !important;
}

.bg-secondary{
    background-color:#D3CABB !important;
}

.footer_logo{
    -webkit-box-shadow: 4px 4px 18px -1px rgba(0,0,0,0.3);
-moz-box-shadow: 4px 4px 18px -1px rgba(0,0,0,0.3);
box-shadow: 4px 4px 18px -1px rgba(0,0,0,0.3);
}

/*style captions in newsfeed */
.wp-block-image{
    font-size: 0.85em;
    font-style:italic;
    margin-bottom:2em;
}

.entry-content h5{
    margin-top:2em;
}

.source-org{
    border-top:1px solid;
    padding:1rem;
}

.mm{
    margin-bottom: 1rem !important;
}

.longwrap {
  word-wrap: break-word; }
  
 #testimonials-1, #testimonials-2 {
     
    padding-top:0;
    padding-bottom:0;
 }
 
  #testimonial-1{
     margin-top:0 !important;
 }
 
 
 .tablepress-id-5,
.tablepress-id-5 tr,
.tablepress-id-5 tbody td,
.tablepress-id-5 thead th,
.tablepress-id-5 tfoot th {
	border: none;
}
 

.tablepress td.column-1 {
	text-transform:uppercase;
}
 
.tablepress .column-1 {
	border-right: 1px dashed #ddd;
} 

.tablepress .row-2 {
	border-top: 1px dashed #ddd;
} 
 
.tablepress-id-5 .column-1 {
	width: 20%;
}
 
.tablepress-id-5 .column-2 {
	width: 30%;
}

.tablepress tfoot th, .tablepress thead th {
    background: #f9f9f9;
    color: #575756;
    
}


blockquote.testimonial {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  /*margin: 1.5em 10px;*/
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  text-align: left;
}
blockquote.testimonial:before {
  color: #203d4e;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote.testimonial:after {
  color: #203d4e;
  visibility: hidden;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote.testimonial p {
  display: inline;
}

blockquote.testimonial .review{
    padding-bottom:1em;
    display:block;
}

.review-title{
    
}

/*********** top bar colour change ***********/



#menu-main-menu.menu .submenu>li>a:hover{
	background-color:#fff;
	color:#1d252c;
}


.submenu>li{
	background-color:#E5E1DA;
    }
    
#menu-main-menu.menu .submenu>li>a{
	color:#1d252c;
}

.menu-icon:after, .menu-icon:hover:after {
    background: #d7282f;
    box-shadow: 0 7px 0 #d7282f, 0 14px 0 #d7282f;
}

.menu{
  text-transform:uppercase;
  font-weight:400;
  font-size: 0.8rem;
}

/*#menu-main-menu.menu>li>a {
    color:#1d252c;
}*/

/*********** end top bar colour change ***********/

/*********** Featured image (text over image) restyle ***********/

.featured-row.bior, .featured-row.biol{
    text-align:left;
    padding-top:0;
    padding-bottom:0;
}
.featured-row.bior p, .featured-row.biol p{
    padding:0;
    text-align:left;
    font-size:18px;
}



.flex-stretch .button.expanded, .button-group.expanded .button {
    border: 2px solid white;
    background-color:transparent ;
    color: white;
    margin-bottom:5px;
    margin-right:5px;
     width:33.3333333%;
     
}


.flex-stretch .button-group.expanded .button:nth-last-child(n+2){
    margin-right:1rem !important;
}

.flex-stretch .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button {
    width:calc(33.33333% - 1rem) !important;
}
.flex-stretch .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button:last-child{
    width:calc(50% - 1rem) !important;
}

.flex-stretch .button-group.expanded .button:last-child{
}



.button.solid {
    border: 2px solid white;
    background-color:rgba(255,255,255,0.3) ;
    color:white;
    margin-bottom:5px;
    margin-right:5px;
     width:66.66666666666%;
     font-size:1.5rem;
     
}

.button.solid:hover {
    background-color: rgba(255,255,255,0.7);
        color:#373737;
}

.button.solid_dark {
    border: 2px solid white;
    background-color:rgba(0,0,0,0.2) ;
    color:white;
    margin-bottom:5px;
    margin-right:5px;
     width:66.66666666666%;
     font-size:1.5rem;
}
     
.button.solid_dark:hover {
    background-color: rgba(0,0,0,0.6);
    color:white;
}
    


.button.dark {
    border: 2px solid rgba(0,0,0,0.15)!important;
    background-color:rgba(0,0,0,0)!important;
    color: #373737!important;
    margin-bottom:5px;
    margin-right:5px;
     /*width:33.3333333333%;*/
}
.button.dark:hover {
    background-color: rgba(0,0,0,0.1)!important;
}




/*********** END Featured image (text over image) restyle ***********/



@media screen and (max-width: 639px) {
    
    .featured-row.bior, .featured-row.biol{
    text-align:left;
    padding-top:0;
    padding-bottom:0;
    margin:0;
}

/****** Spec menu wrapping for mobile *****/
.menu.expanded {
    display: flex;   
  flex-wrap: wrap;
  
}

ul.menu.expanded li{
    margin:auto;
}
/****** END Spec menu wrapping for mobile *****/


}
@media screen and (max-width: 1023px) {
    
    .flex-stretch .button.expanded{
        width:100%;
    }
    .flex-stretch .button.expanded, .button-group.expanded .button {
         min-width:100%;
    }
    
    .button.dark {
        width:100%;
         min-width:100%;
    }
}


.flex-stretch .button.expanded:hover, .button-group.expanded .button:hover {
    background: white;
    color:black;
}


.featured-row.ior p,.featured-row.ior h1{
    color:black ;
}



/*********** END Featured image restyle ***********/

.pl {
    padding: 4rem 1.5rem;
    /*margin: 0 1.5rem;*/
}

.pl-tight {padding: 2rem 1.5rem 0rem 2rem;
}

.grid-link{
}

.grid-link a>span {
    text-transform:capitalize;
    /*color:white;*/
    font-size:1.5rem;
    /*top:70%; resize grid link text box to slither at bottom*/
    /*background: hsla(208, 21%, 14%,.5);	*/
    
}

.grid-link a>span:hover {
    opacity: 1;
}


/*.grid-link:hover a>span {
    opacity: .2;
}*/

.grid-link:hover img {
    transition: all .4s ease;
    /*filter: grayscale(80%);*/
    opacity:.7;
        display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}


/********** Contact form button **********/
.frm_style_formidable-style.with_frm_style .frm_submit .button{
    text-transform:uppercase;
    font-weight:lighter;
    font-size:14;
}

.frm_style_black-lodge-cabins-2.with_frm_style .frm_submit button{
    text-transform:uppercase;
    font-weight:lighter;
    font-size:14;
    background:none;
}

.frm_style_black-lodge-cabins-2 .form-field input:focus{
    background:none;
}

.frm_fields_container{
    margin-top:2em;
}


/********** END Contact form button **********/


#mc_embed_signup .input.email{
    width:100% !important;
}


/********* PRODUCT PAGE *********/
#overview.ml{
    margin-top:4em !important ;
    margin-bottom:4em !important;
}

@media screen and (max-width: 639px) {
    #overview.ml{
        margin-top:1.5em !important;
        margin-bottom:0em !important;
    }
#innter-content.ml{
    margin-top:0.5em !important;
}
}
@media screen and (max-width: 1023px) {
    #overview.ml{
        margin-top:1.5em !important;
        margin-bottom:0em !important;
    }
    #inner-content.ml{
    margin-top:0.5em !important;
}
}



#inner-content.ml{
    margin-top:0em !important;
}

/********* END PRODUCT PAGE *********/

/********* Text alignment and styles **********/

.left{
    text-align:left;
}

.large-text{
    font-size:20px;
}

.stars {
    color:#203d4e;
}

hr{
    border-bottom: 1px dashed #203d4e;
}

.front-page{
    font-size:1.1rem;
    text-align:left;
    margin-top:50px;
}

.bold-close{
    /*letter-spacing: -0.05rem;
    font-weight:bolder;*/
    text-transform: uppercase;
}

/********* END Text alignment and styles **********/

/******** Fix for popup contact background ******/
.reveal{
    background-color:#1d252c;
    border:none;
}
.pa h1, button.close-button {
    color:white;
}
/******** END Fix for popup contact background ******/
/******** File Download Button *******/
.button.content{
    width:100%;
    background-color:#1d252c;
}
/******** END File Download Button *******/

.button {
   
}

#mc_embed_signup input.button{
    
     text-transform:uppercase;
    font-family: futura-pt,Arial,sans-serif;
    border: 1px solid #fff!important;
    color: #fff!important;
    background: transparent!important;
    
    width:100%!important;
    height:auto!important;
    padding: .85em 1em;
    line-height:inherit!important;
    font-size: .9rem;
    border-radius: 2px;
    font-weight: lighter;
    margin-right:0;
}
#mc_embed_signup input.email{
    width:100%!important;
}


/********** Banner text styling ********/

.banner .slide-details h2 {
   /*background-color:rgba(28,62,75,0.6);*/
    /*background-color:rgba(219,84,97,0.8);*/
    padding:0.3em;
    font-size:1.5em;
    font-weight: 600;
    font-style: bold;
    line-height:0.8em;
}
.banner .slide-details h2 {
    margin:auto;
}
.banner .slide-details h2 a{
    padding:0;
    float:left;
}

.tagline{
    font-weight:200;
    font-style: normal;
    font-family:futura-pt,Arial,sans-serif;
    font-size:0.4em;
    letter-spacing:0.2em;
    text-transform:uppercase;
}

.bannerlink{
    text-decoration:underline;
    font-size:0.4em;
}

@media print, screen and (min-width: 40em) {
    .banner .slide-details h2{
        /*font-size:2.25em;*/
        bottom:auto !important;

    }
    
    .bg-black h3{
    font-size:1.1875rem;
}
}

@media print, screen and (min-width: 64em){
    .banner .slide-details h2{
        /*font-size:3.5em;*/
        bottom:auto !important;

    }
}


/********** END Banner text styling ********/

.post  {
    padding: 2em;
}


/*body{
  padding: 0 2rem;
}*/

.bg-black, .bg-grey, .bg-white, .bg-primary, .bg-dark-grey, .row.relative{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.footer{
  padding: 1.5rem;
}

/* Banner 2 coloumn */


.left-feature-column{
   
    padding: 10px 40px 10px 0px;
}
.right-feature-column{
    border-style: solid;
    border-width: 0px 0px 0px 2px;
    border-color: #373737;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 20px 0px 20px 40px;
display: flex;
  align-items: center;
    
}


/* END Banner 2 column */


/******* Media screen - change margin for mobile ******/
@media screen and (max-width: 1023px) {
    /*body{
 padding: 0 1rem;
}*/


.bg-black, .bg-grey, .bg-white, .bg-primary, .bg-dark-grey, .row.relative{
  margin: 1rem 0;
}

.footer{
  padding: 0.75rem;
}

.pl {
    padding: 2rem 0.75rem;
}

.columns{
    padding: 0.625rem;
}


/*
.slick-slide{
height:20em;
width:auto;
overflow:hidden;
}

.banner .slick-slide img{
     display: block;
     height:100%;
    min-height:100%;
    margin-left: auto;
    margin-right: auto;
}

.banner .slide-image{
    height:100%;
    overflow:hidden;
    position:relative;
    
}*/
}





/*.logo-container{
   margin: 0 !important; 
}*/

/*.banner .slide-image{
  height:15rem;
  position:relative;  
}

.img{
  height:100% !important;
  max-width:200%;  
}*/


.menu > li.active > a {
	border: 1px solid #1d252c;
}
.submenu > li.active > a {
	border:0;
	font-weight: normal;
}
	#menu-main-menu.menu > li > a {
		color: #1d252c;
	}
	#menu-main-menu.menu .submenu > li > a {
		color: #1d252c;
	}
		#menu-main-menu.menu .submenu > li > a:hover {
			color: #1d252c;
		}
		
		
.menu-button {
    position: absolute;
    top: 35px;
    right: 1rem;
}

/*
.slick-slide {
  height: 40rem;
   }
   
.banner .slick-slide img{
    width:auto;
    height:100%;
}
   
.slide-image{
    height:100%;
}
img{
    max-width:200%;
}

.slick-slide.c {
    display: inline-block;
    vertical-align: middle;
    float:none;
}
*/
/*
.slick-slide {
    height: auto; 
  }
  .slick-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
  }
  */
  
/******  .slick-slide {
   height:600px;
   flex-wrap:wrap;
    min-height:20rem;
    max-height:35rem;
    
    text-align: center;
}

.slick-slide img {
    height:100%;      
    overflow:hidden;
    max-width:1000%;
      
    vertical-align: middle;
    display: inline-block;
}

.slick-track{
   height:100%!important;
}

.slide-image{
    height:100%;
    width:auto!important;
    overflow:hidden;
}

.banner .slick-slide {
    height:100%;
}
.banner .slide-image {
    height:100%;
}


.slick-initialized .slick-slide {
    float: none;
    display: inline-block;
    vertical-align: middle;
}
*/
/**.slick-slide {
   height:600px;
}

.slick-slide img{
    height:100%;
    width:auto!important;
    max-width:auto;
}

.slide-image{
   display: flex;
  flex-direction: column;
}

@media screen and (max-width: 1023px) {
    .slick-slide {
   height:300px;
}
}
*/


/* Disabled for causing slide to not scale fully in mobile 

.slick-initialized .slick-track {
    display: flex;
    align-items: center;
}*/

/*.featured-row{
}
*/

/*** float right featured image row ***/
.medium-offset-5 p {
    text-align:right !important;
}

.medium-offset-5 .light-text {
    text-align:right;
}

.medium-offset-5 a.button.expanded{
 float:right;   
}

/*change size of featured row box*/
.maxw{
    max-width:1000px !important;
}

/* centred image fix */
.featured-row.bic{
    padding-top:0;
    padding-bottom:0;
}

@media print, screen and (min-width: 40em){

.medium-offset-3.medium-6 {
     width:100%;
 }
 
.medium-offset-3{
     margin-left:0;
 }
}

/*** END float right featured image row ***/

/* mail chimp popup style */
.mc-banner{
    padding:1rem;

}

#dijit__TemplatedMixin_0.bannerContent__description {
    font-family: playfair-display;
        font-size: 3em;
}


/* feature row dark */
.feature_row_dark p ,.feature_row_dark h1{
    color:#373737 !important;
    text-align:left !important;
    padding:0px !important;
}


.feature_row_dark .featured-row.bior p, .featured-row.biol p{
    color:#373737;
    text-align:left;
}

.product-menu a:focus{
    color: #ffffff;
}



.fa-padded{
    padding: 0px 20px 0px 20px;
}

.cropimage {
  object-fit: cover;
  width:250px;
  height:250px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/*
.slick-initialized .slick-slide {
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.slick-slide{
    height:30rem;
}
*/
/*
.slick-slide {
   height:30rem;
}

.slide-image {
   height:30rem;
   width:auto;
}
   .slick-slide.c {
    display: inline-block;
    vertical-align: middle;
    float:none;
}
*/



/* equal height slides 
.slick-track{
    display: flex;
}
    .slick-slide{
        display: flex;
        height: auto;
        align-items: center; 
        justify-content: center; 
    }
    
    */



#sidebar1 .widget {
    padding-bottom:3em;
}


.slick-slide {
    max-height:70vh;
}

.slide-image{
height:100%;
}

.banner .slick-slide img {
           
}

.size-banner-large{
    display:none !important;
}

/* dynamic orientation for mobile */

@media (orientation: landscape)  {
    
    .size-banner-large{
    display:block !important;
}
.size-mobile_slide_image{
    display:none !important;
}  
}


/* MOBILE banner sizing
@media screen and (max-width: 1023px) {
        .banner .slick-slide img {
            width: auto;
            height: 40vh;
            max-width: initial;
            position: relative;
            left: 50%;
            transform: translateX(-50%);
        }
        .slide-image {
            height:40vh;
        }
}
*/

.banner .slide-image{
    background-color:transparent;
}

.banner{
        background-color:transparent;
}

/*
.slick-track{
    height:50vh;
}
*/

/*
.banner .slide-image img{
height:auto;
max-width:1000% !important;
margin-left: 50%;
transform: translateX(-50%);
}


@media screen and (max-width: 639px) {
    .slick-slider {
    height:50vh;
    }
    .banner .slide-image img{
        min-height:50vh;
        width:auto;
        min-width:100%;
}
}
@media screen and (max-width: 1023px) {
    .slick-slider {
    height:50vh;
    }
    .banner .slide-image img{
        min-height:50vh;
        width:auto;
        min-width:100%;
}
}*/



.offer {
    color: #3c9d2c;
}

.outofstock{
    color: #fff;
    background-color: #d19736;
    padding:0.5em;
    border-radius:5px;
    
}

.strike-diagonal {
  position: relative;
}
  .strike-diagonal:before {
    position: absolute;
    content: '';
    left: 0;
    top: 45%;
    right: 0;
    border-top: 2px solid;
    border-color: inherit;
    -webkit-transform: skewY(-10deg);
    -moz-transform: skewY(-10deg);
    transform: skewY(-10deg);
  }



.outlinefirst {
        border: 2px solid rgba(0,0,0,0.15);
    padding:10px;
}
.outline {
        border: 2px solid rgba(0,0,0,0.15);
    padding:10px;
    margin-top:10px;
}

.terms{
    font-size:0.7em;
    color:rgba(0,0,0,0.5);
    display:inline-block;
    line-height:1;
}

.productlogo{
    width:20%;
    float:right;
    display:flex;
}
.productlogo img{

    width:100%;
    object-fit: scale-down;
}

.productheadline{
    width:80%;
    float:left;
    display:flex;
}

@media print, screen and (min-width: 40em){


.productheadline{
width:70%
}
.productlogo{
    width:30%;
}
}
.productsubheading{
    width:80%;
    float:left;
}

.productgroup{
    display:inline-block;
    width:100%;
}

@media screen and (max-width: 639px) {
    .productlogo{
    margin-left: auto;
  margin-right: auto;
    width:40%;
    display:table;
    float:none;
    margin-bottom:1em;
}
.productheadline{
    display:block;
    width:100%;
    text-align:center;
}
.contact-menu-item{
    width:100%!important;
    margin:auto;
}
}
@media screen and (min-width: 1023px) {
.pm{
    padding-top:0;
    padding-bottom:0;
}
}

.sR-list{
    visibility:visible;
    opacity:1;
}

.is-dropdown-submenu-parent a:after{
    border-color: #373737 transparent transparent !important;
}


.slide-details{
   background:rgba(0,0,0,0.2);
    
}

.banner .slide-details h2 {
    color:#575757;
    font-family: futura-pt,Arial,sans-serif;
    font-weight:300;
    /*text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.6);*/
    text-transform:uppercase;
    font-style: oblique;
    letter-spacing:1em;
    line-height: 1em;
    text-align:center;
    position:absolute;
    bottom:0;
    /*width:80%;*/
    padding:1rem;
    /*background:rgba(255,255,255,0.25);*/
}

/* SLIDE LINK */
.slide-link{
    letter-spacing:0.3rem;
    line-height: normal;
    /*color:#373737;*/
    text-align:left;
    display:block;
}



.button.light-slide {
    border: 2px solid rgba(0,0,0,0.35);
    background-color:rgba(0,0,0,0.5) ;
    color: #ffffff;
    font-size:18px;
    font-weight: bold;  
    font-style: italic;
    letter-spacing:normal;
    padding:1em!important;
    margin-top:10px;
    /*width:30%;*/
    text-align:center;
    display:inline-block;
}
.button.light-slide:hover {
    background-color: rgba(0,0,0,0.1);
}

@media screen and (max-width: 639px) {
    .slide-link{
    font-weight:400;
    font-size:70%;
}
.button.light-slide {
     width:100%;
     font-size:50%;
    
}
}
    
@media screen and (min-width: 639px) and (max-width: 916px) {
/* wrap logo and menu on landscape mobile */
.flex-stretch{
    flex-wrap: wrap!important;
}
.logo-container{
    text-align: center;
}


.slide-link{
    font-weight:400;
    font-size:50%;
}


.button.light-slide {
     width:100%;
     font-size:30%;
}
}


/* END SLIDE LINK */

.enquirenow{
    /*color:#3c9d2c;*/
    font-weight: bold;  
    font-style: italic;
    /*background-color:#3c9d2c;*/
}

.blankspace{
    height:12em;
}


a.darklink {
    color:rgba(55,55,55,.6)!important;
    font-style:italic;
}
/*
#menu-main-menu:not(.submenu) > li:last-child {
    background:#c9b893;
    
}
*/

.slick-dots{
    color:#373737;
    bottom:0;
    width:inherit;
    position:inherit;
    margin-left:0;
    margin-bottom:1rem;
    margin-top:1rem;
    line-height:1;
}

@media screen and (max-width: 1023px) {
    .slick-dots{
            margin-top:0.6rem;
    }
    .contact-bar{
    font-size:70%;
}
}

#contact-bar.bg-grey{
    margin-top:0;
    margin-bottom:0;
}

.contact-bar{
    padding-top:0.5em;
    padding-bottom:0.5em;
}

.enquire-contact-bar{
   padding:0.5em;
   background:#c9b893;
   float:left;
}
.contact-menu-item{
    width:auto;
    margin:auto;
}

.fa-contact-bar{
    vertical-align:inherit!important;
    padding-right:0.5em;
}

.large-featured{
    font-size:3em;
}

.featurerowcoloured{
    height:100%;
    max-width:100%;
    object-fit:cover;
}