/* 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;
}
}
Hillel International
