/*
Theme Name:   Evolution Group
Description:  Evolution Group custom WordPress theme
Author:       Pont Media
Author URI:   http://www.pontmedia.co.nz
Template:     pont
Version:      1.1

THEME COLOURS
======================================================

EV green      - #78A22F - used for various text, titles, underlines and highlights
EV green-shadow     - #658139 - drop shadow under green text eg jumbotron title
EV grey-shadow      - #736D7B - eg under jumbotron green text-block rectangle, and under quote section text
EV dark-grey-head-foot-bg - #27232C - used on header and footer backgrounds
EV grey-quote-bg    - #7E7786 - background of quote section on homepage
EV tan-green-sidebar-bg   - #E7E7E2 - background of green/tan sidebox
EV tan-shadow     - #E6E6E1  -also used for horizontal rules and image shadow
EV grey-text      - #5F5D5E - used for certain grey on white text highlights
EV light-grey-text    - #AFA8B6 - used for header and footer light grey on dark grey

*/

/*
BASE STYLES
======================================================
*/

body {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 17px;
}

h1, h2, h3, h4,
.font-special {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-weight: 700;
}


/*
HEADER
======================================================
*/
.header {
  background: #3e314d url('images/evolution-circles-faded.png') right bottom no-repeat;
  color: #fefefe;
}

.header .row {
  position: relative;
}

.header .logo {
  float: left;
}

.header .contact-links {
  float: right;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-size: 24px;
  color: #78e22f;
}

.header .contact-links a {
  display: inline-block;
  padding-right: 10px;
  color: #78a22f;
}

.header .contact-links a i {
  padding-right: 10px;
}

.header .contact-links a:hover,
.header .contact-links a:focus {
  color: #fff;
}

.header .contact-links-wrap {
  display: inline-block;
  padding: 10px 5px 5px 15px;
  background-color: rgba(0,0,0,0.2);
}

.header nav {
  position: absolute;
  bottom:0;
  right: 0;
}

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


.header .nav-menu {
  margin: 0;
  padding: 0;
}

.header .nav-menu li {
  display: inline-block;
}

.header .nav-menu li {
  font-size: 20px;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  padding: 0 10px 14px 10px;  
  margin: 0 10px;
}

.header .nav-menu a {
  color: #cdc7d4;
  text-decoration: none;
  display: block;
}

.header .nav-menu a:hover,
.header .nav-menu a:focus,
.header .nav-menu a:active,
.header .nav-menu .current_page_item a,
.header .nav-menu .current-menu-item a {
  color: #fefefe;
  text-decoration: none;
}

.header .nav-menu .current_page_item,
.header .nav-menu .current-menu-item {
  border-bottom: 6px solid #78a22e;
}

.header a.nav-toggle {
  font-size: 20px;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  color: #cdc7d4;
  text-decoration: none;
  line-height: 40px;
}

.header a.nav-toggle .fa {
  line-height: 40px;
}



.footer .nav-menu {
  list-style-type: none;
  padding: 0;
}

.footer .nav-menu a {
  color: #afa8b6;
  text-decoration: none;
}

.footer .nav-menu a:hover,
.footer .nav-menu a:focus,
.footer .nav-menu .current_page_item a {
  color: #e7e7e2;
  text-decoration: none;
}

.main-sidebar nav ul {
  list-style-type: none;
  padding-left: 0;
}

.main-sidebar nav .sub-menu {
  margin-top: 15px;
}

.main-sidebar nav a {
  text-decoration: none;
}

.main-sidebar nav .current-menu-item > a {
  color: #595460;
}

.main-sidebar nav li {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
}

.main-sidebar nav a:before {
  font-family: FontAwesome;
  content: "\f0da";
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
}


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

a {
  color: #78a22f;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #595460;
  text-decoration: none;
}

h1,h2,h3,h4,h5,
.h1,.h2,.h3,.h4,.h5 {
  color: #78a22f;
  margin: 0 0 30px;
}

h1.page-title {
  margin: 0 0 30px 0;
  padding-top: 0;
  font-size: 60px;
}

