/*
Theme Name: Octoedro Art
Description: Tema desarrollado en exclusiva para Octoedro Art
Author: Accon Software, SL
Author URI: http://www.acccon.com
Template: Divi
Version: 1.0.0
*/

/* Importaciones */ 

@import url("../Divi/style.css"); /* Incorporamos la página de estilos de DIVI */

/* Puntos de interrupción DIVI

Large Desktop: 1405px and above
Standard Desktop: between 1100px and 1405px
Laptops and Large Tablets: between 980px and 1100px
Tablets: between 768px and 980px
Smartphones and small Tablets: between 320px and 768px;
Smartphones: between 320px and 480px; /*

/* Custom CSS - General */

img {
    max-width: inherit;    
}

.et_pb_section {	
	background-color: #000;
}

/* Custom CSS - Navegación */

#top-menu li.current-menu-item > a {
    color: #caac63;
}

#et-footer-nav {
    background-color: #000000!important;   
}

#et-footer-nav .container {
    text-align: right;    
}

.et_fullwidth_secondary_nav #top-header .container {
    text-align: right;    
}

#main-footer .container{
    margin-right: 2.773%; 
    margin-left: 2.773%; 
    width:94.454%!important;
    max-width: 94.454%;
    text-align: right;
}

#footer-bottom {
    display: none;
}

/* Custom Css - Filtros*/
.filters-container > a:first-child{
	color:#caac63;
}
.btn-filter{
	color:#ffffff;
}

/* Custom CSS - Mosaicos principales */

.five-columns .et_pb_module {
    width: 19%;
    float: left;
    margin-right:1.25%;
}

.five-columns .et_pb_module:last-child {
    margin-right:0;
}

#mosaico {
    margin: 0 auto;
    margin-bottom: 5%;
}

.custom-thumbnail {
  position: relative;    
  overflow: hidden;
  z-index: 100; /* Para evitar bug en Chrome */
}

#mosaico {
    width: 1702.128px; /* Para una anchura del mosaico de 1600px */
}

.custom-thumbnail {
    height: 304px!important; /* Para una anchura del mosaico de 1600px */
}

.custom-thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

.et_pb_image .et_pb_image_wrap {
    display: inline-block;
    position:inherit;
    /*max-width:inherit;*/
	width:100%;
    max-width:100% !important;
}

#principal .et_pb_image .et_pb_image_wrap {
    display: inline-block;
    position:inherit;
    max-width:inherit;
}

 .et_pb_video_box {
    overflow: hidden;
}
/*
.et_pb_video_box video {
    /*object-fit: cover;
    z-index: 0;  Para evitar bug en Chrome 
}
*/
.et_pb_video_box:-webkit-full-screen {    
    z-index: 99999999999999999!important;
}


.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module,
.et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_module {
    margin-bottom: 1.1%;
}

.et_overlay {
    background-color: rgba(0,0,0,0.75)!important;
    color: #fff!important;
    padding-top: 25%;
}

@media all and (min-width: 1405px) and (max-width: 1919px) {

    /* Para una anchura del mosaico de 1200px */
    #mosaico {width: 1276.596px;}
    .custom-thumbnail, .et_pb_video_box video {height: 228px!important;}        
}
 
@media all and (min-width: 1024px) and (max-width: 1404px) {

    /* Para una anchura del mosaico de 900px */     
    #mosaico {width: 957.447px;}
    .custom-thumbnail, .et_pb_video_box video {height: 171px!important;}
}

@media all and (max-width: 1023px) {
    
    /* Desaparece el mosaico, en columna */       
    
    .et_pb_row .et_pb_row_fullwidth {
        width:100%!important;
    }
    
    .et_pb_image_0 img {
        max-width:100%!important;
    }
    
    /* #fila-dinamica-3d, #fila-estatica-3d, #fila-dinamica-2d, #fila-estatica-2d {
        max-width: 100% !important;
        width: 100%;
    }*/
    
    .five-columns .et_pb_module {
        width: 100%;
        float: none;
        margin-right:0;
    }

    #mosaico {
        width: 372.340px;
    }

    .custom-thumbnail, .et_pb_video_box video {
        width: 297.867px!important;
        height: 297.867px!important;
    }
}

