@import url("queries/ops-queries.css");
@import url("queries/pages-default.css");

@media all and (max-width:580px){main {padding:25px 0px 0px 0px!important;margin-bottom:0rem!important;} }

.active-ops {color:#ef1c26!important;}

h1 {font-size:115px;text-align:center; font-weight:300;color:#ef1c26;margin:0rem;}

h2 {text-align:center;font-size:65px;font-weight:200; color:white;background:#ef1c26;padding:3rem 1rem;text-transform:uppercase;}

.header-two {margin:0 auto!important;background:none;font-size:45px;text-align:center; color:#ef1c26;font-weight:200; padding:0; margin:0;text-transform:none;max-width:65rem;}

.bubble {
	position: relative;
	background:#ef1c26;
	background-image:linear-gradient(to bottom ,  #eb1e28, #ef1c26, #e71823);
	margin-top:-2rem;
	z-index:1;
}

.bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #ef1c26;
	border-bottom: 0;
	margin-left: -20px;
	margin-bottom: -20px;
}

main {padding:50px 0px 0px 0px!important;}

.intro2 {background:#f1f1f1;border-radius:25px;}

/*BUTTONS*/

header {
	position:relative;
	overflow: hidden;
	background-image:url('../assets/images/banner_Operations.jpg');
	background-position: center;
	background-attachment: scroll;
	background-size:cover;
	background-repeat: no-repeat;
	height:280px; 
	max-height:100%;
	width:100%;
}

/* Start of Map */
.info-container em {padding:15px 15px 0px 0px!important;font-size:15px;color:#353535;}

.info-container {
	padding:1.5rem; 
	background:#ef1c26;
	color:white;
	max-width:35%;
	height:auto;
	position:absolute;
	top:15%;
	right:3%;
	box-shadow: 1px 1px 1px 2px hsla(0, 0%, 0%, .2);
	border-radius:5px;
	border-bottom:10px solid #ef1c26;
	z-index:333;
	}

h3 {font-size:35px;	text-transform:uppercase;transition:all 0.3s ease;}

.info-container p {text-indent:1rem;transition:all 0.3s ease;}

#grid-container {
	margin:0 auto;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 10px;
	grid-auto-rows: minmax(150px, auto);
	justify-items: center;
	position:relative;
	max-width:85rem;
	color:white;
	text-align:left;
	padding-top:1rem;
	padding-bottom:3rem;
}

em {color:#3083a7;}


/* Map Styles */
#map-container{display:block;margin:0 auto;width:80%;height:auto;position:relative;}

#sub-container {width:100%;height:100%;position:absolute;}

#lines {opacity:.75}

.st0{fill:#363f47!important;transition:all 0.3s ease;position:relative;}
.st0:hover {fill:#ef1c26!important;cursor:pointer;transition:all 0.2s ease;}
.st1{fill:#E25252;opacity:1;pointer-events: none;}
.st2{fill:#FFFFFF;}
.st3{font-family:'Montserrat', sans-serif;font-weight:700;font-size:8px;pointer-events: none;text-align:center;}
.st5{fill:#939393;}

.wildcat, .edson, .central, .east, .peace {fill:hsla(0, 0%, 0%, 1);transition:all 0.5s ease;}

/*End of Map*/

/*MAIN GRID*/
.con-3 {
	margin:0 auto;
	grid-column:1/3; 
	padding:0;
}

.con-4 .btn3 {
	text-align:center;
	background:#ef1c26;
	background-image:linear-gradient(to bottom ,  #eb1e28, #ef1c26, #e71823);
	padding:15px 20px;
	color:#fafafa;
	font-size:25px;
	border-radius: 50px;
	border:1.5px solid #ef1c26;
	font-family: "CanlinFont-bold", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	box-shadow: 0px 2px 3px rgba(0, 0, 0, .5);transition:all 0.3s ease;}

iframe {width:880px; height:800px;}

.hidekey {display:none;}

.showkey {display:block;}

.con-4 {
	margin:0 auto;
	text-align:left!important;
	grid-column:3;
	color:#121212;
}

.con-4 ul {margin:0;padding:0;}

.con-4 li:first-of-type {margin-top:10px;}

.con-4 li {font-size:14px;display:block;text-align:left;padding:5px 10px 0px 30px;margin:0;font-weight:300;}

.con-4 h3{color:#959596; font-size:25px;text-transform:uppercase;font-family: 'Rajdhani', sans-serif;font-weight:700;}

.con-4 h3:hover {cursor:pointer;color:#3083a7;}

.con-4 h3::before {content:"▶ ";color:#ef1c26;}

.con-4 h3:active {color:#3083a7;}

.con-4 a {font-size:inherit;}

.con-4 .lsd {margin-top:1rem;}

.indentme { text-indent: 2rem; }
	
.intro {font-family: 'Montserrat', sans-serif;margin-bottom:3rem;}

.intro p {font-family: 'Montserrat', sans-serif;}

.intro2 {margin-top:0rem;}

.intro2 .header-two {background:none;font-size:35px;text-align:center; color:#ef1c26;font-weight:200; padding:0; margin:0;text-transform:uppercase;}

.intro2 p {margin:0 auto;padding:30px;}

.bold-p1, .bold-p0 {padding:1rem; margin:0 auto; text-align:center;max-width:55rem;font-size:22px;font-weight:700;}

.bold-p1 {padding:.3rem;margin-bottom:-1.5rem;text-transform: uppercase;font-size:20px;font-weight:800;text-align:left;}

article {margin:0 auto;}

article p {padding-top:3rem;margin:0 auto;font-size:20px;line-height:1.8rem;font-family: 'Montserrat', sans-serif;max-width:60rem;}

.intro {max-width:73rem;text-align:center;}

#footer-banner{
	position:relative;
	height:350px; 
	max-height:100%;
	max-width:100vw;
	overflow: hidden;
	background-image:url('../assets/images/footer-banner.jpg');
	background-position: center;
	background-attachment: fixed;
	background-size:cover;
	background-repeat: no-repeat;
	text-align:center;
	border-radius:0px 0px 25px 25px;
	}

#footer-info-container p {font-size:20px;line-height:1.8rem;font-family: 'Montserrat', sans-serif;margin-bottom:2rem;}

#footer-banner .footer-info-container{
	margin:0 auto;
	padding-bottom:3rem;
	display:inline-block;
	margin:3rem;
	color:white;

}

#footer-banner .btn3 {border-radius:50px;}

.footer-info-container p {padding:2rem;}


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


/* Map Styles */
#map-container{display:block;margin:0 auto;width:80%;height:auto;position:relative;}
/* IE10+ CSS styles go here */
	#grid-container{
		margin:0 auto;
		display: block;
		position:relative;
		width:100%;
		height:auto;
		vertical-align: center;
	}
	
	#grid-container svg {max-height:100%;height:800px;width:auto;}
}