@import url('https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');


/* 

Font family

-----------------------------------------------

  font-family: "Arvo", serif;
  font-family: "Montserrat", sans-serif;
  font-family: "Oswald", sans-serif;
-----------------------------------------------*/

:root {

    /* PRIMARY COLORS */
    --color-black: #000000;
    --color-blue: #0067ae;
    --color-red: #e01837;
    --color-orange: #ff9901;

    /* DARK GREYS */
    --color-dark-1: #2b2c2d;
    --color-dark-2: #464748;
    --color-dark-3: #787878;
    --color-dark-4: #a5a5a6;

    /* SECONDARY COLORS */
    --color-light-grey: #f0f0f2;
    --color-blue-grey: #43698d;
    --color-dark-blue: #0f3254;
    --color-dark-red: #942021;
    --color-brown: #631616;


    /* OPTIONAL GRADIENT */
    --gradient-pink: linear-gradient(90deg, #ffffff 0%, #ff00a8 100%);
    --whitecolor: #FFFFFF;
    --blackcolor: #000000;
    --selection: #d9d9d9;
    --para: #404142;


    /* FONT FAMILIES */
    --font-arvo: "Arvo", serif;
    --font-montserrat: "Montserrat", sans-serif;
    --font-Oswald: "Oswald", sans-serif;



}



* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    list-style: none;
    font-family: var(--font-montserrat);
}


body,
ul,
li,
a {
    font-family: var(--font-inter);
    font-size: 16px;
    color: var(--greycolor);
}


body {
    max-width: 100%;
    overflow-x: hidden !important;
    background: var(--whitecolor) !important;
}


hr.wp-block-separator {
    color: transparent !important;
}



.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 20;
    content: " ";
    clear: both;
    height: 0;
}


.clearfix {
    display: inline-block;
}


* html .clearfix {
    height: 1%;
}



.clearfix {
    display: block;
}



.grecaptcha-badge {
    z-index: 99;
}



/* == SELECTION-CSS =================================================================*/

::-moz-selection {
    background: var(--selection);
    color: var(--blackcolor);
}


::-webkit-selection {
    background: var(--selection);
    color: var(--blackcolor);
}



::selection {
    background: var(--selection);
    color: var(--blackcolor);
}



/* == SELECTION-CSS ==

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


#wpadminbar {
    z-index: 100001999 !important;
}



/* body.admin-bar div#page-container {

    padding-top: 32px !important;

} */



div#page-container {
    margin-top: 0 !important;
}



.container,
.et_pb_row {
    width: 100% !important;
    max-width: 93% !important;
    margin: 0 auto !important;

}


/* == TYPOGRAPHY-CSS =================================================================*/


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

h1,
h1 a,
.common-outer h1,
.common-outer h1 a {
    font-family: var(--font-arvo) !important;
    font-weight: 400;
    font-size: 35px !important;
    line-height: 44px;
    color: var(--primary-blue);
}

h2,
h2 a,
.common-outer h2,
.common-outer h2 a {
    font-family: var(--font-arvo) !important;
    font-weight: 400;
    font-size: 32px !important;
    line-height: 31px;
    color: var(--primary-blue);
    text-transform: capitalize;
}

h3,
h3 a,
.common-outer h3,
.common-outer h3 a {
    font-family: var(--font-arvo) !important;
    font-weight: 400;
    font-size: 25px !important;
    line-height: 32px;
    color: var(--primary-blue);
}

h4,
h4 a,
.common-outer h4,
.common-outer h4 a {
    font-family: var(--font-arvo) !important;
    font-weight: 600;
    font-size: 23px !important;
    line-height: 30px;
    color: var(--primary-blue);
    text-transform: capitalize;
}

h5,
h5 a,
.common-outer h5,
.common-outer h5 a {
    font-family: var(--font-arvo) !important;
    font-weight: 400;
    font-size: 22px !important;
    line-height: 28px;
    color: var(--blue-medium);
    text-transform: capitalize;
}

h6,
h6 a,
.common-outer h6,
.common-outer h6 a {
    font-family: var(--font-arvo) !important;
    font-weight: 400;
    font-size: 18px !important;
    line-height: 24px;
    color: var(--blue-bright);
}


h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    text-align: initial;
}

a {
    text-decoration: none;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-blue-grey);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}


a:hover {
    /* color: var(--primary-sky); */
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    text-decoration: none;
}


p a {

    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    color: var(--color-blue-grey);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    cursor: pointer;
}

p a:hover {
    color: var(--color-blue-grey);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    text-decoration: none;
}




.dark-bg a:hover {
    color: var(--color-blue-grey) !important;
}

div#wpadminbar a {
    text-decoration: none;
}

strong {
    font-weight: 700 !important;
}

span.nav-click {
    font-size: 0;
    position: absolute;
    padding: 0;
    cursor: pointer;
    right: 0;
    top: 11px;
    width: 20px;
    height: 20px;
}

span.nav-click::before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(../images/hdr_arrow_dropdn.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotate(0deg);
    left: auto;
    top: 0;
    right: 0;
    transition: 0.4s;

}



.menu-mobile-menu-container ul#menu-mobile-menu>li.menu-item.minus span.nav-click::before {
    rotate: 90deg;
    transition: 0.4s;
}

.sub-menu li span.nav-click {
    top: 14px;
    z-index: 999;
}

blockquote p {
    margin-bottom: 0;
}

blockquote p {
    font-family: var(--font-inter-tight) !important;
    font-size: 50px !important;
    line-height: 62px !important;
    font-weight: 500;
    color: var(--primary-gray) !important;
}


p {

    font-family: var(--font-montserrat);
    font-weight: 400;
    font-size: 15px;
    color: var(--blackcolor) !important;
    line-height: 20px;
    padding: 0px;
    margin-bottom: 10px;
}



.entry-content ul {
    margin-bottom: 0px;
    margin-top: 20px;
    padding: 0;
    padding-left: 28px !important;
    padding-left: 15px !important;
}


.entry-content ul li {
    line-height: 30px !important;
    padding-left: 16px;
    padding-bottom: 3px;
    position: relative;
    font-family: var(--font-Roboto);
    font-weight: 400;
    font-size: 15px;
    color: #232323;
}


.entry-content ul li::before {
    position: absolute;
    content: "";
    width: 5px !important;
    height: 5px !important;
    border-radius: 10px;
    opacity: 1;
    background: #404142;
    left: 0px;
    top: 12px;
    border-radius: 100px;
}


.entry-content ol {
    padding-left: 55px !important;
    margin-bottom: 0px;
    margin-top: 20px;
    text-align: left;
    padding-bottom: 0;

}



ol {
    padding-left: 30px;
}

.entry-content ol li,
ol li {

    font-weight: 400;
    font-family: var(--font-montserrat);
    font-weight: 400;
    font-size: 15px;
    color: #232323;
    line-height: 27px !important;
    padding-left: 0px;
    padding-bottom: 10px;
    position: relative;
    list-style-type: decimal !important;
}




blockquote {
    padding-left: 0;
    border: none;
}


/* == TYPOGRAPHY-CSS == 

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


/* GREY BACKGROUND SECTION TYPOGRAPY CSS ::::::::::::::::::::::::::  */


.grey-bg-section h1,
.grey-bg-section h2,
.grey-bg-section h3,
.grey-bg-section h4,
.grey-bg-section h5,
.grey-bg-section h6,
.grey-bg-section p,
.grey-bg-section ul li,
.grey-bg-section ol li {
    color: var(--whitecolor) !important;
}

.grey-bg-section ul li::before {
    background: var(--whitecolor) !important;
}

.grey-bg-section a {
    text-decoration: underline !important;
    color: var(--whitecolor) !important;
}


/* DARK BACKGROUND SECTION TYPOGRAPY CSS ::::::::::::::::::::::::::  */



/* == FORM-TYPOGRAPHY-CSS =================================================================*/


::placeholder {
    font-family: var(--font-montserrat);
    color: var(--blackcolor) !important;
    text-transform: none;
    font-size: 12px;
    font-weight: 400;
}

input {
    width: 100%;
    border: 1px solid #E4E5E5 !important;
    display: block;
    color: #808184 !important;
    font-family: var(--font-montserrat);
    border-radius: 0 !important;
    padding: 10px 13px !important;
    font-size: 15px;
}



textarea {
    height: 120px;
    /* resize: none; */
    width: 100%;
    display: block;
    border: 1px solid #E4E5E5 !important;
    display: block;
    color: #808184 !important;
    font-family: var(--font-montserrat);
    border-radius: 0 !important;
    padding: 10px 13px !important;
    font-size: 15px;
}

input:focus {
    outline: none !important;
    box-shadow: none !important;
}


.wpcf7-not-valid {
    border: none;
    border: 1px solid #fa3040 !important;
    display: block;
}

.invalid .wpcf7-response-output {
    text-align: center;
    color: #fa3040;
    border: 2px solid #fa3040 !important;
    width: 97%;
    font-weight: 600;
    margin: 20px 10px 10px !important;
    padding: 4px !important;
    font-size: 12px;
    text-transform: none;
    line-height: 19px;
}


.wpcf7 form.sent .wpcf7-response-output {
    text-align: center;
    color: #41ce41;
    border: 2px solid #41ce41 !important;
    width: 96%;
    font-weight: 450;
    margin: 20px 10px 10px !important;
    padding: 4px !important;
    font-size: 12px;
    text-transform: none;
    line-height: 19px;
}


.wpcf7-not-valid-tip {
    display: none !important;
}


/* wpcf7 form wpcf7-response-output ==============================================================*/





/* SCROLL_TO_TOP_CSS_START ===============================================================*/

.et_pb_scroll_top.et-pb-icon {
    background: #00AAE8;
    border: 0px;
    transition: 0.5s ease;
    width: 40px;
    height: 40px;
    overflow: hidden;
    right: 20px;
    font-size: 55px;
    padding: 0 !important;
    border-radius: 0 !important;
    z-index: 99999999999999;
    /* display: block !important; */
}




/* .et_pb_scroll_top.et-pb-icon::after {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    background: url(../images/top_scroll.svg);

    background-position: center;

    background-size: 70%;

    background-repeat: no-repeat;

    top: 0;

    left: 0;

    transition: 0.5s ease;

    opacity: 1;

} */

.et_pb_scroll_top.et-pb-icon::before {

    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/nav_ArrowAqua.svg);
    background-position: center;
    background-size: 54%;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    transition: 0.5s ease;
    opacity: 1;
    rotate: -135deg;

}



/* .et_pb_scroll_top.et-pb-icon:hover::before {

    bottom: 0px;

    transition: 0.5s ease;

    opacity: 1;

}



.et_pb_scroll_top.et-pb-icon:hover::after {

    left: -52px;

    transition: 0.5s ease;

    opacity: 0;

} */



/* SCROLL_TO_TOP_CSS_END

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






/* ERROR PAGE CSS CODE ::::::::::::::::::::::::::::::::::::::::::::: */





/* ERROR PAGE CSS CODE ::::::::::::::::::::::::::::::::::::::::::::: */

















/* THANK PAGE CSS CODE ::::::::::::::::::::::::::::::::::::::::::::: */



.tq-txt-inner .et_pb_text_inner {

    display: flex;

    flex-direction: column;

    align-items: center;

}



.tq-title-heading h1 {

    margin-top: 0;

}



.tq-txt-inner h1,

.tq-txt-inner p {

    text-align: center !important;

}



.tq-txt-inner h1 {

    font-family: var(--font-arvo) !important;

    padding-bottom: 30px;

}



.thanku-txt-sec .et_pb_row {

    padding-left: 50px !important;

    padding-right: 50px !important;

}



/* THANK PAGE CSS CODE ::::::::::::::::::::::::::::::::::::::::::::: */









/* BUTTON CSS :::::::::::::::::::::::::::::: */



.common-btn {
    border: 0 !important;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Oswald';
    font-weight: 400;
    color: var(--color-blue) !important;
    background: transparent !important;
    padding: 5px 10px 5px 10px !important;
    letter-spacing: 1px;
}

.common-btn:hover {
    border: 0 !important;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Oswald';
    font-weight: 400;
    color: var(--color-orange) !important;
    background: transparent !important;
    padding: 5px 10px 5px 10px !important;
    letter-spacing: 1px;
}

.common-btn::after {
    display: none;
}

/* BTN CSS CODE :::::::::::::::::::::::::::::::::::::::::: */

























/* HEADER CSS CODE ::::::::::::::::::::::::::::::::::::::::::::::::: */







#main-header.et-fixed-header {

    box-shadow: none !important;

}

.custom-header.et-fixed-header {
    position: fixed !important;
    transition: 0.3s;
}



.et-fixed-header .container.desktop-menu-outer.et_menu_container {

    background-color: var(--blue-dark) !important;

}



div#top-header {

    background: white;

}



div#top-header.et-fixed-header {

    background: white;

}



div#top-header.et-fixed-header a,

div#top-header.et-fixed-header .top-header-description {

    color: var(--blue-dark);

}



div#top-header.et-fixed-header a span.email-icon::before {

    filter: brightness(0) saturate(100%) invert(9%) sepia(77%) saturate(2914%) hue-rotate(199deg) brightness(97%) contrast(103%);

}





