/* Theme Name: Hestia Theme URI: https://themeisle.com/themes/hestia/ Author: ThemeIsle Author URI: https://themeisle.com Description: Hestia is a modern WordPress theme for professionals. It fits creative business, small businesses (restaurants, wedding planners, sport/medical shops), startups, corporate businesses, online agencies and firms, portfolios, ecommerce (WooCommerce), and freelancers. It has a multipurpose one-page design, widgetized footer, blog/news page and a clean look, is compatible with: Flat Parallax Slider, Photo Gallery, Travel Map and Elementor Page Builder . The theme is responsive, WPML, Retina ready, SEO friendly, and uses Material Kit for design. Version: 1.1.66 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: hestia WordPress Available: yes Requires License: no Tags: blog, custom-logo, portfolio, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Hestia is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # General ## Generic styles ## Buttons and links # Navigation # Forms # Pagination and navbar # Typography # Cards styling # Tables # Sections Styling ## About Section ## Portfolio Section ## Contact Section ## Team Section ## Subscribe Section # Footer # Blog ## Content ## Sidebar ## Attachment Page # Woocommerce Integration ## My Account Page ## Generic ## YITH Magnifier # Responsive --------------------------------------------------------------*/ a, .btn.btn-border, .form-group.label-static label.control-label, .form-group.label-placeholder label.control-label, .form-group.label-floating label.control-label, .pagination a, .pagination span, .card-background:after, .authors-on-blog .footer a, .hestia-top-bar .widget.widget_search form:not(.form-group), .hestia-top-bar .widget.widget_product_search form:not(.form-group), .hestia-top-bar .widget.widget_shopping_cart .cart_list, .hestia-top-bar li a[href*="facebook.com"]:before, .hestia-top-bar li a[href*="twitter.com"]:before, .hestia-top-bar li a[href*="pinterest.com"]:before, .hestia-top-bar li a[href*="google.com"]:before, .hestia-top-bar li a[href*="linkedin.com"]:before, .hestia-top-bar li a[href*="dribbble.com"]:before, .hestia-top-bar li a[href*="github.com"]:before, .hestia-top-bar li a[href*="youtube.com"]:before, .hestia-top-bar li a[href*="instagram.com"]:before, .hestia-top-bar li a[href*="reddit.com"]:before, .hestia-top-bar li a[href*="tumblr.com"]:before, .hestia-top-bar li a[href*="behance.com"]:before, .hestia-top-bar li a[href*="snapchat.com"]:before, .hestia-top-bar li a[href*="deviantart.com"]:before, .hestia-top-bar li a[href*="vimeo.com"]:before { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } button, input[type="submit"], input[type="button"], .btn { -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1); transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1); transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1); } .form-control, .form-group .form-control, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .form-group.is-focused .form-control, .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled.focus, .btn.disabled:active, .btn.disabled.active, .btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn.focus:disabled, .btn:disabled:active, .btn.active:disabled, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled].focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn.focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active, .btn.btn-simple, .btn.btn-default.btn-simple, .btn.btn-primary.btn-simple, .btn.btn-danger.btn-simple, .btn.btn-rose.btn-simple, .btn.btn-white.btn-simple, .btn.btn-border, .btn.btn-border:hover, .btn.btn-border:focus, .navbar button.navbar-toggle, .navbar button.navbar-toggle:hover, .btn.btn-facebook.btn-simple, .navbar .navbar-nav > li > a.btn.btn-facebook.btn-simple, .btn.btn-twitter.btn-simple, .navbar .navbar-nav > li > a.btn.btn-twitter.btn-simple, .btn.btn-pinterest.btn-simple, .navbar .navbar-nav > li > a.btn.btn-pinterest.btn-simple, .btn.btn-google.btn-simple, .navbar .navbar-nav > li > a.btn.btn-google.btn-simple, .btn.btn-linkedin.btn-simple, .navbar .navbar-nav > li > a.btn.btn-linkedin.btn-simple, .btn.btn-dribbble.btn-simple, .navbar .navbar-nav > li > a.btn.btn-dribbble.btn-simple, .btn.btn-github.btn-simple, .navbar .navbar-nav > li > a.btn.btn-github.btn-simple, .btn.btn-youtube.btn-simple, .navbar .navbar-nav > li > a.btn.btn-youtube.btn-simple, .btn.btn-instagram.btn-simple, .navbar .navbar-nav > li > a.btn.btn-instagram.btn-simple, .btn.btn-reddit.btn-simple, .navbar .navbar-nav > li > a.btn.btn-reddit.btn-simple, .btn.btn-tumblr.btn-simple, .navbar .navbar-nav > li > a.btn.btn-tumblr.btn-simple, .btn.btn-behance.btn-simple, .navbar .navbar-nav > li > a.btn.btn-behance.btn-simple, .btn.btn-snapchat.btn-simple, .navbar .navbar-nav > li > a.btn.btn-snapchat.btn-simple, .btn.btn-deviantart.btn-simple, .navbar .navbar-nav > li > a.btn.btn-deviantart.btn-simple, .btn.btn-vimeo.btn-simple, .navbar .navbar-nav > li > a.btn.btn-vimeo.btn-simple, .form-group.is-focused select.form-control, .form-group.has-warning .form-control, .form-group.has-error .form-control, .form-group.has-success .form-control, .form-group.has-info .form-control, select.form-control { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .form-control, .form-group .form-control, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { background-image: -webkit-gradient(linear, left top, left bottom, from(#9c27b0), to(#9c27b0)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)); background-image: -webkit-linear-gradient(#9c27b0, #9c27b0), -webkit-linear-gradient(#d2d2d2, #d2d2d2); background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#d2d2d2, #d2d2d2); float: none; border: 0; border-radius: 0; background-color: transparent; background-repeat: no-repeat; background-position: center bottom, center -webkit-calc(100% - 1px); background-position: center bottom, center calc(100% - 1px); background-size: 0 2px, 100% 1px; font-weight: 400; -webkit-transition: background 0s ease-out; transition: background 0s ease-out; } .form-group.is-focused .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#9c27b0), to(#9c27b0)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)); background-image: -webkit-linear-gradient(#9c27b0, #9c27b0), -webkit-linear-gradient(#d2d2d2, #d2d2d2); background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#d2d2d2, #d2d2d2); outline: none; background-size: 100% 2px,100% 1px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ .navbar .navbar-brand, .carousel .sub-title, h4.author, .hestia-about p, .card-product .price, .card-product .price h4, .blog-sidebar .widget h5, .shop-sidebar .widget h5, blockquote, .media .media-heading, .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 18px; } a:not(.btn) { transition: .3s ease; } a:not(.btn):hover { opacity: .75; } .media p, h3#ship-to-different-address { font-size: 16px; } body, .btn, .form-control, ul, ol, .woocommerce #reviews #comments label { font-size: 14px; } .navbar, .navbar a, .label, .footer .footer-menu a, .media-footer a, .hestia-top-bar { font-size: 12px; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 300; line-height: 1.618; } ul, ol, .blog-post .section-text p, output { line-height: 1.618; } h1, h2, h3, h4, h5, h6 { font-weight: 300; line-height: 1.618; } h6.category { font-weight: 500; } .hestia-title, .title, .card-title, .info-title, .footer-brand, .footer-big h4, .footer-big h5, .media .media-heading, .woocommerce.archive .blog-post .products .product-category h2 { font-weight: 700; } button, input[type="submit"], input[type="button"], .btn { font-size: 12px; font-weight: 400; } .btn:not(.btn-just-icon):not(.btn-fab) .fa { font-size: 18px; } .btn.btn-just-icon { font-size: 20px; line-height: 20px; } .btn.btn-just-icon.btn-lg { font-size: 22px; } .btn .fa { font-size: 17px; } legend { font-size: 21px; } output { font-size: 14px; } button, input, select, textarea { font-size: inherit; line-height: inherit; } .form-control { font-size: 14px; line-height: 1.42857; } .form-control::-moz-placeholder, .form-group .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-group .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder, .form-group .form-control::-webkit-input-placeholder, .checkbox label, .form-group .checkbox label, .radio label, .form-group .radio label, label, .form-group label { font-size: 14px; font-weight: 400; line-height: 1.42857; } .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder, .form-group .form-control::-moz-placeholder, .form-group .form-control:-ms-input-placeholder, .form-group .form-control::-webkit-input-placeholder { font-weight: 400; } .form-group label.control-label { font-size: 11px; font-weight: 400; line-height: 1.07143; } .form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label { font-size: 14px; line-height: 1.42857; } .form-group.label-static label.control-label, .form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label { font-size: 11px; line-height: 1.07143; } label.control-label { font-size: 11px; font-weight: 400; line-height: 1.07143; } label.subscribe-label { font-weight: 300; } table > thead > tr > th { font-size: 17px; font-weight: 300; } .help-block { font-size: 11px; } .hestia-info .icon > i, .info .icon > i { font-size: 61.6px; } .info-horizontal .icon > i { font-size: 36.4px; } .media .media-heading { font-size: 18.2px; } .media p { font-size: 16px; /*line-height: 25.6px;*/ } .wp-caption-text { font-size: 14px; font-weight: 700; } .blog-post .comment-reply-link { font-size: 12px; font-weight: 400; } .blog-post .section-blog-info .card-profile .description { font-size: 14px; } .carousel .carousel-control .fa { font-size: 50px; } .card .footer .stats { line-height: 30px; } .card .footer .stats .fa { font-size: 18px; } .card .category .fa { line-height: 0; } .card-product .footer h4 { line-height: 1.2; } .card-title, .card-product .category { line-height: 1.4; } .card-pricing .card-title { font-size: 60px; line-height: 35px; } .card-pricing .card-title small { font-size: 18px; } .card-pricing .card-title small:first-child { font-size: 26px; } .navbar .navbar-brand { line-height: 30px; } .navbar .navbar-nav > li > a { font-weight: 400; } .navbar .navbar-nav > li > a .fa { font-size: 20px; } .navbar .dropdown-menu li > a { font-size: 13px; } .navbar .dropdown-menu li > a > i { font-size: 20px; } .navbar .dropdown-menu li > a .fa { font-size: 20px; } .navbar .hestia-mm-heading > span { font-size: 14px; font-weight: 600; } .responsive-nav-cart { display: none; } .nav-cart .nav-cart-icon .fa { font-size: 20px; } .nav-cart .nav-cart-icon span { font-size: 9px; line-height: 1; } .nav-cart .nav-cart-content .widget li a:not(.remove) { line-height: normal; font-weight: 400; } .nav-cart .nav-cart-content .widget .total { line-height: 1; } .nav-cart .nav-cart-content .widget .buttons .button { font-size: 12px; font-weight: 400; } .hestia-mm-description { font-size: 12px; font-weight: 400; } .hestia-top-bar { line-height: 40px; } .hestia-top-bar .widget, .hestia-top-bar .widget h5, .hestia-top-bar .widget .textwidget { line-height: inherit; } .hestia-top-bar .widget.widget_search .label-floating, .hestia-top-bar .widget.widget_product_search .label-floating { font-size: inherit; } .hestia-top-bar .widget.widget_search .label-floating.is-empty, .hestia-top-bar .widget.widget_product_search .label-floating.is-empty { font-size: inherit; font-weight: 300; } .hestia-top-bar .widget.widget_search .label-floating.is-focused .control-label, .hestia-top-bar .widget.widget_product_search .label-floating.is-focused .control-label { font-size: inherit; line-height: 20px; } .hestia-top-bar .widget.widget_search form.form-group input[type=search], .hestia-top-bar .widget.widget_product_search form.form-group input[type=search] { font-size: inherit; font-weight: 300; } .hestia-top-bar .widget.widget_search form.form-group:before, .hestia-top-bar .widget.widget_product_search form.form-group:before { font-size: 18px; } .hestia-top-bar .widget.widget_shopping_cart:before { font-size: 18px; } .hestia-top-bar .widget.widget_shopping_cart .cart_list li.empty { font-size: inherit; line-height: 1.2; } .hestia-top-bar ul { line-height: inherit; } .hestia-top-bar ul li a { font-size: inherit; line-height: inherit; } .hestia-top-bar ul li a:before { font-size: 16px; } .pagination a, .pagination span { font-size: 12px; font-weight: 400; line-height: 30px; } .footer .widget h5 { line-height: 1.4; } .footer-big .footer-menu li a[href*="mailto:"], .footer-big .footer-menu li a[href*="tel:"] { font-size: 0; } .footer-big .footer-menu li a[href*="mailto:"]:before, .footer-big .footer-menu li a[href*="tel:"]:before { font-size: 16px; } .footer-big ul li a { font-weight: 500; } h5.description { line-height: 1.5; } .hestia-about { font-weight: 300; } .hestia-about h1, .hestia-about h2, .hestia-about h3, .hestia-about h4, .hestia-about h5 { font-weight: 700; } .contactus .pirate_forms_wrap .form_field_wrap { line-height: 0; } .widget h5 { font-weight: 700; } .searchform:after, .search-form:after, .woocommerce-product-search:after { font-size: 18px; } .header-widgets-wrapper .widget, .header-widgets-wrapper .widget h5, .header-widgets-wrapper .widget .textwidget { line-height: inherit; } .header-widgets-wrapper .widget.widget_shopping_cart:before { font-size: 18px; } .header-widgets-wrapper .widget.widget_shopping_cart .cart_list li.empty { font-size: inherit; line-height: 1.2; } .header-widgets-wrapper ul { line-height: inherit; } .header-widgets-wrapper ul li a { font-size: inherit; line-height: inherit; } .header-widgets-wrapper ul li a:before { font-size: 16px; } .woocommerce ul.product_list_widget li, .footer ul.product_list_widget li, ul.product_list_widget li { font-size: 14px; } .woocommerce ul.product_list_widget li a, .footer ul.product_list_widget li a, ul.product_list_widget li a { line-height: normal; font-weight: 400; } #secondary div[id^=woocommerce_rating_filter] li a, .footer div[id^=woocommerce_rating_filter] li a { font-weight: 300; } #secondary div[id^=woocommerce_layered_nav] ul li a, #secondary div[id^=woocommerce_product_categories] ul li a, .footer div[id^=woocommerce_layered_nav] ul li a, .footer div[id^=woocommerce_product_categories] ul li a { font-weight: 400; font-size: 14px; } #secondary div[id^=woocommerce_layered_nav] ul .count, #secondary div[id^=woocommerce_product_categories] ul .count, .footer div[id^=woocommerce_layered_nav] ul .count, .footer div[id^=woocommerce_product_categories] ul .count { font-size: 14px; } #secondary div[id^=woocommerce_recent_reviews] .reviewer, .footer div[id^=woocommerce_recent_reviews] .reviewer { font-size: 15px; } #secondary div[id^=woocommerce_price_filter] .button, .footer div[id^=woocommerce_price_filter] .button { font-size: 12px; } #secondary div[id^=woocommerce_price_filter] .price_slider, .footer div[id^=woocommerce_price_filter] .price_slider { font-size: inherit; line-height: inherit; } #secondary div[id^=woocommerce_price_filter] .price_label, .footer div[id^=woocommerce_price_filter] .price_label { font-size: 14px; } div[id^=woocommerce_product_tag_cloud].widget a { font-weight: 600; line-height: 27px; font-size: 10px !important; } div[id^=woocommerce_layered_nav_filters].widget li a { font-weight: 100; } .widget_shopping_cart.widget .remove { font-size: 18px; line-height: 18px; font-weight: 600; } .widget_shopping_cart.widget .variation dt, .widget_shopping_cart.widget .variation dd { font-size: 12px; line-height: 14px; } .widget_shopping_cart.widget .variation dd p { font-size: 12px; line-height: 14px; } aside .widget a { font-weight: 500; } .star-rating { line-height: 1; font-size: 12px; } .woocommerce.single-product .product_title { font-weight: 700; } .woocommerce.single-product .summary .price, .woocommerce.single-product .woocommerce-variation-price .price { font-weight: 300; } .woocommerce.single-product .summary .price del, .woocommerce.single-product .summary .price ins, .woocommerce.single-product .summary .price span, .woocommerce.single-product .woocommerce-variation-price .price del, .woocommerce.single-product .woocommerce-variation-price .price ins, .woocommerce.single-product .woocommerce-variation-price .price span { font-weight: 300; } .woocommerce.single-product .summary .price ins { font-weight: 400; } .woocommerce.single-product .summary .price.price-unit { font-size: 16px; } .woocommerce.single-product div.product form.cart table.variations td.value:before { font-size: 12px; } .woocommerce.single-product div.product form.cart table.variations td label { font-weight: 400; } .woocommerce.single-product div.product form.cart .reset_variations { font-size: 14px; } .woocommerce.single-product div.product .woocommerce-tabs ul.tabs.wc-tabs li a { font-size: 14px; font-weight: 400; line-height: 24px; } .woocommerce.single-product .product .woocommerce-product-rating .star-rating { font-size: 12px; } .woocommerce.single-product .product .woocommerce-review-link { font-size: 14px; } .woocommerce.single-product .section-text { font-size: 14px; } .woocommerce .shop-item p { font-size: 14px; } .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { font-size: 12px; font-weight: 300; line-height: 50px; } .woocommerce .single-product div.product form.cart .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt { font-size: 12px; font-weight: 400; } .woocommerce input.button.alt { font-size: 12px; font-weight: 400; } .woocommerce input.button:disabled { font-size: 12px; font-weight: 400; } .woocommerce input.button[disabled] { font-size: 12px; font-weight: 400; } .woocommerce .cart-collaterals .cart_totals th { font-weight: 300; } .woocommerce .cart-collaterals .cart_totals td { font-weight: 700; } .woocommerce .cart-collaterals .cart_totals .checkout-button { font-size: 14px; } .woocommerce .product .card-product .card-description p { font-weight: 300; } .woocommerce ul.products li.product .price ins { font-weight: 300; } .woocommerce .hestia-features p { font-weight: 300; } .woocommerce .related.products h2 { font-weight: 700; } .woocommerce ul.products li.product .price { font-weight: 300; } .woocommerce ul.products li.product .price.price-unit { font-size: 12px; } .woocommerce nav.woocommerce-pagination ul li a { font-size: 14px; font-weight: 400; line-height: 30px; } .woocommerce nav.woocommerce-pagination ul li span { line-height: 30px; } .woocommerce dl.variation dd p { font-size: 14px; } .woocommerce .col2-set .woocommerce-account-fields label.checkbox span { font-weight: 300; } .woocommerce .woocommerce-breadcrumb { font-size: 12px; } .woocommerce .section-text { font-size: 14px; } .woocommerce .woocommerce-result-count { font-size: 14px; } .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { font-size: 12px; font-weight: 300; line-height: 35px; border-radius: 3px; width: auto; height: auto; } .woocommerce .woocommerce-ordering:before { font-size: 12px; } .woocommerce .product .wc-gzd-additional-info { font-size: 12px; line-height: 1.5; } .woocommerce .comment-reply-title { font-weight: 700; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash, .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date { font-size: 75%; } .woocommerce.archive .blog-post .products li.product-category a h2 { line-height: 1.5; } .woocommerce.archive .blog-post .products li.product-category a h2 .count { font-weight: 300; } .products .shop-item .added_to_cart { font-size: 10px; } .woocommerce-cart .shop_table .actions .coupon .input-text { font-size: 14px; } .woocommerce-cart table.shop_table th { font-size: 13px; font-weight: 300; } .woocommerce-cart table.shop_table .product-name a { font-size: 16px; font-weight: 500; line-height: 30px; } .woocommerce-cart table.shop_table td.actions input[type=submit], .woocommerce-cart table.shop_table td.actions button[type=submit] { font-size: 14px; } .woocommerce-cart p.units-info { line-height: 1.5; font-size: 14px; } .woocommerce-cart .wc-gzd-additional-wrapper p { font-size: 14px; font-weight: 700; } .woocommerce-checkout .form-row label { font-weight: 300; } .woocommerce-checkout .woocommerce-checkout-payment .form-row .woocommerce-form__label-for-checkbox, .woocommerce-checkout .woocommerce-checkout-payment li > label { font-weight: 400; } .woocommerce-checkout .woocommerce-shipping-fields h3 label { line-height: 1; } .woocommerce-checkout .woocommerce-shipping-fields h3 label span { font-weight: 300; } .woocommerce-checkout .col-md-12 #customer_details label { font-weight: 500; } .woocommerce-checkout .shop_table tr td p.units-info { font-size: 12px; } .woocommerce-checkout .shop_table .wc-gzd-additional-info { font-size: 14px; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { font-size: 12px; font-weight: 400; } .woocommerce-account .woocommerce-button, .woocommerce-account .woocommerce-Button, .woocommerce-account a.button { line-height: 20px !important; } .woocommerce-account .woocommerce-MyAccount-content h2 { font-weight: 600; } .added_to_cart.wc-forward { font-weight: 400; font-size: 10px; line-height: 30px; } .variations tr .label { font-size: 14px; } .woocommerce-info, .woocommerce-error, .woocommerce-message { line-height: 20px; } .woocommerce-info li, .woocommerce-error li, .woocommerce-message li { line-height: 1.5; } .woocommerce-info > a.button, .woocommerce-error > a.button, .woocommerce-message > a.button { font-size: 12px; font-weight: bold; } .woocommerce-info a { font-weight: 700; } .woocommerce-message a:not(.button) { font-weight: 800; } @media (max-width: 991px) { .woocommerce-account input.woocommerce-Button.button { font-size: 11px; } .woocommerce-breadcrumb { line-height: 33px; } } @media (min-width: 769px) { .navbar.full-screen-menu .navbar-nav > li a { font-size: 17px; } } @media (max-width: 768px) { h4.author { font-size: 16px; } .woocommerce-cart table.shop_table dl.variation dd, .woocommerce-cart table.shop_table dl.variation dt { font-size: 16px; line-height: 30px; } .woocommerce-cart table.shop_table dl.variation dd p { font-size: 16px; } .woocommerce-cart table.shop_table td.product-name { line-height: 30px; } .woocommerce-checkout td.product-name dl.variation dt, .woocommerce-checkout td.product-name dl.variation dd { font-size: 16px; } .woocommerce-checkout td.product-name dl.variation dd p { font-size: 16px; } .navbar .navbar-nav li > a > i, .navbar .navbar-nav li > a .fa { font-size: 22px; } .navbar .navbar-nav li .caret { font-size: 20px; } .navbar .navbar-nav li .dropdown > i, .navbar .navbar-nav li .dropdown .fa { font-size: 20px; } .navbar .navbar-nav .dropdown .dropdown-menu li a { line-height: 20px; } .navbar .navbar-nav .dropdown .dropdown-menu li a .caret { line-height: 1; } } @media (max-width: 480px) { .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select { font-size: 12px; } } body { direction: ltr; color: #3C4858; font-family: "Roboto", "Helvetica", "Arial", sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; } a { color: #9c27b0; } a:hover, a:focus { color: #89229b; text-decoration: none; } blockquote p { font-style: italic; } h3 { margin: 20px 0 10px; } h5 { margin-bottom: 15px; } h6.category { text-transform: uppercase; } .hestia-title, .title, .card-title, .info-title, .footer-brand, .footer-big h4, .footer-big h5, .media .media-heading, .woocommerce.archive .blog-post .products .product-category h2 { font-family: "Roboto Slab", "Times New Roman", serif; } .hestia-title, .hestia-title a, .hestia-title a:hover, .title, .title a, .title a:hover, .card-title, .card-title a, .card-title a:hover, .info-title, .info-title a, .info-title a:hover, .footer-brand, .footer-brand a, .footer-brand a:hover, .footer-big h4, .footer-big h4 a, .footer-big h4 a:hover, .footer-big h5, .footer-big h5 a, .footer-big h5 a:hover, .media .media-heading, .media .media-heading a, .media .media-heading a:hover, .woocommerce.archive .blog-post .products .product-category h2, .woocommerce.archive .blog-post .products .product-category h2 a, .woocommerce.archive .blog-post .products .product-category h2 a:hover { color: #3C4858; text-decoration: none; word-wrap: break-word; } .page-header .hestia-title { line-height: 1.1; } h1.title, h1.hestia-title, .pricing h2.title, .pricing h2.hestia-title, .contactus h2.title, .contactus h2.hestia-title { margin-bottom: 30px; } h2.title, h2.hestia-title { margin-bottom: 10px; } .carousel h1.hestia-title, .carousel h2.title { font-family: "Roboto", "Helvetica", "Arial", sans-serif; } .carousel span.sub-title { display: block; margin: 10px 0 0; font-family: "Roboto Slab", "Times New Roman", serif; } .carousel .buttons { margin-top: 60px; } .carousel .buttons a { padding: 17px 35px; } .description, .card-description, .footer-big { color: #999999; } .subscribe-description { color: #efefef; } .text-warning { color: #ff9800; } .text-primary { color: #9c27b0; } .text-danger { color: #f44336; } .text-success { color: #4caf50; } .text-info { color: #00bcd4; } .text-rose { color: #e91e63; } .text-gray { color: #999999; } .single-post .blog-post .section-text h1, .single-post .blog-post .section-text h2, .single-post .blog-post .section-text h3, .single-post .blog-post .section-text h4, .single-post .blog-post .section-text h5, .single-post .blog-post .section-text h6, .single-post .blog-post .section-text p, .page:not(.woocommerce-page) .blog-post .section-text h1, .page:not(.woocommerce-page) .blog-post .section-text h2, .page:not(.woocommerce-page) .blog-post .section-text h3, .page:not(.woocommerce-page) .blog-post .section-text h4, .page:not(.woocommerce-page) .blog-post .section-text h5, .page:not(.woocommerce-page) .blog-post .section-text h6, .page:not(.woocommerce-page) .blog-post .section-text p { margin: 0 0 15px; } .tooltip { opacity: 0; -webkit-transition: opacity,-webkit-transform 0.2s ease; transition: opacity,-webkit-transform 0.2s ease; transition: opacity,transform 0.2s ease; transition: opacity,transform 0.2s ease,-webkit-transform 0.2s ease; -webkit-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .tooltip.in { opacity: 1; -webkit-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } .tooltip.left .tooltip-arrow { border-left-color: #fff; } .tooltip.right .tooltip-arrow { border-right-color: #fff; } .tooltip.top .tooltip-arrow { border-top-color: #fff; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #fff; } .tooltip-inner { min-width: 130px; padding: 10px 15px; border: none; border-radius: 3px; color: #555; background: #fff; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); font-size: 12px; line-height: 1.5; text-transform: none; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .container { max-width: 100%; } @media (min-width: 749px) { .container { max-width: 748px; } } @media (min-width: 768px) { .container { max-width: 750px; } } @media (min-width: 992px) { .container { max-width: 970px; } } @media (min-width: 1200px) { .container { max-width: 2000px; } } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## General --------------------------------------------------------------*/ body { direction: ltr; background-color: #e5e5e5; overflow-x: hidden; } * { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; } embed, iframe, img, object, video, button, input, select, textarea, .wp-caption { max-width: 100%; } img { height: auto; } ul, ol { margin-bottom: 30px; } legend { border-bottom: 0; } .container { max-width: 100%; } .animation-transition-fast, .navbar, .panel .panel-heading i, .section-cards .card { -webkit-transition: all 150ms ease; transition: all 150ms ease; } .thumbnail { padding: 0; border: 0 none; border-radius: 0; } .section-image .description .default-link, .section-image .default-link, .hestia-title .default-link, .title .default-link, .default-link:hover, .default-link { color: #fff; } .description .default-link { color: #999999; } body.menu-open { overflow: hidden; } @media (min-width: 992px) { .row.hestia-like-table { display: table; width: 100%; } .row.hestia-like-table > div { display: table-cell; vertical-align: middle; float: none; } } @media (max-width: 991px) { .hestia-xs-text-center { text-align: center; } } /*-------------------------------------------------------------- ## Buttons --------------------------------------------------------------*/ :focus, :active, ::-moz-focus-inner { outline: 0 !important; } button, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, .btn::-moz-focus-inner { border: 0; } button, input, select, textarea { font-family: inherit; padding: 7px; } button:focus, input:focus, select:focus, textarea:focus { outline: 0 !important; } button, input[type="submit"], input[type="button"], .btn { position: relative; margin: 10px 1px; padding: 12px 30px; border: none; border-radius: 3px; white-space: normal; letter-spacing: 0; text-transform: uppercase; will-change: box-shadow,transform; } input[type="number"] { padding: 0; } button, input[type="submit"], input[type="button"], .btn, .btn.btn-default { -webkit-box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12); box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12); } button:hover, button:focus, button:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, .btn:hover, .btn:focus, .btn:active, .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active { -webkit-box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2); -moz-box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2); box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2); } button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, .btn, .btn:hover, .btn:focus, .btn:active, .btn.active, .btn:active:focus, .btn:active:hover, .btn.active:focus, .btn.active:hover, .open > .btn.dropdown-toggle, .open > .btn.dropdown-toggle:focus, .open > .btn.dropdown-toggle:hover, .btn.btn-default, .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default.active, .btn.btn-default:active:focus, .btn.btn-default:active:hover, .btn.btn-default.active:focus, .btn.btn-default.active:hover, .open > .btn.btn-default.dropdown-toggle, .open > .btn.btn-default.dropdown-toggle:focus, .open > .btn.btn-default.dropdown-toggle:hover { color: #fff; background-color: #999999; outline: none; } .btn > a:hover, .btn > a:focus, .btn > a:active, .btn:hover > a, .btn:focus > a, .btn:active > a { color: #fff; } .btn.btn-simple, .btn.btn-simple:hover, .btn.btn-simple:focus, .btn.btn-simple:active, .btn.btn-default.btn-simple, .btn.btn-default.btn-simple:hover, .btn.btn-default.btn-simple:focus, .btn.btn-default.btn-simple:active { color: #999999; background-color: transparent; } button, input[type="submit"], input[type="button"], .btn.btn-primary { -webkit-box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12); box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12); } button:hover, button:focus, button:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active { -webkit-box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2); -moz-box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2); box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2); } .btn.btn-primary.btn-simple, .btn.btn-primary.btn-simple:hover, .btn.btn-primary.btn-simple:focus, .btn.btn-primary.btn-simple:active { color: #9c27b0; background-color: transparent; } button, button:hover, input[type="submit"], input[type="submit"]:hover, input[type="button"], input[type="button"]:hover, input#searchsubmit, .btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .open > .btn.btn-primary.dropdown-toggle, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle:hover { color: #fff; background-color: #9c27b0; } .btn.btn-danger { -webkit-box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12); box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12); } .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active { -webkit-box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2); -moz-box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2); box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2); } .btn.btn-danger.btn-simple, .btn.btn-danger.btn-simple:hover, .btn.btn-danger.btn-simple:focus, .btn.btn-danger.btn-simple:active, .btn.btn-danger, .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger.active, .btn.btn-danger:active:focus, .btn.btn-danger:active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active:hover, .open > .btn.btn-danger.dropdown-toggle, .open > .btn.btn-danger.dropdown-toggle:focus, .open > .btn.btn-danger.dropdown-toggle:hover { color: #fff; background-color: #f44336; } .btn.btn-rose { -webkit-box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12); box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12); } .btn.btn-rose:hover, .btn.btn-rose:focus, .btn.btn-rose:active { -webkit-box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2); -moz-box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2); box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2); } .btn.btn-rose.btn-simple, .btn.btn-rose.btn-simple:hover, .btn.btn-rose.btn-simple:focus, .btn.btn-rose.btn-simple:active { color: #e91e63; background-color: transparent; } .btn.btn-rose, .btn.btn-rose:hover, .btn.btn-rose:focus, .btn.btn-rose:active, .btn.btn-rose.active, .btn.btn-rose:active:focus, .btn.btn-rose:active:hover, .btn.btn-rose.active:focus, .btn.btn-rose.active:hover, .open > .btn.btn-rose.dropdown-toggle, .open > .btn.btn-rose.dropdown-toggle:focus, .open > .btn.btn-rose.dropdown-toggle:hover { color: #fff; background-color: #e91e63; } .btn.btn-white { box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12); color: #999999; background-color: #fff; } .btn.btn-white.btn-white:focus, .btn.btn-white.btn-white:hover { color: #fff; background-color: rgba(153, 153, 153, 0.6); } .btn.btn-white.btn-simple { color: #fff; background: transparent; } .btn.btn-round { border-radius: 30px; } .btn:not(.btn-just-icon):not(.btn-fab) .fa { position: relative; } .btn.btn-just-icon { padding: 12px; } .btn.btn-just-icon:hover { box-shadow: none; } .btn.btn-just-icon i { width: 20px; } .btn.btn-just-icon.btn-lg { padding: 13px 18px; } .btn.btn-border { background: transparent; border: 1px solid #d2d2d2; color: #999999; } .btn.btn-border:hover, .btn.btn-border:focus { background: transparent; color: #3C4858; } .btn .fa { position: relative; top: -1px; vertical-align: middle; } .navbar button.navbar-toggle, .navbar button.navbar-toggle:hover { color: #555; } .navbar .button:hover { box-shadow: none !important; color: #e91e63; } .btn.btn-facebook, .btn.btn-facebook:hover, .btn.btn-facebook:focus, .btn.btn-facebook:active, .navbar .navbar-nav > li > a.btn.btn-facebook, .navbar .navbar-nav > li > a.btn.btn-facebook:hover, .navbar .navbar-nav > li > a.btn.btn-facebook:focus, .navbar .navbar-nav > li > a.btn.btn-facebook:active { color: #fff; background-color: #3b5998; } .btn.btn-facebook, .navbar .navbar-nav > li > a.btn.btn-facebook { -webkit-box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12); box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12); } .btn.btn-facebook:hover, .btn.btn-facebook:focus, .btn.btn-facebook:active, .navbar .navbar-nav > li > a.btn.btn-facebook:hover, .navbar .navbar-nav > li > a.btn.btn-facebook:focus, .navbar .navbar-nav > li > a.btn.btn-facebook:active { -webkit-box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2); -moz-box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2); box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2); } .btn.btn-facebook.btn-simple, .navbar .navbar-nav > li > a.btn.btn-facebook.btn-simple { color: #3b5998; background-color: transparent; } .btn.btn-twitter, .btn.btn-twitter:hover, .btn.btn-twitter:focus, .btn.btn-twitter:active, .navbar .navbar-nav > li > a.btn.btn-twitter, .navbar .navbar-nav > li > a.btn.btn-twitter:hover, .navbar .navbar-nav > li > a.btn.btn-twitter:focus, .navbar .navbar-nav > li > a.btn.btn-twitter:active { color: #fff; background-color: #55acee; } .btn.btn-twitter, .navbar .navbar-nav > li > a.btn.btn-twitter { -webkit-box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12); box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12); } .btn.btn-twitter:hover, .btn.btn-twitter:focus, .btn.btn-twitter:active, .navbar .navbar-nav > li > a.btn.btn-twitter:hover, .navbar .navbar-nav > li > a.btn.btn-twitter:focus, .navbar .navbar-nav > li > a.btn.btn-twitter:active { -webkit-box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2); -moz-box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2); box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2); } .btn.btn-twitter.btn-simple, .navbar .navbar-nav > li > a.btn.btn-twitter.btn-simple { color: #55acee; background-color: transparent; } .btn.btn-pinterest, .btn.btn-pinterest:hover, .btn.btn-pinterest:focus, .btn.btn-pinterest:active, .navbar .navbar-nav > li > a.btn.btn-pinterest, .navbar .navbar-nav > li > a.btn.btn-pinterest:hover, .navbar .navbar-nav > li > a.btn.btn-pinterest:focus, .navbar .navbar-nav > li > a.btn.btn-pinterest:active { color: #fff; background-color: #cc2127; } .btn.btn-pinterest, .navbar .navbar-nav > li > a.btn.btn-pinterest { -webkit-box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12); box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12); } .btn.btn-pinterest:hover, .btn.btn-pinterest:focus, .btn.btn-pinterest:active, .navbar .navbar-nav > li > a.btn.btn-pinterest:hover, .navbar .navbar-nav > li > a.btn.btn-pinterest:focus, .navbar .navbar-nav > li > a.btn.btn-pinterest:active { -webkit-box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(204, 33, 39, 0.2); -moz-box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(204, 33, 39, 0.2); box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(204, 33, 39, 0.2); } .btn.btn-pinterest.btn-simple, .navbar .navbar-nav > li > a.btn.btn-pinterest.btn-simple { color: #cc2127; background-color: transparent; } .btn.btn-google, .btn.btn-google:hover, .btn.btn-google:focus, .btn.btn-google:active, .navbar .navbar-nav > li > a.btn.btn-google, .navbar .navbar-nav > li > a.btn.btn-google:hover, .navbar .navbar-nav > li > a.btn.btn-google:focus, .navbar .navbar-nav > li > a.btn.btn-google:active { color: #fff; background-color: #dd4b39; } .btn.btn-google, .navbar .navbar-nav > li > a.btn.btn-google { -webkit-box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12); box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12); } .btn.btn-google:hover, .btn.btn-google:focus, .btn.btn-google:active, .navbar .navbar-nav > li > a.btn.btn-google:hover, .navbar .navbar-nav > li > a.btn.btn-google:focus, .navbar .navbar-nav > li > a.btn.btn-google:active { -webkit-box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2); -moz-box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2); box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2); } .btn.btn-google.btn-simple, .navbar .navbar-nav > li > a.btn.btn-google.btn-simple { color: #dd4b39; background-color: transparent; } .btn.btn-linkedin, .btn.btn-linkedin:hover, .btn.btn-linkedin:focus, .btn.btn-linkedin:active, .navbar .navbar-nav > li > a.btn.btn-linkedin, .navbar .navbar-nav > li > a.btn.btn-linkedin:hover, .navbar .navbar-nav > li > a.btn.btn-linkedin:focus, .navbar .navbar-nav > li > a.btn.btn-linkedin:active { color: #fff; background-color: #0976b4; } .btn.btn-linkedin, .navbar .navbar-nav > li > a.btn.btn-linkedin { -webkit-box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12); box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12); } .btn.btn-linkedin:hover, .btn.btn-linkedin:focus, .btn.btn-linkedin:active, .navbar .navbar-nav > li > a.btn.btn-linkedin:hover, .navbar .navbar-nav > li > a.btn.btn-linkedin:focus, .navbar .navbar-nav > li > a.btn.btn-linkedin:active { -webkit-box-shadow: 0 14px 26px -12px rgba(9, 118, 180, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 118, 180, 0.2); -moz-box-shadow: 0 14px 26px -12px rgba(9, 118, 180, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 118, 180, 0.2); box-shadow: 0 14px 26px -12px rgba(9, 118, 180, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 118, 180, 0.2); } .btn.btn-linkedin.btn-simple, .navbar .navbar-nav > li > a.btn.btn-linkedin.btn-simple { color: #0976b4; background-color: transparent; } .btn.btn-dribbble, .btn.btn-dribbble:hover, .btn.btn-dribbble:focus, .btn.btn-dribbble:active, .navbar .navbar-nav > li > a.btn.btn-dribbble, .navbar .navbar-nav > li > a.btn.btn-dribbble:hover, .navbar .navbar-nav > li > a.btn.btn-dribbble:focus, .navbar .navbar-nav > li > a.btn.btn-dribbble:active { color: #fff; background-color: #ea4c89; } .btn.btn-dribbble, .navbar .navbar-nav > li > a.btn.btn-dribbble { -webkit-box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12); box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12); } .btn.btn-dribbble:hover, .btn.btn-dribbble:focus, .btn.btn-dribbble:active, .navbar .navbar-nav > li > a.btn.btn-dribbble:hover, .navbar .navbar-nav > li > a.btn.btn-dribbble:focus, .navbar .navbar-nav > li > a.btn.btn-dribbble:active { -webkit-box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 76, 137, 0.2); -moz-box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 76, 137, 0.2); box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 76, 137, 0.2); } .btn.btn-dribbble.btn-simple, .navbar .navbar-nav > li > a.btn.btn-dribbble.btn-simple { color: #ea4c89; background-color: transparent; } .btn.btn-github, .btn.btn-github:hover, .btn.btn-github:focus, .btn.btn-github:active, .navbar .navbar-nav > li > a.btn.btn-github, .navbar .navbar-nav > li > a.btn.btn-github:hover, .navbar .navbar-nav > li > a.btn.btn-github:focus, .navbar .navbar-nav > li > a.btn.btn-github:active { color: #fff; background-color: #333; } .btn.btn-github, .navbar .navbar-nav > li > a.btn.btn-github { -webkit-box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12); box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12); } .btn.btn-github:hover, .btn.btn-github:focus, .btn.btn-github:active, .navbar .navbar-nav > li > a.btn.btn-github:hover, .navbar .navbar-nav > li > a.btn.btn-github:focus, .navbar .navbar-nav > li > a.btn.btn-github:active { -webkit-box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2); -moz-box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2); box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2); } .btn.btn-github.btn-simple, .navbar .navbar-nav > li > a.btn.btn-github.btn-simple { color: #333; background-color: transparent; } .btn.btn-youtube, .btn.btn-youtube:hover, .btn.btn-youtube:focus, .btn.btn-youtube:active, .navbar .navbar-nav > li > a.btn.btn-youtube, .navbar .navbar-nav > li > a.btn.btn-youtube:hover, .navbar .navbar-nav > li > a.btn.btn-youtube:focus, .navbar .navbar-nav > li > a.btn.btn-youtube:active { color: #fff; background-color: #e52d27; } .btn.btn-youtube, .navbar .navbar-nav > li > a.btn.btn-youtube { -webkit-box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12); box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12); } .btn.btn-youtube:hover, .btn.btn-youtube:focus, .btn.btn-youtube:active, .navbar .navbar-nav > li > a.btn.btn-youtube:hover, .navbar .navbar-nav > li > a.btn.btn-youtube:focus, .navbar .navbar-nav > li > a.btn.btn-youtube:active { -webkit-box-shadow: 0 14px 26px -12px rgba(229, 45, 39, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(229, 45, 39, 0.2); -moz-box-shadow: 0 14px 26px -12px rgba(229, 45, 39, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(229, 45, 39, 0.2); box-shadow: 0 14px 26px -12px rgba(229, 45, 39, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(229, 45, 39, 0.2); } .btn.btn-youtube.btn-simple, .navbar .navbar-nav > li > a.btn.btn-youtube.btn-simple { color: #e52d27; background-color: transparent; } .btn.btn-instagram, .btn.btn-instagram:hover, .btn.btn-instagram:focus, .btn.btn-instagram:active, .navbar .navbar-nav > li > a.btn.btn-instagram, .navbar .navbar-nav > li > a.btn.btn-instagram:hover, .navbar .navbar-nav > li > a.btn.btn-instagram:focus, .navbar .navbar-nav > li > a.btn.btn-instagram:active { color: #fff; background-color: #125688; } .btn.btn-instagram, .navbar .navbar-nav > li > a.btn.btn-instagram { -webkit-box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14), 0 3px 1px -2px rgba(18, 86, 136, 0.2), 0 1px 5px 0 rgba(18, 86, 136, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14), 0 3px 1px -2px rgba(18, 86, 136, 0.2), 0 1px 5px 0 rgba(18, 86, 136, 0.12); box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14), 0 3px 1px -2px rgba(18, 86, 136, 0.2), 0 1px 5px 0 rgba(18, 86, 136, 0.12); } .btn.btn-instagram:hover, .btn.btn-instagram:focus, .btn.btn-instagram:active, .navbar .navbar-nav > li > a.btn.btn-instagram:hover, .navbar .navbar-nav > li > a.btn.btn-instagram:focus, .navbar .navbar-nav > li > a.btn.btn-instagram:active { -webkit-box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(18, 86, 136, 0.2); -moz-box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(18, 86, 136, 0.2); box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(18, 86, 136, 0.2); } .btn.btn-instagram.btn-simple, .navbar .navbar-nav > li > a.btn.btn-instagram.btn-simple { color: #125688; background-color: transparent; } .btn.btn-reddit, .btn.btn-reddit:hover, .btn.btn-reddit:focus, .btn.btn-reddit:active, .navbar .navbar-nav > li > a.btn.btn-reddit, .navbar .navbar-nav > li > a.btn.btn-reddit:hover, .navbar .navbar-nav > li > a.btn.btn-reddit:focus, .navbar .navbar-nav > li > a.btn.btn-reddit:active { color: #fff; background-color: #ff4500; } .btn.btn-reddit, .navbar .navbar-nav > li > a.btn.btn-reddit { -webkit-box-shadow: 0 2px 2px 0 rgba(255, 69, 0, 0.14), 0 3px 1px -2px rgba(255, 69, 0, 0.2), 0 1px 5px 0 rgba(255, 69, 0, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(255, 69, 0, 0.14), 0 3px 1px -2px rgba(255, 69, 0, 0.2), 0 1px 5px 0 rgba(255, 69, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(255, 69, 0, 0.14), 0 3px 1px -2px rgba(255, 69, 0, 0.2), 0 1px 5px 0 rgba(255, 69, 0, 0.12); } .btn.btn-reddit:hover, .btn.btn-reddit:focus, .btn.btn-reddit:active, .navbar .navbar-nav > li > a.btn.btn-reddit:hover, .navbar .navbar-nav > li > a.btn.btn-reddit:focus, .navbar .navbar-nav > li > a.btn.btn-reddit:active { -webkit-box-shadow: 0 14px 26px -12px rgba(255, 69, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 69, 0, 0.2); -moz-box-shadow: 0 14px 26px -12px rgba(255, 69, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 69, 0, 0.2); box-shadow: 0 14px 26px -12px rgba(255, 69, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 69, 0, 0.2); } .btn.btn-reddit.btn-simple, .navbar .navbar-nav > li > a.btn.btn-reddit.btn-simple { color: #ff4500; background-color: transparent; } .btn.btn-tumblr, .btn.btn-tumblr:hover, .btn.btn-tumblr:focus, .btn.btn-tumblr:active, .navbar .navbar-nav > li > a.btn.btn-tumblr, .navbar .navbar-nav > li > a.btn.btn-tumblr:hover, .navbar .navbar-nav > li > a.btn.btn-tumblr:focus, .navbar .navbar-nav > li > a.btn.btn-tumblr:active { color: #fff; background-color: #35465c; } .btn.btn-tumblr, .navbar .navbar-nav > li > a.btn.btn-tumblr { -webkit-box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12); box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12); } .btn.btn-tumblr:hover, .btn.btn-tumblr:focus, .btn.btn-tumblr:active, .navbar .navbar-nav > li > a.btn.btn-tumblr:hover, .navbar .navbar-nav > li > a.btn.btn-tumblr:focus, .navbar .navbar-nav > li > a.btn.btn-tumblr:active { -webkit-box-shadow: 0 14px 26px -12px rgba(53, 70, 92, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(53, 70, 92, 0.2); -moz-box-shadow: 0 14px 26px -12px rgba(53, 70, 92, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(53, 70, 92, 0.2); box-shadow: 0 14px 26px -12px rgba(53, 70, 92, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(53, 70, 92, 0.2); } .btn.btn-tumblr.btn-simple, .navbar .navbar-nav > li > a.btn.btn-tumblr.btn-simple { color: #35465c; background-color: transparent; } .btn.btn-behance, .btn.btn-behance:hover, .btn.btn-behance:focus, .btn.btn-behance:active, .navbar .navbar-nav > li > a.btn.btn-behance, .navbar .navbar-nav > li > a.btn.btn-behance:hover, .navbar .navbar-nav > li > a.btn.btn-behance:focus, .navbar .navbar-nav > li > a.btn.btn-behance:active { color: #fff; background-color: #1769ff; } .btn.btn-behance, .navbar .navbar-nav > li > a.btn.btn-behance { -webkit-box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12); box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12); } .btn.btn-behance:hover, .btn.btn-behance:focus, .btn.btn-behance:active, .navbar .navbar-nav > li > a.btn.btn-behance:hover, .navbar .navbar-nav > li > a.btn.btn-behance:focus, .navbar .navbar-nav > li > a.btn.btn-behance:active { -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2); -moz-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2); box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2); } .btn.btn-behance.btn-simple, .navbar .navbar-nav > li > a.btn.btn-behance.btn-simple { color: #1769ff; background-color: transparent; } .btn.btn-snapchat, .btn.btn-snapchat:hover, .btn.btn-snapchat:focus, .btn.btn-snapchat:active, .navbar .navbar-nav > li > a.btn.btn-snapchat, .navbar .navbar-nav > li > a.btn.btn-snapchat:hover, .navbar .navbar-nav > li > a.btn.btn-snapchat:focus, .navbar .navbar-nav > li > a.btn.btn-snapchat:active { color: #fff; background-color: #fffc00; } .btn.btn-snapchat, .navbar .navbar-nav > li > a.btn.btn-snapchat { -webkit-box-shadow: 0 2px 2px 0 rgba(255, 252, 0, 0.14), 0 3px 1px -2px rgba(255, 252, 0, 0.2), 0 1px 5px 0 rgba(255, 252, 0, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(255, 252, 0, 0.14), 0 3px 1px -2px rgba(255, 252, 0, 0.2), 0 1px 5px 0 rgba(255, 252, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(255, 252, 0, 0.14), 0 3px 1px -2px rgba(255, 252, 0, 0.2), 0 1px 5px 0 rgba(255, 252, 0, 0.12); } .btn.btn-snapchat:hover, .btn.btn-snapchat:focus, .btn.btn-snapchat:active, .navbar .navbar-nav > li > a.btn.btn-snapchat:hover, .navbar .navbar-nav > li > a.btn.btn-snapchat:focus, .navbar .navbar-nav > li > a.btn.btn-snapchat:active { -webkit-box-shadow: 0 14px 26px -12px rgba(255, 252, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 252, 0, 0.2); -moz-box-shadow: 0 14px 26px -12px rgba(255, 252, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 252, 0, 0.2); box-shadow: 0 14px 26px -12px rgba(255, 252, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 252, 0, 0.2); } .btn.btn-snapchat.btn-simple, .navbar .navbar-nav > li > a.btn.btn-snapchat.btn-simple { color: #fffc00; background-color: transparent; } .btn.btn-deviantart, .btn.btn-deviantart:hover, .btn.btn-deviantart:focus, .btn.btn-deviantart:active, .navbar .navbar-nav > li > a.btn.btn-deviantart, .navbar .navbar-nav > li > a.btn.btn-deviantart:hover, .navbar .navbar-nav > li > a.btn.btn-deviantart:focus, .navbar .navbar-nav > li > a.btn.btn-deviantart:active { color: #fff; background-color: #05cc47; } .btn.btn-deviantart, .navbar .navbar-nav > li > a.btn.btn-deviantart { -webkit-box-shadow: 0 2px 2px 0 rgba(5, 204, 71, 0.14), 0 3px 1px -2px rgba(5, 204, 71, 0.2), 0 1px 5px 0 rgba(5, 204, 71, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(5, 204, 71, 0.14), 0 3px 1px -2px rgba(5, 204, 71, 0.2), 0 1px 5px 0 rgba(5, 204, 71, 0.12); box-shadow: 0 2px 2px 0 rgba(5, 204, 71, 0.14), 0 3px 1px -2px rgba(5, 204, 71, 0.2), 0 1px 5px 0 rgba(5, 204, 71, 0.12); } .btn.btn-deviantart:hover, .btn.btn-deviantart:focus, .btn.btn-deviantart:active, .navbar .navbar-nav > li > a.btn.btn-deviantart:hover, .navbar .navbar-nav > li > a.btn.btn-deviantart:focus, .navbar .navbar-nav > li > a.btn.btn-deviantart:active { -webkit-box-shadow: 0 14px 26px -12px rgba(5, 204, 71, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(5, 204, 71, 0.2); -moz-box-shadow: 0 14px 26px -12px rgba(5, 204, 71, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(5, 204, 71, 0.2); box-shadow: 0 14px 26px -12px rgba(5, 204, 71, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(5, 204, 71, 0.2); } .btn.btn-deviantart.btn-simple, .navbar .navbar-nav > li > a.btn.btn-deviantart.btn-simple { color: #05cc47; background-color: transparent; } .btn.btn-vimeo, .btn.btn-vimeo:hover, .btn.btn-vimeo:focus, .btn.btn-vimeo:active, .navbar .navbar-nav > li > a.btn.btn-vimeo, .navbar .navbar-nav > li > a.btn.btn-vimeo:hover, .navbar .navbar-nav > li > a.btn.btn-vimeo:focus, .navbar .navbar-nav > li > a.btn.btn-vimeo:active { color: #fff; background-color: #1ab7ea; } .btn.btn-vimeo, .navbar .navbar-nav > li > a.btn.btn-vimeo { -webkit-box-shadow: 0 2px 2px 0 rgba(26, 183, 234, 0.14), 0 3px 1px -2px rgba(26, 183, 234, 0.2), 0 1px 5px 0 rgba(26, 183, 234, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(26, 183, 234, 0.14), 0 3px 1px -2px rgba(26, 183, 234, 0.2), 0 1px 5px 0 rgba(26, 183, 234, 0.12); box-shadow: 0 2px 2px 0 rgba(26, 183, 234, 0.14), 0 3px 1px -2px rgba(26, 183, 234, 0.2), 0 1px 5px 0 rgba(26, 183, 234, 0.12); } .btn.btn-vimeo:hover, .btn.btn-vimeo:focus, .btn.btn-vimeo:active, .navbar .navbar-nav > li > a.btn.btn-vimeo:hover, .navbar .navbar-nav > li > a.btn.btn-vimeo:focus, .navbar .navbar-nav > li > a.btn.btn-vimeo:active { -webkit-box-shadow: 0 14px 26px -12px rgba(26, 183, 234, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(26, 183, 234, 0.2); -moz-box-shadow: 0 14px 26px -12px rgba(26, 183, 234, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(26, 183, 234, 0.2); box-shadow: 0 14px 26px -12px rgba(26, 183, 234, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(26, 183, 234, 0.2); } .btn.btn-vimeo.btn-simple, .navbar .navbar-nav > li > a.btn.btn-vimeo.btn-simple { color: #1ab7ea; background-color: transparent; } /*-------------------------------------------------------------- ## Forms --------------------------------------------------------------*/ legend { margin-bottom: 20px; } output { padding-top: 8px; } .radio label, .checkbox label { min-height: 20px; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .label { background-color: #fff; border-radius: 2px; } .label.label-default { background-color: #fff; } .label.label-primary { background-color: #9c27b0; } .label.label-success { background-color: #4caf50; } .label.label-danger { background-color: #f44336; } .label.label-rose { background-color: #e91e63; } .form-control { height: 36px; padding: 7px 0; } .form-control-static { min-height: 34px; padding-top: 8px; padding-bottom: 8px; } .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder, .form-group .form-control::-moz-placeholder, .form-group .form-control:-ms-input-placeholder, .form-group .form-control::-webkit-input-placeholder { color: #aaa; } .form-control[readonly], .form-control[disabled], fieldset[disabled] .form-control, .form-group .form-control[readonly], .form-group .form-control[disabled], fieldset[disabled] .form-group .form-control { background-color: transparent; } .form-control[disabled], fieldset[disabled] .form-control, .form-group .form-control[disabled], fieldset[disabled] .form-group .form-control { border-bottom: 1px dotted #d2d2d2; background-image: none; } .form-control { margin-bottom: 7px; } .form-control::-moz-placeholder, .form-group .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-group .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder, .form-group .form-control::-webkit-input-placeholder, .checkbox label, .form-group .checkbox label, .radio label, .form-group .radio label, label, .form-group label { color: #aaa; } label.control-label { margin: 16px 0 0; color: #aaa; } .help-block { margin-top: 0; } .form-group { padding-bottom: 7px; position: relative; } .form-group .form-control { margin-bottom: 7px; } .form-group label.control-label { margin: 16px 0 0; color: #aaa; } .form-group input[type=file] { position: relative; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 1; } .form-group textarea { resize: none; } .form-group textarea ~ .form-control-highlight { margin-top: -11px; } .form-group .help-block { margin-top: 0; display: none; position: absolute; } .form-group.label-static label.control-label, .form-group.label-placeholder label.control-label, .form-group.label-floating label.control-label { position: absolute; pointer-events: none; } .form-group.label-floating label.control-label { will-change: left,top,contents; } .form-group.label-placeholder:not(.is-empty) label.control-label { display: none; } .form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label { top: -7px; left: 0; } .form-group.label-static label.control-label, .form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label { top: -28px; left: 0; } .form-group.is-focused .form-control .material-input:after { background-color: #9c27b0; } .form-group.is-focused.label-placeholder label, .form-group.is-focused.label-placeholder label.control-label { color: #aaa; } .form-group.is-focused select.form-control { border-color: #d2d2d2; } .form-group.has-warning.is-focused .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9800), to(#ff9800)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)); background-image: -webkit-linear-gradient(#ff9800, #ff9800), -webkit-linear-gradient(#d2d2d2, #d2d2d2); background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#d2d2d2, #d2d2d2); } .form-group.has-warning label.control-label { color: #ff9800; } .form-group.has-error.is-focused .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#f44336), to(#f44336)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)); background-image: -webkit-linear-gradient(#f44336, #f44336), -webkit-linear-gradient(#d2d2d2, #d2d2d2); background-image: linear-gradient(#f44336, #f44336), linear-gradient(#d2d2d2, #d2d2d2); } .form-group.has-error label.control-label { color: #f44336; } .form-group.has-success.is-focused .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#4caf50), to(#4caf50)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)); background-image: -webkit-linear-gradient(#4caf50, #4caf50), -webkit-linear-gradient(#d2d2d2, #d2d2d2); background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#d2d2d2, #d2d2d2); } .form-group.has-success label.control-label { color: #4caf50; } .form-group.has-info.is-focused .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#00bcd4), to(#00bcd4)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)); background-image: -webkit-linear-gradient(#00bcd4, #00bcd4), -webkit-linear-gradient(#d2d2d2, #d2d2d2); background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#d2d2d2, #d2d2d2); } .form-group.has-info label.control-label, .form-group.has-info .help-block { color: #00bcd4; } select.form-control { border: 0; border-radius: 0; } select.form-control[multiple], select .form-group.is-focused select.form-control[multiple] { height: 85px; } .input-group-btn .btn { margin: 0 0 7px; } .input-group .input-group-btn { padding: 0 12px; } .input-group .input-group-addon { padding: 6px 15px 0; border: 0; background: transparent; } .form-control-feedback { opacity: 0; } .has-success .form-control-feedback { opacity: 1; color: #4caf50; } .has-error .form-control-feedback { opacity: 1; color: #f44336; } .searchform label, .search-form label { display: table-cell; vertical-align: top; padding-right: 25px; width: 100%; } .searchform, .search-form, .woocommerce-product-search { display: table; position: relative; } .searchform input[type=submit], .search-form input[type=submit], .woocommerce-product-search input[type=submit] { display: table-cell; vertical-align: top; padding-left: 0; padding-right: 0; text-align: center; text-indent: -9999px; top: -19px; width: 45px; } .searchform input[type=search], .search-form input[type=search], .woocommerce-product-search input[type=search] { height: 36px; } .searchform:after, .search-form:after, .woocommerce-product-search:after { color: #fff; content: "\f002"; font-family: 'Fontawesome'; pointer-events: none; position: absolute; right: 15px; top: 0; } .woocommerce-product-search { width: 100%; } .woocommerce-product-search input[type=submit] { float: right; } .woocommerce-product-search input[type=search] { display: table-cell; vertical-align: top; float: left; width: 70%; } .blog-sidebar-wrapper .widget:nth-of-type(1).widget_search, .blog-sidebar-wrapper .widget:nth-of-type(1).widget_product_search { padding-top: 11px; } /*-------------------------------------------------------------- ## Navigation --------------------------------------------------------------*/ body:not(.home) .navbar-default .navbar-nav > .active > a, body:not(.home) .navbar-default .navbar-nav > .active > a:hover, body:not(.home) .navbar-default .navbar-nav > .active > a:focus { background: transparent; } .navbar { border: 0; padding: 0; border-radius: 3px; -webkit-box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .navbar > .container { transition: padding .1s ease; padding-top: 10px; padding-bottom: 10px; } .navbar > .container .navbar-brand { margin-left: 0; } .navbar .navbar-right { margin-right: 0; } .navbar .navbar-nav > li { margin: 0; } .navbar .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; border-radius: 3px; color: inherit; text-transform: uppercase; } .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus { color: inherit; } .navbar .navbar-nav > li > a:hover:before, .navbar .navbar-nav > li > a:focus:before { color: inherit; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .navbar .navbar-nav > li > a .fa { max-width: 20px; } .navbar .navbar-nav > li > a:not(.btn-just-icon) .fa { position: relative; top: 2px; margin-top: -4px; margin-right: 4px; } .navbar .navbar-nav > li a:hover { opacity: 1; } .navbar .navbar-nav > li > a:not(.btn) .fa { position: relative; top: 0; margin-top: -3px; margin-right: 3px; } .navbar .navbar-nav > li .dropdown-menu { margin-top: -5px; } .navbar .navbar-nav > li.btn { padding: 0 10px; } .navbar .navbar-nav > li.btn > a { color: #fff; } .navbar .navbar-nav > li.btn a:hover:before, .navbar .navbar-nav > li.btn a:focus:before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .navbar .navbar-nav > li:hover > .dropdown-menu { margin-top: 0; } .navbar .navbar-nav > li:not(.btn) > a:before, .navbar .navbar-nav > li:not(.btn) .hestia-toggle-search:before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border-radius: 3px; background-color: rgba(255, 255, 255, 0.1); content: ""; -webkit-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1); -moz-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1); -o-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1); -ms-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1); transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; } .navbar .navbar-nav > li:not(.btn):hover a:before, .navbar .navbar-nav > li:not(.btn):hover .hestia-toggle-search:before { color: inherit; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .navbar:not(.hestia_center) .title-logo-wrapper { max-width: 250px; } .navbar .navbar-brand { padding: 0; position: relative; color: inherit; height: auto; } .navbar .navbar-brand img { width: auto; max-height: 50px; } .navbar .navbar-brand p { margin-bottom: 0; } .navbar .navbar-brand:hover, .navbar .navbar-brand:focus { color: inherit; background-color: transparent; } .navbar .navbar-toggle { float: right; border: 0; } .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus { background-color: transparent; } .navbar .navbar-toggle .icon-bar { border: 1px solid; } .navbar .navbar-header { float: left; } .navbar .navbar-collapse { border-top: none; } .navbar .btn { margin-top: 0; margin-bottom: 0; will-change: initial; } .navbar.navbar-transparent { color: #fff; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .navbar.navbar-transparent .navbar-nav > .active > a { background: transparent; color: #fff; } .navbar.navbar-transparent > .container { padding-top: 25px; } .navbar { color: #555; background-color: #fff; -webkit-transition: none; transition: none; } .navbar .navbar-nav > .active > a { background: transparent; } .navbar .dropdown-menu { border: 0; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); border-radius: 3px !important; } .navbar .dropdown-menu > .active > a { color: #333; background-color: transparent; } .navbar .dropdown-menu li { position: relative; } .navbar .dropdown-menu li:hover > a { color: #e91e63; } .navbar .dropdown-menu li:hover > a > i { opacity: .7; } .navbar .dropdown-menu li > a { color: #333; background-color: transparent; margin: 0 5px; padding: 10px; border-radius: 2px; -webkit-transition: all 150ms linear; transition: all 150ms linear; } .navbar .dropdown-menu li > a > i { position: relative; top: 1px; min-width: 30px; margin-right: 12px; opacity: .5; text-align: center; } .navbar .dropdown-menu li > a .fa { position: relative; top: 1px; margin-top: -4px; margin-right: 12px; vertical-align: middle; } .navbar-fixed-top { border-radius: 0; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { display: none !important; top: 0; left: 100%; margin-top: -6px; margin-left: -1px; } .dropdown-submenu:hover > .dropdown-menu { display: table !important; } .dropdown-submenu:hover > .dropdown-toggle .caret { border-left: 4px dashed; border-top: 4px solid transparent; border-bottom: 4px solid transparent; } .navbar.hestia_center { float: none !important; } .navbar.hestia_center .navbar-collapse { text-align: center; } .navbar.hestia_center .navbar-header { display: block !important; text-align: center; padding-bottom: 10px; width: 100%; max-width: 100%; } .navbar.hestia_center .navbar-brand { float: none; } .navbar.hestia_center .navbar-brand > img { display: inherit; } .navbar { position: fixed; } .navbar.header-with-topbar, .navbar.header-with-topbar.hestia_center, .navbar.header-with-topbar.hestia_right { position: absolute; top: 40px; } .navbar.navbar-scroll-point, .navbar.navbar-scroll-point.header-with-topbar, .navbar.navbar-scroll-point.hestia_center, .navbar.navbar-scroll-point.hestia_right { position: fixed; top: 0; } .navbar.full-screen-menu.header-with-topbar { position: absolute; top: 40px; } .navbar.full-screen-menu.navbar-scroll-point, .navbar.full-screen-menu.navbar-scroll-point.header-with-topbar { position: fixed; top: 0; } .navbar.full-screen-menu.navbar-scroll-point .header-sidebar-wrapper { display: none; } body.admin-bar .navbar { margin-top: 32px; } .navbar-toggle .icon-bar { transition: .3s ease; position: relative; } .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 6px; } .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) { width: 0; opacity: 0; } .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: -6px; } .navbar-toggle[aria-expanded="false"] .icon-bar:nth-child(1) { top: 0; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .navbar-toggle[aria-expanded="false"] .icon-bar:nth-child(2) { top: 0; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .navbar-toggle[aria-expanded="false"] .icon-bar:nth-child(3) { top: 0; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #main-navigation ul.nav > li { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; visibility: visible; } .search-submit-wrapper { width: 50px; display: table-cell; padding: 0; vertical-align: top; padding-left: 6px; } .search-field-wrapper { display: table-cell; width: 100%; padding: 0; vertical-align: bottom; } .hestia-nav-search { padding: 0 15px; } .full-screen-menu .hestia-nav-search { padding: 15px 0 0 15px; display: table; width: 100%; } .hestia-toggle-search { display: none; } .hestia-nav-search .hestia-search-submit { padding: 10px 15px; } .full-screen-menu .hestia-nav-search .hestia-search-submit { margin: 0; } .full-screen-menu .hestia-nav-search .form-control { width: 100%; margin: 0; vertical-align: bottom; padding-right: 40px; } @media (min-width: 769px) { .navbar.navbar-default .navbar-nav > .btn.open > a, .navbar.navbar-default .navbar-nav > .btn.active > a, .navbar.navbar-default .navbar-nav > .btn > a { color: #fff; background: transparent; } .navbar.navbar-not-transparent .navbar-nav > .active:not(.btn) > a, .navbar.navbar-not-transparent .navbar-nav > .active:not(.btn) > a:hover, .navbar.navbar-not-transparent .navbar-nav > .active:not(.btn) > a:focus { background: transparent; } .navbar:not(.full-screen-menu) .hestia-nav-search .search-submit-wrapper { display: none; } .hestia-search-in-menu { cursor: pointer; position: relative; z-index: 999; vertical-align: middle; display: inline-block; } .hestia-search-in-menu form { margin: 0; padding: 0; } .navbar:not(.full-screen-menu) .hestia-search-in-nav { width: 200px; max-width: 0; padding: 5px; transition: all .5s ease; position: absolute; right: 40px; box-sizing: border-box; opacity: 0; } .navbar:not(.full-screen-menu).nav-searching .hestia-search-in-nav { max-width: 200px; opacity: 1; } .nav-searching #main-navigation ul.nav li:not(.hestia-search-in-menu) { opacity: 0; visibility: hidden; } .navbar:not(.full-screen-menu) .hestia-toggle-search { display: block; padding: 12.5px; width: 38px; } .navbar-transparent:not(.full-screen-menu) .hestia-search-in-nav .search-field { color: #ffffff; } .navbar-transparent:not(.full-screen-menu) .hestia-search-in-nav .search-field::-webkit-input-placeholder { color: #ffffff; } .navbar-transparent:not(.full-screen-menu) .hestia-search-in-nav .search-field::-moz-placeholder { color: #ffffff; } .navbar-transparent:not(.full-screen-menu) .hestia-search-in-nav .search-field:-ms-input-placeholder { color: #ffffff; } .navbar-transparent:not(.full-screen-menu) .hestia-search-in-nav .search-field:-moz-placeholder { color: #ffffff; } .navbar:not(.full-screen-menu) .search-field-wrapper { float: right; } .hestia-nav-search { padding: 0; } } /*-------------------------------------------------------------- ## Navbar Widgets --------------------------------------------------------------*/ .hestia_right .blog-sidebar-wrapper, .hestia_right .header-sidebar-wrapper { float: none; display: table-cell; width: 100%; vertical-align: middle; } .hestia_right .blog-sidebar-wrapper .header-widgets-wrapper, .hestia_right .header-sidebar-wrapper .header-widgets-wrapper { position: relative; float: right; } .hestia_right .blog-sidebar-wrapper .header-widgets-wrapper .widget, .hestia_right .header-sidebar-wrapper .header-widgets-wrapper .widget { vertical-align: middle; display: inline-block; } .header-widgets-wrapper .widget { margin: 0 10px 0 0; } .header-widgets-wrapper .widget:last-of-type { margin-right: 0; } .header-widgets-wrapper .widget, .header-widgets-wrapper .widget h5, .header-widgets-wrapper .widget .textwidget { display: inline-block; } .header-widgets-wrapper .widget h5 { margin: 0 5px 0 0; } .header-widgets-wrapper .widget .btn { padding: 3px 10px; } .header-widgets-wrapper .widget .btn a { color: #fff; } .header-widgets-wrapper .widget.widget_nav_menu h5, .header-widgets-wrapper .widget.widget_categories h5, .header-widgets-wrapper .widget.widget_product_categories h5, .header-widgets-wrapper .widget.widget_search h5, .header-widgets-wrapper .widget.widget_product_search h5, .header-widgets-wrapper .widget.widget_meta h5 { display: none; } .header-widgets-wrapper .widget.widget_nav_menu input[type=submit], .header-widgets-wrapper .widget.widget_categories input[type=submit], .header-widgets-wrapper .widget.widget_product_categories input[type=submit], .header-widgets-wrapper .widget.widget_search input[type=submit], .header-widgets-wrapper .widget.widget_product_search input[type=submit], .header-widgets-wrapper .widget.widget_meta input[type=submit] { opacity: 0; left: -15px; } .header-widgets-wrapper .widget .searchform:after, .header-widgets-wrapper .widget .search-form:after, .header-widgets-wrapper .widget .woocommerce-product-search:after { right: 30px; } .header-widgets-wrapper .widget.widget_product_search form, .header-widgets-wrapper .widget.widget_search form { top: 15px; } .header-widgets-wrapper .widget.widget_product_search form:after, .header-widgets-wrapper .widget.widget_search form:after { color: #333; } .header-widgets-wrapper .widget.widget_product_search form .control-label, .header-widgets-wrapper .widget.widget_search form .control-label { color: #333; } .header-widgets-wrapper .widget.widget_shopping_cart { margin-top: 7px; cursor: pointer; position: relative; } .header-widgets-wrapper .widget.widget_shopping_cart .button.checkout { display: none; } .header-widgets-wrapper .widget.widget_shopping_cart .wc-forward:not(.checkout) { opacity: 0; position: absolute; top: -5px; left: -4px; } .header-widgets-wrapper .widget.widget_shopping_cart:before { color: #333; content: "\f07a"; font-family: 'Fontawesome'; margin-right: 5px; } .header-widgets-wrapper .widget.widget_shopping_cart:hover .cart_list { opacity: 1; display: block; visibility: visible; margin-top: 10px; } .header-widgets-wrapper .widget.widget_shopping_cart h5 { display: none; } .header-widgets-wrapper .widget.widget_shopping_cart .widget_shopping_cart_content { display: inline-block; } .header-widgets-wrapper .widget.widget_shopping_cart .cart_list { margin-top: 0; display: block; visibility: hidden; transition: all .3s ease; opacity: 0; padding: 0 15px 15px; position: absolute; left: 0; top: 15px; z-index: 10; border: 0; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); border-radius: 3px !important; background: #fff; } .header-widgets-wrapper .widget.widget_shopping_cart .cart_list li { color: #333; display: block; margin-top: 15px; padding-bottom: 0; white-space: nowrap; } .header-widgets-wrapper .widget.widget_shopping_cart .cart_list li a:not(.remove) { color: #333; margin: 0; padding-right: 65px; text-align: left; } .header-widgets-wrapper .widget.widget_shopping_cart .cart_list li img { float: left; width: 50px; margin-left: 0; margin-right: 15px; } .header-widgets-wrapper .widget.widget_shopping_cart .cart_list li .quantity { float: left; } .header-widgets-wrapper .widget.widget_shopping_cart .cart_list li .variation { display: none; } .header-widgets-wrapper .widget.widget_shopping_cart .cart_list li.empty { padding: 0; } .header-widgets-wrapper .widget.widget_shopping_cart .total { border: none; margin: 0; padding: 0; } .header-widgets-wrapper .widget.widget_shopping_cart .total strong { display: none; } .header-widgets-wrapper .widget.widget_shopping_cart .total .amount { float: none; } .header-widgets-wrapper ul li { cursor: auto; display: inline-block; margin: 0 5px; } .header-widgets-wrapper ul li:first-child { margin-left: 0; } .header-widgets-wrapper ul li:last-child { margin-right: 0; } .header-widgets-wrapper ul li a { padding: 0; text-transform: inherit; } .header-widgets-wrapper ul li a:before { background-color: transparent; position: static; font-family: 'FontAwesome'; } .header-widgets-wrapper ul li a:hover, .header-widgets-wrapper ul li a:focus { background-color: transparent; outline: none; } .header-widgets-wrapper ul li a[href*="tel:"]:before, .header-widgets-wrapper ul li a[href*="mailto:"]:before { margin-right: 7px; } .header-widgets-wrapper ul li a[href*="tel:"]:before { content: '\f095'; } .header-widgets-wrapper ul li a[href*="mailto:"]:before { content: '\f0e0'; } .header-widgets-wrapper ul li.dropdown .caret { display: none; } .navbar-transparent .widget .btn:hover a { color: #fff; } .navbar-transparent .widget.widget_shopping_cart:before { color: #fff; } .navbar-transparent .widget.widget_search form:after, .navbar-transparent .widget.widget_search form.form-group:before, .navbar-transparent .widget.widget_search form .control-label, .navbar-transparent .widget.widget_product_search form:after, .navbar-transparent .widget.widget_product_search form.form-group:before, .navbar-transparent .widget.widget_product_search form .control-label { color: #fff; } /*-------------------------------------------------------------- ## Pagination --------------------------------------------------------------*/ .pagination { width: 100%; text-align: center; } .pagination > li > a { border: 0; } .pagination a, .pagination span { min-width: 30px; height: 30px; margin: 0 3px; padding: 0 11px; border-radius: 30px !important; color: #999999; background: transparent; text-transform: uppercase; display: inline-block; } .pagination a:hover, .pagination a:focus { color: #999999; background-color: #eee; } .pagination span:not(.dots):hover, .pagination span:not(.dots):focus { color: #999999; background-color: #eee; } .pagination span.current, .pagination span.current:focus, .pagination span.current:hover { border-color: #9c27b0; color: #fff; background-color: #9c27b0; -webkit-box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2); box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2); } .pagination .next.page-numbers:after { content: " \00bb"; } .pagination .prev.page-numbers:before { content: "\00ab "; } .label { padding: 5px 12px; border-radius: 12px; text-transform: uppercase; } .label.label-default { background-color: #999999; } /*-------------------------------------------------------------- # Cards styling --------------------------------------------------------------*/ .card { display: inline-block; position: relative; width: 100%; margin-bottom: 30px; border-radius: 6px; color: rgba(0, 0, 0, 0.87); background: #fff; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .card .card-image { overflow: hidden; position: relative; height: 60%; margin-top: -30px; margin-right: 15px; margin-left: 15px; border-radius: 6px; -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .card .card-image img { width: 100%; height: 100%; margin: 0 !important; border-radius: 6px; } .card .category:not([class*="text-"]) { color: #999999; } .card .content { padding: 15px 30px; } .card .header { margin: 15px; padding: 15px 0; border-radius: 3px; background-color: #fff; } .card .header-primary, .card .content-primary { background: -webkit-linear-gradient(30deg, #ab47bc, #7b1fa2); background: linear-gradient(60deg, #ab47bc, #7b1fa2); } .card [class*="header-"], .card [class*="content-"], .card [class*="header-"] .card-title a, .card [class*="header-"] .card-title, .card [class*="header-"] .icon i, .card [class*="content-"] .card-title a, .card [class*="content-"] .card-title, .card [class*="content-"] .icon i, .card [class*="header-"] .author a:hover, .card [class*="header-"] .author a:focus, .card [class*="header-"] .author a:active, .card [class*="content-"] .author a:hover, .card [class*="content-"] .author a:focus, .card [class*="content-"] .author a:active { color: #fff; } .card [class*="header-"] .icon i, .card [class*="content-"] .icon i { border-color: rgba(255, 255, 255, 0.25); } .card [class*="header-"] .author a, .card [class*="header-"] .footer .stats, .card [class*="header-"] .category, .card [class*="header-"] .card-description, .card [class*="content-"] .author a, .card [class*="content-"] .footer .stats, .card [class*="content-"] .category, .card [class*="content-"] .card-description, .card [class*="content-"] h1 small, .card [class*="content-"] h2 small, .card [class*="content-"] h3 small { color: rgba(255, 255, 255, 0.8); } .card [class*="content-"] { border-radius: 6px; } .card img { width: 100%; height: auto; } .card .category .fa { position: relative; top: 6px; } .card .author .avatar { overflow: hidden; width: 30px; height: 30px; margin-right: 5px; border-radius: 50%; } .card .author a { color: #3C4858; text-decoration: none; } .card .author .date { display: none; } .card .footer { margin-top: 15px; } .card .footer div { /* WooCommerce fix */ display: inline-block !important; } .card .footer .author, .card .footer .stats { color: #999999; } .card .footer .stats { float: right; } .card .footer .stats .fa { position: relative; top: 4px; } .card .checkbox { margin-top: 16px; } .card-contact .header { margin-top: -20px; padding: 17px 10px; } .card-plain { background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .card-plain .content { padding-right: 5px; padding-left: 5px; } .card-plain .card-image { margin: 0; border-radius: 3px; } .card-plain .card-image a { display: block; } .card-plain .card-image img { border-radius: 3px; } .card-form-horizontal .content { padding-right: 15px; padding-left: 15px; } .card-form-horizontal .form-group { margin: 3px 0 0; padding-bottom: 0; } .card-form-horizontal .form-group .form-control { margin-bottom: 0; } .card-form-horizontal .btn { margin: 0; } .card-form-horizontal .input-group .input-group-addon { padding-left: 0; } .card-profile { margin-top: 30px; text-align: center; } .card-profile .card-avatar { overflow: hidden; max-width: 130px; max-height: 130px; margin: -50px auto 0; border-radius: 50%; } .card-profile.card-plain .card-avatar { margin-top: 0; } .card-testimonial { margin-top: 30px; text-align: center; } .card-testimonial .card-avatar { max-width: 100px; max-height: 100px; margin: 30px auto 0; } .card-testimonial .card-avatar img { overflow: hidden; max-width: 130px; max-height: 130px; margin: -50px auto 0; border-radius: 50%; } .card-testimonial .card-avatar + .content { margin-top: 15px; } .card-blog { margin-top: 30px; } .card-blog.sticky { padding: 20px; } .card-blog.sticky .card-image { margin-left: 0; margin-right: 0; } .card-blog .row .category { margin-bottom: 0; } .card-blog .row .category a { color: #00bcd4; } .card-blog .card-title { margin-top: 5px; } .card-blog a.moretag, .card-blog a.more-link { display: inline-block; margin-left: 5px; color: #23527c; } .card-blog a.moretag:hover, .card-blog a.more-link:hover { color: #89229b; } .card-pricing { text-align: center; } .card-pricing .card-title { margin-top: 30px; } .card-pricing .content { padding: 15px !important; } .card-pricing small:first-child { position: relative; top: -17px; } .card-pricing ul { max-width: 240px; margin: 10px auto; padding: 0; list-style: none; } .card-pricing ul li { padding: 12px 0; border-bottom: 1px solid rgba(153, 153, 153, 0.3); color: #999999; text-align: center; } .card-pricing ul li:last-child { border: 0; } .card-pricing ul li b { color: #3C4858; } .card-background { background-position: center center; background-size: cover; text-align: center; } .card-background .content { position: relative; z-index: 2; max-width: 440px; min-height: 280px; margin: 0 auto; padding-top: 40px; padding-bottom: 40px; } .card-background .card-title { margin-top: 10px; color: #fff; } .card-background:after { display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; border-radius: 6px; opacity: 0; background-color: rgba(0, 0, 0, 0.56); content: ""; } .card-background:hover:after { opacity: 1; } .card-product { vertical-align: top; margin-top: 30px; } .card-product .btn-simple.btn-just-icon { padding: 0; } .card-product .footer { display: table; margin-top: 5px; width: 100%; } .card-product .footer .price { display: table-cell !important; vertical-align: top; text-align: left; } .card-product .footer .price h4 { color: #3C4858; margin-bottom: 0; } .card-product .footer .stats { display: table-cell !important; padding-left: 10px; vertical-align: bottom; float: none; text-align: right; } .card-product .footer .stats a { margin: 10px 0 !important; } .card-product .footer .stats .fa { top: 0; margin-bottom: 2px; } .card-product .card-title, .card-product .category, .card-product .card-description { text-align: center; } .img-thumbnail { border-radius: 16px; } .iframe-container iframe { width: 100%; } .card .card-image, .card .header, .card-profile .card-avatar, .card-testimonial .card-avatar img, .card-raised, .img-raised, .iframe-container iframe { -webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } /*-------------------------------------------------------------- # Tables --------------------------------------------------------------*/ table, .table { width: 100%; } table > thead > tr > th, .table > thead > tr > th { border-bottom-width: 1px; padding: 12px 8px; vertical-align: middle; } table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 12px 8px; vertical-align: middle; } table > tbody > tr, .table > tbody > tr { border-bottom: 1px solid #eee; } table > tbody > tr:last-child, .table > tbody > tr:last-child { border-bottom: 0; } /*-------------------------------------------------------------- # Sections --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Slider --------------------------------------------------------------*/ .carousel .page-header { z-index: -2; } .carousel .carousel-control.left, .carousel .carousel-control.right { z-index: 99; background-image: none; } .carousel .item { text-align: center; } .carousel .item .container { position: relative; padding: 100px 0; top: 50%; transform: translateY(-50%); } .carousel .carousel-control { text-shadow: none; } .carousel .carousel-control.left { /** * rtl:ignore */ right: auto; /** * rtl:ignore */ left: 0; } .carousel .carousel-control.right { /** * rtl:ignore */ right: 0; } .carousel .carousel-control .fa { display: inline-block; position: absolute; z-index: 5; top: 50%; bottom: 15px; } .carousel .buttons .btn-left + .btn-right { margin-left: 30px; } .wp-custom-header img, .wp-custom-header video, .wp-custom-header iframe { position: absolute; left: 50%; top: 50%; max-width: 100%; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: -1; } .wp-custom-header video, .wp-custom-header iframe { height: 100%; width: 100%; } .wp-custom-header .wp-custom-header-video-button { display: none; } #carousel-hestia-generic .carousel { overflow: hidden; } /*-------------------------------------------------------------- ## Generic --------------------------------------------------------------*/ .section-gray { background: #f0f0f0; } .section { padding: 70px 0; } .section-dark, .section-image { background: #232323; background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #585858), color-stop(100%, #232323)); background: -webkit-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%); background: -webkit-radial-gradient(center ellipse, #585858 0%, #232323 100%); background: radial-gradient(ellipse at center, #585858 0%, #232323 100%); background-color: #343434; background-size: 200% 240%; background-size: 550% 450%; } .section-dark .hestia-title, .section-dark .title, .section-dark .card-plain .card-title, .section-dark .card-plain .icon i, .section-dark .card-plain [class*="text-"], .section-dark .card-plain ul li b, .section-image .hestia-title, .section-image .title, .section-image .card-plain .card-title, .section-image .card-plain .icon i, .section-image .card-plain [class*="text-"], .section-image .card-plain ul li b { color: #fff; } .section-dark .description, .section-dark .card-plain .card-description, .section-dark .card-plain .icon, .section-image .description, .section-image .card-plain .card-description, .section-image .card-plain .icon { color: #eaeaea; } .section-dark .card-plain .category, .section-image .card-plain .category { color: rgba(255, 255, 255, 0.5); } .section-image { position: relative; } .section-image:after { display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); content: ""; } .section-image .container { position: relative; z-index: 2; } .section, .section-image { background-position: center center; background-size: cover; } .hestia-features, .features, .products, .hestia-work, .hestia-testimonials, .hestia-blogs, .subscribe-line { padding: 65px 0 70px; } .about, .hestia-about { padding: 65px 0 30px; } .team, .hestia-team { padding: 65px 0 20px; } .testimonials, .hestia-testimonials { padding: 65px 0 40px; } .contactus { padding: 90px 0 70px; } .pricing { padding: 100px 0 70px; } @media (min-width: 992px) { .home .hestia-features .row, .home .hestia-work .row, .home .hestia-team .row, .home .hestia-testimonials .row, .home #blog.hestia-blogs .row, .home .hestia-clients-bar .row { text-align: center; } .home .feature-box, .home .hestia-work .col-md-4, .home .hestia-testimonials .col-md-4, .home .hestia-work .col-md-6, .home .hestia-team .col-sm-6, .home #blog.hestia-blogs .hestia-blog-item, .home .hestia-clients-bar .col-md-3 { display: inline-block; float: none !important; margin-right: -4px; margin-left: -4px; vertical-align: top; } .home .hestia-blog-item { text-align: left; } .home .portfolio-item a { float: left; width: 100%; } } @media (min-width: 768px) { .home section.products .col-md-3.shop-item { display: inline-block; float: none !important; margin-right: -3px; margin-left: -2px; } .home section.products .row { text-align: center; } } @media (min-width: 480px) { .home .hestia-features .row, .home .hestia-work .row, .home .hestia-team .row, .home .hestia-testimonials .row, .home #blog.hestia-blogs .row, .home .hestia-clients-bar .row { text-align: center; } .home .feature-box, .home .hestia-work .portfolio-item, .home .hestia-testimonials .col-sm-6, .home .hestia-team .col-sm-6, .home #blog.hestia-blogs .hestia-blog-item, .home .hestia-clients-bar .col-md-3 { display: inline-block; float: none !important; margin-right: -4px; margin-left: -4px; vertical-align: top; } } /*-------------------------------------------------------------- ## About Section --------------------------------------------------------------*/ .hestia-about { background-attachment: fixed; color: #999999; } .hestia-about h1, .hestia-about h2, .hestia-about h3, .hestia-about h4, .hestia-about h5 { color: #3C4858; text-decoration: none; word-wrap: break-word; font-family: "Roboto Slab", "Times New Roman", serif; } .hestia-about.section-image { color: #fefefe; } .hestia-about.section-image h1, .hestia-about.section-image h2, .hestia-about.section-image h3, .hestia-about.section-image h4, .hestia-about.section-image h5 { color: #fff; } .hestia-about.section-image h6 { color: rgba(255, 255, 255, 0.76); } .hestia-about .customizer-hidden { display: none; } .products .shop-item { margin-top: 30px; } .is-ios .hestia-about, .is-ios .hestia-ribbon { background-attachment: scroll; } /*-------------------------------------------------------------- ## Portfolio Section --------------------------------------------------------------*/ .hestia-work .portfolio-item { margin-top: 30px; cursor: pointer; } .hestia-work .card-background .content { padding-bottom: 50px; opacity: 0; } .hestia-work .col-md-4 .card-background .content { padding-top: 30%; } .hestia-work .col-md-6 .card-background .content { padding-top: 20%; } .hestia-work .card-background:hover a { opacity: 1; } .hestia-work .card-background:hover .content { opacity: 1; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; } .hestia-work .portfolio-item:nth-child(6n) .label { background-color: #4caf50; } .hestia-work .portfolio-item:nth-child(6n+1) .label { background-color: #89229b; } .hestia-work .portfolio-item:nth-child(6n+2) .label { background-color: #00bcd4; } .hestia-work .portfolio-item:nth-child(6n+3) .label { background-color: #f44336; } .hestia-work .portfolio-item:nth-child(6n+4) .label { background-color: #ff9800; } .hestia-work .portfolio-item:nth-child(6n+5) .label { background-color: #e91e63; } .hestia-portfolio-modal .header-filter-gradient { border-radius: 6px 6px 0 0; } .hestia-portfolio-modal { background: rgba(0, 0, 0, 0.7); } .hestia-portfolio-modal .modal-header { position: relative; background-size: cover; background-repeat: no-repeat; border-radius: 6px 6px 0 0; } .hestia-portfolio-modal .modal-header h3 { margin: 0; padding: 104px 0; color: #fff; } .hestia-portfolio-modal .modal-header:before { border-radius: 6px 6px 0 0; } .hestia-portfolio-modal .modal-header a { color: #ffffff; z-index: 2; } .hestia-portfolio-modal .modal-header a:hover { color: #ffffff; } .hestia-portfolio-modal .modal-header:after { background-color: rgba(0, 0, 0, 0.5); border-radius: 6px 6px 0 0; } .hestia-portfolio-modal .modal-header .close { z-index: 3; font-size: 30px; background: none; float: right; box-shadow: none; line-height: 16px; margin: 0; padding: 10px; } .hestia-portfolio-modal .modal-header .portfolio-title-container { position: relative; z-index: 2; } .hestia-portfolio-modal .modal-content { border-radius: 6px; } .hestia-portfolio-modal .modal-content .modal-body { padding: 40px; } .hestia-portfolio-modal .modal-content .portfolio-loading { padding: 20px 0; } /*-------------------------------------------------------------- ## Contact Section --------------------------------------------------------------*/ .contactus .content .row { padding: 0; } .contactus .col-md-offset-2 { padding: 0 20px; } .contactus .form-group { margin: 0; padding-bottom: 24px; } .contactus .pirate-forms-footer .form-group { padding-bottom: 0; } .contactus .card .content { padding: 30px 30px 0; } .contactus .pirate_forms_wrap { float: none; } .contactus .pirate_forms_wrap #pirate-forms-contact-message { height: 130px; } .contactus .pirate_forms_wrap .form_field_wrap { margin-bottom: 17px; } .contactus .pirate_forms_wrap .btn { margin: 0; } .contactus .pirate_forms_wrap .pirateform_wrap_classes_spam_wrap { color: #aaa; font-weight: 400; } .contactus .contact_message_wrap { margin-bottom: 0; } .contactus .contact_submit_wrap { text-align: right; margin-bottom: 0; } .contactus .hestia-info, .contactus .info { margin: 0; padding: 0; } .contactus .hestia-info, .contactus .hestia-info p, .contactus .hestia-info a:not(.btn), .contactus .info, .contactus .info p, .contactus .info a:not(.btn) { color: #ccc; } .contactus .hestia-info a:not(.btn):hover, .contactus .info a:not(.btn):hover { text-decoration: underline; } .contactus .hestia-info:first-child, .contactus .info:first-child { margin-top: 30px; } .contactus .hestia-info .info-title, .contactus .info .info-title { margin-top: 20px; color: #fff; } .contactus .hestia-info .icon, .contactus .info .icon { margin-top: 14px; color: #fff; } .contactus h5.description { color: #ccc; } .contactus .card-contact { margin-top: 30px; } .contactus .pirate_forms_wrap .pirate-forms-footer { display: block; } .contactus .pirate_forms_wrap .pirate-forms-footer .form_captcha_wrap { display: block; } .contactus .pirate_forms_wrap .pirate-forms-footer .form_captcha_wrap > div > div { margin: 0 auto 20px; } .contactus .pirate_forms_wrap .pirate-forms-footer .form_captcha_wrap + .contact_submit_wrap { text-align: center; display: block; } .pirate_forms_wrap .pirate-forms-footer .form_field_wrap.contact_submit_wrap { width: 100%; text-align: right; } .pirate-forms-maps-custom span:before, .pirate-forms-maps-custom span:after { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; } .pirate-forms-maps-custom span:before { background: transparent; border: 1px solid #aaa; border-radius: 3px; left: 0; height: 18px; width: 18px; } .pirate-forms-maps-custom span:after { content: '\f00c'; font-family: 'FontAwesome'; left: 2px; top: 1px; color: transparent; } .pirate-forms-maps-custom input[type="checkbox"] { display: none; } .pirate-forms-maps-custom label { color: #aaa; cursor: pointer; font-weight: 100; margin: 8px 0; padding-left: 20px; position: relative; } .pirate-forms-maps-custom input[type="checkbox"]:checked + label span:after { color: #787878; } .pirate-forms-file-upload-input, .pirate_forms_three_inputs_wrap .form_field_wrap input.pirate-forms-file-upload-input { height: 50px; padding: 0 15px; margin: 10px 0 0; } /*-------------------------------------------------------------- ## Features Section --------------------------------------------------------------*/ .hestia-features, .features { padding: 75px 0 55px; text-align: center; } .hestia-features .hestia-title, .hestia-features .title, .features .hestia-title, .features .title { margin-top: 10px; } .hestia-features .hestia-info, .hestia-features .info, .features .hestia-info, .features .info { padding: 70px 0 30px; margin: 0 auto; } .hestia-features .feature-box .card, .features .feature-box .card { width: auto; overflow: hidden; margin-bottom: 0; } .hestia-features .feature-box img, .features .feature-box img { max-width: 150px; } .hestia-info, .info { max-width: 360px; } .hestia-info a:hover .info-title, .hestia-info a:hover .icon, .info a:hover .info-title, .info a:hover .icon { opacity: .75; } .hestia-info a:hover .icon, .info a:hover .icon { transform: scale(1.05) translateY(-5px); } .hestia-info .icon, .info .icon { transition: .3s ease; color: #999999; } .hestia-info .info-title, .info .info-title { transition: .3s ease; margin: 30px 0 15px; color: #3C4858; } .hestia-info p, .info p { color: #999999; } .info-horizontal .icon { float: left; margin-top: 24px; margin-right: 10px; } .info-horizontal .description { overflow: hidden; } .icon.icon-primary { color: #9c27b0; } .icon.icon-success { color: #4caf50; } .icon.icon-danger { color: #f44336; } .icon.icon-rose { color: #e91e63; } .single-product .hestia-features, .single-product .features { padding: 50px 0 0; } .single-product .hestia-features .hestia-info > p, .single-product .hestia-features .info > p, .single-product .features .hestia-info > p, .single-product .features .info > p { margin-bottom: 10px; } /*-------------------------------------------------------------- ## Team Section --------------------------------------------------------------*/ .hestia-team .col-xs-6, .team .col-xs-6 { padding-left: 0; padding-right: 0; } .hestia-team .btn-just-icon, .team .btn-just-icon { transition: .3s ease; } .hestia-team .btn-just-icon:hover, .team .btn-just-icon:hover { opacity: .75; } .hestia-team .card, .team .card { text-align: left; } .hestia-team .card .content, .team .card .content { padding-top: 0; } .hestia-team .card .content a:hover > .card-title, .team .card .content a:hover > .card-title { opacity: .75; } .hestia-team .card .footer, .team .card .footer { margin-left: -12px; margin-top: 0; } .hestia-team h5.description, .team h5.description { margin-bottom: 70px; } .hestia-team img, .team img { transition: 1s ease-in; } .hestia-team .card-image a:hover, .team .card-image a:hover { opacity: 1; } .hestia-team .card-image a:hover img, .team .card-image a:hover img { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .authors-on-blog { background: #121417; background: -moz-linear-gradient(top, #121417 0%, #323437 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #121417), color-stop(100%, #323437)); background: -webkit-linear-gradient(top, #121417 0%, #323437 100%); background: -o-linear-gradient(top, #121417 0%, #323437 100%); background: -ms-linear-gradient(top, #121417 0%, #323437 100%); background: linear-gradient(to bottom, #121417 0%, #323437 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121417', endColorstr='#323437', GradientType=0 ); } .authors-on-blog .card-title { color: #fff; } .authors-on-blog .footer a:hover { color: #fff; } .hestia-team .footer a[href*="facebook.com"], .team .footer a[href*="facebook.com"], .footer-menu a[href*="facebook.com"] { color: #3b5998; } .hestia-team .footer a[href*="twitter.com"], .team .footer a[href*="twitter.com"], .footer-menu a[href*="twitter.com"] { color: #55acee; } .hestia-team .footer a[href*="pinterest.com"], .team .footer a[href*="pinterest.com"], .footer-menu a[href*="pinterest.com"] { color: #cc2127; } .hestia-team .footer a[href*="google.com"], .team .footer a[href*="google.com"], .footer-menu a[href*="google.com"] { color: #dd4b39; } .hestia-team .footer a[href*="linkedin.com"], .team .footer a[href*="linkedin.com"], .footer-menu a[href*="linkedin.com"] { color: #0976b4; } .hestia-team .footer a[href*="dribbble.com"], .team .footer a[href*="dribbble.com"], .footer-menu a[href*="dribbble.com"] { color: #ea4c89; } .hestia-team .footer a[href*="github.com"], .team .footer a[href*="github.com"], .footer-menu a[href*="github.com"] { color: #333; } .hestia-team .footer a[href*="youtube.com"], .team .footer a[href*="youtube.com"], .footer-menu a[href*="youtube.com"] { color: #e52d27; } .hestia-team .footer a[href*="instagram.com"], .team .footer a[href*="instagram.com"], .footer-menu a[href*="instagram.com"] { color: #125688; } .hestia-team .footer a[href*="reddit.com"], .team .footer a[href*="reddit.com"], .footer-menu a[href*="reddit.com"] { color: #ff4500; } .hestia-team .footer a[href*="tumblr.com"], .team .footer a[href*="tumblr.com"], .footer-menu a[href*="tumblr.com"] { color: #35465c; } .hestia-team .footer a[href*="behance.com"], .team .footer a[href*="behance.com"], .footer-menu a[href*="behance.com"] { color: #1769ff; } .hestia-team .footer a[href*="snapchat.com"], .team .footer a[href*="snapchat.com"], .footer-menu a[href*="snapchat.com"] { color: #fffc00; } .hestia-team .footer a[href*="deviantart.com"], .team .footer a[href*="deviantart.com"], .footer-menu a[href*="deviantart.com"] { color: #05cc47; } .hestia-team .footer a[href*="vimeo.com"], .team .footer a[href*="vimeo.com"], .footer-menu a[href*="vimeo.com"] { color: #1ab7ea; } /*-------------------------------------------------------------- ## Ribbon Section --------------------------------------------------------------*/ .hestia-ribbon { background-attachment: fixed; padding: 100px 0; } @media (max-width: 991px) { .hestia-subscribe-button { margin-top: 40px; } } /*-------------------------------------------------------------- ## Subscribe Section --------------------------------------------------------------*/ .subscribe-line { padding: 65px 0; } .subscribe-line .card { margin-top: 30px; } .subscribe-line .card .content .row { margin: 0; } .subscribe-line .card .input-group { display: table; } .subscribe-line .card .input-group .input-group-addon { display: table-cell; padding: 0 15px 0 0; width: 1%; } .subscribe-line .card .input-group .form-group { display: table-cell; padding-bottom: 0; } .subscribe-line .card input[type=submit], .subscribe-line .card input[type=button], .subscribe-line .card .btn { white-space: nowrap; } .subscribe-line.subscribe-line-image { position: relative; background-position: top center; background-size: cover; } .subscribe-line.subscribe-line-image .title, .subscribe-line.subscribe-line-image .hestia-title { color: #fff; } .subscribe-line.subscribe-line-image:after { display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.66); content: ""; } .subscribe-line.subscribe-line-image .container { position: relative; z-index: 2; } .subscribe-line .card h5, .subscribe-line .sib_loader { display: none !important; } /*-------------------------------------------------------------- ## Blog Section --------------------------------------------------------------*/ .hestia-blogs article:nth-child(6n) .category a { color: #4caf50; } .hestia-blogs article:nth-child(6n+1) .category a { color: #89229b; } .hestia-blogs article:nth-child(6n+2) .category a { color: #00bcd4; } .hestia-blogs article:nth-child(6n+3) .category a { color: #f44336; } .hestia-blogs article:nth-child(6n+4) .category a { color: #ff9800; } .hestia-blogs article:nth-child(6n+5) .category a { color: #e91e63; } .hestia-blogs article .card-image img { transition: 1s ease-out; } .hestia-blogs article .card-image a:hover { opacity: 1; } .hestia-blogs article .card-image a:hover img { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ .footer .widget h5 { margin-bottom: 20px; } .footer a { color: #3C4858; } .footer-big { color: #999999; padding: 30px 0 18px; text-align: center; } .footer-big ul { margin-bottom: 0; padding: 0; list-style: none; } .footer-big ul li a { display: inline-block; position: relative; padding: 5px 0; border-radius: 3px; text-decoration: none; text-transform: uppercase; } .footer-big ul li a:hover { text-decoration: none; } .footer-big ul li .btn { margin: 0; } .footer-big p { color: #999999; } .footer-big .footer-menu li { display: inline-block; } .footer-big .footer-menu li a { padding: 15px; } .footer-big .copyright { padding: 15px 0; } .footer-big .content { text-align: left; } .footer-big hr { margin-top: 10px; } .footer-black { background: #323437; } .footer-black a { opacity: 0.86; color: #fff; } .footer-black a:hover, .footer-black a:focus { opacity: 1; } .footer-black h5, .footer-black h4, .footer-black i, .footer-black .copyright { color: #fff; } .footer-black hr { border-color: rgba(255, 255, 255, 0.2); } .hestia-bottom-footer-content { position: relative; } .hestia-center { width: 100%; text-align: center; } .footer-big .footer-menu li a[href*="mailto:"], .footer-big .footer-menu li a[href*="tel:"] { color: transparent; padding: 10px; } .footer-big .footer-menu li a[href*="mailto:"]:before, .footer-big .footer-menu li a[href*="tel:"]:before { color: #fff; font-family: 'FontAwesome'; } .footer-big .footer-menu li a[href*="mailto:"]:hover:before, .footer-big .footer-menu li a[href*="tel:"]:hover:before { color: #999; } .footer-big .footer-menu li a[href*="mailto:"]:before { content: '\f0e0'; } .footer-big .footer-menu li a[href*="tel:"]:before { content: '\f095'; } .footer-big .footer-menu li a[href*="facebook.com"] { color: transparent; font-size: 0; padding: 10px; } .footer-big .footer-menu li a[href*="facebook.com"]:before { content: "?"; font-family: 'FontAwesome'; color: #3c4858; font-size: 16px; } .footer-big .footer-menu li a[href*="facebook.com"]:hover:before { color: #3b5998; } .footer-black .footer-menu li a[href*="facebook.com"]:before { color: #fff; } .footer-big .footer-menu li a[href*="twitter.com"] { color: transparent; font-size: 0; padding: 10px; } .footer-big .footer-menu li a[href*="twitter.com"]:before { content: "?"; font-family: 'FontAwesome'; color: #3c4858; font-size: 16px; } .footer-big .footer-menu li a[href*="twitter.com"]:hover:before { color: #55acee; } .footer-black .footer-menu li a[href*="twitter.com"]:before { color: #fff; } .footer-big .footer-menu li a[href*="pinterest.com"] { color: transparent; font-size: 0; padding: 10px; } .footer-big .footer-menu li a[href*="pinterest.com"]:before { content: "?"; font-family: 'FontAwesome'; color: #3c4858; font-size: 16px; } .footer-big .footer-menu li a[href*="pinterest.com"]:hover:before { color: #cc2127; } .footer-black .footer-menu li a[href*="pinterest.com"]:before { color: #fff; } .footer-big .footer-menu li a[href*="google.com"] { color: transparent; font-size: 0; padding: 10px; } .footer-big .footer-menu li a[href*="google.com"]:before { content: "?"; font-family: 'FontAwesome'; color: #3c4858; font-size: 16px; } .footer-big .footer-menu li a[href*="google.com"]:hover:before { color: #dd4b39; } .footer-black .footer-menu li a[href*="google.com"]:before { color: #fff; } .footer-big .footer-menu li a[href*="linkedin.com"] { color: transparent; font-size: 0; padding: 10px; } .footer-big .footer-menu li a[href*="linkedin.com"]:before { content: "?"; font-family: 'FontAwesome'; color: #3c4858; font-size: 16px; } .footer-big .footer-menu li a[href*="linkedin.com"]:hover:before { color: #0976b4; } .footer-black .footer-menu li a[href*="linkedin.com"]:before { color: #fff; } .footer-big .footer-menu li a[href*="dribbble.com"] { color: transparent; font-size: 0; padding: 10px; } .footer-big .footer-menu li a[href*="dribbble.com"]:before { content: "?"; font-family: 'FontAwesome'; color: #3c4858; font-size: 16px; } .footer-big .footer-menu li a[href*="dribbble.com"]:hover:before { color: #ea4c89; } .footer-black .footer-menu li a[href*="dribbble.com"]:before { color: #fff; } .footer-big .footer-menu li a[href*="github.com"] { color: transparent; font-size: 0; padding: 10px; } .footer-big .footer-menu li a[href*="github.com"]:before { content: "?"; font-family: 'FontAwesome'; color: #3c4858; font-size: 16px; } .footer-big .footer-menu li a[href*="github.com"]:hover:before { color: #333; } .footer-black .footer-menu li a[href*="github.com"]:before { color: #fff; } .footer-big .footer-menu li a[href*="youtube.com"] { color: transparent; font-size: 0; padding: 10px; } .footer-big .footer-menu li a[href*="youtube.com"]:before { content: "?"; font-family: 'FontAwesome'; color: #3c4858; font-size: 16px; } .footer-big .footer-menu li a[href*="youtube.com"]:hover:before { color: #e52d27; } .footer-black .footer-menu li a[href*="youtube.com"]:before { color: #fff; } .footer-big .footer-menu li a[href*="instagram.com"] { color: transparent; font-size: 0; padding: 10px; } .footer-big .footer-menu li a[href*="instagram.com"]:before { content: "?"; font-family: 'FontAwesome'; color: #3c4858; font-size: 16px; } .footer-big .footer-menu li a[href*="instagram.com"]:hover:before { color: #125688; } .footer-black .footer-menu li a[href*="instagram.com"]:before { color: #fff; } .footer-big .footer-menu li a[href*="reddit.com"] { color: transparent; font-size: 0; padding: 10px; } .footer-big .footer-menu li a[href*="reddit.com"]:before { content: "?"; font-family: 'FontAwesome'; color: #3c4858; font-size: 16px; } .footer-big .footer-menu li a[href*="reddit.com"]:hover:before { color: #ff4500; } .footer-black .footer-menu li a[href*="reddit.com"]:before { color: #fff; } .footer-big .footer-menu li a[href*="tumblr.com"] { color: transparent; font-size: 0; padding: 10px; } .footer-big .footer-menu li a[href*="tumblr.com"]:before { content: "?"; font-family: 'FontAwesome'; color: #3c4858; font-size: 16px; } .footer-big .footer-menu li a[href*="tumblr.com"]:hover:before { color: #35465c; } .footer-black .footer-menu li a[href*="tumblr.com"]:before { color: #fff; } .footer-big .footer-menu li a[href*="behance.com"] { color: transparent; font-size: 0; padding: 10px; } .footer-big .footer-menu li a[href*="behance.com"]:before { content: "?"; font-family: 'FontAwesome'; color: #3c4858; font-size: 16px; } .footer-big .footer-menu li a[href*="behance.com"]:hover:before { color: #1769ff; } .footer-black .footer-menu li a[href*="behance.com"]:before { color: #fff; } .footer-big .footer-menu li a[href*="snapchat.com"] { color: transparent; font-size: 0; padding: 10px; } .footer-big .footer-menu li a[href*="snapchat.com"]:before { content: "?"; font-family: 'FontAwesome'; color: #3c4858; font-size: 16px; } .footer-big .footer-menu li a[href*="snapchat.com"]:hover:before { color: #fffc00; } .footer-black .footer-menu li a[href*="snapchat.com"]:before { color: #fff; } .footer-big .footer-menu li a[href*="deviantart.com"] { color: transparent; font-size: 0; padding: 10px; } .footer-big .footer-menu li a[href*="deviantart.com"]:before { content: "?"; font-family: 'FontAwesome'; color: #3c4858; font-size: 16px; } .footer-big .footer-menu li a[href*="deviantart.com"]:hover:before { color: #05cc47; } .footer-black .footer-menu li a[href*="deviantart.com"]:before { color: #fff; } .footer-big .footer-menu li a[href*="vimeo.com"] { color: transparent; font-size: 0; padding: 10px; } .footer-big .footer-menu li a[href*="vimeo.com"]:before { content: "?"; font-family: 'FontAwesome'; color: #3c4858; font-size: 16px; } .footer-big .footer-menu li a[href*="vimeo.com"]:hover:before { color: #1ab7ea; } .footer-black .footer-menu li a[href*="vimeo.com"]:before { color: #fff; } .hestia-scroll-to-top { position: fixed; bottom: 15px; right: 15px; z-index: 999; opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; padding: 0; margin: 0; border-radius: 50%; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 20px; background-color: #999999; -webkit-box-shadow: none; box-shadow: none; } .hestia-scroll-to-top:hover { background-color: #999999; -webkit-box-shadow: 0 14px 26px -12px rgba(49, 49, 49, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(49, 49, 49, 0.42); box-shadow: 0 14px 26px -12px rgba(49, 49, 49, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(49, 49, 49, 0.2); } .hestia-scroll-to-top:focus { background-color: #999999; -webkit-box-shadow: 0 14px 26px -12px rgba(49, 49, 49, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(49, 49, 49, 0.42); box-shadow: 0 14px 26px -12px rgba(49, 49, 49, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(49, 49, 49, 0.2); } .hestia-fade { opacity: 1; } /*-------------------------------------------------------------- ## Top bar --------------------------------------------------------------*/ .hestia-top-bar { height: 40px; max-height: 40px; } .hestia-top-bar .col-md-6, .hestia-top-bar .col-md-12 { max-height: 40px; } .hestia-top-bar .col-md-6.pull-right, .hestia-top-bar .col-md-12.pull-right { text-align: right; } .hestia-top-bar .col-md-6.pull-right .widget.widget_shopping_cart .cart_list, .hestia-top-bar .col-md-12.pull-right .widget.widget_shopping_cart .cart_list { left: auto; right: 0; } .hestia-top-bar .widget { margin: 0 10px 0 0; } .hestia-top-bar .widget:last-of-type { margin-right: 0; } .hestia-top-bar .widget, .hestia-top-bar .widget h5, .hestia-top-bar .widget .textwidget { display: inline-block; } .hestia-top-bar .widget h5 { margin: 0 5px 0 0; } .hestia-top-bar .widget .btn { padding: 3px 10px; } .hestia-top-bar .widget.widget_nav_menu h5, .hestia-top-bar .widget.widget_categories h5, .hestia-top-bar .widget.widget_product_categories h5 { display: none; } .hestia-top-bar .widget.widget_search h5, .hestia-top-bar .widget.widget_product_search h5 { display: none; } .hestia-top-bar .widget.widget_search .label-floating, .hestia-top-bar .widget.widget_product_search .label-floating { display: inline-block; margin: 0; padding: 0; width: auto; } .hestia-top-bar .widget.widget_search .label-floating .control-label, .hestia-top-bar .widget.widget_product_search .label-floating .control-label { padding: 0; } .hestia-top-bar .widget.widget_search .label-floating.is-empty .control-label, .hestia-top-bar .widget.widget_product_search .label-floating.is-empty .control-label { position: absolute; left: 25px; top: 12px; margin-top: 0; text-align: left; opacity: 1; } .hestia-top-bar .widget.widget_search .label-floating.is-focused .control-label, .hestia-top-bar .widget.widget_product_search .label-floating.is-focused .control-label { opacity: 0; } .hestia-top-bar .widget.widget_search .label-floating:not(.is-empty) .control-label, .hestia-top-bar .widget.widget_product_search .label-floating:not(.is-empty) .control-label { opacity: 0; left: 25px; top: 12px; } .hestia-top-bar .widget.widget_search form:not(.form-group), .hestia-top-bar .widget.widget_product_search form:not(.form-group) { opacity: 0; } .hestia-top-bar .widget.widget_search form.form-group, .hestia-top-bar .widget.widget_product_search form.form-group { opacity: 1; } .hestia-top-bar .widget.widget_search form.form-group input[type=search], .hestia-top-bar .widget.widget_product_search form.form-group input[type=search] { background: none; border: none; float: none; margin: 2px 0 0 25px; width: auto; } .hestia-top-bar .widget.widget_search form.form-group input[type=submit], .hestia-top-bar .widget.widget_product_search form.form-group input[type=submit] { display: none; } .hestia-top-bar .widget.widget_search form.form-group:after, .hestia-top-bar .widget.widget_product_search form.form-group:after { display: none; } .hestia-top-bar .widget.widget_search form.form-group:before, .hestia-top-bar .widget.widget_product_search form.form-group:before { color: #fff; content: "\f002"; font-family: 'Fontawesome'; position: absolute; left: 0; top: 0; } .hestia-top-bar .widget.widget_search .search-form { display: inline-block; } .hestia-top-bar .widget.widget_shopping_cart { cursor: pointer; padding-left: 25px; position: relative; vertical-align: top; } .hestia-top-bar .widget.widget_shopping_cart:before { color: #fff; content: "\f07a"; font-family: 'Fontawesome'; position: absolute; left: 0; top: 0; z-index: 50; } .hestia-top-bar .widget.widget_shopping_cart:hover .cart_list { display: inline-block; opacity: 1; visibility: visible; margin-top: 0; } .hestia-top-bar .widget.widget_shopping_cart .button.checkout { display: none; } .hestia-top-bar .widget.widget_shopping_cart .wc-forward:not(.checkout) { opacity: 0; position: absolute; top: -5px; left: -4px; } .hestia-top-bar .widget.widget_shopping_cart h5 { display: none; } .hestia-top-bar .widget.widget_shopping_cart .widget_shopping_cart_content { display: inline-block; } .hestia-top-bar .widget.widget_shopping_cart .cart_list { border-radius: 0 0 6px 6px; opacity: 0; visibility: hidden; margin-top: -10px; padding: 0 15px 15px; position: absolute; left: 0; top: 40px; z-index: 1050; } .hestia-top-bar .widget.widget_shopping_cart .cart_list li { display: block; margin-top: 15px; padding-bottom: 0; white-space: nowrap; } .hestia-top-bar .widget.widget_shopping_cart .cart_list li a:not(.remove) { margin: 0; padding-right: 65px; text-align: left; } .hestia-top-bar .widget.widget_shopping_cart .cart_list li img { float: left; width: 50px; margin-left: 0; margin-right: 15px; } .hestia-top-bar .widget.widget_shopping_cart .cart_list li .quantity { padding-right: 65px; } .hestia-top-bar .widget.widget_shopping_cart .cart_list li .variation { display: none; } .hestia-top-bar .widget.widget_shopping_cart .cart_list li.empty { padding: 0; } .hestia-top-bar .widget.widget_shopping_cart .total { border: none; margin: 0; padding: 0; } .hestia-top-bar .widget.widget_shopping_cart .total strong { display: none; } .hestia-top-bar .widget.widget_shopping_cart .total .amount { float: none; } .hestia-top-bar ul li { cursor: auto; display: inline-block; margin: 0 5px; } .hestia-top-bar ul li:first-child { margin-left: 0; } .hestia-top-bar ul li:last-child { margin-right: 0; } .hestia-top-bar ul li a { padding: 0; text-transform: inherit; } .hestia-top-bar ul li a:before { background-color: transparent; position: static; font-family: 'FontAwesome'; } .hestia-top-bar ul li a:hover, .hestia-top-bar ul li a:focus { background-color: transparent; outline: none; } .hestia-top-bar ul li a[href*="tel:"]:before, .hestia-top-bar ul li a[href*="mailto:"]:before { margin-right: 7px; } .hestia-top-bar ul li a[href*="tel:"]:before { content: '\f095'; } .hestia-top-bar ul li a[href*="mailto:"]:before { content: '\f0e0'; } .hestia-top-bar ul li.dropdown .caret { display: none; } .hestia-top-bar li a[href*="facebook.com"] { font-size: 0; } .hestia-top-bar li a[href*="facebook.com"]:before { content: "?"; } .hestia-top-bar li a[href*="facebook.com"]:hover:before { color: #3b5998; } .hestia-top-bar li a[href*="twitter.com"] { font-size: 0; } .hestia-top-bar li a[href*="twitter.com"]:before { content: "?"; } .hestia-top-bar li a[href*="twitter.com"]:hover:before { color: #55acee; } .hestia-top-bar li a[href*="pinterest.com"] { font-size: 0; } .hestia-top-bar li a[href*="pinterest.com"]:before { content: "?"; } .hestia-top-bar li a[href*="pinterest.com"]:hover:before { color: #cc2127; } .hestia-top-bar li a[href*="google.com"] { font-size: 0; } .hestia-top-bar li a[href*="google.com"]:before { content: "?"; } .hestia-top-bar li a[href*="google.com"]:hover:before { color: #dd4b39; } .hestia-top-bar li a[href*="linkedin.com"] { font-size: 0; } .hestia-top-bar li a[href*="linkedin.com"]:before { content: "?"; } .hestia-top-bar li a[href*="linkedin.com"]:hover:before { color: #0976b4; } .hestia-top-bar li a[href*="dribbble.com"] { font-size: 0; } .hestia-top-bar li a[href*="dribbble.com"]:before { content: "?"; } .hestia-top-bar li a[href*="dribbble.com"]:hover:before { color: #ea4c89; } .hestia-top-bar li a[href*="github.com"] { font-size: 0; } .hestia-top-bar li a[href*="github.com"]:before { content: "?"; } .hestia-top-bar li a[href*="github.com"]:hover:before { color: #333; } .hestia-top-bar li a[href*="youtube.com"] { font-size: 0; } .hestia-top-bar li a[href*="youtube.com"]:before { content: "?"; } .hestia-top-bar li a[href*="youtube.com"]:hover:before { color: #e52d27; } .hestia-top-bar li a[href*="instagram.com"] { font-size: 0; } .hestia-top-bar li a[href*="instagram.com"]:before { content: "?"; } .hestia-top-bar li a[href*="instagram.com"]:hover:before { color: #125688; } .hestia-top-bar li a[href*="reddit.com"] { font-size: 0; } .hestia-top-bar li a[href*="reddit.com"]:before { content: "?"; } .hestia-top-bar li a[href*="reddit.com"]:hover:before { color: #ff4500; } .hestia-top-bar li a[href*="tumblr.com"] { font-size: 0; } .hestia-top-bar li a[href*="tumblr.com"]:before { content: "?"; } .hestia-top-bar li a[href*="tumblr.com"]:hover:before { color: #35465c; } .hestia-top-bar li a[href*="behance.com"] { font-size: 0; } .hestia-top-bar li a[href*="behance.com"]:before { content: "?"; } .hestia-top-bar li a[href*="behance.com"]:hover:before { color: #1769ff; } .hestia-top-bar li a[href*="snapchat.com"] { font-size: 0; } .hestia-top-bar li a[href*="snapchat.com"]:before { content: "?"; } .hestia-top-bar li a[href*="snapchat.com"]:hover:before { color: #fffc00; } .hestia-top-bar li a[href*="deviantart.com"] { font-size: 0; } .hestia-top-bar li a[href*="deviantart.com"]:before { content: "?"; } .hestia-top-bar li a[href*="deviantart.com"]:hover:before { color: #05cc47; } .hestia-top-bar li a[href*="vimeo.com"] { font-size: 0; } .hestia-top-bar li a[href*="vimeo.com"]:before { content: "?"; } .hestia-top-bar li a[href*="vimeo.com"]:hover:before { color: #1ab7ea; } /*-------------------------------------------------------------- ## Clients bar --------------------------------------------------------------*/ .hestia-clients-bar { padding: 75px 0 55px; } .hestia-clients-bar .row > div { padding: 30px; } /*-------------------------------------------------------------- # Blog --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Content --------------------------------------------------------------*/ .search-no-results .search-form, .error404 .search-form { margin-top: 40px; } #authors-on-blog { padding: 80px 0; } #authors-on-blog .card-profile { text-align: left; } #authors-on-blog .col-md-6:nth-child(2n+1) { clear: both; } .blog-post { word-wrap: break-word; } .blog-post .section-text { padding-bottom: 0; } .blog-post .section-text p { margin-bottom: 30px; } .blog-post .section-blog-info { padding-top: 15px; } .blog-post .section-blog-info .entry-categories span { font-size: 10px; } .blog-post .section-blog-info .entry-categories, .blog-post .section-blog-info .entry-tags { word-break: break-all; } .blog-post .section-blog-info .entry-categories span, .blog-post .section-blog-info .entry-tags span { display: inline-block; margin: 5px; } .blog-post .section-blog-info .entry-categories a { display: inline-block; padding: 2px 2px; color: #fff; } .blog-post .section-blog-info .card-profile { margin-top: 0; text-align: left; } dl dd, pre { margin-bottom: 30px; } .alignleft .avatar { margin-right: 24px; } .alignright .avatar { margin-left: 24px; } article.sticky h2:before { content: "Featured: "; } img.centered, .aligncenter { display: block; margin: 0 auto 24px; } img.alignnone { margin-bottom: 12px; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } img.alignleft, .wp-caption.alignleft { margin: 0 24px 24px 0; margin: 0 2.4rem 2.4rem 0; } img.alignright, .wp-caption.alignright { margin: 0 0 24px 24px; } .wp-caption-text { padding-top: 10px; text-align: center; } .gallery-caption { padding-top: 10px; } .bypostauthor { display: block; } .related-posts .hestia-title { margin-bottom: 50px; } .classic-blog.main-raised { border-radius: 0; } .classic-blog article.section { padding-top: 40px; } .classic-blog .wp-post-image { margin: 5px 0 25px; } .no-content article.section { padding-top: 40px; } .single-post .blog-post .section-text .title-in-content { margin-bottom: 0; } .blog-post .section-text .author.meta-in-content { opacity: .9; margin-bottom: 20px; font-size: 15px; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .media .avatar, .media-body .avatar, .media-area .avatar { overflow: hidden; width: 64px; height: 64px; margin: 0 auto; margin-right: 15px; border-radius: 50%; -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); } .media-area .hestia-title, .comment-respond .hestia-title { margin-bottom: 30px; } .comment .pull-left { padding-right: 10px; } .media-body div.avatar { margin: 0 10px; } .media { overflow: visible; } .media .avatar img { width: 100%; } .media .media-heading { margin-top: 0; margin-bottom: 10px; } .media .media-heading small { font-family: "Roboto", "Helvetica", "Arial", sans-serif; } .media .media-body { padding-right: 10px; } .media .media-body .media .media-body { padding-right: 0; } .media .media-footer .btn { margin-bottom: 20px; } .media .media-footer:after { display: table; clear: both; content: " "; } .media p { color: #999999; } #comments .comment-notes { display: none; } .section-comments ul.children .comment-author.avatar, .section-comments ul.children .avatar img { width: 40px; height: 40px; } .blog-post .media p { color: #555; } .blog-post .section-comments .title { margin-bottom: 30px; } .blog-post .section-comments .comment-respond .author { margin: 15px 20px 0 0; } .blog-post .section-comments .comment-respond .author img { border-radius: 100%; } .blog-post .comment-reply-link { text-transform: uppercase; float: right; } .media-body { width: 10000px; display: table-cell; overflow: visible; } /*-------------------------------------------------------------- ## Sidebar --------------------------------------------------------------*/ .single aside.blog-sidebar { padding: 40px 0; } .widget { margin-bottom: 30px; word-break: break-word; } .widget ul { padding: 0 0 0 10px; margin: 0; list-style: none; } .widget ul li { line-height: 2.4; padding-top: 5px; } .widget ul li:first-child { padding-top: 0; } aside .widget .btn a { color: #fff; } aside .widget a { color: #23527c; } .widget a:hover { color: #89229b; } .widget #searchform { margin-bottom: 0; padding-bottom: 0; } .widget h5 { font-family: "Roboto Slab", "Times New Roman", serif; margin-bottom: 10px; } .widget select { width: 100%; } .hestia-widget-placeholder { border: 1px dashed #b4b9be; padding: 25px; text-align: center; } .hestia-widget-placeholder .widget { margin: 0; } .single .hestia_right aside.blog-sidebar { padding: 0; } .hestia_right .hestia-widget-placeholder { padding: 5px; } .widget_calendar th, .widget_calendar tr, .widget_calendar td { padding: 7px 0; text-align: center; } .hestia-sidebar-close, .hestia-sidebar-open { display: none; } /*-------------------------------------------------------------- ## Attachment Page --------------------------------------------------------------*/ .attachment .main-raised .blog-post { padding-bottom: 130px; } .attachment .sizes { margin-top: 20px; } /*-------------------------------------------------------------- # Page --------------------------------------------------------------*/ .page-header .container, .page-header .author, .page-header .author a, .page-header .hestia-title, .page-header .title, .page-header .description { color: #fff; } .page-content-wrap:after, .single-post-wrap > article:after { content: ""; display: table; clear: both; } .page-header { overflow: hidden; height: 90vh; margin: 0; padding: 0; border: 0; background-position: center center; background-size: cover; } .page-header .container { padding-top: 30vh; color: #fff; } .page-header .container .hestia-title, .page-header .container .title { margin: 0 0 20px; } .page-header.header-small .container .hestia-title, .page-header.header-small .container .title { margin: 20px 0 10px; } .page-header.header-small { min-height: 300px; position: relative; height: auto; } .page-header.header-small .container { padding-top: 180px; padding-bottom: 110px; } .page-header.header-small .hestia-title, .page-header.header-small .title { font-family: "Roboto", "Helvetica", "Arial", sans-serif; } .boxed-layout-header { padding-bottom: 60px; } .header-filter-gradient { background: linear-gradient(45deg, #a81d84 0%, #ea396f 100%); } .header-filter { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; background-position: center center; background-size: cover; } .header-filter:before, .header-filter:after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; } .header-filter::before { background-color: rgba(0, 0, 0, 0.5); } .header-filter .container { position: relative; } .woocommerce.single-product .header-filter { background-position: top center; } .carousel .header-filter:before, .carousel .header-filter:after { z-index: -1; } .clear-filter:before { display: none; } .header .wrapper { background: #ccc; } .header .btn { margin: 0; } .header h6 { margin-bottom: 0; } .phone-container img { width: 100%; } .main { position: relative; background: #fff; } .main-raised { margin: -60px 30px 0; border-radius: 6px 6px 0 0; -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .home .main-raised section:first-of-type { border-radius: 6px 6px 0 0; overflow: hidden; } .page-template-template-pagebuilder-blank .section { padding: 0; } .woocommerce.archive .main-raised, .single .main-raised { margin-top: -60px; margin-bottom: 30px; } .woocommerce.archive .main-raised { background-color: #e5e5e5; } .content-sidebar-left { padding-left: 30px; padding-right: 0; } .content-sidebar-right { padding-right: 30px; padding-left: 0; } .shop-sidebar-wrapper { padding: 0; } .content-full.col-md-12 { padding: 0; } /*-------------------------------------------------------------- # Responsive --------------------------------------------------------------*/ @media (max-width: 1199px) { .hestia-features .row, .hestia-about .row, .products .row, .hestia-work .row, .hestia-team .row, .pricing .row, .hestia-testimonials .row, section.hestia-blogs .row, .contactus .row { padding: 0 15px; } .products .container { width: 100%; } .main-raised { margin: -60px 15px 0; } .navbar .navbar-brand { padding: 0 15px; } .navbar .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } @media (max-width: 991px) { .navbar .navbar-nav > li { margin-right: 10px; margin-left: 10px; } .page-header { height: auto; min-height: 100vh; } .card.card-raised .card-image { margin-top: -30px; display: block; margin-left: 0; margin-right: 0; } .card.card-raised { padding: 20px; } .woocommerce-checkout .page-header { height: auto; } .hestia-about .text-area { margin: 0 0 10px; } .blog .page-header.header-small h2 { margin: 0; } .blog .page-header.header-small { height: auto; min-height: 0; } .page-header .iframe-container { padding: 30px 0; } .card-form-horizontal .form-group { padding-bottom: 20px; } .carousel .page-header { padding: 0 30px; } .btn.btn-simple { padding-right: 0; padding-left: 0; text-align: left; } .hestia-work .col-md-6 .card-background .content, .hestia-work .col-md-4 .card-background .content { padding-top: 15%; } .hestia-features .row, .features .row, .hestia-about .row, .about .row, .products .row, .hestia-work .row, .work .row, .hestia-team .row, .team .row, .pricing .row, .hestia-testimonials .row, .testimonials .row, section.hestia-blogs .row, .contactus .row { padding: 0 10px; } .single aside.blog-sidebar { padding: 40px 30px; } .shop-sidebar.card { width: 100%; text-align: initial; } .shop-sidebar-wrapper { text-align: center; } .products .shop-item:nth-of-type(2n+1) { clear: both; } .subscribe-line .card .content { padding: 0; } .subscribe-line .card .form-group { padding-bottom: 0; } .blog .hestia-blogs, .archive .hestia-blogs { padding-top: 0; } .blog .hestia-blogs .card-blog .card-image, .archive .hestia-blogs .card-blog .card-image { margin-bottom: 30px; } .blog #authors-on-blog, .archive #authors-on-blog { padding-bottom: 40px; } .home .hestia-blogs { padding: 30px 0 65px; } .single.single-post .section-blog-info .card-profile .card-title, .single.single-post .section-blog-info .card-profile .description { text-align: center; } .hestia-sidebar-open, .hestia-sidebar-close { cursor: pointer; display: inline-block; margin: 0; padding: 12px 15px; } .row-sidebar-toggle { margin: 30px 15px 0; text-align: right; } .page .row-sidebar-toggle { margin-top: 0; margin-bottom: 30px; } .shop-sidebar-wrapper { float: none; overflow-x: hidden; position: fixed; z-index: 9999; top: 0; left: -100%; width: 100%; height: 100%; padding: 15px 0; background: #fff; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .shop-sidebar-wrapper .row-sidebar-toggle { margin: 0 15px 30px; } .archive.woocommerce .hestia-sidebar-open { margin-bottom: 30px; } .archive.woocommerce .shop-sidebar-active { margin-top: 10px; } .archive.woocommerce .row-sidebar-toggle.col-sm-3 { margin: 0; text-align: left; } .archive.woocommerce .row-sidebar-toggle.col-sm-3 .hestia-sidebar-open { margin: 15px 0 0; } .shop-sidebar.card.card-raised { box-shadow: none; margin: 0; padding: 0 15px; } .hestia-top-bar .container { width: 100%; } .hestia-top-bar .col-md-6 { width: 50%; } .hestia-team .card .content, .team .card .content { padding-top: 15px; } .hestia-team .card .content .footer .btn.btn-just-icon, .team .card .content .footer .btn.btn-just-icon { padding: 12px; text-align: center; } .pricing p.text-gray { margin-bottom: 40px; } .related-posts .hestia-title { margin-bottom: 60px; } } @media (min-width: 992px) { .navbar .navbar-collapse { text-align: center; } .card.card-raised .card-image { margin-left: 0; margin-right: 0; } .navbar .navbar-center { display: inline-block; float: none; } .navbar .navbar-nav > li { margin: 0; } .navbar .navbar-nav > li.btn { margin: 0 10px; } .navbar .navbar-nav > li.btn:last-child { margin-right: 0; } .gallery .gallery-item { padding: 5px; } .gallery img { border: none !important; border-radius: 6px; -webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .entry-social { text-align: right; } .footer .content { margin-left: -15px; margin-right: -15px; } .footer .row { margin-left: -15px; margin-right: -15px; } .footer .col-md-4 { padding: 0 30px; } .blog-sidebar-wrapper, .shop-sidebar-wrapper { float: left; overflow: hidden; position: static; background: transparent; left: 0 !important; } } @media (min-width: 783px) and (min-width: 601px) { body.admin-bar .navbar-default:not(.navbar-transparent) { margin-top: 32px; } } @media (min-width: 769px) { .form-horizontal .control-label { padding-top: 8px; } .dropdown .dropdown-menu { display: block; visibility: hidden; margin-top: -20px; opacity: 0; -webkit-transition: all 150ms linear; transition: all 150ms linear; } .dropdown.open .dropdown-menu, .dropdown:hover .dropdown-menu { visibility: visible; margin-top: 1px; opacity: 1; } .navbar-nav > li { float: none; display: inline-block; } .navbar-nav > li.nav-cart-btn { display: none; } .container > .navbar-header { min-width: 250px; display: table-cell !important; vertical-align: middle; float: none; } .navbar:not(.hestia_right) .navbar-collapse { display: table-cell !important; vertical-align: middle; text-align: right; width: 100%; } .navbar.hestia_center .navbar-collapse { display: block !important; text-align: center; } .navbar.hestia_center .navbar-right { float: none !important; display: block; text-align: center; } .navbar.hestia_right .navbar-right { float: left !important; margin-top: 20px; } .navbar.navbar-scroll-point.hestia_right .navbar-right { margin-top: 0; } .navbar.hestia_right.navbar-not-transparent .navbar-right { transition: margin .3s ease; margin-top: 10px; } .navbar.hestia_right.navbar-not-transparent.navbar-scroll-point .navbar-right { margin-top: 0; } .navbar.hestia_right .header-widgets-wrapper .widget.widget_search .form-group { margin-bottom: 0; padding-bottom: 0; } .navbar.hestia_right .header-widgets-wrapper .widget.widget_search input[type=submit] { margin: 0; top: -8px; } .navbar.full-screen-menu.navbar-transparent .navbar-toggle { color: #fff; } .menu-open .navbar.full-screen-menu.navbar-transparent .navbar-toggle { color: #555; } .navbar.full-screen-menu.hestia_center .navbar-toggle { transition: 0.2s ease; right: 0; margin-top: 23px; position: absolute; top: 0; } .navbar.full-screen-menu.navbar-scroll-point.hestia_center .navbar-toggle { margin-top: 8px; top: 10px; } .navbar.full-screen-menu > .container { display: table; position: relative; } .navbar.full-screen-menu.hestia_right .navbar-right { margin-top: 0; } .navbar.full-screen-menu.hestia_right .navbar-toggle { display: table-cell; } .navbar.full-screen-menu .navbar-toggle { z-index: 999999; display: block; } .navbar.full-screen-menu .full-screen-menu-close { display: none; } .navbar.full-screen-menu .navbar-collapse .navbar-nav { transition: all .3s ease; opacity: 0; visibility: hidden; pointer-events: none; } .navbar.full-screen-menu .navbar-collapse.in .navbar-nav { opacity: 1; visibility: visible; display: block !important; pointer-events: inherit; } .navbar.full-screen-menu .navbar-nav { z-index: 9999; overflow-X: auto; position: fixed; width: 100%; background-color: rgba(255, 255, 255, 0.9); left: 0; top: 0; bottom: 0; padding-top: 100px; } .navbar.full-screen-menu .navbar-nav > li, .navbar.full-screen-menu .navbar-nav > li.btn:last-child { display: table; margin: 20px auto; } .navbar.full-screen-menu.navbar-not-transparent .navbar-nav { background-color: rgba(255, 255, 255, 0.9); } .navbar:not(.full-screen-menu).navbar-scroll-point.hestia_center .navbar-header { display: none !important; } .navbar:not(.full-screen-menu).navbar-scroll-point.hestia_right .navbar-header, .navbar:not(.full-screen-menu).navbar-scroll-point.hestia_right .header-sidebar-wrapper { display: none !important; } .navbar.full-screen-menu.navbar-scroll-point.hestia_center .navbar-header { padding-bottom: 0; } body.menu-open .navbar.navbar-transparent.full-screen-menu { color: #555; } body.menu-open .navbar.navbar-transparent.full-screen-menu .navbar-collapse.collapse.in .navbar-nav > .btn.active > a, body.menu-open .navbar.navbar-transparent.full-screen-menu .navbar-collapse.collapse.in .navbar-nav > .btn.active > a:hover { color: #fff; } } @media (max-width: 768px) { .navbar .navbar-toggle { margin-right: 0; } .navbar .dropdown-menu li:hover a { box-shadow: none; } .navbar.hestia_center .navbar-header { width: auto; max-width: none; padding: 0; } .navbar.hestia_center .navbar-header .navbar-brand { float: left; } .navbar.navbar-transparent { background: #fff; color: #555; } .navbar.navbar-transparent .navbar-nav li a, .navbar.navbar-transparent .navbar-nav i, .navbar.navbar-transparent .navbar-nav li.btn a, .navbar.navbar-transparent .navbar-nav .btn.dropdown-menu.open > li a { opacity: 1; } .navbar.navbar-default li.btn a, .navbar.navbar-default li.btn a i { color: #fff !important; } .navbar.navbar-default .navbar-nav .open:not(.btn) a { background: transparent; color: #555; } .navbar.navbar-default li a:hover, .navbar.navbar-default li a:focus, .navbar.navbar-default ul.dropdown-menu li a:hover, .navbar.navbar-default ul.dropdown-menu li a:focus, .navbar.navbar-not-transparent li a:hover, .navbar.navbar-not-transparent li a:focus, .navbar.navbar-not-transparent ul.dropdown-menu li a:hover, .navbar.navbar-not-transparent ul.dropdown-menu li a:focus { box-shadow: none; } .navbar .container { display: table; min-height: 70px; width: 100%; } .navbar.navbar-fixed-top .navbar-collapse { max-height: calc(100% - 70px); margin-top: 70px; overflow-y: auto; position: fixed; z-index: 9999; background: #fff; width: 100%; left: 0; top: 0; margin-left: 0; margin-right: 0; -webkit-overflow-scrolling: auto; } .navbar.header-with-topbar.navbar-fixed-top .navbar-collapse { max-height: calc(100% - 110px); margin-top: 110px; } .navbar.navbar-scroll-point.navbar-fixed-top .navbar-collapse { max-height: calc(100% - 70px); margin-top: 70px; } .navbar .navbar-nav { margin: 7.5px 0; } .navbar .navbar-nav .navbar-text { margin-top: 15px; margin-bottom: 15px; color: inherit; } .navbar .navbar-nav .open .dropdown-menu > .dropdown-header { border: 0; color: inherit; } .navbar .navbar-nav li { box-sizing: border-box; float: left; margin: 0; padding: 0; width: 100%; } .navbar .navbar-nav li.btn { margin-top: 10px; } .navbar .navbar-nav li > a { text-align: left; } .navbar .navbar-nav li > a > i, .navbar .navbar-nav li > a .fa { margin-right: 12px; } .navbar .navbar-nav li.btn > a, .navbar .navbar-nav li.button > a { text-align: left; } .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus { background-color: transparent; color: #fff; } .navbar .navbar-nav li a:before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border-radius: 3px; background-color: rgba(255, 255, 255, 0.1); content: ""; -webkit-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1); -moz-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1); -o-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1); -ms-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1); transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; } .navbar .navbar-nav li a:hover:before, .navbar .navbar-nav li a:focus:before { color: inherit; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .navbar .navbar-nav li:hover > a i { color: #e91e63; } .navbar .navbar-nav .dropdown.btn a > .caret { color: #fff; border-color: #fff; } .navbar .navbar-nav .dropdown li { padding: 0; } .navbar .navbar-nav .dropdown a { position: relative; } .navbar .navbar-nav .dropdown a .caret { border: 1px solid #555; border-radius: 2px; box-sizing: content-box; color: #555; cursor: pointer; display: inline-block; font-family: Fontawesome; height: 30px; margin-left: 0; position: absolute; right: 15px; text-align: center; top: 10px; width: 30px; z-index: 100; } .navbar .navbar-nav .dropdown a .caret:hover { opacity: 0.8; } .navbar .navbar-nav .dropdown a .caret:before { content: "\f107"; top: 5px; position: relative; display: inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .navbar .navbar-nav .dropdown a .caret.caret-open:before { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .navbar .navbar-nav .dropdown a > i, .navbar .navbar-nav .dropdown a .fa { margin-right: 12px; } .navbar .navbar-nav .dropdown.open .caret:before { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .navbar .navbar-nav .dropdown.open .dropdown-menu { display: block !important; } .navbar .navbar-nav .dropdown .dropdown-menu { background: transparent; box-shadow: none; position: static; margin-top: 0; padding: 0; width: 100%; } .navbar .navbar-nav .dropdown .dropdown-menu.open { display: block !important; } .navbar .navbar-nav .dropdown .dropdown-menu li a { margin: 0; padding: 15px 0 15px 30px; } .navbar .navbar-nav .dropdown .dropdown-menu li a:hover, .navbar .navbar-nav .dropdown .dropdown-menu li a:focus { background-color: transparent; color: #e91e63; } .navbar .navbar-nav .dropdown .dropdown-menu li a:before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border-radius: 3px; background-color: rgba(255, 255, 255, 0.1); content: ""; -webkit-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1); -moz-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1); -o-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1); -ms-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1); transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; } .navbar .navbar-nav .dropdown .dropdown-menu li a:hover:before, .navbar .navbar-nav .dropdown .dropdown-menu li a:focus:before { color: inherit; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .navbar .navbar-nav .dropdown .dropdown-menu li li a { padding: 15px 0 15px 45px; } .navbar .dropdown-submenu:hover > .dropdown-menu { display: none !important; } .navbar .dropdown-submenu:hover > a { background: transparent !important; box-shadow: none; } .navbar .navbar-brand h1, .navbar .navbar-brand p { padding: 10px 0; } .navbar .dropdown-submenu.open > a { background: transparent !important; color: inherit; -webkit-box-shadow: none; box-shadow: none; } .navbar .dropdown-menu li a, .navbar.navbar-not-transparent .dropdown-menu li a { color: #777; } .navbar .dropdown-menu i, .navbar.navbar-not-transparent .dropdown-menu i { opacity: 1; } .navbar.hestia_center .navbar-header { display: table-cell !important; } .navbar.navbar-transparent .open .dropdown-menu > li > a:hover, .navbar.navbar-transparent .open .dropdown-menu > li > a:focus, .navbar.navbar-transparent .open .dropdown-menu > .active > a, .navbar.navbar-transparent .open .dropdown-menu > .active > a:hover, .navbar.navbar-transparent .open .dropdown-menu > .active > a:focus, .navbar.navbar-transparent .open .dropdown-menu > .disabled > a, .navbar.navbar-transparent .open .dropdown-menu > .disabled > a:hover, .navbar.navbar-transparent .open .dropdown-menu > .disabled > a:focus { color: inherit; background-color: transparent; } .navbar.navbar-transparent .navbar-nav > .active > a { color: #555; } .navbar .open .dropdown-menu > li > a:hover, .navbar .open .dropdown-menu > li > a:focus, .navbar .open .dropdown-menu > .active > a, .navbar .open .dropdown-menu > .active > a:hover, .navbar .open .dropdown-menu > .active > a:focus, .navbar .open .dropdown-menu > .disabled > a, .navbar .open .dropdown-menu > .disabled > a:hover, .navbar .open .dropdown-menu > .disabled > a:focus { color: #e91e63; background-color: transparent; } .navbar .dropdown-menu li > a > i { opacity: 1; } body.admin-bar .navbar { margin-top: 45px; } body.admin-bar .navbar.navbar-default .navbar-collapse { max-height: calc(100% - 115px); margin-top: 115px; } body.admin-bar .navbar.header-with-topbar { margin-top: 0; top: 85px; } body.admin-bar .navbar.header-with-topbar.navbar-fixed-top .navbar-collapse { max-height: calc(100% - 155px); margin-top: 155px; } body.admin-bar .navbar.navbar-scroll-point.header-with-topbar { top: 45px; } body.admin-bar .navbar.navbar-scroll-point.navbar-fixed-top .navbar-collapse { max-height: calc(100% - 115px); margin-top: 115px; } .hestia_right .header-sidebar-wrapper { display: none; } .single .section { padding: 30px 0 0; } .single .section.section-blog-info { padding: 15px 0 30px; } .media .avatar, .media-body .avatar, .media-area .avatar { margin: 0; width: 35px; height: 35px; } .subscribe-line .btn { margin-top: 15px; } ul.children { padding-left: 5px; border-left: 1px #cfcfcf solid; } .blog-post .section-comments .comment-respond .author { display: none; } .hestia-about .text-area { margin-bottom: 20px; } .footer.footer-big { padding: 30px 0 26px; } .footer .footer-menu { width: 100%; } .footer .copyright { display: inline-block; float: none !important; width: 100%; padding: 10px 0; text-align: center; } .navbar.navbar-transparent { border-radius: 0; } .navbar.navbar-transparent > .container { padding-top: 10px; } .main-raised { margin-right: 0; margin-left: 0; border-radius: 0; } hr { margin-top: 0; } .hestia-about { padding-top: 30px; } .hestia-about h2 { margin-top: 0; } .hestia-about .widget_sow-image .panel-widget-style { margin-top: -60px; padding: 0 0 60px 0 !important; } .hestia-team .card-image, .team .card-image, .authors-on-blog .card-image { height: 100px; margin: 0 auto; width: 100px; } .hestia-team .card-image img, .team .card-image img, .authors-on-blog .card-image img { object-fit: cover; } .hestia-team .card .content, .team .card .content, .authors-on-blog .card .content { text-align: center; } .hestia-team .card .content .card-description, .team .card .content .card-description, .authors-on-blog .card .content .card-description { display: none; } .hestia-team .card .content .footer, .team .card .content .footer, .authors-on-blog .card .content .footer { margin-left: 0; margin-top: 0; } .hestia-team .card .content .footer .btn.btn-just-icon, .team .card .content .footer .btn.btn-just-icon, .authors-on-blog .card .content .footer .btn.btn-just-icon { margin: 0 5px; padding: 0; } .hestia-team .card .content .footer .btn.btn-just-icon i, .team .card .content .footer .btn.btn-just-icon i, .authors-on-blog .card .content .footer .btn.btn-just-icon i { width: auto; } .hestia-work .card { cursor: pointer; } .pricing { padding: 60px 0 40px; } .contactus .card-contact { margin-top: 90px; } .contactus .form_captcha_wrap .pirate-forms-google-recaptcha > div { margin: 0 auto; } .contactus .contact_submit_wrap { text-align: center; } .single.single-post .section-blog-info .entry-social { margin: 15px 0 30px; } .single.single-post .section-blog-info .card-profile { margin-top: 20px; } .page .section.section-text { padding: 30px 0; } .single-post .page-header.header-small .container, .page .page-header.header-small .container, .blog .page-header.header-small .container, .archive .page-header.header-small .container, .category .page-header.header-small .container { padding: 170px 15px 90px; } .single-post .page-header.header-small .container .hestia-title, .page .page-header.header-small .container .hestia-title, .blog .page-header.header-small .container .hestia-title, .archive .page-header.header-small .container .hestia-title, .category .page-header.header-small .container .hestia-title { margin-top: 0; } .hestia-top-bar { overflow: hidden; } .hestia-top-bar .col-md-6 { text-align: center; width: 100%; } .hestia-top-bar .col-md-6.pull-right { display: none; } .hestia-top-bar .col-md-12, .hestia-top-bar .col-md-12.pull-right { float: none !important; text-align: center; } .hestia-top-bar .widget.widget_shopping_cart { display: none; } .home:not(.blog) .main-raised { margin-top: 0; } .home:not(.blog) .page-header { min-height: 0; } .header .carousel .item .container { padding-top: 170px; padding-bottom: 100px; } .header .buttons > .btn-right ~ .btn-left { margin-top: 40px; } .header.header-with-topbar .carousel .item .container { padding-top: 210px; } .header .carousel .carousel-control { margin-top: 35px; } .header.header-with-topbar .carousel .carousel-control { margin-top: 55px; } .carousel .item .container.container-height-auto { top: 0; transform: none; } .carousel .carousel-control.left .fa { left: 10px; } .carousel .carousel-control.right .fa { right: 10px; } .navbar-nav .nav-cart { display: none; } .obfx-sharing-bottom { left: 0; } .carousel .buttons .btn-left + .btn-right, .carousel .buttons .btn-left, .carousel .buttons .btn-right { margin: 0 15px 15px; } .navbar.full-screen-menu .responsive-nav-cart + .navbar-toggle { float: right; margin-right: 10px; } } @media (max-width: 600px) { body.admin-bar .navbar { margin-top: 0; } } @media (max-width: 600px) { body.admin-bar .navbar.navbar-scroll-point { top: 0; } body.admin-bar .navbar.navbar-scroll-point.header-with-topbar { top: 0; } body.admin-bar .navbar.navbar-not-transparent { margin-top: 0; } body.admin-bar .navbar.navbar-scroll-point.navbar-fixed-top .navbar-collapse { max-height: calc(100% - 70px); margin-top: 70px; } body.admin-bar.woocommerce.single-product .product { padding-top: 24px; } } @media (max-width: 480px) { .single .main-raised { margin: -60px 0 30px; } .comment-respond .form-submit input { display: block; float: none !important; margin: 0 auto; } .hestia-features { padding: 40px 0 55px; } .alternative-blog-row { display: table; width: 100%; margin: 0 auto; table-layout: fixed; } .alternative-blog-row div:first-child { display: table-footer-group; } .alternative-blog-row div:last-child { padding: 0; display: block; } .contactus .hestia-contact-form-col { padding: 0 5px; } .contactus .card-contact { margin-top: 30px; } .contactus .card-contact .content { padding: 30px 15px 0; } .contactus .pirate_forms_wrap .pirate-forms-footer .form_captcha_wrap { margin-bottom: 0; } } /*-------------------------------------------------------------- # Compatibility --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Send in Blue --------------------------------------------------------------*/ form.form-group[id^=sib] input[type=text], form.form-group[id^=sib] input[type=email], form.form-group[id^=sib] select { border: none !important; } /*-------------------------------------------------------------- ## WPML --------------------------------------------------------------*/ footer .wpml-ls-item-legacy-dropdown a, footer .wpml-ls-item-legacy-dropdown-click a { color: #000000; } .wpml-ls-statics-footer { margin: 0 auto; } /*-------------------------------------------------------------- ## BBPress Basic --------------------------------------------------------------*/ .bbp-template-notice.info { max-width: inherit; } #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar { margin-bottom: 0; } .bbpress.blog-post .section-text p { font-size: 15px; margin-bottom: 20px; } #wp-link-close { box-shadow: none; } /*-------------------------------------------------------------- ## Elementor / Beaver Builder Section Editing --------------------------------------------------------------*/ .elementor-editor-active .main > section, .fl-builder-edit .main > section { position: relative; } .elementor-editor-active .main > section .hestia-pagebuilder-frontpage-controls, .fl-builder-edit .main > section .hestia-pagebuilder-frontpage-controls { position: absolute; top: 20px; bottom: 20px; left: 20px; right: 20px; border: 2px solid #76cfe8; text-align: center; display: none; z-index: 100; } .elementor-editor-active .main > section .hestia-pagebuilder-frontpage-controls > a, .fl-builder-edit .main > section .hestia-pagebuilder-frontpage-controls > a { cursor: pointer; position: relative; background: #71d7f7; border-radius: 3px 3px 0 0; top: -30px; line-height: 30px; min-width: 30px; text-align: center; color: #fff; font-weight: 800; padding: 0 10px; display: inline-block; } .elementor-editor-active .main > section .hestia-pagebuilder-frontpage-controls > a:hover, .fl-builder-edit .main > section .hestia-pagebuilder-frontpage-controls > a:hover { color: #f00; } .elementor-editor-active .main > section .hestia-pagebuilder-frontpage-controls > a > .dashicons, .fl-builder-edit .main > section .hestia-pagebuilder-frontpage-controls > a > .dashicons { height: 30px; width: auto; margin-right: 5px; line-height: 27px; } .elementor-editor-active .main > section:hover .hestia-pagebuilder-frontpage-controls, .fl-builder-edit .main > section:hover .hestia-pagebuilder-frontpage-controls { display: block; } /*-------------------------------------------------------------- ## PayPal for WooCommerce --------------------------------------------------------------*/ #checkout_paypal_message { background-color: #f0f0f0; color: #515151; max-width: 100%; padding: 20px !important; } #checkout_paypal_message:before { content: ''; display: none; } #checkout_paypal_message p { font-size: 14px; line-height: 1.5; margin: 0; } #checkout_paypal_message .checkoutStatus { width: 100%; } #checkout_paypal_message #paypal_box_button { text-align: center; } #checkout_paypal_message #paypal_ec_button, #checkout_paypal_message #paypal_ec_paypal_credit_button { display: inline-block; float: none; margin: 0 10px; } #checkout_paypal_message .woocommerce_paypal_ec_checkout_message { margin-top: 10px; } .woocommerce-cart .angelleye_cart_button a.paypal_checkout_button, .woocommerce-cart a.paypal_checkout_button { clear: none; } @media (max-width: 480px) { #checkout_paypal_message #paypal_ec_paypal_credit_button { margin-top: 10px; } } .hestia-top-bar .widget a.paypal_checkout_button, .nav-cart .widget a.paypal_checkout_button { display: none; } /*-------------------------------------------------------------- ## MailChimp for WordPress (ibericode) --------------------------------------------------------------*/ .woocommerce-checkout .mc4wp-checkbox, .woocommerce-checkout .mc4wp-checkbox-woocommerce { margin-bottom: 0 !important; padding-left: 3px; } .woocommerce-checkout .mc4wp-checkbox span, .woocommerce-checkout .mc4wp-checkbox-woocommerce span { color: #999999; font-size: 16px; font-weight: 300; margin-left: 7px; } /*-------------------------------------------------------------- ## Bootstrap MS - 480-767 breakpoint --------------------------------------------------------------*/ .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 481px) and (max-width: 767px) { .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11 { float: left; } .col-ms-1 { width: 8.33333%; } .col-ms-2 { width: 16.66667%; } .col-ms-3 { width: 25%; } .col-ms-4 { width: 33.33333%; } .col-ms-5 { width: 41.66667%; } .col-ms-6 { width: 50%; } .col-ms-7 { width: 58.33333%; } .col-ms-8 { width: 66.66667%; } .col-ms-9 { width: 75%; } .col-ms-10 { width: 83.33333%; } .col-ms-11 { width: 91.66667%; } .col-ms-12 { width: 100%; } .col-ms-push-1 { left: 8.33333%; } .col-ms-push-2 { left: 16.66667%; } .col-ms-push-3 { left: 25%; } .col-ms-push-4 { left: 33.33333%; } .col-ms-push-5 { left: 41.66667%; } .col-ms-push-6 { left: 50%; } .col-ms-push-7 { left: 58.33333%; } .col-ms-push-8 { left: 66.66667%; } .col-ms-push-9 { left: 75%; } .col-ms-push-10 { left: 83.33333%; } .col-ms-push-11 { left: 91.66667%; } .col-ms-pull-1 { right: 8.33333%; } .col-ms-pull-2 { right: 16.66667%; } .col-ms-pull-3 { right: 25%; } .col-ms-pull-4 { right: 33.33333%; } .col-ms-pull-5 { right: 41.66667%; } .col-ms-pull-6 { right: 50%; } .col-ms-pull-7 { right: 58.33333%; } .col-ms-pull-8 { right: 66.66667%; } .col-ms-pull-9 { right: 75%; } .col-ms-pull-10 { right: 83.33333%; } .col-ms-pull-11 { right: 91.66667%; } .col-ms-offset-1 { margin-left: 8.33333%; } .col-ms-offset-2 { margin-left: 16.66667%; } .col-ms-offset-3 { margin-left: 25%; } .col-ms-offset-4 { margin-left: 33.33333%; } .col-ms-offset-5 { margin-left: 41.66667%; } .col-ms-offset-6 { margin-left: 50%; } .col-ms-offset-7 { margin-left: 58.33333%; } .col-ms-offset-8 { margin-left: 66.66667%; } .col-ms-offset-9 { margin-left: 75%; } .col-ms-offset-10 { margin-left: 83.33333%; } .col-ms-offset-11 { margin-left: 91.66667%; } } @media (min-width: 480px) and (max-width: 767px) { .form-horizontal .form-group .control-label { text-align: right; } } .elementor-text-editor p, .elementor-text-editor h1, .elementor-text-editor h2, .elementor-text-editor h3, .elementor-text-editor h4, .elementor-text-editor h5, .elementor-text-editor h6 { font-size: inherit; } /*-------------------------------------------------------------- # Mega Menu --------------------------------------------------------------*/ .hestia-mm-description { display: none; opacity: .75; } .hestia-mega-menu .hestia-mm-description { display: block; } .navbar .hestia-mega-menu > .dropdown-menu { margin: auto; left: 0; right: 0; } @media (min-width: 769px) { .navbar .hestia-mega-menu > .dropdown-menu { width: 750px; left: 50%; transform: translateX(-50%); } /* one item */ .hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(1) { /* -or- li:only-child { */ width: 100%; } /* two items */ .hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(2), .hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(2) ~ li { width: 50%; } /* three items */ .hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(3), .hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(3) ~ li { width: 33.3333%; } /* four items */ .hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(4), .hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(4) ~ li { width: 25%; } /* five items */ .hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(5), .hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(5) ~ li { width: 20%; } /* six items */ .hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(5), .hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(5) ~ li { width: 16.66666666666667%; } } @media (min-width: 992px) { .navbar .hestia-mega-menu > .dropdown-menu { width: 970px; } } @media (min-width: 1200px) { .navbar .hestia-mega-menu > .dropdown-menu { width: 1170px; } } .navbar .navbar-nav > li.hestia-mega-menu { position: static; } .navbar .hestia-mega-menu > .dropdown-menu > li > a { margin: 0; } .hestia-mega-menu > .dropdown-menu { padding: 5px; color: #333 !important; right: auto; width: 100%; left: 0; display: table; top: inherit; } .hestia-mega-menu > .dropdown-menu .divider { height: 1px; margin: 9px auto; width: 75%; } .hestia-mega-menu .hestia-mm-col { text-align: center; vertical-align: top; display: table-cell; position: relative; padding: 5px; } .hestia-mega-menu .hestia-mm-col > a { display: none; } .hestia-mega-menu .hestia-mm-col > .dropdown-menu { float: none; background: none; box-shadow: none; opacity: 1; display: inline-block !important; position: static; left: inherit; } .navbar .hestia-mm-heading { margin: 10px 5px 10px 0; } .navbar .hestia-mm-heading > span { text-transform: uppercase; padding: 7px 10px 5px 10px; margin: 0 5px; } .navbar .hestia-mm-heading > .mm-heading-wrapper a:hover { text-decoration: underline; } .mm-heading-wrapper a { color: #333; padding: 0; } .hestia-mm-description { color: #333; padding: 7px 10px 5px 10px; margin: 0 5px; } .hestia_right .dropdown-menu > .hestia-mega-menu > .dropdown-menu { display: block; width: auto; left: 100%; } .hestia_left .dropdown-menu > .hestia-mega-menu > .dropdown-menu { display: block; width: auto; right: 100%; left: auto; top: 0; } @media (max-width: 768px) { .navbar .hestia-mm-col.dropdown-submenu:hover > .dropdown-menu { display: inline-block !important; } .navbar .navbar-nav .dropdown .dropdown-menu li li .mm-heading-wrapper a { padding: 0; } .hestia-mega-menu > .dropdown-menu { display: none; } .hestia-mega-menu > .dropdown-menu .divider { width: 100%; margin: 15px auto; } .navbar .navbar-nav .dropdown li.hestia-mm-heading { padding: 15px 0; } }