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

/*
Theme Name: Eventably
Theme URI: https://example.com/eventably
Author: Your Name/Company
Author URI: https://example.com/
Description: A custom WordPress theme for Eventably, based on Bootstrap 5.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eventably
Tags: bootstrap, custom-post-type, events, responsive-layout

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Theme customization starts here */
body {
    font-family: 'DM Sans', sans-serif; /* Default body font */
    font-weight: 500; /* medium */
    font-size: 16px; /* medium */
    background-color: var(--pure-white) !important;
}

.bg-light {
    background-color: var(--pure-white) !important;
}

.text-large {
    font-weight: 500; /* medium */
    font-size: 20px;
}

.text-medium {
    font-weight: 500; /* medium */
    font-size: 16px;
}

.text-small {
    font-weight: 400; /* regular */
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'DM Sans', sans-serif; /* Headings font */
}

h1 {
    font-weight: 600; /* semibold */
    font-size: 80px;
}

h1.entry-title {
    text-align: center;
    max-width: 926px;
    margin-left: auto;
    margin-right: auto;
}

h2 {
    font-weight: 600; /* semibold */
    font-size: 64px;
}

h3 {
    font-weight: 500; /* medium */
    font-size: 32px;
}

h4 {
    font-weight: 500; /* medium */
    font-size: 28px;
}

h5 {
    font-weight: 500; /* medium */
    font-size: 24px;
}
.page-template-page-new-template h1 {
	font-weight: 500;
    font-size: 4rem;
    line-height: 125%;
}
.page-template-page-new-template .entry-content h2 {
	font-weight: 600;
    font-size: 1.875rem;
    line-height: 2.375rem;
}
.page-template-page-new-template .entry-content h3 {
	font-weight: 500;
    font-size: 1.75rem;
    line-height: 2.375rem;
}
.page-template-page-new-template .entry-content p, .page-template-page-new-template .entry-content ul {
	font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.875rem;
}
.page-template-page-new-template .entry-content {
	max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
.single-post .site-main h1 {
	font-weight: 500;
    font-size: 4rem;
    line-height: 125%;
}
.intro-text {
    text-align: center;
    font-size: 1.2rem;
    color: var(--access-graphite);
}

/* Entry Header Styles (replaces .page-intro concept) */
.entry-header {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    text-align: center; /* Center text and inline-block children */
    padding: 2rem 0; /* Top/bottom padding */
}

.entry-header .post-thumbnail img {
    border-radius: var(--bs-card-border-radius) !important; /* Ensure this radius is applied */
    width: 100%;
    display: block;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
	max-height: 560px;
}

.entry-header .wp-block-buttons {
    justify-content: center;
}

.entry-header .wp-block-button {
    margin-left: auto;
    margin-right: auto;
}

/* Design Tokens */
:root {
    --bs-primary: #482856; /* Access Plum */
    --bs-secondary: #F9D7F3; /* Inclusive Blush */
    --bs-light: #E7C7E2; /* Community Lavender */
    --guideline-navy: #283240; /* Guideline Navy */
    --framework-charcoal: #232736; /* Framework Charcoal */
    --perceptive-black: #000000; /* Perceptive Black */
    --pure-white: #FFFFFF; /* Pure White */
    --access-gray: #D1D1D1; /* Access Gray */
    --access-graphite: #3D4652; /* Access Graphite */
    --equity-violet: #613A72; /* Equity Violet */
    --universal-mist: #E3E3E3; /* Universal Mist */
    --bs-body-bg: var(--pure-white); /* Assuming a white general background - aliased to Pure White */
    --bs-card-border-radius: 48px;
    --bs-inner-card-border-radius: 24px;
    --bs-border-radius: 100px;
	--paragraph-color: #1E2631;
	--font-color: #181818;
	--bg-gray: #F5F5F5;
	--light-white: #F9FAFB;
}
.gray-bg {
	background-color: var(--bg-gray);
}
.light-white-bg {
	background-color: var(--light-white);
}
/* Button Styles */
.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 1rem;
    padding: 0.75rem 1.5rem;
    border-radius: var(--bs-border-radius);
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
	padding: 0.938rem 1.25rem !important;
}

.button--search {
    background: var(--pure-white);
    color: var(--guideline-navy);
    border: 1px solid var(--guideline-navy);
}

.button--search:hover,
.button--search:focus {
    box-shadow: 0 0 0 3px rgba(40, 50, 64, 0.2);
}

.button--search:active {
    background: var(--pure-white);
    color: var(--guideline-navy);
}

.button--search:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.button--blush a {
    background: var(--bs-light) !important;
    color: var(--framework-charcoal);
}

.button--blush a:hover,
.button--blush a:focus,
.button--blush a:active {
    background: var(--bs-secondary) !important;
}
.button--blush a:focus {
	outline: 3px solid #FFEAFB;
    transition: outline-color .2s ease-in-out;
    box-shadow: none !important;
    border-radius: var(--bs-border-radius);
	outline-offset: 2px;
}
.button--blush a:disabled {
    background: var(--access-gray);
    color: var(--framework-charcoal);
    cursor: not-allowed;
}

.button--plum {
    background: var(--bs-primary);
    color: var(--pure-white);
}

.button--plum:hover {
    background: var(--equity-violet);
}
.button--plum:focus,
.button--plum a:focus {
	background: var(--bs-primary);
    outline: 3px solid #805394;
    transition: outline-color .2s ease-in-out;
    box-shadow: none !important;
    border-radius: var(--bs-border-radius);
	outline-offset: 2px;
}

.button--plum:active {
    background: var(--bs-primary);

}

.button--plum:disabled {
    background: var(--access-gray);
    color: var(--pure-white);
    cursor: not-allowed;
}

.button--outline-light {
    background: transparent;
    color: var(--pure-white);
    border: 1px solid var(--pure-white);
	padding: 0px !important;
}
.button--outline-light a:hover,
.button--outline-light a:focus,
.button--outline-light a:active {
    background: var(--pure-white);
    color: var(--framework-charcoal);
}
.button--outline-light a:focus {
	outline: 3px solid #D1D1D1;
    transition: outline-color .2s ease-in-out;
    box-shadow: none !important;
    border-radius: var(--bs-border-radius);
	outline-offset: 2px;
}
.button--outline-light:disabled {
    border-color: var(--access-gray);
    color: var(--access-gray);
    cursor: not-allowed;
    background: transparent;
}

.button--outline-white {
    background: transparent;
    color: var(--framework-charcoal);
    border: 1px solid var(--framework-charcoal);
}
.button--outline-white:hover,
.button--outline-white:focus,
.button--outline-white:active {
    background: var(--framework-charcoal);
    color: var(--pure-white);
    border: 1px solid var(--framework-charcoal); /* Corrected: should be framework-charcoal or pure-white depending on state */
}
button:focus-visible,
a:focus-visible {
  outline: 3px solid var(--focus-color, #805394);
  outline-offset: 2px;
  transition: outline-color 0s ease-in-out;
}
.site-footer a:focus-visible {
  outline: 3px solid var(--focus-color, #ffffff);
  outline-offset: 2px;
  transition: outline-color 0s ease-in-out;
}
.footer-links a:focus-visible {
    outline: 3px solid var(--focus-color, #482856);
    outline-offset: 2px;
    transition: outline-color 0.2s ease-in-out;
}
.footer-box.dark-bg p {
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	text-align: left;
}
/* Override when background is also the brand blue */
button.bg-indigo,
a.bg-indigo {
  --focus-color: white;
}

/* Cleanup for mouse users */
button:focus:not(:focus-visible),
a:focus:not(:focus-visible) {
  outline: none;
}
.badge-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 1rem;
    padding: 0.75rem 1.5rem;
    border-radius: var(--bs-border-radius);
    background-color: var(--pure-white);
    border: 1px solid var(--access-gray);
    text-decoration: none;
    transition: all 0.2s ease;
}

/* Button Arrow Pseudo-element Styles */
.button--arrow {
    position: relative; 
    
}

.button--arrow a::after {
    content: '';
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-left: 0.75rem;
    vertical-align: middle;
    background-image: url('/wp-content/themes/eventably/assets/icons/arrow-right.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 55%; 
    border-radius: 50%; 
    background-color: var(--pure-white);
    color: var(--perceptive-black); /* For SVG currentColor if applicable */
    transition: background-color 0.2s ease, color 0.2s ease, background-image 0.2s ease;
}
.button--arrow a {
	background-color: transparent;	
}

.button--plum.button--arrow::after {
    background-color: var(--pure-white);
    color: var(--perceptive-black);
}

.button--outline-white.button--arrow::after {
    background-image: url('/wp-content/themes/eventably/assets/icons/arrow-right-white.svg');
    background-color: var(--perceptive-black);
}

.button--outline-white.button--arrow:hover::after,
.button--outline-white.button--arrow:focus::after {
    background-image: url('/wp-content/themes/eventably/assets/icons/arrow-right.svg');
    background-color: var(--pure-white);
}

/* Specific styles for button--blush with arrow */
.button--blush.button--arrow a::after {
    background-image: url('/wp-content/themes/eventably/assets/icons/arrow-right-white.svg');
    background-color: var(--guideline-navy);
}

.button--blush.button--arrow a::after {
    background-image: url('/wp-content/themes/eventably/assets/icons/arrow-right-white.svg');
    background-color: var(--guideline-navy);
}

/* Specific hover/focus styles for button--outline-light with arrow */
.button--outline-light.button--arrow a:hover::after,
.button--outline-light.button--arrow a:focus::after {
    background-image: url('/wp-content/themes/eventably/assets/icons/arrow-right-white.svg'); 
    background-color: var(--guideline-navy); 
}

.button--plum.button--arrow a:hover::after,
.button--plum.button--arrow a:focus::after {
    background-color: var(--access-gray);
}


/* Header & Navigation */
.site-header {
    background-color: #FFFFFF;
    border-bottom: none;
    box-shadow: none;
    max-width: 1400px;
	width: 100%;
    margin: 0px auto;
	padding: 1.25rem 0px 0px;
}

header.site-header .navbar {
    width: 100%;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
	padding: 0px;
}

header.site-header .navbar-brand {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    font-size: 2rem;
    color: var(--bs-primary) !important;
    letter-spacing: -1px;
    box-shadow: none;
}
.site-header-logo img {
    max-width: 200%;
    height: auto;
	width:122.69px;
}
header.site-header .navbar-nav .nav-link {
    font-size: 1.1rem;
    color: var(--framework-charcoal) !important;
    margin-right: 1.5rem;
    transition: color 0.2s;
    position: relative;
    box-shadow: none;
}
header.site-header .navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    height: 2px;
    background-color: var(--bs-primary);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}
header.site-header .navbar-nav .nav-link:hover::after,
header.site-header .navbar-nav .nav-link.active::after {
    transform: scaleX(1);
}
header.site-header .navbar-nav .nav-link:last-child {
    margin-right: 0;
}
header.site-header .navbar-nav .nav-link:hover,
header.site-header .navbar-nav .nav-link.active {
    color: var(--bs-primary) !important;
}

/* Main Navigation Menu */
#menu-main-navigation.navbar-nav {
  display: flex;
  gap: 3rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu-main-navigation.navbar-nav > li {
  display: flex;
  align-items: center;
}

#menu-main-navigation.navbar-nav a {
  display: inline-block;
  font-size: 16px;
  color: var(--framework-charcoal);
  text-decoration: none;
  padding: 1.1em 0;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}

#menu-main-navigation.navbar-nav a:hover,
#menu-main-navigation.navbar-nav a:focus,
#menu-main-navigation.navbar-nav a:active,
#menu-main-navigation.navbar-nav .current-menu-item > a,
#menu-main-navigation.navbar-nav .current_page_item > a {
  border-bottom: 1px solid var(--framework-charcoal);
}

/* Search Bar */
.search-form {
    background: var(--pure-white);
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--access-gray);
    padding: 2px 8px 2px 16px;
    display: flex;
    align-items: center;
    min-width: 230px;
}

