/* FOOTER */
footer{
    background:#000;
    color:#ffffff;
    display:flex;
    font-size:14px;
    font-family: 'aktiv-grotesk';
    flex-direction:column;
    width:100%;
    margin-top: 0px !important;
    padding: 0 2rem;
    padding-bottom: 2rem;
    /* position: absolute; */
    z-index: 1;
}

footer .text-yellow{
    color:#E9E600;
}

footer h2{
    font-size:16px;
}

footer h3{
    color:#fff;
    font-family: 'aktiv-grotesk';
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: 0.15em;
    margin:1em 0;
}

footer h4{
    color:#fff;
    letter-spacing: 0.05em;
    margin:0;
}

footer a:link,
footer a:active,
footer a:visited{
    color:#BEBEBE;
    transition:250ms color;
}

footer p{
    letter-spacing: 0.08em;
    margin-bottom:0.5em;
}

footer .footer-v2 {
    padding:4em 0;
    color: white;
    position: relative;
    z-index: 1;
}

footer .footer-wrapper{
    display:flex;
    flex-direction:row;
    font-weight:300;
    margin: 0 auto;
    max-width:1700px;
    padding:2px 0 0;
    width:100%;
}

footer .footer-wrapper .half{
    min-height:80px;
    width:50%;
}

footer .footer-wrapper .half#info{
    display: flex;
    width: 70%;
}


footer .footer-wrapper .half#info .column p{
    font-family: 'aktiv-grotesk';
}

footer .footer-wrapper .half .column{
    width:32%;
}

/* ============================== 
BUY/SOCIAL COLUMN
============================== */
footer .footer-wrapper .half .column#buy-social{
    display: flex;
    flex-direction:column;
    justify-content:space-between;
}

footer .footer-wrapper .half#signup{
    display: flex;
    justify-content: flex-end;
    width: 30%;
}

footer .footer-wrapper .half .double-column{
    display: flex;
    flex-direction: column;
    height:100%;
    width:80%;
}

footer .footer-wrapper .half .double-column .callout h3{
    position: relative;
    text-transform:uppercase;
    width:100%;
}

footer .footer-wrapper .half .double-column .callout h2{
    font-family: 'aktiv-grotesk';
    letter-spacing:0.03em;
    line-height:1.4em;
    margin-bottom:1em;
    font-weight: 300;
}

footer .footer-wrapper #social-buttons .social{
    display: flex;
}

footer .footer-wrapper #social-buttons a{
    display: block;
    height:20px;
    margin-right:15px;
    width:20px;
}

footer .footer-wrapper #social-buttons a .social-svg{
    height:120%;
    width:120%;
}

footer .footer-wrapper #social-buttons a .social-svg .circle{
    transition:250ms transform;
    transform-origin: 50%;
}

.no-touchevents footer .footer-wrapper #social-buttons a:hover .social-svg .circle{
    transform:scale(0.85);
}


/* ============================== 
EMAIL
============================== */

footer .footer-wrapper .half .double-column .email .footer-input-container{
    border:1px solid #555555;
    font-family: 'aktiv-grotesk';
    border-radius: 2px;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0.05em;
    width:100%;
    background: #1E1E1E;
    margin-bottom: 1.5rem;
    align-items: center;
    display: flex;
    position: relative;
}

footer input::placeholder{
    color: #858585 !important;
}

footer .footer-wrapper .half .double-column .email form input#email-field{
    background:none;
    border:none;
    color:white;
    letter-spacing: 0.08em;
    outline:none;
    width:calc(100% - 15px);
    padding: 10px .5rem;
}

footer .footer-wrapper .half .double-column .email form input#email-field:focus, footer .location .locale-selector:focus, footer .footer-wrapper .half .double-column .email form input#submit-btn:focus{
    outline: 1px !important;
    border: 1px solid white !important;
}

footer .email form #email-field.lock{
    pointer-events:none;
}

footer .footer-wrapper .half .double-column .email form input#submit-btn{
    padding: 0.75rem 1.25rem 0.55rem 1.25rem;
    color: black;
    background: #E9E600;
    border: 1px solid transparent;
    border-radius: 2px;
    font-weight: 600;
    letter-spacing: 1px;
}

footer .footer-wrapper .half .double-column .email form input#submit-btn.lock{
    pointer-events:none;
}

footer .footer-wrapper .half .double-column .email form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}

footer .footer-wrapper .half .double-column .email form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

footer .footer-wrapper .half .double-column .email form input::-ms-input-placeholder { /* Microsoft Edge */
  color: white;
}

footer .footer-wrapper .half .double-column {
    margin-bottom: 1rem;
}

/* ============================== 
LEGAL
============================== */
footer .location{
    display: flex;
}

footer .location .locale-wrapper.lang{
    margin-left:12px;
}

footer .location form{
    align-items:center;
    display: flex;
}

footer .location form select::-ms-expand {
    display: none;
}

footer .location label{
    color:#BEBEBE;
    font-family: 'aktiv-grotesk';
    font-size:10px;
    letter-spacing:0.1em;
    margin-right:0.5em;
    text-transform: uppercase;
    transform:translateY(2px);
}

footer .location .locale-wrapper{
    overflow:hidden;
    position: relative;
}

footer .location .locale-wrapper .select-wrapper {
    background:#1E1E1E;
    border:1px solid #555555;
    border-radius: 2px;
    cursor:pointer;
    display: inline-block;
    overflow:hidden;
    padding:0;
}

footer .location .locale-wrapper .select-wrapper:before,
footer .location .locale-wrapper .select-wrapper:after {
    content:none;
}

