﻿/*Responsive CSS Overrides*/

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

	#navTopContainer > ul > li:first-child > ul{
		margin-left:0;
		left:0;
	}

}

@media screen and (max-width: 1220px) {
	
	.container{
		width:94%;		
	}
	
	/*Social Scroll*/
	
	.social-scroll,
	.social-scroll img{
		position:static;
	}
	
	.social-scroll img{
		width:30px;
		height:auto;
	}
	
	.social-scroll img:hover{
		transform:translateX(0);
	}
	
	.social-scroll{
		padding-top:20px;
	}
	
	.social-scroll ul{
		text-align:inherit;
	}
	
	.social-scroll li{
		display:inline-block;
	}
	
	.slider .soliloquy-container .soliloquy-next{
		right:10px;
	}
	
	.slider .soliloquy-container .soliloquy-prev{
		left:10px;
	}
	
	.slider .soliloquy-container .soliloquy-caption,
	.slider .soliloquy-container .soliloquy-caption.soliloquy-caption-bottom{
		right:0;
		width:47%;		
	}
	
	.slider .soliloquy-container .soliloquy-caption .soliloquy-caption-inside{
		font-size:1.2em;
		padding-right:70px;
	}
	
	/*Internal Navigation Pages*/
	
	.table-internal-nav{
		margin:-25px auto 0;
		border-spacing:25px;
	}
		
	.table-internal-nav .cell-head{
		min-height:0;
	}
	
	.table-internal-nav .cell-head-title{
		position:relative;
		background:rgba(44,80,140,1);
	}

	.cell-head-title h3 {
    	font-size: 1.2em;
    }

	
}

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

	#navTopContainer ul{
		font-size:16px;
	}
	
	#navTopContainer li{
		margin-right:10px;
	}
	
	#navTopContainer li a{
		padding:15px 10px;
	}

	#search-input{
		width:160px;
	}
	
	/*Homepage*/
	
	.museum-btn h3{
		font-size:1.5em;
	}
	
	.slider .soliloquy-container .soliloquy-next,
	.slider .soliloquy-container .soliloquy-prev{
		top:40%;
	}

	
	.slider .soliloquy-container .soliloquy-caption,
	.slider .soliloquy-container .soliloquy-caption.soliloquy-caption-bottom{
		right:auto;
		top:auto;
		width:100%;
		bottom:0; 
		position:relative;
		display:block;
	}
	
	.slider .soliloquy-container .soliloquy-caption .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;
	}
	
	/*Footer*/
	
	.footer-mid .partners h6{
		display:block;
		margin:0 0 10px;
	}
	
	.footer-mid .partners img{
		margin:10px;
	}

	
}

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

	/*Header*/

	.admin-bar #header {
		top: 46px;
	}
	
	#page-wrap{
		padding-top:127px;
	}
	
	#page-wrap.sticky-header{
		padding-top:127px;
	}
	
	.header-mid{
		height:77px;
	}
	
	.header-mid .logo {
	    height: 62px;
	}
	/*
	.header-mid .logo-text{
		margin:17px 0 0;
	}
	
	.header-mid .logo-text h1{
		font-size:30px;
	}*/
	
	/*Homepage*/
	
	.table.museum-btn-container,
	.table .cell.museum-btn{
		display:block;
		width:auto;
	}
	
	.museum-btn{
		margin:20px;
		padding:30px;
	}
	
	/*Footer*/
	
	#navBottomContainer ul li{
		font-size:14px;
	}


}

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

	/*Header*/

	#page-wrap,
	#page-wrap.sticky-header{
		padding-top:77px;
		transition:0s;
	}

	.header-top,
	.header-bottom{
		display:none;
	}
	
	body #responsive-menu{
		top:77px;
		z-index:98;
	}
	
	#responsive-menu .responsive-menu li{
		margin-bottom:0;
	}
	
	/*Content*/
	
	.item .entry,
	.item #sidebar{
		float:none;
		width:auto;
	}
	
	/*Homepage*/
	
	.upcoming-events .third.event-feed-item{
		margin-bottom:25px;
	}
	
	.upcoming-events .third.event-feed-item:last-child{
		margin-bottom:0;
	}
	
	.table-feeds,
	.table-feeds .cell{
		display:block;
	}
	
	.table-feeds{
		margin:auto;
	}
	
	.columns.table-feeds .half{
		margin:7%;
		width:auto;
		overflow:auto;
	}
	
	#sb_instagram #sbi_images{
		background:#EAE2D7;
	}
	
	/*Footer*/
	
	.table.location-btn-container,
	.cell.location-btn{
		display:block;
	}
	
	.location-btn-container::before,
	.location-btn-container::after{
		display:none;
	}
	
	.location-btn:first-child,
	.location-btn:last-child{
		background-image:none;
	}
	
	.location-btn{
		width:auto;
		margin:0;
		padding-top:25px;
	}
	
	.location-btn:hover{
		background-color:transparent;
	}
	
	.location-btn-link{
		position:static;
		display:inline;
		padding:0;
	}

	.mailing-list .frm_form_field.frm_left_fourth,
	.mailing-list .frm_form_field.frm_fourth,
	.mailing-list .frm_submit.frm_fourth,
	.mailing-list .frm_form_field.frm_right_fourth,
	.mailing-list .frm_form_field.frm_first_fourth,
	.mailing-list .frm_form_field.frm_last_fourth {
	    margin-left: auto;
	    width: 100%;
	}
	
	.mailing-list .frm_style_formidable-style.with_frm_style input[type=submit], .mailing-list .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .mailing-list .frm_form_submit_style, .mailing-list .frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit]{
		width:auto;
	}
	
	.mailing-list .with_frm_style .frm_submit{
		text-align:center;
	}
	
	.mailing-list .frm_ajax_loading{
		display:none;
	}

	.mailing-list div.ctct-form-embed form.ctct-form-custom {
		flex-direction: column;
		align-items: normal;
	}

	.mailing-list div.ctct-form-embed form.ctct-form-custom div.ctct-form-field,
	.mailing-list .ctct-form-embed.form_1 .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: 620px) {

	/*Header*/

	.header-mid .logo {
	    height: 45px;
	}

/*	.header-mid .logo-text h1{
		font-size:16px;
	}*/
	
	.header-mid a.logo-link{
		pointer-events:none;
	}
	
	#page-wrap,
	#page-wrap.sticky-header{
		padding-top:54px;
	}
	
	.header-mid{
		height:54px;
		overflow:hidden;
	}
	
	body #responsive-menu{
		top:54px;
	}

	
	/*Homepage*/
	
	.tour-testimonials .testimonial-text{
		font-size:1.2em;
		margin-bottom:20px;
	}
	
	.bg-watermark-soldiers h4,
	.upcoming-events h4{
		font-size:22px;
	}
		
	.bg-watermark-soldiers h4{
		text-align:right;
	}
	
	.bg-watermark-soldiers{
		padding:15px;
	}
	
	.bg-watermark-soldiers .ghost-btn {
	    font-size: 16px;
	    padding:10px 0;
	    display:block;
	}
	
	.slider .soliloquy-container .soliloquy-caption .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;
	}


	/*Footer*/
	
	#navBottomContainer{
		padding:15px 0;
	}
	
	#navBottomContainer ul li{
		display:block;
		font-size:18px;
		margin:10px 0;
	}
	
	#navBottomContainer ul li::after{
		display:none;
	}
	
	/*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: auto;
	    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;
	}

}