/*!
Theme Name: Universal Systems
Theme URI: http://underscores.me/
Author: Amanda Bilderback
Author URI: http://bilderbackmakerie.com
Description: Custom Wordpress Theme for Universal Systems Inc
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: universal-systems
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Universal Systems is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Theme Specific Styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
## Theme Specific Styles
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Lato|Raleway:400,600,800');

/*colors

gold: #e8ae22
dk gold: #ce9305
dk green: #3c6e35
lt green: #6fba44
dk gray: #383a40
lt gray: #f0f1f9

*/

body {
	/* Move down content because we have a fixed navbar that is 3.5rem tall 
	padding-top: 3.5rem;*/
	font-family: 'Raleway', sans-serif;
	color: #383a40;
}

/*.logged-in .navbar.fixed-top{
	top: 32px;
}*/

.hero-heading{
	font-weight: bold;
	letter-spacing: 2;	
}
.navbar{
	background: #ffffff;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
ul.nav.navbar-nav.mr-auto{margin-left: 40px;}
ul.navbar-nav.ml-auto{margin-right: 40px;}
nav img{
	max-height: 50px;
	-webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
nav .navbar-toggle {
  margin: 13px 15px 13px 0;
}
nav a {
  color: black;
  text-transform: uppercase;
  padding-bottom: 8px !important;
  padding-top: 10px !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navbar-light .navbar-nav .nav-link{
	color: #000000;
}
.nav-pills .show>.nav-link{
	background-color: #ce9305;
	border-radius: 0;
}
.navbar-light .navbar-nav .show>.nav-link{
	/*color: #ffffff;*/
}
.dropdown-menu{
	border: none;
	border-radius: 0;
	background: #f0f1f9;
}
.dropdown-item{
	background: #f0f1f9;
}
.dropdown-item:hover{
	background: rgba(232,174,34,0.5);
	
}
/*nav.navbar.shrink {
  min-height: 35px;
  background: rgba(255,255,255,0.7);
}
nav.navbar.shrink svg#logo {
  width: 250px;
}*/
nav.navbar h2{
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/*nav.navbar.shrink h2{
	font-size: 24px;
}
  
nav.navbar.shrink .nav-link{
	color: #212529;
}*/
.navbar-light .navbar-nav .nav-link:hover{
	color: rgba(0.0.0.0.6);
}
/*nav.navbar.shrink img{
	max-height: 35px;
	
}
nav.navbar.shrink a {
  font-size: 15px;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}
nav.navbar.shrink .navbar-toggle {
  margin: 8px 15px 8px 0;
  padding: 4px 5px;
}*/
.navbar-light .navbar-nav .nav-link{
	border-bottom: 4px transparent solid;
	border-radius: 0;
}
.navbar-light .navbar-nav .nav-link:hover{
	border-color: #ce9305;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	background-color: transparent;
}
/*nav.navbar.shrink .nav-link.active{
	color: black;
}*/

/*Hero Jumbotron*/
h2.display-4{
  font-weight: 800;
  font-size: 30px;
}
.text-accent{
	color: #ce9305;
}
.text-accent.hero-text{
	/*text-shadow: 2px 2px #6f6f6f;*/
	text-shadow: 1px 1px 1px #424242, 3px 3px 5px #424242;
}
.jumbotron{
  height: 250px;
  margin-bottom: 0;
  background:linear-gradient(
              119deg, 
              transparent, 
              transparent 862px, 
              #6fba44 862px, 
              #6fba44 962px, 
              #3c6e35 962px,
              #3c6e35 1062px,
              #383a40 1062px,
              #383a40), 
    url('img/usi_anniversary-badge-dkgreen@2x.png'),
    url('img/hero-bw-mountains.jpg');
    background-repeat: no-repeat;
    background-size: cover, 20%;
    background-position: top left, 
    					 top 50% left 18%;
    border-radius: 0; 
}

h2.display-4{
	font-size: 3rem;
}
p.lead{
	margin: 2rem 0;
	font-size: 1.15rem;
}
p.mid{
	font-size: 1.1rem;
}
.btn.cta{
	margin: 15px;
}
.btn.cta:hover{
	background: #ff6d6a;
	color: white;
	border-color: #ff6d6a;
}
a.btn.btn-outline-light.btn-sm.text-uppercase {
    margin-top: .75rem;
}
a.btn.btn-outline-light.btn-sm:hover{
	color: #204652;
}
.text-heavy{
	font-weight: 800;
}
.btn btn-primary btn-white text-uppercase my-2{
	background: transparent;
	color: orange;
}
.btn btn-primary btn-white text-uppercase my-2:hover{
	background: orange;
	color: white;
	
}
a.btn.btn-primary.btn-white.text-uppercase.my-2{
	background: transparent; 
	color: #ffffff; 
	border-color: #ffffff;
}
a.btn.btn-primary.btn-white.text-uppercase.my-2:hover{
	background: #ffffff;
	color: #CD9205;
}

.display-3{
	font-size: 3.5rem;
}
/*Theme Buttons*/
.btn{
	border-radius: 0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a.btn.btn-white.btn-lg.text-uppercase{
	color: #3c6e35;
	background: white;
	font-size: 2vh;
    font-weight: 600;
}
.btn.btn-primary {
    background: #454141;
    border-color: #454141;
    margin-top: 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn.btn-primary:hover{
	background: #ffffff;
	color: #454141;
}
.btn.btn-primary.btn-accent{
	background: #ce9305;
	border: 1px solid #ce9305;
}
.btn.btn-primary.btn-accent:hover{
	background: #ffffff;
	color: #ce9305;
	border: 1px solid #ce9305;
}
.btn.btn-danger {
    color: #fff;
    background-color: #EF4123;
    border-color: #EF4123;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-danger:hover{	
	background-color: transparent;
	border-color: #EF4123;
	color: #EF4123;
}
.feature-content{
	padding: 3rem 0;
	overflow: hidden;
}
.card{
	border: none;
}

.card-img-overlay{
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: rgba(0,0,0,0.3);
}
.card-img{
	border-radius: 0;
}
.card.solutions{
	margin: 1rem;
}
.feature-alt{
	background: #3c6e35;
}
.feature-alt-gold{
	background: #CD9205;
	border-top: 2px solid #2d2f33;
	border-bottom: 2px solid #2d2f33;
}
.feature-accent{
	background: rgba(111,186,68,0.2);
}
.feature-lt{
	background: #f0f1f9;
}
.feature-dark{
	background: #3c6e35;
	color: white;
	margin-bottom: 0;
}
.feature-dark h2{
	color: white;
}
/*Mission Page*/
.card.mission-card{
	flex: 1 1 100%;
}
/*About Us Page*/

.card-body.mission-card{
	background: #f0f1f9;
}
.card-header.mission-card{
	background: #6fba44;
	color: white;
	border-radius: 0;
	border-bottom: 0;
}

/*Contact Page*/

.card-deck.contact{
	margin: 0 auto;
}
p.lead.contact{
	margin: 0;
}
span.text-heavy.contact.hours {
    padding-right: 2.3rem;
}
p.card-text.lead.contact.hours{
	padding-left: 6.2rem;
}
span.text-heavy.contact.local {
    padding-right: 2.6rem;
}
span.text-heavy.contact.toll {
    padding-right: .7rem;
}
span.text-heavy.contact.email{
	padding-right: 1rem;
}
.contact-text{
	padding-bottom:3rem;
}
.container-fluid.map{
	padding:0;
}
.container-fluid.map iframe{
	margin-bottom: -7px;
}
/*Contact Form Submission Messages*/
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
    color: #ffffff;
    background-color: #ce9305;
    border: 0;
    padding: 1rem;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #ffffff;
    background-color: #6fba44;
    border: 0;
    padding: 1rem;
}

/*Solutions Page*/
img.solutions-img{
	max-width: 90%;
}
p.solutions-desc{
	line-height: 1.7;
}

img.partner-logos{
	height: 50px;
}
/*h5.anchor-link:before{
	display: block;
	content: " ";
	margin-top: -75px;
	height: 75px;
	visibility: hidden;
	pointer-events: none;
}*/


.form-control{
	border-radius: 0;
	margin: 5px 0;
}
#footer-main{
	background: #221f1f;
	color: white;
	font-size: .9rem;
	padding: 2.5rem 0;
	font-family: 'Lato', sans-serif;
	position: absolute;
	width: 100%;
}


#footer-main a{
	color: white;
}
img.tiny-logo{
	max-width: 40%;
}


/*Media Queries*/
@media screen and (max-width: 782px){
	
	/*.logged-in .navbar.fixed-top{
		top: 46px;
	}*/
}
@media screen and (max-width: 768px){
	/*Small Res*/
	#hero.hero-secondary{
		height: 175px;
	}
	h2.display-4{
		font-size: 1.75rem;
		
	}
	.jumbotron{
		background: url('img/hero-bw-mountains-sm-lt.jpg');
	}
	img.tiny-logo{
		max-width: 60%;
	}
	
}
@media screen and (max-width: 600px){
	/*html #wpadminbar{
		top: 14px;
	}
	.logged-in .navbar.fixed-top{
		top: 42px;
	}*/
}

@media screen and (max-width: 575px){
	/*.container{
		padding-right: 30px;
		padding-left: 30px;
	}*/
	img.tiny-logo{
		max-width: 40%;
		padding-bottom: 1rem;
	}
	
}
@media screen and (max-width: 320px){
	h2.display-4{
		font-size: 1rem;
	}
}
@media screen and (min-width: 576px){
	.row.mission-card{
    margin: 3rem 0;
  }
  .container.mission{
		max-width: 700px;
	}
	.card.mission-card{
		flex: 1 0 0%;
	}
	
}
@media screen and (min-width: 576px) and (max-width: 686px){
	p.lead.contact{
		font-size: .9rem;
	}
	p.card-text.lead.contact.hours {
	    padding-left: 5.1rem;
	}
	span.text-heavy.contact.local {
	    padding-right: 2.3rem;
	}
	span.text-heavy.contact.toll {
	    padding-right: .9rem;
	}
}
@media screen and (max-width: 767px){
	#footer-main i{
		display: none;
	}
	.container{
		padding-right: 50px;
		padding-left: 50px;
	}
}

@media screen and (min-width: 768px){
	.jumbotron{
		height: 400px;
	}
	img.partner-logos{
		height: 55px;
	}
	img.align-right{
		display: block;
		margin-left: auto;
	}
	a.nav-link{
		font-size: 1.05em;
	}
}

@media screen and (min-width:991px){
	/*Lg Res*/
	nav img{
		max-height: 70px;
	}
	nav.navbar.shrink img{
		max-height: 50px;
		
	}
	h2.display-4{
		font-size: 3.5rem;
	}
	
	#hero{
		/*margin-top: 3.5rem;*/
	}
	.display-3{
		font-size: 4.5rem;
	}
	.container.mission{
		max-width: 960px;
	}
	img.partner-logos{
		height: 75px;
	}
	img.solutions-img{
		max-width: 90%;
	}

}
@media screen and (min-width: 992px){
	.navbar-light .navbar-nav .nav-link.active{
		border-bottom: 4px #ce9305 solid;
		border-radius: 0;
	}
}	
	
@media screen and (min-width: 900px){
	#left-col-bcg-image,
	#right-col-bcg-image{
		height: 500px;
	}	
}
@media screen and (min-width: 1200px){
	#hero.hero-secondary{
		height: 520px;
	}
	img.solutions-img{
		max-width: 70%;
	}
}
@media screen and (min-width: 2000px){
	.jumbotron{
		background-size: cover, 15%;
	}
}