/*
Theme Name: Scholarship School
Theme URI: https://www.ovationthemes.com/products/free-school-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Scholarship School is a versatile and robust theme designed specifically for educational institutions, such as schools, colleges, and universities, as well as online learning platforms. It provides a comprehensive solution for modern academic environments, catering to a wide range of needs from traditional classrooms to virtual learning and distance education. The theme seamlessly integrates with Learning Management Systems (LMS), facilitating the creation and management of courses, faculty profiles, and course catalogs. One of its standout features is the responsive design, ensuring an optimal experience on any device. Fully customizable, it allows institutions to align the theme with their unique branding and educational requirements. Additionally, its SEO optimization aids educational websites in achieving higher visibility in search engine results, attracting more students and faculty. The theme also supports event management, making it easy to organize workshops, seminars, and other academic activities. With WooCommerce integration, institutions can handle online enrollment and the sale of educational materials efficiently. Multimedia content support enables the creation of engaging learning experiences through videos, presentations, and interactive modules. Furthermore, the theme excels in classroom management by providing tools for exams, assessments, quizzes, and grade tracking, establishing itself as a powerful platform for digital learning and mobile education initiatives.
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 5.6
Version: 3.5.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: scholarship-school
Tags: blog, education, portfolio, one-column, two-columns, custom-colors, custom-menu, custom-logo, sticky-post, threaded-comments, right-sidebar, left-sidebar, grid-layout, custom-background, rtl-language-support, featured-images, wide-blocks, editor-style, full-site-editing, block-patterns, block-styles, footer-widgets, custom-header, template-editing

Scholarship School WordPress Theme, Copyright 2024 pewilliams
Scholarship School is distributed under the terms of the GNU GPL

*/