footer .location .locale-selector {
    background:transparent;
    border:1px solid transparent;
    bottom:auto;
    box-sizing:border-box;
    color:#C8C8C8;
    cursor:pointer;
    display: block;
    font-family: 'aktiv-grotesk';
    font-size:12px;
    height:28px;
    left:auto;
    letter-spacing:0.08em;
    line-height:1.4;
    outline:none;
    padding:6px 12px;
    position: relative;
    right:auto;
    top:auto;
    width:100%;
    z-index:0;
    font-weight: 500;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

footer #newsletter label {
    color: white !important;
}

footer select {
    color:black;
}

footer .footer-v2,
footer .legal {
    background:#000;
    z-index: 1;
}


footer .legal {
    align-items:center;
    border-top:1px solid #333;
    color:#878787;
    justify-content:space-between;
    display: flex;
    flex-direction: row;
    font-weight: 300;
    margin: 0 auto;
    max-width: 1700px;
    padding: 10px 0;
    width: 100%;
}

footer .legal .links {
    display:inline-block;
    font-family:'aktiv-grotesk';
    letter-spacing:0.08em;
    max-width:calc(60% - 30px);
    text-align:right;
}

footer .legal .links p{
    margin:0;
}

footer .legal .links a {
    color:#878787;
    font-weight: 500;
}

#ot-sdk-btn.ot-sdk-show-settings {
    color: #878787 !important;
}
#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover {
    color: unset !important;
    background-color: unset !important;
}
    
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1200px) {

    footer .footer-wrapper {
        display: flex;
        width: calc(100% - 30px);
    }

    footer .footer-wrapper .half .column{
        width:33%;
    }

    footer .footer-wrapper .country-wrapper{
        display: inline-block;
        vertical-align: top;
        width:calc(100% / 5.1);
    }

    footer .footer-wrapper .menu-wrapper{
        width:100%;
    }

    footer {
        font-size: 12px;
    }

    footer h2 {
        font-size: 15px;
    }

    footer .footer-wrapper .half .double-column {
        width: 100%;
    }

}
    
@media only screen and (max-width: 992px) {
    
    footer .footer-v2 {
        padding: 2em 0;
    }

    footer .footer-wrapper .half#info{
        width:70%;
    }

    footer .footer-wrapper .half#signup{
        width:30%;
    }

    footer .footer-wrapper .half .double-column{
        width:100%;
    }

    footer {
        padding: 0 1rem;
    }
    
    footer .footer-v2 .country-wrapper {
        margin-bottom:2em;
        width:100%   
    }

    footer .footer-wrapper .half .column {
        padding-right: .25rem;
    }
}

@media only screen and (max-width: 768px) {

    footer .footer-wrapper{
        flex-direction:column;
    }

    footer .footer-wrapper .half#info,
    footer .footer-wrapper .half#signup{
        width:100%;
    }

    footer .footer-wrapper .half#signup .double-column{
        align-items:center;
        flex-direction:column;
    }
    
    footer .footer-v2 .menu-wrapper {
        display:inline-block;
        margin-bottom:2em;
        width:100%;
    }

    #signup .callout, footer .location, footer .legal .links {
        width: 100%;
    }

    footer .legal .links {
        max-width: unset;
        text-align: unset;
        padding-right: unset;
        margin-top: 1rem;
    }

    footer .location {
        margin-left: unset;
    }

    footer .footer-wrapper .half#signup {
        margin-top: 1rem;
    }

    footer .footer-v2 .social-mobile{
        display:block;
    }

    footer .legal {
        flex-direction: column;
    }
}

@media only screen and (max-width: 590px) {

    footer .footer-wrapper .half#signup{
        justify-content:center;
        margin-top:3em;
    }

    footer .footer-wrapper .half#signup .double-column{
        align-items:unset;
        flex-direction:column;
        width:100%;
    }

    footer .footer-wrapper .half#info{
        flex-direction:column;
    }

    footer .footer-wrapper .half .column#buy-social{
        flex-direction:column-reverse;
        width:100%;
    }

    footer .footer-v2 .menu-wrapper#social-buttons{
        display:flex;
        margin-left: -16px;
        width:100%;
    }

    footer .footer-wrapper #social-buttons .social{
        justify-content:space-evenly;
        max-width:250px;
        width:calc(100% - 30px);
    }

    footer .footer-wrapper #social-buttons a{
        margin-right:0;
    }

    footer .legal{
        flex-direction:column;
    }

    footer .legal .links{
        margin-top:1em;
        max-width:unset;
    }

    footer .footer-wrapper .half .column {
        padding-right: unset;
        width: 50%;
        margin-bottom: .5rem;
    }

    footer .footer-wrapper .half#info {
        flex-direction: row;
        flex-wrap: wrap;
    }

    footer {
        padding: 0;
    }
}

@media only screen and (max-width: 500px) {
    
    footer .footer-v2 .menu-wrapper {
        display:block;
        width:100%;
    }

    footer .location form {
        flex-direction: column;
    }

    footer .location .locale-wrapper.country label[for=lang-selector], footer .location .locale-wrapper.lang label[for=lang-selector] {
        width: 90%;
    }

    footer .location .locale-wrapper {
        width: 50%;
    }

    footer .location .locale-wrapper .select-wrapper {
        width: 89%;
    }
    
}

footer .location .locale-wrapper.country label[for=lang-selector],
footer .location .locale-wrapper.lang label[for=lang-selector] {
margin-bottom:3px;
}

.social a:last-child path {
    fill: white;
}

footer h2.text-yellow {
    text-transform: uppercase;
}

footer .footer-v2 a:focus {
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: 2px !important;
}
#ipsLayout_footer a:focus{
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: 2px !important;
}