.search-form:hover,
.search-form:focus-within {
    border-color: var(--framework-charcoal);
}

/* Header Search Input Placeholder Color */
.search-form .search-input::-webkit-input-placeholder,
.search-form .search-input::-moz-placeholder,
.search-form .search-input:-ms-input-placeholder,
.search-form .search-input::placeholder { /* WebKit, Blink, Edge */
    color: var(--access-graphite);
    opacity: 1; /* Ensure full visibility */
}

.search-input {
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent;
    font-size: 1rem;
    color: var(--framework-charcoal);
    width: 100%;
	padding: 0.938rem 1.25rem !important;
}

.search-btn {
    background: none;
    border: none;
    color: var(--framework-charcoal);
    font-size: 1.2rem;
    padding: 0 8px;
    border-radius: var(--bs-border-radius);
    transition: background 0.2s;
}
.search-btn:hover,
.search-btn:focus {
    background: var(--access-gray);
}

/* Hero Banner */
.hero-banner {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    background: none;
    border-radius: 0;
    overflow: visible;
    position: static;
    box-shadow: none;
}
.hero-banner-inner {
    border-radius: var(--bs-card-border-radius);
    overflow: hidden;
    position: relative;
    box-shadow: 0 8px 40px 0 rgba(40,50,64,0.10);
    background-size: cover;
    background-position: center;
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('/wp-content/uploads/2025/05/Frame-1707479106-1.png');
}
.hero-banner-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Dark overlay */
    z-index: 1;
}
.hero-banner-inner .container {
    padding-top: 4rem;
    padding-bottom: 4rem;
    position: relative;
    z-index: 2;
}
.hero-banner h1 {
    font-size: 4rem;
    color: var(--pure-white);
    text-align: center;
    margin-bottom: 1rem;
}
.hero-banner p.lead {
    font-size: 1.5rem;
    color: var(--pure-white);
    text-align: center;
    margin-bottom: 2rem;
}

