/*
 * 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
 */

/* 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;
}



/*---------------------------
Resources and News - underline links when not hovered 
---------------------------*/

.sd_post-details a:not(:hover):not(.elementor-blockquote__tweet-button):not(.elementor-button) {
    text-decoration: underline; 
}

.single-resources .elementor-widget-theme-post-content ul { 
    margin-bottom: .9rem
}


/*---------------------------
Forms input placeholder color 
---------------------------*/
input::placeholder {color: var( --e-global-color-dc10a8f );}

.single .video-container { max-width: 600px; margin-left: auto; margin-right: auto} 

.sd_full-width-link a {
    width: 100%;
}

/*Solutions PopUp Hidden Overflow*/
.sd_solutionspopup { 
 overflow-x: hidden
}

/*----------------
Table icon as a full sized square
------------------*/
.sd_icon-size .jet-elements-icon svg {
    width: 100%;
    height: 100%;
}
.sd_icon-size .jet-table__cell-icon {
    width: 100%;
}

/*----------------
Vertical align top for bullets 
------------------*/
.sd_bullet-align  .elementor-icon-list-item {
    align-items: start;
}
.sd_bullet-align  .elementor-icon-list-icon {
    margin-top: 0.65em;
}
@media only screen and (max-width: 767px){
    .sd_guidelines-sub-nav .elementor-container {
        min-width: 600px!important;
    }
    .sd_guidelines-sub-nav {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}

/*----------------
Footer highlight text background color
------------------*/
.elementor-location-footer p::-moz-selection { 
    background: rgb(255 255 255 / 0.5) !important
}

.elementor-location-footer p::selection {
    background: rgb(255 255 255 / 0.5) !important
}


/*----------------
Fix Lightbox buttons not showing on iPhone
------------------*/
.eicon-share-arrow, .eicon-zoom-in-bold, .eicon-zoom-out-bold, .eicon-frame-expand, .dialog-close-button.dialog-lightbox-close-button {
    background: rgb(0 0 0 / 50%);
}



/*----------------
Cookie banner
------------------*/
#cookie-law-info-bar {
    padding: 1% 8% 50px !important
}

@media (min-width:986px) and (max-width:1087px){ 
	#cookie-law-info-bar .cli-bar-message {
		width: 60%;
	}
	#cookie-law-info-bar .cli-bar-btn_container {
		width: 40%;
	}
}
	
@media (max-width:767px){ 
    #cookie-law-info-bar {
        padding-bottom: 80px !important;
    }
	#cookie-law-info-bar .cli-bar-btn_container {
		position: absolute;
		bottom: 30px;
		right: 25%;
		width: 50%
	}
	#wt-cli-accept-all-btn, #wt-cli-reject-btn {
		margin: 5px 5px 5px 5px !important;
	}
	#cookie-law-info-bar .cli-bar-message,
	#wt-cli-cookie-banner-title	{
		font-size: 12px !important;
		line-height: 1.5;
	}
	#wt-cli-cookie-banner-title	{
		width: 32%;
	}
}


@media (max-width:460px){ 
	#cookie-law-info-bar .cli-bar-btn_container {
		top: 5px;
		right: 0;
		width: auto; 
		bottom: auto;
	}
}



/* -- 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;
}

.seopress-user-consent.seopress-user-message {
    padding-bottom: 48px;
}

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

/* -- Post Editor Style ------------------------- */
.sd_post-details h1, .sd_post-details h2, .sd_post-details h3, .sd_post-details h4, .sd_post-details h5, .sd_post-details h6 {
    margin-top: 3rem;
    font-size: var( --e-global-typography-accent-font-size );
    line-height: var( --e-global-typography-accent-line-height );
}

.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;
    line-height: 1.5
}


/*------------ 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;
  }
}


/*--- fix hamburger submenus not showing back button ---*/
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";
}

/*----------------------------
Listing's images quality
----------------------------*/
.jet-listing-grid__item img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* New changes from RethinkFirst */

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

.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 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;
}