/* FONTS START */

@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  src: url('../fonts/m-plus-2-v2-latin-ext_latin_japanese-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fontawesome-webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fontawesome-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fontawesome-webfont.svg') format('svg'); /* Legacy iOS */
}


.fp-video-headline {
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  letter-spacing: 0.2em;
  }

.web-font,
.shingo-b {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  }

.font-weight-700 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  }

/* Reset Node Edit Help Block */
.text-count-message,
.counter,
.help-block {
  color: blue !important;
  font: inherit !important;
  font-size: 90% !important;
  line-height: 1.2em !important;
  }

/* FONTS END */

.desktop #off-canvas,
.desktop .hidden-desktop,
.ipad .hidden-ipad {
  display: none;
  }

.print-only {
  display: none;
  }

.hide-h2 h2,
.invisible,
.hide {
  display: none;
  }

.not-logged-in .draft {
  display: none;
  }

.hide-text,
.markup-only {
  font-size: 0;
  height: 0;
  line-height: 0;
  }

.caption {
  line-height: 1.5em;
  }

.caption p,
p.caption {
  color: black;
  padding: 0.5em;
  text-align: center;
  margin-bottom: 2.0em;
  }

.field-body {
  margin-bottom: 3.0em;
  }

h1 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  color: #363636;
  margin: 0;
  line-height: 1.2em;
  }

.mobile h1 {
  font-size: 1.7em;
  }

.node-add .page-title-wrapper,
.node-edit .page-title-wrapper,
.page-node-type-page .page-header {
  /* display: none; DO NOT DISPLAY TITLE VIEW */
  }

/* NOTIFICATION GROUP FORMS */
.node-notification-groups-form .form-type-vertical-tabs {
  display: none; /* HIDE VERTICAL TABS */
  }

h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  color: #363636;
  background: #f9f9f9 url(../global-images/h2_background.png) bottom left no-repeat;
  padding: 0.5em 0.5em 0.5em 35px;
  margin-bottom: 1em; 
  font-size: 1.5em;
  line-height: 1.3em;
  }

h2.simple,
.nursing-guard h2.simple {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  background: none !important;
  border: none;
  box-shadow: none;
  padding-left: 0;
  margin-bottom: 0;
  color: #000;
  }

h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  color: #005bac;
  font-size: 1.3em;
  line-height: unset;
  }

h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  color: #005bac;
  font-size: 1.1em;
  }

h5,
.h5 {
  font-size: 16px;
  color: #005bac;
  }

h2.large,
h3.large,
h4.large {
  font-size: 1.8rem;
  }

h2.x-large,
h3.x-large,
h4.x-large {
  font-size: 2.2rem;
  line-height: 1.1em;
  }

h3.small {
  font-size: 1.2em;
  }

.alternative-mfr-name,
.english-subtitle,
.subtitle {
  color: #005bac;
  font-weight: 400;
  line-height: 1.2em;
  margin-bottom: 0.3em;
  }

em {
  font-style: normal; /* No italics in Japanese */
  }

.mobile .alternative-mfr-name,
.mobile .english-subtitle,
.mobile .subtitle {
  font-size: 0.9em;
  }

body.siesta-bebe,
body.nursing-guard,
body.co2-monitor,
body.insight-vet-dxa {
  color: #464646;
  }

.siesta-bebe h1 {
  font-weight: 700;
}

.siesta-bebe h2,
.siesta-bebe h3 {
  font-weight: 300;
  }

.siesta-bebe h2 {
  color: #5A8EC8;
  }

.siesta-bebe h3 {
  color: #464646;
  }

.footer h3.siesta-bebe {
  color: #fff;
  }

.co2-monitor h2,
.co2-monitor h3 {
  color: #2db66b;
  }

/* SMART OFFICE SENSOR PAGE THEMING */
.node-1933 h1,
.node-1933 h2,
.node-1933 h3,
.sensor-products h1,
.sensor-products h2,
.sensor-products h3 {
  color: #3d62ac;
}

.insight-vet-dxa h1, .insight-vet-dxa h2, .insight-vet-dxa h3 {
  color: #ca0823;
}

.insight-vet-dxa h2.red-bg {
  background: transparent url(../global-images/bg-title-insight.png) top left no-repeat !important;
  color: white;
  height: 70px;
  line-height: 50px;
  padding-left: 10px;
  margin-bottom: 15px;
  }

.background-insight {
  background: url( ../global-images/bg-insight-theme.png) top left no-repeat !important;
  color: white;
  }

/* ADD CONTENT PAGE (/node/add) */

.add-content-page dd,
.node-type-list dd {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d6d6d6;
  }

.add-content-page dl {
  padding-top: 10px;
  border-top: 1px solid #d6d6d6;
  }

p {
  line-height: 2.0em;
  margin: 0 0 1.0em;
  }

.lead {
  line-height: 2.0em;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
 }

.lead-lg {
  font-size: 1.6em;
  }

.page-title-wrapper {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  text-align: center;
  padding: 20px 0;
  }

.page-node-type-components-manufacturer .page-title-wrapper {
  margin: 0;
  padding: 10px;
  }

.title-wrapper-tag {
  font-size: 0.8em;
  background: #f6f6f6;
  color: #363636;
  padding: 0.2em 2em;
  }

.page-node-type-components-product .page-title-wrapper {
  padding: 10px;
  margin-bottom: 0;
  }

.page-node-type-webform .main-container,
.path-search .region-content,
.page-node-type-electronics-component-article .page-header,
.page-node-type-components-manufacturer .page-header,
.page-node-type-electronics-components-page .region-content {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  }

span.site-name {
  background: url(../logo_co-name.png) 0 0 no-repeat;
  text-indent: -9999px;
  width: 250px;
  height: 30px;
  display: block;
  }

