/*
* HOME PAGE
*/


/* LAYOUT */

.front-spanish.two-sidebars #page-wrapper {
  width: 1172px;
  margin: 0 auto;
  padding: 0 3px 38px 3px;
  background: url(img/page-wrapper-1175.png) repeat-y;
  position: relative;
}

.front-spanish.two-sidebars #main-wrapper {
  width: 1172px;
  background-image: url(img/layout-sidebar-right.png);
}


.front-spanish.two-sidebars #content {
  padding: 0;
width: 1172px;

}

  .front-spanish.two-sidebars #content-top #page-title {
  padding: 23px 10px 23px 22px;
  }


.front-spanish.two-sidebars .region-content-top .block-menu-block {
    width: 80%;
    margin-left: auto;
    margin-right: auto; 
}

.front-spanish.two-sidebars #content-main {
  padding: 23px 10px 23px 22px;

}
.front-spanish.two-sidebars .region-content-bottom {
  padding: 0px 22px 20px 22px;

}

.front-spanish.two-sidebars .region-content {
  width: 872px;
}


.front-spanish.two-sidebars .region-sidebar-second {
  width: 216px;
}

.front-spanish.two-sidebars div.closure-alert {
    width: 1166px;
    background: #FFFFFF;
    margin: 0;
    padding: 0;
}

.front-spanish.two-sidebars #header {
  background: #F89728;
  position: relative;
  width: 1172px;
  height: 75px;
}


.front-spanish.two-sidebars #navigation {
  width: 1172px;

}

.front-spanish.two-sidebars #navigation #main-menu {
  width: 1172px;

}


.front-spanish.two-sidebars #footer {
  background: #f26531;
    width: 1172px;
}

body.front-spanish.two-sidebars #header h1,
body.front-spanish.two-sidebars #header h1 a {
  width: 456px;
  height: 51px;
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
  background-image: url(img/logo.png);
}


.front-spanish.two-sidebars .region-content .cols-33x3 .col {
	width: 275px;
	margin-left: 22px;
}

.front-spanish.two-sidebars .region-content .content .cols-33x3 .col:first-child {
    margin-left: 0px;
}

.front-spanish.two-sidebars .cols-33x3 .button-big li {
  width: 275px;
  white-space:normal;
  float:left
}
.front-spanish.two-sidebars .cols-33x3 .button-big li a {
  width: 275px;
}



.front-spanish #content p.footer {
  padding-left: 11px;
  background: url(img/icon-arrow-gold.png) no-repeat left 4px;
  font-size: 13px;
  color: #969EA7;
}







/* RIGHT SIDEBAR */

.front-spanish .region-sidebar-second .block {
  margin-bottom: 0;
  border-top: none;
  padding-top: 0;
}


.front-spanish.two-sidebars .region-sidebar-second section.block {
  border-top: 3px solid #FEC527;
  padding-top: 10px;
  margin-bottom: 1.3em;
}




/* mini-calendar */
.front-spanish #block-views-events_calendar-mini_calendar {
  margin-bottom: 1.3em;
}
.front-spanish #block-views-events_calendar-mini_calendar table.mini {
  margin: 0;
}





/* from the blogs */

#block-views-blogs_latest_posts_front-block form {
  margin-bottom: 0;
}


.front-spanish .view-id-blogs_latest_posts_front img {
  float: right;
  display: block;
  border: 1px solid #F26531;
  margin: 2px 0 10px 10px;
}

.front-spanish .view-id-blogs_latest_posts_front h4 {
  font-weight: bold;
  font-size: 13px;
  color: #F26531;
  margin-bottom: 0;
  margin-top: 10px;

}

.front-spanish .view-id-blogs_latest_posts_front .date-display-single {
  font-weight: normal;
  font-size: 12px;
  color: #F26531;
  margin-bottom: 8px;
}

.front-spanish .view-id-blogs_latest_posts_front h3 {
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 15px;
}

.front-spanish .view-id-blogs_latest_posts_front .views-field-nothing-1 {
  font-size: 12px;

}

.front-spanish .view-id-blogs_latest_posts_front .views-field-body {
  font-size: 12px;
  margin-top: 8px;

}
.front-spanish .view-id-blogs_latest_posts_front .views-field-nothing-2 {
  font-size: 5px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #fec527;
  line-height: 6px;
}

