/*
 Theme Name: Current Connection
 Theme URI: https://reflective.lighting
 Description: Child theme for Divi theme, created for Current Connection.
 Author: Creekland & Co, LLC
 Author URI: https://creekland.co
 Template: Divi
 Version: 1.0.0
*/

:root {
    --blue:#395C83;
}

.current-connection-search > input {
    width: 534px;
    height: 68px;
    color: var(--blue) !important;
    font-size: 1.5em;   
    font-style: italic;
    font-weight: 700;
    text-align: center;
}

.hero-rotating-bg {
    background-size: cover;
    background-position: center;
    position: relative;
}


.glass-effect {
  background: #fff !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
}

.cc-downloads-title {
	font-size: 23px;
}

/** Search Results Page **/
.cc-search-wrap {
    display: flex;
}

.cc-sidebar {
    width: 20%;
    flex-shrink: 0;
	padding-right: 2em;
}

.cc-main {
    flex: 1;
}

.cc-card {
	border: 1px solid rgba(57, 92, 131, 0.4);
	padding: 0.4em;
}

.cc-card-img {
    width: 100%;
    height: 200px;
    object-fit: contain;
    object-position: center;
}

.cc-card-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.cc-card-title {
    font-size: 1em;
    font-weight: 400;
    color: var(--blue);
}

.cc-field-grid__item {
    padding: 0.5em 2em 2em 0;
}

.cc-field-grid__value {
    font-size: 1.5em;
    font-weight: 700;
    color: var(--blue);
}

.cc-field-grid__label {
    display: block;
    margin-top: 8px;
    color: var(--blue);
    font-size: 1.25em;
}

.cc-feature-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 0 !important;
	align-items: center;
}

.cc-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
}

.cc-grid a {
	width: 160px;
}

.cc-feature-icons {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(auto, 1fr);
    gap: 20px;
    border: 1px solid rgba(57, 92, 131, 0.25);
    padding-top: 20px !important;
}

.cc-feature-icon {
    list-style: none;
}

.cc-feature-icon i {
    font-size: 2em;
    color: var(--blue);
}

.cc-feature-icon span {
    display: block;
    margin-top: 8px;
    color: var(--blue);
    font-size: 1.25em;
}

input[type="checkbox"] {
  accent-color: var(--blue);
}


.cc-feature-label {
    font-size: 1em;
}

.cc-clear-btn {
    background: none;
    border: 1px solid var(--blue);
    color: var(--blue);
    letter-spacing: 2px;
    padding: 10px;
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
    width: 200px;
    margin: 0 0 1em 0;
    cursor: pointer;
}

.cc-filter-group {
    display: flex;
    flex-direction: column;
    margin-top: 1em;
}

.cc-filter-group:first-of-type {
    margin-top: 0;
}

.cc-filter-select {
    width: 100%;
    padding: 5px;
    font-size: 1em;
    border: 1px solid rgba(57, 92, 131, 0.25);
    color: var(--blue);
}

.cc-filter-range input {
    width: 46%;
    padding: 5px;
    font-size: 1em;
    border: 1px solid rgba(57, 92, 131, 0.25);
    color: var(--blue);
}

.cc-filter-item {
    display: flex;
    gap: 8px;
}

/** Breadcrumbs **/
.cc-breadcrumbs a {
    color: var(--blue);
}

.cc-breadcrumbs__sep {
    margin: 0 5px;
    color: var(--blue);
}

.cc-breadcrumbs__current {
    font-weight: bold;
    color: var(--blue);
}

.box-shadow-overlay {
    box-shadow: none !important;
}

.et_pb_slider .et_pb_slide {
    min-height: 0 !important;
    padding: 0 !important;
}

.et_pb_slider .et_pb_slide .et_pb_container {
    display: none !important;
}

.et_pb_slider {
    min-height: auto !important;
}

.et_pb_slider .et_pb_slide {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    aspect-ratio: 16 / 9; /* adjust to match your actual image ratio */
}

/** Contact Forms **/
.cc-contact-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: start;
  gap: 1rem;
}

.cc-contact-row span {
	width: 100%;
}

.cc-contact-row > * {
	grid-column: auto;
	grid-row: auto;
}

.cc-contact-row br {
	display: none;
}

.cc-contact-row input, .cc-contact-row select{
	display: grid;
	width: 100%;
	height: 55px;
	font-size: 15px;
	padding: 1em;
	border-color: rgba(98, 126, 143, .25);
	color: var(--blue);
}

.cc-contact-span-2 {
	display: grid;
	grid-column: span 2 !important;
}

.cc-contact-row .cc-contact-date {
	border: 1px solid rgba(98, 126, 143, .25);
	color: var(--rf-blue);
}

.cc-contact-row textarea {
	width: 100%;
	height: 150px;
	font-size: 15px;
	padding: 1em;
	border-color: rgba(98, 126, 143, .25);
	color: var(--blue);
}

.cc-contact-row .cc-contact-submit {
	background: var(--blue);
	color: #ffffff;
	text-transform: uppercase;
	width: 200px;
	border: 1px solid var(--blue);
}