@import 'https://fonts.googleapis.com/css?family=Montserrat';

/*

Color key:

Red: #D9272D
Light blue: #90C7E7
Bright blue: #109AD6

*/


/* Template css overrides */
@import 'https://fonts.googleapis.com/css?family=Montserrat';

html > body {
     background-color: #90C7E7;
     background-image: url(/resources/Site-Design-Assets/body-bg.png);
     background-repeat: repeat;
     font-family: 'Montserrat', sans-serif;
     color: #333333;
}

div {
     box-shadow: none;
}

a {
     color: #109AD6;
     text-decoration: underline;
     transition: .2s;
}

a:hover {
     color: #D9272D;
}

a:visited {
     color: #109AD6;
}

input[type=submit], input.typeButton[type="button"], #idEventBackContainer a {
     color: #fff !important;
     padding: 7px !important;
     border-radius: 4px !important;
     background-color: #109AD6 !important;
     border: 4px solid #109AD6 !important;
     min-width: 1px;
     text-decoration: none;
     text-align: center;
     transition: .2s;
     font-family: 'Montserrat', sans-serif;
}

input[type=submit]:hover, input.typeButton[type="button"]:hover {
     background-color: transparent !important;
     color: #109AD6 !important;     
}






/* Breadcrumbs */

.WaGadgetBreadcrumbs ul li a {
     color: #1a1a1a;
}

.WaGadgetBreadcrumbs ul li.last {
     color: #D9272D;
     font-size: 16px;
}

.WaGadgetBreadcrumbs ul li + li:before {
     background-color: #1a1a1a;
}




/* Table directories that list members - keep from flowing outside main content area */

table#membersTable {
     width: 100%;
     table-layout: fixed;
}

table#membersTable td {
     word-wrap: break-word !important;
}






/* Remove pseudo box-shadow from theme */

.zoneTopCornersWrap, .zoneTopCorners, .zoneHeader1Wrap, .zoneHeader2Wrap, .zoneBottomCornersWrap, .zoneContentWrap, .zoneFooterWrap, .zoneHeader3Wrap {
     background-image: none;
}

.zoneBottomCorners {
     background: none;
}






/* Remove default Backgrounds */

.zoneBanner {
     background-color: #FFF;
}

.zoneHeader, .zoneHeaderOuter, .zoneHeader1Outer, .zoneHeader2Outer, .zoneHeader3Outer, .zoneContentOuter, .zoneFooterOuter, .zoneBranding {
      background: transparent;
}







/* Header - home and standard template */

.zoneHeader1 {
     background-color: transparent;
}

.zoneHeader3 {
     background: transparent;
}

.zoneHeader1Outer {
     border-top: 5px solid #D9272D;
}





/* Grey bottom section below main content */


.zoneFooter {
     background-image: url(/resources/Site-Design-Assets/body-bg.png);
     background-repeat: repeat;
}





/* Search box - home template, standard template */

.WaGadgetSiteSearch .searchBoxField {
     width: 75px;
     padding: 7px 7px 7px 30px;
     border: 2px solid #D9272D;
     border-radius: 4px;
     background-color: #F9F9F9;
     color: #1a1a1a;
}






/* Login button area */

.WaGadgetLoginButton {
     font-size: 12px;
     max-width: 75px;
     margin-left: auto;
}

.loginBoxLinkButton {
     display: block;
     text-decoration: none;
     background-color: #109AD6 !important;
     background-image: url(/resources/Site-Design-Assets/fleur-de-li.png) !important;
     background-size: 20px !important;
     background-position: 5px center !important;
     border-radius: 4px;
     padding: 10px 5px 2px 25px;
     color: ;
     transition: .2s;
     margin-top: 0px;
     margin-bottom: 0px;
}

.loginBoxLinkButton:hover {
     background-color: #D9272D !important;
     background-size: 30px !important;
}

.header-table .WaGadgetLoginButton {
     position: absolute;
     top: 0px;
     right: 0px;
}






/* Social icons - default settings */

.social-div {
     margin: 20px auto 0 auto;
     width: 135px;
}

.social-div a {
     display: inline-block;
     border-radius: 50%;
     padding: 3px;
     background-color: #109AD6;
     transition: .2s;
}

.social-div a:hover {
     background-color: #D9272D;
}

.social-div a img {
     width: 18px;
     height: 18px;
     display: block;
}







/* Custom header CSS ---------------------------- */

.header-inner {
     position: relative;
     margin: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;
     background-image: url(/resources/Site-Design-Assets/LIBA_louisvilleskylinedrawing.png);
     background-repeat: no-repeat;
     background-position: center bottom;
     background-size: 100%;
}
    
