/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #000;
}
body {
color: #000;
font-family: 'Open Sans', sans-serif;
font-size:14px;
font-weight:400;
line-height: 1.4;
letter-spacing:0.025em;
background-color:#000;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
max-width:100%;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Milkman's custom styles
========================================================================== */
/* Top Bar */
#topBar #functionsBar { background-color:#222; color:#b3b3b3; line-height:40px; }
#topBar #functionsBar .left { float:left; }
#topBar #functionsBar .right { float:right; }
#topBar #functionsBar a { border-bottom:none; color:#b3b3b3; display:inline-block; font-size:0.875em; }
#topBar #functionsBar a i { font-size:1.143em; margin-right:3px; }
#topBar #functionsBar a .cartAmount { background-color:#f69d6d; border-radius:3px; color:#000; display:inline-block; line-height:1; margin-left:3px; padding:3px; }
#topBar #functionsBar .divider { display:inline-block; margin:0 5px; }
#topBar #functionsBar a:hover { color:#f69d6d; }
#topBar { position:relative; z-index:10; }
#topBar header { padding-bottom:15px; padding-top:15px; }
#topBar header hgroup { float:left; }
#topBar h1 { display:block; float:none; height:40px; margin:15px 0 0 0; width:200px; }
#topBar h1 a { background:url(../img/all-day-socks-logo.png) no-repeat 0 0; border:none; display:block; height:100%; width:100%; }
.backgroundsize #topBar h1 a { background-image:url(../img/all-day-socks-logo@2x.png); background-size:contain; }
#topBar h2 { display:block; float:none; height:42px; margin:0; width:70px; }
#topBar h2 a { background:url(../img/logo.png) no-repeat 0 0; border:none; display:block; height:100%; width:100%; }
.backgroundsize #topBar h2 a { background-image:url(../img/logo@2x.png); background-size:contain; }
#topBar #topNav { background-color:#000; padding:15px 0; }
#topBar nav ul { list-style:none; margin:0; padding:0; }
#topBar nav ul li { float:left; }
#topBar nav ul li a { font-family:'Oswald', sans-serif; }
#topBar header nav.navbar-collapse { border-top:none; float:none; clear:both; padding:20px 0 0; }
#topBar header nav.navbar-collapse ul#menu-mobile-menu { list-style:none; margin:0; padding:0; }
#topBar header nav.navbar-collapse ul#menu-mobile-menu li { border-top:2px solid #333; display:block; float:none; padding:10px 0; width:100% }
#topBar header nav.navbar-collapse ul#menu-mobile-menu li:first-child { border-top:none; }
#topBar header nav.navbar-collapse ul#menu-mobile-menu li a { border-bottom:none; color:#fff; font-size:1.143em; }
#topBar header nav.navbar-collapse ul#menu-mobile-menu li a:hover,
#topBar header nav.navbar-collapse ul#menu-mobile-menu li.current-menu-item a { color:#f69d6d; }
.navbar-toggle { border:none; border-radius:50%; background-color:#555; float:right; height:50px; padding:5px; margin:23px 0 0; width:50px; }
.navbar-toggle:focus { outline:none; }
.navbar-collapse { box-shadow:none !important; }
.navbar-toggle .icon-bar { background-color:#000; height:3px; margin-left:auto; margin-right:auto; }
/* Slider */
.slidingBanner { height:200px; }
.slidingBanner { background-color:#000; /*height:100vh;*/ overflow:hidden; position:relative; }
.slidingBanner .flex-viewport { height:100%; }
.slidingBanner ul.bannerContainer { list-style:none; height:100%; margin:0; padding:0; position:relative; width:100%; z-index:1; }
.slidingBanner ul.bannerContainer li { background-position:center center; background-size:cover; height:100%; position:relative; width:100%; }
.slidingBanner ul.bannerContainer li .slidePrimaryLink { border-bottom:none; display:block; height:100%; position:relative; width:100%; z-index:5; }
.slidingBanner ul.bannerContainer li .btn { margin-right:-8px; }
.slidingBanner ul.bannerContainer li .slider-overlay { background-color:#000; background-color:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; padding:15px 0; width:100%; z-index:10; }
/** Slider Controls **/
.flex-direction-nav { display:none; height:0; list-style:none; margin:0; padding:0; position:absolute; top:50%; left:0; width:100%; }
.flex-direction-nav li { height:0; width:100%; }
.flex-direction-nav li a { background-color:transparent; border:3px solid #fff; color:#fff; display:block; font-size:1.125em; height:50px; line-height:44px; text-align:center; width:50px;
position: absolute;
top: 50%;
margin-top: -25px;
cursor: pointer;
z-index: 10;
-webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
-moz-transition: color 0.15s ease-out, background-color 0.15s ease-out;
-o-transition: color 0.15s ease-out, background-color 0.15s ease-out;
transition: color 0.15s ease-out, background-color 0.15s ease-out;
}
.generatedcontent.csstransforms .flex-direction-nav li a i { display:none; }
.generatedcontent.csstransforms .flex-direction-nav li a:before { border-top:3px solid #fff; border-right:3px solid #fff; content:''; display:block; height:16px; margin-left:-11px; margin-top:-8px; position:absolute; left:50%; top:50%; width:16px;
-webkit-transition: background-color 0.15s ease-out;
-moz-transition: background-color 0.15s ease-out;
-o-transition: background-color 0.15s ease-out;
transition: background-color 0.15s ease-out;
}
.generatedcontent.csstransforms .flex-direction-nav li a.flex-prev:before { margin-left:-4px;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.generatedcontent.csstransforms .flex-direction-nav li a.flex-next:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.flex-direction-nav li a.flex-next { right:15px; }
.flex-direction-nav li a.flex-prev { left:15px; }
.fancybox-nav:hover span { background-color:#fff; color:#fff; }
.flex-direction-nav li a.flex-disabled { display:none; color:#999; cursor:not-allowed; }
.flex-direction-nav li a:hover { background-color:#fff; border-color:#fff; color:#000; }
.generatedcontent.csstransforms .flex-direction-nav li a:hover:before { border-color:#000; }
.flex-direction-nav li a.flex-disabled:hover { background-color:transparent; color:#999; }
.flex-control-paging { height:0; list-style:none; margin:0; padding:0; position:absolute; left:50%; margin-left:-585px; bottom:55px; text-align:right; z-index:10; width:1170px; }
.flex-control-paging li { height:15px; display:inline-block; margin:0 0 0 5px; width:15px; }
.flex-control-paging li a { border:3px solid #fff; background-color:transparent; cursor:pointer; display:inline-block; height:15px; overflow:hidden; text-indent:999px; width:15px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-clip: content-box;
}
.flex-control-paging li a:hover { background-color:#fff; border:3px solid #fff; background-clip: border-box; }
.flex-control-paging li a.flex-active { background-color:#fff; padding:2px; }
/* Testimonials Slider */
#testimonialBlock { background-color:#fff; padding:2em; margin-bottom:15px; position:relative;
padding-bottom: -moz-calc(2em + 40px);
padding-bottom: -webkit-calc(2em + 40px);
padding-bottom: calc(2em + 40px);
}
#testimonialBlock .flex-viewport { height:100%; }
#testimonialBlock ul.slides { list-style:none; height:100%; margin:0; padding:0; position:relative; width:100%; z-index:1; }
#testimonialBlock ul.slides li { height:100%; }
#testimonialBlock ul.slides li blockquote { }
#testimonialBlock .flex-control-paging { margin:0 !important; left:0; text-align:center; width:100% !important; bottom:45px; }
#testimonialBlock .flex-control-paging a { border-color:#000; }
#testimonialBlock .flex-control-paging a:hover,
#testimonialBlock .flex-control-paging li a.flex-active { background-color:#000; }
header.pagebanner { background-color:#f69d6d; text-align:center; }
.productContent { padding-top:30px; }
.productAttributes { border-bottom:3px solid #000; border-top:3px solid #000; margin:2em 0; padding:2em 0; }
.productAttributes ul { list-style:none; margin:0; padding:0; }
.productAttributes ul.colour li { border:3px solid #000; float:left; height:40px; margin:0 -3px 0 0; overflow:hidden; padding:0; text-indent:-999px; width:40px; }
.productAttributes div { font-family:'Oswald', sans-serif; font-weight:400; text-transform:uppercase; }
.productAttributes div span { display:inline-block; }
.categoryBanner { margin-bottom:15px; padding:0; }
.categoryBanner .innerBanner { padding:15px; }
/** Pagination **/
.woocommerce-pagination { padding:25px 0; }
.woocommerce-pagination .page-numbers { list-style:none; margin:0; padding:0; text-align:center; width:100%; }
.woocommerce-pagination .page-numbers li { display:inline-block; margin:0 -8px 0 0; position:relative; z-index:10; }
.woocommerce-pagination .page-numbers li:hover { z-index:15; }
.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span { border:3px solid #000; color:#000; display:block; font-size:1.125em; font-family:'Oswald', sans-serif; height:50px; line-height:44px; text-align:center; width:50px; }
.woocommerce-pagination .page-numbers li span { background-color:#000; color:#fff; }
/** Sidebar **/
aside { background-color:#000; margin:0; padding:10px; position:relative; z-index:2; }
.taxonomyNav ul { list-style:none; margin:0; padding:0; }
.taxonomyNav ul li { border-top:3px solid #333; padding:0; position:relative; }
.taxonomyNav ul li:first-child { border-top:none; }
.taxonomyNav ul li .dropdownArrow { cursor:pointer; color:#fff; display:block; font-size:1em; font-weight:300; height:20px; line-height:20px; position:absolute; top:15px; right:15px; text-align:center; width:20px; }
.taxonomyNav ul li.open .dropdownArrow,
.taxonomyNav ul li.current-cat .dropdownArrow,
.taxonomyNav ul li.current-cat-parent .dropdownArrow,
.taxonomyNav ul li:hover .dropdownArrow { color:#000; }
.taxonomyNav ul li > a { background-color:#000; border-bottom:none; display:block; color:#fff; font-size:1.125em; font-family:'Oswald', sans-serif; font-weight:700; padding:15px; text-transform:uppercase; }
.taxonomyNav ul li ul { padding:0; }
.taxonomyNav ul li ul li { }
.taxonomyNav ul li ul li:last-child { padding-bottom:0; }
.taxonomyNav ul li ul li a { border-bottom:none; font-size:0.889em; font-weight:400; padding-left:30px; }
.taxonomyNav ul li ul li ul { border-top:3px solid #333; padding:0; }
.taxonomyNav ul li.cat-item-146:hover > a,
.taxonomyNav ul li.cat-item-146.current-cat > a,
.taxonomyNav ul li.cat-item-146.current-cat-parent > a,
.taxonomyNav ul li.cat-item-146.open > a { background-color:#f66d8a; color:#000; }
.taxonomyNav ul li.cat-item-146 ul li a:hover,
.taxonomyNav ul li.cat-item-146 ul li.current-cat > a,
.taxonomyNav ul li.cat-item-146 ul li.current-cat-parent > a { color:#f66d8a; }
/* yellow - f6db6d */
.taxonomyNav ul li.cat-item-220:hover > a,
.taxonomyNav ul li.cat-item-220.current-cat > a,
.taxonomyNav ul li.cat-item-220.current-cat-parent > a,
.taxonomyNav ul li.cat-item-220.open > a { background-color:#6da4f6; color:#000; }
.taxonomyNav ul li.cat-item-220 ul li a:hover,
.taxonomyNav ul li.cat-item-220 ul li.current-cat > a,
.taxonomyNav ul li.cat-item-220 ul li.current-cat-parent > a { color:#6da4f6; }
.taxonomyNav ul li.cat-item-10:hover > a,
.taxonomyNav ul li.cat-item-10.current-cat > a,
.taxonomyNav ul li.cat-item-10.current-cat-parent > a,
.taxonomyNav ul li.cat-item-10.open > a { background-color:#f66d8a; color:#000; }
.taxonomyNav ul li.cat-item-10 ul li a:hover,
.taxonomyNav ul li.cat-item-10 ul li.current-cat > a,
.taxonomyNav ul li.cat-item-10 ul li.current-cat-parent > a { color:#f66d8a; }
.taxonomyNav ul li.cat-item-222:hover > a,
.taxonomyNav ul li.cat-item-222.current-cat > a,
.taxonomyNav ul li.cat-item-222.current-cat-parent > a,
.taxonomyNav ul li.cat-item-222.open > a { background-color:#6df6e1; color:#000; }
.taxonomyNav ul li.cat-item-222 ul li a:hover,
.taxonomyNav ul li.cat-item-222 ul li.current-cat > a,
.taxonomyNav ul li.cat-item-222 ul li.current-cat-parent > a { color:#6df6e1; }
.category-box a:hover,
.woocommerce-pagination .page-numbers li a:hover { background-color:#f69d6d; }
body[class*="term-women"] header.pagebanner,
body[class*="term-women"] .category-box a:hover,
body[class*="term-women"] .woocommerce-pagination .page-numbers li a:hover { background-color:#f66d8a; }
body[class*="term-men"] header.pagebanner,
body[class*="term-men"] .category-box a:hover,
body[class*="term-men"] .woocommerce-pagination .page-numbers li a:hover { background-color:#6da4f6; }
body[class*="term-kids"] header.pagebanner,
body[class*="term-kids"] .category-box a:hover,
body[class*="term-kids"] .woocommerce-pagination .page-numbers li a:hover { background-color:#f66d8a; }
body[class*="in-store-now"] header.pagebanner,
body[class*="in-store-now"] .category-box a:hover,
body[class*="in-store-now"] .woocommerce-pagination .page-numbers li a:hover { background-color:#6df6e1; }
.contentRow { padding-top:0; }
.contentRow:first-child { padding-top:0; }
/*.contentRow .contentImg { border:3px solid #ddd; }*/
.contentBlock { padding:2em 0 2.5em; }
.contentRow:last-child .contentBlock:last-child { margin-bottom:0; }
.contentBlock h3 { font-size:1.5em; }
.imgWrap { background-color:#fff; }
.imgWrap img { margin:0 auto; }
.pageImg { margin-bottom:2em; }
.contentArea,
.formWrap form { background-color:#fff; padding:2.5em 0; }
header .contentArea { background-color:transparent; }
.home .contentArea { padding:15px 0 0; }
.lightGrey { background-color:#f5f5f5; }
.divider,
.divider-xs,
.divider-sm { margin-top:2em; }
/* ==========================================================================
Footer
========================================================================== */
#availableAt { background-color:#555; color:#fff; padding:20px 0; line-height:60px; text-align:center; }
#availableAt h3 { margin:0 0 15px 0; }
#availableAt .retailer { border-bottom:none !important; background-size:contain; display:inline-block; margin:0 10px -10px; }
#availableAt .retailer.bigw { background:url(../img/big-w-logo.png) no-repeat 0 0; height:60px; margin-bottom:-20px; width:60px; }
.backgroundsize #availableAt .retailer.bigw { background-image:url(../img/big-w-logo@2x.png); background-size:contain; }
#availableAt .retailer.woolworths { background:url(../img/woolworths-logo.png) no-repeat 0 0; height:40px; width:136px; }
.backgroundsize #availableAt .retailer.woolworths { background-image:url(../img/woolworths-logo@2x.png); background-size:contain; }
#availableAt .retailer.bestandless { background:url(../img/best-and-less-logo.png) no-repeat 0 0; height:40px; width:118px; }
.backgroundsize #availableAt .retailer.bestandless { background-image:url(../img/best-and-less-logo@2x.png); background-size:contain; }
#availableAt .retailer.target { background:url(../img/target-logo.png) no-repeat 0 0; height:40px; width:112px; }
.backgroundsize #availableAt .retailer.target { background-image:url(../img/target-logo@2x.png); background-size:contain; }
#availableAt .retailer.myer { background:url(../img/myer-logo.png) no-repeat 0 0; height:40px; width:112px; }
.backgroundsize #availableAt .retailer.myer { background-image:url(../img/myer-logo@2x.png); background-size:contain; }
.footerDivider { border-bottom:3px solid #333; clear:both; height:43px; }
#bottomBar { background-color:#000; color:#eee; padding:30px 0; }
#bottomBar .footerContent { padding-bottom:30px; }
#bottomBar .footerContent ul { list-style:none; margin:0; padding:0; }
#bottomBar .footerContent ul li { border-top:1px solid #333; }
#bottomBar .footerContent ul li:first-child,
#bottomBar .footerContent form ul li { border-top:none; }
#bottomBar .footerContent ul li a { border-bottom:none; color:#eee; display:block; padding:5px 0; }
#bottomBar .footerContent ul li a:hover { color:#f69d6d }
#bottomBar .footerContent h4 { font-size:1.25em; font-weight:700; margin:0 0 1em; }
#bottomBar .footerContent h5 { font-size:1.125em; font-weight:400; margin:0 0 1em; }
#bottomBar .footerContent strong { font-weight:500; }
#bottomBar .footerContent p { margin:10px 0 0; }
#bottomBar .footerContent form { margin-top:20px; }
#bottomBar .footerContent .gform_wrapper ul li,
#bottomBar .footerContent .form-row { margin-bottom:10px; }
#bottomBar .footerContent .socialLinks { margin-bottom:2em; }
#bottomBar .footerContent a { border-bottom:1px solid #eee; color:#eee; }
#bottomBar .footerContent a:hover { border-bottom:none; }
#bottomBar .legality { border-bottom:3px solid #333; border-top:3px solid #333; font-size:0.938em; padding:30px 0; }
#bottomBar .legality a { border-bottom:1px solid #eee; color:#eee; }
#bottomBar .legality a:hover { border-bottom:none; }
#bottomBar .legality .legalityLeft { }
#bottomBar .legality .legalityRight { margin-top:1em; }
#bottomBar .copyright { color:#999; font-size:0.938em; padding-top:30px; text-align:center; }
#bottomBar .copyright a { border-bottom:1px solid #999; color:#999; }
#bottomBar .copyright a:hover { border-bottom:none; }
#bottomBar #gforms_confirmation_message_2 { margin-top:30px; text-align:left; }
#bottomBar .gform_confirmation_message { text-align:left; }
#bottomBar .footerContent input,
#bottomBar .footerContent textarea { border-width:2px; border-color:#eee; background-color:#000; color:#eee; padding:10px; }
#bottomBar .footerContent input:hover { border-color:#f69d6d; background-color:#000; }
#bottomBar .footerContent input:focus { border-color:#fff; background-color:#fff; color:#000; }
#bottomBar .footerContent input.gform_button { background-color:#eee; border-color:#eee; color:#000; font-size:1.125em; font-weight:400; padding:0.75em 1.5em; }
#bottomBar .footerContent input.gform_button:hover,
#bottomBar .footerContent input.gform_button:focus { background-color:#f69d6d; border-color:#f69d6d; color:#000; }
#bottomBar .footerContent .gform_footer { clear:both; text-align:left; }
#bottomBar .footerContent input::-webkit-input-placeholder { color: #eee; }
#bottomBar .footerContent input:-moz-placeholder { color: #eee; }
#bottomBar .footerContent input::-moz-placeholder { color: #eee; }
#bottomBar .footerContent input:-ms-input-placeholder { color: #eee; }
#bottomBar .footerContent input:focus::-webkit-input-placeholder { color: #eee; }
#bottomBar .footerContent input:focus:-moz-placeholder { color: #eee; }
#bottomBar .footerContent input:focus::-moz-placeholder { color: #eee; }
#bottomBar .footerContent input:focus:-ms-input-placeholder { color: #eee; }
/* Products */
#additionalInformation { }
#additionalInformation ul li { margin:0.5em 0; }
#additionalInformation table { width:100%; }
#additionalInformation table td { border-bottom:1px solid #000; padding:0.35em 0; }
#additionalInformation table tr:last-child td { border-bottom:none; }
ul.variations { margin-bottom:-10px; }
.addtocartContainer { border-top:3px solid #000; margin-top:2em; padding-top:2em; }
.addtocartContainer button.button { float:left; }
.quantityContainer { float:left; margin-right:20px; padding-left:50px; position:relative; width:135px; }
.quantityContainer span.qty { font-weight:700; margin-top:-11px; position:absolute; top:50%; left:0; text-transform:uppercase; }
.quantity.buttons_added { padding:0 30px 0 0; }
.quantity.buttons_added input.qty { border:3px solid #000; border-radius:0; font-size:1.5em; height:60px; padding:0; text-align:center; width:60px; }
/*.quantity.buttons_added input.qty:hover,
.quantity.buttons_added input.qty:focus { background-color:#f5f5f5; color:#000; }*/
.quantity.buttons_added input.minus,
.quantity.buttons_added input.plus { border:none; border-radius:0; background-color:#000; color:#fff; height:30px; padding:0; position:absolute; right:0; top:0; width:30px; }
.quantity.buttons_added input.minus { top:auto; bottom:0; }
.quantity.buttons_added input.minus:hover,
.quantity.buttons_added input.minus:focus,
.quantity.buttons_added input.plus:hover,
.quantity.buttons_added input.plus:focus { border-color:#000; background-color:#000; color:#fff; }
.quantity.buttons_added input[type=number]::-webkit-inner-spin-button,
.quantity.buttons_added input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
/*--------------------------------------------------------------
Pixel 2 Coding Style
--------------------------------------------------------------*/
.productbox{
overflow:hidden;
margin:0 0px 15px;
position:relative;
text-align:center;
background-position:center center;
background-repeat:no-repeat;
background-color:#000;
background-size:cover;
height:180px;
}
.productbox > a { border:none; display:block; height:100%; width:100%; }
.box-caption{
position:absolute;
width:100%;
padding:15px;
left:0px;
bottom:0px;
text-align:left;
background:rgba(255,255,255,0.7);
}
.box-caption h2{
padding:0px;
margin:0px;
font-family: 'Oswald', sans-serif;
font-weight:700;
font-size:1.125em;
color:#000000;
text-transform:uppercase;
line-height:54px;
}
.box-title{
float:left; line-height:60px;
padding:0;
}
.box-caption .btn{
float:right;
}
.productbox-row .box-caption h2{
margin:0 0 0.5em;
font-size:2em;
line-height:1.2;
}
.productbox-row .box-caption .btn{
float:none;
}
.productbox:hover .btn{
background:#000;
color:#fff;
}
.productbox-row{
overflow:hidden;
margin:0 0px 15px;
position:relative;
text-align:center;
background-position:center center;
background-repeat:no-repeat;
background-color:#000;
background-size:cover;
height:180px;
}
.productbox-row.underwear { background-image:url(../img/underwear-background.gif); }
.productbox-row.socks { background-image:url(../img/buy-now-banner.gif); color:#fff; }
.productbox-row.socks h2 { color:#fff; }
.productbox-row .box-caption{ top:50%; bottom:auto; transform:translateY(-50%); -webkit-transform:translateY(-50%); text-align:center; background:none;}
.productbox-row.socks .box-caption { padding-right:40%; text-align:left; }
.productbox-row .box-caption div a.btn{ margin-right:-5px; border-color:#fff; color:#fff;}
.productbox-row .box-caption div a.btn:hover {background-color:#fff; color:#000; }
.productbox-row .box-caption div a.btn:focus {background-color:#f69d6d; border-color:#f69d6d; color:#000; }
.productbox-row .box-caption div a.btn:nth-child(2),
.productbox-row .box-caption div a.btn:nth-child(3) { border-left:none; }
.inner-banner-content h1{
padding:0px;
margin:0px 0px 0.25em;
font-family: 'Oswald', sans-serif;
color:#000000;
font-size:3.000em;
font-weight:700;
text-transform:uppercase;
letter-spacing:0.05em;
}
.inner-banner-content h2{
font-family: 'Oswald', sans-serif;
padding:0px;
margin:0px;
font-weight:400;
font-size:1.000em;
color:#000000;
text-transform:uppercase;
letter-spacing:0.05em;
}
.inner-banner-content h2 a{
color:#000000;
text-decoration:none;
border-bottom:none;
}
.inner-banner-content h2 a:hover { border-bottom:2px solid #000; }
.woocommerce .woocommerce-breadcrumb{
font-family: 'Oswald', sans-serif;
padding:0px;
margin:0 0 1.5em;
font-weight:400;
font-size:1.000em;
color:#000000;
text-transform:uppercase;
letter-spacing:0.05em;
line-height:1.6;
}
.woocommerce .woocommerce-breadcrumb a{
color:#000000;
text-decoration:none;
border-bottom:none;
}
.woocommerce .woocommerce-breadcrumb span { display:inline-block; }
.woocommerce .woocommerce-breadcrumb a:hover { border-bottom:2px solid #000; }
.single-product .container-wrap, .cat-main{
background:#f5f5f5;
}
.category-content{
background:#fff;
padding:15px;
position:relative;
}
.category-box {
margin:0 0 15px;
text-align:center;
font-weight:300;
font-size:1.125em;
transition: all 0.18s ease-out 0.12s;
}
.category-box a { border-bottom:none; display:block; padding:15px; }
.category-box h3, .category-box span.price{
text-transform:uppercase;
color:#000;
margin:20px 5px 5px;
font-size:1em;
font-weight:700;
letter-spacing:0.025em;
}
.product-image {
/*border: 1px solid #f5f5f5;*/
padding: 15px;
background:#fff;
}
.product-image img { margin:0 auto; }
/* woocommerce css
-------------------------------*/
.related.products{
clear:both;
background:#fff;
padding:25px 15px 0;
}
.related.products h2 {
text-align: center; font-size:2em;
}
.woocommerce div.product div.images img{
width:auto;
display:inline;
}
.single-product .images{
background:#fff;
text-align:center;
padding:15px;
}
/*
* Shopping Cart
*/
.shop_table.cart th { border-bottom:3px solid #000; font-weight:700; padding:0 10px 5px; }
.shop_table.cart td { border-top:2px solid #000; padding:15px 10px; }
.shop_table.cart tr:last-child td { border-top:3px solid #000; }
.shop_table.cart .product-remove,
.shop_table.cart .product-thumbnail { text-align:center; }
.shop_table.cart .product-name { text-align:left; }
.shop_table.cart .product-price,
.shop_table.cart .product-quantity,
.shop_table.cart .product-subtotal { text-align:right; }
.shop_table.cart ul { list-style:none; margin:0.5em 0; padding:0; }
.shop_table.cart td.product-subtotal { font-family: 'Oswald', sans-serif; font-size:1.25em; }
td.product-thumbnail .attachment-shop_thumbnail { border:3px solid #f5f5f5; display: block; margin:0 auto; max-width: 100%; height: auto;
-webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
-moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
-o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}
td.product-thumbnail a:hover .attachment-shop_thumbnail { border-color:#f69d6d; }
td.product-remove a { border-bottom:none; font-size:2.5em; }
td.product-remove a:hover { color:#EF0003; }
td .button.update_cart { float:right; }
.cart-collaterals { background-color:#fff; padding:2em; }
/*.cart_totals { padding-top:40px; }*/
.cart_totals th { border-bottom:2px solid #000; padding:15px 0; text-align:left; }
.cart_totals td { border-bottom:2px solid #000; padding:15px 0; text-align:right; }
.cart_totals tr:first-child th,
.cart_totals tr:first-child td { padding-top:0; }
.cart_totals tr:last-child th,
.cart_totals tr:last-child td { border-bottom:none; }
.cart_totals th { padding-right:20px; }
.cart_totals td small { display:block; }
.cart_totals .tax-rate th,
.cart_totals .tax-rate td { padding-bottom:20px; }
.cart_totals .order-total th,
.cart_totals .order-total td { border-top:3px solid #000; padding:30px 0 0; }
.cart_totals .order-total td { font-family: 'Oswald', sans-serif; font-size:1.75em; }
.cart_totals .order-total td strong { font-weight:400; }
.wc-proceed-to-checkout { margin-top:30px; text-align:right; }
/*.shop_table { text-align:left; }
.shop_table th { border-bottom:3px solid #61504d; font-weight:700; padding-bottom:5px; }
.shop_table td { border-top:1px solid #61504d; padding-top:30px; padding-bottom:30px; }
.cart.shop_table td { border-bottom:3px solid #222; }
td.product-thumbnail .attachment-shop_thumbnail { border:3px solid #222; display: block; margin:0 auto; max-width: 100%; height: auto; }
td.product-thumbnail a:hover .attachment-shop_thumbnail { border-color:#ed1e53; }
.shop_table .product-total,
.shop_table .product-total,
.shop_table tfoot td { text-align:right; }
td.product-name p { margin:0; }
td.product-name a { font-size:1.25em; font-weight:700; }
td.product-subtotal { font-size:1.5em; }
td .quantityContainer { padding-left:0; width:85px; }
td.product-remove a { border-bottom:none; font-size:2.5em; }*/
.couponNotice,
.checkout_coupon { }
.couponNotice { text-align:center; }
.coupon input#coupon_code { border-right:none; float:left; height:60px;
width: -moz-calc(100% - 168px);
width: -webkit-calc(100% - 168px);
width: calc(100% - 168px);
}
.checkout_coupon input#coupon_code { border-right:none; float:left;
width: -moz-calc(100% - 168px);
width: -webkit-calc(100% - 168px);
width: calc(100% - 168px);
}
.coupon input.button,
checkout_coupon input.button { float:left; }
.buttonGroup input.button { display:block; float:left; font-size:1em; width:200px; }
.buttonGroup input.button.reverse { margin-right:0; }
@media (max-width: 767px) {
.coupon input#coupon_code { height:52px;
width: -moz-calc(100% - 148px);
width: -webkit-calc(100% - 148px);
width: calc(100% - 148px);
}
}
/*
* Checkout
*/
#ship-to-different-address { clear:both; }
#ship-to-different-address h3 { margin-top:3em; margin-bottom:10px; }
#ship-to-different-address label { display:inline-block; padding-left:0; }
#order_review { clear:both; background-color:#fff; padding:2em; }
#order_review.thankyou { background-color:#f5f5f5; padding:30px; }
#order_review_heading { clear:both; }
#order_review .shop_table td { border-top:3px solid #000; padding-top:15px; padding-bottom:15px; }
#order_review th.product-name,
#order_review td.product-name { padding-left:0; padding-right:0; }
#order_review tfoot .cart-subtotal th,
#order_review tfoot .cart-subtotal td,
#order_review tfoot tr:first-child th,
#order_review tfoot tr:first-child td { border-top:3px solid #000 !important; }
#order_review tfoot tr th { border-top:2px solid #000 !important; text-align:left; }
#order_review tfoot tr td { border-top:2px solid #000 !important; text-align:right; }
#order_review tfoot tr.order-total th,
#order_review tfoot tr.order-total td { font-size:1.125em; }
#order_review tbody td.product-name { font-size:1em; text-align:left; }
#order_review tbody td.product-total { font-size:1em; text-align:right; }
#order_review thead th.product-name { font-size:1em; text-align:left; padding-bottom:10px; }
#order_review thead th.product-total { font-size:1em; text-align:right; padding-bottom:10px; }
#order_review tbody tr:first-child th,
#order_review tbody tr:first-child td { border-top:3px solid #000 !important; }
#order_review tbody tr th { border-top:2px solid #000 !important; text-align:left; }
#order_review tbody tr td { border-top:2px solid #000 !important; text-align:right; }
#order_review tbody ul { list-style:none; margin:0.5em 0; padding:0; }
table.customer_details { margin-bottom:30px; }
.customer_details th,
.customer_details td { border:none !important; padding:5px 0 !important; }
ul.payment_methods { border-top:3px solid #000; list-style:none; margin:0 !important; padding:15px 0; }
ul.payment_methods li { padding:15px 0; margin:0; }
ul.payment_methods li label { margin:0; }
ul.payment_methods li .payment_box { margin-top:15px; }
ul.payment_methods li label a,
ul.payment_methods li label img { display:none; }
#payment .form-row.place-order { margin:0; }
/*#customer_details { margin-top:2em; }*/
#customer_details .col-2 { margin-top:2em; }
.logged-in #customer_details { margin-top:0; }
.formWrap { background-color:#fff; }
.formWrap form { }
form.login .form-row label.inline { display:block; margin:15px 0; }
form.login .lost_password { margin:0; }
.clear { clear:both; }
.create-account { clear:both; margin:0 !important; padding:1em 0; }
/*#billing_city_field,
#billing_state_field,
#billing_postcode_field { margin-bottom:0; }*/
/*.checkout h3 { text-align:center; }*/
/** Notices **/
.woocommerce-info,
.woocommerce-message,
div.woocommerce-error { border:none; /*border-top:1px solid;*/ margin:0 0; padding:20px; text-align:left; text-shadow:none; }
.woocommerce-message a,
.woocommerce-error a { display:none !important; }
.woocommerce-info { background-color:#bfe1ff; border-color:#134e80; color:#134e80; }
.woocommerce-message { background-color:#d4ffbf; border-color:#378013; color:#378013; }
div.woocommerce-error { background-color:#ffbfbf; border-color:#801313; color:#801313; }
.woocommerce-error ul { list-style:none; margin:0; padding:0; }
#stripe-cc-form .woocommerce-info,
#stripe-cc-form .woocommerce-message,
#stripe-cc-form .woocommerce-error { background-color:transparent; border:none; }
#stripe-cc-form .woocommerce-error li { background-color:#FBE3E4; border:3px solid #FBC2C4; color:#8A1F11; padding:15px;
border-radius: 6px;
background-clip: border-box;
}
.woocommerce-checkout #main .woocommerce-info,
.woocommerce-checkout #main .woocommerce-message,
.woocommerce-checkout #main .woocommerce-error { background-color:transparent; border-bottom:3px dashed #d5d5d5; color:#702376; margin:0 0 30px; padding:0 0 30px; text-align:left; text-shadow:none; }
.woocommerce-checkout #main .woocommerce-error { color:#b81c23; }
.woocommerce-checkout #main .woocommerce-info a,
.woocommerce-checkout #main .woocommerce-message a { border-bottom-color:#702376; color:#702376 !important; }
.woocommerce-checkout #main .woocommerce-error a { border-bottom-color:#b81c23; color:#b81c23 !important; }
ul#shipping_method { list-style:none; margin:0; padding:0; }
/** Tables **/
table { width:100%; }
table tr th,
table tr td { border-top:2px solid #000; padding:15px 0; }
table tbody tr:first-child th,
table thead tr th,
table tbody tr:first-child td,
table thead tr td { border-top:none; border-bottom:2px solid #000; }
table tr th:first-child,
table tr td:first-child { text-align:left; }
table tr th:last-child,
table tr td:last-child { text-align:right; }
/** Account Navigation **/
.woocommerce-MyAccount-navigation { background-color:#fff; padding:2em; }
.woocommerce-MyAccount-navigation ul { list-style:none; margin:0; padding:0; }
.woocommerce-MyAccount-navigation ul li { border-top:2px solid #eee; padding:0; }
.woocommerce-MyAccount-navigation ul li:first-child { border-top:none; }
.woocommerce-MyAccount-navigation ul li a {
background-color: #fff;
border-bottom: none;
display: block;
color: #000;
font-size: 1.125em;
font-family: 'Oswald', sans-serif;
font-weight: 500;
padding: 10px;
text-transform: uppercase;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover { background-color:#f69d6d; }
/*
* Store Locator
*/
#mapSearch { background-color:#fff; padding:2em; }
#mapSearch #addy_in_address, #mapSearch #addy_in_radius { margin-bottom:10px; }
input.slp_ui_button { margin-top:10px; }
#locationMap { height:600px; }
#locationMap div#map { border:2em solid #fff; box-shadow:none; }
#searchResults { background-color:#fff; padding:0 2em 2em; }
div#sl_div { margin-top:2em !important; width:auto !important; }
@media (max-width: 767px) {
#locationMap { height:400px; }
}
.mediaPost { background-color:#fff; padding:2em; margin-top:2em; }
.mediaPost:first-child { margin-top:0; }
blockquote { margin:0; }
blockquote p { font-size:1.125em; }
blockquote footer { color:#333; }
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/** Accordions **/
.accordionContainer { }
.accordionContainer .accordionPanel { border-bottom:2px solid #000; margin:0; }
.accordionContainer .accordionPanel:last-child { border-bottom:none; }
.accordionContainer .accordionPanel h3 { font-size:1.125em; font-weight:500; margin:0; position:relative; text-transform:none; }
.accordionContainer .accordionPanel h3:hover { z-index:10; }
.accordionContainer .accordionPanel h3 a { border:none; color:#000; display:block; padding:2em 40px 2em 0; position:relative; }
.accordionContainer .accordionPanel h3 a span { font-size:0.85em; font-weight:400; height:30px; line-height:26px; margin-top:-15px; position:absolute; top:50%; right:0; text-align:center; width:30px; }
.accordionContainer .accordionPanel h3 a:hover { color:#f69d6d; }
.accordionContainer .accordionPanel .panelContent { display:block; margin-bottom:-1px; overflow:hidden; padding:0 0 2em;
-webkit-transition: background-color 0.25s ease-out;
-moz-transition: background-color 0.25s ease-out;
-o-transition: background-color 0.25s ease-out;
transition: background-color 0.25s ease-out;
}
.accordionPanel:first-child {
border-radius: 6px 6px 0 0;
background-clip: padding-box;
}
.accordionPanel:last-child {
border-radius: 0 0 6px 6px;
background-clip: padding-box;
}
.accordionPanel:last-child .panelContent { margin-bottom:0; }
/* ==========================================================================
Typography
========================================================================== */
h1:first-child, h2:first-child, h3:first-child, p:first-child { margin-top:0; }
h1:last-child, h2:last-child, h3:last-child, p:last-child { margin-bottom:0; }
p { letter-spacing:0; }
strong { font-weight:600; }
h1,h2,h3,h4,h5,h6, .category-box span.price{
font-family: 'Oswald', sans-serif;
font-weight:700;
text-transform:uppercase;
line-height:1.2;
}
h1.product_title { font-size:2em; letter-spacing:0.05em; margin-bottom:0.5em; }
abbr[title] { border-bottom:none; color:red; }
.centered { text-align:center; }
/* ==========================================================================
Links
========================================================================== */
a { border-bottom:1px dotted #000; color:#000; text-decoration:none;
-webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
-moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
-o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}
a:hover { border-bottom:none; color:#000; text-decoration:none; }
a:focus { color:#000; text-decoration:none; }
.btn { background-color:transparent; border:3px solid #000; color:#000; display:inline-block; font-family: 'Oswald', sans-serif; font-size:1em; font-weight:400; line-height:1; padding:1em; text-align:center; text-transform:uppercase;
-webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
-moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
-o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}
.btn:hover { background-color:#000; border:3px solid #000; color:#fff; }
.btn:focus { background-color:#f69d6d; border:3px solid #f69d6d; color:#000; }
.btn.white { border-color:#fff; border:3px solid #fff; color:#fff; }
.btn.white:hover { background-color:#fff; border:3px solid #fff; color:#000; }
.btn.white:focus { background-color:#f69d6d; border:3px solid #f69d6d; color:#000; }
.socialLink { background-color:#000; border:2px solid #000; color:#fff; display:inline-block; font-size:1.25em; height:36px; line-height:32px; margin-right:10px; text-align:center; width:36px;
border-radius: 50%;
background-clip: border-box;
}
.socialLink:hover,
.socialLink:focus { background-color:#fff; border:2px solid #000; color:#000; }
#bottomBar .footerContent .socialLink { background-color:#eee; border:2px solid #eee; color:#000; }
#bottomBar .footerContent .socialLink:hover,
#bottomBar .footerContent .socialLink:focus { background-color:#f69d6d; border:2px solid #f69d6d; color:#000; }
/* ==========================================================================
Forms
========================================================================== */
input, textarea, select, button.button, input.button { background-color:#fff; border:3px solid #000; color:#000; cursor:pointer; margin:0; padding:15px; outline:none; text-shadow:none; width:100%;
-webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
-moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
-o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
-webkit-appearance: none;
border-radius: 0;
}
textarea { height:130px; }
input:hover, textarea:hover { border-color:#f69d6d; outline:none; }
input:focus, textarea:focus { background-color:#000; border-color:#000; color:#fff; outline:none; }
select { padding-right:30px;
background:#fff url(../img/select-arrow.png) no-repeat center right;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
input[type="checkbox"], input[type="radio"] { background-color:transparent; height:20px; margin-bottom:-4px; margin-right:5px; width:20px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none; }
input[type="radio"] {
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
input:checked { background-color:#f69d6d; background-clip:content-box; border-color:#f69d6d; outline:none; padding:3px; }
::-webkit-input-placeholder { color: #000; }
:-moz-placeholder { color: #000; }
::-moz-placeholder { color: #000; }
:-ms-input-placeholder { color: #000; }
label { font-size:1em; font-weight:normal; margin-bottom:5px; }
.placeholder-support .gform_body label { display:none; }
#billing_country_field label,
#shipping_country_field label { display:block; }
.gform_footer { text-align:center; }
input.gform_button,
button.button,
input.button,
a.button,
input.slp_ui_button { background-color:#fff; border:3px solid #000; color:#000; display:inline-block; font-family: 'Oswald', sans-serif; font-size:1.125em; font-weight:400; line-height:1; padding:1em 1.5em; text-align:center; text-transform:uppercase; width:auto; }
input.gform_button:hover,
button.button:hover,
input.button:hover,
a.button:hover,
input.slp_ui_button:hover { background-color:#000; border:3px solid #000; color:#fff; }
input.gform_button:focus,
button.button:focus,
input.button:focus,
a.button:focus,
input.slp_ui_button:focus { background-color:#f69d6d; border:3px solid #f69d6d; color:#000; }
.gform_wrapper ul { list-style:none; margin:0; padding:0; }
.gform_wrapper ul li,
.ginput_full.address_line_1,
.ginput_left.address_city,
.ginput_right.address_state,
.ginput_left.address_zip,
.ginput_right.address_country { margin-bottom:10px; }
.gf_clear,
.ginput_complex { clear:both; }
.ginput_full.address_line_1 { display:block; }
.input_left,
.input_right,
.name_first,
.name_last,
.input_mid,
.ginput_left,
.ginput_right { display:block; width:50%; }
.input_left,
.name_first,
.ginput_left { float:left; padding-right:5px; }
.input_right,
.name_last,
.ginput_right { float:right; padding-left:5px; }
.input_left.third,
.input_right.third,
.input_mid.third { float:left; display:block; width:33.33%; }
.gfield_html { clear:both; margin-bottom:0; }
.gfield_html h2 { font-size:1.5em !important; padding-top:30px; }
#field_2_1.gfield_html h2 { padding-top:0; }
/** Warnings **/
.validation_error { display:none; }
.validation_message { border:2px solid; display:none !important; font-weight:400; margin-top:10px; padding:15px; text-shadow:none; }
.validation_message { background-color:#FBE3E4; border-color:#FBC2C4; color:#8A1F11 !important; }
.gfield_contains_required.gfield_error input,
.gfield_contains_required.gfield_error textarea,
.gfield_contains_required.gfield_error select { border-color:red !important; }
.gfield_contains_required.gfield_error label { color:red !important; }
/** Warnings **/
.validation_error { }
.validation_message { border:3px solid; display:block; font-weight:400; margin-top:10px; padding:15px; text-shadow:none; }
.validation_message { background-color:#FBE3E4; border-color:#FBC2C4; color:#8A1F11 !important; }
.select2-choice { border:3px solid #000 !important; border-radius:0 !important; background-color:#fff !important; color:#000 !important; cursor:pointer; margin:0; padding:15px !important; outline:none; text-shadow:none; width:100%; }
.select2-search input { border:3px solid #000 !important; border-radius:0 !important; background-color:#fff !important; color:#fff !important; cursor:pointer; margin:0; outline:none; text-shadow:none; width:100%; }
.select2-drop { border:3px solid #000 !important; border-top:none !important; border-radius:0 !important; background-color:#fff !important; color:#61504d !important; cursor:pointer; margin:0; padding:12px !important; outline:none; text-shadow:none; width:100%; }
.select2-drop.select2-drop-above { border-bottom:none !important; border-top:3px solid #000 !important; }
.select2-search { padding:0 0 12px !important; }
.select2-results { padding:0 !important; }
/* ==========================================================================
Responsive Styles
========================================================================== */
@media (max-width: 420px) {
.shop_table_responsive { display:block; overflow-x:auto; }
}
@media (max-width: 767px) {
.flex-control-paging { padding:0 15px; left:0; margin-left:0; bottom:30px; text-align:center; width:100%; }
.box-caption { padding:10px; }
.box-caption h2 { line-height:48px; }
.productbox-row .box-caption .btn { margin:0; }
.hidden_xs { display:none !important; }
.hide-xs { display:none; }
footer .copyright span { display:block; }
#availableAt { padding-bottom:0; }
#availableAt h3 { margin:0 0 10px; }
#availableAt .retailer { margin:0 5px; }
#availableAt .retailer.bigw { margin-bottom:-10px; }
/*#availableAt .retailer.bigw { background-size:contain; height:30px; margin-bottom:-5px; width:30px; }
#availableAt .retailer.woolworths { background-size:contain; height:20px; width:68px; }
#availableAt .retailer.bestandless { background-size:contain; height:20px; width:59px; }
#availableAt .retailer.target { background-size:contain; height:20px; width:56px; }
#availableAt .retailer.myer { background-size:contain; height:20px; width:56px; }*/
#additionalInformation .contentArea div:first-child { margin-bottom:2em; }
td.product-thumbnail,
th.product-thumbnail,
th.product-price,
td.product-price { display:none; }
}
@media (min-width: 768px) {
body { font-size:16px; }
/* Top Bar */
#functionsBar { }
#topBar header { padding-bottom:30px; padding-top:30px; }
#topBar hgroup { float:left; }
#topBar h1 { float:none; height:59px; margin:0 0 -9px; width:300px; }
#topBar h2 { float:none; height:59px; margin:0 0 15px 0; width:100px; }
#topBar header nav.navbar-collapse { clear:both; margin:-22px 0 -8px; padding:30px 0 0; }
#topBar nav ul li { border-right:2px solid #fff; float:left; height:30px; line-height:30px; padding:0 20px; }
#topBar nav ul li a { border-bottom:none; color:#fff; font-size:1em; font-weight:700; text-transform:uppercase; }
#topBar nav ul li a:hover,
#topBar nav ul li.current-menu-item a { border-bottom:3px solid #fff; color:#fff; }
#topBar nav ul li a:focus { color:#fff; }
#topBar nav.navLeft { clear:none; float:left; padding-top:0; }
#topBar nav.navRight { clear:none; float:right; padding-top:0; }
#topBar nav ul li:first-child { padding-left:0 !important; }
#topBar nav ul li:last-child { border:none !important; padding-right:0 !important; }
.home .contentArea { padding:30px 0 0; }
.slidingBanner { height:490px; }
.flex-control-paging { display:block; margin-left:-385px; width:750px; }
.category-content { padding:25px; }
.productbox { margin-bottom:30px; }
.productbox-row { margin-bottom:30px; height:300px; }
.categoryBanner { padding:15px; }
.categoryBanner .innerBanner { padding:30px; }
.productRow { margin-left:0; margin-right:0; }
.productRow div { padding-left:0; padding-right:0; }
.product-image { height:260px; text-align:center; }
.product-image:before { content:''; display:inline-block; vertical-align:middle; height:100%; }
.product-image img { display:inline-block; vertical-align:middle; max-height:100%; width:auto; }
.productbox-row.socks .box-caption { padding-left:5%; padding-right:5%; }
#testimonialBlock { margin-bottom:30px; }
.single-product .images { padding:30px; }
.contentRow { padding-top:3.5em; }
.contentRow:first-child { padding-top:0; }
.contentBlock { padding:2em 0 0; }
#bottomBar { padding:40px 0 30px; }
#bottomBar .footerContent { padding-bottom:40px; }
#bottomBar .legality .legalityLeft { float:left; width:50%; }
#bottomBar .legality .legalityRight { float:right; text-align:right; width:50%; margin-top:0; }
.contentArea,
.formWrap form { padding:3.5em 0; }
.divider-xs { margin-top:0; }
.related.products{ padding:25px; }
/** Checkout **/
.form-row { margin:0 0 15px; }
.form-row-wide { clear:both; }
.form-row-first,
.form-row-last { display:block; width:50%; }
.form-row-first { float:left; padding-right:5px; }
.form-row-last { float:right; padding-left:5px; }
.input-3-col { display:block; float:left; width:33.33%; }
.input-3-col.left { padding-right:5px; }
.input-3-col.middle { padding-left:5px; padding-right:5px; }
.input-3-col.right { padding-left:5px; }
#testimonialBlock ul.slides li blockquote { padding:0 5%; }
}
@media (min-width: 992px) {
#topBar header nav.navbar-collapse { float:right; padding-top:0; }
#topBar nav ul li { padding:0 10px; }
.slidingBanner { height:640px; }
.flex-control-paging { margin-left:-495px; width:970px; }
.flex-direction-nav { display:block; }
.flex-direction-nav li a.flex-next { right:30px; }
.flex-direction-nav li a.flex-prev { left:30px; }
.category-content { padding:25px 25px 25px 0; }
.productbox { height:260px; }
.productbox-row { height:400px; }
.box-caption h2 { font-size:1.5em; line-height:60px; }
.productbox-row .box-caption .btn { }
.productbox-row.socks .box-caption { padding-left:10%; padding-right:10%; }
aside { margin:40px 0 0; }
.category-content{
margin-left:-5px;
}
.category-content::before{
position:absolute;
background:#fff;
width:100px;
height:100%;
content:' ';
left:-100px;
top:0;
z-index:1;
}
#availableAt h3 { display:inline-block; margin:0 10px 0 0; }
.contentRow { padding-top:4em; }
.contentArea,
.formWrap form { padding:4em 0; }
.divider-sm { margin-top:0; }
.btn { font-size:1.125em; padding:1em 1.5em; }
}
@media (min-width: 1200px) {
#topBar nav ul li { padding:0 20px; }
.slidingBanner { height:720px; }
.flex-control-paging { margin-left:-585px; width:1170px; }
.productbox { height:330px; }
.productbox-row { height:500px; }
.productbox-row.socks .box-caption { padding-left:15%; padding-right:15%; }
.product-image { height:330px; }
.contentRow { padding-top:5em; }
.contentArea,
.formWrap form { padding:5em 0; }
}
/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version: 1.1.0 - 2014
author: Burocratik
website: http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
#outdated{
display: none; position: fixed; top: 0; left: 0; width: 100%; height: 170px;
text-align: center; text-transform: uppercase; z-index:1500;
background-color: #f25648; color: #ffffff;
}
* html #outdated{position: absolute;}
#outdated h6{font-size: 25px; line-height: 25px; margin: 30px 0 10px;}
#outdated p{font-size: 12px; line-height: 12px; margin: 0;}
#outdated #btnUpdateBrowser{
display: block; position: relative; padding: 10px 20px; margin: 30px auto 0; width: 230px; /*need for IE*/
color: #ffffff; text-decoration: none; border: 2px solid #ffffff; cursor: pointer;
}
#outdated #btnUpdateBrowser:hover{color: #f25648; background-color:#ffffff;}
#outdated .last{position: absolute; top: 10px; right: 25px; width: 20px; height: 20px;}
#outdated #btnCloseUpdateBrowser{ border-bottom:none;
display: block; position: relative; width: 100%; height: 100%;
text-decoration: none; color: #ffffff; font-size: 36px; line-height: 36px;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
/*.flexslider .slides img {width: 100%; display: block;}*/
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #000;
color: #000;
text-shadow: none;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading {
background-image: url('../img/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('../img/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close { background-color:#fff; border:1px solid #000 !important; line-height:48px; text-align:center;
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
cursor: pointer;
z-index: 8040;
-webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out;
-moz-transition: color 0.25s ease-out, background-color 0.25s ease-out;
-o-transition: color 0.25s ease-out, background-color 0.25s ease-out;
transition: color 0.25s ease-out, background-color 0.25s ease-out;
}
.fancybox-close:hover { background-color:#000; color:#fff; }
.generatedcontent.csstransforms .fancybox-close i { display:none; }
.generatedcontent.csstransforms .fancybox-close:before,
.generatedcontent.csstransforms .fancybox-close:after { background-color:#000; content:''; display:block; height:1px; margin-left:-11px; position:absolute; left:50%; top:50%; width:22px;
-webkit-transition: background-color 0.25s ease-out;
-moz-transition: background-color 0.25s ease-out;
-o-transition: background-color 0.25s ease-out;
transition: background-color 0.25s ease-out;
}
.generatedcontent.csstransforms .fancybox-close:hover:before,
.generatedcontent.csstransforms .fancybox-close:hover:after { background-color:#fff; }
.generatedcontent.csstransforms .fancybox-close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.generatedcontent.csstransforms .fancybox-close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('../img/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span { background-image:none; background-color:#fff; border:1px solid #000 !important; line-height:48px; text-align:center;
position: absolute;
top: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
cursor: pointer;
z-index: 8040;
-webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out;
-moz-transition: color 0.25s ease-out, background-color 0.25s ease-out;
-o-transition: color 0.25s ease-out, background-color 0.25s ease-out;
transition: color 0.25s ease-out, background-color 0.25s ease-out;
}
.fancybox-prev span {
left: -1px;
background-position: 0 -36px;
}
.fancybox-next span {
right: -1px;
background-position: 0 -72px;
}
.fancybox-nav:hover span { background-color:#000; color:#fff; }
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background-color:#fff;
background-color:rgba(255,255,255,0.9);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title { background-color:#fff; border:1px solid #000; padding: 15px;
visibility: visible;
}
.fancybox-title h4,
.fancybox-title p { margin:0; }
.fancybox-title-float-wrap {
position: absolute;
bottom:0;
left:0;
z-index: 8050;
width:100%;
}
.fancybox-title-float-wrap .child {
display: block;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading {
background-image: url('../img/fancybox_sprite@2x.png');
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url('../img/fancybox_loading@2x.gif');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/*
.single-product .swatch-wrapper {
border: 3px solid #000000;
padding: 0;
margin:0 -3px 0 0;
position:relative;
}
.single-product .swatch-wrapper.selected{
border:3px solid #f47321;
padding:0;
z-index:10;
}
.single-product #picker_sizes, .single-product #picker_colours {
float: right;
}
.single-product #picker_sizes, .single-product #picker_colours{
margin:0 3px 0 0;
}
.single-product .swatch-anchor img{
vertical-align:top;
}
.woocommerce div.product form.cart .variations td {
border-top: 3px solid #000000;
padding:30px 0;
vertical-align:middle;
}
.woocommerce div.product form.cart .variations td.value{
position:relative;
}
.woocommerce div.product form.cart .reset_variations {
bottom: 0px;
font-size: 0.83em;
position: absolute;
right: 0;
visibility: hidden;
color:#000;
}
.single-product .product_meta{
display:none;
}
.woocommerce div.product form.cart .variations label {
font-size: 1.125em;
font-family: 'Oswald', sans-serif;
font-weight:700;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
border: 3px solid #020003;
color: #131315;
display: inline-block;
font-family: 'Oswald', sans-serif;
font-weight:400;
font-size: 1.125em;
height: 50px;
line-height: 35px;
min-width: 170px;
padding: 6px 5px 4px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all 0.18s ease-out 0.12s;
border-radius:0;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
background-color:transparent;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
display: block;
font-size: 1.25em;
line-height: 45px;
margin-bottom: 0;
padding: 0;
text-align: center;
}
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt[disabled]:disabled, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled, .woocommerce input.button.alt[disabled]:disabled:hover {
background-color: transparent;
color: #000;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background-color: transparent;
color: #000;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
background: #000000;
color: #ffffff;
}
.woocommerce-variation-add-to-cart.variations_button {
float: right;
display:none;
}
.woocommerce .product-image img {
margin:0 auto;
}
.woocommerce a.button.product_type_variable {
background-color: rgba(0, 0, 0, 0);
border: medium none;
font-size: 1em;
font-weight: 300;
height: auto;
line-height: 20px;
padding: 0;
}
.swatch-wrapper a, .swatch-wrapper{
pointer-events:none;
}
.tax-product_cat.woocommerce a.button.product_type_variable {
background-color: rgba(0, 0, 0, 0);
border: medium none;
font-size: 1em;
font-weight: 300;
height: auto;
line-height: 20px;
padding: 0;
}
.tax-product_cat.woocommerce a.button.product_type_variable:hover {
background-color:none !important;
color:#000000 !important;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
border-bottom: 3px solid #000000;
}
.woocommerce table.shop_table{
border-collapse:collapse;
}
.woocommerce table.shop_table {
border: none;
border-collapse: collapse;
border-radius: 5px;
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
}
.woocommerce table.shop_table td {
border-top: 3px solid #000000;
padding: 22px 0 16px;
}
.woocommerce td.product-name dl.variation dt {
clear: left;
font-weight: 700;
padding: 0;
width:75px;
}
.checkout-button.button.alt.wc-forward {
display: inline-block;
float: right;
padding: 0 20px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
background-color: #000000;
background-image: none;
color: #ffffff;
text-decoration: none;
}
.woocommerce td.product-name dl.variation dd {
padding: 0;
}
.woocommerce td.product-name dl.variation dd p:last-child {
margin: 0;
}
.woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt {
display: inline-block;
float: left;
margin: 0 10px 0 0;
}
.woocommerce td.product-name dl.variation {
margin: 10px 0 0;
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
width: 280px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #000000 -moz-use-text-color #000000 #000000;
border-image: none;
border-style: solid none solid solid;
border-width: 3px 0 3px 3px;
box-sizing: border-box;
float: left;
line-height: 1;
margin: 0;
outline: 0 none;
padding: 14px 10px;
}
.woocommerce .cart-collaterals table.shop_table th {
padding: 15px 0;
}
.woocommerce .cart-collaterals table.shop_table td {
padding: 15px 0;
}
.woocommerce .cart-collaterals table.shop_table td:last-child {
text-align: right;
}
.woocommerce-cart .cart-collaterals .shipping tr th {
border-top: 3px solid #000000;
}
.woocommerce-cart .cart-collaterals .shipping tr td {
border-top: 3px solid #000000;
}
.woocommerce-checkout .inner-wrap > .container{
max-width:970px;
margin:0 auto;
}
.woocommerce #customer_details.col2-set .col-1, .woocommerce-page #customer_details.col2-set .col-1,
.woocommerce #customer_details.col2-set .col-2, .woocommerce-page #customer_details.col2-set .col-2 {
clear: both;
float: none !important;
width: 100% !important;
margin-right:0 !important;
text-align: left;
padding-bottom: 20px;
}
.woocommerce-cart .cart-collaterals .cart_totals tr.order-total th, .woocommerce-cart .cart-collaterals .cart_totals tr.order-total td{
border-top:3px solid #000;
}
.woocommerce-cart .cart-collaterals .cart_totals tr.shipping th, .woocommerce-cart .cart-collaterals .cart_totals tr.shipping td {
border-top: medium none;
padding-top:0;
}
.product-thumbnail a {
display: block;
text-align: center;
}
.woocommerce-cart table.cart img {
box-shadow: none;
display: inline;
width: 64px;
}
.woocommerce .quantity .minus, .woocommerce-page .quantity .minus {
border-radius: 0;
bottom: 0;
right: 0;
}
.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty {
-moz-appearance: textfield;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #000000 -moz-use-text-color #000000 #000000;
border-image: none;
border-radius: 0;
border-style: solid none solid solid;
border-width: 2px 0 2px 2px;
float: left;
font-weight: 700;
height: 3.1em;
margin: 0;
font-family: 'Oswald', sans-serif;
padding: 0;
text-align: center;
width: 2.618em;
}
.woocommerce .quantity .plus, .woocommerce .quantity .minus, .woocommerce-page .quantity .plus, .woocommerce-page .quantity .minus {
background-color: #000000;
background-image: none;
border: 1px solid #000000;
color: #ffffff;
cursor: pointer;
display: block;
font-weight: 700;
height: 1.6em;
line-height: 1;
margin: 0;
overflow: visible;
padding: 0;
position: absolute;
text-align: center;
text-decoration: none;
text-shadow: none;
width: 1.387em;
}
.woocommerce .quantity .plus:hover, .woocommerce .quantity .minus:hover, .woocommerce-page .quantity .plus:hover, .woocommerce-page .quantity .minus:hover {
background-color: #f47321;
}
.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
border-color: #000;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
box-sizing: border-box;
height: 50px;
line-height: 1;
margin: 0;
outline: 0 none;
padding: 0 15px;
width: 100%;
}
.woocommerce table.shop_table td.product-remove {
text-align: center;
}
.woocommerce a.remove {
border: 0 none;
border-radius: 100%;
color: #ff0000 !important;
display: inline-block;
font-size: 1.5em;
font-weight: 700;
height: 1em;
line-height: 1;
text-align: center;
text-decoration: none;
width: 1em;
}
#add_payment_method #payment, .woocommerce-checkout #payment {
background: #ffffff none repeat scroll 0 0;
border-radius: 0;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
display: block;
float: none;
margin: 0 auto;
width: 250px;
}
.woocommerce .quantity .plus, .woocommerce-page .quantity .plus {
border-bottom: 0 none;
border-radius: 0;
right: 0;
top: 0;
}
.woocommerce .quantity, .woocommerce-page .quantity {
display: inline-block;
margin: 0 auto;
overflow: hidden;
padding: 0 1.2em;
position: relative;
}
#searchform input[type="text"]{
width:300px;
height:50px;
padding:5px 10px;
line-height:34px;
}
#searchform input[type="submit"]{
width:170px;
height:50px;
padding:5px;
line-height:36px;
position:relative;
top:2px;
}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info {
border-top-color: #000;
}
.woocommerce .woocommerce-info::before {
color: #000;
}
.woocommerce .woocommerce-message::before {
color: #000;
content: "";
}
td.actions #coupon_code {
margin-right: -3px;
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
background-color: transparent;
color: #000;
list-style: outside none none !important;
margin: 0 0 1em !important;
padding: 1em 2em 1em 3.5em !important;
position: relative;
width: auto;
word-wrap: break-word;
}
.woocommerce form .form-row.woocommerce-invalid label {
color: #000000;
}
.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select {
border-color: #000;
}
#billing_email, #billing_phone, #billing_first_name, #billing_last_name, #billing_company, #billing_address_1, #billing_address_2, #billing_city, #billing_postcode,
#billing_state, #coupon_code, #shipping_first_name, #shipping_last_name, #shipping_company, #shipping_address_1, #shipping_address_2, #shipping_city, #shipping_state,
#shipping_postcode, #ei_stripe-card-number, #ei_stripe-card-expiry, #ei_stripe-card-cvc, #username, #password{
border: 3px solid #000000 !important;
}
tr.cart-subtotal th, tr.shipping th, tr.order-total th {
padding-left: 0 !important;
}
.woocommerce-checkout th.product-name {
padding-left: 0 !important;
}
.woocommerce-checkout th.product-total {
padding-right: 0 !important;
}
.woocommerce-checkout p#billing_address_1_field, .woocommerce-checkout p#shipping_address_1_field {
margin: 0 0 30px;
}
tr.cart-subtotal td, tr.shipping td, tr.order-total td {
text-align: right;
}
tr.cart-subtotal th, tr.cart-subtotal td {
border-top: 3px solid #000000 !important;
}
.woocommerce-checkout .checkout_coupon .form-row {
float: left;
margin-right: -3px;
padding: 0;
}
.woocommerce-checkout #payment ul.payment_methods {
border: medium none;
}
.select2-container .select2-choice {
background-clip: padding-box;
background-color: #ffffff;
border: 3px solid #000000;
border-radius: 3px;
color: #000000;
display: block;
font-weight: 400;
height: 50px;
overflow: hidden;
padding: 0 0 0 8px;
position: relative;
text-decoration: none;
white-space: nowrap;
}
.select2-container .select2-choice > .select2-chosen {
display: block;
float: none;
line-height: 43px;
margin-right: 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: auto;
}
.select2-container .select2-choice .select2-arrow b::after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #000000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-image: none;
border-style: solid;
border-width: 4px;
content: "";
display: block;
left: 50%;
margin-left: -7px;
margin-top: -2px;
position: absolute;
top: 50%;
}
#add_payment_method .checkout .col-2 h3#ship-to-different-address, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {
clear: none;
display: block;
float: none;
margin: 0 auto;
text-align: center;
width: auto;
}
#rememberme{
}
.slideOne input[type=checkbox]:checked + label {
left: 37px;
}
.woocommerce form .form-row label.inline {
display: inline-block;
margin: 0 0 0 50px;
position:relative;
}
.woocommerce form .form-row label.inline::before {
background: #000000 none repeat scroll 0 0;
content: "";
display: inline-block;
height: 20px;
margin-right: 5px;
position: relative;
top: 4px;
width: 20px;
}
#rememberme{
}
.woocommerce form .form-row label.inline:before{}
[type="checkbox"][disabled] + span {
background:#333;
}
#ship-to-different-address-checkbox:checked + label::before {
background-color: #000;
background-clip: content-box;
border-color: #000;
outline: none;
padding: 3px;
}
.checkbox::before {
background: #ffffff none repeat scroll 0 0;
border: 3px solid #000000;
content: "";
display: inline-block;
height: 20px;
margin-right: 10px;
position: relative;
top: 1px;
width: 20px;
}
#ship-to-different-address-checkbox {
display: none;
float: left;
margin: 15px 0 0;
}
.woocommerce-checkout .checkbox {
position: relative;
float:none;
padding:0;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{
content:none;
}
#add_payment_method #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
background-color: rgba(0, 0, 0, 0);
border-radius: 2px;
box-sizing: border-box;
color: #000000;
font-size: 0.92em;
line-height: 1.5;
margin: 1em 0;
padding: 0 1em;
position: relative;
width: 100%;
}
th.product-total, td.product-total {
text-align: right;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
border: medium none;
border-radius: 5px;
margin: 0 0 1.5em;
padding: 0;
text-align: left;
}
.woocommerce p.price span.amount {
display: none;
}*/