/* ===================================
   HEADER LAYOUT
=================================== */

#masthead .pr-header__rw {
    align-items: flex-start !important;
    justify-content: flex-start;
}

/* Force both regions left */
#masthead .pr-header__header-first,
#masthead .pr-header__header-second {
    align-self: flex-start !important;
    text-align: left;
}

/* ===================================
   LOGO
=================================== */

.site-branding {
    margin-bottom: 2px;
}

.site-branding__logo-link {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.site-branding__logo-img {
    max-height: 112px;   /* ~60% larger than 70px */
    width: auto;
    display: block;
}

/* ===================================
   MENU
=================================== */

.block-menu__content {
    margin: 0;
    padding: 0;
}

.block-menu__content > .menu {
    display: flex;
    justify-content: flex-start;
    align-items: center;

    gap: 30px;

    margin: 2px 0 0;
    padding: 0;

    list-style: none;
}

.menu__item {
    margin: 0 !important;
}

.menu__link {
    color: #fff !important;
    text-decoration: none;

    font-weight: 700;      /* Bold */
    font-size: 17px;

    padding: 4px 0;
    transition: .2s;
}

.menu__link:hover {
    color: #d9d9d9 !important;
}

/* Current page underline */
.menu__link.is-active,
.menu__link--active-trail,
.menu__item--active-trail > .menu__link,
.menu__item .is-active {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
}



/* ======================================
   HEADER OVERRIDES
   ====================================== */

#masthead,
#masthead .pr-header__rw,
#masthead .container {
    background: #303030 !important;
}

/* Remove the centered container */
#masthead .container {
    max-width: none !important;
    width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 35px !important;
    padding-right: 35px !important;
}

/* Stack logo and menu vertically */
#masthead .pr-header__rw {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

/* Force both regions to the left */
#rid-header-first,
#rid-header-second {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

/* Reduce spacing */
#rid-header-first {
    margin-bottom: 4px !important;
}

#rid-header-second {
    margin-top: 0 !important;
}





.site-branding__logo-img {
    max-height: 160px;
}





#rid-header-first {
    margin-bottom: -8 !important;
}

#rid-header-second {
    margin-top: -20px !important;
}





/* ==========================
   Navigation Links
========================== */

.menu__link {
    position: relative;
    display: inline-block;

    color: #ffffff !important;
    text-decoration: none;

    font-weight: 700;
    transition: color .25s ease;
}

/* Underline */
.menu__link::after {
    content: "";
    position: absolute;

    left: 0;
    bottom: -5px;

    width: 0;
    height: 2px;

    background: #FFC601;

    transition: width .25s ease;
}

/* Hover */
.menu__link:hover {
    color: #FFC601 !important;
}

.menu__link:hover::after {
    width: 100%;
}

/* Current page */
.menu__link.is-active,
.menu__item--active-trail > .menu__link {
    color: #ffffff !important;
}

.menu__link.is-active::after,
.menu__item--active-trail > .menu__link::after {
    width: 100%;
    background: #FFC601;
}


.field--name-title,
.node__title,
h1.page-title {
  display: none !important;
}






/* Make the main page wrapper full width */
.l-pr,
.page__row,
.l-rw,
.pr-main,
.pr-main__rw,
.region,
.pr-main__content,
.node,
.node__container,
.node__content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Remove the Adaptive Theme container width */
.container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}





