/*
Theme Name: Fight For A Union (v1 full launch)
Theme URI: https://mrss.com
Author: M+R
Author URI: https://mrss.com
Description: Fight For A Union
*/

@font-face {
    font-family: 'DM Mono';
    src: url('fonts/DMMono-Regular.eot');
    src: url('fonts/DMMono-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/DMMono-Regular.woff2') format('woff2'),
        url('fonts/DMMono-Regular.woff') format('woff'),
        url('fonts/DMMono-Regular.svg#DMMono-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aurochs';
    src: url('fonts/Aurochs-Heavy.eot');
    src: url('fonts/Aurochs-Heavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/Aurochs-Heavy.woff2') format('woff2'),
        url('fonts/Aurochs-Heavy.woff') format('woff'),
        url('fonts/Aurochs-Heavy.svg#Aurochs-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aurochs';
    src: url('fonts/AurochsRegular.eot');
    src: url('fonts/AurochsRegular.eot?#iefix') format('embedded-opentype'),
        url('fonts/AurochsRegular.woff2') format('woff2'),
        url('fonts/AurochsRegular.woff') format('woff'),
        url('fonts/AurochsRegular.svg#AurochsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Pressura Mono';
    src: url('fonts/GTPressuraMono.eot');
    src: url('fonts/GTPressuraMono.eot?#iefix') format('embedded-opentype'),
        url('fonts/GTPressuraMono.woff2') format('woff2'),
        url('fonts/GTPressuraMono.woff') format('woff'),
        url('fonts/GTPressuraMono.svg#GTPressuraMono') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro-Regular.eot');
    src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('fonts/MyriadPro-Regular.woff') format('woff'),
        url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
*, *::before, *::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}
input, button, textarea, select {
  font: inherit;
}
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}
/* End reset */

.front-page p {
    margin-block-start: 1em;
    margin-block-end: 1em;

}
.front-page h1 {
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
}

p + h2 {
    margin-top: 2rem;
}
p + figure.wp-block-image {
    margin-top: 2rem;
}
p + .wp-block-buttons {
    margin-top: 3rem;
}
p {
    line-height: 1.3;
}
p + p {
    margin-top: 1rem;
}

html {
    margin-top: 0 !important;
}
div#header,
div#header + hr {
    display: none;
}

body {
    font-family: 'DM Mono', monospace;
    color: #F8F8EC;
    font-size: 25px;
    background: rgb(239, 65, 30);
    margin: 0;
}

.header {
    background-image: linear-gradient(to right, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url('/wp-content/uploads/2024/04/HEADER_cropped.jpg');
    background-position-x: 80%;
    background-position-y: 40%;
    min-height: 300px;
    background-size: cover;
}

.header > div {
    display: flex;
    justify-content: space-between;
    padding: 2rem;
}

.header .nav,
header .nav,
footer .nav,
.modal .nav {
    display: flex;
    align-items: center;
    column-gap: 2rem;
}
.header .nav img,
footer .nav img,
.modal .nav img {
    height: 1.5rem;
}
.header a,
.nav a,
.modal a {
    color: #F8F8EC;
    font-size: 2rem;
    font-family: 'Aurochs', monospace;
    text-decoration: none;
    font-weight: bold;
}

a.btn {
    background: rgb(239, 65, 30);
    color: #F8F8EC;
    border-radius: 10px;
    padding: .25rem 2rem;
    font-size: 1.7rem;
}
.wp-block-button {
    margin-top: 5rem;
}
a.wp-block-button__link.wp-element-button {
    background: #F8F8EC;
    color: black;
    border-radius: 10px;
    padding: .5rem 2rem;
    font-size: 1.7rem;
    font-family: 'Aurochs', monospace;
    text-decoration: none;
    font-weight: bold;
}
.container.page {
    color: black;
}

.container {
    max-width: 800px;
    margin: 0 auto;
}
.container a {
    color: #F8F8EC;
}
img.primary-image {
    width: 800px;
    max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Aurochs', monospace;
    text-align: center;
}
h1 {
    font-size: 6.8rem;
    line-height: 1;
}
.container.page {
    padding-top: 4rem;
}
.page-id-35 .container.page {
	min-height: 80vh;
}
.container.page > h1:first-child,
.container.page > h2:first-child {                     
    margin-top: 0;
}
.container.page h1 {
    font-size: 9rem;
    letter-spacing: 0.03em;
    line-height: 0.9;
}
.light {
    font-weight: 100;
}
.text-black {color: black;}
.text-white {
    color: #F8F8EC;
}
.text-stretch {
    transform: scaleX(1.25);
    display: inline-block;
    padding-left: .2em;
    padding-right: .3em;
}
h1 small {
    font-size: 68%;
    display: block;
    font-weight: 100;
}
.container.page h1 small {
    font-size: 40%;
    letter-spacing: 0.015em;
}
h2 {
    font-weight: 100;
}
h2.wp-block-heading {
   text-align: left;
}
.underline {
    border-bottom: 10px solid black;
}
.underline.has-text-stretch {
    display: inline-block;
    padding-bottom: .7rem;
    margin-left: -1rem;
    padding-left: 1rem;
}
footer.page {
    padding: 2rem;
    background: black;
    margin: 5rem 0 0;
}
footer.page .container {
    max-width: unset;
}
footer .footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 2rem;
}
footer .footer > div {
    display: flex;
    column-gap: 2rem;
    flex: 0 0 50%;
}
footer.page .footer > div {
    display: block;
    margin-top: 0;    
}
footer.page .footer > div div {
    margin-bottom: 2rem;
}
footer.page .footer-nav {
    display: flex;
    column-gap: 2rem;
    justify-content: flex-end;
}

footer .footer > div:last-child {
    justify-content: flex-end;
}
footer .footer .nav {
    justify-content: flex-end;
}
footer .footer img.logo {
    width: 165px;
}

footer.page .disclaimer {
    margin-top: 4rem;
}
footer .footer p {
    font-family: 'Myriad Pro', monospace;
    font-size: 14px;
    margin: 0;
}
footer .footer a {
    text-decoration: none;
    color: currentColor;
}

.center {
    text-align: center;
}

footer {
    margin: 5rem auto;
}
.disclaimer {
    font-size: 14px;
    font-family: 'Myriad Pro', monospace;
    border: 2px solid currentColor;
    padding: .5rem 1rem;
}

.container .ngp-form {
    margin-top: 2rem;
}
.ngp-form * {
    font-family: 'GT Pressura Mono', monospace !important;
}


body .iti__country-list {
    background: black;
    font-family: 'Myriad Pro', monospace !important;
    font-size: 1rem !important;
}
body .intl-phone-MobilePhone {
    padding-left: 3rem;
}

header.at-title {
    display: none;
}

section.at-inner {
    background-color: transparent;
}

legend.at-legend {
    display: none;
}

.container .at-submit.btn-at {
    background: #F8F8EC;
    color: black;
    font-family: 'Aurochs', monospace !important;
    font-weight: bold;
    border-radius: 10px;
    padding: .5rem 2rem;
    font-size: 1.7rem;
}

.container.two-columns {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    column-gap: 6rem;
    justify-content: space-between;
}
.two-columns .column {
    flex: 1 0 50%;
}
.two-columns .column:first-child {
    flex-shrink: 1;
}
.two-columns .column img {
    max-width: 100%;
}
.two-columns .column > img:first-child {    
    margin-top: -3rem;
}
.image-stack {
    max-width: 100%;
}

.container.page.two-columns.two-columns-30-60 > .column:first-child {flex: 0 0 30%;}

.image-stack {
    position: relative;
    min-height: 350px;
    margin-top: 7rem;
}
.image-stack + .image-stack {
    margin-top: 38rem;
}
.image-stack img {
    max-width: 100%;
    position: absolute;
}
.image-stack-front {
    z-index: 2;
}
.image-stack-back {
    z-index: 1;
}
.image-stack-big {
    width: 88%;
    max-height: 85%;
    object-fit: cover;
}
.image-stack-small {
    width: 55%;
}
.image-stack-top {
    top: 0;
}
.image-stack-bottom {
    bottom: 0;
}
.image-stack-left {
    left: 0;
}
.image-stack-right {
    right: 0;
}

.header .mobile-toggle {
    display: none;
}
.mobile-nav {
    display: none;
}
@media only screen and (max-width: 780px) {
    .mobile-nav:not(.hidden) {
        display: flex;
    }
    .mobile-nav {
        background: black;
        padding: 2rem 2rem 3rem;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 2rem;
    }
    .mobile-nav a.btn {
        margin-top: -0.2em;
    }
    
    .header .nav {
        display: none;
    }
    .header {
        min-height: 200px;
    }
    .header img.logo {
        width: 200px;
    }
    .header .mobile-toggle {
        display: block;
    }
    .container.page h1 {
        font-size: 3.9rem;
    }
    .container.page h1 small {
        margin-bottom: 0;
    }
    h1 small {
        margin-bottom: .5em;        
    }
    .container.two-columns {
        display: block;
    }

    footer .footer,
    footer.page .footer-nav,    
    footer .footer > div {
        display: block;
        text-align: center;
    }
    footer .footer .nav {
        justify-content: center;
    }
    
    footer .footer img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    footer .footer p {
        margin-top: 1rem;
    }

    
}
@media only screen and (max-width: 1200px) {
    .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .container.two-columns.two-columns-xl {
        display: block;
    }
    .image-stack {
        max-width: 450px;
        margin: 0 auto;
    }
    .image-stack + .image-stack {
        margin-top: 2rem;
    }
}


.container .at input[type=text],
.container .at input[type=password],
.container .at input[type=date],
.container .at input[type=datetime],
.container .at input[type=datetime-local],
.container .at input[type=month],
.container .at input[type=week],
.container .at input[type=email],
.container .at input[type=number],
.container .at input[type=search],
.container .at input[type=tel],
.container .at input[type=time],
.container .at input[type=url],
.container .at input[type=color],
.container .at textarea {
    background: black;
    border: none;
    font-size: 1.5rem !important;
    height: auto;
    padding: .5rem .75rem;
    font-family: 'GT Pressura Mono', monospace !important;
    color: #F8F8EC !important;
    letter-spacing: initial;
}
.container .at input[type=text]:focus,
.container .at input[type=password]:focus,
.container .at input[type=date]:focus,
.container .at input[type=datetime]:focus,
.container .at input[type=datetime-local]:focus,
.container .at input[type=month]:focus,
.container .at input[type=week]:focus,
.container .at input[type=email]:focus,
.container .at input[type=number]:focus,
.container .at input[type=search]:focus,
.container .at input[type=tel]:focus,
.container .at input[type=time]:focus,
.container .at input[type=url]:focus,
.container .at input[type=color]:focus,
.container .at textarea:focus {
    background: black;
}

.container .at .error small.error {
    color: black;
}

.container label.at-text {
    color: black;
}

.container .at span.text {
    color: #F8F8EC;
}
.container .at .SmsLegalDisclaimer {
    color: black;
}
.container .at .FooterHtml {
    display: none;
}

.ngp-form form {
}
.ngp-form.at .at-fieldset {
    padding-top: 0;
    padding-bottom: 0;
}
.UpdateMyProfile {
    display: none!important;
}
fieldset.NameEmail {
    margin-bottom: -1rem !important; /* tighten the form fields to account for the invisible label text nodes */
}
fieldset.NameEmail .at-fields {
    display: flex;
}

.NameEmail .at-row:not(.FirstName):not(.EmailAddress) {
    display: none;
}


fieldset.ZipMobile .at-fields {
    display: flex;
}
@media screen and (max-width: 780px) {
	.FirstName, .PostalCode {
		margin-bottom: -0.5rem !important;
	}
}
.ZipMobile .at-row:not(.PostalCode):not(.MobilePhone) {
    display: none;
}

.ngp-form form {
    grid-template-areas:
        "top top top"
        "bottom bottom corner"
        "footer footer footer"
        "subfooter subfooter subfooter";
    display: grid;
    grid-template-columns: 2fr 2fr 1fr;
    align-items: center;
}

.NameEmail {
    grid-area: top;
}
.ZipMobile {
    grid-area: bottom;
}
.ContactInformation {
    grid-area: footer;
}
.at-form-submit {
    grid-area: corner;
}
.FastAction.at-markup {
    grid-area: subfooter;
    margin-top: 1rem;
}

.FastAction.at-markup .fastAction {
    background-color: transparent;
}
.FastAction.at-markup .fastAction p,
.FastAction.at-markup .fastAction a {
    color: #000;
}
.FastAction.at-markup .fastAction a {
    text-decoration: underline;
}
.FastAction.at-markup .fastAction .profile-link {
    background-color: white;
}


div[data-name="undefined"] {
    display: none;
}
.at .clearfix::before {
    display: none;
}
.at .clearfix::after {
    display: none;
}

@media screen and (max-width: 780px) {
    .ngp-form form,
    .ngp-form form fieldset .at-fields {
        display: block;
    }
    .ngp-form.at .at-fieldset + .at-fieldset {
        padding-top: 0;
        padding-bottom: 0;
    }
    .container .at-form-submit {
        display: flex;
        justify-content: center;
    }
    .container .at-submit.btn-at {
        width: 75%;
    }
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    position: relative;
    background-color: rgb(239, 65, 30);
    margin: 15% auto; /* 15% from the top and centered */
    padding: 4rem;
    width: 1000px;
    max-width: 80%;
    display: flex;
    column-gap: 3rem;
    align-items: center;
}
.modal-content > div {
    flex: 0 0 50%;
}
.modal-content .column img {
    padding: 3rem;
}
.modal h1 {
    font-size: 6rem;
    text-align: left;
    line-height: 0.8;
    margin-bottom: 1rem;
}
.modal h1 {
    margin-left: .1em;
}
.modal h1 small {
    margin-left: -.2em;
}
.modal p {
    color: black;
    font-size: 1rem;
}
@media screen and (max-width: 780px) {
    .modal-content {
        flex-direction: column-reverse;
		padding: 2rem 1.3rem;
    }
    .modal-content .column img {
        padding: 0;
    }
	.modal h1 {
		font-size: 4.7rem;
	}
}
/* The Close Button */
.close {
    position: absolute;
    top: -25px;
    right: -25px;
    transform: rotate(3deg);
    max-width: 75px;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

h1 {}

.container.page h1.page-title {
    font-size: 4rem;
    text-align: left;
    margin-left: 5rem;
}

.container.page.container-wide {
    max-width: 1200px;
}

.at-row.at-row-full.PostalCode {
    max-width: 250px;
}

@media screen and (max-width: 780px) {
	.container.page h1.page-title {
		margin-left: 0;
	}
	.ngp-form form {
		margin-bottom: 2rem;
	}
	.two-columns .column:first-child {
		margin-bottom: 2rem;
	}
	.ngp-form form {
    display: flex !important;
    flex-direction: column;
}
.at-row.at-row-full.PostalCode {
  max-width: unset;
	}
fieldset.NameEmail {
    order: 1;
}
fieldset.ZipMobile {
    order: 2;
}
.at-form-submit {
    order: 3;
    width: 100%;
}
fieldset.ContactInformation {
    order: 4;
}

}

.container.two-columns p + p {
    margin-top: 2rem;
}


.container .at-submit.btn-at:hover {
    background: black;
    color: #F8F8EC;
}

.hidden-desktop {
	display: none !important;
}
@media screen and (max-width: 780px) {
	.hidden-desktop {
		display: block !important;
	}
	.hidden-mobile {
		display: none !important;
	}
}

.hidden-md-desktop {
	display: none !important;
}
@media screen and (max-width: 1200px) {
	.hidden-md-desktop {
		display: block !important;
	}
	.hidden-md-mobile {
		display: none !important;
	}
}

span.form-label {
    font-family: Aurochs, monospace !important;
    font-size: 2rem;
    color: #f8f8ec;
    position: absolute;
    top: 1.4rem;
    left: .5rem;
    transition: all .3s ease;
}
input:focus ~ span.form-label,
input:not(:placeholder-shown) ~ span.form-label {
    top: 0;
    left: 0;
    font-size: 1.1rem;
}
/*.MobilePhone span.form-label {
    top: 0;
}*/
.MobilePhone .iti {
    position: static;
}

/*.MobilePhone input:focus + span.form-label,
.MobilePhone input:not(:placeholder-shown) + span.form-label {
    top: -1.2em;
}*/

.at-row {
    position: relative;
}

.ngp-form input::placeholder {
    opacity: 0;
    /*visibility: hidden;*/
}

.container .ngp-form label.at-text,
.container .ngp-form.at label.error {
    color: transparent;
}

.iti__flag-container {
    display: none;
}

.container .at label.error {
	color: black;
}

.at .error select:focus, .at .error textarea:focus, .at .error input[type=text]:focus, .at .error input[type=password]:focus, .at .error input[type=date]:focus, .at .error input[type=datetime]:focus, .at .error input[type=datetime-local]:focus, .at .error input[type=month]:focus, .at .error input[type=week]:focus, .at .error input[type=email]:focus, .at .error input[type=number]:focus, .at .error input[type=search]:focus, .at .error input[type=tel]:focus, .at .error input[type=time]:focus, .at .error input[type=url]:focus, .at .error input[type=color]:focus, textarea.at .error input:focus {
	    color: #ee411f !important;
}

@media screen and (min-width: 1201px) {
	div.at-row.at-row-full.MobilePhone {
      max-width: 360px;
  }
}

#fastaction-signup, section#fastaction-signup.is-active.fastaction-modal,
#fastaction-login, section#fastaction-login.is-active.fastaction-modal,
#fastaction-signup-hustle {
	display: none !important;
}
html.has-overlay {
    overflow-y: auto;
}
html.has-overlay > body {
    overflow-y: hidden;
}
html:has(#thank-you.modal[style*="display: block"]) {
    overflow-y: hidden;
}

.only-mobile {
    display: none;
}

.only-desktop {
    display: block;
}

.social-fb {
    background: url('images/FB.png') no-repeat center center;
    background-size: contain;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    height: 1.5rem;
    width: 1.5rem;
}
.social-tw {
    background: url('images/X%20TW.png') no-repeat center center;
    background-size: contain;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    height: 1.5rem;
    width: 1.5rem;
}
.social-ig {
    background: url('images/IG.png') no-repeat center center;
    background-size: contain;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    height: 1.5rem;
    width: 1.5rem;
}
.social-tt {
    background: url('images/tktk.png') no-repeat center center;
    background-size: contain;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    height: 1.5rem;
    width: 1.5rem;
}
header .nav {
    position: absolute;
    top: 2.5rem;
    right: 1.5rem;
}

@media screen and (max-width: 780px) {
    .only-mobile {
        display: block;
    }
    .only-desktop {
        display: none;
    }
    header .nav {
        display: none;
        position: relative;
        top: auto;
        right: auto;
    }
    header .nav:not(.hidden) {
        display: flex;
    }
    header .nav {
        background: black;
        padding: 2rem 2rem 3rem;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 2rem;
    }
    header .nav a.btn {
        margin-top: -0.2em;
    }
}