/*  --------------------------------------------------------
CUSTOM NAVIGATION
-------------------------------------------------------- */

@media screen and (max-width: 640px) {
	.navbar-nav > .active > a,
	.navbar-nav > .active > a:hover,
	.navbar-nav > .active > a:focus {
		color: #ffffff;
		text-decoration: none;
	}
}

/* hover state on side panel */
@media screen and (max-width: 640px) {
	.navbar .navbar-nav > .show > a,
	.navbar .navbar-nav > .show > a:hover,
	.navbar .navbar-nav > .show > a:focus {
		color: #ffffff;
		text-decoration: none;
		outline: 0 !important;
	}
}
/* IPAD NAV PORTRAIT */
@media (max-width: 1025px) {
	.slide-box-left {
		bottom: auto;
	}
	.carousel-caption {
		top: 290px;
	}
}

/* IPAD NAV PORTRAIT */
@media (max-width: 1001px) {
	#moblogo {
		display: block;
	}
	.welcome-links a {
		font-size: 0.8rem;
	}
	.carousel-caption {
		top: 160px;
		max-width: 425px;
		bottom: auto;
	}
	.carousel-caption h1 {
		font-size: 1.5rem;
	}

	.navbar-offcanvas .navbar-nav li a,
	.navbar-collapse .navbar-nav li a {
		padding: 10px 25px !important;
		opacity: 1;
		display: block;
		font-size: 0.95rem;
	}

	.navbar-offcanvas .navbar-nav .dropdown-menu > li > a .caret-icon,
	.navbar-collapse .navbar-nav .dropdown-menu > li > a .caret-icon {
		color: #343434;
		padding-left: 7px;
		top: 23px;
		width: 20px;
		height: 15px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.navbar-offcanvas .navbar-nav .show .dropdown-menu > li.has-submenu > a .caret-icon,
	.navbar-collapse .navbar-nav .show .dropdown-menu > li.has-submenu > a .caret-icon {
		color: #00549d;
		padding-left: 7px;
		top: 23px;
		width: 20px;
		height: 15px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.navbar .has-submenu .show > a {
		display: block;
		background-color: #ffffff;
		color: #00549d;
	}

	.navbar-nav > li > a:hover,
	.navbar-nav > li > a:focus {
		color: #ffffff;
		text-decoration: none;
		outline: 0 !important;
	}

	.navbar-nav > li.has-submenu > a:hover,
	.navbar-nav > li.has-submenu > a:focus {
		color: #343434;
		text-decoration: none;
		outline: 0 !important;
	}

	/* Offcanvas dropdown indentation */
	.navbar-offcanvas .navbar-nav .show .dropdown-menu > li.has-submenu > a,
	.navbar-collapse .navbar-nav .show .dropdown-menu > li.has-submenu > a {
		color: #00549d;
	}

	/* Offcanvas dropdown indentation */
	.navbar-offcanvas .navbar-nav .dropdown-menu .show > li.has-submenu .show > a,
	.navbar-collapse .navbar-nav .dropdown-menu .show > li.has-submenu .show > a {
		color: #990000;
	}

	/* dropdown selected hover state */
	.navbar-nav .show .dropdown-menu > li > a:hover,
	.navbar-nav .show .dropdown-menu > li > a:focus,
	.navbar-nav .show .dropdown-menu > .active > a,
	.navbar-nav .show .dropdown-menu > .active > a:hover,
	.navbar-nav .show .dropdown-menu > .active > a:focus {
		/* color: #ffffff; */
		color: #00549d;
		font-weight: 600;
		background-color: #f1f1f1;
		display: block;
		text-decoration: none;
		outline: 0 !important;
	}
}

/* IPHONE NAV PORTRAIT */
@media (max-width: 450px) {
	.navbar-offcanvas .navbar-nav li a,
	.navbar-collapse .navbar-nav li a {
		padding: 10px 25px !important;
		opacity: 1;
		display: block;
		font-size: 0.95rem;
	}

	.navbar-offcanvas .navbar-nav .dropdown-menu > li > a .caret-icon,
	.navbar-collapse .navbar-nav .dropdown-menu > li > a .caret-icon {
		color: #343434;
		padding-left: 7px;
		top: 23px;
		width: 20px;
		height: 15px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.navbar-offcanvas .navbar-nav .show .dropdown-menu > li.has-submenu > a .caret-icon,
	.navbar-collapse .navbar-nav .show .dropdown-menu > li.has-submenu > a .caret-icon {
		color: #00549d;
		padding-left: 7px;
		top: 23px;
		width: 20px;
		height: 15px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.navbar .has-submenu .show > a {
		display: block;
		background-color: #ffffff;
		color: #00549d;
	}

	.navbar-nav > li > a:hover,
	.navbar-nav > li > a:focus {
		color: #ffffff;
		text-decoration: none;
		outline: 0 !important;
	}

	.navbar-nav > li.has-submenu > a:hover,
	.navbar-nav > li.has-submenu > a:focus {
		color: #343434;
		text-decoration: none;
		outline: 0 !important;
	}

	/* Offcanvas dropdown indentation */
	.navbar-offcanvas .navbar-nav .show .dropdown-menu > li.has-submenu > a,
	.navbar-collapse .navbar-nav .show .dropdown-menu > li.has-submenu > a {
		color: #00549d;
	}

	/* Offcanvas dropdown indentation */
	.navbar-offcanvas .navbar-nav .dropdown-menu .show > li.has-submenu .show > a,
	.navbar-collapse .navbar-nav .dropdown-menu .show > li.has-submenu .show > a {
		color: #990000;
	}

	/* dropdown selected hover state */
	.navbar-nav .show .dropdown-menu > li > a:hover,
	.navbar-nav .show .dropdown-menu > li > a:focus,
	.navbar-nav .show .dropdown-menu > .active > a,
	.navbar-nav .show .dropdown-menu > .active > a:hover,
	.navbar-nav .show .dropdown-menu > .active > a:focus {
		/* color: #ffffff; */
		color: #00549d;
		font-weight: 600;
		background-color: #f1f1f1;
		display: block;
		text-decoration: none;
		outline: 0 !important;
	}
}

/*  --------------------------------------------------------
END CUSTOM NAVIGATION
-------------------------------------------------------- */

@media (max-width: 1001px) {
	.crop img {
		width: 100%;
		height: 200px;
		object-fit: none;
	}

	.slide-cont-img {
		/* margin-right: 0; */
	}
	.news-panel-text {
		padding: 0;
		/* margin-top: 15px; */
	}
	.news-panel {
		margin-bottom: 20px;
	}

	#join h1 {
		font-size: 1.6rem;
	}
	#join p {
		font-size: 1rem;
		line-height: 2rem;
	}
	#join a.button {
		margin-bottom: 14px;
	}
	.topbar {
		display: none;
	}
	.mobile-phone {
		display: block;
	}
}

