/****************************
FONTS
****************************/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600');
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/****************************
GLOBAL STYLE
****************************/
:root{
    --body: rgba(94,97,107,1);
    --divider: rgba(153,153,153,1);
    --hero-headings: rgba(250,250,250,1);

    --nav-bar-bg: rgba(0,89,247,0.1);
        
    --primary-color: rgba(0,65,142,1);
    --primary-color-light: rgba(0,65,142,0.8);

    --secondary-color: rgba(75,75,75,1);

    --logo-bright-blue: rgb(0,89,247);

    --nav-item: rgba(75,75,75,1);
    --job-bg: rgba(0,89,247,0.1);
    --home-tagline-bg: rgba(243,243,243,1);

    --social-a: rgba(255,255,255,0.8);
    --social-a-hover: rgba(255,255,255,1);

    --social-color: rgba(255,255,255,0.8);
    --social-color-hover: rgba(255,255,255,1);

    --btn-color: rgba(255,255,255,1);
}

body {font-family: 'Source Sans Pro', sans-serif; color:var(--body);}
h1,h2,h3,h4,h5,h6 {font-family: 'Raleway', sans-serif; font-weight: 600;color: var(--primary-color);}
.divider{display:block; border-top: 1px solid var(--divider); height:0px; margin:25px 0px; clear:both;}
a {color:var(--primary-color); text-decoration: none;}
a:hover {color:var(--primary-color); text-decoration: underline;}
.color-primary {color: var(--primary-color);}
.color-secondary {color: var(--secondary-color);}
.no_job .lead {font-size: 1.5rem;}
.card {margin-bottom: 1rem; background-color: var(--job-bg);}

/***************************
BLOCKQUOTES
****************************/
figure {border-left: solid 5px var(--secondary-color-alt); padding-left: 1rem; color: var(--primary-color-alt);}

/***************************
BUTTONS
****************************/
.btn-primary {background-color: var(--primary-color-light); border-color: var(--primary-color-light); color: var(--btn-color);}
.btn-primary:hover {border-color: var(--primary-color); background-color: var(--primary-color); color: var(--btn-color); text-decoration: none;}
.btn-cta {background-color: var(--btn-cta-bg); border-color: var(--btn-cta-bg); color: var(--btn-cta-color);}
.btn-cta:hover {border-color: var(--btn-cta-bg-alt); background-color: var(--btn-cta-bg-alt); color: var(--btn-cta-color); text-decoration: none;}
.btn-success:hover {text-decoration: none;}
.alert {margin-top:20px;}

/***************************
SEARCH ICON
****************************/
.input-group-text {background-color: var(--logo-bright-blue);border: 1px solid var(--logo-bright-blue);color: var(--btn-color);}

/****************************
NAVIGATION
****************************/
.navbar-brand img{max-height:75px;}
.navbar {padding: 0.8rem 0;}
.navbar-bg {background-color: var(--nav-bar-bg);}
.navbar-light .navbar-nav .nav-link {color: var(--nav-item); margin-left: 1rem;}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {color: var(--primary-color); text-decoration: none;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: var(--primary-color); text-decoration: none;}
.dropdown-item:focus, .dropdown-item:hover {color: var(--primary-color);background-color:var(--job-bg); text-decoration: none;}
.navbar ul.nav li a:hover {color: var(--primary-color);}
.navbar ul.nav .active a, .navbar ul.nav .active a:hover {color: var(--primary-color); background:none; box-shadow: none;}
.navbar-light .navbar-nav .nav-link:focus {outline: none; text-decoration: overline;}
.nav-item:last-of-type .nav-link{padding-right: 0;}
.navbar-light .navbar-toggler {color:var(--primary-color); border-color: var(--primary-color);background-color: var(--primary-color);}
.navbar-light .navbar-toggler-icon svg {stroke:red;}
.dropdown-menu.show {box-shadow: 0 .5rem 1rem rgba(0,0,0,.35)!important;}
.dropdown-item:focus, .dropdown-item:hover {background-color: var(--nav-bar-bg); color:var(--nav-item-hover-active)}

/************************
GIANT BULLETS - NORMAL BULLETS
*************************/
.giant-bullet{font-size: 2.5rem; color:var(--secondary-color);}
.bullet-content h4 {color: var(--secondary-color);}
.bullet-content p {font-size: 1.1rem; line-height: 1.5; color:var(--primary-color-alt);}
ol li {margin: 1rem 0;color:var(--primary-color-alt);}

