/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
/*-------------------------QUERIES -----------------------------------------------------------------*/



/*Facebook Logo in Header*/
.facebook_header {
content: url(https://thistleconstruction.ca/web/wp-content/uploads/facebook-f-navy-09041C-1.png);
}
/*Linkedin Logo in Header*/
.linkedin_header {
content: url(https://thistleconstruction.ca/web/wp-content/uploads/linkdin-1.png);
	width: 30px;
}
/*youtube Logo in Header*/
.youtube_header {
content: url(https://thistleconstruction.ca/web/wp-content/uploads/youtube.png);
	width: 30px;
}
/*instagram Logo in Header*/
.instagram_header {
content: url(https://thistleconstruction.ca/web/wp-content/uploads/instagram.png);
	width: 30px;
}


/*adjust Divi Menu module breakpoint*/
@media only screen and (max-width: 1313px) {
    .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_mobile_nav_menu {
        display: block
    }
	.mobile_inline {
	  display: inline-block;
	  float:left;
	  margin-left: 5%;
	}
}

/*Hamburger Icon Color*/
span.mobile_menu_bar:before{
  color:#09041C!important;
}

/*Hamburger Icon Alignment*/
@media only screen and (max-width: 1313px) {
	.mobile_menu_bar {
		padding-top:30px;
	}
}



@media only screen and (max-width: 1313px) {
    .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_mobile_nav_menu {
        display: block
    }

	/*remove bullet points from submenu*/
	#mobile_menu1, #mobile_menu1 ul {
	  list-style-type: none;
	}
	#mobile_menu1 li{
	  text-align: left;
	}
	/*remove padding left on submenu*/
	#mobile_menu1 {
		padding-left: 0;
		   max-width: 500px;
    right: 10px;
    left: unset;
	}
}

/*change Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}


/*Phone Number -- Hero Image */
a[href^="tel:"] {
color: white;
}




#page-container { 
	overflow:hidden; 
}




#mobile_menu1 .sub-menu{
  display: none;
}



/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
 
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
  #left-area {
	  width: 100%;
	  padding: 23px 0px 0px !important;
	  float: none !important;
  }
}
 
/*** Hide Sidebar ***/
#sidebar {display:none;}
 



@media (max-width: 980px){


  
}
@media (max-width: 767px){

}
@media (max-width: 575px){
   
}
@media (max-width: 480px){

}