.front-spanish .view-id-blogs_latest_posts_front p {
  font-size: 12px;
  margin-bottom: 0px;
}



.front-spanish .view-id-blogs_latest_posts_front .continued {
  margin-bottom: 0;

}

.front-spanish .view-id-blogs_latest_posts_front .continued a {
  padding-left: 11px;
  background: url(img/icon-arrow-gold.png) no-repeat left center;
  font-size: 12px;
  line-height: 28px;
}

.front-spanish .view-id-blogs_latest_posts_front .view-footer p {
  margin-bottom: 0;
}

.front-spanish .view-id-blogs_latest_post .continued a {
  padding-left: 11px;
  background: url(img/icon-arrow-gold.png) no-repeat left center;
  font-size: 12px;
  line-height: 28px;
}

.front-spanish .view-id-blogs_latest_post .view-footer p {
  margin-bottom: 0;
}


@media (min-width: 728px) and (max-width: 977px), (max-width: 727px) {
  html,
  body,
  .front-spanish.two-sidebars #page-wrapper {
    background: #ffffff;
  }
  .front-spanish.two-sidebars #page-wrapper,
  .front-spanish.two-sidebars #page-wrapper #header,
  .front-spanish.two-sidebars #page-wrapper #main-wrapper,
  .front-spanish.two-sidebars #page-wrapper #content {
    width: auto;
  }
  .front-spanish.two-sidebars #page-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .front-spanish.two-sidebars #page-wrapper #main-wrapper {
    background: transparent;
  }
  .front-spanish.two-sidebars #page-wrapper #content {
    float: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

  .front-spanish.two-sidebars .region-content {
    width: auto;
    float: none;
  }

  .front-spanish.two-sidebars #footer {
    width: auto;
    right: 0;
  }
  .front-spanish.two-sidebars #footer .menu {
    width: auto;
  }
    
  .front-spanish.two-sidebars #footer {
    position: relative;
    background: #f26531;
    height: auto;
    margin: 0;
    padding: 0;
    bottom: auto;
    left: auto;
    right: auto;
    overflow: hidden;
  }
  .front-spanish.two-sidebars  #footer .menuu {
    float: none;
    text-align: center;
    margin: 0;
    padding: 20px;
  }
  .front-spanish.two-sidebars #footer .menu li {
    display: inline-block;
    line-height: 1.3;
    background: transparent;
    white-space: nowrap;
    margin: 0;
    padding: 3px;
  }
  .front-spanish.two-sidebars #footer .menu li a {
    display: inline-block;
    padding: 3px;
  }
    
.front-spanish.two-sidebars .region-content-top {
    padding: 0;
  }
    
  .front-spanish.two-sidebars #content-top #page-title {
    padding: 0;
  }
 
  .front-spanish.two-sidebars #content-main {
    padding: 0;
  }
  .front-spanish.two-sidebars .region-content,
  .front-spanish.two-sidebars .region-sidebar-second {
    width: auto;
    padding: 24px;
  }
    
  .front-spanish.two-sidebars .region-sidebar-second { 
    margin-top: 0;
    background-color: #FFF7E6;
  }
    
    
}

@media (min-width: 728px) and (max-width: 977px) {
  .front-spanish.two-sidebars #header .search-trigger {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 24px;
    text-transform: uppercase;
    font-size: 12px;
    color: #FFFFFF;
    padding-right: 30px;
  }
  .front-spanish.two-sidebars #header .search-trigger:after, {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(img/button-search-submit-24x24.png);
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }


  .front-spanish.two-sidebars #main-wrapper {
    display: flex;
    flex-wrap: nowrap;
  }
  .front-spanish.two-sidebars #main-wrapper:after {
    content: "";
  }
}





@media (min-width: 950px) {
  .front-spanish.two-sidebars #header .search-trigger {
    display: none;
  }
}


@media (min-width: 0) and (max-width: 374px) {
  body.front-spanish.two-sidebars #header > .mmenu-trigger + h1:after {
    width: 100%;
    max-width: 185px;
    margin-left: auto;
    margin-right: auto;
    background-position: left center;
    background-size: 220px;
    background-repeat: no-repeat;
  }
}
@media (max-width: 429px) {
  body.front-spanish.two-sidebars #header .mmenu-trigger + h1:after {
    width: 230px;
    background-position: left center;
  }
}

