/* --------------------------------
	SITE FONTS
-----------------------------------
HEADING
font-family: 'Oswald', sans-serif;
font-weight: 700;


BODY
font-family: 'Source Sans Pro', sans-serif;
font-weight: 300;

font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;

-----------------------------------*/



/* --------------------------------
	SITE COLORS
-----------------------------------
blue:           #2d61ad;
yellow:         #f6e012;
light-yellow:   #fcee6c;
red:            #ce232f;
gray:           #a9a8a8;
dark gray:      #7f7c7c;

-----------------------------------*/


html{

}

/*-----------------------------------*\
    $GRID
\*-----------------------------------*/

    .container {
        /* Whatever you want. They’re your oats. */
        max-width: 960px;
        margin: 0 auto;
        padding: 0 30px;
        padding: 0 1.5rem;
    }

    .grid {
        margin-left: 0;
        max-width: none;
        margin-bottom: 3%;
    }

    .unit {
        width: auto;
        margin-left: 0;
        display: block;
        margin-bottom: 20px;
    }

    .clear { clear: both; }

    .center { text-align: center; }

/*-----------------------------------*\
    $DESKTOP OVERRIDES
\*-----------------------------------*/
    @media screen and (min-width: 650px) {

        .grid {
            margin-left: -3%;
            max-width: 105%;
        }

        .unit {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: top;
            margin-left: 3%;
            margin-right: -.25em;
            /* Clearfix */
            overflow: hidden;
            *overflow: visible;
        }

            .unit.demo {
                background-color: #fff8eb;
                height: 48px;
                height: 3rem;
                margin-bottom: 24px;
                margin-bottom: 1.5rem;
            }

        .span-grid {
            width: 97%;
        }

        .one-of-two { width: 47%; }

        .one-of-three { width: 30.36%; }
        .two-of-three { width: 63.666666666%; }

        .one-of-four { width: 22.05%; }
        .three-of-four { width: 72%; }

        .one-of-five { width: 17.07%; }
        .two-of-five { width: 37%; }
        .three-of-five { width: 57%; }
        .four-of-five { width: 77%; }

    }

	.pyro-image {
		max-width: 100%;
	}


/* === TEXT === */

    body{
        color:#686868;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 300;
    }

    h1{
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
        color: #2d61ad;
        text-transform: uppercase;
    }

    h2{
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
    }

    h3{
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
    }

    h4{
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
    }

    h5{
        font-weight: 700;
    }

    h6{
        font-weight: 300;
    }

    strong{

    }

    form input, form textarea, form select {
        width: 250px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 5px;
        color: #777;
        box-sizing: border-box;
    }

    form input[type="submit"] {
        width: 250px;
        background: #E9292F;
        padding: 10px;
        color: white;
        border:none;
        cursor: pointer;
        margin-left: 125px;
    }

    table td {
        vertical-align: middle;
    }

    .right{
        text-align: right;
    }

    .left{
        text-align: left;
    }

    .center{
        text-align: center;
    }

    .non-breaking{
        margin: 0;
    }

    .white{
        color: #fff;
    }

    ol{

    }

        ol li{

        }

    emphasis{
        font-style: italic;
    }

    #content ul{
        margin-left: 25px;
    }

        #content ul li{
            padding: 5px 0;
        }

    .hr{
        border: none;
        background: #686868;
        margin: 0 0 10px 0;
    }

    a, a:visited{
        text-decoration: none;
    }

        a:hover{
            color: #2d61ad;
        }

    .img-100{
        width: 100%;
    }


/* === BUTTONS === */

    .gray-button{
        background: #7f7c7c;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        color: #fff;
        padding: 3px 7px 5px 15px;
        text-transform: uppercase;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 700;
        font-size: 1.25em;
        transition: all ease-in-out 0.25s;
    }

        .gray-button:after{
            content: "\e600";
            font-family: 'afi';
            vertical-align: sub;
            padding-left: 10px;
            font-size: 1.2em;
        }

        .gray-button:hover{
            background: #2d61ad;
            color: #fff;
        }

        .white-button{
            background: #ffffff;
            border-radius: 20px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            color: #2C61AD;
            padding: 3px 7px 5px 15px;
            text-transform: uppercase;
            font-family: 'Source Sans Pro', sans-serif;
            font-weight: 700;
            font-size: 1.25em;
            transition: all ease-in-out 0.25s;
        }

        .white-button:after{
            content: "\e600";
            font-family: 'afi';
            vertical-align: sub;
            padding-left: 10px;
            font-size: 1.2em;
        }

        .white-button:hover{
            background: #2d61ad;
            color: #fff;
        }
    .blue-button{
        background: #2d61ad;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        color: #fff;
        padding: 3px 7px 5px 15px;
        text-transform: uppercase;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 700;
        font-size: 1.25em;
        transition: all ease-in-out 0.25s;
    }

        .blue-button:after{
            content: "\e600";
            font-family: 'afi';
            vertical-align: sub;
            padding-left: 10px;
            font-size: 1.2em;
        }

        .blue-button:hover{
            background: #7f7c7c;
            color: #fff;
        }







