/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme for WTC Saskatoon
 Author:         Creative Fire
 Author URI:     http://www.creative-fire.com
 Template:       Divi
 Version:        2.0
*/
 
@import url("../Divi/style.css");
/*
00 GLOBAL
01 SEARCH
02 SLIDER|HOME
03 MENU
04 BLURBS
05 OUR PROJECTS|HOME
06 NEWS|HOME
07 ACCORDION|HOME
08 SUBPAGES
09 PHOTOSWIPE GALLERY
10 GRAVITY FORMS
11 CATPOSTS
12 LOGO ROLLOVERS
13 FOOTER
14 RESPONSIVE


/* 00 GLOBAL
------------------------------------------------------- */

/* 14 RESPONSIVE
------------------------------------------------------- */

/* Responsive Styles Tablet And Below */

#logo {

  max-width: 100% !important;

}

  .et_menu_container {

    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;

  }

  .et_header_style_left .logo_container {

    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 320px;

  }

  .et_header_style_left #et-top-navigation nav > ul > li > a {

    padding-bottom: 0px;

  }

  .et_fixed_nav #et-top-navigation {
    padding-top: 0px;
    padding-left: 30px !important;
    flex: 1;
  }

  .et_header_style_left #et-top-navigation .mobile_menu_bar {

    padding-bottom: 0px;

  }

  #top-menu-nav {

    width: 100%;

  }

  #top-menu {

    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;

  }

  #top-menu li {

    display: block;
    flex: 0 1 auto;
    padding-left: 4px;
    padding-right: 4px;

  }


@media only screen and (min-width: 1024px) and (max-width: 1330px) {
  #top-menu li {

    /*padding-right: 6px !important;*/

  }
}



@media all and (max-width: 980px) {
.et_pb_section_0 {
  margin-top: 80px;
	}
}

.bodycontent a {

  color: #1f3d5c;

}

.bodycontent h1 {


}

.eight-columns {

  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  flex-wrap: wrap;
}



.eight-columns .et_pb_module {

  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 36px !important;
  padding: 0px 20px;
  width: 50%;

}

.eight-columns .et_pb_module a {

  color: #5386BF;
  font-size: 20px;

}

.eight-columns .et_pb_module p {

  line-height: 1.3rem;

}

.eight-columns .et_pb_module p:first-of-type {

  height: 80px;

}

.eight-columns .et_pb_module img {

  max-height: 70px;
  max-width: 70px;
  margin-bottom: 20px;
  height: 70px;
  width: 70px;

}

@media only screen and (min-width: 767px) and (max-width: 980px) {
  .eight-columns .et_pb_module {

    width: 25%;

  }
}

@media only screen and (min-width: 980px) {
  .eight-columns .et_pb_module {

    max-width: 12.5%;
    width: 12.5%;

  }

  .colimage {

    margin-top: 120px;

  }


}

@media only screen and (max-width: 980px) {

  .second-on-mobile .colimage {

    margin-top: 26px;

  }
}

a.anchor {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden;
}


@media all and (max-width: 980px) {
  /*** wrap row in a flex box ***/
  .custom_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;
  }