@charset "UTF-8";
/* CSS Document */

/*
APMG Red: #cd1041
APMG Blue: #004990
APMG Darker Red: #a00326
APMG Darker Blue: #023260
*/

/* ########################## */
/* #  Standard Style Fixes  # */
/* ########################## */
html, body {
  overflow-x:hidden; /* Gets rid of the whitespace on the right side */
  scroll-behavior: smooth; /* Make scroll to top button smoothly return to the top instead of a jump */
}

body {
    -webkit-font-smoothing: antialiased
    /* this gets rid of slider transition flicker */
}

/* Fix iphone styling issues */
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}


/* ############### */
/* #   Carousel  # */
/* ############### */
.fullscreen-bg__carousel-item {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
		/* opacity: 0.5;        <--- This is totally optional, but could help with legibility of text over a moving background */
    }
	
.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
	}

.screen-overlay { 
		position: absolute;
		top: 0;
		width: 100%;
		opacity: 0.3;
		bottom: 0;
		background: rgba(0, 0, 0, 0.7);;
		z-index: 1;
	}

.content {
      position: absolute;
      top: 100%;
      width: 100%;
      height: 200px; /* this is arbitrary and was just used for the example, the content should dictate the height of this element automatically*/
      background: white;
    }

.carousel-caption {
	position:absolute;
	top: 70%; /* was bottom: 50px; */
    transform: translateY(-80%);
	z-index:10;
	padding: 0px;
	text-align:center;
	background-color: rgba(0,0,0, 0.5);
	-webkit-border-radius: 4px;
 	 -moz-border-radius: 4px;
  	border-radius: 4px;
    height: 120px;
}

.carousel-caption > h3 {
	text-shadow:0 1px 2px rgba(0,0,0,1.0);
	font-family: 'Oswald', sans-serif; /* 'Yantramanav', sans-serif;*/
	font-size: 60px;
	line-height: 64px;
	overflow: visible;
}

.carousel-caption > .h3-quote {
	text-shadow:0 1px 2px rgba(0,0,0,1.0);
	font-family: 'Oswald', sans-serif; /* 'Yantramanav', sans-serif;*/
	font-size: 30px;
	line-height: 35px;
	overflow: visible;
}


/* ############# */
/* #   Colors  # */
/* ############# */

.red {
	color: #cd1041;
}

.blue {
	color: #004990;
}

.redlinks {
	color: #cd1041;
	text-decoration: none;
}

.redlinks:hover, .redlinks:focus{
	color: #a00326;
}

.white {
	color: #ffffff;
}

.black {
	color: #000000;
}

/* ##################### */
/* #   Standard Fonts  # */
/* ##################### */

p {
	color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
	line-height: 32px;
}

h1 {
	font-family: 'Oswald', sans-serif; 
    /* font-family: 'Yantramanav', sans-serif; */
    font-size: 40px;
	line-height: 42px;
}

h2 {
	font-family: 'Yantramanav', sans-serif;
    font-size: 30px;
	line-height: 32px;
}

h3 {
	font-family: 'Yantramanav', sans-serif;
    font-size: 24px;
	line-height: 28px;
}

.listing {
	color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
	line-height: 32px;
}

li::marker {
  /* change the color of bullet points in the listings */
  color: #cd1041;
}

/* ################ */
/* #  Nav Tweaks  # */
/* ################ */
.navbar-default .navbar-nav > li > a {
	font-family: 'Yantramanav', sans-serif;
	font-size: 24px;
	border-bottom: 5px solid transparent;
	display: inline-block;
	line-height: 12px;
	text-transform: capitalize;
    color: #ffffff; /*Change active text color here*/
}

.nav-over {
	border-bottom: 5px solid transparent;
}

.nav-over:hover, .nav-over:focus {
    color: #cd1041; /*Change Rollover text color here*/
	text-decoration: none;
	border-bottom: 5px solid #cd1041;
	display: inline-block;
	line-height: 12px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a,
.navbar-default .navbar-nav .open .dropdown-menu {
    /* Style dropdown menus */
    
    color: #ffffff;
    font-family: 'Yantramanav', sans-serif;
    font-size: 22px;
	min-width: 300px;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
    /* stylize the background color of dropdown menus on mouseover */
    
    background-color: #000000;
    -o-transition: .8s;
    -ms-transition: .8s;
    -moz-transition: .8s;
    -webkit-transition: .8s;
    transition: .8s;
}
.navbar-collapse {
    /* Keep the navbar dropdowns from collapsing to a minimum height and needing users to scroll in the nav menu */
    max-height: none !important;
}

.navmenu{
	/* This rule butts up the slider to the navigation bar at the top */
	margin-top: 2%;
	padding: 0;
}


.nav-item, .dropdown-item {
	/* style the font family, size and line height of the nav menu - not the colors though */
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 20px;
}

.navbar-light .navbar-nav .nav-link {
	/* style the main navbar menu fonts color and size */
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #000000;
	padding-left: 5px;
}

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
	/* style the main navbar menu elements on hover */
	background-color: #004990;
	color: #ffffff;
	transition-duration: .3s;
	padding-left: 5px;
}

