@font-face {
	font-family: 'knockout69';
	src:url('../fonts/Knockout-69_Web.woff2') format('woff2'),
		url('../fonts/Knockout-69_Web.woff') format('woff'),
        url('../fonts/Knockout-69_Web.ttf') format('truetype');
}

@font-face {
	font-family: 'GeneralSans';
	src:url('../fonts/GeneralSans-Regular.woff2') format('woff2'),
		url('../fonts/GeneralSans-Regular.woff') format('woff'),
        url('../fonts/GeneralSans-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'GeneralSansSemiBold';
	src:url('../fonts/GeneralSans-Semibold.woff2') format('woff2'),
		url('../fonts/GeneralSans-Semibold.woff') format('woff'),
        url('../fonts/GeneralSans-Semibold.ttf') format('truetype');
}

@font-face {
	font-family: 'GeneralSansMedium';
	src:url('../fonts/GeneralSans-Medium.woff2') format('woff2'),
		url('../fonts/GeneralSans-Medium.woff') format('woff'),
        url('../fonts/GeneralSans-Medium.ttf') format('truetype');
}

:root {
    /* FONTS */
    /*
    --primary-font: "GeneralSansMedium";
    --primary-font: "Knockout 50 A", "Knockout 50 B", sans-serif;;
    --font-generalsansmedium: "GeneralSansMedium";
    */
    --font-knockout: "knockout69";
}

html, body { 
    font-size: 20px !important;
}

h1, .newheading h1 {
    font-family: knockout69;
    font-size: 96px;
    font-size: 4.8rem;
    line-height: 82px;
    line-height: 4.1rem;
    text-transform:uppercase;
}
h2, .newheading h2 {
    font-family: knockout69;
    font-size: 76px;
    font-size: 3.8rem;
    line-height: 62px;
    line-height: 3.1rem;
    text-transform:uppercase;
}

h1,h2,h3 {color:  #1e5739;}

footer h3 {
    font-family: knockout69;
    font-size: 40px;
    font-size: 2rem;
    line-height: 32px;
    line-height: 1.6rem;
    text-transform:uppercase;
}

/*
p, li, div,
.post_featured_desc,
.filter-item ul li,
.slick-active button {
    font-family: var(--font-generalsansmedium);
    font-size: 20px;
    font-size: 1rem;
    line-height: 30px;
    line-height: 1.5rem;
    font-weight:normal;
}
*/
/*
b, p b, li b,
strong, p strong, li strong, 
blockquote p {
    font-family: GeneralSansSemiBold !important;
}
*/


/*
p.large, .large p {
    font-family: var(--font-generalsansmedium);
    font-weight: normal;
    font-size: 24px;
    font-size: 1.2rem;
    line-height: 34px;
    line-height: 1.7rem;
}
*/


.footer_copy {max-width:400px;padding-right: 40px;}

footer a {
    height: initial;
    font-family: var(--primary-font);
}


.footer_row2.footer_col1 {    align-items: end;}
/* img.footer_ffn_logo {    top: -68px; } */



.footer_sn_candid {
    display: grid;
    grid-template-columns: 100px auto;
    align-items: end;
}

.footer_sn_candid .social ul {
    margin: 0;
    max-width: 180px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-left:10px;
}

.footer_sn_candid .footer_sn_youtube {
        display: block;
    transform: translate(0, 4px);
}

.footer_sn_candid .social li {
    width: 55px;
        text-align: center;
        height: 34px;
    margin-left: 0;
    margin-right: 0;
}





/**************/
/**************/
/* RESPONSIVE */
/**************/
/**************/

/******************/
/* Small Desktop  */
/******************/
@media only screen and (max-width: 1280px) {
   .footer_sn_candid .social ul {
    margin: 0;
    gap: 0; 
            max-width: 150px;
}

}
/***********/
/* Tablet  */
/***********/
@media only screen and (max-width: 992px) {

    h1, .newheading h1 {
        font-size: 76px;
        font-size: 3.8rem;
        line-height: 66px;
        line-height: 3.3rem;
    }
    h2, .newheading h2 {
        font-size: 58px;
        font-size: 2.9rem;
        line-height: 50px;
        line-height: 2.5rem;
    }

    .footer_sn_candid .social li {width: 45px;}
    .footer_sn_candid .social ul {max-width: 130px;}

}


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

    h1, .newheading h1 {
        font-size: 57px;
        font-size: 2.85rem;
        line-height: 44px;
        line-height: 2.2rem;
    }
    h2, .newheading h2 {
        font-size: 38px;
        font-size: 1.9rem;
        line-height: 32px;
        line-height: 1.6rem;
    }

    /*
    p.large, .large p {
        font-size: 21px;
        font-size: 1.05rem;
        line-height: 31px;
        line-height: 1.55rem;
    }
    */
        footer .social li img {
        max-width: 30px;
        max-height: 20px;
    }
    
}