Albany HS Career and Technical Education
/* Resets --------------------------------------------------------------------------------*/ ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; } a img { border: 0; } a { text-decoration: none; } a:focus, input:focus, select:focus, textarea:focus, button:focus { outline: none; } /* General Styling and Structure --------------------------------------------------------------------------------*/ html { width: 100%; height: 100% ; } body { width: 100%; height: 100%; color: @TextColor; background: @HeaderBg; font: 16px/1 'Actor', sans-serif; letter-spacing: 0.48px; -webkit-font-smoothing: antialiased; } .wrapper { position: relative; width: 100%; height: 100%; background: @HeaderBg; } .page-content { position: relative; display: block; top: 0; left: 0; min-height: 100%; background-color: @BgColor; -webkit-transition: left 610ms cubic-bezier(0,.8,.55,1); -moz-transition: left 610ms cubic-bezier(0,.8,.55,1); -o-transition: left 610ms cubic-bezier(0,.8,.55,1); transition: left 610ms cubic-bezier(0,.8,.55,1); } .container, .wsite-footer { margin: 0 auto; max-width: 1100px; margin: 0 auto; padding: 4em 2.5em; box-sizing: border-box; } #header, #banner-wrap, #main, #footer { width:100%; } #main { background: #fff; overflow: hidden; } /* Text and fonts --------------------------------------------------------------------------------*/ a { color: @linkColor; } a:hover { color: @linkHover; text-decoration:none; transition: .2s ease-in color, .2s ease-in background-color; } h2 { color: @HeadingColor; font-family: 'Cabin'; font-size: 1.75em; font-weight: 900; margin: 0 auto .5em; text-transform: uppercase; } p { line-height: 1.5; margin: 0 auto 1em; } blockquote { color: @HeadingColor; font-size: 1.25em; line-height: 1.25; font-weight: 500; padding: 0px 0px 0px 25px; margin: 2em 0; border-left: 4px solid @linkColor !important; letter-spacing: 1px; font-style: normal !important; } /* Header --------------------------------------------------------------------------------*/ #header { position: relative; top: 0; left: 0; width:100%; max-width: 100vw; height: auto; box-sizing: border-box; background: @HeaderBg; color:#fff; z-index: 4; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .stuck { position: fixed !important; top: 0; left: 0; } #banner-wrap { position: relative; background-position: center center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #header > .container { position: relative; display: table; width: 100%; padding: 13px 1em; } #logo, #nav-handle, #header #search { display: table-cell; vertical-align: middle; } #nav-handle, #header #search { width: 275px; } #logo, #logo a { text-transform: uppercase; color: #fff; line-height: 1; font-weight: 300; letter-spacing: 0.78px; text-align: center; } #logo a:hover { text-decoration: none; } #logo .wsite-logo img { display: block; max-height: 38px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #wsite-title { font-size: 1.5em; } .hamburger { cursor: pointer; width: 25px; height: 14px; padding-top: 10px; opacity: 1; transition: opacity 0.2s ease-in; } .mobile, .mobile:before, .mobile:after { display: block; width: 25px; height: 4px; background: #fff; border-radius: 2px; } .mobile{ position: relative; } .mobile:before, .mobile:after { content: ''; position: absolute; } .mobile:before { top: -8px; } .mobile:after { bottom: -8px; } .hamburger:hover { opacity:0.8; } /* Header: Search Box --------------------------------------------------------------------------------*/ #header #search { text-align: right; } #header #search .wsite-search-input { color: #fff; font-size: 0.9em; height: 30px; width:0px; vertical-align: middle; border-radius: 0px; background-color: transparent; border-bottom: 2px solid transparent!important; padding: 0px 8px 0 0!important; margin-right: -35px; text-align:left; border: none; box-shadow: none; background: none; box-sizing: border-box; -webkit-transition: width 610ms cubic-bezier(0,.8,.55,1); -moz-transition: width 610ms cubic-bezier(0,.8,.55,1); -o-transition: width 610ms cubic-bezier(0,.8,.55,1); transition: width 610ms cubic-bezier(0,.8,.55,1); } #header #search .wsite-search-button { position: relative; background: url(images/search.svg) no-repeat center; background-size: 18px; padding: 11px 1px; border-radius: 2px; background-color: @HeaderBg; box-sizing: border-box; margin: 4px 0; width: 35px; height: 11px; } #header #search.showsearch .wsite-search-input { width: 200px; border-bottom: 2px solid #fff!important; } #wsite-search-header h2 { font-weight: 700; } #wsite-search-submit{ border-left: none; top: 10px; right: 1px; background-size: 17px 17px; } #wsite-search-query{ font-family: 'Cabin', sans-serif; box-shadow: none; background: none; height: 40px; font-size: 24px; } /* Search bar animation */ .wsite-search-element-submit{ background-repeat: no-repeat; top: 0; margin-top: 0; right: 0; padding: 11px; height:14px; border-radius:2px; background: #E7E7E8 url(images/search.svg) no-repeat 11px; background-size: 45%; } .wsite-search-element-submit:active, .wsite-editor .wsite-search-element-submit:active, .wsite-search-element-submit:hover, .wsite-editor .wsite-search-element-submit:hover{ background-position:11px!important; } /* Social Links --------------------------------------------------------------------------------*/ .wsite-social { vertical-align: middle; white-space: normal; font-size: 40px; } .wsite-social-item { margin: 5px; font-size: .4em; border-radius: 25px; border: 2px solid @TextColor; display: inline-block; padding: 8px !important; color: @TextColor; box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .wsite-social-item:hover{ border-color: @linkColor; color: @linkColor; } .wsite-elements .wsite-social-item.first-child, .wsite-editor .wsite-elements .wsite-social-item.first-child { padding-left: 8px!important; } .wsite-elements .wsite-social-item.last-child, .wsite-editor .wsite-elements .wsite-social-item.last-child { padding-right: 8px!important; } /* Navigation --------------------------------------------------------------------------------*/ .nav ul { list-style: none; font-size: 0; } .nav ul span:last-child li, .nav ul > li:last-child { background: none; } .nav ul li a, #wsite-menus .wsite-menu li a { display: block; color: #fff; background: transparent; font-family: 'Cabin', sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase; text-align: left; line-height: 1; padding: 15px 25px; border: 0; outline: 0; opacity: 0.75; -webkit-transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out; } .nav ul li#active a, .nav ul li a:hover, #wsite-menus .wsite-menu li a:hover { border: 0; opacity: 1; text-decoration: none; text-shadow: 0 1px 1px rgba(0,0,0,.2); } .nav ul li a:hover, #wsite-menus .wsite-menu li a:hover { background: @linkHover; } .w-navpane-covering, .w-navpane-is-open .w-navpane-covering { z-index: 2; } .w-navpane { display: none; width: 270px; height: 100%; left: -270px; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 3; box-sizing: border-box; -webkit-transition: left 610ms cubic-bezier(0,.8,.55,1); -moz-transition: left 610ms cubic-bezier(0,.8,.55,1); -o-transition: left 610ms cubic-bezier(0,.8,.55,1); transition: left 610ms cubic-bezier(0,.8,.55,1); } body.w-navpane-is-forced .w-navpane { display: block; } body.w-navpane-is-forced #wsite-title { font-size: 2em; } .w-navlist { width: 100%; background: @linkColor; text-align: center; } .w-navlist .container { max-width: none; } .w-navlist .container ul li { display: inline-block; } /* Navigation Submenu's --------------------------------------------------------------------------------*/ #wsite-menus .wsite-menu li { background: @linkColor; } #wsite-menus .wsite-menu li a span { padding: 0 !important; color: inherit !important; font-size: 14px; } #wsite-menus .wsite-menu li a:hover { opacity: 1; text-decoration: none; text-shadow: 0 1px 1px rgba(0,0,0,.2); } .wsite-menu-title, .wsite-menu-back { display: inline-block !important; } .wsite-menu-arrow { display: none !important; } .wsite-menu-mobile-arrow { display: inline-block !important; font-size: inherit !important; padding: 0 5px; } .wsite-menu-mobile-arrow:before { display: inline-block; content: '\203A'; vertical-align: bottom; font-weight: bold; } .wsite-menu-back-item { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .nav ul li.wsite-menu-back-item a { cursor: pointer; } .wsite-menu-back-item .wsite-menu-mobile-arrow:before { content: '\2039' !important; } /* Universal banner --------------------------------------------------------------------------------*/ #banner-wrap .container, .splash-page #splash-wrap { display: table; width: 100%; height: 100%; vertical-align: middle; } #banner h2, .splash-content h2 { color: #fff; font-size: 4em; text-transform: uppercase; } #banner h2 { margin: 0 auto; } #banner p { margin: .8em auto 1em; } #banner p, #banner .paragraph, .splash-content .paragraph { font-size: 1.5em; color: #fff; } #banner .button-wrap { display: inline-block; } .wsite-background, .wsite-header-section { background: @BgColor url(images/bg.jpg) no-repeat center center; background-size: cover; } /* Page type: Header page --------------------------------------------------------------------------------*/ .header-page .wsite-header-section { height: 500px; } /* Splash page --------------------------------------------------------------------------------*/ .splash-page { height: 100%; } .splash-page #banner { display: table-cell; vertical-align: middle; text-align: center; padding: 50px 0; } .splash-page .page-content { position: absolute; width: 100%; height: 100%; display: table; } body.splash-page .wsite-background { background-attachment: fixed; } .splash-page #splash-wrap { display: table-row; vertical-align: middle; width: 100%; height: 100%; box-sizing: border-box; } .splash-page #main { background: none !important; } .splash-page .splash-content { display: table-cell; vertical-align:middle; color:#fff; } .splash-page #footer { display:none; } /* Gallery --------------------------------------------------------------------------------*/ .galleryCaptionHolderInnerBg { transition: ease-in .2s background; } a.w-fancybox:hover .galleryCaptionHolderInnerBg{ background: @linkColor; opacity: .7; } .galleryImageHolder .galleryCaptionInnerText { text-transform:uppercase; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.157); font-size: 18px; font-family: 'Source Sans Pro', sans-serif; margin: 30px auto; font-weight: 500; } /* Blog --------------------------------------------------------------------------------*/ .blog-sidebar { width: 250px; font-size:14px; line-height:22px; letter-spacing: 0.42px; } .blog-header { text-transform:uppercase; font-size:18px; line-height:30px; } .blog-title-link, .blog-title-link:hover, .no-title, .no-title:hover { text-decoration:none; } .blog-post .blog-separator { border-bottom: 4px double #ddd; margin: 5px auto 30px; } .blog-content h2 { font-family: 'Source Sans Pro', sans-serif; font-size:20px; font-weight: 500; } .blog-sidebar h2 { font-size:18px; line-height:30px; letterspacing:0px; } .blogCommentWrap { border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin: 0 0 20px; padding: 0 6px 20px 50px; position:relative; } .blogCommentWrap:before { content:""; position:absolute; width: 50px; height: 50px; background: url(images/comment-bubble-$Color.png); top:0px; left:0px; } .blogCommentOwner, .blogCommentOwner .blogCommentHeading, .blogCommentOwner .blogCommentHeadingInner { background-image: none !important; } .blogCommentHeading, .blogCommentWrap, .blogCommentOwner .blogCommentHeading .blogCommentAuthor, .blogCommentHeading .blogCommentAuthor { background-image: none !important; height: auto; } .blogCommentHeading .blogCommentHeading .blogCommentHeadingInner { background: none !important; } #commentAreaTitle { font-size:22px; line-height:24px; font-family: 'Cabin', sans-serif; letter-spacing: 0.66px; font-weight:normal; color: @TextColor !important; } .blogCommentHeading { font-family: 'Cabin', sans-serif; } .blogCommentHeading .blogCommentAuthor { color: @linkColor; font-size: 16px; font-weight: normal; text-shadow: 0px; } #commentText .blogCommentHeading .blogCommentAuthor span.name, #commentText .blogCommentHeading .blogCommentAuthor a.name { color: @linkColor !important; text-shadow: none !important; } #commentText .blogCommentHeading .blogCommentAuthor a.name:hover { color: @linkHover; text-decoration:underline; } .blogCommentHeading .blogCommentAuthor a.link { display: none; } .blogCommentHeading .blogCommentDate { color: @TextColor !important; float: left; font-size: 14px; padding: 0 9px 0 5px; text-shadow: none; } .blogCommentText p, #secondlist .blogCommentText p { font-size:16px; line-height:24px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.48px; } .blog-button span .blogCommentReplyWrapper, .blogCommentReplyWrapper iframe { min-height: 650px !important; } .blogCommentReplyWrapper iframe { padding: 30px 0 !important; } #commentUserInfo { color: @TextColor; } #commentUserInfo a { color: @linkColor; } .blogCommentSubreplyWrapper div.iframeWrapper { background: none ; border: none; border-radius: 0px; } .blogCommentSubreplyWrapper div.iframeWrapper { background: #f1f1f1; } .blogCommentSubreplyWrapper iframe { padding: 0; } .blogCommentLevel1 { padding: 0 6px 20px 70px; } .blogCommentLevel1:before { left:20px; } .blogCommentLevel2 { padding: 0 6px 20px 90px; } .blogCommentLevel2:before { left:40px; } /* Store * Category * product --------------------------------------------------------------------------------*/ .wsite-com-column { vertical-align: top; } #wsite-com-store .wsite-com-category-subcategory-name-text { text-shadow: none; text-transform: uppercase; padding: 32px 16px; font-family: 'Cabin'; font-weight: 700; font-size: 1.5em !important; } #wsite-com-store #wsite-com-hierarchy ul .wsite-com-link-text{ text-shadow: none; text-transform: uppercase; font-family: 'Cabin'; font-weight: 700; font-size: .9em !important; color: @linkColor; } #wsite-com-store .wsite-com-category-subcategory-group + div { height: 25px; } .wsite-com-category-subcategory-link { position: relative; overflow: hidden; z-index: 1; } a.wsite-com-category-subcategory-link .wsite-com-category-subcategory-name-bg { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 1; background: rgba(0, 0, 0, .75); } .wsite-com-category-subcategory-name { overflow: hidden; z-index: 1; } a.wsite-com-category-subcategory-link:hover .wsite-com-category-subcategory-name-bg { background: @linkColor; opacity: .7; } #wsite-com-product-list .wsite-com-category-product-name { font-size: 1.2em; } #wsite-com-product-gen { margin-top: 55px; } #wsite-com-product-title { font-size: 30px; font-weight: bold; } #wsite-com-product-price-area { border-bottom: none; padding-bottom:0px; } #wsite-com-product-price-area .wsite-com-product-price-container { color: @linkColor; font-size: 1em; font-weight: 500; line-height: 1; } #wsite-com-product-social-sharing { padding:0px !important; } #wsite-com-product-social-sharing a { width: 25px; height: 25px; margin: 0px 10px 0px 0px; } .wsite-com-category-product-image-wrap, .wsite-com-category-product-featured-image-wrap, .wsite-com-category-subcategory-image-wrap { border:none; } #wsite-com-store #close{ display: none; } .wsite-com-product-option-color .wsite-com-product-option-color-swatch{ outline: none; } .wsite-com-product-option-groups select{ background: #f1f1f1; height: 38px; border: none; color: @linkColor; padding: 10px; } /* Cart --------------------------------------------------------------------------------*/ .wsite-custom-minicart-wrapper { max-width: 75px; vertical-align: middle; float: right; margin-top: 3px; } #wsite-mini-cart { margin-left: -4px !important; } #wsite-mini-cart:before, #wsite-mini-cart:after { display: none !important; } #wsite-nav-cart-num { font-size: 0; opacity: 1.0 !important; line-height: 1.7 !important; background: none !important; } #wsite-nav-cart-a { font-size: 0 !important; display: block; } #wsite-nav-cart-a:hover, #wsite-nav-cart-a:focus { background: none !important; } #wsite-nav-cart-num:before { content: ''; position: absolute !important; display: block; width: 24px; height: 20px; background: transparent url(images/cart.png) no-repeat center center; background-size: 100% 100%; left: -30px; top: -5px; margin-top: 5px; } #wsite-nav-cart-num { display: block !important; position: relative !important; margin-left: 35px; padding: 0; min-width: 30px; text-align: center; text-indent: 0 !important; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 1.75; font-size: 13px; border-radius: 20px; border: 2px solid #fff; color: #fff; white-space: nowrap; } .wsite-menu-default { padding: 0; margin: 0; } /* Checkout */ .wsite-com-continue-shopping:hover, .wsite-com-continue-shopping:active { text-decoration: none; } #wsite-com-checkout-list .wsite-form-input{ min-width: 50px; } /* Footer --------------------------------------------------------------------------------*/ #footer { background: @BgColor; font-size: 14px; line-height: 1.25; color: #fff; } #footer > div { top: auto !important; } .wsite-footer { padding-top: 2em; padding-bottom: 2em; } #footer h2 { font-size: 16px; text-transform: none; font-weight: 600; color: #fff; } #footer .wsite-form-container { text-align:left; } #footer .wsite-form-input, #footer .wsite-search-element-input { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; background: #fff; border: solid 2px #fff; padding: 8px 15px !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #footer .wsite-form-input:focus { color: @linkColor; } /* Form Customization --------------------------------------------------------------------------------*/ .wsite-form-field, .wsite-com-product-option { padding-bottom: 15px; } .wsite-form-label { display: inline-block; text-transform:uppercase; font-weight: 300; margin-bottom:5px; } .wsite-form-radio-container { margin-bottom:15px; } .wsite-form-sublabel { margin-top: 5px; } .formlist { min-height: 50px; } .wsite-form-input { -webkit-transition: 0.2s ease-in border; -moz-transition: 0.2s ease-in border; transition: 0.2s ease-in border; -webkit-appearance: none; } .wsite-form-field div.wsite-form-input-container .wsite-form-input{ transition: background ease-in .2s; } .wsite-form-input, .wsite-search-element-input, #commentPostDiv .field input[type="text"], #commentPostArea .field textarea, .form-select { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; color: @TextColor; background: #f1f1f1; border: solid 2px #e6e6e6; padding: 8px 10px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-sizing: border-box; height: auto; resize: none; } .wsite-search-element-input { border: none; } .wsite-form-field select { height: 40px; } .wsite-form-input:focus , #commentPostArea .field input:focus, #commentPostArea .field textarea:focus { color: @TextColor; background: #ffffff; border: 2px solid #cccccc; } .form-radio-container input, .wsite-editor .form-radio-container input{ margin: 0 10px 0 0; } .form-radio-container input{ display: none; } .wsite-com-product-option-label input[type="radio"] + span:before, .form-radio-container label:before { color: rgba(0, 0, 0, 0); border: 4px solid #e8e8e8; background: #e8e8e8; content: "\25CF"; padding: 0 2px; height: 17px; width: 17px; line-height: 6px; font-size: 18px; margin-right: 6px; box-sizing: border-box; display: inline-block; -webkit-transition: all 150ms cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 150ms cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition: all 150ms cubic-bezier(0.55, 0.085, 0.68, 0.53); -ms-transition: all 150ms cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 150ms cubic-bezier(0.55, 0.085, 0.68, 0.53); } .wsite-com-product-option-label input[type="radio"] + span:before, .form-radio-container input[type="radio"] + label:before { border-radius: 100%; } .wsite-com-product-option-label input:checked + span:before, .form-radio-container input:checked + label:before { background: @linkColor; } /* Buttons --------------------------------------------------------------------------------*/ /* Small structure & regular style */ .wsite-button, .wsite-editor .wsite-button, .blog-button { display: inline-block; padding: 0px; background: @BtnNormal !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-sizing: border-box; max-width: 100%; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .wsite-button:hover { background: @BtnHover; } .wsite-button-inner { display: block; color: #ffffff !important; background: none !important; font-family: 'Cabin', sans-serif; font-size: 1em; min-height: 32px !important; font-weight: bold; text-transform: uppercase; padding: 3px 30px !important; text-align: center; } .wsite-button:hover { background: @BtnHover !important; color: @BtnTextHover !important; } /* Large structure & regular style */ .wsite-button-large { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .wsite-button-large .wsite-button-inner { padding: 4px 53px !important; min-height: 42px !important; } /* Highlighted styles */ .wsite-button-highlight, .wsite-editor .wsite-button-highlight { background: @Btn2Normal !important; } .wsite-button-highlight:hover { background: @Btn2Hover !important; color: #fff !important; } /* Mobile layouts 767px --------------------------------------------------------------------------------*/ @media (max-width: 992px) { .w-navlist { display: none; } .w-navpane-trigger { display: block; } } /* Mobile layouts 767px --------------------------------------------------------------------------------*/ @media (max-width: 767px) { /* General*/ body { font-size: 14px; } #banner { font-size: 12px; } .paragraph { font-size: 1em !important; } .wsite-multicol-col { max-width: 100% !important; display: block; width: auto !important; margin: 0 auto 1em !important; } .container { padding: 1em; } .wsite-button-inner { padding: 3px 20px; } .wsite-button-large .wsite-button-inner, #wsite-com-product-add-to-cart .wsite-button-inner { padding: 4px 25px; } .galleryCaptionInnerText { display: none !important; } /* Sections */ .wsite-section { height: auto !important; } /* Nav */ .nav ul li a { padding: 8px 20px 8px; } #logo #wsite-title { font-size: 1.5em !important; } #logo .wsite-logo img { max-width: 140px; max-height: 38px; } .wsite-nav-cart { right: 1em; } #wsite-nav-cart-num { font-size: 13px !important; top: 4px !important; line-height: 1 !important; } #wsite-mini-cart .wsite-product-image { padding: 5px !important; } #wsite-mini-cart .wsite-items-right { padding-right: 5px !important; } #header #search { padding-right: 0 !important; } #wsite-mini-cart { width: 100%; left: 3px !important; border-radius: 0 !important; } #header #nav-handle, #header #search { width: 100px !important; } .hamburger{ padding-top: 16px; } /* Banners*/ #banner h2 { font-size: 2.5em !important; } #banner p { font-size: 1.25em !important; } #banner h2 *, #banner p * { font-size: inherit !important; line-height: inherit !important; } /* Buttons */ .wsite-button-large .wsite-button-inner, #wsite-com-product-add-to-cart .wsite-button-inner{ min-height: 0!important; } /* Store*/ .wsite-com-sidebar, #wsite-com-product-images { width: 100% !important; text-align: center; padding: 0; float: none; } .wsite-com-content-with-sidebar, #wsite-com-product-info { margin-left: 0; padding: 15px 0 0; clear: both; } #wsite-com-product-images-strip .wsite-com-product-images-secondary { margin-top: 0; } .wsite-com-content-inner .wsite-com-category-subcategory-group .wsite-com-column, #wsite-com-category-product-group .wsite-com-column, .wsite-com-category-product-group .wsite-com-column { width: 100% !important; height: auto !important; text-align: center; margin-bottom: 1em; } #wsite-com-product-gen{ margin-top: 0; } #wsite-com-product-price-area .wsite-com-product-price-container{ font-size:1.1em; } #wsite-com-product-title{ font-size: 1.75em; } /* Checkout */ #wsite-com-checkout-list .wsite-com-checkout-item-image, #wsite-com-checkout-summary-list .wsite-com-checkout-item-image { max-width: 50px; max-height: 50px; margin-right: 10px; } h2.wsite-checkout-header { padding-bottom: 0 !important; } #wsite-com-checkout-list .wsite-com-checkout-item-image, #wsite-com-checkout-summary-list .wsite-com-checkout-item-image { max-width: 50px; max-height: 50px; margin-right: 10px; } #wsite-com-checkout-list .wsite-com-checkout-item-details-inner, #wsite-com-checkout-summary-list .wsite-com-checkout-item-details-inner { padding-left: 0 !important; } .wsite-com-checkout-item-details{ width: 30%; } #wsite-com-checkout-list { font-size: .75em !important; } .wsite-com-continue-shopping, button.wsite-button.wsite-button-large.wsite-button-highlight.wsite-checkout-button.wsite-com-paypal-checkout-button { font-size: .85em !important; } #wsite-com-checkout-list .wsite-form-input:not(.wsite-coupon-input), #wsite-com-checkout-summary-list .wsite-form-input:not(.wsite-coupon-input) { width: 45px !important; margin: 0 10px !important; padding: 5px !important; } #wsite-com-checkout-list .wsite-coupon-input, #wsite-com-checkout-summary-list .wsite-coupon-input { width: 120px; } #wsite-com-checkout-list .wsite-remove-button, #wsite-com-checkout-summary-list .wsite-remove-button { left: 10px !important; top: 10px !important; } .wsite-checkout-type .wsite-paypal { margin-left: 0; margin-top: 10px; } #wsite-com-checkout-payment > div { width: 100%; } #wsite-com-checkout-payment-order { margin: 0; padding: 15px; } #wsite-com-checkout .wsite-button-inner { font-size: 14px; line-height: 22px; height: 22px; padding: 5px 25px; } #wsite-com-checkout .wsite-button { margin-top: 0 !important; } /* Search Results */ #wsite-search-submit { border: none; top: 6px !important; } #wsite-search-header, #wsite-search-product-results .wsite-search-product-result { width: 100%; } #wsite-search-header h2 { padding-top: 10px; margin: 0 10px 10px 0; } #wsite-search-header #wsite-search-query { font-size: 1em !important; min-height: 0px; } #wsite-search-sidebar { display: none; } #wsite-search-content:not(.one-column) #wsite-search-results { width: 100% !important; margin-right: 0 !important; } #wsite-search-form-container{ float: none; } /* Blog */ #blogTable tbody > tr > td { display: block !important; } .column-blog { width: 100% !important; } .blog-sidebar-separator { padding: 0 !important; } .blog-sidebar, #blogTable td{ width: 100%; display: block; } .blogCommentReplyWrapper, .blogCommentReplyWrapper iframe { height: 660px; } /* Category Dropdown --------------------------------------------------------------------------------*/ /* Categories */ .wsite-com-column-group.wsite-com-category-product-featured-group .wsite-com-column { width:100%!important } .wsite-com-content { width:100%; margin-left:0 } .wsite-com-category-subcategory-name-text { font-size:.8em } .wsite-com-column-group.wsite-com-category-subcategory-group .wsite-com-column { width:100%!important } .wsite-com-category-subcategory-name { top:0 } #wsite-com-store #wsite-com-hierarchy ul .wsite-com-link-text { font-size:.8em } /* Category Dropdown */ #wsite-com-store .wsite-com-sidebar { width:100%; float:none!important; padding:5px 0 0!important; text-align:center; position:relative; z-index:10; margin:0 auto 15px; cursor:pointer; min-height:55px } #wsite-com-store .wsite-com-sidebar:hover:after{ background: @linkHover; } #wsite-com-store .wsite-com-sidebar::after { content:'VIEW ALL CATEGORIES \25be'; padding: 10px 0; text-align:center; font-weight:900!important; text-transform:uppercase; color:#fff; background: @linkColor; clear:both; width:100%; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 120ms cubic-bezier(0.55,0.085,0.68,0.53); -moz-transition:all 120ms cubic-bezier(0.55,0.085,0.68,0.53); -o-transition:all 120ms cubic-bezier(0.55,0.085,0.68,0.53); -ms-transition:all 120ms cubic-bezier(0.55,0.085,0.68,0.53); transition:all 120ms cubic-bezier(0.55,0.085,0.68,0.53) } #wsite-com-store .sidebar-expanded::after { display:none } #wsite-com-store .sidebar-expanded { cursor:default!important } #wsite-com-store .wsite-com-content-with-sidebar { margin-left: 0!important; padding: 0!important } #wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy > ul { top:0; left:0; width:100%; padding:3.5em 0 1.75em!important; background:#434343; /*border-bottom:4px solid #fff;*/ } #wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy { position:absolute; width:100%; max-height:0; overflow:hidden; margin:0 auto .25em; display:block; -webkit-transition:border-color 120ms cubic-bezier(0.55,0.085,0.68,0.53),max-height 350ms cubic-bezier(0.445,0.05,0.55,0.95); -moz-transition:border-color 120ms cubic-bezier(0.55,0.085,0.68,0.53),max-height 350ms cubic-bezier(0.445,0.05,0.55,0.95); -o-transition:border-color 120ms cubic-bezier(0.55,0.085,0.68,0.53),max-height 350ms cubic-bezier(0.445,0.05,0.55,0.95); -ms-transition:border-color 120ms cubic-bezier(0.55,0.085,0.68,0.53),max-height 350ms cubic-bezier(0.445,0.05,0.55,0.95); transition:border-color 120ms cubic-bezier(0.55,0.085,0.68,0.53),max-height 350ms cubic-bezier(0.445,0.05,0.55,0.95) } #wsite-com-store .wsite-com-sidebar:hover #wsite-com-hierarchy { max-height:0px; border-color: @linkColor; } #wsite-com-store .sidebar-expanded #wsite-com-hierarchy { max-height:2000px!important } #wsite-com-store #close { position:absolute; z-index:12; width:100%; top:0; text-align:center; font-weight:900!important; text-transform:uppercase; color:#fff; display:block; padding:10px 0; border-bottom:none } #wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy a,#wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy { color:#fff } #wsite-com-store .wsite-com-category-subcategory-group + div{ height: 0; } } @media print { body { font-size: 20px; color: #000; } .sticky-wrapper, #header { position: relative !important; height: auto !important; } .page-content { height: auto !important; overflow: auto !important; } #wsite-com-checkout-print-receipt { display: none !important; } }