@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&family=Montserrat:ital,wght@0,100;0,400;0,500;0,700;1,100;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Josefin+Sans:ital,wght@0,100;0,300;0,400;0,700;1,100;1,400;1,700&display=swap');

/*
    This will eventually be combined with css/explorebuffalo.css
    Any css here will over write
*/
/* 
    Created on : Feb 23, 2018, 11:00:38 AM
    Author     : Jason Russo
*/


/* 12Grain Edits 
 * latest July 18, 2022 @4:40pm
 * 
 * */


/* - colors
cream - #F3EDE9
orange - #DEAB6D
rusty - #B2543D
green - #7F8168
light blue - 8BA0A0
dark blue - 48616B



--*/
/*---  HEADER  ---*/
#topHeader {
    background: #B2543D;
    min-height: 40px;
    position: fixed;
    top:0;
    width: 100%;
    z-index: 99999; 
}

#topHeader ul li a {
    color: #F3EDE9;
    display: block;
	font-size:14px;
}
#topHeader ul li a:hover {
    color: #DEAB6D;
    display: block;
	font-size:14px;
}

/*#masthead{height:120px!important; z-index:500; postion:fixed;}
.site-header{background-color:rgba(212, 212, 212, .75); min-height:120px!important; }*/
.header{
    width:100%; 
    max-width:2000px; 
    min-height:51px;
    background-color:#F3EDE9;
    position:fixed;
    z-index: 999; 
    top: 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);

    
}
@media (max-width: 900px) {
    .header {
      margin-top:0;
      top:0;
    }
  }

.innerWidth {
    /* min-height: 155px; */
    width:100%; 
}

/* #logo {
    float: left;
    width: 30%;
	margin:3% 5%;
} */

.alert{width:100%; padding: 2% 0; background-color: #cf6b2e;}
.alert p {width:80%; margin:0 auto; text-align:center; color:white;}
.alert a{color:#333;}
.alert a:hover{color:#F3EDE9;}



/*------- NAV----------


.nav-menu li a {color:#B2543D!important;}


.nav-menu .sub-menu li a{color:#B2543D!important;}

.nav-menu li a:hover, .nav-menu .sub-menu li a:hover {color:#DEAB6D!important;}

.nav-menu .sub-menu li {
    display: block;
    float: left;
    position: relative;
    width: 33.333%;
}
.nav-menu .sub-menu li a {
    padding: 10px 20px!important;
	line-height:1.2;
} */



/*--- END HEADER ---*/




/* ------------------  HOME ----------------------*/
/* .featuredImg{
	background-color: #8BA0A0!important;
    text-align:center; 
	margin:0 auto;}

.featuredImg h2, .featuredImg h4 {
    color: #F3EDE9;
    text-align:left!important;
}
.featuredImg h2 {font-size: 60px; font-family: 'Cardo', serif!important; }
.featuredImg .caption {
    
    max-width: 100%!important;
	position: absolute;
	top: 50%!important;
	left: 20%!important;
	z-index:100;
} 
.featuredImg .image img{width:100%;} */

.special{
	display:block;
    
	padding:5% 0;
	margin:0 auto 0px;
	text-align:center!important;
    
}

.special .widget{width:60%; margin:0 auto; float:none;}
.special .widget p{font-size:18px;}

.banner{
    background: #48616B;
    padding:5%;
    display: flex;
    align-items: center;
    justify-content: left;
    flex-direction: row;
  }

  .banner-txt{background: #48616B;
    height:200px;
    text-align:left;
}
.banner-image{width:300px; height:300px; }


#randomtext-2.randomtext {width:90%; margin:0 auto; display:block; font-size:21px; line-height:1.5; font-style:italic; color:#80b1c4; font-family: Georgia, serif;}

.community{
	background: #fefefe;
    overflow: hidden;
    padding:5% 3%;
	
}

.community #text-4{width:45%; margin:2% 3% 2% 2% !important;}
.community #text-28{width:45%; margin:2% 0% 2% 2% !important;}

.doorsopen{
	background:#e6dfd9; 
	padding:5% 0;
	border-bottom:0px solid #B2543D;
	overflow:hidden;
}

.doorsopen #text-30{width:45%; margin:2% 3% 2% 2% !important;}

#sponsors
{background:#f5eee8;
margin:0 auto;
padding:40px 0;
width:100%;

}

#sponsors .row{
    display:flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap:nowrap;
    width:90%;

    margin:0 auto;

}
.row .sponsors img{width:100%; max-width:1200px;}


.docent{background:#7F8168;
padding:0% 0;}


.inside{
	overflow:hidden;
	width:100%;
}
.news-list{float:left; width:60%; background:#F3EDE9;}
.news-item{
	margin:2% auto 4%;
	padding:20px 0;
	border-bottom:2px solid #8BA0A0;
	
}
.small{font-size:12px; color:#684631;}

.archive-header{width:90%; margin:0 auto;}

/*.hentry{
	width:90%;
	margin:0 auto 5%!important;
}*/


.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.vboWidget .widget:first-child {
    width: 25%;
	max-width:300px!important;
    padding: 45px 0 0;
    display: block;
    text-align: center;
    margin: 0 0%;
}



.event {width:30.333%; max-width: 300px !important; margin:0 1.5%!important; padding:0!important;}


.featured-tours{padding:2% 0;}
.centered {text-align:center!important;}
/*-------------------------------------------*/

/* VBO */

/* SIDEBARs   */
.custom-fields {width:35%; margin-right:5%;}

.EventDateInfo1 {color:#B2543D!important;}

/*--- LINKS & BUTTONS ---*/

.btn {
    color: #B2543D;
    background: #F3EDE9;
    display: inline-block;
    font: normal 16px 'Montserrat-Regular', sans-serif;
    text-align: center;
    padding: 10px 20px;
	border:1px solid #B2543D;
}
.btn:hover {
    background: #B2543D;
    color: #F3EDE9;
	border:1px solid #F3EDE9;
}

/*-- END LINKS --*/





/*---  FOOTER  ---*/
.site-footer .widget_text{font-size:14px; color:#F3EDE9!important; }
.site-footer a{color:#DEAB6D; text-indent:-5000px;}
.site-footer a:hover{color:#F3EDE9;}

.social{margin-top:20px!important;}
.social li {padding:0 6px; display:inline-block;}


.smaller{font-size:10px!important;}

.white{color:#F3EDE9!important;}
/* --- */



@media (max-width: 1100px){
.featuredImg .caption {
    top: 30%!important;
}
.featuredImg h2 {font-size: 50px; }

}

@media (max-width: 920px){
	/*.nav-menu li a {color:#F3EDE9!important;}*/
	.news-list{float:left; width:100%; background:#F3EDE9;}
	.community #text-4{width:98%; margin:2% 0% 6% 0% !important;}
.community #text-28{width:98%; margin:2% 0% 2% 0% !important;}
	.doorsopen #text-30{width:95%; margin:2% 0% 6% 2% !important;}
	#tertiary .widget {width:50% !important;}

}

@media (max-width: 700px){
	
	
	.innerWidth {
        min-height: 50px; 
        width:100%; }
	
	.main-navigation{margin:0!important;}

	
}

@media (max-width:480px){
	#tertiary .widget {width:100%!important;}
	
}