@import url(legacy.css?v2);
@import url(css/calendar-tile.css);
@import url(css/slideshow.css);
@import url(css/footer.css);
@import url(css/nav.css);
@import url(css/subnav.css);
@import url(css/screen.css);
@import url(editor-style.css);
@import url(css/forms.css);
@import url(css/forum.css);
@import url(/css/search-form.css);

* { box-sizing:border-box; -webkit-font-smoothing: antialiased; }


body { 

	margin:0; 
	padding:0; 
	font-family:'Open Sans', Helvetica, Sans-Serif; 
	font-weight:300; 
	color:#000; 
	width:100%;
	overflow-x:hidden;
	background: rgba(31,148,196, 1);;
}


body.wp-admin { background:#FFF; }




#page > header { 

	position: relative;
	top: 180px;
	width: 100%;
	padding: 0 40px;
	height: auto;
	z-index: 999;

}


#loginbox {

	position: absolute;
	width: 560px;
	height: 90px;
	padding: 20px 20px;	
	top: 0;
	right: 30px;
	background: rgba(255,255,255,0.45);
	border-bottom-left-radius: 32px;
	border-bottom-right-radius: 32px;
	overflow: hidden;
	text-align: center;
	z-index: 100;
}


#loginbox .login-group {

	display: inline-block;

}


#loginbox input {

	display: inline-block;
	background: #71c2e1;
	border: none;
	border: 1px solid rgba(255,255,255,0.4);
	border-style: inset;
	font-size: 13px;
	line-height: 20px;	
	border-radius: 4px;
	max-width: 160px;


}



#loginbox form {

	display: inline-block;
	margin: 0;
	padding: 0;
	max-width: 470px;
	overflow: hidden;
	vertical-align: top;
}


#login-submit { top:1px; height: 34px; }



header.tribe-events-header { 

	box-sizing:border-box;
}


/* WP Generated LoginBox */
#loginform {  }

#loginform label { display:block; }
#loginform p { margin-bottom:0; }



#cpasearch {

	position:relative;
	top: 6px;
	left:0;
	width:100%;
	height:50px;
	line-height:50px;
	color:#FFF;
	text-align:center;
	font-size:15px;
	font-weight:700;
	z-index:7;
	padding:0;
	margin:0;

}


#cpasearch form, #cpasearch div.social { 

	display:inline-block; 
	height:50px;
	line-height:50px;
}


#cpasearch input, #cpasearch select, #cpasearch label {

	position:relative;
	top:-2px;
	height:32px;
	font-size:12px;
	margin:0;
	padding:0 10px;
	float:none;
}



button.cpasubmit {

	position:relative;
	top:-2px;
	width:32px;
	height:32px;
	border:none;
	background:#287773;
	color:#FFF;
	line-height:32px;
	text-align:center;
	padding:0;
	float:none;
	margin:0 30px 0 -4px;
	

}


button.cpasubmit:hover {

	background:#70bfbc;
	cursor:pointer;


}


.image-button {

	position:relative;
	top:-2px;
	display:inline-block;
	height:35px;
	line-height:36px !important;
	background:#1f94c4; background: rgba(31,148,196, 1);
	font-size:12px;
	color:#FFF;
	text-transform: uppercase;
	width:auto;
	float:none;
	font-weight:400;
	padding:0 48px 0 20px;
	margin:0;
	border:none;


}


.image-button:hover {

	background: rgba(31,148,196, 0.7);
}


.image-button i {

	position:absolute;
	right:0;
	top:0;
	height:34px;
	width:34px;
	color:#FFF;
	background: rgba(26,154,108, 1);
	line-height:35px;
	text-align:center;
	border:none;

}






#photobar {

	position: relative;
	display: flex;
	justify-content: space-between;
	height: 120px;
	padding: 20px;
	background: #FFF;
	z-index: 1;
	
}

#photobar .square {

	width: 100px;
	height: 100px;
	background-size: cover;
	background-repeat: no-repeat;
}


#photobar #grey-title {

	background: #305c65;
	width: calc(100% - 440px);
	height: 100px;
	padding: 10px;
	text-align: right;
	
}

#photobar * {

	color: #FFF;
	margin: 0;
	padding: 0;
}


.interior #bg, .tribe-firefly #bg {

	position: absolute;
	width: 100%;
	height: 65vh;
	background-size: cover;
	background-position: top center;
	background-repeat:  no-repeat;
}


.interior #bg-fade, .tribe-firefly #bg-fade {

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 240px;
	background: rgba(255,255,255,0.72);
	z-index: 1;
}


.interior main .liner, .tribe-firefly main .lner {

	display: flex;

}

.interior main nav {

	width: 280px; 
	min-height: 500px;
}


.interior main .liner > article {

	width: calc(100% - 280px);
	min-height: 500px;
	padding: 0 30px;
	border-left: 3px solid rgba(0,0,0,0.2);

}


.tribe-common .tribe-common-l-container {

	max-width: 96% !important;
}

.tribe-common article {

	width: 100%;
	height: auto;
	min-height: auto;
	margin-bottom: 30px !important;
}


