/* Theme Name: Corporate Biz Theme URI: https://catchthemes.com/themes/corporate-biz/ Author: Catch Themes Author URI: https://catchthemes.com/ Description: Corporate Biz is a free Corporate WordPress theme that is clean, simple, and sophisticated. The minimal design and engaging, well-organized layout brings out the best in your business. Corporate Biz has an incredibly robust set of features and sections. For instance, Header Media, Featured Slider, Featured Content, Hero Content, Colors, Portfolio, Testimonials, Services, Layout Options, and more. The vast features and functionalities make it suitable for all kinds of business purposes. All of the sections are fully customizable and easy to use. Most importantly, all features in Corporate Biz are responsive and organized perfectly. Corporate Biz is responsive and your business site looks professional across all devices. With the available one-click demo styles, it is easier than ever to set up your site. In addition, the theme is translation ready as well. If you own business and want to grow your online audience, Corporate Biz is the one to trust. For more information, check out Theme Instructions at https://catchthemes.com/themes/corporate-biz/#theme-instructions/ and Demo at https://catchthemes.com/demo/corporate-biz/. Version: 1.0 Requires at least: 5.1 Tested up to: 5.5 Requires PHP: 5.6 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, custom-logo, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, news, photography, portfolio Text Domain: corporate-biz 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. */ /** * Table of Contents * * 1.0 - Normalize * 2.0 - Typography * 2.1 - Font Awesome * 2.2 - Font Family * 2.3 - Font Size * 2.4 - Heading * 3.0 - Core * 3.1 - Elements * 3.2 - Icons * 3.3 - Lists * 3.4 - Padding/Margin * 4.0 - Forms * 5.0 - Navigation * 5.1 - Next/Previous * 5.2 - Menus * 5.3 - Header * 6.0 - Modules * 6.1 - Accessibility * 6.2 - Alignments * 6.3 - breadcrumbs * 6.4 - captions * 6.5 - clearings * 6.6 - content * 6.7 - media * 6.8 - scroll-up * 6.9 - sidebar * 7.0 - Site * 7.1 - Primary * 7.1.1 - Comments * 7.1.2 - post and navigation * 7.2 - Primary * 7.2.1 - Widgets * 7.3 - Section * 7.3.1 - Contact * 7.3.2 - Feature Slider * 7.3.3 - Feature Content * 7.3.4 - Footer * 7.3.5 - Gallery * 7.3.6 - Hero Content * 7.3.7 - Logo Slider * 7.3.8 - Newsletter * 7.3.9 - Portfolio * 7.3.10 - Promotional * 7.3.11 - Services * 7.3.12 - Skills * 7.3.13 - Stats * 7.3.14 - Team * 7.3.15 - Testimonials * 7.3.16 - Why Choose Us * 7.3.17 - Woocommerce * 7.3.17 - Clearing * 7.3.17.1 - Layout * 7.3.17.2 - Shop tables * 7.3.17.3 - Products * 7.3.17.4 - Infinite Scroll * 7.3.17.5 - Onsale * 7.3.17.6 - Price * 7.3.17.7 - Buttons * 7.3.17.8 - Single product * 7.3.17.9 - Checkout * 7.3.17.10 - My account * 7.3.17.11 - General WooCommerce components * 7.3.17.12 - Header cart * 7.3.17.13 - Pagination * 7.3.17.14 - Star rating * 7.3.17.15 - Tabs * 7.3.17.16 - Password strength meter * 7.3.17.17 - Forms * 7.3.17.18 - Notices * 7.3.17.19 - WooCommerce widgets * 7.3.17.20 - WooCommerce Price Filter * 8.0 - Media Queries * 8.1 - >= 480px * 8.2 - >= 568px * 8.3 - >= 768px * 8.4 - >= 783px * 8.5 - >= 1024px * 8.6 - >= 1200px * 8.7 - >= 1366px * 8.8 - >= 1600px * 8.9 - >= 1920px * 9.0 - Transition * 10.0 - Colors */ /** * 1.0 - Normalize * * Normalizing styles have been helped along thanks to the fine work of * Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/ */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&display=swap'); html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 0; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: 1px #767676 dotted; text-decoration: none; } b, strong { font-weight: inherit; } b, strong { font-weight: 700; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #eee; color: #222; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { cursor: pointer; -webkit-appearance: button; } button:-moz-focus-inner, [type="button"]:-moz-focus-inner, [type="reset"]:-moz-focus-inner, [type="submit"]:-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #bbb; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]:-webkit-inner-spin-button, [type="number"]:-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]:-webkit-search-cancel-button, [type="search"]:-webkit-search-decoration { -webkit-appearance: none; } :-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } /*-------------------------------------------------------------- ## Colors --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Fonts --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Structure --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Transition --------------------------------------------------------------*/ .site-header-cart, .menu-toggle-wrapper, .main-navigation a, header.site-header.transparent.fixed, .site-description, .site-header, .menu-label, #menu-toggle, .site-header .wrapper, .site-branding, .site-branding a { transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .more-link, button, button[disabled]:hover, button[disabled]:focus, .button, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus, body .wp-playlist-item { -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .portfolio-content-wrapper .entry-container { -webkit-transition: 0.2s opacity ease-in-out; -moz-transition: 0.2s opacity ease-in-out; -o-transition: 0.2s opacity ease-in-out; transition: 0.2s opacity ease-in-out; } .custom-header-media .wp-custom-header-video-button { -webkit-transition: 0.2s background-color ease-in-out, 0.2s color ease-in-out; -moz-transition: 0.2s background-color ease-in-out, 0.2s border-color ease-in-out, 0.2s color ease-in-out; -o-transition: 0.2s background-color ease-in-out, 0.2s color ease-in-out; transition: 0.2s background-color ease-in-out, 0.2s color ease-in-out; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea { transition: 0.2s background-color ease-in-out, 0.2s border-color ease-in-out; } .team-content-wrapper .entry-container, body.infinite-scroll.infinity-end .archive-posts-wrapper .section-content-wrapper { -webkit-transition: 0.2s padding ease-in-out; -o-transition: 0.2s padding ease-in-out; -moz-transition: 0.2s padding ease-in-out; transition: 0.2s padding ease-in-out; } /** * 2.0 - Typography */ /*-------------------------------------------------------------- ## Font Awesome --------------------------------------------------------------*/ /** * 2.1 - FontAwesome */ .post-edit-link:before, .pagination .prev span:before, .pagination .next span:after, .gallery-item .gallery-icon a:after, .tiled-gallery .tiled-gallery-item a:after, .comment-meta .comment-permalink:before, .site-header-cart .cart-contents:before, .nav-next .nav-subtitle:after, .nav-previous .nav-subtitle:before, .wp-custom-header-video-button:before, .search-toggle:before, .menu-toggle:before, .menu-toggle-close:before, .main-navigation .menu-item-has-children>a:after, .main-navigation .page_item_has_children>a:after, .dropdown-toggle:after, .search-submit:before, .featured-slider-section .owl-prev:before, .featured-slider-section .owl-next:before, .logo-slider-section .owl-prev:before, .logo-slider-section .owl-next:before, .section .owl-prev:before, .section .owl-next:before, .comment-reply-title small a:before, #scrollup:before, .custom-video-button-play:before, .woocommerce a.button:before, ul.products li.product>a:before, .gallery-section .gallery-icon a:after, .gallery-section .tiled-gallery-item:focus a:after, .site-header-right li:before, .social-navigation a:before, .sticky-post:before, .author a:before, .cat-links span+a:before, .tags-links span+a:before, .social-navigation a:before, #testimonial-content-section .owl-prev:before, #testimonial-content-section .owl-next:before, #feature-slider-section .owl-next:before, #feature-slider-section .owl-prev:before, .logo-slider-section .owl-next:before, .logo-slider-section .owl-prev:before, .entry-breadcrumbs a:after, .posted-on a:before, .posts-navigation .nav-links .nav-previous a:before, .posts-navigation .nav-links .nav-next a:after, .comment-reply-title small a:before, .custom-header-content-wrapper .more-link:after, #scrollup:before { display: inline-block; font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .author a:before, .posted-on a:before, .post-edit-link:before, .pagination .prev span:before, .pagination .next span:after, .gallery-item .gallery-icon a:after, .tiled-gallery .tiled-gallery-item a:after, .comment-meta .comment-permalink:before, .site-header-cart .cart-contents:before, .nav-next .nav-subtitle:after, .nav-previous .nav-subtitle:before, .wp-custom-header-video-button:before, .search-toggle:before, .menu-toggle:before, .menu-toggle-close:before, .main-navigation .menu-item-has-children>a:after, .main-navigation .page_item_has_children>a:after, .dropdown-toggle:after, .search-submit:before, .featured-slider-section .owl-prev:before, .featured-slider-section .owl-next:before, .logo-slider-section .owl-prev:before, .logo-slider-section .owl-next:before, .section .owl-prev:before, .section .owl-next:before, .comment-reply-title small a:before, #scrollup:before, .custom-video-button-play:before, .woocommerce a.button:before, ul.products li.product>a:before, .gallery-section .gallery-icon a:after, .gallery-section .tiled-gallery-item:focus a:after, .site-header-right li:before, .social-navigation a:before, .sticky-post:before, .post-edit-link:before, .cat-links span+a:before, .tags-links span+a:before, .social-navigation a:before, #testimonial-content-section .owl-prev:before, #testimonial-content-section .owl-next:before, #feature-slider-section .owl-next:before, #feature-slider-section .owl-prev:before, .logo-slider-section .owl-next:before, .logo-slider-section .owl-prev:before, .social-navigation a[href*="youtube.com"]:before, .entry-breadcrumbs a:after, .posts-navigation .nav-links .nav-previous a:before, .posts-navigation .nav-links .nav-next a:after, .comment-reply-title small a:before, .custom-header-content-wrapper .more-link:after, #scrollup:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; } .social-navigation a[href*="codepen.io"]:before, .social-navigation a[href*="digg.com"]:before, .social-navigation a[href*="dribbble.com"]:before, .social-navigation a[href*="dropbox.com"]:before, .social-navigation a[href*="facebook.com"]:before, .social-navigation a[href*="flickr.com"]:before, .social-navigation a[href*="foursquare.com"]:before, .social-navigation a[href*="plus.google.com"]:before, .social-navigation a[href*="github.com"]:before, .social-navigation a[href*="instagram.com"]:before, .social-navigation a[href*="linkedin.com"]:before, .social-navigation a[href*="path.com"]:before, .social-navigation a[href*="pinterest.com"]:before, .social-navigation a[href*="getpocket.com"]:before, .social-navigation a[href*="reddit.com"]:before, .social-navigation a[href*="skype.com"]:before, .social-navigation a[href*="stumbleupon.com"]:before, .social-navigation a[href*="tumblr.com"]:before, .social-navigation a[href*="twitter.com"]:before, .social-navigation a[href*="vimeo.com"]:before, .social-navigation a[href*="wordpress.com"]:before, .social-navigation a[href*="wordpress.org"]:before, .social-navigation a[href*="youtube.com"]:before, .social-navigation a[href*="spotify.com"]:before, .social-navigation a[href*="twitch.tv"]:before, .social-navigation a[href$="/feed/"]:before, .social-navigation a[href*="amazon.com"]:before, .social-navigation a[href*="apple.com"]:before, .social-navigation a[href*="bandcamp.com"]:before, .social-navigation a[href*="behance.com"]:before, .social-navigation a[href*="deviantart.com"]:before, .social-navigation a[href*="etsy.com"]:before, .social-navigation a[href*="soundcloud.com"]:before, .social-navigation a[href*="play.google.com"]:before { font-family: "Font Awesome 5 Brands"; font-weight: 400; } .social-navigation a:before { content: "\f0c1"; } .social-navigation a[href*="codepen.io"]:before { content: "\f1cb"; } .social-navigation a[href*="digg.com"]:before { content: "\f1a6"; } .social-navigation a[href*="dribbble.com"]:before { content: "\f17d"; } .social-navigation a[href*="dropbox.com"]:before { content: "\f16b"; } .social-navigation a[href*="facebook.com"]:before, .ew-social-profile .social-navigation a[href*="facebook.com"]::before { content: "\f39e"; } .social-navigation a[href*="flickr.com"]:before { content: "\f16e"; } .social-navigation a[href*="foursquare.com"]:before { content: "\f180"; } .social-navigation a[href*="plus.google.com"]:before { content: "\f0d5"; } .social-navigation a[href*="github.com"]:before { content: "\f09b"; } .social-navigation a[href*="instagram.com"]:before { content: "\f16d"; } .social-navigation a[href*="linkedin.com"]:before { content: "\f0e1"; } .social-navigation a[href*="path.com"]:before { content: "\f20c"; } .social-navigation a[href*="pinterest.com"]:before { content: "\f231"; } .social-navigation a[href*="getpocket.com"]:before { content: "\f265"; } .social-navigation a[href*="reddit.com"]:before { content: "\f1a1"; } .social-navigation a[href*="skype.com"]:before { content: "\f17e"; } .social-navigation a[href*="stumbleupon.com"]:before { content: "\f1a4"; } .social-navigation a[href*="tumblr.com"]:before { content: "\f174"; } .social-navigation a[href*="twitter.com"]:before { content: "\f099"; } .social-navigation a[href*="vimeo.com"]:before { content: "\f27d"; } .social-navigation a[href*="wordpress.com"]:before, .social-navigation a[href*="wordpress.org"]:before { content: "\f19a"; } .social-navigation a[href*="youtube.com"]:before, .ew-social-profile .social-navigation a[href*="youtube.com"]::before { content: "\f167"; } .social-navigation a[href^="mailto:"]:before, .site-header-right li.contact-email:before { content: "\f0e0"; } .social-navigation a[href^="tel:"]:before, .site-header-right li.contact-phone:before { content: "\f879"; } .site-header-cart .cart-contents:before { content: "\f290"; } .author a:before { content: "\f007"; margin-right: 5px; } .posted-on a:before { content: "\f073"; margin-right: 5px; } .tags-links span+a:before { content: "\f02b"; margin-right: 5px; } .cat-links span+a:before { content: "\f07b"; margin-right: 5px; } .dropdown-toggle:after { content: "\f107"; } .active.dropdown-toggle:after { transform: rotate(180deg); } .menu-toggle.search-toggle:before, .search-submit:before { content: "\f002"; } .menu-toggle.selected:before { content: "\f00d"; } #scrollup:before { content: "\f106"; } .custom-header-content-wrapper .more-link:after { content: "\f105"; } .nav-next .nav-subtitle:after { content: "\f105"; margin-left: 7px; } .menu-toggle:before { content: "\f0c9"; } .nav-previous .nav-subtitle:before { content: "\f104"; margin-right: 7px; } .pagination .prev span:before, .pagination .next span:after { font-size: 20px; font-size: 1.25rem; } .pagination .prev span:before { margin-right: 7px; } .pagination .next span:after { margin-left: 7px; } #feature-slider-section .owl-prev:before, .logo-slider-section .owl-prev:before, #testimonial-content-section .owl-prev:before { content: "\f104"; } #feature-slider-section .owl-next:before, .logo-slider-section .owl-next:before, #testimonial-content-section .owl-next:before { content: "\f105"; } #scrollup:before, #feature-slider-section .owl-prev:before, #feature-slider-section .owl-next:before, .logo-slider-section .owl-prev:before, .logo-slider-section .owl-next:before, #testimonial-content-section .owl-prev:before, #testimonial-content-section .owl-next:before { font-size: 24px; font-size: 1.5rem; } .nav-next .nav-subtitle:after, .nav-previous .nav-subtitle:before { font-size: 16px; font-size: 1rem; } #promotion-section .button.play-button:before { content: "\f04b"; font-size: 17px; font-size: 1.0625rem; } .post-edit-link:before { content: "\f044"; margin-right: 5px; } .share-toggle:before { content: "\f1e0"; } /*-------------------------------------------------------------- ## Font Family --------------------------------------------------------------*/ /** * 2.2 - Font-Family */ body, button, input, select, textarea, #testimonial-content-section .entry-title { font-family: 'Noto Sans JP', sans-serif; } h1, h2, h3, h4, h5, h6, button, .button, input[type="button"], input[type="reset"], input[type="submit"], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .posts-navigation a, .post-navigation .post-title, .comment-meta .author-name, #content #infinite-handle span button, .catch-instagram-feed-gallery-widget-wrapper .button, .ui-tabs .ui-tabs-nav li a { font-family: 'Noto Sans JP', sans-serif; } .site-title, .site-description { font-family: 'Noto Sans JP', sans-serif; } /*-------------------------------------------------------------- ## Font Size --------------------------------------------------------------*/ /** * 2.3 - Font-size */ body { font-size: 18px; font-size: 1.125rem; font-weight: 400; line-height: 1.75; } .post-navigation .nav-subtitle { font-size: 12px; font-size: 0.75rem; } .entry-meta { display: none; } .site-info, .site-description, .entry-footer .entry-meta, #testimonial-content-section .entry-meta, .entry-meta, .entry-meta a, .breadcrumb-area, .woocommerce .woocommerce-breadcrumb, .post-navigation .meta-nav, .woocommerce-review__published-date, .widget-title, .page .site-main .entry-footer .entry-meta, .single .site-main .entry-footer .entry-meta, .wp-playlist-item-artist, button, .button, input[type="button"], input[type="reset"], input[type="submit"], .team-content-wrapper .entry-meta, .wpcf7 label { font-size: 13px; font-size: 0.8125rem; } .posts-navigation, #content #infinite-handle span button, .comment-notes, .more-link, .button, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags, .comment-subscription-form { font-size: 14px; font-size: 0.875rem; } #content { margin-bottom: 80px; } input, select, textarea, .widget, .widget .hentry .entry-title, .site-header .icon, .search-submit, .pagination, .woocommerce-pagination, .breadcrumb-area, aside.footer-widget-area .widge, .sidebar .widget, .widget .widget-title, ul.products li.product .woocommerce-loop-product__title, .post-navigation .nav-title, .author-description .author-title, .menu-toggle-close, .dropdown-toggle, .search-submit:before, .cart-contents:before, .navigation.pagination a, .menu-label, .menu-toggle, .main-navigation a, .sidebar .team-content-wrapper .entry-container>*, .menu-toggle, .featured-video-content-wrapper .entry-title, .section-subtitle, .skillbar-header .entry-title, .skillbar-header .skill-bar-percent, .wp-playlist-item-title { font-size: 16px; font-size: 1rem; } input, select, textarea, .widget, .widget .hentry .entry-title, .site-header .icon, .search-submit, .pagination, .woocommerce-pagination, .breadcrumb-area, aside.footer-widget-area .widge, .sidebar .widget, .widget .widget-title, ul.products li.product .woocommerce-loop-product__title, .post-navigation .nav-title, .author-description .author-title, .menu-toggle-close, .dropdown-toggle, .search-submit:before, .cart-contents:before, .navigation.pagination a, .menu-label, .menu-toggle, .main-navigation a, .sidebar .team-content-wrapper .entry-container>*, .menu-toggle, .featured-video-content-wrapper .entry-title, .section-subtitle, .skillbar-header .entry-title, .skillbar-header .skill-bar-percent, .wp-playlist-item-title { line-height: 1.75; } #stats-section .entry-summary, #stats-section .entry-content { font-size: 21px; font-size: 1.3125rem; } .entry-title, .comments-title, .site-title, .custom-header-form form h2, .comment-reply-title, ul.products li.product .woocommerce-loop-product__title { font-size: 24px; font-size: 1.5rem; } .archive-posts-wrapper .entry-title, .woocommerce-posts-wrapper .entry-title { font-size: 26px; font-size: 1.625rem; } #feature-slider-section .entry-meta { font-size: 0.857em; font-size: 14px; } .entry-content h1, .entry-summary h1, .comment-content h1, .textwidget h1, .home .header-media .entry-title, .promotion-section .entry-title, #stats-section .entry-title, #feature-slider-section .entry-title, #contact-section .entry-title, #footer-instagram .widget-title, .singular-content-wrap .entry-title, .page-title, .section-title, .archive-post-wrap .hentry .entry-title { font-size: 32px; font-size: 2rem; } #stats-section .entry-summary, #stats-section .entry-content, .post-password-form label, .site-navigation a, .entry-title, .section-title, .section-subtitle, .woocommerce form label, .woocommerce-tabs ul.tabs li a, .single-product div.product .entry-summary .entry-title, .woocommerce .product-container .wc-forward, .contact-details li .contact-details-label, .contact-content-wrapper form p>label, #testimonial-content-section .entry-title, .posts-navigation a, .comment-form label, #hero-section .hentry .entry-container blockquote, .archive-post-wrap .entry-footer .entry-meta, .post-navigation .post-title, #content #infinite-handle span button, .site-title { font-weight: 700; } #stats-section h2.entry-title { font-weight: 400; } big { font-size: 125%; } /*-------------------------------------------------------------- ## Headings --------------------------------------------------------------*/ /** * 2.4 - Heading */ h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 600; line-height: 1.13; margin: 0; text-rendering: optimizeLegibility; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } p { margin: 0 0 1.666666666666667em 0; } dfn, cite, em, i { font-style: italic; } blockquote { border-left: 5px solid; font-size: 24px; font-size: 1.5rem; font-style: italic; font-weight: 400; line-height: 1.46; margin: 0 0 1.75em; padding: 0.1em 0 0 42px; position: relative; z-index: 1; } blockquote p { margin-bottom: 1.050em; margin-top: 0; } blockquote.alignright { padding-left: 1.688em; } blockquote cite, blockquote small { display: block; font-size: 16px; font-size: 1rem; font-weight: 600; line-height: 1.615384615384615; text-decoration: none; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } blockquote> :last-child { margin-bottom: 0; } address { font-style: italic; margin: 0 0 1.75em; } code, kbd, tt, var, samp { font-family: Inconsolata, monospace; font-size: 1em; } pre { font-family: Inconsolata, monospace; line-height: 1.5; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code { padding: 0.125em 0.25em; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } mark, ins { padding: 0.125em 0.25em; text-decoration: none; } big { font-size: 125%; } /** * 3.0 - Elements */ /*-------------------------------------------------------------- ## elements --------------------------------------------------------------*/ /** * 3.1 - Elements */ html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } hr { border: 0; height: 1px; margin: 0 0 1.75em; } ul, ol { margin: 0 0 1.75em 1.5em; padding: 0; } ul { list-style: disc; } ol { list-style: decimal; } li>ul, li>ol { margin-bottom: 0; } dl { margin: 0 0 1.75em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.75em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: middle; } del { opacity: 0.8; } table, caption, th, td { border: 1px solid; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.75em; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%; } caption { border-width: 1px 1px 0 1px; font-weight: 700; text-align: center; } th, td { border-width: 0 1px 1px 0; font-weight: normal; text-align: left; } th { font-weight: 700; } tbody th { font-weight: 400; } thead th { border-width: 0 1px 1px 0; } caption, th, td { padding: 0.778em; } .displaynone { display: none; } .displayblock { display: block; } .cover-link { display: block; height: 100%; } .drop-cap:first-letter { float: left; font-size: 120px; font-size: 7.5rem; font-weight: 700; line-height: 0.6; margin: 14px 16px 5px -3px; } .author-thumb, .product-container a, #team-dots, .footer-contact, #feature-slider-section .owl-prev, #feature-slider-section .owl-next, .custom-header-media .wp-custom-header-video-button, .archive-post-wrap .hentry-inner, #feature-slider-section .slider-content-wrapper, #scrollup { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } a, #gallery-section .gallery-item .gallery-icon a:before, #gallery-section .tiled-gallery .tiled-gallery-item a:before, .more-link, #service-section .post-thumbnail img, .button, input[type="button"], input[type="reset"], input[type="submit"], #team-dots li, .owl-carousel .owl-dots button.owl-dot, #promotion-section .play-video .play-button, .logo-slider-section .owl-prev:before, .logo-slider-section .owl-next:before, #promotion-section .button.play-button:before, .entry-content button, .entry-summary button, .feature-slider-wrapper .entry-container .entry-title span, .featured-content-section .post-thumbnail img, .featured-content-section .hentry-inner, #content #infinite-handle span.ctis-load-more button, button, .site-content .archive-posts-wrapper .posts-navigation .nav-links>div a, #scrollup { -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } #sticky-playlist-section .wrapper { padding-left: 30px; padding-right: 30px; } #service-section .more-link, .header-media .custom-header-content-wrapper .more-link, #featured-content-section .section-content-wrapper .hentry .more-link, .service-section .hentry .more-link, #stats-section .hentry .more-link, #portfolio-content-section .hentry .more-link { padding: 0; font-weight: 700; } #service-section .more-link:hover, #service-section .more-link:focus, .header-media .custom-header-content-wrapper .more-link:hover, .header-media .custom-header-content-wrapper .more-link:focus, #featured-content-section .section-content-wrapper .hentry .more-link:hover, #featured-content-section .section-content-wrapper .hentry .more-link:focus, .service-section .hentry .more-link:hover, .service-section .hentry .more-link:focus, #stats-section .hentry .more-link:hover, #stats-section .hentry .more-link:focus, #portfolio-content-section .hentry .more-link:hover, #portfolio-content-section .hentry .more-link:focus { box-shadow: none; transform: none; } /*-------------------------------------------------------------- ## icons --------------------------------------------------------------*/ /** * 3.2 - icons */ .icon { display: inline-block; fill: currentColor; height: 1em; position: relative; /* Align more nicely with capital letters */ top: -0.10em; vertical-align: middle; width: 1em; } /** * 3.1 - SVGs Fallbacks */ .svg-fallback { display: none; } .no-svg .svg-fallback { display: inline-block; } .no-svg .dropdown-toggle { padding: 0; right: 0; text-align: center; width: 48px; height: 52px; } .no-svg .dropdown-toggle .svg-fallback.icon-angle-down { font-size: 20px; font-size: 1.25rem; font-weight: 400; line-height: 1; -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ -ms-transform: rotate(180deg); /* IE 9 */ transform: rotate(180deg); } .no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down { -webkit-transform: rotate(0); /* Chrome, Safari, Opera */ -ms-transform: rotate(0); /* IE 9 */ transform: rotate(0); } .no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before { content: "\005E"; } .no-svg .social-navigation li a .screen-reader-text, .no-svg .search-submit .screen-reader-text { clip: auto; font-size: 16px; font-size: 1rem; font-weight: 400; height: auto; position: relative !important; /* overrides previous !important styles */ width: auto; } /*-------------------------------------------------------------- ## lists --------------------------------------------------------------*/ /** * 3.3 - lists */ ul { list-style: disc; } ul, ol { margin-left: 21px; margin-bottom: 0; margin-right: 21px; padding: 0; } ul li, ol li { line-height: 30px; margin-bottom: 14px; } ul li:last-child, ol li:last-child { margin-bottom: 0; } ol ol, ul ul { margin: 35px; } ul li>ul, ol li>ol, ul li>ol, ol li>ul { margin-top: 0; margin-bottom: 0; } /*-------------------------------------------------------------- ## padding-margin --------------------------------------------------------------*/ /** * 3.4 - Padding/Margin */ .menu-toggle { padding: 17px; } .main-navigation a { padding: 14px 0; } .cat-links a { margin-right: 5px; } .custom-header-form h2 { margin-bottom: 21px; } .full-width-layout:not(.home):not(.archive) #content.site-content #primary { padding-left: 0; padding-right: 0; } .page.no-sidebar .content-area, .single.no-sidebar .content-area, .no-sidebar:not(.home) #content.site-content>.wrapper .content-area { padding: 0 30px; } .section-subtitle { margin-bottom: 7px; } #stats-section .entry-summary, #stats-section .entry-content { margin-top: 7px; } .promotion-section .section-content-wrapper .post-thumbnail { margin-top: 14px; } .archive-posts-wrapper .hentry .entry-summary, .archive-posts-wrapper .hentry .entry-content { margin-bottom: 14px; } nav#site-footer-navigation { margin-bottom: 15px; } p { margin-top: 0; } .singular-content-wrap .entry-content, .singular-content-wrap .entry-summary { margin-top: 0; } .section-heading-wrapper { margin: 0 auto; padding: 0 30px 35px; } .testimonial-content-section .section-heading-wrapper, .why-choose-us-section .section-heading-wrapper, .stats-section .section-heading-wrapper { padding-bottom: 35px; padding-top: 35px; } .section { padding: 0 0 7px 0; } .section.stats-section, .section.testimonial-content-section, .why-choose-us-section { padding-top: 7px; } .testimonial-content-section+.section:not(.stats-section):not(.promotion-section):not(.why-choose-us-section), .promotion-section+.section:not(.stats-section):not(.testimonial-content-section):not(.why-choose-us-section), .why-choose-us-section+.section:not(.stats-section):not(.testimonial-content-section), .site-content+.section:not(.stats-section):not(.promotion-section):not(.why-choose-us-section), .section.stats-section.no-section-heading, .section.why-choose-us-section.no-section-heading, .section.testimonial-content-section.no-section-heading, #logo-slider-section.no-section-heading, .promotion-section, .contact-section, .skill-section.has-background-image, .header-media+.section:not(.stats-section):not(.promotion-section):not(.why-choose-us-section), .feature-slider-section+.section:not(.stats-section):not(.promotion-section):not(.why-choose-us-section), #footer-newsletter+.section:not(.stats-section):not(.promotion-section):not(.why-choose-us-section), .logo-slider-section+.section:not(.stats-section):not(.promotion-section):not(.why-choose-us-section) { padding-top: 42px; } .skill-section.has-background-image { padding-top: 0; } .custom-header-content { padding: 140px 30px 50px; } .custom-header-content-wrapper .entry-breadcrumbs { padding-left: 0; padding-right: 0; } .pagination .page-numbers.prev, .pagination .page-numbers.next { padding: 7px 21px; } .site-content>.wrapper { padding: 42px 0; } .site-content .wrapper>.sidebar { margin-top: 42px; } .author-info { padding: 55px; } .footer-widget-area { padding: 21px 0 0; } .archive-posts-wrapper .section-content-wrapper .entry-title { margin-bottom: 14px; } .team-content-wrapper .entry-container, #testimonial-content-section .section-content-wrapper .entry-container, .featured-content-section .entry-container { padding: 35px; } .widget-column { padding: 21px 30px; } .above-footer { padding-top: 7px; } .single .site-main .entry-header, .page .site-main .entry-header, .archive .page-header, .error404 .page-header, .search .page-header, .woocommerce-products-header { margin-bottom: 35px; text-align: center; } .comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags { margin: 0 0 35px; } .comments-area { padding-top: 35px; } .author-avatar, .author-description, .comments-title, .comment-reply-title { margin: 0 0 24px; } .widget { margin: 0 0 42px; } .sidebar .widget .widget-wrap { border-bottom: 1px solid; margin-bottom: 0; padding: 30px; } .sidebar .widget:last-child .widget-wrap { border-bottom: 0; } .widget .widget-title { margin: 0 0 28px; } .widget-area:not(.sidebar) .widget .widget-title { padding-bottom: 21px; } .content-area .section-heading-wrapper { padding-top: 0; } .footer-contact { margin-top: 42px; } .widget li { margin-bottom: 7px; } .widget li>ul, .widget li>ol { clear: both; margin-top: 7px; margin-left: 14px; } .section-content-wrapper { padding: 0 30px; } .inner-section-content-wrapper { padding: 0 30px 42px; } .skill-section .section-content-wrapper { padding: 42px 30px 7px 30px; } .site-content .section-content-wrapper { padding: 0; } .home .section:not(.testimonial-content-section):not(.promotion-section):not(.why-choose-us-section)+.site-content>.wrapper { padding-top: 0; } .section-content-wrapper .post-thumbnail { margin: 0 0 14px; } .logo-slider-section .section-content-wrapper .entry-title { margin-bottom: 0; } .section-content-wrapper .entry-header .entry-meta { padding-top: 0; } .entry-meta { margin-bottom: 7px; margin-top: 0; padding: 0; } .archive-posts-wrapper .section-content-wrapper .entry-header .entry-title+.entry-meta { margin-top: 7px; margin-bottom: 0; } .archive-posts-wrapper .section-content-wrapper .entry-header .entry-meta { margin-top: 0px; } .section-content-wrapper .entry-summary, .section-content-wrapper .entry-content, .more-button, .contact-us-form form { margin: 14px 0 0; width: 100%; } .section-content-wrapper .entry-container> :first-child { margin-top: 0; } .section-content-wrapper .hentry-inner> :last-child, .section-content-wrapper .entry-container> :last-child { margin-bottom: 0; } .woocommerce-posts-wrapper { max-width: 1500px; margin: 0 auto; } .singular-content-wrap .entry-header .entry-meta { margin: 0 0 21px 0; } .comments-area { margin-top: 28px; padding-top: 28px; } .more-link, .entry-content button, .entry-summary button { clear: both; } .section-description { margin-top: 14px; } .section-description p { margin-bottom: 0; } .custom-header-content> :last-child, .singular-content-wrap> :last-child, .site-header-text> :last-child, .section-description-wrapper> :last-child, .taxonomy-description-wrapper> :last-child, .widget-column> :last-child, .widget-area .widget .hentry:last-child, .widget-area .widget .hentry .entry-meta, .widget-area> :last-child, .widget> :last-child, .widget li:last-child, .widget embed:last-child, .widget iframe:last-child, .widget object:last-child, .widget video:last-child, .entry-content> :last-child, .entry-summary> :last-child, .page-content> :last-child, .comment-content> :last-child, .textwidget> :last-child, .widget_nav_menu ul, #colophon .widget li:last-child { margin-bottom: 0; } .widget-area .ewfeaturedpostpageimage .featured-image { margin-top: 0; margin-bottom: 0; } .custom-logo { margin: 0 auto; } .has-header-video .custom-header-content { padding-bottom: 178px; } .entry-title { margin: 0; } .widget-area .entry-meta { margin-top: 0; } .taxonomy-description-wrapper { margin-top: 7px; } #testimonial-content-section.has-post-thumbnail .entry-container { padding: 84px 30px 42px; } .post-navigation div+div, .posts-navigation div+div { margin-top: 30px; } .post-navigation { padding-top: 28px; } .wp-caption .wp-caption-text { padding: 7px 14px; } button, .button, input[type="button"], input[type="reset"], input[type="submit"], .posts-navigation a, #content #infinite-handle span button, .catch-instagram-feed-gallery-widget-wrapper .button, .header-media .more-link, #feature-slider-section .more-link, #hero-section .more-link, .promotion-section .more-link { padding: 13px 27px; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea { padding: 12px 14px; } .site-footer-menu .wrapper>#social-footer-navigation { margin-bottom: 70px; } .above-footer { padding-bottom: 0; } .sidebar .ewnewsletter .widget-inner-wrap, .sidebar .ewnewsletter .widget-inner { padding: 0; } .custom-header-form { padding: 35px; } /*-------------------------------------------------------------- ## fields --------------------------------------------------------------*/ /** * 4.0 - Forms */ input { line-height: normal; } .more-link, button[disabled]:hover, button[disabled]:focus, .button, .entry-content button, .entry-summary button, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus { background-color: transparent; border: none; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -o-border-radius: 35px; display: inline-block; font-weight: 700; padding: 13px 28px; text-align: center; text-transform: uppercase; } .more-link:hover, .more-link:focus, .button:hover, .button:focus, .entry-content button:hover, .entry-content button:focus, .entry-summary button:hover, .entry-summary button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { -webkit-box-shadow: 0px 15px 30px -17px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 15px 30px -17px rgba(0, 0, 0, 0.75); box-shadow: 0px 15px 30px -17px rgba(0, 0, 0, 0.75); transform: translateY(-5px); -o-transform: translateY(-5px); -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); } .entry-container .entry-content .button, .entry-container .entry-summary .button { box-shadow: none; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: thin dotted; outline-offset: -4px; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea { border: 1px solid; margin-top: 7px; width: 100%; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]:-webkit-search-cancel-button, input[type="search"]:-webkit-search-decoration { -webkit-appearance: none; } input[type="radio"], input[type="checkbox"] { margin-right: 0.5em; } input[type="date"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="month"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus { outline: 0; } .post-password-form { margin-bottom: 1.75em; } .post-password-form label { display: block; font-size: 13px; font-size: 0.8125rem; letter-spacing: 0.076923077em; line-height: 1.6153846154; margin-bottom: 1.75em; text-transform: uppercase; } .post-password-form input[type="password"] { margin-top: 0.4375em; } .post-password-form> :last-child { margin-bottom: 0; } .search-form, .woocommerce-product-search { clear: both; position: relative; } input[type="search"].search-field { -webkit-appearance: none; margin: 0; padding: 12px 46px 12px 14px; width: 100%; } .search-submit { background-image: none; background-color: transparent; border: none; border-radius: 0; overflow: hidden; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; width: 49px; } .search-submit:hover, .search-submit:focus { background-image: none; background-color: transparent; } select { border: none; -webkit-border-radius: 6px; border-radius: 6px; font-size: 13px; font-size: 0.8125rem; padding: 7px 10px; } /** * 5.0 - Navigation */ /*-------------------------------------------------------------- ## menus --------------------------------------------------------------*/ /** * 5.1 - Main Menu */ a { text-decoration: none; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; } .main-navigation li { margin: 0; position: relative; } .main-navigation .sub-menu a { padding-top: 7px; padding-bottom: 7px; } .site-header .social-navigation ul { padding: 14px 15px; text-align: center; } div#social-menu-wrapper .menu-inside-wrapper { width: 270px; } .main-navigation .menu-item-has-children>a, .main-navigation .page_item_has_children>a { padding-right: 49px; } .main-navigation a { display: block; font-weight: 700; text-decoration: none; } .search-container { padding: 21px; } .main-navigation a, #primary-menu-wrapper .search-container { padding: 14px 30px; } .navigation-classic .fixed .main-navigation a { font-weight: 400; } .main-navigation ul ul { margin-left: 0.875em; } .main-navigation ul ul a { font-weight: 400; letter-spacing: 0; text-transform: capitalize; } .navigation-classic .main-navigation { clear: both; border: none; } .main-navigation ul.toggled-on { box-shadow: none; border-top: none; } .main-navigation ul li:hover>ul, .main-navigation ul li.focus>ul { left: auto; right: 0; } .main-navigation ul ul li:hover>ul, .main-navigation ul ul li.focus>ul { left: 100%; } .main-navigation ul ul .current_page_item>a, .main-navigation ul ul .current-menu-item>a { font-weight: 500; } #primary-search-wrapper, #social-menu-wrapper { display: none; } .menu-inside-wrapper { border: 1px solid; position: absolute; right: -100%; top: 61px; width: 100%; max-width: 100%; visibility: hidden; z-index: 199; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .is-open .menu-inside-wrapper { right: 0; visibility: visible; } body.menu-open { overflow-y: scroll; width: 100%; } .menu-toggle { background-image: none; background-color: transparent; border: 0; display: block; font-weight: 400; margin: 0 auto; text-align: right; } .navigation-default #primary-menu-wrapper .menu-inside-wrapper { padding: 15px 0; } .menu-toggle:hover, .menu-toggle:focus, .menu-toggle.selected { background-image: none; background-color: transparent; } #primary-search-wrapper .menu-toggle, #social-menu-wrapper .menu-toggle { border: 0; display: inline-block; height: 36px; letter-spacing: 0; opacity: 0.9; padding: 0; text-shadow: none; text-align: center; width: 36px; } #primary-search-wrapper .menu-toggle:hover, #primary-search-wrapper .menu-toggle:focus, #social-menu-wrapper .menu-toggle:hover, #social-menu-wrapper .menu-toggle:focus { opacity: 1; } /* Dropdown Toggle */ .dropdown-toggle { background-image: none; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; display: block; font-size: 18px; font-size: 1.125rem; right: 0; line-height: 1.172; margin: 0 auto; padding: 14px 19px; position: absolute; text-shadow: none; top: 0; } .site-footer-menu .dropdown-toggle { display: none; } .dropdown-toggle:hover, .dropdown-toggle:focus, .dropdown-toggle:focus { background: transparent; } .dropdown-toggle:focus { outline: thin dotted; } .main-navigation ul ul { display: none; } .main-navigation ul .toggled-on { display: block; } #primary-search-wrapper>.social-navigation { display: none; float: left; } .menu-label { display: inline-block; font-weight: 500; margin-left: 7px; text-transform: uppercase; } /* Footer Menu */ .site-navigation { text-align: center; } .site-navigation ul { list-style: none; margin: 0; } .site-navigation .footer-menu>li { display: inline-block; } .site-navigation a { display: block; line-height: 1.615384615384615; font-size: 13px; font-size: 0.8125rem; padding: 7px 20px; text-decoration: none; text-transform: uppercase; outline-offset: -1px; } /** - Social Menu */ .mobile-social-search { clear: both; } .social-navigation, .social-links-menu { font-size: 16px; font-size: 1rem; padding: 0; } .social-navigation ul, .social-links-menu ul { list-style: none; margin: 0; } .social-navigation li, .social-links-menu li { display: inline-block; margin: 0; } .social-navigation a, .social-links-menu a { background-color: transparent; display: inline-block; font-size: 16px; font-size: 1rem; height: 36px; line-height: 36px; margin: 2px 4px; text-align: center; width: 36px; } .site-footer-menu .wrapper>#social-footer-navigation { margin-bottom: 21px; text-align: center; } #site-generator .social-navigation a:before { line-height: 38px; } .social-navigation a:before { content: "\f0c1"; } .social-navigation a[href*="codepen.io"]:before { content: "\f1cb"; } .social-navigation a[href*="digg.com"]:before { content: "\f1a6"; } .social-navigation a[href*="dribbble.com"]:before { content: "\f17d"; } .social-navigation a[href*="dropbox.com"]:before { content: "\f16b"; } .social-navigation a[href*="facebook.com"]:before { content: "\f09a"; } .social-navigation a[href*="flickr.com"]:before { content: "\f16e"; } .social-navigation a[href*="foursquare.com"]:before { content: "\f180"; } .social-navigation a[href*="plus.google.com"]:before { content: "\f0d5"; } .social-navigation a[href*="github.com"]:before { content: "\f09b"; } .social-navigation a[href*="instagram.com"]:before { content: "\f16d"; } .social-navigation a[href*="linkedin.com"]:before { content: "\f0e1"; } .social-navigation a[href*="path.com"]:before { content: "\f20c"; } .social-navigation a[href*="pinterest.com"]:before { content: "\f231"; } .social-navigation a[href*="getpocket.com"]:before { content: "\f265"; } .social-navigation a[href*="reddit.com"]:before { content: "\f1a1"; } .social-navigation a[href*="skype.com"]:before { content: "\f17e"; } .social-navigation a[href*="stumbleupon.com"]:before { content: "\f1a4"; } .social-navigation a[href*="tumblr.com"]:before { content: "\f174"; } .social-navigation a[href*="twitter.com"]:before { content: "\f099"; } .social-navigation a[href*="vimeo.com"]:before { content: "\f27d"; } .social-navigation a[href*="wordpress.com"]:before, .social-navigation a[href*="wordpress.org"]:before { content: "\f19a"; } .social-navigation a[href^="mailto:"]:before { content: "\f0e0"; } .social-navigation a[href*="spotify.com"]:before { content: "\f1bc"; } .social-navigation a[href*="twitch.tv"]:before { content: "\f1e8"; } .social-navigation a[href$="/feed/"]:before { content: "\f09e"; } .social-navigation a[href*="amazon.com"]:before { content: "\f270"; } .social-navigation a[href*="apple.com"]:before { content: "\f179"; } .social-navigation a[href*="bandcamp.com"]:before { content: "\f2d5"; } .social-navigation a[href*="behance.com"]:before { content: "\f1b4"; } .social-navigation a[href*="deviantart.com"]:before { content: "\f1bd"; } .social-navigation a[href*="etsy.com"]:before { content: "\f2d7"; } /** - Post Navigation */ .post-navigation { clear: both; } .post-navigation a { display: block; text-decoration: none; } .post-navigation span { display: block; } .post-navigation .nav-subtitle { letter-spacing: 0.083em; margin-bottom: 0.583em; text-transform: uppercase; } .post-navigation .nav-title { font-weight: 600; display: block; text-rendering: optimizeLegibility; } .post-navigation .nav-previous, .post-navigation .nav-next { position: relative; vertical-align: top; } .pagination .prev, .pagination .next { width: 100%; } .image-navigation, .comment-navigation { border-top: 1px solid; border-bottom: 1px solid; font-size: 13px; font-size: 0.8125rem; line-height: 1.6153846154; margin: 0 7.6923% 2.1538461538em; padding: 1.0769230769em 0; } .comment-navigation { margin-right: 0; margin-left: 0; } .comments-title+.comment-navigation { border-bottom: 0; margin-bottom: 0; } .image-navigation .nav-previous:not(:empty), .image-navigation .nav-next:not(:empty), .comment-navigation .nav-previous:not(:empty), .comment-navigation .nav-next:not(:empty) { display: inline-block; } .image-navigation .nav-previous:not(:empty)+.nav-next:not(:empty):before, .comment-navigation .nav-previous:not(:empty)+.nav-next:not(:empty):before { content: "\002f"; display: inline-block; opacity: 0.7; padding: 0 0.538461538em; } .posts-navigation, .pagination, #content #infinite-handle { clear: both; text-align: center; } #content #infinite-handle { display: block; } #content #infinite-handle span { background: none transparent; display: inline-block; padding: 0; } .infinite-loader #ctis-loading img { width: 35px; } .infinite-loader { clear: both; } .posts-navigation a, #content #infinite-handle span button { line-height: 1.4; } .pagination .prev, .pagination .next { font-weight: 400; line-height: 1.75; } .pagination .page-numbers { display: inline-block; margin: 7px 0; padding: 8px 16px; text-transform: uppercase; } .pagination .page-numbers.current { -webkit-border-radius: 50%; border-radius: 50%; } .posts-navigation a, #content #infinite-handle span button, .header-media .more-link, #feature-slider-section .more-link, #hero-section .more-link, .promotion-section .more-link { border: none; -webkit-border-radius: 28px; border-radius: 28px; display: inline-block; text-transform: uppercase; } #content #infinite-handle { z-index: 2; } #content #infinite-handle, #content .infinite-loader { cursor: pointer; clear: both; margin: 0 auto; text-align: center; width: 100%; } .archive-posts-wrapper .section-content-wrapper { position: relative; } body.infinite-scroll.infinity-end .archive-posts-wrapper .section-content-wrapper { padding-bottom: 0; } /*-------------------------------------------------------------- ## next-previous --------------------------------------------------------------*/ /** * 5.2 - Post Navigation */ .post-navigation { clear: both; } .post-navigation a { display: block; text-decoration: none; } .post-navigation .meta-nav { display: block; letter-spacing: 0.083em; margin-bottom: 0.583em; text-transform: uppercase; } .posts-navigation .nav-links div:nth-child(1):nth-last-child(2), .posts-navigation .nav-links div:nth-child(2):nth-last-child(1), .post-navigation .nav-links div:nth-child(1):nth-last-child(2), .post-navigation .nav-links div:nth-child(2):nth-last-child(1) { display: inline-block; width: 48%; } .posts-navigation .nav-links div:nth-child(1):nth-last-child(2) { margin-right: 2%; } .posts-navigation .nav-links div:nth-child(2):nth-last-child(1) { margin-left: 2%; } .post-navigation .nav-links div:nth-child(1):nth-last-child(2) { margin-right: 2%; } .post-navigation .nav-links div:nth-child(2):nth-last-child(1) { margin-left: 2%; } .post-navigation .nav-previous, .posts-navigation .nav-previous { text-align: left; } .post-navigation .nav-next, .posts-navigation .nav-next { float: right; text-align: right; } .post-navigation div+div, .posts-navigation div+div { margin-top: 0; } .post-navigation .post-title { display: block; text-rendering: optimizeLegibility; } .posts-navigation .nav-links, .post-navigation .nav-links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .pagination .prev, .pagination .next { width: 100%; } .image-navigation, .comment-navigation { border-top: 1px solid; border-bottom: 1px solid; font-size: 13px; font-size: 0.8125rem; line-height: 1.6153846154; margin: 0 7.6923% 2.1538461538em; padding: 1.0769230769em 0; } .comment-navigation { margin-right: 0; margin-left: 0; } .comments-title+.comment-navigation { border-bottom: 0; margin-bottom: 0; } .image-navigation .nav-previous:not(:empty), .image-navigation .nav-next:not(:empty), .comment-navigation .nav-previous:not(:empty), .comment-navigation .nav-next:not(:empty) { display: inline-block; } .image-navigation .nav-previous:not(:empty)+.nav-next:not(:empty):before, .comment-navigation .nav-previous:not(:empty)+.nav-next:not(:empty):before { content: "\002f"; display: inline-block; opacity: 0.7; padding: 0 0.538461538em; } .posts-navigation, .pagination, #content #infinite-handle { clear: both; margin: 0; text-align: center; } #content #infinite-handle { display: block; } #content #infinite-handle span { background: none transparent; display: inline-block; padding: 0; } #content #infinite-handle span.ctis-load-more { display: block; } #content #infinite-handle span.ctis-load-more button { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; display: block; width: 100%; } .infinite-loader #ctis-loading img { width: 35px; } .infinite-loader { clear: both; } .posts-navigation a, #content #infinite-handle span button { letter-spacing: 0; line-height: 1.4; } .pagination .prev, .pagination .next { font-weight: 400; line-height: 1.75; } .pagination .page-numbers { display: inline-block; margin: 7px 0; padding: 8px 16px; text-transform: uppercase; } .pagination .page-numbers.current { -webkit-border-radius: 50%; border-radius: 50%; } .posts-navigation a, #content #infinite-handle span button { border: none; -webkit-border-radius: 0; border-radius: 0; display: inline-block; text-transform: uppercase; } #content #infinite-handle span button { border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -o-border-radius: 35px; } #content #infinite-handle { z-index: 2; } #content #infinite-handle, #content .infinite-loader { cursor: pointer; clear: both; margin: 0 auto; text-align: center; width: 100%; } .archive-posts-wrapper .section-content-wrapper { position: relative; } .site-content .archive-posts-wrapper .posts-navigation .nav-links .nav-previous { border-right: 1px solid; } .site-content .archive-posts-wrapper .posts-navigation .nav-links>div { display: block; margin: 0; width: 100%; } .site-content .archive-posts-wrapper .posts-navigation .nav-links>div a { display: block; text-align: center; } .posts-navigation .nav-links .nav-previous a:before { margin-right: 10px; } .posts-navigation .nav-links .nav-next a:after { margin-left: 10px; } /*-------------------------------------------------------------- ## header --------------------------------------------------------------*/ /** * 5.3 - Header */ .custom-header-content-wrapper .more-link { margin-top: 28px; } .custom-header-content-wrapper .more-link:after { content: "\f105"; margin-left: 5px; } .site-header { background: 0 0; left: 0; position: absolute; width: 100%; z-index: 99; } .site-header.fixed .site-branding { margin-bottom: 0; margin-top: 0; } header.site-header.transparent.fixed { opacity: 1; left: 0; position: fixed; top: auto; visibility: visible; width: 100%; z-index: 99; } header.site-header.transparent { background: 0 0; opacity: 0; } #primary-menu-wrapper.show-in-desktop { display: none; } .site-header.fixed .site-header-main .wrapper { padding-top: 5px; padding-bottom: 5px; } .custom-header-media { max-width: 1500px; margin: 0 auto; position: relative; } .site-header-main .wrapper { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 30px; position: relative; } .site-header-main #site-header-cart-wrapper a.cart-contents .count { opacity: 1; } @media only screen and (min-width: 75em) { .navigation-classic .main-navigation .nav-menu>li>a:hover, .navigation-classic .main-navigation .nav-menu>li>a:focus { opacity: 1; } .navigation-classic .main-navigation .nav-menu>li.current_page_item>a, .navigation-classic .main-navigation .nav-menu>li.current-menu-item>a { opacity: 1; } } @media only screen and (min-width: 48em) { .has-header-image #site-header-cart-wrapper a.cart-contents:hover:before, .has-header-image #site-header-cart-wrapper a.cart-contents:focus:before, #site-header-cart-wrapper a.cart-contents:hover:before, #site-header-cart-wrapper a.cart-contents:focus:before { opacity: 1; } } @media only screen and (min-width: 48em) { button.menu-toggle:hover { opacity: 1; } } @media only screen and (min-width: 75em) { .navigation-classic .main-navigation .nav-menu>li>a:focus { opacity: 1; } } @media only screen and (min-width: 48em) { .has-header-image #site-header-cart-wrapper a.cart-contents:focus, #site-header-cart-wrapper a.cart-contents:focus, button.menu-toggle:focus { opacity: 1; } } .site-branding { /* Avoid overflowing wide custom logo in small screens in Firefox and IEs */ margin: 14px auto 14px 0; max-width: 100%; min-width: 0; text-align: left; overflow: hidden; width: auto; } .custom-logo { display: block; max-width: 250px; } .wp-custom-logo .custom-logo-link { display: block; } .wp-custom-logo .site-identity { display: none; } .site-header-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: auto; } .site-branding { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site-title { line-height: 1.5; margin: 0; } .site-title a { text-decoration: none; } .site-description { font-weight: 300; letter-spacing: 0; line-height: 1.615384615384615; margin: 0; text-transform: capitalize; } .custom-header { clear: both; position: relative; } .home .custom-header { min-height: 100vh; } .sticky-playlist-enabled.home .custom-header { min-height: calc(100vh - 61px); } .custom-header .post-thumbnail { margin: 0; } .has-header-video .custom-header-media .wp-custom-header img { display: none; } .custom-header { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: relative; width: 100%; } .custom-header-content { display: block; position: relative; width: auto; height: 100%; min-height: 100%; z-index: 2; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .has-header-media:not(.home) .custom-header-content { position: relative; -webkit-transform: initial; -moz-transform: initial; -ms-transform: initial; -o-transform: initial; transform: initial; } .custom-header-content-wrapper { width: 400px; margin: 0 auto; } .custom-header-content.content-align-left .custom-header-content-wrapper { margin: 0 auto 0 0; } .custom-header-content.content-align-right .custom-header-content-wrapper { margin: 0 0 0 auto; } .custom-header-content.text-align-left { text-align: left; } .custom-header-content.text-align-right { text-align: right; } .custom-header-content .site-header-text, #feature-slider-section .entry-summary, #feature-slider-section .entry-content { line-height: 1.67; margin-top: 14px; } .site-header-logo, .title-image { margin-bottom: 14px; } .has-header-media:not(.home) .custom-header-media { position: relative; } .header-media-text-disabled .custom-header-media .wp-custom-header img { display: block; position: relative; } .custom-header-overlay { bottom: 0; content: ""; height: 100%; position: absolute; left: 0; right: 0; top: 0; width: 100%; z-index: 1; } .custom-header .wrapper:before { content: ""; display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; } .has-header-media .custom-header-media .wp-custom-header img { display: none; } .has-header-video .custom-header-media .wp-custom-header video, .has-header-video .custom-header-media .wp-custom-header iframe { position: absolute; height: auto; left: 50%; max-width: 1000%; min-height: 100%; min-width: 100%; min-width: 100vw; /* vw prevents 1px gap on left that 100% has */ width: auto; top: 50%; padding-bottom: 1px; /* Prevent header from extending beyond the footer */ -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* For browsers that support 'object-fit' */ @supports (object-fit: cover) { .has-header-video .custom-header-media .wp-custom-header video, .has-header-video .custom-header-media .wp-custom-header iframe { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; top: 0; -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; width: 100%; } } .custom-header-media .wp-custom-header-video-button { border-radius: 50%; border: 2px solid; font-size: 18px; font-size: 1.125rem; justify-content: center; opacity: 0; overflow: hidden; padding: 11px 14px; position: absolute; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: 35px; height: 44px; width: 44px; z-index: 100; } .sticky-playlist-enabled .custom-header-media .wp-custom-header-video-button { bottom: 75px; } .header-media:hover .wp-custom-header-video-button { opacity: 1; } div#primary-menu-wrapper .menu-toggle { margin-right: -10px; opacity: 0.9; width: 105px; } div#primary-menu-wrapper .menu-toggle:hover, div#primary-menu-wrapper .menu-toggle:focus { opacity: 1; } .sticky-playlist-enabled.home.admin-bar .custom-header { min-height: calc(100vh - 104px); } .custom-header-media .custom-header-form { position: relative; margin: 0 30px 30px; z-index: 9; } .custom-header-media .custom-header-form label { font-weight: 700; } .custom-header-media .custom-header-form input:not([type="submit"]), .custom-header-media .custom-header-form textarea { border: 0; margin-bottom: 21px; } .custom-header-media .custom-header-form p { margin-bottom: 0; } .custom-header-media .custom-header-form textarea { height: 120px; } .custom-header-form .wpcf7 label { font-weight: 700; letter-spacing: 0; text-transform: capitalize; } /** * 6.0 - Modules */ .section { clear: both; display: block; overflow: hidden; position: relative; width: 100%; z-index: 1; } .section-heading-wrapper { display: block; max-width: 660px; position: relative; text-align: center; width: 100%; } .section-subtitle { text-transform: uppercase; } .hero-section .entry-container blockquote, .featured-content-section .hentry-inner:hover { box-shadow: 6px 6px 35px 0 rgba(0, 0, 0, 0.1); } #testimonial-content-section .section-content-wrapper .entry-container, .fixed.site-header { box-shadow: 10px 10px 25px 0 rgba(0, 0, 0, 0.05); } #testimonial-content-section .owl-slideshow { overflow: hidden; } /*------------------------------------------------------------- ## accessibility --------------------------------------------------------------*/ /** * 6.1 - Accessibility */ /* Text meant only for screen readers */ .says, .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; /* many screen reader and browser combinations announce broken words as they would appear visually */ word-wrap: normal !important; } /* must have higher specificity than alternative color schemes inline styles */ .site .skip-link { background-color: #f1f1f1; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); color: #21759b; display: block; font-size: 14px; font-weight: 700; left: -9999em; outline: none; padding: 15px 23px 14px; text-decoration: none; text-transform: none; top: -9999em; } .logged-in .site .skip-link { box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); } .site .skip-link:focus { clip: auto; height: auto; left: 6px; top: 7px; width: auto; z-index: 100000; } /*-------------------------------------------------------------- ## alignments --------------------------------------------------------------*/ /** * 6.2 - Alignments */ .alignleft { float: left; margin: 0.375em 1.75em 1.75em 0; } .alignright { float: right; margin: 0.375em 0 1.75em 1.75em; } .aligncenter { clear: both; display: block; margin: 0 auto 1.75em; } blockquote.alignleft { margin: 0.3157894737em 1.4736842105em 1.473684211em 0; } blockquote.alignright { margin: 0.3157894737em 0 1.473684211em 1.4736842105em; } blockquote.aligncenter { margin-bottom: 1.473684211em; } .promotion-section.text-align-center { text-align: center; } .text-align-center, .text-align-right, .text-align-left { text-align: center; } .text-align-left .post-thumbnail img, .text-align-right .post-thumbnail img { margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- ## breadcrumbs --------------------------------------------------------------*/ /** * 6.3 - Breadcrumb */ .breadcrumb-area { text-align: center; width: 100%; font-weight: normal; } .catch-breadcrumb .entry-breadcrumbs, .catch-breadcrumb .woocommerce-breadcrumb { text-align: center; } .entry-breadcrumbs, .woocommerce .woocommerce-breadcrumb { line-height: 1.75; margin: 0; padding: 14px 30px; } .entry-breadcrumbs a, .woocommerce .woocommerce-breadcrumb a { position: relative; font-weight: 400; text-decoration: none; } .entry-breadcrumbs a:hover, .entry-breadcrumbs a:focus, .entry-breadcrumbs a:active, .woocommerce .woocommerce-breadcrumb a:hover, .woocommerce .woocommerce-breadcrumb a:focus, .woocommerce .woocommerce-breadcrumb a:active { text-decoration: none; } /*-------------------------------------------------------------- ## captions --------------------------------------------------------------*/ /** * 6.4 - Captions */ .wp-caption { margin-bottom: 1.75em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption .wp-caption-text { font-size: 15px; font-size: 0.9375rem; font-style: normal; text-align: center; } /*-------------------------------------------------------------- ## clearings --------------------------------------------------------------*/ /** * 6.5 - Clearings */ .wrapper:before, .wrapper:after, .posts-navigation:before, .posts-navigation:after, .clear:before, .clear:after, .section:before, .section:after, .section-content-wrapper:before, .section-content-wrapper:after, .entry-content:before, .entry-content:after, .entry-summary:before, .entry-summary:after, .comment-content:before, .comment-content:after, .site-content:before, .site-content:after, .content-area:before, .content-area:after, .site-main>article:before, .site-main>article:after, .post-navigation:before, .post-navigation:after, .posts-navigation:before, .posts-navigation:after, .pagination:before, .pagination:after, .primary-menu:before, .primary-menu:after, .social-links-menu:before, .social-links-menu:after, .widget:before, .widget:after, .textwidget:before, .textwidget:after, .content-bottom-widgets:before, .content-bottom-widgets:after, #tertiary:before, #tertiary:after, #colophon .wrapper:before, #colophon .wrapper:after, .site-header-cart li:before, .site-header-cart li:after, .widget-area li:before, .widget-area li:after, #footer-newsletter .widget-inner:before, #footer-newsletter .widget-inner:after, #secondary:before, #secondary:after, ul.products li.product:before, ul.products li.product:after { content: ""; display: table; } .wrapper:after, #secondary:after, .posts-navigation:after, .clear:after, .section:after, .section-content-wrapper:after, .entry-content:after, .entry-summary:after, .comment-content:after, .site-content:after, .content-area:after, .site-main>article:after, .post-navigation:after, .posts-navigation:after, .pagination:after, .primary-menu:after, .social-links-menu:after, .widget:after, .textwidget:after, .content-bottom-widgets:after, #tertiary:after, #colophon .wrapper:after, .site-header-cart li:after, .widget-area li:after, ul.products li.product:after, #footer-newsletter .widget-inner:after { clear: both; } /*-------------------------------------------------------------- ## content --------------------------------------------------------------*/ /** * 6.6 - Content */ #page { margin: 0 auto; overflow-x: hidden; position: relative; -ms-word-wrap: break-word; word-wrap: break-word; } .boxed-layout #page { max-width: 1600px; } .home #content.site-content .wrapper, .archive #content.site-content .wrapper { max-width: 80%; } .home #content.site-content .wrapper .content-area, .archive #content.site-content .wrapper .content-area { max-width: 100%; } .singular-content-wrap .hentry { padding: 0; } .wrapper { margin: 0 auto; max-width: 1500px; width: 100%; } .blog .site-content .wrapper, .archive .site-content .wrapper { padding-left: 0; padding-right: 0; } .blog .site-content .wrapper #primary, .blog .site-content .wrapper #secondary, .archive .site-content .wrapper #primary, .archive .site-content .wrapper #secondary { padding-left: 0; padding-right: 0; } .single .site-main .post-thumbnail, .page .site-main .post-thumbnail { margin-top: 0; } .home #content #infinite-handle { padding: 0; } .header-media .wrapper, #footer-instagram .wrapper { width: 100%; max-width: 1920px; } .recent-blog-content .wrapper { max-width: 1020px; margin: 0 auto; } .page.no-sidebar .content-area, .single.no-sidebar .content-area, .no-sidebar .site-content>.wrapper .content-area { max-width: 920px; margin: 0 auto; } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } .sidebar .widget-title { font-weight: 600; text-transform: uppercase; } .sidebar .widget p { margin-bottom: 28px; } .sidebar .widget p:last-child { margin-bottom: 0; } .archive-post-wrap .hentry-inner>div { width: 100%; } .archive-post-wrap .hentry { z-index: 0; } .archive-post-wrap .hentry .post-thumbnail-background { background-position: center center; background-size: cover; right: 0; left: auto; } .archive-post-wrap .hentry:nth-child(2n) .entry-container { margin-left: auto; } .entry-content a:not(.more-link):not(.button), .entry-summary a:not(.more-link):not(.button), .ew-about a:not(.more-link):not(.button), .widget_text a:not(.more-link):not(.button) { text-decoration: underline; } .entry-content a:not(.more-link):not(.button):hover, .entry-content a:not(.more-link):not(.button):focus, .entry-summary a:not(.more-link):not(.button):hover, .entry-summary a:not(.more-link):not(.button):focus, .ew-about a:not(.more-link):not(.button):hover, .widget_text a:not(.more-link):not(.button):hover, .ew-about a:not(.more-link):not(.button):focus, .widget_text a:not(.more-link):not(.button):focus { text-decoration: none; } /*-------------------------------------------------------------- ## media --------------------------------------------------------------*/ /** * 6.7 - Media */ .site .avatar { border-radius: 50%; } .entry-content .wp-smiley, .entry-summary .wp-smiley, .comment-content .wp-smiley, .textwidget .wp-smiley { border: none; margin-top: 0; margin-bottom: 0; padding: 0; } .entry-content a img, .entry-summary a img, .comment-content a img, .textwidget a img { display: block; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object, video { max-width: 100%; vertical-align: middle; } p>embed, p>iframe, p>object, p>video { margin-bottom: 0; } .wp-audio-shortcode, .wp-video { margin: 1.625em 0; } .wp-playlist-item .wp-playlist-item-length { top: 0.75em; } /*-------------------------------------------------------------- ## alignments --------------------------------------------------------------*/ /** * 6.8 - Scroll Up */ #scrollup { -webkit-border-radius: 50%; border-radius: 50%; border: none; cursor: pointer; display: none; bottom: 35px; height: 40px; line-height: 24px; justify-content: center; align-items: center; outline: none; padding: 7px; position: fixed; right: 30px; text-decoration: none; text-align: center; width: 40px; z-index: 999; } .sticky-playlist-enabled #scrollup { bottom: 77px; } #scrollup:hover, #scrollup:focus { text-decoration: none; } /*-------------------------------------------------------------- ## alignments --------------------------------------------------------------*/ /** * 6.9 - Sidebar */ .sidebar .widget .hentry { float: none; overflow: hidden; } .sidebar .section-heading-wrapper { padding-bottom: 0; padding-top: 0; } .sidebar.widget-area .essential-widgets { float: none; } .sidebar ul { margin-bottom: 0; } /** * 7.0 - Site */ /*-------------------------------------------------------------- ## comments --------------------------------------------------------------*/ /** * 7.1.1 - Comments */ .comments-area { border-top: 1px solid; clear: both; display: block; width: 100%; } .single .site-main .entry-footer .entry-meta { text-align: center; } .single .site-main .entry-footer .entry-meta>span:not(.edit-link) { border: 1px solid; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -o-border-radius: 35px; display: inline-block; margin-right: 14px; padding: 7px 21px; } .single .site-main .entry-footer .entry-meta>span:not(.edit-link):last-child { margin-right: 0; } .comment-list { list-style: none; margin: 0; } .comments-title, .comment-reply-title { font-weight: 600; line-height: 1.46; text-align: center; text-transform: uppercase; } .comment-list article, .comment-list .pingback, .comment-list .trackback { padding: 1em 0; } .comments-area .comment-list>li:first-child>article, .comments-area .comment-list>li.pingback:first-child, .comments-area .comment-list>li.trackback:first-child { border-top: none; } .comment-list article+.comment-respond { margin-bottom: 3em; } .comment-list .children { list-style: none; margin: 0; } .comment-list .children li>article { padding-left: 2.5em; } .comment-author { float: left; margin: 0 1.5em 1.5em 0; } .comment-container { overflow: hidden; } .comment-author a { text-decoration: none; } .comment-author .avatar { height: 65px; width: 65px; } .comment-meta .edit-link, .pingback .edit-link { display: inline-block; font-size: 13px; font-size: 0.8125rem; line-height: 1.6153846154; } .comment-meta { margin-bottom: 0.778em; } .comment-content ul, .comment-content ol { margin: 0 0 1.75em 1.5em; } .comment-content li>ul, .comment-content li>ol { margin-bottom: 0; } .comment-reply-link { display: inline-block; font-size: 13px; font-size: 0.8125rem; font-weight: 600; letter-spacing: 1px; line-height: 1; text-decoration: none; text-transform: uppercase; margin-top: 14px; } .comment-reply-link:hover, .comment-reply-link:focus { outline: 0; } .no-comments { margin: 0; padding-top: 1.75em; } .comment-navigation+.no-comments { border-top: 0; padding-top: 0; } .form-allowed-tags code { font-family: Inconsolata, monospace; } .form-submit { margin: 0; } .author-name { text-transform: capitalize; } .comment-reply-title small a { border: 0; font-size: 24px; font-size: 1.5rem; height: 32px; overflow: hidden; width: 26px; position: absolute; right: 14px; top: 14px; } .comment-respond { margin: 1.25em auto 0; max-width: 680px; padding: 35px 15px; position: relative; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comment-notes { font-style: italic; } .comment-meta .author-name { display: block; font-style: normal; font-weight: 600; } .comment-meta a { text-decoration: none; } .comment-meta a:hover, .comment-meta a:focus { text-decoration: underline; } .comment-meta .comment-permalink { display: inline-block; } .comment-form label { font-size: 12px; font-size: 0.75rem; letter-spacing: 0.083em; line-height: 1.75; text-transform: uppercase; } /*-------------------------------------------------------------- ## comments --------------------------------------------------------------*/ /** * 7.1.2 - Posts and pages */ .hentry { float: left; margin-bottom: 35px; position: relative; width: 100%; } .side-posts-wrap { margin-bottom: 35px; } .post-thumbnail { display: block; position: relative; } .post-thumbnail img { display: block; margin: 0 auto; } .entry-content h1, .entry-summary h1, .comment-content h1, .textwidget h1 { font-size: 32px; font-size: 2rem; line-height: 1.33; margin-bottom: 0.5645161290322581em; margin-top: 1.016129032258065em; } .entry-content h2, .entry-summary h2, .comment-content h2, .textwidget h2 { font-size: 28px; font-size: 1.75rem; line-height: 1.43; margin-bottom: 0.8333333333333333em; margin-top: 1.5em; } .entry-content h3, .entry-summary h3, .comment-content h3, .textwidget h3 { font-size: 24px; font-size: 1.5rem; line-height: 1.36; margin-bottom: 1.09375em; margin-top: 1.96875em; } .entry-content h4, .comment-content h4, .textwidget h4 { font-size: 22px; font-size: 1.375rem; margin-bottom: 1.458333333333333em; margin-top: 2.625em; } .entry-content h5, .comment-content h5, .textwidget h5 { font-size: 18px; font-size: 1.125rem; margin-bottom: 1.666666666666667em; margin-top: 3em; } .corporate-biz-logo-slider-content-wrapper .entry-title { font-size: 18px; font-size: 1.125rem; } .entry-content h6, .comment-content h6, .textwidget h6 { font-size: 16px; font-size: 1rem; margin-bottom: 1.944444444444444em; margin-top: 3.5em; } .comment-content h4, .comment-content h5, .comment-content h6, .textwidget h4, .textwidget h5, .textwidget h6 { line-height: 1.3125; margin-top: 2.154em; margin-bottom: 1.077em; } .entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child, .entry-summary h1:first-child, .entry-summary h2:first-child, .entry-summary h3:first-child, .entry-summary h4:first-child, .entry-summary h5:first-child, .entry-summary h6:first-child, .comment-content h1:first-child, .comment-content h2:first-child, .comment-content h3:first-child, .comment-content h4:first-child, .comment-content h5:first-child, .comment-content h6:first-child, .textwidget h1:first-child, .textwidget h2:first-child, .textwidget h3:first-child, .textwidget h4:first-child, .textwidget h5:first-child, .textwidget h6:first-child { margin-top: 0; } .post-navigation .nav-title, .entry-title, .comments-title { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .more-link { border: none; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -o-border-radius: 35px; cursor: pointer; display: inline-block; font-weight: 600; line-height: 1.31; text-decoration: none; text-transform: uppercase; word-wrap: break-word; } .more-link:hover, .more-link:focus { border-color: transparent; } .more-button { display: inline-block; } .view-more { clear: both; margin: 0 0 35px; padding: 0 25px; text-align: center; } #events-section .view-more { position: relative; } .author-info { display: none; } .author-avatar .avatar { height: 65px; width: 65px; } .author-description> :last-child { margin-bottom: 0; } .author-description .author-title { clear: none; line-height: 1.67; } .author-bio { overflow: hidden; } .author-link { display: block; white-space: nowrap; } .entry-footer:empty { margin: 0; } .sticky-post { display: inline-block; font-size: 13px; font-size: 0.8125rem; letter-spacing: 0; line-height: 1; margin-bottom: 14px; padding: 7px 10px; text-align: center; text-transform: uppercase; z-index: 1; } .sticky-post { position: relative; } .full-content .has-post-thumbnail .sticky-post { position: relative; top: auto; left: auto; } .entry-meta { line-height: 2; } .entry-meta a { text-decoration: none; } .entry-header .entry-meta>span { clear: none; display: inline-block; padding-right: 10px; } .entry-header .entry-meta>span:last-cihld { padding-right: 0; } .entry-footer .entry-meta>span { clear: both; display: block; margin: 28px 0 0; } /** * IE8 and earlier will drop any block with CSS3 selectors. * Do not combine these styles with the next block. */ .updated:not(.published) { display: none; } .taxonomy-description p { margin: 0.5384615385em 0 1.6153846154em; } .taxonomy-description> :last-child { margin-bottom: 0; } .page-links { clear: both; margin: 0 0 1.75em; } .page-links a, .page-links span { border: none; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; font-size: 16px; font-size: 1rem; height: 2em; line-height: 2em; margin-right: 0.5em; text-align: center; width: 2em; } .page-links a:hover, .page-links a:focus { border-color: transparent; } .page-links>.page-links-title { border: 0; height: auto; margin: 0; padding-right: 0.5em; width: auto; } .entry-attachment { margin-bottom: 1.75em; } .entry-caption { font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 1.0769230769em; } .entry-caption> :last-child { margin-bottom: 0; } .content-bottom-widgets { clear: both; } .section-content-wrapper .archive-post-wrap .post-thumbnail { margin: 0; padding: 0; } .entry-footer .author img { -webkit-border-radius: 50%; border-radius: 50%; margin-right: 1em; } .two-columns-layout .site-content>.wrapper, .full-width-layout .site-content>.wrapper { padding: 42px 30px; } .home:not(.page):not(.post) .site-content>.wrapper { padding-left: 0; padding-right: 0; } .full-width-layout .site-content>.wrapper .content-area { max-width: 100%; } nav.entry-breadcrumbs { max-width: 1500px; margin: 0 auto; } .home.two-columns-layout .site-content>.wrapper { padding-bottom: 42px; } .two-columns-layout .site-content+.section:nth-child(odd) .section-heading-wrapper { padding-top: 0; } .home .site-content .wrapper { padding-bottom: 0; } .archive-post-wrap .hentry { margin: 0; padding: 0; } .archive-post-wrap .hentry .hentry-inner { max-width: 1500px; margin: 0 auto; } .archive-post-wrap .hentry .entry-container { padding: 35px 30px; width: 100%; } .archive-post-wrap .hentry .entry-container .entry-title { text-transform: uppercase; } .archive-post-wrap .entry-footer .entry-meta { font-size: 16px; font-size: 1rem; } #feature-slider-section .entry-header .cat-links a:hover, #feature-slider-section .entry-header .cat-links a:focus, .archive-post-wrap .has-post-thumbnail .entry-header .cat-links a:hover, .archive-post-wrap .has-post-thumbnail .entry-header .cat-links a:focus { text-decoration: none; } .archive-post-wrap .more-link:hover, .archive-post-wrap .more-link:focus { background-color: none; background-image: none; } .view-all-button { text-align: center; } /*-------------------------------------------------------------- ## widgets --------------------------------------------------------------*/ /** * 7.2.1 - Widgets */ .widget-area:not(.sidebar) .widget .widget-title { font-weight: 700; line-height: 1.75; position: relative; text-transform: uppercase; } .widget-area:not(.sidebar) .widget .widget-title:after { bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 35px; } .widget .hentry { float: left; width: 100%; } .widget a { text-decoration: none; } .widget .widget-title:empty { margin-bottom: 0; } .widget_recent_entries li a { font-weight: 600; } .widget ul, .widget ol { list-style: none; margin-left: 0; } .widget-area li { line-height: 2; } /* Categories widget */ .widget_categories ul, .widget_archive ul { text-align: right; } .widget_categories li, .widget_archive li { display: block; height: 1%; overflow: hidden; } .widget_categories ul a, .widget_archive ul a { float: left; } /* Calendar widget */ .widget.widget_calendar table { margin: 0; } .widget_calendar td, .widget_calendar th { line-height: 3; padding: 0; text-align: center; } .widget_calendar caption { font-weight: 600; } .widget_calendar tbody a { display: block; font-weight: 600; text-decoration: none; } /* Recent Posts widget */ .widget-area .gallery { margin: 0; } .widget_recent_entries .post-date { display: block; font-size: 13px; font-size: 0.8125rem; line-height: 1.615384615; margin-bottom: 0.538461538em; } .widget_recent_entries li:last-child .post-date { margin-bottom: 0; } /* RSS widget */ .widget_rss .rsswidget img { margin-top: -0.375em; } .widget_rss .rss-date, .widget_rss cite { display: block; font-size: 13px; font-size: 0.8125rem; font-style: normal; line-height: 1.615384615; margin-bottom: 0.538461538em; } .widget_rss .rssSummary:last-child { margin-bottom: 2.1538461538em; } .widget_rss li:last-child :last-child { margin-bottom: 0; } /* Tag Cloud widget */ .tagcloud a { border: 1px solid; border-radius: 17px; -webkit-border-radius: 17px; -moz-border-radius: 17px; -o-border-radius: 17px; display: inline-block; line-height: 1; margin: 0 0.1875em 0.4375em 0; padding: 0.5625em 0.4375em 0.5em; } .tagcloud a:hover, .tagcloud a:focus { outline: 0; } #featured-grid-content .grid-box:hover .caption>.vcenter { -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } #footer-instagram .widget { margin: 0; padding: 0; } #footer-instagram .widget-title { margin: 35px auto; text-align: center; letter-spacing: 0; text-transform: capitalize; } #footer-instagram .widget-title { display: none; } .widget-area .catch-instagram-feed-gallery-widget-wrapper .button { border: none; } #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .default .item, #footer-instagram .catch-instagram-feed-gallery-widget-wrapper.default .item { margin: 0; } #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .default .item, #footer-instagram .catch-instagram-feed-gallery-widget-wrapper.default .item { width: 16.666%; } #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .default .item:nth-child(3n+1), #footer-instagram .catch-instagram-feed-gallery-widget-wrapper.default .item:nth-child(3n+1) { clear: none; } #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .default .item:nth-child(6n+1), #footer-instagram .catch-instagram-feed-gallery-widget-wrapper.default .item:nth-child(6n+1) { clear: both; } #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .default .instagram-button, #footer-instagram .catch-instagram-feed-gallery-widget-wrapper.default .instagram-button { display: none; } #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .button { margin-top: 28px; } .widget-area .date-label { display: none; } .widget .social-navigation li a { height: auto; line-height: initial; margin: 0; padding: 5px 8px; width: auto; } .widget .social-navigation li:first-child a { padding-left: 0; } .custom-html-widget p { margin-bottom: 14px; } .custom-html-widget p:last-child { margin-bottom: 0; } /*-------------------------------------------------------------- ## Contact --------------------------------------------------------------*/ /** * 7.3.1 - Contact Section */ .contact-details { display: flex; flex-wrap: wrap; justify-content: space-evenly; } .contact-details>div { padding-right: 28px; width: 50%; } .contact-details>div:nth-of-type(2n) { padding-right: 0; } #contact-section .entry-title { text-transform: uppercase; } .wpcf7 input[type="submit"] { border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -o-border-radius: 35px; } .wpcf7 div div { margin-bottom: 35px; } .wpcf7 label { font-weight: 500; letter-spacing: 1px; text-transform: uppercase; } #contact-section .section-content-wrapper { margin: 0 auto; max-width: 1500px; padding: 0 30px; } #contact-section .hentry { float: none; width: 100%; } #contact-section .hentry input:not([type="submit"]), #contact-section .hentry textarea { border: 0; border-bottom: 1px solid; } .wpcf7 p:last-child { margin-bottom: 0; } .contact-content-wrapper .contact-info-details { font-size: 18px; font-size: 1.125rem; } .contact-details li .contact-details-label, .contact-content-wrapper form p>label { font-size: 12px; font-size: 0.75rem; line-height: 1.75; letter-spacing: 0.0833333333333333em; text-transform: uppercase; } #contact-section { background-size: cover; background-position: center; background-repeat: no-repeat; } /*-------------------------------------------------------------- ## feature-slider --------------------------------------------------------------*/ /** * 7.3.2 - Slider */ #feature-slider-section { border: none; clear: both; display: block; overflow: hidden; padding: 0; position: relative; width: 100%; } #feature-slider-section .entry-title { font-weight: 700; } .home .header-media .entry-title, #feature-slider-section .entry-title { margin-bottom: 0; } #feature-slider-section .owl-item.active .entry-container { opacity: 1; transform: translateX(0); } #feature-slider-section .entry-container { opacity: 0; transition: 0.8s ease-in-out; transform: translateX(20%); } .slider-content-wrapper .entry-summary, .custom-header-content-wrapper+.site-header-text { margin-top: 14px; } #feature-slider-section .slider-image-wrapper img, #feature-slider-section .post-thumbnail img { height: 100%; left: 0; object-fit: cover; top: 0; max-width: 1000%; min-height: 100%; min-width: 100vw; position: absolute; width: 100%; z-index: -1; } .site-header-logo, .slider-content-wrapper .title-image { max-width: 280px; } #feature-slider-section .owl-carousel .owl-item .title-image { display: block; } #feature-slider-section .owl-carousel .owl-item .title-image img { width: auto; } .text-align-left .site-header-logo { margin-left: 0; } .text-align-right .site-header-logo { margin-right: 0; } .site-header-logo { margin: 0 auto; } .admin-bar #feature-slider-section { min-height: calc(100vh - 45px); } #feature-slider-section .wrapper { max-width: 100%; padding: 0; } #feature-slider-section .hentry { margin: 0; padding: 0; width: 100%; } #feature-slider-section .hentry .hentry-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: relative; min-height: 100vh; position: relative; } #feature-slider-section .post-thumbnail { height: 100%; margin: 0; position: absolute; } #feature-slider-section .slider-image-thumbnail { background-position: center; background-repeat: no-repeat; background-size: cover; content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #feature-slider-section .slider-content-wrapper { align-items: center; max-width: 1500px; margin: 0 auto; padding: 49px 30px; position: relative; width: 100%; z-index: 101; } .sticky-playlist-enabled.home.admin-bar #feature-slider-section { min-height: calc(100vh - 108px); } #feature-slider-section .entry-container { display: block; overflow: hidden; } #feature-slider-section .entry-container a { text-decoration: none; } #feature-slider-section .entry-summary, #feature-slider-section .entry-content { display: none; margin-top: 14px; } #feature-slider-section .owl-dots { display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 199; } button.owl-dot { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border: 2px solid transparent; cursor: pointer; display: block; height: 10px; margin-bottom: 25px; width: 10px; } button.owl-dot:last-child { margin-bottom: 0; } #feature-slider-section .owl-dots button.owl-dot { display: block; height: 40px; margin-bottom: 0; width: 40px; } #feature-slider-section .owl-dots button.owl-dot:focus { outline: none; } .owl-dots button.owl-dot:focus { outline: none; } #feature-slider-section .owl-prev, #feature-slider-section .owl-next { background-color: transparent; background-image: none; border: 2px solid; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; cursor: pointer; filter: alpha(opacity=0); letter-spacing: 0; height: 43px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; outline: none; opacity: 1; position: absolute; top: 48%; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; text-align: center; text-decoration: none; width: 43px; z-index: 199; } #feature-slider-section .owl-prev { left: 0; } #feature-slider-section .owl-next { right: 0; } #feature-slider-section .owl-prev:hover, #feature-slider-section .owl-prev:focus, #feature-slider-section .owl-next:hover, #feature-slider-section .owl-next:focus { border-color: transparent; text-decoration: none; } #feature-slider-section .owl-prev:hover:before, #feature-slider-section .owl-prev:focus:before, #feature-slider-section .owl-next:hover:before, #feature-slider-section .owl-next:focus:before { transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); } #feature-slider-section .owl-next { right: 15px; } #feature-slider-section .owl-prev { left: 15px; } #feature-slider-section .more-link { margin-top: 35px; } /*-------------------------------------------------------------- ## Featured-content --------------------------------------------------------------*/ /** * 7.3.3 - Featured Content */ .featured-content-wrapper a { text-decoration: none; } .featured-content-wrapper .hentry-inner:hover { transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); } .featured-content-wrapper .hentry-inner:hover .post-thumbnail img { transform: scale(1.1) rotate(1deg); -moz-transform: scale(1.1) rotate(1deg); -webkit-transform: scale(1.1) rotate(1deg); } .featured-content-wrapper .post-thumbnail { overflow: hidden; } .featured-content-section .section-content-wrapper .post-thumbnail { margin-bottom: 0; width: 100%; } #featured-video-section .entry-container { margin-top: 14px; } #featured-video-section .post-thumbnail { margin-bottom: 0; } #featured-video-section .lightbox-enabled iframe { pointer-events: none; } #featured-video-section a.mixed { color: transparent; display: block; } body .flashy-container .flashy-content { background: transparent; } .featured-video-content-wrapper .entry-meta { font-size: 16px; font-size: 1rem; } .featured-video-content-wrapper .entry-header .entry-meta { line-height: 1.25; margin-top: 7px; margin-bottom: 0; } .single-item .featured-video-content-wrapper .hentry:first-child { margin-left: auto; margin-right: auto; float: none; } .featured-video-content-wrapper .hentry.featured { float: none; } /*-------------------------------------------------------------- ## footer --------------------------------------------------------------*/ /** * 7.3.4 - Footer */ #colophon .widget-column { float: left; position: relative; width: 100%; z-index: 2; } #colophon .widget { background-color: transparent; } #site-generator { clear: both; max-width: 1500px; margin: 0 auto; padding: 21px 30px; position: relative; } aside.widget-area+div#site-generator:before { border: 1px solid; content: ""; left: 0; position: absolute; top: 0; width: 100%; } #colophon { background-repeat: no-repeat; background-position: bottom left; } body #colophon .above-footer { clear: both; width: 100%; } body #colophon .above-footer section { margin-bottom: 0; } .footer-logo { width: 100%; text-align: center; } .sticky-playlist-enabled .site-footer { margin-bottom: 60px; } .footer-contact { display: flex; justify-content: center; max-width: 667px; margin: 0 auto; } .footer-contact p { margin-bottom: 0; margin-right: 15px; } .footer-contact p:last-child { margin-right: 0; } .footer-contact { margin-top: 28px; } .site-info { text-transform: capitalize; text-align: center; } .site-info a { text-decoration: none; } .site-info a:hover, .site-info a:focus { text-decoration: underline; } /*-------------------------------------------------------------- ## Gallery --------------------------------------------------------------*/ /** * 7.3.5 - Gallery Section */ #gallery-section { border-bottom: none; } #gallery-section.no-headline { padding-top: 0; } #gallery-section.no-headline.no-view-more-button { padding: 0; } #gallery-section.no-headline.no-view-more-button .hentry { margin: 0; } .tiled-gallery-caption, .gallery-caption { z-index: 99; } #gallery-section .gallery-item .gallery-icon a:before, #gallery-section .tiled-gallery .tiled-gallery-item a:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } #gallery-section .gallery-item .gallery-icon a:after, #gallery-section .tiled-gallery .tiled-gallery-item a:after { -webkit-border-radius: 50px; border-radius: 50px; cursor: pointer; display: block; font-size: 18px; font-size: 1.125rem; height: 42px; padding: 12px; width: 42px; text-align: center; z-index: 2; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } #gallery-section .gallery-item .gallery-icon a:before, #gallery-section .gallery-item .gallery-icon a:after, #gallery-section .tiled-gallery .tiled-gallery-item a:before, #gallery-section .tiled-gallery .tiled-gallery-item a:after { opacity: 0; } #gallery-section .gallery-item .gallery-icon:hover a:before, #gallery-section .gallery-item .gallery-icon:focus a:before, #gallery-section .tiled-gallery .tiled-gallery-item:hover a:before, #gallery-section .tiled-gallery .tiled-gallery-item:focus a:before { opacity: 0.75; } #gallery-section .gallery-item .gallery-icon:hover a:after, #gallery-section .gallery-item .gallery-icon:focus a:after, #gallery-section .tiled-gallery .tiled-gallery-item:hover a:after, #gallery-section .tiled-gallery .tiled-gallery-item:focus a:after { opacity: 1; } #gallery-section .entry-content>*:not(div) { max-width: 946px; margin-left: auto; margin-right: auto; padding: 0 30px; } #gallery-section .entry-footer { display: block; position: absolute; bottom: 35px; right: 35px; z-index: 199; } #gallery-section .entry-footer .edit-link a { padding: 7px 14px; text-decoration: none; } #gallery-section .gallery-item { float: left; margin: 0; max-width: 100%; overflow: hidden; padding: 0; position: relative; } #gallery-section .gallery-item a { display: block; position: relative; } .gallery-caption { background: #fff; padding: 15px; width: 100%; z-index: 99; } #gallery-section .section-content-wrapper .entry-content { margin: 0; } /*-------------------------------------------------------------- ## Hero-content --------------------------------------------------------------*/ /** * 7.3.6 - Hero Content */ #hero-section { border: none; } #hero-section .hentry { position: static; } #hero-section .hentry .hentry-inner { position: relative; } #hero-section .hentry .entry-container blockquote { border-left: 5px solid; font-style: normal; margin-top: 28px; padding: 21px; } #hero-section .hentry .entry-container blockquote:before { color: #e5e5e5; content: "\201C"; font-family: "georgia"; display: block; float: left; font-size: 64px; font-size: 4rem; height: 0; left: 20px; line-height: 0; position: absolute; top: 18px; } .hero-content-wrapper .post-thumbnail-background { background-position: center center; background-size: cover; content: ""; float: left; padding-bottom: 100%; position: relative; margin: 0; margin-bottom: 14px; width: 100%; } .hero-content-wrapper .entry-container { width: 100%; } /*-------------------------------------------------------------- ## Logo-Slider --------------------------------------------------------------*/ /** * 7.3.7 - Logo Slider */ .logo-slider-section .owl-prev, .logo-slider-section .owl-next { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; cursor: pointer; outline: none; opacity: 0; filter: alpha(opacity=0); height: 43px; letter-spacing: 0; outline: none; padding: 0 7px; position: absolute; top: 50%; text-decoration: none; width: 43px; z-index: 199; } .logo-slider-section .owl-carousel .owl-nav .owl-prev, .logo-slider-section .owl-carousel .owl-nav .owl-next { border: 2px solid; } .corporate-biz-logo-slider-content-wrapper.owl-carousel .owl-item img { width: auto; } .logo-slider-section .owl-prev, .logo-slider-section .owl-next { transition-delay: 0.1s; opacity: 0; } .logo-slider-section .owl-prev { transform: translate(-100%, -50%); -moz-transform: translate(-100%, -50%); -o-transform: translate(-100%, -50%); -webkit-transform: translate(-100%, -50%); } .logo-slider-section .owl-next { transform: translate(200%, -50%); -moz-transform: translate(200%, -50%); -o-transform: translate(200%, -50%); -webkit-transform: translate(200%, -50%); } .logo-slider-section:hover button { opacity: 1; transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); } .logo-slider-section .owl-carousel .owl-nav .owl-prev:hover, .logo-slider-section .owl-carousel .owl-nav .owl-next:hover { border-color: transparent; } .logo-slider-section .owl-prev { left: 30px; } .logo-slider-section .owl-next { right: 30px; } .logo-slider-section .owl-dots { margin-bottom: 35px; text-align: center; } .logo-slider-section .owl-dots .owl-dot { display: inline-block; margin-right: 15px; } .logo-slider-section .owl-dots .owl-dot:last-child { margin-right: 0; } .text-align-center { text-align: center; } .logo-slider-section .section-content-wrapper { position: static; } /*-------------------------------------------------------------- ## newsletter --------------------------------------------------------------*/ /** * 7.3.8 - Newsletter */ #footer-newsletter .footer-newsletter .section-heading-wrapper { text-align: center; padding: 0; padding-bottom: 35px; } #footer-newsletter .wrapper .section-description { font-size: 20px; font-size: 1.25rem; font-weight: 400; letter-spacing: 0; margin-bottom: 0; text-transform: none; } #footer-newsletter .ewnewsletter .widget-inner-wrap, #footer-newsletter .ewnewsletter .widget-inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #footer-newsletter .widget { padding: 42px 30px; margin-bottom: 0; background-position: center center; } .widget-area:not(.sidebar) .ew-newsletter .section-heading-wrapper { padding: 0; text-align: left; } #footer-newsletter .hentry.ew-newsletter-wrap.newsletter-action.custom input[type="text"] { margin-bottom: 15px; } @media only screen and (min-width: 35.5em) { #footer-newsletter .hentry.ew-newsletter-wrap.newsletter-action.custom input[type="text"] { margin-right: 4%; width: 48%; float: left; } } #footer-newsletter .hentry.ew-newsletter-wrap.newsletter-action.custom input#subbox2 { margin-right: 0; } #footer-newsletter .hentry.ew-newsletter-wrap.newsletter-action.custom input[type="text"]~input[type="submit"] { position: relative; left: 0; margin-top: 0; padding: 12px 25px; right: auto; top: 0; } #footer-newsletter .hentry.ew-newsletter-wrap.newsletter-action.custom input[type="text"]~input[type="email"] { padding-right: 14px; } #footer-newsletter .wrapper { max-width: 100%; } #footer-newsletter .ewnewsletter .widget-wrap { overflow: hidden; max-width: 1400px; margin: 0 auto; } @media only screen and (min-width: 480px) { #footer-newsletter .ewnewsletter .hentry form input { margin-top: 0; } } #footer-newsletter .ewnewsletter .hentry form input[type="submit"] { margin-bottom: 0; margin-left: 0; margin-top: 0; margin-right: auto; position: relative; right: auto; top: auto; width: auto; } #footer-newsletter .ewnewsletter .hentry form>input[type="text"]~input[type="email"]+input[type="submit"] { margin-left: 0; border-radius: 45px; -webkit-border-radius: 45px; -moz-border-radius: 45px; -o-border-radius: 45px; position: relative; } #footer-newsletter .ewnewsletter .hentry form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; } #footer-newsletter .ewnewsletter .hentry form input { width: 100%; } #footer-newsletter .ewnewsletter .hentry form>input[type="text"]~input[type="email"] { padding-right: 14px; } #footer-newsletter .ewnewsletter .hentry form input#subbox1, #footer-newsletter .ewnewsletter .hentry form input#subbox2, #footer-newsletter .ewnewsletter .hentry form>input[type="text"]~input[type="email"], #footer-newsletter .ewnewsletter .hentry form input[type="text"]>input[type="text"]~input#subbox { margin-bottom: 35px; } /*-------------------------------------------------------------- ## Portfolio --------------------------------------------------------------*/ /** * 7.3.9 - Portfolio & Stats */ .portfolio-content-wrapper { overflow: hidden; } .portfolio-content-wrapper .hentry { height: auto; line-height: 1; } .portfolio-content-wrapper .hentry-inner { overflow: hidden; position: relative; } .portfolio-content-wrapper .entry-container { background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; left: 0; opacity: 1; height: 100%; width: 100%; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } #portfolio-content-section { background-position: center center; background-size: cover; position: relative; margin: 0; width: 100%; } .portfolio-content-wrapper .entry-container>.entry-container-inner-wrap { display: block; padding: 21px; position: relative; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); } .section-content-wrapper.portfolio-content-wrapper .post-thumbnail { margin: 0; margin-bottom: 0; max-width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .2s ease-in-out; -moz-transition: transform .2s ease-in-out; -ms-transition: -ms-transform .2s ease-in-out; -o-transition: transform .2s ease-in-out; transition: transform .2s ease-in-out; } .portfolio-content-wrapper .hentry-inner:hover .post-thumbnail, .portfolio-content-wrapper .hentry-inner:focus .post-thumbnail { -webkit-transform: scale(1.025); -ms-transform: scale(1.025); transform: scale(1.025); } .portfolio-content-wrapper .entry-title, .portfolio-content-wrapper .entry-meta { font-weight: 500; margin: 0; } .portfolio-content-wrapper .entry-header .entry-meta { letter-spacing: 0; text-transform: uppercase; } .portfolio-content-wrapper .entry-meta a { text-decoration: none; } .portfolio-content-wrapper .entry-summary { display: none; } .promotion-section .cover-link:before { position: absolute; height: 100%; width: 100%; left: 0; top: 0; content: ""; } .filter-button-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 42px; padding-left: 30px; padding-right: 30px; } .filter-button-group .button { font-weight: 400; margin: 5px; text-transform: capitalize; } .filter-button-group .button:last-child { margin-right: 0; } .filter-button-group .button:hover, .filter-button-group .button:focus { transform: none; } /*-------------------------------------------------------------- ## Promotional --------------------------------------------------------------*/ /** * 7.3.10 - Promotional Headline */ .promotion-section { border: none; position: relative; } .promotion-section .hentry { position: initial; } .promotion-section.content-frame .entry-container-frame { padding: 2em; } .post-thumbnail-background { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; padding-bottom: 100%; position: relative; } .promotion-section .post-thumbnail-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .promotion-section .entry-container { max-width: 520px; z-index: 2; } .promotion-section.content-align-right .entry-container { float: right; } .promotion-section.content-align-center .entry-container { display: block; margin-left: auto; margin-right: auto; } .app-section.content-frame .entry-container-frame { padding: 3em; } .promotion-section .cover-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } .promotion-section.content-align-left .entry-container { float: left; } .promotion-section.content-align-center .entry-container { margin: 0 auto; } .promotion-section.content-align-right .entry-container { float: right; } #promotion-section .play-video { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } #promotion-section .play-video .play-button { background: transparent; box-shadow: 0px 15px 30px -17px rgba(0, 0, 0, 0.75); border: 2px solid; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 48px; padding: 0; width: 48px; } #promotion-section .play-video .play-button:hover, #promotion-section .play-video .play-button:focus { animation: ripple 0.7s linear infinite; transform: none; } @keyframes ripple { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 9px rgba(255, 255, 255, 0.3), 0 0 0 16px rgba(255, 255, 255, 0.3), 0 0 0 24px rgba(255, 255, 255, 0.3); } 100% { box-shadow: 0 0 0 9px rgba(255, 255, 255, 0.3), 0 0 0 16px rgba(255, 255, 255, 0.3), 0 0 0 24px rgba(255, 255, 255, 0.3), 0 0 0 32px rgba(255, 255, 255, 0); } } #promotion-section.content-align-center.text-align-center .play-video { left: auto; margin-top: 14px; position: relative; top: auto; transform: none; } #promotion-section.content-align-center.text-align-center .play-video .play-button { margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- ## Service --------------------------------------------------------------*/ /** * 7.3.11 - Services */ #service-section { position: relative; width: 100%; } #service-section .post-thumbnail a:hover img { animation: zoom 0.7s linear infinite; transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } /*-------------------------------------------------------------- ## Skills --------------------------------------------------------------*/ /** * 7.3.12 - Skills */ .skill-section { position: relative; } .skill-section .wrapper { max-width: 100%; } .skill-section .wrapper .section-content-wrapper { display: block; max-width: 1400px; margin: 0 auto; } .skill-section .wrapper .main-bg-image { background-size: cover; background-position: center; height: 250px; margin-bottom: 35px; position: relative; } .skillbar-item .skillbar-bar { height: 56px; border-radius: 45px; -webkit-border-radius: 45px; -moz-border-radius: 45px; -o-border-radius: 45px; position: relative; z-index: 1; } .skillbar-item .skillbar-bar:before { content: ""; left: 0; top: 0; position: absolute; height: 100%; z-index: 0; border-radius: 54px; z-index: -1; } .skillbar-item .skillbar-bar .skillbar-header { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; height: 100%; padding: 0 15px; } .skillbar-item .skillbar-bar .skillbar-header p { margin-bottom: 0; } .skillbar { margin-bottom: 35px; } .skillbar:last-child { margin-bottom: 0; } /*-------------------------------------------------------------- ## Stats --------------------------------------------------------------*/ /** * 7.3.13 - Stats */ .stats-content-wrapper .post-thumbnail { margin-left: auto; margin-right: auto; max-width: 80px; } .stats-content-wrapper .entry-container { text-align: center; } .stats-content-wrapper .entry-container .more-button { display: block; } .stats-section, .logo-slider-section { position: relative; } .stats-section .section-content-wrapper:before, .logo-slider-section .section-content-wrapper:before { border: 1px solid; content: ""; display: block; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: calc(100% - 60px); } .header-media+.section .section-content-wrapper:before { display: none; } /*-------------------------------------------------------------- ## Team --------------------------------------------------------------*/ /** * 7.3.14 - Team Content Section */ .team-content-wrapper .post-thumbnail, .team-content-wrapper .entry-title { margin: 0; } .team-content-wrapper.section-content-wrapper .hentry-inner { .position: relative; } .team-content-wrapper.section-content-wrapper .hentry-inner:hover .social-links-menu li { opacity: 1; transform: translateX(0); } .team-content-wrapper.section-content-wrapper .hentry-inner .post-thumbnail { margin-bottom: 0; } .team-content-wrapper.section-content-wrapper .hentry-inner .entry-container { border-bottom: 3px solid; margin-left: auto; margin-right: auto; margin-top: 0; position: static; z-index: 1; } .team-content-wrapper .entry-summary, .team-content-wrapper .entry-content { margin: 14px 0 0; padding-right: 0; } .team-content-wrapper .artist-social-profile { left: 10px; margin-top: 7px; overflow: hidden; position: absolute; top: 0; } .team-content-wrapper .artist-social-profile .social-links-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .team-content-wrapper .artist-social-profile .social-links-menu li { opacity: 1; } /*-------------------------------------------------------------- ## Team --------------------------------------------------------------*/ /** * 7.3.14 - Team Content Section */ .team-content-wrapper .post-thumbnail, .team-content-wrapper .entry-title { margin: 0; } .team-content-wrapper.section-content-wrapper .hentry-inner { .position: relative; } .team-content-wrapper.section-content-wrapper .hentry-inner:hover .social-links-menu li { opacity: 1; transform: translateX(0); } .team-content-wrapper.section-content-wrapper .hentry-inner .post-thumbnail { margin-bottom: 0; } .team-content-wrapper.section-content-wrapper .hentry-inner .entry-container { border-bottom: 3px solid; margin-left: auto; margin-right: auto; margin-top: 0; position: static; z-index: 1; } .team-content-wrapper .entry-summary, .team-content-wrapper .entry-content { margin: 14px 0 0; padding-right: 0; } .team-content-wrapper .artist-social-profile { left: 10px; margin-top: 7px; overflow: hidden; position: absolute; top: 0; } .team-content-wrapper .artist-social-profile .social-links-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .team-content-wrapper .artist-social-profile .social-links-menu li { opacity: 1; } /*-------------------------------------------------------------- ## Why Choose Us --------------------------------------------------------------*/ /** * 7.3.16 - Why Choose us */ .why-choose-us-section .hentry-inner { position: relative; } .why-choose-us-section .hentry-inner .post-thumbnail { margin-bottom: 0; } .why-choose-us-section .hentry-inner .entry-container { box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.05); padding: 21px 30px; position: relative; } /*-------------------------------------------------------------- ## testimonials --------------------------------------------------------------*/ /** * 7.3.15 - Testimonials */ #testimonial-content-section .main-thumbnail { background-size: cover; padding-bottom: 100%; position: relative; } #testimonial-content-section .section-content-wrapper .hentry-inner { position: relative; } #testimonial-content-section .section-content-wrapper .hentry-inner .post-thumbnail { height: 50px; margin-right: 25px; } #testimonial-content-section .section-content-wrapper .hentry-inner .post-thumbnail img { height: 50px; margin: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; width: 50px; } #testimonial-content-section .owl-carousel button.owl-dot { display: inline-block; border: 1px solid transparent; margin-left: 10px; margin-right: 10px; margin-bottom: 35px; } #testimonial-content-section .owl-dots { text-align: center; } #testimonial-content-section .section-content-wrapper .post-thumbnail { margin: 0; } #testimonial-content-section .section-content-wrapper .entry-summary, #testimonial-content-section .section-content-wrapper .entry-content { margin: 0 0 21px; padding-top: 35px; position: relative; } #testimonial-content-section .section-content-wrapper .entry-summary:before, #testimonial-content-section .section-content-wrapper .entry-content:before { content: "\201C"; font-family: "georgia"; display: block; font-size: 94px; font-size: 5.875rem; left: 0; line-height: 0; position: absolute; top: 32px; } #testimonial-content-section .testimonial_slider_wrap { width: 100%; } #testimonial-content-section .owl-nav { text-align: center; width: 100%; } #testimonial-content-section .owl-prev, #testimonial-content-section .owl-next { background-image: none; border: 3px solid; left: 0; height: 50px; outline: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; padding: 7px 14px; position: absolute; top: 31%; width: 50px; transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } #testimonial-content-section .owl-next { right: 0; left: auto; } #testimonial-content-section .entry-title, #testimonial-content-section .entry-meta { display: block; line-height: 1.75; text-transform: capitalize; letter-spacing: 0; } #testimonial-content-section .entry-content p, #testimonial-content-section .entry-summary p { margin-bottom: 0; } .logo-slider-section .owl-dots, #testimonial-content-section .owl-dots { font-family: arial; font-size: 24px; font-size: 1.5rem; line-height: 0; padding: 0; } .owl-carousel .owl-dots { display: block; } .owl-carousel .owl-dots button.owl-dot span { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border: 1px solid transparent; cursor: pointer; display: inline-block; height: 8px; margin-right: 14px; overflow: hidden; width: 8px; } .owl-carousel .owl-dots button.owl-dot span:last-child { margin-right: 0; } .owl-carousel .owl-dots button.owl-dot.active { transform: scale(1.5); -o-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); } .logo-slider-section .owl-dots>*, #testimonial-content-section .owl-dots>* { cursor: pointer; } #testimonial-content-section .more-link { display: none; } /*-------------------------------------------------------------- ## woocommerce --------------------------------------------------------------*/ /** * 7.3.17 - WooCommerce */ /** * 7.3.15 - Clearing */ .woocommerce-shorting-wrapper:before, .woocommerce-shorting-wrapper:after { content: ""; display: table; table-layout: fixed; } .woocommerce-shorting-wrapper:after { clear: both; } /** * 7.3.15.1 - Layout */ .woocommerce-products-header, .single-product .woocommerce-posts-wrapper { margin: 0 auto; width: 100%; } .woocommerce-products-header { text-align: center; } .woocommerce-posts-wrapper { padding-bottom: 0; } .woocommerce-products-header .page-description { margin-top: 24px; } .woocommerce-products-header .page-description p { margin-bottom: 0; } .woocommerce-products-header .page-title { margin-bottom: 16px; } .woocommerce-shorting-wrapper { border-top: 1px solid; border-bottom: 1px solid; clear: both; display: block; margin: 0 0 35px; padding: 24px 20px; } .woocommerce-ordering, .woocommerce-result-count { display: inline-block; margin: 0; } .woocommerce-result-count { float: left; } .woocommerce-ordering { clear: none; float: right; } /** * 7.3.15.2 - Shop tables */ table.shop_table_responsive thead { display: none; } table.shop_table_responsive tbody th { display: none; } table.shop_table_responsive tr td { clear: both; display: block; padding: 0.778em; text-align: right; } table.shop_table_responsive tr td:before { content: attr(data-title) ": "; float: left; } table.shop_table_responsive tr td.product-remove a { -webkit-border-radius: 50%; border-radius: 50%; display: block; font-size: 24px; font-size: 1.5rem; margin: 0 auto; text-align: center; line-height: 40px; height: 40px; width: 40px; } table.shop_table_responsive tr td a, .product-container a.added_to_cart { text-decoration: none; } table.shop_table_responsive tr td.product-remove:before { display: none; } table.shop_table_responsive tr td.actions:before, table.shop_table_responsive tr td.download-actions:before { display: none; } table.shop_table_responsive tr td.download-actions .button { display: block; text-align: center; } /** * 7.3.15.3 - Products */ ul.products { clear: both; display: block; margin: 0; } ul.products li.product { list-style: none; float: none; margin: 0 auto 35px; padding: 0; position: relative; } ul.products li.product a { text-decoration: none; } ul.products li.product>a { display: block; overflow: hidden; } ul.products li.product>a img { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; } ul.products li.product>a:hover img { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } ul.products li.product .woocommerce-loop-product__title { line-height: 1.4; margin: 0; } ul.products li.product .price { display: block; font-size: 16px; font-size: 1rem; line-height: 1.67; margin-top: 7px; } ul.products li.product img { display: block; margin: 0 auto; } .product-container { margin-top: 21px; } .product-container a { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-container a.button, .woocommerce .product-container .wc-forward { display: inline-block; margin-top: 24px; } /** * 7.3.15.4 - Infinite Scroll */ .infinite-scroll .woocommerce-pagination { display: none; } /** * 7.3.15.5 - Onsale */ .onsale { -webkit-border-radius: 0; border-radius: 0; font-size: 14px; font-size: 0.875rem; font-weight: 600; line-height: 2; min-height: auto; min-width: auto; margin: 0; padding: 2px 14px; position: absolute; top: 0; left: auto; right: 0; text-align: center; text-transform: uppercase; z-index: 1; } .single .onsale { right: auto; } ul.products .onsale { top: 0; right: 0; } /** * 7.3.15.6 - Price */ span.price del, p.price del { opacity: .5; } .price del+ins { background: transparent; margin-left: .327em; } /** * 7.3.15.7 - Buttons */ .woocommerce .single_add_to_cart_button { margin-top: 0; } .woocommerce button.pswp__button:hover, .woocommerce button.pswp__button:focus { background-color: transparent; background-image: none; } .woocommerce .products .product-container .button { background: transparent; border: 2px solid; } .woocommerce .products .product-container .button:hover, .woocommerce .products .product-container .button:focus { border-color: transparent; } .woocommerce-form-login button[type="submit"] { margin-right: 14px; } .woocommerce .product-container .wc-forward { -webkit-border-radius: 28px; border-radius: 28px; font-size: 13px; font-size: 0.8125rem; line-height: 1.615384615384615; letter-spacing: 0.0666666666666667em; margin-top: 10px; padding: 7px 21px; text-decoration: none; text-transform: uppercase; } .woocommerce .product-container .button { border: none; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -o-border-radius: 35px; font-size: 13px; font-size: 0.8125rem; line-height: 1.615384615384615; padding: 10px 21px; } .widget .woocommerce-mini-cart__buttons { margin-bottom: 0; } .woocommerce-mini-cart__buttons .button { margin: 0 7px 7px 7px; } /** * 7.3.15.8 - Single product */ .single-product div.product { content: ""; display: table; table-layout: fixed; position: relative; } .single-product div.product div.images { margin-bottom: 1.75em; } .single-product div.product .woocommerce-product-gallery, .single-product div.product .entry-summary { float: none; text-align: left; width: 100%; } .single-product div.product .woocommerce-product-gallery { position: relative; } .single-product div.product .onsale { z-index: 2; } .single-product div.product figure { margin: 0; } .single-product div.product .entry-summary { margin: 0; padding: 0; } .single-product div.product .entry-summary .entry-title { margin: 0; text-align: left; } .single-product div.product .woocommerce-product-rating { font-size: 16px; font-size: 1rem; margin-top: 7px; } .single-product div.product .woocommerce-product-rating .star-rating { float: left; margin: 0 7px 0 0; } .single-product div.product .woocommerce-product-rating .woocommerce-review-link { text-decoration: none; } .single-product div.product p.price { margin: 0.778em 0 1.35em; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute; top: 1em; right: 1em; display: block; z-index: 99; } .single-product div.product .woocommerce-product-gallery .flex-viewport { margin-bottom: 1em; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs { content: ""; display: table; table-layout: fixed; margin: 0; padding: 0; width: 100%; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li { list-style: none; cursor: pointer; float: left; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img { opacity: .5; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { opacity: 1; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img { opacity: 1; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li { width: 50%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li { width: 33.3333333%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { width: 25%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { width: 20%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) { clear: both; } .single-product div.product form.cart { margin: 1.944em 0; } .single-product div.product form.cart .quantity { float: left; margin-right: 21px; } .single-product .product_meta { display: block; font-size: 13px; font-size: 0.8125rem; padding-top: 0; } .single-product .product_meta>span { display: block; margin: 21px 0 0; } .single-product .woocommerce-variation-price { margin: 0 0 1.5em; } .variations .reset_variations { margin-left: 14px; } .single-product .product_meta a, .woocommerce-info a, .variations .reset_variations { text-decoration: none; } .single-product div.product .related, .single-product div.product .upsells, .cart-collaterals .cross-sells, .cart-collaterals .cart_totals { margin-top: 35px; } .related>h2:first-of-type { font-size: 28px; font-size: 1.75rem; margin-bottom: 35px; } .cart-collaterals .cross-sells { text-align: center; } #reviews #comments ol.commentlist, ul.woocommerce-error { margin-left: 0; list-style: none; } #reviews #comments ol.commentlist li { margin-bottom: 1.5em; position: relative; } #reviews #comments ol.commentlist li img.avatar { -webkit-border-radius: 50%; border-radius: 50%; float: left; position: absolute; top: 7px; left: 0; width: 60px; } #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 60px; padding: 0 0 0 35px; } #reviews #comments ol.commentlist li .star-rating { float: right; } #reviews #comments ol.commentlist .meta { margin-bottom: 7px; } #reviews .comment-respond .comment-form-rating { margin-top: 7px; text-align: center; } #reviews .comment-respond .comment-form-rating .stars { margin-top: 7px; margin-bottom: 21px; } #reviews .comment-respond .comment-reply-title { display: block; margin-bottom: 21px; } .stock:empty:before { display: none; } .stock.in-stock { color: #0f834d; } .stock.out-of-stock { color: #e2401c; } /** * 7.3.15.9 - Checkout */ table.shop_table, .quantity .qty { font-size: 1em; } table.cart .product-thumbnail { text-align: center; } table.cart .product-thumbnail:before { display: none; } table.cart .product-thumbnail img { margin: 0 auto; width: 80px; } table.cart .coupon label { display: none; } table.cart td.actions input, table.cart td.actions .button { margin: 14px 0; display: block; width: 100%; } .woocommerce .wc-proceed-to-checkout a.button { width: 100%; } .woocommerce .wc-proceed-to-checkout a.button, .cart_totals .wc-proceed-to-checkout, .woocommerce-checkout-payment .place-order, #payment .form-row { text-align: center; } .added_to_cart.disabled, .added_to_cart:disabled, .button.disabled, .button:disabled, button.disabled:not(.owl-prev):not(.owl-next), button:disabled, input[type="button"].disabled, input[type="button"]:disabled, input[type="reset"].disabled, input[type="reset"]:disabled, input[type="submit"].disabled, input[type="submit"]:disabled { opacity: .5 !important; cursor: not-allowed; } /** * 7.3.15.10 - My account */ .woocommerce-account .woocommerce-MyAccount-navigation { border-top: 1px solid; margin: 0 0 1.5em; } .woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; } .woocommerce-account .woocommerce-MyAccount-navigation li { border-bottom: 2px solid; margin: 0; } .woocommerce-account .woocommerce-MyAccount-navigation a { display: block; text-decoration: none; padding: 7px 21px; } .woocommerce-MyAccount-content { padding-top: 30px; } .woocommerce-MyAccount-content> :last-child { margin-bottom: 0; } .woocommerce-MyAccount-content fieldset { margin: 0 0 1.5em; padding: 7px 15px; } .woocommerce-MyAccount-content fieldset p { margin: 0 0 1.5em; } .woocommerce-MyAccount-content .woocommerce-orders-table__cell .woocommerce-button { margin-bottom: 7px; } .woocommerce-MyAccount-content .woocommerce-orders-table__cell .woocommerce-button:last-child { margin-bottom: 0; } /** * 7.3.15.11 - General WooCommerce components */ /** * 7.3.15.12 - Header cart */ .site-header-cart { content: ""; display: table; list-style: none; margin: 0; padding: 5px; position: relative; table-layout: fixed; } .site-header-cart li { margin: 0; } .site-header-cart .cart-contents { background-color: transparent; display: block; font-size: 16px; font-size: 1rem; letter-spacing: 0.1em; line-height: 1.375; padding: 17px; position: relative; text-decoration: none; text-transform: uppercase; } .site-header-cart .cart-contents .count { -webkit-border-radius: 50%; border-radius: 50%; display: none; font-weight: 500; font-size: 13px; left: 5px; line-height: 18px; letter-spacing: 0; margin-left: 7px; min-width: 18px; position: absolute; right: auto; top: 0; text-align: center; } .navigation-classic .menu-inside-wrapper .site-header-cart .cart-contents { display: inline-block; } .navigation-classic .site-header-cart .cart-contents .amount { display: inline; } .site-header-cart .cart-contents .amount, .navigation-classic .site-header-cart .cart-contents .amount { display: none; } .site-header-cart .widget_shopping_cart { border: 1px solid; display: none; font-size: 16px; font-size: 1rem; } .site-header-cart .product_list_widget { list-style: none; margin: 0; padding: 0; } .site-header-cart .product_list_widget .mini_cart_item, .site-header-cart .woocommerce-mini-cart__total, .site-header-cart .woocommerce-mini-cart__empty-message { margin: 0; padding: 14px 20px; } .site-header-cart .product_list_widget .mini_cart_item .remove_from_cart_button { margin-right: 7px; } .site-header-cart .product_list_widget .mini_cart_item a, .site-header-cart .product_list_widget .mini_cart_item a:hover, .site-header-cart .product_list_widget .mini_cart_item a:focus { text-decoration: none; } .product_list_widget li img { max-width: 4.688em; float: right; } .site-header-cart .product_list_widget img { margin-left: 1em; } .site-header-cart .woocommerce-mini-cart__buttons { text-align: center; } #site-header-cart .woocommerce-mini-cart__buttons a { display: block; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -o-border-radius: 35px; font-size: 14px; font-size: 0.875rem; margin: 14px 20px; padding: 11px 21px 10px; } .site-header-menu>#site-header-cart-wrapper { display: none; } #primary-menu-wrapper #site-header-cart-wrapper { display: block; text-align: center; width: 100%; } #primary-menu-wrapper .site-header-cart { display: block; padding: 14px 30px; } #primary-menu-wrapper .site-header-cart .cart-contents { display: inline-block; padding: 0; width: auto; } #primary-menu-wrapper .site-header-cart .cart-contents .amount { margin-left: 15px; } #primary-menu-wrapper .site-header-cart .cart-contents:before { margin-right: 7px; } #primary-menu-wrapper .site-header-cart .cart-contents .amount, #primary-menu-wrapper .site-header-cart .cart-contents .count { display: inline-block; } /** * 7.3.19.13 - Pagination */ .woocommerce-pagination { clear: both; margin: 0; } .woocommerce-pagination ul { display: inline-block; margin: 0 auto; } .woocommerce-pagination ul li { display: inline-block; list-style: none; height: 2.5em; line-height: 2.5em; margin: 0.125em; text-align: center; width: 2.5em; } .woocommerce-pagination ul li span.current, .woocommerce-pagination ul li a { -webkit-border-radius: 50%; border-radius: 50%; display: block; } .woocommerce-pagination ul li a { background-color: transparent; text-decoration: none; } /** * 7.3.19.14 - Star rating */ .star-rating { font-size: 0.8em; font-family: 'star'; font-weight: 400; height: 1.618em; line-height: 1.618; margin: 7px 0; overflow: hidden; position: relative; width: 5.3em; } .widget .star-rating { margin: 0 7px 0 0; } .widget_rating_filter ul li .star-rating { font-size: 16px; font-size: 1rem; line-height: 1.2; display: inline-block; vertical-align: bottom; } .widget_rating_filter .wc-layered-nav-rating a { text-decoration: none; } .star-rating:before { content: "\53\53\53\53\53"; opacity: .25; float: left; top: 0; left: 0; position: absolute; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; } p.stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; text-decoration: none; margin-right: 1px; font-weight: 400; } p.stars a:before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: "star"; content: "\53"; text-indent: 0; opacity: .25; } p.stars a:hover~a:before { content: "\53"; opacity: .25; } p.stars:hover a:before { content: "\53"; opacity: 1; } p.stars.selected a.active:before { content: "\53"; opacity: 1; } p.stars.selected a.active~a:before { content: "\53"; opacity: .25; } p.stars.selected a:not(.active):before { content: "\53"; opacity: 1; } /** * 7.3.19.15 - Tabs */ .woocommerce-tabs { clear: both; display: block; overflow: hidden; } .woocommerce-tabs ul.tabs { list-style: none; margin: 3.111em 0 0; padding: 0; position: relative; text-align: left; text-transform: capitalize; } .woocommerce-tabs ul.tabs:after { position: absolute; content: ' '; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid; z-index: 1; } .woocommerce-tabs ul.tabs li { display: inline-block; margin: 0; position: relative; } .woocommerce-tabs ul.tabs li a { display: block; position: relative; margin-right: 35px; padding: 21px; text-decoration: none; } .woocommerce-tabs .panel { border-top: 1px solid; margin: 0; padding: 21px; text-align: left; } .woocommerce-tabs .panel h2:first-of-type { font-size: 22px; font-size: 1.375rem; margin-bottom: 28px; } .woocommerce-tabs .panel p:last-child { margin-bottom: 0; } /** * 7.3.19.16 - Password strength meter */ .woocommerce-password-strength { text-align: right; } .woocommerce-password-strength.strong { color: #0f834d; } .woocommerce-password-strength.short { color: #e2401c; } .woocommerce-password-strength.bad { color: #e2401c; } .woocommerce-password-strength.good { color: #3d9cd2; } /** * 7.3.19.17 - Forms */ .form-row.woocommerce-validated input.input-text { box-shadow: inset 2px 0 0 #0f834d; } .form-row.woocommerce-invalid input.input-text { box-shadow: inset 2px 0 0 #e2401c; } .required { color: #fb3a64; } .quantity .qty { -webkit-border-radius: 0; border-radius: 0; margin: 0; padding: 10px 7px; width: 3.54em; text-align: center; } .woocommerce form label { font-size: 12px; font-size: 0.75rem; letter-spacing: 0.071em; text-transform: uppercase; } /** * 7.3.19.18 - Notices */ .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { clear: both; content: ""; display: table; margin-bottom: 1.5em; padding: 2em; table-layout: fixed; width: 100%; } .woocommerce-message a.button { margin-right: 14px; } .woocommerce-info, .woocommerce-message { border-top: 4px solid; } .woocommerce-error { border-top: 4px solid #e2401c; } .woocommerce-error li:last-child { margin-bottom: 0; } .demo_store { bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; left: 0; margin: 0; padding: 0 0 0 30px; position: fixed; right: 0; z-index: 9999; } ul.wc_payment_methods { list-style: none; margin: 0; } ul.wc_payment_methods li { margin-bottom: 10px; padding: 15px; } ul.wc_payment_methods li:last-child { margin-bottom: 0; } ul.wc_payment_methods .about_paypal { float: right; } ul.wc_payment_methods p:last-child { margin-bottom: 0; } ul.wc_payment_methods .payment_box { padding: 14px 26px; font-size: 16px; font-size: 1rem; line-height: 1.5; margin: 7px 0; } #add_payment_method #payment .payment_method_paypal img, .woocommerce-cart #payment .payment_method_paypal img, .woocommerce-checkout #payment .payment_method_paypal img { margin-left: 7px; max-height: 33px; } .demo_store .woocommerce-store-notice__dismiss-link { float: right; font-size: 13px; font-size: 0.875rem; font-weight: 700; letter-spacing: 0.071em; line-height: 1; margin-left: 14px; padding: 23px; text-shadow: 0 1px 0 rgba(105, 47, 69, 0.5); text-decoration: none; text-transform: uppercase; } /** * 7.3.19.19 - WooCommerce widgets */ /** * 7.3.19.20 - WooCommerce Price Filter */ .widget_price_filter .price_slider { margin-bottom: 1.5em; } .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4em; } .widget_price_filter .price_slider_amount .button { float: left; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; cursor: ew-resize; outline: none; box-sizing: border-box; margin-top: -.25em; opacity: 1; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -1em; } .widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1); } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; } .widget_price_filter .ui-slider-horizontal { height: .5em; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { height: 100%; } dl.variation { font-size: 14px; font-size: 0.875rem; } dl.variation dd { margin: 0; } dl.variation p { margin-bottom: 7px; } .widget_layered_nav_filters a:before { content: "x"; margin-right: 7px; } .columns-1 ul.products li.product { width: 100%; margin-right: 0; } .woocommerce-checkout-payment .place-order { padding: 1em; } .site-header-cart .product_list_widget .mini_cart_item span.quantity { display: block; } #site-header-cart-wrapper { text-align: left; } .widget.woocommerce ul li>span, .widget.woocommerce ul li del>span, .widget.woocommerce ul li ins>span { font-size: 14px; font-size: 0.875rem; } .woocommerce a.remove { background: #ca4646; display: block; font-size: 20px; height: 21px; width: 21px; text-align: center; line-height: 21px; border-radius: 100%; color: #fff; font-weight: 700; border: 0; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { position: absolute; top: 6px; left: 0; } .site-header-cart .woocommerce .widget_shopping_cart .cart_list li a.remove, .site-header-cart .woocommerce.widget_shopping_cart .cart_list li a.remove { position: relative; float: left; } .site-header-cart .woocommerce .widget_shopping_cart .cart_list li span.quantity, .site-header-cart .woocommerce.widget_shopping_cart .cart_list li span.quantity { margin-left: 28px; } /** * 8.0 - Media Queries */ /** * Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See https://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } /*-------------------------------------------------------------- ## mobile-horizontal --------------------------------------------------------------*/ /** * 8.1 - >= 480px */ @media screen and (min-width: 30em) { /* Woocommerce styles */ .related ul.products { margin: 0 -15px; } ul.products.columns-2 li.product:nth-child(2n+1), ul.products.columns-4 li.product:nth-child(2n+1) { clear: both; } ul.products.columns-2 .onsale, ul.products.columns-3 .onsale, ul.products.columns-4 .onsale { right: 15px; left: auto; } /* Woocommerce styles end here */ .wp-custom-logo .custom-logo-link { margin-right: 15px; margin-bottom: 0; } .site-header-menu .menu-label { display: inline-block; } .home.admin-bar .custom-header { min-height: calc(100vh - 46px); } } /*-------------------------------------------------------------- ## mobile-horizontal --------------------------------------------------------------*/ /** * 8.2 - >= 568px / 35.500em */ @media only screen and (min-width: 35.5em) { /* Woocommerce styles */ ul.products li.product { padding: 0 15px; } .wp-custom-logo .custom-logo-link, .wp-custom-logo .site-identity { display: inline-block; } #contact-section .section-content-wrapper { padding: 0 15px; } .sidebar.widget-area section.widget { padding-left: 15px; padding-right: 15px; } #footer-newsletter .ewnewsletter .hentry form>input[type="text"]~input[type="email"]+input[type="submit"] { margin-left: 25px; } #footer-newsletter .ewnewsletter .hentry form>input[type="text"]~input[type="email"], #footer-newsletter .ewnewsletter .hentry form input[type="text"]>input[type="text"]~input#subbox { margin-bottom: 0; } ul.products.columns-3 li.product { width: 33.33%; } ul.products.columns-2 li.product, ul.products.columns-4 li.product { width: 50%; } ul.products li.product { float: left; } .archive-post-wrap .hentry-inner>div { width: 50%; } .hero-content-wrapper .entry-container { padding-bottom: 42px; padding-top: 42px; } .hero-section.content-align-right .entry-container { padding-left: 35px; } .hero-section.content-align-left .entry-container { padding-right: 35px; } .archive-post-wrap .hentry-inner>div { width: 50%; } .ul.products.columns-3 li.product:nth-child(3n+1) { clear: both; } .site-header-cart { padding: 10px 15px; } .site-header-cart .widget_shopping_cart { top: 71px; } table.cart td.actions { text-align: right; } table.cart td.actions .coupon { display: inline-block; float: left; } table.cart td.actions input, table.cart td.actions .button, .woocommerce .wc-proceed-to-checkout a.button { display: inline-block; width: auto; } .single-product div.product div.images { margin-bottom: 0; } .single-product div.product .woocommerce-product-gallery, .single-product div.product .entry-summary { float: left; text-align: left; width: 50%; } .single-product div.product .entry-summary { margin: 0; padding-left: 40px; } .comment-respond { padding: 35px 42px; } .cart-collaterals .cart_totals { display: block; clear: both; float: right; width: 60%; max-width: 600px; } /* Woocommerce styles end here */ .menu-toggle { padding: 12px; } .menu-inside-wrapper { top: 71px; } .hero-content-wrapper .hentry-inner { display: flex; flex-wrap: nowrap; } .hero-content-wrapper .post-thumbnail-background { margin-bottom: 0; position: absolute; padding-bottom: 0; width: 50%; } .content-align-left .hero-content-wrapper .post-thumbnail-background { left: auto; right: 0; } .content-align-right .hero-content-wrapper .hentry-inner { flex-direction: row-reverse; } .hero-content-wrapper .post-thumbnail, .hero-content-wrapper .entry-container { width: 50%; } .hero-content-wrapper .entry-header { margin-top: 0; } .author-info { text-align: left; } .author-avatar { float: left; margin: 0 28px 0 0; } .author-description { margin: 0; overflow: hidden; } #testimonial-content-section.layout-two .owl-prev, #testimonial-content-section.layout-two .owl-next { display: block; } #secondary, .woocommerce-content-wrapper ul.products { margin-left: -15px; margin-right: -15px; } .home #secondary, .archive #secondary { margin-left: 15px; margin-right: 15px; } .layout-three .hentry, .three-columns .hentry, #gallery-section .gallery-columns-3 .gallery-item, #gallery-section .gallery-columns-6 .gallery-item, #gallery-section .gallery-columns-9 .gallery-item, #colophon .three .widget-column { width: 33.33%; } .four-columns .hentry { width: 25%; } .five-columns .hentry { width: 20%; } .six-columns .hentry { width: 16.66%; } .seven-columns .hentry { width: 14.28%; } .eight-columns .hentry { width: 12.5%; } .nine-columns .hentry { width: 11.11%; } .nine-columns .hentry:nth-child(9n+1), .eight-columns .hentry:nth-child(8n+1), .seven-columns .hentry:nth-child(7n+1), .six-columns .hentry:nth-child(6n+1), .five-columns .hentry:nth-child(5n+1), .four-columns .hentry:nth-child(4n+1), .three-columns .hentry:nth-child(3n+1), .layout-four .hentry:nth-child(2n+1), .layout-two .hentry:nth-child(2n+1), .layout-three .hentry:nth-child(3n+1), .portfolio-content-section .layout-three .hentry:nth-child(2n+1), .sidebar.widget-area section.widget:nth-child(2n+1), #colophon .two .widget-column:nth-child(2n+1), #colophon .four .widget-column:nth-child(2n+1), .archive-posts-wrapper article:nth-child(3n+1), .two-columns .hentry:nth-child(2n+1) { clear: both; } .portfolio-content-section .layout-three .hentry:nth-child(3n+1) { clear: none; } .layout-four .hentry, .layout-two .hentry, #colophon .two .widget-column, #colophon .four .widget-column, .two-columns .hentry, .portfolio-content-section .layout-three .hentry, #gallery-section .gallery-columns-2 .gallery-item, #gallery-section .gallery-columns-4 .gallery-item, #gallery-section .gallery-columns-5 .gallery-item, #gallery-section .gallery-columns-7 .gallery-item, #gallery-section .gallery-columns-8 .gallery-item, .sidebar.widget-area section.widget, .content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2), .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1), .portfolio-content-wrapper.layout-five .hentry { width: 50%; } .hentry { padding: 0 15px; } .pagination .prev, .pagination .next { width: auto; height: auto; } .content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2), .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1), .sidebar .widget { float: left; } .stats-content-wrapper { text-align: left; } .stats-content-wrapper .post-thumbnail { float: left; margin: 0 28px 0 0; } .stats-content-wrapper .entry-container { overflow: hidden; } .app-image-container.layout-two, .app-image-container.layout-three { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row nowrap; } .footer-newsletter .has-ew-newsletter-image .widget-inner, .footer-newsletter .has-background-image.has-ew-newsletter-image .widget-inner-wrap { display: flex; flex-wrap: nowrap; } .footer-newsletter .has-ew-newsletter-image .ew-newsletter-image-container, .footer-newsletter .has-ew-newsletter-image .ew-newsletter-content-container { flex: 1 1 50%; margin: 0; max-width: 50%; } .footer-newsletter .has-ew-newsletter-image .ew-newsletter-content-container { padding-left: 30px; } .contact-content-wrapper .comment-form-name, .contact-content-wrapper .comment-form-email { float: left; position: relative; width: 50%; } .contact-content-wrapper .comment-form-name { padding-right: 35px; } .contact-content-wrapper.layout-two { display: flex; } #contact-section .layout-two .hentry.contact-info-with-social, #contact-section .layout-two .hentry.contact-us-form { flex: 1 1 50%; max-width: 50%; } #contact-section .layout-two .hentry.contact-info-with-social { border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 10px; } #contact-section .layout-two .hentry.contact-us-form { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 10px; } .two-columns-layout .site-content+.section:nth-child(odd):not(.logo-slider-section) { padding-top: 10px; } .archive-post-wrap .hentry .entry-container { padding: 20px 30px; } .archive-post-wrap .hentry .post-thumbnail-background+.entry-container { width: 50%; } .section-content-wrapper.playlist-content-wrapper .post-thumbnail { margin-bottom: 0; } .section-content-wrapper { padding: 0 15px; } .stats-content-wrapper .post-thumbnail+.entry-container { text-align: left; } .text-align-right, .text-align-right { text-align: right; } .text-align-left, text-align-left { text-align: left; } .text-align-left .post-thumbnail img { margin-left: 0; } .text-align-right .post-thumbnail img { margin-right: 0; } #contact-section .hentry { float: right; width: 60%; } .post-thumbnail-background { bottom: 0; left: 0; padding-bottom: 0; position: absolute; right: 0; top: 0; z-index: -1; } #testimonial-content-section .owl-prev { left: 5px; } #testimonial-content-section .owl-next { right: 5px; } #footer-newsletter .ewnewsletter .hentry form input[type="text"] { width: 48%; } #footer-newsletter .ewnewsletter .hentry form>input[type="text"]~input[type="email"], #footer-newsletter .ewnewsletter .hentry form input[type="text"]>input[type="text"]~input#subbox { width: 48%; } .skill-section .wrapper .main-bg-image { height: 60%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .skill-section.has-background-image { padding-top: 42px; } .skillbar-item .skillbar-bar .skillbar-header { padding: 0 30px; } } /*-------------------------------------------------------------- ## tablet --------------------------------------------------------------*/ /** * 8.3 - >= 768px */ @media only screen and (min-width: 48em) { /* Woocommerce styles */ .site-header-cart { padding: 24px 2px; } .team-content-wrapper .artist-social-profile { left: 30px; } #primary-search-wrapper.show-in-mobile, .site-header-menu>#site-header-cart-wrapper.show-in-mobile, #social-menu-wrapper.show-in-mobile, #primary-menu-wrapper.show-in-mobile { display: block; } #primary-search-wrapper.show-in-desktop, .site-header-menu>#site-header-cart-wrapper.show-in-desktop, #social-menu-wrapper.show-in-desktop { display: none; } #site-header-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site-header-cart .cart-contents:before { opacity: 0.9; } .site-header-cart .cart-contents .count { left: auto; right: -5px; } #promotion-section .play-video .play-button { height: 55px; width: 55px; } .gallery-caption { background: #fff; bottom: 0; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; opacity: 0; position: absolute; transform: translateY(100%); -o-transform: translateY(100%); -moz-transform: translateY(100%); -webkit-transform: translateY(100%); } .gallery-item:hover .gallery-caption { opacity: 1; transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); } table.shop_table { background-color: transparent; } table.cart td.actions input, table.cart td.actions .button { margin: 0; } table.shop_table_responsive tr td { padding: 10px; } table.shop_table_responsive tr td.product-thumbnail { width: 100px; } table.shop_table_responsive thead { display: table-header-group; } table.shop_table_responsive tbody th { display: table-cell; } table.shop_table_responsive tr th, table.shop_table_responsive tr td { text-align: left; } table.shop_table_responsive tr td { display: table-cell; } table.shop_table_responsive tr td:before { display: none; } table.cart .product-thumbnail img { margin: 0; } .col2-set .form-row-first { float: left; margin-right: 3.8%; } .col2-set .form-row-last { float: right; margin-right: 0; } .col2-set .form-row-first, .col2-set .form-row-last { width: 48.1%; } .woocommerce-account .woocommerce-MyAccount-navigation { float: left; width: 30%; margin: 0; } .woocommerce-account .woocommerce-MyAccount-content { float: right; width: 66%; } .woocommerce-account .woocommerce-MyAccount-content p:first-child { margin-top: 0; } .woocommerce-account .woocommerce-MyAccount-content form>h3 { margin-top: 0; } .woocommerce-MyAccount-content { padding-top: 0; } .site-header-cart .cart-contents { padding: 7px 10px; } .site-header-cart .widget_shopping_cart { position: absolute; top: 100%; width: 285px; z-index: 199; right: -999em; display: block; } .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart { right: 0; display: block; } .site-header-menu>#site-header-cart-wrapper { display: block; } #primary-menu-wrapper #site-header-cart-wrapper { display: none; } #social-menu-wrapper, #primary-search-wrapper { display: block; } .menu-toggle-wrapper { display: block; float: left; padding: 24px 0; } .fixed .menu-toggle-wrapper, .fixed .site-header-cart { padding-bottom: 12px; padding-top: 12px; } .menu-toggle { padding: 8px 10px; } .menu-inside-wrapper { max-width: 335px; opacity: 0; top: 100%; right: -30px; width: 335px; } #primary-menu-wrapper, #primary-search-wrapper, #social-menu-wrapper { position: relative; } .is-open .menu-inside-wrapper { visibility: visible; opacity: 1; } .navigation-classic .mobile-social-search { display: none; } .navigation-default .mobile-social-search .search-container { display: none; } #hero-content-section .section-content-wrapper { padding-left: 55px; padding-right: 55px; } #feature-slider-section .entry-container { width: 70%; } #feature-slider-section .entry-container { max-width: 680px; } #feature-slider-section .entry-summary, #feature-slider-section .entry-content { display: block; } #feature-slider-section:hover .owl-prev, #feature-slider-section:focus .owl-prev { left: 21px; opacity: 1; filter: alpha(opacity=100); } #feature-slider-section .owl-next, #feature-slider-section .owl-prev { opacity: 0; } #feature-slider-section:hover .owl-next, #feature-slider-section:focus .owl-next { right: 21px; opacity: 1; filter: alpha(opacity=100); } .custom-logo { margin: 0; } #contact-section .section-content-wrapper .entry-summary, #contact-section .section-content-wrapper .entry-content { margin: 28px 0 0; } .portfolio-content-section .layout-three .hentry { width: 33.33%; } .portfolio-content-section .layout-three .hentry:nth-child(3n+1) { clear: both; } .portfolio-content-section .layout-three .hentry:nth-child(2n+1) { clear: none; } #contact-section .layout-two .hentry.contact-info-with-social { flex: 1 1 40%; max-width: 40%; } #contact-section .layout-two .hentry.contact-us-form { flex: 1 1 60%; max-width: 60%; } .mobile-social-search .menu-social { display: none; } .custom-header-content.content-align-left { margin-left: 0; margin-right: auto; } .custom-header-content.content-align-center { margin-right: auto; margin-left: auto; } .custom-header-content.content-align-right { margin-left: auto; margin-right: 0; } div#primary-menu-wrapper .menu-toggle { width: 95px; } .site-header-logo, .slider-content-wrapper .title-image { max-width: 350px; } #footer-newsletter .footer-newsletter .section-heading-wrapper { padding-bottom: 0; text-align: left; } #footer-newsletter .ewnewsletter .widget-inner-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; } #footer-newsletter .ewnewsletter .widget-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #footer-newsletter .ewnewsletter .hentry form>input[type="text"]~input[type="email"], #footer-newsletter .ewnewsletter .hentry form input[type="text"]>input[type="text"]~input#subbox { margin-bottom: 0; } #footer-newsletter .ewnewsletter .hentry form input[type="email"] { padding-right: 157px; } #footer-newsletter .ewnewsletter .hentry form input[type="submit"] { border: 1px solid transparent; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; position: absolute; right: 0; top: 0; } #footer-newsletter .ewnewsletter .hentry form input[type="submit"]:hover, #footer-newsletter .ewnewsletter .hentry form input[type="submit"]:focus { transform: none; } .team-content-wrapper .artist-social-profile .social-links-menu li { opacity: 0; } .team-content-section .social-links-menu li:nth-of-type(1) { -moz-transition: 0.4s ease-in 0.1s; -o-transition: 0.4s ease-in 0.1s; -webkit-transition: 0.4s ease-in 0.1s; transition: 0.4s ease-in 0.1s; } .team-content-section .social-links-menu li:nth-of-type(2) { -moz-transition: 0.4s ease-in 0.2s; -o-transition: 0.4s ease-in 0.2s; -webkit-transition: 0.4s ease-in 0.2s; transition: 0.4s ease-in 0.2s; } .team-content-section .social-links-menu li:nth-of-type(3) { -moz-transition: 0.4s ease-in 0.3s; -o-transition: 0.4s ease-in 0.3s; -webkit-transition: 0.4s ease-in 0.3s; transition: 0.4s ease-in 0.3s; } .team-content-section .social-links-menu li:nth-of-type(4) { -moz-transition: 0.4s ease-in 0.4s; -o-transition: 0.4s ease-in 0.4s; -webkit-transition: 0.4s ease-in 0.4s; transition: 0.4s ease-in 0.4s; } .team-content-section .social-links-menu li:nth-of-type(5) { -moz-transition: 0.4s ease-in 0.5s; -o-transition: 0.4s ease-in 0.5s; -webkit-transition: 0.4s ease-in 0.5s; transition: 0.4s ease-in 0.5s; } .team-content-section .social-links-menu li:nth-of-type(6) { -moz-transition: 0.4s ease-in 0.6s; -o-transition: 0.4s ease-in 0.6s; -webkit-transition: 0.4s ease-in 0.6s; transition: 0.4s ease-in 0.6s; } .team-content-section .social-links-menu li:nth-of-type(7) { -moz-transition: 0.4s ease-in 0.7s; -o-transition: 0.4s ease-in 0.7s; -webkit-transition: 0.4s ease-in 0.7s; transition: 0.4s ease-in 0.7s; } .team-content-section .social-links-menu li:nth-of-type(8) { -moz-transition: 0.4s ease-in 0.8s; -o-transition: 0.4s ease-in 0.8s; -webkit-transition: 0.4s ease-in 0.8s; transition: 0.4s ease-in 0.8s; } .team-content-section .social-links-menu li:nth-of-type(9) { -moz-transition: 0.4s ease-in 0.9s; -o-transition: 0.4s ease-in 0.9s; -webkit-transition: 0.4s ease-in 0.9s; transition: 0.4s ease-in 0.9s; } .team-content-section .social-links-menu li:nth-of-type(10) { -moz-transition: 0.4s ease-in 1s; -o-transition: 0.4s ease-in 1s; -webkit-transition: 0.4s ease-in 1s; transition: 0.4s ease-in 1s; } .team-content-section .social-links-menu li:nth-of-type(1) { -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); } .team-content-section .social-links-menu li:nth-of-type(2) { -webkit-transform: translateX(-150px); -moz-transform: translateX(-150px); -ms-transform: translateX(-150px); transform: translateX(-150px); } .team-content-section .social-links-menu li:nth-of-type(3) { -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); } .team-content-section .social-links-menu li:nth-of-type(4) { -webkit-transform: translateX(-250px); -moz-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); } .team-content-section .social-links-menu li:nth-of-type(5) { -webkit-transform: translateX(-300px); -moz-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px); } .featured-video-content-wrapper .side-posts-wrap { width: 30%; float: left; } .featured-video-content-wrapper .hentry.featured { float: left; width: 70%; } .site-info { text-align: left; } } /*-------------------------------------------------------------- ## desktop --------------------------------------------------------------*/ /** * 8.5 - >= 1024px */ @media only screen and (min-width: 64em) { /* Woocommerce styles */ .section-content-wrapper .entry-summary, .section-content-wrapper .entry-content, .more-button, .section-description { margin-top: 21px; } .page.no-sidebar .content-area, .single.no-sidebar .content-area, .no-sidebar:not(.home) #content.site-content>.wrapper .content-area { padding: 0 40px; } .custom-header-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .custom-header-media .custom-header-form { margin-right: 0; margin-bottom: 0; right: 30px; max-height: 400px; width: 320px; } .fixed+.site-content { padding-top: 91px; } .site-header-main .wrapper { padding: 0 40px; } .custom-header-content-wrapper { width: 480px; } .section-content-wrapper .post-thumbnail { margin-bottom: 21px; } .entry-breadcrumbs, .woocommerce .woocommerce-breadcrumb { padding-left: 40px; padding-right: 40px; } .custom-header-content .site-header-text, #feature-slider-section .entry-summary, #feature-slider-section .entry-content { margin-top: 28px; } #hero-section .hentry .entry-container blockquote { margin-top: 42px; padding: 28px 35px; } .testimonial-content-section .section-heading-wrapper, .why-choose-us-section .section-heading-wrapper, .stats-section .section-heading-wrapper { padding-bottom: 42px; padding-top: 42px; } .section { padding: 0 0 28px 0; } .testimonial-content-section+.section:not(.stats-section):not(.promotion-section):not(.why-choose-us-section), .promotion-section+.section:not(.stats-section):not(.testimonial-content-section):not(.why-choose-us-section), .why-choose-us-section+.section:not(.stats-section):not(.testimonial-content-section), .site-content+.section:not(.stats-section):not(.promotion-section):not(.why-choose-us-section), .section.stats-section.no-section-heading, .section.why-choose-us-section.no-section-heading, .section.testimonial-content-section.no-section-heading, #logo-slider-section.no-section-heading, .promotion-section, .contact-section, .skill-section.has-background-image, .header-media+.section:not(.stats-section):not(.promotion-section):not(.why-choose-us-section), .feature-slider-section+.section:not(.stats-section):not(.promotion-section):not(.why-choose-us-section), #footer-newsletter+.section:not(.stats-section):not(.promotion-section):not(.why-choose-us-section), .logo-slider-section+.section:not(.stats-section):not(.promotion-section):not(.why-choose-us-section) { padding-top: 70px; } #footer-newsletter .widget { padding: 70px 40px; } .section.stats-section, .section.testimonial-content-section, .why-choose-us-section { padding-top: 28px; } .site-header-logo, .title-image { margin-bottom: 25px; } .home.two-columns-layout #content>.wrapper, .archive.two-columns-layout #content>.wrapper { padding-bottom: 0; } ul.products li.product { padding: 0 20px; } ul.products.columns-3 li.product, ul.products.columns-6 li.product { width: 33.33%; } ul.products.columns-4 li.product { width: 25%; } ul.products.columns-5 li.product { width: 20%; } .skill-section .wrapper .section-content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .demo_store { padding-left: 40px; } .two-columns-layout.single-product ul.products.columns-4 li.product, .skill-section .inner-section-content-wrapper .hentry { width: 50%; } ul.products.columns-4 li.product:nth-child(2n+1), ul.products.columns-6 li.product:nth-child(2n+1), .full-width .related ul.products li.product:nth-child(2n+1), .full-width .upsells ul.products li.product:nth-child(2n+1), .full-width .cross-sells ul.products li.product:nth-child(2n+1) { clear: none; } .two-columns-layout.single-product ul.products.columns-4 li.product:nth-child(2n+1), ul.products.columns-3 li.product:nth-child(3n+1), ul.products.columns-4 li.product:nth-child(4n+1), ul.products.columns-5 li.product:nth-child(5n+1), ul.products.columns-6 li.product:nth-child(6n+1), .full-width .related ul.products li.product:nth-child(4n+1), .full-width .upsells ul.products li.product:nth-child(4n+1), .full-width .cross-sells ul.products li.product:nth-child(4n+1) { clear: both; } ul.products.columns-6 li.product { width: 16.66666666666667%; } ul.products li.product .onsale { left: auto; right: 20px; } /* Woocommerce styles end here */ .site-header-menu { margin-right: 0; } .site-branding { margin: 14px auto 14px 0; } .is-open .menu-inside-wrapper { right: 0; } .boxed-layout #page { width: 96%; } .navigation-classic #header-menu-social:before { margin: 21px auto 21px; } .wpcf7 div div { margin-bottom: 35px; } #feature-slider-section:hover .owl-prev, #feature-slider-section:focus .owl-prev { left: 60px; } #feature-slider-section:hover .owl-next, #feature-slider-section:focus .owl-next { right: 60px; } .widget-column { padding: 28px 50px; } .page .site-main .hentry { margin: 0; } .archive-posts-wrapper .section-content-wrapper .entry-header .entry-title+.entry-meta { margin-top: 14px; } .archive-posts-wrapper .section-content-wrapper .entry-header .entry-meta { margin-top: 0px; display: none; } .entry-meta { margin-bottom: 14px; } .section-heading-wrapper { padding-left: 35px; padding-right: 35px; } .testimonial-content-wrapper, .corporate-biz-logo-slider-content-wrapper, .team-content-wrapper { padding: 0 50px; } #feature-slider-section .slider-content-wrapper { padding-left: 50px; padding-right: 50px; } .two-columns-layout .site-content>.wrapper, .full-width-layout .site-content>.wrapper { padding: 56px 20px; } .home.two-columns-layout .site-content>.wrapper { padding-bottom: 70px; padding-top: 56px; } .logo-slider-section .owl-dots { margin-bottom: 42px; } .archive:not(.woocommerce) .site-content>.wrapper, .home:not(.page):not(.post) .site-content>.wrapper, .blog .site-content>.wrapper { padding: 56px 0 0 0; } .single .site-main .entry-header, .page .site-main .entry-header, .archive .page-header, .error404 .page-header, .search .page-header, .woocommerce-products-header { margin-bottom: 42px; } .stats-section .section-content-wrapper:before, .logo-slider-section .section-content-wrapper:before { width: calc(100% - 80px); } #featured-video-section .entry-container { margin-top: 21px; } .hentry, .side-posts-wrap { margin-bottom: 42px; } .filter-button-group { padding-left: 40px; padding-right: 40px; } .above-footer { padding-top: 42px; } .site-footer-menu .wrapper>#social-footer-navigation { margin-bottom: 56px; } .view-more { margin: 0 0 42px; } ul.products li.product { margin: 0 auto 42px; } .comments-area { padding-top: 42px; margin-top: 42px; } .comment-list article, .comment-list .pingback, .comment-list .trackback { padding: 2em 0; } .single-product div.product .related, .single-product div.product .upsells, .cart-collaterals .cross-sells, .cart-collaterals .cart_totals { margin-top: 42px; } .author-info { margin-top: 42px; } #content #infinite-handle { padding: 0 20px; } #footer-instagram .widget-title { margin: 56px auto 35px; } .single .site-main .post-thumbnail, .page .site-main .post-thumbnail { padding: 0; margin-bottom: 35px; } input[type="search"].search-field { display: block; } #colophon .four .widget-column { width: 25%; } #colophon .four .widget-column:nth-child(2n+1) { clear: none; } #colophon .four .widget-column:nth-child(4n+1) { clear: both; } #secondary, .woocommerce-content-wrapper ul.products { margin-left: 0; margin-right: 0; } .layout-four .hentry:nth-child(2n+1) { clear: none; } .layout-four .hentry:nth-child(4n+1) { clear: both; } #gallery-section .gallery-columns-4 .gallery-item, .layout-four .hentry { width: 25%; } .portfolio-content-wrapper.layout-five .hentry { width: 20%; } #gallery-section .gallery-columns-5 .gallery-item { width: 20%; } #gallery-section .gallery-columns-6 .gallery-item { width: 16.66666666666667%; } #gallery-section .gallery-columns-7 .gallery-item { width: 14.28571428571429%; } #gallery-section .gallery-columns-8 .gallery-item { width: 12.5%; } #gallery-section .gallery-columns-9 .gallery-item { width: 11.11111111111111%; } .hentry { padding: 0 20px; } .featured-video-content-wrapper .hentry:nth-child(2n+1) { clear: none; } .archive .content-area { float: left; width: 70%; } .content-area { float: left; margin-right: -100%; width: 70%; max-width: 960px; } .fullw { display: block; margin: 0 auto; width: 70%; float: initial; } .sidebar { float: right; width: 30%; } .two-columns-layout .site-content #primary, .two-columns-layout .site-content #secondary, .full-width-layout:not(.home):not(.archive) #content.site-content #primary { padding: 0 20px; } .site-content .wrapper>.sidebar { margin-top: 0; } .archive-post-wrap .hentry .entry-container { padding: 20px 40px; } .full-width-layout .archive-post-wrap .hentry .post-thumbnail-background+.entry-container { padding-right: 40px; } .sidebar.widget-area section.widget { padding-left: 0; padding-right: 0; } .home #secondary, .archive #secondary { margin-left: 0; margin-right: 0; } .content-right .content-area { float: right; margin-right: 0; margin-left: -100%; } .content-right .sidebar { float: left; } .no-sidebar .content-area { float: none; margin: 0 auto; width: 100%; } .no-sidebar.full-width-layout .content-area { margin: 0; width: 100%; max-width: 100%; } .sidebar .widget { float: none; width: 100%; } .entry-content blockquote.alignleft, .entry-content blockquote.alignright { width: 52%; } .site-title { font-size: 28px; font-size: 1.75rem; } body { font-size: 20px; font-size: 1.25rem; } .entry-content h4, .comment-content h4, .team-content-wrapper .entry-title, .textwidget h4 { font-size: 24px; font-size: 1.5rem; } #site-generator .social-navigation a, .entry-content h3, .entry-summary h3, .comment-content h3, .textwidget h3 { font-size: 28px; font-size: 1.75rem; } .woocommerce-posts-wrapper .entry-title, .woocommerce .related.products>h2, .entry-content h2, .entry-summary h2, .comment-content h2, .custom-header-form form h2, .textwidget h2 { font-size: 32px; font-size: 1.8rem; } .home .header-media .entry-title, #feature-slider-section .entry-title, .promotion-section .entry-title, #stats-section .entry-title, #contact-section .entry-title, #footer-instagram .widget-title, .singular-content-wrap .entry-title, .archive-post-wrap .hentry .entry-title, .entry-content h1, .entry-summary h1, .comment-content h1, .textwidget h1, .page-title, .section-title { font-size: 36px; font-size: 1.8rem; } .sidebar .widget .widget-wrap { padding: 35px; } .sidebar.widget-area section.widget { margin-bottom: 0; padding: 0; width: 100%; } .entry-content h5, .comment-content h5, .textwidget h5 { font-size: 22px; font-size: 1.375rem; } .entry-content h6, .comment-content h6, .textwidget h6 { font-size: 18px; font-size: 1.125rem; } .skillbar { margin-bottom: 42px; } .playlist-content-wrapper .entry-container { padding: 0 0 0 40px; } .playlist-content-wrapper.content-align-left .entry-container { padding-left: 0; padding-right: 40px; } .recent-blog-content-wrapper { padding: 0 50px; } .comment-respond { padding: 42px 49px; } #site-generator { padding: 35px 50px 28px; } .custom-header-content { padding: 50px 50px; } body:not(.home) .custom-header-content { padding: 75px 50px; } .portfolio-content-wrapper .entry-container, .portfolio-content-wrapper .entry-container { opacity: 0; } .portfolio-content-wrapper .hentry-inner:hover .entry-container, .portfolio-content-wrapper .hentry-inner:focus .entry-container { opacity: 1; } #contact-section .section-content-wrapper { padding: 0 25px; } .custom-header-media .custom-header-form { right: 40px; width: 420px; } .section-content-wrapper { padding: 0 20px; } .inner-section-content-wrapper { padding: 0 40px 42px; } .skill-section .section-content-wrapper { padding: 70px 40px 28px 40px; } #testimonial-content-section .owl-carousel button.owl-dot { margin-bottom: 42px; } .why-choose-us-section.content-hide .entry-container { margin-left: auto; margin-right: auto; margin-top: -35px; width: 270px; z-index: 9; } #testimonial-content-section .owl-prev { left: 15px; } #testimonial-content-section .owl-next { right: 15px; } #footer-newsletter .ewnewsletter .hentry form input#subbox1, #footer-newsletter .ewnewsletter .hentry form input#subbox2 { margin-bottom: 42px; } } /*-------------------------------------------------------------- ## desktop --------------------------------------------------------------*/ /** * 8.4 - >= 783px */ @media only screen and (min-width: 48.938em) { .admin-bar #feature-slider-section, .home.admin-bar .custom-header { min-height: calc(100vh - 32px); } .admin-bar .flashy-overlay .flashy-close { top: 32px; } } /*-------------------------------------------------------------- ## Large --------------------------------------------------------------*/ /** * 8.6 - >= 1200px */ @media only screen and (min-width: 75em) { .navigation-classic .site-header-menu { flex-direction: row; } .site-header-main .wrapper { padding-bottom: 15px; padding-top: 15px; } #primary-search-wrapper.show-in-mobile, .site-header-menu>#site-header-cart-wrapper.show-in-mobile, #social-menu-wrapper.show-in-mobile, #primary-menu-wrapper.show-in-mobile { display: none; } #primary-search-wrapper.show-in-desktop, .site-header-menu>#site-header-cart-wrapper.show-in-desktop, #social-menu-wrapper.show-in-desktop, #primary-menu-wrapper.show-in-desktop { display: block; } div#primary-menu-wrapper .menu-toggle { margin-right: 0; } .custom-header, header+.site-content { padding-top: 121px; } .site-header { left: 0; position: fixed; } .fixed+.site-content { padding-top: 121px; } .navigation-classic #primary-menu-wrapper .menu-inside-wrapper { max-width: 100%; } .navigation-classic .site-branding { text-align: left; } .navigation-classic .menu-toggle { display: none; } .navigation-classic #primary-search-wrapper .menu-toggle { display: block; } .navigation-classic #primary-menu-wrapper .menu-inside-wrapper { border: none; position: relative; display: block; float: left; top: 0; left: 0; right: 0; visibility: visible; opacity: 1; width: auto; bottom: auto; background-color: transparent; box-shadow: none; overflow: inherit; } .navigation-classic .main-navigation li a { line-height: 2; opacity: 0.9; padding: 28px 20px; } .navigation-classic .main-navigation .nav-menu>.current-menu-item a:before, .navigation-classic .main-navigation .nav-menu>.current_page_item a:before { opacity: 1; top: 80%; width: calc(100% - 40px); height: 3px; } .navigation-classic .main-navigation .nav-menu>li>a:before { content: ""; height: 3px; left: 50%; opacity: 0; position: absolute; top: 72%; transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transition: all 0.3s cubic-bezier(0.6, 1.09, 0.49, 0.64); -o-transition: all 0.3s cubic-bezier(0.6, 1.09, 0.49, 0.64); -webkit-transition: all 0.3s cubic-bezier(0.6, 1.09, 0.49, 0.64); transition: all 0.3s cubic-bezier(0.6, 1.09, 0.49, 0.64); width: 0; } .navigation-classic .main-navigation .nav-menu>li:hover a:before, .navigation-classic .main-navigation .nav-menu>li:focus a:before { opacity: 1; top: 80%; width: calc(100% - 40px); } .navigation-classic .site-header.fixed .main-navigation .nav-menu>li>a { padding-bottom: 15px; padding-top: 15px; } .navigation-classic .main-navigation li.menu-item-has-children ul ul a { padding-left: 20px; } .navigation-classic .main-navigation .menu-item-has-children>a:after, .navigation-classic .main-navigation .page_item_has_children>a:after { content: "\f107"; font-size: 16px; font-size: 1rem; padding-left: 7px; } .navigation-classic .main-navigation ul ul .menu-item-has-children>a:after, .navigation-classic .main-navigation ul ul .page_item_has_children>a:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); padding: 0; position: absolute; top: 14px; right: 21px; } .navigation-classic .main-navigation ul a, .navigation-classic .main-navigation ul :hover>a, .navigation-classic .main-navigation ul .focus>a { background-color: transparent; } .navigation-classic .main-navigation ul ul { border: 1px solid; display: block; float: left; margin: 0; padding: 7px 0; position: absolute; top: auto; left: -999em; z-index: 99999; } .navigation-classic .main-navigation ul ul ul { left: -999em; top: -8px; } .navigation-classic .main-navigation ul ul a { padding: 7px 20px; width: 262px; } .navigation-classic .main-navigation ul li:hover>ul, .navigation-classic .main-navigation ul li.focus>ul { left: auto; right: 0; } .navigation-classic .main-navigation li { border-bottom: none; } .navigation-classic .main-navigation ul ul li:hover>ul, .navigation-classic .main-navigation ul ul li.focus>ul { left: auto; right: 100%; } .navigation-classic .main-navigation li { display: inline-block; } .navigation-classic .social-top div { border-bottom: none; } .navigation-classic .dropdown-toggle, .navigation-classic .main-navigation ul .dropdown-toggle.toggled-on, .navigation-classic #primary-menu-wrapper .menu-toggle-wrapper { display: none; } .header-media-disabled #feature-slider.section { padding-top: 78px; } } /*-------------------------------------------------------------- ## wide-width --------------------------------------------------------------*/ /** * 8.7 - >= 1366px */ @media only screen and (min-width: 85.375em) { /* Woocommerce styles */ .two-columns-layout.single-product ul.products.columns-4 li.product { width: 25%; } .why-choose-us-section.content-hide .entry-container { width: 300px; } .page.no-sidebar .content-area, .single.no-sidebar .content-area, .no-sidebar:not(.home) #content.site-content>.wrapper .content-area { padding: 0 50px; } .section { padding: 0 0 63px 0; } .testimonial-content-section+.section:not(.stats-section):not(.promotion-section):not(.why-choose-us-section), .promotion-section+.section:not(.stats-section):not(.testimonial-content-section):not(.why-choose-us-section), .why-choose-us-section+.section:not(.stats-section):not(.testimonial-content-section), .site-content+.section:not(.stats-section):not(.promotion-section):not(.why-choose-us-section), .section.stats-section.no-section-heading, .section.why-choose-us-section.no-section-heading, .section.testimonial-content-section.no-section-heading, #logo-slider-section.no-section-heading, .promotion-section, .contact-section, .skill-section.has-background-image, .header-media+.section:not(.stats-section):not(.promotion-section):not(.why-choose-us-section), .feature-slider-section+.section:not(.stats-section):not(.promotion-section):not(.why-choose-us-section), #footer-newsletter+.section:not(.stats-section):not(.promotion-section):not(.why-choose-us-section), .logo-slider-section+.section:not(.stats-section):not(.promotion-section):not(.why-choose-us-section) { padding-top: 105px; } #footer-newsletter .widget { padding: 105px 50px; } .section.stats-section, .section.testimonial-content-section, .why-choose-us-section { padding-top: 63px; } .entry-breadcrumbs, .woocommerce .woocommerce-breadcrumb { padding-left: 50px; padding-right: 50px; } .archive-posts-wrapper .section-content-wrapper .entry-header .entry-title+.entry-meta { margin-top: 21px; } .archive-posts-wrapper .section-content-wrapper .entry-header .entry-meta { margin-top: 0px; } .archive-posts-wrapper .section-content-wrapper .entry-title, .entry-meta { margin-bottom: 21px; } .archive-post-wrap .hentry .entry-container { padding: 20px 50px; } .demo_store { padding-left: 50px; } .contact-us-form form { margin-top: 35px; } .custom-header-media .custom-header-form { width: 480px; right: 50px; } #contact-section .section-content-wrapper { padding: 0 30px; } .events-content-wrapper .entry-summary, aside.footer-widget-area a { font-size: 18px; font-size: 1.125rem; } body #playlist-section .wp-playlist { margin-top: 28px; } .section-content-wrapper { padding: 0 30px; } .inner-section-content-wrapper { padding: 0 50px 42px; } .filter-button-group { padding-left: 50px; padding-right: 50px; } .section-content-wrapper .entry-summary, .section-description, .section-content-wrapper .entry-content, .more-button { margin-top: 28px; } .section-content-wrapper .post-thumbnail { margin-bottom: 28px; } .two-columns-layout.single-product ul.products.columns-4 li.product:nth-child(4n+1) { clear: none; } .two-columns-layout.single-product ul.products.columns-4 li.product:nth-child(2n+1) { clear: none; } #testimonial-content-section .entry-title, #testimonial-content-section .entry-content, #testimonial-content-section .entry-summary, .footer-contact p { font-size: 21px; font-size: 1.3125rem; } #testimonial-content-section .section-content-wrapper .entry-summary, #testimonial-content-section .section-content-wrapper .entry-content { margin: 0 0 28px; } #primary-search-wrapper>.social-navigation { display: block; } .comment-respond { padding: 42px 56px; } .entry-content h4, .entry-summary h4, .comment-content h4, .textwidget h4 { font-size: 26px; font-size: 1.635rem; } #site-generator .social-navigation a, .entry-content h3, .entry-summary h3, .comment-content h3, .textwidget h3 { font-size: 30px; font-size: 1.875rem; } .woocommerce-posts-wrapper .entry-title, .woocommerce .related.products>h2, .entry-content h2, .entry-summary h2, .comment-content h2, .textwidget h2 { font-size: 36px; font-size: 1.95rem; } .home .header-media .entry-title, #feature-slider-section .entry-title, .entry-content h1, .entry-summary h1, .comment-content h1, .textwidget h1, .header-media .section-title, .singular-content-wrap .entry-title, .page-title { font-size: 42px; font-size: 2.625rem; } .single .site-main .entry-header, .page .site-main .entry-header, .archive .page-header, .error404 .page-header, .search .page-header, .woocommerce-products-header { margin-bottom: 63px; } .stats-section .section-content-wrapper:before, .logo-slider-section .section-content-wrapper:before { width: calc(100% - 100px); } .two-columns-layout .site-content+.section:nth-child(odd):not(.logo-slider-section) { padding-top: 10px; } .footer-contact { margin-top: 49px; } .two-columns-layout .site-content>.wrapper, .full-width-layout .site-content>.wrapper { padding: 70px 30px; } .archive:not(.woocommerce) .site-content>.wrapper, .home:not(.page):not(.post) .site-content>.wrapper, .blog .site-content>.wrapper { padding: 70px 0 0 0; } .home.two-columns-layout .site-content>.wrapper { padding-bottom: 70px; padding-top: 70px; } .author-info { margin-top: 56px; } #footer-instagram .widget-title { margin: 70px auto 42px; } #gallery-section .tiled-gallery .tiled-gallery-item a:after { font-size: 20px; font-size: 1.25rem; height: 50px; padding: 15px; width: 50px; } caption, th, td, table.shop_table_responsive tr td { padding: 0.778em 1.556em; } .site-header-main .wrapper { padding-left: 50px; padding-right: 50px; } button, .more-link, .button, input[type="button"], input[type="reset"], input[type="submit"], .posts-navigation a, #content #infinite-handle span button, .catch-instagram-feed-gallery-widget-wrapper .button, .header-media .more-link, #feature-slider-section .more-link, #hero-section .more-link, .promotion-section .more-link { padding: 14px 35px; } .more-link { display: block; margin: 0 auto; width: 240px; } .hero-section.content-align-left .entry-container { padding-right: 70px; } .hero-section.content-align-right .entry-container { padding-left: 70px; } .hero-content-wrapper .entry-container { padding-bottom: 70px; padding-top: 70px; } .contact-content-wrapper .contact-info-details { font-size: 21px; font-size: 1.3125rem; } #contact-section .section-content-wrapper .entry-summary, #contact-section .section-content-wrapper .entry-content, .contact-us-form form { margin: 35px 0 0; } #contact-section .layout-two .hentry.contact-info-with-social { flex: 1 1 30%; max-width: 30%; } #contact-section .layout-two .hentry.contact-us-form { flex: 1 1 70%; max-width: 70%; } .skill-section .section-content-wrapper { padding: 81px 50px 36px 50px; } #testimonial-content-section .owl-prev { left: 25px; } #testimonial-content-section .owl-next { right: 25px; } } /*-------------------------------------------------------------- ## Ultra Wide --------------------------------------------------------------*/ /** * 8.8 - >= 1660px */ @media only screen and (min-width: 103.75em) { .is-open .menu-inside-wrapper { right: 3%; } .hero-section.content-align-left .entry-container { padding-right: 118px; } .hero-section.content-align-right .entry-container { padding-left: 118px; } .custom-header, header+.site-content { padding-top: 131px; } .stats-section .section-content-wrapper:before, .logo-slider-section .section-content-wrapper:before { width: calc(100% - 280px); } body { font-size: 21px; font-size: 1.3125rem; } div#primary-menu-wrapper .menu-toggle { width: 100px; } .site-header-logo, .slider-content-wrapper .title-image { max-width: 100%; } .sidebar .widget .widget-wrap { padding: 49px 55px; } .comments-area { padding-top: 70px; margin-top: 70px; } .footer-widget-area { padding: 42px 0 0; } #testimonial-content-section .section-content-wrapper .hentry-inner .entry-container, .team-content-wrapper .entry-container, .featured-content-section .entry-container { padding: 42px; } #hero-section .hentry .entry-container blockquote { display: inline-block; } .full-width-layout .archive-post-wrap .hentry .hentry .post-thumbnail-background+.entry-container { padding: 320px 50px; padding-right: 140px; } .above-footer { padding-top: 70px; } .widget-column+.above-footer { padding-top: 28px; } .archive-posts-wrapper .entry-meta a { font-size: 16px; font-size: 1rem; } .single .site-main .entry-header, .page .site-main .entry-header, .archive .page-header, .error404 .page-header, .search .page-header, .woocommerce-products-header { margin-bottom: 20px; } ul.products li.product .price, .menu-toggle-close, .dropdown-toggle, .search-submit:before { font-size: 18px; font-size: 1.125rem; } .site-header .wrapper { padding-bottom: 21px; padding-top: 21px; } .site-title { font-size: 28px; font-size: 1.75rem; } .entry-content h1, .entry-summary h1, .comment-content h1, .textwidget h1 { font-size: 58px; font-size: 3.625rem; } .home .header-media .section-title, #feature-slider-section .section-title { font-size: 56px; font-size: 3.5rem; } .home .header-media .section-title, #feature-slider-section .section-title { line-height: 1.25; } .custom-header-content-wrapper { width: 520px; } #footer-instagram .widget-title, .home .header-media .entry-title, .slider-content-wrapper .entry-title, .page-title, .page .site-main .entry-title, .single .site-main .entry-title .singular-content-wrap .entry-title, .entry-content h2, .entry-summary h2, .comment-content h2, .textwidget h2 { font-size: 42px; font-size: 1.7rem; } .entry-content h3, .entry-summary h3, .comment-content h3, .textwidget h3 { font-size: 32px; font-size: 2rem; } .entry-content h4, .entry-summary h4, .comment-content h4, .textwidget h4, .post-navigation .nav-links, .custom-header-content .site-header-text, #feature-slider-section .entry-summary, #feature-slider-section .entry-content, .comment-reply-title, ul.products li.product .woocommerce-loop-product__title, .comments-title, .comment-reply-title, .entry-title { font-size: 24px; font-size: 1.5rem; } .entry-content h5, .entry-summary h5, .comment-content h5, .textwidget h5, aside.footer-widget-area .widget, .author-description .author-title, .author-description .author-title { font-size: 21px; font-size: 1.3125rem; } #footer-instagram .widget-title { margin: 84px auto 42px; } .site-footer-menu .wrapper>#social-footer-navigation { margin-bottom: 70px; } .contact-us-form form { margin-top: 46px; } .custom-header-media .custom-header-form { max-height: 600px; } .home .header-media .entry-title, #feature-slider-section .entry-title { font-weight: 700; } .archive-post-wrap .entry-container { padding: 35px; } #footer-menu-section .wrapper { padding: 0 30px; } .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt { padding: 14px 35px; } #skill-section .section-heading-wrapper { padding-bottom: 70px; } .section:not(.testimonial-content-section):not(.stats-section):not(.why-choose-us) .section-heading-wrapper, .filter-button-group { padding-bottom: 56px; } .section-content-wrapper .entry-summary, .section-content-wrapper .entry-content, .more-button, .contact-us-form form { margin-top: 35px; } #testimonial-content-section .section-content-wrapper .entry-summary, #testimonial-content-section .section-content-wrapper .entry-content { margin: 0 0 35px; } .skill-section .section-content-wrapper { padding-left: 81px; padding-right: 81px; } .custom-header-form { padding: 49px; width: 480px; } } /*-------------------------------------------------------------- ## Ultra Wide --------------------------------------------------------------*/ /** * 8.9 - >= 1920px */ /*-------------------------------------------------------------- # Colors --------------------------------------------------------------*/ /** * 10.0 - Color */ /* Background Color */ body { background-color: #fff; } /* Page Background Color */ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select, :not(.home).navigation-classic .main-navigation a:before, .home.navigation-classic .main-navigation a:before, .custom-header-form, header.site-header.transparent.fixed, .demo_store .woocommerce-store-notice__dismiss-link, .promotion-headline-wrapper.section .section-content-wrap .inner-container .more-button .more-link:hover, .promotion-headline-wrapper.section .section-content-wrap .inner-container .more-button .more-link:focus, #testimonial-content-section .owl-prev, #testimonial-content-section .owl-next, .select2-container--default .select2-selection--single, .screen-reader-text:focus, .boxed-layout .site, .why-choose-us-section .hentry .entry-container, .ui-state-active, #testimonial-content-section .section-content-wrapper .hentry-inner, .site-header-cart .cart-contents .count, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background-color: #fff; } /* Secondary Background Color */ .footer-newsletter input:not([type="submit"]), .custom-header-form input:not([type="submit"]), .custom-header-form textarea, .team-content-wrapper .entry-container, .featured-content-section .entry-container, .testimonial-content-section, .skill-section .section-content-wrapper, .promotion-section, .why-choose-us-section, table thead, .sidebar .widget-wrap, #primary-search-wrapper .menu-inside-wrapper, .menu-inside-wrapper, .mobile-social-search, mark, ins, .custom-header, ul.tabs.wc-tabs li.active a, .woocommerce-Tabs-panel, .shop_table thead th, ul.wc_payment_methods.payment_methods.methods li, .comment-respond, .widget_shopping_cart, pre, .widget .ui-tabs .ui-tabs-panel { background-color: #F8F6F7B5; } #testimonial-content-section .section-content-wrapper .entry-summary:before, #testimonial-content-section .section-content-wrapper .entry-content:before, #hero-section .hentry .entry-container blockquote:before { color: #eef2f6; } #testimonial-content-section .owl-prev, #testimonial-content-section .owl-next { border-color: #eef2f6; } @media only screen and (min-width: 64em) { .navigation-classic .site-header .sub-menu, .navigation-classic .site-header .children { background-color: #eef2f6; } } /* Inner Header Background Color for Inner Pages */ .site-header { background-color: #36C3F3; } /* Skills bar */ .skillbar-bar:before { background-image: linear-gradient(to left, #f38942, #ea3a60); } /* Main Text Color */ body, input, select, optgroup, textarea, table a, blockquote, #site-header-cart-wrapper a.cart-contents, .navigation-classic header.fixed .main-navigation .nav-menu>li>a, header.fixed button.menu-toggle, header.fixed button.menu-toggle .menu-label, header.fixed #site-header-cart-wrapper a.cart-contents, .fixed .site-title a, .fixed .site-description, .custom-header-content-wrapper .more-link, .skill-section.has-background-image .entry-summary, .skill-section.has-background-image .entry-content, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], #promotion-section .play-video .play-button:hover:before, #promotion-section .play-video .play-button:focus:before, .entry-container .entry-content, .entry-container .entry-summary { color: #060606; } /* Header Text Color */ .site-title a, .site-description { color: #ffffff; } /* Headline Text Color */ h1, h2, h3, h4, h5, h6, .custom-header .entry-breadcrumbs a, .skill-section.has-background-image .section-heading-wrapper .section-title, .portfolio-content-wrapper .filter-button-group button, .testimonial-content-section.section .owl-carousel .owl-nav button.owl-next, .testimonial-content-section.section .owl-carousel .owl-nav button.owl-prev, .skill-section.has-background-image .entry-container .section-title, .skill-section.has-background-image .entry-container .section-description, .product-container a.button, .author-name, .comment-reply-link, .author-title, .comment-respond .comment-form p label, .section-title, .portfolio-section-headline .section-title, .entry-title a, .drop-cap:first-letter { color: #060606; } /* Tertiary background */ #colophon, #gallery-section .gallery-item .gallery-icon a:before, #gallery-section .tiled-gallery .tiled-gallery-item a:before, .owl-carousel .owl-dots button.owl-dot span { background-color: #131218; } /* Link Color */ a, .service-section .more-link, .stats-section p:not(.view-more) .more-link, .featured-content-section .more-link, .sidebar .widget-wrap p, .sidebar .widget-wrap li a, .dropdown-toggle, .site-header-menu .menu-inside-wrapper .nav-menu li button, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .social-search-wrapper .menu-social-container li a, .menu-social-container a, .sidebar nav.social-navigation ul li a:hover, .sidebar nav.social-navigation ul li a:focus, .screen-reader-text:focus, td#today, .site-title a:hover, .site-title a:focus, #stats-section .entry-title a:hover, #stats-section .entry-title a:focus, .toggled-on.active:before, .comment-respond .comment-form p.is-focused label, .contact-section.section .section-content-wrap .hentry .entry-container .stay-connected .social-links-menu li a, .nav-title, .post-title, .woocommerce.has-header-image .woocommerce-breadcrumb a:hover, .woocommerce.has-header-image .woocommerce-breadcrumb a:focus, .comments-title, .comment-reply-title, .widget_recent_entries li a { color: #111111; } /* Link Hover Color */ .feature-slider-wrapper .entry-container .entry-title span:hover, .feature-slider-wrapper .entry-container .entry-title span:focus, .service-section .more-link:hover, .service-section .more-link:focus, .has-header-image .custom-header .catch-breadcrumb .entry-breadcrumbs a:hover, .has-header-image .custom-header .catch-breadcrumb .entry-breadcrumbs a:focus, .custom-header .entry-breadcrumbs a:hover, .custom-header .entry-breadcrumbs a:focus, .has-header-image .custom-header-content .site-header-text .entry-meta a:hover, .has-header-image .custom-header-content .site-header-text .entry-meta a:focus, .header-media .custom-header-content-wrapper .more-link:hover, .header-media .custom-header-content-wrapper .more-link:focus, .stats-section p:not(.view-more) .more-link:hover, .stats-section p:not(.view-more) .more-link:focus, .featured-content-section .more-link:hover, .featured-content-section .more-link:focus, p.stars:hover a:before, p.stars:focus a:before, .star-rating span:before, p.stars.selected a.active:before, p.stars.selected a:not(.active):before, p.stars.selected a.active~a:before, p.stars a:hover~a:before, p.stars a:focus~a:before, header.fixed button.menu-toggle:hover .menu-label, header.fixed button.menu-toggle:focus .menu-label, .site-header-cart .cart-contents:hover .count, .site-header-cart .cart-contents:focus .count, .menu-inside-wrapper .main-navigation>.nav-menu>.current_page_item>a, .navigation-default .menu-inside-wrapper .main-navigation>.nav-menu .current_page_item>a, #reviews .comment-respond .comment-form-rating .stars span a.active:before, .page-numbers.current, .breadcrumb-current, .page-links .current, .navigation-classic .main-navigation ul ul .current_page_item>a, .navigation-classic .main-navigation ul ul .current-menu-item>a, #site-header-cart-wrapper a.cart-contents .count, #reviews .comment-respond .comment-form-rating .stars.selected span a:not(.active):before {} a:hover, a:focus, .home.absolute-header .site-title a:hover, .home.absolute-header .site-title a:focus, .site-info a:hover, .site-info a:focus, .post-title:hover, .post-title:focus, .play-button-text:hover, .play-button-text:focus, .sidebar .widget-wrap li a:hover, .sidebar .widget-wrap li a:focus, .woocommerce .woocommerce-breadcrumb a:hover, .woocommerce .woocommerce-breadcrumb a:focus, .has-background-image .woocommerce-loop-product__title:hover, .has-background-image .woocommerce-loop-product__title:focus, .has-background-image .entry-container .entry-meta a:hover, .has-background-image .entry-container .entry-meta a:focus, .has-background-image .entry-container .entry-title a:hover, .has-background-image .entry-container .entry-title a:focus, .single footer .entry-meta a:hover, .single footer .entry-meta a:focus, #site-footer-navigation li a:hover, #site-footer-navigation li a:focus, #social-footer-navigation li a:hover, #social-footer-navigation li a:focus, .has-background-image .entry-title a:hover, .has-background-image .entry-title a:focus, .has-background-image .entry-meta a:hover, .has-background-image .entry-meta a:focus, .archive-post-wrap .hentry:nth-child(2n) .entry-title a:hover, .archive-post-wrap .hentry:nth-child(2n) .entry-title a:focus, .archive-post-wrap .hentry:nth-child(2n) .entry-meta a:hover, .archive-post-wrap .hentry:nth-child(2n) .entry-meta a:focus, .team-content-wrapper .entry-container .entry-title a:hover, .team-content-wrapper .entry-container .entry-title a:focus, .team-content-wrapper .entry-container .entry-meta a:hover, .team-content-wrapper .entry-container .entry-meta a:focus, .team-content-wrapper .entry-container .social-navigation a:hover, .team-content-wrapper .entry-container .social-navigation a:focus, .wp-playlist-tracks .wp-playlist-caption:hover, .wp-playlist-tracks .wp-playlist-caption:focus, #service-section .entry-title a:hover, #service-section .entry-title a:focus, #site-header-cart-wrapper a.cart-contents:hover, #site-header-cart-wrapper a.cart-contents:focus, .woocommerce-loop-product__title:hover, .woocommerce-loop-product__title:focus, span.price span.woocommerce-Price-amount:hover, span.price span.woocommerce-Price-amount:focus, .events-content-wrapper .entry-meta a:hover, .events-content-wrapper .entry-meta a:focus, .widget_recent_entries li a:hover, .widget_recent_entries li a:focus, .menu-inside-wrapper .main-navigation .nav-menu ul>li>a:hover, .menu-inside-wrapper .main-navigation .nav-menu ul>li>a:focus, button.dropdown-toggle:hover, button.dropdown-toggle:focus, .site-header-menu .menu-inside-wrapper .nav-menu li button:hover, .site-header-menu .menu-inside-wrapper .nav-menu li button:focus, .portfolio-content-wrapper .hentry .entry-container a:hover, .portfolio-content-wrapper .hentry .entry-container a:focus, button#wp-custom-header-video-button:hover, button#wp-custom-header-video-button:focus, .widget .ui-state-default a:hover, .widget .ui-state-default a:focus, .widget .ui-widget-content .ui-state-default a:hover, .widget .ui-widget-content .ui-state-default a:focus, .widget .ui-widget-header .ui-state-default a:hover, .widget .ui-widget-header .ui-state-default a:focus, body .site-header .site-header-main .site-header-menu .menu-inside-wrapper .main-navigation .nav-menu ul .current_page_item>a:hover, body .site-header .site-header-main .site-header-menu .menu-inside-wrapper .main-navigation .nav-menu ul .current_page_item>a:focus, .tag-cloud-link:hover, .tag-cloud-link:focus, .nav-title:hover, .nav-title:focus, .menu-social-container a:hover, .menu-social-container a:focus, .slider-content-wrapper .entry-container .entry-container-wrap .entry-title a:hover, .slider-content-wrapper .entry-container .entry-container-wrap .entry-title a:focus, .portfolio-content-wrapper .hentry .entry-container a:hover, .portfolio-content-wrapper .hentry .entry-container a:focus, .portfolio-content-wrapper .hentry .entry-container .entry-meta time:hover, .portfolio-content-wrapper .hentry .entry-container .entry-meta time:focus, .social-search-wrapper .menu-social-container li a:hover, .social-search-wrapper .menu-social-container li a:focus, .sidebar .widget-wrap .more-link:hover, .sidebar .widget-wrap .more-link:focus, .featured-content-section .hentry .more-link:hover, .featured-content-section .hentry .more-link:focus, #portfolio-content-section .more-link:hover, #portfolio-content-section .more-link:focus, .author a:hover, .author a:focus, .entry-title a:hover, .entry-title a:focus, .site-footer td#prev a:hover, .site-footer td#prev a:focus, .site-footer td#next a:hover, .site-footer td#next a:focus, .comment-reply-link:hover, .comment-reply-link:focus, aside.footer-widget-area a:hover, aside.footer-widget-area a:focus, .portfolio-content-wrapper .filter-button-group button:hover, .portfolio-content-wrapper .filter-button-group button:focus, .author-section-title:hover, .author-section-title:focus, .comment-permalink:hover, .comment-permalink:focus, .comment-edit-link:hover, .comment-edit-link:focus, .nav-subtitle:hover, .nav-subtitle:focus, .entry-meta a:hover, .entry-meta a:focus, .scroll-down:hover, .scroll-down:focus, .testimonials-content-wrapper.section.testimonial-wrapper .entry-title a:hover, .testimonials-content-wrapper.section.testimonial-wrapper .entry-title a:focus, #site-generator .menu-social-container a:hover, #site-generator .menu-social-container a:focus, .widget-wrap li a:hover, .widget-wrap li a:focus, #site-header-cart-wrapper a.cart-contents:hover, #site-header-cart-wrapper a.cart-contents:focus, #featured-content-section .section-content-wrapper .hentry .more-link:hover, #featured-content-section .section-content-wrapper .hentry .more-link:focus, .service-section .hentry .more-link:hover, .service-section .hentry .more-link:focus, #portfolio-content-section .hentry .more-link:hover, #portfolio-content-section .hentry .more-link:focus, #service-section.has-background-image .hentry .more-link:hover, #service-section.has-background-image .hentry .more-link:focus, #stats-section .hentry .more-link:hover, #stats-section .hentry .more-link:focus, #service-section .hentry .more-link:hover, #service-section .hentry .more-link:focus, .navigation.pagination a:hover, .navigation.pagination a:focus, .breadcrumb a:hover, .breadcrumb a:focus, header.fixed button.menu-toggle:hover, header.fixed button.menu-toggle:focus, header.fixed #site-header-cart-wrapper a.cart-contents:hover, header.fixed #site-header-cart-wrapper a.cart-contents:focus, header.fixed .site-title a:hover, header.fixed .site-title a:focus, aside.footer-widget-area .social-navigation a:hover, aside.footer-widget-area .social-navigation a:focus, .archive-content-wrap .section-content-wrapper.layout-one .entry-container>.entry-meta .posted-on a:hover, .archive-content-wrap .section-content-wrapper.layout-one .entry-container>.entry-meta .posted-on a:focus { color: #2C39AA; } /* Secondary Link Color */ ins, input::placeholder, textarea::placeholder, .entry-meta a, .testimonial-content-section .entry-meta span, .onsale, .job-label, .entry-breadcrumbs a, .woocommerce.woocommerce-active .woocommerce-breadcrumb a, p.stars a, .single footer .entry-meta a, p.stars a:before, .controller:before, .tag-cloud-link, .select2-results__option, body.no-header-media-image .site-header .site-header-main .site-header-menu .menu-inside-wrapper .main-navigation .nav-menu .current_page_item>a, #footer-newsletter .wrapper .section-description, .widget-wrap span.post-date, .contact-section .entry-container a, .archive .section-content-wrapper .more-link .readmore, .faq-section .hentry .more-link, .team-section .hentry .more-link, .testimonials-content-wrapper.section.testimonial-wrapper .cycle-prev:before, .testimonials-content-wrapper.section.testimonial-wrapper .cycle-prev:after, .testimonials-content-wrapper.section.testimonial-wrapper .cycle-next:before, .clients-content-wrapper .controller .cycle-pager span, .testimonials-content-wrapper .cycle-pager:after, .slider-content-wrapper .entry-container .entry-container-wrap .entry-summary, .testimonials-content-wrapper .entry-title a, .testimonials-content-wrapper.section.testimonial-wrapper .hentry, .scrollup a:hover:before, .scrollup a:focus:before, .sidebar .widget-wrap .more-link, .promotion-headline-wrapper.section .section-content-wrap .inner-container .more-button .more-link:hover, .promotion-headline-wrapper.section .section-content-wrap .inner-container .more-button .more-link:focus, .archive-content-wrap .section-content-wrapper.layout-one .entry-container>.entry-meta .posted-on a, .team-section .entry-meta, .author-label, .author-section-title, .comment-permalink, .comment-edit-link, .entry-title span, .nav-subtitle, .nav-menu .menu-item-has-children>a:before, .nav-menu .menu_item_has_children>a:before, input, select, optgroup, textarea, aside.footer-widget-area .widget, aside.footer-widget-area svg, aside.footer-widget-area a, .site-info, .product-content-section span.woocommerce-Price-amount, .catch-breadcrumb .entry-breadcrumbs, .catch-breadcrumb .woocommerce-breadcrumb, .vcard, .position, .entry-meta a, .section-description-wrapper, .section-title-wrapper+.section-description, .section-heading-wrapper>.section-description, .section-title+.section-description { color: #999999; } /* Button Background Color */ .feature-slider-wrapper a.more-link, .more-link, .button, .navigation-classic .main-navigation a:before, :not(.home).navigation-classic .fixed .main-navigation a:before, .absolute-header.navigation-classic .fixed .main-navigation a:before, .home.navigation-classic .fixed .main-navigation a:before, .absolute-header.navigation-classic .main-navigation a:before, .demo_store, .entry-content button, .entry-summary button, button, #scrollup, .portfolio-content-wrapper .filter-button-group button.is-checked, .slider-content-wrapper .controllers .cycle-prev, .slider-content-wrapper .controllers .cycle-next, input[type="submit"], button[type="submit"], .scrollup a, .sticky-post, #team-dots li.active:after, #team-content-section .team-content-wrapper.owl-carousel .owl-nav button:hover, #team-content-section .team-content-wrapper.owl-carousel .owl-nav button:focus, .wp-block-button__link, #infinite-handle .ctis-load-more button, .menu-inside-wrapper #site-header-cart-wrappe li>a, .contact-section .entry-container ul.contact-details li .fa, nav.navigation.posts-navigation .nav-links a, .woocommerce-pagination ul.page-numbers li .page-numbers.current, .archive-content-wrap .pagination .page-numbers.current, .cart-collaterals .shop_table.shop_table_responsive .cart-subtotal, .catch-instagram-feed-gallery-widget-wrapper .button, .sticky-label, .logo-slider-section .owl-dots .owl-dot span, .onsale, #testimonial-content-section .owl-prev:hover, #testimonial-content-section .owl-prev:focus, #testimonial-content-section .owl-next:hover, #testimonial-content-section .owl-next:focus, #feature-slider-section .owl-nav button:hover, #feature-slider-section .owl-nav button:focus, .logo-slider-section .owl-carousel .owl-nav .owl-prev:hover, .logo-slider-section .owl-carousel .owl-nav .owl-prev:focus, .logo-slider-section .owl-carousel .owl-nav .owl-next:hover, .logo-slider-section .owl-carousel .owl-nav .owl-next:focus, .widget-area:not(.sidebar) .widget .widget-title:after { background-color: #69BF8F; } #stats-section .entry-title a, .entry-title .sub-title, .section-subtitle, .section-title-wrapper+.section-subtitle, .section-heading-wrapper>.section-subtitle, .logo-slider-section:hover button:hover:before, .logo-slider-section:hover button:focus:before, .skill-section.has-background-image .section-heading-wrapper>.section-subtitle, .section-heading-wrapper .sub-title, .section-heading-wrapper .entry-title span { color: #ea3a60; } blockquote, .owl-carousel .owl-dots button.owl-dot.active span, .team-content-wrapper.section-content-wrapper .hentry-inner .entry-container, #hero-section .hentry .entry-container blockquote, .logo-slider-section .owl-prev:hover, .logo-slider-section .owl-prev:focus, .logo-slider-section .owl-next:hover, .logo-slider-section .owl-next:focus, .woocommerce .products .product-container .button, .logo-slider-section .owl-dots .owl-dot.active span { border-color: #ea3a60; } /* Button Text Color */ .more-link, .entry-content button, .entry-summary button, .slider-content-wrapper .controllers .cycle-prev, .slider-content-wrapper .controllers .cycle-next, button, #scrollup, #primary-search-wrapper .search-container button, input[type="submit"], .button, .scroll-down, .scrollup a:before, .page-numbers:hover, .page-numbers:focus, button[type="submit"], button#wp-custom-header-video-button, #infinite-handle .ctis-load-more button, nav.navigation.posts-navigation .nav-links a, .woocommerce-pagination ul.page-numbers li:hover, .archive-content-wrap .pagination .page-numbers:hover, .archive-content-wrap .pagination .page-numbers:focus, .woocommerce-pagination ul.page-numbers li:focus, .archive-content-wrap .pagination .page-numbers.current, .woocommerce-pagination ul.page-numbers li .page-numbers.current, #portfolio-content-section .entry-container, .contact-details li .fa, .slider-content-wrapper #featured-slider-prev:hover:before, .slider-content-wrapper #featured-slider-next:hover:before, .slider-content-wrapper #featured-slider-prev:focus:before, .slider-content-wrapper #featured-slider-next:focus:before, #team-content-section .team-content-wrapper.owl-carousel .owl-nav button:hover:before, #team-content-section .team-content-wrapper.owl-carousel .owl-nav button:focus:before, .nav-menu .menu-item-has-children>a:hover:before, .nav-menu .menu-item-has-children>a:focus:before, .nav-menu .menu_item_has_children>a:hover:before, .nav-menu .menu_item_has_children>a:focus:before, .contact-section .entry-container ul.contact-details li .fa, .onsale, .cart-collaterals .shop_table.shop_table_responsive .cart-subtotal, .contact-section .section-content-wrap .hentry .entry-container .stay-connected .social-links-menu li:hover a, .contact-section .section-content-wrap .hentry .entry-container .stay-connected .social-links-menu li:focus a { color: #fff; } /* Tertiary link color */ .has-header-image .custom-header-content-wrapper .more-link, .feature-slider-wrapper .entry-container .entry-title, .feature-slider-wrapper .entry-container .entry-title span, .feature-slider-wrapper .entry-container .entry-summary, .feature-slider-wrapper .entry-container .entry-content, .has-header-image .custom-header-content .site-header-text, .has-header-image .custom-header-content .site-header-text .entry-meta a, .has-header-image .custom-header-content .section-title, button.menu-toggle, .site-header-cart .cart-contents, .menu-toggle, .menu-label, .section .owl-carousel .owl-nav button.owl-next, .section .owl-carousel .owl-nav button.owl-prev { color: #ffffff; } @media only screen and (min-width: 75em) { .navigation-classic .main-navigation .nav-menu>li>a { color: #ffffff; } } .menu-toggle:hover .menu-label, .menu-toggle:focus .menu-label { color: #ffffff; } @media only screen and (min-width: 48em) { .has-header-image #site-header-cart-wrapper a.cart-contents:hover, .has-header-image #site-header-cart-wrapper a.cart-contents:focus, #site-header-cart-wrapper a.cart-contents:hover, #site-header-cart-wrapper a.cart-contents:focus, button.menu-toggle:hover, button.menu-toggle:focus { color: #ffffff; } #site-header-cart-wrapper a.cart-contents { color: #ffffff; } } /* Button Hover Text Color */ .more-link:hover, .more-link:focus, button:hover, button:focus, .button:hover, .button:focus, .entry-content button:hover, .entry-content button:focus, .entry-summary button:hover, .entry-summary button:focus, #social-search-toggle svg:hover, #social-search-toggle svg:focus, input[type="submit"]:hover, input[type="submit"]:focus, button[type="submit"]:hover, button[type="submit"]:focus, #primary-search-wrapper .search-container button:hover, #primary-search-wrapper .search-container button:focus, #infinite-handle .ctis-load-more button:hover, #infinite-handle .ctis-load-more button:focus, nav.navigation.posts-navigation .nav-links a:hover, nav.navigation.posts-navigation .nav-links a:focus, .catch-instagram-feed-gallery-widget-wrapper .instagram-button .button:hover, .catch-instagram-feed-gallery-widget-wrapper .instagram-button .button:focus, .contact-section .section-content-wrap .hentry .entry-container .stay-connected .social-links-menu li:hover, .contact-section .section-content-wrap .hentry .entry-container .stay-connected .social-links-menu li:focus, .catch-instagram-feed-gallery-widget-wrapper .instagram-button .button:hover, .catch-instagram-feed-gallery-widget-wrapper .instagram-button .button:focus, .feature-slider-wrapper .entry-summary a:hover, .feature-slider-wrapper .entry-summary a:focus, #contact-section input[type="submit"]:hover, #contact-section input[type="submit"]:focus, .logo-slider-section .owl-prev:hover, .logo-slider-section .owl-prev:focus, .logo-slider-section .owl-next:hover, .logo-slider-section .owl-next:focus, .product-container a.button:hover, .product-container a.button:focus, #scrollup:hover, #scrollup:focus { color: #fff; } .scrollup a:hover:before, .scrollup a:focus:before { color: #fff; } @media only screen and (min-width: 75em) { .menu-inside-wrapper .main-navigation>.nav-menu>.current_page_item>a { color: #fff; } } /* Button Hover Background Color */ .more-link:hover, .more-link:focus, .button:hover, .button:focus, #contact-section.has-background-image input[type="submit"]:hover, #contact-section.has-background-image input[type="submit"]:focus, #scrollup:hover, #scrollup:focus, button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus, .scrollup a:hover, .scrollup a:focus, .logo-slider-section .owl-prev:hover, .logo-slider-section .owl-prev:focus, .logo-slider-section .owl-next:hover, .logo-slider-section .owl-next:focus, button[type="submit"]:hover, button[type="submit"]:focus, .wp-block-button__link:hover, .wp-block-button__link:focus, .woocommerce .products .product-container .button:hover, .woocommerce .products .product-container .button:focus, #infinite-handle .ctis-load-more button:hover, #infinite-handle .ctis-load-more button:focus, .slider-content-wrapper .cycle-next:hover, .slider-content-wrapper .cycle-next:focus, .slider-content-wrapper .cycle-prev:hover, .slider-content-wrapper .cycle-prev:focus, .contact-section .section-content-wrap .hentry .entry-container .stay-connected .social-links-menu li:hover, .contact-section .section-content-wrap .hentry .entry-container .stay-connected .social-links-menu li:focus, nav.navigation.posts-navigation .nav-links a:hover, nav.navigation.posts-navigation .nav-links a:focus, .woocommerce-pagination ul.page-numbers li .page-numbers:hover, .woocommerce-pagination ul.page-numbers li .page-numbers:focus, .archive-content-wrap .pagination .page-numbers:hover, .archive-content-wrap .pagination .page-numbers:focus, .catch-instagram-feed-gallery-widget-wrapper .instagram-button .button:hover, .catch-instagram-feed-gallery-widget-wrapper .instagram-button .button:focus, .feature-slider-wrapper .entry-summary a:hover, .feature-slider-wrapper .entry-summary a:focus, #contact-section input[type="submit"]:hover, #contact-section input[type="submit"]:focus, #feature-slider-section .more-link:hover, #feature-slider-section .more-link:focus { background-color: #333333; } /* Border Color */ nav.navigation, div#site-generator:before, .woocommerce-ordering select, #stats-section .section-content-wrapper:before, .logo-slider-section .section-content-wrapper:before, .site-content .archive-posts-wrapper .posts-navigation .nav-links .nav-previous, .woocommerce-tabs .panel, .woocommerce-tabs ul.tabs li.active a:after, .woocommerce-tabs ul.tabs:after, .calendar_wrap tbody tr:first-child, .calendar_wrap tbody tr:last-child, tfoot, tfoot tr td, .author-info, .wpcf7 div input, .wpcf7 div textarea, #promotion-section .play-button, .navigation-classic .main-navigation ul ul, .woocommerce-shorting-wrapper, .woocommerce-tabs ul.tabs.wc-tabs li, .menu-wrapper .widget_shopping_cart ul.woocommerce-mini-cart li, .entry-summary form.cart, .widget_recent_entries li, .team-section .team-content-wrapper .hentry .team-social-profile .social-links-menu, input[type="submit"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, table, caption, .sidebar.widget-area .widget-wrap, table th, table thead tr, table thead th, thead th, tbody th, tbody td, tbody tr, table.shop_table_responsive tr td, table tbody tr, table.shop_table_responsive tbody tr:last-child, .shop_table tfoot tr td, .shop_table tfoot tr th, table.shop_table.woocommerce-checkout-review-order-table .cart_item td, table.shop_table.woocommerce-checkout-review-order-table tr td, table.shop_table.woocommerce-checkout-review-order-table tr th, .rtl tbody td:last-child, .rtl table thead th:last-child, .select2-container--default .select2-selection--single, table.woocommerce-grouped-product-list.group_table, table.woocommerce-grouped-product-list.group_table td, table.variations, table.variations td, .woocommerce-pagination ul.page-numbers li .page-numbers, .archive-content-wrap .navigation.pagination .page-numbers, .woocommerce-posts-wrapper .summary.entry-summary .woocommerce-product-rating, .cart-collaterals .order-total, #payment .wc_payment_methods .payment_box, .products .product, select, header .site-header-main, abbr, acronym, .product-quantity input[type="number"], .coupon input[type="text"], .site-header-main .menu-inside-wrapper, .catch-instagram-feed-gallery-widget-wrapper .button, .site-header-cart .widget_shopping_cart, .woocommerce-grouped-product-list tr, .mobile-social-search, .widget .ui-tabs .ui-tabs-panel, .site-header-menu .menu-inside-wrapper .nav-menu button:focus, header .site-header-menu .menu-inside-wrapper .main-navigation .sub-menu li:last-child, header .site-header-menu .menu-inside-wrapper .main-navigation .children li:last-child, .comment-body, .promotion-headline-wrapper.section .section-content-wrap .inner-container .more-button .more-link, .section:nth-child(2n)+.site-content, .archive-content-wrap .section-content-wrapper.layout-one .hentry .hentry-inner .entry-container>.entry-meta, .comments-area { border-color: #7575758A; } /* 99% of border color*/ .page .site-main .entry-footer .entry-meta>span:not(.edit-link), .single .site-main .entry-footer .entry-meta>span:not(.edit-link), .events-content-wrapper .hentry, .tagcloud a, textarea:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, .wpcf7 div input:focus, .wpcf7 div textarea:focus { border-color: #979797; } /* Text Color With Background */ .demo_store, .sticky-post, .team-content-section .social-links-menu li a, .scroll-down, .site-info a, #testimonial-content-section .owl-next:hover, #testimonial-content-section .owl-next:focus, #testimonial-content-section .owl-prev:hover, #testimonial-content-section .owl-prev:focus, .has-background-image#contact-section input:not([type="submit"]), .has-background-image#contact-section textarea, .has-background-image#contact-section select, .woocommerce .custom-header .woocommerce-breadcrumb a, .has-header-image .custom-header .catch-breadcrumb .entry-breadcrumbs, .has-header-image .custom-header .catch-breadcrumb .entry-breadcrumbs a, .has-header-image .custom-header .catch-breadcrumb .woocommerce-breadcrumb, .custom-header-content .entry-title .sub-title, .hero-content-wrapper.has-background-image .entry-container, .portfolio-content-wrapper .hentry .entry-container a, .portfolio-content-wrapper .hentry .entry-container .entry-meta time, .portfolio-content-wrapper .hentry .entry-container .entry-summary, .custom-header-content .entry-container, .custom-header-content .entry-container .entry-title, .ewnewsletter.has-background-image .section-title, .site-footer .widget-wrap .widget-title, .testimonials-content-wrapper.section.testimonial-wrapper.has-background-image .hentry, .testimonials-content-wrapper.section.testimonial-wrapper.has-background-image .position, .slider-content-wrapper.content-frame .entry-container .entry-title a, .slider-content-wrapper.content-frame .entry-container .entry-container-wrap .entry-summary, aside.footer-widget-area .widget-title, .has-background-image .section-title, .has-background-image .entry-container .entry-meta a, .has-background-image .entry-container .entry-title a, .has-background-image .entry-container .entry-title, .has-background-image .entry-container .entry-title span, .has-background-image .entry-container .entry-summary, .has-background-image .entry-container .entry-content, .has-background-image .woocommerce-loop-product__title, .content-color-white .entry-container .entry-title a, .content-color-white .entry-container .entry-title, .content-color-white .entry-container .entry-content, .content-color-white .entry-container .entry-summary, #promotion-section .play-button, .has-background-image .products .button, #feature-slider-section .owl-nav button:hover:before, #feature-slider-section .owl-nav button:focus:before, .playlist-content-wrapper .wp-playlist-caption, #service-section.has-background-image .hentry .more-link, #stats-section.has-background-image .hentry .more-link, .skillbar-item .skillbar-bar .skillbar-header, .portfolio-content-wrapper .filter-button-group button.is-checked, .skillbar-item .skillbar-bar .skillbar-header .entry-title, .play-button-text, aside.footer-widget-area .social-navigation a { color: #fff; } @media only screen and (min-width: 35.5em) { #skill-section.has-background-image .section-heading-wrapper .section-title, .skill-section.has-background-image .section-title-wrapper+.section-description p { color: #fff; } } .logo-slider-section .owl-carousel .owl-nav .owl-prev, .logo-slider-section .owl-carousel .owl-nav .owl-next, #feature-slider-section .owl-nav button { border-color: #fff; } @media only screen and (max-width: 900px) { .home .custom-header { background-size: cover; min-height: 250px; } } /* 82% of text color with background */ #contact-section.has-background-image .entry-content, #contact-section.has-background-image .entry-summary, .playlist-content-wrapper .wp-playlist-tracks, #social-footer-navigation li a, #site-footer-navigation li a, .footer-contact, #contact-section .entry-container .entry-content .contact-details label, #contact-section .entry-container .entry-summary .contact-details label, .has-background-image .section-description-wrapper, .has-background-image .section-title-wrapper+.section-description, .has-background-image .section-title+.section-description, .has-background-image .section-title-wrapper+.section-subtitle, .has-background-image .section-heading-wrapper>.section-description, .has-background-image .section-title+.section-description, .has-background-image .section-heading-wrapper>.section-subtitle { color: #d1d1d1; } .section-title { font-size: 36px; } #featured-content-section .section-content-wrapper .hentry .more-link, .service-section .hentry .more-link, .header-media .custom-header-content-wrapper .more-link, #stats-section .hentry .more-link, #portfolio-content-section .hentry .more-link, .sidebar .widget-wrap .more-link { background: transparent; } #featured-content-section .section-content-wrapper .hentry .more-link:hover, #featured-content-section .section-content-wrapper .hentry .more-link:focus, .service-section .hentry .more-link:hover, .service-section .hentry .more-link:focus, .header-media .custom-header-content-wrapper .more-link:hover, .header-media .custom-header-content-wrapper .more-link:focus, #stats-section .hentry .more-link:hover, #stats-section .hentry .more-link:focus, #portfolio-content-section .hentry .more-link:hover, #portfolio-content-section .hentry .more-link:focus, .sidebar .widget-wrap .more-link:hover, .sidebar .widget-wrap .more-link:focus { background: transparent; } .dropdown-toggle, #contact-section input:not([type="submit"]), #contact-section textarea, .owl-carousel .owl-dots button.owl-dot.active span, .absolute-header .site-header, .dropdown-toggle:hover, .dropdown-toggle:focus, button.menu-toggle, #menu-toggle, .menu-toggle:hover, .menu-toggle:focus, #menu-toggle:hover, #menu-toggle:focus, .team-content-wrapper.owl-carousel .owl-dots button.owl-dot span, button#wp-custom-header-video-button, .archive-content-wrap .more-link, .archive-content-wrap .more-link:hover, .archive-content-wrap .more-link:focus, .archive-content-wrap .more-button, .archive-content-wrap .more-button:hover, .archive-content-wrap .more-button:focus, .woocommerce-loop-category__title .count, .footer-widget-area .essential-widgets.ew-newsletter, .logo-slider-section .owl-dots .owl-dot.active span, #testimonial-content-section .owl-carousel button.owl-dot.active span, .portfolio-content-wrapper .filter-button-group button, #footer-newsletter+.section { background-color: transparent; } .portfolio-content-wrapper .filter-button-group button:hover { box-shadow: none; } /*# sourceMappingURL=style.css.map */ .container-list .example { padding: 10px 15px; margin: 20px auto; background-color: #fff; border-top: 1px solid #FF6600; border-bottom: 1px solid #FF6600; } .container-list .example .content { display: none; } .container-list .example .ex-button i { display: block; margin: 0 auto; color: #2547A0; text-align: center; }