/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600');
*/

@import url('https://fonts.bunny.net/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300');
@import url('https://fonts.bunny.net/css2?family=IBM+Plex+Sans+Condensed:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600');


:root {
--reg_primary: #A0CC41; /* lime #A0CC41  #9BC83E;*/
--reg_secondary: #0099FF; /* #FFDE75 wheat/yellow ol */
--nctm_darkblue: #003767;
--nctm_brandblue: #00a4e4;
--nctm_mediumblue: #008CC1;
--nctm_lightblue: #90cdf0;
--nctm_orange: #efc94c;
--nctm_purple: #711471;
--nctm_green: #69A050;
--heading_font: "IBM Plex Sans Condensed", sans-serif;
--nav_font: "Open Sans Condensed", sans-serif;
}


body {
  min-height: 50rem;
}


.btn.btn-primary {background-color: var(--nctm_brandblue) !important;}
.btn.btn-primary:hover {background-color: var(--nctm_mediumblue) !important;}

/* --- NAV ---*/



.top_nav {
background-color: var(--nctm_darkblue);
color: silver;
font-size: 1.0em;
height: 3.5rem;
}

/*.top_nav .navbar {
background-color: var(--nctm_darkblue);
}*/

.top_nav .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.top_nav .btn {
background-color: var(--nctm_brandblue) !important;
}

.top_nav .btn:hover {
background-color: #008CC1 !important;
}

/*.top_nav .top_breadcrumb a.top_link {
font-size: 0.86rem;
}*/

a.top_link {
text-decoration: none;
color: white;
font-size: 1.0rem;
padding: 5px 12px 5px 12px;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
}

a.top_link:hover {
color: white;
text-decoration: underline;
font-weight: bold;
}

.top_buttons a, .top_buttons a:link {
color: white;
}

.top_buttons a:hover {
color: white;
text-decoration: underline;}

.top_nav ul.dropdown-menu {
background-color: var(--nctm_mediumblue);
width: 190px;
}

.top_nav ul.dropdown-menu .account_name {
padding-left: 15px;
margin-bottom: 7px;
color: white;
font-size: 0.86rem;
}

/*.top_nav li.dropdown-item {
margin-left: 10px;
padding-left: 15px; 
padding-right: 15px;
}*/

.top_nav .dropdown-item:hover {
background-color: var(--nctm_brandblue);
}

.top_nav a.dropdown-item {
font-size: 0.86rem !important;
}

.top_nav .top_cart_button {
margin-left: 10px; 
padding-left: 15px; 
padding-right: 15px;
padding-top: 4px;
padding-bottom: 4px; 
border: 1px solid #69A050;
}
/*
.top_nav .top_cart_icon {

}

.top_nav .top_cart_icon_full {
font-size: 1.2rem;
color: #FFC21D;
}*/


.top_nav .cart_link a {
font-size: 0.86em;
    padding: 7px 10px 7px 27px;
    background: url('../images/icn-cart-empty-white.png') no-repeat;
    background-position: 4px 9px;
	color: white;
}


.top_nav .cart_link a.active {
    padding: 7px 10px 7px 27px;
    background: url('../images/icn-cart_lighter.png') no-repeat;
    background-position: 4px 9px;
	color: white;
}

div.logo_nav {
min-height: 100px;
}




