/*   
Theme Name: Caselton Wine
Description: Caselton Wine Template 
Author: I am the author
*/


::-webkit-scrollbar { width: 15px; height: 10px;}
/*::-webkit-scrollbar-button {  background-color: #9e0036; }*/
::-webkit-scrollbar-track {  background-color: #999;}
::-webkit-scrollbar-track-piece { background-color: #fff; border: #bfbebf solid 1px; border-radius: 10px}
::-webkit-scrollbar-thumb { height: 50px; background-color: #9e0036; border-radius: 10px;}
::-webkit-scrollbar-corner { background-color: #999;}}
::-webkit-resizer { background-color: #666;}


.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

a{
	text-decoration: none;
}

body{
	border-top: #ceb632 solid 4px;
	font-family: 'Open Sans', sans-serif;
}

.main-menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

h1{font-size: 3em;}

.container{width: 1000px;margin: auto;}

.fl{float: left;}

.fr{float: right;}

.sixty{width: 60%;}

.thirty{width: 30%;}

.red{color: #a00039;}

.header{color: #231f1f;	padding: 10px 0;}

.caselton{margin-top: 30px;max-width:100%;}

.icon{background: #d0b836;border-radius: 20px;padding: 8px;color: #fff;margin-left: 25px;}

.contact{margin-top: 15px;}

.main-menu, .main-menu .sub-menu{
	background-image: -webkit-linear-gradient(top, #a3003c, #91002b);
	background-image:    -moz-linear-gradient(top, #a3003c, #91002b);
	background-image:     -ms-linear-gradient(top, #a3003c, #91002b);
	background-image:      -o-linear-gradient(top, #a3003c, #91002b);
	background-image:         linear-gradient(top, #a3003c, #91002b);
	background-color: #91002b;
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}

.main-menu .menu li:hover .sub-menu{display: block;}

.main-menu .sub-menu li {float: left;display: block;width: 100%;position: relative;border-top: 1px #be1e4e solid;}

.main-menu .sub-menu li a {float: left;padding: 20px 5%;color: #fff;width: 90%;}

.main-menu .menu>li>a{color: #fff;font-size: 18px;font-weight: 600;float: left;padding: 20px 10px;}

.main-menu .sub-menu {display: none;position: absolute;top: 60px;width: 200%;z-index: 10;}

.main-menu .current-menu-item{background: #be1e4e;color: #d0b836;}

.main-menu .menu .current-menu-item a{color: #d0b836;}

.main-menu .main-menu a:hover{
	background: #be1e4e;
	color: #d0b836;
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}

.main-menu .main-menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-menu ul.menu > li{
	float: left;
	position: relative;
}

.australia{
	color: #fff;
	background: #c01b57;
	padding: 17px 15px;
	font-size: 22px;
	font-weight: bold;
}

.australia .icon-flag{
	margin-right: 10px;
}


/*main*/
.main{
/*	margin: 0; padding: 0; background: url(./images/mainbg.jpg) no-repeat top right fixed; background-size: contain;
-webkit-background-size:contain;

-moz-background-size:contain;

-o-background-size:contain;

-ms-background-size:contain;
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/mainbg.jpg', sizingMethod='scale');
-ms-filter: "progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/mainbg.jpg', sizingMethod='scale')";*/

	background: url(images/mainbg.jpg) no-repeat, #ceb632;
	background: url(images/mainbg.jpg)\9;
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/mainbg.jpg', sizingMethod='scale');
-ms-filter: "progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/mainbg.jpg', sizingMethod='scale')";
	background-size: 100%;
	margin: auto;
	text-align: center;
}

.main h1, .main h2{
	color: #a10039;
}

.taglines{
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 10px 0;
	margin-bottom: 50px;
	margin-left: auto;
	max-width: 80%;
	margin-right: auto;
}

.taglines p{
	margin: 0;
	line-height: 35px;
}

.learn-more{
	color: #fff;
	background-image: -webkit-linear-gradient(top, #ab0048, #860024);
	background-image:    -moz-linear-gradient(top, #ab0048, #860024);
	background-image:     -ms-linear-gradient(top, #ab0048, #860024);
	background-image:      -o-linear-gradient(top, #ab0048, #860024);
	background-image:         linear-gradient(top, #ab0048, #860024);
	background-color: #860024;
	padding: 10px 30px;
	border-radius: 5px;
	border-top: #cf6a95 solid 1px;
	border-bottom: #63001a solid 1px;
	font-size: 20px;
	font-weight: 600;
}

.learn-more:hover{
	background-image: -webkit-linear-gradient(top, #860024, #ab0048);
	background-image:    -moz-linear-gradient(top, #860024, #ab0048);
	background-image:     -ms-linear-gradient(top, #860024, #ab0048);
	background-image:      -o-linear-gradient(top, #860024, #ab0048);
	background-image:         linear-gradient(top, #860024, #ab0048);
}

.read-more {
	background: #ceb632;
	color: #fff;
	padding: 5px 10px;
}

.read-more:hover{
	background: #d8bf33;
}

.features-wrapper{
	background: rgba(255, 255, 255, 0.3);
	border: #fff;
	border-radius: 5px;
	border: #fff solid 1px;
	padding: 10px;
	margin-top: 43%;
}

.features-wrapper li {
	float: left;
	margin: 20px;
	border-top: #8f1132 solid 3px;
}

.features{
	background: #fff;
}

.bxslider li div, .bxslider li img{
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}

.bxslider div{
	position: absolute;
	bottom: 0;
	text-align: center;
	margin: auto;
	width: 100%;
		background-color: #9e0036;
	background: rgba(158, 0, 54, 0.7);
	color: #fff;
	padding: 10px 0;

}

.bxslider li:hover img{
	opacity: .6;
}

.bxslider li:hover div{
	padding: 20px 0;
}

footer{
	background: #9e0036;
	color: #fff;
	padding: 17px 0;
}

/*page*/
.page-wrapper{
	background: rgba(255, 255, 255, 0.3);
	border: #fff solid 1px;
	border-radius: 5px;
	padding: 10px;
}

.page-white{
	background: #fff;
	border-radius: 5px;
	padding: 15px;
	text-align: justify;
}

.page-body{
	height: 790px;
	overflow-y: auto;
}

.page-body strong{
	color: #a60042;
}

.page-body p{
	margin: 0;
	padding: 0;
	margin-bottom: 1%;
}

.cat-half img {
	width: 40%;
	float: left;
	margin-right: 12px;
	margin-bottom: 25px;
}

.page-title{
	background-image: -webkit-linear-gradient(top, #a90046, #980034);
	background-image:    -moz-linear-gradient(top, #a90046, #980034);
	background-image:     -ms-linear-gradient(top, #a90046, #980034);
	background-image:      -o-linear-gradient(top, #a90046, #980034);
	background-image:         linear-gradient(top, #a90046, #980034);
	background-color: #980034;
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	padding: 10px;
}

.page-content{
	padding: 10px 10px 30px 0;
}

.page-content ul{
	list-style-type: disc;
	padding-left: 30px;
}

/*wordpress image wrap*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

/*contact form*/
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea{
	padding: 5px 10px;
	border: #c6c5c5 solid 1px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

.wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 textarea:focus{
	outline: none;
}

.wpcf7 .form-icon{
	padding: 9px 10px;
	background: #a2003b;
	color: #fff;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	position: relative;
	top: 1px;
}

.wpcf7 input[type="submit"]{
	color: #fff;
	background-image: -webkit-linear-gradient(top, #ab0048, #860024);
	background-image: -moz-linear-gradient(top, #ab0048, #860024);
	background-image: -ms-linear-gradient(top, #ab0048, #860024);
	background-image: -o-linear-gradient(top, #ab0048, #860024);
	background-image: linear-gradient(top, #ab0048, #860024);
	background-color: #860024;
	padding: 10px 30px;
	border-radius: 5px;
	border-top: #cf6a95 solid 1px;
	border-bottom: #63001a solid 1px;
	font-size: 20px;
	font-weight: 600;
}

.wpcf7 input[type="submit"]:hover{
	background-image: -webkit-linear-gradient(top, #860024, #ab0048);
	background-image: -moz-linear-gradient(top, #860024, #ab0048);
	background-image: -ms-linear-gradient(top, #860024, #ab0048);
	background-image: -o-linear-gradient(top, #860024, #ab0048);
	background-image: linear-gradient(top, #860024, #ab0048);
}

.category-body{
	height: 790px;
	overflow-y: auto;
}

.cat-half{
	width: 46%;
	float: left;
	margin-right: 3%;
}

.page_nav {
	clear: both;
}

.page-numbers{
	color: #fff;
	background: #ad004d;
	padding: 10px;
}

.page-numbers.current{
	background: #ceb632;
	font-weight: 800;
}

footer{
	text-align: center;
}
.social{display:inline-block;}
.knob{display:none;}
.menu-con{
  display: none;
  position: absolute;
  background: #91002b;
  width: 90%;
  right: 0;
  top: 0;
  height: 100%;
  box-shadow: #333 0 0 20px;
  z-index: 12;
}
.mob-menu{
  float: left;
  margin: 0;
  padding: 0;
  padding-left: 20px;
  padding-top: 30px;
}
.mob-menu li{
  list-style: none;
  width: 100%;
}
.mob-menu li a{
  color: #fff;
  font-size: 20px;
}
.close{position: absolute;right: 0;top: 30px;background: #fff;border: 0;color: #91002b;margin: 7px 10px;}

/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.container{width:100%;}
	.header .logo, .header .social{
	  	width: 100%;
  		text-align: center;
	}
	.knob{display:block;background: #91002b;border: 0;color: #fff;padding: 7px 12px;margin-right: 8px;}
	.bx-controls,.main-menu{display:none;}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.container, .page-wrapper{width:100%;padding: 0;border: 0;}
	.header .logo, .header .social{
	  	width: 100%;
  		text-align: center;
	}
	.knob{display:block;background: #91002b;border: 0;color: #fff;padding: 7px 12px;margin-right: 8px;}
	.bx-controls,.main-menu{display:none;}
}
 
/* Landscape phones and down */
@media (max-width: 480px) { ... }