/*
Theme Name:El Diario 2
Theme URI:http://www.eldiario.com.uy
Author:Cosmico Web Development
Author URI:http://www.cosmicoweb.com
Description:Theme for an awesome news website from Uruguay
Version:2 
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Tags:news,uruguay,diario
This theme,like WordPress,is licensed under the GPL.Use it to make something cool,have fun,nd share what you've learned with others.
*/

/* =WordPress Core-------------------------------------------------------------- */
.alignnone {
    margin:5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
    display: block;
    margin: 20px auto;
}
.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
a img.alignnone {
    margin:5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto
}
div.nota>a>img {
    max-width: 300px
}
.wp-caption {
    background:#fff;
    border:1px solid #f0f0f0;
    max-width:96%;
    /* Image does not overflow the content area */
    padding:5px 3px 10px;
    text-align:center;
}
.wp-caption.alignnone {
    margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin:5px 20px 20px 0;
}
.wp-caption.alignright {
    margin:5px 0 20px 20px;
}
.wp-caption img {
    border:0 none;
    height:auto;
    margin:0;
    max-width:98.5%;
    padding:0;
    width:auto;
}
.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding: 0 4px 5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
    clip:rect(1px,1px,1px,1px);
    position:absolute !important;
    height:1px;
    width:1px;
    overflow:hidden;
}
.screen-reader-text:focus {
    background-color:#f1f1f1;
    border-radius:3px;
    box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
    clip:auto !important;
    color:#21759b;
    display:block;
    font-size:14px;
    font-size:0.875rem;
    font-weight:bold;
    height:auto;
    left:5px;
    line-height:normal;
    padding:15px 23px 14px;
    text-decoration:none;
    top:5px;
    width:auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
/* =Let's Rock!-------------------------------------------------------------- */
body {
    font-family:"Lato",Arial,serif;
    font-size:16px;
}
header {
    position:relative
}
.row {
    padding-bottom:15px;
}
.row .firstRow {
    padding-bottom:0px;
}
h2, .h2 {
    font-size: 42px;
    letter-spacing: -1px;
    font-weight: 900;
    margin-top: 0;
    margin-bottom: 15px;
}
.nota,.notaUno,.notaDos,.notaTres {
    background-size:cover;
    background-position:50% 50%;
    position:relative;
}
div.nota>a>img {
    max-width: 300px;
    height: 100%
}
.addthis_sharing_toolbox {
    margin-top: 10px;
    margin-bottom: 25px;
}
.addthis_inline_share_toolbox_5af5 {
    margin-top: 20px;
}
.nota h4,.notaUno h2,.notaDos h3,.notaTres h3 {
    position:absolute;
    bottom:0px;
    left:0px;
    margin:0;
    padding:10px;
    color:white;
        text-shadow: 1px 1px black;
    font:900 21px "Lato",Arial,serif;
    width:100%;
    /* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#000000+0,000000+99&0+0,1+100 */
    background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 99%,rgba(0,0,0,1) 100%);
    /* FF3.6-15 */
    background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 99%,rgba(0,0,0,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 99%,rgba(0,0,0,1) 100%);
    /* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+*/
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
}
.notaUno h2 {
    font-size:45px;
    line-height:45px;
    padding:15px;
    padding-top:65px;
}
.notaUno img {
    height: 100%
}
/*.nota:hover img, .notaDos:hover img, .notaTres:hover img {
    -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  position: relative;
  z-index: -1;
  transition: 1s filter linear;
-webkit-transition: 1s -webkit-filter linear;
-moz-transition: 1s -moz-filter linear;
-ms-transition: 1s -ms-filter linear;
-o-transition: 1s -o-filter linear;
}*/
.nota h4 a,.notaUno h2 a,.notaDos h3 a,.notaTres h3 a {
    color:white
}
.custom-search-form {
    margin-top:5px;
    position:absolute;
    width:300px;
    right:0;
    bottom:90px;
}
.f_left {
    font-size:11px;
}
div.tag {
    position:absolute;
    top:7px;
    left:-7px;
    font-size:14px;
    font-weight:100;
    padding:5px;
    color:white;
    z-index:5;
}
div.tag::before {
    width:0;
    height:0;
    border-style:solid;
    border-width:0 7px 7px 0;
    border-color:transparent #2e2e2e transparent transparent;
    line-height:0px;
    _border-color:#000000 #2e2e2e #000000 #000000;
    _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    content:'';
    position:absolute;
    bottom:-7px;
    left:0;
}
div.notaUno:hover>h2>a,div.notaDos:hover>h3>a,div.notaTres:hover>h3>a,div.nota:hover>h4>a {
    text-decoration:underline;
}
.portada {
    background:#0a5a50
}
.general {
    background:#0a5a50
}
.sin-categoria {
    background:#0a5a50
}
.politica {
    background:#0071bc
}
.mundo {
    background:#770c9f
}
.economia {
    background:#009245
}
.deportes {
    background:#434343
}
.sociedad {
    background:#fd7008
}
.opinion {
    background:#ffd500
}
.estilo {
    background:#b80a0a;
}
.vida {
    background:#fe3cae;
}
.a_and_e {
    background:#fe3cae
}
.salud {
    background:#1e5e1a
}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus {
    background:#0a5a50 !important
}
.nota {
    position:relative;
}
div.extract p {
    color: white;
    padding: 7px;
    width: 100%;
    height: 100%;
    display: block;
    font-size: 15px;
    padding-top: 42px;
    font-weight: bold;
    line-height: 17px;
}
div.extract p > strong {
    font-weight: bold;
    color: #0883fc;
}
div.widget {
    margin-bottom:15px;
}
div.extract {
    width:100%;
    background:rgba(0,0,0,0.65);
    position:absolute;
    height:100%;
    opacity:0;
    transition:opacity .25s ease-in-out;
    -moz-transition:opacity .25s ease-in-out;
    -webkit-transition:opacity .25s ease-in-out;
}
.nota {
    position:relative;
}
.nota h3 {
}
.content {
    float:left;
}
.sidebarRight {
    float:left;
    width:300px;
}
.content {
    width:615px;
    float:left;
    margin-right:15px;
}
.extract p>a {
    color:white;
    text-decoration:none;
    font-size:13px
}
.notasRight .nota {
    float:none;
    margin-left:0;
}
footer {
    background:#202020;
}
footer p {
    text-align:right;
    color:white;
    font-size:11px;
}
footer div.col-xs-12 {
    padding:0
}
ul.blogroll li {
    width:153px;
    min-height:0;
    display:-moz-inline-stack;
    display:inline-block;
    vertical-align:middle;
    margin:0px;
    zoom:1;
    _height:20px;
}
ul.blogroll {
    margin-top:20px;
    padding:0;
}
ul.blogroll a {
    color: #dadada;
}
/* LINK CATEGORIAS */
/* Imágen */
#linkcat-3 {
}
/* Solo link */
#linkcat-2 {
}
.navbar-inverse {
    background-color:#0a5a50;
    border:none;
    margin-top:20px;
}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus {
    color:#fff;
}
.navbar-inverse .navbar-nav>li>a {
    color:#fff;
}
.navbar-nav>li>a {
    padding:15px 10px;
    line-height:20px;
    font-size:20px;
    font-family:'Lato';
    text-shadow:1px 1px rgba(0,0,0,0.42);
    font-weight:600;
}
#searchsubmit {
    background:#0a5a50;
    border-color:#0f463f;
}

 .nota:first-child {
            margin-left:0;
        }
        .notaUno {
            width:615px;
            height:515px;
            float:left;
            position:relative;
            margin-right:15px;
            background: #000;
        }
        .notaUno {
            cursor:pointer
        }
        .notasRight {
            float:left;
            width:300px;
        }
        .notaDos {
            width:300px;
            height:250px;
            margin-bottom:15px;
        }
        .notaTres {
            width:300px;
            height:250px;
        }
        .nota {
            width:300px;
            height:250px;
            float:left;
            margin-left:15px;
            margin-bottom: 15px;
    }

    #div-gpt-ad-1475072222038-4 {
