/******************************************************  STORYTELLER PRIVATE CLUB MARKETING WEBSITE  ****************************************************/  


/********************  adjustment for cta padding to match modal  *********************/  
.cta-primary, .cta-secondary, .cta-tertiary, .cta-four, .cta-five {line-height: 1.0em; }  


/********************  test cta button style using chatgpt  *********************/  

.rollup-button {

    color: #ffffff;
    background-color: #438e00;
    transition: color 0.3s ease;
}

.rollup-button::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2e6100;
    transition: top 0.3s ease;
    z-index: -1;
}

.rollup-button:hover::before {
    top: 0;
}

.rollup-button:hover {
    color: white;
}



/********************  button/cta radius hover effect  *********************/  
.cta-primary:hover 
{border-radius: 15px; !important;}

.cta-secondary:hover 
{border-radius: 15px; !important;}

.cta-tertiary:hover 
{border-radius: 15px; !important;}

.cta-four:hover 
{border-radius: 15px; !important;}
.cta-five:hover 
{border-radius: 15px; !important;}

.hs-button:hover 
{border-radius: 15px; !important;}

/********************  mobile cta adjustments  *********************/  
@media (max-width: 500px) {
.cta-primary, .cta-secondary, .cta-tertiary, .cta-four, .cta-five {font-size: 19px; padding: 10px 15px; text-align: center;} 
  
}


/********************************* Link Styles   **********************/

/*********** white text > green on hover  **********/
.white-link {color: #ffffff; font-weight: 500 !important; border-bottom: 1px dashed #ced6db;}
.white-link:hover  {color: #6db024; font-weight: 500 !important; border-bottom: 1px dashed #ced6db;}

.justwhite-link {color: #ffffff; font-weight: 500 !important; }
.justwhite-link:hover  {color: #6db024; font-weight: 500 !important;}

.jump-link {color: #012654; font-weight: 400 !important; }
.jump-link:hover  {color: #012654; font-weight: 400 !important;}



/********************************* visibility classes   **********************/
@media (min-width: 835px) {
   .hide-desktop {display: none !important;}}

/************************  Return to Top  **********************/
#return-to-top i {
position: absolute;
top: 15px;
left: 17px;
}


/************************************************************************ flexi tab  **********************/
.filter-opt-2 .contentFilter button {
  text-transform: none !important;
  font-weight: 500 !important; 
}

.filter-opt-2 .contentFilter button.is-checked {
    border-bottom: 3px solid #438e00 !important;
  text-transform: none !important;
}

.filter-opt-2 .content-desc h4 { font-weight: 400 !important; font-size: 21px !important; line-height: 1.3 !important;}
.filter-opt-2 .content-desc h6 { font-size: 16px !important;}

.tab-feature-con .custom {
margin: auto;
}



/************************************************************************ versa card   **********************/
.c-card-content {
    padding-top: 18px !important; 
}



/************************************************************************ flipper cards   **********************/
.hhs-card-flip-con .tile .front h4 {
  padding-top: 60px !important;
}

.hhs-card-flip-con .tile .front, 
.hhs-card-flip-con .tile .back,
.hhs-card-flip-con .tile .back .contents{
border-radius: 8px !important;
}

.hhs-card-flip-con .tile .contents {
padding: 10px !important;
}



/********************************** adjustments to blog cards  ************************/

.hhs-blog-post-card h5 {
  font-weight: 300 !important;
        font-size: 21px !important;
    line-height: 1.3 !important;
    color: #012654 !important;
}


.hhs-post-summary p {
  color: #051730 !important;
    font-size: 18px !important;
      letter-spacing: 1px !important;
    line-height: 1.7em !important;
    font-weight: 300 !important;
}




/**********  turns off card box shadow on hover ***********/
.hhs-blog-post-card:hover {
box-shadow: none !important;
}

/********** flexi card all same height ***********/
.hhs-flexi-card-mod a.flexi-card-outer {
display: flex !important;
height: 100%;
}

/********** magic module accordion content ***********/
.c-accordion .c-accordion-content {
    padding-top: 15px !important;
    padding-right: 0px !important;
    padding-bottom: 20px !important;
    padding-left: 15px !important;
}


.clean-base .c-col, 
.clean-base .row {
    position: relative;
    z-index: 4 !important;
}

.hhs-social-con svg {
height: 20px !important;
width: auto !important;
}

.svg-inline--fa .fa-times{
fill: #a80091 !important;
}

/********** price module ***********/
.hhs-price-compare-mod .pack-title {
 border-top: 8px !important;border-top: 8px !important; 
}