@media screen and (max-width: 768px) {

div.top_nav {
height: 1px !important;
}

div.logo_nav {
min-height: 88px !important;
}

div.top_breadcrumb, .top_nav .navbar, .top_nav .navbar_nav {
/*width: 240px;*/
width: 90vw;
}

.navbar-expand-md {
position: relative;
top: 25px;
left: 80vw;
}

.navbar-collapse {
position: relative;
z-index: 1;
top: 25px;
left: -79vw;
background-color: var(--nctm_darkblue);

}

button.navbar-toggler {
z-index: +5 !important;
border: 1px solid silver;
border-radius: 4px;
}

/*.navbar_toggler {
position: relative; 
top: 80px; 
}*/

.top_buttons .btn {
display: none;
}

.top_nav .navbar-nav {
padding: 0px;
}

a.top_link {
padding: 7px 12px 7px 12px;
}

a.top_link:hover {
text-decoration: none !important;
background-color: #00A4E4 !important;
display: block !important;
}

div.myaccountnav {
background-color: #FEF3E3;
padding: 12px;
}

span.myaccountnav_border {
border: 1px solid var(--nctm_orange);
padding: 5px 10px 7px 10px;
border-radius: 7px;
}

.myaccountnav a {
font-weight: bold;
color: black;
text-decoration: none;
font-size: 0.96em;
padding: 0px 7px;
position: relative;
z-index: +2 !important;
}

.myaccountnav a:hover {
text-decoration: underline;
}

.myaccountnav .myaccount_button {
border-right: 1px solid silver;
}

header .logo img {
max-height: 50px !important;
float: left; 
padding-top: 12px;
}

#header {
    border-bottom: 0 !important;
}

}


@media screen and (min-width: 769px) {

.top_nav {
padding-top: 5px;
}

.top_nav .navbar-nav {
padding-top: 5px;
padding-bottom: 5px;
}

.top_nav .navbar-nav a.top_link:nth-child(1), .top_nav .navbar-nav a.top_link:nth-child(2)  {
display: block;
}

div.myaccountnav {
display: none;
}

header .logo img {
max-height: 65px;
float: left; 
padding-top: 8px;
}

}

/* --- HEADER --- */

#header {
border-bottom: 6px solid var(--nctm_brandblue);
}

#header .row {
}

.logo_nav {
/*background-image: url(images/Template_Content/bg_continuing.jpg);*/
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/*background-image: linear-gradient(#E1F3FC, #EFF5E0);*/
background-color: white;
}


/* --- CONTENT --- */

#body {
background-color: whitesmoke;
padding-top: 20px;
padding-bottom: 20px;
}


.grid_button {
margin-left: 5px;
margin-right: 5px;
}

/**/

.search_panel {
background-color: white;
padding: 10px;
border: 1px solid silver;
border-radius: 5px;
}

.search_panel .filters button {
margin-bottom: 3px;
}


/*---filter panel ---*/

#collapseFilters .btn {
margin-bottom: 0.25rem;
overflow: hidden;
text-overflow: ellipsis;
max-width: 240px;
font-size: 0.86rem;
}

/*--- product list ---*/

.product_list .list_sort_panel {
width: 100%; 
margin-top: 5px; 
margin-bottom: 5px; 
padding: 5px; 
background-color: white;
}

.product_list .btn_primary .list_button {}


.product_list div.item-card {
border-bottom: 1px solid #ddd;
}

@media only screen and (min-width: 668px) {
.show-md {
display: block !important;
}
.product_list div.item-card:nth-child(even) {
border-left: 1px solid #ddd;
}
}


/*.body_content {
    display: table; 
}
.body_content > div { 
    display: table-row; 
}
.body_content > div > div { 
    display: table-cell;
    margin: 5px;
background-color: white;
border: 5px solid whitesmoke;
}

.body_content>.row {
}

*/

.bordered_content_container {
background-color: white;
border: 1px solid silver;
border-radius: 5px;
}


div.item-card {
/*border-bottom: 1px solid silver;*/
}

div.item-card:nth-child(odd){
clear: both;
}


.relatedproduct_title {
padding-bottom: 15px;
}

.relatedproduct_list div.item-row {
border-bottom: 1px solid silver;
padding-bottom: 15px;
margin-bottom: 15px;
}


.item_box {
box-sizing: border-box;
margin: 5px;
/*background-color: white;
box-shadow: 4px 4px 9px silver;*/
height: auto;
}

.item_list_image {
max-height: 130px;
}

.item_list_title {
font-size: 0.9em;
}


.product_list .card-text {
font-size: 0.86rem;
}

.product_list .product_title, .relatedproduct_list .product_title {

font-size: 0.86rem; 
line-height: 0.9rem;
}

