/*
Theme Name: Tampa Bay Thrives
Description: This is a custom child for Salient by Stevie & Fern
Theme URI:   https://stackpilot.io
Author: Stackpilot
Author URI:  https://stackpilot.io
Template: salient
Version: 1.0
*/


#header-outer[data-full-width=true] header>.container, body[data-slide-out-widget-area-style=simple] #header-outer[data-full-width=true] #mobile-menu {
  padding: 0% 3%;
}


.intro-banner {
    font-weight: 700;
    font-size: 20px;
}

.z-100 {
  z-index: 100;
}

.z-1000 {
  z-index: 1000;
}

.z-99999 {
  z-index: 99999;
}

.icon-number {
    background-color: #eee!important;
    width: 100px;
    height: 100px;
    display: inline-block;
    border-radius: 500px;
        padding: 10px;
}

.icon-number p {
  font-family: quincy-bold;
  text-transform: lowercase;
  font-size: 76px;
  line-height: 80px;
  font-weight: 400;
}

.bg-green {
background-color: #21cb9f!important;
}

.bg-orange {
background-color: #feb431!important;
}

.bg-purple {
background-color: #a18dff!important;
}

.icon-text-large {
  font-family: quincy-bold;
  text-transform: lowercase;
  font-size: 42px;
  line-height: 50px;
  font-weight: 400;
}

.ico-text-sub p {
  font-size: 24px;
  font-style: italic;
  line-height: 27px;
}

.inner-toggle-wrap .ico-text-sub p {
  font-style: normal;
  font-size: 16px;
line-height: 23px;
}

.ico-clear {
    max-width: 100px!important;
    height: 96px!important;
}

.text-transform--none {
  text-transform: none!important;
}

.font-style--italic {
  font-style: italic!important;
}

.nectar-button.large {
  font-size: 18px;
      min-width: 200px;
      text-align: center;
  }

  .inlineblock-section div {
      display: inline-block!important;
  }

  .pad-right-15 {
    padding-right: 15px;
}

.testimonial_slider blockquote p {
    font-style: italic;
}

body .testimonial_slider blockquote span, .nectar_single_testimonial span {
    font-size: 21px;
    font-weight: 700;
}

.testimonial_slider .controls ul li .pagination-switch {
    background-color: rgb(202 202 202);
    border: 0px solid #333!important;
    height: 20px!important;
    margin: 0 7px!important;
    width: 20px!important;
}

.testimonial_slider .image-icon, .nectar_single_testimonial .image-icon {
  font-family: quincy-bold!important;
      font-size: 180px!important;
      border-radius: 0!important;
      width: 80px!important;
      height: 60px!important;
      line-height: 45px!important;
      border: 0px solid rgba(0,0,0,0.13)!important;
      transform: translate(0, 45px)!important;
      margin-bottom: 0!important;
}
.tip-box h2 {
    font-size: 50px;
    line-height: 58px;
}

.toggle.default.open a {
    color: #fff!important;
}

.toggle.default a:hover {
    color: #fff!important;
}

.toggle.default.open i {
    color: #fff!important;
}

.toggle.open h3 a i {
    border-color: #fff!important;
}

.toggle.open h3 a i:before {
    background-color: #fff!important;
}

.toggle.open h3 a i:after {
    background-color: #fff!important;
}

.toggle h3 a:hover i {
    border-color: #fff!important;
}

.toggle h3 a:hover i:before {
    background-color: #fff!important;
}

.toggle h3 a:hover i:after {
    background-color: #fff!important;
}

/*animated illustrations*/
.animated-illustration_cellphone {
    height: 0;
  }

  .cellphone-wrapper {
    width: 240px;
    margin: 0 auto;

}

.clock-wrapper {
    width: 330px;
    margin: -280px 0 0 auto;
}

.animated-illustration_sunshine {
    height: 0;
    position: absolute!important;
    left: -25%;
    top: -315px;
}

  .sunshine-wrapper {
      width: 550px;
  }

  .animated-illustration_flowers {
      height: 0;
  }

    .flowers-wrapper {
        width: 550px;
    }

  .feeling-scale_wrapper {
      display: flex;
      align-items: flex-end;
  }

  .scale_wrapper {
      width: 16.6667%;
      padding: 1%;
          position: relative;
  }

  .feeling-title {
    font-family: quincy-bold;
    text-transform: lowercase;
    font-size: 28px;
    letter-spacing: -1px;
}

