.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-9785e8d:#FFFFFF;--e-global-color-5ce45a5:#660E3D;--e-global-color-ae9653a:#111111;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-2deb6a9-font-family:"Host Grotesk";--e-global-typography-2deb6a9-font-size:18px;--e-global-typography-2deb6a9-font-weight:400;--e-global-typography-2deb6a9-line-height:1.6em;--e-global-typography-6b7729b-font-family:"Lora";--e-global-typography-6b7729b-font-size:60px;--e-global-typography-6b7729b-font-weight:500;--e-global-typography-6b7729b-line-height:1.1em;--e-global-typography-2b55995-font-family:"Host Grotesk";--e-global-typography-2b55995-font-size:15px;--e-global-typography-2b55995-font-weight:400;--e-global-typography-2b55995-line-height:1.6em;--e-global-typography-f0520b5-font-family:"Host Grotesk";--e-global-typography-f0520b5-font-size:12px;--e-global-typography-f0520b5-font-weight:400;--e-global-typography-f0520b5-line-height:1em;--e-global-typography-85c9d72-font-family:"Lora";--e-global-typography-85c9d72-font-size:48px;--e-global-typography-85c9d72-font-weight:500;--e-global-typography-85c9d72-line-height:1.1em;--e-global-typography-43d2656-font-family:"Host Grotesk";--e-global-typography-43d2656-font-size:13px;--e-global-typography-43d2656-font-weight:400;--e-global-typography-43d2656-line-height:1.6em;--e-global-typography-0342c38-font-family:"Lora";--e-global-typography-0342c38-font-size:24px;--e-global-typography-0342c38-font-weight:500;--e-global-typography-0342c38-line-height:1.1em;--e-global-typography-0b787e2-font-family:"Lora";--e-global-typography-0b787e2-font-size:32px;--e-global-typography-0b787e2-font-weight:500;--e-global-typography-0b787e2-line-height:1.1em;color:var( --e-global-color-ae9653a );font-family:var( --e-global-typography-2b55995-font-family ), Sans-serif;font-size:var( --e-global-typography-2b55995-font-size );font-weight:var( --e-global-typography-2b55995-font-weight );line-height:var( --e-global-typography-2b55995-line-height );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 p{margin-block-end:15px;}.elementor-kit-5 h1{font-family:var( --e-global-typography-6b7729b-font-family ), Sans-serif;font-size:var( --e-global-typography-6b7729b-font-size );font-weight:var( --e-global-typography-6b7729b-font-weight );line-height:var( --e-global-typography-6b7729b-line-height );}.elementor-kit-5 h2{font-family:var( --e-global-typography-85c9d72-font-family ), Sans-serif;font-size:var( --e-global-typography-85c9d72-font-size );font-weight:var( --e-global-typography-85c9d72-font-weight );line-height:var( --e-global-typography-85c9d72-line-height );}.elementor-kit-5 h3{font-family:var( --e-global-typography-0b787e2-font-family ), Sans-serif;font-size:var( --e-global-typography-0b787e2-font-size );font-weight:var( --e-global-typography-0b787e2-font-weight );line-height:var( --e-global-typography-0b787e2-line-height );}.elementor-kit-5 h4{font-family:var( --e-global-typography-0342c38-font-family ), Sans-serif;font-size:var( --e-global-typography-0342c38-font-size );font-weight:var( --e-global-typography-0342c38-font-weight );line-height:var( --e-global-typography-0342c38-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{--lightbox-ui-color:var( --e-global-color-9785e8d );--lightbox-ui-color-hover:var( --e-global-color-9785e8d );--lightbox-header-icons-size:20px;--lightbox-navigation-icons-size:20px;}@media(min-width:2400px){.elementor-kit-5{font-size:var( --e-global-typography-2b55995-font-size );line-height:var( --e-global-typography-2b55995-line-height );}.elementor-kit-5 h1{font-size:var( --e-global-typography-6b7729b-font-size );line-height:var( --e-global-typography-6b7729b-line-height );}.elementor-kit-5 h2{font-size:var( --e-global-typography-85c9d72-font-size );line-height:var( --e-global-typography-85c9d72-line-height );}.elementor-kit-5 h3{font-size:var( --e-global-typography-0b787e2-font-size );line-height:var( --e-global-typography-0b787e2-line-height );}.elementor-kit-5 h4{font-size:var( --e-global-typography-0342c38-font-size );line-height:var( --e-global-typography-0342c38-line-height );}}@media(max-width:1366px){.elementor-kit-5{font-size:var( --e-global-typography-2b55995-font-size );line-height:var( --e-global-typography-2b55995-line-height );}.elementor-kit-5 h1{font-size:var( --e-global-typography-6b7729b-font-size );line-height:var( --e-global-typography-6b7729b-line-height );}.elementor-kit-5 h2{font-size:var( --e-global-typography-85c9d72-font-size );line-height:var( --e-global-typography-85c9d72-line-height );}.elementor-kit-5 h3{font-size:var( --e-global-typography-0b787e2-font-size );line-height:var( --e-global-typography-0b787e2-line-height );}.elementor-kit-5 h4{font-size:var( --e-global-typography-0342c38-font-size );line-height:var( --e-global-typography-0342c38-line-height );}}@media(max-width:1024px){.elementor-kit-5{font-size:var( --e-global-typography-2b55995-font-size );line-height:var( --e-global-typography-2b55995-line-height );}.elementor-kit-5 h1{font-size:var( --e-global-typography-6b7729b-font-size );line-height:var( --e-global-typography-6b7729b-line-height );}.elementor-kit-5 h2{font-size:var( --e-global-typography-85c9d72-font-size );line-height:var( --e-global-typography-85c9d72-line-height );}.elementor-kit-5 h3{font-size:var( --e-global-typography-0b787e2-font-size );line-height:var( --e-global-typography-0b787e2-line-height );}.elementor-kit-5 h4{font-size:var( --e-global-typography-0342c38-font-size );line-height:var( --e-global-typography-0342c38-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-2deb6a9-font-size:15px;--e-global-typography-6b7729b-font-size:32px;--e-global-typography-85c9d72-font-size:28px;--e-global-typography-0342c38-font-size:32px;--e-global-typography-0b787e2-font-size:28px;font-size:var( --e-global-typography-2b55995-font-size );line-height:var( --e-global-typography-2b55995-line-height );}.elementor-kit-5 h1{font-size:var( --e-global-typography-6b7729b-font-size );line-height:var( --e-global-typography-6b7729b-line-height );}.elementor-kit-5 h2{font-size:var( --e-global-typography-85c9d72-font-size );line-height:var( --e-global-typography-85c9d72-line-height );}.elementor-kit-5 h3{font-size:var( --e-global-typography-0b787e2-font-size );line-height:var( --e-global-typography-0b787e2-line-height );}.elementor-kit-5 h4{font-size:var( --e-global-typography-0342c38-font-size );line-height:var( --e-global-typography-0342c38-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
 *  SHREE SWAMINARAYAN MANDIR OLDHAM — COMBINED GLOBAL CSS
 *  Paste into: Insert Headers & Footers → Header
 *
 *  PART 1: Elementor utilities & animations
 *  PART 2: Site-wide custom CSS (page widgets)
 * ============================================================ */


