/*

	Theme Name: Sojo Clean
	Theme URL: http://www.visualko.com/
	Description: Sitio web para fotografos.
	Author: Ernesto Schulz
	Author URI: http://www.visualko.com/
	Version: 1.0

*/

/*
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;400;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');
*/


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;600;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');


:root{
  --negro:#000;
  --blanco:#fff;
  --claro:#f5f5f5;
  --oscuro:#222;
  --gris:#6f6f6f;
  --naranja:#f5ad00;

  --textoClaro:#eeedef;
  --textoGris:#6f6f6f;
  --textoOscuro:#222;
  --textoBlanco:#fff;

  --principal:#0079be;
  --secundario:#012b65;
  --tercero:#;
  --cuarto:#343434;
  --quinto:#2B2B2B;
}

/*
h2.titulo{
  color:var(--secundario);
  background:var(--quinto);
  text-shadow: 10px 10px 5px var(--cuarto);
}
*/

html, body {
  height: 100%;
}
body{
  color:var(--gris);
  background: var(--blanco);
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
}
@media screen and (max-width: 480px) {
  body{

  }
}
/*
.oswald-<uniquifier> {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*/
.centrada {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

h1, h2, h3, h4{

}

a{
  color:var(--claro);
}
a:hover{
  color:var(--blanco);
  text-decoration: none;
}


.clear{ clear:both;}

.hl{ clear:both; height:auto; overflow:hidden;}
.hlb{ clear:both; height:1px; overflow:hidden; background:#ebe9eb; margin-top:10px; margin-bottom:10px;}
.hl10{ clear:both;	height:10px;}
.hl25{ clear:both;	height:25px;}
.hl30{ clear:both;	height:30px;}
.hl50{ clear:both;	height:50px;}
.hl100{ clear:both;	height:100px;}
.hl150{	clear:both;	height:150px;}

.bb{ padding-bottom:10px; border-bottom:solid 1px #ccc; margin-bottom:10px;}
.bt{ padding-top:10px; border-top:solid 1px #ccc; margin-top:10px;}
.br{ padding-right:10px; border-right:solid 1px #ccc; margin-right:10px;}
.bl{ padding-left:10px; border-left:solid 1px #ccc; margin-left:10px;}

.p0{ padding:0;}
.pl0{ padding-left:0}
.pr0{ padding-right:0}
.m0{ margin:0;	}
.m10{margin:10px 0;}
.p50{ padding:50px 0;	}
.p100{ padding:100px 0;	}
.pbox { padding: 50px;}



.img-full{ width:100%;	height:auto;}
.img-circular{
  border-radius: 50%;
}
.center{ margin:auto 0;}

.btn-principal{
  background-color: var(--principal);
  color: var(--claro);
}
.btn-principal:hover{
  background-color: var(--secundario);
  color: var(--claro);
}

.btn-secundario{
  background-color: var(--secundario);
  color: var(--claro);
}
.btn-secundario:hover{
  background-color: var(--principal);
  color: var(--claro);
}

.btn-oscuro{
  background-color: var(--principal);
  color: var(--claro);
}
.btn-oscuro:hover{
  background-color: var(--oscuro);
  color: var(--claro);
}


.google-maps {
    position: relative;
    padding-bottom: 540px; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 540px !important;
}
.formulario{
  padding:50px 20px;
}


.italica{font-style: italic;}
.centrado{text-align:center}
.alignRight{text-align:right}
.mayuscula{text-transform:uppercase;}
/*
.naranja{color:rgba(209,132,86,1)}
.bg-naranja{background-color:rgba(209,132,86,1)}
.blanco{color:rgba(255,255,255,1)}
.bg-blanco{background-color:rgba(255,255,255,1)}
.azul{color:rgba(120,148,204,1)}
.bg-azul{background:rgba(120,148,204,1)}
.gris{color:rgba(223,223,220.1)}
.bg-gris{background-color:rgba(223,223,220,1)}
.negro{color:rgba(44,44,44,1)}
.bg-negro{background-color:rgba(44,44,44,1)}
*/

.weight200{font-weight: 200}
.weight300{font-weight: 300}
.weight400{font-weight: 400}
.weight700{font-weight: 700}
.weight800{font-weight: 800}
.weight900{font-weight: 900}

.oscuro{
  background-color:var(--oscuro);
}
.textoOscuro{
  color:var(--oscuro);
}

.claro{
  background-color:var(--claro);
}
.textoClaro{
  color:var(--claro);
}

.bgBlanco{
  background-color:var(--blanco);
}
.textoPrincipal{
  color:var(--principal);
}

.textoSecundario{
  color:var(--secundario);
}



/********   navegacion **********/
.navbar{
  background: transparent;
}
.page-template-catalogo header .navbar{
  background: rgba(0,0,0, 0.5)
}
.navbar-toggler{
  background-color:#0dabe4;
  border:1px solid var(--oscuro);
}
.navbar-toggler-icon{
  color:#000;
}
.navbar-black{
  background: rgba(0,0,0, 0.5)
}
ul.menu-principal{
  width:auto;
  height:auto;
  float:right;
  margin:0;
  margin-top:25px;
  transition:all 0.25s ease;
  padding: 0; /* Agregado para evitar espacios innecesarios */
}

ul.menu-principal li{
  float:left;
  list-style:none;
  margin:0 10px;
  position: relative; /* Añadido para los submenús */

}

ul.menu-principal li a{
  color:var(--blanco);
  font-size: 1.1rem;
  text-decoration: none;
	display: block;
	text-transform: uppercase;
	position: relative;
}
/*  ul.menu-principal li a:after{position: absolute;  bottom: 45px;  left: 0;  right: 0;  margin: auto;  width: 0%;  content: '.';  color: transparent;  background: #cc5a1c;  height: 5px;}  */
ul.menu-principal li:hover{}
ul.menu-principal li a:hover{color:var(--principal); border-bottom: dashed 1px var(--principal);}
ul.menu-principal li a:hover:after{}
ul.menu-principal li.active a {color:var(--blanco); text-shadow:none;	background: var(--principal); border-bottom: dashed 1px var(--principal); padding:5px; margin:-5px;}
/*  ul.menu-principal li.active a:after{position: absolute;  bottom: 45px;  left: 0;  right: 0;  margin: auto;  width: 100%;  content: '.';  color: transparent;  background: #cc5a1c;  height: 5px;} */
ul.menu-principal li ul.dropdown-menu li.current-menu-item a{color:var(--secundario) !important;	text-shadow:none;	background:none !important; border-bottom: dashed 1px var(--gris-claro)}

ul.menu-principal li > ul.dropdown-menu{background:var(--principal); left:0; right:auto; top:30px ; width:auto; margin:0; padding:0; box-shadow: none;}
ul.menu-principal li > ul.dropdown-menu li{clear:both; margin:10px 0; color:var(--claro)}
ul.menu-principal li > ul.dropdown-menu li a{color:var(--claro); margin-left:10px;}
ul.menu-principal li > ul.dropdown-menu li:hover{color:var(--blanco); background:none;  border-bottom: dashed 1px var(--blanco)}
ul.menu-principal li > ul.dropdown-menu li a:after{position: absolute;  bottom: 45px;  left: 0;  right: 0;  margin: auto;  width: 0%;  content: '.';  color: transparent;  background: #cc5a1c;  height: 5px;}
ul.menu-principal li > ul.dropdown-menu li a:hover{color:var(--blanco); background:none; border-bottom:none !important}
ul.menu-principal li > ul.dropdown-menu li a.active{color:var(--blanco);}
ul.menu-principal li > ul.dropdown-menu li a:hover:after{width: 0%;}


.menu-search{
  margin-top:-7px;
}
/* multilevel navigation */
ul.dropdown-menu li > ul.dropdown-menu {
    left: 100%;
    top: 0;
}

ul.dropdown-menu li:hover > ul.dropdown-menu,
ul.dropdown-menu li:focus > ul.dropdown-menu {
    display: block;
}



@media screen and (max-width : 960px) {
  ul.menu-principal{width:100%; height:100%; clear:both; background:transparent !important; margin:20px 0;}
  ul.menu-principal li{float:left; padding:5px;}
  ul.menu-principal li a{color:var(--blanco)}
  ul.menu-principal li a:hover{color:var(--gris-claro); background:none; border-bottom:none !important}
  ul.menu-principal li a.active{color:var(--gris-claro);}
  ul.menu-principal li a:hover:after{display:none}
  ul.menu-principal li.active a:after{display:none}
  ul.menu-principal li ul.dropdown-menu li.current-menu-item a{color:var(--gris-claro) !important;	text-shadow:none;	background:none !important;}
	ul.menu-principal li > ul.dropdown-menu{background: var(--theme-color); left:0; right:auto; top:30px ; width:auto; margin:0; padding:0;}
}

@media screen and (max-width : 480px) {
  ul.menu-principal{background:var(--theme-color) !important}
  ul.menu-principal li{clear:both; padding:5px;}
  .navbar{padding:5px; background: rgba(0,0,0, 0.5)}
}


header .logo {
	float: left;
	margin-top: 23px;
	display: block;
	height: 100px !important;
	width: auto;
	line-height: auto;
}
header .logo a {
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 480px) {
  .logo{
      left:0;
  }
}

/******* fin menu *****/
/*******************************/


#inicio{
  height:100vh;
  background: url(img/baldosa.gif) no-repeat center center;
  background-size: cover;
}
.textos-inicio h1{
  font-family: 'Poppins', sans-serif;
  color:#fff;
  font-size: 4rem;
  font-weight: 800px;
}
.textos-inicio h3 {
  color:var(--blanco);
}
.textos-inicio h3 a{
  color:var(--blanco);
  background:var(--principal);
  paddign:5px 10px;
  display:inline;
}
.textos-inicio h3 a{
  text-decoration: none;
}
#servicios{
  padding-bottom:50px;
}

#especialidades{
  padding:100px 0;
  background:url("img/bg-section-05.jpg") no-repeat center center;
  background-size: cover;
}
.hl-especialidades{

}
#comentarios{
  padding-top:50px;
  padding-bottom:100px;
  background:url("img/block-bg-3.jpg") no-repeat center center;
  background-size: cover;
}

.hl-comentarios{

}
.owl-item {
  padding-left: 25px;
  padding-right: 25px;
}
.owl-item img{
  display: contents;
  width:auto !important;
}
.text-comentario h3{
  color:#fff;
  font-style: italic;
}
.text-comentario p{
  color:#fc0;
}

#banner{}
.hl-bg-banner{
  background: #0079be;
}
.hl-banner{
  background: #0079be;
  padding:50px 0;
}
.hl-imagen-banner{
  padding:20px;
}
.textos-banner{
  font-family: 'Poppins', sans-serif;
}
.textos-banner h4{color:#fff; font-style:italic; font-size: 1rem}
.textos-banner h1{color:#fff; font-size: 4rem; font-weight: 600}
.textos-banner p{color:#fff;}

@media screen and (max-width: 480px) {
  .textos-banner h1{color:#fff; font-size: 2rem; font-weight: 600}
}


.btn-compra{
  background: rgba(255, 255, 255, 0.4);
  padding:20px 10px;
  margin-bottom:20px;
  color:#fff;
  border-radius: 5px;
  box-shadow: 0px 0px 5px #ccc;
}
.btn-compra a{text-decoration: none;}
.btn-compra h3{
}
.btn-compra:hover{
      color:#fc0;
      box-shadow: 0px 0px 5px #9b9b9b;
}

.btn-productos{
  background:#0dabe4;
  color:#fff;
  border-radius: 0px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow: 0px 0px 5px #444;
}
.btn-productos:hover{
  background:#fc0;
  color:#fff;
}

.hl-catalogo{
  border-bottom: 1px dashed #0dabe4;
  margin-bottom: 20px;
}
#catalogo{
  background:#f5f5f5;
}
#contacto{
  background: #f5f5f5;
}

#footer{
  background:var(--secundario);
}


#woocommerce-{
  margin-top:200px;
}
body.single-product header .navbar, body.tax-product_cat header .navbar{
  background: rgba(0,0,0, 0.5)
}
.posted_in a{
  color:var(--principal);
}