/* Small devices (tablets, 768px and up) */
@media screen and (max-width: 768px) {
}
/* Small devices (tablets, 768px and up) */
@media screen and (max-width: 640px) {
	#brand-panel {
		width: 212px;
		height: 120px;
		padding: 10px;
		top: -165px;
	}

	.navbar-nav > li > a {
		color: #ffffff;
		background-color: transparent !important;
		transition: color 0.3s;
	}
}

@media (max-width: 1001px) {
	.navbar-offcanvas {
		background-color: #1d3051;
	}
	.navbar-nav > li > a {
		color: #ffffff;
	}

	#hero {
		height: 400px;
	}
	.sub-page h1 {
		font-size: 1.9rem;
	}
}

@media only screen and (max-width: 44.9375em) and (min-width: 17.5em) {
	.navbar-brand,
	.navbar-brand:visited {
		position: absolute;
		z-index: 3;
		top: 5px;
		padding-left: 14px;
	}
	.slide-news-bottom {
		margin-bottom: 20px;
	}
	.intro h1 {
		font-size: 1.4rem;
	}
	.intro p {
		font-size: 16px;
		line-height: 1.5rem;
	}
	a.scrollTop {
		position: relative;
		top: -10px;
		text-align: center;
		left: 0;
		right: 0;
	}
}

/* Small devices (tablets, 768px and up) */
@media screen and (max-width: 800px) {
}

@media (max-width: 1200px) {
	.desktop {
		display: none;
	}
	.ipad {
		top: 135px;
		display: block;
	}
}

@media (max-width: 980px) {
	.desktop {
		display: none;
	}
	.ipad {
		top: 5px;
		display: block;
	}

	.intro-button,
	.intro-button-3d,
	.intro-button-o {
		font-size: 13px;
	}
}
@media (hover: none) and (min-width: 1001px) {
}

/* Small devices (tablets, 768px and up) */
@media screen and (max-width: 1024px) {
}
/* Small devices (tablets, 768px and up) */
@media screen and (max-width: 1028px) {
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 3) {
}

/* Start main CSS file */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	/* here come styles from mobile-retina.css */
	/* .navbar-nav > li > a {
		font-size: 0.95rem;
		text-decoration: none;
	}
	.navbar-nav > li:last-child a {
		padding: 10px 0px 10px 15px;
		font-size: 0.95rem;
		outline: none;
	} */
}
/* End main CSS file */

/* iPad 4 */
@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) {
}