/*
Theme Name: Conferio
Theme URI: http://demo.casethemes.net/conferio
Author: Case-Themes
Author URI: https://casethemes.net/
Description: Confério is a modern and flexible WordPress theme designed for Events, Conferences, Seminars, Workshops, and Meetups. With features like speaker management, schedule builder, ticket booking, and responsive design, Confério provides everything you need to create a professional online presence for your event or conference.
Version: 1.0.1
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: conferio
Tags: event, conference, meetup, seminar, workshop, expo, summit, congress, festival, event management, event organizer, conference website, event booking, event schedule, event speakers, corporate event, business event, online event, ticketing, responsive
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.4

Copyright (c) 2026 Case-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/
#pxl-wapper #pxl-main{
	padding-top: 0px;
    padding-bottom: 0px;
}

.pxl-header-mobile-elementor  {
	width: 100%;
}
/* Keep the Elementor mobile header inside the viewport. */
#pxl-header-elementor #pxl-header-mobile,
#pxl-header-elementor #pxl-header-mobile .container,
#pxl-header-elementor #pxl-header-mobile .pxl-header-mobile-elementor,
#pxl-header-elementor #pxl-header-mobile .elementor,
#pxl-header-elementor #pxl-header-mobile .e-con {
    box-sizing: border-box;
    max-width: 100%;
}



#pxl-header-elementor #pxl-header-mobile {
    overflow: visible;
}

@media (max-width: 767px) {
    #pxl-header-elementor #pxl-header-mobile .container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Elementor template 6525 is the mobile header currently in use. */
    #pxl-header-elementor #pxl-header-mobile .elementor-6525,
    #pxl-header-elementor #pxl-header-mobile .elementor-6525 > .e-grid,
    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .e-con {
        width: 100%;
        min-width: 0;
    }

    #pxl-header-elementor #pxl-header-mobile .elementor-6525 > .elementor-element-3276191 {
        grid-template-rows: max-content max-content;
        align-content: start;
        height: auto;
        min-height: 0;
    }

    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-0ca92dc {
        padding-left: 0;
        padding-right: 0;
    }

    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-50edd52,
    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-50edd52 .elementor-widget-container,
    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-50edd52 .pxl-button,
    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-50edd52 .btn {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-50edd52 .btn {
        column-gap: 12px;
        padding-left: 16px;
        padding-right: 5px;
    }

    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-2a6a768 {
        width: 100%;
        min-width: 0;
    }

    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-389550d {
        flex: 1 1 auto;
        min-width: 0;
    }

    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-389550d img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 33px;
    }

    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-af6e312 {
        flex: 0 0 auto;
        min-width: 0;
        position: relative;
        z-index: 10000;
    }

    /* Float Elementor's open menu under the hamburger and ignore its 1000vmax height. */
    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-af6e312 .elementor-nav-menu--dropdown.elementor-nav-menu__container {
        position: absolute;
        top: 100%;
        right: 0;
        left: auto;
        width: min(320px, calc(100vw - 30px));
        max-height: 0 !important;
        margin-top: 10px;
        overflow-x: hidden;
        overflow-y: auto;
        box-sizing: border-box;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
    }

    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-af6e312 .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown.elementor-nav-menu__container {
        max-height: calc(100vh - 110px) !important;
        transform: scaleY(1);
    }

    /* Open the theme menu below the header instead of covering the whole page. */
    #pxl-header-elementor #pxl-header-mobile .pxl-header-main {
        position: relative;
    }

    #pxl-header-elementor #pxl-header-mobile .pxl-header-menu {
        position: absolute;
        top: 100%;
        right: 0;
        bottom: auto;
        left: 0;
        width: 100%;
        height: auto;
        max-height: calc(100vh - 80px);
        overflow-x: hidden;
        overflow-y: auto;
        transform: translateY(-10px);
    }

    #pxl-header-elementor #pxl-header-mobile .pxl-header-menu.active {
        transform: translateY(0);
    }

    #pxl-header-elementor #pxl-header-mobile .pxl-header-menu-scroll {
        padding: 20px 15px;
    }

    #pxl-header-elementor #pxl-header-mobile .pxl-header-menu.active + .pxl-header-menu-backdrop {
        display: none;
    }
}