span.site-name-en {
  background: url(../global-images/logo_shamei-en.png) -5px 0 no-repeat;
  text-indent: -9999px;
  width: 303px;
  height: 30px;
  display: block;
  }


span.site-subtitle,
.site-slogan {
  font-size: 0.8em;
  color: #363636;
  }

.region-site-branding {
  margin-bottom: 30px;
  }

.mobile .region-site-branding {
  margin-bottom: 0px;
  }

.mobile span.site-subtitle {
  font-size: 0.7em;
  }

.mobile .navbar-brand {
  height: 30px;
  }

.mobile .region-site-branding {
  height: 77px;
  }

.ipad .region-site-branding {
  height: unset;
  }

.is-unpublished-notice {
  position: sticky;
  background-color: red;
  color: white;
  text-align: center;
  padding: 0.3em;
  }

.is-unpublished,
.node-unpublished {
  background: white;
}

/* FIELD CLASSES */

/* English Title */
.field-name-field-title-en,
.node-type-global-news .field-name-field-title-en {
  clear: both;
  color: #969696;
  }

/* Page Type */
.field--name-field-page-type .field--item {
  background-color: #fff;
  color: #005bac;
  display: inline-block;
  padding: 0 10px;
  border-radius: 2px;
  font-size: small;
  border: 1px solid #005bac;
  margin: 2em 0;
  }

.node-edit .field--name-field-page-type .field--item {
  padding: 0;
  border: none;
  margin: 0 0 15px 0;
  }

/* BOOTSTRAP BUTTONS */

.btn {
  border-radius: 0px;
  }

.btn-primary {
  border: none;
  }

.btn-circle,
.btn-circle a {
  display: block;
  line-height: 2.5em;
  height: 2.5em;
  width: 2.5em;
  border-radius: 2.5em;
  text-align: center;
  padding: 0;
  border: none;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  }

.btn-download,
.btn-download a,
.btn-red,
.btn-red a {
  background-color: red !important;
  color: white !important;
  }

.btn-green {
  background-color: green !important;
}

.btn-green a {
  color: white !important;
}

.btn-green a:hover,
.btn-green a:active {
  background-color: green !important;
}

/* CTA BUTTON */

.btn .fa-chevron-right {
  transition: transform 0.2s ease; /* smooth movement */
}

.btn:hover .fa-chevron-right {
  transform: translateX(4px); /* move 4px to the right */
}

/* REGIONS */

html, body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #231815;
  font-size: 100%;
  }

.firefox html,
.firefox body {
  font-size: 85%;
  }

html .page-node-edit,
body .page-node-edit,
html .page-node-add,
body .page-node-add {
  font-family: 'メイリオ', 'Meiryo', sans-serif !important;
}

.product-search-page .main-container,
.path-user .region-content,
.node-add .region-content,
.node-edit .region-content {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  }

.main-container {
  margin-bottom: 40px;
  }

body.siesta-bebe {
  color: #464646;
}

body {
  -webkit-text-size-adjust: 100%;
  line-height: 1.8em;
  margin-top: 0;
}

/* BOOSTRAP MODIFICATIONS */

.jumbotron p {
  font-weight: 400;
}

.jumbotron .font-size-small {
  font-size: 0.9em !important;
}

.breadcrumb {
  background: #ffffff url(../global-images/h2_background.png) bottom left no-repeat;
  background-color: #f9f9f9;
  padding: 0.4em 0.4em 0.4em 35px;
  margin-bottom: 2em;
  font-size: 0.8em;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0;
  }

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #000;
  font-family: FontAwesome;
  content: "\f105"; /* FontAwesome angle right icon */
  font-size: 1.2em;
  }

.navbar-header {
  margin-bottom: 1em;
  }

.navbar-default {
  background-color: white;
  border: 0px;
}

.navbar.container {
  max-width: 1170px; /* OVERRIDE DRUPAL BOOTSTRAP CSS */
  padding: 0;
  }

/* MAIN MENU */

.nav > li > a {
  padding: 10px;
  font-size: 0.95em;
  }

/* USER MENU */

.navbar-right {
  margin-right: 0;
  }

.container-fluid {
  padding: 0;
}

.navbar-collapse {
  padding-left: 0; /* Affects mobile menu entries */
}

.dropdown-menu .divider {
  margin: 0;
}

.dropdown-menu {
  padding: 0;
  border: none;
  border-radius: 0;
  }

a:hover {
  color: #009fb9;
  }

a:active,
a:hover,
a:focus {
  text-decoration: none;
  outline: none !important;
  }

/* FRONT PAGE EXCEPTIONS */

.path-taxonomy .breadcrumb,
.node-2118 .breadcrumb,
.path-frontpage .page-header,
.path-frontpage .breadcrumb {
  display: none;
  }

.news-menu {
  padding-top: 1.25em;
  background: #005bac !important;
  color: #fff;
  border-radius: 0 0 5px 5px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  margin-right: 1.0em;
  }

ul > li.first > a.news-menu {
  color: #ffffff;
  }

/* Footer */

.footer {
  background: #002b60 url(../global-images/footer-bg.png) right bottom no-repeat;
  color: #ffffff;
  font-size: 80%;
  margin-top: -2px;
  padding: 0 0 50px 0;
  border-top: 0;
}

.footer-wave {
  background: #ffffff url(../global-images/footer-wave.png) left bottom no-repeat;
  width: 100%;
  height: 97px;
}

.footer h2,
.footer h3,
.footer h4,
.footer a {
  color: #ffffff !important;
}

.footer h3 { font-size: 1.6em; }

/* MAIN MENU */

.desktop .menu--main,
.desktop .menu--main-menu {
  margin-bottom: 2em;
  }

