/**********************************

	Responsive.css for Squivotheme
	Jan 2018
	
	MEDIA QUIRIES
	
**********************************/
/* Media Queries */

@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}


@media ( max-width: 1900px ){
	.width-manager
	{ max-width:1600px;}
	.title-container h1{
		padding-left:0px;
	}
}

@media ( max-width: 1700px ){
	.site-header-container{
		padding:0 50px;
	}
	/*
	.header-contact-info{
		margin-right:50px;
	}*/
	.title-container h1{
		padding-left:50px;
	}
	.nav-menu li a {
		font-size: 18px;
		line-height:20px;
	}
}

@media ( max-width:1440px ){
	#site-logo-container{
		left:25px;
	}
	.site-logo{
		width:105px;
	}
	
	#site-nav-container{
		margin-right:25px;
	}
	
	.title-container h1{
		padding-left:25px;
		font-size:44px;
		line-height:50px;
	}
	
	.nav-menu li a{
		font-size:16px;
		line-height:18px;
	}
	
	.nav-menu li.mini-burger.on > .sub-menu,
	.nav-menu li:hover > .sub-menu{
		top:38px;
	}
	
	.nav-menu .sub-menu li a{
		line-height:26px;
		font-size:12px;
	}

	#home-page-gallery-buttons{
		bottom:75px;
	}
	
	.homepost-content-wrapper.bottom{
		bottom:110px;
	}

	.homepost-content-wrapper.right,
	.homepost-content-wrapper.left{
		top:30%;
	}
	
	.entry-content.padded{
		padding:75px 0;
	}
	
	.text-panel.left{
		padding-left:75px;
	}
	
	.text-panel.right{
		padding-right:75px;
	}
	
	.text-panel.wide{
		padding:0 75px;
	}
	
	.text-panels{
		padding:75px 0 0;
	}
	
	.discipline-list{
		padding-left:75px;
		padding-bottom:75px;
	}
	
	.discipline-panel{
		height:40vw;
	}
	
	/*
	.staff-panels{
		padding-bottom:75px;
		padding-left:75px;
	}
	
	.staff-panel{
		padding-top:75px;
		padding-right:75px;
	}

	.staff-panel .bio-image{	
		width:100%;
		height:37vw;
		max-height:650px;
	}*/
	
	.discipline-content{
		top:75px;
		right:75px;
	}
	
	.text-panel.left .body-text{
		padding-right:35px;
	}
	
	.text-panel.right .body-text{
		padding-left:35px;
	}

	.text-panel.left .site-video iframe,
	.text-panel.right .site-video iframe{
		height:360px;
	}

}

@media ( max-width:1280px ){
	#site-logo-container{
		left:15px;
	}
	.site-logo{
		width:100px;
	}
	
	#site-nav-container{
		margin-right:15px;
	}
	
	.title-container h1{
		padding-left:50px;
	}
	
	.main-page-header{
		height:500px;
	}
	
	#home-page-gallery-buttons{
		bottom:50px;
	}
	
	.entry-content.padded{
		padding:50px 0;
	}
	
	.text-panel.left{
		padding-left:50px;
	}
	
	.text-panel.right{
		padding-right:50px;
	}
	
	.text-panel.wide{
		padding:0 50px;
	}
	
	.text-panels{
		padding:50px 0 0;
	}
	
	.discipline-list{
		padding-left:50px;
		padding-bottom:50px;
	}
	
	.discipline-panel{
		height:40vw;
	}
	
	
	.staff-panels{
		grid-template-columns:1fr 1fr;
	}
	/*
	.staff-panel{
		padding-top:50px;
		padding-right:50px;
	}*/
	
	.discipline-content{
		top:50px;
		right:50px;
	}
	
	.text-panel.left .body-text{
		padding-right:25px;
	}
	
	.text-panel.right .body-text{
		padding-left:25px;
	}

	.text-panel.left .site-video iframe,
	.text-panel.right .site-video iframe{
		height:300px;
	}

}