div#top-header {

    background: transparent;

}














header#main-header {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    /* position: absolute !important;
    top: 0 !important; */
    background-color: transparent;
}

header.custom-header {
    position: sticky !important;
}

header {
    top: 0 !important;
}


div#page-container {

    padding-top: 0 !important;

}






header .logo-area {
    width: 155px !important;
    position: relative !important;
    height: 125px;
    max-width: 100% !important;
    top: -19px;
}


header span.logo_helper {
    display: none;
}



header .logo-area a {
    display: block;
    width: 100%;
    height: 100%;
}



header .logo-area a img {
    width: 100%;
    height: 100% !important;
    object-fit: contain;
    min-height: 100% !important;
}





nav#top-menu-nav .nav>li.menu-item a {
    color: var(--whitecolor) !important;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    transition: 0.5s ease;
    font-family: var(--font-arvo);
    padding-bottom: 20px;
}


.container.nav-flex {
    display: flex;
    justify-content: space-between;
    width: 86% !important;
    max-width: 100% !important;
    align-items: center;
}

.main-nav {
    background: var(--blackcolor);
}

.menu-primary-menu-container .main-menu li.main-menu-item a {
    color: white;
}

.menu-primary-menu-container .main-menu {
    display: flex;
    gap: 20px;
}

.header-actions.desktop-actions .header-widget .two-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
}

a.live-btn {
    color: var(--whitecolor);
    padding: 3px 9px 3px 26px;
    background: var(--color-red);
    text-transform: uppercase;
    font-family: var(--font-montserrat);
    font-size: 13px;
    position: relative;
    letter-spacing: 1px;
}

a.live-btn::before {
    position: absolute;
    content: "";
    width: 37px;
    height: 37px;
    background: url(../images/video-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: -4px;
    left: -15px;
}

a.subscribe-btn {
    color: var(--whitecolor);
    padding: 3px 15px 3px 15px;
    background: var(--color-orange);
    text-transform: uppercase;
    font-family: var(--font-montserrat);
    font-size: 13px;
    letter-spacing: 1px;
}

a.login-btn {
    color: var(--whitecolor);
    text-transform: uppercase;
    font-family: var(--font-montserrat);
    font-size: 13px;
}

ul#mega-menu-primary-menu>li.mega-menu-item a {
    font-size: 14px !important;
    text-transform: uppercase !important;
    font-family: 'Arvo' !important;
    font-weight: bold !important;
    background: transparent !important;
}

ul#mega-menu-primary-menu>li.mega-menu-item>a {
    position: relative;
    padding: 0 0 0 18px !important;
    letter-spacing: 2px;
}

/* ul#mega-menu-primary-menu>li.mega-menu-item>a::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background-image: url(../images/hdr_doubleDrpdn.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 6px;
    right: -1px;
    transition: 0.3s
} */

ul#mega-menu-primary-menu>li.mega-menu-item>a span.mega-indicator::after {
    font-family: 'ETmodules' !important;
    content: "3" !important;
    font-size: 10px;
    font-weight: 700 !important;
}

nav.menu-area {
    display: flex;
    align-items: center;
}

.header-widget {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-actions.desktop-actions {
    padding-left: 47px;
}

/* .mobile-toggle {
    display: none;
} */

nav.menu-area .mega-menu-wrap {
    background: transparent !important;
}

ul#mega-menu-primary-menu {
    display: flex !important;
}


.top-left {
    width: 50%;
}

.top-left li {
    font-family: 'Arvo';
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 1px;
    color: var(--color-red) !important;
    margin-bottom: 0;
    text-transform: uppercase;
}

.top-left li span {
    color: var(--color-blue);
    font-family: var(--font-arvo) !important;
}

.top-bar .container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 14px;
    padding-top: 14px;
    max-width: 91% !important;
}

.top-right {
    display: flex;
}

.top-search {
    padding-left: 37px;
    border-left: 2px solid black;
    display: flex;
    align-items: center;
}

.top-search span.search-toggle {
    font-size: 0;
    width: 13px;
    height: 13px;
    position: relative;
    display: block;
    background: url(../images/Search_Black.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

.top-bar {
    background: var(--whitecolor);
}

.top-social {
    padding-right: 51px;
}

.mega-menu-column.mega-menu-clear {
    width: 100% !important;
}

.mega-left {
    width: 25%;
    padding: 6px 0;
}

.mega-right {
    width: 85%;
    background-color: #2B2C2D;
    padding: 20px 20px 20px 46px;
}

.mega-gallery {
    display: flex;
    width: 100% !important;
}

.mega-item a {
    display: flex;
    gap: 10px;
    align-items: center;
}

.mega-posts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    row-gap: 7px;
}

.mega-item a img {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.textwidget.custom-html-widget {
    display: flex;
    width: 100% !important;
}

ul.mega-categories li {
    font-size: 13px;
    text-transform: uppercase;
    font-family: var(--font-Oswald) !important;
    color: var(--blackcolor);
    padding-left: 11px;
    padding-bottom: 2px;
    padding-top: 2px;
    position: relative;
    cursor: pointer;

}

li.active:before {
    position: absolute;
    width: 5px;
    height: 100%;
    left: 0;
    top: 0;
    background: #43698D;
    content: "";
}

.mega-item a span {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    font-family: var(--font-Oswald) !important;
    color: var(--whitecolor);
    font-weight: 400;
    line-height: 18px;
}


ul.mega-sub-menu>li.mega-menu-row li.mega-menu-column {
    width: 100% !important;
}

ul.mega-sub-menu>li.mega-menu-row li.mega-menu-column>ul.mega-sub-menu li.mega-menu-item.mega-menu-item-type-widget {
    padding: 0 !important;
}

ul#mega-menu-primary-menu>li.mega-menu-item>ul.mega-sub-menu {
    border-top: 3px solid #FF9901 !important;
    top: 50px;
}

ul#mega-menu-primary-menu>li.mega-menu-item>ul#mega-sub-menu-57 {
    transform: translateX(37%) !important;
    top: 50px;
}

li#mega-menu-item-59>ul#mega-sub-menu-59 {
    transform: translateX(3%) !important;
    top: 50px !important;
}

li#mega-menu-item-58>ul#mega-sub-menu-58 {
    top: 50px !important;
    transform: translateX(21%) !important;
}

ul#mega-menu-primary-menu>li.mega-menu-item>ul.mega-sub-menu li a {
    font-size: 13px !important;
    color: black !important;
    font-weight: 400 !important;
    font-family: 'Oswald' !important;
}

span.mega-indicator {
    position: absolute !important;
    right: 0;
    top: 0;
}

body ul#mega-menu-primary-menu>li.mega-menu-item.mega-menu-item-has-children a {
    padding-right: 13px !important;
}

.mobile-toggle {
    display: none;
}








.kn-mega-menu {
    display: flex;
    width: 100%;
}

.kn-mega-menu .kn-left-menu {
    width: 25%;
    padding: 6px 0;
}


.kn-mega-menu .kn-right-menu {
    width: 85%;
    background-color: #2B2C2D;
    padding: 20px 20px 20px 46px;
}

.kn-mega-menu .kn-left-menu ul li {
    font-size: 13px;
    text-transform: uppercase;
    font-family: var(--font-Oswald) !important;
    color: var(--blackcolor);
    padding-left: 11px;
    padding-bottom: 2px;
    padding-top: 2px;
    position: relative;
    cursor: pointer;
}

.kn-mega-menu .kn-right-menu a img {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.kn-mega-menu .kn-right-menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    row-gap: 7px;
}

.kn-mega-menu .kn-right-menu .kn-content a p {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    font-family: var(--font-Oswald) !important;
    color: var(--whitecolor);
    font-weight: 400;
    line-height: 18px;
}

.kn-mega-menu .kn-right-menu a.kn-item {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 0;
    border: 0;
}

.kn-right-menu p {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    color: var(--whitecolor) !important;
    font-weight: 400;
    font-family: var(--font-Oswald) !important;
}






/* 
.mega-popup {
    display: none !important;
} */

















/* socali media :::::::::::::::::::::::::::::::::::::::::: */


ul.et-social-icons {
    display: flex !important;
    column-gap: 17px;
}


ul.et-social-icons li.et-social-icon a {
    width: 15px;
    height: 15px;
    opacity: 1;
}



ul.et-social-icons li.et-social-icon a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.top-social ul.et-social-icons li.et-social-icon a::after {
    top: 2px;
}


footer ul.et-social-icons li.et-social-icon a:hover::after {
    filter: brightness(0) saturate(100%) invert(58%) sepia(57%) saturate(2183%) hue-rotate(2deg) brightness(106%) contrast(103%);
}





