/*

Theme Name: Skin Beauty - Child 

Theme URI: http://themes.goodlayers2.com/skinbeauty

Description: Skin Beauty Wordpress Theme

Author: Goodlayers

Author URI: http://www.goodlayers.com

Version: 1.0

Template:skinbeauty  

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: white, light, yellow, two-columns, fluid-layout, custom-background, custom-colors, featured-images, theme-options

Text Domain: gdlr_translate

*/



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



/*-------------------------------------------------------------- Home  */

/*------------------------------ Top Bar  */

.top-navigation-wrapper { font-size: 11px;

	                   line-height: 40px;

				padding: 3px 0px;}



.top-social-wrapper {line-height: 40px;}

.top-navigation-right { margin: 0px 0px!important;}



/* ______RESPONSIVO top bar e Galeria________  */



/* max-width  */

@media screen and (max-width: 800px) {  .tdimg {display: none;} 

					.top-navigation-wrapper {display:none;}

					#sec_galeria {display:none;}

					#galeria_home {display:none;}	

.footer-container {display: none}		

.top-navigation-wrapper .gdlr-text-block_two{display: block !important; border: 1px solid #f00;}


}





/*------------------------------ seçao tratamentos  */

.gdlr-item-title-wrapper

 .gdlr-item-title { text-transform: initial!important; 

		      font-size: 34px!important;}



.gdlr-item-title-wrapper  .gdlr-item-title-link {font-family: "Lora"!important;

			 font-size: 16px!important;		 	 

		 	 font-style: italic;}



#sec_slider {border-bottom: 11px solid #41a5bc;}



.gdlr-modern-portfolio .gdlr-modern-portfolio-title {display:none;}

.gdlr-modern-portfolio .portfolio-thumbnail .portfolio-icon i {font-size:40px;}  



/*------------------------------ seçao Especialidade */





#port_especialidades  h3 {color: #2DA0B3;

			 font-size: 36px!important;

margin-bottom: 5px;}

#port_especialidades  h6 {color: #11A9C1;

	      		 font-family:"Lora"!important;

			font-style: italic;}









/*------------------------------ seçao contato */

#form_contato table {height:561px;}

#form_contato h3 {color: #ffffff;}

#form_contato h6 {color: rgba(255,255,255,0.7);

	       font-family:"Lora"!important;

		font-style: italic;}

.tdimg { /*background-image: url("http://esteticasantabeleza.com.br/wp-content/uploads/2015/05/agenda_img.jpg")!important;*/
background-image: url("http://esteticasantabeleza.com.br/wp-content/uploads/2017/06/home-santabeleza.jpeg")!important;

	background-size: cover!important;

background-position: center center;

  }





/*--------------------- Formulario */

#wpcf7-f5717-o1 {margin: 40px!important;}

.wpcf7-response-output wpcf7-display-none wpcf7-mail-sent-ok {border: 2px solid #FFF!important;}

.wpcf7-not-valid-tip {color: #FFF!important;}





/*------------------------------ pacotes especiais */

#sec_pacotesesp { background-image: url("http://esteticasantabeleza.com.br/wp-content/uploads/2015/07/pacotes_especiais_bck.jpg")!important;

		   	

		 

  }



#sec_pacotesesp_txt  h3 {color: #ffffff;

			 font-size: 32px;}

#sec_pacotesesp_txt  h6 {color: #ffffff;

	      		 font-family:"Lora"!important;

			font-style: italic;

}



.textopacotes {padding-top:38px!important;   }



/*------------------------------ Galeria*/



#sec_galeria  h3 {color: #2DA0B3;

			 font-size: 36px!important;

			margin-bottom: 5px;}

#sec_galeria h6 {color: #11a9c1;

	       font-family:"Lora"!important;

		font-style: italic;

}



/*---------------------------------------------------------------- Footer  */

.copyright-left { font-family: "Lora";

		  font-size: 17px;

		  font-weight:bold;

		  font-style: italic;}



/*-------------------------------------------- Footer icons  */

