/*

Theme Name: Bucket Child

Theme URI: http://pixelgrade.com/demos/bucket

Author: PixelGrade Team

Author URI: http://pixelgrade.com

Description:  Bucket is a surprising premium WordPress theme aimed at photographers in need for a solution that focuses on what matters most to them: their work. Every feature was carefully chosen and designed to ease the way to that perfect photography portfolio website.

Template: bucket

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: bucket_txtd

Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready



*/



/* Add your custom CSS rules that overwrite the ones in the main Lens theme here */



/* This file assumes you wish to add new CSS rules that will overwrite the ones in the parent's CSS files

If you wish however, you can copy the whole style.css file from the parent here and hack at it - see functions.php for more details.

In that case please remember that you still need to retain the header above (replace the header of the parent style.css with the one above),

specifically the 'Template: bucket' line. */

iframe {
    max-width: 100%;
}


/* Títulos sobre noticias creados con campo personalizado 'Titulo' */
.sobrenoticia{ position: absolute; top: -23px; z-index: 22; color: #FFF; width: 100%; padding-left: 22px;
                background-color: rgb(13, 99, 136); font-weight: bold;}
.dentronoticia{position: relative; text-align: left; color: #FFF; width: auto; display: inline-block; padding: 0 20px;
              background-color: rgb(13,99,136); font-weight: bold;}
