/*
 Theme Name:   212 Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Custom Bricks child theme by 212 Creative, LLC.
 Author:       Bricks
 Author URI:   https://212creative.com
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/*Custom Styles*/
@import url("assets/css/ttc-spacing.css");
@import url("assets/css/ttc-typography.css");
@import url("assets/css/ttc-animations.css");

/*Mobile menu*/
.brxe-nav-menu .bricks-mobile-menu-wrapper:before {
    background-color: rgba(0,0,0,.9);
    top: 46px;
}

/* Circle CTA */
.circle-cta {
    transition: transform 0.3s ease-in-out;
}

.circle-cta:hover {
  transform: rotate(45deg);
}

/*Hero select fields */
.search-dropdowns {
  display: flex;
  gap: 1rem;
}

.search-dropdowns select,
.search-dropdowns a{
  background-color: rgba(0,0,0,.45);
  color: #FFFFFF;
  text-transform: uppercase;
  border: none;
  padding: 0.75rem 1rem;
  font-size:var(--text-s);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6"><path fill="white" d="M0 0l5 6 5-6z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 10px 6px;
  border-radius: 4px;
  min-width: 220px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-dropdowns a{
	background-image:none;
}
@media (max-width:768px){
	.search-dropdowns {
	  flex-direction: column;
	  align-items: stretch;
	  width:260px
	}

	.search-dropdowns select {
	  width: 100%;
	  min-width: 0;
	}
}

/*Gradients*/
.light-grey-50 {
    background: linear-gradient(90deg, #F2F2F0 50%, #FCFCFC 50%);
}

/* Shared button base styles */
.button-black.brxe-button,
.button-white.brxe-button,
.button-header.brxe-button,
button.sidx-primary {
    padding: var(--space-s) var(--space-m) !important;
    font-size: var(--text-s) !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    border: 2px solid #000000 !important;
    cursor: pointer !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: color 0.3s ease-in-out;
}

/* Color variations */
.button-black.brxe-button,
button.sidx-primary {
    color: #ffffff;
    background-color: #000000;
}

.button-white.brxe-button {
    color: #000000;
    background-color: #ffffff !important;
}

.button-header.brxe-button {
    color: #ffffff;
    border-color: #ffffff;
    background-color: transparent;
}

/* Hover states */
.brxe-button.button-white:hover {
    color: #fefefe;
}

.brxe-button.button-black:hover,
button.sidx-primary:hover,
.brxe-button.button-transparent:hover {
    color: #121212;
}

/* Slide-over background effect */
.brxe-button.button-white::after,
.brxe-button.button-black::after,
button.sidx-primary::after,
.brxe-button.button-transparent::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    z-index: -1;
    transition: width 0.3s ease-in-out;
    pointer-events: none;
}

/* Background colors for ::after */
.brxe-button.button-white::after {
    background: #121212;
}

.brxe-button.button-black::after,
button.sidx-primary::after,
.brxe-button.button-transparent::after {
    background: #fefefe;
}

/* Hover animation */
.brxe-button.button-white:hover::after,
.brxe-button.button-black:hover::after,
button.sidx-primary:hover::after,
.brxe-button.button-transparent:hover::after {
    width: 100%;
}

/* Fix IDX button hover text color */
button.sidx-primary:hover {
    color: #000000 !important; /* ensures text becomes black on white bg */
}

/*Center inline buttons on Mobile*/
@media (max-width:478px){
	.button-white.brxe-button,
	.button-black.brxe-button	{
		align-self: center;
	}
}



/* Dropdown container */
.search-dropdowns .choices__inner {
    background-color: rgba(0,0,0,.5);
    border: 1px solid #000;
}


.search-dropdowns .choices__list--dropdown,
.search-dropdowns .choices__list[aria-expanded="true"] {
    background-color: rgba(0, 0, 0, 0.65) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px;
    padding: 0;
    box-shadow: none;
    text-transform: uppercase;
}

/* Default dropdown option */
.search-dropdowns .choices__item--choice {
    background-color: transparent !important;
    color: #fff !important;
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

/* Hovered option */
.search-dropdowns .choices__item--choice.is-highlighted {
    background-color: rgba(0,0,0,.85) !important;
    color: #fff !important;
}

/* Selected option */
.search-dropdowns .choices__item--choice.is-selected {
    background-color: rgba(0,0,0,.85) !important;
    color: #fff !important;
}

/* Optional: hide focus outline */
.search-dropdowns .choices__list--dropdown .choices__item--choice:focus {
    outline: none;
}
/* Scrollbar wrapper */
.search-dropdowns .choices__list--dropdown::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.search-dropdowns .choices__list--dropdown::-webkit-scrollbar-track {
    background: #888;
    border-radius: 5px;
}

/* Thumb */
.search-dropdowns .choices__list--dropdown::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 5px;
}

/* On hover */
.search-dropdowns .choices__list--dropdown::-webkit-scrollbar-thumb:hover {
    background: #333;
}

.search-dropdowns .choices__placeholder {
    opacity: .7;
    color:#fff;
}

.search-dropdowns .is-focused .choices__inner, .search-dropdowns .is-open .choices__inner {
    border-color: #000;
}

.search-dropdowns .choices {
    width: 50%;
    min-width:240px;
    background: rgba(0,0,0,.2);
}
.search-dropdowns .choices[data-type*=select-one]::after {
    border-color: rgba(255,255,255,.8) transparent transparent;
}