/* Custom CSS - Logo */

#logo2 .et_pb_image_0 {
    max-width: 50%;
    text-align: center;
}
#seccion_mandalas{
	padding:0px !important;
}
/* Custom CSS - Principal */

.one-column .et_pb_module {
    width: 100%;    
}

#principal {
    margin: 0 auto;
    margin-bottom: 5%;
}

#principal {
    /* width: 765.957px;    */
    width: 1148.936px; /* Para una anchura del mosaico de 1080px */
}

#principal .custom-thumbnail {
  position: relative;    
  overflow: hidden;
  /* z-index: 100; /* Para evitar bug en Chrome */
}
#principal .custom-thumbnail, #principal .et_pb_video_box video {    
    height: 540px!important; /* Para una anchura del mosaico de 1600px */    
    width: 540px!important;
}

@media all and (min-width: 1405px) and (max-width: 1919px) {

    /* Para una anchura del mosaico de 1026px */    
    #principal {width: 1098.489px;}
    #principal .custom-thumbnail, #principal .et_pb_video_box video {height: 513px!important; width: 513px!important;}    
}    

@media all and (min-width: 1024px) and (max-width: 1404px) {

    /* Para una anchura del mosaico de 856.80px */         
    #principal {width: 911.489px;}    
    #principal .custom-thumbnail, #principal .et_pb_video_box video {height: 428px!important; width: 428px!important;}
    #principal .et_pb_video_box video {width: 428px!important;}
}

@media all and (max-width: 1023px) {
    
    /* Para una anchura del mosaico de 372.340px */     
    #principal {width: 396.106px;}
    #principal .custom-thumbnail, #principal .et_pb_video_box video {height: 297.867px!important; width: 297.867px!important;}
}

/* Custom CSS - Textos */

#textos .et_pb_text_0 {
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 4px;
    text-shadow: 0em 0.1em 0.1em rgba(0,0,0,0.4);
}

#textos .et_pb_title_container h1 {
    font-size: 26px;
    font-weight: 300;
    color: #caac63 !important;
    letter-spacing: 5px;
    text-transform: uppercase;
}

/* Custom CSS - Banners */

@media all and (max-width: 1405px) {

    #fila-dinamica-3d, #fila-estatica-3d, #fila-dinamica-2d, #fila-estatica-2d {
        width: 100%!important;
    }
    
}
 
/* Custom CSS - Formularios */

.custom_recaptcha {    
    margin-bottom: 20px;
}

input[type="email"], textarea {
    background-color: #000;
    border: thin solid #262626;
    color: #ccc;
    width: 100%;
    padding: 15px;
    font-size: 1em;
    letter-spacing: 3px;
}

input[type="email"]:focus, textarea:focus {    
    background-color: #060606;
    border: thin solid #caac63;
    color: #caac63;
}

textarea {
    resize: none;
}

.et_pb_button_4 {
    border: thin solid #262626;
    font-size: 1em;
    letter-spacing: 3px;
    color: #ccc!important;
}

.et_pb_button_4:hover {
    border: thin solid #060606;
    font-size: 1em;
    letter-spacing: 3px;
    color: #caac63!important;
    background-color: #060606;
    cursor:pointer;
}

.wpcf7-not-valid-tip {
    font-size: .8em!important;
    letter-spacing: 3px;
    color:#caac63!important;
}

.wpcf7-response-output {
    font-size: .8em!important;
    letter-spacing: 3px;
    color:#caac63!important;
    margin-left:0!important;
    margin-right:0!important;
    border: thin solid #060606!important;    
}

video::-webkit-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}