height:90px; width:970px; margin: 15px auto 0px;
    }

    /* media share styles      
    */

    .sharrre .box{
  float:left;
}
.sharrre .count {
  color:#444444;
  display:block;
  font-size:17px;
  line-height:34px;
  height:34px;
  padding:4px 0;
  position:relative;
  text-align:center;
  text-decoration:none;
  width:50px;
  background-color:#eee;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px; 
}
.sharrre .share {
  color:#FFFFFF;
  display:block;
  font-size:11px;
  height:16px;
  line-height:16px;
  margin-top:3px;
  padding:0;
  text-align:center;
  text-decoration:none;
  width:50px;
  background-color:#9CCE39;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px; 
}
.sharrre .buttons {
  display:none;
  position:absolute;
  margin-left:50px;
  z-index:10;
  background-color:#fff;
}
.sharrre .button {
  float:left;
  max-width:50px;
  margin-left:10px;
}

.bodyClass_politica .nota h4 {
  
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0071bc+1,0071bc+99&0+0,0.65+99 */
background: -moz-linear-gradient(top, rgba(0,113,188,0) 0%, rgba(0,113,188,0.01) 1%, rgba(0,113,188,0.65) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,113,188,0) 0%,rgba(0,113,188,0.01) 1%,rgba(0,113,188,0.65) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,113,188,0) 0%,rgba(0,113,188,0.01) 1%,rgba(0,113,188,0.65) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000071bc', endColorstr='#a60071bc',GradientType=0 ); /* IE6-9 */
}