ul.et-social-icons li.et-social-icon.et-social-facebook a::after {
    background: url(../images/FB_Black.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}


ul.et-social-icons li.et-social-icon.et-social-tiktok a::after {
    background: url(../images/TikTok_Black.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}



ul.et-social-icons li.et-social-instagram a::after {
    background: url(../images/IG_Black.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}


ul.et-social-icons li.et-social-icon.et-social-youtube a::after {
    background: url(../images/Youtube_Black.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}


ul.et-social-icons li.et-social-icon.et-social-twitter a::after {
    background: url(../images/X_Black.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}


ul.et-social-icons li.et-social-icon a::before {
    opacity: 0;
    display: none;
}


ul.et-social-icons li.et-social-icon {
    margin-left: 0;
}


ul.et-social-icons li#block-9 {
    display: none;
}



/* mobile menu  :::::::::::::::::::::::::::::::::::: */



/* HEADER CSS CODE ::::::::::::::::::::::::::::::::::::::::::::::::: */


.search-expand {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--color-orange);
    display: flex;
    justify-content: center;
    z-index: 99999999;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    height: 140px;
    display: none;
}

.search-expand.active {
    display: flex !important;
}

.search-expand form {
    border-radius: 10px;
    padding: 47px 57px 47px 25px;
    max-width: 81% !important;
    width: 100%;
    position: relative;
    height: fit-content;
    margin: 0 auto;
}

.search-expand form input[type="text"] {
    width: 100%;
    padding: 14px 24px 14px 17px !important;
    border: 1.5px solid #ffffff !important;
    font-size: 13px;
    transition: border-color 0.3s ease;
    border-radius: 0 !important;
    background: transparent;
    color: white !important;
    font-family: 'Montserrat';
}

.search-expand form input[type="text"]::placeholder {
    color: white !important;
    font-size: 13px !important;
    font-family: 'Montserrat';
    letter-spacing: 1px;
    font-weight: 500;
}

.search-expand form button {
    font-family: 'Oswald';
    background: transparent;
    border: 0 !important;
    color: white;
    font-size: 13px;
    padding: 10px 10px 10px 22px;
    letter-spacing: 1px;
    cursor: pointer;
}

.search-expand form {
    display: flex;
    align-items: center;
}

.search-expand form::before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background: url(../images/Search_Black.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 63px;
    left: 0px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(12%) saturate(3821%) hue-rotate(232deg) brightness(112%) contrast(93%);
}


span.search-close {
    position: absolute;
    right: 22px;
    top: 22px;
    font-size: 0;
    background: url(../images/Close_White.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 999;
    width: 18px;
    height: 18px;
    cursor: pointer;
}





/* ----------------------------FOOTER DESIGN--------------------- */





/* ═══════════════════════════════════════════════
   CUSTOM FOOTER
═══════════════════════════════════════════════ */


/* .mobile-footer {
    display: none;
} */

#main-footer.custom-footer {
    background: #000;
    color: #fff;
    font-family: inherit;
    position: relative;
}

/* ── Scroll To Top ───────────────────────────── */
.footer-scroll-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 44px;
    height: 44px;
    color: #fff;
    font-size: 0px;
    line-height: 44px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.footer-scroll-top::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/top-scroll.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 50%;
    box-shadow: rgb(0 0 0 / 38%) 0px 3px 8px;
}

.footer-scroll-top.visible {
    opacity: 1;
    visibility: visible;
}

/* ── Tagline Row ─────────────────────────────── */
.footer-tagline {
    padding: 18px 0;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    font-style: italic;
    letter-spacing: 1px;
    background: white;
    margin-left: auto;
    width: 100%;

}

/* ── Main Footer ─────────────────────────────── */
/* .footer-main {
    padding: 50px 0 40px;
} */

.footer-main .container {
    display: flex;
    gap: 60px;
    align-items: flex-start;
    max-width: 100% !important;
    justify-content: space-between;
}

.top-left.footer-tagline li {
    font-size: 24px !important;
    line-height: 28px;
}

/* LEFT */
.footer-left {
    width: 47%;
    padding: 51px 20px 20px 70px;
}

.footer-logo img {
    max-width: 163px;
    margin-bottom: 14px;
    height: 120px;
}

.footer-logo a {
    width: 100% !important;
    display: block;
}

.footer-desc {
    margin-bottom: 54px;
}

.footer-contact {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.footer-desc-widget p {
    color: white !important;
    font-family: 'Montserrat';
    font-size: 12px;
    line-height: 17px;
}

.footer-contact-item {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    display: flex;
    align-items: center;
    font-family: var(--font-Oswald);
    gap: 8px;
    transition: color 0.2s;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.footer-contact-item:hover {
    color: #c00;
}

.footer-contact-icon {
    font-size: 16px;
    display: none;
}

/* RIGHT */
.footer-right {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 72%;
}

/* Logo Band */
.footer-logo-band {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 65px;
    flex-wrap: wrap;
    padding-bottom: 35px;
    padding-top: 55px;
    padding-right: 71px;
}

.footer-band-item img {
    max-height: 55px;
    width: 60px;
    object-fit: contain;
}

.footer-band-item img:hover {
    filter: brightness(1.2);
}

/* Social + Newsletter row */
.footer-social-newsletter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
    flex-wrap: wrap;
}

.footer-social ul.et-social-icons li.et-social-icon a,
.fm-social ul.et-social-icons li.et-social-icon a {
    width: 22px;
    height: 23px;
}

.footer-social ul.et-social-icons li.et-social-icon a::after,
.fm-social ul.et-social-icons li.et-social-icon a::after {
    filter: brightness(0) saturate(100%) invert(26%) sepia(83%) saturate(6112%) hue-rotate(341deg) brightness(88%) contrast(99%);
}

/* Follow Us */
.footer-social {
    display: flex;
    align-items: center;
    gap: 15px;
    max-width: 56%;
    width: 100%;
    justify-content: space-between;
}

.follow-label {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    white-space: nowrap;
    font-family: 'Arvo';
}

.footer-social-icons {
    display: flex;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-social-icons li a {
    color: #fff;
    font-size: 18px;
    transition: color 0.2s;
}

.footer-social-icons li a:hover {
    color: #c00;
}

/* Newsletter */
.footer-newsletter {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.newsletter-form form.wpcf7-form label span {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: 400;
}

.newsletter-form form.wpcf7-form label {
    color: #e01837;
    font-size: 18px;
    font-family: 'Montserrat';
    text-transform: capitalize;
    font-weight: 600;
    line-height: 18px !important;
}

/* CF7 newsletter form styling */
.footer-newsletter .wpcf7-form,
.news-footer .wpcf7-form {
    display: flex;
    margin: 0;
    align-items: center;
    gap: 20px;
}

.footer-newsletter .wpcf7-form p,
.news-footer .wpcf7-form p {
    margin: 0;
    display: flex;
    line-height: 10px;
}

.news-footer {
    position: relative;
}

.news-footer span.wpcf7-spinner {
    position: absolute;
    right: -57px;
    top: 3px;
}

.news-footer input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email::placeholder {
    color: var(--whitecolor) !important;
    text-transform: uppercase;
}

.footer-newsletter input[type="email"],
.news-footer input.wpcf7-form-control {
    background: transparent;
    font-size: 13px;
    width: 300px;
    color: white !important;
    font-family: 'Montserrat';
    padding: 6px 10px 6px 10px !important;
}

.footer-newsletter input[type="email"]::placeholder,
.news-footer input.wpcf7-form-control::placeholder {
    letter-spacing: 1px !important;
}

.footer-newsletter input[type="submit"],
.news-footer input.wpcf7-form-control.wpcf7-submit {
    padding: 3px 30px !important;
    background: var(--color-orange);
    font-weight: 700;
    font-size: 13px;
    border: none !important;
    cursor: pointer;
    letter-spacing: 1px;
    transition: background 0.2s;
    text-transform: uppercase;
    color: white !important;
    line-height: unset !important;
    width: fit-content;
}

.footer-newsletter input[type="submit"]:hover,
.news-footer input[type="submit"]:hover {
    background: #43698D;
}

.footer-right-bottom {
    padding-right: 67px;
}

.footer-social ul.et-social-icons {
    display: flex !important;
    column-gap: 25px;
}

/* ── Footer Bottom Bar ───────────────────────── */
.footer-bottom {
    background: white;
    padding: 5px 0;
}

/* .newsletter-form form.wpcf7-form label {
    display: none;
} */

.footer-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;

    max-width: 90.5% !important;
}

.footer-copyright {
    font-size: 10px;
    text-transform: uppercase;
    color: #0067AE;
    font-family: 'Oswald';
}

.footer-menu-list {
    display: flex;
    gap: 30px;
    grid-template-columns: 1fr 1fr !important;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: flex-start !important;
    width: 100%;
}

.footer-menu-list li a {
    color: #000101;
    text-decoration: none;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Oswald';
    letter-spacing: 0.5px;
}

.footer-menu-list li a:hover {
    color: #43698D;
}

.footer-menu-list li a:hover {
    opacity: 0.75;
}

.footer-credit,
.footer-credit a {
    font-size: 8px;
    font-weight: 400;
    text-transform: uppercase;
    color: #0067AE;
    font-family: 'Oswald';
}








/* ----------------------------FOOTER DESIGN--------------------- */


.home-slider {
    position: relative;
}

.slide-item {
    position: relative;
}

.slide-media img,
.slide-media iframe {
    width: 100%;
    height: 500px;
    object-fit: cover;
}



.slide-content h2 {
    font-size: 22px;
    margin-bottom: 5px;
}


.slide-btn {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 15px;
    background: #000;
    color: #fff;
}

.home-slider {
    position: relative;
}

/* MEDIA */
.slide-media {
    position: relative;
}

.slide-media img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

/* PLAY BUTTON */
.video-thumb {
    position: relative;
    cursor: pointer;
}



/* LIVE BADGE */
.live-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: red;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
}



.slide-content h2 {
    margin: 0;
    font-size: 22px;
}


.slide-btn {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 15px;
    background: #000;
    color: #fff;
}

/* POPUP */
.video-popup {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 99999;
}

.video-popup-inner {
    position: relative;
    width: 90%;
    max-width: 900px;
    margin: 60px auto;
}

.video-close {
    position: absolute;
    top: -40px;
    right: 0;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
}

.video-container iframe {
    width: 100%;
    height: 500px;
}

.video-box {
    position: relative;
    width: 100%;
    height: 500px;
    cursor: pointer;
}

.video-box iframe {
    width: 100%;
    height: 100%;
}




.home-banner {
    display: flex;
    align-items: flex-start;
    gap: 0;
    padding-top: 33px !important;
    margin-top: -1px;
}

.banner-three-blocks {
    margin-top: -171px !important;
}

.banner-media {
    background: white;
    padding: 25px;
    gap: 0;
    position: relative;
}

.banner-media::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/grey-pattren.svg);
    background-position: center;
    background-size: 97%;
    background-repeat: repeat;
    left: 0;
    top: 0;
    z-index: -1;
}

.banner-media::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 40%;
    background: #ffffff;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    left: 0;
    bottom: 0;
}


.kn-media-left {
    width: 93px;
}

.kn-media-right {
    width: 61%;
    padding-top: 5px;
}





.sch-calender-inner .kn-item {
    display: flex;
    gap: 20px;
    padding: 22px 47px 16px 45px !important;
    margin-bottom: 10px;
    border: 1px solid #F0F0F2 !important;
}

.sch-calender-inner .kn-results-out {
    width: 28%;
    text-align: right;
}

a.kn-view {
    font-size: 13px !important;
    padding: 4px 42px !important;
    display: block;
    color: var(--whitecolor);
    background: #FF9901 !important;
}

a.kn-view:hover {
    color: var(--whitecolor) !important;
    background: var(--color-blue-grey) !important;
}

.kn-video img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    cursor: pointer;
}

.kn-video img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    cursor: pointer;
}

.media-four-outer .kn-media-feed .kn-item {
    display: flex;
    gap: 25px;
    border-bottom: 1px solid #cfc8d8 !important;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.media-four-outer .kn-media-feed .kn-item:last-child {
    border-bottom: 0px solid #cfc8d8 !important;
    margin-bottom: 5px;
}

.kn-video {
    position: relative;
    padding-bottom: 102%;
    height: 0;
    width: 100% !important;
}


.ad-blocsection {
    padding: 0 !important;
    background: black;
}

.adblock-row {
    max-width: 50.5% !important;
}

.ad-img span.et_pb_image_wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 9%;
}

.ad-img span.et_pb_image_wrap img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* object-fit: contain; */
}

.home-banner:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 32%;
    background: black;
    --p: 63px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--p)), 0 100%);
    top: 0;
    left: 0;
}

.banner-top-outer {
    gap: 24px;
    max-width: 85.5% !important;
    display: flex;
    justify-content: space-between;
}

.banner-slider {
    width: 68%;
}

.banner-media {
    width: 31%;
}

.slide-content p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 200;
    color: var(--whitecolor) !important;
}

.slide-content h5 {
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 600;
}

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0px;
    color: #fff;
    background: url(../images/Play_White.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 108px;
    height: 108px;
}

.banner-media .et_pb_module.et_pb_button_module_wrapper {
    text-align: center;
}

.owl-dots {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 12px;
}

.owl-dots button.owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 1px solid var(--color-blue);
}

.owl-dots button.owl-dot.active {
    border: 0;
    background: var(--color-red);
}

.slide-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px 30px 18px 30px;
    background: rgb(0 0 0 / 44%);
    color: #fff;
    left: 0;
}

.kn-media-right .kn-headline {
    font-size: 13px !important;
    font-family: var(--font-montserrat) !important;
    color: var(--blackcolor) !important;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400 !important;
    text-transform: uppercase;
    line-height: 16px !important;
    letter-spacing: 0;
}

.kn-media-right .kn-title {
    font-size: 13px !important;
    font-family: var(--font-montserrat) !important;
    color: var(--blackcolor) !important;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0;
}

.kn-date {
    color: #FF9901;
    font-size: 10px !important;
    margin-top: 6px;
    font-family: 'Montserrat';
    font-weight: 500;
}

.media-four-title h6,
.media-four-title h6 span {
    margin-bottom: 0 !important;
    text-transform: uppercase;
    font-family: 'Montserrat' !important;
    font-weight: 600;
    letter-spacing: 2px;
}

.media-four-title h2 {
    margin-top: 0;
    /* text-align: center; */
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 35px !important;
    line-height: 40px;
    letter-spacing: 2px;
}

.con-us-col-top .media-four-title h2 {
    letter-spacing: 2px;
}

.media-four-title h2 strong {
    font-family: var(--font-arvo) !important;
}

.banner-media .media-four-title h2 strong {
    font-family: var(--font-arvo) !important;
}

.banner-media .media-four-title h2 {
    text-align: center;
}

.banner-media .media-four-title h6 {
    text-align: center;
    margin-top: 13px;
}

.banner-media .media-four-title {
    margin-bottom: 24px !important;
}


.banner-three-blocks {
    max-width: 100% !important;
    width: 65% !important;
    margin-left: 0 !important;
    padding-left: 90px;
}

.logo-item a {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 43%;
    display: block;
}

.logo-item a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    left: 0;
    top: 0;
    background: #43698D;
    padding: 27px;
}


.kn-logo-wrapper.owl-carousel.kn-owl-carousel .owl-nav {
    display: flex;
    justify-content: space-between;
}

.kn-logo-wrapper.owl-carousel.kn-owl-carousel .owl-nav button {
    opacity: 0.8;
    font-size: 0;
    width: 45px;
    height: 45px;
    background: url(../images/arrow-carso.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50% !important;
    transform: translatey(-50%);
}

.kn-logo-wrapper.owl-carousel.kn-owl-carousel .owl-nav button.owl-prev {
    left: 10px;
}

.kn-logo-wrapper.owl-carousel.kn-owl-carousel .owl-nav button.owl-next {
    right: 10px;
}

.kn-logo-wrapper.owl-carousel.kn-owl-carousel .owl-nav button.owl-next {
    background: url(../images/arrow-carso-r.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
















.home-section-two-outer {
    padding-bottom: 0 !important;
}

.home-section-two {
    max-width: 83% !important;
    gap: 0;
}

.home-old-media {
    width: 70% !important;
    background: #0067ae;
    position: relative;
    padding: 18px 71px 50px 71px;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.home-old-media::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/Pattern_GrayDotNavy.png);
    background-position: center;
    background-size: 4%;
    background-repeat: repeat;
    left: 0;
    top: 0;
    z-index: -1;
}

.home-old-media::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/line-pat.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: repeat;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0.1;
}

.home-schedule {
    width: 30%;
    background: #E4E5E6;
    padding: 20px 23px 48px 23px;
    position: relative;
    gap: 0;
}

.Schedule-heading h5 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 8px;
    letter-spacing: 1px;
}



.home-old-media :where(h1, h2, h3, h4, h5, h6, a, ol li, ul li, p) {
    color: var(--whitecolor) !important;
}



select.kn-sch2-select {
    font-weight: 600;
    background: black;
    color: white;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-size: 12px;
    width: 100%;
    padding: 11px 10px 11px 35px;
}

select.kn-sch2-select option {
    background: #A4A5A6;
    padding: 10px !important;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 600;
    width: 100%;
    position: relative;
}

