/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.2.16
 Text Domain:  bricks
*/

/*base css*/
#brxe-bsmpzo .bricks-nav-menu > li > a {
    height: 40px;
    display: flex;
    align-items: center;
}
:where(.brxe-text), :where(p), :where(.brxe-block){
margin-block-end:20px;
}
:where(p:last-child), :where(.brxe-text:last-child), :where(.brxe-block:last-child){
    margin-block-end: 0;
}
:where(.brxe-container):not(:last-child) {
    margin-bottom: 20px
}
:where(.brxe-alert) + .brxe-text{
    margin-top:20px;
}
.wp-block-list li, .brxe-text li{
margin-bottom:10px;
}
label.gfield_label{
text-transform:uppercase!important;
font-weight:300!impoirtant;
}
.gform_fields{
    gap:20px!important;
}
.gfield input, .gfield select, .gfield textarea{
    border:none!important;
    border-radius:0px!important;
    border-bottom: 1px solid var(--color-primary)!important;
    box-shadow:none!important;
    padding:10px 20px!important;
    min-height:47px!important;
}
.brxe-text a{
    text-decoration:underline;
}
.brxe-text a:hover, .brxe-list a:hover > span{
    color:var(--color-primary);
    text-decoration:underline;
}
/*end base css*/

/*general css here*/
 #menu-main-menu li a{
        border:1px solid transparent;
        }
 #menu-main-menu li a:hover, #menu-main-menu li.current-menu-item > a{
        background:var(--color-hover-light);
        border:1px solid var(--color-primary);
        border-radius:20px;
        padding:0 20px;
    }
#menu-footer-menu li a:after {
    content: '|';
    margin-left: 10px;
    margin-right: 10px;
    color:var(--color-white-text);
}
#menu-footer-menu li:last-child a:after {
    content: '';
}

/*form*/
.gform-footer .gform_button {
    padding: 12.5px 30px 12.5px 40px !important;
    background-color: var(--color-primary) !important;
    border-radius: 50px !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}
.gform-footer .gform_button:hover {
    background-color: var(--color-primary-hover) !important;
}
.gform_button:after {
    content: "" !important;
    width: 28px;
    height: 28px;
    background-image: url(https://aoc-studio.com.au/wp-content/uploads/2026/05/arrow_right_alt.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--sei-color-primary);
    border-radius: 50%;
    display: block;
}
/*end form*/
/*services*/
.services .services-box{
    padding:50px 30px;
    gap: 10px;
    border-radius: 0 0 0 24px;
    border-bottom: 1px solid var(--color-border);
    border-left: 1px solid var(--color-border);
    background: var(--color-white-text);
}
.services .services-box h3{
    font-size: var(--text-size-services-h3);
    font-weight: 400;
}
.services .services-box ul{
    padding-inline-start: 18px;
    margin: 0;
}
/*end services*/
/*timeline*/
/* parent row */
.timeline {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  padding: 2rem 0;
  --circle-size: 56px;
--line-offset: 1rem; 
position: relative;
padding-top: calc(var(--circle-size) / 2 + var(--line-offset));
}

/* horizontal connector behind circles */
.timeline::before {
  content: "";
  position: absolute;
  left: 9.5357142857143%;
  right: 9.5357142857143%;
  top: 30px; /* align with circle center */
  height: 2px;
  background: var(--color-primary);
  z-index: 1;
}
.timeline .brxe-text{
margin-bottom:0px;
}

/* each step */
.timeline-item {
  position: relative;
  text-align: center;
  /* width: calc((100% - 3 * 2rem) / 4); */ /* optional fixed layout */
  z-index: 2; /* make content sit above the connector */
}

/* circle */
.timeline-circle {
font-weight:600;
width: var(--circle-size);
    height: var(--circle-size);
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-hover-light);
    border: 2px solid var(--color-primary);
    transform: translateY(calc(-1 * (var(--circle-size) / 2 + var(--line-offset))));
    z-index: 3;
}

/* heading + body */
.timeline-item h3 { margin: .25rem 0 .5rem; font-size:var(--text-size-h4); }
.timeline-item p  { margin: 0; color:var(--color-primary-dark); }

/*end timeline*/
/*end general css*/

/*media query*/
@media (min-width: 1330px) {
    .pad-right-responsive-to-container {
        padding-right: calc((100% - 1400px) / 2);
    }
}
@media(max-width:991px){
     .bricks-mobile-menu-toggle:after{
            content:"MENU";
            padding-left:30px;
        }
    .big-h2 {
        font-size: 30px !important;
    }
    }
@media(min-width:768px){
.services .services-box{
min-height:327px;
}
}
@media(max-width:767px){
.gform-footer .gform_button {
    padding: 12px 20px!important;
    }
.hide-on-mobile{
display:none;
}
.timeline-item p{
font-size:16px;
}
  .timeline {flex-direction: column;gap: 1.25rem;padding:0;display: grid;grid-template-columns: 1fr 1fr;}
  .timeline::before { display: none; }
  .timeline-item {width: 100%;text-align: left;display: flex;/* gap: 1rem; */align-items: flex-start!important;}
  .timeline-circle {margin: 50px 0 0;align-self: flex-start;display: flex;}
}

/*end media query*/