/* 
 * Theme Name: Rethink First
 * Description: This is a child theme of the Hello Elementor parent theme,
 * Author: Solid Digital
 * Template: hello-elementor
 * Version: 1.2.0
 * Text Domain: rethinkfirst
 */

/* This file is found at Appearance > Theme File Editor > Rethink First > style.css . How to Maintain this CSS File: All custom CSS will be added to this file. You can refer to the docs here for process https://docs.soliddigital.com/docs/css-best-practices/ */

/* --------------- REMOVING AUTO SCROLL */
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}


/* -- CENTER MAX WIDTHS ------------------------- */

.sd_center .elementor-widget-container {
    margin: 0 auto;
}

/* --------------- START MAX WIDTHS */

.sd_center .elementor-widget-container {
    margin: 0 auto;
}

.sd_max-width-1450 .elementor-widget-container {
	max-width: 1450px;
}
.sd_max-width-1400 .elementor-widget-container {
	max-width: 1400px;
}
.sd_max-width-1350 .elementor-widget-container {
	max-width: 1350px;
}
.sd_max-width-1300 .elementor-widget-container {
	max-width: 1300px;
}
.sd_max-width-1250 .elementor-widget-container {
	max-width: 1250px;
}
.sd_max-width-1200 .elementor-widget-container {
	max-width: 1200px;
}
.sd_max-width-1150 .elementor-widget-container {
	max-width: 1150px;
}
.sd_max-width-1100 .elementor-widget-container {
	max-width: 1100px;
}
.sd_max-width-1050 .elementor-widget-container {
	max-width: 1050px;
}
.sd_max-width-1000 .elementor-widget-container {
	max-width: 1000px;
}
.sd_max-width-950 .elementor-widget-container {
	max-width: 950px;
}
.sd_max-width-900 .elementor-widget-container {
	max-width: 900px;
}
.sd_max-width-850 .elementor-widget-container {
	max-width: 850px;
}
.sd_max-width-800 .elementor-widget-container {
	max-width: 800px;
}
.sd_max-width-750 .elementor-widget-container {
	max-width: 750px;
}
.sd_max-width-700 .elementor-widget-container {
	max-width: 700px;
}
.sd_max-width-650 .elementor-widget-container {
	max-width: 650px;
}
.sd_max-width-600 .elementor-widget-container {
	max-width: 600px;
}
.sd_max-width-550 .elementor-widget-container {
	max-width: 550px;
}
.sd_max-width-500 .elementor-widget-container {
	max-width: 500px;
}
.sd_max-width-450 .elementor-widget-container {
	max-width: 450px;
}
.sd_max-width-400 .elementor-widget-container {
	max-width: 400px;
}
.sd_max-width-350 .elementor-widget-container {
	max-width: 350px;
}
.sd_max-width-300 .elementor-widget-container {
	max-width: 300px;
}
.sd_max-width-250 .elementor-widget-container {
	max-width: 250px;
}
.sd_max-width-200 .elementor-widget-container {
	max-width: 200px;
}
.sd_max-width-175 .elementor-widget-container {
	max-width: 175px;
}
.sd_max-width-150 .elementor-widget-container {
	max-width: 150px;
}
.sd_max-width-125 .elementor-widget-container {
	max-width: 125px;
}
.sd_max-width-100 .elementor-widget-container {
	max-width: 100px;
}
.sd_max-width-75 .elementor-widget-container {
	max-width: 75px;
}
.sd_max-width-50 .elementor-widget-container {
	max-width: 50px;
}


/* START MIN WIDTHS ------------------------- */

.sd_min-width-1000 .elementor-widget-container {
    min-width: 1000px;
}
.sd_min-width-950 .elementor-widget-container {
    min-width: 950px;
}
.sd_min-width-900 .elementor-widget-container {
    min-width: 900px;
}
.sd_min-width-850 .elementor-widget-container {
    min-width: 850px;
}
.sd_min-width-800 .elementor-widget-container {
    min-width: 800px;
}
.sd_min-width-750 .elementor-widget-container {
    min-width: 750px;
}
.sd_min-width-700 .elementor-widget-container {
    min-width: 700px;
}
.sd_min-width-650 .elementor-widget-container {
    min-width: 650px;
}
.sd_min-width-600-center .elementor-widget-container {
    min-width: 600px;
}
.sd_min-width-550 .elementor-widget-container {
    min-width: 550px;
}
.sd_min-width-500 .elementor-widget-container {
    min-width: 500px;
}
.sd_min-width-450 .elementor-widget-container {
    min-width: 450px;
}
.sd_min-width-400 .elementor-widget-container {
    min-width: 400px;
}
.sd_min-width-350 .elementor-widget-container {
    min-width: 350px;
}
.sd_min-width-300 .elementor-widget-container {
    min-width: 300px;
}
.sd_min-width-250 .elementor-widget-container {
    min-width: 250px;
}
.sd_min-width-200 .elementor-widget-container {
    min-width: 200px;
}
.sd_min-width-175 .elementor-widget-container {
    min-width: 175px;
}
.sd_min-width-150 .elementor-widget-container {
    min-width: 150px;
}
.sd_min-width-125 .elementor-widget-container {
    min-width: 125px;
}
.sd_min-width-100 .elementor-widget-container {
    min-width: 100px;
}
.sd_min-width-75 .elementor-widget-container {
    min-width: 75px;
}
.sd_min-width-50 .elementor-widget-container {
    min-width: 50px;
}


