/* Theme Name: Black Dog Music Theme URI: Description: This is the Black Dog Music Theme Version: 1.5 Author: Stream Author URI: Tags: */ /*------------------------------------*\ Basic \*------------------------------------*/ * { margin: 0; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { height: 100%; color: #3e3e41; background-color: #f2f2f2; /*background-color: #ccc;*/ padding: 0 0 0 0; margin: 0 0 0 0; font-family: 'Heebo', sans-serif; font-size: 14px; line-height: 24px; } /*------------------------------------*\ Typography \*------------------------------------*/ @font-face { font-family: 'kenyan_coffee_rgregular'; src: url('fonts/kenyan_coffee_rg-webfont.eot'); src: url('fonts/kenyan_coffee_rg-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/kenyan_coffee_rg-webfont.woff2') format('woff2'), url('fonts/kenyan_coffee_rg-webfont.woff') format('woff'), url('fonts/kenyan_coffee_rg-webfont.ttf') format('truetype'), url('fonts/kenyan_coffee_rg-webfont.svg#kenyan_coffee_rgregular') format('svg'); font-weight: normal; font-style: normal; } .break { display: block; } h1, h2, h3, h4, h5 { font-weight: normal; } h1 { font-size: 24px; line-height: 26px; margin: 0 0 10px 0; font-family: 'Heebo', sans-serif; font-weight: 700; } h2 { font-size: 24px; line-height: 30px; margin: 0 0 10px 0; padding: 0 0 0 0; font-family: 'Heebo', sans-serif; font-weight: 500; } h3 { font-size: 18px; line-height: 24px; margin: 0 0 10px 0; font-family: 'Heebo', sans-serif; font-weight: 600; } h4 { font-size: 16px; line-height: 20px; margin: 0px 0 10px 0; font-family: 'Heebo', sans-serif; font-weight: 600; } h5 { font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: 'Heebo', sans-serif; font-weight: 600; } p { font-size: 14px; line-height: 24px; margin: 0 0 15px 0; font-weight: 300; } ol, ul { margin: 0 0 10px 8px; padding: 0 0 0 10px; } ol li, ul li { margin: 0 0 0 0; padding: 0 0 0px 0; font-size: 14px; line-height: 18px; } a { color: #3e3e41; text-decoration: none; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } strong { font-family: 'Heebo', sans-serif; font-weight: 700; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } .background-cover { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; } address { font-style:normal; margin:0 0 20px 0; } /* Inputs */ label { } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; -webkit-text-fill-color: #000 !important; } input[type=text], input[type=email], input[type=password], input[type=tel], select { font-weight:normal!IMPORTANT; margin: 0 0 20px 0; width: 100%; font-size: 14px; border: 1px solid #ccc; color: #3e3e41; background-color: #fff; padding: 5px 25px 5px 5px; } input[type=text], input[type=email], input[type=password], input[type=tel] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea { margin: 0 0 0 0; width: 100%; font-size: 14px; border: 1px solid #ccc; color: #3e3e41; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; padding: 5px 25px 5px 5px; font-family: 'Heebo', sans-serif; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } ::-webkit-input-placeholder { font-weight:normal!IMPORTANT; } :-moz-placeholder { /* Firefox 18- */ font-weigfht:normal!IMPORTANT; } ::-moz-placeholder { /* Firefox 19+ */ font-weight:normal!IMPORTANT; } :-ms-input-placeholder { font-weight:normal!IMPORTANT; } ::-webkit-search-cancel-button { -webkit-appearance: none; } mark { background-color:transparent; color: black; } .required { text-align:right; } input[type="submit"] { -webkit-appearance: none; border-radius: 0; } /*------------------------------------*\ Images \*------------------------------------*/ img { border: 0; } /*------------------------------------*\ Icons \*------------------------------------*/ @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?re1qgf'); src: url('fonts/icomoon.eot?#iefixre1qgf') format('embedded-opentype'), url('fonts/icomoon.woff?re1qgf') format('woff'), url('fonts/icomoon.ttf?re1qgf') format('truetype'), url('fonts/icomoon.svg?re1qgf#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-hardware-base:before { content: "\e92d"; } .icon-hardware-knob:after { content: "\e92e"; } .icon-electrics:before { content: "\e92b"; } /*.icon-hardware:before { content: "\e92c"; }*/ .icon-van:before { content: "\e926"; } .icon-tuner:before { content: "\e927"; } .icon-tuner:after { content: "\e928"; } .icon-sound:before { content: "\e928"; } .icon-wire:before { content: "\e91f"; } .icon-plectrum:before { content: "\e920"; } .icon-mic:before { content: "\e921"; } .icon-basket:before { content: "\e922"; } .icon-bango:before { content: "\e923"; } .icon-electric-guitar:before { content: "\e924"; } .icon-acoustic-guitar:before { content: "\e925"; } .icon-solid-right:before { content: "\e900"; } .icon-solid-left:before { content: "\e901"; } .icon-solid-up:before { content: "\e902"; } .icon-solid-down:before { content: "\e903"; } .icon-instagram:before { content: "\e904"; } .icon-person:before { content: "\e905"; } .icon-star:before { content: "\e906"; } .icon-tie:before { content: "\e907"; } .icon-quotes-1:before { content: "\e908"; } .icon-quotes-2:before { content: "\e909"; } .icon-location:before { content: "\e90a"; } .icon-mobile:before { content: "\e90b"; } .icon-phone:before { content: "\e90c"; } .icon-letter:before { content: "\e90d"; } .icon-linkedin:before { content: "\e90e"; } .icon-twitter:before { content: "\e90f"; } .icon-facebook:before { content: "\e910"; } .icon-link:before { content: "\e911"; } .icon-play:before { content: "\e912"; } .icon-stroke-left:before { content: "\e913"; } .icon-stroke-right:before { content: "\e914"; } .icon-pinterest-circle:before { content: "\e915"; } .icon-youtube:before { content: "\e916"; } .icon-pinterest:before { content: "\e917"; } .icon-google-plus:before { content: "\e918"; } .icon-cog:before { content: "\e919"; } .icon-solid-down2:before { content: "\e91a"; } .icon-heart:before { content: "\e91b"; } .icon-bag:before { content: "\e91c"; } .icon-zoom:before { content: "\e91d"; } .icon-zoom-plus:before { content: "\e91e"; } .icon-zoom-plus-v2:before { content: "\e929"; } .icon-zoom-v2:before { content: "\e92a"; } /*------------------------------------*\ Inputs \*------------------------------------*/ input { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; } ::-webkit-input-placeholder { color:#959595; font-weight:700; padding:0 0 0 5px; } :-moz-placeholder { color:#959595; font-weight:700; padding:0 0 0 5px; } ::-moz-placeholder { color:#959595; font-weight:700; padding:0 0 0 5px; } :-ms-input-placeholder { color:#959595; font-weight:700; padding:0 0 0 5px; } /*------------------------------------*\ Wordpress Core \*------------------------------------*/ .alignnone { margin: 5px 0 20px 0; clear: both; width: 100%!IMPORTANT; height: auto!IMPORTANT; } .alignnone img { width: 100%!IMPORTANT; height: auto!IMPORTANT; } .aligncenter, div.aligncenter { display: block; margin: 20px auto 20px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 100%; /* Image does not overflow the content area */ padding: 5px 5px 0px 5px; 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; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 10px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .articles-single img { } /*------------------------------------*\ Layout \*------------------------------------*/ footer { float: left; width: 100%; } header, footer, article, aside { display: block; } .wrapper { min-height: 100%; margin: 0 auto 0 auto; position: relative; width: 100%; } /*.push { height: 160px; } footer { height: 160px; }*/ .outer { /*width:1167px;*/ width: 90%; max-width: 1400px; margin: 0 auto 0 auto; position: relative; } @media only screen and (max-width: 1200px) { .outer { /*width:1167px;*/ width: 95%; } } @media only screen and (max-width: 790px) { .outer { width: 100%; } } @media only screen and (max-width: 660px) { .wrapper { margin: 0 auto 0 auto; } .push { height: auto; } footer { height: auto; } } .inner { position: relative; padding: 20px; width: 100%; } .inner:after { content: ''; clear: both; display: table; } .clear { clear: both; } .box { border-bottom: 0px solid #666; background-color: #fff; margin: 0 0 0 0; position: relative; } .widgets { margin: 0 0 30px 0; } .widget { margin: 0 0 30px 0; } .image { position: relative; } /*------------------------------------*\ Colours \*------------------------------------*/ .background-green { background-color:#96d320; } .background-white { background-color:#fff; } /*------------------------------------*\ Columns \*------------------------------------*/ [class*='col-'] { float: left; position:relative; } .grid:after { content: ""; display: table; clear: both; } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [class*='col-'] { padding:0 15px 0 15px; } .grid-pad { padding: 30px 0 0 0px; } .single-product .grid-pad { padding: 30px 0 30px 0px; } .woocommerce-cart .grid-pad { padding: 30px 0 30px 0px; } @media only screen and (max-width: 960px) { } .no-padding { padding: 0; } .padding { padding: 0 10px 0 10px; } .padding-left { padding:0 0 0 15px; } .padding-right { padding:0 15px 0 0; } /* 12 Col Grid */ .col-1 { width: 8.333333%; } .col-2 { width: 16.666666%; } .col-3 { width: 24.999999%; } .col-4 { width: 33.333333%; } .col-5 { width: 41.666665%; } .col-6 { width: 49.999999%; } .col-7 { width: 58.333331%; } .col-8 { width: 66.666664%; } .col-9 { width: 74.999997%; } .col-10 { width: 83.33333%; } .col-11 { width: 91.666663%; } .col-12 { width: 100%; } /* 10 Col Grid */ .col-1-10 { width: 10%; } .col-2-10 { width: 20%; } .col-3-10 { width: 30%; } .col-4-10 { width: 40%; } .col-5-10 { width: 50%; } .col-6-10 { width: 60%; } .col-7-10 { width: 70%; } .col-8-10 { width: 80%; } .col-9-10 { width: 90%; } .col-10-10 { width: 100%; } @media only screen and (max-width: 660px) { [class*='col-'] { width:100%!IMPORTANT; } } /*------------------------------------*\ Rollovers \*------------------------------------*/ a .rollover { position: absolute; width: 100%; height: 100%; background-color: rgba(150,211,32,0.75); border: 0px solid #3e3e41; z-index: 2; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } @media only screen and (max-width: 1024px) { a .rollover { display:none; } } a .rollover:before { font-family: 'icomoon'; content: "\e92a"; color: #3e3e41; text-align: center; font-size: 45px; display: block; opacity: 1; filter: alpha(opacity=100); transition: opacity .75s ease-in-out; -moz-transition: opacity .75s ease-in-out; -webkit-transition: opacity .75s ease-in-out; position: relative; top: 35%; -webkit-transform: translateY(-35%); -ms-transform: translateY(-35%); transform: translateY(-35%); } /* Disable Rollovers for Mobile / Tablets }*/ @media only screen and (min-width: 1024px) { a:hover .rollover:before { opacity: 1; filter: alpha(opacity=100); transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } a:hover .rollover { opacity: 1.0; filter: alpha(opacity=100); z-index: 9999; } } /*------------------------------------*\ Top Nav \*------------------------------------*/ .top-nav { padding: 8px 0 8px 0; } @media only screen and (max-width: 960px) { .top-nav { display:none; } } .top-nav ul { margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; } .top-nav .right ul { float: right; } @media only screen and (max-width: 960px) { .top-nav .right ul { float: left; } } .top-nav ul li { float: left; padding: 0 0 0 0px; } .top-nav ul li:after { content: ''; width: 1px; height: 20px; display: inline-block; float: right; margin: 0 10px 0 10px; background-color: #e5e5e5; } .top-nav ul li:last-of-type:after { display: none; } .top-nav ul li a { color: #959595; font-size: 12px; font-weight: 400; } .top-nav ul li a:hover { color: #96d320; } /*------------------------------------*\ Header \*------------------------------------*/ header { background-color: #fff; z-index: 999; width: 100%; position:relative; } .logo { position: relative; margin:0 0 20px 0; } @media only screen and (max-width: 960px) { .logo img { width:30%; } .logo { width:100%!IMPORTANT; } } @media only screen and (max-width: 960px) { .logo { position: relative; margin:20px 0 20px 0; } } @media only screen and (max-width: 660px) { .logo img { width:70%; } } /*------------------------------------*\ Udpated Menu \*------------------------------------*/ #cssmenu { border-top: 1px solid #e5e5e5!IMPORTANT; border-bottom: 0px solid #e5e5e5!IMPORTANT; padding: 17px 0 15px 0!IMPORTANT; } .home #cssmenu { border-bottom: 0px solid #e5e5e5!IMPORTANT; } .home header { border-bottom: 0px solid #e5e5e5!IMPORTANT; } #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:10; } #cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #cssmenu #menu-button { display: none; } #cssmenu { width: auto; line-height: 1; background: #ffffff; } #menu-line { position: absolute; top: 0; left: 0; height: 3px; background: #32444f; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } #cssmenu > ul > li { float: left; } #cssmenu > ul > li { border-left: 1px solid #e5e5e5; } #cssmenu > ul > li:first-child { border-left: 0px solid #e5e5e5; } #cssmenu > ul > li:last-child { border-right: 0px solid #e5e5e5; } #cssmenu.align-center > ul { font-size: 0; /*text-align: center;*/ } #cssmenu.align-center > ul > li { display: inline-block; float: none; } #cssmenu.align-center ul ul { text-align: left; padding:15px 0 0 0; } #cssmenu.align-right > ul > li { float: right; } #cssmenu.align-right ul ul { text-align: right; } #cssmenu > ul > li > a { padding: 0px 30px 0px 30px; font-size: 16px; line-height:20px; text-decoration: none; color: #32444f; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } @media only screen and (max-width: 1330px) { #cssmenu > ul > li > a { padding: 0px 15px 0px 15px; font-size: 16px; line-height:20px; } } @media only screen and (max-width: 1070px) { #cssmenu > ul > li > a { padding: 0px 10px 0px 10px; font-size: 14px; line-height:20px; } } #cssmenu > ul > li > a:hover { color:#96d320!IMPORTANT; } /*@media only screen and (max-width: 1490px) { #cssmenu > ul > li > a { padding: 0px 10px 0px 10px; font-size: 14px; line-height:35px; } } @media only screen and (max-width: 1330px) { #cssmenu > ul > li > a { padding: 0px 10px 0px 10px; font-size: 14px; line-height:35px; } } @media only screen and (max-width: 1195px) { #cssmenu > ul > li > a { padding: 0px 10px 0px 10px; font-size: 12px; line-height:30px; } }*/ #cssmenu > ul > li:hover { z-index:999; } #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { color: #32444f; } #cssmenu > ul > li.has-sub > a { padding-right: 25px; } @media only screen and (max-width: 1490px) { #cssmenu > ul > li.has-sub > a { padding-right: 10px; } } #cssmenu > ul > li.has-sub > a::after { font-family: 'icomoon'!IMPORTANT; content: '\e903'; display: inline-block; font: inherit; font-family: dashicons; margin: 0 0 0 6px; vertical-align: top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: rotate(0); -moz-transform: rotate(0);-ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); color: inherit; font-size:4px; color:#96d320; } #cssmenu > ul > li.has-sub:hover > a::after { border-color: #32444f; } #cssmenu > ul > li.has-sub:hover { } #cssmenu ul ul { position: absolute; left: -9999px; width:300px; background-color:#FFF; } #cssmenu li:hover > ul { left: auto; } #cssmenu.align-right li:hover > ul { right: 0; } #cssmenu ul ul ul { margin-left: 100%; top: 0; } #cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 100%; } #cssmenu ul ul li { height: 0; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease; } #cssmenu ul li:hover > ul > li { height: 45px; } /*@media only screen and (max-width: 1490px) { #cssmenu ul li:hover > ul > li { height: 25px; } }*/ #cssmenu ul ul li a { padding: 15px 30px 15px 30px; font-size: 14px; text-decoration: none; color: #32444f; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #c6c6c6; background-color:#d2d2d2; } /*@media only screen and (max-width: 1490px) { #cssmenu ul ul li a { padding: 5px 15px 5px 15px; } }*/ #cssmenu ul ul li:last-child a { border-bottom:1px solid #e5e5e5; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #fff; } #cssmenu ul ul li.has-sub > a::after { position: absolute; top: 13px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } #cssmenu.align-right ul ul li.has-sub > a::after { right: auto; left: 10px; border-bottom: 0; border-right: 0; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; } #cssmenu ul ul li.has-sub:hover > a::after { border-color: #ffffff; } /*------------------------------------*\ Mega Menu \*------------------------------------ /* Fancy Mobile Menu - mmenu */ .mobile-logo { display: block; margin: 0 auto; } .mm-navbar-top-1 a { float: left; display: none; } .mm-slideout { } #mobile-menu:not( .mm-menu ) { display: none; } #hamburger { display: none; box-sizing: border-box; width: 70px; height: 45px; top: 20px; z-index: 4; position: absolute; right: 0px; } @media only screen and (max-width: 960px) { #hamburger { display: block; } .mega-menu-wrap { display:none; } } @media only screen and (max-width: 960px) { #hamburger { } } @media only screen and (max-width: 760px) { #hamburger { display: block; top:10px; } } #hamburger:before, #hamburger:after, #hamburger span { background: #96d320; content: ''; display: block; width: 30px; height: 3px; position: absolute; left: 20px; } #hamburger:before { top: 10px; } #hamburger span { top: 20px; } #hamburger:after { top: 30px; } /* Hamburger animation */ #hamburger { opacity: 0.9; } #hamburger:before, #hamburger:after, #hamburger span { -webkit-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity; } html.mm-opening #hamburger:before, html.mm-opening #hamburger:after { top: 20px; } html.mm-opening #hamburger span { left: -50px; opacity: 0; } html.mm-opening #hamburger:before { transform: rotate( 45deg ); } html.mm-opening #hamburger:after { transform: rotate( -45deg ); } /* Menu Search */ #mega-menu-wrap-header-menu #mega-menu-header-menu li#mega-menu-item-32229 .mega-search .search-icon:before { color: #3e3e41; height: 30px; width: 30px; vertical-align: middle; line-height: 30px;} .dashicons-search:before { font-family: 'icomoon'; content: "\e91d"; } .mega-search-closed { } .mega-search-open input { border: 1px solid #e5e5e5!IMPORTANT; border-radius: 0px!IMPORTANt; height:auto!IMPORTANT; padding:10px 30px 10px 5px!IMPORTANT; margin:-12px 0 0 0!IMPORTANT; } .mm-menu { background:#ffffff!IMPORTANT; border-color:#ffffff!IMPORTANT; } /* Mobile Search */ .mm-menu .mobile-search { text-align:center; margin:0 0 10px 0; border-bottom:0px solid #fff; } .mm-menu .mobile-search form { } .mm-menu .mobile-search input[type="search"] { margin: 0 0 1px 0; border: 1px solid #eaeaec!IMPORTANT; padding: 5px 5px 5px 5px!IMPORTANT; width: 180px; } .mm-menu .mobile-search input[type="submit"] { cursor: pointer; border: 1px solid #3e3e41; background-color: #3e3e41; padding: 5px 5px 5px 5px; color: #fff; text-transform: uppercase; margin: 0 0 0 -5px; } .mm-page { min-height:100%; } /* Header Search */ header .search { display: table; padding:0 15px; } header .search form { /*position:absolute; top:50%;transform: translateY(-50%); -webkit-transform: translateY(-50%) scale(1.0, 1.0); -webkit-backface-visibility: hidden;*/ /*margin-top: calc(-50% - 50%);*/ display: table-cell; vertical-align: middle; width:100%; } header .search input[type="search"], .search-box input[type="search"] { -webkit-appearance: none; float:left; margin:0 0 0 0; background-color:#fff; border-radius:0; border:1px solid #ccc; padding:10px 10px 10px 10px; width:75%; font-size:14px; color: #959595; } header .search input[type="search"] { margin-left:calc(24% - 90px); } header .search input[type="submit"], .search-box input[type="submit"] { float:left; color:#fff; cursor:pointer; margin:0 0 0 0; background-color:#96d320; border-radius:0; border:1px solid #96d320; padding:12px 20px 11px 20px; font-size:14px; line-height:13px; font-weight:normal; } .search-box input[type="submit"] { background-color:#000; border:1px solid #000; } .search-box input[type="search"] { border:1px solid #fff; width:70%; } @media only screen and (max-width: 1410px) { .search-box input[type="search"] { width:50%; } } header .search input[type="search"] { -webkit-appearance: none; } /* Search */ .search-box label { float:left; font-size:30px; line-height: 40px; margin:0 20px 0 0; font-family: 'kenyan_coffee_rgregular'; } .search-box { margin:0 0 0 0; } /* Cart contents */ header .cart { float:right; display: table; } header .cart .button { float:left!IMPORTANT; } header .cart .cart-contents { float:left; width:65%; width: calc(100% - 107px ); background-color:#fff; border-radius:0; border:1px solid #ccc; padding:11px 10px 10px 10px; } header .cart .cart-contents p { color:#959595; padding:0 0 0 0; margin:0 0 0 0; font-size:14px; line-height:14px; } @media only screen and (max-width: 1340px) { header .search { width: 41.666665%; } header .cart { width: 33.333333%; } } @media only screen and (max-width: 960px) { header .search { width: 50%; } header .cart { width: 50%; } } @media only screen and (max-width: 960px) { /*header .search { display:none; } header .cart { display:none; }*/ header .cart { width: 50%!IMPORTANT; margin:0px 0 20px 0; padding: 0 9px 0 15px; } header .search { width: 50%!IMPORTANT; margin:0px 0 20px 0; } header .search input[type="search"] { margin-left:0; width: calc(100% - 87px ); } } @media only screen and (max-width: 790px) { /*header .search { display:none; } header .cart { display:none; }*/ header .cart { width: 100%!IMPORTANT; display:none; } header .search { width: 100%!IMPORTANT; } header .search input[type="search"] { margin-left:0; width: calc(100% - 87px ); } header .cart .cart-contents { margin-left:0; width: calc(100% - 107px ); } } header .cart .cart-contents p .icon-basket { padding:0 5px 0 0; } header .cart .cart-wrap { /*position:absolute; top:50%;transform: translateY(-50%); -webkit-transform: translateY(-50%) scale(1.0, 1.0); -webkit-backface-visibility: hidden;*/ width:100%; display: table-cell; vertical-align: middle; } /*------------------------------------*\ Breadcrumbs \*------------------------------------*/ .breadcrumbs { z-index: 999; margin: 0 0 -10px 0; padding: 15px 0 0 0; font-size: 12px; color: #3e3e41; } .breadcrumbs a { color: #3e3e41; } .breadcrumbs a:hover { color: #3e3e41; } .woocommerce .woocommerce-breadcrumb { margin: -15px 0 0 0; padding: 0 15px 15px 15px; font-size: .92em; color: #777; } /* Categories */ #homepage .categories { margin:30px 0 30px 0; overflow:hidden; } #homepage .categories .box { background-color:transparent; margin:0 0 0 0; } #homepage .categories .box.margin-bottom { margin:0 0 30px 0; } #homepage .categories .box .inner { background-color:#fff; -moz-transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s } #homepage .categories a:hover .box .inner { background-color:#96d320; transition: all 0.25s ease-out 0.25s; -moz-transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s } #homepage .categories h3 { font-family: 'kenyan_coffee_rgregular'; text-align:center; padding:0 0 0 0; margin:30px 0 0 0; position:absolute; width:100%; bottom:20px; left:0; font-size:40px; line-height:45px; } #homepage .categories [class*=" icon-"] { transition: all 0.1s ease-out 0.1s; -moz-transition: all 0.1s ease-out 0.1s; -webkit-transition: all 0.1s ease-out 0.1s; -o-transition: all 0.1s ease-out 0.1s; text-align: center; margin: -30px auto 0 auto; padding:10px 0 50px 0; display: block; font-size:140px; } #homepage .categories .icon-acoustic-guitar, #homepage .categories .icon-electric-guitar, #homepage .categories .icon-bango { transform: rotate(20deg); } #homepage .categories .icon-wire { font-size:120px; } #homepage .categories a:hover .icon-acoustic-guitar, #homepage .categories a:hover .icon-electric-guitar, #homepage .categories a:hover .icon-bango { transform: rotate(10deg); transition: all 0.2s ease-out 0.2s; -moz-transition: all 0.2s ease-out 0.2s; -webkit-transition: all 0.2s ease-out 0.2s; -o-transition: all 0.2s ease-out 0.2s; } #homepage .categories .icon-plectrum { transition: all 0.25s ease-out 0.25s; -moz-transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s; font-size:80px; margin:20px 0 0 0; } #homepage .categories a:hover .icon-plectrum { transform: rotateY(360deg); transition: all 0.25s ease-out 0.25s; -moz-transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s; /*margin:-0px 0 0 0; font-size:100px;*/ } #homepage .categories .icon-wire { transition: all 0.25s ease-out 0.25s; -moz-transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s; font-size:100px; margin:0px 0 0 0; } #homepage .categories a:hover .icon-wire{ transform: rotatez(360deg); transition: all 0.25s ease-out 0.25s; -moz-transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s; } #homepage .categories .icon-tuner { transition: all 0.25s ease-out 0.25s; -moz-transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s; font-size:100px; margin:0px 0 0 0; position:relative; } #homepage .categories .icon-tuner:before { font-size:75px; } #homepage .categories .icon-tuner:after { opacity:0; font-size:30px; position:absolute; top:50px; left:0; width:100%; -moz-transition: all 0.25s ease-out 0.25s; transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s } #homepage .categories a:hover .icon-tuner:after { opacity:1; top:0; } /* Promotional Area */ #homepage { } #homepage .promotional-area { } /* Banners */ #homepage .promotional-area .banner { height:351px; position:relative; margin:0 0 30px 0; } #homepage .promotional-area .banner a { display:block; } #homepage .promotional-area .banner ul { margin:0 0 0 0; padding:0 0 0 0; height:351px; } #homepage .promotional-area .banner ul li { background-color:#CCC; height:100%; } #homepage .promotional-area .banner ul li .caption { padding:0 20px; position:absolute; bottom:20px; } #homepage .promotional-area .banner ul li .caption h2 { color:#fff; font-size:76px; line-height:86px; font-family: 'kenyan_coffee_rgregular'; } #homepage .promotional-area .banner ul li .caption p { color:#fff; font-size:20px; line-height:30px; } /* Small Promo Boxes */ #homepage .promotional-area .small { overflow:hidden; } #homepage .promotional-area .small .box { height:160px; text-align:center; } #homepage .promotional-area .small.top { margin:0 0 30px 0; } #homepage .promotional-area .small.top p { font-size:40px; line-height:45px; font-family: 'kenyan_coffee_rgregular'; } #homepage .promotional-area .small.bottom p { font-size:22px; line-height:28px; } #homepage .promotional-area .icon-van { font-size:70px; line-height:70px; -moz-transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s; display: block; } #homepage .promotional-area a .top .icon-van { opacity:1; } /*#homepage .promotional-area a:hover .top .icon-van { opacity:0; transform: translate(350px,0); -moz-transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s; }*/ /*------------------------------------*\ Page \*------------------------------------*/ /* Contact Us */ .page-template-default { } .page-template-default h2 { font-size:40px!IMPORTANT; line-height:45px!IMPORTANT; font-family: 'kenyan_coffee_rgregular'; margin:0 0 0 0; padding:0 0 20px 0; text-transform:lowercase; } .page-template-default h3 { font-size:18px!IMPORTANT; line-height:24px!IMPORTANT; margin:0 0 0 0; padding:0 0 0 0; } .page-template-default .wpcf7 label { } .page-template-default .contact-info a:hover { color:#96d320; } .page-template-default textarea { margin:0 0 10px 0; } .wpcf7-form-control.wpcf7-submit { } div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok { float:left; width:100%; border:0; padding:20px 0 0 0; margin:0 0 0 0; } span.wpcf7-not-valid-tip { margin:-10px 0 10px 0; } @media only screen and (max-width:1112px) { .page-template-default .sidebar { width: 24.999999%; } .page-template-default .contents { width: 41.666665%; } .page-template-default .contact-info { width: 33.333333%; } } .page-template-default .contents, .page-template-default .content { margin:0 0 30px 0; } @media only screen and (max-width:660px) { .page-template-default .contact-info { margin:30px 0 10px 0; } } .page-template-default .sidebar .current-menu-item { font-weight: 600; border-bottom: 1px solid #96d320!IMPORTANT; } /*------------------------------------*\ Woocommerce \*------------------------------------*/ /* Sorting Select */ .woocommerce-ordering select { cursor:pointer; background: transparent; padding: 5px; font-size: 12px; line-height: 1; border: 0; border-radius: 0; height: 34px; -webkit-appearance: none; text-transform:uppercase; background-image:url(images/arrow-down.jpg); background-repeat:no-repeat; background-position:150px center; } .woocommerce-ordering { display:none; position:relative; height: 34px; width:175px; overflow:visible; border: 1px solid #ccc; } .woocommerce-ordering:after { /*font-family: 'icomoon'; content: '\e903'; font-size:8px; margin:0 0 0 0; position:absolute; top:4px; right:10px;*/ } /* Pagination */ .woocommerce nav.woocommerce-pagination { text-align: right; margin: 0 0 20px 0; } .woocommerce nav.woocommerce-pagination:first-of-type { position:absolute; top:-41px; right:10px; margin:0 0 0 0; } @media only screen and (max-width: 960px) { .woocommerce nav.woocommerce-pagination:first-of-type { position:relative; top:0px; right:0px; } } @media only screen and (max-width: 490px) { .woocommerce nav.woocommerce-pagination:first-of-type { display:none; } } .woocommerce nav.woocommerce-pagination ul { display: inline-block; white-space: nowrap; padding: 0; border: 0px solid #d3ced2; border-right: 0; margin: 9px 0 0 0; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { margin: 0; text-decoration: none; line-height: 16px; font-size: 14px; font-weight: 400; padding:0px 10px 0px 10px; min-width:inherit; text-align:center; display: block; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background:none; color: #96d320; } .woocommerce nav.woocommerce-pagination ul li:last-of-type { border-right: 0px solid #d3ced2; } /* Product Single */ .single-product.woocommerce .main h1 { font-size:24px; line-height:30px; margin:0 0 0 0; padding:0 0 0 0; } .single-product h3 { font-size:18px; line-height:28px; margin:30px 0 0 0; padding:0 0 0 0; } .single-product .sku { margin:30px 0 0 0; padding:0 0 0 0; } .single-product .box.inner { margin:0 0 0 0; } .woocommerce div.product form.cart .variation { float:left; width:100%; margin:0px 0 20px 0; } .woocommerce div.product form.cart .variations label { font-weight:normal; cursor:pointer; } .woocommerce div.product form.cart .value label { margin:0 0 0 5px; } .woocommerce div.product form.cart .value div { margin:3px 0 3px -7px; } .woocommerce div.product form.cart .label label { font-weight: 600; } .woocommerce div.product form.cart input[type="radio"] { display:none; } .woocommerce div.product form.cart input[type="radio"] + label .radio { background-position:0 0px; display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background-image:url(images/radio-buttons-v2.jpg); cursor:pointer; -moz-transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .woocommerce div.product form.cart input[type="radio"]:checked + label .radio { background-image:url(images/radio-buttons-v2.jpg); background-position:19px 0px; } .woocommerce div.product form.cart input[type="radio"]:checked + label { color:#96d320; } .woocommerce div.product form.cart .value label { -moz-transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s; } .woocommerce div.product form.cart .value label:hover { color:#96d320; } /* Sale Flash */ .bd_sale_flash { position:absolute; top:0px; left:0px; z-index:3; } .archive .bd_sale_flash img { width:70px!IMPORTANT; top:10px; left:-10px; padding:10px 0 0 10px!IMPORTANT; margin:0 0 0 0!IMPORTANT; } /*#f2f2f2*/ /* Product Gallery */ div.pp_woocommerce .pp_nav { width: 100%; position: absolute; top: 50%; } div.pp_woocommerce .pp_arrow_next, div.pp_woocommerce .pp_arrow_previous { bottom: 0px; right: -58px; position: absolute; background-image: url(images/zoom-navigation.png); background-position: 10px 0px; background-repeat: no-repeat; background-color: transparent !important; width: 30px; height: 30px; } div.pp_woocommerce .pp_arrow_previous { background-position: -20px 0px; left: -58px; } div.pp_woocommerce .pp_arrow_next:before, div.pp_woocommerce .pp_arrow_previous:before { top: -3000px; } div.pp_woocommerce .pp_details { height: 100%; position: absolute; top: 0%; } .pp_gallery { margin-top: 0; opacity: 1 !important; display: block !important; height:auto; margin-top: -40px; width: 100%; left: 0px; margin-left: 0 !important; background-color: #FFF;/* width:100%; */ } .pp_gallery > div { width: 100% !important; } .pp_gallery ul { height: 90px; width: 100% !important; text-align: center; margin:20px 0 20px 0!IMPORTANT; } .pp_gallery ul a { height: 90px; border: none !important; box-shadow: inherit !important; } .pp_gallery ul a img { width: 74px; } .pp_gallery li { margin: 0px 0px 0 0px; padding: 14px 5px 0 5px; border-top: 1px solid #f1f1f1; display: inline-block; float: none; } .ppt { display: none !important; } .pp_top { height: 4px; } .pp_close { top: -30px !important; background-image: url(images/zoom-navigation.png); background-position: -42px -2px; background-color: transparent !important; background-repeat: no-repeat; width:25px; right:-30px!IMPORTANT; } .pp_close:before { top: -2000px !important; } .pp_close:hover, div.pp_woocommerce .pp_arrow_previous:hover, div.pp_woocommerce .pp_arrow_next:hover { opacity: 0.7; } .pp_content { margin-bottom: 46px; padding:30px; background-color:#fff; } .pp_hoverContainer { z-index: 1; } #fullResImage { position: relative; z-index: 2; } .currentTextHolder { display: none; } /* Zoom */ .rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder { background: #ffffff; } .rsMinW .rsOverflow { border-bottom: 1px solid #f1f1f1; } @media only screen and (max-width: 960px) { .rsMinW .rsOverflow { width:100%!IMPORTANT; } } @media only screen and (max-width: 560px) { .rsMinW .rsOverflow { border-bottom: 0px solid #f1f1f1; } .rsThumbsArrow { display:none!IMPORTANT; } } #jckWooThumbs_img_wrap { margin-bottom: 0; } #jckWooThumbs_img_wrap .rsMinW .rsThumb { /*height: auto;*/ border: 1px solid #cfcfcf; } .single-product .product-image img { height: auto; max-width: 100%; width: auto; margin: 0px auto 0 0!IMPORTANT; display: block; padding-top: 0; } .rsMinW .rsThumbs { margin: 15px 0 0 0; } .rsMinW .rsThumb.rsNavSelected { background: none; } .rsMinW .rsThumb.rsNavSelected img { filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .rsMinW .rsThumb img { filter: alpha(opacity=50); opacity: .5; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .rsMinW .rsThumb:hover img { filter: alpha(opacity=100); opacity: 1; } /*#jckWooThumbs_img_wrap .viewFull { display: block; padding: 13px 10px; width: 100%; height: 100%; }*/ .grab-cursor { cursor: pointer } .grab-cursor { cursor: pointer } #jckWooThumbs_img_wrap .viewFull span { background: none; text-indent: 0; } #jckWooThumbs_img_wrap .icon-magnifying-glass-plus { position: absolute; left: 0px; bottom: 15px; font-size: 20px; line-height: 25px; opacity: 0.4; filter: alpha(opacity=40); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } @media only screen and (max-width: 560px) { #jckWooThumbs_img_wrap .icon-magnifying-glass-plus { left: 15px; } } #jckWooThumbs_img_wrap a:hover .icon-magnifying-glass-plus { opacity: 1; filter: alpha(opacity=100); } @media only screen and (max-width: 660px) { #jckWooThumbs_img_wrap .rsMinW .rsThumb { width: 100px; height: 100px; } } .rsMinW .rsThumbsArrowIcn { width: 16px; height: 16px; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; position: absolute; cursor: pointer;background:none;} .rsMinW .rsThumbsArrowIcn:after { font-family: 'icomoon'; display:block; color:#3e3e41; font-size:16px; } .rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn:after { content: "\e914"; } .rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn:after { content: "\e913"; } /* Popular Products */ #popular-products { margin:0 0 30px 0; float:left; width:100%; } .single-product #popular-products { margin:0 -15px 30px -15px; float:left; width: calc(100% + 30px); overflow:hidden; } #popular-products .grid-pad { padding:0 0 0 0; } #popular-products .slides li .box { padding:0 15px; background-color:transparent; } #popular-products .slides li .box .inner { background-color:#FFF; min-height:350px; } #popular-products h2 { font-family: 'kenyan_coffee_rgregular'; font-size:40px; line-height:45px; margin:0 0 0 0; padding:0 0 30px 0; } #popular-products .slides h3 { text-align:center; font-size:16px; line-height:20px; padding:5px 0 30px 0; } #popular-products .slides p { text-align:center; font-size:14px; line-height:18px; } #popular-products .slides p.prices { text-align:center; position:absolute; width:100%; bottom:20px; margin:0 -20px } #popular-products .slides img { padding:0 20px 10px 20px; border: 0; width: auto!IMPORTANT; height: auto; max-height: 150px; margin: 0 auto; display: block;} .single-product #popular-products h2 { text-align:center; font-size:30px; line-height:40px; margin:30px 0 0 0; } /* Product Listing */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { /*background-color:#fff;*/ padding:15px; } .woocommerce ul.products li.product .sku, .woocommerce-page ul.products li.product .sku { text-align:center; } .woocommerce ul.products li.product h3 { text-align:center; padding:5px 0 40px 0; } .woocommerce ul.products li.product a img { padding: 0 20px 10px 20px; border: 0; width: auto; height: auto; max-height: 150px; margin: 0 auto; display: block; } /* Add Prices to Listing boxes */ .woocommerce .products ul li p, .woocommerce ul.products li p { text-align:center; position:absolute; width:100%; bottom:10px; margin:0 -20px; } /* Related Products */ .related { float: left; width: 100%; clear: both; display: none; } /* Hide from list */ .woocommerce td.product-name dl.variation dt.variation-Priceofcopiesperbinder-6-25TofitA3 { display: none; } .woocommerce td.product-name dl.variation dd.variation-Priceofcopiesperbinder-6-25TofitA3 { display: none; } /* Basket */ .woocommerce table.shop_table { border: 1px solid rgba(0,0,0,.1); margin: 0 -1px 24px 0; text-align: left; width: 100%; border-collapse: separate; border-radius: 0px; } .woocommerce table.shop_table .product-name a { font-size: 14px; line-height: 18px; padding: 0 0 0 0; margin: 0 0 0 0; } .woocommerce table.shop_table .variation a { font-size: 12px; line-height: 16px; padding: 0 0 0 0; margin: 0 0 0 0; } .woocommerce table.shop_table .variation ul { padding: 0 0 0 0; margin: -3px 0 0 0; list-style: none; } .woocommerce table.shop_table .variation ul li { padding: 0 0 0 0; margin: 0 0 0 0; list-style: none; } .woocommerce table.shop_table th { text-transform: uppercase; font-weight: 700; padding: 7px 10px 5px 10px; font-size: 14px; line-height: 18px; } .woocommerce table.shop_table td.product-name { border-top: 1px solid rgba(0,0,0,.1); padding: 15px 12px; vertical-align: middle; } .woocommerce td.product-name dl.variation { margin: 10px 0 0 0; } .woocommerce td.product-name dl.variation dd { padding: 0 0 0 5px; } .woocommerce a.remove { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; font-size: 25px; color: #F00!important; font-weight: normal; } .woocommerce-cart table.cart .product-thumbnail { min-width: 150px; width: 10%; } .woocommerce-cart table.cart img { width: 100%; box-shadow: none; } .woocommerce-cart .cart-collaterals .cart_totals table { width: 100%; } .woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt { margin-bottom: 5px; } .woocommerce .quantity .qty { width: 3.631em; text-align: center; height: 39px; } .woocommerce-cart table.cart td.actions .coupon .input-text { width:200px; padding: 11px 20px 10px 20px; font-size: 14px; line-height: 14px; } .woocommerce input.button:disabled { display:none; } /* Make Checkout tables scrollable on mobile */ @media only screen and (max-width: 430px) { .woocommerce-cart form { overflow-x:scroll; overflow-y:hidden; } .shipping-tab { overflow-x:scroll; overflow-y:hidden; } } @media all and (max-width: 768px) { /* Messages */ .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { float: left; margin:0 0 20px 0; font-size:12px; } .woocommerce .woocommerce-message { font-size: 12px; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { float: left; margin: 0 0 20px 0; width: 100%; text-align: center; } } @media all and (max-width: 768px) { .woocommerce-page table.cart .product-thumbnail { display:block!IMPORTANT; width:100%; padding:0 40px; } .woocommerce table.shop_table_responsive tr td.product-thumbnail:before, .woocommerce-page table.shop_table_responsive tr td.product-thumbnail:before { display:none; } } /* Sidebar */ .woocommerce .sidebar .widget { background-color:#fff; padding: 0px 0 0px 0; overflow:hidden; } .woocommerce .sidebar { margin: 0 0 0 0; } .woocommerce .sidebar h3 { text-transform: uppercase; font-size: 18px; line-height: 24px; margin: 0 0 0 0; padding: 0 0 5px 0; border-bottom: 1px solid #eaeaec; } .woocommerce .sidebar .widget ul { margin: 0 0 0 0; padding:0 0 0 0; list-style: none; } .woocommerce .sidebar .widget ul li { margin: 0 0 0 0; padding: 0 0 0 0; border-bottom: 0px solid #eaeaec; font-size:14px; line-height:20px; } .woocommerce .sidebar .widget ul li:after { content: ''; width: 100%; height: 1px; background-color: #eaeaec; width: 175%; margin: 0px -15px 0px -60px; overflow: hidden; display: block; } .woocommerce .sidebar .widget ul li:last-of-type:after { display:none; } .woocommerce .sidebar .widget ul li a { padding: 5px 15px 5px 15px; display:block; } .woocommerce .sidebar .widget ul ul li a { padding: 5px 0px 5px 15px; } /*.woocommerce .sidebar .widget ul li:first-of-type a { padding: 0px 15px 0px 15px; }*/ .woocommerce .sidebar .widget ul li ul { display:none; } .woocommerce .sidebar .widget ul li a:hover { color:#96d320; } /* .woocommerce .sidebar .widget ul li ul { margin: 0px 0 0 0px; border-bottom:0 solid #fff; border-top: 0px solid #eaeaec; display:none; } .woocommerce .sidebar .widget ul li ul.active-cat { display:block; } .active-parent-cat > a, .active-sub-cat > a{ display:block; padding:0 0 5px 0; color:#96d320; color:#3e3e41; font-weight: 600; } .active-parent-cat, .active-sub-cat { border-bottom: 1px solid #96d320!IMPORTANT; } .woocommerce .sidebar .widget ul li ul li { margin: 0 0 0 0px; padding: 5px 0 5px 15px; border-top: 0px solid #eaeaec; } .woocommerce .sidebar .widget ul li ul li a.active-sub-cat { font-weight: 600; } .woocommerce .sidebar .widget ul li ul li:first-of-type { border-top: 1px solid #eaeaec; } .woocommerce .sidebar .widget ul:last-of-type li:last-of-type { padding:5px 0 0 15px; border-bottom:0 solid #fff; }*/ .woocommerce .sidebar .widget ul li:last-of-type { border-bottom:0 solid #fff; } .woocommerce .sidebar .widget .active_first_tier_ancestor > a, .woocommerce .sidebar .widget .active_second_tier_ancestor > a { display: block; color: #96d320; color: #3e3e41; font-weight: 600; } .woocommerce .sidebar .widget ul ul { margin: 0 15px 0 15px; padding:0 0 0 0; } .woocommerce .sidebar .widget ul ul ul { margin: 0 15px 0 15px; padding:0 0 0 0; } /* .woocommerce .sidebar .widget .active_first_tier_ancestor ul { display:block; } .woocommerce .sidebar .widget .active_second_tier_ancestor ul { display:block; } .woocommerce .sidebar .widget .active_third_tier_ancestor ul { display:block; } */ /*.active-parent-cat .active-cat { display:block!IMPORTANT; }*/ .woocommerce .sidebar .widget ul li ul.active-cat { display:block; } /*.active-cat li ul { display:block!IMPORTANT; }*/ /*.active-cat li a { padding:5px 30px 5px 15px!IMPORTANT; }*/ .active-parent-cat > a { display: block; color: #96d320; color: #3e3e41; font-weight: 600; } /* .active_first_tier_ancestor > a:after, .active_second_tier_ancestor > a:after, .active_third_tier_ancestor > a:after, .active-parent-cat > a:after { content:''; width:100%; height:1px; background-color:#eaeaec; width: 170%; margin:5px -60px -5px -60px; overflow: hidden; display:block; }*/ .expanded > a:after { content:''; width:100%; height:1px; background-color:#eaeaec; width: 170%; margin:5px -60px -5px -60px; overflow: hidden; display:block; } .active_first_tier_ancestor .active-parent-cat > a:after { display:none; } /*.active-cat li ul:before { content:''; width:100%; height:1px; background-color:#eaeaec; width: 150%; margin:5px -15px -5px -15px; overflow: hidden; display:block; } .active-cat li ul li a { padding: 5px 15px 5px 45px!IMPORTANT; }*/ .active-parent-cat { border-bottom:0px solid #eaeaec!IMPORTANT; } .is_parent > a { position:relative; } .is_parent > a:before { font-family: 'icomoon'!IMPORTANT; content: '\e903'; display: inline-block; font: inherit; font-family: dashicons;margin: 0 0 0 6px; vertical-align: top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); color: inherit; font-size: 4px; color: #96d320; position:absolute; right:15px; top:4px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .expanded > a:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); color:#666666; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } ul ul li.is_parent > a:before { right:0px; } /*.woocommerce .sidebar .widget .active_first_tier_ancestor > a:after, .woocommerce .sidebar .widget .active_second_tier_ancestor > a:after { content:''; width:100%; height:1px; background-color:#eaeaec; width: 150%; margin:5px -15px 0 -15px; overflow: hidden; display:block; }*/ .woocommerce .sidebar .widget .active_second_tier_ancestor ul { display:block; } .woocommerce .main h1 { font-weight: 600; font-size: 25px; line-height: 30px; margin:0 0 0 0; padding:0 0 0 0; } .archive.woocommerce .main h1, .quick-order h1, #page h1 { font-weight: 600; font-size: 25px; line-height: 30px; border-bottom: 0px solid #eaeaec; margin: 0 0 20px 0!IMPORTANT; padding: 0 0 0 0; width:100%!IMPORTANT; } /* Flexslider */ .view-image { height:600px; } @media all and (max-width: 690px) { .view-image { width:100%; } } .woocommerce-page div.product div.summary { width:48%!IMPORTANT; float:left!IMPORTANT; } @media all and (max-width: 690px) { .woocommerce-page div.product div.summary { width:100%!IMPORTANT; } } /*.view-image .slideshow { } .view-image .slideshow ul { height:400px; width:100%; } .view-image .slideshow ul li { height:400px; }*/ /* Slideshow */ .view-image .arrows { position:absolute; top:0px; width:10%; height:100%; z-index:7; opacity: 0; filter: alpha(opacity=0); transition: all .75s ease-in-out; -moz-transition: all .75s ease-in-out; -webkit-transition: all .75s ease-in-out; cursor:pointer; } .view-image .arrows.left { left:0px; } .view-image .arrows.right { right:0px; } .view-image .arrows.left:after, .view-image .arrows.right:after { font-family: 'icomoon'; display:block; color:#fff; font-size:20px; line-height:35px; top:50%; margin:-17px 0 0 0; position:absolute; width:35px; height:35px; background-color:#96d320; text-align:center; } .view-image .arrows.left:after { content: "\e901"; } .view-image .arrows.right:after { content: "\e900"; right:0; } .view-image .slideshow:hover .arrows, .view-image .thumbs:hover .arrows { opacity: 0.5; filter: alpha(opacity=50); transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .view-image .arrows:hover { opacity: 1!IMPORTANT; filter: alpha(opacity=100)!IMPORTANT; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .view-image .slideshow { height: calc(100% - 139px); position: absolute; top: 0; left: 0; } .view-image .slideshow.loading { background-image:url(images/loading.gif); background-repeat:no-repeat; background-position:center 55%; } .slideshow ul.slides li { -webkit-background-size: 75%; -moz-background-size: 75%; -o-background-size: 75%; background-size: 75%; background-posiftion:center center; background-repeat:no-repeat; width:100%; height:100%; } .slideshow ul.slides { height: 100%; position: absolute; top: 0; left: 0px; width:100%; } .thumbs ul.slides li { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; background-repeat:no-repeat; height:100%; cursor:pointer; position:relative; } /* Thumbs */ .view-image .thumbs { height:139px; position: absolute; bottom: 0; left: 0; } .thumbs ul.slides { height: 100%; position: absolute; bottom: 0; left: 0px; width:100%; } .thumbs ul.slides li .rollover { opacity: 1.0; filter: alpha(opacity=100); z-index: 9999; background-color: rgba(255,255,255,0.5); } .thumbs ul.slides li .image { height:100%; border:1px solid #ccc; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;} .thumbs ul.slides li .inner { height:100%; padding:5px; } .thumbs ul.slides li.flex-active-slide .rollover { opacity: 0; filter: alpha(opacity=0); z-index: 9999; background-color: rgba(255,255,255,0.5); } .thumbs ul.slides li:hover .rollover { opacity: 0; filter: alpha(opacity=0); z-index: 9999; } .thumbs ul.slides li:hover .image { border:1px solid #96d320; } .thumbs ul.slides li.flex-active-slide .image { border:1px solid #96d320; } .flex-viewport { height:100%; } /* Zoom Icon */ .view-image .icon-zoom-plus { font-size:18px; line-height:18px; opacity:0.25; filter: alpha(opacity=25); transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; position:absolute; bottom:20px; left:10px; } .view-image .zoom1 { position:absolute; width:100%; height:100%; } .view-image .zoom1:hover .icon-zoom-plus { opacity:1; filter: alpha(opacity=100); } /* prettyPhoto */ .pp_hoverContainer { z-index:999; } .pp_content_container { background-color:#fff; } .pp_hoverContainer { } .pp_next { opacity:0; } .pp_previous { opacity:0; } .pp_hoverContainer:hover .pp_next { opacity:0.5; } .pp_hoverContainer:hover .pp_previous { opacity:0.5; } .pp_hoverContainer .pp_next:hover { opacity:1; } .pp_hoverContainer .pp_previous:hover { opacity:1; } /*.pp_hoverContainer .pp_next::after{ font-family: 'icomoon'; display:block; color:#fff; font-size:20px; line-height:35px; top:50%; margin:-17px 0 0 0; position:absolute; width:35px; height:35px; background-color:#96d320; text-align:center; content: "\e901"; right:0px; } .pp_hoverContainer .pp_previous::after { font-family: 'icomoon'; display:block; color:#fff; font-size:20px; line-height:35px; top:50%; margin:-17px 0 0 0; position:absolute; width:35px; height:35px; background-color:#96d320; text-align:center; content: "\e901"; }*/ @media only screen and (min-height: 1090px) { .sticky { top:0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .stuck { position:fixed; top:75px; width:12%!IMPORTANT; padding:0 0 0 0px; } } @media only screen and (min-width: 1090px) { .sticky { top:0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .stuck { position:fixed; top:75px; width:12%!IMPORTANT; padding:0 0 0 0px; } } /* Category View @media only screen and (max-height: 768px) { .archive.woocommerce-page .sidebar, .single-product.woocommerce .sidebar { width:100%; } .archive.woocommerce-page .main, .single-product.woocommerce .main { width:100%; } .woocommerce .sidebar .categories { height: 200px; overflow-y: scroll; overflow-x: hidden; } }*/ .archive.woocommerce-page .main { margin:-15px 0 0 0; padding:0 0 0 0; } @media only screen and (max-width: 960px) { .archive.woocommerce-page .sidebar, .single-product.woocommerce .sidebar { width:100%; } .archive.woocommerce-page .main, .single-product.woocommerce .main { width:100%; } .archive.woocommerce-page .main { width:100%; padding:0 0 0 0; } /* Category Sidebar */ .woocommerce .sidebar .categories { height: 200px; overflow-y: scroll; overflow-x: hidden; } } /* Checkout Login */ .woocommerce form .form-row label.inline { display: block; float: left; clear: both; margin: 10px 0 0 0; } /* My Account */ .myaccount_user a { text-decoration:underline; } /* /my-account/edit-account/ */ .woocommerce form .form-row label, legand { text-transform:uppercase; font-weight:600; } /* Account Overview Button */ .account-overview { position:absolute!IMPORTANT; top:0; right:15px; } @media screen and (max-width: 660px) { .account-overview { position:relative!IMPORTANT; top:0; right:0; float:left; margin:20px 0 20px 0; clear:both; } .edit-account { float:left; clear:both; } } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { padding:0 0 0 0; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { padding:0 0 0 0; } /* Images */ @media screen and (max-width: 660px) { .woocommerce-checkout .product-thumbnail img { height: auto; max-width: 100px; } } /* Terms */ .wc-terms-and-conditions a { text-decoration:underline; } .wc-terms-and-conditions a:hover { text-decoration:none; } /* Image Tooltip */ a.image-tooltip { position: absolute; text-align: center; display: inline; } a.image-tooltip span { position: absolute; width: 135px; color: #FFFFFF; background: #ffffff; line-height: 30px; text-align: left; visibility: hidden; opacity: 0; border-radius: 0px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; bottom: 35px; left: 50%; margin-left: -67px; -webkit-box-shadow: 0px 8px 20px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow:0px 8px 20px 0px rgba(50, 50, 50, 0.25); box-shadow:0px 8px 20px 0px rgba(50, 50, 50, 0.25); } a.image-tooltip span img { padding:15px; } a.image-tooltip span p { font-size: 12px; line-height: 18px; padding: 15px 15px 15px 15px; margin: 0 0 0 0; } a.image-tooltip span:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left:-8px; width: 0; height: 0; border-top: 8px solid #ffffff; border-right: 8px solid transparent; border-left: 8px solid transparent; } a:hover.image-tooltip span { visibility: visible; opacity: 1; z-index: 999; } /* Page Navigation */ .wp-pagenavi { clear: both; margin: 20px 0 30px 0; padding-top: 10px; float:right; } .wp-pagenavi span.pages { text-transform:uppercase; border: none; margin-right: 5px; padding: 8px 10px 8px 10px; background: #3e3e41; color: white; border: 1px solid #3e3e41; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .wp-pagenavi a.page, .wp-pagenavi .page-numbers, .wp-pagenavi span.extend, .wp-pagenavi a.first, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.last { border: none; margin-right: 0px; padding: 8px 10px 8px 10px; background: #3e3e41; color: white; border: 1px solid #3e3e41; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .wp-pagenavi span.current, .wp-pagenavi a:hover { border: none; margin-right: 0; padding: 8px 10px 8px 10px; background: #fcfcfa; color: #3e3e41; border: 1px solid #3e3e41; text-decoration: none; } .navigation { padding-top: 10px; } .navigation a { padding: 8px 10px 8px 10px; background: #454545; text-decoration: none; color: white; } .navigation a:hover { padding: 8px 10px 8px 10px; background: #3e3e41; text-decoration: none; color: white; } /* Contact */ .gform_wrapper ul li.gfield { clear:none!IMPORTANT; } .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width:100%!IMPORTANT; } body .gform_wrapper label.gfield_label+div.ginput_container { margin:0 0 15px 0; } .gform_wrapper textarea.medium { width:100%!IMPORTANT; } .gform_wrapper input[type=email], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper input[type=url] { padding: 5px 25px 5px 5px!IMPORTANT; } /*------------------------------------*\ Footer \*------------------------------------*/ footer { position: relative; width: 100%; margin: 0 0 0 0; } @media only screen and (max-width: 660px) { footer { margin:20px 0 0 0; } } footer .outer { position: relative; } footer a { color: #3e3e41; } footer a:hover { } footer h3 { color: #3e3e41; font-family: 'Heebo', sans-serif; font-weight: 500; margin: 0 0 0 0; padding: 0 0 20px 0; } footer p { font-size: 13px; line-height: 18px; padding: 0 0 0 0; margin: 0 0 0 0; color: #3e3e41; } footer p a { } footer p a:hover { color: #999; } footer img { float: left; } @media only screen and (max-width: 1024px) { footer img { width:75% } } @media only screen and (max-width: 890px) { footer img { width:40% ; margin:0 0 10px 0!IMPORTANT; float:left!IMPORTANT; } } @media only screen and (max-width: 490px) { footer img { width:75%; } } @media only screen and (max-width: 890px) { footer .accepted-cards { width:100%; } } @media only screen and (max-width: 890px) { footer .footer-menu { width:100%; } } /* Footer Menu \*------------------------------------*/ footer .menu-footer-menu-container { } footer .menu-footer-menu-container ul { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; float:left; } footer .menu-footer-menu-container ul li { padding: 0 0 0 0; float: left; line-height: 20px; } @media only screen and (max-width: 1130px) { footer .menu-footer-menu-container ul li { } } footer .menu-footer-menu-container ul li a { color: #3e3e41; font-size: 12px; } footer .menu-footer-menu-container ul li a:hover { color: #999; ; } footer .menu-footer-menu-container > ul > li:after { content: ''; width: 1px; height: 20px; display: inline-block; float: right; margin: 0 10px 0 10px; background-color: #e5e5e5; } @media only screen and (max-width: 1130px) { /*footer .menu-footer-menu-container > ul > li:after { display:none; }*/ } footer .menu-footer-menu-container > ul > li:last-of-type:after { display:none; } @media only screen and (max-width: 1255px) { footer .menu-footer-menu-container > ul > li:after { margin: 0 10px 0 10px; } } footer .footer-menu { padding: 10px 15px 10px 15px; } footer .newsletter-sign-up { margin:0 0 0 0; } footer .social-media { } .gform_wrapper .top_label .gfield_label { font-weight:normal!IMPORTANT; } @media only screen and (max-width: 1130px) { /*footer .footer-menu { width: 16.666666%; display:none; }*/ } /* Newsletter Sign Up \*------------------------------------*/ footer .gform_wrapper { margin:0 0 0 0; } footer .gform_footer { float:left; clear:none!IMPORTANT; padding:0 0 0 0!IMPORTANT; margin:0 0 0 0!IMPORTANT; } footer .gform_body { float:left; width:75% } footer .gform_wrapper .top_label input.medium { width:100%!IMPORTANT; border:0; height:34px; } footer .gfield_label { float:left; font-size:14px; color:#b2b2b2; font-weight: 300; margin: 8px 0 0 0; } @media only screen and (max-width: 430px) { footer .gfield_label { width:100%; margin:0 0 10px 0; } } footer .ginput_container { float: right; width: 68%; } @media only screen and (max-width: 430px) { footer .ginput_container { float:left; } } @media only screen and (max-width: 1255px) { footer .ginput_container { width: 60%; } } @media only screen and (max-width: 430px) { footer .ginput_container { width: 100%; } footer .button { margin:0 0 20px 0!IMPORTANT; } } footer .button { font-weight:normal; } /* Gravity Forms Error Checking */ .gform_wrapper label.gfield_label+div.ginput_container { margin:0 0 0 0!IMPORTANT; margin-top:0!IMPORTANT; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color:transparent!IMPORTANT; margin-bottom:0!important; padding:inherit!IMPORTANT; border-top: 0px solid #C89797!IMPORTANT; border-bottom: 0px solid #C89797!IMPORTANT; } .gform_wrapper .validation_error { display:none!IMPORTANT; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin-top: 0!IMPORTANT; margin-bottom: 0!important; } .gform_wrapper .gfield_error .gfield_label { color: #F00!IMPORTANT; } .gform_wrapper .validation_message { color: #F00!IMPORTANT; font-weight: 700!IMPORTANT; letter-spacing: normal!IMPORTANT; } .gform_wrapper li.gfield_error input[type=email], .gform_wrapper li.gfield_error input[type=number], .gform_wrapper li.gfield_error input[type=password], .gform_wrapper li.gfield_error input[type=tel], .gform_wrapper li.gfield_error input[type=text], .gform_wrapper li.gfield_error input[type=url], .gform_wrapper li.gfield_error textarea { border: 1px solid #F00!IMPORTANT; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-left: 0px!IMPORTANT; } .gform_wrapper .top_label .gfield_error { width:inherit!IMPORTANT; } .gform_wrapper .col-6.gfield_error { width: 49.999999%!IMPORTANT; } .gform_wrapper .col-12.gfield_error { width: 100%!IMPORTANT; } .gform_wrapper .col-6.gfield_error.padding-right { padding:0 15px 0 0!IMPORTANT; } .gform_wrapper .col-6.gfield_error.padding-left { padding:0 0 0 15px!IMPORTANT; } /* Footer Icon \*------------------------------------*/ footer .icon { color: #b2b2b2; font-size: 16px; line-height: 20px; padding: 0 0 0 0; margin: 0 15px 0 0; opacity: 1.0; filter: alpha(opacity=100); -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -ms-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; } footer .icon:hover { opacity: 1; filter: alpha(opacity=100); color: #999; } footer .social-media { margin:6px 0 0 0; } /* Footer Top \*------------------------------------*/ .footer-top { padding: 0 0 0 0; background-color: #f0f0f0; } .footer-top .outer { } @media only screen and (max-width: 375px) { footer .footer-top .right { text-align: left; padding:0 15px 0 15px; } } /* Footer Bottom \*------------------------------------*/ .footer-bottom { padding: 15px 0 15px 0; } .footer-bottom [class*='col-']:first-of-type p { } .footer-bottom p { font-size: 12px; line-height: 18px; text-align: left; } footer .right p { text-align: right; } @media only screen and (max-width: 660px) { footer .right p { text-align: left; } .footer-bottom p { text-align: left; } footer .footer-bottom .right { text-align: left; padding:15px 0 0 0; } } footer .footer-bottom { font-size: 10px; line-height: 12px; } /* Product Category Sub Menu */ /*#sub-menu-mobile .categories { display: none; } #sub-menu-mobile { display: none; }*/ /* Landscape */ /*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { #sub-menu-mobile .categories { display: none; } }*/ #hamburger-side { width: 100%; display: block; display: none; text-transform: uppercase; font-size: 18px; line-height: 24px; margin: 0 0 0px 0; padding: 0 0 5px 0; border-bottom: 1px solid #eaeaec; } #hamburger-side a { font-size: 20px; line-height: 25px; } #hamburger-side:after { font-family: 'icomoon'; content: "\e901"; position: absolute; margin-left: 10px; margin-top: -5px; font-size: 14px; line-height: 32px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -ms-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; } #hamburger-side.showmenu:after { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } @media all and (max-width: 960px) { #sub-menu-mobile { display: block; width: 100%; max-width: 100%; margin: 0 0 20px 0; } #sub-menu-mobile ul li a { font-size: 17px; text-transform: uppercase; } #hamburger-side { display: block; } #sub-menu-mobile .categories { display: none; } #sub-menu-mobile.showmenu .categories { display: block; } #sub-menu-mobile h3 { display: none; } } /* @media all and (max-height: 768px) { #sub-menu-mobile { display: block; width: 100%; max-width: 100%; margin: 0 0 20px 0; } #sub-menu-mobile ul li a { font-size: 17px; text-transform: uppercase; } #hamburger-side { display: block; } #sub-menu-mobile .categories { display: none; } #sub-menu-mobile.showmenu .categories { display: block; } #sub-menu-mobile h3 { display: none; } }*/ /* ipad Landscape @media only screen and (min-device-width: 768px) and (max-device-width: 960px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { #sub-menu-mobile { width: 100%; max-width: 100%; margin: 0 0 20px 0; } #sub-menu-mobile ul li a { font-size: 17px; text-transform: uppercase; } #hamburger-side { display: block; } #sub-menu-mobile .categories { display: none; } #sub-menu-mobile.showmenu .categories { display: block; } }*/ /* Scroll To Top */ .scrollToTop { z-index: 2; width:54px; height:54px; padding:10px; text-align:center; text-decoration: none; position:fixed; bottom:40px; right:40px; display:none; background-color:#2d3a42; opacity: 0.25; filter: alpha(opacity=25); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .icon-arrow-left-line:before { content: "\e902"; color:#fff; font-size:12px; line-height:32px; display: inline-block; } .scrollToTop:hover { opacity: 1; filter: alpha(opacity=100); } /* 404 */ .error404-background { position:absolute; top:0; left:0; right:0; width:100%; height:100%; background-image:url(images/404-background-v1.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size:cover; background-size: cover; background-repeat:no-repeat; background-position:center center; } .pagenotfound a.button { color:#fff; background-color:#000; padding:10px 20px 10px 20px; margin:10px 0 0 0; clear:both; float:none; margin:0 auto; font-size:18px; border:0; } @media all and (max-width: 790px) { .pagenotfound a.button { font-size:14px; } } .pagenotfound a.button:hover { background-color:#96d320!IMPORTANT; color:#000!IMPORTANT; border:0!IMPORTANT; } /*------------------------------------*\ Buttons \*------------------------------------*/ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .searchandfilter input[type="submit"] { font-size: 100%; margin: 0; line-height: 1; cursor: pointer; position: relative; font-family: inherit; text-decoration: none; overflow: visible; padding: .618em 1em; /*font-weight: 600;*/ font-weight:normal; border-radius: 0px; left: auto; color: #fff; background-color: #404040; white-space: nowrap; display: inline-block; background-image: none; box-shadow: none; -webkit-box-shadow: none; text-shadow: none; float:left; color:#fff; cursor:pointer; margin:0 0 0 0; background-color:#96d320; border-radius:0; border:1px solid #96d320; padding:12px 20px 11px 20px; font-size:14px; line-height:14px; font-weight:normal; -moz-transition: all 0.2s ease-out 0.2s; -webkit-transition: all 0.2s ease-out 0.2s; -o-transition: all 0.2s ease-out 0.2s; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #96d320; color: #fff; -webkit-font-smoothing: antialiased; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #96d320; color: #fff; } .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 { float:left; color:#fff; cursor:pointer; margin:0 0 0 0; background-color:#96d320; border-radius:0; border:1px solid #96d320; padding:12px 20px 11px 20px; font-size:14px; line-height:14px; font-weight:normal; -moz-transition: all 0.2s ease-out 0.2s; -webkit-transition: all 0.2s ease-out 0.2s; -o-transition: all 0.2s ease-out 0.2s; } a.button { font-size: 16px; line-height: 24px; } .button, .wpcf7-form-control.wpcf7-submit { float:left; color:#fff; cursor:pointer; margin:0 0 0 0; background-color:#96d320; border-radius:0; border:1px solid #96d320; padding:12px 20px 11px 20px; font-size:14px; line-height:13px; font-weight:normal; -moz-transition: all 0.2s ease-out 0.2s; -webkit-transition: all 0.2s ease-out 0.2s; -o-transition: all 0.2s ease-out 0.2s; } a.button { font-size: 16px; line-height: 24px; } @media only screen and (max-width: 1380px) { a.button { font-size: 14px; line-height: 20px; } } a:hover.button, .wpcf7-form-control.wpcf7-submit:hover { color: #fff!IMPORTANT; background-color: #000!IMPORTANT; border:1px solid #000!IMPORTANT; } .button:hover { color: #fff!IMPORTANT; background-color: #000!IMPORTANT; border:1px solid #000!IMPORTANT; } .woocommerce input.button:disabled[disabled] { display:none!IMPORTANT; } .woocommerce-message .button { float:right!IMPORTANT; } /* Admin Menu */ #wpadminbar { position: fixed; } .woocommerce-variation-add-to-cart-disabled { /*display:none; opacity:0.5;*/ } .cart-extra-info { float:left; width:48%; } /* Promotional Area */ #homepage { } #homepage .promotional-area { } /* Banners */ #homepage .promotional-area .banner { height:220px; position:relative; margin:0 0 30px 0; } #homepage .promotional-area .banner a { display:block; display: block; width: 100%; height: 100%; } #homepage .promotional-area .banner ul { margin:0 0 0 0; padding:0 0 0 0; height:220px; } #homepage .promotional-area .banner ul li { background-color:#CCC; height:100%; } #homepage .promotional-area .banner ul li .caption { padding:0 20px; position:absolute; bottom:20px; } /*@media only screen and (max-width: 690px) { #homepage .promotional-area .banner ul li .caption { padding:0 20px; position:relative; bottom:auto; } }*/ #homepage .promotional-area .banner ul li .caption h2 { color:#fff; font-size:60px; line-height:65px; font-family: 'kenyan_coffee_rgregular'; } #homepage .promotional-area .banner ul li .caption p { color:#fff; font-size:20px; line-height:30px; } @media only screen and (max-width: 1110px) { #homepage .promotional-area .banner ul li .caption p { font-size:16px; line-height:26px; } } /* Small Promo Boxes */ #homepage .promotional-area .small { overflow:hidden; } #homepage .promotional-area .small .box { height:160px; text-align:center; } #homepage .promotional-area .small.top { margin:0 0 30px 0; } #homepage .promotional-area .small.top p { font-size:40px; line-height:45px; font-family: 'kenyan_coffee_rgregular'; } #homepage .promotional-area .small.bottom p { font-size:22px; line-height:28px; } #homepage .promotional-area .icon-van { font-size:70px; line-height:70px; -moz-transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s; display: block; } #homepage .promotional-area a .top .icon-van { opacity:1; } /*#homepage .promotional-area a:hover .top .icon-van { opacity:0; transform: translate(350px,0); -moz-transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s; }*/ .search-box { margin:0 0 0 0; } /* Popular Products */ .home #popular-products { margin:0 0 30px 0; } .home #popular-products .grid-pad { padding:0 0 0 0; } .home #popular-products .slides li .box { padding:0 15px; background-color:transparent; } .home #popular-products .slides li .box .inner { background-color:#FFF; min-height:100px; } .home #popular-products h2 { font-family: 'kenyan_coffee_rgregular'; font-size:40px; line-height:45px; margin:0 0 0 0; padding:0 0 30px 0; } .home #popular-products .slides h3 { font-family: 'kenyan_coffee_rgregular'; text-transform:lowercase; text-align:center; font-size:24px; line-height:28px; padding:5px 0 0 0; } .home #popular-products .slides p { text-align:center; font-size:14px; line-height:18px; } .home #popular-products .slides p.prices { text-align:center; position:absolute; width:100%; bottom:20px; margin:0 -20px } .home #popular-products .slides img { padding:0 20px 10px 20px; border: 0; max-width: 100%; height: auto; max-height: 150px; margin: 0 auto; display: block; } .home .popular { overflow:hidden; } @media only screen and (max-width: 650px) { .home #popular-products .slides img { padding:0 0px 10px 0px; border: 0; width:auto; height: auto; max-height:150px; margin: 0 auto; display: block; } .home #popular-products { margin: 0 0 10px 0; } .home #popular-products li:last-child{ margin:0 0 0 0!IMPORTANT; } } .home #popular-products li.item { margin:0 0 30px 0; width:20%; } .home #popular-products .slides li:last-of-type.item { display:none; } @media only screen and (max-width: 960px) { .home #popular-products .slides li.item { width: 24.999999%; } .home #popular-products .slides li:last-of-type.item { display:block; } } @media only screen and (max-width: 660px) { .home #popular-products .slides li.item { width: 33.333333%!IMPORTANT; } .home #popular-products .slides li:last-of-type.item { display:none; } } @media only screen and (max-width: 490px) { .home #popular-products .slides li.item { width: 49.999999%!IMPORTANT; } .home #popular-products .slides li:nth-last-child(2).item { display:none; } } /*@media only screen and (min-width: 650px) { .home #popular-products li.item:nth-child(n+11) { margin:0 0 0 0; } }*/ /* Categories */ #homepage .categories { margin:30px 0 30px 0; } #homepage .categories .box { background-color:transparent; margin:0 0 0 0; } @media only screen and (max-width: 660px) { #homepage .categories .box { width: 49.999999%!IMPORTANT; margin:0 0 30px 0; } } @media only screen and (max-width: 490px) { #homepage .categories .box { width: 100%!IMPORTANT; } } #homepage .categories .box.margin-bottom { margin:0 0 30px 0; } #homepage .categories .box .inner { background-color:#fff; -moz-transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s; min-height:200px; } #homepage .categories a:hover .box .inner { background-color:#96d320; -moz-transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s } #homepage .categories h3 { font-family: 'kenyan_coffee_rgregular'; text-align:center; padding:0 0 0 0; margin:30px 0 0 0; position:absolute; width:100%; bottom:20px; left:0; font-size:40px; line-height:45px; } @media only screen and (max-width: 1200px) { #homepage .categories h3 { font-size:30px; line-height:35px; } } @media only screen and (max-width: 960px) { #homepage .categories h3 { font-size:25px; line-height:30px; } } #homepage .categories [class*=" icon-"] { -moz-transition: all 0.1s ease-out 0.1s; -webkit-transition: all 0.1s ease-out 0.1s; -o-transition: all 0.1s ease-out 0.1s; text-align: center; margin: -30px auto 0 auto; padding:10px 0 50px 0; display: block; font-size:140px; } @media only screen and (max-width: 1200px) { #homepage .categories [class*=" icon-"] { font-size:125px; } } @media only screen and (max-width: 960px) { #homepage .categories [class*=" icon-"] { font-size:100px; margin: 0px auto 0 auto; } } #homepage .categories .icon-acoustic-guitar, #homepage .categories .icon-electric-guitar, #homepage .categories .icon-bango { transform: rotate(20deg); } /* Hardware */ #homepage .categories .icon-hardware-base { padding:0 0px; float:left; width:50%; text-align:right; transform: rotate(0deg); margin: 40px 0 0 0; font-size:75px; } #homepage .categories .icon-hardware-knob { padding:0 3px; float:left; width:50%; text-align:left; margin: 15px 0 0 0; font-size:75px; -moz-transition: all 0.2s ease-out 0.2s; -webkit-transition: all 0.2s ease-out 0.2s; -o-transition: all 0.2s ease-out 0.2s; } #homepage .categories a:hover .icon-hardware-knob { transform: rotateX(360deg); -moz-transition: all 0.2s ease-out 0.2s; -webkit-transition: all 0.2s ease-out 0.2s; -o-transition: all 0.2s ease-out 0.2s; } /* Electrics */ #homepage .categories .icon-electrics { transform: rotate(30deg); margin: -20px auto 0 auto; font-size:160px; } #homepage .categories a:hover .icon-electrics { transform: rotate(20deg); -moz-transition: all 0.2s ease-out 0.2s; -webkit-transition: all 0.2s ease-out 0.2s; -o-transition: all 0.2s ease-out 0.2s; } #homepage .categories .icon-wire { font-size:120px; } #homepage .categories a:hover .icon-acoustic-guitar, #homepage .categories a:hover .icon-electric-guitar, #homepage .categories a:hover .icon-bango { transform: rotate(10deg); -moz-transition: all 0.2s ease-out 0.2s; -webkit-transition: all 0.2s ease-out 0.2s; -o-transition: all 0.2s ease-out 0.2s; } #homepage .categories .icon-plectrum { -moz-transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s; font-size:80px; margin:20px 0 0 0; } #homepage .categories a:hover .icon-plectrum { transform: rotateY(360deg); -moz-transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s; /*margin:-0px 0 0 0; font-size:100px;*/ } #homepage .categories .icon-wire { -moz-transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s; font-size:100px; margin:0px 0 0 0; } #homepage .categories a:hover .icon-wire{ transform: rotatez(360deg); -moz-transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s; } #homepage .categories .icon-tuner { -moz-transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s; font-size:100px; margin:0px 0 0 0; position:relative; } #homepage .categories .icon-tuner:before { color:#3e3e41; font-size:75px; } #homepage .categories .icon-tuner:after { opacity:0; color:#3e3e41; font-size:30px; position:absolute; top:50px; left:0; width:100%; -moz-transition: all 0.25s ease-out 0.25s; -webkit-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s } #homepage .categories a:hover .icon-tuner:after { opacity:1; top:0; } /* Newsletter Sign Up / Social Media Icons */ .footer-interact { margin:0 0 30px 0; overflow:hidden; } .footer-interact .newsletter input[type=email] { -webkit-appearance: none; float: left; margin: 0 0 0 0; background-color: #fff; border-radius: 0; border: 1px solid #ccc; padding: 10px 10px 10px 10px; font-size: 14px; color: #959595; } .footer-interact .newsletter label { float: left; font-size: 30px; line-height: 40px; margin: 0 20px 0 0; font-family: 'kenyan_coffee_rgregular'; } .footer-interact .newsletter .wpcf7-form-control-wrap { position: relative; float: left; width:60%; } div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok { float: left; width: 100%; border: 0; padding: 7px 0 0 0; margin: 0 0 0 0; } span.wpcf7-not-valid-tip { margin: 10px 0 0 0; float:left; width:100%; } div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; margin-left: 4px; position: absolute; } .footer-interact .social-media { } @media only screen and (max-width: 1250px) { .footer-interact .newsletter .wpcf7-form-control-wrap { width:40%; } .footer-interact .newsletter { width: 74.999997%; } .footer-interact .social-media { width: 24.999999%; } } @media only screen and (max-width: 960px) { .footer-interact .newsletter .wpcf7-form-control-wrap { width:40%; } .footer-interact .newsletter { width: 100%; margin:10px 0 0 0; } .footer-interact .social-media { width: 100%; } } @media only screen and (max-width: 675px) { .footer-interact .newsletter .wpcf7-form-control-wrap { width: calc(100% - 86px); } .footer-interact .newsletter label { float: left; width:100%; font-size: 30px; line-height: 40px; margin: 0 20px 10px 0; font-family: 'kenyan_coffee_rgregular'; } } /* Footer Icon \*------------------------------------*/ .footer-interact .icon { color: #b2b2b2; font-size: 16px; line-height: 20px; padding: 0 0 0 0; margin: 0 30px 0 0; opacity: 1.0; filter: alpha(opacity=100); -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -ms-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; } .footer-interact.icon:hover { opacity: 1; filter: alpha(opacity=100); color: #999; } .footer-interact .social-media { margin:10px 0 0 0; } /* Sale Flags */ .sale-was { text-decoration:line-through; } /*.woocommerce-variation.single_variation { display:none!IMPORTANT; }*/ .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { background: inherit; font-weight: 700; text-decoration: none; color:#96d320; } .woocommerce div.product p.price, .woocommerce div.product span.price { color:#96d320; font-size: 1.25em; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { opacity:1; color:#777; } /* Product List Overrides */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; margin: 0 0 0 0!IMPORTANT; position: relative; width: 24.999999%!IMPORTANT; } @media only screen and (max-width: 1024px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; margin: 0 0 0 0!IMPORTANT; position: relative; width: 33.333333%!IMPORTANT; } } @media only screen and (max-width: 768px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 33.333333%!IMPORTANT; float: left!IMPORTANT; clear:none!IMPORTANT; margin:0 0 0 0!IMPORTANT; } } @media only screen and (max-width: 660px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 48%!IMPORTANT; float: left!IMPORTANT; clear:none!IMPORTANT; margin:0 0 0 0!IMPORTANT; } } /* @media only screen and (max-width: 375px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100%!IMPORTANT; } }*/ .variations input:disabled + label { opacity:0.5; } @media only screen and (max-width: 780px) { .woocommerce-page table.cart td.actions .coupon .input-text+.button { float:left; width:auto; } } .woocommerce-cart table.cart td.actions .coupon .input-text { margin:0 0 0 0; } @media only screen and (max-width: 450px) { .woocommerce-cart table.cart td.actions .coupon .input-text { width:100%; margin:0 0 10px 0; } } @media only screen and (max-width: 660px) { .page-sidebar { display:none; } } /* Shipping Labels */ .woocommerce ul#shipping_method li label { cursor:pointer; }