/*
Theme Name: Educational Blocks
Theme URI: https://www.ovationthemes.com/products/free-education-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Educational Blocks is a tailored solution crafted especially for educators, schools, learning, training, coaching, workshops, seminars, e-learning, curriculum, tutoring, mentorship, professional development, online courses, certification, academic, skill-building or educational institutions, prioritizing simplicity and accessibility in the digital realm. This theme stands out for its clean and intuitive design, providing a user-friendly platform that empowers educators to showcase educational content without the need for technical expertise. Central to the theme’s appeal is its responsiveness, ensuring optimal viewing on diverse devices, ranging from desktops to tablets and smartphones. This adaptability guarantees accessibility for a broad audience, fostering an inclusive online learning environment. It is also cross-browser compatible, allowing your users to visit your website through the web browser of their choice and comfort. A notable feature of the Educational Blocks Theme is its robust customization options, allowing users to effortlessly personalize their websites. Whether highlighting courses, faculty profiles, or school events, the theme offers flexibility to create a unique and engaging online space that aligns seamlessly with the educational institution’s identity. Practical functionalities include dedicated sections for course listings, events, and contact details, enhancing the overall user experience. While the theme emphasizes simplicity, it provides a valuable tool for educators seeking a professional online presence. Whether establishing connections with students or sharing educational content effectively, the Educational Blocks Theme serves as a foundational and accessible solution in the ever-evolving landscape of digital education. Demo: https://trial.ovationthemes.com/education-insight/
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 5.6
Version: 4.9
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: educational-blocks
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, style-variations, template-editing, footer-widgets, custom-header, translation-ready

Educational Blocks WordPress Theme, Copyright 2024 pewilliams
Educational Blocks 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 blue;
}

/*navigation css*/
@media screen and (min-width:1000px){
    .wp-block-navigation ul li a{
        position: relative;
        letter-spacing: 0;
    } 

    .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,
    .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{
        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);
        color: var(--wp--preset--color--primary) !important;
    }
    .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--primary-light) !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--primary);
    border-bottom-color: var(--wp--preset--color--primary);
}
.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--primary-light) !important;
    color: var(--wp--preset--color--primary) !important;
}
.wp-block-navigation .wp-block-navigation__submenu-icon{
    background: transparent;
}
@media screen and (max-width:999px) {
    .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{
        fill: var(--wp--preset--color--heading);
    }
    .wp-block-navigation__responsive-container-close svg{
        fill: var(--wp--preset--color--black);
    }

    .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: pointer;
    border: none;
    padding: 12px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: var(--wp--preset--color--primary);
    border-radius: 0;
}
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;
}
/*sidebar css*/
.sidebar-box,.inner-post-box{
    position: relative;
    box-shadow: 0px 4px 9px var(--wp--preset--color--sidebar-shadow-color);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.sidebar-box:hover{
    transform: translateY(-6px);
    box-shadow:0 18px 40px rgba(0, 0, 0, 0.25), 0 8px 20px rgba(0, 0, 0, 0.20);
}
.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--primary);
}
.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--primary-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--primary);
    top: 0;
    bottom: 0;
    margin: auto;
}
.archieve-readmore .wp-block-separator{
    width: 20px !important;
}
/*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%;
}
form.woocommerce-ordering select.orderby{
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}
.woocommerce-page .wp-block-breadcrumbs + .wp-block-query-title{
    display: none;
}
/*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--primary);
}
.wp-block-query-pagination-numbers .page-numbers.current{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white) !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-color: var(--wp--preset--color--primary);
    font-size: var(--wp--preset--font-size--small);
    line-height: 1;
    padding: 10px;
    color: var(--wp--preset--color--white);
    text-decoration: none;
}
.wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover{
    color: var(--wp--preset--color--background);
    background-color: var(--wp--preset--color--heading);
}

/*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;
}
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;
}
av.woocommerce-MyAccount-navigation ul li a{
    color: var(--wp--preset--color--white);
}
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: 0;
    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--white) !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);
    color: var(--wp--preset--color--white);
}
.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;
}
.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 22px;
    }
    .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*/