select.kn-sch2-select option:before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    top: 13px;
    left: 16px;
    background: url(../images/Football_White.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

select.kn-sch2-select option:hover {
    background: var(--color-orange);
}



















.kn-popup {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 9999;
    /* IMPORTANT */
}

.kn-popup-content {
    text-align: center;
    max-width: 100%;
    width: 48%;

    margin: 0 auto;
}

.kn-img-gal-out {
    width: 100%;
    padding-bottom: 54.5%;
    height: 0;
    position: relative;
}

.kn-popup iframe {
    width: 100%;
    height: 350px;
}


.kn-kansas-wrap {
    color: #fff;
}





.kn-kansas-left {
    position: relative;
    width: 55%;
    height: 0;
    padding-bottom: 34%;
}

.kn-kansas-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.kn-kansas-right {
    width: 45%;
}

.kn-kansas-right .kn-kansas-date {
    width: 100%;
}

.home-old-media .et_pb_text_inner h6,
.home-old-media .et_pb_text_inner h6 span {
    margin-bottom: 0 !important;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Montserrat' !important;
    font-weight: 500;
    letter-spacing: 2px;
}

.home-old-media .et_pb_text_inner h2 {
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700 !important;
    margin-bottom: 0;
    letter-spacing: 2px;
    font-size: 35px !important;
}

.home-old-media .et_pb_text_inner p {
    text-align: center;
}

.home-old-media .et_pb_text_inner p {
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Oswald';
    letter-spacing: 1px;
    margin-top: 5px;
}


.kn-kansas-featured {
    display: flex;
    gap: 47px;
    margin-bottom: 37px;
    margin-top: 4px;
}

.kn-kansas-line {
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: 400;
}

h2.kn-kansas-title {
    font-family: 'Montserrat' !important;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 15px;
}

.kn-kansas-date {
    font-size: 10px;
    font-family: 'Montserrat';
    line-height: 14px;
    width: 13%;
}

.kn-kansas-small-title {
    font-size: 18px;
    font-weight: 600;
    font-family: var(--font-montserrat);
}



.kn-kansas-thumb {
    position: relative;
    width: 17%;
    height: 0;
    padding-bottom: 10.5%;
}

.kn-kansas-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.kn-kansas-item {
    display: flex;
    gap: 31px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid white;
    align-items: center;
}





.ad-section .owl-nav {
    display: none;
}

.ad-section-outer {
    padding-bottom: 34px !important;
    padding-top: 34px !important;
}

.ad-section {
    max-width: 83% !important;
    padding-top: 21px;
    padding-bottom: 21px;
    border-bottom: 3px solid #E4E5E6;
    border-top: 3px solid #E4E5E6;
    position: relative;
}

.ad-section::before {
    position: absolute;
    content: "";
    width: 33px;
    height: 33px;
    background: url(../images/kn-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: -17px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--whitecolor);
}

.kn-banner-slider {
    max-width: 64% !important;
    margin: 0 auto;
}











.kn-podcast-wrap {
    display: grid;
    gap: 50px;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 80px;
}


.kn-pod-big {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.kn-pod-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

.kn-pod-big .kn-pod-video {
    padding-bottom: 67%;
}

.kn-pod-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.kn-pod-small .kn-pod-video {
    margin-top: 5px;
}

.kn-pod-small {
    display: flex;
    gap: 20px;
}


/* .kn-pod-small,
.kn-pod-big {
    width: 30%;
} */

.home-podcasts-outer {
    position: relative;
    padding-bottom: 15px !important;
    margin-bottom: 10px;
    padding-top: 20px !important;
    overflow: hidden;
}

.home-podcasts {
    gap: 15px;
}

.home-podcasts .media-four-title h2 {
    letter-spacing: 2px;
}

.home-podcasts-outer::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/bg-vector.svg);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    left: auto;
    bottom: -55px;
    right: 0;
}

.kn-podcast-wrap :where(h1, h2, h3, h4, h5, h6, a, ol li, ul li, p) {
    color: var(--whitecolor) !important;
}

.kn-pod-small-title,
h3.kn-pod-title {
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: 'Montserrat' !important;
    color: var(--whitecolor) !important;
    margin: 0;
    line-height: 20px;
}

.kn-pod-line {
    color: var(--whitecolor);
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 18px;
}

.kn-pod-date {
    color: var(--whitecolor);
    font-size: 10px;
    font-family: 'Montserrat';
    font-weight: 300;
    margin-top: 19px;
}

.kn-pod-info {
    width: 61%;
}

.kn-pod-thumb {
    width: 32%;
}

.home-podcasts-outer .et_pb_row.et_flex_row {
    max-width: 74% !important;
}

.home-podcasts .et_pb_module.et_pb_button_module_wrapper {
    text-align: center;
}

.home-podcasts .et_pb_module.et_pb_button_module_wrapper .common-btn {
    color: #FF9901 !important;
}







.kn-pod-popup {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 9999;
    /* IMPORTANT */
}

.kn-pod-popup-inner {
    position: relative;
    width: 80%;
    max-width: 600px;
}

.kn-pod-popup-inner iframe {
    width: 100%;
    height: 350px;
}

span.kn-pod-close {
    position: absolute;
    top: -30px;
    right: 0;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}


.kn-pod-small span.kn-pod-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0px;
    color: #fff;
    background: url(../images/Play_White.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 36px;
    height: 36px;
}


.kn-pod-big span.kn-pod-play {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 0px;
    color: #fff;
    background: url(../images/Play_White.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 36px;
    height: 36px;
}






.kn-sch2-wrap .select2-container {
    width: 100% !important;
    border: 0 !important;
}

.kn-sch2-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: white;
    line-height: 28px;
    background: black;
    border: 0;
    border-radius: 0 !important;
    padding-left: 45px;
    padding-right: 20px;
    padding-top: 7px;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-size: 12px;
    position: relative;
}

.kn-sch2-wrap .select2-container--default .select2-selection--single .select2-selection__rendered::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    top: 13px;
    left: 16px;
    background: url(../images/Football_White.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.kn-sch2-wrap .select2-container--default .select2-selection--single {
    background-color: #fff;
    border-radius: 0 !important;
    border: 0 !important;
}

.kn-sch2-wrap .select2-container .select2-selection--single {
    height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    font-size: 0;
    width: 10px !important;
    height: 10px !important;
    background-image: url(../images/menu-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: 0.4s;
    top: 63% !important;
    left: 32% !important;
    border-width: 0 !important;
}

.kn-sch2-top {
    text-align: center;
    color: #BCBEC0;
    font-size: 12px;
    font-family: 'Montserrat';
}

.kn-sch2-top span {
    text-align: center;
    font-size: 12px;
    font-family: 'Montserrat';
}


.kn-sch2-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 85%;
    margin: 0 auto;
}

.kn-sch2-main img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.kn-sch2-main strong {
    font-size: 25px;
    line-height: 37px;
}

.kn-sch2-main span {
    display: none;
}

button.kn-sch2-live-btn {
    color: var(--whitecolor);
    padding: 6px 9px 6px 26px;
    background: var(--color-red);
    text-transform: uppercase;
    font-family: var(--font-montserrat);
    font-size: 13px;
    letter-spacing: 1px;
    border: 0;
    margin: 18px auto 24px auto;
    position: relative;
    display: flex;
}

button.kn-sch2-live-btn::before {
    position: absolute;
    content: "";
    width: 42px;
    height: 42px;
    background: url(../images/play-w-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: -5px;
    left: -15px;
}

.kn-sch2-row {
    display: flex;
    justify-content: space-between;
    padding: 5px 34px 5px 28px;
    border-top: 1px solid #BCBEC0;
}

.kn-sch2-group .kn-sch2-row:last-child {
    border-bottom: 1px solid #BCBEC0;
}

.kn-sch2-time {
    display: flex;
    flex-direction: column;
    width: 30%;
    font-size: 13px;
    font-family: 'Montserrat';
    font-weight: 700;
}

.kn-sch2-time small {
    color: #939598;
    font-family: 'Montserrat';
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
}

.kn-sch2-match {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 60%;
}

.kn-sch2-match img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.home-schedule .et_pb_module.et_pb_button_module_wrapper {
    text-align: center;
    margin-top: 24px;
}

.kn-sch2-featured.is-live {
    margin-top: 8px;
}




.kn-sch2-popup {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 99999;

    /* IMPORTANT */
}

.kn-sch2-inner {
    position: relative;
    width: 80%;
    max-width: 600px;
}

.kn-sch2-inner iframe {
    width: 100%;
    height: 350px;
}

span.kn-sch2-close {
    position: absolute;
    top: -30px;
    right: 0;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}




.m-feed-outer h2 {
    color: white;
    font-weight: 700;
    font-size: 50px !important;
}

.m-feed-outer {
    background: #939598;
    padding-top: 183px !important;
    padding-bottom: 190px !important;
}





.kn-kansas-popup {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 9999;
    /* IMPORTANT */
}

.kn-kansas-popup-inner {
    position: relative;
    width: 80%;
    max-width: 600px;
}

.kn-kansas-popup-inner iframe {
    width: 100%;
    height: 350px;
}

span.kn-kansas-close {
    position: absolute;
    top: -30px;
    right: 0;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}






/* -----------------------------------------CONTACT US PAGE DESIGN------------------------------------- */



.con-us-col h6 {
    font-size: 12px !important;
    font-family: 'Montserrat' !important;
    color: var(--color-orange);
    line-height: 12px;
    margin-bottom: 7px;
    /* font-family: var(--font-arvo) !important; */
}


.con-us-col p {
    font-size: 20px !important;
    margin-top: 0;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: var(--font-arvo) !important;
}

.con-us-col p a {
    font-size: 20px !important;
    margin-top: 0;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
    color: black !important;
}


.con-us-col-one {
    width: 32%;
}

.con-us-col-two {
    width: 24%;
}

.con-us-col-three {
    width: 28%;
}

.con-us-innr {
    gap: 25px;
}



.con-us-form-out {
    background: var(--color-blue);
    padding-top: 63px !important;
    padding-bottom: 40px !important;
}

ul.cf7-form-fields li {
    padding: 0;
}

ul.cf7-form-fields li::before {
    display: none;
}


ul.cf7-form-fields li input {
    background: #ffffff;
    font-size: 12px;
    width: 100%;
    color: #231F20 !important;
    font-family: 'Montserrat';
    padding: 17px 10px 17px 20px !important;
}

ul.cf7-form-fields li input::placeholder {
    text-transform: uppercase;
    color: #231F20 !important;
    font-size: 12px !important;
}

ul.cf7-form-fields {
    padding: 0 !important;
}

.con-us-form-innr {
    display: flex;
    justify-content: space-between;
    max-width: 73% !important;
}

.con-us-form-left {
    width: 45% !important;
}

.con-us-form-right {
    width: 44% !important;
    padding-top: 60px !important;
    padding-right: 50px;
}

.con-us-right-two h2,
.con-us-right-two h2 strong {
    font-weight: 600 !important;
    color: var(--color-orange);
    font-family: 'Montserrat' !important;
    line-height: 44px;
}


.con-us-form-right ul.et-social-icons li.et-social-icon {
    margin-left: 0;
    padding: 0 !important;
}

.con-us-form-right ul.et-social-icons li.et-social-icon::before {
    display: none;
}

.con-us-form-right ul.et-social-icons li a::after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%) !important;
}

.con-us-form-right ul.et-social-icons li.et-social-icon a:hover::after {
    filter: brightness(0) saturate(100%) invert(72%) sepia(47%) saturate(4514%) hue-rotate(357deg) brightness(100%) contrast(107%) !important;
}

.con-us-form-right ul.et-social-icons li a {
    opacity: 1;
}

.con-us-form-right ul.et-social-icons {
    display: flex !important;
    column-gap: 30px;
    padding-left: 0 !important;
}

.con-us-right-one.media-four-title h2 {
    letter-spacing: 2px;
}

.con-us-right-one.media-four-title h2 strong {
    font-family: var(--font-arvo) !important;
}

.staff-content h5 {
    font-weight: 600 !important;
    margin-bottom: 0;
    margin-top: 15px;
    letter-spacing: 1px;
}

.con-us-staff-text h5 {
    font-weight: 700;
    margin-top: 0 !important;
    margin-bottom: 0;
    letter-spacing: 1px;
}

.con-us-staff-text h6 {
    margin-top: 2px !important;
    font-size: 14px !important;
    letter-spacing: 1px;
    font-family: var(--font-montserrat) !important;
    font-weight: 600;
    line-height: 16px;
}

.con-us-staff-text a.contact-com {
    width: 15px;
    height: 15px;
    position: absolute;
    display: block;
    background: url(../images/mail_orange.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    filter: brightness(0) saturate(100%) invert(0%) sepia(44%) saturate(20%) hue-rotate(345deg) brightness(90%) contrast(104%);
    bottom: 0;
    left: 0;
}

.con-us-staff-out {
    padding-bottom: 107px !important;
}

.con-us-staff-out {
    padding-top: 35px !important;
}


.con-us-staff-out {
    gap: 12px;
}

.con-us-staff-text {
    width: 24% !important;
    padding-bottom: 20px;
    position: relative;
}

.con-us-staff-text .et_pb_text_inner {
    display: block;
    position: unset;
}

.con-us-staff-col-two .et_pb_code.et_pb_module {
    width: 100% !important;
}

/* TOP */
.staff-top {
    display: flex;
    gap: 30px;
}

.staff-card {
    background: #000;
    color: #fff;
    display: flex;
    padding: 25px;
    width: 48%;
}

/* IMAGE */

.staff-img {
    position: relative;
    padding-bottom: 51.5%;
    width: 51.5%;
}

.staff-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
    position: absolute;

}

