/*  #############################
    Theme Name: ASCP 2024
    Theme URI: https://www.ascpskincare.com/
    Description: ASCP 2024 Theme

    PRIMARY PINK: #e2aba6;
    SECONDARY PINK/HOVER: #efd4d1;
    SECONDARY GREEN: #87c373;
    SECONDARY GREEN/HOVER: #96c288;

    Wrap any items in .ascp2024 to apply the theme
    See details and explanations at the azure devops wiki
    #############################
*/

form {
    margin-bottom: 2em;
}

/* ##### BASIC ELEMENTS ##### */
.ascp2024 .btn-primary {
    background-color: #e2aba6;
    border-color: #e2aba6;
  }

  .ascp2024 .btn-primary:hover, 
  .ascp2024 .btn-primary:focus {
    background-color: #efd4d1;
    border-color: #efd4d1;
  }

.ascp2024 .btn-secondary {
    background-color: #87c373;
    border-color: #87c373;
  }

  .ascp2024 .btn-secondary:hover, 
  .ascp2024 .btn-secondary:focus {
    background-color: #96c288;
    border-color: #96c288;
  }

.ascp2024 hr {
    height: 2px;
    background-color: #000000; 
    border: none; 
  }

.ascp2024 .card2024 {
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

.ascp2024 .card2024 .card-img-top {
    width: 100%;
    object-fit: cover;
}

.ascp2024 .card2024 .card-body {
    margin-top: 10px;
    padding: 15px;
    min-height: 325px;
}

.ascp2024 .card2024 .card-footer {
    text-align: right;
    padding: 15px;
}


/* ##### CUSTOM BLOCKS ##### */
/* These elements don't need to be wrapped in .ascp2024 
    they are already unique to this theme */
.pointer-block {
    background: #222;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: .5em;
    position: relative;
    text-transform: uppercase;
    font-weight: 400;
}

.pointer-block::after {
    background: url('https://public.ascpskincare.com/sites/ascpskincare.com/themes/ascpskincare/images/bar_arrow.png') no-repeat;
    position: absolute;
    bottom: -13px;
    left: 50%;
    margin-left: -13px;
    display: block;
    width: 26px;
    height: 13px;
    content: '';
}

.shadow {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); 
}

.callout-box {
    padding: 15px;
    box-sizing: border-box;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);  
}

.callout-box h3 {
    text-align: center;
}

.callout-box ul {
    text-align: left;
    list-style-type: disc;
    margin-left: -20px;
}

.callout-box-primary {
    background-color: #e2aba6;
}

.callout-box-secondary {
    background-color: #efd4d1;
}

.callout-box-left {
    margin: 15px 15px 15px 5px;
    flex: 1 1 calc(50% - 30px);
}

.callout-box-right {
    margin: 15px 5px 15px 15px;
    flex: 1 1 calc(50% - 30px);
}

/* MEDIA QUERIES */
@media only screen and (max-width: 768px) {
    .callout-box{
        flex: 1 1 100%; /* Stack blocks vertically on small screens */
        margin: 15px 0; /* Adjust margin for better spacing */
    }

    .callout-box ul {
        margin-left: 0; /* Reset list margin */
    }
}

@media (max-width: 1199px) {
    .main-container h1.page-header {
      display: block;
    }
  }

 
.failing-payments {
	display: none;
}

a.nav-dropdown.link-orange {
    color: #d37b73 !important;
    border-bottom-color: transparent !important;
}


a.nav-dropdown.link-orange:hover {
    color: #444e57 !important;
}