/*
 Theme Name:   Divi Child
 Theme URI:    https://kef.ca
 Description:  Divi Child Theme for GTI
 Author:       Kevin McCall
 Author URI:   https://kef.ca
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

/* remove the padding from #main-content .container */
#main-content .container {
  padding-top: 0px !important;
}

/* The following is used to center the submit button on the email signup form */
.et_contact_bottom_container {
  float: none;
  text-align: center;
  display: block;
}

/* The following is used to fix the width of the submit button on the email signup form */
.gti_email_optin .et_pb_newsletter_button_wrap {
  flex-basis: auto !important;
  margin: 0px auto 0px auto;
}

/* Changes to the contact form */
.et_pb_contact_form_0.et_pb_contact_form_container .input {
  border-radius: 3px;
}

.gti_contact_form .et_pb_contact_form {
  margin-left: -10px;
  margin-right: -10px;
}

.gti_contact_form p.et_pb_contact_field {
  padding: 0px 10px 0px 10px !important;
}

.et-pb-contact-message {
  color: #242d40;
  font-size: 16px;
  text-align: center;
}

.et-pb-contact-message ul {
  padding: 0px 0px 10px 0px !important;
}

.et-pb-contact-message ul li {
  float: left;
  list-style: none;
  display: contents;
}

.et-pb-contact-message ul li:after {
  content: ", ";
}

.et-pb-contact-message ul li:last-child:after {
  content: "";
}

.gti_hpdp_application_form .et-pb-contact-message p {
  background-color: #5097C9;
  padding: 20px;
  font-family: 'Teko',Helvetica,Arial,Lucida,sans-serif;
  font-style: italic;
  text-transform: uppercase;
  font-size: 28px;
  color: #ffffff;
  text-align: center;
}

#gti_video_background:after {
  content: url(https://gtistaging.wpengine.com/wp-content/uploads/2019/12/gti-blue-angle-top-transparent-med.png);
  position: absolute;
  top: 0;
  right: 0;
}

