/*
Theme Name: CEWD Consortia Child Theme
Description: Child theme for Divi 5 – CEWD Consortia
Author: Joyce, Inc.
Author URI: https://joyceinc.com
Template: Divi
Version: 1.0.0
Text Domain: cewd-consortia-child
*/

:root {
	--color-dark-blue: #003a59;
	--color-light-blue: #006ba6;
    --color-teal: #6df0de;
}

/* --------------------------
   Global Gradient Variable
   -------------------------- */
:root {
  --brand-gradient: linear-gradient(
    90deg,
    rgba(42, 123, 155, 1) 0%,
    rgba(87, 199, 133, 1) 70%,
    rgba(237, 221, 83, 1) 100%
  );
}

/* --------------------------
   Gradient Border Class
   -------------------------- */
.gradient-border {
  background: var(--brand-gradient); /* gradient border */
  border-radius: 20px;               /* outer radius */
  padding: 5px;                       /* thickness of border */
  box-sizing: border-box;            /* includes padding in size */
  overflow: hidden;                  /* ensures inner content respects border-radius */
}

/* Inner content layer */
.gradient-border > * {
  background: #ffffff;                /* inner content background */
  border-radius: 15px;                /* outer radius - padding = inner radius */
  position: relative;                 /* ensures content sits above gradient */
  z-index: 1;
}

/* Optional: responsive adjustments */
@media (max-width: 767px) {
  .gradient-border {
    padding: 6px;
    border-radius: 16px;
  }

  .gradient-border > * {
    border-radius: 10px;  /* outer radius - padding */
  }
}
/* Header CTA Buttons */
.header-cta-group {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: end;
}

.header-cta-button {
    padding: 0.3em 1em;
    border-radius: 50px;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    display: inline-block;
    transition: opacity .2s ease;
    border: none;
	background-color: var(--color-light-blue);
	color: #fff;
}

.header-cta-teal {
    background-color: var(--color-teal);
    color: var(--color-dark-blue);
}

.header-cta-white {
    background-color: #fff;
    color: var(--color-dark-blue);
}

.gform_button {
    padding: 0.3em 1em !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: opacity .2s ease !important;
    border: none !important;
	background-color: var(--color-light-blue) !important;
	color: #fff !important;
}

.header-cta-teal:hover,
.header-cta-white:hover,
.gform_button:hover,
.et_pb_button:hover {
    opacity: 0.85 !important;
}


footer ul.footer-menu {
    list-style: none;
    padding-left: 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}
footer ul.footer-menu li {
	margin-bottom: 10px;	
}
footer ul.footer-menu a { 
	color: var(--color-teal);
}
footer ul.footer-menu li.current-menu-item a {
	color: #fff;
}
@media (min-width: 500px) {
	footer ul.footer-menu {
    	column-count: 2;
	}
}

.placeholder
{
	background-color: #fcfcc3;
}




.inverse-text-container, 
.inverse-text-container h2, 
.inverse-text-container h3, 
.inverse-text-container h4, 
.inverse-text-container p, 
.inverse-text-container ul, 
.inverse-text-container ol, 
.inverse-text-container a { 
	color: #ffffff !important; 
}

/* SECTION w/ 5050 ROWS - Targets the rows, columns and images, w/ alternating reverse */

.section-5050-rows {
	--vertical-gap: 0;
}
.section-5050-rows .et_pb_row {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.section-5050-rows .et_pb_row.et_flex_row {
    gap: 0;
    min-height: 60vh;
}

.section-5050-rows .et_pb_column {
    padding: 10% 6%;
    display: flex;
    flex-direction: column;
    justify-content: center;
	--horizontal-gap-parent: 0;
}
@media (min-width:981px) {
	.section-5050-rows .et_pb_column {
		width: 50%;
	}
}

.section-5050-rows .et_pb_column:has(.et_pb_image) {
    padding: 0;
	aspect-ratio: 4 / 3;
}

.section-5050-rows .et_pb_column:has(.et_pb_image) .et_pb_image,
.section-5050-rows .et_pb_column:has(.et_pb_image) .et_pb_image_wrap {
    height: 100%;
}

.section-5050-rows .et_pb_column:has(.et_pb_image) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (min-width: 981px) {
    .section-5050-rows .et_pb_row.et_flex_row:nth-of-type(even) {
        flex-direction: row-reverse;
    }
}

@media (max-width: 980px) {
    .section-5050-rows .et_pb_row.et_flex_row {
        flex-direction: column;
    }
}