/*
 * Theme Name: YMCA THEME
 * Description: Starter Theme to use with Timber
 * Author: Ronin
*/

@font-face {
    font-family: 'cachetbookregular';
    src: url('fonts/cachetbook-webfont.woff') format('woff'),
         url('fonts/cachetbook-webfont.ttf') format('tff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cachetbold';
    src: url('fonts/cachet-bold-webfont.woff') format('woff'),
          url('fonts/cachet-bold-webfont.ttf') format('tff');
    font-weight: normal;
    font-style: normal;
}

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=7ef584db-f1f7-4311-8d0f-7c0084634fe5&fontids=5298835");
@font-face{
       font-family:"Cachet W01 Light";
       src:url("Fonts/5298835/a3a4416a-d7e4-4cab-9f45-322eecb0175d.woff2") format("woff2"),url("Fonts/5298835/af396c5f-a5f6-4b59-b53a-e94e92d33d58.woff") format("woff");
   }
   @font-face{
          font-family:"Cachet W01 Thin";
          src:url("Fonts/5298847/cf01aff6-84e6-49a7-888f-15e055be6455.woff2") format("woff2"),url("Fonts/5298847/b260aa44-955d-49d4-8e38-99e9332aed23.woff") format("woff");
      }

html,body{
  overflow-x: hidden;
}

html, body, div, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
		font-family: "cachetbookregular";
}

.article-content p, .article-content a, .article-content ul, .article-content li, .article-content strong, .article-content input{
	font-size:17px;
}

h1, h2, h3, h4, h5, h6, strong{
	  font-family: "cachetbold";
    text-transform: uppercase;
}

h1{
  font-size: 3rem;
  font-family: "cachetbookregular";
  letter-spacing: -2px;
}

.center-bottom{
  position: absolute;
  left:50%;
  bottom:10%;
  transform: translateX(-50%);
  z-index: 5;
}
.center-center{
  position: absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
.half-width-reveal .center-center{
  width:80%;
}
.w-80{
  width:80%;
}

.overlay{
  position: absolute;
  z-index: 1;
  width:100%;
  height:100%;
  bottom:0px;
  left:0px;
  background: rgba(0,0,0,0.5);
}
.highlight-blue{
  overflow: hidden;
}


.highlight-blue:hover .lighten{
  opacity: 0.4;
  cursor: pointer;

}


.gradient{
  position: absolute;
  z-index: 1;
  width:100%;
  height:100%;
  bottom:0px;
  left:0px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.nav-link:hover, .current-menu-item a, a.text-dark.nav-link:hover{
  color:#f47a20 !important;
}
.nav-btn{
  margin-left: 10px;
  margin-right: 10px;
}
.submenu-holder, .show-menu-holder{
  top:75px;
}
.nav-btn a{
  background-color:#009cd1 !important;
  border-radius: 10px;
  padding-top:5px !important;
  padding-bottom:5px !important;
  margin-top:4px;
  padding-left:20px !important;
  padding-right:20px !important;
}
.nav-btn a:hover{
  color:#000 !important;
}
.row-striped:nth-of-type(odd){
  background-color: #efefef;
}

.row-striped:nth-of-type(even){
  background-color: #ffffff;
}
.list-group-item{
  background: transparent;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
}
.overmenu:hover,.overmenu2:hover{
  cursor: pointer;
}
.bg-trans{
  background:rgba(0,0,0,0.4);
  z-index: 1;
}
.hover-blue a:hover{
  color:#009cd1 !important;
}
.navbar.bg-dark, .submenu-holder .bg-dark{
  background: rgba(0,0,0,0.75) !important;
}

a.border-bottom:hover{
  text-decoration: none;
  border-width: 3px !important;
}

.btn{
  padding:8px 20px;
  border-radius: 10px;
}

.bg-gray{
  background-color: #a3a3a3;
}
/* .page-id-20 .single-con{
  margin-bottom:300px;
} */

.bg-gray-grad{
  background: linear-gradient(0deg, rgba(35,35,35,1) 0%, rgba(60,59,60,1) 100%);
}

.bg-down-opacity{
  background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 100%);
}
.bg-up-opacity{
  background: linear-gradient(180deg, rgba(255,255,255,0) 100%, rgba(0,0,0,0.8) 0%);
}

.bg-opacity{
  background-color: rgba(0,0,0,0.5);
}

.btn-primary{
  background-color:transparent;
  border:1px solid #FFF;
}
.btn-secondary{
  background-color:#c41a8d;
  border:0px
}
.btn-teal{
  background-color:#1aa591;
  border:0px;
}
.btn-purple{
  background-color:#92298e;
  border:0px
}
.btn-pink{
  background-color:#c6168d;
  border:0px
}
.btn-orange{
  background-color:#df5a27;
  border:0px
}
.btn-blue{
  background-color:#009cd1;
  border:0px
}
.btn-primary:hover{
  background-color:#00a3db;
  cursor: pointer;
}
.btn-orange-hover:hover{
  background-color:#df5a27 !important;
  border-color:#df5a27;
}
.btn{
  border-radius: 50px;
  padding-left: 25px;
  padding-right: 25px;
}
.page-id-20 .content{
  z-index: 99;
  position: relative;
}
.readmore .more-text{
        display: none;
}

.navbar.bg-dark{
  top:0px;
  z-index: 999999;
}
.submenu-holder{
  z-index: 99999;
}
.tagl{
    top:100px;
}
.events-stripe:nth-of-type(odd){
  background:#ededed;
}
.half-width-reveal, .content, #footer{
  z-index: 999;
}
.single-class:nth-of-type(even){
  /* background:#efefef; */
}

