/*
Theme Name: Adult & Teen Challenge of Northeast Wisconsin
Version: 1.0
Description: Custom theme.
Author: DigiSage, Inc.
Author URI: https://digisage.com
template: bb-theme
*/

:root {
   --atc-pagewidth: 1200px;
   --atc-blue: #00597D;
   --atc-blue-2: #1A7EAB;
   --atc-blue-3: #003b4d;
   --atc-tan: #e2d7c0;
   --atc-orange: #CA6530;
   --atc-svg-swoosh: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 169.8625 16.591248'><g transform='translate(-19.84375,-77.335835)'><path d='M19.84375,84.666666 c 40.269252,-8.512529 110.92702,-12.359119 169.8625,3.96875 L 166.6875,93.927082 C 109.84309,79.18532 76.444772,80.572367 19.84375,84.666666 Z' style='fill:%23003b4d;'/></g></svg>");
   --atc-svg-person: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 81'><path d='M39.11 21.69s24.03 1.13 33.32-.68 37.63-14.96 37.63-14.96-28.11 17.91-29.47 23.12C79.23 34.38 99.4 66.12 99.4 66.12L74.01 47.53 41.14 77s30.38-38.99 24.48-44.66C61.34 28.23 39.1 21.69 39.1 21.69Z'><path d='M70.27 8.88c-2.47 3.69-2.48 7.63-.01 8.81 2.46 1.18 6.47-.85 8.94-4.54 2.47-3.69 2.48-7.63.01-8.81-2.47-1.18-6.47.85-8.94 4.54ZM4.5 60.34s24.96-6.24 75.1-6.24 79.26 10.17 79.26 10.17l-20.11 4.62S98.54 58.03 64.57 58.03 4.49 60.34 4.49 60.34Z'></svg>");
}

/* general */

/* full-row padding to equalize content width */
.pad-left-pagewidth > .fl-col-content {
   padding-left: calc((100vw - var(--atc-pagewidth)) / 2);
}
.pad-right-pagewidth > .fl-col-content {
   padding-right: calc((100vw - var(--atc-pagewidth)) / 2);
}
@media(max-width:1340px) {
   .pad-left-pagewidth > .fl-col-content {
      padding-left: 0px;
   }
   .pad-right-pagewidth > .fl-col-content {
      padding-right: 0px;
   }
}

/* the swoosh mark under certain words wrapped in a span
   OR under an entire heading (only used for shorter headings) */
span.swoosh-underline {
   position: relative;
}
span.swoosh-underline::after,
.fl-module-heading.swoosh-underline .fl-heading span.fl-heading-text::after {
   content: '';
   display: block;
   position: absolute;
   top: calc(100% - 15px);
   left: 0;
   width: 100%;
   height: 30px;
   background-color: #ffffff;
   mask-size: 100% auto;
   mask-repeat: no-repeat;
   mask-image: var(--svg-icon-swoosh);
   -webkit-mask-size: 100% auto;
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-image: var(--atc-svg-swoosh);
   transition: .3s;
}
.fl-module-heading.swoosh-underline::after {
   display: none;
}
.fl-module-heading.swoosh-underline .fl-heading span.fl-heading-text {
   position: relative;
}
span.swoosh-underline.blue::after {
   background-color: var(--atc-blue);
}
span.swoosh-underline.blue-2::after {
   background-color: var(--atc-blue-2);
}
span.swoosh-underline.orange::after {
   background-color: var(--atc-orange);
}
span.swoosh-underline.tan::after {
   background-color: var(--atc-tan);
}

/* masthead */

#menu-desktop-main-menu > li .fl-menu-toggle {
   right: 4px;
}

#menu-desktop-main-menu li.get-help {
   margin-left: 10px;
}
#menu-desktop-main-menu li.get-help a,
#menu-desktop-main-menu li.support a {
   color: #fff;
   text-transform: uppercase;
   font-weight: 700;
   font-size: 15px;
   background: var(--atc-blue-2);
}
#menu-desktop-main-menu li.get-help a:hover,
#menu-desktop-main-menu li.support a:hover {
   color: #fff;
   background: var(--atc-blue);
}
#menu-desktop-main-menu li.support {
   margin-left: 10px;
}
@media(max-width: 1340px) {
   .find-help-cta a.fl-button::after {
      width: 40px;
   }
}
@media(max-width:1200px) {
   #menu-desktop-main-menu li.get-help {
      margin-bottom: 10px;
   }
   #menu-desktop-main-menu.fl-menu-horizontal.fl-toggle-arrows .fl-has-submenu-container a {
      padding-right: 40px !important;
   }
}

