/* background gradients */
/* GOLD */
.flexslider .slides li picture img {
	 object-position: bottom;
}

body:has(.brand-page-120) .hero__button .btn, body:has(.product.brand-120) .hero__button .btn {
    color: #fff;
}

.brand-template .card-product.card-white-detailed .card__image::before {
	display: none !important;
}

/* I don's understand this number (27px?!) but it works better if its 25px */
/* also why do we need to reset the fontsize for screens over 1640px? */ 
 .modal-menu__body h2,
.section_menu_dialog .modal-menu__body .np-section-menu--section .np-secion-menu--link,
.section_menu_dialog .modal-menu__body .np-section-menu--section-title span:before, 
.section_menu_dialog .modal-menu__body .np-section-menu--section-title span:after,
.np-secion-menu--item p {
  color: #001689;
  font-weight: bold;
}

.imageWrapper, .videoWrapper {
    max-width: 1040px;
    margin: 1rem auto;
}

.sphereWrapperGrid {
    max-width: 970px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: center;
    gap: 2rem;
}
.sphereText, .sphereImage {
    text-align: center;
}
.sphereImage img {
    margin: 0 auto;
}
@media only screen and (max-width: 800px) {
  .sphereWrapperGrid {
    grid-template-columns: 1fr 1fr;
    }
}

/*.ui-widget-overlay.ui-front {*/
/*    background-color: #FBF6EB;*/
/*}*/
/*.section_menu_dialog .modal-menu__body .np-section-menu--section-title span:before, .section_menu_dialog .modal-menu__body .np-section-menu--section-title span:after {*/
/*  color: #D3B687;*/
/*}*/
.block.block-wnpc-brands.block-ranges-block {
    margin-top: 2rem;
}

.sphereText h3 {
    color: #C78F56;
font-size: 30px;
}
@media only screen and (max-width: 800px) {
  .sphereText h3 {
font-size: 26px;
}
}


/*channel*/
#storelocatorwidget {
  background: white;
  padding: 15px 20px 25px;
  width: 95% !important;
  margin: 2rem auto;
  box-shadow: 0 6px 20px 0 rgb(62 66 75 / 15%);
  border-radius: 15px;
  border: 2px solid #D3B687;
  max-width: 1110px;
  position: relative;
  z-index: 1;
}

.storelocator-btn.storelocator-viewlink,
#storelocator-nearby {
   border-radius: 18px !important;
}
.storelocator-viewlink.storelocator-storename {
  color: #BC7F27 !important;
}
#storelocatorwidget .storelocator-storename,
#storelocator-search-label {
  color: var(--color-brand1-800) !important;
  transition: all .3s ease;
}
#storelocator-nearby:hover {
  background: #44218e !important;
  border: 1px solid #44218e !important;
  transition: all .3s ease;
  color: white !important;
}
.storelocator-store .storelocator-buttons .storelocator-btn-danger:hover,
.storelocator-buttons .storelocator-btn-danger:hover,
.storelocator-btn-danger:hover{
  background: #44218e !important;
  border: 1px solid #44218e !important;
  transition: all .3s ease;
  color: white !important;
}
@media all and (max-width: 768px) {
  #storelocatorwidget #storelocator-leftcolumn {
    max-width: 100% !important;
  }
  #storelocator-map_canvas canvas {
    max-width: 100% !important;
    width: 100% !important;
  }
  #storelocatorwidget {
    max-width: 768px;
    padding: 5px;
    margin: 1rem 10px 10px 0px;
    width: 100% !important;
  }
  #storelocator-map_canvas {
    height: 450px;
    opacity: 1 !important;
    z-index: 1;
  }
}

#storelocatorwidget .storelocator-btn-danger:focus,
#storelocatorwidget .storelocator-btn-danger {
	border-radius: 18px !important;
}

.themes-block-title {
    border-radius: 24px;
    padding: 0.5rem;
    text-align: center;
    background-image: -o-radial-gradient(circle,#f8e8c9,#D7B371);
    background-image: radial-gradient(circle,#f8e8c9,#D7B371);
}

.themes-block-title a {
    color: #073190;
    text-decoration: none;
}

.themes-block-milestone-item .icon-content .icon { font-size: 0; background-color: #cc9e55; } 
.themes-block-milestone-item .icon-content .icon i:before { display: none !important; }

@media (min-width: 768px) {
	.block-themes-block .themes-block-title {
	    padding: 1rem;
	}
}


/*Accissibility*/
.play-brainMENU a {
	color: var(--color-brand2-800)!important;
}
.infographic td strong,
.infographic td {
	color: #232e74!important;
}

.s1_contact,
.fullProductName {
	color: #374151!important;
}

#form-wrapper .user-sample-form label {
	color: #004E99 !important;
}

.user-sample-form .sample-form-title {
	color:#073190 !important;
}

#form-wrapper:has(.user-sample-form) {
  background-color: var(--color-brand1-100)!important;
}

.footNotes {
	color: #4B5563!important;
}