/*

Theme Name: Redepharma

Theme URI: http://redepharma.com.br

Version: 1.0

Description: Esse site foi desenvolvido para Redepharma

Author: Paulo Anderson

Author URI: http://www.criei.com.br

Tags:Criei, Sites Responsivos, Custom, WordPress

*/



@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');



/*font-family: 'Archivo Narrow', sans-serif;*/





/* Captions & aligment   ----- Aqui Configura pra que as imagens nos posts possam ser alinhadas pelo painel */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.alignleft {

	float: left;

}



.alignright {

	float: right;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

/*  ----- Aqui Configura pra que as imagens nos posts possam ser alinhadas pelo painel */





*{

	margin:0;

}



a, button{

	ransition-property:;

	transition-duration: 0.5s;

	-webkit-transition-property:; /* Safari */

	-webkit-transition-duration: 0.5s; /* Safari */

}



html, body{overflow-x:hidden;}

/*transições*/

@keyframes esquerda {

	from {left: -300px;}

  	to {left: 0px;}

}



@keyframes direita {

	from {right: -300px;}

  	to {right: 0px;}

}



@keyframes cima {

	from {top: -100px;}

  	to {top: 0px;}

}



@keyframes baixo {

	from {bottom: -100px;}

  	to {bottom: 0px;}

}



@keyframes op {

	from {opacity:0;}

  	to {opacity:1;}

}





.op{animation: op 1s;}

.baixo{animation: baixo 1s;}

.cima{animation: cima 1s;}

.inR{animation: direita 1s;}

.inL{animation: esquerda 1s;}

/*Fim transições*/



#redes{padding-top:10px;padding-bottom:10px;}

#redes button{background:none;color:#ED8D4B;border:solid 2px #ED8D4B;border-radius:100px;padding:5px;width:35px;height:35px;text-align:center;font-size:18px;}

#redes button:hover{background:#901235;color:#fff;}



#tel-topo{float:right;width:auto; color:#fff;font-family: 'Archivo Narrow', sans-serif;font-weight:500; font-size:18px;}

#tel-topo p{float:left;text-align:left;}

#tel-topo span{color:#F36B22;font-size:25px;}



#tel-topo .icone-phone{background:url(img/icon-phone.png) no-repeat center;width:50px;height:50px; float:left;margin:8px 10px 0 0;}

#tel-topo a{color:#fff;text-decoration:none;}



#head{position:absolute;width:100%;top:0;left:0;z-index:999;padding:30px 0;background:none;}



.corpo_topo{}

#logo{background:#fff;padding:20px;height:90px;} 



#menu{background:#fff; height:90px;padding:20px; text-transform:uppercase;font-family: 'Archivo Narrow', sans-serif;font-weight:500; font-size:18px;}

#menu ul{background:none !important;}

#menu a{color:#7A1E39;}

#menu a:hover{background:#7A1E39;color:#fff;}

#menu a:focus{background:#7A1E39;color:#fff;}

#menu .active a{background:#7A1E39;color:#fff !important;}



#menu li.open a{background:#7A1E39;color:#fff;}

#menu li ul{background:none !important;padding:0 !important; border-top:none; color: #fff !important;font-size:16px !important;}

#menu li ul li a{padding:5px 25px !important;border-bottom:solid 1px rgba(255, 255, 255, 0.3);font-size:18px;font-family: 'Archivo Narrow', sans-serif;font-weight:400;}

#menu ul ul a:hover{background:#F15D21 !important;color:#fff !important;}

#menu ul  ul .active a{background:#F15D21 !important;color:#fff !important;}



#menu button.navbar-toggle{position: absolute; padding:5px !important; height: 40px; color:#fff !important; top:-80px; right: 0; z-index: 999999 !important; background:none;font-size:20px;}

#menu button.navbar-toggle span.icon-bar{color:#fff !important;}



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

	#head{padding:10px 0;}

	#menu{padding:20px 10px 10px 10px;font-size:11px;}

}



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

	#redes{display:none;}

	#tel-topo{display:none;}

	#logo{background:#fff;top:5px;left:-10px;}



	#head{padding:0;}

	#menu{background:none;font-size:18px;height:auto;}

	#menu .navbar-collapse{background:#fff !important;}



	#redes{display:none;}

	#logo{background:#fff;padding:20px;height:110px;margin-top:2px;margin-left:10px;}

	

}



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

	#menu{background:none;font-size:18px;}

	#menu li a{border-bottom:solid 1px #ccc;padding:15px !important;float:left;width:100%;

		 font-size:18px;}

	#menu ul ul li a{border-bottom:solid 1px #ccc;padding:15px !important;width:100%;

		 font-size:18px;}

}







