/*
Theme Name: El Farandi
Theme URI: http://boombox.px-lab.com
Template: boombox
Author: Bitecla
Author URI: https://bitecla.com
Description: Tema Personalizado para El Farandi
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-colors, custom-header, custom-background, full-width-template,custom-menu, editor-style, featured-images, featured-image-header, post-formats, sticky-post, theme-options, translation-ready
Text Domain: boombox
*/

/*************** Add your custom css here  ***************/
.page-wrapper {
    background-color: #F3F3F3;
}

#mainContainer {
    background-color: #F3F3F3 !important;
}

header {
    background-color: transparent;
}

#mobile-navigatio {
    z-index: 1000000000000;
}	
.textoCajaBloque {
    font-family: sans-serif;
    font-weight: BOLD;
    color: #929292;
}

.cajaBloqueVideo {
    width: 100%;
    min-height: 200px;
    background-color: #000000;
    padding: 10px;
    border-radius: 7px;
    border-top: 7px solid #ED0101;
    overflow: hidden !important;
    margin-bottom: 10%;

}

.especialFila1_Col1 {
    width: 100%;
    min-height: 270px;
    background-color: #efefef;
    margin: 1%;
    border-radius: 10px;
    background-size: 100%;
}

.videoFila1_Col1 img{
    position: relative;
    left: 41%;
    top: 100px;

}

.especialFila1_Col2 {
    width: 100%;
    min-height: 200px;
    margin: 1%;
}

.especialFila2_Col {
    width: 100%;
    min-height: 200px;
    margin: 1%;
    margin-top: 25px;
}

.titulovideo {
    margin-bottom: 10px;
}

.titulovideo img {
    margin-top: 0px;
    margin-right: 5px;
}

@media screen and (min-width: 480px) {
    .especialFila1_Col1 {
        float: left;
        width: 69%;
        min-height: 270px;
        background-color: #efefef;
        margin: 1%;
        border-radius: 10px;
        background-size: 100%;
    }

    .especialFila1_Col2 {
        float: right;
        width: 27%;
        min-height: 200px;
        margin: 1%;
    }

    .especialFila2_Col {
        float: left;
        width: 31.3%;
        min-height: 200px;
        margin: 1%;
        margin-top: 25px;
    }
}

.divFotoDelDia {
    height: 568px;
    /*background-size: 960px auto;*/
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;

}

.videoFila1_Col1 {
    width: 100%;
    min-height: 192px;
    background-color: #efefef;
    margin: 1%;
    border-radius: 10px;
    background-size: 100%;
}

.videoFila1_Col2 {
    width: 100%;
    min-height: 200px;
    margin: 1%;
    color: #ffffff;
}

.videoFila1_Col2 .auth-url span{
    color: white !important;
}

.tituloVideo {
    color: #FFFFFF;
}
.cajaespecial .tituloVideo {
    color: #000000;
}

.tituloVideo a {
    font-size: large !important;
}
/**
.videoFila1_Col1:after {
    content: url(images/boton_video.png);
    position: relative;
    left: 110px;
    top: 60px;
}
**/
.pubIzq {
    margin-bottom: 10px;
    float: none;
}

.pubDer {
    float: none;
}

@media screen and (min-width: 480px) {

    .videoFila1_Col1 {
        float: left;
        width: 69%;
        min-height: 270px;
        background-color: #efefef;
        margin: 1%;
        border-radius: 10px;
        background-size: 100%;
    }

    .videoFila1_Col2 {
        float: right;
        width: 27%;
        min-height: 200px;
        margin: 1%;
        color: #ffffff;
    }

    .tituloVideo {
        color: #FFFFFF;
    }
/**
    .videoFila1_Col1:after {
        content: url(images/boton_video.png);
        position: relative;
        left: 220px;
        top: 100px;
    }
**/
    .pubIzq {
        float: left;
    }

    .pubDer {
        float: right;
    }
}

.badge-list {
    position: relative !important;
    text-align: center !important;
}

.term-80 .circle,
.term-82 .circle,
.term-79 .circle,
.term-84 .circle,
.term-77 .circle,
.term-83 .circle,
.term-81 .circle,
.term-78 .circle,
.term-76 .circle {
    background: #ffe400;
}

.badge .circle {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 37px;
    /* text-align: center; */
    /* vertical-align: middle; */
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.18);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.18);
}

.badge .circle img {
    vertical-align: middle;
    width: 100%;
}

.badge-list .badge {
    margin: 0 3px 5px;
    vertical-align: top;
}

.badge.trending .circle,
.page-trending .trending-navigation ul li.active a,
.post-number {
    background-color: #f43547 !important;
}

.cajaespecial{
    background: white !important;
    width: 100%;
    min-height: 200px;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 7px;
    border-top: 7px solid #ED0101;
    margin-bottom: 10%;
}

.cajaespecial .cajaBloqueVideo {
    width: 100%;
    min-height: 200px;
    background-color: #ffffff;
    padding: 10px;
    border: none;
    overflow: hidden !important;
    margin-bottom: 0%;

}


.bb-post-collection {
    background: white !important;
    width: 100%;
    min-height: 200px;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 7px;
    border-top: 7px solid #ED0101;
    margin-bottom: 10%;
}

.cajaespecial .bb-post-collection {
    background: white !important;
    width: 100%;
    min-height: 200px;
    background-color: #ffffff;
    padding: 10px;
    border: none;
    margin-bottom: 0%;
}

.cajaespecial .videoFila1_Col2 .auth-url span {
    color: #000000 !important;
}

.widget_media_image img{
    width: -webkit-fill-available;  
}

.bb-post-share-box h2{
    text-align: center;
}

.form-captcha img, .go-top, .bb-next-prev-pagination .page-link, .bb-next-pagination .page-link, .bb-wp-pagination a, .bb-wp-pagination span, .navigation.pagination a, .navigation.pagination span, .bb-affiliate-content .affiliate-link, .bb-btn, input, select, .select2-container--default .select2-selection--single, textarea, button, .bb-btn, #comments li .comment-body .comment-reply-link, .bb-header.header-desktop .create-post, .bb-affiliate-content .item-url, .bb-btn, input, select, textarea, button, .bb-btn, #comments li .comment-body .comment-reply-link {
    -webkit-border-radius: 9px !important;
    -moz-border-radius: 24px !important;
    border-radius: 9px !important;
}

.ad728{
    height: 90px !important;
    background-image: url('/wp-content/themes/elfarandi/images/728-2.jpg') !important;  
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.ad250{
    height: 250px !important;
    background-image: url('/wp-content/themes/elfarandi/images/250-1.jpg') !important;  
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.photo{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 17px;
    position: relative;
    margin-bottom: 25px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}

.post-summary{
	 margin: 0 0 10px !important;
    font-size: 16px !important;
    line-height: 1.25em;
    font-weight: 500;
    color: #a3a3a3 !important;
}
.ads-horizontal {
	text-align: center;
	margin-bottom: 10px;
}
.bb-before-header {
	display: none;
} 
