/*
Theme Name: Candid Maven
Description: Site Design for Candid Maven
Author: Bill Margiotta
Template: Divi
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


@import 'https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Roboto+Slab:100,300,400,700';

h1 {
  font-family: 'Lato', sans-serif;
}

h1.HeroText {
  font-family: 'Lato', sans-serif;
  font-size: 60px;
  text-transform: uppercase;
  letter-spacing: 5px;
  color: #fff;
  font-weight: 600;
  padding-bottom: 25px;
}

h1.serviceTitle {
  font-family: 'Lato', sans-serif;
  padding-bottom: 10px;
  font-size: 25px;
  color: #333;
  font-weight: 500;
  line-height: 1em;
}

.sectionText {
  font-family: 'Lato', sans-serif;
  color: #fff;
  font-weight: 700;
  font-size: 35px;
  text-transform: uppercase;
  line-height: 45px;
  letter-spacing: 2px;
  padding-bottom: 30px;
}

.subSectionText {
  font-family: 'Lato', sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 25px;
  padding-bottom: 30px;
  }

.sectionText_dark {
  font-family: 'Lato', sans-serif;
  color: #333;
  font-weight: 700;
  font-size: 35px;
  text-transform: uppercase;
  line-height: 45px;
  letter-spacing: 2px;
  padding-bottom: 30px;
}

.subSectionText_dark {
  font-family: 'Lato', sans-serif;
  color: #333;
  font-size: 20px;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 25px;
  padding-bottom: 30px;
  }

.companyGalleryText {
  font-family: 'Lato', sans-serif;
  padding-bottom: 15px;
  color: #333;
  font-weight: 700;
  line-height: 1em;
  font-size: 35px;
  text-transform: uppercase;
  }

  .companyAboutText {
    font-family: 'Lato', sans-serif;
    padding-bottom: 15px;
    color: #fff;
    font-weight: 700;
    line-height: 1em;
    font-size: 26px;
    text-transform: uppercase;
    line-height: 38px;
    }

h2 {
  font-family: 'Roboto Slab', serif;
}

h2.HeroText {
  font-family: 'Roboto Slab', serif;
  color: #fff;
  text-transform: capitalize;
  font-size: 22px;
  line-height: 30px;
}

h3 {
  
}

h4 {
  
}

h5 {
  
}

h6 {
  
}

p{
  font-size: 15px;
}

.et-pb-icon1 {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "ETmodules";
    font-size: 45px;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
    text-transform: none;
    content: attr(data-icon);
    speak: none;
    color: #fff;
}

.page.et_pb_pagebuilder_layout #main-content {
    background-color: transparent;
    margin-top: -80px;
}


#main-header {
    position: relative;
    z-index: 99999;
    top: 0;
    width: 100%;
    background-color: rgba(45, 55, 67, 0.8);
    /*background-color: #2d3743;*/
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    font-weight: 500;
    line-height: 23px;
}


#top-menu a {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/*Flyout Navigation*/

.et_header_style_slide .et_slide_in_menu_container {
    width: 240px;
    max-width: 75%;
    padding-top: 0 !important;
}

.et_slide_menu_top .et-search-form {
    clear: both;
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    height: 35px;
    margin: 15px 0 0 0;
    padding: 5px !important;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.8) !important;
}

.et_slide_menu_top {
    padding: 40px;
    background: rgba(0, 0, 0, 0.3);
}

.et_slide_in_menu_container {
    overflow: auto;
    position: fixed;
    z-index: 999999;
    top: 0;
    right: -100%;
    height: 100%;
    background-color:#000;
    background-image: url(https://candidmaven.com/deve/wp-content/uploads/2016/08/menu_BG_image.png);
    -webkit-transition: right 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: right 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    transition: right 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#mobile_menu_slide li a {
    font-family: 'Lato', sans-serif;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
}

#mobile_menu_slide li a:hover {
  color: #7ebec5 !important;
  background-color: #111;

}

