@import "css/normalize.css";
@import "css/foundation.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,800,300);
@import url(http://fonts.googleapis.com/css?family=Oswald:700);



/* ---------------------------------------------------------------------------------------------------------- 
Helpers ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */




.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

.text-hide{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

.fleft{
	float:left;}
.fright{
	float:right;}

/*Typography
================================================== */



h1, h2, h3, h4, h5, h6, p, a, body{
	font-family: 'Open Sans', sans-serif;
	}

/* #Global styles
================================================== */

	ul, ol{
		margin-left:30px;}
	
header.top-bar-container{
	padding-top:20px;}
	
.top-bar .toggle-topbar.menu-icon {
  margin-top: -30px;
  padding-left: 40px;
  right: 15px;
  top: 50%;
}
	
header.top-bar-container .title-area .name h1{
	width:146px;
	height:18px;
	background:url(css/images/sigtracker-logo.png) left top no-repeat;
	margin-top:10px;
	}
	
.contain-to-grid .top-bar {
  margin: 0 auto;
  max-width: 75em;
}
	
footer{
	height:89px;
	background:url(css/images/footer-bg.png) left top repeat-x;
	padding-top:10px;
	}
	

footer h2 a{
	display:block;
	width:165px;
	height:52px;
	background:url(css/images/allied-footer-logo.png) left top no-repeat;
	}

footer p.footer-text{
	color:white;
	font-size:12px;
	text-align:right;
	margin-top:20px;}

/* #Homepage styles
================================================== */

.homepage-header-bg{
	background-image:url(css/images/home-bg.jpg);
	background-position:right top;
	background-size:cover;
	padding-top:50px;
	padding-bottom:30px;
	}
	


.homepage-top .home-title h1, .homepage-top .home-title h2{
	color:#FFF;
	text-align:center;
	}

.homepage-top .home-title h1{
	margin-top:0px;
	margin-bottom:10px;
	font-size:90px;
	font-weight:600;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
	
}

.homepage-top .home-title h1 span{
	display:inline-block;
	font-weight:800;
	}

.homepage-top .home-title h2{
	font-weight:700;
	font-size:24px;
	text-transform:uppercase;
	margin-top:20px;
	margin-bottom:0;
	}

.homepage-top .home-title h2 span{
	font-weight:400;
	font-size:24px;
	}
	
.homepage-top .home-title h3{
	font-weight:400;
	font-size:16px;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	margin-bottom:30px;
	
	}
	
.homepage-top a.button{
	text-align:left !important;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	}
.homepage-top a.button span{
	display:block;
	height:35px;
	line-height:35px;
	padding-left:40px;
	background:url(css/images/button-icons.png) left top no-repeat;

	}
	
.homepage-top a.success span{
	background-position:0 -100px;
	font-size:22px;
	}
	
.homepage-top a.success span i{
	font-size:14px;
	font-weight:normal;
	color:white;

}


.homepage-top .intro-video a{
	display:block;
	background-image:url(css/images/home-video-link-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	border:3px solid white;
	min-height:350px;
	background-color:#FFF;
	padding-top:220px;
	overflow:visible;
	
}

.homepage-top .intro-video span{
	display:inline-block;
	color:#FFF;
	margin-left:-10px;
	background-color:#212121;
	padding:5px;
	}
	
.homepage-top .intro-video span.link-title{
	font-weight:700;
	font-size:38px;
	}
	
.homepage-top .intro-video span.link-subtitle{
	font-size:16px;
	}

.home-box-row{
	margin-top:20px;
	margin-bottom:20px;
	}
	
.home-box-row .homepage-boxes{
	border-right:1px solid #CCC;
	min-height:220px;
	padding-top:30px;
	}
	
.home-box-row .homepage-boxes:last-child{
	border-right:0 none;
	}
.home-box-row .homepage-boxes h2{
	height:65px;
	background:url(css/images/homepage-icons.png) left top no-repeat;
	padding-left:70px;
	font-size:20px;
	font-weight:400;
	}
.home-box-row .homepage-boxes h2 span{
	display:block;
	font-weight:700;
	font-size:24px;
}

.home-box-row .legal-requirements h2{
	background-position:0 -65px;
	}
.home-box-row .sys-requirements h2{
	background-position:0 -195px;
	}
	
.home-box-row .get-started h2{
	background-position:0 -130px;
	}

.home-box-row .homepage-boxes ul {
    list-style: none;
    padding:0;
    margin:0;
}

.home-box-row .homepage-boxes li { 
    padding-left: 1em; 
    text-indent: -.7em;
}

.home-box-row .homepage-boxes li:before {
    content: "• ";
    color: #89bcda; /* or whatever color you prefer */
}


.home-box-row .homepage-boxes p, .home-box-row .homepage-boxes ul li, .f-dropdown p{
	font-size:14px;
	}
	
.home-news{
	}
	
.home-news h3{
	font-size:14px;
	color:#404040;
	font-weight:800;
	text-transform:uppercase;
	border-bottom:1px solid #CCC;
	}
	
.home-right-box{
	}
.home-news article{
	}
	
.home-news article h1{
	color:#5d96b8;
	font-size:30px;
	margin-bottom:10;
	}
	
	

.home-news article p{
	font-size:14px;
	
	}
.home-news time{
	display:block;
	padding-left:20px;
	font-size:12px;
	font-style:italic;
	color:#898989;
	background:url(css/images/Clock-Icon.png) left center no-repeat;
	margin-bottom:10px;
	}
.home-news .other-news h1{
	margin:0px;
	padding:0;
	line-height:18px;
	}
.home-news .other-news h1 a{
	font-size:18px;
	color:black;
	
	}
	
.home-news .other-news h1 a:hover{
	color:#666;}
	
.home-news .other-news p, .home-news .other-news p time{
	margin-bottom:5px !important;}
	
	
.other-news{
	padding-bottom:20px;}
	
	
.home-steps{
	padding:30px;
	background:url(css/images/noise-bg.jpg) left top repeat;
	border-top:1px solid #CCC;}
	
	
.home-steps h2{
	font-size:36px;
	text-align:center;
	font-weight:normal;
	border-bottom:1px solid #CCC;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1);
-moz-box-shadow:    0px 1px 0px 0px rgba(255, 255, 255, 1);
box-shadow:         0px 1px 0px 0px rgba(255, 255, 255, 1);
	
	}
	
.home-steps .step{
	padding-right:40px;
	background:url(css/images/steps-divider.png) right center no-repeat;}
	
.home-steps .step h3, .home-steps .step p{
	text-align:center;
	font-weight:normal;}
	
.home-steps .step h3 strong{
	display:block;}
	
.home-steps .step.laststep{
	background:none;}
.home-steps .step i{
	display:block;
	width:64px;
	height:64px;
	line-height:64px;
	text-align:center;
	background:url(css/images/steps-num-bg.png) center center no-repeat;
	font-size:42px;
	color:#FFF;
	font-weight:800;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
	font-style:normal;
	margin:0 auto;
	}
.home-steps .step p a{
	color:#2a5e7f;}

/* #Guide page styles
================================================== */
.guide-page-content, .page-content, .post-content{
	min-height:800px;
	background-color:#f5f5f5;
	background-size:cover;
	background-position:right top;
	background-repeat:no-repeat;
	padding-top:50px;
	}
	
.list-page-content{
	background-image:url(css/images/main-bg-white-old.jpg) !important;}
	
.post-content{
	background-image:url(css/images/post-bg.jpg);
	background-size:auto;
	background-position:right top;
	}
.post-content article h1{
	color:#327694;
	font-size:30px;
}

.post-content article h2{
	color:#327694;
	font-size:20px;
}

.post-content article h3{
	font-size:16px;
	color:#333;
}
	
.post-content article p.date-published{
	font-size:12px;
	font-style:italic;
	color:#898989;
	background:url(css/images/Clock-Icon.png) left center no-repeat;
	margin-bottom:10px;
	border-bottom:1px dotted #CCC;
	padding-left:20px;
	}
	
.post-content article img.wp-post-image{
	margin-top:20px;
	margin-bottom:20px;
	border-bottom:4px solid #549db6;
	}
	
.post-content article.post-list-item{
	margin-bottom:20px;
	}
	
.post-content aside.panel{
	background:url(css/images/aside-bg.png) left top repeat;
	border:0;
	border-top:4px solid #549db6;
	}
.post-content aside.panel h2{	
	color:#549db6;
	font-size:20px;
}

.post-content aside.panel div.top{
	border-bottom:1px solid #FFF;
	margin-bottom:15px;
	}
.news-header{
	background-color:#549db6;
	border-top:1px solid #97fbf8;
	height:80px;
	overflow:hidden;
	padding-top:25px;}

.news-header h1{
	color:white;
	background:url(css/images/news-icon.png) left 10px no-repeat;
	padding-left:60px;
	font-size:40px;
	
	}
	
.news-header h1 a{
	color:#FFF;
	}

.news-header h1 a:hover{
	color:#b5e4f4 !important;
	
	}
	
.news-header h1 span{
	font-weight:300;}

.guide-page-content p, .guide-page-content li, .page-content p, .page-content li{
	/*color:#FFF;*/
	font-weight:400;
	font-size:14px;
	}
	
	.page-content h1{
	color:#FFF;
	margin-left:-40px;
	background-color:#162630;
	display:inline-block;
	padding-left:50px;
	padding-right:10px;
	-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomleft: 30px;
border-top-left-radius: 30px;
border-bottom-left-radius:30px;
height:60px;
line-height:60px;
font-size:35px;
background-image:url(css/images/page-title-icon.png);
background-position:15px 15px;
background-repeat:no-repeat;
border-right:3px solid #82efef;
	}


.page-content img{
	border: 3px solid white; 
	border-bottom:8px solid #82efef;
	}
	
.guide-page-content p a, .guide-page-content li a, .page-content p a, .page-content li a{
	text-decoration:underline;}
	
.page-content .panel{	
	background-color:rgba(22,38,48,0.7);
	border:0 none;
}

.page-content .panel h2{
	color:#a9eeee;
	font-size:18px;
	border-top:1px dashed #a9eeee;
	padding-top:15px;
}

.page-content .panel p{
	color:white;}
.page-content .panel h2:first-child{
	border:0 none;}
.guide-page-content .page-heading{
	padding-left:75px;
	background:url(css/images/page-title-icons.png) left 5px no-repeat;
	border-bottom:1px dashed #5bd2f8;
	margin-bottom:10px;
	}
	
.page-heading.fleft{
	width:38%;
	}

.guide-page-content .page-heading.locations{
	background-position:left -195px;
	}
.guide-page-content .page-heading h2{
	font-size:18px;
	font-weight:700;
	color:#6aa8c2;
	margin-bottom:0;
	}
.guide-page-content .page-heading h1{
	font-family: 'Oswald', sans-serif;
	font-size:40px;
	color:#162630;
	text-transform:uppercase;
	margin-top:0;
}

.guide-page-content .guide-content h2, .page-content .large-9 h2, .page-content .large-10 h2{

	font-size:18px;
	display:inline-block;
	}
.guide-page-content .guide-buttons .button, .page-content .panel .button:not(.success){
	background-color:#2a485b;
	border-color:#16252e;
	text-decoration:none;
	}
	
.guide-page-content .guide-buttons .button:not(.disabled):hover, .page-content .panel .button:not(.success):hover{
	background-color:#416f8b;
	}
	
	
.guide-page-content .guide-buttons  a.button, .guide-page-content .button.take-test{
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	}
	
.guide-page-content .button.take-test{
	display:block;
	width:100%;}
.guide-page-content .guide-buttons  a.button span, .guide-page-content .button.take-test span{
	display:block;
	height:25px;
	line-height:25px;
	background:url(css/images/button-icons.png) left top no-repeat;
	padding-left:20px;

	}
	
.guide-page-content .guide-buttons  a.button.prev-chapter span{
		background-position:0 -200px;
	}
.guide-page-content .guide-buttons  a.button.next-chapter span{
	padding-right:20px;
	padding-left:0px;
	background-position:right -300px;
	}
.guide-page-content .guide-buttons  a.button.chapter-guide span{
		background-position:0 -400px;
	}
	
.guide-page-content .button.take-test span{
	background-position:0 -100px;
		height:35px;
	line-height:35px;
	
	}

.list-page-content .row a.list-page-item{
	display:block;
	background-color:#196483;
	background-image:url(css/images/list-page-icons.png);
	background-position:10px 10px; 
	background-repeat:no-repeat;
	padding:10px 0 0 60px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
	text-decoration:none;
	
	}
.list-page-content .row a.list-page-item:hover{
	background-color:#233d4d;
	transition: all 0.2s ease-in; 
	}
	
.list-page-content .row a.list-page-item span.list-item-title{
	display:block;
	font-size:20px;
	color:#FFF;
	font-weight:700;
	margin-bottom:15px;
	}
	
.list-page-content .row a.list-page-item span.list-item-subtitle{
	display:block;
	font-size:14px;
	color:#acf7f7;
	font-weight:400;
	padding-bottom:20px;
	}
	
	
.locations-list .row a.list-page-item{
	background-position:10px -240px;
	}
.vzaar_media_player{
	width:60%;
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	background-color:#000;
	border:3px solid white;
	}
	
.video-guide-btns{
	margin-top:2%;
	margin-bottom:2%;
	}
	
	
.quiz-iframe iframe{
	width:100%;
	height:600px;
	margin-bottom:20px;
	border:5px solid #82efef;
	}


/* #Media Queries
================================================== */
@media only screen and (max-width: 1050px) {
.vzaar_media_player{
float:none;
margin:0;
width:auto;
	}
	
.page-heading, .page-heading.fleft{
	float:none;
	width:auto;
	}
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
.home-box-row .homepage-boxes{
	border-right:0 none;
	border-bottom:1px solid #DADADA;
	margin-bottom:20px;
	}
	
.home-box-row .homepage-boxes:last-child{
	border:0 none;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
		
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}