/* Elementor uses its desktop three-column grid on tablets by default. */
@media (min-width: 768px) and (max-width: 1024px) {
    #pxl-header-elementor #pxl-header-mobile .container {
        width: 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    #pxl-header-elementor #pxl-header-mobile .elementor-6525 > .elementor-element-3276191 {
        width: 100%;
        min-width: 0;
        grid-template-columns: 1fr;
        grid-template-rows: max-content max-content;
        align-content: start;
        height: auto;
        min-height: 0;
    }

    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-0ca92dc,
    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-2a6a768 {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-50edd52,
    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-50edd52 .elementor-widget-container,
    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-50edd52 .pxl-button,
    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-50edd52 .btn {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-389550d {
        flex: 1 1 auto;
        min-width: 0;
    }

    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-af6e312 {
        flex: 0 0 auto;
        min-width: 0;
    }

    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-af6e312 {
        position: relative;
        z-index: 10000;
    }

    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-af6e312 .elementor-nav-menu--dropdown.elementor-nav-menu__container {
        position: absolute;
        top: 100%;
        right: 0;
        left: auto;
        width: min(360px, calc(100vw - 30px));
        max-height: 0 !important;
        margin-top: 10px;
        overflow-x: hidden;
        overflow-y: auto;
        box-sizing: border-box;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
    }

    #pxl-header-elementor #pxl-header-mobile .elementor-6525 .elementor-element-af6e312 .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown.elementor-nav-menu__container {
        max-height: calc(100vh - 120px) !important;
        transform: scaleY(1);
    }
}

/* Final Elementor breakpoint override for the mobile header grid. */
@media (max-width: 1024px) {
    #pxl-header-elementor #pxl-header-mobile .elementor-element-3276191 {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: max-content max-content !important;
        align-content: start !important;
        height: auto !important;
        min-height: 0 !important;
        width: 100% !important;
    }

    #pxl-header-elementor #pxl-header-mobile .elementor-element-0ca92dc,
    #pxl-header-elementor #pxl-header-mobile .elementor-element-2a6a768 {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    #pxl-header-elementor #pxl-header-mobile .elementor-element-50edd52,
    #pxl-header-elementor #pxl-header-mobile .elementor-element-50edd52 .elementor-widget-container,
    #pxl-header-elementor #pxl-header-mobile .elementor-element-50edd52 .pxl-button,
    #pxl-header-elementor #pxl-header-mobile .elementor-element-50edd52 .btn {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }
}

/* Global body text */
body,
p,
li,
span {
    font-family: "Google Sans Flex", sans-serif !important;
    color: #000000;
}

/* Global headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Google Sans Flex", sans-serif !important;
    font-weight: 600;
}

/* Make Elementor headings follow the same font */
.elementor-heading-title {
    font-family: "Google Sans Flex", sans-serif !important;
}

/* H3 consistency */
h3,
h3.elementor-heading-title,
.elementor-widget-text-editor h3 {
    font-family: "Google Sans Flex", sans-serif !important;
    font-size: 28px;
    font-weight: 600;
}


.accept-class  span.wpcf7-list-item {
	margin-right: 5px !important;
}


.btn-school {
	color: #000000 !important;
    background-color: #FFFBAA !important;
    font-size: 14px !important;
}


.wrap-form .form-submit,
.wrap-form .form-submit:hover,
.wrap-form .form-submit:focus,
.wrap-form .form-submit:active {
  display: inline-flex;
  align-items: center;
  height: 51px;
  min-height: 0;
  padding: 6px !important;
  border: 0;
  border-radius: 7px;
  background: #fff79a !important;
  color: #1a1a1a !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  animation: none !important;
  transition: none !important;
  transform: none !important;
}

.wrap-form .form-submit > span:first-child {
  padding: 0 19px;
}

.wrap-form .form-submit__arrow {
  display: grid;
  width: 39px;
  height: 39px;
  place-items: center;
  flex: 0 0 39px;
  border-radius: 4px;
  background: #f4eb55;
  color: #1a1a1a;
  font-size: 25px;
  line-height: 1;
  animation: none !important;
  transition: none !important;
  transform: none !important;
}