/*
 Theme Name:   MAA WV LP 2
 Theme URI:    https://wordpress.org/themes/twentyninteen/
 Description:  Custom theme built for MAA WV LP2
 Author:       
 Template:     twentynineteen
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  maa-wv-lp2
*/




/* ========= COLOR REFERENCES ========= */
:root {
    --fontcolor: #505050;
    --alertcolor: #eee45b;
    --successcolor: rgb(72, 196, 55);
    --failcolor: rgb(211, 54, 54);
    --darkgrey: #505050;
    --blue: #264b90;
    --yellow: #fff798;
    --darkyellow: #EACF03;
    --bordercolor: #DDD;
}

/* ==================================== */


/* ------------------------------ 
    Backgrounds and colors
------------------------------ */
.f-blue {
    color: var(--blue);
}

.f-yellow {
    color: var(--yellow);
}

.f-darkgrey {
    color: var(--darkgrey);
}

.bg-yellow {
    background-color: var(--yellow);
}

.bg-blue {
    background-color: var(--blue);
}

/* ------------------------------ 
    Typography
------------------------------ */
.proximanovacondensedreg {
    font-family: proxima-nova-condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.prohibition {
    font-family: prohibition, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.fw-400 {
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 5px 0 10px;
}

h1 {
    font-size: 5.375em;
    font-family: prohibition, sans-serif;
    line-height: 1;
}

h2 {
    font-size: 4.5em;
    font-family: prohibition, sans-serif;
}

h3 {
    font-size: 2.375em;
    font-family: prohibition, sans-serif;
    text-transform: uppercase;
}

h4 {
    font-size: 2.18em;
    font-weight: 700;
}

p {
    font-size: 1.43em;
    font-weight: 600;
    margin: 0 0 10px;
    line-height: 1.5;
}

.tagline {
    font-family: proxima-nova-condensed, sans-serif;
    font-weight: 700;
    font-size: 3.25em;
    text-transform: uppercase;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}


/* ------------------------------ 
    Global Elements
------------------------------ */
@-ms-viewport {
    width: device-width;
}

html {
    font-size: 16px;
    overflow-x: hidden;
}

body {
    font-family: proxima-nova-condensed, sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    color: var(--darkgrey);
}

header {
    position: absolute;
    z-index: 3;
    width: 100%;
    top: 0;
    left: 0;
}

footer .logo {
    width: 150px;
}

section {
    position: relative;
}

img {
    width: 100%;
}

a,
.anchor-theme {
    text-decoration: none !important;
    transition: none;
    color: white;
    border: none;
    background: none;
}

a:hover,
a:focus,
.anchor-theme:hover,
.anchor-theme:focus {
    color: var(--darkgrey);
    font-weight: 700;
}


/* ------------------------------ 
    Main Content
------------------------------ */
.cta-btn {
    color: var(--darkgrey);
    text-transform: uppercase;
    font-family: prohibition, sans-serif;
    font-size: 2.625em;
    padding: 10px;
}

.logo {
    width: 103px;
    height: auto;
}

.hero-section {
    background-image: url('/wp-content/uploads/sites/422/2022/08/hero_bkg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 150px;
}

.brushstrokes-bg-container {
    position: relative;
}

.hero-section .brush-strokes {
    transform: rotate(-10deg);
}

.hero-section .overlapping-img {
    position: absolute;
    z-index: 1;
    width: 85%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -61%);
}

.section-1 .brushstrokes-bg-container {
    min-height: 270px;
}

.section-1 .overlapping-img {
    position: absolute;
    z-index: 2;
    bottom: 0;
}

.section-1 .brush-strokes {
    position: absolute;
    transform: rotate(100deg);
    z-index: -1;
    bottom: -150px;
    width: 73%;
    left: 12%;
}

.divider {
    height: 10px;
    background-color: var(--blue);
}



/* ------------------------------ 
    Form Styling
------------------------------ */

.gform_confirmation_message {
    margin-bottom: 15px !important;
    text-align: center;
}

.ginput_container input {
    text-transform: uppercase;
    font-size: 17px;
    border: 1px solid var(--darkgrey);
}

.ginput_container input:focus,
.ginput_container input:active {
    outline: none;
    border: 1px solid var(--bordercolor);
}

.gform_button {
    color: var(--darkgrey);
    background-color: var(--yellow);
    text-transform: uppercase;
    font-family: prohibition, sans-serif;
    font-size: 2.625em;
    border: none;
    padding: 0 30px;
    transition: background-color 200ms linear;
}

.gform_button:hover {
    background-color: var(--darkyellow);
}

.gform_wrapper.gravity-theme .gform_footer {
    justify-content: flex-end;
}


/* ------------------------------ 
    Privacy Policy
------------------------------ */

.page-template-page-privacypolicy header {
    display: none;
}

.page-template-page-privacypolicy .main-content {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0px;
    padding: 10px;
    background-color: white;
}

.privacy-policy-link {
    color: #fff;
}

.privacy-policy-link:hover,
.privacy-policy-link:active,
.privacy-policy-link:focus {
    color: white;
    font-weight: 700;
}