.header-inner .header-logo {
     margin: 55px auto 25px 0px;
     width: 20%;
     display: block;
}

.header-inner .header-elements {
     position: absolute;
     top: 0px;
     right: 0px;
     height: 55px;
     width: 100%;
}

.header-elements > div {
     position: absolute;
}

.header-elements #social-div {
     width: 172px;
     top: 15px;
     left: 0px;
}

.header-elements #social-div a:hover {
     background-color: #D9272D;
}

.header-elements #social-div a img {
     width: 25px;
     height: 25px;
     display: block;
}

.header-elements > div:nth-child(2) {
     top: 10px;
     left: 45%;
     width: 75px;
}

.header-elements .WaGadgetSiteSearch {
     width: 75px;
}

.header-elements > div:last-child {
     top: 10px;
     right: 0px;
}

.header-elements #social-div a {
     display: inline-block;
     border-radius: 50%;
     padding: 5px;
     background-color: #109AD6;
     transition: .2s;
}

.header-elements #social-div a img {
     width: 18px;
     height: 18px;
}










/* Main menu div */

.zoneHeader2 {
     margin-bottom: 10px;
}

.WaGadgetMenuHorizontal {
     background: #D9272D;
     border-radius: 10px;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel {
     background: #D9272D;
     border-radius: 10px;
     max-height: 400px;
     overflow-y: scroll;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {
     font-family: 'Montserrat', sans-serif !important;
     text-shadow: none;
     transition: .2s;
     position: relative;
     bottom: 0px;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a:hover {
     bottom: 3px;
}

/* Current selected menu item */

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a {
     color: #FAA21B;
}

/* Submenu */

ul.secondLevel {
     background: #D9272D !important;
     font-family: 'Montserrat', sans-serif;
     border-radius: 0 0 5px 5px;
}

ul.secondLevel li a, ul.secondLevel li a {
     font-family: 'Montserrat', sans-serif !important;
}

ul.secondLevel li a:hover {
     background: #D9272D !important;
}






/* Main content section */

.zoneContent {
     
}





/* Page title area customization */

h1.contStylePageTitle {
     padding: 10px 10px 10px 20px !important;
     background-color: #90c7e7;
     border-radius: 10px;
     background-image: url(/resources/Site-Design-Assets/skyline.png), url(/resources/Site-Design-Assets/heading-bg.png);
     background-size: 180px, 100%;
     background-repeat: no-repeat, no-repeat;
     background-position: right bottom, center bottom;
     color: #FFFFFF !important;
}






/* Blue buttons */

a.blue-button {
     color: #fff;
     display: inline-block;
     padding: 7px;
     border-radius: 4px;
     background-color: #109AD6;
     border: 4px solid #109AD6;
     margin: 10px auto !important;
     min-width: 1px;
     text-decoration: none;
     text-align: center;
     transition: .2s;
}

a.blue-button:hover {
     background-color: transparent;
     color: #109AD6;
}

a.blue-button-small {
     font-size: .7em;
     color: #fff;
     display: inline-block;
     padding: 4px;
     border-radius: 4px;
     background-color: #109AD6;
     border: 4px solid #109AD6;
     margin: 10px auto !important;
     min-width: 1px;
     text-decoration: none;
     text-align: center;
     transition: .2s;
}

a.blue-button-small:hover {
     background-color: transparent;
     color: #109AD6;
}

a.blue-button-large {
     font-size: 1.4em;
     color: #fff;
     display: inline-block;
     padding: 7px;
     border-radius: 4px;
     background-color: #109AD6;
     border: 4px solid #109AD6;
     margin: 10px auto !important;
     min-width: 1px;
     text-decoration: none;
     text-align: center;
     transition: .2s;
}

a.blue-button-large:hover {
     background-color: transparent;
     color: #109AD6;
}






/* Homepage slideshow ID */

.home-slider .WaGadgetSlideshow {
     border-radius: 10px 10px 0 0; 
     overflow: hidden;
     background-color: #ffffff;    
}

/* Global Slideshow pagination */

.camera_pag_ul {
     background-color: #fff !important;
}

.camera_pag_ul li {
     margin: 10px !important;
     border-radius: 2px !important;
     border: none !important;
     background-color: #109AD6 !important;
     width: 10px !important;
     height: 10px !important;
     padding: 1px !important;
}

.camera_pag_ul li > span {
     border-radius: 0px !important;
     width: 4px !important;
     height: 4px !important;
}

.camera_pag_ul .cameracurrent > span {
     background-color: #fff !important;
}






/* Why buy local homepage section */

.why-buy td {
     vertical-align: middle;
}

.why-buy td .gadgetContentEditableArea h1 span {
     color: #109AD6;
}

.why-buy td:first-child .gadgetContentEditableArea {
     background-image: url(/resources/Site-Design-Assets/AMIBA-MemberLogo.png);
     background-repeat: no-repeat;
     background-size: 120px;
     background-position: bottom right;
     padding-bottom: 45px;
}







/* Homepage bottom sections */

.home-bottom td:nth-child(odd) {
     background-color: #ffffff;
     border-radius: 5px 5px 0 0;
}


#home-sections td {

}

#home-sections table tbody tr > td:nth-child(odd) {
     background-color: #fff;
     border-radius: 5px 5px 0 0;
}


/* Homepage get involved section */

#get-involved {
     
}