@media ( max-width: 1200px ){
	.site-header-container{
		padding:0 10px;
		grid-template-columns:100px 1fr 100px;
	}
	#site-nav-container{
		display:none;
	}
	.header-contact-info{
		display:flex;
		grid-column:2;
		grid-row:1;
		position:relative;
		width:100%;
		justify-content:center;
		align-items:center;
		background:transparent;
		color:#120D06;
		margin-right:0;
		font-weight:200;
		
	}

	.header-contact-info a{
		color:#790E4C;	
		white-space:nowrap;
	}
	
	.header-contact-info a:hover{
		color:#571F3F;
	}

	#mobile-menu-toggle{
		display:block;
	}
	#site-logo-container{
		left:10px;
	}
	
	.site-logo{
		width:75px;
	}
	.main-page-header.instructors{
		height:600px;
		max-height:600px;
	}
}

@media ( max-width:1024px ){
	
	/*
	.main-page-header{
		height:40vw;
	}*/
	
	.main-page-header.instructors{
		height:50vw;
	}
	
	.main-page-header.discipline-archive{
		height:40vw;
	}

	.nav-menu li a{
		padding:0 10px;
	}
	/*
	.staff-panel .bio-image{
		height:49vw;
	}*/
	.site-document .document-title{
		font-size:19px;
		line-height:19px;
	}
	.tile-list{
		grid-gap:50px;
		padding:50px;
	}
}

@media ( max-width:960px ) {
	
	/*&
	.site-header-container{
		padding:0 10px;
		grid-template-columns:100px 1fr 100px;
	}
	#site-nav-container{
		display:none;
	}
	
	.header-contact-info{
		display:flex;
		grid-column:2;
		grid-row:1;
		position:relative;
		width:100%;
		justify-content:center;
		align-items:center;
		background:transparent;
		color:#120D06;
		margin-right:0;
		font-weight:200;
		
	}

	.header-contact-info a{
		color:#790E4C;	
		white-space:nowrap;
	}
	
	.header-contact-info a:hover{
		color:#571F3F;
	}

	#mobile-menu-toggle{
		display:block;
	}
	#site-logo-container{
		left:10px;
	}
	
	.site-logo{
		width:75px;
	}	
	*/
	
	.site-description{
		display:inline;
		margin:0 auto;
		max-width:100px;
	}
	
	.site-description h1{
		display:inline;
		font-size:24px;
		margin-left:10px;
		margin-top:10px;
	}
	
	/*
	.main-page-header{
		height:45vw;
	}*/

	.marrmac-greyscale-logo{
		display:none;
	}
	#home-page-gallery-buttons{
		bottom:0px;
		padding:5px;
	}

	.title-container h1{
		padding-left:25px;
	}
	
	.entry-content.padded{
		padding:25px 0;
	}
	
	.text-panels{
		padding:25px 0 0;
	}
	
	.text-panel.wide{
		padding:0 25px;
	}
	
	.text-panel.left .site-video iframe,
	.text-panel.right .site-video iframe{
		height:225px;
	}
	
	.title-container{
		display:none;
	}
	.title-container.mobile{
		display:block;
	}
	
	h2{
		margin-top:10px;
		font-size:26px;
	}
	
	.entry-content .body-text p{
		margin-top:5px;
	}
	
	.marrmac-footer-logo{
		width:100px;
	}
	
	.gallery-size-thumbnail .gallery-item{
		width: 32%;
	}
}
@media( max-width: 850px ){
	.tile-list{
		grid-template-columns:1fr;
	}
	.staff-panels{
		grid-template-columns:1fr;
	}
	.staff-panel .bio-image{
		height:70vw;
	}
}