.fa-location-arrow {color: #86d4e1}

.fa-clock-o {color: #86d4e1}

.fa-envelope {color: #86d4e1}

.fa-phone {color: #86d4e1}



/*-------------------------------------------------------------- Paginas  */

/*-----------------------------------------A casa  */

#texto_casa h3 {color: #2DA0B3;

			 font-size: 36px!important;

			margin-bottom: 30px;}



#texto_casa p {font-weight: 200;

font-size:16px ;

text-align: justify;}



/*-----------------------------------------Contato */

#contatos_colunadir { padding-top: 70px;}



/*---------------------------------------------------------------- Loja  */

.woocommerce-ordering {display: none;}

.amount { font-size: 17px}

html .woocommerce ul.products li.product h3, html .woocommerce-page ul.products li.product h3 {font-size:14px!important;}



#coupon_code {width: 170px;}



.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals  {width: 100%!important;}



 .woocommerce form .form-row textarea, html .woocommerce-page form .form-row textarea {height: 150px!important;}



/*--------------------Form - selecao produto */

.woocommerce div.product form.cart .variations select {

	background-repeat:repeat-x;

	border:1px solid #d7d7d7;

	width: 230px;

	color:#333333;

	padding:3px;

	margin-right:4px;

	margin-bottom:8px;

	font-family:Open Sans;}



input[type="text"], input[type="email"], input[type="password"], textarea {color: #565656!important;}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {line-height: 1.5!important}



/*---------------------------------------------------------------- Dicas  */



.blog-info, .blog-info a, .blog-info i { display:none;}

.gdlr-post-author {

       display: none;}



.comment-respond .comment-reply-title { font-size: 17px!important;}



.portfolio-staff { vertical-align: middle!important;}





/*---efeitos de imagem Integração---*/

.see-more{
	margin: auto 17px;
	list-style: none;
}

.see-more li{

	border: 1px solid #2da0b3;
    border-radius: 20px 0px 20px 0px;
    padding: 7px;
    float: left;
    width: 30%;
    height: 213px;
    text-decoration: none !important;
    background-color: rgba(204, 176, 208, 0.3);
	margin-bottom: 57px;
	    text-align: center;

}

.see-more li img{

    border-radius: 20px 0px 20px 0px;

    width: 100%;

    height: 213px;

}

.see-more li span{

    position: relative;

    top: -132px;

    background-color: rgba(0,0,0,0.5);

    width: 100%;

    height: 51px;

    display: table;

    text-align: center;

    padding-top: 11px;

}

.see-more li a{

    color: #39a7be;

}


.myButton {
	-moz-box-shadow: 0px 10px 14px -7px #3e7327;
	-webkit-box-shadow: 0px 10px 14px -7px #3e7327;
	box-shadow: 0px 10px 14px -7px #3e7327;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2d9fb3), color-stop(1, #31b7cc));
	background:-moz-linear-gradient(top, #2d9fb3 5%, #31b7cc 100%);
	background:-webkit-linear-gradient(top, #2d9fb3 5%, #31b7cc 100%);
	background:-o-linear-gradient(top, #2d9fb3 5%, #31b7cc 100%);
	background:-ms-linear-gradient(top, #2d9fb3 5%, #31b7cc 100%);
	background:linear-gradient(to bottom, #2d9fb3 5%, #31b7cc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d9fb3', endColorstr='#31b7cc',GradientType=0);
	background-color:#2d9fb3;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #5d5dba;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:20px;
	font-style:italic;
	padding:10px 76px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
	width: 33%;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #31b7cc), color-stop(1, #2d9fb3));
	background:-moz-linear-gradient(top, #31b7cc 5%, #2d9fb3 100%);
	background:-webkit-linear-gradient(top, #31b7cc 5%, #2d9fb3 100%);
	background:-o-linear-gradient(top, #31b7cc 5%, #2d9fb3 100%);
	background:-ms-linear-gradient(top, #31b7cc 5%, #2d9fb3 100%);
	background:linear-gradient(to bottom, #31b7cc 5%, #2d9fb3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#31b7cc', endColorstr='#2d9fb3',GradientType=0);
	color: #fff;
}
.myButton:active {
	position:relative;
	top:1px;
}

.formspage{
    background-color: rgba(45, 160, 179, 0.61);
    width: 60%;
    margin: 0 auto;
    padding: 10px;
}
.formspage p{
	color: #fff;
	font-size: 20px;
	text-align: center;
}
.gdlr-item.gdlr-main-content ul li a{color:black;font-weight: 700;}
.gdlr-item.gdlr-main-content ul li a:hover{color: #639aa8!important;}
.gdlr-item.gdlr-main-content ul{list-style: decimal;}

@media screen and (max-width: 420px){

.see-more li{
width: 85% !IMPORTANT;
    margin: 0px 0px 15px 0px;
}
	
}

@media screen and (min-width: 421px) and (max-width: 767px){

.see-more li{
width: 60% !IMPORTANT;
    margin: 0px 0px 15px 0px;
}
	
}

@media screen and (min-width: 768px) and (max-width: 980px){

.see-more li{
    width: 40% !IMPORTANT;
    margin: 0px 0px 15px 0px;
}
	
}
@media screen and (min-width: 320px) and (max-width: 992px){
	.myButton{padding: 15px 58px;font-size: 18px;width: auto;}
	.gdlr-page-title-wrapper .gdlr-page-title{font-size: 30px;}
	.footer-wrapper{    margin-top: 40px;}
	.formspage{width: 100%;}
}
.whats-rodape {
	position: fixed;
	z-index: 9999999;
	float: right;
	bottom: 87px;
	/* box-shadow: 3px 3px 11px 0px #ddd; */
/* 	height: 60px;
	width: 60px; */
	left: 90%;
/* 	border-radius: 50px;
	text-align:center; */
}
.whats-rodape a {
	background-color: #2ae73edd;
	color: #fff;
	font-size: 36px;
	border-radius: 100px;
	/*left: 12px;
	top: -4px;*/
	padding: 10px 18px;
}

.whats-rodape a:hover{
	color: #b0ddb5;
}
.whats-rodape a i{
	margin-right:0px;
}
@media screen and (max-width:1000px){
	.whats-rodape {
	left:80%;
}
}