#get-involved > div:last-child {
     padding: 30px 10px 10px 10px;
     text-align: center;
}

#get-involved .gadgetStyleBody > div {
     background-color: #f1f1f1;
     background-image: url(/resources/Site-Design-Assets/body-bg.png);
     background-repeat: repeat;
     padding: 15px 10px;
     margin-bottom: 30px;
     border-radius: 4px;
}

#get-involved .gadgetStyleBody > div:last-child {
     margin-bottom: 10px;
} 

#get-involved h3 {
     text-align: center;
     margin-top: 0px;
}

#get-involved a {
     color: #fff;
     display: inline-block;
     padding: 7px;
     border-radius: 4px;
     background-color: #109AD6;
     border: 4px solid #109AD6;
     margin: 0 auto !important;
     width: 75px;
     text-decoration: none;
     text-align: center;
     transition: .2s;
}

#get-involved a:hover {
     background-color: transparent;
     color: #109AD6;
}




/* Homepage featured member section */

#featured-member .gadgetContentEditableArea {
   background-color: #fff;
   padding: 10px;
}

#featured-member img {
   max-height: 100px !important;
   display: block;
   margin: 10px auto;
}






/* Homepage member partner slider areas */

#partner-title {
     margin-bottom: 0px !important;
     text-align: center;
}

#member-partners {
     padding: 10px;
     background-color: #f1f1f1;
}

#partners-1, #partners-2, #partners-3 {
     padding: 10px;
     background-color: #fff;
}

/* Spacer between partners and ad banner */

#ad-spacer {
     height: 60px;
}





/* Liba's mission page */

.libas-mission td {
     vertical-align: middle;
}

.libas-mission iframe {
     width: 100%;
     border: 5px solid #D9272D;
     border-radius: 7px;
     box-sizing: border-box;
}




/* Become a member page */

#membership-columns img {
     width: 80px;
     height: 80px;
     display: block;
     margin: 0 auto;
}






/* Find a member page */

/* Gadget */

.find-a-member table#membersTable {
     width: 100%;
     table-layout: fixed;
}

.find-a-member table#membersTable td {
     word-wrap: break-word !important;
     width: 25% !important;
}

.find-a-member .browsingColumns td {
     width: 50% !important;
}





/* Leadership page - contact section portraits */

.portraits .gadgetContentEditableArea {
     text-align: center;
}

.portraits .gadgetContentEditableArea > div {
     border-radius: 50%;
     overflow: hidden;
     margin: 0 auto;
     border: 5px solid #D9272D;
     padding: 0;
     width: 120px;
     height: 120px;
}

.portraits .gadgetContentEditableArea > div > img {
     width: 100%;
     margin: 0;
}






/* Annual events page */

.annual img {
     width: 250px;
     display: block;
     margin: 0 auto;
}

.annual td {
     vertical-align: middle;
}

.annual:nth-child(odd) td:last-child, .annual:nth-child(even) td:first-child {
     background-color: #f1f1f1;
     background-image: url(/resources/Site-Design-Assets/body-bg.png);
} 

.annual:nth-child(odd) td:last-child .gadgetContentEditableArea, .annual:nth-child(even) td:first-child .gadgetContentEditableArea {
     padding: 20px;
     background-color: transparent;
}

.annual:nth-child(odd) td:first-child, .annual:nth-child(even) td:last-child {
     background: #fff;
}
    




/* Upcoming events page - gadget */

.upcoming-events div.boxBodyContentContainer.fixedHeight {
     max-height: 500px !important;
}

.upcoming-events .WaGadgetEventsStateList h3.sectionTitle {
     width: 100% !important;
     text-align: left !important;
     padding: 10px 10px 10px 68px;
     background-color: #D9272D;
     background-image: url(/resources/Site-Design-Assets/fleur-de-li.png);
     background-size: 30px;
     background-repeat: no-repeat;
     background-position: 22px center;
     border-radius: 5px;
     box-sizing: border-box;
     color: #ffffff;
     margin-bottom: 30px;
}

