/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

body {
    background-color: #F4F4F4;
}

.numCounter .elementor-counter-number-suffix {
    color: #C40E21;
}

.cat-item-1 {
  display: none;
}

/* HEADER BASE STYLE */
.mainHeaderWrapper{
    position:fixed !important;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    transition:all .3s ease;
}


.mainHeaderWrapper .menuWrapper {
    transition: all 0.3s ease;
}
/* LOGO DEFAULT */
.mainHeaderWrapper .shrinkLogo img{
    transition:all .3s ease !important;
    max-height: 300px;
}

/* STICKY STATE */
.mainHeaderWrapper.header-sticky{
    background: #232323 !important;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    /* padding: 0 40px; */
}

.mainHeaderWrapper.header-sticky .menuWrapper {
    padding: 20px 0;
}
/* 
.mainHeaderWrapper.header-sticky .menuWrapper .shrinkLogo {
        --align-self: center !important;
} */

/* LOGO SHRINK */
.mainHeaderWrapper.header-sticky .shrinkLogo img{
    max-height:100px;
}


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

.eventCategory ul {
    padding-left: 0;
}

.eventCategory h5 {
    font-size: 20px !important;
  font-weight: 700 !important;
  color: #232323 !important;
}

.eventCategory ul li {
  list-style: none;
  padding: 12px 0;
  border-bottom: 1px solid #B4B4B4;
}

.eventCategory ul li:first-child {
    border-top: 1px solid #B4B4B4;
}

.eventCategory ul li a {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #4e4e4e;
    text-transform: capitalize;
}

.eventGrid .elementor-pagination {
       display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.eventGrid .elementor-pagination .page-numbers.prev,
.eventGrid .elementor-pagination .page-numbers.next {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #4e4e4e;
}

.eventGrid .elementor-pagination .page-numbers.prev:hover,
.eventGrid .elementor-pagination .page-numbers.next:hover {
    color: #C30E21 !important;
}


.eventGrid .elementor-pagination .page-numbers,
.eventGrid .elementor-pagination .page-numbers svg path {
    transition: all 0.3s ease;
}

.eventGrid .elementor-pagination .page-numbers:hover svg path {
    fill: #C30E21;
}

.eventGrid .elementor-pagination .page-numbers.prev svg {
    margin-right: 10px;
    margin-top: 2px;
}

.eventGrid .elementor-pagination .page-numbers.next svg {
    margin-left: 10px;    
    margin-top: 2px;
}

.eventGrid .elementor-pagination .page-numbers:not(.prev):not(.next) {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #232323;
    line-height: 28px;
    width: 40px !important;
    height: 40px !important;
    background-color: transparent;
    border: 1px solid #C30E21;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-bottom: 3px;
}

.eventGrid .elementor-pagination .page-numbers:not(.prev):not(.next):hover {
    background-color: #C30E21;
}

.eventGrid .elementor-pagination .page-numbers:not(.prev):not(.next) svg path {
    transition: all 0.3s ease;
}

.eventGrid .elementor-pagination .page-numbers:not(.prev):not(.next):hover svg path {
    fill: #C30E21;
}

.eventGrid .elementor-pagination .page-numbers.current {
    background-color: #C30E21 !important;
}


.eventGrid .elementor-pagination .page-numbers.prev {
    margin-right: 18px !important;
}

.eventGrid .elementor-pagination .page-numbers.next {
    margin-left: 18px !important;
}




@media(max-width: 640px) {
    /* LOGO SHRINK */
.mainHeaderWrapper.header-sticky .shrinkLogo img{
    max-height:60px;
}

.mainHeaderWrapper.header-sticky .menuWrapper {
    padding: 10px 0;
}

.eventCategory ul li {
  padding: 4px 0;
}

.eventCategory ul li a {
    font-size: 14px;
}

.eventGrid .elementor-pagination .page-numbers.prev,
.eventGrid .elementor-pagination .page-numbers.next {
    font-size: 14px;
    line-height: 22px;
}


.eventGrid .elementor-pagination .page-numbers:not(.prev):not(.next) {
    font-size: 14px;
    line-height: 22px;
}

.eventGrid .elementor-pagination .page-numbers.prev svg {
    margin-right: 4px;
    margin-top: 2px;
}

.eventGrid .elementor-pagination .page-numbers.next svg {
    margin-left: 4px;    
    margin-top: 2px;
}

}





@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    html body {
        zoom: 0.90;
        zoom: 90%;
    }
}

@media only screen and (min-width: 1441px) and (max-width: 1599px) {
    html body {
        zoom: 0.85;
        zoom: 85%;
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1440px) {
    html body {
        zoom: 0.80;
        zoom: 80%;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1280px) {
    html body {
        zoom: 0.75;
        zoom: 75%;
    }
}