/* NOTE: can override colors in calling file by copying the :root{} style in .cfm file and changing values (after this CSS is included)
this version requires a bootstrap css file; to use w/o extra bootstrap, see test1/menu13 and style.css instead;  */
:root, .default-theme, .dark-theme, .dark, .light-theme, .light {
 /* NOTE: these colors are defined in common/assets/css-estores/theme_[x].css, and optionally overridden in [this estorefolder]/css_custom.css :
   --color_primary, --color_primary_hover, --color_primary_contrast, --color_primary_hover_contrast,
   --contentarea_background_color, --contentarea_color
 */
 --menubar_background_color:var(--contentarea_background_color,#fff);
 --menubar_link_color:var(--color_primary,#696969); /* #696969 dimgray (darker) ; gray #808080 */
 --menubar_background_color_hover:var(--color_primary,#40bfc1); /* teal */
 --menubar_link_color_hover:var(--color_primary_contrast,#fff); /* white; link color when hover background is above (typically white or black) */
 --inner_max_width:100%; /* or: 1280px; content width, as opposed to background color width. Default (unless overridden) for vars: --footer_inner_max_width, --header_inner_max_width, --contentarea_max_width, as applies to classes: .header-inner,.container,.content-area-inner,footer-inner */
 --menubar_inner_max_width:var(--inner_max_width,inherit);
} /* NOTE: these values also hard-coded below for browsers that don't support CSS vars (hard coding becomes the default values for those browsers), then the var is used after for those that do support it */
.navbar-brand {display: inline-block;padding-top: 0.3125rem;padding-bottom: 0.3125rem;margin-right: 1rem;font-size: 1.25rem;line-height: inherit;white-space: nowrap; }
.navbar-brand:hover, .navbar-brand:focus {text-decoration: none; }
@media (min-width: 992px) { .navbar-expand-lg .navbar-brand {min-width: 75px !important;} }

.dropdown-toggle {white-space:nowrap;}
.dropdown-toggle::after {display: inline-block;margin-left:0.255em;vertical-align: middle;content:"";border-top:0.3em solid;border-right:0.3em solid transparent;border-bottom:0;border-left:0.3em solid transparent;}
.dropdown-toggle:empty::after {margin-left:0;}

#ftco-navbar {margin-left:auto;margin-right:auto;max-width:var(--menubar_inner_max_width,inherit);}

.ftco-section {background:#fff;background:var(--menubar_background_color);color:#696969;color:var(--menubar_link_color);font-family: Poppins, Arial, sans-serif;font-size:16px;line-height:1.8;font !important;} /*  margin:0 0; */
.layout-boxed .ftco-section {padding:0 0 !important;}
.ftco-section a {color:#40bfc1;color:var(--menubar_background_color_hover);-webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease;transition: 0.3s all ease;}
.ftco-section a:focus, a:hover {text-decoration: none !important; outline: 0 !important; -webkit-box-shadow: none; box-shadow: none;}

.ftco-navbar-light {background: 0 0 !important;z-index:3;padding:0;border-top: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
@media (max-width: 991.98px) {
    .ftco-navbar-light {position:relative;top:0;padding:10px 15px;}/* background:#000 !important; Removed color flip on mobile/collapsed menu. */
}
.ftco-navbar-light .navbar-brand {color:#696969;color:var(--menubar_link_color);text-transform:uppercase;}/* color:#000; */
.ftco-navbar-light .navbar-brand:focus,.ftco-navbar-light .navbar-brand:hover {color:#696969;color:var(--menubar_link_color);}/* Brand as text, if used. was black, but we'll use same contrast color. */
/* @media (max-width: 991.98px) {
    .ftco-navbar-light .navbar-brand {color: #fff;}
} */ /* Removed color flip on mobile/collapsed menu. */
@media (max-width: 991.98px) { .ftco-navbar-light .navbar-nav { padding-bottom: 10px; } }
.ftco-navbar-light .navbar-nav > .nav-item > .nav-link {color:#696969;color:var(--menubar_link_color); font-size:13px;padding-top:1.2rem; padding-bottom:1.2rem; padding-left:20px; padding-right:20px; font-weight:400;position:relative; opacity: 1 !important;}
.ftco-navbar-light .navbar-nav > .nav-item > .nav-link:before {background-color:color:#40bfc1;background-color:var(--menubar_background_color_hover);content: "";position: absolute; width: 100%;height: 1px;bottom: -1px;left:0;visibility:hidden; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; z-index: -1; }
.ftco-navbar-light .navbar-nav > .nav-item > .nav-link:hover {color:color:#40bfc1;color:var(--menubar_link_color_hover);}
.ftco-navbar-light .navbar-nav > .nav-item > .nav-link:hover:before {background-color:#40bfc1;background-color:var(--menubar_background_color_hover);visibility:visible; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);}
@media (max-width: 991.98px) {
    .ftco-navbar-light .navbar-nav > .nav-item > .nav-link {padding-left: 0; padding-right: 0; padding-top: 0.7rem; padding-bottom: 0.7rem; } /* color: rgba(255, 255, 255, 0.7);  */
    .ftco-navbar-light .navbar-nav > .nav-item > .nav-link:hover {}/* color:#fff;color:var(--menubar_background_color); */
    .ftco-navbar-light .navbar-nav > .nav-item > .nav-link:hover:before {display: none;}
}
.ftco-navbar-light .navbar-nav > .nav-item .dropdown-menu { background:#fff;background:var(--menubar_background_color); border: none; -webkit-box-shadow: 0 10px 34px -20px rgba(0, 0, 0, 0.41); -moz-box-shadow: 0 10px 34px -20px rgba(0, 0, 0, 0.41);box-shadow: 0 10px 34px -20px rgba(0, 0, 0, 0.41);border-radius:4px;padding:0;}
.ftco-navbar-light .navbar-nav > .nav-item .dropdown-menu .dropdown-item {font-size: 12px;color:#696969;color:var(--menubar_link_color);}
.ftco-navbar-light .navbar-nav > .nav-item .dropdown-menu .dropdown-item:focus,.ftco-navbar-light .navbar-nav > .nav-item .dropdown-menu .dropdown-item:hover {background:#40bfc1;background:var(--menubar_background_color_hover);color:#fff;color:var(--menubar_link_color_hover);}
@media (max-width: 991.98px) {
    .ftco-navbar-light .navbar-nav > .nav-item .dropdown-menu {/* background:#696969;background:var(--menubar_link_color); */ border-left: 1px solid rgba(255, 255, 255, 0.3); display: block !important;border-radius:0;}
    /* .ftco-navbar-light .navbar-nav > .nav-item .dropdown-menu .dropdown-item {color: rgba(255, 255, 255, 0.8);} */
}
.ftco-navbar-light .navbar-nav > .nav-item.active > a {color:#696969;color:var(--menubar_link_color);}/* color: #000; */
.ftco-navbar-light .navbar-nav > .nav-item.active > a:before {background-color:#40bfc1;background-color:var(--menubar_background_color_hover); visibility: visible; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);}
@media (max-width: 991.98px) {
    .ftco-navbar-light .navbar-nav > .nav-item.active > a {color:#40bfc1;color:var(--menubar_background_color_hover);}
    .ftco-navbar-light .navbar-nav > .nav-item.active > a:before {display: none;}
}
.ftco-navbar-light .navbar-toggler {color:#696969;color:var(--menubar_link_color);border:none;cursor:pointer;padding-right:0;text-transform: uppercase;font-size:16px;letter-spacing:0.1em;}/* ?? color: rgba(255, 255, 255, 0.5) !important; */
.ftco-navbar-light .navbar-toggler:focus {outline: 0 !important;}

.searchform {height:46px;border:0px solid rgba(255, 255, 255, 0.1);border-color:#fff;border-color:var(--menubar_background_color);overflow:hidden;border-radius:4px;border-left:1px solid rgba(0, 0, 0, 0.05);border-left-color:#696969;border-left-color:var(--menubar_link_color);} /* didn't change these colors. */
.searchform .form-control {background:#fff !important;background:var(--menubar_background_color) !important;color:#696969 !important;color:var(--menubar_link_color) !important;width: calc(100% - 46px);border: none; font-size: 14px;}
.searchform .form-control::-webkit-input-placeholder {color:#696969 !important;color:var(--menubar_link_color) !important;}
.searchform .form-control::-moz-placeholder     {color:#696969 !important;color:var(--menubar_link_color) !important;}
.searchform .form-control:-ms-input-placeholder {color:#696969 !important;color:var(--menubar_link_color) !important;}
.searchform .form-control:-moz-placeholder      {color:#696969 !important;color:var(--menubar_link_color) !important;}/* color: rgba(0, 0, 0, 0.7) !important; */
.searchform .search {width:46px;height:46px;}
.searchform .search span {font-size: 16px;}
@media (max-width: 767.98px) {.searchform {display: none;}}

.searchform .form-control {height:46px !important;background:#fff !important;background:var(--menubar_background_color) !important;color:#696969 !important;color:var(--menubar_link_color) !important;font-size:14px; border-radius:0; -webkit-box-shadow:none !important;box-shadow:none !important;border:0px solid rgba(0, 0, 0, 0.1);} /* background:#fff !important; color:#000 !important; */
.searchform .form-control:active,.searchform .form-control:focus {border-color:#696969;border-color:var(--menubar_link_color);}/* border-color: #000; */

.ftco-navbar-light .dropdown-menu.show, #testnikki {border-left:1px solid #40bfc1 !important;border-left-color:var(--menubar_background_color_hover) !important;}