/*

Theme Name: webpopular

Theme URI: https://webpopular.net/wordpress-theme

Author: webpopular.net

Author URI: https://webpopular.net/

Description: webpopular theme

Requires at least: 5.8

Tested up to: 5.9

Requires PHP: 5.7

Version: 0.0.2

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Template: 

Text Domain: webpopular

Tags: full-site-editing

*/



body {

  overflow-x: hidden;

}

.hcp-wrap {
	justify-content: center;
    display: flex;
}

.elementor-slideshow__header {

	box-sizing: border-box;

}

.hcp-wrap iframe {
    width: clamp(360px, 45vw, 540px);
}

/* Dynamic Styles  */

h1,

.logo-wrapper:has(h1) a,

.elementor-widget-heading h1.elementor-heading-title,

h2, 

.elementor-widget-heading h2.elementor-heading-title {

  font-family: var(--heading-font), sans-serif;

  font-family: var(--e-global-typography-primary-font-family), sans-serif;

  color: var(--heading-font-color);

  color: var(--e-global-color-primary);

  font-weight: normal;

  font-weight: var(--e-global-typography-primary-font-weight);

}  



header .logo-wrapper h2 {

  display: inline-block;

  vertical-align: middle;

  text-wrap: wrap;

  font-size: 30px;

}



h3, 

.elementor-widget-heading h3.elementor-heading-title,

h4,

.elementor-widget-heading h4.elementor-heading-title,

h5, 

.elementor-widget-heading h5.elementor-heading-title,

h6,

.elementor-widget-heading h6.elementor-heading-title {

  font-family: var(--heading-font), sans-serif;

  font-family: var(--e-global-typography-secondary-font-family), sans-serif;

  color: var(--heading-font-color);

  color: var(--e-global-color-primary);

  font-weight: normal;

  font-weight: var(--e-global-typography-secondary-font-weight);

} 