/* Responsive Tweaks */
@media (max-width: 991.98px) {
    .hero-banner .container {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .hero-banner h1 {
        font-size: 2.5rem;
    }
}
@media (max-width: 575.98px) {
    .hero-banner {
        margin-top: 1rem;
        margin-bottom: 1rem;
        border-radius: var(--bs-card-border-radius);
    }
    .hero-banner .container {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .hero-banner h1 {
        font-size: 1.7rem;
    }
}

/* Gutenberg Blocks Styles */
.hero-feature {
    background-color: var(--bs-primary);
    color: var(--pure-white);
    padding: 2rem 0;
	margin-bottom: 1.875rem !important;
}

.wp-block-button .wp-block-button__link {
    display: inline-block;
    padding: 0.75rem 1.2rem !important;
    font-size: 1rem;
    border-radius: var(--bs-border-radius);
	height: 60px;
	gap: 0px !important;
}

.btn-lg {
    font-size: 1.5rem;
    padding: 1rem 0;
}

.wp-block-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.wp-block-column {
    flex: 1;
    
}

.display-4 {
    font-size: 3rem;
    font-weight: 700;
}

.fw-bold {
    font-weight: 700;
}

/* Full Width for wp-block-group */
.wp-block-group {
    width: 100%;
    margin: 0;
    padding-top: 0em !important;
    padding-bottom: 0em !important;
}

/* Constrain Inner Container */
.wp-block-group__inner-container {
    max-width: 1130px; /* Adjust as needed for main content width */
	width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
.home .wp-block-group__inner-container, .site-footer .wp-block-group__inner-container {
    max-width: 1400px !important; /* Adjust as needed for main content width */
	width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

/* Hero Feature Inner Container */
.hero-feature .wp-block-group__inner-container {
    border-radius: var(--bs-card-border-radius);
    overflow: hidden;
    position: relative;
    box-shadow: 0 8px 40px 0 rgba(40,50,64,0.10);
    background-size: cover;
    background-position: center;
    min-height: 60vh;
    display: flex;
    align-items: center;
    background-image: url('/wp-content/uploads/2025/05/Frame-1707479106-1.png');
	padding: 80px !important;
}

/* Get Started Button */
.btn.bg-light-pink {
    background-color: var(--bs-light) !important;
    color: var(--framework-charcoal) !important;
}

/* Request Demo Button */
/* Removed */

/* Event Benefits Section */
.event-benefits .wp-block-column {
    padding: 0 2rem; /* Increase horizontal padding */
    position: relative;
}

.event-benefits .wp-block-column:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 2rem;
    right: 0;
    width: 1px;
    height: 120px;
    background-color: #EDEDED; /* Faint vertical line */
}

/* extra css added */

.site-main .entry-content .hero-feature .head {
    font-weight: 600;
    font-size: 5rem;
    line-height: 100px;
	margin-bottom: 1.875rem;
}
.site-main .entry-content .hero-feature .para {
	font-weight: 600;
    font-size: 1.375rem;
    line-height: 1.875rem;
    letter-spacing: 0;
	margin-bottom: 3.125rem;
}
.site-main .entry-content blockquote {
    font-size:1.2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.site-main .entry-content blockquote figure img {
    margin:0 auto !important;
    padding:0 !important;
    width: auto !important;
}

.wp-block-group.callout-light {
    background-color: var(--access-gray);
    border-radius: var(--bs-card-border-radius);
    padding: 3rem 2rem !important;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.wp-block-group.callout-light h2 {
    margin-top: 0;
    margin-bottom: 1rem;
}

.page-id-64 .post-64.page.type-page.status-publish.hentry .entry-header {
	display: none;
}
.page-id-68 .post-68.page.type-page.status-publish.hentry .entry-header {
	display: none;
}

.button_grp {
	gap: 1.25rem;
}
.site-main {
	margin-top: 1.875rem !important;
}
/* end css */

/* Mobile: Horizontal line between stacked columns for .event-benefits */
@media (max-width: 767.98px) {
	
    .event-benefits .wp-block-column {
        /* Add some space for the horizontal line below and between items */
        padding-bottom: 2.5rem; /* Space within the column for the line */
        margin-bottom: 1.5rem;  /* Space after the column (and its line) before the next stacked column */
    }

    .event-benefits .wp-block-column:not(:last-child)::after {
        top: auto; /* Remove top positioning */
        right: auto; /* Remove right positioning */
        bottom: 1rem; /* Position above the bottom padding, adjust as needed */
        left: 50%;
        transform: translateX(-50%);
        width: 80%; /* Adjust width as desired */
        height: 1px;
        /* background-color is inherited */
    }

    /* If the last column in the stacked view should NOT have a line under it */
    .event-benefits .wp-block-column:last-child::after {
        display: none;
    }
}

/* Lavender Text Class */
.text-lavender {
    color: var(--bs-light); /* Community Lavender */
}

/* Plum Text Class */
.text-plum {
    color: var(--bs-primary); /* Access Plum */
}

/* Dark Background Section */
.dark-bg {
    background-color: var(--guideline-navy); /* Guideline Navy */
}

/* Platform Section Column Headings */
.platform-columns h3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.platform-columns .card {
    border-radius: var(--bs-inner-card-border-radius); /* Use inner card border radius variable */
}

/* Base button enhancements */
.button-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border-radius: var(--bs-border-radius);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
  }

  .button a.wp-block-button__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    font-weight: 500;
    font-size: 1rem;
    padding: 0.75rem 1.75rem;
    border-radius: var(--bs-border-radius);
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
  }
  
  /* Pink button with dark icon */
  .button--blush-icon a {
    background-color: var(--bs-secondary);
    color: var(--framework-charcoal);
    border: none;
  }
  
  .button--blush-icon a:hover {
    background-color: var(--bs-light);
  }
  
  .button--blush-icon .button-icon {
    background-color: var(--framework-charcoal);
    mask: url('/wp-content/themes/eventably/assets/icons/arrow-right.svg') no-repeat center;
    -webkit-mask: url('/wp-content/themes/eventably/assets/icons/arrow-right.svg') no-repeat center;
    background-repeat: no-repeat;
    background-size: 50%;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: inline-block;
  }
  
  /* Outlined button with white icon */
  .button--outline-icon a {
    background-color: transparent;
    color: var(--pure-white);
    border: 1px solid var(--pure-white);
  }
  
  .button--outline-icon a:hover,
  .button--outline-icon a:focus,
  .button--outline-icon a:active {
    background-color: var(--pure-white);
    color: var(--framework-charcoal);
  }
  
  .button--outline-icon .button-icon {
    background-color: var(--pure-white);
    mask: url('/wp-content/themes/eventably/assets/icons/arrow-right.svg') no-repeat center;
    -webkit-mask: url('/wp-content/themes/eventably/assets/icons/arrow-right.svg') no-repeat center;
    background-repeat: no-repeat;
    background-size: 50%;
    width: 2rem;
    height: 2rem;
    border-radius: var(--bs-border-radius);
    display: inline-block;
  }
  

  
  /* Dark icon on light circle (e.g. pink button) */
  .button--blush-icon .button-icon {
    background-color: var(--framework-charcoal);
    -webkit-mask: url('/assets/icons/arrow-right.svg') no-repeat center;
    mask: url('/assets/icons/arrow-right.svg') no-repeat center;
  }
  
  /* Light icon on dark background (e.g. outlined button) */
  .button--outline-icon .button-icon {
    background-color: var(--pure-white);
    -webkit-mask: url('/assets/icons/arrow-right.svg') no-repeat center;
    mask: url('/assets/icons/arrow-right.svg') no-repeat center;
  }
  

/* Use Case Detail Styles */
.use-case-detail {
    display: flex;
    overflow: hidden; /* Ensures rounded corners for child elements */
    border-radius: var(--bs-inner-card-border-radius);
    border: 1px solid var(--access-gray);
    padding: 0;
}

.use-case-detail > .wp-block-column {
    display: flex;
    flex-direction: column; /* Stack their own content vertically */
}

.use-case-detail > .wp-block-column:first-child > .use-case-detail-left {
    flex-grow: 1; /* Make the white panel fill the height of the first column */
    display: flex; /* Allow this panel to manage its own children with flex */
    flex-direction: column;
}

.use-case-detail > .wp-block-column:first-child > .use-case-detail-left > .wp-block-buttons {
    margin-top: auto;
}

.use-case-detail-left {
    background-color: #fff; /* White background for the left column */
}

.use-case-detail-right {
    display: flex; /* Explicitly make it a flex container */
    flex-direction: column; /* Stack its children (the figure) vertically */
    background-color: var(--guideline-navy);
    padding: 48px 34px;
}

.use-case-detail-right > .wp-block-image { /* This is the figure */
    margin-top: auto; 
    margin-bottom: auto;
    max-width: 100%; 
    display: block; 
}

.use-case-detail-right > .wp-block-image img {
    max-width: 100%;
    height: auto;
    display: block; 
}

.use-case-tabs .wp-block-button__link {
    background-color: #f8f9fa; /* Light gray background for unselected buttons */
    color: #212529; /* Dark text color */
    border-radius: var(--bs-border-radius); /* Rounded corners */
    padding: 1rem 1.5rem; /* Increased horizontal padding */
    border: 1px solid #ced4da; /* 1px access gray border */
    text-decoration: none;
    transition: background-color 0.3s ease; /* Smooth transition */
    font-size: 1rem;
}

.use-case-tabs .wp-block-button__link.active {
    background-color: #333; /* Dark background for selected button */
    color: #fff; /* White text color for selected button */
}

.use-case-tabs .wp-block-button__link:hover,
.use-case-tabs .wp-block-button__link:active,
.use-case-tabs .wp-block-button__link:focus {
    background-color: var(--guideline-navy); /* Navy background on hover, active, and focus */
    color: white; /* White text on hover, active, and focus */
    outline: none; /* Remove outline on focus */
}

/* Styled List */
.styled-list {
    list-style: none; /* Remove default list styling */
    padding: 0;
}

.styled-list li {
    display: flex;
    align-items: center;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid #ced4da; /* 1px access gray border */
    border-radius: var(--bs-border-radius); /* Pill shape */
}

.styled-list li::before {
    content: '';
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    background-color: var(--bs-primary); /* Plum circle background */
    color: var(--pure-white); /* For white icon if SVG uses currentColor */
    background-image: url('/wp-content/themes/eventably/assets/icons/check-circle.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 55%; /* Icon size */
    margin-right: 0.5rem;
    border-radius: 50%;
}

/* Pricing Plan Section */
.pricing-section-custom {
    padding: 4rem 0; /* Adjust overall section padding as needed */
}

.pricing-plans-container {
    display: flex;
    gap: 1.5rem; /* Space between the grouped plans and the enterprise plan */
    align-items: flex-start;
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
}



.pricing-plans-group {
    flex: 2; /* Takes up 2/3 of the space relative to enterprise plan */
    background-color: var(--universal-mist); /* Light gray background from screenshot */
    border-radius: var(--bs-card-border-radius); /* Match screenshot rounding */
    padding: 1.5rem; /* Increased from 2rem - Inner padding for the group */
    display: flex;
    gap: 1.5rem; /* Space between Free and Premium cards */
    align-items: stretch; /* Make Free and Premium cards equal height */
}

.pricing-plan-card {
    border-radius: var(--bs-border-radius-lg); /* Match screenshot rounding for inner cards */
    padding: 0;
    display: flex;
    flex-direction: column;
    flex: 1; /* Allows cards within a group to take equal width */
}


.pricing-plans-group .plan-card-top-content {
    background-color: var(--pure-white);
    padding: 2rem;
    border-radius: var(--bs-inner-card-border-radius);
    margin-bottom: 1.5rem; /* Space before feature list */
    display: flex; /* To allow button to be pushed to bottom */
    flex-direction: column; /* Stack content vertically */
    flex-grow: 1; /* Allow it to take space if card is taller */
    border: none; /* Explicitly no border */
    box-shadow: none; /* Explicitly no shadow */
    text-align: left;
}

.pricing-plan-card h4,
.enterprise-card-top-content h4 {
    font-size: 1.75rem; /* Adjust as needed */
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.pricing-plan-card .plan-subtitle,
.enterprise-card-top-content .plan-subtitle {
    font-size: 0.9rem;
    color: var(--text-muted); /* Or a specific gray */
    margin-bottom: 1.5rem;
    min-height: 2.7rem; /* Give space for 2 lines of subtitle */
}

.pricing-plan-card .plan-price,
.enterprise-card-top-content .plan-price     {
    font-size: 2.5rem; /* Adjust as needed */
    font-weight: 500;
    margin-bottom: 0;
}

.pricing-plan-card .plan-price small,
.enterprise-card-top-content .plan-price small {
    font-size: 0.9rem;
    font-weight: 400;
    color: var(--text-muted);
}

.pricing-plan-card .wp-block-button,
.enterprise-card-top-content .wp-block-button {
    margin-top: auto; /* Pushes button to the bottom of the card */
    /* margin-bottom: 1.5rem; */
}

.pricing-plan-card .wp-block-button .wp-block-button__link,
.enterprise-card-top-content .wp-block-button .wp-block-button__link {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pricing-plan-card .button-icon {
    margin-right: 0.5rem;
    width: 16px; /* Match existing icon size */
    height: 16px;
}

.plan-features {
    margin-top: 1rem; /* Space above features */
    font-size: 0.9rem;
}

.plan-features li {
    margin-bottom: 0.75rem;
    text-align: left;
}

/* Enterprise Plan Specifics */
.enterprise-plan {
    flex: 1; /* Takes up 1/3 of the space */
    background-color: var(--guideline-navy); /* Dark background from screenshot */
    color: var(--pure-white);
    padding:1.5rem;
    border-radius: var(--bs-card-border-radius);
}

.enterprise-card-top-content {
    background-color: var(--access-graphite);
    padding: 1.5rem;
    border-radius: var(--bs-inner-card-border-radius);
    margin-bottom: 1.5rem; /* Space before feature list */
    display: flex; /* To allow button to be pushed to bottom */
    flex-direction: column; /* Stack content vertically */
    flex-grow: 1; /* Allow it to take space if card is taller */
    border: none; /* Explicitly no border */
    box-shadow: none; /* Explicitly no shadow */
    text-align: left;
}

.enterprise-plan h4,
.enterprise-plan .plan-subtitle,
.enterprise-plan .plan-price,
.enterprise-plan .plan-price small {
    color: var(--pure-white);
}

.enterprise-plan .plan-features li::before {
    background-color: rgba(255, 255, 255, 0.7); /* Lighter dots for dark background */
}

.enterprise-plan .plan-features {
    color: var(--access-gray);
    font-weight: 400;
}

.enterprise-plan .plan-features strong {
    color: var(--pure-white); 
    font-weight: 700;
}

.enterprise-plan .plan-features {
    column-count: 2;
    column-gap: 2rem; /* Adjust as needed */
}

.enterprise-plan .plan-features li {
    break-inside: avoid-column;
    page-break-inside: avoid; /* Older browsers */
    -webkit-column-break-inside: avoid; /* Safari, Chrome */
}

/* New button style for 'Contact sales' */
.button--contact-sales {
    background-color: #E6DFF6; /* Lavender/pinkish color from screenshot */
    color: var(--bs-primary) !important; /* Plum text color */
    border: none;
    padding: 0.75rem 1.5rem !important;
    border-radius: var(--bs-border-radius-pill) !important; /* Make it very rounded */
    font-weight: 500 !important;
    transition: background-color 0.2s ease;
}

.button--contact-sales:hover,
.button--contact-sales:focus {
    background-color: #D8CDEB; /* Slightly darker on hover */
    color: var(--bs-primary) !important;
}

/* Responsive adjustments for pricing plans */
@media (max-width: 991.98px) { /* Below Bootstrap lg breakpoint */
    .pricing-plans-container {
        flex-direction: column;
    }
    .pricing-plans-group {
        flex-direction: column; /* Stack Free and Premium vertically */
        flex: auto; /* Reset flex grow/shrink */
    }
    .enterprise-plan {
        flex: auto; /* Reset flex grow/shrink */
    }
}

@media (max-width: 767.98px) { /* Below Bootstrap md breakpoint */
    .pricing-plans-group {
        padding: 1.5rem;
    }
    .pricing-plan-card {
        padding: 1.5rem;
    }
}

/*--------------------------------------------------------------
# Front Page Specific Styles
--------------------------------------------------------------*/

/* Hero Action Buttons - Stacked on Mobile */
@media (max-width: 767.98px) { /* Below Bootstrap md breakpoint */
    section#hero .wp-block-buttons.d-flex { /* Targeting buttons specifically in hero section */
        flex-direction: column;
        align-items: center; /* Center stacked buttons */
    }

    section#hero .wp-block-buttons.d-flex .wp-block-button {
        width: 100%; 
/*         max-width: 380px; /* Optional: constrain button width */ */
        margin-right: 0 !important; /* Override any horizontal margin from 'gap' when stacked */
        margin-left: 0 !important; /* Override any horizontal margin from 'gap' when stacked */
    }

    /* 
    The 'gap-3' class on the parent (section#hero .wp-block-buttons.d-flex) 
    should provide vertical spacing when flex-direction is column. 
    If 'gap' doesn't work for vertical spacing or you need more control:
    section#hero .wp-block-buttons.d-flex .wp-block-button:not(:last-child) {
        margin-bottom: 1rem; // Bootstrap's gap-3 is 1rem
    }
    */
    section#hero .wp-block-buttons.d-flex { /* Targeting buttons specifically in hero section */
        flex-direction: column;
        align-items: center; /* Center stacked buttons */
    }
    section#hero .wp-block-buttons.d-flex .wp-block-button {
        width: 100%; 
/*         max-width: 380px; */
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    section.platform-section .wp-block-buttons.d-flex {
        flex-direction: column;
        align-items: center; /* Center stacked buttons */
    }
    section.platform-section .wp-block-buttons.d-flex .wp-block-button {
        width: 100%; 
/*         max-width: 380px; /* Optional: constrain button width */ */
        margin-right: 0 !important; /* Override any horizontal margin from 'gap' when stacked */
        margin-left: 0 !important; /* Override any horizontal margin from 'gap' when stacked */
    }
    div.use-case-detail .wp-block-buttons.d-flex {
        flex-direction: column;
        align-items: center; /* Center stacked buttons */
    }
    div.use-case-detail .wp-block-buttons.d-flex .wp-block-button {
        width: 100%; 
/*         max-width: 380px; /* Optional: constrain button width */ */
        margin-right: 0 !important; /* Override any horizontal margin from 'gap' when stacked */
        margin-left: 0 !important; /* Override any horizontal margin from 'gap' when stacked */
    }
    section#lower-cta .wp-block-buttons.d-flex {
        flex-direction: column;
        align-items: center; /* Center stacked buttons */
    }
    section#lower-cta .wp-block-buttons.d-flex .wp-block-button {
        width: 100%; 
/*         max-width: 380px; /* Optional: constrain button width */ */
        margin-right: 0 !important; /* Override any horizontal margin from 'gap' when stacked */
        margin-left: 0 !important; /* Override any horizontal margin from 'gap' when stacked */
    }
    .site-footer .row > [class*="col-"] { /* Target all Bootstrap columns in footer rows */
        text-align: center;
        margin-bottom: 2rem; /* Add space between stacked footer content blocks */
    }
    .site-footer .row > [class*="col-"]:last-child {
        margin-bottom: 0; /* No margin for the very last block in a row */
    }
	
    .site-footer .site-logo {
        display: inline-block; /* Allows text-align:center on parent to work */
        margin-top: 0.5rem;
        margin-bottom: 1rem;
    }
    .site-footer .footer-email-optin {
        display: flex; /* Use flexbox for input and button alignment */
        max-width: 400px; /* Constrain width of the form group */
        margin-left: auto;  /* Center the form group */
        margin-right: auto; /* Center the form group */
        margin-bottom: 1rem; /* Space below the form */
    }
    .site-footer .footer-email-optin input[type="email"] {
        flex-grow: 1; /* Allow input to take available space */
        min-width: 0; /* Prevent overflow on very small screens */
    }
    .site-footer .footer-email-optin button {
        white-space: nowrap; /* Prevent button text from wrapping */
    }
    .site-footer .footer-menu,
    .site-footer .social-icons {
        padding-left: 0; /* Remove default ul padding that can affect centering */
        text-align: center; /* Ensure inline-block list items are centered */
    }
    .site-footer .footer-menu li,
    .site-footer .social-icons li {
        margin-bottom: 0.5rem; /* Add a little space if they wrap to multiple lines */
    }
}

/*--------------------------------------------------------------
# Mobile Navigation Styles
--------------------------------------------------------------*/

/* Default (Desktop-first) styles for elements inside mobile nav panel */
.mobile-menu__header,
.mobile-menu__footer {
    display: none; /* Hidden on desktop */
}

@media (max-width: 991.98px) { /* Bootstrap's lg breakpoint is 992px. This applies below that. */
    #navbarNavDropdown.mobile-menu-panel.collapse.show,
    #navbarNavDropdown.mobile-menu-panel.collapsing {
        display: flex !important; /* Override Bootstrap's inline display: block */
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh; /* Full viewport height */
        background-color: var(--pure-white);
        z-index: 1050; /* Higher than default navbar, ensure it's on top */
        padding: 20px;
        overflow-y: auto; /* Allow scrolling if content exceeds height */
        justify-content: flex-start !important; /* Align items to the top */
    }

    /* Mobile Menu Header */
    .mobile-menu__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 20px;
        margin-bottom: 20px;
        width: 100%;
        flex-shrink: 0; /* Prevent header from shrinking */
    }

    .mobile-menu__logo img.site-logo-mobile {
        max-height: 40px; /* Adjust as needed, similar to screenshot */
        width: auto;
    }

    .mobile-menu__logo a,
    .mobile-menu__logo a:hover {
        color: var(--bs-primary); /* If using text fallback */
        font-weight: bold;
        text-decoration: none;
        font-size: 24px;
    }

    .mobile-menu__close {
        background: none;
        border: none;
        font-size: 2rem; /* Make X icon larger */
        color: var(--framework-charcoal);
        padding: 0.25rem 0.5rem;
        line-height: 1;
    }
    .mobile-menu__close:focus {
        outline: none;
        box-shadow: none;
    }

    /* Hide desktop header actions when mobile menu is open/on small screens */
    .desktop-header-actions {
        display: none !important; /* Ensure these are hidden */
    }

    /* Mobile Menu Navigation List */
    .mobile-menu__nav {
        list-style: none;
        padding-left: 0; /* Remove default ul padding */
        margin-top: 20px; /* Space from header */
        margin-bottom: auto; /* Pushes footer down if space allows, or scrolls with content */
        margin-left: 0; /* Override ml-auto from desktop */
        width: 100%;
        flex-grow: 0; /* Allows this section to take up available space, pushing footer down */
        display: flex;
        flex-direction: column;
        align-items: flex-start; /* Align items to the start */
    }

    .mobile-menu__nav .nav-item {
        width: 100%;
    }

    .mobile-menu__nav .nav-link {
        display: block;
        font-size: 2.25rem; /* Large font size like screenshot */
        color: var(--framework-charcoal);
        padding: 0.75rem 0; /* Vertical padding, no horizontal as it's full width */
        text-decoration: none;
        font-weight: 500; /* Medium weight */
        /* border-bottom: 1px solid var(--universal-mist); /* Optional: separator for links */
    }

    .mobile-menu__nav .nav-link:hover,
    .mobile-menu__nav .nav-link:focus {
        color: var(--bs-primary);
        background-color: transparent; /* Ensure no background on hover/focus */
    }
    
    /* Mobile Menu Footer */
    .mobile-menu__footer {
        margin-top: 0; /* Pushes footer to the bottom */
        padding-top: 20px;
        /* border-top: 1px solid var(--access-gray); /* Optional: separator */
        width: 100%;
        display: flex;
/*         flex-direction: column; */
        gap: 1rem; /* Space between search and button */
        flex-shrink: 0; /* Prevent footer from shrinking */
    }

    .mobile-menu__search-form {
        display: flex;
        width: 100%;
        border: 1px solid var(--access-gray);
        border-radius: var(--bs-border-radius); /* Fully rounded */
        padding: 0.25rem 0.5rem 0.25rem 1rem; /* T R B L */
        background-color: var(--pure-white);
    }

    .mobile-menu__search-input {
        flex-grow: 1;
        border: none;
        outline: none;
        background-color: transparent;
        font-size: 1rem;
        padding: 0.5rem 0.25rem;
        color: var(--framework-charcoal);
    }

    .mobile-menu__search-input::placeholder {
        color: var(--access-graphite); 
        opacity: 1;
    }
    .mobile-menu__search-input::-webkit-input-placeholder { color: var(--access-graphite); opacity: 1; }
    .mobile-menu__search-input::-moz-placeholder { color: var(--access-graphite); opacity: 1; }
    .mobile-menu__search-input:-ms-input-placeholder { color: var(--access-graphite); opacity: 1; }


    .mobile-menu__search-button {
        background: none;
        border: none;
        color: var(--framework-charcoal);
        font-size: 1.25rem; /* Adjust icon size */
        padding: 0 0.5rem;
        line-height: 1;
    }
    .mobile-menu__search-button:focus {
        outline: none;
        box-shadow: none;
    }

    .mobile-menu__signin-button.button.button--plum {
        width: 100%;
        padding: 0.75rem 1.5rem; /* Standard button padding */
        font-size: 1.125rem; /* Slightly larger than default button if needed */
        line-height: 1.5;
    }

    /* Make mobile header and footer visible in mobile view */
    #navbarNavDropdown.mobile-menu-panel .mobile-menu__header,
    #navbarNavDropdown.mobile-menu-panel .mobile-menu__footer {
        display: flex; /* or block, depending on their internal layout needs */
        flex-direction: column; /* Assuming footer content is stacked */
    }
    /* If header items (logo, close) need to be row */
    #navbarNavDropdown.mobile-menu-panel .mobile-menu__header {
        flex-direction: row; 
        justify-content: space-between;
        align-items: center;
    }
}