.staff-content {
    margin-left: 25px;
    width: 40%;
}

/* NAME */
.staff-content h3 {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}

/* ROLE */
.role {
    font-size: 14px;
    text-transform: uppercase;
    margin: 8px 0 15px;
    color: white !important;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 0;
}

/* SOCIAL */
.social-row {
    display: flex;
    gap: 15px;
    margin-bottom: 10px;
    margin-top: 34px;
}

.social-row a {
    color: #fff;
    font-size: 12px;
}

.email-icon {
    margin-top: 50px;
}

/* EMAIL */
.email-icon a {
    width: 13px;
    height: 13px;
    /* position: absolute; */
    display: block;
    background: url(../images/mail_orange.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    bottom: 0;
    left: 0;
    font-size: 0;
}

.social-row a.social-icon {
    width: 14px;
    height: 14px;
    position: relative;
}

.social-row a.social-icon::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(153deg) brightness(100%) contrast(105%);
}

.social-row a.social-icon.facebook::after {
    background: url(../images/FB_Black.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.social-row a.social-icon.twitter::after {
    background: url(../images/X_Black.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.social-row a.social-icon.instagram::after {
    background: url(../images/IG_Black.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.social-row a.social-icon.youtube::after {
    background: url(../images/Youtube_Black.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

a.social-icon.tiktok::after {
    background: url(../images/TikTok_Black.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

a.social-icon.email {
    background: url(../images/mail_orange.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    filter: brightness(0) saturate(100%) invert(100%) sepia(69%) saturate(0%) hue-rotate(29deg) brightness(111%) contrast(101%);
}

/* BOTTOM GRID */
.staff-bottom {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 40px;
    gap: 40px;
}

/* MINI */
.staff-mini h4 {
    font-weight: bold;
    font-size: 14px;
}

.staff-mini p {
    font-size: 11px;
    text-transform: uppercase;
    color: #555;
}

.staff-mini a {
    display: block;
    margin-top: 10px;
    color: black;
}


.con-us-social .footer-social ul.et-social-icons li.et-social-icon a {
    height: 27px;
    width: 27px;
}




/* -----------------------------------------CONTACT US PAGE DESIGN END------------------------------------- */





























.acf-two-item-slider .item img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 10px;
    display: block;
}


.acf-two-item-slider .owl-nav button {
    font-size: 24px !important;
    background: rgba(0, 0, 0, 0.5) !important;
    color: #fff !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}



.checkbox-field {
    display: flex;
    align-items: center;
    font-size: 13px;
}

.checkbox-field input {
    width: auto;
    margin-right: 8px;
}

.c-btn-red input {
    background: var(--color-orange);
    color: #fff !important;
    padding: 7px 30px !important;
    cursor: pointer;
    text-transform: uppercase;
    border: 0 !important;
    width: fit-content;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    transition: 0.3s;
}

.c-btn-red input:hover {
    background-color: #43698D;
    transition: 0.3s;
}

.c-btn-red.con-us-button {
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 31px;
}

.c-btn-red.con-us-button p {
    position: relative;
}

span.wpcf7-spinner {
    position: absolute;
    right: -75px;
    top: 4px;
}

.con-us-checkbox-field label {
    display: flex;
    align-items: center;
    gap: 12px;
}

.con-us-checkbox-field span.wpcf7-list-item-label {
    color: white;
    font-size: 10px;
    line-height: 12px;
}

.con-us-checkbox-field p {
    padding-left: 50px;
    margin-top: 13px;
}


span.wpcf7-list-item.first.last {
    width: 100%;
    margin-left: 0;
}

span.wpcf7-list-item label input {
    width: 13px;
    height: 13px;
    border: 1px solid #d1d1d1 !important;
    accent-color: #000000 !important;
    display: inline-block;
    cursor: pointer;
    -moz-appearance: none;
    appearance: none;
    padding: 6px !important;
    background: transparent;
}

span.wpcf7-list-item label input[type=checkbox]:checked {
    background-color: #FF9901 !important;
    border-color: #0067ae !important;
    box-shadow: 0px 0px 0px 2px #E4E5E5, inset 0px 0px 0px 0px #FF9901 !important;
    display: inline-block;
    cursor: pointer;
}


.con-us-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #231F20 !important;
    line-height: 28px;
    background: white;
    border: 0;
    border-radius: 0 !important;
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 12px;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-size: 12px;
    position: relative;
}

.con-us-dropdown .select2-container .select2-selection--single {
    height: 50px !important;
    border-radius: 0 !important;
}

.con-us-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
    font-size: 0;
    width: 15px !important;
    height: 15px !important;
    background-image: url(../images/menu-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: 0.4s;
    top: 63% !important;
    left: -100% !important;
    border-width: 0 !important;
    filter: brightness(0) saturate(100%) invert(59%) sepia(69%) saturate(2164%) hue-rotate(0deg) brightness(105%) contrast(103%);
}



.con-us-dropdown button.select2-selection__clear {
    display: none;
}

.con-us-staff-out {
    background: #F0F0F2;
}

.con-us-staff-out {
    padding-top: 33px;
}

.con-us-staff-innr-one {
    gap: 29px;
}


.con-us-form-left .invalid .wpcf7-response-output {
    background: white;
}

























































.scroll-container {
    display: flex;
    gap: 50px;
    overflow-x: auto;
    align-items: flex-start;
}

/* BASE COLUMN */
.column {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
}

/* 🔥 TALL COLUMN */
.tall-column {
    width: 260px;
}

/* 🔥 WIDE COLUMN (MAIN FIX) */
.wide-column {
    width: 420px;
    /* ✅ bigger like design */
}

/* CARD RESET */
.card {
    margin: 0;
}

/* 🔥 DYNAMIC SPACING RULE */
.wide-column .card-0 {
    margin-top: 80px;
}

.wide-column .card-1 {
    margin-bottom: 50px;
}

/* IMAGE FIX */
.image img {
    width: 100%;
    display: block;
}

/* OPTIONAL: better visual */
.card {
    background: #efefef;
    border-radius: 3px;
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}
















/* ---------------EVENT PAGE DESIGN------------------------- */


.events-main-inner {
    max-width: 83% !important;
}

.event-content {
    width: 61%;
}

.event-img {
    position: relative;
    padding-bottom: 19.7%;
    width: 29.2%;
    height: 0;
}

.event-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
    position: absolute;
}

.event-content h2 {
    font-family: var(--font-montserrat) !important;
    font-weight: 600 !important;
    margin-top: 4px !important;
}

.event-content small {
    font-size: 12px;
    text-transform: uppercase;
}

.vallarasu-sri {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 30px;
}

.vallarasu-sri p {
    font-size: 10px;
    color: #BCBEC0 !important;
}

.vallarasu-sri a {
    text-transform: uppercase;
    font-size: 13px;
    color: var(--color-blue);
    font-family: var(--font-Oswald);
    font-weight: 600;
    letter-spacing: 1px;
}




.events-right .event-lists {
    padding: 25px;
    gap: 0;
    position: relative;
}

.events-main-code .events-wrapper .events-right {
    width: 33.5% !important;
}

.events-right .event-lists::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 40%;
    background: #ffffff;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    left: 0;
    bottom: 0;
}

.events-right .event-lists::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/grey-pattren.svg);
    background-position: center;
    background-size: 97%;
    background-repeat: repeat;
    left: 0;
    top: 0;
    z-index: -1;
}

.event-item {
    display: flex;
    gap: 46px !important;
    margin-bottom: 55px !important;
}

.events-right h3 {
    text-align: center;
    font-size: 22px !important;
    font-weight: 700;
    margin-bottom: 27px;
    text-transform: uppercase;
    letter-spacing: 1px;
}


.event-item-two {
    position: relative;
    z-index: 1;
}

.event-item-two a {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 25px;
    margin-bottom: 15px;
    width: 100%;
}

.event-content-two small {
    font-size: 12px !important;
    text-transform: uppercase;
    color: black !important;
}

.event-content-two p {
    font-size: 13px;
    font-weight: 700;
    line-height: 17px;
}

.event-content-two small.date-two {
    color: orange !important;
    font-weight: 500;
    font-size: 10px !important;
    text-transform: unset !important;
}

.havinganevent-outer h6 {
    font-size: 20px !important;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    color: white;
}

.havinganevent-outer {
    background: var(--color-orange);
}

.havinganevent-outer a {
    background: var(--color-orange);
    padding: 34px;
    display: block;
}

.havinganevent-outer a:hover {
    background-color: var(--color-blue-grey);
}

.event-img-two {
    position: relative;
    padding-bottom: 26.8%;
    width: 37.2%;
    height: 0;
}

.event-img-two img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
    position: absolute;
}

.event-content-two {
    width: 61%;
}






.host-head h6,
.host-head h6 span {
    margin-bottom: 0 !important;
    text-transform: uppercase;
    font-family: 'Montserrat' !important;
    font-weight: 500;
    letter-spacing: 1px;
}

.host-head h2 {
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 35px !important;
    line-height: 40px;
    letter-spacing: 2px;
}







.hosteventouter {
    background: #F0F0F2;
}


ul.event-form-list {
    padding: 0 !important;
}

ul.event-form-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 11px;
    column-gap: 27px;
}

ul.event-form-list li {
    padding: 0;
}

ul.event-form-list li::before {
    display: none;
}

li.half {
    width: 48.5%;
}

ul.event-form-list li ::before {
    display: none;
}



ul.event-form-list li input {
    background: #ffffff;
    font-size: 12px;
    width: 100%;
    color: #231F20 !important;
    font-family: 'Montserrat';
    padding: 17px 10px 17px 20px !important;
    border: 0 !important;
}

.hosteventinner {
    max-width: 66.5% !important;
}

ul.event-form-list li.full {
    width: 100%;
}

ul.event-form-list li.submit-btn::before {
    display: none;
}

ul.event-form-list li.submit-btn {
    margin: 0 auto;
    display: flex;
    position: relative;
}


ul.event-form-list li.submit-btn input {
    background: var(--color-orange);
    color: #fff !important;
    padding: 7px 30px !important;
    cursor: pointer;
    text-transform: uppercase;
    border: 0 !important;
    width: fit-content;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    transition: 0.3s;
}

ul.event-form-list li.submit-btn input:hover {
    background-color: var(--color-blue-grey);
    transition: 0.3s;
}

ul.event-form-list input::placeholder,
ul.event-form-list textarea::placeholder {
    color: black !important;
    text-transform: uppercase !important;
}

ul.event-form-list li.submit-btn span.wpcf7-spinner {
    position: absolute;
    right: -75px;
    top: 4px;
}

ul.event-form-list li.submit-btn span.wpcf7-spinner:before {
    display: block !important;
}



/* File input full width */
.img-upload-host input[type="file"] {
    width: 100%;
    background: #ffffff !important;
    border: none !important;
    cursor: pointer;
    padding: 15px 20px 14px 20px !important;
    text-align: left;
}

.img-upload-host input[type="file"]::placeholder {}

/* Hide default file button */
.img-upload-host input[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
    float: left;
}

li.uploadresume input.wpcf7-form-control.wpcf7-file.file-upload-resume {
    display: none;
}

/* .img-upload-host::after {
    content: "\f093";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: orange;
    font-size: 16px;
    pointer-events: none;
} */









.newslettersection::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/bg-vector.svg);
    background-position: right top;
    background-size: cover;
    background-repeat: no-repeat;
    left: auto;
    top: 0;
    right: 0;
}

.newslettersection {
    padding-top: 200px !important;
    padding-bottom: 50px !important;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 38px;
}

.newsletter-submit p {
    position: relative;
    width: fit-content;
    margin-top: 34px;
}

p.newsletter-text {
    color: white !important;
    margin-bottom: 37px;
}

p.newsletter-text br {
    display: none;
}

.letter-clmn-right .newsletter-field input {
    padding: 14px 10px 14px 18px !important;
}

.letter-clmn-right .newsletter-submit input {
    background: var(--color-orange);
    color: #fff !important;
    padding: 7px 30px !important;
    cursor: pointer;
    text-transform: uppercase;
    border: 0 !important;
    width: fit-content;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
}

.letter-clmn-right {
    width: 44%;
}

.letter-colmn-left {
    width: 43%;
}

.events-wrapper {
    position: relative;
    display: flex;
    gap: 40px;
    padding-top: 67px;
}

/* select#event-category {
    position: absolute;
    top: 0;
    right: 0;
    background-color: black;
    color: white;
    padding: 11px 15px 11px 25px;
    width: 300px;
    border: 0;
    text-transform: uppercase;
} */

#event-category {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    background-color: #000;
    color: #fff;

    padding: 12px 40px 12px 20px;
    /* right space for arrow */
    width: 300px;

    border: none;
    outline: none;

    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
}

/* Custom arrow */
#event-category {
    background-image: url(../images/menu-arrow.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 10px !important;
    background-position: 96% 19px !important;
}

.events-main-outer {
    padding-top: 0;
}

.page-id-43 .abt-aboutus-out {
    padding-bottom: 25px !important;
}


.letter-left {
    max-width: 74.5% !important;
}

.left-inner h6,
.left-inner h6 span {
    margin-bottom: 0 !important;
    text-transform: uppercase;
    font-family: 'Montserrat' !important;
    font-weight: 600;
    letter-spacing: 1px;
}

.left-inner h2 {
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 35px !important;
    line-height: 40px;
    letter-spacing: 2px;
    color: var(--color-orange) !important;
}




.pagination {
    display: flex !important;
    align-items: center;
    gap: 12px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    justify-content: center;
    max-width: 720px;
    margin: 0 auto 0 auto;
    border-top: 1px solid #A4A5A6;
    padding-top: 20px;
}

.events-left .pagination {
    margin: 0 -19% 0 auto !important;
    display: flex;
}

/* All links & numbers */
.pagination .page-numbers {
    text-decoration: none;
    color: #1e6fb9;
    /* blue */
    font-weight: 500;
    position: relative;
    font-family: 'Oswald';
    font-size: 13px;
}

/* Add vertical divider */
.pagination .page-numbers:not(:last-child)::after {
    content: "|";
    margin-left: 12px;
    color: var(--color-blue);
}

/* Current page */
.pagination .current {
    color: #f39c12;
    /* orange */
    font-weight: 700;
    font-family: 'Oswald';
    font-size: 13px;
}

/* Previous & Next */
.pagination .prev {
    text-transform: uppercase;
    color: #999;
    font-weight: 600;
    font-family: 'Oswald';
    font-size: 13px;
}

.pagination .next {
    text-transform: uppercase;
    color: var(--color-blue);
    font-weight: 600;
    font-family: 'Oswald';
    font-size: 13px;
}

/* Hover */
.pagination a:hover {
    color: #f39c12;
}

.hosteventouter {
    background: #F0F0F2;
    padding-top: 46px !important;
    padding-bottom: 60px !important;
}



.unaku-pudicha-class {
    position: absolute;
    right: 70px;
    top: 0;
}


.unaku-pudicha-class .select2-container--default .select2-selection--single {
    background: black;
    border-radius: 0 !important;
    color: white;
    height: 40px;
}

.unaku-pudicha-class .select2-container .select2-selection--single .select2-selection__rendered {
    text-transform: uppercase;
    color: #fff;
    font-size: 12px !important;
    line-height: normal;
    font-weight: 600;
    padding-left: 22px;
    padding-right: 220px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.unaku-pudicha-class span.select2-selection span.select2-selection__arrow {
    right: 3px;
}



/* ------------------------------EVENT-MAIN-PAGE-DESIGN-END-------------------------------------- */








/* ------------------------------EVENT-DETAILS-PAGE-DESIGN-------------------------------------- */



.event-wrapper {
    position: relative;
    padding-top: 30px;
}


.event-wrapper:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 143px;
    background: black;
    --p: 142px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--p)), 0 100%);
    top: -1px;
    left: 0;
    z-index: -1;
}

