nav{
         display: flex;
         align-items: center;
         justify-content: space-between;
         font-family: 'Montserrat', sans-serif;
         font-weight: 400;
         height: 72px;
         background-color: #FFFFFF;
         padding-right: 20px;
         padding-left: 20px;
         }
         .menu-item{
         color: #181818;
         font-size: 10px;
         font-weight: bold;
         text-align: center;
         padding-top:2px;
         }
         .menu-left{
         font-size: 20px;
         font-weight: bold;
         letter-spacing: 1.5px;
         }
         .right{
         align-self: flex-end;
         }
         a{
         text-decoration: none;
         color:#181818
         }
         a:hover{
         text-decoration:none;
         color:#181818;
         }
         .signup-div{
         margin-right: 22px;
         }
         .header{
         padding-left: 16px;
         padding-right: 16px;
         /*display: flex;*/
         /*flex-direction: column;*/
         /*justify-content: space-around;*/
         background:linear-gradient(0deg, rgba(24,24,24,0.7) 0%, rgba(12,0,51,0) 100%), url('/images/LW2020_HEADER.jpeg');
         min-height: 636px;
         /* width: 100%; */
         background-size: cover;
         background-repeat: no-repeat;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
         background-position: 50% 35%;
         /* background-size: 100%; */
         }
         .header-text{
         color: #FFFFFF;
         font-family: 'Montserrat', sans-serif;
         font-size: 41px;
         font-weight: bold;
         line-height: 50px;
         padding-bottom: 32px;
         flex-wrap:wrap;
         }
         input{
         font-family: 'Open Sans', sans-serif;
         }
         .search{
         color: #181818;
         font-size: 20px;
         font-weight: 300;
         line-height: 27px;
         /*background: url(search-icon.svg) no-repeat scroll right;*/
         background-size: 22px;
         background-color: #F3F3F3;
         border-left: #F3F3F3;
         }
         .input-group-addon{
         border-right:#F3F3F3;
         background-color:#F3F3F3;
         }
         .LWlogo{
         padding-bottom: 19px;
         }
         .signup-div, .login-div{
         display: flex;
         flex-direction: column;
         align-items: center;
         }
         .signup-div{
         width: 43px;
         }
         .menu-div-right{
         display: flex;
         flex-direction: row;
         }
         .bpadding{
         margin-bottom:2em;
         }
         input:focus {
         outline: none;
         border: none !important;
         -webkit-box-shadow: none !important;
         -moz-box-shadow: none !important;
         box-shadow: none !important;
         }
         body {
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         }
         h1{
         height: auto;
         width: 100%;
         color: #181818;
         font-family: Montserrat;
         font-size: 32px;
         font-weight: bold!important;
         }
         * {
         box-sizing: border-box;
         }
         /*.form__group {*/
         /*display: flex;*/
         /*justify-content:space-between;*/
         /*flex-wrap: wrap;*/
         /*align-items:flex-end;*/
         /*}*/
         /*.form__group > input{*/
         /*height:40px;*/
         /*}*/
         /*.form__group>:nth-child(1){*/
         /*width:25%;*/
         /*}*/
         /*.form__group>:nth-child(2){*/
         /*width:10%;*/
         /*}*/
         /*.form__group>:nth-child(3){*/
         /*width:10%;*/
         /*}*/
         /*.form__group>:nth-child(4){*/
         /*width:25%;*/
         /*}*/
         /*.form__group>:nth-child(5){*/
         /*width:15%;*/
         /*}*/
         .form-control.form-input,
         .login-page input,
         .registration-form select,
         .registration-form input[type=text],
         .registration-form input[type=password],
         .registration-form input[type=submit]
         {
         background-color: #F0F0F0;
         border-radius: 6px;
         border: 1px solid #F0F0F0;
         padding-left: 15px;
         height: 50px;
         padding: 6px 12px;
         font-size: 14px;
         -webkit-box-shadow: none;
         box-shadow: none;
         color: black;
         }

         .main-content{
         padding: 5em 0 5em 0;
         background-color: #F1F1F1;
         }
         .btn-go{
         border-radius: 8pt;
         color: #FFFFFF;
         font-family: Montserrat;
         font-size: 16px;
         font-weight: bold;
         width: 100%;
         height:49px;
         margin:0;
         }
         .input-label{
         display: flex;
         flex-direction:column;
         color: #181818;
         font-family: "Open Sans";
         font-size: 16px;
         font-weight: 300;
         }
         .input-label>span{
         padding-bottom:10px;
         }
         .input-label>input{
         font-size:16px;
         height: 50px;
         }
         /*.categories{*/
         /*display:flex;*/
         /*justify-content:stretch;*/
         /*flex-wrap:wrap;   */
         /*padding-left: 10vw;*/
         /*padding-right: 10vw;*/
         /*}*/
         .category{
     width: 100%;
     height: 67px;
     margin-top: 18px;
     border: none;
     /*background: #29c4d0;*/
     color: #fff;
     border-radius: 8pt;
    	color: #FFFFFF;
    	font-family: Montserrat;
    	font-size: 16px;
    	font-weight: bold;
    	line-height: 19px;
    	text-align: center;
}
.content-wrapper{
    padding: 0;
    margin: 0;
}
.categories-div{
     padding: 4em 2em 2em 2em;
     background-color:#F1F1F1;
}



         .categories>:nth-child(1)>div>button{
         background-image:url('/images/00@2x.jpg')!important;
         }
         .categories>:nth-child(2)>div>button{
         background-image:url('/images/01@2x.jpg')!important;
         }
         .categories>:nth-child(3)>div>button{
         background-image:url('/images/02@2x.jpg')!important;
         }
         .categories>:nth-child(4)>div>button{
         background-image:url('/images/03@2x.jpg')!important;
         }
         .categories>:nth-child(5)>div>button{
         background-image:url('/images/04@2x.jpg')!important;
         }
         .categories>:nth-child(6)>div>button{
         background-image:url('/images/05@2x.jpg')!important;
         }
         .categories>:nth-child(7)>div>button{
         background-image:url('/images/06@2x.jpg')!important;
         }
         .categories>:nth-child(8)>div>button{
         background-image:url('/images/07@2x.jpg')!important;
         }
         .categories>:nth-child(9)>div>button{
         background-image:url('/images/08@2x.jpg')!important;
         }
         .categories>:nth-child(10)>div>button{
         background-image:url('/images/09@2x.jpg')!important;
         }
         .categories>:nth-child(11)>div>button{
         background-image:url('/images/10@2x.jpg')!important;
         }
         .categories>:nth-child(12)>div>button{
         background-image:url('/images/11@2x.jpg')!important;
         margin-right:0;
         }
         .category{
         align-items: center;
         justify-content: center;
         background-color:#F1F1F1;
         background-size: cover;
         background-repeat: no-repeat;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
         margin-right:15px;
         margin-top:15px;
         }
         .result-parent{
         display:flex;
         flex-direction:row;
         flex-wrap:wrap;
         justify-content: center;
         }
         .result-div{
         min-width: 286px;
         height:277px;
         background-color: #FFFFFF;
         border-radius:8px;
         /*margin-right:16px;*/
         margin-top:16px;
                  box-shadow: rgba(108, 100, 100, 0.1) 0px 2px 2px,
              rgba(108, 100, 100, 0.05) 0px 4px 4px,
              rgba(108, 100, 100, 0.05) 0px 8px 8px,
              rgba(108, 100, 100, 0.05) 0px 16px 16px,
              rgba(108, 100, 100, 0.05) 0px 32px 32px,
              rgba(108, 100, 100, 0.05) 0px 64px 64px;
    transition: box-shadow .3s ease-out;
    transition-property: box-shadow;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    transition-delay: initial;
    transition: all .3s ease-in-out;
         }
         .result-div:hover {
	box-shadow: rgba(108, 100, 100, 0.1) 0px 2px 2px,
              rgba(108, 100, 100, 0.1) 0px 4px 4px,
              rgba(108, 100, 100, 0.1) 0px 8px 8px,
              rgba(108, 100, 100, 0.1) 0px 16px 16px,
              rgba(108, 100, 100, 0.1) 0px 32px 32px,
              rgba(108, 100, 100, 0.1) 0px 64px 64px;
    transition: box-shadow .3s ease-out;
    transition-property: box-shadow;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    transition-delay: initial;
    transform: scale(1.005);
    transition: all .3s ease-in-out;
}
         .result-parent>:nth-child(last){
         margin-right:0;
         }
         .result-top{
         height:65%;
         border-bottom: 1px solid #C4C4C4;

         }



         .result-top-top{
         padding: 16px 17px;
         }
         .openings{
         float:left;
         color: #181818;
         font-family: "Open Sans";
         font-size: 16px;
         font-weight: 300;
         }
         .date{
         /*align-self: flex-end;*/
         float:right;
         }
         .event-color {
          background-color: #558BA7!important;
         }
         .opening-number{
         padding:2px 15px;
         border-radius: 11.5px;
         color: #FFFFFF;
         font-weight:bold;
         }
         .sans{
         color: #181818;
         font-family: "Open Sans";
         font-size: 16px;
         font-weight: 300;
         }
         .result-name{
         height: 62.22px;
         width: 100%;
         color: #181818;
         font-family: Montserrat;
         font-size: 20px;
         font-weight: bold;
         line-height: 24px;
         text-align: center;
         margin-top:50px;
         padding: 0 20px;
         }
         .place{
         height: 37.14px;
         width: 100%;
         padding: 20px 20px;
         opacity: 0.5;
         color: #181818;
         font-family: Montserrat;
         font-size: 15px;
         font-weight: bold;
         }
         .time{
         float:right;
         padding-top:5px;
         }
         .place{
         float:left;
         }
         .bottom-bottom{
         padding: 60px 9px;
         }
         .serve-today{
         float:left;
         }
         .view-more{
         float:right;
         color: #181818;
         font-family: Montserrat;
         font-size: 14px;
         font-weight: bold;
         letter-spacing: 1.75px;
         padding-top: 35px;
         }
         .serve-and-view{
         display:inline-block;
         width:100%;
         padding-right:56px;
         padding-top: 83px;
         vertical-align: text-bottom;
         }

         .filter-events{
          height:645px;
          display:block;
         }
         .search-div{
          background-color: white;
          padding-bottom: 5em;
          padding-top: 3em;
         }
         .thisSelect{
          background-color: #f0f0f0;
          height: 49px;
          border: none;
          font-family: 'Open Sans', sans-serif;
          color: #555;
         }
         i{
          color:black!important;
         }
         .container{
          width:100%;
         }
         .divBoxHeader2{
          width:100%;
          padding-top:2em;
          padding-left:16px;
          padding-right:16px;
          padding-bottom: 45px;
         }
         .footer{
         margin-top: 6em;
         margin-bottom: 4em;
         }
         .login-branding{
         filter: invert(77%);
         -webkit-filter: invert(77%);
         }
        .login-page .content-row {
            padding: 0 30px;
        }
        .btn-lg{
         border:none!important;
         color: #FFFFFF!important;
         font-family: Montserrat!important;
         font-size: 16px!important;
         font-weight: bold!important;
         }
         .form-group-lg .form-control {
          border-radius: 8pt;
         }
         .input-group-addon{
          border-top-left-radius: 8px;
          border-top-right-radius: 0px;
          border-bottom-right-radius: 0px;
          border-bottom-left-radius: 8px;
         }
         .input-group-addon:first-child {
          border: 1px solid #F3F3F3;
         }
         .form-control{
          border: 1px solid #F3F3F3!important;
         }
         #q{
           padding-left: 0;
           -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.0);
           box-shadow: inset 0 0px 0px rgba(0,0,0,.0);
           -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out 0s;
          -o-transition: border-color ease-in-out 0s,box-shadow ease-in-out 0s;
           transition:none,box-shadow ease-in-out .0s;
         }
         a{
          font-weight:bold!important;
         }
         #date_start,#date_end{
          min-width:100px;

         }
         #date_start::placeholder, #date_end::placeholder {
          color: #555;
          opacity: 1; /* Firefox */
         }
          #date_start:-ms-input-placeholder, #date_end:-ms-input-placeholder {
          color: #555;

         }

          #date_start::-ms-input-placeholder, #date_end::-ms-input-placeholder {
          color: #555;

         }


