/*
	Theme Name: The Voux Child Theme
	Theme URI: 
	Description: <strong>Theme by <a href="http://elsembrador.org">ESNE</a></strong>
	Version: 1.0.0
	Author: ESNE
	Template: thevoux-wp
*/

@import url("../thevoux-wp/style.css");



/* customizing starts here */


/* Hide category name on top of main slider */
.post.featured-style4 .featured-title .post-meta a {
display: none
}
/* Change text to black on post images on main slider FIRST FOR Excerpt SECOND FOR Title */
.post.featured-style4 .featured-title .post-excerpt p {
    color: #000;
}

/* hide the read more on posts on main slider */
.post.featured-style4 .featured-title .post-excerpt .more {
    display: none;
}

/* hide search and social from top right corner*/
.header .social-holder > div {
    display: none;
}

/* hide category name on top of posts on main page */
.post-meta a.cat-programacion {
    display: none;
}

/* Body BG for website */
body {
   /* background: url("tv-section-bg-v4.png") repeat-y top; */
}

/* widgets on the right remove BG and border line  === overrides rule on:  app.css (line 2274 ) on parent template */
.widget {
   /* border: 0px; */
}

/* hide post author and date on articles only */
.post .post-author  {
display: none;
}

/* hide post author and date on articles on main page */
.post.style1 .post-meta, .post.style1 .post-author, .post.style2 .post-meta, .post.style2 .post-author {
    display: none;
}

/* hide link to article's comments on main page */
.post-links .post-link.comment-link {
    display: none;
}

/* hide post date on articles showing full image on main page */
.post.style7 .post-meta, .post.style7 .post-author {
    display: none;
}

/* Hide comment count view on social bar on the left on post views */

.post .share-article .boxed-icon.comment {
	display: none;
}

/* hide coments secction at the end of post's content */
#comments .post-content-container .commentlist_parent {
	display:none;
}

/* HIDE COMMENTS with previous rule there was still a blank space left, used this to remove it */
#comments {
    display: none;
}



/* Hide bread crumbs on posts */
.post .post-meta {
	display: none;
}

/* Hide Tags at the end of posts / articles */
.post .article-tags {
	display: none;
}




/* ========================================
changes to guia de programacion starts here
===========================================*/

/* padding for event title on daily view list IN THE CENTER OF THE PAGE */
.wpb_content_element .wpb_wrapper .ajde_evcal_calendar #evcal_list .eventon_list_event .evcal_desc span.evcal_event_title {
    line-height: 120%;
    padding: 15px 3px 3px 30px;
}

/* padding for event title on list view - para: "En estos momentos" y "A continuacion" */
.widget .textwidget .ajde_evcal_calendar .eventon_events_list .eventon_list_event .evcal_desc {
    display: block;
    margin-bottom: 0;
    margin-left: 5px;
    padding: 35px 20px 0 30px;
    top: 0;
}

/* hide featured image on NOW PLAYING and COMMING NEXT on Widget */
.post-content .row .columns .wpb_widgetised_column .widget .textwidget .ajde_evcal_calendar .eventon_events_list .eventon_list_event .event_description .evo_metarow_fimg {
	display: none;
}

/* hide featured image on MAIN CALENDAR */
.wpb_content_element .wpb_wrapper .ajde_evcal_calendar .eventon_events_list .eventon_list_event .event_description .evo_metarow_fimg {
	display: none;
}

/* Hide month's name of calendar's grid on widget */
.wpb_widgetised_column .widget .textwidget .ajde_evcal_calendar .evcal_month_line {
	display:none;
}

/* Hide date and month calendar grid on widget */
.wpb_widgetised_column .widget .textwidget .ajde_evcal_calendar .eventon_events_list .eventon_list_event .desc_trig_outter .desc_trig .evcal_cblock {
	display:none;
}


/* Color BG on indidividual cards on programing guide DAILY VIEW*/
.wpb_content_element .wpb_wrapper .ajde_evcal_calendar .eventon_events_list .event .event_description .bordb {
	background-color: #eaeaea;
	}
	
/* Border Color on indidividual cards on programing guide applies to ALL VIEWS daily and sidebar (same as color card)*/
.event_description .bordb, .eventon_events_list .eventon_list_event .event_description, #evcal_list {
    border-color: #eaeaea !important;
}	

/* color on left side of event's cards DAILY VIEW to match image or event color*/