#logo {

	position: absolute;
	height: 112px;
	width: auto;
	top: 30px;
	left: 62px;
	z-index: 100;

}



#find-a-cpa {

	position: relative;
	top: 65vh;
	margin: 0 auto;
	width: calc(100% - 80px);
	height: 60px;
	background: rgba(0,0,0,0.65);
	z-index: 100;
}


main {

	position: relative;
	margin: 0 auto;
	margin-top: 65vh;
	width: calc(100% - 80px);
	z-index: 99;
	background: rgba(255,255,255,1);
	padding: 30px;

}

.interior main, .tribe-firefly main  {

	margin-top: 150px; 
}


main article {

	position: relative;
	width: 35%;
	padding-bottom: 30px;
	z-index: 100;
	min-height: 350px;	

}


main aside {

	position: absolute;
	top: 30px;
	right: 30px;
	padding-right: 30px;
	width: 60%;
	text-align: right;
}




.home main article h2 { font-size:2rem; margin: 10px 0; }
.home main article h3, .home main article h1 { margin: 0; }


.interior main article h3 { margin: 15px 0; }


#mountain-fade {

	position: absolute;
	top: 100px;
	left: 0;
	width: 600px;
	height: 600px;
	background-image:  url(images/white-mountain-fade.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
}


#homepage-events-top { position: relative; background:rgba(57,55,60,1); padding:10px 30px; }
#homepage-events-top h1 { color:#FFF; margin: 0; padding: 0; }
#homepage-events-top .fa-calendar-days { color:rgba(26,154,108, 1); }
#homepage-events-top nav { position:absolute; bottom:10px; right:30px; width:auto; }
#homepage-events-top a { color:#fabb19; font-size:2.2rem; display:inline-block; margin-left:19px;  }


.homepage-banner { width:auto; max-width:90%;  height:auto; display: none; max-height:320px; } 

main aside a:first-child .homepage-banner { display: inline-block; }

 

section#bottom { display: flex; justify-content: space-between; width: 100%; height:250px;  }

#bottom-left, #bottom-right  { 

	 height: 250px;
	 width:40px;
	 background-image: url(images/left.png);
	 background-repeat: no-repeat;
	 background-size: 100% 90%;
	 background-position: bottom left;
}

#bottom-right  { 

	background-image: url(images/right.png);
	background-position: bottom right;
}

#bottom-main  { width: calc(100% - 80px); background:#FFF; border-top:2px solid #000; }

.interior #bottom-main  { border:none; }

div.ads {

	margin-top: 60px; 
	width: 100%;
	height: 120px;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;

}

div.ads img {

	margin: 10px;
	height: 100px; 
	width: auto; 
}


footer {

	width: 100%;
	min-height: 220px;
	height: auto;
	background:#39373c; 
	color: #FFF;
}


nav, nav *, #responder, #wrapper {

	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

}


.cart-quantity { display:inline-block; padding-left:20px; padding-top: 8px; color:#000; }


#menu, #close { display:none; position:absolute; top:30px; right:30px; z-index:999; font-size:40px; color:#FFF; }

#wrapper { position:relative; width:100%; left:0%;  } 
#wrapper.open {  left:100%;  }
#responder { position:absolute; top:0; left:-100%; width:100%; padding:20px;  overflow:hidden;  }
#responder.open { left:0; }

#responder li { list-style:none; }
#responder a { text-decoration: none; color: #FFF; line-height:36px;  display:block; margin:0; padding:5px;  }
#responder a:hover { color:#fabb19;  }



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

	#homepage-events-top nav { display:block; }
	#homepage-events-top, #homepage-events-top nav { position:static !important; text-align:center; height: auto; display:block; }
	#homepage-events-top nav { position:static !important; text-align:center; height: auto; display:block; }

} /* End Medium Screen Media Query */



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

	header nav, #loginbox, #find-a-cpa * { display:none; }
	#menu, #close  { display:block; }
	main { margin-top:22vh; }
	#find-a-cpa { top:22vh; }


	.interior #photobar {

		display: block;
		height: 240px;
	}

	#photobar .square {

		width: 24%;
		height: 20vw;
		display: inline-block;

	}

	.interior #photobar #grey-title {

		width: 100%;
		display: block;
		
	}

	.interior main .liner { display:block; }
	.interior main article { width:100%; }

} /* End Medium Screen Media Query */


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

	main, #find-a-cpa { width: calc(100% - 28px); }

	#page > header { padding: 0 14px; }

	main article, main aside { position: relative; display:block; width:100%; top: 0; left: 0; }

	.interior main .liner > article { width: 100%; padding: 0px; border: none; }

	.interior main .body_image { width:100%; height:auto;  }

	#mountain-fade {  top: 20px; width: calc(90vw - 28px); height: calc(90vw - 28px); }

	.r40, #bottom-left, #bottom-right { display:none; }

	#bottom-main  { width: calc(100% - 28px); margin:0 auto;  }

} /* End Small Screen Media Query */



@media screen and (orientation:landscape)
and (max-width: 1000px) {
   



} /* End Small Screen Landscape Media Query */