/*
Theme Name: Triton US
Author: Linkweb
Description: Triton US Custom Theme
Version: 1.0
*/

:root {
    --TritonNavy: #1C3355;
    --Gold: #F1BB1C;
    --Xanthous: #E6B00F;
    --Green: #029E5E;
    --Red: #EF3436;
    --Night: #161616;
    --DarkGray: #4A4A4A;
    --Silver: #C9C9C9;
    --LightGray: #F8F9FC;
}

pre {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    background-color: #1D1F21;
    color: #F0C674 !important;
    padding: 30px;
    margin: 15px;
    border-radius: 8px;
    word-break: break-all;
    word-wrap: break-word;
    overflow: auto;
}

* { scroll-behavior: smooth; box-sizing: border-box; }

html, body {
    font-family: 'Public Sans', sans-serif;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--DarkGray);
}



@media (min-width: 1800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1592px;
    }

    .container-sm {
        max-width: 1300px;
    }

}

h1, h2, h3, h4, h5, h6 { color: var(--TritonNavy); }
h1 { font-size: 53px; line-height: 70px; font-weight: 700; }
h2 { font-size: 40px; line-height: 50px; font-weight: 700; }
h3 { font-size: 32px; line-height: 40px; font-weight: 700; }
h4 { font-size: 24px; line-height: 30px; font-weight: 700; }
h5 { font-size: 20px; line-height: 30px; font-weight: 600; }
h6 { font-size: 14px; line-height: 20px; font-weight: 700; }
p { font-size: 18px; line-height: 27px; }

img {
    height: auto;
    max-width: 100%;
}

.btn {
    font-size: 18px;
    line-height: 21px;
    font-weight: 600;
    color: var(--TritonNavy);
    background-color: var(--Gold);
    padding: 15px 32px;
    border-radius: 8px;
    border: 1.5px solid var(--Gold);
}

.btn.transparent {
    color: var(--Gold);
    background-color: transparent;
}

iframe[src*="youtube"],
iframe[src*="vimeo"],
video {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}

.flex-content {
    position: relative;
}

header {
    position: absolute;
    width: 100%;
    z-index: 1;
    padding: 32px 0;
}

header .inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

header .logo {
    height: 29px;
    width: auto;
}

header .nav {
    display: flex;
    align-items: center;
}

header .nav li {
    padding-left: 32px;
}

header .nav li:first-of-type {
    padding-left: 0;
}

header .nav a:not(.btn) {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: #FFF;
    text-decoration: none;
}

header .social {
    display: none;
}

header .mobile-nav-toggle {
    display: none;
    width: 31px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='31' height='24' viewBox='0 0 31 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.3601 2.39998C30.3601 3.45963 29.4997 4.31998 28.4401 4.31998H2.5201C1.46045 4.31998 0.600098 3.45963 0.600098 2.39998C0.600098 1.34033 1.46045 0.47998 2.5201 0.47998H28.4401C29.4997 0.47998 30.3601 1.34033 30.3601 2.39998Z' fill='white'/%3E%3Cpath d='M30.3601 12C30.3601 13.0596 29.4997 13.92 28.4401 13.92H2.5201C1.46045 13.92 0.600098 13.0596 0.600098 12C0.600098 10.9403 1.46045 10.08 2.5201 10.08H28.4401C29.4997 10.08 30.3601 10.9403 30.3601 12Z' fill='white'/%3E%3Cpath d='M30.3601 21.6C30.3601 22.6596 29.4997 23.52 28.4401 23.52H2.5201C1.46045 23.52 0.600098 22.6596 0.600098 21.6C0.600098 20.5403 1.46045 19.68 2.5201 19.68H28.4401C29.4997 19.68 30.3601 20.5403 30.3601 21.6Z' fill='white'/%3E%3C/svg%3E%0A");
    cursor: pointer;
}


footer {
    background-color: var(--Night);
    overflow: hidden;
}

footer .container {
    position: relative;
    z-index: 1;
}

footer .inner {
    display: flex;
    justify-content: space-between;
    padding: 60px 0 0;
    position: relative;
}

footer .inner:before {
    content: "";
    position: absolute;
    top: 0;
    right: 42px;
    width: 680px;
    height: 680px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='680' height='681' viewBox='0 0 680 681' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.05'%3E%3Cpath d='M255 0.25H398.704L680 338.775L410.608 680.25H261.006L536.296 344.894L255 0.25Z' fill='white'/%3E%3Cpath d='M0 0.25H143.704L425 338.775L155.608 680.25H6.00555L281.296 344.894L0 0.25Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}

footer .inner .title {
    font-weight: 600;
    color: #fff;
    margin: 0;
}

footer .inner .info {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin: 8px 0 0;
}

footer .inner .info a {
    color: #fff;
    text-decoration: none;
}

