Birthright Israel: Hillel International
/* css */ h2.wsite-content-title.down { background: rgba(0, 0, 0, 0) url("/editor/uploads/8/2/3/2/82329704/custom_themes/296501348956349387/files/list-arrow-open.png") no-repeat scroll right top; display: block; padding-right: 2em; } h2.wsite-content-title.up { background: rgba(0, 0, 0, 0) url("/editor/uploads/8/2/3/2/82329704/custom_themes/296501348956349387/files/list-arrow-close.png") no-repeat scroll right top; } /* Resets ------------------------------------------------------------------------------------------------------*/ ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, iframe, img { margin: 0; padding: 0; border:0; } a img { border: 0; } body { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } /* Fonts (external fonts can live here) ------------------------------------------------------------------------------------------------------*/ /* General Structure ------------------------------------------------------------------------------------------------------*/ html{ height: 100%; } body { width: 100%; min-height: 100%; background: #333333; } body.full-width-off { background: #f1f1f1; } #header, #banner, #main { position: relative; width: 100%; overflow: hidden; padding: 0; margin: 0; } body.full-width-off #header, body.full-width-off #banner, body.full-width-off #main, body.full-width-off #footer { max-width: 1100px; margin: 0 auto; } body.full-width-off #main { -webkit-box-shadow: inset -1px 0px 1px -1px #333, inset 1px 0px 1px -1px #333; -moz-box-shadow: inset -1px 0px 1px -1px #333, inset 1px 0px 1px -1px #333; box-shadow: inset -1px 0px 1px -1px #333, inset 1px 0px 1px -1px #333; } #main { background: #ffffff; z-index: 1; } #header .row1, #footer { background: #333333; } #header .row1, #banner, #footer { color: #ffffff; } #footer { position: relative; width: 100%; background: #333333; } #header .row2 { position: relative; background: #ffffff; color: #333333; } .container, .wsite-footer { margin: 0 auto; max-width: 1100px; padding: 4em 1.5em; box-sizing: border-box; } body.full-width-off .container, body.full-width-off .wsite-footer { padding: 4em; } #header .container { padding: 0 1.5em; } /* Text and type ------------------------------------------------------------------------------------------------------*/ body { color: #333333; font: 15px/1 'Merriweather', arial, sans-serif; } a { text-decoration: none; color: #888888; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } a:hover { color: inherit; } h2 { font-family: 'Montserrat'; font-weight: normal; font-size: 1.65em; margin: 0 auto .65em; } div.paragraph, p { color: #000; font-size: .9em; line-height: 2; margin: 0 auto 2.5em; background-color: rgba(255,255,255, 0.5); width: 100%; padding: 10px; } div.paragraph a, p a { text-decoration: underline; } .wsite-footer { font-size: .9em; } .wsite-footer h2 { font-size: 1.35em; } .wsite-footer div.paragraph, .wsite-footer p { color: #fff; } /* Header ------------------------------------------------------------------------------------------------------*/ #header { font-family: 'Montserrat'; overflow: visible; } #header a { color: inherit; } .row1, .row2 .container { display: table; width: 100%; box-sizing: border-box; } .row1 { padding: 0 20px 0 0; } .row1 > div, .row2 .container > div { display: table-cell; vertical-align: middle; text-align: left; } .row1 .social, .row1 .phone-number, .row2 #nav { text-align: right; padding-left: 1.5em; } .row1 .search .wsite-search-button { position: absolute; left: 0; top: 0; width: 45px; height: 35px; background: url(images/header-search.png) no-repeat center center; background-size: contain; border-right: 1px solid #555555; } .row1 .search .wsite-search-input { height: 35px; background: none; color: #ffffff; padding: 5px 5px 5px 60px !important; box-sizing: border-box; border: none !important; font-family: 'Montserrat'; } .row1 .social { width: 100%; } .row1 .social * { text-align: inherit !important; } .row1 .phone-number > span { display: inline-block; white-space: nowrap; padding-top: 10px; padding-bottom: 10px; } #logo { padding: 10px 0; } .taglit { padding: 10px 0; max-height: 80px; } .wsite-logo { max-width: 400px; } .wsite-logo img { max-width: 400px; max-height: 39px; margin: 0 !important; } #wsite-title { display: block; color: inherit; font-family: 'Josefin Sans'; font-size: 1.85em; font-weight: bold; text-transform: uppercase; } /* Navigation ------------------------------------------------------------------------------------------------------*/ #menu-button, #navmobile, #mobile-input { display: none; } .stuck { position: fixed !important; top: 0; left: 0; width: 100%; z-index: 2; } body.full-width-off .stuck { max-width: 1100px; left: auto; } #nav > ul li:last-child a { padding-right: 0 !important; } .wsite-menu-default { margin: 0 auto; } .wsite-menu-default li { list-style: none; display: inline-block; } .wsite-menu-default a, .wsite-menu li a, #wsite-menus .wsite-menu li a { display: block; padding: 15px 8px; color: #333333; font-family: 'Montserrat'; font-size: 14px; text-transform: uppercase; } .wsite-menu li a, #wsite-menus .wsite-menu li a { padding: 8px 8px; } .wsite-menu-default a:hover, .wsite-menu a:hover, .wsite-menu-default #active a { color: #111; } /* Submenus */ #wsite-menus .wsite-menu { box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, .15); } #wsite-menus .wsite-menu-wrap * { border: none !important; } #wsite-menus .wsite-menu li a { background: #ffffff; } #wsite-menus .wsite-menu li a:hover { background: #b1b1b1; } #wsite-menus span.wsite-menu-title{ padding: 0; } .wsite-menu-arrow { font-size: 0 !important; } .wsite-menu-mobile-arrow { display: inline-block !important; font-size: inherit !important; padding: 0 5px; } /* Banner ------------------------------------------------------------------------------------------------------*/ .wsite-background { background: url(images/background.jpg) no-repeat center center /cover; } #banner { width: 100%; } .banner-shade { background: rgba(0, 0, 0, .35); } #banner .container { width: 100%; display: table; } .banner-content { display: table-cell; vertical-align: middle; text-align: center; } .button-wrap { display: inline-block; } .banner-content h2, .banner-content p, .banner-content > div { margin: 0; padding: 15px 0; } #banner .wsite-headline, .splash-page h2 { font-family: 'Josefin Sans'; font-weight: bold; font-size: 45px; text-transform: uppercase; } #banner .wsite-headline-paragraph, .splash-page #banner { color: #fff; font-size: 1.5em; } .splash-page .paragraph, .splash-page p { color: #fff; } /* Banner Types ------------------------------------------------------------------------------------------------------*/ .landing-page #banner .container { height: 575px; } body.full-width-off.landing-page #banner .container { height: 500px; } .landing-page #banner .wsite-button-highlight { color: #fff !important; border-color: #fff !important; background: transparent !important; } .landing-page #banner .wsite-button-highlight:hover { color: #333 !important; background: #fff !important; border-color: #fff !important; } .tall-header-page #banner .container { height: 325px; } .short-header-page #banner .container { height: 225px; } .title-header-page #banner .container { height: 260px; } .no-header-page #header { overflow: visible; } .no-header-page .row2 { position: relative; z-index: 2; } .no-header-page .row2, .stuck { box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, .15); } body.splash-page { height: 100%; } .splash-page .wsite-background { background-attachment: fixed; } .splash-page { display: table; height: 100%; } .full-width-on.splash-page > div, body.full-width-on .splash-page > div { display: table-row; } body.full-width-on.splash-page .banner-shade { display: table-cell; } .splash-page #banner, .splash-page .banner-shade, .splash-page #banner .container { position: relative; width: 100%; height: 100%; z-index: 1; } /* Storefront ------------------------------------------------------------------------------------------------------*/ #wsite-com-store .wsite-com-content:not(.wsite-com-content-with-sidebar) { padding: 0 !important; } /* Category Blocks */ .wsite-com-category-product-image-wrap, .wsite-com-category-product-featured-image-wrap, .wsite-com-category-subcategory-image-wrap { border: none; } .wsite-com-category-subcategory-name-bg { opacity: .3; -webkit-transition: opacity 240ms linear; -moz-transition: opacity 240ms linear; -o-transition: opacity 240ms linear; -ms-transition: opacity 240ms linear; transition: opacity 240ms linear; } .wsite-com-category-subcategory-name { top: 0; } .wsite-com-category-subcategory-name-text { display: table; padding: 0; width: 100%; height: 100%; text-shadow: none; -webkit-transition: all 240ms linear; -moz-transition: all 240ms linear; -o-transition: all 240ms linear; -ms-transition: all 240ms linear; transition: all 240ms linear; } .wsite-com-category-subcategory-name-text span { display: table-cell; vertical-align: middle; font-family: 'Montserrat'; font-size: 1.25em; font-weight: normal; } .wsite-com-category-subcategory-link:hover .wsite-com-category-subcategory-name-bg { background: #ffffff; opacity: .8; } /* Sidebar */ .wsite-com-sidebar { width: 140px; } #wsite-com-store #wsite-com-hierarchy ul .wsite-com-link-text { margin-bottom: 0; padding: 10px 0; } #wsite-com-store #wsite-com-hierarchy ul, .wsite-com-category-subcategory-name-text { font-family: 'Montserrat'; text-transform: uppercase; font-size: 1em; text-transform: uppercase; } #wsite-com-store #wsite-com-hierarchy ul a:hover, .wsite-selected a { color: #888888; } /* Product Page */ #wsite-com-product-title { font-weight: bold; } .wsite-com-product-option-label { margin: 0 auto 5px; } .wsite-com-product-option-color .wsite-com-product-option-color-swatch { border-radius: 0; box-shadow: none; outline: none; } #wsite-com-product-price-area { font-size: 1.25em; } /* Blog ------------------------------------------------------------------------------------------------------*/ .blog-sidebar { width: 250px; } .blog-post .blog-separator { border: none !important; } .blog-title .blog-title-link { display: block; color: inherit; margin-bottom: .5em; line-height: 1; } .blogCommentReplyWrapper iframe { height: 450px !important; } /* Content Elements ------------------------------------------------------------------------------------------------------*/ /* Buttons */ .wsite-button, .wsite-button-inner, .blog-button, .blog-button span { height: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; background-image: none !important; line-height: 1 !important; font-family: 'Montserrat'; text-transform: uppercase; } .wsite-button, .blog-button, .wsite-editor .wsite-button { padding: .85em 1.5em !important; color: #fff !important; background: #009ACD !important; border: 2px solid #009acd !important; } .wsite-button:hover, .blog-button:hover { background: #C41E5A !important; border-color: #C41E5A !important; } .wsite-button-highlight, .wsite-editor .wsite-button-highlight { color: #fff !important; border-color: #fff !important; background: transparent !important; } .wsite-button-highlight:hover { color: #fff !important; background: #C41E5A !important; border-color: #C41E5A !important; } /* Social Icons */ .wsite-social { white-space: normal; } .wsite-social-item { font-size: 1.25em; display: inline-block; margin: 0 8px 10px; color: inherit; } #header .wsite-social-item { font-size: 1em; margin: 10px 8px; } #header .wsite-social-item:before { vertical-align: middle; } .wsite-social-item:hover { color: #888888; } /* Form Inputs */ .wsite-form-label { display: block; font-size: 1em !important; padding: 0 0 10px !important; } .wsite-form-sublabel { margin: 5px 0 -10px; } .wsite-form-input-container, .wsite-form-radio-container { margin-bottom: 25px; } input, textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } .wsite-form-input, .wsite-search-element-input, select, #commentPostDiv .field input[type=text], #commentPostDiv .field textarea { color: inherit; background: inherit; border: solid 2px #e4e3e2; padding: 5px !important; min-height: 36px !important; background: rgba(200, 198, 196, .1); box-sizing:border-box; -webkit-transition: all 240ms linear; -moz-transition: all 240ms linear; -o-transition: all 240ms linear; -ms-transition: all 240ms linear; transition: all 240ms linear; } .wsite-form-input:hover, .wsite-search-element-input:hover, #commentPostDiv .field input[type=text]:hover, #commentPostDiv .field textarea:hover, .wsite-form-input:focus, .wsite-search-element-input:focus, #commentPostDiv .field input[type=text]:focus, #commentPostDiv .field textarea:focus { border-color: #888888; } .form-field-error .wsite-form-radio-container { border: none; } .wsite-phone-field .wsite-form-phone-separator { line-height: 2.5; } /* Dropdowns */ select { border-radius: 0; height: 38px !important; background: rgba(200, 198, 196, .1) url(images/dropdown.png) no-repeat right center /contain; } /* Checkboxes and Radio buttons */ .wsite-form-field input[type='checkbox'], .wsite-form-field input[type='radio'], .wsite-com-product-option-label input[type='radio'] { display: none !important; } .wsite-form-field input[type='checkbox'] + label:before, .wsite-form-field input[type='radio'] + label:before, .wsite-com-product-option-label input[type='radio'] + span:before { content: ''; display: inline-block; height: 10px; width: 10px; margin-right: 8px; background: #f9f9f8; border: solid 4px #f9f9f8; vertical-align: middle; -webkit-box-shadow: 0px 0px 0px 2px rgba(200, 198, 196, 0.4); -moz-box-shadow: 0px 0px 0px 2px rgba(200, 198, 196, 0.4); box-shadow: 0px 0px 0px 2px rgba(200, 198, 196, 0.4); } .wsite-form-field input[type='radio'] + label:before, .wsite-com-product-option-label input[type='radio'] + span:before { border-radius: 100%; } .wsite-form-field input[type='radio']:checked + label:before, .wsite-form-field input[type='checkbox']:checked + label:before, .wsite-com-product-option-label input[type='radio']:checked + span:before { background: #888888; } .form-field-error input[type='radio'] + label:before, .form-field-error input[type='checkbox'] + label:before { -webkit-box-shadow: 0px 0px 0px 2px #cc0000; -moz-box-shadow: 0px 0px 0px 2px #cc0000; box-shadow: 0px 0px 0px 2px #cc0000; } /* Gallery Lightbox, Slideshows */ .imageGallery .galleryCaptionInnerText p, .imageGallery .galleryCaptionInnerText { font-weight: normal; font-family: 'Montserrat'; } .fancybox-skin { background: transparent !important; webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .fancybox-close { right: 20px; top: 18px; } .fancybox-close, .fancybox-next span, .fancybox-prev span { background: none !important; width: auto; height: auto; } .fancybox-close:before, .fancybox-next span:before, .fancybox-prev span:before { font-size: 50px; line-height: .5; color: #fff !important; } .fancybox-close:hover:before, .fancybox-next:hover span:before, .fancybox-prev:hover span:before { color: #fff !important; } .fancybox-close:before { font-family: 'Calibri'; font-size: 50px; content: '\00D7'; } .fancybox-prev span:before { content: '\3008'; font-family: arial; } .fancybox-next span:before { content: '\3009'; font-family: arial; } .fancybox-title { color: #fff; font-size: 1em; text-align: center; } .fancybox-overlay { background: rgba(22, 22, 22, .95); } #fancybox-thumbs ul li a { border: none; } #fancybox-thumbs ul li.active { opacity: 1; } /* Product element */ .wsite-product { border: solid 2px #e4e3e2; border-radius: 0; box-shadow: none; } .wsite-product-image { border: none; border-radius: 0; box-shadow: none; } /* Mini cart */ #wsite-mini-cart { color: #333333; position: fixed !important; top: auto !important; } #wsite-mini-cart div, #wsite-mini-cart li { border-color: #e4e3e2 !important ; } .wsite-cart-contents .wsite-product-list { border: none !important; display: block; overflow: auto; max-height: 300px; } .wsite-product-list *, .wsite-cart-bottom { color: inherit !important; } .wsite-product-list .wsite-product-description { font-size: 13px; } /* Checkout */ .wsite-com-continue-shopping .caret { line-height: 1.5; vertical-align: middle; } .wsite-checkout-button { margin: 1px 0 !important; } /* Misc. */ #footer hr.styled-hr { background: #555; } /* Mobile & Tablet Displays ------------------------------------------------------------------------------------------------------*/ @media (max-width: 992px) { body { height: 100%; } /* Header ------------------------------------------------------------------------------------------------------*/ .taglit { padding: 20px 4px; max-width: 400px; max-height: 65px; } .wsite-logo img { max-width: 400px; max-height: 39px; } .row2 .container > div { text-align: center; width: 100%; } #logo { padding: 20px 4px; } /* Navigation ------------------------------------------------------------------------------------------------------*/ #wsite-menus { display: none !important; } #menu-button, .wsite-nav-cart { display: table-cell; width: 24px; height: 21px; vertical-align: middle; } .row2 #nav { display: none; } .hamburger { position: relative; } .hamburger span, .hamburger:before, .hamburger:after { position: relative; display: block; width: 24px; height: 4px; background: #333333; -webkit-transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53); -moz-transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53); -o-transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53); -ms-transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53); transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53); } .hamburger:before, .hamburger:after { content: ''; } .hamburger span { margin: 4px 0; } body.menu-open #header .hamburger:before { top: 7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } body.menu-open #header .hamburger:after { top: -9px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } body.menu-open #header .hamburger span { opacity: 0; } #navmobile { position: absolute; top: auto; left: 0; display: block; width: 100%; padding: 40px 0 65px; box-sizing: border-box; background: #ffffff; color: #333333; opacity: 0; z-index: -1; -webkit-transition: opacity .35s ease-in-out, z-index .1s .35s ease-in-out, -webkit-transform .1s .35s ease-in-out; -moz-transition: opacity .35s ease-in-out,z-index .1s .35s ease-in-out, -moz-transform .1s .35s ease-in-out; -o-transition: opacity .35s ease-in-out, z-index .1s .35s ease-in-out, -o--transform .1s .35s ease-in-out; -ms-transition: opacity .35s ease-in-out, z-index .1s .35s ease-in-out, -ms-transform .1s .35s ease-in-out; transition: opacity .35s ease-in-out, z-index .1s .35s ease-in-out, transform .1s .35s ease-in-out; } .postload #navmobile { height: 100%; overflow: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } #navmobile > ul { display: block; width: 100%; } .postload #navmobile > ul { height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } body.menu-open #header .row1 { display: none; } body.menu-open #header .row2 { position: fixed; top: 0; left: 0; width: 100%; z-index: 2; } body.menu-open #header #navmobile { display: block; position: fixed; opacity: 1; z-index: 2; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: opacity .35s ease-in-out; -moz-transition: opacity .35s ease-in-out; -o-transition: opacity .35s ease-in-out; -ms-transition: opacity .35s ease-in-out; transition: opacity .35s ease-in-out; } #navmobile li { display: block; text-align: center; } .wsite-menu-default a, .wsite-menu li a { display: inline-block; font-size: 16px; padding: 10px 15px; } .wsite-menu-wrap { display: block !important; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } body.postload .wsite-menu { max-height: 0; overflow: hidden; background: rgba(0, 0, 0, .1); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .accordion.open > .wsite-menu { max-height: 2000px; } .expand:before { content: '+'; display: inline-block; } .accordion.open > a > .expand:before { content: '–'; } /* Commerce ---------------------------------------*/ /* Cart Link Icon */ .wsite-nav-cart a { position: relative; padding: 0; font-size: 0; overflow: hidden; display: block; margin: 0; } .wsite-nav-cart a span { position: relative; font-size: 12px; font-family: arial, sans-serif; display: block; padding: 3px 0 7px; color: #ffffff; width: 24px; text-align: center; z-index: 1; } .wsite-nav-cart a span:before { content: ''; position: absolute; top: 1px; left: 0; display: block; width: 16px; height: 0; border-top: 15px solid #333333; border-left: 4px solid transparent; border-right: 4px solid transparent; z-index: -1; } .wsite-nav-cart a span:after, .wsite-nav-cart a:after { content: ''; position: absolute; bottom: 0; left: 6px; width: 4px; height: 4px; border-radius: 100%; display: block; background: #333333; } .wsite-nav-cart a:after { left: auto; right: 6px; } /* Mini Cart & Checkout */ #wsite-mini-cart { position: absolute !important; left: auto !important; right: auto !important; top: auto !important; width: 100% !important; border-radius: 0 !important; border: none !important; border-top: 1px solid rgba(255, 255, 255, .15) !important; box-shadow: none !important; background: #ffffff !important; color: #333333 !important; padding: 1.5em !important; box-sizing: border-box; } #wsite-mini-cart .wsite-product-list { display: block; max-height: 300px; overflow: auto; } #wsite-mini-cart .wsite-items-right { width: 30%; padding-right: 0; } #wsite-mini-cart .wsite-product-list > li { display: table; width: 100%; } #wsite-mini-cart:before, #wsite-mini-cart:after { display: none !important; } #wsite-mini-cart *, #wsite-com-checkout-list { font-size: 15px !important; } .wsite-com-continue-shopping .caret { font-size: 0.65em; } .wsite-product-list li { border: none; } /* Blog Index ---------------------------------------*/ #blogTable > tbody > tr > td { display: block !important; width: 100% !important; margin: 0 auto; padding: 0 !important; } .blog-body { float: none !important; } .blog-sidebar .column-blog { width: 100%; float: none; padding-top: 2em; } .blog-sidebar-separator { padding: 0; } } @media (max-width: 767px) { /* General Structure ---------------------------------------*/ body { font-size: 14px; } .wsite-multicol-col { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 auto 1em !important; } .container, .wsite-footer { padding: 2.5em 1.5em; } /* Header ------------------------------------------------------------------------------------------------------*/ .row1 { padding: 0 10px 0 0; } .row1 .social, .row1 .phone-number, .row2 #nav { padding-left: .5em; } .row1 .social { text-align: center; } .row1 .search { width: 36px; } .row1 .search .wsite-search-button { width: 40px; border: none; } .row1 .search .wsite-search-input { width: 0; padding: 0 0 0 36px !important; } #header .wsite-social-item { margin: 6px; } .row1 .phone-number { white-space: normal; font-size: 12px; } .row1 .phone-number > span { padding: 6px 0; } .wsite-logo img { max-width: 200px; max-height: 50px; } #wsite-title { font-size: 1.35em; } /* Navigation ------------------------------------------------------------------------------------------------------*/ /* Banner ------------------------------------------------------------------------------------------------------*/ #banner .wsite-headline, .splash-page h2 { font-size: 36px; } .banner-content h2, .banner-content p, .banner-content > div { padding: 10px 0; } h2 .wsite-headline, p .wsite-headline-paragraph { font-size: inherit !important; line-height: inherit !important; } /* Banner Types ------------------------------------------------------------------------------------------------------*/ .landing-page #banner .container { height: 300px; } .tall-header-page #banner .container { height: 250px; } .short-header-page #banner .container { height: 150px; } .title-header-page #banner .container { height: 175px; } /* Commerce ---------------------------------------*/ #wsite-mini-cart .wsite-product-list { max-height: 250px; } #wsite-mini-cart .wsite-items-right { width: 50%; } #wsite-mini-cart .wsite-product-list .wsite-list-image-container { margin: 5px !important; } #wsite-mini-cart .wsite-items-right { padding-right: 5px; } #wsite-mini-cart .wsite-description-wrapper { padding-left: 5px; } #wsite-mini-cart .wsite-product-image, .wsite-list-image-container, #wsite-com-checkout-list .wsite-com-checkout-item-image, #wsite-com-checkout-summary-list .wsite-com-checkout-item-image { width: 30px !important; height: 30px !important; padding: 5px !important; } .wsite-com-checkout-item-remove { display: block !important; margin: 5px auto 0 !important; top: auto !important; left: auto !important; } /* Storefront ---------------------------------------*/ .wsite-com-sidebar, .wsite-com-content-with-sidebar { display: block; width: 100%; margin: 0 auto; padding: 0; text-align: center; } .wsite-com-sidebar:before { content: 'CATEGORIES'; display: inline-block; font-family: 'Montserrat'; font-size: 16px; margin: 0 auto 10px; vertical-align: top; background: url(images/dropdown2.png) no-repeat right top /contain; padding-right: 20px; } #wsite-com-hierarchy { max-height: 0vh; overflow: hidden; -webkit-transition: all 600ms linear; -moz-transition: all 600ms linear; -o-transition: all 600ms linear; -ms-transition: all 600ms linear; transition: all 600ms linear; } .open #wsite-com-hierarchy { max-height: 100vh; } #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; } /* Product Page ---------------------------------------*/ #wsite-com-product-images, select { width: 100% !important; } #wsite-com-product-images, #wsite-com-product-images .wsite-com-column { float: none !important; } #wsite-com-product-info { margin-left: 0 !important; margin-top: 25px; } /* 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-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-checkout-list, #wsite-com-checkout-list * { font-size: 12px !important; } #wsite-com-checkout-payment-order { margin-left: 0; } #wsite-com-checkout-list .wsite-coupon-input, #wsite-com-checkout-summary-list .wsite-coupon-input { width: 120px; } /* Content Elements ---------------------------------------*/ .imageGallery > div { width: 50% !important; } .galleryCaptionHover .galleryCaptionHolder { display: none !important; } .galleryImageHolder .galleryCaptionInnerText { font-size: 10px; margin: 5px auto; line-height: 1; } /* Search Results */ #wsite-search-results, #wsite-search-product-results .wsite-search-product-result { width: 100% !important; padding: 0 !important; } #wsite-search-form-container { float: none; width: 100%; margin-top: 10px; } #wsite-search-sidebar { display: block; width: 100%; margin: 0 auto; padding: 0; text-align: center; } #wsite-search-sidebar:before { content: 'FILTER'; display: inline-block; font-family: 'Montserrat'; font-size: 16px; margin: 20px auto; vertical-align: top; background: url(images/dropdown2.png) no-repeat right top /contain; padding-right: 20px; } .wsite-search-filter { display: none; } #wsite-search-sidebar { max-height: 50px; overflow: hidden; -webkit-transition: all 600ms linear; -moz-transition: all 600ms linear; -o-transition: all 600ms linear; -ms-transition: all 600ms linear; transition: all 600ms linear; } #wsite-search-sidebar.open { max-height: 800px; } .imgPusher + span { display: 100% !important; } .imgPusher + span, .imgPusher + span * { display: block !important; margin-left: 0 !important; margin-right: 0 !important; } } /*===== AD ANSWER UPDATES 9/13/16 =====*/ .home-image { background-image:url('https://s3.amazonaws.com/hillelinternational/1.jpg') !important; background-position:center -870px !important; background-repeat:no-repeat !important; background-color:#eeeefb !important; background-attachment:fixed !important; position:relative; float:left; } #input-988945776387021795, #input-528319740695768624, #input-528319740695768624-1, #input-708057003339616812 { background-color:#fff; } .wsite-page-index audio, .wsite-page-index canvas, .wsite-page-index video { z-index:1; } .findyourtribe { z-index:1; position:absolute; background-color:transparent; top:400px; left:18%; margin-left:auto; margin-right:auto; float:left; font-size:3em; } @media screen and (max-width:950px) and (min-width:320px) { .home-image { background-image:url('https://s3.amazonaws.com/hillelinternational/1.jpg') !important; background-position:center bottom !important; background-repeat:no-repeat !important; background-color:#eeeefb !important; background-attachment:fixed !important; } }