@import url('//fonts.googleapis.com/css?family=Montserrat:400,500');
body {
	background-color: #f7f7f7 /*{body|background-colour}*/;
	background-image: none /*{body|background-image}*/;
	font-family: 'Montserrat', sans-serif;
	color: #222222 /*{body|text-colour}*/
}
a, a:hover, a:active, .btn-link, .btn-link:hover{
	color: rgba(6, 61, 113, 1) /*{primary-colour}*/;
}
.navbar-default, .wrapper-header .btn-default {
	background-color: rgba(6, 61, 113, 1) /*{header|navigation-background-colour}*/;
	border-color: rgba(6, 61, 113, 1) /*{header|navigation-background-colour}*/;
}
.nMobileNav li a, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active{
    color: #ffffff /*{header|link-colour}*/;
}
@media (max-width: 767.98px){
	.wrapper-header .navbar-nav .dropdown-menu{
		background-color: transparent;
	}
	.wrapper-header .dropdown-menu .dropdown-item{
		color: #ffffff /*{header|link-colour}*/;
		background-color: transparent;
	}
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: rgba(255, 255, 255, 0.09);
	color: #ffffff /*{header|link-colour}*/;
	border-radius: 8px;
}
.wrapper-header .btn-default {
	color: #ffffff /*{header|link-colour}*/;
}
#main-content {
	padding-top: 15px;
}
/* Footer */
.wrapper-footer {
	background-color: #ffffff /*{footer|background-colour}*/;
}
.wrapper-footer hr {
	border:none;
}
.wrapper-footer p, .wrapper-footer h4, .wrapper-footer {
	color: #222222 /*{footer|text-colour}*/;
}
.wrapper-footer a, .wrapper-footer a:hover, .wrapper-footer a:visited {
	color: rgba(6, 61, 113, 1) /*{footer|link-colour}*/;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
    color: #fff !important;
    background-color: #063d71 !important;
    border-color: #063d71 !important;
}
/* Secondary button */
.btn-outline-secondary, .btn-default {
	color: #ffffff /*{buttons | btn-default-text-colour}*/;
	background-color: rgba(6, 61, 113, 1) /*{buttons | btn-default-background-colour}*/;
	border-color: rgba(6, 61, 113, 1) /*{buttons | btn-default-border-colour}*/;
}
.btn-outline-secondary:hover, .btn-default:hover{
	color: #ffffff /*{buttons | btn-default-text-colour-hover}*/;
	background-color: rgba(6, 61, 113, 1) /*{buttons | btn-default-background-colour-hover}*/;
	border-color: rgba(6, 61, 113, 1) /*{buttons | btn-default-border-colour-hover}*/;
}
.btn-outline-secondary.disabled, .btn-default:disabled {
	color: #ffffff /*{buttons | btn-default-text-colour-hover}*/;
	background-color: rgba(6, 61, 113, 1) /*{buttons | btn-default-background-colour-hover}*/;
	border-color: rgba(6, 61, 113, 1) /*{buttons | btn-default-border-colour-hover}*/;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle,
.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
	color: #ffffff /*{buttons | btn-default-text-colour-hover}*/;
	background-color: rgba(6, 61, 113, 1) /*{buttons | btn-default-background-colour-hover}*/;
	border-color: rgba(6, 61, 113, 1) /*{buttons | btn-default-border-colour-hover}*/;
}
/* Primary button */
.btn-primary {
	color: #ffffff /*{buttons | btn-primary-text-colour}*/;
	background-color: rgba(6, 61, 113, 1) /*{buttons | btn-primary-background-colour}*/;
	border-color: rgba(6, 61, 113, 1) /*{buttons | btn-primary-border-colour}*/;
}
.btn-primary:hover {
	color: #ffffff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: rgba(6, 61, 113, 1) /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: rgba(6, 61, 113, 1) /*{buttons | btn-primary-border-colour-hover}*/;
}
.btn-primary.disabled, .btn-primary:disabled {
	color: #ffffff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: rgba(6, 61, 113, 1) /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: rgba(6, 61, 113, 1) /*{buttons | btn-primary-border-colour-hover}*/;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	color: #ffffff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: rgba(6, 61, 113, 1) /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: rgba(6, 61, 113, 1) /*{buttons | btn-primary-border-colour-hover}*/;
}
/* Success button */
.btn-success {
	color: #ffffff /*{buttons | btn-success-text-colour}*/;
	background-color: #dc1e32 /*{buttons | btn-success-background-colour}*/;
	border-color: #dc1e32 /*{buttons | btn-success-border-colour}*/;
}
.btn-success:hover {
	color: #ffffff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: #dc1e32 /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #dc1e32 /*{buttons | btn-success-border-colour-hover}*/;
}
.btn-success.disabled, .btn-success:disabled {
	color: #ffffff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: #dc1e32 /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #dc1e32 /*{buttons | btn-success-border-colour-hover}*/;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
	color: #ffffff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: #dc1e32 /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #dc1e32 /*{buttons | btn-success-border-colour-hover}*/;
}

