.elementor-182 .elementor-element.elementor-element-0717625{--display:flex;}.elementor-182 .elementor-element.elementor-element-20b8ef3{--display:flex;--min-height:250px;--justify-content:center;--border-radius:0px 0px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-182 .elementor-element.elementor-element-20b8ef3:not(.elementor-motion-effects-element-type-background), .elementor-182 .elementor-element.elementor-element-20b8ef3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ourshadesofblue.org/wp-content/uploads/2025/12/about-bg-1.png");background-position:center center;background-size:cover;}.elementor-182 .elementor-element.elementor-element-9439782 .elementor-heading-title{font-family:var( --e-global-typography-69efc8d-font-family ), Sans-serif;font-size:var( --e-global-typography-69efc8d-font-size );font-weight:var( --e-global-typography-69efc8d-font-weight );line-height:var( --e-global-typography-69efc8d-line-height );letter-spacing:var( --e-global-typography-69efc8d-letter-spacing );word-spacing:var( --e-global-typography-69efc8d-word-spacing );color:var( --e-global-color-0fa1134 );}.elementor-182 .elementor-element.elementor-element-db3aefc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-182 .elementor-element.elementor-element-db3aefc.e-con{--align-self:center;}.elementor-182 .elementor-element.elementor-element-21b1c7b{width:100%;max-width:100%;}.elementor-182 .elementor-element.elementor-element-21b1c7b .e-tabs-wrapper .e-tabs-header .e-tabs-title{color:#009DE0;}.elementor-182 .elementor-element.elementor-element-21b1c7b .e-tabs-header .e-tabs-title{font-family:var( --e-global-typography-69efc8d-font-family ), Sans-serif;font-size:var( --e-global-typography-69efc8d-font-size );font-weight:var( --e-global-typography-69efc8d-font-weight );line-height:var( --e-global-typography-69efc8d-line-height );letter-spacing:var( --e-global-typography-69efc8d-letter-spacing );word-spacing:var( --e-global-typography-69efc8d-word-spacing );}.elementor-182 .elementor-element.elementor-element-21b1c7b .e-tabs-items .e-tab-title .e-tab-title-text{color:var( --e-global-color-0fa1134 );}.elementor-182 .elementor-element.elementor-element-21b1c7b .e-tabs-items .e-tab-title .e-tab-title-text button{color:var( --e-global-color-0fa1134 );}.elementor-182 .elementor-element.elementor-element-21b1c7b .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text{color:var( --e-global-color-0fa1134 );}.elementor-182 .elementor-element.elementor-element-21b1c7b .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text button{color:var( --e-global-color-0fa1134 );}.elementor-182 .elementor-element.elementor-element-21b1c7b .e-tabs-items-wrapper .e-section-title{color:#009DE0;border-style:solid;border-color:#009DE0;}.elementor-182 .elementor-element.elementor-element-21b1c7b .e-tabs .e-tabs-inner-tabs .e-inner-tabs-wrapper .e-inner-tab-title a{color:#FFFFFF;}.elementor-182 .elementor-element.elementor-element-b1fd88e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-182 .elementor-element.elementor-element-cf96f46{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-182 .elementor-element.elementor-element-cf96f46:not(.elementor-motion-effects-element-type-background), .elementor-182 .elementor-element.elementor-element-cf96f46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-182 .elementor-element.elementor-element-f7939bb .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:clamp(2.1rem, 1.9154rem + 0.8205vw, 2.5rem);font-weight:800;text-transform:uppercase;line-height:120%;color:var( --e-global-color-0fa1134 );}.elementor-182 .elementor-element.elementor-element-d546095{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-182 .elementor-element.elementor-element-2869387 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(13px/2);}.elementor-182 .elementor-element.elementor-element-2869387 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(13px/2);}.elementor-182 .elementor-element.elementor-element-2869387 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(13px/2);}.elementor-182 .elementor-element.elementor-element-2869387 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-13px/2);}.elementor-182 .elementor-element.elementor-element-2869387 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-13px/2);}.elementor-182 .elementor-element.elementor-element-2869387 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-182 .elementor-element.elementor-element-2869387 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-182 .elementor-element.elementor-element-2869387{--e-icon-list-icon-size:22px;--icon-vertical-align:flex-start;--icon-vertical-offset:2px;}.elementor-182 .elementor-element.elementor-element-2869387 .elementor-icon-list-icon{padding-inline-end:4px;}.elementor-182 .elementor-element.elementor-element-2869387 .elementor-icon-list-text{color:var( --e-global-color-0fa1134 );transition:color 0.3s;}@media(max-width:1366px){.elementor-182 .elementor-element.elementor-element-9439782 .elementor-heading-title{font-size:var( --e-global-typography-69efc8d-font-size );line-height:var( --e-global-typography-69efc8d-line-height );letter-spacing:var( --e-global-typography-69efc8d-letter-spacing );word-spacing:var( --e-global-typography-69efc8d-word-spacing );}.elementor-182 .elementor-element.elementor-element-21b1c7b .e-tabs-header .e-tabs-title{font-size:var( --e-global-typography-69efc8d-font-size );line-height:var( --e-global-typography-69efc8d-line-height );letter-spacing:var( --e-global-typography-69efc8d-letter-spacing );word-spacing:var( --e-global-typography-69efc8d-word-spacing );}.elementor-182 .elementor-element.elementor-element-d546095{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-182 .elementor-element.elementor-element-d546095{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-182 .elementor-element.elementor-element-0717625{--content-width:1240px;}}@media(max-width:1366px) and (min-width:768px){.elementor-182 .elementor-element.elementor-element-0717625{--content-width:1141px;}}@media(max-width:1200px) and (min-width:768px){.elementor-182 .elementor-element.elementor-element-0717625{--content-width:980px;}}@media(max-width:1024px) and (min-width:768px){.elementor-182 .elementor-element.elementor-element-0717625{--content-width:736px;}}@media(max-width:1024px){.elementor-182 .elementor-element.elementor-element-9439782 .elementor-heading-title{font-size:var( --e-global-typography-69efc8d-font-size );line-height:var( --e-global-typography-69efc8d-line-height );letter-spacing:var( --e-global-typography-69efc8d-letter-spacing );word-spacing:var( --e-global-typography-69efc8d-word-spacing );}.elementor-182 .elementor-element.elementor-element-21b1c7b .e-tabs-header .e-tabs-title{font-size:var( --e-global-typography-69efc8d-font-size );line-height:var( --e-global-typography-69efc8d-line-height );letter-spacing:var( --e-global-typography-69efc8d-letter-spacing );word-spacing:var( --e-global-typography-69efc8d-word-spacing );}.elementor-182 .elementor-element.elementor-element-d546095{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-182 .elementor-element.elementor-element-9439782{text-align:center;}.elementor-182 .elementor-element.elementor-element-9439782 .elementor-heading-title{font-size:var( --e-global-typography-69efc8d-font-size );line-height:var( --e-global-typography-69efc8d-line-height );letter-spacing:var( --e-global-typography-69efc8d-letter-spacing );word-spacing:var( --e-global-typography-69efc8d-word-spacing );}.elementor-182 .elementor-element.elementor-element-21b1c7b .e-tabs-header .e-tabs-title{font-size:var( --e-global-typography-69efc8d-font-size );line-height:var( --e-global-typography-69efc8d-line-height );letter-spacing:var( --e-global-typography-69efc8d-letter-spacing );word-spacing:var( --e-global-typography-69efc8d-word-spacing );}.elementor-182 .elementor-element.elementor-element-cf96f46{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-182 .elementor-element.elementor-element-d546095{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* 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 *//* End custom 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 */