.bodyClass_mundo .nota h4 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#770c9f+1,770c9f+99&0+0,0.65+99 */
background: -moz-linear-gradient(top, rgba(119,12,159,0) 0%, rgba(119,12,159,0.01) 1%, rgba(119,12,159,0.65) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(119,12,159,0) 0%,rgba(119,12,159,0.01) 1%,rgba(119,12,159,0.65) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(119,12,159,0) 0%,rgba(119,12,159,0.01) 1%,rgba(119,12,159,0.65) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00770c9f', endColorstr='#a6770c9f',GradientType=0 ); /* IE6-9 */
}

.bodyClass_economia .nota h4{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009245+1,009245+99&0+0,0.65+99 */
background: -moz-linear-gradient(top, rgba(0,146,69,0) 0%, rgba(0,146,69,0.01) 1%, rgba(0,146,69,0.65) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,146,69,0) 0%,rgba(0,146,69,0.01) 1%,rgba(0,146,69,0.65) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,146,69,0) 0%,rgba(0,146,69,0.01) 1%,rgba(0,146,69,0.65) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00009245', endColorstr='#a6009245',GradientType=0 ); /* IE6-9 */
}
.bodyClass_sociedad .nota h4 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fd7008+1,fd7008+100&0+0,0.65+99 */
background: -moz-linear-gradient(top, rgba(253,112,8,0) 0%, rgba(253,112,8,0.01) 1%, rgba(253,112,8,0.65) 99%, rgba(253,112,8,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(253,112,8,0) 0%,rgba(253,112,8,0.01) 1%,rgba(253,112,8,0.65) 99%,rgba(253,112,8,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(253,112,8,0) 0%,rgba(253,112,8,0.01) 1%,rgba(253,112,8,0.65) 99%,rgba(253,112,8,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fd7008', endColorstr='#a6fd7008',GradientType=0 ); /* IE6-9 */
}
.bodyClass_opinion .nota h4 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd500+1,ffd500+100&0+0,0.65+99 */
background: -moz-linear-gradient(top, rgba(255,213,0,0) 0%, rgba(255,213,0,0.01) 1%, rgba(255,213,0,0.65) 99%, rgba(255,213,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,213,0,0) 0%,rgba(255,213,0,0.01) 1%,rgba(255,213,0,0.65) 99%,rgba(255,213,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,213,0,0) 0%,rgba(255,213,0,0.01) 1%,rgba(255,213,0,0.65) 99%,rgba(255,213,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffd500', endColorstr='#a6ffd500',GradientType=0 ); /* IE6-9 */
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
}
.bodyClass_a_and_e .nota h4 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fe3cae+1,fe3cae+100&0+0,0.65+99 */
background: -moz-linear-gradient(top, rgba(254,60,174,0) 0%, rgba(254,60,174,0.01) 1%, rgba(254,60,174,0.65) 99%, rgba(254,60,174,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(254,60,174,0) 0%,rgba(254,60,174,0.01) 1%,rgba(254,60,174,0.65) 99%,rgba(254,60,174,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(254,60,174,0) 0%,rgba(254,60,174,0.01) 1%,rgba(254,60,174,0.65) 99%,rgba(254,60,174,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fe3cae', endColorstr='#a6fe3cae',GradientType=0 ); /* IE6-9 */
}

.bodyClass_politica .navbar-nav li, .bodyClass_politica .navbar-inverse {
background:#0071bc !important
  }  

  .bodyClass_mundo .navbar-nav li, .bodyClass_mundo .navbar-inverse {
background:#770c9f !important
  }  

  .bodyClass_economia .navbar-nav li, .bodyClass_economia .navbar-inverse {
background:#009245 !important
  } 

  .bodyClass_deportes .navbar-nav li, .bodyClass_deportes .navbar-inverse {
background:#434343 !important
  }   

  

  .bodyClass_sociedad .navbar-nav li, .bodyClass_sociedad .navbar-inverse {
background:#fd7008 !important
  }  

  .bodyClass_opinion .navbar-nav li, .bodyClass_opinion .navbar-inverse {
background:#ffd500 !important
  } 
   .bodyClass_a_and_e .navbar-nav li, .bodyClass_a_and_e .navbar-inverse {
background:#fe3cae !important
  }


/*========== MEDIAQUERIES Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
 form#searchform {
    display: none
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
 h1 img {
    width: 70%;
    margin: 0px auto;
    }
    #contact-buttons-bar, #div-gpt-ad-1475072222038-4 {
        display: none
    }
.row.header {
    padding-bottom:0;
}
.notaUno {
        width: 96%;
    margin: 0 2%;
    float: none;
    height: auto;
    margin-bottom: 2%;
}
.notaUno h2 {
    font-size: 21px;
    line-height: 23px;
    padding: 15px;
    padding-top: 65px;
}
div.tag {
    left: auto;
    font-size: 9px;
    padding: 3px;
    top: 0;
    right: 0
}
.notasRight {
    float: none;
    width: 96%;
    margin: 0 2%;
}
.nota {
    width: 100%;
    height: auto;
    float: none;
    margin: 0px;
    margin-bottom: 2%;
}
.row {
    padding-bottom: 0px;
}
.nota h4 {
    padding: 4%;
    font: 600 12px "Lato",Arial,serif;
}
.notaDos h3 {
    font: 900 18px "Lato",Arial,serif;
} 
div.extract, div.tag::before { display: none}
div.notasRight .nota {
    width: 100%;
    margin-bottom: 2%;
    float: none;
}
.notasRow {  width: 96%;  margin: 0 2%;}


.nota.ads {display: none }
.notaUno img {
        max-width: 100%;
    height: auto;
}
.headering { float: none !important; margin: 0px auto; text-align: center }
div.nota>a>img {
    width: 100%;
    max-width: 100%;
}
.pull-left.date {width: 100%; float: none; text-align:center: }
.notasRow .nota:last-child { display:none ;}
.navbar-inverse {
    margin-bottom: 2%;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
}

div.container.single  {
    width: 96%;
    margin: 0 2%;
    overflow: hidden;
}
.content {
    width: 100%;
    float: none;
    margin-right: 0;
}
div.content img  {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
   
}