/* Footer Social Icons Styling */
.site-footer .social-icons.list-inline {
    display: flex;
    justify-content: flex-end; /* Align icons to the right */
    gap: 1.4rem; /* Space between icon containers (li) */
    padding-left: 0; /* Reset default padding */
    list-style: none;  /* Reset default list style */
    margin-bottom: 0; /* Remove any default bottom margin */
	align-items: center;
}

.site-footer .social-icons .list-inline-item {
    margin: 0; /* Reset Bootstrap's .list-inline-item default margins to ensure gap property works as intended */
}
.site-footer .social-icons .list-inline-item a {
	opacity: 0.9;
}
.site-footer .social-icons .list-inline-item a:hover {
	opacity: 1;
	transform: scale(1.1);
}
.site-footer .social-icons .list-inline-item a img {
	transition: color 0.3s ease, transform 0.3s ease;
}
.site-footer .social-icons .list-inline-item a:hover img {
	opacity: 1;
	transform: scale(1.1);	
}
.site-footer .social-icons .list-inline-item a i {
    color: var(--pure-white); /* New default color */
    font-size: 1.4rem;       /* Existing size */
    display: block; /* Ensures the <i> tag behaves predictably with sizing */
    transition: color 0.3s ease, transform 0.3s ease; /* Smooth transition for color and transform */
}

.site-footer .social-icons .list-inline-item a:hover i, .site-footer .social-icons .list-inline-item a:active i  {
	transform: scale(1.1); /* Grow icon by 10% */
	color: var(--pure-white);
}

.site-footer .social-icons .list-inline-item a:focus i {
    color: var(--pure-white);
   	outline: 3px solid var(--focus-color, #ffffff);
    outline-offset: 2px;
    transition: outline-color 0s ease-in-out;
}

/* Footer Menu */
.footer-menu.list-inline {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none; 
    font-size:.9rem;
}

.footer-menu.list-inline > li {
    display: inline-block;
}

.footer-menu.list-inline > li:not(:last-child) {
    margin-right: 1.5rem; /* Or your desired spacing */
}

.footer-menu.list-inline a {
    color: var(--access-gray); 
    text-decoration: none;
}

.footer-menu.list-inline a:hover,
.footer-menu.list-inline a:focus {
    text-decoration: underline;
    color: var(--pure-white);
}

/* Footer Bottom Links (Privacy, Terms) and Copyright */
.footer-links a {
    color: var(--access-graphite);
    text-decoration: none;
}

.footer-links a:hover,
.footer-links a:active,
.footer-links a:focus {
    text-decoration: underline;
}

.text-md-end p {
    color: var(--access-graphite);
    margin-bottom: 0; /* To align better if needed */
}

/* Footer Email Opt-in */
.footer-email-optin {
    display: flex;
    align-items: center;
    border-radius: var(--bs-border-radius);
    padding: 0.5rem;
    overflow: hidden;
	background-color: #F6F7FA0D;
	border: 1px solid #F6F7FA33;
}
.footer-email-optin:hover,
.footer-email-optin:focus,
.footer-email-optin:focus-visible {
	border: 1px solid var(--pure-white);
}

.footer-email-optin input[type="email"] {
    flex-grow: 1;
    background-color: transparent;
    border: none;
    color: var(--pure-white);
    padding: 0.75rem 1rem;
    font-size: 1rem;
}

.footer-email-optin input[type="email"]::placeholder {
    color: var(--pure-white);
    opacity: 0.7;
}

.footer-email-optin input[type="email"]:focus {
    outline: none;
}
.footer-email-optin:has(input[type="email"]:focus) {
	outline: 3px solid var(--focus-color, #ffffff);
    outline-offset: 2px;
    transition: outline-color 0.2s ease-in-out;
}

.footer-email-optin button[type="submit"] {
    background-color: var(--bs-secondary);
    color: var(--framework-charcoal);
    border: none;
    border-radius: var(--bs-border-radius);
    padding: 0.5rem 0.5rem 0.5rem 1.5rem; /* Adjusted padding for icon */
    font-weight: 500;
    font-size: 1rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    transition: background-color 0.3s ease;
}

.footer-email-optin button[type="submit"]:hover {
    background-color: var(--bs-light);
}

.footer-email-optin .arrow-icon {
    background-color: var(--framework-charcoal);
    color: var(--pure-white);
    border-radius: 50%;
    width: 2rem; /* Increased size */
    height: 2rem; /* Increased size */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem; /* Adjusted for visibility */
    font-weight: bold;
    line-height: 1;
}

/* Badge Styles */
.badge {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    border-radius: var(--bs-border-radius);
    background-color: var(--pure-white);
    border: 1px solid var(--access-gray);
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* Make buttons in a .wp-block-buttons.d-flex container equal width, only within .use-case-detail */
.use-case-detail .wp-block-buttons.d-flex > .wp-block-button {
    flex-grow: 1;
    flex-basis: 0; /* Distribute space equally, starting from 0 */
}

.use-case-detail .wp-block-buttons.d-flex > .wp-block-button > .wp-block-button__link {
    display: block; /* Override display: inline-block */
   
    text-align: center; /* Center the text within the link */
}

.wp-block-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

#lower-cta {
    border-radius: var(--bs-card-border-radius);
}

.footer-box {
    border-radius: var(--bs-card-border-radius);
}

/* Integration Logos Image Styling */
.integration-logos { /* This targets the <figure> element */
    width: 70%;
    max-width: 900px;
    margin-left: auto !important;  /* Ensure centering, overriding WP if needed */
    margin-right: auto !important; /* Ensure centering, overriding WP if needed */
    display: block !important;      /* Ensure it's a block element */
}

.integration-logos img {
    width: 100%; /* Fill the constrained width of the figure */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Default for img, but good to be explicit */
}

/* Override padding for specific sections */
#integrations {
    padding-bottom: 0 !important;
}

/* Pricing Section Styles */

.pricing-section-custom {
    padding: 4rem 0; /* Adjust overall section padding as needed */
}

/* Testimonials Section */
.testimonials-section {
    padding: 4rem 0; /* Adjust padding as needed */
}

/* Stacked Buttons on Mobile */
@media (max-width: 767.98px) { /* Adjust breakpoint as needed */
    .wp-block-buttons.is-stacked-on-mobile {
        flex-direction: column;
        align-items: center; /* Center stacked buttons */
    }

    .wp-block-buttons.is-stacked-on-mobile .wp-block-button {
        width: 100%; /* Make buttons take more width if desired */
        max-width: 380px; /* Optional: constrain button width */
        margin-right: 0 !important; /* Override any right margin from 'gap' when stacked */
        margin-left: 0 !important; /* Override any left margin from 'gap' when stacked */
    }

    /* The 'gap-3' class on the parent will provide vertical spacing when flex-direction is column. */
    /* If 'gap' doesn't work for vertical spacing in some browsers or you need more control: */
    /*
    .wp-block-buttons.is-stacked-on-mobile .wp-block-button:not(:last-child) {
        margin-bottom: 0.75rem; // Corresponds to Bootstrap's gap-3 if it were margin
    }
    */
}

/* Lavender Text Class */
.text-lavender {
    color: var(--bs-light); /* Community Lavender */
}

/* Plum Text Class */
.text-plum {
    color: var(--bs-primary); /* Access Plum */
}

/* Stacked Buttons in Platform Section on Mobile */
@media (max-width: 767.98px) {
    section.platform-section .wp-block-buttons.d-flex {
        flex-direction: row;
        align-items: center; /* Center stacked buttons */
    }

    section.platform-section .wp-block-buttons.d-flex .wp-block-button {
        width: auto; 
/*         max-width: 380px; /* Optional: constrain button width */ */
        margin-right: 0 !important; /* Override any horizontal margin from 'gap' when stacked */
        margin-left: 0 !important; /* Override any horizontal margin from 'gap' when stacked */
    }

    /* 
    The 'gap-3' class on the parent (section.platform-section .wp-block-buttons.d-flex) 
    should provide vertical spacing when flex-direction is column. 
    If 'gap' doesn't work for vertical spacing or you need more control:
    section.platform-section .wp-block-buttons.d-flex .wp-block-button:not(:last-child) {
        margin-bottom: 1rem; // Bootstrap's gap-3 is 1rem
    }
    */
}

/* Stacked Buttons in Use Case Detail Section on Mobile */
@media (max-width: 767.98px) {
    div.use-case-detail .wp-block-buttons.d-flex {
        flex-direction: column;
        align-items: center; /* Center stacked buttons */
    }

    div.use-case-detail .wp-block-buttons.d-flex .wp-block-button {
        width: 100%; 
/*         max-width: 380px; /* Optional: constrain button width */ */
        margin-right: 0 !important; /* Override any horizontal margin from 'gap' when stacked */
        margin-left: 0 !important; /* Override any horizontal margin from 'gap' when stacked */
    }

    /* 
    The 'gap-3' class on the parent (div.use-case-detail .wp-block-buttons.d-flex) 
    should provide vertical spacing when flex-direction is column. 
    If 'gap' doesn't work for vertical spacing or you need more control:
    div.use-case-detail .wp-block-buttons.d-flex .wp-block-button:not(:last-child) {
        margin-bottom: 1rem; // Bootstrap's gap-3 is 1rem
    }
    */
}

/* Stacked Buttons in Lower CTA Section on Mobile */
@media (max-width: 767.98px) {
    section#lower-cta .wp-block-buttons.d-flex {
        flex-direction: column;
        align-items: center; /* Center stacked buttons */
    }

    section#lower-cta .wp-block-buttons.d-flex .wp-block-button {
        width: 100%; 
/*         max-width: 380px; /* Optional: constrain button width */ */
        margin-right: 0 !important; /* Override any horizontal margin from 'gap' when stacked */
        margin-left: 0 !important; /* Override any horizontal margin from 'gap' when stacked */
    }

    /* 
    The 'gap-3' class on the parent (section#lower-cta .wp-block-buttons.d-flex) 
    should provide vertical spacing when flex-direction is column. 
    If 'gap' doesn't work for vertical spacing or you need more control:
    section#lower-cta .wp-block-buttons.d-flex .wp-block-button:not(:last-child) {
        margin-bottom: 1rem; // Bootstrap's gap-3 is 1rem
    }
    */
}