a{
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:focus,
button:focus{
	outline: 2px solid black;
}
.wp-block-navigation ul li a:focus,
.wp-block-navigation .wp-block-navigation__submenu-icon:focus{
	outline: none;
}
/*navigation css*/
@media screen and (min-width:1200px){
    .wp-block-navigation ul li a{
        position: relative;
    } 

    .wp-block-navigation ul li a::before {
        content: "";
        background: var(--wp--preset--color--primary);
        opacity: 0;
        margin: 0 auto;
        height: 2px;
        width: 0;
        left: 0;
        right: 0;
        bottom: -2px;
        position: absolute;
        -moz-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        -o-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        -webkit-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
    }
    .wp-block-navigation ul li a:hover::before,
    .wp-block-navigation ul li a:focus::before {
        opacity: 1;
        width: calc(100% - 3px);
    }
    .wp-block-navigation .current-menu-item a::before{
        content: "";
        position: absolute;
        opacity: 1;
        background: var(--wp--preset--color--primary);
        margin: 0 auto;
        height: 3px;
        left: 0;
        right: 0;
        top: -20px;
        width: calc(100% - 3px);
    }
    .wp-block-navigation ul li a:hover,
    .wp-block-navigation ul li a:focus,
    .wp-block-navigation .current-menu-item a{
        color: var(--wp--preset--color--primary) !important;
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container{  
        border-top: 2px solid var(--wp--preset--color--primary);
        border-bottom: 2px solid var(--wp--preset--color--primary);
        box-shadow: 2px 2px 8px #cfc8d8;
    }
    .wp-block-navigation ul ul li a:hover::before,
    .wp-block-navigation ul ul li a:focus::before,
    .wp-block-navigation ul ul .current-menu-item a::before {
        width: 0 !important; 
    }
    .wp-block-navigation ul ul li a{
        border-bottom: 1px solid var(--wp--preset--color--border-color);
    }
    .wp-block-navigation ul li:last-child a{
        border-bottom: none;
    }
    .wp-block-navigation ul ul li a:hover,
    .wp-block-navigation ul ul li a:focus,
    .wp-block-navigation__submenu-container .current-menu-item a{
        background-color: var(--wp--preset--color--secondary-light) !important;
        color: var(--wp--preset--color--secondary) !important;
    }
}
.wp-block-navigation ul ul{
    padding: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    width: 100%;
    border: 1px solid var(--wp--preset--color--border-color);
    border-top-color: var(--wp--preset--color--secondary);
    border-bottom-color: var(--wp--preset--color--secondary);
}
.wp-block-navigation__responsive-container.is-menu-open li a,
.wp-block-navigation__responsive-container.is-menu-open li li a,
.wp-block-navigation__responsive-container.is-menu-open li li:last-child a{
    border-bottom: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-navigation__responsive-container.is-menu-open li:last-child a{
    border-bottom: none;
}
.wp-block-navigation__responsive-container.is-menu-open li a:hover,
.wp-block-navigation__responsive-container.is-menu-open li a:focus,
.wp-block-navigation__responsive-container.is-menu-open li.current-menu-item a{
    background-color: var(--wp--preset--color--secondary-light) !important;
    color: var(--wp--preset--color--secondary) !important;
}
.wp-block-navigation .wp-block-navigation__submenu-icon{
    background: transparent;
}
@media screen and (max-width:1199px) {
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display: none;
    }

    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-open svg{
        width: 26px;
        height: 26px;
    }
    
    .wp-block-navigation__responsive-container-open svg,
    .wp-block-navigation__responsive-container-close svg{
        fill: var(--wp--preset--color--primary);
    }

    .wp-block-navigation__responsive-container-close{
        top: 0;
        right: 20px;
    }

    .wp-block-navigation__responsive-container-open:not(.always-shown){
        display: block;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none; 
    }

    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
        background-color: var(--wp--preset--color--white);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
        padding: 1.5em;
        padding-top: 2.5rem;
    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
        width: 100%;
        gap: 0 !important;
        border-bottom: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
        width: 100%;
        gap: 0 !important;
        border: none !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
        width: calc( 100% - 48px );
        padding: 12px 24px 12px;
        line-height: 30px;
        text-align: left;
    }

    /*
    * Submenu Css
    */
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
        width: 100%;
        gap: 0;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a{
        gap: 3px;
        font-weight: 300 !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a:before {
        content: '--';
    }
}
.wp-block-image img{
    vertical-align: middle;
}

.pos-relative{
    position: relative;
}

form {
    position: relative;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid var(--wp--preset--color--border-color);
    resize: none;
    line-height: 20px;
    background: none;
    color: var(--wp--preset--color--foreground);
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
select option{
    background: var(--wp--preset--color--base);
    color: var(--wp--preset--color--foreground);
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none; /* hide the default arrow in ie10 and ie11 */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--primary);
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: porubik;
    border: none;
    padding: 12px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 30px;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-align: center;
    letter-spacing: 2px;
}

.wpcf7-form label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 8px;
    color: var(--wp--preset--color--foreground);
    font-weight: 700;
}

.form-group {
    margin-bottom: 30px;
}

.form-group p{
    margin: 0;
}

.form-group.half {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.form-group.half.last {
    margin-right: 0;
}

.form-group.third {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.form-group.third.last {
    margin-right: 0;
}
/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 2px;
}
.wp-block-post-comments-form textarea{
    background: var(--wp--preset--color--section-bg);
}
.single-post .post-meta .wp-block-post-author{
    align-items: center;
}
.single-post .wp-block-comments .comment-respond .comment-form .comment-form-cookies-consent{
    align-items: flex-start;
}
.single-post .wp-block-post-featured-image img{
    height: 400px;
    width: 400px;
    object-fit: contain;
    transform: translateY(10px);
    transition: all 0.4s ease;
}
.single-post .wp-block-post-featured-image img:hover{
    transform: translateY(0px);
}
.single-post .related-post .wp-block-post-featured-image img{
    height: 200px;
    width: 100%;
}
/*pagination*/
.wp-block-query-pagination-numbers .page-numbers{
    padding: var(--wp--preset--spacing--20);
    line-height: 1;
    text-decoration: none;
    color:var(--wp--preset--color--secondary);
}
.wp-block-query-pagination-numbers .page-numbers.current{
    background:var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--primary) !important;
}
.wp-block-query-pagination-numbers .page-numbers:hover{
    color:var(--wp--preset--color--heading);
}
.wp-block-query-pagination-next, .wp-block-query-pagination-previous{
    background:var(--wp--preset--color--secondary);
    font-size: var(--wp--preset--font-size--small);
    line-height: 1;
    padding: 10px;
    color: var(--wp--preset--color--primary);
    text-decoration: none;
}
.wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover{
    color: var(--wp--preset--color--white);
    background-color: var(--wp--preset--color--heading);
}
/*sidebar css*/
.sidebar-box,.inner-post-box{
    position: relative;
    box-shadow: 0px 4px 9px var(--wp--preset--color--sidebar-shadow-color);
}
.sidebar-heading{
    display: table;
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    width: auto;
}
.sidebar-post-title{
    margin-block-start: 10px;
    margin-block-end: 0;
}
.sidebar-box .wp-block-page-list  ul li{
    list-style: square;
}
.sidebar-box .wp-block-archives-list li ,
.sidebar-box .wp-block-categories-list li,
.sidebar-box .wp-block-page-list li{
    list-style: circle;

}
.sidebar-box .wp-block-archives-list li::marker,
.sidebar-box .wp-block-categories-list li::marker,
.sidebar-box .wp-block-page-list li::marker{
    color: var(--wp--preset--color--secondary);
}
.sidebar-box .wp-block-archives-list,.sidebar-box .wp-block-categories-list{
    padding-left: 20px;
}
.sidebar-box ul li a{
    text-decoration: none;
}
.sidebar-box .wp-block-tag-cloud a{
    background: var(--wp--preset--color--secondary-light);
    color: var(--wp--preset--color--black);
}
.sidebar-box .wp-block-tag-cloud a:hover{
    background: var(--wp--preset--color--background);
    color: var(--wp--preset--color--primary);
}
.sidebar-box ul li{
    transition: all .6s ease-in-out;
}
.sidebar-box ul li:hover{
    padding-left: 15px;
}
/*post css*/
.post-title{
    position: relative;
}
.post-title .wp-block-separator{
    width: 57px !important;
}
.post-title .wp-block-separator:after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: var(--wp--preset--color--secondary);
    top: 0;
    bottom: 0;
    margin: auto;
}
.archieve-readmore .wp-block-separator{
    width: 20px !important;
}

