/* Theme Name: Academia Theme URI: http://themes.g5plus.net/academia/ Description: Academia is a is the best WordPress theme for the Education & Learning Center - for educational organizations, who sell courses and organize classes locally. Version: 1.1 Author: g5plus Author URI: http://g5plus.net/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: white, yellow, purple, theme-options, responsive-layout, custom-background, post-formats, custom-colors, custom-header, rtl-language-support, translation-ready, featured-images, editor-style, fixed-layout, fluid-layout, one-column, two-columns, three-columns Text Domain: g5plus-academia Domain Path: /languages/ */ /** * Table of Contents: * * 1.0 - Core * 2.0 - Template * 3.0 - Header * 4.0 - Footer * 5.0 - Widget * 6.0 - Blog * 7.0 - Woocommerce * 8.0 - ShortCode * 9.0 - Color * ---------------------------------------------------------------------------- */ body { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } /** * 1.0 - Core * ---------------------------------------------------------------------------- */ @-moz-keyframes spinner { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @-webkit-keyframes spinner { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @-o-keyframes spinner { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes spinner { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @-moz-keyframes header-drop { 0% { -webkit-transform: translateY(-92px); -moz-transform: translateY(-92px); -ms-transform: translateY(-92px); -o-transform: translateY(-92px); transform: translateY(-92px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes header-drop { 0% { -webkit-transform: translateY(-92px); -moz-transform: translateY(-92px); -ms-transform: translateY(-92px); -o-transform: translateY(-92px); transform: translateY(-92px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes header-drop { 0% { -webkit-transform: translateY(-92px); -moz-transform: translateY(-92px); -ms-transform: translateY(-92px); -o-transform: translateY(-92px); transform: translateY(-92px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes header-drop { 0% { -webkit-transform: translateY(-92px); -moz-transform: translateY(-92px); -ms-transform: translateY(-92px); -o-transform: translateY(-92px); transform: translateY(-92px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes header-drop-out { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-92px); -moz-transform: translateY(-92px); -ms-transform: translateY(-92px); -o-transform: translateY(-92px); transform: translateY(-92px); } } @-webkit-keyframes header-drop-out { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-92px); -moz-transform: translateY(-92px); -ms-transform: translateY(-92px); -o-transform: translateY(-92px); transform: translateY(-92px); } } @-o-keyframes header-drop-out { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-92px); -moz-transform: translateY(-92px); -ms-transform: translateY(-92px); -o-transform: translateY(-92px); transform: translateY(-92px); } } @keyframes header-drop-out { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-92px); -moz-transform: translateY(-92px); -ms-transform: translateY(-92px); -o-transform: translateY(-92px); transform: translateY(-92px); } } .p-font { font-family: 'Oswald' !important; } .s-font { font-family: 'Roboto' !important; } .woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce div.product td.price, .woocommerce div.product form.cart .variations td.label label, .woocommerce div.product form.cart .group_table td.label, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce table.shop_table thead th, .woocommerce table.shop_table.cart tbody td, .woocommerce-billing-fields h3, #order_review_heading, .select2-container .select2-choice, .woocommerce-order-received .woocommerce h2, .woocommerce-order-received .woocommerce h3, .woocommerce-account .woocommerce h2, .woocommerce-account .woocommerce h3, .shopping-cart-wrapper .widget_shopping_cart_content, .widget-title, .single_variation_wrap .price del, .single_variation_wrap .price ins, .tooltipsy, .course-categories-sc select, .course-categories-sc ul.text li, .single-product.woocommerce button.single_add_to_cart_button, .tribe-events-day-time-slot h5 { font-family: 'Oswald'; } .woocommerce table.order_details tfoot tr:last-child td, .woocommerce table.woocommerce-checkout-review-order-table tfoot tr:last-child td, .woocommerce table.order_details tfoot tr:last-child th, .woocommerce table.woocommerce-checkout-review-order-table tfoot tr:last-child th { font-family: 'Oswald'; } .datepicker-days, #tribe-bar-dates input[type="text"], .course-search .keyword-wrap select, .course-search .keyword-wrap input, .filter-category-wrap select, .course-cat-list table, .course-cat-list .course-cat table > thead > tr > th, .product_meta, .product_meta label, .checkout-message a, .woocommerce table.shop_table.cart tbody td, .woocommerce table.shop_table.cart input, .woocommerce .cart-actions .coupon .input-text, .woocommerce form .form-row label, .woocommerce-billing-fields, .woocommerce-billing-fields .form-row input.input-text, .woocommerce-shipping-fields .form-row textarea, .woocommerce-cart .cart-collaterals .cart_totals table tr th, .woocommerce-cart .cart-collaterals .cart_totals table tr td { font-family: 'Roboto'; } img { max-width: 100%; height: auto; } .alignnone { margin: 15px 15px 0 0; } .aligncenter, div.aligncenter { display: block; margin: 15px auto 15px auto; } .alignright { float: right; margin: 15px 0 15px 15px; } .alignleft { float: left; margin: 15px 15px 15px 0; } .aligncenter { display: block; margin: 15px auto 15px auto; } a img.alignright { float: right; margin: 15px 0 0 15px; } a img.alignnone { margin: 15px 15px 0 0; } a img.alignleft { float: left; margin: 15px 15px 0 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; text-align: center; max-width: 100%; } .wp-caption.alignnone { margin: 15px 15px 30px 0; } .wp-caption.alignleft { margin: 15px 15px 30px 0; } .wp-caption.alignright { margin: 15px 0 30px 15px; } .wp-caption img { border: 0 none; height: auto; margin: 0; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 0.9em; font-style: italic; opacity: 0.7; line-height: 17px; margin: 1em 0 0 0; padding: 0 10%; } .wp-post-image { height: auto; max-width: 100%; } .sticky { opacity: 1; } .bypostauthor { opacity: 1; } .post-navigation { padding: 0; display: table; width: 100%; position: relative; margin-top: -1px; } .post-navigation .nav-links { width: 100%; margin: 0 auto; display: table; border-top: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; } .post-navigation .nav-previous, .post-navigation .nav-next { position: relative; vertical-align: middle; padding: 25px 0; width: 50%; -webkit-transition: ; -moz-transition: ; -o-transition: ; transition: ; float: left; } .post-navigation .nav-previous .post-navigation-content, .post-navigation .nav-next .post-navigation-content { margin-left: 30px; } .post-navigation .nav-next { float: right; text-align: right; } .post-navigation .nav-next .post-navigation-content { margin-left: 0; margin-right: 30px; } .post-navigation .post-navigation-label { color: #9261aa; display: block; font-size: 0.75em; font-weight: normal; text-transform: uppercase; margin-bottom: 5px; } .post-navigation .post-navigation-title { color: #222222; -ms-word-wrap: break-word; word-wrap: break-word; font-size: 13px; font-weight: 400; text-transform: uppercase; } .post-navigation .post-navigation-icon { font-size: 14px; line-height: 1em; width: 60px; display: inline-block; position: absolute; top: 50%; margin-top: -7px; color: #868686; } .post-navigation .nav-links .nav-next .post-navigation-icon { right: 0; } .gallery { margin-bottom: 20px; margin-left: -4px; } .gallery:before { content: ""; display: table; } .gallery:after { clear: both; content: ""; display: block; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: table; margin: 0 auto 20px; } .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item { text-align: center; } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(21%); max-width: calc(21%); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(16%); max-width: calc(16%); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(12.7%); max-width: calc(12.7%); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(10.28%); max-width: calc(10.28%); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(8.5%); max-width: calc(8.5%); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(7.1%); max-width: calc(7.1%); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; color: #fff; font-size: 14px; line-height: 1.3; margin: 0; max-height: 50%; opacity: 0; padding: 2px 8px; position: absolute; bottom: 0; left: 0; text-align: left; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; width: 100%; } .gallery-caption:before { box-shadow: 0 -10px 15px #000000 inset; content: ""; height: 100%; min-height: 49px; position: absolute; left: 0; top: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .g5plus-page-links { font-size: 0; } .g5plus-page-links-title { font-size: 14px; font-family: 'Oswald'; text-transform: uppercase; font-weight: 400; line-height: 1.2; letter-spacing: 0.05em; margin-right: 15px; } .g5plus-page-link { font-family: 'Oswald'; display: inline-block; margin-right: 4px; font-size: 14px; padding: 0; width: 40px; height: 40px; text-align: center; line-height: 38px; border: 1px solid #eeeeee; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .g5plus-page-links .g5plus-page-link:hover, .g5plus-page-links > .g5plus-page-link { color: #fff; background-color: #9261aa; border-color: #9261aa; } /** * 2.0 - Template * ---------------------------------------------------------------------------- */ html { font-size: 13px; } body { overflow-x: hidden; line-height: 1.8; -webkit-font-smoothing: antialiased; color: #868686; position: relative; left: 0; } h1, h2, h3, h4, h5, h6 { line-height: 1.3; margin-top: 0; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.05em; } h1, h2 { letter-spacing: 0; } img { max-width: 100%; height: auto; } a, a:focus, a:hover { outline: none; text-decoration: none; } a:hover, a:focus { color: #9261aa; } div, iframe, img { margin: 0; padding: 0; } input, textarea, button, select { outline: none; } p { font-weight: 400; margin: 0 0 30px 0; padding: 0; line-height: 1.8; letter-spacing: 0.05em; } h1.hmb, h2.hmb, h3.hmb, h4.hmb, h5.hmb, h6.hmb, p.hmb, q.hmb { margin-bottom: 40px; } /*------------------------------------- INPUT ---------------------------------------*/ input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"], input[type="number"], textarea, select { font-family: 'Oswald'; padding: 0 20px; font-size: 13px; letter-spacing: 0.1em; color: #888; height: 50px; line-height: 1; background-color: #fff; border: 1px solid #ddd; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } input[type="text"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder { color: #888888; } input[type="text"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="number"]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder { color: #888888; } input[type="text"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="number"]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder { color: #888888; } input[type="text"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder { color: #888888; } input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus { border-color: #9261aa; } input[type="number"] { padding: 0 0 0 20px; } textarea { height: auto; padding-top: 15px; } select { max-width: 100%; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("assets/images/arrow-down.png"); background-repeat: no-repeat; background-position: 98%; background-position: calc(100% - 15px); } select::-ms-expand { display: none; } .pd-top-5 { padding-top: 5px !important; } .pd-top-10 { padding-top: 10px !important; } .pd-top-15 { padding-top: 15px !important; } .pd-top-20 { padding-top: 20px !important; } .pd-top-25 { padding-top: 25px !important; } .pd-top-30 { padding-top: 30px !important; } .pd-top-35 { padding-top: 35px !important; } .pd-top-40 { padding-top: 40px !important; } .pd-top-45 { padding-top: 45px !important; } .pd-top-50 { padding-top: 50px !important; } .pd-top-55 { padding-top: 55px !important; } .pd-top-60 { padding-top: 60px !important; } .pd-top-65 { padding-top: 65px !important; } .pd-top-70 { padding-top: 70px !important; } .pd-top-75 { padding-top: 75px !important; } .pd-top-80 { padding-top: 80px !important; } .pd-top-85 { padding-top: 85px !important; } .pd-top-90 { padding-top: 90px !important; } .pd-top-95 { padding-top: 95px !important; } .pd-top-100 { padding-top: 100px !important; } @media screen and (max-width: 991px) { .sm-pd-top-5 { padding-top: 5px !important; } .sm-pd-top-10 { padding-top: 10px !important; } .sm-pd-top-15 { padding-top: 15px !important; } .sm-pd-top-20 { padding-top: 20px !important; } .sm-pd-top-25 { padding-top: 25px !important; } .sm-pd-top-30 { padding-top: 30px !important; } .sm-pd-top-35 { padding-top: 35px !important; } .sm-pd-top-40 { padding-top: 40px !important; } .sm-pd-top-45 { padding-top: 45px !important; } .sm-pd-top-50 { padding-top: 50px !important; } .sm-pd-top-55 { padding-top: 55px !important; } .sm-pd-top-60 { padding-top: 60px !important; } .sm-pd-top-65 { padding-top: 65px !important; } .sm-pd-top-70 { padding-top: 70px !important; } .sm-pd-top-75 { padding-top: 75px !important; } .sm-pd-top-80 { padding-top: 80px !important; } .sm-pd-top-85 { padding-top: 85px !important; } .sm-pd-top-90 { padding-top: 90px !important; } .sm-pd-top-95 { padding-top: 95px !important; } .sm-pd-top-100 { padding-top: 100px !important; } } @media screen and (max-width: 767px) { .xs-pd-top-5 { padding-top: 5px !important; } .xs-pd-top-10 { padding-top: 10px !important; } .xs-pd-top-15 { padding-top: 15px !important; } .xs-pd-top-20 { padding-top: 20px !important; } .xs-pd-top-25 { padding-top: 25px !important; } .xs-pd-top-30 { padding-top: 30px !important; } .xs-pd-top-35 { padding-top: 35px !important; } .xs-pd-top-40 { padding-top: 40px !important; } .xs-pd-top-45 { padding-top: 45px !important; } .xs-pd-top-50 { padding-top: 50px !important; } .xs-pd-top-55 { padding-top: 55px !important; } .xs-pd-top-60 { padding-top: 60px !important; } .xs-pd-top-65 { padding-top: 65px !important; } .xs-pd-top-70 { padding-top: 70px !important; } .xs-pd-top-75 { padding-top: 75px !important; } .xs-pd-top-80 { padding-top: 80px !important; } .xs-pd-top-85 { padding-top: 85px !important; } .xs-pd-top-90 { padding-top: 90px !important; } .xs-pd-top-95 { padding-top: 95px !important; } .xs-pd-top-100 { padding-top: 100px !important; } } .pd-bottom-5 { padding-bottom: 5px !important; } .pd-bottom-10 { padding-bottom: 10px !important; } .pd-bottom-15 { padding-bottom: 15px !important; } .pd-bottom-20 { padding-bottom: 20px !important; } .pd-bottom-25 { padding-bottom: 25px !important; } .pd-bottom-30 { padding-bottom: 30px !important; } .pd-bottom-35 { padding-bottom: 35px !important; } .pd-bottom-40 { padding-bottom: 40px !important; } .pd-bottom-45 { padding-bottom: 45px !important; } .pd-bottom-50 { padding-bottom: 50px !important; } .pd-bottom-55 { padding-bottom: 55px !important; } .pd-bottom-60 { padding-bottom: 60px !important; } .pd-bottom-65 { padding-bottom: 65px !important; } .pd-bottom-70 { padding-bottom: 70px !important; } .pd-bottom-75 { padding-bottom: 75px !important; } .pd-bottom-80 { padding-bottom: 80px !important; } .pd-bottom-85 { padding-bottom: 85px !important; } .pd-bottom-90 { padding-bottom: 90px !important; } .pd-bottom-95 { padding-bottom: 95px !important; } .pd-bottom-100 { padding-bottom: 100px !important; } @media screen and (max-width: 991px) { .sm-pd-bottom-5 { padding-bottom: 5px !important; } .sm-pd-bottom-10 { padding-bottom: 10px !important; } .sm-pd-bottom-15 { padding-bottom: 15px !important; } .sm-pd-bottom-20 { padding-bottom: 20px !important; } .sm-pd-bottom-25 { padding-bottom: 25px !important; } .sm-pd-bottom-30 { padding-bottom: 30px !important; } .sm-pd-bottom-35 { padding-bottom: 35px !important; } .sm-pd-bottom-40 { padding-bottom: 40px !important; } .sm-pd-bottom-45 { padding-bottom: 45px !important; } .sm-pd-bottom-50 { padding-bottom: 50px !important; } .sm-pd-bottom-55 { padding-bottom: 55px !important; } .sm-pd-bottom-60 { padding-bottom: 60px !important; } .sm-pd-bottom-65 { padding-bottom: 65px !important; } .sm-pd-bottom-70 { padding-bottom: 70px !important; } .sm-pd-bottom-75 { padding-bottom: 75px !important; } .sm-pd-bottom-80 { padding-bottom: 80px !important; } .sm-pd-bottom-85 { padding-bottom: 85px !important; } .sm-pd-bottom-90 { padding-bottom: 90px !important; } .sm-pd-bottom-95 { padding-bottom: 95px !important; } .sm-pd-bottom-100 { padding-bottom: 100px !important; } } @media screen and (max-width: 767px) { .xs-pd-bottom-5 { padding-bottom: 5px !important; } .xs-pd-bottom-10 { padding-bottom: 10px !important; } .xs-pd-bottom-15 { padding-bottom: 15px !important; } .xs-pd-bottom-20 { padding-bottom: 20px !important; } .xs-pd-bottom-25 { padding-bottom: 25px !important; } .xs-pd-bottom-30 { padding-bottom: 30px !important; } .xs-pd-bottom-35 { padding-bottom: 35px !important; } .xs-pd-bottom-40 { padding-bottom: 40px !important; } .xs-pd-bottom-45 { padding-bottom: 45px !important; } .xs-pd-bottom-50 { padding-bottom: 50px !important; } .xs-pd-bottom-55 { padding-bottom: 55px !important; } .xs-pd-bottom-60 { padding-bottom: 60px !important; } .xs-pd-bottom-65 { padding-bottom: 65px !important; } .xs-pd-bottom-70 { padding-bottom: 70px !important; } .xs-pd-bottom-75 { padding-bottom: 75px !important; } .xs-pd-bottom-80 { padding-bottom: 80px !important; } .xs-pd-bottom-85 { padding-bottom: 85px !important; } .xs-pd-bottom-90 { padding-bottom: 90px !important; } .xs-pd-bottom-95 { padding-bottom: 95px !important; } .xs-pd-bottom-100 { padding-bottom: 100px !important; } } .mg-top-5 { margin-top: 5px !important; } .mg-top-10 { margin-top: 10px !important; } .mg-top-15 { margin-top: 15px !important; } .mg-top-20 { margin-top: 20px !important; } .mg-top-25 { margin-top: 25px !important; } .mg-top-30 { margin-top: 30px !important; } .mg-top-35 { margin-top: 35px !important; } .mg-top-40 { margin-top: 40px !important; } .mg-top-45 { margin-top: 45px !important; } .mg-top-50 { margin-top: 50px !important; } .mg-top-55 { margin-top: 55px !important; } .mg-top-60 { margin-top: 60px !important; } .mg-top-65 { margin-top: 65px !important; } .mg-top-70 { margin-top: 70px !important; } .mg-top-75 { margin-top: 75px !important; } .mg-top-80 { margin-top: 80px !important; } .mg-top-85 { margin-top: 85px !important; } .mg-top-90 { margin-top: 90px !important; } .mg-top-95 { margin-top: 95px !important; } .mg-top-100 { margin-top: 100px !important; } @media screen and (max-width: 991px) { .sm-mg-top-5 { margin-top: 5px !important; } .sm-mg-top-10 { margin-top: 10px !important; } .sm-mg-top-15 { margin-top: 15px !important; } .sm-mg-top-20 { margin-top: 20px !important; } .sm-mg-top-25 { margin-top: 25px !important; } .sm-mg-top-30 { margin-top: 30px !important; } .sm-mg-top-35 { margin-top: 35px !important; } .sm-mg-top-40 { margin-top: 40px !important; } .sm-mg-top-45 { margin-top: 45px !important; } .sm-mg-top-50 { margin-top: 50px !important; } .sm-mg-top-55 { margin-top: 55px !important; } .sm-mg-top-60 { margin-top: 60px !important; } .sm-mg-top-65 { margin-top: 65px !important; } .sm-mg-top-70 { margin-top: 70px !important; } .sm-mg-top-75 { margin-top: 75px !important; } .sm-mg-top-80 { margin-top: 80px !important; } .sm-mg-top-85 { margin-top: 85px !important; } .sm-mg-top-90 { margin-top: 90px !important; } .sm-mg-top-95 { margin-top: 95px !important; } .sm-mg-top-100 { margin-top: 100px !important; } } @media screen and (max-width: 767px) { .xs-mg-top-5 { margin-top: 5px !important; } .xs-mg-top-10 { margin-top: 10px !important; } .xs-mg-top-15 { margin-top: 15px !important; } .xs-mg-top-20 { margin-top: 20px !important; } .xs-mg-top-25 { margin-top: 25px !important; } .xs-mg-top-30 { margin-top: 30px !important; } .xs-mg-top-35 { margin-top: 35px !important; } .xs-mg-top-40 { margin-top: 40px !important; } .xs-mg-top-45 { margin-top: 45px !important; } .xs-mg-top-50 { margin-top: 50px !important; } .xs-mg-top-55 { margin-top: 55px !important; } .xs-mg-top-60 { margin-top: 60px !important; } .xs-mg-top-65 { margin-top: 65px !important; } .xs-mg-top-70 { margin-top: 70px !important; } .xs-mg-top-75 { margin-top: 75px !important; } .xs-mg-top-80 { margin-top: 80px !important; } .xs-mg-top-85 { margin-top: 85px !important; } .xs-mg-top-90 { margin-top: 90px !important; } .xs-mg-top-95 { margin-top: 95px !important; } .xs-mg-top-100 { margin-top: 100px !important; } } .mg-bottom-5 { margin-bottom: 5px !important; } .mg-bottom-10 { margin-bottom: 10px !important; } .mg-bottom-15 { margin-bottom: 15px !important; } .mg-bottom-20 { margin-bottom: 20px !important; } .mg-bottom-25 { margin-bottom: 25px !important; } .mg-bottom-30 { margin-bottom: 30px !important; } .mg-bottom-35 { margin-bottom: 35px !important; } .mg-bottom-40 { margin-bottom: 40px !important; } .mg-bottom-45 { margin-bottom: 45px !important; } .mg-bottom-50 { margin-bottom: 50px !important; } .mg-bottom-55 { margin-bottom: 55px !important; } .mg-bottom-60 { margin-bottom: 60px !important; } .mg-bottom-65 { margin-bottom: 65px !important; } .mg-bottom-70 { margin-bottom: 70px !important; } .mg-bottom-75 { margin-bottom: 75px !important; } .mg-bottom-80 { margin-bottom: 80px !important; } .mg-bottom-85 { margin-bottom: 85px !important; } .mg-bottom-90 { margin-bottom: 90px !important; } .mg-bottom-95 { margin-bottom: 95px !important; } .mg-bottom-100 { margin-bottom: 100px !important; } .mg-bottom-105 { margin-bottom: 105px !important; } .mg-bottom-110 { margin-bottom: 110px !important; } .mg-bottom-115 { margin-bottom: 115px !important; } .mg-bottom-120 { margin-bottom: 120px !important; } .mg-bottom-125 { margin-bottom: 125px !important; } .mg-bottom-130 { margin-bottom: 130px !important; } .mg-bottom-135 { margin-bottom: 135px !important; } .mg-bottom-140 { margin-bottom: 140px !important; } .mg-bottom-145 { margin-bottom: 145px !important; } .mg-bottom-150 { margin-bottom: 150px !important; } .mg-bottom-155 { margin-bottom: 155px !important; } .mg-bottom-160 { margin-bottom: 160px !important; } .mg-bottom-165 { margin-bottom: 165px !important; } .mg-bottom-170 { margin-bottom: 170px !important; } .mg-bottom-175 { margin-bottom: 175px !important; } .mg-bottom-180 { margin-bottom: 180px !important; } .mg-bottom-185 { margin-bottom: 185px !important; } .mg-bottom-190 { margin-bottom: 190px !important; } .mg-bottom-195 { margin-bottom: 195px !important; } .mg-bottom-200 { margin-bottom: 200px !important; } @media screen and (max-width: 991px) { .sm-mg-bottom-5 { margin-bottom: 5px !important; } .sm-mg-bottom-10 { margin-bottom: 10px !important; } .sm-mg-bottom-15 { margin-bottom: 15px !important; } .sm-mg-bottom-20 { margin-bottom: 20px !important; } .sm-mg-bottom-25 { margin-bottom: 25px !important; } .sm-mg-bottom-30 { margin-bottom: 30px !important; } .sm-mg-bottom-35 { margin-bottom: 35px !important; } .sm-mg-bottom-40 { margin-bottom: 40px !important; } .sm-mg-bottom-45 { margin-bottom: 45px !important; } .sm-mg-bottom-50 { margin-bottom: 50px !important; } .sm-mg-bottom-55 { margin-bottom: 55px !important; } .sm-mg-bottom-60 { margin-bottom: 60px !important; } .sm-mg-bottom-65 { margin-bottom: 65px !important; } .sm-mg-bottom-70 { margin-bottom: 70px !important; } .sm-mg-bottom-75 { margin-bottom: 75px !important; } .sm-mg-bottom-80 { margin-bottom: 80px !important; } .sm-mg-bottom-85 { margin-bottom: 85px !important; } .sm-mg-bottom-90 { margin-bottom: 90px !important; } .sm-mg-bottom-95 { margin-bottom: 95px !important; } .sm-mg-bottom-100 { margin-bottom: 100px !important; } .sm-mg-bottom-105 { margin-bottom: 105px !important; } .sm-mg-bottom-110 { margin-bottom: 110px !important; } .sm-mg-bottom-115 { margin-bottom: 115px !important; } .sm-mg-bottom-120 { margin-bottom: 120px !important; } .sm-mg-bottom-125 { margin-bottom: 125px !important; } .sm-mg-bottom-130 { margin-bottom: 130px !important; } .sm-mg-bottom-135 { margin-bottom: 135px !important; } .sm-mg-bottom-140 { margin-bottom: 140px !important; } .sm-mg-bottom-145 { margin-bottom: 145px !important; } .sm-mg-bottom-150 { margin-bottom: 150px !important; } .sm-mg-bottom-155 { margin-bottom: 155px !important; } .sm-mg-bottom-160 { margin-bottom: 160px !important; } .sm-mg-bottom-165 { margin-bottom: 165px !important; } .sm-mg-bottom-170 { margin-bottom: 170px !important; } .sm-mg-bottom-175 { margin-bottom: 175px !important; } .sm-mg-bottom-180 { margin-bottom: 180px !important; } .sm-mg-bottom-185 { margin-bottom: 185px !important; } .sm-mg-bottom-190 { margin-bottom: 190px !important; } .sm-mg-bottom-195 { margin-bottom: 195px !important; } .sm-mg-bottom-200 { margin-bottom: 200px !important; } } @media screen and (max-width: 767px) { .xs-mg-bottom-5 { margin-bottom: 5px !important; } .xs-mg-bottom-10 { margin-bottom: 10px !important; } .xs-mg-bottom-15 { margin-bottom: 15px !important; } .xs-mg-bottom-20 { margin-bottom: 20px !important; } .xs-mg-bottom-25 { margin-bottom: 25px !important; } .xs-mg-bottom-30 { margin-bottom: 30px !important; } .xs-mg-bottom-35 { margin-bottom: 35px !important; } .xs-mg-bottom-40 { margin-bottom: 40px !important; } .xs-mg-bottom-45 { margin-bottom: 45px !important; } .xs-mg-bottom-50 { margin-bottom: 50px !important; } .xs-mg-bottom-55 { margin-bottom: 55px !important; } .xs-mg-bottom-60 { margin-bottom: 60px !important; } .xs-mg-bottom-65 { margin-bottom: 65px !important; } .xs-mg-bottom-70 { margin-bottom: 70px !important; } .xs-mg-bottom-75 { margin-bottom: 75px !important; } .xs-mg-bottom-80 { margin-bottom: 80px !important; } .xs-mg-bottom-85 { margin-bottom: 85px !important; } .xs-mg-bottom-90 { margin-bottom: 90px !important; } .xs-mg-bottom-95 { margin-bottom: 95px !important; } .xs-mg-bottom-100 { margin-bottom: 100px !important; } .xs-mg-bottom-105 { margin-bottom: 105px !important; } .xs-mg-bottom-110 { margin-bottom: 110px !important; } .xs-mg-bottom-115 { margin-bottom: 115px !important; } .xs-mg-bottom-120 { margin-bottom: 120px !important; } .xs-mg-bottom-125 { margin-bottom: 125px !important; } .xs-mg-bottom-130 { margin-bottom: 130px !important; } .xs-mg-bottom-135 { margin-bottom: 135px !important; } .xs-mg-bottom-140 { margin-bottom: 140px !important; } .xs-mg-bottom-145 { margin-bottom: 145px !important; } .xs-mg-bottom-150 { margin-bottom: 150px !important; } .xs-mg-bottom-155 { margin-bottom: 155px !important; } .xs-mg-bottom-160 { margin-bottom: 160px !important; } .xs-mg-bottom-165 { margin-bottom: 165px !important; } .xs-mg-bottom-170 { margin-bottom: 170px !important; } .xs-mg-bottom-175 { margin-bottom: 175px !important; } .xs-mg-bottom-180 { margin-bottom: 180px !important; } .xs-mg-bottom-185 { margin-bottom: 185px !important; } .xs-mg-bottom-190 { margin-bottom: 190px !important; } .xs-mg-bottom-195 { margin-bottom: 195px !important; } .xs-mg-bottom-200 { margin-bottom: 200px !important; } } .pd-right-5 { padding-right: 5px !important; } .pd-right-10 { padding-right: 10px !important; } .pd-right-15 { padding-right: 15px !important; } .pd-right-20 { padding-right: 20px !important; } .spacing-10 { letter-spacing: 0.01em; } .spacing-20 { letter-spacing: 0.02em; } .spacing-50 { letter-spacing: 0.05em; } .spacing-100 { letter-spacing: 0.1em; } .fw-light { font-weight: 300; } .fw-medium { font-weight: 500; } .fw-bold { font-weight: 600; } .fw-semi-bold { font-weight: 700; } .fs-12 { font-size: 12px; } .fs-13 { font-size: 13px; } .fs-14 { font-size: 14px; } .fs-16 { font-size: 16px; } .fs-18 { font-size: 18px; } .fs-21 { font-size: 21px; } .fs-24 { font-size: 24px; } .fs-25 { font-size: 25px; } .fs-32 { font-size: 32px; } .fs-38 { font-size: 38px; } .fs-46 { font-size: 46px; } .line-small { line-height: 1em; } .line-normal { line-height: 1.5em; } .line-medium { line-height: 1.6em; } .line-large { line-height: 1.8em; } .line-2x { line-height: 2em; } .line-3x { line-height: 3em; } .line-21 { line-height: 21px; } .line-24 { line-height: 24px; } .line-28 { line-height: 28px; } .overflow-hidden { overflow: hidden !important; } .transition3s { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .gray-scheme { background-color: #F7F7F7; color: #868686; } .light-scheme { background-color: #fff; color: #868686; } .dark-scheme { background-color: #191919; color: #8f8f8f; } .site-content-archive-event, .blog-wrap { margin-bottom: 140px; } .container { max-width: 100%; } @media (min-width: 1200px) { .container { width: 1200px; } } #wrapper { background-color: #fff; overflow: hidden; } body.boxed #wrapper { max-width: 1200px; margin: auto; position: relative; } @media only screen and (min-width: 768px) { body.float { padding: 20px !important; } } .container .container, .has-sidebar .site-content-page-inner .container, .has-sidebar .site-content-archive-inner .container { padding: 0; } .block-center:before { content: ""; height: 100%; vertical-align: middle; display: inline-block; } .block-center { height: 100%; width: 100%; text-align: center; } .block-center-inner { display: inline-block; margin: 0 auto; position: relative; vertical-align: middle; max-width: 100%; } .block-center-inner > * { margin: auto; } .toggle-icon-wrapper { cursor: pointer; display: inline-block; vertical-align: middle; } .toggle-icon-wrapper:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .toggle-icon-wrapper .toggle-icon { display: inline-block; height: 30px; position: relative; vertical-align: middle; width: 24px; } .toggle-icon-wrapper .toggle-icon > span { background: none repeat scroll 0 0 #000; bottom: 0; display: block; height: 2px; left: 0; margin: auto; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; } .toggle-icon-wrapper .toggle-icon:after, .toggle-icon-wrapper .toggle-icon:before { background-color: #000; content: ""; height: 2px; left: 0; margin: auto; position: absolute; right: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; } .toggle-icon-wrapper .toggle-icon:before { top: 20%; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; } .toggle-icon-wrapper .toggle-icon:after { bottom: 20%; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; } .toggle-icon-wrapper + span { vertical-align: middle; text-transform: uppercase; } .toggle-icon-wrapper.in .toggle-icon span { opacity: 0; } .toggle-icon-wrapper.in .toggle-icon:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .toggle-icon-wrapper.in .toggle-icon:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .back-to-top { position: fixed; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); bottom: 10px; right: 10px; width: 44px; height: 44px; line-height: 44px; text-align: center; z-index: 2; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); -webkit-transition: ; -moz-transition: ; -o-transition: ; transition: ; border: 2px solid #1e1e1e; color: #1e1e1e; background-color: #f5f5f5; } .back-to-top i { font-size: 22px; } .back-to-top:hover { text-decoration: none; color: #1e1e1e; } .back-to-top.in { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } @media only screen and (min-width: 768px) { body.float .back-to-top { bottom: 30px; right: 30px; } } .page404 { margin-top: 60px; margin-bottom: 130px; } .page404 .content-wrap { text-align: center; padding: 232px 15px 20px 15px; } .page404 h2 { margin-top: 5px; text-align: center; font-size: 24px; font-weight: bold; letter-spacing: 0.02em; line-height: 2; margin-bottom: 15px; text-transform: uppercase; color: #000; } .page404 p.description { letter-spacing: 0.02em; text-align: center; font-size: 14px; font-weight: 500; line-height: 1.7; text-transform: none; color: #444; margin-bottom: 0; max-width: 400px; margin: auto; } .page404 div.return { text-align: center; font-size: 20px; line-height: 1; display: block; position: relative; margin-top: 45px; } .page404 div.return .search-form { max-width: 570px; margin: auto; } .page404 div.return .search-form input[type="text"] { background-color: #f7f7f7; } .page404 div.return .search-form button[type="submit"] { right: 0; top: 0; border: none; padding: 0; } @media only screen and (max-width: 350px) { .page404 { margin-top: 15px; margin-bottom: 15px; } .page404 .content-wrap { padding: 15px; } .page404 h2 { font-size: 20px; } .page404 h4.description, .page404 div.return { font-size: 15px; } } .ps-container > .ps-scrollbar-y-rail, .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { width: 5px; } #wrapper-content { background-color: #fff; z-index: 1; position: relative; overflow: hidden; width: 100%; } .site-loading { position: fixed; z-index: 101; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; display: none; -webkit-transition: opacity .6s ease .2s; -moz-transition: opacity .6s ease .2s; -ms-transition: opacity .6s ease .2s; -o-transition: opacity .6s ease .2s; transition: opacity .6s ease .2s; } body.page-loading .site-loading { opacity: 1; display: block; } .logo-loading { margin-bottom: 30px; } .wpb_map_wraper iframe { display: block; pointer-events: none; } .wpb_gmaps_widget .wpb_wrapper { padding: 0; } #lang_sel ul { margin: 0; padding: 0; list-style: none; position: relative; } #lang_sel ul ul { display: none; position: absolute; top: 100%; left: 0; z-index: 9999; background-color: #fff; min-width: 150px; padding: 15px; -webkit-box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.3); box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.3); font-size: 12px; } #lang_sel ul ul li { line-height: 34px; text-align: left; color: #444; } #lang_sel:hover ul { display: block; } /* MODAL SEARCH /*-------------------------*/ #g5plus-modal-search { z-index: 999999; overflow: auto; } #g5plus-modal-search.modal.in .modal-backdrop.in { opacity: 0.98; height: 100%; position: fixed; z-index: -1; background-color: #fff; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #g5plus-modal-search.modal.in .g5plus-modal-dialog { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } #g5plus-modal-search .g5plus-modal-dialog { -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height: auto; } #g5plus-modal-search .g5plus-dismiss-modal { position: absolute; right: 30px; top: 30px; font-size: 36px; line-height: 1; color: inherit; z-index: 1040; cursor: pointer; } #g5plus-modal-search .g5plus-modal-search { padding: 80px 30px 60px; } #g5plus-modal-search .g5plus-modal-search .g5plus-search-wrapper { position: relative; width: 100%; font-size: 24px; color: inherit; background-color: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.2); max-width: 1140px; display: block; margin-right: auto; margin-left: auto; } #g5plus-modal-search .g5plus-modal-search .g5plus-search-wrapper:before, #g5plus-modal-search .g5plus-modal-search .g5plus-search-wrapper:after { content: " "; display: table; } #g5plus-modal-search .g5plus-modal-search .g5plus-search-wrapper:after { clear: both; } #g5plus-modal-search .g5plus-modal-search input[type="search"] { border: none; outline: none; display: block; float: left; width: 100%; padding-right: 60px; padding-left: 20px; background-color: transparent; font-size: 22px; color: inherit; } #g5plus-modal-search .g5plus-modal-search button { position: absolute; display: block; color: inherit; bottom: 5px; right: 0; line-height: 1; border: none; outline: none; font-size: 24px; background-color: transparent; } #g5plus-modal-search .ajax-search-result { margin: auto; max-width: 1140px; background: rgba(77, 77, 77, 0.1); } #g5plus-modal-search .ajax-search-result > ul { list-style: none; position: relative; padding: 0; margin: 0; } #g5plus-modal-search .ajax-search-result li { padding: 7px 20px; color: inherit; font-size: 16px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #g5plus-modal-search .ajax-search-result li:hover, #g5plus-modal-search .ajax-search-result li.selected { background-color: rgba(127, 127, 127, 0.1); } #g5plus-modal-search .ajax-search-result li > a { color: #333; } #g5plus-modal-search .ajax-search-result li + li { border-top: dotted 1px rgba(77, 77, 77, 0.1); } #g5plus-modal-search .ajax-search-result li.search-view-more { font-size: 16px; font-style: italic; } #g5plus-modal-search .ajax-search-result li.search-view-more a { text-decoration: underline; } #g5plus-modal-search .ajax-search-result li span { color: #555; float: right; } #g5plus-modal-search i.ajax-search-icon { color: inherit; } #g5plus-modal-search div.search-view-more { background-color: rgba(255, 255, 0, 0.1); padding: 5px 20px; border-top: solid 1px rgba(0, 0, 0, 0.3); font-size: 14px; text-align: center; } #g5plus-modal-search div.search-view-more i.micon { vertical-align: middle; } #search_popup_wrapper button.action { background-color: #9261aa; opacity: 0.8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #search_popup_wrapper button.action:hover { opacity: 1; } #search_popup_wrapper input[type="text"] { display: inline-block; width: 90%; margin-top: 20px; padding: 1em; height: auto; } #search_popup_wrapper button[type="submit"] { margin-top: 20px; padding: 0.3em 2em; background-color: #9261aa; color: #fff; border: none; text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #search_popup_wrapper button[type="submit"]:hover { background-color: #000; } .modal { z-index: 99999; } .modal-content { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .modal-backdrop { background: rgba(0, 0, 0, 0.5); } .modal-backdrop.in { opacity: 1; } .popup-close { position: absolute; top: 10px; right: 10px; color: #FFFFFF; font-size: 24px; display: block; line-height: 1; } .owl-carousel .owl-item { -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; } .color-light { color: #FFFFFF; } .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-15 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } } /*------------------------------------- PAGE TITLE ---------------------------------------*/ #page-title { width: 100%; position: relative; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } /*Page Title*/ .page-title-wrap { color: #ffffff; background-color: rgba(0, 0, 0, 0); } .page-title-inner { padding-top: 270px; padding-bottom: 0; } .page-title-margin { margin-bottom: 60px; } /*Single Blog*/ .single-blog-title-wrap { color: #ffffff; background-color: rgba(0, 0, 0, 0); } .single-blog-title-inner { padding-top: 270px; padding-bottom: 0; } .single-blog-title-margin { margin-bottom: 60px; } /*Single Product*/ .single-product-title-wrap { color: #ffffff; background-color: rgba(0, 0, 0, 0); } .single-product-title-inner { padding-top: 270px; padding-bottom: 0; } .single-product-title-margin { margin-bottom: 60px; } /*Single Event*/ .single-event-title-wrap { color: #ffffff; background-color: rgba(0, 0, 0, 0); } .single-event-title-inner { padding-top: 270px; padding-bottom: 0; } .single-event-title-margin { margin-bottom: 60px; } /*Blog*/ .archive-title-wrap { color: #ffffff; background-color: rgba(0, 0, 0, 0); } .archive-title-inner { padding-top: 270px; padding-bottom: 0; } .archive-title-margin { margin-bottom: 60px; } /*Product*/ .archive-product-title-wrap { color: #ffffff; background-color: rgba(0, 0, 0, 0); } .archive-product-title-inner { padding-top: 270px; padding-bottom: 0; } .archive-product-title-margin { margin-bottom: 60px; } /*Event*/ .archive-event-title-wrap { color: #ffffff; background-color: rgba(0, 0, 0, 0); } .archive-event-title-inner { padding-top: 270px; padding-bottom: ; } .archive-event-title-margin { margin-bottom: 60px; } #page-title .container { position: relative; } #page-title .pt-center .m-title h1 { font-size: 42px; margin-bottom: 15px; } #page-title .pt-center .m-title p.s-font { font-size: 14px; letter-spacing: 0.2em; } #page-title .pt-bottom .m-title { width: 375px; text-transform: uppercase; display: inline-block; vertical-align: middle; background-color: #9261aa; color: #fff; padding: 20px 0; position: relative; bottom: 0; left: 15px; z-index: 2; min-height: 88px; } #page-title .pt-bottom .m-title h1 { position: relative; z-index: 3; } #page-title .pt-bottom .m-title:before { content: ""; display: block; position: absolute; background-color: #9261aa; height: 100%; top: 0; bottom: 0; left: -9999px; right: 100%; } #page-title .pt-bottom .m-title:after { content: ""; display: block; width: 80px; position: absolute; background-color: #9261aa; height: 100%; top: 0; bottom: 0; right: -35px; transform: skewX(25deg); } #page-title h1 { margin: 0; font-size: 32px; font-weight: 500; letter-spacing: 0.05em; max-height: 96px; overflow: hidden; -ms-word-wrap: break-word; word-wrap: break-word; } #page-title p { letter-spacing: 0.1em; line-height: 1.2; margin-bottom: 0; } .page-title-size-lg h1 { font-size: 60px; font-weight: bold; } .page-title-size-lg p { font-size: 20px; margin-top: 10px; } .page-title-size-md h1 { font-size: 32px; font-weight: 400; } .page-title-size-md p { font-size: 15px; margin-top: 15px; } .page-title-wrap-bg { background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; width: 100%; height: 100%; z-index: -2; top: 0; left: 0; } .page-title-parallax { background-repeat: no-repeat; background-size: cover; position: absolute; width: 100%; height: 100%; z-index: -2; top: 0; left: 0; } .page-title-border-bottom { border-bottom: 1px solid #eeeeee; } /*------------------------------------- BREADCRUMB ---------------------------------------*/ ul.breadcrumbs { margin: 0; list-style-type: none; display: inline-block; padding: 0; vertical-align: middle; font-size: 0; text-transform: uppercase; } ul.breadcrumbs i { font-size: 15px; } ul.breadcrumbs li { display: inline; } ul.breadcrumbs li:last-child span { color: #9261aa; } ul.breadcrumbs li a, ul.breadcrumbs li span { line-height: 1.2; font-size: 15px; letter-spacing: 0.02em; vertical-align: middle; color: #fff; } ul.breadcrumbs li + li:before { font: normal normal normal 14px/1 FontAwesome; content: "\f105"; display: inline; padding: 0 15px; font-size: 13px; vertical-align: middle; color: #fff; } .pt-center .breadcrumbs-wrap { position: absolute; bottom: 0; left: 15px; padding: 5px 15px; background-color: rgba(0, 0, 0, 0.2); } .pt-center .breadcrumbs-wrap ul.breadcrumbs i { color: #ffbd33; } .pt-center .breadcrumbs-wrap ul.breadcrumbs li:last-child span { color: #ffbd33; } .pt-bottom .breadcrumbs-wrap { font-size: 0; display: inline-block; background-color: #ffbd33; z-index: 1; position: absolute; bottom: 0; padding: 20px 0px 20px 88px; left: 375px; right: 65px; max-height: 88px; } .pt-bottom .breadcrumbs-wrap:after { content: ""; display: block; position: absolute; right: -25px; width: 55px; background-color: #ffbd33; height: 100%; top: 0; bottom: 0; transform: skewX(30deg); } .pt-bottom .breadcrumbs-wrap .breadcrumbs-inner { position: relative; z-index: 2; } .breadcrumbs-inner { display: inline-block; } .breadcrumbs-wrap label { text-transform: uppercase; font-weight: bold; margin: 0 10px 0 0; vertical-align: middle; font-size: 13px; } .breadcrumbs-wrap.float .breadcrumbs-inner { background-color: rgba(0, 0, 0, 0.6); padding: 10px 15px; } .breadcrumbs-wrap.float label:before { content: ""; display: inline-block; width: 8px; height: 8px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin-right: 10px; vertical-align: middle; margin-top: -2px; } .page-title-size-lg .breadcrumbs-wrap.normal { margin-top: 25px; } .page-title-size-md .breadcrumbs-wrap.normal { margin-top: 20px; } @media (max-width: 991px) { #page-title .pt-bottom .m-title { position: relative; left: 0; } #page-title .pt-bottom .breadcrumbs-wrap { left: inherit !important; position: relative !important; padding-left: 68px !important; width: 100%; } #page-title .pt-bottom .breadcrumbs-wrap:before { content: ""; display: block; position: absolute; height: 100%; width: 999px; top: 0; right: 100%; background-color: #ffbd33; } } @media (max-width: 767px) { .page-title-size-lg h1 { font-size: 32px; } .page-title-size-lg p { font-size: 15px; } .page-title-breadcrumbs-float .page-title-inner, .page-title-breadcrumbs-float .archive-title-inner, .page-title-breadcrumbs-float .archive-product-title-inner { padding-top: 70px !important; padding-bottom: 40px !important; } .page-title-breadcrumbs-normal .page-title-inner, .page-title-breadcrumbs-normal .archive-title-inner, .page-title-breadcrumbs-normal .archive-product-title-inner { padding: 70px 0; } .page-title-size-lg .breadcrumbs-wrap.normal { margin-top: 15px; } .archive-title-margin, .archive-product-title-margin, .page-title-margin { margin-bottom: 60px; } .page-title-parallax { background-position: center center !important; } #page-title .pt-bottom .m-title { width: 100% !important; background-color: rgba(146, 97, 170, 0.9) !important; } #page-title .pt-bottom .m-title:after { left: 100% !important; transform: skewX(0) !important; background-color: rgba(146, 97, 170, 0.9) !important; } #page-title .pt-bottom .breadcrumbs-wrap { left: inherit !important; right: inherit !important; position: relative !important; padding: 20px 20px 20px 0!important; background-color: #ffbd33; width: 100%; max-height: 136px !important; } #page-title .pt-bottom .breadcrumbs-wrap:after { left: 100% !important; transform: skewX(0) !important; background-color: #ffbd33; } } @media (max-width: 480px) { .breadcrumbs-wrap label { display: none; } } .dialog, .dialog__overlay { width: 100%; height: 100%; top: 0; left: 0; } .dialog { position: fixed; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; pointer-events: none; z-index: 9999; visibility: hidden; } .dialog.dialog--open { visibility: visible; } .dialog__overlay { position: absolute; z-index: 1; background: rgba(55, 58, 71, 0.9); opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; } .dialog--open .dialog__overlay { opacity: 1; pointer-events: auto; } .dialog__content { width: 80%; max-width: 520px; min-width: 290px; background: #fff; padding: 20px; text-align: center; position: relative; z-index: 5; opacity: 0; } .dialog--open .dialog__content { pointer-events: auto; } /* Content */ .dialog h2 { margin: 0; font-weight: 400; font-size: 24px; padding: 0 0 15px; text-transform: uppercase; } .dialog--open .dialog__overlay { -webkit-transition-duration: 0.8s; transition-duration: 0.8s; } .dialog--close .dialog__overlay { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .dialog__content { padding: 0; background: transparent; } .dialog.dialog--open .dialog__content { opacity: 1; } .morph-shape { position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); top: -2px; left: -2px; z-index: -1; } .morph-shape svg rect { stroke: #fff; stroke-width: 2px; stroke-dasharray: 1680; } .dialog--open .morph-shape svg rect { -webkit-animation: anim-dash 0.6s forwards; animation: anim-dash 0.6s forwards; } .dialog-inner { opacity: 0; background: #fff; } .dialog--open .dialog-inner { padding: 30px; opacity: 1; -webkit-transition: opacity 0.85s 0.35s; transition: opacity 0.85s 0.35s; } .dialog.dialog--open h2 { -webkit-animation: anim-elem-1 0.7s ease-out both; -o-animation: anim-elem-1 0.7s ease-out both; animation: anim-elem-1 0.7s ease-out both; } .dialog.dialog--open button[data-dialog-close] { position: absolute; border: none; top: 0; right: 0; width: 30px; height: 30px; line-height: 1; color: #fff; } .dialog.dialog--open p { line-height: 1.5; font-size: 18px; } @keyframes anim-dash { 0% { stroke-dashoffset: 1680; } 100% { stroke-dashoffset: 0; } } @-webkit-keyframes anim-dash { 0% { stroke-dashoffset: 1680; } 100% { stroke-dashoffset: 0; } } /* Inner elements animations */ @-webkit-keyframes anim-elem-1 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes anim-elem-1 { 0% { opacity: 0; } 100% { opacity: 1; } } /** * 3.0 - Header * ---------------------------------------------------------------------------- */ @media screen and (min-width: 992px) { header.main-header .top-bar { font-family: 'Roboto'; letter-spacing: 0.05em; color: #fff; background-color: #9261aa; } header.main-header .top-bar .top-bar-left { text-align: left; } header.main-header .top-bar .top-bar-right { text-align: right; } header.main-header .top-bar .sidebar aside + aside { margin-top: 0; margin-left: 20px; } header.main-header .top-bar.bordered { border-bottom: solid 1px rgba(0, 0, 0, 0.1); } header.main-header .top-bar aside.widget { padding-top:3px; display: inline-block; vertical-align: middle; line-height: 40px; } header.main-header .top-bar .widget ul { border: none; background-color: transparent; list-style: none; padding: 0; margin: 0; } header.main-header .top-bar .widget ul li { display: inline-block; } header.main-header .top-bar ul.sub-menu:before { content: ""; display: block; bottom: 100%; left: 20px; border-bottom: solid 7px #fbfbfb; position: absolute; border-left: solid 5px transparent; border-right: solid 5px transparent; } header.main-header .top-bar i.fa { vertical-align: middle; } header.main-header .top-bar ul.s-default li { margin-bottom: 0; } header.main-header .top-bar ul.top-bar-info { text-transform: uppercase; } header.main-header .top-bar ul.top-bar-info a { color: #fff; } header.main-header .top-bar ul.top-bar-info a:hover { color: #ffbd33; } header.main-header .top-bar ul.top-bar-info li { padding: 0; } header.main-header .top-bar ul.top-bar-info li + li { margin-left: 30px; } header.main-header .top-bar ul.top-bar-info i.fa { margin-right: 5px; } header.main-header .top-bar .widget_archive > ul, header.main-header .top-bar .widget_categories > ul, header.main-header .top-bar .widget_pages > ul, header.main-header .top-bar .widget_nav_menu > div > ul, header.main-header .top-bar .woocommerce .widget_product_categories > ul, header.main-header .top-bar .widget_layered_nav > ul { display: inline-block; padding-bottom: 0; padding-top: 0; border: none; background-color: transparent; } header.main-header .top-bar .widget_archive > ul ul, header.main-header .top-bar .widget_categories > ul ul, header.main-header .top-bar .widget_pages > ul ul, header.main-header .top-bar .widget_nav_menu > div > ul ul, header.main-header .top-bar .woocommerce .widget_product_categories > ul ul, header.main-header .top-bar .widget_layered_nav > ul ul { position: absolute; display: none; left: -20px; top: 100%; z-index: 9999; min-width: 180px; background-color: #fbfbfb; margin: 0; padding: 10px 0; } header.main-header .top-bar .widget_archive > ul ul a, header.main-header .top-bar .widget_categories > ul ul a, header.main-header .top-bar .widget_pages > ul ul a, header.main-header .top-bar .widget_nav_menu > div > ul ul a, header.main-header .top-bar .woocommerce .widget_product_categories > ul ul a, header.main-header .top-bar .widget_layered_nav > ul ul a { color: #444; padding: 0; } header.main-header .top-bar .widget_archive > ul ul li, header.main-header .top-bar .widget_categories > ul ul li, header.main-header .top-bar .widget_pages > ul ul li, header.main-header .top-bar .widget_nav_menu > div > ul ul li, header.main-header .top-bar .woocommerce .widget_product_categories > ul ul li, header.main-header .top-bar .widget_layered_nav > ul ul li { display: block; text-align: left; margin: 0; padding: 0 20px; } header.main-header .top-bar .widget_archive li, header.main-header .top-bar .widget_categories li, header.main-header .top-bar .widget_pages li, header.main-header .top-bar .widget_nav_menu > div li, header.main-header .top-bar .woocommerce .widget_product_categories li, header.main-header .top-bar .widget_layered_nav li { display: inline-block; padding-top: 0; margin-bottom: 0; vertical-align: middle; padding: 0; line-height: 40px; } header.main-header .top-bar .widget_archive li:hover > ul, header.main-header .top-bar .widget_categories li:hover > ul, header.main-header .top-bar .widget_pages li:hover > ul, header.main-header .top-bar .widget_nav_menu > div li:hover > ul, header.main-header .top-bar .woocommerce .widget_product_categories li:hover > ul, header.main-header .top-bar .widget_layered_nav li:hover > ul { display: block; } header.main-header .top-bar .widget_archive li + li, header.main-header .top-bar .widget_categories li + li, header.main-header .top-bar .widget_pages li + li, header.main-header .top-bar .widget_nav_menu > div li + li, header.main-header .top-bar .woocommerce .widget_product_categories li + li, header.main-header .top-bar .widget_layered_nav li + li { margin-top: 0; border: none; margin-left: 40px; position: relative; } header.main-header .top-bar .widget_archive li + li:before, header.main-header .top-bar .widget_categories li + li:before, header.main-header .top-bar .widget_pages li + li:before, header.main-header .top-bar .widget_nav_menu > div li + li:before, header.main-header .top-bar .woocommerce .widget_product_categories li + li:before, header.main-header .top-bar .widget_layered_nav li + li:before { content: ''; height: 12px; border-left: solid 1px rgba(255, 255, 255, 0.3); position: absolute; left: -20px; margin: auto; top: 0; bottom: 0; } header.main-header .top-bar .widget_archive a, header.main-header .top-bar .widget_categories a, header.main-header .top-bar .widget_pages a, header.main-header .top-bar .widget_nav_menu > div a, header.main-header .top-bar .woocommerce .widget_product_categories a, header.main-header .top-bar .widget_layered_nav a { color: #fff; } header.main-header .top-bar .widget_archive a:hover, header.main-header .top-bar .widget_categories a:hover, header.main-header .top-bar .widget_pages a:hover, header.main-header .top-bar .widget_nav_menu > div a:hover, header.main-header .top-bar .woocommerce .widget_product_categories a:hover, header.main-header .top-bar .widget_layered_nav a:hover { color: #ffbd33; } header.main-header .top-bar .widget_archive > ul > li > a, header.main-header .top-bar .widget_categories > ul > li > a, header.main-header .top-bar .widget_pages > ul > li > a, header.main-header .top-bar .widget_nav_menu > div > ul > li > a, header.main-header .top-bar .woocommerce .widget_product_categories > ul > li > a, header.main-header .top-bar .widget_layered_nav > ul > li > a { padding-left: 0; } header.main-header { background-color: #fff; position: relative; z-index: 999; color: #222; } header.main-header i.fa { vertical-align: middle; } header.main-header .header-logo { height: 90px; font-size: 0; text-align: left; float: left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.main-header .header-logo img { max-height: 90px; padding-top: 20px; padding-bottom: 20px; max-width: none; } header.main-header .logo-sticky { display: none; } header.main-header .nav-logo-sticky { display: none; vertical-align: middle; } header.main-header .header-container { position: relative; } header.main-header .header-nav-wrapper { z-index: 999; background-color: #fff; position: relative; } header.main-header .header-nav-wrapper.bottom-bordered { border-top: solid 1px rgba(0, 0, 0, 0.1); } header.main-header .header-nav-wrapper.header-dark.bottom-bordered { border-top-color: rgba(255, 255, 255, 0.1); } header.main-header .header-nav-wrapper.bottom-border-solid { border-bottom: solid 1px rgba(0, 0, 0, 0.1); } header.main-header .header-nav-wrapper.bottom-border-solid .x-nav-menu > li > .x-sub-menu { margin-top: 1px; } header.main-header .header-nav-wrapper.header-dark.bottom-border-solid { border-bottom-color: rgba(255, 255, 255, 0.1); } header.main-header .header-nav-wrapper.bottom-border-gradient { border-bottom: solid 3px rgba(0, 0, 0, 0.05); } header.main-header .header-nav-wrapper.bottom-border-gradient:after { content: ''; display: block; position: absolute; height: 3px; width: 100%; bottom: -3px; left: 0; background: #9261aa; background: -webkit-linear-gradient(-90deg, #ffbd33, #9261aa 33%); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(-90deg, #ffbd33, #9261aa 33%); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(-90deg, #ffbd33, #9261aa 33%); /* For Firefox 3.6 to 15 */ background: linear-gradient(-90deg, #ffbd33, #9261aa 33%); /* Standard syntax (must be last) */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd33', endColorstr='#9261aa', GradientType=0); } header.main-header .header-nav-wrapper.bottom-border-gradient.w2p3:after { width: 66.77777%; } header.main-header .header-nav-wrapper.bottom-border-gradient .x-nav-menu > li > .x-sub-menu { margin-top: 3px; } header.main-header .header-nav-wrapper.header-dark.bottom-border-gradient { border-bottom-color: rgba(255, 255, 255, 0.1); } .header-nav-left { float: left; text-align: left; line-height: 90px; } .header-nav-right { float: right; text-align: right; line-height: 90px; } .header-customize a { color: inherit; } .header-customize .fa { font-size: 14px; } .header-customize-nav { float: right; } .header-customize-item { display: inline-block; vertical-align: top; } .header-customize-item + .header-customize-item { margin-left: 40px; } .header-customize-item:first-child { margin-left: 40px; } .custom-text-wrapper .m-button { padding: 10px 20px; } .header-social-profile-wrapper { list-style: none; } .header-social-profile-wrapper * { display: inline-block; vertical-align: top; } .header-social-profile-wrapper a:hover { color: #9261aa; } .header-social-profile-wrapper ul { padding: 0; margin: 0; } .header-social-profile-wrapper li + li { margin-left: 15px; } .left-menu { float: left; } .right-menu { float: right; } .menu-wrapper { float: left; } .container-full { padding-left: 70px; padding-right: 70px; } header.header-boxed { width: 1258px; max-width: 100%; position: absolute; margin: 30px auto auto; z-index: 999; left: 0; right: 0; } header.header-boxed .header-container { position: static !important; } header.header-float { position: absolute; z-index: 999; left: 0; right: 0; background-color: transparent; } .header-customize-item.my-account-button a { padding: 10px 25px; background-color: #ffbd33; color: #fff; text-transform: uppercase; } .header-customize-item.my-account-button a:hover { background-color: #9261aa; } header .header-2 { color: #fff; } header .header-2.header-nav-wrapper { background-color: transparent; } header .header-2 .top-bar { background-color: transparent; line-height: 40px; padding-top: 10px; padding-bottom: 10px; } header .header-2 .top-bar > .container { width: auto; } header .header-2 .header-nav-above { line-height: 30px; } header .header-2 .x-nav-menu > .x-menu-item { line-height: 30px; } header .header-3 { color: #fff; } header .header-3.header-nav-wrapper { /*background-color: #9261aa;*/ background-color: #dc0f1e; } header .header-3 .header-logo { position: relative; padding-right: 65px; background-color: #fff; } header .header-3 .header-logo:before { content: ''; position: absolute; right: 100%; background-color: #fff; width: 2000px; height: 100%; } header .header-3 .header-logo:after { content: ''; position: absolute; left: 100%; border-left: solid 40px #fff; border-bottom: solid 90px transparent; } header .header-3 .shopping-cart-wrapper .widget_shopping_cart_icon > i.fa + span.total { display: none; } header .header-3 .header-customize-item.my-account-button a, header .header-3 .shopping-cart-wrapper .widget_shopping_cart_icon > i.fa, header .header-3 .icon-search-menu i.fa { width: 34px; height: 34px; line-height: 34px; text-align: center; padding: 0; margin: 0; display: inline-block; vertical-align: middle; background-color: #774c8c; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } header .header-3 .header-customize-item.my-account-button a:before { content: "\f023"; font-family: 'FontAwesome'; display: inline-block; } header .header-3 .header-customize-item.my-account-button a > span { display: none; } header .header-3 .header-customize-item + .header-customize-item { margin-left: 6px; } body.header-3 .top-bar { /* background-color: #ffbd33;*/ background-color: #ffffff; } body.header-3 .top-bar a:hover { color: #9261aa; } body.header-3 header.main-header .top-bar .widget_archive a:hover, body.header-3 header.main-header .top-bar .widget_categories a:hover, body.header-3 header.main-header .top-bar .widget_pages a:hover, body.header-3 header.main-header .top-bar .widget_nav_menu > div a:hover, body.header-3 header.main-header .top-bar .woocommerce .widget_product_categories a:hover, body.header-3 header.main-header .top-bar .widget_layered_nav a:hover, body.header-3 header.main-header .top-bar ul.top-bar-info a:hover { color: #9261aa; } .sticky-wrapper.is-sticky .header-nav-wrapper { width: 100%; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); left: 0; right: 0; } .sticky-wrapper.is-sticky .header-nav-wrapper.sticky-in { -webkit-animation: header-drop 0.5s 0s 1 cubic-bezier(0.694, 0.0482, 0.335, 1); -moz-animation: header-drop 0.5s 0s 1 cubic-bezier(0.694, 0.0482, 0.335, 1); -ms-animation: header-drop 0.5s 0s 1 cubic-bezier(0.694, 0.0482, 0.335, 1); -o-animation: header-drop 0.5s 0s 1 cubic-bezier(0.694, 0.0482, 0.335, 1); animation: header-drop 0.5s 0s 1 cubic-bezier(0.694, 0.0482, 0.335, 1); } .sticky-wrapper.is-sticky .header-nav-wrapper.sticky-out { -webkit-animation: header-drop-out 0.5s 0s 1 cubic-bezier(0.694, 0.0482, 0.335, 1) !important; -moz-animation: header-drop-out 0.5s 0s 1 cubic-bezier(0.694, 0.0482, 0.335, 1) !important; -ms-animation: header-drop-out 0.5s 0s 1 cubic-bezier(0.694, 0.0482, 0.335, 1) !important; -o-animation: header-drop-out 0.5s 0s 1 cubic-bezier(0.694, 0.0482, 0.335, 1) !important; animation: header-drop-out 0.5s 0s 1 cubic-bezier(0.694, 0.0482, 0.335, 1) !important; } .sticky-wrapper.is-sticky .logo-sticky { display: inline-block; } .sticky-wrapper.is-sticky .nav-logo-sticky { display: inline-block; } .sticky-wrapper.is-sticky .nav-logo-sticky + li { margin-left: 40px; } .sticky-wrapper.is-sticky .header-logo.has-logo-sticky { display: none; } .sticky-wrapper.is-sticky .header-logo img { max-height: 66px; padding-top: 10px; padding-bottom: 10px; } .sticky-wrapper.is-sticky .x-nav-menu > .x-menu-item, .sticky-wrapper.is-sticky .header-nav-right, .sticky-wrapper.is-sticky .header-nav-left { line-height: 66px; } .sticky-wrapper.is-sticky .header-logo { height: 66px; } .sticky-wrapper.is-sticky .sticky-dark { background-color: #222 !important; color: #eee; } .sticky-wrapper.is-sticky .sticky-dark .header-customize-item, .sticky-wrapper.is-sticky .sticky-dark .x-nav-menu { color: #eee; } .sticky-wrapper.is-sticky .sticky-light { background-color: #fff !important; color: #444; } .sticky-wrapper.is-sticky .sticky-light .x-nav-menu, .sticky-wrapper.is-sticky .sticky-light .header-customize-item { color: #444; } .sticky-wrapper.is-sticky .header-nav-above { line-height: 66px; } body.header-2 .sticky-wrapper.is-sticky .header-nav-wrapper { background-color: #fff; color: #444; } body.header-2 .sticky-wrapper.is-sticky .top-bar { display: none; } body.header-3 .sticky-wrapper.is-sticky .header-logo:after { border-bottom-width: 66px; } body.boxed .sticky-wrapper.is-sticky .header-nav-wrapper { max-width: 1200px; margin: auto; } body.boxed header .header-3 .header-logo:before { width: 15px; } } @media screen and (max-width: 1399px) { .container-full { padding-left: 15px; padding-right: 15px; width: 1230px; max-width: 100%; margin: auto; } } header .header-logo > a > img.retina-logo { display: none; } @media only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { header .header-logo > a > img.has-retina { display: none; } header .header-logo > a > img.retina-logo { display: inline-block; } } @media screen and (min-width: 992px) { header.mobile-header { display: none !important; } } @media screen and (max-width: 991px) { body { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; left: 0; } .top-bar-mobile { font-family: 'Oswald'; font-size: 12px; letter-spacing: 0.05em; color: inherit; } .top-bar-mobile .sidebar aside + aside { margin-top: 0; margin-left: 20px; } .top-bar-mobile .header-mobile-container-inner { padding-top: 7px; padding-bottom: 7px; } .top-bar-mobile aside.widget { display: inline-block; vertical-align: middle; line-height: 30px; } .top-bar-mobile .top-bar-right { text-align: right; } .top-bar-mobile i.fa { vertical-align: middle; } .top-bar-mobile ul.s-default li { margin-bottom: 0; } .top-bar-mobile.container-bordered .header-mobile-container-inner, .top-bar-mobile.bordered { border-bottom: solid 1px rgba(0, 0, 0, 0.1); } .top-bar-mobile .top-bar-info, .top-bar-mobile .widget_archive > ul, .top-bar-mobile .widget_categories > ul, .top-bar-mobile .widget_pages > ul, .top-bar-mobile .widget_nav_menu > div > ul, .top-bar-mobile .woocommerce .widget_product_categories > ul, .top-bar-mobile .widget_layered_nav > ul { list-style: none; padding: 0; margin: 0; border: none; background: transparent; } .top-bar-mobile .top-bar-info li, .top-bar-mobile .widget_archive > ul li, .top-bar-mobile .widget_categories > ul li, .top-bar-mobile .widget_pages > ul li, .top-bar-mobile .widget_nav_menu > div > ul li, .top-bar-mobile .woocommerce .widget_product_categories > ul li, .top-bar-mobile .widget_layered_nav > ul li { display: inline-block; margin: 0; padding: 0; } .top-bar-mobile .top-bar-info li + li, .top-bar-mobile .widget_archive > ul li + li, .top-bar-mobile .widget_categories > ul li + li, .top-bar-mobile .widget_pages > ul li + li, .top-bar-mobile .widget_nav_menu > div > ul li + li, .top-bar-mobile .woocommerce .widget_product_categories > ul li + li, .top-bar-mobile .widget_layered_nav > ul li + li { margin-left: 15px; } .top-bar-mobile .header-mobile-container-inner { border-bottom: solid 1px rgba(0, 0, 0, 0.1); } header.mobile-header { display: block !important; } header.mobile-header .mini-cart-link > a.view-cart, header.mobile-header .mini-cart-link > a.check-out { display: none !important; } header.main-header { display: none !important; } body.menu-mobile-in { left: 280px; overflow: hidden; } .container.header-mobile-container { position: relative; } .header-mobile-before { text-align: center; } .header-mobile-before img { max-height: 92px; padding-top: 15px; padding-bottom: 15px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .header-mobile-nav.menu-drop-dropdown { max-height: 360px; position: relative; overflow: hidden; } .header-logo-mobile { line-height: 92px; vertical-align: middle; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header-logo-mobile img { max-height: 92px; padding-top: 15px; padding-bottom: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .header-logo-mobile img.retina-logo { display: none; } header.mobile-header .header-left, header.mobile-header .toggle-icon-wrapper.toggle-desktop, header.mobile-header .header-customize { display: none; } header.mobile-header .header-container-wrapper { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 997; top: 0; background-color: #fff; } header.mobile-header .header-mobile-inner { height: 92px; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.mobile-header .header-mobile-inner .header-customize { display: block; font-size: 0; position: absolute; top: 0; bottom: 0; margin: auto; right: 0; } header.mobile-header .header-mobile-inner .header-customize:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } header.mobile-header .header-mobile-inner .header-customize-item { font-size: 14px; display: inline-block; vertical-align: middle; } header.mobile-header .header-mobile-inner .header-customize-item + .header-customize-item { margin-left: 10px; } header.mobile-header .header-mobile-inner .toggle-icon-wrapper { position: absolute; top: 0; bottom: 0; left: 0; font-size: 0; } header.mobile-header .header-mobile-inner .icon-search-menu { display: inline-block; vertical-align: middle; height: 45px; text-align: center; line-height: 45px; padding: 0; font-size: 20px; color: #000; } header.mobile-header .header-mobile-inner .icon-search-menu > i { vertical-align: middle; } header.mobile-header .ps-container > .ps-scrollbar-y-rail { right: 0; } header.mobile-header.bordered { border-bottom: solid 1px rgba(0, 0, 0, 0.1); } header.mobile-header.container-bordered .header-mobile-container > .header-mobile-inner, header.mobile-header.container-bordered .search-mobile-wrapper { border-bottom: solid 1px rgba(0, 0, 0, 0.1); } header.mobile-header.header-light-gray, header.mobile-header.header-gray, header.mobile-header.header-dark-gray, header.mobile-header.header-dark, header.mobile-header.header-overlay, header.mobile-header.header-transparent { color: #fff; } header.mobile-header.header-light-gray .toggle-icon-wrapper .toggle-icon > span, header.mobile-header.header-gray .toggle-icon-wrapper .toggle-icon > span, header.mobile-header.header-dark-gray .toggle-icon-wrapper .toggle-icon > span, header.mobile-header.header-dark .toggle-icon-wrapper .toggle-icon > span, header.mobile-header.header-overlay .toggle-icon-wrapper .toggle-icon > span, header.mobile-header.header-transparent .toggle-icon-wrapper .toggle-icon > span, header.mobile-header.header-light-gray .toggle-icon-wrapper .toggle-icon:before, header.mobile-header.header-gray .toggle-icon-wrapper .toggle-icon:before, header.mobile-header.header-dark-gray .toggle-icon-wrapper .toggle-icon:before, header.mobile-header.header-dark .toggle-icon-wrapper .toggle-icon:before, header.mobile-header.header-overlay .toggle-icon-wrapper .toggle-icon:before, header.mobile-header.header-transparent .toggle-icon-wrapper .toggle-icon:before, header.mobile-header.header-light-gray .toggle-icon-wrapper .toggle-icon:after, header.mobile-header.header-gray .toggle-icon-wrapper .toggle-icon:after, header.mobile-header.header-dark-gray .toggle-icon-wrapper .toggle-icon:after, header.mobile-header.header-dark .toggle-icon-wrapper .toggle-icon:after, header.mobile-header.header-overlay .toggle-icon-wrapper .toggle-icon:after, header.mobile-header.header-transparent .toggle-icon-wrapper .toggle-icon:after { background-color: #fff; } header.mobile-header.header-light-gray .header-mobile-inner .icon-search-menu, header.mobile-header.header-gray .header-mobile-inner .icon-search-menu, header.mobile-header.header-dark-gray .header-mobile-inner .icon-search-menu, header.mobile-header.header-dark .header-mobile-inner .icon-search-menu, header.mobile-header.header-overlay .header-mobile-inner .icon-search-menu, header.mobile-header.header-transparent .header-mobile-inner .icon-search-menu { color: #fff; } header.mobile-header.header-light-gray .search-mobile-wrapper form, header.mobile-header.header-gray .search-mobile-wrapper form, header.mobile-header.header-dark-gray .search-mobile-wrapper form, header.mobile-header.header-dark .search-mobile-wrapper form, header.mobile-header.header-overlay .search-mobile-wrapper form, header.mobile-header.header-transparent .search-mobile-wrapper form { color: #fff; } header.mobile-header.header-light-gray .top-bar-transparent.container-bordered .header-mobile-container-inner, header.mobile-header.header-gray .top-bar-transparent.container-bordered .header-mobile-container-inner, header.mobile-header.header-dark-gray .top-bar-transparent.container-bordered .header-mobile-container-inner, header.mobile-header.header-dark .top-bar-transparent.container-bordered .header-mobile-container-inner, header.mobile-header.header-overlay .top-bar-transparent.container-bordered .header-mobile-container-inner, header.mobile-header.header-transparent .top-bar-transparent.container-bordered .header-mobile-container-inner, header.mobile-header.header-light-gray .top-bar-transparent.bordered, header.mobile-header.header-gray .top-bar-transparent.bordered, header.mobile-header.header-dark-gray .top-bar-transparent.bordered, header.mobile-header.header-dark .top-bar-transparent.bordered, header.mobile-header.header-overlay .top-bar-transparent.bordered, header.mobile-header.header-transparent .top-bar-transparent.bordered, header.mobile-header.header-light-gray.bordered, header.mobile-header.header-gray.bordered, header.mobile-header.header-dark-gray.bordered, header.mobile-header.header-dark.bordered, header.mobile-header.header-overlay.bordered, header.mobile-header.header-transparent.bordered, header.mobile-header.header-light-gray.bordered .header-container-wrapper, header.mobile-header.header-gray.bordered .header-container-wrapper, header.mobile-header.header-dark-gray.bordered .header-container-wrapper, header.mobile-header.header-dark.bordered .header-container-wrapper, header.mobile-header.header-overlay.bordered .header-container-wrapper, header.mobile-header.header-transparent.bordered .header-container-wrapper, header.mobile-header.header-light-gray.container-bordered .header-mobile-container > .header-mobile-inner, header.mobile-header.header-gray.container-bordered .header-mobile-container > .header-mobile-inner, header.mobile-header.header-dark-gray.container-bordered .header-mobile-container > .header-mobile-inner, header.mobile-header.header-dark.container-bordered .header-mobile-container > .header-mobile-inner, header.mobile-header.header-overlay.container-bordered .header-mobile-container > .header-mobile-inner, header.mobile-header.header-transparent.container-bordered .header-mobile-container > .header-mobile-inner, header.mobile-header.header-light-gray.container-bordered .search-mobile-wrapper, header.mobile-header.header-gray.container-bordered .search-mobile-wrapper, header.mobile-header.header-dark-gray.container-bordered .search-mobile-wrapper, header.mobile-header.header-dark.container-bordered .search-mobile-wrapper, header.mobile-header.header-overlay.container-bordered .search-mobile-wrapper, header.mobile-header.header-transparent.container-bordered .search-mobile-wrapper { border-bottom-color: rgba(255, 255, 255, 0.2); } header.mobile-header.header-light { background-color: #fff; } header.mobile-header.header-light .search-mobile-wrapper form { color: #444; } header.mobile-header.header-light .top-bar-mobile.top-bar-transparent { color: #444; border-bottom-color: rgba(0, 0, 0, 0.1); } header.mobile-header.header-light-gray { background-color: #747474; } header.mobile-header.header-gray { background-color: #5F5F5F; } header.mobile-header.header-dark-gray { background-color: #4C4C4C; } header.mobile-header.header-dark { background-color: #000; } header.mobile-header.header-overlay { background-color: rgba(0, 0, 0, 0.3); } header.mobile-header.header-transparent { background-color: transparent; } .x-nav-menu { padding: 0; margin: 0; display: block; background-color: transparent; } .x-nav-menu a.x-menu-a-text > b.x-caret:before { color: #ddd; } .x-nav-menu li.x-menu-item { border-bottom: solid 1px #4C4C4C; position: relative; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; cursor: auto; } .x-nav-menu li.x-menu-item:not(.x-sub-menu-open):hover { background-color: #4c4c4c; } .x-nav-menu li.x-menu-item.menu-item-has-children { cursor: pointer; } .x-nav-menu li.x-menu-item > a.x-menu-a-text { display: inline-block; position: static; padding: 5px 15px; border-bottom: none; text-transform: uppercase; font-family: Roboto; color: #ddd; } .x-nav-menu li.x-menu-item > a.x-menu-a-text > b.x-caret { position: absolute; right: 0; bottom: auto; top: 0; width: 44px; height: 38px; line-height: 38px; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .x-nav-menu li.x-menu-item > a.x-menu-a-text > b.x-caret:before { content: "\f107"; font-family: 'fontawesome'; display: inline-block; } .x-nav-menu li.x-menu-item.x-sub-menu-open > a > b.x-caret { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .x-nav-menu li.x-menu-item.x-sub-menu-open > ul.x-sub-menu:before { content: ""; display: block; border-left: solid 6px transparent; border-right: solid 6px transparent; border-top: solid 6px #383838; position: absolute; top: 0; left: 15px; z-index: 1; } .x-nav-menu li.current-menu-ancestor > a.x-menu-a-text, .x-nav-menu li.current-menu-parent > a.x-menu-a-text, .x-nav-menu li.current-menu-item > a.x-menu-a-text, .x-nav-menu li.menu-current > a.x-menu-a-text, .x-nav-menu li > a.x-menu-a-text:hover, .x-nav-menu li:hover > a, .x-nav-menu li ul.x-sub-menu li:hover > a { color: #9261aa; } .x-nav-menu li.current-menu-ancestor > a.x-menu-a-text > b.x-caret:before, .x-nav-menu li.current-menu-parent > a.x-menu-a-text > b.x-caret:before, .x-nav-menu li.current-menu-item > a.x-menu-a-text > b.x-caret:before, .x-nav-menu li.menu-current > a.x-menu-a-text > b.x-caret:before, .x-nav-menu li > a.x-menu-a-text:hover > b.x-caret:before, .x-nav-menu li:hover > a > b.x-caret:before, .x-nav-menu li ul.x-sub-menu li:hover > a > b.x-caret:before { color: #9261aa; } .x-nav-menu ul.x-sub-menu { background-color: #444; padding-left: 0; position: relative; } .x-nav-menu ul.x-sub-menu > li.x-menu-item > a.x-menu-a-text { font-size: 14px; text-transform: none; } .x-nav-menu ul.x-sub-menu > li.x-menu-item.x-sub-menu-open > ul.x-sub-menu:before { border-top: solid 6px #444; } .x-nav-menu ul ul.x-sub-menu { background-color: #525252; } .x-nav-menu ul ul.x-sub-menu > li.x-menu-item.x-sub-menu-open > ul.x-sub-menu:before { border-top: solid 6px #525252; } .x-nav-menu ul ul ul.x-sub-menu { background-color: #5f5f5f; } .x-nav-menu ul ul ul.x-sub-menu > li.x-menu-item.x-sub-menu-open > ul.x-sub-menu:before { border-top: solid 6px #5f5f5f; } .x-nav-menu ul ul ul ul.x-sub-menu { background-color: #414141; } .header-mobile-nav { background-color: #383838; display: none; margin-bottom: 15px; } .mobile-header-float { position: absolute; left: 0; right: 0; z-index: 999; } .mobile-header-float .sticky-wrapper { height: auto !important; position: relative !important; } form.search-form-menu-mobile { display: none; } .header-mobile-nav.menu-drop-fly { display: block; position: fixed; margin: 0; top: 0; bottom: 0; overflow: auto; overflow-x: hidden; width: 280px; left: -280px; border-right: solid 3px #9261aa; z-index: 9999; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header-mobile-nav.menu-drop-fly.in { left: 0; } .header-mobile-nav.menu-drop-fly form.search-form-menu-mobile { display: block; background-color: #222; padding: 15px; position: relative; } .header-mobile-nav.menu-drop-fly form.search-form-menu-mobile input { background-color: #333; border: none; display: block; width: 100%; font-size: 14px; line-height: 1.2; height: auto; padding: 12px; font-family: inherit; } .header-mobile-nav.menu-drop-fly form.search-form-menu-mobile button { border: none; background-color: transparent; position: absolute; top: 0; right: 19px; line-height: 1; bottom: 0; margin: auto; font-size: 16px; } .main-menu-overlay { opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: -1; pointer-events: none; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } body.menu-mobile-in .main-menu-overlay { opacity: 1; z-index: 999; pointer-events: auto; cursor: url(assets/images/close.png) 15 15, default; } header.header-mobile-1 .header-logo-mobile { padding-left: 50px; padding-right: 50px; } header.header-mobile-2 .header-logo-mobile { float: left; padding-right: 80px; } header.header-mobile-2 .header-mobile-inner .toggle-icon-wrapper { right: 0; left: auto; } header.header-mobile-2 .header-mobile-inner .header-customize { right: 40px; } header.header-mobile-3 .header-logo-mobile { float: right; padding-left: 80px; } header.header-mobile-3 .header-mobile-inner .header-customize { left: 40px; right: auto; } header.header-mobile-4 .header-logo-mobile { padding-left: 50px; padding-right: 50px; } header.header-mobile-4 > .container { background: #f2f2f2; } header.header-mobile-4.container-bordered { margin-bottom: 15px; } header.header-mobile-4.bordered .header-container-wrapper { border-bottom: solid 1px rgba(0, 0, 0, 0.1); } header.header-mobile-4 .search-mobile-wrapper form { padding: 0; margin: 0; position: relative; } header.header-mobile-4 .search-mobile-wrapper form > input { background-color: transparent; border: none; width: 100%; padding: 0; margin: 0; color: inherit; } header.header-mobile-4 .search-mobile-wrapper form > i { position: absolute; right: 0; top: 0; margin: auto; bottom: 0; font-size: 18px; height: 18px; } body.mobile-border-container #page-title { width: auto; margin-left: 15px; margin-right: 15px; } .sticky-wrapper.is-sticky > .header-container-wrapper { z-index: 997; left: 0; right: 0; -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15); } .sticky-wrapper.is-sticky .header-logo-mobile { line-height: 66px; } .sticky-wrapper.is-sticky .header-logo-mobile img { max-height: 66px; } .sticky-wrapper.is-sticky .header-mobile-inner { height: 66px; } .header-light .sticky-wrapper.is-sticky > .header-container-wrapper { background-color: #fff; } .header-light-gray .sticky-wrapper.is-sticky > .header-container-wrapper { background-color: #747474; } .header-gray .sticky-wrapper.is-sticky > .header-container-wrapper { background-color: #5F5F5F; } .header-dark-gray .sticky-wrapper.is-sticky > .header-container-wrapper { background-color: #4C4C4C; } .header-dark .sticky-wrapper.is-sticky > .header-container-wrapper { background-color: #000; } .header-overlay .sticky-wrapper.is-sticky > .header-container-wrapper { background-color: rgba(0, 0, 0, 0.3); } .sticky-wrapper:not(.is-sticky) { height: auto !important; position: relative !important; } .sticky-wrapper.is-sticky header.mobile-header ul.x-nav-menu { max-height: 450px; overflow: auto; } body.menu-mobile-in .sticky-wrapper.is-sticky > .header-container-wrapper.menu-drop-fly { left: 280px; right: -280px; } .shopping-cart-wrapper .widget_shopping_cart_icon > i.fa { font-size: 20px; color: #000; } .shopping-cart-wrapper .widget_shopping_cart_icon > i.fa + span.total { display: none; } } @media screen and (max-width: 600px) { #wpadminbar { top: -46px; } } @media screen and (max-width: 480px) { .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper { min-width: 280px; } } @media screen and (max-width: 320px) { #wpadminbar { top: -46px; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper { min-width: 254px; } } @media only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .header-logo-mobile img.retina-logo { display: inline-block; } .header-logo-mobile img.has-retina { display: none; } } .page-template-coming-soon #top-drawer-area { display: none; } #top-drawer-area { position: relative; z-index: 999; } #top-drawer-bar { background-color: #2f2f2f; color: #c5c5c5; height: auto; overflow: hidden; padding: 0; z-index: 3; } #top-drawer-bar .sidebar { color: #c5c5c5; } #top-drawer-bar .sidebar h4.widget-title { color: #c5c5c5; } #top-drawer-bar .sidebar .widget-posts-wrap .widget-posts-title { color: #c5c5c5; } #top-drawer-bar .sidebar #wp-calendar caption, #top-drawer-bar .sidebar #wp-calendar thead th { color: #c5c5c5; } #top-drawer-bar .sidebar .widget-social-profile { line-height: 50px; } #top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu { overflow: visible; border: none; margin: 0; padding: 0; } #top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu li { display: inline-block; position: relative; } #top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu li:before { display: none; } #top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu li:hover > ul { display: block; } #top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li { line-height: 50px; padding: 0; margin: 0; } #top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li + li { margin-left: 20px; } #top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li ul { display: none; border-top: solid 1px #444444; position: absolute; z-index: 999; left: 0; top: 100%; background-color: #2f2f2f; color: #c5c5c5; text-align: left; margin: 0; padding: 0 15px; min-width: 150px; } #top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li ul li { display: block; line-height: 26px; } #top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li ul li + li { border-top: solid 1px #444444; } #top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li ul ul { left: 100%; top: 0; } #top-drawer-bar .sidebar .darna-contact-info span i { color: #FFFFFF; } #top-drawer-bar .sidebar ul.product_list_widget li a { color: #FFFFFF; } #top-drawer-bar .sidebar .mail-chimp-wrapper .mail-chimp-button > input { background-color: rgba(73, 73, 73, 0.5); color: #c5c5c5; } .top-drawer-toggle { border-left: 28px solid transparent; border-top: 28px solid #9261aa; position: absolute; right: 0; top: 0; } .top-drawer-toggle > .wicon { color: #FFFFFF; font-size: 13px; left: -14px; position: absolute; text-shadow: none; top: -26px; } .top-drawer-toggle.open:after { content: "\f068"; } .top-drawer-show { display: block; } .top-drawer-hide { display: none; } #top-drawer-area .g5plus-col-3, #top-drawer-area .g5plus-col-4, #top-drawer-area .g5plus-col-6, #top-drawer-area .g5plus-col-8, #top-drawer-area .g5plus-col-12 { float: left; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #top-drawer-area .g5plus-col-3 { width: 25%; } #top-drawer-area .g5plus-col-4 { width: 33.33333333%; } #top-drawer-area .g5plus-col-6 { width: 50%; } #top-drawer-area .g5plus-col-8 { width: 66.66666667%; } #top-drawer-area .g5plus-col-12 { width: 100%; } @media screen and (min-width: 992px) { .x-col-1-12 { width: 8.33333333333333%; } .x-col-2-12 { width: 16.6666666666667%; } .x-col-3-12 { width: 25%; } .x-col-4-12 { width: 33.3333333333333%; } .x-col-5-12 { width: 41.6666666666667%; } .x-col-6-12 { width: 50%; } .x-col-7-12 { width: 58.3333333333333%; } .x-col-8-12 { width: 66.6666666666667%; } .x-col-9-12 { width: 75%; } .x-col-10-12 { width: 83.3333333333333%; } .x-col-11-12 { width: 91.6666666666667%; } .x-col-12-12 { width: 100%; } .x-col-1-11 { width: 9.09090909090909%; } .x-col-2-11 { width: 18.1818181818182%; } .x-col-3-11 { width: 27.2727272727273%; } .x-col-4-11 { width: 36.3636363636364%; } .x-col-5-11 { width: 45.4545454545455%; } .x-col-6-11 { width: 54.5454545454545%; } .x-col-7-11 { width: 63.6363636363636%; } .x-col-8-11 { width: 72.7272727272727%; } .x-col-9-11 { width: 81.8181818181818%; } .x-col-10-11 { width: 90.9090909090909%; } .x-col-1-10 { width: 10%; } .x-col-2-10 { width: 20%; } .x-col-3-10 { width: 30%; } .x-col-4-10 { width: 40%; } .x-col-5-10 { width: 50%; } .x-col-6-10 { width: 60%; } .x-col-7-10 { width: 70%; } .x-col-8-10 { width: 80%; } .x-col-9-10 { width: 90%; } .x-col-1-8 { width: 12.5%; } .x-col-3-8 { width: 37.5%; } .x-col-5-8 { width: 62.5%; } .x-col-7-8 { width: 87.5%; } .x-col-1-9 { width: 11.1111111111111%; } .x-col-2-9 { width: 22.2222222222222%; } .x-col-4-9 { width: 44.4444444444444%; } .x-col-5-9 { width: 55.5555555555556%; } .x-col-7-9 { width: 77.7777777777778%; } .x-col-8-9 { width: 88.8888888888889%; } .x-col-1-7 { width: 14.2857142857143%; } .x-col-2-7 { width: 28.5714285714286%; } .x-col-3-7 { width: 42.8571428571429%; } .x-col-4-7 { width: 57.1428571428571%; } .x-col-5-7 { width: 71.4285714285714%; } .x-col-6-7 { width: 85.7142857142857%; } .x-col { display: block; float: left; } .x-clear { clear: both; } .x-new-row { clear: both; } li.x-pos-static { position: static; } li.x-text-align-right { text-align: right; } li.x-text-align-left { text-align: left; } li.x-text-align-center { text-align: center; } span.x-disable-text { display: none; } i.x-menu-icon.x-icon-left { padding-right: 10px; } i.x-menu-icon.x-icon-right { padding-left: 10px; } i.x-menu-icon.x-icon-left.x-disable-text { padding-right: 0; } i.x-menu-icon.x-icon-right.x-disable-text { padding-left: 0; } li > a.x-disable-menu-item { display: none !important; } li.x-new-row:after { content: ""; display: block; clear: both; } .x-list-style-none { list-style: none; list-style-position: inside; } .x-list-style-disc { list-style: disc !important; list-style-position: inside !important; } .x-list-style-square { list-style: square !important; list-style-position: inside !important; } .x-list-style-circle { list-style: circle !important; list-style-position: inside !important; } li.x-image-layout-image-only a.x-menu-a-text { display: none; } li.x-image-layout-image-only p.x-description { display: none; } li.x-image-layout-above > a.x-image + a.x-menu-a-text { margin-top: 10px; } .x-sub-menu-standard .x-sub-menu.x-pos-left-menu-parent, .x-sub-menu-standard .x-sub-menu.x-pos-left-menu-bar { right: 100%; left: auto; } .x-sub-menu.x-pos-full { left: 0; right: 0; } .x-nav-menu { display: inline-block; margin: 0; padding: 0; list-style: none; text-align: left; } .x-nav-menu img { max-width: 100%; height: auto; } .x-nav-menu * { color: inherit; box-sizing: border-box; } .x-nav-menu > .x-menu-item { display: inline-block; line-height: 90px; } .x-nav-menu > .x-menu-item > a b.x-caret { display: none; } .x-nav-menu > .x-menu-item + .x-menu-item { margin-left: 40px; } .x-sub-menu { height: 0; visibility: hidden; overflow: hidden; position: absolute; opacity: 0; top: 100%; padding: 0; margin: 0; color: #444; z-index: -1; list-style: none; background-color: #fff; border-bottom: solid 2px #9261aa; -webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.15); } .x-sub-menu .x-menu-item { position: relative; min-width: 210px; white-space: nowrap; } .x-menu-item { line-height: 38px; } .x-menu-item b.x-caret:before { content: "\f105"; font-family: 'fontawesome'; } .x-active > .x-sub-menu { overflow: visible; visibility: visible; opacity: 1; height: auto; z-index: 999; } .x-menu-a-text { font-family: 'Roboto'; text-transform: uppercase; font-size: 14px; font-weight: 500; letter-spacing: 0.01em; } p.x-description { font-style: italic; font-size: 0.9em; line-height: 30px; } .x-sub-menu a.x-menu-a-text { text-transform: none; } .x-sub-menu-standard { padding: 10px 0; } .x-sub-menu-standard > .x-menu-item b.x-caret { position: absolute; right: 20px; transition: all 0.5s; } .x-sub-menu-standard a.x-menu-a-text { padding: 0 20px; color: inherit; -webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -ms-transition: background 0.3s ease-out; -o-transition: background 0.3s ease-out; transition: background 0.3s ease-out; display: block; } .x-sub-menu-standard a.x-menu-a-text:before { content: "\f105"; font-family: 'fontawesome'; opacity: 0; margin-left: -10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .x-sub-menu-standard a.x-menu-a-text > span.x-menu-text, .x-sub-menu-standard a.x-menu-a-text > i.x-menu-icon { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .x-sub-menu-standard a.x-menu-a-text:hover { background-color: rgba(146, 97, 170, 0.6); color: #fff; } .x-sub-menu-standard a.x-menu-a-text:hover > i.x-menu-icon, .x-sub-menu-standard a.x-menu-a-text:hover > span.x-menu-text { padding-left: 10px; } .x-sub-menu-standard a.x-menu-a-text:hover > i.x-menu-icon + span.x-menu-text { padding-left: 0; } .x-sub-menu-standard a.x-menu-a-text:hover:before { margin-left: 0; opacity: 1; } .x-sub-menu-standard a.x-menu-a-text:hover > b.x-caret { opacity: 0; } .x-sub-menu-standard .x-sub-menu { top: 0; left: 100%; right: auto; } .x-sub-menu-multi-column { padding-bottom: 30px; display: flex; } .x-sub-menu-multi-column.no-padding { padding: 0; } .x-sub-menu-multi-column:after { content: ""; display: block; clear: both; } .x-sub-menu-multi-column > .x-menu-item { padding-left: 15px; padding-right: 15px; margin-top: 30px; min-width: 0; } .x-sub-menu-multi-column > .x-menu-item + .x-menu-item { border-left: solid 1px rgba(0, 0, 0, 0.1); } .x-sub-menu-multi-column a.x-menu-a-text, .x-sub-menu-multi-column p.x-description { padding-left: 15px; padding-right: 15px; } .x-sub-menu-multi-column .x-sub-menu { padding-top: 0; padding-bottom: 0; height: auto; visibility: visible; opacity: 1; position: static; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; z-index: 999; overflow: visible; } .x-sub-menu-multi-column li.x-active > ul.x-sub-menu { visibility: visible !important; opacity: 1 !important; overflow: visible !important; } .x-sub-menu-multi-column .x-header-column > a { font-size: 1em; color: #444; position: relative; line-height: 1; display: block; margin-bottom: 20px; text-transform: uppercase; font-family: 'Oswald'; } .x-sub-menu-multi-column b.x-caret { display: none; } .x-tabs.x-item-menu-tab { position: static; padding: 0; margin: 0; } .x-tabs.x-item-menu-tab > .x-menu-a-text { display: none; } .x-sub-menu-tab > .x-menu-item { position: static; } .x-sub-menu-tab > li > ul.x-sub-menu { position: absolute; left: 0; right: 0; top: 0; border-bottom: 0; visibility: hidden; overflow: hidden; opacity: 0; height: 0; padding-bottom: 30px; } .x-sub-menu-tab > li.x-menu-active { background-color: rgba(0, 0, 0, 0.1); } .x-sub-menu-tab > li.x-menu-active > a.x-menu-a-text { display: block; position: relative; } .x-sub-menu-tab > li.x-menu-active > a.x-menu-a-text:after { content: ''; position: absolute; right: 0; border-top: solid 8px transparent; border-bottom: solid 8px transparent; border-right: solid 8px #fff; height: 16px; top: 0; bottom: 0; margin: auto; } .x-sub-menu-tab > li.x-menu-active > ul.x-sub-menu { visibility: visible; overflow: visible; opacity: 1; height: auto; } .x-sub-menu-tab .x-menu-item { min-width: 0; } .x-tabs > .x-sub-menu-tab { background-color: #f6f6f6; } .sub-menu-dark .x-sub-menu { background-color: #111; color: #ccc; } .sub-menu-dark .x-sub-menu-multi-column > .x-menu-item + .x-menu-item { border-left-color: rgba(255, 255, 255, 0.15); } .sub-menu-dark .x-tabs > .x-sub-menu-tab { background-color: rgba(255, 255, 255, 0.1); } .sub-menu-dark .x-sub-menu-tab > li.x-menu-active { background-color: rgba(255, 255, 255, 0.1); } .sub-menu-dark .x-sub-menu-tab > li.x-menu-active > a.x-menu-a-text:after { border-right-color: #111; } .sub-menu-dark .x-sub-menu-multi-column .x-header-column > a { color: #fff; } .x-nav-menu a:focus { color: inherit; } .x-nav-menu .x-sub-menu-standard > li.current-menu-ancestor > a.x-menu-a-text, .x-nav-menu .x-sub-menu-standard > li.current-menu-parent > a.x-menu-a-text, .x-nav-menu .x-sub-menu-standard > li.current-menu-item > a.x-menu-a-text, .x-nav-menu .x-sub-menu-standard > li.menu-current > a.x-menu-a-text { color: #9261aa; } .x-nav-menu > li.x-menu-item > a { color: inherit; position: relative; } .x-nav-menu > li.x-menu-item > a:after { content: ''; background-color: #ffbd33; height: 4px; width: 0; position: absolute; top: 100%; left: 0; right: 0; margin-top: 5px; margin-left: auto; margin-right: auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .x-nav-menu > li.current-menu-ancestor > a:after, .x-nav-menu > li.current-menu-parent > a:after, .x-nav-menu > li.menu-current > a.x-menu-a-text:after, .x-nav-menu > li > a.x-menu-a-text:hover:after, .x-nav-menu > li.x-menu-item:hover > a:after { width: 100%; } } @media screen and (max-width: 991px) { i.x-icon-left { margin-right: 10px; } i.x-icon-right { margin-left: 10px; } .x-sub-menu { display: none; } } /** * 4.0 - Footer * ---------------------------------------------------------------------------- */ footer.main-footer-wrapper { position: relative; background-color: #1a1a1a; color: #8f8f8f; } footer.main-footer-wrapper input[type="text"], footer.main-footer-wrapper input[type="search"], footer.main-footer-wrapper input[type="email"], footer.main-footer-wrapper input[type="url"], footer.main-footer-wrapper input[type="password"], footer.main-footer-wrapper input[type="tel"], footer.main-footer-wrapper textarea, footer.main-footer-wrapper select { max-width: 100%; } footer.main-footer-wrapper.main-footer-bg { -webkit-background-size: cover; background-size: cover; background-position: center top; background-repeat: no-repeat; background-clip: content-box; position: relative; } footer.main-footer-wrapper.main-footer-bg:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); } footer.main-footer-wrapper h4.widget-title { font-size: 18px; font-weight: normal; font-family: 'Oswald'; letter-spacing: 0.05em; color: #ffffff; margin-bottom: 30px; padding-top: 15px; background-color: transparent; padding-left: 0; position: relative; } footer.main-footer-wrapper h4.widget-title:after { content: ""; border-bottom-style: solid; border-bottom-width: 2px; width: 24px; position: absolute; left: 0; top: 100%; } footer.main-footer-wrapper h3.entry-post-title a { font-size: 13px; } footer.main-footer-wrapper.dark h3.entry-post-title a { color: #fff; } footer.main-footer-wrapper .dark.widget h4.widget-title { color: #fff; } footer.main-footer-wrapper .dark.widget .textwidget, footer.main-footer-wrapper .dark.widget ul li a, footer.main-footer-wrapper .dark.widget ul li i { color: inherit; } footer.main-footer-wrapper .dark.widget ul li a:hover, footer.main-footer-wrapper .dark.widget ul li.current-menu-item a { color: #fff; } footer.main-footer-wrapper .widget.widget-posts li.show .widget-posts-content-wrap .entry-excerpt { color: inherit; } footer.main-footer-wrapper .widget ul { background-color: transparent; list-style: none; padding-left: 0; padding-top: 0; border: none; } footer.main-footer-wrapper .widget ul li { padding: 0 5px 0 0; } footer.main-footer-wrapper .widget ul li i { width: 15px; } footer.main-footer-wrapper .sidebar aside + aside { margin-top: 30px; } footer.main-footer-wrapper .sidebar .widget_archive > ul > li > a, footer.main-footer-wrapper .sidebar .widget_categories > ul > li > a, footer.main-footer-wrapper .sidebar .widget_pages > ul > li > a, footer.main-footer-wrapper .sidebar .widget_nav_menu > div > ul > li > a, footer.main-footer-wrapper .sidebar .woocommerce .widget_product_categories > ul > li > a, footer.main-footer-wrapper .sidebar .widget_layered_nav > ul > li > a { padding-left: 0; font-size: 12px; text-decoration: none; line-height: 2; color: inherit; } footer.main-footer-wrapper .sidebar .widget_archive > ul, footer.main-footer-wrapper .sidebar .widget_categories > ul, footer.main-footer-wrapper .sidebar .widget_pages > ul, footer.main-footer-wrapper .sidebar .widget_nav_menu > div > ul, footer.main-footer-wrapper .sidebar .woocommerce .widget_product_categories > ul, footer.main-footer-wrapper .sidebar .widget_layered_nav > ul { border-bottom: none; padding-bottom: 0; } footer.main-footer-wrapper .sidebar .widget_archive li, footer.main-footer-wrapper .sidebar .widget_categories li, footer.main-footer-wrapper .sidebar .widget_pages li, footer.main-footer-wrapper .sidebar .widget_nav_menu > div li, footer.main-footer-wrapper .sidebar .woocommerce .widget_product_categories li, footer.main-footer-wrapper .sidebar .widget_layered_nav li { margin-top: 0; margin-bottom: 0; } footer.main-footer-wrapper .sidebar .widget_archive li + li, footer.main-footer-wrapper .sidebar .widget_categories li + li, footer.main-footer-wrapper .sidebar .widget_pages li + li, footer.main-footer-wrapper .sidebar .widget_nav_menu > div li + li, footer.main-footer-wrapper .sidebar .woocommerce .widget_product_categories li + li, footer.main-footer-wrapper .sidebar .widget_layered_nav li + li { border-top: none; } footer.main-footer-wrapper .sidebar .two-col:after { content: ""; display: block; clear: both; } footer.main-footer-wrapper .sidebar .two-col ul > li { width: 50%; float: left; line-height: 3; padding-top: 0; } footer.main-footer-wrapper .sidebar .widget_meta li + li, footer.main-footer-wrapper .sidebar .widget_recent_comments li + li, footer.main-footer-wrapper .sidebar .widget_recent_entries li + li, footer.main-footer-wrapper .sidebar .widget_rss li + li { border-top: none; } footer.main-footer-wrapper .sidebar .widget_meta li, footer.main-footer-wrapper .sidebar .widget_recent_comments li, footer.main-footer-wrapper .sidebar .widget_recent_entries li, footer.main-footer-wrapper .sidebar .widget_rss li { padding: 0; font-family: 'Oswald'; font-size: 12px; line-height: 2; text-transform: uppercase; } footer.main-footer-wrapper .sidebar .tagcloud a { color: inherit; background-color: transparent; border-radius: 0; } footer.main-footer-wrapper .sidebar .tagcloud a:hover { border-color: #9261aa; color: #9261aa; } footer.main-footer-wrapper .sidebar .tagcloud a { border: solid 1px #676767; } footer.main-footer-wrapper .sidebar .wpcf7-form input[type="text"], footer.main-footer-wrapper .sidebar .wpcf7-form input[type="search"], footer.main-footer-wrapper .sidebar .wpcf7-form input[type="email"], footer.main-footer-wrapper .sidebar .wpcf7-form input[type="url"], footer.main-footer-wrapper .sidebar .wpcf7-form input[type="password"], footer.main-footer-wrapper .sidebar .wpcf7-form input[type="tel"], footer.main-footer-wrapper .sidebar .wpcf7-form textarea, footer.main-footer-wrapper .sidebar .wpcf7-form select { background-color: transparent; } footer.main-footer-wrapper .sidebar .wpcf7-form span.wpcf7-form-control-wrap { display: block; } footer.main-footer-wrapper .sidebar .wpcf7-form input[type="text"]:focus, footer.main-footer-wrapper .sidebar .wpcf7-form input[type="search"]:focus, footer.main-footer-wrapper .sidebar .wpcf7-form input[type="email"]:focus, footer.main-footer-wrapper .sidebar .wpcf7-form input[type="url"]:focus, footer.main-footer-wrapper .sidebar .wpcf7-form input[type="password"]:focus, footer.main-footer-wrapper .sidebar .wpcf7-form input[type="tel"]:focus, footer.main-footer-wrapper .sidebar .wpcf7-form textarea:focus, footer.main-footer-wrapper .sidebar .wpcf7-form select:focus { border-color: #9261aa; } footer.main-footer-wrapper .sidebar .wpcf7-form input[type="text"], footer.main-footer-wrapper .sidebar .wpcf7-form input[type="search"], footer.main-footer-wrapper .sidebar .wpcf7-form input[type="email"], footer.main-footer-wrapper .sidebar .wpcf7-form input[type="url"], footer.main-footer-wrapper .sidebar .wpcf7-form input[type="password"], footer.main-footer-wrapper .sidebar .wpcf7-form input[type="tel"], footer.main-footer-wrapper .sidebar .wpcf7-form textarea, footer.main-footer-wrapper .sidebar .wpcf7-form select { border: solid 1px #343434; } footer.main-footer-wrapper .sidebar .footer-contact-us li { padding-left: 20px; position: relative; } footer.main-footer-wrapper .sidebar .footer-contact-us li i.fa { position: absolute; left: 0; line-height: 2em; } footer.main-footer-wrapper .sidebar .form-contact-wrap.large-form .col { margin-bottom: 30px; } footer.main-footer-wrapper .sidebar .form-contact-wrap.large-form textarea { display: block; } footer.main-footer-wrapper .sidebar .form-contact-wrap.large-form input[type="text"], footer.main-footer-wrapper .sidebar .form-contact-wrap.large-form input[type="tel"], footer.main-footer-wrapper .sidebar .form-contact-wrap.large-form input[type="email"], footer.main-footer-wrapper .sidebar .form-contact-wrap.large-form textarea { width: 100%; } footer.main-footer-wrapper .sidebar .mc4wp-form input[type="text"], footer.main-footer-wrapper .sidebar .mc4wp-form input[type="search"], footer.main-footer-wrapper .sidebar .mc4wp-form input[type="email"], footer.main-footer-wrapper .sidebar .mc4wp-form input[type="url"], footer.main-footer-wrapper .sidebar .mc4wp-form input[type="password"], footer.main-footer-wrapper .sidebar .mc4wp-form input[type="tel"], footer.main-footer-wrapper .sidebar .mc4wp-form textarea, footer.main-footer-wrapper .sidebar .mc4wp-form select { background-color: transparent; } footer.main-footer-wrapper .sidebar .mc4wp-form input[type="text"], footer.main-footer-wrapper .sidebar .mc4wp-form input[type="search"], footer.main-footer-wrapper .sidebar .mc4wp-form input[type="email"], footer.main-footer-wrapper .sidebar .mc4wp-form input[type="url"], footer.main-footer-wrapper .sidebar .mc4wp-form input[type="password"], footer.main-footer-wrapper .sidebar .mc4wp-form input[type="tel"], footer.main-footer-wrapper .sidebar .mc4wp-form textarea, footer.main-footer-wrapper .sidebar .mc4wp-form select { border: solid 1px #343434; } footer.main-footer-wrapper .sidebar .mailchimp-hide-label .mailchimp-label { display: none; } footer.main-footer-wrapper .sidebar .mailchimp-inline form { position: relative; } footer.main-footer-wrapper .sidebar .mailchimp-inline p.input-wrapper { display: block; margin-right: 140px; } footer.main-footer-wrapper .sidebar .mailchimp-inline p.submit-wrapper { display: block; position: absolute; right: 0; top: 0; } footer.main-footer-wrapper .sidebar .footer-contact-info ul { list-style: none; padding: 0; margin: 0; } footer.main-footer-wrapper .sidebar .footer-contact-info li { line-height: 3; font-size: 12px; font-family: 'Oswald'; font-weight: 400; } footer.main-footer-wrapper .sidebar .footer-contact-info i.fa, footer.main-footer-wrapper .sidebar .footer-contact-info i.micon { vertical-align: middle; margin-right: 5px; color: #9261aa; font-size: 18px; } footer.main-footer-wrapper .sidebar .footer-contact-info span { vertical-align: middle; } footer.main-footer-wrapper .sidebar .footer-logo-line .footer-logo { overflow: hidden; } footer.main-footer-wrapper .sidebar .footer-logo-line .footer-logo a { position: relative; display: inline-block; } footer.main-footer-wrapper .sidebar .footer-logo-line .footer-logo a:before, footer.main-footer-wrapper .sidebar .footer-logo-line .footer-logo a:after { content: ""; display: block; position: absolute; z-index: 1; width: 2000px; right: 100%; top: 0; bottom: 0; margin: auto 20px auto 0; height: 1px; } footer.main-footer-wrapper .sidebar .footer-logo-line .footer-logo a:after { margin-left: 20px; margin-right: 0; left: 100%; right: auto; } footer.main-footer-wrapper .sidebar .footer-logo-line .footer-logo a:before, footer.main-footer-wrapper .sidebar .footer-logo-line .footer-logo a:after { border-top: solid 1px rgba(255, 255, 255, 0.2); } footer.main-footer-wrapper .main-footer { padding: 15px 0 30px 0; background-color: rgba(26, 26, 26, 0); } footer.main-footer-wrapper .footer-above-wrapper { background-color: #1a1a1a; color: #8f8f8f; } footer.main-footer-wrapper .footer-above-wrapper .footer-above-inner { padding-top: 0; padding-bottom: 30px; } footer.main-footer-wrapper .footer-above-wrapper .footer-above-inner { border-bottom: solid 1px #2c2c2c; } footer.main-footer-wrapper .footer-above-wrapper .heading-custom-widget h6 { font-size: 32px; font-family: 'Oswald'; margin-bottom: 10px; line-height: 1.2em; } footer.main-footer-wrapper .footer-above-wrapper .heading-custom-widget p { font-size: 20px; font-family: 'Roboto'; font-style: italic; line-height: 1.2em; } footer.main-footer-wrapper .bottom-bar-wrapper { background-color: #1a1a1a; color: #8f8f8f; font-size: 13px; line-height: 36px; position: relative; } footer.main-footer-wrapper .bottom-bar-wrapper ul.social-profile li { margin-bottom: 0; } footer.main-footer-wrapper .bottom-bar-wrapper .bottom-bar-inner { padding-top: 20px; padding-bottom: 20px; } footer.main-footer-wrapper .bottom-bar-wrapper .bottom-bar-inner { border-top: solid 1px #2c2c2c; } footer.main-footer-wrapper .bottom-bar-wrapper .widget_archive li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_categories li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_pages li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_nav_menu > div li, footer.main-footer-wrapper .bottom-bar-wrapper .woocommerce .widget_product_categories li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_layered_nav li { display: inline-block; position: relative; } footer.main-footer-wrapper .bottom-bar-wrapper .widget_archive li .sub-menu, footer.main-footer-wrapper .bottom-bar-wrapper .widget_categories li .sub-menu, footer.main-footer-wrapper .bottom-bar-wrapper .widget_pages li .sub-menu, footer.main-footer-wrapper .bottom-bar-wrapper .widget_nav_menu > div li .sub-menu, footer.main-footer-wrapper .bottom-bar-wrapper .woocommerce .widget_product_categories li .sub-menu, footer.main-footer-wrapper .bottom-bar-wrapper .widget_layered_nav li .sub-menu { position: absolute; bottom: 100%; left: 0; margin: 0; padding: 10px 25px; background-color: #fbfbfb; display: none; } footer.main-footer-wrapper .bottom-bar-wrapper .widget_archive li .sub-menu li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_categories li .sub-menu li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_pages li .sub-menu li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_nav_menu > div li .sub-menu li, footer.main-footer-wrapper .bottom-bar-wrapper .woocommerce .widget_product_categories li .sub-menu li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_layered_nav li .sub-menu li { display: block; margin: 0; padding: 5px 0; white-space: nowrap; } footer.main-footer-wrapper .bottom-bar-wrapper .widget_archive li .sub-menu a, footer.main-footer-wrapper .bottom-bar-wrapper .widget_categories li .sub-menu a, footer.main-footer-wrapper .bottom-bar-wrapper .widget_pages li .sub-menu a, footer.main-footer-wrapper .bottom-bar-wrapper .widget_nav_menu > div li .sub-menu a, footer.main-footer-wrapper .bottom-bar-wrapper .woocommerce .widget_product_categories li .sub-menu a, footer.main-footer-wrapper .bottom-bar-wrapper .widget_layered_nav li .sub-menu a { padding: 0; margin: 0; color: #444; } footer.main-footer-wrapper .bottom-bar-wrapper .widget_archive li .sub-menu a:hover, footer.main-footer-wrapper .bottom-bar-wrapper .widget_categories li .sub-menu a:hover, footer.main-footer-wrapper .bottom-bar-wrapper .widget_pages li .sub-menu a:hover, footer.main-footer-wrapper .bottom-bar-wrapper .widget_nav_menu > div li .sub-menu a:hover, footer.main-footer-wrapper .bottom-bar-wrapper .woocommerce .widget_product_categories li .sub-menu a:hover, footer.main-footer-wrapper .bottom-bar-wrapper .widget_layered_nav li .sub-menu a:hover { color: #9261aa; } footer.main-footer-wrapper .bottom-bar-wrapper .widget_archive li .sub-menu:before, footer.main-footer-wrapper .bottom-bar-wrapper .widget_categories li .sub-menu:before, footer.main-footer-wrapper .bottom-bar-wrapper .widget_pages li .sub-menu:before, footer.main-footer-wrapper .bottom-bar-wrapper .widget_nav_menu > div li .sub-menu:before, footer.main-footer-wrapper .bottom-bar-wrapper .woocommerce .widget_product_categories li .sub-menu:before, footer.main-footer-wrapper .bottom-bar-wrapper .widget_layered_nav li .sub-menu:before { content: ""; display: block; top: 100%; left: 20px; border-top: solid 7px #fbfbfb; position: absolute; border-left: solid 5px transparent; border-right: solid 5px transparent; } footer.main-footer-wrapper .bottom-bar-wrapper .widget_archive li:hover .sub-menu, footer.main-footer-wrapper .bottom-bar-wrapper .widget_categories li:hover .sub-menu, footer.main-footer-wrapper .bottom-bar-wrapper .widget_pages li:hover .sub-menu, footer.main-footer-wrapper .bottom-bar-wrapper .widget_nav_menu > div li:hover .sub-menu, footer.main-footer-wrapper .bottom-bar-wrapper .woocommerce .widget_product_categories li:hover .sub-menu, footer.main-footer-wrapper .bottom-bar-wrapper .widget_layered_nav li:hover .sub-menu { display: block; } footer.main-footer-wrapper .bottom-bar-wrapper .widget_archive > ul > li > a:before, footer.main-footer-wrapper .bottom-bar-wrapper .widget_categories > ul > li > a:before, footer.main-footer-wrapper .bottom-bar-wrapper .widget_pages > ul > li > a:before, footer.main-footer-wrapper .bottom-bar-wrapper .widget_nav_menu > div > ul > li > a:before, footer.main-footer-wrapper .bottom-bar-wrapper .woocommerce .widget_product_categories > ul > li > a:before, footer.main-footer-wrapper .bottom-bar-wrapper .widget_layered_nav > ul > li > a:before { display: none; } footer.main-footer-wrapper .bottom-bar-wrapper .widget_archive li + li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_categories li + li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_pages li + li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_nav_menu > div li + li, footer.main-footer-wrapper .bottom-bar-wrapper .woocommerce .widget_product_categories li + li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_layered_nav li + li { margin-left: 30px; padding-top: 0; } footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_archive > ul > li > a, footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_categories > ul > li > a, footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_pages > ul > li > a, footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul > li > a, footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .woocommerce .widget_product_categories > ul > li > a, footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_layered_nav > ul > li > a { line-height: 3; } footer.main-footer-wrapper .expanded, footer.main-footer-wrapper .collapse { display: block; visibility: visible; cursor: pointer; } footer.main-footer-wrapper .collapse:before { content: "\f054"; font-family: "fontawesome"; position: absolute; right: 10px; } footer.main-footer-wrapper .expanded:before { content: "\f078"; font-family: "fontawesome"; position: absolute; right: 10px; } body.footer-static { padding-bottom: 0; } body.footer-static footer.enable-parallax { position: relative !important; z-index: 1; } @media only screen and (min-width: 992px) { footer.enable-parallax { position: fixed !important; bottom: 0; left: 0; right: 0; z-index: -1; margin: auto; width: 100%; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; } body.boxed footer.enable-parallax { max-width: 1200px; } } @media (max-width: 991px) { footer.main-footer-wrapper .main-footer { margin-bottom: -40px; } footer.main-footer-wrapper .bottom-bar-wrapper .sidebar.text-left, footer.main-footer-wrapper .bottom-bar-wrapper .sidebar.text-right { text-align: center; } footer.main-footer-wrapper .bottom-bar-wrapper .sidebar + .sidebar { margin-top: 5px; } footer.main-footer-wrapper .col-md-1, footer.main-footer-wrapper .col-md-10, footer.main-footer-wrapper .col-md-11, footer.main-footer-wrapper .col-md-12, footer.main-footer-wrapper .col-md-2, footer.main-footer-wrapper .col-md-3, footer.main-footer-wrapper .col-md-4, footer.main-footer-wrapper .col-md-5, footer.main-footer-wrapper .col-md-6, footer.main-footer-wrapper .col-md-7, footer.main-footer-wrapper .col-md-8, footer.main-footer-wrapper .col-md-9 { margin-bottom: 30px; } footer.main-footer-wrapper .col-md-1.text-right, footer.main-footer-wrapper .col-md-10.text-right, footer.main-footer-wrapper .col-md-11.text-right, footer.main-footer-wrapper .col-md-12.text-right, footer.main-footer-wrapper .col-md-2.text-right, footer.main-footer-wrapper .col-md-3.text-right, footer.main-footer-wrapper .col-md-4.text-right, footer.main-footer-wrapper .col-md-5.text-right, footer.main-footer-wrapper .col-md-6.text-right, footer.main-footer-wrapper .col-md-7.text-right, footer.main-footer-wrapper .col-md-8.text-right, footer.main-footer-wrapper .col-md-9.text-right { text-align: left; } } @media (max-width: 767px) { footer.main-footer-wrapper.footer-collapse-able h4.widget-title { margin-bottom: 0; } footer.main-footer-wrapper.footer-collapse-able h4.widget-title + div, footer.main-footer-wrapper.footer-collapse-able h4.widget-title + ul { padding-top: 20px; margin: 0; } footer.main-footer-wrapper.footer-collapse-able .main-footer .sidebar + .sidebar { margin-top: 30px; } footer.main-footer-wrapper.footer-collapse-able .main-footer .sidebar ul.instagram-pics + p { display: none; } footer.main-footer-wrapper .col-sm-6:nth-child(2n+1) { clear: both; } .sidebar .two-col ul > li { width: auto; float: none; } } /** * 5.0 - Widget * ---------------------------------------------------------------------------- */ .search-form { position: relative; } .search-form input[type="text"] { width: 100%; height: 41px; line-height: 41px; padding-right: 41px; } .search-form button[type="submit"] { position: absolute; right: 31px; top: 30px; border: none; padding: 10px 0 0; height: 40px; width: 40px; color: #fff; font-size: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .search-form button[type="submit"] i { font-size: 15px; } .search-form-lg { position: relative; } .search-form-lg .search-form { position: static; margin-right: 200px; } .search-form-lg .search-form form { padding: 30px; } .search-form-lg input[type="text"] { height: 50px; padding-right: 15px; line-height: 1.3; } .search-form-lg button[type="submit"] { position: absolute; right: 0; top: 0px; height: 50px; width: 185px; font-family: 'Oswald'; font-size: 13px; letter-spacing: 0.1em; line-height: 50px; padding: 0; text-align: center; background-color: #9261aa; color: #fff; text-transform: uppercase; } .search-form-lg button[type="submit"] i { display: none; } .screen-reader-text { display: none; } /*------------------------------------- CALENDAR ---------------------------------------*/ #wp-calendar { width: 100%; } #wp-calendar caption { font-family: 'Oswald'; text-transform: uppercase; text-align: right; font-size: 12px; margin-top: 0; margin-bottom: 15px; padding: 0; } #wp-calendar thead { font-size: 10px; font-family: 'Oswald'; } #wp-calendar thead th { padding-bottom: 10px; text-align: center; } #wp-calendar tbody { font-size: 13px; } #wp-calendar tbody td { background: #eeeeee; border: 1px solid #fff; text-align: center; padding: 8px; } #wp-calendar tbody td.pad:hover { background: transparent !important; } #wp-calendar tbody td:hover { color: #fff; } #wp-calendar tbody td:hover a { color: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; font-family: 'Oswald'; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; font-family: 'Oswald'; } /* ----------------------------------------------------------------------------- * Widget: price filter * -------------------------------------------------------------------------- */ .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #eee; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0 4px; } .woocommerce .widget_price_filter .ui-slider-horizontal { height: 8px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #eee; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { width: 10px; height: 10px; background-color: #ffbd33; top: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce .widget_price_filter .price_slider_amount { margin-top: 35px; } .woocommerce .widget_price_filter .price_slider_amount .price_label { font-family: 'Oswald'; font-size: 13px; text-align: left; line-height: 34px; } .woocommerce .widget_price_filter .price_slider_amount .button { float: right; min-width: 86px; font-size: 13px; padding: 9.5px 15px; } .widget-title { font-size: 16px; font-weight: bold; color: #fff; text-transform: uppercase; letter-spacing: 0.05em; padding: 16px 30px; margin-bottom: 0; } .widget-title span { vertical-align: middle; } .widget ul, .widget_search form, .widget .location-map { padding: 15px; background-color: #fcfcfc; border: solid 1px #eee; } .widget ul li, .widget_search form li, .widget .location-map li { padding: 8px 15px ; } .widget_search form { padding: 30px; } .widget .location-map { padding: 30px; } .widget.woocommerce .widget-content, .widget.woocommerce .product_list_widget { padding: 15px; border: solid 1px #eee; background-color: #fcfcfc; display: inline-block; width: 100%; } .widget.woocommerce .widget-content .product-listing, .widget.woocommerce .product_list_widget .product-listing { margin: 0; } .widget.woocommerce.widget_recent_reviews .product_list_widget { padding: 30px; text-align: center; } .widget.woocommerce.widget_recent_reviews .product_list_widget img { margin-bottom: 10px; } .widget.woocommerce.widget_recent_reviews .product_list_widget a, .widget.woocommerce.widget_recent_reviews .product_list_widget .reviewer { text-transform: uppercase; font-size: 12px; } .widget.woocommerce.widget_recent_reviews .product_list_widget .star-rating { margin: 5px auto; } .widget_categories .cat-item { position: relative; overflow: hidden; } .widget_categories .categories-count:before { content: ""; display: block; height: 1px; position: absolute; left: 15px; right: 15px; background: #eee; top: 27px; } .widget_categories .cat-item > a { background-color: #fcfcfc; display: inline-block; z-index: 2; position: relative; padding-right: 10px; } .widget_categories .cat-item .categories-count > span.count { position: absolute; right: 15px; top: 8px; background: #fcfcfc; padding: 0 0 0 10px; z-index: 2; } .widget_product_categories .cat-item { position: relative; overflow: hidden; } .widget_product_categories .dot { position: relative; width: 95%; border-top: solid 1px #eee; top: 18px; z-index: 0; } .widget_product_categories .cat-item > a { background-color: #fcfcfc; display: inline-block; z-index: 2; position: relative; padding-right: 10px; } .widget_product_categories .cat-item > span.count { position: absolute; right: 14px; top: 8px; background-color: #fcfcfc; z-index: 2; } .tagcloud a { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; display: inline-block; text-transform: uppercase; border-radius: 3px; padding: 0 12px; margin-bottom: 10px; line-height: 30px; height: 30px; font-size: 11px; letter-spacing: 0.02em; color: #8f8f8f; background: transparent; } .tagcloud a + a { margin-left: 2px; } .tagcloud a:last-child { margin-right: 0; } footer.main-footer-wrapper .sidebar .tagcloud a:hover { border-color: #fff; background-color: #fff; color: #000; } .woocommerce .widget_layered_nav ul li { padding: 10px 0 0 0; } .woocommerce .widget_layered_nav ul li a { padding: 0 0 0 10px; } .woocommerce .widget_layered_nav ul li span { float: right; padding: 0 10px 0 0; } .widget_meta > ul, .widget_recent_comments > ul, .widget_recent_entries > ul, .widget_rss > ul { margin: 0; letter-spacing: 0.05em; line-height: 2.2; list-style-type: none; } .widget_recent_comments .recentcomments a { color: #000; text-transform: uppercase; } .widget_archive > ul, .widget_categories > ul, .widget_pages > ul, .widget_nav_menu > div > ul, .woocommerce .widget_product_categories > ul, .widget_layered_nav > ul { font-family: 'Roboto'; list-style: none; border-bottom: 1px solid #eeeeee; margin: 0; line-height: 32px; letter-spacing: 0.05em; font-size: 12px; text-transform: uppercase; } .widget_archive li .show_count, .widget_categories li .show_count, .widget_pages li .show_count, .widget_nav_menu > div li .show_count, .woocommerce .widget_product_categories li .show_count, .widget_layered_nav li .show_count { float: right; } .widget_archive a, .widget_categories a, .widget_pages a, .widget_nav_menu > div a, .woocommerce .widget_product_categories a, .widget_layered_nav a { color: #222; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .widget_archive a:hover, .widget_categories a:hover, .widget_pages a:hover, .widget_nav_menu > div a:hover, .woocommerce .widget_product_categories a:hover, .widget_layered_nav a:hover { text-decoration: none; } .widget_archive li > a:hover, .widget_categories li > a:hover, .widget_pages li > a:hover, .widget_nav_menu > div li > a:hover, .woocommerce .widget_product_categories li > a:hover, .widget_layered_nav li > a:hover { color: #9261aa; } .widget_categories ul ul, .widget_pages ul ul, .widget_nav_menu > div ul ul, .widget_product_categories ul ul { padding-left: 0; margin-top: 10px; border-top: 1px solid #eeeeee; list-style-type: none; } .widget_categories ul ul > li > a, .widget_pages ul ul > li > a, .widget_nav_menu > div ul ul > li > a, .widget_product_categories ul ul > li > a { padding-left: 25px; } .widget_categories ul ul ul > li > a, .widget_pages ul ul ul > li > a, .widget_nav_menu > div ul ul ul > li > a, .widget_product_categories ul ul ul > li > a { padding-left: 45px; } .widget_categories ul ul ul ul > li > a, .widget_pages ul ul ul ul > li > a, .widget_nav_menu > div ul ul ul ul > li > a, .widget_product_categories ul ul ul ul > li > a { padding-left: 65px; } .widget_categories ul ul ul ul ul > li > a, .widget_pages ul ul ul ul ul > li > a, .widget_nav_menu > div ul ul ul ul ul > li > a, .widget_product_categories ul ul ul ul ul > li > a { padding-left: 85px; } .widget_text.youtube .textwidget { padding: 30px; background-color: #fcfcfc; border: solid 1px #eee; } .widget_text.youtube iframe { max-width: 100%; max-height: 100%; } ul.social-profile { list-style-type: none; padding: 0; margin: 0; color: #fff; } ul.social-profile a:hover { background-color: #9261aa; color: #9261aa; } ul.s-primary a { background-color: #9261aa; color: #9261aa; } ul.s-primary a:hover { background-color: #000; color: #fff; } ul.s-scheme-default { color: inherit; } ul.s-secondary a { background-color: #ffbd33; color: #ffbd33; } ul.s-secondary a:hover { background-color: #000; color: #fff; } ul.s-light a { background-color: #fff; color: #fff; } ul.s-dark a { background-color: #000; color: #000; } ul.s-gray a { background-color: #777; color: #777; } ul.s-light-gray-1 a { background-color: #ccc; color: #ccc; } ul.s-light-gray-2 a { background-color: #bbb; color: #bbb; } ul.s-light-gray-3 a { background-color: #bababa; color: #bababa; } ul.s-dark-gray-1 a { background-color: #444; color: #444; } ul.s-dark-gray-2 a { background-color: #666; color: #666; } ul.s-dark-gray-3 a { background-color: #888; color: #888; } ul.s-rounded { font-size: 0; } ul.s-rounded li { display: inline-block; vertical-align: middle; margin-right: 10px; padding: 0; } ul.s-rounded li:last-child { margin-right: 0; } ul.s-rounded a { display: block; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } ul.s-rounded.s-primary a, ul.s-rounded.s-secondary a, ul.s-rounded.s-dark a, ul.s-rounded.s-dark-gray-1 a { color: #fff; } ul.s-rounded.s-light a { color: #444; } ul.s-rounded.s-light a:hover { color: #fff; } ul.s-rounded.s-gray a, ul.s-rounded.s-light-gray-1 a, ul.s-rounded.s-light-gray-2 a, ul.s-rounded.s-light-gray-3 a, ul.s-rounded.s-dark-gray-2 a, ul.s-rounded.s-dark-gray-3 a { color: inherit; } ul.s-default { font-size: 0; } ul.s-default li { display: inline-block; vertical-align: middle; margin-right: 15px; margin-bottom: 5px; } ul.s-default li:last-child { margin-right: 0; } ul.s-default a { background-color: transparent; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } ul.s-default.s-primary a:hover, ul.s-default.s-secondary a:hover { color: #444; } ul.s-icon-text li + li { margin-top: 15px; } ul.s-icon-text a { line-height: 1.7; letter-spacing: 0.05em; background-color: transparent; } ul.s-icon-text a:hover { background-color: transparent; } ul.s-icon-text i { margin-right: 15px; letter-spacing: 0; } ul.s-icon-text.s-primary a:hover, ul.s-icon-text.s-secondary a:hover { color: #444; } ul.s-md i { font-size: 16px; } ul.s-md.s-rounded a { width: 36px; height: 36px; } ul.s-md.s-rounded i { line-height: 36px; } ul.s-lg i { font-size: 18px; } ul.s-lg.s-rounded a { width: 38px; height: 38px; } ul.s-lg.s-rounded i { line-height: 38px; } .social-profile .facebook { background-color: #3b5998; } .social-profile .facebook:hover { background-color: #4c70ba; } .social-profile .twitter { background-color: #00aced; } .social-profile .twitter:hover { background-color: #21c2ff; } .social-profile .google-plus { background-color: #dd4b39; } .social-profile .google-plus:hover { background-color: #e47365; } .social-profile .linkedin { background-color: #007bb5; } .social-profile .linkedin:hover { background-color: #009ee8; } .social-profile .pinterest { background-color: #d60009; } .social-profile .pinterest:hover { background-color: #ff0a14; } .social-profile .tumblr { background-color: #34465D; } .social-profile .tumblr:hover { background-color: #465f7e; } .s-dark-wrap ul.social-profile { color: #222; } .s-dark-wrap ul.s-rounded.s-gray a:hover, .s-dark-wrap ul.s-rounded.s-light-gray-1 a:hover, .s-dark-wrap ul.s-rounded.s-light-gray-2 a:hover, .s-dark-wrap ul.s-rounded.s-light-gray-3 a:hover, .s-dark-wrap ul.s-rounded.s-dark-gray-2 a:hover, .s-dark-wrap ul.s-rounded.s-dark-gray-3 a:hover { background-color: #9261aa; color: #fff; } .s-dark-wrap ul.s-default.s-gray a:hover, .s-dark-wrap ul.s-icon-text.s-gray a:hover, .s-dark-wrap ul.s-default.s-light-gray-1 a:hover, .s-dark-wrap ul.s-icon-text.s-light-gray-1 a:hover, .s-dark-wrap ul.s-default.s-light-gray-2 a:hover, .s-dark-wrap ul.s-icon-text.s-light-gray-2 a:hover, .s-dark-wrap ul.s-default.s-light-gray-3 a:hover, .s-dark-wrap ul.s-icon-text.s-light-gray-3 a:hover, .s-dark-wrap ul.s-default.s-dark-gray-2 a:hover, .s-dark-wrap ul.s-icon-text.s-dark-gray-2 a:hover, .s-dark-wrap ul.s-default.s-dark-gray-3 a:hover, .s-dark-wrap ul.s-icon-text.s-dark-gray-3 a:hover { color: #9261aa; } /*Widget Post*/ .widget-post { list-style: none; } .widget_posts_item { padding-top: 15px; padding-bottom: 15px; font-size: 13px; line-height: 2; } .widget_posts_item:first-child { padding-top: 15px; } /*.widget_posts_item:last-child { padding-bottom: 0; }*/ .widget_posts_item + .widget_posts_item { padding-top: 15px; } .widget-posts-content-wrap { position: relative; overflow: hidden; } .widget-posts-title { text-transform: uppercase; line-height: 1.71; color: #222222; font-size: 14px; display: block; margin-bottom: 5px; margin-top: -5px; } .widget-posts-title:hover { text-decoration: none; } .widget-posts-meta ul.entry-meta { list-style: none; background-color: transparent; border: none; padding: 0; margin: 0; } .widget-posts-meta ul.entry-meta li { text-transform: uppercase; font-size: 12px; padding: 0; margin: 0; display: inline-block; } .widget-posts-meta ul.entry-meta li i { color: #ffbd33; margin-right: 5px; } .widget-posts-meta ul.entry-meta li a { color: inherit !important; } .widget-posts-meta ul.entry-meta li + li { margin-left: 10px; } .widget_posts_item .owl-theme .owl-controls { display: none !important; } /*Widget Recent Twitter*/ .widget-twitter-item { line-height: 2.2; } .widget-twitter-item a { color: #ffbd33; } .widget-twitter-item i { font-size: 18px; float: left; margin-top: 10px; margin-right: 15px; } .twitter-content { position: relative; overflow: hidden; } .widget-twitter-item + .widget-twitter-item { margin-top: 25px; } .twitter-time { color: #333; margin-top: 5px; display: block; } /*Widget Instagram*/ ul.instagram-pics { list-style: none; margin: 0; padding: 0; font-size: 0; } ul.instagram-pics li { display: inline-block; padding: 0; margin: 0; } ul.instagram-pics a { display: block; position: relative; overflow: hidden; } ul.instagram-pics a:before { content: ""; position: absolute; width: 101%; height: 101%; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity: 0; } ul.instagram-pics a:hover:before { opacity: 1; } ul.instagram-pics a img { width: 100%; } ul.instagram-pics + p { font-family: 'Oswald'; color: #ffbd33; font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em; margin: 10px 0 0 0; } .instagram-col-2 ul.instagram-pics li { width: 50%; } .instagram-col-3 ul.instagram-pics li { width: 33.33333333%; } .instagram-col-4 ul.instagram-pics li { width: 25%; } .instagram-col-5 ul.instagram-pics li { width: 20%; } .instagram-col-6 ul.instagram-pics li { width: 16.66666667%; } .instagram-col-8 ul.instagram-pics li { width: 12.5%; } .instagram-padding-2 ul.instagram-pics { margin-left: -2px; margin-right: -2px; margin-top: -2px; } .instagram-padding-2 ul.instagram-pics li { padding: 2px; } .instagram-padding-3 ul.instagram-pics { margin-left: -3px; margin-right: -3px; margin-top: -3px; } .instagram-padding-3 ul.instagram-pics li { padding: 3px; } /* Widget Banner*/ .widget-banner .widget-image-wrap a { display: block; position: relative; overflow: hidden; } .widget-banner .widget-image-wrap a:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); opacity: 0; z-index: 1; -webkit-transition: opacity 0.35s linear; -moz-transition: opacity 0.35s linear; -ms-transition: opacity 0.35s linear; -o-transition: opacity 0.35s linear; transition: opacity 0.35s linear; } .widget-banner .widget-image-wrap a img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); width: 100%; height: auto; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .widget-banner .widget-image-wrap a:hover:before { opacity: 1; } .widget-banner .widget-image-wrap a:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .product-widget-thumb { float: left; width: 64px; margin-right: 15px; position: relative; } .product-widget-thumb .product-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: 0.3s all 0.001s ease-out; -moz-transition: 0.3s all 0.001s ease-out; -ms-transition: 0.3s all 0.001s ease-out; -o-transition: 0.3s all 0.001s ease-out; transition: 0.3s all 0.001s ease-out; } .product-widget-thumb .product-quick-view { font-size: 0; text-align: center; position: absolute; top: 0; bottom: 0; margin: auto; height: 14px; left: 0; right: 0; color: #fff; opacity: 0; visibility: hidden; z-index: 3; -webkit-transition: 0.3s all 0.001s ease-out; -moz-transition: 0.3s all 0.001s ease-out; -ms-transition: 0.3s all 0.001s ease-out; -o-transition: 0.3s all 0.001s ease-out; transition: 0.3s all 0.001s ease-out; } .product-widget-thumb .product-quick-view i { font-size: 14px; } .product-widget-inner { position: relative; overflow: hidden; } .product-widget-cat { font-size: 13px; letter-spacing: 0.05em; line-height: 1.5; margin-bottom: 10px; } .product-widget-title { font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 10px; } .product-widget-price-wrap .star-rating { float: none; display: inline-block; vertical-align: middle; margin-right: 20px; } .product-widget-price-wrap .star-rating + .price { display: inline-block !important; vertical-align: middle; } .woocommerce ul.product_list_widget li { padding: 0; margin: 0; } .woocommerce ul.product_list_widget li + li { margin-top: 30px; } .woocommerce ul.product_list_widget li img { float: none; margin: 0; width: 100%; } .woocommerce ul.product_list_widget li:hover .product-widget-thumb .product-link, .woocommerce ul.product_list_widget li:hover .product-widget-thumb .product-quick-view { opacity: 1; visibility: visible; } .woocommerce ul.product_list_widget li a { font-weight: normal; } .sidebar aside + aside, .wpb_widgetised_column aside + aside { margin-top: 45px; } .sidebar select, .wpb_widgetised_column select { width: 100%; } .sidebar .widget-contact-info, .wpb_widgetised_column .widget-contact-info { margin: 0; padding: 0; list-style: none; } .sidebar .widget-contact-info > li > i.fa, .wpb_widgetised_column .widget-contact-info > li > i.fa { width: 18px; } .sidebar .mail-chimp-wrapper > p, .wpb_widgetised_column .mail-chimp-wrapper > p { line-height: 28px; } .sidebar .mail-chimp-wrapper .mail-chimp-button, .wpb_widgetised_column .mail-chimp-wrapper .mail-chimp-button { position: relative; } .sidebar .mail-chimp-wrapper .mail-chimp-button > input, .wpb_widgetised_column .mail-chimp-wrapper .mail-chimp-button > input { background-color: #fbfbfb; color: #222; border: none; line-height: 1; height: 30px; width: 100%; } .sidebar .mail-chimp-wrapper .mail-chimp-button > button, .wpb_widgetised_column .mail-chimp-wrapper .mail-chimp-button > button { border: none; background: none; position: absolute; right: 5px; top: 0; bottom: 0; margin: auto; } .sidebar .mail-chimp-wrapper .mail-chimp-button > button > span, .wpb_widgetised_column .mail-chimp-wrapper .mail-chimp-button > button > span { display: none; } .sidebar .footer-logo .sub-description, .wpb_widgetised_column .footer-logo .sub-description { padding-top: 28px; line-height: 2em; margin: auto; max-width: 570px; } .sidebar .widget-text-intro, .wpb_widgetised_column .widget-text-intro { font-size: 24px; text-align: center; border: dashed 3px #c5c5c5; padding: 55px 10px; font-weight: 400; } .widget-partner-carousel .owl-carousel .owl-item { height: 180px; display: table; text-align: center; } .widget-slideshow-images { position: relative; } .widget-slideshow-images .description { margin-top: 20px; } .widget-slideshow-images .description .center { text-align: center; } .widget-slideshow-images .description .right { text-align: right; } .widget-slideshow-images .owl-carousel .owl-controls .owl-nav > div { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 30px; border: solid 2px #fff; border-radius: 50%; text-align: center; color: #fff; background-color: transparent; opacity: 0.4; } .widget-slideshow-images .owl-carousel .owl-controls .owl-nav > div:hover { opacity: 1; } .widget-slideshow-images .owl-carousel .owl-controls .owl-nav > div.owl-prev { left: 20px; } .widget-slideshow-images .owl-carousel .owl-controls .owl-nav > div.owl-next { right: 20px; } .widget-free-text { position: relative; } .widget-free-text .title .center, .widget-free-text .description .center { text-align: center; } .widget-free-text .title .right, .widget-free-text .description .right { text-align: right; } .widget-free-text .title { margin-top: 20px; font-size: 14px; margin-bottom: 0; } .widget-free-text .description { margin-top: 10px; } .widget-free-text .description p { margin-bottom: 15px; } .widget-free-text .link a { text-transform: uppercase; letter-spacing: 1px; } .widget-accordion .panel-default { border-radius: 0px; } .widget-accordion .panel-heading { background-color: transparent; padding: 0; border: none; position: relative; } .widget-accordion .panel-heading a[data-toggle='collapse'] { display: block; width: 100%; padding: 15px 15px 15px 20px; font-size: 14px; } .widget-accordion .panel-heading a[data-toggle='collapse'] span { padding-left: 20px; } .widget-accordion .panel-heading a[data-toggle='collapse']:before { content: "\f105"; font-family: fontawesome; position: absolute; top: 13px; font-size: 18px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .widget-accordion .panel-heading a[aria-expanded='true'] { background-color: #333; border-color: #333; color: #fff; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .widget-accordion .panel-heading a[aria-expanded='true']:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .widget-accordion .panel-heading a[aria-expanded='false']:focus, .widget-accordion .panel-heading a[aria-expanded='false']:active { color: #333; } .widget-accordion .panel-content .description { margin-top: 15px; } .widget-accordion .panel-content p { margin-bottom: 0; } footer.main-footer-wrapper .sidebar aside.widget-map-scroll-up { margin-top: 0; } .left-sidebar, .right-sidebar { margin-bottom: 100px; } .widget-mailchimp { position: relative; } .widget-mailchimp .bg-img { padding-top: 130px; padding-bottom: 130px; background-size: cover; background-position: center center; } .widget-mailchimp .bg-mailchimp-overlay { position: absolute; right: 0; bottom: 0; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.55); } .widget-mailchimp input[type="email"] { background-color: transparent; width: 429px; display: inline-block; } .widget-mailchimp .entry-content.mailchimp input[type="submit"] { border: 0; padding: 18px 0 17px 0px; margin-left: 15px; width: 120px; min-width: 120px; display: inline; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } h2.widgettitle { font-size: 14px; font-weight: 400; } h2.widgettitle:before { content: ""; width: 8px; height: 8px; display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin-right: 10px; vertical-align: middle; } .widget .social-share-wrap { display: block; margin: 0; } .widget .social-share-wrap ul.social-profile { padding: 30px; text-align: center; border-radius: 0; } .widget .slickr-flickr-gallery { padding: 0; } .widget .slickr-flickr-gallery ul li { padding-right: 8px !important; padding-bottom: 5px; } .widget .slickr-flickr-gallery img { border: none; padding: 0; } .widget .slickr-flickr-gallery img:hover { opacity: 0.7; } @media (max-width: 320px) { .search-form-lg .search-form { margin: 0; text-align: center; } .search-form-lg button[type="submit"] { position: relative; margin-top: 20px; } } /*Mail chimp Above Footer ======================================*/ .form-above .mc4wp-form-fields { position: relative; text-align: left; } .form-above .mc4wp-form-fields .mail-title, .form-above .mc4wp-form-fields .mail-submit { display: block; } .form-above .mc4wp-form-fields .mail-title { position: absolute; bottom: 0; z-index: 2; margin: 0; width: 410px; text-transform: uppercase; vertical-align: middle; background-color: #9261aa; color: #fff; padding: 45px 60px 45px 160px; } .form-above .mc4wp-form-fields .mail-title label { line-height: 1; letter-spacing: .05em; margin: 0; display: block; } .form-above .mc4wp-form-fields .mail-title .icon-mail-fly:before, .form-above .mc4wp-form-fields .mail-title .icon-mail-fly:after, .form-above .mc4wp-form-fields .mail-title .icon-mail-fly .fly:before, .form-above .mc4wp-form-fields .mail-title .icon-mail-fly .fly:after { content: ""; display: block; position: absolute; left: -10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #ffbd33; } .form-above .mc4wp-form-fields .mail-title .icon-mail-fly { position: absolute; left: 25px; top: 25px; } .form-above .mc4wp-form-fields .mail-title .icon-mail-fly:before { height: 9px; width: 45px; top: 0; } .form-above .mc4wp-form-fields .mail-title .icon-mail-fly:after { height: 9px; width: 30px; top: 15px; } .form-above .mc4wp-form-fields .mail-title .icon-mail-fly .fly:before { height: 9px; width: 20px; top: 30px; } .form-above .mc4wp-form-fields .mail-title .icon-mail-fly .fly:after { height: 9px; width: 25px; bottom: -5px; } .form-above .mc4wp-form-fields .mail-title .icon-mail-fly i { color: #ffbd33; font-size: 105px; transform: rotate(-45deg); } .form-above .mc4wp-form-fields .mail-title:before { content: ""; display: block; position: absolute; background-color: #9261aa; height: 100%; top: 0; bottom: 0; left: -999px; right: 100%; } .form-above .mc4wp-form-fields .mail-title:after { content: ""; display: block; width: 80px; position: absolute; background-color: #9261aa; height: 100%; top: 0; bottom: 0; right: -40px; transform: skewX(25deg); } .form-above .mc4wp-form-fields .mail-submit { font-size: 0; background-color: #ffbd33; z-index: 1; position: relative; bottom: 0; padding: 33px 15px 33px 550px; } .form-above .mc4wp-form-fields .mail-submit .mail-form { position: relative; } .form-above .mc4wp-form-fields .mail-submit .mail-form .mail-footer { display: none; } .form-above .mc4wp-form-fields .mail-submit .mail-form:before { content: ""; display: block; position: absolute; height: 55px; background-color: #fff; width: 32px; transform: skewX(25deg); left: -16px; } .form-above .mc4wp-form-fields .mail-submit input[type="email"], .form-above .mc4wp-form-fields .mail-submit button { vertical-align: middle; } .form-above .mc4wp-form-fields .mail-submit input[type="email"] { background-color: #fff !important; border: none !important; color: #8F8F8F; text-transform: uppercase; width: 100%; height: 55px; line-height: 55px; } .form-above .mc4wp-form-fields .mail-submit button { position: absolute; top: 0; right: 0; background-color: #9261aa; height: 55px; width: 60px; text-align: center; border: none; } .form-above .mc4wp-form-fields .mail-submit button i { font-size: 26px; color: #fff; line-height: 55px; } .form-above .mc4wp-form-fields .mail-submit:after { content: ""; display: block; position: absolute; left: 100%; width: 999px; background-color: #ffbd33; height: 100%; top: 0; bottom: 0; } .form-footer .mc4wp-form-fields .mail-title { display: none; } .form-footer .mc4wp-form-fields .mail-submit .mail-form .mail-above { display: none; } .form-footer .mc4wp-form-fields .mail-submit .mail-form .mail-footer { width: 100%; } .form-footer .mc4wp-form-fields .mail-submit .mail-form .mail-footer p { float: left; display: inline-block; } .form-footer .mc4wp-form-fields .mail-submit .mail-form .mail-footer p.name { width: 38%; padding: 0 15px; } .form-footer .mc4wp-form-fields .mail-submit .mail-form .mail-footer p.email { width: 38%; padding: 0 15px; } .form-footer .mc4wp-form-fields .mail-submit .mail-form .mail-footer p.submit { width: 24%; padding-left: 15px; } .form-footer .mc4wp-form-fields .mail-submit .mail-form .mail-footer input[type="text"], .form-footer .mc4wp-form-fields .mail-submit .mail-form .mail-footer input[type="email"] { width: 100%; font-size: 12px; padding: 0 15px; text-transform: uppercase; height: 40px; background: transparent; } .form-footer .mc4wp-form-fields .mail-submit .mail-form .mail-footer button { letter-spacing: .05em; line-height: 1.3; text-transform: uppercase; width: 100%; } .form-footer .mc4wp-form-fields .mail-submit .mail-form .mail-footer button.bt-xs { padding: 11px 15px; } @media (max-width: 991px) { .form-above .mc4wp-form-fields .mail-title { position: relative; padding: 30px 60px 30px 120px; } .form-above .mc4wp-form-fields .mail-title .icon-mail-fly { top: 25px; } .form-above .mc4wp-form-fields .mail-title .icon-mail-fly:before { height: 6px; width: 35px; top: -2px; } .form-above .mc4wp-form-fields .mail-title .icon-mail-fly:after { height: 6px; width: 20px; top: 10px; } .form-above .mc4wp-form-fields .mail-title .icon-mail-fly .fly:before { height: 6px; width: 15px; top: 21px; } .form-above .mc4wp-form-fields .mail-title .icon-mail-fly .fly:after { height: 6px; width: 20px; bottom: -5px; } .form-above .mc4wp-form-fields .mail-title .icon-mail-fly i { font-size: 64px; margin-left: 5px; } .form-above .mc4wp-form-fields .mail-title:after { transform: none; left: 100%; width: 999px; } .form-above .mc4wp-form-fields .mail-title label.fs-32 { font-size: 26px; } .form-above .mc4wp-form-fields .mail-title label.fs-38 { font-size: 30px; } .form-above .mc4wp-form-fields .mail-submit { padding: 33px 15px 33px 15px; display: block; position: relative; left: 0; } .form-above .mc4wp-form-fields .mail-submit:before { content: ""; display: block; position: absolute; right: 100%; width: 999px; background-color: #ffbd33; height: 100%; top: 0; bottom: 0; } .form-above .mc4wp-form-fields .mail-submit .mail-form:before { display: none; } } @media (max-width: 768px) { .form-footer .mail-submit .mail-form .mail-footer p { display: block !important; float: inherit !important; width: 100% !important; } } /*=== Contact Form Widget Footer 4*/ .contact-form p, .contact-form span { margin: 0; } .contact-form input[type="submit"] { letter-spacing: .05em; line-height: 1.3; } .contact-form textarea, .contact-form input[type="submit"], .contact-form input[type="text"], .contact-form input[type="email"] { text-transform: uppercase; font-size: 12px; } .contact-form input[type="text"], .contact-form input[type="email"] { height: 40px; margin-bottom: 5px; padding: 0 15px; width: 100%; background: transparent; } .contact-form textarea { width: 100%; height: 60px; padding: 10px 15px 0 15px; background-color: transparent; margin-bottom: 5px; vertical-align: middle; } .contact-form p.submit-quest img.ajax-loader { position: absolute; left: 15px; } @media (max-width: 767px) { .contact-form p.submit-quest { text-align: center; } } /*= Widget Post Show Image=*/ .widget.widget-posts li.show { margin-bottom: 20px; } .widget.widget-posts li.show .entry-thumbnail-wrap { width: 56px; float: left; margin-right: 25px; } .widget.widget-posts li.show .entry-thumbnail-wrap a.prettyPhoto { display: none !important; } .widget.widget-posts li.show .widget-posts-content-wrap h3.entry-post-title { font-size: 13px; line-height: 1.8; text-transform: none; margin-bottom: 0; margin-top: -5px; } .widget.widget-posts li.show .widget-posts-content-wrap .entry-date { text-transform: uppercase; font-size: 11px; } /** * 6.0 - Blog * ---------------------------------------------------------------------------- */ .blog-wrap { margin-bottom: 100px; } .blog-wrap.masonry.layout-container-fluid { padding: 0 15px; } .vc_inline-link { display: none; } .blog-inner article { overflow: hidden; } .blog-inner article + article { margin-top: 60px; } .entry-quote-wrap { position: relative; background-color: #fafafa; padding: 35px 50px 25px 50px; color: #444; } .entry-quote-wrap a.entry-quote-style:before { content: ""; display: block; height: 100%; width: 10px; background-color: #9261aa; position: absolute; left: 0; bottom: 0; z-index: 2; } .entry-quote-wrap a:hover, .entry-quote-wrap a:focus { color: inherit; } .entry-quote-wrap blockquote { padding: 0; margin: 0; border: none; position: relative; overflow: hidden; } .entry-quote-wrap blockquote:before { display: none; } .entry-quote-wrap p { font-size: 16px; font-weight: 600; letter-spacing: 0; line-height: 2; font-family: inherit; font-style: normal; margin-bottom: 20px; text-transform: uppercase; } .entry-quote-wrap cite { font-family: 'Oswald'; color: #9261aa; font-size: 14px; line-height: 2; text-transform: uppercase; display: block; text-align: right; font-style: normal; font-weight: normal; letter-spacing: 0; } .entry-quote-wrap cite a:hover { color: inherit; } .entry-quote-wrap i { float: left; font-size: 24px; margin-right: 20px; margin-top: 5px; } .entry-link-wrap { border: 4px solid rgba(255, 255, 255, 0.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #9261aa; padding: 35px 20px; color: #fff; } .entry-link-wrap i:hover, .entry-link-wrap p:hover { color: #ffbd33; } .entry-link-wrap a { color: #fff; } .entry-link-wrap p { margin: 0; font-size: 16px; font-weight: 600; letter-spacing: 0.05em; line-height: 1.8; position: relative; overflow: hidden; } .entry-link-wrap i { float: left; font-size: 24px; margin-right: 20px; margin-top: 5px; } .entry-thumbnail-wrap { position: relative; overflow: hidden; } .entry-thumbnail-wrap .entry-format-date { z-index: 1; } .entry-thumbnail-overlay img { width: 100%; display: block; } .entry-thumbnail { position: relative; } .entry-thumbnail a.prettyPhoto { position: absolute; top: 0; width: 56px; height: 55px; right: 0; line-height: 54px; font-size: 16px; text-align: center; color: #FFFFFF; z-index: 2; opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .entry-thumbnail a.entry-thumbnail-overlay:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; z-index: 1; background-color: rgba(146, 97, 170, 0.8); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .entry-thumbnail:hover a.entry-thumbnail-overlay:before, .event-image:hover a.entry-thumbnail-overlay:before { opacity: 1; } .entry-thumbnail:hover a.prettyPhoto, .event-image:hover a.prettyPhoto { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .entry-format-date { position: absolute; left: 0; bottom: 0; color: #fff; right: 0; } .entry-format-date .entry-icon-format { height: 58px; width: 58px; background-color: #9261aa; display: block; float: left; text-align: center; } .entry-format-date .entry-icon-format i { font-size: 24px; line-height: 58px; } .entry-format-date .entry-date { background-color: #ffbd33; padding: 5px 20px; position: absolute; bottom: 0; max-height: 58px; left: auto; } .entry-format-date .entry-date a { color: #fff; line-height: 1.6; font-size: 16px; text-transform: uppercase; } h3.entry-post-title { overflow: hidden; font-size: 21px; margin-bottom: 10px; letter-spacing: 0; line-height: 1.4; color: #222222; -ms-word-wrap: break-word; word-wrap: break-word; } h3.entry-post-title a { color: inherit; } .entry-post-meta-wrap { margin-bottom: 20px; } .entry-post-meta-wrap ul.entry-meta { margin: 0; padding: 0; list-style-type: none; font-size: 0; } .entry-post-meta-wrap ul.entry-meta li { display: inline; font-size: 14px; line-height: 1.8; margin-right: 15px; vertical-align: middle; } .entry-post-meta-wrap ul.entry-meta li span { font-weight: normal; margin-bottom: 0; text-transform: none; color: #868686; } .entry-post-meta-wrap ul.entry-meta li a { color: #868686; } .entry-post-meta-wrap ul.entry-meta li a:hover { color: #ffbd33; } .entry-post-meta-wrap ul.entry-meta li i { color: #ffbd33; font-size: 14px; margin-right: 3px; } .entry-post-meta-wrap ul.entry-meta li.entry-meta-author > a { text-transform: uppercase; color: #727272; } .entry-post-meta-wrap ul.entry-meta li:last-child { margin-right: 0; } .entry-post-meta-wrap ul.entry-meta li.entry-meta-category { color: #9261aa; } .entry-excerpt { font-size: 13px; line-height: 1.6; margin-bottom: 25px; } .entry-excerpt p { margin-bottom: 0; line-height: 1.6; } .social-share-wrap { display: inline-block; position: relative; margin-left: 15px; top: -6px; } .social-share-wrap ul.social-profile { white-space: nowrap; padding: 8px 13px; opacity: 1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .social-share-wrap ul.social-profile li { margin: 0; } .social-share-wrap ul.social-profile li a { background-color: #F3F3F3; } .social-share-wrap ul.social-profile li a i { color: #8f8f8f; } .social-share-wrap ul.social-profile li + li { margin-left: 10px; } .social-share-wrap ul.social-profile li a:hover i { color: #fff; } .entry-content-footer { margin-top: 45px; } article.format-audio iframe { width: 100%; height: 100%; display: block; } article.format-audio > .entry-thumbnail-wrap > .entry-thumbnail a.prettyPhoto, article.format-video > .entry-thumbnail-wrap > .entry-thumbnail a.prettyPhoto { top: 0; bottom: 0; right: 0; left: 0; margin: auto; opacity: 0.6; width: 80px; height: 80px; font-size: 80px; line-height: 80px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } article.sticky h3.entry-post-title a:before { content: "\f08d"; display: inline-block; font-size: 21px; margin-right: 10px; color: #9261aa; font: normal normal normal 20px/1 FontAwesome; } /* Owl-carousel*/ .entry-thumbnail-wrap .owl-carousel .owl-controls .owl-nav .owl-prev, .entry-thumbnail-wrap .owl-carousel .owl-controls .owl-nav .owl-next { position: absolute; width: 44px; height: 44px; line-height: 42px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6); font-size: 24px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .entry-thumbnail-wrap .owl-carousel .owl-controls .owl-nav .owl-prev { left: 20px; } .entry-thumbnail-wrap .owl-carousel .owl-controls .owl-nav .owl-next { right: 20px; } /* Blog Style List*/ @media (min-width: 1200px) { .blog-style-list article { background-color: #f8f8f8; } .blog-style-list article .entry-thumbnail-wrap + .entry-content-wrap { width: 50%; } .blog-style-list article .entry-excerpt { max-height: 6.4em; overflow: hidden; } .blog-style-list article:nth-child(odd) .entry-thumbnail-wrap { padding-right: 15px; } .blog-style-list article:nth-child(odd) .entry-thumbnail-wrap + .entry-content-wrap { padding: 0 30px 0 15px; } .blog-style-list article:nth-child(even) .entry-thumbnail-wrap { float: right; padding-left: 15px; } .blog-style-list article:nth-child(even) .entry-thumbnail-wrap .entry-format-date { left: 15px; } .blog-style-list article:nth-child(even) .entry-thumbnail-wrap + .entry-content-wrap { padding: 0 15px 0 30px; } .blog-style-list .entry-thumbnail-wrap { overflow: hidden; float: left; width: 50%; } .blog-style-list .entry-thumbnail-wrap .entry-thumbnail-overlay img { width: 100%; } .blog-style-list .entry-content-wrap { background-color: #f8f8f8; padding: 0 30px 0 30px; float: left; width: 100%; } .blog-style-list .entry-content-wrap h3.entry-post-title { max-height: 2.8em; margin-top: 30px; margin-bottom: 20px; } .blog-style-list .entry-content-wrap .entry-post-meta-wrap { margin-bottom: 30px; } .blog-style-list .entry-content-wrap .entry-excerpt { margin-bottom: 15px; } } @media (max-width: 1199px) { .blog-inner.blog-style-list article { padding-bottom: 20px; } .blog-inner.blog-style-list article + article { margin-top: 30px; } .blog-inner.blog-style-list .entry-content-wrap { padding: 35px 25px 15px 25px; background-color: #fafafa; } .blog-inner.blog-style-list .entry-content-footer { margin-top: 25px; } .blog-inner.blog-style-list .entry-quote-wrap { padding: 25px; } .blog-inner.blog-style-list .entry-quote-wrap p { line-height: 1.8; } .blog-inner.blog-style-list .entry-link-wrap { padding: 25px; } .blog-inner.blog-style-list .entry-link-wrap p { line-height: 1.8; } .blog-inner.blog-style-list .blog-style-masonry article { width: 100% !important; } .blog-inner.blog-style-list .blog-style-masonry article .entry-thumbnail-wrap { margin-bottom: 0; } .blog-inner.blog-style-list .blog-style-masonry article .entry-content-wrap { background: #f8f8f8; padding: 30px 25px 30px 25px; } .blog-inner.blog-style-list .entry-timeline { display: none; } .blog-inner.blog-style-list .post-navigation .nav-previous, .blog-inner.blog-style-list .post-navigation .nav-next { width: 50%; } .blog-inner.blog-style-list ol.commentlist img.avatar { width: 70px; } .blog-inner.blog-style-list ol.commentlist ul.children { padding-left: 70px; } } @media (max-width: 320px) { .entry-format-date { display: none; } } /*Blog Style Grid*/ @media (min-width: 992px) { .blog-style-grid { margin: 0 -15px; } .blog-style-grid article { float: left; padding: 0 15px; border-bottom: none; margin-bottom: 60px; } .blog-style-grid .entry-thumbnail-wrap { margin-bottom: 0; } .blog-style-grid .entry-content-wrap { background-color: #f8f8f8; padding: 25px 20px; } .blog-style-grid .entry-content-wrap .entry-excerpt { max-height: 4.8em; overflow: hidden; margin-bottom: 15px; } .blog-style-grid .entry-content-wrap .entry-post-meta-wrap { margin-bottom: 0; } .blog-style-grid article + article { margin-top: 0; } .blog-style-grid h3.entry-post-title { font-size: 18px; line-height: 1.6; margin-bottom: 20px; } .blog-style-grid .entry-post-meta-wrap ul.entry-meta li { font-size: 13px; margin-right: 10px; } .blog-style-grid .entry-post-meta-wrap ul.entry-meta li.entry-meta-category { display: none; } .blog-style-grid .jp-time-holder { display: none; } .blog-style-grid .jp-title { margin-right: 0; font-size: 12px; line-height: 2.2; } .blog-style-grid .entry-content-footer { display: none; } .blog-style-grid .jp-details { height: 70px; } .blog-style-grid .entry-excerpt p { max-height: 8.8em; overflow: hidden; } .blog-style-grid .embed-responsive.embed-responsive-16by9 { padding-bottom: 100%; } .blog-style-grid.blog-col-2 article { width: 50%; } .blog-style-grid.blog-col-3 article { width: 33.33333333333333%; } .blog-style-grid.blog-col-4 article { width: 25%; } .blog-style-grid.blog-col-5 article { width: 20%; } } @media (max-width: 991px) { .blog-inner.blog-style-grid { position: inherit !important; } .blog-inner.blog-style-grid article { position: inherit !important; padding-bottom: 20px; } .blog-inner.blog-style-grid article + article { margin-top: 30px; } .blog-inner.blog-style-grid .entry-content-wrap { padding: 35px 25px 15px 25px; background-color: #fafafa; } .blog-inner.blog-style-grid .entry-content-footer { margin-top: 25px; } .blog-inner.blog-style-grid .entry-quote-wrap { padding: 25px; } .blog-inner.blog-style-grid .entry-quote-wrap p { line-height: 1.8; } .blog-inner.blog-style-grid .entry-link-wrap { padding: 25px; } .blog-inner.blog-style-grid .entry-link-wrap p { line-height: 1.8; } .blog-inner.blog-style-grid .blog-style-masonry article { width: 100% !important; } .blog-inner.blog-style-grid .blog-style-masonry article .entry-thumbnail-wrap { margin-bottom: 0; } .blog-inner.blog-style-grid .blog-style-masonry article .entry-content-wrap { background: #f8f8f8; padding: 30px 25px 30px 25px; } .blog-inner.blog-style-grid .post-navigation .nav-previous, .blog-inner.blog-style-grid .post-navigation .nav-next { width: 50%; } .blog-inner.blog-style-grid ol.commentlist img.avatar { width: 70px; } .blog-inner.blog-style-grid ol.commentlist ul.children { padding-left: 70px; } } .grid .blog-paging-load-more, .grid .blog-paging-default { margin-top: 35px; } @media (max-width: 767px) { .blog-inner article { padding-bottom: 20px; } .blog-inner article + article { margin-top: 30px; } .blog-inner .entry-content-wrap { padding: 35px 25px 15px 25px; background-color: #fafafa; } .blog-inner .entry-content-footer { margin-top: 25px; } .entry-quote-wrap { padding: 25px; } .entry-quote-wrap p { line-height: 1.8; } .entry-link-wrap { padding: 25px; } .entry-link-wrap p { line-height: 1.8; } .entry-meta-tag-wrap .entry-meta-tag { margin: 0; text-align: center; } .entry-meta-tag-wrap .entry-meta-tag + .social-share-wrap { position: inherit !important; top: 0; text-align: center; width: 100%; } .blog-style-grid article { width: 100% !important; } .blog-style-grid article .entry-thumbnail-wrap { margin-bottom: 0; } .blog-style-grid article .entry-content-wrap { background: #f8f8f8; padding: 30px 25px 30px 25px; } .post-navigation .nav-previous, .post-navigation .nav-next { width: 50%; } ol.commentlist img.avatar { width: 70px; } ol.commentlist ul.children { padding-left: 70px; } .archive-search-wrap .search-form-lg .search-form { text-align: center; margin-right: 0; } .archive-search-wrap .search-form-lg .search-form input[type="text"] { margin-bottom: 30px; } .archive-search-wrap .search-form-lg .search-form button { position: static; } .archive-search-wrap .entry-thumbnail-wrap { width: 150px !important; } .archive-search-wrap .no-image { width: 150px !important; height: inherit !important; } } @media (max-width: 480px) { article .post-author-info { padding-right: 0; } article .post-author-info img { float: none; margin: 0 auto 20px auto; max-width: 100%; display: block; } article .post-author-info .author-info-inner { overflow: inherit; margin-right: 30px; } ol.commentlist img.avatar { display: none; } .comment-text { padding-left: 0; } ol.commentlist ul.children { padding-left: 0; } .post-navigation-title { display: none; } .post-navigation .post-navigation-label { margin-bottom: 0; } .archive-search-wrap .entry-thumbnail-wrap { width: inherit !important; float: inherit !important; } .archive-search-wrap .entry-content-wrap { padding: 30px 20px; background-color: #fafafa; } .archive-search-wrap .no-image { display: none; } } @media (max-width: 400px) { .pagination li { display: inline-block; margin-bottom: 5px; float: left; } } @media (max-width: 320px) { .entry-content-footer ul.social-profile { right: 0; left: auto; -webkit-transform: translateX(0%) translateY(5px); -moz-transform: translateX(0%) translateY(5px); -ms-transform: translateX(0%) translateY(5px); -o-transform: translateX(0%) translateY(5px); transform: translateX(0%) translateY(5px); } .entry-content-footer .social-share-wrap { position: absolute; right: 15px; margin: 0; } .jp-details { display: none; } .blog-paging-default { margin-top: 25px; } .blog-paging-default { height: 34px; } .blog-paging-default .pagination > li > a, .blog-paging-default .pagination > li > span { line-height: 34px; } .blog-paging-default .pagination > li > a.prev, .blog-paging-default .pagination > li > span.prev, .blog-paging-default .pagination > li > a.next, .blog-paging-default .pagination > li > span.next { padding: 5px 10px; } .blog-paging-default .pagination > li > a.prev i, .blog-paging-default .pagination > li > span.prev i, .blog-paging-default .pagination > li > a.next i, .blog-paging-default .pagination > li > span.next i { margin: 0; } /*Single Blog*/ .post-author-info .author-info-inner { margin-right: 30px; } .post-author-info .author-info-inner .author-title-social .title-job { float: inherit; } .post-author-info .author-info-inner .author-title-social .social-profile { position: static; display: block; margin-top: 25px; } } /* Jp-player*/ .jp-type-single { background-color: #444; color: #fff; } .jp-details { height: 100px; padding: 0 25px; position: relative; font-family: 'Oswald'; font-size: 14px; } .jp-details:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .jp-details-inner { display: inline-block; max-width: 95%; vertical-align: middle; } .jp-title { text-transform: uppercase; line-height: 1.6; font-size: 14px; margin-right: 55px; } .jp-time-holder { display: block; height: 100px; position: absolute; right: 25px; top: 0; margin: auto; bottom: 0; } .jp-time-holder:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .jp-time-holder div { display: inline-block; } .jp-current-time { color: #9261aa; } .jp-interface { background-color: #666; height: 70px; } .jp-controls { width: 70px; height: 100%; display: inline-block; border-right: 1px solid #888; text-align: center; margin-right: 20px; } a.jp-play, a.jp-pause { font-size: 30px; } a.jp-play i, a.jp-pause i { line-height: 70px; color: #fff; } .jp-progress { display: inline-block; height: 100%; vertical-align: top; width: calc(100% - 110px); position: relative; } .jp-seek-bar { height: 11px; background: #fff; position: absolute; top: 0; bottom: 0; margin: auto; } .jp-play-bar { background-size: 11px 11px; background-color: #9261aa; height: 100%; } .embed-responsive.embed-responsive-16by9 { padding-bottom: 47.3684210526%; } .embed-responsive.embed-responsive-blog-related { padding-bottom: 65%; } /* Search Pages */ .archive-search-wrap { color: #525252; } .archive-search-wrap .blog-paging-default { margin-bottom: 45px; } .archive-search-wrap .entry-thumbnail-wrap { width: 270px; float: left; } .archive-search-wrap .entry-thumbnail-overlay img { width: inherit; } .archive-search-wrap .no-image { height: 181px; width: 270px; float: left; position: relative; background-color: #eeeeee; padding: 10px; border: 1px solid #eeeeee; background-clip: content-box; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'Oswald'; text-transform: uppercase; font-size: 24px; letter-spacing: 0.05em; } .archive-search-wrap .no-image .no-image-inner { display: inline-block; margin: 0 auto; position: relative; text-align: center; vertical-align: middle; } .archive-search-wrap .no-image:before { content: ""; display: inline-block; padding-top: 65%; vertical-align: middle; } .archive-search-result h6 { letter-spacing: 0.05em; border-bottom: 1px solid #eeeeee; padding-bottom: 25px; margin-bottom: 45px; line-height: 1.6; } .archive-search-box { padding-bottom: 60px; } .archive-search-box .heading { margin-bottom: 30px; } .archive-search-box .heading:after { margin-top: 10px; } .archive-search-box h6 { margin-bottom: 0; line-height: 1.6; } .archive-search-box p { display: block; margin-bottom: 0px; } .archive-search-wrap-inner { margin-top: 60px; } .archive-search-wrap-inner article { padding-bottom: 55px; border-bottom: 1px solid #eeeeee; } .archive-search-wrap-inner article + article { margin-top: 55px; } .archive-search-wrap-inner .search-icon { width: 47px; height: 47px; background: #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: left; position: relative; text-align: center; } .archive-search-wrap-inner span.icon-menu { position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; } .archive-search-wrap-inner .entry-content-wrap { position: relative; overflow: hidden; padding-left: 25px; } .archive-search-wrap-inner h3.entry-post-title { font-size: 18px; margin-bottom: 15px; } .archive-search-wrap-inner .entry-post-type { font-style: italic; } .archive-search-wrap-inner .entry-excerpt { margin-top: 20px; } span.icon-menu { width: 15px; height: 1px; background: #444; display: inline-block; position: relative; vertical-align: middle; } span.icon-menu:after, span.icon-menu:before { content: ""; display: block; width: 100%; height: 1px; background: #444; position: absolute; top: -5px; } span.icon-menu:after { top: 5px; } /* Author Info*/ .post-author-info { padding: 40px 30px 40px 0; background-color: #F9F9F9; border: 1px solid #eeeeee; margin-top: 60px; } .post-author-info img { float: left; width: 100px; margin: 0 20px 0 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .author-info-inner { position: relative; overflow: hidden; margin-left: 30px; } .author-info-inner .author-title-social { position: relative; width: 100%; display: inline-block; margin-bottom: 20px; } .author-info-inner .author-title-social .title-job { float: left; } .author-info-inner .author-title-social ul.social-profile { position: absolute; height: 24px; margin: auto; right: 0; top: 0; bottom: 0; } .author-info-inner .author-title-social ul.social-profile li + li { margin-left: 15px; } .author-info-inner .author-title-social ul.social-profile li { display: inline-block; } .author-info-inner .author-title-social ul.social-profile li:hover a i { color: #30a8cc; } .author-info-inner .author-title-social ul.social-profile li a { background-color: transparent; } .author-info-inner .author-title-social ul.social-profile li a i { color: #CDCDCD; font-size: 14px; } .author-info-inner h6 { font-size: 18px; line-height: 2; margin-bottom: 0; } .author-info-inner h6 a { color: #222222; } .author-info-inner span.job-author { position: relative; text-transform: uppercase; font-size: 13px; line-height: 2; padding-bottom: 20px; } .author-info-inner span.job-author:after { content: ""; display: block; position: absolute; bottom: 0; height: 2px; width: 25px; background-color: #ffbd33; } .author-info-inner p { margin-bottom: 0; } /* Post Related*/ .post-related-wrap { margin-top: 60px; } .post-related-wrap .no-image { position: relative; background-color: #eeeeee; padding: 10px; border: 1px solid #eeeeee; background-clip: content-box; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'Oswald'; text-transform: uppercase; font-size: 24px; letter-spacing: 0.05em; } .post-related-wrap .no-image .no-image-inner { display: inline-block; margin: 0 auto; position: relative; text-align: center; vertical-align: middle; } .post-related-wrap .no-image:before { content: ""; display: inline-block; padding-top: 65%; vertical-align: middle; } .post-related-wrap .entry-thumbnail-wrap { margin-bottom: 20px; } .post-related-wrap h3.entry-post-title { font-size: 15px; margin-bottom: 5px; } .post-related-wrap .entry-post-meta-wrap { margin: 0; } .post-related-wrap .entry-post-meta-wrap ul.entry-meta li { margin-right: 0; line-height: 1.6; } .post-related-wrap .entry-post-meta-wrap ul.entry-meta li + li:before { content: "|"; padding: 0 2px; display: inline; vertical-align: middle; color: #666; } .post-related-wrap .entry-post-meta-wrap ul.entry-meta li a { color: #666; } .post-related-wrap .entry-post-meta-wrap ul.entry-meta li a:hover { color: #9261aa; } .post-related-wrap article.format-video > .entry-thumbnail-wrap > .entry-thumbnail a.prettyPhoto { width: 50px; height: 50px; font-size: 50px; line-height: 50px; } .post-related-wrap .entry-thumbnail-wrap .owl-carousel .owl-controls .owl-nav .owl-prev, .post-related-wrap .entry-thumbnail-wrap .owl-carousel .owl-controls .owl-nav .owl-next { height: 34px; width: 34px; font-size: 18px; line-height: 32px; } /* Comments */ .entry-comments { margin-top: 60px; } h3.comments-title { font-size: 18px; color: #222222; line-height: 1.1; letter-spacing: 0.05em; padding: 21px 0; margin-bottom: 50px; position: relative; padding-bottom: 20px; } h3.comments-title:after { content: ""; display: block; position: absolute; height: 2px; width: 44px; background-color: #ffbd33; bottom: 0; } .entry-comments-list { margin-bottom: 60px; } ol.commentlist { list-style-type: none; padding: 0; margin: 0; } ol.commentlist li + li { padding-top: 60px; } ol.commentlist img.avatar { width: 120px; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 0; margin: 0 30px 0 0; } ol.commentlist ul.children { padding-left: 100px; margin-top: 60px; list-style: none; } ol.commentlist ul.children img.avatar { width: 120px; } ol.commentlist ul.children > ul.children { padding-left: 70px; } ol.commentlist .comment-respond { padding-top: 30px; border-top: 1px solid #eeeeee; margin-top: -1px; padding-bottom: 30px; border-bottom: 1px solid #eeeeee; margin-bottom: 30px; } .comment-text { position: relative; overflow: hidden; border-bottom: 1px solid #eeeeee; padding-bottom: 30px; } .comment-text .author { margin-bottom: 15px; } .comment-text .author-name { font-size: 16px; text-transform: uppercase; letter-spacing: 0.05em; line-height: 1.6; display: inline-block; vertical-align: middle; margin-bottom: 10px; color: #222222; } .comment-text .author-name a { color: #222222; } .comment-text .text li + li { padding-top: 10px; } .comment-meta { text-transform: uppercase; font-size: 12px; vertical-align: middle; letter-spacing: 0; line-height: 2.2; color: #868686; } .comment-meta i { font-size: 13px; color: #9261aa; margin-right: 5px; } .comment-meta .comment-meta-date { margin-right: 5px; } .comment-reply-link { font-family: Lato, sans-serif; font-size: 12px; color: #fff; text-transform: uppercase; line-height: 20px; padding: 5px 27.5px; background-color: #30a8cc; position: absolute; right: 0; top: 0; } .comment-navigation { margin-bottom: 20px; border-bottom: 1px solid #eeeeee; padding: 0 0 20px 0; } .comment-navigation .page-numbers { font-size: 14px; color: #444; font-family: 'Oswald'; text-transform: uppercase; border: none; line-height: 1; padding: 0 10px; margin: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .comment-navigation .page-numbers:hover, .comment-navigation .page-numbers:focus, .comment-navigation .page-numbers.current { background-color: transparent; color: #9261aa; text-decoration: underline; } .comment-navigation-bottom { margin-bottom: 0; border-bottom: none; border-top: 1px solid #eeeeee; padding: 20px 0; } /* Comment Form*/ .comment-respond { float: left; width: 100%; } h3.comment-reply-title { position: relative; font-family: 'Oswald'; color: #222222; font-size: 18px; line-height: 1.2; letter-spacing: 0.05em; padding-bottom: 20px; margin-bottom: 35px; } h3.comment-reply-title:after { content: ""; display: block; position: absolute; bottom: 0; height: 2px; width: 45px; background-color: #ffbd33; } .comment-form { margin: 0 -15px; } .comment-form p { padding: 0 15px; float: left; width: 100%; } .comment-form p.form-submit { text-align: center; margin-bottom: 0; } .comment-form .form-group { margin-bottom: 30px; } .comment-form input[type="text"], .comment-form input[type="search"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form input[type="password"], .comment-form textarea { font-family: 'Roboto'; width: 100%; text-transform: uppercase; } .comment-form textarea { height: 100px; } .comment-form input[type="submit"] { text-transform: uppercase; line-height: 1.66666667; padding: 7.5px 28.5px; background-color: #30a8cc; border: none; color: #fff; } /* Single Blog */ .single-post-wrap { margin-bottom: 100px; } .single-post-wrap .entry-quote-wrap, .single-post-wrap .entry-thumbnail-wrap, .single-post-wrap .entry-link-wrap { margin-bottom: 55px; } .single-post-wrap .entry-post-title { max-height: inherit; } .single-post-wrap .entry-content-wrap .entry-meta-tag-wrap .entry-meta-tag.tagcloud { margin-right: 300px; } .single-post-wrap .entry-content-wrap .entry-meta-tag-wrap .entry-meta-tag.tagcloud a { padding: 0; color: #222; font-size: 12px; } @media (max-width: 768px) { .single-post-wrap .entry-content-wrap .entry-meta-tag-wrap .entry-meta-tag.tagcloud { margin-right: 0 !important; } } .entry-content { /*Table*/ } .entry-content p:last-child { margin-bottom: 0; } .entry-content dd, .entry-content dt { line-height: 2.2; } .entry-content table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #eeeeee; margin-bottom: 30px; } .entry-content table > tbody > tr > td, .entry-content table > tbody > tr > th, .entry-content table > tfoot > tr > td, .entry-content table > tfoot > tr > th, .entry-content table > thead > tr > td, .entry-content table > thead > tr > th { font-size: 14px; line-height: 1.2; padding: 19px 30px; border-top: 1px solid #eeeeee; letter-spacing: 0.05em; vertical-align: middle; } .entry-content table > thead > tr > th { font-family: 'Oswald'; text-transform: uppercase; background-color: #9261aa; border-top: none; color: #fff; font-weight: 400; vertical-align: bottom; } .entry-content table.table-bordered { border: 1px solid #eeeeee; } .entry-content table.table-bordered > tbody > tr > td, .entry-content table.table-bordered > tbody > tr > th, .entry-content table.table-bordered > tfoot > tr > td, .entry-content table.table-bordered > tfoot > tr > th, .entry-content table.table-bordered > thead > tr > td, .entry-content table.table-bordered > thead > tr > th { border: 1px solid #eeeeee; } .entry-content table.table-bordered > thead > tr > td, .entry-content table.table-bordered > thead > tr > th { border-bottom-width: 1px; } .entry-content table.table-striped { border: none; } .entry-content table.table-striped > tbody > tr:nth-last-of-type(odd) { background-color: #f6f6f6; } .entry-content table.table-striped > tbody > tr > td, .entry-content table.table-striped > tbody > tr > th, .entry-content table.table-striped > tfoot > tr > td, .entry-content table.table-striped > tfoot > tr > th, .entry-content table.table-striped > thead > tr > td, .entry-content table.table-striped > thead > tr > th { border: none; } .entry-content table.table-center > tbody > tr > td, .entry-content table.table-center > tbody > tr > th, .entry-content table.table-center > tfoot > tr > td, .entry-content table.table-center > tfoot > tr > th, .entry-content table.table-center > thead > tr > td, .entry-content table.table-center > thead > tr > th { text-align: center; } .entry-content table.table-dark > thead > tr > th { background-color: #222222; } .entry-content table.table-hover > tbody > tr:hover { background-color: #f6f6f6; } .entry-content .table-striped > tbody > tr:nth-of-type(odd) { background-color: transparent; } .entry-content input[type="submit"] { font-family: 'Oswald'; font-size: 13px; line-height: 1.2; letter-spacing: 0.1em; text-align: center; text-transform: uppercase; min-width: 170px; padding: 16px 20px; background-color: #30a8cc; color: #fff; border: none; border-bottom: 2px solid rgba(0, 0, 0, 0.2); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .entry-content input[type="submit"]:hover { background-color: #9261aa; } .entry-meta-tag-wrap { position: relative; margin-top: 70px; padding: 22px 0 10px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .entry-meta-tag-wrap .social-share-wrap { margin: 0; } .entry-meta-tag label { font-size: 14px; color: #9261aa; text-transform: uppercase; font-weight: 400; line-height: 1.2; margin-right: 15px; } .entry-meta-tag + .social-share-wrap { margin: 0; position: absolute; right: 0; top: 10px; } blockquote { font-family: 'Oswald'; padding: 40px 40px; margin: 55px 0; font-size: 18px; line-height: 1.77777777; text-transform: uppercase; border-left: 10px solid #9261aa; background-color: #f9f9f9; color: #222222; } blockquote cite a { width: 100%; text-align: right; display: block; } blockquote p { letter-spacing: 0; line-height: 1.7777777; } /*Paging Load-more*/ .blog-paging-default { margin-top: 45px; text-align: center; position: relative; height: 36px; } .blog-paging-default ul.pagination { padding: 0; margin: 0; line-height: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .blog-paging-default .pagination > li > a, .blog-paging-default .pagination > li > span.current { width: 47px; background-color: #f7f7f7; } .blog-paging-default .pagination > li > a, .blog-paging-default .pagination > li > span { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; font-size: 14px; color: #444; text-transform: uppercase; border: none; line-height: 35px; height: 36px; padding: 0 10px; margin: 0 2px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .blog-paging-default .pagination > li > a.prev, .blog-paging-default .pagination > li > span.prev, .blog-paging-default .pagination > li > a.next, .blog-paging-default .pagination > li > span.next { padding: 13px 20px; line-height: 1; width: auto; } .blog-paging-default .pagination > li > a.prev span, .blog-paging-default .pagination > li > span.prev span, .blog-paging-default .pagination > li > a.next span, .blog-paging-default .pagination > li > span.next span, .blog-paging-default .pagination > li > a.prev i, .blog-paging-default .pagination > li > span.prev i, .blog-paging-default .pagination > li > a.next i, .blog-paging-default .pagination > li > span.next i { vertical-align: middle; } .blog-paging-default .pagination > li > a.prev i, .blog-paging-default .pagination > li > span.prev i, .blog-paging-default .pagination > li > a.next i, .blog-paging-default .pagination > li > span.next i { font-size: 24px; margin-top: -2px; } .blog-paging-default .pagination > li > a.prev, .blog-paging-default .pagination > li > span.prev { left: 0; } .blog-paging-default .pagination > li > a.prev i, .blog-paging-default .pagination > li > span.prev i { margin-right: 10px; } .blog-paging-default .pagination > li > a.next, .blog-paging-default .pagination > li > span.next { right: 0; } .blog-paging-default .pagination > li > a.next i, .blog-paging-default .pagination > li > span.next i { margin-left: 10px; } .blog-paging-load-more { text-align: center; padding-top: 60px; } .blog-paging-load-more .blog-load-more > span[class^='fa'] { letter-spacing: 0; } /** * 7.0 - Woccommerce * ---------------------------------------------------------------------------- */ .sc-title { font-size: 14px; text-transform: uppercase; letter-spacing: 0.05em; line-height: 2.2; margin-bottom: 50px; } .sc-title:after { content: ""; display: block; width: 45px; border: 1px solid #9261aa; margin-top: 5px; } ._checkbox { cursor: pointer; font-weight: normal; margin: 0 !important; padding-left: 24px; display: inline-block !important; height: 20px !important; line-height: 20px !important; position: relative; } ._checkbox > input[type="checkbox"] { display: none !important; } ._checkbox > input[type="checkbox"]:checked + i { color: #9261aa; } ._checkbox i { position: absolute; left: 0; top: 50%; width: 14px; height: 14px; line-height: 12px; font-size: 8px; border: 1px solid #ddd; text-align: center; background-color: #fff; color: #fff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } ._radio { position: relative; cursor: pointer; font-weight: normal; margin: 0; padding-left: 24px; display: inline-block; /*height: 20px;*/ line-height: 20px; } ._radio > input[type="radio"] { display: none !important; } ._radio > input[type="radio"]:checked + i.radio-button { background-color: #9261aa; } ._radio i.radio-button { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 14px; height: 14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 3px solid #FFFFFF; box-shadow: 0 0 0 1px #DDDDDD; background-color: #FFFFFF; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .layout-container-fluid.archive-product-wrap { padding: 0 15px; } .site-content-archive-product, .single-product-wrap { margin-bottom: 100px; } .site-content-archive-product .hd-block, .single-product-wrap .hd-block { color: #222; font-size: 18px; font-weight: bold; position: relative; margin-bottom: 45px; } .site-content-archive-product .hd-block:before, .single-product-wrap .hd-block:before { content: ""; width: 44px; border-bottom-style: solid; border-bottom-width: 2px; position: absolute; top: 100%; margin-top: 18px; } .site-content-archive-product .product_title.hd-block, .single-product-wrap .product_title.hd-block { margin-bottom: 78px; } .archive-product-wrap, .woocommerce-sidebar, .site-content-single-product { margin-bottom: 40px; } .tooltip-inner { white-space: nowrap; } /* -------------------------------------------- CATALOG FILTER -------------------------------------------- */ .catalog-filter { font-size: 13px; letter-spacing: 0.05em; margin-bottom: 60px; } .catalog-filter .archive-search-result h6 { margin-bottom: 0; color: #222; } .catalog-filter-inner { color: #fff; padding: 0 20px; } .catalog-filter-inner .woocommerce-result-count { line-height: 1.8; text-transform: uppercase; margin-top: 16px !important; } .filter-category-wrap { display: inline-block; float: right; } .filter-category-wrap label { margin-bottom: 0; } .filter-category-wrap .view-switcher { display: inline-block; padding-left: 20px; } .filter-category-wrap .view-switcher a { margin-left: 15px; font-size: 14px; color: #fff; opacity: 0.5; } .filter-category-wrap .view-switcher a.active, .filter-category-wrap .view-switcher a:hover { opacity: 1; } .filter-category-wrap .w-cat { position: relative; display: inline-block; } .filter-category-wrap .w-cat label:before { content: "\f0d7"; position: absolute; font-family: 'FontAwesome'; top: 16px; right: 10px; pointer-events: none; } .filter-category-wrap select { border: none; background: none; color: #fff; font-weight: 400; height: 54px; text-transform: uppercase; cursor: pointer; padding-right: 20px; } .filter-category-wrap select option { color: #333; background-color: #FFFFFF; } .product-filter { text-transform: uppercase; vertical-align: middle; float: left; } .product-filter .icon-menu { margin-right: 15px; margin-top: -2px; } .product-filter:hover .icon-menu, .product-filter:hover .icon-menu:after, .product-filter:hover .icon-menu:before { background-color: #9261aa; } .product-filter + .catalog-filter-inner { float: right; } .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count { margin: 0; } .woocommerce .woocommerce-ordering select { height: 41px; padding: 0 20px; color: #444; } .woocommerce-result-count { line-height: 41px; padding-right: 30px; } .catalog-filter-disable, .result-count-disable .woocommerce-result-count, .catalog-ordering-disable .woocommerce-ordering, .product-filter-disable .product-filter { display: none; } .woocommerce .star-rating { float: none; font-size: 12px; width: 86px; height: 12px; letter-spacing: 5px; } .woocommerce .star-rating:before { color: #aaa; content: "\53\53\53\53\53"; } .woocommerce .star-rating span { color: #FFBF00; } .woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce div.product td.price { font-size: 18px; letter-spacing: 0.05em; font-weight: normal; line-height: 1; margin: 0; display: inline; z-index: 3; position: absolute; right: 0px; top: 28px; } .woocommerce div.product span.price ins, .woocommerce div.product p.price ins, .woocommerce div.product td.price ins, .woocommerce div.product span.price del, .woocommerce div.product p.price del, .woocommerce div.product td.price del { display: inline-block; text-decoration: none; font-weight: inherit; font-style: inherit; padding: 0px; } .woocommerce div.product span.price del, .woocommerce div.product p.price del, .woocommerce div.product td.price del { color: #aaa; opacity: 1; } .woocommerce div.product td.price { display: inline-block; font-size: 14px; } .woocommerce-paging .blog-paging-default { margin: 0; } .shop-page-content-after, .single-product-bottom-sidebar { border-top: 1px solid #eeeeee; } .woocommerce-paging + .shop-page-content-after { border-top: none; } table.compare-list .add-to-cart td a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce input.button.alt { font-family: 'Roboto'; font-size: 13px; color: #fff; line-height: 1.2 !important; letter-spacing: 0.1em; text-transform: uppercase; font-weight: normal; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; padding: 10px 20px; min-width: 150px; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } table.compare-list .add-to-cart td a:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #444; color: #fff; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { padding: 10px 15px; min-width: 0; font-size: 12px; } .product-flash-wrap { position: absolute; right: 0; top: 30px; z-index: 3; } .product-flash { font-family: 'Oswald'; font-size: 13px; font-weight: normal; text-transform: uppercase; color: #fff; padding: 0 5px; height: 23px; line-height: 23px; display: block; text-align: center; min-width: 44px; } .product-flash + .product-flash { margin-top: 5px; } .on-sale, .on-hot { border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; } .on-sold { background-color: #DDBE86; } .on-hot { background-color: #FF4D4D; } .woocommerce div.product form.cart div.quantity, .product-quantity div.quantity { margin: 0; } .woocommerce div.product form.cart div.quantity .quantity-inner, .product-quantity div.quantity .quantity-inner { width: 121px; margin-left: auto; margin-right: auto; position: relative; } .woocommerce div.product form.cart div.quantity .quantity-inner .qty, .product-quantity div.quantity .quantity-inner .qty { width: 65px; height: 32px; padding-left: 0; padding-right: 0; text-align: center; margin-bottom: 0; color: #222; } .woocommerce div.product form.cart div.quantity .quantity-inner .btn-number, .product-quantity div.quantity .quantity-inner .btn-number { position: absolute; width: 29px; border: 1px solid #DDDDDD; padding: 0; right: 0; background-color: transparent; font-size: 14px; display: inline-block; } .woocommerce div.product form.cart div.quantity .quantity-inner .btn-number:hover, .product-quantity div.quantity .quantity-inner .btn-number:hover { color: #fff; } .woocommerce div.product form.cart div.quantity .quantity-inner .btn-number[data-type="minus"], .product-quantity div.quantity .quantity-inner .btn-number[data-type="minus"] { height: 32px; left: 0; } .woocommerce div.product form.cart div.quantity .quantity-inner .btn-number[data-type="plus"], .product-quantity div.quantity .quantity-inner .btn-number[data-type="plus"] { height: 32px; right: 0; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { /*height: 40px; background-color: #F5F5F5; color: #858585; font-size: 14px;*/ } .woocommerce form .form-row textarea { height: 130px; } .woocommerce form .form-row label { font-size: 15px; line-height: 1.2; letter-spacing: 0.1em; margin-bottom: 10px; font-weight: normal; } .woocommerce form .form-row label.inline input[type=checkbox], .woocommerce form .form-row label.inline input[type=radio] { margin: auto; vertical-align: middle; } .woocommerce form .form-row { padding: 0; margin-bottom: 30px !important; } .woocommerce form .form-row .required { color: #9261aa; } /* -------------------------------------------- PRODUCT LISTING -------------------------------------------- */ .product-listing.woocommerce { margin: 0 -15px; } .product-listing.woocommerce .product-item-wrap { float: left; padding: 0 15px 60px 15px; } .product-listing.woocommerce .rating-disable .star-rating, .product-listing.woocommerce .count-comment-disable .comment-count { display: none !important; } .product-listing.woocommerce .product-item-inner { position: relative; } .product-listing.woocommerce .product-thumb img { width: 100%; } .product-listing.woocommerce .product-thumb { position: relative; background-color: #F7F7F7; border-bottom-style: solid; border-bottom-width: 5px; } .product-listing.woocommerce .product-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; visibility: hidden; -webkit-transition: 0.3s all 0.001s ease-out; -moz-transition: 0.3s all 0.001s ease-out; -ms-transition: 0.3s all 0.001s ease-out; -o-transition: 0.3s all 0.001s ease-out; transition: 0.3s all 0.001s ease-out; } .product-listing.woocommerce .add-to-cart-wrap { display: inline-block; vertical-align: middle; } .product-listing.woocommerce .product-actions { position: absolute; bottom: 0; left: 0; right: 0; top: 0; height: 45px; text-align: center; margin: auto; z-index: 3; font-size: 14px; color: #fff; } .product-listing.woocommerce .product-actions span.comment-count, .product-listing.woocommerce .product-actions .star-rating { padding-right: 15px; padding-left: 15px; } .product-listing.woocommerce .product-actions span.comment-count, .product-listing.woocommerce .product-actions .star-rating { display: none; } .product-listing.woocommerce .product-actions .added-spinner { color: #FFFFFF; } .product-listing.woocommerce .product-info { padding: 25px 0 0 0; position: relative; } .product-listing.woocommerce .star-rating { margin: 15px auto 0 auto; } .product-listing.woocommerce .product-name { font-size: 18px; display: inline-block; margin-bottom: 14px; line-height: 1.4; letter-spacing: 0.02em; padding-right: 110px; } .product-listing.woocommerce .product-name a { color: #212121; } .product-listing.woocommerce.sale .product-name { padding-right: 115px; } .product-listing.woocommerce .excerpt { max-height: 72px; overflow: hidden; margin-bottom: 25px; } .product-listing.woocommerce .excerpt p { margin: 0; } .product-listing.woocommerce .course-meta { line-height: 1.4; position: relative; margin-bottom: 45px; color: #717171; text-transform: uppercase; } .product-listing.woocommerce .course-meta:before { content: ""; width: 35px; position: absolute; border-bottom-style: solid; border-bottom-width: 2px; top: 100%; margin-top: 20px; } .product-listing.woocommerce .course-meta a { color: #717171; } .product-listing.woocommerce .product-item-wrap.active .product-actions span.comment-count, .product-listing.woocommerce .product-item-wrap:hover .product-actions span.comment-count, .product-listing.woocommerce .product-item-wrap.active .product-actions .star-rating, .product-listing.woocommerce .product-item-wrap:hover .product-actions .star-rating { display: inline-block; } .product-listing.woocommerce .product-item-wrap.active .product-link, .product-listing.woocommerce .product-item-wrap:hover .product-link { opacity: 1; visibility: visible; } .product-listing.woocommerce.columns-2 .product-item-wrap { width: 50%; } .product-listing.woocommerce.columns-2 .product-item-wrap:nth-child(2n+1) { clear: both; } .product-listing.woocommerce.columns-3 .product-item-wrap { width: 33.33333333%; } .product-listing.woocommerce.columns-3 .product-item-wrap:nth-child(3n+1) { clear: both; } .product-listing.woocommerce.columns-4 .product-item-wrap { width: 25%; } .product-listing.woocommerce.columns-4 .product-item-wrap:nth-child(4n+1) { clear: both; } .product-listing.woocommerce.view-list.columns-3 .product-item-wrap, .product-listing.woocommerce.view-list.columns-4 .product-item-wrap { width: 100%; } .product-listing.woocommerce.view-list.columns-3 .product-item-wrap .product-thumb, .product-listing.woocommerce.view-list.columns-4 .product-item-wrap .product-thumb { width: 33.33333333%; float: left; } .product-listing.woocommerce.view-list.columns-3 .product-item-wrap .product-info, .product-listing.woocommerce.view-list.columns-4 .product-item-wrap .product-info { width: 66.66666667%; float: left; padding-left: 30px; padding-top: 0; } .product-listing.woocommerce.view-list.columns-3 .product-item-wrap .price, .product-listing.woocommerce.view-list.columns-4 .product-item-wrap .price { top: 2px; } .product-listing.woocommerce.product-slider { margin: 0; } .product-listing.woocommerce.product-slider .product-item-wrap { float: none; padding: 0 0 60px 0; } /*-------------------------------------------- COMPARE ---------------------------------------------*/ .woocommerce-compare-page h1 { font-size: 24px; background-color: #f4f4f4; color: #444; } /*-------------------------------------------- FILTER ---------------------------------------------*/ #product-filter-wrap { position: fixed; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 99999; background-color: #fff; width: 337px; max-width: 100%; margin: auto; top: 0; bottom: 0; left: -100%; padding: 30px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } #product-filter-overlay { opacity: 0; position: fixed; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(68, 68, 68, 0.5); z-index: -1; pointer-events: none; overflow: hidden; -webkit-transition: opaciry .3s ease; -moz-transition: opaciry .3s ease; -ms-transition: opaciry .3s ease; -o-transition: opaciry .3s ease; transition: opaciry .3s ease; } body.product-filter-in #product-filter-wrap { left: 0; } body.product-filter-in #product-filter-overlay { opacity: 1; z-index: 99999; pointer-events: auto; cursor: url(assets/images/close.png) 15 15, default; } /* -------------------------------------------- SINGLE PRODUCT INFO -------------------------------------------- */ .single-product .quantity { display: none; } .single-product .heading h2 { font-weight: 700; } .single-product button.single_add_to_cart_button { width: 100%; font-size: 16px; padding-top: 18px; padding-bottom: 18px; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; } .single-product .single-product-info .content-icon-list ul { list-style: none; padding-left: 0; } .single-product .single-product-info .content-icon-list ul li:before { content: "\f00c"; font-family: 'FontAwesome'; padding-right: 8px; } .single-product #tab-reviews #comments h2, .single-product #tab-reviews .comment-respond h3.comment-reply-title { font-size: 18px; line-height: 1.8; color: #222; padding-bottom: 0; position: relative; margin-bottom: 42px; border-bottom: none; font-weight: 700; } .single-product #tab-reviews #comments h2:before, .single-product #tab-reviews .comment-respond h3.comment-reply-title:before { width: 44px; content: ""; position: absolute; top: 100%; margin-top: 12px; border-bottom-style: solid; border-bottom-width: 2px; } .single-product #tab-reviews #comments h2:after, .single-product #tab-reviews .comment-respond h3.comment-reply-title:after { display: none; } .single-product-image { position: relative; } .instructor-wrap .instructor img { width: 100px; height: 100px; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; float: left; } .instructor-wrap .instructor > div { float: left; padding-left: 20px; } .instructor-wrap .instructor > div span { display: block; } .instructor-wrap .instructor > div .name h4 { margin-bottom: 0; font-weight: 400; } .instructor-wrap .instructor > div ul { padding-left: 0; list-style: none; } .instructor-wrap .instructor > div ul li { display: inline-block; float: left; padding-left: 10px; padding-right: 10px; } .instructor-wrap .instructor > div ul li i { color: #cdcdcd; } .instructor-wrap .instructor > div ul li:first-child { padding-left: 0; } .instructor-wrap .instructor > div ul li:last-child { padding-right: 0; } .instructor-wrap .social .fa-facebook:hover { color: #3b5998; } .instructor-wrap .social .fa-twitter:hover { color: #00aced; } .instructor-wrap .social .fa-google-plus:hover { color: #dd4b39; } .instructor-wrap .social .fa-tumblr:hover { color: #34465D; } .instructor-wrap .social .fa-linkedin:hover { color: #007bb5; } .instructor-wrap .social .fa-pinterest:hover { color: #d60009; } .instructor-wrap .owl-carousel .owl-item { -webkit-perspective: 500px; /* Chrome, Safari, Opera */ perspective: 500px; } @media (max-width: 600px) { .instructor-wrap .instructor img { margin-left: 15px; } } #tab-description, #tab-reviews { margin-top: 60px; } .product-image-slider-wrap { margin-bottom: 15px; } #single-product-image { opacity: 0; margin-bottom: 60px; } .product-image-thumb-wrap { margin: 0 -5px; } .single-product-image-inner img { display: block; width: 100%; } .product-image-thumb-item { position: relative; outline: none; cursor: pointer; padding: 5px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .product-image-thumb-item .woocommerce-thumbnail-image { display: block; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .product-image-thumb-item .woocommerce-thumbnail-image:before { position: absolute; content: ""; display: block; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.4); } .product-image-thumb-item:hover .woocommerce-thumbnail-image, .product-image-thumb-item.synced .woocommerce-thumbnail-image { -webkit-box-shadow: 0 0 0 1px #ddd; -moz-box-shadow: 0 0 0 1px #ddd; box-shadow: 0 0 0 1px #ddd; } .product-image-thumb-item:hover .woocommerce-thumbnail-image:before, .product-image-thumb-item.synced .woocommerce-thumbnail-image:before { opacity: 0; } /* -------------------------------------------- COURSE SECTION -------------------------------------------- */ .course-section { color: #fff; } .course-section, .lesson-title { padding: 15px 20px; text-transform: uppercase; line-height: 1.5; position: relative; } .course-section > a, .lesson-title > a { display: inline-block; padding-right: 310px; } .course-section .meta, .lesson-title .meta { display: inline-block; position: absolute; right: 20px; top: 15px; } .course-section .meta span, .lesson-title .meta span { margin-left: 10px; display: inline-block; text-align: right; } .course-section .meta .preview-video, .lesson-title .meta .preview-video { min-width: 80px; text-align: left; } .course-section .meta .estimate-time, .lesson-title .meta .estimate-time { min-width: 70px; } .course-section .meta .badge, .lesson-title .meta .badge { min-width: 100px; background-color: transparent; font-weight: 400; color: #000; padding-left: 0; padding-right: 0; } .course_lessons_section .panel-group { margin-bottom: 0; } .course_lessons_section .lesson-title { margin-bottom: 1px; } .course_lessons_section .lesson-title.expanded { margin-bottom: 0; } .course_lessons_section .lesson-title a { color: #222; } .course_lessons_section .lesson-title a i { color: #aaa; padding-left: 5px; } .course_lessons_section .lesson-title a i:before { -webkit-transition: all 0.3s; transition: all 0.3s; -moz-transition: all 0.3s; } .course_lessons_section .lesson-title a.expand i:before { content: "\f0d8"; } .lesson-content { padding: 20px; margin-bottom: 1px; } .course_lessons_section .lesson-title:nth-child(even), .course_lessons_section .lesson-content:nth-child(even) { background-color: #f8f8f8; } .course_lessons_section .lesson-title:nth-child(odd), .course_lessons_section .lesson-content:nth-child(odd) { background-color: #f4f4f4; } .widget-course .course-item-wrap, .widget.woocommerce .course-item-wrap { padding: 15px; clear: both; } .widget-course .course-item-wrap .course-thumb, .widget.woocommerce .course-item-wrap .course-thumb { width: 80px; float: left; } .widget-course .course-item-wrap .course-info, .widget.woocommerce .course-item-wrap .course-info { padding-left: 105px; margin-top: -6px; } .widget-course .course-item-wrap .course-info > a.course-title, .widget.woocommerce .course-item-wrap .course-info > a.course-title { text-transform: uppercase; color: #222; } .widget-course .course-item-wrap .course-info > span, .widget.woocommerce .course-item-wrap .course-info > span { display: block; text-transform: uppercase; line-height: 1.8; } .widget-course .course-item-wrap del, .widget.woocommerce .course-item-wrap del { display: none; } .widget-course .course-item-wrap ins, .widget.woocommerce .course-item-wrap ins { display: inline-block; } .course-cat-list .course { overflow-x: auto; } .course-cat-list .course-cat table { border: none; min-width: 1170px; } .course-cat-list .course-cat table > thead > tr > th, .course-cat-list .course-cat table > tbody > tr > td { padding: 15px 20px; font-size: 12px; border-top: none; } .course-cat-list .course-item { padding: 7px 20px; line-height: 36px; border-bottom: solid 1px #fff; position: relative; } .course-cat-list .course-item:nth-child(odd) { background-color: #f8f8f8; } .course-cat-list .course-item:nth-child(even) { background-color: #f4f4f4; } .course-cat-list .course-item .schedule-meta { top: 8px; } .course-cat-list .name { text-transform: uppercase; display: inline-block; width: 700px; } .course-cat-list .name a { color: #222; } .course-cat-list .location, .course-cat-list .date, .course-cat-list .duration { padding-left: 10px; text-transform: uppercase; display: inline-block; } .course-cat-list .location { min-width: 150px; } .course-cat-list .date { min-width: 160px; } .course-cat-list .duration { min-width: 130px; } .course-cat-list .woocommerce-paging { margin-top: 60px; } @media (max-width: 768px) { .course-cat-list .course-cat table { min-width: 870px; } .course-cat-list .name { width: 400px; } } @media (max-width: 450px) { .filter-category-wrap { width: 100%; } .filter-category-wrap select { padding-left: 0; } } .course-categories-sc select { width: 100%; display: none; margin-bottom: 70px; line-height: 1.8; text-transform: uppercase; } .course-categories-sc ul.icon { list-style: none; padding-left: 0; margin-bottom: 70px; float: left; padding-top: 10px; width: 100%; } .course-categories-sc ul.icon li { display: inline-block; color: #fff; width: 14.2735%; text-align: center; height: 122px; line-height: 100px; float: left; border: solid 10px transparent; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .course-categories-sc ul.icon li.active { border-color: rgba(0, 0, 0, 0.1); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .course-categories-sc ul.icon a { color: #fff; font-size: 40px; } .course-categories-sc ul.icon .tooltip > .tooltip-inner { background-color: #fff; color: #222; } .course-categories-sc ul.icon .tooltip > .tooltip-arrow { border-top-color: #fff; } .course-categories-sc ul.text { padding-left: 0; text-align: center; margin-bottom: 70px; border-top: solid 1px #eee; border-bottom: solid 1px #eee; margin-top: 2px; position: relative; } .course-categories-sc ul.text li { display: inline-block; padding: 4px 20px; line-height: 1.8; } .course-categories-sc ul.text li a { font-size: 28px; text-transform: uppercase; color: #222; } .course-categories-sc ul.text li.magic-line { position: absolute; left: 0; width: 0; height: 3px; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .course-categories-sc ul.text li.bottom.magic-line { bottom: -2px; } .course-categories-sc ul.text li.top.magic-line { top: -2px; } .course-categories-sc .heading h2 { font-weight: 400; display: inline-block; font-size: 28px; } .course-categories-sc .heading a.bt { float: right; } .course-categories-sc .heading:after { margin-bottom: 60px; } .course-categories-sc .view-all-wrap { text-align: center; } .course-categories-sc .product-listing.woocommerce .course-meta:before { border-bottom-style: none; } .course-categories-sc .product-listing.woocommerce .course-meta { margin-bottom: 0; } .course-categories-sc .product-listing.woocommerce .excerpt, .course-categories-sc .product-listing.woocommerce .button-view-more { display: none; } .course-categories-sc .course-tab { display: none; } .course-categories-sc .course-tab.active { display: block; } @media (max-width: 767px) { .course-categories-sc select { display: block; } .course-categories-sc ul { display: none; } .course-categories-sc li.magic-line { display: none; } } .lesson-content { display: none; } @media (min-width: 1230px) { .single-product-image-wrap:not(.has-sidebar) { padding-right: 0; padding-left: 0; } .single-product-image-inner { position: relative; } .single-product-image-inner.vertical .product-image-slider-wrap { padding-left: 130px; } .single-product-image-inner.vertical .product-image-thumb-wrap { position: absolute; width: 130px; margin: 0; height: 100%; top: 0; left: 0; padding: 0 14px; overflow: hidden; } .single-product-image-inner.vertical .product-image-thumb-item { margin-bottom: 30px; padding: 0; } .single-product-image-inner.vertical .product-image-slider-wrap { margin-bottom: 0; } .single-product-image-wrap.has-sidebar { padding-right: 0; } .summary-product { padding-left: 15px; } } .summary-product .product_title { font-size: 24px; letter-spacing: 0.05em; margin-bottom: 25px; font-weight: normal; } .summary-product .meta { clear: both; opacity: 0; } .summary-product .meta > span { color: #fff; display: inline-block; padding: 20px; float: left; text-transform: uppercase; } .summary-product .meta > span.lb { width: 45%; border-right: solid 1px #fff; border-bottom: solid 1px #fff; min-height: 65px; } .summary-product .meta > span.if { width: 55%; min-height: 65px; border-bottom: solid 1px #fff; } .summary-product del, .summary-product ins { display: block; } .summary-product ins { text-decoration: none; } .summary-product del span, .summary-product ins span { float: none !important; height: auto !important; padding: 0 !important; display: inline !important; } .summary-product .variations_form.cart table { width: 100%; border: none; margin-top: 60px; } .summary-product .variations_form.cart tr, .summary-product .variations_form.cart td { display: inline-block; padding: 0; width: 100%; } .summary-product .variations_form.cart tr.options { background-color: #fcfcfc; border: solid 1px #eee; padding: 30px; } .summary-product .variations_form.cart .label .widget-title { text-align: left; } .summary-product .variations_form.cart select { width: 100%; line-height: 1.8; } .summary-product .variations_form.cart .single_variation_wrap .quantity { display: none !important; } .summary-product .variations_form.cart .single_variation_wrap .single_variation { text-align: center; } .summary-product .variations_form.cart .single_variation_wrap .price del, .summary-product .variations_form.cart .single_variation_wrap .price ins { display: inline-block; font-size: 14px; text-transform: uppercase; } .summary-product .variations_form.cart .single_variation_wrap .price ins { padding-left: 10px; font-size: 18px; } .summary-product .stock.in-stock { display: none; } .woocommerce nav.woocommerce-pagination { margin-top: 30px; } .woocommerce nav.woocommerce-pagination ul { border: none; } .woocommerce nav.woocommerce-pagination ul li { border: none; margin-left: 2px; margin-right: 2px; } .woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a { width: 47px; height: 36px; line-height: 23px; font-size: 14px; background-color: #f7f7f7; color: #444; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { color: #fff; } .woocommerce div.product p.price { font-size: 18px; margin-bottom: 30px; } .woocommerce .woocommerce-product-rating .star-rating { float: none; display: inline-block; vertical-align: middle; margin: 0 15px 0 0; } a.woocommerce-review-link { display: inline-block; vertical-align: middle; letter-spacing: 0.05em; } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 30px; } .woocommerce div.product form.cart, .woocommerce div.product p.cart { margin-bottom: 35px; } .woocommerce div.product .cart .button { height: 50px; line-height: 50px !important; padding: 0 20px; } .woocommerce div.product .cart .button:before { font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e1b1"; display: inline-block; font-size: 20px; vertical-align: middle; margin-right: 10px; margin-top: -4px; } .woocommerce div.product form.cart div.quantity { margin-right: 20px; } .product_meta { font-size: 13px; font-style: italic; margin-bottom: 30px; } .product_meta > span { display: block; } .product_meta > span + span { margin-top: 5px; } .product_meta label { font-style: normal; font-weight: 400; margin-bottom: 0; text-transform: uppercase; } .woocommerce div.product form.cart.variations_form { margin-bottom: 0; } .woocommerce div.product form.cart .variations { margin-bottom: 0; } .woocommerce div.product form.cart .variations td { display: table-cell; text-align: left; } .woocommerce div.product form.cart .variations td.label { padding: 0; } .woocommerce div.product form.cart .variations tr + tr td, .woocommerce div.product form.cart .variations tr + tr td.label { padding: 15px 0 0 0; } .woocommerce div.product form.cart .variations td.label label { font-weight: 400; line-height: 50px; margin-bottom: 0; padding-right: 20px; font-size: 13px; text-transform: uppercase; } .single_variation_wrap { margin-bottom: 35px; margin-top: 20px; } .single_variation_wrap:after, .variations_button:after { content: ""; display: block; clear: both; } .woocommerce div.product .single_variation span.price { font-size: 18px; margin-bottom: 20px; } .woocommerce div.product form.cart .group_table { border: none; margin-bottom: 20px; } .woocommerce div.product form.cart .group_table td { padding-bottom: 20px; line-height: 50px; } .woocommerce div.product form.cart .group_table td.label { font-size: 13px; text-transform: uppercase; font-weight: normal; padding: 0 20px; } .woocommerce div.product form.cart .group_table label { font-weight: normal; font-size: 15px; margin: 0; line-height: 50px; } .woocommerce div.product p.stock { display: none; } /* -------------------------------------------- SINGLE PRODUCT TAB -------------------------------------------- */ .woocommerce div.product .woocommerce-tabs:after { content: ""; display: block; clear: both; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0; font-size: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { border-bottom: 1px solid #ddd; } .woocommerce div.product .woocommerce-tabs ul.tabs li { margin: 0; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #ddd; background-color: #eee; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before { position: static; content: ""; display: block; width: 100%; height: 1px; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { letter-spacing: 0.05em; font-size: 13px; text-transform: uppercase; padding: 16px 25px; line-height: 1.2; font-weight: normal; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover { background-color: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li + li { margin-left: -1px; } .woocommerce div.product .woocommerce-tabs .panel { margin: 0; padding: 35px 25px; border: 1px solid #ddd; border-top: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* -------------------------------------------- SINGLE PRODUCT REVIEW -------------------------------------------- */ .woocommerce #reviews h2 { font-size: 14px; font-weight: normal; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eeeeee; } .woocommerce #reviews #comments ol.commentlist { padding: 0; margin: 0; } .woocommerce #reviews #comments ol.commentlist li { margin: 0; padding-bottom: 30px; border-bottom: 1px solid #eeeeee; } .woocommerce #reviews #comments ol.commentlist li + li { margin-top: 30px; } .woocommerce #reviews #comments ol.commentlist li:last-child { padding-bottom: 0; border-bottom: none; } .woocommerce #reviews #comments ol.commentlist li img.avatar { width: 100px; height: 100px; padding: 0; margin: 0; border: none; position: static; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 120px; padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating { position: absolute; top: 0; right: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p { margin: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { margin-bottom: 20px; letter-spacing: 0.05em; line-height: 16px; font-size: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong { font-size: 14px; font-weight: normal; text-transform: uppercase; vertical-align: middle; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong:after { content: ""; display: inline-block; vertical-align: middle; height: 16px; width: 1px; background-color: #ddd; margin: -2px 10px 0 10px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time { font-size: 12px; vertical-align: middle; } .woocommerce #reviews #comments { margin-top: 60px; } .woocommerce #reviews .rating-statistic { display: inline-block; width: 100%; } .woocommerce #reviews .rating-statistic:after { content: ""; clear: both; } .woocommerce #reviews .rating-statistic .average { width: 30%; float: left; text-align: center; } .woocommerce #reviews .rating-statistic .average .average-inner { width: 150px; border: solid 1px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .woocommerce #reviews .rating-statistic .average .average-inner .rating-value { padding-top: 30px; padding-bottom: 30px; font-size: 40px; } .woocommerce #reviews .rating-statistic .average .average-inner .star-rating { left: 32px; } .woocommerce #reviews .rating-statistic .average .average-inner .rating-count { padding-top: 10px; padding-bottom: 10px; } .woocommerce #reviews .rating-statistic .detail { width: 70%; float: left; } .woocommerce #reviews .rating-statistic .detail .rate { padding-bottom: 5px; } .woocommerce #reviews .rating-statistic .detail .rate-bar { width: 200px; display: inline-block; background-color: #ddd; height: 10px; position: relative; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-right: 10px; margin-left: 10px; } .woocommerce #reviews .rating-statistic .detail .rate-bar span { height: 10px; position: absolute; top: 0; display: inline-block; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .woocommerce #review_form #respond { margin-top: 60px; width: 100%; } .woocommerce #review_form #respond h3.comment-reply-title { margin-bottom: 35px; } .woocommerce #review_form #respond .comment-form { margin: 0; } .woocommerce #review_form #respond .comment-form > p { margin-bottom: 20px; } .woocommerce #review_form #respond .comment-form p { padding: 0; } .woocommerce #review_form #respond .comment-form textarea { height: 150px; } .woocommerce #review_form #respond .comment-form p.form-submit { margin: 0; } .upsells, .related, .cross-sells { margin-top: 40px; } .upsells .owl-carousel .owl-controls .owl-nav .owl-prev, .related .owl-carousel .owl-controls .owl-nav .owl-prev, .cross-sells .owl-carousel .owl-controls .owl-nav .owl-prev, .upsells .owl-carousel .owl-controls .owl-nav .owl-next, .related .owl-carousel .owl-controls .owl-nav .owl-next, .cross-sells .owl-carousel .owl-controls .owl-nav .owl-next { position: absolute; width: 44px; height: 44px; line-height: 42px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6); font-size: 24px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin-top: -75px; } .upsells .owl-carousel .owl-controls .owl-nav .owl-prev, .related .owl-carousel .owl-controls .owl-nav .owl-prev, .cross-sells .owl-carousel .owl-controls .owl-nav .owl-prev { left: -64px; } .upsells .owl-carousel .owl-controls .owl-nav .owl-next, .related .owl-carousel .owl-controls .owl-nav .owl-next, .cross-sells .owl-carousel .owl-controls .owl-nav .owl-next { right: -64px; } .upsells + .related { margin-top: 0; } /*---------------------------------------------- SINGLE PRODUCT META -----------------------------------------------*/ .site-meta-single-product .widget { margin-top: 60px; } .site-meta-single-product .location-map { padding: 30px; } /* -------------------------------------------- SHOPPING CART -------------------------------------------- */ .woocommerce table.shop_table { border: solid 1px #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; } .woocommerce table.shop_table thead th { text-transform: uppercase; letter-spacing: 0.05em; line-height: 1.2; font-size: 14px; color: #444; background-color: #f9f9f9; font-weight: normal; padding: 17px 5px; } .woocommerce table.shop_table dl.variation { text-transform: none; margin: 0; font-size: 12px; } .woocommerce table.shop_table dl.variation dt { font-weight: normal; padding: 0 0 5px; } .woocommerce table.shop_table dl.variation dd { padding: 0 0 5px; margin: 3px 0px 0px; } .woocommerce table.shop_table.cart { min-width: 720px; } .woocommerce table.shop_table.cart tbody td { border-top: solid 1px #ddd; padding: 10px; letter-spacing: 0.05em; line-height: 2.2; font-size: 14px; color: #444; } .woocommerce table.shop_table.cart .product-thumbnail { width: 145px; padding-left: 20px; } .woocommerce table.shop_table.cart td.product-thumbnail { padding-right: 25px; } .woocommerce table.shop_table.cart td.product-thumbnail img { width: 100%; } .woocommerce table.shop_table.cart .product-price { width: 150px; } .woocommerce table.shop_table.cart .product-quantity { width: 100px; } .woocommerce table.shop_table.cart .product-subtotal { width: 150px; } .woocommerce table.shop_table.cart .product-name a { color: #2a2a2a; } .woocommerce table.shop_table.cart .product-remove { width: 30px; } .woocommerce table.shop_table.cart .product-remove a { color: #ddd; position: relative; font-size: 18px; } .woocommerce table.shop_table.cart .product-remove a:before { content: "\f067"; font-family: FontAwesome; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 19px; } .woocommerce .cart-actions { padding: 20px 0 55px 0; text-align: right; font-size: 0; } .woocommerce .cart-actions .coupon { float: left; } .woocommerce .cart-actions .coupon .input-text { min-width: 270px; padding: 0 15px; height: 35px; line-height: 35px; margin: 0 15px 0 0; outline: 0; text-transform: uppercase; vertical-align: middle; } .woocommerce .cart-actions a.checkout-button { margin-left: 15px; } .woocommerce .cart-actions a.checkout-button:hover { background-color: #444; } .cart-collaterals { margin-bottom: 60px; background-color: #f8f8f8; } .cart-collaterals h2 { font-size: 20px; letter-spacing: 0.05em; line-height: 1; font-weight: normal; text-transform: uppercase; color: #444; margin-bottom: 25px; } .cart_totals_inner { margin-top: 55px; margin-bottom: 55px; } .woocommerce .cart-collaterals .cart_totals { width: 100%; float: left; } .woocommerce-cart .cart-collaterals .cart_totals table { margin: 0; border: none; border: 1px solid #ddd; color: #222; } .woocommerce-cart .cart-collaterals .cart_totals table tr th { width: 60%; background-color: #fbfbfb; border-right: solid 1px #ddd; } .woocommerce-cart .cart-collaterals .cart_totals table tr td, .woocommerce-cart .cart-collaterals .cart_totals table tr th { font-size: 15px; letter-spacing: 0.05em; line-height: 1.2; padding: 20px; font-weight: normal; border-bottom: solid 1px #dddddd; } .woocommerce-cart .cart-collaterals .cart_totals table tr:last-child td, .woocommerce-cart .cart-collaterals .cart_totals table tr:last-child th { border-bottom: none; border-top: none; } .woocommerce-cart .cart-collaterals .cart_totals table tr td { text-align: right; background-color: #fff; width: 40%; } .woocommerce-cart .cart-collaterals .cart_totals table tr.order-total th, .woocommerce-cart .cart-collaterals .cart_totals table tr.order-total td { padding-top: 20px; padding-bottom: 20px; } .woocommerce-cart .cart-collaterals .cart_totals table tr.order-total th strong, .woocommerce-cart .cart-collaterals .cart_totals table tr.order-total td strong { font-weight: normal; } #ship-to-different-address, .shipping_address { display: none; } p.return-to-shop { margin-bottom: 80px !important; } .woocommerce-cart .site-content-page { margin-bottom: 40px; } @media (max-width: 1019px) { .woocommerce table.shop_table.cart tbody td { padding: 35px 5px; } .woocommerce table.shop_table.cart .product-thumbnail { width: 80px; padding-left: 10px; } .woocommerce table.shop_table.cart td.product-thumbnail { padding: 35px 10px 35px 10px; } .woocommerce table.shop_table.cart .product-price { width: 120px; } .woocommerce table.shop_table.cart .product-subtotal { width: 120px; } .woocommerce .cart-actions { padding: 35px 0 5px 0; text-align: left; } .woocommerce .cart-actions a.button, .woocommerce .cart-actions input.button { width: 48%; float: left; margin-bottom: 30px; } .woocommerce .cart-actions input[name="apply_coupon"], .woocommerce .cart-actions a.checkout-button { float: right; margin-left: 0; } .woocommerce .cart-actions .coupon .input-text { width: 48%; float: left; margin-bottom: 30px; min-width: 0; } .woocommerce .cart-actions .coupon { float: none; } } @media (min-width: 769px) { .woocommerce table.shop_table.cart th.product-name { font-size: 0; } } @media (max-width: 768px) { .woocommerce table.shop_table.cart .product-name { padding-left: 20px; } } @media (max-width: 767px) { .woocommerce-cart .table-responsive { margin: 0; border: none; } .woocommerce table.shop_table.cart tbody td { padding-top: 10px; padding-bottom: 10px; } } @media (max-width: 600px) { .course-section .meta, .lesson-title .meta { left: 10px; } .course_lessons_section .lesson-title a { padding-top: 30px; padding-right: 0; } } @media (max-width: 480px) { .woocommerce .cart-actions a.button, .woocommerce .cart-actions input.button { width: 100%; float: left; } .woocommerce .cart-actions input[name="apply_coupon"], .woocommerce .cart-actions a.checkout-button { float: left; } .woocommerce .cart-actions .coupon .input-text { width: 100%; } .course-section .meta span, .lesson-title .meta span { min-width: 0 !important; } .woocommerce #reviews .rating-statistic .detail { width: 100%; margin-top: 20px; } .widget .social-share-wrap ul li { padding-bottom: 10px; } } /* -------------------------------------------- CHECKOUT -------------------------------------------- */ .checkout-before-form + .woocommerce-checkout { border-top: 1px solid #eeeeee; padding-top: 50px; } .checkout-message { background: #f9f9f9; border: 1px solid #ddd; font-size: 14px; letter-spacing: 0.05em; font-weight: 600; line-height: 1.5; padding: 13.5px 20px; } .checkout-message a { font-style: italic; font-weight: normal; } .woocommerce .checkout-login form.login, .woocommerce .checkout-coupon form.checkout_coupon { border: none; padding: 0; margin: 30px 0 0 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce .checkout-login form.login p { margin-bottom: 30px; } .woocommerce .checkout-login form.login p.lost_password { margin-bottom: 0; } .woocommerce .checkout-login form.login label { display: none; } .woocommerce .checkout-coupon form.checkout_coupon p { margin: 0; } .woocommerce .checkout-coupon form.checkout_coupon .form-row-first { float: left; padding-right: 205px; width: 100%; } .woocommerce .checkout-coupon form.checkout_coupon .form-row-last { float: left; width: auto; position: absolute; right: 15px; } .woocommerce-shipping-calculator, .cart_totals_inner tr.shipping { display: none; } #order_review_heading, .woocommerce-billing-fields { color: #222; } .woocommerce-billing-fields .form-row input.input-text, .woocommerce-billing-fields .form-row textarea { height: 36px; color: #222; } .woocommerce-billing-fields h3, #order_review_heading { font-size: 20px; text-transform: uppercase; letter-spacing: 0.05em; line-height: 1.5; margin-bottom: 40px; } #order_review_heading { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #eeeeee; } .select2-container .select2-choice { border: 1px solid #ddd; padding: 10px 20px; font-size: 13px; line-height: 1.2; letter-spacing: 0.1em; color: #888; text-transform: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .select2-container .select2-choice:hover { text-decoration: none; } .select2-drop-active { border: 1px solid #ddd; } #ship-to-different-address ._checkbox { margin-bottom: 39px; font-size: 14px; font-style: italic; letter-spacing: 0.05em; text-transform: none; } .create-account p { margin-bottom: 30px; } .woocommerce form .form-row.create-account ._checkbox { font-size: 15px; font-style: italic; letter-spacing: 0.05em; text-transform: none; margin: 0; line-height: 20px; color: #444; } .woocommerce table.order_details, .woocommerce table.woocommerce-checkout-review-order-table { border: 1px solid #eeeeee; } .woocommerce table.order_details thead th, .woocommerce table.woocommerce-checkout-review-order-table thead th { padding: 17px 20px; } .woocommerce table.order_details tbody td, .woocommerce table.woocommerce-checkout-review-order-table tbody td, .woocommerce table.order_details tfoot td, .woocommerce table.woocommerce-checkout-review-order-table tfoot td, .woocommerce table.order_details tfoot th, .woocommerce table.woocommerce-checkout-review-order-table tfoot th { border: none; padding: 10px 20px; line-height: 2.2; font-size: 14px; color: #444; font-weight: normal; } .woocommerce table.order_details tbody td strong, .woocommerce table.woocommerce-checkout-review-order-table tbody td strong, .woocommerce table.order_details tfoot td strong, .woocommerce table.woocommerce-checkout-review-order-table tfoot td strong, .woocommerce table.order_details tfoot th strong, .woocommerce table.woocommerce-checkout-review-order-table tfoot th strong { font-weight: normal; } .woocommerce table.order_details .product-total, .woocommerce table.woocommerce-checkout-review-order-table .product-total, .woocommerce table.order_details tfoot td, .woocommerce table.woocommerce-checkout-review-order-table tfoot td { text-align: right; } .woocommerce table.order_details tfoot tr:first-child td, .woocommerce table.woocommerce-checkout-review-order-table tfoot tr:first-child td, .woocommerce table.order_details tfoot tr:first-child th, .woocommerce table.woocommerce-checkout-review-order-table tfoot tr:first-child th, .woocommerce table.order_details tfoot tr:last-child td, .woocommerce table.woocommerce-checkout-review-order-table tfoot tr:last-child td, .woocommerce table.order_details tfoot tr:last-child th, .woocommerce table.woocommerce-checkout-review-order-table tfoot tr:last-child th { border-top: 1px solid #eeeeee; } .woocommerce table.order_details tfoot tr:last-child td, .woocommerce table.woocommerce-checkout-review-order-table tfoot tr:last-child td, .woocommerce table.order_details tfoot tr:last-child th, .woocommerce table.woocommerce-checkout-review-order-table tfoot tr:last-child th { font-size: 18px; text-transform: uppercase; } .woocommerce table.order_details tr.shipping, .woocommerce table.woocommerce-checkout-review-order-table tr.shipping { display: none; } .woocommerce table.woocommerce-checkout-review-order-table { margin-bottom: 80px; } .woocommerce-checkout #payment { background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-checkout #payment ul.payment_methods { border: 1px solid #ddd; padding: 0 15px; } .woocommerce-checkout #payment ul.payment_methods li { padding: 25px 0; } .woocommerce-checkout #payment ul.payment_methods li + li { border-top: 1px solid #ddd; } .woocommerce-checkout #payment ul.payment_methods ._radio > span { text-transform: uppercase; letter-spacing: 0.05em; } .woocommerce-checkout #payment ul.payment_methods ._radio i.radio-button { width: 16px; height: 16px; } .woocommerce-checkout #payment div.form-row { padding: 55px 0 0 0; margin: 0; } .woocommerce #payment #place_order { float: left; width: auto; margin: 0; } .woocommerce #payment #place_order:hover { background-color: #444; } .woocommerce-checkout #payment div.payment_box { font-size: 14px; padding: 0; margin: 10px 0 0 0; background: transparent; line-height: 2.2; } .woocommerce-checkout #payment div.payment_box:before { display: none; } form.woocommerce-checkout { margin-bottom: 100px; } /* -------------------------------------------- ORDER RECEIVED -------------------------------------------- */ .woocommerce-order-received .woocommerce h2, .woocommerce-account .woocommerce h2, .woocommerce-order-received .woocommerce h3, .woocommerce-account .woocommerce h3 { font-size: 14px; font-weight: normal; letter-spacing: 0.05em; margin-bottom: 25px; position: relative; } .woocommerce-order-received .woocommerce h3, .woocommerce-account .woocommerce h3 { margin-bottom: 20px; } .woocommerce-order-received .woocommerce header.title h3, .woocommerce-account .woocommerce header.title h3, .woocommerce-order-received .woocommerce h2, .woocommerce-account .woocommerce h2 { padding-bottom: 15px; } .woocommerce-order-received .woocommerce header.title h3:after, .woocommerce-account .woocommerce header.title h3:after, .woocommerce-order-received .woocommerce h2:after, .woocommerce-account .woocommerce h2:after { content: ""; position: absolute; bottom: 0; display: block; width: 45px; border: 1px solid #9261aa; } .woocommerce-order-received .woocommerce header.title, .woocommerce-account .woocommerce header.title, .woocommerce-order-received .woocommerce h2, .woocommerce-account .woocommerce h2 { margin-top: 50px; } .woocommerce-order-received .woocommerce address, .woocommerce-account .woocommerce address { line-height: 2; } .woocommerce-order-received .site-content-page, .woocommerce-account .site-content-page { margin-bottom: 100px; } .woocommerce-order-received .site-content-page p, .woocommerce-account .site-content-page p { margin-bottom: 0; } .woocommerce .order_details { padding: 0; margin: 15px 0; } .woocommerce .order_details li { text-transform: none; font-size: 12px; } .woocommerce table.customer_details, .woocommerce table.my_account_orders { border: 1px solid #eeeeee; } .woocommerce table.customer_details thead th, .woocommerce table.my_account_orders thead th { padding: 17px 20px; } .woocommerce table.customer_details tbody td, .woocommerce table.my_account_orders tbody td, .woocommerce table.customer_details tbody th, .woocommerce table.my_account_orders tbody th { font-weight: normal; padding: 15px 20px; border-top: 1px solid #eeeeee; } .woocommerce table.customer_details tbody td { text-align: right; } .woocommerce table.my_account_orders .order-actions .button { min-width: 0; padding: 10px 20px; font-size: 12px; } @media (max-width: 768px) { .woocommerce table.customer_details tr:nth-child(2n) td { background-color: transparent; } .woocommerce table.customer_details tbody th, .woocommerce table.customer_details tbody td { display: table-cell; } .woocommerce table.customer_details tr { display: table-row; } } @media (max-width: 767px) { .woocommerce .order_details li { float: none; font-size: 12px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #d3ced2; border-right: none; margin-right: 0; padding-right: 0; } } /* -------------------------------------------- MY-ACCOUNT -------------------------------------------- */ .form-login-title { text-align: center; } .form-login-title h4 { font-size: 21px; line-height: 1.6; letter-spacing: 0.05em; margin-bottom: 10px; } .form-login-title span { font-size: 13px; letter-spacing: 0.05em; line-height: 1.2; display: block; margin-bottom: 20px; } .form-login-title:after { content: ""; display: block; width: 50px; height: 1px; background-color: #444; margin: auto; } .woocommerce-account .customer_login_form_wrap form.login, .woocommerce-account .customer_login_form_wrap form.register { margin: 50px 0 0 0; padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-align: center; } .woocommerce-account .customer_login_form_wrap .form-row label { margin-bottom: 20px; } .woocommerce-account .customer_login_form_wrap .form-row input.input-text { text-align: center; background-color: #fafafa; max-width: 470px; height: 36px; } .woocommerce-account .customer_login_form_wrap ._checkbox { font-size: 13px; letter-spacing: 0.05em; } .woocommerce-account .customer_login_form_wrap input.button { min-width: 300px; } .woocommerce-account .customer_login_form_wrap input.button[name="register"]:hover { background-color: #444; } .woocommerce-account .customer_login_form_wrap .lost_password a { font-style: italic; font-size: 13px; text-decoration: underline; } .woocommerce-account .customer_login_form_wrap .col-1:after { content: ""; width: 1px; height: 100%; background-color: #eee; position: absolute; top: 0; left: 50%; display: block; } @media (max-width: 320px) { .woocommerce-account .customer_login_form_wrap input.button { min-width: 100%; } } @media (max-width: 768px) { .woocommerce-account .customer_login_form_wrap .col-1:after { position: static; width: 100%; height: 1px; margin: 50px 0; } } /* -------------------------------------------- ORDER TRACKING -------------------------------------------- */ .track_order { text-align: center; margin-bottom: 70px; } .track_order p:first-child { line-height: 1.8; max-width: 800px; margin-left: auto; margin-right: auto; display: block; } .woocommerce .track_order .form-row-first, .woocommerce .track_order .form-row-last { float: none; margin: auto; margin-bottom: 30px; } .woocommerce form.track_order .form-row input.input-text { text-align: center; } @media (max-width: 1024px) { /* .product-listing.woocommerce.view-list.columns-3 .product-item-wrap, .product-listing.woocommerce.view-list.columns-4 .product-item-wrap{ width: 100%; .product-thumb{ width: 33.33333333% !important; } .product-info{ width: 66.66666667% !important; } }*/ .product-listing.woocommerce.columns-3 .product-item-wrap, .product-listing.woocommerce.columns-4 .product-item-wrap { width: 50%; } .product-listing.woocommerce.columns-3 .product-item-wrap:nth-child(3n+1), .product-listing.woocommerce.columns-4 .product-item-wrap:nth-child(4n+1) { clear: none; } .product-listing.woocommerce.columns-3 .product-item-wrap:nth-child(2n+1), .product-listing.woocommerce.columns-4 .product-item-wrap:nth-child(2n+1) { clear: both; } } @media (max-width: 767px) { .woocommerce div.product .woocommerce-tabs ul.tabs li { display: block; text-align: center; } .woocommerce div.product .woocommerce-tabs ul.tabs li + li { margin-top: -1px; margin-left: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom-color: #ddd; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { display: block; } .product-filter { display: block; float: none; margin-bottom: 15px; } .product-filter + .catalog-filter-inner { float: none; } #yith-wcwl-form { overflow-x: scroll; } } @media (max-width: 600px) { .product-listing.woocommerce.columns-3 .product-item-wrap, .product-listing.woocommerce.columns-4 .product-item-wrap { width: 100%; } .product-listing.woocommerce.columns-3 .product-item-wrap .product-thumb, .product-listing.woocommerce.columns-4 .product-item-wrap .product-thumb { width: 100% !important; } .product-listing.woocommerce.columns-3 .product-item-wrap .product-info, .product-listing.woocommerce.columns-4 .product-item-wrap .product-info { width: 100% !important; } .product-listing.woocommerce.view-list.columns-3 .product-item-wrap .product-info, .product-listing.woocommerce.view-list.columns-4 .product-item-wrap .product-info { padding-left: 0; margin-top: 20px; } } @media (max-width: 480px) { .product-listing.woocommerce.columns-2 .product-item-wrap, .product-listing.woocommerce.columns-3 .product-item-wrap, .product-listing.woocommerce.columns-4 .product-item-wrap { width: 100% !important; } .product-listing.woocommerce.columns-2 .product-item-wrap:nth-child(2n+1), .product-listing.woocommerce.columns-3 .product-item-wrap:nth-child(3n+1), .product-listing.woocommerce.columns-4 .product-item-wrap:nth-child(4n+1) { clear: none; } .woocommerce #reviews #comments ol.commentlist li img.avatar { display: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating { position: relative; margin-bottom: 20px; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: none; margin-bottom: 20px; line-height: 2.2; padding: 0; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: none; } .woocommerce form .form-row-first, .woocommerce form .form-row-last { width: 100%; float: left; } .catalog-filter .filter-category-wrap { width: 100%; padding-top: 20px; } .catalog-filter .w-cat, .catalog-filter .view-switcher { display: block; width: 100%; } .catalog-filter .w-cat label, .catalog-filter .view-switcher label { position: relative; } .catalog-filter .w-cat label:before, .catalog-filter .view-switcher label:before { top: 0; right: 26px; } .catalog-filter .w-cat select, .catalog-filter .view-switcher select { padding-left: 0; height: 20px; } } @media (max-width: 320px) { #product-filter-wrap { width: 300px; } .woocommerce-account #customer_login .col-1, .woocommerce-account #customer_login .col-2 { padding: 50px 15px 30px 15px; } } .shopping-cart-wrapper { padding: 0; margin: 0; display: inline-block; vertical-align: top; text-align: right; position: relative; } .shopping-cart-wrapper.no-price .sub-total-text { display: none; } .shopping-cart-wrapper .widget_shopping_cart_icon { position: relative; display: inline-block; height: 30px; line-height: 30px; } .shopping-cart-wrapper .widget_shopping_cart_icon > i.fa { cursor: pointer; padding: 0; height: 30px; line-height: 30px; text-align: left; vertical-align: top; } .shopping-cart-wrapper .widget_shopping_cart_content { display: block; text-align: left; font-family: 'Roboto'; letter-spacing: 0.05em; } .shopping-cart-wrapper .widget_shopping_cart_content:hover .cart_list_wrapper { visibility: visible; opacity: 1; -webkit-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); -moz-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); -ms-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); -o-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper { display: block; visibility: hidden; opacity: 0; position: absolute; top: 100%; right: 0; left: auto; z-index: 9998; width: 384px; background: #fff; border: solid 1px #eee; border-bottom-style: solid !important; border-bottom-width: 2px !important; padding: 0; line-height: 2em; color: #444; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; -webkit-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07); -moz-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07); -ms-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07); -o-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07); transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07); } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper .cart-total { margin: 0 15px; position: relative; color: #222222; line-height: 48px; border-bottom: solid 1px #eee; border-top: solid 1px #eee; font-size: 12px; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li.empty { padding: 15px; text-align: center; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li.empty h4 { text-transform: uppercase; padding: 0 0 15px; margin: 0; font-size: 16px; word-spacing: 0.2em; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li.empty p { padding: 0; margin: 0; font-size: 14px; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li { padding: 15px 0; margin: 0; position: relative; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li + li { border-top: solid 1px #eee; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-left { float: left; overflow: hidden; margin-right: 10px; border: solid 1px #eee; background: #fff; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-left > a > img { height: auto; width: 58px; margin: 0; display: block; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right { overflow: hidden; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > a { text-transform: uppercase; word-spacing: 0.2em; font-size: 12px; font-weight: 700; display: block; padding-right: 15px; margin-bottom: 6px; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > span.quantity { font-size: 12px; font-weight: 700; display: block; text-align: left; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > a.mini-cart-remove { position: absolute; right: 0; top: 15px; padding-right: 0; font-size: 14px; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li:after { content: ""; display: block; clear: both; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total { padding: 0; font-weight: bold; margin: 0; line-height: inherit; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total strong { font-weight: 400; padding-right: 5px; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total > span.amount { font-weight: 700; float: right; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons { text-align: center; margin: 0; padding: 15px 0 0; font-size: 0; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button { color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; line-height: 20px; padding: 14px; font-size: 12px; min-width: 125px; width: 48%; display: inline-block; text-transform: uppercase; letter-spacing: 0.05em; background-color: #9261aa; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button > i.fa { margin-right: 5px; vertical-align: top; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button.checkout:hover { background-color: #444; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button + .button { margin-left: 4%; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl { border: none; margin: 0; padding: 0; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl dt { float: left; margin: 0 10px 0 0; padding: 0; line-height: 25px; clear: none; font-size: 11px; font-weight: 400; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl dd { padding: 0; line-height: 25px; display: block; float: none; margin: 0; font-size: 11px; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl p { margin: 0; padding: 0; } .shopping-cart-wrapper .widget_shopping_cart_icon > i.fa + span.total { position: absolute; width: 16px; height: 16px; line-height: 17px; color: #fff; top: 0px; right: 0px; text-align: center; font-size: 11px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #9261aa; font-family: 'Roboto'; display: none; } .shopping-cart-wrapper .cart-total-left { float: left; } .shopping-cart-wrapper .cart-total-left span { vertical-align: middle; } .shopping-cart-wrapper .cart-total-right { float: right; } .shopping-cart-wrapper ul.cart_list, .shopping-cart-wrapper ul.product_list_widget { position: relative; margin: 0; list-style: none; padding: 15px 15px 0; max-height: 293px; } .shopping-cart-wrapper .cart-button-wrapper { padding: 15px 15px 35px; } .shopping-cart-wrapper .cart_list_wrapper.sub-menu-dark { background-color: #222222; border-color: #333; color: #fff; } .shopping-cart-wrapper .cart_list_wrapper.sub-menu-dark li .cart-right > a, .shopping-cart-wrapper .cart_list_wrapper.sub-menu-dark .cart-total-left > a, .shopping-cart-wrapper .cart_list_wrapper.sub-menu-dark li .cart-right > a.mini-cart-remove { color: #fff; } .shopping-cart-wrapper .cart_list_wrapper.sub-menu-dark li + li { border-top-color: #333; } .shopping-cart-wrapper .cart_list_wrapper.sub-menu-dark .cart-total { border-top-color: #333; border-bottom-color: #333; } @media screen and (min-width: 860px) { .shopping-cart-wrapper .cart_list_wrapper.large-size { width: 743px; } .shopping-cart-wrapper .cart_list_wrapper.large-size .product_list_widget:after { content: ''; display: block; clear: both; } .shopping-cart-wrapper .cart_list_wrapper.large-size .product_list_widget li { float: left; width: 48%; } .shopping-cart-wrapper .cart_list_wrapper.large-size .product_list_widget li:nth-child(2n+2) { float: right; } .shopping-cart-wrapper .cart_list_wrapper.large-size .product_list_widget li:nth-child(2) { border-top: none; } .shopping-cart-wrapper .cart_list_wrapper.large-size .mini-cart-footer { border-top: solid 1px #eee; margin: 0 15px; padding: 35px 0; } .shopping-cart-wrapper .cart_list_wrapper.large-size .mini-cart-footer .cart-total, .shopping-cart-wrapper .cart_list_wrapper.large-size .mini-cart-footer .cart-button-wrapper { width: 48%; float: right; margin: 0; border: none; } .shopping-cart-wrapper .cart_list_wrapper.large-size .mini-cart-footer .cart-button-wrapper { float: left; padding: 0; } .shopping-cart-wrapper .cart_list_wrapper.large-size .mini-cart-footer .cart-button-wrapper p.buttons { padding: 0; } .shopping-cart-wrapper .cart_list_wrapper.large-size .mini-cart-footer .cart-total { text-align: right; width: 35%; line-height: 41px; } .cart_list_wrapper.sub-menu-dark.large-size .mini-cart-footer { border-top-color: #333; } } /*********************************************/ /* SEARCH COURSE */ /*********************************************/ .course-search.simple { position: relative; } .course-search.simple:after { content: ""; left: 100%; width: 1000%; display: block; position: absolute; height: 100%; bottom: 0; top: 0; } .course-search.simple .title { position: relative; } .course-search.simple .title > span { display: block; text-transform: uppercase; line-height: 1.1; letter-spacing: 2px; } .course-search.simple .title > span:first-child { font-size: 18px; color: #fff; } .course-search.simple .title > span:last-child { font-size: 32px; font-weight: 700; } .course-search.simple .keyword-wrap .keyword { position: relative; } .course-search.simple .keyword-wrap select, .course-search.simple .keyword-wrap input { font-size: 13px; text-transform: uppercase; border: none; } .course-search.simple .keyword-wrap select { width: 22.372%; background-color: #fff; float: left; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } .course-search.simple .keyword-wrap input { width: 77.628%; } .course-search.simple .keyword-wrap input, .course-search.simple .keyword-wrap input:focus { border-left: solid 1px #ddd; } .course-search.simple .keyword-wrap button { position: absolute; right: 0; border: none; cursor: pointer; top: 0; padding: 13px 18px; font-size: 24px; color: #fff; } .course-search.simple.style01 .keyword-wrap { position: absolute; top: 35px; right: 0; padding-left: 100px; display: inline-block; width: 84.188%; } .course-search.simple.style01 .title-wrap { display: inline-block; } .course-search.simple.style01 .title-wrap:before { content: ""; position: absolute; right: 100%; height: 100%; bottom: 0; width: 1000%; top: 0; } .course-search.simple.style01 .title { min-width: 185px; width: 15.812%; padding-top: 35px; padding-bottom: 35px; } .course-search.simple.style01 .title:after { content: ""; position: absolute; top: 0; bottom: 0; width: 70px; right: -37px; transform: skewX(29deg); } .course-search.simple.style02 { padding-top: 60px; padding-bottom: 60px; margin-left: 100px; } .course-search.simple.style02 .title-wrap { text-align: center; } .course-search.simple.style02 .title-wrap:before { content: ""; position: absolute; left: -64px; height: 100%; bottom: 0; width: 100px; top: 0; -webkit-transform: skewX(15deg); -moz-transform: skewX(15deg); -o-transform: skewX(15deg); -ms-transform: skewX(15deg); transform: skewX(15deg); } .course-search.simple.style02 .title > span { line-height: 1.2; } .course-search.simple.style02 .title > span:last-child { font-weight: 400; font-size: 42px; } .course-search.simple.style02 .keyword-wrap { padding: 30px 150px 0px 150px; } .course-search.simple.style02:before { content: ""; width: 1000%; position: absolute; height: 80%; right: 100%; bottom: 0; } .course-search.advance .title-wrap { padding-top: 30px; padding-bottom: 30px; margin-right: 240px; font-size: 28px; text-transform: uppercase; color: #fff; letter-spacing: 4px; position: relative; } .course-search.advance .title-wrap:after { content: ""; width: 70px; position: absolute; height: 100%; right: -23px; bottom: 0; top: 0; transform: skewX(-25deg); } .course-search.advance .title-wrap:before { content: ""; position: absolute; top: 0; bottom: 0; width: 1000%; height: 100%; right: 100%; } .course-search.advance .title-wrap i { font-size: 40px; } .course-search.advance .keyword-wrap { padding-bottom: 60px; padding-top: 60px; padding-right: 50px; position: relative; margin-right: 470px; } .course-search.advance .keyword-wrap:before { content: ""; position: absolute; width: 170px; height: 100%; top: 0; right: -95px; -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -o-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); } .course-search.advance .keyword-wrap:after { content: ""; position: absolute; width: 1000%; height: 100%; bottom: 0; top: 0; right: 100%; } .course-search.advance .keyword-wrap label { position: relative; display: block; } .course-search.advance .keyword-wrap label:before { content: "\f0d7"; position: absolute; font-family: 'FontAwesome'; top: 14px; right: 32px; pointer-events: none; color: #fff; } .course-search.advance .keyword-wrap select, .course-search.advance .keyword-wrap input[type="text"] { width: 100%; color: #fff; border: solid 1px rgba(255, 255, 255, 0.2); margin-bottom: 30px; font-weight: 400; line-height: 1.2; background-color: transparent; text-transform: uppercase; background-image: none; } .course-search.advance .keyword-wrap select::-webkit-input-placeholder, .course-search.advance .keyword-wrap input[type="text"]::-webkit-input-placeholder { color: #fff; } .course-search.advance .keyword-wrap select::-moz-placeholder, .course-search.advance .keyword-wrap input[type="text"]::-moz-placeholder { color: #fff; } .course-search.advance .keyword-wrap select:-ms-input-placeholder, .course-search.advance .keyword-wrap input[type="text"]:-ms-input-placeholder { color: #fff; } .course-search.advance .keyword-wrap select:-moz-placeholder, .course-search.advance .keyword-wrap input[type="text"]:-moz-placeholder { color: #fff; } .course-search.advance .keyword-wrap select option { color: #222; background-color: #fff; } .course-search.advance .keyword-wrap select { cursor: pointer; } .course-search.advance .keyword-wrap .action-wrap { text-align: center; } .course-search.advance .keyword-wrap button { border: none; } .course-search.advance:after { content: ""; position: absolute; width: 1000%; height: 100%; top: 0; left: 59%; z-index: -1; bottom: 0; background-position: top right; } @media screen and (max-width: 1200px) { .course-search.advance .title-wrap { text-align: center; margin-right: 0; } .course-search.advance .title-wrap:after { right: auto; left: 100%; width: 100%; -webkit-transform: skewX(0); -moz-transform: skewX(0); -o-transform: skewX(0); -ms-transform: skewX(0); transform: skewX(0); } .course-search.advance .keyword-wrap { margin-right: 0; padding-right: 0; } .course-search.advance .keyword-wrap:before { left: 100%; right: auto; -webkit-transform: skewX(0); -moz-transform: skewX(0); -o-transform: skewX(0); -ms-transform: skewX(0); transform: skewX(0); } .course-search.advance .action-wrap { clear: both; } } @media screen and (max-width: 1024px) { .course-search.simple.style01 .title-wrap { display: block; } .course-search.simple.style01 .title-wrap .title { width: 100%; text-align: center; } .course-search.simple.style01 .keyword-wrap { position: relative; top: 0; padding-bottom: 35px; width: 100%; padding-left: 15px; padding-right: 15px; } } @media screen and (max-width: 992px) { .course-search.simple.style02 { margin-left: 0; } .course-search.simple.style02:before { height: 100%; } .course-search.simple.style02 .keyword-wrap { padding-left: 15px; padding-right: 15px; } } @media screen and (max-width: 600px) { .course-search.simple .keyword-wrap .keyword select, .course-search.simple .keyword-wrap .keyword input { width: 100%; } .course-search.simple .keyword-wrap .keyword input { margin-top: 10px; } .course-search.simple .keyword-wrap .keyword button { bottom: 0; top: auto; } } /** * 8.0 - ShortCode * ---------------------------------------------------------------------------- */ .owl-g5plus-shortcode .owl-controls { height: 0; } .owl-g5plus-shortcode .owl-controls .owl-nav div { position: absolute; width: 40px; height: 50px; top: 50%; margin-top: -25px; background-color: #f9f9f9; text-align: center; } .owl-g5plus-shortcode .owl-controls .owl-nav div i { color: #222222; font-size: 32px; line-height: 50px; } .owl-g5plus-shortcode .owl-controls .owl-nav div:hover { background-color: #9261aa; } .owl-g5plus-shortcode .owl-controls .owl-nav div:hover i { color: #FFFFFF; } .owl-g5plus-shortcode .owl-controls .owl-nav div:hover.owl-prev:after { border-top-color: #9261aa; } .owl-g5plus-shortcode .owl-controls .owl-nav div:hover.owl-next:after { border-bottom-color: #9261aa; } .owl-g5plus-shortcode .owl-controls .owl-nav .owl-prev:after, .owl-g5plus-shortcode .owl-controls .owl-nav .owl-next:after { content: ''; display: block; position: absolute; top: 0; bottom: 0; } .owl-g5plus-shortcode .owl-controls .owl-nav .owl-prev { left: -70px; } .owl-g5plus-shortcode .owl-controls .owl-nav .owl-prev:after { border-bottom: solid 0 transparent; border-top: solid 50px #f9f9f9; border-right: solid 10px transparent; left: 100%; } .owl-g5plus-shortcode .owl-controls .owl-nav .owl-next { right: -70px; } .owl-g5plus-shortcode .owl-controls .owl-nav .owl-next:after { border-bottom: solid 50px #f9f9f9; border-top: solid 0 transparent; border-left: solid 10px transparent; right: 100%; } .owl-g5plus-shortcode .owl-controls .owl-dots { text-align: center; padding-top: 10px; } .owl-g5plus-shortcode .owl-controls .owl-dots .owl-dot { display: inline-block; } .owl-g5plus-shortcode .owl-controls .owl-dots .owl-dot span { width: 10px; height: 10px; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; margin: 3px; display: block; background-color: #EBEBEB; } .owl-g5plus-shortcode .owl-controls .owl-dots .owl-dot.active span { background-color: #9261aa; } .color-light .owl-g5plus-shortcode .owl-controls .owl-dots .owl-dot span { background-color: #FFFFFF; } .color-light .owl-g5plus-shortcode .owl-controls .owl-dots .owl-dot.active span { background-color: #ffbd33; } @media (max-width: 1380px) { .owl-g5plus-shortcode:hover .owl-controls .owl-nav .owl-prev { left: -50px; } .owl-g5plus-shortcode:hover .owl-controls .owl-nav .owl-next { right: -50px; } } @media (max-width: 1269px) { .owl-g5plus-shortcode:hover .owl-controls .owl-nav .owl-prev { left: -20px; } .owl-g5plus-shortcode:hover .owl-controls .owl-nav .owl-next { right: -20px; } } @media (max-width: 1000px) { .owl-g5plus-shortcode:hover .owl-controls .owl-nav .owl-prev { left: -10px; } .owl-g5plus-shortcode:hover .owl-controls .owl-nav .owl-next { right: -10px; } } @media (max-width: 800px) { .owl-g5plus-shortcode:hover .owl-controls .owl-nav .owl-prev { left: 0; } .owl-g5plus-shortcode:hover .owl-controls .owl-nav .owl-next { right: 0; } } /*Button*/ .bt { display: inline-block; font-size: 12px; line-height: 1; text-align: center; text-transform: uppercase; padding: 11px 30px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-color: unset; } .bt img { height: 14px; width: 14px; } .bt-xs { padding: 11px 30px; } .bt-sm { padding: 13px 32px; } .bt-md { font-size: 14px; padding: 15px 34px; } .bt-lg { font-size: 15px; padding: 17px 35px; } .bt-xlg { font-size: 16px; padding: 20px 35px; } .bt-primary { background-color: #9261aa; } .bt-secondary { background-color: #ffbd33; } .bt-tertiary { background-color: #30a8cc; } .bt-gray { background-color: #444; } .bt-black { background-color: #000; } .bt-light { border-color: #fff; background-color: #fff; color: #fff; } .bt-light.bt-bg, .bt-light.bt-3d { color: #000; border-color: #fff; } .bt-bordered { border: 1px solid; background-color: transparent; } .bt-bg { border: 1px solid; color: #fff; } .bt-3d { border: 1px solid; border-top: none; color: #fff; border-bottom: 2px solid rgba(0, 0, 0, 0.2) !important; } .bt-primary { border-color: #9261aa; } .bt-secondary { border-color: #ffbd33; } .bt-tertiary { border-color: #30a8cc; } .bt-gray { border-color: #444; } .bt-black { border-color: #000; } .bt-primary:focus, .bt-primary:active { color: #9261aa; } .bt-secondary:focus, .bt-secondary:active { color: #ffbd33; } .bt-tertiary:focus, .bt-tertiary:active { color: #30a8cc; } .bt-gray:focus, .bt-gray:active { color: #444; } .bt-black:focus, .bt-black:active { color: #000; } .bt-bg:focus, .bt-bg:active, .bt-3d:focus, .bt-3d:active { color: #fff; } .bt-light:focus, .bt-light:active { color: #fff; border-color: #fff; } .bt-light:focus.bt-bg, .bt-light:active.bt-bg, .bt-light:focus.bt-3d, .bt-light:active.bt-3d { color: #000; } .bt-primary:hover { background-color: #9261aa; } .bt-primary:hover.bt-bg, .bt-primary:hover.bt-3d { background-color: #30a8cc; border-color: #30a8cc; } .bt-secondary:hover { background-color: #ffbd33; } .bt-secondary:hover.bt-bg, .bt-secondary:hover.bt-3d { background-color: #30a8cc; border-color: #30a8cc; } .bt-tertiary:hover { background-color: #30a8cc; } .bt-tertiary:hover.bt-bg, .bt-tertiary:hover.bt-3d { background-color: #9261aa; border-color: #9261aa; } .bt-gray:hover { background-color: #444; } .bt-gray:hover.bt-bg, .bt-gray:hover.bt-3d { background-color: #9261aa; border-color: #9261aa; } .bt-black:hover { background-color: #000; } .bt-black:hover.bt-bg, .bt-black:hover.bt-3d { background-color: #ffbd33; border-color: #ffbd33; } .bt-bordered:hover { color: #fff; } .bt-bg:hover, .bt-3d:hover { color: #fff; } .bt-light:hover { background-color: #fff; color: #868686; border-color: #fff; } .bt-light:hover.bt-3d, .bt-light:hover.bt-bg { color: #868686; } .bt.i-left { position: relative; } .bt.i-left.bt-sm, .bt.i-left.bt-xs { padding-left: 45px; } .bt.i-left img, .bt.i-left i { position: absolute; left: 25px; line-height: 1; } .bt.i-right { position: relative; } .bt.i-right.bt-sm, .bt.i-right.bt-xs { padding-right: 45px; } .bt.i-right img, .bt.i-right i { position: absolute; right: 25px; line-height: 1; } .ryl-section-item .owl-stage-outer { padding-top: 60px; } .ryl-section-item .ryl-twitter-rss-item { text-align: center; font-size: 21px; color: #222; padding-left: 112px; padding-right: 112px; } .ryl-section-item .ryl-twitter-rss-item .ryl-time { margin-top: 16px; font-size: 12px; text-transform: uppercase; color: #8f8f8f; font-weight: 700; } .ryl-section-item .owl-controls .owl-nav { position: absolute; top: 0; width: 100%; text-align: center; } .ryl-section-item .owl-controls .owl-nav .owl-prev, .ryl-section-item .owl-controls .owl-nav .owl-next { display: inline-block; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; background-color: #ececec; } .ryl-section-item .owl-controls .owl-nav .owl-prev i, .ryl-section-item .owl-controls .owl-nav .owl-next i { color: #222; } .ryl-section-item .owl-controls .owl-nav .owl-prev:hover i, .ryl-section-item .owl-controls .owl-nav .owl-next:hover i { color: #fff; } .ryl-section-item .owl-controls .owl-nav .owl-prev { margin-right: 20px; } .ryl-section-item .owl-controls .owl-nav .owl-next { position: relative; margin-left: 60px; } .ryl-section-item .owl-controls .owl-nav .owl-next:before { content: "\f099"; font-family: fontawesome; position: absolute; left: -62px; font-size: 50px; color: #222; } @media (max-width: 768px) { .ryl-section-item .ryl-twitter-rss-item { padding-left: 15px; padding-right: 15px; } } /*====end button===*/ /*====heading===*/ .heading h2 { margin-bottom: 0; line-height: 1em; font-weight: 400; } .heading.fs-18 h2 { font-weight: bold; } .heading span { font-size: 14px; position: relative; display: inline-block; margin-bottom: 20px; } .heading span:before, .heading span:after { content: "\f005"; font-family: fontawesome; display: block; font-size: 11px; position: absolute; top: 0; } .heading span:before { right: 13px; } .heading span:after { left: 13px; } .heading p { padding-bottom: 0; padding-top: 12px; color: #494949; } .heading:after { content: ''; display: block; border-bottom: 2px solid #ffbd33; width: 44px; margin-top: 20px; } .heading.text-left span { margin-left: 11px; } .heading.text-left:after { margin-left: 0; margin-right: auto; } .heading.text-right span { margin-right: 11px; } .heading.text-right:after { margin-right: 0; margin-left: auto; } .heading.text-center:after { margin-left: auto; margin-right: auto; } /*====end heading===*/ .icon-same-height .iconbox { height: 224px; max-width: 585px; display: table-cell; vertical-align: middle; } .icon-same-height .wpb_wrapper { display: table; } @media (min-width: 992px) { .icon-same-height .iconbox { padding-left: 48px; } } @media (max-width: 991px) { .icon-same-height .iconbox { padding-left: 30px; padding-right: 30px; } } .form-contact-us .wpcf7-textarea, .form-contact-us .wpcf7-text { line-height: 1.2; width: 100%; } .form-contact-us .wpcf7-form-control-wrap { margin-bottom: 30px; display: block; } .form-contact-us img.ajax-loader { position: absolute; bottom: 15px; } /** * 9.0 - Event * ---------------------------------------------------------------------------- */ .g5plus-tribe-events-loop .tribe-events-event-image img { width: 100%; } .g5plus-tribe-events-loop .tribe-events-list-event-title { padding-top: 20px; margin-bottom: 0; } .g5plus-tribe-events-loop .tribe-events-venue-details:before { content: "\f041"; font-family: fontawesome; display: inline-block; margin-right: 4px; color: #30a8cc; } .g5plus-tribe-events-loop .tribe-events-event-meta:after { content: ''; border-bottom: 2px solid #ffbd33; width: 36px; display: block; padding-top: 13px; margin-bottom: 26px; } .g5plus-tribe-events-loop .tribe-events-list-event-description p { padding-bottom: 12px; } .g5plus-tribe-events-list .tribe-events-event-cost { position: absolute; top: 0; background-color: #9261aa; padding: 5px; color: #FFFFFF; } .tribe-events-day .tribe-events-event-cost { position: static; float: right; margin: 27px 0 5px 5px; } .tribe-bar-is-disabled .tribe-events-page-title { background-color: #30a8cc; color: #FFFFFF; line-height: 1.9 !important; padding: 13px 13px 13px 22px; text-transform: uppercase; font-family: 'Roboto'; font-size: 13px; margin-bottom: 60px; } .tribe-bar-disabled { top: 12px; right: 9px; } .tribe-bar-disabled #tribe-bar-form, .tribe-bar-disabled #tribe-bar-form .tribe-bar-views-list li:first-child a, .tribe-bar-disabled #tribe-bar-form .tribe-bar-views-inner { background-color: transparent; color: #fff; } .tribe-bar-disabled #tribe-bar-form .tribe-bar-views-list li:first-child a:hover { background-color: transparent; } .tribe-bar-disabled #tribe-bar-form .tribe-bar-views-list a { text-transform: uppercase; } .tribe-bar-disabled #tribe-bar-form .tribe-bar-views-list a .tribe-icon-list, .tribe-bar-disabled #tribe-bar-form .tribe-bar-views-list a .tribe-icon-month, .tribe-bar-disabled #tribe-bar-form .tribe-bar-views-list a .tribe-icon-day { background-image: none; } .tribe-bar-disabled #tribe-bar-form .tribe-bar-views-list a .tribe-icon-list:before, .tribe-bar-disabled #tribe-bar-form .tribe-bar-views-list a .tribe-icon-month:before, .tribe-bar-disabled #tribe-bar-form .tribe-bar-views-list a .tribe-icon-day:before { font-family: FontAwesome; position: absolute; left: 15px; } .tribe-bar-disabled #tribe-bar-form .tribe-bar-views-list a .tribe-icon-list:before { content: "\f0ca"; } .tribe-bar-disabled #tribe-bar-form .tribe-bar-views-list a .tribe-icon-month:before { content: "\f073"; } .tribe-bar-disabled #tribe-bar-form .tribe-bar-views-list a .tribe-icon-day:before { content: "\f274"; } .tribe-bar-disabled #tribe-bar-form .tribe-bar-views-list { width: 112px; } .tribe-bar-disabled #tribe-bar-form .tribe-bar-views-list li:first-child { padding-bottom: 11px; } .tribe-bar-disabled #tribe-bar-form .tribe-bar-views-list li a { color: #fff; } .tribe-bar-disabled #tribe-bar-form #tribe-bar-dates input { cursor: pointer; margin-top: 2px; font-weight: 400; } .tribe-bar-disabled #tribe-bar-form #tribe-bar-dates input:-moz-placeholder { color: #fff; font-style: normal; text-transform: uppercase; } .tribe-bar-disabled #tribe-bar-form #tribe-bar-dates input::-webkit-input-placeholder { color: #fff; font-style: normal; text-transform: uppercase; } .tribe-bar-disabled #tribe-bar-form #tribe-bar-dates input::-moz-placeholder { /* Firefox 19+ */ color: #fff; font-style: normal; text-transform: uppercase; } .tribe-bar-disabled #tribe-bar-form #tribe-bar-dates input:-ms-input-placeholder { color: #fff; font-style: normal; text-transform: uppercase; } .tribe-bar-disabled #tribe-bar-form #tribe-bar-dates:after { content: "\f0d7"; position: absolute; top: 4px; font-family: FontAwesome; right: 5px; pointer-events: none; } .tribe-bar-disabled #tribe-bar-form .tribe-bar-date-filter input[type="text"] { color: #fff; } .tribe-bar-disabled #tribe-bar-form label { display: none; } .g5plus-event-list .type-tribe_events:nth-child(3n+1) .entry-thumbnail, .tribe-events-day-time-slot:nth-child(3n+1) .entry-thumbnail { border-bottom: 5px solid #9261aa; } .g5plus-event-list .type-tribe_events:nth-child(3n+2) .entry-thumbnail, .tribe-events-day-time-slot:nth-child(3n+2) .entry-thumbnail { border-bottom: 5px solid #ffbd33; } .g5plus-event-list .type-tribe_events:nth-child(3n+3) .entry-thumbnail, .tribe-events-day-time-slot:nth-child(3n+3) .entry-thumbnail { border-bottom: 5px solid #30a8cc; } .g5plus-tribe-events-loop .event-image { position: relative; } .g5plus-tribe-events-loop .event-image:hover .event-info { opacity: 1; z-index: 2; } .g5plus-tribe-events-loop .event-info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; height: 0; color: #FFFFFF; opacity: 0; padding-bottom: 20px; } .tribe-bar-disabled #tribe-bar-form #tribe-bar-views { font-size: 13px; } #tribe-events .tribe-events-button, .tribe-events-button { background-color: #30a8cc !important; } #tribe-events .tribe-events-button:hover, .tribe-events-button:hover { background-color: #9261aa !important; } .tribe-events-tooltip .tribe-events-event-body p { margin: 0 !important; } .tribe-events-abbr { font-weight: bold; } .tribe-bar-disabled #tribe-bar-form { -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; } #tribe-events .tribe-events-button, .tribe-events-button { background-color: #30a8cc !important; } #tribe-events .tribe-events-button:hover, .tribe-events-button:hover { color: #FFFFFF; } #tribe-events-content .tribe-events-calendar td { border: 1px solid #DDDDDD; } #tribe-events-content table { border: 0 !important; } #tribe-events-content table thead > tr > th { font-family: 'Oswald'; text-transform: uppercase; background-color: #9261aa; border-top: none; color: #fff; font-weight: 400; font-size: 14px; line-height: 1.2; padding: 19px 30px; border-top: 1px solid #eeeeee; letter-spacing: 0.05em; vertical-align: bottom; } #tribe-events-content table thead { border: 1px solid #9261aa; } .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a { background-color: #ffbd33; } #tribe-events-content .tribe-events-tooltip h4 { background-color: #30a8cc; } #tribe-events-content .tribe-events-calendar td { height: 140px; } .tribe-events-calendar td div[id*="tribe-events-daynum-"] { text-align: right; } .tribe-events-calendar div[id*="tribe-events-daynum-"], .tribe-events-calendar div[id*="tribe-events-daynum-"] a { font-size: 14px; font-weight: 400; } .tribe-events-list-widget .tribe-list-widget { padding-left: 30px; padding-top: 30px; } .tribe-events-list-widget .tribe-events-event-image { width: 76px; height: 76px; float: left; margin-right: 24px; } .tribe-events-list-widget .tribe-event-title { line-height: 1; margin-bottom: 5px; overflow: hidden; } .tribe-events-list-widget .tribe-event-duration { overflow: hidden; } .tribe-event-date-start:before, .tribe-event-date-end:before { font-family: fontawesome; display: inline-block; margin-right: 4px; } .tribe-event-date-start:before { content: "\f251"; color: #9261aa; } .tribe-event-date-end:before { content: "\f253"; color: #30a8cc; } .tribe-events-tooltip .tribe-event-date-start:before { content: "\f073"; font-size: 16px; } .tribe-events-list-widget ol li { margin-bottom: 0; } .tribe-events-list-widget .tribe-list-widget { background-color: #FBFBFB; border: 1px solid #EEEEEE; padding: 30px; } .widget .tribe-list-widget { padding-bottom: 0; } .single-tribe_events .tribe-events-event-meta { background-color: transparent; border: 0; margin: 0; } .tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group { margin-bottom: 60px; } #tribe-events-footer { margin-top: 30px; } .tribe-events-schedule { position: relative; } .tribe-events-schedule > p { margin-bottom: 16px; } .single-tribe_events .tribe-events-schedule .tribe-events-cost { position: absolute; right: 0; top: -10px; background-color: #9261aa; color: #FFFFFF; padding: 5px; } .tribe-events-meta-group-details table { border: 0 !important; table-layout: fixed; margin: 0; } .tribe-events-meta-group-details table tr { border-bottom: 1px solid #ffffff; } .tribe-events-meta-group-details table tr td:nth-child(1) { width: 45%; background-color: #9261aa; border-right: 1px solid #FFFFFF; } .tribe-events-meta-group-details table tr td:nth-child(2) { background-color: #9d72b3; } .tribe-events-meta-group-details table tr td { border-top: 0 !important; color: #FFFFFF; text-transform: uppercase; font-size: 12px !important; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; padding: 19px 30px; border-top: 1px solid #eeeeee; letter-spacing: 0.05em; vertical-align: middle; } .tribe-events-meta-group-details table tr td a { color: inherit; } .tribe-events-meta-group-details table tr td .tribe-events-gmap { color: #30a8cc; } .type-tribe_events .prettyPhoto { display: none; } .single-event-tag { border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; margin-top: 53px; } .single-event-tag dt { display: none; } .single-event-tag .tribe-event-tags { text-transform: uppercase; font-size: 12px; color: #222222; padding: 22px 15px 22px 5px; } .single-event-tag .tribe-event-tags:before { content: "\f02c"; font-family: fontawesome; display: inline-block; color: #9261aa; margin-right: 7px; } .single-event-tag .tribe-event-tags a { color: inherit; } .event-author { text-transform: uppercase; } .event-author:before { content: "\f007"; } .event-comment:before { content: "\f086"; } .event-view:before { content: "\f06e"; } .event-author, .event-comment, .event-view { padding-right: 16px; padding-left: 5px; } .event-author:before, .event-comment:before, .event-view:before { font-family: fontawesome; display: inline-block; color: #ffbd33; margin-right: 8px; } .tribe-events-single-event-description { padding-top: 19px !important; } .tribe-events-single-event-title { margin-bottom: 18px; } .tribe-events-day .tribe-events-list-event-description { padding-top: 15px; } .event.style1 .event-overlay { background-color: rgba(146, 97, 170, 0.9); } #tribe-events-content .cart { margin-top: 60px; } .tribe-events-tickets-title { background-color: #9261aa; color: #FFFFFF; font-size: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.05em; padding: 16px 30px; margin-bottom: 0; line-height: 23px; } .tribe-events-tickets { background-color: #FBFBFB; border: 1px solid #EEE !important; } .tribe-events-tickets td { border-top: 0 !important; } .tribe-events-tickets .tribe-ticket-quantity { margin-top: 17px; } .tribe-events-tickets .add-to-cart .button { display: inline-block; font-size: 12px; line-height: 1; text-align: center; text-transform: uppercase; padding: 11px 30px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-color: #30a8cc; color: #fff; border: none; } .tribe-events-tickets .add-to-cart .button:hover { background-color: #9261aa; } .tribe-events-tickets .tribe-tickets-attendees label { font-weight: 400; } .tribe-events-tickets #tribe-tickets-full-name, .tribe-events-tickets #tribe-tickets-email { width: 100%; } .tribe-events-tickets .tribe-tickets-attendees table { width: 100%; } .tribe-events-cal-links { margin-bottom: 60px; } .tribe-events-tickets .add-to-cart, .tribe-events-tickets .tribe-ticket { padding: 20px !important; } .single-tribe_events .comment-respond { padding-bottom: 60px; } .datepicker-days, .datepicker-months, .datepicker-switch, .datepicker-days .dow { font-weight: 400; } .datepicker-days .table-condensed, .datepicker-months .table-condensed { font-size: 12px; } .datepicker-days .table-condensed .datepicker-switch, .datepicker-months .table-condensed .datepicker-switch { text-transform: uppercase; } .tribe-events-sub-nav { text-transform: uppercase; } .tribe-events-ajax-loading, .tribe-events-spinner-medium { display: none; opacity: 0; } .tribe-events-day .tribe-events-day-time-slot h5 { background-color: transparent; padding-left: 0; position: relative; font-weight: 400; font-size: 20px; color: #222; } .tribe-events-day .tribe-events-day-time-slot h5:after { content: ""; border-bottom-style: solid; border-bottom-width: 2px; width: 40px; position: absolute; left: 0; top: 100%; margin-top: 10px; } .tribe-events-day .tribe-events-day-time-slot .type-tribe_events { margin-left: 0; margin-top: 20px; } /** * 10 - Color * ---------------------------------------------------------------------------- */ .p-color { color: #9261aa; } .s-color { color: #ffbd33; } .t-color { color: #30a8cc; } .heading-color { color: #222222; } .text-color { color: #868686; } .p-bg { background-color: #9261aa; } .s-bg { background-color: #ffbd33; } .t-bg { background-color: #30a8cc; } .p-border { border-color: #9261aa; } .s-border { border-color: #ffbd33; } .t-border { border-color: #30a8cc; } .p-border-left { border-left: #9261aa; } .p-border-right { border-right: #9261aa; } .p-border-top { border-top: #9261aa; } .p-border-bottom { border-bottom: #9261aa; } .s-border-left { border-left: #ffbd33; } .s-border-right { border-right: #ffbd33; } .s-border-top { border-top: #ffbd33; } .s-border-bottom { border-bottom: #ffbd33; } .t-border-left { border-left: #30a8cc; } .t-border-right { border-right: #30a8cc; } .t-border-top { border-top: #30a8cc; } .t-border-bottom { border-bottom: #30a8cc; } .p-bg-dark, .course-search.simple.style01 .title-wrap:before, .course-search.simple.style01 .title:after { background-color: #805196; } .p-bg-light { background-color: #d7c4e0; } #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a:hover { background-color: #57bad8; } .p-bg-rgba { background-color: rgba(146, 97, 170, 0.9); } .counter .counter-icon { background-color: #9261aa; } .counter span, .counter small { color: #222222; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time, .woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce div.product td.price, .checkout-message a, .product_meta, .woocommerce table.shop_table.cart.wishlist_table td.product-remove a.remove:hover:before, .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > span.quantity, .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total > span.amount, .cart_list_wrapper.sub-menu-dark li .cart-right > a.mini-cart-remove:hover, .single-product-info .content-icon-list ul li:before, .lesson-title .meta .badge.lecture, .lesson-title .meta .badge.seminar, .lesson-title .meta .badge.final, .lesson-title .meta .badge.end-of-course, .widget-course .course-item-wrap .course-info > a.course-title:hover, .woocommerce table.shop_table.cart .product-name a:hover, .course-cat-list .course-item .name a:hover, .course-categories-sc ul.text li a:hover, .course-categories-sc ul.text li a.active, .product-listing.woocommerce .product-name a:hover { color: #9261aa; } .woocommerce table.order_details tfoot tr:last-child td, .woocommerce table.woocommerce-checkout-review-order-table tfoot tr:last-child td, .woocommerce table.order_details tfoot tr:last-child th, .woocommerce table.woocommerce-checkout-review-order-table tfoot tr:last-child th { color: #9261aa; } .course-search.simple.style01 .title > span:last-child, .course-search.simple.style02 .title > span:last-child, a.woocommerce-review-link, .instructor .info .name a, .woocommerce-account .customer_login_form_wrap .lost_password a, .lesson-title .meta .badge.video, .lesson-title .meta .badge.quiz, .lesson-title .meta .badge.test, .comment-form .stars a, .woocommerce table.shop_table.cart .product-remove a:hover, .tribe-bar-views-list li:first-child a:hover { color: #ffbd33; } .lesson-title .meta .badge.activity, .lesson-title .meta .badge.practice, .lesson-title .meta .badge.exercise, .lesson-title .meta .badge.exam, .lesson-title .meta .badge.free { color: #30a8cc; } .product_meta label, .woocommerce div.product form.cart .variations td.label label, .woocommerce div.product form.cart .group_table label { color: #868686; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-top-color: #9261aa; } .ryl-section-item .owl-controls .owl-nav .owl-next:hover, .ryl-section-item .owl-controls .owl-nav .owl-prev:hover { background-color: #a982bc; } .course-search.simple.style01:after, .course-search.simple.style02:after, .course-search.simple.style02 .title-wrap:before, .course-search.advance .keyword-wrap:before, .course-search.advance .keyword-wrap:after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .widget_shopping_cart_icon > i.fa + span.total, .woocommerce nav.woocommerce-pagination ul li a.prev:hover, .woocommerce nav.woocommerce-pagination ul li a.prev:focus, .woocommerce nav.woocommerce-pagination ul li a.next:hover, .woocommerce nav.woocommerce-pagination ul li a.next:focus, .woocommerce input.button:hover, .woocommerce a.button.alt:hover, .woocommerce .cart-actions a.checkout-button:hover, .woocommerce input.button.alt:hover, .woocommerce #payment #place_order:hover, .widget-title, .product-quantity div.quantity .quantity-inner .btn-number:hover, .course-categories-sc ul.text li.magic-line { background-color: #9261aa; } #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, .search-form button, .woocommerce input.button, .woocommerce a.button.alt, .woocommerce .cart-actions a.checkout-button, .woocommerce #payment #place_order, .woocommerce input.button.alt { background-color: #30a8cc; } .tribe-events-day-time-slot h5:after, footer.main-footer-wrapper h4.widget-title:after, .course-meta:before, .view-list .product-name:before, .product-item-wrap:nth-of-type(3n+1) .product-thumb, .single-product-wrap .hd-block:before, #tab-reviews #comments h2:before, #tab-reviews .comment-respond h3.comment-reply-title:before { border-bottom-color: #ffbd33; } .product-item-wrap:nth-of-type(3n+2) .product-thumb, .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper { border-bottom-color: #9261aa; } .product-item-wrap:nth-of-type(3n+3) .product-thumb { border-bottom-color: #30a8cc; } .course-search.simple.style02:before, .course-search.advance .title-wrap:before, .course-search.advance .title-wrap:after, .on-sale, .on-new, .woocommerce-account .customer_login_form_wrap input.button[name="register"], .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button.checkout, table.compare-list .add-to-cart td a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit.alt, .woocommerce button.button.alt, .rate-bar span, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background-color: #ffbd33; } .blog-paging-default .pagination > li > span.current, .blog-paging-default .pagination > li > a:hover { background-color: #ffbd33; color: #fff; } .blog-paging-default .pagination .prev:hover, .blog-paging-default .pagination .next:hover { background-color: #9261aa; } .ourteacher .ourteacher-item .ourteacher-avatar ul li a:hover { background-color: #30a8cc; } .ourteacher .ourteacher-item:hover .ourteacher-avatar > a:before { background-color: rgba(146, 97, 170, 0.8); } .ourteacher-social li a:hover { background-color: #30a8cc; } .vc_progress-bar-color-p-color .vc_single_bar .vc_bar { background-color: #9261aa; } .vc_progress-bar-color-s-color .vc_single_bar .vc_bar { background-color: #ffbd33; } .vc_progress-bar-color-t-color .vc_single_bar .vc_bar { background-color: #30a8cc; } .vc_single_bar.vc_progress-bar-color-p-color .vc_bar { background-color: #9261aa; } .vc_single_bar.vc_progress-bar-color-s-color .vc_bar { background-color: #ffbd33; } .vc_single_bar.vc_progress-bar-color-t-color .vc_bar { background-color: #30a8cc; } .v-progress-bar.vc_progress-bar-color-p-color .vc_label_units, .v-progress-bar .vc_progress-bar-color-p-color .vc_label_units { color: #9261aa; } .v-progress-bar.vc_progress-bar-color-s-color .vc_label_units, .v-progress-bar .vc_progress-bar-color-s-color .vc_label_units { color: #ffbd33; } .v-progress-bar.vc_progress-bar-color-t-color .vc_label_units, .v-progress-bar .vc_progress-bar-color-t-color .vc_label_units { color: #30a8cc; } .h-progress-bar .vc_label { color: #222222; } @media screen and (max-width: 1024px) { .course-search.simple.style01 .title-wrap:before, .course-search.simple.style01 .title:after, .course-search.simple.style01 .title-wrap.p-bg-dark { background-color: #9261aa; } } @media screen and (max-width: 992px) { .course-search.simple.style02:before { background-color: #9261aa; } } .counter:hover .counter-icon { -moz-box-shadow: inset 0 0 8px #30a8cc; -webkit-box-shadow: inset 0 0 8px #30a8cc; box-shadow: inset 0 0 8px #30a8cc; } .feature .feature-content h4:after { background-color: #ffbd33; } .vc_row .wpb_column:nth-child(3n+1) .feature .feature-thumb { border-bottom: 5px solid #9261aa; } .vc_row .wpb_column:nth-child(3n+2) .feature .feature-thumb { border-bottom: 5px solid #ffbd33; } .vc_row .wpb_column:nth-child(3n+3) .feature .feature-thumb { border-bottom: 5px solid #30a8cc; } body { -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -ms-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; } header.main-header .header-logo img { max-height: 80px; padding-top: 0px; padding-bottom: 0px; max-width: none; } body.header-3 .top-bar { /* background-color: #e2130a;*/ background-color: #ffffff; } @media only screen and (max-width: 500px) { .wpb_gallery .theme-default .nivoSlider { /*margin-left:30px;*/ /*margin-right:10px;*/ margin-left:-10px; margin-bottom: 0; width: 460px !important; } .sk { margin-left:10px; width: 460px !important; height: 230px; } .sticky-wrapper.is-sticky .header-logo-mobile img { max-height: 100px; padding-top: 0px; } .mg-bottom-60 { margin-bottom: 60px; margin-left: 20px; margin-right: 20px; } .nivo-box, .nivo-caption, .nivoSlider { overflow: hidden; margin-left: 10px; width: 300px; } .heading h2 { margin-bottom: 0; line-height: 1em; font-weight: 400; margin-left: 20px; } } .entry-content table > tbody > tr > td, .entry-content table > tbody > tr > th, .entry-content table > tfoot > tr > td, .entry-content table > tfoot > tr > th, .entry-content table > thead > tr > td, .entry-content table > thead > tr > th { font-size: 14px; line-height: 1.2; padding: 19px 30px; letter-spacing: 0.05em; vertical-align: middle; } .checkout-button { background-color: #087fb5; } #submit { font-family: 'Roboto'; font-size: 13px; color: #fff; line-height: 1.2; letter-spacing: 0.1em; text-transform: capitalize; font-weight: normal; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; padding: 10px 20px; min-width: 90px; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .gs_tm_theme1 .gs-member-desc a, .gs_tm_theme2 .gs-member-desc a { display: none; } body { color: black; font-family: Roboto; line-height: 24px; font-weight: 400; font-style: normal; font-size: 14px; } h3 { text-transform: capitalize; } table.compare-list .add-to-cart td a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce input.button.alt { font-family: 'Roboto'; font-size: 12px; color: #fff; line-height: 1.2 !important; text-transform: capitalize; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; min-width: 50px; text-align: center; vertical-align: middle; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, .search-form button, .woocommerce input.button, .woocommerce a.button.alt, .woocommerce .cart-actions a.checkout-button, .woocommerce #payment #place_order, .woocommerce input.button.alt { background-color: #094c61; } header.main-header .header-logo img { max-height: 100px; padding-top: 0px; padding-bottom: 5px; max-width: none; } .sticky-wrapper.is-sticky .header-logo img { max-height: 80px; padding-top: 0px; max-width: none; } footer.main-footer-wrapper { background-color: #bb0000; color: #ffffff; } footer.main-footer-wrapper .bottom-bar-wrapper { height: 50px; background-color: black; color: white; } @media only screen and (max-width: 600px) { .wpb_gallery .theme-default .nivoSlider { /*margin-left:30px;*/ /*margin-right:10px;*/ margin-bottom: 0; width: 460px !important; } } .landing-Form .wpcf7-form-control-wrap input{ display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .landing-Form .wpcf7-form-control-wrap select{ display: block; width: 293px; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .landing-Form .wpcf7-submit{ font-family: 'Oswald'; font-size: 13px; line-height: 1.2; letter-spacing: 0.1em; text-align: center; text-transform: uppercase; min-width: 100%!important; padding: 9px 16px!important; background-color: #3b5998; color: #fff; border: none; border-bottom: 2px solid rgba(0, 0, 0, 0.2); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .landing-Form label { display: inline-block; max-width: 100%; margin-bottom: 0px; font-weight: 700; padding-bottom: 15px; } .landing-Form label br{ display: none; } .landing-Form .wpcf7-spinner{ display: none; } .landing-Form p { margin: 0 0 18px 0; } a{ color: #ffffff; } .white{ color: #fff !important; } .back-to-top { background-color: #000 !important; } .bottom_branding{ display: none; }