.wp-site-blocks .elementor[data-elementor-type="wp-page"] {

  min-height: calc(-70px + 100vh);

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



.site-content ::placeholder,

.site-content ::placeholder {

  font-size: 14px;

  opacity: .6;

}



.topbar p,

.topbar span,

.topbar a,

.wpcf7 input::placeholder, 

.wpcf7 textarea::placeholder,

.abLeadForm button,

input[type="submit"],

body,

li,

li a,

p, 

p a {

  font-family: var(--paragraph-font), sans-serif;

  font-family: var(--e-global-typography-text-font-family), sans-serif;

} 



.woocommerce-cart-form__cart-item.cart_item .variation,

.woocommerce-cart-form__cart-item.cart_item .product-quantity {

  display: flex;

  justify-content: space-between;

}



.woocommerce.single-product .content-area {

  margin-top: 50px;

  padding: 15px;

}





.site-content.page-404 {

  padding: 15px;

  text-align: center;

  margin: 50px auto auto;

}



.site-content.page-404 h1 {

  padding: 0;

}



.woocommerce-cart .site-content,

.woocommerce-checkout .site-content,

.woocommerce .content-area,

.blog-content,

.single-listings .content {

  margin: auto;

  max-width: var(--elementor-content-width);

}



.woocommerce-cart .site-content,

.woocommerce-checkout .site-content {

  margin: 50px auto;

}



header .contain img {

  width: var(--header-logo-width);

  vertical-align: middle;

}



header .contain img.sticky-logo {

  width: var(--sticky-header-logo-width);

}



header .menu li,

header .menu li a {

  font-size: var(--header-menu-font-size);

  font-size: var(--e-global-typography-text-font-size);

  white-space: nowrap;

}



header .menu li a {

  display: block;

}



.abLeadForm button,

.um-profile-nav-item span,

.um-profile-nav-item i,

.um-field-label label,

body,

.site-content .um,

p:not(.elementor p, .content-hero p, .topbar p, .categories p, .post-carousel p, .testimonials p, .pop-up-form p), 

p a:not(.elementor p a) {

  font-size: var(--paragraph-font-size) !important;

  font-size: var(--e-global-typography-text-font-size) !important;

  font-weight: var(--paragraph-font-weight);

  font-weight: var(--e-global-typography-text-font-weight);

  color: var(--body-font-color);

}



.content-hero {

  font-size: var(--paragraph-font-size);

  font-size: var(--e-global-typography-text-font-size);

}



.site-content .elementor-toggle-item p {

  color: inherit;

}



.content-hero .elementor-image-carousel-wrapper {

  height: 100vh;

}



.content-hero .elementor-image-carousel-wrapper img {

  object-fit: cover;

  height: 100%;

  width: 100%;

}



.content-hero .elementor-element.elementor-absolute {

  white-space: nowrap;

}



a:hover .elementor-icon-list-icon svg {

  fill: var(--link-hover-color);

}



.site-content .um .um-profile-nav-item a:hover,

.site-content .um .um-profile-nav-item.active a:hover,

.site-content .um-account .um-account-side li a.current:hover,

.site-content .um .um-profile-nav-item a:hover,

.site-content .um-profile.um .um-profile-headericon a:hover, 

.site-content .um-account-side li a:hover span.um-account-icon,

.um-profile.um .um-profile-headericon a:hover,

.site-content .um-account-name a:hover,

.site-content .um a.um-link:hover,

.site-content .um a:hover,

.site-content p a:hover,

.icons i:hover,

.site-content a:hover span,

.categories p:hover,

h1 a:hover,

h2 a:hover,

.post-carousel .post-title,

.single-testimonials a:hover,

.site-content a:hover,

.woocommerce a:hover {

  color: var(--link-hover-color);

}



.categories p {

  cursor: pointer;

  margin: 0;

  line-height: normal;

}



.site-content .um-profile.um .um-profile-edit-a.active,

.site-content .um-account-side li a.current span.um-account-icon,

.site-content .um-account-side li a.current:hover span.um-account-icon,

.site-content .um .um-field-radio.active:not(.um-field-radio-state-disabled) i,

.site-content .um .um-profile-nav-item.active a,

.site-content .um-account .um-account-side li a.current, 

.site-content .wp-element-button, 

.site-content .wp-block-button__link,

.site-content .um a.um-link,

.site-content p a,

.site-content .um a,

.site-content .um-profile.um .um-profile-headericon a,

#message p,

.notice,

.categories p,

.single-testimonials a,

.woocommerce a,

.site-content a {

  color: var(--link-color);

}



.site-content p a {

  color: inherit;

}



.eael-creative-button--tamaya {

  margin: initial;

}



.site-content .um .um-profile-nav-item.active a,

.site-content .um-profile-nav-item a:hover {

  background: var(--link-color);

}



input::placeholder,

textarea::placeholder,

h1 a,

h2 a {

  color: var(--primary-color);

}



.pop-up-trigger.button,

.topbar {

  background: var(--topbar-background-color);

}



.topbar span,

.topbar h1, 

.topbar h2, 

.topbar h3, 

.topbar h4, 

.topbar h5, 

.topbar h6,

.topbar a,

.topbar p,

.topbar .content {

  color: var(--topbar-text-color);

}



.topbar a:hover span,

.topbar a:not(.button a, a.button):hover {

  color: var(--topbar-link-hover-color);

}



.woocommerce .topbar .button,

.topbar .button {

  background: var(--topbar-button-color);

  color: var(--topbar-button-text-color);

}



.topbar .button.secondary {

  background: var(--topbar-button-color-secondary);

  color: var(--topbar-button-text-color-secondary);

}



.topbar .contain {

  max-width: var(--topbar-width);

}



.sub-menu a {

  white-space: normal;

  word-wrap: break-word;

  word-break: break-word;

  overflow-wrap: break-word;

}



.navigation:has(.button) > div:first-of-type,

.navigation:has(.button) .menu-main-menu-container {

  display: inline-block;

}



#header .button.mobile,

.navigation .button {

  background: var(--menu-button-background-color);

  color: var(--menu-button-text-color);

  font-size: calc(var(--paragraph-font-size) - 2px) !important;

  line-height: normal;

  padding: 15px;

}



#header .button.mobile:hover,

.navigation .button:hover {

  color: var(--menu-button-text-hover-color);

}



#header .social-icons i:hover,

.menu li.menu-item-has-children:hover i,

.menu .current-menu-item>a,

.menu a[href]:hover {

  color: var(--menu-text-hover-color);

}



.sub-menu {

  z-index: 1;

}



.elementor-widget-container p a {

  text-decoration: underline;

}



.no-margin-bottom,

.e-parent.no-margin-bottom {

  margin-bottom: 0;

}



.no-margin-top,

.e-parent.no-margin-top {

  margin-top: 0;

}



.no-margin,

.e-parent.no-margin {

  margin: 0;

}



.no-padding-bottom,

.e-parent.no-padding-bottom {

  padding-bottom: 0;

}



.no-padding-top,

.e-parent.no-padding-top {

  padding-top: 0;

}



.no-padding,

.e-parent.no-padding {

  padding: 0;

}



.elementor-widget-eael-feature-list .eael-feature-list-items .eael-feature-list-item .eael-feature-list-icon-box .eael-feature-list-img {

  image-rendering: unset;

}



.cta-button {

  white-space: nowrap;

}



.elementor .eael-woo-product-carousel-container .icons-wrap.block-style li a.button.add_to_cart_button:hover,

.elementor .eael-woo-product-carousel-container .icons-wrap.block-style li a.button.add_to_cart_button,

.elementor .eael-woo-product-carousel-container .icons-wrap.block-style li a {

  color: transparent;

}



.elementor .eael-woo-product-carousel-container .icons-wrap.block-style li a::before,

.elementor .eael-woo-product-carousel-container .icons-wrap.block-style li a i {

  color: white;

}



/* WooCommerce Button Colors */

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, 

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, 

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, 

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, 

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, 

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, 

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, 

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, 

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover,

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, 

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, 

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, 

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, 

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, 

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, 

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, 

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {

  color: var(--content-button-color);

  background: var(--content-button-background-color);

  background: var(--e-global-color-accent);

}



.woocommerce .quantity .qty {

  min-height: 40px;

}



/* WooCommerce Product Title */

.woocommerce ul.products li.product .woocommerce-loop-product__title,

.post-carousel .woocommerce-Price-amount {

  color: var(--e-global-color-secondary);

}



.woocommerce-message {

  border-top-color: var(--e-global-color-accent);

}



.woocommerce-message::before,

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, 

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {

  color: var(--e-global-color-accent);

}



.eael-woo-product-carousel-container .icons-wrap.block-style li a,

.eael-woo-product-carousel-container .icons-wrap.block-style li a.button.add_to_cart_button,

.eael-woo-product-carousel-container .icons-wrap.block-style,

.um-page-members .um-do-search.um-button,

.um-page-members .um-do-search.um-button:hover,

.site-content .um input[type=submit].um-button,

.site-content .um input[type=submit].um-button:hover,

.site-content a.um-button,

.site-content .um a.um-button,

.site-content .um a.um-button:hover,

.site-content .um a.um-button:focus,

.site-content .um-request-button,

.site-content .um-request-button:hover,

.site-content .um input[type=submit].um-button:focus,

.testimonials .review-button button,

.testimonials .review-button button:hover,

.site-content .acf-switch.-on,

.site-content .um .um-profile-nav-item.active a,

.site-content .um .um-profile-nav-item a:hover,

.site-content .um .um-profile-nav-item.active a:hover,

.site-content button.wp-element-button, 

.single-listings a.button,

.site-content .hcp-button,

.contain .hcp-button,

.pop-up-form .button,

button,

input[type="submit"],

.button {

  font-family: var(--paragraph-font), sans-serif;

  font-family: var(--e-global-typography-text-font-family), sans-serif;

  color: var(--content-button-color);

  background: var(--content-button-background-color);

  background: var(--e-global-color-accent);

  font-size: var(--paragraph-font-size) !important;

  font-size: var(--e-global-typography-text-font-size) !important;

  font-weight: var(--paragraph-font-weight);

  font-weight: var(--e-global-typography-text-font-weight);

  cursor: pointer;

}



.site-content .um .um-profile-nav-item a:hover i,

.site-content .um .um-profile-nav-item.active a:hover i,

.site-content .um .um-profile-nav-item.active a i,

.site-content .um .um-profile-nav-item a:hover span,

.site-content .um .um-profile-nav-item.active a:hover span,

.site-content .um .um-profile-nav-item.active a span {

  color: var(--content-button-color);

}



.site-content .hcp-button:hover,

.contain .hcp-button:hover {

  color: var(--e-global-color-accent);

  background-color: black;

  border-color: var(--e-global-color-secondary);

  border-radius: 3px;

}



.topbar .contain .hcp-button {

  color: white;

  font-weight: 600;

  text-transform: none;

  font-size: 18px !important;

}



.contain .hcp-button,

.site-content .hcp-button {

  border-radius: 3px;

  text-transform: none;

}



.site-content .hcp-button {

  font-size: 15px !important;

  color: black;

}



.site-content .hcp-button.content-button {

  box-shadow: none;

  background-color: transparent;

}



.site-content .content-button .hcp-button {

  box-shadow: none;

  background-color: transparent;

  border: 1px solid var(--e-global-color-accent);

  color: white;

}



.site-content .content-button .hcp-button:hover {

  box-shadow: none;

  background-color: var(--e-global-color-accent);

  color: white;

}



.site-content .alt .content-button .hcp-button {

  background-color: var(--e-global-color-accent);

}



.site-content .alt .content-button .hcp-button:hover {

  background-color: var(--e-global-color-secondary);

}



.testimonials .review-button button,

.testimonials .review-button button:hover {

  color: var(--content-button-color) !important;

}



.elementor-widget-html i,

.accent {

  color: var(--e-global-color-accent);

}



.elementor-widget-html i {

  font-size: 55px;

}



.testimonials .review-button button,

.testimonials .review-button button:hover {

  border-color: var(--content-button-background-color);

  background: var(--content-button-background-color);

}



.elementor-button-content-wrapper span,

.site-content .elementor-button:hover span {

  color: inherit;

}



.elementor-counter-title {

  text-align: center;

}



.site-content .acf-switch:hover .acf-switch-slider, 

.site-content .acf-switch.-focus .acf-switch-slider,

.site-content .acf-switch:hover, 

.site-content .acf-switch.-focus,

.site-content .acf-switch.-on:hover,

.site-content .acf-switch.-on {

  border-color: var(--content-button-background-color);

  border-color: var(--e-global-color-accent);

}



.site-content .um .um-field-file a.um-button, 

.site-content .um .um-field-file a.um-button:hover,

.um select {

  border: 1px solid #ddd !important;

  box-shadow: none;

  background: transparent;

  max-width: 100%;

  width: 100%;

}



.blog .page-title,

.archive .page-title,

.um-modal .um-modal-btn, 

.um-modal .um-modal-btn:hover,

.um-modal .um-modal-btn.disabled, 

.um-modal .um-modal-btn.disabled:hover,

.um .um-members-pagi span.current:hover, 

body div.um-modal .upload:hover,

.um .um-members-pagi span.current, 

.um .picker__nav--prev:hover, 

.um .picker__nav--next:hover, 

.um-modal-btn.disabled:hover, 

.um .um-field-group-head,

.um-modal .um-modal-header,  

.um-modal-btn.disabled, 

.um-modal .upload,

.um .picker__box, 

.um-modal-btn, 

.um .upload {

  background: var(--secondary-color);

  border-radius: initial;

}



.single-listings i,

.single-listings .price,

.listing-date {

  color: var(--secondary-color);

}



#header .social-icons a,

.menu .fa-chevron-down::before,

.menu a {

  color: var(--menu-font-color);

  text-decoration: none;

  line-height: normal;

}



.show-menu {

  font-size: 50px;

  color: var(--menu-font-color)

}



.menu ul {

  background-color: var(--sub-menu-background-color);

  width: auto;

}



footer .contain {

  max-width: var(--footer-width);

}



footer .contain[data-width="content"] {

  max-width: var(--elementor-content-width);

}



footer .menu li {

  padding: 0;

}



footer button,

footer .button,

footer input[type="submit"],

.elementor-page footer input[type="submit"] {

  background-color: var(--footer-button-color);

  color: var(--footer-button-text-color) !important;

}



.footer-top,

.footer-top h1, 

.footer-top h2, 

.footer-top h3, 

.footer-top h4, 

.footer-top h5, 

.footer-top h6,

.footer-top a,

.footer-top p,

.footer-top li,

.footer-top i,

.footer-top .menu i::before,

.footer-top .menu li {

  color: var(--footer-top-text-color);

}



.footer-bottom h1, 

.footer-bottom h2, 

.footer-bottom h3, 

.footer-bottom h4, 

.footer-bottom h5, 

.footer-bottom h6,

.footer-bottom a,

.footer-bottom p {

  color: var(--footer-bottom-text-color);

}



.footer-top .current-menu-item a,

.footer-top a[href]:hover i,

.footer-top a[href]:hover {

  color: var(--footer-top-link-hover-color);

}



.footer-bottom .current-menu-item a,

.footer-bottom a:hover {

  color: var(--footer-bottom-link-hover-color);

}



footer .menu ul {

  background-color: var(--footer-sub-menu-background-color);

}



.footer-bottom {

  background: var(--footer-bottom-background-color);

}



.footer-top {

  background: var(--footer-top-background-color);

}



footer .copyright,

footer .copyright p {

  color: var(--copyright-color);

}



footer .footer-top.one .contain {

  justify-content: var(--footer-one-col-position);

}



footer .footer-top.one .column-one {

  width: var(--footer-one-col-width);

}



footer .footer-top.two .column-one {

  width: var(--footer-two-col-first-width);

}



footer .footer-top.two .column-two {

  width: var(--footer-two-col-second-width);

}



footer .footer-top.three .column-one {

  width: var(--footer-three-col-first-width);

}



footer .footer-top.three .column-two {

  width: var(--footer-three-col-second-width);

}

footer .footer-top.three .column-three {

  width: var(--footer-three-col-third-width);

}



footer .footer-top.four .column-one {

  width: var(--footer-four-col-first-width);

}



footer .footer-top.four .column-two {

  width: var(--footer-four-col-second-width);

}



footer .footer-top.four .column-three {

  width: var(--footer-four-col-third-width);

}

footer .footer-top.four .column-four {

  width: var(--footer-four-col-fourth-width);

}



footer .footer-top.two:has(.contain) {

  display: block;

}



footer .footer-top.two {

  grid-template-columns: repeat(2, auto);

  justify-content: var(--footer-two-col-position);

}



footer .footer-top.two .contain {

  justify-content: var(--footer-two-col-position);

  grid-template-columns: repeat(2, auto);

}



footer .footer-top.two .contain:has(.navigation.horizontal) {

  align-items: center;

}



footer .navigation.horizontal {

  border-top: 1px solid var(--secondary-color);

  border-bottom: 1px solid var(--secondary-color);

  padding: 20px 0;

}



.previous-bookings .booking:not(:last-child),

.upcoming-bookings .booking:not(:last-child),

.blog-sidebar h2,

.reviews-list .review,

.upcoming-bookings .booking,

.previous-bookings .booking {

  border-bottom: 1px solid var(--primary-color);

}



.blog-content .posts,

.blog-content .blog-posts {

  border-right: 1px solid var(--primary-color);

}



.pop-up-form label {

  font-weight: 700;

}



.pop-up-form .wpcf7-textarea {

  height: 100px;

  margin-top: 0;

}





/* End Dynamic Styles */



html,

body {

  margin: 0;

  touch-action: pan-y;

  scrollbar-gutter: stable;

}



h1,

.blog-content h1 {

  font-weight: normal;

  font-weight: var(--e-global-typography-primary-font-weight);

  font-size: 50px;

  margin: 20px 0 10px 0;

  padding: 0 15px;

}



.blog-content .post-date {

  font-size: 16px !important;

}



.hero-text {

  display: inline-block;

  border-radius: 8px;

  position: relative;

  top: -1px;

}



.hero-block .hero-heading.has-background h1 {

  padding: 15px;

  margin: 0px;

}



.blog-content .e-con.e-parent {

  margin-top: 0;

  padding-left: 0;

}



.blog-content .e-con.e-parent .e-con-inner {

  padding-top: 0;

}



.blog-content h3 {

  margin-top: 30px;

}



h4 {

  margin: 20px 0 10px 0;

}



h5 {

  margin: 20px 0 10px 0;

}



p {

  margin-top: 10px;

  margin-bottom: 10px;

}



.site-content {

  margin-top: 0px;

}



.video.mobile.banner-background,

.page-title:not(.blog .page-title, 

.archive .page-title) {

  display: none;

}



.blog .page-title, 

.archive .page-title {

  display: flex;

  align-items: center;

  margin-bottom: 50px;

}



.blog .page-title h1, 

.archive .page-title h1 {

  color: white;

  margin: 0;

}



.single-post .hero-heading {

  max-width: var(--elementor-content-width);

}



.single-post .hero-heading,

.page-title {

  margin-left: auto !important;

  margin-right: auto !important;

  justify-content: center;

  text-align: center;

}



.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {

  min-width: 250px;

}



.wp-block-navigation__submenu-container .wp-block-navigation-link a {

  padding: 15px;

}



.wp-block-navigation-link a {

  padding: 10px 20px;

}



/* Header */

#header {

  background-color: var(--header-background-color);

  height: var(--header-height);

  box-sizing: border-box;

  position: relative;

  transition: top .3s ease-in-out; 

  padding: 10px 15px;

}