/* .event-wrapper .event-layout {
    max-width: 83% !important;
    margin: 0 auto;
    position: relative;
} */

.event-wrapper .event-image {
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    position: relative;
}

.event-layout .event-header .event-content {
    width: 100%;
}

.event-header {
    width: 64.5%;
}

.event-wrapper .event-image img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
}


.event-wrapper .event-right {
    padding: 22px;
    gap: 0;
    position: absolute;
    top: 135px;
    right: 0;
    display: flex;
    flex-direction: column;
    width: 31.3%;
    z-index: 1;
}

.event-wrapper .event-right::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 40%;
    background: #ffffff;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    left: 0;
    bottom: 0;
    z-index: -1;
}

.event-wrapper .event-right::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/grey-pattren.svg);
    background-position: center;
    background-size: 97%;
    background-repeat: repeat;
    left: 0;
    top: 0;
    z-index: -2;
}

.sidebar-event {
    display: flex;
    gap: 24px;
    margin-bottom: 42px;
}

.sidebar-event-title {
    font-size: 13px;
    font-weight: 700;
    line-height: 17px;
    color: black !important;

}

.sidebar-date {
    font-weight: 500;
    color: orange !important;
    font-size: 10px !important;
    text-transform: unset !important;
    line-height: 12px;
}

p.twins-show {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 18px;
}

.sidebar-thumb {
    width: 36%;
    height: 0;
    padding-bottom: 30%;
    position: relative;
}

.sidebar-content {
    width: 55%;
}


.event-wrapper .event-right h3.sidebar-title {
    text-align: center;
    font-size: 22px !important;
    font-weight: 700;
    margin-bottom: 27px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 0;
}


.mgrameshkumar {
    max-width: 83% !important;
    margin: 0 auto;
    position: relative;
}

.event-tagline-wrapper .event-tagline h6 {
    text-transform: uppercase;
    font-family: 'Montserrat' !important;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 0 !important;
}

.event-tagline-wrapper h1.event-title {
    margin-top: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.event-tagline-wrapper {
    margin-top: 54px;
    margin-bottom: 19px;
}

.event-tagline-wrapper .event-date {
    font-size: 10px;
    color: #BCBEC0;
    margin-top: 15px;
}

.event-tagline-wrapper .event-content {
    width: 65%;
}

.event-carousel-section {
    width: 65%;
    margin-top: 70px;
}

.event-carousel-section .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
}

.event-carousel-section .owl-dots button.owl-dot {
    border: 1px solid grey;
}

.event-carousel .item img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    object-fit: contain;
}

.event-carousel .item {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 40%;
}


.contentafter-carouselsection {
    margin-top: 36px;
    width: 65%;
}

.callouttext-section {
    max-width: 69%;
    margin: 0 auto;
    position: relative;
    padding-left: 100px;
}

.callouttext-section blockquote {
    font-size: 24px;
    font-family: 'Arvo' !important;
    font-style: italic;
    font-weight: 600;
    color: orange;
    text-align: center;
    letter-spacing: 1px;
    line-height: 30px;
    margin-top: 120px;
    margin-bottom: 92px;
}

.callouttext-section blockquote::before {
    position: absolute;
    content: "";
    width: 96px;
    height: 96px;
    top: -28px;
    left: 0;
    background: url(../images/quote-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.event-media {
    width: 64.5%;
}

.contentaftervideoimage-section h2 {
    font-size: 23px !important;
    font-family: 'Oswald' !important;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 19px;
    color: #2B2C2D !important;
}

.contentaftervideoimage-section {
    padding-top: 10px;
    width: 65%;
}

.prevnext-section a {
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Oswald';
    padding: 0 10px;
    color: var(--color-blue) !important;
}

.prevnext-section {
    display: flex;
}

.prevnext-section {
    display: flex;
    justify-content: center;
    max-width: 720px;
    margin: 0 auto 25px auto;
    border-top: 1px solid #A4A5A6;
    padding-top: 20px;
    margin-top: 40px;
}

.next-post a {
    border-left: 1px solid var(--color-blue);
}


/* ------------------------------EVENT-DETAILS-PAGE-DESIGN-END-------------------------------------- */






/* ------------------------------GALLERY-PAGE-DESIGN-------------------------------------- */




.kn-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px !important;
    row-gap: 52px !important;
    width: 100% !important;
    max-width: 91% !important;
    margin: 0 auto;
}

.kn-gallery-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

.full-gallery-outer .et_pb_row.et_flex_row {
    max-width: 74% !important;
}

.kn-gallery-meta {
    font-size: 12px !important;
    color: #000202 !important;
    padding-left: 10px;
    line-height: 18px;
    margin-top: 13px !important;
}

.kn-gallery-title {
    font-weight: 600 !important;
    font-size: 18px !important;
    text-transform: capitalize;
    padding-left: 10px;
    margin-top: 0px !important;
    color: black !important;
}


.kn-gallery-filter .select2-container--default .select2-selection--single {
    background: black;
    border-radius: 0 !important;
    color: white;
    height: 40px;
}

.kn-gallery-filter .select2-container .select2-selection--single .select2-selection__rendered {
    text-transform: uppercase;
    color: #fff;
    font-size: 12px !important;
    line-height: normal;
    font-weight: 600;
    padding-left: 22px;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.kn-gallery-filter {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
}

.kn-gallery-filter .select2-container {
    width: 300px !important;
}

.full-gallery-outer {
    padding-top: 10px !important;
    padding-bottom: 39px !important;
}

.kn-gallery-filter {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 43px !important;
}



.kn-pagination {
    display: flex !important;
    align-items: center;
    gap: 0px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    justify-content: center;
    max-width: 720px;
    margin: 85px auto 0 auto !important;
    border-top: 1px solid #A4A5A6;
    padding-top: 20px;
}

.kn-pagination .current {
    color: #f39c12 !important;
    font-weight: 700;
    font-family: 'Oswald';
    font-size: 13px;
}

.kn-pagination .page-numbers {
    text-decoration: none;
    color: var(--color-blue);
    font-weight: 500;
    position: relative;
    font-family: 'Oswald';
    font-size: 13px;
    text-transform: uppercase;
}

.kn-pagination .next {
    text-transform: uppercase;
    color: #A4A5A6;
    font-weight: 600;
    font-family: 'Oswald';
    font-size: 13px;
}

.kn-pagination .page-numbers:not(:last-child)::after {
    content: "|";
    margin-left: 12px;
    color: var(--color-blue);
}

.kn-gallery-filter select {
    padding: 8px 12px;
    background: #000;
    color: #fff;
    border: none;
    width: 300px;
}

.kn-gallery-item .kn-gallery-thumb img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #e056a7;
    background-color: #B3B3B3;
}

.kn-gallery-item .kn-gallery-thumb {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 67%;
}

/* ------------------------------GALLERY-PAGE-DESIGN-END------------------------------------- */







/* ------------------------------GALLERY-DETAILS-PAGE-DESIGN------------------------------------- */





.headline_tag-section h6 {
    margin-bottom: 0 !important;
    text-transform: uppercase;
    font-family: 'Montserrat' !important;
    font-weight: 500;
    letter-spacing: 1px;
}

.headline_tag-section h1.kn-title {
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 35px !important;
    line-height: 40px;
    letter-spacing: 1px;
}

.headline_tag-section {
    padding-bottom: 31px;
}

.kn-gallery-slider .item {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 66%;
}

.kn-gallery-slider .owl-nav {
    display: none;
}

.kn-gallery-slider .item img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}

.kn-gallery-slider {
    width: 90%;
    margin: 0 auto;
}

.kn-gallery-slider .item video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}

.kn-fullcontent-section {
    max-width: 74%;
    margin: 0 auto;
    padding-bottom: 82px;
}

.gallery-subtitle h4 {
    font-family: 'Oswald' !important;
    letter-spacing: 2px;
    margin-bottom: 19px;
}

.content-section {
    padding-top: 40px;
}

.kn-gallery-slider .owl-dots button.owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 1px solid var(--color-dark-blue);
}

.kn-gallery-slider .owl-dots button.owl-dot.active {
    border: 0 !important;
}


















/* SECTION BACKGROUND */
.vdo-section-gallery {
    background: var(--color-blue);
    padding: 80px 60px;
    color: #fff;
    position: relative;
    overflow: hidden;
}


/* TOP SECTION */
.vdo-topsection {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 53px;
    padding-left: 69px;
}

/* LEFT TEXT */
.vdo-left-content {
    margin-top: 74px;
    width: 40%;
}

.video_section_text-section h6 {
    margin-bottom: 0 !important;
    text-transform: uppercase;
    font-family: 'Montserrat' !important;
    font-weight: 500;
    color: var(--whitecolor) !important;
}

.video_section_text-section h2 {
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 35px !important;
    line-height: 40px;
    letter-spacing: 1px;
    color: var(--whitecolor) !important;
}

.video_section_text-section p {
    max-width: 350px;
    color: var(--whitecolor) !important;
}

/* RIGHT VIDEO */
.vdo-right-vdo {
    width: 55%;
}

.video_section_url-section video {
    width: 100%;
}

/* BOTTOM CAROUSEL */
.vdo-bottomsection {
    position: relative;
}

/* CARD */
.kn-vdo-item {
    cursor: pointer;
}

/* VIDEO THUMB */
.kn-vdo-thumb {
    position: relative;
}

.kn-vdo-thumb video {
    width: 100%;
    display: block;
}

/* PLAY ICON */
.kn-vdo-thumb::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0px;
    color: #fff;
    background: url(../images/Play_White.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/* TEXT BELOW */
.kn-vdo-tag {
    font-size: 12px !important;
    letter-spacing: 1px;
    margin-top: 17px !important;
    color: white !important;
    line-height: 16px;
    font-weight: 400;
}

.kn-vdo-title {
    font-size: 18px !important;
    font-weight: 600;
    margin-top: 2px;
}

/* OWL NAV BUTTONS */
.vdo-section-gallery {
    background: var(--color-blue);
    padding: 100px 115px 100px 115px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.vdo-section-gallery .owl-nav button {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff !important;
    border: none;
    font-size: 0;
    position: relative;
}

.vdo-section-gallery .owl-nav button::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/top-scroll.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(228deg) brightness(109%) contrast(101%);
    opacity: 0.5;
}

.vdo-section-gallery .owl-nav button span {
    font-size: 0;
}

.vdo-section-gallery button.owl-prev::before {
    left: -17px;
    rotate: -90deg;
}

.vdo-section-gallery button.owl-next::before {
    right: -17px;
    rotate: 90deg;
    left: auto;
}

.kn-vdo-carousel .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 34%;
    transform: translate(0px, -50%);
}



