/* CARDS */

p,
li,
ul {
    font-family: Raleway, Helvetica, San-serif;
}

.card a {
    font-weight: 500;
    color: #246ba0;
}

.card {
    padding: 0px;
    border: 0px;
}

.card h4 {
    margin: 15px 0px 0px 0px;
    color: black;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 15px;
}

.card h5 {
    margin-bottom: 11px;
    font-weight: 400;
    font-size: 21px;
    color: black;
}

.card h6 {
    color: black;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2em;
    margin-top: 9px;
    text-align: center;
}

.card h4 a,
h5 a {
    color: black;
    font-weight: 400;
}

.card h4 a:hover,
h5 a:hover {
    color: #3b83b6;
}

.card h2 {
    color: #333333;
    font-weight: 600;
}

.card h3 {
    color: #333333;
}

.card p {
    margin-bottom: 10px;
    margin-top: 15px;
}

.card-link img {
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    border: 0px clear: both;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    /* Ensure smooth transitions */
}

/* Hover effects on the link that affect the image */
.card-link:hover img {
    transform: scale(1.02);
    /* Slight increase in scale */
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.4);
    /* Increased shadow on hover */
}

/* CONTENT BOXES */

.content-box--highlight {
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
    border-right: 1px solid #CCC;
    padding: 0px 25px 0px 0px;

}

.content-box--action {
    border: 1px solid #DDDDDD;
    color: black;
    border-radius: 10px;
    /* Add rounded corners */
    box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1);
}


.content-box--action h4 {
    color: black;
}

h4 {
    font-weight: 400;
}


hr {
    background: #96aab8;
    height: 1px;
    margin-bottom: 27px;
    margin-top: 20px;
}

/* Set initial styles for the image link */
.image-link {
    display: inline-block;
    overflow: hidden;
    position: relative;
    border-radius: 15px;
    /* Add rounded corners */
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);
    /* Increase the shadow */
}

.image-link img {
    max-width: 100%;
    height: auto;
    transition: transform 0.3s ease-in-out;
}

/* Define the hover state for the image link */
.image-link:hover img {
    transform: scale(1.07);
}


.image-shadow {
    border-radius: 12px;
    /* Add rounded corners */
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);
    /* Increase the shadow */
}

.accordion__label {
    border-radius: 3px;
    background-color: #152B4F;
}


.accordion__content {
    border: 1px solid #d5d5d5;
    border-top: none;
    padding: 5px 12px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    overflow: hidden;
    border-radius: 0px 0px 3px 3px;
}

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

.no-pad {
    padding-bottom: 0px;
}

.inside-pad {
    padding: 25px;
}

.yellow {
    background-color: #f7f2e2;
}

.blue {
    background-color: #dde5f3;
}

.green {
    background-color: #ecf3e6;
}

.orange {
    background-color: #f7e7d1;
}



.left-border {
    border-left: 1px solid black;
}

.headshot img {
    border-radius: 50%;
    /* Add rounded corners */
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);
    /* Increase the shadow */
}

.headshot h6 {
    color: black;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2em;
    margin-top: 9px;
    text-align: center;
}

.just-shadow {
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);
    /* Increase the shadow */
}


.page-title {
    display: none;
}

.giganto-green {
    font-size: 4em;
    letter-spacing: -2.5px;
    color: #58b5a5;
    line-height: .78em;
    font-weight: 900;
    margin-bottom: 15px;
}

.giganto {
    font-size: 4em;
    letter-spacing: -2.5px;
    color: #8098c7;
    line-height: .78em;
    font-weight: 900;
    margin-bottom: 15px;
}


.giganto-orange {
    font-size: 4em;
    letter-spacing: -2.5px;
    color: #f1b65d;
    line-height: .78em;
    font-weight: 900;
    margin-bottom: 15px;
}

.vcontainer {
    justify-content: space-between;
    align-items: flex-end;
}


.button--small {
    background: #246BA0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    padding: 8px 36px;
    text-align: center;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    vertical-align: middle;
}

.button--small:after {
    content: '→';
    display: inline-block;
    font-weight: 600;
    margin-left: 12px;
}

.button--small:hover,
.button:focus {
    background: #246BA0;
}

.button {
    font-weight: 500;
}

.button:after {
    content: '→';
    display: inline-block;
    font-weight: 600;
    margin-left: 12px;
}

.dotted-hr {
    border: 0;
    height: 1px;
    /* Adjust the thickness as needed */
    background: none;
    background-image: radial-gradient(#000 1px, transparent 1px);
    background-size: 10px 1px;
    /* Adjust the space between the dots */
    background-repeat: repeat-x;
    color: #000;
    /* Set the color of the dots */
}

.padded {
    padding: 0 15%;
}

@media screen and (max-width: 767.5px) {
    .giganto {
        font-size: 2.75em;
        letter-spacing: -2px;
    }

    .inside-pad {
        padding: 0px;
    }
}

@media screen and (max-width: 767.5px) {
    .giganto-green {
        font-size: 2.75em;
        letter-spacing: -2px;
    }

    .inside-pad {
        padding: 0px;
    }
}


@media screen and (max-width: 767.5px) {
    .giganto-orange {
        font-size: 2.75em;
        letter-spacing: -2px;
    }

    .inside-pad {
        padding: 0px;
    }
}


.webinar h4,
p,
a {
    margin-top: 0px;
}

.webinar h4 {
    line-height: 30px;
    margin-bottom: 3px;
}

.webinar p:last-child {
    margin-bottom: 15px;
}

.webinar a {
    font-weight: 500;
    color: #246ba0;
}

.webinar a:hover    {
    color: #0458c3;
}

/* EVENT LISTS */

.item-list__item a {
text-decoration: none;
color: #3e465d;
}

.truncate {
text-align: left; 
}

.item-list__thumbnail {
  display:none;
}

.item-list__date {
    font-family: 'Raleway', 'sans-serif';
      margin: 5px 0 0;
}