.ipad .menu--main > li > a {
  font-size: 0.9em;
  padding: 5px 7px;
  }

.mobile-menu-wrapper,
.tablet-menu-wrapper,
.desktop-menu-wrapper {
  margin-bottom: 30px;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  }

.path-frontpage .mobile-menu-wrapper {
  margin-bottom: 0;
  }

.mobile .navbar-nav {
  margin: 0;
  }

.navbar-default .navbar-nav > li > a {
  color: #005bac; /* was #363636 */
  letter-spacing: -0.07em;
  line-height: 12px;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav > li > .dropdown-menu a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff !important;
  background-color: #005bac !important;
  }

.desktop .dropdown,
.dropdown-menu {
  margin-top: 0;
  }

.dropdown-menu {
  min-width: 250px;
  }

#block-global-main-menu > ul > li.expanded.dropdown.active.active-trail.last {
  margin: 0;
  }

/* Hide all dropdown menus by default */
.desktop .nav.navbar-nav .dropdown-menu {
  display: none;
  }

/* Show the dropdown menu when its parent is hovered */
.desktop .nav.navbar-nav li:hover > .dropdown-menu {
  display: block;
  }

/* Move submenus to the right for second level and deeper */
.nav.navbar-nav .dropdown-menu .dropdown-menu {
  left: 100%;
  top: 0;
  }

/* Style the caret symbols */
.nav.navbar-nav .down-caret::before {
  content: "\f0d7"; /* FontAwesome down caret icon */
  font-family: FontAwesome;
  margin-left: 5px; /* Adjust spacing as needed */
  }

.nav.navbar-nav .right-caret::before {
  content: "\f0da"; /* FontAwesome right caret icon */
  font-family: FontAwesome;
  float: right; /* Adjust spacing as needed */
  }

.dropdown-menu > li.expanded > a:after {
  content: "\f0da"; /* FontAwesome right caret icon */
  font-family: FontAwesome;
  float: right; /* Adjust spacing as needed */
  }

.sm_menu_outer {
  background-color: #005bac;
  }

#sm_menu_ham span {
  background-color: #005bac;
  }

@media (min-width: 768px) and (max-width: 991px) {
  #sm_menu_ham,
  .sm_menu_outer {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  #sm_menu_ham,
  .sm_menu_outer {
    display: none;
  }
}

/* STICKY MENU */

#make-menu-sticky {
  z-index: 10000 !important;
  background-color: #fff !important; /* Optional: so it doesn't overlap content underneath */
  box-shadow: 0 0 3px #d6d6d6;
  }

.stickynav-active {
  position: fixed !important;
  top: 0px !important;
  z-index: 1000 !important;
  width: 100% !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  }

.sticky {
  position: -webkit-sticky; /* For Safari */
  position: sticky;
  top: 0; /* Stick to the top */
  z-index: 1000;
  background-color: #fff; /* Optional: so it doesn't overlap content underneath */
  /* padding: 10px 0; Optional: keeps spacing consistent */
}

/* SEARCH FORM */

#edit-keys--description {
  display: none;
  }

.mobile .input-group-btn {
  font-size: small;
  }

.node-1972 .hide-on-search-page,
.path-search .search-block-form {
  display: none; /* HIDE SEARCH BLOCK IN SEARCH RESULTS PAGE */
  }

.search-block-form .edit-keys--2--description {
  display: none;
  }

/* SECONDARY MENU */

.secondary-menu {
  font-size: 0.9em;
  padding-left: 0;
  margin-bottom: 2.5em;
  }

.secondary-menu a:hover,
.secondary-menu a:active,
.secondary-menu a:focus,
.secondary-menu a.is-active {
  color: #005bac !important;
  background: none !important;
  text-decoration: underline;
  }

.secondary-menu > li {
  float: left;
  list-style:none;
  }

.secondary-menu > li a {
  margin-right: 2em;
  }

.secondary-menu > li a:before {
  content: "\f0da"; /* FontAwesome caret right icon unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 0.2em;
  text-decoration: none;
  color: #a6a6a6;
  }

/* PAGE TITLES */

#page-titles-wrapper {
  margin: 2em 0;
}

#page-titles-wrapper:after {
  border-bottom: 4px solid #005bac;
  width: 100px;
}

/* BOOTSTRAP CLASSES */

.thumbnail {
  border-radius: 0;
  }

/* Media Upload Popup Corrections */

.input-group-btn {
  font-size: large;
}

#edit-upload-upload .form-file {
  height: 2.5em;
}

.input-group .form-control:not(:first-child):not(:last-child) {
  height: 3.3em;
  line-height: 2.2em;
}

/* IMAGE SLIDESHOW */

#slideshow-with-caption .carousel-caption {
  background: #666\9;
  background: rgba(80, 80, 80, 0.75);
  bottom: 0px;
  right: 0px;
  left: 0px;
  padding-top: 30px;
  padding-bottom: 5px;
  width: 100%;
  }

#slideshow-with-caption .carousel-indicators {
  bottom: unset;
  }

#slideshow-with-caption .carousel-indicators li {
  border: 1px solid #fff;
  }

#slideshow .carousel-indicators {
  bottom: 0;
  }

#slideshow-with-caption .carousel-indicators li,
#slideshow .carousel-indicators li {
  background-color: white;
  width: 3em;
  height: 0.5em;
  border-radius: 0;
  border: 1px solid #d6d6d6;
  margin: 0;
  }

.mobile #slideshow-with-caption .carousel-indicators li,
.mobile #slideshow .carousel-indicators li {
  width: 0.5em;
  }

.mobile .carousel-caption {
  font-size: 0.8em;
  }

#slideshow-with-caption .carousel-indicators .active,
#slideshow .carousel-indicators .active {
  background-color: green;
  border: 1px solid #d6d6d6;
  }