@media only screen and (max-width: 526px){
       .header{
        background-image: url(/images/LW2020_HEADER.jpeg);
        background-color: rgba(0, 0, 0, 0.5);
       }
       #q{
        font-size: 14px;
        border: 1px solid #F3F3F3;
        -webkit-appearance: none;
        box-shadow: inset 0px 0px 0px 0px red;
       }
}

         /* Portrait */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {

   .LWlogo{
    width: 200px;
    height: auto;
   }

   .search-div{
      /*text-align:center;*/
      padding: 3em 16px 3em 16px;
      width: 100%;
   }
   .bpadding{
            text-align:center;
         }

   .divBoxHeader{
       /*display: flex;*/
       /*width: 100%;*/
       /*overflow-x: auto;*/
       /*overflow-y: hidden;*/
       /*padding-bottom: 4em;*/
       /*-webkit-overflow-scrolling: touch;*/
       /*scroll-snap-type: mandatory;*/
        /* older spec implementation */
       /*scroll-snap-destination: 900px 0%;*/
       /*scroll-snap-points-x: repeat(100%);*/
       /*scroll-snap-align: 110vw none;*/
       /*scroll-snap-padding:10%;*/
       /*Scroll-snap-coordinate: 100px 0%;*/


   }
   .divBoxHeader>:nth-child(1){
      /*min-width:85vw;*/
      /*margin-left:30px!important;*/
   }

   .result-div {
    /*min-width:80vw;*/
    height: 332px;
     scroll-snap-align: start;
}

.bottom-bottom {
    padding: 86px 19px;
}
   .categories>button{

      /*margin:0 auto;*/
      margin-top:15px;
   }
   /*LAST BUTTON CATEGORY BUTTON*/
   .categories>:nth-last-child(1) {
      /*margin-left:15px;*/
   }
   h1{
      /*margin:0 auto;*/
      /*height: inherit;*/
      width: -webkit-fill-available;
      /*text-align: center;*/
      margin-bottom: 15px;
   }
   .main-content{
      padding: 3em 0 0 0;
   }
   .input-label>span {
    padding-bottom: 10px;
    padding-top: 10px;
   }
   nav{
    padding-right: 0px;
    padding-left: 0px;
   }
   .header{
    min-height: 517px;
   }
   .view-more{
    padding-top: 0;
   }
   .result-parent{
    padding-top: 3em;
   }
   .view-more-container{
    width: 90%;
   }
   .divBoxHeader>:nth-child(1){
    /*margin-left: 15px;*/
   }
    .categories{
    padding-left: 15px;
    padding-right: 0;
   }
   .place{
    padding: 36px 20px;
   }
}
   /* Portrait Galaxy */