/* Center Footer Content on Mobile */
@media (max-width: 767.98px) {
    .site-footer .row > [class*="col-"] { /* Target all Bootstrap columns in footer rows */
        text-align: center;
        margin-bottom: 2rem; /* Add space between stacked footer content blocks */
    }
    .site-footer .row > [class*="col-"]:last-child {
        margin-bottom: 0; /* No margin for the very last block in a row */
    }

    /* Ensure the site logo centers correctly */
    .site-footer .site-logo {
        display: inline-block; /* Allows text-align:center on parent to work */
        margin-top: 0.5rem;
        margin-bottom: 1rem;
    }

    /* Style and center the email opt-in form */
    .site-footer .footer-email-optin {
        display: flex; /* Use flexbox for input and button alignment */
        max-width: 400px; /* Constrain width of the form group */
        margin-left: auto;  /* Center the form group */
        margin-right: auto; /* Center the form group */
        margin-bottom: 1rem; /* Space below the form */
    }
    .site-footer .footer-email-optin input[type="email"] {
        flex-grow: 1; /* Allow input to take available space */
        min-width: 0; /* Prevent overflow on very small screens */
        /* Assuming default border-radius or theme styles handle appearance */
    }
    .site-footer .footer-email-optin button {
        /* Assuming existing button styles are sufficient */
        white-space: nowrap; /* Prevent button text from wrapping */
    }

    /* Center footer menu and social icons if they are list-inline */
    .site-footer .footer-menu,
    .site-footer .social-icons {
        padding-left: 0; /* Remove default ul padding that can affect centering */
        text-align: center; /* Ensure inline-block list items are centered */
    }
    
    .site-footer .footer-menu li,
    .site-footer .social-icons li {
        margin-bottom: 0.5rem; /* Add a little space if they wrap to multiple lines */
    }
}

/* Main container for post listings (e.g., on index.php) */


/* Content from the editor in typical WordPress wrappers */
.site-main .entry-content,
.site-main .entry-summary,
.site-main .page-content {
    margin-left: auto; 
    margin-right: auto;
}

.entry-excerpt {
    font-weight: 700;
    font-size:1.2rem;
}

/* Horizontal Rule Style */
hr {
    border: 0;
    height: 1px;
    background-color: var(--access-gray);
    margin: 2rem 0; /* Default vertical margin */
}