.dentroslider{ position: absolute; top: 0; z-index: 22; color: #FFF; padding: 0 22px; background-color: rgb(13, 99, 136); font-weight: bold; }
.enlalista{ position: relative; text-align: left; color: #FFF; width: auto; display: inline-block; padding: 0 20px; background-color: rgb(13,99,136); 
    font-weight: bold; top: 0px; z-index: 100; margin-bottom: 0;}
.derslider{ position: absolute; top: -11px; z-index: 22; color: #009de1; font-weight: bold; font-size: 12px; }

.compartiendo{position: absolute; top: 17%;}
#share-box{position: relative;}

.logomaspeque{ height: 75px; }
.headermaspeque{ height: 8rem;}
.site-logo{ height: 90px;}
.site-header { height: 8rem; }
#buscatext{ padding-left: 30px; border: 1px solid black; border-radius: 30px; background: url(../../uploads/search-icon.png) no-repeat;
            background-position: right; background-size: contain;   margin: 16px auto;}
#buscatext:focus{outline:none;}

.nav--main>li.mibusca{width: 156px;margin-top: -2px; float: right; }
.nav--main .mibusca:hover{border-bottom: none; background-color: transparent;}
#searchsubmit{ height: 40px;} #searchsubmit:hover{ background-color: #0D6388; }

.nav--main__wrapper{z-index: 99999; }

/* Modulo Opinión portada */

#opinion-portada{ text-align: center; padding-bottom: 10px; }
#opinion-portada .opiniones{ width: 31%; margin: 0 auto;  display: inline-block; vertical-align: top; margin-bottom: 5px; }
#opinion-portada .opiniones img{ display: block; width: 100px; height: 100px; margin: 5px auto 0 auto; border-radius: 9px; }
#opinion-portada .opiniones div{ display: block; margin-top: 5px; padding-right: 15px;}
#opinion-portada .opiniones div a{ font-size: 19px; line-height: normal; color: #000; }

.separator--subsection{margin-bottom: 1rem; margin-top: 1rem;}
.separator--section{ border-bottom-width: 2px; border-bottom: 0 solid #D2D2D2; }


.header-bar--top .search-query{ background-color: rgba(0, 157, 225, 0.68); }

.single .main{ font-size: 1.24286rem; }

.btn-list > .btn, .btn-list > a{ padding: 4px; }



/* img[src]{border: 1px solid #D0D0D0;}*/
img.ev_img {border: none; }

.site-logo--image > img{border: none;}



.article--billboard-small__title, .article--billboard-small__title .hN{ font-size: 14px; font-weight: bold; }

#logo_burguer{ display: none;  }

.article__author-name {font-size: 13px;}

.article--thumb__title{ height: auto; }
.article--thumb__title h2{font-size: 16px; }



.navigation--main{background-color: #0D6388;}

.nav--main > li a{color:#FFF;}

.heading--main {background-color: #009DE1; }


.article--thumb .article__category{ position: absolute; bottom: -7px;  }
.article--thumb .article__category a{ font-size: 10px;  }

.image-wrap .article__title .hN{width: 100%; font-size: 30px; line-height: 42px; letter-spacing: 0.02em; text-align: center; text-shadow: 2px 2px 8px rgba(0,0,0,.8); }
.article__title.article--grid__title .hN{font-weight: normal; font-size: 17px;}
.image-wrap .article__title{ padding: 12px 5px;}

.article__title .hN{ line-height: 1.3; padding-top: 10px; font-size: 16px; font-weight: bold;}
.palm-one-whole .article__title .hN{ font-size: 18px; font-weight: normal;}

.featured-area .heroslider .article__title{ bottom: 0px; padding-bottom: 60px;}

.media__img--rev{ margin-left: 5px; margin: 5px 0 -5px 0; }


.article--grid__title:after{background-color: #0D6388;}



.pagination{  margin: 10px auto;}

.pagination li{display: none;}.pagination li:last-of-type,.pagination li:first-of-type{display:inline-block;}



.search-query{font-size: 12px;}

.wpp-post-title{color: black; font-size: 18px;}



.nav--main li:hover, .nav--main li.current-menu-item { background-color: #0D6388; }

.maspeque{ font-size: 30px;}
.maspeque span{ font-size: 20px;}



.article__content{text-align: left;}

.article__title.article--grid__title .hN{ padding: 10px 15px; font-size: 19px; }





/* No mostrar los comentarios */

li.xpost_comments{display:none}



/* Estilos para calendario de eventos */


.gldp-default {position: absolute; font-family: 'helvetica'; } 
.gldp-default .core { background: url(../../uploads/evtriangle.png) no-repeat;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative;
    float: left; padding: 0; margin: 0; font-size: 14px; text-align: center; cursor: pointer; color: #0D6388; }
.gldp-default .border {border-style: solid; border-width: 0; border-color: #888; } 
.gldp-default .monyear, .gldp-default .monyear select {font-size: 16px !important; font-weight: bold; background: #FFF;} 
.gldp-default .monyear span {margin: 0 5px 0 5px; } .gldp-default .prev-arrow, .gldp-default .next-arrow {color: #222; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75); }
.gldp-default .prev-arrow:active, .gldp-default .next-arrow:active {color: #f00; } .gldp-default .prev-arrow-off, .gldp-default .next-arrow-off {color: #222; opacity: 0.15; } .gldp-default .dow {color: #fff; font-weight: bold; background: #0D6388; }.gldp-default .sat, .gldp-default .sun {color: #FFF; font-weight: bold; } 
.gldp-default .outday { color: #FFFFFF!important; font-weight: bold; background: #B9B7B7!important;} .gldp-default .mon:hover, .gldp-default .tue:hover, .gldp-default .wed:hover, .gldp-default .thu:hover, .gldp-default .fri:hover, .gldp-default .sat:hover, .gldp-default .sun:hover {background: #019DE0; }
.gldp-default .noday {color: #444; font-weight: normal; background: #FFF; }
.gldp-default .selected {color: #fff; font-weight: bold; background: #019DE0; } .gldp-default .today {color: #fff; font-weight: bold; border-color: #00c; background: #88bfe8; }
.gldp-default .special {color: #0D6388; font-weight: bold; font-size: 17px; background: url(../../uploads/evspecial.png) no-repeat; }

.gldp-default .special:hover{ background: url(../../uploads/evspecial.png) no-repeat; color: #000; font-size: 19px; }

#infoevento{background-color: #0D6388; color: #FFF; line-height: 2.3; text-align: center; padding: 1px; height: 41px;
    font-weight: bold; font-size: 16px; margin: 0;}


.gldp-default select{ width: 50%; }



  select{background-color: #D9F3FF;} select option{ background-color: #FFF;}
  select:focus,input[type='text']:focus,textarea:focus,input[type='date']:focus{outline: 1px solid #019DE0;}
  .cal_evs{ margin: 22px auto; font-family: PT Sans;}
  .cal_evs h2,.cal_evs h1{ font-family: PT Sans; font-size: 19px; color: #0D6388; padding: 9px; font-weight: bold; margin: 0px 12px 0px 1px;  border-radius: 20px; border-left: 2px solid #FFFFFF;}
  .cal_evs h1.interior{ color: #000; font-weight: bold; margin-top: 18px; margin-bottom: 1px; background-color: transparent; }
  .cal_evs h2.sihov:hover{ border-right: 2px solid #009DE1; border-left: 2px solid #009DE1; }
  .cal_evs h2>span,.cal_evs h1>span{ font-size: 15px; margin-left: 13px; font-weight: normal;}
  .cal_evs div{  margin: 1px auto; padding: 1px 1px 1px 12px;  }
  
  .cal_evs div.ev_der,.cal_evs div.ev_izq, .cal_evs div.ev_izq2, .cal_evs div.ev_der2{  display: inline-block;  }
  .cal_evs div.ev_izq{  width: 23%; vertical-align: top; margin-left: -15px; margin-top: -10px; text-align: center; } 
  .cal_evs div.ev_izq div{ background-color: rgba(0, 157, 225, 0.15); padding: 0; width: 90%; }
  .cal_evs div.ev_izq2{  width: 25%; vertical-align: top;  }
  .cal_evs div.ev_der{  width:  79%;   } .cal_evs div.ev_der2{  width:  72%; }
  .cal_evs .ficha,.cal_evs .endetalle{width: 100%; border-bottom: 1px solid #D0D0D0; margin-bottom: 6px; margin-left: -20px;  }
  .cal_evs .endetalle{ margin-top:20px; }

  .cal_evs div.div_cats{  width: 100%; }
  .cal_evs div.div_cats span{ margin-left: 8px; border: 1px dotted #464646; border-radius: 16px; color: #000; padding: 2px 7px; font-size: small; }
  .cal_evs div.div_cats span:hover, .cal_evs p.catsspan span:hover{  border-bottom: 2px solid #009DE1; }
  .cal_evs p.catsspan span{  color: #0D6388; padding: 0px 7px 2px 4px; font-size: small; margin-right: 0; }

  .cal_evs div.div_cats .tipoev span{ border: none; font-weight: bold; text-transform: uppercase; }

  .ev_img{border-radius: 50px; border-radius: 10px; width: 250px;}
  .azul{background-color: #009DE1; color: #FFF; padding: 3px; font-family: PT Sans;}
  #e_cats,#tipoev{ display: inline-block; width: 172px; height: 25px; font-size: 14px; padding: 0 0 0 4px; font-family: PT Sans; margin-right: 5px;}


  .cal_evs .ciudades p{ margin-bottom: 0px; font-size: medium; color: #0E6388; }
  .cal_evs .descrip{ padding: 8px; font-size: 14px;}
  .cal_evs p span{ font-weight: bold; margin-right: 10px; }
  .h3evs{margin-top: 8px; margin-bottom: 6px; font-size: 16px;}
  #aproponer{ width: 250px; margin: 20px auto; background-color: #4B87FF; color: white; display: block; padding: 10px; border-radius: 6px;}
  .propuestabien{ background-color: #009EE3; padding: 10px; color: #FFF; border-radius: 16px; text-align: center; }
  img.addevimg{background-color: white; width: 21px; position: relative; left: -3px; top: 5px; border: none; border-radius: 10px; }

  .evsbordes{ border-bottom: 1px solid grey; margin-bottom: 25px;  }
  .evsbordes div{ display: inline-block; border: 1px solid grey; border-bottom: 0; margin-left: 20px; padding: 2px 20px;}
  .evsbordes a{ color: black; }
  .orgactiva{background-color: #0D6388;} .orgactiva a{color:#FFF;}


  #proponiendo>input{display:block;width:97%;}
  #proponiendo button{width:250px;margin-top:10px; background-color:#0D6388; }
  #proponiendo input[type=date]{width:200px;} 
  #proponiendo textarea{width:600px; resize:vertical !important;}
  #proponiendo{display:none; border: 1px dotted #4B87FF; padding: 5px; margin-bottom: 15px;}
  #proponerevento{cursor: pointer; text-align: center; position: absolute; right: 0px; top: 0px; font-family: PT Sans;
                  color: #FFF; background-color: #0D6388; height: 100%; padding: 2px 8px 0 25px; }
  #proponerevento:hover{ color: #CECACA; }
  img.topev{position: absolute; width: 35px; height: 100%; top: 0px; left: -24px; border: none;}

  #contweets{ margin-top: 20px; }
  #contweets > ul > li{ display: block; position: relative; margin: 10px auto; border: 1px dashed #D2D2D2; padding: 5px; } 
  #contweets > li a{ text-decoration: none; }
  #contweets .tweets_txt > span{ position: absolute; top: 10px; right: 10px; }
  #contweets .tweets_txt img{ margin: 10px auto;  display: block;}
  #contweets .action-box ul li{ display: inline-block; margin: 0px 5px; }
  #contweets .action-box {position: absolute; top: 0px; left: 8%; }

  a.anterior,a.siguiente{cursor: pointer; font-weight: bold; font-size: 20px; display: inline-block; margin-bottom: 20px; margin-left: 12px;}
  .ev_der .spanpeque{font-size: 11px; position: relative; top: -15px;}
  .unaopinion span{ background-color: black; color: white; height: 48px; display: inline-block; text-align: center; 
                    vertical-align: top; width: calc(100% - 58px); line-height: 45px;}
  .unaopinion img.avatar{ margin: 0;}

  .lasletras,.losfiltros{ display: none; }
  .letrasazul{ color:#009de1; text-decoration:underline;cursor: pointer; }
  .sacarfiltros,.sacarletras{display: inline-block; margin-bottom: 2px;} .sacarletras{margin-left: 5px;}
  .cal_evs .enteraactual{margin-top: 10px;}

  a.letra{   margin: 3px; background-color: aliceblue; padding: 3px; display: inline-block; }
  #buscador input[type='checkbox']{margin-left: 20px;}
  #paises,.marginocho{ margin: 8px auto; }

.pagination{  margin: 10px auto; width: 100%; display: table; }
.derecha{float: right; width: 100%;}
.grid__item, .featured-area__article{float:left}
.nofloat{float:none !important;}


.h1_portada,.h1_portada:before{ background-color: #0D6388; color: white;} 
.article__title.h1_portada .hN {line-height: 1; font-size: 22px;}
.article--billboard>a:hover .article__title:before, .article--billboard>a:hover .article--list__title:before, .article--billboard>a:hover .latest-comments__title:before,
.article--grid__header:hover .article--grid__title h3, .article--grid__header:hover .article--grid__title:after, .article--billboard__title:before{ background-color: #0D6388; }

.hrazul{ margin-top: 20px; margin-bottom: 26px; width: 77%; background-color: #1093CC; height: 2px; border: none;}

.article--billboard>a:hover .article__title:before, .article--billboard>a:hover .article--list__title:before, 
.article--billboard>a:hover .latest-comments__title:before, .article--grid__header:hover .article--grid__title h3, 
.article--grid__header:hover .article--grid__title:after {    background-color: #0D6388 !important; }


#menu_mov{ display:none;}

/* Lo más visto , modificación del plugin */
.popular-posts .wpp-list li a.wpp-post-title{background-color: rgba(0, 0, 0, 0.37); font-size: 20px; text-align: center; position: absolute; bottom: 0px;
                                             left: 0px; text-shadow: 2px 0px 1px rgb(0,0,0); color: white!important; }
.popular-posts .wpp-list li{ margin-bottom: 6px; position: relative; line-height: 21px; display: inline-block; }

  #log{ border: 1px dashed black; border-radius: 20px; }
  #log p:hover{ transition: all 1s; background-color: skyblue; cursor: pointer; }
  #log p{ padding-left: 14px; margin: 0; height: 60px; border-bottom: 1px solid grey;}
  #log p:last-of-type{ border-bottom: none; }
  #log img{ width: 65px; height: 60px; padding: 3px; float: left; clear: left; }
  #log p span{ padding: 10px 0 0px 5px; font-weight: bold; color: #0d6388; margin-top: 5px; display: inline-block; }
  #log .pais{ float:right; clear: right; padding-right: 10px;}
  #log .rol{ color:#bd0505;}


.relacionadas li {width: 32%; display: inline-block; vertical-align: top; position:relative }
.relacionadas img {width: 100%; height: 170px; }
.relacionadas .titulo { position: absolute; bottom: 12px; background-color: rgba(0,0,0,0.37); font-size: 18px; text-align: center;
  left: 0px; text-shadow: 2px 0px 1px rgb(0,0,0); color: white!important; line-height: 21px; }


      /* MEDIA QUERIES */


@media only screen and (max-width: 899px){

header .container {
    padding-top: 45px;
    padding-bottom: 15px;
}
.derslider{ position: relative; top: 0px; margin: 0; }

.gmapframe{height: 300px;}

.adsbygoogle:first-of-type{margin-top: 50px;}

.article--billboard-small__title .hN{ font-size: 14px;  }

#burguer_span{display: block;position: absolute;  right: 66px;  top: 13px; font-size: 18px; }

.site-navigation__trigger{  width: 100%; height: 4.14286rem; background-color: #009DE1;   color: #FFFFFF; }

.site-navigation__trigger .nav-icon{ position: absolute; top: 20px; right: 10px; width: 50px;  background: #FFF;}

.site-navigation__trigger .nav-icon:after, .site-navigation__trigger .nav-icon:before{  background: #FFF; }

.site-header { display: none; }

#logo_burguer{     display: block; width: 130px; position: absolute; top: 0px; left: 10px; z-index: 12; }

#logo_burguer img{ border: none; }

.navigation--mobile{  background-color: #0E709A; }

#log p span{ padding:0px 0 0px 5px}

.article__title .hN{ font-size: 14px; line-height: 1; }
.article--thumb__title h2{font-size: 15px; }


#menu_mov{ position: fixed; border-radius: 20px; z-index: 1000; bottom: 22px; display: block;
    right: 25px; width: 45px; height: 40px; cursor: pointer; }

.popular-posts .wpp-list li a.wpp-post-title{ width: 98%; }

}


@media only screen and (max-width: 470px){
.relacionadas li {width: 100%; display: block; }
}


@media only screen and (max-width: 450px){
 .sobrenoticia{ padding-left: 16px; font-size: 11px;}
 .compartiendo{ position: relative; top: 0; margin: -6px auto 10px auto; text-align: center; }
}

@media only screen and (max-width: 650px){
#opinion-portada .opiniones{ width: 100%; display: block; }
#opinion-portada .opiniones div{ display: inline-block; width: 70%; }
#opinion-portada .opiniones img{display: inline-block; }
.image-wrap .article__title .hN{ line-height: 23px; }
}


@media only screen and (max-width: 300px){

#burguer_span{display: none; }

}



    /********** Queries min-width ********/



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



.article--billboard-small .article__title{ height: 6.6rem; }
.nav--main>li>a{ padding: 6px 18px; }


}



/* Temporal */
.article--billboard__title:before{background-color: rgba(13, 99, 136, 0.22); width: 100%;}
@media only screen and (min-width: 600px){
.h1_portada{background-color: transparent; }
.article--billboard__title:before{background-color: rgba(13, 99, 136, 0.22); width: 100%;}
.article__title.h1_portada.h1_portada .hN{font-size: 29px;}
.article__header.article--billboard__header{ right: 16px; left: inherit; } 
}