/*
* HOME PAGE
*/


/* LAYOUT */

.front.two-sidebars #page-wrapper {
  width: 1172px;
  margin: 0 auto;
  padding: 0 0px 38px 0px;
  background: #ffffff;
  position: relative;
}

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

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

}

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

}

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


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

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

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

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

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

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

.front.two-sidebars .cols-33x3 .button-big  {
margin-left: 0;
margin-right: 0;    
}

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

}
.front.two-sidebars .cols-33x3 .button-big li a {
  width:275px;
}

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



/* column width is different on the home page. cleanup */

.front #youtube figure {
  margin-left: 15px;
}
.front #youtube figure:first-child {
  margin-left: 0
}
.front #flickr .flickr_badge_image {
  margin-left: 22px;
}
.front #flickr #flickr_badge_image1 {
  margin-left: 0;
}




/* RIGHT SIDEBAR */

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


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


/* support your library */
.front .region-sidebar-second #block-block-9 {
  border-top: 0;
  padding-top: 0;
  position: relative;
  top: -1px;
  margin-bottom: 17px;
}

.front .region-sidebar-second #block-block-9 h2 {
  margin: 0;
}


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



.front #block-views-whats_on_events-block_4 {
display: none;

}




/* what's happening */


#block-views-whats_on_events-block_19 form {
  margin-bottom: 0;
}
#block-views-whats_on_events-block_19 .view-content {
  border-top: 1px dotted #fec527;
  margin-bottom: 8px;
}
#block-views-whats_on_events-block_19 .views-row {
  font-size: 12px;
  padding: 4px 0;
  border-bottom: 1px dotted #fec527;
}
#block-views-whats_on_events-block_19 .views-row .date-display-single {
  display: block;
  text-align: left;
}
#block-views-whats_on_events-block_19 .view-footer p {
  margin-bottom: 0;
  font-size: 93%;
}
#block-views-whats_on_events-block_19 .view-footer a {
  float: right;
}
#block-views-whats_on_events-block_19 .view-footer a:first-child {
  float: left;
}




.front .region-sidebar-second-bottom .store-item {
  background-color: #ffffff;
  border: 1px solid #fee2a6;
  text-align: center;
  margin-bottom: 10px;
}
.front .region-sidebar-second-bottom h4 {
  font-weight: 700;
  margin-bottom: 4px;
}



/* from the blogs */

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


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

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

}

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

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

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

}

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

}
.front .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 .view-id-blogs_latest_posts_front p {
  font-size: 12px;
  margin-bottom: 0px;
}



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

}

.front .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 .view-id-blogs_latest_posts_front .view-footer p {
  margin-bottom: 0;
}

.front .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 .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.two-sidebars #page-wrapper {
    background: #ffffff;
  }
  .front.two-sidebars #page-wrapper,
  .front.two-sidebars #page-wrapper #header,
  .front.two-sidebars #page-wrapper #main-wrapper,
  .front.two-sidebars #page-wrapper #content {
    width: auto;
  }
  .front.two-sidebars #page-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .front.two-sidebars #page-wrapper #main-wrapper {
    background: transparent;
  }
  .front.two-sidebars #page-wrapper #content {
    float: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

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

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

@media (min-width: 728px) and (max-width: 977px) {
  .front.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.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.two-sidebars #main-wrapper {
    display: flex;
    flex-wrap: nowrap;
  }
  .front.two-sidebars #main-wrapper:after {
    content: "";
  }
}





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


@media (min-width: 0) and (max-width: 374px) {
  body.front.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.two-sidebars #header .mmenu-trigger + h1:after {
    width: 230px;
    background-position: left center;
  }
}

@media (max-width: 727px) {
 
  .front.two-sidebars #header {
    height: 60px;
    padding: 0;
    margin: 0;
  }
    
   body.front.two-sidebars #header h1 {
    position: absolute;
    left: 60px;
    top: 0;
    right: 60px;
    height: 60px;
    width: auto;
    overflow: hidden;
  }
  body.front.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.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.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.two-sidebars .cols-33x3 .button-big li {
  width: 275px;
  white-space: normal;
  max-width: 300px;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.front.two-sidebars .cols-33x3 .button-big a {
    width: 275px;
}    


 
    
  
    
}

@media (max-width: 1023px) {

  .front.two-sidebars div.closure-alert {
    width: auto;
    }
  .front.two-sidebars .cols-33x3 .button-big li {
  float: none;

  }    
    
}

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

  .front.two-sidebars .region-content {
    width: auto;
    float: none;
    padding: 24px;
  }
    
 .front.two-sidebars .cols-33x3 .button-big li {
  float: none;
}

  .front.two-sidebars #footer {
    width: auto;
    right: 0;
  }
  .front.two-sidebars #footer .menu {
    width: auto;
  }
    
  .front.two-sidebars #footer {
    position: relative;
    background: #f26531;
    height: auto;
    margin: 0;
    padding: 0;
    bottom: auto;
    left: auto;
    right: auto;
    overflow: hidden;
  }

  .front.two-sidebars #footer .menu li {
    display: inline-block;
    line-height: 1.3;
    white-space: nowrap;
    margin: 0;
    padding: 3px;
  }
  .front.two-sidebars #footer .menu li a {
    display: inline-block;
    padding: 3px;
  }
 
  .front.two-sidebars #content-main {
    padding: 0;
  }
  
    .front.two-sidebars div.front-block {
  margin: 0 auto;
  max-width: 872px;
    }

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

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

  }
}

@media (min-width: 728px) and (max-width: 1024px) and (orientation: portrait){
    
.front.two-sidebars .cols-33x3 .button-big li {
  float: none;
}  
    
}