@charset "UTF-8";
/*!
Theme Name: Dash CE
Theme URI:  https://dashCE.com/
Version:  3.3.0
Author:   DashCE, Katie Sanborn
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Handlee:400,500,600,700');


.plan-features {
  text-align: left !important;
  line-height:1.15rem;
  border-radius: 15px;
}

.dash-pale-green {
  background-color:#F3F8EA;
}

.font-override {
  font-family: 'Poppins', sans-serif !important;
  font-weight:600 !important;
}

.handlee {
  font-family: 'Handlee', serif;
}

.dash-bg-green {
  background-color:#A1C459 !important;
}

.dash-font-green {
  color:#A1C459 !important;
}

.flex-cards {
  display:flex;
}

.yearly-features {
  display: none;
}

.custom-shape-divider-top-1685651347 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-top-1685651347 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 53px;
}

.custom-shape-divider-top-1685651347 .shape-fill {
    fill: #FFFFFF;
}

.video-wrapper.bg-overlay.bg-overlay-gradient:after {
    opacity: 0.5;
    background: linear-gradient(120deg, #288EBF 65%, #A1C459 100%);
}

.nav-link {
    font-size: 18px !important;
}

.layer-adjust {
  z-index: 100 !important;
  margin-top:-99px !important;
}

.background-image-section {
  background-image: url('../../img/photos/main-graphic-desktop.png');
  background-position: bottom right;
  background-repeat: no-repeat;
    width: 100%;
    min-height:500px;
  display: flex;
  justify-content: top;  /* Horizontally center the text */
}

.goals-background-image-section {
  background-image: url('../../img/photos/mobile-goal-image.png');
  background-position: top center;
  background-repeat: no-repeat;
    width: 100%;
    min-height:500px;
  display: flex;
  justify-content: top;  /* Horizontally center the text */
}

.social-background-image-section {
  display: none;
}

 .background-locations-section {
  background-image: url('../../img/photos/arizona-background.jpg');
  background-position: bottom right;
  background-repeat: no-repeat;
    width: 100%;
    min-height:5px;
  display: flex;
  justify-content: center;  /* Horizontally center the text */
}

.background-rocket-ship {
  background-image: url('../../img/svg/rocket-ship-corner.svg');
  background-position: bottom right;
  background-repeat: no-repeat;
    width: 100%;
  display: flex;
  justify-content: top;  /* Horizontally center the text */
}

.background-light-bulb {
  background-image: url('../../img/svg/light-bulb-corner.svg');
  background-position: top right;
  background-repeat: no-repeat;
    width: 100%;
  display: flex;
  justify-content: top;  /* Horizontally center the text */
}

.background-confetti {
  background-image: url('../../img/svg/confetti-bottom.svg');
  background-position: bottom center;
  background-repeat: no-repeat;
    width: 100%;
  display: flex;
  justify-content: top;  /* Horizontally center the text */
}


.background-game {
  background-image: url('../../img/svg/game-in-corner.svg');
  background-position: top left;
  background-repeat: no-repeat;
    width: 100%;
  display: flex;
  justify-content: top;  /* Horizontally center the text */
}

.lh-1 {
  line-height: 1.65em !important;
}

.icon-holder img {
  width:50%;
}

.felt-tip {
  font-family: "felt-tip-roman", sans-serif;
font-weight: 400;
font-style: normal;
}

.felt-tip-bold {
  font-family: "felt-tip-roman", sans-serif;
font-weight: 700;
font-style: normal;
}

.goal {
  margin-top:-100px;
}

.goal-picture img {
  margin-left:-125px !important;
  margin-top:-158px !important;
}

.bg-green {
  background-color:#8AB428 !important;
  border-left-color: #8AB428 !important;
}

.wrapper.bg-green.angled.upper-start:before {
    border-left-color: #8AB428;
}

.wrapper.bg-green.angled.lower-end:after {
  border-right-color: #8AB428;
}

.pricing-switchers {
    background-color: #f3f5f8;
    opacity: .50;
}


/* smaller mobile devices */
@media only screen and (max-width: 600px) {
  
  .desktop-only {
  display:none;
}

.phone-only {
  display: block;
}

.background-image-section {
  background-image: none;
  background-position: bottom right;
  background-repeat: no-repeat;
    width: 100%;
    min-height:500px;
  display: flex;
  justify-content: top;  /* Horizontally center the text */
  padding-bottom:0px !important;
}


.social-background-image-section {
  background-image: url('../../img/photos/main-dashboard-mockup-mobile.png');
  background-position: top center;
  background-repeat: no-repeat;
    width: 100%;
    min-height:500px;
  display: flex;
  justify-content: top;  /* Horizontally center the text */
  padding-top:250px !important;
}

  body, html {
    overflow-x: hidden;
  }

  .top-margin-override {
    margin-top:-100px;
  }

  .fs-22 {
    font-size:1.0rem !important;
  }

}

/* larger mobile devices */
@media only screen and (min-width: 601px) and (max-width: 768px) {
  

    .desktop-only {
  display:none;
}

.phone-only {
  display: block;
}

  body, html {
    overflow-x: hidden;
  }

    .top-margin-override {
    margin-top:-100px;
  }

  .fs-22 {
    font-size:.95rem !important;
  }


}


/* tablets portrait */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  /* CSS rules for tablets */
}


/* tablet landscape */
@media only screen and (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
  /* CSS rules for tablets in landscape */
}


  /* CSS rules for small desktops */
@media only screen and (min-width: 1025px) and (max-width: 1280px) {

  .text-center-desktop {
    text-align: center;
  }

}

/* CSS rules for large screens */
@media only screen and (min-width: 1281px) {


  .phone-only {
  display: none;
}

  .text-center-desktop {
    text-align: center;
  }
  
}