.kn-masonry-wrapper {
    max-width: 83%;
    margin: 0 auto;
}


.kn-gallery-mansory {
    padding-top: 100px;
}


.kn-single-gallery {
    margin: 0;
    padding-top: 166px;
    position: relative;
}

.kn-single-gallery::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 188px;
    background: black;
    --p: 185px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--p)), 0 100%);
    top: -1px;
    left: 0;
}

.kn-masonry-item {
    width: 24% !important;
}


.kn-post-navigation {
    display: flex !important;
    align-items: center;
    gap: 0px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    justify-content: center;
    max-width: 720px;
    margin: 85px auto 0 auto !important;
    border-top: 1px solid #A4A5A6;
    padding-top: 20px;
    margin-bottom: 40px !important;
}

.kn-post-navigation span.kn-nav-label {
    text-transform: uppercase;
    color: var(--color-blue);
    font-weight: 600;
    font-family: 'Oswald';
    font-size: 13px;
}

.kn-post-navigation a.kn-nav-item {
    padding: 0 12px;
    position: relative;
}

.kn-post-navigation a.kn-nav-item.kn-prev::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 67%;
    right: 0;
    top: 4px;
    background-color: var(--color-blue);
}




/* ------------------------------GALLERY-DETAILS-PAGE-DESIGN-END------------------------------------ */







/* ------------------------------SCHEDULES-PAGE-DESIGN------------------------------------ */


.schedules-intro-section::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 58%;
    background: black;
    --p: 185px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--p)), 0 100%);
    top: -1px;
    left: 0;
}

.kn-month-nav {
    display: flex;
    justify-content: center;
    gap: 22px;
    margin-bottom: 18px;
    align-items: center;
}

.kn-month-nav span.month-label {
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: 600;
}

.kn-month-nav span#prev-month,
.kn-month-nav span#next-month {
    position: relative;
    display: block;
    width: 11px;
    height: 11px;
    background: url(../images/month-ar-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 0;

}

.kn-month-nav span#next-month {
    transform: scalex(-1);
}


.kn-calendar {
    gap: 0 !important;
    border: solid #F0F0F2;
    border-width: 0px 0px 0px 0px;
    display: flex;
    flex-direction: column;
}

.days-gone ul.days-events {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    padding: 0 !important;
}

.days-gone ul.days-events li::before {
    display: none !important;
}

.days-gone ul.days-events li {
    padding: 0;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
}

.calender-grid-events {
    grid-template-columns: repeat(7, 1fr);
    display: grid;
    border: solid #F0F0F2;
    border-width: 1px 0px 0px 1px;
}

.kn-day {
    border: solid #F0F0F2 !important;
    height: 200px !important;
    padding: 5px !important;
    border-width: 0px 1px 1px 0px !important;
    transition: 0.5s;
}

.kn-day:hover {
    border: 2px solid #F0F0F2 !important;
    border-width: 2px 2px 2px 2px !important;
}

.kn-day.has_events:hover {
    border: 2px solid #FF9901 !important;
    transition: 0.5s;
}

.kn-day.active {
    border: 2px solid var(--color-blue) !important;
}

.sch-calender-inner {
    max-width: 80.5% !important;
}

.kn-filters {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}


h3.kn-date {
    font-size: 18px !important;
    font-family: 'Montserrat' !important;
    font-weight: 600 !important;
    color: black !important;
    margin-top: 20px;
}

h3.kn-date.active {
    color: var(--color-blue-grey) !important;
}

.schedules-intro-section {
    padding-top: 190px !important;
    padding-bottom: 0 !important;
}

.schedules-intro-row {
    padding-top: 0px !important;
}


.kn-toggle {
    display: flex;
    gap: 20px;
}

.kn-toggle span {
    width: 20px;
    height: 20px;
    background: url(../images/icons_yellow.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 0;
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(96%) contrast(104%);
}

.kn-toggle span#listBtn {
    background: url(../images/List_black.svg);
}

span.active {
    filter: brightness(0) saturate(100%) invert(75%) sepia(37%) saturate(7372%) hue-rotate(2deg) brightness(105%) contrast(107%);
}


.sch-calender-inner .kn-list .day-name {
    font-size: 10px;
    text-transform: uppercase;
    line-height: 9px;
    color: #787878;
}




.kn-week-strip {
    gap: 0 !important;
    border: solid #F0F0F2;
    border-width: 1px 0px 0px 1px;
}

.kn-week-day {
    border: solid #F0F0F2 !important;
    height: 113px !important;
    padding: 22px 5px 5px 5px !important;
    border-width: 0px 1px 1px 0px !important;
}

.kn-week-day .num {
    font-size: 25px !important;
    font-weight: bold;
    font-family: var(--font-arvo) !important;
}

.kn-week-day.active {
    background: transparent !important;
}

.kn-week-day.active .num {
    color: var(--color-blue) !important;
}

.kn-week-day .count {
    color: black;
    font-size: 12px;
    line-height: 11px;
    width: fit-content;
    margin: 22px auto 0 auto;
    padding: 4px 10px 4px 10px;
    border-bottom: 2px solid #0067AE;
}

span.kn-live a {
    color: var(--whitecolor) !important;
    padding: 3px 9px 3px 28px !important;
    background: var(--color-red) !important;
    text-transform: uppercase;
    font-family: var(--font-montserrat);
    font-size: 13px !important;
    position: relative;
    letter-spacing: 1px;
    cursor: pointer;
    display: block;
}

span.kn-live a::before {
    position: absolute;
    content: "";
    width: 35px;
    height: 35px;
    background: url(../images/white-play-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: -2px;
    left: -15px;
    box-shadow: rgb(0 0 0 / 77%) 0px 0px 5px;
    border-radius: 50%;
}

span.kn-live {
    background: transparent;
    color: #fff !important;
    padding: 0 !important;
    font-size: 13px !important;
}

.kn-item span.kn-score {
    font-size: 25px;
    font-weight: 500;
    font-family: 'Montserrat';
    margin-right: 174px;
}

.sch-calender-inner .kn-item span.kn-score {
    margin-right: 0px;
}

.sch-calender-inner span.kn-result {
    margin-right: 44px;
}

.kn-item span.kn-result {
    font-size: 25px;
    font-family: 'Arvo' !important;
}

span.kn-result.lose {
    color: #E01837 !important;
}

span.kn-result.win {
    color: #00AF54 !important;
}



.kn-day .date {
    font-size: 25px !important;
    font-weight: bold;
    font-family: var(--font-arvo) !important;
}


.kn-loader img {
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

.kn-loader {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: 0;
}


.kn-vallarasu select {
    font-size: 12px;
    font-weight: bold;
    color: white;
    border: 0;
    padding: 12px 10px 12px 25px;
    text-transform: uppercase;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/menu-arrow.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 10px !important;
    background-position: 96% 19px !important;
}

.kn-vallarasu select#kn-sport {
    background: var(--blackcolor);
    width: 301px;
    cursor: pointer;
}

.kn-vallarasu select#kn-game {
    background: #0F3254;
    width: 233px;
    cursor: pointer;
}

.kn-vallarasu select::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 6px;
    height: 6px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    pointer-events: none;
}

.live-view-outer {
    display: flex;
    gap: 13px;
    flex-direction: column;
}

.kn-item .kn-right {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: flex-end;
}

.kn-left {
    display: flex;
    flex-direction: row !important;
    gap: 57px !important;
    align-items: center;
}

.kn-meta-top {
    font-size: 13px !important;
    color: black !important;
    font-weight: 700 !important;
}

.kn-logos img {
    width: 40px !important;
    height: 40px !important;
    background: #ffd;
}

.kn-logos {
    gap: 35px !important;
    font-size: 10px !important;
    display: flex;
    align-items: center;
    color: #939598;
}

.kn-meta-bottom span {
    font-size: 10px !important;
    line-height: 10px;
}

.kn-meta-bottom small {
    display: block;
    color: black !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    line-height: 10px;
}

.kn-meta-bottom {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kn-meta-bottom {
    margin-top: 7px;
}

.kn-meta-bottom small {
    display: block;
    color: black !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    line-height: 10px;
}

.kn-day img.event-icon {
    width: 13px;
    height: 13px;
}

.event-games {
    display: flex;
    align-items: center;
    gap: 7px;
    position: relative;
}

.event-games a.event {
    font-size: 10px;
    font-weight: 700 !important;
    color: black;
}

.event-games-outer .event-games:first-child::before {
    content: "";
    display: block;
    height: 2px;
    background-color: #0067AE;
    position: absolute;
    top: 0;
    left: -7px;
    width: 17px;
}

.event-games-outer .event-games:first-child {
    position: relative;
    padding-top: 28px;
}

.kn-meta-top img.event-icon {
    width: 17px;
    height: 17px;
}

.kn-meta-top {
    display: flex;
    align-items: center;
    gap: 4px;
}

.event-games-outer {
    padding-left: 7px;
}


.kn-category-wrapper {
    max-width: 100% !important;
    margin: 0 auto !important;
    padding-top: 207px;
    position: relative;
}

.kn-category-wrapper::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 36%;
    background: black;
    --p: 185px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--p)), 0 100%);
    top: -1px;
    left: 0;
}

.filterandheader {
    display: flex;
    justify-content: space-between;
    max-width: 74%;
    margin: 0 auto;
}


.kn-cat-header h1 {
    margin-top: 0 !important;
    font-weight: 600;
}

.kn-cat-header h6 {
    font-weight: 600;
    margin-top: 0;
}


.filterandheader {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.filterandheader .kn-cat-header {
    padding-bottom: 16px;
}

.kn-cat-controls {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-end !important;
    margin-bottom: 10px !important;
    flex-direction: column;
    gap: 0 !important;
    margin-bottom: 0 !important;
}


select#kn-sport-switch {
    background: var(--blackcolor);
    width: 301px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    border: 0;
    padding: 12px 10px 12px 25px;
    text-transform: uppercase;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/menu-arrow.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 10px !important;
    background-position: 96% 19px !important;
}

.kn-sort span {
    font-family: 'Oswald' !important;
    letter-spacing: 1px;
    color: #0067AE !important;
    font-size: 13px !important;
}

.kn-sort {
    margin-top: 10px;
}

.kn-sort span.active {
    color: #FF9901 !important;
}


div#kn-category-list {
    max-width: 74% !important;
    margin: 0 auto;
}

div#kn-category-list .kn-row a.kn-btn {
    font-size: 13px !important;
    padding: 4px 25px !important;
    display: block;
    letter-spacing: 1px;
}

div#kn-category-list .kn-row a.kn-btn:hover {
    background-color: var(--color-blue-grey);
}


div#kn-category-list .kn-row {
    border-top: 1px solid #939598;
    border-bottom: 0 !important;
    padding: 20px 0px 20px 44px !important;
    align-items: center;
}

div#kn-category-list .kn-row:last-child {
    border-bottom: 1px solid #939598 !important;
}


.subtitle-sec {
    max-width: 91% !important;
    margin: 0 auto;
}

.subtitle-sec-inner h4 {
    font-family: 'Oswald' !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #2B2C2D;
    margin-bottom: 22px;
}

.subtitle-sec .subtitle-sec-inner {
    max-width: 91% !important;
    margin: 0 auto;
    padding-right: 10%;
}

.subtitle-sec {
    padding-top: 55px;
}

.away-home-outer {
    font-size: 25px;
    font-weight: 500;
    font-family: Montserrat;
}

.result-outer {
    display: flex;
    gap: 10px;
}

.game-update {
    display: flex;
    gap: 42px;
    margin-left: 19%;
}

.kn-category-wrapper .time-date {
    color: #939598;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 13px;
}

.kn-category-wrapper .time-date strong {
    color: black !important;
    font-size: 13px;
}

.event-games.is_live a {
    filter: brightness(0) saturate(100%) invert(13%) sepia(86%) saturate(4554%) hue-rotate(343deg) brightness(104%) contrast(92%);
}

.event-games.is_live img {
    filter: brightness(0) saturate(100%) invert(13%) sepia(86%) saturate(4554%) hue-rotate(343deg) brightness(104%) contrast(92%);
}


ul.days-events.mobile-days-gone {
    display: none;
}


.kn-day.other-month .date {
    color: #F0F0F2 !important;

}

.day-name.mobile {
    display: none;
}


/* ------------------------------SCHEDULES-DETAILS-PAGE-DESIGN-END------------------------------------ */













/* LIVE CARD */
.kn-live-card {
    text-align: center;
    padding: 0px 20px 20px 20px;
    /* border-bottom: 1px solid #ddd; */
}

.kn-live-top {
    color: #999;
    font-size: 12px;
    margin-bottom: 0;
}

.kn-live-center {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    text-transform: uppercase;
}