/*woocommerce*/
.wp-block-group.woocommerce.product{
    margin-block-start: 0;
}
.wc-block-product,
.wc-block-grid__product,
.woocommerce .products li,
.wp-block-woocommerce-related-products li,
.products-block-post-template li  {
    text-align: center;
    padding: 10px !important;
    background: var(--wp--preset--color--section-bg);
}
.wc-block-grid__product{
    margin: 0 10px;
}
a.wc-block-grid__product-link,.wc-block-grid__product-image,.wc-block-grid__products .wc-block-grid__product-image img {
    width: 100%;
}
.wc-block-components-product-rating__stars,.wc-block-grid__product-rating,.woocommerce .star-rating {
    margin: 0 auto 0.5em;
    color: #f4bc16;
}
.wc-block-components-product-rating__stars::before,.wc-block-grid__product-rating .star-rating:before{
    color: #cfc8d8;
}
.woocommerce span.onsale,.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    padding: 0;
    border-radius: 0px;
    margin: 5px !important;
    min-height: 8px;
    line-height: 26px;
    min-width: 60px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2{
    font-size: 30px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2 + .edit{
    float: left;
    color: var(--wp--preset--color--secondary);
    font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2 + .edit:hover{
    color: var(--wp--preset--color--primary);
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    justify-content: space-between;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products li{
    max-width: 100%;
    margin-bottom: 15px;
}
nav.woocommerce-MyAccount-navigation ul li {
    background: var(--wp--preset--color--primary);
    border: 1px solid;
    border-color: var(--wp--preset--color--primary);
    padding: 12px!important;
    margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
    color: var(--wp--preset--color--background);
}
nav.woocommerce-MyAccount-navigation ul li:hover {
    background: var(--wp--preset--color--heading);
    border-color: var(--wp--preset--color--heading);
}
nav.woocommerce-MyAccount-navigation ul li:hover a{
    color: var(--wp--preset--color--background);
}
.woocommerce ul.products li.product .button{
    padding: var(--wp--preset--spacing--30);
    border-radius: 30px;
}
.woocommerce a.added_to_cart,
.added_to_cart.wc-forward,
.single-product .wp-block-woocommerce-store-notices .wc-forward{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    border-radius: 30px;
    padding: var(--wp--preset--spacing--30);
    text-decoration: none;
    display: inline-block;
    margin-top: 0;
}
.single-product .wp-block-woocommerce-store-notices .wc-forward{
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--secondary) !important;
    padding: 10px !important;
    opacity: 1;
}
.single-product .wp-block-woocommerce-store-notices .wc-block-components-notice-banner,
.single-product .wp-block-woocommerce-store-notices .wc-block-components-notice-banner .wc-block-components-notice-banner__content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.woocommerce a.added_to_cart:hover, .added_to_cart.wc-forward:hover{
    background-color: var(--wp--preset--color--secondary);
}
.added_to_cart.wc-forward{
    margin-left: 10px;
}
.wc-block-components-product-badge{
    box-shadow: 2px 2px 0 0 var(--wp--preset--color--heading);
    border-radius: 0 !important;
    border: solid 2px var(--wp--preset--color--heading) !important;
    padding: 5px 8px !important;
}
.wc-block-grid__product .wc-block-grid__product-title,.wc-block-components-product-name,h2.woocommerce-loop-product__title,.woocommerce-Tabs-panel h2{
  font-size: 18px !important;
  font-weight: bold;
}
.woocommerce #review_form #respond textarea{
   background: var(--wp--preset--color--section-bg);
    border: 1px solid var(--wp--preset--color--border-color);
}
.woocommerce-Tabs-panel--reviews,.wc-block-checkout__form,.woocommerce-Tabs-panel--description{
    padding: 20px !important;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-checkout__form, .wp-block-woocommerce-checkout-order-summary-block,.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wc-block-components-sidebar-layout.wc-block-cart{
    padding-top: 30px;
}
.wc-block-cart{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 30px;
    border-radius: 10px;
    color: var(--wp--preset--color--heading);
}
.is-large.wc-block-cart .wc-block-cart-items td:after ,.is-large.wc-block-cart .wc-block-cart-items:after {
    border-color: transparent;
}
.wc-block-cart .wc-block-cart-items th,.wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title, .wp-block-woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-coupon-form-block, .wp-block-woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper{
    padding: 10px !important;
}
form.woocommerce-ordering select.orderby{
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}
.woocommerce-page .wp-block-breadcrumbs + .wp-block-query-title{
    display: none;
}
.wc-block-cart table.wc-block-cart-items{
    margin: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-cart-items,.wc-block-cart-items__header,.wp-block-woocommerce-checkout-order-summary-block,.wp-block-woocommerce-cart-order-summary-block,.woocommerce-Tabs-panel--description,.is-large.wc-block-cart .wc-block-cart-items{
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-components-totals-wrapper:after{
    border-color:  var(--wp--preset--color--border-color);
    opacity: 1 !important;
}
.wc-block-cart__submit-container a{
    margin-top: 15px;
}
.wc-block-checkout__actions_row a{
    color: var(--wp--preset--color--primary);
}
.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    margin-right: auto !important;
    margin-left: auto !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 0 !important;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover {
    background: transparent;
}
.wc-block-grid__product-image img{
    transition: transform 0.4s ease, opacity 0.4s ease;
}
.wc-block-grid__product-image:hover img{
    transform: scale(0.9);
}

@media screen and (max-width:999px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 30px !important;
    }
    .wc-block-components-totals-wrapper{
        padding: 16px 9px;
    }
    .wc-block-cart{
        padding: 0;
        border: none;
    }
    .wc-block-components-sidebar-layout.wc-block-cart{
        padding-top: 0;
    }
}
@media screen and (max-width:600px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .single-product .wp-block-woocommerce-product-meta .wp-block-group{
        display: block !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 25px !important;
    }
    .wp-block-woocommerce-cart:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 90% !important;
    }
}
/* scroll top */
p.scroll-top {
    position: absolute;
}
.scroll-top::before{
    font-size: 20px;
    cursor: pointer;
    background: var(--wp--preset--color--primary); 
    color: var(--wp--preset--color--white);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: '\f135'; 
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    transform: rotate(-45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    z-index: 99;
    transition: all .5s ease-in-out;
}

.scroll-top:hover::before {
    background: var(--wp--preset--color--white) !important;
    color: var(--wp--preset--color--primary);
    margin-bottom: 10px;
}
/*header*/
.menu-header-wrap{
    position: relative;
}
.menu-header{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    z-index: 999;
}
.post-template-post-no-header-image .menu-header,
.page-template-page-no-header-image .menu-header{
    position: static;
}
.menu-header-inner{
    box-shadow: 0px 4px 16px 0px #0000001A;
}
.icon-block .wp-block-search.wp-block-search__button-only .wp-block-search__button{
    background: transparent;
    padding: 0;
    align-items: center;
}
.icon-block .wp-block-search__button svg{
    rotate: 270deg;
}
.top-bar p span{
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--primary) !important;
    margin-right: 2px;
    padding: 3px 5px 0;
}
/*banner*/
.banner-cover.wp-block-cover .wp-block-cover__inner-container{
    height: 650px;
}
.banner-wrap{
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: 0;
    right: 0;
    width: 80%;
}
.banner-shotheading,.about-shotheading{
    display: inline-block;
    border-radius: 30px;
}
.banner-excerpt{
    width: 62%;
}
.color-box-2:where(:not(.alignleft):not(.alignright):not(.alignfull)),
.color-box-3:where(:not(.alignleft):not(.alignright):not(.alignfull)),
.color-box-1:where(:not(.alignleft):not(.alignright):not(.alignfull)){
    margin-right: 0 !important;
    height: 100px;
}
.color-box-1{
    width: 50%;
}
.color-box-2{
    width: 85%;
}
.color-box-3{
    width: 100%;
}
.image-box{
    position: relative;
}
.banner-image{
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    width: 300px;
    text-align: center;
}
.banner-image img{
    width: 100%;
}
.main-img,.banner-image-inner{
    position: relative;
}
.main-img:before,.main-img:after,.banner-image-inner:after{
    content: '';
    position: absolute;
    height: 60px;
    display: block !important;
    width: 20px;
    border-radius: 20px;
    background-color: var(--wp--preset--color--secondary);
}
.main-img:before{
    left: 96px;
    top: -43px;
    rotate: 135deg;
}
.main-img:after{
    right: 137px;
    top: -75px;
    rotate: 175deg;
    height: 50px;
}
.banner-image-inner:after{
    left: 65px;
    top: 2px;
    rotate: 98deg;
}
.best-teacher-box{
    position: relative;
    margin-left: 80px;
    display: inline-block;
}
.best-teacher-text{
    opacity: 50%;
    margin-left: 30px;
}
.teacher-count{
    margin-left: 30px;
}

.teacher-img{
    position: absolute;
    z-index: 1;
    left: -81px;
    bottom: 0;
    margin-top: 0;
    height: 200px;
}
.teacher-img img{
    width: 100%;
    height: 200px;
}
/*about*/
.about-excerpt{
    width: 78%;
}
.li-wrap ul{
    padding-left: 24px;
}
.li-wrap li{
    margin-bottom: 20px;
    list-style: none;
    position: relative;
}
.li-wrap li:last-child{
    margin-bottom: 0;
}
.li-wrap li:before{
    content: '\f058';
    font-size: 21px;
    position: absolute;
    left: -28px;
    top: -1px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
.box-1 li:nth-child(odd):before {
    color: #EA5E72;
}
.box-1 li:nth-child(even):before {
    color: #FB9420;
}
.box-2 li:nth-child(odd):before {
    color: #7258E0;
}
.box-2 li:nth-child(even):before {
    color: #0AC2C6;
}
.about-img-box{
    position: relative;
}
.img-1 img{
    width: 50%;
    height: 445px;
    object-fit: cover;
    rotate: 356deg;
}
.img-2{
    position: absolute;
    margin-top: 0;
    right: 102px;
    top: 46px;
    width: 42%; 
}
.img-2 img{
    width: 100%;
    height: 295px;
}
.exp-box{
    position: absolute;
    z-index: 1;
    right: 26%;
    bottom: 4px;
    box-shadow: 0px 4px 4px 0px #00000040;
}
/*footer*/
footer a:hover{
color: var(--wp--preset--color--secondary); 
}
.footer-excerpt{
    width: 80%;
}
.footer-widgets li a{
    text-decoration: none;
}
.footer-widgets ul{
    padding-left: 0;
}
.footer-widgets li{
    margin-bottom: 20px;
    list-style: none;
}
.footer-widgets li:last-child{
    margin-bottom: 0;
}
/*latest*/
.latest-head{
    text-align: center;
}
.news-meta .wp-block-comments{
    padding: 0;
    border: none;
    margin-left: 20px !important;
}
.news-meta .wp-block-comments h6{
    margin: 0;
}
.news-inner{
    position: relative;
    width: 80%;
    z-index: 99;
    left: 0;
    right: 0;
    margin-top: -60px !important;
    box-shadow: 0px 4px 16px 0px #0000001A;
}
.more-btn-news .wp-block-read-more{
    width: 100%;
}
.wp-block-post-author-name,
.news-meta .wp-block-comments,
.more-btn-news .wp-block-read-more{
    position: relative;
}
.wp-block-post-author-name{
    margin-left: 20px !important;
}
.news-meta .wp-block-post-author-name:before{
    content: '\f007';
    font-size: 11px;
    position: absolute;
    left: -18px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
.news-meta .wp-block-comments:before{
    content: '\f086';
    font-size: 11px;
    position: absolute;
    left: -18px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
.more-btn-news .wp-block-read-more:after{
    content: '\f061';
    font-size: 16px;
    position: absolute;
    right: 20px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    rotate: 316deg;
}
footer .wp-block-social-links .wp-block-social-link.wp-social-link:hover,
footer .wp-block-social-links .wp-block-social-link.wp-social-link:focus{
  background-color: #ffffff !important;
  color: var(--wp--preset--color--secondary) !important;
}
/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > Media Queries
-------------------------------------------------------- */
/* --- > 781px
-------------------------------------------------------- */
@media screen and (max-width:999px) {
    .blog-section .wp-block-post-template,
    .post-grid-layout.wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 30px !important;
    }
    
}
@media screen and (max-width: 999px) and (min-width: 782px){
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template,
    .search-results .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .sidebar-col,.post-col{
        flex-basis: 50% !important;
    }
    .page-sidebar-col{
        flex-basis: 40% !important;
    }
    .page-text-col{
        flex-basis: 60% !important;
    }
}
@media screen and (max-width:781px){
    .post-title .wp-block-separator{
        width: 30px !important;
    }
    .post-title h4{
        font-size: 21px;
    }
    .archieve-meta time ,.archieve-meta .wp-block-post-author-name{
        font-size: 13px !important;
    }
    .search-no-results .wp-block-query-no-results, .single-post .wp-block-cover.inner-cover-img + .wp-block-group > .wp-block-group.alignwide > .wp-block-columns .wp-block-column:first-child{
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 1299px) and (min-width: 1200px){
    .menu-header .logo-block .logodiv .wp-block-site-title a{
        font-size: 18px;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px){
    .woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
        grid-template-columns: 50% 50%;
    }
}
@media screen and (max-width:767px){
    .woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
        grid-template-columns: 100%;
    }
    .post-grid-layout.wp-block-post-template,
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template,
    .blog-section .wp-block-post-template,
    .search-results .wp-block-post-template{
        display: block !important;
    }
    .post-grid-layout.wp-block-post-template li,
    .page-template-blog-right-sidebar .wp-block-post-template li,
    .page-template-blog-left-sidebar .wp-block-post-template li,
    .blog-section .wp-block-post-template li,
    .search-results .wp-block-post-template li{
        margin-bottom: 30px;
    }
    .post-grid-layout.wp-block-post-template li:last-child,
    .page-template-blog-right-sidebar .wp-block-post-template li:last-child,
    .page-template-blog-left-sidebar .wp-block-post-template li:last-child,
    .blog-section .wp-block-post-template li:last-child,
    .search-results .wp-block-post-template li:last-child{
        margin-bottom: 0;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 25px !important;
        text-align: center !important;
    }
    .error-heading{
        font-size: 110px !important;
    }
}
/*home-page*/
@media screen and (max-width:1700px){
    .banner-excerpt{
        width: 75%;
    }
}
@media screen and (max-width:1500px){
    .about-content-wrap h2,.latest-head h2{
        font-size: 32px !important;
    }
    .about-excerpt {
        width: 90%;
    }
    .img-1 img{
        height: 350px;
    }
    .img-2 img{
        height: 230px;
    }
    .img-2{
        top: 15px;
        right: 82px;
    }
    .exp-box{
        bottom: -23px;
        right: 30%;
    }
    .about-content-wrap .wp-block-buttons{
        margin-top: 24px !important;
    }
    .li-wrap li{
        margin-bottom: 12px;
    }
}
@media screen and (max-width:1399px){
    .nav-block ul{
        gap: 20px !important;
    }
    .nav-block ul li a,.top-bar p{
        font-size: 13px !important;
    }   
    .banner-heading{
        font-size: 35px !important;
    }
    .banner-image{
        width: 270px;
    }
    .main-img:before{
        left: 88px;
        top: -52px;
    }
    .main-img:after{
        right: 111px;
    }
    .about-content-wrap h2,.latest-head h2 {
        font-size: 30px !important;
    }
}
@media screen and (max-width:1299px){
    .nav-block ul{
        gap: 10px !important;
    }
    .banner-heading {
        font-size: 28px !important;
    }
    .about-content-wrap h2,.latest-head h2 {
        font-size: 25px !important;
    }
}
@media screen and (max-width:1199px){
    .banner-excerpt {
        width: 90%;
    }
    .about-content-wrap h2,.latest-head h2 {
        font-size: 23px !important;
    }
    .about-excerpt {
        width: 100%;
    }
    .footer-excerpt {
        width: 90%;
    }
    .img-1 img{
        width: 59%;
    }
    .img-2 {
        width: 46%;
        right: 40px;
    }
    .exp-box{
        right: 17%;
    }
}
@media screen and (max-width: 1199px) and (min-width: 1000px){
    .button-block .wp-block-button__link{
        padding-left: var(--wp--preset--spacing--30) !important;
        padding-right: var(--wp--preset--spacing--30) !important;
    }
}
@media screen and (max-width:1199px){
    .logo-block{
        flex-basis: 30% !important;
    }
    .button-block{
        flex-basis: 30% !important;
    }
    .nav-block{
        flex-basis: 10% !important;
    }
    .icon-block{
        flex-basis: 30% !important;
    }
    .nav-block nav,
    .icon-block .wp-block-group.is-layout-flex{
        justify-content: center !important;
    }
    
}
@media screen and (max-width:991px){
    .banner-cover{
        min-height: 1000px !important;
    }
    .banner-cover.wp-block-cover .wp-block-cover__inner-container{
        height: 1000px;
    }
    .banner-wrap{
        flex-wrap: wrap !important;
        gap: 100px !important;
    }
    .banner-content-block,.banner-image-wrap,
    .about-img-wrap ,.about-content-wrap{
        flex-basis: 100% !important;
    }
    .banner-content-block,.banner-content-block h6{
        text-align: center !important;
    }
    .best-teacher-box{
        margin-left: 25px;
        text-align: left;
    }
    .banner-excerpt{
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .banner-content-block .wp-block-buttons,
    .about-content-wrap .wp-block-buttons{
        justify-content: center !important;
    }
    .banner-image {
        width: 250px;
    }
    .color-box-2:where(:not(.alignleft):not(.alignright):not(.alignfull)), 
    .color-box-3:where(:not(.alignleft):not(.alignright):not(.alignfull)), 
    .color-box-1:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        height: 80px;
    }
    .banner-image {
        width: 223px;
    }
    .color-box-2 {
        width: 80%;
    }
    .color-box-3 {
        width: 95%;
    }
    .banner-image-inner:after{
        left: 42px;
    }
    .main-img:before{
        left: 72px;
        top: -52px;
    }
    .main-img:after {
        right: 73px;
        top: -63px;
    }
    .about-wrap{
        flex-wrap: wrap !important;
        gap: 50px !important;
    }
    .about-content-wrap{
        order: 1;
        text-align: center;
    }
    .about-img-wrap{
        order: 2;
    }
    .about-excerpt {
        width: 95%;
        margin: auto;
    }
    .li-wrap li:before{
        display: none;
    }
    .about-spacer{
        display: none;
    }
    .li-wrap ul {
        padding-left: 0;
    }
    .footer-widgets{
        flex-wrap: wrap !important;
    }
    .footer-widgets .wp-block-column{
        flex-basis: 48% !important;
    }
    .widget-1{
        order: 1;
    }
    .widget-2{
        order: 3;
    }
    .widget-3{
        order: 4;
    }
    .widget-4{
        order: 2;
    }
}
@media screen and (max-width:781px){
    .menu-header{
        position: static;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.nav-block{
        flex-basis: 10% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.icon-block{
        flex-basis: 30% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.logo-block{
        flex-basis: 25% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.button-block{
        flex-basis: 20% !important;
    }
    .menu-header-inner{
        box-shadow: none;
    }
    .banner-cover {
        min-height: 950px !important;
    }
    .banner-cover.wp-block-cover .wp-block-cover__inner-container{
        height: 1000px;
    }
    .li-wrap{
        flex-wrap: nowrap !important;
    }
    .footer-widgets.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis: 45% !important;
    }
    .icon-block input[type="search"]{
        width: 120px;
    }
}
@media screen and (max-width:599px){
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.logo-block {
        flex-basis: 100% !important;
    }
    .logo-block .is-layout-flex{
        justify-content: center;
    }
    .logo-block  h1{
        text-align: center;
    }
    .banner-image {
        width: 200px;
    }
    .banner-wrap{
        gap: 70px !important;
    }
    .main-img:before, .banner-image-inner:after{
        height: 48px;
        width: 13px;
    }
    .main-img:before {
        left: 65px;
        top: -40px;
    }
    .main-img:after{
        height: 40px;
        width: 13px;
        top: -51px;
    }
    .color-box-2 {
        width: 85%;
    }
    .color-box-3 {
        width: 100%;
    }
    .about-content-wrap h2,.banner-heading,.latest-head h2 {
        font-size: 20px !important;
    }
    .about-excerpt,.banner-excerpt{
        width: 100%;
    }
    .color-box-2:where(:not(.alignleft):not(.alignright):not(.alignfull)), 
    .color-box-3:where(:not(.alignleft):not(.alignright):not(.alignfull)), 
    .color-box-1:where(:not(.alignleft):not(.alignright):not(.alignfull)) {
        height: 70px;
    }
    .copyright-text{
        display: block !important;
    }
    .copyright-text p{
        text-align: center;
    }
}   

@media screen and (max-width:475px){
    .button-block .wp-block-buttons,.footer-widgets .wp-block-social-links{
        justify-content: center !important;
    }
    .footer-widgets.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.button-block {
        flex-basis: 100% !important;
    }
    .img-1 img{
        rotate: 360deg;
        width: 80%;
        height: auto;
    }
    .img-2 img{
        height: auto;
    }
    .exp-box{
       bottom: -42px;
    }
    .img-2 {
        width: 57%;
        right: -11px;
        top: auto;
        bottom: -19px;
    }
    .banner-shotheading,.about-shotheading{
        font-size: 12px !important;
    }
    .footer-widgets{
        text-align: center;
    }
    .footer-excerpt{
        width: 100%;
    }
    .widget-4 .is-layout-flex{
        display: block !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.icon-block {
        flex-basis: 80% !important;
    }
    .icon-block .wp-block-group.is-layout-flex {
        justify-content: right !important;
    }
    .icon-block .wp-block-search__input::placeholder{
        font-size: 14px !important;
    }
}
@media screen and (max-width:424px){
    .icon-block input[type="search"]{
        width:90px;
    }
}

.wc-block-components-order-summary .wc-block-components-order-summary-item {
    display: unset !important;
}