/* ------ FadeIn up/down/left/right Animation Smoothing:*/
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -10%, 0)
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-10%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(10%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 10%, 0)
    }
    to {
        opacity: 1;
        transform: none;
    }
}


/* -- SEOPRESS OVERIDES ------------------------- */
#seopress-user-consent-close {
    display: none;
}

#seopress-user-consent-accept {
    padding: 6px 15px;
    border: none;
}

/* -- Selection Style ------------------------- */
::selection {
    background: var( --e-global-color-primary ) !important;
    color: white !important;
}

/* -- Post Editor Style ------------------------- */

.sd_post-details p { 
    line-height: 1.5
}

.sd_post-details h1, .sd_post-details h2 {
    margin-top: 2.5rem;
}

.sd_post-details h2 {
    font-size: var( --e-global-typography-text-font-size );
    line-height: var( --e-global-typography-secondary-line-height );
}

.sd_post-details h3 {
    margin-top: 2rem;
    font-size: var( --e-global-typography-accent-font-size );
    line-height: var( --e-global-typography-accent-line-height );
}

.sd_post-details h4, .sd_post-details h5, .sd_post-details h6 {
    margin-top: 1.5rem;
}

.sd_post-details h4 {
    font-size: var( --e-global-typography-404f8ff-font-size );
    line-height: var( --e-global-typography-404f8ff-line-height );
}

.sd_post-details h5 {
    font-size: var( --e-global-typography-159609b-font-size );
    line-height: var( --e-global-typography-159609b-line-height );
    font-weight: 600;
}

.sd_post-details h6 {
    font-size: var( --e-global-typography-0f7ce38-font-weight );
    font-weight: 600;
}

.sd_post-details .elementor-text-editor img {
    margin: 4rem auto;
    max-width: 100%!important;
}

.sd_post-details .elementor-text-editor img.alignright {
    margin: 0.5rem 0 0.5rem 1.5rem;
}

.sd_post-details .elementor-text-editor img.alignleft {
    margin: 0.5rem 1.5rem 0.5rem 0;
}

@media screen and (max-width: 500px) {
  .sd_post-details .elementor-text-editor img.alignright, .sd_post-details .elementor-text-editor img.alignleft {
    float: none;
    margin: 1.5rem auto;
    text-align: center;
  }
}

.sd_post-details .elementor-text-editor ul, .sd_post-details .elementor-text-editor ol {
    margin-bottom: 1rem;
     margin-bottom: 1rem;
    line-height: 1.5
}

/* -- Header / Main Menu ------------------------- */
.sd_header-ed .jet-menu-item-wrapper .jet-dropdown-arrow {
    margin-left: 5px;
    margin-bottom: -2px;
}

.elementor-34 .elementor-element.elementor-element-72dbc28 .jet-mobile-menu__item.jet-mobile-menu__item--active {
	padding-left: 10px
}

.jet-mobile-menu__item.jet-mobile-menu__item--active .jet-mobile-menu__item-inner {
	padding: 5px 5px 5px 10px
}

.jet-mega-menu-item.current_page_item.current-menu-parent > .jet-mega-menu-item__inner:before, 
.jet-mega-menu-list > .jet-mega-menu-item.current_page_item > .jet-mega-menu-item__inner:before {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0.5rem;
    width: 86%;
    height: 5px;
    background: var(--e-global-color-primary );
    border-radius: 5px 5px 0 0;
    text-align: center;
}

.elementor-sticky--effects .jet-mega-menu-list > .jet-mega-menu-item.current_page_item > .jet-mega-menu-item__inner:before {
    bottom: -11px;
}
	
.elementor-sticky--effects #jet-mega-menu-item-8578.jet-mega-current-menu-item > div > a > div:before {
    bottom: -23px;
}

.jet-mega-menu-item .jet-mega-menu-sub-menu .jet-mega-menu-sub-menu__list {
	padding-bottom: 10px
}

.jet-mega-menu--layout-horizontal .jet-mega-menu-item-has-children .jet-mega-menu-sub-menu__list {
	padding: 10px;
}