@media (max-width: 1919px) and (min-width: 1405px) {
    #principal .custom-thumbnail, #principal .et_pb_video_box video {
        height: 513px!important;
        width: 513px!important;
    }
}
/*button load more result content*/
#btn_load_more {
    background-color: #060606 !important;
    color: #caac63 !important;
    padding-top: 12px !important;
    padding-right: 36px !important;
    padding-bottom: 12px !important;
    padding-left: 36px !important;
    letter-spacing: 4px;
    font-size: 14px;
    /*font-weight: 300 !important;*/

}
#btn_load_more:hover{
    cursor:pointer;
    /*color: #fff !important;
    border: 2px #caac63 solid;
    background-color: #060606 !important;*/
}

/* CUSTOM-THUMBNAIL 2 */


.custom-thumbnail2 {
  position: relative;    
  overflow: hidden;
  z-index: 100; /* Para evitar bug en Chrome */
}

.custom-thumbnail2 {
    height: 304px!important; /* Para una anchura del mosaico de 1600px */
}

.custom-thumbnail2 img {
  /*position: absolute;*/
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

@media all and (min-width: 1405px) and (max-width: 1919px) {

    /* Para una anchura del mosaico de 1200px */    
    .custom-thumbnail2 {height: 228px!important;}        
}
 
@media all and (min-width: 1024px) and (max-width: 1404px) {

    /* Para una anchura del mosaico de 900px */         
    .custom-thumbnail2 {height: 171px!important;}
}

@media all and (max-width: 1023px) {    

    .custom-thumbnail2 {
        width: 297.867px!important;
        height: 297.867px!important;
    }
}

#fichas .custom-thumbnail2 {
  position: relative;    
  overflow: hidden;
  z-index: 100; /* Para evitar bug en Chrome */
}

#fichas .custom-thumbnail2 {
    height: 261.90px!important; /* Para una anchura del mosaico de 1080px */    
}

#fichas .custom-thumbnail2 img {
  /*position: absolute;*/
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

@media all and (min-width: 1405px) and (max-width: 1919px) {

    /* Para una anchura del mosaico de 1026px */    
    #fichas .custom-thumbnail2 {height: 246.24px!important;}        
}
 
@media all and (min-width: 1024px) and (max-width: 1404px) {

    /* Para una anchura del mosaico de 856.80px */         
    #fichas .custom-thumbnail2 {height: 205.632px!important;}
}

@media all and (max-width: 1023px) {
    
    #fichas .custom-thumbnail2 {
        width: 297.867px!important;
        height: 297.867px!important;
    }
}

/* BOTONES FLOTANTES */

#et-secondary-menu {
    float: left!important;    
}

#et-secondary-nav .menu-flotante-qui-som {
    position: absolute;
    text-align: left;
    padding: 12px;    
    top: 3vh;     
    left: 10px;
    z-index:0;
}

#et-secondary-nav .menu-flotante-que-fem {
    position: absolute;
    text-align: left;
    padding: 12px;    
    top: 3vh;
    left: 100px;
    z-index:0;
}

.menu-flotante-qui-som2 {
    position: absolute!important;
    text-align: left;
    padding: 12px;    
    top: -.41em;     
    left: 0;
    z-index:0;
}

.menu-flotante-que-fem2 {
    position: absolute!important;
    text-align: left;
    padding: 12px;    
    top: 1.3em;
    left: 0;
    z-index:0;    
}

.menu-flotante-on-comprar2 {
    position: absolute!important;
    text-align: left;
    padding: 12px;    
    top: 3em;
    left: 0;
    z-index:0;    
}

@media all and (max-width: 980px) {
 
 .menu-flotante-qui-som2, .menu-flotante-que-fem2, .menu-flotante-on-comprar2  {
    position: relative!important;    
    left: 0;
    padding: 0!important;
     top:0!important;
     text-transform: uppercase;
    }   
    
}

#et-secondary-nav .menu-flotante-spotify, #et-secondary-nav .menu-flotante-random {
    position: absolute;          
    margin-right: 0;
} 

.menu-flotante-spotify {
    position: absolute;
    text-align: right;
    padding: 12px;    
    top: 1vh; 
    right: 9vh;  
    z-index:0;    
}

.menu-flotante-random {
    position: absolute;
    text-align: right;
    padding: 12px;    
    top: 1vh; 
    right: 3vh;  
    z-index:0;
}