/*HOME*/

#mix-home{background:url(//www.redepharma.com.br/novosite/wp-content/uploads/2022/02/BannerPharmaclinica.jpg) no-repeat center #EBEBEB; background-size:cover;}

#mix-home .text-center{padding:0;}

button.iconmix{margin-top:-70px;width:19% !important; height:; background:#fff;padding:20px;border:none;color:#F36B21;}

button.encarte{background:#E4E4E4;}

button.iconmix:hover{background:#ccc;}

button.iconmix p{padding:20px 0 0 0;float:left; line-height:1.5pc; font-size:20px;font-family: 'Archivo Narrow', sans-serif;text-align:center !important;width:100% !important;}

/*button.iconmix i.fa-phone-volume{transform:rotate(-25deg);}*/



button.iconmix i.local{background:url(img/local.png) no-repeat center;width:100%;height:86px;float:left;}

button.iconmix i.encarte{background:url(img/encarte.png) no-repeat center;width:100%;height:86px;float:left;}

button.iconmix i.ligue{background:url(img/ligue.png) no-repeat center;width:100%;height:86px;float:left;}


.pharmaclinica{padding-top:20px;padding-bottom:20px;}

.logopharmaclinica{width:70%;height:auto; padding:30px 0;}



button.saibamais{font-family: 'Archivo Narrow', sans-serif;font-size:25px;font-weight:500;text-transform:uppercase;color:#901235;border:none;background:none;margin-top:20px; text-align:center;width:90%;}

button.saibamais:hover{color:#F36B22;}



#video-home{padding-top:20px;padding-bottom:20px; background:url(img/bg-video.png) #fff no-repeat; background-size:60% 80%;}

.space-videos{padding-top:80px;}

#video-home h2{font-family: 'Archivo Narrow', sans-serif;font-size:35px;font-weight:500;text-transform:uppercase;color:#fff;}

#video-home button{background:#F15E22;color:#fff;font-family: 'Archivo Narrow', sans-serif;font-size:25px;font-weight:500;text-transform:uppercase;border:none;padding:10px 80px;border-radius:100px;}

#video-home button:hover{background:#fff;color:#901235;}



#marcas-home{padding-top:20px;padding-bottom:20px;background:#fff;}

#marcas-home h3{font-family: 'Archivo Narrow', sans-serif;font-size:35px;font-weight:500;text-transform:uppercase;color:#901235;}

#marcas-home a{width:19%;float:left;background:#fff;padding:3px;margin:1.5px ;}

#marcas-home a img{width:100%;height:auto;}

#marcas-home a:hover{background:#F15D21;}



/* CARROSSEL MARCAS */

#carrossel{background: #fff; padding-bottom: 20px; padding-top: 20px;}



#carrossel .active{display: block ;}



#carrossel .item{text-align: center !important;background:none !important;}

#carrossel .item a:hover{text-decoration: none;}

#carrossel .item img{border-radius: 7px;

	transition: linear 0.3s;

}

#carrossel .item a:hover img{

}



.carousel-inner .active.left { left: 0%; }

.carousel-inner .next        { left: 0%; }

.carousel-inner .prev		 { left: 0%; }

.carousel-control 			 { width: 20px !important; }

.carousel-control.left{margin-left:0px; top:60px; font-size:30px; width: 50px !important;height: 50px; padding-top: 3px; padding-right: 5px; border-radius: 100px; background:none !important;color:#901235;}

.carousel-control.right {margin-right:0px; top:60px; font-size:30px; width: 50px !important;height: 50px; padding-top: 3px; padding-left: 5px; border-radius: 100px; background:none !important;color:#901235;}

/* FIM CARROSSEL MARCAS */





.video-mob{display:none;}





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

	button.iconmix{margin-top:-80px;}

	button.iconmix i.local{float:left;background-size:50% auto;}

	button.iconmix i.encarte{float:left;background-size:50% auto;}

	button.iconmix i.ligue{float:left;background-size:50% auto;}
	button.iconmix i.covid{float:left;background-size:70% auto;}
	button.iconmix i.vacina{float:left;background-size:70% auto;}



	button.iconmix p{padding:0 0 0 0;float:left; font-size:13px;}



	#video-home iframe{height:230px;margin-top:20px;}

}

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

	button.iconmix{margin-top:0px;}

}



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

	#mix-home{background:#EBEBEB;}


	button.iconmix{width:49% !important;}
	button.meio{width:100% !important;}
	button.iconmix i.local{float:left;background-size:20%;}

	button.iconmix i.encarte{float:left;background-size:20%;height:100px;}

	button.iconmix i.ligue{float:left;background-size:20%;}

	button.iconmix i.covid{float:left;background-size:30% auto;}
	button.iconmix i.vacina{float:left;background-size:40% auto;}



	button.iconmix p{padding:0 0 0 0;float:left; font-size:18px;}



	.logopharmaclinica{width:100%;}

	

	#video-home{background-size:100% 100%;}

	.video-desk{display:none;}

	.video-mob{display:block;}

	#video-home .text-right{text-align:center;}

	#video-home iframe{height:250px;margin-top:20px;}



	#marcas-home h3{font-size:25px;}

	#marcas-home a{width:48%;height:auto;float:left;}

}

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

	#mix-home{background: #EBEBEB; background-size:125% auto;}

	button.iconmix p{padding:20px 0 0 10px;font-size:20px;}

}



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

	button.iconmix p{padding:20px 0 0 10px;font-size:18px;}



}