.site-main .entry-content img {
    border-radius: var(--bs-card-border-radius) !important; /* Ensure this radius is applied */
    width: 100%;
    display: block;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
/* new css */
.header_container {
	max-width: 1400px;
}
.button--signup {
	background: var(--bs-light) !important;
    color: var(--framework-charcoal);
}

.button--signup:hover {
	background: var(--bs-secondary) !important; 
}

.button--signup:focus-visible {
	outline: 3px solid #E7C7E2 !important;
    transition: outline-color 0s ease-in-out;
    box-shadow: none !important;
    border-radius: var(--bs-border-radius);
   	outline-offset: 2px; 
}
.hero-feature .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-block-columns-is-layout-flex {
	margin-bottom: 0px;
}
.vector_image {
	display: flex;
	
	justify-content: center;
    align-items: center;
}
.vector_image img {
	width: 2rem;
	border-radius: 0px !important;
}
figure.wp-block-image.mb-2.text-center.vector_img {
    display: flex;
    justify-content: center;
    align-items: center;
}
figure.wp-block-image.mb-2.text-center.vector_img img {
	width: 2rem;
	border-radius: 0px !important;
}
figure.wp-block-image.mb-2.vector_img {
	display: flex;
    justify-content: center;
    align-items: center;
}
figure.wp-block-image.mb-2.vector_img img {
	width: 2rem;
	border-radius: 0px !important;
}

.para_color {
	color: var(--paragraph-color);
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.563rem;
    letter-spacing: 0;
    text-align: center;
}
.platform-section {
	padding: 8.5rem 0px !important;
}
.platform-section .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.badge-pill {
	display: flex;
	font-weight: 500;
    font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    color: var(--font-color) !important;
}
.badge-pill img {
	margin: 0px !important;
	width: 1.125rem !important;
}
.accessible_ticketing {
	font-weight: 600 !important;
    font-size: 4rem;
    line-height: 130%;
    letter-spacing: 0;
    text-align: center;
	max-width: 1120px;
	width: 100%;
	
}
.access_para {
	font-weight: 600;
    font-size: 1.375rem;
    line-height: 1.875rem;
    letter-spacing: 0;
    text-align: center;
	margin-bottom: 0px;
}
.platform-columns {
	padding-top: 5rem;
	padding-bottom: 5rem;
	max-width: 1120px;
    width: 100%;
}
.platform-columns .card {
	padding: 1.5rem !important;
}
.platform-columns .card .wp-block-group__inner-container.is-layout-flow.wp-block-group-is-layout-flow {
	padding: 0px;
}
.platform-columns .card .wp-block-group__inner-container.is-layout-flow.wp-block-group-is-layout-flow .icon {
	width: 2.5rem;
	margin: 0px;
}
.platform-columns .card .wp-block-group__inner-container.is-layout-flow.wp-block-group-is-layout-flow .icon img {
	margin: 0px;
}
.platform-columns .card h3 {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 100%;
    letter-spacing: 0;
}
.platform-columns .card p {
	font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: 0;
    margin: 0px;
}
.platform-section .button {
	padding: 0px !important;
	min-width: 237px;
}
.satisfaction-section {
	padding: 7.5rem 0px !important;
}
.satisfaction-section .wp-block-group__inner-container.is-layout-flow.wp-block-group-is-layout-flow {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.satisfaction-section .heading {
	font-weight: 600 !important;
    font-size: 4rem;
    line-height: 130%;
    letter-spacing: 0;
    max-width: 1120px;
	width: 100%;
	color: var(--font-color);
	margin-bottom: 1rem;
}
.satisfaction-section .wp-block-button.btn {
    padding: 0px;
}
.satisfaction-section .use-case-tabs {
	gap: 0.75rem;
}
.satisfaction-section a.wp-block-button__link.wp-element-button {
   	background-color: #F5F5F5;
    border: 1px solid rgb(0 0 0 / 8%);
    padding: 1.125rem 1.5rem !important;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    text-align: center;
    color: #11131B;
    display: flex;
    flex-wrap: nowrap;
    word-break: normal;
    white-space: nowrap;
}
.satisfaction-section .use-case-tabs .wp-block-button__link:hover, .satisfaction-section .use-case-tabs .wp-block-button__link:active {
	background-color: var(--guideline-navy);
	color: var(--pure-white);
}
.satisfaction-section .use-case-tabs .wp-block-button__link:focus-visible, .conference_btn:focus-visible {
	background-color: var(--guideline-navy);
	outline: 3px solid var(--guideline-navy) !important;
	transition: outline-color .2s ease-in-out !important;
	outline-offset: 2px !important;
	color: var(--pure-white);
}
a.wp-block-button__link.button--outline-white.button--arrow.black_btn.common_btn:focus-visible {
	background-color: var(--guideline-navy);
	outline: 3px solid var(--guideline-navy) !important;
	transition: outline-color .2s ease-in-out !important;
	outline-offset: 2px !important;
	color: var(--pure-white);
}
.use-case-detail {
	margin-top: 2rem;
	margin-bottom: 0px;
}
.use-case-detail .use-case-panel {
	padding: 2rem !important;
}
.use-case-detail .use-case-panel.use-case-detail-left .heading {
	font-weight: 500 !important;
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: 0;
	margin-bottom: 1.5rem;
	color: var(--font-color);
}
.use-case-detail .use-case-panel.use-case-detail-left .para {
	font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #666666;
    margin-bottom: 1.5rem;
}
.use-case-detail .use-case-panel.use-case-detail-left .styled-list li {
	border: 1px solid rgba(0, 0, 0, 0.08);
	padding: 1.125rem 1.5rem;
	margin-bottom: 0.75rem;
	font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
	color: rgba(24, 24, 24, 1);
}
.use-case-detail .use-case-panel.use-case-detail-left .styled-list li::before {
	width: 2.25rem;
    height: 2.25rem;
	margin-right: 0.75rem;
}

a.wp-block-button__link.button--arrow {
	font-weight: 500;
}
a.wp-block-button__link.button--arrow.common_btn::after {
	content: '';
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-left: 0.75rem;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 55%;
    border-radius: 50%;
    transition: background-color 0.2s ease, color 0.2s ease, background-image 0.2s ease;
}
a.wp-block-button__link.button--plum.button--arrow.white_btn::after {
    background-image: url(/wp-content/themes/eventably/assets/icons/arrow-right.svg);
   	background-color: var(--pure-white);
    color: var(--perceptive-black);
}
a.wp-block-button__link.button--outline-white.button--arrow.black_btn::after {
	background-image: url(/wp-content/themes/eventably/assets/icons/arrow-right-white.svg);
    background-color: var(--guideline-navy);
}

a.wp-block-button__link.button--outline-white.button--arrow.black_btn:hover::after, .a.wp-block-button__link.button--outline-white.button--arrow.black_btn:focus::after {
	background-image: url(/wp-content/themes/eventably/assets/icons/arrow-right.svg);
   	background-color: var(--pure-white);
    color: var(--perceptive-black);
}
a.wp-block-button__link.button--outline-white.button--arrow.black_btn:focus::after {
	background-color: var(--pure-white);
	color: var(--perceptive-black);
	background-image: url('/wp-content/themes/eventably/assets/icons/arrow-right.svg');
}
.integration-section {
	padding: 8rem 0px 0px !important;
}
.integration-section .wp-block-group-is-layout-constrained {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.integration-section .gradient-text {
	font-weight: 600 !important;
    font-size: 4rem;
    line-height: 130%;
    text-align: center;
	max-width: 1040px;
	width: 100%;
}
.integration-section .lead {
	font-weight: 600 !important;
    font-size: 1.375rem;
    line-height: 1.875rem;
}
.integration-section .is-layout-constrained .para {
	font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
	max-width: 1120px;
	width: 100%;
	text-align: center;
	margin-bottom: 2rem;
}
.integration-section .button.button--blush.button--arrow {
	padding: 0px !important;
}
.pricing-plans {
	padding: 9.375rem 0px 0px !important;
}
.pricing-plans h2 {
	font-weight: 600 !important;
    font-size: 64px;
    line-height: 70px;
    letter-spacing: 0;
}
.pricing-plans .has-text-align-left {
	flex: auto !important;
	max-width: calc(100% - 230px);
}
.pricing-plans .heading {
	font-weight: 600 !important;
    font-size: 4rem;
    line-height: 4.375rem;
    letter-spacing: 0;    
}
.pricing-plans .wp-block-button.button.button--plum.button--arrow.white_btn.common_btn {
	padding: 0px !important;
}
.pricing-plans .button--plum.button--arrow a:hover::after, .pricing-plans .button--plum.button--arrow a:focus::after {
	background-color: rgba(255, 255, 255, 1) !important;
}
.pricing-plans .common_center {
	align-items: center !important;
}
.pricing-plans .pricing_cards {
	background-color: rgba(229, 229, 229, 1);
    border-radius: 2rem;
    padding: 1.25rem;
	flex: auto !important;
    flex-direction: column;
	gap: 0px;
}
.pricing-plans .pricing_enterprise {
	border-radius: 2rem;
    padding: 1.25rem;
}
.pricing-plan-card h3, .enterprise-card-top-content h3 {
	font-weight: 600;
    font-size: 2rem;
    line-height: 3rem;
}
.pricing-plan-card .plan-subtitle, .enterprise-card-top-content .plan-subtitle {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.pricing-plan-card .plan-price, .enterprise-card-top-content .plan-price {
    font-size: 2rem;
	margin-bottom: 0.75rem;
}
.button--plane {
	padding: 0px !important;
}
.button--plane a::before {
    content: '';
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
    background-image: url(/wp-content/themes/eventably/assets/icons/rocket-launch.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 55%;
    border-radius: 50%;
    background-color: transparent;
    color: var(--perceptive-black);
    transition: background-color 0.2s ease, color 0.2s ease, background-image 0.2s ease;
}
.button--plane .wp-block-button__link {
	background-color: transparent;
}
.pricing-plans-group .plan-card-top-content {
	margin-bottom: 0px;
}
.pricing-plans-group .is-layout-flex {
	margin-bottom: 0px;
}
.price_feature {
	padding: 1.75rem;
}
.price_feature ul {
	margin-bottom: 0px;
	padding-left: 20px;
}
.price_feature ul li {
	font-weight: 500;
    font-size: 14px;
    line-height: 132%;
	color: rgba(74, 74, 74, 1);
	margin-bottom: 14px;
}
.price_feature ul li ::marker {
    width: 30px;
    height: 19px;
    color: rgba(74, 74, 74, 1);
    font-size: 18px;
}
.button--blush {
    padding: 0px !important;
}
.enterprise-card-top-content .button--blush.button--arrow a::after {
	content: none;
}
#lower-cta {
	padding: 106px 0px !important;
}
.heading_footer {
	font-weight: 600;
    font-size: 4rem !important;
    line-height: 4.375rem !important;
    text-align: center;
	max-width: 860px;
	width: 100%;
	margin: 0 auto 40px !important;
}
#lower-cta .lead {
	font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 2.5rem !important;
}
.without_padding .wp-block-group__inner-container {
	padding: 0px !important;
}
#lower-cta .wp-block-group__inner-container.has-text-align-center {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.enterprise-card-top-content .wp-block-heading {
	font-size: 2rem;	
}
.enterprise-card-top-content .plan-price {
	font-weight: 400;
}
.use-case-detail .wp-block-buttons.d-flex > .wp-block-button {
	max-width: 260px;
}
button.wp-block-button.button.button--blush.button--arrow.footer_email_btn {
	background: var(--bs-light) !important;
    color: var(--framework-charcoal);
    display: inline-block;
    padding: 0.75rem 1.2rem !important;
    font-size: 1rem;
    border-radius: var(--bs-border-radius);
    height: 60px;

}
button.wp-block-button.button.button--blush.button--arrow.footer_email_btn:after {
    content: '';
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-left: 0.75rem;
    vertical-align: middle;
    background-image: url(/wp-content/themes/eventably/assets/icons/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 55%;
    border-radius: 50%;
    background-color: var(--pure-white);
    color: var(--perceptive-black);
    transition: background-color 0.2s ease, color 0.2s ease, background-image 0.2s ease;
    background-image: url(/wp-content/themes/eventably/assets/icons/arrow-right-white.svg);
    background-color: var(--guideline-navy);
}
button.wp-block-button.button.button--blush.button--arrow.footer_email_btn:focus {
	outline: 3px solid #FFEAFB;
    transition: outline-color .2s ease-in-out;
    box-shadow: none !important;
    border-radius: var(--bs-border-radius);
    outline-offset: 2px;
	background: var(--bs-secondary) !important;
}
/* features page */
.entry-header.connection_heading {
	width: 100%;
	max-width: 960px;	
}
.entry-header.connection_heading h1 {
	font-weight: 500;
	font-size: 4rem;
	line-height: 125%;
	font-family: 'Outfit';
}
.page-template-inner-page-template .entry-header.connection_heading h1 {
	margin-bottom: 3.75rem !important;
}
.form-control:focus {
	box-shadow: none;
}
.page-id-36 .entry-content {
	max-width: 720px;
	width: 100%;
}
.single-post .entry-content {
	max-width: 720px;
	width: 100%;
}
.conference_btn {
	background-color: #F5F5F5;
    border: 1px solid rgb(0 0 0 / 8%);
    padding: 1.125rem 1.5rem !important;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    text-align: center;
    color: #11131B;
    display: flex;
    flex-wrap: nowrap;
    word-break: normal;
    white-space: nowrap;
    width: fit-content;
    margin: 0 auto 12px;
}
.conference_btn:hover {
	background-color: var(--guideline-navy);
    color: var(--pure-white);
}
.paragraph_p, .single-post .entry-content p, .single-post .entry-content ul li {
	font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.875rem;
	color: rgba(71, 84, 103, 1);
}

.heading_h, .single-post .entry-content h2 {
	font-weight: 600;
    font-size: 1.875rem;
    line-height: 2.375rem;
    color: rgba(16, 24, 40, 1);
	margin-bottom: 20px;
	margin-top: 2rem;
}
.single-post .entry-content h3 {
	font-weight: 600;
    font-size: 1.75rem;
    line-height: 2.375rem;
    color: rgba(16, 24, 40, 1);
	margin-bottom: 20px;
	margin-top: 2rem;
}
.paragraph_italic {
	font-weight: 500;
    font-style: italic;
    font-size: 1.5rem;
    line-height: 2.25rem;
    color: rgba(16, 24, 40, 1);
}
.blockquote .has-text-align-center {
	font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(71, 84, 103, 1);
}
.blockquote .has-text-align-center strong {
	font-weight: 600;
	color: rgba(16, 24, 40, 1);
}
.wp-block-button.button.button--plum.button--arrow.white_btn.common_btn {
    padding: 0px !important;
}
.button--plum.button--arrow a:hover::after, .button--plum.button--arrow a:focus::after {
    background-color: rgba(255, 255, 255, 1) !important;
}
.connection_heading .entry-excerpt .entry-title {
	font-weight: 500 !important;
    font-size: 4rem;
    line-height: 100%;
    text-align: center;
}
.connection_heading .entry-excerpt p {
	font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-align: center;
    color: rgba(24, 24, 24, 1);
}
.img_gap {
	margin-bottom: 3rem;
	margin-top: 3rem;
}
.conclusion_container {
	padding: 2rem !important;
}
.footer-logo img {
	width: 245px;
}
.use-case-detail-right {
	justify-content: center;
}
.site-main .entry-content .use-case-detail-right img {
	background: linear-gradient(180deg, #F1F2F6 0%, rgba(241, 242, 246, 0) 100%);
    padding: 10px 12px;
    margin: 0;
    border: 1.28px solid rgba(244, 246, 251, 1);
    border-radius: 20px !important;
}
.page-template-page-new-template-php .entry-content {
	box-shadow: none;
    border-radius: 10px;
/*     border: 1px solid #e8e9eb; */
/*     padding: 16px; */
/*     background-color: #fff; */
	width: 100%;
/*     max-width: 960px; */
/* 	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.19) !important; */
}

.ginput_complex span input, .ginput_container input {
    border-radius: 4px !important;
    border: 1px solid rgba(0, 0, 0, 0.23) !important;
    height: 56px !important;
}
.ginput_complex span input:focus, .ginput_container input:focus, .ginput_container textarea:focus  {
	outline: 3px solid var(--bs-primary) !important;
	transition: outline-color .2s ease-in-out !important;
	outline-offset: 2px !important;
}

.ginput_container textarea {
	border-radius: 4px !important;
    border: 1px solid rgba(0, 0, 0, 0.23) !important;
}

.gform-theme--foundation .gform_fields {
	gap: 10px !important;
}
.gform_button.button {
	background-color: var(--bs-primary) !important;
    color: var(--pure-white) !important;
    font-weight: 500 !important;
    font-size: 1rem !important;
    padding: 20px 54px !important;
    border-radius: 100px !important;
    width: 100%;
    max-width: 165px;
}
.gform_button.button:hover {
	background: var(--equity-violet) !important;
}
.gform_button.button:focus-visible, .gform_button.button:focus {
	background: var(--bs-primary) !important;
    outline: 3px solid #805394 !important;
    transition: outline-color .2s ease-in-out;
    box-shadow: none !important;
    border-radius: var(--bs-border-radius) !important;
	outline-offset: 2px !important;
}
.gform_validation_errors {
	font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    color: rgb(102, 39, 28);
    background-color: rgb(255, 239, 236) !important;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    padding: 6px 16px;
    border: none !important;
    outline: none !important;
}
.gform_submission_error, .gform_submission_error span {
	font-size: 20px !important;
    color: #66271c !important;
    display: flex !important;
    align-items: center !important;
    text-align: left;
    font-weight: 500 !important;
}
.gform_validation_errors ol, .gform_validation_errors ol a {
	color: #66271c !important;
    text-decoration: none !important;
	border: none !important;
	
}
.gform_validation_errors ol a:focus {
	outline: 3px solid #805394 !important;	
}
/* Default: show desktop form, hide mobile form */
.desktop-only {
    display: block;
}
.mobile-only {
    display: none;
}
.blog-heading .entry-header.connection_heading {
	max-width: 100%;
	background-color: var(--guideline-navy);
	padding: 4rem 0rem;
}
.blog-heading .entry-header.connection_heading h1 {
	color: #fff;
	margin-bottom: 0px !important;
}
.blog-wrapper .post-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 1rem;
	padding-top: 5rem;
}
  
.blog-wrapper .post-item {
	box-shadow: rgb(0 0 0 / 13%) 0px 5px 15px;
    overflow: hidden;
    transition: all 0.3s ease;
    border-radius: 32px;
/*     background: linear-gradient(183deg, #ffffff 0%, rgb(246 231 244) 100%); */
    padding: 0px;
    border: 1.28px solid rgb(229 229 230);
}
.blog-wrapper .post-item .post-thumbnail {
	transition: all 0.3s ease;
}
.blog-wrapper .post-item .post-thumbnail:hover {
	transform: scale(1.03) ;
} 

.blog-wrapper .post-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
	border-radius: 12px;
}
  
.blog-wrapper .post-content {
    padding: 15px 16px;
	display: flex;
	flex-direction: column-reverse;
	gap: 0.8rem;
}
.post-item .post-excerpt p {
	font-size: 14px;
    color: #777;
	margin-bottom: 0px;
}
.blog-wrapper .post-title {
    font-size: 1rem;
    margin: 0 0 0px;
    color: #283240;
	font-weight: 500;
    font-size: 18px;
    line-height: normal;
}
  
.blog-wrapper .post-title:hover {
    color: #504d4d;
}
  
.blog-wrapper .post-meta {
    font-size: 0.85rem;
    color: var(--bs-primary);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
  
.blog-wrapper .post-author img {
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 6px;
	padding: 2px;
    background-color: #fff;
    border: 1px solid #ddd;
}
  
.blog-wrapper .post-content a {
    text-decoration: none;
    color: inherit; /* Optional: inherit text color from parent */
    padding-top: 15px;
    border-top: 1px solid #d5d5d5;
}

	/* Pagination Container */
.pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 40px;
}

/* Default Pagination Button Style */
.pagination a,
.pagination span {
    padding: 10px 18px;
    font-size: 14px;
    border-radius: 30px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

/* Normal Pagination Button */
.pagination .page-numbers {
       border: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: transparent;
    cursor: pointer;
    appearance: none;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.87);
    text-align: center;
    box-sizing: border-box;
    min-width: 32px;
    height: 32px;
    outline: 0px;
    text-decoration: none;
    padding: 0px 6px;
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.23);
    border-image: initial;
}

/* Hover Effect */
.pagination .page-numbers:hover {
    background-color: #482856 !important;
    color: #fff !important;
}

/* Active (Current Page) */
.pagination .current {
    background-color: #482856 !important;
    color: #fff !important;
}

/* Optional: Previous/Next Styling */
.pagination .prev,
.pagination .next {
    background-color: #482856;
    color: #FFF;
    border: 1px solid #fff;
}

.pagination .prev:hover,
.pagination .next:hover {
    background-color: #1d1f2b;
    color: #fff;
}
.page-id-77 .site-main, .page-id-90 .site-main, .page-template-page-contact-template .site-main {
	background-color: var(--guideline-navy);
	padding: 8rem 0rem 8rem;
}
.page-id-77 .site-main h1, .page-id-90 .site-main h1, .page-template-page-contact-template .site-main h1 {
	color: var(--pure-white);
}
.entry-content .right_section, .entry-content .right_section {
	background: linear-gradient(56deg, #ffffff 0%, rgb(241 242 246) 100%);
    padding: 32px !important;
    margin: 0;
    border: 1.28px solid rgba(244, 246, 251, 1);
    border-radius: 32px !important;
}
.entry-content .left_section {
	position: sticky;
	top: 0px;
}
.entry-content .left_section .heading_h {
	color: var(--pure-white);
}
.entry-content .left_section p.para_p {
	color: var(--pure-white);
	margin-bottom: 36px;
}
.page-id-77.page-template-page-new-template-php .entry-content .wp-block-group.wp-block-group-is-layout-flex, .page-id-90.page-template-page-new-template-php .entry-content .wp-block-group.wp-block-group-is-layout-flex {
	align-items: flex-start;
}
.contact_section {
	align-items: flex-start;
}
.contact_section .left_section img {
	border-radius: unset !important;
}
.contact_section .left_section .heading_h {
	margin-top: 0px !important;
}
.contact_section .left_section .social_icon {
	margin-bottom: 36px;
	color: var(--pure-white);
}
.contact_section .left_section .social_icon i {
	font-size: 20px;
}
.contact_section .left_section .social_icon p {
	color: var(--pure-white) !important;
	padding-left: 10px;
}
.team_detail .wp-block-social-links .wp-social-link a:focus-visible {
    outline: 3px solid var(--focus-color, #ffffff);
    outline-offset: 2px;
    transition: outline-color 0.2s ease-in-out;
}


.wp-block-columns.team-detail.is-layout-flex {
	flex-direction: column;
    justify-content: center;
}
.team-detail .wp-block-columns.custom-border-container {
	align-items: center !important;
    border-radius: 32px;
	gap: 0px;
}
.team-detail figure {
	margin-bottom: 0px;
}
.site-main .entry-content .team-detail img {
	border-radius: 32px 0px 0px 32px !important;
    margin: 0px !important;
}
.site-main .entry-content .team-detail .team_right img {
    border-radius: 0px 32px 32px 0px !important;
}
.team-detail .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.team_detail {
	background-color: var(--guideline-navy);
/*     padding: 80px 80px; */
	padding: 55px;
    border-radius: 0px 32px 32px 0px;
	flex: 1.75;
}
.team-detail .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.team_detail ul {
	margin-bottom: 0px;
}
.team-detail .team_right .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.team_detail {
    border-radius: 32px 0px 0px 32px;    
}
.team-detail .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow h2 {
	font-size: 32px;
    margin-bottom: 0;
    line-height: normal;
	color: var(--pure-white);
}
.team-detail p {
	font-size: 14px;
	 color: var(--pure-white);
}
.team-detail p.team_desc {
	font-size: 18px;   
}
.team-detail .team_right .wp-block-columns.custom-border-container {
	flex-direction: row-reverse;
}
.linkedin-wrapper a {
    background-color: #fff;
    border-radius: 100px;
    padding: 8px 16px;
    transition: all 0.1s ease;
}

.site-main .entry-content .team-detail .linkedin-wrapper a img {
    border-radius: 0px !important;
}
.linkedin-wrapper a:hover {
    outline: 3px solid var(--focus-color, #fff);
    outline-offset: 2px;
}

.linkedin-wrapper a:focus-visible {
    outline: 3px solid var(--focus-color, #fff);
    outline-offset: 2px;
    transition: outline-color 0s ease-in-out;
}

.page-template-page-new-template-php .entry-content .email_list {
    border-radius: 10px;
    border: 1px solid #e8e9eb;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.19) !important;
}
.page-template-page-new-template-php .entry-content .email_list .wp-block-group__inner-container {
	padding: 0px;
}
.email_list .wp-block-group .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
    padding: 10px 16px;
    border-bottom: 1px solid #ddd;
}
.page-template-page-new-template .entry-content .email_list p {
    font-size: 1rem;
    margin-bottom: 0px;
	line-height: normal;
}
.page-template-page-new-template .entry-content .email_list p a {
    font-weight: 400;
    text-decoration: unset;
}
.page-template-page-new-template .email_list .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex {
    margin-bottom: 0px;
	align-items: center !important;
}

.email_list .wp-block-group:last-of-type > .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
    border-bottom: 0px;
}
@media (max-width: 782px) {
	.email_list .wp-block-group .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex .wp-block-columns {
		flex-wrap: nowrap !important;
		border-bottom: 1px solid #ddd;
        padding: 10px 10px;
		gap: 10px;
		align-items: center !important;
	}
	.email_list .wp-block-group:last-of-type > .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:last-of-type .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex .wp-block-columns {
    	border-bottom: 0px;
	}
	.page-template-page-new-template .email_list .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex {
    margin-bottom: 0px;
    	gap: 0px;
	}
	.email_list .wp-block-group .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
		padding: 0px 0px;
		border-bottom: 0px;
	}
}
@media (max-width: 599px) {
	.email_list .wp-block-group .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex .wp-block-columns {
		flex-wrap: wrap !important;
		gap: 0px;
	}
}
.without_link {
    cursor: default;
}
.without_link:hover {
    background-color: #F5F5F5;
    color: #11131B;
}
/* event section css start here */
.page-template-features-template .wp-block-group__inner-container {
	max-width: 1150px;
}

.event-section {
	padding: 5rem 0rem !important;
	margin-top: 2.875rem;
}
.site-main .entry-content .event-section img {
	margin-top: 0rem;
    margin-bottom: 0rem;
	border-radius: 40px !important;
}
.event_sub_section {
	background-color: var(--pure-white);
	border: 1px solid #DCDCDC;
	border-radius: 2rem;
	padding: 2rem !important;
	gap: 2.5rem;
}

.core_event {
	max-width: 496px;
	width: 100%;
}
.event_sub_section h2 {
	font-weight: 600;
    font-size: 3rem;
    line-height: 130%;
	margin-bottom: 2rem;
}
.event_sub_section .wp-block-group__inner-container {
	padding: 0px !important;
}
.event_sub_list {
	padding-left: 0px;
}
.event_sub_list li {
	display: flex;
    align-items: center;
    border-radius: var(--bs-border-radius) 100px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 1.375rem 1.5rem;
    margin-bottom: 1rem;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: rgba(24, 24, 24, 1);
	max-height: 5rem;
}
.event_sub_list li::before {
	content: '';
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    background-color: var(--bs-primary);
    color: var(--pure-white);
    background-image: url(/wp-content/themes/eventably/assets/icons/check-circle.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 55%;
    margin-right: 0.5rem;
    border-radius: 50%;
	width: 2.25rem;
    height: 2.25rem;
    margin-right: 0.75rem;
}
.event_sub_section .wp-block-button .wp-block-button__link {
	padding: 0.75rem 4.313rem !important;
}
@media (max-width: 781px) {
	.event_sub_section {
		flex-direction: column;
	}
	.core_event {
		max-width: 100%;
	}
}
@media (max-width: 767.98px) {
	.event_sub_section {
		padding: 1rem !important;
	}
	.event_sub_section h3 {
		font-size: 2rem;
    	margin-bottom: 1.5rem;
    	line-height: 130%;
	}
	.event_sub_list li {
		font-size: 1rem;
	}
	.event_sub_section h2 {
		font-size: 2rem;
		margin-bottom: 1rem;
	}
	.event-section {
    	padding: 2rem 0rem !important;
    	margin-top: 0rem;
	}
}
@media (max-width: 599.98px) {
	.page-template-features-template header.site-header .navbar {
        padding: 0px 1rem;
    }
	.page-template-features-template .container-fluid {
		padding: 0px;
	}
	.page-template-features-template footer.site-footer .wp-block-group__inner-container {
        padding: 0px 15px;
    }
	.page-template-features-template .entry-header.connection_heading {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}
.organizer_section {
	padding: 8.5rem 0rem !important;
}
.organizer_section .button {
	padding: 0px !important;
    min-width: 237px;
}
.organizer_section h2 {
	font-weight: 500;
    font-size: 4rem;
    line-height: 100%;
	margin-bottom: 1.5rem;
	font-family: 'Outfit', sans-serif;
}
.organizer_section p {
	margin-bottom: 0px;
	font-weight: 600;
	font-size: 1.375rem;
	line-height: 1.875rem;
}
.organizer_section ul.org_list {
	font-weight: 600;
	font-size: 1.375rem;
	line-height: 1.875rem;
	margin-bottom: 0px;
}
.organizer_section .platform-columns {
	padding-top: 1.5rem;
	padding-bottom: 0rem;
}
.organizer_sub_section {
	padding-bottom: 3.5rem !important;
}
.organizer_section .platform-columns .card ul {
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.5rem;
	margin-bottom: 0px;
}
.org_without_padding .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
    padding: 0;
}
@media (max-width: 767.98px) {
   .organizer_section {
        padding: 2rem 0rem !important;
    }
	.organizer_section h2 {
		font-size: 2.5rem;
	}
	.organizer_section ul.org_list {
    	font-weight: 500;
    	font-size: 1.125rem;
    }
	.organizer_sub_section {
    	flex-direction: column;
		padding-bottom: 1.5rem !important;
		gap: 1.5rem;
	}
	
}
@media (max-width: 599.98px) {
	.organizer_sub_section .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
    	width: 100%;
	}
}
/* Ai power section start here */
.ai_power_section {
	padding: 6rem 0px 5rem !important;
}
.ai_sub_section .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
	padding: 0px !important;
}
.ai_sub_section {
	margin-bottom: 1.5rem;
}
.ai_sub_section h2 {
	font-weight: 500;
    font-size: 4rem;
    line-height: 130%;
	margin-bottom: 1.5rem;
	font-family: 'Outfit', sans-serif;
}
.ai_sub_section p {
	font-weight: 500;
    font-size: 1.125rem;
    line-height: normal;
    max-width: 926px;
    width: 100%;
    margin: 0 auto;
}
.ai_sub_section .common_btn {
	margin-top: 2.5rem !important;
}
.ai_power_section .platform-columns {
	padding-top: 1.5rem !important;
	padding-bottom: 0rem !important;
}
.page-template-features-template .site-main {
	margin-bottom: 0px !important;
}
@media (max-width: 767.98px) {
    .ai_power_section {
        padding: 2rem 0rem !important;
    }
	.ai_sub_section h2 {
		font-size: 2.5rem;
	}
	.ai_sub_section {
		margin-bottom: 0px;
	}
}

/* integrations_section start here */
.integrations_section {
	padding: 5rem 0rem !important;
}

.page-template-Integrations-template .wp-block-group__inner-container {
	max-width: 1150px;
}
.expand_content .wp-block-group__inner-container {
	padding: 0px;
}
.integrations_section img {
	margin: 0px !important;
}
.managing_events {
	padding-top: 7.5rem !important;
}
.managing_events .wp-block-group__inner-container {
	padding: 0px;
}
.managing_events h3 {
	font-weight: 600;
	font-size: 1.875rem;
	line-height: 2.375rem;
	margin-bottom: 2rem;
}
.managing_events p {
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.875rem;
	margin-bottom: 0px;
}
@media (max-width: 767.98px) {
	.integrations_section {
		padding: 2rem 0rem !important;
	}
	.managing_events {
		padding-top: 1rem !important;
	}
	.managing_events h3 {
		font-size: 1.5rem;
		line-height: normal;
		margin-bottom: 1rem;
	}
	.managing_events p {
		font-size: 1rem;
		line-height: normal;
	}
}
@media (max-width: 599.98px) {
	.page-template-Integrations-template header.site-header .navbar {
        padding: 0px 1rem;
    }
	.page-template-Integrations-template .container-fluid {
		padding: 0px;
	}
	.page-template-Integrations-template footer.site-footer .wp-block-group__inner-container {
        padding: 0px 15px;
    }
	.page-template-Integrations-template .entry-header.connection_heading {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}
/* inner page css start here */
.page-template-inner-page-template .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
    max-width: 1150px;
}
.inner_main_section {
	padding: 5rem 0px !important;
}
.inner_main_section h2 {
	font-weight: 600;
	font-size: 1.875rem;
	line-height: 2.375rem;
	margin-bottom: 3.75rem;
}
.inner_main_section p, .inner_main_section ul {
	font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.875rem;
    color: #475467;
}
.page-template-inner-page-template .inner_main_section figure.wp-block-image.size-large {
	margin: 2.5rem 0px;
}
.page-template-inner-page-template .inner_page_box .platform-columns .card {
    padding: 2rem 2rem !important;
}
.page-template-inner-page-template .inner_page_box .platform-columns .card p {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 2.125rem;
}
@media (max-width: 767.98px) {
    .inner_main_section {
        padding: 2rem 0rem !important;
    }
	.inner_main_section h2 {
    	margin-bottom: 1.5rem;
	}
	.page-template-inner-page-template .entry-header.connection_heading h1 {
		margin-bottom: 0rem !important;
	}
	.page-template-inner-page-template .site-main {
		margin-top: 0rem !important;
	}
	.page-template-inner-page-template .inner_page_box .platform-columns .card p {
		font-size: 1.25rem;
		line-height: normal;
	}
}
@media (max-width: 599.98px) {
	.page-template-inner-page-template .container-fluid {
        padding: 0px;
    }
	.page-template-inner-page-template footer.site-footer .wp-block-group__inner-container {
        padding: 0px 1rem;
    }
	.page-template-inner-page-template header.site-header .navbar {
        padding: 0px 1rem;
    }
}
/* inner page css end here */
/* end css */
/* responsive css */

/* On mobile, reverse it */

@media (max-width: 1299px) {
	.team-detail .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.team_detail {
		flex: 1.5;
	}
}
@media (max-width: 1160px) {
	.team-detail .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.team_detail {
		padding: 50px 50px;
	}
}
@media (max-width: 992px) {
	.team-detail .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.team_detail {
		padding: 24px 24px;
	}
}

@media (max-width: 850px) {
	.team-detail .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.team_detail {
		padding: 20px 20px;
		flex: 1.3;
	}
	.team-detail .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow h2 {
    	font-size: 28px;
    }
	.team-detail p.team_desc {
    	font-size: 16px;
	}
	.team-detail .wp-block-columns.custom-border-container {
		flex-wrap: nowrap !important;
	}
	.team-detail .wp-block-columns.custom-border-container ul.social {
		margin-bottom: 0px;
	}
}
@media (max-width: 991px) {
    .desktop-only {
        display: none;
    }
    .mobile-only {
        display: block;
    }

    .mobile-only .footer-email-optin {
        margin-bottom: 15px;
		padding: 0.5rem;
        height: 60px;
    }
	.mobile-only .footer-email-optin.mbl {
		border: none;
    	background: transparent;
	}
	.mobile-only .footer-email-optin.mbl button {
		width: 100%;
	}
	.footer-box .pt-5{
	padding-top:unset !important;
   }
	.site-footer .social-icons.list-inline {
		justify-content: center;
		
	}
	#menu-main-navigation.navbar-nav {
		gap: 1rem;
	}
	#menu-main-navigation.navbar-nav a {
		font-weight: 400;
		font-size: 1.5rem;
		line-height: 1.875rem;
		padding: 11px 15px;
	}
	.mobile-menu__footer .button {
		flex: 1;
		max-width: 330px;
	}
	#navbarNavDropdown.mobile-menu-panel .mobile-menu__footer {
        flex-direction: row;
		justify-content: center;
    }
	.entry-content .right_section, .entry-content .right_section {
		padding: 20px 8px !important;
	}
}
@media (max-width: 781px) {
	.pricing-plans .has-text-align-left {
		max-width: 100%;
	}
	.team-detail .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.team_detail {
		padding: 15px 15px;
		flex: 1.5;
	}
}
@media (max-width: 767.98px) {
	.site-main {
    	margin-top: 1.5rem !important;
	}
	.page-id-64 #primary .container, .page-id-68 #primary .container {
    	padding: 0px !important;
	}
	.hero-feature .wp-block-group__inner-container {
		padding: 2.313rem 1rem !important;
		border-radius: 0px !important;
	}
	.site-main .entry-content .hero-feature .head, .satisfaction-section .heading, .integration-section .gradient-text, .pricing-plans .heading, .heading_footer {
		font-size: 2rem !important;
		margin-bottom: 1.5rem !important;
		line-height: 130% !important;
	}
	.site-main .entry-content .hero-feature .para {
		font-size: 1.125rem;
		line-height: normal;
		margin-bottom: 1.5rem;
	}
	.integration-section .is-layout-constrained .para {
		font-size: 1.125rem;
		line-height: 1.75rem;;
		margin-bottom: 2rem;
	}
	.platform-section, .satisfaction-section, .integration-section, .pricing-plans, #lower-cta {
		padding: 2rem 1rem !important;
	}
	.pricing-plans {
		padding-bottom: 0px !important;
	}
	.accessible_ticketing {
		font-size: 2rem;
		font-weight: 500 !important;
	}
	.platform-columns {
		padding-top: 1.5rem;
    	padding-bottom: 1.5rem;
	}
	
	.satisfaction-section .use-case-tabs {
    	flex-wrap: nowrap !important;
		overflow: auto;
		width: 100%;
		max-width: 100%;
		margin: 0px !important;
	}
	.access_para {
    	font-size: 1.25rem;
		margin-bottom: 0px;
    }
	.satisfaction-section .wp-block-group__inner-container, .pricing-plans .wp-block-group__inner-container {
		padding: 0px;
	}
	.badge-pill {
		margin-bottom: 1.5rem !important;
	}
	.use-case-detail {
		flex-direction: column-reverse;
	}
	.use-case-detail .use-case-panel {
    	padding: 0rem 1rem 1rem !important;
	}
	.use-case-detail .use-case-panel.use-case-detail-left .heading {
		font-size: 1.75rem;
		margin-bottom: 1rem;
	}
	.pricing-plans .common_center {
		gap: 0px;
		margin-bottom: 1.5rem !important;
	}
	.price_feature .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
		flex-basis: 50% !important;
	}
	.price_feature {
		flex-wrap: nowrap !important;
		padding: 1.75rem 0px;
	}
	#lower-cta .lead {
		margin-bottom: 1.5rem !important;
	}
	#menu-main-navigation.navbar-nav {
		gap: 1rem !important;
	}
	
	.connection_heading .entry-excerpt .entry-title {
		font-size: 2.5rem;
    }
	.footer-box.dark-bg {
		padding: 32px 16px !important;
	}
	.footer-box.dark-bg p {
		font-size: 20px;
	}
	.menu-footer-menu-container .menu-item a {
		font-weight: 400;
    	font-size: 16px;
    	line-height: 30px;
	}
	.site-footer.bg-white {
		padding-top: 0px !important;
	}
	.entry-header.connection_heading h1 {
		font-size: 2.5rem;
	}
	.single-post .entry-header {
		padding: 0px;
	}
	.page-id-77 .site-main, .page-id-90 .site-main {
    	padding: 2rem 0rem 2rem;
	}
	
	.contact_section {
		flex-direction: column;
	}
	.entry-content .right_section, .entry-content .right_section {
		padding: 1rem 0px !important;
	}
	.entry-content .left_section {
		position: relative;
	}

	.blog-heading {
		padding: 0px;
	}
	.blog-heading .entry-header.connection_heading {
		padding: 2rem 0rem;
	}
	.blog-wrapper .post-grid {
    	padding-top: 2rem;
	}  
}

