/*
 Theme Name:   Ohmyshower
 Theme URI:    http://archiwp.com/
 Description:  Ohmyshower Theme
 Author:       OceanThemes
 Author URI:   http://oceanthemes.net
 Template:     archi
 Version:      3.4.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  ohmyshower
*/

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

/* =Theme customization starts here
------------------------------------------------------- */

html .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9.is-type-video .wp-block-embed__wrapper::before {
  padding-top: 0 !important;
}

body {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
}

html .wpml-ls-legacy-list-horizontal {
  display: inline-block !important;
  padding: 0 !important;
}

html .wpml-ls-legacy-list-horizontal ul {
  display: inline-block !important;
}

html .politica-privacidad p {
  color: #1a1a1a;
}

.widget ul li a:hover {
  text-decoration: none;
  color: #af9773;
}

html .page-template .wpb_content_element {
  margin-bottom: 0;
}

html .page-template .filters a {
  color: #fff;
  font-weight: 500;
}

html .page-template #filters a:hover {
  background: #1a1a1a;
}


/* HEADER */

html header.de_header_2 {
  height: 140px;
}

html header .info-movil {
  display: none;
}


html header.smaller:not(.header-bottom):not(.side-header) {
  background: #1a1a1a;
  border-bottom: #1a1a1a;
}

html header div#logo {
  padding: 8px 0;
}

html #mainmenu {
  padding: 15px 0;
}

html #mainmenu li a::after {
  color: #fff;
}

html #mainmenu li li {
  margin-bottom: 3px;
  border-bottom: none;
}

html #mainmenu li li a, html header.smaller #mainmenu li li a {
  padding: 10px 15px;
  background: #1a1a1a;
  color: #fff;
}

html #mainmenu li li a:hover, html header.smaller #mainmenu li li a:hover {
  color: #af9773;
}

html .portfolio-template-default #mainmenu > li > a:hover {
  color: #af9773;
}

html .portfolio-template-default #content {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

html header .info .info-list, header .info .info-list strong {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}

html header .info ul.info-list li {
  margin-right: 0;
}

html header .info ul.info-list li strong {
  color: #fff;
}

html header .info ul.info-list a:hover {
  text-decoration: none;
  color: #DBB687;
}

html #mainmenu > li > a:hover {
  color: #DBB687;
}

html header.smaller #mainmenu > li.current-menu-item > a, html header.smaller #mainmenu > li > a:hover, html .crumb a, html address div strong, .portfolio-icon:hover, .portfolio-icon a:hover i {
  color: #af9773 !important;
}

html #btn-search, html #back-to-top, html #sidebar .widget .small-border, #filters li.showchild > a, #filters a.selected, #filters a.selected:hover, .filters a.selected, .filters a.selected:hover, .filters a:hover {
  background-color: #af9773 !important;
}

html .item:hover .picframe-new .project-name {
    color: #af9773 !important;
}


.filters a:hover {
  color: #1a1a1a !important;
}

#filters a.selected {
  color: #1a1a1a;
}

/* SIDEBAR */

html #search {
  line-height: 20px;
}

html #search:focus {
  border-color: #af9773 !important;
}

/* PAGES */

html .page-template #mainmenu > li > a:hover, html .page-template #mainmenu > li.active > a {
  color: #DBB687 !important;
}

html .home #mainmenu > li > a:hover, html .home #mainmenu > li.active > a {
  color: #DBB687 !important;
}


html .page-template #content, html .page-template section {
  background: #1a1a1a;
}

html .page-template .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="number"], .wpcf7 select.wpcf7-select, .wpcf7 textarea {
  background: #fff;
  border-color: #1a1a1a;
  color: #1a1a1a;
}

.wpcf7 textarea[placeholder] {
  color: #1a1a1a;
}

.wpcf7 input[type="submit"] {
  background: #af9773 !important;
}

.wpcf7 input[type="submit"]:hover {
  border: 1px solid #af9773;
  background: transparent !important;
  color: #af9773;
}

.wpcf7 .btn-line {
  color: #1a1a1a;
  border-color: #af9773;
}

/* BLOG */

html .blog-list .date-box .day, html .btn-more {
  background-color: #af9773 !important;
}

html .post-image, html .blog-list .date-box .month {
  border-bottom-color: #af9773 !important;
}

html .blog-list .date-box .day {
  color: #fff;
}

html .blog-list .btn-more {
  color: #fff;
}

html .blog-list .btn-more:hover {
  color: #1a1a1a !important;
}


/* FOOTER */

html footer h3 {
  font-size: 18px;
}

html footer a:hover, html address span a:hover {
  text-decoration: none;
  color: #af9773;
}

html address span strong {
  color: #af9773;
  min-width: auto;
  margin-right: 5px;
}

.widget.widget_media_image {
  text-align: center;
}

.subfooter .social-icons ul li a:hover {
  background: transparent;
  border-color: transparent;
  color: #af9773;
}

.main-footer .enlaces ul li {
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  margin-bottom: 5px;
  line-height: 18px;
}

/* HOME */

