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; } }