/****************************
FONTS
****************************/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
@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: rgb(153,153,153,1);
    --hero-headings: rgba(250,250,250,1);
        
    --primary-color: rgba(1,156,157,1);
    --primary-color-light: rgba(0,186,188,0.8);

    --secondary-color: rgba(78,79,80,1);

    --nav-item: rgba(78,79,80,1);
    --job-bg: rgba(243,243,243,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);

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

h1,h2,h3,h4,h5,h6 {font-family: 'Poppins', sans-serif; font-weight: 700; color: var(--secondary-color);}
body {font-family: 'Source Sans Pro', sans-serif; color:var(--body);}
.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;}
.btn-primary {background-color: var(--primary-color); border-color: var(--primary-color); color: var(--btn-color);}
.btn-primary:hover {border-color: var(--primary-color-light); background-color: var(--primary-color-light); color: var(--btn-color); text-decoration: none;}
.btn-success:hover {text-decoration: none;}
.alert {margin-top:20px;}
figure {border-left: solid 5px var(--primary-color); padding-left: 1rem; color: var(--primary-color);}
.card {margin-bottom: 1rem; background-color: rgb(253, 253, 253);}
/* .card p:first-child::before{color: var(--primary-color); content: "\0022"; float: left; font-size: 4rem; line-height: 2rem; padding-top: 0.8rem; padding-right: 0.5rem;} */
.input-group-text {background-color: var(--secondary-color);border: 1px solid var(--secondary-color);color: var(--primary-color);}
.no_job .lead {font-size: 1.5rem;}


/****************************
NAVIGATION
****************************/
.navbar-brand img{max-height:40px;}
.navbar {padding: 0.8rem 0;}
.navbar-bg {background-color: var(--job-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);}
.dropdown-menu.show {box-shadow: 0 .5rem 1rem rgba(0,0,0,.35)!important;}

/****************************
HOME
****************************/
/* .hero {background-size:cover; background-position: center center; background-color: var(--secondary-color); overflow: hidden; padding: 3rem 0;} */
.hero {background-color: var(--secondary-color);}
.hero h1, .hero h2 {color:var(--hero-headings);}
.home-search {background-color:var(--primary-color);}
.home-tagline {background-color:var(--home-tagline-bg);padding:1rem 0.5rem;}
/*.home-job {background-color: var(--job-bg);}*/

/****************************
BANNER
****************************/
.banner {background:var(--secondary-color); background-size: cover; background-position: center center; padding: 1rem 0;}
.banner h1 {text-shadow: var(--text-shadow);}
.banner .social a {color:var(--social-a); text-shadow: var(--text-shadow); margin-left:3px;}
.banner .social a:hover {color:var(--social-a-hover);}
.banner .phone, .banner .phone a{color:var(--social-a); text-shadow: var(--text-shadow); letter-spacing: 1px;}

/****************************
JOBS
****************************/
#clearJobSearch {cursor:pointer;}
.jobs-table h1 {font-size:1.2rem;}
.jobs-view h2, .jobs-apply h2 {font-size: 1.2rem;}
.home-job, .jobs-job {background-color: var(--job-bg); box-shadow: 0 .125rem 0.25rem rgba(0,0,0, 0.075);}
.home-job {/*border: solid 1px #ddd;*/ border-top: solid 15px var(--secondary-color); box-shadow: 0 .125rem 0.25rem, rgba(0,0,0, 0.095);}
.jobs-job {border-top: solid 15px var(--secondary-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;}

/***************************
CUSTOM
****************************/
.contact .fa {width:25px; display:inline-block;}
.hero h1 {font-size: 1.5rem; line-height: 1.3em;}
.hero h2 {font-size: 1.2rem;}
.hero img {height: 75px;}
.banner h1 {font-size: 1.4rem; margin-bottom: 0;}
.card h3, .card h4 {color: var(--secondary-color);}
.jobs-view h1, .jobs-view h2, .jobs-apply h1, .jobs-apply h2{color: var(--secondary-color);}
.card-title {font-size:1.2rem;}

/**************************
2022 REDESIGN
**************************/
/* .hero {background-color: rgb(78,79,80); color:#eee;} */
.hero p, .hero li, .home-tagline {font-size: 1.2rem; line-height: 1.3em;}
/* .home-jobs, .tiled, body {background-image: url("/themes/newday/img/tile-50.png");} */
/* .home-tagline {color: #eee;}
.home-tagline h2{font-size: 1.3rem; border-right: solid 5px var(--primary-color); padding-right: 15px; line-height: 1.6; margin-bottom: 2rem; padding-top: 0.5rem; padding-bottom: 0.5rem;} */
/* .tiled {padding-bottom: 4rem;}
.home-jobs h2, .home-jobs a {color:#eee;}
.home-job h1 a{color: var(--primary-color);}
.home-job h2 {color: var(--body);} */
.home-social .fa {font-size: 1.3rem;}
/* .jobs-job h2{color: var(--secondary-color);} */
blockquote {display:inline-block; margin-left: 1rem; padding:0 2rem 0 1rem; border-left: solid 8px var(--primary-color);}
/****************************
DESKTOP
****************************/
@media screen and (min-width: 1200px) {
    .info-card {height: 1300px;}
    .info-card-sm {height: 560px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .info-card {height: 1250px;}
    .info-card-sm {height: 630px;}
}

 @media screen and (min-width: 992px) {
    .hero {padding:5rem 0}
    .navbar-brand img{max-height:55px;}
    .navbar {padding: 1rem 0;}
    .size {width:50%;}
    /*.hero {padding-top: 8rem 0;}*/
    .home-tagline {padding: 3rem 0;}
    .home-job {min-height: 290px;}
    .jobs-job {min-height: 290px;}
    .banner {padding: 2rem 0;}
    .banner h1 {font-size: 2.4rem}
    .hero h1 {font-size: 3rem; line-height: 1.3em;}
    .hero h2 {font-size: 1.3rem;}
    .hero img {height: 150px;}
}