.kn-live-logo {
    width: 40px;
    height: 40px;
}

.kn-live-title {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

.kn-live-bottom {
    margin-top: 10px;
}

.kn-live-badge {
    color: var(--whitecolor);
    padding: 3px 19px 3px 28px;
    background: var(--color-red);
    text-transform: uppercase;
    font-family: var(--font-montserrat);
    font-size: 13px;
    position: relative;
    letter-spacing: 1px;
    display: block;
    width: fit-content;
    margin: 0 auto;
}

.kn-live-badge::before {
    position: absolute;
    content: "";
    width: 37px;
    height: 37px;
    background: url(../images/white-play-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: -4px;
    left: -15px;
}



/* .kn-wrapper {
    max-width: 420px;
    margin: auto;
    font-family: Arial
} */

/* FILTER */
.kn-filter {
    position: relative;
    margin-bottom: 20px
}

.kn-filter-selected {
    background: #000;
    color: #fff;
    padding: 9px 10px 9px 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 14px;
}

/* .kn-filter-selected span {
    margin-left: 10px;
} */

.kn-arrow {
    margin-left: auto;
    font-size: 0;
    position: relative;
    display: block;
    background-image: url(../images/menu-arrow.svg) !important;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 10px;
    height: 10px;
    transition: 0.5s;

}

.kn-filter-selected.active span.kn-arrow {
    rotate: 180deg;
    transition: 0.5s;
}

.kn-filter-list {
    display: none;
    position: absolute;
    width: 100%;
    background: #aaa;
    z-index: 10;
    box-shadow: rgb(0 0 0 / 50%) 0px 4px 2px;
}

.kn-filter-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 12px 12px 24px;
    background: #999;
    color: #fff;
    cursor: pointer;
}

.kn-filter-item:hover,
.kn-filter-item.active {
    background: #f39c12;
}

img.kn-filter-icon {
    width: 15px;
    filter: brightness(0) saturate(100%) invert(81%) sepia(97%) saturate(0%) hue-rotate(328deg) brightness(104%) contrast(102%);
}

.home-schedule div#kn-results .kn-row {
    border-top: 1px solid #BCBEC0;
    border-bottom: 0 !important;
    padding: 6px 27px;
}

.home-schedule div#kn-results .kn-row:last-child {
    border-bottom: 1px solid #BCBEC0;
}

.home-schedule .kn-logos img {
    width: 33px !important;
    height: 33px !important;
    background: #ffd;
}

.home-schedule .kn-left {
    gap: unset !important;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.home-schedule .kn-time {
    line-height: 14px;
}

.home-schedule .kn-time strong {
    font-size: 13px;
}

.home-schedule .kn-time small {
    font-size: 10px;
    text-transform: uppercase;
}

/* LIVE CARD */

.kn-live-top small {
    color: #999;
    font-size: 12px;
    margin-bottom: 0px;
}



.kn-live-logo {
    width: 40px;
}

.kn-live-title {
    margin: 0;
    font-size: 20px;
}

/* NORMAL */
.kn-row {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
}


.kn-time small {
    color: #999;
}

.kn-logos img {
    width: 35px;
}

.kn-empty {
    text-align: center;
    color: #999;
}











.kn-media-popup {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
}

.kn-popup-inner {
    position: relative;
    max-width: 900px;
    width: 90%;
    margin: 80px auto;
    text-align: center;
}



.kn-close:hover {
    color: #ff4d4d;
}

.kn-media-content {
    background: #000;
    padding: 10px;
    border-radius: 8px;
}

.kn-media-content video {
    width: 100%;
    max-height: 500px;
}

.kn-media-content audio {
    width: 100%;
}

body.kn-modal-open {
    overflow: hidden;
}





/* GRID */
.kn-masonry-grid {
    margin-left: -10px;
}

.kn-masonry-item {
    width: 25%;
    padding-left: 15px;
    margin-bottom: 10px;
    float: left;
    cursor: pointer;
}

.kn-masonry-item img {
    width: 100%;
    display: block;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
    .kn-masonry-item {
        width: 31.33% !important;
    }
}

@media (max-width: 768px) {
    .kn-masonry-item {
        width: 50% !important;
    }
}

@media (max-width: 480px) {
    .kn-masonry-item {
        width: 100% !important;
    }
}

/* POPUP */
#kn-masonry-popup {
    display: none;
    position: fixed;
    inset: 0;
    background: #000;
    z-index: 99999;
    justify-content: center;
    align-items: center;
}


#kn-popup-img {
    width: 100%;
    max-height: 100%;
    object-fit: contain;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #171717;
}

/* CLOSE */
.kn-close {
    position: absolute !important;
    top: 9%;
    right: 17%;
    cursor: pointer !important;
    display: block;
    background: url(../images/close-icon-red.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
    font-size: 0 !important;
}

/* NAV */
#kn-masonry-popup .kn-nav {
    margin-top: 50px;
    border-top: 1px solid #ffffff8f;
    padding-top: 23px;
}

#kn-masonry-popup .kn-nav button#kn-prev {
    border-right: 1px solid var(--color-blue);
}

#kn-masonry-popup .kn-nav button {
    text-transform: uppercase;
    color: var(--color-blue) !important;
    font-weight: 500 !important;
    font-family: 'Oswald';
    font-size: 13px;
    letter-spacing: 1px;
    padding: 0 10px;
    margin: 0 1px;
    line-height: 16px;
}

.kn-nav button {
    background: none;
    border: none;
    color: #00aaff;
    margin: 0 10px;
    cursor: pointer;
}




.kn-vdo-thumb {
    height: 150px;
    background: #e056a7;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.kn-play-btn {
    font-size: 30px;
    color: #fff;
}

.kn-vdo-tag {
    font-size: 11px;
    color: #ccc;
    margin-top: 10px;
    text-transform: uppercase;
}

.kn-vdo-title {
    font-size: 14px;
    color: #fff;
}

/* POPUP */
#kn-video-popup {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.kn-video-inner {
    width: 80%;
    max-width: 800px;
    position: relative;
}

#kn-popup-video {
    width: 100%;
}

.kn-video-close {
    position: absolute;
    top: -30px;
    right: 0;
    color: #fff;
    font-size: 28px;
    cursor: pointer;
}

.kn-vdo-thumb video {
    width: 100%;
    height: 160px;
    object-fit: cover;
    cursor: pointer;
}



.kn-category-wrapper {
    max-width: 1000px;
    margin: auto;
    font-family: Arial
}

.kn-cat-header h1 {
    font-size: 14px;
    letter-spacing: 2px
}

.kn-cat-header h2 {
    font-size: 28px;
    margin-bottom: 20px
}

.kn-cat-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.kn-sort span {
    cursor: pointer
}

.kn-sort .active {
    color: #1e73be
}

.kn-row {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.kn-left {
    display: flex;
    align-items: center;
    gap: 15px
}

.kn-logos img {
    width: 30px;
    height: 30px
}

.kn-result.win {
    color: #00AF54;
    font-weight: bold;
    font-size: 25px !important;
    font-family: var(--font-arvo);
}

.kn-result.lose {
    color: #e74c3c;
    font-weight: bold;
    font-size: 25px;
    font-family: 'Arvo' !important;
}

.kn-btn {
    background: var(--color-orange);
    color: #fff;
    padding: 6px 12px;
    text-decoration: none
}









/* GRID */
.kn-host-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

/* CARD */
.kn-host-card {
    background: #000;
    color: #fff;
    padding: 45px 20px 35px 20px;
}

.kn-host-inner {
    display: flex;
    gap: 20px;
}

.kn-host-img img {
    width: 150px;
    height: 150px;
    object-fit: cover;
}

.kn-host-content h3 {
    margin: 0;
}

.kn-host-social a {
    margin-right: 4px;
    color: #fff;
}

.kn-read-bio {
    display: inline-block;
    margin-top: 10px;
    color: orange;
    cursor: pointer;
}

/* MODAL */
.kn-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
}

.kn-modal-content {
    position: relative;
    max-width: 900px;
    margin: 80px auto;
    color: #fff;
}


/* MODAL BODY */
.kn-modal-body img {
    width: 150px;
    margin-bottom: 20px;
}

.kn-modal-body h3 {
    font-size: 28px;
}

body.kn-modal-open {
    overflow: hidden;
}

.kn-modal-social {
    margin: 10px 0 20px;
}

.kn-modal-social a {
    margin-right: 10px;
    color: #fff;
    font-size: 16px;
}

.kn-modal-social a:hover {
    color: #f5a623;
}




.img-upload-host {
    position: relative;
}

.custom-file-upload {
    display: block;
    width: 100%;
    background: #eee;
    padding: 14px;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    color: #777;
}

/* Hide actual file input */
.custom-file-upload input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* Optional icon */
.custom-file-upload::after {
    content: "\f093";
    /* upload icon (FontAwesome) */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: orange;
    font-size: 17px;
}

label.custom-file-upload br {
    display: none;
}

label.custom-file-upload {
    background: #ffffff;
    font-size: 12px;
    width: 100%;
    color: #231F20 !important;
    font-family: 'Montserrat';
    border: 0 !important;
}

li.half.host-date p {
    position: relative;
}

li.half.host-date p::after {
    position: absolute !important;
    content: "" !important;
    width: 18px;
    height: 18px;
    background: url(../images/calender-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 17px;
    right: 15px;
}

.flatpickr-calendar {
    width: 32.4%;
    z-index: 9999 !important;
}

.flatpickr-rContainer {
    width: 100%;
}

.dayContainer {
    width: 100% !important;
    max-width: 100%;
}

.flatpickr-days {
    width: 100%;
}

span.flatpickr-day {
    width: 100% !important;
    max-width: 100% !important;
}

.dayContainer {
    width: 100% !important;
    max-width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

span.flatpickr-day.today {
    font-weight: 700;
}

.flatpickr-month {
    height: 77px !important;
}

span.flatpickr-weekday {
    text-transform: uppercase;
}













.month-view {
    display: inline;
}

.week-view {
    display: none;
}



/* SOCIAL MEDIA CODE CSS :::::::::::::::::::: */

@media (min-width: 1000px) {

    .card-left {
        width: 23% !important;
    }

    .kansas-feed-stack {
        width: 28% !important;
    }

    .card-fb-big,
    .card-tw-mid {
        width: 100% !important;
        border: none !important;
    }

    .card-right-pink {
        width: 24% !important;
    }

    .card-left iframe {
        width: 100% !important;
        height: 300px !important;
    }

    .card-right-pink iframe {
        width: 100% !important;
        height: 381px !important;
    }

    .card-fb-big iframe,
    .card-tw-mid iframe {
        width: 100% !important;
    }

    .kansas-feed-row {
        width: 100% !important;
    }

    .card-left iframe {
        width: 100% !important;
        height: 300px !important;
    }

    .card-right-pink iframe {
        width: 100% !important;
        height: 381px !important;
    }

    .card-fb-big iframe,
    .card-tw-mid iframe {
        width: 100% !important;
    }

    .kansas-feed-top {
        background: #ffffff !important;
    }

    .card-right-pink .kansas-feed-top {
        background: #fff !important;
        border-bottom: none !important;
    }

    .card-right-pink .kansas-feed-top i.fab.fa-facebook-f {
        color: #000 !important;
    }


}

.card-tw-mid iframe {
    height: 380px !important;
}

.card-fb-big,
.card-tw-mid {
    border: none !important;
}

.kansas-feed-row {
    width: 100% !important;
}

.card-left iframe {
    width: 100% !important;
    height: 380px !important;
}

.card-right-pink iframe {
    width: 100% !important;
    height: 381px !important;
}

.card-fb-big iframe,
.card-tw-mid iframe {
    width: 100% !important;
}

.kansas-feed-top {
    background: #ffffff !important;
}

.card-right-pink .kansas-feed-top {
    background: #fff !important;
    border-bottom: none !important;
}

.card-right-pink .kansas-feed-top i.fab.fa-facebook-f {
    color: #000 !important;
}

.card-left {
    margin-top: 0 !important;
}

/* SOCIAL MEDIA CODE CSS :::::::::::::::::::: */





/* PODCAST CONTENT UPDATE CHANGES CSS CODE '"""""""""""""""""" */

/* .postid-717 .podcast-category-outer.cat-podcast,
.postid-717 .podcast-category-outer.cat-audio {
    display: none;
}

.postid-717 .podcast-category-outer.cat-podcast,
.postid-717 .podcast-category-outer.cat-audio {
    display: none;
}

.postid-717 .podcast-category-outer.cat-podcast,
.postid-717 .podcast-category-outer.cat-audio {
    display: none;
}

.postid-717 .podcast-category-outer.cat-podcast,
.postid-717 .podcast-category-outer.cat-audio {
    display: none;
}

.postid-717 .podcast-category-outer.cat-podcast,
.postid-717 .podcast-category-outer.cat-audio {
    display: none;
} */

.iframe-cont {
    background: #f1f0f5;
    padding-top: 70px;
    padding-bottom: 70px;
    margin-bottom: 70px;
}

.iframe-cont .podcast-player {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

/* PODCAST CONTENT UPDATE CHANGES CSS CODE '"""""""""""""""""" */