.image-inner {
    position: relative;
}

.image-inner img {
    position: absolute;
    bottom: 0;
}

.footer-flex {
  display: flex;
          align-items: center;
      justify-content: center;
      flex-wrap: nowrap;
      max-width: 1425px;
      margin: 0 auto;
          padding: 60px 90px 10px 90px;
}

.footer-left {
  width: 25%;
}

.footer-right {
    width: 75%;
    padding: 5% 10%;
}

.footer-contact strong {
    font-weight: 900;
}

.footer-legal {
    margin-top: 50px;
    text-transform: uppercase;
    font-size: 15px;
}

.footer-header {
    font-family: quincy-bold;
    text-transform: lowercase;
    letter-spacing: -3px;
    font-size: 52px;
    line-height: 50px;
    font-weight: 400;
        margin-bottom: 15px;
}

.footer-contact {
    font-weight: 700;
    font-size: 25px;
    max-width: 1425px;
    margin: 0 auto;
    padding: 10px 90px 80px 90px;
    text-align: center;
    text-transform: uppercase;
}

#mc_embed_signup .mc-field-group label {
    display: none!important;
  }

  #mc_embed_signup form {
    padding: 0 0 0 0!important;
}

#mc_embed_signup .mc-field-group {
    width: 75%!important;
    padding-bottom: 0!important;
    display: inline-block!important;
    min-height: 50px;
}

#mc_embed_signup .button {
    background-color: #fff!important;
    border-radius: 0;
        margin: 0!important;
            min-height: 42px!important;
  }

  #mc_embed_signup .mc-field-group input {
    text-indent: 20px!important;
    text-transform: uppercase!important;
    font-weight: 700!important;
  }

  #mc_embed_signup input {
    border: 0px solid #ABB0B2!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    background-color: rgb(255 255 255 / 55%)!important;
}

#mc_embed_signup .button {
  color: #303030!important;
  font-family: montserrat!important;
  font-weight: 700!important;
      margin-left: -5px!important;
          width: 25%!important;
              height: 42px!important;
}

#mc_embed_signup .mc-field-group input {
    padding: 9px 0!important;
        height: 42px!important;
  }

  .footer-actions {
      display: flex;
      align-items: center;
          margin-top: 15px;
  }

  .animate-stretch {
    animation-name: stretch;
    animation-duration: 2.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: 1;
  }

  .footer-menu {
    width: 75%;
}

.footer-social {
    width: 25%;
}

li.footer-link {
    display: inline-block;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    margin-right: 3%;
}

li.social-link {
    display: inline-block;
    background-color: #fff;
    padding: 10px 16px;
    margin: 0%;
    text-align: center;
        width: 31.4%;
}

.intro-banner {
    background-color: #86b8ff;
    padding: 20px;
    text-align: right;
    width: 90%;
    margin: 0 0 0 auto;
        transform: translate(0, 30px);
        font-weight: 700;
    font-size: 24px;
    line-height: 28px;
}

.intro-banner a {
  color: #303030!important;
  font-weight: 900!important;
}

.toggles.accordion a {
    color: #303030!important;
}

.contact-social li.social-link {
    width: 31%!important;
    padding: 10px 12px;
}

.contact-social ul {
    display: inline-block!important;
    width: 150px;
}

.contact-social i {
    font-size: 22px;
    color: #303030;
}

i.label {
    font-size: 11px!important;
}

.nf-form-fields-required {
    display: none;
}

.nf-field-label {
    display: none;
}

.nf-field-element input {
    border: 0!important;
    font-weight: 700;

}
.nf-field-element textarea {
    border: 0!important;
    font-weight: 700;
}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    background: #a18dff;
    border: 0;
    color: #303030;
    transition: all .5s;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: 700!important;
    min-width: 180px;
    border-radius: 0!important;
}

input#nf-field-14 {
    background-color: #6fe1cf;
    color: #303030;
}

input#nf-field-4_1 {
    background-color: #a18dff;
    color: #303030;
    margin: 0 auto!important;
    text-align: center!important;
    display: block;
}

#header-outer[data-header-button_style="shadow_hover_scale"] #top nav >ul >li[class*="button_solid_color"] >a:before, #header-outer[data-header-button_style="shadow_hover_scale"] .slide-out-widget-area-toggle[data-custom-color="true"] a:before {
    box-shadow: none;
}

body.material #header-outer #top .span_9 nav > ul.sf-menu > li:last-child > a {
    color: #303030!important;
}

