html{
  height: 100%;
  scroll-behavior: smooth;
}

body {
height: 100%;
color: #333;
/*
font-family: Arial, Helvetica, sans-serif;
*/
font-family: "Montserrat", sans-serif;
background-color:#fff;
line-height:28px;
font-size:19px;
font-weight:400;
}

.container-fluid{
width:100% !important;
margin:0 auto !important;;
padding:0 !important;
position:relative;
border:0px solid green;
}

#wrapper { 
margin: 0 auto;
width:100%;
max-width: 2900px !important;
padding:0;
position:relative;
} 

.padding-row {
    padding-top: 30px;
    padding-bottom: 30px;
}

#header{
background-color:#375560;
padding:0;
line-height:20px;
font-size:17px;
width:100% !important;
max-width:100% !important;
padding:0;
border:0px solid red;
}

#header nav a{
font-size:17px;
line-height:20px;
text-decoration: none;
color:white;
font-weight:normal;
}

#header nav a:link,
#header nav a.active,
#header nav a:visited {
color: #fff;
}

#header nav a:hover {
color: #ccc;
text-decoration: none;
}


.green{
color:#375560;
}


.dark-blue{
color:#18519e;
}

.dark-green{
color:#00a952;
}

#header #logo {
margin:20px 0 20px 70px;
}

#header #logo img{
float:left;
max-height:90px;
padding-bottom:10px;
border:0px solid white;
}

#header #logo a{
font-size:19px;
line-height:24px;
text-transform: uppercase;
text-decoration: none;
color:white;
}

#header #logo a:link,
#header #logo a:visited {
text-decoration:none;
}

#header #logo a.active,
#header #logo a:hover {
text-decoration:none;
color: #fff;
color: #eee;
}


#header nav.navbar-light {
background-color: transparent !important;
padding:0;
}

#header nav.navbar-light ul.navbar-nav {
margin-left:160px;
margin-right:0;
}

#header nav.navbar-light ul.navbar-nav li.nav-item a{
text-align:left;
padding-right:27px !important;
}

#header .navbar-light .navbar-toggler {
    color: rgba(255, 255, 255, .5);
background-color: white;
  border-color: white; /* Optional: to match border color */
}


#content{
position:relative;
width:100%;
max-width:1200px;
min-height:600px;
margin:0 auto;
padding:20px;
border:0px solid blue;
background-color:#fff;
}

#content .padding{
position:relative;
width:100%;
max-width:1200px;
margin:0 auto;
padding:20px;
background-color:#fff;
}

#content img{
width:100%;
height:auto;
}

body#home #content{
padding:0;
max-width:2400px;
}

body#home #home-banner{
position:relative;
width:100%;
height:100%;
overflow:hidden;
padding:0;
position:relative;
margin:0 auto;
}

body#home #home-banner img{
width: 100%;
height:auto;
/*object-fit: cover;*/
}

body#home #home-banner #caption{
position:absolute;
z-index:100;
top:10%;
left:10%;
color:white;
font-size:20px;
line-height:25px;
}

body#home #home-banner #caption #large{
font-size:65px;
line-height:100px;
display:block;
}

body#home #home-banner #caption #small{
border:0px solid white;
font-size:35px;
line-height:45px;
max-width:900px;
display:block;
margin-top:25px;
}

body#home #escape ,
body#home #surround {
margin:40px auto;
text-align:justify;
padding:0;
}

body#home #escape img,
body#home #surround img{
width: 100%;
object-fit: cover;
display:block;
}

body#home #content #home-provide{
margin:40px auto;
position:relative;
color:white;
clear:both;
}


body#home #content #home-provide .parallax {
    /* The image used */
    background-image: url("/new/images/home/home-bow-arrow.jpeg");
    /* Set a specific height */
    min-height: 600px;
	height:100%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    text-align: center;
    overflow: hidden;
}

body#home #content #home-provide div.parallax div.overlay {
    position: relative;
    width: 100%;
    background-color: rgba(205,205,205,0.3);
    background-color: rgba(05,05,05,0.3);
    height: 100%;
}

body#home #content #home-provide div.parallax .parallax-content {
    /* Position */
    position: absolute;
top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);	
margin: auto;
    width: 100%;
    text-align: center;
    color: white;
font-size:30px; 
   z-index: 4;
}

body#home #content #home-provide div.parallax .parallax-content h2{
color:white;
}

body#home #content #home-provide div.parallax .parallax-content ul{
text-align:left;
font-size:20px;
}

body#home #content #home-retreat-costs{
margin:40px auto;
background-color:#f6f6f6;
padding:20px;
} 

body#home #content #home-retreat-costs img{
display:block;
width:90%;
margin:20px auto;
}


#content a{
font-weight:normal;
color:#375560;
}

#content a:link,
#content a.active,
#content a:visited {
color:#375560;
}

#content a:hover {
color:#375560;
text-decoration: underline;
}


#content h1{
text-align:center;
margin:20px auto 30px auto;
font-family: "Montserrat", sans-serif;
  font-style: normal;
font-size:50px;
color:#375560; 
}