/*Slider Lojas*/



#slidenoticias{list-style: none;padding: 0;}

#slidenoticias li{list-style: none;}



.slidecontrols{list-style: none;position:absolute;z-index: 999;width: 100%;padding: 0}

.slidecontrols li{



	transition-property:;

	transition-duration: 0.3s;

	-webkit-transition-property:; /* Safari */

	-webkit-transition-duration: 0.3s; /* Safari */

			

	/*opacidade*/

	 opacity:0.55;

	 -moz-opacity: 0.55;

	 filter: alpha(opacity=55);

	 -webkit-filter: opacity(0.55);

	 /*filtro P/B*/ 

	 filter: gray; /* IE6-9 */

	 -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */

	 /*qualidade*/

	 image-rendering: auto;

}

.slidecontrols li:hover{

	opacity:1;

	 -moz-opacity: 1;

	 filter: alpha(opacity=100);

	 -webkit-filter: opacity(1);

	 filter: none; /* Firefox 10+ */

	 -webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */

	 image-rendering: auto;

}

/*NAVEGAÇÃO NUMEROS*/

ol.carousel-tabs{display:none;}

.next{position: absolute;right:30px  !important; top:220px; background: url(img/setas.png) no-repeat #7A1E39;background-position: -58px 0; width: 55px; height: 66px;z-index:10 !important;}

.prev{position: absolute; left: 0 !important; top:220px; background: url(img/setas.png) no-repeat #7A1E39;background-position: 0 0; width: 55px; height: 66px; z-index:10 !important;}





.thumbslide{float: left;width: 100%;height:500px; padding: 190px 20px 10px 20px;}

.thumbslide:hover{text-decoration: none;}

#slidenoticias{position: relative;padding: 0; height: 500px;}





/*Fim slider Lojas*/





/*PAGE*/

#lin-topo{background:#8F1837;height:145px;float:left;width:100%;}

#topo-page{background:#F36B21;padding-top:200px;padding-bottom:30px;}

#topo-page h1{font-family: 'Archivo Narrow', sans-serif;font-size:35px;font-weight:500;text-transform:uppercase;color:#fff;}

#topo-page h1 a{color:#fff;text-decoration:none;}

#topo-page span{color:#fff;font-style:italic;}

#box-page{padding-top:50px;padding-bottom:50px;font-size:18px;font-family:'Arial';}

#box-page h2{font-family: 'Archivo Narrow', sans-serif;font-size:35px;font-weight:500;text-transform:uppercase;color:#F36B21;}



#box-page p{text-align:justify;}

#encarte iframe{width:100% !important;height:700px !important;}



button.loop-lojas{background:#8F1737;border:none;color:#fff;padding:20px;width:100%;height:210px;margin-bottom:10px;float:left;}

button.loop-lojas:hover{background:#F26B21;}



button.loop-lojas span{transition:linear 0.3s;color:#F26B21;font-family: 'Archivo Narrow', sans-serif;font-size:35px;font-weight:500;text-transform:uppercase;}

button.loop-lojas:hover span{color:#fff;}



button.loop-lojas p{font-size:14px;text-align:center !important;}

button.loop-lojas hr{border: solid 1px rgba(255, 255, 255, 0.1);}



#mapa{padding-top:10px;padding-bottom:30px;}

#mapa iframe{width:100%; height:300px; background:#8F1737;padding:5px;}



.text-loja{font-family: 'Archivo Narrow', sans-serif;font-size:22px;color:#888;}



button.bot-lojas{background:#8F1737;color:#fff;padding:15px 25px;border:none;font-family: 'Archivo Narrow', sans-serif;text-transform:uppercase;font-size:20px; width:49%;}

button.bot-lojas:hover{background:#F26B21;}

button.whats{background:#25D366;color:#fff;font-size:20px;}

button.whats:hover{background:#075E54;color:#DCF8C6;}



.loop-video{padding-bottom:25px;}

.loop-video strong{font-family: 'Archivo Narrow', sans-serif;font-size:18px;color:#333;}

.loop-video iframe{height:300px;}

.video-single iframe{height:650px;}



/*Pharmaclinica*/

button.bot-pharmaclinica{height:200px; padding:20px 50px;font-family: 'Archivo Narrow', sans-serif;font-size:25px;float:left;width:100%;text-align:center;border:none;color:rgba(0, 0, 0, 0.7);word-break:normal !important;line-height:1.9pc;margin-bottom:20px;}



button.bot-pharmaclinica:hover{opacity:0.8;}



#popup-pharmaclinica{text-align:center;}

#popup-pharmaclinica h5{font-family: 'Archivo Narrow', sans-serif;font-size:35px;color:rgba(0, 0, 0, 0.5);}

#popup-pharmaclinica .modal-body{font-family: 'Archivo Narrow', sans-serif;font-size:25px;color:rgba(0, 0, 0, 0.8);border:none !important;}



button#fechar{padding:0px !important;background:#000 !important; color:#fff;font-size:35px;border-radius:100%;width:70px;height:70px;line-height:0.3pc !important;margin-top:-100px;margin-right:-50px;}



#popup-pharmaclinica .modal-header { padding: 15px;border-bottom:none;}



#popup-pharmaclinica .modal-footer{padding: 15px; text-align: right;border-top:none;}



#popup-pharmaclinica .modal-footer button{background:rgba(0, 0, 0, 0.5) !important;color:#fff;}



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

	#lin-topo{height:130px;margin-top:-5px;}

	#topo-page{padding-top:150px;padding-bottom:10px;}

}



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

	#topo-page{padding-top:30px;padding-bottom:10px;}

}



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

	#lin-topo{height:130px;margin-top:-5px;}

	#topo-page{padding-top:30px;padding-bottom:10px;}

	#topo-page h1{font-size:30px !important;}

	#box-page h2{font-size:25px;}

	

	h1#titulo-lojas{font-size:25px !important;}

	button.bot-lojas{width:100%; font-size:20px;}

	button.whats{width:100%;font-size:20px;margin-top:10px;}



	.loop-video iframe{height:225px;}

	.video-single iframe{height:225px;}



	#slidenoticias{height:230px;}

	.thumbslide{float: left;width: 100%;height: 230px; padding:0;}

	.next{ top:90px;}

	.prev{ top:90px;}



}



/*FOOTER*/

#fo{background:#F15D21;padding-top:20px;padding-bottom:20px;color:#fff;text-transform:uppercase;font-family: 'Archivo Narrow', sans-serif;font-weight:400;font-size:14px;}

#redes-fo{padding-bottom:15px;}

#redes-fo button{background:none;color:#FFF;border:solid 2px #FFF;border-radius:100px;padding:5px;width:35px;height:35px;text-align:center;font-size:18px;}

#redes-fo button:hover{background:#901235;color:#fff;}



/*FORMULARIOS*/

label{font-family:'Archivo Narrow', sans-serif; width: 100%; color:#8F1837;font-weight:500;}

label.mL{width: 49%; float: left;}

label.mR{width: 49%; float:right;}



label.mS{width:50px; float: left;}



span.wpcf7-form-control-wrap{margin:0 !important;}

label span.wpcf7-list-item-label{font-size:20px;}

label [type=radio]:after{width:30px;height:30px; color:#000;background:#fff;}

label [type=radio]:checked:after  {

    content: "\2713";

    color: #77dd77;

    font-size:25px;

    text-align: center;

    line-height:10px;

}



label span{font-size:15px; font-weight:normal;}

label [type=text], [type=email], [type=number], [type=file], select{	

	border:none;

	background:#E0E0E0;

	color:#000;

	padding:10px;

	border-radius:5px;

	width:100%;

	float: left;

	font-size:18px;

}

label textarea{	

	border:none;

	background:#E0E0E0;

	color:#000;

	padding:10px;

	border-radius:5px;

	width:100%;

	max-width:100%;

	height: 100px;

	max-height:100px;

	float: left;

	font-size:18px !important;

}







[type=submit]{

	background:#8F1837;

	padding:10px 35px;

	border-radius:2px;

	color:#fff;

	border:none;

	font-family: 'Archivo Narrow', sans-serif;

	text-transform:uppercase;

	font-weight:500;

	font-size:20px;



	ransition-property:;

	transition-duration: 0.5s;

	-webkit-transition-property:; /* Safari */

	-webkit-transition-duration: 0.5s; /* Safari */

}

[type=submit]:hover{background:#F15D21;}



div.wpcf7-response-output, .wpcf7-display-none, .wpcf7-validation-errors, .wpcf7-mail-sent-ng{

	padding:10px !important;

	text-align:center;

	font-size:12px !important;

}



/*FIM DOS FORMULARIOS*/



/*PAGINAÇÃO*/

.wp-pagenavi{

	margin: 0 0 40px 0;

	width:100%;

	padding:20px 0;

	text-align:center;

	font-size:13px;

}



.wp-pagenavi a{

	border-radius: 1px;

	background:#8F1737;

	

	color:#fff;

	

	width:40px;

	height:30px;

	padding:5px 10px !important;

	border:none !important;

	

	transition-property:;

	transition-duration: 0.5s;

	-webkit-transition-property:; /* Safari */

	-webkit-transition-duration: 0.5s; /* Safari */

}

	.wp-pagenavi a:hover{

		background:#F26B21;

		color:#fff;

		text-decoration:none;

		border:solid 1px #fff;

	}



.wp-pagenavi span.current{

	background:#F26B21;

	color:#fff;

		

	border-radius:1px;

	

	width:40px;

	height:30px;

	padding:5px 10px !important;

	border:none;

}



.wp-pagenavi span.pages{

	border-radius: 1px;

	color:#fff;

	background:#8F1737;

	border:none !important;

	

	height:30px;

	padding:5px 10px !important;

}



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

	[type=submit]{width:100% !important;}

}