.brand--wrapper {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease;
  }

  .brand--wrapper:hover {
      opacity: 0.8;
    }

  .brand--logo {
    width: 60px;
}

.brand--text {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 29px;
    margin-left: 10px;
}

/*Contact Scroller*/

.stickybar {
      position: fixed;
  padding: 10px 16px;
      background: #6fe1cf;
      text-transform: uppercase;
      font-family: 'Montserrat';
      font-weight: 700;
      text-align: center;
      /* width: 1425px; */
      color: #303030;
      transform: translate(0, -50px);

      opacity: 0;
      transition-duration: 0.0s;
      transition-delay: 1s;
      transition-property: all;
}

.stickybar a {
color:#303030;
}

.sticky {
    position: fixed;
    top: 0;
    z-index: 100;
    opacity: 1;
    width: 100%;
      transform: translate(0, 118px);
    transition-duration: 0.325s;
}



.feelingscale-outer div .wpb_raw_html {
    position: relative!important;
    display: block!important;
    margin-top: 170px;
    margin-bottom: 20px;
}

.footer-legal {
    display: flex;
    justify-content: center;
}

.legal-link {
    list-style: none;
    margin: 10px;
}


.provider-container {
  width: 1300px;
  padding: 0% 5%;
margin: 0 auto;
margin-top: -90px;
    margin-bottom: 90px;
    z-index: 999999999;
display: flex;
}

.container-left {
    border: 1px solid #eee;
    padding: 5%;
        width: 75%;
            margin-right: 2%;
            background-color: #fff;
border-radius: 10px;
}

.container-right {
    /* border: 1px solid #eee; */
    /* padding: 5%; */
    width: 23%;
    /* background-color: #fff; */
    /* border-radius: 10px; */
    margin-top: 180px;
}

div#ajax-content-wrap {
    background-color: #fafafa!important;
}

.map-header {
    height: 460px;
}

.provider-container h1 {
    font-size: 36px;
    text-transform: inherit;
    line-height: 40px;
    letter-spacing: -1.5px;
        max-width: 90%;
}

.provider-subsection h3 {
    font-size: 16px;
    line-height: 22px;
}

.provider-subsection {
    border-top: 1px solid #eee;
    margin-top: 30px;
    padding-top: 20px;
}


.provider-contact-line a {
  background-color: #6adfcf;
      padding: 14px 20px;
      font-size: 14px;
      text-transform: uppercase;
      width: 100%;
      display: block;
      text-align: center;
      color: #303030;
      font-weight: 700;
      margin-bottom: 6px;
      border-radius: 2px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 4%), 0 1px 2px rgb(0 0 0 / 24%);
}

.noticesingle .telehealth-notice {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    display: block;
}

p.provider-hours {
    font-weight: 700;
    font-style: italic;
    font-size: 13px;
    padding-bottom: 0;
}

.gmnoprint {
    display: none!important;
}

.noticesingle .noticerow {
    width: 100%;
    display: flex;
}

.noticesingle .telehealth-notice {
    background-color: #fff;
    font-size: 13px;
    /* border: 1px solid #eee; */
    border-radius: 4px;
    margin-right: 15px;
    padding: 0px 0px;
    font-weight: 700;
}
.provider-infoblock {
    margin-bottom: 30px;
    font-weight: 700;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 6px;
}

h4 {
    font-weight: 700!important;
}

.provider-contact {
    margin-top: 30px;
}

.provider-infoblock div {
    font-size: 13px;
}

  @keyframes stretch {
    0% {
      transform: scale(0);
    }
    50% {
      transform: scale(1.3);
    }
    100% {
      transform: scale(1);
    }
  }