.mobile_menu_bar:before {
    position: relative;
    top: 0;
    left: 0;
    font-size: 32px;
    content: "\61";
    cursor: pointer;
    color: #fff;
}
.et_toggle_slide_menu:after {
    left: -32px;
    opacity: 0;
    content: "\4d";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    color: #fff;
}

.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a, .et_slide_in_menu_container #mobile_menu_slide li a {
    padding: 10px 0 12px 14px;
    border: none;
    color: #fff;
}

/*section*/

.et_pb_fullwidth_header {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 80px;
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll {
    position: absolute;
    z-index: 3;
    bottom: 0;
    width: 100%;
    min-height: 30px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 50px;
    text-align: center;
}

.et_pb_gallery .et_pb_gallery_items {
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.et_pb_divider {
    position: relative;
    margin: 0px 130px 30px 130px;
}

/*Form*/

.et_pb_contact_main_title {
  f ont-family: 'Roboto Slab', serif;
    padding-bottom: 16px;
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 2px;
}

.et_pb_button {
    position: relative;
    padding: 0.3em 1em;
    border: 2px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: transparent;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.et_pb_contact_submit, .et_pb_contact_reset {
    display: inline-block;
    margin: 0 0 0 15px;
    font-family: inherit;
    cursor: pointer;
    color: #fff;
}

/*bar counters*/

.et_pb_bg_layout_light .et_pb_counter_title {
    font-family: 'Lato', sans-serif;
    color: #999;
    font-size: 15px;
    text-transform: capitalize;
    line-height: 1.7em;
    font-weight: 500;
}

/*Back to top button*/

.et_pb_scroll_top.et-pb-icon {
    display: none;
    position: fixed;
    z-index: 99999;
    right: 0;
    bottom: 125px;
    padding: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    font-size: 30px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

/*gallery*/

.et_pb_filterable_portfolio_grid, .et_pb_gallery_grid {
    display: block;
}

.et_overlay {
    display: none;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: none;
    opacity: 0;
    background: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -o-backface-visibility: hidden;
}


/*Mobile Styles*/

@media (max-width: 980px){
  .et_pb_row .et_pb_column .et_pb_module:last-child, .et_section_specialty .et_pb_row .et_pb_column .et_pb_module:last-child {
      margin-bottom: 0;
      text-align: center;
  }
}

@media (min-width: 981px){
  .et_pb_section {
      padding: 18% 0;
  }
}

@media only screen and (max-width: 767px) {
  .et_pb_divider_0 {
      height: 50px !important;
  }
}

/*Meet the team*/

.et_pb_section_3.et_pb_section {
    margin-bottom: -175px;
}

.et_pb_section_4.et_pb_section {
  padding-top: 0px !important;
    border-top: 3px solid #333;
    margin-bottom: -190px;
}


@media (max-width: 980px){
  .et_pb_section_3.et_pb_section {
      margin-bottom: 0px;
  }
  .et_pb_section_4.et_pb_section {
    padding-top: 0px !important;
      border-top: 3px solid #333;
      margin-bottom: 0px;
  }
  
}

.et_pb_main_blurb_image {
  margin-bottom: 30px;
  text-align: left;
}

span.et-pb-icon.et-waypoint.et_pb_animation_left.et-animated {
    font-size: 60px;
}


/*Maps*/

.et_pb_fullwidth_section .et_pb_map_container {
    margin: 0;
    border-top: 5px solid #171717;
}

/*Our Services*/

.et_pb_toggle_open {
    padding: 20px;
    background: rgba(255, 255, 255, 0.4);
}

.et_pb_toggle_close {
    padding: 20px;
    background: rgba(255, 255, 255, 0.4);
}

.et_pb_toggle_title:before {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.5em;
    color: #7ebec5;
    font-size: 16px;
    content: "\e050";
}

.et_pb_toggle_open h5.et_pb_toggle_title {
  font-family: 'Lato', sans-serif;
    color: #333;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    text-align: left;
}
.et_pb_toggle_close h5.et_pb_toggle_title {
  font-family: 'Lato', sans-serif;
    color: #333;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    text-align: left;
}

.et_pb_toggle_content {
    padding-top: 20px;
    text-align: left;
}