/* CUSTOM STYLES */

p {
    margin-bottom: 0.5rem !important;
}


headline, .headline {
	font-size: 2.8rem;
}

h4, .h4 {
    font-size: .88rem;
}
.col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 100%;
}
.wrapper-header .navbar-default {
    margin: 0 -30px;
    border-radius: 15px 15px 0 0;
}
.carousel-caption {
    position: absolute;
    right: 50%;
    top: 10%;
    left: 5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    font-size: 1.9rem;
    font-family: "Barlow";
}
.list-group-item-action:hover, .list-group-item-action:focus {
    background-color: #bccddc !important;
}
.dropdown-item:hover, .dropdown-item:focus {
    background-color: #bccddc !important;
}
.card {
    background-color: #e5e8eb  !important;
	margin: 2px !important;
}

.card-body {
    padding: 10px !important;
}


.p-3 {
    padding: 10px !important;
    padding: 0.4rem !important;
}
	

.display-4 {
    font-size: 2.0rem !important;
}
.dropdown-menu-horizontal {
    left: 95% !important;
}
.list-group-item {
    background-color: #e7eaed !important;
}
.dropdown-menu {
    background-color: #e7eaed !important;
}

h6, .h6 {
  font-size: 12px !important;
  font-size: 0.6rem !important; 
}

.badge-secondary {
    color: #000 !important;
    background-color: #c5d4e3 !important;
    font-size: 60% !important;
} 

.btn-outline-secondary, .btn-default {
    color: #fff !important;
    background-color: rgb(188, 197, 205) !important;
    border-color: rgb(188, 197, 205) !important;
} 
.lead {
    font-weight: 600 !important;
    font-size: 18px !important;
}
.btn-success {
    color: #fff !important;
    background-color: #063d71 !important;
    border-color: #063d71 !important;
/*	margin-top: 0.5rem !important; */
}
.btn-lg, .btn-group-lg > .btn {
    padding: 2px 10px !important;
    font-size: 17.5px !important;
    font-size: 0.8rem !important;
}
.btn-outline-secondary, .btn-default {
    color: #fff !important;
    background-color: #063d71 !important;
    border-color: #063d71 !important;
}
.badge-danger {
    display: none !important;
}
.btn-warning {
    color: #fff !important;
    background-color: #063d71 !important;
    border-color: #063d71 !important;
}
/* Thumbnail quantity field */
.products-row article .thumb-qty-field {
    width: 50px;
    margin-right: 5px;
    margin-bottom: 0.5rem !important;
}
.btn {
    padding: 0.4rem 0.2rem;
	border-radius: .2rem;
}
form-inline {
    display: block !important;
	width: 50% !important;
}
.mr-2, .mx-2 {
    margin-right: 8px !important;
    margin-bottom: 0.5rem !important;
	text-align: center !important;
}
.form-inline .form-control, .form-inline #stloc_selector_cysel, .form-inline #stloc_state_sel, .form-inline #suburb_sl, .form-inline ._itmspec_opt, .form-inline .n-wrapper-form-control select, .n-wrapper-form-control .form-inline select {
    width: 100% !important;
}

.form-control, #stloc_selector_cysel, #stloc_state_sel, #suburb_sl, ._itmspec_opt, .n-wrapper-form-control select {
    border-radius: 0.2rem;
}
.float-right {
    max-width: 90px;
}
.n-responsive-content img {
    max-width: 50% !important;
}
/*Mobile Query*/
@media only screen and (max-width:480px) {
h2, .h2 {
    font-size: 1.0rem !important;
}
 .carousel-caption {
    font-size: 0.7rem;
	padding-top: 5px;
 }
 headline, .headline {
	font-size: 0.9rem;
}

}

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

 headline, .headline {
	font-size: 2.4rem;
}
 .carousel-caption {
    font-size: 1.8rem;
	padding-top: 5px;
 }

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

 headline, .headline {
	font-size: 1.7rem;
}

 .carousel-caption {
    font-size: 1.2rem;
	padding-top: 5px;
 }

}