@media only screen and (min-width: 360px)
and (orientation: portrait) {

   .LWlogo{
    width: 296px;
    height: auto;
   }

   .search-div{
      /*padding: 3em;*/
   }
   .bpadding{
            text-align:left;
         }

   .divBoxHeader{
       /*display: flex;*/
       /*width: 100%;*/
       /*overflow-x: auto;*/
       /*overflow-y: hidden;*/
       /*-webkit-overflow-scrolling: touch;*/
       /*scroll-snap-type: mandatory;*/
        /* older spec implementation */
       /*scroll-snap-destination: 900px 0%;*/
       /*scroll-snap-points-x: repeat(100%);*/
       /*scroll-snap-align: 110vw none;*/
       /*scroll-snap-padding:10%;*/
       /*Scroll-snap-coordinate: 100px 0%;*/


   }
   .divBoxHeader>:nth-child(1){
      /*min-width:85vw;*/
      /*margin-left:30px!important;*/
   }

   .result-div {
    /*min-width:80vw;*/
    height: 332px;
     scroll-snap-align: start;
}

.bottom-bottom {
    padding: 77px 19px;
}
   .categories>button{

      /*margin:0 auto;*/
      margin-top:15px;
   }
   .categories>:nth-last-child(1) {
      /*margin-left:15px;*/
   }
   h1{
      /*margin:0 auto;*/
      height: inherit;
      width: -webkit-fill-available;
      /*text-align: center;*/
      margin-bottom: 15px;
   }
   .main-content{
      padding: 3em 0 0 0;
   }
   .input-label>span {
    padding-bottom: 10px;
    padding-top: 10px;
   }
   nav{
    padding-right: 16px;
    padding-left: 16px;
   }
   .header{
    min-height: 517px;
   }
   .view-more{
    padding-top: 0;
   }
   .result-parent{
    padding-top: 3em;
   }
   .view-more-container{
    width: 90%;
   }
   .divBoxHeader>:nth-child(1){
    /*margin-left: 15px;*/
   }
}