#content h2{
text-align:center;
margin:20px 0;
font-family: "Montserrat", sans-serif;
  font-style: normal;
font-size:40px;
color:#375560;
}

#content #introduction{
max-width:80%;
text-align:center;
margin:25px auto;
font-size:120%;
line-height:140%;
}


#home-carousel{
position:relative;
width:100%;
}

#home-carousel .carousel-item img {
overflow:hidden;
position: relative;
top: 0px;
width: 100%;
object-fit: cover;
}

#home-carousel .carousel-caption{
position: absolute;
  top: 35%;
  left: 16%;
  transform: translate(-16%, -35%);
width:480px;
height:380px;
background-color:transparent;
text-align:left;
color:white;
/*
background-image: url("/images/transparent-grey-bg.png");
*/
background-size: cover;
padding:0;
line-height:20px;
font-size:17px;
}

#home-carousel .carousel-caption #carousel-bg-1{
background-color:#302d2f;
 opacity: .7;
padding:20px;
}

#home-carousel .carousel-caption #carousel-bg-2{
/*
background-color:#7195ba;
background-color:#00b2e0;
background-color:#18519e;
*/
background-color:#18519e;
 opacity: .6;
padding:20px;
}

#home-carousel .carousel-caption h3{
font-size:36px;
line-height:40px;
display:block;
margin:10px 0;
color:white !important;
font-weight: 900; /* Arial Black typically has a weight of 900 */
}

#home-carousel .carousel-caption hr{
border:2px solid #0c5a9e;
}

#home-carousel .carousel-caption p{
margin-bottom:12px;
}

#home-carousel .carousel-caption a{
color: white;
}

.carousel-caption a:hover {
text-decoration: none;
}

.carousel-caption #learn-more{
margin:10px auto;
}

.carousel-caption i {
    vertical-align: middle;
    padding-bottom: 3px;
}

.carousel-caption #learn-more a:before {
  content: "\2192";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: left;
        padding-right:10px
}

body#about #content .row #left-col{ 
text-align:center;
color:white;
background-color:#375560;
padding:30px;
}

body#about #content .row #left-col .caption{ 
display:block;
}

body#about #content .row #left-col img{
max-width:500px;
display:block;
margin:50px auto 10px auto;
padding:0;
}

body#about #content .row #right-col{ 
padding-left:25px;
text-align:left;
}

body#retreat-facilities #content .row img{
max-width:500px;
display:block;
margin:20px auto;
padding:0;
}


body#mailinglist #content #subscribe-instructions{
text-align:center;
}


body#allforms-1 form#myAllForm{
margin:20px auto;
}

body#team #content h2 {
text-align:center !important;
margin-bottom:0;
}

body#team #team-flex{
width:100%;
margin:20px auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content:flex-start;
justify-content:center;
padding:20px;
clear:both;
}

body#team #team-flex .item{
text-align:center;
border:1px solid #ccc;
background-color: #f5f5f5;
min-width: 300px;
max-width: 300px;
margin: 15px;
padding: 20px;
}
body#team #team-flex .item .name{
display:block;
margin-bottom:0;
font-size:22px;
font-weight:bold;
text-align:center;
}

body#team #team-flex .item .title{
display:block;
font-size:95%;
font-style:italic;
margin:10px auto;
}

body#team #team-flex .item .bio{
display:block;
text-align:left;
margin:10px 0;
}

#content div.next-page {
display:block;
font-size:120%;
}

#content div.next-page a{
margin-right:25px;
}

#content div.next-page a::before {
  content: "\2192";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: left;
 padding-right:10px
}


#committee {
margin:20px 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
justify-content: flex-start;
align-items: stretch;
align-items: flex-end;
align-content: stretch;
}

#committee .item{
margin:20px 40px 20px 0;
padding:0;
text-align:center;
}

#committee .item img{
max-height:110px !important;
width:auto !important;
border:0px solid green;
}

#content .arrow-icon{
  display: inline-block;
  height: 16px;
  width: 16px;
}

body#bookings #content h2{
text-align:left;
}

body#attractions #content h2 a{
text-align:left;
font-size:30px;
margin-bottom:8px;
}

body#news #content #photo-tile{
max-width:90%;
display:block;
margin:0 auto;
}

body#news #news-list,
body .list-arrow{ 
 list-style-type: none;
}

#content.list-arrow li, 
body#news #news-list li{
margin-bottom:20px;
font-size:22px;
}

#content .list-arrow li:before,
body#news #news-list li:before{
content: '';
background-image: url("/new/images/arrow.png");
  background-repeat: no-repeat;
  margin-right: 9px;
  display: inline-block;
  height: 16px;
  width: 16px;
   background-size: 16px;
}


a.btn-booking{
background-color:#375560;
padding:20px 10px;
margin:20px auto;
display:block;
color:white !important;
width:100%;
max-width:360px;
text-align:center;
font-size:24px;
border-radius:8px;
}

body#bookings #content .col-md-4 img{
display:block;
width:90%;
/*max-width:350px;*/
margin:20px auto;
} 

