@charset "UTF-8";
/* CSS Document */

.btn {
    white-space: normal !important;

}
h1, h2, h3, h4, h5, h6
{
font-family: 'Catamaran', sans-serif !important;

}

.mtbstrap{
  background-color:#243928;
  color:#6AA175;
} 

html, body
{font-family: 'Lato', sans-serif !important;
margin-left: 5px !important;
margin-right: 5px !important;
margin-top: 15px !important;
}


p.great-value {
font-size: 1.5em;
font-family: 'Catamaran', sans-serif !important;
font-weight: bold;
margin-bottom: 0px !important;
}

p.price {
font-size: 2.5em;
font-family: 'Catamaran', sans-serif !important;
font-weight: bold;
margin-bottom: 1px !important;
padding:0;
background:#353a3f;
color: white;
}

p.price2 {
font-size: 2.5em;
font-family: 'Catamaran', sans-serif !important;
font-weight: bold;
margin-bottom: 1px !important;
padding:0;
background: #353a3f;
color: white;
}




.yellow-link {
color: yellow;
}


.carousel {
overflow:hidden;
max-height: 270px !important;
}

.carousel img{ width:100%; height:auto;}

.carousel-inner > .item > img{
margin:auto;
}

.top-buffer { margin-top:20px; margin-bottom:20px; }

.navbar-brand{font-family: 'Alegreya Sans', sans-serif;
font-size: 2em !important; 
text-shadow: grey 0.1em 0.1em 0.2em;
}


.navbar .navbar-brand {
color: #d8d9d8;
}

.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
color: #ffffff;
}
.navbar .navbar-text {
color: #d8d9d8;

}
.navbar .navbar-text a {
color: #000000;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
color: #000000; 
}
.navbar .navbar-nav .nav-link {
color: #ffffff;
border-radius: .25rem;
margin: 0 0.25em;
font-size: 0.9em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
color:#CBDCD1;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
color: #000000;
background-color: #ffffff;
}
.navbar .navbar-toggle {
border-color: #ffffff;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
background-color: #ffffff;
}
.navbar .navbar-toggle .navbar-toggler-icon {
color: #d8d9d8;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
border-color: #d8d9d8;
}
.navbar .navbar-link {
color: #d8d9d8;
}
.navbar .navbar-link:hover {
color: #000000;
}


.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
color: #d8d9d8;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
color: #000000;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
color: #000000;
background-color: #ffffff;
}

.text-column {
overflow: hidden;

}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;

}

.itemstrap {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.95em;
font-weight: normal;
margin-top:-10px;
}


.red-bundle-box{
width: 100%;
background:#900;

padding: 1%;


}

/* ~~ these have been replaced 2nd July 2014 and can be deleted after a week or so ~~ */



/* ~~ the above have been replaced 2nd July 2014 and can be deleted after a week or so ~~ */



.navbar-nav > li{
margin-left:-5px;
margin-right:-5px;
}


.navbar-container {
display: flex;
align-items: center;
}



d-flex {
display: flex;
align-items: center;
}

.dropdown-toggle::after {
display:none;
}

.background-goodmtb{
background-color:#BFD1ED;
border-radius: 5px !important;
width: 90%;  /*Tested and working as expected: */
padding-top: 1%;
padding-bottom: 2%;
margin: 0px auto;
float: none;
}

.background-1{
background-color: lightgray;
border-radius: 25px !important;
border-width: 10px !important;
border-style: solid !important;
border-color:white;
width: 90%;  /*Tested and working as expected: */
padding-top: 1%;
padding-bottom: 2%;
margin: 0px auto;
float: none;

}


input[type="checkbox"] {
}
.checkbox {
margin: 100px 0 0 0;
}

.clearfix::after {
content: "";
clear: both;
display: table;
}

.large1{
font-size: 1.7em !important;

color:red;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}