.top-links a{
    text-decoration: none;
}
.logo-block{
    position: relative;
}
.logo-box{
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    top: -34px;
    width: 50%;
    margin: auto;
}
.menu-header .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{
    background-color: var(--wp--preset--color--primary);
}
.menu-header .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{
    background-color: var(--wp--preset--color--ternary);
}
.menu-header .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{
    background-color: var(--wp--preset--color--secondary);
}
.menu-header .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{
    background-color: var(--wp--preset--color--fourth);
}
/*banner*/
.banner-image-cover img,.popular-course-box img,.about-img-box img,.event-box img{
    width: 100%;
}
.popular-course-box img{
    transition: opacity 0.3s ease;
}
.popular-course-box:hover img{
    opacity: 0.8;
}
img[src*="about1"],
img[src*="about2"],
img[src*="about4"]
img[src*="about3"]{
    transition: opacity 0.3s ease;
}
img[src*="about1"]:hover,
img[src*="about2"]:hover,
img[src*="about4"]:hover,
img[src*="about3"]:hover{
   opacity: 0.8;
    border: 2px solid rgb(255, 249, 249);
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}
img[src*="event1"],
img[src*="event2"]{
    transition: opacity 0.3s ease;
}
img[src*="event1"]:hover,
img[src*="event2"]:hover{
   opacity: 0.8;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}
.banner-content h3{
    width: 50%;
}
.banner-content p{
    width: 70%;
}
/*service sec*/
.service-section,.event-img,.testimonial-img{
    position: relative;
}
.service-box{
    position: absolute;
    top: -129px;
    left: 0;
    right: 0;
    z-index: 999;
}
/*popular courses*/
.section-heading:before {
    content: "";
    background-color: var(--wp--preset--color--sidebar-shadow-color);
    width: 15%;
    height: 1px;
    display: block;
    margin: 0px auto;
    position: relative;
    top: 63px
}
.section-heading:after {
    content: "";
    background-color: var(--wp--preset--color--primary);
    width: 60px;
    height: 3px;
    display: block;
    margin: 4px auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.popular-course-box{
    box-shadow: 0 0 5px 3px #eceff1;
}
/*event*/
.event-info{
    width: 75%;
}
.event-date-box{
    position: absolute;
    left: 20px;
    top: 20px;
}
.event-box .wp-block-image{
    margin: 0;
}
/*featured*/
.featured-text{
    width: 40%;
    margin: 30px auto;
}
.featured-box-inner.wp-block-cover .wp-block-cover__inner-container{
    position: absolute;
    bottom: 0;
}
.featured-img-box .alignright{
    margin-inline-start: 0 !important;
}
/*testimonial*/
.profit-img{
    padding: 0 !important;
}
.profit-img .wp-block-cover .wp-block-cover__inner-container{
    height: 700px;
}
.testimonial-box{
    opacity: 0.7;
}
.testimonial-upper-box{
    position: absolute;
    z-index: 999;
    top: 25%;
    left: 12%;
    width: 30%;
}
.testimonial-sec .wp-block-cover__inner-container{
    position: static !important;
}
/*latest news*/
.blog-info {
    margin: 10px auto 0;
    width: 70%;
}

/*footer*/
.home-footer-class{
    margin-block-start: 0;
}
.copyright-text a:hover,.footer-widgets li:hover,.footer-widgets li:hover a{
    color: var(--wp--preset--color--primary) !important;
}
.footer-widgets li a{
    text-decoration: none;
}
.footer-widgets h2{
    font-size: 26px !important;
}
.footer-widgets h1, .footer-widgets h2, .footer-widgets h3, .footer-widgets h4, .footer-widgets h5, .footer-widgets h6 {
    display: inline-block;
    border-bottom: 10px solid;
    border-image-slice: 1;
    border-width: 2px;
    padding-bottom: 10px !important;
    border-image-source: linear-gradient(to right, var(--wp--preset--color--primary) 50%, #2c2c2c 50%);
}
.footer-widgets .footer-site-title{
    border-bottom: none;
    padding-bottom: 0 !important;
}
.footer-widgets .wp-block-list{
    padding-left: 20px;
}
.footer-widgets .wp-block-list li{
    margin-bottom: 20px;
}
.footer-widgets .wp-block-list li:last-child{
    margin-bottom: 0;
}
/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > Media Queries
-------------------------------------------------------- */
/* --- > 781px
-------------------------------------------------------- */
/* --- Inner Pages Media Quries
-------------------------------------------------------- */
@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:767px){
    .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;
    }
}
@media screen and (max-width:1765px) and (min-width: 782px){
    .logo-box{
        width: 65%;
    } 
    .event-info{
        width: 80%;
    }
}
@media screen and (max-width:1617px) and (min-width: 782px){
    .logo-box{
        width: 65%;
    } 
    .inner-menu-header{
        gap: 5px !important;
    }
    .inner-menu-header nav ul,.event-box .wp-block-columns{
        gap: 10px !important;
    }
    .inner-menu-header nav ul li a{
        letter-spacing: 1px;
    }

}

