Honeymoons by Claudia
/*
Theme Name: Linen Weebly Theme and Template
Theme URI: http://www.baamboostudio.com/project/linen-weebly-theme
Version: 1.1
Author: Baamboo Studio
Author URI: http://www.baamboostudio.com
*/
/******************* Clear css ******************/
@import url(//baamboo-update.weebly.com/files/theme/linen.css);
html, body
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,div.paragraph,p,blockquote,fieldset,input
ul
fieldset
a img
.clear
a, a:visited
a:hover
a:focus, a:active
small
strong, th, b
td
sub, sup
sup
sub
pre
textarea
.ie6 legend, .ie7 legend
input[type="radio"]
input[type="checkbox"]
.ie7 input[type="checkbox"]
.ie6 input
label, input[type="button"], input[type="submit"], input[type="image"], button
button, input, select, textarea
input:focus
input:valid, textarea:valid
input:invalid, textarea:invalid
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid
::-moz-selection
::selection
.floatLeft
.floatRight
.alignCenter
.invisible
.clearfix:before, .clearfix:after
.clearfix:after
.clearfix
.ieClearing
.fleft
.fright
.clear
.clearleft
.clearright
.none
#icontent
.wsite-header {
background: transparent url() center no-repeat;
}
[placeholder]:focus::-webkit-input-placeholder {
transition: opacity 0.5s 0.5s ease;
-moz-transition: opacity 0.5s 0.5s ease;
-webkit-transition: opacity 0.5s 0.5s ease;
-o-transition: opacity 0.5s 0.5s ease;
-ms-transition: opacity 0.5s 0.5s ease;
opacity: 0;
filter: alpha(opacity=0);
}
input:focus::-webkit-input-placeholder {
transition: text-indent 0.5s 0.5s ease;
-moz-transition: text-indent 0.5s 0.5s ease;
-webkit-transition: text-indent 0.5s 0.5s ease;
-o-transition: text-indent 0.5s 0.5s ease;
-ms-transition: text-indent 0.5s 0.5s ease;
text-indent: -100%;
opacity: 0;
filter: alpha(opacity=0);
}
/* Note */
#icontent .drag_content_2 {
border: 1px dashed #aaa;
min-height: 200px;
margin: 0 auto;
display: block;
}
#icontent.video-popup-layout .drag_content_2{
border:0 none;
}
.note
#icontent .note
/* Icon font menu mobile */
@font-face{
font-family:'FontAwesome';
src:url('fontawesome-webfont.eot');
src:url('fontawesome-webfont.eot') format('embedded-opentype'),
url('fontawesome-webfont.woff') format('woff'),
url('fontawesome-webfont.ttf') format('truetype'),
url('fontawesome-webfont.svg') format('svg');
font-weight:normal;font-style:normal
}
/* General Styling and Structure
--------------------------------------------------------------------------------*/
#icontent{
background-color:#fff;
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
padding-top: 0 !important;
}
body{
background-color:#fff;
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
font-size:16px;
font-family: 'Open Sans', sans-serif; /*Change Body font-family here by inserting any font name you like*/
font-weight: 400;
color:#444;
line-height:170%;
padding:50px 0 0;
}
p,
div.paragraph,
.paragraph{
line-height:1.5em;
padding: .5em 0
}
h1, h2, h3, h4{
color:#222; /* Change h1,h2,h3 text color */
font-family: 'Raleway', sans-serif; /*Change h1,h2,h3,h4 font-family here by inserting any font name you like*/
font-weight:400
}
http://www.islandroutes.com?referral=EF40F279&agent_id=64485
Island Routes Tours
h1{
font-size: 32px;
line-height:1
}
h2, h3{
font-size:28px;
line-height: 1.4em;
padding: .2em 0;
font-weight: 400;
text-transform: uppercase;
}
h4{
font-size:16px;
line-height:1.2;
margin-bottom:5px
}
.main{
width:1140px;
margin:0 auto;
}
/******************** Header ********************/
#header_wrapper{
background:url(trans60.png);
height:105px;
line-height:75px;
position:relative;
z-index:9999;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#icontent #header_wrapper
/* Sticky Header */
.is-sticky #header_wrapper{
left:0;
right:0;
height:50px;
line-height:50px;
}
.is-sticky #header_wrapper .logo .wsite-logo table{
height:50px !important;
-webkit-transform: scale(0.66);
-moz-transform: scale(0.66);
-o-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.is-sticky #header_wrapper .menu{
line-height: 50px;
height: 50px;
}
.is-sticky #header_wrapper .menu a{
min-height:40px;
}
.is-sticky .wsite-nav-cart a{
height:50px !important;
line-height:50px;
}
.is-sticky .wsite-nav-cart a span{
top:15px;
}
/* Website Logo - Website Title */
.wsite-logo{
max-width:200px;
}
.wsite-logo table{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.wsite-logo img{
max-width:200px;
display:block;
line-height:75px;
}
.is-sticky .wsite-logo img{
margin-top: 5px !important;
line-height: 50px;
max-height: 40px !important;
}
.wsite-logo a #wsite-title{
font-size:40px;
font-family: 'Raleway', sans-serif; /*Change logo font-family here*/
font-style:normal;
font-weight:300;
text-transform: uppercase;
color:#FEB813; /* Change logo text color */
}
.wsite-logo:hover:hover, .wsite-logo a:hover, .wsite-logo a:hover #wsite-title{
text-decoration:none
}
/* Phone text */
.wsite-phone{
height:45px;
line-height:45px;
color:#fff; /* Change phone text color */
font-size:16px;
}
/* Navigation */
.menu{
font-size:13px;
font-weight: 400;
text-transform: uppercase;
color:#fff; /*Change menu text color*/
max-width:750px;
line-height:75px;
height:75px;
overflow:hidden;
margin:0 auto;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.menu a {
display:inline-block;
color:#fff; /* Change Menu Text color */
font-family: 'Open Sans', sans-serif; /*Change Menu Text font-family here by inserting any font name you like*/
font-weight: 500;
font-size:14px;
text-decoration:none;
font-style:normal;
height:55px;
padding:0;
position: relative;
}
.menu a:after,
#active > a:after {
background: #feb813; /*Change The Bottom Border color when mouse over or active color*/
bottom: 0;
height: 1px;
content:"";
left: 0;
position: absolute;
-webkit-transition: all .4s;
-moz-transition: all .4s;
transition: all .4s;
width: 0;
}
.menu a:hover:after,
#active > a:after {
width: 100%;
}
.menu a:hover, #active > a{
color:#fff /*Change Menu Text color when mouse over or active color*/
}
.menu ul{
margin:0;
list-style:none;
float: right;
}
.menu li, .menu span li{
float:left;
padding:0 17px 0 18px;
}
.menu li.wsite-nav-cart {
padding: 0;
}
.menu li.wsite-nav-cart a {
padding: 0 5px;
}
.baamboo-responsive-nav{
display:none;
}
/* Navigation Drop-Down Menu */
.wsite-menu-wrap{
z-index:9999 !important;
background:url(trans60.png);
margin-top:-1px;
}
.wsite-menu-wrap .wsite-menu-wrap{
margin-top:0
}
#wsite-menus span.wsite-menu-more{
line-height:40px;
height:40px;
padding:0
}
#wsite-menus .wsite-menu{
margin:0;
list-style:none
}
#wsite-menus .wsite-menu li{
float:none;
clear:none;
vertical-align:top;
min-width:200px;
padding:0 15px;
width:auto !important
}
#wsite-menus .wsite-menu li a{
background:transparent;
font-family: 'Open Sans', sans-serif; /*Change Drop-Down Menu Text font-family here by inserting any font name you like*/
font-size:12px;
font-weight:300;
text-transform: uppercase;
color:#fff; /*Change Drop Down Menu Text color*/
text-decoration:none;
display:block;
line-height:37px;
height:37px;
padding:0 10px;
width:auto;
border:0 none;
}
#wsite-menus .wsite-menu li a:hover,
#wsite-menus .wsite-menu li.wsite-nav-current a{
background:transparent;
color:#FEB813; /*Change Drop Down Menu Text color when mouse over or active*/
}
#wsite-menus span.wsite-menu-title{
display:inline;
padding:0
}
#wsite-menus .wsite-menu-arrow{
display:none
}
/* Cart Icon in Menu */
.wsite-nav-cart{
position:relative;
}
.wsite-nav-cart a{
height:75px;
width:30px;
background:url(cart.png) 12px center no-repeat;
text-indent:-999px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.wsite-nav-cart a span {
position: absolute;
right: 2px;
top:22px;
text-indent: 0;
color:#fff; /* Change cart text color */
font-size:9px;
font-weight:bold;
line-height:60px;
width:14px;
height:14px;
line-height:14px;
text-align:center;
background:#e0483e; /* Change cart background color */
display:inline-block;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/******************** Main Content ********************/
#content_wrapper {
margin-top:100px;
margin-bottom:100px;
}
#content{
background:#fff; /*Change Content background color*/
padding:40px 90px;
min-height:400px;
}
/* Featured Area */
#featured_area {
padding: 40px 90px;
background:url(trans60.png);
}
#featured_area h2{
color:#fff; /* Change Featured Area title text color */
font-size:36px; /* Change Featured Area title text size */
}
#featured_area p, #feature_aread .paragraph{
color:#fff; /* Change Featured Area paragraph text color */
font-size:18px; /* Change Featured Area paragraph text size */
}
/******************** Footer ********************/
#footer_wrapper{
background:rgba(0,0,0,.6);
background:url(trans60.png);
border-top:10px solid #feb813; /* Change Footer Border Top color */
position:fixed;
bottom:-999px;
left:0;
right:0;
z-index:999;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#footer_wrapper.on{
background:rgba(0,0,0,.8);
background:url(trans80.png);
transform: translate(0,0);
-ms-transform: translate(0,0);
-webkit-transform: translate(0,0);
-o-transform: translate(0,0);
-moz-transform: translate(0,0);
bottom:0 !important;
}
#icontent #footer_wrapper{
position:relative;
bottom:0;
z-index:2;
}
#footer_wrapper #footer_arrow{
position:absolute;
top:0px;
right:0px;
width:45px;
height:45px;
text-decoration:none;
background:url(footer_arrow.png) center top no-repeat;
cursor:pointer;
}
#footer_wrapper.on #footer_arrow{
background-position:center bottom
}
#footer{
padding:40px 0;
}
#footer h2{
color:#fff; /*Change Footer title text color*/
font-size:20px; /*Change Footer title text size*/
}
#footer p, #footer .paragraph{
color:#fff; /*Change Footer paragraph text color */
font-size:14px; /*Change Footer paragraph text size */
}
#footer_wrapper .wsite-social {
margin-top: 7px;
}
/******************** All Layouts ********************/
/* Transparent no header layout */
.transparent-no-header-layout #content p, .transparent-no-header-layout #content .paragraph,
.transparent-small-no-header-layout #content p, .transparent-no-header-layout #content .paragraph{
color:#fff; /* Change Paragraph Text color in transparent-no-header layout*/
}
.transparent-no-header-layout #content h2,
.transparent-small-no-header-layout #content h2{
color:#fff; /* Change Title Text color in transparent-no-header layout */
}
/* Splash Layout */
.splash-layout #content {
background: none;
padding: 40px 0;
color: #fff;/* Change Paragraph Text color in splash layout*/
}
.splash-layout #content h2 {
color: #fff; /* Change Title Text color in splash layout */
}
/* Tall Header Layout */
#tall_header{
height:400px;
}
/* Medium Header Layout */
#short_header{
height:300px;
}
/* No-header Transparent layout */
.transparent-no-header-layout #content {
background:url(trans60.png);
}
/* Small layout */
.small-layout #content_wrapper{
width: 870px;
}
.small-layout #content, .small-layout #feature_area{
padding-left:90px;
padding-right:90px;
}
/* Small + Transparent layout */
.transparent-small-no-header-layout #content{
background:url(trans60.png);
}
/* Landing layout */
#overlay{
background:rgba(0,0,0,.5);
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
}
.landing-layout #content_wrapper{
margin-top:0;
}
.landing-layout #content_wrapper .main{
width:550px;
background:rgba(0,0,0,.85);
margin-top:100px;
margin-bottom:100px;
}
.landing-layout #content{
border:0 none;
background:transparent;
padding-left:50px;
padding-right:50px;
}
.landing-layout #content h2{
font-size:28px; /* Change Title text size in Landing Layout */
font-weight:300;
color:#fff; /* Change Title text color in Landing Layout */
}
.landing-layout #content p, .landing-layout #content p.paragraph{
font-size:15px; /* Change Paragraph text size in Landing Layout*/
font-weight:300;
color:#fff; /* Change Paragraph text color in Landing Layout*/
}
/* Blog layout */
.content_sidebar{
padding: 34px 60px !important
}
.main_content{
width:690px;
padding: 0 30px 30px 30px;
min-height:400px;
background:#fff; /*Change Blog Content background color*/
}
.main_sidebar{
width:200px;
padding:30px;
font-size:14px;
font-weight: 300;
color:#555;
vertical-align:middle;
border:1px solid #ddd;
margin-top: 16px;
}
.main_sidebar h2{
color:#222; /*Change Sidebar title text color */
font-size:30px; /*Change Sidebar title text size */
font-weight: 300;
}
.main_sidebar p{
color:#555; /*Change Sidebar paragraph text color */
font-size:15px; /*Change Sidebar paragraph text size */
font-weight:400;
}
.main_sidebar a{
color:#FEB813; /*Change Sidebar text link color */
text-decoration:none;
}
.main_sidebar a:hover{
text-decoration:underline
}
/* Small Blog */
.small-layout .column-blog{
width:240px;
}
.small-layout .blog-sidebar{
width: 240px;
display:none;
}
.small-layout .blog-postlist,
.small-layout .blog-body{
width:690px;
margin:0 auto;
}
span.date-text{
padding:10px 0 10px 18px !important;
color:#999; /*Change Blog date text color */
background-image:url(date.png);
background-position:left center;
background-repeat:no-repeat;
font-size:13px;
}
.blog-post .blog-comments{
padding:8px 0 10px 20px !important;
background-image:url(comment.png);
background-position:left center;
background-repeat:no-repeat;
font-size:14px;
}
.blog-post .blog-comments a{
color:#999; /*Change Blog comment text color */
}
.blog-post .blog-separator{
border-color:#ddd
}
.blog-social{
display:inline-block;
margin-top:-10px;
}
.blog-read-more{
position:relative;
}
.blog-read-more a{
color: #fff; /*Change blog read more button text color */
height:36px;
line-height:36px;
font-size: 11px;
font-weight: bold;
text-decoration: none;
background:#222; /*Change blog read more button background color */
border:2px solid #222;
text-transform:uppercase;
padding:0 30px;
border-radius:40px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
-moz-transition:all 0.2s ease 0s;
-webkit-transition:all 0.2s ease 0s;
transition:all 0.2s ease 0s;
display:block;
position:absolute;
right:0;
}
.blog-read-more a:hover{
background:transparent;
color:#222; /*Change blog read more button mouse over text color */
text-decoration:none
}
.blog-body .blog-comments-bottom,
.blog-postlist .blog-comments-bottom,
#wsite-content .blog-comments-bottom,
#wsite-content .blog-comments-bottom{
margin-bottom:15px !important;
font-size:17px;
color:#999; /*Change blog comment text link color */
}
.blog-body .blog-comments-bottom a,
.blog-postlist .blog-comments-bottom a,
#wsite-content .blog-comments-bottom a,
#wsite-content .blog-comments-bottom a{
color:#999
}
.blog-postlist .blog-comments-bottom a:hover,
.blog-body .blog-comments-bottom a:hover,
#wsite-content .blog-comments-bottom a:hover,
#wsite-content .blog-comments-bottom a:hover{
color:#feb813; /*Change blog comment mouse over text color */
text-decoration:none
}
.blog-post-separator{
border-bottom:1px solid #f0f0f0;
margin-bottom:30px;
}
/* Normal blog */
.blog-layout {
color: #838181; /*Change normal blog text color */
font-size: 13px;
}
.blog-post .blog-header{
margin-bottom: 15px !important;
}
.blog-postlist .blog-social,
.blog-body .blog-social {
margin-bottom: 35px !important;
}
.blog-separator
.blog-post:last-child {
border-bottom: none;
}
h2.blog-title a, a.blog-title-link{
font-size:28px;
font-weight: 400;
color:#222 /*Change normal blog title text color */
}
.column-blog{
width:200px;
padding:20px 30px;
border:1px solid #dbdbdb;
}
.blog-content .column-blog{
float:none;
border:0 none;
padding:0;
}
.blog-sidebar{
width: 260px;
}
.blog-sidebar .column-blog h2{
color:#222; /*Change normal blog sidebar title text color */
font-size:18px;
text-transform:uppercase;
border-bottom:1px solid #dbdbdb;
margin:10px 0;
}
.blog-sidebar .column-blog p{
color:#838181; /*Change normal blog sidebar paragraph text color */
font-size:13px;
}
.blog-sidebar .column-blog a{
color:#feb813; /*Change normal blog sidebar text link color */
text-decoration:none;
}
.blog-sidebar .column-blog a:hover{
text-decoration:underline
}
.blog-category-list a, .blog-archive-list a{
background:url(blog_categories.png) left center no-repeat;
padding-left:22px;
}
.blog-postlist,
.blog-body{
width:635px;
margin:0 auto;
}
/******************** Elements /********************/
/* Divided */
hr.styled-hr {
background-color: #ddd; /*Change Divider Background color*/
}
/* Social */
.wsite-social, .wsite-editor .wsite-social {
white-space: inherit;
text-align: center;
}
.wsite-social-item{
width:26px;
height:26px;
margin:0 2px;
background-image:url(socials.png);
background-color:transparent;
background-repeat:no-repeat;
vertical-align:middle;
cursor:pointer;
font-size:0;
-moz-transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
transition:all 0.5s ease 0s
}
.wsite-social-item span{
background-image:url(socials.png);
background-color:transparent;
background-repeat:no-repeat;
display: block;
width:26px;
height:26px;
opacity: 0;
filter: alpha(opacity=0);
-moz-transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
transition:all 0.5s ease 0s
}
.wsite-social-item:hover span {
opacity: 1;
filter: alpha(opacity=100);
}
.wsite-social-rss{
background-position:-58px 0;
}
.wsite-social-rss span{
background-position:-58px -26px;
}
.wsite-social-linkedin{
background-position:-145px 0;
}
.wsite-social-linkedin span{
background-position:-145px -26px;
}
.wsite-social-facebook{
background-position:0 0;
}
.wsite-social-facebook span{
background-position:0 -26px;
}
.wsite-social-twitter{
background-position:-29px 0;
}
.wsite-social-twitter span{
background-position:-29px -26px;
}
.wsite-social-pinterest{
background-position:-174px 0;
}
.wsite-social-pinterest span{
background-position:-174px -26px;
}
.wsite-social-mail{
background-position:-232px 0;
}
.wsite-social-mail span{
background-position:-232px -26px;
}
.wsite-social-flickr{
background-position:-116px 0;
}
.wsite-social-flickr span{
background-position:-116px -26px;
}
.wsite-social-plus{
background-position:-87px 0;
}
.wsite-social-plus span{
background-position:-87px -26px;
}
.wsite-social-vimeo{
background-position:-203px 0;
}
.wsite-social-vimeo span{
background-position:-203px -26px;
}
.wsite-social-yahoo{
background-position:-261px 0;
}
.wsite-social-yahoo span{
background-position:-261px -26px;
}
.wsite-social-youtube{
background-position:-290px 0;
}
.wsite-social-youtube span{
background-position:-290px -26px;
}
/* Form */
input[type="text"],
input[type="password"],
textarea{
border:2px solid #ededed !important;
border-bottom:0 none;
background:#f6f6f6 !important; /*Change tag input, text area background color */
font-size:12px;
font-weight:normal;
color:#777; /*Change tag input, text color */
position:relative;
}
input[type="text"],
input[type="password"] {
height:40px;
line-height:40px;
padding:0 10px
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus{
background:#fff !important; /*Change tag input, textarea focus background color */
outline: none;
}
input.wsite-form-input{
padding:0 5px !important
}
textarea.wsite-form-input{
padding:5px !important
}
input.form-input-error{
border:3px solid #ff0000 !important;
}
label{
color:#555 !important; /*Change label text color */
font-weight:normal !important;
font-size:13px !important;
font-family: 'Open Sans', sans-serif; /*Change label text font-family here by insert any font name you like*/
font-weight: 400;
}
label.wsite-form-sublabel{
font-size:11px !important
}
/* Selectbox */
.form-select {
font-size: 13px;
color: #5e5e5e; /*Change Form Select box text color*/
background: #f6f6f6 !important; /*Change Form Select box background color*/
border: 2px solid #ededed !important;
height: 40px;
line-height: 40px;
padding: 0 5px !important;
}
.form-field-error .jqTransformCheckbox,
.form-field-error .jqTransformRadio{
background-position: 0 0;
}
td > div:nth-child(2) .wsite-form-field .wsite-form-radio-container
td > div:nth-child(3) .wsite-form-field .wsite-form-radio-container
td > div:nth-child(4) .wsite-form-field .wsite-form-radio-container
td > div:nth-child(5) .wsite-form-field .wsite-form-radio-container
td > div:nth-child(6) .wsite-form-field .wsite-form-radio-container
td > div:nth-child(7) .wsite-form-field .wsite-form-radio-container
td > div:nth-child(8) .wsite-form-field .wsite-form-radio-container
td > div:nth-child(9) .wsite-form-field .wsite-form-radio-container
td > div:nth-child(10) .wsite-form-field .wsite-form-radio-container
td > div:nth-child(11) .wsite-form-field .wsite-form-radio-container
td > div:nth-child(12) .wsite-form-field .wsite-form-radio-container
/* Radio */
.jqTransformRadioWrapper {
float: left;
display:block;
margin:5px 8px 0 0;
}
.jqTransformRadio {
background: transparent url(radio.png) no-repeat 0 -17px;
vertical-align: middle;
width: 17px !important;
height: 17px !important;
background-size: 17px auto !important;
display:block;/*display: -moz-inline-block;*/
border-bottom:none;
}
.jqTransformRadio:hover, .jqTransformCheckbox:hover {
border-bottom:none;
}
/* Checkboxes */
span.jqTransformCheckboxWrapper{
display:block;
float:left;
margin: 5px 8px 0px 0px;
}
.jqTransformCheckbox {
background: transparent url(checkbox.png) no-repeat 0 -17px;
vertical-align: middle;
height: 17px;
width: 17px;
background-size: 17px auto !important;
display:block;/*display: -moz-inline-block;*/
border-bottom:none;
}
/* Custom Form: Checked - Used for both Radio and Checkbox */
.form-field-error a.jqTransformChecked,
a.jqTransformChecked
/* Custom Form: Selects */
.jqTransformSelectWrapper {
position: relative;
font-size: 15px;
color: #5e5e5e; /* Change select text color */
background: #f6f6f6; /* Change select background color */
padding: 0 10px !important;
border: 2px solid #ececec;
height: 40px;
line-height: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.jqTransformSelectWrapper div span {
float: none;
position: absolute;
white-space: nowrap;
padding: 0;
overflow: hidden;
top: -3px;
cursor: pointer;
}
.jqTransformSelectWrapper a.jqTransformSelectOpen {
display: block;
position: absolute;
right: 15px;
top: 15px;
width: 10px;
height: 6px;
background: url(select_arrow.png) no-repeat center center;
border-bottom:none;
}
.jqTransformSelectWrapper ul {
position: absolute;
top: 36px;
left: -2px;
list-style: none;
background-color: #fff; /* Change select option background color */
border: solid 2px #ececec;
display: none;
margin: 0px;
padding: 0px;
z-index: 10;
width: 100% !important;
}
.jqTransformSelectWrapper ul a {
display: block;
padding: 0 15px;
margin: 0px;
text-decoration: none;
border-bottom: none;
color: #5e5e5e; /* Change select option text color */
}
.jqTransformSelectWrapper ul a.selected,.jqTransformSelectWrapper ul a:active,
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
background: #f6f6f6; /* Change select option mouse over background color */
}
.jqTransformHidden
.jqTransformButton
/* Style upload */
.NFI-wrapper {
border: 2px solid #ededed !important;
background: #f6f6f6 !important; /* Change upload background color */
padding: 0 !important;
}
.NFI-button {
background: #222; /* Change upload button background color */
color: #fff; /* Change upload button text color */
padding: 0 14px;
font-size: 13px;
cursor:pointer;
height: 36px;
line-height: 36px;
}
.NFI-wrapper .NFI-filename {
border: none !important;
height: 36px;
line-height: 36px;
padding-left: 10px !important;
}
.NFI-wrapper .NFI-filename:focus {
background: #f6f6f6 !important; /* Change upload mouse over background background color */
}
/* Button */
.wsite-button, .wsite-button-large{
color: #fff !important; /*Change Dark Grey Buttons text color*/
height:42px;
font-size: 13px;
font-weight: bold;
text-decoration: none;
background:#222; /*Change Drak Grey Buttons background color*/
border:2px solid #222; /*Change Dark Grey Buttons border color*/
padding:0;
border-radius:40px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
-moz-transition:all 0.2s ease 0s;
-webkit-transition:all 0.2s ease 0s;
transition:all 0.2s ease 0s;
}
.wsite-button-inner, .wsite-button-large .wsite-button-inner{
height: 42px;
line-height: 42px;
border:2px solid #222; /*Change Dark Grey Buttons border color*/
display: block;
font-size: 13px;
font-weight:bold;
border: none;
text-decoration: none;
text-transform:uppercase;
padding: 0 40px;
background: #222;
color:#fff; /*Change Dark Grey Buttons text color*/
border-radius:45px;
-webkit-border-radius:45px;
-moz-border-radius:45px;
-moz-transition:all 0.2s ease 0s;
-webkit-transition:all 0.2s ease 0s;
transition:all 0.2s ease 0s;
}
.wsite-button-large, .wsite-button-large .wsite-button-inner{
height:50px;
line-height:50px
}
.wsite-button-large .wsite-button-inner{
padding: 0 50px;
}
.wsite-button:hover, .wsite-button-large:hover{
background: transparent;
color:#222 !important; /*Change Dark Grey Buttons hover text color*/
}
.wsite-button:hover .wsite-button-inner{
background: transparent;
color:#222; /*Change Dark Grey Buttons hover text color inner*/
}
.wsite-button.wsite-button-highlight, .wsite-button-large.wsite-button-highlight{
background: #feb813; /*Change Yellow Buttons background color*/
border-color:#feb813; /*Change Yellow Buttons border color*/
color:#fff !important; /*Change Yellow Buttons text color*/
}
.wsite-button.wsite-button-highlight .wsite-button-inner{
background: #feb813; /*Change Yellow Buttons background color inner */
}
.wsite-button.wsite-button-highlight:hover{
background: transparent;
color:#feb813; /*Change Yellow Buttons text color*/
}
.wsite-button.wsite-button-highlight:hover .wsite-button-inner, .wsite-button-large.wsite-button-highlight:hover .wsite-button-inner{
background: transparent;
color:#feb813; /*Change Yellow Buttons hover text color*/
}
/* Fix Button Browser */
.wsite-button-inner span{
color:#fff !important /*Change Drak Grey Buttons text color*/
}
.wsite-button-highlight .wsite-button-inner span{
color:#fff !important /*Change Yellow Buttons text color*/
}
.wsite-button:hover .wsite-button-inner span, .wsite-button-large:hover .wsite-button-inner span{
color:#222 !important /*Change Dark Grey Buttons hover text color*/
}
.wsite-button.wsite-button-highlight:hover .wsite-button-inner span, .wsite-button-large.wsite-button-highlight:hover .wsite-button-inner span{
color:#feb813 !important /*Change Yellow Buttons hover text color*/
}
/* Photo Gallery */
.galleryImageBorder, a .galleryImageBorder{
border-color:#ddd !important
}
.galleryImageHolder
.galleryImage-overlay {
opacity: 0;
filter: alpha(opacity=0);
position:absolute;
width:100%;
height:100%;
overflow:visible;
border:0px solid rgba(0,0,0,0.7);
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.gallery_plus {
position:absolute;
background: url(gallery_plus.png) center no-repeat;
display: inline-block;
text-decoration: none;
padding: 0;
text-indent: -9999px;
width: 100%;
height: 100%;
opacity:0;
filter: alpha(opacity=0);
top:0%;
left:0;
right:0;
margin:0 auto;
-moz-transform:scale(0,0);
-webkit-transform:scale(0,0);
-o-transform:scale(0,0);
-ms-transform:scale(0,0);
transform:scale(0,0);
-webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.imageGallery a:hover .galleryImage-overlay, a.w-fancybox:hover .galleryImage-overlay {
opacity: 1;
filter: alpha(opacity=100);
border:200px solid #999;
border:200px solid rgba(0,0,0,0.7);
}
.imageGallery a:hover .gallery_plus, a.w-fancybox:hover .gallery_plus {
opacity:1;
filter: alpha(opacity=100);
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-o-transform:scale(1,1);
-ms-transform:scale(1,1);
transform:scale(1,1);
-moz-transition-delay:0.3s;
-webkit-transition-delay:0.3s;
-o-transition-delay:0.3s;
-ms-transition-delay:0.3s;
transition-delay:0.3s;
}
.wsite-product-image:hover{
border-color:#feb813
}
/**** Fancybox *****/
.fancybox-overlay-fixed {
z-index: 9999;
}
.fancybox-opened {
margin-top: 30px;
}
.fancybox-close{
background-image:url(fancy_close.png);
width:30px;
height:30px;
}
.fancybox-next span, .fancybox-prev span{
width:38px;
height:38px;
}
.fancybox-next span{
background:url(fancy_next.png) no-repeat;
}
.fancybox-prev span{
background:url(fancy_prev.png) no-repeat;
}
.fancybox-next span:hover, .fancybox-prev span:hover{
background-position:0 bottom
}
/* Block Quote */
blockquote {
padding: 30px 34px;
background:#f7f7f7; /*Change Block Quote background color*/
color:#555;/*Change Block Quote text color*/
font-size:13px; /*Change Block Quote text size*/
font-weight:300;
line-height: 1.5;
position: relative;
}
blockquote:after {
background: url(blockquote.png) center bottom no-repeat;
bottom: -13px;
content: "";
height: 13px;
left: 50%;
margin-left: -13px;
position: absolute;
width: 25px;
}
/************************ (Pro) Slide Header CSS Custom **************/
.wsite-header .wslide-prev .wslide-button-icon, .wsite-header .wslide-next .wslide-button-icon{
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-0-transition: all .3s ease;
transition: all .3s ease;
width:46px !important;
height:46px !important;
top:-23px !important
}
.wsite-header .wslide-prev .wslide-button-icon{
background:url(nivo-prev.png) center top no-repeat !important;
}
.wsite-header .wslide-prev .wslide-button-icon:hover{
background-position:center bottom !important;
}
.wsite-header .wslide-next .wslide-button-icon{
background:url(nivo-next.png) center top no-repeat !important;
}
.wsite-header .wslide-next .wslide-button-icon:hover{
background-position:center bottom !important;
}
.wsite-header .wslide-prev, .wsite-header .wslide-next{
top:50% !important;
left: -10px !important;
margin-top: -23px;
height:46px !important;
}
.wsite-header .wslide-prev
.wslide-dot{
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-0-transition: all .3s ease;
transition: all .3s ease;
width:13px !important;
height:13px !important;
background:url(nivo-bullets.png) center top no-repeat !important
}
.wslide-dot:hover, .wslide-dot.wslide-dot-current{
background-position:center bottom !important
}
/* Elements Slideshow */
.wslide-button{
height:38px !important;
}
.wslide-button-inner{
width:38px;
height:38px;
padding:0 !important;
line-height:38px;
}
.wslide-pause, .wslide-play{
display:none !important
}
.wslide-button-bg{
height:38px;
background: none !important
}
.wslide-prev .wslide-button-icon{
background:url(slider_prev.png) center top no-repeat !important;
width:38px !important;
height:38px;
}
.wslide-next .wslide-button-icon{
background:url(slider_next.png) center top no-repeat !important;
width:38px !important;
height:38px;
}
.wslide-prev:hover .wslide-button-icon, .wslide-next:hover .wslide-button-icon{
background-position:center bottom
}
/* Search Box */
#wsite-search-submit, .wsite-search-element-submit{
background: url(search.png) center center no-repeat !important;
width:40px !important;
height:25px !important;
line-height:25px !important;
top:5px !important;
margin:0 !important;
right:0 !important;
border-left:0 none !important;
border-radius:0
}
#wsite-search-query, input.wsite-search-element-input{
vertical-align: middle !important;
width:100% !important;
border: 2px solid #ececec !important;
height: 40px !important;
background:#fbfbfb !important;
color: #555 !important; /*Change Search text color*/
}
#wsite-search-query{
font-size:17px
}
input.wsite-search-element-input:focus{
background:#fff !important; /*Change button search focus text color*/
}
/* Style Feed Reader */
[class*=rss-box-] {
border: 1px solid #ececec !important;
padding: 20px 20px 10px !important;
background: #fff !important; /*Change Feed Reader background color*/
}
[class*=rss-box-] p.rss-title {
line-height: 1.6 !important;
padding: 0!important;
margin: 0 0 15px !important;
}
[class*=rss-box-] .rss-title a {
font-family: inherit !important;
font-weight: 500 !important;
font-size: 26px !important;
color: #222 !important; /*Change Feed Reader Title text color*/
line-height: 1.6;
}
[class*=rss-box-] .rss-items {
border-top: 1px solid #ececec;
}
.rss-items li.rss-item {
font-family: inherit !important; /*Inherits font-family from its parent element.*/
line-height: 1.8 !important;
padding: 15px 0 !important;
border-bottom: 1px solid #ececec;
color: #555; /*Change Feed Reader Title Item text color*/
}
.rss-items li.rss-item:last-child {
border-bottom: none !important;
}
[class*=rss-box-] .rss-item a {
font-family: inherit !important; /*Inherits font-family from its parent element.*/
font-size: 13px !important;
color: #222 !important; /*Change Feed Reader Item text link color*/
font-weight: 600 !important;
text-decoration: none !important;
padding-bottom: 8px;
display: inline-block;
}
[class*=rss-box-] .rss-item a:visited {
color: #222 !important; /*Change Feed Reader Item active text color*/
}
/* Form Login */
.w-ui.ui-dialog.popup-modal .ui-dialog-content>div, .w-ui .ui-dialog.popup-modal .ui-dialog-content>div {
padding: 30px 30px 0 !important;
}
.w-ui.ui-dialog.popup-modal .ui-dialog-content>div .close-x.close-x-thin, .w-ui .ui-dialog.popup-modal .ui-dialog-content>div .close-x.close-x-thin {
background-image: url(fancy_close.png);
height: 30px;
width: 30px;
height: 30px;
top: -15px;
right: -15px;
text-indent: -9999em;
}
.ui-widget-overlay
.w-ui.ui-dialog.popup-modal, .w-ui .ui-dialog.popup-modal {
z-index: 10000 !important;
}
.wsite-page-memberpage.wsite-theme-light .wsite-membership-box h1 {
color: #222; /* Change form login title text color */
border-bottom: 1px solid #ececec;
font-weight: 600;
text-transform: uppercase;
}
.w-ui.ui-dialog.popup-modal .ui-dialog-content .wsite-membership-box input {
padding: 0 8px;
margin-bottom: 16px;
font-family: inherit !important;
color: #5e5e5e; /* Change input form login text color */
font-size: 15px;
border-radius: 0;
box-shadow: none;
}
.w-ui.ui-dialog.popup-modal .ui-dialog-content .wsite-membership-box input {
padding: 0 8px!important;
}
.wsite-page-memberpage .wsite-membership-box a {
color: #feb813!important; /* Change input form login text color */
}
.wsite-page-memberpage .wsite-membership-box a:hover {
color: #222 !important; /* Change input form login mouse over text color */
}
.wsite-page-memberpage .wsite-membership-box .membership-right-action {
padding: 0 40px !important;
height: 43px !important;
line-height: 43px;
background: #feb813; /* Change input form login background color */
background-image: none;
border: none;
border-radius: 30px;
text-shadow: none;
font-weight: 600;
font-size: 14px !important;
text-transform: uppercase;
box-shadow: none;
}
.btn-info.btn-com:hover {
background: #222 !important; /* Change button background color */
}
.wsite-page-memberpage.wsite-theme-light .wsite-membership-box .membership-right-action {
color: #fff !important; /* Change membership text color */
}
button.btn-forward.btn-com:after {
display: none;
}
/********* Revenue **********/
/* Product block */
.product-block{
padding:0 !important;
border:0 none !important
}
.product-block .product-block-inner{
width:100% !important;
border:0 none !important;
position:relative
}
.product-block .product-block-inner .product-image{
width:100% !important;
border:0 none !important
}
.product-block .product-title{
padding:5px 10px 0;
color:#222; /*Change Product title text color*/
text-align:center !important;
font-size:15px !important;
font-weight:400 !important
}
.product-block .product-block-price{
clear:both;
float:none !important;
padding:5px 0 5px 55px;
font-size:17px;
font-weight:600;
color:#666 /*Change Product Price text color*/
}
.product-block .product-button{
padding:7px 50px 5px 0
}
/* Product regular */
.product-large{
border:1px solid #DDD !important;
}
.product-large .product-image{
margin: 0 20px 0 0 !important;
}
.product-large .product-title{
padding-top:15px;
color:#555; /*Change Product Larger Title text color*/
display:table;
border-bottom:2px solid #DDD
}
.product-large .product-description{
color:#666; /*Change Product description text color*/
}
.product-large .product-block-price{
color:#555 /*Change Product Price text color*/
}
/* Product long */
.product-long{
border:1px solid #DDD !important;
}
.product-long .product-title{
border-bottom:2px solid #DDD;
display:table;
color:#555 /*Change Product Long Title text color*/
}
.product-long .product-description{
color:#666; /*Change Product Long description text color*/
}
.product-long .product-long-detail{
border: 0 none !important;
position:relative
}
.product-long .product-long-detail:after{
content: "";
height: 84%;
left: 3%;
position: absolute;
top: 6%;
width: 93%;
border:1px solid #DDD
}
.product-long .product-block-price{
color:#7a7a7a /*Change Product Long Price text color*/
}
/* Product small */
.product-small{
border:1px solid #DDD;
}
.product-small .product-image{
margin: 0 20px 0 0 !important;
}
.product-small .product-title{
padding-top:15px;
color:#555; /*Change Product Small Price text color*/
display:table;
border-bottom:2px solid #DDD
}
.product-small .product-description{
color:#666 /*Change Product Small description text color*/
}
.product-small .product-small-price{
color:#555 /*Change Product Small Price text color*/
}
.product-small .product-button{
padding-right:20px
}
/* Product categories */
.wsite-imageaspectratio-image-container{
border:5px solid transparent;
-webkit-box-shadow: 0px 0px 1px 0px #ededed;
-moz-box-shadow: 0px 0px 1px 0px #ededed;
box-shadow: 0px 0px 1px 0px #ededed;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.wsite-imageaspectratio-image-container:hover{
border:5px solid #feb813;
-webkit-box-shadow: 0px 0px 1px 0px rgba(237, 237, 237, 0);
-moz-box-shadow: 0px 0px 1px 0px rgba(237, 237, 237, 0);
box-shadow: 0px 0px 1px 0px rgba(237, 237, 237, 0);
}
.wsite-com-product-images-secondary-image-container.wsite-imageaspectratio-image-container{
border:0 none;
-webkit-box-shadow: 0px 0px 1px 0px rgba(237, 237, 237, 0);
-moz-box-shadow: 0px 0px 1px 0px rgba(237, 237, 237, 0);
box-shadow: 0px 0px 1px 0px rgba(237, 237, 237, 0);
}
.wsite-com-category-subcategory-name{
left:5px;
right:-5px;
bottom:45px;
text-transform:uppercase;
font-weight:bold;
font-size:23px;
}
/******************* [PLUGINS] ********************/
/*
* jQuery Nivo Slider v3.2
* http://nivo.dev7studios.com
*
* Copyright 2012, Dev7studios
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
/* The Nivo Slider styles */
.slider-wrapper{
position:relative;
overflow:hidden;
width: 100%;
}
.nivoSlider {
position:relative;
width:100%;
height:100%;
overflow: hidden;
}
#icontent .nivoSlider{
width:1140px;
height:450px;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
max-width: none;
}
.nivoSlider .caption {
display:none
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
}
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
filter:alpha(opacity=0);
opacity:0;
}
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img {
display:block;
}
.nivo-caption {
position:absolute;
left:0;
right:0;
width:400px;
margin:0 auto;
bottom:50px;
color:#fff; /* Change Nivo Slider caption text color */
z-index:8;
height:50px;
line-height:50px;
padding:0 40px;
font-size:24px; /* Change Nivo Slider caption text size */
font-weight:300;
overflow: hidden;
display: none;
text-align:center
}
.nivo-caption p {
padding:5px;
font-size:18px;
font-weight:300;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:20px;
background:url(nivo-prev.png);
width:46px;
height:46px;
text-indent:-9999px
}
.nivo-nextNav {
right:20px;
background:url(nivo-next.png);
width:46px;
height:46px;
text-indent:-9999px
}
.nivo-prevNav:hover, .nivo-nextNav:hover{
background-position:left bottom
}
.nivo-controlNav {
text-align:center;
margin-right:20px;
top:-6px;
margin-top:-26px;
position:relative;
z-index:99
}
.nivo-controlNav .nivo-control{
background:url(nivo-bullets.png);
width:13px;
height:13px;
margin-left:3px;
display:inline-block;
text-indent:9999px;
}
.nivo-controlNav .nivo-control.active{
background-position:bottom
}
.nivo-controlNav a {
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
/* Plugin FullScreen Slider */
#fullscreen_slider{
position:fixed;
width:100%;
height:100%;
left:0;
top:0;
z-index: 0;
}
#icontent #fullscreen_slider{
position:relative;
}
#slides {
position: relative;
}
#slides .slides-container > li {
display:block;
position:relative;
}
.img-default
.image > img{
-webkit-backface-visibility:visible !important;
width:100%
}
#icontent .img-default {
display: block;
min-height: 900px;
margin-bottom: 10px;
}
#icontent .image {
position: absolute;
top: 0;
overflow: hidden;
height: 100%;
width: 100%;
}
.image table {
background: transparent !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
#icontent .image .weebly-image-area {
display: block;
height: 100%;
width: 100%;
}
#icontent .image .weebly-image-area-placeholder {
width: 100% !important;
height: 100% !important;
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #eee;
}
#icontent .image .weebly-image-area-placeholder img {
top: 0;
position: absolute;
}
#icontent #slides .slides-container > li > img{
display:block;
margin:0 auto;
width:100%
}
#slides .scrollable {
*zoom: 1;
position: relative;
top: 0;
left: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
height: 100%;
}
#slides .scrollable:after {
content: "";
display: table;
clear: both;
}
.slides-navigation {
margin: 0 auto;
position: absolute;
z-index: 3;
top: 46%;
width: 100%;
}
#icontent .slides-navigation{
display:none
}
.slides-navigation a {
position: absolute;
display: block;
width: 46px;
height:46px;
overflow:hidden;
text-indent:-999px;
opacity: .5;
filter: alpha(opacity=50);
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.slides-navigation a.prev {
left: 50px;
background: url(nivo-prev.png) 0 -46px no-repeat;
}
.slides-navigation a.next {
right: 50px;
background: url(nivo-next.png) 0 -46px no-repeat;
}
.slides-navigation a:hover{
opacity: 1;
filter: alpha(opacity=1);
}
.slides-pagination {
margin: 0 auto;
position: absolute;
left:0;
right: 0;
text-align: center;
bottom: 60px;
z-index: 3;
}
.slides-pagination a {
background:url(nivo-bullets.png);
height:13px;
width:13px;
display:inline-block;
margin: 0 2px;
overflow: hidden;
text-indent: -999px;
}
.slides-pagination a.current {
background-position:left bottom
}
.slide-content-wrapper{
position:fixed;
width:100%;
height:100%;
z-index:-1;
top:0;
left:0;
display:none
}
#icontent .slide-content-wrapper{
position:absolute;
left: 0;
display: block;
height: auto;
z-index:0;
top:50px;
}
.slide-content {
display:table-cell;
vertical-align:middle;
left:0;
right:0;
padding:0 100px;
margin:0 auto;
}
#icontent .slide-content{
padding-top:50px;
padding-bottom:50px;
display: block;
}
#icontent .slide-drap-content {
background: rgba(0,0,0,.4);
border: 1px dashed #fff;
width: 1140px;
min-height: 450px;
margin: 0 auto;
}
.slide-content h2{
font-size: 72px;
font-weight: 700;
color:#fff; /* Change Fullscreen Slider title text color */
line-height:120%
}
.slide-content p, .slide-content .paragraph{
font-size: 30px;
font-weight: 400;
color:#fff; /* Change Fullscreen Slider paragraph text color */
line-height:135%
}
.slide-content a, .slide-content a:hover{
text-decoration:none;
}
/**** Video Layout ******/
#icontent #video_content .slide-content-wrapper{
position:relative;
}
#video_content .slide-content{
padding:0;
}
#icontent #video_wrapper_full, #icontent #video_wrapper{
margin-top:100px;
margin-bottom:100px;
}
#video-loading{
position:fixed;
width:100%;
height:100%;
left:0;
top:0;
opacity:0;
background:rgba(0,0,0,.7);
z-index:99999;
display:none;
-moz-transition: all .5s;
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
}
/* Video popup */
#video_wrapper{
width:100%;
height:100%;
position:fixed;
background:rgba(0,0,0,.8);
opacity:0;
left:0;
right:0;
top:0;
z-index:99;
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#icontent #video_wrapper {
z-index:1;
}
#video_wrapper.open{
opacity:1;
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
#icontent #video_wrapper{
position:relative;
opacity:1;
background:0 none;
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
#icontent .video-icon
.video-icon {
margin: 30px auto;
background: url(video_controls.png) 0 0 no-repeat;
height: 76px;
width: 76px;
text-indent: -9999em;
display: block;
}
.video-icon:hover {
background-position: 0 -76px;
}
/* Video Loading */
#icontent #video-loading, .mb_YTVPBar{
display:none !important;
}
#video-loading{
display:block;
opacity:1;
background:#222;
}
#dot-loading{
position:absolute;
top:50%;
left:0;
right:0;
margin:0 auto;
}
.circle{
display: inline-block;
position: relative;
-webkit-animation: dotloader 2.5s infinite;
-moz-animation: dotloader 2.5s infinite;
-ms-animation: dotloader 2.5s infinite;
-o-animation: dotloader 2.5s infinite;
animation: dotloader 2.5s infinite;
}
.circle + .circle {
margin-left: -25px;
-webkit-animation: dotloader 2.5s 0.2s infinite;
-moz-animation: dotloader 2.5s 0.2s infinite;
-ms-animation: dotloader 2.5s 0.2s infinite;
-o-animation: dotloader 2.5s 0.2s infinite;
animation: dotloader 2.5s 0.2s infinite;
}
.circle + .circle + .circle {
margin-left: -25px;
-webkit-animation: dotloader 2.5s 0.4s infinite;
-moz-animation: dotloader 2.5s 0.4s infinite;
-ms-animation: dotloader 2.5s 0.4s infinite;
-o-animation: dotloader 2.5s 0.4s infinite;
animation: dotloader 2.5s 0.4s infinite;
}
.circle + .circle + .circle + .circle {
margin-left: -25px;
-webkit-animation: dotloader 2.5s 0.6s infinite;
-moz-animation: dotloader 2.5s 0.6s infinite;
-ms-animation: dotloader 2.5s 0.6s infinite;
-o-animation: dotloader 2.5s 0.6s infinite;
animation: dotloader 2.5s 0.6s infinite;
}
#video-overlay label.label-video {
position:relative;
top:45%;
left:0;
right:0;
margin:0 auto;
}
#booVideo{
width:100%;
height:100%;
position:fixed;
left:0;
top:0;
z-index:-1
}
#booVideo .wsite-not-footer, #booVideo2 .wsite-not-footer{
display:none
}
#icontent #booVideo .wsite-not-footer, #icontent #booVideo2 .wsite-not-footer{
display:block
}
#booVideo video{
height:auto !important;
}
#booVideo.portrait video{
height:100% !important;
}
#booVideo2{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
}
#icontent #booVideo2 {
position: relative;
}
#video_close_btn{
width:30px;
height:30px;
background:url(fancy_close.png) no-repeat;
position:absolute;
top:-20px;
right:-20px;
cursor:pointer;
z-index:999
}
#icontent #video_close_btn{
display:none
}
.video-popup {
width: 70%;
margin: 0 auto;
position:relative;
border:5px solid #fff;
}
.video-popup .wsite-video{
display:none
}
#icontent .video-popup .wsite-video{
display:block
}
#icontent .video-popup {
display: block;
border: 1px dashed #aaa;
padding: 10px 60px;
min-height: 240px;
margin-bottom: 40px;
width: 1020px;
}
/****************** ECommerce Layout ******************/
/* Mini Cart */
.wsite-theme-dark #wsite-mini-cart.arrow-top, .wsite-theme-dark #wsite-mini-cart.arrow-left {
border: none;
border-top: 4px solid #111;
background: #fff; /* Change mini cart background color */
}
.wsite-theme-dark #wsite-mini-cart .wsite-cart-bottom {
background: #fff; /* Change mini cart background color */
}
.wsite-theme-dark #wsite-mini-cart .wsite-product-list .wsite-name-header {
color: #222; /* Change header mini cart background color */
}
#wsite-mini-cart.arrow-top, #wsite-mini-cart.arrow-left{
border:0 none;
border-top:4px solid #111;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.24);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.24);
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
#wsite-mini-cart.arrow-top:before{
border-width:0px;
background:url(submenu-arrow.png) no-repeat;
width:8px;
height:4px;
top:-8px
}
#wsite-mini-cart.arrow-top:after{
display:none;
}
.wsite-product-list .wsite-list-image-wrap, .wsite-product-list .entity-list-image-wrap{
border:0 none;
}
.wsite-product-list .wsite-product-name{
color:#666 /* Change product name text color */
}
.wsite-product-list .wsite-name-header{
font-weight:600;
font-size:14px;
color:#222; /* Change product name header text color */
text-transform: uppercase;
}
#wsite-mini-cart .wsite-product-list .wsite-product-price,
.wsite-theme-dark #wsite-mini-cart .wsite-product-list .wsite-product-price{
color:#222;
font-weight:600;
font-size:14px;
}
#wsite-mini-cart .wsite-subtotal-wrapper{
font-size:14px;
font-weight:600;
color:#222; /* Changesub total text color */
}
#wsite-mini-cart .wsite-remove-button,
#wsite-mini-cart .wsite-remove-button:hover,
.wsite-theme-dark #wsite-mini-cart .wsite-remove-button,
.wsite-theme-dark #wsite-mini-cart .wsite-remove-button:hover{
background: url(icon_cart_remove.png);
height: 16px;
width: 16px;
}
#wsite-mini-cart .wsite-remove-button:hover,
.wsite-theme-dark #wsite-mini-cart .wsite-remove-button:hover{
opacity: 0.8;
}
.wsite-nav-cart a img{
vertical-align:middle
}
/* Check out page */
.wsite-checkout-header{
font-size:18px;
color:#111; /* Change checkout text color */
font-weight:500
}
#wsite-com-checkout-list th, #wsite-com-checkout-payment-info .wsite-panel-title, .wsite-com-checkout-payment-title {
font-weight:500;
color:#111; /* Change checkout payment title text color */
font-size:13px;
}
#wsite-com-checkout-payment-info .wsite-panel-title, .wsite-com-checkout-payment-title {
font-size:14px;
}
#wsite-com-checkout-list td{
color:#000; /* Change td text color */
}
#wsite-com-checkout-payment-order-list td{
color:#999; /* Change checkout order list text color */
}
#wsite-com-checkout-cart a{
color:#000; /* Change checkout car a text color */
}
#wsite-com-checkout-cart .wsite-button, #wsite-com-checkout-cart .wsite-button .wsite-button-inner{
height:40px;
line-height:40px;
}
/* Product category */
.wsite-com-category-product-name{
color: #000; /*Change Product Name text color*/
font-weight: 600;
padding-top: 8px;
font-size: 13px;
text-align: center;
text-transform: uppercase;
}
.wsite-com-link:hover{
text-decoration:none
}
.wsite-com-sale-price{
color:#898989; /*Change Product Price text color*/
}
.wsite-com-product-price.single-sale-price{
text-align:center;
}
.wsite-com-price{
display:block !important;
font-size: 23px !important;
color: #feb813;
text-align:center;
}
.wsite-com-product-price.single-sale-price .wsite-com-price{
color:#898989; /* Change Product Name text color */
text-align:center;
font-size:13px !important;
}
.wsite-com-category-product-image-wrap, .wsite-com-category-product-featured-image-wrap, .wsite-com-category-subcategory-image-wrap{
border:0 none;
}
.wsite-com-category-product-link-featured {
text-decoration: none !important;
}
.wsite-com-product-price.single-sale-price .wsite-com-sale-price{
display:block !important;
font-size:23px;
color:#feb813 /*Change Product Sale Price text color*/
}
.wsite-com-category-product-wrap .wsite-com-category-product-image-wrap{
border:0 none;
}
.wsite-com-category-product-wrap .wsite-com-category-product-name, .wsite-com-category-product-wrap .wsite-com-category-product-price{
text-align:center;
display:block;
font-size:18px;
}
.wsite-com-category-product-wrap a, .wsite-com-category-product-wrap a:hover{
text-decoration:none;
}
/* Product detail */
#wsite-com-product-quantity label{
display: block;
margin-right:15px;
margin-bottom: 20px;
}
#wsite-com-product-quantity #wsite-com-product-quantity-input{
border:2px solid #ececec;
background: #f6f6f6 !important; /*Change Quantity Input background color*/
padding:0 !important;
height:36px;
line-height:36px;
font-size: 18px;
width:80px;
color:#555; /*Change Quantity Input text color*/
}
#wsite-com-product-quantity #wsite-com-product-quantity-input:focus {
background: #fff !important; /*Change Quantity Input background color*/
}
#wsite-com-product-quantity-input::-webkit-inner-spin-button {
display: block;
}
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
cursor:pointer;
display:block;
width:8px;
color: #222; /*Change Input Number text color*/
padding-right:10px;
text-align:center;
position:relative;
}
input[type=number]::-webkit-inner-spin-button:hover {
color: #feb813; /*Change Input Number mouse over text color*/
}
input[type=number]::-webkit-inner-spin-button:before,
input[type=number]::-webkit-inner-spin-button:after {
content: "";
border: 5px solid transparent;
position:absolute;
left:0;
font-size:17px;
font-weight:bold;
}
input[type=number]::-webkit-inner-spin-button:before {
top:19px;
border-top: 6px solid #555555;
}
input[type=number]::-webkit-inner-spin-button:after {
top:6px;
border-bottom: 6px solid #555555;
font-size:15px;
}
#wsite-com-product-buy {
padding-top: 30px;
}
#wsite-com-product-add-to-cart, #wsite-com-product-add-to-cart .wsite-button-inner {
height: 42px;
line-height: 42px;
display: inline-block;
font-size: 13px;
font-weight:bold;
border: none;
text-decoration: none;
text-transform:uppercase;
padding: 0 40px;
background: #222222; /*Change button add to card background color*/
color:#fff; /*Change button add to card text color*/
border-radius:45px;
-webkit-border-radius:45px;
-moz-border-radius:45px;
-moz-transition:all 0.2s ease 0s;
-webkit-transition:all 0.2s ease 0s;
transition:all 0.2s ease 0s;
}
#wsite-com-product-add-to-cart:hover, #wsite-com-product-add-to-cart:hover .wsite-button-inner{
background:transparent;
color:#222222; /*Change button add to card background hover text color*/
}
#wsite-com-product-add-to-cart{
padding:0;
border:2px solid #222222;
}
#wsite-com-breadcrumbs {
padding-bottom: 35px;
}
#wsite-com-breadcrumbs .wsite-com-link-text {
color: #555; /*Change breadcrumbs text color*/
text-transform: uppercase;
}
#wsite-com-breadcrumbs a {
font-weight: 600;
}
.wsite-com-product-breadcrumbs .wsite-com-breadcrumb-arrow,
.wsite-com-category-breadcrumbs .wsite-com-breadcrumb-arrow {
opacity: 1;
filter: alpha(opacity=100);
color: #555; /*Change breadcrumbs arrow text color*/
font-weight: 600;
}
#wsite-com-product-title {
color: #555; /*Change Product Title color*/
font-size: 20px;
font-weight: 500;
text-transform: uppercase;
}
.wsite-com-product-price-amount,
.wsite-com-product-price-currency-prefix {
color: #e32827; /*Change product price color*/
font-size: 20px;
}
.wsite-com-product-price-amount {
padding-right: 8px;
}
#wsite-com-product-price-area {
padding-top: 20px;
padding-bottom: 15px;
}
#wsite-com-product-price-area,
#wsite-com-product-options {
border: none;
}
.wsite-com-product-title {
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
}
#wsite-com-product-short-description {
border-top: 1px solid #ededed;
padding-top: 30px;
}
#wsite-com-product-short-description .paragraph {
color: #555; /*Change short descritiption paragraph text color*/
font-size: 13px;
}
#wsite-com-product-images {
border: 1px solid #ededed;
}
.wsite-com-product-option-groups select {
border: 2px solid #ededed !important;
border-bottom: 0 none;
background: #f6f6f6 !important;
font-size: 12px;
font-weight: normal;
color: #777;
height: 40px;
}
/* Socials in Store */
#wsite-com-product-social-sharing a{
width:26px;
height:26px;
margin:0 2px;
background-image:url(socials.png);
background-color:transparent;
background-repeat:no-repeat;
vertical-align:middle;
cursor:pointer;
font-size:0;
-moz-transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
transition:all 0.5s ease 0s
}
#wsite-com-product-social-sharing .wsite-com-product-social-facebook{
background-position:0 0;
}
#wsite-com-product-social-sharing .wsite-com-product-social-facebook:hover{
background-position:0 -26px;
}
#wsite-com-product-social-sharing .wsite-com-product-social-twitter{
background-position:-29px 0;
}
#wsite-com-product-social-sharing .wsite-com-product-social-twitter:hover{
background-position:-29px -26px;
}
#wsite-com-product-social-sharing .wsite-com-product-social-pinterest{
background-position:-174px 0;
}
#wsite-com-product-social-sharing .wsite-com-product-social-pinterest:hover{
background-position:-174px -26px;
}
/***** Responsive ****/
@media only screen and (max-width: 1170px) {
.logo img{
width:85%
}
.logo #wsite-title{
font-size:34px
}
.main{
width:900px;
}
.menu{
max-width:600px;
}
.menu li{
padding:0 10px
}
.menu li a{
font-size:13px;
}
.main_content, .main_sidebar{
float:none;
width:auto;
}
#blogTable td, td.blog-sidebar {
display: block !important;
width: 100% !important;
padding: 10px 0 !important;
}
.column-blog {
width: 96% !important;
margin: 0 auto !important;
padding: 30px 2% !important;
border-top:3px solid #feb813
}
.blog-body, .small-layout .blog-body{
width:100%;
}
}
@media only screen and (max-width: 1040px) {
.wsite-background {
background-attachment: scroll !important;
}
}
@media only screen and (max-width: 960px){
.logo img{
width:75%
}
.logo #wsite-title{
font-size:30px
}
.main{
width:688px;
}
.menu{
max-width:688px;
width:688px;
}
.wsite-menu-default{
display:none;
}
.baamboo-responsive-nav{
display:block;
}
.is-sticky #header_wrapper{
position:absolute !important;
}
.fancybox-inner
/*** Blog & sidebar layout ***/
.blog-layout #content{
background:#fff;
}
td.wsite-multicol-col{
display: block !important;
width: 100% !important;
padding: 10px 0 !important;
}
.wsite-multicol-table-wrap {
margin: 0 auto !important;
}
.blog-sidebar .column-blog h2{
color:#222;
}
.blog-sidebar .column-blog p, .blog-sidebar .column-blog .paragraph{
color:#555
}
.small-layout #content_wrapper{
width:570px;
}
.slide-content{
padding:0 75px;
}
.slide-content h2{
font-size: 45px;
}
.slide-content p, .slide-content .paragraph{
font-size: 36px;
}
/* Tall Header Layout */
#tall_header{
height:300px;
}
/* Medium Header Layout */
#short_header{
height:200px;
}
/**** Footer ****/
#footer_wrapper{
position:relative;
bottom:0 !important
}
#footer_wrapper #footer{
display:none
}
#footer_wrapper.on #footer{
display:block;
}
.video-fullscreen-layout #footer_wrapper{
display:none;
}
.slide-content h2{
font-size: 40px;
}
.slide-content p, .slide-content .paragraph{
font-size: 20px;
}
}
@media only screen and (max-width: 768px) {
.logo img{
width:75%
}
.logo #wsite-title{
font-size:30px
}
.main, .landing-layout #content_wrapper .main{
width:551px;
}
.menu{
max-width:551px;
width:551px;
}
.slides-navigation a, .nivo-directionNav a{
display:none;
}
.wsite-multicol .wsite-multicol-col{
display:inline-block;
}
#content_wrapper{
width:100%;
margin-top:50px;
margin-bottom:50px;
}
#content, #featured_area{
padding-left:50px !important;
padding-right:50px !important;
}
.main_content{
padding-left:0;
padding-right:0;
}
/*** Products ****/
#wsite-com-product-list .wsite-com-category-product-group .wsite-com-column,
#wsite-com-product-list .wsite-com-category-product-featured-group .wsite-com-column{
width:50% !important;
height:auto !important;
}
/****** Blog ****/
.small-layout #content_wrapper{
width:456px;
}
.slide-content{
padding:0 50px;
}
.slide-content h2{
font-size: 40px;
}
.slide-content p, .slide-content .paragraph{
font-size: 32px;
}
[class*=rss-box-]
}
@media only screen and (max-width: 568px) {
.logo img{
width:60%
}
.logo #wsite-title{
font-size:24px
}
.main, .landing-layout #content_wrapper .main{
width:344px;
}
#content, #featured_area{
padding-left:20px !important;
padding-right:20px !important;
}
.menu{
max-width:344px;
}
.nivo-caption{
padding:0;
font-size:18px;
width:auto;
}
.wsite-multicol .wsite-multicol-col{
display:inline-block;
width:90% !important;
padding:0 5% !important;
}
/* Login Form */
.w-ui.ui-dialog.popup-modal .ui-dialog-content>div .close-x.close-x-thin, .w-ui .ui-dialog.popup-modal .ui-dialog-content>div .close-x.close-x-thin {
top:15px;
right:15px;
}
/* Tall Header Layout */
#tall_header{
height:300px;
}
/* Medium Header Layout */
#short_header{
height:200px;
}
/*** Products ****/
#wsite-com-product-list .wsite-com-category-product-group .wsite-com-column,
#wsite-com-product-list .wsite-com-category-product-featured-group .wsite-com-column{
width:95% !important;
height:auto !important;
}
#wsite-com-product-info {
clear: both;
margin: 0 !important;
padding-top: 30px;
}
/****** Blog ****/
.small-layout #content_wrapper{
width:285px;
}
.slide-content{
padding:0 20px;
}
.slide-content h2{
font-size: 32px;
}
.slide-content p, .slide-content .paragraph{
font-size: 24px;
}
.wsite-background {
background-attachment: scroll !important;
}
}
@media only screen and (max-width: 384px) {
.logo ing{
width:50%
}
.logo #wsite-title{
font-size:20px
}
.main, .landing-layout #content_wrapper .main{
width:276px;
}
#content, #featured_area{
padding-left:15px !important;
padding-right:15px !important;
}
.menu{
max-width:276px;
}
.wsite-multicol .wsite-multicol-col{
display:inline-block;
width:90% !important;
padding:0 5% !important;
}
/****** Blog ****/
.small-layout #content_wrapper{
width:228px;
}
.slide-content{
padding:0 15px;
}
.slide-content h2{
font-size: 24px;
}
.slide-content p, .slide-content .paragraph{
font-size: 16px;
}
}
/******** Responsive Menu & Cart *******/
@media only screen and (max-width: 960px) {
/*** Menu ***/
.menu{
height:auto;
}
#mobile_nav{
position:absolute
}
.mobile_nav_btn {
position: absolute;
top: -75px;
right: 0;
height: 75px;
width: 70px;
z-index: 9999;
}
.more_menu{
position:relative;
}
.closed_menu ul, .baamboo-responsive-nav .wsite-menu-arrow{
display:none;
opacity:0;
filter: alpha(opacity=0);
}
.mobile_nav_btn, .more_menu_btn{
cursor:pointer;
}
.mobile_nav_btn:before, .more_menu_btn:before{
content: "\f0c9";
font-family: "FontAwesome";
position:absolute;
padding:0 10px;
color:#fff;
font-size:20px;
text-transform:uppercase;
height:30px;
line-height:30px;
top:20px;
right:15px;
cursor: pointer;
-webkit-font-smoothing: antialiased;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.closed_menu > .more_menu_btn:before{
content:"";
background:url(mobile_menu_arrow.png) right no-repeat;
}
.closed_menu > .more_menu_btn:hover:before{
content:"";
background:url(mobile_menu_arrow_hover.png) right no-repeat;
}
.more_menu_btn:before{
content:"";
background:url(mobile_menu_arrow_active.png) right no-repeat;
-webkit-font-smoothing: antialiased;
padding:0 10px 0 200px;
height:43px;
line-height:43px;
text-align:center;
font-size:20px;
margin-top:8px;
top: -53px;
}
.more_menu_btn:hover:before{
content:"";
background:url(mobile_menu_arrow_active_hover.png) right no-repeat;
}
.is-sticky .mobile_nav_btn:before{
margin-top:8px;
}
.baamboo-responsive-nav{
background:url(trans60.png);
width: 100%;
}
.baamboo-responsive-nav ul{
opacity:1;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
float: none;
}
.baamboo-responsive-nav li{
float:none;
display:block;
line-height:45px;
}
.baamboo-responsive-nav li a{
display:block;
height:auto;
border-top:0 none;
border-bottom:1px solid rgba(0,0,0,.3)
}
.baamboo-responsive-nav li ul li a{
padding-left:50px;
}
.baamboo-responsive-nav li ul li ul li a{
padding-left:80px
}
.baamboo-responsive-nav li ul li ul li ul li a{
padding-left:110px
}
.baamboo-responsive-nav li:hover a{
border-top:0 none;
}
.baamboo-responsive-nav a:hover{
color:#feb813;
border-color:rgba(0,0,0,.3)
}
.baamboo-responsive-nav #wsite-nav-cart-a{
display:none;
}
/*** Cart ***/
#wsite-mini-cart.arrow-top, #wsite-mini-cart.arrow-left{
border-top:5px solid #feb813
}
#wsite-mini-cart {
width: 100% !important;
margin: 0 !important;
top: auto !important;
bottom: 0 !important;
border-radius: 0 !important;
left: 0 !important;
position: fixed !important;
z-index:999;
}
#wsite-mini-cart.arrow-top:before{
background:0 none;
}
#wsite-mini-cart.full {
display: block !important;
}
#wsite-mini-cart:after {
display: none !important;
}
#wsite-mini-cart:before {
content: 'Shopping Cart' !important;
font-weight: 700;
width: auto !important;
left: 15px !important;
top: 10px !important;
margin: 0 !important;
border: none !important;
}
#wsite-mini-cart .wsite-product-list {
display: none !important;
}
#wsite-com-checkout-list .wsite-com-checkout-item-details-inner, #wsite-com-checkout-summary-list .wsite-com-checkout-item-details-inner {
line-height: 1 !important;
}
#wsite-com-checkout-button {
margin-bottom: 0 !important;
padding: .6em !important;
}
#wsite-mini-cart .wsite-subtotal-wrapper {
padding: 20px 0 0 !important;
color:#feb813;
font-weight:bold;
}
#wsite-mini-cart .wsite-subtotal-wrapper span:first-child{
color:#111;
font-weight:normal;
}
#wsite-mini-cart .wsite-button, #wsite-mini-cart .wsite-button .wsite-button-inner{
height:30px;
line-height:30px;
}
#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-list {
font-size: .65em !important;
}
.wsite-com-continue-shopping, button.wsite-button.wsite-button-large.wsite-button-highlight.wsite-checkout-button.wsite-com-paypal-checkout-button {
font-size: .75em !important;
}
#wsite-com-checkout-list .wsite-form-input, #wsite-com-checkout-summary-list .wsite-form-input {
width: 20px !important;
margin: 0 10px !important;
padding: 5px !important;
}
#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;
}
}
