/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.2.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/

.overlay-bottom-archivo,.overlay-link-archivo{
  margin-bottom: 37px!important;
}
.navbar-nav > li > .dropdown-menu {
    box-shadow: 3px 3px 5px #888888;


}
.fixed.header .main-navigation.animated .navbar-nav > li > a {
  color: #3E3E3E!important;
  font-size: 17px;
  margin-top: 0px;
  font-family: 'Raleway';
  }
.dark .header-dropdown-buttons .btn-group > .btn{
   background-color:#a50050!important;
  }
.dropdown > a:before {
    color:#a50050!important;
  }

@media (max-width: 767px){
  .dark .navbar-default .navbar-nav .open .dropdown-menu {
      background-color: #eaeaea!important;
  }
    .mega-menu .menu > li > a, .mega-menu .menu>li>a span {
  /* color:#a50050!important; */
  }
  .dropdown-menu {
    color: #a50050!important;
  }
}

.dark .navbar-default .navbar-collapse{
      background-color: #eaeaea;
  }

.botonFichero {
    position: relative;
    padding-left: 28px;
}

/*replace the content value with the
corresponding value from the list below*/

.botonFichero:before {
    content: "\f016";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    padding-right: 0.5em;
    position: absolute;
    left: 6px;
}



.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0.063em;
  margin: -0.063em;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.063em;
}


.h4Size{
    font-size: 1.188em;
}

.social-links.small li a span {
    line-height: 1.813em;
}

.mega-menu .menu>li>a span, .dropdown-menu>li>a span {
    padding-left: 0.313em;
    //font-size: 0.75em;
    width: 1.25em;
    position: relative;
    top: -0.063em;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    //color: #cdcdcd;
}

.mega-menu .menu>li>a span.fa, .dropdown-menu>li>a span.fa {
    width: 2em;
    text-align: center;
}
.social-links li a span {
    line-height: 2.5em;
}
.form-control,.form-control-feedback{
    color:#505050!important;
}
.icon-table i{
    float:right;
    opacity: 0.6;
    padding-left: 0.625em;
}
.perfil-listado ul{
    list-style: none;
}
.perfil-listado>ul>li{
    font-size:1.2em;
    display: inline;


}
.elemento-listado{
    padding-top: 0.625em;
    padding-bottom: 0.313em;
}
.listado-content{
    padding-left: 0.625em;
    min-height: 1em;
}
.listado-content{

}
.page_item:first-child {
    border-top-left-radius: 0.25em;
    border-top-right-radius: 0.25em;
}

.page_item>a{
    color: #555;
}
.page_item>a{
    font-size: 1.2em;
    font-weight: bold;
}
.children>.page_item>a{
    font-weight: normal;
     font-size: 1em;
}
.page_item {
    position: relative;
    display: block;
    padding: 0.625em 0.938em;
    margin-bottom: -0.063em;
    background-color: #fff;
    border: 0.063em solid #ddd;
}

ul.children {
        padding: 0em;
}

.overlay-top-servicios-urbanos , .overlay-bottom-servicios-urbanos{
    background-color: rgba(30,30,30,0.6)!important;
    height: 50% !important;
    opacity: 1!important;
}
.overlay-bottom-servicios-urbanos{

    padding-top: 2.5em;
}

.addLink{
    padding-top: 8px;
}

.footer-link>a{
    color: #cccccc;
}

.footer-link{
    display: inline;
    padding-left: 20px;
}

.footer-list{
    padding-left: 0px;
    list-style-type: none;
    padding-top: 10px;
}

.footer{
        padding: 10px 0!important;
}

.image-footer{
    height: 40px;
    padding-left: 10px;
    display:inline-block;

}
.image-footer-wrapper{
     padding-top: 20px;
     width:100%;
     text-align:center;
}
.image-footer img {
  height: 100%;
  width: auto;
  opacity: 0.5;

}