@media screen and (max-width:1400px) and (min-width: 1100px){
    .inner-menu-header nav ul,.event-box .wp-block-columns{
        gap: 6px !important;
    }
    .inner-menu-header nav ul li a{
        font-size: 15px !important;
    }
    .inner-menu-header nav ul {
        gap: 20px !important;
    }

}
@media screen and (max-width:1564px) and (min-width: 782px){
    .top-info{
        flex-basis: 70% !important;
    }
    .event-info{
        width: 95%;
    }
    .course-teacher,.popular-course-info p,.event-text{
        font-size: 12px !important;
    }
    .event-text,.event-box h6,.event-box .wp-block-buttons{
        margin-top: 10px;
    }
    .banner-content h3 {
        width: 60%;
    }
    .blog-info {
        width: 80%;
    }
}
@media screen and (max-width:1340px) and (min-width: 782px){
    .logo-box {
        width: 95%;
    }
    .banner-content h3 {
        width: 80%;
    }
    .popular-course-upper{
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
    }
    .course-teacher,.popular-course-info p,.event-box h6{
        font-size: 15px !important;
    }
    .about-text,.event-date-box p,.event-info p{
        font-size: 10px !important;
    }
    .event-head{
        flex-basis: 25% !important;
    }
    .event-info,.blog-info {
        width: 100%;
    }
    .event-content .wp-block-buttons a{
        padding: 2px 6px !important;
        font-size: 12px;
    }
    .event-text, .event-box h6, .event-box .wp-block-buttons {
        margin-top: 1px;
    }
    .date-num{
        font-size: 18px !important;
    }
    .event-date-box{
        padding: 5px !important;
        left: 10px;
        top: 10px;
    }
    .event-date-box p,.blog-info{
        margin-top: 0 !important;
    }
    .event-info .wp-block-columns{
        gap: 2px !important;
    }
    .event-box h6 {
        font-size: 12px !important;
    }
    .event-text{
        line-height: 1.8;
    }
    .testimonial-upper-box{
        width: 50%;
    }
    .blog-info .wp-block-columns{
        gap: 5px !important;
    }
}
@media screen and (max-width:999px){
    .nav-block-right,.banner-content{
        flex-basis: 40% !important;
    }
    .social-block{
        flex-basis: 60% !important;
    }
    .nav-block-right nav{
        justify-content: right !important;
    }
    .blog-info {
        margin: 10px auto 0 !important;
        width: 70%;
    }
    .footer-widgets .wp-block-columns{
        flex-wrap: wrap !important;
    }
    .footer-widgets .wp-block-column{
        flex-basis: 48% !important;
    }
}
@media screen and (max-width:781px) {
    .blog-info .wp-block-columns,.featured-box-inner .wp-block-columns,.event-info .wp-block-columns,.about-img-box .wp-block-columns,.top-info .wp-block-columns, .inner-menu-header, .inner-menu-header .wp-block-columns,.popular-course-info .wp-block-columns{
        flex-wrap: nowrap !important;
    }
    .event-content{
        padding: var(--wp--preset--spacing--60);
    }
    .inner-upper-header{
        gap: 0 !important;
    }
    .logo-box{
        position: static;
        width: 100%;
        padding: 0 0 !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.nav-block-left,.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.nav-block-right{
        flex-basis: 15% !important;
    }
    .nav-block-right nav {
        justify-content: center !important;
    }
    .social-block .wp-block-social-links{
        gap: 24px !important;
    }
    .service-section{
        padding-bottom: 0 !important;
        text-align: center;
    }
    .service-box {
        position: static;
    }
    .service-info-box{
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
    }
    .service-section h3{
        text-align: center !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.teacher-img{
        flex-basis: 20% !important;
    }
    .event-info{
       width: 60%; 
    }
    .featured-text,.testimonial-upper-box{
        width: 50%;
    }
    .blog-info {
        width: 95%;
    }
    .section-heading:before{
        width: 25% !important;
    }
}
@media screen and (max-width:600px){
    .top-info .wp-block-columns,.inner-menu-header{
        flex-wrap: wrap !important;
    }
    .header-details .is-layout-flex,.social-block ul{
        justify-content: center !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.logo-block{
        flex-basis: 77% !important;
    }
    .copyright-text{
        display: grid !important;
    }
    .copyright-text p{
        text-align: center;
    }
    .banner-image-cover img{
        object-position: 37% 50% !important;
    }
    .banner-content h1{
        font-size: 35px !important;
    }
    .banner-content h3{
        width: 60%;
        font-size: 20px !important;
    }
    .banner-content p{
        font-size: 12px;
        width: 90%;
    } 
    .banner-content h3 {
        width: 90%;
    }
    .section-heading:before,.section-heading:after{
        display: none;
    }
    .event-info{
       width: 70%; 
    }
}
@media screen and (max-width:575px){
    .banner-image-cover{
        min-height: 500px !important;
        background-color: var(--wp--preset--color--primary);
    }
}
@media screen and (max-width:500px){
    .service-info-box{
        grid-template-columns: repeat(1, 1fr);
    }
    .event-info{
       width: 100%; 
    }
    .featured-text, .testimonial-upper-box{
        width: 80%;
    }
    .testimonial-upper-box{
        position: static;
    }
    .profit-img .wp-block-cover .wp-block-cover__inner-container{
        height: auto;
    }
    .section-heading,.about-content h2,.event-head h2{
        font-size: 35px;
    }
    .course-count p{
        font-size: 13px !important;
    }
    .popular-course-info .course-count{
        gap: 6px !important;
    }
    .event-content {
        padding: var(--wp--preset--spacing--40);
        padding-right: var(--wp--preset--spacing--40) !important;
    }
}
@media screen and (max-width:425px){
    .featured-box-inner{
        min-height: 320px !important;
    }
    .featured-box-inner h6{
        font-size: 16px !important;
    }
}

/*frontpage swiper css start*/
.wp-block-group.educational-blocks-swiper {
  overflow: hidden;
  position: relative;
}
.educational-blocks-swiper .swiper-slide {
  display: flex;
}
.wp-block-group.educational-blocks-swiper-controls {
  position: unset;
}
.wp-block-group.educational-blocks-swiper .wp-block-cover.swiper-slide {
  margin-block-start: 0 !important;
}
.educational-blocks-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
  position: absolute;
  bottom: 20px;
  z-index: 1;
  width: 100%;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
.educational-blocks-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.educational-blocks-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--wp--preset--color--secondary);
}
.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-prev,
.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-next {
  width: 40px;
  height: 40px;
  border-radius: 0;
  background: #FFFFFF;
  color: #000;
  transition: all ease 0.23s;
  opacity: 1;
  top: 50%;
  margin: -20px 0 0 0;
}
.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-prev{
    left: 10px;
}
.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-next{
    right: 10px;
}
.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-prev:hover,
.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-next:hover {
  background: var(--wp--preset--color--primary);
  color: #fff;
}
.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-prev:after,
.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-next:after {
  font-size: 15px;
  font-weight: 900;
}

.educational-blocks-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.wp-block-html {
  display: none;
}

.educational-blocks-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.is-selected.wp-block-html {
  display: block !important;
}
/*frontpage swiper css end*/