/* Theme Name: Hestia Pro Theme URI: https://themeisle.com/themes/hestia-pro/ Author: ThemeIsle Author URI: https://themeisle.com Tested up to: 5.8.2 Requires PHP: 5.4.0 Description: Hestia Pro 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: 3.1.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: hestia-pro WordPress Available: no Requires License: yes 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, editor-style, footer-widgets, left-sidebar, right-sidebar, wide-blocks 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 Pro 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 --------------------------------------------------------------*/ /* Grid desktop MS / No grid support */ 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) { -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.focus[disabled], .btn[disabled]:active, .btn.active[disabled], 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-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):not(.button):not(.added_to_cart):hover { opacity: .75; } .media p, h3#ship-to-different-address { font-size: 16px; } body, .btn, .form-control, .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: 500; line-height: 1.618; } h5.description, h5.subscribe-description, .card-product .price h4, h4.author { font-weight: 300; } h6.category { font-weight: 500; } .hestia-title, .title, .card-title, .info-title, .footer-brand, .footer-big h4, .footer-big h5, .media .media-heading, .woocommerce ul.products[class*="columns-"] li.product-category h2 { font-weight: 700; } .hestia-title { word-break: break-word; } button, input[type="submit"], input[type="button"], .btn { font-size: 12px; font-weight: 400; } .btn:not(.btn-just-icon):not(.btn-fab) i { font-size: 18px; } .btn.btn-just-icon { font-size: 20px; line-height: 20px; } .btn.btn-just-icon.btn-lg { font-size: 22px; } .btn i { 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 i { font-size: 50px; } .card .footer .stats { line-height: 30px; } .card .footer .stats i { font-size: 18px; } .card .category i { 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 i { 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 i { font-size: 20px; } .navbar .hestia-mm-heading > span { font-size: 14px; font-weight: 600; } .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 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; } .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 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; } aside .widget a { font-weight: 500; } .star-rating { line-height: 1; font-size: 12px; } .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 i { font-size: 22px; } .navbar .navbar-nav li .caret { font-size: 20px; } .navbar .navbar-nav li .dropdown > i, .navbar .navbar-nav li .dropdown i { 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 ul.products[class*="columns-"] li.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 ul.products[class*="columns-"] li.product-category h2, .woocommerce ul.products[class*="columns-"] li.product-category h2 a, .woocommerce ul.products[class*="columns-"] li.product-category h2 a:hover { color: #3C4858; text-decoration: none; word-wrap: break-word; } .page-header .hestia-title { line-height: 1.4; } .title-in-content { line-height: 1.3; } 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; } .description, .card-description, .footer-big { color: #999999; } .card-description.entry-content { color: #3C4858; } .subscribe-line-image .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; } .has-black-color { color: #000; } .has-white-color { color: #fff; } .has-background.has-black-background-color { background-color: #000; } .has-background.has-white-background-color { background-color: #fff; } .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; } .single-post .blog-post .section-text h1.form-submit, .single-post .blog-post .section-text h2.form-submit, .single-post .blog-post .section-text h3.form-submit, .single-post .blog-post .section-text h4.form-submit, .single-post .blog-post .section-text h5.form-submit, .single-post .blog-post .section-text h6.form-submit, .single-post .blog-post .section-text p.form-submit, .page:not(.woocommerce-page) .blog-post .section-text h1.form-submit, .page:not(.woocommerce-page) .blog-post .section-text h2.form-submit, .page:not(.woocommerce-page) .blog-post .section-text h3.form-submit, .page:not(.woocommerce-page) .blog-post .section-text h4.form-submit, .page:not(.woocommerce-page) .blog-post .section-text h5.form-submit, .page:not(.woocommerce-page) .blog-post .section-text h6.form-submit, .page:not(.woocommerce-page) .blog-post .section-text p.form-submit { margin: 0 0 10px; } .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%; } .margin-left-auto { margin-left: auto; } .margin-right-auto { margin-right: auto; } .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: calc( 100% + 15px); } .row.hestia-like-table > div { display: table-cell; vertical-align: middle; float: none; } } @media (max-width: 991px) { .hestia-xs-text-center { text-align: center; } } .hestia-blogs article:nth-of-type(6n) .category a, .related.products ul li:nth-of-type(6n) .category a, .woocommerce.archive .blog-post .products li:nth-of-type(6n) .category a, .woocommerce .products li:nth-of-type(6n) .category a, .shop-item:nth-of-type(6n) .category a, .related-posts div:nth-of-type(6n) .category a { color: #4caf50; } .hestia-blogs article:nth-of-type(6n+1) .category a, .related.products ul li:nth-of-type(6n+1) .category a, .woocommerce.archive .blog-post .products li:nth-of-type(6n+1) .category a, .woocommerce .products li:nth-of-type(6n+1) .category a, .shop-item:nth-of-type(6n+1) .category a, .related-posts div:nth-of-type(6n+1) .category a { color: #89229b; } .hestia-blogs article:nth-of-type(6n+2) .category a, .related.products ul li:nth-of-type(6n+2) .category a, .woocommerce.archive .blog-post .products li:nth-of-type(6n+2) .category a, .woocommerce .products li:nth-of-type(6n+2) .category a, .shop-item:nth-of-type(6n+2) .category a, .related-posts div:nth-of-type(6n+2) .category a { color: #00bcd4; } .hestia-blogs article:nth-of-type(6n+3) .category a, .related.products ul li:nth-of-type(6n+3) .category a, .woocommerce.archive .blog-post .products li:nth-of-type(6n+3) .category a, .woocommerce .products li:nth-of-type(6n+3) .category a, .shop-item:nth-of-type(6n+3) .category a, .related-posts div:nth-of-type(6n+3) .category a { color: #f44336; } .hestia-blogs article:nth-of-type(6n+4) .category a, .related.products ul li:nth-of-type(6n+4) .category a, .woocommerce.archive .blog-post .products li:nth-of-type(6n+4) .category a, .woocommerce .products li:nth-of-type(6n+4) .category a, .shop-item:nth-of-type(6n+4) .category a, .related-posts div:nth-of-type(6n+4) .category a { color: #ff9800; } .hestia-blogs article:nth-of-type(6n+5) .category a, .related.products ul li:nth-of-type(6n+5) .category a, .woocommerce.archive .blog-post .products li:nth-of-type(6n+5) .category a, .woocommerce .products li:nth-of-type(6n+5) .category a, .shop-item:nth-of-type(6n+5) .category a, .related-posts div:nth-of-type(6n+5) .category a { color: #e91e63; } .hestia-blogs article .category a:not(:last-child)::after, .related.products ul li .category a:not(:last-child)::after, .woocommerce.archive .blog-post .products li .category a:not(:last-child)::after, .woocommerce .products li .category a:not(:last-child)::after, .shop-item .category a:not(:last-child)::after, .related-posts div .category a:not(:last-child)::after { content: ', '; color: inherit; } .hestia-blogs article:nth-of-type(6n) .card-body .btn { background-color: #4caf50; } .hestia-blogs article:nth-of-type(6n+1) .card-body .btn { background-color: #89229b; } .hestia-blogs article:nth-of-type(6n+2) .card-body .btn { background-color: #00bcd4; } .hestia-blogs article:nth-of-type(6n+3) .card-body .btn { background-color: #f44336; } .hestia-blogs article:nth-of-type(6n+4) .card-body .btn { background-color: #ff9800; } .hestia-blogs article:nth-of-type(6n+5) .card-body .btn { background-color: #e91e63; } /* Audio shortcode */ .wp-audio-shortcode { margin-bottom: 20px; } /* Video Shortcode */ .wp-video-shortcode { margin-bottom: 20px; } input[type="radio"] + label, input[type="checkbox"] + label { font-weight: 400; } blockquote.has-text-align-right { border-left: 0; border-right: 5px solid #eee; } blockquote cite { font-size: .8em; color: #777; font-style: normal; font-weight: 400; } #wp-admin-bar-hestia_preview_hook span.dashicons-lock { font-family: dashicons; display: inline-block; line-height: 1; font-weight: 400; font-style: normal; speak: never; text-decoration: inherit; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 14px; height: 14px; font-size: 12px; vertical-align: middle; text-align: center; transition: color .1s ease-in; color: inherit; } .hestia-hook-upsell { display: none; } .hestia-hook-upsell a { font-style: italic; font-weight: 700; } .hestia-hook-upsell-wrapper .hestia-hook-placeholder:hover .hestia-hook-label { display: none; } .hestia-hook-upsell-wrapper .hestia-hook-placeholder:hover .hestia-hook-upsell { display: block; } .hestia-hook-wrapper + nav.navbar { position: inherit; } .hestia-hook-wrapper + .main-raised { margin-top: 0; } .hestia-hook-wrapper + .carousel .page-header { min-height: inherit !important; } .hestia-hook-wrapper + .carousel .item .container { display: block; } /*-------------------------------------------------------------- ## 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; } 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-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) i { 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 i { 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; } .navbar .dropdown-menu li.btn:hover > a, .navbar .dropdown-menu li.btn:focus > a, .navbar .dropdown-menu li.btn:active > a { color: #ffffff !important; } .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: #000; } .btn.btn-twitter, .navbar .navbar-nav > li > a.btn.btn-twitter { -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); } .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(0, 0, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .btn.btn-twitter.btn-simple, .navbar .navbar-nav > li > a.btn.btn-twitter.btn-simple { color: #000; 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: #000; } .btn.btn-github, .navbar .navbar-nav > li > a.btn.btn-github { -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); } .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(0, 0, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .btn.btn-github.btn-simple, .navbar .navbar-nav > li > a.btn.btn-github.btn-simple { color: #000; 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; } body [class*="fl-builder"] button, body [class*="fl-builder"] button:hover, button.customize-partial-edit-shortcut-button, button.customize-partial-edit-shortcut-button:hover { box-shadow: none !important; } /*-------------------------------------------------------------- ## 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; vertical-align: middle; } .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:not(.media-toolbar-primary), .search-form:not(.media-toolbar-primary), .woocommerce-product-search { display: table; position: relative; } .searchform:not(.media-toolbar-primary) input[type=submit], .searchform:not(.media-toolbar-primary) button, .search-form:not(.media-toolbar-primary) input[type=submit], .search-form:not(.media-toolbar-primary) button, .woocommerce-product-search input[type=submit], .woocommerce-product-search button { display: table-cell; vertical-align: top; padding-left: 0; padding-right: 0; text-align: center; text-indent: -9999px; top: -19px; width: 45px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTY2NCIgaGVpZ2h0PSIxNjY0IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMTY2NCAxNjY0IiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiPjxwYXRoIGQ9Ik0xMTUyIDcwNHEwLTE4NS0xMzEuNS0zMTYuNVQ3MDQgMjU2VDM4Ny41IDM4Ny41VDI1NiA3MDR0MTMxLjUgMzE2LjVUNzA0IDExNTJ0MzE2LjUtMTMxLjVUMTE1MiA3MDR6bTUxMiA4MzJxMCA1Mi0zOCA5MHQtOTAgMzhxLTU0IDAtOTAtMzhsLTM0My0zNDJxLTE3OSAxMjQtMzk5IDEyNHEtMTQzIDAtMjczLjUtNTUuNXQtMjI1LTE1MHQtMTUwLTIyNVQwIDcwNHQ1NS41LTI3My41dDE1MC0yMjV0MjI1LTE1MFQ3MDQgMHQyNzMuNSA1NS41dDIyNSAxNTB0MTUwIDIyNVQxNDA4IDcwNHEwIDIyMC0xMjQgMzk5bDM0MyAzNDNxMzcgMzcgMzcgOTB6IiBmaWxsPSJ3aGl0ZSIvPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxNjY0IiBoZWlnaHQ9IjE2NjQiIGZpbGw9InJnYmEoMCwgMCwgMCwgMCkiIC8+PC9zdmc+); background-repeat: no-repeat; background-position: center; background-size: 18px 29px; } .searchform:not(.media-toolbar-primary) input[type=search], .search-form:not(.media-toolbar-primary) input[type=search], .woocommerce-product-search input[type=search] { height: 36px; } .blog-sidebar-wrapper .widget:nth-of-type(1).widget_search, .blog-sidebar-wrapper .widget:nth-of-type(1).widget_product_search { padding-top: 11px; } .comment-form-cookies-consent #wp-comment-cookies-consent { margin: 0 10px 0 0; } .comment-form-cookies-consent label { display: inline; } /*-------------------------------------------------------------- ## 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; } body.admin-bar .navbar { margin-top: 32px; } .navbar-color-on-scroll .dashicons { transition: initial; } .navbar.navbar-transparent { color: #fff; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .navbar.navbar-transparent > .container { padding-top: 25px; } .navbar.navbar-transparent .hestia-hide-if-transparent { display: none; } .navbar.navbar-not-transparent .hestia-transparent-logo { display: none; } .navbar { background-color: #fff; color: #555; border-radius: 0; position: fixed; border: none; padding: 0; transition: none; -webkit-box-shadow: 0 1px 10px -6px rgba(0, 0, 0, 0.42), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px -2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px -6px rgba(0, 0, 0, 0.42), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px -2px rgba(0, 0, 0, 0.1); } .navbar .navbar-collapse { border: none; } .navbar .title-logo-wrapper { display: flex; align-items: center; } .navbar > .container { display: flex; transition: padding 0.1s ease; padding: 10px 15px; vertical-align: middle; align-items: center; } .navbar.hestia_left .navbar-collapse { margin-left: auto; } .navbar.hestia_left > .container { flex-direction: row; } .navbar.hestia_left .navbar-nav { display: flex; flex-wrap: wrap; justify-content: flex-end; } .navbar.hestia_center > .container { flex-direction: column; } .navbar.hestia_center .navbar-nav { display: flex; flex-wrap: wrap; justify-content: center; } .navbar.hestia_right > .container { flex-wrap: wrap; flex-direction: row-reverse; } .navbar.hestia_right .navbar-header { max-width: 250px; } .navbar.hestia_right .navbar-header, .navbar.hestia_right .header-sidebar-wrapper { flex: 1; } .navbar.hestia_right .navbar-nav { display: flex; flex-wrap: wrap; width: 100%; } .navbar .navbar-header .navbar-brand { padding: 0 15px; position: relative; color: inherit; height: auto; } .navbar .navbar-header .navbar-brand img { width: auto; max-height: 50px; } .navbar .navbar-header .navbar-brand p { margin-bottom: 0; padding: 10px 0; } .navbar-toggle-wrapper { margin-left: auto; display: flex; align-items: center; flex-direction: row; } .navbar .navbar-toggle { float: none; border: 0; margin-right: 0; } .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus { background: transparent; } .navbar .navbar-toggle .icon-bar { border: 1px solid; transition: 0.3s ease; position: relative; } .navbar .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 .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(2) { width: 0; opacity: 0; } .navbar .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 .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 .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 .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; } .navbar .navbar-nav > li { margin: 0; } .navbar .navbar-nav > li > a { text-transform: uppercase; } .navbar .navbar-nav > li a { padding-top: 15px; padding-bottom: 15px; border-radius: 3px; color: inherit; } .navbar .navbar-nav > li a:hover, .navbar .navbar-nav > li a:focus { color: inherit; opacity: 1; } .navbar .navbar-nav > li a i { min-width: 20px; text-align: center; position: relative; top: 2px; margin-top: -4px; margin-right: 4px; } .navbar .navbar-nav > li.btn { padding: 0 10px; } .navbar .navbar-nav > li.btn > a { color: #fff; } .navbar .navbar-nav > li.btn li a { text-transform: none; } .navbar .navbar-nav > li .dropdown-menu { margin-top: -5px; border: none; } .navbar .navbar-nav > li .dropdown-menu > .active > a { background-color: transparent; } .navbar .navbar-nav > li .dropdown-menu li { color: #333; position: relative; } .navbar .navbar-nav > li .dropdown-menu li.active > a { color: #333; } .navbar .navbar-nav > li .dropdown-menu li:hover > a { color: #e91e63; } .navbar .navbar-nav > li .dropdown-menu li:hover > a > i { opacity: 0.7; } .navbar .navbar-nav > li .dropdown-menu li > a { background-color: transparent; margin: 0 5px; padding: 10px; border-radius: 2px; -webkit-transition: all 150ms linear; transition: all 150ms linear; } .navbar .navbar-nav > li .dropdown-menu li > a > i { position: relative; top: 1px; margin-right: 12px; opacity: 0.5; text-align: center; } .navbar .navbar-nav > li .dropdown-menu li > a i { position: relative; top: 1px; margin-top: -4px; margin-right: 12px; vertical-align: middle; } .navbar .navbar-nav > li:hover .dropdown-menu { margin-top: 0; z-index: 10; } .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: ""; 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); } .dropdown-submenu { position: relative; } .dropdown-submenu .dropdown-menu { display: none; top: 0; left: 100%; margin-top: -6px; margin-left: -1px; } .dropdown-submenu.open > .dropdown-menu { display: table; visibility: visible; opacity: 1; } .dropdown-submenu:hover > .dropdown-toggle .caret, .dropdown-submenu.open > .dropdown-toggle .caret { border-left: 4px dashed; border-top: 4px solid transparent; border-bottom: 4px solid transparent; } .dropdown-submenu:hover .dropdown-menu, .dropdown-submenu.open .dropdown-menu { display: table; } .navbar.header-with-topbar { position: absolute; top: 40px; } .navbar.navbar-scroll-point { position: fixed; top: 0; } .navbar.full-screen-menu.navbar-scroll-point .header-sidebar-wrapper { display: none; } .dropdown-helper-overlay { position: fixed; top: 0; left: 0; right: 0; height: 100vh; z-index: -1; } #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; } .hestia-mm-description { display: none; opacity: .75; } @media (max-width: 768px) { .hestia-nav-search { margin-top: 25px; } .hestia-nav-search .search-submit { display: block; pointer-events: all; } .hestia-nav-search form { width: 100%; margin-bottom: 0; } .hestia-nav-search form:after { font-size: 16px; display: block; } .hestia-nav-search label { padding-right: 25px; } .navbar .navbar-nav > li.hestia-search-in-menu a.hestia-toggle-search { display: none; } } .hestia-toggle-search svg { fill: #555; vertical-align: middle; } .navbar.navbar-transparent .hestia-toggle-search svg { fill: #fff; } .full-screen-menu .hestia-toggle-search { display: none; } .full-screen-menu .hestia-nav-search { margin-top: 25px; text-align: left; } @media (min-width: 769px) { .navbar:not(.full-screen-menu) .hestia-toggle-search { display: block; width: 55px; } .navbar:not(.full-screen-menu) .hestia-toggle-search i { font-size: 16px; } .navbar:not(.full-screen-menu) .hestia-search-in-menu { cursor: pointer; position: relative; vertical-align: middle; display: inline-block; } .navbar:not(.full-screen-menu).nav-searching .hestia-nav-search form { max-width: 200px; opacity: 1; pointer-events: all; } .navbar:not(.full-screen-menu).nav-searching #main-navigation ul.nav li:not(.hestia-search-in-menu) { opacity: 0; visibility: hidden; } .navbar:not(.full-screen-menu) .hestia-nav-search { padding: 0 15px; text-align: left; } .navbar:not(.full-screen-menu) .hestia-nav-search .search-submit { display: none; pointer-events: none; } .navbar:not(.full-screen-menu) .hestia-nav-search form { width: 200px; max-width: 0; padding: 5px; transition: all .5s ease; position: absolute; right: 40px; box-sizing: border-box; opacity: 0; pointer-events: none; } .navbar:not(.full-screen-menu) .hestia-nav-search form:after { display: none; } .navbar:not(.full-screen-menu) .hestia-nav-search label { padding: 0; } .navbar:not(.full-screen-menu).navbar-transparent .hestia-nav-search form .search-field { color: #ffffff; } .navbar:not(.full-screen-menu).navbar-transparent .hestia-nav-search form .search-field::-webkit-input-placeholder { color: #ffffff; } .navbar:not(.full-screen-menu).navbar-transparent .hestia-nav-search form .search-field::-moz-placeholder { color: #ffffff; } .navbar:not(.full-screen-menu).navbar-transparent .hestia-nav-search form .search-field:-ms-input-placeholder { color: #ffffff; } .navbar:not(.full-screen-menu).navbar-transparent .hestia-nav-search form .search-field:-moz-placeholder { color: #ffffff; } .navbar:not(.full-screen-menu).navbar-transparent .hestia-nav-search form .control-label { color: #fff; } } .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 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 { align-items: center; display: flex; flex-direction: row; justify-content: flex-end; } .hestia_right .blog-sidebar-wrapper .header-widgets-wrapper .searchform label, .hestia_right .blog-sidebar-wrapper .header-widgets-wrapper .search-form label, .hestia_right .header-sidebar-wrapper .header-widgets-wrapper .searchform label, .hestia_right .header-sidebar-wrapper .header-widgets-wrapper .search-form label { width: inherit; } .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 *[type=submit], .header-widgets-wrapper .widget.widget_categories *[type=submit], .header-widgets-wrapper .widget.widget_product_categories *[type=submit], .header-widgets-wrapper .widget.widget_search *[type=submit], .header-widgets-wrapper .widget.widget_product_search *[type=submit], .header-widgets-wrapper .widget.widget_meta *[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 ul li { cursor: auto; display: inline-block; margin: 0 5px; } .header-widgets-wrapper ul li.menu-item { padding-top: 0; } .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: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; display: inline-block; width: 16px; height: 16px; background-repeat: no-repeat; content: ''; background-color: #333; vertical-align: text-bottom; } .header-widgets-wrapper ul li a[href*="tel:"]:before { mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } .header-widgets-wrapper ul li a[href*="mailto:"]:before { mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } .header-widgets-wrapper ul li.dropdown .caret { display: none; } .navbar-transparent .widget .btn:hover a { 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, .card-no-width { display: inline-block; position: relative; margin-bottom: 30px; border-radius: 6px; color: rgba(0, 0, 0, 0.87); background: #fff; max-width: 100%; -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, .card-no-width .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, .card-no-width .card-image img { width: 100%; height: 100%; margin: 0 !important; border-radius: 6px; } .card .category:not([class*="text-"]), .card-no-width .category:not([class*="text-"]) { color: #999999; } .card .content, .card-no-width .content { padding: 15px 30px; } .card .header, .card-no-width .header { margin: 15px; padding: 15px 0; border-radius: 3px; background-color: #fff; } .card .header-primary, .card .content-primary, .card-no-width .header-primary, .card-no-width .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, .card-no-width [class*="header-"], .card-no-width [class*="content-"], .card-no-width [class*="header-"] .card-title a, .card-no-width [class*="header-"] .card-title, .card-no-width [class*="header-"] .icon i, .card-no-width [class*="content-"] .card-title a, .card-no-width [class*="content-"] .card-title, .card-no-width [class*="content-"] .icon i, .card-no-width [class*="header-"] .author a:hover, .card-no-width [class*="header-"] .author a:focus, .card-no-width [class*="header-"] .author a:active, .card-no-width [class*="content-"] .author a:hover, .card-no-width [class*="content-"] .author a:focus, .card-no-width [class*="content-"] .author a:active { color: #fff; } .card [class*="header-"] .icon i, .card [class*="content-"] .icon i, .card-no-width [class*="header-"] .icon i, .card-no-width [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, .card-no-width [class*="header-"] .author a, .card-no-width [class*="header-"] .footer .stats, .card-no-width [class*="header-"] .category, .card-no-width [class*="header-"] .card-description, .card-no-width [class*="content-"] .author a, .card-no-width [class*="content-"] .footer .stats, .card-no-width [class*="content-"] .category, .card-no-width [class*="content-"] .card-description, .card-no-width [class*="content-"] h1 small, .card-no-width [class*="content-"] h2 small, .card-no-width [class*="content-"] h3 small { color: rgba(255, 255, 255, 0.8); } .card [class*="content-"], .card-no-width [class*="content-"] { border-radius: 6px; } .card img, .card-no-width img { width: 100%; height: auto; } .card .category i, .card-no-width .category i { position: relative; top: 6px; } .card .author .avatar, .card-no-width .author .avatar { overflow: hidden; width: 30px; height: 30px; margin-right: 5px; border-radius: 50%; } .card .author a, .card-no-width .author a { color: #3C4858; text-decoration: none; } .card .author .date, .card-no-width .author .date { display: none; } .card .footer, .card-no-width .footer { margin-top: 15px; } .card .footer div, .card-no-width .footer div { /* WooCommerce fix */ display: inline-block !important; } .card .footer .author, .card .footer .stats, .card-no-width .footer .author, .card-no-width .footer .stats { color: #999999; } .card .footer .stats, .card-no-width .footer .stats { float: right; } .card .footer .stats i, .card-no-width .footer .stats i { position: relative; top: 4px; } .card .checkbox, .card-no-width .checkbox { margin-top: 16px; } .card { width: 100%; } @media (max-width: 768px) { .card-no-width { width: 100%; } } .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.layout-alternative2 { padding: 0 20px; margin-top: 50px; } .card-blog.sticky.layout-alternative2 .card-header-image { margin-top: -20px; } .card-blog.sticky .card-image { margin-left: 0; margin-right: 0; } .card-blog.sticky .featured-alt-2 { padding-bottom: 15px; } .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-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; } .img-thumbnail { border-radius: 16px; } .iframe-container iframe { width: 100%; } .card .card-image, .card-no-width .card-image, .card .header, .card-no-width .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; } /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ .header-layout-classic-blog.page:not(.home):not(.archive) .main-raised { border-radius: 0; } .header-layout-classic-blog:not(.page-template-default):not(.home):not(.archive).woocommerce.archive .main-raised, .header-layout-classic-blog:not(.page-template-default):not(.home):not(.archive).single .main-raised, .header-layout-classic-blog:not(.page-template-default):not(.home):not(.archive) .main-raised { margin-top: 0; } /*-------------------------------------------------------------- # Logo --------------------------------------------------------------*/ .hestia-title-with-logo { line-height: normal; } .hestia-title-with-logo .hestia-logo { width: auto; } .hestia-title-with-logo .hestia-title-tagline-wrap { display: block; line-height: normal; } .hestia-title-tagline-wrap .site-title { padding: 0; margin: 0; font-size: 16px; line-height: normal; margin-bottom: 5px; } .hestia-title-tagline-wrap small { padding: 0; margin: 0; font-size: 12px; line-height: normal; white-space: nowrap; } .hestia-text-left { display: inline-flex; align-items: center; } .hestia-text-left .hestia-title-tagline-wrap { margin-right: 10px; order: 1; } .hestia-text-left .hestia-logo { order: 2; } .hestia-text-right { display: inline-flex; align-items: center; } .hestia-text-right .hestia-title-tagline-wrap { margin-left: 10px; } .hestia-text-bottom { display: inline-block; } .hestia-text-bottom .hestia-title-tagline-wrap { width: 100%; display: block; line-height: normal; margin-top: 10px; } .hestia-text-bottom .hestia-title-tagline-wrap .site-title { margin-bottom: 0; } /*-------------------------------------------------------------- # Sections --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Slider --------------------------------------------------------------*/ .carousel #parallax_move { width: 100%; height: 100%; position: absolute; } .carousel #parallax_move .layer { background-size: cover; width: 100%; height: 100%; background-position: top center; } .carousel #parallax_move .layer2 { position: absolute; top: 0; } .carousel .btn { margin: 0; } .carousel .page-header { display: flex; z-index: -2; } .carousel .page-header .row { display: flex; align-items: center; padding: 0 15px; margin: 0; flex: 1; max-width: 100%; } .carousel .carousel-control.left, .carousel .carousel-control.right { z-index: 0; background-image: none; } .carousel .item { text-align: center; } .carousel .item .container { display: flex; position: relative; padding: 100px 0; } .carousel .carousel-control { text-shadow: none; display: flex; align-items: center; justify-content: center; } .carousel .carousel-control.left { /** * rtl:ignore */ right: auto; left: 0; } .carousel .carousel-control.right { right: 0; } .carousel .carousel-control i { display: inline-block; position: absolute; z-index: 5; } .carousel .buttons .btn-left + .btn-right { margin-left: 30px; } .wp-custom-header img, .wp-custom-header video, .wp-custom-header iframe { width: 100%; 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 img { -o-object-fit: cover; object-fit: cover; height: 100%; } .wp-custom-header .wp-custom-header-video-button { display: none; } #carousel-hestia-generic .carousel { overflow: hidden; } .big-title-sidebar-wrapper .widget { padding: 30px 0; } .big-title-sidebar-wrapper .pirate-forms-contact-widget { background: #Fff; color: #3C4858; padding: 10px; border-radius: 6px; -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); } .hestia-slider-alignment-left .pirate-forms-contact-widget { margin-left: auto; } .hestia-slider-alignment-left .widget_media_image img { display: block; margin-left: auto; } .hestia-slider-alignment-right .pirate-forms-contact-widget { margin-right: auto; } .hestia-slider-alignment-right .widget_media_image img { display: block; margin-right: auto; } @media (max-width: 1600px) { .carousel-control.left { width: 50px; } .carousel-control.left i { left: 10px; } .carousel-control.right { width: 50px; } .carousel-control.right i { right: 10px; } } /* Compatibility with Internet Explorer, vertical align slider content */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .carousel .page-header .container { display: table; min-height: inherit; } .carousel .page-header .container .row { display: table-row; /* Widgets area enabled in Big Title section */ } .carousel .page-header .container .row .big-title-slider-content { display: table-cell; vertical-align: middle; float: none; margin: auto; } .carousel .page-header .container .row .big-title-slider-content.col-md-7 { display: table-cell; vertical-align: middle; float: none; margin: auto; } .carousel .page-header .container .row .big-title-sidebar-wrapper.col-md-5 { display: table-cell; vertical-align: middle; float: none; margin: auto; } .carousel .carousel-control i { left: 50%; } } /*-------------------------------------------------------------- ## 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; } .wrapper.classic-blog .title-in-content, .wrapper.no-content .title-in-content { margin-top: 0; margin-bottom: 15px; } .wrapper.classic-blog .hestia-blogs, .wrapper.no-content .hestia-blogs { padding-top: 40px; } @media (max-width: 768px) { .wrapper.classic-blog .hestia-blogs, .wrapper.no-content .hestia-blogs { padding-top: 30px; } } .wrapper.classic-blog .section, .wrapper.no-content .section { padding-top: 40px; } @media (max-width: 768px) { .wrapper.classic-blog .section, .wrapper.no-content .section { padding-top: 30px; } } .image-in-page-wrapper { margin-bottom: 20px; } .image-in-page { margin-bottom: 30px; } .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; } .hestia-clear-top-padding { margin-top: -65px; } @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; } } @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; } .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:hover { 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; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 1; } .hestia-portfolio-modal { background: rgba(0, 0, 0, 0.7); } .hestia-portfolio-modal .modal-header { position: relative; 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: "Font Awesome 5 Free"; font-weight: 900; 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; } /*-------------------------------------------------------------- ## 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 ); background-position: center center; background-size: cover; } .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: #000; } .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: #000; } .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; } .hestia-3-cols-team .has-text-align-center, .hestia-3-cols-team .has-text-align-left, .hestia-3-cols-team .has-text-align-right { max-width: 486px; } /*-------------------------------------------------------------- ## Pricing Section --------------------------------------------------------------*/ .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-pricing .hestia-pricing-icon-wrapper { border-radius: 50%; border: 1px solid #e5e5e5; width: 80px; height: 80px; margin: 10px auto 0; } .card-pricing .hestia-pricing-icon-wrapper i { color: inherit; font-size: 30px; line-height: 80px; } .card-pricing .hestia-pricing-icon-wrapper.pricing-has-icon + .card-title { font-size: 25px; margin-top: 20px; } .card-pricing .hestia-pricing-icon-wrapper.pricing-has-icon + .card-title small { color: inherit; top: 0; font-size: inherit; font-weight: inherit; line-height: inherit; } .card-pricing .card-pricing.card-plain .hestia-pricing-icon-wrapper { border-color: #d6d1d1; } /*-------------------------------------------------------------- ## 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; } #sib_signup_form_1 { text-align: center; } #sib_signup_form_1 .input-group-addon { width: 20px; display: inline-block; vertical-align: bottom; text-align: center; margin-right: 10px; font-size: 16px; margin-bottom: 15px; } #sib_signup_form_1 p.form-group { display: inline-block; width: calc(100% - 30px); margin-bottom: 15px; text-align: left; position: relative; z-index: 0; } #sib_signup_form_1 p.form-group label { z-index: -1; top: 10px; position: absolute; font-weight: 400; color: #909090; } #sib_signup_form_1 p.form-group:not(.is-empty) label { display: none; } /*-------------------------------------------------------------- ## Blog Section --------------------------------------------------------------*/ .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); } .hestia-blogs article .category a:not(:last-child):after { content: ", "; } /*-------------------------------------------------------------- ## 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.footer { background: #fff; } footer.footer.footer-black { background: #323437; } footer.footer.footer-black a { opacity: 0.86; color: #fff; } footer.footer.footer-black a:hover, footer.footer.footer-black a:focus { opacity: 1; } footer.footer.footer-black h5, footer.footer.footer-black h4, footer.footer.footer-black i, footer.footer.footer-black .copyright { color: #fff; } footer.footer.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: "Font Awesome 5 Brands"; font-weight: 900; } .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*="tel:"]:before, .footer-big .footer-menu li a[href*="mailto:"]:before { display: inline-block; width: 16px; height: 16px; background-repeat: no-repeat; content: ''; background-color: #fff; } .footer-big .footer-menu li a[href*="mailto:"]:before { mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } .footer-big .footer-menu li a[href*="tel:"]:before { mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } .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-scroll-to-top svg { fill: #ffffff; } .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 .col-md-6 li a:before, .hestia-top-bar .col-md-12 li a:before { font-family: "Font Awesome 5 Brands"; } .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 button[type=submit], .hestia-top-bar .widget.widget_search h5, .hestia-top-bar .widget.widget_product_search button[type=submit], .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; right: -25px; 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 25px 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 { content: ""; position: absolute; left: 0; top: 50%; width: 18px; height: 18px; mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url('data:image/svg+xml;utf8,'); background-color: #fff; transform: translateY(-50%); } .hestia-top-bar .widget.widget_search .search-form { display: inline-block; } .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: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; display: inline-block; width: 16px; height: 16px; background-repeat: no-repeat; content: ''; background-color: #fff; vertical-align: text-bottom; } .hestia-top-bar ul li a[href*="tel:"]:before { mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } .hestia-top-bar ul li a[href*="mailto:"]:before { mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } .hestia-top-bar ul li.dropdown .caret { display: none; } .hestia-top-bar.placeholder { box-sizing: content-box; border: 2px dashed; } .hestia-top-bar.placeholder .top-widgets-placeholder { display: inline-block; cursor: pointer; position: relative; vertical-align: top; } /*-------------------------------------------------------------- ## Clients bar --------------------------------------------------------------*/ .hestia-clients-bar { padding: 70px 0; } .hestia-clients-bar .clients-bar-wrapper { list-style-type: none; margin: 0; padding: 0; } .hestia-clients-bar .clients-bar-wrapper li { display: inline-block; margin: 25px; vertical-align: middle; } .hestia-clients-bar .clients-bar-wrapper li a { display: block; padding: 5px; } .hestia-clients-bar .clients-bar-wrapper li img { max-width: 100%; height: auto; } .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-ms-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; } 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; } .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); } .bypostauthor { display: block; } .related-posts .hestia-title { margin-bottom: 50px; } .related-posts .category a:not(:last-child):after { content: ", "; } .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; } .flex-row { display: flex; flex-wrap: wrap; flex-direction: row; } .layout-alternative2 .category { padding-top: 10px; } .alignfull, .alignwide { width: unset; max-width: unset; } .hestia-hidden { display: none; } .wp-block-embed.is-type-video > .wp-block-embed__wrapper { position: relative; width: 100%; height: 0; padding-top: 56.25%; } .wp-block-embed.is-type-video > .wp-block-embed__wrapper iframe, .wp-block-embed.is-type-video > .wp-block-embed__wrapper > object { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; } /*-------------------------------------------------------------- ## 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; } .single-post .blog-post .section-comments .hestia-title { margin-bottom: 30px; margin-top: 20px; } .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; word-break: break-all; } .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 --------------------------------------------------------------*/ .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-toggle-container { clear: both; } /** * Off Canvas style for shop sidebar */ .hestia-sidebar-open, .hestia-sidebar-close { display: none; padding: 10px; } body.off-canvas .hestia-sidebar-open, body.off-canvas .hestia-sidebar-close { display: inline-block; } body.off-canvas .shop-sidebar-wrapper { position: fixed; top: 0; z-index: 1030; height: 100%; background: #fff; border-right: 1px solid #f0f0f0; left: -100%; transition: 0.5s ease; padding: 60px 20px 20px; overflow-y: scroll; } body.off-canvas .shop-sidebar-wrapper.sidebar-open { left: 0; } body.off-canvas .shop-sidebar-wrapper .card { box-shadow: none; } .row-sidebar-toggle { text-align: right; } .row-sidebar-toggle .hestia-sidebar-close { padding: 10px 13px; } .row-sidebar-toggle.desktop { clear: both; text-align: left; } /*-------------------------------------------------------------- ## Attachment Page --------------------------------------------------------------*/ .attachment .main-raised .blog-post { padding-bottom: 130px; } .attachment .sizes { margin-top: 20px; } /*-------------------------------------------------------------- ## Features Area --------------------------------------------------------------*/ .hestia-blog-featured-posts { padding: 0; } .hestia-blog-featured-posts article:nth-of-type(1) .card { margin-top: 0; } .hestia-blog-featured-posts article:nth-child(6n) .btn { background-color: #4caf50; } .hestia-blog-featured-posts article:nth-child(6n+1) .btn { background-color: #89229b; } .hestia-blog-featured-posts article:nth-child(6n+2) .btn { background-color: #00bcd4; } .hestia-blog-featured-posts article:nth-child(6n+3) .btn { background-color: #f44336; } .hestia-blog-featured-posts article:nth-child(6n+4) .btn { background-color: #ff9800; } .hestia-blog-featured-posts article:nth-child(6n+5) .btn { background-color: #e91e63; } .hestia-blog-featured-card .card-background { text-align: center; } .hestia-blog-featured-card .card-background:after { position: absolute; z-index: 1; width: 100%; height: 100%; display: block; left: 0; top: 0; content: ""; background-color: rgba(0, 0, 0, 0.56); border-radius: 6px; opacity: 1; } .hestia-blog-featured-card .card-background .card-body { position: relative; z-index: 2; min-height: 280px; padding-top: 40px; padding-bottom: 40px; max-width: 440px; margin: 0 auto; } .hestia-blog-featured-card .card-background .card-body .card-description { color: rgba(255, 255, 255, 0.7); } .hestia-blog-featured-card .card-background .card-body .category a { color: rgba(255, 255, 255, 0.7); } .hestia-blog-featured-card .card-body { padding: 15px 30px; } .hestia-blog-featured-card.col-md-12 .card-body { max-width: 750px; } /*-------------------------------------------------------------- ## Gutenberg Blocks --------------------------------------------------------------*/ figure.wp-block-pullquote { border-left: none; border-top: 4px solid; border-bottom: 4px solid; margin: 20px 0; padding: 3em 0; } figure.wp-block-pullquote p { font-size: 28px; font-style: normal; margin-bottom: 20px; } figure.wp-block-pullquote blockquote { margin: 1em; border: none; } figure.wp-block-pullquote cite { text-transform: uppercase; font-size: 13px; font-weight: 300; } .single-post-wrap .has-small-font-size, .page-content-wrap .has-small-font-size { font-size: 13px; } .single-post-wrap .has-medium-font-size, .page-content-wrap .has-medium-font-size { font-size: 20px; } .single-post-wrap .has-large-font-size, .page-content-wrap .has-large-font-size { font-size: 36px; } .single-post-wrap .has-huge-font-size, .page-content-wrap .has-huge-font-size { font-size: 48px; } .wp-block-separator { color: #eee; background-color: #eee; border: none; } .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { height: 2px; max-width: 150px; } .wp-block-separator .is-style-default { height: 1px; } .wp-block-separator.is-style-wide { max-width: 100%; height: 1px; } /*-------------------------------------------------------------- # 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:after { content: ""; display: table; clear: both; } #parallax_move ~ .item .page-header, #wp-custom-header ~ .item .page-header { overflow: inherit; } .page-header { will-change: transform; overflow: hidden; 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.header-filter-gradient:before { background-color: transparent; } .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; } .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; } .single .main-raised.classic-blog { margin-top: 0; } .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; } .page:not(.home) .wrapper { display: flex; flex-direction: column; min-height: 100vh; } .page:not(.home) .wrapper .main { display: flex; flex-direction: column; flex: 1 0 auto; } .page:not(.home) .wrapper .main .blog-post { flex: 1 0 auto; } body:not(.home) .wrapper { display: flex; flex-direction: column; min-height: 100vh; } body:not(.home) .wrapper .main { display: flex; flex-direction: column; flex: 1 0 auto; } body:not(.home) .wrapper .main .hestia-blogs { flex: 1 0 auto; } body:not(.home) .wrapper .content-area { display: flex; flex-direction: column; flex: 1 0 auto; } /*-------------------------------------------------------------- # Modals --------------------------------------------------------------*/ .modal-content { box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); border-radius: 6px; border: none; } .modal-content .modal-header { border-bottom: none; } .modal-content .modal-body { padding-top: 24px; padding-right: 24px; padding-bottom: 16px; padding-left: 24px; } .modal-content .modal-footer { border-top: none; padding: 7px; } .modal-content .modal-footer.text-center { text-align: center; } .modal-content .modal-footer button { margin: 0; padding-left: 16px; padding-right: 16px; width: auto; } .modal-content .modal-footer button.pull-left { padding-left: 5px; padding-right: 5px; position: relative; left: -5px; } .modal-content .modal-footer button + button { margin-bottom: 16px; } .modal-content .modal-body + .modal-footer { padding-top: 0; } .modal-backdrop { background: rgba(0, 0, 0, 0.3); } .modal .modal-dialog { margin-top: 100px; } .modal .modal-header .close { color: #f3f6f8; } .modal .modal-header .close:hover, .modal .modal-header .close:focus { opacity: 1; } .modal .modal-header .close i { font-size: 16px; } .modal-notice .instruction { margin-bottom: 25px; } .modal-notice .picture { max-width: 150px; } .modal-notice .modal-content .btn-raised { margin-bottom: 15px; } .modal-small { width: 300px; } .modal-small .modal-body { margin-top: 20px; } /*-------------------------------------------------------------- # 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; } } @media (max-width: 991px) { .navbar .navbar-nav > li { margin-right: 10px; margin-left: 10px; } .page-header { height: auto; min-height: 0; } .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 section.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; } .single.single-post .section-blog-info .card-profile .card-avatar { margin-bottom: 20px; } .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; } .row-sidebar-toggle.desktop { display: none; } .page .row-sidebar-toggle { margin-top: 0; margin-bottom: 30px; } .shop-sidebar-wrapper { position: fixed; top: 0; z-index: 1030; height: 100%; background: #fff; border-right: 1px solid #f0f0f0; left: -100%; transition: 0.5s ease; padding: 60px 20px 20px; overflow-y: scroll; } .shop-sidebar-wrapper.sidebar-open { left: 0; } .shop-sidebar-wrapper .card { box-shadow: none; } .archive.woocommerce .hestia-sidebar-open { margin-top: 15px; } .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; } .hestia-blog-featured-posts { padding-top: 30px; } .hestia-blog-featured-posts .card-raised { margin: 30px 0; } .hestia-blog-featured-posts .card-background .card-body { padding-top: 20px; padding-bottom: 20px; max-width: 100%; } .hestia-blog-featured-posts .card-body { padding: 20px 15px; } } @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; } .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; position: static; background: transparent; } .big-title-sidebar-wrapper .pirate-forms-contact-widget { max-width: 370px; } .row-sidebar-toggle.desktop { display: block; } .row-sidebar-toggle.mobile { display: none; } } @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; } .nav-cart.responsive-nav-cart { display: none; } .navbar.hestia_left .title-logo-wrapper { min-width: 250px; } .navbar.hestia_right.navbar-scroll-point .title-logo-wrapper, .navbar.hestia_right.navbar-scroll-point .header-sidebar-wrapper { display: none; } .navbar.hestia_right .title-logo-wrapper { min-width: 250px; } .navbar.hestia_right .navbar-collapse { min-width: 100%; } .navbar.hestia_center .navbar-brand { margin: 0 auto; } .navbar.hestia_center.navbar-scroll-point .title-logo-wrapper { display: none; } .navbar.full-screen-menu .navbar-brand { float: none; margin: 0; padding: 0; } .navbar.full-screen-menu .navbar-header { width: 100%; display: flex; } .navbar.full-screen-menu .navbar-toggle { z-index: 999999; } .navbar.full-screen-menu.navbar-scroll-point .title-logo-wrapper { display: block; } .navbar.full-screen-menu .navbar-toggle, .navbar.full-screen-menu .nav-cart:not(.responsive-nav-cart) { display: inline-block; } .navbar.full-screen-menu .nav-cart .nav-cart-icon span { top: 10px; left: 15px; } .navbar.full-screen-menu .navbar-nav { background-color: rgba(255, 255, 255, 0.9); } .navbar.full-screen-menu.hestia_center .navbar-header .title-logo-wrapper { left: 50%; transform: translateX(-50%); position: relative; } .navbar.full-screen-menu.hestia_right .navbar-header { max-width: 100%; } .navbar.full-screen-menu .navbar-nav.nav { opacity: 0; display: flex; flex-direction: column; flex-wrap: inherit; justify-content: flex-start; transition: all .3s ease; visibility: hidden; pointer-events: none; z-index: 9999; overflow-x: scroll; 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.nav > li, .navbar.full-screen-menu .navbar-nav.nav > li.btn:last-child { display: table; margin: 20px auto; } .navbar.full-screen-menu .in .navbar-nav.nav { opacity: 1; visibility: visible; pointer-events: inherit; } .dropdown .dropdown-menu { display: block; visibility: hidden; margin-top: -20px; opacity: 0; -webkit-transition: all 150ms linear; transition: all 150ms linear; } .dropdown.open, .dropdown:hover { z-index: 1; } .dropdown.open > .dropdown-menu, .dropdown:hover > .dropdown-menu { visibility: visible; margin-top: 1px; opacity: 1; z-index: 100; } } @media (max-width: 768px) { li.nav-cart { display: none; } li.nav-cart.responsive-nav-cart { display: block; margin-left: 5px; } .container .navbar-header { width: 100%; display: flex; margin: 0 auto; } .navbar > .container { transition: padding 0.1s ease; padding: 10px 15px; align-items: center; display: block; } .navbar.navbar-transparent { background: #fff; color: #555; } .navbar.navbar-transparent > .container { padding-top: 10px; } .navbar .nav.navbar-nav { display: block; } .hestia-sidebar-header { display: none; } .navbar.hestia_right .navbar-header { max-width: inherit; } .navbar.navbar-default .dropdown.btn a .caret { border-color: #fff !important; color: #fff !important; } .navbar.navbar-default li.btn a, .navbar.navbar-default li.btn a i, .navbar.navbar-default .navbar-nav .menu-item.btn.active a, .navbar.navbar-default .navbar-nav .menu-item.btn.active a i { color: #fff; } .navbar.navbar-default li.btn:hover a, .navbar.navbar-default li.btn:hover i { color: #fff; } .navbar.navbar-default li.btn:hover ul li i { color: #fff; } .navbar.navbar-default li.btn ul li a, .navbar.navbar-default li.btn ul li i { opacity: 1; color: #fff !important; } .navbar.navbar-default li.btn ul li:hover a, .navbar.navbar-default li.btn ul li i { color: #fff !important; } .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.navbar-fixed-top.header-with-topbar:not(.navbar-scroll-point) .navbar-collapse { margin-top: 110px; } .navbar .navbar-nav { margin: 7.5px 0; } .navbar .navbar-nav li { box-sizing: border-box; float: left; margin: 0; padding: 0; width: 100%; text-align: left; } .navbar .navbar-nav li.btn { margin-top: 10px; } .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: "Font Awesome 5 Free"; font-weight: 900; 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 svg { width: 12.5px; margin: 9px; transition: all 0.3s ease; } .navbar .navbar-nav .dropdown a .caret-open .caret svg { transform: rotate(-180deg); } .navbar .navbar-nav .dropdown a > i { margin-right: 12px; } .navbar .navbar-nav .dropdown.open a > .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 li a { padding: 15px 0 15px 45px; } .navbar .navbar-header .navbar-brand { padding-left: 0; } .navbar .navbar-brand h1, .navbar .navbar-brand p { padding: 10px 0; } .navbar .dropdown-submenu:hover .dropdown-menu { display: none !important; } .navbar .dropdown-submenu.open > a { background: transparent !important; color: inherit; -webkit-box-shadow: none; box-shadow: none; } .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 { 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 { color: #e91e63; background-color: transparent; } .navbar .dropdown-menu li > a > i { opacity: 1; } .hestia_right .header-sidebar-wrapper { display: none; } 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.header-with-topbar.navbar-fixed-top.navbar-scroll-point .navbar-collapse { margin-top: 115px; } 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); } .big-title-sidebar-wrapper { width: 100%; padding: 0; } .big-title-sidebar-wrapper .pirate-forms-contact-widget { max-width: 370px; margin: 0 auto; } .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; } .home .main-raised section:first-of-type { border-radius: 0; } .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; } .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 .col-xs-6:nth-of-type(2n+1), .team .col-xs-6:nth-of-type(2n+1), .authors-on-blog .col-xs-6:nth-of-type(2n+1) { clear: both; } .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; } .hestia-clear-top-padding { margin-top: -30px; } .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, .page .page-header.header-small, .blog .page-header.header-small, .archive .page-header.header-small, .category .page-header.header-small { min-height: 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: 120px 15px 50px; } .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; } .obfx-sharing-bottom { left: 0; } .carousel .buttons .btn-left + .btn-right, .carousel .buttons .btn-left, .carousel .buttons .btn-right { margin: 0 15px 15px; } .navbar.navbar-transparent .hestia-hide-if-transparent { display: block; } .navbar.navbar-transparent .hestia-transparent-logo { display: none; } } @media (max-width: 767px) { .carousel .page-header .row { flex-direction: column; justify-content: center; padding: 0; text-align: center; } .carousel .page-header .row .margin-right-auto, .carousel .page-header .row .margin-left-auto { margin: inherit; } .carousel .page-header .row .big-title-slider-content { text-align: center; } .carousel .item .container.container-height-auto { top: 0; transform: none; } .carousel .carousel-control.left i { left: 10px; } .carousel .carousel-control.right i { 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-scroll-point.navbar-transparent { margin-top: 0; top: 46px; } body.admin-bar .navbar.navbar-not-transparent { margin-top: 0; } body.admin-bar .navbar.navbar-scroll-point.navbar-fixed-top .navbar-collapse, body.admin-bar .navbar.navbar-scroll-point.header-with-topbar.navbar-fixed-top .navbar-collapse { max-height: calc(100% - 70px); margin-top: 70px; } body.admin-bar .navbar.navbar-scroll-point.navbar-fixed-top.navbar-transparent .navbar-collapse, body.admin-bar .navbar.navbar-scroll-point.header-with-topbar.navbar-fixed-top.navbar-transparent .navbar-collapse { max-height: calc(100% - 70px); margin-top: 115px; } } @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; padding: 0; } .contactus .pirate_forms_wrap .form_captcha_wrap > div > div { transform: scale(0.8); overflow: visible; } } /*-------------------------------------------------------------- # Compatibility --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## 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; } } /*-------------------------------------------------------------- ## Otter blocks --------------------------------------------------------------*/ .wp-block-themeisle-blocks-tabs .wp-block-themeisle-blocks-tabs__header_item.hidden { display: block !important; }