/* === HEADER === */

    #masthead{
        background: #fff;
        background-image: url(../img/header-bg.png);
        border-bottom: 8px solid #fcee6c;
        box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
        padding: 25px 0;
        position: relative;
        top: 0;
        z-index: 10;
        margin-top: -100px;
    }

    .main-slider{
        position: relative;
        top: 0;
        z-index: 1;
        background: #2C61AD;
    }

    @media screen and (min-width: 650px) {

        .main-slider:not(.sub) img{
            width: 60%;
            display: inline-block;
            float: left;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }
	}	
        .main-slider.sub img {
            width: auto !important;
            margin: 0 auto;
            max-width: 100%;
        }
        .main-slider.sub .slick-slide {
            height: auto !important;
        }
        .main-slider.sub  {
            height: auto !important;
        }

        .main-slider .slide-text{
	        color: white;
        }

    @media screen and (min-width: 650px) {

        .main-slider .slide-text{
            width: 40%;
            display: inline-block;
            margin:0;
            padding: 0 25px;
            right: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);

        }
	}
        .main-slider .slide-text h1{
            color: #fff;
            margin-top: 0;
        }

        .main-slider-nav{
            text-align: center;
        }

        .main-slider-nav a{
            font-family: 'Source Sans Pro', sans-serif;
            font-weight: 700;
            color: #2d61ad;
            text-transform: uppercase;
            padding: 25px 25px;
            cursor: pointer;
        }

		


        .nav-background{
            background: #fcee6c;
        }

	@media screen and (max-width: 650px) {
		.nav-background {
			display: none;
		}

        .main-slider .slide-text{
	    	padding: 20px;
        	}


	}	

        .main-slider-nav .slick-track{
            transform: none !important;
            text-align: center;
        }

        .main-slider-nav .slick-slide{
            width: auto !important;
            float: none !important;
            display: inline-block !important;
            padding: 25px 0;
        }

        .main-slider-nav .slick-current a{
            background: #fbf4af;
        }

    @media screen and (min-width: 650px) {

        .main-slider .slick-slide {
            height: 390px !important;
            position: relative;
        }

	}	

/* === MAIN NAVIGATION === */

    .main-nav{
        text-align: center;
    }

        .main-nav ul{
            list-style: none;
            display: inline-block;
        }

        .main-nav ul li{
            display: inline-block;
            position: relative;
        }

        .main-nav ul li a{
            text-transform: uppercase;
            font-family: 'Oswald', sans-serif;
            font-weight: 700;
            font-size: 1.1em;
            color: #2d61ad;
            padding: 20px 15px;
            transition: all ease-in-out 0.25s;
            
        }

        .main-nav ul li a:hover,
        .main-nav ul li a.active{
            color: #ce232f;
            text-decoration: underline;
        }
        
        .main-nav .dropdown {
	        z-index: 10000;
	        background: #fcee6c;
	        padding: 10px 5px;
	        display: none;
	        position: absolute;
	        top: 150%;
	        left: 10px;
	        font-size: 85%;
	        width: 200px;
	        text-align: left;
	        box-shadow: inset 0 0 2px #444;
			}

        .main-nav .dropdown li {
	        display: block;
        	}	

			.main-nav .dropdown li a {
				display: block;
				width: 100%;
				padding: 5px;
				}

				.main-nav .dropdown li a:hover {
					color: #2d61ad;
				}



	        .main-nav li:hover .dropdown {
		        display: block;
	        	}





    .logo{
        display: inline-block;
        position: relative;
        bottom: -75px;
    }

    .menu-button img {
        width: 50px;
        float: left;
    }

    .menu-button p {
        text-align: right;
        margin: 10px 35px 0 0;
    }

    .touch-button {
          top: 15px !important;
    }



/* === MOBILE NAVIGATION === */

    .menu-button {
        background-color: #2D61AD;
    }





/* === MAIN CONTENT === */

    .content{
        padding: 0 20px !important;
    }

	.sidebar h2 {
		margin-top: 0;
	}


/* === NEWS CONTENT === */

    .posts {
        margin-top: 20px;
    }

    .post {
        margin: 0 20px 20px 0 !important;
        position: relative;

    }

    .post h5, .post h2 {
        margin: 0px 0 20px;
    }

    .post img {
        max-width: 300px;
    }

    .post_intro {
        background-color: #f4f4f4;
    }

    .post_intro .inner {
        display: inline-block;
        vertical-align: top;
        padding: 20px;
        max-width: 590px;
    }

    .post_intro p {

    }

    .post_intro .blue-button {
        background-color: transparent;
        color: #2d61ad !important;
    }

    .post_intro .read-more-link {
      position: absolute;
      bottom: -10px;
      right: 20px;
    }

    .post .container {
        max-width: 300px;
        display: inline-block;
        padding: 0 0;
    }

    .post h5, .post h2 {
        display: inline-block;
    }

    #content .post .categories {
        list-style: none;
        margin: 0;
        padding: 0;
        display: inline-block;
    }

    #content .post .categories li {
        display: inline-block;
        margin-left: 5px;
        padding: 3px 7px 1px 7px;
        border-radius: 5px;
        background-color: #AAA;
        color: #F4F4F4;
        font-size: 80%;
        font-weight: 300;
    }

    #category-filter {
        display: inline-block;
        margin-left: 10px;
        margin-right: 20px;
        float: right;
    }

    form input[type="submit"].search-button {
        width: auto;
        margin-left: 10px;
        padding: 7px 10px;
    }