.content-main img {
  border: 3px solid #e4e4e4;
}

.content-main ul, .content-main ol {
  padding-left: 1em;
  margin: 0 0 30px;
}

.content-main h2, .content-main .h2 {
  font-size: 45px;
}

.content-main h3, .content-main .h3 {
  font-size: 32px;
  padding-bottom: 15px;
  border-bottom: 3px solid #e7e7e2;
}

.content-main {
  color: #333;
  font-size: 18px;
}

.content-main p {
  margin: 0 0 30px;
}

.job-search-inner {
  background-color: #50435F;
  /*padding: 15px 0;*/
  padding-top: 20px;
  margin-bottom: 95px;
}

/*
.job-search input {
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 16px;
}

.job-search button {
  width: 100%;
  border: 1px solid #312c37;
  background-color: #312c37;
  padding: 5px 10px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}

.job-search button i {
  display: inline-block;
  padding-left: 10px;
  vertical-align: middle;
  font-size: 32px;
  color: #7e7786;
}
*/

.job-search-front {
  background-color: rgba(255, 255, 255, 0.6);
  /*padding: 15px 0;*/
  padding-top: 20px;
  position: absolute;
  bottom: 0;
  width: 100%;
}


.read-more {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  margin-top: 5px;
}

.read-more a:after {
  font-family: FontAwesome;
  content: "\f0da";
  display: inline-block;
  padding-left: 10px;
  /*vertical-align: middle;*/
}

.see-all {
  font-size: 22px;
  font-weight: 700;
  margin-top: 30px;
}

.see-all a:before {
  font-family: FontAwesome;
  content: "\f0da";
  display: inline-block;
  padding-right: 15px;
  vertical-align: middle;
  font-size: 40px;
}


.post .featured-image {
  margin: 30px 0;
}

h3.post-title {
  padding-bottom: inherit;
  border-bottom: none;
}

.post-meta {
  margin: 0 0 15px;
}

.post-meta-date {
  font-size: 14px;
  text-transform: uppercase;
  color: #626061;
}

.post-thumbnail img {
  border: 3px solid #e4e4e4;
  float: right;
}

.news-posts .rte p {
  margin-bottom: 10px;
}

.wpcf7 input,
.wpcf7 textarea {
  border-radius: 0;
}

.wpcf7 input[type="submit"] {
  margin-top: 20px;
  width: 100%;
  background-color: #7d7986;
}

/* TESTIMONIALS */

.testimonials-list blockquote {
    padding: 10px 0 0 0;
    margin: 0 0 40px;
    border-left: none;
    border-top: 5px solid #e7e7e2;
}

.testimonials-list blockquote p {
    margin: 0 0 15px;
}

.testimonials-light {
  margin-top: 90px;
  background-color: #e7e7e2;
  background-image: url('images/quotes-lihgt-left.png'), url('images/quotes-lihgt-right.png');
  background-position: left top, right bottom;
  background-repeat: no-repeat;
  color: #7e7786;
}

.testimonials-dark {
  background-color: #7e7786;
  background-image: url('images/quotes-dark-left.png'), url('images/quotes-dark-right.png');
  background-position: left top, right bottom;
  background-repeat: no-repeat;
  color: #fff;
  text-shadow: 3.536px 3.536px 0px rgba(0, 0, 0, 0.2);
}

.testimonials-light blockquote,
.testimonials-dark blockquote {
  border: none;
  padding: 0;
  /*margin: 100px;*/
  text-align: center;
  font-size: 36px;
  font-weight: 700;
}

#testimonial-slideshow {
  position: relative;
  height:350px;
}

#testimonial-slideshow blockquote {
  height: 60%;
  overflow: hidden;
  margin: auto 80px;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

.cta-block {
  background-color: #e7e7e2;
}

.cta-block a {
  text-decoration: none !important;
}


/* SHORTCODES */

.hotjobs-widget {
  margin-bottom: -4px;
  margin-left: -2px;
}