html .texto-home {
  font-size: 16px;
}

html .separator span i {
  color: #af9773;
}

html .home .texto-collection {
  font-size: 16px;
}

html .home .boton-collection .vc_btn3 {
  font-size: 13px;
  color: #1a1a1a;
  border: 1px solid #fff;
  padding: 10px 20px;
}

html .home .boton-collection .vc_btn3:hover {
  color: #fff;
  background: transparent;
}

html .home .colecciones .wpb_content_element {
  margin-bottom: 0;
}

html .home .colecciones .titulo-colec {
  font-size: 18px;
  padding-bottom: 10px;
}

html .home .colecciones .texto-colec {
  font-size: 14px;
  padding-bottom: 25px;
}

html .home .colecciones .boton-colec {
  font-size: 13px;
  margin-bottom: 0;
  width: 100%;
  display: block;
}

html .home .colecciones .boton-colec .vc_btn3 {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
}

html .home .colecciones .boton-colec .vc_btn3:hover {
  color: #1a1a1a;
  background: #fff;
}

html .home .personalizado .wpb_single_image {
  margin-bottom: 0;
}

html .home .texto-diseno {
  padding: 0 120px;
}

html .home .boton-diseno {
  width: 100%;
  display: block;
  margin-left: 120px;
  padding-right: 240px;
}

html .home .boton-diseno .vc_btn3 {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
  color: #1a1a1a;
  background: #fff;
  border: 1px solid #fff;
}

html .home .boton-diseno .vc_btn3:hover {
  background: transparent;
  color: #fff;
}

html .home .control-calidad {
  border-top: 1px solid #af9773;
}

html .home .control-calidad .wpb_single_image {
  margin-bottom: 0;
}

html .home .control-calidad .titulo-control-calidad h3 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}

html .home .control-calidad .texto-control-calidad {
  margin-bottom: 20px;
  font-size: 14px;
}

html .home .contacto .titulo-contacto {
  font-size: 36px;
  font-weight: 600;
  color: #fff;
}

html .home .contacto .texto-contacto {
  font-size: 16px;
  color: #fff;
}

html .home .contacto .boton-contacto {
  width: 100%;
  display: block;
}

html .home .contacto .boton-contacto .vc_btn3 {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
  color: #1a1a1a;
  background: #fff;
  border: 1px solid #fff;
}

html .home .contacto .boton-contacto .vc_btn3:hover {
  color: #fff;
  background: transparent;
}

html .home .noticias {
  padding: 100px 0 50px 0;
}

html .home .noticias .post-text h3 {
  margin-top: 5px;
  margin-bottom: 5px;
}

html .home .noticias .post-text a {
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
}

html .home .noticias .post-text a:hover {
  text-decoration: none;
  color: #af9773;
}

html  .home .noticias .post-text p {
  font-size: 13px;
  font-weight: 400;
}

html .home .noticias .blog-list .date-box .day {
  background: #af9773;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
}

html .home .noticias .blog-list .date-box .month {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 4px solid #af9773;
}

html .home .noticias .post-image {
  border-bottom-color: #af9773;
}

html .home .noticias .owl-pagination .owl-page span {
  background: #fff;
  opacity: 1;
}

html .home .noticias .owl-pagination .active span {
  background: #af9773;
  opacity: 1;
}



/* FICHA PRODUCTO */

.texto-ficha .wpb_text_column span {
  font-size: 14px;
  color: #333;
}

.texto-ficha .box-icon-simple span {
  color: #333;
  font-size: 16px;
}

.texto-ficha .box-icon-simple.center .icon-img {
  margin-bottom: 20px;
}

.titulo-ficha {
  line-height: 40px;
}



/* PORTFOLIO */

html .portfolio-template-default .wpb_content_element {
  padding-bottom: 0;
  margin-bottom: 0;
}

/* CONTACTO */

html .texto-pagina-contacto {
  margin-bottom: 0;
  font-size: 16px;
}

/* DISEÑO 3D */