.animate-slide {
  animation-name: slide;
  animation-duration: 10.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

@keyframes slide {
  0% {
    transform: translate(-70%,-20px);
  }

  50% {
    transform: translate(-10%,-20px);
  }

  100% {
    transform: translate(-70%,-20px);
  }
}

/**************************/
.animate-scaleout {
  animation-name: scaleout;
  animation-duration: 5.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

@keyframes scaleout {
  0% {
    transform: scale(1.05);
  }

  50% {
    transform: scale(0.95);
  }

  100% {
    transform: scale(1.05);
  }
}

.animate-scalein {
  animation-name: scalein;
  animation-duration: 5.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

@keyframes scalein {
  0% {
    transform: scale(0.95, 1);
  }

  50% {
    transform: scale(1, 1.1);
  }

  100% {
    transform: scale(0.95, 1);
  }
}

.animate-rotate {
  animation-name: rotate;
  animation-duration: 4.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(-0.015turn);
  }

  50% {
    transform: rotate(0.015turn);
  }

  100% {
    transform: rotate(-0.015turn);
  }
}


.animate-glideleft {
  animation-name: glideleft;
  animation-duration: 4.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

@keyframes glideleft {
  0% {
    transform: translate(-10px,0);
  }

  50% {
    transform: translate(10px,0);
  }

  100% {
    transform: translate(-10px,0);
  }
}

.animate-glideright {
  animation-name: glideright;
  animation-duration: 4.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

@keyframes glideright {
  0% {
    transform: translate(10px,0);
  }

  50% {
    transform: translate(-10px,0);
  }

  100% {
    transform: translate(10px,0);
  }
}

.animate-glideup {
  animation-name: glideup;
  animation-duration: 3.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

@keyframes glideup {
  0% {
    transform: translate(0,3px);
  }

  50% {
    transform: translate(0,-3px);
  }

  100% {
    transform: translate(0,3px);
  }
}

.animate-glidedown {
  animation-name: glidedown;
  animation-duration: 3.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

@keyframes glidedown {
  0% {
    transform: translate(0,-3px);
  }

  50% {
    transform: translate(0,3px);
  }

  100% {
    transform: translate(0,-3px);
  }
}



.animate-sink {
  animation-name: sink;
  animation-duration: 3.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

@keyframes sink {
  0% {
    transform: translate(0,-6px);
  }

  50% {
    transform: translate(0,3px);
  }

  100% {
    transform: translate(0,-6px);
  }
}

.animate-sprout {
  animation-name: sprout;
  animation-duration: 12s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

@keyframes sprout {
  0% {
    transform: translate(0,260px);
    opacity: 1;
  }

  50% {
    transform: translate(0,50px);
    opacity: 1;
  }

  75% {
    transform: translate(0,50px);
    opacity: 1;
  }

  100% {
    transform: translate(0,50px);
    opacity: 0;
  }
}

i.contactprovider {
    margin-right: 10px;
    height: 21px;
    color: #6adfce;
}

.single-address {
    font-size: 13px;
    margin-bottom: 15px;
}

.grecaptcha-badge {
    display: none!important;
}


/*mobile*/
@media only screen and (max-width : 1300px) {
.provider-container {
  width: 1000px;
}
}

@media only screen and (max-width : 1250px) {
li.footer-link {
    font-size: 13px;
    margin-right: 2%;
}

li.social-link {
    padding: 10px 10px;
    width: 30.4%;
}
}



@media only screen and (max-width : 1000px) {
.page-header {
  padding-top:50px!important;
}
.cellphone-wrapper {
    width: 250px;
    right: 30px;
    top: 200px;
    position: absolute;
}
.pos-relative .divider {
    height: 300px!important;
}
.intro-banner {
    text-align: center;
    width: 100%;
    transform: translate(0, 0);
    font-size: 12px;
    line-height: 16px;
    position: fixed;
        background-color: #6fe1cf;
}
.nectar-button.large {
    font-size: 15px;
    min-width: 200px;
    text-align: center;
}
#header-outer:not([data-format="left-header"]) #top > .container > .row, #header-outer:not([data-format="left-header"]) #top > .container > .row nav, #header-outer:not([data-format="left-header"]) #top > .container > .row nav >ul, #header-outer:not([data-format="left-header"]) #top > .container > .row nav >ul > li {
    height: 60px;
}
body #header-outer[data-transparent-header="true"].transparent {
    background-color: #fff!important;
  }

.page-header {
    padding-bottom: 0!important;
}
.header-main-col {
    padding: 50px 0!important;
}
.feeling-scale_wrapper {
    display: block;
  }
  .scale_wrapper {
    width: 50%;
    padding: 5%;
        height: 310px;
            margin: 0 auto;
  }
  .feeling-scale_wrapper {
    margin-top: 140px;
}
.footer-flex {
    display: block;
    padding: 40px 30px 10px 30px;
}
.footer-left {
    width: 100%;
}
.footer-right {
    width: 100%;
    padding: 5% 3%;
}
.footer-header {
    letter-spacing: -1px;
    font-size: 20px;
    line-height: 16px;
    margin-bottom: 5px;
    text-align: center;
}
#mc_embed_signup .mc-field-group {
    width: 60%!important;
  }

  #mc_embed_signup .button {
width: 40%!important;
font-size: 12px!important;
}
.footer-actions {
    display: block;
  }
.footer-menu {
    width: 100%;
    display: block;
    text-align: center;
}
li.footer-link {
    width: 100%;
}
.footer-social {
    width: 100%;
        display: block;
        margin: 0 auto;
text-align: center;
margin-top: 20px;
}
li.social-link {
    display: inline-block;
    background-color: #fff;
    padding: 16px 16px 10px 16px!important;
    margin: 0%;
    text-align: center;
    width: 50px;
}
.footer-contact {
    font-weight: 700;
    font-size: 15px;
    max-width: 1425px;
    margin: 0 auto;
        padding: 0px 30px 80px 20px;
    text-align: center;
}
.footer-legal {
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 10px;
}
#top nav > ul > .button_solid_color_2 > a:before, #header-outer.transparent #top nav > ul > .button_solid_color_2 > a:before, body[data-slide-out-widget-area-style="slide-out-from-right"]:not([data-header-color="custom"]).material .slide_out_area_close:before, #header-outer .widget_shopping_cart a.button, .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale, .woocommerce span.onsale, .woocommerce-page span.onsale {
    background-color: #59ccb9!important;
    border-radius: 0!important;
}
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container > .menu > li a {
      color: #303030;
  }
  .footer-logo {
    max-width: 270px;
    margin: 0 auto;
}

.donate-section {
    transform: translate(0)!important;
}

.section-image .divider-wrap {
    height: 480px;
}
.contact-social ul {
    margin: 0 auto!important;
    text-align: center;
    display: inline-block!important;
    width: 100%;
    padding: 0 20%;
}
li.social-link {
    text-align: center!important;
}
.donate-section {
    text-align: center;
}
.feelingscale-outer div .wpb_raw_html {
    margin-bottom: -150px;
}



.stickybar {
    top: inherit;
    bottom: 0;
    transform: translate(0, 0)!important;
    z-index: 1000000;
    opacity: 1;
    padding: 30px 16px;
        box-shadow: 0 2px 13px rgb(0 0 0 / 42%), 0 1px 2px rgb(0 0 0 / 24%);
        font-size: 10px;
line-height: 20px;
}

.sticky {
    bottom: 0;
    transform: translate(0, 0);
    padding: 10px 16px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    font-size: 10px;
line-height: 13px!important;
}

.clock-wrapper {
    width: 210px;
    margin: -250px 0 0 auto;
}

.mobile--no-paddingb {
    padding-bottom: 0!important;
}

.mobile--no-paddingt {
    padding-top: 0!important;
}

.z-neg {
    z-index: -1!important;

}
.flowers-wrapper {
    width: 300px;
  }

  body #header-outer, body[data-header-color="dark"] #header-outer {
    background-color: rgba(255,255,255,100);
    max-height: 80px!important;
}

.provider-container {
    flex-direction: column;
}

.provider-container {
  width: inherit;
}
.container-left {
    width: 100%;
    margin-right: 0%;
        margin-bottom: 30px;
  }
  .container-right {
    width: 100%;
}
.provider-contact-line.line-phone {
    position: fixed;
    bottom: -8px;
    left: 0;
    width: 100%;

    box-shadow: 0 -3px 7px rgb(0 0 0 / 19%), 0 3px 3px rgb(0 0 0 / 23%);
}

.provider-contact-line.line-phone  a {
    background-color: #6adfcf;
    padding: 24px 20px;
}
.container-right {
    margin-top: 0px;
}



}

@media only screen and (max-width : 600px) {
.cellphone-wrapper {
  width: 180px;
  top: 240px;
  display: none;
}
.header-main-col {
    text-align: center!important;
  }
.header-main-col h1 {
    text-align: center!important;
}
.header-main-col h3 {
    text-align: center!important;
}
.nectar-button {
  margin-right:0!important;
}
.sunshine-wrapper {
    width: 190px;
}
.animated-illustration_sunshine {
    left: -15%;
    top: -175px;
}
.scale_wrapper {
    width: 80%;
    padding: 5%;
    height: 260px;
    margin: 0 auto;
}
.feeling-scale_wrapper {
    margin-top: 210px;
  }
  .section-image .divider-wrap {
      height: 240px;
  }
  .provider-subsection ul li {
    width: 100%!important;
  }
}