.et_pb_section_video_bg:after {
  content: url(https://gtistaging.wpengine.com/wp-content/uploads/2019/12/gti-blue-angle-left-transparent.png);
  position: absolute;
  bottom: -6px;
  left: 0;
  overflow: hidden;
}

.et_pb_row {
  width: 100% !important;
}

/* Remove the yellow highlight */
mark.count {
  background: none;
}

/* Sidebar filter settings */
.wpf_item {
  padding: 0px 0px 10px 0px !important;
}

.wpf_item .wpf_item_name {
  padding: 0px 0px 0px 0px !important;
  font-size: 15px !important;
  margin: 0px 0px 10px 0px !important;
  border-bottom: none !important;
  font-weight: 700 !important;
  color: #242d40 !important;
}

h4.widgettitle {
  font-size: 15px;
  font-weight: 700;
  color: #242d40;
}

/* Style for the terms page */
.gti_terms ol li {
  padding: 10px 0px;
  line-height: 1.4em;
}

.gti_terms ol li ol {
  list-style: lower-alpha;
}

/* Global footer */
.gti_footer_text {
  text-align: center;
}

.gti_footer_text ul {
  display: inline-block;
  padding: 0px;
  line-height: 1em;
}

.gti_footer_text ul li {
  float: left;
  padding: 0px 15px;
  list-style: none;
  color: #cacfd6;
  font-size: 14px;
}

.gti_footer_text ul li a {
  color: #f5f6f7;
  text-decoration: none;
}

.gti_footer_text ul li {
  border-right: 1px solid;
  border-color: #737985;
}

.gti_footer_text ul li:last-child {
  border-right: none;
}

img.gti_footer_social_icon {
  margin-left: 1px;
  position: relative;
  top: 2px;
}

/* Styles added for the checkmark bullet list */
.gti_checkmark_list ul {
  margin: 10px auto 10px auto;
  padding: 0px 10px 0px 20px;
  /* column-count: 2; */
  /* column-gap: 10px; */
}

.gti_checkmark_list li {
  list-style: none;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1em;
  font-style: italic;
  color: #f8d147 !important;
  background-image: url(https://gtistaging.wpengine.com/wp-content/uploads/2019/12/gti-checkmark-light-sm.png);
  background-position: 0px 7px;
  background-size: 28px;
  background-repeat: no-repeat;
  padding: 5px 20px 10px 40px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  text-transform: none;
}

.gti_checkmark_list.light li {
  background-image: url(https://gtistaging.wpengine.com/wp-content/uploads/2019/12/gti-checkmark-light-sm.png);
}

.gti_checkmark_list.dark li {
  color: #2a4f6a !important;
  background-image: url(https://gtistaging.wpengine.com/wp-content/uploads/2019/12/gti-checkmark-sm.png);
}

/* Styles added for the tables used to display program dates, times, and location */
table.gti-info-table {
  border: 0px !important;
  table-layout: fixed;
  margin: 0px;
  font-size: 20px;
}

table.gti-info-table tr {
  padding-bottom: 7px;
}

table.gti-info-table td {
  word-wrap: break-word;
  white-space: normal !important;
  vertical-align: top;
  padding-bottom: 10px !important;
}

table.gti-info-table.grey td,
table.gti-info-table.grey a {
  color: #666;
}

table.gti-info-table.dark td,
table.gti-info-table.dark a {
  color: #242d40;
}

table.gti-info-table.white td,
table.gti-info-table.white a {
  color: #ffffff;
}

table.gti-info-table a {
  text-decoration: dotted;
  text-decoration-line: underline;
}

table.gti-info-table tr td:first-child {
  width: 26%;
}

/* Add a box shadow to the profile pictures on only the team page */
.gti_team_page .et_pb_image_sticky {
  box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
  display: block;
}

/* Tablets */
@media screen and (max-width: 980px) {
  .et_non_fixed_nav.et_transparent_nav #main-header,
  .et_non_fixed_nav.et_transparent_nav #top-header,
  .et_fixed_nav #main-header,
  .et_fixed_nav #top-header {
    position: fixed;
  }

  .gti_checkmark_list ul {
    margin: 0px;
    column-count: 1;
    column-gap: 0px;
    padding-left: 10px;
  }

  .gti_checkmark_list li {
    font-size: 22px;
    padding-left: 35px;
    background-size: 25px;
    float: none;
  }

  .gti-testimonial-image {
    max-width: 40%;
  }

  table.gti-info-table {
    font-size: 18px;
  }

  table.gti-info-table tr td:first-child {
    width: 30%;
  }
}

/* Smartphones */
@media screen and (max-width: 768px) {
  .gti_checkmark_list li {
    font-size: 20px;
    padding-left: 30px;
    background-size: 25px;
    background-position: 0px 6px;
  }

  .gti-testimonial-image {
    max-width: 50%;
  }

  .gti_footer_text ul li {
    font-size: 12px;
    margin: 5px 0px;
    float: none;
    border: none;
  }

  .gti_contact_form p.et_pb_contact_field {
    padding: 0px 10px 10px 10px !important;
  }

  table.gti-info-table {
    font-size: 16px;
  }

  table.gti-info-table tr td:first-child {
    width: 20%;
  }
}

/* Smartphones portrait */
@media screen and (max-width: 480px) {
  .gti_checkmark_list li {
    font-size: 20px;
    padding-left: 30px;
    background-size: 24px;
  }

  .et_pb_section_video_bg:after {
    right: 50px !important;
    left: unset;
  }

  #main-header .et_mobile_menu {
    width: 80% !important;
  }

  #main-header .et_mobile_menu li ul.sub-menu {
    width: 90% !important;
  }

  table.gti-info-table tr td:first-child {
    width: 36%;
  }
}

.et_pb_section_video_bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: fixed !important;
  overflow: hidden;
}

.et_pb_slide_title {
  display: none;
}

.et_pb_newsletter_form {
  padding-left: 0px !important;
}

/* the following customzies table styles in divi */
.entry-content table {
  width: unset;
}

.entry-content tr td {
  border: none;
  padding: 0 10px 0 0;
  color: #000000;
  white-space: nowrap;
}

.et_pb_newsletter_footer {
  font-size: 14px;
  line-height: 1.2em;
}

/* Tweaks to the nav menu below */

.et_pb_row.et_pb_row_0_tb_header.et_pb_row--with-menu {
  max-width: 1280px !important;
}

#top-menu .sub-menu li a {
  font-size: 14px; /* Font size dropdown */
  width: 100%;
}

ul.sub-menu li.second-level:not(.menu-heading) a {
  /* margin-left: 20px; */
}

ul.sub-menu li.second-level.menu-heading a {
  font-weight: 600;
}

ul.sub-menu li.second-level.menu-heading a:hover {
  text-decoration: none !important;
  cursor: text !important;
  background-color: #ffffff!important;
  opacity: 1!important;
}

.nav ul.sub-menu li.second-level.menu-heading a:hover {
  text-decoration: none !important;
  cursor: text !important;
  background-color: #ffffff!important;
  opacity: 1!important;
}

.nav li ul {
  /* width: 300px !important; Width of the dropdown menu */
  padding: 10px 0;
}

.nav li li ul {
  left: 300px !important; /* Use the same size as above */
}

ul.et-menu .sub-menu {
  position: absolute !important;
  /* right: 0px; */
}

.gti_navbar_link_button a {
  color: #ffffff !important;
  padding: 5px !important;
}

li.gti_navbar_link_button {
  line-height: 0.6em;
}