.arconix-faq-wrap {
  border-radius: 0px;
  background-color: #e7e7e2;
  border: none;
  margin: 0 0 20px;
  padding: 10px;
}

.arconix-faq-title {
  font-size: 20px;
}

/*
FRONT PAGE
======================================================
*/

/* === FRONT PAGE BANNER === */

.banner-container {
  position: relative;
  margin-bottom: 90px;
  background: url('https://evolutiongroup.co.nz/wp-content/uploads/2020/04/dave-banner.jpg') 65% 30% no-repeat; 
}

.banner-container .slogan {
  padding: 40px;
  margin: 100px auto 170px;
  background-color: rgba(120, 162, 47, 0.8);
}

.banner-container .slogan h1,
.banner-container .slogan h2 {
  margin: 0;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 61px;
  color: #fff;
  font-weight: bold;
  line-height: 1.046;
  text-align: right;
  text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2);
}

.banner-container .slogan h2 {
  margin-top: 20px;
  font-size: 40px;
}

.banner-container .slogan a,
.banner-container .slogan a:visited {
  color: #fff;
}

.banner-container .slogan a:hover,
.banner-container .slogan a:focus,
.banner-container .slogan a:active {
  color: #CDEC95 !important;
}


/* === FRONT PAGE CONTENT 1 === */

.content-front1 {
  margin-bottom: 90px;
}

.content-front1 .text {
  font-size: 21px;
}

.content-front1 .text h2 {
  font-size: 45px;
}

.content-front1 .areas {
  background-color: rgb(231, 231, 226);
  padding: 30px 40px;
}

.content-front1 .areas h3 {
  font-size: 34px;
}

.content-front1 .areas ul {
  list-style-type: none;
  font-size: 18px;
  color: #333;
  padding: 0;
}

.content-front1 .areas li {
  padding: 0 0 10px 50px;
  background: url('images/bullet.png') left 3px no-repeat;
}

/* === FRONT PAGE CONTENT 2 === */

.content-front2 {
  margin-bottom: 90px;
  color: #333;
}

.content-front2 p {
  margin: 0 0 30px;
}

.content-front2 h3 {
  font-size: 32px;
  padding-bottom: 15px;
  border-bottom: 3px solid #e7e7e2;
}

.content-front2 .video {
  border: 5px solid #e9e9e4;
  margin-bottom: 30px;
}

#evo-youtube-video > a {
  display: block;
  background: #fff url(images/dave-video-overlay.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  cursor: pointer;
  z-index: 999;
}

#evo-youtube-video > a .play-icon {
  position: relative;
  top: 50%;
  margin-top: -45px;
  font-size: 90px;
  opacity: 0.8;
}

.recent-posts-front-page .post-title {
  font-size: 22px;
  font-weight: 700;
  color: #78a22f;
  margin: 0 0 5px;
}

.recent-posts-front-page .rte p {
  margin: 0;
}

/*
SIDEBAR & WIDGETS
======================================================
*/

.main-sidebar .nav-menu {
  padding: 0;
}

.main-sidebar .archives-list {
  list-style-type: none;
  padding-left: 0;
}

.main-sidebar .archives-list li {
  margin-bottom: 5px;
}

.main-sidebar .archives-list a:before {
  font-family: FontAwesome;
  content: "\f0da";
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
}


.recent-posts-main-sidebar {
  background-color: #e7e7e2;
  padding: 25px;
  margin-right: 40px;
}

.recent-posts-main-sidebar h3 {
  font-size: 28px;
  border-color: #fff;
}

.recent-posts-main-sidebar .post-meta {
  margin-bottom: 0;
}

.recent-posts-main-sidebar .post-title {
  font-size: 22px;
  font-weight: 700;
}

.recent-posts-main-sidebar .rte p {
  margin: 0;
}


/*
FOOTER
======================================================
*/

.footer {
  background-color: #312c37;
  border-top: 24px solid #e7e7e2;
  color: #afa8b6;
  font-size: 18px;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  padding: 70px 0 40px 0;
}

.footer .col-footer-right {
  text-align: right;
}