.page-id-2313 .btn-primary:hover, .parent-pageid-2313 .btn-primary:hover{
  background-color:#df5a27;
  border-color:#df5a27;
}
.root-parent-2313 .article-content .btn-blue{
  background-color:#df5a27;
  border-color:#df5a27;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 11px;
}

::-webkit-scrollbar:horizontal {
    height: 11px;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}


.text-blue{
  color:#009cd1;
}

.root-parent-2313 .text-blue{
  color:#df5a27;
}

h6:hover{
  cursor: pointer;
}

.border-blue{
  border-color:#009cd1 !important;
}

.root-parent-2313 .border-blue{
  border-color:#df5a27 !important;
}

body.root-parent-2313 .gform_wrapper .gform_footer input.button, body.root-parent-2313 .gform_wrapper .gform_footer input[type=submit]{
  background-color:#df5a27;
}

.select-location:hover{
  cursor: pointer;
}
.location-selector{
  height:275px;
  overflow-y: scroll;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
/* .btn-primary{
  background-color:#00a3db;
  border:0px;
} */

.bg-primary{
  background-color:#00a3db !important;
}
.bg-orange{
  background-color:#f47920 !important;
}

.bg-secondary{
  background-color:#e05d26 !important;
}

.bg-dark{
  background:#000 !important;
}

.border-secondary{
  border-color:#e05d26 !important;
}
.btn-trans{
  background: none !important;
}
.btn-trans .text-blue{
  color:#009cd1 !important;
}
.bg-primary a{
  color:#FFF;
}
.popover.show{
  z-index: 999999999;
}

.bg-primary a:hover{
  color:#000 !important;
}


.badge-secondary{
  background-color:#e05d26;

}

.move-slide{
  opacity: 0.5;
}
.move-slide:hover{
  opacity: 1;
}
.move-slide.active{
  opacity: 1;
}

body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit] {
    color:#ffffff;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:20px;
    padding-right:20px;
    border: 0px;
    border-radius: 10px;
    background-color: #00a3db;
    text-transform: uppercase;
}

body .gform_wrapper .gform_footer input[type=submit]:hover {
    background-color: #444444;
}

input, select, textarea{
  border-radius: 10px;
  padding:2px 10px;
  border:1px solid #000;
}

.nav-item > ul{
  display:none;
}

.dropdown-menu{
	background:#000 !important;
}

.dropdown-item:focus, .dropdown-item:hover{
	background:#333 !important;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown-menu{
	margin-top:0px !important;
}

.btn-collapse:hover{
  cursor: pointer;
}
.banner_slider .slick-dots li {
    width:5px;
}
.banner_slider .slick-dots li button:before {
    color: white;
    font-size: 10px;
}
.banner_slider .slick-dots{
  bottom:7px;
  text-align: left;
  margin-left:24px;
}

