/* Theme Name: Hello Elementor Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators. Author: Elementor Team Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash Version: 3.4.4 Stable tag: 3.4.4 Requires at least: 6.0 Tested up to: 6.8 Requires PHP: 7.4 License: GNU General Public License v3 or later. License URI: https://www.gnu.org/licenses/gpl-3.0.html Text Domain: hello-elementor Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, */ /*2016 Header*/.tws-header{ position:fixed; top:0; left:0; width:100%; float:left; background-color:#fff; z-index:9999; display: flex; justify-content: space-between; align-items: center; } a{text-decoration: none!important;} .tws-menu{ width:70%; text-align:center;z-index: 9998;} .tws-menu ul{ list-style:none; width:auto; margin:0 auto; padding:0; text-align:center } .tws-menu a{ font-weight:600; color:#3c394c; text-transform:normal; font-size:.95em;} .tws-menu a:hover { color: #32B1DF!important;} .tws-menu ul ul{ display:none; } .tws-menu ul li{ display:inline-block; padding:5px 10px; position:relative;} .tws-menu ul li:hover ul{ display:block; padding-top:10px; padding-bottom:20px; text-align:left; left:-10px; position:absolute; background-color:#fff; width:220px; } .tws-menu ul li:hover ul li{ padding:7px 10px 7px 40px; line-height:1em; display:block; font-weight:500; background-image: URL('/images/menu-arrow.png'); background-position:20px center; background-repeat: no-repeat; background-size: 10px;} .tws-menu ul li:hover ul li a{ text-transform:none; display:block; font-weight:500;} .tws-menu ul li:last-child a{ font-weight:700; color:#32B1DF } .tws-menu ul li:hover ul li:last-child a{color:#3c394c;} .frame{ width:1200px; margin-left:auto; margin-right:auto;} .logo{ padding: 10px 0; padding-left: 2.5%; width: 15%; } .logo img{ width:100%; max-width:100%; height:auto;} .shop{width: 15%; text-align: right; margin-right: 2.5%!important; font-weight:800 !important; display: flex!important; justify-content: flex-end!important; align-items: center!important;} .shop a.buy{ font-size: 100%!important; line-height: 1.2em!important; color:#32B1Df;} .shop a.buy:hover{ font-size: 100%!important; color:#333; text-decoration:none;} #primary #content a{color:#003;} #primary #content { font-size:1.1em; line-height:1.6em;} .login-icon { margin: 12px 20px 0; font-size: 20px; color: #333; text-decoration: none; } .login-icon img{width:20px!important;} /*Footer*/ .topfooter{ width:100%; float:left; text-align:center; padding:0px 0 40px!important;} .topfooter h3{ color: #3C394C; text-align:center !important; text-transform:none !important; font-weight:800; letter-spacing:0; font-size:1.4em; padding-top:10px !important;} .topfooter a{ display:inline-block; width:40px; height:30px; margin:5px; padding-top:10px; color: #fff !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .topfooter a:hover{ background-color:#3C394C !important} .myfooter{ padding:30px 0; background-color:#efefef; width:100%; clear:left; float:left; line-height:1.45em; font-weight:500; text-transform:none !important; letter-spacing:0; margin-top:65px; text-align:center; font-size:80%; color:#666; } .myfooter a{color:#666;} .myfooter a:hover {color:#1e242c; text-decoration:underline !important} .copyright{float:left;width:25%; text-align:left;} .address{float:left;width:50%; text-align:center; } .myfooter h4{ color: #3C394C; font-weight:600 !important; font-size:1.4em !important; padding-bottom:15px !important; font-weight: 800!important; text-transform: none!important; letter-spacing: 0.002em!important; line-height: 1.4em!important;} .myfooter h4 img{ margin-bottom:14px !important} .privacy{float:left;width:25%; text-align:right; } #content { margin: 0; width: 1100px; padding-right: 20px; padding-left: 20px; font-size: 90%; padding-top: 30px; padding-bottom: 20px; } #content h1{ font-size:2.3em; margin-top:20px; font-weight:700; letter-spacing:0.05em; margin-bottom: 20px; text-align: center; color: #333; padding-bottom: 14px; } #content h2{ font-size:1.4em; margin-top:10px; line-height: 1.25em; color: #999; font-weight:700; text-decoration: none; text-transform: none; letter-spacing: 0em; margin-bottom: 20px; border-top-width: 4px; border-bottom-width: 4px; border-top-style: solid; border-bottom-style: solid; border-top-color: #dadada; border-bottom-color: #dadada; background-color: #efefef; padding: 20px; text-align:center; } #content h3 { text-align:center; font-size:1.15em; margin-top:10px; font-weight:600; letter-spacing:0.1em; margin-bottom: 15px; color: #3f7598; line-height: 1.3em; } #locations-temp{width: 80%; padding-right: 10%; padding-left: 10%; font-size: 90%; padding-top: 50px; padding-bottom: 20px;} #locations-temp p{margin:7px 0px;} #locations-temp h3 { border-bottom: solid 0px #dadada; font-size:2em; margin-top:35px; padding-bottom:15px; font-weight:600; letter-spacing:0.05em; margin-bottom: 15px; color: #3f7598; line-height: 1em; background-image: url(/images/diag2.png); background-repeat: repeat-x; background-position: left bottom; } #locations-temp h2{ font-weight:600;} #locations-temp .scroll{ color:#333; display:block; font-weight:600; text-transform:uppercase; background-image: url(/images/arrow-up.png); background-repeat: no-repeat; background-position: left center; padding-top: 10px; padding-right: 0; padding-bottom: 17px; padding-left: 30px; } /* COMMON CLASSES */ .break { clear:both; } h5{ border-top: solid 1px #dadada; padding-top:20px; margin-top:20px; text-transform:none; font-size:1.8em; line-height:1.3em;padding-bottom:20px;} .headerimg { background-image:url(/images/sock-main.jpg); background-repeat:no-repeat; background-position:center top; width:100%; height:716px; float:left; text-align:center; background-color: #000; } .headerimg h1{ font-size:400%; text-transform:uppercase; font-weight:800; letter-spacing:.1em; text-align:center; margin-top:145px; color:#FFF; margin-bottom: 0px; padding-bottom: 0px; line-height: 1em; } .dload { background-color:#4b525c; width:100%; height:150px; float:left; text-align:center; } .dload h1{ font-size:200%; text-transform:uppercase; font-weight:700; letter-spacing:.1em; text-align:center; margin-top:60px; color:#FFF; margin-bottom: 0px; padding-bottom: 0px; line-height: 1em; } .aboutimg { background-image:url(/images/about-bkg.jpg); background-repeat:no-repeat; background-position:center top; width:100%; margin-top:80px; height:300px;background-color:#000; float:left; text-align:center; } .aboutimg h1{ font-size:450%; text-transform:uppercase; font-weight:700; letter-spacing:.1em; text-align:center; margin-top:80px; color:#FFF; margin-bottom: 0px; padding-bottom: 0px; line-height: 1em; } .aboutimg h2{ font-size:200%; text-transform:uppercase; font-weight:700; letter-spacing:.1em; text-align:center; margin-top:0px; color:#FFF; margin-bottom: 0px; padding-bottom: 0px; line-height: 1em; } .state{ margin-top:80px;} .plantarimg { background-image:url(/images/plantar.jpg); background-repeat:no-repeat; background-position:center top; width:100%; height:300px; margin-top:80px; float:left;background-color:#000; text-align:center; } .plantarimg h1{ font-size:450%; text-transform:uppercase; font-weight:700; letter-spacing:.1em; text-align:center; margin-top:80px; color:#FFF; margin-bottom: 0px; padding-bottom: 0px; line-height: 1em; } .plantarimg h2{ font-size:200%; text-transform:uppercase; font-weight:700; letter-spacing:.1em; text-align:center; margin-top:0px; color:#FFF; margin-bottom: 0px; padding-bottom: 0px; line-height: 1em; } .testimonialsimg { background-image:url(/images/testimonials.jpg); background-repeat:no-repeat; background-position:center top; width:100%; height:300px; float:left; margin-top:80px; background-color:#000; text-align:center; } .testimonialsimg h1{ font-size:450%; text-transform:uppercase; font-weight:700; letter-spacing:.1em; text-align:center; margin-top:80px; color:#FFF; margin-bottom: 0px; padding-bottom: 0px; line-height: 1em; } .testimonialsimg h2{ font-size:200%; text-transform:uppercase; font-weight:700; letter-spacing:.1em; text-align:center; margin-top:0px; color:#FFF; margin-bottom: 0px; padding-bottom: 0px; line-height: 1em; } ul.testify{ list-style:none; margin:0; padding:0;} ul.testify li{ padding:14px 0; clear:left;} .howimg { background-image:url(/images/how-bkg.jpg); background-repeat:no-repeat; background-position:center top; width:100%; height:300px; float:left; background-color:#000; margin-top:80px !important; text-align:center; } .howimg h1{ font-size:450%; text-transform:uppercase; font-weight:700; letter-spacing:.1em; text-align:center; margin-top:80px; color:#FFF; margin-bottom: 0px; padding-bottom: 0px; line-height: 1em; } .howimg h2{ font-size:200%; text-transform:uppercase; font-weight:700; letter-spacing:.1em; text-align:center; margin-top:0px; color:#FFF; margin-bottom: 0px; padding-bottom: 0px; line-height: 1em; } .wearimg { background-image:url(/images/wearing-bkg.jpg); background-repeat:no-repeat; background-position:center top; width:100%; height:300px; background-color:#000; margin-top:80px; float:left; text-align:center; } .wearimg h1{ font-size:450%; text-transform:uppercase; font-weight:700; letter-spacing:.1em; text-align:center; margin-top:80px; color:#FFF; margin-bottom: 0px; padding-bottom: 0px; line-height: 1em; } .wearimg h2{ font-size:200%; text-transform:uppercase; font-weight:700; letter-spacing:.1em; text-align:center; margin-top:0px; color:#FFF; margin-bottom: 0px; padding-bottom: 0px; line-height: 1em; } .contactimg { background-image:url(/images/contact-bkg.jpg); background-repeat:no-repeat; background-position:center top; width:100%; height:300px; float:left;margin-top:80px !important; background-color:#000; text-align:center; } .contactimg h1{ font-size:450%; text-transform:uppercase; font-weight:700; letter-spacing:.1em; text-align:center; margin-top:80px; color:#FFF; margin-bottom: 0px; padding-bottom: 0px; line-height: 1em; } .contactimg h2{ font-size:200%; text-transform:uppercase; font-weight:700; letter-spacing:.1em; text-align:center; margin-top:0px; color:#FFF; margin-bottom: 0px; padding-bottom: 0px; line-height: 1em; } .recommendimg { background-image:url(/images/recommend-bkg.jpg); background-repeat:no-repeat; background-position:center top; width:100%; height:300px; margin-top:80px; float:left; background-color:#000; text-align:center; } .recommendimg h1{ font-size:450%; text-transform:uppercase; font-weight:700; letter-spacing:.1em; text-align:center; margin-top:80px; color:#FFF; margin-bottom: 0px; padding-bottom: 0px; line-height: 1em; } .recommendimg h2{ font-size:200%; text-transform:uppercase; font-weight:700; letter-spacing:.1em; text-align:center; margin-top:0px; color:#FFF; margin-bottom: 0px; padding-bottom: 0px; line-height: 1em; } .resourcesimg { background-image:url(/images/resources-bkg.jpg); background-repeat:no-repeat; background-position:center top; width:100%; margin-top:80px; height:300px; float:left; background-color:#000; text-align:center; } .resourcesimg h1{ font-size:450%; text-transform:uppercase; font-weight:700; letter-spacing:.1em; text-align:center; margin-top:80px; color:#FFF; margin-bottom: 0px; padding-bottom: 0px; line-height: 1em; } .resourcesimg h2{ font-size:200%; text-transform:uppercase; font-weight:700; letter-spacing:.1em; text-align:center; margin-top:0px; color:#FFF; margin-bottom: 0px; padding-bottom: 0px; line-height: 1em; } .locatorimg { background-image:url(/images/locator.jpg); background-repeat:no-repeat; background-position:center top; background-color:#000; width:100%; height:500px; background-color:#000; float:left; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align:center; } .locatorimg h1{ font-size:450%; text-transform:uppercase; font-weight:700; letter-spacing:.1em; text-align:center; margin-top:110px; color:#FFF; margin-bottom: 0px; padding-bottom: 0px; line-height: 1em; } .locatorimg h2{ font-size:200%; text-transform:uppercase; font-weight:700; letter-spacing:.1em; text-align:center; margin-top:0px; color:#FFF; margin-bottom: 0px; padding-bottom: 0px; line-height: 1em; } #quotes { font-size:200%; position:relative; text-transform:uppercase; color:#FFF; font-weight:600; letter-spacing:0.1em; text-align:center; margin-top: 0px; margin-right: auto; margin-bottom: 40px; margin-left: auto; padding-top: 0px; padding-bottom: 20px; line-height: 1em; } .textItem { width:100%; position:absolute; display:none; text-align:center; } a.bluebutton{ background-color:#43b5d4; width:305px; display:block; margin-left:auto!important; margin-right:auto!important; text-align:center!important; color:#fff; padding:10px!important; margin: 5px auto!important; -webkit-border-radius:0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 100%; text-transform:uppercase; letter-spacing:.1em; } a.bluebutton:hover{ background-color:#0190c9; text-decoration: none; } a.graybutton{ background-color:#da9f20; clear:both; width:305px; display:block; margin-left:auto; margin-right:auto; text-align:center; padding-top:10px; padding-bottom:10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 100%; text-transform:uppercase; letter-spacing:.1em; margin-top:10px !important; font-weight:600 !important; } a.graybutton:hover{ background-color:#cc900e; text-decoration: none; } .sm-single-map{ width:100% !important; margin-right:20px;} .bluestrip{ /*background-image:url(/images/blue-bottom.jpg); background-repeat:repeat-x; background-position:center top;*/ background-color:#5e656e; clear:left; float:left; text-align:center; color:#fff; width:100%; padding-top:35px; padding-bottom:35px; } .bluestrip a{ font-weight:700 !important; color:#fff!important} .ziptop{ /*background-image:url(/images/blue-bottom.jpg); background-repeat:repeat-x; background-position:center top;*/ background-color:#5e656e; clear:left; float:left; text-align:center; color:#fff; width:100%; padding-top:140px; padding-bottom:35px; } .ziptop a{font-weight:700; text-transform:uppercase;} #primary .markertext h3, #primary .markertext h3 a, #primary .infoBox h3{font-size:16px!important; padding-bottom:4px!important; margin-bottom:0!important; margin-top:0!important;} .bluestrip h2{ text-align:center; color:#fff; padding-top:30px; width:60%; letter-spacing:0px; text-transform:none; font-size:140%; line-height:1.4em; padding-bottom:50px; margin-left:auto; margin-right:auto; padding-right:20%; padding-left: 20%; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #1a1f25; margin-bottom:50px; background-image: url(/images/diag1.png); background-repeat: repeat-x; background-position: center bottom; } .bluestrip a.links{color:#666; background-color:#fff; display: inline-block;-webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight:600; padding:5px 10px !important; border-radius: 5px;} .bluestrip a.links:hover{ background-color:#efefef;} .bluestrip h3{ font-size:110% !important; line-height: 1em; color:#fff; letter-spacing: 0.05em; font-weight: 700 !important; } .bluestrip h1, .ziptop h1{ font-size:36px; line-height: 1em; color:#fff; text-align:center; letter-spacing: 0; font-weight: 700; } .bluestrip ul.states{ list-style:none; margin:0px 0; padding:0px 0; width:25%; float:left;} .bluestrip ul.states li a{ color:#fff; padding:3px 15px; -webkit-border-radius: 12px; background-color:transparent !important; -moz-border-radius: 12px; border-radius: 12px; opacity: 1; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; } .bluestrip ul.states li a:hover{ color:#333; background-color:#fff; padding:3px 15px; text-decoration:none; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .zipcode{ width:300px; background-image:url(/images/zip-bkg.png); background-repeat:no-repeat; background-position:top center; margin-left:auto; margin-right:auto; color:#fff; height:200px; margin-top:25px; text-align:center;} .zipcode h3{ color:#45bfdf; padding-top:20px; font-size:120%;} .zipcode h3.widget-title{ padding-bottom:0 !important; margin-bottom:0 !important; padding-top:3px !important;} .zipcode label{ display:none; visibility:hidden;} .zipcode td{text-align:center; width:300px; } .zipcode input{ text-align:center; margin:0px; padding:0px;} .zipcode input.submit{ background-color:#45BFDF !important; color:#fff !important;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; cursor:pointer !important; text-transform:uppercase !important; border:0px; margin-top:5px; width:175px !important; padding:5px 3px !important;} .zipcode input.submit:hover{ background-color:#2dc9f2 !important;} .cd-horizontal-timeline { opacity: 0; margin: 2em auto; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } .cd-horizontal-timeline li{ padding:0 !important; margin:0 !important; color:#fff !important; font-size:14px !important;} .cd-horizontal-timeline p{ font-size:20px !important; color:#fff !important} .cd-horizontal-timeline em{ font-size:14px !important;} .cd-horizontal-timeline ol, .cd-horizontal-timeline ul{ list-style:none !important; margin:0 !important; padding:0 !important} .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'mobile'; display: none; } .cd-horizontal-timeline.loaded { /* show the timeline after events position has been set (using JavaScript) */ opacity: 1; } .cd-horizontal-timeline .timeline { position: relative; height: 100px; width: 100%; max-width: 100%; margin: 0 auto; } .cd-horizontal-timeline .events-wrapper { position: relative; height: 100%; margin: 0 40px; overflow: hidden; } .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before { /* these are used to create a shadow effect at the sides of the timeline */ content: ''; position: absolute; z-index: 2; top: 0; height: 100%; width: 20px; } .cd-horizontal-timeline .events-wrapper::before { left: 0; } .cd-horizontal-timeline .events-wrapper::after { right: 0; } .cd-horizontal-timeline .events { /* this is the grey line/timeline */ position: absolute; z-index: 1; left: 0; top: 49px; height: 2px; /* width will be set using JavaScript */ background: #fff; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .cd-horizontal-timeline h3{ font-size:30px !important; font-weight:700 !important; letter-spacing:0 !important} .cd-horizontal-timeline { font-size:.8em !important; color:#fff !important} .cd-horizontal-timeline .filling-line { /* this is used to create the green line filling the timeline */ position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background-color:#32B1DF !important; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cd-horizontal-timeline .events a { position: absolute; bottom: 0; z-index: 2; text-align: center; font-size: 1.3rem; padding-bottom: 15px; color: #fff; /* fix bug on Safari - text flickering while timeline translates */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .cd-horizontal-timeline .events a::after { /* this is used to create the event spot */ content: ''; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -5px; height: 12px; width: 12px; border-radius: 50%; border: 2px solid #dfdfdf; background-color: #fff; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } .no-touch .cd-horizontal-timeline .events a:hover::after { background-color:#32B1DF !important; border-color: #32B1DF; } .cd-horizontal-timeline .events a.selected { pointer-events: none; } .cd-horizontal-timeline .events a.selected::after { background-color: #32B1DF; border-color: #32B1DF; } .cd-horizontal-timeline .events a.older-event::after { border-color: #32B1DF; } @media only screen and (min-width: 1100px) { .cd-horizontal-timeline { margin: 6em auto; } .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'desktop'; } } .cd-timeline-navigation a { /* these are the left/right arrows to navigate the timeline */ position: absolute; z-index: 1; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 34px; width: 34px; border-radius: 50%; border: 2px solid #dfdfdf; /* replace text with an icon */ overflow: hidden; color: transparent; text-indent: 100%; white-space: nowrap; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; transition: border-color 0.3s; } .cd-timeline-navigation a::after { /* arrow icon */ content: ''; position: absolute; height: 16px; width: 16px; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(/horizontal-timeline/img/cd-arrow.svg) no-repeat 0 0; } .cd-timeline-navigation a.prev { left: 0; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .cd-timeline-navigation a.next { right: 0; } .no-touch .cd-timeline-navigation a:hover { border-color: #7b9d6f; } .cd-timeline-navigation a.inactive { cursor: not-allowed; } .cd-timeline-navigation a.inactive::after { background-position: 0 -16px; } .no-touch .cd-timeline-navigation a.inactive:hover { border-color: #dfdfdf; } .cd-horizontal-timeline .events-content { position: relative; width: 100%; margin: 2em 0; overflow: hidden; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; transition: height 0.4s; } .cd-horizontal-timeline .events-content li { position: absolute; z-index: 1; width: 100%; left: 0; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); padding: 0 5%; opacity: 0; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .cd-horizontal-timeline .events-content li.selected { /* visible event content */ position: relative; z-index: 2; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right { -webkit-animation-name: cd-enter-right; -moz-animation-name: cd-enter-right; animation-name: cd-enter-right; } .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-name: cd-enter-left; -moz-animation-name: cd-enter-left; animation-name: cd-enter-left; } .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse; } .cd-horizontal-timeline .events-content li > * { max-width: 800px; margin: 0 auto; } .cd-horizontal-timeline .events-content h2 { font-weight: bold; font-weight: 700; line-height: 1.2; } .cd-horizontal-timeline .events-content em { display: block; font-style: italic; margin: 10px auto; } .cd-horizontal-timeline .events-content em::before { content: '- '; } .cd-horizontal-timeline .events-content p { font-size: 1.4rem; color: #959595; } .cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p { line-height: 1.6; } @media only screen and (min-width: 768px) { .cd-horizontal-timeline .events-content h2 { font-size: 7rem; } .cd-horizontal-timeline .events-content em { font-size: 2rem; } .cd-horizontal-timeline .events-content p { font-size: 1.8rem; } } @-webkit-keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-right { 0% { opacity: 0; -moz-transform: translateX(100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-left { 0% { opacity: 0; -moz-transform: translateX(-100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } .result h3{ text-align:left !important; letter-spacing:0 !important; font-size:1.4em !important; padding-top:14px !important;} small.result_distance{ float:right !important; color: #cc0000 !important; font-size:1.2em !important; background-color:#efefef !important; padding:10px !important; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;} .state-search{display: inline-block; padding:10px !important; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background-color:#efefef; margin-right:7px;} a.state-search:hover{text-decoration:none !important;} .newshopbutton{ background-color:#45BFDF;margin-right:7px; padding:10px !important; float:right; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;} .newshopbutton:hover{ text-decoration:none !important;} #location_search_form{ padding-bottom:14px !important;} #location_search_form td{ vertical-align:central;} #location_search_form input.submit{ display: block!important; width: 100%!important; padding: 10px 20px!important;} .location_search_cell, .location_search_zip_cell { vertical-align: middle!important;} .location_search_zip_cell .float_text_left{ display: inline-block!important; float: left!important; min-width: 50px!important; max-width:50px!important;} #location_search_widget_zip_field{ min-width: 168px!important; max-width: 168px!important;} input#location_search_submit_field{ background-color:#45BFDF !important;margin-right:7px; padding:3px 10px !important; color:#fff !important; border:0px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left:3px; font-size:.8em;} /* Download Section */ .download{ width:100%; float:left; background-color:#efefef; margin:50px 0; padding: 50px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .download a{ font-weight:bold; } input.button, button.button{ background-color:#3399cc!important; color:white; border:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor:pointer; padding:15px 20px !important; } input.button:hover, button.button:hover{ background-color:#336699!important;} .pkg{ float:left; width:218px; font-size:.9em; text-align:left; margin-right:12px; height:400px;} a.ball { display:inline-block; padding:5px 10px 5px 30px; margin-left:20px; background-image:url(/images/back-arrow.png); background-position:5px center; background-repeat:no-repeat; background-color:#efefef; float:left; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border:solid 1px #dadada;} a.ball:hover{ background-color:#dadada; text-decoration: none !important;} .pkg img{ border:solid 1px #efefef !important; margin-bottom:20px; width:100% !important; max-width:100% !important; height:auto;} .wpdm-thumb img{ width:280px !important; height:auto !important;} .pkg h4.media-heading{ font-size:1.1em !important; font-weight:normal; font-weight:500 !important; letter-spacing:0; line-height:1.2em;} .pkg a{ font-weight:600 !important;} .dl a{width: 100%; display:block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;background-color:#1E222B; color:white !important; text-align:center; padding:10px 0; margin:10px 0 20px 0; } .dl a:hover{background-color:#3F7598; text-decoration:none !important;} .dl-image{ clear:left;} .dl-image, .dl-des{ width:50%; float:left;} .dl-image img{ width:90% !important;max-width:90%; border:solid 1px #efefef !important;} .ball{ display:block; text-align:left; padding-bottom:14px; margin-bottom:24px; border-bottom:solid 1px #efefef; padding-left:20px; font-weight:bold; text-transform:uppercase; letter-spacing:.1em; } #secondary { text-align:center; width: 100%; } .box { color: #FFF; text-align: center !important; float: left; width: 25%; padding-bottom:50px; line-height:1.25em; font-size:100%; } .box h3{ font-size:100%;} .box h3 a{color:#fff; font-size:90% !important} .box img{ padding-bottom:20px; float:none !important; padding-top:20px; display:block !important; } /* Singular */ .singular #primary { margin: 0; } .singular #content, .left-sidebar.singular #content { margin: 0 7.6%; position: relative; width: auto; } .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title { margin: 0 auto; width: 68.9%; } /* Attachments */ .singular .image-attachment .entry-content { margin: 0 auto; width: auto; } .singular .image-attachment .entry-description { margin: 0 auto; width: 68.9%; } /* error404 */ .error404 #primary { float: none; margin: 0; } .error404 #primary #content { margin: 0 7.6%; width: auto; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 1.625em; } .alignright { display: inline; float: right; margin-left: 1.625em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /* Right Content */ .left-sidebar #primary { float: right; margin: 0 0 0 -26.4%; width: 100%; } .left-sidebar #content { margin: 0 7.6% 0 34%; width: 58.4%; } .left-sidebar #secondary { float: left; margin-left: 7.6%; margin-right: 0; width: 18.8%; } /* =Global ----------------------------------------------- */ body, input, textarea { color: #333; font: 1em "proxima-nova",sans-serif; font-weight: 300; line-height: 1.625; } #page { /* [disabled]background: #fff; */ } /* Headings */ h1,h2,h3,h4,h5,h6 { font-family: "proxima-nova",sans-serif; text-transform:uppercase; letter-spacing:.1em; clear: both; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.625em; } /* Text elements */ p { margin-bottom: 1.5em; line-height: 1.45em; /* [disabled]font-family: "skolar", serif; */ } ul, ol { margin: 0 0 1.625em 2.5em; /* [disabled]font-family: "skolar", serif; */ } ul { list-style: square; } ol { list-style-type: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 1.625em; } dt { font-weight: bold; } dd { margin-bottom: 1.625em; } strong { font-weight: bold; } cite, em, i { font-style: italic; } blockquote { font-family: Georgia, "Bitstream Charter", serif; font-style: italic; font-weight: normal; margin: 0 3em; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote cite { color: #666; font: 12px "proxima-nova",sans-serif; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; } pre { background: #f4f4f4; font: 13px "proxima-nova",sans-serif; line-height: 1.5; margin-bottom: 1.625em; overflow: auto; padding: 0.75em 1.625em; } code, kbd { font: 13px "proxima-nova",sans-serif; } abbr, acronym, dfn { border-bottom: 1px dotted #666; cursor: help; } address { display: block; margin: 0 0 1.625em; } ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } /* Forms */ input{ margin-right:10px;} input[type=text], input[type=password], textarea { background: #fafafa; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); border: 1px solid #ddd; color: #888; } input[type=text]:focus, textarea:focus { color: #373737; } textarea { padding-left: 3px; width: 98%; } input[type=text] { padding: 3px; } input#s { background: url(images/search.png) no-repeat 5px 6px; -moz-border-radius: 2px; border-radius: 2px; font-size: 14px; height: 22px; line-height: 1.2em; padding: 4px 10px 4px 28px; } input#searchsubmit { display: none; } /* Links */ a { color: #1982d1; text-decoration: none; } a:focus, a:active, a:hover { text-decoration: underline; } /* Assistive text */ .assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } #access a.assistive-text:active, #access a.assistive-text:focus { background: #eee; border-bottom: 1px solid #ddd; color: #1982d1; clip: auto !important; font-size: 12px; position: absolute; text-decoration: underline; top: 0; left: 7.6%; } /* =Header ----------------------------------------------- */ .movedown{ margin-top:80px;} #branding { border-top: 0px solid #bbb; background-color:#fff; padding-bottom: 10px; position: fixed; width:100%; z-index: 9999; height:80px; } #site-title { margin-right: 270px; padding: 3.65625em 0 0; } #site-title a { color: #111; font-size: 30px; font-weight: bold; line-height: 36px; text-decoration: none; } #site-title a:hover, #site-title a:focus, #site-title a:active { color: #1982d1; } #site-description { color: #7a7a7a; font-size: 14px; margin: 0 270px 3.65625em 0; } #branding img { height: auto; margin-bottom: -7px; width: 100%; } .frame{ width:1200px; margin-left:auto; margin-right:auto;} .logo{ padding: 10px 0; padding-left: 2.5%; width: 15%; } .logo img{ width:100%; max-width:100%; height:auto;} .shop{width: 15%; text-align: right; margin-right: 2.5%!important; font-weight:800 !important; display: flex!important; justify-content: flex-end!important; align-items: center!important;} .shop a.buy{ font-size: 100%!important; line-height: 1.2em!important; color:#32B1Df;} .shop a.buy:hover{ font-size: 100%!important; color:#333; text-decoration:none;} #primary #content a{color:#003;} #primary #content { font-size:1.1em; line-height:1.6em;} .login-icon { margin: 12px 20px 0; font-size: 20px; color: #333; text-decoration: none; } .login-icon img{width:20px!important;} /* =Content ----------------------------------------------- */ #main { clear: both; width: 1140px; padding-top: 0em; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-right: auto; margin-left: auto; } .page-title { color: #333; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; } .page-title a { font-size: 12px; font-weight: bold; letter-spacing: 0; text-transform: none; } .hentry, .no-results { border-bottom: 1px solid #ddd; margin: 0 0 1.625em; padding: 0 0 1.625em; position: relative; } .hentry:last-child, .no-results { border-bottom: none; } .blog .sticky .entry-header .entry-meta { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .entry-title, .entry-header .entry-meta { padding-right: 76px; } .entry-title { clear: both; color: #222; font-size: 26px; font-weight: bold; line-height: 1.5em; padding-bottom: .3em; padding-top:7px; } .entry-title, .entry-title a { color: #222; text-decoration: none; } .entry-title a:hover, .entry-title a:focus, .entry-title a:active { color: #1982d1; } .entry-meta { color: #666; clear: both; font-size: 12px; line-height: 18px; } .entry-meta a { font-weight: bold; } .single-author .entry-meta .by-author { display: none; } .entry-content, .entry-summary { padding: 1em 0 0; } .entry-content h1, .entry-content h2, .comment-content h1, .comment-content h2 { color: #000; font-weight: bold; margin: 0 0 .8125em; } .entry-content h3, .comment-content h3 { font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } .entry-content table, .comment-content table { border-bottom: 1px solid #ddd; margin: 0 0 1.625em; width: 100%; } .entry-content th, .comment-content th { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } .entry-content td, .comment-content td { border-top: 1px solid #ddd; padding: 6px 10px 6px 0; } .entry-content #s { width: 75%; } .comment-content ul, .comment-content ol { margin-bottom: 1.625em; } .comment-content ul ul, .comment-content ol ol, .comment-content ul ol, .comment-content ol ul { margin-bottom: 0; } dl.gallery-item { margin: 0; } .page-link { clear: both; display: block; margin: 0 0 1.625em; } .page-link a { background: #eee; color: #373737; margin: 0; padding: 2px 3px; text-decoration: none; } .page-link a:hover { background: #888; color: #fff; font-weight: bold; } .page-link span { margin-right: 6px; } .entry-meta .edit-link a, .commentlist .edit-link a { background: #eee; -moz-border-radius: 3px; border-radius: 3px; color: #666; float: right; font-size: 12px; line-height: 1.5em; font-weight: 300; text-decoration: none; padding: 0 8px; } .entry-meta .edit-link a:hover, .commentlist .edit-link a:hover { background: #888; color: #fff; } .entry-content .edit-link { clear: both; display: block; } /* Images */ .entry-content img, .comment-content img, .widget img { max-width: 97.5%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full, img.size-large { max-width: 97.5%; width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */ height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } .entry-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; } p img, .wp-caption { margin-top: 0.4em; } .wp-caption { background: #eee; margin-bottom: 1.625em; max-width: 96%; padding: 9px; } .wp-caption img { display: block; margin: 0 auto; max-width: 98%; } .wp-caption .wp-caption-text, .gallery-caption { color: #666; font-family: Georgia, serif; font-size: 12px; } .wp-caption .wp-caption-text { margin-bottom: 0.6em; padding: 10px 0 5px 40px; position: relative; } .wp-caption .wp-caption-text:before { color: #666; content: '\2014'; font-size: 14px; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 10px; top: 7px; } #content .gallery { margin: 0 auto 1.625em; } #content .gallery a img { border: none; } img#wpstats { display: block; margin: 0 auto 1.625em; } #content .gallery-columns-4 .gallery-item { width: 23%; padding-right: 2%; } #content .gallery-columns-4 .gallery-item img { width: 100%; height: auto; } /* Image borders */ img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ border: 0px solid #ddd; padding: 6px; } .wp-caption img { border-color: #eee; } a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */ background: #eee; border-color: #bbb; } .wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img {/* ... including captioned images! */ background: #fff; border-color: #ddd; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /* Password Protected Posts */ .post-password-required .entry-header .comments-link { margin: 1.625em 0 0; } .post-password-required input[type=password] { margin: 0.8125em 0; } .post-password-required input[type=password]:focus { background: #f7f7f7; } /* Author Info */ #author-info { font-size: 12px; overflow: hidden; } .singular #author-info { background: #f9f9f9; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 2.2em -35.6% 0 -35.4%; padding: 20px 35.4%; } .archive #author-info { border-bottom: 1px solid #ddd; margin: 0 0 2.2em; padding: 0 0 2.2em; } #author-avatar { float: left; margin-right: -78px; } #author-avatar img { background: #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #bbb; -moz-box-shadow: 0 1px 2px #bbb; box-shadow: 0 1px 2px #bbb; padding: 3px; } #author-description { float: left; margin-left: 108px; } #author-description h2 { color: #000; font-size: 15px; font-weight: bold; margin: 5px 0 10px; } /* =Aside ----------------------------------------------- */ .format-aside .entry-title, .format-aside .entry-header .comments-link { display: none; } .singular .format-aside .entry-title { display: block; } .format-aside .entry-content { padding: 0; } .singular .format-aside .entry-content { padding: 1.625em 0 0; } /* =Link ----------------------------------------------- */ .format-link .entry-title, .format-link .entry-header .comments-link { display: none; } .singular .format-link .entry-title { display: block; } .format-link .entry-content { padding: 0; } .singular .format-link .entry-content { padding: 1.625em 0 0; } /* =Gallery ----------------------------------------------- */ .format-gallery .gallery-thumb { float: left; display: block; margin: .375em 1.625em 0 0; } /* =Status ----------------------------------------------- */ .format-status .entry-title, .format-status .entry-header .comments-link { display: none; } .singular .format-status .entry-title { display: block; } .format-status .entry-content { padding: 0; } .singular .format-status .entry-content { padding: 1.625em 0 0; } .format-status img.avatar { -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; float: left; margin: 4px 10px 2px 0; padding: 0; } /* =Quote ----------------------------------------------- */ .format-quote blockquote { color: #555; font-size: 17px; margin: 0; } /* =Image ----------------------------------------------- */ .indexed.format-image .entry-header { min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */ } .indexed.format-image .entry-content { padding-top: 0.5em; } .indexed.format-image p, .indexed.format-image p img { margin-bottom: 0; } .indexed.format-image footer.entry-meta { background: #ddd; margin-top: -7px; padding: 20px 30px; overflow: hidden; } .indexed.format-image div.entry-meta { display: inline-block; float: left; width: 35%; } .indexed.format-image div.entry-meta + div.entry-meta { float: none; width: 65%; } .indexed.format-image .entry-meta span.cat-links, .indexed.format-image .entry-meta span.tag-links, .indexed.format-image .entry-meta span.comments-link { display: block; } .indexed.format-image footer.entry-meta a { color: #444; } .indexed.format-image footer.entry-meta a:hover { color: #fff; } #content .indexed.format-image img { border: none; max-width: 100%; padding: 0; } .indexed.format-image .wp-caption { background: #111; margin-bottom: 0; max-width: 96%; padding: 11px; } .indexed.format-image .wp-caption .wp-caption-text { color: #ddd; } .indexed.format-image .wp-caption .wp-caption-text:before { color: #444; } .indexed.format-image a:hover img { opacity: 0.8; } /* =error404 ----------------------------------------------- */ .error404 #main #searchform { background: #f9f9f9; border: 1px solid #ddd; border-width: 1px 0; margin: 0 -8.9% 1.625em; overflow: hidden; padding: 1.625em 8.9%; } .error404 #main #s { width: 95%; } .error404 #main .widget { clear: none; float: left; margin-right: 3.7%; width: 30.85%; } .error404 #main .widget_archive { margin-right: 0; } .error404 #main .widget_tag_cloud { float: none; margin-right: 0; width: 100%; } .error404 .widgettitle { font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } /* =Attachments ----------------------------------------------- */ .image-attachment div.attachment { background: #f9f9f9; border: 1px solid #ddd; border-width: 1px 0; margin: 0 -8.9% 1.625em; overflow: hidden; padding: 1.625em 1.625em 0; text-align: center; } .image-attachment div.attachment img { display: block; height: auto; margin: 0 auto 1.625em; max-width: 100%; } .image-attachment div.attachment a img { border-color: #f9f9f9; } .image-attachment div.attachment a:focus img, .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img { border-color: #ddd; background: #fff; } .image-attachment .entry-caption p { font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; margin: 0 0 2.6em; text-transform: uppercase; } /* =Navigation -------------------------------------------------------------- */ #content nav { clear: both; overflow: hidden; padding: 0 0 1.625em; } #content nav a { font-size: 12px; font-weight: bold; line-height: 2.2em; } #nav-above { padding: 0 0 1.625em; } #nav-above { display: none; } .paged #nav-above { display: block; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } #content nav .meta-nav { font-weight: normal; } /* Singular navigation */ #nav-single { float: right; position: relative; top: -0.3em; text-align: right; z-index: 1; } #nav-single .nav-previous, #nav-single .nav-next { float: none; width: auto; } #nav-single .nav-next { padding-left: .5em; } /* =Widgets ----------------------------------------------- */ .widget-area { text-align:center; font-size: 12px; } .widget { text-align:center; clear: both; margin: 0 0 2.2em; } .widget-title { text-align:center; color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } .widget ul { font-size: 15px; text-align:center; margin: 0; } .widget ul ul { margin-left: 1.5em; text-align:center; } .widget ul li { color: #777; font-size: 13px; text-align:center; } .widget a { font-weight: bold; text-decoration: none; } .widget a:hover, .widget a:focus, .widget a:active { text-decoration: underline; } /* Search Widget */ .widget_search form { margin: 0 0 1.625em; text-align:center; } .widget_search #s { width: 77%; } .widget_search #searchsubmit { background: #ddd; border: 1px solid #ccc; -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); color: #888; font-size: 13px; line-height: 25px; position: relative; top: -2px; } .widget_search #searchsubmit:active { background: #1982d1; border-color: #0861a5; -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); color: #bfddf3; } /* Ephemera Widget */ section.ephemera ol, .widget_twentyeleven_ephemera ol { list-style: square; margin: 5px 0 0; } .widget_twentyeleven_ephemera .widget-entry-title { font-size: 15px; font-weight: bold; padding: 0; } .widget_twentyeleven_ephemera .comments-link a, .widget_twentyeleven_ephemera .comments-link > span { color: #666; display: block; font-size: 10px; font-weight: 500; line-height: 2.76333em; text-transform: uppercase; } section.ephemera .entry-title .comments-link a:hover, .widget_twentyeleven_ephemera .entry-title .comments-link a:hover { } section.ephemera .entry-title a span { color: #29628d; } /* Twitter */ .widget_twitter li { list-style-type: none; margin-bottom: 14px; } .widget_twitter .timesince { display: block; font-size: 11px; margin-right: -10px; text-align: right; } /* Widget Image */ .widget_image img { height: auto; max-width: 100%; } /* Calendar Widget */ .widget_calendar #wp-calendar { color: #555; width: 95%; text-align: center; } .widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th { text-align: center; } .widget_calendar #wp-calendar caption { font-size: 11px; font-weight: 500; padding: 5px 0 3px 0; text-transform: uppercase; } .widget_calendar #wp-calendar th { background: #f4f4f4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: bold; } .widget_calendar #wp-calendar tfoot td { background: #f4f4f4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } /* =Footer ----------------------------------------------- */ img.b{ border-right:solid 3px #dadada;border-bottom:solid 3px #dadada;} .runners-world{ width:100%; clear:left; float:left; text-transform:uppercase; padding-top:30px; padding-bottom:30px; margin-bottom:30px; border-bottom:solid 0px #dadada; text-align:center; font-size:120%; background-image: url(/images/diag2.png); background-repeat: repeat-x; background-position: left bottom; font-weight: 700; letter-spacing:.1em; } .runners-world a{ color:#1e242c; display:block; } .runners-world img{ padding: 0px 0px;} .footer-info{ font-size:70%; line-height:1.35em; color:#999; padding-bottom:45px;} .footer-info a{ color:#999;} .copyright{float:left;width:25%; text-align:left;} .address{float:left;width:50%; text-align:center; } .myfooter h4{ color: #3C394C; font-weight:600 !important; font-size:1.4em !important; padding-bottom:15px !important; font-weight: 800!important; text-transform: none!important; letter-spacing: 0.002em!important; line-height: 1.4em!important;} .myfooter h4 img{ margin-bottom:14px !important} .privacy{float:left;width:25%; text-align:right; } .myfooter{ padding:30px 0; background-color:#efefef; width:100%; clear:left; float:left; line-height:1.45em; font-weight:500; text-transform:none !important; letter-spacing:0; margin-top:65px; text-align:center; font-size:80%; color:#666; } .myfooter a{color:#666;} .myfooter a:hover {color:#1e242c; text-decoration:underline !important} .ct-button{ background-image:url(/images/bot-but.png); background-repeat:no-repeat; background-position:center top; height:61px; padding-top:10px; float:left; width:100%; } .ct-button span{ font-size:190%; line-height:1em; font-weight: 600; } div.clear{ clear:both; width:100%; height:1px;} #colophon { clear: both; } #supplementary { border-top: 1px solid #ddd; padding: 1.625em 7.6%; overflow: hidden; } /* Two Footer Widget Areas */ #supplementary.two .widget-area { float: left; margin-right: 3.7%; width: 48.1%; } #supplementary.two .widget-area + .widget-area { margin-right: 0; } /* Three Footer Widget Areas */ #supplementary.three .widget-area { float: left; margin-right: 3.7%; width: 30.85%; } #supplementary.three .widget-area + .widget-area + .widget-area { margin-right: 0; } /*2016 TWS Styles*/ /*2016 Header*/.tws-header{ position:fixed; top:0; left:0; width:100%; float:left; background-color:#fff; z-index:9999; display: flex; justify-content: space-between; align-items: center; } .logo-20{width:20%; float:left;} .logo-20 img{ max-width:100%; height:auto; } .shop-16{ width:10%; float:left; text-align:right;} .tws-menu{ width:70%; text-align:center;z-index: 9998;} .tws-menu ul{ list-style:none; width:auto; margin:0 auto; padding:0; text-align:center } .tws-menu a{ font-weight:600; color:#3c394c; text-transform:normal; font-size:.95em;} .tws-menu a:hover { color: #32B1DF!important;} .tws-menu ul ul{ display:none; } .tws-menu ul li{ display:inline-block; padding:5px 10px; position:relative;} .tws-menu ul li:hover ul{ display:block; padding-top:10px; padding-bottom:20px; text-align:left; left:-10px; position:absolute; background-color:#fff; width:220px; } .tws-menu ul li:hover ul li{ padding:7px 10px 7px 40px; line-height:1em; display:block; font-weight:500; background-image: URL('/images/menu-arrow.png'); background-position:20px center; background-repeat: no-repeat; background-size: 10px;} .tws-menu ul li:hover ul li a{ text-transform:none; display:block; font-weight:500;} .tws-menu ul li:last-child a{ font-weight:700; color:#32B1DF } .tws-menu ul li:hover ul li:last-child a{color:#3c394c;} /*2016 Slide*/ .intro-slide{ width:100%; height:750px; float:left; background-image:url(/images/intro-slide-16.jpg); background-repeat:no-repeat; background-position:top center;} .intro-slide h1{ font-size:4.9em; font-weight:700; letter-spacing:0em; width:50%; float:left; text-align:center; color: #32B1DF; text-transform:none; padding-top:190px; line-height:.75em; margin-bottom:30px;} .intro-slide h1 span{ font-size:.63em; display:block; text-transform:uppercase; letter-spacing:.0em;font-weight:800;} .intro-slide p{ width: 50%; float:left; clear:left; margin-bottom:15px; font-weight:500; font-size:1.2em; text-align:center;} .intro-slide p a{ display: block; width:48%; margin:0 1%; float:left; text-align:center; font-weight:600; letter-spacing:.05em; font-size:.85em; padding-top:20px; padding-bottom:20px; background-color:#32b1df; color:white; text-transform:uppercase;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .intro-slide p a:hover{ background-color:#2fa0c9;} .intro-slide p a.orange{ background-color:#f5b647;} .intro-slide p a.orange:hover{ background-color:#e4a639} a.cbutton{display:block!important; background-color:rgba(0,0,0,0.00)!important; color: #333!important; width: auto!important; padding: 0!important; text-align: center!important; text-transform: none!important; letter-spacing: 0!important; text-decoration: underline!important; margin: 0 auto!important; width: 100%!important;} a.cbutton:hover{color:#2fa0c9!important;} .cbutton span{ text-decoration: none!important;} /*2016 Products*/ .products{width:100%; float:left; padding:75px 0; font-weight:500; background-color: #fff;} .products h2{ font-size:2.25em; color: #32B1DF;color:#3c394c;text-align:center; letter-spacing:0; text-transform:none; font-weight:800; text-transform:uppercase; letter-spacing:.05em; padding-bottom:15px; background-image:url(/images/line.png); background-repeat:no-repeat; background-position:bottom center; margin-bottom: 25px;} .products h3{ font-size:1.5em; color: #32B1DF;color:#3c394c;text-align:center; letter-spacing:0; text-transform:none; font-weight:800; text-transform:uppercase; letter-spacing:.05em; padding-bottom:15px; background-image:url(/images/line.png); background-repeat:no-repeat; background-position:bottom center; margin-bottom: 25px;} .products p{ font-size:1.4em; margin: 0 25%; text-align:center; padding-bottom:45px; line-height:1.2em; color:#404040;} .products img{ border:solid 1px #dadada; padding:0 !important } .products .su-row p{ margin:0 !important; padding:0 !important} .products h4{ margin:0; font-size:.9em; letter-spacing:0; font-weight:500; line-height:1em; text-transform:none; padding:0;} .products h4 b{ display:block; font-size:1.3em; padding:8px 0;}.products h4 a{ display:block; border-top:solid 1px #efefef; padding-top:10px; margin-top:7px; color: #404040; text-transform:uppercase;} /*Sock Break*/ .sock-break{ width:100%; z-index:99999; height:650px; float:left; clear:left; background-image:url(/images/slap.jpg); background-position:center center; background-repeat:no-repeat; text-align:center; color:#fff; font-size:1.1em; } .sock-break p{font-size:1.4em; text-align:center;} .sock-break input#location_search_widget_submit_field{ text-align:center !important;width:302px !important;padding: 20px 0 !important; border:0px; background-color:#339ED5 !important; font-weight:600 !important; color:#fff !important; text-transform:uppercase !important; letter-spacing:.1em !important; border-radius:0px!important } .sock-break input#location_search_widget_submit_field:hover{ background-color:#1982D1 !important} .sock-break input#location_search_widget_zip_field{ width:300px !important; min-width:300px !important; max-width:300px !important; padding:7px 0 !important; border:solid 1px #efefef!important; text-align:center !important; border:0px; border-radius:0px!important} .sock-break h3{font-size:3.25em; padding-top:180px; font-weight:800;} .sock-break a.cta{ background: rgba(255, 255, 255, 0.85); font-weight:600; font-size:.8em;-webkit-border-radius: 4px; -moz-border-radius: 4px; margin-top:-10px !important; border-radius: 4px; padding:7px !important; color:#32b1df; width:auto;display:inline-block; } .sock-break a.cta:hover{background: rgba(255, 255, 255, 1); color:#3c394c;} .whitestrip{ width:100%; float:left; padding:80px 0 60px; font-weight:500;} .whitestrip h3{ font-size:2.25em; color: #32B1DF;color:#3c394c;text-align:center; letter-spacing:0; text-transform:none; font-weight:800; text-transform:uppercase; letter-spacing:.05em; padding-bottom:15px; background-image:url(/images/line.png); background-repeat:no-repeat; background-position:bottom center; margin-bottom: 40px;} body{ background-image:none; background-color:#fff;} .whitestrip h4{ font-size:1.2em; font-weight:800;} .whitestrip a{ color:#404040;} .whitestrip img{ margin: 0 auto !important;} .box a.cta{ font-weight:800 !important; display:block; width:130px !important; margin:14px auto !important; padding:7px !important; background-color:#efefef !important;color:#32b1df; text-transform:uppercase !important;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .box a.cta:hover{color:#3c394c !important;} .gs-fb, .gs-tw, .gs-gp, .gs-pn, .gs-ld, .gs-mail{background-color:#32B1DF !important } .resultbox{} .sock-break aside{ display:block !important;} .sock-break input{ margin:0 auto !important; float:none !important; display: block !important;} .sock-break table, .sock-break td{ text-align:center !important;} .sock-break table{ margin:0 auto !important; float:none !important;} .sock-break h3.widget-title{ padding-top:0 !important; display:none !important;} .topfooter{ width:100%; float:left; text-align:center; padding:0px 0 40px!important;} .topfooter h3{ color: #3C394C; text-align:center !important; text-transform:none !important; font-weight:800; letter-spacing:0; font-size:1.4em; padding-top:10px !important;} .topfooter a{ display:inline-block; width:40px; height:30px; margin:5px; padding-top:10px; color: #fff !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .topfooter a:hover{ background-color:#3C394C !important} .notfound{ padding:200px 0 90px 0; font-size:1.2em; font-weight:500; text-align:center !important; float:left !important; width:100% !important;} .notfound h1{ font-size:3em !important; font-weight:800 !important; color: #3C394C} .search-header{ width:100%; float:left !important; height:400px; background-image:url(/images/searchheader.jpg); background-repeat:no-repeat; margin-top:75px; background-position:top center;} .search-header h1{ color: #fff; text-align:center; padding-top:150px; font-weight:800; font-size:3em;} .tws-page{ padding:50px 0; width:100%; float:left; } .tws-page a{ color: #32B1DF !important; font-weight:800;} .tws-page h2{ font-size:1.4em; font-weight:800; padding-bottom:14px; margin-bottom:14px; border-bottom:solid 1px #dadada;} .tws-page h3{ margin-bottom:0 !important; padding-bottom:0 !important; font-weight:800;} /*Shop*/ body.post-type-archive-product .content-area, body.single-product .content-area, body.tax-product_cat .content-area { margin: 0 auto!important; float: none!important; padding: 100px 40px 100px!important; } body.post-type-archive-product h1.woocommerce-products-header__title, body.tax-product_cat h1.page-title{ font-size:40px!important; padding: 0!important; margin: 0!important; height: 65px!important; font-weight: 600!important;} h2.woocommerce-loop-product__title{text-transform: none!important; text-align: left!important; background-image: none!important; letter-spacing: 0em!important; font-size: 18px!important; line-height: 1.2em!important; font-weight: 600!important;} ul.products li .price{ font-size:14px; color: #333!important; font-size:20px!important; font-weight: 600!important;} ul.products li a.button{ display: none!important;} body.single-product .cart .button{ min-width: 150px!important; background-color:#fa9f13!important; font-family:"proxima-nova",sans-serif; padding: 17px 20px!important;} body.single-product .cart input.qty{ min-height:46px!important; } body.single-product .cart BUTTON:hover{background-color: #ed9000!important;} .woocommerce-message{ border: solid 0px!important;} .woocommerce-message a.button{background-color:#3399cc!important; color: #fff!important; padding: 15px 20px!important;} .woocommerce-message a.button:hover{background-color: #006699!important} .woocommerce-breadcrumb a{ color: #333!important;font-weight: 600!important;} .woocommerce-breadcrumb{ border: solid 0px #FFF!important;} .price{font-family:"proxima-nova",sans-serif;font-weight: 600!important; color: #333!important; font-size: 24px!important;} .variations_form select{ padding: 10px 20px!important;} body.single img.wp-post-image, img.size-woocommerce_thumbnail{ border: solid 1px #dadada!important;} body.single .products{width:100%; float:left; padding:25px 0; font-weight:500; background-color: #fff;} body.single .products h2{text-transform:capitalize!important; letter-spacing: 0!important; background-image: none!important;} .woocommerce-product-gallery__wrapper img{width: 100px!important; height: auto!important; margin: 10px 5px!important; border: solid 1px #dadada!important} .woocommerce-product-gallery__wrapper img.wp-post-image{width: 100%!important; height: auto!important;} body.single{ padding-top: 80px!important;} body.single .woocommerce-message{ width: 1100px!important; margin: 0 auto!important;} .woocommerce-message{ vertical-align: middle!important; color: #333!important; font-weight: 500!important;} .woocommerce-MyAccount-navigation{float:left!important; margin: 0!important; padding: 0!important; margin-left: -40px!important;font-family:"proxima-nova",sans-serif; } .woocommerce-MyAccount-navigation li a{color:#333!important;} .woocommerce-MyAccount-navigation li a:hover{color:#3399cc!important;} .woocommerce-MyAccount-navigation li.is-active a{ font-weight: 600!important; color:#3399cc!important;} .woocommerce-MyAccount-content{ padding: 0!important;font-family:"proxima-nova",sans-serif; } .woocommerce-MyAccount-content a{color:#333!important; font-weight: 600!important; text-decoration: underline!important;} .woocommerce-info{ border:0px!important; color: #333!important;} .woocommerce-info .button:hover{ background-color: #006699!important;} .woocommerce-MyAccount-content .woocommerce-info a.button{background-color:#3399cc!important; color: #fff!important; text-decoration: none!important; padding: 15px 20px!important} .woocommerce-MyAccount-content .woocommerce-info a.button:hover{background-color:#00699!important;} .woocommerce input{border: solid 1px #999!important;} .woocommerce selection{border: solid 1px #999!important;} .woocommerce label{ color:#333!important; font-weight: 600!important;} .woocommerce { margin-bottom:20px!important;} .woocommerce-MyAccount-content-wrapper{ padding: 20px!important; border: solid 1px #dadada!important;} .woocommerce-MyAccount-content-wrapper a:hover{ color:#3399cc!important;} .woocommerce-MyAccount-content-wrapper p{ font-size: 16px!important; color: #333!important;} address{ padding: 20px!important;} a.edit { background-color: #3399cc!important; color: #fff!important; display: inline-block; padding: 15px 20px!important; position: relative!important; border-radius: 5px!important; margin: 0 0 10px 0!important; text-decoration: none!important;} a.edit:hover{color: #fff!important; background-color: #006699!important;} .woocommerce-MyAccount-content-wrapper h2{ margin: 0 0 20px 0!important;} .woocommerce-address-fields{ border: solid 0px!important; padding: 0!important;} /*Login*/ body,p, ul, li{font-family: "proxima-nova",sans-serif!important; font-weight: 500!important;} body.page-id-4954 h2{font-weight: 600!important; margin-bottom: 10px!important; text-transform: none!important; letter-spacing: 0em!important;font-size: 20px!important; } body.page-id-4954 a.button:hover{background-color: #006699!important;} p.lost_password a{ color: #333!important; text-decoration: underline!important; font-size: 14px!important; font-weight: 500!important;font-family: "proxima-nova",sans-serif; } p.lost_password a:hover{ color: #6699cc!important;} .register p{ font-size: 14px!important;color: #333!important; font-weight: 500!important;} .woocommerce-form-login__rememberme span{color: #333!important; letter-spacing: 0!important;} input.input-text:focus{ border:solid 1px #6699cc!important;color:#333!important;} /*Product Page*/ body.single-product iframe{display: none!important;} /*Messages*/ ul.woocommerce-error{background-color:#ffe3e6!important; border: solid 1px #cc0000!important;color: #333!important; } /*invoice*/ body.page-id-4953 .woocommerce-order{font-size:18px!important;font-family: "proxima-nova",sans-serif!important; color:#333!important; border:solid 1px #dadada!important; padding: 20px!important;} body.page-id-4953 .woocommerce-order table{border: solid 1px #dadada!important;border-bottom: solid 0px #dadada!important;} body.page-id-4953 .woocommerce-order table td, body.page-id-4953 .woocommerce-order table th{font-size:18px!important;font-family: "proxima-nova",sans-serif!important; color:#333!important; border-bottom: solid 1px #dadada!important; padding-left: 10px!important; padding-top: 10px!important; } body.page-id-4953 .woocommerce-order table th{ padding-left: 10px!important;} body.page-id-4953 .woocommerce-order h2{ font-weight: 600!important; padding-bottom: 20px!important;} a.wc-forward{ margin-top: 15px!important;} button.wc_avatax_validate_address{color:#fff!important;} li.payment_method_ppcp-gateway{ margin-bottom:20px!important;} li.payment_method_ppcp-gateway div{ background-color: #efefef!important;} ul#shipping_method li{ line-height: 1.35em!important; font-size: 14px!important; } ul#shipping_method li label{font-size: 16px!important; } p.woocommerce-shipping-destination{ line-height: 1.35em!important;font-size: 16px!important;background-color: #efefef!important; padding: 7px!important;} .shipping-calculator-form button.button{ margin-top: 7px!important;} /* =Responsive Structure ----------------------------------------------- */ @media all and (max-width: 1400px) { body.post-type-archive-product .content-area, body.single-product .content-area, body.tax-product_cat .content-area { width: 90%!important; margin: 0 auto!important; float: none!important; padding: 100px 5% 100px!important; } ul.products { width: 100%!important;} ul.products li .price{ font-size:14px; color: #333!important; font-size:20px!important; font-weight: 600!important; text-align: left!important;} } @media (max-width: 1300px) { .tws-menu{ display: none;} #responsive-menu-additional-content{ padding: 0!important; margin: -20px 5% 10px!important;} #responsive-menu-additional-content .bluebutton{ min-width: 100%!important; font-weight: 800!important;} #responsive-menu-additional-content a{ font-weight:800!important; color: #fff!important; font-size: 20px!important;} .frame{ width:90%; margin-left:auto; margin-right:auto; padding-left:5%; padding-right:5%;} #click-menu #RMX.threeLines{ color:#dadada !important; font-size:4em !important; margin-top:20px !important;} #responsive-menu-title{ text-transform:uppercase; font-weight:600 !important;} #responsive-menu span.appendLink{ border-left: solid 0px !important;} #branding { border-top: 0px solid #bbb; background-color:#fff; padding-bottom: 10px; position: fixed; width:100%; z-index: 9999; height:70px; }.logo{padding-top:15px;}.logo img{ width:180px; max-width:180px; height:auto;} .shop{ float:right; width:auto; padding-right:10px !important; padding-left:10px; padding-top:3px; text-align: center; font-weight:600; letter-spacing:0.1em; position: fixed; right: 80px !important; top:0px; border-left:solid 1px #efefef; border-right:solid 1px #efefef; display: block; height:74px; margin: 0px; } .shop a{font-size:120%; font-weight:800 !important; display:inline-block;-webkit-border-radius: 3px; -moz-border-radius: 3px; padding-top:15px !important; border-radius: 3px; background-color:#fff !important; color:#45bfdf;} .shop a:hover{ padding-top:15px !important; display:inline-block; font-size:120%; color:#26accf !important; text-decoration:none;} #access{ display:none !important} .intro-slide{ width:100%; height:760px; float:left; background-image:url(/images/tablet-slide.png); background-repeat:no-repeat; background-position:top center;}.intro-slide h1{ font-size:3.75em; font-weight:800; letter-spacing:0em; float:left; text-align:center; color: #32B1DF; text-transform:none;margin-left:0%; width:100%; padding-top:430px; line-height:.8em; margin-bottom:10px;} .intro-slide h1 span{ font-size:.6em; display:block; text-transform:uppercase; letter-spacing:.05em;} .intro-slide p{ float:left; clear:left; margin-bottom:15px; font-weight:500; font-size:1.1em; text-align:center;margin-left:25%;} .intro-slide p a{ display: block; width:100%; margin:0 0%; float:left; text-align:center; font-weight:600; letter-spacing:.05em; font-size:.9em; margin-bottom:5px; padding-top:20px; padding-bottom:20px; background-color:#32b1df; color:white; text-transform:uppercase;} .intro-slide p a:hover{ background-color:#2fa0c9;} .intro-slide p a.orange{ background-color:#f5b647; margin-bottom:20px;} .intro-slide p a.orange:hover{ background-color:#e4a639} .box { color: #FFF; text-align: center; float: left; width: 50%; line-height:1.4em; font-size:120%; padding-bottom: 50px; }.box br{ display:none !important;} body.single .woocommerce-message{ width: 100%!important; margin: 0 auto!important;} } @media (max-width: 959px) { /* Simplify the basic layout */ .frame{ width:90%; margin-left:auto; margin-right:auto; padding-left:5%; padding-right:5%;} .logo{ width:100%; float:left;padding-top:15px; text-align:left;} .logo img{ width:180px; max-width:180px; height:auto;} .shop{ float:right; width:auto; padding-top:3px; padding-right:0px; text-align: center; font-weight:600; letter-spacing:0.1em; position: fixed; right: 80px !important; top:0px; border-left:solid 1px #efefef; border-right:solid 1px #efefef; display: block; height:74px; margin: 0px; } .shop a{font-size:120%; font-weight:800 !important; display:inline-block;-webkit-border-radius: 3px; -moz-border-radius: 3px; padding-top:15px !important; border-radius: 3px; background-color:#fff !important; color:#45bfdf;} .shop a:hover{ padding-top:15px !important; display:inline-block; font-size:120%; color:#26accf !important; text-decoration:none;} .bluestrip h2{ text-align:center; color:#fff; width:100%; letter-spacing:0px; text-transform:none; font-size:150%; line-height:1.4em; padding-bottom:30px; margin-left:auto; margin-right:auto; padding-right: 0px; padding-left: 0px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #1a1f25; margin-bottom: 30px; background-image: url(/images/diag1.png); background-repeat: repeat-x; background-position: center bottom; } .bluestrip h3{ font-size:110%; line-height:1em; font-weight:600; } .bluestrip{ font-size:100%;} #timeline { width: 600px; height: 250px; overflow: hidden; position: relative; background: url('/images/dot.gif') left 45px repeat-x; margin-top: 15px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border-right-width: 3px; border-left-width: 3px; border-right-style: solid; border-left-style: solid; border-right-color: #96a7b3; border-left-color: #96a7b3; } #dates { width: 600px; height: 60px; float: left; } #dates li { list-style: none; width: 100px; height: 50px; font-size: 100%; text-align: center; background: url('/images/biggerdot.png') center bottom no-repeat; float: left; } #dates a { line-height: 38px; padding-bottom: 10px; color: #ccc; } #dates .selected { font-size: 38px; color: #FFF; } #issues { width: 600px; height: 250px; overflow: hidden; } #issues li { width: 600px; height: 250px; padding-left:0px; list-style: none; float: left; padding-right: 0px; margin-right: 0px; margin-left: 0px; } #issues li.selected img { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } #issues li img { float: left; margin: 10px 30px 10px 50px; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */ zoom: 1; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -webkit-transform: scale(0.7,0.7); -moz-transform: scale(0.7,0.7); -o-transform: scale(0.7,0.7); -ms-transform: scale(0.7,0.7); transform: scale(0.7,0.7); } #issues li h1 { color: #FFF; font-size: 130%; text-align:center; text-transform: uppercase; letter-spacing: 0.1em; margin-top: 0px; margin-right: 0; margin-bottom: 20px; margin-left: 0; padding-top: 0px; } #issues li p { font-size: 100%; color:#fff; margin-right: 75px; font-weight: normal; line-height: 1.4em; margin-left: 75px; text-align: center; } #issues li p a{ color:#ccc;} #main { clear: both; width: 100%; padding-top: 0em; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-right: auto; margin-left: auto; } #primary { float: left; width:100%; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } #content { margin: 0; width: 90%; padding-right: 5%; padding-left: 5%; font-size: 90%; padding-top: 30px; padding-bottom: 20px; } /* =Menu -------------------------------------------------------------- */ #access { /* Show a solid color for older browsers */ width:90%; display: block; float: left; padding-top:15px; margin: 0px; padding-right: 0px; padding-left: 0px; } #access ul { width:100%; font-size: 11px; list-style: none; margin: 0px; padding-left: 0px; } #access li { float: left; position: relative; } #access a { color: #eee; display: block; text-transform:normal; letter-spacing:.0em; line-height: 3.333em; padding: 0 .9em; font-size:90%; font-weight:400; text-decoration: none; } #main #content { margin: 0 7.6%; width: auto; } #nav-below { border-bottom: 1px solid #ddd; margin-bottom: 1.625em; } #main #secondary { float: none; margin: 0 7.6%; width: auto; text-align:center; } /* Simplify the showcase template */ .page-template-showcase-php .featured-posts { min-height: 280px; } .featured-posts section.featured-post { height: auto; } .page-template-showcase-php section.recent-posts { float: none; margin: 0; width: 100%; } .page-template-showcase-php #main .widget-area { float: none; margin: 0; width: auto; } .page-template-showcase-php .other-recent-posts { border-bottom: 1px solid #ddd; } /* Simplify the showcase template when small feature */ section.featured-post .attachment-small-feature, .one-column section.featured-post .attachment-small-feature { border: none; display: block; float: left; height: auto; margin: 0.625em auto 1.025em; max-width: 30%; position: static; } article.feature-image.small { float: right; margin: 0 0 1.625em; width: 64%; } .one-column article.feature-image.small .entry-summary { height: auto; } article.feature-image.small .entry-summary p a { left: 0; padding-left: 20px; padding-right: 20px; width: auto; } /* Remove the margin on singular articles */ .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title { width: 100%; } /* Simplify the pullquotes and pull styles */ .singular blockquote.pull { margin: 0 0 1.625em; } .singular .pull.alignleft { margin: 0 1.625em 0 0; } .singular .pull.alignright { margin: 0 0 0 1.625em; } .singular .entry-meta .edit-link a { left: 0; position: absolute; top: 40px; } .singular #author-info { margin: 2.2em -8.8% 0; padding: 20px 8.8%; } /* Make sure we have room for our comment avatars */ .commentlist { width: 100%; } .commentlist > li.comment, .commentlist .pingback { margin-left: 102px; width: auto; } /* And a full-width comment form */ #respond { width: auto; } /* No need to float footer widgets at this size */ #colophon #supplementary .widget-area { float: none; margin-right: 0; width: auto; } /* No need to float 404 widgets at this size */ .error404 #main .widget { float: none; margin-right: 0; width: auto; } .intro-slide p{ float:left; clear:left; margin-bottom:15px; font-weight:500; font-size:1.1em; text-align:center;margin-left:0%; width:100%;} .products p{ font-size:1.4em; margin: 0 10%; text-align:center; padding-bottom:45px; line-height:1.2em; color:#404040;} .box { color: #FFF; text-align: center; float: left; width: 50%; line-height:1.4em; font-size:120%; padding-bottom: 50px; } .elementor-menu-cart__footer-buttons a.elementor-button--checkout{background-color: #F3AB2B!important; color: #fff!important} .elementor-menu-cart__footer-buttons a:hover{background-color: #FCa508!important; color: #fff!important} .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{background-color: #333!important; color: #fff!important} } @media (max-width: 800px) {.products p br{ display:none;} } @media (max-width: 799px) { .products { text-align:center !important;}} @media (max-width: 650px) { /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */ body, input, textarea { font-size: 13px; } #site-title a { font-size: 24px; } #site-description { font-size: 12px; } #access ul { font-size: 12px; } article.intro .entry-content { font-size: 12px; } .entry-title { font-size: 21px; } .featured-post .entry-title { font-size: 14px; } .singular .entry-title { font-size: 28px; } .entry-meta { font-size: 12px; } blockquote { margin: 0; } blockquote.pull { font-size: 17px; } /* Reposition the site title and description slightly */ #site-title { padding: 5.30625em 0 0; } #site-title, #site-description { margin-right: 0; } /* Make sure the logo and search form don't collide */ #branding #searchform { top: 1.625em !important; } /* Floated content doesn't work well at this size */ .alignleft, .alignright { float: none; margin-left: 0; margin-right: 0; } /* Make sure the post-post navigation doesn't collide with anything */ #nav-single { display: block; position: static; } .singular .hentry { padding: 1.625em 0 0; } .singular.page .hentry { padding: 1.625em 0 0; } /* Talking avatars take up too much room at this size */ .commentlist > li.comment, .commentlist > li.pingback { margin-left: 0 !important; } .commentlist .avatar { background: transparent; display: block; padding: 0; position: static; } .commentlist .children .avatar { background: none; left: 2.2em; padding: 0; position: absolute; top: 2.2em; } /* Use the available space in the smaller comment form */ #respond input[type="text"] { width: 95%; } #respond .comment-form-author .required, #respond .comment-form-email .required { left: 95%; } #content .gallery-columns-3 .gallery-item { width: 31%; padding-right: 2%; } #content .gallery-columns-3 .gallery-item img { width: 100%; height: auto; } .contactimg, .aboutimg, .locatorimg, .recommendimg, .resourcesimg, .ziptop, .movedown {margin-top: 54px!important;} .locatorimg{ min-height: 300px!important; height: 300px!important;} .products p br{display:none;} .products { text-align:center !important;} .topfooter h3{ text-align:center !important; text-transform:none !important; font-weight:700; letter-spacing:0; font-size:1.2em; padding-top:10px !important;} .shop a.buy{ display: none!important;} } @media (max-width: 649px) { #location_search_form td{ display:block; width:100% !important; padding:2px 0 !important; float:left !important; text-align:center !important} #location_search_form input.submit{ width:100% !important; font-weight:700 !important; text-transform:uppercase !important; padding:15px 0 !important; font-size:1em !important} .result{ text-align:center !important; } .result h3{ text-align:center !important} .result td, .result .result_address, .result .result_phone, .result .result_links{ width:100% !important; display:block !important; clear:left !important; min-width:100% !important; float:left !important; text-align:center !important} .result .result_links a{ } #access { /* Show a solid color for older browsers */ width:90%; display: block; float: left; padding-top:15px; margin: 0px; padding-right: 0px; padding-left: 0px; display:none; } #branding{ height: 55px!important; min-height: 55px!important; max-height: 55px!important; padding-top:0px; } #branding img{ margin-top:0px; padding-top:0px; max-height:30px; width:auto;} #branding select { -webkit-appearance: button; -webkit-border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-image: url(../images/select-arrow.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); background-position: center right; background-repeat: no-repeat; border: 1px solid #AAA; color: #555; font-size: 0.8em; overflow: hidden; padding-top: 2px; padding-bottom: 2px; text-overflow: ellipsis; white-space: nowrap; display:inline; float:left; font-weight: 600; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 15px; } .scolor{ background-color:#1e222b; position:fixed; left: 0px; bottom: 0px; width:70%; height: 35px; } #locations-temp p { margin:15px 0;} #locations-temp p a{ } .headerimg { background-image:url(/images/phone-bkg.png); background-repeat:no-repeat; background-position:center top; width:100%; height:480px; float:left; text-align:center; } .headerimg h1{ font-size:300%; text-transform:uppercase; font-weight:600; letter-spacing:.1em; text-align:center; margin-top:75px; color:#FFF; margin-bottom: 0px; padding-bottom: 0px; line-height: 1em; } #quotes { font-size:200%; position:relative; text-transform:uppercase; color:#FFF; font-weight:600; letter-spacing:0.1em; text-align:center; margin-top: 0px; margin-right: auto; margin-bottom: 60px; margin-left: auto; padding-top: 0px; padding-bottom: 20px; line-height: 1em; } .textItem { width:100%; position:absolute; display:none; text-align:center; } a.bluebutton{ background-color:#43b5d4; width:200px; display:inline-block!important; margin-left:auto!important; margin-right:auto!important; text-align:center!important; color:#fff; padding:10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 5px auto!important; font-size: 90%; } a.bluebutton:hover{ background-color:#0190c9; text-decoration: none; } a.graybutton{ background-color:#efefef; width:200px; display:block; margin-left:auto; margin-right:auto; text-align:center; color:#2a2a2a; padding-top:10px; padding-bottom:10px; font-size: 90%; margin-top:7px; } a.graybutton:hover{ background-color:#0190c9; text-decoration: none; } .bluestrip{ /*background-image:url(/images/blue-bottom.jpg);*/ background-repeat:repeat; background-position:center top; clear:left; float:left; width:100%!important; text-align: center!important; padding-top:40px; padding-bottom:80px; } .bluestrip h2{ text-align:center; color:#fff; width:100%; letter-spacing:0px; text-transform:none; font-size:150%; line-height:1.4em; padding-bottom:30px; margin-left:auto; margin-right:auto; padding-right: 0px; padding-left: 0px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #1a1f25; margin-bottom: 30px; background-image: url(/images/diag1.png); background-repeat: repeat-x; background-position: center bottom; } .bluestrip h3{ font-size:150%;} #no {display:none;} #timeline { display:none; } #content .su-column{ width:100%;} .shop{ display: flex!important; width:auto; padding-top:3px; padding-right:0px; text-align: left!important; font-weight:600; letter-spacing:0.1em; position: fixed; right: 20px !important; top:0px; border-left:solid 0px #efefef; border-right:solid 0px #efefef; display: block; height:55px!important; margin: 0px; } .shop a{font-size:100%; font-weight:800 !important; display:inline-block;-webkit-border-radius: 3px; -moz-border-radius: 3px; padding-top:10px !important; border-radius: 3px; background-color:#fff !important; color:#45bfdf;} .shop a:hover{ padding-top:10px !important; display:inline-block; font-size:100%; color:#26accf !important; text-decoration:none;} .logo img{ width:100px; max-width:100px; height:auto; margin-left: 70px!important;} #content .gallery-columns-2 .gallery-item { width: 45%; padding-right: 4%; } #content .gallery-columns-2 .gallery-item img { width: 100%; height: auto; } .box { color: #FFF; text-align: center; float: left; width: 100%; line-height:1.4em; font-size:120%; padding-bottom: 50px; }.box a{ font-size:120% !important} .box h3 a{ font-size:80%; padding:20px 0;} .bluestrip ul.states{ list-style:none; margin:0px 0; padding:0px 0; width:100%; float:left;} .bluestrip ul.states li a{ color:#fff; padding:3px 15px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; opacity: 1; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; } .bluestrip ul.states li a:hover{ color:#333; background-color:#fff; padding:3px 15px; text-decoration:none; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .box img{ padding-bottom:10px; padding-top:10px; display:block !important; } .runners-world{ width:100%; clear:left; float:left; padding-top:30px; padding-bottom:30px; margin-bottom:30px; border-bottom:solid 0px #dadada; text-align:center; font-size:110%; background-image: url(/images/diag2.png); background-repeat: repeat-x; background-position: left bottom; } .runners-world a{ color:#1e242c; display:block; } .runners-world img{ padding: 0px 15px; } .footer-info{ font-size:80%; line-height:1.35em; color:#ccc; padding-bottom:45px;} .copyright{float:left;width:100%; text-align:center;} .address{float:left;width:100%; text-align:center; } .privacy{float:left;width:100%; text-align:center;} .myfooter{ background-color: #efefef; padding:50px 0; width:100%; clear:left; float:left; line-height:1.45em; margin-top:65px; text-align:center; font-size:90%; color:#1e242c; letter-spacing:0em; } .ct-button{ background-image:url(/images/bot-but.png); background-repeat:no-repeat; background-position:center top; height:61px; padding-top:10px; float:left; width:100%; margin-bottom: 30px; } .ct-button span{font-size:190%; line-height:1em;} .bluestrip ul{ width:100%; margin:0px 0; } /*2016 Slide*/ .intro-slide{ width:100%; height:635px; float:left; background-image:url(/images/phone-slide.png); background-repeat:no-repeat; background-position:top center;} .intro-slide h1{ font-size:3.25em; font-weight:800; letter-spacing:0em; width:100%; float:left; text-align:center; color: #32B1DF; text-transform:none; padding-top:350px; line-height:.8em; margin-bottom:10px;} .intro-slide h1 span{ font-size:.6em; display:block; text-transform:uppercase; letter-spacing:.05em;} .intro-slide p{ width: 100%; float:left; clear:left; margin-bottom:15px; font-weight:500; font-size:1.3em; text-align:center;} .intro-slide p a{ display: block; width:100%; margin:0 0%; float:left; text-align:center; font-weight:600; letter-spacing:.05em; font-size:.9em; margin-bottom:5px; padding-top:20px; padding-bottom:20px; background-color:#32b1df; color:white; text-transform:uppercase;} .intro-slide p a:hover{ background-color:#2fa0c9;} .intro-slide p a.orange{ background-color:#f5b647; margin-bottom:20px;} .intro-slide p a.orange:hover{ background-color:#e4a639} .products { text-align:center !important;} .products img{ max-width:100%; height:auto;} .sock-break h3{ line-height:1em !important;} input {-webkit-appearance: none; box-shadow: none !important; } .shop{ float:right; width:auto; padding-top:3px; padding-right:0px; text-align: center; font-weight:600; letter-spacing:0.1em; position: fixed; right: 20px !important; top:0px; border-left:solid 0px #efefef; border-right:solid 0px #efefef; display: block; height:47px; margin: 0px; } whitestrip h3{ line-height:1em !important} .shop a{font-size:120%; font-weight:800 !important; display:inline-block;-webkit-border-radius: 3px; -moz-border-radius: 3px; padding-top:10px !important; border-radius: 3px; background-color:#fff !important; color:#45bfdf;} .shop a:hover{ padding-top:10px !important; display:inline-block; font-size:120%; color:#26accf !important; text-decoration:none;} .topfooter h3{ font-size:1.2em !important; line-height:1.1em !important; padding-top:14px !important;} .myfooter h4{ font-size:1.4em !important; line-height:1.4em !important } .myfooter h4 a{ display:block !important;} .ziptop{ /*background-image:url(/images/blue-bottom.jpg); background-repeat:repeat-x; background-position:center top;*/ background-color:#5e656e; clear:left; float:left; text-align:center; color:#fff; width:100%; padding-top:40px; padding-bottom:35px; } } /* =Print ----------------------------------------------- */ @media print { body { background: none !important; font-size: 10pt; } footer.entry-meta a[rel=bookmark]:link:after, footer.entry-meta a[rel=bookmark]:visited:after { content: " [" attr(href) "] "; /* Show URLs */ } #page { clear: both !important; display: block !important; float: none !important; max-width: 100%; position: relative !important; } #branding { border-top: none !important; padding: 0; } #branding hgroup { margin: 0; } #site-title a { font-size: 21pt; } #site-description { font-size: 10pt; } #branding #searchform { display: none; } #branding img { display: none; } #access { display: none; } #main { border-top: none; box-shadow: none; } #primary { float: left; margin: 0; width: 100%; } #content { margin: 0; width: auto; } .singular #content { margin: 0; width: 100%; } .singular .entry-header .entry-meta { position: static; } .entry-meta .edit-link a { display: none; } #content nav { display: none; } .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title { margin: 0; width: 100%; } .singular .hentry { padding: 0; } .entry-title, .singular .entry-title { font-size: 21pt; } .entry-meta { font-size: 10pt; } .entry-header .comments-link { display: none; } .page-link { display: none; } .singular #author-info { background: none; border-bottom: none; border-top: none; margin: 2.2em 0 0; padding: 0; } #respond { display: none; } .widget-area { display: none; } #colophon { display: none; } /* Comments */ .commentlist > li.comment { background: none; border: 1px solid #ddd; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; margin: 0 auto 1.625em; padding: 1.625em; position: relative; width: auto; } .commentlist .avatar { height: 39px; left: 2.2em; top: 2.2em; width: 39px; } .commentlist li.comment .comment-meta { line-height: 1.625em; margin-left: 50px; } .commentlist li.comment .fn { display: block; } .commentlist li.comment .comment-content { margin: 1.625em 0 0; } .commentlist .comment-edit-link { display: none; } .commentlist > li::before, .commentlist > li.bypostauthor::before { content: ''; } .commentlist .reply { display: none; } /* Post author highlighting */ .commentlist > li.bypostauthor { color: #444; } .commentlist > li.bypostauthor .comment-meta { color: #666; } .commentlist > li.bypostauthor:before { content: none; } /* Post Author threaded comments */ .commentlist .children > li.bypostauthor { background: #fff; border-color: #ddd; } .commentlist .children > li.bypostauthor > article, .commentlist .children > li.bypostauthor > article .comment-meta { color: #666; } } /* =IE7 ----------------------------------------------- */ #ie7 article.intro { margin-left: -7.6%; margin-right: -7.6%; padding-left: -7.6%; padding-right: -7.6%; max-width: 1000px; } #ie7 section.featured-post { margin-left: -7.6%; margin-right: -7.6%; max-width: 850px; } #ie7 section.recent-posts { margin-right: 7.6%; }