/* Theme Name: Keronchong Theme URI: http://tokokoo.com/ Description: Keronchong Bands & Musicians Woocommerce Theme Version: 1.2.3 Author: Tokokoo Author URI: http://tokokoo.com Tags: light License: GNU General Public License License URI: license.txt Support URI: http://tokokoo.com/ticketing Dangdoot WordPress Theme, Copyright 2013 tokokoo.com Dangdoot is distributed under the terms of the GNU GPL Please DO NOT EDIT THIS FILE, if you want to customize the styles, you can create a child theme See: http://codex.wordpress.org/Child_Themes */ /*------------------------------------*\ $CONTENTS \*------------------------------------*/ /** NORMALIZE SHARED MAIN TYPOGRAPHY FORM & TABLE IMAGE HEADER NAVIGATIONS WIDGETS COMMENTS PAGINATIONS FOOTER HOME_PAGE BLOG PHOTO EVENT PAGE_TEMPLATES WOO_PRODUCTS WOO_SINGLE WOO_CART WOO_CHECKOUT WOO_PAGES WOO_WIDGETS WOO_SHARED PLUGINS */ /*------------------------------------*\ $NORMALIZE \*------------------------------------*/ /* normalize.css v2.1.3 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } a { background: transparent; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; vertical-align: middle; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } /*------------------------------------*\ $SHARED \*------------------------------------*/ .cl, .site-header .wrapper, .toggle-cart li, .toggle-cart .total, .toggle-cart .buttons, .sidebar-subsidiary, .comments, .comments-tabnav, .tabcontent, #respond, #respond p, .pagination, .loop-nav, .subscribe, .site-footer, .main-home-content, .hentry, .hentry .entry-container, .photos, .ordering-wrapper, .single-product .summary, .single-product .thumbnails, .summary-left div:first-child, .summary-left .quantity, .woocommerce-tabs .tabs, .woocommerce .login, .woocommerce .checkout_coupon, .product_list_widget li, .widget_shopping_cart .total, .widget_shopping_cart .buttons, .woocommerce-message, .products, .col2-set { *zoom: 1; } .cl:before, .site-header .wrapper:before, .toggle-cart li:before, .toggle-cart .total:before, .toggle-cart .buttons:before, .sidebar-subsidiary:before, .comments:before, .comments-tabnav:before, .tabcontent:before, #respond:before, #respond p:before, .pagination:before, .loop-nav:before, .subscribe:before, .site-footer:before, .main-home-content:before, .hentry:before, .hentry .entry-container:before, .photos:before, .ordering-wrapper:before, .single-product .summary:before, .single-product .thumbnails:before, .summary-left div:first-child:before, .summary-left .quantity:before, .woocommerce-tabs .tabs:before, .woocommerce .login:before, .woocommerce .checkout_coupon:before, .product_list_widget li:before, .widget_shopping_cart .total:before, .widget_shopping_cart .buttons:before, .woocommerce-message:before, .products:before, .col2-set:before, .cl:after, .site-header .wrapper:after, .toggle-cart li:after, .toggle-cart .total:after, .toggle-cart .buttons:after, .sidebar-subsidiary:after, .comments:after, .comments-tabnav:after, .tabcontent:after, #respond:after, #respond p:after, .pagination:after, .loop-nav:after, .subscribe:after, .site-footer:after, .main-home-content:after, .hentry:after, .hentry .entry-container:after, .photos:after, .ordering-wrapper:after, .single-product .summary:after, .single-product .thumbnails:after, .summary-left div:first-child:after, .summary-left .quantity:after, .woocommerce-tabs .tabs:after, .woocommerce .login:after, .woocommerce .checkout_coupon:after, .product_list_widget li:after, .widget_shopping_cart .total:after, .widget_shopping_cart .buttons:after, .woocommerce-message:after, .products:after, .col2-set:after { content: ""; display: table; } .cl:after, .site-header .wrapper:after, .toggle-cart li:after, .toggle-cart .total:after, .toggle-cart .buttons:after, .sidebar-subsidiary:after, .comments:after, .comments-tabnav:after, .tabcontent:after, #respond:after, #respond p:after, .pagination:after, .loop-nav:after, .subscribe:after, .site-footer:after, .main-home-content:after, .hentry:after, .hentry .entry-container:after, .photos:after, .ordering-wrapper:after, .single-product .summary:after, .single-product .thumbnails:after, .summary-left div:first-child:after, .summary-left .quantity:after, .woocommerce-tabs .tabs:after, .woocommerce .login:after, .woocommerce .checkout_coupon:after, .product_list_widget li:after, .widget_shopping_cart .total:after, .widget_shopping_cart .buttons:after, .woocommerce-message:after, .products:after, .col2-set:after { clear: both; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .iblock { display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .alignnone { display: block; } .accessible-text, .screen-reader-text, .shop_table .coupon label { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; } .hide-text, .nav-slide .nav-btn { text-indent: -119988px; overflow: hidden; text-align: left; } .no-list-style, .event-index ul, .news-index ul, .woocommerce-tabs .tabs, #payment .payment_methods { list-style: none; margin: 0; padding: 0; } .overlay { -webkit-transition: all 200ms ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 200ms ease-in-out 0s; -o-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; opacity: 0; filter: alpha(opacity=0); background-color: /*#e15935*/#436aaf; position: absolute; bottom: 0; left: 0; text-align: center; height: 100%; width: 100%; } .sticky { border-right: 20px solid #E15935; } .bypostauthor { border-bottom: 2px solid #e15935 !important; } /*------------------------------------*\ $MAIN \*------------------------------------*/ * html { font-size: 87.5%; } html { font-size: 14px; line-height: 1.5em; min-height: 100%; } body { background-color: #250d07; color: #404040; font-family: 'Maven Pro', sans-serif; font-weight: 500; } /** Selection */ ::-moz-selection { background: black; color: white; text-shadow: none; } ::selection { background: black; color: white; text-shadow: none; } /** Basic Grid */ .container { *zoom: 1; max-width: 1170px; _width: 1170px; padding-left: 30px; padding-right: 30px; margin-left: auto; margin-right: auto; } .container:after { content: ""; display: table; clear: both; } .full-view.page-template-home .container { max-width: 96%; padding-left: 0; padding-right: 0; } @media screen and (max-width: 1170px) { .container { max-width: 96%; padding-left: 0; padding-right: 0; } } .layout-2c-l .has-sidebar { width: 74.358974358974%; float: left; margin-right: 2.564102564103%; display: inline; } @media screen and (max-width: 880px) { .layout-2c-l .has-sidebar { display: block; width: auto; float: none; margin-right: 0; margin-bottom: 30px; } } .layout-2c-l .sidebar-primary { width: 23.076923076923%; float: right; margin-right: 0; *margin-left: -30px; display: inline; } @media screen and (max-width: 880px) { .layout-2c-l .sidebar-primary { display: block; width: auto; float: none; margin-right: 0; } } .layout-2c-r .has-sidebar { width: 74.358974358974%; float: right; margin-right: 0; *margin-left: -30px; display: inline; } @media screen and (max-width: 880px) { .layout-2c-r .has-sidebar { display: block; width: auto; float: none; margin-right: 0; margin-bottom: 30px; } } .layout-2c-r .sidebar-primary { width: 23.076923076923%; float: left; margin-right: 2.564102564103%; display: inline; } @media screen and (max-width: 880px) { .layout-2c-r .sidebar-primary { display: block; width: auto; float: none; margin-right: 0; } } .site { position: relative; z-index: 9; } .site-main { margin-bottom: 50px; } .page-template-home .site-main { margin-bottom: 0; } .bg-pattern { background: url("img/pat-1.png") repeat; z-index: 1; position: fixed; top: 0; left: 0; height: 100%; width: 100%; } /*------------------------------------*\ $TYPOGRAPHY \*------------------------------------*/ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { direction: ltr; margin: 0; padding: 0; } /** Set link colors. */ a { -webkit-transition: all 200ms ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 200ms ease-in-out 0s; -o-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; color: #436aaf; text-decoration: none; } a:visited { color: #436aaf; } a:hover { color: #436aaf; text-decoration: none; } /** Headings. */ h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; font-weight: 900; } h1, .alpha { font-size: 36px; font-size: 2.571428571429rem; line-height: 1.166666666667; } h2, .beta { font-size: 30px; font-size: 2.142857142857rem; line-height: 1.4; } h3, .gamma { font-size: 24px; font-size: 1.714285714286rem; line-height: 1.75; } h4, .delta { font-size: 20px; font-size: 1.428571428571rem; line-height: 1.05; } h5, .epsilon { font-size: 16px; font-size: 1.142857142857rem; line-height: 1.3125; } h6, .zeta { font-size: 14px; font-size: 1rem; line-height: 1.5; } /** Text elements. */ p { margin: 0 0 1.5em; } sup { vertical-align: sub; } sub { vertical-align: super; } abbr[title], dfn[title] { cursor: help; } del { color: #aaaaaa; text-decoration: line-through; vertical-align: baseline; } pre { background: #eeeeee; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; color: #999999; margin: 1.5em 0; padding: 20px; } code { color: #2080ad; } ins { text-decoration: underline; } mark { background: #ff0; color: #990; font-size: 11px; font-size: 0.785714285714rem; line-height: 1.909090909091; } blockquote { color: #aaaaaa; margin: 10px 0; padding-left: 60px; position: relative; } blockquote:before { background: url("img/quote.png") no-repeat left top; height: 31px; left: 0; position: absolute; top: 0; width: 36px; } blockquote cite { color: #555555; display: block; padding: 10px 0 0 20px; position: relative; } blockquote cite:before { content: '\2014'; left: 0; position: absolute; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin: 0 0 1.5em; font-style: italic; } ul, ol { margin: 1em 0; padding: 0 0 0 2.25em; } ul { list-style: disc; } ol { list-style-type: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } li ul, li ol { margin: 0; } dl { margin: 0 1.5em; } dt { font-weight: bold; } dd { margin-bottom: 1.5em; } hr { border-top: 1px solid #dddddd; border-bottom: 0; border-right: 0; border-left: 0; clear: both; height: 1px; margin: 1.5em 0; min-height: 0; } hr.dotted { border-style: dotted; } hr.dashed { border-style: dashed; } hr.darkborder { border-color: black; } hr.lightborder { border-color: white; } /*------------------------------------*\ $FORM & $TABLE \*------------------------------------*/ label { font-weight: bold; font-size: 12px; font-size: 0.857142857143rem; line-height: 1.75; } fieldset { border: 1px solid #dddddd; font-size: 12px; font-size: 0.857142857143rem; line-height: 1.75; line-height: 1.5; margin: 0 0 1.5em; padding: 0 1.5em 1.5em 1.5em; } legend { background: whitesmoke; border: 1px solid #dddddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; display: block; left: 0; margin: 0; padding: .5em .8em; position: relative; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7); top: 0; } fieldset { padding-top: 1.5em; } legend { margin-top: 0; margin-bottom: 0; } textarea { min-height: 100px; overflow: auto; resize: vertical; width: 100%; } textarea, select, input[type="email"], input[type="password"], input[type="search"], input[type="text"], input[type="url"], input[class*="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 12px; font-size: 0.857142857143rem; -webkit-appearance: none; border: 1px solid #dddddd; color: #404040; height: 3.5em; padding: 5px; width: 20em; } textarea:focus, select:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[class*="text"]:focus { outline: 0; } [placeholder]:focus::-webkit-input-placeholder { -webkit-transition: opacity 0.5s 0.5s ease; -moz-transition: opacity 0.5s 0.5s ease; transition: opacity 0.5s 0.5s ease; opacity: 0; } input[type="search"]::-webkit-search-decoration { display: none; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus, button:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="button"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input[type="file"]:focus, input[type="file"]:active, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } button, input[type="reset"], input[type="submit"], input[type="button"] { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; font-size: 12px; font-size: 0.857142857143rem; font-family: 'Raleway', sans-serif; font-weight: 900; -webkit-appearance: none; background-color: #e15935; border: none; color: white; cursor: pointer; outline: 0; overflow: visible; margin: 0; text-transform: uppercase; vertical-align: top; width: auto; padding: 14px 24px; *padding-top: 2px; *padding-bottom: 0; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border: 0; padding: 0; } button { *padding-top: 1px; *padding-bottom: 1px; } textarea, select[size], select[multiple] { height: auto; } select[size="0"], select[size="1"] { height: 1.8em; *height: auto; } @media (-webkit-min-device-pixel-ratio: 0) { select[size], select[multiple], select[multiple][size] { background-image: none; padding-right: 3px; } select, select[size="0"], select[size="1"] { background-image: url("img/select_arrow.gif"); background-repeat: no-repeat; background-position: 98% center; padding-right: 20px; } } table { font-size: 14px; font-size: 1rem; line-height: 1.5; max-width: 100%; width: 100%; } table td { border-bottom: 1px solid #e6e6e6; } table, td { border-collapse: collapse; margin: 1.5em 0; padding: 10px; } th { background-color: /*#e15935*/#f4cd81; color: white; padding: 10px; text-transform: uppercase; text-align: left; } tr { background-color: white; } table button, table input { *overflow: auto; } /*------------------------------------*\ $IMAGE \*------------------------------------*/ figure > img { display: block; } img { height: auto; max-width: 100%; } img[class*="align"], img[class*="attachment-"] { height: auto; } embed, iframe, object { max-width: 100%; width: 100%; } /* CAPTION ----------------- */ p img, .wp-caption { margin-top: 8px; } .wp-caption { background: whitesmoke; max-width: 96%; padding: 15px 10px 10px; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .wp-caption img { display: block; margin: 0 auto; max-width: 98%; } .wp-caption:hover { background: #eeeeee; } .wp-caption-text { color: #404040; font-size: 12px; margin: 0; padding: 15px 0 5px 40px; position: relative; } .wp-caption-text:before { content: '\2014'; font-size: 14px; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 10px; top: 17px; } /*------------------------------------*\ $HEADER \*------------------------------------*/ .site-header { /*background-color: #250d07;*/ color: white; margin-bottom: 30px; padding: 11px 0; position: relative; background-image:linear-gradient(180deg, #3a2e76, #436aaf); } .site-header a:link, .site-header a:visited { color: white; } .site-header .wrapper { max-width: 1330px; padding-left: 30px; padding-right: 30px; margin-left: auto; margin-right: auto; } .full-view.page-template-home .site-header .wrapper { max-width: 96%; padding-left: 0; padding-right: 0; } .site-header #site-title { font-family: 'Raleway', sans-serif; font-weight: 900; font-size: 24px; font-size: 1.714285714286rem; } .site-header #site-description { font-family: 'Maven Pro', sans-serif; font-weight: 500; font-size: 12px; font-size: 0.857142857143rem; line-height: 1.75; } .site-branding { width: 31.623931623932%; float: left; margin-right: 2.564102564103%; display: inline; } @media screen and (max-width: 690px) { .site-branding { display: block; width: auto; float: none; margin-right: 0; text-align: center; } .site-branding img { display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; } } .header-navigation { width: 65.811965811966%; float: right; margin-right: 0; *margin-left: -30px; display: inline; padding: 55px 0 0; } @media screen and (max-width: 690px) { .header-navigation { display: block; width: auto; float: none; margin-right: 0; } } .header-navigation ul { list-style: none; margin: 0; padding: 0; } .header-navigation li { display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; } /** Social Nav */ .social-nav { display: inline; float: right; background: url("img/sep.png") no-repeat right center; } @media screen and (max-width: 440px) { .social-nav { width: 100%; background: transparent; } } .header-navigation .social-nav { margin-right: 30px; padding-right: 20px; } @media screen and (max-width: 440px) { .header-navigation .social-nav { margin-right: 0; padding-right: 0; } } .social-nav li { margin-right: 10px; } @media screen and (max-width: 440px) { .social-nav li { margin-top: 10px; margin-left: 10px; margin-right: 0; display: inline; float: right; } } .social-nav a:hover { color: #e15935; } /** Additional Menu */ .additional-menu { display: inline; float: right; font-size: 12px; font-size: 0.857142857143rem; line-height: 1.75; background: url("img/sep.png") no-repeat right center; font-weight: 900; text-transform: uppercase; } @media screen and (max-width: 440px) { .additional-menu { display: inline; float: left; } } .header-navigation .additional-menu { margin-right: 20px; padding-right: 30px; display:none; } @media screen and (max-width: 440px) { .header-navigation .additional-menu { margin-right: 0; padding-right: 12px; } } .additional-menu li { margin-right: 30px; } .additional-menu li:last-child { margin-right: 0; } .additional-menu a:hover { color: #e15935; } /** Search */ .site-search { display: inline; float: right; background: url("img/sep.png") no-repeat right center; margin-right: 20px; padding-right: 20px; position: relative; } .wrap-search { background: #e15935; display: none; padding: 10px; position: absolute; top: 30px; right: 0; } @media screen and (max-width: 440px) { .wrap-search { width: 200px; } } .wrap-search:before { content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #e15935; position: absolute; top: -7px; right: 21px; width: 0; height: 0; } .wrap-search input[type="text"] { font-size: 12px; font-size: 0.857142857143rem; line-height: 1.75; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 3.5em; margin-bottom: 0; text-transform: capitalize; width: 20em; } @media screen and (max-width: 440px) { .wrap-search input[type="text"] input[type="text"] { max-width: 100%; } } .yith-ajaxsearchform-container input[type="search"] { background-color: white !important; } @media screen and (max-width: 440px) { .yith-ajaxsearchform-container input[type="search"] { max-width: 100%; } } .autocomplete-suggestions { margin-top: 10px; color: #333; } /** Cart Header */ .cart-header { display: none; float: right; background: url("img/sep.png") no-repeat right center; margin-right: 20px; padding-right: 20px; position: relative; } @media screen and (max-width: 690px) { .cart-header { display: inline; float: left; background: transparent; } } @media screen and (max-width: 690px) { .cart-header { margin-right: 0; } } .cart-header:hover .toggle-cart-wrap { display: block; } .cart-header .cart-amount { font-size: 12px; font-size: 0.857142857143rem; display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; background-color: #e15935; font-weight: 700; line-height: 1; margin-top: 4px; padding: 1px 3px; } .toggle-cart-wrap { display: none; padding-top: 70px; position: absolute; top: 0; right: 0; width: 260px; z-index: 9999; } .toggle-cart { background-color: #0a151b; border-top: 1px solid #e15935; color: #e15935; } .toggle-cart ul { padding: 10px; } .toggle-cart li { font-size: 12px; font-size: 0.857142857143rem; line-height: 1.75; font-weight: 700; background: white; display: block; margin-bottom: 10px; padding: 10px; position: relative; } .toggle-cart li:last-child { margin-bottom: 0; } .toggle-cart img { display: inline; float: left; margin-right: 10px; } .toggle-cart a { display: block; } .toggle-cart a:link, .toggle-cart a:visited { color: #e15935; } .toggle-cart .total { background: #e15935; padding: 10px 15px; line-height: 1; font-size: 14px; color: white; text-align: right; margin: 0 10px; } .toggle-cart .total strong { display: inline; float: left; font-weight: 400; } .toggle-cart .buttons { padding: 10px; } .toggle-cart .buttons a { font-size: 12px; font-size: 0.857142857143rem; line-height: 1.75; display: inline; float: left; background-color: white; font-weight: 700; padding: 5px 10px; } .toggle-cart .buttons a.checkout { display: inline; float: right; } .toggle-cart .buttons a:hover { background-color: #e15935; color: white; } .toggle-cart dl, .toggle-cart dt, .toggle-cart dd { display: inline; font-weight: 400; margin: 0; font-size: 11px; font-size: 0.785714285714rem; } .toggle-cart dl { display: block; } .toggle-cart dt { margin-left: 3px; } .toggle-cart dt:before { content: '|'; padding-right: 3px; } .toggle-cart dt:first-child { margin-left: 0; } .toggle-cart dt:first-child:before { content: ''; padding-right: 0; } /** Navigation Toggle */ .nav-toggle { display: inline; float: right; font-size: 23px; font-size: 1.642857142857rem; } /*------------------------------------*\ $NAVIGATIONS \*------------------------------------*/ /** Primary Navigation */ .nav-expanded { font-weight: 500; text-transform: uppercase; } @media screen and (max-width: 690px) { .nav-expanded { display: none !important; visibility: hidden; left: -9999em; } } #mobile-menu { display: none; left: -9999em; } @media screen and (max-width: 690px) { #mobile-menu { left: auto !important; } } #mobile-menu i { display: none !important; } #mobile-menu, .expanded-view { background-color: #0a151b; border-top: 1px solid #e15935; position: absolute; right: 0; top: 112px; width: 17em; z-index: 999; } #mobile-menu ul, .expanded-view ul { list-style: none; margin: 0; padding: 44px; } #mobile-menu li, .expanded-view li { padding: 10px 0; } #mobile-menu a:hover, .expanded-view a:hover { color: #e15935; } #mobile-menu .has-child-menu > a, .expanded-view .has-child-menu > a { border-bottom: 1px solid #e15935; color: #e15935; display: block; margin-bottom: 7px; padding-bottom: 14px; } #mobile-menu .has-child-menu > a:hover, .expanded-view .has-child-menu > a:hover { border-color: white; color: white; } #mobile-menu .sub-menu, .expanded-view .sub-menu { padding: 0 0 0 1.5em; } .dropdown-view { /*border-top: 1px solid #e15935;*/ margin-bottom: -80px; } .dropdown-view .primary-navigation { *zoom: 1; margin: 0 auto; width: 620px; *width: 570px; position:relative; bottom:80px; } .dropdown-view .primary-navigation:after { content: ""; display: table; clear: both; } .full-view.page-template-home .dropdown-view .primary-navigation { max-width: 96%; padding-left: 0; padding-right: 0; } .dropdown-view .primary-menu { list-style: none; margin: 0; padding: 0; text-align: right; } .dropdown-view .assistive-text { display: none; } .dropdown-view .menu-item-has-children .fa { position: relative; left: -8px; opacity: 0.6; filter: alpha(opacity=60); } .dropdown-view .menu-item-has-children .sub-menu .fa { display: none; } .dropdown-view .menu { text-align: center; padding-top: 8px; padding-bottom: 8px; font-size: 14px; font-size: 1rem; line-height: 1.5; text-transform: capitalize; font-style: italic; } .dropdown-view .menu a:hover.fa, .dropdown-view .menu a:link:hover.fa { opacity: 1; filter: alpha(opacity=100); } .dropdown-view .have-submenu { text-align: left; } .dropdown-view .have-submenu a:hover, .dropdown-view .have-submenu a:link:hover { text-decoration: underline; } .dropdown-view .mega { width: 100%; } .dropdown-view .sub-menu { display: none; width: 230px; background-color: #0a151b; position: absolute; border-bottom: 3px solid #e15935; padding: 26px 0; padding-top: 0; margin-left: 0; z-index: 9999; font-style: normal; } .dropdown-view .sub-menu li { position: relative; } .dropdown-view .sub-menu .sub-menu { top: 0; left: 90%; display: none; } .dropdown-view .sub-menu li { text-transform: lowercase; display: block; } .dropdown-view .sub-menu li a { padding: 8px 20px; border-right-width: 0; font-style: none; text-transform: capitalize; } .dropdown-view li { display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; } .dropdown-view li a { display: block; padding: 30px 18px; } .dropdown-view li ul { text-align: left; } .dropdown-view li:last-child a { border-right-width: 0; } .dropdown-view li:hover .sub-menu { display: block; } /** Subsidiary Navigation */ .subsidiary-navigation { display: inline; float: right; font-size: 12px; font-size: 0.857142857143rem; } @media screen and (max-width: 880px) { .subsidiary-navigation { display: block; width: auto; float: none; margin-right: 0; padding-bottom: 16px; } } .subsidiary-navigation ul { list-style: none; margin: 0; padding: 0; text-align: right; } @media screen and (max-width: 880px) { .subsidiary-navigation ul { text-align: left; } } .subsidiary-navigation li { display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; margin-right: 30px; } .subsidiary-navigation a { position: relative; } .subsidiary-navigation a:hover { top: -3px; } /*------------------------------------*\ $WIDGETS \*------------------------------------*/ /** Sidebar Primary */ .sidebar-primary .widget-title { background-color: white; color: #838383; margin-bottom: 1px; padding: 15px 20px; } .sidebar-primary .widget-content { font-size: 12px; font-size: 0.857142857143rem; line-height: 1.75; background-color: #e15935; margin-bottom: 1px; padding: 20px; color: white; } .sidebar-primary .widget-content a:link, .sidebar-primary .widget-content a:visited { color: white; } .sidebar-primary .widget-content ul { list-style: none; margin: 0; padding: 0; } /** Sidebar Subsidiary */ .sidebar-subsidiary { background-color: /*#250d07*/#436aaf; color: /*#c3a39b*/#fff; padding: 50px 0; } .sidebar-subsidiary a:link, .sidebar-subsidiary a:visited { color: /*#c3a39b*/#fff; } .sidebar-subsidiary .widget-title { color: /*#edb4a5*/#fff; margin-bottom: 5px; } .sidebar-subsidiary .widget-content li { border-color: #4b2015; } .sidebar-footer-one, .sidebar-footer-second, .sidebar-footer-third { width: 23.076923076923%; float: left; margin-right: 2.564102564103%; display: inline; } @media screen and (max-width: 690px) { .sidebar-footer-one, .sidebar-footer-second, .sidebar-footer-third { display: block; width: auto; float: none; margin-right: 0; margin-bottom: 20px; } } .sidebar-footer-fourth { width: 23.076923076923%; float: right; margin-right: 0; *margin-left: -30px; display: inline; } @media screen and (max-width: 690px) { .sidebar-footer-fourth { display: block; width: auto; float: none; margin-right: 0; margin-bottom: 20px; } } /** Global content */ .widget-content { line-height: 1.5; } .widget-content a { position: relative; } .widget-content ul { list-style: none; margin: 0; padding: 0; } .widget-content li { border-bottom: 1px solid #f4beb0; padding: 5px 0; } .widget-content li a:hover { left: 5px; } .widget-content select { width: 100%; } .widget-title { font-size: 11px; font-size: 0.785714285714rem; line-height: 1.909090909091; text-transform: uppercase; } /** Tags */ .tagcloud a { display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; background-color: white; font-weight: 700; margin-bottom: 5px; padding: 0 5px; } .sidebar-primary .widget-content .tagcloud a { color: #e15935; } .sidebar-primary .widget-content .tagcloud a:hover { background-color: #404040; color: white; } /** Flickr */ .widget-flickr-photos li { display: inline; float: left; border-bottom: 0; margin-right: 20px; } .widget-flickr-photos li a:hover { left: 0; } .widget-flickr-photos li:last-child { margin-right: 0; } /** Recent Comments */ .widget-widget_recent_comments li a:hover { left: 0; text-decoration: underline; } /** Rss Widget */ .widget-widget_rss li a:hover { left: 0; text-decoration: underline; } /** Calendar widget */ .widget.calendar #wp-calendar { font-size: 12px; font-size: 0.857142857143rem; padding: 0; } .widget.calendar #wp-calendar th { padding: 5px; } .widget.calendar #wp-calendar td { border: 0; color: #333; padding: 5px; text-align: center; } .widget_layered_nav ul li { border-bottom-width: 0 !important; border-left: 2px solid #1F7F5C; margin-top: 2px; padding-left: 6px; } .widget_layered_nav .count { display: inline; float: right; } .widget_price_filter #min_price, .widget_price_filter #max_price { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 100%; padding: 8px 4px; margin-top: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget_price_filter .price_slider_amount { text-align: right; } .widget_price_filter .price_slider_amount .button { display: block; background-color: white; color: #333333; width: 100%; margin-top: 12px; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 140%; top: -20%; cursor: pointer; background: white !important; border-width: 0 !important; } .widget_price_filter .ui-slider .ui-slider-handle.ui-state-hover { background-color: violet; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -1em; } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background-color: rgba(255, 255, 255, 0.2) !important; } .widget_price_filter .price_slider_wrapper .ui-widget-content { height: 8px; } .widget_price_filter .ui-slider-horizontal { height: 0.5em; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; } .widget_price_filter .price_label { padding-top: 4px; font-size: 15px; font-size: 1.071428571429rem; line-height: 1.4; } /*------------------------------------*\ $COMMENTS \*------------------------------------*/ .comments { background-color: white; display: block; } .comments-tabnav ul { list-style: none; margin: 0; padding: 0; } .comments-tabnav li { display: inline; float: left; margin-right: 1px; } .comments-tabnav a { background-color: #e15935; color: white; display: block; font-weight: 700; text-align: center; padding: 10px 0; width: 170px; } .comments-tabnav a.inactive { background-color: #d8c3be; } .comments-tabcontent { padding: 50px; } .tabcontent { padding-bottom: 50px; } .comment-list { list-style: none; margin: 0; padding: 0; } .comment-list li { border-bottom: 1px solid #f7f3ed; margin-bottom: 20px; } .comment-list .avatar { display: inline; float: left; margin-right: 20px; } .comment-meta, .comment-text { overflow: hidden; } .comment-meta { margin-bottom: 14px; line-height: 1; } .comment-text { color: #838383; } .comment-author cite { font-style: normal; } .comment-author a { color: #404040; } .comment-date { color: #c3c3c3; } #respond { position: relative; } #respond p { margin-bottom: 8px; } #respond p .text-input { margin-bottom: 0; width: 31em; width: 32em; } @media screen and (max-width: 690px) { #respond p .text-input { width: 100%; } } #respond #reply-title { font-size: 14px; font-size: 1rem; line-height: 1.5; font-weight: 700; margin-bottom: 20px; } #respond textarea { position: absolute; top: 41px; right: 0; } @media screen and (max-width: 690px) { #respond textarea { width: 100%; } } #respond input[type="submit"] { -webkit-transition: all 200ms ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 200ms ease-in-out 0s; -o-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; position: absolute; right: 0; width: 20em; } #respond input[type="submit"]:hover { background-color: #250d07; color: white; } .logged-in #respond input[type="submit"] { position: absolute; top: 234px; right: 0; } .logged-in .comments #tab2content { min-height: 190px; } /*------------------------------------*\ $PAGINATIONS \*------------------------------------*/ /** Blog/page pagination */ .pagination { font-size: 12px; font-size: 0.857142857143rem; line-height: 1.75; clear: both; font-weight: 900; display: block; padding-top: 20px; text-align: center; } .pagination a { color: white; } .pagination .page-numbers { margin-right: 20px; position: relative; } .pagination .page-numbers:after { content: "\2044"; color: white; position: absolute; right: -15px; } .pagination .page-numbers:last-child:after { content: ""; } .pagination .current { color: #e15935; } .pagination .next, .pagination .prev { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; background-color: white; color: #e15935; margin: 0; text-transform: uppercase; text-align: center; padding: 4px 0; width: 100px; } .pagination .next:after, .pagination .prev:after { content: ""; } .pagination .prev { display: inline; float: left; } .pagination .next { display: inline; float: right; } /** Loop Nav */ .loop-nav { background: white; margin-top: 10px; padding: 10px 20px; } .loop-nav .previous { display: inline; float: left; } .loop-nav .next { display: inline; float: right; text-align: right; } /*------------------------------------*\ $FOOTER \*------------------------------------*/ /** Subscribe Form */ .subscribe { /*background-color: #e15935 #f4cd81*/; padding: 50px 0; background-image:linear-gradient(#ffe3ab, #bd9e63); } .subscribe p { font-family: 'Raleway', sans-serif; font-weight: 900; font-size: 18px; font-size: 1.285714285714rem; display: inline; float: left; color: white; margin-bottom: 0; letter-spacing: 3px; padding-top: 10px; text-transform: uppercase; } @media screen and (max-width: 1040px) { .subscribe p { text-align: center; float: none; display: block; padding-bottom: 16px; } } .subscribe p span { font-family: 'Maven Pro', sans-serif; font-weight: 500; font-size: 14px; font-size: 1rem; letter-spacing: 0; padding-left: 10px; text-transform: capitalize; } .subscribe .subscribeform, .subscribe .mc4wp-form { display: inline; float: right; } .subscribe .subscribeform input[type="email"], .subscribe .subscribeform input[type="text"], .subscribe .mc4wp-form input[type="email"], .subscribe .mc4wp-form input[type="text"] { opacity: 0.7; filter: alpha(opacity=70); background-color: #f4beb0; border: none; width: 25em; } .subscribe .subscribeform input[type="email"]::-webkit-input-placeholder, .subscribe .subscribeform input[type="text"]::-webkit-input-placeholder, .subscribe .mc4wp-form input[type="email"]::-webkit-input-placeholder, .subscribe .mc4wp-form input[type="text"]::-webkit-input-placeholder { color: #662818; } .subscribe .subscribeform input[type="email"]:-moz-placeholder, .subscribe .subscribeform input[type="text"]:-moz-placeholder, .subscribe .mc4wp-form input[type="email"]:-moz-placeholder, .subscribe .mc4wp-form input[type="text"]:-moz-placeholder { color: #662818; } .subscribe .subscribeform input[type="email"]:-ms-input-placeholder, .subscribe .subscribeform input[type="text"]:-ms-input-placeholder, .subscribe .mc4wp-form input[type="email"]:-ms-input-placeholder, .subscribe .mc4wp-form input[type="text"]:-ms-input-placeholder { color: #662818; } .subscribe .subscribeform input[type="submit"], .subscribe .mc4wp-form input[type="submit"] { background-color: white; color: #e15935; } @media screen and (max-width: 1040px) { .subscribe .mc4wp-form { float: none; width: 60%; margin: auto; display: block; } .subscribe .mc4wp-form input[type="email"] { width: 70%; display: inline; float: left; position: relative; left: -2px; } .subscribe .mc4wp-form input[type="submit"] { width: 30%; display: inline; float: left; position: relative; left: 2px; } } @media screen and (max-width: 440px) { .subscribe .mc4wp-form { width: 96%; } .subscribe .mc4wp-form input[type="email"], .subscribe .mc4wp-form input[type="submit"] { width: 100%; left: 0; } } /** Footer Section */ .site-footer { background-color: /*#e15935*/#f4cd81; color: white; padding: 10px 0; } .site-footer a:link, .site-footer a:visited { color: white; } .site-footer .footer-text { font-size: 10px; font-size: 0.714285714286rem; display: inline; float: left; margin-right: 20px; text-transform: uppercase; } @media screen and (max-width: 880px) { .site-footer .footer-text { display: block; width: auto; float: none; margin-right: 0; padding-bottom: 12px; } } .site-footer .footer-text p { display: inline; margin-bottom: 0; } @media screen and (min-width: 800px) { .news-index { -webkit-transition: all 0.46s ease; -moz-transition: all 0.46s ease; -o-transition: all 0.46s ease; transition: all 0.46s ease; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); opacity: 0.4; filter: alpha(opacity=40); } .news-index.run { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .event-index { -webkit-transition: all 0.46s ease; -moz-transition: all 0.46s ease; -o-transition: all 0.46s ease; transition: all 0.46s ease; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); opacity: 0.4; filter: alpha(opacity=40); } .event-index.run { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .shop-index { -webkit-transition: all 0.46s ease; -moz-transition: all 0.46s ease; -o-transition: all 0.46s ease; transition: all 0.46s ease; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); opacity: 0.4; filter: alpha(opacity=40); } .shop-index.run { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .latest-videos .owl-item { -webkit-transition: all 0.46s ease; -moz-transition: all 0.46s ease; -o-transition: all 0.46s ease; transition: all 0.46s ease; opacity: 1; filter: alpha(opacity=100); } .latest-videos .owl-item:nth-child(1) { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .latest-videos .owl-item:nth-child(2) { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .latest-videos .owl-item:nth-child(3) { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .latest-videos .owl-item:nth-child(4) { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; } .latest-videos.run .owl-item:nth-child(1) { opacity: 1; filter: alpha(opacity=100); } .latest-videos.run .owl-item:nth-child(2) { opacity: 1; filter: alpha(opacity=100); } .latest-videos.run .owl-item:nth-child(3) { opacity: 1; filter: alpha(opacity=100); } .latest-videos.run .owl-item:nth-child(4) { opacity: 1; filter: alpha(opacity=100); } .latest-photos .owl-item { -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); opacity: 1; filter: alpha(opacity=100); } .latest-photos .owl-item:nth-child(1) { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: perspective(400px) rotateY(180deg); -moz-transform: perspective(400px) rotateY(180deg); -ms-transform: perspective(400px) rotateY(180deg); -o-transform: perspective(400px) rotateY(180deg); transform: perspective(400px) rotateY(180deg); } .latest-photos .owl-item:nth-child(2) { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transform: perspective(400px) rotateY(180deg); -moz-transform: perspective(400px) rotateY(180deg); -ms-transform: perspective(400px) rotateY(180deg); -o-transform: perspective(400px) rotateY(180deg); transform: perspective(400px) rotateY(180deg); } .latest-photos .owl-item:nth-child(3) { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transform: perspective(400px) rotateY(180deg); -moz-transform: perspective(400px) rotateY(180deg); -ms-transform: perspective(400px) rotateY(180deg); -o-transform: perspective(400px) rotateY(180deg); transform: perspective(400px) rotateY(180deg); } .latest-photos .owl-item:nth-child(4) { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; -webkit-transform: perspective(400px) rotateY(180deg); -moz-transform: perspective(400px) rotateY(180deg); -ms-transform: perspective(400px) rotateY(180deg); -o-transform: perspective(400px) rotateY(180deg); transform: perspective(400px) rotateY(180deg); } .latest-photos.run .owl-item:nth-child(1) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); } .latest-photos.run .owl-item:nth-child(2) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); } .latest-photos.run .owl-item:nth-child(3) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); } .latest-photos.run .owl-item:nth-child(4) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); } #sidebar-subsidiary .sidebar-footer-one, #sidebar-subsidiary .sidebar-footer-second, #sidebar-subsidiary .sidebar-footer-third, #sidebar-subsidiary .sidebar-footer-fourth { -webkit-transition: all 0.46s cubic-bezier(1, 0.86, 0.48, 1.23); -moz-transition: all 0.46s cubic-bezier(1, 0.86, 0.48, 1.23); -o-transition: all 0.46s cubic-bezier(1, 0.86, 0.48, 1.23); transition: all 0.46s cubic-bezier(1, 0.86, 0.48, 1.23); position: relative; opacity: 0; filter: alpha(opacity=0); top: 120px; } #sidebar-subsidiary .sidebar-footer-one { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } #sidebar-subsidiary .sidebar-footer-second { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } #sidebar-subsidiary .sidebar-footer-third { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } #sidebar-subsidiary .sidebar-footer-fourth { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; } #sidebar-subsidiary.run .sidebar-footer-one, #sidebar-subsidiary.run .sidebar-footer-second, #sidebar-subsidiary.run .sidebar-footer-third, #sidebar-subsidiary.run .sidebar-footer-fourth { top: 0; opacity: 1; filter: alpha(opacity=100); } .subscribe { -webkit-transition: all 0.66s cubic-bezier(1, 0.86, 0.48, 1.23); -moz-transition: all 0.66s cubic-bezier(1, 0.86, 0.48, 1.23); -o-transition: all 0.66s cubic-bezier(1, 0.86, 0.48, 1.23); transition: all 0.66s cubic-bezier(1, 0.86, 0.48, 1.23); opacity: 0; filter: alpha(opacity=0); } .subscribe.run { opacity: 1; filter: alpha(opacity=100); } } #supersized { margin: 0; padding: 0; overflow: hidden; max-width: 100%; } @media screen and (max-width: 690px) { #fap-wrapper { display: none; } } /*------------------------------------*\ $HOME_PAGE \*------------------------------------*/ @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-opera-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-opera-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-opera-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .slide-caption { color: white; text-align: center; padding: 160px 0; } @media screen and (max-width: 690px) { .slide-caption { padding: 80px 0; } } .slide-caption span { font-family: 'Raleway', sans-serif; font-weight: 900; font-size: 16px; font-size: 1.142857142857rem; line-height: 1.3125; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); -webkit-animation-name: "fadeIn"; -moz-animation-name: "fadeIn"; -o-animation-name: "fadeIn"; animation-name: "fadeIn"; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; font-weight: 800; text-transform: uppercase; letter-spacing: 10px; padding-bottom: 10px; } .slide-caption h1 { font-size: 100px; font-size: 7.142857142857rem; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); -webkit-animation-name: "fadeInUp"; -moz-animation-name: "fadeInUp"; -o-animation-name: "fadeInUp"; animation-name: "fadeInUp"; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; line-height: 1; padding-bottom: 40px; text-transform: uppercase; text-shadow: 3px 3px 7px #436aaf, -3px -3px 7px #436aaf; } @media screen and (max-width: 880px) { .slide-caption h1 { font-size: 70px; font-size: 5rem; } } @media screen and (max-width: 690px) { .slide-caption h1 { font-size: 30px; font-size: 2.142857142857rem; } } .slide-caption .caption-btn { font-size: 16px; font-size: 1.142857142857rem; -webkit-animation-name: "fadeInUp"; -moz-animation-name: "fadeInUp"; -o-animation-name: "fadeInUp"; animation-name: "fadeInUp"; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; background-color: white; color: #404040; display: inline-block; font-weight: 900; padding: 20px 60px; text-transform: uppercase; } /** Main content */ .event-index { display: inline; float: left; margin-right: 2px; width: 25%; position: relative; } @media screen and (max-width: 880px) { .event-index { height: auto !important; } } @media screen and (max-width: 690px) { .event-index { display: block; width: auto; float: none; margin-right: 0; margin-bottom: 20px; } } .event-index li { background-color: white; margin-bottom: 1px; position: relative; padding: 24px 60px 24px 25px; } .full-view.page-template-home .event-index li { padding: 20px 60px 20px 25px; } @media screen and (max-width: 880px) { .event-index li { padding: 16px 52px 16px 16px; } } .event-index li.featured-event { color: white; padding: 0; } .full-view.page-template-home .event-index li.featured-event { padding: 0; } .full-view.page-template-home .event-index li.featured-event img { width: 100%; } .event-index li.featured-event .event-date-first { position: relative; -webkit-transition: all 0.36s cubic-bezier(0.03, 0.97, 0.25, 0.95); -moz-transition: all 0.36s cubic-bezier(0.03, 0.97, 0.25, 0.95); -o-transition: all 0.36s cubic-bezier(0.03, 0.97, 0.25, 0.95); transition: all 0.36s cubic-bezier(0.03, 0.97, 0.25, 0.95); top: 400px; bottom: auto; } .event-index li.featured-event .event-title-first { position: relative; -webkit-transition: all 0.66s cubic-bezier(1, 0.86, 0.48, 1.23); -moz-transition: all 0.66s cubic-bezier(1, 0.86, 0.48, 1.23); -o-transition: all 0.66s cubic-bezier(1, 0.86, 0.48, 1.23); transition: all 0.66s cubic-bezier(1, 0.86, 0.48, 1.23); top: 400px; bottom: auto; } .event-index li.featured-event .event-places-first { position: relative; -webkit-transition: all 0.36s cubic-bezier(0.03, 0.97, 0.25, 0.95); -moz-transition: all 0.36s cubic-bezier(0.03, 0.97, 0.25, 0.95); -o-transition: all 0.36s cubic-bezier(0.03, 0.97, 0.25, 0.95); transition: all 0.36s cubic-bezier(0.03, 0.97, 0.25, 0.95); top: 400px; bottom: auto; } .event-index li.featured-event .event-action { position: relative; -webkit-transition: all 0.56s cubic-bezier(1, 0.86, 0.48, 1.23); -moz-transition: all 0.56s cubic-bezier(1, 0.86, 0.48, 1.23); -o-transition: all 0.56s cubic-bezier(1, 0.86, 0.48, 1.23); transition: all 0.56s cubic-bezier(1, 0.86, 0.48, 1.23); top: 400px; bottom: auto; } .event-index li.featured-event:hover .event-date-first { position: relative; top: 0; } .event-index li.featured-event:hover .event-title-first { position: relative; top: 0; } .event-index li.featured-event:hover .event-places-first { position: relative; top: 0; } .event-index li.featured-event:hover .event-action { position: relative; top: 0; } .event-index li:last-child { margin-bottom: 0; padding-bottom: 26px; } .full-view.page-template-home .event-index li:last-child { padding-bottom: 24px; } .event-index li:not(.featured-event) .event-places { display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; max-width: 132px; } .event-index img { display: block; } @media screen and (max-width: 690px) { .event-index img { width: 100%; } } .event-index .overlay { opacity: 0.5; filter: alpha(opacity=50); } .event-index .event-title { font-size: 12px; font-size: 0.857142857143rem; font-weight: 800; color: /*#f44a7e*/#436aaf; text-transform: uppercase; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .event-index .event-date, .event-index .event-places { font-size: 11px; font-size: 0.785714285714rem; font-weight: 700; text-transform: uppercase; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .event-index .event-action { font-size: 12px; font-size: 0.857142857143rem; background-color: /*#f44a7e*/#436aaf; color: white; font-weight: 700; padding: 8px 12px; position: absolute; right: 0; bottom: auto; text-transform: uppercase; top: 0; margin-top: 20px; margin-bottom: 20px; } .featured-event .inner-event { position: absolute; left: 0; width: 100%; top: 28%; text-align: center; } .featured-event span, .featured-event h5 { font-weight: 700; left: 0; display: block; right: 0; top: 0; bottom: 0; text-align: center; margin: 0; text-transform: uppercase; } .featured-event .overlay {background-color:transparent; cursor:pointer;} .featured-event .overlay:hover {background-color:#436aaf; opacity:0.5;} .featured-event .inner-event:hover{background-color:rgba(67,106,175,0.5); height:72%; margin-top:-110px; padding-top:110px; cursor:pointer;} .featured-event .event-title-first { font-size: 50px; font-size: 3.571428571429rem; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-left: 4px; padding-right: 4px; } @media screen and (max-width: 880px) { .featured-event .event-title-first { font-size: 30px; font-size: 2.142857142857rem; } } @media screen and (max-width: 690px) { .featured-event .event-title-first { font-size: 50px; font-size: 3.571428571429rem; } } .featured-event .event-date-first, .featured-event .event-places-first, .featured-event .event-date { top: 26%; letter-spacing: 2px; line-height: 15px; font-size: 14px; max-width: 90%; margin: auto; font-weight: 700; } .featured-event .event-title { font-family: 'Raleway', sans-serif; font-weight: 900; font-size: 48px; font-size: 3.428571428571rem; color: white; padding-top: 4px; padding-bottom: 4px; } .featured-event .event-action { display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; margin-left: auto; margin-right: auto; background-color: white; color: #f44a7e; font-weight: 700; text-transform: uppercase; padding: 8px 36px; position: relative; left: auto; right: auto; bottom: auto; top: auto; } .shop-index { display: inline; float: left; width: 50.1%; } @media screen and (max-width: 1040px) { .shop-index { width: 52.75%; } } @media screen and (max-width: 880px) { .shop-index { height: auto !important; } } @media screen and (max-width: 690px) { .shop-index { display: block; width: auto; float: none; margin-right: 0; margin-bottom: 20px; } } .shop-index .shop-heading { font-size: 11px; font-size: 0.785714285714rem; line-height: 1.909090909091; font-family: 'Raleway', sans-serif; font-weight: 900; background-color: white; color: #838383; font-weight: 800; padding: 15px 20px; text-transform: uppercase; } @media screen and (max-width: 1040px) { .shop-index .shop-heading { margin-right: 2px; } } @media screen and (max-width: 440px) { .shop-index .products .product { width: 100%; } } .no-sidebar .shop-index .products .product { width: 24.914821124361%; float: left; margin-right: 0.170357751278%; display: inline; } .no-sidebar .shop-index .products .product:nth-child(2n) { float: left; margin-right: 0; } @media screen and (max-width: 440px) { .no-sidebar .shop-index .products .product { width: 100%; } } .news-index { display: inline; float: right; width: 22%; } @media screen and (max-width: 880px) { .news-index { height: auto !important; } } @media screen and (max-width: 690px) { .news-index { display: block; width: auto; float: none; margin-right: 0; margin-bottom: 20px; } } .news-index .news-heading { font-size: 11px; font-size: 0.785714285714rem; line-height: 1.909090909091; font-family: 'Raleway', sans-serif; font-weight: 900; background-color: white; color: #838383; font-weight: 800; padding: 15px 20px; text-transform: uppercase; } .news-index li { background-color: white; margin-bottom: 1px; position: relative; padding: 23px 20px; } .full-view.page-template-home .news-index li { padding: 21px 20px; } @media screen and (max-width: 880px) { .news-index li { padding: 12px 16px; } } .news-index li.first-post { color: white; padding: 0; } .full-view.page-template-home .news-index li.first-post { padding: 0; } .full-view.page-template-home .news-index li.first-post img { width: 100%; } .news-index li.first-post .entry-title { -webkit-transition: all 200ms ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 200ms ease-in-out 0s; -o-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; opacity: 0; filter: alpha(opacity=0); font-size: 44px; font-size: 3.142857142857rem; color: white; position: absolute; left: 0; right: 0; text-align: center; font-weight: 800; text-transform: uppercase; bottom: 40%; padding-left: 6px; padding-right: 6px; } @media screen and (max-width: 690px) { .news-index li.first-post .entry-title { font-size: 26px; font-size: 1.857142857143rem; } } @media screen and (max-width: 690px) { .news-index li.first-post img { width: 100%; } } .news-index li:last-child { margin-bottom: 0; } .full-view.page-template-home .news-index li:last-child { padding-bottom: 14px; } .news-index li:hover .overlay { opacity: 0.5; filter: alpha(opacity=50); } .news-index li:hover .entry-title, .news-index li:hover .entry-content { opacity: 1; filter: alpha(opacity=100); font-size: 14px; font-size: 1rem; } .news-index img { display: block; } .news-index .news-thumb { display: inline; float: left; margin-right: 20px; } @media screen and (max-width: 880px) { .news-index .news-thumb { margin-right: 10px; } } .news-index .entry-title, .news-index .entry-content { overflow: hidden; color: #404040; } .news-index .entry-content { font-size: 13px; font-size: 0.928571428571rem; text-transform: lowercase; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .news-index .entry-title { font-size: 12px; font-size: 0.857142857143rem; text-transform: uppercase; text-transform: uppercase; font-weight: 400; margin-bottom: 7px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /** Latest */ .latest-photos { border-bottom: 10px solid /*#e15935*/#f4cd81; } .latest-header { background-color: #436aaf; color: white; text-align: center; padding: 40px 0; position: relative;} .latest-header h3 { color: #fff; text-transform: uppercase; font-weight: 800; } .nav-slide { position: absolute; right: 0; left: 260px; top: 50px; } .nav-slide .nav-btn { display: inline-block; height: 10px; width: 8px; } .nav-slide .prev-btn, .nav-slide .video-prev-btn { background: url("img/prev.png") no-repeat; margin-right: 5px; } .nav-slide .next-btn, .nav-slide .video-next-btn { background: url("img/next.png") no-repeat; } .owl-carousel .item { position: relative; overflow: hidden; } .owl-carousel .item img { -webkit-transition: all 200ms linear; -webkit-transition-delay: 0s; -moz-transition: all 200ms linear 0s; -o-transition: all 200ms linear 0s; transition: all 200ms linear 0s; } .owl-carousel .item .photo-title { -webkit-transition: all 0.36s cubic-bezier(0.03, 0.97, 0.25, 0.95); -moz-transition: all 0.36s cubic-bezier(0.03, 0.97, 0.25, 0.95); -o-transition: all 0.36s cubic-bezier(0.03, 0.97, 0.25, 0.95); transition: all 0.36s cubic-bezier(0.03, 0.97, 0.25, 0.95); -webkit-transition: all 0.36s cubic-bezier(1, 0.86, 0.48, 1.23); -moz-transition: all 0.36s cubic-bezier(1, 0.86, 0.48, 1.23); -o-transition: all 0.36s cubic-bezier(1, 0.86, 0.48, 1.23); transition: all 0.36s cubic-bezier(1, 0.86, 0.48, 1.23); opacity: 0; filter: alpha(opacity=0); font-size: 14px; font-size: 1rem; font-weight: 800; color: white; position: absolute; top: 45%; left: 0; right: 0; text-align: center; text-transform: uppercase; top: 120%; } .owl-carousel .item:hover .overlay { opacity: 0.5; filter: alpha(opacity=50); } .owl-carousel .item:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .owl-carousel .item:hover h2 { opacity: 1; filter: alpha(opacity=100); top: 45%; } .latest-videos #latest h2 { top: 20%; } .latest-videos .owl-carousel .item:hover h2 { opacity: 1; filter: alpha(opacity=100); top: 16%; font-size: 28px; font-size: 2rem; } .video-icon { background: url("img/video.png") no-repeat center center; height: 50px; width: 50px; position: absolute; right: 0; left: 0; top: 0; margin: auto; bottom: 0; } .event-heading { background: none repeat scroll 0 0 /*#F44A7E*/#436aaf; border-left: 6px solid #FFFFFF; color: #FFFFFF; font-family: 'Raleway',sans-serif; font-size: 12px; letter-spacing: 3px; padding: 8px 44px; position: absolute; text-align: center; text-transform: uppercase; z-index: 4; } /*------------------------------------*\ $BLOG \*------------------------------------*/ /** Style for standard post and page. */ .loop-meta { background-color: white; margin-bottom: 1px; padding: 15px 20px; } .loop-meta h1 { font-size: 11px; font-size: 0.785714285714rem; line-height: 1.909090909091; color: #838383; text-transform: uppercase; } .hentry { margin-bottom: 1px; position: relative; } .hentry .entry-container { padding: 50px; } @media screen and (max-width: 690px) { .hentry .entry-container { padding: 20px; } } .hentry.video .entry-container { margin-left: 130px; padding: 40px; } @media screen and (max-width: 690px) { .hentry.video .entry-container { padding: 20px; } } .post-wrapper { background-color: white; } .entry-title { line-height: 1.2; margin-bottom: 10px; text-transform: uppercase; } @media screen and (max-width: 690px) { .entry-title { font-size: 14px; font-size: 1rem; line-height: 1.5; } } .entry-title a:link, .entry-title a:visited { color: #3a0f1c; } .entry-title a:hover { color: #e15935; } .format-standard .entry-container, .format-gallery .entry-container, .format-link .entry-container, .format-quote .entry-container, .format-image .entry-container, .format-video .entry-container, .format-aside .entry-container, .format-audio .entry-container { margin-left: 130px; padding: 40px; } @media screen and (max-width: 690px) { .format-standard .entry-container, .format-gallery .entry-container, .format-link .entry-container, .format-quote .entry-container, .format-image .entry-container, .format-video .entry-container, .format-aside .entry-container, .format-audio .entry-container { margin-left: 60px; padding: 20px; } } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { line-height: 1.5; margin-bottom: 5px; } .entry-content ul { list-style: url("img/ul.png") outside; } .entry-content ul li { padding-left: 5px; } .entry-format { margin-bottom: 12px; } .entry-meta { background-color: #e15935; color: white; height: 100%; position: absolute; top: 0; left: 0; width: 130px; } @media screen and (max-width: 690px) { .entry-meta { width: 60px; text-align: center; } } .entry-meta i { font-size: 32px; font-size: 2.285714285714rem; top: 40px; position: absolute; left: 0; right: 0; text-align: center; } @media screen and (max-width: 690px) { .entry-meta i { position: relative; left: auto; right: auto; top: auto; margin-top: 12px; } } .entry-meta .published { position: absolute; bottom: 40px; left: 0; right: 0; text-align: center; } @media screen and (max-width: 690px) { .entry-meta .published { position: static; left: auto; right: auto; bottom: auto; border-top: 1px solid white; margin-top: 12px; display: block; padding-top: 6px; } } .entry-meta .published span { display: block; font-weight: 900; } .entry-meta .published-date { font-size: 72px; font-size: 5.142857142857rem; line-height: 1; letter-spacing: -7px; } @media screen and (max-width: 690px) { .entry-meta .published-date { font-size: 40px; font-size: 2.857142857143rem; } } .entry-meta .published-month { font-size: 16px; font-size: 1.142857142857rem; letter-spacing: -2px; line-height: 1; text-transform: uppercase; } @media screen and (max-width: 690px) { .entry-meta .published-month { font-size: 12px; font-size: 0.857142857143rem; } } .entry-meta .published-year { font-size: 12px; font-size: 0.857142857143rem; line-height: 1; } .byline { font-size: 12px; font-size: 0.857142857143rem; line-height: 1.75; font-weight: 700; } .byline .before { padding-right: 3px; } .post .entry-container, .video .entry-container { min-height: 170px; } /** Gallery format */ .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } .format-gallery .entry-format { position: relative; } .hentry.format-gallery .rslides_nav { font-size: 14px; font-size: 1rem; line-height: 1.5; background: #000; bottom: 10px; color: white; display: block; position: absolute; padding: 0 7px 3px; text-align: center; z-index: 9; } .hentry.format-gallery .rslides_nav:visited { color: white; } .hentry.format-gallery .rslides_nav:hover { background: #e15935; color: white; text-decoration: none; } .hentry.format-gallery .rslides_nav.next { right: 10px; } .hentry.format-gallery .rslides_nav.prev { right: 39px; } /** Quote format */ .format-quote blockquote { font-family: 'Raleway', sans-serif; font-weight: 900; font-size: 30px; font-size: 2.142857142857rem; line-height: 1.4; border-left: 0; color: #3a0f1c; font-style: normal; line-height: 1.2; margin: 0; padding: 0; text-transform: uppercase; } @media screen and (max-width: 690px) { .format-quote blockquote { font-size: 16px; font-size: 1.142857142857rem; line-height: 1.3125; } } .format-quote blockquote:before { background: transparent; } /** Single Posts */ .single-post-wrapper { position: relative; } .single-entry-title { font-size: 70px; font-size: 5rem; background-color: white; color: #436aaf; line-height: 1; letter-spacing: -2px; margin-bottom: 1px; padding: 20px 10px; text-align: center; } @media screen and (max-width: 690px) { .single-entry-title { font-size: 20px; font-size: 1.428571428571rem; } } .single-entry-format { background-color: white; margin-bottom: 1px; } .single-entry-format img, .single-entry-format iframe { display: block; } /** Form element in content */ textarea, select, input[type="email"], input[type="password"], input[type="search"], input[type="text"], input[type="url"], input[class*="text"] { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 3px solid #e15935; margin-bottom: 5px; width: 32em; } textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[class*="text"]::-webkit-input-placeholder { color: #404040; } textarea:-moz-placeholder, select:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[class*="text"]:-moz-placeholder { color: #404040; } textarea:-ms-input-placeholder, select:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[class*="text"]:-ms-input-placeholder { color: #404040; } /** Post Author */ .post-author { margin: 10px 0; } .author-img { display: inline; float: left; margin-right: 15px; } .author-name { font-size: 15px; font-size: 1.071428571429rem; line-height: 1.4; font-weight: 800; margin-bottom: 5px; } .author-desc { overflow: hidden; } body.search .page .entry-container { margin-left: 130px; padding: 40px; } /*------------------------------------*\ $PHOTO \*------------------------------------*/ .photos { list-style: none; margin: 0; padding: 0; } .photos .photo { display: inline; float: left; margin-right: 2px; margin-bottom: 2px; width: 291px; } .photos .photo:nth-child(4n) { margin-right: 0; } @media screen and (max-width: 880px) { .photos .photo { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 33.33%; padding: 0 2px 2px 0; margin: 0; } .photos .photo:nth-child(4n) { margin-right: 0; } } .photos .photo .tokokoo-photo { width: 100%; } @media screen and (max-width: 690px) { .photos .photo { width: 50%; } } @media screen and (max-width: 440px) { .photos .photo { width: 100%; } } .photos .photo:hover .overlay { opacity: 0.5; filter: alpha(opacity=50); } .photos .photo:hover .view { opacity: 1; filter: alpha(opacity=100); } .photos .photo:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .photos figure { position: relative; overflow: hidden; } .photos figure img { -webkit-transition: all 200ms linear; -webkit-transition-delay: 0s; -moz-transition: all 200ms linear 0s; -o-transition: all 200ms linear 0s; transition: all 200ms linear 0s; } .photos .overlay { -webkit-transition: all 200ms ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 200ms ease-in-out 0s; -o-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; opacity: 0; filter: alpha(opacity=0); background-color: #e15935; position: absolute; bottom: 0; left: 0; text-align: center; height: 100%; width: 100%; } .photos .view { opacity: 0; filter: alpha(opacity=0); background-color: #e15935; color: white; margin: auto; position: absolute; bottom: 50%; margin-bottom: -20px; left: 0; right: 0; text-align: center; padding: 5px 0; width: 130px; } .photo-caption { background-color: white; padding: 20px; } .photo-caption .photo-title { font-size: 12px; font-size: 0.857142857143rem; line-height: 1.75; font-weight: 700; } .photo-caption .photo-title a { color: #404040; } #slider { margin-bottom: 20px; } #carousel { text-align: center; padding-bottom: 20px; } #carousel li { margin-right: 30px; } #carousel li:last-child { margin-right: 0; } .flex-centered .slides { width: 100% !important; text-align: center; } .flex-centered .slides li { display: inline-block !important; *display: inline !important; float: none !important; } .entry-left { width: 42.528735632184%; float: left; margin-right: 3.448275862069%; display: inline; } @media screen and (max-width: 690px) { .entry-left { display: block; width: auto; float: none; margin-right: 0; } } .entry-left .role, .entry-left .url { display: block; } .entry-right { width: 54.022988505747%; float: right; margin-right: 0; *margin-left: -30px; display: inline; } .entry-right h5 { font-weight: 800; margin-bottom: 10px; } @media screen and (max-width: 690px) { .entry-right { display: block; width: auto; float: none; margin-right: 0; margin-top: 20px; } } .related-photo { list-style: none; margin: 0; padding: 0; } @media screen and (max-width: 690px) { .related-photo { margin-top: 20px; } } .related-photo li { display: inline; float: left; margin-right: 30px; margin-bottom: 30px; } .related-photo li:nth-child(2n) { margin-right: 0; } @media screen and (max-width: 690px) { .related-photo li { margin-right: 0; margin-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 0 2px 2px 0; } } @media screen and (max-width: 440px) { .related-photo li { width: 100%; padding: 0; } } @media screen and (max-width: 690px) { .related-photo li img { width: 100%; } } /*------------------------------------*\ $PHOTO \*------------------------------------*/ .hentry.event .entry-meta { background-color: #f44a7e; left: 270px; } @media screen and (max-width: 690px) { .hentry.event .entry-meta { width: 100px; left: 0; } } .hentry.event .published { bottom: 0; top: 30px; } @media screen and (max-width: 690px) { .hentry.event .published { border-top-width: 0; border-bottom: 1px solid white; padding-bottom: 20px; } } .hentry.event .entry-container { margin-left: 400px; padding: 40px; } @media screen and (max-width: 690px) { .hentry.event .entry-container { position: static !important; margin-left: 0; } } @media screen and (max-width: 690px) { .hentry.event .single-post-wrapper .entry-meta { position: static; } } @media screen and (max-width: 690px) { .hentry.event .single-post-wrapper .entry-container { margin-left: 0; padding: 20px; } } @media screen and (max-width: 690px) { .hentry.event .single-post-wrapper .entry-container .event-details { display: block; width: auto; float: none; margin-right: 0; } } @media screen and (max-width: 690px) { .hentry.event .single-post-wrapper .entry-container .entry-content { display: block; margin-top: 20px; } } @media screen and (max-width: 690px) { .hentry.event .entry-title { position: absolute; left: 100px; right: 0; top: 0; display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; text-align: center; padding-top: 40px; } } @media screen and (max-width: 690px) { .hentry.event .entry-title a, .hentry.event .entry-title a:link { display: block; text-align: center; color: white !important; } } @media screen and (max-width: 690px) { .hentry.event .single-entry-title { left: 0; } } .event .single-post-wrapper { margin-bottom: 1px; } .event .single-post-wrapper .entry-meta { left: 0; } .event .single-post-wrapper .entry-container { margin-left: 130px; } .event .single-post-wrapper .entry-content { overflow: hidden; } .event-time, .event-place { font-size: 11px; font-size: 0.785714285714rem; font-weight: 900; line-height: 1; position: absolute; left: 0; right: 0; text-align: center; } .event-time { top: 160px; } .event-time span { display: block; } .event-place { margin: auto; top: 230px; width: 90px; } @media screen and (max-width: 690px) { .event-place { width: auto; } } .event-img { position: absolute; left: 0; } @media screen and (max-width: 690px) { .event-img { position: static; } } @media screen and (max-width: 690px) { .event-img img, .event-img a { width: 100%; display: block; } } .event-price { font-size: 24px; font-size: 1.714285714286rem; line-height: 1.75; color: #e15935; font-weight: 800; margin-bottom: 10px; } .event-details { font-size: 12px; font-size: 0.857142857143rem; line-height: 1.75; display: inline; float: left; font-weight: 700; margin-right: 30px; width: 50%; } .event-details ul { list-style: none; margin: 0; padding: 0; margin-bottom: 20px; } .event-details li { padding-left: 90px; position: relative; } .event-details li span { left: 0; position: absolute; } .event-btn-action { background-color: #f44a7e; color: white; display: block; padding: 10px 0; text-align: center; } .event-btn-action:hover { background-color: black; color: white; } .event-map { background-color: white; padding: 40px; text-align: center; } @media screen and (max-width: 690px) { .event-map { padding: 20px; } } /*------------------------------------*\ $PAGE_TEMPLATES \*------------------------------------*/ /** Archive page */ .latest-archive { margin-bottom: 30px; } .cat-archive { width: 54.022988505747%; float: left; margin-right: 3.448275862069%; display: inline; } .cat-archive a { color: #404040; } @media screen and (max-width: 690px) { .cat-archive { display: block; width: auto; float: none; margin-right: 0; margin-top: 20px; } } .month-archive { width: 42.528735632184%; float: right; margin-right: 0; *margin-left: -30px; display: inline; } .month-archive a { color: #404040; } @media screen and (max-width: 690px) { .month-archive { display: block; width: auto; float: none; margin-right: 0; margin-top: 20px; } } .archive-list { list-style: none; margin: 0; padding: 0; } .archive-list li { border-bottom: 1px solid #f4beb0; padding: 5px; } .entry-content .archive-list { list-style: none; } /** Contact Page */ .map-address { margin-bottom: 20px; } .map-details { display: inline; float: left; margin-right: 20px; } @media screen and (max-width: 690px) { .map-details { display: block; width: auto; float: none; margin-right: 0; margin-bottom: 20px; } } .map-contactform { display: inline; float: right; width: 50%; } @media screen and (max-width: 690px) { .map-contactform { display: block; width: auto; float: none; margin-right: 0; } } /*------------------------------------*\ $WOO_PRODUCTS \*------------------------------------*/ .ordering-wrapper { margin: 5px 0 1px; } .woocommerce-result-count { display: inline; float: left; color: white; margin-bottom: 0; padding-top: 10px; padding-top: 0; } .woocommerce-ordering { display: inline; float: right; } .woocommerce-ordering select { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; width: 20em; background: url('img/arrow-bottom.png') no-repeat scroll 96% center white; text-indent: 0.01px; text-overflow: ""; height: auto; margin-right: 0; } @media screen and (max-width: 1040px) { .woocommerce-ordering select { margin-right: 0; } } .product-caption { background-color: white; padding: 20px 30px; text-transform: uppercase; height:80px; } .product-caption .product-title { font-size: 12px; font-size: 0.857142857143rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .product-caption .product-title a { color: #404040; } .product-caption .product-title a:hover { color: #e15935; } .product-caption .product-cat { font-size: 11px; font-size: 0.785714285714rem; line-height: 1.909090909091; font-weight: 700; margin-bottom: 5px; } @media screen and (max-width: 1040px) { .product-caption .product-cat { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } } .product-caption .product-cat a { color: #404040; } .product-caption .product-cat a:hover { color: #e15935; } .product-caption .amount { font-size: 18px; font-size: 1.285714285714rem; line-height: 1.166666666667; color: #e15935; font-weight: 700; } .star-rating { background: url("img/star.png") repeat-x left bottom; position: absolute; right: 30px; bottom: 25px; height: 16px; width: 80px; } .star-rating span { display: inline; float: left; background: url("img/star.png") repeat-x left top; height: 16px; text-indent: -999em; } .onsale { position: absolute; left: 0; top: 0; border: 26px solid transparent; border-top-color: #e15935; border-left-color: #e15935; text-indent: -999em; height: 0; } .onsale:after { content: ''; height: 52px; width: 52px; background: url("img/sale.png") no-repeat 5px 5px; position: absolute; left: -26px; top: -26px; } .woocommerce a.loading:before, .woocommerce-page a.loading:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url("img/ajax-loader.gif") center no-repeat rgba(255, 255, 255, 0.65); width: 100%; height: 100%; } .added_to_cart { background-color: #E15935; color: #FFFFFF; display: block; font-size: 0.85714rem; font-weight: 900; margin: auto; opacity: 1; padding: 5px 0; right: 0; text-align: center; text-transform: uppercase; width: 130px; position: relative; top: -180px; opacity: 0.6; filter: alpha(opacity=60); } li.product .button { position: relative; opacity: 0; filter: alpha(opacity=0); } li.product .product_type_variable, li.product .product_type_external, li.product .product_type_simple { top: -100%; top: -160px; -webkit-transition: all 0.36s cubic-bezier(0.03, 0.97, 0.25, 0.95); -moz-transition: all 0.36s cubic-bezier(0.03, 0.97, 0.25, 0.95); -o-transition: all 0.36s cubic-bezier(0.03, 0.97, 0.25, 0.95); transition: all 0.36s cubic-bezier(0.03, 0.97, 0.25, 0.95); } .full-view.page-template-home li.product .product_type_variable, .full-view.page-template-home li.product .product_type_external, .full-view.page-template-home li.product .product_type_simple { top: -220px; } li.product .detail-button { top: 100%; top: 160px; -webkit-transition: all 0.36s cubic-bezier(0.03, 0.97, 0.25, 0.95); -moz-transition: all 0.36s cubic-bezier(0.03, 0.97, 0.25, 0.95); -o-transition: all 0.36s cubic-bezier(0.03, 0.97, 0.25, 0.95); transition: all 0.36s cubic-bezier(0.03, 0.97, 0.25, 0.95); } .full-view.page-template-home li.product .detail-button { top: 220px; } li.product:hover .added_to_cart, li.product:hover .product_type_variable, li.product:hover .product_type_external, li.product:hover .product_type_simple, li.product:hover .detail-button { top: 0; opacity: 1; filter: alpha(opacity=100); } .full-view.page-template-home li.product:hover .added_to_cart, .full-view.page-template-home li.product:hover .product_type_variable, .full-view.page-template-home li.product:hover .product_type_external, .full-view.page-template-home li.product:hover .product_type_simple, .full-view.page-template-home li.product:hover .detail-button { top: 0; } /*------------------------------------*\ $WOO_SINGLE \*------------------------------------*/ .single-entry-title .product_title { font-size: 70px; font-size: 5rem; line-height: 1.2; } @media screen and (max-width: 690px) { .single-entry-title .product_title { font-size: 30px; font-size: 2.142857142857rem; line-height: 1.4; } } @media screen and (max-width: 690px) { .single-product .images { overflow: hidden; } } .single-product .price { font-size: 20px; font-size: 1.428571428571rem; margin-bottom: 1em; } .single-product .price del .amount { color: #aaaaaa; } .single-product .price .amount { color: #e15935; } .single-product .thumbnails { padding: 20px 0; text-align: center; } .single-product .thumbnails a { display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; margin: 0 10px; } .single-product .summary-left { width: 54.022988505747%; float: left; margin-right: 3.448275862069%; display: inline; text-align: right; } @media screen and (max-width: 690px) { .single-product .summary-left { display: block; width: auto; float: none; margin-right: 0; } } .single-product .summary-left .audiojs { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #e15935; margin: 30px 0; width: 100%; } .single-product .summary-left .play-pause, .single-product .summary-left .time { border-color: #B83816; } .single-product .summary-left .scrubber { width: 245px; } .single-product .summary-left #audio-wrapper { text-align: left; } .single-product .summary-left #audio-wrapper ol { padding: 0px; margin: 0px; list-style: decimal-leading-zero inside; color: #ccc; width: 100%; border-top: 1px solid #ccc; font-size: 0.9em; } .single-product .summary-left #audio-wrapper ol li { position: relative; margin: 0px; padding: 9px 2px 10px; border-bottom: 1px solid #ccc; cursor: pointer; } .single-product .summary-left #audio-wrapper ol li a { display: block; text-indent: -3.3ex; padding: 0px 0px 0px 20px; } .single-product .post-wrapper { margin-bottom: 30px; } .single-product .post-wrapper div[itemprop="description"] { width: 42.528735632184%; float: right; margin-right: 0; *margin-left: -30px; display: inline; } @media screen and (max-width: 690px) { .single-product .post-wrapper div[itemprop="description"] { display: block; width: auto; float: none; margin-right: 0; margin-top: 20px; } } .single-product .related h2, .single-product .upsells h2 { font-size: 11px; font-size: 0.785714285714rem; line-height: 1.909090909091; font-family: 'Raleway', sans-serif; font-weight: 900; background-color: white; color: #838383; font-weight: 800; padding: 20px; text-transform: uppercase; } .single-product .related .product-title, .single-product .upsells .product-title { padding: 0; } .single-product .images .yith_magnifier_zoom_magnifier { border: 0; } .summary-left div[itemprop="offers"] { display: inline; float: right; } .summary-left div[itemprop="offers"] p { font-size: 18px; font-size: 1.285714285714rem; font-weight: 700; margin-bottom: 0; } .summary-left .stock { display: inline; float: right; font-size: 12px; font-size: 0.857142857143rem; color: #b7afae; margin-left: 5em; margin-bottom: 0; } .summary-left table, .summary-left td { margin: 0; padding: 0; border: 0; } .summary-left .label label { font-size: 14px; font-size: 1rem; font-weight: 900; } .summary-left table { margin: 1em 0; } .summary-left select { width: 22em; } .summary-left .quantity { position: relative; margin-bottom: 10px; } .summary-left .variations_form .button { -webkit-transition: all 200ms ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 200ms ease-in-out 0s; -o-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; width: 22em; } .summary-left .variations_form .button:hover { background-color: black; } .summary-left td { position: relative; } .reset_variations { font-size: 12px; font-size: 0.857142857143rem; display: block; position: absolute; right: 0; } .single_variation_wrap { margin-bottom: 10px; } .single_variation_wrap .single_variation { margin-bottom: 10px; padding-top: 10px; } .quantity-text { font-size: 14px; font-size: 1rem; font-weight: 900; position: absolute; left: 0; top: 10px; } .qty-input { position: relative; left: 152px; } .product_meta { font-size: 12px; font-size: 0.857142857143rem; text-align: left; } .product_meta span { display: block; } .product_meta span.sku { display: inline; } .product_meta strong { font-weight: 700; } .woocommerce-tabs { background-color: white; margin-bottom: 1px; padding: 50px; } .woocommerce-tabs .tabs { font-size: 12px; font-size: 0.857142857143rem; border-bottom: 1px solid #436aaf; font-weight: 700; text-transform: uppercase; } .woocommerce-tabs .tabs li { display: inline; float: left; border-bottom: 1px solid #436aaf; margin-bottom: -1px; margin-right: 1px; } .woocommerce-tabs .tabs li.active, .woocommerce-tabs .tabs li:hover { background: #436aaf; border-bottom: 1px solid #436aaf; } .woocommerce-tabs .tabs li.active a, .woocommerce-tabs .tabs li:hover a { color: white; } .woocommerce-tabs .tabs a { border-bottom: 1px solid white; display: block; padding: 5px 20px; } .woocommerce-tabs .panel { padding: 14px 0; } .woocommerce-tabs .panel h1, .woocommerce-tabs .panel h2, .woocommerce-tabs .panel h3, .woocommerce-tabs .panel h4, .woocommerce-tabs .panel h5, .woocommerce-tabs .panel h6 { font-weight: 800; } .woocommerce-tabs .panel p:last-child { margin-bottom: 0; } #reviews { position: relative; } #reviews ol { list-style: 0; margin: 1.5em 0; padding: 0; } #reviews ol li { margin-bottom: 30px; position: relative; } #reviews ol li .meta { margin-bottom: 0; } #reviews ol li .star-rating { top: 0; } #reviews .star-rating { top: 15px; } #respond.comment-respond textarea { position: relative; top: 0; float: right; } .comment-respond input { display: inline; float: right; } .comment-respond .comment-form-rating { display: inline; float: left; } .comment-respond .stars { float: right; margin-bottom: 0; padding-top: 5px; } .comment-respond .stars span { background: url("img/star.png") repeat-x 0 -17px; display: block; height: 16px; position: relative; width: 80px; } .comment-respond .stars a { text-indent: -119988px; overflow: hidden; text-align: left; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; display: block; position: absolute; left: 0; top: 0; } .comment-respond .stars a.active, .comment-respond .stars a:hover { background: url("img/star.png") repeat-x 0 0; } .comment-respond .stars .star-1 { width: 16px; z-index: 10; } .comment-respond .stars .star-2 { width: 32px; z-index: 9; } .comment-respond .stars .star-3 { width: 48px; z-index: 8; } .comment-respond .stars .star-4 { width: 64px; z-index: 7; } .comment-respond .stars .star-5 { width: 80px; z-index: 6; } .add_to_wishlist { position: relative; right: 145px; display:none; } /*------------------------------------*\ $WOO_CART \*------------------------------------*/ @media screen and (max-width: 690px) { .woocommerce-cart .post-wrapper { overflow: auto; } } .total-price { font-size: 24px; font-size: 1.714285714286rem; line-height: 1.75; color: #e15935; font-weight: 700; } @media screen and (max-width: 690px) { .shop_table { min-width: 600px; } } .shop_table.cart td { border-bottom: 0; } @media screen and (max-width: 690px) { .shop_table.cart td { padding-left: 2px; padding-right: 2px; } } .shop_table.cart td.actions { padding: 10px 0; } @media screen and (max-width: 690px) { .shop_table.cart td.actions input[type="submit"], .shop_table.cart td.actions .checkout-button { width: 100%; } } @media screen and (max-width: 690px) { .shop_table.cart td.actions .checkout-button { margin-top: 10px; } } .shop_table.cart tr:nth-child(odd) { background-color: #f6e4e0; } .quantity .input-text { display: inline; float: left; text-align: center; width: 40px; } .quantity .minus, .quantity .plus { -webkit-transition: all 200ms ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 200ms ease-in-out 0s; -o-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; display: inline; float: left; width: 30px; } .quantity .minus:hover, .quantity .plus:hover { background-color: #250d07; color: white; } .cart-collaterals h2 { font-size: 16px; font-size: 1.142857142857rem; line-height: 1.3125; font-weight: 800; } .cart_totals, .shipping_calculator { width: 31.623931623932%; float: right; margin-right: 0; *margin-left: -30px; display: inline; } @media screen and (max-width: 690px) { .cart_totals, .shipping_calculator { display: block; width: auto; float: none; margin-right: 0; } } .cart_totals { margin-bottom: 30px; } .cart_totals tr:nth-child(odd) { background-color: white; } .cart_totals table { margin: 10px 0 30px; border: none; } .cart_totals th, .cart_totals td { font-size: 12px; font-size: 0.857142857143rem; line-height: 1.75; background: transparent; border: none; border-bottom: 1px solid #e15935; padding: 10px 0; text-transform: none; } .cart_totals th { color: #404040; width: 30%; } .cart_totals td { color: #e15935; width: 70%; } .cart_totals small { font-size: 11px; font-style: italic; } .shipping_calculator { clear: right; } .shipping_calculator h2 { font-size: 16px; font-size: 1.142857142857rem; line-height: 1.3125; font-weight: 800; margin-bottom: 20px; } .shipping_calculator .input-text, .shipping_calculator .button, .shipping_calculator select { width: 100%; } .cross-sells { width: 65.811965811966%; float: left; margin-right: 2.564102564103%; display: inline; } .cross-sells h2 { margin-bottom: 1.5em; } .cross-sells .product-title { margin-bottom: 0; } .cross-sells .product-caption { border: 1px solid #e6e6e6; background: #f1f1f1; } .no-sidebar .cross-sells .products .product { width: 33.238636363636%; float: left; margin-right: 0.142045454545%; display: inline; } .no-sidebar .cross-sells .products .product:nth-child(3n) { float: right; margin-right: 0; } /*------------------------------------*\ $WOO_CHECKOUT \*------------------------------------*/ .woocommerce .login, .woocommerce .checkout_coupon { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #f5f5f5; border: 1px solid gainsboro; margin-bottom: 1.5em; padding: 10px 20px; } .woocommerce .login label, .woocommerce .checkout_coupon label { display: block; } .woocommerce .checkout_coupon { padding: 20px; } .woocommerce .checkout_coupon p { margin-bottom: 0; } .lost_password { position: relative; top: 8px; } .checkout input[class*="input-text"], .checkout select, .checkout textarea { width: 100%; } .checkout .form-row { margin-bottom: 10px; } .checkout .checkbox { display: inline; padding: 0; } .create-account { clear: both; } #customer_details #shiptobilling { float: right; width: auto; margin: 0; } #order_review .shop_table { border: 1px solid #e6e6e6; padding: 0; margin-top: 0; } @media screen and (max-width: 690px) { #order_review .shop_table { min-width: 100%; } } #order_review .shop_table th { background-color: #f7f7f7; color: #404040; } #order_review .shop_table td { border-bottom: 1px solid #e6e6e6; } #order_review .shop_table tr.total th { border-bottom: 1px solid #e6e6e6; } #order_review .order-table-wrap { display: inline; float: left; width: 48%; } @media screen and (max-width: 690px) { #order_review .order-table-wrap { display: block; width: auto; float: none; margin-right: 0; } } #order_review #payment { display: inline; float: right; width: 48%; } @media screen and (max-width: 690px) { #order_review #payment { display: block; width: auto; float: none; margin-right: 0; } } #payment { border: 1px solid #e6e6e6; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #payment .payment_methods { border-bottom: 1px solid #e6e6e6; } .entry-content #payment .payment_methods { list-style: none; } #payment li { border-bottom: 1px solid #e6e6e6; padding: 1em; } #payment li:last-child { border-bottom: 0; } #payment li .payment_box { padding: 1em; margin: 1em -1em -1em -1em; background: #f7f7f7; border-top: 1px solid #e6e6e6; } #payment li .payment_box p { margin-bottom: 0; } #payment li img { float: right; border: 0; padding: 0; } #payment .place-order { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fafafa; margin-bottom: 0; padding: 1em; width: 100%; } #payment .place-order .button { -webkit-transition: all 200ms ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 200ms ease-in-out 0s; -o-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; width: 100%; } #payment .place-order .button:hover { background-color: black; } /*------------------------------------*\ $WOO_PAGES \*------------------------------------*/ .woocommerce-account .woocommerce .login, .woocommerce-account .woocommerce .checkout_coupon { width: 75%; } .woocommerce-account .woocommerce .login .lost_password, .woocommerce-account .woocommerce .checkout_coupon .lost_password { display: inline-block; } /*------------------------------------*\ $WOO_WIDGETS \*------------------------------------*/ .product_list_widget li { position: relative; } .product_list_widget li a:hover { left: 0; } .product_list_widget a { display: block; } .product_list_widget img { display: inline; float: left; margin-right: 10px; } .product_list_widget .star-rating { top: 28px; right: 0; } .product_list_widget del { color: #eee; } /** Search product */ .widget_product_search input[type="text"] { width: 100%; border-color: #fff; } .widget_product_search input[type="submit"] { background: #fff; color: #333; } /* CART ----------------- */ .widget_shopping_cart .cart_list { margin-bottom: 0; } .widget_shopping_cart dl, .widget_shopping_cart dt, .widget_shopping_cart dd { display: inline; font-weight: 400; margin: 0; font-size: 11px; font-size: 0.785714285714rem; line-height: 1.909090909091; } .widget_shopping_cart dl { display: block; } .widget_shopping_cart dt { margin-left: 3px; } .widget_shopping_cart dt:before { content: '|'; padding-right: 3px; } .widget_shopping_cart dt:first-child { margin-left: 0; } .widget_shopping_cart dt:first-child:before { content: ''; padding-right: 0; } .widget_shopping_cart .total { background: #250d07; margin-top: 10px; padding: 10px; } .widget_shopping_cart .total .amount { display: inline; float: right; } .widget_shopping_cart .buttons { margin-bottom: 0; } .widget_shopping_cart .buttons a { display: inline; float: left; background: #fff; padding: 10px; text-transform: uppercase; } .widget_shopping_cart .buttons .checkout { display: inline; float: right; } .sidebar-primary .widget_shopping_cart .buttons a { color: #333; font-family: 'Raleway', sans-serif; } /*------------------------------------*\ $WOO_SHARED \*------------------------------------*/ .product-inner { position: relative; overflow: hidden; } @media screen and (max-width: 1040px) { .product-inner { margin-right: 2px; } } .product-action { position: absolute; left: 0; width: 100%; top: 0; bottom: 0; z-index: 0; } .woocommerce-message { background-color: #e15935; color: white; margin-bottom: 1px; padding: 15px 20px; } .woocommerce-message a { display: inline; float: right; color: white; } .products { list-style: none; margin: 0; padding: 0; } .products *, .products *:before, .products *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .products .product { padding-left: 0; position: relative; } .products .product:hover .overlay { opacity: 0.5; filter: alpha(opacity=50); } .products .product:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .no-sidebar .products .product { width: 24.935897435897%; float: left; margin-right: 0.08547008547%; display: inline; margin-bottom: 1px; } .no-sidebar .products .product:nth-child(4n) { float: right; margin-right: 0; } @media screen and (max-width: 690px) { .no-sidebar .products .product { width: 100%; margin-right: 0; } } .has-sidebar .products .product { width: 33.257338273012%; float: left; margin-right: 0.113992590482%; display: inline; margin-bottom: 1px; } .has-sidebar .products .product:nth-child(3n) { float: right; margin-right: 0; } @media screen and (max-width: 690px) { .has-sidebar .products .product { width: 100%; margin-right: 0; } } .products figure { position: relative; overflow: hidden; } .products figure img { -webkit-transition: all 200ms linear; -webkit-transition-delay: 0s; -moz-transition: all 200ms linear 0s; -o-transition: all 200ms linear 0s; transition: all 200ms linear 0s; width: 100%; } .products .button { opacity: 0; filter: alpha(opacity=0); font-size: 12px; font-size: 0.857142857143rem; background-color: #e15935; color: white; font-weight: 900; margin: auto; position: absolute; bottom: 50%; margin-bottom: -20px; left: 0; right: 0; text-align: center; text-transform: uppercase; padding: 5px 0; width: 130px; } .products .button { font-size: 12px; font-size: 0.857142857143rem; background-color: /*#e15935*/#436aaf; display: block; position: relative; color: white; display: block; font-weight: 900; margin: 26% auto 1px; text-align: center; text-transform: uppercase; padding: 5px 0; width: 130px; } .products .detail-button { margin-top: 2px; } .shop_table .product-remove { width: 5%; } .shop_table .product-thumbnail { width: 8%; } .shop_table .product-name { width: 45%; } .shop_table .product-name a { color: #404040; } .shop_table .product-price { width: 15%; } .shop_table .product-quantity { width: 15%; } .shop_table .product-subtotal { width: 12%; } .shop_table .remove { background: url("img/remove.png") no-repeat; height: 9px; width: 9px; display: block; margin: auto; text-indent: -999em; } .shop_table .coupon { display: inline; float: left; text-align: left; width: 55%; } @media screen and (max-width: 690px) { .shop_table .coupon { display: block; width: auto; float: none; margin-right: 0; } } @media screen and (max-width: 690px) { .shop_table .coupon #coupon_code { width: 100%; } } .shop_table .actions .coupon .button { width: 33%; } @media screen and (max-width: 690px) { .shop_table .actions .coupon .button { width: 100%; margin-bottom: 10px; } } .shop_table .actions .button { -webkit-transition: all 200ms ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 200ms ease-in-out 0s; -o-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; width: 22%; } @media screen and (max-width: 690px) { .shop_table .actions .button { width: 100%; } } .shop_table .actions .button:hover { background-color: #250d07; color: white; } @media screen and (max-width: 690px) { .shop_table .actions .button { display: block; width: auto; float: none; margin-right: 0; } } .quantity.buttons_added input[type="button"], .quantity.buttons_added input[type="number"] { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; border: 0; height: 40px; width: 40px; line-height: 1; padding: 0; margin: 0; } .quantity.buttons_added input[type="number"] { background: transparent; } .woocommerce-info, .create-account p:first-child { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #e9f7fe; border: 1px solid #b6d7e8; padding: 10px; } .woocommerce-info a, .create-account p:first-child a { color: #5091B2; } .required { color: #c00; border: 0; } .col2-set { clear: both; margin: 3em 0; } .col2-set .col-1 { display: inline; float: left; width: 48%; } @media screen and (max-width: 690px) { .col2-set .col-1 { display: block; width: auto; float: none; margin-right: 0; } } .col2-set .col-2 { display: inline; float: right; width: 48%; position: relative; } @media screen and (max-width: 690px) { .col2-set .col-2 { display: block; width: auto; float: none; margin-right: 0; } } .col2-set input { max-width: 100%; } .form-row { display: inline; float: left; width: 45%; } @media screen and (max-width: 690px) { .form-row { display: block; width: auto; float: none; margin-right: 0; } } .form-row.notes { width: 100%; float: none; } .form-row label { display: block; padding: 5px 0; } .form-row abbr { font-size: 14px; font-size: 1rem; border-bottom: none; } .form-row textarea, .form-row select, .form-row input[class*="input-text"] { border: 1px solid #d6d6d6; } .form-row-wide { width: 100%; } .form-row-first { clear: left; } @media screen and (max-width: 690px) { .form-row-first { display: block; width: auto; float: none; margin-right: 0; } } .form-row-last { float: right; } @media screen and (max-width: 690px) { .form-row-last { display: block; width: auto; float: none; margin-right: 0; } } .price del .amount { color: #aaaaaa; } .price .from { color: #aaaaaa; } .price ins { text-decoration: none; } .woocommerce .quantity input::-webkit-outer-spin-button, .woocommerce-page .quantity input::-webkit-outer-spin-button, .woocommerce #content .quantity input::-webkit-outer-spin-button, .woocommerce-page #content .quantity input::-webkit-outer-spin-button, .woocommerce .quantity input::-webkit-inner-spin-button, .woocommerce-page .quantity input::-webkit-inner-spin-button, .woocommerce #content .quantity input::-webkit-inner-spin-button, .woocommerce-page #content .quantity input::-webkit-inner-spin-button { display: none; } /*------------------------------------*\ $PLUGINS \*------------------------------------*/ .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -webkit-transition-delay: 0s; -moz-transition: opacity 0.15s linear 0s; -o-transition: opacity 0.15s linear 0s; transition: opacity 0.15s linear 0s; } .fade.in { opacity: 1; } .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); font-weight: 400; text-transform: capitalize; } .tooltip.in { opacity: 1; filter: alpha(opacity=100); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 8px; color: white; text-align: center; text-decoration: none; background-color: black; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: black; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: black; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: black; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: black; } /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { background: #fff; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav a { width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url("img/bg_direction_nav.png") no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; } .flex-direction-nav .flex-next { background-position: 100% 0; right: -36px; } .flex-direction-nav .flex-prev { left: -36px; } .flexslider:hover .flex-next { opacity: 0.8; right: 5px; } .flexslider:hover .flex-prev { opacity: 0.8; left: 5px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .disabled { opacity: 0.3 !important; filter: alpha(opacity=30); cursor: default; } /* Control Nav */ .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .active { opacity: 1; cursor: default; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 0; } .flex-direction-nav .flex-next { opacity: 1; right: 0; } } #supersized-loader { position: absolute; top: 50%; left: 50%; z-index: 0; width: 60px; height: 60px; margin: -30px 0 0 -30px; text-indent: -999em; background: url("img/progress.gif") no-repeat center center; } #supersized { display: block; position: fixed; left: 0; top: 0; overflow: hidden; z-index: -999; height: 100%; width: 100%; } @media screen and (max-width: 880px) { #supersized { height: 600px; } } @media screen and (max-width: 440px) { #supersized { height: 320px; } } #supersized img { width: auto; height: auto; position: relative; display: none; outline: none; border: none; } #supersized.speed img { -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/ #supersized.quality img { -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; } /*Quality*/ #supersized li { display: block; list-style: none; z-index: -30; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background: #111; } #supersized a { width: 100%; height: 100%; display: block; } #supersized li.prevslide { z-index: -20; } #supersized li.activeslide { z-index: -10; } #supersized li.image-loading { background: #111111 url("img/progress.gif") no-repeat center center; width: 100%; height: 100%; } #supersized li.image-loading img { visibility: hidden; } #supersized li.prevslide img, #supersized li.activeslide img { display: inline; } #progress-back { z-index: 999; position: fixed; bottom: 0; left: 0; height: 8px; width: 100%; background: url("img/progress-back.png") repeat-x; } #progress-bar { position: relative; height: 8px; width: 100%; background: #e15935; } /* Core Owl Carousel CSS File v1.24 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor: url("img/grabbing.png") 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% { opacity: 1; } } @-moz-keyframes empty { 0% { opacity: 1; } } @keyframes empty { 0% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(0.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(0.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* * Owl Carousel Owl Demo Theme * v1.24 */ .owl-theme .owl-controls { margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading { min-height: 150px; background: url("img/AjaxLoader.gif") no-repeat center center; } .owl-carousel .item img { display: block; width: 100%; height: auto; } /*------------------------------------*\ $PLUGINS \*------------------------------------*/ .ninja-forms-form .email { background: white !important; line-height: 28px; } .ninja-forms-form input[type="submit"] { padding: 14px 24px; }