/* ════════════════════════════════════════════════════════════
   PART 1: ELEMENTOR UTILITIES & ANIMATIONS
   ════════════════════════════════════════════════════════════ */

.max-1400 {
    max-width: 1400px;
}
* {
    font-family: "Host Grotesk";
}
p, p:last-child {
    margin: 0;
}
.inner-max {
    max-width: 1776px;
}

/*------ Fades: Directional — Snap (Material Design) ------*/
:root {
  --kg-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --kg-duration: 650ms;
  --kg-distance: 16px;
  --kg-blur: 3px;
  --kg-scale: 0.98;
}

/* FadeInDown */
@keyframes kgFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, calc(var(--kg-distance) * -1), 0) scale(var(--kg-scale));
    filter: blur(var(--kg-blur));
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0px);
  }
}
.elementor-element .animated.fadeInDown {
  animation-name: kgFadeInDown !important;
  animation-duration: var(--kg-duration) !important;
  animation-timing-function: var(--kg-ease) !important;
  animation-fill-mode: both !important;
}

/* FadeInLeft */
@keyframes kgFadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(calc(var(--kg-distance) * -1), 0, 0) scale(var(--kg-scale));
    filter: blur(var(--kg-blur));
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0px);
  }
}
.elementor-element .animated.fadeInLeft {
  animation-name: kgFadeInLeft !important;
  animation-duration: var(--kg-duration) !important;
  animation-timing-function: var(--kg-ease) !important;
  animation-fill-mode: both !important;
}

/* FadeInRight */
@keyframes kgFadeInRight {
  from {
    opacity: 0;
    transform: translate3d(var(--kg-distance), 0, 0) scale(var(--kg-scale));
    filter: blur(var(--kg-blur));
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0px);
  }
}
.elementor-element .animated.fadeInRight {
  animation-name: kgFadeInRight !important;
  animation-duration: var(--kg-duration) !important;
  animation-timing-function: var(--kg-ease) !important;
  animation-fill-mode: both !important;
}

/* FadeInUp */
@keyframes kgFadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, var(--kg-distance), 0) scale(var(--kg-scale));
    filter: blur(var(--kg-blur));
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0px);
  }
}
.elementor-element .animated.fadeInUp {
  animation-name: kgFadeInUp !important;
  animation-duration: var(--kg-duration) !important;
  animation-timing-function: var(--kg-ease) !important;
  animation-fill-mode: both !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Host Grotesk';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://oldhammandir.faith/wp-content/uploads/2026/02/HostGrotesk-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Host Grotesk';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://oldhammandir.faith/wp-content/uploads/2026/02/HostGrotesk-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Host Grotesk';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */