@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Pacifico&display=swap');


/* template area styles*/

.templatearea .data-templatearea-content h2{
  font-size: 46px;
  text-align: center;
  color: #dd002c;
  font-family: "pacifico", cursive;
  background:linear-gradient(#ffe700, #ffc808, #ffb902);
    display:block;
  margin:20px auto;
  width: 470px;
  border-top: solid 15px #ffe700;
text-shadow: 2px 2px white;
  box-shadow: 1px 5px 5px -2px rgba(0,0,0,0.24);
-webkit-box-shadow: 1px 5px 5px -2px rgba(0,0,0,0.24);
-moz-box-shadow: 1px 5px 5px -2px rgba(0,0,0,0.24);
   transform: rotate(-3deg);
  transform: skew(-10deg, 0deg);
  transform: matrix(1, -0.07, -0.07, 1, 0, 0);

}



/*end template*/


.dynamic-content{
    background:url(https://s3.amazonaws.com/production-webstore/5cae4d2c-bf75-4e8d-b226-e61b81eefb36/themes/assets/Untitleddesign68.jpg);
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    font-size: 18px;
}

header.top-menu .navbar {
    margin-bottom: 0;
    box-shadow: none;
    border: none;
    border-bottom: none;
    background: #17009f;
}

.page-header > h1{
    font-size: 35px;
    font-family:"pacifico", cursive;
    color:#17009f;
}


/* remove non-functional about link */

div#top-nav-collapse.collapse.navbar-collapse.hidden-xs ul.nav.navbar-nav:nth-child(1) li:nth-child(2) a:nth-child(1) span:nth-child(1) {
	display: none;
}

header.top-menu > .navbar .navbar-nav > li > a  {
    color: white;
    font-weight:500;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;

}

header.top-menu .navbar .navbar-nav > li > a .icon{
    color:white;
}

#widgets-collapse.navbar-collapse.collapse{
   max-height: 90px;
}

.site-actions {
    padding: 2px 0;
    text-align: center;
    background: #262626;
}

.site-logo > img{
    display: none;
}

.site-logo{
       background: url(https://s3.amazonaws.com/production-webstore/7a2914d7-1662-4197-b849-46147967bfac/themes/assets/mcdonough-logo-400x300-1.png?639088544300000000);
      background-size: contain;
  background-repeat: no-repeat;
  background-position-y: 50%;
    width:273px;
    height:170px;
        
}

#widgets-collapse .container > .row{
    display: flex;
   justify-content:center;
    align-items:center;
    padding-left: 130px;
}



header.top-menu{
    height: 30px;
    background:#17009f;
}

@media(min-width:767px){
    
    nav.navbar.navbar-default,    nav.navbar.navbar-default >.container, #top-nav-collapse{
        height:30px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-transform: uppercase;
       
    }
    
    #top-nav-collapse {
      width: 100%;
      
    }
    
    .site-actions{
        padding-top:5px
    }
    
}

#widgets-collapse > .container{
    position: relative;
    bottom:110px;
    display: flex;
    justify-content: center;
    
}

#widgets-collapse > div > div > div > ul {

    width:650px;
}

.widget-menu {
    background: transparent;
    border-top: 0;
    box-shadow: none;
    padding: 0;
    font-size: 0;
    margin-bottom: 20px;
    top: -1px;
    position: relative;
}

.item .item-description, .daytime-buttons > div .time{
    color:#555;
    font-size: 18px;
}

.item .item-title, .item-title a{
    color:#2a2b33;
    font-weight: 600;
    font-size:22px
}

.btn {
    padding: 6px 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Montserrat',sans-serif;
    font-size:13px;
    border-radius: 5px
}

.btn.btn-primary{
    background:#dd002c;
    border-color:#dd002c;
    
}

.btn.btn-primary:hover, .btn:hover{
   box-shadow: inset 0 0 0 999px rgba(255, 255, 255, .15);
}

