* {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
   user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}

/* ==========================================================
   CARNATIC MUSIC EXAMS
   COMPLETE CONSOLIDATED ADDITIONAL CSS
   ========================================================== */


/* ==========================================================
   1. GOOGLE FONTS
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Poppins:wght@400;500;600;700&display=swap');


/* ==========================================================
   2. DISABLE TEXT SELECTION / COPYING
   ========================================================== */

html,
body,
body * {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}


/* ==========================================================
   3. HIDE HEADER CART
   ========================================================== */



/* ==========================================================
   4. TOP BAR / TAGLINE AREA
   ========================================================== */

.top-bar,
.full-header-widgets,
.header-widget-area {
    background-color: #b52626 !important;
    color: #ffffff !important;
}


/* Top bar height and alignment */

.top-bar {
    position: relative !important;
    min-height: 52px !important;

    display: flex !important;
    align-items: center !important;
}


/* Top bar text */

.top-bar,
.top-bar a,
.full-header-widgets,
.full-header-widgets a,
.header-widget-area,
.header-widget-area a {
    color: #ffffff !important;

    font-family: 'Poppins', sans-serif !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    text-transform: none !important;

    letter-spacing: 0 !important;
}


/* Wider top bar content */

.top-bar .container,
.top-bar .wrap,
.top-bar-inner,
.full-header-widgets .container,
.header-widget-area .container {
    width: 94% !important;

    max-width: 1500px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* ==========================================================
   5. TAGLINE
   ========================================================== */

.site-description {
    font-family: 'Poppins', sans-serif !important;

    font-size: 18px !important;

    font-weight: 800 !important;

    color: #ffffff !important;

    text-transform: none !important;

    letter-spacing: 0 !important;
}


/* Prevent any forced uppercase on tagline */

.site-description,
.site-description a,
.site-description p {
    text-transform: none !important;
}


/* ==========================================================
   6. MAIN HEADER
   WHITE BACKGROUND
   ========================================================== */

.site-header {
    position: relative !important;

    background: #ffffff !important;

    border-bottom: 3px solid #b52626 !important;

    transition:
        background 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease !important;
}


/* ==========================================================
   7. HEADER INNER LAYOUT
   ========================================================== */

.site-branding-wrapper {
    position: relative !important;

    width: 94% !important;

    max-width: 1500px !important;

    min-height: 82px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
}


/* ==========================================================
   8. SITE BRANDING
   ========================================================== */

.site-branding {
    flex: 0 0 auto !important;

    margin-right: 35px !important;
}


/* ==========================================================
   9. SITE TITLE
   CARNATIC MUSIC EXAMS
   ========================================================== */

.site-title,
.site-title a {
    font-family: 'Playfair Display', Georgia, serif !important;

    font-size: 42px !important;

    font-weight: 1500 !important;

    line-height: 1.2 !important;

    letter-spacing: 0.5px !important;

    color: #b52626 !important;

    text-transform: none !important;

    white-space: nowrap !important;

    text-decoration: none !important;

    transition: color 0.25s ease !important;
}


/* Title hover */

.site-title a:hover {
    color: #7f1717 !important;
}


/* ==========================================================
   10. MAIN NAVIGATION
   ========================================================== */

.main-navigation {
    position: relative !important;

    flex: 1 1 auto !important;

    width: auto !important;

    margin-left: auto !important;
}


/* ==========================================================
   11. TOP LEVEL MENU
   ========================================================== */

.main-navigation > div > ul,
.main-navigation > ul {
    display: flex !important;

    align-items: center !important;

    justify-content: flex-end !important;

    white-space: nowrap !important;

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;
}


/* Each top-level menu item */

.main-navigation > div > ul > li,
.main-navigation > ul > li {
    position: relative !important;

    display: block !important;

    margin-left: 4px !important;

    margin-right: 4px !important;

    padding: 0 !important;
}


/* ==========================================================
   12. MAIN MENU LINKS
   ========================================================== */

.main-navigation > div > ul > li > a,
.main-navigation > ul > li > a {
    display: block !important;

    font-family: 'Poppins', sans-serif !important;

    font-size: 15px !important;

    font-weight: 800 !important;

    letter-spacing: 0.2px !important;

    color: #b52626 !important;

    background: transparent !important;

    text-transform: uppercase !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    padding: 32px 9px !important;

    transition:
        color 0.25s ease,
        background 0.25s ease !important;
}


/* Main menu hover */

.main-navigation > div > ul > li > a:hover,
.main-navigation > ul > li > a:hover {
    color: #7f1717 !important;
}


/* Active/current menu item */

.main-navigation > div > ul > li.current-menu-item > a,
.main-navigation > div > ul > li.current_page_item > a,
.main-navigation > ul > li.current-menu-item > a,
.main-navigation > ul > li.current_page_item > a {
    color: #7f1717 !important;
}


/* ==========================================================
   13. VERTICAL DROPDOWN SUBMENU
   ========================================================== */

.main-navigation .sub-menu {
    position: absolute !important;

    top: 100% !important;

    left: 0 !important;

    z-index: 99999 !important;

    display: none !important;

    width: 240px !important;

    min-width: 240px !important;

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;

    white-space: normal !important;

    background: #ffffff !important;

    border-top: 3px solid #b52626 !important;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.20) !important;
}


/* Show dropdown on hover */

.main-navigation li:hover > .sub-menu,
.main-navigation li:focus-within > .sub-menu {
    display: block !important;
}


/* Each submenu item */

.main-navigation .sub-menu li {
    position: relative !important;

    display: block !important;

    float: none !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* Submenu links */

.main-navigation .sub-menu li a {
    display: block !important;

    width: 100% !important;

    box-sizing: border-box !important;

    padding: 12px 18px !important;

    font-family: 'Poppins', sans-serif !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1.4 !important;

    text-transform: none !important;

    text-decoration: none !important;

    white-space: normal !important;

    color: #b52626 !important;

    background: #ffffff !important;

    border-bottom: 1px solid #eeeeee !important;

    transition:
        background 0.2s ease,
        color 0.2s ease !important;
}


/* Submenu hover */

.main-navigation .sub-menu li a:hover {
    color: #ffffff !important;

    background: #b52626 !important;
}


/* Last submenu item */

.main-navigation .sub-menu li:last-child > a {
    border-bottom: none !important;
}


/* ==========================================================
   14. NESTED SUBMENU
   SECOND LEVEL DROPDOWN
   ========================================================== */

.main-navigation .sub-menu .sub-menu {
    top: 0 !important;

    left: 100% !important;
}


/* ==========================================================
   15. STICKY / SCROLLED HEADER
   ========================================================== */

.sticky-wrapper.is-sticky .site-header,
.is-sticky .site-header,
.site-header.sticky {
    background: #ffffff !important;

    border-bottom: 3px solid #b52626 !important;

    box-shadow:
        0 4px 14px rgba(0, 0, 0, 0.16) !important;
}


/* Slightly compact header while scrolling */

.sticky-wrapper.is-sticky .site-branding-wrapper,
.is-sticky .site-branding-wrapper,
.site-header.sticky .site-branding-wrapper {
    min-height: 68px !important;
}


/* Sticky title */

.sticky-wrapper.is-sticky .site-title,
.sticky-wrapper.is-sticky .site-title a,
.is-sticky .site-title,
.is-sticky .site-title a,
.site-header.sticky .site-title,
.site-header.sticky .site-title a {
    font-size: 24px !important;

    color: #b52626 !important;
}


/* Sticky menu */

.sticky-wrapper.is-sticky
.main-navigation > div > ul > li > a,

.sticky-wrapper.is-sticky
.main-navigation > ul > li > a,

.is-sticky
.main-navigation > div > ul > li > a,

.is-sticky
.main-navigation > ul > li > a,

.site-header.sticky
.main-navigation > div > ul > li > a,

.site-header.sticky
.main-navigation > ul > li > a {
    color: #b52626 !important;

    padding-top: 25px !important;

    padding-bottom: 25px !important;
}


/* Sticky hover */

.sticky-wrapper.is-sticky
.main-navigation > div > ul > li > a:hover,

.sticky-wrapper.is-sticky
.main-navigation > ul > li > a:hover,

.is-sticky
.main-navigation > div > ul > li > a:hover,

.is-sticky
.main-navigation > ul > li > a:hover,

.site-header.sticky
.main-navigation > div > ul > li > a:hover,

.site-header.sticky
.main-navigation > ul > li > a:hover {
    color: #7f1717 !important;
}


/* ==========================================================
  /* ==========================================================
   16. MOBILE AND TABLET
   KARUNA RESPONSIVE HAMBURGER MENU
   ========================================================== */

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

    /* ------------------------------------------------------
       HEADER / BRANDING
       ------------------------------------------------------ */

    .site-branding-wrapper {
        min-height: auto !important;
        display: block !important;
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    .site-branding {
        margin-right: 0 !important;
        margin-bottom: 12px !important;
    }

    .site-title,
    .site-title a {
        font-size: 23px !important;
        white-space: normal !important;
    }


    /* ------------------------------------------------------
       NAVIGATION CONTAINER
       ------------------------------------------------------ */

    .main-navigation {
        width: 100% !important;
        margin-left: 0 !important;
        position: relative !important;
    }


    /* ------------------------------------------------------
       HAMBURGER / MENU BUTTON
       Visible when entering the website
       ------------------------------------------------------ */

    .main-navigation .menu-toggle {
        display: block !important;

        margin-left: auto !important;
        margin-right: auto !important;

        cursor: pointer !important;
    }


    /* ------------------------------------------------------
       IMPORTANT:
       MENU CLOSED = HIDE ALL MAIN MENU ITEMS
       ------------------------------------------------------ */

    .main-navigation:not(.toggled) > div > ul,
    .main-navigation:not(.toggled) > ul {
        display: none !important;
    }


    /* ------------------------------------------------------
       MENU OPEN = SHOW MAIN MENU ITEMS
       AFTER CLICKING ☰ MENU
       ------------------------------------------------------ */

    .main-navigation.toggled > div > ul,
    .main-navigation.toggled > ul {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        white-space: normal !important;
    }


    /* ------------------------------------------------------
       TOP LEVEL MENU ITEMS
       ------------------------------------------------------ */

    .main-navigation.toggled > div > ul > li,
    .main-navigation.toggled > ul > li {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
    }


    /* ------------------------------------------------------
       TOP LEVEL MENU LINKS
       ------------------------------------------------------ */

    .main-navigation.toggled > div > ul > li > a,
    .main-navigation.toggled > ul > li > a {
        display: block !important;

        width: 100% !important;

        padding: 13px 20px !important;

        white-space: normal !important;

        box-sizing: border-box !important;
    }


    /* ------------------------------------------------------
       SUBMENUS
       Initially hidden
       ------------------------------------------------------ */

    .main-navigation > div > ul > li > .sub-menu,
    .main-navigation > ul > li > .sub-menu {
        display: none !important;

        position: relative !important;

        top: auto !important;
        left: auto !important;

        width: 100% !important;

        min-width: 0 !important;

        margin: 0 !important;

        padding: 0 !important;

        box-shadow: none !important;
    }


    /* ------------------------------------------------------
       SHOW SUBMENU WHEN PARENT IS ACTIVATED
       ------------------------------------------------------ */

    .main-navigation > div > ul > li.focus > .sub-menu,
    .main-navigation > ul > li.focus > .sub-menu,

    .main-navigation > div > ul > li:hover > .sub-menu,
    .main-navigation > ul > li:hover > .sub-menu {
        display: block !important;
    }


    /* ------------------------------------------------------
       SUBMENU ITEMS
       ------------------------------------------------------ */

    .main-navigation .sub-menu li {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
    }


    /* ------------------------------------------------------
       SUBMENU LINKS
       ------------------------------------------------------ */

    .main-navigation .sub-menu li a {
        display: block !important;

        width: 100% !important;

        padding: 11px 35px !important;

        box-sizing: border-box !important;

        white-space: normal !important;
    }


    /* ------------------------------------------------------
       SECOND-LEVEL / NESTED SUBMENU
       ------------------------------------------------------ */

    .main-navigation .sub-menu .sub-menu {
        position: relative !important;

        top: auto !important;
        left: auto !important;

        width: 100% !important;

        min-width: 0 !important;

        margin: 0 !important;

        padding: 0 !important;

        box-shadow: none !important;
    }


    /* ------------------------------------------------------
       NESTED SUBMENU INDENTATION
       ------------------------------------------------------ */

    .main-navigation .sub-menu .sub-menu li a {
        padding-left: 50px !important;
    }

}

/* ==========================================================
   17. JETPACK BLOG SUBSCRIPTION BUTTON
   ========================================================== */

#widget-blog_subscription-3-subscribe_button.widefat {
    background-color: yellow !important;

    color: black !important;
}


#widget-blog_subscription-3-subscribe_button.widefat:hover {
    background-color: #ffcc00 !important;

    color: black !important;
}


/* ==========================================================
   18. HIDE PREVIOUS / NEXT POST NAVIGATION
   ========================================================== */

.navigation.post-navigation {
    display: none !important;
}

/* ==========================================================
 /* 
  /* ==========================================================
   END OF COMPLETE CSS
   ========================================================== */