/* Theme Name: Hammer Nutrition 2013 Description: Custom theme built on Genesis by Tailored Web Services Author: Tailored Web Services Author URI: http://www.tailored.com.au/ Version: 1.0 Template: genesis Template Version: 1.9.1 */ /** * General Defaults */ body { background:#FEFEFE; } a, a:hover, a:active, a img { border:0; outline:none !important; } .cb { clear:both; height:1px; line-height:1px; font-size:1px; } input[type="button"], input[type="submit"] { font-size:1.2em; line-height:1; border:0; color:#FFF; font-weight:bold; background-color: #494949; background-image:url(images/button-grad-black.png); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#494949), to(#010101)); background-image: -webkit-linear-gradient(top, #494949, #010101); background-image: -moz-linear-gradient(top, #494949, #010101); background-image: -ms-linear-gradient(top, #494949, #010101); background-image: -o-linear-gradient(top, #494949, #010101); } input:hover[type="button"], input:hover[type="submit"] { background-position:inherit; box-shadow:inset 0 0 10px #010101; background-color: #010101; background-image:url(images/button-grad-hover.png); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#010101), to(#494949)); background-image: -webkit-linear-gradient(top, #010101, #494949); background-image: -moz-linear-gradient(top, #010101, #494949); background-image: -ms-linear-gradient(top, #010101, #494949); background-image: -o-linear-gradient(top, #010101, #494949); } /** * Responsive layouts */ #wrap { margin:0 5px; width:auto; box-shadow:none; } @media only screen and (min-width: 960px) { #footer .wrap, #wrap { width:1050px; margin:0 auto; } #wrap { margin:0 auto 15px; } #inner { padding:10px 0; } #content-sidebar-wrap { width:830px } #sidebar { width:260px; } #sidebar-alt { width:200px; } #content { padding:10px 20px; width:510px; } .content-sidebar #content, .sidebar-content #content { width:730px; } .full-width-content #content { width:100%; padding:10px 0; } } /** * Header */ #header { text-align:center; line-height:1; min-height:0; background:#ee1c2f url(images/header-pattern.jpg); color:#FFF; } #header .wrap { } #header .wrap:after { content:""; clear:both; display:table; } #header p, #header p a, #header p a:hover { padding:0; margin:0; } #header #title { line-height:1px; } #header p.phone { margin:1em 0; border-bottom:1px solid #FFF; } #header p.phone span { font-weight:bold; } #header p.phone strong { font-weight:normal; display:block; font-size:1.3em; margin-top:5px; padding:5px 0; } #header .social { } #header .social a img { margin:0 10px; } #header .social a:hover img { } #header .tagline { background:#000; border-top:4px solid #FFF; padding:0.3em; clear:both; } #header .tagline strong { font-weight:inherit; padding:0.3em 0.5em; display:inline-block; } #header .tagline strong:first-child { } #header .tagline strong:last-child { } @media only screen and (min-width: 600px) { #header #title { float:left; width:auto; border-right:4px solid #FFF; max-width:48%; } #header p.phone { float:right; text-align:right; margin:20px 30px 10px; font-size:1.5em; } #header p.phone strong { font-size:1.4em; padding-top:5px; } #header .social { float:right; clear:right; margin:10px 30px 0; } #header .tagline strong { border:2px solid #ff1e3a; border-top:0; border-bottom:0; padding:0.3em 5%; } #header .tagline strong:first-child { border:0; } #header .tagline strong:last-child { border:0; } } @media only screen and (min-width: 700px) { #header #title { float:left; width:auto; border-right:4px solid #FFF; max-width:55%; } #header p.phone { margin:30px 30px 20px; font-size:1.7em; } #header .tagline { font-size:1.2em; } } @media only screen and (min-width: 930px) { #header p.phone { font-size:2em; } #header p.phone strong { font-size:1.5em; } } .social_buttons a { display:inline-block; width:32px; height:32px; font-size:1px; text-indent:-2999px; background:url(images/social-sprites.png); margin:0 5px; opacity:0.85; transition: all 0.1s ease-in-out; } .social_buttons a:hover { opacity:1; } .social_buttons a.facebook { background-position:-76px -76px; } .social_buttons a.twitter { background-position:-76px 0; } .social_buttons a.youtube { background-position:-76px -38px; } /** * Header * #header { text-align:center; line-height:1; min-height:0; background:#ee1c2f url(images/header-pattern.jpg); } #header .wrap { position:relative; min-height:167px; } #header .wrap:after { content:""; clear:both; display:table; } #header p, #header p a, #header p a:hover { padding:0; margin:0; } #header p.photo { line-height:0; border-right:2px solid #FFF; position:absolute; top:0; left:0; z-index:10; } #header p.tagline { position:absolute; background:#000; color:#FFF; text-align:center; text-transform:uppercase; letter-spacing:0.3em; z-index:5; bottom:0; left:0; width:100%; padding:5px 15px 5px 200px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #header #title { font-size:1em; } #header #title img { float:left; margin:25px 0 10px 250px; } #header p.phone { float:right; clear:right; margin:30px 20px 0 0; border-bottom:1px solid #FFF; color:#FFF; padding-bottom:15px; font-weight:bold; text-transform:uppercase; } #header p.phone strong { font-weight:inherit; padding-left:0.5em; } #header p.social { float:right; clear:right; margin:10px 10px 0 0; } #header p.social img { margin:0 10px 0; } .social_buttons a { display:inline-block; width:32px; height:32px; font-size:1px; text-indent:-2999px; background:url(images/social-sprites.png); margin:0 5px; opacity:0.85; transition: all 0.1s ease-in-out; } .social_buttons a:hover { opacity:1; } .social_buttons a.facebook { background-position:-76px -76px; } .social_buttons a.twitter { background-position:-76px 0; } .social_buttons a.youtube { background-position:-76px -38px; } @media only screen and (max-width: 760px) { #header p.photo { display:none; } #header #title img { margin-left:20px; } #header p.tagline { padding:5px 15px; } } @media only screen and (max-width: 570px) { #header #title img { float:none; } #header p.phone, #header p.social { float:none; margin:5px; padding:5px; } #header p.tagline { position:relative; } } @media only screen and (min-width: 700px) { .social_buttons a { float:right; clear:right; margin:0; } .social_buttons a.facebook { background-position:0 0; height:70px; width:70px; float:left; } .social_buttons a.twitter { margin:0 0 6px 6px; } } /** * Header * #header { text-align:center; line-height:1; min-height:0; background:#ee1c2f url(images/header-pattern.jpg); } #header:after { content:""; clear:both; display:table; } #header p, #header p a, #header p a:hover { padding:0; } #header p.photo { display:none; } #header p.phone { float:right; clear:right; margin:40px 20px 0 0; border-bottom:1px solid #FFF; color:#FFF; padding-bottom:15px; font-weight:bold; text-transform:uppercase; } #header p.phone strong { font-weight:inherit; padding-left:0.5em; } #header p.social { float:right; clear:right; margin:10px 10px 0 0; } #header p.social img { margin:0 10px 0; } #header p.account { display:none; } @media only screen and (min-width: 450px) and (max-width: 700px) { #header #title img { float:left; margin:10px 0 0 20px; } #header .social_buttons { padding-top:15px; } #header .social_buttons, #header .callnow { float:right; clear:right; } } @media only screen and (min-width: 700px) { #header #title img { float:left; margin:30px 0 0 20px; } #header .social_buttons, #header .callnow { float:right; margin-top:10px; } #header .social_buttons { width:108px; padding-top:15px; } .social_buttons a { float:right; clear:right; margin:0; } .social_buttons a.facebook { background-position:0 0; height:70px; width:70px; float:left; } .social_buttons a.twitter { margin:0 0 6px 6px; } #header .callnow { border-right:1px solid #e1e1e1; padding:80px 15px 0 0; margin-right:20px; min-width:125px; background:url(images/header-callnow.jpg) center 0 no-repeat; text-align:center; } #header .callnow span { display:none; } #header .callnow strong { color:#1e1c1d; font-size:20px; } #header p.account { display:inline; } #header p.account a { float:right; display:block; width:90px; padding:92px 20px 5px; border-right:1px solid #e1e1e1; margin-right:20px; background:url(images/myaccount.jpg) center 15px no-repeat; opacity:1; color:#9f1616; text-align:center; opacity:0.9; } #header p.account a:hover { opacity:1; text-decoration:none; } } @media only screen and (min-width: 790px) { #header p.photo { display:block; margin:0; padding:0; float:left; line-height:0; border-right:2px solid #FFF; } } @media only screen and (max-width: 790px) { #header #title img { margin:10px 20px; } #header p.phone { margin-top:20px; } } @media only screen and (max-width: 550px) { #header #title img { float:none; margin:10px; } #header p.phone, #header p.social { float:none; text-align:center; } } /** * Menu Bar */ #nav { margin-top:20px; } #nav ul { border:0; border-bottom:1px solid #ded9d9; border-radius:5px; background-color: #e5e5e7; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#e5e5e7)); background-image: -webkit-linear-gradient(top, #FFFFFF, #e5e5e7); background-image: -moz-linear-gradient(top, #FFFFFF, #e5e5e7); background-image: -ms-linear-gradient(top, #FFFFFF, #e5e5e7); background-image: -o-linear-gradient(top, #FFFFFF, #e5e5e7); } #nav ul li a { border:0; border-right:1px solid #dbd7d7; border-left:1px solid #FFF; padding:10px 20px 9px; } #nav ul li.menu_first a { border-left:0; } #nav ul li.menu_last a { border-right:0; } #nav ul > li > a.sf-with-ul { padding-right:30px; } #nav ul li a .sf-sub-indicator { top:12px; background:url(images/menu-dropdown-red.gif) center center no-repeat; } #nav ul li:hover > a .sf-sub-indicator, #nav ul li.current-menu-item > a .sf-sub-indicator { background-image:url(images/menu-dropdown-white.gif); } #nav ul li a:hover, #nav ul li.current-menu-item > a, #nav ul li:hover > a, #nav ul > li.current-menu-item > a, #nav ul > li.current-menu-ancestor > a { color:#FFF; background-color: #e33c42; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e33c42), to(#941b1d)); background-image: -webkit-linear-gradient(top, #e33c42, #941b1d); background-image: -moz-linear-gradient(top, #e33c42, #941b1d); background-image: -ms-linear-gradient(top, #e33c42, #941b1d); background-image: -o-linear-gradient(top, #e33c42, #941b1d); } #nav ul ul { width:180px; background:#941b1d; border-radius:0 0 5px 5px; } #nav ul ul li a { width:160px; padding:7px 10px 6px; border:0; background:none; color:#FFF; } #nav ul ul, #nav ul ul > li:last-child a { border-radius:0 0 5px 5px; } @media only screen and (max-width: 960px) { #nav ul.menu { overflow:visible; } #nav ul.menu:after { content:""; clear:both; display:table; } #nav ul.menu > li ul { position:absolute; } #nav ul.menu > li { width:50%; float:left; text-align:center; position:relative; } #nav ul.menu li a { border:0; } #nav ul.menu li ul { width:100%; } #nav ul.menu li ul li, #nav ul.menu li ul li a { width:100%; padding-left:0; padding-right:0; } p.free_ebook { text-align:center; font-size:1.2em; padding:0 0 10px 0; } p.free_ebook a { color:#bc2628; text-decoration:none; } } @media only screen and (min-width: 500px) and (max-width: 960px) { #nav ul.menu > li { width:33%; } } @media only screen and (max-width: 960px) { } @media only screen and (min-width: 960px) { #nav ul.menu li.featured { display:none; } #nav .wrap { position:relative; } p.free_ebook { position:absolute; bottom:-6px; right:20px; background:url(images/nav-feature-bottom.png) bottom center no-repeat; width:142px; padding:0 15px 6px; } p.free_ebook a { color:#FFF; border-radius:10px 10px 0 0; padding:10px 20px 3px; display:block; text-align:center; font-weight:bold; text-shadow:1px 1px 1px #6d2020; font-size:1em; background-color: #a51717; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fc4949), to(#a51717)); background-image: -webkit-linear-gradient(top, #fc4949, #a51717); background-image: -moz-linear-gradient(top, #fc4949, #a51717); background-image: -ms-linear-gradient(top, #fc4949, #a51717); background-image: -o-linear-gradient(top, #fc4949, #a51717); } p.free_ebook a:hover { text-decoration:none; text-shadow:1px 1px 1px #000; } } /** * Hero Banner */ #hero_banner { position:relative; clear:both; } #hero_banner img { border-radius:5px; } /* #hero_banner img { } #hero_banner a { display:block; background:url(images/spacer.gif); font-size:1px; text-indent:-2999px; width:70%; height:10%; position:absolute; } #hero_banner a.findout { top:27%; } #hero_banner a.ebook { top:37%; } #hero_banner a.testimonials { top:47%; } */ /** * Threebox area */ .shop_area:after { content:""; clear:both; display:table; } .shop_area .widget { margin:5px 5px 20px 5px; } .shop_area .widget_image p.image { text-align:center; } .shop_area .widget_image .red_curve { margin-top:-50px; position:relative; z-index:1; } .shop_area .widget_image a { color:inherit; text-decoration:none; } .shop_area .widget_testimonials { } .shop_area .widget_testimonials blockquote { margin:0; padding:0 0 0 35px; background:url(images/quote.gif) 0 0 no-repeat; } .shop_area .widget_testimonials blockquote p { color:inherit; font-style:inherit; margin:6px 0; } .shop_area .widget_testimonials p.author { color:#be2e38; } .shop_area .widget_testimonials p.more { background:none; font-size:1px; text-indent:-2999px; } .shop_area .widget_testimonials p.more a { background:url(images/arrow-down.gif) center center no-repeat; height:12px; } .shop_area .widget_testimonials p.more a, .shop_area .widget_testimonials p.more a:hover { color:#FFF; } @media only screen and (min-width: 600px) { .shop_area .widget { float:left; margin:0 0 20px; padding:0 0 0 3%; width:30%; } .shop_area .widget:first-child { padding-left:0; } } /** * Content */ .taxonomy-description { margin:0 0 1.5em; padding:0; background:none; border:0; } .taxonomy-description .archive-title { background:none; border:0; font-size:30px; margin:0 0 10px 0; color:#333; padding:0; } .taxonomy-description p { padding:0; font-size:1em; margin:0 0 1em 0; } h1.entry-title, h2.entry-title { font-size:30px; margin:0 0 10px 0; } h1.entry-title, h2.entry-title, h2.entry-title a { color:#333; } h2.headline { background:#d31212; border-radius:0 10px 10px 0; color:#FFF; font-family:Arial, sans-serif; font-size:18px; margin:10px 10% 10px 0; padding:8px; } h1.product_title { color:#e33d3f; } .term-description p { margin-bottom:1.5em; } h1, h2 { font-size:28px; } h1 strong, h2 strong { font-weight:inherit; color:#111; } h3, h4 { font-size:24px; color:#e33d3f; } h3 strong, h4 strong { font-weight:inherit; color:#ba1e20; } h4 { } h5 { font-size:22px; } h5 strong { font-weight:inherit; color:#000; } blockquote { font-style:italic; color:#666; background:url(images/quote.gif) 15px 5px no-repeat; margin:10px 0 15px; padding:5px 20px 5px 60px; } blockquote p { margin:5px 0 10px; color:inherit; font-style:inherit; } .shop_area { border:1px solid #EAEAEA; border-radius:10px; margin:0 0 25px; } .shop_area h2 { } .shop_area p.more { background:#f5f6f6; margin:0 0 10px; } .shop_area p.more a { display:block; padding:5px 15px; text-align:right; font-size:0.9em; text-decoration:none; color:#333; } .shop_area p.more a strong { color:#c4282c; font-weight:inherit; } .shop_area p.more a:hover { color:#000; } .ebook_promo { text-align:center; margin:20px 0; padding:10px 0; border:3px dashed #DDD; border-left:0; border-right:0; } .ebook_promo h2 { color:#C4282C; } .ebook_promo p:last-child { margin-bottom:5px; } .sponsored_athletes { padding:10px 0 20px; clear:both; } .sponsored_athletes:after { clear:both; content:""; display:table; } .sponsored_athletes .sponsored_athlete { text-align:center; } .sponsored_athletes .sponsored_athlete a { display:block; width:100%; text-decoration:none; } .sponsored_athletes .sponsored_athlete a strong { display:block; } .sponsored_athletes .sponsored_athlete a img { border:2px solid #FFF; } .sponsored_athletes .sponsored_athlete a:hover img { box-shadow:1px 1px 3px #AAA; } .other_sponsored_athletes { border-top:3px dashed #DDD; padding-top:20px; margin-top:30px; } @media only screen and (min-width: 500px) { .entry-content { position:relative; overflow:visible; } h2.headline { background:url(images/headline-left.png) top left no-repeat; padding:0 0 0 33px; border-radius:0; margin:0; position:absolute; top:10px; left:-12px; } h2.headline span { display:block; background:url(images/headline-right.png) top right no-repeat; float:left; padding:15px 35px 15px 0; } h2.headline:after { content:""; clear:both; display:table; } .headline-spacer { padding-bottom:4em; } .ebook_promo { text-align:left; } .ebook_promo p { margin-bottom:10px; } .ebook_promo img { margin:10px 15px 25px 0; float:left; display:inline; } .sponsored_athletes .sponsored_athlete { width:30%; float:left; margin:0 1% 15px 2%; } .athletes_cols_2 .sponsored_athlete { width:47%; } .other_sponsored_athletes .sponsored_athlete { width:22%; } } @media only screen and (min-width: 960px) { } /** * Sponsored Events Plugin */ #sponsored_events { } #sponsored_events:after { content:""; clear:both; display:table; } .event_group { clear:both; margin-bottom:1.5em; } .event_group:after { content:""; clear:both; display:table; } .event_group .grid_item { width:33%; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .event_group .grid_item p { margin:0; padding:0; text-align:center; } .event_group .grid_item p.title { margin-bottom:0.5em; font-weight:bold; } .event_group .grid_item p.image img { max-width:80%; height:auto; } .event_group .grid_item p.image a img { border:2px solid #FFF; } .event_group .grid_item p.image a:hover img { box-shadow:1px 1px 3px #AAA; }\ @media only screen and (max-width: 800px) { .event_group .grid_item { width:50%; } } @media only screen and (max-width: 400px) { .event_group .grid_item { width:100%; } } /** * WooCommerce: Product Loop */ .shop_area .woocommerce { padding:0 10px; } .shop_area_fourcols, .shop_area_fourcols .woocommerce { padding:0; border:0; } .shop_area .woocommerce ul.products li.product, body.woocommerce ul.products li.product { float:none; width:auto; padding:0; margin:0 0 15px; } .shop_area .woocommerce ul.products li.product a, body.woocommerce ul.products li.product a { display:block; } body.woocommerce ul.products li.product a img, .shop_area .woocommerce ul.products li.product a img, .shop_area .woocommerce ul.products li.product a:hover img, body.woocommerce ul.products li.product a:hover img { box-shadow:none; margin:0; } .shop_area .widget_image .red_curve, .shop_area li.product .red_curve, body.woocommerce .product .red_curve { background:url(images/red-curve-top.png) top center no-repeat; padding-top:18px; } .shop_area .widget_image .red_curve .description, .shop_area li.product .red_curve .description, body.woocommerce .product .red_curve .description { padding-top:0; } .shop_area .widget_image .description, .shop_area li.product .description, body.woocommerce .product .description, body.woocommerce .product-category h3 { color:#FFF; padding:5px; text-align:center; background-color: #dd4246; border-radius:0 0 10px 10px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dd4246), to(#b31f23)); background-image: -webkit-linear-gradient(top, #dd4246, #b31f23); background-image: -moz-linear-gradient(top, #dd4246, #b31f23); background-image: -ms-linear-gradient(top, #dd4246, #b31f23); background-image: -o-linear-gradient(top, #dd4246, #b31f23); } .shop_area .widget_image .description .widgettitle, .shop_area li.product .description h3, body.woocommerce .product-category h3, body.woocommerce .products .product .description h3 { font-size:20px !important; padding:5px 0 0 !important; margin:0; text-shadow:1px 1px 1px #6D2020; color:#FFF; } .shop_area .widget_image .description, .shop_area li.product .description .summary, body.woocommerce .products .product .description .summary { font-size:13px; } .shop_area .widget_image .description p, .shop_area li.product .description p, body.woocommerce .products .product .description .summary p { margin:5px 0; } body.woocommerce .product-category h3 mark { color:#FFF; display:block; text-shadow:none; font-size:0.85em !important; padding-bottom:0.5em; } .woocommerce .product h3 mark { background:none; } .woocommerce li.product-category { text-align:center; } .result_wrapper { background:#FAFAFA; border:1px solid #EEE; border-radius:5px; padding:5px 15px; margin:10px 0 20px; } .result_wrapper p.woocommerce-result-count, .result_wrapper form.woocommerce-ordering { margin:0; } .result_wrapper:after { content:""; clear:both; display:table; } .result_wrapper select { background:#FFF; } @media only screen and (max-width: 600px) { .shop_area .woocommerce ul.products li.product a, body.woocommerce ul.products li.product a { height:auto !important; padding-bottom:0 !important; } .shop_area .woocommerce ul.products li.product .thumbnail, body.woocommerce ul.products li.product .thumbnail { height:auto !important; } .shop_area .woocommerce ul.products li.product .description, body.woocommerce ul.products li.product .description { height:auto !important; } } @media only screen and (min-width: 600px) { .shop_area .woocommerce ul.products li.product, body.woocommerce ul.products li.product { float:left; margin:0 0 30px; padding:0 0 0 3%; width:30%; } .shop_area .woocommerce ul.products li.product .red_curve, body.woocommerce ul.products li.product .red_curve { margin-top:-15px; position:relative; z-index:1; } .shop_area_fourcols .woocommerce ul.products li.product { width:22%; padding:0 2% 0 1%; } } /** * WooCommerce: View Product page */ .woocommerce .product .summary p { margin-bottom:15px; } table.variations fieldset { border:0; margin:0; padding:0; } table.variations fieldset span.span { display:block; } table.variations fieldset label.radio { display:block; cursor:pointer; font-weight:normal !important; padding:3px 1px; } table.variations fieldset label.radio input { margin:0 10px; } table.variations select { cursor:pointer; } .product_meta { margin-top:10px; } .product_meta span { display:block; font-size:0.95em; margin-top:5px; } .product_meta span.posted_in { background:url(images/icon-folder.gif) left no-repeat; padding-left:22px; } .product_meta span.tagged_as { background:url(images/tag_blue.gif) left no-repeat; padding-left:20px; } body.woocommerce a.button.alt, body.woocommerce-page a.button.alt, body.woocommerce button.button.alt, body.woocommerce-page button.button.alt, body.woocommerce input.button.alt, body.woocommerce-page input.button.alt, body.woocommerce #respond input#submit.alt, body.woocommerce-page #respond input#submit.alt, body.woocommerce #content input.button.alt, body.woocommerce-page #content input.button.alt { color:#FFF; border-radius:10px; padding:5px 15px; border:1px solid #a51717; display:inline-block; text-align:center; font-weight:bold; text-shadow:1px 1px 1px #6d2020; font-size:1em; background-color: #a51717; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fc4949), to(#a51717)); background-image: -webkit-linear-gradient(top, #fc4949, #a51717); background-image: -moz-linear-gradient(top, #fc4949, #a51717); background-image: -ms-linear-gradient(top, #fc4949, #a51717); background-image: -o-linear-gradient(top, #fc4949, #a51717); } body.woocommerce a.button.alt:hover, body.woocommerce-page a.button.alt:hover, body.woocommerce button.button.alt:hover, body.woocommerce-page button.button.alt:hover, body.woocommerce input.button.alt:hover, body.woocommerce-page input.button.alt:hover, body.woocommerce #respond input#submit.alt:hover, body.woocommerce-page #respond input#submit.alt:hover, body.woocommerce #content input.button.alt:hover, body.woocommerce-page #content input.button.alt:hover { background:#c82c2c; text-shadow:1px 1px 1px #000; } .woocommerce .woocommerce-tabs ul.tabs li { font-size:14px; } body.woocommerce-page .related { padding-top:20px; } body.woocommerce-page .related ul.products li.product { width:22%; } body.woocommerce-page #content .related ul.products li.product .description .summary { float:none; margin:0; width:100%; } @media only screen and (max-width: 600px) { .woocommerce div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page #content div.product div.images { } body.woocommerce-page #content div.product div.images, body.woocommerce-page #content div.product div.summary { width:100%; float:none; } body.woocommerce-page #content div.product div.images { text-align:center; } body.woocommerce-page #content div.product div.images a.woocommerce-main-image img { max-height:300px; width:auto; margin:0 auto; } .woocommerce-tabs ul.tabs { display:none; } .woocommerce-tabs .panel { display:block !important; margin:0 0 25px 0 !important; } } /** * WooCommerce Payment Page */ .entry-content ul.woocommerce-error { padding:0 0 15px 40px; } .entry-content ul.woocommerce-error li { padding-top:10px; list-style:disc; } .woocommerce table.cart td.actions .coupon { float:left; text-align:left; } .woocommerce table.cart td.actions .coupon:after { content:""; clear:both; display:table; } .woocommerce table.cart td.actions .coupon p { clear:both; margin-bottom:0.5em; } .woocommerce table.cart td.actions .coupon p:after { content:""; clear:both; display:table; } .woocommerce table.cart td.actions .coupon > :last-child { margin-bottom:0; } .woocommerce table.cart td.actions .coupon .input-text { font-size:1em; padding:7px 6px 6px !important; width:11em !important; } @media only screen and (max-width: 768px) { .woocommerce table.cart td.actions .coupon { text-align:center; float:none; margin-bottom:1.5em; } .woocommerce table.cart td.actions .coupon input { float:none !important; } .woocommerce table.cart td.actions .coupon input.button { width:auto !important; } } form.checkout_coupon p.form-row-first { width:30%; } form.checkout_coupon input#coupon_code { box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.1); border:1px solid #E0DADF; width:90%; padding:6px 6px 5px; margin:0; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { padding:4px 6px; width:95%; background-color:#f8f8f8; border:1px solid #AAA; border-radius:5px; font-size:1em; } .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus { background-color:#FDFDFD; box-shadow:1px 1px 3px #f8f8f8; } #payment ul.payment_methods, #payment ul.payment_methods li { list-style:none; } #payment ul.payment_methods li label { cursor:pointer; } #payment .payment_method_eway { } #payment .payment_method_eway fieldset { border:0; margin:0; padding:0; } #payment .payment_method_eway .eway_card_type_radios label.card_type { cursor:pointer; margin-right:20px; } #payment .payment_method_eway input.input-text { border:1px solid #BBB; padding:2px 3px; border-radius:5px; } #payment .payment_method_eway input.input-text:focus { border-color:#AAA; box-shadow:1px 1px 2px #CCC; } /** * WooCommerce My Account */ table.my_account_rewards_available, table.my_account_rewards_issued { border:1px solid #EEE; width:100%; text-align:left; border-radius:5px; border-collapse:separate; margin:0 -1px 24px 0; } table.my_account_rewards_available tr td, table.my_account_rewards_issued tr td { border-top:1px solid #EEE; } /** * Comments */ @media only screen and (min-width: 960px) { } /** * Sidebars */ #sidebar ul.widget_menu li ul { display:none; } #sidebar .widget { border:1px solid #EEE; border-radius:5px; background:#FFF; overflow:hidden; } #sidebar .widget h4.widgettitle { margin:-1px -1px 0; padding:9px 10px 8px; color:#FFF; text-transform:uppercase; font-size:16px; letter-spacing:1px; background-color: #303232; border-radius:5px 5px 0 0; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#646464), to(#303232)); background-image: -webkit-linear-gradient(top, #646464, #303232); background-image: -moz-linear-gradient(top, #646464, #303232); background-image: -ms-linear-gradient(top, #646464, #303232); background-image: -o-linear-gradient(top, #646464, #303232); } #sidebar .widget_newsletter { padding:0; } #sidebar .widget_newsletter .widget_inner { background:url(images/widgetbg-newsletter.jpg) top left no-repeat; padding:10px 10px 15px 65px; } #sidebar .widget_newsletter .textwidget { padding:0 0 5px 0; } #sidebar .widget_newsletter strong { font-size:1.3em; } #sidebar .widget_newsletter em { font-size:1.3em; color:#c4282c; font-style:normal; } #sidebar .widget_newsletter form p { } #sidebar .widget_newsletter form p label { display:block; cursor:pointer; padding:3px 0 10px 0; line-height:1; text-align:left; } #sidebar .widget_newsletter form p label span { display:block; font-size:0.85em; color:#666; } #sidebar .widget_newsletter form p label input { width:96%; background:#FFF; border:1px solid #c5c5c5; border-radius:5px; padding:2px 4px; } #sidebar .widget_newsletter form p label input:focus { border-color:#AAA; box-shadow:1px 1px 2px #CCC; } #sidebar .widget_newsletter form p input.submit { margin-left:20%; background-color: #971b1d; border-radius:10px; font-size:1.1em; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e23b42), to(#971b1d)); background-image: -webkit-linear-gradient(top, #e23b42, #971b1d); background-image: -moz-linear-gradient(top, #e23b42, #971b1d); background-image: -ms-linear-gradient(top, #e23b42, #971b1d); background-image: -o-linear-gradient(top, #e23b42, #971b1d); } #sidebar .widget_newsletter form p input.submit:hover { box-shadow:none; background:#e23b42; } #sidebar .widget_like_fb { border:0; text-align:center; margin:30px 0; } #sidebar .widget_like_fb, #sidebar .widget_like_fb .textwidget { padding:0; } #sidebar ul.xoxo, #sidebar .widget_menu { padding:0; background:#f6f6f6; } #sidebar ul.xoxo li, #sidebar .widget_menu li { border:0; margin:0; padding:0; } #sidebar ul.xoxo li a, #sidebar .widget_menu li a { background:url(images/bullet1.gif) 10px center no-repeat; padding:3px 3px 3px 25px; color:#565656; display:block; } #sidebar ul.xoxo li a:hover, #sidebar .widget_menu li a:hover, #sidebar .widget_menu li.current-menu-item > a { color:#b2272b; background-color:#FFF; text-decoration:none; } #sidebar .widget_recent_posts { padding:0; } #sidebar ul.xoxo li.link2blog { } #sidebar ul.xoxo li.link2blog a { text-align:center; margin-top:5px; padding:5px 3px 10px; background:none; border-top:1px solid #DDD; } #sidebar .widget_events { padding-bottom:0; } #sidebar .widget_events ul.events { padding:0 15px 0 0; } #sidebar .widget_events ul.events li { border:0; border-top:1px dashed #d8d8d8; background:url(images/bullet1.gif) 10px 13px no-repeat; padding:5px 0 0 20px; } #sidebar .widget_events ul.events li:first-child { border-top:0; } #sidebar .widget_events ul.events p.title { } #sidebar .widget_events ul.events p.title a { display:block; color:#c1262a; text-decoration:underline; font-weight:bold; } #sidebar .widget_events ul.events p.date { font-size:0.8em; color:#a2a2a2; } #sidebar .widget_events ul.events p { } #sidebar .widget_plain { border:0; padding:0; } #sidebar .widget_plain .textwidget { padding:0; } #sidebar .widget_shopping_cart { } #sidebar .widget_shopping_cart .buttons { text-align:center; padding-top:0.5em; } @media only screen and (min-width: 960px) { #sidebar .widget_newsletter form p { text-align:center; } #sidebar .widget_newsletter form p input.submit { margin:0; } } /** * Footer */ #footer { background:#6d6e71; border-top:1px solid #b6b8b8; box-shadow:inset 0 10px 6px -6px #464646; color:#CCC; overflow:visible; } #footer .wrap { position:relative; overflow:visible; } #footer a, #footer a:visited { color:#DDD; } #footer a:hover, #footer a:active, #footer strong { color:#FFF; } #footer h3 { color:#FFF; font-size:18px; font-weight:normal; padding:8px 0 3px; font-family:Arial, sans-serif; } #footer p { margin-bottom:10px; } #footer img.logo { display:block; margin:0 auto; } #footer .wrap_inner { } #footer .wrap_inner:after { content:""; clear:both; display:table; } #footer ul.menu-footer, #footer ul.menu-footer li { list-style:none; margin:0; padding:0; border:0; } #footer ul.menu-footer li { } #footer ul.menu-footer li a { display:block; padding:2px 0; } #footer ul.menu-footer li a:hover { } #footer .mailchimp label { color:inherit; display:block; cursor:pointer; } #footer .mailchimp label span { display:block; font-size:0.75em; display:none; } #footer .mailchimp label input { border:1px solid #333; background:#FFF; border-radius:5px; width:95%; padding:3px 5px; } #footer .mailchimp input.submit { font-size:1em; padding:5px 25px; border-radius:10px; background-color: #981c1e; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e13c42), to(#981c1e)); background-image: -webkit-linear-gradient(top, #e13c42, #981c1e); background-image: -moz-linear-gradient(top, #e13c42, #981c1e); background-image: -ms-linear-gradient(top, #e13c42, #981c1e); background-image: -o-linear-gradient(top, #e13c42, #981c1e); } #footer .mailchimp input.submit:hover { box-shadow:none; text-shadow:1px 1px 3px #670c0d; box-shadow:inset 0 0 8px #e75055; } #footer .lower { background:url(images/footer-sep.jpg) top center no-repeat; padding:25px 0 0; } #footer .social_buttons { line-height:1; } #footer .social_buttons strong { display:inline-block; float:left; margin:20px 10px 0 0; } #footer .social_buttons a { opacity:0.75; transition: all 0.1s ease-in-out; } #footer .social_buttons a:hover { opacity:1; } @media only screen and (min-width:500px) and (max-width:750px) { #footer .one-fourth { width:48%; } #footer .third { clear:both; padding-left:0; } } @media only screen and (min-width:600px) { #footer { margin-top:20px; } #footer .lower { font-size:0.9em; } #footer .social_buttons { float:right; } #footer .social_buttons strong { margin-top:30px; } #footer p.copy { padding:20px 0 0; } #footer .wrap { padding-top:45px; } #footer img.logo { position:absolute; top:-35px; left:50%; margin-left:-83px; } } @media only screen and (min-width:600px) and (max-width:960px) { #footer { margin-top:40px; } } /** * A few Tailored Tweaks */ .entry-content > a.post-edit-link { float:left; display:block; clear:both; } .post-info span.date { background:url(images/calendar.gif) left no-repeat; padding:0 10px 0 22px; } .post-info .post-comments { background:none; padding-left:0; } .post-info .post-comments a { background:url(images/icon-comments.gif) 10px center no-repeat; padding:0 10px 0 30px; } .post-meta span.categories { background:url(images/icon-folder.gif) left no-repeat; padding:0 0 0 22px; } .post-meta span.tags { background:url(images/tag_blue.gif) left no-repeat; padding-left:20px; margin-left:15px; } .wp-caption { background:#FFF; border:1px solid #DDD; box-shadow:1px 1px 3px #DDD; border-radius:5px; } div.alignright { margin-right:4px; } div.alignleft { margin-left:4px; } /** * Responsive video embeds */ .video_wrap { border:1px solid #999; background:#FFF; padding:2px; box-shadow:1px 1px 2px #CCC; border-radius:10px; margin:10px 0 15px; clear:both; } .video_iframe { position:relative; padding-bottom:56.25%; /* 16/9 Ratio */ padding-top:30px; /* Fix for IE6*/ height:0; overflow:hidden; } .video_iframe iframe { position:absolute; top:0; left:0; width:100%; height:100%; border-radius:10px; } /** * Responsive map embed */ .googlemap img, .googlemap iframe { background:#FFF; border:1px solid #999; padding:2px; border-radius:10px; box-shadow:1px 1px 2px #CCC; margin:10px auto 15px; max-width:100%; } .googlemap img { max-width:95%; height:auto; display:block; } .googlemap iframe { display:none; } @media only screen and (min-width:800px) { .googlemap img { display:none; } .googlemap iframe { display:block; } } /** * jQuery UI Tabs */ .ui-tabs .ui-tabs-panel { border-top:3px solid #D2232A; } .ui-tabs .ui-tabs-nav li a { color:#626060; background:#d7d6d6; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color:#FFF; background:#D2232A; } /** * Print Rules */ @media print { }