/*
Theme Name:   Ociolatino Child
Theme URI:    https://themeforest.net/user/mvpthemes/
Description:  Ociolatino Child Theme
Author:       MVP Themes
Author URI:   https://themeforest.net/user/mvpthemes/portfolio
Template:     ociolatino
Version:      1.0.0
License:      GNU General Public License v3 or later
License URI:  http://www.gnu.org/licenses/gpl-3.0.html
Tags:         two-columns, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready
Text Domain:  ZoxPress-child
*/


body, #zox-lead-top {
	background-color: #d4e0e7 !important;
}

#zox-site-grid {
	background-color: #ecece9;
}

.zox-sport3 .zox-body-width {
	padding: 0 8px;
}

#zox-home-main-wrap {
	padding: 0px;
}

.zox-byline-wrap span, .zox-byline-wrap span a, .zox-sport3 .zox-divr p.zox-s-graph {
	color: #333;
}

.zox-blog-grid.zox-divr .zox-art-text, .zox-s6 .zox-divr .zox-art-text, .zox-s2 .zox-divr .zox-art-text {
	padding: 0 10px 0 0;
}

#zox-home-widget-wrap {
	padding: 0 8px;
}

#zox-main-blog-wrap {
	margin: 0 8px;
}

#custom_html-4.zox-side-widget {
	border: none;
	box-shadow:none;
}

.zox100 {
	width: auto;
}

#zox_flex_list1_widget-3 {
	background-color: #fdf9eb;	
}

h1.zox-post-title, h2.zox-s-title1, h2.zox-s-title2 {
	text-transform: none;
}

.archive.tag h1.zox-post-title, .page h1.zox-post-title {
	font-size: 20px;
	color: #ccc;
}


/* HEADER CENTRADO */

.zox-head-width {
	padding: 0;
}

.zox-top-head-custom {
    justify-content: space-between;
    width: 100%;	
    margin: 0 auto;
}

#zox-site-main {
	max-width: 1280px;
	margin: 0 auto;
}

#zox-main-head-wrap .left, #zox-site-wall .left {
	float: none;
	max-width: 1280px;
}

.zox-nav-menu ul li a {
	text-transform: none !important;
}


.zox-bot-head-logo a img {
	/*height: 40px;*/
	padding-left: 14px;
}

.zox-post-img-wrap {
	max-width: 100%;
	margin: 0 auto !important;
}

.zox-nav-menu ul li a {
	font-weight: 700 !important;
}

.fecha-header {
	margin: 0 0px 20px 0;
	padding-left: 17px;
	font-size: 10px;
}

.single-post .fecha-header {
	padding-left: 31px;
}

.searchform-header {
	display: inline-block;
	margin-left: 30px;
}

.searchform-header input[type="text"] {
	width: 240px;
}

ul#menu-cabecera-1 li a:hover {
	color: #000;
}

/*Compartir de RRSS en post*/

ul.zox-post-soc-stat-list {
	grid-template-columns: 70px auto auto auto auto auto;
}

ul.zox-post-soc-stat-list li.zox-post-soc-comp {
	width: 80px;
	border: none;
	font-size: 0.7rem;
}
ul.zox-post-soc-stat-list li.zox-post-soc-comp:hover{
	color: #000;
	background: #fff;
} 



@media only screen and (max-width: 600px) { 
	.searchform-header {
		display: inline-block;
		margin-left: 20px;
	}	
	.searchform-header input[type="text"] {
		width:157px;
	}
}

/********** AUTHOR  ***********/

#zox-author-top-left {
	width: 300px;
}

/********** POST  ***********/

.type-post span.zox-post-main-title {
	top: 0;
}


.zox-post-bot-wrap {
	float: none;
}

.zox-post-tags a, .zox-post-tags a:visited {
	text-transform: uppercase;
}


.zox-post-body tbody tr {
	border: none;
}

.zox-author-name-wrap, .zox-author-name, .zox-post-date-wrap, .zox-post-date-wrap p {
	float: none;
	display: block;
	margin-top: 4px;
}
.comment-form h3 {
	font-size: 1.6rem;
	margin: 15px 0;
}
p.comment-form-comment {
	margin: 15px 0 0 0 !important;
}

/******** FOOTER  ***********/
ul#menu-footer-menu li {
	border-right: 1px solid #fff;
	padding-right: 10px;
}

ul#menu-footer-menu li a:hover {
	text-decoration: underline;
}

.stats-pv {
	max-width: 1280px;
	text-align: center;
	display: block;
	margin: 0 auto;
	padding-bottom: 20px;
	background-color: #607a92;
	font-size: 14px;
	color: #fff;
}



/*******  CONTACTO  ***********/
/*-----------------------------
Diseño responsivo y ajustable y 
con un ancho del 100% 
para el plugin Contact Form 7 
-------------------------------*/
.wpcf7-form {
  width: 50%; 
  margin: 0 auto!important;
}

div.wpcf7 .wpcf7-form-control {
  max-width: 95%;
}

.wpcf7 select {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0;
    padding: 4px;
    text-indent: 0px;
    width: 100%;
    z-index: 100;
}


.wpcf7-text {
  width: 100%;
  height: 38px;
  font-size: 15px;
}

.wpcf7-textarea {
  width: 100%;
  font-size: 15px;
}

.wpcf7-submit{
	background-color:#e30407 !important;
	color:white!important;
	border:none;
	padding: 10px 20px;
	font-weight: bold;
	font-size: 20px;
}


/******** TV EN VIVO ******/


.page-template-page-fullwidth .zox-post-body table, .page-template-page-fullwidth .comment-inner table {
	max-width: 100%;
}


.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}


/******** HEMEROTECA ******/


.box .pdf-card {
	width: 20%;
	float: left;
	padding: 20px 5px;
	height: 250px;
}

.box .pdf-card p {
	margin: 0;
}

@media screen and (max-width: 650px) {
	.box .pdf-card {
		width: 33%;	
		height: 190px;
	}
	.box .pdf-card p {
		font-size: 0.8rem;
	}
	.box .pdf-card img {
		width: 100px;
	}
}


.space20 {
	height: 20px;
}




/********************** INTELLIGENCE ADS ****************/
	
.single .zox-side-widget.widget_ol_ads_widget {	
	border: none;
    box-shadow: none;
}


.widget_ol_ads_widget span.ol-ads-label {
    color: #aaa;
    float: left;
    font-size: 10px;
    letter-spacing: 1.5px;
    line-height: 1;
    margin: 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.widget_ol_ads_widget.zox-side-widget  {
	padding: 0;
	border-radius: 0;
}

/* Estilos para el contenedor */
.olia-container {
    width: 300px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    /*grid-template-rows: 1fr 1fr;*/
    gap: 0px; /* Espacio gris entre los banners */
    background-color: #eeeeee; /* Color gris para el fondo */
    padding: 0px; /* Espacio alrededor del contenedor */
    box-sizing: border-box;
}

/* Estilos para cada banner */
.olia-banner {
    width: 135px;
    height: auto;
    margin: 10px 7px;
    background-color: #f5f5f5; /* Color de fondo de cada banner */
}