/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 12 Jan 2026, 08:18:02
    Author     : markvm
*/

body {
    background: #ededed;
}

#header_container{
  justify-content: center;
}

.logo-wrap{
  display: table-cell;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 0px;
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  margin: 16px auto 10px;
}

.logo-wrap img{
  display: block; /* removes baseline gap */
}

#header_container {
    height: 135px;
    margin-top: 20px;
}

#logo_dark {
    object-fit: cover;
    height: 125px;
    border-radius: 12px;
}

#top_bar {
    height: 10px;
}



@media  (min-width: 550px) {
    .logo-wrap {
        padding: 12px 18px;
    }

    #logo_dark {
        height: unset;
    }
    
    #header_container{
        margin-top: 0px;
    }

    

}


.dropbtn{
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    border-radius:10px;
    cursor:pointer;
    background:#fff;
    border:1px solid rgba(0,0,0,.12);
    box-shadow:0 4px 10px rgba(0,0,0,.06);
    font-size:13px;
    font-weight:500;
    color:#1d0091;
    margin-top: 20px;
}

.dropbtn:hover{
    background:rgba(0,0,0,.05);
}

.dropbtn .burger{
    font-size:16px;
}

.dropbtn .label{
    letter-spacing:.3px;
}

.dropbtn .chev{
    font-size:10px;
    opacity:.7;
}

/* Sign out highlight */
.dropdown-content a.danger{
    color:#f98080;
}


#sub_input_values,
#sub_key_dims,
#sub_finish,
#sub_selection,
#sub_selection_plastisol,
#sub_lath_selection_contents,
#sub_selection_contents,
.sub_additional_header,
#sub_additional,
#sub_operational,
#sub_options,
#sub_security,
#sub_actuations,
#sub_steel,
#opt_specifics_container_1,
#opt_plastisol_specifics,
#opt_sub_selection_contents,
#sub_options_header,
#i6_container {
    background: #ffffff;
}



.pf-footer{
  background: #1d0091;
  border-radius: 14px;
  padding: 12px 16px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 10px 28px rgba(0,0,0,.18);
  color: rgba(255,255,255,.78);
  font-family: Varela Round, Helvetica, Arial, sans-serif;
  font-size: 10pt;
}

.pf-footer__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
}

.pf-footer__brand{
  color: rgba(255,255,255,.92);
  font-size: 10.5pt;
  letter-spacing: .2px;
  margin-bottom: 2px;
}

.pf-footer__meta{
  line-height: 1.35em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pf-footer__right{
  display:flex;
  align-items:center;
  gap: 8px;
  white-space: nowrap;
}

.pf-footer__sep{
  opacity: .35;
}

.pf-footer__dot{
  opacity: .35;
  margin: 0 6px;
}

.pf-footer__link{
  color: rgba(255,255,255,.82);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  padding-bottom: 1px;
}

.pf-footer__link:hover{
  color: #ffffff;
  border-bottom-color: rgba(255,255,255,.45);
}

.pf-footer__phone{
  color: rgba(162,211,91,.95);
}

.pf-footer__muted{
  opacity: .7;
}

/* Mobile */
@media (max-width: 860px){
  .pf-footer__inner{
    flex-direction: column;
    align-items: flex-start;
  }
  .pf-footer__meta{
    white-space: normal;
  }
}



body {
    background: #f2f2f2 url('../images/subtle_noise.png') repeat;
}