li.nolink a {
   cursor: pointer;
}

/* home hero (for some reason this is needed to force the aspect ratio) */
.fl-row-bg-video .fl-bg-video iframe,
.fl-row-bg-embed .fl-bg-embed-code iframe {
   min-width: auto;
   min-height: auto;
}

/* events */
.em {
   font-family: "Nunito Sans", sans-serif;
}
.em.pixelbones h2,
.em.pixelbones h3 {
   font-weight: 400 !important;
}
/* calendar tool tip */
.em.em-list .em-item .em-item-info {
   border: none;
}
.em.em-list .em-item .em-item-info .button {
   background: var(--atc-blue-2) !important;
   text-decoration: none !important;
   font-family: "Barlow Condensed", sans-serif;
   font-size: 20px !important;
   color: #fff !important;
   font-weight: 400 !important;
   text-transform: uppercase !important;
   border-radius: 0 !important;
   border: none !important;
}
.em.em-list .em-item .em-item-info .button:hover {
   color: #fff !important;
   background: #003b4d !important;
}
/* calendar tooltip */
.em.em-calendar .em-cal-body.event-style-pill .em-cal-event > div {
   background: var(--atc-blue);
   border-color: var(--atc-blue);
}

/* layout style image left had overlay */
.image-overlay-orange-right {
   position: relative;
}
.image-overlay-orange-right .fl-col-content::after {
   content: '';
   display: block;
   position: absolute;
   z-index: 1;
   top: 0;
   right: 0;
   width: 110px;
   height: 100%;
   background: rgba(202,101,48,0.6);
   background-blend-mode: luminosity;
}

/* numbered steps on donation page */
.big-number-col .fl-col-content {
   align-items: center;
}

/* woodworking page - product carousel */
.product-carousel .pp-logo .pp-logo-inner-wrap {
   position: relative;
}
.product-carousel .pp-logo .pp-logo-inner-wrap .title-wrapper {
   position: absolute;
   width: 100%;
   left: 0;
   bottom: 0;
   padding: 10px;
   background: rgba(0,0,0,0.8);
}
.product-carousel .pp-logo .pp-logo-inner-wrap .title-wrapper p {
   margin: 0;
   padding: 0;
}

.gform_wrapper.gravity-theme .gchoice {
   margin-bottom: 10px;
}
.gform_wrapper.gravity-theme .gfield-choice-input {
   vertical-align: top !important;
   transform: translateY(6px);
   margin-right: 4px;
}

/* homepage tabs */
.home-tabs a.fl-tabs-label,
.home-tabs a.fl-tabs-label:focus {
   text-decoration: none;
   outline: none !important;
}
.home-tabs .fl-tabs-panel-content img.alignleft {
   display: block;
   width: auto;
   height: 300px;
   margin: -50px 40px 0 0;
}
@media(max-width:768px) {
   .home-tabs .fl-tabs-panel-content img.alignleft {
      float: none !important;
      margin: 0 0 15px 0 !important;
      max-height: 200px;
      width: auto !important;
   }
}

/* accordion */
.fl-accordion .fl-accordion-button-label {
   outline: none;
}
.fl-accordion .fl-accordion-button-icon {
   outline: none;
}
a.fl-accordion-button-icon {
   text-decoration: none;
}

/* homepage */
.hero-tagline .fl-button-group a.fl-button {
   width: 260px !important;
}

/* footer */
#footer ul#menu-footer-menu li:last-child a {
   padding-right: 0;
}
#footer a {
   text-decoration: none;
}
@media(max-width:700px) {
   #footer ul#menu-footer-menu {
      margin-top: 20px;
      display: block;
   }
   #footer ul#menu-footer-menu li a {
      display: block;
      padding: 6px 0 !important;
   }
}