/* Bootstrap Carousel Fade */

.carousel.fade {
  opacity: 1;
  }

.carousel.fade .item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
  }

.carousel.fade .item:first-child {
  top:auto;
  position:relative;
  }

.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  z-index:2;
  }

/* CAROUSEL CONTROLS */

.carousel-control.left,
.carousel-control.right {
  background-image: none;
  }

.carousel-control.left,.carousel-control.right  {background:none;width:25px;}
.carousel-control.left {left: 0px;}
.carousel-control.right {right: 0px;}

.carousel-control.right,
.carousel-control.left {
  z-index: 1000 !important;
  }

.flexslider {
  background: transparent !important;
  border: 0 !important;
  margin-bottom: 0 !important;
  }

.flex-direction-nav a:before {
  line-height: 40px; /* ADJUST DIRECTION ICON HEIGHT */
  }

/* TINY SLIDER */

.tns-outer {
  font-family: unset !important;
  }

.tns-outer p {
  text-align: unset !important;
  }

/* SEARCH FORM CONTEXTUAL MENU */

#search-block-form a.contextual-links-trigger,
#search-block-form div.contextual-links-wrapper ul.contextual-links { 
  margin-top: -54px;
  }

/* SEARCH RESULTS PAGE */

.page-search-node #page-titles-wrapper {
  display: none;
  }

.search-results {
  border-top: 1px solid #d6d6d6;
  }

li.search-result {
  list-style: none;
  font-size: 0.9em;
  padding: 10px 0;
  border-bottom: 1px solid #d6d6d6;
  }

/* NAV-TABS */

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: black;
  background-color: #white;
  }

.nav-tabs > li > a {
  line-height: 1;
  }

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border-top: 2px solid #005bac;
  }

.shariff li a { background: none; }

.max-width { max-width: 1170px !important; margin: 0 auto; }
.full-width { width: 100% !important; left: 0; }

/* TABLES */

.group-mfr-data-table th {
  white-space: nowrap;
  }

.co2-monitor th { background: #f3f9eb; color: #3c905a !important; }

/* Heatsink search table */
.view-display-id-block_25 .table-striped > tbody > tr:nth-of-type(odd),
.view-display-id-block_25 .table-striped > tbody > tr:hover {
  background: #fff;
  }

/* MANUFACTURER PAGES */

.form-color {
  width: 50px !important;
  height: 42px;
  }

.manufacturer-terminated .hide-if-mfr-terminated {
  display: none;
  }
.node-type-mfr-profile .hidden-mfr-profile {
  display: none;
  }
.mfr-box {
  margin-top: -61px;
  }
.field--name-field-mfr-facility-photo img {
  margin-bottom: 1.0em;
  }

.nav-pills > li > a {
  border-radius: 0px;
  }

.nav-pills > li > a.inquiry-button {
  background: #005bac;
  color: white;
  }

th#view-field-mfr-foundation-year-table-column,
th#view-field-mfr-headquarters-location-table-column,
th#view-field-mfr-factory-location-table-column,
th#view-field-mfr-headcount-table-column,
th#view-field-mfr-website-url-table-column,
th#view-field-mfr-social-links-table-column,
th#view-field-mfr-site-nonssl-table-column {
  white-space: nowrap;
  }

/* HEATSINK PRODUCT PAGES */

.node-868 .breadcrumb,
.page-node-type-heatsink-product-page .breadcrumb { /* THEME BREADCRUMB IN HEATSINK PAGES */
  background: none;
  padding: 0;
  margin-bottom: 0;
  }

.node-type-heatsink-product-page h1#page-title:before {
  content: "【ヒートシンク】型�? ";
  float: left;
  margin-left: -0.5em;
  margin-right: 0.5em;
  }

.node-type-heatsink-product-page .field-type-taxonomy-term-reference ul.links {
  float: right;
  margin: -6.5em 0.5em 0;
  padding: 0;
  }

.node-type-heatsink-product-page .field-type-taxonomy-term-reference ul.links li {
  font-size: 1.3em;
  padding: 0.4em 0.7em;
  width: auto;
  border-radius: 1em;
  }

/* HEATSINK TOOLS */

.bef-checkboxes label { font-weight: normal !important; }

#mixitup-views-filters-form .checkbox,
.bef-checkboxes .form-item {
  float: left;
  margin-right: 2em;
  width: 13em;
  border-radius: 5px;
  padding: 5px 0 5px 10px;
  margin: 7px 5px;
  background: #ffdead;
  font-size: 0.9em;
  }

.mt-site-search-filter-directory {
  margin-right: 2em;
  width: 12em;
  border-radius: 5px;
  padding: 5px 0 5px 10px;
  margin: 7px 5px 7px 0;
  background: #ffdead;
  font-size: 0.8em;
  }

.mt-site-search-result-item__excerpt {
  font-size: 1.0em;
  }

.mt-site-search-filter-directory__label {
  line-height: 1em;
  padding-top: 0.7em;
  margin-left: 0.3em;
  }

.views-exposed-form label {
  display: block;
  }

.mobile .bef-exposed-form {
  /* display: none; */
  }

#mixitup-views-filters-form {
  display: grid;
  }

.bef-checkboxes .highlight {
  background: #e4a546 !important;
  color: #fff;
  }

.i18n-en .bef-checkboxes .form-item {
  width: 14em;
  }

.view-webform-leads .bef-exposed-form .form-actions {
  margin-top: 2.5em; /* REPORT VIEWS EXPOSED FILTERS */
  }

.view-heatsink-views .bef-exposed-form .form-actions {
  margin-top: 1.9em; /* HEATSINK SEARCH EXPOSED FILTERS */
  }