.product_list .product_summary, .relatedproduct_list .product_summary {
font-size: 0.86rem; 
line-height: 0.9rem;
}

.product_list .product_image, .relatedproduct_list .product_image {
max-height: 142px; 
width: 100px; 
margin-top: 10px; 
margin-left: 20px; 
border: 1px solid silver;
}

.product_list .product_price, .relatedproduct_list .product_price {
font-size: 1.2rem;
color: #E07045;
}

.relatedproduct_title {
padding-top: 15px;
}

.relatedproduct_list {
padding-bottom: 15px;
}

.quantity_label {
font-size: 0.86rem;
font-weight: bold;
}

.inside_header {
font-size: 0.86rem;
font-weight: bold;
}

.available_label {
font-size: 0.86rem;
font-weight: bold;
}

/*-- paging buttons for product list --*/

.page-item.active .page-link {
background-color: var(--nctm_brandblue);
border-color: var(--nctm_brandblue);
}


/*-- product detail --*/

.product_details .product_title {
padding-top: 15px;
padding-bottom: 15px;
}

.product_details .product_thumb_detail {
margin-bottom: 20px;
}

.product_details .product_image {
max-width: 150px; 
border-width: 0px; 
}

.product_details .product_price {
font-size: 1.6rem;
color: #E07045;
}

/*--- order summary---*/

.order_summary_wrapper {
border-radius: 3px; 
max-width: 400px; 
padding: 12px; 
border: 1px solid silver;}


/*--- Login Panel ---*/

.loginpanel_wrapper {
max-width: 980px;

}

.noaccess_wrapper {
max-width: 980px;
}

.notactive_wrapper {
max-width: 980px;
}

.orderconfirmation_wrapper {
max-width: 980px;
}

/*--- Footer ---*/

#footer {
background-color: var(--nctm_darkblue);
color:white;
padding-top: 30px; 
padding-bottom: 30px;
}

/*footer logo*/

#footer .footer-info p {
/*font-family: "Open Sans", sans-serif;*/
font-size: 0.90rem;
}

#footer .footer-info img {
height: auto;
max-width: 220px;
}

#footer h4, #footer h5, #footer h6 {
padding-bottom: 5px;
border-bottom: 2px solid  var(--reg_primary);
text-transform: uppercase;
}

#footer h6 {font-size: 0.90rem;}

#footer .footer-links ul {
list-style-type: none; 
text-indent: -11px;
/*margin-left: 15px;*/
}

#footer .footer-links ul li {
margin-bottom: 3px;
line-height: 1.4em;
font-size: 0.90rem;
}

#footer .footer-links ul li:before {
  content: '\203A';
color: var(--reg_primary);
font-size: 1.7em;
position: relative;
left: -15px;
}

#footer .footer-links ul i {
color: var(--reg_primary);
}

#footer .footer-links ul a {
color: white;
text-decoration: none;
}

#footer .footer-links ul a:hover {
color: var(--reg_primary);
text-decoration: underline;
}

#footer .footer-contact p, #footer .footer-contact a {
font-size: 0.90rem;
}


#footer .social-links a {
    font-size: 1.1rem;
    display: inline-block;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
}

#footer .social-links a,
#footer .social-links a:link,
#footer .social-links a:visited {
background-color: var(--nctm_brandblue);
color: white;
}


#footer .social-links a:hover {
	
	background-color: var(--reg_primary);
	/*text-shadow: 1px 1px 2px black;*/
}

#footer a {
color: white;
}


#footer a:hover,
#footer a:active,
#footer a:focus {
color: var(--reg_primary);
}

#footer .copyright {
padding: 25px;
text-align: center;
background-color: #222;
}


/* Back to top button */

.back-to-top {
  position: fixed;
  display: none;
  background: var(--reg_secondary);
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50px;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s ease-in-out;
}

.back-to-top i {
  font-size: 24px;
  padding-top: 6px;
}

.back-to-top:focus {
  background: var(--reg_primary);
  color: #fff;
  outline: none;
}

.back-to-top:hover {
  background: var(--reg_primary);
  color: #fff;
}