#multi-support-banner {
    background: #2C61AD;
    /* text-align: center; */
    /* overflow: hidden; */
    padding-bottom: 10px;
}

.all-support {
    text-align: center;
}

#amznCharityBanner {
    overflow: hidden;
}

#amznCharityBanner iframe {
    margin: 5px auto 10px auto;
}

/* === FOOTER === */

    #footer{
	    background-color: black;
        background-image: url(../img/footer-bg.jpg);
        background-size: 100% 100%;
        padding: 30px 0 40px 0;
        /*margin-top: 50px;*/
        color: #fff;
    }

    	#footer h3, #footer h4, #footer a{
	        color: #fff;
	    }

	    #footer h4{
	        font-size: 2em;
	        margin: 0;
	    }

	    #footer p{
	        margin-bottom: 10px;
	    }

		#footer img{
		    width: 35%;
		    float: left;
		    margin-right: 15px;
	    }

	    #footer .powerprint{
		    margin-top: 25px;
	    }

        #footer {
            padding: 0 20px;
        }

	    #footer .footer-button{
		    background: black;
		    background: rgba(0, 0, 0, 0.2);
	        border-radius: 20px;
	        -webkit-border-radius: 20px;
	        -moz-border-radius: 20px;
	        color: #fff;
	        padding: 3px 7px 5px 15px;
	        text-transform: uppercase;
	        font-family: 'Source Sans Pro', sans-serif;
	        font-weight: 700;
	        font-size: 1em;
	        transition: all ease-in-out 0.25s;
	    }

	    #footer .footer-button:after{
		    content: "\e600";
            font-family: 'afi';
            vertical-align: sub;
            padding-left: 10px;
            font-size: 1.1em;
	    }

	    #footer .footer-button:hover{
		    background: rgba(0, 0, 0, 0.3);
            color: #fff;
	    }

	#footernav{

    }

    	#footernav ul{
			list-style: none;
			margin: 20px 0;
	    }

	    #footernav ul li{
			display: inline-block;
	    }

	    #footer a{
			transition: all ease-in-out 0.25s;
	    }

	    #footer a:hover{
			color: rgba(255, 255, 255, 0.6);
	    }

	    #footernav ul li:after{
			content: "|";
			margin: 0 5px 0 10px;
	    }

	    #footernav ul li:last-of-type:after{
			content: "";
			margin: 0;
	    }

    	#footernav .main{

	    }

	    #footernav .sub{
			font-size: 0.7em;
	    }

        .spacer {
            margin-bottom: 40px;
        }



/* === TEST COLOR === */

.red{
    background-color:rgba(255, 0, 0, 0.5);
}


.gray{
    background-color:rgba(100, 100, 100, 0.5);
}


/* === SUBPAGE === */

#content h1 {
	display: inline-block;
}

.sub .slide img {
    width: 100%;
}

.breadcrumbs {
    margin: 0;
}

.breadcrumbs p {
    font-size: 22px;
}

.child-page a {
    color: #2D61AD;
}

.child-page a:hover {
    text-decoration: underline;
}

.child-page::before {
    content: '•';
    margin: 0 10px;
    font-weight: bold;
}

.services li {
    margin: 10px 0;
}

.services li a {
    color: #2D61AD;
    text-decoration: underline;
}

.slick-track {
      margin: 0 auto;
}

.required {
    color: red;
}

span.error {
    display: inline-block;
    width: 100%;
    padding: 5px;
    background-color: red;
    color: white;
}

div.success,
div.failure,
div.notice {
    color: white;
    padding: 20px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

div.success {
    background-color: green;
}

div.error {
    background-color: red;
}

div.notice {
    background-color: gray;
}

.home-blog-post h2 {
	color: #2C61AD;
	}

.home-blog-post p {
    color: #686868;
    font-size: 15px;
    white-space: pre-wrap;
}
.home-employment ul,
.home-resources ul{
    margin-left: 18px !important;
}
.home-employment p a:first-of-type {
    margin-top: 60px;
    display: block;
}
.home-employment ul li a,
.home-resources ul li a {
    color: #686868;
}

a {
    color: #2D61AD;
}

a:hover,
a:active {
    color: #4275be;
}

a:visited {
    color: #26508e;
}

.blue-button:visited, .blue-button:active, .blue-button:hover {
    color: #fff;
}

.post_intro .blue-button:visited, .post_intro .blue-button:active, .post_intro .blue-button:hover {
    color: #2d61ad !important;
}