/*
 Theme Name:     SAQB
 Theme URI:      http://www.saqb.org
 Description:    SAQB
 Author:         Wolke Apps
 Author URI:     http://www.saqb.org
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */



//IFRAMES DO GOOGLE MAPS
///* Responsive iFrame */
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
}


//Customização do DIVITHEME
//Mostrar Botão no Celular
//Referencia: http://www.divithemeexamples.com/show-slider-text-and-button-on-mobile-in-divi/
@media only screen and (max-width: 767px) {
.et_pb_slide_content, .et_pb_more_button, a.et_pb_more_button {
display: block !important;
}
}

//Centralizar o botão do slide
.et_pb_slide_with_image .et_pb_slide_description { width: 510px; padding-left: 0; padding-right: 0; text-align:center; padding-bottom: 200px; float: right; }

//Tamanho fonte do cabeçalho
.container { text-align: left; margin: 0 auto; width: 1080px; position: relative; }
	#top-header { font-size: 14px; line-height: 14px; font-weight:bold; z-index: 100000; }




//Estilo do formulário CONTACTFORM7
#responsive-form{
	max-width:600px /*-- change this to get your desired form width --*/;
	margin:0 auto;
        width:100%;
}

.form-row{
	width: 100%;
}
.column-10{
	font-weight:bold;
	float: left;
	position: relative;
	padding: 0.65rem;
	width:15%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.column-quarter{
	font-weight:bold;
	float: left;
	position: relative;
	padding: 0.65rem;
	width:40%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.column-half{
	font-weight:bold;
	float: left;
	position: relative;
	padding: 0.65rem;
	width:45%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.column-full{
	font-weight:bold;
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}

.wpcf7-submit, .wpcf7-reset{
        color: #2EA3F2 !important;
        margin: 8px auto 0;
        cursor: pointer;
        font-size: 20px;
        font-weight: 500;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 6px 20px;
        line-height: 1.7em;
        background: transparent;
        border: 2px solid;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
}

.wpcf7-submit:hover, .wpcf7-reset:hover{
	background-color: #eee; 
        border-color:#eee; 
        padding: 6px 20px !important; 
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="number"],  .wpcf7 input[type="date"], .wpcf7 input[type="select menu"], .wpcf7-form-control-wrap textarea{
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #FFFFFF url('bg_form.png') left top repeat-x; 
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); 
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); 
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
}

#select-field
{
	width: 107%;
	padding: 7px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #FFFFFF url('bg_form.png') left top repeat-x; 
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); 
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); 
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
}

#select-field:focus, .wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 input[type="tel"]:focus, .wpcf7 input[type="number"]:focus, .wpcf7 input[type="date"], .wpcf7 input[type="select menu"]:focus, .wpcf7-form-control-wrap textarea:focus{
	background: #FFFFFF url('bg_form.png') left top repeat-x; 
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); 
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); 
	outline: none; 
    	border: 1px solid #4A597A; 
    	box-shadow: 0px 0px 8px #4A597A; 
    	-moz-box-shadow: 0px 0px 8px #4A597A; 
    	-webkit-box-shadow: 0px 0px 8px #4A597A; 
}

span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #fff;
	background: #ff0000;
	padding: 5px;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #5dbede;
	padding: 5px;
	color: #032149;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #7CC68D;
	border-color: #7CC68D;
	color: #fff;
	margin: 0;
}