/* Theme Name: Forno Bravo 2015 Theme URI: http://www.fornobravo.com/ Author: NetGain SEO Author URI: http://www.netgainseo.com */ @import url('css/megamenu.css?version=1.0.6'); /************************************************RESET CSS************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, strong, em, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; } /************************************************END RESET CSS************************************************/ /*..........................................................................................................*/ /*.........................................................................................................*/ /************************************************FONTS*****************************************************/ @font-face { font-family: 'rwreg'; src: url('fonts/raleway/raleway-regular-webfont.eot'); src: url('fonts/raleway/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/raleway/raleway-regular-webfont.woff2') format('woff2'), url('fonts/raleway/raleway-regular-webfont.woff') format('woff'), url('fonts/raleway/raleway-regular-webfont.ttf') format('truetype'), url('fonts/raleway/raleway-regular-webfont.svg#ralewayregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rwsemib'; src: url('fonts/raleway/raleway-semibold-webfont.eot'); src: url('fonts/raleway/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/raleway/raleway-semibold-webfont.woff2') format('woff2'), url('fonts/raleway/raleway-semibold-webfont.woff') format('woff'), url('fonts/raleway/raleway-semibold-webfont.ttf') format('truetype'), url('fonts/raleway/raleway-semibold-webfont.svg#ralewaysemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ssproreg'; src: url('fonts/sourcesans/SourceSansPro-Regular-webfont.eot'); src: url('fonts/sourcesans/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/sourcesans/SourceSansPro-Regular-webfont.woff2') format('woff2'), url('fonts/sourcesans/SourceSansPro-Regular-webfont.woff') format('woff'), url('fonts/sourcesans/SourceSansPro-Regular-webfont.ttf') format('truetype'), url('fonts/sourcesans/SourceSansPro-Regular-webfont.svg#source_sans_proregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ssproitalic'; src: url('fonts/sourcesans/SourceSansPro-It-webfont.eot'); src: url('fonts/sourcesans/SourceSansPro-It-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/sourcesans/SourceSansPro-It-webfont.woff2') format('woff2'), url('fonts/sourcesans/SourceSansPro-It-webfont.woff') format('woff'), url('fonts/sourcesans/SourceSansPro-It-webfont.ttf') format('truetype'), url('fonts/sourcesans/SourceSansPro-It-webfont.svg#source_sans_proitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ssprobold'; src: url('fonts/sourcesans/SourceSansPro-Bold-webfont.eot'); src: url('fonts/sourcesans/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/sourcesans/SourceSansPro-Bold-webfont.woff2') format('woff2'), url('fonts/sourcesans/SourceSansPro-Bold-webfont.woff') format('woff'), url('fonts/sourcesans/SourceSansPro-Bold-webfont.ttf') format('truetype'), url('fonts/sourcesans/SourceSansPro-Bold-webfont.svg#source_sans_probold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ssprosemibold'; src: url('fonts/sourcesans/sourcesanspro-semibold-webfont.eot'); src: url('fonts/sourcesans/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/sourcesans/sourcesanspro-semibold-webfont.woff2') format('woff2'), url('fonts/sourcesans/sourcesanspro-semibold-webfont.woff') format('woff'), url('fonts/sourcesans/sourcesanspro-semibold-webfont.ttf') format('truetype'), url('fonts/sourcesans/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg'); font-weight: normal; font-style: normal; } /************************************************END OF FONTS*************************************************/ /*..........................................................................................................*/ /*.........................................................................................................*/ /**********************************************STRUCTURE***************************************************/ * { margin: 0; } html { height: 100%; } body { height: 100%; color: #000000; font-size: 16px; line-height: 24px; font-family: ssproreg, helvetica, arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #wrap { min-height: 100%; margin: 0 auto -330px; /* the bottom margin is the negative value of the footer's height */ } #footer, #push { position: relative; height: 330px; /* '.push' must be the same height as 'footer' */ z-index: 1000; } .hasfixedbgimg .contactForm { float: left; clear: both; width: 100%; min-height: 370px; padding-bottom: 10px; } .fbottom{ background: #000000; } .innerWrap { width: 1000px; padding: 0 100px; margin: 0 auto; } div[itemprop="offers"]:after, .clearfix:after, .innerWrap:after, .featuredproductlist:after, .woocommerce-message:after, .woocommerce-error:after, .woocommerce-info:after, .woocommerce-checkout-payment:after, .myaccount_user:after, .recipe-intro:after, #new_recipe:after, .woocommerce > form:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } h1, h2, h3, h4, h5, h6 { margin-bottom: 25px; } h1, h2, #imagebanner strong { font-size: 46px; line-height: 60px; font-family: rwreg, helvetica, arial, sans-serif; } h3 { font-size: 40px; line-height: 60px; font-family: rwreg, helvetica, arial, sans-serif; } h4 { font-size: 30px; line-height: 32px; font-family: rwreg, helvetica, arial, sans-serif; } h5 { font-size: 24px; line-height: 26px; font-family: rwreg, helvetica, arial, sans-serif; } h6 { font-size: 18px; line-height: 28px; font-family: rwreg, helvetica, arial, sans-serif; } p, ul, ol, blockquote, hr, table { margin-bottom: 25px; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, blockquote:last-child, table:last-child { margin-bottom: 0; } ul { list-style: none outside; } ul li { padding-left: 11px; text-indent: -11px; } ul li:before { content: "• "; font-size: 20px; line-height: 20px; color: #000000; font-family: ssprosemibold, helvetica, arial, sans-serif; } ol { counter-reset: olcounter; list-style: none outside; } ol li { padding-left: 16px; text-indent: -16px; } ol li:before { color: #000000; font-size: 15px; line-height: 15px; font-family: ssprosemibold, helvetica, arial, sans-serif; content: counter(olcounter) ". "; counter-increment: olcounter; } P { margin-bottom: 15px; } li { margin-bottom: 5px; } ul { margin-bottom: 20px; } blockquote { font-size: 20px; line-height: 30px; padding-left: 16px; border-left: 4px solid #D42F2A; font-family: ssprosemibold, helvetica, arial, sans-serif; } img { max-width: 100%; height: auto; vertical-align: middle; } a { color: #D42F2A; text-decoration: none; border-bottom: 1px solid transparent; font-family: ssprobold, helvetica, arial, sans-serif; -webkit-transition: color 0.3s ease, background 0.3s ease; -moz-webkit-transition: color 0.3s ease, background 0.3s ease; -o-webkit-transition: color 0.3s ease, background 0.3s ease; transition: color 0.3s ease, background 0.3s ease; } a:hover { border-bottom: 1px solid #D42F2A; } hr { height: 1px; background: #A3A5A8; border: none; } div + hr { float: left; clear: both; width: 100%; margin: 25px 0; } strong, b { font-family: ssprosemibold, helvetica, arial, sans-serif; } em, i { font-family: ssproitalic, helvetica, arial, sans-serif; } table { width: 100%; } table tr > td { font-size: 16px; line-height: 24px; border-left: 1px solid #000000; border-top: 1px solid #000000; font-family: ssproreg, helvetica, arial, sans-serif; } table tr > td, table tr > th { padding: 10px; } table tr:first-child > td, table tr > th { font-size: 16px; line-height: 24px; border-top: none; font-family: ssprosemibold, helvetica, arial, sans-serif; } table tr > td:first-child { border-left: none; } form label, form label.customCheckRadio > p { float: left; clear: both; width: 100%; color: #000000; font-size: 18px; line-height: 24px; margin-bottom: 2px; font-family: ssproreg, helvetica, arial, sans-serif; } input, select, textarea, .country_select, .state_select { float: left; clear: both; color: #000000; padding: 10px; width: 97%; width: calc(100% - 24px); font-size: 18px; line-height: 24px; font-family: ssproreg, helvetica, arial, sans-serif; background: transparent; border: 2px solid #000000; } .country_select, .state_select { border: none; padding: 0; width: 100%; } select { padding: 5px 10px; width: 100%; } textarea { height: 100px; resize: vertical; } form input[type="submit"] { float: right; padding: 0; width: 50%; color: #439F46; border-color: #439F46; cursor: pointer; -webkit-transition: color 0.3s ease, background 0.3s ease; -moz-webkit-transition: color 0.3s ease, background 0.3s ease; -o-webkit-transition: color 0.3s ease, background 0.3s ease; transition: color 0.3s ease, background 0.3s ease; } form input[type="submit"]:hover { color: #ffffff; border-color: #439F46; background: #439F46; } form button { cursor: pointer; -webkit-transition: color 0.3s ease, background 0.3s ease; -moz-webkit-transition: color 0.3s ease, background 0.3s ease; -o-webkit-transition: color 0.3s ease, background 0.3s ease; transition: color 0.3s ease, background 0.3s ease; } form label.customCheckRadio { width: auto; } form label.customCheckRadio > input[type="checkbox"], form label.customCheckRadio > input[type="radio"] { display: none; } form label.customCheckRadio > .thecheckradio { float: left; display: block; height: 16px; width: 16px; cursor: pointer; margin-right: 8px; background: #ffffff; padding: 3px; } form label.customCheckRadio > .thecheckradio > span { display: none; height: 14px; width: 14px; border: 1px solid #701F16; background: #D2242A; vertical-align: middle; } form label.customCheckRadio > input[type="radio"] + .thecheckradio, form label.customCheckRadio > input[type="radio"] + .thecheckradio > span { border-radius: 50%; } form label.customCheckRadio > input[type="checkbox"]:checked + .thecheckradio > span, form label.customCheckRadio > input[type="radio"]:checked + .thecheckradio > span { display: block; } form label.customCheckRadio > p { clear: none; width: auto; max-width: 88%; max-width: calc(100% - 30px); margin: 0; line-height: 22px; } /***IOS HACK***/ textarea, input[type="text"], input[type="number"], select, input[type="button"], input[type="submit"] { /*-webkit-appearance: none;*/ border-radius: 0; } #wpsl-wrap { position: relative; overflow: hidden; border: 1px solid #cacaca; } #locatormap #wpsl-wrap #wpsl-search-wrap{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #locatormap #wpsl-wrap #wpsl-search-wrap .wpsl-input{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 0 0 30%; align-items: center; } #wpsl-search-wrap .wpsl-input{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 0 0 30%; align-items: center; } #locatormap #wpsl-wrap #wpsl-search-wrap .wpsl-select-wrap{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 0 0 38%; align-items: center; } #wpsl-search-wrap .wpsl-select-wrap{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 0 0 30%; align-items: center; } .wpsl-input label, #wpsl-radius label, #wpsl-category label { width: auto!important; } #wpsl-search-input{ margin-right: 10px; background-color: white; min-width: 200px; } #wpsl-search-btn{ min-width: 100px; } #wpsl-checkbox-filter li:before{ display: none!important; } #wpsl-search-wrap .wpsl-search-btn-wrap{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 0 0 30%; margin-right: 0px; } #wpsl-search-wrap .wpsl-input div{ width: -webkit-fill-available; } .clearrow{ display: block; float: left; clear: both; width: 100%; } #wpsl-checkbox-filter li label{ float: left; margin-right: 10px; line-height: 17px!important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #wpsl-checkbox-filter li label input{ margin-right: 5px; min-width: 15px; min-height: 15px; } #wpsl-checkbox-filter.wpsl-checkbox-3-columns li{ width: auto!important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .wpsl-select-wrap #wpsl-radius, .wpsl-select-wrap #wpsl-results{ display: flex!important; align-items: center!important; } .thestore h1{ font-size: 32px; font-weight: bold; margin-bottom: 10px; margin-top: 20px; line-height: 1.5; } .thestore h3{ font-size: 28px; color: #989797!important; line-height: 1.5; } .thestore p{ font-size: 18px; color: black; } .thestore .size-post-thumbnail{ width: 100%; } .clearrow input{ clear: none!important; } .clearrow ul li { text-indent: 0; } /********************************************END OF STRUCTURE*************************************************/ /*..........................................................................................................*/ /*.........................................................................................................*/ /********************************************COMMON CLASSES************************************************/ .left { float: left; } .right { float: right; } .alignleft { float: left; margin-right: 15px; margin-bottom: 15px; } .alignright { float: right; margin-left: 15px; margin-bottom: 15px; } .aligncenter { display: block; margin: 0 auto 30px; } .attachmentPageImage { text-align: center; margin-bottom: 30px; } /**********************BUTTONS**********************/ .btn, .button, form input[type="submit"], form button.button, #ingredients-add, #ingredients-add-group, #instructions-add, #instructions-add-group { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; padding: 0 8px; font-size: 18px; line-height: 40px; text-align: center; text-transform: uppercase; min-width: 292px; background: transparent; border-width: 4px; /* change request by Alex */ border-width: 1px; border-style: solid; font-family: rwsemib, helvetica, arial, sans-serif; } .btn:hover, .button:hover, #ingredients-add:hover, #ingredients-add-group:hover, #instructions-add:hover, #instructions-add-group:hover { border-bottom-width: 4px; } .btn.btnsmall { text-transform: none; font-size: 17px; line-height: 28px; min-width: 182px; } .button, form input[type="submit"].button, form button.button { font-size: 16px; line-height: 30px; min-width: inherit; } .btn.btnmed, #ingredients-add, #ingredients-add-group, #instructions-add, #instructions-add-group { min-width: 220px; } .btnwhite { color: #ffffff; border-color: #ffffff; } .btnfull.btnwhite, .btnwhite:hover, .whiteheadings .carousel-list > div a:hover .readMore, .whiteheadings .testimonialsouter .btn:hover, .whiteheadings form input[type="submit"]:hover, .button { color: #000000; border-color: #ffffff; background: #ffffff; } .btnfull.btnwhite:hover, .button:hover { color: #000000; border-color: #dddddd; background: #dddddd; } .btngreen, form button.button, .order-actions .button, #ingredients-add, #ingredients-add-group, #instructions-add, #instructions-add-group { color: #439F46; border-color: #439F46; } .btnfull.btngreen, .btngreen:hover, .greenheadings .carousel-list > div a:hover .readMore, .greenheadings .testimonialsouter .btn:hover, form button.button:hover, .order-actions .button:hover, #ingredients-add:hover, #ingredients-add-group:hover, #instructions-add:hover, #instructions-add-group:hover { color: #ffffff; border-color: #439F46; background: #439F46; } .btnfull.btngreen:hover, .btngreen.fastquoteactive { border-color: #71C05A; background: #71C05A; } .btnfull.btnwhite { color: #585858; border: 1px solid #585858; background: #EFEFEF; } .btnfull.btnwhite:hover, .btnwhite.fastquoteactive { background: #AAA; color: #000; } .btnred { color: #D42F2A; border-color: #D42F2A; } .btnfull.btnred, .btnred:hover, .redheadings .carousel-list > div a:hover .readMore, .redheadings .testimonialsouter .btn:hover { color: #ffffff; border-color: #D42F2A; background: #D42F2A; } .btnfull.btnred:hover { border-color: #D42F2A; background: #D42F2A; } .btngray { margin-top: 15px; background-color: #DDD; border-radius: 5px; border: 1px solid #AAA; color: #555; display: inline-block; text-transform: none; } .btngray:hover { background-color: #BBB; border-radius: 5px; border: 1px solid #333; color: #333; } .btnturq { margin-top: 15px; background-color: #7DD6DB; border-radius: 5px; border: 1px solid #AAA; color: #FFF; display: inline-block; text-transform: none; } .btnturq:hover { background-color: #6DBBBF; border-radius: 5px; border: 1px solid #333; color: #FFF; } .btngray { margin-top: 15px; background-color: #DDD; border-radius: 5px; border: 1px solid #AAA; color: #555; display: inline-block; text-transform: none; } .btngray:hover { background-color: #BBB; border-radius: 5px; border: 1px solid #333; color: #333; } .btngray.btnsmall, .btnturq.btnsmall { width: auto; min-width: 0px; padding: 5px 20px; } .darkorangeheadings .carousel-list > div a:hover .readMore, .darkorangeheadings .testimonialsouter .btn:hover { color: #ffffff; border-color: #9E3721; background: #9E3721; } .navigation > a + a { margin-left: 20px; } /*********************IMAGES**********************/ img.bgwidth { height: auto; width: 100%; max-width: none; } img.bgheight { height: 100%; width: auto; max-width: none; } /*******************COPYRIGHT********************/ .copyright { font-size: 12px; line-height: 24px; } /******************ROW CLASSES********************/ .baigetexturebg { background: url('images/baige-texture.jpg') repeat 0 0 transparent; } .whitebg { background: #ffffff; } .greytexturebg { background: url('images/grey-texture.jpg') repeat 0 0 transparent; } .redbg { background: #D42F2A; } .greenbg { background: #439F46; } .whitegreytexturebg { background: url('images/storebg.jpg') repeat-y center top transparent; } .its-cart + .whitegreytexturebg { background: none; } .its-cart + .whitegreytexturebg .left { background: #EDEDEE; } .shopify .left h3 { font-size: 18px; color: #58595B; display: inline-block; margin-left: 20px; margin-bottom: 0px; } .shopify .products form { display: inline-block; width: 195px; float: right; clear: none; border-top: none; } .shopify .product-excerpt { color: #000; font-size: 18px; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; } .single-product .shopify .left { display: none; } .single-product .shopify .right { width: 100%; margin-bottom: 60px; } .single-product .shopify .product .summary { float: left; } .single-product .shopify .sku_wrapper { display: block; } .single-product .shopify .product_title { color: #D2242A; } .single-product .product-search { margin-left: 10px; } .single-product .single-product-section { /*max-width: 400px;*/ float: left; } .single-product .single-product-section + .single-product-section { float: right; border: 2px solid #DDD; padding: 10px 15px; } .single-product .product .summary { width: 100%; } .single-product .summary .single-product-section:first-child { width: 705px; } .single-product .product .summary form { border: none; } .single-product span.price-text { font-size: 18px; color: #6C4B3E; font-weight: bold; } .single-product span.amount { font-size: 23px; margin-bottom: 20px; } .single-product .single-product-section p.price { margin-bottom: 10px; } .single-product .variations label { font-size: 16px; color: #6C4B3E; font-weight: 300; } .single-product .variations select { font-size: 16px; font-weight: 300; color: #6C4B3E; border: 1px solid #6C4B3E; padding: 0; } .single-product .variations td { border-top: none; } .single-product table { margin-bottom: 10px; } .single_variation + .single_variation { display: none !important; } .single-responsive-section { display: none; } .whitegreytexturebg .thecontentpages .right h3 { width: 265px; } .hasfixedbgimg { width: 100%; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-image: url('images/fixedformimage.jpg'); } .redheadings h1, .redheadings h2, .redheadings h3, .redheadings h4, .redheadings h5, .redheadings .carousel-title { color: #D42F2A; } .redheadings .carousel-desc .readMore, .redheadings .testimonialsouter .btn { color: #D42F2A; border-color: #D42F2A; } .greenheadings h1, .greenheadings h2, .greenheadings h3, .greenheadings h4, .greenheadings h5, .greenheadings .carousel-title { color: #439F46; } .greenheadings .carousel-desc .readMore, .greenheadings .testimonialsouter .btn { color: #439F46; border-color: #439F46; } .whiteheadings h1, .whiteheadings h2, .whiteheadings h3, .whiteheadings h4, .whiteheadings h5, .whiteheadings .carousel-title, .whiteheadings form label { color: #ffffff; } .whiteheadings .carousel-desc .readMore, .whiteheadings .testimonialsouter .btn, .whiteheadings form input[type="submit"] { color: #ffffff; border-color: #ffffff; } .whiteheadings input, .whiteheadings select, .whiteheadings textarea{ background-color: #ffffff; color: #000000; } .whiteheadings select option { color: #000000; } /*******************TRANSPARENT OVERLAYS*******************/ .transoverlay50, .transoverlay60 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 97; background: #000000; } .transoverlay50 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; } .transoverlay60 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: 0.6; } .textwidget { float: left; clear: both; width: 100%; } /****************SOCIAL*****************/ .social { float: right; } .social > ul { float: left; margin: 0; } .social > ul > li { float: left; padding: 0; text-indent: 0; } .social > ul > li:before { display: none; } .social > ul > li > a, #social_feed_title span > a, .socialmediadata span > a > span, .rssfeed { display: block; float: left; width: 36px; height: 36px; border: none; margin-left: 10px; background: url('images/spritesheet.png') no-repeat 0 0 #D42F2A; } .socialmediadata span > a > span { display: inline-block; *display: inline; zoom: 1; float: none; margin: 0 5px 0 0; vertical-align: middle; -webkit-transition: color 0.3s ease, background 0.3s ease; -moz-webkit-transition: color 0.3s ease, background 0.3s ease; -o-webkit-transition: color 0.3s ease, background 0.3s ease; transition: color 0.3s ease, background 0.3s ease; } .social > ul > li:first-child > a, #social_feed_title span > a:first-child { margin-left: 0; } .social > ul > li > a:hover, #social_feed_title span > a:hover, .socialmediadata span > a:hover > span, .rssfeed:hover { background-color: #9e3721; } .rssfeed { margin: 0; border: none; background-position: -247px -129px; } .rssfeed:hover { border: none; } .social a[title*="Google Plus"] { background-position: 0 0; } .social a[title*="Pinterest"], .socialmediadata span > a[title*="Pinterest"] > span { background-position: -45px 0; } .social a[title*="Houzz"], .socialmediadata span > a[title*="Houzz"] > span { background-position: -90px 0; } .social a[title*="Instagram"], .socialmediadata span > a[title*="Instagram"] > span { background-position: -135px 0; } .social a[title*="Facebook"], #social_feed_title span > a[title*="Facebook"]{ background-position: -180px 0; } .social a[title*="Twitter"], #social_feed_title span > a[title*="Twitter"] { background-position: -225px 0; } .social a[title*="YouTube"], .socialmediadata span > a[title*="YouTube"] > span { background-position: -270px 0; } /************TABS*************/ .tabs { float: left; clear: both; width: 100%; margin-bottom: 30px; border-bottom: 4px solid #D2242A; } .tabs > li { float: left; padding: 0; text-indent: 0; margin-bottom: 0px; margin-right: 10px; } .tabs > li:before { display: none; } .tabs > li > a { display: block; float: left; padding: 15px; background: #ffffff; text-transform: uppercase; border: none; font-size: 16px; line-height: 16px; font-family: rwsemib, helvetica, arial, sans-serif; } .product_series_tabs .tabs > li > a { color: #828282; background: #f3f3f3; border: solid 1px #e6e6e6; } .tabs > li > a:hover, .tabs > li.active > a, .product_series_tabs .tabs > li.ui-state-active > a { color: #ffffff; background: linear-gradient(#e24045, #d3242b); border-bottom: none; border: solid 1px #dc342f; } .fancybox-close, .fancybox-close:hover, .fancybox-nav, .fancybox-nav:hover { border: none; } /*****************************************END OF COMMON CLASSES***********************************************/ /*..........................................................................................................*/ /*.........................................................................................................*/ /*************************************************HEADER***************************************************/ #header { position: relative; z-index: 2000; } /**********************HEADER TOP**********************/ #header .htop { min-height: 42px; color: #ffffff; background: #000000; } .htop .innerWrap { padding-top: 5px; padding-bottom: 5px; } .htop .left > div { float: left; } .htop .left ul { float: left; margin: 0; } .htop .left ul > li { float: left; padding: 0; text-indent: 0; margin-left: 15px; } .htop .left ul > li:first-child { margin-left: 0; } .htop .left ul > li:before { display: none; } .htop .left ul > li > a { float: left; color: #ffffff; font-size: 14px; line-height: 16px; margin-top: 10px; border-bottom: 1px solid transparent; font-family: rwsemib, helvetica, arial, sans-serif; } .htop .left ul > li > a:hover { border-bottom-color: #ffffff; } /************SEARCH*************/ .gsc-control-cse { padding: 0 !important; border: none !important; background: transparent !important; } form.gsc-search-box { margin: 0 !important; } table.gsc-search-box { margin: 0 !important; } .gsc-search-box-tools .gsc-search-box .gsc-input { padding: 0 !important; } input.gsc-input { float: none; clear: none; color: #000000; width: 94% !important; width: calc(100% - 14px) !important; margin: 0 7px !important; font-size: 14px; line-height: 28px; font-family: ssprosemibold, helvetica, arial, sans-serif; } .gsc-input-box { border: none !important; height: 31px !important; } .gsc-input-box > table { width: 230px !important; } .gsst_b { display: none !important; padding: 0 !important; } table.gsc-search-box td { padding: 0 !important; } td.gsc-search-button { width: 30px !important; height: 30px !important; padding: 0 !important; border: none !important; vertical-align: bottom !important; line-height: 30px !important; } .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { margin: 0 !important; padding: 0 !important; } input.gsc-search-button { padding: 8px !important; vertical-align: bottom; min-width: inherit; width: 14px !important; height: 14px !important; background: #8F9194 !important; } /**********************HEADER MIDDLE**********************/ #header .hmiddle { background: #FFFFFF; } .hmiddle .innerWrap { padding-top: 15px; padding-bottom: 20px; } .hmiddle .btn.btnsmall { width: 182px; min-width: inherit; } .hmiddle .left a { display: block; border: none; } .hmiddle .right > div { float: right; clear: both; margin-bottom: 35px; position: relative; } .hmiddle .right > div > span, .hmiddle .right > div > span > a { color: #000000; border: none; margin-right: 10px; font-size: 24px; line-height: 36px; font-family: ssprobold, helvetica, arial, sans-serif; } .hmiddle .right > div + div { margin-bottom: 0; } .hmiddle .right > div > .btn { margin-left: 10px; } .hmiddle .right > div > .btn:first-child { margin-left: 0; } /**********************HEADER MAIN MENU**********************/ #header .hmainmenu { position: relative; top: 0; left: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#727272+0,494949+100 */ background: #727272; /* Old browsers */ background: -moz-linear-gradient(top, #727272 0%, #494949 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #727272 0%,#494949 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #727272 0%,#494949 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#494949',GradientType=0 ); /* IE6-9 */ -webkit-transition: background 0.4s ease; -moz-webkit-transition: background 0.4s ease; -o-webkit-transition: background 0.4s ease; transition: background 0.4s ease; } #header .hmainmenu.fixedMainMenu { position: fixed; top: 0; left: 0; width: 100%; background: #000000; z-index: 200; } #menuLogo { display: block; position: absolute; top: 50%; left: 20px; margin-top: -20px; width: 15px; height: 40px; border: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; visibility: hidden; background: url('images/spritesheet.png') no-repeat -63px -107px transparent; -webkit-transition: visibility 0.3s ease, opacity 0.3s ease; -moz-webkit-transition: visibility 0.3s ease, opacity 0.3s ease; -o-webkit-transition:visibility 0.3s ease, opacity 0.3s ease; transition: visibility 0.3s ease, opacity 0.3s ease; } #backtotop { display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; visibility: hidden; position: absolute; top: 50%; right: 20px; width: 22px; height: 23px; margin-top: -11px; transition: none; border: none; background: url('images/spritesheet.png') no-repeat 0 -107px transparent; -webkit-transition: visibility 0.3s ease, opacity 0.3s ease; -moz-webkit-transition: visibility 0.3s ease, opacity 0.3s ease; -o-webkit-transition:visibility 0.3s ease, opacity 0.3s ease; transition: visibility 0.3s ease, opacity 0.3s ease; } #backtotop:hover { background-position: -32px -107px; } #menuLogo.showmenubuttons, #backtotop.showmenubuttons { -ms-filter: none; filter: none; opacity: 1; visibility: visible; } .hmainmenu .innerWrap > div:first-child, .hmainmenu nav { float: left; clear: both; width: 100%; position: relative; } .hmainmenu nav a { border: none; } .hmainmenu nav a:hover { border: none; } .hmainmenu nav > .toplevelnav { float: left; } .hmainmenu nav > .toplevelnav > div { float: left; padding: 0; text-indent: 0; } .hmainmenu nav > .toplevelnav > div > a, .hmainmenu h3 { float: left; display: block; color: #ffffff; padding: 0 11px; font-size: 16px; line-height: 60px; font-family: rwsemib, helvetica, arial, sans-serif; } .hmainmenu h3 { display: none; cursor: pointer; margin-bottom: 0; } .hmainmenu h3.closemenu, .hmainmenu.fixedMainMenu h3.closemenu { font-size: 20px; margin-left: 0; } .hmainmenu.fixedMainMenu h3 { /*margin-left: 20px;*/ } .hmainmenu nav > .toplevelnav > div:hover > a, .hmainmenu nav > .toplevelnav > .activemainmenuitem > a { background: #FFF; color: #494949; } /*********************MEGA MENU***********************/ .hmainmenu nav > .toplevelnav > div > .secondlevelnav { display: block; visibility: hidden; opacity: 0; transition: visibility 0s linear,opacity 0s linear; transition-delay: 0s; } .hmainmenu nav > .toplevelnav > div:hover > .secondlevelnav { visibility: visible; opacity: 1; } .hmainmenu nav > .toplevelnav > div > .secondlevelnav.notReady{ visibility: hidden !important; opacity: 0 !important; transition-delay: 0s; } .secondlevelnav > div > a, .thirdlevelnav{ transition-delay: 0.1s; } /**********************************************END OF HEADER**************************************************/ /*..........................................................................................................*/ /*.........................................................................................................*/ /*************************************************SLIDER***************************************************/ #slider { position: fixed; top: 0; left: 0; width: 100%; height: 718px; } .ngslider { float: left; clear: both; width: 100%; height: 100%; position: relative; overflow: hidden; } .ngslides { opacity: 0; } .ngslides, .ngslides > div { width: 100% !important; height: 100% !important; position: relative; } .ngslides img { position: relative; } .ngslider_Text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: table; z-index: 98; } .ngslider_Text > div { display: table-cell; vertical-align: middle; text-align: center; } .ngslider_Text > div > div { width: 1200px; margin: 0 auto; } .ngslider_Text > div > div > span { width: 1000px; padding: 0 100px; display: block; clear: both; font-size: 46px; line-height: 60px; color: #ffffff; text-align: left; margin-bottom: 15px; font-family: rwreg, helvetica, arial, sans-serif; } .ngslider_Text > div > div > span + span { width: 640px; padding: 0 280px; font-size: 24px; line-height: 30px; margin-bottom: 0; font-family: ssproreg, helvetica, arial, sans-serif; } .ngslider_Text > div > div > span.ngslider_Title + span.ngslider_Desc > p + p > span.ngslider_Title { display: inline-block; clear: both; font-size: 46px; line-height: 60px; color: #ffffff; text-align: center; margin-bottom: 15px; font-family: rwreg, helvetica, arial, sans-serif; } .rev_slider p { font-size: 20px !important; line-height: 24px !important; } .rev_slider h2 { margin-bottom: 0px !important; line-height: 44px !important; font-size: 34px !important; font-weight: bold !important; } .ngslider_Desc a + a { margin-left: 10px; } .ngslider_Desc .fullwidth .innerWrap { width: 100%; padding: 0; } .ngsliderOptions { display: block; position: absolute; top: 50%; left: 0; margin-top: 50px; width: 100%; z-index: 99; } .ngslidermenu { padding: 0 100px; width: 1000px; margin: 0 auto; } .ngslidermenu > a { float: left; display: block; height: 22px; width: 50px; text-indent: -999em; overflow: hidden; cursor: pointer; border: none; transition: none; background: url('images/spritesheet.png') no-repeat 0 -45px transparent; } .ngslidermenu > .ngsliderNext { float: right; background-position: -60px -45px; } .ngslidermenu > a:hover { background-position: 0 -75px; } .ngslidermenu > .ngsliderNext:hover { background-position: -60px -75px; } /**********************************************END OF SLIDER**************************************************/ /*..........................................................................................................*/ /*.........................................................................................................*/ /**************************************************MAIN****************************************************/ #main { position: relative; z-index: 1000; } /*************************COLUMNS****************************/ .fullwidth { padding-top: 40px; padding-bottom: 40px; } .col { position: relative; float: left; } .col:first-child > div, h1 + .col > div, h2 + .col > div, h3 + .col > div, h4 + .col > div, h5 + .col > div, h6 + .col > div, p + .col > div { margin-left: 0; } .col:last-child > div { margin-right: 0; } .col.col_one_fourth:first-child > div, .col.col_one_third:first-child > div { margin-left: 20px; } .col.col_one_fourth:last-child > div, .col.col_one_third:last-child > div { margin-right: 20px; } .col.col_one{ width: 100%; } .col.col_one > div { margin: 0; } .col.col_one_half{ width: 50%; } .col.col_one_third{ width: 33.33%; } .col.col_two_thirds{ width: 66%; } .col.col_one_fourth{ width: 25%; } .col.col_three_fourths{ width: 75%; } .col.col_one_fifth{ width: 20%; } .col.col_two_fifths{ width: 40%; } .col.col_three_fifths{ width: 60%; } .col.col_four_fifths{ width: 80%; } .col.col_one_sixth{ width: 16.66%; } .col > div{ margin: 0 20px; position: relative; } .col.first > div{ margin-left: 0; } .col.last > div{ margin-right: 0; } /*************************FASTQUOTE**************************/ .fastquotePopup { display: none; position: absolute; top: 56px; right: -100px; z-index: 100; } .thecontentpages .right > .fastquoteForm { padding: 0; } .fastquoteForm > h3, .thecontentpages .right .fastquoteForm > h3 { color: #ffffff; font-size: 30px; line-height: 50px; background: #439F46; position: relative; text-align: center; margin-bottom: 0; font-family: rwreg,helvetica,arial,sans-serif; } .fastquoteForm > h3 > span { position: absolute; top: 10px; left: 10px; z-index: 10; display: block; height: 20px; width: 20px; cursor: pointer; background: url('images/spritesheet.png') no-repeat -173px -129px transparent; } .fastquotePopup.fastquoteForm > div { width: 300px; padding: 20px 10px 30px; background: #ffffff; } .fastquoteForm > div { padding: 20px 10px 30px; background: #ffffff; overflow: hidden; } .thecontentpages .right > .fastquoteForm > div { padding: 20px 0 30px; width: 100%; } .fastquoteForm form { float: left; clear: both; width: 100%; } .fastquoteForm input { padding: 6px 10px; } .fastquoteForm input[type="submit"] { display: block; float: none; width: 230px; margin: 0 auto; min-width: inherit; } .fastquoteForm form > div { float: left; clear: both; width: 100%; margin-top: 15px; position: relative; } .fastquoteForm form > div:first-child { margin-top: 0; } .ui-autocomplete { display: none; position: absolute; top: 66px; left: 0; width: 100%; width: calc(100% - 2px); z-index: 10; background: #ffffff; border: 1px solid #8f9194; border-top: none; max-height: 180px; overflow-y: auto; } .ui-autocomplete > li { display: block; padding: 10px; text-indent: 0; color: #666666; cursor: pointer; -webkit-transition: color 0.3s ease, background 0.3s ease; -moz-webkit-transition: color 0.3s ease, background 0.3s ease; -o-webkit-transition: color 0.3s ease, background 0.3s ease; transition: color 0.3s ease, background 0.3s ease; } .ui-autocomplete > li:before { display: none; } .ui-autocomplete > li:hover, .ui-autocomplete > li.ui-state-focus { color: #ffffff; background: #439F46; } .searchgif { display: none; } /*************************CAROUSEL****************************/ .carouselInner { width: 100%; position: relative; } .carouselPop { width: 93%; margin: 0 auto; position: relative; overflow: hidden; z-index: 1; } .carousel-list { width: 100%; position: absolute; } .carousel-list > div { float: left; } .carousel-list > div a { display: block; border: none; } .chefCarousel .carousel-list > div .carousel-title > a { text-align: center; font-family: ssprosemibold, helvetica, arial, sans-serif; } .chefCarousel .carousel-list > div a { text-align: left; } .carousel-list > div > div { margin: 0 15px; position: relative; } .image-carousel img, .product-carousel img { display: block; clear: both; margin: 0 auto 30px; } .carouselcontent, .carouselcontent > span { display: block; clear: both; } .carousel-title { margin-bottom: 30px; text-align: center; font-size: 30px; line-height: 32px; font-family: ssprosemibold, helvetica, arial, sans-serif; } .product-carousel .carousel-title { font-size: 46px; line-height: 60px; font-family: ssprosemibold, helvetica, arial, sans-serif; } .carousel-list > div a .carousel-desc { color: #000000; font-family: ssproreg, helvetica, arial, sans-serif; } .carousel-desc { text-align: center; } .carousel-desc > span:first-child { display: block; text-align: justify; } .carousel-desc > span a { display: inline; } .carousel-desc > .readMore:first-child { display: inline-block; *display: inline; text-align: center; } .carousel-desc .readMore { -webkit-transition: color 0.3s ease, background 0.3s ease; -moz-webkit-transition: color 0.3s ease, background 0.3s ease; -o-webkit-transition: color 0.3s ease, background 0.3s ease; transition: color 0.3s ease, background 0.3s ease; } .carousel-desc > span + .readMore { margin-top: 30px; } .carousel-pr-nx { position: absolute; width: 100%; top: 50%; left: 0; margin-top: -11px; } .carousel-pr-nx > div { float: left; width: 23px; height: 22px; text-indent: -999em; overflow: hidden; cursor: pointer; background: url('images/spritesheet.png') no-repeat -123px -46px transparent } .carousel-pr-nx > .carousel-next { float: right; background-position: -166px -46px; } .carousel-pr-nx > div:hover { background-position: -123px -87px; } .carousel-pr-nx > .carousel-next:hover { background-position: -166px -87px; } .product-carousel .carousel-pr-nx > div { width: 50px; background-position: 0 -45px; } .product-carousel .carousel-pr-nx > .carousel-next { float: right; background-position: -60px -45px; } .product-carousel .carousel-pr-nx > div:hover { background-position: 0 -75px; } .product-carousel .carousel-pr-nx > .carousel-next:hover { background-position: -60px -75px; } /**********TESTIMONIALS*************/ .testimonialsouter { text-align: center; } .testimonialsouter .carouselPop { text-align: left; width: 82%; padding: 25px 0 50px; } .testContent { font-size: 18px; line-height: 28px; font-family: ssproitalic, helvetica, arial, sans-serif; } .testContent > p { margin-bottom: 15px; } .author > span + span:before { content: ","; padding-right: 5px; } .testimonialsouter .carousel-pr-nx > div { width: 50px; background-position: -202px -45px; } .testimonialsouter .carousel-pr-nx > .carousel-next { float: right; background-position: -262px -45px; } .testimonialsouter .carousel-pr-nx > div:hover { background-position: -202px -75px; } .testimonialsouter .carousel-pr-nx > .carousel-next:hover { background-position: -262px -75px; } .testimonialsouter .testimoniallist > .carousel-list { position: relative; float: left; clear: both; text-align: left; } .testimonialsouter .testimoniallist > .carousel-list > div { width: 100%; clear: both; padding-top: 20px; margin-top: 20px; border-top: 1px solid #a3a5a8; } .testimonialsouter .testimoniallist > .carousel-list > div:first-child { padding: 0; margin: 0; border: none; } .testimonialsouter .testimoniallist > .carousel-list > div > div { margin: 0; } /****************************FORM******************************/ .contactForm, .contactForm form { float: left; clear: both; width: 100%; } .contactForm form > div { float: left; clear: both; width: 100%; margin-bottom: 25px; } .contactForm form > .submitsection { margin-bottom: 0; } .contactForm form > div > div { float: left; width: 48%; } .contactForm form > div > div + div { float: right; } .contactForm form > div > div > span { float: left; clear: both; width: 100%; } .contactForm form > .textareasection > div { width: 100%; } .contactForm form > .submitsection label { text-align: right; } /**********************SUBSCRIBE*******************/ .subscribeForm { position: relative; } .subscribeForm > form { float: left; clear: both; width: 100%; margin-bottom: 20px; } .subscribeForm > form > div { float: left; clear: both; width: 100%; margin-top: 15px; overflow: hidden; } .subscribeForm > form > div:first-child { margin-top: 0; } .subscribeForm > form input#sign_up_email_address { padding: 6px 10px; } .subscribeForm .recaptcha { display: none; } .subscribeForm > form input[type="submit"] { float: left; min-width: inherit; } .subscribeForm > .thxssubscribe { display: block; clear: both; padding: 5px; border: 2px solid #439f46; } /****************************TILES******************************/ .thetileswrap { padding: 40px 0 20px; } .thetileswrap > div { margin: 0 auto; } .thetile { margin-bottom: 22px; } .right .thetile { margin-bottom: 0; } .thetile > a { display: block; border: none; position: relative; } .thetile > a > span { top: 10px; left: 10px; font-size: 24px; line-height: 26px; color: #D42F2A; text-align: center; font-family: ssprosemibold, helvetica, arial, sans-serif; display: block; margin-top: 10px; } /*****************NEWS SHORTCODE*********************/ .thenews { margin-top: 40px; } .thenews:first-child { margin-top: 0; } .thenews img { margin-bottom: 25px; } .thenews h1 { color: #d42f2a; font-family: ssprobold,helvetica,arial,sans-serif; } .thenews h1, .thenews h2 { font-size: 30px; line-height: 32px; margin-bottom: 5px; } .thenews.oneRecipe { margin-top: 0; } .thenews.oneRecipe img { width: 100%; } .thenews.cookbook h2 { font-size: 24px; line-height: 28px; } .thenews.cookbook > div { margin-bottom: 30px; } .thenews.cookbook.oneRecipe > div { margin-bottom: 0; } .thenews.cookbook > div > div { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #A3A5A8; } .thenews.cookbook.oneRecipe > div > div { width: 75%; padding: 0; margin: 0 auto; border: none; } .thenews.cookbook.oneRecipe > div > div > h2 { float: left; width: 66%; } .thenews.cookbook.oneRecipe > div > div > span { float: right; } .thenews.cookbook > div > div > span { margin-bottom: 0; } /*******DATE*******/ .thenews > div > div > span { display: block; color: #6C4B3E; font-size: 16px; line-height: 24px; margin-bottom: 5px; font-family: ssproreg, helvetica, arial, sans-serif; } .thenews p { margin-bottom: 25px; } .thecontentpages .shareaholic-share-buttons-container ul.shareaholic-share-buttons { margin: 0 !important; padding: 0 !important; } .shareaholic-share-buttons-container li.shareaholic-share-button { text-indent: 0; } .shareaholic-share-buttons-container li.shareaholic-share-button:before { display: none; } .sharencomments .shareaholic-canvas { float: left; width: 520px; } .sharencomments > a { display: block; float: right; } .page_nav, .comments_pager, .woocommerce-pagination { display: block; clear: both; width: 100%; text-align: center; margin-bottom: 25px; } .woocommerce-pagination { padding-bottom: 20px; border-bottom: 1px solid #A2A4A7; } .thecontentpages .thenews > div > .comments_pager { border: none; padding: 0; margin-top: 25px; } .page_nav_bottom, .comments_pager { padding-top: 40px; margin-top: 20px; margin-bottom: 0; border-top: 1px solid #A3A5A8; } .woocommerce-pagination > ul { display: block; } .woocommerce-pagination > ul > li { display: inline-block; *display: inline; zoom: 1; padding: 0; text-indent: 0; } .woocommerce-pagination > ul > li:before { display: none; } .page_nav > .prev, .page_nav > .next, .woocommerce-pagination > ul > li > .prev, .woocommerce-pagination > ul > li > .next { width: 23px; height: 22px; line-height: 0; text-indent: -999em; overflow: hidden; background: url('images/spritesheet.png') no-repeat -123px -46px transparent; -webkit-transition: none; -moz-webkit-transition: none; -o-webkit-transition: none; transition: none; } .page_nav > .prev:hover, .woocommerce-pagination > ul > li > .prev:hover { background-position: -123px -87px; } .page_nav > .next, .woocommerce-pagination > ul > li > .next { background-position: -166px -46px; } .page_nav > .next:hover, .woocommerce-pagination > ul > li > .next:hover { background-position: -166px -87px; } .page_nav > span, .page_nav > a, .woocommerce-pagination > ul > li > a, .woocommerce-pagination > ul > li > span { display: inline-block; *display: inline; zoom: 1; color: #7F7F7F; margin: 0 0 0 10px; font-size: 24px; line-height: 22px; border: none; vertical-align: bottom; font-family: ssprobold, helvetica, arial, sans-serif; } .page_nav > a:hover, .woocommerce-pagination > ul > li > a:hover { color: #000000; } .page_nav > span:first-child, .page_nav > a:first-child, .woocommerce-pagination > ul > li:first-child > a { margin-left: 0; } .page_nav > span.current, .woocommerce-pagination > ul > li > span.current { color: #BFBFBF; } /******************COMMENTS**********************/ .thecomments { padding-top: 30px; } .thecontentpages .thenews > .thecomments > .comment-list { padding: 0 0 0 20px; margin: 0; border: none; } .comment-list > div { margin-top: 15px; padding: 5px 10px; border: 2px solid #000000; } .comment-list > div:first-child { margin-top: 15px; } .comment-list > div > div { float: left; clear: both; width: 100%; margin-bottom: 20px; border-bottom: 1px solid #000000; } .comment-author { float: left; color: #D2242A; font-size: 16px; line-height: 22px; font-family: ssprobold, helvetica, arial, sans-serif; } .comment-meta { float: right; color: #6C4B3E; font-size: 16px; line-height: 22px; } /******************COMMENT FORM***********************/ .commentform { margin-top: 35px; } .commentform form { float: left; clear: both; width: 100%; } .commentform form label > span{ display: inline; margin: 0; color: #D2242A; } .commentform p { float: left; clear: both; width: 100%; } .commentform .comment-form-author { clear: none; width: 48%; } .commentform .comment-form-email { clear: none; float: right; width: 48%; } .commentform .comment-form-url { width: 48%; } .commentform .form-submit { width: 25%; } .commentform .form-submit #submit { width: 100%; } .commentform #submit { float: left; width: 25%; min-width: inherit; } .commentform .g-recaptcha { float: left; clear: both; width: 100%; position: relative; margin-bottom: 25px; margin-top: -25px; } /*************************LOCATOR****************************/ #locator_container label.customCheckRadio { margin-bottom: 20px; } #locator_container label.customCheckRadio > p { font-size: 18px; color: #6C4B3E; font-family: ssprobold, helvetica, arial, sans-serif; } #locator_container input { padding: 6px 10px; } #locator_map_otter { float: left; clear: both; width: 100%; margin-top: 40px; position: relative; } #locator_map_content { position: absolute; top: 0; left: 0; font-size: 18px; line-height: 28px; height: 100%; width: 100%; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background: url('images/transparent80black.png') repeat 0 0 transparent; -webkit-transition: visibility 0.3s ease, opacity 0.3s ease; -moz-webkit-transition: visibility 0.3s ease, opacity 0.3s ease; -o-webkit-transition:visibility 0.3s ease, opacity 0.3s ease; transition: visibility 0.3s ease, opacity 0.3s ease; } #locator_map_content p { margin-bottom: 0; } #locator_map_content a { color: #ffffff; } #locator_map_content.showlocatorcontent { visibility: visible; opacity: 1; -ms-filter: none; filter: none; } #locator_map_content > div { padding: 30px; color: #ffffff; } #locator_map_content img { margin-bottom: 25px; width: 100%; max-width: none; } #locator_map_content .col_one_half > div > div { margin-bottom: 25px; } .closeDealerLocatorPopUp { display: block; float: right; clear: both; height: 30px; width: 30px; text-indent: -999em; overflow: hidden; background: url('images/spritesheet.png') no-repeat -203px -129px #8F9194; border: none; margin-bottom: 30px; } .closeDealerLocatorPopUp:hover { border: none; background-color: #bbbbbb; } #locator_map_content .col_one { margin-top: 25px; } #locator_container > .col_one_third > div > div { margin-top: 30px; } #locator_container > .col_one_third > div > div:first-child { margin-top: 0; } #locator_container h4 { font-family: ssprobold, helvetica, arial, sans-serif; } /****************SUBPAGE PAGE********************/ #imagebanner { position: relative; max-height: 160px; overflow: hidden; } #imagebanner h1, #imagebanner strong { color: #ffffff; margin-bottom: 0; } #imagebanner .fullwidth { padding: 0; position: relative; } #imagebanner .fullwidth > img { position: absolute; top: 0; left: 0; height: 100%; width: auto; max-width: none; } #imagebanner .innerWrap { display: table; position: relative; z-index: 98; height: 145px; } .woocommerce-variation-price .price a{ display: none; } .price .LeaseStationButton { margin: -10px 0px 0px!important; } #imagebanner .innerWrap > div { display: table-cell; vertical-align: middle; } #imagebanner strong { font-size: 40px; } .wp-caption { width: 100% !important; } .thecontentpages .left, .thecontentpages.twocolleft .right { width: 660px; } .thecontentpages .right, .thecontentpages.twocolleft .left { width: 300px } .tax-product_cat .thecontentpages .left { width: 300px; } .tax-product_cat .thecontentpages .right { width: 660px; } .post-type-archive-product .thecontentpages .left { width: 300px; } .post-type-archive-product .thecontentpages .right { width: 660px; } .thecontentpages .right h3, .thecomments h3, .commentform h3, .thecontentpages.twocolleft .left h3 { color: #6C4B3E; font-size: 30px; line-height: 32px; font-family: ssprobold, helvetica, arial, sans-serif; } .whitegreytexturebg .thecontentpages .right h3, .whitegreytexturebg .thecontentpages.twocolleft .left h3 { color: #D2242A; font-size: 20px; } .thecontentpages .right > div, .thecontentpages.twocolleft .left > div { padding: 0 5px; margin-top: 45px; } .thecontentpages .right > div:first-child, .thecontentpages.twocolleft .left > div:first-child { margin-top: 0; } .thecontentpages .right li.cat-item, .thecontentpages.twocolleft .right li.cat-item { padding: 0; text-indent: 0; } .thecontentpages .right li.cat-item:before, .thecontentpages.twocolleft .right li.cat-item:before { display: none; } .thecontentpages .right li.cat-item > .children, .thecontentpages.twocolleft .right li.cat-item > .children { margin-left: 15px; } .thecontentpages .thenews > div > div { margin-top: 20px; padding-top: 20px; border-top: 1px solid #A3A5A8; } .thecontentpages .thenews > div > div:first-child { margin: 0; padding: 0; border: none; } .thinbar { padding: 35px 0; text-align: center; } /***************BLOG SEARCH*********************/ .blogsearchout, .blogsearchout > form { float: left; clear: both; width: 100%; } .blogsearchout > form > input { clear: none; width: 226px; padding: 6px 10px; border-right: none; } .blogsearchout > form > input[type="submit"] { float: left; min-width: inherit; width: 40px; height: 40px; border: none; background: url('images/spritesheet.png') no-repeat -113px -130px #8F9194; text-indent: -999em; overflow: hidden; } .blogsearchout > form > input[type="submit"]:hover { background-color: #bbbbbb; } /*****************CATEGORIES&ARCHIVES*****************/ li.cat-item { margin-top: 5px; } li.cat-item:first-child { margin-top: 0; } .screen-reader-text { position: absolute; top: 0; left: -999em; width: 1px; height: 1px; overflow: hidden; } /****************LET'S GET SOCIAL FEED****************************/ #social_feed_title { margin-bottom: 25px; } #social_feed_title h3 { float: left; margin: 0; } #social_feed_title span { display: block; float: right; padding-top: 10px; } .socialmediadata { float: left; clear: both; width: 100%; margin-bottom: 25px; } .socialmediadata > div { float: left; clear: both; width: 100%; } .socialmediadata span, .socialmediadata span > a { display: block; clear: both; width: 100%; } .socialmediadata span > a { font-size: 30px; line-height: 34px; margin-bottom: 30px; border: none; } .socialmediadata span > a:hover { color: #9e3721; } .socialmediadata > div > div { float: left; width: 220px; height: 220px; font-size: 12px; line-height: 20px; position: relative; word-wrap: break-word; } .socialmediadata > div > div ~ div { margin-left: 40px; } .socialmediadata > div > div > h4, .socialmediadata > div > div > div { position: relative; z-index: 1; } .socialmediadata > div > div > h4 { font-size: 14px; line-height: 20px; margin-bottom: 5px; font-family: ssprobold, helvetica, arial, sans-serif; } /*****FACEBOOK*******/ .facebookItem { color: #ffffff; } .socialmediadata > div > .facebookItem > h4 { padding: 12px; margin: 0; background: url('images/transparent40black.png') repeat 0 0 transparent; } .facebook-twitter > div > .facebookItem > div { position: absolute; bottom: 0; left: 0; padding: 12px; background: url('images/transparent40black.png') repeat 0 0 transparent; } .facebook-twitter > div > .facebookItem a { display: block; color: #ffffff; margin-top: 10px; border: none; } .facebook-twitter > div > .facebookItem a:hover { color: #D2242A; } .facebookItem > img { position: absolute; top: 0; left: 0; max-width: none; width: 100%; height: 100%; } /*****TWITTER******/ .socialmediadata > div > .twitterItem { color: #000000; padding: 10px; width: 200px; height: 200px; background: #B8BABC; } .twitterItem h4 { color: #000000; } .twitterControls { position: absolute; bottom: 36px; left: 10px; margin-bottom: 0; } .twitterControls > li { float: left; padding: 0; text-indent: 0; } .twitterControls > li:before { display: none; } .twitterControls > li > a { display: block; width: 20px; height: 14px; border: none; background: url('images/spritesheet.png') no-repeat 0 -160px transparent; } .twitterControls .retweet { width: 22px; margin-left: 15px; background-position: -34px -160px; } .twitterControls .favorite { width: 14px; margin-left: 15px; background-position: -73px -160px; } .twitterDateTime { position: absolute; bottom: 10px; left: 10px; color: #D2242A; } /*******PINTEREST / INSTAGRAM************/ .socialmediadataout { float: left; clear: both; width: 100%; margin-bottom: 25px; } .socialmediadataout > .inner > .socialmediadata { clear: none; width: 480px; margin-bottom: 0; } .socialmediadataout > .inner > .socialmediadata + .socialmediadata { float: right; } .socialmediadata > div > .pinterestItem, .socialmediadata > div > .instagramItem { height: auto; } .instagramItem > img { width: 100%; max-width: none; margin-bottom: 5px; } .pinterestItem > p:first-child { height: 220px; width: 220px; overflow: hidden; margin-bottom: 5px; } .pinterestItem > p:first-child > img { height: 100%; width: auto; max-width: none; } .pinterestItem > p, .instagramItem > p { font-size: 16px; line-height: 20px; margin-bottom: 0; } /*******YOUTUBE********/ .socialmediadataout > .inner > .youtube { width: 100%; } .socialmediadata > div > .youtubeItem { width: 480px; height: 270px; } /*****************************WOOCOMMERCE*******************************/ .woocommerce #tab-description .shareaholic-ui { display: none; } .woocommerce .thecontentpages .right > div { padding: 30px 0 0; margin: 30px 20px 0; border-top: 1px solid #A2A4A7; } .woocommerce .thecontentpages .right > div:first-child { margin-top: 0; padding-top: 0; border: none; } .woocommerce-message { margin-top: 10px; } .posted_in{ display:none } .tagged_as{ display:none } .its-cart { width: 1000px; height: 40px; background: url('images/grey-texture.jpg') repeat 0 0 transparent; margin: 30px auto 0; padding: 5px 0 25px; } .its-cart a.cart-contents { width: 170px; height: 36px; padding: 0 10px; display: inline-block; background: #439F46; color: #FFF; line-height: 36px; background: URL('images/cart-img.png') no-repeat 100px center, #439F46; float: right; margin-right: 10px; } .its-cart a.cart-contents:hover { text-decoration: none; border-bottom: none; } .its-cart .woocommerce-ordering { background: #FFF; margin: 5px 15px 0; } .its-cart + .fullwidth { padding-top: 0px; } .its-cart div.product-search { display: inline-block; width: 390px; clear: none; height: 30px; } .its-cart div.product-search input { height: 30px; font-size: 12px; background: #FFF; margin-top: 3px; border: none; font-weight: bold; width: 350px; color: #000; padding: 0 5px; } .its-cart div.product-search input[type="submit"] { width: 30px; height: 30px; background: #D2242A; min-width: 30px; max-width: 30px; clear: none; float: left; color: rgba(210,36,42,0); background: URL('images/search-icon.png') no-repeat center center, #D2242A; } /****************FEATURED PRODUCT SLIDER***************/ .featuredProductSlider{ height: 345px; position: relative; margin-bottom: 25px; } .featuredSliderNav{ position: absolute; top: 150px; width: 640px; padding: 0 10px; z-index: 10000; } .featuredSliderNav .ngslidermenu { width: 100%; padding: 0; } .featuredProductSlider .ngslides a { display: block; border: none; } .featuredProductSlider .ngslides img, .featuredProductSlider img.bgheight { width: 100%; max-width: none; height: auto; } .featuredProductSlider .ngslides span { display: block; position: absolute; bottom: 0; left: 0; padding: 18px 20px; width: 94%; width: calc(100% - 40px); font-size: 16px; line-height: 20px; font-family: rwreg, helvetica, arial, sans-serif; color: #ffffff; background: url('images/transparent70black.png') repeat 0 0 transparent; } /**************END OF FEATURED PRODUCT SLIDER**************/ .woocommerce-message, .woocommerce-error, .woocommerce-info, .myaccount_user { clear: both; padding: 20px; font-size: 14px; line-height: 20px; margin-bottom: 30px; border-top: 3px solid #439F46; background: #eeeeee; } .woocommerce-message .button { float: right; margin-left: 15px; } .woocommerce-error { border-top-color: #D2242A; } .woocommerce-info, .myaccount_user { border-top-color: #000000; } .woocommerce-error > li { padding: 0; text-indent: 0; } .woocommerce-error > li:before { display: none; } .featuredproductlist { margin-bottom: 50px; } .woocommerce h1, .featuredproductlist h2 { font-size: 30px; line-height: 32px; font-family: ssprobold, helvetica, arial, sans-serif; } .featuredproductlist ul { margin-top: 0; } .woocommerce .page-description, .woocommerce .term-description, .woocommerce .title { margin-bottom: 30px; } .woocommerce .page-description > p { margin-bottom: 30px; } /*.woocommerce-pagination with .page_nav, .comments_pager*/ .woocommerce-ordering { float: left; clear: left; } .woocommerce-ordering > select { padding-top: 2px; padding-bottom: 2px; border: 1px solid #000000; font-size: 14px; } .woocommerce-result-count { float: left; float: none; clear: right; margin: 0 0 20px; padding: 10px 0; } .woocommerce-result-count + p { font-size: 18px; margin-bottom: 20px; } .products { float: left; float: none; clear: both; width: 100%; margin: 30px 0 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .products > li { float: left; float: none; width: 45%; padding: 0; text-indent: 0; margin-right: 30px; margin-bottom: 40px; /*border-bottom: 2px solid #CCC;*/ padding-bottom: 10px; text-align: center; display: flex; flex-direction: column; justify-content: space-between; } .products > li.last { margin-right: 0; } .products > li:before { display: none; } .woocommerce .product .nyp { margin-bottom: 10px; } .products > li > a { display: block; border: none; float: left; float: none; position: relative; } .products span.free-shipping { position: absolute; left: 0px; border: 1px solid #FFF; background: #D2242A; color: #FFF; text-transform: uppercase; padding: 3px 8px; font-family: 'Raleway'; font-weight: 300; top: 95px; } .products a > img { display: inline-block; display: block; margin: 0 auto; width: 175px; height: auto; margin-bottom: 20px; margin-right: 15px; float: left; float: none; width: 100%; border: 1px solid #CCC; } .products a > img.woocommerce-placeholder { height: 150px; } .products a h3 { position: relative; font-size: 18px; line-height: 22px; /*min-height: 44px;*/ font-family: ssprobold, helvetica, arial, sans-serif; display: inline-block; float: left; float: none; text-align: center; width: 100% !important; } .products .nyp-product a h3 { margin-bottom: 55px; } .price, .cart_item .amount { display: block; color: #000; font-size: 20px; line-height: 24px; font-family: ssprobold, helvetica, arial, sans-serif; } .price > .amount { display: inline-block; margin-bottom: 42px; /*float: left;*/ color: #000; width: auto; font-size: 20px; padding-top: 4px; } .price > .amount + .amount { float: none; } .price del { display: block; } .price ins { display: inline-block; *display: inline; zoom: 1; margin-bottom: 18px; text-decoration: none; } .sku_wrapper { display: none; color: #6C4B3E; font-size: 16px; line-height: 24px; font-family: ssproreg, helvetica, arial, sans-serif; } .products form { display: block; width: 100%; clear: both; padding-top: 5px; margin-top: 5px; border-top: 1px solid #A2A4A7; } .products .stock.out-of-stock { padding-top: 5px; margin-top: 5px; border-top: 1px solid #A2A4A7; margin-bottom: 0; } .products form > .quantity, .product-quantity > .quantity, .product .summary .quantity { display: block; width: 100%; clear: both; } .products form > .quantity:before, .product-quantity > .quantity:before, .product .summary .quantity:before { content: "Quantity "; color: #6c4b3e; margin-right: 15px; } .woocommerce .product .nyp > label { display: inline-block; *display: inline; zoom: 1; width: auto; color: #6c4b3e; font-size: 16px; font-weight: normal; font-family: ssproreg, helvetica, arial, sans-serif; } .products form > .quantity > input, .product-quantity > .quantity > input, .product .summary .quantity > input, .nyp > input { display: inline-block; *display: inline; zoom: 1; float: none; width: 40px; color: #6C4B3E; padding: 0 0 0 6px; border: 1px solid #6C4B3E; } .woocommerce .product .nyp input.nyp-input { text-align: left; font-weight: normal; } .products form .single_add_to_cart_button, .product .summary form button.button { width: 200px; min-width: inherit; margin-top: 25px; } .products + .woocommerce-pagination { margin-bottom: 0; } .products .product-excerpt { width: 215px; } .product-title-desc-container { display: inline-block; display: block; float: left; float: none; } .products > li > a + .product-title-desc-container { float: right; float: none; clear: both; text-align: right; text-align: center; } .products > li > a + .product-title-desc-container .price del { display: inline-block; } .products > li > a + .product-title-desc-container .price del { display: inline-block; } .product-title-desc-container form.cart { width: auto; } .product-title-desc-container form.cart button { padding: 0 19px; } .product-title-desc-container form.cart div.quantity { margin-bottom: 20px; } .shopify .textwidget li:before { content: ""; } .shopify .textwidget li { text-indent: 0px; } .shopify .textwidget li label { font-weight: bold; color: #000; display: block; font-size: 14.5px; font-size: 15px; } .shopify .textwidget input { display: inline-block; width: auto; margin-top: 5px; margin-right: 5px; } .shopify .textwidget ul.cats-filter > li { font-weight: bold; color: #131313; clear:both; margin-top: 20px; font-family: ssprobold, helvetica, arial, sans-serif; } .shopify .textwidget ul.cats-filter > li ul > li { font-size: 14px; color: #232323; } .shopify .textwidget ul.cats-filter > li > ul > li { font-weight: normal; clear:both; font-family: sspro, helvetica, arial, sans-serif; } .shopify .textwidget ul.cats-filter > li > ul > li a.active_cat { color: #D64229 !important; } .shopify .textwidget ul.cats-filter > li > ul > li a.active_cat:hover { color: #D64229; text-decoration: underline; } .shopify .textwidget ul.cats-filter > li > ul > li a { display: inline-block; border: none; color: #232323 !important; font-weight: 400; font-family: sspro, helvetica, arial, sans-serif; font-size: 14px; } .shopify .textwidget > ul.cats-filter > li > ul > li a.prod_view_all { font-weight: 600; font-size: 12px; } .shopify .textwidget > ul.cats-filter > li > ul > li a:hover { text-decoration: underline; } .shopify .textwidget ul.cats-filter > li.allMobile { display: none !important; } .shopify .textwidget li label.moreCategories { color: rgb(127, 128, 129); } .moreCategories + ul.cats-filter li.top-level.mobile { padding-left: 0; font-weight: bold; } .moreCategories + ul.cats-filter li.top-level.mobile ul li a { color: #000; font-family: inherit; color: #000; font-size: 15px; font-weight: normal !important; } .shopify .button { color: #439F46; border-color: #439F46; } .shopify .button:hover { color: #FFF; background: #439F46; } .top-level { margin-top: 15px; } ul.hide-sort { display: none; } button.refine-btn { background: #439F46; color: #FFF; border: none; min-width: 96%; width: 96%; margin-left: 2%; margin-bottom: 10px; } button.refine-btn:hover { cursor: pointer; } a.cart-contents .cart-text { float: right; font-size: 18px; font-family: "Raleway",sans-serif; font-weight: 500; line-height: 38px; letter-spacing: 1px; margin-right: 7px; } a.btnfull.btnwhite.selectionWizardBtn { display: block; margin-bottom: 50px; padding: 15px 0; text-transform: capitalize; color: #000; border: none; font-size: 20px; border-top: none; } .woocommerce-pagination { border-bottom: none; } /*******PRODUCT PAGE*********/ .woocommerce-breadcrumb { font-size: 12px; margin-bottom: 25px; } .woocommerce-breadcrumb > a { font-family: ssproreg, helvetica, arial, sans-serif; } .product .images { float: left; width: 250px; } .product .images a { float: left; display: block; border: none; overflow: hidden; } .product .images img { width: 100%; max-width: none; } .product .images .woocommerce-main-image { clear: both; width: 100%; height: auto; margin-bottom: 5px; } .product .images .thumbnails { float: left; clear: both; width: 100%; } .product .images .thumbnails > a { width: 80px; height: 60px; margin-left: 5px; margin-top: 5px; } .product .images .thumbnails > a.first { margin-left: 0; } .product .summary { float: right; width: 390px; } .product .summary h1, .product .related h2 { font-size: 24px; line-height: 28px; font-family: ssprobold, helvetica, arial, sans-serif; } .product .summary form { width: 200px; padding-top: 5px; margin-top: 5px; border-top: 1px solid #A2A4A7; } .product .woocommerce-tabs, .product .related { float: left; clear: both; width: 100%; /*margin-top: 60px;*/ } .product .woocommerce-tabs .panel { float: left; clear: both; width: 100%; } .product .woocommerce-tabs table { width: auto; } .product .woocommerce-tabs table td, .product .woocommerce-tabs table th { border: none; text-align: left; padding: 5px 20px; } .product .woocommerce-tabs table tr:first-child > td { font-family: ssproreg, helvetica, arial, sans-serif; } .product .related { padding-top: 20px; border-top: 1px solid #A2A4A7; } .product .related .products { margin: 0; } .product-type-variable p.price { /*display: none;*/ color: #8f8f8f; font-size: 20px; font-weight: 100; } .product-type-variable p.price span{ color: #8f8f8f; font-size: 20px; font-weight: 100; } .upsells.products h2, .cross-sells .products h2 { color: #D2242A; } .upsells.products .product-excerpt, .cross-sells .products .product-excerpt { display: none; } .upsells.products h3, .cross-sells .products h3 { margin-bottom: 0px; } .upsells.products .products li, .cross-sells .products li { width: 22%; } .upsells.products .sku_wrapper, .cross-sells .products .sku_wrapper { clear: both; } .upsells.products li, .cross-sells .products li { border-bottom: none; } .upsells.products li a + .product-title-desc-container, .cross-sells .products li a + .product-title-desc-container { float: none; border-top: 1px solid #BBB; } .upsells.products li a img, .cross-sells .products li a img { max-height: 130px; width: auto; } .upsells.products li:first-child, .cross-sells .products li:first-child { margin-left: 0px; } .upsells.products li, .cross-sells .products li { margin-right: 0px; margin-left: 4%; } .upsells.products li form, .cross-sells .products li form { width: 100%; } .upsells.products form.cart button, .cross-sells .products form.cart button { width: 100%; } .pp_gallery ul > li { padding: 0; text-indent: 0; } .upsells.products .product-title-desc-container, .cross-sells .products .product-title-desc-container { width: 100%; } .upsells.products h3, .cross-sells .products h3 { width: 96% !important; } .upsells.products .products li form, .cross-sells .products li form { float: none; } .upsells.products .product-type-variable a + .product-title-desc-container, .cross-sells .products .product-type-variable a + .product-title-desc-container { padding-top: 57px; } .upsells.products .product-type-variable a + .product-title-desc-container a, .cross-sells .products .product-type-variable a + .product-title-desc-container a { height: 31px; width: 88%; } .pp_gallery ul > li:before { display: none; } .pp_woocommerce .pp_previous, .pp_woocommerce .pp_next { border: none; } /***********************CART******************************/ /********CART WIDGET*********/ .woocommerce-cart .woocommerce form { width: 56%; float: left; } .woocommerce-cart .cart-collaterals { float: right; } .woocommerce-cart .coupon { display: none; } .cart_item .product-remove { display: inline-block; float: left; } .cart_item .product-thumbnail { display: inline-block; margin-left: 10px; float: left; } .cart_item .sku_wrapper { display: block; } .cart_item .product-name { display: inline-block; float: left; margin-left: 20px; margin-right: 35px; width: 250px; } .cart_item .product-thumbnail > a > img { max-width: 90px; } .cart_item .product-name a { font-size: 18px; } .product-subtotal .amount { display: inline-block; padding-top: 25px; } .cart_item .product-price span.amount { display: inline-block; } .cart_item .product-price .product-quantity { display: inline-block; margin-left: 30px; } .woocommerce a.remove { display: block; position: absolute; top: 5px; left: 0; line-height: 20px; width: 20px; text-align: center; color: #ffffff; background: #D2242A; border: none; font-size: 24px; } .woocommerce a.remove:hover { color: #D2242A; background: #ffffff; } .woocommerce-cart form h4 { padding-bottom: 15px; } .widget_shopping_cart_content ul { margin: 0 0 25px; } .widget_shopping_cart_content ul > li { padding: 0; text-indent: 0; position: relative; margin-bottom: 10px; } .widget_shopping_cart_content ul > li:before, .widget_shopping_cart_content ul > li > a > img { display: none; } .widget_shopping_cart_content ul > li > a { display: block; } .widget_shopping_cart_content ul > li > a + a { margin-left: 25px; } .widget_shopping_cart_content .sku_wrapper { display: none; } .widget_shopping_cart_content ul > li > .quantity { display: block; margin-left: 25px; } .widget_shopping_cart_content .buttons { margin-bottom: 0; } .widget_shopping_cart_content .buttons > a { width: 37%; margin-left: 10px; min-width: inherit; } .widget_shopping_cart_content .buttons > a:first-child { margin: 0; } /********CART PAGE*********/ .woocommerce > form { margin-top: 50px; margin-bottom: 40px; } .woocommerce > form:first-child { margin-top: 0; } .woocommerce > form > .shop_table.cart { width: 100%; } .woocommerce > form > .shop_table.cart thead { display: none; } .woocommerce > form > .shop_table.cart td { position: relative; border: none; padding-top: 40px; } .woocommerce > form > .shop_table.cart .cart_item > td { padding: 15px 0; vertical-align: top; border-top: 1px solid #A1A3A6; } .woocommerce > form > .shop_table.cart .cart_item > td.product-name { width: 380px; line-height: 22px; padding-right: 20px; } .woocommerce > form > .shop_table.cart .cart_item > td.product-name .sku_wrapper { margin-top: 10px; } .cart_item a.remove { position: relative; top: 0; } .product-thumbnail > a { display: block; width: 90px; height: 60px; overflow: hidden; margin: 0 auto; border: none; } .product-thumbnail > a > img { width: 100%; } .product-subtotal { display: inline-block; } .coupon { float: left; width: 400px; } .coupon > input { float: left; clear: none; width: 190px; padding: 6px 10px; } .coupon > input.button { float: right; width: 180px; } .coupon + input[name="update_cart"] { float: right; clear: none; width: 160px; margin-top: 26px; } .cart-collaterals { float: right; padding: 30px; width: 360px; background: #EDEDEE; } .cart-collaterals h2 { color: #58595B; font-size: 24px; line-height: 32px; font-family: ssprobold, helvetica, arial, sans-serif; } .cart-collaterals > div { float: left; clear: both; width: 100%; } .cart-collaterals table { width: 100%; } .cart-collaterals table th { text-align: left; } .cart-collaterals table td { border: none; } .cart-collaterals table .order-total th, .cart-collaterals table .order-total td { padding-top: 25px; border-top: 1px solid #A2A4A7; } .cart-collaterals table .order-total .amount { color: #D2242A; } .wc-proceed-to-checkout .button { width: 230px; color: #ffffff; background: #439F46; border-color: #439F46; } .wc-proceed-to-checkout .button:hover { border-color: #71C05A; background: #71C05A; } .shipping > td { width: 250px; } .woocommerce-shipping-calculator input, .woocommerce-shipping-calculator select { border-color: #ffffff; color: #ffffff; } .woocommerce-shipping-calculator select option { color: #000000; } .woocommerce-shipping-calculator button.button[type="submit"] { border-color: #ffffff; color: #ffffff; } .woocommerce-shipping-calculator button.button[type="submit"]:hover { color: #000000; border-color: #ffffff; background: #ffffff; } .page-id-5 .woocommerce-shipping-calculator input, .page-id-5 .woocommerce-shipping-calculator select, .page-id-5 .woocommerce-shipping-calculator button.button[type="submit"], .page-id-12914 .woocommerce-shipping-calculator input, .page-id-12914 .woocommerce-shipping-calculator select, .page-id-12914 .woocommerce-shipping-calculator button.button[type="submit"]{ border-color: #333; color: #333; } #shipping_method > li { clear: both; padding: 0; text-indent: 0; margin-top: 5px; } #shipping_method > li:first-child { margin-top: 0; } #shipping_method > li:before { display: none; } #shipping_method input { width: auto; clear: none; margin: 10px 10px 0 0; } #shipping_method label { width: auto; clear: none; font-size: 14px; } #shipping_method label > .amount { font-family: ssprosemibold, helvetica, arial, sans-serif; } .woocommerce-checkout-review-order-table #shipping_method input { margin: 5px 5px 0 0; } .woocommerce-cart input[name="update_cart"] { margin-top: 20px; } .cross-sells { clear: both; } /***********************CHECKOUT******************************/ .woocommerce > .woocommerce-checkout, .woocommerce-checkout > div, .addresses { float: left; clear: both; width: 100%; margin: 0; } .woocommerce > .checkout_coupon { float: left; clear: both; width: 100%; margin-top: 0; } .woocommerce-checkout > h3 { clear: both; } .woocommerce-checkout > #customer_details { margin-top: 0; margin-bottom: 40px; } #customer_details > div, .addresses > div { float: left; width: 48%; } #customer_details > .col-2, .addresses > .col-2 { float: right; } #customer_details > div > div { float: left; clear: both; width: 100%; } .form-row { float: left; clear: both; width: 100%; } /*ADDRESS*/ .form-row + .address-field { clear: none; width: 48%; } .form-row + .address-field + .address-field { float: left; margin-top: 0; } /*TOWN/CITY*/ .form-row + .address-field + .address-field + .address-field { float: right; margin-top: 26px; } /*PROVINCE*/ .form-row + .address-field + .address-field + .address-field + .address-field { float: left; margin-top: 0; } /*POSTAL/ZIP CODE*/ .form-row + .address-field + .address-field + .address-field + .address-field + .address-field { float: right; width: 100%; } .form-row > label.inline { clear: none; width: auto; } .form-row > label.inline > input[type="checkbox"] { width: auto; margin: 5px 10px 0 0; } .form-row input { padding: 6px 10px; } .form-row .js-wc-payment-gateway-card-exp-month, .form-row .js-wc-payment-gateway-card-exp-year { clear: none; } .form-row .js-wc-payment-gateway-card-exp-month { margin-right: 20px; } .form-row.create-account > input, .form-row.create-account > label { width: auto; clear: none; } .login .form-row input[type="submit"] + label, .login .form-row input[type="submit"] + label > input { width: auto; clear: none; } .form-row.create-account > input, .login .form-row input[type="submit"] + label > input { margin: 5px 10px 0 0; } .woocommerce-shipping-fields > h3 { float: left; clear: both; width: 100%; margin-bottom: 13px; } .woocommerce-shipping-fields > h3 > label, .woocommerce-shipping-fields > h3 > input { clear: none; width: auto; } .woocommerce-shipping-fields > h3 > input { margin: 5px 0 0 10px; } .shipping_address { float: left; clear: both; width: 100%; margin-top: 33px; } .select2-results > li { padding: 0; text-indent: 0; } .select2-results > li:before { display: none; } .shop_table { width: 100%; } .shop_table th { text-align: left; padding: 10px 15px; font-size: 18px; font-family: ssprosemibold, helvetica, arial, sans-serif; border: 1px solid #cccccc; } .shop_table td { text-align: left; padding: 10px 15px; line-height: 24px; border: 1px solid #cccccc; } .shop_table td:first-child { line-height: 24px; border-left: 1px solid #cccccc; } .shop_table tr:first-child th, .shop_table tr:first-child td { border-top: 1px solid #cccccc; } .shop_table tfoot th, .shop_table tfoot td { padding: 5px 15px; } .shop_table .order-actions { text-align: center; } .woocommerce-checkout-payment { padding: 15px; background: #dddddd; } .woocommerce-checkout-payment > ul { float: left; clear: both; width: 100%; margin-bottom: 30px; } .woocommerce-checkout-payment > ul > li { float: left; clear: both; width: 100%; margin-top: 30px; padding: 0; text-indent: 0; } .woocommerce-checkout-payment > ul > li:first-child { margin-top: 0; } .woocommerce-checkout-payment > ul > li:before { display: none; } .woocommerce-checkout-payment li > input { width: auto; clear: none; margin: 5px 10px 0 0; } .woocommerce-checkout-payment .payment_method_paypal > input { margin-top: 17px; } .woocommerce-checkout-payment li > label { width: auto; clear: none; } .woocommerce-checkout-payment li.payment_method_paypal > label > img { width: 150px; margin: 0 15px; } .woocommerce-checkout-payment li > div { float: left; clear: both; padding: 10px; width: 97%; width: calc(100% - 30px); background: #eeeeee; margin-top: 15px; } form .woocommerce-checkout-payment input.button[type="submit"] { font-size: 18px; line-height: 40px; } .woocommerce-checkout-payment .form-row { float: left; clear: both; width: 100%; } header > h2, header > h2:last-child { margin-bottom: 25px; } .order_details > li { padding: 0; text-indent: 0; } .order_details > li:before { display: none; } /*****************************END OF WOOCOMMERCE*******************************/ /*******************************PRODUCT SERIES********************************/ .fullwidthtabs { padding-top: 0; } .product_series_tabs > .tabs { margin-bottom: 0px; } .product_series_tabs > .tabpanel { float: left; clear: both; width: 100%; padding-top: 20px; padding-bottom: 20px; background: linear-gradient(#f3f3f3, rgba(255, 255, 255, 0.15)); border: solid 1px #e6e6e6; } .product_series_tabs table { width: 100%; } .product_series_tabs table tr > th, .product_series_tabs > .tabpanel > div > h4 { color: #6C4B3E; text-align: center; padding: 5px; font-size: 16px; line-height: 20px; font-family: ssprobold, helvetica, arial, sans-serif; } .product_series_tabs table tr > td { padding: 10px 5px; border: none; line-height: 20px; text-align: center; vertical-align: middle; } .product_series_tabs table tr > td > strong { display: none; } .product_series_tabs table tr:first-child > td { font-family: ssproreg, helvetica, arial, sans-serif; } .product_series_tabs table tr > .ovenname, .product_series_tabs table tr:first-child > .ovenname { width: 200px; font-family: ssprobold, helvetica, arial, sans-serif; } .product_series_tabs > .tabpanel > div { float: left; width: 23%; margin-left: 2%; } .product_series_tabs > .tabpanel > div:first-child { margin-left: 0; } .product_series_tabs > .tabpanel > .kitassembleddisclaimer { clear: both; width: 100%; margin: 25px 0 0 0; color: #6C4B3E; padding-top: 20px; border-top: 1px solid #e6e6e6; } .product_series_tabs > .tabpanel > .kitassembleddisclaimer > h4 { text-align: left; padding: 0 20px; margin-bottom: 5px; } .product_series_tabs > .tabpanel > .kitassembleddisclaimer > p { padding: 0 20px; } .product_series_tabs > .tabpanel > div > h4 { padding: 0; margin-bottom: 20px; } .product_series_tabs > .tabpanel ul { margin: 0; } .product_series_tabs > .tabpanel ul > li { padding: 0; text-indent: 0; text-align: center; margin-top: 15px; } .product_series_tabs > .tabpanel ul > li:first-child { margin-top: 0; } .product_series_tabs > .tabpanel ul > li:before { display: none; } .product_series_tabs > #tab-4 > div { width: 30%; margin-left: 5%; } .product_series_tabs > #tab-4 > div:first-child { margin-left: 0; } .product_series_tabs > #tab-4 ul > li { text-align: left; } .productseriestax > div { float: left; margin: 25px; } .productseriestax > div > a { display: block; position: relative; color: #ffffff; border: none; } .productseriestax > div:hover > a { color: #D2242A; border: none; } .productseriestax > div > a > span { position: absolute; bottom: 0; left: 0; display: block; width: 100%; text-align: center; } .productseriestax > div > a > span > span { display: block; padding: 10px; font-size: 15px; line-height: 20px; font-family: ssprobold, helvetica, arial, sans-serif; background: url('images/transparent70black.png') repeat 0 0 transparent; } /**************************END OF PRODUCT SERIES**************************/ /*******************************GALLERY**********************************/ .imageGallery, .imageGallery > div { float: left; clear: both; width: 100%; } .imageGallery > form { float: left; clear: both; width: 100%; margin: 30px 0; } .imageGallery > form > label { width: auto; clear: none; line-height: 30px; margin-right: 10px; } .imageGallery > form > input[type="file"] { width: auto; clear: none; padding: 0; border: 1px solid #cccccc; background: #eeeeee; } .imageGallery > form > div { float: left; clear: both; width: 100%; margin-top: 30px; } .imageGallery > form > input[type="submit"] { float: left; width: 200px; margin-top: 25px; min-width: inherit; } .imageGallery > .imageGalleryinner > div { float: left; width: 200px; margin-left: 30px; margin-bottom: 30px; } .single-gallery .imageGallery > .imageGalleryinner > div, .single-video_gallery .imageGallery > .imageGalleryinner > div { margin: 20px; } .single-gallery .imageGallery > .imageGalleryinner > div{ float: none; display: inline-block!important; } .imageGallery > .imageGalleryinner > div.first { margin-left: 0; clear: left; } .imageGallery > .imageGalleryinner a { display: block; border: none; } .imageGallery > .imageGalleryinner a > img { display: block; margin-bottom: 15px; } .single-gallery .imageGallery > .imageGalleryinner a > img { margin: 0; } .imageGallery > .imageGalleryinner a > h2 { font-size: 18px; line-height: 22px; font-family: ssprobold, helvetica, arial, sans-serif; margin-bottom: 0; } .imageGallery > .imageGalleryinner a > span { color: #6C4B3E; font-size: 16px; line-height: 20px; font-family: ssproreg, helvetica, arial, sans-serif; } #album_categories li { padding: 0; text-indent: 0; } #album_categories li:before { display: none; } #album_categories li > ul { margin-left: 15px; } /*****************************END OF GALLERY*****************************/ /*******************************COOKBOOK*********************************/ .thenews .wpurp-container > .wpurp-rows, .wpupg-grid .wpurp-container { padding: 10px; border: 1px solid #000000; background: #EDEDED; } .wpurp-container a { border: none; color: #439F46 !important; } .wpurp-container table td { vertical-align: top; border: none; padding: 0; } .wpurp-container ul { margin-left: 15px; list-style-type: disc; } .wpurp-container ol { margin-left: 15px; list-style-type: decimal; } .wpurp-container li { text-indent: 0; padding: 0; } .wpurp-container li:before { display: none; } .wpurp-container li div, html body .wpurp-container li div > span { display: inline; } .recipe-intro { padding-left: 10px; } .recipe-intro > div { float: left; clear: both; width: 100%; line-height: 22px; margin-bottom: 10px; } .recipe-intro > div ~ div { margin-bottom: 25px; } .wpurp-recipe-title{ float: left; color: #000000; font-size: 22px; font-family: ssprobold, helvetica, arial, sans-serif; } .starprint { float: right; } .wpurp-recipe-stars > ul { margin: 0; } .wpurp-recipe-print-button { display: block; height: 25px; width: 17px; border: none; margin-left: 10px; background: url('images/spritesheet.png') no-repeat -87px -112px transparent; } .wpurp-recipe-print-button:hover { border: none; } .wpurp-container .wpurp-recipe-tags { list-style-type: none; margin: 0; } .wpurp-container .wpurp-recipe-tags > li > span { display: inline-block; *display: inline; zoom: 1; width: 15%; } .wpurp-container .wpurp-recipe-tags > li > span + span { width: 75%; } .seprcopas .wpurp-title, .ingretions .wpurp-title, .ingretions .wpurp-recipe-ingredient-group, .ingretions .wpurp-recipe-instruction-group, .thenotes .wpurp-title { color: #000000; font-size: 18px; font-family: ssprosemibold, helvetica, arial, sans-serif; } .ingretions .wpurp-recipe-ingredient-group, .ingretions .wpurp-recipe-instruction-group { font-size: 16px; } .ingretions .wpurp-title, .ingretions .wpurp-recipe-ingredient-group, .ingretions .wpurp-recipe-instruction-group, .thenotes .wpurp-title { display: block; margin-bottom: 15px; } .seprcopas-out { width: 100%; } .seprcopas td + td { padding: 0 20px; } .seprcopas .wpurp-recipe-servings-type, .seprcopas .wpurp-recipe-prep-time-text, .seprcopas .wpurp-recipe-cook-time-text, .seprcopas .wpurp-recipe-passive-time-text { text-transform: uppercase; } .wpurp-container .wpurp-recipe-ingredient-container, .wpurp-container .wpurp-recipe-instruction-container { margin-bottom: 15px; } .ingretions .servnits .wpurp-title { font-size: 16px; margin-right: 5px; font-family: ssproreg, helvetica, arial, sans-serif; } .ingretions .servnits > span { display: inline-block; *display: inline; zoom: 1; } .servnits input, .servnits select { float: none; clear: none; width: 40px; font-size: 14px; padding: 0 0 0 10px; border: 1px solid #000000; } .servnits select { width: 120px; padding: 0 5px; } .wpurp-recipe-ingredient > span { display: inline-block; *display: inline; zoom: 1; width: 20%; vertical-align: top; } .wpurp-recipe-ingredient > span + span { width: 78%; } #recipe-ingredient, #recipe-course, #recipe-cuisine { margin-bottom: 20px; } #recipe-cuisine ~ input[type="submit"] { float: left; width: 66%; min-width: inherit; } /***************GRID*******************/ .wpupg-filter, .wpupg-grid, .wpupg-pagination { float: left; clear: both; width: 100%; } .wpupg-filter { margin-bottom: 40px; } .wpupg-pagination { margin-top: 40px; } .wpupg-filter.wpupg-filter-dropdown > .select2wpupg { float: left; margin: 0; width: 32% !important; min-width: auto !important; } .wpupg-filter.wpupg-filter-dropdown > select ~ select + .select2wpupg { margin-left: 20px; } .wpupg-filter > span li { padding: 0; text-indent: 0; } .select2wpupg-results__options > li { text-indent: 0; } .wpupg-filter > span li:before, .select2wpupg-results__options > li:before { display: none; } .wpupg-filter.wpupg-filter-dropdown .select2wpupg-container--default .select2wpupg-selection--multiple { border: 2px solid #000000; border-radius: 0; } .wpupg-grid { float: none; } .wpupg-grid .wpurp-container { width: 150px; height: auto; border: 1px solid #000000; margin: 10px; background: #ffffff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); } .wpupg-grid .wpurp-recipe-title { margin-top: 5px; font-size: 17px; line-height: 20px; font-family: ssproreg, helvetica, arial, sans-serif; } /*****USER SUBMISSION******/ .media-frame-content li { padding: 0; text-indent: 0; } .media-frame-content li:before { display: none; } #new_recipe > div { float: left; clear: both; width: 100%; margin-bottom: 20px; } .recipe-image-container > p > img { display: block; clear: both; margin-top: 5px; } #wpurp_user_submission_form .recipe-tags-container .select2-container-multi { width: 40%; margin-right: 10px !important; } .recipe-tags-container .select2-container-multi .select2-choices { border: 2px solid #000000; } .recipe-tags-container ul > li { text-indent: 0; } .recipe-tags-container ul > li:before { display: none; } .recipe-general-container > h4, .recipe-ingredients-container > h4, .recipe-instructions-container > h4, .recipe-notes-container > h4, .security-question-container > h4 { color: #000000; font-size: 18px; line-height: 24px; margin: 0; font-family: ssprosemibold, helvetica, arial, sans-serif; } .recipe-general-container > table tr > td { border: 2px solid #BDBDBD; border-left: none; padding: 20px; width: 60%; } .recipe-general-container > table tr > td:first-child { border-right: none; border-left: 2px solid #BDBDBD; width: auto; } .recipe-ingredients-container table#recipe-ingredients { border-collapse: collapse; border-spacing: 0; border: 2px solid #BDBDBD; } .recipe-ingredients-container > table tr > td, .recipe-instructions-container > table tr > td { border: 2px solid #BDBDBD; padding: 20px; font-weight: normal; } .recipe-ingredients-container > table tr > td > strong { font-family: ssproreg,helvetica,arial,sans-serif; } #ingredients-add-group, #instructions-add-group { margin: 20px 0; } .security-question-container + p { float: left; clear: both; width: 100%; } .security-question-container + p > input[type="submit"] { float: left; width: 30%; min-width: inherit; margin-bottom: 20px; } .recipe-custom-fields-container table tr > td { border: none; } .recipe-custom-fields-container table tr > td textarea { height: 20px; resize: none; overflow: hidden; } /*******************************END OF COOKBOOK*********************************/ /***********************************************END OF MAIN**************************************************/ /*..........................................................................................................*/ /*.........................................................................................................*/ /*************************************************FOOTER***************************************************/ #footer { height: 310px; color: #ffffff; background: #000000; border-top: 20px solid #D42F2A; margin-top: 20px; } #footer a { font-family: rwsemib, helvetica, arial, sans-serif; } #footer ~ iframe { display: none; } /********************FOOTER TOP********************/ .ftop > .innerWrap { padding-top: 20px; padding-bottom: 7px; font-size: 14px; } .ftop > .innerWrap > div { float: left; width: 205px; margin-left: 60px; } .ftop > .innerWrap > div:first-child { margin-left: 0; } .ftop > .innerWrap > div a { color: #ffffff; border-bottom: 1px solid transparent; } .ftop > .innerWrap > div a:hover { border-bottom: 1px solid #ffffff; } .ftop ul > li { padding: 0; text-indent: 0; } .ftop ul > li:before { display: none; } /********************FOOTER BOTTOM********************/ .fbottom a { display: block; border: none; } .fbottom img { width: auto; } .fbottom > .innerWrap { display: table; padding-top: 7px; padding-bottom: 20px; } .fbottom .left, .fbottom .right { float: none; display: table-cell; vertical-align: bottom; } .fbottom .left img { margin-bottom: 20px; } .fbottom .right { text-align: right; } .fbottom .right img { margin-bottom: 10px; } /****************************************FOOTER SHOP NOW BUTTON************************************************/ .fbottomshop { position: fixed; bottom: -56px; right: 100px; -webkit-transition: bottom 0.5s ease; -moz-webkit-transition: bottom 0.5s ease; -o-webkit-transition: bottom 0.5s ease; transition: bottom 0.5s ease; } .fbottomshop.showshop { bottom: 0; } a.btn.btnsmall.shopnow { text-transform: none; font-size: 26px; line-height: 48px; width: 222px; min-width: inherit; } .woocommerce-cart a.btn.btnsmall.shopnow, .woocommerce-checkout a.btn.btnsmall.shopnow, .woocommerce-cart .fbottomshop.mobile, .woocommerce-checkout .fbottomshop.mobile { display: none; } .fbottomshop.mobile { width: 100%; height: 50px; right: 0; background: #000; padding-top: 9px; } .fbottomshop.mobile a.btn.btnsmall.shopnow { line-height: 36px; font-size: 24px; display: block; margin: 0 auto; } /**********************************************END OF FOOTER**************************************************/ /*..........................................................................................................*/ /*.........................................................................................................*/ /************************************************CLASS HOME************************************************/ .home #main { position: relative; top: 0; left: 0; width: 100%; } .home #push { display: none; } #switchSite img{ position: relative; float: left; } #switchSite select{ clear: none; color: #ffffff; width: auto; margin-left: 10px; padding: 0px; margin-right: 10px; } #switchSite select option{ background: #000; } .single-product_series .thecontentpages .left { width: 660px; } .single-product_series .thecontentpages .right { width: 300px; } .wpurp-recipe-print-button{ display: none; } /********************FBTV*******************/ #nf-field-30-wrap .nf-help{ background-image: none!important; } .page-id-24301 .fbottomshop.showshop{ display: none; } .parent-pageid-24301 .fbottomshop.showshop{ display: none; } .parent-pageid-24303 .fbottomshop.showshop{ display: none; } .parent-pageid-24303 .fbottomshop.showshop{ display: none; } .parent-pageid-24328 .fbottomshop.showshop{ display: none; } .page-id-27787 .fbottomshop.showshop{ display: none; } div#main.sticky{ top: 65px; transition: background 0.4s ease; } p.fbtv-home { text-align: right; margin-bottom: 50px; } .fbtv-stats { color: #6C4B3E; } h2.channelTitle { font-size: 26px; font-weight: bold; font-family: 'rwreg'; color: #6C4B3E; line-height: 20px; margin-bottom: 0px; -webkit-font-smoothing: antialiased; } .channeldesc { padding-bottom: 5px; } .col.col_one_fifth.fbtv > div { margin: 0 5px; } .fullwidth.row.fbtv-top { padding-bottom: 0px; } .fullwidth.row.fbtv-top + .fullwidth.row { padding-top: 0px; } .fullwidth.row.fbtv { padding-top: 0px; padding-bottom: 30px; } .col.col_one.fbtv .alignleft, .col.col_one.fbtv .alignright { color: #828384; margin-bottom: 0px; } .col.col_one.fbtv > div > iframe + p { line-height: 16px; margin-bottom: 10px; padding-top: 4px; font-size: 18px; } .carousel-list.fbtv-carousel > div > div { margin: 0 5px; } .carouselPop.fbtv-pop { margin: 0; } .playlist-single-desc { margin-bottom: 20px !important; } .carousel-pr-nx.fbtv-carousel-pr-nx { top: 17%; } .carousel-list.fbtv-carousel p { margin-bottom: 3px; } span.thumb-up { width: 17px; height: 17px; display: inline-block; background: URL('images/thumb-up.png') no-repeat center center; margin-right: 5px; float: left; margin-right: 10px; -webkit-font-smoothing: antialiased; } span.thumb-down { width: 17px; height: 17px; display: inline-block; background: URL('images/thumb-down.png') no-repeat center center; margin-right: 10px; margin-left: 10px; float: left; } span.single-likes, span.single-dislikes { display: inline-block; line-height: 19px; float: left; font-size: 14px; } .carousel-vid-wrap { padding-top: 5px; } .carousel-vid-wrap:hover { cursor: pointer; } .carousel-vid-wrap.active { background: #DDD; } h2.single-title { font-size: 30px; font-weight: bold; font-family: 'Raleway'; color: #6C4B3E; width: 50%; line-height: 32px; margin-bottom: 10px; -webkit-font-smoothing: antialiased; } .playlist-title h3 { font-size: 20px; font-weight: bold; font-family: 'Raleway'; color: #6C4B3E; } .channeldesc { margin-bottom: 0px; } .menu-mobile-menu-container { position: fixed; left: -300px; top: 0; background: #d2242a; height: 100%; width: 300px; -webkit-transition: left 0.4s ease; -moz-webkit-transition: left 0.4s ease; -o-webkit-transition: left 0.4s ease; transition: left 0.4s ease; } .closemenu { width: 100%; } #menu-mobile-menu { clear: both; } #menu-mobile-menu li { width: 100%; padding-left: 0px; text-indent: 0px; } #menu-mobile-menu li:before { content: ''; } #menu-mobile-menu li a { color: #FFF; display: block; padding: 5px 10px; } #menu-mobile-menu li a:hover { color: #D2242A; background: #FFF; } #menu-mobile-menu .sub-menu { display: none; } #menu-mobile-menu .sub-menu a { padding-left: 30px; } /* CSS for Selection Wizard */ .minHeightFourColumn { min-height: 425px; } .minHeightBullets { min-height: 140px; } .wizBullets { color: grey; font-family: ssprosemibold, helvetica, arial, sans-serif; } .wizBlack { color: black; font-family: ssprosemibold, helvetica, arial, sans-serif; } .wizFontSizeOne { font-size: 31px; } .wizFontSizeTwo { font-size: 28px; } .wizFontSizeThree { font-size: 24px; } .wizFontSizeFour { font-size: 15px; } .wizLightGrey { color: #4e4e4e; } .wizH2 { color: #3e3e3e; font-weight: 900; line-height: 20px; } .wizTeal { color: #1780a0; } .wizPaddingBottom { padding-bottom: 0px; } .wizPaddingTop { padding-top: 0px; } .minHeightThreeColumn { min-height: 570px; } .wizBackgroundGrey { background: #ececec; padding: 20px 10px; } .wizFontSizeFive { font-size: 14px; } .WizWhiteGrey { color: #3e3e3e; } /* End - CSS for Selection Wizard */ .contentContactForm{ } .contentContactForm .submitsection > div{ width: 100%; float: none; margin-bottom: 30px; } .contentContactForm .submitsection > div + div > label{ display: none; } .contentContactForm .submitsection > div + div > input[type="submit"]{ float:left; } .contentContactForm input[name="easyCaptcha"] { max-width: 115px; } .theForm > .submitsection > div { width: auto !important; } .productSizes{ list-style: none !important; display: inline-block; } .productSizes > li{ list-style: none; position: relative; float: left; padding-left: 0px; margin-right: 10px; background: #D2242A; display: inline-block; opacity: 1; opacity: 0.5; text-indent: 0px; margin-bottom:5px; } .productSizes > li.active{ opacity: 1; } .productSizes > li:before{ display: none } .productSizes > li > a{ color: #ffffff; display: block; text-align: center; line-height: 14px; padding: 5px 5px 1px 5px; } .woocommerce-product-gallery { position: relative; margin-bottom: 1em } .woocommerce-product-gallery figure { } .woocommerce-product-gallery figure a { width: 100%; margin-bottom: 10px; } .woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) { width: 30%; display: inline-block; margin: 0 4px; } .woocommerce-product-gallery .flex-control-thumbs li { list-style: none; float: left; cursor: pointer; margin-bottom: 10px; } .woocommerce-product-gallery .flex-control-thumbs li:before { display: none; } .woocommerce-product-gallery .flex-control-thumbs img { opacity: .5 } .woocommerce-product-gallery .flex-control-thumbs img.flex-active,.woocommerce-product-gallery .flex-control-thumbs img:hover { opacity: 1 } .woocommerce-product-gallery img { display: block } .woocommerce-product-gallery--columns-3 .flex-control-thumbs li { width: 33.3333% } .woocommerce-product-gallery--columns-4 .flex-control-thumbs li { width: 25% } .woocommerce-product-gallery--columns-5 .flex-control-thumbs li { width: 20% } .woocommerce-product-gallery__trigger { position: absolute; top: 1em; right: 1em; z-index: 99; } a.woocommerce-product-gallery__trigger { } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute; top: .875em; right: .875em; display: block; height: 2em; width: 2em; border-radius: 3px; z-index: 99; text-align: center; text-indent: -999px; overflow: hidden; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { background-color: #169fda; color: #ffffff; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover { background-color: #1781ae; border-color: #1781ae; color: #ffffff; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before { font: normal normal normal 1em/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; content: "\f00e"; line-height: 2; text-indent: 0; } #wpsl-stores li:before { display: none; } .pswp .pswp__bg { background: rgba(0,0,0,0.6) !important; } #billing_country_field, #shipping_country_field { width: 100%; } #billing_state_field, #shipping_state_field { float: right; width: 48%; } #order_comments_field { margin-top: 23px; } /********************************************END OF CLASS HOME************************************************/ /*..........................................................................................................*/ /*.........................................................................................................*/ /*changes requested by alex */ .post-type-archive-product .products > li, .tax-product_cat .products > li { justify-content: flex-start; } .post-type-archive-product .products .product-excerpt, .tax-product_cat .products .product-excerpt { display: none; } .post-type-archive-product .products > li > a + .product-title-desc-container, .tax-product_cat .products .product-title-desc-container { display: flex; flex-direction: column; } .post-type-archive-product .products .woocommerce-loop-product__title, .tax-product_cat .products .woocommerce-loop-product__title { height: auto !important; margin-bottom: 7px; line-height: 26px; } .post-type-archive-product .products .product-title-desc-container form.cart div.quantity, .tax-product_cat .products .product-title-desc-container form.cart div.quantity { display: none; } .post-type-archive-product .products .product-title-desc-container .price > .amount, .tax-product_cat .products .product-title-desc-container .price > .amount { margin-bottom: 15px; } .post-type-archive-product .products .quantity, .tax-product_cat .products .quantity { display: none; } .post-type-archive-product .products > li > a:first-child, .tax-product_cat .products > li > a:first-child { width: 100%; } .post-type-archive-product .shopify .products form, .tax-product_cat .shopify .products form { float: none; width: 100%; margin-top: auto; box-sizing: border-box; } .post-type-archive-product .shopify .products form button, .tax-product_cat .shopify .products form button { width: 100%; box-sizing: border-box; } .post-type-archive-product .products .shopify .button, .tax-product_cat .products .shopify .button, .post-type-archive-product .products .add_to_cart_button, .tax-product_cat .products .add_to_cart_button { margin-top: auto; display: inline-block; width: 100%; border: 1px solid #439F46; box-sizing: border-box; margin-top: 12px; } .post-type-archive-product .products .shopify .button:hover, .tax-product_cat .products .shopify .button:hover, .post-type-archive-product .shopify .products form button:hover, .tax-product_cat .shopify .products form button:hover { border-bottom-width: 1px !important; } .var_description { display: block; padding: 10px 0; } .soliloquy-thumbnails li:before, .soliloquy-item:before { display: none; } /* end of changes requested by alex */ /**********************************************MEDIA QUERIES***********************************************/ /***************WIDTH: 1999**********************/ .btn-group{ display: flex; } @media only screen and (max-width: 700px) { .btn-group{ flex-direction: column; } .btn-group .btn{ margin-top: 10px; } } .productSeriesButtons{ justify-content: space-between; margin: 20px 0; } .productSeriesButtons .btn{ min-width: auto; padding: 0 20px; border: 1px solid #D42F2A; border-radius: 5px; text-transform: none; } .greyBtn{ background-color: #A0A0A0; color: #fff; border:1px solid #A0A0A0 !important; } .whiteBtn{ color: #A0A0A0; background-color: #fff; border:1px solid #ffffff !important; } @media only screen and (min-width: 1999px) { #imagebanner .fullwidth > img { width: 100%; height: auto; } } /***************END OF WIDTH: 1999**********************/ /***************WIDTH: 1219**********************/ @media only screen and (max-width: 1219px) { .innerWrap, .ngslidermenu { padding: 0 15px; width: 960px; } .shopify .innerWrap { width: 984px; padding: 0 0; } .its-cart { width: 984px; } .shopify .thecontentpages .left { width: 280px; } .shopify .thecontentpages .right { width: 640px; } .single-product .shopify .thecontentpages .right { width: 100%; } .hmainmenu nav > .toplevelnav { padding: 0 11px; } .hmainmenu nav > .toplevelnav > div > a { font-size: 15px; } .hmiddle .btn.btnsmall { width: 170px; } .secondlevelnav > div { width: 230px; } .secondlevelnav > div > a { font-size: 15px; } .thirdlevelnav { left: 230px; width: 70%; width: calc(100% - 290px); } #menuLogo { left: 10px; } #backtotop { right: 10px; } .thetileswrap{ overflow: hidden; } .fastquotePopup { right: 0; } .btn, #ingredients-add, #ingredients-add-group, #instructions-add, #instructions-add-group { min-width: 270px; } /****SLIDER****/ .ngslider_Text > div > div { margin: 200px auto 0; width: 990px; } .ngslider_Text > div > div > span { padding: 0 20px; width: 96%; width: calc(100% - 40px); } .ngslider_Text > div > div > span + span { padding: 0 180px; width: 63%; width: calc(100% - 360px); } .featuredSliderNav { width: 620px; } .featuredProductSlider { height: 335px; } /****CONTENT PAGES****/ .thecontentpages .left, .thecontentpages.twocolleft .right { width: 640px; } .thecontentpages .right, .thecontentpages.twocolleft .left { width: 280px; } .thecontentpages .right h3, .thecomments h3, .commentform h3, .thecontentpages.twocolleft .left h3 { font-size: 28px; } .blogsearchout > form > input { width: 208px; } .thecontentpages .right .btn, .thecontentpages .right form input[type="submit"], .thecontentpages.twocolleft .right .btn, .thecontentpages.twocolleft .right form input[type="submit"] { min-width: inherit; } /****SOCIAL MEDIA*****/ .socialmediadataout > .inner > .socialmediadata, .socialmediadata > div > .youtubeItem { width: 467px; } .socialmediadata > div > div ~ div { margin-left: 26px; } .socialmediadataout > .inner > .youtube, .socialmediadata > div > .youtubeItem > iframe { width: 100%; } /****GALLERY*****/ .imageGallery > .imageGalleryinner > div { margin-left: 20px; margin-bottom: 20px; } .imageGallery > .imageGalleryinner > div.first { margin-left: 0; } /***STORE****/ .products > li { margin-right: 20px; } .products > li.last { margin-right: 0; } .product .summary { width: 370px; } /****PRODUCT SERIES*****/ .productseriestax > div { margin: 20px; } /***FOOTER***/ .ftop > .innerWrap > div { width: 195px; } .single-product_series .thecontentpages .left { width: 660px; } .single-product_series .thecontentpages .right { width: 300px; } .single-product_series #main .innerWrap { width: 1000px; padding: 0; } .whitegreytexturebg .thecontentpages .right h3{ width: 450px; } .products > li > a + .product-title-desc-container{ float: left; } } /***************END OF WIDTH: 1219**********************/ /******************WIDTH: 1024*************************/ @media only screen and (max-width: 1024px) { .home #main { top: 95%; } #wpsl-search-wrap .wpsl-search-btn-wrap{ margin-bottom: 20px; } #wpsl-search-wrap .wpsl-input div { width: auto!important; } .hasfixedbgimg { background-attachment: scroll; } .single-product .shopify .product_title { display: block; } .whitegreytexturebg .thecontentpages .right h3{ width: 450px; } } /***************END OF WIDTH: 1024*******************/ /******************WIDTH: 1008*************************/ @media only screen and (max-width: 1008px) { .whitegreytexturebg { background: none transparent; } .innerWrap, .ngslidermenu { padding: 0 5%; width: 90%; } .shopify .thecontentpages .right { background: none !important; clear: none; float: right; margin-top: 0px; } .shopify .products > li { width: 45%; } /*.whitegreytexturebg.shopify .thecontentpages .right h3 { width: 100%; } .shopify .products .product-excerpt { width: 100%; }*/ .btn.btnsmall { min-width: inherit; } .ngslider_Text > div > div { padding: 0 10%; width: 80%; } /****MENU****/ .hmainmenu h3 { display: block; } .hmainmenu .innerWrap > div { position: fixed; left: -300px; top: 0; background: #d2242a; height: 100%; width: 300px; -webkit-transition: left 0.4s ease; -moz-webkit-transition: left 0.4s ease; -o-webkit-transition: left 0.4s ease; transition: left 0.4s ease; } .hmainmenu .innerWrap > .responsivemenu { left: 0; } .hmainmenu nav > .toplevelnav { float: none; } .hmainmenu nav > .toplevelnav > div { float: none; display: block; clear: both; width: 100%; } .hmainmenu nav > .toplevelnav > div > a { float: none; line-height: 40px; } .hmainmenu nav > .toplevelnav > div:hover > .secondlevelnav { display: none; } .hmiddle .btn.btnsmall { width: 120px; } .hmainmenu nav > .toplevelnav > div > .secondlevelnav { display: none; } a.ask_question { display: none; } .secondlevelnav { position: relative; top: 0; height: auto; box-shadow: none; display: none; } .secondlevelnav > div { width: auto; } .secondlevelnav > div > a { padding: 8px 30px; } .hmainmenu nav > .toplevelnav > div.activesecondmenu > .secondlevelnav { visibility: visible; opacity: 1; } .thirdlevelnav { display: none; } .ngslider_Text > div > div > span, .ngslider_Text > div > div > span + span { padding: 0; width: 100%; } .featuredSliderNav { width: 96%; padding: 0 2%; } .image-carousel .carouselPop{ width: 600px; } .image-carousel .carousel-list > div { width: 300px !important; } /***SOCIAL MEDIA****/ .socialmediadata > div > div, .socialmediadata > div > .twitterItem { width: 21%; } .socialmediadata > div > div ~ div { margin-left: 2%; } .socialmediadata > div > .pinterestItem, .socialmediadata > div > .instagramItem { width: 48%; } .socialmediadata > div > .pinterestItem + .pinterestItem, .socialmediadata > div > .instagramItem + .instagramItem { margin-left: 4%; } .socialmediadataout > .inner > .socialmediadata, .socialmediadata > div > .youtubeItem { width: 48%; } .pinterestItem > p:first-child, .socialmediadataout > .inner > .youtube { width: 100%; } /***THECONTENTPAGES***/ .thecontentpages .left, .thecontentpages.twocolleft .right, .thecontentpages .right, .thecontentpages.twocolleft .left { float: left; clear: both; width: 100%; } .thecontentpages .right { margin-top: 40px; } .blogsearchout > form > input { width: calc(100% - 62px); } .woocommerce .thecontentpages .right { padding: 30px 0; background: url('images/grey-texture.jpg') repeat 0 0 transparent; } /****PRODUCTS****/ .products > li { width: 30%; margin-right: 4%; } .products > li.last { margin-right: 0; } .products form .single_add_to_cart_button, .product .summary form button.button { width: 100%; } .product .summary { width: calc(100% - 270px); } .woocommerce > form > .shop_table.cart .cart_item > td.product-quantity > .quantity:before { display: none; } /***PRODUCT SERIES****/ .product_series_tabs > .tabpanel ul > li > a, .tabs > li > a { font-size: 14px; } .tabs > li > a { padding: 11px 8px; } .single-product_series .thetile > a { width: 300px; margin: 0 auto; } /****GALLERY******/ .imageGallery > .imageGalleryinner > div, .imageGallery > .imageGalleryinner > div.first { clear: none; width: 23%; margin-left: 2%; } .imageGallery > .imageGalleryinner > div:first-child, .imageGallery > .imageGalleryinner > div:nth-child(4n + 5) { clear: left; margin-left: 0; } .single-gallery .imageGallery > .imageGalleryinner > div, .single-video_gallery .imageGallery > .imageGalleryinner > div { margin: 20px 2%; width: 21%; } /****FOOTER****/ .ftop > .innerWrap > div { width: 22%; margin-left: 4%; } .ftop > .innerWrap > div:first-child { margin-left: 0; } .cart-collaterals { width: 310px; } .woocommerce-cart .woocommerce form.woocommerce-shipping-calculator { width: 100%; } .single-product_series #main .innerWrap { width: 1000px; } .single-product_series .right { clear: none; float: right; margin-top: 0px; } } /***************END OF WIDTH: 1008*******************/ /******************WIDTH: 1000***********************/ @media only screen and (max-width: 1000px) { .shopify .innerWrap { width: 944px; } .its-cart { width: 944px; } .single-product .product .images { margin-right: 15px; } .single-product .summary .single-product-section:first-child { width: 685px; } .single-product_series #main .innerWrap { width: 960px; } .single-product_series .thecontentpages .left { width: 620px; } .single-product_series .thecontentpages .right { width: 300px; } } /***************END OF WIDTH: 1000*******************/ /******************WIDTH: 960************************/ @media only screen and (max-width: 960px) { .shopify .innerWrap { width: 768px; } .shopify .thecontentpages .right { width: 460px; } .shopify .products > li > a + .product-title-desc-container { float: none; /*margin-left: 192px;*/ } .single .shopify .products > li > a + .product-title-desc-container { margin-left: 0px; } .shopify .price { /*margin-right: 30px;*/ line-height: 40px; display: inline-block; } .its-cart { width: 768px; } .its-cart div.product-search { width: 350px; } .its-cart div.product-search input { width: 320px; } .single-product .summary .single-product-section:first-child { width: 519px; } .single-product.woocommerce .thecontentpages .right > div { margin: 0 auto; } .single-product .shopify .product_title { display: block; float: none; } .woocommerce-cart .fullwidth .innerWrap { width: 480px; padding: 0; } .woocommerce-cart .woocommerce form { width: 100%; } .woocommerce-cart .cart_item .product-name { margin-right: 4px; } .woocommerce-cart .cart-collaterals { width: 420px; } .cross-sells .products li { width: 48%; } .cross-sells .products li.first { margin-left: 0px; } .cross-sells h2 { font-size: 40px; } .single-product_series #main .innerWrap { width: 768px; } .single-product_series .thecontentpages .left { width: 498px; } .single-product_series .thecontentpages .right { width: 250px; } .single-product_series .thecontentpages .right .g-recaptcha { transform: scale(0.82); margin-left: -24px; } .its-cart .woocommerce-ordering { margin: 5px 4px 0; } .post-type-archive-product .products .product-title-desc-container .price > .amount, .tax-product_cat .products .product-title-desc-container .price > .amount { font-size: 17px; font-weight: normal; } } /***************END OF WIDTH: 960********************/ /******************WIDTH: 889************************/ @media only screen and (max-width: 889px) { #wrap { margin-bottom: 0; } .btn, .btn.btnmed, #ingredients-add, #ingredients-add-group, #instructions-add, #instructions-add-group { min-width: inherit; } .btn, .button, form input[type="submit"], form button.button { font-size: 16px; } .hmiddle .innerWrap { padding-top: 10px; padding-bottom: 15px; } #header .hmiddle .left, #header .hmiddle .right { float: left; width: 100%; } #header .hmiddle .left { text-align: center; margin-bottom: 20px; } .hmiddle .btn.btnsmall { width: 180px; } .hmiddle .right > div { float: none; text-align: center; margin: 0 auto 15px; } .hmiddle .right > div > span { display: inline-block; vertical-align: top; } .social { display: inline-block; float: none; vertical-align: top; } .fastquotePopup { top: 51px; } /***SOCIAL MEDIA****/ .socialmediadata > div > div{ height: 220px; width: 220px; } .socialmediadata > div > .twitterItem { width: 200px; height: 200px; } .socialmediadata > div > .pinterestItem, .socialmediadata > div > .instagramItem { width: 220px; } .socialmediadata > div > div ~ div, .socialmediadata > div > .pinterestItem + .pinterestItem, .socialmediadata > div > .instagramItem + .instagramItem { margin-left: 40px; } .facebook-twitter > div > div:nth-child(3) { margin-left: 0; margin-top: 40px; } .facebook-twitter > div > div:nth-child(4) { margin-top: 40px; } #social_feed_panels { width: 480px; margin: 0 auto; } .socialmediadataout > .inner > .socialmediadata { width: 100%; clear: both; margin-top: 25px; } .socialmediadataout > .inner > .socialmediadata:first-child { margin-top: 0; } .socialmediadata > div > .youtubeItem { width: 100%; margin-left: 0; margin-bottom: 40px; } /*****CART*****/ .woocommerce > form > .shop_table.cart, .woocommerce > form > .shop_table.cart > tbody, .woocommerce > form > .shop_table.cart tr { float: left; clear: both; width: 100%; display: block; } .woocommerce > form > .shop_table.cart tr { border-top: 1px solid #a1a3a6; } .woocommerce > form > .shop_table.cart .cart_item > td { display: block; float: left; border-top: none; } .woocommerce > form > .shop_table.cart .cart_item > td.product-thumbnail { display: none; } .woocommerce > form > .shop_table.cart .cart_item > td.product-name { width: auto; padding-left: 20px; } .woocommerce > form > .shop_table.cart .cart_item > td.product-quantity { clear: left; } .woocommerce > form > .shop_table.cart .cart_item > td.product-quantity > .quantity:before { display: inline; } .woocommerce > form > .shop_table.cart .cart_item > td.product-subtotal { padding: 20px; } .coupon + input[name="update_cart"] { clear: both; float: left; } .woocommerce > form > .shop_table.cart td.actions { display: block; width: 100%; padding: 15px 0; } /***PRODUCT SERIES****/ .product_series_tabs > .tabpanel > div, .product_series_tabs > #tab-4 > div { clear: left; width: 48%; margin: 0 0 30px; } .product_series_tabs > .tabpanel > div:nth-child(even), .product_series_tabs > #tab-4 > div:nth-child(even) { float: right; clear: right; } .product_series_tabs > .tabpanel table .btn.btnsmall { font-size: 16px; min-width: 80px; } .product_series_tabs > .tabpanel ul > li > a.btn.btnsmall { width: calc(100% - 24px); } /****FOOTER*****/ #push { display: none; } #footer, #push { clear: both; height: auto; } .ftop > .innerWrap > div { width: 48%; } .ftop > .innerWrap > div:nth-child(3) { clear: left; margin-left: 0; margin-top: 20px; } .ftop > .innerWrap > div:nth-child(4) { clear: right; margin-top: 20px; } } /***************END OF WIDTH: 889*******************/ @media only screen and (max-width: 781px) { .shopify .textwidget ul.cats-filter > li.allMobile { display: block !important; } .shopify .textwidget ul.cats-filter > li.mobile { display: none !important; } .shopify .textwidget ul.cats-filter > li.allMobile .mobile { display: block !important; } .woocommerce #imagebanner strong { color: #FFF; } .woocommerce #imagebanner > .fullwidth img, .woocommerce #imagebanner > .fullwidth .transoverlay60 { display: block; } .its-cart { width: 464px; height: auto; text-align: center; } .its-cart .woocommerce-ordering { float: none; display: inline-block; } .its-cart div.product-search { width: 100%; padding-left: 10px; box-sizing: border-box; } .its-cart div.product-search input { width: 91%; } .its-cart a.cart-contents { float: none; } .shopify .innerWrap { width: 464px; } .shopify .thecontentpages .left, .shopify .thecontentpages .right { width: 100%; } .shopify .products > li { width: 45%; } .shopify .products > li:nth-child(even) { margin-left: 4%; } .shopify .products > li > a { float: none; } .shopify .products > li > a img { width: 100%; } .shopify .products > li > a + .product-title-desc-container { margin-left: 0; } .shopify .products > li > a > .product-title-desc-container { width: 100%; } .shopify .products > li > a > .product-title-desc-container h3 { width: 100%; } .shopify .products form { float: none; } .shopify .products .product-excerpt { width: 100%; } .single-product-section + .single-product-section { display: none; } .single-product .summary .single-product-section:first-child { width: 464px; } .single-product_series .thecontentpages .left { width: 518px; } .single-product_series .thecontentpages .right { width: 250px; } .single-product .product-search { margin-left: 0px; } .products > li:nth-child(even) { float: left; clear: right; margin-left: 5%; } .shopify .products > li:nth-child(odd) { clear: left; } } /******************WIDTH: 768*************************/ @media only screen and (max-width: 768px) { .woocommerce #imagebanner strong { color: #FFF; } .woocommerce #imagebanner > .fullwidth img, .woocommerce #imagebanner > .fullwidth .transoverlay60 { display: block; } .its-cart { width: 464px; height: auto; text-align: center; } .its-cart .woocommerce-ordering { float: none; display: inline-block; } .its-cart div.product-search { width: 100%; padding-left: 10px; box-sizing: border-box; } .its-cart div.product-search input { width: 91%; } .its-cart a.cart-contents { float: none; } .shopify .innerWrap { width: 464px; } .shopify .thecontentpages .left, .shopify .thecontentpages .right { width: 100%; } .shopify .products > li { width: 45%; } .shopify .products > li > a { float: none; } .shopify .products > li > a img { width: 100%; } .whitegreytexturebg.shopify .thecontentpages .right h3 { width: 100%; } .shopify .products > li > a + .product-title-desc-container { margin-left: 0; } .shopify .products form { float: none; } .shopify .products .product-excerpt { width: 100%; } .single-product-section + .single-product-section { display: none; } .single-responsive-section { display: block; clear: both; } .single-responsive-section .single_variation { /*height: 40px;*/ } .single-responsive-section .variations { width: 45%; float: left; margin-top: 40px; } .single-responsive-section .single_variation_wrap { width: 45%; float: left; margin-left: 10%; padding-top: 11px; } .single-responsive-section form.variations_form button.single_add_to_cart_button { margin-top: 31px; } .single-responsive-section form.variations_form { width: 100% !important; } .single-product .summary .single-product-section:first-child { width: 100%; } .single-product_series .thecontentpages .left { width: 518px; } .single-product_series .thecontentpages .right { width: 250px; } .shopify .products > li:nth-child(odd) { clear: left; } } /***************END OF WIDTH: 768*********************/ /******************WIDTH: 767*************************/ @media only screen and (max-width: 767px) { #header .htop { display: none; } .hmiddle .btn.btnsmall { width: 160px; } /*************COLS*****************/ .col.col_one, .col.col_one_half, .col.col_one_third, .col.col_two_thirds, .col.col_one_fourth, .col.col_three_fourths, .col.col_one_fifth, .col.col_two_fifths, .col.col_two_fifths, .col.col_three_fifths,.col.col_four_fifths, .col.col_one_sixth{ width: 100%; } .col > div{ margin: 20px 0; position: relative; } .image-carousel .carouselPop{ width: 300px; } #imagebanner { max-height: none; background: #ffffff; } #imagebanner .fullwidth > img, #imagebanner .transoverlay60 { display: none; } #imagebanner .innerWrap { display: block; height: auto; padding-top: 60px; padding-bottom: 0; } #imagebanner .innerWrap > div { display: block; } #imagebanner h1, #imagebanner strong { font-size: 36px; line-height: 50px; color: #d2242a; } .thenews.cookbook.oneRecipe > div > div { width: 100%; } /****PRODUCTS*****/ .products > li { clear: left; width: 45%; margin-right: 0; } .products > li:nth-child(even) { float: left; clear: right; } .single .products > li:nth-child(even) { float: left; clear: right; margin-left: 5%; } .upsells.products .products li, .cross-sells .products li { width: 45%; } /***PRODUCT SERIES***/ .tabs > li { display: block; clear: both; width: 100%; } .tabs > li > a { width: calc(100% - 24px); } .product_series_tabs > .tabpanel table, .product_series_tabs > .tabpanel table > tbody, .product_series_tabs > .tabpanel table tr, .product_series_tabs > .tabpanel table tr > td { display: block; } .product_series_tabs > .tabpanel table thead { display: none; } .product_series_tabs > .tabpanel table tr { padding-top: 20px; margin-top: 20px; border-top: 1px solid #a1a3a6; } .product_series_tabs > .tabpanel table tbody > tr:first-child { padding: 0; margin: 0; border: none; } .product_series_tabs > .tabpanel table tr > td { padding-top: 2px; padding-bottom: 2px; clear: both; text-align: left; } .product_series_tabs table tr > td > strong { display: inline; } .product_series_tabs table tr > .ovenname, .product_series_tabs table tr:first-child > .ovenname { width: auto; margin-bottom: 5px; font-size: 18px; line-height: 24px; } .product_series_tabs > .tabpanel table .btn.btnsmall { margin-top: 10px; width: calc(100% - 24px); } .single-product_series #main .innerWrap { width: 480px; } .single-product_series .thecontentpages .left { width: 100%; } .single-product_series .thecontentpages .right { width: 100%; } .single-product_series .thecontentpages .right .g-recaptcha { transform: scale(1); margin-left: 0px; } } /***************END OF WIDTH: 767*******************/ /******************WIDTH: 680*************************/ @media only screen and (max-width: 680px) { .home #main { top: 0; position: relative; } .wpsl-select-wrap #wpsl-radius, .wpsl-select-wrap #wpsl-results { display: block!important; } .hmiddle .btn.btnsmall { width: 130px; } #slider { display: none; } .sharencomments > a { float: left; clear: both; margin-top: 10px; } .sharencomments .shareaholic-canvas { width: 100%; } .wpurp-recipe-description { display: block; margin-bottom: 10px; } #customer_details > div, .addresses > div { clear: both; width: 100%; } .addresses > div { margin-bottom: 20px; } .nomobile { display: none; } /****FORM*****/ .contactForm form > div { margin-bottom: 0; } .contactForm form > div > div { width: 100%; margin-bottom: 25px; } .contactForm form > .submitsection label { text-align: left; margin-bottom: 5px; } .contactForm form > .submitsection input[type="submit"] { float: left; width: 100%; } /****COOKBOOK****/ .thenews.cookbook.oneRecipe > div > div > span { clear: both; float: left; margi-top: 10px; } .wpurp-container .wpurp-recipe-tags > li > span, .wpurp-container .wpurp-recipe-tags > li > span + span, .wpurp-recipe-ingredient > span, .wpurp-recipe-ingredient > span + span { display: inline; width: auto; } .wpurp-container .wpurp-recipe-tags > li > span + span { padding-left: 10px; } .wpurp-container li { margin-bottom: 5px; } .starprint { float: left; margin-top: 20px; } .fbottom > .innerWrap { display: block; } .fbottom .left, .fbottom .right { display: block; float: left; clear: both; width: 100%; text-align: left; } .fbottom .right { margin-top: 30px; } } /******************END OF WIDTH: 680*************************/ /******************WIDTH: 580*************************/ @media only screen and (max-width: 580px) { .hmiddle .btn.btnsmall.forumbtn{ display: none; } .hmiddle .btn.btnsmall{ width: 150px; } .thetile > a > span { font-size: 18px; line-height: 24px; } .shop_table.shop_table_responsive.my_account_orders, .shop_table.shop_table_responsive.my_account_orders > tbody, .shop_table.shop_table_responsive.my_account_orders tr { display: block; } .shop_table.shop_table_responsive.my_account_orders thead { display: none; } .shop_table.shop_table_responsive.my_account_orders tr { border-top: 1px solid #cccccc; margin-top: 20px; padding-top: 20px; } .shop_table.shop_table_responsive.my_account_orders tr:first-child { border-top: none; margin-top: 0; padding-top: 0; } .shop_table.shop_table_responsive.my_account_orders td { display: block; padding: 2px 0; border: none; } .shop_table.shop_table_responsive.my_account_orders tr:first-child > td { line-height: 24px; } .shop_table .order-actions { text-align: left; } /***GALLERY****/ .imageGallery > .imageGalleryinner > div, .imageGallery > .imageGalleryinner > div.first { width: 48%; margin-left: 0; } .imageGallery > .imageGalleryinner > div:first-child, .imageGallery > .imageGalleryinner > div:nth-child(4n+5), .imageGallery > .imageGalleryinner > div:nth-child(2n+1) { clear: none; } .imageGallery > .imageGalleryinner > div:nth-child(odd){ clear: left; } .imageGallery > .imageGalleryinner > div:nth-child(even) { float: right; clear: right; } .single-gallery .imageGallery > .imageGalleryinner > div, .single-video_gallery .imageGallery > .imageGalleryinner > div { width: 48%; margin: 10px 0; } /****SUBMIT A RECIPE****/ #recipe-ingredients, #recipe-ingredients thead, #recipe-ingredients tbody, #recipe-ingredients tr, #recipe-instructions, #recipe-instructions thead, #recipe-instructions tbody, #recipe-instructions tr { display: block; } #recipe-instructions { border: 2px solid #bdbdbd; border-collapse: collapse; border-spacing: 0; } #recipe-ingredients th, #recipe-ingredients td, #recipe-instructions th, #recipe-instructions td { border: none; padding: 0; } #recipe-ingredients .ingredient-group, #recipe-instructions .instruction-group { padding: 10px 0; } #recipe-ingredients tbody .ingredient-group, #recipe-instructions tbody .instruction-group { padding: 20px 0 10px; margin-top: 20px; border-top: 2px solid #bdbdbd; } .recipe-ingredients-container > table tr > td > strong { padding-right: 10px; font-family: ssprosemibold,helvetica,arial,sans-serif; } #recipe-ingredients .ingredient-field-header { display: none; } #recipe-ingredients .ingredient td { display: block; clear: both; } .btn, .button, form input[type="submit"], form button.button, #ingredients-add, #ingredients-add-group, #instructions-add, #instructions-add-group { font-size: 16px; } form input[type="submit"], form button.button, .security-question-container + p > input[type="submit"] { width: 100%; min-width: inherit; } .btn, .button, .btn.btnmed, #ingredients-add, #ingredients-add-group, #instructions-add, #instructions-add-group { width: calc(100% - 24px); } /***SLIDER****/ .product-carousel .carousel-pr-nx > div { width: 24px; margin-left: -10px; } .product-carousel .carousel-pr-nx > .carousel-next { margin-right: -10px; background-position: -87px -45px; } .product-carousel .carousel-pr-nx > .carousel-next:hover { background-position: -87px -75px; } .featuredSliderNav { top: 110px; } .featuredProductSlider { height: 250px; } /***PRODUCTS***/ .product .images { float: none; margin: 0 auto 20px; } .product .images:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .product .summary { float: left; clear: both; width: 100%; } /***PRODUCT SERIES***/ .product_series_tabs > .tabpanel > div > h4 { text-align: left; } .product_series_tabs > .tabpanel > div, .product_series_tabs > #tab-4 > div, .product_series_tabs > .tabpanel > div:nth-child(even), .product_series_tabs > #tab-4 > div:nth-child(even) { float: left; clear: both; width: 100%; } .product_series_tabs > .tabpanel > div { padding-top: 20px; margin: 20px 0 0; border-top: 1px solid #a1a3a6; } .product_series_tabs > .tabpanel > div:first-child { padding-top: 0; margin-top: 0; border-top: 0; } .single-product div.images { float: left; } } /******************END OF WIDTH: 580*************************/ /******************WIDTH: 497 *************************/ @media only screen and (max-width: 497px) { .its-cart div.product-search input { width: 91%; } } /******************END OF WIDTH: 580*************************/ /******************WIDTH: 480 *************************/ @media only screen and (max-width: 480px) { .its-cart { width: 100%; } .shopify .innerWrap { width: 100%; padding: 10px; box-sizing: border-box; } .shopify .products > li { width: 45%; } .shopify .price { /*margin-right: 70px;*/ } .shopify .products > li h3 { height: auto; } .shopify .products > li:nth-child(even) { margin-left: 0; } .single .shopify .products > li:nth-child(even) { margin-left: 4%; } .single .shopify .products > li:nth-child(odd) { margin-left: 0; } .shopify .products > li > a + .product-title-desc-container { width: 100%; } .product-title-desc-container form.cart { float: right; } .its-cart div.product-search input { width: 76%; } .its-cart .woocommerce-ordering { margin: 0 auto; } .its-cart div.product-search { /*margin-left: 30px;*/ margin-bottom: 5px; padding-left: 47px; } .its-cart a.cart-contents { margin-right: 0px; } .single-product div.images { width: 100%; float: left; } .single-product .summary .single-product-section:first-child { width: 100%; } .single-responsive-section .variations { width: 100%; } .single-responsive-section .single_variation_wrap { width: 100%; } .single-responsive-section .single_variation_wrap { margin-left: 0px; } .single-product_series #main .innerWrap { width: 320px; } } /******************END OF WIDTH: 480******************/ /******************WIDTH: 468*************************/ @media only screen and (max-width: 468px) { h1, h2, .product-carousel .carousel-title { font-size: 40px; line-height: 56px; } #header .hmiddle .left { margin-bottom: 10px; } .hmiddle .right > div > .btn.btnsmall { display: block; width: auto; margin: 10px 0 0 0; } .hmiddle .right > div > .btn.btnsmall + .btn.btnsmall, .fastquotePopup { display: none; } .coupon { width: 100%; } .coupon > input { width: calc(100% - 24px); } .coupon > input.button { clear: both; margin-top: 10px; width: 100%; } .cart-collaterals { float: left; padding: 15px; width: calc(100% - 30px); } .cart-collaterals table th { padding-right: 10px; } .wc-proceed-to-checkout .button { width: calc(100% - 24px); } .woocommerce-checkout-review-order-table th { width: 50%; } .woocommerce-checkout-payment .payment_method_paypal > input { margin-top: 5px; } .woocommerce-checkout-payment li > label > img { display: none; } form .woocommerce-checkout-payment input.button[type="submit"] { width: 100%; } .shop_table.shop_table_responsive.customer_details, .shop_table.shop_table_responsive.customer_details > tbody, .shop_table.shop_table_responsive.customer_details tr { display: block; width: 100%; } .shop_table.shop_table_responsive.customer_details tr { margin-top: 10px; } .shop_table.shop_table_responsive.customer_details th, .shop_table.shop_table_responsive.customer_details td { display: block; padding: 0; border: none; } .imageGallery > form > input[type="file"] { width: 100%; } .g-recaptcha > div > div { transform: scale(0.8); transform-origin:0 0; } /****PRODUCTS*****/ .products > li{ float: left; clear: both; width: 100%; margin-bottom: 60px; } .woocommerce-result-count { float: left; clear: both; margin-top: 15px; } .page_nav > span, .page_nav > a, .woocommerce-pagination > ul > li > a, .woocommerce-pagination > ul > li > span { font-size: 18px; margin: 0 0 0 8px; } .widget_shopping_cart_content .buttons > a { margin: 10px 0 0; width: calc(100% - 24px); } /***SLIDER****/ .featuredSliderNav { top: 50%; margin-top: -11px; } .featuredProductSlider { height: 200px; } .featuredProductSlider .ngslides span { display: none; } } /******************END OF WIDTH: 468*************************/ @media only screen and (max-width: 430px) { .post-type-archive-product .products .shopify .button, .tax-product_cat .products .shopify .button, .post-type-archive-product .products .add_to_cart_button, .tax-product_cat .products .add_to_cart_button, .post-type-archive-product .shopify .products form button, .tax-product_cat .shopify .products form button { font-size: 14px; } } /******************WIDTH: 370*************************/ @media only screen and (max-width: 370px) { .social > ul > li > a { margin-left: 5px; height: 30px; width: 30px; background-size: contain; } .social a[title*="Google Plus"] { background: url('images/googleplus.png') no-repeat 0 0 #D42F2A; background-size: contain; } .social a[title*="Pintrest"] { background: url('images/pintrest.png') no-repeat 0 0 #D42F2A; background-size: contain; } .social a[title*="Houzz"] { background: url('images/houzz.png') no-repeat 0 0 #D42F2A; background-size: contain; } .social a[title*="Instagram"] { background: url('images/instagram.png') no-repeat 0 0 #D42F2A; background-size: contain; } .social a[title*="Facebook"]{ background: url('images/facebook.png') no-repeat 0 0 #D42F2A; background-size: contain; } .social a[title*="Twitter"] { background: url('images/twitter.png') no-repeat 0 0 #D42F2A; background-size: contain; } .social a[title*="YouTube"]{ background: url('images/youtube.png') no-repeat 0 0 #D42F2A; background-size: contain; } .single-product_series .thetile > a { width: 100%; } .image-carousel .carouselPop { width: 240px; } .image-carousel .carousel-list > div { width: 240px !important; } .up-sells .products > li { /*margin-left: 0px !important;*/ width: 47%; } .products > li:nth-child(odd) { margin-left: 0 !important; } .up-sells .products > li > a > img { margin: 0 auto !important; margin-right: 0px !important; margin-bottom: 0px !important; } } @media only screen and (max-width: 368px) { .shopify .price { line-height: 10px; } .whitegreytexturebg .thecontentpages .right h3, .whitegreytexturebg .thecontentpages.twocolleft .left h3 { font-size: 20px; } } /******************END OF WIDTH: 370*************************/ /*******************WIDTH: 320********************/ /******************END OF WIDTH: 320*************************/ @media only screen and (max-width: 320px) { .its-cart div.product-search input { width: 70%; } .up-sells.products .products > li { /*margin-left: 0px !important;*/ width: 44%; } .up-sells .products > li > a > img { margin: 0 auto !important; margin-right: 0px !important; margin-bottom: 0px !important; } } #fired-intro { padding-bottom: 0px; } .nopadding { padding-top: 0px; padding-bottom: 0px; } .btn.tile-button.btngreen { clear: both; float: left; margin-top: 20px; } #page-navi{ padding-top: 20px; padding-bottom: 40px; } #page-navi ul { list-style-type: none; } #page-navi ul li { list-style-type: none; } #page-navi ul li:before { content: ""; } #page-navi .clearfix ul li { float: left; margin: 0 20px 0 0 ; } .single.single-product .woocommerce-breadcrumb { padding-top: 35px; } .single-product div.images { margin-right: 15px; } .woocommerce .thecontentpages .right > div { margin: 0 0 0; } .suggested-text { float: left; } .suggested-text + .amount { clear: both; } .download-file a{ background: #D42F2A; color: #fff; } .nf-cell input[type="file"].nf-element { display: none !important; } /* AC Code */ @media only screen and (max-width: 767px) { .col.col_one_fourth:first-child > div, .col.col_one_third:first-child > div { margin-left: 0px; } .mMarginTop20 { margin-top: 20px; } } @media only screen and (min-width: 768px) { .dTwoColWidthFx { width: 45%; margin: 0 20px; } .fullColWidthFx { width: 95%; margin: 0 20px; } .dPaddingTop30 { padding-top: 30px; } } .paddingTop0 { padding-top: 0px; } .paddingBottom0 { padding-bottom: 0px; } .paddingTop20 { padding-Top: 20px; } .paddingBottom20 { padding-bottom: 20px; } .paddingTop15 { padding-Top: 15px; } .paddingBottom15 { padding-bottom: 15px; } .marginTop0 { margin-top: 0px; } .marginBottom0 { margin-bottom: 0px; } .marginTop10 { margin-bottom: 10px; } .marginBottom10 { margin-bottom: 10px; } .marginBottom15 { margin-bottom: 15px; } .marginBottom20 { margin-bottom: 20px; } .marginBottom30 { margin-bottom: 30px; } .liReg { font-family: ssproreg, helvetica, arial, sans-serif; } .thenews h3 { font-size: 2em; margin-bottom: 5px; } .tabs .button { min-width: 140px; } /* End - AC Code */ /* Button Code */ .btnRedCustom1 { color: #ffffff; border-color: #D42F2A; background: #D42F2A; padding: 0 15px; font-size: 16px; line-height: 35px; font-weight: bold; border-radius: 5px; text-transform: none; min-width: 0px; border: none; } .btnGreyCustom1 { color: #ffffff; border-color: #a0a0a0; background: #a0a0a0; padding: 0 15px; font-size: 16px; line-height: 35px; font-weight: bold; border-radius: 5px; text-transform: none; min-width: 0px; border: none; } .btnClear { padding: 0 15px; font-size: 16px; line-height: 35px; font-weight: bold; border-radius: 5px; text-transform: none; min-width: 0px !important; Background: none !important; border: none !important; } .btnRedCustom1:hover { border-bottom-width: 0px; background: #c51e18; } .btnGreyCustom1:hover { border-bottom-width: 0px; background: #848484; } .btnClear:hover { background: none; border-bottom-width: 0px; } /* End Button Code */ /*video embed fix */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top: 25px; margin-bottom: 30px; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* end video embed fix */ /* end Feb 18 */ /* Column Boxes CSS */ .boxStyle1 { padding: 20px 10px; border: 1px; border-color: #d4d4d4; border-style: solid; background: white; } .boxStyle1 h3 { text-align: center; line-height: 20px; font-size: 22px; margin-bottom: 15px; } .boxStyle1 h3 a { color: black; font-family: inherit; } .boxStyle1 img { margin-bottom: 10px; } .boxStyle1 p { text-align: center; } /* End - Column Boxes CSS */ /* Column Boxes CSS */ .boxStyle2 { background: inherit; } .boxStyle2 h3 { line-height: 20px; font-size: 22px; margin-bottom: 15px; } .boxStyle2 h3 a { color: black; font-family: inherit; } .boxStyle2 img { margin-bottom: 10px; } .boxStyle2 p { font-size: 14.5px; } /* End - Column Boxes CSS */ /* accordions */ .accordionItem { width: 100%; margin: 0 auto; border: 1px solid #ddd; border-top: 0; } .accordionItem h3, .accordionItem div, .accordionItem div p, accordionItem div ul { margin: 0; padding: 0; } .accordionItem h3 { font-size: 25px; padding: 15px 45px 15px 15px; background: url(images/plus-icon-a.png) no-repeat center right 20px; line-height: 1.5; } .accordionItem.first { border-top: 1px solid #ddd; } .accordionItem h3:hover { cursor: pointer; } .accordionItem h3.active { background: url(images/minus-icon-a.png) no-repeat center right 20px,#eee; } .accordionItem div.accordionContent { box-sizing: border-box; padding: 15px 15px; font-size: 16px; } .accordionItem div p, .accordionItem div ul li { line-height: 1.6; } .wc-pao-addon-radio,.wc-pao-addon-checkbox { width: auto; margin-top: 5px; } .wc-pao-addon-checkbox{ margin-right: 5px; } .product-addon-totals { width: 100%; } .wc-pao-col1 strong { display: block; } .wc-pao-col2 .amount { font-size: 100% !important; font-weight: bold; } .product-addon-totals li { text-indent: 0 !important; } .wc-pao-subtotal-line .price { width: 100%; } .wc-pao-addon-container .woocommerce-Price-amount.amount{ font-size: 14px; } .product-addon-totals ul li:before{ display: none; } .woocommerce-Price-amount.amount{ display: initial; } .product-name .product-price{ margin-top: 10px; } .variation dt{ font-family: ssprobold, helvetica, arial, sans-serif; } .variation dt .woocommerce-Price-amount.amount{ font-size: 16px; } .variation dt .woocommerce-Price-amount.amount:before{ content: '+'; } /* - WooCommerce Updates Tab Text - */ .woocommerce-Tabs-panel h2 { font-size: 35px; font-weight: bold; } h2.yikes-custom-woo-tab-title { font-family: ssprosemibold, helvetica, arial, sans-serif; } /* - WooCommerce Updates Tab Text - */