/* 
 Theme Name:     LeGrandDefoulement
 Author:         iWebContact
 Author URI:     http://iwebcontact.ca
 Template:       Divi
 Version:        1.0.0 
 Description:    LeGrandDefoulement
 Wordpress Version: 4.9.1
*/

/*** fullwidth Menu Padding Horizontal **
.fullwidth-menu-nav ul li.menu-item:not(:last-child) a {
padding-right: 4vw !important;
}

.fullwidth-menu-nav ul li.menu-item:not(:first-child) a {
padding-left: 4vw !important;
}*/

#menu-primary-menu {
display: flex ;
justify-content: space-around ;
}

@media (max-width: 1100px) {
	 #et_mobile_nav_menu {
	 display: block;
	 }
	 
	#top-menu {
	 display: none;
	 }
 }

/*** Mobile menu color ***/
span.mobile_menu_bar:before {
color: #003853!important;
}

.mobile_menu_bar:before{
  color:#003853!important;
}

.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d";
}

/* Set the maximum height of the logo itself */
@media (max-width: 980px) {
.et_header_style_left #logo {
    max-height: 90% !important;
  }
}

/* Remove automatic hyphenation */
.site-content article { word-wrap: normal; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; }
.widget-area .widget { word-wrap: normal; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; }



/* Increase The Size Of The Icons In The Social Media Module
--------------------------------------------------------------------------*/
.large-social-icons li a.icon { 
    height: 60px; 
    width: 60px; 
    padding: 0; 
}

.large-social-icons li a.icon::before { 
    font-size:36px; 
    margin-left:12px; 
    line-height:60px; 
}


/* Contact Form 7 Styles
---------------------------------*/
 
#wpcf7-f185-p2-o1 input[type="submit"],
#wpcf7-f185-p2-o1 input[type="button"] {
padding: 8px 16px;
background-color:#f1652a;
text-align:center;
font-size: 22px;
font-weight: 500;
color: #ffffff;
border: 1px solid #f1652a;
border-radius: 3px;
}

@media all and (max-width: 767px) {
	#wpcf7-f185-p2-o1 input[type="submit"],
	#wpcf7-f185-p2-o1 input[type="button"] {
	padding: 4px 8px;
	background-color:#f1652a;
	text-align:center;
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
	border: 1px solid #f1652a;
	border-radius: 3px;
    }
}

#wpcf7-f188-p2-o2 input[type="submit"],
#wpcf7-f188-p2-o2 input[type="button"] { 
padding: 10px 20px;
background-color:#003653;
text-align:center;
font-size: 24px;
font-weight: 500;
color: #ffffff;
border-radius: 3px;
border: 1px solid #003653;
}

@media all and (max-width: 767px) {
	#wpcf7-f188-p2-o2 input[type="submit"],
	#wpcf7-f188-p2-o2 input[type="button"] { 
	padding: 4px 8px;
	background-color:#003653;
	text-align:center;
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
	border-radius: 3px;
	border: 1px solid #003653;
	}
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 16px 0 0;
}

@media only screen and (max-width: 768px) {
		input[type="text"],  
		input[type="password"], 
		input[type="datetime"], 
		input[type="datetime-local"], 
		input[type="date"], 
		input[type="month"], 
		input[type="time"], 
		input[type="week"], 
		input[type="number"], 
		input[type="email"], 
		input[type="url"], 
		input[type="search"], 
		input[type="tel"], 
		input[type="color"] {
		   max-width: 100%;
		}
}

@media (max-width:600px){
	.wpcf7-form div{
		clear: both;
    	float: none!important;
    	margin-left: 0px;
    	padding-left: 0px;
    	margin-bottom: 10px!important;
		width:100%!important;
	}		
}

/*** five columns with blurb module***/
.five-columns .et_pb_module {width: 20%; float: left;}

@media only screen and (max-width: 768px) {
	.five-columns .et_pb_module {width: 100%; float: left;}
}

/*** remove shadow on main header***/
#main-header {
box-shadow: none;
}
 
/*** add shadow to fixed header ***/
@media (min-width: 981px) {
#main-header.et-fixed-header {
    box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
    -webkit-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
    -moz-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
}
}

/*** adjust padding on menu ***/
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {
padding-bottom: 43px;
}
#top-menu li {
padding: 60px 10px !important;
}
 
.et_header_style_left #et-top-navigation {
padding-top: 20px;
}
 
.et_header_style_left .et-fixed-header #et-top-navigation {
padding-top: 10px;
}
 
/*** style the menu button ***/
.jointoday_button a {
	background-color:#f1652a;
    color: #FFFFFF !important;
    line-height: 22px;
    font-weight: 800;
    padding: 14px 50px !important;
    font-size: 22px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display: block;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    border: 1px solid #f1652a;
}
 
.jointoday_button a:hover {
    opacity: 1 !important;
    color: #fff !important;
    background-color: #00aeef;
	border: 1px solid #00aeef;
}
 
.et-fixed-header #top-menu .jointoday_button a:hover {
    background-color: #00aeef;
    border: 2px solid #00aeef;
    box-shadow: 0px 5px 20px #aab9c3;
    -moz-box-shadow: 0px 5px 20px #aab9c3;
    -webkit-box-shadow: 0px 5px 20px #aab9c3;
}
 
.et-fixed-header #top-menu .jointoday_button a {
    color: #fff !important;
    background-color: #00aeef;
    box-shadow: 0px 5px 20px #d6dee4;
    -moz-box-shadow: 0px 5px 20px #d6dee4;
    -webkit-box-shadow: 0px 5px 20px #d6dee4;
    border: 2px solid #00aeef;
}
.et-fixed-header.et_highlight_nav #top-menu .jointoday_button a {
    background-color: #00aeef;
    border: 2px solid #00aeef;
    animation: highlight-nav .8s ease;
    -webkit-animation: highlight-nav .8s ease;
}
 
#main-header.et-fixed-header.et_highlight_nav #top-menu .jointoday_button a:hover {
    background-color: #f92c8b;
    border: 2px solid #f92c8b;
    box-shadow: 0px 5px 20px #aab9c3;
    -moz-box-shadow: 0px 5px 20px #aab9c3;
    -webkit-box-shadow: 0px 5px 20px #aab9c3;
}
 
@-webkit-keyframes highlight-nav {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes highlight-nav {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
 
/*** style the mobile menu links and button ***/
@media (max-width: 980px) {
.et_mobile_menu li {
text-align: center;
}
 
.et_mobile_menu li a {
border-bottom: none;
}
.et_mobile_menu li a:hover {
background-color: #00aeef !important;}
 
.jointoday_button a {
border-bottom: 2px solid #00aeef !important;
}

}

/*** Image Hover Zoom Effect ***/
.image-zoom img {
  transition:all 0.5s; 
  -moz-transition:all 0.5s; 
  -webkit-transition:all 0.5s; 
}
  
.image-zoom img:hover{
  transform:scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform:scale(1.05);
}

.image-zoom-constrained {      
  overflow:hidden;
}