#header.sticky {

  position: -webkit-sticky;

  position: sticky;

  top: 0;

  z-index: 100;

  transition: top .3s ease-in-out; 

}



.header-custom.center .grid {

  justify-content: center;

  grid-template-columns: auto;

}



.header-custom.left a {

  order: 2;

}



.header-custom.left .navigation {

  order: 1;

}



.header-custom.left .menu ul {

  left: 0;

  right: auto;

}



.header-custom.left .button {

  margin-right: 10px;

}



/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */

.sticky + .content {

  padding-top: 102px;

}



.topbar {

  padding: 15px;

}



.social-icons i,

.topbar i {

  line-height: inherit;

  vertical-align: middle;

}



.topbar.right:not(:has(.navigation)),

.topbar.left:not(:has(.navigation)) {

  padding: 15px 20px;

}



.topbar.right .contain {

  justify-content: end;

  text-align: right;

  gap: 0;

}



.topbar.left .contain {

  text-align: left;

  gap: 0;

}



.topbar.center .contain {

  justify-content: center;

  grid-template-columns: auto;

}



.topbar .button {

  padding: 10px;

  text-decoration: none;

}



.topbar img {

  vertical-align: middle;

}



.topbar.right .social-icons,

.topbar.split .right .social-icons {

  padding-left: 20px;

}



.topbar.left .button {

  margin-right: 20px;

}



.topbar.left a {

  margin-right: 10px;

}



.topbar.right a {

  margin-left: 10px;

}



.topbar.right .button,

.topbar.split .right .button {

  margin-left: 20px;

}



.topbar.left .social-icons,

.topbar.split .left .social-icons {

  padding-right: 20px;

}



.topbar.split .right {

  text-align: right;

}



.topbar .content {

  display: inline-block;

  vertical-align: middle;

}



.topbar .content strong,

.topbar .content a {

  line-height: normal;

  vertical-align: middle;

}



#header {

  z-index: 1;

  transition: top .3s ease-in-out; 

  display: flex;

  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);

  -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);

  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);

}



#header .grid,

.topbar .contain {

  display: grid;

  grid-template-columns: repeat(2, auto);

  justify-content: space-between;

  align-items: center;

  grid-gap: 20px;

  margin: auto;

  width: 100%;

}



.topbar .contain .left {

  padding-left: 10px;

}



.topbar .contain .right {

  padding-right: 10px;

}



header.split .contain .desktop-menu {

  grid-template-columns: 1fr auto 1fr;

  display: grid;

  justify-content: space-between;

  align-items: center;

  grid-gap: 20px;

  margin: auto;

  width: 100%;

}



.header.split .navigation.right {

  text-align: right;

}



.header.split .navigation.left {

  text-align: left;

}



header.split .contain .navigation:last-child {

  justify-self: end;

}



header.split .logo-wrapper {

  position: relative;

  height: 100%;

}



header .header-logo-area .sticky-logo {

  opacity: 0;

  visibility: hidden;

  transition: opacity 0.3s ease, visibility 0.3s ease;

  position: absolute;

  top: 0;

  left: 0;

}



#header.sticky .sticky-logo {

  opacity: 1;

  visibility: visible;

  position: static;

}



.header-logo-area img:not(.sticky-logo) {

  transition: opacity 0.3s ease, visibility 0.3s ease;

  position: static;

}



#header.sticky .header-logo-area:has(.sticky-logo) img:not(.sticky-logo) {

  opacity: 0;

  visibility: hidden;

  position: absolute;

}



#header .navigation:has(a.button) {

  display: flex;

  gap: 15px;

  align-items: center;

}