#mixitup-views-filters-form .checkbox .form-item {
  float: left;
  margin-right: 2em;
  width: 8em;
  line-height: 3em;
  height: 3em;
  border-radius: 5px;
  padding: 0 0 0 8px;
  margin: 7px 5px;
  background: #ffdead;
  font-size: 0.9em;
  }

#edit-field-heatsink-height-value-wrapper {
  clear: left;
  }

.heatsink-dimension-search .view-filters {
  background: #f6f6f6;
  padding: 0px 20px 30px 7em;
  margin-bottom: 1em;
  }

#edit-field-heatsink-width-value-wrapper,
#edit-field-heatsink-height-value-wrapper {
  margin-top: 0;
  }

#edit-field-heatsink-height-value-wrapper,
#edit-field-heatsink-height-value-1-wrapper {
  margin-top: 2em;
  }

.heatsink-dimension-search .views-exposed-form label {
  float: left;
  width: 6em;
  text-align: right;
  margin-left: -6.5em;
  padding-right: 0.5em;
  font-weight: 700;
  margin-top: 0.5em;
}

.メーカー取扱�?���?,
.生産中止,
.生産終�? {
  font-size: 0.6em;
  background-color: red;
  color: white;
  padding: 0.2em 0.5em;
  }

/* TOOLBAR MENU */

#toolbar {
  position: static !important;
  padding: 0;
  margin: 0;
}

body.toolbar, body.toolbar-drawer {
  padding-top: 0 !important;
}

/* KEYWORD TAG WIDGET IN EDIT FORM */

.autocomplete-deluxe-container {
  display: block !important;
  width: 100% !important;
  font-size: inherit;
  }

/* KEYWORDS IN USER VIEW */

.field--name-field-components-keywords .field--item {
  font-size: 0.8em;
  float: left;
  margin-right: 0.7em;
  margin-bottom: 0.5em;
  padding: 0px 7px;
  color: #333;
  background-color: #002b60;
  }

.field--name-field-components-keywords .field--item a {
  color: #ffffff;
  }

.field--name-field-components-keywords .field--item a:hover {
  text-decoration: underline;
  }

.field--name-field-components-keywords .field--item a:before {
  content: "#";
  float: left;
  display: inline;
  font-size: 1.1em;
  }

div.field--name-field-components-keywords a {
  color: #333;
  }

.mobile .field--name-field-components-keywords .field--item {
  font-size: 0.8em;
  }

/* VIEWS */

.mfr-info-box th {
  white-space: nowrap;
  }

#views-exposed-form-product-videos-block-4 {
  font-size: 1.2em;
  }

#adBlock,
.gsc-adBlock {
  display: none !important;
  }

.view .feed-icons {
  display: none; /* HIDE FEED LINKS IN VIEWS */
  }

/* MINI-PAGER */

.pager {
  margin: 0;
  }

.pager .next > a,
.pager .next > span,
.pager .previous > a,
.pager .previous > span {
  float: none;
  }

.pager li > a:focus,
.pager li > span:focus,
.pager li > a:hover,
.pager li > span:hover,
.pager li > a,
.pager li > span {
  border-radius: 0;
  background: #005bac;
  color: white;
  }


/* MT SEARCH */

.mt-site-search-container {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  }

.mt-site-search-form__button {
  margin-left: 0em;
  color: white;
  border: none;
  background: #005bac; /* was #002b60 */
  padding: 0.3em 0.7em;
  }

.mt-site-search-form__query,
.mt-site-search-form__button {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: small;
  line-height: 2.2em;
  }

.mt-site-search-result-item__thumbnail-image {
  max-width: 120px;
  max-height: 120px;
  margin-bottom: 2em;
  }

.mt-site-search-result-item__thumbnail {
  width: auto;
  }

.mt-site-search-result__message {
  padding: 30px 0;
  font-weight: 700;
  font-size: 1.2em;
  }

input[type="search"] {
  border: none; /* was 1px solid #a6a6a6; */
  padding: 0.2em 0.3em;
  font-size: small;
  width: 80%; /* 50% */
  box-shadow: -1px -1px 2px #a6a6a6;
  }

.mt-site-search-page input[type="search"] {
  width: 95%;
  }

.mt-site-search-form {
  padding: 10px;
  background: #f9f9f9;
  }

.mt-site-search-result {
  padding: 0 10%;
  }

.mt-site-search-result-item {
  padding: 10px 0px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 5em;
  }

.mt-site-search-result-item__label {
  color: #005bac;
  border-bottom: 1px solid #005bac;
  font-size: 1.2em
  }

.mt-site-search__pagination {
  text-align: center;
  }

.mt-site-search-pagination-item {
  border: 1px solid #fff;
  }

.mt-site-search-pagination-item,
.mt-site-search-pagination-item--current {
  padding: 0.5em;
  margin-right: 1em;
  }

.mt-site-search-pagination-item:hover,
.mt-site-search-pagination-item--current {
  /* text-decoration: underline; */
  border: 1px solid #005bac;
  }


#field-pdf-via-email-add-more-wrapper p,
#field-pdf-via-email-add-more-wrapper p,
#field-pdf-direct-download-add-more-wrapper p,
#field-youtube-video-add-more-wrapper p {
  display: none;
  }

#field-pdf-via-email-add-more-wrapper label,
#field-pdf-via-email-add-more-wrapper label,
#field-pdf-direct-download-add-more-wrapper label,
#field-youtube-video-add-more-wrapper label {
  margin-top: 2.0em;
  }

/* MANUFACTURER PAGES */

.page-node-type-components-manufacturer .page-header {
  display: none;
  }

/* PARAGRAPH MODULE MODIFIERS */

@media (min-width: 992px) {
  .js .paragraph-top {
  -ms-grid-columns: 250px auto 1fr auto;
  grid-template-columns: 250px auto 1fr auto;
  }
}

