@charset "UTF-8";

/*!
 * adssa.css -bauer.uh.edu
*/

.row.breather h3.subheader { font-family: 'League Gothic', sans-serif;  text-transform: uppercase; font-weight: 200; font-style: normal; font-size: 43px; } 


/* Style that repetitive H5 with a little League Gothic */
h5 { font-family: 'Milo'; font-size: 30px; font-weight: normal; line-height: 1.1; letter-spacing: 0; margin: 30px 0 10px 0; padding: 0 0 0 0; color: #6f6f6f; } 



/* Adjusting the new Nav Menu */
#navcontainer ul
{
margin: 0 0 40px 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li { display: inline-block; margin: 0 0 40px 0; }

#navcontainer ul li a
{
text-decoration: none;
padding: .7em 2em; /* padding: .4em 1.5em; padding: .2em 1em; */
color: #000;
/*max-width: .8em;
max-height: 3em; */
/* background-color: #036; */
background-color: rgba(204, 204, 204, 0.8);/* I LIKE THIS GREY */
/*background-color: rgba(255, 230, 255, 0.8);  FRANCES SAID ADD SOME COLOR */
font-family: 'Milo'; font-weight: 400; font-style: normal; font-size: 18px; /* Then she wanted more words, so had to reduce from 33 to 23 */
}

#navcontainer ul li a.register
{
background-color: rgba(186, 186, 186, 0.8); /*I LIKE THIS GREY */
/*background-color: rgba(255, 204, 255, 0.8);   FRANCES SAID ADD SOME COLOR */
}

#navcontainer ul li a:hover
{
color: #000;
background-color: rgba(204, 204, 204, 1.0);/* I LIKE THIS GREY */
/*background-color: rgba(255, 230, 255, 1.0);  FRANCES SAID ADD SOME COLOR */
}

#navcontainer ul li a.register:hover
{
color: #000;
background-color: rgba(186, 186, 186, 1.0); /* I LIKE THIS GREY */
/*background-color: rgba(255, 204, 255, 1.0);   FRANCES SAID ADD SOME COLOR */
}



/* nav container smaller */



/* Adjusting the new Nav Menu */
#navcontainersmaller ul
{
margin: 0 0 40px 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainersmaller ul li { display: inline-block; /*margin: 0 0 40px 0;*/ }

#navcontainersmaller ul li a
{
text-decoration: none;
padding: .2em 1em; /* padding: .4em 1.5em; padding: .2em 1em; */
color: #000;
/*max-width: .8em;
max-height: 3em; */
/* background-color: #036; */
background-color: rgba(204, 204, 204, 0.8); /*I LIKE THIS GREY */
/* background-color: rgba(255, 230, 255, 0.8); FRANCES SAID ADD SOME COLOR */
/*font-family: 'Milo'; font-weight: 400; font-style: normal; font-size: 33px;*/
}

#navcontainersmaller ul li a.register
{
background-color: rgba(186, 186, 186, 0.8); /* I LIKE THIS GREY */
/*background-color: rgba(255, 204, 255, 0.8);   FRANCES SAID ADD SOME COLOR */
}

#navcontainersmaller ul li a:hover
{
color: #000;
background-color: rgba(204, 204, 204, 1.0); /*I LIKE THIS GREY */
/*background-color: rgba(255, 230, 255, 1.0);  FRANCES SAID ADD SOME COLOR */
}

#navcontainersmaller ul li a.register:hover
{
color: #000;
background-color: rgba(186, 186, 186, 1.0); /*I LIKE THIS GREY */
/*background-color: rgba(255, 204, 255, 1.0);   FRANCES SAID ADD SOME COLOR */
}




/* To offset the sticky top nav menu for bookmark anchors. Add this class to <a name> tags */
/*a.bookmarkadssa { display: block; height: 150px; margin-top: -150px; visibility: hidden; }*/



/* Floating the Callout - not using this on adssa */
.invest-callout { } 
.invest-callout h2.pitch-heading { display: none; }
.invest-callout p.pitch { display: none; } 
.invest-callout p.pitch-button { display: none; }
.invest-callout.fixed { width: 18%; float: right; margin-right: 20px; top: 0; right: 0; left: auto; padding: 40px 20px 40px 20px; background-color: rgba(204, 204, 204, 0.8); }
.invest-callout.fixed h2.pitch-heading { display: block; font-family: 'Milo', sans-serif; font-size: 25px; font-size: 2.2vw; font-weight: normal; line-height: .95em; letter-spacing: 0; text-align: center; }
.invest-callout.fixed p.pitch { display: block; text-align: center; font-family: 'Milo', sans-serif; font-size: 20px; font-size: 2.0vw; font-weight: normal; line-height: .95em; letter-spacing: 0; } 
.invest-callout.fixed p.pitch-button { display: block; text-align: center; }

/* Headlines and Text */
.row.breather h3.subheader { text-align: center; font-weight: 500; }
.adssa { font-family: 'Milo', serif; font-size: 60px; font-size: 3.1vw; font-weight: 200; line-height: .95em; letter-spacing: 0; margin: 25px 0 24px 0; margin: 1.5vw 0 1.4vw 0; padding: 0 0 20px 10px; text-align: center; } 
.adssa2 { font-family: 'Milo', serif; font-size: 48px; font-size: 2.48vw; font-weight: 200; line-height: 1.05em; letter-spacing: 0; margin: 25px 0 24px 0; margin: 1.5vw 0 1.4vw 0; padding: 0 0 20px 10px; text-align: center; } 
.adssa3 { font-family: 'Milo', serif; font-size: 24px; font-weight: 200; line-height: 1.15em; letter-spacing: 0; margin: 15px 0 24px 0; margin: 1.5vw 0 1.4vw 0; padding: 0 0 20px 10px; } 
.adssa4 { font-family: 'Milo', serif; font-size: 20px; font-weight: 200; line-height: 1.15em; } 
.adssa5 { font-family: 'Milo', serif; font-size: 18px; font-weight: 200; line-height: 1.15em; } 

li.herewego3 { font-family: 'Milo', serif; font-size: 24px; font-weight: 200; line-height: 1.15em; letter-spacing: 0; margin: 7px 0 12px 0; margin: 1.5vw 0 1.4vw 0; padding: 0 0 5px 5px; } 

table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 0; margin: 0 0 18px; border: none; }

table.adssa3 tr td { font-size: 20px; line-height: 1.15em; text-align: left; }

table.adssa3 tr th { font-family: 'Milo', serif; text-align: left; font-size: 20px; line-height: 1.15em; font-family: 'Milo', serif; padding: 10px; /*margin-left: 10px;*/ } 

ul.adssa3, ul.adssa3 li { font-size: 24px; }

ul.adssa4, ul.adssa4 li {  font-family: 'Milo', serif; font-size: 20px; font-weight: 200; line-height: 1.15em; }

/* body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; font-size: 14px; direction: ltr; } */

.grayborder { border:3px solid #ddd; }

/* fadeIn */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
	fill: #000000;
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
	} 
.fade-in.uno {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	animation-delay: 0.4s;
	}
.fade-in.dos {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay:1.2s;
	animation-delay: 1.2s;
	} 
.fade-in.tres {
	-webkit-animation-delay: 2.2s;
	-moz-animation-delay: 2.2s;
	animation-delay: 2.2s;
	}
.fade-in.cuatro {
	-webkit-animation-delay: 3.2s;
	-moz-animation-delay: 3.2s;
	animation-delay: 3.2s;
	}

/* Lazy Loading */
img.lazy { display: none; }
.lazy-hidden { opacity: 0; }

/* Parallax Row */
.parallax-mid { 
	background-image: url("/herewego/images/day-of-service.jpg");
	height: 1022px;
	padding: 500px 0 129px 0;
	background-color: white;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	background-attachment: fixed;
	transition: background-position .25s ease;
	}
.parallax-mid .parallax-caption {
	font-family: 'Milo', serif;
	font-weight: normal;
	letter-spacing: 0;
	background: #fff;
	background: rgba(255, 255, 255, 0.55);
	z-index: 30;
	color: #000;
	text-align: left;
	padding: 15px;
	font-size: 24px;
	line-height: 1.25;
	} 

/* Media Query :: 1550 or Less */
@media only screen and (max-width: 1550px) {
.invest-callout { } 
.invest-callout h2.pitch-heading { display: none; }
.invest-callout p.pitch { display: none; } 
.invest-callout p.pitch-button { display: none; }
.invest-callout.fixed { width: 100%; padding: 10px; background-color: rgba(204, 204, 204, 1); margin-right: 0; }
.invest-callout.fixed h2.pitch-heading { display: block; font-family: 'Milo', sans-serif; font-size: 25px; font-size: 2.2vw; font-weight: normal; line-height: .95em; letter-spacing: 0; text-align: center; }
.invest-callout.fixed p.pitch { display: block; text-align: center; font-family: 'Milo', sans-serif; font-size: 20px; font-size: 2.0vw; font-weight: normal; line-height: .95em; letter-spacing: 0 } 
.invest-callout.fixed p.pitch-button { display: block; text-align: center; }
} 

/* Media Query :: 767 or Less */
@media only screen and (max-width: 767px) {
/* .invest-callout { } 
.invest-callout h2.pitch-heading { display: none; }
.invest-callout p.pitch { display: none; } 
.invest-callout p.pitch-button { display: none; }
.invest-callout.fixed { display: none; }
.invest-callout.fixed h2.pitch-heading { display: none; }
.invest-callout.fixed p.pitch { display: none; } 
.invest-callout.fixed p.pitch-button { display: none; }*/

.herewego, .herewego2, .herewego3, .adssa, .adssa2, .adssa3 { font-size: 35px; font-size: 5.1vw; }

.parallax-mid { height: 300px; }
}