header.split .logo-wrapper:has(img.hover) {

  left: 0;

  top: 50%;

  z-index: 1;

  transition: all .8s;

}



header.split .logo-wrapper.small-logo {

  transform: scale(0.5); 

  transform-origin: center center;

}



header h1 {

  margin: 0;

  letter-spacing: var(--e-global-typography-primary-letter-spacing);

}



.menu, 

.menu ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

  list-style-position: outside;

  position: relative;

}



.topbar p {

  margin: 0;

}



#header a:not(.eael-entry-title a),

.topbar a {

  text-decoration: none;

  cursor: pointer;

  vertical-align: middle;

  text-wrap: nowrap;

}



.topbar .content a {

  margin-right: 10px;

}



.menu li {

  position: relative;

  display: inline-block;

  padding: 10px;

  line-height: normal;

  color: var(--menu-font-color);

}



header.split .contain,

.vertical .menu li {

  display: block;

}



.vertical .menu ul {

  top: 100%;

  right: auto;

}



.menu ul {

  position: absolute;

  display: none;

  white-space: nowrap; 

  width: auto;

  top: 100%;

  right: 0;

  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);

  -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);

  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);

}



.menu .sub-menu li {

  display: block;

  text-align: inherit;

  padding: 10px 20px;

  min-width: 100px;

}



.header-custom.right .menu li,

.header-custom.right .menu .sub-menu li {

  text-align: right;

}



.header-custom .menu .sub-menu li {

  text-align: inherit;

}

  

.menu ul ul {

  top: 0;

}   

   

.menu li ul ul {

  right: 99%;

}

   

.mobile-menu,

.menu li:hover ul ul, 

.menu li:hover ul ul ul, 

.menu li:hover ul ul ul ul{

  display: none;

}

   

.menu li:hover ul, 

.menu li li:hover ul, 

.menu li li li:hover ul, 

.menu li li li li:hover ul {

  display: block;

  position: absolute;

  z-index: 5000;

}



.menu li:has(.sub-menu) i {

  font-weight: 900;

  font-size: 16px;

  cursor: pointer;

  margin-left: 5px;

}



.menu li:has(.sub-menu) {

  display: inline-flex;

  flex-direction: row;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

  gap: 5px;

  box-sizing: border-box;

}



.menu li:has(.sub-menu) a {

  flex: 1;

}



.aria-hidden {

  opacity: 0;

}



ul {

  padding-left: 30px;

}



img {

  max-width: 100%;

  object-fit: cover;

  height: auto;

}



/* Contact Form */

.um-form {

  max-width: 900px;

  margin: auto;

}



.wpcf7-checkbox {

  display: block;

}



.wpcf7-checkbox label {

  display: flex;

  gap: 10px;

  margin-bottom: 10px;

}



.wp-block-contact-form-7-contact-form-selector {

  width: 100%; 

}



.wpcf7 .two-col {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-gap: 30px;

  margin-bottom: 20px;

}



.wpcf7 .two-col .two-col {

  grid-gap: 15px;

}



.wpcf7-form-control.wpcf7-checkbox {

  display: grid;

  column-gap: 30px;

  grid-template-columns: repeat(2, auto);

  margin: 10px auto 30px;

}



.eael-contact-form-7 .wpcf7 input:not([type="submit"], [type="radio"], [type="checkbox"]),

.eael-contact-form-7 .wpcf7 select,

.eael-contact-form-7 .wpcf7 textarea,

.wpcf7 input:not([type="submit"], [type="radio"], [type="checkbox"]),

.wpcf7 select,

.wpcf7 textarea {

  box-sizing: border-box;

  width: 100%;

  padding: 10px;

  margin: 10px 0;

  border-style: solid;

  border-color: rgb(118, 118, 118);

}



footer .wpcf7 input:not([type="submit"]),

footer .wpcf7 select {

  padding: 5px;

  min-height: 35px;

}



.wpcf7-checkbox.services {

  display: flex;

  margin-bottom: 20px;

}



.cta-form {

  display: grid;

  grid-template-columns: repeat(4, auto);

  grid-gap: 20px;

  align-items: center;

}



.cta-form input[type="submit"] {

  margin-top: 17px;

}



form label {

  font-weight: 600;

  display: block;

}



.woocommerce form label {

  display: initial;

}



.update-services input[type="checkbox"] {

  margin: 15px 10px 15px 0;

}



.update-services {

  margin-top: 30px;

}



.update-services label {

  font-weight: 400;

}



.wpcf7-radio .wpcf7-list-item.first,

.wpcf7-checkbox .wpcf7-list-item {

  margin: 0;

}



.eael-contact-form input[type=submit],

input[type="submit"] {

  border: none;

  padding: 10px;

  float: right;

  line-height: 1 !important;

}



.wpcf7 input[type="submit"]:not(.pop-up-form input[type="submit"]) {

  margin-top: 20px;

}



.wpcf7-spinner {

  float: right;

  margin: 0;

  width: 0;

  height: 0;

}



form.submitting .wpcf7-spinner {

  margin: 0 24px;

  width: 24px;

  height: 24px;

}



.wpcf7 form .wpcf7-response-output {

  margin-top: 75px;

}



.single-portfolio .elementor-widget-container:has(iframe) {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



/* Portfolio */



.portfolio-grid:not(.portfolio-grid[data-columns="1"]) .grid {

  display: grid;

  grid-gap: 15px;

}



.portfolio-grid .portfolio-title,

.portfolio-grid .portfolio-date {

  font-size: 16px;

  margin: 5px 0;

}



.portfolio-grid[data-columns="2"] .grid {

  grid-template-columns: repeat(2, 1fr);

}



.portfolio-grid[data-columns="3"] .grid {

  grid-template-columns: repeat(3, 1fr);

}



.portfolio-grid[data-columns="4"] .grid {

  grid-template-columns: repeat(4, 1fr);

}



.portfolio-filters {

  margin-bottom: 80px;

  text-align: center;

}



.portfolio-filters a,

.site-content .portfolio-filters p {

  display: inline-block;

  padding: 10px;

  border: 1px solid var(--link-hover-color);

  margin: 10px;

  cursor: pointer;

  color: var(--link-color)

}



.portfolio-image {

  display: flex;

  justify-content: center;

  align-items: center;

  overflow: hidden;

  height: 270px;

}



.portfolio-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.elementor-element.full-width,

.elementor-element:has(.full-width) {

  padding: 0;

}



.e-parent {

  margin-top: 20px;

  margin-bottom: 20px;

}



.elementor-image-box-img img {

  min-width: 75%;

  object-fit: cover;

}



.elementor-page a {

  text-decoration: none;

}



.elementor h2 a,

.elementor h3 a,

.elementor h4 a,

.elementor h5 a,

.site-content .elementor h2 a:hover,

.elementor h3 a:hover,

.elementor h4 a:hover,

.elementor h5 a:hover,

.site-content .elementor-widget-text-editor p {

  color: inherit;

}



.elementor-widget-text-editor .newsletter-form label {

  display: none;

}



.newsletter-form {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr auto auto;

  grid-gap: 10px;

}



.wpcf7 .newsletter-form input {

  margin: 0;

}



.site-content .wp-element-button, 

.site-content .wp-block-button__link,

input[type="submit"],

.testimonials .review-button button,

.button {

  padding: 12px 24px;

  border-radius: 3px;

  font-weight: 500;

}



.site-content .wp-element-button:hover, 

.site-content .wp-block-button__link:hover,

input[type="submit"]:hover,

.testimonials .review-button button:hover,

.button:hover {

  cursor: pointer;

  filter: brightness(0.95);

}



/* Ultimate Member  */

.um-field.um-field-shortcode {

  padding: 0;

}



.um-register .payment-instructions {

  font-size: 15px !important;

  line-height: 22px;

  font-weight: 600;

  margin-top: 0;

}



.site-content .um-register .payment-method {

  height: 40px;

  padding: 0 !important;

  line-height: 40px !important;

}



.site-content .um-profile.um-editing {

  padding-bottom: 0;

  margin-bottom: 0 !important;

}



.site-content .um div[data-key="purchase_link_validation"] {

  padding: 0;

}



.site-content .um input[data-key="purchase_link_validation"] {

  display: none !important;

}



.um-profile.um-editing .um-button.payment-method {

  position: absolute;

  top: 25px;

}



.um-account-tab-payment_method input[type="submit"] {

  display: none;

}



.um .um-button.payment-method:not(.um-register .payment-method) {

  margin-top: 20px;

  display: inline-block;

  width: auto;

}



.site-content .um .um-field-file a.um-button {

  height: 40px;

}



.um-register .um-postmessage {

  text-align: center;

}



.um-profile .payment-instructions {

  display: none;

}



.um .um-profile-nav {

  background: white;

  padding: 10px 0;

}



.entry-content > .um {

  margin-top: 50px;

}



.um-page-login .um-link-alt {

  text-align: right;

}



.um-page-members .um-do-search.um-button {

  height: 40px;

  padding: 10px 20px !important;

  cursor: pointer;

}



.site-content .um-account i:before {

  line-height: inherit;

}



.site-content .um-account .um-account-main {

  max-width: 100%;

}



.site-content .um-header {

  border-bottom: none;

}



.review span {

  margin-right: 10px;

}



.reviews-list {

  margin-bottom: 30px;

}



.reviews-list .review {

  margin-bottom: 30px;

  padding-bottom: 30px;

}



textarea#review_content {

  margin-top: 15px;

}



