/*
Theme Name: Divi Child Theme
Theme URI: http://be-wide.com
Description: An Elegant Themes' Divi Child Theme
Author: Be-Wide
Author URI: http://be-wide.com
Template: Divi
Version: 1.0.0
*/

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

/* =Theme customization starts here
-------------------------------------------------------------- */
/* Coloca o tipo de letra em Brandon*/

@font-face {
    	font-family: Brandon Light; 
    	src: url(../Divi-Child/fonts/brandon-free/Brandon_light.otf); 
    	font-weight: normal; 
}
@font-face {
    font-family: Proxima Nova Light; 
    src: url(../Divi-Child/fonts/proxima-nova-font-free/Proxima-Nova-Alt-Light.otf); 
    font-weight: normal; 
}

h1, h2, h3, h4, h5, h6 {
	font-family: "proxima-nova",sans-serif !important;
}

#Produtos-dmflex-type h1 a, #Produtos-dmflex-type h2 a, #Produtos-dmflex-type h3 a, #Produtos-dmflex-type h4 a, #Produtos-dmflex-type h5 a,  #Produtos-dmflex-type h6 a {
	font-family: "proxima-nova",sans-serif !important;
    	font-weight: 400 !important;
    	font-size: 1.1em !important !important;
    	line-height: 1.3125 !important;
}

/* titulos dos blurbs*/
#divisorios-dmflex-type h1 a, #divisorios-dmflex-type h2 a, #divisorios-dmflex-type h3 a, #divisorios-dmflex-type h4 a, #divisorios-dmflex-type h5 a,  #divisorios-dmflex-type h6 a {
	font-family: "proxima-nova",sans-serif !important;
	font-size: 1em;
    	line-height: 1.3125;
	font-weight: 400;
}
/* Footer*/
.footer-widget .et_pb_widget div{
	font-family: "proxima-nova",sans-serif !important;
	font-weight: 300;
    	font-style: normal;
	letter-spacing: 1px !important;
	line-height: 1em !important;
	font-size:14px!important;
	color: #888 !important;
}

/* Top Menu */
nav#top-menu-nav, #top-menu, nav.fullwidth-menu-nav, .fullwidth-menu{
	 font-family: proxima-nova,sans-serif !important;
	 font-weight: 400;
}

/**Texto na mesma linha no header das paginas**/
#paredesmoveis-dmflex-titulo .et_pb_blurb_content, #dmflex-sistemasacusticos .et_pb_blurb_content {
    	position: relative;
    	max-width: 100% !important;
   	margin: 0 auto;
}


/**
*****************************************************************
			  START
			Footer Text 
*****************************************************************
**/
div#text-2.fwidget.et_pb_widget.widget_text{
	float:none !important;
	text-align:center;
}

@media screen and (max-width:980px) and (min-width:767px){
	.footer-widget:nth-child(n) {
   		width: 100% !important;
    		margin: 0 7.5% 7.5% 0 !important;
		}
}
/**
*****************************************************************
 			    END
			Footer Text
*****************************************************************
**/


/**
*****************************************************************
 			    Start
		     Zoom Imagens Produtos
*****************************************************************
**/

@media only screen and (min-width : 767px) {
 
    	.gq-blurb-hover .et_pb_main_blurb_image {
            position: relative;
            overflow: hidden;
	}
 
    	.gq-blurb-hover img.et-waypoint {
        margin-bottom: -5px;
            -webkit-transition: -webkit-transform 0.3s;
            transition: transform 0.3s;
            -webkit-transform: scale(.99);
            transform: scale(.99);
	}
 
    /* faz o zoom nas imagens*/
	.gq-blurb-hover img.et-waypoint:hover {
            -webkit-transform: scale(1.11);
            transform: scale(1.11);
	}
}
/**
*****************************************************************
 			    END
		   Zoom Imagens Produtos
*****************************************************************
**/

/**
*****************************************************************
 			    Start
		Underline Animation Menus   
*****************************************************************
**/

/* cria a linha por baixo do menu selecionado PT*/

#top-menu li.current-menu-item > a{
	padding-bottom:0px !important;
	border-bottom:1px solid #000000 !important;
}

/** --- Parent Menu Active --- **/
#top-menu li.current_page_parent > a {
    padding-bottom: 0px !important;
    border-bottom: 1px solid #000000 !important;
}


/** --- Submenu Menu Actual --- **/
#top-menu .sub-menu li.current-menu-item > a{
	font-weight:bold;
	padding-bottom:0px !important;
	border-bottom:0px solid #000000 !important;
}


/****************************************
 		Inicio
****************************************/
#menu-item-72 a{
	display: inline-block;
	position: relative;
}
#menu-item-72 a:after {
	content: '';
	display: block;
	margin: auto;
	height: 1px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
#menu-item-72 a:hover:after {
	width: 100%;
	background: #000000;
}

/****************************************
 		Sobre nós 
****************************************/