.footer .widget_text {
  margin-bottom: 30px;
}

.footer h3 {
  color: #e7e7e2;
  font-size: 20px;
}

.footer .phone a {
  color: #afa8b6;
}

.footer .phone a:hover,
.footer .phone a:focus {
  color: #fefefe;
  text-decoration: none;
}

.footer .phone a:before {
  font-family: FontAwesome;
  content: "\f098";
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
}

/*
.site-author {
  font-size: 13px;
}
*/
.site-author a, .site-author a:hover, .site-author a:focus, .site-author a:active, .site-author a:visited {
  text-decoration: none;
  color: inherit;
}

.footer .social-links {
  font-size: 30px;
  margin :30px 0;
}

.footer .social-links a {
  display: inline-block;
  padding-left: 30px;
}

.footer .social-links .linkedin {
  color: #0073b2;
}

.footer .social-links .twitter {
  color: #55acee;
}

.footer .social-links .facebook {
  color: #3a5795;
}

/*
OO & UTILITY STYLES
======================================================
*/

.nofloat {
  float: none;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.text-white {
  color: #fff;
}

.bg-white {
  background-color: #fff;
}




/*
RESPONSIVE / MEDIA QUERIES
======================================================
*/

@media all and (min-width: 1199px) { /* LG ONLY */

}
 
@media all and (max-width: 1199px) { /* XS / SM / MD */

  .banner-container .slogan h1 {
    font-size: 61px;
  }

  .header .nav-menu li {
    margin: 0;
  }

}

@media all and (max-width: 991px) { /* XS / SM */

  .header nav {
    position: relative;
    float: left;
  }

  .header .nav-menu li {
    padding: 5px 7px;
  }

  .header .nav-menu .current_page_item,
  .header .nav-menu .current-menu-item {
    border-bottom: 3px solid #78a22e;
  }

  .header {
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }

  .banner-container .slogan h1 {
    font-size: 44px;
  }

  .banner-container .slogan h2 {
    font-size: 34px;
  }

  .job-search-front,
  .job-search-inner {
    padding-bottom: 5px;
  }

  .job-search input,
  .job-search button {
    margin-bottom: 10px;
  }

  .recent-posts-main-sidebar {
    margin-right: 0;
  }

  #testimonial-slideshow blockquote {
    font-size: 32px;
  }
}

@media all and (min-width: 768px) { /* SM UP */ 
  
  header nav ul {
    display: block !important;
  }

}

@media all and (max-width: 767px) { /* XS */

  .header {
    background-image: none;
  }

  .header .contact-links,
  .header .logo,
  .header nav {
    float: none;
  }

  .header .contact-links,
  .header .logo {
    text-align: center;
  }

  .header .contact-links {
    font-size: 20px;
  }

  header nav {
    margin: 15px -15px 0;
    padding: 0 15px;
    background-color: #1B1F21;
  }

  header nav ul {
    display: none;
  }

  .header .nav-menu li {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 40px !important;
    border: none !important;
  }

  .banner-container {
    background-position: 75% 60%;
  }

  .banner-container .slogan {
    margin: 220px auto 120px;
    padding: 25px;
  }

  .banner-container .slogan h1,
  .banner-container .slogan h2 {
    text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2)
  }

  .banner-container .slogan h1 {
    font-size: 36px;
  }

  .banner-container .slogan h2 {
    font-size: 26px;
  }


  .job-search {
    margin-bottom: 30px;
  }

  .home .job-search {
    margin-bottom: 0;
  }

  .footer .col-footer-right {
    text-align: left;
  }

  #testimonial-slideshow blockquote {
    height: 80%;
    margin: auto 10px;
    font-size: 28px;
  }

  .post-thumbnail img {
    float: none;
    margin-bottom: 5px;
  }

  .footer .social-links a {
    padding-left: 0;
    padding-right: 30px;
  }

}

@media all and (max-width: 460px) { /* Small Mobiles */


}



/*
FIXES
======================================================
*/

.sc-column {
  z-index: 100;
}

.sc-column-clear {
  z-index: 0;
}