footer .inner .social {
    display: flex;
    align-items: center;
    margin: 32px 0 0;
    padding: 0;
    list-style: none;
}

footer .inner .social li {
    padding: 0 16px 0 0;
}

footer .inner .social li:last-of-type {
    padding-right: 0;
}

footer .inner .navs {
    display: flex;
}

footer .inner .navs .nav-container {
    padding: 0 112px 0 0;
}

footer .inner .navs .nav-container:last-of-type {
    padding-right: 0;
}

footer .inner .navs .nav-container p {
    font-weight: 600;
    color: #FFF;
    margin: 0;
}

footer .inner .navs .nav {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    position: relative;
}

footer .inner .navs .nav li {
    padding: 8px 0 0;
}

footer .inner .navs .nav a {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFF;
    text-decoration: none;
}

footer .bottom {
    padding: 16px 0;
    margin: 60px 0 0;
    background-color: #000;
}

footer .bottom .bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer .bottom .logo {
    height: 20px;
    width: auto;
}

footer .bottom p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    margin: 0;
}

.wpcf7-form-control:not(.wpcf7-submit) {
    width: 100%;
    padding: 8px 16px;
    font-size: 16px;
    color: var(--DarkGray);
    background-color: transparent;
    border: 1px solid var(--TritonNavy);
    border-radius: 8px;
}

.wpcf7-submit {
    margin: 24px 0 0;
}

.wpcf7-textarea {
    height: 200px;
}

.wpcf7-form-control:placeholder {
    color: var(--Silver);
}

.wpcf7 label {
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    color: var(--TritonNavy);
    margin: 0;
}

.wpcf7 .field p {
    position: relative;
    margin: 0;
}

.wpcf7 .field label {
    position: absolute;
    top: 20px;
    left: 12px;
    padding: 0 4px;
    background-color: #fff;
    z-index: 1;
}

@media only screen and (max-width: 1399px) {
    header .nav li {
        padding-left: 24px;
    }
}

@media only screen and (max-width: 1199px) {
    header .mobile-nav-toggle {
        display: block;
        cursor: pointer;
        z-index: 9;
        -webkit-transition: background-image 350ms ease-in-out;
        -moz-transition: background-image 350ms ease-in-out;
        -ms-transition: background-image 350ms ease-in-out;
        -o-transition: background-image 350ms ease-in-out;
        transition: background-image 350ms ease-in-out;
    }

    header .mobile-nav-toggle.open {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='31' height='24' viewBox='0 0 31 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.3601 2.39998C30.3601 3.45963 29.4997 4.31998 28.4401 4.31998H2.5201C1.46045 4.31998 0.600098 3.45963 0.600098 2.39998C0.600098 1.34033 1.46045 0.47998 2.5201 0.47998H28.4401C29.4997 0.47998 30.3601 1.34033 30.3601 2.39998Z' fill='%231C3355'/%3E%3Cpath d='M30.3601 12C30.3601 13.0596 29.4997 13.92 28.4401 13.92H2.5201C1.46045 13.92 0.600098 13.0596 0.600098 12C0.600098 10.9403 1.46045 10.08 2.5201 10.08H28.4401C29.4997 10.08 30.3601 10.9403 30.3601 12Z' fill='%231C3355'/%3E%3Cpath d='M30.3601 21.6C30.3601 22.6596 29.4997 23.52 28.4401 23.52H2.5201C1.46045 23.52 0.600098 22.6596 0.600098 21.6C0.600098 20.5403 1.46045 19.68 2.5201 19.68H28.4401C29.4997 19.68 30.3601 20.5403 30.3601 21.6Z' fill='%231C3355'/%3E%3C/svg%3E%0A");
    }

    header .nav-container {
        position: absolute;
        top: -100vh;
        left: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100vw;
        height: 100vh;
        background-color: #fff;
        padding: 17vh 32px 32px;
        -webkit-transition: top 350ms ease-in-out;
        -moz-transition: top 350ms ease-in-out;
        -ms-transition: top 350ms ease-in-out;
        -o-transition: top 350ms ease-in-out;
        transition: top 350ms ease-in-out;
    }

    header .nav-container.open {
        top: 0;
    }

    header .nav-container .nav {
        flex-direction: column;
        align-items: normal;
    }

    header .nav-container .nav li {
        padding: 16px 0 0;
    }

    header .nav-container .nav li:first-of-type {
        padding-top: 0;
    }

    header .nav-container .nav li:last-of-type {
        display: none;
    }

    header .nav-container .nav li a {
        font-weight: 700;
        font-size: 24px;
        line-height: 30px;
        color: var(--TritonNavy);
    }


    header .social {
        display: flex;
        justify-content: space-between;
        list-style: none;
        margin: 0;
        padding: 0;
    }
}