.wpb_content_element .wpb_wrapper .ajde_evcal_calendar .eventon_events_list .eventon_list_event .desc_trig_outter .evcal_list_a {
    border-color: #efbc07 !important;
}

/* color on bottom event card border DAILY VIEW */
.wpb_content_element .wpb_wrapper .ajde_evcal_calendar .eventon_events_list .eventon_list_event .evcal_list_a::after, .evcal_list_a::after {
    background-color: #000 !important;
}

/* color Time-hour under program title on daily view cards*/
#evcal_list .eventon_list_event .evcal_desc em, .evo_lightboxes .evcal_desc em {
    color: #fff !important;
}

/* Hide program's time on the left of title on daily view cards (time shows double so hided one) */
#evcal_list .eventon_list_event .evcal_cblock, .evo_lightboxes .evo_pop_body .evcal_cblock {
    display: none;
}

/* Bacground Color event card DAILY VIEW */
.wpb_content_element .wpb_wrapper .ajde_evcal_calendar .eventon_events_list .eventon_list_event .desc_trig_outter .desc_trig {
    background-color: #e64f25;
}

/* UPDATE: commented out some classes to aply effect on Daily view and Widget - Event Title name color on card events DAILY VIEW */
/* .wpb_content_element .wpb_wrapper .ajde_evcal_calendar .eventon_events_list */ .eventon_list_event .desc_trig_outter .desc_trig .evcal_desc span {
    color: #fff !important;
}

/* Event TIME color on card events DAILY VIEW */
.wpb_content_element .wpb_wrapper .ajde_evcal_calendar .eventon_events_list .eventon_list_event .desc_trig_outter .desc_trig .evcal_cblock .evo_time {
    color: #fff !important;
}

/* Chenge color to time on widget */
.textwidget .ajde_evcal_calendar .eventon_events_list .eventon_list_event .desc_trig_outter .desc_trig .evcal_desc em {
    color: #fff !important;
}


/* Event Content background color ALL VIEWS */
.event_description .evcal_event_details {
    background-color: #fff !important;
}

/* Remove word "EVENTS" under current day on daily view */
.wpb_text_column .wpb_wrapper .ajde_evcal_calendar .evodv_current_day .evodv_events {
display: none !important;
}


/* Current month and year color */
.wpb_text_column .wpb_wrapper .ajde_evcal_calendar .calendar_header .evo_month_title {
    color: #000000 !important;
}



/* Daily View - large card Gradient color*/

.wpb_content_element .wpb_wrapper .ajde_evcal_calendar .evodv_current_day {
	background: #e64f25; /* (Orange) For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #eaa700 , #e64f25); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #eaa700, #e64f25); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #eaa700, #e64f25); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #eaa700 , #e64f25); /* Standard syntax (must be last)*/

    color: #ffffff;
}


/* LIVE NOW on Widget - event header GRADIENT */ 

.textwidget .ajde_evcal_calendar .eventon_events_list .eventon_list_event .desc_trig_outter .desc_trig {
	background: #e64f25; /* (Orange) For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #eaa700 , #e64f25); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #eaa700, #e64f25); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #eaa700, #e64f25); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #eaa700 , #e64f25); /* Standard syntax (must be last)*/
}










/* Hide phrase "EVENT DETAILS" on top when event card is open */

.ajde_evcal_calendar .eventon_events_list .eventon_list_event .evcal_eventcard .evcal_evdata_row .evcal_evdata_cell .eventon_full_description .evo_h3 {
    display: none;
}
	
	
	/* Adjust card margins and padding on events or programs on widget */

.widget .textwidget .ajde_evcal_calendar .eventon_events_list .eventon_list_event .event_description .evcal_evdata_row .evcal_evdata_cell {
    min-height: 25px;
    padding: 20px;
	text-align:justify;
}
	

/* Different color background for guia de programacion */
	
body.page-id-838 { 
    background-color: #eaeaea;
	/*
    background-image: url(http://); 
    background-repeat: no-repeat;
	background-position:top;
	*/
}
	
	
	


/* ========================================
  Different background for pages changes
===========================================*/


/* Add bg to page esne en tu pais */
body.page-id-714 { 
    background-color: transparent;
    background-image: url(http://elsembradorministries.com/esne-images/cms-images/tv/esne-en-tu-pais-page-bg.jpg); 
    background-repeat: no-repeat;
	background-position:top;
}




/* ========================================
  Modifications to Huge_it Video Gallery
===========================================*/






.wpb_wrapper section #huge_it_videogallery {
	background-color: #fff;    /* remove BG color*/
	box-shadow: 0 0 0px;          /* remove drop shadow   */
    display: block;
    margin-bottom: 30px;
    min-height: 100%;
    min-width: 69%;
    padding: 0px;
    text-align: center;
}


