/* Westermill Style Sheet */


/* Global Changes */

a{
  color: green;
}

html{
    font-family: "Avenir Next", Montserrat, sans-serif;
}

body{
    font-family: "Avenir Next", Montserrat, sans-serif;    
}


/* Carousel Changes */


/* Switched off below as it was leaving a gap on the right on mobile */
/*.carousel-inner{
  width: 120%;
  margin-left: -10%;
}*/

@media (min-width: 768px){
.carousel-inner{
    width: 100%;
    margin: 0;
  }
}


/* Front page featured links on home page */

.home-page .from-panel{
    box-shadow: none;
}

.front-feat-text{
    text-align: center;
    padding: 15px;
    background-color: #EBFFEA;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    max-width: 450px;
    font-size: 16px;

}

.front-feat-text-top{
    text-align: center;
    padding: 6px;
    /*background-color: #19732d;*/
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    max-width: 450px;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: green;


}

.front-feat-left{
    padding-left: 0px;
    padding-right: 10px;
}
.front-feat-middle{
    padding-left: 5px;
    padding-right: 5px;
}
.front-feat-right{
    padding-left: 10px;
    padding-right: 0px;
}

@media (max-width: 767px){
.front-feat-text{
        margin-bottom: 35px;
        font-size: 14px;
    }
.bigger-on-mobile{
        font-size: 28px;
    }
.front-feat-left{
    padding-left: 20px;
    padding-right: 20px;
}
.front-feat-middle{
    padding-left: 20px;
    padding-right: 20px;
}
.front-feat-right{
    padding-left: 20px;
    padding-right: 20px;
}
}

@media (min-width:1200px){
.front-feat-left{
    padding-left: 0px;
    padding-right: 30px;
}
.front-feat-middle{
    padding-left: 15px;
    padding-right: 15px;
}
.front-feat-right{
    padding-left: 30px;
    padding-right: 0px;
}
.bigger-on-mobile{
        font-size: 30px;
    }
}


/* Gradient for front pages features */

#front-feat-title-grad {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4ddb4+0,83c783+17,52b152+33,008a00+67,005700+83,002400+100;Green+3D+%231 */
background: #b4ddb4; /* Old browsers */
background: -moz-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
}

#front-feat-grad {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f5f6+0,e3eaed+37,c8d7dc+100;Grey+3D+%234 */
background: #f2f5f6; /* Old browsers */
background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
}

/*
.front-feat-image{
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
}
*/

/* shadowed container div for each featured link */

.feat-box-shadow{
    box-shadow: 10px 10px 5px #aaaaaa;
    border-radius: 30px;
}



@media (min-width:1200px){
.left-lg-border{
    border-right-color: #eee;
    border-right-style: solid;
    border-right-width: 5px;
}
}






/* BORROWED Header css (used on none slider top page header) */

#header {
	background-color: #14233C;
	background-image: url("../images/carosel/up-the-valley.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    margin-bottom: 30px;  
}

#header .container {
	max-width: 668px;
	margin: auto;
	padding: 96px 16px 48px;
	font: 16px/24px "Maison Neue", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	text-align: center;
	color: white;
}
@media (min-width: 550px) {
#header .container {
	padding: 106px 24px 64px;
	font-size: 18px;
	line-height: 28px;
}
}
#header .pledged-number {
	margin-bottom: 22px;
	font: bold 42px/52px "Avenir Next", "Montserrat", sans-serif;
}
@media (min-width: 768px) {
#header .pledged-number {
	font-size: 56px;
	line-height: 76px;
}
}
@media (min-width: 768px) {
#header .pledged-number {
	font-size: 78px;
	line-height: 148px;
	margin-bottom: 12px;
}
}
#header .pledged-number-caption {
	margin-bottom: 24px;
	font: bold 20px/40px "Maison Neue", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media (min-width: 550px) {
#header .pledged-number-caption {
	font-size: 24px;
}
}
#header p {
	max-width: 536px;
	margin: 0 auto 32px;
}
@media (min-width: 550px) {
#header p {
	margin-bottom: 90px;
}
}
#header .btn {
	padding: 0 40px;
	margin: 16px 12px 0;
	font-weight: bold;
	font-size: 16px;
	line-height: 48px;
	display: inline-block;
	border-radius: 6px;
	color: white;
	border: 0;
	outline: 0;
}
@media (min-width: 380px) {
#header .btn {
	font-size: 20px;
	line-height: 56px;
}
}
#header .btn-primary {
	background-color: #00A5DC;
}
#header .btn-secondary {
	background-color: #233656;
}


/* make new slider caption look like above static one */

.carousel-caption{
    bottom: 20%;
    text-shadow: 0 10px 10px rgba(0,0,0,.6);
    max-width: 800px;
    margin: auto;
}

/* Caption Title (all sizes) */

.carousel-caption-title{
    font-size: 28px;
    font-family: "Avenir Next", Montserrat, sans-serif;
    font-weight: bold;
    margin-bottom: 5px;
}

.carousel-caption-descrip{
    font-size: 20px;
    font-family: "Avenir Next", Montserrat, sans-serif;
    font-weight: 600;
}

@media (min-width: 768px) {
.carousel-caption-title{
    font-size: 50px;
}
.carousel-caption-descrip{
    font-size: 25px;
}
}

@media (min-width:1200px){
.carousel-caption-title{
    font-size: 78px;
}
.carousel-caption-descrip{
    font-size: 31px;
}
}


/* buttons in front features */

.front-feat-buttons{
    margin: 7px;
    font-size: 18px;
}





/* Nav Bar changes */

.navbar-nav{
    font-size: 18px;
}




/* Custom bullet points */
        
.custom-bullet li {
    display: block;
}

.custom-bullet li:before
{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 11px;
    float: left;
    margin-top: 1px;
    margin-left: -21px;
    color: #CCCCCC;
    line-height: 22px;
}

@media (min-width: 768px){}

.lead {
    font-size: 19px;
    font-weight: 400;
}


/* Cottage name tites */

.cottage-title-name{
    font-size: 21px;
    text-align: center;
}


/* cottage page key features to align all buttons below */


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .cott-key-feat{
        min-height: 65px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .cott-key-feat{
        min-height: 80px;
    }
}


.cott-key-feat{
    text-align: center;
}


/* Gallery Page */

.gallery-image{
    margin-bottom: 10px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .gallery-image{
        margin-bottom: 10px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .gallery-image{
        margin-bottom: 10px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .gallery-image{
        margin-bottom: 30px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .gallery-image{
        margin-bottom: 30px;
    }
}


/* Covid-19 top banner on all pages */

.covid-latest-banner{
    text-align: center;
    padding: 7px;
    margin-bottom: 0px;
    text-decoration: underline;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    border-radius: 4px;
    font-size: 18px;
    border-left: solid;
    border-left-color: red;
    border-left-width: 20px;
    border-right: solid;
    border-right-color: red;
    border-right-width: 20px;
}


/* block to replace the carousel and move content below the nav */

.carousel-replacer{
    margin-top: 100px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .carousel-replacer{
        margin-top: 100px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .carousel-replacer{
        margin-top: 230px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .carousel-replacer{
        margin-top: 130px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .carousel-replacer{
        margin-top: 130px;
    }
}

/* End of carousel replacer */