/*
 Theme Name:   DuperMag
 Theme URI:    https://www.acmethemes.com/themes/dupermag/
 Description:  DuperMag is a Child Theme Of SuperMag. DuperMag is perfect theme for news, magazine, blog, reviews or personal sites. Full image blog and full image single post make it really cool. DuperMag extend the SuperMag theme with more beautifully crafted design. Get free support at https://www.acmethemes.com/acmethemes-supports/ and see demo here http://www.demo.acmethemes.com/dupermag/
 Author:       acmethemes
 Author URI:   http://www.acmethemes.com/
 Template:     supermag
 Version:      1000.2.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, footer-widgets, sticky-post, theme-options, threaded-comments, translation-ready, blog, news
 Text Domain:  dupermag
*/
/*common css*/
/* COMMON WIDGETS */
.widget-title,
.page-header .page-title,
.single .entry-header .entry-title,
.page .entry-header .entry-title {
    font-size:17px;
    font-weight: 500;
    line-height: 24px;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    float: left;
    width: 100%;
}

.widget-title:before,
.page-header .page-title:before,
.single .entry-header .entry-title:before,
.page .entry-header .entry-title:before
{
    bottom: 0;
    content: '';
    display: inline-block;
    left: 0;
    position: absolute;
    text-transform: uppercase;
}
.widget-title:before,
.page-header .page-title:before,
.single .entry-header .entry-title:before,
.page .entry-header .entry-title:before
{
    width: auto;
}
.widget-title span,
.page-header .page-title > span,
.single .entry-header .entry-title > span,
.page .entry-header .entry-title > span
{
    display: block;
    float: left;
    color: #fff;
    padding: 5px 10px;
    position: relative;
    z-index: 5;
}
.widget-title span a{
    color: #fff;
}
.widget-title span:after,
.page-header .page-title > span:after,
.single .entry-header .entry-title > span:after,
.page .entry-header .entry-title > span:after
{
    width: 40px;
    height: 100%;
    content: "";
    position: absolute;
    z-index: -1;
    transform: skew(30deg);
    top: 0;
    right: -20px;
}
/*related posts*/
.featured-related-posts .widget-image{
    margin-bottom: 10px;
}
/*feature desc title on widget*/
.featured-post-main .featured-desc,
#primary .not-featured-post-main .featured-desc {
    display: table;
    padding-top: 6px;
}

/****
Codigo personalizado del tema
run...
**/
.header-container {
    background-size: 100% 135px !important;
}
.header-ainfo{
    padding:0;
}
.content-wrapper{
    overflow:hidden;
}
.header-ainfo aside h3{
    font-size: 12px;
}
.header-wrapper .menu li a{
    font-size: 12px;
}
.widget-title span,
.page-header .page-title > span, 
.single .entry-header .entry-title > span, 
.page .entry-header .entry-title > span{
    font-size: 12px;
}
/*

.slide-title span{
    text-shadow:0 0 5px #000;
}
.slide-title,
.slide-title:hover,
.slide-title span:hover{
    color: #fff !important;
}
.beside-caption{
    top:0;
    height:100%;
}
.beside-caption .post-title{
    padding-top:15%;
    text-shadow:0 0 5px #000;
}
*/
.slider-section .slider-desc,
.beside-caption{
    background: rgba(0,0,0,.6) !important;
}
.beside-caption .post-title a{
    font-size:13px !important;
}


.cont-video{
    width:500px;
    margin:auto;
    height:450px;
    margin-bottom:5%;
}
.cont-video iframe{
    width:100%;
    height:100%;
}

article.post p{
    text-align: justify;
}
/*Estilo carrousel*/
.galeria-imagenes .bx-viewport img {
    height: 200px !important;
    width: 250px !important;
}

.bx-wrapper{
    margin:0 !important;
}
/*Estilo de plugin video galeria*/
section #huge_it_videogallery li .overLayer, section #huge_it_videogallery li .infoLayer{
    background: rgb(0,0,0,.5);
}

/*Estilo slider*/
.sp-full-screen-button{
    top: 5px !important;
}

@media(max-width:768px){
    .cont-video{
        width:100%;
        height:380px;
        margin-bottom:5%;
    }
}


@media(max-width:768px){

article.post .entry-header,.header-ainfo{
    overflow:hidden;
}


/*
.besides-slider .beside-caption{
    left:5px;
    width:95%;
}
.beside-caption .post-title a{
    font-size:12px !important;
}
*/
}/* Fin pantalla pequeña*/

/*Pantallas grandes*/
@media(min-width:768px){

.slider-section .slide-title, .besides-slider .post-title a{
    font-size:150%;
}
.slider-section .bx-controls-direction{
    bottom:15px;
}
.fa-angle-left,
.fa-angle-right{
    color: #fff;
}    
    
    
}
@media(max-width:768px){
.country-selector{
 position:fixed;
 top:3px;
 left:3px;
 
}
}
/* Fin pantallas grandes*/