.container-fluid{
    padding-left:0;
    padding-right:0;
}

.text-black{color:#000;}
.center{
    display: inline-block;
}
.text-center{text-align:center;}
body{
 background:#f1f1f1;
 }
.password-reset input[type="submit"],
.text-link,
.login-page input[type=submit],
.login-page label {
 font-family: "Open Sans", "Helvetica", sans-serif;
 color: black;

}
.login-page label {
 color:black;
}
.login-page input{
 color:black;
}

label {
 font-weight: 300;
 font-size: 16px;
}

.registration-form {
 margin-top: 50px;
}

.registration-form label {
 color: black;
}

.single-event-page .event-title {
 margin-top:0;
 margin-bottom: 25px;
 padding-bottom: 0;
}

.single-event-page p,
.event-location-wrapper .organization,
.single-event-page .waiver-link,
.single-event-page .agree-copy,
.single-event-page .social i,
.password-reset input#email,
i, h3{
 color: black;
}

.single-event-page .event-action-bar {
 margin-top: 50px;
}

a:hover, a:focus, a:visited{
 color:black;
}



.single-event-page .event-bottom {
 background-color: transparent!important;
     overflow-x: hidden;
}

.event-top,
.single-event-page .event-column {
 background-color: white;
}

.single-event-page .event-bottom-content {
 padding:0;
}

.event-main {
 clear: none;
}
.event-column, .individuals, #group{
     border-radius: 8pt;
}
.event-top{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.custom-width{
  padding-left: 0!important;
   padding-right: 0!important;
}



/*Iphone 5*/
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
   .menu-logo{
      width: 140px;
   }
   .LWlogo{
      width: 250px;
      height:auto;

   }
   .header-text{
    font-size: 28px;
    line-height:30px;
   }
   .header{
    min-height: 417px;
   }
   .event-title{
    height:auto;
   }
    .nav{
    padding-right: 10px;
    padding-left: 10px;
   }
}