body#donate #deer{
position:relative;
margin:0 auto;
max-width:500px;
min-height:500px;
width:90%;
display:block;
background-image: url("/new/images/donate/donate-deer.jpeg");
background-size: cover;
}

body#donate #trust{
width:90%;
padding:20px;
margin:30px auto;
color:white;
text-align:justify;
}

body#donate img#donate-paypal{
margin:20px auto;
display:block;
max-width:300px;
}


#content #home-portfolio {
margin:40px auto;
padding:0 50px;
}

#content #home-portfolio .home-portfolio-copy {
font-size:22px;
text-align:center;
margin:0;
}

#content #home-portfolio h1 {
color:#375560;
font-size:30px;
font-weight: bold;
text-transform:uppercase;
}

#home-portfolio-testimonial {
    position: relative;
    margin:0;
    padding: 0.5em 2em 0.5em 3em;
    text-align:left;
    line-height:26px;
    font-size:17px;
}
/* Thanks: http://callmenick.com/post/styling-home-portfolios-with-css-pseudo-classes */
#home-portfolio-testimonial:before {
color:#375560;
    position: absolute;
    font-size: 6em;
    line-height: 1;
    top: 0;
    left: 0;
    content: "\201C";
}
#home-portfolio-testimonial:after {
color:#375560;
    position: absolute;
   /* display: block; don't use this, it raised the quote too high from the bottom - defeated line-height? */
    float:right;
    font-size:6em;
    line-height: 1;
    right:0;
    bottom:-0.5em;
    content: "\201D";
}
#home-portfolio-footer {
    padding: 0 2em 0 0;
    text-align:left;
margin:20px 0 0 50px;
font-size:18px;
}

#home-portfolio-footer #organization,
#home-portfolio-footer #title,
#home-portfolio-footer #title p{
margin:0;
padding:0;
display:block;
}

/**
#home-portfolio-footer .cite:before {
    content: "\2013";
}
**/

#footer{
clear:both;
position:relative;
width:100%;
min-height:300px;
background-color:#375560;
padding:0px 80px;
margin:30px auto 0 auto;
text-align:left;
color:#fff;
font-size:17px;
line-height:24px;
}

#footer a{
color:#fff;
text-decoration:none;
font-size:16px;
line-height:24px;
}

#footer a:link,
#footer a:visited {
text-decoration:none;
}

#footer a:hover {
text-decoration: underline;
}

#footer .row{
margin:0 auto;
border:0px solid green;
padding:40px;
}

#footer #left-col{
text-align:left;
}

#footer ul#bottom-menu {
list-style-type: none;
  margin: 0;
  padding: 0;
}

#footer ul#bottom-menu li{
margin-bottom:13px;
}

#footer h3{
font-size:22px;
line-height:30px;
display:block;
margin:0 0 30px 0;
color:white !important;
}

#footer #footer-logo{
text-align:left;
font-size:32px;
line-height:38px;
margin-bottom:15px;
}

#footer #footer-logo img{
display:block;
margin:0 0 20px 0;
height:80px;
width:auto;
}

#footer #copyright{
margin:20px 0 ;
font-size:80%;
}

#footer #footer-logo a{
color:#fff;
text-decoration:none;
font-size:24px;
line-height:32px;
}

#footer #footer-logo a:link,
#footer #footer-logo a:visited {
text-decoration:none;
}

#footer #footer-logo a:hover {
text-decoration: underline;
}


@media only screen and (max-width : 992px) {

	.navbar-collapse{
	margin-left:50%;
	margin-bottom:20px;
	}

	#header .navbar-light .navbar-toggler {
        margin:0 30px 10px 0;
	
        }

	body#home #home-banner #caption #large{
	font-size:45px;
	line-height:70px;
	}

	body#home #home-banner #caption #small{
	font-size:25px;
	line-height:35px;
	}
}




@media only screen and (max-width : 768px) {

	#header nav.navbar-light ul.navbar-nav {
	margin:0px 20px;	
	}
	.navbar-collapse{
        margin-left:40%;
        }
	body#home #home-banner{
	overflow:auto;
	}

	body#home #home-banner #caption #large{
	display:none;
	}

	body#home #home-banner #caption #small{
	margin-top:5px;
	}


	/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
	body#home #content #home-provide  {
  	height: 900px;
	}

	body#donate #deer{
	margin-bottom:30px;
	}

	#footer .col-md-2 h3{
	margin:25px 0 3px 0;	
	}
}


@media only screen and (max-width : 500px) {

	#header #logo {
	margin-left:20px;
	}

        body#home #home-banner #caption #small{
        font-size:20px;
        line-height:30px;
        }

	.navbar-collapse{
        margin-left:30%;
        }

	#content h1,
	#content h2{
	font-size:35px;
	}

	#content #home-portfolio {
	padding:0 10px;
	}

	body#home #content #home-provide div.parallax .parallax-content h2{
	font-size:85%;
	}
}

@media only screen and (max-width : 420px) {

	#header .navbar-light .navbar-toggler {
        margin-left:30px;
        }
}