@media (min-width:769px){
    .elementor-widget-wrap .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-sub-menu__list {
    	padding: 10px;
    	margin-left: -10px;
	}
	.jet-current_page_item a {
        position: relative;
        display: inline-block;
    }
    .elementor-sticky--effects .jet-current-menu-item.jet-current_page_item.jet-page_item > a > .jet-menu-item-wrapper .jet-menu-title:before {
		bottom: -14px;
	}
    .jet-current-menu-item.jet-current_page_item.jet-page_item.jet-sub-menu-item > a > .jet-menu-item-wrapper .jet-menu-title:before {
        content: none;
    }
    .sd_header-ed .jet-current_page_item a:before {
        bottom: -29px;
        background: var( --e-global-color-ce389d1 );
    }
    .sd_header-bh .jet-current_page_item a:before {
        bottom: -29px;
        background: var( --e-global-color-d7be9cd );
    }
    .sd_header-whil .jet-current_page_item a:before {
        bottom: -24px;
        background: var( --e-global-color-67a0d83 );
    }
    .elementor-sticky--effects img {
        height: 40px !important;
        transition: .3s;
    }
    .elementor-sticky--effects .elementor-widget-wrap {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        transition: .3s;
    }
    .elementor-sticky--effects .jet-current_page_item a:before {
        bottom: -1px !important;
        transition: .3s;
    }
    
    .elementor-sticky--effects.sd_header-bh .jet-current_page_item a:before{
        bottom: -20px !important;
    }
    .elementor-sticky--effects.sd_header-ed .jet-current_page_item a:before{
        bottom: -18px !important;
    }
}

/*------------ Remove square shape in search bar ------------*/
.jet-smart-filters-search .jet-search-filter__input-clear:before {
    content: none !important;
}

/*------------ Align button arrow icon ------------*/
.elementor-button .elementor-align-icon-right {
    margin-top: 2px;
}

/* -- Timeline - Hide Empty Elements on Tablet and Mobile ------------------------- */
@media (max-width:1024px) {
    .jet-timeline-list .jet-timeline-item:nth-child(1), 
    .jet-timeline-list .jet-timeline-item:nth-child(2) {
        display: none;
    }
}

/* -- Testimonial Slider ------------------------- */
.sd_testimonial-slider .jet-listing-grid__slider-icon {
    background-color: var( --e-global-color-199ead0b ) !important;
    -webkit-mask-image: url(/wp-content/uploads/2022/02/testimonial-left-arrow.svg) !important;
    mask-image: url(/wp-content/uploads/2022/02/testimonial-left-arrow.svg) !important;
    -webkit-mask-repeat: no-repeat !important;
}

.sd_testimonial-slider .jet-listing-grid__slider-icon:hover {
    background-color: var(--e-global-color-primary) !important;
}

.sd_testimonial-slider .jet-listing-grid__slider-icon svg {
    color: transparent;
}

.sd_testimonial-slider .slick-slide img {
    margin: auto 0;
}

/* -- Whil Wellness Slider ------------------------- */
@media (min-width: 769px){
    .sd_wellness-slider img.jet-carousel__item-img {
        width: 55%;
        max-width: 380px;
        margin: 0;
        display: inline-block;
    }

    .sd_wellness-slider .jet-carousel__content {
        width: 44%;
        margin: 0;
        display: inline-block;
        padding: 5%;
    }
    
    .sd_wellness-slider .jet-carousel__item-inner {
        display: flex;
        align-items: center;
        justify-content: center;
    }   
}

/* -- Whil Blue Cards Arrow ------------------------- */
.sd_whil-cta span.elementor-cta__button.elementor-button {
    position: relative;
    padding-right: 60px;
}

.sd_whil-cta span.elementor-cta__button.elementor-button:after {
    content: '';
    position: absolute;
    top: 0;
    right: 25px;
    width: 100%;
    height: 100%;
    background-image: url('/wp-content/uploads/2022/02/arrow.svg');
    background-repeat: no-repeat;
    background-position: center right;
}

/* -- Remove Form Empty Areas on mobile ------------------------- */
@media (max-width:768px){
    .elementor-field-type-html:not(.elementor-col-60) {
        display: none !important;
    }    
}

/* -- Forms ------------------------- */
.sd_select-input select {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-size: 0.6em;
    background-position: calc(100% - 1.3em) center;
    background-repeat: no-repeat;
}

.sd_shadow {
    position: relative;
    bottom:-40px;      
    left:0;
    pointer-events:none;
    height: 40px;
    margin-bottom: -40px;
    transition:all .2s ease-out;
}
  
.sd_shadow.sd_shadow-bottom {
  box-shadow:0px -20px 30px rgb(0 0 0 / 60%);
}

/*--- Popup smooth scroll behaviour---*/
.jet-popup__container-inner {
    scroll-behavior: smooth;
}

/*--- T8 slider bullets ---*/
@media only screen and (min-width: 1024px) {
  #sd_slider .elementor-element.elementor-element-7cd3da3 .jet-carousel .jet-slick-dots {
    justify-content: center;
    margin: -140px 0% 0% 90px;
  }
}

div.jet-mobile-menu__instance.jet-mobile-menu__instance--slide-out-layout.right-container-position.default-toggle-position > div.jet-mobile-menu__container > div > div.jet-mobile-menu__controls > div.jet-mobile-menu__back[aria-label="Back to Prev Items"] > i:before {
    content: "\f104";
}

/*---------------------------
T8 slider bullets 
---------------------------*/
.jet-listing-grid__item img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}