.dropdown-item {
	/* Style the dropdown links line height so it doesn't "bounce" */
	line-height: 22px;
}

.dropdown-item:focus, .dropdown-item:hover {
	/* Style the dropdown links on hover */
	width: 100%;
	line-height: 32px;
	color: #ffffff;
	background-color: #cd1041;
	transition-duration: .3s;
}

.navbar { 
	/*remove un-necessarypadding around the navbar */
	padding: 0px;
	margin: 0px;
}

.nav-bg {
    background-image: url("../images/bg-brushed-metal-light.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.5); 
    box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.5);
}



.top-tabs {
	-webkit-border-top-left-radius: 4px;
 	-moz-border-top-left-radius: 4px;
  	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
  	border-top-right-radius: 4px;
}

.contact-button {
	border: 3px solid white;
	padding: 5px;
	background-color: #004990;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75); 
	-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75); 
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
	margin-top: 10px;
	transition-duration: .2s;
}

.contact-button:hover {
	background-color: #023260;
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	box-shadow: none;
	transition-duration: .2s;
}

@media only screen and (max-width: 1348px) {
/*Set padding so the carousel buts up to the nav instead of appearing unerneath it */
.nav-padding{
	margin-top: 137px;
}
}

@media only screen and (max-width: 990px) {
/*Set padding so the carousel buts up to the nav instead of appearing unerneath it */
.nav-padding{
	margin-top: 62px;
}
}

@media only screen and (min-width: 992px) {
		 .navbar {
			flex-direction: column;
		  }
		}

/* #################### */
/* #   MISC STYLING   # */
/* #################### */

.subpage-margin {
	margin-top: 150px;
}

.cookie-alert-bg {
	background-color: rgba(255, 255, 255, .9);
}

.cookie-alert {
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	height: 60px;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: black;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

#myBtn:hover {
  background-color: #ea0437;
}

.eighty-percent-gutter-conditional {
	width: 80%;
}

.footer-padding {
	padding: 20px;
}

.image-treatment {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75); 
	-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75); 
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
}

.image-rounded {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.drop-shadow {
    -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.5); 
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 1024px) {
.carousel-caption {
	position:absolute;
	top: 75%; /* was bottom: 50px; */
    transform: translateY(-80%);
	z-index:10;
	padding: 0px;
	text-align:center;
	background-color: rgba(0,0,0, 0.5);
	-webkit-border-radius: 4px;
 	 -moz-border-radius: 4px;
  	border-radius: 4px;
    height: 105px;
}

.carousel-caption > h3 {
	text-shadow:0 1px 2px rgba(0,0,0,1.0);
	font-family: 'Oswald', sans-serif; /* 'Yantramanav', sans-serif;*/
	font-size: 50px;
	line-height: 54px;
	overflow: visible;
}

.carousel-caption > .h3-quote {
	text-shadow:0 1px 2px rgba(0,0,0,1.0);
	font-family: 'Oswald', sans-serif; /* 'Yantramanav', sans-serif;*/
	font-size: 26px;
	line-height: 31px;
	overflow: visible;
}
}



@media only screen and (max-width: 750px) { 
/*Set padding so the carousel butts up to the nav instead of appearing unerneath it */
.eighty-percent-gutter-conditional {
	width: 100%;
}
	
.navbar-light .navbar-nav .nav-link {
	/* style the main navbar menu fonts */
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 40px;
	color: #000000;
	padding-left: 15px;
	padding-right: 15px;
}
    
.nav-bg {
    background-image: url("../images/bg-brushed-metal-light.jpg");
    /* background: rgba(255, 255, 255, 1.0); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.5); 
    box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.5);
}
	
.content {
      position: absolute;
      top: auto;
      width: 100%;
      height: 200px; /* this is arbitrary and was just used for the example, the content should dictate the height of this element automatically*/
      background: white;
    }
	
.conditional-padding{
		padding-left: 15px;
		padding-right: 15px;
	}
	
.subpage-margin {
	margin-top: 60px;
}
}