Copywriting, relatiegeschenken, promotiekleding, events
/* 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; } /* General Styling --------------------------------------------------------------------------------*/ html { height: 100%; } body{ font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #626262; margin: 0; padding: 0; background: #021f2f; ; background-repeat: repeat; } .splash-page { background-color: #ffffff; } .bg-wrapper { background-color: #f9f9f9; } h1 { font-family: 'Rabiohead'; /* Changes the text's font */ color: #44caba; /* Changes the text's color */ text-transform: uppercase; /* Changes the text to all capital letters */ line-height: 1; /* Changes the space between 2 or more lines of h1 text */ margin: 0 auto 1em; /* Changes the space below the whole h1 text */ } h1 { font-family: 'Raleway', sans-serif; font-size:25px; color: #5199a8; } h2 { font-family: 'Lora', sans-serif; font-size: 1.7em; font-weight: normal; color: #484848; margin: 0 auto .3em; } p, div.paragraph { line-height: 1.5; margin: 0 auto 1em; } hr.styled-hr { background-color: #d0d0d0; } #wrapper blockquote { border-left: 5px solid #d0d0d0; margin-left: 20px; padding-left: 20px; margin-bottom: 1em; } #header { text-align: center; padding-top: 20px; padding-bottom: 25px; }
.wsite-logo a { color: #484848; font-family: 'Raleway'; font-weight: 500; font-size: 36px; text-transform: uppercase; } .wsite-logo a:hover { color: #484848; } a { color: #5199a8; -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; } a:hover { color: #8dc7d3; } #content-wrapper { width: 960px; margin: auto; } #content, #footer-content{ padding: 4em 1.6em; margin: 0 auto; box-sizing: border-box; } .wsite-form-container { margin-top: 0 !important; } .paragraph ul, .paragraph ol { padding-left: 3em !important; } /* Footer --------------------------------------------------------------------------------*/ #footer { font-family: 'Raleway', sans-serif; font-size: 14px; background: #f9f9f9; } #footer-content { width: 960px; margin: auto; } #footer h2 { font-family: 'Raleway', sans-serif; font-size: 18px; text-transform: uppercase; } /* Nav and Menus --------------------------------------------------------------------------------*/ #navigation { padding-bottom: 40px; width: 960px; margin: auto; text-align: center; text-transform: uppercase; overflow: hidden; font-family: 'Raleway', sans-serif; font-size: 14px; } #navigation a{ display:inline-block; padding:10px 14px; } #navigation ul:before, #navigation ul:after { background-color: #e0e0e0; content: ""; display: inline-block; height: 1px; bottom: .1em; position: relative; vertical-align: middle; width: 50%; } #navigation ul:before { right: 29px; margin-left: -50%; } #navigation ul:after { left: 29px; margin-right: -50%; } #navigation li { display: inline-block; } #navigation li:hover, #navigation li#active { background-color: #5199a8; color: #484848; } #navigation a { color: inherit; } .wsite-menu{ list-style-type:none; margin-left:25px; } #wsite-menus .wsite-menu li a { background-color: #f6f6f6; border: none; color: #484848; } #wsite-menus .wsite-menu li a:hover { background-color: #e8e8e8; color: #484848; } .wsite-menu-arrow { font-size: 0; margin-left: 10px; } .wsite-menu-arrow:before { display: inline-block; content: '\203A'; vertical-align: bottom; font-size: 20px; } /* Buttons --------------------------------------------------------------------------------*/ .wsite-button, .wsite-button .wsite-button-inner, .wsite-editor .wsite-button, .wsite-editor .wsite-button .wsite-button-inner { color: white; background-image: none !important; background-color: #5199a8; } .wsite-button, .wsite-editor .wsite-button { padding: 8px 20px !important; } .wsite-button-large, .wsite-editor .wsite-button-large { padding: 10px 25px !important; } .wsite-button .wsite-button-inner, .wsite-editor .wsite-button .wsite-button-inner { background-color: inherit; height: auto !important; line-height: 1.25 !important; padding: 0 !important; } .wsite-button-highlight, .wsite-editor .wsite-button-highlight { background-color: #5199a8; } .wsite-button-highlight:hover, .wsite-editor .wsite-button-highlight:hover { background-color: #5cb0c2; } .wsite-button-highlight:active, .wsite-editor .wsite-button-highlight:active { background-color: #44818e; } .wsite-button-normal, .wsite-editor .wsite-button-normal { background-color: #484848; } .wsite-button-normal:hover, .wsite-editor.wsite-button-normal:hover { background-color: #616161; } .wsite-button-normal:active, .wsite-editor .wsite-button-normal:active { background-color: #303030; } /* Image --------------------------------------------------------------------------------*/ .galleryCaptionHover .galleryCaptionHolder { height: 100%; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; -webkit-backface-visibility: hidden; } .partialImageGalleryCaption.galleryCaptionHolder { height: auto; } .galleryCaptionHover.galleryImageHolder:hover .galleryCaptionHolder { opacity: 1; } .galleryCaptionHolderInner { display: table; height: 100%; } .galleryCaptionInnerTextHolder { display: table-cell; vertical-align: middle; } #content-wrapper #content .galleryImageBorder { border-color: #d0d0d0; } #content-wrapper #content .wsite-image-border-hairline a img, #content-wrapper #content .wsite-image-border-thin a img, #content-wrapper #content .wsite-image-border-medium a img, #content-wrapper #content .wsite-image-border-thick a img { border-color: #d0d0d0; } /* Banner --------------------------------------------------------------------------------*/ .banner-wrap { position: relative; text-align: center; background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; } .wsite-background { background-image: url(images/default_header.jpg); background-position: center center; } #banner { position: relative; width: 600px; height: 100%; margin: auto; display: table; table-layout: fixed; z-index: 2; } #banner-container { display: table-cell; vertical-align: middle; padding: 2em 1.6em; } .banner-wrap a { color: #8dc7d3; } .banner-wrap a:hover { text-decoration: underline; } .banner-wrap .wsite-button-inner, .wsite-editor .banner-wrap .wsite-button-inner { font-family: 'Raleway', sans-serif; text-transform: uppercase; font-size: 15px; } #banner h2 { font-size: 50px; color: white; padding: 0; margin: 0; } #banner p { font-size: 1.33em; margin: 0 auto; color: white; } #banner p > span:before { content: ''; display: block; padding-top: 30px; } #banner .button-wrap { padding: 0; } .banner-wrap .button-wrap div { text-align: center !important; } .banner-wrap .button-wrap > div:before { content: ''; display: block; padding-top: 40px; } /* Page type: Landing page --------------------------------------------------------------------------------*/ .landing-page #banner { height: 460px; } .wsite-background:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .1); z-index: 1; } /* Page type: Splash page --------------------------------------------------------------------------------*/ body.splash-page, .splash-page .body-wrap, .splash-page { height: 100%; } .splash-page .spacer { height: 16%; } .splash-page #banner { height: 100%; } .splash-page #wrapper { height: 100%; width: 100%; border-spacing: 0; } .splash-page #wrapper td { padding: 0; } .splash-page #header, .splash-page #footer { padding-top: 25px; background: #ffffff; } .splash-page #navigation, .splash-page #footer { padding-bottom: 25px; } .splash-page #footer-content { display: none; } /* Page type: Tall Header page --------------------------------------------------------------------------------*/ .tall-header #banner { height: 380px; } /* Page type: Short Header page --------------------------------------------------------------------------------*/ .short-header .banner-wrap { height: 300px; } /* Page type: No Header page --------------------------------------------------------------------------------*/ .no-header #content { padding-top: 2em; } /* Product Element --------------------------------------------------------------------------------*/ .wsite-product { border: 1px solid #d0d0d0; border-radius: 2px; background: inherit; box-shadow: none; } .wsite-product .wsite-product-title { font-family: 'Lora', sans-serif; font-size: 26px; } .wsite-product-image { border: 1px solid #d0d0d0; border-radius: 0; } /* Form inputs --------------------------------------------------------------------------------*/ .wsite-input, .wsite-form-input, select { border: solid 1px #d0d0d0; border-radius: 0; margin: 8px 0; outline: none; background-image: none; min-height: 35px !important; padding: 8px !important; font-size: 13px; box-sizing: border-box; } .wsite-input:focus, .wsite-form-input:focus, select:focus { border-color: #5199a8; } .wsite-form-phone-separator { margin: 8px 0; } .wsite-form-label { font-weight: normal; } select { font-family: 'Raleway', sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: .01px; text-overflow: ''; padding-left: 8px; padding-top: 2px; padding-bottom: 2px; background: url(images/downarrow.png) no-repeat 97% 13px; background-color: white; } select::-ms-expand { display: none; } #wsite-com-checkout-payment-info select { background: none; } .wsite-form-field input[type='checkbox']:checked, .wsite-form-field input[type='checkbox']:not(:checked), .wsite-form-field input[type='radio']:checked, .wsite-form-field input[type='radio']:not(:checked), .wsite-com-product-option input[type='radio']:checked, .wsite-com-product-option input[type='radio']:not(:checked) { display: none; } .wsite-form-field input[type='checkbox']:checked + label:before, .wsite-form-field input[type='checkbox']:not(:checked) + label:before, .wsite-form-field input[type='radio']:checked + label:before, .wsite-form-field input[type='radio']:not(:checked) + label:before, .wsite-com-product-option-label input[type='radio']:checked + span:before, .wsite-com-product-option-label input[type='radio']:not(:checked) + span:before { content: ''; display: inline-block; height: 22px; width: 22px; vertical-align: middle; margin-right: 8px; } .wsite-form-field input[type='checkbox']:not(:checked) + label:before { background: url(images/default_icons.png) -714px -35px; } .wsite-form-field input[type='checkbox']:checked + label:before { background: url(images/teal_icons.png) -722px -32px; } .wsite-form-field input[type='radio']:not(:checked) + label:before, .wsite-com-product-option-label input[type='radio']:not(:checked) + span:before { background: url(images/default_icons.png) -663px -35px; } .wsite-form-field input[type='radio']:checked + label:before, .wsite-com-product-option-label input[type='radio']:checked + span:before { background: url(images/teal_icons.png) -671px -32px; } /* Blog --------------------------------------------------------------------------------*/ .blog-sidebar { padding-left: 60px; } .column-blog { width: 100%; } .blog-sidebar-separator { padding: 0; } .blogCommentText p, #secondlist .blogCommentText p { font: inherit !important; color: #8e8e8e !important; } .blogCommentHeading .blogCommentHeadingInner, .blogCommentWrap, .blogCommentHeading, .blogCommentHeading .blogCommentAuthor { background:none !important; } .blogCommentHeading .blogCommentAuthor span.name, .blogCommentHeading .blogCommentAuthor a.name, .blogCommentHeading .blogCommentDate { color: #8e8e8e !important; font: inherit !important; text-shadow: none !important; } .blogCommentReplyWrapper iframe { height: 460px !important; } /* Store --------------------------------------------------------------------------------*/ #wsite-com-product-gen { padding: 0 !important; } .wsite-com-content-with-sidebar .wsite-com-category-subcategory-group { display: none; } #wsite-com-heirarchy { font-size: 15px; font-family:'Raleway', sans-serif; } #wsite-com-hierarchy .wsite-link-unselected { color: inherit; } #wsite-com-hierarchy .wsite-selected, #wsite-com-hierarchy .wsite-com-link:hover { color: #5199a8; } #wsite-com-store #wsite-com-hierarchy ul li { line-height: 1; text-transform: uppercase; font-size: 15px; font-family:'Raleway', sans-serif; } #wsite-com-store #wsite-com-hierarchy ul .wsite-com-link-text { margin-bottom: 1em; } .wsite-com-category-product-group .wsite-com-category-product-wrap, .wsite-com-category-product-featured-group .wsite-com-category-product-wrap, .wsite-com-category-product-featured-group .wsite-com-category-product-featured-wrap, .wsite-com-category-subcategory-group .wsite-com-category-subcategory-wrap { margin: 0 10px 20px; } .wsite-com-category-subcategory-name { top: 0; } .wsite-com-category-subcategory-name-text { position: relative; display: table; width: 100%; height: 100%; padding: 0; } .wsite-com-category-subcategory-name-text span { display: table-cell; vertical-align: middle; } .wsite-com-category-subcategory-name-bg { -webkit-transition: opacity 0.3s ease-in-out !important; -moz-transition: opacity 0.3s ease-in-out !important; -o-transition: opacity 0.3s ease-in-out !important; -ms-transition: opacity 0.3s ease-in-out !important; transition: opacity 0.3s ease-in-out !important; } .wsite-com-category-subcategory-link:hover .wsite-com-category-subcategory-name-bg { opacity: .3; } /* Social Links --------------------------------------------------------------------------------*/ .wsite-social { white-space: normal; } .wsite-social-item { font-size: 1.35em; display: inline-block; margin: 0 8px 10px; color: #b9b9b9; } .wsite-social-item:hover { color: #5199a8; } /* Mobile - Nav --------------------------------------------------------------------------------*/ #header{ background:#5199a8; } #navigation ul { list-style-type:none; } #navigation ul li { display:inline-block; } .nav-trigger { display:none; text-align:center; } .nav-trigger span.mobile { display:block; background-color:#484848; height:3px; width:24px; position:relative; margin:0 auto 5px; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1); -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1); } .nav-trigger span.mobile:last-child{ margin-bottom:0; } .navmobile-wrapper{ display: none; } .navmobile-wrapper .nav-trigger { padding: 0; } .navmobile-wrapper label{ padding: 10px; } /* Mobile - Layouts 1024px --------------------------------------------------------------------------------*/ @media (max-width:1024px){ /* General */ #navigation, #banner, #content-wrapper, #footer-content{ width:auto; min-width: 100%; } #wrapper{ box-sizing:border-box; } #wrapper { position:relative; left:0%; -webkit-transition: left 0.3s ease-in-out !important; -moz-transition: left 0.3s ease-in-out !important; -o-transition: left 0.3s ease-in-out !important; -ms-transition: left 0.3s ease-in-out !important; transition: left 0.3s ease-in-out !important; } /* Product */ #wsite-com-product-images a div{ padding-right:10px; } /* Footer */ #footer{ background:#f9f9f9; } /* Search */ #wsite-search-submit{ border-radius:0; margin-top:2px; } /* Blog */ .blog-sidebar{ padding-left:40px; } /* Cart */ #wsite-mini-cart .wsite-product-image{ padding:10px; } } /* Mobile - Layouts 992px --------------------------------------------------------------------------------*/ @media (max-width:992px){ /* General */ h2, #wsite-search-header h2{ font-size:1.4em; /*margin-top:10px;*/ margin-bottom:7px; padding-top:0; display:block; } #content .paragraph font { font-size: inherit; } .wsite-com-content{ padding:0; } .short-header .banner-wrap{ margin-bottom:1.5em; } .wsite-button-inner, .wsite-editor .wsite-button-inner { font-size: 0.8em; } .paragraph{ font-size:1em!important; line-height:1.5em!important; } /* Nav */ .navmobile-wrapper { position: fixed; display: block; opacity: 0; width: 275px; height: 100%; padding: 80px 0 20px 0; top: 0; left: 0; box-sizing: border-box; overflow-y: auto; background: #ffffff; -webkit-transition: opacity 0s 1s linear; -moz-transition:opacity 0s 1s linear; -o-transition: opacity 0s 1s linear; transition: opacity 0s 1s linear; } #navmobile{ margin: 0 15px; font-size:0.9em; text-transform:uppercase; letter-spacing:0.01em; font-family:'Raleway', sans-serif; } #navmobile ul{ list-style-type:none; width:60%!important; } .nav-trigger, nav#nav-mobile { display:block; margin:10px; } #navigation, .wsite-menu-arrow, #wsite-menus { display:none; } .nav-trigger{ display: table-cell; vertical-align: middle; width: 24px; } #navigation{ display: none; } .wsite-nav-cart.wsite-nav-3 { position: absolute; top: -52px; right: 0; } .postload { height: 100%; } .postload .body-wrap { position: relative; width: 100%; min-height: 100%; overflow-x: hidden; } #wrapper { box-sizing:border-box; z-index:10; background: #5199a8; position: relative; width:100%; min-height:100%; padding-top:64px; -webkit-box-shadow:0px -0px 5px rgba(87, 87, 87, 0.2); -moz-box-shadow:0px -0px 5px rgba(87, 87, 87, 0.2); -o-box-shadow:0px -0px 5px rgba(87, 87, 87, 0.2); box-shadow:0px -0px 5px rgba(87, 87, 87, 0.2); } input.nav-trigger, input.nav-trigger-close { display:none; } body.menu-open #wrapper { left:275px; } body.menu-open .navmobile-wrapper { opacity: 1; -webkit-transition: opacity 0s 0s linear; -moz-transition:opacity 0s 0s linear; -o-transition: opacity 0s 0s linear; transition: opacity 0s 0s linear; } .close-btn { display:inline-block; padding:4px 0; margin:1px; } .open-btn { display: block; position: relative; z-index: 11; width: 24px; padding: 15px; cursor:pointer; } .wsite-menu-default a, .wsite-menu a{ color:inherit; padding:10px; display:block; } .wsite-menu-default a:hover, .wsite-menu a:hover{ background:#f6f6f6; color:#484848; } .wsite-menu-back-item a, .wsite-menu-default a, .wsite-menu a{ cursor:pointer; } .wsite-menu-back-item a{ color:inherit; } .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; } .wsite-menu-back-item .wsite-menu-mobile-arrow:before{ content:'\2039'; } .wsite-menu-slide li{ margin:0 0 10px; } .wsite-menu-slide li#active a{ background:#f6f6f6; color:#484848; } .wsite-menu{ margin-left:0; } /* Footer */ #footer{ padding: 0; } .footer-full{ padding-bottom:5em!important; /*for checkout when fixed to bottom*/ } /* Header */ #header{ padding: 0 10px; border-bottom:solid 1px #d0d0d0; height:65px; box-sizing:border-box; display:table; width:100%; position:fixed; top:0; left: 0; background:#ffffff; z-index:11; } body.wsite-native-mobile-editor #header { position: absolute; } .splash-page #header { padding-top: 0; } #sitename{ margin:0 60px; vertical-align:middle; display:table-cell; } .wsite-logo a { font-size:1.5em; } .wsite-logo #wsite-title { font-size: 1em !important; } .wsite-logo{ margin:3px 54px 0 0; } .landing-page .banner-wrap{ height:auto; } .wsite-logo a img{ margin:0!important; max-height: 45px; max-width: 170px; } .short-header .banner-wrap { height:200px; } .tall-header #banner{ height:300px; } .landing-page #banner { height:400px; } /* Banner */ #banner h2 { font-size: 3em!important; line-height: 1; } #banner h2 span, #banner h2 span font{ font-size: inherit !important; } #banner p{ font-size:1em; } .banner-wrap .wsite-button-inner, .wsite-editor .banner-wrap .wsite-button-inner { font-size:0.8em; } #banner p > span:before { padding-top: 25px; } .banner-wrap .button-wrap > div:before { padding-top: 35px; } .splash-page .spacer { height: 0; } /* Blog */ .column-blog{ width:100%; } .blog-sidebar-separator{ padding:0; } #commentPostDiv .field input[type=text]{ height:40px; line-height:20px; padding:0 10px; box-sizing:border-box; } /* Product */ .mousetrap{ width:auto!important; } #wrapper iframe#content img{ max-width:100%; } #wsite-com-product-sku{ font-size:1em; float:none; padding-bottom:5px; } #wsite-mini-cart{ width:auto; margin:10px; z-index:11; } /* Checkout */ #wsite-com-checkout-list th, #wsite-com-checkout-summary-list th, #wsite-com-checkout-list .wsite-com-checkout-item-heading a, #wsite-com-checkout-summary-list .wsite-com-checkout-item-heading a, #wsite-com-checkout-list th, #wsite-com-checkout-summary-list th, #wsite-com-checkout-list td, #wsite-com-checkout-summary-list td, #wsite-com-checkout-cart-footer, .wsite-checkout-button .wsite-button-inner { font-size:0.8em; } .wsite-com-checkout-item-image{ max-width:90%; height:auto; } #wsite-com-checkout-list .wsite-remove-button, #wsite-com-checkout-summary-list .wsite-remove-button{ left:0; margin-left:0; top:10px; } #wsite-com-checkout-list .wsite-com-checkout-item-image{ width:40px; height:40px; } #wsite-mini-cart{ /*display:block!important;*/ bottom:0; top:auto!important; opacity:1!important; position:fixed!important; margin:0; border-radius:0; -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-mini-cart.full{ display:block!important; } .wsite-product-list li{ display:none!important; } #wsite-mini-cart.arrow-top-left:after, #wsite-mini-cart.arrow-top-left:before{ border:none; } h2.wsite-checkout-header{ padding-bottom:5px; } #wsite-mini-cart .wsite-product-image{ padding:10px; } body.menu-open #wsite-mini-cart{ bottom:-70px; -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-product-list{ display:none!important; } /* Search */ #wsite-search-form-container{ float:none; } #wsite-search-query{ font-size:1.25em; } #wsite-search-sidebar{ display:none; } #wsite-search-results, #wsite-search-product-results .wsite-search-product-result{ width:100%; } .wsite-input{ height:40px; padding:2px 10px; } /* Categories */ .wsite-com-column-group.wsite-com-category-product-featured-group .wsite-com-column, #wsite-com-store .wsite-com-category-product-group .wsite-com-column { width:50%!important; } } @media (min-width: 768px) { #wsite-com-store #close { display: none !important; } } /* Mobile - Layouts 767 --------------------------------------------------------------------------------*/ @media (max-width:767px){ /* Nav */ #navmobile ul{ width:100%!important; } .wsite-logo a { font-size: 1.25em; } /* Table */ .wsite-multicol-col { max-width: 100% !important; display: block; width: auto !important; margin: 0 auto 1em !important; } /* Header */ .short-header .banner-wrap { height:120px; } .tall-header #banner{ height:230px; } .landing-page #banner { height:300px; } #banner h2 { font-size: 2em!important; } .banner-wrap .button-wrap > div:before { padding-top: 30px; } /* Product */ #wsite-com-category-product-group.wsite-com-category-product-group .wsite-com-column{ width:100%!important; height:auto!important; } #wsite-com-product-info { margin:0; } /* Blog */ #blogTable > tbody > tr > td { display: block !important; width: 100% !important; margin: 0 auto; padding: 0 !important; } .blog-body { float: none !important; } .blog-header { text-align: left; } .blog-sidebar .column-blog { width: 100%; float: none; padding-top: 3em; border-top: 1px solid $btnHLnormal; } /* Gallery */ .galleryCaptionHolder{ top:0; } .imageGallery .galleryCaptionInnerText p, .imageGallery .galleryCaptionInnerText{ font-size:1.2em; line-height:19px; font-weight:200; } .galleryCaptionHolder{ display:none; } .fullwidth-mobile .galleryCaptionHolder{ display:block; } .fullwidth-mobile{ width:100%!important; } .fullwidth-mobile > div{ margin:5px 0!important; } .fancybox-overlay{ background:#f9f9f9!important; } .fancybox-opened .fancybox-skin{ box-shadow:none; height:100%!important; padding: 0 0 10%!important; background:transparent; } div.fancybox-wrap.fancybox-mobile.fancybox-type-image.fancybox-opened{ height:100%!important; padding-top:50px; } a.fancybox-item.fancybox-close{ display:none; } .fancybox-overlay:after, .fancybox-overlay:before, .fancybox-overlay-fixed.fancybox-overlay:after, .fancybox-overlay-fixed.fancybox-overlay:before, .fancybox-overlay:before, .fancybox-overlay:after{ content: ''; width: 25px; height: 3px; position: fixed; top: 21px; right: 10px; background: #415161; z-index: 11; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-overlay-fixed.fancybox-overlay:before, .fancybox-overlay:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .fancybox-wrap{ /*width: 100% !important;*/ /*height: 100% !important;*/ /*left: 0 !important;*/ top: 0 !important; position: fixed !important; display: table !important; } .fancybox-wrap > div{ display: table-cell !important; vertical-align: middle !important; padding-top:60px!important; text-align: center; border-radius:0; } .fancybox-inner{ margin: 0 auto; width: 100% !important; height: auto !important; } .fancybox-nav, .fancybox-nav:active, .fancybox-nav:focus{ right: 0px !important; display: none !important; } .fancybox-close{ top:10px; right:10px; } .fancybox-opened ~ #wsite-mini-cart{ display:none; } #fancybox-thumbs.bottom{ bottom:0; background:#f9f9f9; padding:10px 0; } /* Forms */ .wsite-name-field .wsite-form-input-first-name, .wsite-name-field .wsite-form-input-last-name{ width:100%; } /* Product */ #wsite-com-product-images{ width:100%; padding-bottom:15px; } #wsite-com-product-info { margin-left: 0; } #wsite-com-product-images a div{ padding-right:0px; } /* Categories */ #wsite-com-store .wsite-com-category-subcategory-group .wsite-com-column, #wsite-com-store .wsite-com-category-product-featured-group .wsite-com-column, #wsite-com-store .wsite-com-category-product-group .wsite-com-column { width: 50% !important; } .wsite-com-content{ width:100%; margin-left:0; } .wsite-com-category-subcategory-name-text{ font-size:0.85em; } .wsite-com-category-subcategory-name{ top:0; } #wsite-com-product-list{ padding-top:20px; } /* Category Dropdown */ #wsite-com-store .wsite-com-sidebar{ width: 100%; float: none !important; padding: 0 !important; text-align: center; position: relative; z-index: 10; margin: 0 auto 15px; cursor: pointer; min-height: 40px; background: #5199a8; } #wsite-com-store .wsite-com-sidebar:before { content: 'VIEW ALL CATEGORIES \25be'; padding: 0; text-align: center; font-weight: 900 !important; text-transform: uppercase; color: white; padding:10px 18px; display:block; } #wsite-com-store .sidebar-expanded.wsite-com-sidebar:before { content: 'CLOSE \25b4'; } #wsite-com-store .sidebar-expanded { cursor: pointer; } #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 { width: 100%; padding: 1.5em 0 !important; } #wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy { width: 100%; max-height: 0px; overflow: hidden; margin: 0 auto; display: block; -webkit-transition: max-height 350ms linear; -moz-transition: max-height 350ms linear; -o-transition: max-height 350ms linear; -ms-transition: max-height 350ms linear; transition: max-height 350ms linear; } #wsite-com-store .sidebar-expanded #wsite-com-hierarchy { max-height: 2000px !important; margin: 0 auto .25em; } #wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy a, #wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy { color: white; } #wsite-com-hierarchy .wsite-selected { font-weight: bold; color: #fff; } /* Stripe Checkout Page ---------------------------------------*/ .wsite-com-checkout-payment-column, .wsite-com-checkout-summary-column { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 auto 1em !important; } #wsite-com-checkout-list .wsite-coupon-input, #wsite-com-checkout-summary-list .wsite-coupon-input { width: 120px; margin: 0; } #wsite-com-checkout-cart-footer { text-align: center; } .wsite-com-continue-shopping { display: block; margin: 0 auto 5px; } #wsite-com-checkout-cart-footer form { float: none !important; } .wsite-com-continue-shopping .caret { vertical-align: middle; } #wsite-com-checkout-payment-order { margin-left: 0; } }