/****************************
HOME
****************************/
.hero {background-size:cover; background-position: center center; background-color: var(--primary-color); overflow: hidden; padding: 3rem 0;}
.hero h1, .hero h2 {text-shadow: 1px 1px 2px rgba(0,0,0,0.2);}
.hero h1 {font-weight: 600;}
.home-search {background-color:var(--primary-color);}
.home-tagline {color:var(--home-tagline-color); background-color:var(--home-tagline-bg);padding:1rem 0.5rem;}

/****************************
BANNER
****************************/
.banner {background:var(--primary-color); background-size: cover; background-position: center center; height:150px;}
.banner h1 {text-shadow: var(--text-shadow);}
.banner .social a {color:var(--social-color); display: inline-block; transition: transform 0.3s; text-shadow: var(--text-shadow); margin-left:3px;}
.banner .social a:hover, .banner .phone a:hover {color:var(--btn-color);transform: scale(1.1); cursor: pointer;}
.banner .phone, .banner .phone a{color:var(--social-color); text-shadow: var(--text-shadow); letter-spacing: 1px;}

/****************************
JOBS
****************************/
#clearJobSearch {cursor:pointer;}
.jobs-table h1 {font-size:1.2rem;}
.jobs-table h1 a, .jobs-table h2 {color: var(--primary-color);}
.jobs-view h2, .jobs-apply h2 {font-size: 1.5rem;}
.home-job, .jobs-job {background-color: var(--job-bg); box-shadow: 0 .125rem 0.25rem rgba(0,0,0, 0.075); color: var(--job-color);}
/* .home-job {border: solid 1px #ddd; box-shadow: 0 .125rem 0.25rem, rgba(0,0,0, 0.095);} */
.home-job, .jobs-job {border-top: solid 10px var(--primary-color); box-shadow: 0 .125rem 0.25rem, rgba(0,0,0, 0.095);border-left: solid 1px #ddd; box-shadow: 0 .125rem 0.25rem, rgba(0,0,0, 0.095);border-right: solid 1px #ddd; box-shadow: 0 .125rem 0.25rem, rgba(0,0,0, 0.095);border-bottom: solid 1px #ddd; box-shadow: 0 .125rem 0.25rem, rgba(0,0,0, 0.095);}
.jobs p, .jobs-table h2{font-size: 0.9rem;}

/****************************
BLOG
****************************/
.blog-table h1 {font-size:20px; font-weight: 600;}
.blog-table h2 {color:#5E616B; font-size:15px; font-weight: 600; margin:10px 0 15px 0;}
.blog-view h2 {color:#5E616B; font-size:15px; font-weight: 600; margin:10px 0 15px 0;}

/****************************
GOOGLE
****************************/
#map {width: 100%; height: 400px; float:right;}
.g-recaptcha {margin-top:25px;}

/****************************
CONTACT
****************************/
address {margin-top:25px;}
address .block {display:inline-block; vertical-align: top;}
address .fa {width:20px; display:inline-block; position:relative; top:1px; color:var(--primary-color-alt);}

/****************************
DESKTOP
****************************/
@media screen and (min-width: 992px) {
    .navbar-brand img{max-height:85px;}
    .navbar {padding: 1rem 0;}
    .hero h1 {font-size: 5rem;}
    .hero h2 {font-size: 2.5rem;}
    .size {width:50%;}
    .hero {padding: 5rem 0;}
    .home-tagline {padding: 3rem 0;}
    .home-job {min-height: 230px;}
    .jobs-job {min-height: 270px;}
    .banner {padding: 2rem 0;}
}

/****************************
CUSTOM
****************************/
h1,h2,h3,h4,h5,h6 {color: var(--primary-color);}
h3 {font-size: 1.5rem;}
h4 {font-size: 1.2rem; font-weight: 600}
.jobs p, .card p, .card h3 {color: var(--secondary-color);}
.card img {padding-top: 1.5rem;}
.zoom {transition: transform .2s;}
.zoom:hover {transform: scale(1.05);}
address .fa {color: var(--primary-color);}
.social .fa{color:#e9e9e9;}
.dropdown-item:hover{background-color: var(--job-bg); color: white;}