.paragraphs-dropdown-action.button {
  color: black;
  }

.paragraphs-dropdown-action.button:hover {
  color: white;
  }

#drupal-off-canvas select {
  -webkit-appearance: none;
  -moz-appearance: none;
  }

#drupal-off-canvas select[multiple] {
  padding: 0;
  overflow: scroll;
  }

.js .paragraph-type-label {
  white-space: normal; /* Allows text to wrap */
  overflow: visible; /* Ensures overflow is shown */
}

.js .field--widget-paragraphs .draggable .tabledrag-handle {
  width: 32px;
  }

/* NODE EDIT CLASSES */

.node-components-product-form {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
  }

.node-edit .footer,
.node-add .footer,
.node-edit .region-site-branding,
.node-add .region-site-branding,
.node-add .navbar,
.node-edit .navbar {
  display: none;
  }

.node-edit .page-header,
.node-add .page-header {
  padding: 20px 0;
  display: block;
  }

.node-edit a.imce-filefield-link {
  background: #005bac;
  color: white;
  padding: 0.5em;
  }

.node-edit .table-striped > tbody > tr:nth-of-type(odd) {
  background: #fcfcfc;
  }

.filter-wrapper {
  /* display: none; HIDE TEXT FORMAT LINK IN NODE EDIT SCREEN */
  }

.paragraphs-dropbutton-wrapper {
  padding: 10px;
  }

.node-edit .field--name-field-content-block .table-responsive {
  overflow: unset;
  }

/* TOP PAGE VIDEO BANNER */

video {
  object-fit: cover;
  position: unset;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  }

.video-wrapper {
  width: 100%;
  height: 350px;
  position: relative;
  overflow: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  }

.video-wrapper-xs {
  width: 100%;
  height: 550px;
  position: relative;
  overflow: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  }

.video-overlay{
  position: absolute;
  color: white;
  }

/* MFR PAGE HERO SLIDESHOW */

.imagefield_slideshow-wrapper-gec { /* !IMPORTANT TO OVERRIDE imagefield-slideshow.css DECLARATIONS */
  display: inline-block;
  border: 0px;
  padding: 0px;
  margin: 0px;
  }

/* DESPTOP MENU CLASSES (USES MMENU) */

.horizontal-menu > li > a {
  padding-top: 0.3em;
  padding-right: 1em;
  padding-bottom: 0.35em;
  padding-left: 1em;
  }

#horizontal-menu > li.menu-item.menu-item--expanded.menu-item--active-trail > ul > li.menu-item.menu-item--expanded.menu-item--active-trail > ul > li.menu-item.menu-item--active-trail > a,
#horizontal-menu > li.menu-item.menu-item--expanded.menu-item--active-trail > ul > li.menu-item.menu-item--expanded.menu-item--active-trail > a,
#horizontal-menu > li.menu-item.menu-item--expanded.menu-item--active-trail > a,
.horizontal-menu > li.menu-item--active-trail,
.horizontal-menu > li > a.is-active,
.horizontal-menu > li > a:hover {
  background: #005bac;
  color: #fff;
  }

.horizontal-menu > li ul {
  background-color: white;
  box-shadow: 1px 1px 3px #d6d6d6;
  width: 17em;
  }

.horizontal-menu > li ul ul {
  left: 17em;
  }

.horizontal-menu > li li > a {
  padding-top: 0;
  padding-bottom: 0;
  }

.desktop .horizontal-menu > li li > a:hover {
  background: #005bac;
  color: white;
  }

.horizontal-menu > li.menu-item-has-children > a::after { /* Desktop top level menu */
  content: '\f0d7';
  font-family: 'FontAwesome';
  margin-left: 0.5em;
  }

.horizontal-menu > li li.menu-item-has-children > a::after { /* Desktop 2nd level menu */
  content: '\f0da';
  font-family: 'FontAwesome';
  margin-left: 0.5em;
  float: right;
  }

/* MOBILE MENU */

.navbar-toggle {
  margin-top: -30px;
  padding-bottom: 0;
  }

.ipad .navbar-toggle {
  margin-top: -80px;
  }

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-toggle,
.navbar-toggle:hover {
  background: #005bac;
  }

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
  width: unset;
  border-radius: 0;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-bottom: -4px;
  }

.responsive-menu-toggle {
  display: block;
  }

.responsive-menu-toggle-icon {
  height: 77px;
  width: auto;
  }

/* VIDEO BUTTON OVERLAY */

.videoContainer {
  position: relative;
  }

.VideoThumbnail {
  border: 10px solid black;
  border-radius: 10px;
  }

.playBtn {
  position: absolute;
  width: 64px;
  height: 64px;
  left: 50%;
  top: 50%;
  margin-left: -32px; /*half of the width */
  margin-top: -32px; /*half of the height */
  }

.border-monitor-x-thin {
  border: 5px solid #000000;
  border-radius: 3px;
  }

.border-monitor {
  border: 20px solid #000000;
  border-radius: 10px;
  }

/* KANAZAWA FACTORY BG */

.background-kanazawa {
  background: url(../global-images/background_kanazawa-smart-factory.png);
  background-position: 50% 70%;
  background-size: cover;
  background-repeat: no-repeat;
  }

.height-700 {
  height: 700px;
  }

/* PRODUCE BACKGROUND */

.background-produce {
  background: url(/sites/default/files/assets/bg_produce-illustration.jpg);
  background-position: 50% 70%;
  background-size: cover;
  background-repeat: repeat-x;
  }

/* NUMBERED LIST WITH CIRCLED NUMBERS */

li::marker {
  color: #005bac;
  }

.enc_num ol {
  /* counter-reset: num_count; */
  list-style: none;
  padding-left: 0;
  }