.gti_navbar_link_button {
  background: #242d40;
  padding: 5px 10px 5px 10px !important;
  border: 2px solid #242d40;
  border-radius: 3px;
  margin: 13px 5px!important;
}

.gti_navbar_link_button:hover {
  background: #5097c9;
  border: 2px solid #5097c9;
}

.gti_navbar_link_button a:hover {
  color: #ffffff !important;
  opacity: 1;
}

.gti_navbar_cart a {
  color: #5097c9 !important;
}

.et_header_style_left #et-top-navigation,
.et_header_style_split #et-top-navigation {
  padding: 25px 0 15px 0 !important;
}

.gti_hide_navbar_item {
  display: none !important;
}

#main-header .et_mobile_menu {
  right: 0;
  left: auto;
  width: 50%;
}

#main-header .et_mobile_menu li ul {
  background: #ffffff !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

#main-header .et_mobile_menu li a {
  border: none;
  text-align: center;
}

#main-header .et_mobile_menu li ul.sub-menu {
  width: 80%;
}

.mobile_menu_bar.mobile_menu_bar_toggle {
  padding: 10px 0px 10px 0px !important;
}

li.second-level.menu-item.reveal-items {
  margin-left: -10px;
  padding: 0px 10px;
}

/* ul.et_mobile_menu li.first-level ul.sub-menu {
  z-index: 9999;
  box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
} */

/* hide the wordpress and divi footer text */
#footer-info {
  display: none;
}

/* Mobile menu */
/* https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-mobile-collapsing-nested-menu-with-divis-theme-builder */

.et_mobile_menu .first-level.hidden {
	display:none;
}

.et_mobile_menu .first-level > a {
  background-color: transparent;
  position: relative;
  color: #666667;
  border-bottom: none;
}

.et_mobile_menu .first-level > a:after {
  font-family: "ETmodules";
  content: "\4c";
  font-weight: normal;
  position: absolute;
  font-size: 16px;
  top: 13px;
  right: 10px;
}

.et_mobile_menu .first-level > .icon-switch:after {
  content: "\4d";
}

.second-level {
  display: none;
}

.reveal-items {
  display: block;
  background-color: #ffffff;
}

/* 
 * Divi custom row ordering for mobile
 */

@media all and (max-width: 980px) {
  /*** wrap row in a
   * flex box
   ***/

  .divi_custom_order_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari 6.1+ */
    flex-wrap: wrap;
  }

  /*** custom classes
   * that will designate
   * the order of columns
   * in the flex box row
   ***/

  .first_on_mobile {
    -webkit-order: 1;
    order: 1;
  }

  .second_on_mobile {
    -webkit-order: 2;
    order: 2;
  }
}

/** Full width slider fixes
  * https://divi-sensei.com/blog/2017/10/25/create-fullwidth-image-slider-using-divi-slider-module/
  */

.full-image-slider .et_pb_slide {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.full-image-slider .et_pb_slide:first-child .et_pb_slide_image img.active {
  animation: unset !important;
}

.full-image-slider .et_pb_container {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
}

.full-image-slider .et_pb_slide_image img {
  max-height: none !important;
  width: 100% !important;
}

.full-image-slider .et_pb_slide_image {
  margin: 0 !important;
  padding: 0 !important;
  top: 0 !important;
  position: relative !important;
  width: 100% !important;
  display: block !important;
  -webkit-animation-name: fade !important;
  -moz-animation-name: fade !important;
  -ms-animation-name: fade !important;
  -o-animation-name: fade !important;
  animation-name: fade !important;
}

.full-image-slider .et_pb_slider_container_inner {
  position: relative;
}

.full-image-slider .et_pb_slide_description {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
}

.full-image-slider .et_pb_slide_description .et_pb_button_wrapper,
.full-image-slider .et_pb_slide_description .et_pb_button_wrapper a,
.full-image-slider .et_pb_slide_description .et_pb_button_wrapper a:hover {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  color: rgba(0, 0, 0, 0) !important;
  border: none !important;
  background: none !important;
}

.et_pb_column.et_pb_slider_fullwidth_off.full-image-slider
  .et_pb_slide_description
  .et_pb_slide_title,
.et_pb_column.et_pb_slider_fullwidth_off.full-image-slider
  .et_pb_slide_description
  .et_pb_slide_content,
.full-image-slider .et_pb_slide_description .et_pb_slide_title,
.full-image-slider .et_pb_slide_description .et_pb_slide_content {
  display: none;
}

/* New Divi nav */
#gti_divi_nav .et_pb_menu__logo img {
  max-height: 42px !important;
  object-fit: contain;
}

#gti_divi_nav .et-menu li li.menu-item-has-children>a:first-child:after {
  right: -30px;
  top: 6px;
}

#gti_divi_nav .et-menu li.hidden {
	display:none;
}