.wpb_wrapper section #huge_it_videogallery .huge_it_big_li {
    border: 0px solid #444444;
    border-radius: 8px !important;
    height: 180px !important;
    margin: 1px !important;
    max-width: 280px !important;
    overflow: hidden;
    padding: 10px !important;
    width: 100%;
}


#thumbwrapper2 #huge_it_videogallery li img {
    border: 0px solid #e9e7e6;
    border-radius: 12px !important;
    height: 100% !important;
    max-height: 180px !important;
    max-width: 280px !important;
    padding: 0px !important;
    width: 100%;
}


/* this is the overlay layer on the video */
.wpb_wrapper section #huge_it_videogallery li .overLayer, section #huge_it_videogallery li .infoLayer {
    border-radius: 5px;
    height: 180px;
    left: 0;
    max-width: 280px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity 0.3s linear 0s;
    width: 100%;
    z-index: 4;
}


/* ========================================
  LIVE TV - center player on TV's main page - div + script element: player
===========================================*/
#player {
	margin: 0 auto;
}


/* ==========================================================================================================================
       titles for questions on roku section - this rule is/should be specific for that section as set per post number's class
   ==========================================================================================================================*/
.post-2318 .post-content .vc_row-fluid .columns .vc_tta-container .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-title-text {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: 600;
	color: #444444 !important;
}


/*   =========================================================================================================================================
      On Roku Section - space on accordion content elements - this rule is/should be specific for that section as set per post number's class
     ========================================================================================================================================= */
.post-2318 .post-content .vc_row-fluid .columns .vc_tta-container .vc_general .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body {
    padding: 20px 10px 50px 10px;
}

   
   /* ===============================================================================================================================================
      On Roku Section change color to accordeon tabs - apply to mouseover color and active - these will affect with the same settings on the webpage
      =============================================================================================================================================== */
   /* Active tab color bg*/
.post-2318 .post-content .vc_row-fluid .columns .vc_tta-container .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_active .vc_tta-panel-heading  .vc_tta-panel-title {
    /* background-color: #f7be68;*/
	background-color: #eac630;
}
/* Make non-active background tab  white */
.vc_tta-color-orange.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
    background-color: #ffffff !important;
}
/* add color to accordeon tabs on hover */
.vc_tta-color-orange .vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:focus, .vc_tta-color-orange.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:hover {
    background-color: #eac630 !important;
}
   
   
   
    /* ====================================
      Contact Form 7 Styling
      ===================================== */
   
   
.wpcf7 {
    background-color: #ececec;
    border: 1px solid #d2d2d2;
	padding: 40px !important;
}

/* style for every input - Some of them may not be available in every form */
.wpcf7 input[type="text"],
.wpcf7 input[type="password"],
.wpcf7 input[type="date"],
.wpcf7 input[type="datetime"],
.wpcf7 input[type="email"],
.wpcf7 input[type="number"],
.wpcf7 input[type="search"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="time"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
    background-color: #fff;
    color: #4e4d4d;
    width: 100%;
	border: 1px solid #d2d2d2;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="password"]:focus,
.wpcf7 input[type="date"]:focus,
.wpcf7 input[type="datetime"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="number"]:focus,
.wpcf7 input[type="search"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="time"]:focus,
.wpcf7 input[type="url"]:focus,
.wpcf7 textarea:focus {
  border: 1px solid #737373;
  background: #fff;
}


/* ============================================================================================================
    En el menu de guia de programación agregar un margen al final del enlace de Internacional,
	para agregar informacion sobre el tiempo que tarda en cargar la pagina en imagen como background.
   ============================================================================================================*/
.menu-item-1881 {
	padding-bottom:40px !important;
	background-color: transparent;
	background-image: url(bg-sub-menu-item-programacion-internacional.png);
	background-repeat: no-repeat;
}


/* ============================================================================================================
    CONTADOR DE COMPARTIDAS A REDES SOCIALES
	En los posts hay botones para compartir en las diferentes redes sociales... el contador no muestra
	la cantidad de veces que se ha compartido por lo que se ha ocultado con la siguiente regla
   ============================================================================================================*/

.post .share-article .boxed-icon span {
    display: none;
}