.enc_num ol li {
  display: block;
  position: relative;
  padding-left: 2em;
  margin-bottom: 0.3em;
  }

.enc_num ol li:before {
  counter-increment: num_count;
  content: counter(num_count);
  position: absolute;
  background-color: #fff;
  color: #000;
  border-radius: 50%;
  border: 1px solid #000;
  width: 1.5em;
  height: 1.5em;
  left: 0;
  text-align: center;
  line-height: 1.3;
  }

/* KOME BULLET LIST */

.kome-bullet {
  list-style-type: none; /* Remove default bullets */
  padding-left: 0; /* Remove default left padding */
  }

.kome-bullet li {
  padding-left: 1.5em; /* Adjust the padding as needed */
  text-indent: -1.5em; /* Counteract the padding for the first line */
  }

.kome-bullet li::before {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  content: '※'; /* Specify the custom bullet character */
  margin-right: 0.5em; /* Add some space between the custom bullet and the list item */
  }

/* WEBFORM MODIFICATIONS */

/* HIDE CONFIRMATION PAGE "Back to form link" */
.webform-confirmation__back {
  display: none;
  }

.webform-width {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  }

.webform-email-confirm--wrapper .panel-heading {
  display: none;
  }

.webform-email-confirm--wrapper .panel-body {
  padding: unset;
  }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  top: 0.1em;
  margin-right: 0.5em;
  height: 1.1em;
  width: 1.1em;
  margin-left: -20px;
  }

.radio,
.checkbox {
  margin-top: 0px;
  margin-bottom: 5px;
  }

/* WEBFORM SEND BUTTON */

button#edit-actions-submit:after { /* Add chevron-right icon to button */
  display: inline;
  font-family: 'FontAwesome';
  content: "\f054";
  margin-left: 0.5em;
  }

/* WEBFORM LABELS */
#edit-product--wrapper legend,
#edit-desired-action--wrapper legend,
label[for="edit-drawing-upload-upload"],
label[for="edit-desired-action"],
label[for="edit-wifi"],
label[for="edit-server-pc"],
label[for="edit-existing-system"],
label[for="edit-existing-system-integration"],
label[for="edit-fax"],
label[for="edit-notification-group"],
label[for="edit-model"],
label[for="edit-desired-action"],
label[for="edit-volume"],
label[for="edit-application"],
label[for="edit-customer-message"],
label[for="edit-customer-type"],
label[for="edit-company-name"],
label[for="edit-zip-code"],
label[for="edit-prefecture"],
label[for="edit-address"],
label[for="edit-name-full"],
label[for="edit-name-full-kana"],
label[for="edit-department"],
label[for="edit-email-mail-1"],
label[for="edit-email-mail-2"],
label[for="edit-tel"],
label[for="edit-seminar-selection"] {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  }

#edit-request-reply label.control-label.option {
  float: left;
  margin-left: 1em;
  }

#edit-request-reply--wrapper-legend {
  margin-top: 0;
  }


/* SEARCH FACETS */

#views-exposed-form-search-page-1 .facets-checkbox,
#views-exposed-form-search-block-1 .facets-checkbox {
  float: left;
  }

.block-facet-blockcategory,
.block-facet-blockcomponents-manufacturer {
  font-size: 0.85em;
  }

#views-exposed-form-search-page-1,
#views-exposed-form-search-block-1 {
  font-size: 0.9em;
  }

#views-exposed-form-search-page-1 .form-actions {
  display: none; /* HIDE APPLY BUTTON */
  }

#views-exposed-form-search-page-1 h2 {
  background: none;
  padding: 0;
  border: none;
  }

.facets-widget-checkbox input[type="checkbox"] { /* Fix position of checkboxes */
  position: unset;
  display: inline-block !important;
  visibility: visible !important;
  }

.facets-widget-checkbox ul {
  padding-left: 0;
  }

ul.js-facets-checkbox-links li {
  list-style: none;
  line-height: normal;
  }

ul.js-facets-checkbox-links label {
  font-weight: 400;
  padding-left: 0;
  }

ul.js-facets-checkbox-links input[type="checkbox"] {
  margin: 0 5px 0 0;
  }

.facets-widget-checkbox ul ul li {
  margin-left: 20px;
  }

/* FILE RENAME WIDGET IN NODE EDIT PAGE */

.file-rename__link-wrapper a {
  display: block;
  width: fit-content;
  background: #005bac;
  color: #fff;
  padding: 2px 10px;
  margin: 5px 10px 5px 0;
  }

.file-rename__link-wrapper a:before {
  color: #fff;
  content: "\f044"; /* FontAwesome edit icon */
  font-family: FontAwesome;
  font-size: 1.2em;
  margin-right: 5px; /* Adjust spacing as needed */
  }

/* ORIGINAL VIDEO OVERLAY */

.original-video-overlay {
  position: relative;
  display: inline-block;
}

.original-video-overlay:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  border-radius: 5px;
}

.original-video-overlay img {
  opacity: 0.6;
  }

.original-video-overlay a {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #e17272;
  transform: translate(-50%, -50%);
  text-decoration: none;
  color: #ffffff; /* Adjust text color as needed */
  }

.original-video-overlay a,
.original-video-overlay a:link {
  background-color: #e17272;
  }

.original-video-overlay a:hover,
.original-video-overlay a:active {
  background-color: red;
  }

/* DESIGN NOTES */

.background-design-notes {
  background: #0856a0 url(../global-images/bg_design-notes.jpg) 55% 0 no-repeat;
  }

.page-type-2136 .breadcrumb { /* HIDE BREADCRUMB IN FRONT PAGE. USED FOR TESTING. */
  display: none;
  }