#menu-item-564 a{
	display: inline-block;
	position: relative;
}
#menu-item-564 a:after {
	content: '';
	display: block;
	margin: auto;
	height: 1px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
#menu-item-564 a:hover:after {
	width: 100%;
	background: #000000;
}

/****************************************
 		Produtos 
****************************************/
#menu-item-563 a{
	display: inline-block;
	position: relative;
}
#menu-item-563 a:after {
	content: '';
	display: block;
	margin: auto;
	height: 1px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
#menu-item-563 a:hover:after {
	width: 100%;
	background: #000000;
}

/****************************************
 		Qualidade
****************************************/
#menu-item-570 a{
	display: inline-block;
	position: relative;
}

#menu-item-570 a:after {
	content: '';
	display: block;
	margin: auto;
	height: 1px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
#menu-item-570 a:hover:after {
	width: 100%;
	background: #000000;
}
/****************************************
 		Contactos
****************************************/
#menu-item-569 a{
	display: inline-block;
	position: relative;
}
#menu-item-569 a:after {
	content: '';
	display: block;
	margin: auto;
	height: 1px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
#menu-item-569 a:hover:after {
	width: 100%;
	background: #000000;
}

/* tira a seta ao lado do menu*/
#top-menu .menu-item-has-children > a:first-child::after, .fullwidth-menu .menu-item-has-children > a:first-child::after, #et-secondary-nav .menu-item-has-children > a:first-child::after {
	position: relative;
	content: '';
}

/** tira o espaço entre das setas**/
#top-menu .menu-item-has-children > a:first-child{
	padding-right: 0px !important;
}

/** tira o bold no mobile**/
.et_mobile_menu .menu-item-has-children > a{
	background-color: rgba(0, 0, 0, 0.00)!important;
     	font-weight: 100 !important;
}

/**
*****************************************************************
 			  END
		Underline Animation Menus
*****************************************************************
**/


/***
*****************************************************************
            		   BEGINING
		  Tempo e bandeiras e horas
*****************************************************************
****/
.top-menu-dmflex{
    position: relative;
    float: right;
    top: 0.2em;
    right: -5em;
    margin-bottom: -10px;
}


@media only screen and (max-width: 980px){
	.top-menu-dmflex{
    		position: relative;
    		float: right;
    		top: 0.5em;
    		left: -22.5em;
		}
}
@media only screen and (max-width: 768px){
	.top-menu-dmflex{
    		position: relative;
    		float: right;
    		top: 0.5em;
    		left: -15.5em;
		}
}

@media only screen and (max-width: 510px){
	.top-menu-dmflex{
    		position: relative;
    		float: right;
    		top: 0.5em;
    		left: -7.5em;
		}
}
@media only screen and (max-width: 425px){
	.top-menu-dmflex{
    		position: relative;
    		float: right;
    		top: 0.5em;
    		left: -6.5em;
		}
}
@media only screen and (max-width: 375px){
	.top-menu-dmflex{
    		position: relative;
    		float: right;
    		top: 0.5em;
    		left: -4.5em;
		}
}
@media only screen and (max-width: 320px){
	.top-menu-dmflex{
    		position: relative;
    		float: right;
    		top: 0.5em;
    		left: -2.0em;
	}
}


/***
*****************************************************************
            		   END
		    Tempo e bandeiras e horas
*****************************************************************
****/


/**---Coloca as margens---***/


@media (max-width: 1100px){
	.et_pb_row {
    		position: relative;
    		width: 85%;
    		margin: auto;
	}
}
@media (max-width: 820px){
	.et_pb_row {
    		position: relative;
    		width: 90%;
    		margin: auto;
		padding-top:25px;
	}
}
@media (max-width: 768px){
	.et_pb_row {
    		position: relative;
    		width: 95%;
    		margin: auto;
		padding-top:20px;
	}
}


/** 
----
 imagem pagina produtos
----
**/
/*
@media only screen and (min-width:1441px){
	.page-id-151 .et_pb_section_0 {
    		padding-top: 144px !important;
    		padding-bottom: 144px !important;
	}
}

@media only screen and (max-width: 1440px) and (min-width:1025px){
	.page-id-151 .et_pb_section_0 {
    		padding-top: 110px !important;
    		padding-bottom: 110px !important;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 981px){
	.page-id-151 .et_pb_section_0 {
    		padding-top: 115px !important;
    		padding-bottom: 115px !important;
	}
}

@media only screen and (max-width: 980px) and (min-width: 769px){
	.page-id-151 .et_pb_section_0 {
    		padding-top: 100px !important;
    		padding-bottom: 100px !important;
	}
}*/

/**
********************************************
	Pagina Produtos altera em mobile
********************************************
**/
@media only screen and (max-width: 980px) and (min-width: 769px){
	.page-id-151 .et_pb_column, .page-id-202 .et_pb_column, .page-id-340 .et_pb_column {
    		width: 45% !important;
    		margin-right: 5%!important;
	}
	/* Coloca o Texto Divisorias na pagina a meio*/
	 .page-id-202 .et_pb_column_4_4, .page-id-340 .et_pb_column_4_4 {
	    	width: 100% !important;
	}

	.page-id-151 .et_pb_column, .page-id-202 .et_pb_column, .page-id-340 .et_pb_column {
    		float: left !important;
    		background-position: center !important;
    		background-size: cover !important;
	}
}

