/*
Skolon Custom CSS
Updated: 2024-10-10 11:00
*/

/* Contact form error text styling */

.wpcf7-not-valid-tip {
    color: #e67c7a;
    font-size: 14px;
    font-weight: normal;
    display: block;
    margin-left: 16px;
}

/* Contact form error message styling */

.wpcf7 form .wpcf7-response-output {
    margin: 1em;
    border: none !important;
}

/* Contact form error message remove icon in infobox */

.alert-icon {
    display: none;
}

/* Contact form submit button disable */

.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
    background-color: #dedede;
    pointer-events: none;
}

/* Contact form select remove border around arrow */

.select-arrow {
    border: none !important;
}

/* Contact form two columns */

.wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 40px;
}

@media (max-width:800px) {
.wrapper {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 12px 40px;
}
}

/* Contact form spacing to "footer" */

.contactFoot {
    margin: 20px 0 40px 0;
}

/* Use this for image shadow */

.imgboxshadow {
box-shadow: 20px 20px 0px #0000000f;
}

/* Bolder fonts for counters */

.fusion-counters-box .content-box-counter {
font-weight: 600;
}


/* FAQ border-radius */

.fusion-faqs-wrapper .fusion-accordian #accordian-1 .fusion-panel {
    border-radius: 20px;
}

/* Alert message styling */

.fusion-alert.fusion-alert-center .fusion-alert-content-wrapper {
    justify-content: center;
    font-family: 'Poppins';
    font-size: 16px;
}

/* truncate text for 3 rows */

.line-clamp-3 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
}