.reviews input[type="submit"] {

  margin-top: 20px;

}



.um-page-login {

  text-align: center;

}



select#linked_members {

  display: block;

  margin: 20px auto;

}



select#linked_members option {

  padding: 10px;

}





/* Footer */

footer h3,

footer h4 {

  text-decoration: underline;

  margin: 10px auto;

}



footer h4 + br,

footer h3 + br {

  line-height: 1px;

}



.social-icons {

  display: inline-flex;

  flex-direction: row;

  column-gap: 20px;

  align-items: center;

}



.topbar i,

.social-icons a,

footer i:not(li i) {

  font-size: 28px !important;

  margin: 0;

}



footer a:has(i) {

  display: inline-block;

  margin-right: 15px;

}



footer img {

  vertical-align: middle;

}



footer form label {

  font-weight: 400;

}



footer .wpcf7 .wpcf7-form input {

  margin: 0 0 10px 0;

}



footer .contain {

  margin: auto;

}



.footer-top {

  padding: 30px;

}



.footer-top .contain {

  display: grid;

  grid-gap: 50px;

}



.footer-bottom {

  padding: 30px;

  border-top: #ccc 1px solid;

}



.footer-bottom .contain {

  display: grid;

  grid-template-columns: auto 1fr;

  grid-gap: 30px;

  align-items: center;

}



.footer-bottom .webpopular-logo {

  height: auto;

  width: 215px;

  object-fit: cover;
  margin: auto;

}



.footer-bottom .copyright {

  text-align: right;

  margin: 0px;

}



footer .footer-top.three .contain {

  grid-template-columns: repeat(3, 1fr);

}



footer[data-col-sizing="auto"] .footer-top.three .contain {

  grid-template-columns: repeat(3, auto);

}



footer .footer-top.four .contain {

  grid-template-columns: repeat(4, 1fr);

}



footer[data-col-sizing="auto"] .footer-top.four .contain {

  grid-template-columns: repeat(4, auto);

}



/* webpopular Hero Style */

.woocommerce-products-header__title.page-title,

.hero-block {

  position: relative;

  background-color: var(--e-global-color-accent);

}



.woocommerce-products-header__title.page-title {

  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);

}



.hero-block .banner-background {

  height: auto;

  width: 100%;

  object-fit: cover;

}



.hero-block .video.banner-background {

  position: relative;

  padding-top: 56.25%;

  opacity: 0;

  transition: opacity 2s ease-in-out;

  overflow: hidden;

  width: 100%;

  max-height: 100vh;

}



.hero-block .cartoon {

  position: absolute;

  bottom: 50%;

  max-width: 250px;

  right: -60%;;

}



.video.banner-background.visible {

  opacity: 1;

}



.hero-block .video.banner-background iframe,

.hero-block .video.banner-background object,

.hero-block .video.banner-background embed { 

  position: absolute; 

  left: 0; 

  width: 100%; 

  max-width: unset;

  pointer-events: none;

  top: -60px; 

  height: calc(100% + 120px);

}



.hero-block.parallax {

  background-attachment: fixed;

  background-position: center;

}



.hero-block.parallax,

.hero-block.full_screen {

  background-size: cover;

  background-repeat: no-repeat;

  min-height: 500px;

}



.hero-block.full_screen {

  transition: min-height 0.2s ease;

}



.hero-block[data-width=""] {

  min-height: 56.25vw;

}



.hero-block.default:has(img, iframe, video) {

  height: 500px;

}



.hero-block:not(:has(img, iframe, video)),

.hero-block.default,

.page-title {

  display: flex;

  align-items: center;

  min-height: 250px;

}



.hero-block:has(img) {

  position: relative;

  width: 100%;

  height: auto;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.hero-block .hero-content {

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  position: absolute;

  text-align: center;

  width: 100%;

  padding: 15px;

  box-sizing: border-box;

}



.woocommerce-products-header__title {

  padding: 15px 25px;

}



.hero-block h1,

.woocommerce-products-header__title {

  margin: 0 auto;

  line-height: 1;

  display: inline-block;

  border-radius: 10px;

  letter-spacing: var(--e-global-typography-primary-letter-spacing);

}



.hero-block .text.right.max-width {

  margin-right: 0;

}



.hero-block .text.left.max-width {

  margin-left: 0;

}



.hero-block .text.left h1 {

  border-bottom-left-radius: 0;

}



.hero-block .text.right h1 {

  border-bottom-right-radius: 0;

}



.hero-block .text {

  position: relative;

  font-weight: 700;

  max-width: var(--elementor-content-width);

  margin: auto;

}



.hero-block .text.left {

  text-align: left;

}



.hero-block .text.right {

  text-align: right;

}



.hero-block .text.center {

  text-align: center;

}



.hero-block:has(h1) .hero-text {

  border-top-left-radius: unset;

  border-top-right-radius: unset;

}



.hero-block .text p {

  margin: 5px auto 10px auto !important;

}



.hero-block .hero-text.has-background p,

.hero-block .hero-text.has-background h2,

.hero-block .hero-text.has-background h3,

.hero-block .hero-text.has-background h4 {

  margin: 0 !important;

  line-height: 1;

  padding: 15px;

}



.hero-block .text a:hover,

.hero-block .text a,

.hero-block .text p,

.hero-block .text h2,

.hero-block .text h3 {

  font-size: inherit !important;

  line-height: inherit;

  color: inherit;

  margin: 10px auto !important;

  font-weight: inherit;

}



.background-overlay {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}



.hero-block .button {

  padding: 12px 20px;

  display: inline-block;

  margin-top: 30px;

  text-transform: uppercase;

  font-weight: 600;

  text-align: center;

}



.elementor-widget-eael-creative-button .eael-creative-button .cretive-button-text {

  letter-spacing: 2px;

}



.hero-block .buttons.single .button.right {

  position: absolute;

  right: 15px;

}



.hero-block .buttons {

  display: grid;

  grid-template-columns: repeat(2, auto);

  grid-gap: 20px;

}



.hero-block .text.left .buttons {

  margin-left: 0;

}



.hero-block .text.right .buttons {

  margin-right: 0;

}



.hero-block .buttons.single {

  display: block;

}



.hero-block .buttons.single .center {

  position: absolute;

  left: 50%;

  transform: translate(-50%, 0);

}



.hero-block .button a:where(:not(.wp-element-button)),

.hero-block .button a {

  text-decoration: none;

}



/* Blog */

.blog .wp-block-post-author,

.archive .wp-block-post-author {

  display: none;

}



.wp-block-post-template {

  list-style-type: none;

  padding: 0;

  margin: 0;

}



.blog-content {

  display: grid;

  grid-template-columns: 1fr auto;

  grid-gap: 25px;

  margin: 50px auto;

}



header .contain {

  max-width: var(--header-width);

  width: 100%;

  margin: auto;

}



header[data-width="content"] .contain,

.site-content .search-results,

.hero-block.content_width,

.hero-content,

.blog .site-content,

.archive.category .site-content {

  max-width: var(--elementor-content-width);

  margin: auto;

}



.elementor [data-width="content"] .contain,

.elementor .site-content .search-results,

.elementor .hero-block.content_width,

.elementor .hero-content,

.elementor .blog .site-content,

.elementor .archive.category .site-content {

  max-width: var(--elementor-content-width);

  margin: auto;

}



.content-hero {

  margin-top: 0;

}



.pop-up-form .wpcf7 .two-col {

  row-gap: 10px;

}



.content-hero .wpcf7 .two-col {

  row-gap: 10px;

  margin-bottom: 10px;

}



.site-content:has(.content-hero),

.blog .site-content,

.archive.category .site-content {

  padding-top: 0;

}



.content-hero .elementor-widget-container:has(h1),

.content-hero .elementor-widget-container:has(p) {

  display: inline-block;

}



.blog-post {

  margin-bottom: 20px;

}



.blog-post-image {

  height: 250px;

}



.blog-post-image img {

  height: 100%;

  width: 100%;

}



.blog-post:has(img) {

  display: grid;

  grid-template-columns: 380px 1fr;

  grid-gap: 20px;

  align-items: center;

}



figure.wp-block-post-featured-image {

  margin: 0;

}



.blog .content-group,

.blog .content-group h2 {

  margin-top: 0;

}



.archive h2,

.archive h2 a,

.blog h2,

.blog h2 a,

.single-post h2,

.single-post h2 a {

  text-decoration: none;

  line-height: normal;

}



.blog-sidebar a {

  display: block;

  text-decoration: none;

  line-height: normal;

  margin: 15px auto;

}



.blog-sidebar.categories {

  list-style-type: none;

}



.categories li {

  font-size: 18px;

}



.blog-sidebar h2 {

  margin-bottom: 30px;

  padding-bottom: 5px;

}



.fa-solid.mobile,

.mobile {

  display: none;

}



iframe {

  max-width: 100%;

}



.site-content .um-profile h3#comments {

  display: none;

}



