﻿/*Responsive CSS Overrides*/

@media screen and (max-width: 1300px) {
	
	#social-scroll{
		display:none;
	}
	
	#slider .soliloquy-container .soliloquy-next{
		right:10px;
	}
	
	#slider .soliloquy-container .soliloquy-prev{
		left:10px;
	}

}

@media screen and (max-width: 1200px) {
	
	.container{
		width:94%;
	}
	
	/*Homepage*/
	
	.home #contentBody .container,
	.white-area .container{
		width:auto;
	}
	
	.accordion-column-content{
		padding:10px;
	}
	
	#slider .soliloquy-container .soliloquy-caption{
		right:0;
		width:47%;
	}
	
	#slider .soliloquy-container .soliloquy-caption-inside{
		font-size:1.2em;
		padding-right:70px;
	}
	
	
	/*Content*/
	
	.blog .post,
	.archive .post {
    	padding-left: 23%;
    }
    
    .blog .post-thumb,
    .archive .post-thumb{
		width:20%;
	}
	
	/*Footer*/
	
	#top-footer .container{
		padding-right:240px;
	} 
	
	/*Internal Navigation Pages*/
	
	.table-internal-nav{
		margin:0 auto 0;
		border-spacing:25px;
	}
		
	.table-internal-nav .cell-head{
		min-height:0;
	}
	
	.table-internal-nav .cell-head-title{
		position:relative;
		background:#0a2d6b;
	}

	.cell-head-title h3 {
    	font-size: 1.2em;
    }

	
}

@media screen and (max-width: 1050px) {

	/*Header*/
	
	#header .logo {
		padding-left:110px;
	}
	
	#header .logo img{
		width:100px;
	}
	
	/*Footer*/
	
	.footer-widgets{
		float:none;
		width:auto;
	}
	
	#footer .copyright{
		padding-top:30px;
		text-align:center;
	}

}

@media screen and (max-width: 900px) {

	/*Header*/
	
	#header .logo{
		font-size:0.75em;
		padding-top:28px;
	}

	#navTopContainer ul{
		font-size:16px;
	}
	
	#navTopContainer ul li{
		margin:0;
	}
	
	/*Slider*/
	
	#slider::after,
	.feat-img::after{
		display:none;
	}
	
	#slider .soliloquy-container .soliloquy-next,
	#slider .soliloquy-container .soliloquy-prev{
		top:40%;
	}

	
	#slider .soliloquy-container .soliloquy-caption{
		right:auto;
		top:auto;
		width:100%;
		bottom:0;
		position:relative;
		display:block;
	}
	
	#slider .soliloquy-container .soliloquy-caption-inside{
		font-size:1.2em;
		background:#343434;
		box-shadow:inset 0 0 54px rgba(0,0,0,0.52);
		text-shadow:0 2px 3px #000000;
	}
	
	#slider::after,
	.feat-img::after{
		display:block;
		content:"";
		position:absolute;
		bottom:0;
		width:100%;
		height:10px;
		box-shadow: inset 0 -10px 10px -10px black;/*bottom*/
		z-index:1;
	}

}

@media screen and (max-width: 782px) {
  
	body{
		position:static;
	}
  
	.admin-bar #header {
		top: 46px;
	}
  
	html #wpadminbar{
		position:fixed;
	}
  
}