/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
/*@media only screen */
/* and (min-device-width: 768px) */
/* {*/
/* .single-event-page{*/
/* background-color:purple!important;*/
/*}*/
/*.custom-width{*/
    /*margin-left: -54px;*/
    /*margin-right: -54px;*/
/*}*/
/*.event-top{*/
/*    margin-left: 37px;*/
/*    margin-right: 37px;*/
/*}*/
/*.single-event-page{*/
/* font-size:12px;*/
/*}*/
/*}*/
/* Medium devices (desktops, 992px and up) */
/* @media only screen */
/* and (min-device-width: 992px) */
/* {*/
/*.event-column{*/
/* margin-bottom: 0!important;*/

/*}*/
/*.single-event-page{*/
/* background-color:red!important;*/

/*}*/
/*.custom-width{*/
    /*margin-left: -29px;*/
    /*margin-right: -29px;*/
/*}*/
/*.event-top {*/
/*    margin-left: 0;*/
/*    margin-right: 0;*/
/*}*/
/*.custom-width-last{*/
/*     margin-left: -29px;*/
/*    margin-right: -29px;*/

/*}*/
/*#waiver_wrapper{*/
/* padding-left:15px;*/
/*}*/

/*}*/

/* Large devices (large desktops, 1200px and up) */
/* @media only screen */
/* and (min-device-width: 1200px) */
/* {*/
/* .single-event-page .event-top {*/
/*    margin-right: 14px;*/
/*    margin-left: 14px;*/
/*}*/
/*.single-event-page{*/
/* background-color:blue!important;*/
/*}*/

/*.custom-width{*/
/*    margin-left: -30px;*/
/*    margin-right: -30px;*/
/*}*/
/*.event-top {*/
/*    margin-left: 0;*/
/*    margin-right: 0;*/
/*}*/

/*}*/

.event-details, #group_names{
 background:#fff;
 padding:20px;
 border-radius:8pt;
}
.waiver-link{
 padding-left: 6px;
}
.password-link{
    color:black!important;
}
.login-form, .password-reset, .registration-form, .individuals, #group_names, .profile-info{
 background-color: white;
    border-radius: 8pt;
    box-shadow: rgba(108, 100, 100, 0.1) 0px 2px 2px, rgba(108, 100, 100, 0.05) 0px 4px 4px, rgba(108, 100, 100, 0.05) 0px 8px 8px, rgba(108, 100, 100, 0.05) 0px 16px 16px, rgba(108, 100, 100, 0.05) 0px 32px 32px, rgba(108, 100, 100, 0.05) 0px 64px 64px;
    transition: box-shadow .3s ease-out;
    transition-property: box-shadow;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    transition-delay: initial;
    transition: all .3s ease-in-out;
}
.add-shadow{
 box-shadow: rgba(108, 100, 100, 0.1) 0px 2px 2px, rgba(108, 100, 100, 0.05) 0px 4px 4px, rgba(108, 100, 100, 0.05) 0px 8px 8px, rgba(108, 100, 100, 0.05) 0px 16px 16px, rgba(108, 100, 100, 0.05) 0px 32px 32px, rgba(108, 100, 100, 0.05) 0px 64px 64px;
    transition: box-shadow .3s ease-out;
    transition-property: box-shadow;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    transition-delay: initial;
    transition: all .3s ease-in-out;
}

@media only screen and
(min-width: 1200px) and
(max-width: 1451px) {
    .sans{
        font-size:14px;
    }
    .result-div {
        min-width: 268px;
    }
    .result-name {
        font-size:17px;
        margin-top:38px;
    }
    .place {
        font-size:14px;
    }
}

.disclaimer-section {
   background-color: #F1F1F1;
   border-radius: 8px;
   padding: 2.8ex;
   font-size: 14px;
   margin: 1em 0;
}