.frontend-acf-form .acf-fields > .acf-field {

  padding: 20px 0;

}



.frontend-acf-form .acf-spinner {

  float: right;

  margin: 12px 20px 0 0;

}



.site-content .acf-switch .acf-switch-on {

  text-shadow: none;

}



.acf-repeater .acf-actions .acf-button {

  margin: 20px auto;

}



.updated .notice {

  font-weight: 600;

}



.site-content .row-updated {

  padding: 0 10px;

  font-size: 22px;

  font-weight: 600;

  color: black;

}



.site-content .row-updated.fade-out {

  opacity: 0;

  transform: translateY(20px);

  transition: opacity 2s ease, transform 2s ease;

}



.login-link {

  text-align: center;

}





/* Search */

.site-content .search-results h1 {

  padding: 0;

}



.site-content .search-results {

  margin: 50px auto;

}



.search-results .pagination {

  margin-top: 50px;

}



.search-form form {

  display: grid;

  grid-template-columns: 1fr 100px;

  grid-gap: 20px;

  max-width: 700px;

}



.search-form input[type="text"] {

  padding: 8px 10px;

  height: 50px;

  font-size: inherit;

  border-radius: 0;

  border: 1px solid #ccc;

}



.hero-text:has(.search-form) {

  max-width: 700px;

  margin: auto;

}



.search-results h1 {

  margin: 100px auto 50px auto;

}



.directory-list .service-types {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));

  grid-gap: 30px;

  margin: 35px auto 81px auto;

}



.button,

button {

  text-decoration: none;

  border-radius: 4px;

  padding: 15px 20px;

  display: inline-block;

}



.pop-up-trigger.button {

  border: 1px solid white;

  position: relative;

  left: 50%;

  top: 0;

  transform: translate(-50%, 0);

}



.banner-margin {

  margin: 50px auto;

}



.elementor-widget-container pre {

  margin: 0;

}



/* Grid Gallery */

.grid .gallery {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

}



.grid .gallery br {

  display: none;

}



.grid .gallery img {

  height: 100%;

}



/* Masonry Gallery */

.gallery-icon img {

  width: 100%;

}



.elementor-image-gallery .gallery {

  column-gap: 0;

}



.gallery.gallery-columns-2 {

  column-count: 2;

}



.gallery.gallery-columns-3 {

  column-count: 3;

}



.gallery.gallery-columns-4 {

  column-count: 4;

}



.gallery.gallery-columns-5 {

  column-count: 5;

}



.elementor-image-gallery .gallery .gallery-item {

  width: 100% !important;

  max-width: 100% !important;

  margin: 0 !important;

  padding: 8px;

}



.gallery-item-buttons .fg-item-icon-inner {

  position: relative;

}



.gallery-item-buttons .fg-item-icon-inner .fa-search-plus {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}



.elementor-widget-eael-feature-list .-icon-position-left .eael-feature-list-content-box {

  margin: 0 0 0 20px;

}



.eael-feature-list-content-box {

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.eael-elements-flip-box-container .eael-elements-flip-box-front-container .eael-elements-flip-box-padding {

  padding: 0 0 0 0;

}



.site-content .eael-elements-flip-box-front-container .eael-elements-flip-box-heading {

  margin: 10px auto;

}



.site-content .eael-elements-flip-box-container .eael-elements-flip-box-front-container {

  padding: 0 0 10px 0 !important;

}



.site-content .eael-elements-flip-box-container .eael-elements-flip-box-rear-container {

  padding: 12px 0px 12px 0px !important;

}



.site-content .elementor .eael-elements-flip-box-container p {

  margin: 0;

}



.eael-elements-flip-box-padding {

  display: flex;

  flex-direction: column;

  height: 100%;

  justify-content: space-between;

}



.eael-elements-flip-box-rear-container .eael-elements-flip-box-padding {

  justify-content: center;

}



.site-content .elementor .eael-elements-flip-box-container .eael-elements-flip-box-front-container {

  align-items: start;

  padding: 0px;

}



.elementor .eael-elements-flip-box-container p {

  color: inherit;

}



.eael-circle-icon-inner .e-font-icon-svg {

  margin-bottom: 15px;

}



.align-right .e-con-inner,

.e-con-inner:has(>.align-right) {

  margin-right: 0;

}



.menu-item-has-children:hover .fa-chevron-down,

.menu .fa-chevron-up {

  display: none;

}



.menu-item-has-children:hover .fa-chevron-up {

  display: inline-block;

}



/* Custom abLeadForm */

.abLeadForm input,

.abLeadForm select {

  height: 40px;

  padding: 10px;

}



.abLeadForm .name {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-gap: 30px;

}



.abLeadForm p:has(button) {

  text-align: right;

}



.abLeadForm button {

  outline: none;

  box-shadow: none;

  border-radius: unset;

  border: none;

  cursor: pointer;

  border: 1px solid #1A88CF;

}



.abLeadForm .grid {

  margin: 30px auto;

}



.abLeadForm label {

  margin-bottom: 10px;

}



.calendly-inline-widget {

  height: 1040px;

}



header .button.mobile {

  display: none;

}





@media only screen and (min-width: 768px) {

  .twae-vertical-right.twae-wrapper .twae-inner-line, 

  .twae-vertical-right.twae-wrapper .twae-timeline:before {

    left: calc(0% - var(--tw-line-width) / 2);

  }



  .twae-vertical-right.twae-wrapper .twae-end, 

  .twae-vertical-right.twae-wrapper .twae-start {

    left: calc(0% - var(--tw-line-width)* 1.5);

  }



  .twae-vertical-right.twae-wrapper .twae-story {

    width: calc(100% - var(--tw-ibx-size));

  }

}





/* Tablet */

@media screen and (max-width: 1280px) and (min-width: 580px) {



  .blog-post-image {

    height: 200px;

  }



  .elementor-page footer .footer-top .contain>div {

    width: auto;

  }



  #header .navigation .menu-main-container,

  #header .navigation .menu-menu-container {

    background-color: var(--sub-menu-background-color);

  }



  header .contain img {

    width: auto;

  }



  .blog-content .blog-posts,

  .blog-content .posts {

    border-right: none;

  } 



  .menu li:has(.sub-menu) i {

    margin-left: 20px;

  }



  .banner-margin {

    margin: 20px auto;

  }



  .blog-content {

    grid-gap: 15px;

  }



  header .menu {

    min-width: 310px;

  }



  .menu ul,

  .menu li:hover ul, 

  .menu li li:hover ul, 

  .menu li li li:hover ul, 

  .menu li li li li:hover ul {

    display: none;

    right: 99%;

    top: 0;

  }



  .header-custom.left .menu ul,

  .header-custom.left .menu li:hover ul, 

  .header-custom.left .menu li li:hover ul, 

  .header-custom.left .menu li li li:hover ul, 

  .header-custom.left .menu li li li li:hover ul {

    left: 99%;

    right: auto;

    top: 0;

  }  



  header.split .contain .desktop-menu {

    display: none;

  }



  .mobile-menu {

    display: grid;

    grid-template-columns: repeat(2, auto);

    justify-content: space-between;

    align-items: center;

    grid-gap: 20px;

    margin: auto;

    width: 100%;

  }



  .fa-solid.mobile,

  .mobile,

  .menu li,

  .menu li a {

    display: block;

  }



  #header .navigation:has(a.button) {

    display: flex;

    align-items: center;

  }



  .navigation > .menus,

  .navigation:has(.button) > div:first-of-type,

  #header .navigation > div:first-of-type,

  .navigation:has(.button) .menu-main-menu-container,

  #header .navigation .menu-main-menu-container,

  #header .navigation .menu-main-container,

  #header .navigation .menu-menu-container {

    display: none;

    position: absolute;

    right: 0;

    top: 99%;

    right: -100vw;

    z-index: 999;

    transition: right 0.3s ease;

    background-color: var(--sub-menu-background-color);

  }



  .header-custom.right .button {

    order: 1;

  }

  

  .navigation:has(.button) .show-menu {

    order: 2;

  }



  h1:not(.hero-heading h1){

    margin: 0;

    margin-top: 12px;

    margin-bottom: 12px;

  }



  h2, 

  .site-content .um-row-heading {

    margin: 10px 0;

    margin: 12px 0 !important;

  }



  h3 {

    margin-top: 12px;

    margin-bottom: 12px;

  }



  h4 {

    margin-top: 12px;

    margin-bottom: 12px;

  }

  

  h5 {

    margin-top: 12px;

    margin-bottom: 12px;

  }



  .tablet-one .round-image img {

    max-width: 50%;

  }



  .blog-content {

    display: flex;

    flex-direction: column;

    padding: 0 15px;

  }



  .site-content .search-results {

    padding-left: 15px;

    padding-right: 15px;

  }



  .blog-content .posts,

  .blog-content .blog-posts {

    order: 2;

  }



  .header-custom.left .navigation>div {

    right: auto;

    left: 0;

  }



  .header-custom.left .menu {

    text-align: left;

  }



  .header-custom.left .navigation>div {

    right: auto;

    left: 0;

  }



  .header-custom.left .menu {

    text-align: left;

  }



  .navigation.left>div {

    left: 0;

    right: auto;

  }



  .navigation.left ul.sub-menu {

    left: 100%;

  }



  .site-content .full-width-tablet {

    width: 100%;

  }



  footer .footer-top.four .contain {

    grid-template-columns: repeat(2, 1fr);

  }



  .hero-block:not(:has(img, iframe, video)),

  .hero-block.default,

  .page-title {

    min-height: 130px;

  }



  .single-post .hero-block {

    min-height: 250px;

  }



  .hero-block .video.banner-background {

    height: 100%;

    padding: 0;

  }



  .search-form form {

    max-width: 100%;

  }



  .search-results h1 {

    margin: 50px auto 30px auto;

  }

  

  .listings-grid[data-columns="3"],

  .listings-grid {

    grid-template-columns: repeat(2, 1fr);

  }



  .listings-grid .listing-image {

    height: 400px;

  }



  .single-listings .prev-next-links {

    margin-top: 50px;

  }



  .single-listings .content .grid {

    display: block;

  }



  .single-listings .content {

    padding: 0 15px;

  }



  .blog-post:has(img) {

    grid-template-columns: 300px 1fr;

  }



  .single-listings .stats {

    margin-top: 50px;

  }



  .blog .page-title, 

  .archive .page-title {

    margin-bottom: 20px;

  }



  footer a:has(i) {

    margin-top: 15px;

  }



  .hero-block .video.banner-background iframe,

  .hero-block .video.banner-background object,

  .hero-block .video.banner-background embed {

    height: 300%; 

    width: 350%; 

    left: -100%;

    top: -100%;

  }



  .portfolio-image {

    height: 260px;

  }



  .hero-block .cartoon {

    right: -32%;

  }



}