@media screen and (max-width: 750px) {

	/*Header*/
	
	#header,
	#header.sticky{
		background:#ffffff;
		z-index:99999;
		box-shadow:0 2px 3px rgba(0, 0, 0, 0.25);
	}
	
	#header.sticky .logo,
	#header .logo{
		position:relative;
		padding:5px 0 5px 50px;
	}
	
	#header.sticky .logo img,
	#header .logo img{
		width:auto;
		height:90%;
		box-shadow:0 1px 2px rgba(0, 0, 0, 0.35);
	}
	
	#header .logo a{
		pointer-events:none!important;
	}
	
	.top-menu,
	#search-form,
	#navTopContainer{
		display:none;
	}
	
	body #click-menu{
		z-index:99999;
	}
	
	.responsive-menu li{
		margin:0;
	}
	
	.entry{
		font-size:1em;
	}
	
	/*Content*/
	
	.item .entry,
	#sidebar{
	    float: none;
	    width: auto;
	}

	/*Accordion Columns*/
	.home #contentBody .container,
	.white-area .container{
		width:94%;
	}

	.table.home-table,
	.table.home-table .cell{
		display:block;
		width:auto;
	}
	
	.table.home-table,
	#sidebar .widget.accordion-column{
		margin:auto;
		width:66%;
	}
	
	.accordion-column,
	#sidebar .widget.accordion-column{
		border:0px;
		margin-bottom:20px;
	}
	
	.accordion-column-title{
		width:auto;
		position:static;
		height:auto;
		padding:0 10px;
		border:0px;
	}
	
	.accordion-column-title h3{
		width:auto;
		position:relative;
		top:0;
		text-align:left;
		transform: rotate(0deg);
		transform-origin: left top 0;
	}
	
	.accordion-column-content{
		margin-left:0;
		min-height:0;
		border-left:1px #E3DCD0 solid;
		border-right:1px #E3DCD0 solid;
		border-bottom:1px #E3DCD0 solid;
	}
	
	/*Homepage*/
	
	.mission-statement .frm_form_field.frm_left_fourth,
	.mission-statement .frm_form_field.frm_fourth,
	.mission-statement .frm_submit.frm_fourth,
	.mission-statement .frm_form_field.frm_right_fourth,
	.mission-statement .frm_form_field.frm_first_fourth,
	.mission-statement .frm_form_field.frm_last_fourth {
	    margin-left: auto;
	    width: 100%;
	}
	
	.mission-statement .frm_style_formidable-style.with_frm_style input[type=submit], .mission-statement .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .mission-statement .frm_form_submit_style, .mission-statement .frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit] {
	    width: auto;
	}
	
	.mission-statement .with_frm_style .frm_submit {
	    text-align: center;
	}
	
	.mission-statement .frm_ajax_loading {
	    display: none;
	}

	.mission-statement div.ctct-form-embed form.ctct-form-custom {
		flex-direction: column;
		align-items: normal;
	}

	.mission-statement div.ctct-form-embed form.ctct-form-custom div.ctct-form-field,
	.mission-statement .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button{
		width:auto;
		margin:0 0 15px;
	}
	
	/*Internal Navigation Pages*/
	
	.table-internal-nav,
	.table-internal-nav .cell{
		margin:30px 0;
	}
	
	.table-internal-nav,
	.table-internal-nav .row,
	.table-internal-nav .cell{
		display:block;
		width: auto;
	}
  
}


@media screen and (max-width: 600px) {

	/*Homepage*/
	
	.tour-testimonials .testimonial-text{
		font-weight:300;
		font-size:1em;
	}
	
	.tour-testimonials .book-tour{
		text-align:center;
	}
	
	#slider .soliloquy-container .soliloquy-caption-inside{
		font-size:0.75em;
		padding:15px;
	}
	
	#slider .soliloquy-container .soliloquy-caption-inside h2{
		margin-bottom:5px;
	}
	
	#slider .soliloquy-container .soliloquy-caption-inside p{
		line-height:1.3;
		margin-bottom:10px;
	}
	
	#slider .soliloquy-container .soliloquy-caption-inside .btn{
		font-size:0.9em;
	}
	
	/*Content*/
	
	.entry h1{
		font-size:2.2em;
	}
	
	/*Footer*/
	
	#top-footer{
		background-size:35%;
		font-size:1em;
	}
	
	#top-footer .container {
	    padding-right: 0;
	}
	
	#top-footer .citation,
	#top-footer .credit{
		margin-right:30%;
	}
	
	.footer-widgets .third{
		float:none;
		width:auto;
		margin-bottom:20px;
	}
		
	.footer-widgets .third:last-child{
		margin-bottom:0;
	}

}

