/* 
copyright (c) 2020 ClickStart. All rights reserved. 
design and coding by Scott DeLoach 
here be dragons
*/

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) 
{  

	div.home-ev-container
	{
		display: -ms-grid;
		-ms-grid-columns: 33% 33% 33%;
	}

	div.home-ev-box.head
	{
		-ms-grid-row: 1;
		margin-left: 33vw;
	}
	
	div.home-ev-box:nth-child(2)
	{
		-ms-grid-column: 1;
		-ms-grid-row: 2;
		margin-left: 2rem;
	}
	
	div.home-ev-box:nth-child(3)
	{
		-ms-grid-column: 2;
		-ms-grid-row: 2;
		margin-left: 3%;
	}

	div.home-ev-box:nth-child(4)
	{
		-ms-grid-column: 3;
		-ms-grid-row: 2;
		margin-left: 3%;
	}

	div.hero-container div.hero-box
	{
		position: relative;
	margin-top: -224px;
	}
	
	div.hero-container div.hero-box video
	{
		position: absolute;
	    min-width: 100%;
		min-height: 929px;
		max-height: 929px;
	    width: auto;
	    height: auto;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
  	}
  
	div.hero-container.home div.hero-box
	{
		margin-top: -2rem;
	}
	
	div.hero-container.home div.hero-box video
	{
		min-height: auto;
	    width: 100%;
  	}

	div.hero-container div.hero-box img
	{
		position: absolute;
	    min-width: 100%;
		min-height: 929px;
		max-height: 929px;
		padding-top: 340px;
	}

	div.hero-container div.home-nav.slide img
	{
	    position: relative;
	    min-width: auto;
	    min-height: auto;
	    width: auto;
	    height: auto;
	    transform: none;
		left: 0;
		background: none;
		padding-top: 0;
	}

	div.hero-container div.hero-box.pres
	{
		margin-top: -23px;
	}
	
	div.abt-box.abt-box--head
	{
		margin-top: 1rem;
	}
	
	div.abt-box.abt-box--body
	{
		margin-top: 1rem;
	}
	
	div.bk-container 
	{
		display: -ms-grid;
		-ms-grid-columns: 24vw 24vw 24vw 24vw;
	}

	div.bk-box:nth-child(1)
	{
		-ms-grid-column: 1;
	}

	div.bk-box:nth-child(2)
	{
		-ms-grid-column: 2;
	}

	div.bk-box:nth-child(3)
	{
		-ms-grid-column: 3;
	}

	div.bk-box:nth-child(4)
	{
		-ms-grid-column: 4;
	}



	div.bo-container
	{
		display: -ms-grid;
		-ms-grid-columns: 360px auto;
	}
	
	div.bo-box:nth-child(1)
	{
		-ms-grid-column: 1;			
	}

	div.bo-box:nth-child(2)
	{
		-ms-grid-column: 2;			
	}
	
	div.book-bottom
	{
		display: none;
	}
	
	p#opt
	{
		display: none;
	}

	div.cl-container
	{
		display: -ms-grid;
		-ms-grid-columns: 22% 22% 22% 22%;
	}
	
	div.cl-box:nth-child(1)
	{
		-ms-grid-column: 1;	
		margin-right: 3%;
	}
	
	div.cl-box:nth-child(2)
	{
		-ms-grid-column: 2;	
		margin-right: 3%;
	}

	div.cl-box:nth-child(3)
	{
		-ms-grid-column: 3;	
		margin-right: 3%;
	}

	div.cl-box:nth-child(4)
	{
		-ms-grid-column: 4;	
		margin-right: 3%;
	}

	div.to-container
	{
		display:-ms-grid;
		-ms-grid-columns: 32% 30% 30%;
	}
	
	div.to-box:nth-child(1)
	{
		-ms-grid-column: 1;
		margin-right: 3%;
	}

	div.to-box:nth-child(2)
	{
		-ms-grid-column: 2;
		margin-right: 3%;
	}

	div.to-box:nth-child(3)
	{
		-ms-grid-column: 3;
		margin-right: 3%;
	}

	div.main-section bk-container a, 
	div.main-section bk-container a:link, 
	div.main-section bk-container a:visited
	{
		transition: none;
	}

	div.bk-container div.bk-box:hover,
	div.bk-container div.bk-box:hover::after,
	div.bk-container div.bk-box:hover a
	{
		transition: none;
	}

}

@media screen and (-ms-high-contrast: active) and (max-width: 1279px), screen and (-ms-high-contrast: none) and (max-width: 1279px)
{
	
	div.home-ev-container,
	div.bk-container, 
	div.bo-container, 
	div.cl-container, 
	div.to-container 
	{
		display: block;
	}
	
	div.home-ev-box:nth-child(1),
	div.home-ev-box:nth-child(2),
	div.home-ev-box:nth-child(3),
	div.home-ev-box:nth-child(4)
	{
		margin-left: 2rem;
		margin-left: margin-bottom: 1rem;
	}
	
	div.cl-container div.cl-box
	{
		height: auto;
		margin-bottom: 1rem;
	}
	
	div.cl-container div.cl-box a, 
	div.cl-container div.cl-box a:link, 
	div.cl-container div.cl-box a:visited
	{ 
		padding-top: 0;
	}
}


@media screen and (-ms-high-contrast: active) and (max-width: 767px), screen and (-ms-high-contrast: none) and (max-width: 767px)
{
	div.off-canvas-content
	{
		overflow-y: hidden;
	}
	
	div.off-canvas-content div.main-section
	{
		margin-top: 13rem;
	}

	div.off-canvas-content div.hero-container.video + h1
	{
		height: 13rem;
	}

	div.off-canvas-content div.hero-container.pres
	{
		top: -50px;
	}

	div.hero-container.video div.hero-box
	{
		margin-top: -224px;
	}

	div.hero-container div.hero-box
	{
		margin-top: -414px;
	}
}

@media screen and (-ms-high-contrast: active) and (max-width: 640px), screen and (-ms-high-contrast: none) and (max-width: 640px)
{
	div.hero-container.home div.hero-box
	{
		height: auto;
		margin-top: -3rem;
	}
}