@media (max-width: 727px) {
 
  .front-spanish.two-sidebars #header {
    height: 60px;
    padding: 0;
    margin: 0;
  }
    
   body.front-spanish.two-sidebars #header h1 {
    position: absolute;
    left: 60px;
    top: 0;
    right: 60px;
    height: 60px;
    width: auto;
    overflow: hidden;
  }
  body.front-spanish.two-sidebars #header h1 a {
    display: block;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    width: 271px;
    height: 28px;
    background: url(../images/lapl-header-logo-271.png);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

    
  .front-spanish.two-sidebars #header .search-trigger {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    background: #00447C;
    padding-top: 43px;
    font-size: 10px;
    text-align: center;
    line-height: 1;
    color: #ffffff;
    text-transform: uppercase;
  }
  .front-spanish.two-sidebars #header .search-trigger:after {
    content: "";
    display: block;
    position: absolute;
    width: 28px;
    height: 28px;
    top: 9px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../images/search-min.png');
  }
    

    
    .front-spanish.two-sidebars .cols-33x3 .col {
    width: 100%;
    border-bottom: 1px dotted #B9BEC5;
    padding-top: 20px;
    padding-left: 0;

  }
    
   .front-spanish.two-sidebars .cols-33x3 .button-big {

    margin-top: 10px;
    margin-bottom: 15px;

  }
    
  .front-spanish.two-sidebars .cols-33x3 .button-big:before,
  .front-spanish.two-sidebars .cols-33x3 .button-big:after {
    content: " ";
    display: table;
  }
    
   .front-spanish.two-sidebars .cols-33x3 .button-big:after {
    clear: both;
  }
    
  .front-spanish.two-sidebars .cols-33x3 .button-big li {
  width: 300px;
  white-space: normal;
  max-width: 300px;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.front-spanish.two-sidebars .cols-33x3 .button-big a {
    width: 300px;
}  
    
      
}

@media (max-width: 949px) {

  .front-spanish.two-sidebars div.closure-alert {
    width: auto;

  }    
    
}

@media (min-device-width: 481px) and (max-device-width: 1024px)  {
  /* For landscape layouts only */
    
   html,
  body,
  .front-spanish.two-sidebars #page-wrapper {
    background: #ffffff;
  }
  .front-spanish.two-sidebars #page-wrapper,
  .front-spanish.two-sidebars #page-wrapper #header,
  .front-spanish.two-sidebars #page-wrapper #main-wrapper,
  .front-spanish.two-sidebars #page-wrapper #content {
    width: auto;
  }
  .front-spanish.two-sidebars #page-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .front-spanish.two-sidebars #page-wrapper #main-wrapper {
    background: transparent;
  }
  .front-spanish.two-sidebars #page-wrapper #content {
    float: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

  .front-spanish.two-sidebars .region-content {
    width: auto;
    float: none;
    padding: 24px;
  }

  .front-spanish.two-sidebars #footer {
    width: auto;
    right: 0;
  }
  .front-spanish.two-sidebars #footer .menu {
    width: auto;
  }
    
  .front-spanish.two-sidebars #footer {
    position: relative;
    background: #f26531;
    height: auto;
    margin: 0;
    padding: 0;
    bottom: auto;
    left: auto;
    right: auto;
    overflow: hidden;
  }
  .front-spanish.two-sidebars  #footer .menuu {
    float: none;
    text-align: center;
    margin: 0;
    padding: 20px;
  }
  .front-spanish.two-sidebars #footer .menu li {
    display: inline-block;
    line-height: 1.3;
    background: transparent;
    white-space: nowrap;
    margin: 0;
    padding: 3px;
  }
  .front-spanish.two-sidebars #footer .menu li a {
    display: inline-block;
    padding: 3px;
  }
 
  .front-spanish.two-sidebars #content-main {
    padding: 0;
  }
  
    .front-spanish.two-sidebars div.front-spanish-block {
  margin: 0 auto;
  max-width: 872px;
    }

  .front-spanish.two-sidebars .region-sidebar-second {
    float: none;
    width: auto;
    padding: 24px;
    margin-top: 0;
    background-color: #FFF7E6;
  }
    
  .front-spanish.two-sidebars div.closure-alert {
    width: auto;

  }
}