/* Important! This file is to only be edited through WebDAV or through the control panel by the client, not theme partners/designers. */ /****Site Wide Fonts ****/ @font-face { font-family: 'franklin_gothic_fs_medregular'; src: url('//store.naturescapes.net/content/fonts/FranklinGothic-Med-webfont.eot'); src: url('//store.naturescapes.net/content/fonts/FranklinGothic-Med-webfont.eot?#iefix') format('embedded-opentype'), url('//store.naturescapes.net/content/fonts/FranklinGothic-Med-webfont.woff') format('woff'), url('//store.naturescapes.net/content/fonts/FranklinGothic-Med-webfont.ttf') format('truetype'), url('//store.naturescapes.net/content/fonts/FranklinGothic-Med-webfont.svg#franklin_gothic_fs_medregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'franklin_gothic_fs_cdregular'; src: url('//store.naturescapes.net/content/fonts/FranklinGothic-Cd-webfont.eot'); src: url('//store.naturescapes.net/content/fonts/FranklinGothic-Cd-webfont.eot?#iefix') format('embedded-opentype'), url('//store.naturescapes.net/content/fonts/FranklinGothic-Cd-webfont.woff') format('woff'), url('//store.naturescapes.net/content/fonts/FranklinGothic-Cd-webfont.ttf') format('truetype'), url('//store.naturescapes.net/content/fonts/FranklinGothic-Cd-webfont.svg#franklin_gothic_fs_cdregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'franklin_gothic_fs_cdBdIt'; src: url('//store.naturescapes.net/content/fonts/FranklinGothic-DemiCdIt-webfont.eot'); src: url('//store.naturescapes.net/content/fonts/FranklinGothic-DemiCdIt-webfont.eot?#iefix') format('embedded-opentype'), url('//store.naturescapes.net/content/fonts/FranklinGothic-DemiCdIt-webfont.woff') format('woff'), url('//store.naturescapes.net/content/fonts/FranklinGothic-DemiCdIt-webfont.ttf') format('truetype'), url('//store.naturescapes.net/content/fonts/FranklinGothic-DemiCdIt-webfont.svg#franklin_gothic_fs_cdBdIt') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'franklin_gothic_fs_cdbold'; src: url('//store.naturescapes.net/content/fonts/FranklinGothic-DemiCd-webfont.eot'); src: url('//store.naturescapes.net/content/fonts/FranklinGothic-DemiCd-webfont.eot?#iefix') format('embedded-opentype'), url('//store.naturescapes.net/content/fonts/FranklinGothic-DemiCd-webfont.woff') format('woff'), url('//store.naturescapes.net/content/fonts/FranklinGothic-DemiCd-webfont.ttf') format('truetype'), url('//store.naturescapes.net/content/fonts/FranklinGothic-DemiCd-webfont.svg#franklin_gothic_fs_cdbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'franklin_gothic_fs_bookbold'; src: url('//store.naturescapes.net/content/fonts/FranklinGothic-Demi-webfont.eot'); src: url('//store.naturescapes.net/content/fonts/FranklinGothic-Demi-webfont.eot?#iefix') format('embedded-opentype'), url('//store.naturescapes.net/content/fonts/FranklinGothic-Demi-webfont.woff') format('woff'), url('//store.naturescapes.net/content/fonts/FranklinGothic-Demi-webfont.ttf') format('truetype'), url('//store.naturescapes.net/content/fonts/FranklinGothic-Demi-webfont.svg#franklin_gothic_fs_bookbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'franklin_gothic_fs_bookRg'; src: url('//store.naturescapes.net/content/fonts/FranklinGothic-Book-webfont.eot'); src: url('//store.naturescapes.net/content/fonts/FranklinGothic-Book-webfont.eot?#iefix') format('embedded-opentype'), url('//store.naturescapes.net/content/fonts/FranklinGothic-Book-webfont.woff') format('woff'), url('//store.naturescapes.net/content/fonts/FranklinGothic-Book-webfont.ttf') format('truetype'), url('//store.naturescapes.net/content/fonts/FranklinGothic-Book-webfont.svg#franklin_gothic_fs_bookRg') format('svg'); font-weight: normal; font-style: normal; } body, p, li, a, span {font-family:'arial' !important;} .footerHeadline {font-family:'franklin_gothic_fs_cdbold' !important; text-shadow:2px 1px 5px #000;} .footerHeadline span {font-family:'franklin_gothic_fs_cdBdIt' !important;} .footer-columns h4, .footer-columns h5 {font-family:'franklin_gothic_fs_bookRg' !important;} /*** End custom fonts ***/ #Header { background: #242424 none repeat scroll 0% 0%; height:88px; border-bottom:0px solid; background: linear-gradient(to bottom, #242424, #353535); } .header { background-color: #353535; } .TopMenu {background: #2b2b2b;} #Logo { padding: 0px 0px 0px; margin-top:13px; margin-bottom:-15px; } #SearchForm input[type="submit"], #SearchForm input.Textbox { border-radius: 0px 0px 0px 0px; } .CartLink span { font-size: 12px; color: #fff; } #shippingButton { position: absolute; margin-top: -50px; margin-left:-10px; } #shipping_detail, #mobile_shipping_detail { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #C8F7C5; } #shipping_detail { margin-top: -8px; margin-bottom: 8px; } #mobile_shipping_detail { display: none; float: left; padding-top: 8px; } .headright { margin: 15px 0px 0px; } .topLink { padding: 8px 0px; display: inline-block; margin-left: 10px; font-weight:400; } .topLink.last {margin-left:4px;} .topLink img {margin-bottom:-3px;margin-right:2px;} .xxhighlighted {background:#88754b; margin-left:-5px;} .highlighted {margin-left:-5px;} .TopMenu a {font-weight:400;} .header .PageMenu {display:none;} #customMainMenu {background:#191919; display:block; width:100%; margin:auto; float:left; background: linear-gradient(to bottom, #181818, #353535);} #customSubMenu {background: #88754b; display:block; width:100%; margin:auto; float:left;border-bottom:5px solid #665838;} #customSubMenu ul, #customMainMenu ul {margin:0px; padding:0px;text-align:center;list-style-type:none;} #customSubMenu ul li, #customMainMenu ul li {display:inline-block; margin-left:-5px;} #customSubMenu ul li li, #customMainMenu ul li li {margin-left:auto;} #customSubMenu ul a, #customMainMenu ul a {display:inline-block; color:#fff; text-align:center; padding:5px 18px;} #customMainMenu ul a {border-right: 1px solid #777; font-weight:bold; font-size:16px;} #customMainMenu li li a {font-size:14px;} #customSubMenu li a {margin:2px 0px; padding-right:0px !important;} #customSubMenu li a span {padding-right:18px; border-right:1px solid #fff;} /* #customSubMenu .noborder a span, #customMainMenu ul .noborder a {border-right:1px solid transparent !important;} */ #customSubMenu #SideCategoryList h3 {display:none;} #customSubMenu #SideCategoryList ul ul {display:none !important;} #customSubMenu #SideCategoryList ul { position: absolute; z-index: 999; background: #675936 none repeat scroll 0% 0%; width: 800px; margin-left: -400px; left:50%; padding:20px; -moz-column-gap: 20px; -moz-column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap:20px; column-gap:20px } #customSubMenu .brandList { position: absolute; z-index: 999; background: #675936 none repeat scroll 0% 0%; width: 800px; margin-left: -400px; left:50%; padding:20px; -moz-column-gap: 20px; -moz-column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap:20px; column-gap:20px } #customSubMenu .allCats > ul {display:none;} #customSubMenu .brandList {display:none;} #customSubMenu #SideCategoryList li, .brandList li { text-align:left; width:100%;} .allCats.noborder a span, .allBrands.noborder a span {color:#fff;} #customSubMenu li.ActivePage.highlighted a span {color:#FFFB7D !important;} .allCats.noborder2 a span {color:#fff; border-right:1px solid transparent !important;} /* ========================================================================== CUSTOM MEGA MENU CHANGES - 1-8-2015 ========================================================================== */ .TopMenu ul {float:right; margin-top:8px;} .FloatRight.menucover {width:100%;} .toplinkleft {float:left;} .main, #home .slide-show {margin-top:30px;} #customMainMenu ul li:hover > a {color: #fff;} #customMainMenu {position:relative;} .customSubMenu {left: 0; position: absolute; top: 100%; z-index: 2; display: block; float: left; margin: auto; width: 100%;} #customSubMenu.customSubMenu, .customSubMenu {background:none;} #customSubMenu li a {margin:0 auto;} #customMainMenu li .customSubMenu {display:none;} #customMainMenu li:hover .customSubMenu {display:block;} #customMainMenu ul > li a {border-right:none; border-left:1px solid #777;} #customMainMenu ul > li:first-child a {border-left:none;} #customMainMenu li li a {border:none; font-weight:normal;} /* #customMainMenu li .customSubMenu a span {border-left:1px solid !important; border-right:none !important; padding-left:18px !important; padding-right:0;} #customMainMenu li .customSubMenu:first-child a span {padding-left:0 !important; border-left:none !important;} */ /* blue color tab */ #customMainMenu li.blue.ActivePage > a, #customMainMenu li.blue > a.highlighted, #customMainMenu li.blue > a:hover, #customMainMenu li.blue:hover > a, #customMainMenu li.blue .customSubMenu { background: #006aa4;} #customMainMenu li.blue .customSubMenu {border-bottom:5px solid #005582;} /* #customMainMenu li.blue .customSubMenu li:hover > a {background:#005582 !important; margin:0 auto;} */ #customMainMenu li.blue .customSubMenu li:hover > a {background:transparent!important; margin:0 auto;} #customMainMenu li.blue .customSubMenu li ul {background:#005582 !important;} #customMainMenu li.blue .customSubMenu li.highlighted > a, #customMainMenu li.blue .customSubMenu li:hover a, #customMainMenu li.blue .customSubMenu li a:hover {color:#fdfa75;} #customMainMenu li.blue .customSubMenu li:hover li a {color:#fff;} #customMainMenu li.blue .customSubMenu li li:hover a {color:#fdfa75;} #customMainMenu .customSubMenu a {padding: 5px 0 5px 18px;} #customMainMenu .customSubMenu li a {padding: 5px 18px 5px 0;} #customMainMenu .customSubMenu li a span {border-left:1px solid #fff !important; padding-left:18px; border-right:none;} #customMainMenu .customSubMenu li:first-child a span {border-left:none !important; border-right:none;} /* #customMainMenu li.blue .SideCategoryListFlyout li {width:50% !important; box-sizing:border-box !important; float:left !important; box-sizing:border-box; display:block;} */ /* green color tab */ #customMainMenu li.green.ActivePage > a, #customMainMenu li.green > a.highlighted, #customMainMenu li.green > a:hover, #customMainMenu li.green:hover > a, #customMainMenu li.green .customSubMenu {background:#5a8c33;} #customMainMenu li.green .customSubMenu {border-bottom:5px solid #51792c; background:#5a8c33;} /* #customMainMenu li.green .customSubMenu li:hover > a {background:#51792c!important; margin:0 auto;} */ #customMainMenu li.green .customSubMenu li:hover > a {background:#5a8c33!important; margin:0 auto;} #customMainMenu li.green .customSubMenu li li:hover > a {background:none !important;} #customMainMenu li.green .customSubMenu li ul {background:#51792c!important;} #customMainMenu li.green .customSubMenu li:hover a {color:#d8ff6f;} #customMainMenu li.green .customSubMenu li:hover li a {color:#fff;} #customMainMenu li.green .customSubMenu li li:hover a {color:#d8ff6f;} #customMainMenu li.green .customSubMenu a span {border-left:1px solid #fff !important; padding-left:18px;} #customMainMenu li.green .customSubMenu li:first-child a span {border-left:none !important; border-right:none;} /* orange color tab */ #customMainMenu li.orange.ActivePage > a, #customMainMenu li.orange > a.highlighted, #customMainMenu li.orange > a:hover, #customMainMenu li.orange:hover > a, #customMainMenu li.orange .customSubMenu { background: #eb632d;} #customMainMenu li.orange .customSubMenu {border-bottom:5px solid #b0502d;} /* #customMainMenu li.orange .customSubMenu li:hover > a {background:#b0502d!important; margin:0 auto;} */ #customMainMenu li.orange .customSubMenu li:hover > a {background:#eb632d!important; margin:0 auto;} #customMainMenu li.orange .customSubMenu li li:hover > a {background:none !important;} #customMainMenu li.orange .customSubMenu li ul {background:#b0502d!important;} #customMainMenu li.orange .customSubMenu li:hover a {color:#ffea00;} #customMainMenu li.orange .customSubMenu a span {border-color:#fff !important;} #customMainMenu li.orange .customSubMenu li:first-child a span {border-left:none !important; border-right:none;} /* dark brown color tab */ #customMainMenu li.darkbrown.ActivePage > a, customMainMenu li.darkbrown > a.highlighted, #customMainMenu li.darkbrown > a:hover, #customMainMenu li.darkbrown:hover > a, #customMainMenu li.darkbrown .customSubMenu { background: #8a0404;} #customMainMenu li.darkbrown .customSubMenu {border-bottom:5px solid #5b0303;} /* #customMainMenu li.darkbrown .customSubMenu li:hover > a {background:#5b0303!important; margin:0 auto;} */ #customMainMenu li.darkbrown .customSubMenu li:hover > a {background:#8a0404!important; margin:0 auto;} #customMainMenu li.darkbrown .customSubMenu li li:hover > a {background:none !important;} #customMainMenu li.darkbrown .customSubMenu li ul {background:#5b0303!important;} #customMainMenu li.darkbrown .customSubMenu li:hover a {color:#fff88e;} #customMainMenu li.darkbrown .customSubMenu a span {border-color:#fff!important;} #customMainMenu li.darkbrown .customSubMenu li:first-child a span {border-left:none !important; border-right:none;} /* gray color tab */ #customMainMenu li.gray.ActivePage > a, #customMainMenu li.gray > a.highlighted, #customMainMenu li.gray > a:hover, #customMainMenu li.gray:hover > a, #customMainMenu li.gray .customSubMenu { background: #616161;} #customMainMenu li.gray .customSubMenu {border-bottom:5px solid #494949;} /* #customMainMenu li.gray .customSubMenu li:hover > a {background:#494949!important; margin:0 auto;} */ #customMainMenu li.gray .customSubMenu li:hover > a {background:#616161!important; margin:0 auto;} #customMainMenu li.gray .customSubMenu li li:hover > a {background:none !important;} #customMainMenu li.gray .customSubMenu li ul {background:#494949!important;} #customMainMenu li.gray .customSubMenu li:hover a {color:#C2FF8B;} #customMainMenu li.gray .customSubMenu a span {border-color:#fff !important;} #customMainMenu li.gray .customSubMenu li:first-child a span {border-left:none !important; border-right:none;} /* light brown color tab */ #customMainMenu li.lightbrown.ActivePage > a, #customMainMenu li.lightbrown > a.highlighted, #customMainMenu li.lightbrown > a:hover, #customMainMenu li.lightbrown:hover > a, #customMainMenu li.lightbrown .customSubMenu { background: #75411E;} #customMainMenu li.lightbrown .customSubMenu {border-bottom:5px solid #4B3120;} /* #customMainMenu li.lightbrown .customSubMenu li:hover > a {background:#4B3120!important; margin:0 auto;} */ #customMainMenu li.lightbrown .customSubMenu li:hover > a {background:#75411E!important; margin:0 auto;} #customMainMenu li.lightbrown .customSubMenu li li:hover > a {background-color:transparent !important;} #customMainMenu li.lightbrown .customSubMenu li ul {background:#4B3120!important;} #customMainMenu li.lightbrown .customSubMenu li:hover a {color:#FFF88E;} #customMainMenu li.lightbrown .customSubMenu a span {border-color:#fff !important;} #customMainMenu li.lightbrown .customSubMenu li:first-child a span {border-left:none !important; border-right:none;} /* purple color tab */ #customMainMenu li.purple.ActivePage > a, #customMainMenu li.purple > a.highlighted, #customMainMenu li.purple > a:hover, #customMainMenu li.purple:hover > a, #customMainMenu li.purple .customSubMenu { background: #691472;} #customMainMenu li.purple .customSubMenu {border-bottom:5px solid #250729;} /* #customMainMenu li.purple .customSubMenu li:hover > a {background:#250729!important; margin:0 auto;} */ #customMainMenu li.purple .customSubMenu li:hover > a {background:#691472!important; margin:0 auto;} #customMainMenu li.purple .customSubMenu li li:hover > a {background:none !important;} #customMainMenu li.purple .customSubMenu li ul {background:#250729!important;} #customMainMenu li.purple .customSubMenu li:hover a {color:#FFFF33;} #customMainMenu li.purple .customSubMenu a span {border-color:#fff !important;} #customMainMenu li.purple .customSubMenu li:first-child a span {border-left:none !important; border-right:none;} @media (max-width:1180px) { /* #Logo {max-width:450px; text-align:left !important; margin:0px !important;margin-top:20px !important;} */ #Header {height:88px;} #Logo {max-width:62%;} .TopMenu > .inner, #Header > .inner {width:95% !important;} /* #customSubMenu .brandList {margin-left:-352px;} */ #customMainMenu .customSubMenu li a {padding:5px 10px 5px 0; font-size:14px;} } @media (max-width:1179px) { #Header {height:88px;} #Logo {padding:0px !important} .headright {position:relative !important;} .headright {XXXXmargin: 50px 10px 0px auto !important;} .headright {margin: 20px 10px 0px auto !important;} } @media (max-width:1023px){ .headright {bottom:auto !important; max-width:300px; margin-top:0 !important;} #shippingButton {margin:0 -10px 0 0 !important; position: relative;} .main, #home .slide-show {margin-top:0;} } @media (max-width: 980px) { #customSubMenu ul a, #customMainMenu ul a {font-size:13px !important;} } @media (max-width: 767px) { #Logo {display:none !important;} #MobileLogo {display: block !important; max-width: 430px; padding-top: 8px; text-align: center; margin: auto; float:left;} .CompareItem {display:none !important;} } @media (max-width: 767px) { #mobile_shipping_detail { display: block } } @media (max-width:1023px){ .header .PageMenu {display:block !important;background:#2b2b2b;} #customSubMenu {display:none;} #customMainMenu {display:none;} #shippingButton2 {display:block !important;text-align:center;margin:auto;padding:10px 0px; max-width:100% !important;} .PageMenu > .inner {background:transparent !important;} #Header {height:88px;} #shippingButton {display:none !important;} .headright {XXXXmargin-top:70px !important;} .headright {margin-top:20px !important;} .headright .FloatRight {display:none !important;} .mobileSearch {padding:0 10px; float:left; background: #222; height: auto; box-sizing:border-box; display: block; width: 100% !important; margin: auto; position: relative; text-align: center; margin-top: -5px; display:block !important;} #SearchForm input[type="text"] {width: 86% !important;} #SearchForm {float: right; width: 100%;} .PageMenu {position:static; padding:0 !important;} #shippingButton2 {position:absolute; right:12px; top:30px; width:auto; max-width:100%;} #SearchForm {float: left; position: relative; width: 78%; margin:10px 0 10px 14%; background:#fff; border-radius:5px;} #SearchForm input[type="text"] {width:100%; background:none; border:none;} #SearchForm input[type="submit"] {background-color:transparent; border:none; position:absolute; right:0; top:0;} .mobileStoreLink {display:block !important; background: #006ba1 url(//cdn10.bigcommerce.com/s-x49v3p/templates/__custom/images/dubblearrow-down.png?t=1569794854) 68px 50% no-repeat; border-radius: 5px; color: #fff; display: block !important; font-size: 16px; font-weight: normal; left: 10px; padding: 8px 40px 8px 15px; position: absolute; top: 10px;} .mobileStoreLink:hover {color:#fff;} .mobileStoreLink.activelink {background: #006ba1 url(//cdn10.bigcommerce.com/s-x49v3p/templates/__custom/images/dubblearrow-up.png?t=1569794854) 68px 50% no-repeat; color:#ffff33;} /* Custom Mega Menu - 980 */ .mobilestoremenu {display:none; width:100%; clear:both; float:left;} .mobilestoremenu .treeview li {width:100%; margin-left:auto; margin-right:auto; clear:both; float:left; box-sizing:border-box; position:relative; text-transform:none;} .mobilestoremenu .treeview li {background:#006ba1; border-top:1px solid #3389b4; border-bottom:none;} .mobilestoremenu .treeview li a, .mobilestoremenu .treeview li a:hover {color:#fff !important;} .mobilestoremenu .treeview li:first-child {border-top:1px solid #006ba1; border-bottom:none;} .mobilestoremenu .treeview li li {background:#005682; border-top:1px solid #33789b; border-bottom:none;} .mobilestoremenu .treeview li li:first-child {border-top:1px solid #33789b; border-bottom:none;} .mobilestoremenu .treeview li a.hasSub {background:none !important;} .mobilestoremenu .treeview li a {padding:10px;} .mobilestoremenu .treeview li .hitarea, .mobilestoremenu .treeview .collapsable ul li .expandable-hitarea {background:url(//cdn10.bigcommerce.com/s-x49v3p/templates/__custom/images/plusicon.png?t=1569794854) 50% no-repeat; border:none;} .mobilestoremenu .treeview li .collapsable-hitarea, .mobilestoremenu .treeview .collapsable ul li .collapsable-hitarea {background:url(//cdn10.bigcommerce.com/s-x49v3p/templates/__custom/images/minusicon.png?t=1569794854) 50% no-repeat; border:none;} .mobilestoremenu .treeview li ul {padding:0; position:relative;} .mobilestoremenu .treeview li li a {padding:10px 10px 10px 30px !important; background:none !important;} .treeview .collapsable ul li.collapsable ul li a {padding:10px 10px 10px 50px !important;} .mobilestoremenu .treeview li ul ul {position:relative; display:block; left:0 !important; top:0 !important;} .mobilestoremenu li ul li {padding:0;} .mobileMenuIcon_new.activelink {background-color: #000;} .mobilemegamenu #customMainMenu {background: #000;} .mobilemegamenu #customMainMenu ul li {clear:both; float:left; width:100%; box-size:border-box;border:none !important; margin-left:0; margin-right:0; position:relative; cursor:pointer; border-bottom:1px solid #464646 !important;} .mobilemegamenu #customMainMenu ul li li {border:none !important;} .mobilemegamenu #customMainMenu ul li.parent {background-image:url(//cdn10.bigcommerce.com/s-x49v3p/templates/__custom/images/plusicon.png?t=1569794854); background-position:98% 8px; background-repeat: no-repeat;} .mobilemegamenu #customMainMenu ul li.parent.activelink {background-image:url(//cdn10.bigcommerce.com/s-x49v3p/templates/__custom/images/minusicon.png?t=1569794854); background-position:98% 8px; background-repeat: no-repeat;} .mobilemegamenu #customMainMenu ul li a, .mobilemegamenu #customMainMenu ul > li a:hover {text-align:left; display:block; border:none !important; float:left; width:95%; box-sizing:border-box;} .mobilemegamenu #customMainMenu li .customSubMenu {border:none !important; position:relative; left:0; top:100%;} .mobilemegamenu #customMainMenu li.blue {display:none} /* .mobilemegamenu #customMainMenu li.green {background-color:#5a8c33;} .mobilemegamenu #customMainMenu li.orange{background-color:#eb632d;} .mobilemegamenu #customMainMenu li.darkbrown{background-color:#8a0404;} .mobilemegamenu #customMainMenu li.gray{background-color:#616161;} .mobilemegamenu #customMainMenu li.lightbrown{background-color:#75411e;} .mobilemegamenu #customMainMenu li.purple{background-color:#691472;} .mobilemegamenu #customMainMenu li.last {background-color:#616161;} */ .mobilemegamenu #customMainMenu ul a, .mobilemegamenu #customSubMenu ul a {text-transform:none; padding:10px !important; display:block;} .mobilemegamenu #customMainMenu ul li li a {padding-left:30px !important; box-sizing:border-box;} .mobilemegamenu li ul {position:relative; display:block;} .mobilemegamenu #customMainMenu li:hover .customSubMenu {display:none;} .mobilemegamenu li li {padding:0 !important;} .mobilemegamenu #customMainMenu .customSubMenu li a span {border:none !important; padding-left:0;} .mobilemegamenu #customMainMenu ul li li {background-image:none;} #customMainMenu li.green .customSubMenu li:hover > a, #customMainMenu li.orange .customSubMenu li:hover > a, #customMainMenu li.darkbrown .customSubMenu li:hover > a, #customMainMenu li.gray .customSubMenu li:hover > a, #customMainMenu li.lightbrown .customSubMenu li:hover > a, #customMainMenu li.purple .customSubMenu li:hover > a, #customMainMenu li.last .customSubMenu li:hover > a, #customMainMenu li.orange > a.highlighted, #customMainMenu li.orange > a:hover, #customMainMenu li.orange:hover > a, #customMainMenu li.orange .customSubMenu, #customMainMenu li.darkbrown > a.highlighted, #customMainMenu li.darkbrown > a:hover, #customMainMenu li.darkbrown:hover > a, #customMainMenu li.darkbrown .customSubMenu, #customMainMenu li.gray > a.highlighted, #customMainMenu li.gray > a:hover, #customMainMenu li.gray:hover > a, #customMainMenu li.gray .customSubMenu, #customMainMenu li.lightbrown > a.highlighted, #customMainMenu li.lightbrown > a:hover, #customMainMenu li.lightbrown:hover > a, #customMainMenu li.lightbrown .customSubMenu, #customMainMenu li.purple > a.highlighted, #customMainMenu li.purple > a:hover, #customMainMenu li.purple:hover > a, #customMainMenu li.purple .customSubMenu {background:none !important;} .mobilemegamenu #customMainMenu li.green .customSubMenu, .mobilemegamenu #customMainMenu li.orange .customSubMenu, .mobilemegamenu #customMainMenu li.darkbrown .customSubMenu, .mobilemegamenu #customMainMenu li.gray .customSubMenu, .mobilemegamenu #customMainMenu li.lightbrown .customSubMenu, .mobilemegamenu #customMainMenu li.purple .customSubMenu, .mobilemegamenu #customMainMenu li.last .customSubMenu {background:#464646 !important;} #customMainMenu li.green > a.highlighted, #customMainMenu li.green > a:hover, #customMainMenu li.green:hover > a {background:none !important; color:#d8ff6f;} #customMainMenu li.orange > a.highlighted, #customMainMenu li.orange > a:hover, #customMainMenu li.orange:hover > a {color:#ffea00;} #customMainMenu li.darkbrown > a.highlighted, #customMainMenu li.darkbrown > a:hover, #customMainMenu li.darkbrown:hover > a {color:#fff88e;} #customMainMenu li.gray > a.highlighted, #customMainMenu li.gray > a:hover, #customMainMenu li.gray:hover > a {color:#c2ff8b;} #customMainMenu li.lightbrown > a.highlighted, #customMainMenu li.lightbrown > a:hover, #customMainMenu li.lightbrown:hover > a {color:#fff88e;} #customMainMenu li.purple > a.highlighted, #customMainMenu li.purple > a:hover, #customMainMenu li.purple:hover > a {color:#fff88e;} } @media (max-width:850px) { #SearchForm {width:75%;margin-left:16%;} } @media (max-width: 767px) { #Header { height: 60px } } .footer-main { background: #2b2b2b none repeat scroll 0% 0%; } .newsletter-subscription { background: transparent; border-top: 0px solid #D5D5D5; margin-bottom:20px; display: block; float: left; } #SideNewsletterBox input[type="text"] { background: #FFF none repeat scroll 0% 0%; box-shadow: none; padding: 5px 6px; height: auto; border-radius: 0px; color: #757575; width: 100%; float: left; } .footer .newsletter-subscription li.inputForm { margin-right: 10px; width: 100% !important; float: left; max-width: 250px; } .footer .newsletter-subscription li { float: left; padding: 5px 0px !Important; } .footer-columns h4 { font-size: 22px; font-weight: 300; color: #CCC; margin: 0px 0px 15px; padding: 0px; text-transform: none; line-height:1.2; } .footer-main li, .footer-main p {color:#fff;font-weight:normal; font-size:15px; line-height:1.5em;} .footer-links a, .footer-main a { color: #46baf6; font-weight:normal; } .footer-links { background-color: #1a1a1a; color: #a1a1a1; position: relative; } .footer-links p { font-size: 13px; } .footer-columns h5 { font-size: 17px; font-weight: normal; margin: 0px 0px 0px; color: #fff; } .footer ul, .footer-links ul, .footer #SideCategoryList ul { float: left; width: 100% !important; margin: 0px; list-style: outside none none; margin-bottom: 20px; } .footerHeadline { font-size: 60px; line-height:56px; text-align: center; color: #fff; margin-top:-4px; font-weight: normal !important; margin-bottom:34px; } .footer .footer-columns li { padding: 1px 0px; } .footer form .btn { background-color: #0079bc; border: 1px solid #00AEEE; padding: 3px 10px; border-radius:2px; } .footer .one-half ul {margin-bottom:30px;} ul.checks { list-style-image: url("//cdn3.bigcommerce.com/s-x49v3p/product_images/uploaded_images/check-icon.png"); margin-left:20px; } .icon-social.icon-social-theme { background-image: url("//cdn3.bigcommerce.com/s-x49v3p/product_images/uploaded_images/social-icon-group.png"); width: 42px; height: 42px; } .icon-facebook, .icon-facebook:hover { background-position: -10px 0px; } .icon-twitter, .icon-twitter:hover { background-position: -60px 0px; } .icon-googleplus, .icon-googleplus:hover { background-position: -112px 0px; } .icon-linkedin, .icon-linkedin:hover { background-position: -165px 0px; } .icon-youtube, .icon-youtube:hover { background-position: -215px 0px; } @media (max-width:767px) { .footerHeadline { font-size: 52px; line-height: 54px; margin-top:0px; } } .ProductAddToCart .InventoryLevel{ display:none !important; } /* ========================================================================== MISCELLANEOUS CUSTOM STYLES ========================================================================== */ .rebate-text { color: #679742; background-color: #f5f9f2; padding: 5px; } .tax-free { font-size: 13px; font-weight: normal; } .coupon-box { width: 90%; height: auto; border: thin solid #eaeaea; padding: 15px; margin-bottom: 20px; background-color: #f0f0f0; } .promotion { background-color: #F6F6F6; padding: 5px; } .cart-sales-tax-note { display:block; font-weight:normal; padding-top:15px; } .TitleHeading { background: none; color: #000000; font-size: 48px; margin-bottom: 20px; padding: 5px 0px 6px; font-family: 'franklin_gothic_fs_bookbold', Arial, sans-serif; } .CategoryTextHeading { font-size: 24px; font-weight: normal; color: #000; border-top: #e7e7e7 6px solid; padding-top:20px; } .CategoryTextDetail { font-size: 16px; line-height: 24px; color: #000; } .CategoryTextDetail a { color: #0079BC; } /* ========================================================================== STORE TEXT BANNERS ========================================================================== */ #top-text-banner { background: #0d0d0d; /* Old Browsers */background: -moz-linear-gradient(top, #0d0d0d 0%, #444444 100%); /* FF3.6+ */background: -webkit-gradient(left top, left bottom, color-stop(0%, #0d0d0d), color-stop(100%, #444444)); /* Chrome, Safari4+ */background: -webkit-linear-gradient(top, #0d0d0d 0%, #444444 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #0d0d0d 0%, #444444 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #0d0d0d 0%, #444444 100%); /* IE 10+ */background: linear-gradient(to bottom, #0d0d0d 0%, #444444 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0d', endColorstr='#444444', GradientType=0 ); /* IE6-9 */ color: #FFF; text-align: center; padding: 24px 24px 10px 24px; margin-bottom:20px; } #top-text-banner a { color: #00baff; } #top-text-banner sup { font-size: 50%; } #top-text-banner a:hover { color: #00baff !important; text-decoration: underline; } .top-text-banner-heading-h2 { font-size: 3.5em; font-family: 'franklin_gothic_fs_bookbold'; font-weight:normal; color: #FFF; } .top-text-banner-heading-p { font-size: 1.75em; font-family: 'franklin_gothic_fs_bookRg' !important; font-weight:normal; } .top-text-banner-heading-sm { font-size: 1.4em; font-family: 'franklin_gothic_fs_bookRg' !important; font-weight:normal; } .top-text-banner-heading-p a { font-family: 'franklin_gothic_fs_bookRg' !important; color: #00baff; } .top-text-banner-heading-sm a { font-family: 'franklin_gothic_fs_bookRg' !important; color: #00baff; } /* Mobile Size Banner */ @media only screen and (max-width: 1024px) { .top-text-banner-heading-h2 { font-size: 2.2em; } .top-text-banner-heading-p { font-size: 1.4em; } .top-text-banner-heading-sm { font-size: 1.1em; } } /* ========================================================================== STORE HOME PAGE ========================================================================== */ /*HOME PAGE STYLES*/ .welcome-hdr { font-family:'franklin_gothic_fs_bookbold', Arial, sans-serif; font-size:3.57em; color:#000; text-align:center; margin-top:50px; margin-bottom:1px; font-weight:normal; font-style:normal; } .welcome-sub-hdr { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif; font-size:2.64em; color:#000; text-align:center; font-weight:normal; font-style:normal; margin-bottom: 1.25em; } .welcome-intro { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif !important; font-size:2em; color:#000; text-align:center; font-weight:normal; font-style:normal; margin-bottom: 1.75em; } .welcome-intro a { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif !important; color:#0079BC; text-decoration:none; } .category-hdr { font-family: 'franklin_gothic_fs_bookbold', Arial, sans-serif; font-size:2.64em; color:#000; text-align:center; font-weight:normal; font-style:normal; } .category-img { display:block; text-align:center; margin:0 auto; padding-top: 30px; } #category-home { background-color:#e4e7e2; color:#000; text-align:center; padding-top:48px; display: flex; justify-content: flex-end; flex-direction: column; } #category-home .title { font-family: 'franklin_gothic_fs_cdregular', Arial, sans-serif !important; font-size:2.14em; line-height:1.14em; font-weight:normal; font-style:normal; } #category-home .title a { font-family: 'franklin_gothic_fs_cdregular', Arial, sans-serif !important; color:#000000; text-decoration:none; font-weight:normal; font-style:normal; } /*SALE BLOCK*/ #category-home-sale { background-color:#282828; color:#FFF; text-align:center; padding: 8.6% 0; } #category-home-sale .title { font-family: 'franklin_gothic_fs_cdregular', Arial, sans-serif !important; font-size:5.14em; padding: 10% 0; font-weight:normal; font-style:normal; } #category-home-sale .title a { font-family: 'franklin_gothic_fs_cdregular', Arial, sans-serif !important; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; } /**/ #benefits { border-top: 6px solid #e7e7e7; border-bottom: 6px solid #e7e7e7; padding-top: 20px; padding-bottom: 15px; margin-top:20px; margin-bottom:7px; color:#000; } #benefits span { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif; font-size:1.14em; font-weight:normal; font-style:normal; } #benefits span strong { font-family: 'franklin_gothic_fs_bookbold', Arial, sans-serif; font-size:1.14em; font-weight:normal; font-style:normal; } #benefits .icon { position: relative; top: 3px; left: 0px; margin-right:10px; width:32px; height:32px; } #benefits .icon-set, .icon-set-last { position: relative; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 210px; padding-bottom:0px; } .feature-hdr { font-family: 'franklin_gothic_fs_bookbold', Arial, sans-serif; font-size:2.64em; margin-bottom:0px; color:#000; text-align:center; font-weight:normal; font-style:normal; } .gear-sale { margin-top:10px; } .feature-img { margin-bottom: 18px; } .sub-line { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif !important; font-size:2em; color:#000; text-align:center; font-weight:normal; font-style:normal; } .sub-line a { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif !important; color:#0079BC; text-decoration:none; } .highlights-hdr { font-family: 'franklin_gothic_fs_bookbold', Arial, sans-serif; font-size: 3.5em; font-weight: normal; color: #000; } .highlights-subhdr { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif; font-size: 2.6em; font-weight: normal; color: #000; } .highlights-desc { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif !important; font-size: 2em; font-weight: normal; color: #000; } .highlights-desc a { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif !important; color: #0079BC; } .highlights-img { display: block; margin: 0 auto; padding-bottom: 50px; } /*WORKSHOPS AND TOURS SECTION*/ .travel-section { background-image: url('https://store.naturescapes.net/product_images/store-home/travel/photography-workshops-tours-xl.jpg'); /*extra large size image*/ background-repeat: no-repeat; background-size:cover; background-position: center; position: relative; width: 100%; height: 576px; } .travel-text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; position: absolute; top: 0; bottom: 80px; left: 30px; right: 30px; text-align: center; } .travel-heading { font-family: 'franklin_gothic_fs_bookbold', Arial, sans-serif; font-style:normal; font-size: 4.8em; line-height: 1em; font-weight: normal; color: #772d33; } .travel-desc { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif !important; font-style:normal; font-size: 3.33em; line-height: 1.2em; color: #000; margin-bottom:100px; } .travel-btn { background-color: #772d33; border: none; color: #FFF; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 2em; font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif !important; width:380px; margin:0 auto; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; } .travel-btn:hover { background-color: #9c3b43; color: white; } /********** Responsive Grid System **********/ /* GRID OF 4*/ /* SECTIONS */ .section { clear: both; padding: 0px; margin: 0px; } /* COLUMN SETUP */ .col { display: block; float:left; margin: 1% 0 1% 1.6%; } .col:first-child { margin-left: 0; } /* GROUPING */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both;} .group { zoom:1; /* For IE 6/7 */ } /* GRID OF FOUR */ .span_4_of_4 { width: 100%; } .span_3_of_4 { width: 74.6%; } .span_2_of_4 { width: 49.2%; } .span_1_of_4 { width: 23.8%; } /* GO FULL WIDTH BELOW 480 PIXELS */ @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%; } .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; } } /* GRID OF 8*/ .span_8_of_8 { width: 100%; } .span_7_of_8 { width: 87.3%; } .span_6_of_8 { width: 74.6%; } .span_5_of_8 { width: 61.9%; } .span_4_of_8 { width: 49.2%; } .span_3_of_8 { width: 36.5%; } .span_2_of_8 { width: 23.8%; } .span_1_of_8 { width: 11.1%; } /* GO FULL WIDTH AT LESS THAN 768 PIXELS */ @media only screen and (max-width: 768px) { .span_8_of_8 { width: 100%; } .span_7_of_8 { width: 100%; } .span_6_of_8 { width: 100%; } .span_5_of_8 { width: 100%; } .span_4_of_8 { width: 100%; } .span_3_of_8 { width: 100%; } .span_2_of_8 { width: 100%; } .span_1_of_8 { width: 100%; } } /********** STORE HOME PAGE MEDIA QUERIES **********/ @media only screen and (max-width: 2560px) { .welcome-intro { font-size:2em; padding-right:10%; padding-left:10%; } } @media only screen and (max-width: 1180px) { .welcome-hdr { font-size:3.57em; } .welcome-sub-hdr { font-size:2.64em; } .welcome-intro { font-size:2em; padding-right:0%; padding-left:0%; } .category-hdr { font-size:2.64em; } #category-home .title { font-size:2.14em; } #category-home-sale .title { font-size:5.14em; } #benefits .icon-set { padding-bottom:0px; } #benefits span { font-size:1.14em; } #benefits span { font-size:1.14em; } #benefits span strong { font-size:1.14em; } .travel-text { top: 0; bottom: 30px; left: 30px; right: 30px; } .travel-heading { font-size: 3.8em; line-height: 0.8em; } .travel-desc { font-size: 2.6em; } } @media only screen and (max-width:1024px) { .travel-section { background-image:url("https://store.naturescapes.net/product_images/store-home/travel/photography-workshops-tours-lg.jpg"); /*large size image */ } .highlights-hdr { font-size: 2.8em; } .highlights-subhdr { font-size: 2em; } .highlights-desc { font-size: 1.6em; } } @media only screen and (max-width: 800px) { #category-home .title { font-size:1.5em; } #benefits span { font-size:0.91em; } #benefits span strong { font-size:0.91em; } #benefits .icon-set, .icon-set-last { width: 200px; } .travel-text { top: 0; bottom: 20px; left: 30px; right: 30px; text-align:left; } .travel-heading { font-size: 3em; line-height: 0.6em; } .travel-desc { font-size: 1.6em; margin-bottom:30px; } .travel-section { background-image:url("https://store.naturescapes.net/product_images/store-home/travel/photography-workshops-tours-md.jpg"); /*medium size image */ height: 376px; text-shadow: 1px 1px 3px #FBFBF2; } .travel-btn { margin:0; } } @media only screen and (max-width: 768px) { .welcome-hdr { font-size:2.85em; } .welcome-sub-hdr { font-size:2.11em; } .welcome-intro { font-size:1.6em; } .category-hdr { font-size:2.11em; } #category-home .title { font-size:1.25em; } #category-home-sale .title { font-size:4.11em; } #benefits span { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif; font-size:0.91em; font-weight:normal; font-style:normal; } #benefits span strong { font-family: 'franklin_gothic_fs_bookbold', Arial, sans-serif; font-size:0.91em; font-weight:normal; font-style:normal; } #benefits .icon-set, .icon-set-last { width: 188px; } .highlights-hdr { font-size:2.56em; } .highlights-subhdr { font-size:2.12em; } .highlights-desc { font-size:1.28em; } .highlights-img { display: none; } #highlights-section { padding:0% !important; margin:0% !important; } } @media only screen and (max-width: 600px) { #category-home .title { font-size:1.15em; } #category-home-sale { padding: 11.6% 0; } #category-home-sale .title { font-size:3.28em; } #benefits .icon { display:none; } #benefits span { font-size:0.91em; } #benefits span strong { font-size:0.91em; } #benefits .icon-set, .icon-set-last { width: 155px; } .travel-text { top: 0; bottom: 100px; left: 30px; right: 30px; text-align: center; } .travel-heading { font-size: 2.4em; line-height: 0.1em; } .travel-desc { font-size: 1.28em; margin-bottom:50px; } .travel-btn { font-size: 1.6em; width:304px; margin:0 auto; } } @media only screen and (max-width: 480px) { .welcome-hdr { font-size:2.28em; margin-top:32px; } .welcome-sub-hdr { font-size:1.68em; } .welcome-intro { font-size:1.28em; } .category-hdr { font-size:1.68em; } #category-home .title { font-size:2.14em; } #category-home-sale .title { font-size:3.28em; } #benefits .icon-set { padding-bottom:22px; } #benefits .icon-set-last { padding-bottom:0px; } #benefits .icon { display: inherit; position: relative; top: 3px; left: 0px; margin-right:10px; width:32px; height:32px; } #benefits span { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif; font-size:1.14em; font-weight:normal; font-style:normal; } #benefits span strong { font-family: 'franklin_gothic_fs_bookbold', Arial, sans-serif; font-size:1.14em; font-weight:normal; font-style:normal; } #benefits .icon-set, .icon-set-last { width: 210px; } .feature-hdr { font-size:2.11em; } .sub-line { font-size:1.6em; } .travel-heading { line-height: 1em; margin-bottom:0.1em; } .travel-btn { font-size: 1.25em; width:250px; } .travel-section { background-image:url("https://store.naturescapes.net/product_images/store-home/travel/photography-workshops-tours-sm.jpg"); /*small size image */ height: 300px; } .travel-desc { margin-bottom:10px; } } @media only screen and (max-width: 320px) { .travel-text { top: 0; bottom: 90px; left: 10px; right: 10px; } .travel-heading { font-size: 1.4em; line-height: 0.1em; margin-bottom:1.2em; } .travel-desc { font-size: 1.4em; margin-bottom:10px; } .travel-section { height: 300px; } } /* ========================================================================== HEAT3 GLOVES LANDING PAGE ========================================================================== */ /*HEAT3 LANDING PAGE STYLES*/ /* STRUCTURE */ #heat3-container { display: block; margin: 0 auto; background-image: url('https://store.naturescapes.net/product_images/landings/heat3-glove-system/intro.jpg'); background-repeat: no-repeat; /*background-size:cover;*/ background-position: top; position: relative; max-width: 846px; background-color:#000; text-align: center; padding:90px 55px 55px 55px; } #heat3-layer-heading { margin:0 auto; width:90%; margin:50px 50px; } .heat3-layer { width: 100%; display:table-cell; color: #FFF; font-size: 2.5em; line-height: 1em; text-align: left; } /* TEXT */ #heat3-container .heat3-h2 { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif; font-size: 3.2em; color:#FFF; font-weight:normal; font-style:normal; line-height:1.2em; text-shadow: 2px 2px 5px #000; } #heat3-container .heat3-h3 { font-size: 1.6em; color: #FFF; font-weight:normal; font-style:normal; text-shadow: 2px 2px 5px #000; } .heat3-p { font-size: 1.4em; color: #FFF; line-height:1.8em; font-weight:normal; font-style:normal; } .heat3-layer1-desc-p { font-size: 1.4em; color: #FFF; line-height:1.8em; font-weight:normal; font-style:normal; padding:0 20px 0 20px; } .heat3-layer1-desc-p a { color: #FFF !important; text-decoration: underline; } .heat3-layer1-desc-p a:hover { color: #f4a42e !important; text-decoration: underline; } .heat3-layer2-desc-p { font-size: 1.4em; color: #FFF; line-height:1.8em; font-weight:normal; font-style:normal; padding:0 20px 0 20px; } .heat3-layer2-desc-p a { color: #FFF !important; text-decoration: underline; } .heat3-layer2-desc-p a:hover { color: #e55b1e !important; text-decoration: underline; } .heat3-layer3-desc-p { font-size: 1.4em; color: #FFF; line-height:1.8em; font-weight:normal; font-style:normal; padding:0 20px 0 20px; } .heat3-layer3-desc-p a { color: #FFF !important; text-decoration: underline; } .heat3-layer3-desc-p a:hover { color: #df001d !important; text-decoration: underline; } #heat3-container .heat3-h4 { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif; font-size:3.2em; line-height:1.2em; color:#a7e0e4; font-weight:normal; font-style:normal; } .heat3-layer1-highlight { color:#f4a42e; } .heat3-layer2-highlight { color:#e55b1e; } .heat3-layer3-highlight { color:#df001d; } #heat3-container .heat3-h5 { font-weight:normal; font-size:2.5em; line-height:1.2em; color:#FFF; } .heat3-layer1-label { color: #f4a42e; } .heat3-layer2-label { color: #e55b1e; } .heat3-layer3-label { color: #df001d; } /* IMAGES and BUTTONS */ .heat3-gloves-trio { padding-top:25px; padding-bottom:25px; } .heat3-layer-image { float:left; margin-right:30px; } .gloves-img { margin:0 auto; display: block; text-align: center; } .heat3-layer1-btn { background-color: #f4a42e; border: none; color: #FFF; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 1.4em; font-weight:bold; width:200px; margin:0 auto; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; } .heat3-layer1-btn:hover { background-color: #d08c27; color: white; } .heat3-layer2-btn { background-color: #e55b1e; border: none; color: #FFF; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 1.4em; font-weight:bold; width:200px; margin:0 auto; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; } .heat3-layer2-btn:hover { background-color: #bc4b19; color: white; } .heat3-layer3-btn { background-color: #df001d; border: none; color: #FFF; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 1.4em; font-weight:bold; width:200px; margin:0 auto; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; } .heat3-layer3-btn:hover { background-color: #b00017; color: white; } /********** HEAT3 LANDING PAGE MEDIA QUERIES **********/ @media only screen and (max-width: 1180px) { #heat3-container .heat3-h2 { font-size: 2.5em; } .heat3-p { font-size: 1.2em; } #heat3-container .heat3-h4 { font-size: 2.5em; } .heat3-layer { font-size: 2em; } .heat3-layer1-desc-p { font-size: 1.2em; padding: 0 10px 0 10px; } .heat3-layer2-desc-p { font-size: 1.2em; padding: 0 10px 0 10px; } .heat3-layer3-desc-p { font-size: 1.2em; padding: 0 10px 0 10px; } #heat3-container .heat3-h5 { font-size: 2em; } .heat3-layer1-btn { font-size: 1.1em; width: 164px; } .heat3-layer2-btn { font-size: 1.1em; width: 164px; } .heat3-layer3-btn { font-size: 1.1em; width: 164px; } } @media only screen and (max-width: 1024px) { .heat3-layer { font-size: 2em; } } @media only screen and (max-width: 768px) { .heat3-p { font-size: 0.96em; } #heat3-container .heat3-h4 { font-size: 2em; } #heat3-layer-heading { width: 80%; margin:30px 30px; } #heat3-container .heat3-h5 { font-size: 1.6em; } .heat3-layer1-btn { font-size: 0.96em; width:116px; } .heat3-layer { font-size: 1.6em; } .heat3-layer1-desc-p { font-size: 0.96em; padding:0 0px 0 0px; } .heat3-layer2-btn { font-size: 0.96em; width:116px; } .heat3-layer2-desc-p { font-size: 0.96em; padding:0 0px 0 0px; } .heat3-layer3-btn { font-size: 0.96em; width:116px; } .heat3-layer3-desc-p { font-size: 0.96em; padding:0 0px 0 0px; } } @media only screen and (max-width: 480px) { #heat3-container .heat3-h2 { font-size: 2em; } #heat3-container .heat3-h3 { font-size: 1.28em; } #heat3-container { padding:90px 35px 35px 35px; } .heat3-layer-image { width:70px !important; margin-right:15px; } .gloves-img { padding-top:10px; } #heat3-layer-heading { margin:20px 20px; } } /* HOLIDAY 2018 */ /*Banner Variants*/ #holiday-category-banner { display: block; margin: 0 auto; margin-bottom:20px; background-image: url('https://store.naturescapes.net/product_images/categories/holidays/2018/gift-ideas-for-photographers.jpg'); background-repeat: no-repeat; background-position: top; position: relative; max-width: 1180px; max-height: 300px; background-color:#fff; text-align: center; padding:0px; } #stocking-stuffers-banner { display: block; margin: 0 auto; margin-bottom:20px; background-image: url('https://store.naturescapes.net/product_images/categories/holidays/2018/stocking-stuffers-for-photographers.jpg'); background-repeat: no-repeat; background-position: top; position: relative; max-width: 1180px; max-height: 300px; background-color:#fff; text-align: center; padding:0px; } #gifts-under-10-banner { display: block; margin: 0 auto; margin-bottom:20px; background-image: url('https://store.naturescapes.net/product_images/categories/holidays/2018/gifts-for-photographers-under-10.jpg'); background-repeat: no-repeat; background-position: top; position: relative; max-width: 1180px; max-height: 300px; background-color:#fff; text-align: center; padding:0px; } #gifts-under-25-banner { display: block; margin: 0 auto; margin-bottom:20px; background-image: url('https://store.naturescapes.net/product_images/categories/holidays/2018/gifts-for-photographers-under-25.jpg'); background-repeat: no-repeat; background-position: top; position: relative; max-width: 1180px; max-height: 300px; background-color:#fff; text-align: center; padding:0px; } #gifts-under-50-banner { display: block; margin: 0 auto; margin-bottom:20px; background-image: url('https://store.naturescapes.net/product_images/categories/holidays/2018/gifts-for-photographers-under-50.jpg'); background-repeat: no-repeat; background-position: top; position: relative; max-width: 1180px; max-height: 300px; background-color:#fff; text-align: center; padding:0px; } #gifts-under-75-banner { display: block; margin: 0 auto; margin-bottom:20px; background-image: url('https://store.naturescapes.net/product_images/categories/holidays/2018/gifts-for-photographers-under-75.jpg'); background-repeat: no-repeat; background-position: top; position: relative; max-width: 1180px; max-height: 300px; background-color:#fff; text-align: center; padding:0px; } #gifts-under-100-banner { display: block; margin: 0 auto; margin-bottom:20px; background-image: url('https://store.naturescapes.net/product_images/categories/holidays/2018/gifts-for-photographers-under-100.jpg'); background-repeat: no-repeat; background-position: top; position: relative; max-width: 1180px; max-height: 300px; background-color:#fff; text-align: center; padding:0px; } /*Banner Text*/ .holiday-category-text { padding:75px 190px 35px 190px; } .holiday-category-banner-h2 { font-family: 'Playfair Display', serif; font-size: 4em; letter-spacing: 1px; color: #9c1f00; font-weight: bold; line-height:46px; text-shadow: 1px 1px #FFFFFF; } .holiday-category-banner-p { font-size: 1.75em; color: #000; font-weight: normal; text-shadow: 1px 1px #FFFFFF; } /*Holiday Categories*/ .btn-holiday-categories { color: #fff; background-color: #9c1f00; border-color: #9c1f00; width: 100%; } .holiday-btn { display: inline-block; padding-top: 20px; padding-bottom: 20px; margin-bottom: 0; font-family: 'Playfair Display', serif !important; font-size: 1.75em; letter-spacing: 1px; line-height: 28px; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; background: rgba(148,27,0,1); background: -moz-linear-gradient(top, rgba(148,27,0,1) 0%, rgba(168,31,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(148,27,0,1)), color-stop(100%, rgba(168,31,0,1))); background: -webkit-linear-gradient(top, rgba(148,27,0,1) 0%, rgba(168,31,0,1) 100%); background: -o-linear-gradient(top, rgba(148,27,0,1) 0%, rgba(168,31,0,1) 100%); background: -ms-linear-gradient(top, rgba(148,27,0,1) 0%, rgba(168,31,0,1) 100%); background: linear-gradient(to bottom, rgba(148,27,0,1) 0%, rgba(168,31,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#941b00', endColorstr='#a81f00', GradientType=0 ); } .holiday-group a { color: #FFF; } .holiday-group a:hover { color: #FFF; text-decoration: underline; } #holiday-categories { margin-bottom:10px; } /********** HOLIDAY MEDIA QUERIES **********/ @media only screen and (max-width: 1180px) { .holiday-category-banner-h2 { font-size: 3.2em; } .holiday-category-banner-p { font-size: 1.4em; } } @media only screen and (max-width: 1024px) { .holiday-category-text { padding:75px 70px 35px 70px } } @media only screen and (max-width: 800px) { .holiday-category-text { padding:75px 70px 35px 70px; } } @media only screen and (max-width: 768px) { .holiday-category-text { padding:75px 20px 35px 20px; } .holiday-category-banner-h2 { font-size: 2.56em; line-height: 36px; } .holiday-category-banner-p { font-size: 1.4em; } } @media only screen and (max-width: 480px) { .holiday-category-text { padding:75px 20px 35px 20px; } .holiday-category-banner-h2 { line-height:28px; } .holiday-category-banner-p { font-size: 1em; } } @media only screen and (max-width: 320px) { .holiday-category-text { padding:75px 10px 35px 10px; } .holiday-category-banner-p { font-size: 1em; } } /* ========================================================================== BOTTOM SHIPPING, AUTHORIZED, AND TAX-FREE BANNER ========================================================================== */ #bottom-banner-text { font-weight:normal; font-style:normal; color: #000; text-align: center; border-top: #e7e7e7 6px solid; border-bottom: #e7e7e7 6px solid; padding-top:20px; padding-bottom:20px; } #bottom-banner-text a { color: #0079BC; font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif !important; } .bottom-banner-hdr-text { font-family: 'franklin_gothic_fs_bookbold', Arial, sans-serif !important; font-size:2em; display: block; } .bottom-banner-sub-text { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif !important; font-size: 1.6em; display: block; } #bottom-banner-help-box { font-weight:normal; font-style:normal; color: #000; text-align: center; padding-top:20px; padding-bottom:20px; } .bottom-banner-help-intro { font-family: Arial, Helvetica, sans-serif; font-size: 2.4em; display: block; } .bottom-banner-help-hours { font-size: 2em; display: block; padding-top:20px; font-family: Arial, Helvetica, sans-serif; line-height:36px; } .bottom-banner-help-hours a { color: #0079BC; font-family: Arial, Helvetica, sans-serif; } .bottom-banner-icon { padding:0px; } /*Media Queries for Bottom Banner*/ @media only screen and (max-width: 800px) { .bottom-banner-hdr-text { font-size: 1.6em; } .bottom-banner-sub-text { font-size: 1.1em; } } @media only screen and (max-width: 600px) { .bottom-banner-help-intro { font-size: 1em; } .bottom-banner-help-hours { font-size: 1em; line-height:18px; } } @media only screen and (max-width: 480px) { .bottom-banner-icon { padding-top: 15px; } } /* ========================================================================== PRODUCT PAGE FEATURE (MAIL-IN REBATES) ========================================================================== */ #rebate-pg-offer { display: block; border: 2px dashed #CCC; padding-top:20px; padding-right:16px; padding-left:16px; } .rebate-pg-offer-img { float: left; padding-right:15px; } /* ========================================================================== SPECIAL OFFERS AND REBATES PAGE GRID ========================================================================== */ /* SECTIONS */ .offers-section { clear: both; padding: 0px; margin: 0px; } /* COLUMN SETUP */ .offers-col { display: block; float:left; margin: 1% 0 1% 1.6%; } .offers-col:first-child { margin-left: 0; } /* GROUPING */ .offers-group:before, .offers-group:after { content:""; display:table; } .offers-group:after { clear:both;} .offers-group { zoom:1; /* For IE 6/7 */ } /* GRID OF FOUR */ .offers-span_4_of_4 { width: 100%; } .offers-span_3_of_4 { width: 74.6%; } .offers-span_2_of_4 { width: 49.2%; } .offers-span_1_of_4 { width: 23.8%; } /* GO FULL WIDTH BELOW 1024 PIXELS */ @media only screen and (max-width: 1024px) { .offers-col { margin: 1% 0 1% 0%; } .offers-span_1_of_4, .offers-span_2_of_4, .offers-span_3_of_4, .offers-span_4_of_4 { width: 100%; } } /*Start Styling*/ #special-offers-cat-intro { text-align: center; color: #000; } .special-offers-cat-h2 { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif !important; font-style:normal; font-weight: normal; font-size: 3.5em; color: #000 !important; margin-bottom:10px; } .special-offers-cat-p { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif !important; font-style:normal; font-weight: normal; font-size: 1.6em; } .special-offers-cat-p a { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif !important; color:#0079BC; } #special-offers-box { background: #0d0d0d; /* Old Browsers */background: -moz-linear-gradient(top, #0d0d0d 0%, #444444 100%); /* FF3.6+ */background: -webkit-gradient(left top, left bottom, color-stop(0%, #0d0d0d), color-stop(100%, #444444)); /* Chrome, Safari4+ */background: -webkit-linear-gradient(top, #0d0d0d 0%, #444444 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #0d0d0d 0%, #444444 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #0d0d0d 0%, #444444 100%); /* IE 10+ */background: linear-gradient(to bottom, #0d0d0d 0%, #444444 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0d', endColorstr='#444444', GradientType=0 ); /* IE6-9 */ color: #FFF; text-align: left; padding: 0px; margin-top:-3px; max-width:480px; margin:0 auto; border: 1px solid #CCC; } #special-offers-box-text { padding:10px; } .special-offers-box-h3 { font-family: 'franklin_gothic_fs_bookbold', Arial, sans-serif !important; font-weight:normal; font-size: 1.28em !important; margin-bottom:0px !important; } .special-offers-box-h3 a { font-family: 'franklin_gothic_fs_bookbold', Arial, sans-serif !important; color: #FFF !important; text-decoration: none !important; } .special-offers-box-h3 a:hover { font-family: 'franklin_gothic_fs_bookbold', Arial, sans-serif !important; color: #FFF !important; text-decoration: underline !important; } .special-offers-box-p { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif !important; font-weight:normal; font-size: 1.1em; } .special-offers-box-p-sm { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif !important; font-weight:normal; font-size: 1em; margin-bottom:0px; } .special-offers-cat-h4 { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif !important; font-style:normal; font-weight: normal; font-size: 2.8em; color: #000 !important; margin-top:10px; margin-bottom:20px; text-align:center; } /*Media Queries*/ @media only screen and (max-width:1024px) { .special-offers-cat-h2 { font-size: 2.24em; } .special-offers-cat-h4 { font-size: 2.24em; } .special-offers-cat-p { font-size: 1.25em; } } /* ========================================================================== UNIVERSAL TEXT BANNER AT TOP ========================================================================== */ #universal-text-banner-top { background-color: #2a4453; padding: 12px; color: #fff; text-align: center; margin-bottom:20px; } .universal-text-banner-top-details { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif !important; font-size: 1.25em; line-height:22px; } .universal-text-banner-top-details a { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif !important; color:#fff !important; text-decoration:underline; } /* ========================================================================== CART BANNER AT TOP ========================================================================== */ #cart-shipping-text-banner { color: #000; text-align: center; margin-bottom:20px; border-top: #e7e7e7 6px solid; padding-top:20px; } .cart-shipping-international-hdr { font-family: 'franklin_gothic_fs_bookbold', Arial, sans-serif !important; font-size: 2em; display: block; } .cart-shipping-international-subhdr { font-family: 'franklin_gothic_fs_bookRg', Arial, sans-serif !important; font-size: 1.28em; display: block; } /*Media Queries*/ @media only screen and (max-width:2560px) { .cart-shipping-international-subhdr { padding-right:90px; padding-left:90px; } @media only screen and (max-width:1024px) { .cart-shipping-international-hdr { font-size: 1.28em; } .cart-shipping-international-subhdr { font-size: 1em; padding-right:0px; padding-left:0px; line-height: 18px; } } /* ========================================================================== TOP TEXT AND IMAGE BANNER FOR CATEGORIES ========================================================================== */ .top-img-text-banner { display:table; background:#282828; color: #FFF; overflow:hidden; margin-bottom:24px; } .top-img-text-banner .banner-column { display:table-cell; width:50%; padding: 0px 20px 0px 20px; } .top-img-text-banner .img-tripods-supports { background-image: url(https://store.naturescapes.net/product_images/categories/tripods-supports/cat-tripods-supports.jpg); background-repeat: no-repeat; background-position: center; position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .top-img-text-banner-title { font-size: 36px; font-weight: 300; color: #FFF; margin-top: 16px; } .top-img-text-banner-content { font-size: 16px; } .top-img-text-banner-content a:hover { color: #FFF !important; text-decoration: underline; } @media only screen and (max-width: 1024px) { .top-img-text-banner { display:block; } .top-img-text-banner .banner-column { display:block; width:auto; } .top-img-text-banner .img-tripods-supports { height:300px; } } @media only screen and (max-width: 480px) { .top-img-text-banner-title { font-size: 22px; } .top-img-text-banner .img-tripods-supports { height:240px; } } /* ========================================================================== CATEGORY PAGE GRID ========================================================================== */ #category-page { background-color:#e4e7e2; color:#000; text-align:center; padding-top:48px; display: flex; justify-content: flex-end; flex-direction: column; } #category-page .title { font-family: 'franklin_gothic_fs_cdregular', Arial, sans-serif !important; font-size:2.14em; line-height:1.14em; font-weight:normal; font-style:normal; padding-right:10px; padding-left:10px; } #category-page .title a { font-family: 'franklin_gothic_fs_cdregular', Arial, sans-serif !important; color:#000000; text-decoration:none; font-weight:normal; font-style:normal; } @media only screen and (max-width: 1180px) { #category-page .title { font-size:2.14em; } } @media only screen and (max-width: 800px) { #category-page .title { font-size:1.5em; } } @media only screen and (max-width: 768px) { #category-page .title { font-size:1.25em; } } @media only screen and (max-width: 600px) { #category-page .title { font-size:1.15em; } } @media only screen and (max-width: 480px) { #category-page .title { font-size:2.14em; } } /*******************5 column responsive grid*******************/ /* SECTIONS */ .section { clear: both; padding: 0px; margin: 0px; } /* COLUMN SETUP */ .col { display: block; float:left; margin: 1% 0 1% 1.6%; } .col:first-child { margin-left: 0; } /* GROUPING */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both;} .group { zoom:1; /* For IE 6/7 */ } /* GRID OF FIVE */ .span_5_of_5 { width: 100%; } .span_4_of_5 { width: 79.68%; } .span_3_of_5 { width: 59.36%; } .span_2_of_5 { width: 39.04%; } .span_1_of_5 { width: 18.72%; } /* GO FULL WIDTH BELOW 480 PIXELS */ @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%; } .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; } } /* ========================================================================== MEDIA QUERIES TO CONTROL DIFFERENT SIZE CATEGORY BANNERS ========================================================================== */ #banners-category-top { margin-bottom:30px; } @media (min-width: 1024px) { .banners-top-desktop { display: block; } .banners-top-desktop img { max-width: 100%; } .banners-top-tablet { display: none; } .banners-top-mobile { display: none; } } @media (max-width: 1023px) { .banners-top-tablet { display: block; } .banners-top-tablet img { max-width: 100%; } .banners-top-desktop { display: none; } .banners-top-mobile { display: none; } } @media (max-width: 768px) { .banners-top-tablet { display: block; } .banners-top-tablet img { max-width: 100%; } .banners-top-desktop { display: none; } .banners-top-mobile { display: none; } } @media (max-width: 478px) { .banners-top-mobile { display: block; } .banners-top-mobile img { max-width: 100%; } .banners-top-desktop { display: none; } .banners-top-tablet { display: none; } }