@media print {

    .footer{
        display: none;
    }

  .image-footer-wrapper{
    display: none;
    }

   .header-dropdown-buttons{
        display: none!important;
    }

    .header-top-dropdown{
         display: none!important;
    }
    .social-links{
        display: none!important;
    }

    #bb1{
        display: none;
    }
    .logo, .logo>a{
          display: none!important;
    }

}


.dgwt-jg-gallery .dgwt-jg-caption span {
    font-size: 12px!important;
   font-weight: 100!important;
   letter-spacing: 2px!important;

}

./** fixed-header-on .header.fixed, .fixed-header-on header.header.transparent-header-on {
    position: fixed!important;
    top: 0!important;

}

.fixed-header-on .header .logo, .fixed-header-on .header .site-slogan {
    display: block!important;
} **/


.sieteletras{
   background: url("../../../../../rc.toledo.es/wp-content/uploads/2017/01/fondo7letras.jpg")!important;
}
.sieteletrascenefa{
   background: url("../../../../../rc.toledo.es/wp-content/uploads/2017/01/cenefa1.png") repeat-y !important;
   padding-left: 60px;
}


@font-face {
  font-family: 'DSDIGI';
  src: url('../fonts/ds-digital/DSDIGI.eot');
  src: local('DSDIGI'), url('../fonts/ds-digital/DSDIGI.woff') format('woff'), url('../fonts/ds-digital/DSDIGI.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_1091">Text with this font applied</p> */
.fontsforweb_fontid_1091 {
  font-family: 'DSDIGI' !important;
}

.digitalGreen {
  color: #02aa00;
  font-weight: bold;
  background-color: #000000!important;
    text-align: center;
    font-size: 1.5em;
    padding: 0px!important;
    margin: 0px;
}


    .event-list {
    list-style: none;
    font-family: 'Lato', sans-serif;
    margin: 0px;
    padding: 0px;
  }
  .event-list > li {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 5px rgb(51, 51, 51);
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
    padding: 0px;
    margin: 0px 0px 20px;
  }
  .event-list > li > time {
    display: inline-block;
    width: 100%;
    color: rgb(255, 255, 255);
    background-color: rgb(101, 101, 101);
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    font-size: 26pt;
    padding-top: 5px!important;

  }
  .event-list > li:nth-child(even) > time {
    background-color: rgb(101, 101, 101);
  }

  .event-list > li > time > span {
  }
  
  .event-list > li > time > .day {
    display: block;
    margin-top: 5px;
    font-size: 20pt;
    font-weight: 100;
    line-height: 1;
  }

      .event-list > li > time > .weekDay {
    display: block;
    margin-top: 0px;
    font-size: 10pt;
    font-weight: 100;
    line-height: 1;
  }

    .event-list > li time .day > .month {
    font-size: 10pt;
    font-weight: 200;
    line-height: 1;
  }
  .event-list > li time > .month {
    font-size: 8pt;
    font-weight: 200;
    line-height: 1;
  }
  .event-list > li > img {
    width: 100%;
  }
  .event-list > li > .info {
    padding-top: 5px;
    text-align: center;
  }
  .event-list > li > .info > .title {
    font-size: 13pt;
    font-weight: 700;
    margin: 0px;
  }
  .event-list > li > .info > .desc {
    font-size: 13pt;
    font-weight: 300;
    margin: 0px;
    text-overflow: ellipsis; 
    overflow: hidden; 
    white-space: nowrap;
  }
 .event-list > li > .info > .programa {
    font-weight: 700;
    margin: 0px;
    color: gray;
    padding: 0px 10px;
    position: absolute;
    bottom: 0;
  }

   @media (max-width: 768px) {

  .event-list > li > .info > .programa {
        position: relative;

  }

}
    
  .event-list > li > .info > ul,
  .event-list > li > .social > ul {
    display: table;
    list-style: none;
    margin: 10px 0px 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
  }
  .event-list > li > .social > ul {
    margin: 0px;
  }
  .event-list > li > .info > ul > li,
  .event-list > li > .social > ul > li {
    display: table-cell;
    cursor: pointer;
    color: rgb(30, 30, 30);
    font-size: 11pt;
    font-weight: 300;
        padding: 3px 0px;
  }
    .event-list > li > .info > ul > li > a {
    display: block;
    width: 100%;
    color: rgb(30, 30, 30);
    text-decoration: none;
  } 
    .event-list > li > .social > ul > li {    
        padding: 0px;
    }
    .event-list > li > .social > ul > li > a {
        padding: 3px 0px;
  } 
  .event-list > li > .info > ul > li:hover,
  .event-list > li > .social > ul > li:hover {
    color: rgb(30, 30, 30);
    background-color: rgb(200, 200, 200);
  }
  .facebookAgenda a,
  .facebookAgenda a,
  .google-plusAgenda a,
  .locationAgenda a {
    display: block;
    width: 100%;
    color: rgb(75, 110, 168) !important;
  }
  .twitterAgenda a {
    color: rgb(79, 213, 248) !important;
  }

  .locationAgenda a {
    color: orange !important;
  }
  .google-plusAgenda a {
    color: rgb(221, 75, 57) !important;
  }
  .facebookAgenda:hover a {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(75, 110, 168) !important;
  }

   .facebookAgenda:hover a {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(75, 110, 168) !important;
  }
  .locationAgenda:hover a {
    color: rgb(255, 255, 255) !important;
    background-color: orange !important;
  }
  .google-plusAgenda:hover a {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(221, 75, 57) !important;
  }

    @media (max-width: 768px) {

    .event-list > li > time{
      padding-top: 5px!important;
      }


    .event-list > li > time,
    .event-list > li > img {
      width: 40%;
      height: 110px;
      float: left;
      margin-bottom: 5px;
    }

    }

    @media (max-width: 414px) {

    .event-list > li > time{
      padding-top: 5px!important;
      }


    .event-list > li > time,
    .event-list > li > img {
      width: 40%;
      height: 110px;
      float: left;
      margin-bottom: 5px;
    }

    }

    @media (max-width: 320px) {

    
    .event-list > li > time,
    .event-list > li > img {
      width: 40%;
      height: 110px;
      float: left;
      margin-bottom: 5px;
    }

    }
  @media (min-width: 550px) {
    .event-list > li {
      position: relative;
      display: block;
      width: 100%;
      height: 120px;
      padding: 0px;
    }
    .event-list > li > time,
    .event-list > li > img  {
      display: inline-block;
    }
    .event-list > li > time,
    .event-list > li > img {
      width: 120px;
      float: left;
    }
    .event-list > li > .info {
      background-color: rgb(245, 245, 245);
      overflow: hidden;
    }
    .event-list > li > time,
    .event-list > li > img {
      width: 120px;
      height: 120px;
      padding: 0px;
      margin: 0px;
    }
    .event-list > li > .info {
      position: relative;
      height: 120px;
      text-align: left;
      padding-right: 40px;
    } 
    .event-list > li > .info > .title, 
    .event-list > li > .info > .desc {
      padding: 0px 10px;
    }
    .event-list > li > .info > ul {
      position: absolute;
      left: 0px;
      bottom: 0px;
    }
    .event-list > li > .social {
      position: absolute;
      top: 0px;
      right: 0px;
      display: block;
      width: 40px;
    }
        .event-list > li > .social > ul {
            border-left: 1px solid rgb(230, 230, 230);
        }
    .event-list > li > .social > ul > li {      
      display: block;
            padding: 0px;
    }
    .event-list > li > .social > ul > li > a {
      display: block;
      width: 40px;
      padding: 10px 0px 9px;
    }
  }
  .localization{
    color:gray;
  }

  .time-separator{
    margin: 0px!important;
    border-top: 1px solid #eee;
    margin-left: 10px!important;
    margin-right:10px!important;
    padding: 0px!important;
    display: block;
  }

  
  /* Maps ACF */
.acf-map {
  width: 100%;
  height: 200px;
  border: #ccc solid 1px;
  margin: 20px 0;
}

.acf-map-corto {
  height: 120px;
}
}


/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;

}
.lg-sub-html h4{
  font-size: 19px!important;
  font-weight: 500!important;
}