@import url('https://fonts.googleapis.com/css2?family=Ms+Madi&display=swap');
body { font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 16px;line-height: 28px;}
.img-shadow {
	padding: 10px;
	box-shadow: 1px 2px 5px #00000082;
	border-radius: 5px;
}
.invisible{visibility:hidden !important;}
.fab.fa-facebook-f{font-size:18px; margin-top:10px;margin-left:5px;}
.fab.fa-facebook-f:hover{color:#ed1e26;transition: 0.3s; font-size:18px; margin-top:10px}
.img-responsive { margin-left: auto; margin-right: auto;}
.image-shadow {box-shadow: 1px 2px 5px #000087;padding: 10px;border-radius: 5px;}
.h1, h1, .h2, h2, .h3, h3 {color: #000;}
.h1, h1 { font-size: 45px; font-weight: 700!important; margin-bottom: 30px;}
.h2,h2{font-size:38px; font-weight: 200;}
.h3,h3{font-size:28px;font-weight: bold;}
.float-left-a {position: absolute;}
.container-wide,#breadcrumbDiv,#our-products .body-wrapper{max-width:1590px;margin:0 auto;padding:20px 20px;}
 #breadcrumbDiv {padding-bottom: 0;	padding-top: 40px;}
.main-content {	background: #f3f3f4; color: #438d65;padding: 0;}
.main-content h1, .main-content h2, .main-content h2 small {color: #15773e;}
#header { background: #33499d;}
#header .container-wide {padding: 0 20px 14px;	}
/****Navbar***/
#navbarDiv {
	background: #33499d;
}
.facebook_icon, .instagram_icon {
	padding: 0px!important;
}
.facebook_icon img, .instagram_icon img {
	width: 20px;
}
#main-nav li a { color: #fff; font-weight: 600; font-size: 14px; padding: 10px 15px; margin: 0.5rem; text-transform: uppercase; text-decoration: none;}
#main-nav li a:hover { color: #fff;transition: 0.3s;background: #ed1e26 !important;}
#main-nav li a:focus { color: #000; background: #ed1e26 !important;}
.navbar-collapse {box-shadow: none;clear: both;}
#main-nav li a.btn {color: #fff;font-size: 14px; background: transparent; border: 1px solid #fff;}
#main-nav li a.btn:hover {background: #ed1e26 !important;color:white;}
.navbar-toggler {     
	background: url(/media/1888/download01.svg);
    border: none;
    height: 40px;
    width: 38px;
    background-size: 44px;
    margin: 20px auto 0;
    text-align: center;
    display: block;
}
#main-nav li a.facebook_icon{
	margin-top:10px;
}
#main-nav li a.facebook_icon:hover{
	background:transparent !important;
}
.navbar-brand>img {max-width: 218px; margin-top: 14px;}
@media (max-width: 1024px) {
	.nav>li>a { padding: 10px 15px;!important;}
}
@media (max-width: 992px) {
	.main-content h1, .main-content h2, .main-content h2 small { text-align: center; }
	#header {min-height: 52px;}
	#header .container-wide {padding-bottom: 0;}
	.navbar-brand>img {max-width: 102px; margin-top:0;}
	#banner {margin-top: 0px!important;padding-top: 50px!important;height: auto!important;}
	#banner h2 {font-size: 38px!important;}
	#banner h3 {font-size: 18px!important;}	
	#home-content .btn {margin: 20px auto 0;display: block;width: 200px;}
}
@media(max-width:767px) {
	.h1,h1{font-size:34px;}
	.h2,h2{font-size:28px;}
	.h3,h3{font-size:18px;}
	.navbar-nav{margin-top:0;}
	#banner{background:url('/media/1890/website-bg-mob.jpg')!important;background-size:200%!important;margin-top:0!important;padding-top:50px!important;}
}
@media (min-width:768px) and (max-width:992px) {

}
@media (min-width: 768px) {
    .navbar-collapse.collapse {}
}
@media(min-width: 992px) {
	#main-nav {padding-top: 15px;}
	.navbar-toggler{display:none;}
	.navbar-collapse{width:auto;border-top:0;}
	.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important;}
	.col-pad{padding:4rem 2rem;}
	.col-img-pad{padding:4rem;}
	.col-pad-side{padding:0 2rem;}
	.navbar-expand-lg .navbar-collapse{display:contents!important;}
} 
/**Breadcrumb**/
.breadcrumb-wrapper {background: transparent;}
#vendor-demo-1 .breadcrumb-wrapper {display: none;}
/*Change to customers colours*/
a {color: #000; font-weight: bold; text-decoration: underline;}
a:hover, a:active, a:focus {color: #7a7a7a; }
.btn{color:#fff;background-color:#33499d; font-weight: 600; font-size: 14px; padding: 10px 15px; border: 0; margin-top: 0; text-decoration: none;
}
.btn:hover,.btn:active,.btn:focus{background:#ed1e26!important;color:#fff;}
.home-btn {
	font-size: 18px;
    text-transform: inherit;
    width: 358px;
    padding: 20px;
    margin-top: 30px;
}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{background-color:#000;color:#fff;}
.nav-pills>li>a:hover{color:#000;background-color:#f1f1f1;}
.favourite.card-header{color:#fff;background-color:#000!important;}
/*****Banner*****/
#logo {width: 300px;margin:0 auto;}
#banner{
	background: url(/media/2094/mcmahon_s-dairy.jpg);
    background-size: cover;
    text-align: center;
    color: #FFF;
    padding-top: 124px;
    height: 832px;
    background-attachment: fixed;
    background-position: 0 -110px;
}
#banner h2{font-size: 32px;}
#banner h3 {font-size: 22px;color: #fff;}
#banner .card {    padding: 70px 30px; background: #ffffffb5!important;}
ul#feature{list-style-type:none;margin:30px auto 10px;display:block;max-width:780px;padding-left:0;}
ul#feature li a{color: #14773e;font-weight: bold;display: inline-block;border-radius: 440px;border: 3px solid;height: 220px;width: 220px;padding: 86px 15px 0;font-size: 24px;line-height: 24px;float: left;margin: 20px; background: #f6f6f6f7;}
ul#feature li strong {color: #000;}
ul#feature li a:hover {background: #f6f6f6d6;transition: 0.5s;}
@media(max-width: 992px) {
	ul#feature li a	{height: 200px;width: 200px;padding: 76px 15px 0;font-size: 20px;}
}
@media(max-width: 767px) {
	ul#feature{max-width:420px;}
	ul#feature li a{height:158px;width:158px;padding:42px 15px 0;display:block;font-size:20px;margin:20px auto;float:none;}
	#our-products-btn a{padding-top:55px!important;}
}
/***Home***/
.feature-wrapper {
	margin-top: 40px;		
}
/* #my-account .feature a {
	background-image: url('/media/2097/cow.png');
	background-position: 132px 120px;  
}
#our-products .feature a {
	background-image: url('/media/2098/dairy-products-1.png');
	background-position: 136px 108px;
}
#create-account .feature a { 
    background-image: url('/media/2099/animal.png');
	background-position: 152px 105px;
}*/
.feature a {
    font-family: 'Ms Madi', cursive;
    font-size: 47px;
    color: #fff;
    padding-top: 44px;
    display: block;
    text-decoration: none;
	background-color: #33499d;
    min-height: 210px;
    border-radius: 10px;
	background-repeat: no-repeat;
	max-width: 380px;
    margin: 10px auto;
}
.feature a:hover {
	background-color: #ed1e26 !important;
	transition: 0.2s;
}
.feature a span{
	display:block;
	text-align:center;
	margin-bottom:25px;
}
.feature a img{
	filter:invert(100%);
	width:70px !important;
	margin:0 auto;
}

/* #my-account .feature a:hover {
	background-size: 110px;
}
#our-products .feature a:hover {
	background-size: 90px;	
}
#create-account .feature a:hover {
	background-size: 70px;
} */

.content-wrapper {
	padding: 50px 30px;
}
#vendor-demo-1 footer, #contact-us footer { margin-top: 0;	}
/***Our Products***/
.product-info{background:#f6f6f6;padding:26px;min-height:418px;margin-bottom:20px;}
.product-info .card-text{min-height:125px;}
.product-info .card-body{min-height:170px;}
.product-info h5{font-size:18px;font-weight:bold;}
.product-info p{font-size:14px;line-height:24px;margin-top:16px;}
.product-info img{width:100%;max-height:168px;}
.product_search { margin-left: 2%; width: 90%; }
/***************Global**************/
.row {}
.account {max-width: 1590px; margin: 15px auto; padding-left: 15px; padding-right: 15px;}
#myNavbar .navbar-nav {margin: 0 auto; width: 100%;}
table td{font-size:16px;}
.glyphicon-star,.glyphicon-remove{margin-right:0;}
.btn-lg{font-size:16px;padding:15px 30px;margin-top:20px;}
#breadcrumbDiv .breadcrumb { background: transparent;}
.main_products:hover {background-color: #ed1e26!important;}
.card .card-header { border-radius: 3px;  padding: 10px; background-color: #33499d;}
.card-header.product_list {background-color: #33499d;}
@media (max-width: 767px) {
	.card-header.product_list { width: 100%; }
}
.form-control {
	padding: 26px 12px;
}
/**Customer login**/
.CustomLogin .card .card-header {background-color: #.CustomLogin .card .card-header;padding: 15px;text-align: center;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {color: #000000;background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent;}
.CustomLogin .form-control { height: 42px;}
/***Contact Us***/
#contact-content{background-image:url('/media/1084/milk-resize1.png');background-repeat:no-repeat;background-position:right bottom;background-attachment:fixed;}
#contact-content h2{font-size:38px;color:#15773e;margin-top:40px;}
/****Forms****/
.form-wrapper #divContactUsForm{margin-top:34px;}
.form-wrapper label{font-weight:normal;}
.form-wrapper .form-control{font-size:13px;height:46px;padding:5px 12px;border:0;border-radius:0;}
/****Registration form ****/
#RegistrationForm {max-width: 690px; margin: 22px auto; display: block; clear: left;}
#RegistrationForm .form-control {height: 40px;}
#VendorOrder .body-wrapper, #OrderHistory .body-wrapper, 
#UpdatePassword .body-wrapper {max-width: 1580px; margin: 15px auto;}
#monaro-milk .breadcrumb-wrapper { display: none; }
/*footer*/
footer {background: #33499d ; color: #fff;margin-top: 30px;clear: both; padding: 18px 0 10px;}
footer a {color: #fff;}
.footmenu .menu_list {list-style-type: none;display: inline-block;padding: 0;}
.footmenu .menu_list li { display: inline-block; margin-right: 20px; }
.footmenu {background: #000;padding-top: 10px;}
.footmenu .menu_list li a { color: #fff; }
/*privacy terms*/
#privacy-policy h1, #terms-of-use h1 {font-size: 30px; margin-bottom: 10px; font-weight: bold; text-align: center;}
#privacy-policy h2 {font-size: 25px; font-weight: 600; }
#privacy-policy .container, #terms-of-use .container { max-width: 1590px; padding: 15px 15px 30px; }
/*Order app*/
.order_app_wrapper {text-align: right; margin-bottom: 15px; padding-top: 20px;}
.navbar-brand { height: 0; }
@media (max-width: 991px) {
	.order_app_wrapper  { display: none; }
}
.order_app_wrapper img { max-width: 130px; border: 1px solid #a29a9a; border-radius: 5px; }
.order_app_wrapper a:hover img, .order_app_wrapper a:focus img { border: 1px solid #000; }
.order_app_wrapper.mobile {display: block;float: none;text-align: center;background: #33499d;margin-bottom: 0;padding: 10px 0;}
@media (min-width: 992px) {
	.order_app_wrapper.mobile { display: none; }
}