.page-type-2 .breadcrumb { /* THEME BREADCRUMB IN DESIGN NOTE PAGES */
  background: none;
  padding: 0;
  margin-bottom: 0;
  }

/* PAGE-SPECIFIC MODIFICATIONS */

.node-50 .hide-te {
  display: none; /* Hide products block view in TE Connectivity page */
  }

/* YOUTUBE FIELD */

.youtube-video-wrapper h2 {
  margin: 0;
  padding-bottom: 0.2em;
  }

.youtube-container--responsive {
  border: 1px solid #d6d6d6;
  }

.youtubevideo-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0; overflow: hidden;
  }

.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
  border: 1px solid #d6d6d6;
  }

/* YouTube Manual Iframe Responsive */

.video-responsive-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
}

.video-responsive-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* HIDE WEBFORM COMPLETION PAGES'S BREADCRUMBS */

.node-2147 .breadcrumb, /* 404 PAGE */
.node-2419 .breadcrumb, /* SENSOR PRODUCTS INQUIRY WEBFORM */
.node-2409 .breadcrumb, /* VIDEO REQUEST WEBFORM */
.node-2414 .breadcrumb, /* GENERAL INQUIRY WEBFORM */
.node-2421 .breadcrumb, /* MEDICAL WEBFORM */
.node-2424 .breadcrumb, /* PRESS WEBFORM */
.node-2433 .breadcrumb, /* NURSING GUARD WEBFORM */
.node-2415 .breadcrumb, /* ROM WRITING WEBFORM */
.node-1985 .breadcrumb, /* NURSING GUARD WEBFORM */
.node-2338 .breadcrumb, /* HEATSINKS WEBFORM */
.node-2417 .breadcrumb, /* ROM WRITING WEBFORM */
.node-2173 .breadcrumb, /* ELECTRONIC COMPONENTS WEBFORM */
.node-2336 .breadcrumb, /* REQUEST PDF WEBFORM */
.path-search .breadcrumb { /* REQUEST PDF WEBFORM */
  display: none;
  }

/* DEV NOTES PAGES */

.page-node-type-dev-notes .author {
  padding-bottom: 0.3em;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 3.0em;
  }

/* PULSE EFFECT */

.pulsate {
    -webkit-animation: pulsate 3s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.5;
}
@-webkit-keyframes pulsate {
    0% { 
        opacity: 0.3;
    }
    50% { 
        opacity: 1.0;
    }
    100% { 
        opacity: 0.3;
    }
}

/* PRINT OUTPUT STYLES */

@media print {
    /* Apply border and background to Bootstrap buttons when printing */
    .btn {
        border: 1px solid #333 !important; /* Dark gray outline */
        background-color: #fff !important; /* Light background to make it stand out */
        color: #333 !important; /* Dark text for contrast */
    }
    .is-unpublished-notice,
    .field--name-field-page-type,
    .hide-on-print {
      display: none !important;
    }
}

/* IMAGE ZOOM EFFECT */

.zoom-effect {
  transition: transform 0.7s ease-in-out;
  }

.zoom-effect:hover img {
  transform: scale(1.1);
  }

/* For the container */
.zoom-effect-container {
  overflow: hidden;
  }

.user-pass,
.user-login-form {
  background: aliceblue;
  padding: 2em !important;
  }

/* VIMEO EMBED */

#vimeo-video .embed-container {
  border: 1px solid #d6d6d6;
  }

/* ZOOM IN IMAGES */

/* Container to constrain the image overflow */
.image-zoom-container {
  overflow: hidden;
  display: block;
  width: 100%;
  border-top: 1px solid; /* preserving your border styles */
  border-bottom: 1px solid;
}

/* Image transition effect */
/* Container with fixed aspect ratio to constrain the image overflow */
.image-zoom-container {
  overflow: hidden;
  display: block;
  width: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  position: relative;
  /* Set a specific aspect ratio using padding-bottom
     You may need to adjust this value to match your image's aspect ratio */
  padding-bottom: 45.24%; /* For 16:9 aspect ratio - adjust as needed */
}

/* Position the image absolutely within the container */
.image-zoom-container img {
  transition: transform 0.5s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* This ensures the image covers the area properly */
}

/* Zoom effect on hover */
.image-zoom-container:hover img {
  transform: scale(1.1);
  }

/* AJAX SPINNER COLOR */

.ajax-throbber.sk-circle {
  --sk-color: #005bac;
  }

/* KLARO COOKIE POPUP */

.klaro .cookie-notice {
  background: #E6F1FC !important;
  }

.klaro .cookie-notice,
.klaro .cookie-notice:focus,
.klaro .cookie-notice:active {
  border: none;
  }

.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .context-notice .cm-btn.cm-btn-success,
.klaro .cookie-notice .cm-btn.cm-btn-success,
.cm-btn .cm-btn-success {
  background-color: #337ab7 !important;
  padding: 5px 15px;
  }

.klaro .cookie-notice a {
  color: #005bac;
  text-decoration: underline;
  }

.linkicon *,
.linkicon *::before {
  margin-right: 0.3em;
  }

/* FONT AWESOME 7 FIX */

.fa,
.fa-brands,
.fa-classic,
.fa-regular,
.fa-solid,
.fab,
.far,
.fas {
  width: var(--fa-width, 1.0em);
}

.bg-water-ripple {
  background:
    radial-gradient(ellipse 120% 40% at 20% 80%, rgba(0,160,233,0.07) 0%, transparent 70%),
    radial-gradient(ellipse 100% 50% at 80% 20%, rgba(0,160,233,0.06) 0%, transparent 60%),
    radial-gradient(ellipse 80% 35% at 50% 60%, rgba(0,180,220,0.05) 0%, transparent 65%),
    linear-gradient(180deg, #e8f4fd 0%, #f4faff 50%, #ffffff 100%);
}