@media screen and (max-width: 770px) and (min-width: 580px)  {



  #header a:not(.eael-entry-title a) {

    text-wrap: auto;

  }



  .menu-item-has-children:hover .fa-chevron-down {

    display: inline;

  }



  .menu-item-has-children:hover .fa-chevron-down {

    display: block;

  }



  .menu-item-has-children:hover .fa-chevron-up {

    display: none;

  }



  .menu li:has(.sub-menu) {

    width: 100%;

  }



  .header-custom.right .menu .sub-menu li,

  .header-custom .menu .sub-menu li {

    text-align: inherit;

  }



  .blog-post-image {

    height: auto;

  }



  .logo-wrapper h2 {

    display: block;

  }



  .blog-post:has(img) {

    display: block;

    margin-bottom: 50px;

  }



  .portfolio-image {

    height: 155px;

  }



  .blog-content .e-con.e-parent {

    padding-right: 0;

  }



  .single-post .e-con.e-parent {

    margin: 25px auto;

  }



  .single-post .e-con-full.e-flex, 

  .single-post .e-con.e-flex>.e-con-inner {

    flex-direction: column;

  }



  .single-post .e-con-full.e-flex>.elementor-element, 

  .single-post .e-con.e-flex>.e-con-inner>.elementor-element {

    width: 100%;

  }



  .single-post h2 {

    line-height: 1;

  }



  footer .footer-top.four .contain {

    grid-template-columns: repeat(2, 1fr);

  }



  footer[data-col-sizing="auto"] .footer-top.four .contain {

    grid-template-columns: repeat(2, auto)

  }



  .hero-block .cartoon {

    position: static;

    max-width: 150px;

  }

  

  .hero-block.parallax {

    background-attachment: initial;

  }



  .footer-top .contain {

    display: block;

  }

}





/* Mobile Styling */