.upcoming-events .WaGadgetEventsStateList h1.pageTitle {
     width: 100%;
     text-align: left;
}

.upcoming-events .pastEventsContainer {
     display: none;
}

.infoOuterContainer {
     background-color: #90C7E7;
}




/* Individual event pages */

.event-details > table > tbody > tr > td:first-child, .event-details > table > tbody > tr > td:last-child {
     background-color: #f1f1f1;
     border-radius: 5px 5px 0px 0px;
}

.event-details .gadgetContentEditableArea {
     padding: 10px;
}

.vendors .gadgetContentEditableArea {
     text-align: left;
}

.sponsors-title {
     margin-top: 40px;
}

.sponsors .gadgetContentEditableArea {
     text-align: center;
}

.sponsors .gadgetContentEditableArea img {
     height: 75px;
     margin: 25px auto;
     display: block;
}







/* Contact page */

.contacts td {
     vertical-align: middle;
}

.contacts .WaLayoutItem {
     background-color: #f1f1f1;
     background-image: url(/resources/Site-Design-Assets/body-bg.png);
     background-repeat: repeat;
}

.contacts .gadgetContentEditableArea {
     padding: 10px;
     text-align: center;
}

.contacts img { 
     width: 150px;
}






/* Volunteer page */

.volunteering .WaLayoutItem {
     background-color: #f1f1f1;
     background-image: url(/resources/Site-Design-Assets/body-bg.png);
}

.volunteering .gadgetContentEditableArea {
     padding: 10px;
}






/* LIBA West and South pages */

.liba-west-upper td, .liba-south td {
     vertical-align: middle;
}

.liba-west-lower {
     margin-top: 40px;
}

.liba-west-lower .WaLayoutItem {
     background-color: #f1f1f1;
     background-image: url(/resources/Site-Design-Assets/body-bg.png);
     padding: 20px;
     text-align: center;
}








/* Only in Louisville page */

.only-in-louisville img {
     display: block;
     width: 100%;
     margin: 0 auto;
}

.only-in-louisville-article .WaGadgetContent {
     margin: 0 auto !important;
     max-width: 675px !important;
}










/* Gadgets with titles */

.gadgetStyleTitle {
     background-color: #D9272D;
     color: #FFF;
     padding: 20px 20px 20px 60px !important;
     border-radius: 5px 5px 0px 0px;
     background-image: url(/resources/Site-Design-Assets/fleur-de-li.png);
     background-size: 30px;
     background-repeat: no-repeat;
     background-position: 15px center;
}

.gadgetStyleTitle h4 {
    
}



.WaGadgetUpcomingEvents {
     border-radius: 5px 5px 0px 0px;
     background-color: #FFF;
}

.WaGadgetUpcomingEvents .gadgetStyleBody {
     padding: 10px;
}







/* Bottom section */

.zoneFooter {
     background: ;
}






/* ---------------- members only pages --------------- */



/* member event submission form page */

.submission-form {
     font-family: 'Montserrat', sans-serif !important;
}






/* Custom css classes/IDs ----------------------------------------------------------- */

.header-logo {
     display: block;
     margin: 20px auto;
     width: 100px;
     border-radius: 4px;
}

.main-header {
     
}

.new-members .gadgetContentEditableArea {
     padding: 10px;
     background-color: #FFF;
}





/* Custom CSS classes for specific layout type for use by LIBA */

/* Vertically align content */

.vert-align td:nth-child(odd) {
     vertical-align: middle;
}

/* Add gray bg with texture */

.gray-bg td:nth-child(odd) {
     background-color: #f1f1f1;
     background-image: url(/resources/Site-Design-Assets/body-bg.png);
}

.gray-bg .WaGadgetContent {
     padding: 10px;
}

/* Add gray bg with content vertically aligned */

.gray-bg-vert-align td:nth-child(odd) {
     background-color: #f1f1f1;
     background-image: url(/resources/Site-Design-Assets/body-bg.png);
     vertical-align: middle;
}

.gray-bg-vert-align .WaGadgetContent {
     padding: 10px;
}

/* Make gadgets display in Montserrat font */

.montserrat {
     font-family: 'Montserrat', sans-serif !important;
}

.montserrat h1,
.montserrat h2,
.montserrat h3,
.montserrat h4,
.montserrat p,
.montserrat span,
.montserrat ul li,
.montserrat ol li,
.montserrat a
.montserrat font {
      font-family: 'Montserrat', sans-serif !important;
}