/**
********************************************
Pagina Divisórias header alterar mobile
********************************************
**/
@media only screen and (max-width: 767px){
	.et_pb_blurb_0.et_pb_blurb h4, .et_pb_blurb_0.et_pb_blurb h4 a {
    		font-size: 32px !important;
    		font-weight: 300 !important;
	}
	.page-id-426 .et_pb_row.et_pb_row_fullwidth, .page-id-426 .et_pb_specialty_fullwidth > .page-id-426 .et_pb_row {
    		width: 100% !important;
	}
}

/** --- Texto da Pagina Sobre nós Width --- **/
@media (max-width: 1200px){
	.page-id-138 .et_pb_section .text-sobre-nos-dmflex {
    		max-width: 1080px !important;
	}
}

@media (min-width: 1201px) {
	.page-id-138 .et_pb_section_1 .text-sobre-nos-dmflex {
 		width: 900px !important;
	}
	.page-id-138 .et_pb_row_1 {
   		 max-width: none !important;
	}
}

/**
********************************************
Pagina Sistemas Acusticos Size Texto Mobile
********************************************
**/
/*
@media only screen and (max-width: 375px) and (min-width: 275px){
	.page-id-426 .et_pb_blurb_0.et_pb_blurb h4, .page-id-426 .et_pb_blurb_0.et_pb_blurb h4 a {
    		font-size: 24px !important;
    		font-weight: 300 !important;
	}
} */

/**
************************************************
		galerias
************************************************
**/
#TB_window {
    	position: fixed;
    	background-color: transparent !important; 
   	z-index: 100050;
   	visibility: hidden;
    	text-align: left;
    	top: 50%;
    	left: 50%;
	-webkit-box-shadow: 0 0px 0px rgba( 0, 0, 0, 0 ) !important;
    	box-shadow: 0 0px 0px rgba( 0, 0, 0, 0 ) !important;
}
#TB_caption {
    height: 27px;
    padding: 7px 30px 10px 25px;
    float: left;
    color: #fff;
}

#TB_closeWindowButton {
    	position: absolute;
    	left: auto;
    	right: 0;
    	top: -2em !important;
	color: #fff !important;
    	width: 29px;
    	height: 29px;
    	border: 0;
    	padding: 0;
    	background: none;
    	cursor: pointer;
    	outline: none;
    	-webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
    	transition: color .1s ease-in-out, background .1s ease-in-out;
}
span#TB_next a{
	color: #fff;
}
span#TB_prev a{
	color: #fff;
}
.tb-close-icon{
	color: #fff !important;
}
/****----------********************-----------******/

/** --- Homepage Second Title --- **/
/** --- shadow behind the text --- **/
.page-id-109 .et_pb_column_2 .juntosdmflex span{
	box-shadow: 15px 0 0 rgba(0,0,0,.5),-15px 0 0 rgba(0,0,0,.5);
    	border-radius: 0.1px;
    	background-color: rgba(0,0,0,0.5);
}
@media screen and (max-width: 768px){
	.page-id-109 .et_pb_column_2 .juntosdmflex span{
		font-weight: 300;
		word-spacing: 2px;
    		letter-spacing: -.5px;
		font-style: normal;
	}
}
/** ----- Button ---- **/
body #page-container .et_pb_button_0.button-home-dmflex,body #page-container .et_pb_button_0.button-home-dmflex:hover, body #page-container .et_pb_button_0.button-voltar-dmflex,body #page-container .et_pb_button_0.button-voltar-dmflex:hover,body #page-container .et_pb_button_0.et_pb_module:hover, body #page-container .et_pb_button_0.et_pb_module,body #page-container .et_pb_button_0.et_pb_module:hover{
	padding: .6em 1em !important;
}
body #page-container .et_pb_button_0.button-cristal-gallery,body #page-container .et_pb_button_0.button-cristal-gallery:hover{
	padding: .6em 1em !important;
	min-width:30%;
}



/** --- Align Text Homepage Over 1100px --- **/
@media screen and (min-width: 1100px){
	.page-id-109 .et_pb_text p{
		text-align:center;
	}
}


/** change blurb max width**/
.page-id-340 .section-produtos .et_pb_blurb_content, .page-id-202 .section-produtos .et_pb_blurb_content, .page-id-151 .section-produtos .et_pb_blurb_content, .page-id-426 .section-produtos .et_pb_blurb_content, .page-id-446 .section-produtos .et_pb_blurb_content {
    position: relative;
    max-width: 575px;
    margin: 0 auto;
}


/*
@media (min-width: 981px){
	.et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column {
    		/* margin-right: 0%; */
    		margin: 0 -4% 0 4%;
	}
}*/