/*
Theme Name: Ajinomoto Health & Nutrition North America
Description: This is a child theme of the Hello Elementor parent theme,
Author: Solid Digital
Template: hello-elementor
Version: 1.0.0-build.9
Text Domain: ahnna

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

/* START HOUSE STYLES ----------------------------------------------------- */

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

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

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

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

/* END HOUSE STYLES ----------------------------------------------------- */

 /* --------------- REMOVING HEADER UNDERLINE */
ul.jet-menu a:hover {
    text-decoration: none;
}


/* --------------- REMOVING FOCUS OUTLINE */
:focus {
  outline: none !important;
}


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

/* --------------- CENTER LISTING CONTENT */
.jet-listing-grid__items {
    justify-content: center;
}

/* --------------- SEARCH BUTTON TEXT */
.sd_search-widget button.jet-search__popup-trigger:before {
    content: 'Search ';
    font-weight: 400;
    font-size: 0.8em;
    line-height: 1.7;
    margin-right: 5px;
}
/* -------------- ADD BLUE HOVER FOR FEATURED PRODUCT LINKS IN MAIN NAV MEGA MENU */
.sd_solutions-mega-menu a:hover {
    color: var(--e-global-color-secondary);
}
/* --------------- Removing text underline from buttons */
.elementor-button-wrapper a:hover {
    text-decoration: none;
}

/* T3 Timeline ----------------------------------------------------- */
.sd_timeline .timeline-item__point {
  z-index: 1;
}
.sd_timeline .jet-timeline--align-left .jet-timeline-item {
  direction: ltr;
}

/* T5 Posts Filter ----------------------------------------------------- */
.sd_post-filter .jet-checkboxes-list__button:hover {
    background-color: #3251AD !important;
    color: #FFF !important;
    transition: .3s !important;
}

/* Contact Page Map Infobox ----------------------------------------------------- */
.jet-map-box {
	width: 350px!important;
}

#seopress-user-consent-close {
	display: none;
}

/* Homepage Carousel Styling ----------------------------------------------------- */
.sd_carousel .jet-carousel__content {
    margin: -10% 5% 0;
    border-radius: 8px;
    background-color: var( --e-global-color-fca5522 ) !important;
}

@media (max-width:768px){
    .sd_carousel .jet-carousel__content {
        margin: 0;
        border-radius: 0;
    }
}