/* Make bottom wide ad banner display better on mobile */

.full-width-ad .camera_wrap {
     height: 100px !important;
}

.full-width-ad .camera_pag_ul {
     background-color: transparent !important;
}














/* Media queries ---------------------------------------------------------------------------------- */

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

     .social-div {
          margin: 0;
          width: 155px;
     }

     .social-div a {
          display: inline-block;
          border-radius: 50%;
          padding: 5px;
          background-color: #109AD6;
          transition: .2s;
     }

     .social-div a:hover {
          background-color: #D9272D;
     }

     .social-div a img {
          width: 25px;
          height: 25px;
          display: block;
     }

     #id_XsomdnM, #id_Aj21VCk {
          margin-left: auto;
          margin-right: 0;
     }

     .searchBoxOuter {
          text-align: right !important;
     }
     
     .WaGadgetLoginButton > div {
          text-align: right !important;
     }

     .WaGadgetSiteSearch .searchBoxField {
          width: 100px;
     }

     /* Custom header CSS ---------------------------- */

     .header-inner .header-logo {
          margin: 40px auto 40px 0px;
          width: 18%;
          display: block;
     }

     .header-inner .header-elements {
          position: absolute;
          top: 0px;
          right: 0px;
          height: 55px;
          width: 440px;
     }

     .header-elements > div {
          position: absolute;
     }

     .header-elements #social-div {
          width: 195px;
          top: 10px;
          left: 10px;
     }

     .header-elements #social-div a:hover {
          background-color: #D9272D;
     }

     .header-elements #social-div a img {
          width: 25px;
          height: 25px;
          display: block;
     }

     .header-elements > div:nth-child(2) {
          top: 10px;
          left: 47%;
          width: 100px;
     }

     .header-elements .WaGadgetSiteSearch {
          width: 100px;
     }

     .header-elements > div:last-child {
          top: 10px;
          right: 10px;
     }

     .header-elements #social-div a {
          display: inline-block;
          border-radius: 50%;
          padding: 5px;
          background-color: #109AD6;
          transition: .2s;
     }

     

}



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

     .header-logo {
          width: 150px;
     }

     .why-buy-local {
          display: table;
          width: 100%;
     }

     .why-buy-local > div {
          display: table-row;
          width: 100%;
     }

     .why-buy-local > div > div {
          display: table-cell;
          width: 50%;
          vertical-align: middle;
     }


     /* Only in Louisville logo image */
  
     .only-in-louisville img {
          width: 50%;
     }

     /* Page titles */

     h1.contStylePageTitle {
          background-size: 240px, 100%;
     }

     /* Content area fade-in on desktop */
     
     .zoneContent {
          -webkit-animation: fadein .4s ease-out;
          -moz-animation: fadein .4s ease-out;
          -o-animation: fadein .4s ease-out;
          animation: fadein .4s ease-out;
     }

     /* Submenu fade-in to right */

     ul.secondLevel {
          -webkit-animation: subslide .3s ease-out;
          -moz-animation: subslide .3s ease-out;
          -o-animation: subslide .3s ease-out;
          animation: subslide .3s ease-out;
     }

     .full-width-ad .camera_wrap {
          height: 130px !important;
     }

      

}





@-webkit-keyframes fadein {

     from {opacity: 0;}
       to {opacity: 1;}

}

@-moz-keyframes fadein {

     from {opacity: 0;}
       to {opacity: 1;}

}

@-o-keyframes fadein {

     from {opacity: 0;}
       to {opacity: 1;}

}

@keyframes fadein {

     from {opacity: 0;}
       to {opacity: 1;}

}


@-webkit-keyframes subslide {
     
      from {opacity: 0; 
           -webkit-transform: translateX(-15px);
           -ms-transform: translateX(-15px);
           transform: translateX(-15px);}
       to {opacity: 1; 
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0);}

}

@-moz-keyframes subslide {

     from {opacity: 0; 
           -webkit-transform: translateX(-15px);
           -ms-transform: translateX(-15px);
           transform: translateX(-15px);}
       to {opacity: 1; 
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0);}

}

@-o-keyframes subslide {

     from {opacity: 0; 
           -webkit-transform: translateX(-15px);
           -ms-transform: translateX(-15px);
           transform: translateX(-15px);}
       to {opacity: 1; 
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0);}

}

@keyframes subslide {

     from {opacity: 0; 
           -webkit-transform: translateX(-15px);
           -ms-transform: translateX(-15px);
           transform: translateX(-15px);}
       to {opacity: 1; 
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0);}

}