/*
 Theme Name:   Penta Engenharia
 Theme URI:    http://www.armani.me
 Description:  Penta Engenharia
 Author:       Guilherme Armani
 Author URI:   http://www.armani.me
 Template:     Divi
 Version:      1.0
 Tags:         responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
 Text Domain:  Divi
 License: GNU General Public License v2
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

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

/* =Theme customization starts here
-------------------------------------------------------------- */

/******* Colors reference Begin *****/
/*
Blue: #265fbb

 */

/******* Colors reference End *****/

#et_search_icon:hover, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a {
		color: #265fbb !important;
}

.logo_container {

}

img#logo {

}

#footer-info, #footer-info a {

}

#heroHeader {

}


.container.et_menu_container {

}

.et-fixed-header .container.et_menu_container {

}

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {

}

/* Toggle */
.toggle_custom_1 .et_pb_toggle_title:before {
	font-size: 30px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	content: "5";
}

.toggle_custom_1.et_pb_toggle_close .et_pb_toggle_title::before {

}

.toggle_custom_1.et_pb_toggle_open .et_pb_toggle_title::before {
	/* content: "2"; */
	color: #56b1c6;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

#footer-info #et-info-email, #footer-info #et-info-phone {
	opacity: 1;
}
#footer-info #et-info-email a, #footer-info #et-info-phone a {
	margin-right: 20px;
	opacity: 1;
	padding-left:4px;
}

#footer-info #et-info-email a:hover, #footer-info #et-info-phone a:hover {
	color:  #bfda6c;
}
/*
 #footer-info #et-info-email::before:hover, #footer-info #et-info-phone::before:hover {
	 	color:  #bfda6c;
 }
 */

#footer-bottom .et-social-icons a {
	opacity: 1;
}

#footer-bottom .et-social-icons a:hover {
	color:  #bfda6c;
}

.et_pb_accordion_0 .et_pb_toggle_title::before {
	color: #bfda6c !important;
}


/* ################################################################### */
/* ###             Ajustes para as diferentes telas               #### */
/* ################################################################### */



/* OLD breakpoints */

/* Large screens (1405px upwards) */
@media only screen and ( min-width: 1405px ) {
    /* your css goes here */
}

/* Laptops and desktops (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {
    /* your css goes here */
}


/* Mobile General */
@media only screen and ( max-width: 1100px ) {
    /* your css goes here */
}


/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
    /* your css goes here */
}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
    /* your css goes here */
}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
    /* your css goes here */
}

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
    /* your css goes here */
}