@media screen and (max-width: 500px) {

	/*Header*/
		
	#header .logo,
	#header.sticky .logo{
		font-size:0.45em;
		padding: 11px 0 11px 38px;
	}
	
	#header.sticky .logo img,
	#header .logo img {
	    height: 75%;
	    margin:0;
	    top:12.5%;
	}
	
	#slider,
	.feat-img{
		padding-top:55px;
	}
	
	#slider .soliloquy-container .soliloquy-next,
	#slider .soliloquy-container .soliloquy-prev {
	    top: 25%;
	}
	
	/*Content*/
	
	.item{
		margin:10px 0;
	}
	
	.entry{
		font-size:0.875em;
	}
	
	.entry p{
		margin-bottom:20px;
	}
	
	.blog .post,
	.archive .post {
    	padding-left: 0;
    }
    
    .blog .post-thumb,
    .archive .post-thumb{
		width:auto;
		height:auto;
		position:relative;
	}
	
	.blog .post-thumb img,
    .archive .post-thumb img{
		width:auto;
	}


	/*Accordion Columns*/
	
    .table.home-table,
    .table.home-table *,
    .accordion-columns,
    .accordion-columns *,
    .accordion-column,
    .accordion-column *{
        -webkit-box-sizing:border-box; 
        -moz-box-sizing:border-box; 
        box-sizing:border-box;
    }
    
    .table.home-table,
    #sidebar .widget.accordion-column{
		width:auto;
	}

    .home-table {
        overflow:hidden;
        box-shadow:0px 1px 3px rgba(0,0,0,0.25);
        border-radius:3px;
        background:#f7f7f7;
    }
    
    .accordion-column,
    #sidebar .widget.accordion-column{
		margin:auto;
	}
	
	.accordion-column .accordion-column-title::after{
		content:"";
		display:block;
		position:absolute;
		top:22px;
		right:20px;
		width:0;
		height:0;
		border-style: solid;
		border-width: 7.5px 0 7.5px 10px;
		border-color: transparent transparent transparent #ffffff;
		transition:transform 0.2s ease;
		-webkit-transition:-webkit-transform 0.2s ease;

	}
	
	.accordion-column .accordion-column-title.active::after{
		transform: rotate(90deg);
		transform-origin: center center 0;
		-webkit-transform: rotate(90deg);
		-webkit-transform-origin: center center 0;
	}

    .accordion-column-title {
        width:100%;
        padding:15px;
        display:inline-block;
        transition:all linear 0.15s;
        border-bottom:1px #fff solid;
        pointer-events: auto;
        cursor:pointer;
    }
  
    .accordion-column-title h3{  
		display:inline;
		pointer-events:none;
		line-height:30px;
    }

    .accordion-column-title.active,
    .accordion-column-title:hover {
        background:#4c4c4c;
    }

    .home-table .accordion-column:last-child .accordion-column-title,
    .accordion-columns .accordion-column:last-child .accordion-column-title{
        border-bottom:none;
    }

    .accordion-column-content {
        padding:15px;
        display:none;
    }
    
    .accordion-column-content .frm_style_formidable-style.with_frm_style input[type=submit], .accordion-column-content .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .accordion-column-content .frm_form_submit_style, .accordion-column-content .frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit] {
		font-size:0.875em;
	}
    
    /*Core*/
	
	.columns .half ,
	.columns .third,
	.columns .two-thirds,
	.columns .quarter,
	.columns .three-quarters,
	.padded-columns .half ,
	.padded-columns .third,
	.padded-columns .two-thirds,
	.padded-columns .quarter,
	.padded-columns .three-quarters{
	    margin: auto;
	    width: 98%;
	    float:none;
	}

	div.aligncenter,
	.alignnone,
	.aligncenter,
	.alignright,
	.alignleft,
	.aligncenter,
	a img.alignright,
	a img.alignnone,
	a img.alignleft,
	a img.aligncenter,
	.wp-caption.alignnone,
	.wp-caption.alignleft,
	.wp-caption.alignright {
	    display: block;
	    margin: 5px auto;
	    float:none;
	}

}