.widget-menu .main-nav li > a {
    font-size: 17px;
    border-radius: 0;
    color: #ffffff;
    padding: 12px;
    transition: background-color 0.2s ease-in;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.widget-menu .main-nav li > a:hover, .widget-menu .main-nav li > a:focus {
    background: transparent;
    color: #FFC808;
    	webkit-animation: shake-hor-top 0.8s both !important;
	animation: shake-hor-top 0.8s both !important;
}


/*---------Nav Shake Effect------------*/

@-webkit-keyframes shake-hor-top {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(6deg);
            transform: translateX(-30px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(-6deg);
            transform: translateX(15px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(3.6deg);
            transform: translateX(-15px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(-2.4deg);
            transform: translateX(9px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(1.2deg);
            transform: translateX(-6px) rotate(1.2deg);
  }
}
@keyframes shake-hor-top {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(6deg);
            transform: translateX(-30px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(-6deg);
            transform: translateX(15px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(3.6deg);
            transform: translateX(-15px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(-2.4deg);
            transform: translateX(9px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(1.2deg);
            transform: translateX(-6px) rotate(1.2deg);
  }
}

/* End Nav menu shake effect*/

.widget-menu .main-nav li.active > a {
    background: transparent;
    color: #FFC808;
}

.widget-menu .main-nav li.active > a:hover {
    background: transparent;
    color: #FFC808;
}

footer.foot{

}

footer.foot>div {
    padding: 0;
    color: #fff;
    background: url(https://094312.twstaging.com/sh/wp-content/uploads/2019/09/cropped-HomepageStarlite_web.jpg);
    background-position: center;
    background-position-y: -170px;
    background-attachment: inherit;
    position: relative;
}

footer.foot >div:before{
    content:"";
    position: absolute;
    bottom:80px;
    left: 0;
    width: 100%;
    height: calc(100% - 80px);
     background:#225fc0;
 background:-moz-linear-gradient(left,#225fc0 0,#204199 100%);
 background:-webkit-linear-gradient(left,#225fc0 0,#204199 100%);
    background:linear-gradient(to right,#225fc0 0,#204199 100%);
    opacity: .82;
    
}



footer.foot .powered-by {
    height: auto;
    background: #b5182c;
    min-height: 80px;
    width: 100%;
    border-top: none;
    bottom: 0;
}

footer.foot .footer-item-label {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
   color:white;
    
}

footer.foot .links li a {
    font-size: 16px;
    color: white !important;
    display: block;
    font-weight: 300;
    text-transform: uppercase;

}


@media (max-width: 991px) {
#widgets-collapse > div > div > div > ul {
top:-50px;
     max-width: calc(100% - 140px); 

 }
    
    header.top-menu > .navbar .navbar-nav > li > a{
        font-size: 14px;
    }

    #widgets-collapse .container > .row{
        justify-content: flex-end;
    }
    
  header.top-menu,  nav.navbar.navbar-default, nav.navbar.navbar-default > .container, #top-nav-collapse{
        display: block;
        height: auto !important;
   
    }
    
    .widget-menu .col-xs-12{
        display: flex;
        justify-content: flex-end;
    }
    
    .widget-menu ul.main-nav li a{
        overflow: visible;
        white-space: normal;
        line-height: 20px;
    
    }
    
    .widget-menu{
        background:#555;
    }
    

    #widgets-collapse > .container{
  
        justify-content:;
    }
    
 
 
 .widget-menu {
    background:#262626;
    border-top: 0;
    box-shadow: none;
    padding: 0;
    font-size: 0;
    margin-bottom: 20px;
    top: -1px;
    position: relative;
}

}



/* TEXT */

/* changes state selection form color */


/* NAVIGATION */

/* main navigation links */
.widget-menu .main-nav li > a{
    white-space: normal;
  line-height: 22px;
  text-align: center;
}

/* main navigation active and hover */
.widget-menu .main-nav li > a:hover, .widget-menu .main-nav li > a:focus, .widget-menu .main-nav li.active > a, .widget-menu .main-nav li.active > a:hover{
  
}

/* make main nav flex */

ul.main-nav{
  display: flex;
  flex-wrap: wrap;
}

/* mobile navigation hamburger */
.navbar-default .navbar-toggle .icon-bar{
  background-color: ;
}

/* make phone nav expand accross width */

@media(max-width:767px){
    
    #widgets-collapse > div > div > div > ul.main-nav {
    top: 0;
        max-width: none;
    }
    
  .widget-menu ul.main-nav li{
    flex-basis: 100%;
  }
    
    button.navbar-toggle .icon-bar{
    background:white !important;
    }
    
    .widget-menu .col-xs-12{
        flex-direction: column;
    }
    

    #widgets-collapse.widget-menu .container > .row{
        max-width: 100%;
        padding-left: 0;
    }
    
    #widgets-collapse.navbar-collapse.collapse{
        max-height: none !important;
    }
    
    #widgets-collapse.widget-menu > .container{
        bottom: 0;
    }
}

/* CONTENT */

/* event reservation button fix */

.row-mobile-controls{
  display: flex;
  flex-wrap: wrap;
}

.row-mobile-controls .mobile-left{
  flex-basis: 100%;
}

/* waivers */
.waiver-agreement #main-content{
  padding:20px;
}

/* GENERIC FIXES */

/* remove extra space from unused template areas when not logged in as an administrator */
 
.templatearea-empty{
  display: none !important;
}
 
/* remove template area shadow */
 
.templatearea .data-templatearea-content {
    box-shadow: none !important;
}
  
.templatearea {
    border:0px;
}
 
/* preserve spacing for pass descriptions */
 
.single-item .single-item-description {
white-space: pre-line;
}



}