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

.user-sample-form {
  width: 100%;
  max-width: 740px;
  margin: 2rem auto;
  padding: 1.25rem 2rem 3rem;
  border: 1px solid #ffffff;
  border-radius: 2px;
  background-color: #e7c085;
}
.user-sample-form .form-item,.user-sample-form  .js-form-item {
	margin: 0 auto 1.25rem auto;
}
.user-sample-form fieldset {
  margin-bottom: 0;
}
.user-sample-form fieldset[id^=edit-verification] .fieldset-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 135px;
  grid-template-columns: 1fr 135px;
}
.user-sample-form fieldset[id^=edit-verification] .fieldset-wrapper .form-item.js-form-type-textfield.form-item-user-identifier,
.user-sample-form fieldset[id^=edit-verification] .fieldset-wrapper input[id^=edit-user-identifier-actions],
.user-sample-form fieldset[id^=edit-verification] .fieldset-wrapper .captcha {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/span 2;
}
.user-sample-form fieldset[id^=edit-verification] .fieldset-wrapper input[id^=edit-user-identifier-actions] {
  margin: auto;
}
.user-sample-form fieldset[id^=edit-verification] .fieldset-wrapper .captcha {
  margin: 0 auto 1.25rem;
  width: 100%;
}
.user-sample-form fieldset[id^=edit-verification] .fieldset-wrapper input[id^=edit-code-actions] {
  margin: auto 0 1.5rem 0.75rem;
}
.user-sample-form .sample-form-title {
  line-height: 1.2;
  font-size: 1.625rem;
  color: #073190;
  text-align: center;
  margin-bottom: 1.25rem;
}
.user-sample-form .sample-form-title > span {
  border-bottom: 2px solid;
}
@media (min-width: 768px) {
  .user-sample-form .sample-form-title {
    font-size: calc(1.375rem + 1.6vw);
  }
}
@media (min-width: 1600px) {
  .user-sample-form .sample-form-title {
    font-size: 2.25rem;
  }
}

.user-sample-form .btn-send-sms,
.user-sample-form .g-recaptcha {
  margin-bottom: 1.25rem !important;
}

.user-sample-form .g-recaptcha > div {
  margin: 0 auto;
  width: 100% !important;
}

@media (max-width: 370px) {
 .user-sample-form .g-recaptcha iframe {
  	width: 100% !important;
	}
}

.user-sample-form .dropdown-content {
  background-color: transparent;
  padding:0;
}

.user-sample-form #child-wrapper {
  margin-bottom: 2rem;
}
.user-sample-form #child-wrapper > .js-form-wrapper {
  position: relative;
  padding: 1rem 0 0.5rem;
}
.user-sample-form #child-wrapper > .js-form-wrapper:after {
  position: absolute;
  content: "";
  width: 70%;
  height: 2px;
  background-color: #cc9e55;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.user-sample-form .sample-children-description {
  color: var(--color-brand1-900);
  padding: 1rem 0 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.user-sample-form .sample-children-description > p {
  max-width: 70%;
  word-break: break-word;
}
.user-sample-form .sample-children-description:before, .user-sample-form .sample-children-description:after {
  content: "";
  border-top: 2px solid;
  margin: 0 1.25rem 0 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 1.25rem;
          flex: 1 0 1.25rem;
  color: #cc9e55;
}
.user-sample-form .sample-children-description:after {
  margin: 0 0 0 1.25rem;
}
.user-sample-form .form-type-managed-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.user-sample-form .form-type-managed-file .form-managed-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user-sample-form .form-type-managed-file .form-managed-file input.js-form-file {
  display: none;
}
.user-sample-form .form-type-managed-file .form-managed-file .preview {
  max-width: 40%;
  margin-right: 0.75rem;
  margin-top: 0.75rem;
}
.user-sample-form .form-type-managed-file .form-managed-file .data .file-size {
  display: block;
  margin-bottom: 0.75rem;
}
.user-sample-form .form-type-managed-file.form-disabled label {
  opacity: 0.65;
  cursor: not-allowed;
}
.user-sample-form .form-type-managed-file .control-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 1.5rem;
  border: 0;
  border-radius: 18px;
  text-decoration: none;
  cursor: pointer;
  line-height: 1.25rem;
  font-size: 1rem;
  background-color: #073190;
  margin: 0.75rem auto 0 0.75rem;
}
.user-sample-form .form-type-managed-file .control-label.btn-icon {
  padding: 0.5rem 1.5rem 0.5rem 1rem;
}
.user-sample-form .form-type-managed-file .control-label.btn-icon i {
  font-size: 1.75rem;
  margin-right: 0.675rem;
}
.user-sample-form .form-type-managed-file .control-label:hover {
  background-color: rgba(7, 49, 144, 0.9);
}
.user-sample-form .form-type-managed-file .control-label:focus {
  background-color: #073190;
}
.user-sample-form .sample-form-description {
  color: var(--color-brand1-900);   
  width: 100%;
  max-width: 560px;
  margin: 0 auto 1rem auto;
}
.user-sample-form .js-form-type-managed-file {
	border-color: var(--color-brand1-900);
}
.user-sample-form .js-form-type-managed-file .description {
	color: var(--color-brand1-900);
}
.user-sample-form .form-item .description {
	color: var(--color-brand1-900)!important;
}
.user-sample-form .form-actions {
  text-align: center;
}
.user-sample-form .js-form-file {
  font-size: 1.125rem;
}
.user-sample-form .js-form-type-checkbox label {
  color: var(--color-brand1-900);
}
.user-sample-form .js-form-type-checkbox label.form-required > * {
  display: inline;
}
.user-sample-form label {
  color: var(--color-brand1-900);
}

@media (max-width: 400px) {
	.user-sample-form {
		padding-left: 0.5rem;
    padding-right: 0.5rem;
	}
}

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

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