/* -------------------------
+ Author : Marcus Briggs
+ © Viral Effect LTD
------------------------- */

/* -------------------------------- */
/* CORE */

@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800;900&display=swap');

/*
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800;900&display=swap');
*/

* { font-family: 'Figtree', helvetica, sans-serif; /*font-family: 'Open Sans', sans-serif;*/ }
html { scroll-behavior: smooth; }
body { background:none; }
body.modal-open { position: fixed; height: 100vh; overflow-y: hidden; }
h1, h2, h3, h4, h5 { /*font-family: 'Maven Pro', sans-serif !important;*/ font-weight: 700; text-transform: uppercase; }

/* HEADER */

header { width:100%; padding: 50px 20px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
header .sec-wrap { width:100%; max-width: 1440px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
header .sec-content { width:100%; display: flex; justify-content: center; align-items: center; flex-direction: row; }
header .sec-content .logo { max-width:200px; }
header .sec-content .logo img { width:100%; }

@media (max-width: 748px) {

}

/* CORE */

main { width:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
section { width:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.sec-wrap { width:100%; max-width: 1440px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.sec-content { width:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }

/* FOOTER */

footer { width:100%; padding: 50px 20px 50px 20px;  display: flex; justify-content: center; align-items: center; flex-direction: column; }
footer .footer-wrap {  width:100%; max-width: 800px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
footer .sec-content { width:100%; display: flex; justify-content: center; align-items: center; flex-direction: row; }
footer .sec-content .footer-links { width:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
footer .sec-content .footer-links nav { width:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
footer .sec-content .footer-links nav ul { display: flex; justify-content: center; align-items: center; flex-direction: row; }
footer .sec-content .footer-links nav ul li { padding:0 10px; border-right: 1px solid white; }
footer .sec-content .footer-links nav ul li a { display: block; color:white; font-size: 0.9rem; }
footer .sec-content .footer-links nav ul li a:hover { text-decoration: underline; }
footer .sec-content .footer-links nav ul li:last-child { border-right: none; }

@media (max-width: 748px) {
    footer { width:100%; padding: 30px 20px 30px 20px; }
}

/* ==============================
/* SEC - GENERIC HERO */
 
.sec-generic-hero { padding: 0 20px 50px 20px; }
.sec-generic-hero h1 { color:white; font-size: 1.6rem; }

@media (max-width: 748px) {
    .sec-generic-hero h1 { font-size: 1rem; }
}

/* ==============================
/* SEC - GENERIC TEXT */

.sec-generic-text { background:white; padding: 50px 30px 50px 30px; }
.sec-generic-text .sec-wrap { max-width: 1280px; }
.sec-generic-text .sec-wrap .body-wrap { width: 100%; background:white; border-radius: 10px; padding: 40px; display: flex; justify-content: center; align-items: center; flex-direction: column;  }
.sec-generic-text .sec-wrap .body-wrap .title { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
.sec-generic-text .sec-wrap .body-wrap .title.center { justify-content: center; align-items: center; }
.sec-generic-text .sec-wrap .body-wrap .title a.back { margin: 0 0 20px 0; color:black; font-size: 1rem; font-weight: 600; }
.sec-generic-text .sec-wrap .body-wrap .title h1 { font-size: 1.6rem; color: black; }
.sec-generic-text .sec-wrap .body-wrap .text { width: 100%; margin: 30px 0 0 0; }
.sec-generic-text .sec-wrap .body-wrap .text.center { justify-content: center; align-items: center; }
.sec-generic-text .sec-wrap .body-wrap .text h2 { margin: 0 0 20px 0; color: black; font-size: 1.2rem; line-height: 30px; }
.sec-generic-text .sec-wrap .body-wrap .text h2 a { color:black; }
.sec-generic-text .sec-wrap .body-wrap .text p { margin: 0 0 20px 0; color:black; font-size: 0.9rem; line-height: 22px; }
.sec-generic-text .sec-wrap .body-wrap .text p a { color:black; }
.sec-generic-text .sec-wrap .body-wrap .text ul { width: 100%; margin: 0 0 20px 0; padding: 0 0 0 10px; }
.sec-generic-text .sec-wrap .body-wrap .text ul li { margin: 0 0 10px 0; color:black; font-size: 0.9rem; line-height: 22px; }
.sec-generic-text .sec-wrap .body-wrap .text ul li:last-child { margin: 0 0 0 0; }

@media (max-width: 748px) {
    .sec-generic-text { background:white; padding: 15px 10px; }
    .sec-generic-text .sec-wrap .body-wrap { padding: 15px 10px; }
    .sec-generic-text .sec-wrap .body-wrap .title h1 { font-size: 1.2rem; }
    .sec-generic-text .sec-wrap .body-wrap .text h2 { font-size: 0.9rem; }
    .sec-generic-text .sec-wrap .body-wrap .text p { font-size: 0.8rem; }
}

/* ==============================
/* SEC - SIGNIN FORM */

.sec-signin-form { padding: 0 20px 0 20px; }
.sec-signin-form .sec-wrap { max-width: 600px; }
.sec-signin-form .sec-wrap .form-wrap { width: 100%; background:white; border-radius: 10px; padding: 40px 30px; }

@media (max-width: 748px) {
    .sec-signin-form { padding: 0 0 0 0; }
    .sec-signin-form .sec-wrap .form-wrap { border-radius: 0; padding: 30px 30px; }
}

/* ==============================
/* SEC - SIGNIN FORM */

.sec-apps { padding: 0 20px 0 20px; }
.sec-apps .sec-wrap { max-width: 800px; }
.sec-apps .sec-wrap .body-wrap { width: 100%; background:white; border-radius: 10px; padding: 30px 30px; }
.sec-apps .sec-wrap .heading { width: 100%; padding: 0 0 30px 0; border-bottom:1px solid #eaeaea; display: flex; justify-content: space-between; align-items: center; flex-direction: row; }
.sec-apps .sec-wrap .heading h2 { font-size: 1rem; }
.sec-apps .sec-wrap .heading h2 span { font-weight: bold; }
.sec-apps .sec-wrap .heading a { font-size: 1rem; font-weight: bold; }
.sec-apps .sec-wrap .heading a i { margin: 0 5px 0 0; }
.sec-apps .sec-wrap .title { width: 100%; margin: 30px 0 0 0; text-align: center; }
.sec-apps .sec-wrap .title h3 { font-size: 1.2rem; }
.sec-apps .sec-wrap .selector { width: 100%; margin: 20px 0 0 0; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.sec-apps .sec-wrap .selector .list { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: row; flex-wrap: wrap; }
.sec-apps .sec-wrap .selector .item { width:33.33%; padding:20px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.sec-apps .sec-wrap .selector .card { width: 100%; padding: 20px; background:white; border:1px dashed #ccc; border-radius: 10px; display: flex; justify-content: center; align-items: center; flex-direction: column;  }
.sec-apps .sec-wrap .selector .card a { text-align: center;  display: flex; justify-content: center; align-items: center; flex-direction: column; }
.sec-apps .sec-wrap .selector .card a span.a { font-size: 1.6rem; background: black; padding: 20px; color: white; border-radius: 10px; }
.sec-apps .sec-wrap .selector .card a span.b { margin: 10px 0 0 0; font-size: 1rem; font-weight: bold; color: black; }
.sec-apps .sec-wrap .selector .card a span.c { margin: 10px 0 0 0; font-size: 0.8rem; color: #515151; line-height: 140%; }

@media (max-width: 748px) {
    .sec-apps { padding: 0; }
    .sec-apps .sec-wrap .body-wrap { border-radius: 0; padding: 20px 10px; }
    .sec-apps .sec-wrap .heading { padding: 0 10px 20px 10px; }
    .sec-apps .sec-wrap .heading h2 { font-size: 0.9rem; }
    .sec-apps .sec-wrap .heading a { font-size: 0.9rem;  }
    .sec-apps .sec-wrap .title h3 { font-size: 1rem; }
    .sec-apps .sec-wrap .selector .list { flex-direction: column; }
    .sec-apps .sec-wrap .selector .item { width:100%; padding:10px; }
}

/* ==============================
/* GLOBAL - FORM */

.global-form { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.global-form form { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.global-form .field-row { width: 100%; padding: 0 0 15px 0; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.global-form .field-row label { width: 100%; padding: 0 0 15px 0; font-size: 1rem; color:#000; font-weight: bold; }
.global-form .field-row input { width: 100%; padding: 10px 16px; border-radius: 5px; border: 1px solid #C1C1C1; font-size: 1rem; color:#3A3A3A; }
.global-form .field-row textarea { width: 100%; padding: 10px 16px; border-radius: 5px; border: 1px solid #C1C1C1; font-size: 1rem; color:#3A3A3A; }
.global-form .field-row select { width: 100%; padding: 10px 16px; border-radius: 5px; border: 1px solid #C1C1C1; font-size: 1rem; color:#3A3A3A; }
.global-form .field-row p { width: 100%; font-size: 1rem; color:#575757; line-height: 18px; }
.global-form .field-row p a { color: black; font-weight: bold; }
.global-form .field-controls { width: 100%; padding: 0 0 15px 0; display: flex; justify-content: center; align-items: center; flex-direction: column;  }
.global-form .field-controls button { width: 100%; padding:20px 0; border:none; border-radius: 5px; }
.global-form .field-controls button span { width: 100%; color: white; font-size: 1rem; text-transform: uppercase; font-weight: bold; }
.global-form .field-controls .loading { width: 100%; padding: 20px 15px; font-size: 1rem; border-radius: 5px; text-align: center; background:#d7d7d7; color: #6c6c6c; }
.global-form .field-controls .loading i { margin: 0 5px 0 0; }
.global-form .field-footer { width: 100%; border-top: 1px dashed #b5b5b5; padding: 20px 0 0 0; }
.global-form .field-footer p { width: 100%; font-size: 0.9rem; color:#575757; line-height: 18px; }
.global-form .field-footer p a { color: black; font-weight: bold; }
.global-form .field-alert { width: 100%; }
.global-form .field-alert .error { width: 100%; padding: 14px 12px; margin: 0 0 20px 0; color: #ffe1e1; font-size: 0.9rem; background: #d9534f; border-radius: 5px; text-align:center; }
.global-form .field-alert .error p { width: 100%; color:#ffe1e1; padding: 3px 0; line-height: 14px; }

.global-form .field-alert .success { width: 100%; padding: 14px 12px; margin: 0 0 20px 0; color: #02710e; font-size: 0.9rem; background: #a9ffa9; border-radius: 5px; text-align:center; }
.global-form .field-alert .success p { width: 100%; color:#02710e; padding: 3px 0; line-height: 14px; }

.global-form .success-message { width: 100%; padding: 40px 20px; text-align: center; background: #a9ffa9; color:#02710e; font-size: 0.9rem; border-radius: 10px; }