.embed-responsive-16by9 {
  padding-bottom: 56.25% !important;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  padding-bottom: 0px;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* CATALOGOS */

html .catalogos .text .id-color, html .certificados .text .id-color {
  color: #af9773;
}

html .catalogos .boton-izquierda {
  float: right;
}

html .catalogos .botones-finos a:hover, html .certificados .botones-finos a:hover {
  color: #af9773;
  background: transparent;
}

html .certificados .botones-finos {
  text-align: center;
}

html .certificados .botones-finos .boton-izquierda, html .certificados .botones-finos .boton-derecha, html .catalogos .boton-izquierda, html .catalogos .boton-derecha {
  border: none;
  color: #fff;
  font-size: 16px;
}

/* IDIOMAS */

html .wpml-ls-legacy-list-horizontal ul li a:hover {
  text-decoration: none;
  color: #DBB687;
}


/* RESPONSIVO */

@media (min-width:1200px) and (max-width:1399px) {
  html .home .texto-diseno {
    padding: 0;
  }
}

@media (min-width:992px) and (max-width:1199px) {
  html .collection .vc_col-sm-3 {
    width: 10%;
  }

  html .collection .primera, html .collection .segunda {
    width: 40%;
  }

  html .home .texto-diseno {
    padding: 0;
  }

  html .personalizado .no-valido.vc_col-sm-4 {
    display: none !important;
    width: 0 !important;
  }

  html .personalizado .personal.vc_col-sm-8 .vc_col-sm-8 {
    width: 100% !important;
  }

  html .contacto .vc_col-sm-4 {
    width: 20%;
  }

  html .contacto .vc_col-sm-4.central {
    width: 60%;
  }

  html .noticias .vc_col-sm-3 {
    width: 20%;
  }

  html .noticias .vc_col-sm-6.centrado {
    width: 60%;
  }

  html .noticias .centrado .owl-item {
    width: 300px !important;
  }

}

@media (min-width:768px) and (max-width:991px) {
  html .collection .vc_col-sm-3 {
    width: 10%;
  }

  html .collection .primera, html .collection .segunda {
    width: 40%;
  }

  html .home .texto-diseno {
    padding: 0;
  }

  html .personalizado .no-valido.vc_col-sm-4 {
    display: none !important;
    width: 0 !important;
  }

  html .personalizado .personal.vc_col-sm-8, html .personalizado .personal.vc_col-sm-8 .vc_col-sm-8 {
    width: 100% !important;
  }

  html .contacto .vc_col-sm-4 {
    width: 20%;
  }

  html .contacto .vc_col-sm-4.central {
    width: 60%;
  }

  html .single-portfolio-bottom {
    display: none;
  }

  html header.de_header_2 {
    height: 100px;
  }

  html header .info-movil {
    display: inline-block;
    float: right;
    margin-top: 15px;
  }

  html .wpml-ls-legacy-list-horizontal ul li a:hover {
    color: #DBB687;
  }

  html .home .noticias .wpb_wrapper .vc_column_container {
    width: 100% !important;
  }

  html .catalogos .boton-izquierda, html .catalogos .boton-derecha {
    font-size: 12px;
  }

}

@media (max-width: 767px) {
  html .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  html #menu-btn:hover {
    background: #af9773;
  }

  html .titulo-principal {
    line-height: 40px !important;
  }

  html .colecciones .titulo-colec, .colecciones .texto-colec {
    text-align: center;
  }

  html .colecciones .vc_column-inner {
    padding: 20px 30px !important;
  }

  html .collection {
    padding-left: 15px;
    padding-right: 15px;
  }

  html .collection .boton-collection {
    width: 100%;
    display: block;
    text-align: center;
  }

  html .personalizado .vc_column-inner {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  html .home .texto-diseno {
    padding: 0 15px;
  }

  html .home .boton-diseno {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    text-align: center;
  }

  html .home .boton-diseno .vc_btn3 {
    width: 80%;
  }

  html .home .control-calidad .descripciones-control-calidad > .vc_column-inner {
    padding-top: 50px !important;
  }

  html .home .control-calidad .vc_column_container .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html .home .control-calidad .vc_column_container .vc_column-inner .wpb_wrapper {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  html .home .control-calidad .vc_column_container .vc_column-inner .imagen-control-calidad .wpb_wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html .home .control-calidad .imagen-logo {
    text-align: center;
    margin-bottom: 15px;
  }

  html .home .control-calidad .titulo-control-calidad {
    text-align: center;
  }

  html .home .contacto .texto-contacto, html .home .contacto .titulo-contacto {
    padding-left: 15px;
    padding-right: 15px;
  }

  html .home .contacto .boton-contacto {
    text-align: center;
  }

  html .home .contacto .boton-contacto .vc_btn3 {
    width: 80%;
  }

  html .blog-list h3 a {
    line-height: 30px;
  }

  html .blog-list h3 a:hover {
    text-decoration: none;
    color: #af9773;
  }

  html .titulo-pagina-contacto h1 {
    line-height: 35px;
  }

  html .catalogos .boton-izquierda, html .catalogos .boton-derecha {
    padding: 10px 0;
    font-size: 10px;
  }

  html .certificados .boton-izquierda, html .certificados .boton-derecha {
    padding: 10px 0;
  }

  html .manda-mensaje {
    padding-top: 40px;
  }

  html #mainmenu li {
    background: #1a1a1a;
    z-index: 9999;
  }

  html header.de_header_2 {
    height: 100px;
  }

  html header .info-movil {
    display: inline-block;
    float: right;
    margin-top: 15px;
  }

  html .wpml-ls-legacy-list-horizontal ul li a:hover {
    color: #DBB687;
  }

  html .home #mainmenu > li > a:hover, html .home #mainmenu > li.active > a {
    color: #af9773 !important;
  }

  html .catalogos .boton-izquierda {
    float: none;
  }

  html .catalogos .botones-finos {
    text-align: center;
  }

  html .certificados .botones-finos .boton-izquierda, html .certificados .botones-finos .boton-derecha {
    font-size: 10px;
  }

  html .diseno3D {
    padding: 0 !important;
    margin: 0 !important;
  }

}