.elementor-kit-10{--e-global-color-primary:#000000;--e-global-color-text:#000000;--e-global-color-accent:#009DE0;--e-global-color-secondary:#006995;--e-global-color-0fa1134:#FFFFFF;--e-global-color-17b7ad9:#DFF5FF;--e-global-color-2d8d6c6:#D9D9D9;--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:"Inter";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:normal;--e-global-typography-text-line-height:140%;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:bold;--e-global-typography-accent-line-height:180%;--e-global-typography-747d262-font-family:"Manrope";--e-global-typography-747d262-font-size:clamp(3rem, 2.5385rem + 2.0513vw, 4rem);--e-global-typography-747d262-font-weight:800;--e-global-typography-747d262-line-height:120%;--e-global-typography-75a6542-font-family:"Manrope";--e-global-typography-75a6542-font-size:clamp(2.4rem, 2.1231rem + 1.2308vw, 3rem);--e-global-typography-75a6542-font-weight:800;--e-global-typography-75a6542-line-height:120%;--e-global-typography-69efc8d-font-family:"Manrope";--e-global-typography-69efc8d-font-size:clamp(2.1rem, 1.9154rem + 0.8205vw, 2.5rem);--e-global-typography-69efc8d-font-weight:800;--e-global-typography-69efc8d-line-height:120%;--e-global-typography-9e2aa70-font-family:"Manrope";--e-global-typography-9e2aa70-font-size:clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem);--e-global-typography-9e2aa70-font-weight:800;--e-global-typography-9e2aa70-line-height:120%;--e-global-typography-4d758b7-font-family:"Manrope";--e-global-typography-4d758b7-font-size:clamp(1.6rem, 1.5308rem + 0.3077vw, 1.75rem);--e-global-typography-4d758b7-font-weight:800;--e-global-typography-4d758b7-line-height:120%;--e-global-typography-7c4eed5-font-family:"Manrope";--e-global-typography-7c4eed5-font-size:clamp(1.4rem, 1.3538rem + 0.2051vw, 1.5rem);--e-global-typography-7c4eed5-font-weight:800;--e-global-typography-7c4eed5-line-height:120%;--e-global-typography-7624be8-font-family:"Manrope";--e-global-typography-7624be8-font-size:clamp(1.2rem, 1.1769rem + 0.1026vw, 1.25rem);--e-global-typography-7624be8-font-weight:800;--e-global-typography-7624be8-line-height:120%;--e-global-typography-d353d7b-font-family:"Inter";--e-global-typography-d353d7b-font-size:1.2rem;--e-global-typography-d353d7b-line-height:160%;--e-global-typography-907a8d2-font-family:"Inter";--e-global-typography-907a8d2-font-size:1rem;--e-global-typography-907a8d2-font-weight:bold;--e-global-typography-907a8d2-line-height:180%;--e-global-typography-0ddc389-font-family:"Inter";--e-global-typography-0ddc389-font-size:1.25rem;--e-global-typography-0ddc389-line-height:180%;--e-global-typography-571be99-font-family:"Inter";--e-global-typography-571be99-line-height:180%;background-color:#FFFFFF;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Wix Madefor Display", Sans-serif;font-size:1.2rem;font-weight:bold;line-height:180%;color:var( --e-global-color-0fa1134 );border-radius:12px 12px 12px 12px;padding:12px 14px 12px 14px;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 p{margin-block-end:0px;}.elementor-kit-10 a{color:var( --e-global-color-2d8d6c6 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--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){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:95%;}.e-con{--container-max-width:95%;}}@media(max-width:1200px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:95%;}.e-con{--container-max-width:95%;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:95%;}.e-con{--container-max-width:95%;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}/* Start custom CSS *//* PADDING ALL SIDES */ .pad-s{padding: clamp(1rem, 0.7692rem + 1.0256vw, 1.5rem);} .pad-m{padding: clamp(1.5rem, 1.2692rem + 1.0256vw, 2rem);} .pad-l{padding: clamp(2rem, 1.5385rem + 2.0513vw, 3rem);} /* PADDING TOP & BOTTOM */ /* Improved code */ .pad-tb-s{padding: clamp(1.5rem, 1.0385rem + 2.0513vw, 2.5rem) 0;} .pad-tb-m{padding: clamp(4rem, 3.5385rem + 2.0513vw, 5rem) 0;} .pad-tb-l{padding: clamp(7rem, 6.5385rem + 2.0513vw, 8rem) 0;} /* PADDING TOP */ .pad-t-s{padding-top: clamp(1.5rem, 1.0385rem + 2.0513vw, 2.5rem);} .pad-t-m{padding-top: clamp(4rem, 3.5385rem + 2.0513vw, 5rem);} .pad-t-l{padding-top: clamp(7rem, 6.5385rem + 2.0513vw, 8rem);} /* PADDING BOTTOM */ .pad-b-s{padding-bottom: clamp(1.5rem, 1.0385rem + 2.0513vw, 2.5rem);} .pad-b-m{padding-bottom: clamp(4rem, 3.5385rem + 2.0513vw, 5rem);} .pad-b-l{padding-bottom: clamp(7rem, 6.5385rem + 2.0513vw, 8rem);} /* Main animation on all buttons */ .elementor-button{ transition: transform 0.4s;} .elementor-button:hover{ transform: translateX(7px); filter: brightness(95%);} /* Dark button*/ .button-dark .elementor-button{ background-color: var(--e-global-color-primary ); color: #FFFFFF;} /* Light color (replace the e-global-color to your Site Settings color)*/ .button-light .elementor-button{ background-color: var(--e-global-color-17b7ad9 ); color: var(--e-global-color-primary );} /* Accent 2 button (replace the e-global-color to your Site Settings color)*/ .button-accent-2 .elementor-button{ background-color: var(--e-global-color-2d8d6c6 ); color: var(--e-global-color-primary );} /* Outline button dark*/ .button-outline-dark .elementor-button{ background-color: transparent; color: var(--e-global-color-primary ); box-shadow: inset 0px 0px 0px 1px var(--e-global-color-primary );} /* Outline button light*/ .button-outline-light .elementor-button{ background-color: transparent; color: white; box-shadow: inset 0px 0px 0px 1px white;} /* Video Play section styles BEGIN */ .elementor-widget-video-playlist .e-tabs-header{ border-bottom: 0px; } .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title.e-active, .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:hover{ border-radius: 12px 0 0 12px; } .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title{ padding: 14px 16px; } .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title .e-tab-duration{ display: none; } .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title.e-active{ background-color: #009DE0; } .elementor-17 .elementor-element.elementor-element-3f9ff4b .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text button{ color: #FFF; } .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title{ background-color: #141414; border-radius: 12px 0 0 12px; } .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:hover{ background-color: #009DE0; } .e-tabs-videos-count{ display: none; } .e-tab-title{ margin-bottom: 8px; } .elementor-widget-video-playlist .e-tabs-header .e-tabs-title{ font-size: 48px; font-family: var( --e-global-typography-75a6542-font-family ), Sans-serif; font-weight: var( --e-global-typography-75a6542-font-weight ); } .elementor-widget-video-playlist .e-tabs-header{ margin-bottom: 20px; } .e-tab-thumbnail, .e-tab-thumbnail img{ height: 55px!important; width: 85px!important; } .elementor-element-3f9ff4b .e-tabs-header{ padding-left: 0px; } .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title .e-tab-title-text{ margin: auto 12px; } @media(max-width:767px){ .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title.e-active, .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:hover, .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title{ border-radius: 12px; } } .elementor-widget-video-playlist .e-tabs-header .e-tabs-toggle-videos-display-button.e-font-icon-svg{ display: none; } @media (max-width: 767px) { .elementor-widget-video-playlist .e-tabs-main-area .e-tabs-content-wrapper { height: auto; /* remove any fixed height */ aspect-ratio: 16 / 9; /* maintains 16:9 ratio */ } /* Make sure the inner video stretches to fit */ .elementor-widget-video-playlist .e-tabs-main-area .e-tabs-content-wrapper video { width: 100%; height: 100%; object-fit: cover; /* or contain if you don’t want cropping */ } .elementor-17 .elementor-element.elementor-element-3f9ff4b .e-tabs-wrapper .e-tabs-header .e-tabs-title{ margin-top: 30px; } } .elementor-widget-video-playlist .e-tabs-content-wrapper .e-tab-content, .elementor-widget-video-playlist .e-tabs-content-wrapper .e-tab-content iframe{ border-radius: 12px; } /* Video Play section styles END */ /* update BG color of nav dropdown section START */ .elementor-location-popup .sub-menu.elementor-nav-menu--dropdown{ background-color: #004662!important; } /* update BG color of nav dropdown section END */ /* Contact Form 7 Styles START */ .c7-form-style .wpcf7-text, .c7-form-style .wpcf7-select, .c7-form-style .wpcf7-textarea, .c7-form-style .wpcf7-number{ background-color: #fafafa!important; border-radius: 12px!important; width: 100%; margin-top: 6px; } .c7-form-style label, .c7-form-style .wpcf7-select{ width: 100%; max-width: 1000px!important; } .c7-form-style .wpcf7-submit{ border: 0px; padding: 12px 24px 12px 24px; min-width: 200px; } .c7-form-style .wpcf7-submit:hover{ transform: translateX(7px); filter: brightness(95%); } .c7-form-style .wpcf7-select { appearance: none; -webkit-appearance: none; -moz-appearance: none; padding: 10px 36px 10px 12px; /* room for arrow */ background-color: #fff; /* custom arrow */ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' stroke='%23666' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 8 10 12 14 8'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; /* ← move left/right here */ background-size: 24px; } .c7-form-style .wpcf7 input[type="radio"] { transform: scale(2.5); margin: 20px 14px 10px 10px; } .c7-form-style p{ margin-bottom: 15px; } /* Contact Form 7 Styles END *//* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Inter'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://ourshadesofblue.org/wp-content/uploads/2025/12/Inter_18pt-Regular.ttf') format('truetype'); } @font-face { font-family: 'Inter'; font-style: italic; font-weight: normal; font-display: auto; src: url('https://ourshadesofblue.org/wp-content/uploads/2025/12/Inter_18pt-Italic.ttf') format('truetype'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://ourshadesofblue.org/wp-content/uploads/2025/12/Inter_18pt-Bold.ttf') format('truetype'); } @font-face { font-family: 'Inter'; font-style: italic; font-weight: bold; font-display: auto; src: url('https://ourshadesofblue.org/wp-content/uploads/2025/12/Inter_18pt-BoldItalic.ttf') format('truetype'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://ourshadesofblue.org/wp-content/uploads/2025/12/Inter_18pt-SemiBold.ttf') format('truetype'); } @font-face { font-family: 'Inter'; font-style: italic; font-weight: 600; font-display: auto; src: url('https://ourshadesofblue.org/wp-content/uploads/2025/12/Inter_18pt-SemiBoldItalic.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Manrope'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://ourshadesofblue.org/wp-content/uploads/2025/12/Manrope-Regular.ttf') format('truetype'); } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://ourshadesofblue.org/wp-content/uploads/2025/12/Manrope-Bold.ttf') format('truetype'); } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; font-display: auto; src: url('https://ourshadesofblue.org/wp-content/uploads/2025/12/Manrope-ExtraBold.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Wix Madefor Display'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://ourshadesofblue.org/wp-content/uploads/2025/12/WixMadeforDisplay-Bold.ttf') format('truetype'); } /* End Custom Fonts CSS */