/* Custom Classes */
.satisfy{
	font-family: 'Satisfy', cursive;
}

.lightGreen{
	color: yellow !important;
}

.navbar a:hover, .navbar a:focus .navbar a:visited{
	background-color: transparent;
}

.navbar a:focus .navbar a:visited{
	color: #fff;
}

.contents a{
	color: #ed1c24;
}

.pad-top-5-img{
	padding-top: 5px;
}

.pad-top-10-img{
	padding-top: 10px;
}

h1, h2, h3, h4, h5{
	font-family: 'Roboto', sans-serif;
	padding: 0px;
	margin: 0px;
}

hr{
	border: 0; 
  	height: 1px;
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	margin-top: 20px;
	margin-bottom: 30px;
}

.ctaBtn{
	background-color: #ed1c24;
	color: #fff !important;
	border: 1px solid #ed1c24;
	font-weight: 300;
	font-size: 16px;
}

.ctaBtn:hover{
	background-color: #fff !important;
	color: #ed1c24 !important;
}

.btnBig{
	background-color: #ed1c24;
	color: #fff !important;
	border: 2px solid #ed1c24;
	font-weight: 600;
	font-size: 20px;
	padding: 15px 25px;
}
/* End Custom Classes */


/* Header */
.navbar{
	background-color: #ed1c24;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #666;
}

.navbar-default .navbar-toggle {
    color: #fff;
}

.tagLine{
	font-family: 'Satisfy', cursive;
	color: yellow;
	text-align: right;
	font-style: italic;
	font-size: 26px;
	padding-top: 20px;
	padding-bottom: 10px;
}

.tagLineSmall{
	background-color:#cd1920;
}

.navbar-brand{
	height: auto !important;
	padding: 0px !important;
	margin-top: 10px !important;
	margin-left: 0px !important;
}

.navbar{
	margin: 0px;
}

.navbar-default .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>a {
    color: #fff; 
}

.navbar a{
	font-size:16px;
	background-color: transparent;
	text-decoration: none;
	margin: 6px 0px;
	font-weight: 600;
}
	
.navbar a:hover{
	color:yellow !important;
}

.current{
	background-color:#fbf499 !important;
	color:#333 !important;	
	margin: 0px 1px !important;
	border-radius: 3px;
} 

.navbar-toggle {
    background-color: transparent;
	border: none;
	margin-right:15px;
	margin-top: 2px
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	 color: #fff;  /* Set color for double clicking the parent dropdown link */
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	color: yellow;
    background-color: transparent;
}

.navbar-nav{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 15px;
    line-height: 20px;
}

.burgerMenuIcon{
	font-size: 28px !important;
	color: #f6e33f !important;
	padding: 8px 12px !important;
	background-color: transparent;
}

.dropdown-menu{
	border: 1px solid #444;
	padding: 0px;
	margin: 0px;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: -10px;
	background-color: #666;
}

.dropdown-menu>li>a{
	color: #fff;
    border-bottom: 1px dotted #888;
    padding: 5px 15px 10px 15px !important;
	font-size: 15px;
}

.dropdown-menu>li>a:hover{
	background-color: transparent;
}


/* Content */
.fix-nav-pad{
	margin-top:127px;
}

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

.banner{
	background-position: top;
	background-size: cover;
}

.bannerOverlay{
	padding: 100px;
}

.bannerHeader{
	color: yellow;
	font-size: 52px;
	text-shadow: 0px 0px 5px #333;
	text-align: center;
	font-family: 'Satisfy', cursive;
}

.long-para p{
	line-height: 1.75em;
	text-align: justify;
}

.badge{
	margin:0px;
	padding: 8px 13px; 
	font-size: 16px;
	font-weight: 300;
	background-color: #ed1c24;
}

.tag{
	border-left: 5px solid #ed1c24;
	background-color: #F3EFE0;
	padding: 15px 20px;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}

.tag p{
	margin: 0px;
	padding: 0px;
}

.tag ol, .tag ul{
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
}

.tag li{
	padding-bottom: 5px;
}

.headerSatisfy{
	margin: 0px;
	padding: 0px;
	font-weight: 300; 
	padding-top: 10px;
	font-family: 'Satisfy', cursive;
}

.imgBoxBg{
	margin: 0px;
	padding: 0px;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff; 
	border-right: 4px solid #fff;
	background-position: center;
	background-repeat: no-repeat; 
	background-size: cover;
}

.imgBox{
	display: block;
	background-color: rgba(0, 0, 0, 0.5);
	transition: all 0.3s ease;
}

.imgBox:hover{
	background-color: rgba(225, 0, 0, 0.5);
}

.imgBox1{
	background-image: url(../../img/imgBox-group.jpg);
	border-left: 4px solid #fff;
}

.imgBox2{
	background-image: url(../../img/imgBox-camp.jpg);
}

.imgBox3{
	background-image: url(../../img/imgBox-smiles.jpg);
}

.imgBoxLink{
	display:block;
	height: 250px;
	color: #fff !important;
	text-decoration: none !important;
}

.imgBoxLink:hover{
	color: yellow !important;
	text-decoration: underline !important;
}

.imgBoxLink h1{
	margin: 0px;
	padding: 0px;
	padding-top: 80px;
	font-weight:500;
	text-transform: uppercase;
	font-size: 36px;
	transition: all 0.1s ease;
}

.card{
	background-color: #fff;
	box-shadow: 0px 0px 10px #ccc;
	border: 10px solid #fff;
	display: inline-block;
}

.cardBorderGrey{
	border: 10px solid #666;
}

.cardHeader{
	padding-right: 0px;
}

.cardHeader img{
	position: relative;
	z-index: 5;
	width: 100%;
}

.cardHeader .number, .small-number{
	position: absolute;
	z-index: 10;
	top:0;
	margin-top: 10px;
	margin-left: 10px;
}

.cardHeader .number .badge, .small-badge{
	font-weight: 600;
	border-radius: 2px;
}

.fa-star{
	padding-right: 10px !important;
	font-size: 18px !important;
}

.campSecImages{
	background-image: url(../../events/img/bg-images.jpg);
	height:148px;
}

.map{
	margin: 30px;
}

.retreats-direction{
	text-align: left;
}
/* End Content */


/* Footers */
.subFooter{
	padding: 50px 15px 30px 15px;
	color: #fff;
	margin: 0px;
	background-color: #666;
	font-size: 15px;
}

.subFooter h4{
	padding: 0px;
	margin: 0px;
	color: yellow;
	padding-bottom: 5px;
	border-bottom: 1px dotted #888;
	font-family: 'Satisfy', cursive;
	font-size: 24px;
}

.subFooter ul{
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	list-style: none;
}

.subFooter a{
	color: #fff;
}

.subFooter a:hover{
	color: yellow;
}

.subFooterInfo{
	line-height: 1.4em;
	margin:0px;
}

.footer {
    background-color: #333;
    color: #fff;
	padding: 15px 15px 0px 15px;
	font-size: 12px;
	text-align: center;
}

.usAgNetLink, .usAgNetLink:hover{
	color: yellow !important;
}
/* End of Footers Default Setting */


/* Media Query for large screen (lg) */
@media (max-width: 1200px) {
	/* Header */
	.navbar .nav a {
		padding: 10px 10px !important;
		font-size: 16px;
	}
	
	.navbar .nav a:hover{
		padding: 10px 10px !important;
	}
	
	.navbar-nav>li>.dropdown-menu {
		margin-top: -5px;
		background-color: #666;
	}

	.dropdown-menu>li>a{
		color: #fff;
		line-height: .5em;
	}
	/* End Header */
	
	
	/* Content */
	.bannerOverlay{
		padding: 75px;
	}
	
	.bannerHeader{
		font-size: 52px;
	}
	
	.cardHeader{
		padding-right: 15px;
	}
	
	.cardBody{
		padding: 20px 35px;
	}
	
	.evenBox{
		padding: 5px;
	}
	/* End Content */
}

/* Media Query for medium screen (md) */
@media (max-width: 992px) {
	/* Header */
	body{
        overflow-x: hidden;    
    }
	
	.tagLine{
		font-size: 24px;
	}
	
	.navbar-right{
		text-align: center !important;
	}
	
	.navbar-brand{
		
	}
	/* End Header */
	
	
	/* Content */
	.bannerOverlay{
		padding: 50px;
	}
	
	.bannerHeader{
		font-size: 48px;
	}
	
	.evenBox{
		padding: 20px 35px;
	}
	
	.pad-left-50{
		padding-left: 15px;
	}
	
	.retreats-direction{
		text-align: center;
	}
	/* End Content */
	
	/* Footer */	
	
	/* End Footer */
}

/* Media Query for extra small screen (xs) */
@media (max-width: 767px) {
	/* Header */
	
	.pad-top-5-img, .pad-top-10-img{
		padding-top: 0px;
	}
	
	.tagLine{
		font-size: 20px;
		margin: 0px;
		padding: 10px 15px;
		text-align: center;
	}
	
	.navbar-brand img{
		padding: 0px;
		margin: 0px;
		margin-left: 15px;
	}
	
	.navbar-brand{
		background: transparent !important;
		float: left;
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}
	
	.navbar-brand:hover{
		background-color: transparent !important;
	}
	
	.menuText{
		font-size: 22px;
		color: #fff;
	}
	
	/* Remove the center links for mobile*/
	.nav {
		width: auto !important;
		padding:0px;
		margin:10px 0px;
	}
	.nav > li {
		position: relative;
		display: block !important;
		border: none !important;
	}
	
	.nav > li a {
		display: block !important;
		text-align: left;
	}
	/* End of removing the center links */
	
	.nav-main{
		border: none;
	}
	
	.navbar{
		height: auto !important;
	}
	
	.navbar .nav a{
		text-decoration: none;
		padding: 5px 20px !important;
		font-size: 16px;
	}
	
	.navbar .nav a:hover{
		padding: 5px 20px !important;
		background-color: yellow;
	}
	
	.nav {
		margin: 10px 0px !important;
	}
	
	.navbar-nav .open .dropdown-menu>li>a {
		line-height: 20px;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
		font-size: 14px;
	}	
	
	.current{
		background-color:#fbf499 !important;
		padding-left: 15px !important;
		margin: 0px 5px !important;
	}
	
	.dropdown-menu{
		margin: 0px !important;
		padding: 0px 0px 0px 15px !important;
	}
	
	.dropdown-menu>li>a{
		border-bottom: 1px dotted #ff755e;
		margin-right: 20px;
		margin-left: 5px;
		padding: 5px 15px 10px 15px !important;
	}
	
	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
		color: yellow;
	}
	
	.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .nav>li>a:focus, .nav>li>a:hover {
		color: yellow;
	}
	
	.navbar-collapse{
		padding-left: 0px;
		padding-right: 0px;
		border: none !important;
	}
	
	.navbar-toggle{
		margin-top: 30px;
	}
	
	.navbar-fixed-top .navbar-collapse {
		max-height: none;
	}
	
	.navbar-default .navbar-toggle:hover .icon-bar {
    	background-color: yellow;
	}	
	
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: #cd1920;
	}
	/* End Header */
	
	
	/* Content */
	.fix-nav-pad{
		margin-top:178px;
	}
	
	.bannerOverlay{
		padding: 50px 25px;
	}
	
	.bannerHeader{
		font-size: 32px;
	}
	
	.long-para p{
		text-align: left;
	}
	
	.imgBoxBg{
		border: none !important;
		border-bottom: 5px solid #fff !important;
	}
	
	.card{
		display: block;
	}
	
	.map{
		margin: 30px auto;
	}
	
	.winter{
		padding-top: 30px;
	}
	
	.float-img{
		width: 100%;
		padding-top: 10px;
		padding-bottom: 30px;
	}
	/* End Content */
	
	
	/* Footers (xs) */
	.subFooter{
		padding: 40px 0px 20px 0px;
	}
	
	.footer{
		font-size: 13px;
	}
	/* End Footer (xs) */
}