.node__content,
.field__item {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.pr-main,
.pr-main__rw,
.container {
    padding-top: 0 !important;
}



#main-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.pr-main,
.pr-main__rw,
.page__row {
    margin-top: 0 !important;
    padding-top: 0 !important;
}








/* ===================================================
   SENTIENT.SOLUTIONS CONTACT FORM
=================================================== */

.sentient-contact{
    max-width:900px;
    margin:80px auto;
    padding:55px;
    background:#303030;
    border:2px solid #4A4A4A;
    border-radius:22px;
    box-shadow:0 20px 55px rgba(0,0,0,.18);
    transition:.35s ease;
}

.sentient-contact:hover{
    border-color:#FFC601;
    box-shadow:0 28px 65px rgba(0,0,0,.25);
    transform:translateY(-3px);
}


/* ===================================================
   LABELS
=================================================== */

.sentient-contact label{
    display:block;
    margin-bottom:8px;
    color:#FFFFFF;
    font-weight:600;
    font-size:15px;
    letter-spacing:.3px;
}


/* ===================================================
   INPUTS
=================================================== */

.sentient-contact input,
.sentient-contact textarea,
.sentient-contact select{

    width:100%;
    box-sizing:border-box;

    padding:16px 18px;

    background:#3A3A3A;
    color:#FFFFFF;

    border:2px solid #555555;
    border-radius:12px;

    font-size:16px;
    font-family:Roboto,Arial,sans-serif;

    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease,
        transform .2s ease;

    margin-bottom:22px;
}


/* Placeholder */

.sentient-contact input::placeholder,
.sentient-contact textarea::placeholder{

    color:#AFAFAF;
}


/* Hover */

.sentient-contact input:hover,
.sentient-contact textarea:hover,
.sentient-contact select:hover{

    border-color:#777777;
}


/* Focus */

.sentient-contact input:focus,
.sentient-contact textarea:focus,
.sentient-contact select:focus{

    outline:none;

    background:#404040;

    border-color:#FFC601;

    box-shadow:
        0 0 0 4px rgba(255,198,1,.18),
        0 0 20px rgba(255,198,1,.10);

    transform:translateY(-1px);
}


/* ===================================================
   TEXTAREA
=================================================== */

.sentient-contact textarea{

    min-height:190px;

    resize:vertical;

    line-height:1.6;
}


/* ===================================================
   SUBMIT BUTTON
=================================================== */

.sentient-contact input[type="submit"],

.sentient-contact .button,

.sentient-contact button{

    display:flex;
    align-items:center;
    justify-content:center;

    width:auto;
    min-width:220px;

    height:58px;

    padding:0 38px;

    margin-top:10px;

    background:#FFC601;

    color:#303030;

    border:none;

    border-radius:12px;

    font-size:19px;
    font-weight:700;
    font-family:Roboto,Arial,sans-serif;

    cursor:pointer;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        background .22s ease;
}


/* Hover */

.sentient-contact input[type="submit"]:hover,

.sentient-contact .button:hover,

.sentient-contact button:hover{

    background:#FFD43D;

    transform:
        translateY(-3px)
        scale(1.02);

    box-shadow:
        0 14px 34px rgba(255,198,1,.30);
}


/* Click */

.sentient-contact input[type="submit"]:active,

.sentient-contact .button:active,

.sentient-contact button:active{

    transform:translateY(0);
}


/* ===================================================
   FIELD SPACING
=================================================== */

.sentient-contact .form-item{

    margin-bottom:22px;
}


/* ===================================================
   REQUIRED ASTERISK
=================================================== */

.sentient-contact .form-required::after{

    color:#FFC601;
}


/* ===================================================
   DESCRIPTION TEXT
=================================================== */

.sentient-contact .description{

    color:#B8B8B8;

    font-size:14px;

    margin-top:6px;
}


/* ===================================================
   WEBFORM MESSAGES
=================================================== */

.sentient-contact .messages{

    border-radius:12px;

    margin-bottom:28px;
}


/* ===================================================
   SUBTLE ENTRANCE ANIMATION
=================================================== */

@keyframes sentientFade{

    from{

        opacity:0;

        transform:translateY(20px);
    }

    to{

        opacity:1;

        transform:translateY(0);
    }

}

.sentient-contact{

    animation:sentientFade .7s ease;
}

/* Force readable input text */
.sentient-contact input,
.sentient-contact textarea,
.sentient-contact select {
    color:#FFFFFF !important;
    background:#3A3A3A !important;
}


/* Make typed text bright while keeping placeholders gray */
.sentient-contact input::placeholder,
.sentient-contact textarea::placeholder {
    color:#AFAFAF !important;
    opacity:1;
}


/* Cursor color */
.sentient-contact input,
.sentient-contact textarea {
    caret-color:#FFC601;
}


/* Restore submit button styling */
.sentient-contact input[type="submit"] {
    background:#FFC601 !important;
    color:#303030 !important;

    border:none !important;

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        background .22s ease;
}


.sentient-contact input[type="submit"]:hover {
    background:#FFD43D !important;
    color:#303030 !important;

    transform:translateY(-3px) scale(1.02);

    box-shadow:
        0 14px 34px rgba(255,198,1,.30);
}


/* ===================================================
   WEBFORM CONFIRMATION MESSAGE
=================================================== */

.sentient-contact .webform-confirmation,
.sentient-contact .webform-confirmation__message,
.sentient-contact .messages,
.sentient-contact .messages__content {

    color:#FFFFFF !important;

    background:#3A3A3A;

    border-radius:12px;

}


/* Make links inside confirmation visible */

.sentient-contact .webform-confirmation a,
.sentient-contact .messages a {

    color:#FFC601 !important;

}


/* Optional: make the message feel more polished */

.sentient-contact .messages {

    padding:20px 24px;

    border:2px solid #FFC601;

    box-shadow:0 10px 30px rgba(0,0,0,.2);

}