/* Theme Name: SmallestTribe Theme URI: http://smallesttribe.com.au Description: The Wordpress Theme for SmallestTribe website Version: 1.0 Author: Robertson Web Design & Development Author URI: http://www.robertsonweb.com.au */ @font-face { font-family: 'Brandon Grotesque'; src: url('fonts/BrandonGrotesque-Regular.eot'); src: url('fonts/BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/BrandonGrotesque-Regular.woff') format('woff'), url('fonts/BrandonGrotesque-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Brandon Grotesque'; src: url('fonts/BrandonGrotesque-Medium.eot'); src: url('fonts/BrandonGrotesque-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/BrandonGrotesque-Medium.woff') format('woff'), url('fonts/BrandonGrotesque-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Brandon Grotesque'; src: url('fonts/BrandonGrotesque-Bold.eot'); src: url('fonts/BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/BrandonGrotesque-Bold.woff') format('woff'), url('fonts/BrandonGrotesque-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } /* RESET */ * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:sans-serif} body{margin:0;padding:0} article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block} audio,canvas,progress,video{display:inline-block;vertical-align:baseline} audio:not([controls]){display:none;height:0} [hidden],template{display:none} a{background:transparent} a:active,a:hover{outline:0} abbr[title]{border-bottom:1px dotted} dfn{font-style:italic} h1{font-size:2em;margin:.67em 0} mark{background:#ff0;color:#000} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-.5em} sub{bottom:-.25em} img{border:0} svg:not(:root){overflow:hidden} figure{margin:1em 40px} hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0} code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em} button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0} button{overflow:visible} button,select{text-transform:none} button,html input[type=button],/* 1 */ input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer} button[disabled],html input[disabled]{cursor:default} input{line-height:normal;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;} input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0} input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto} input[type=search]{-moz-box-sizing:content-box;-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box} input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none} fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em} table{border-collapse:collapse;border-spacing:0} td,th{padding:0} pre,textarea{overflow:auto} button::-moz-focus-inner,input::-moz-focus-inner,legend{border:0;padding:0} /* DEFAULT STYLES */ a {text-decoration:none; outline:none;color:#231f20; } a:hover {text-decoration:none;color:#50D5BE} img {max-width:100%; height:auto;} h1,h2,h3,h4,h5 {font-weight:normal; margin:0} h1 {font-family: 'Brandon Grotesque'; font-weight: bold ;font-size: 24px; margin-bottom:20px; line-height:30px; text-transform:uppercase} h2 {text-transform:uppercase;font-size: 16px;font-family: 'Brandon Grotesque'; font-weight: bold} h3 {text-transform:uppercase;font-size: 16px;font-family: 'Brandon Grotesque'; font-weight: bold} p {margin:0; padding-bottom:15px} ol {padding-left: 10px; margin-top:0} ol li {padding-left:10px; padding-bottom:10px} strong {font-weight:bold;} em {font-weight:bold; font-style:italic;} input[type="text"],input[type="email"],input[type="tel"], textarea {background:#e7e7e8; border:none; padding: 5px; } input:focus,select:focus,textarea:focus,button:focus {outline: none;} body {font-family: 'Open Sans', sans-serif; color:#231f20; font-size:12px; line-height:18px; background:#e7e7e8; letter-spacing:0.05em} /* WORDPRESS STYLES */ .alignnone { margin: 5px 20px 0px 0;} .aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto;} .alignright { float:right; margin: 5px 0 0px 20px;} .alignleft { float:left; margin: 20px 20px 0px 0;} .aligncenter { display: block; margin: 0px auto 5px auto;} a img.alignright { float:right; margin: 0px 0 0px 20px;} a img.alignnone { margin: 0px 20px 10px 0;} a img.alignleft { float:left; margin: 20px 20px 0px 0;} a img.aligncenter { display: block; margin-left: auto; margin-right: auto} .wp-caption { background: #eeeeee; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center;} .wp-caption.alignnone { margin: 5px 20px 20px 0;} .wp-caption.alignleft { margin: 5px 20px 20px 0;} .wp-caption.alignright { margin: 5px 0 20px 20px;} .wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto;} .wp-caption p.wp-caption-text { font-size:12px; line-height:17px; margin:0;padding:10px 4px 5px; font-style:italic} /* CUSTOM STYLES */ .clear {clear:both;} .inner {width: 980px; margin:0 auto; position:relative} #wrapper {width: 100%; margin: auto} .st-heading {font-weight:700;height:35px; line-height:32px; font-size: 16px;color:#231f20; text-align:center; text-transform:uppercase;width: 200px; padding:0; border:2px solid #4e4b4c; background:#fff;margin-bottom:20px; } .st-heading h3, .st-heading h1{ font-family: 'Brandon Grotesque'; font-weight: bold;line-height:30px; font-size: 16px; } #header {background:#fff url(images/header-bg.png) repeat-x left bottom; font-family: brandon-grotesque, sans-serif;} #header .inner {height:240px; } #logo {text-align:left; clear:both; margin-bottom: 40px} #socials {top:22px; right:0; position:absolute} #socials a {display:inline-block; margin-left:5px; float:left;} #navigation {margin-top:10px; float:right; text-transform:uppercase; font-size:12px; margin-bottom:40px;font-family: 'Brandon Grotesque';font-style: normal;font-weight: 700;} #navigation ul {margin:0; padding:0; list-style:none; } #navigation ul li {display:inline-block} #navigation ul li a {display:block; padding: 0 20px; color:#231f20;} #navigation ul li:last-child a {padding-right:0;} #navigation ul li a:hover { color:#50D5BE } #navigation ul li.current-menu-item a {color:#50D5BE } #navigation ul li.current_page_parent a {color:#50D5BE } #shop-nav {width:520px; font-family: 'Brandon Grotesque';font-style: normal;font-weight: 700;text-transform:uppercase; font-size:13px;} #shop-nav ul {list-style:none; text-align:left; margin:0; padding:0} #shop-nav ul li {display:inline-block; padding: 0 25px 0 23px; background:url(images/shop-nav-bg.png) no-repeat right 0px} #shop-nav ul li:first-child {padding-left:0} #shop-nav ul li:last-child {background:none; padding-right:0} #shop-nav ul li a {display:block} #shop-nav ul li a:hover {color:#50D5BE } #shop-nav ul li.current-menu-item a {color:#50D5BE } #cart {position:absolute;right:0; bottom: 17px; font-weight:700; font-size: 13px; font-family: 'Brandon Grotesque';} #cart a.ma-link {display:inline-block;} #cart span.cb {display:inline-block; padding:0 10px;} #cart a.cart-contents {background:url(images/cart.png) no-repeat right 0px; padding-right:25px; height:20px; display:inline-block; padding-top:2px} #search {top: 105px; right:0; position:absolute} #search .search-input {border:none;font-family: 'Brandon Grotesque'; font-weight: bold;width: 120px; float:left; margin-right:0px;padding:5px ; background:#fff } #search .search-submit {float:left;background:url(images/search.png) no-repeat left top; width: 19px; height: 19px; display:block; border:none; text-indent:-99999px; overflow:hidden; margin-top:4px; margin-right:10px} #main {min-height:300px; background:#fff; padding: 20px 0;} #slideshow {margin-bottom:40px;} #slideshow #meteor-buttons{bottom: 15px; left: 15px} #slideshow #meteor-buttons a{margin-right:5px !important;} #notice {margin-bottom:20px;text-transform:uppercase; font-size:17px; color:#231f20; text-align:center;font-family: 'Brandon Grotesque'; font-weight: bold; font-style:italic} #notice span {font-size: 24px; display:inline-block; padding: 0 5px} #boxes {clear:both} #boxes .box {float:left; width:32%; max-width:305px; margin-bottom:20px; margin-right:3.3%; position:relative;padding-top:30px;} #boxes .box h3 {position:absolute; top:0; left:0; width:100%; background-size:100%; z-index:999; height:58px; text-align:center; text-transform:uppercase;font-family: 'Brandon Grotesque'; font-weight: bold; font-size:16px; color:#231f20} #boxes .box h3 span {margin-top:25px; display:block} #boxes #box-about h3 { background:url(images/box-about-bg.png) top center;} #boxes #box-blog h3 { background:url(images/box-blog-bg.png) top center;} #boxes #box-contact {margin-right:0} #boxes #box-contact h3 { background:url(images/box-contact-bg.png) top center;} #bestsellers {clear:both} #bestsellers .st-heading {margin:0 auto 40px } #bestsellers .woocommerce {clear:both } #bestsellers ul.products li.product {font-family: 'Open Sans', sans-serif; margin-bottom:10px; clear:none} #bestsellers ul.products li.product img {margin-bottom:0;} #bestsellers ul.products li.product h3 {text-align:center;font-family: 'Open Sans', sans-serif;} #bestsellers ul.products li.product .price {display:block; text-align:center;} #bestsellers ul.products li.product .price .amount {color:#231f20; font-size:12px; } #bottom {background:#fff url(images/bottom-bg.png) repeat-x left top;} #bottom .inner { padding:50px 0; } #featured{width: 690px; float:left;} #featured .st-heading {margin:0 auto 10px; width:210px} #featured ul {list-style:none; margin:0; padding:0;} #featured ul li {float:left; width: 210px; margin-right:20px} #featured ul li.last-post {margin-right:0px} #featured ul li h3 {margin-bottom:7px; height:17px; overflow:hidden; margin-top:5px} #featured ul li p {min-height:125px} #featured ul li .more {text-transform:uppercase; display:inline-block; padding-right: 13px; background:url(images/arrow-small.png) no-repeat right 6px} #home-right-col {width: 270px; float:right} #home-right-col a:hover {text-decoration:none} #instagram { position:relative; margin-bottom:30px;} #instagram .st-heading{ width: 250px} #follow-fb {width:250px} #footer {background:#e7e7e8;color:#231f20; text-transform:uppercase; font-size:11px;font-family: 'Brandon Grotesque'; font-weight: bold;} #footer .inner {min-height:45px; padding: 15px 0 10px;} #footer a {color:#231f20;} #copyright {float:left} #credit {} #footer-nav {float:right;} #footer .line {display:inline-block; padding: 0 5px} #page-content {padding: 30px 0} #about-content {float:left; width: 560px;} #about-featured-image {float:right; width: 400px; margin-top: 5px} #post-7 h1{background:url(images/heading-bg.png) no-repeat left top} #post-7 h1 span {width:200px; height:50px; display:inline-block; text-align:center; padding-top: 15px;} #post-11 h1{background:url(images/heading-bg.png) no-repeat left top} #post-11 h1 span {width:200px; height:50px; display:inline-block; text-align:center; padding-top: 15px;} #contact-content {width: 300px; float:left} #contact-enquiry {width: 600px; float:right;} #contact-enquiry table { width: 100%; } #contact-enquiry label { width: 100px; display:block; padding-top: 3px} #contact-enquiry .wpcf7-text {margin:3px 0; width: 100%;} #contact-enquiry .wpcf7-textarea {margin:3px 0; width: 100%; height: 200px} #contact-enquiry .wpcf7-captchar {width:100px; float:left; margin-top: 3px} #contact-enquiry .wpcf7-captchac {float:left; margin-top: 5px} #contact-enquiry .wpcf7-submit {font-family: 'Brandon Grotesque'; font-weight: bold;float:right; background:#231f20; text-transform:uppercase;color:#fff; border:none; padding:5px 15px} #contact-enquiry .wpcf7-submit:hover {background:#e7e7e8;color:#231f20; } #big-heading {font-size:60px; line-height:60px; text-transform:uppercase;font-family: 'Brandon Grotesque'; font-weight: bold; font-style:italic; margin-bottom: 10px} #blog-wrapper {padding: 30px 0} #main-blog {float:left; width: 700px; padding-top:20px;} #main-blog .post {position:relative} #main-blog .post img {max-width:700px} #main-blog .entry-heading {font-family: 'Brandon Grotesque'; font-weight: bold; text-transform:uppercase; font-size: 16px; padding-right:100px; padding-bottom:30px } #main-blog .entry-date {text-transform:uppercase;font-size: 13px;position:absolute; right:0; top:2px;font-family: 'Brandon Grotesque'; font-weight: bold;} #main-blog .post-comments {text-transform:uppercase;font-size: 13px;font-family: 'Brandon Grotesque'; font-weight: bold;} #main-blog .entry {border-bottom:2px solid #edefee; padding-bottom:30px; margin-bottom:30px} #blog-nav {clear:both;text-align:center; margin-top:30px} #blog-nav .pages {display:none} #blog-nav .wp-pagenavi a, #blog-nav .wp-pagenavi span {background:#e7e7e8; color:#231f20; border:1px solid #231f20; min-width:22px; display:inline-block} #blog-nav .wp-pagenavi a:hover, #blog-nav .wp-pagenavi span.current {background:#231f20;color:#fff;font-family: 'Brandon Grotesque'; font-weight: bold} blog-nav .wp-pagenavi span.current {font-weight:600} #sidebar {width: 250px; float:right;} #sidebar h3 {margin:0 auto;width: 200px;text-align:center;font-family: 'Brandon Grotesque'; font-weight: bold; text-transform:uppercase; font-size: 16px; font-weight:700;height:35px; line-height:32px; font-size: 16px;color:#231f20; border:2px solid #4e4b4c; background:#fff;margin-bottom:20px;} .st-heading h3, .st-heading h1{ font-family: 'Brandon Grotesque'; font-weight: bold;line-height:30px; font-size: 16px; } .widget{margin-bottom:25px;} .widget ul {margin:0; padding-left:10px} .widget-inner {width:200px; margin:0 auto} .border-widget {border:2px solid #edefee; padding: 20px 0 10px} #widget-about {} #widget-about .more {text-transform:uppercase;font-family: 'Brandon Grotesque'; font-weight: bold;} #widget-socials {text-align:center;} blockquote {background: #edefee;border:none;margin: 0.5em 10px 1.5em 0;padding: 1.5em 20px;quotes: "\201C""\201D""\2018""\2019";} blockquote:before {color: #ccc;content: open-quote;font-size: 4em;line-height: 0.1em;margin-right: 0.25em;vertical-align: -0.4em;} blockquote p {display: inline;} /* comments */ #comment-section {border-top:2px solid #edefee; clear:both; padding-top:20px} #comments {padding-bottom: 10px; clear:both; margin-top:0px;} #reply-title {margin-bottom:20px ;padding-bottom: 10px;padding-left: 0; margin-bottom: 0px;} #reply-title small a {font-size: 12px; text-decoration:underline} .commentlist {list-style-type: none; padding:0; margin: 0;} .commentlist li {padding-left:0} .commentlist .the-comment {border-bottom: 1px solid #e7e7e8; overflow: hidden; margin: 0 0 10px; padding: 0 0 10px} .commentlist img.avatar {padding: 3px; border: 1px solid #797F83; float:left; margin: 0 10px 0 0;} .comment-box { overflow: hidden;} .comment-box strong {font-size: 110%} .commentlist .comment-body {padding-bottom: 10px; border-bottom: 1px dotted #797F83; margin-bottom: 10px} .commentlist .comment-body .comment-meta {font-size: 10px; padding-bottom: 10px} .comment-meta small {color: #888888;} .comment-box a {text-decoration: underline;} .the-comment p {margin: 10px 0 0;} ul.children {list-style-type: none; padding-left: 25px;} ul.children li {list-style: none; background:none; padding-left:0} /* comment form */ #respond {padding-top: 0px; clear:both; padding-bottom:30px} #commentform {width: 420px} #commentform div {margin-bottom: 10px;} #commentform p {padding-bottom: 10px; margin-bottom:0px; clear:both} #commentform .comment-notes {font-size: 12px;font-style:italic; font-weight:300} #commentform textarea {height: 100px; width: 400px;} #commentform label {float:left;width: 100px;margin-top:2px; } #commentform input[type="text"],#commentform textarea,#commentform select {width: 310px; border:none;background:#e7e7e8; } #commentform #submit {font-family: 'Brandon Grotesque'; font-weight: bold;margin-right:10px;float:right;background:#231f20; text-transform:uppercase;color:#fff; border:none; padding:5px 15px} #commentform #submit:hover {background:#e7e7e8;color:#231f20; } #shop-wrapper {padding:50px 0 30px} #sidebar-shop {width:200px; float:left;text-transform:uppercase} #sidebar-shop #shop-all {border-bottom:1px solid #edefee;background:url(images/plus.png) no-repeat right 10px } #sidebar-shop #shop-all a {padding:5px 0; display:inline-block} #sidebar-shop #shop-all a.selected {font-family: 'Brandon Grotesque'; font-weight: bold;} #sidebar-shop .widget_product_categories {text-transform:uppercase;} #sidebar-shop .widget_product_categories h3 {display:none} #sidebar-shop .widget_product_categories ul {margin:0; padding:0; list-style:none; width:200px;} #sidebar-shop .widget_product_categories ul li {border-bottom:1px solid #edefee; background:url(images/plus.png) no-repeat right 10px } #sidebar-shop .widget_product_categories ul li.current-cat a {color:#50d5be } #sidebar-shop .widget_product_categories ul li a {display:inline-block; padding:5px 0} #sidebar-shop .widget_product_categories ul li a:hover {color:#50d5be; text-decoration: none;} #sidebar-shop .widget_product_categories ul.children {padding-bottom:5px} #sidebar-shop .widget_product_categories ul.children li {list-style:disc inside none;padding-left:15px;text-transform:none; background:none; border:none} #sidebar-shop .widget_nav_menu {text-transform:uppercase;} #sidebar-shop .widget_nav_menu h3 {display:none} #sidebar-shop .widget_nav_menu ul {margin:0; padding:0; list-style:none; width:200px;} #sidebar-shop .widget_nav_menu ul li {border-bottom:1px solid #edefee; background:url(images/plus.png) no-repeat right 10px } #sidebar-shop .widget_nav_menu ul li a {display:inline-block; padding:5px 0} #sidebar-shop .widget_nav_menu ul.children {padding-bottom:5px} #sidebar-shop .widget_nav_menu ul.children li {list-style:disc inside none;padding-left:15px;text-transform:none; background:none; border:none} #content {width:740px; float:right} .woocommerce-result-count, .woocommerce-ordering,.page-title,.woocommerce-tabs,.page-description,.cross-sells {display:none} .woocommerce ul.products li.product .price ins {text-decoration: none !important;} #shop-wrapper ul.products li.product {font-family: 'Open Sans', sans-serif; width:225px; margin-right:4.3%; clear:none} #shop-wrapper ul.products li.product.last {margin-right:0} #shop-wrapper ul.products li.product img {margin-bottom:0;} #shop-wrapper ul.products li.product h3 {text-align:center;font-family: 'Open Sans', sans-serif;} #shop-wrapper ul.products li.product .price {display:block; text-align:center;} #shop-wrapper ul.products li.product .price .amount {color:#231f20; font-size:12px; } body.woocommerce #respond input#submit, body.woocommerce a.button, body.woocommerce button.button, .woocommerce input.button { border-radius:0; font-weight:normal; text-transform:uppercase;font-family: 'Brandon Grotesque'; font-weight: bold; } body.woocommerce #respond input#submit, body.woocommerce a.button, body.woocommerce button.button, body.woocommerce input.button { border-radius:0; font-weight:normal; text-transform:uppercase;background:#231f20;font-family: 'Brandon Grotesque'; font-weight: bold; } body .woocommerce #respond input#submit, body .woocommerce a.button, body .woocommerce button.button, body .woocommerce input.button { border-radius:0; font-weight:normal; text-transform:uppercase;background:#231f20; color:#fff !important;font-family: 'Brandon Grotesque'; font-weight: bold; } body .woocommerce #respond input#submit:hover, body .woocommerce a.button:hover, body .woocommerce button.button:hover, body .woocommerce input.button:hover { background:#000; } body.woocommerce #respond input#submit.alt, body.woocommerce a.button.alt, body.woocommerce button.button.alt, .woocommerce input.button.alt { background:#231f20; color:#fff !important; font-family: font-family: brandon-grotesque, sans-serif !important; font-weight:700 } body.woocommerce #respond input#submit.alt:hover, body.woocommerce a.button.alt:hover, body.woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background:#000; } body .woocommerce #respond input#submit.alt, body .woocommerce a.button.alt, body .woocommerce button.button.alt,body .woocommerce input.button.alt { border-radius:0; font-weight:normal; text-transform:uppercase;background:#231f20; color:#fff !important } body .woocommerce #respond input#submit.alt:hover, body .woocommerce a.button.alt:hover, body .woocommerce button.button.alt:hover,body .woocommerce input.button.alt:hover { background:#000; } .shipping-calculator-button {text-transform:uppercase} body.woocommerce-cart .cart-collaterals .cart_totals table th {width: 35%; text-align:left} .related {clear:both; position:relative} .related h3.related-heading {margin-bottom: 30px;color:#000;height:50px; background:url(images/related-bg.png) no-repeat left top; margin-left: -15px} .related h3.related-heading span {position:absolute; top: 18px; left: 30px} #wholesale-content h2 {margin:10px 0 10px} #wholesale-content table {width:100%} #wholesale-content label {display:block; width: 100%} #wholesale-content #wpcf7-break {margin-top:20px; margin-bottom:0;height: 18px; background:url(images/wpcf7-bg.png) repeat-x left top;} #wholesale-content .wpcf7-text {margin: 4px 0; width:100%} #wholesale-content .wpcf7-textarea {margin: 4px 0; width:100%; height: 60px} #wholesale-content .wpcf7-captchar {width:100px; float:left; margin-top: 3px} #wholesale-content .wpcf7-captchac {float:left; margin-top: 5px} #wholesale-content .wpcf7-submit {font-family: font-family: 'Brandon Grotesque'; font-weight: bold;float:right; background:#231f20; text-transform:uppercase;color:#fff; border:none; padding:5px 15px} #wholesale-content .wpcf7-submit:hover {background:#e7e7e8;color:#231f20; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {background-color:#e7e7e8 !important; color:#231f20 !important; } .woocommerce .woocommerce-info {border-top-color:#231F20 !important} .woocommerce .woocommerce-info::before {color:#231F20 !important} .up-sells {clear:both !important;} .up-sells h2, .related h2{margin-bottom:15px !important;} #instagram-widget {text-align:center} #instagram-widget h5 {display:none} #instagram-widget .front-photo {box-shadow:none; margin-left:0; margin-right :10px} #bestsellers ul.products li.product {width:225px;margin-right:26px}#bestsellers ul.products li.product.last {margin-right:0}@media screen and (-webkit-min-device-pixel-ratio:0){ #bestsellers ul.products li.product {margin-right:2.7%} #bestsellers ul.products li.product.last {margin-right:0}} .woocommerce div.product p.stock { display: none; font-size: 0.92em; } .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { background-color: #50d5be !important; left: auto; margin: -0.5em -0.5em 0 0; padding: 0; right: 0; text-transform: uppercase; top: 0; width:38px; height:38px; line-height:38px; } .woocommerce div.product form.cart div.quantity {border:1px solid #000 !important; padding:3px !important} /*.woocommerce .quantity .qty {border:none !important}*/ .mfp-auto-cursor .mfp-content { cursor: auto; font-family: open sans condensed; } #wcmd_modal {border-radius: 0px;} div.wcmd-validation.success {background: #b0fff2;border: 1px solid #B0FFFF;border-radius: 0px;} .woocommerce span.onsale {background-color: #000000;} body.woocommerce input.button {border-radius: 0;text-transform: uppercase;background: #231f20;font-family: brandon-grotesque, sans-serif; font-weight: 700;color: #fff;} input[type="email"], {background: #e7e7e8;border: none; padding: 5px;font-family: open sans, sans-serif;text-transform: uppercase;} .woocommerce-loop-product__title {text-align:center !important; font-size:12px !important} .woocommerce-cart .cart-collaterals h2 {margin-bottom:10px} .woocommerce-checkout h3 {margin-bottom:10px} #st-top {background:#000000; color:#fff; text-transform:uppercase; padding:6px 20px; font-family: 'Brandon Grotesque'; } #top-msg {float:left;font-size:16px; font-family: 'Brandon Grotesque'; font-weight: bold; padding: 5px 0} #top-cta {float:right} #top-cta .mc4wp-form {clear:both} #top-cta .mc4wp-form #mc4wp_email {float:left;margin-right:10px;color:#fff; border:1px solid #fff; width: 180px;padding:5px 5px 5px; background:#000; font-size:12px; font-weight: 300;} #top-cta .mc4wp-form .mc4wp-submit {border:1px solid #fff;font-weight: 900; float:left;background:#fff; text-transform:uppercase;color:#000; padding:5px 15px;margin-right:0 !important; width:200px} #top-cta .mc4wp-form .mc4wp-submit:hover {background:#e7e7e8;color:#231f20; } #st-bottom {background:#000000; color:#fff; text-transform:uppercase; padding:8px 20px 6px; font-family: 'Brandon Grotesque'; } #bottom-cta {float:left;} #bottom-cta .mc4wp-form {clear:both} #bottom-cta .mc4wp-form #mc4wp_email {float:left;margin-right:10px;color:#fff; border:1px solid #fff; width: 180px;padding:5px 5px 5px; background:#000; font-size:12px; font-weight: 300;} #bottom-cta .mc4wp-form .mc4wp-submit {font-weight: 900; float:left;background:#fff;border:1px solid #fff; text-transform:uppercase;color:#000; padding:5px 15px;margin-right:0 !important; width:200px} #bottom-cta .mc4wp-form .mc4wp-submit:hover {background:#e7e7e8;color:#231f20; } #bottom-socials {float:right;} #bottom-socials a {display:inline-block; padding:2px 10px} #coupon_code {width:100px !important} .woocommerce ul.products li.product .price {color:#50d5be !important; font-size:12px !important;} #post-50 {font-size:20px; text-align:center; line-height:normal} #members {clear:both; margin: 20px 0} #members .member{float:left; width:50%; padding:0 20px 30px; text-align:center} #members .member .m-image{margin-bottom:15px} #members .member .m-name{margin:0 auto 20px; width:160px} #members .member .m-name h3{font-size:13px} #post-208 .st-heading {width:260px} .woocommerce div.product span.price, .woocommerce div.product p.price {color:#50D5BE !important;} .woocommerce div.product p.price ins, .woocommerce div.product span.price ins {text-decoration:none !important} .woocommerce-message::before {color:#8fae1b !important;border-top-color:#8fae1b !important } body.woocommerce #respond input#submit, body.woocommerce a.button, body.woocommerce button.button, body.woocommerce input.button {color:#fff !important} .woocommerce ul.products li.product .price {text-align:center !important}