/*
Theme Name: DiviChild
Theme URI: http://10am.ca/
Version: 1.0.1
Author: http://10am.ca
Author URI: http://10am.ca
Tags:

Template: Divi

*/

@import url("../Divi/style.css");

/* = customization starts here
-------------------------------------------------------------- */
img.alignleft { margin-right: 50px; }
img.alignright { margin-left: 50px; }
#main-content .container:before { display: none; }
.container, .et_pb_row { width: 90%; }

/* = Top Menu
-------------------------------------------------------------- */
#top-menu .menu-item-has-children > a:first-child:after { display: none; }
#top-menu .menu-item-has-children > a:first-child { padding-right: 0; }
.mobile_nav.opened .mobile_menu_bar:before { content: "\4d"; }

/* = Typography
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { }
#left-area ul, .comment-content ul, .entry-content ul, body.et-pb-preview #main-content .container ul {
  padding: 0 0 25px 25px;
  line-height: 1.2;
}
#left-area ul li, .comment-content ul li, .entry-content ul li, body.et-pb-preview #main-content .container ul li {
  margin-bottom: 10px;
}

/* = Common Elements
-------------------------------------------------------------- */
.nf-form-content input[type="submit"], .nf-form-content input[type="button"], .nf-form-content button {
  font-weight: bold; text-transform: uppercase;
}
.nf-form-content input[type="submit"]:hover, .nf-form-content input[type="button"]:hover, .nf-form-content button:hover {
    cursor: pointer;
}

/* = Home Page
-------------------------------------------------------------- */

/* = Media Querries and Mobile
-------------------------------------------------------------- */
.et_mobile_menu {

}

@media only screen and (max-width: 1230px) and (min-width: 1101px) {

}

@media only screen and (max-width: 1100px) and (min-width: 981px) {

}

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

}

@media only screen and (max-width: 767px) {
    img.alignleft, img.alignright, .wp-caption.alignright, .wp-caption.alignleft { display: block; float: none; margin: 20px auto; }
}

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

}


/** Divi Space slide in mobile edits**/

#mobile_menu { display: block !important; min-height: 100vh; top: 0; border-top: none; padding-top: 80px; z-index: 9998; }
.et_mobile_menu li a {
  padding: 15px 5%;
  border-bottom: 0;
  font-size: 22px;
}
.et_mobile_menu li a:hover, .et_mobile_menu li a:active {
  opacity: 1;
  background-color: #000;
  color: #666;
}
.mobile_nav.closed #mobile_menu {
  transform: rotateY(90deg); -webkit-transform: rotateY(90deg);
  transform-origin: right; -webkit-transform-origin: right;
  background: #000; transition: .8s ease-in-out !important;
}
.mobile_nav.opened #mobile_menu {
  transform: rotateY(0deg); -webkit-transform: rotateY(0deg);
  transform-origin: right; -webkit-transform-origin: right;
  background: #000; transition: .8s ease-in-out;
}
.mobile_menu_bar:before{ color: #666!important; font-size: 36px; }
.mobile_nav.opened .mobile_menu_bar:before { content: "\4d"; color: #fff!important; }
.et_mobile_menu li a { color: #fff; }

@media(max-width: 980px) {
  .et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar { z-index: 9999; }
  #main-header .container.clearfix.et_menu_container { width: 100%; }
  .logo_container { padding-left: 30px; }
  #et-top-navigation { padding-right: 30px; }
}
@media(min-width: 341px) { #mobile_menu { width: 340px; margin-left: calc(100% - 340px); } }
@media(max-width: 340px) { #mobile_menu { width: 100%; margin-left: 0; } }


/* Smooth Transitions on anchors  */

a {
    -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease opacity 0.3s ease;
}



/* IE fix  */

#ie6 .et_pb_column, #ie7 .et_pb_column, #ie8 .et_pb_column  {  margin-right: 25px; }