@media ( max-width:768px ) {

	.site-description h1{
		font-size:4.4vw;
	}
	
	/*
	.main-page-header{
		height:55vw;
	}*/
	
	.main-page-header.discipline-archive{
		height:70vw;
	}
	
	#home-page-gallery-buttons{
		padding:5px;
	}
	
	/*
	.homepost-content-wrapper,
	.homepost-content-wrapper.left,
	.homepost-content-wrapper.right,
	.homepost-content-wrapper.bottom,
	.homepost-content-wrapper.top{
		position:relative;
		width:100%;
		top:25px;
		bottom:auto;
		right:auto;
		left:auto;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		height:85%;
	}
	
	.homepost-content-container{
		height:100%;
	}
	
	.homepost-content-container .homepost-content{
		max-width:100%;
		line-height:12px;
		font-size:12px;
		padding:5px 10px;
	}
	
	.homepost-content-container .homepost-link{
		position:absolute;
		bottom:0;
	}*/
	
	.button-wrapper.left,
	.button-wrapper.right{
		text-align:center;
	}
	
	.staff-panel{
		width:100%;
	}
	
	.staff-panel .bio-image{
		height:100vw;
		max-height:none;
	}
	
	.bio-panel{
		padding:25px;
	}
	
	.bio-info,
	.bio-text{
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	
	.bio-text{
		padding-top:25px;
	}
	
	.text-panel.left,
	.text-panel.right{
		width:100%;
		float:none;
		padding:25px;
	}
	
	.body-text,
	.text-panel.left .body-text,
	.text-panel.right .body-text{
		padding-left:0;
		padding-right:0;
	}
	
	.inline-video{
		width:100%;
	}
	.inline-video,
	.text-panel.left .site-video iframe,
	.text-panel.right .site-video iframe{
		height:58vw;
	}
	
	.discipline-list{
		padding-left:50px;
		padding-right:50px;
		padding-bottom:50px;
	}
	
	.discipline-panel{
		width:100%;
		padding-top:0;
		padding-right:0;
		height:70vw;
		margin-top:25px;
	}
	
	.discipline-content{
		top:0;
		right:0;
	}
	
	.site-video h4{
		height:auto;
	}
	.home iframe{
		height:48vw;
	}
	.site-video iframe{
		height:56.25vw;
	}
	
	#site-footer-header{
		height:44px;
	}
	
	#site-footer-header .footer-left{
		display:none;
	}
	
	#site-footer-header .footer-right{
		float:none;
		text-align:center;
		margin:5px auto;
	}
	.site-document .document-updated{
		font-size:10px;
	}
	
	.award-container{
		height:90px;
	}
	
	.map-container{
		height:90vw;
	}
	
	.mobile-section-display{
		display:block;
	}
	
	.marrmac-greyscale-logo{
		display:none;
	}
	.gallery-size-thumbnail .gallery-item{
		width: 125px;
	}

}

@media ( max-width:650px ) {
	
	.contact-footer h1{
		font-size:5.4vw;
	}
	
	.footer-nav{
		text-align:center;
		width:100%;
		max-width:100%;
	}
	
	.footer-nav ul{
		margin-left:0;
		margin-top:0;
	}
	.tile-list{
		grid-gap:15px;
	}
}

@media ( max-width:500px ) {

	.site-header-container{
		padding:0;
		grid-template-columns:50px 1fr 50px;
	}
	
	.site-logo{
		width:60px;
	}
	
	.main-page-header{
		height:450px;
	}
	#mobile-menu-toggle{
		top:11px;
		right:10px;
	}
	.sub-footer{
		padding:10px;
	}
	.width-manager.no-mobile-poadding{
		margin-left:-10px;
		margin-right:-10px;
	}
	/*
	.c-divider{
		display:none;
	}
	.header-contact-info{
		display:grid;
	}*/
	
	/*
	.homepost-content-wrapper,
	.homepost-content-wrapper.left,
	.homepost-content-wrapper.right,
	.homepost-content-wrapper.bottom,
	.homepost-content-wrapper.top{
		height:86%;
	}
	*/
	.title-container h1{
		padding-left:10px;
		font-size:26px;
	}
	
	.text-panel.wide{
		padding:0 10px;
	}
	
	.text-panel.left,
	.text-panel.right{
		padding:10px;
	}
	
	.discipline-list{
		padding-left:25px;
		padding-right:25px;
		padding-bottom:25px;
	}
	
	.entry-content ul{
		margin-left:25px;
		margin-right:10px;
	}
	blockquote{
		margin:10px;
		padding:10px;
	}
	
	.site-container.on{
		padding:10px 10px;
	}

	.contact-footer h1{
		font-size:6.7vw;
	}
	
	.marrmac-footer-logo{
		width:75px;
	}
	.gallery-size-thumbnail .gallery-item{
		width: 32%;
	}
}