@media (max-width: 601px) {
	.team-detail .wp-block-columns.custom-border-container {
		flex-wrap: wrap !important;
		margin-bottom: 0px;
	}
	.site-main .entry-content .team-detail img, .site-main .entry-content .team-detail .team_right img {
		border-radius: 10px 10px 0px 0px !important;
	}
	.team-detail .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.team_detail {
		border-radius: 0px 0px 10px 10px !important;
	}
}
@media (max-width: 599.98px) {
	.button_grp {
		display: grid !important;
		width: 100%;
	}
	.home .container-fluid {
		padding: 0px;
	}
	.home footer.site-footer .wp-block-group__inner-container {
		padding: 0px 15px;
	}
	footer.site-footer .wp-block-group__inner-container {
		padding: 0px;
	}
	
	.home header.site-header .navbar {
		padding: 0px 15px;
	}
	.platform-section .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained, .integration-section .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
		padding: 0px;
	}
	.button.button--blush.button--arrow, .button.button--plum.button--arrow, .button.button--plum.button--plane, .button.try-it.button--outline-light.button--arrow {
    	width: 100%;
	}
	.integration-section .wp-block-buttons, .pricing-plans .wp-block-buttons {
		width: 100%;
	}
	.event-benefits .wp-block-column:not(:last-child)::after {
		content: none;
	}
	.vector_image {
		gap: 0px;
	}
	.event-benefits .wp-block-column {
		margin-bottom: 0px;
		padding-bottom: 10px;
	}
	figure.wp-block-image.mb-2.text-center.vector_img img {
    	margin-bottom: 1rem;
	}
	#lower-cta #block-16 {
		width: 100%;
	}
	div.use-case-detail .wp-block-buttons.d-flex .wp-block-button {
		max-width: 100%;
	}
	.site-footer .site-logo {
		width: 100%;
		max-width: 320px;
		margin: 0px;
	}
	#navbarNavDropdown.mobile-menu-panel .mobile-menu__footer {
		flex-direction: column;
	}
	.mobile-menu__footer .button {
		max-width: 100%;
		width: 100%;
	}
	.blog-wrapper .post-grid {
    	grid-template-columns: 1fr;
	}
	.gform_button.button {
		max-width: 100%;
		width: 100% !important;
	}
	.footer-box.dark-bg p {
		text-align: center;
	}
}