/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/*Generales*/

body {padding:0; margin:0; font-family: 'Inter', sans-serif; min-height: 100vh; line-height: 160%; font-size: 16px;}
div.content {min-height: 100vh; margin-top: 120px;}
.bg-home {background-image: url(https://arenacavancha.cl/cms/wp-content/uploads/2026/01/estrato-01-fondo-1.png)}
h1,h2,h3,h4,h5 {font-family: "Epilogue", sans-serif;}
p {margin-bottom: 30px;}
/*Header*/

header {padding: 30px 0; width: 100%; position: fixed;  background: linear-gradient(360deg,rgba(237, 237, 237, 1) 0%, rgba(255, 255, 255, 1) 100%);; top: 0; left:0; box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1); z-index: 100;}
header h1 {margin: 0; width: 100%; height: 60px;}
header h1 a {display: block; background-image: url(https://arenacavancha.cl/cms/wp-content/uploads/2026/01/arena-cavancha-color-header.svg); background-size: contain; background-repeat: no-repeat; background-position: top center; text-indent: -9000px; width: 100%; height: 100%;}
header ul {padding-left: 0; margin-top: 15px; margin-bottom: 0;}
header ul li {display: inline-block; margin: 0 30px; font-size: 16px; font-weight: 600;}
header ul li a {text-decoration: none; color:#000;}
header ul li a:hover {text-decoration: none; color:#000;}
header ul.menu-desktop-left {text-align: right;}
header ul.menu-desktop-right {text-align: left;}

/*Menu Mobile*/

a.btn-top-menu { height:50px; width:50px; cursor:pointer; display:none; position:absolute; top:26px; right:25px; color:#000; font-size:36px; text-align:center; z-index: 2000;}
a.btn-top-menu:hover {background:none;}
a.close-menu-global { background:none; }
a#boton-cerrar-menu { color:#000;}

div.mobile-menu { position:absolute; top:123px; left:0; width:100%; background-color:#EBEBEB; z-index:1999; text-align:left; padding-bottom:30px; height: 200vh; padding-top:0; }
div.mobile-menu ul { margin:0; padding-left:15px;}
div.mobile-menu ul li { font-size:18px; padding:20px 0; margin-left:0; list-style:none; text-align:left; font-weight: 500; color:#000;}
div.mobile-menu ul li a { color:#000; font-weight: normal; text-decoration: none;}
div.mobile-menu ul li a:hover { color:#000; font-weight: normal; text-decoration: none;}
div.mobile-menu ul li ul {padding-left: 15px; margin-top: 20px;}
div.mobile-menu ul li ul li {padding-top: 5px;}

/*Home*/


/*Noticias*/
body.category-1 {background: linear-gradient(240deg,rgba(234, 234, 234, 1) 100%, rgba(224, 227, 232, 1) 100%);}
body.category-1 h2 {font-weight: 600; font-size: 48px; margin: 30px 0 10px 0; font-weight: 700;}
h3.category_description {margin-bottom: 30px; margin-top: 0; font-size: 28px;}
div.repeat-noticia { margin-bottom: 30px; background-color: #FFF; border-radius: 20px; overflow: hidden; height: 400px;}
div.repeat-noticia h3 { margin: 30px; font-size: 20px; height: 110px; font-weight: 700;}
div.repeat-noticia h3 a {color:#000; text-decoration: none;}
div.repeat-noticia h3 a:hover {color:#000; text-decoration: none;}
div.repeat-noticia a.thumb-noticia {    background-repeat: no-repeat; background-size: cover; height: 300px; display: block; background-position: center center;}
.pagination {width: 100%; margin: 30px 0 60px;  text-align: center;}
body.category .wp-pagenavi a, .wp-pagenavi span { text-decoration: none!important; padding: 3px 5px!important; margin: 8px!important; border:none!important;}
.bg-category {background-image: url(https://arenacavancha.cl/cms/wp-content/uploads/2026/01/ficha-evento-01-scaled.png); background-repeat: no-repeat; background-size: cover; background-position: top center;}

/*Single Noticias*/
body.single {background: linear-gradient(240deg,rgba(234, 234, 234, 1) 100%, rgba(224, 227, 232, 1) 100%);}
body.single h2 {font-weight: 600; font-size: 48px; margin: 30px 0 10px 0; font-weight: 700; text-align: center; margin-bottom: 30px;}
body.single .bg-category {padding-top: 120px;}
.thumb-single {height: 600px; border-radius: 30px; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; margin-bottom: 30px; width: 100%; margin-top: 30px;}
.date {opacity: 0.5;}

/*Slider*/
.bx-wrapper {background: none!important; border:none!important; box-shadow: none!important; margin: 60px 0 90px; max-width: 100%!important;}
.galeria-single {margin: 0 0; height: 220px;}
.galeria-single li {height: 220px;}
.galeria-single li a {height: 220px; width: 100%; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; border-radius: 20px;}

/*Eventos*/
body.post-type-archive-evento {background: linear-gradient(240deg,rgba(234, 234, 234, 1) 100%, rgba(224, 227, 232, 1) 100%);}
body.post-type-archive-evento h2 {font-weight: 600; font-size: 48px; margin: 30px 0 10px 0; font-weight: 700;}
body.post-type-archive-evento .repeat-noticia {height: 440px;}
body.post-type-archive-evento .repeat-noticia h3 {height: 70px; margin-bottom: 15px;}
body.post-type-archive-evento .repeat-noticia p {margin: 0 30px 5px;; opacity: 1; font-size: 16px; font-family: "Epilogue", sans-serif; font-weight: 500;}
body.post-type-archive-evento .repeat-noticia p img {vertical-align: sub;}

/*Single Evento*/
p.data-evento {font-size: 18px; font-weight: 500; padding-bottom: 15px; margin-bottom: 15px; border-bottom:1px solid #CCC; padding-left: 20px;}
a.btn-agregar {    text-align: center;
    padding: 10px 20px;
    border: 1px solid #000;
    width: 100%;
    display: block;
    border-radius: 25px;
    margin-bottom: 40px;
    color: #000;}

/*Footer*/
footer {background-color: #16171D; padding: 30px 0; width: 100%; color:#FFF;}
.instagram-footer {margin-top:60px; text-align: center; display: inline-block; border:1px solid #FFF; padding: 10px; border-radius: 50%; float: right; width: 50px;}



/* Large desktop */
@media (min-width: 1200px) { 

}

/* Desktop 1024 */
@media (min-width: 980px) and (max-width: 1199px) { 

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

}

/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) { 
	
	.instagram-footer {float: none;}
	footer {text-align: center;}
	footer img {width: 50%!important}
	header h1 {margin: 0; width: 70%; height: 60px;}
	a.btn-top-menu {display: block;}
}

/* Landscape phones and down */
@media (max-width: 480px) {
	
	.instagram-footer {float: none;}
	footer {text-align: center;}
	footer img {width: 50%!important}
	header h1 {margin: 0; width: 70%; height: 60px;}
	a.btn-top-menu {display: block;}

}