.slick-prev{
  left:25px;
}

.slick-next{
  right:25px;
}

.slick-prev:before, .slick-next:before{
  color:#333;
}

.interior-slider .slick-slide{
  opacity: 0.3;
}
.interior-slider .slick-current, .interior-slider .slick-center{
  opacity: 1;
}

.nav-buttons{
  right:0px;
  top:0px;
  z-index:9999999;
}

.nav-buttons .btn{
  height:86px;
  width:80px;
}


.hourly span{
  margin-top:25px;
}

.calendar .calendar-events .calendar-event{
  box-shadow:none!important;
  height:45px !important;
  padding-left:5px;
  padding-top:5px;
}

.calendar-month{
  border:none;
  position:relative;
  top:-20px;
}

.calendar-loader{
  top:0px;
  left:0px;
  background-color: rgba(255,255,255,0.9);
  z-index: 999;
  display: none;
}

.calendar-month-day-header{
  border-top:none !important;
}

.fa-circle-o-notch{
  animation-name: spin;
  animation-duration: 1500ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.card-content{
  transition: all 0.2s linear;
  transform: scaleX(-1);
}
.btn.text-orange{
  border-color:#f15a22 !important;
}
.card-hover:hover > .card-content{
  opacity:1 !important;
  transform: scaleX(1) !important;
}

a .card-hover:hover{
  text-decoration: none !important;
}

.guidelines .col-listing-item {
    -ms-flex: 0 0 calc(100% - 40px);
    flex: 0 0 calc(100% - 40px);
    max-width: calc(100% - 40px);
    margin:20px;
    padding:20px;
    background-color:#FFF;
}

#footer{
  position: relative;
}
.page-id-2902 .gradient{
  display:none;
}
.fancybox-container, .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar{
  z-index: 999999999999;
}


.page-id-20 h1, .page-id-20 h2, h1, h2, h3, h4, h5{
  font-family:"Cachet W01 Thin";
}
.swish-h1{
  line-height: 1em;
  font-family:"Cachet W01 Thin";
}

#homePortal .col-4:hover{
  cursor: pointer;
}
#homePortal .col-4{
  overflow: hidden;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

@media (min-width:991px){
  .nav-link{
    font-size: 14px;
  }
  .secondary .nav-link{
    font-size: 14px;
  }
}

@media (max-width:991px){
  .navbar{
    background: #000;
  }
  /* .content-wrapper{
    margin-top:22px;
  } */
}

@media (min-width:992px) and (max-width:1440px){

  .nav-link{
    font-size: 14px;
    padding-top:10px;
  }
  .secondary .nav-link{
    font-size: 14px;
  }
}
@media (min-width:768px) and (max-width:1199px){
  .d-swish-none{
    display:block !important;
  }
  .swish-h1{
    font-size:3rem;
    margin-left:30px;
  }
  .d-swish-block{
    display:none !important;

  }
  .swish-p{
    font-size:0.85rem;
    margin-right:30px;
    margin-left:30px;
  }
}
@media (min-width:1200px) and (max-width:1919px){
  .d-swish-none{
    display:block !important;
  }
  .swish-h1{
    font-size:3.2rem;
  }
  .d-swish-block{
    display:none !important;
  }
  .swish-p{
    font-size:1rem;
  }
}
@media (min-width:1920px) and (max-width:2400px){
  .d-swish-none{
    display:none !important;
  }
  .swish-h1{
    font-size:4.25rem;
  }
  .d-swish-block{
    display:block !important;
  }
  .swish-p{
    font-size:1rem;
  }
}
@media (min-width:2401px){
  .d-swish-block{
    display:block !important;
  }
  .d-swish-none{
    display:none !important;
  }
  .swish-h1{
    font-size:5.75rem;
  }
  .swish-p{
    font-size:1.1rem;
  }
}

@media (min-width: 992px){
  .guidelines .col-listing-item {
      -ms-flex: 0 0 calc(33.333333% - 40px) ;
      flex: 0 0 calc(33.333333% - 40px);
      max-width: calc(33.333333% - 40px);
  }
}