@media screen and (max-width: 580px) {



  

  .menu li:has(.sub-menu) {

    width: 100%;

  }



  .hero-block .video.banner-background iframe,

  .hero-block .video.banner-background object,

  .hero-block .video.banner-background embed {

    height: 300%; 

    width: 350%; 

    left: -100%;

    top: -100%;

  }



  #header {

    height: auto;

  }



  header .contain img {

    width: auto;

    max-width: 220px;

    max-height: 200px;

  }



  .blog-content .blog-posts,

  .blog-content .posts {

    border-right: none;

  } 

 

  footer .footer-top.one {

    display: block;

    text-align: center;

  }



  footer .footer-top p,

  footer .footer-top a {

    font-size: 20px;

  }



  .um-profile-nav-item span,

  .um-profile-nav-item i,

  textarea::placeholder,

  input::placeholder,

  .um-field-label label,

  body,

  span:not(#wpadminbar span, .um-account-icontip, select span, .select2 span, .chatbot-container span),

  .site-content .um,

  p, 

  p a {

    line-height: 1.2;

  }



  .single-post .e-con.e-parent {

    margin: 25px auto;

  }



  .single-post h2 {

    line-height: 1;

  }



  .blog-content .e-con.e-parent {

    padding-right: 0;

  }



  .e-parent {

    margin-top: 10px;

    margin-bottom: 10px;

  }



  .um-profile.um-editing .um-button.payment-method {

    position: static;

    float: right;

    margin: 0 0 20px 0;

  }



  .footer-top .contain {

    display: block;

  }



  .footer-top .contain>div {

    margin-bottom: 20px;

  }



  .blog-post:has(img),

  .blog-post {

    display: block;

  }

  

  .blog-content {

    display: flex;

    flex-direction: column;

    padding: 0 15px;

  }



  .site-content .search-results {

    padding-left: 15px;

    padding-right: 15px;

  }



  .blog-content .posts,

  .blog-content .blog-posts {

    order: 2;

  }



  .hero-block .button {

    padding: 10px;

    margin-top: 10px;

    font-size: 14px;

  }



  header.split .contain .desktop-menu {

    display: none;

  }



  .menu ul,

  .menu li:hover ul, 

  .menu li li:hover ul, 

  .menu li li li:hover ul, 

  .menu li li li li:hover ul {

    display: none;

    right: 0;

    top: 100%;

  }

  

  header .menu {

    min-width: 310px;

  }



  .mobile-menu {

    display: grid;

    grid-template-columns: repeat(2, auto);

    justify-content: space-between;

    align-items: center;

    grid-gap: 20px;

    margin: auto;

    width: 100%;

  }



  .fa-solid.mobile,

  .mobile,

  .menu li,

  .menu li a {

    display: block;

  }



  #header .navigation:has(a.button) {

    display: flex;

    align-items: end;

    flex-direction: column;

    margin-top: 10px;

  }



  .header-custom.right .button {

    order: 1;

  }

  

  .navigation:has(.button) .show-menu {

    order: 2;

  }



  .show-menu {

    text-align: right;

  }



  #header .navigation > div:first-of-type,

  .menu-main-menu-container {

    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);

  }



  .navigation > .menus,

  .navigation:has(.button) > div:first-of-type,

  #header .navigation > div:first-of-type,

  .navigation:has(.button) .menu-main-menu-container,

  #header .navigation .menu-main-menu-container,

  #header .navigation .menu-main-container,

  #header .navigation .menu-menu-container {

    display: none;

    position: absolute;

    right: -100vw;

    top: 99%;

    z-index: 999;

    width: 100vw;

    height: 100vh;

    transition: right 0.3s ease;

    background-color: var(--sub-menu-background-color);

  }



  .navigation.left>div {

    left: 0;

    right: auto;

  }



  p {

    margin: 10px 0;

  }



  .hero-block.parallax {

    background-attachment: initial;

  }



  .hero-block:not(:has(img, iframe, video)),

  .hero-block.default,

  .page-title {

    min-height: 162px;

  }



  .portfolio-grid .portfolio-item {

    margin-bottom: 30px;

  }



  .single-post .page-title,

  .single-post .hero-block {

    min-height: 325px;

  }



  body:has(.logo-wrapper img.hover) .hero-block:not(:has(img, iframe, video)),

  body:has(.logo-wrapper img.hover) .page-title {

    min-height: 190px;

  }



  .blog .page-title, 

  .archive .page-title {

    margin-bottom: 20px;

  }



  .site-content .elementor h3,

  h3,

  h4,

  h5,

  h1,

  h2 {

    margin-top: 12px;

    margin-bottom: 12px;

  }



  .header-custom.left .navigation>div {

    right: auto;

    left: 0;

  }



  .header-custom.left .menu {

    text-align: left;

  }



  iframe {

    height: auto;

    min-height: 200px;

  }



  .footer-bottom .copyright {

    text-align: center;

    margin: 10px auto;

  }



  .footer-bottom {

    display: block;

    text-align: center;

    padding: 15px;

  }



  .wpcf7 .two-col,

  .footer-bottom .contain {

    display: block;

  }



  .footer-top {

    padding: 30px 15px;

  }



  .wpcf7-checkbox .wpcf7-list-item,

  .wpcf7-form-control.wpcf7-checkbox,

  footer .footer-top,

  .single-listings .content .grid {

    display: block;

  }



  .info .url a {

    max-width: 85%;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    display: inline-block;

  }



  .search-form input[type="text"] {

    width: 100%;

    margin-bottom: 20px;

  }



  .search-form form {

    display: block;

    max-width: 100%;

  }



  .search-form input[type="submit"] {

    float: none;

    display: block;

    margin: auto;

  }



  .search-results h1 {

    margin: 50px auto 30px auto;

  }



  .hero-block .video.banner-background {

    height: 100%;

    padding: 0;

  }



  .listings-grid,

  .newsletter-form {

    display: block;

  }



  .content-hero {

    padding: 5px 0;

  }



  .content-hero .e-con {

    padding: 5px;

  }



  .listings-grid .listing-item {

    margin-bottom: 35px;

  }



  .wpcf7 .newsletter-form input {

    margin: 0;

    margin-bottom: 10px;

  }



  .newsletter-form input[type="submit"] {

    display: block;

    margin: auto;

    float: none;

  }



  .topbar.right:not(:has(.navigation)), 

  .topbar.left:not(:has(.navigation)) {

    padding: 5px;

  }



  .banner-margin {

    margin: 10px auto;

  }



  .single-listings .content {

    padding: 0 15px;

  }



  .video.mobile.banner-background .wp-video,

  .video.mobile.banner-background .mejs-container,

  .video.mobile.banner-background video {

    width: 100% !important;

    height: 100% !important;

  }



  .video.mobile.banner-background video {

    object-fit: cover;

  }



  .hero-block:has(.banner-background.mobile) .video.banner-background:not(.mobile),

  .banner-background.desktop,

  .video.mobile.banner-background .mejs-controls {

    display: none;

  }



  .hero-block img.banner-background {

    height: 100%;

  }



  .cta-form,

  .video.mobile.banner-background,

  .topbar .contain,

  .blog .blog-post:has(img) .wp-block-group__inner-container,

  .blog .blog-post:not(:has(.wp-block-group__inner-container)):has(img),

  .archive .blog-post:has(img) .wp-block-group__inner-container,

  .archive .blog-post:not(:has(.wp-block-group__inner-container)):has(img),

  .portfolio-grid:not(.portfolio-grid[data-columns="1"]) .grid {

    display: block;

  }



  .topbar.split .contain .right {

    text-align: left;

    margin-top: 20px;

  }



  .topbar.split .right .social-icons,

  .topbar .contain .left {

    padding-left: 0;

  }



  footer .social-icons i {

    font-size: 50px !important;

  }



  .blog-post {

    margin-bottom: 20px;

  }



  .topbar .button {

    font-size: 18px;

  }



  .elementor-image-gallery .gallery {

    column-count: 1;

    column-gap: 0px;      

  }  



  .elementor-image-gallery .gallery .gallery-item {

    padding: 5px 0px;

  }



  .hero-block .text.left,

  .hero-block .text.right {

    text-align: center;

  }



  .hero-block .text.left .buttons,

  .hero-block .text.right .buttons {

    justify-content: center !important;

    margin: 0;

  }



  footer .menu li {

    padding: 10px 0;

  }



  .site-content .eael-feature-list-icon-box {

    margin-bottom: 15px;

  }



  .eael-feature-list-icon-inner:has(.eael-feature-list-img),

  .eael-feature-list-icon:has(.eael-feature-list-img),

  .eael-feature-list-icon .eael-feature-list-img {

    width: 100%;

  }



  .menu li:has(.sub-menu) i {

    margin-left: 20px;

  }



  .elementor-page footer .footer-top .contain>div {

    width: auto;

  }



  header .logo-wrapper h2 {

    display: block;

  }



  .sub-menu {

    z-index: 1;

    width: auto;

  }



  .blog-post-image {

    height: auto;

  }



  .hero-content .text,

  .hero-heading {

    text-align: center;

  }

  

  header#header.header-custom ul.sub-menu,

  header#header.header-custom li:hover ul.sub-menu {

    position: static;

    box-shadow: none;

    flex: 1 0 100%;

  }



  .header-custom.left ul.sub-menu,

  .header-custom.left li:hover ul.sub-menu {

    margin-left: 10px;

  }



  .header-custom.right ul.sub-menu,

  .header-custom.right li:hover ul.sub-menu {

    margin-right: 10px;

  }



  .menu li:has(a[href]):not(.sub-menu li) {

    border-top: 1px solid var(--menu-font-color);

    border-bottom: 1px solid var(--menu-font-color);

  }



  .abLeadForm .name {

    display: block;

  }



  .calendly-inline-widget iframe {

    height: 100%;

  }



  .grid .gallery,

  header .contain:has(.button) {

    display: block;

  }



  header .contain:has(.button) {

    align-items: end;

    grid-gap: 10px;

  }



  header .button.desktop {

    display: none;

  }



  header .button.mobile {

    display: inline-block;

    float: right;

  }



  #header .grid {

    display: grid;

    grid-template-columns: auto 1fr;

    grid-gap: 20px;

    width: 100%;

  }



  #header .grid:has(.socials),

  #header .grid:has(.social-icons) {

    align-items: end;

  }



  .blog-post-image img {

    height: auto;

  }



  .topbar.right:not(:has(.navigation)) .content, 

  .topbar.left:not(:has(.navigation)) .content {

    width: 100%;

  }

  

  .site-content.page-404 {

    margin-top: 20px;

  }



  .header-logo-area:has(.sticky-logo) img:not(.sticky-logo) {

    opacity: 0;

    visibility: hidden;

    position: absolute;

  }



  .header-logo-area img.sticky-logo {

    opacity: 1;

    visibility: visible;

    position: static;

  }



  .hero-block .cartoon {

    position: static;

    max-width: 150px;

  }



  .menu-item-has-children:hover .fa-chevron-down {

    display: block;

  }



  .menu-item-has-children:hover .fa-chevron-up {

    display: none;

  }

}





.post-carousel.images .slide img {

  height: auto;

}