@charset "utf-8";

/*

	Theme Name: One Season

	Theme URI: http://www.oneseason.com.au/

	Description: A customize theme made for One Season.

	Version: 1.0

	Author: Flash Buddy

	Author URL: http://www.flashalexander.com/ 

*/

@charset "utf-8";

/* CSS Document */


body, html, object, ol, hr, li, ul, p, div, img, h1, h2, h3, h4, h5, h6, a, span, input, textarea { border:none; margin:0; padding:0; list-style:none; text-decoration:none; background:none;  font-family: 'CenturyGothic', sans-serif; }

body { background:#fff; }

.clear { clear:both; }

.clear-5 { clear:both; height:5px; }

.clear-15 { clear:both; height:15px; }

.clear-10 { clear:both; height:10px; }

.clear-20 { clear:both; height:20px; }

.left { float:left; }

.right { float:right; }

body { background:#fff; }

.wrapper { width:965px; margin:auto; }

.logo { margin:20px auto 20px; text-align:center; }

.logo a { display:inline-block; }

.logo a img { border:none; }

.menu-left ul li:last-child { background:none; padding-right:0; }

.menu-left ul li { float:left; background:url(images/dot.png) right center no-repeat; padding-right:12px; }

.menu-left ul li a { font-family: 'CenturyGothic', sans-serif; font-size:13px; color:#58595b; }

.divider-dot { float:left; margin:0px 3px; }

.menu-right ul li:last-child { background:none; padding-left:0; }

.menu-right ul li { float:right; background:url(images/dot.png) left center no-repeat; padding-left:12px; }

.menu-right ul li a { font-family: 'CenturyGothic', sans-serif; font-size:13px; color:#58595b; }

.menu-bar { height:2px; background:#c9c8c8; width:100%; margin-top:4px;}

.menu-left ul li a:hover, .menu-right ul li a:hover { color:#000; }

/*slider fade in out*/

#slider { width: 950px; /* important to be same as image width */ height: 600px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */  margin:0 auto; margin-top:15px;margin-bottom:15px;}

#sliderContent { width: 950px; /* important to be same as image width or wider */ position: absolute; top: 0; margin-left: 0; }

.sliderImage { float: left; position: relative; display: none; float: none; }

.sliderImage a { display: block; }

.sliderImage a img { width: 100%; }

.clear { clear: both; }

.sliderImage span strong { font-size: 14px; }

.top { top: 0; left: 0; }

.bottom { bottom: 0; left: 0; }

ul { list-style-type: none; }

/*slider fade in out*/

.hr1{background:#c9c8c8; height:2px; width:965px; margin:0 auto;}

.hr2{background:#e3e3e3; height:2px; width:965px; margin:0 auto; margin-top:1px;}

.copyright{float:left; font-size:11px; margin-top:5px; margin-bottom:15px;}

.copyright a, a:visited, a:link, a:hover{color: black;}

a.add{color: black}

.social{float:right; margin-top:5px; margin-bottom:15px;}

.social img{margin-left:3px;}

.campain-menu{height:500px; position:relative; display:table; text-align:center; margin:auto;}

.campain-menu a{display:block; font-size:14px; color:#231f20; text-align:center; line-height:30px;}

.links{ vertical-align:middle;  top: 50%; display: table-cell;  text-align:center;}

/*slider new*/

#makeMeScrollable { width:100%; height: 580px; position: relative; }

		#makeMeScrollable div.scrollableArea img { position: relative; float: left; margin: 30px 0; padding: 0;

			-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }



div.scrollingHotSpotLeft { /* The hotspots have a minimum width of 100 pixels and if there is room the will grow

    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */

	min-width: 75px; width: 8%; height: 100%; /* There is a big background image and it's used to solve some problems I experienced

    in Internet Explorer 6. */

	background-image: url(images/big_transparent.gif); background-repeat: repeat; background-position: center center; position: absolute; z-index: 200; left: 0; /*  The first url is for Firefox and other browsers, the second is for Internet Explorer */

	}

/* Visible left hotspot */

div.scrollingHotSpotLeftVisible { background-image:url(images/move-left.png); background-color: #fff; background-repeat: no-repeat; opacity: 0.10; /* Standard CSS3 opacity setting */ -moz-opacity: 0.10; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */ filter: alpha(opacity = 20); /* Opacity for Internet Explorer. */ zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */ }

/* Invisible right hotspot */

div.scrollingHotSpotRight { min-width: 75px; width: 10%; height: 100%; background-image: url(images/big_transparent.gif); background-repeat: repeat; background-position: center center; position: absolute; z-index: 200; right: 0; }

/* Visible right hotspot */

div.scrollingHotSpotRightVisible { background-image:url(images/move-right.png);  background-color: #fff; background-repeat: no-repeat; opacity: 0.20; filter: alpha(opacity = 20); -moz-opacity: 0.20; zoom: 1; }



div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; }

div.scrollableArea { position: relative; width: auto; height: 100%; }



/*slider new*/

.blog-box{margin:auto; text-align:center; width:500px; border-bottom:2px solid #bbbaba; padding:21px 0 30px;}

.blog-title{text-align:center; margin:auto; font-family:'CenturyGothic', sans-serif; font-weight: bold; }

.blog-title a{color:#231f20;  font-family: 'CenturyGothic', sans-serif; font-size:17px; }

.blog-date{color:#231f20;  font-family: 'CenturyGothic', sans-serif; font-size:10px; text-align:center; margin:auto; line-height:22px;}

.blog-pic{margin:10px 0;}

.blog-box p{font-size:11px; line-height:18px; }

.comment {margin-top:20px;}

.comment a{color:#58595b; float:right; line-height:10px;}

.pagination{width:500px;  text-align:center; margin:20px auto}

.pagination a{font-size:12px; color:#58595b; margin:0px 5px;}

.about{width:500px; margin:30px auto; text-align:center; min-height:440px; }

.about p{font-size:12px; line-height:19px; color:#000; margin:20px 0}

.about label{display:block;   font-family: 'CenturyGothic', sans-serif; font-size:15px;}

.about input{border:2px solid #c9c8c8; width:247px; margin:7px 0; height:20px; font-size:12px; }	

.radio-div{text-align:center; float:left; display:inline-block; font-size:10px;  text-align:center; width:50px; margin:10px 0}

.about input[type="radio"]{width:19px; display:block; margin:auto !important; padding:0 !important ; text-align:center;}

.about input[type="submit"], .commentform input[type="submit"]{width:73px; background:#000; color:#fff; font-size:10px; text-align:center; border:none; cursor:pointer; padding:2px 0; height:27px; font-family: 'CenturyGothic', sans-serif; }

.age-groups{width:260px; margin:auto; text-align:center;}

.address-box{width:216px; float:left; text-align:left; font-size:10px; margin:30px 0;} 

.address-box p{ margin:0; } 

.address{width:650px !important; margin:30px auto; text-align:center; min-height:440px; }

.options{float:left; margin:0px 2px;}

.about textarea{border:2px solid #c9c8c8; width:239px; margin:7px 0; height:84px; font-size:12px; padding:4px;}	



.gallery li{float:left; margin:0px 3px;}

.gallery-heading{font-size:12px; font-weight: bold; text-align:center; margin:20px 0; }



/* updated 23 oct user */

.commentform input, .commentform textarea { border: 2px solid #C9C8C8; width: 247px; margin: 7px 0; height: 20px; font-size: 12px; }

.commentform textarea { height:85px; }

.menu-left ul li ul.sub-menu{

position:absolute;

display:none;



padding: 5px 0px 5px 0px;

margin-top:-1px;

z-index:9999;

}

.menu-left ul li ul.sub-menu li { background: rgba(255,255,255,0.8); padding:1px 0px;float:none;}

.campaign-menu{

position:absolute;

margin-left: 90px;

margin-top: 18px;

background: rgba(255,255,255,0.8);

padding: 5px 0px 5px 0px;

z-index: 9999;

display:none;

}

.campaign-menu li a{

font-family: 'CenturyGothic', sans-serif;

font-size: 13px;

color: #58595b;

}

.campaign-menu li{

padding: 1px 0px;

}

.wrapper .header{

width:965px;

margin:0 auto;

}

#mc_embed_signup label{

font-size:13px !important;

padding-right:15px;

padding-top:3px;

float:left;

}

#mc_embed_signup{

width:700px !important;

}

#mc_embed_signup input.email{

padding:2px 0 !important;

width:220px !important;

float:left;

margin:0 2% 10px 0 !important;

}

#mc_embed_signup .button{

clear:none !important;

font-size:13px !important;

width:70px !important;

min-width:70px !important;

height:22px !important;

line-height:23px !important;

border-radius:0 !important;

background-color:#FFF !important;

color: #222 !important;

font-weight:normal !important;

}



.aligncenter{text-align:center;margin:auto;display:block;}

.social img:hover{
opacity:0.4;
}




/* Global */

.single-blog #menu-item-22 a,
.current-menu-item a,
a:hover { color: #EF8221 !important; }

.hr2,
.hr1 { float: left; }


/* About Page */

.about { width: 100%; float: left; }
.about .featured { width: 48%; float: left; }
.about .featured img { width: 100%; height: auto; }
.about .article { width: 48%; float: right; text-align: left; }
.about .article .blog-title { text-align: left; }



/* Blog Page */

.page-template-page-blog-php .main { width: 90%; float: none; margin:0 auto; }
.page-template-page-blog-php .sidebar { width: 305px; float: right; }



.page-template-page-blog-php .article { margin-bottom: 60px; border-bottom: 1px solid #000; padding-bottom: 0px; }

.page-template-page-blog-php .article .blog-title { text-align: center; font-size: 18px; }
.page-template-page-blog-php .article .blog-date { text-align: center; font-size: 12px; margin-bottom: 40px; }
.page-template-page-blog-php .article .blog-social { width: 100%; min-height: 40px; margin-top: 60px; }
.page-template-page-blog-php .article .blog-social .share { float: left; }
.page-template-page-blog-php .article .blog-social .comment { float: right; font-size: 12px; margin-top: 0px; }



.page-template-page-blog-php .article .content { text-align: left !important; }
.page-template-page-blog-php .article .content p { font-size: 12px; margin-bottom: 20px; text-align: center; }



.wp-caption-text { margin-top: 10px; }




/* Menu Left */
.menu-left ul li ul.sub-menu { padding-top: 10px; }
.menu-left ul li ul.sub-menu li { padding: 6px 10px 6px 0px; }



/* Collection */

#makeMeScrollable div { float: left; }
#makeMeScrollable div.scrollableArea img { margin-bottom: 10px; max-height: 500px; }
#makeMeScrollable div.scrollableArea p { font-size: 12px; }

.nav-mobile { display: none; }


.address .parent_b { width: 250px; margin:0 auto; }
.add-another-product { width: 100% !important; float: left; }

.product-enquery { width: 100% !important; }

.address .options { width: 31%; }


.page-contact { width: 100% !important; }
.address-box { width: 33%; }


#mc_embed_signup form { padding-left: 0px !important; }


/* Presskit Page */

.garment-wrapper { width: 100%; float: left; padding: 60px 0; padding-left: 12px; }
.garment-thumb {  width: 25%; text-align: center; }
.garment-thumb:hover { opacity: 0.8; }
.garment-thumb span { font-size: 12px; color: #090909; width: 90%; float: left; margin-top: 10px; }
.grid-sizer { width: 33.333%; height: 290px; }



/* Responsive */

@media all and (max-width: 990px) {
	
	.wrapper { width: 100%; overflow-x:hidden;  }
	.wrapper .header { width: 100%; }
	#slider { width: 100%; max-height: 500px; }
	#sliderContent { width: 100%; }
	#slider img { width: 100%; height: auto; }
	li.sliderImage { width: 100%; }
	#mc_embed_signup { width: 80% !important; }
	
}


@media all and (min-width: 601px) {
	
	.wrap { display: block !important; }
	
	.nav-mobile-container { display: none; }
	.nav-desktop-container { display: block; }
	

}


@media all and (max-width: 600px) {
	
	.nav-mobile-container { display: block; }
	.nav-desktop-container { display: none; }
	
	#slider { max-height: 300px; }
	
	.logo { margin: 0px; float: left; margin-left: -13px; }
	.logo a img { width: 230px; }
	.nav { float: left; width: 100%; }
	
	.nav .menu-right,
	.nav .menu-left { float: left; width: 100%; background: #F4F4F4; }
	
	.nav .menu-right ul,
	.nav .menu-left ul { margin-left: 20px; }
	
	.nav .menu-right ul li,
	.nav .menu-left ul li { width: 100%; padding-top: 5px; padding-bottom: 5px;  background-image: none; }
	
	.nav .menu-left { padding-top: 5px; }
	
	.sub-menu { background: #F4F4F4 !important; display: block !important; position: relative !important; padding: 0px !important; margin: 0px; padding-top: 5px !important; }
	ul.sub-menu li { padding: 5px 0px 5px 20px !important; }
	
	.nav-mobile { background: url('images/nav-burger.png'); width: 40px; height: 30px; display: block; text-indent: -9999px;  border: none; float: right; margin-right: 20px; margin-top: -33px; cursor: pointer; }
	
	.nav .wrap { display: none; float: left; }
	
	#mc_embed_signup { width: 70% !important; }
	#mc_embed_signup input.email { width: 175px !important; }
	#mc_embed_signup .button { clear: both !important; border: 1px solid #CCC !important; }
	
	
	
	
	
	.about .featured { width: 100%; float: left; height: 300px; overflow: hidden; margin-bottom: 30px; }
	.about .article { width: 90%; margin: 0 auto; float: none; }
	
	.address { width: 100% !important; }
	.address-box { padding-left: 20px; width: 100% !important; }
	.address h3 { font-size: 14px; margin-bottom: 10px; }
	
	.option_1 { margin-left: 0px; } 
	
	
	
	
	#makeMeScrollable { }
	#makeMeScrollable div.scrollableArea img { max-height: 300px; }
	
	
	/* Blog */
	.page-template-page-blog-php .article .wp-caption { width: 100% !important; height: auto; }
	.page-template-page-blog-php .article .wp-caption img { width: 100%; height: auto; }

	
	/* Collection */
	
	#makeMeScrollable div { width: 100% !important; margin-bottom: 30px;  }
	#makeMeScrollable div img { width: 100%; height: auto; }
	#makeMeScrollable div p { font-size: 12px; }
	
	.menu-left ul li ul.sub-menu li { background: none; }
	
	.garment-thumb {  width: 100%; text-align: center; }
	.grid-sizer { width: 100%; height: 290px; }

}


@media all and (max-width: 440px) {

	#slider { max-height: 250px; }

}

@media all and (max-width: 380px) {

	#slider { max-height: 220px; }

}