AlkantarClanX12
Current Path : /home/thanudqk/128shen.com/wp-content/themes/darcie/ |
Current File : /home/thanudqk/128shen.com/wp-content/themes/darcie/style.css |
/* Theme Name: Darcie Theme URI: https://catchthemes.com/themes/darcie/ Author: Catch Themes Author URI: https://catchthemes.com/ Description: Darcie is a Free Dark Photography WordPress theme for all photo-centric websites and blogs. The theme is ideal for photographers, graphic designers, creative artists, freelancers, and more. The dark color scheme in Darcie gives your website a bold and beautiful design, making it extra charming and graceful. Dozens of specific, customizable portfolio and gallery settings have been included in the theme. With bold design and awesome features, Darcie is the best dark Photography WordPress theme to go for if you want to expose and grow your photography business without troubling your wallet. All the sections included in the theme are completely responsive and extremely easy to use. Features like Featured Content, Hero Content, Featured Slider, Services, Portfolio, Testimonials, and more have been included. The sections are easy to customize and you can tweak these sections to give your website a unique look and feel. Moreover, Darcie is mobile-ready as well. With many elements that Darcie brings to the table, you can now quickly run your ideal photo-first website. Whether you are an amateur or a professional photographer, your skills and talent will be displayed elegantly and your website will look professional and classy. For more information, check out Theme Instructions at https://catchthemes.com/themes/darcie/#theme-instructions and Demo at https://catchthemes.com/demo/darcie. Requires at least: 5.6 Tested up to: 6.5 Requires PHP: 5.6 Version: 1.2 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: grid-layout, one-column, two-columns, right-sidebar, left-sidebar, custom-background, custom-colors, 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, blog, photography, portfolio Text Domain: darcie 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 - Variables 1.1 - Color 1.2 - Fonts 1.3 - Structure 1.4 -Transition 2.0 - Normalize 3.0 - Mixin 3.1 - Mixin 4.0 Modules 4.1 - Alignments 4.2 - Blocks 4.3 - Clearings 5.0 - Forms 5.1 - Buttons 5.2 - Fields 6.0 - Navigation 6.1 - Next Previous 6.2 - Social Menu Navigation 6.3 - Menus 7.0 Typography 7.1 - Font Family 7.2 - Font Size 7.3 - Heading 8.0 Sites 8.1 - Primary 8.1.1 - Archives 8.1.2 - Comments 8.2.0 - Secondary 8.2.1 - Widget 8.3.0 - Section 8.3.1 - Header 8.3.2 - Hero Content 8.3.3 - Promotional 8.3.4 - Testimonials 8.3.5 - Blog 8.3.6 - Newsletter 8.3.7 - Portfolio 8.3.8 - Feature Slider 8.3.9 - Footer 8.3.10 - Woocommerce 8.3.11 - Team 8.3.12 - Logo Slider 8.3.13 - Service 8.3.14 - Contact 8.3.15 - Feature Content 8.3.16 - Stats 8.3.17 - Gallery 9.0 - Elements 9.1 - Lists 9.2 - Tables 10.0 - Media 10.1 - mobile-horizontal 10.2 - tablet 10.3 - desktop 10.4 - wide-width 10.5 - large 10.6 - ultra_wide 11.0 - Color Selection --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Colors --------------------------------------------------------------*/ /** * 1.0 - Variables */ /** * 1.1 - Colors */ /*-------------------------------------------------------------- ## Fonts --------------------------------------------------------------*/ /** * 1.2 - Fonts */ /*-------------------------------------------------------------- ## Structure --------------------------------------------------------------*/ /** * 1.3 - Transition */ /*-------------------------------------------------------------- ## Transition --------------------------------------------------------------*/ /** - Transition */ a, .wp-playlist button, .contact-details .contact-details-icon-wrapper, #gallery-section .tiled-gallery .tiled-gallery-item a:before, #sticky-playlist-section, body .wp-playlist .wp-playlist-playing .wp-playlist-caption, body .wp-playlist .wp-playlist-playing .wp-playlist-caption .wp-playlist-item-title, body .wp-playlist .wp-playlist-playing .wp-playlist-caption .wp-playlist-item-artist, body .wp-playlist .wp-playlist-playing .wp-playlist-item-length, body .wp-playlist .wp-playlist-tracks > .wp-playlist-item { -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } button, button[disabled]:hover, button[disabled]:focus, .button, #promotion-section .readmore, 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 { -webkit-transition: background-color .2s ease-in; -moz-transition: background-color .2s ease-in; -o-transition: background-color .2s ease-in; transition: background-color .2s ease-in; } 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 border-color .2s ease-in, 0.2s color .2s ease-in; } .team-content-wrapper .entry-container, .products .product a img, .scroll-down, .icon-arrow-right, .scroll-down .icon, .services-section.section .hentry .hentry-inner .post-thumbnail img { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } /* Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/ */ /** * 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/ */ /*-------------------------------------------------------------- # Normalize 2.0 --------------------------------------------------------------*/ /* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: 500; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { clear: both; } dfn, cite, em, i { font-style: italic; } address { font-style: normal; margin: 0 0 25px; } pre { font-family: "Courier 10 Pitch", Courier, monospace; margin-bottom: 25px; max-width: 100%; overflow: auto; padding: 41px 43px; white-space: pre-line; word-break: break-all; } code, kbd, tt, var { font-style: normal; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } em { font-style: normal; } mark, ins { padding: 1px 5px; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } dt { font-weight: 500; } dd { margin: 0 25px 25px; } img { display: block; height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } table { width: 100%; } figure { margin: 25px 0; } .site-main .comment-navigation, .site-main .post-navigation { margin: 0 0 25px; overflow: hidden; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { border-radius: 3px; box-shadow: 0 0 2px 2px; -webkit-box-shadow: 0 0 2px 2px; -moz-box-shadow: 0 0 2px 2px; clip: auto !important; clip-path: none; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget select { max-width: 100%; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .post, .page { margin: 0 0 25px; } .updated:not(.published) { display: none; } .page-links { clear: both; margin: 0 0 25px; } .entry-content a:not(.more-link):not(.post-page-numbers):not(.button):not(.wp-block-latest-comments__comment-link):not(.tag-cloud-link):not(.wp-block-button__link):not(.readmore):not(.woocommerce a):not(.wp-playlist-caption), .ew-about a:not(.more-link):not(.button):not(.readmore), .widget_text a:not(.more-link):not(.button):not(.readmore), .comment-content a { text-decoration: underline; } .entry-content a:not(.more-link):not(.button):not(.wp-block-button__link):not(.readmore):not(.woocommerce a):not(.wp-playlist-caption):hover, .entry-content a:not(.more-link):not(.button):not(.readmore):hover, .entry-content a:not(.more-link):not(.button):not(.readmore):focus, .entry-summary a:not(.more-link):not(.button):not(.readmore):hover, .entry-summary a:not(.more-link):not(.button):not(.readmore):focus, .ew-about a:not(.more-link):not(.button):not(.readmore):hover, .ew-about a:not(.more-link):not(.button):not(.readmore):focus, .widget_text a:not(.more-link):not(.button):not(.readmore):hover, .widget_text a:not(.more-link):not(.button):not(.readmore):focus, .comment-content a:hover, .comment-content a:focus { text-decoration: none; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; margin: 0; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } 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; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: 1px #767676 dotted; text-decoration: none; } b, strong { font-weight: inherit; 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 #282828; 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; } /*-------------------------------------------------------------- ## alignments 4.1 --------------------------------------------------------------*/ /** * 8.0 - 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 4.2 --------------------------------------------------------------*/ /** * 9.0 - 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; } @media only screen and (min-width: 41.688em) { .alignright { float: right; } } @media only screen and (min-width: 41.688em) { .alignleft { float: left; } } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .text-aligned-right .entry-container { text-align: center; } @media only screen and (min-width: 41.688em) { .text-aligned-right .entry-container { text-align: right; } } .text-aligned-left .entry-container { text-align: center; } @media only screen and (min-width: 41.688em) { .text-aligned-left .entry-container { text-align: left; } } .text-aligned-center .entry-container { text-align: center; } .custom-header-content.content-aligned-right .entry-container { margin-left: auto; } .no-header-media-image .custom-header-content.content-aligned-left { margin-left: 0; } .no-header-media-image .custom-header-content.content-aligned-right { margin-right: 0; } .custom-header-content.content-aligned-center .entry-container { margin: 0 auto; } .custom-header-content.text-aligned-right .entry-header-image img { margin-left: auto; } .custom-header-content.text-aligned-center .entry-header-image img { margin: 0 auto; } .slider-content-wrapper.content-aligned-right .entry-container-wrap, .hero-content-wrapper.section.content-aligned-right .hentry .entry-container.full-width { margin-left: auto; margin-right: 0; } .slider-content-wrapper.content-aligned-center .entry-container-wrap, .hero-content-wrapper.section.content-aligned-center .hentry .entry-container.full-width { margin-left: auto; margin-right: auto; } .slider-content-wrapper.content-aligned-right.text-aligned-right .entry-container-wrap { text-align: center; } @media only screen and (min-width: 41.688em) { .slider-content-wrapper.content-aligned-right.text-aligned-right .entry-container-wrap { text-align: right; } } .slider-content-wrapper.content-aligned-right.text-aligned-left .entry-container-wrap { text-align: center; } @media only screen and (min-width: 41.688em) { .slider-content-wrapper.content-aligned-right.text-aligned-left .entry-container-wrap { text-align: left; } } .slider-content-wrapper.content-aligned-left.text-aligned-right .entry-container-wrap { text-align: center; } @media only screen and (min-width: 41.688em) { .slider-content-wrapper.content-aligned-left.text-aligned-right .entry-container-wrap { text-align: right; } } .slider-content-wrapper.content-aligned-left.text-aligned-left .entry-container-wrap { text-align: center; } @media only screen and (min-width: 41.688em) { .slider-content-wrapper.content-aligned-left.text-aligned-left .entry-container-wrap { text-align: left; } } .slider-content-wrapper .entry-container, .hero-content-wrapper.section.text-aligned-center .hentry .entry-container { padding-left: 30px; padding-right: 30px; text-align: center; } @media only screen and (min-width: 41.688em) { .slider-content-wrapper .entry-container, .hero-content-wrapper.section.text-aligned-center .hentry .entry-container { padding-left: 40px; padding-right: 40px; } } @media only screen and (min-width: 85.375em) { .slider-content-wrapper .entry-container, .hero-content-wrapper.section.text-aligned-center .hentry .entry-container { padding-left: 60px; padding-right: 60px; } } .hero-content-wrapper.section.content-aligned-left .section-content-wrap .hentry .entry-container { float: left; } @media only screen and (min-width: 41.688em) { .hero-content-wrapper.section.content-aligned-left .section-content-wrap .hentry .entry-container { padding-left: 0; padding-right: 60px; } } @media only screen and (min-width: 85.375em) { .hero-content-wrapper.section.content-aligned-left .section-content-wrap .hentry .entry-container { padding-left: 0; padding-right: 120px; } } .hero-content-wrapper.section.content-aligned-left.text-aligned-right .hentry .entry-container, .hero-content-wrapper.section.content-aligned-left.text-aligned-left .hentry .entry-container { float: left; } .hero-content-wrapper.section.content-aligned-left .wrapper .hentry .featured-content-image { right: 0; left: auto; } .slider-content-wrapper.content-aligned-right .section-heading-wrapper { order: 1; } @media only screen and (min-width: 41.688em) { .slider-content-wrapper.content-aligned-right .section-heading-wrapper { order: 2; } } .rtl .slider-content-wrapper.content-aligned-left .hentry { flex-direction: row-reverse; } .rtl .slider-content-wrapper.content-aligned-right .hentry { flex-direction: row; } .slider-content-wrapper.content-aligned-right .hentry { flex-direction: row-reverse; } .promotion-headline-wrapper.section.content-aligned-center .entry-container .inner-container { margin: 0 auto; } .promotion-headline-wrapper.section.content-aligned-center .entry-container .inner-container .more-button { margin-top: 35px; position: relative; } .promotion-headline-wrapper.section.content-aligned-left .entry-container .inner-container { margin: 0 auto; } @media only screen and (min-width: 64em) { .promotion-headline-wrapper.section.content-aligned-left .entry-container .inner-container { margin-right: auto; margin-left: 0; } } .promotion-headline-wrapper.section.content-aligned-right .entry-container .inner-container { margin: 0 auto; } @media only screen and (min-width: 64em) { .promotion-headline-wrapper.section.content-aligned-right .entry-container .inner-container { margin-left: auto; margin-right: 0; } } .promotion-headline-wrapper.section.content-aligned-right .entry-container .inner-container .more-button { margin-top: 35px; position: relative; } @media only screen and (min-width: 64em) { .promotion-headline-wrapper.section.content-aligned-right .entry-container .inner-container .more-button { left: 0; margin-top: 0; position: absolute; right: auto; } } .promotion-headline-wrapper.section.content-aligned-left .entry-container .inner-container .more-button { position: relative; } @media only screen and (min-width: 64em) { .promotion-headline-wrapper.section.content-aligned-left .entry-container .inner-container .more-button { left: auto; position: absolute; right: 0; } } .promotion-headline-wrapper.section.content-aligned-right.text-aligned-left .entry-container { text-align: center; } @media only screen and (min-width: 64em) { .promotion-headline-wrapper.section.content-aligned-right.text-aligned-left .entry-container { text-align: left; } } .promotion-headline-wrapper.section.content-aligned-right.text-aligned-right .entry-container { text-align: center; } @media only screen and (min-width: 64em) { .promotion-headline-wrapper.section.content-aligned-right.text-aligned-right .entry-container { text-align: right; } } .promotion-headline-wrapper.section.content-aligned-left.text-aligned-left .entry-container { text-align: center; } @media only screen and (min-width: 64em) { .promotion-headline-wrapper.section.content-aligned-left.text-aligned-left .entry-container { text-align: left; } } .promotion-headline-wrapper.section.content-aligned-left.text-aligned-right .entry-container { text-align: center; } @media only screen and (min-width: 64em) { .promotion-headline-wrapper.section.content-aligned-left.text-aligned-right .entry-container { text-align: right; } } .text-align-right .entry-content { text-align: right; } /*-------------------------------------------------------------- ## alignments 4.1 --------------------------------------------------------------*/ /** * 7.5 - Breadcrumb */ .breadcrumb-area { text-align: center; width: 100%; font-weight: normal; } .entry-breadcrumbs, .woocommerce .woocommerce-breadcrumb { line-height: 1.75; margin: 0; padding: 0 0 14px 0; } .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; } .entry-breadcrumbs .sep, .woocommerce .woocommerce-breadcrumb .sep { margin: 0 5px; } /*-------------------------------------------------------------- ## alignments 4.1 --------------------------------------------------------------*/ /** * 13.1 - 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 4.3 --------------------------------------------------------------*/ /** * 10.0 - 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, #tertiary:before, #tertiary:after, .widget-area li:before, .widget-area li:after, #footer-newsletter .widget-inner:before, .contact-us-form .two-col:before, .contact-us-form .two-col:after, #footer-newsletter .widget-inner:after, #timeline-section .hentry:before, #timeline-section .hentry:after { content: ""; display: table; table-layout: fixed; } .wrapper: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, #tertiary:after, .contact-us-form .two-col:before, .contact-us-form .two-col:after, .widget-area li:after, #footer-newsletter .widget-inner:after, #timeline-section .hentry:after { clear: both; } /*-------------------------------------------------------------- ## alignments 4.1 --------------------------------------------------------------*/ /** * 12.0 - Content */ #page { margin: 0 auto; overflow: hidden; position: relative; -ms-word-wrap: break-word; word-wrap: break-word; } .boxed-layout #page { max-width: 1600px; } .wrapper, .custom-header-content, .archive .site-footer .wrapper { margin: 0 auto; max-width: 1500px; width: 100%; } .site-header-main .wrapper { max-width: 100%; } .recent-blog-content .archive-post-wrap .post-thumbnail, .site-content .content-area .post-thumbnail { margin: 0; } .home.blog .site-content.section .wrapper { margin: 0 auto; max-width: 1500px; width: 100%; } body:not(.home) .site-content { padding: 42px 0; } .header-media .wrapper, #footer-instagram .wrapper, .gallery-section .wrapper { width: 100%; max-width: 1920px; } .no-sidebar.full-width-layout .recent-blog-content .wrapper { max-width: 100%; } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- ## alignments 4.1 --------------------------------------------------------------*/ /** * 7.6 - Scroll Up */ #scrollup { -webkit-border-radius: 50%; border-radius: 50%; border: none; cursor: pointer; display: none; line-height: 1; outline: none; padding: 7px; position: fixed; bottom: 35px; right: 35px; text-decoration: none; text-align: center; text-shadow: none; z-index: 9999; } #scrollup .icon { width: 28px; height: 28px; } #scrollup:hover, #scrollup:focus { text-decoration: none; } /*-------------------------------------------------------------- ## alignments 4.1 --------------------------------------------------------------*/ /** * 12.5 - Sidebar */ .widget .hentry { float: left; width: 100%; border-bottom: 1px solid; } .widget .hentry:last-child { border-bottom: none; padding-bottom: none; margin-bottom: none; padding-bottom: 0; } .widget a { text-decoration: none; } .sidebar .widget { clear: both; padding: 35px 0; margin-top: 35px; } .widget h2, .widget .wp-block-group h2, .widget-title { font-family: 'poppins',sans-serif; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; text-transform: uppercase; position: relative; } .widget .wp-block-group h2.entry-title { text-transform: initial; } .widget .more-link { font-family: 'poppins', sans-serif; text-transform: uppercase; font-weight: 700; } .sidebar .widget li { position: relative; } .sidebar .widget p { margin-bottom: 14px; } .sidebar .widget p:last-child { margin-bottom: 0; } .sidebar .recentcomments, .sidebar li { padding-left: 37px; } .sidebar .wp-block-group li:before, .sidebar .widget li:before { position: absolute; left: 0; top: 4px; content: ''; background-image: url(assets/images/folder.svg); background-repeat: no-repeat; width: 16px; height: 16px; background-size: 100%; } .sidebar .section-heading-wrapper { text-align: left; padding: 0; margin: 0; } .sidebar .section-heading-wrapper::before { display: none; } .ewnewsletter .ew-newsletter-wrap #subbutton { margin: 14px 0 0; } .sidebar .woocommerce ul.product_list_widget li::before { display: none; } .sidebar .wp-block-latest-comments article { margin-bottom: 7px; } .sidebar .wp-block-latest-comments .avatar, .sidebar .wp-block-latest-comments__comment-avatar { width: 21%; height: auto; margin: 0; } .sidebar .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, .sidebar .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { margin: 0; padding-left: 21px; width: 79%; float: right; } .sidebar .wp-block-latest-posts.wp-block-latest-posts__list { list-style: none; } .sidebar .widget.widget_recent_entries li { padding-left: 28px; } .sidebar .wp-block-search__inside-wrapper { position: relative; } .sidebar .wp-block-search .wp-block-search__button { position: absolute; right: 0px; top: 14px; border-radius: 0; border: none; font-size: 0px; width: 50px; transition: all 0.4s; height: 48px; } .sidebar .wp-block-search .wp-block-search__button:hover { opacity: 0.6; } .sidebar .wp-block-group .has-avatars li { padding: 0; } .sidebar .wp-block-group .has-avatars li:before { display: none; } .sidebar ol, .sidebar ul { margin-bottom: 0; } .widget_search .wp-block-search__label { display: none; } .sidebar .widget .widget { padding: 0; width: 100%; } .widget span.counts { border-radius: 50%; display: inline-block; height: 28px; line-height: 28px; text-align: center; width: 28px; } /** * 14.0 - Modules */ .section { clear: both; display: block; overflow: hidden; padding: 0; position: relative; width: 100%; } .header-media + .no-section-heading { padding-top: 84px; } body .section + .section.has-background-image { margin-top: 0; } .section-heading-wrapper { display: block; max-width: 600px; margin: 0 auto; position: relative; text-align: center; width: 100%; } .section-heading-wrapper::before { position: absolute; bottom: 0; content: ''; width: 98px; height: 3px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } #testimonial-content-section .owl-slideshow { overflow: hidden; } #featured-video-section.has-background-image { background-repeat: no-repeat; background-size: cover; background-position: center; } #featured-video-section { background-image: url("assets/images/video-bg.jpg"); } #contact-section .main-image { background-image: url("assets/images/contact-map.jpg"); } /*-------------------------------------------------------------- ## buttons 5.1 --------------------------------------------------------------*/ button, button[disabled]:hover, button[disabled]:focus, .button, #promotion-section .readmore, 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, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .product-container .wc-forward, #footer-newsletter .ewnewsletter .hentry form input[type="submit"], .header-media .more-link .readmore, .pricing-section .more-link .readmore, #feature-slider-section .more-link .readmore, .hero-section .more-link .readmore, #content #infinite-handle span button, nav.navigation.posts-navigation .nav-links a { border-radius: 32px; border: solid 2px; cursor: pointer; display: inline-block; font-family: 'poppins', sans-serif; font-weight: 700; letter-spacing: 1px; line-height: 1.4; text-transform: uppercase; text-align: center; } #promotion-section .readmore:hover, #promotion-section .readmore:focus, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce .product-container .wc-forward:hover, .woocommerce .product-container .wc-forward:focus, #footer-newsletter .ewnewsletter .hentry form input[type="submit"]:hover, #footer-newsletter .ewnewsletter .hentry form input[type="submit"]:focus, .pricing-section .more-link .readmore:hover, .pricing-section .more-link .readmore:focus, .hero-section .more-link .readmore:hover, .hero-section .more-link .readmore:focus, #feature-slider-section .more-link .readmore:hover, #feature-slider-section .more-link .readmore:focus, #content #infinite-handle span button:hover, #content #infinite-handle span button:focus, nav.navigation.posts-navigation .nav-links a:hover, nav.navigation.posts-navigation .nav-links a:focus { border-color: transparent; } .entry-content .button, .entry-summary .button { box-shadow: none; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; display: inline-block; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: thin dotted; outline-offset: -4px; } #footer-instagram .instagram-button { margin-bottom: 42px; } .archive-posts-wrapper .more-link .icon.icon-arrow-right { opacity: 1; margin-left: 15px; } .more-link .icon-arrow-right { opacity: 0; } .more-link:hover .icon-arrow-right, .more-link:focus .icon-arrow-right, .more-link .readmore:hover .icon-arrow-right, .more-link .readmore:focus .icon-arrow-right, .button:hover .icon-arrow-right, .button:focus .icon-arrow-right, button:hover .icon-arrow-right, button:focus .icon-arrow-right { opacity: 1; transform: translateX(10px); -o-transform: translateX(10px); -moz-transform: translateX(10px); -webkit-transform: translateX(10px); } #testimonial-content-section .owl-carousel .owl-dots, #logo-slider-section .owl-carousel .owl-dots { top: 94%; } .section .owl-carousel .owl-dots button { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; clear: both; cursor: pointer; display: inline-block; font-size: 0; height: 7px; line-height: 14px; margin: 7px 5px; padding: 1px; outline: none; width: 7px; opacity: 0.6; } .section .owl-carousel .owl-dots button.active { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; width: 60px; height: 4px; } .woocommerce .related.products a.button { padding: 7px 21px; font-size: 13px; } /*-------------------------------------------------------------- ## fields 5.2 --------------------------------------------------------------*/ /** * 6.0 - Forms */ input { line-height: normal; } 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 { background-color: transparent; border: 1px solid; border-width: 0 0 1px; margin-top: 14px; padding: 10px 14px; 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; font-weight: 700; 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; -webkit-border-radius: 0; border-radius: 0; border-width: 1px; margin: 0; padding: 12px 46px 12px 21px; 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; text-shadow: none; } .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; } /*-------------------------------------------------------------- ## Font Family 7.1 --------------------------------------------------------------*/ body, button, .filter-button-group.button-group button, input, select, textarea { font-family: 'pt-serif', serif; } h1, h2, h3, h4, h5, h6 { font-family: 'pt-serif', serif; } .widget-area .essential-widgets .hentry .entry-title, .widget .wp-block-group h2.entry-title, .section-title { font-family: 'pt-serif', serif; } .page-links a, .page-links > span, .author-link, .team-content-wrapper .entry-meta, .entry-meta a, .tagcloud a, .comment-reply-link, .comment-form label, label, .close-toggle, .search-tags a, .catch-breadcrumb .entry-breadcrumbs, .catch-breadcrumb .woocommerce-breadcrumb, .widget h2, .nav-controls .owl-dots button, #testimonial-content-section #slider-dots, #testimonial-content-section .owl-prev, #testimonial-content-section .owl-next, .widget-area .widget .hentry .entry-meta, .experience .experice-date, .comment-permalink.entry-meta { font-family: 'poppins',sans-serif; } /*-------------------------------------------------------------- ## Font Family 7.2 --------------------------------------------------------------*/ body { font-weight: 400; line-height: 1.56; } .site-footer .widget .hentry .entry-title, .woocommerce-product-details__short-description { font-size: 16px; font-size: 1rem; } #feature-slider-section .entry-title { font-size: 110px; font-size: 6.875rem; } .stats-content-area .stats-content-wrapper .entry-title, .section-title, .page-title { font-size: 30px; font-size: 1.875rem; } .comment-reply-title, .footer-instagram h2.widget-title, .entry-title.section-title { font-size: 26px; font-size: 1.625rem; } .site-title, .comments-title, #testimonial-content-section .entry-title, .woocommerce-posts-wrapper .entry-title { font-size: 24px; font-size: 1.5rem; } .entry-title, .popular-searches h2, .archive-posts-wrapper .entry-title, .stats-content-wrapper .hentry-inner .sub-title, .author-description .author-title, article.hentry.contact-us-form .entry-description, .woocommerce-loop-category__title, .featured-video-section.style-two .entry-title { font-size: 22px; font-size: 1.36rem; } body, .button.play-button, .main-navigation a, ul.products li.product .woocommerce-loop-product__title, #countdown-section .entry-container .left-content .left-title, .section-content-wrapper.stats-content-wrapper .hentry-inner .sub-title, .comment-meta .author-name, .contact-section .contact-info-details a { font-size: 20px; font-size: 1.25rem; } input, select, textarea, .sidebar p, .section-subtitle, .contact-details-widget-area p, .site-footer p, .contact-details-widget-area li, .section-description p, #testimonial-content-section .entry-container .entry-content p, .post-navigation .post-title, .main-navigation ul ul li a, #footer-menu-section ul li a, .widget .hentry .entry-title a, .site-footer .widget .hentry .entry-title, .section-subtitle p { font-size: 18px; font-size: 1.125rem; } .color-scheme-corporate button, .color-scheme-corporate .button, .color-scheme-corporate input[type="button"], .color-scheme-corporate input[type="reset"], .color-scheme-corporate input[type="submit"], .color-scheme-corporate .woocommerce #respond input#submit, .color-scheme-corporate .woocommerce a.button, .color-scheme-corporate .woocommerce button.button, .color-scheme-corporate .woocommerce input.button, .color-scheme-corporate #content #infinite-handle span button, .color-scheme-corporate nav.navigation.posts-navigation .nav-links a, .color-scheme-ecommerce button, .color-scheme-ecommerce .button, .color-scheme-ecommerce input[type="button"], .color-scheme-ecommerce input[type="reset"], .color-scheme-ecommerce input[type="submit"], .color-scheme-ecommerce #content #infinite-handle span button, .color-scheme-ecommerce nav.navigation.posts-navigation .nav-links a, .color-scheme-music button, .color-scheme-music .button, .color-scheme-music input[type="button"], .color-scheme-music input[type="reset"], .color-scheme-music input[type="submit"], .color-scheme-music .woocommerce #respond input#submit, .color-scheme-music .woocommerce a.button, .color-scheme-music .woocommerce button.button, .color-scheme-music .woocommerce input.button, .color-scheme-music #content #infinite-handle span button, .color-scheme-music nav.navigation.posts-navigation .nav-links a, .color-scheme-wedding button, .color-scheme-wedding .button, .color-scheme-wedding input[type="button"], .color-scheme-wedding input[type="reset"], .color-scheme-wedding input[type="submit"], .color-scheme-wedding .woocommerce #respond input#submit, .color-scheme-wedding .woocommerce a.button, .color-scheme-wedding .woocommerce button.button, .color-scheme-wedding .woocommerce input.button, .color-scheme-wedding #content #infinite-handle span button, .color-scheme-wedding nav.navigation.posts-navigation .nav-links a, .team-content-wrapper .button, .site-content .view-more a, .product-container .price, .widget .hentry .entry-title, .category-content-section .entry-title, .woocommerce-ordering .orderby, .menu-toggle, .menu-toggle-close, .dropdown-toggle, .site-header .icon, .search-submit, .pagination, #testimonial-content-section .entry-meta, .woocommerce-pagination, .breadcrumb-area, .site-info, .site-footer .widget li, .sidebar .widget li, .widget .wp-block-group h2, .widget h2, .widget .widget-title, .tagline, .experience .experice-date, .logged-in-as, .related.products .product-container .price, .team-content-wrapper .entry-meta { font-size: 16px; font-size: 1rem; } .comment-form-cookies-consent, #content #infinite-handle span button, .single .site-main .entry-footer .entry-meta { font-size: 15px; font-size: 0.9375rem; } button, .button, input[type="button"], input[type="reset"], input[type="submit"], .posts-navigation, #content #infinite-handle span button, nav.navigation.posts-navigation .nav-links a, .comment-notes, .search-tags a, .comment-awaiting-moderation, .form-allowed-tags, .sidebar .woocommerce-Price-amount.amount, .comment-subscription-form { font-size: 14px; font-size: 0.875rem; } .posts-navigation a, #content #infinite-handle span button, nav.navigation.posts-navigation .nav-links a, .catch-instagram-feed-gallery-widget-wrapper .button, #footer-newsletter .ewnewsletter .hentry form input[type="submit"], .header-media .more-link .readmore, .pricing-section .more-link .readmore, .hero-section .more-link .readmore, #feature-slider-section .more-link .readmore, .more-link .readmore, .color-scheme-corporate #page .single_add_to_cart_button, .color-scheme-ecommerce #page .single_add_to_cart_button, .site-description, .entry-footer .entry-meta, .entry-meta a, .entry-meta, .page .site-main .entry-footer .entry-meta, .breadcrumb-area, .comment-form label, .pop-up-video-section .video-subtitle, .sidebar .more-button, .recent-blog-content .archive-post-wrap .entry-container .footer-meta .cat-links a, .site-content .content-area .entry-container .footer-meta .cat-links a, .woocommerce .woocommerce-breadcrumb { font-size: 13px; font-size: 0.8125rem; } .post-navigation .meta-nav { font-size: 12px; font-size: 0.75rem; } big { font-size: 125%; } .color-scheme-wedding .site-title { font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-transform: capitalize; } /*-------------------------------------------------------------- ## Font Family 7.2 --------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { clear: both; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.33; 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.75em; } dfn, cite, em, i { font-style: italic; } 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: 35px; 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%; } /*-------------------------------------------------------------- ## Hero-content 8.3.1 --------------------------------------------------------------*/ /** * 14.3 - Hero Content */ #hero-section { border: none; text-align: center; } #hero-section .hentry { padding: 0; position: relative; } .hero-content-wrapper .hentry-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .hero-content-wrapper .post-thumbnail-background { -webkit-box-shadow: 0px 1px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 30px rgba(0, 0, 0, 0.1); background-position: top; content: ""; padding-bottom: 100%; position: relative; margin: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .hero-content-wrapper .entry-container { margin: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .hero-section .more-link .readmore svg { display: none; } .hero-section .more-link { margin-top: 28px; } #hero-section.text-align-left .section-heading-wrapper::before { left: 0; transform: none; } #hero-section.text-align-right .section-heading-wrapper::before { right: 0; transform: none; left: auto; } #hero-section.text-align-center .has-post-thumbnail .entry-container.full-width { text-align: center; } #hero-section.text-align-center .has-post-thumbnail .entry-container.full-width .entry-header:after { left: 50%; transform: translateX(-50%); } #hero-section .section-heading-wrapper { padding-left: 0; padding-right: 0; } #hero-section.text-align-left .section-heading-wrapper { text-align: left; margin: 0; padding: 0; } #hero-section.text-align-right .section-heading-wrapper { text-align: right; } #hero-section .has-post-thumbnail .entry-container { padding-top: 35px; } #hero-section .has-post-thumbnail .cover-link { position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; } .experience .experice-date { font-weight: 500; } .experience-content-wrapper { margin-top: 28px; } .experience-content-wrapper .experice-content { margin-top: 7px; font-size: 22px; } .experience-title { font-size: 24px; font-size: 1.5rem; font-weight: 700; } .hero-content-wrapper { padding: 0 30px; } .hero-section .entry-content p.view-more { padding-top: 0; } /*-------------------------------------------------------------- ## Hero-content 8.3.2 --------------------------------------------------------------*/ /** * 14.6 - Events Section */ #events-section { background-size: cover; position: relative; } #events-section::before { position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: 0; display: block; } #events-section .wrapper { padding: 0 30px; } .dates-location { font-weight: 600; } .events-section.section { padding-bottom: 7px; } .events-section .entry-meta a { opacity: 1; display: inline-block; } #events-section .view-more { text-align: center; position: relative; } .events-section .entry-date { display: flex; align-items: flex-end; } .events-section .entry-header { margin: 0; } .events-section .entry-title { line-height: 1.46; } .events-section .entry-meta a, .events-section .entry-meta a:hover, .events-section .entry-meta a:focus { text-decoration: none; } .events-section.single-layout .entry-meta { padding-bottom: 21px; } .events-section.single-layout .date-week-day { font-size: 38px; font-size: 2.375rem; font-weight: 300; line-height: 1; margin-right: 14px; } .events-section.single-layout .date-month-year { font-size: 16px; font-size: 1rem; line-height: 1.33; } .events-section.single-layout .entry-content, .events-section.single-layout .entry-summary { margin-top: 7px; opacity: 0.6; } .events-section.single-layout .location-icon { display: inline-block; margin: 13px 10px 0 0; float: left; } .events-section .event-button { margin-top: 21px; } .event-title-wrap .time { margin-top: 14px; } .entry-date sep { font-size: 24px; position: relative; margin-right: 7px; top: 3px; } /*-------------------------------------------------------------- ## promotional 8.3.3 --------------------------------------------------------------*/ /** * 14.7 - Promotional Headline */ .promotion-section.section { border: none; padding: 0; position: relative; text-align: center; padding: 63px 0 21px; } .promotion-section .hentry { position: initial; } .post-thumbnail-background { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .promotion-section .post-thumbnail-background { z-index: 1; background-attachment: fixed; } .promotion-section .content-wrapper { padding: 0 30px; } .promotion-section.text-align-left .section-heading-wrapper { padding: 0 30px 28px 0; text-align: left; } .promotion-section.text-align-left .section-heading-wrapper:before { left: 0; transform: none; } .promotion-section.text-align-right .section-heading-wrapper { padding: 0 0px 28px 30px; text-align: right; } .promotion-section.text-align-right .section-heading-wrapper::before { left: auto; transform: none; right: 0; } .promotion-section .entry-container { max-width: 680px; position: relative; z-index: 2; } #promotion-section .section-heading-wrapper { margin-bottom: 35px; } .promotion-section.content-align-right .entry-container { float: right; } .promotion-section.content-align-center .entry-container { display: block; margin-left: auto; margin-right: auto; } .promotion-section.content-frame .entry-container-frame { padding: 3em; opacity: 0.8; } .promotion-section .cover-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } #hero-section.text-align-left, .promotion-section.text-align-left { text-align: left; } #hero-section.text-align-right, .promotion-section.text-align-right { text-align: right; } .text-align-left .post-thumbnail img { margin-left: 0; } .text-align-right .post-thumbnail img { margin-right: 0; } #promotion-section .play-video { margin-top: 28px; } #promotion-section .play-button { border-radius: 50%; display: inline-block; padding: 12px; width: 60px; height: 60px; position: relative; border: none; display: flex; justify-content: center; align-items: center; margin: 0 auto; transition: all 0.4s; } #promotion-section .play-button:hover { transform: scale(1.04); } #promotion-section .play-button-icon { background-color: #484949; -webkit-border-radius: 50%; border-radius: 50%; display: block; height: 30px; 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; width: 30px; } #promotion-section .play-button-icon .icon { width: 21px; height: 14px; } .admin-bar .flashy-overlay .flashy-close { top: 50px; } #promotion-section .more-link .readmore svg { display: none; } #promotion-section .entry-header + .video-wrapper { margin-top: 21px; } a.mixed.button.play-button { box-sizing: border-box; } a.mixed.button.play-button::before, a.mixed.button.play-button::after { box-sizing: inherit; content: ""; position: absolute; width: calc(100% + 8px); height: calc(100% + 8px); border-radius: 100%; top: -4px; left: -4px; } a.mixed.button.play-button::before { border: 4px solid rgba(255, 255, 255, 0.3); transition: all 1s; transition: border-right-color 0.2s, border-top-color 0.15s linear 0.1s, border-left-color 0.15s linear 0.15s; } a.mixed.button.play-button::after { border: 0 solid transparent; } a.mixed.button.play-button:hover::before { transition: border-left-color 0.15s linear, border-top-color 0.15s linear 0.1s, border-right-color 0.15s linear 0.2s; } a.mixed.button.play-button:after { border-top: 4px solid; border-left-width: 4px; border-right-width: 4px; transform: rotate(180deg); transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s; } /*-------------------------------------------------------------- ## testimonials 8.3.4 --------------------------------------------------------------*/ /** * 14.5 - Testimonials */ #testimonial-content-section .section-content-wrapper { display: block; position: relative; width: 100%; z-index: 2; } #testimonial-content-section .hentry { opacity: 0.3; } #testimonial-content-section .center .hentry { opacity: 1; } #testimonial-content-section .section-content-wrapper .hentry-inner { position: relative; padding: 0 30px; } #logo-slider-section .owl-nav, #testimonial-content-section .owl-nav { z-index: 199; } #logo-slider-section .owl-prev, #logo-slider-section .owl-next, #testimonial-content-section .owl-prev, #testimonial-content-section .owl-next { background-color: transparent; background-image: none; border: none; outline: none; padding: 7px; position: absolute; top: 35%; -webkit-transform: translateY(-45%); -moz-transform: translateY(-45%); -ms-transform: translateY(-45%); -o-transform: translateY(-45%); transform: translateY(-45%); } #logo-slider-section .owl-prev, #testimonial-content-section .owl-prev { left: 0; } #logo-slider-section .owl-next, #testimonial-content-section .owl-next { right: 0; } #testimonial-content-section .owl-prev, #testimonial-content-section .owl-next { position: relative; padding: 0; } #logo-slider-section .owl-prev .icon, #logo-slider-section .owl-next .icon, #testimonial-content-section .owl-prev .icon, #testimonial-content-section .owl-next .icon { width: 49px; height: 49px; } #testimonial-content-section .entry-container { display: block; margin-left: auto; margin-right: auto; padding: 35px 30px 0; } #testimonial-content-section .entry-container .entry-content { position: relative; margin-top: 0; text-align: center; max-width: 770px; } #testimonial-content-section .entry-container .entry-content p { line-height: 1.75; margin: 0; font-weight: normal; } #testimonial-content-section .entry-title, #testimonial-content-section .entry-meta { display: block; text-transform: capitalize; letter-spacing: 0; margin-bottom: 0; } #testimonial-content-section .entry-title { line-height: 1.46; font-weight: 700; } #testimonial-content-section .entry-meta { margin: 7px 0 0; font-weight: 400; font-style: italic; } #testimonial-content-section .more-link { display: none; } #testimonial-content-section .post-thumbnail { margin-bottom: 0; padding: 56px; padding-bottom: 0; position: relative; } #testimonial-content-section .post-thumbnail header.entry-header { text-align: center; padding: 21px 0; } #testimonial-content-section .post-thumbnail::before { position: absolute; left: -20px; top: 20px; content: ''; width: 60px; height: 20px; } #testimonial-content-section .owl-nav { display: block; position: relative; display: flex; justify-content: space-between; padding: 0 30px; } #logo-slider-section .section-content-wrapper .post-thumbnail { margin: 0; opacity: 0.4; } #logo-slider-section .section-content-wrapper .post-thumbnail:hover, #logo-slider-section .section-content-wrapper .post-thumbnail:focus { opacity: 1; } #testimonial-content-section .wrapper { max-width: 100%; } #testimonial-content-section .owl-item:after, #testimonial-content-section .nav-controls .owl-dots:after { content: counters(slides-num,".",decimal-leading-zero); display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: 1; margin-top: 5px; margin-left: 24px; position: relative; top: 5px; } #testimonial-content-section .nav-controls .owl-dots:before { content: ""; height: 24px; position: absolute; left: 50%; bottom: -4px; -webkit-transform: rotate(15deg) translateX(-50%); transform: rotate(15deg) translateX(-50%); width: 2px; } #testimonial-content-section .owl-item:before, #testimonial-content-section .nav-controls .owl-dots .active:before { content: counters(slides-num,".",decimal-leading-zero); display: inline-block; font-size: 14px; font-size: 0.875rem; vertical-align: middle; } #testimonial-content-section .owl-item, #testimonial-content-section .nav-controls .owl-dots button { background-color: transparent; background-image: none; counter-increment: slides-num; display: inline-block; font-weight: 600; font-size: 0; line-height: 1; padding: 0; border: none; } #testimonial-content-section .owl-item:before { opacity: 0; } .post-thumbnail .counter, #testimonial-content-section .owl-item:after { font-size: 32px; font-size: 2rem; left: 21px; letter-spacing: 2px; position: absolute; z-index: 9; top: 10px; margin-left: 0; opacity: 0; } .post-thumbnail .counter { opacity: 1; } #testimonial-content-section #slider-dots { text-align: center; margin-bottom: 35px; position: relative; } #testimonial-content-section #slider-nav button span { font-size: 14px; font-weight: 400; letter-spacing: 7px; } #testimonial-content-section #slider-nav button span::after { width: 50px; height: 1px; display: inline-block; content: ''; vertical-align: middle; margin-left: 14px; transition: all 0.4s; } #testimonial-content-section #slider-nav button:hover span::after { margin-left: 7px; } #testimonial-content-section #slider-nav button.owl-next span::before { width: 50px; height: 1px; display: inline-block; content: ''; vertical-align: middle; margin-right: 14px; transition: all 0.4s; } #testimonial-content-section #slider-nav button.owl-next:hover span::before { margin-right: 7px; } #testimonial-content-section #slider-nav button.owl-next span::after { display: none; } .nav-controls-container { margin-bottom: 35px; } /*-------------------------------------------------------------- ## Blog 8.3.5 --------------------------------------------------------------*/ .archive-content-wrap .section-content-wrapper.layout-one .hentry, .archive .archive-content-wrap .section-content-wrapper .hentry { margin-bottom: 35px; } @media only screen and (min-width: 48em) { .archive-content-wrap .section-content-wrapper.layout-one .hentry, .archive .archive-content-wrap .section-content-wrapper .hentry { margin-bottom: 70px; } } @media only screen and (min-width: 85.375em) { .archive-content-wrap .section-content-wrapper.layout-one .hentry, .archive .archive-content-wrap .section-content-wrapper .hentry { margin-bottom: 105px; } } .archive-content-wrap .section-content-wrapper.layout-one .hentry .entry-header, .archive .archive-content-wrap .section-content-wrapper .hentry .entry-header { margin-bottom: 14px; } @media only screen and (min-width: 64em) { .archive-content-wrap .section-content-wrapper.layout-one .hentry .entry-header, .archive .archive-content-wrap .section-content-wrapper .hentry .entry-header { margin-bottom: 28px; } } .archive-content-wrap .section-content-wrapper.layout-one .hentry .entry-header .entry-title, .archive .archive-content-wrap .section-content-wrapper .hentry .entry-header .entry-title { font-size: 24px; font-size: 1.5rem; font-weight: 400; margin-bottom: 0; margin-top: 0; } @media only screen and (min-width: 64em) { .archive-content-wrap .section-content-wrapper.layout-one .hentry .entry-header .entry-title, .archive .archive-content-wrap .section-content-wrapper .hentry .entry-header .entry-title { font-size: 35px; font-size: 2.1875rem; } } .archive-content-wrap .section-content-wrapper.layout-one .hentry .post-thumbnail, .archive .archive-content-wrap .section-content-wrapper .hentry .post-thumbnail { margin-bottom: 21px; } @media only screen and (min-width: 64em) { .archive-content-wrap .section-content-wrapper.layout-one .hentry .post-thumbnail, .archive .archive-content-wrap .section-content-wrapper .hentry .post-thumbnail { margin-bottom: 28px; } } @media only screen and (min-width: 85.375em) { .archive-content-wrap .section-content-wrapper.layout-one .hentry .post-thumbnail, .archive .archive-content-wrap .section-content-wrapper .hentry .post-thumbnail { margin-bottom: 42px; } } .singular-content-wrap .more-button { margin-top: 21px; padding: 0; } .singular-content-wrap .more-button:hover, .singular-content-wrap .more-button:focus { box-shadow: none; -webkit-box-shadow: none; } .archive-content-wrap .section-content-wrapper.layout-one .entry-container { text-align: left; } .archive-content-wrap .section-content-wrapper.layout-one .entry-container > .entry-meta { border-right: 1px solid; float: left; font-weight: 600; letter-spacing: 2px; line-height: 2.92; margin-right: 17px; padding-right: 11px; text-align: center; } @media only screen and (min-width: 64em) { .archive-content-wrap .section-content-wrapper.layout-one .entry-container > .entry-meta { margin-right: 27px; padding-right: 27px; } } .archive-content-wrap .section-content-wrapper.layout-one .entry-container > .entry-meta .posted-on { margin-right: 0; } .archive-content-wrap .section-content-wrapper.layout-one .entry-container > .entry-meta .posted-on .date-day { display: block; font-size: 50px; font-size: 3.125rem; font-weight: 400; line-height: 0.6; margin-bottom: 10px; } @media only screen and (min-width: 64em) { .archive-content-wrap .section-content-wrapper.layout-one .entry-container > .entry-meta .posted-on .date-day { font-size: 70px; font-size: 4.375rem; margin-bottom: 20px; } } .archive-content-wrap .section-content-wrapper.layout-one .entry-container > .entry-meta .posted-on a:before { display: none; } .archive-content-wrap .section-content-wrapper.layout-one .entry-header-wrapper { overflow: hidden; } .archive-content-wrap .section-content-wrapper.layout-one .entry-header-wrapper .entry-meta { margin: 0; } .archive-content-wrap .section-content-wrapper .hentry:last-child { margin-bottom: 35px; } @media only screen and (min-width: 64em) { .archive-content-wrap .section-content-wrapper .hentry:last-child { margin-bottom: 38px; } } @media only screen and (min-width: 85.375em) { .archive-content-wrap .section-content-wrapper .hentry:last-child { margin-bottom: 42px; } } .archive-content-wrap .section-content-wrapper .hentry .entry-header { margin-bottom: 21px; } @media only screen and (min-width: 64em) { .archive-content-wrap .section-content-wrapper .hentry .entry-header { margin-bottom: 28px; } } .archive-content-wrap .section-content-wrapper .hentry .entry-header .entry-title { font-size: 24px; font-size: 1.5rem; font-weight: 400; margin-bottom: 0; margin-top: 0; } @media only screen and (min-width: 64em) { .archive-content-wrap .section-content-wrapper .hentry .entry-header .entry-title { font-size: 36px; font-size: 2.25rem; } } .archive-content-wrap .section-content-wrapper .hentry .entry-meta { margin: 0; font-weight: 600; } .archive-content-wrap .section-content-wrapper .hentry .entry-meta .posted-on { margin-right: 0; } .archive-content-wrap .section-content-wrapper .hentry .entry-meta .cat-links { letter-spacing: 2px; text-transform: uppercase; } .archive-content-wrap .section-content-wrapper .hentry .vcard { font-weight: 600; } .archive-content-wrap .section-content-wrapper .hentry .entry-summary { margin-top: 0; } .archive-content-wrap .section-content-wrapper .hentry .post-thumbnail:hover img { transform: scale(1) translateX(0); -o-transform: scale(1) translateX(0); -moz-transform: scale(1) translateX(0); -webkit-transform: scale(1) translateX(0); } .archive-content-wrap .entry-footer:first-child { margin-top: 0; } .archive-content-wrap .post-thumbnail { overflow: hidden; } .archive-content-wrap .post-thumbnail img { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); width: 100%; } .archive-content-wrap .section-content-wrapper.layout-four { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; flex-wrap: wrap; justify-content: center; align-items: unset; justify-content: unset; } .archive-content-wrap .entry-content { margin-top: 21px; } @media only screen and (min-width: 64em) { .archive-content-wrap .entry-content { margin-top: 35px; } } .entry-footer { align-items: unset; justify-content: unset; margin-top: 14px; } .entry-footer > div > span { margin-right: 23px; } @media only screen and (min-width: 64em) { .entry-footer > div > span { margin-right: 30px; } } .page-header { text-align: center; } .archive .entry-meta span.posted-on { display: inline-block; } .singular-content-wrap .entry-header .entry-meta { text-align: center; } .section:nth-child(2n+1) + .site-content { border-top: 0; } .site-main nav.post-navigation { border-width: 1px; border-left-width: 0; border-right-width: 0; border-top-width: 0; border-style: solid; margin-bottom: 0; padding: 30px 0; position: relative; } @media only screen and (min-width: 64em) { .site-main nav.post-navigation { padding: 56px 0; } } .site-main nav.post-navigation .nav-links > div a span { display: block; } .site-main nav.post-navigation .nav-links .nav-previous { text-align: left; } .site-main .post + nav.post-navigation { padding-top: 0; } .sidebar.widget-area section.widget { float: none; } @media only screen and (min-width: 41.688em) { .sidebar.widget-area section.widget { float: left; } } @media only screen and (min-width: 64em) { .sidebar.widget-area section.widget { float: none; width: 100%; } } .sidebar.widget-area section.widget ul:not(.social-links-menu) li { margin-bottom: 14px; } .sidebar.widget-area section.widget ul:not(.social-links-menu) li:last-child { margin-bottom: 0; } .archive-content-wrap nav.navigation.posts-navigation { padding-top: 35px; } .archive-content-wrap nav.navigation.posts-navigation .nav-next { text-align: right; } .singular-content-wrap .section-title { font-size: 24px; font-size: 1.5rem; } .site-content .content-area .post-thumbnail { width: 100%; } .blog.hide-content .site-content .content-area .entry-container .entry-summary p { display: none; } .edit-link { margin-top: 35px; } .site-content .view-more { text-align: left; margin-bottom: 0; } .site-content .view-more a { padding-right: 14px; } .full-content .site-content .content-area .archive-post-wrap .post-thumbnail { display: none; } .full-content .site-content .content-area .archive-post-wrap .entry-container { padding: 60px 140px; width: 100%; } .recent-blog-content .archive-post-wrap .entry-container .footer-meta, .site-content .content-area .entry-container .footer-meta { border-top: 1px solid; } .archive-post-wrap .entry-container .header { padding: 30px; } .archive-post-wrap .entry-container .footer-meta { padding: 20px 30px; } .archive-post-wrap .post-wrapper.hentry-inner .entry-container .entry-meta, .archive-posts-wrapper .post-wrapper.hentry-inner .entry-container .entry-meta { font-family: 'poppins',sans-serif; } .site-content .content-area .hentry .post-thumbnail + .entry-container { padding-top: 28px; } /*-------------------------------------------------------------- ## newsletter 8.3.6 --------------------------------------------------------------*/ #footer-newsletter .footer-newsletter .section-heading-wrapper { text-align: center; } #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 .wrapper .section-title { font-weight: 400; letter-spacing: 2px; line-height: 1.29; margin-bottom: 28px; } @media only screen and (min-width: 64em) { #footer-newsletter .wrapper .section-title { margin-bottom: 35px; } } #footer-newsletter .hentry.ew-newsletter-wrap.newsletter-action.custom input[type="text"] { margin-bottom: 30px; } @media only screen and (min-width: 41.688em) { #footer-newsletter .hentry.ew-newsletter-wrap.newsletter-action.custom input[type="text"] { margin-right: 4%; width: 48%; } } #footer-newsletter .hentry.ew-newsletter-wrap.newsletter-action.custom input#subbox2 { margin-right: 0; } #footer-newsletter .ewnewsletter .hentry form { align-items: unset; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: unset; margin: 0 auto; max-width: 680px; position: relative; } @media only screen and (min-width: 480px) { #footer-newsletter .ewnewsletter .hentry form { flex-direction: row; } } #footer-newsletter .ewnewsletter .hentry form input { border: 2px solid transparent; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; } @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-top: 0; } #footer-newsletter .ewnewsletter .hentry form input[type] { box-shadow: 11px 3px 15px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 11px 3px 15px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 11px 3px 15px 0 rgba(0, 0, 0, 0.05); padding: 18px; } #footer-newsletter { padding: 0; } #footer-newsletter input[type="submit"] { font-weight: 600; } #footer-newsletter .ew-newsletter { margin-bottom: 0; padding: 28px 35px; padding-bottom: 45px; } @media only screen and (min-width: 64em) { #footer-newsletter .ew-newsletter { padding: 47px; padding-bottom: 38px; } } @media only screen and (min-width: 85.375em) { #footer-newsletter .ew-newsletter { padding: 63px; } } /*-------------------------------------------------------------- ## Portfolio 8.3.7 --------------------------------------------------------------*/ /* Portfolio */ #portfolio-content-section .wrapper { padding-bottom: 35px; } #portfolio-content-section .wrapper .view-more { margin-bottom: 0; margin-top: 35px; text-align: center; } .portfolio-content-wrapper .hentry-inner { overflow: hidden; position: relative; } .portfolio-content-wrapper .entry-container { position: absolute; top: 0; padding: 30px; } .portfolio-content-wrapper .hentry-inner:hover .post-thumbnail, .portfolio-content-wrapper .hentry-inner:focus .post-thumbnail { opacity: 0.5; } .portfolio-content-wrapper .post-thumbnail { overflow: hidden; position: relative; width: 100%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); } .portfolio-content-wrapper .no-title .post-thumbnail, .portfolio-content-wrapper .no-meta .post-thumbnail { margin: 0; } .portfolio-content-wrapper .post-thumbnail img { -webkit-transition: filter 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: filter 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); width: 100%; } .portfolio-content-wrapper .hentry-inner:hover .post-thumbnail img, .portfolio-content-wrapper .hentry-inner:focus .post-thumbnail img, .grayscale-filter-reverse .portfolio-content-wrapper .post-thumbnail img { -webkit-filter: none; filter: none; } .portfolio-content-wrapper .entry-container { opacity: 0; -webkit-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); } .portfolio-content-wrapper .hentry-inner:hover .entry-container { opacity: 1; -webkit-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); } .portfolio-content-wrapper .entry-summary { display: none; } #portfolio-content-section .filter-button-group { text-align: center; margin-top: 28px; } #portfolio-content-section .filter-button-group .button { background-color: transparent; border: 2px solid transparent; border-top: none; border-left: none; border-right: none; border-radius: 0; opacity: 0.6; font-size: 18px; font-weight: 400; line-height: 1.62; outline: 0; padding: 7px 0; margin: 0 10px 7px; text-shadow: none; text-transform: capitalize; } #portfolio-content-section .filter-button-group .button:hover { opacity: 1; } #portfolio-content-section .filter-button-group .button.is-checked { opacity: 1; } .portfolio-content-wrapper.layout-three .hentry { margin: 0; } .portfolio-content-wrapper.section-content-wrapper .post-thumbnail { margin: 0; } #portfolio-content-section .filter-button-group > button { background-image: none; } .promotion-section .post-thumbnail-background:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .color-scheme-music .promotion-section.content-frame .entry-container-frame, .color-scheme-wedding .promotion-section.content-frame .entry-container-frame, .color-scheme-corporate .promotion-section.content-frame .entry-container-frame, .color-scheme-ecommerce .promotion-section.content-frame .entry-container-frame { background-color: transparent; } .color-scheme-music .promotion-section.content-frame .entry-container-frame:before, .color-scheme-wedding .promotion-section.content-frame .entry-container-frame:before, .color-scheme-corporate .promotion-section.content-frame .entry-container-frame:before, .color-scheme-ecommerce .promotion-section.content-frame .entry-container-frame:before { background-color: #111111; content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0.5; z-index: -1; } .section-content-wrapper.portfolio-content-wrapper .hentry { padding: 20px; } .section-content-wrapper.portfolio-content-wrapper .grid { margin: -20px; } /*-------------------------------------------------------------- ## feature-slider 8.3.8 --------------------------------------------------------------*/ /** * 14.1 - Slider */ #feature-slider-section { border: none; padding: 0; } #feature-slider-section .wrapper { max-width: 100%; padding: 0; } .header-media .section-subtitle, #feature-slider-section .tagline { text-transform: uppercase; margin-bottom: 14px; letter-spacing: 1px; line-height: 1.75; font-weight: 600; } #feature-slider-section .hentry { margin: 0; padding: 0; position: relative; } #feature-slider-section .hentry:after { position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: 0; z-index: 9; } #feature-slider-section .hentry .view-more { margin-bottom: 0; } #feature-slider-section .hentry-inner { background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: center; -ms-flex-pack: end; justify-content: center; min-height: 100vh; overflow: hidden; padding: 100px 30px; position: relative; } #feature-slider-section .post-thumbnail { margin: 0; position: unset; } #feature-slider-section .post-thumbnail img { height: auto; left: 50%; max-width: 1000%; min-height: 100%; min-width: 100vw; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: auto; z-index: -1; } @supports (object-fit: cover) { #feature-slider-section .post-thumbnail img { height: 100%; left: 0; object-fit: cover; top: 0; transform: none; width: 100%; } } #feature-slider-section .entry-container { display: block; opacity: 0; position: relative; visibility: hidden; left: 80px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: .4s; -moz-transition-delay: .4s; -o-transition-delay: .4s; -ms-transition-delay: .4s; transition-delay: .4s; z-index: 9; } #feature-slider-section .active .entry-container { opacity: 1; visibility: visible; left: 0; z-index: 99; } #feature-slider-section.content-algin-center .entry-container .content-wrapper, .content-align-center .custom-header-content-wrapper { margin: 0 auto; } #feature-slider-section .entry-container { max-width: 1500px; width: 100%; margin: 0 auto; } #feature-slider-section .entry-container .content-wrapper, .custom-header-content-wrapper { max-width: 480px; z-index: 9; position: relative; } #feature-slider-section.content-align-right .entry-container > * { margin-right: 0; } #feature-slider-section.content-align-left .entry-container > * { margin-left: 0; } #feature-slider-section.content-align-center .entry-container > * { margin: 0 auto; } #feature-slider-section.content-align-left .entry-container .content-wrapper { margin: 0 auto 0 0; } #feature-slider-section.text-align-left .entry-container > * { text-align: left; } #feature-slider-section.text-align-right .entry-container > * { text-align: right; } #feature-slider-section .entry-header { padding-bottom: 0; } #feature-slider-section .entry-title { font-weight: 700; margin: 0 auto; } #feature-slider-section .entry-summary { margin: 0; font-size: 19px; font-size: 1.1875rem; } #feature-slider-section .entry-container .more-link { margin-top: 21px; } #feature-slider-section .owl-carousel .owl-dots { position: absolute; bottom: 5%; display: block; left: 30px; width: auto; display: none; } #feature-slider-section .owl-carousel .owl-dots button { display: inline-block; margin: 18px 7px; } #feature-slider-section .owl-carousel .owl-dots button:first-child { margin-left: 0; } .section .owl-carousel .owl-dots { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; flex-wrap: wrap; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 700; width: 100%; } .single-item .featured-video-content-wrapper .hentry:first-child { float: none; margin: 0 auto; width: 100%; } #feature-slider-section .owl-prev, #feature-slider-section .owl-next { background-image: none; border: none; border-radius: 0; cursor: pointer; outline: none; opacity: 1; filter: alpha(opacity=1); letter-spacing: 0; padding: 10px; position: absolute; bottom: 0; right: 50px; text-align: center; text-decoration: none; text-shadow: none; z-index: 199; } #feature-slider-section .owl-next { right: 0; } #feature-slider-section .owl-prev .icon, #feature-slider-section .owl-next .icon { width: 32px; height: 32px; } #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; } .color-scheme-music.home .header-media .section-title, .color-scheme-music #feature-slider-section .entry-title, .color-scheme-wedding.home .header-media .section-title, .color-scheme-wedding #feature-slider-section .entry-title, .color-scheme-corporate.home .header-media .section-title, .color-scheme-corporate #feature-slider-section .entry-title, .color-scheme-ecommerce.home .header-media .section-title, .color-scheme-ecommerce #feature-slider-section .entry-title { line-height: 1.31; } .color-scheme-wedding.home .header-media .section-title, .color-scheme-wedding #feature-slider-section .entry-title { font-weight: 700; text-transform: capitalize; } @media (min-width: 320px) and (max-width: 813px) and (orientation: landscape) { .custom-header-content .site-header-text, #feature-slider-section .entry-summary, #feature-slider-section .entry-content, #feature-slider-section .more-link, .header-media .custom-header-content .more-link { display: none; } } #feature-slider-section .entry-container p:not(.more-link), #feature-slider-section .slider-logo + h2.entry-title, .site-header-logo + .section-title-wrapper { display: none; } #feature-slider-section .entry-container .entry-summary + .view-more { display: block; margin-top: 21px; } #feature-slider-section.text-align-left .slider-logo, #feature-slider-section.text-align-left .slider-logo img { margin: 0 auto 0 0; } #feature-slider-section.text-align-right .slider-logo, #feature-slider-section.text-align-right .slider-logo img { margin: 0 0 0 auto; } /*-------------------------------------------------------------- ## footer 8.3.9 --------------------------------------------------------------*/ /** * 12.6 - Footer */ .contact-details-widget-area .wrapper, .footer-widget-area .wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .footer-widget-area .widget-column { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; min-width: 0; } #footer-menu-section ul li a { font-weight: 700; line-height: 1.75; padding: 0 7px; } #colophon .widget { background-color: transparent; } #social-footer-navigation .icon { top: 0; } #site-generator { clear: both; padding: 35px 30px; } .site-footer .widget-column { padding: 21px 30px; } .site-info { text-transform: capitalize; text-align: center; } .site-info a { text-decoration: none; } .contact-details-widget-area .widget-title { padding-bottom: 28px; text-transform: uppercase; font-weight: 300; line-height: 1.97; position: relative; } .contact-details-widget-area .widget-title:before { position: absolute; bottom: 0; width: 150%; content: ''; height: 1px; left: 50%; transform: translateX(-50%); } .site-footer .widget .widget-title:before { width: 47px; height: 2px; content: ''; position: absolute; left: 0; bottom: -2px; } .site-footer .widget li { line-height: 1.75; margin-bottom: 10px; } .site-footer .main-navigation li { display: inline-block; } .site-footer-menu .social-links-menu { justify-content: center; } #footer-menu-section .social-navigation .icon { height: 20px; width: 20px; transition: all 0.4s; } #footer-menu-section .social-navigation .icon:hover { opacity: 1; } #footer-menu-section .social-navigation ul li a { padding: 0; margin: 0 7px; width: 45px; height: 45px; border: 1px solid; border-radius: 50%; display: flex; transition: all 0.4s; justify-content: center; align-items: center; } #social-footer-navigation { margin-bottom: 35px; } .site-footer .footer-widget-area .wrapper { overflow: hidden; position: relative; } .site-footer-menu .wrapper { border: none; } .site-footer p, .site-footer li { margin-bottom: 7px; } .site-footer p:last-child, .site-footer li:last-child { margin-bottom: 0px; } .contact-details-widget-area .widget { overflow: hidden; padding: 0 14px; } .site-footer .widget .widget-title { margin-bottom: 7px; } .section:nth-child(2n+1)#footer-instagram + .section { border-top: 1px solid; } .site-footer .widget-column .widget { margin-bottom: 42px; } .site-footer .widget-column .widget:last-child { margin-bottom: 0; } .widget-area.footer-widget-area.contact-details-widget-area p { margin-bottom: 7px; } .widget-area.footer-widget-area.contact-details-widget-area p:last-child { margin-bottom: 0; } .site-footer .footer-widget-area { position: relative; padding: 21px 0 0; } .site-footer .widget li { list-style: none; } .site-content + .site-footer, .section:nth-child(2n + 1) + .site-footer { border-top: 1px solid; } /*-------------------------------------------------------------- ## archives 8.1.1 --------------------------------------------------------------*/ .archive .content-area .archive-content-wrap .section-content-wrapper .entry-container .entry-header .entry-title { font-size: 24px; font-size: 1.5rem; } @media only screen and (min-width: 64em) { .archive .content-area .archive-content-wrap .section-content-wrapper .entry-container .entry-header .entry-title { font-size: 36px; font-size: 2.25rem; } } .archive .content-area .archive-content-wrap .section-content-wrapper .entry-container .more-link { background: transparent; padding: 0; } .archive .content-area .archive-content-wrap .section-content-wrapper .entry-container .more-link:hover, .archive .content-area .archive-content-wrap .section-content-wrapper .entry-container .more-link:focus { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .singular-content-wrap .more-link { padding: 0; } .singular-content-wrap .more-link:hover, .singular-content-wrap .more-link:focus { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .search .entry-meta { margin: 5px 0 10px; } .archive .archive-content-wrap nav.navigation.posts-navigation { padding-left: 0; padding-right: 0; } @media only screen and (min-width: 41.688em) { .archive .archive-content-wrap nav.navigation.posts-navigation { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 85.375em) { .archive .archive-content-wrap nav.navigation.posts-navigation { padding-left: 20px; padding-right: 20px; } } .archive .archive-content-wrap nav.navigation.posts-navigation .nav-links { padding: 0; } .search.search-results .content-area .product .hentry-inner { padding: 25px; } .archive-post-wrap .hentry { border-bottom: 1px solid; } /*-------------------------------------------------------------- ## comments 8.1.2 --------------------------------------------------------------*/ /** * 12.4 - Comments */ .comments-area { clear: both; display: block; width: 100%; } .comment-list { list-style: none; margin: 0; } .comment-list article, .comment-list .pingback, .comment-list .trackback { padding: 2em 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 { border-top: 1px solid #333333; padding-left: 93px; } .comment-author { margin: 0 28px 28px 0; } .comment-container { overflow: hidden; } .comment-author a { text-decoration: none; } .comment-author .avatar { height: 65px; width: 65px; border-radius: 50%; } .comment-meta .edit-link, .pingback .edit-link { font-size: 13px; font-size: 0.8125rem; line-height: 1.6153846154; } .comment-meta { margin-bottom: 21px; } .comment-content ul, .comment-content ol { margin: 0 0 1.75em 1.5em; } .comment-content li > ul, .comment-content li > ol { margin-bottom: 0; } .author-link, .comment-reply-link { display: inline-block; font-size: 13px; font-size: 0.8125rem; font-weight: 700; letter-spacing: 1px; line-height: 1; text-decoration: none; text-transform: uppercase; margin-top: 21px; } .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; text-align: center; } .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-reply-title { text-align: center; font-weight: 700; } .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: 700; } .comment-meta a { text-decoration: none; } .comment-meta a:hover, .comment-meta a:focus { text-decoration: underline; } .comment-meta .comment-permalink, .comment-form-cookies-consent label, .comment-form-cookies-consent input, .woocommerce .comment-form-cookies-consent label { display: inline-block; } .comment-form label { text-transform: uppercase; line-height: 2.15; font-weight: 700; } /*-------------------------------------------------------------- ## widgets 8.32.1 --------------------------------------------------------------*/ /** * 11.0 - Widgets */ .site-fooer .widget .widget-title { line-height: 1.4; } .widget .widget-title:empty { margin-bottom: 0; } .widget ul, .widget ol { list-style: none; margin-left: 0; margin-bottom: 0; } .widget-area li { line-height: 1.56; } .widget .hentry .entry-title { font-weight: 700; line-height: 1.56; margin: 0; } /* 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: none; display: inline-block; line-height: 1; padding: 7px 14px; margin-right: 7px; margin-bottom: 7px; } .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); } .widget-column .instagram-button { margin: 0; } #footer-instagram .widget, .widget-area.contact-details-widget-area .catch-instagram-feed-gallery-widget-wrapper .button { padding: 0; } #footer-instagram .widget-title { margin: 0 30px 42px; text-align: center; letter-spacing: 0; text-transform: capitalize; padding: 42px 0 28px; font-weight: 400; } .widget-area .catch-instagram-feed-gallery-widget-wrapper .button { margin-top: 21px; 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 .button { margin: 42px auto 0; border-radius: 28px; border: solid 2px; } .widget-area .date-label { display: none; } /* Footer Newsletter */ .footer-newsletter:before, .footer-newsletter:after { clear: both; content: ""; display: block; } #footer-newsletter .wrapper { max-width: 1920px; } #footer-newsletter .widget { clear: both; margin: 0; padding: 0; } #footer-newsletter .has-background-image.widget { margin: 42px auto; } #footer-newsletter .widget-inner { max-width: 1020px; margin: 0 auto; padding: 0 30px; } #footer-newsletter .ewnewsletter .widget-inner-wrap { padding: 0; margin: 0; } #footer-newsletter .ewnewsletter .hentry { text-align: left; margin-bottom: 42px; } .ew-newsletter-content-container > :last-child { margin-bottom: 0; } .footer-newsletter .ew-newsletter-image-container { margin-bottom: 21px; } .widget-area .left .featured-image, .widget-area .right .featured-image { width: 21%; } .widget-area .left .entry-container, .widget-area .right .entry-container { width: 79%; } /* UI Tabs */ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-tabs .ui-tabs-panel { background-color: transparent; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-tabs .ui-tabs-panel { border: none; } .ui-tabs .ui-tabs-panel { padding: 0; } .ui-tabs .ui-tabs-nav li a { font-weight: 600; font-size: 13px; font-size: .8125rem; line-height: 1.615384615384615; outline: 0; padding: 0 7px 28px; text-align: center; text-transform: uppercase; } #scrollup { display: none; } .tagcloud a, .wp-block-tag-cloud a, .widget-area .essential-widgets .tagcloud a { border: 1px solid; margin: 0 7px 7px 0; padding: 7px 14px; display: inline-block; } .ewfeaturedpostpageimage .left .entry-container { padding-left: 21px; } #footer-instagram { padding: 0; } .footer-instagram h2.widget-title { font-family: 'Courgette', cursive; position: relative; padding-bottom: 28px; } .footer-instagram h2.widget-title:before { position: absolute; bottom: 0; content: ''; width: 98px; height: 3px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .sidebar .cat-links { margin: 7px 0 0; } .widget .wp-block-latest-comments__comment-meta { margin-bottom: 0; } .essential-widgets .widget-title { margin: 0; } .wp-block-search__button::before { content: ''; width: 17px; height: 17px; background-image: url(assets/images/search-icon.svg); background-size: 100%; background-repeat: no-repeat; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 99; position: absolute; } .color-scheme-light .wp-block-search__button::before { background-image: url(assets/images/search-icon-dark.svg); } .widget-area .widget .hentry .entry-meta { margin-top: 7px; line-height: 1.62; font-size: 13px; } .widget-area .widget .hentry .entry-meta span { margin-bottom: 0; } .widget .has-avatars li { padding-left: 0; padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px solid; } .widget .has-avatars li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .widget .has-avatars li::before { display: none; } .widget-area .essential-widgets .hentry .entry-title { text-transform: initial; } /*-------------------------------------------------------------- ## woocommerce 8.3.10 --------------------------------------------------------------*/ /** * 13.10 - Woocommerce */ /** * Clearing */ .woocommerce-shorting-wrapper:before, .woocommerce-shorting-wrapper:after { content: ""; display: table; table-layout: fixed; } .woocommerce-shorting-wrapper:after { clear: both; } /** * Layout */ .woocommerce-products-header { text-align: center; margin-left: auto; margin-right: auto; max-width: 990px; } .woocommerce-products-header .page-description { margin-top: 24px; } .woocommerce-products-header .page-description p { margin-bottom: 0; } .woocommerce-products-header .page-title { margin-bottom: 21px; } .woocommerce-shorting-wrapper { clear: both; display: block; margin: 0 0 35px; text-align: center; } /** * 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: 14px; 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 { display: block; font-size: 24px; font-size: 1.5rem; margin: 0 auto; text-align: center; } 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; } /** * Products */ ul.products li.product .woocommerce-LoopProduct-link { display: flex; flex-wrap: wrap; flex-direction: column; position: relative; } .woocommerce-loop-product__title { width: 100%; } ul.products li.product .price { order: 1; } .star-rating { order: 2; } ul.products li.product span.price del { padding-right: 7px; } .star-rating, .price del + ins { margin: 0; } ul.products { clear: both; display: block; margin: 0; } ul.products:before, ul.products:after { content: ""; display: table; } ul.products:after { clear: both; } ul.products li.product { list-style: none; float: left; position: relative; margin: 0 auto 35px; width: 100%; } ul.products li.product a { text-decoration: none; } ul.products li.product img { display: block; width: 100%; } .product-container { padding-top: 21px; } ul.products li.product span.price del { font-size: 16px; font-size: 1rem; font-weight: 300; line-height: 1.31; } ul.products li.product .price del + ins { line-height: 1.458333333333333; padding: 0; } .woocommerce-loop-product__title { line-height: 1.5; margin: 0 0 10px 0; } .product-container a.button, .woocommerce .product-container .wc-forward { display: inline-block; margin-top: 1.166666666666667em; } .product_list_widget li img { max-width: 72px; max-height: 72px; margin-left: 14px; float: right; } /** * Infinite Scroll */ .infinite-scroll .woocommerce-pagination { display: none; } /** * Onsale */ .onsale { border-radius: 24px; font-size: 12px; font-size: 0.75rem; line-height: 1.2; min-height: auto; min-width: auto; margin: 0; padding: 7px 14px; position: absolute; top: 14px; right: auto; left: 14px; text-align: center; text-transform: uppercase; } /** * Price */ span.price del, p.price del { display: inline-block; opacity: .5; } span.price ins, p.price ins { background: transparent; } .price { font-size: 16px; font-size: 1rem; font-weight: 600; margin: 0; } .product-container .price { margin-top: 7px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.56; letter-spacing: normal; } /** * Buttons */ .woocommerce button.pswp__button:hover, .woocommerce button.pswp__button:focus { background-color: transparent; } .woocommerce-form-login button[type="submit"] { margin-right: 14px; } .widget .woocommerce-mini-cart__buttons { margin-bottom: 0; } .woocommerce-mini-cart__buttons .button { display: block; margin: 0 2px 14px 2px; text-align: center; } /** * Single product */ .single-product div.product { position: relative; } .single-product div.product .woocommerce-product-gallery { position: relative; } .single-product div.product .onsale { z-index: 2; } .single-product div.product .entry-summary { margin: 28px 0 0; } .single-product div.product .entry-summary .entry-title { margin: 0; } .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 { font-size: 18px; font-size: 1.125rem; font-weight: 700; line-height: 1.4; margin: 21px 0 14px; } .single-product div.product p.price del { font-weight: 400; } .single-product div.product .icon-zoom { fill: #999; } .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: 21px; } .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 { border: 1px solid; 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: 35px 0 0; } .single-product div.product form.cart .quantity { float: left; margin-right: 21px; } .single-product .product_meta { display: block; font-size: 14px; font-size: 0.875rem; padding-top: 2em; } .single-product .product_meta .sku_wrapper, .single-product .product_meta .posted_in { display: block; } .single-product .woocommerce-variation-price { margin: 0 0 1.5em; } table.variations { display: block; width: 100%; height: 100%; padding: 0; border: none; border-collapse: inherit; border-spacing: 0; border-color: inherit; vertical-align: inherit; } table.variations tbody { display: block; width: 100%; } table.variations td { padding: 0; margin: 0; } table.variations tr { border: none; display: block; margin: 0 0 21px; } table.variations tr > :last-child { margin: 0; } table.variations td.label, table.variations td.value { display: block; clear: both; width: 100%; } table.variations td.value select { width: 100%; } .variations .reset_variations { margin-top: 7px; } .single-product .product_meta a, .woocommerce-info a, .variations .reset_variations { text-decoration: none; } .woocommerce label { display: block; font-size: 13px; font-size: 0.8125rem; margin-bottom: 7px; text-transform: uppercase; } .woocommerce-mini-cart__total { text-align: center; } .single-product div.product .related, .single-product div.product .upsells, .cart-collaterals .cross-sells, .cart-collaterals .cart_totals { margin-top: 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: 35px; position: relative; } #reviews #comments ol.commentlist li img.avatar { -webkit-border-radius: 50%; border-radius: 50%; float: left; position: absolute; top: 0; left: 0; width: 70px; } #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 70px; 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; } /** * Checkout */ table.cart .product-thumbnail { text-align: center; } table.cart .product-thumbnail:before { display: none; } table.cart .product-thumbnail img { border: 1px solid; margin: 0 auto; } .coupon input { border-radius: 28px; } 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, 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; } /** * My account */ .woocommerce-account .woocommerce-MyAccount-navigation { border: 1px solid; border-width: 1px 1px 0; margin: 0 0 1.555555555555556em; } .woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; } .woocommerce-account .woocommerce-MyAccount-navigation li { border-bottom: 1px solid; margin: 0; } .woocommerce-account .woocommerce-MyAccount-navigation a { display: block; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; text-decoration: none; padding: 10px 21px; font-weight: 700; } .woocommerce-MyAccount-content { padding-top: 30px; } .woocommerce-MyAccount-content > :last-child { margin-bottom: 0; } .woocommerce-MyAccount-content fieldset { margin: 1.555555555555556em 0; padding: 14px 28px; } .woocommerce-MyAccount-content fieldset p { margin: 0 0 1.555555555555556em; } .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; } /** * General WooCommerce components */ /** * Header cart */ .site-header-cart .site-cart-contents-items { display: none; } .menu-search-main-toggle, .site-header-cart { font-size: 17px; font-size: 1.0625rem; } #site-header-primary-cart-wrapper { padding: 0 19px; } .site-product-search { margin-left: 0; } .site-header-cart { list-style: none; margin: 0; position: relative; } .site-header-cart li { list-style: none; text-transform: none; } .site-header-cart li.menu-inline, .site-header-main .secondary-account-wrapper { padding: 11px; } .site-header-cart .menu-inline a.my-account, .site-header-cart .menu-inline a.site-cart-contents, .site-header-cart .menu-inline a.menu-search-toggle, #search-toggle-main { line-height: 1.4; } .site-header-cart .menu-inline a.my-account, .site-header-cart .menu-inline a.site-cart-contents { display: block; } .site-header-cart .menu-inline a.menu-search-toggle { display: none; } .site-header-cart .woocommerce .widget_shopping_cart .cart_list li, .site-header-cart .woocommerce.widget_shopping_cart .cart_list li { margin: 0; padding-left: 0; } .site-header-cart .widget_shopping_cart { font-size: 15px; font-size: 0.9375rem; } .site-header-cart .product_list_widget { margin: 0; padding: 0; } .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 { text-decoration: none; } .site-header-cart .woocommerce-mini-cart__total, .site-header-cart .woocommerce-mini-cart__buttons { text-align: center; } .site-header-cart .woocommerce-mini-cart__buttons a { font-size: 12px; font-size: 0.75rem; margin: 0 7px 14px; } .site-header-cart .widget { margin: 0; } .site-cart-contents .sep { display: inline; margin: 0 3px; } /** * Pagination */ .woocommerce-pagination ul { display: inline-block; margin: 0; } .woocommerce-pagination ul li { display: inline-block; list-style: none; height: 35px; line-height: 35px; margin: 0 3px 3px 0; text-align: center; width: 35px; } .woocommerce-pagination ul li span.current, .woocommerce-pagination ul li a { -webkit-border-radius: 0; border-radius: 0; display: block; } .woocommerce-pagination ul li a { text-decoration: none; } /** * Star rating */ .star-rating { font-size: 12px; font-size: 0.75rem; font-family: 'star'; font-weight: 400; height: 1.618em; line-height: 1.618; overflow: hidden; position: relative; width: 5.3em; } .product-container .star-rating { margin-top: 7px; } .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; } .star-rating span:before, p.stars:hover a:before, p.stars.selected a.active:before, p.stars.selected a:not(.active):before { color: #ffa900; } 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:before, p.stars a:hover ~ a:before, p.stars.selected a.active ~ a:before, .woocommerce-tabs ul.tabs li a { color: #999; } 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; } /** * Tabs */ .woocommerce-tabs { clear: both; display: block; overflow: hidden; } .woocommerce-tabs ul.tabs { font-size: 18px; font-size: 1.125rem; font-weight: 700; line-height: 1.75; list-style: none; margin: 35px 0 0; padding: 0; text-align: left; } .woocommerce-tabs ul.tabs li { display: inline-block; margin: 0 21px 0 0; position: relative; } .woocommerce-tabs ul.tabs li a { display: block; padding: 21px 0px; text-decoration: none; } .woocommerce-tabs .panel { margin: 0; padding: 35px 0; text-align: left; border-top: 1px solid; border-bottom: 1px solid; } .woocommerce-tabs .panel h2:first-of-type { font-size: 18px; font-size: 1.125rem; margin-bottom: 14px; } .woocommerce-tabs .panel p:last-child { margin-bottom: 0; } /** * 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; } /** * 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: red; } .quantity .qty { border: 1px solid; -webkit-border-radius: 8px; border-radius: 8px; margin: 0; padding: 10px 14px; width: 3.54em; text-align: center; } .woocommerce-cart-form > :last-child { margin: 0; } /** * Notices */ .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { clear: both; content: ""; display: table; margin-bottom: 2.470588235294118em; padding: 21px 28px; table-layout: fixed; width: 100%; } .woocommerce-message a.button, .woocommerce-Message a.button { margin-right: 14px; } .woocommerce-info, .woocommerce-message { border-left: 5px solid; } .woocommerce-error { border-left: 5px solid #e2401c; } .woocommerce-error li:last-child { margin-bottom: 0; } .demo_store { font-size: 14px; font-size: 0.875rem; font-weight: 500; line-height: 1.5; position: relative; margin: 0 auto; max-width: 1920px; padding: 1.125rem 2.5rem 1.1875rem 1.125rem; text-align: center; text-transform: uppercase; width: 100%; } ul.wc_payment_methods { list-style: none; margin-left: 0; } ul.wc_payment_methods li { 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 28px; 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 { background-color: transparent; border: none; border-radius: 0; bottom: 0; font-size: 15px; font-size: 0.9375rem; overflow: hidden; padding: 0; position: absolute; right: 0; top: 0; text-indent: -999999px; width: 35px; } .demo_store .woocommerce-store-notice__dismiss-link:before { content: "x"; display: block; font-size: 22px; font-size: 1rem; font-weight: 600; left: 50%; line-height: 0; position: absolute; top: 50%; text-indent: 0; transform: translate(-50%, -50%); } /** * WooCommerce widgets */ /** * WooCommerce Price Filter */ .widget_price_filter .price_slider { margin-bottom: 2em; } .widget_price_filter .price_slider_amount { text-align: left; line-height: 2.4em; } .widget_price_filter .price_slider_amount .button { float: right; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { -webkit-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 2; width: 1em; height: 1em; cursor: ew-resize; outline: none; background: #999; box-sizing: border-box; margin-top: -.25em; margin-left: -0.25em; opacity: 1; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -0.75em; } .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; background: #111; } .widget_price_filter .price_slider_wrapper .ui-widget-content { background: rgba(0, 0, 0, 0.1); } .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; } .widget.woocommerce ul, .widget.woocommerce ol { list-style: none; margin-left: 0; } .woocommerce ul.cart_list li:before, .woocommerce ul.cart_list li:after, .woocommerce ul.product_list_widget li:before, .woocommerce ul.product_list_widget li:after { content: ""; display: block; } .woocommerce ul.cart_list li:after, .woocommerce ul.product_list_widget li:after { clear: both; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { clear: both; padding-left: 28px; position: relative; padding-top: 0; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { display: block; line-height: 1.56; font-weight: 500; } .site-header-cart .woocommerce ul.cart_list li a, .site-header-cart .woocommerce ul.product_list_widget li a { font-weight: 400; } .woocommerce ul.cart_list li:last-child, .woocommerce ul.product_list_widget li:last-child { border-bottom: none; padding-bottom: 0; } .woocommerce ul.cart_list a.remove { background: #ca4646; display: block; font-size: 1.2em; height: 1em; width: 1em; text-align: center; line-height: 1; border-radius: 100%; color: #fff !important; text-decoration: none; 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: 7px; 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: 26px; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { border-bottom: 1px solid; display: block; padding: 0 0 21px; margin: 0 0 21px; width: 100%; } .woocommerce ul.cart_list li:last-child, .woocommerce ul.product_list_widget li:last-child { margin: 0; } .hover-add-to-cart .woocommerce .product-container .button, .hover-add-to-cart .woocommerce .product-container .wc-forward { background-image: none; border: 0; border-radius: 0; font-size: 16px; font-size: 1rem; font-weight: 600; line-height: 1; padding: 13px 14px; text-transform: capitalize; text-align: center; margin-top: 21px; } .woocommerce .product-container .button, .woocommerce .product-container .wc-forward { font-size: 15px; font-weight: 600; line-height: 1.75; text-transform: capitalize; text-align: center; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .product-container .wc-forward { padding: 13px 28px; } .woocommerce .product-container .wc-forward { margin-left: 7px; } .woocommerce .product-container .button:before { content: ""; background-image: url("assets/images/shopping-cart.svg"); background-repeat: no-repeat; background-size: 100%; transition: 0.3s; width: 32px; height: 32px; position: absolute; right: 0; } .color-scheme-light .woocommerce .product-container .button:before { -webkit-filter: brightness(0.1); filter: brightness(0.1); } #product-showcase-section .woocommerce ul.products li.product a.button.add_to_cart_button { padding: 0; width: 32px; height: 32px; font-size: 0px; margin: 14px 0 0; transition: all 0.4s; border: none; border-radius: 0; } #product-showcase-section .woocommerce ul.products li.product a.button.add_to_cart_button:hover { opacity: 0.5; } /*product-content-wrapper*/ .product-content-section .product-content-wrapper .products.columns-3 { padding: 0 20px; } .product-content-section .columns-3 ul.products li.product { padding: 0 10px; } .product-content-section .product-content-wrapper .products.columns-1, .product-content-section .product-content-wrapper .products.columns-2, .product-content-section .product-content-wrapper .products.columns-4 { padding: 0 15px; } .product-content-section .columns-1 ul.products li.product, .product-content-section .columns-2 ul.products li.product, .product-content-section .columns-4 ul.products li.product { padding: 0 15px; } .woocommerce figure { margin: 0; } .related.products > h2 { margin-bottom: 35px; } .related.products .product-container { padding: 28px; } #product-content-section .onsale { left: 10px; } .site-header-menu > .site-header-cart { display: none; } .woocommerce .product-container .wc-forward { width: auto; margin-left: 14px; } .woocommerce-ordering .orderby { border: 1px solid #2f2f2f; } .entry-breadcrumbs { padding-bottom: 0; padding-top: 14px; } .woocommerce .woocommerce-breadcrumb { padding-bottom: 14px; padding-top: 0; } .product-showcase-section .section-content-wrapper.product-content-wrapper { padding: 0 30px; } #product-showcase-section { background-size: cover; background-repeat: no-repeat; } #product-showcase-section:before { position: absolute; width: 100%; height: 100%; content: ''; display: block; top: 0; left: 0; } #product-showcase-section p.view-more { text-align: center; z-index: 9; position: relative; margin-top: 0; } .product-showcase-section .product-container { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; } .product-showcase-section ul.products li.product .product-container .woocommerce-LoopProduct-link { width: calc(100% - 32px); padding-right: 21px; } .hover-add-to-cart .woocommerce .product-container a.added_to_cart.wc-forward { border: 2px solid; border-radius: 28px; text-transform: uppercase; } .site-header-cart .woocommerce a.button { padding: 7px 21px; font-size: 13px; } table.cart td.actions { border-top: 1px solid; } .woocommerce-form-row { margin-bottom: 21px; } .woocommerce-additional-fields { margin-top: 42px; } /*-------------------------------------------------------------- ## Team 8.3.11 --------------------------------------------------------------*/ /** * 14.4 - Team Content Section */ .team-content-wrapper .hentry { height: auto; } .team-content-wrapper .hentry-inner { overflow: hidden; position: relative; } .team-content-wrapper .post-thumbnail, .team-content-wrapper .entry-title, .team-content-wrapper .entry-meta { margin: 0; } .team-content-wrapper.section-content-wrapper .entry-title { margin: 0; } .team-content-wrapper .entry-container { display: block; padding: 28px 35px; position: relative; } .team-content-wrapper .hentry-inner:hover .entry-container, .team-content-wrapper .hentry-inner:focus .entry-container { -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); transform: translate(0%, 0%); } .team-content-wrapper .entry-summary, .team-content-wrapper .entry-content { margin: 14px 0 0; } .team-content-wrapper .entry-meta { line-height: 1.75; letter-spacing: 0; text-transform: capitalize; } .team-content-wrapper .artist-social-profile { margin-top: 0; position: absolute; right: 30px; top: -0px; opacity: 0; transition: all 0.4s; visibility: hidden; } .team-content-wrapper article:hover .artist-social-profile { top: -25px; opacity: 1; visibility: visible; } .artist-social-profile li a { width: 50px; height: 50px; display: flex; line-height: 50px; padding: 0; text-align: center; transition: all 0.4s; justify-content: center; border-radius: 50%; } .team-content-wrapper.section-content-wrapper .post-thumbnail { margin: 0; } #team-content-section .wrapper { position: relative; } .team-content-wrapper .button:before { display: flex; } .team-content-wrapper.section-content-wrapper .post-thumbnail a img { width: 100%; } .team-content-wrapper.section-content-wrapper .post-thumbnail { margin: 0; transition: 0.6s ease-in-out; } .team-content-wrapper .view-more { text-align: center; } .team-content-wrapper .entry-meta { margin-bottom: 7px; } /*-------------------------------------------------------------- ## Logo-Slider 8.3.12 --------------------------------------------------------------*/ .clients-content-wrapper { position: relative; } .clients-content-wrapper .hentry .post-thumbnail { margin-bottom: 0; } .clients-content-wrapper div#logo-slider-pager { font-size: 45px; font-size: 2.8125rem; } .clients-content-wrapper div#logo-slider-pager span { cursor: pointer; } .clients-content-wrapper .cycle-prev { margin-right: 5px; } .clients-content-wrapper .cycle-next { margin-left: 5px; } .clients-content-wrapper .controller { align-items: center; bottom: -65px; display: none; left: 50%; transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); position: absolute; } #clients-section .section-heading-wrapper { padding-bottom: 0; } .logo-slider-content-wrapper .entry-container { margin-top: 30px; text-align: center; } #logo-slider-section .owl-item.active .hentry { border-bottom: none; border-top: none; border-left: none; padding: 0 20px 0 20px; } #logo-slider-section .owl-item.active .hentry .post-thumbnail img { width: auto; } #logo-slider-section .owl-carousel .owl-stage-outer { padding-left: 1px; } /*-------------------------------------------------------------- ## Service 8.3.13 --------------------------------------------------------------*/ .services-section.section .hentry { width: 100%; } .services-section.section .hentry .hentry-inner { padding: 30px; transition: all 0.4s; } .services-section.section .hentry .hentry-inner:hover { transform: translateY(-4px); } .services-section.section .hentry .hentry-inner .post-thumbnail { margin-bottom: 21px; margin-left: auto; margin-right: auto; max-width: 125px; text-align: center; } @media only screen and (min-width: 48em) { .services-section.section .hentry .hentry-inner .post-thumbnail:hover img { transform: scale(0.9); -o-transform: scale(0.9); -moz-transform: scale(0.9); -webkit-transform: scale(0.9); } } .services-section.section .hentry .hentry-inner .post-thumbnail img { margin: 0 auto; } @media only screen and (min-width: 41.688em) { .services-section.section .hentry .hentry-inner .post-thumbnail img { margin: 0; } } .services-section.section .hentry .hentry-inner .entry-container { text-align: center; } .services-section.section .hentry .hentry-inner .entry-container p { margin-bottom: 0; } .services-section.section .hentry .hentry-inner .entry-container .entry-category { margin-bottom: 14px; } .services-section.section .hentry .hentry-inner .entry-container .entry-meta { margin-top: 7px; } .services-section.section .hentry .hentry-inner .entry-container .more-link { margin: 0; } .services-section.section .hentry .hentry-inner .entry-container .more-link .button, .services-section.section .hentry .hentry-inner .entry-container .more-link .readmore { margin-top: 28px; border: none; padding: 0; font-family: 'poppins',sans-serif; text-transform: uppercase; display: none; } .services-section .hentry .hentry-inner .post-thumbnail a { display: inline-block; position: relative; } div#services-section .section-description + .view-more { margin: 35px 0 0; padding: 0; } /*-------------------------------------------------------------- ## Contact 8.3.14 --------------------------------------------------------------*/ /** * 14.9 - Contact Section */ #contact-section { padding: 0; position: relative; } .contact-details > div { display: block; float: none; margin: 0 0 35px; position: relative; width: 100%; } .contact-details > .contact-address { float: left; } .contact-details > div a { display: block; } .contact-details .contact-details-icon-wrapper { border: 1px solid; -webkit-border-radius: 50%; border-radius: 50%; display: none; margin: 0 auto 21px; padding: 21px; text-align: center; width: 80px; height: 80px; } .contact-details .contact-details-icon-wrapper .icon { width: 35px; height: 35px; } .contact-details .contact-details-label { font-size: 16px; font-size: 1rem; line-height: 1.75; } .contact-section .view-more { padding: 0; text-align: left; } .contact-section .contact-us-form, .contact-section .contact-info { width: 100%; padding: 0 30px; margin: 0; } .contact-section .hentry.contact-us-form { padding-bottom: 42px; padding-top: 42px; } .contact-section #social-contact-navigation { float: left; } .contact-section #social-contact-navigation .social-links-menu { justify-content: left; } .contact-details .contact-info-wrap { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; flex-wrap: wrap; justify-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } article.hentry.contact-info { padding-left: 0; padding-right: 0; } article.hentry.contact-info .post-thumbnail { padding-bottom: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; } .contact-us-form textarea.wpcf7-form-control.wpcf7-textarea { height: 130px; resize: none; } #contact-section .two-col div { width: 50%; float: left; padding-right: 28px; } #contact-section .two-col div:last-child { padding-right: 0; } .contact-us-form .two-col > div:first-child, .two-col { margin-bottom: 28px; } .contact-info .entry-content { margin-top: 0; } .wpcf7-form label, .contact-us-form label { font-size: 12px; text-transform: uppercase; font-weight: 600; display: block; line-height: 1; letter-spacing: 0.86px; } figure.google-maps { margin: 0; } figure.google-maps iframe { width: 100%; } .contact-section .section-heading-wrapper.featured-section-headline { text-align: left; padding-left: 0; padding-right: 0; } .contact-section .section-heading-wrapper::before { left: 0; transform: none; } .section-content-wrapper.contact-content-wrapper.layout-one { display: block; } .contact-section.layout-one .hentry.contact-us-form { margin: 0 auto; max-width: 600px; float: none; padding-right: 30px; z-index: 9; } .layout-one article.hentry.contact-info .post-thumbnail { position: relative; } .section-content-wrapper.contact-content-wrapper.layout-one { padding: 0; } #contact-details-section .section-heading-wrapper.featured-section-headline, #contact-details-section, .contact-section.layout-one .section-heading-wrapper.featured-section-headline { text-align: center; } .contact-section.layout-one .section-heading-wrapper::before { left: 50%; transform: translateX(-50%); } .layout-one article.hentry.contact-info .post-thumbnail { padding-bottom: 0; } .contact-details-section .details { padding: 15px 30px; } #contact-section.layout-one .wrapper { max-width: 100%; } #contact-section.layout-one .section-content-wrapper.contact-content-wrapper { padding: 0; } #contact-section.layout-one .section-content-wrapper.contact-content-wrapper .entry-content { margin-top: 0; } #contact-details-section .section-heading-wrapper { margin-bottom: 28px; } .contact-section.layout-one .hentry.contact-info { width: 100%; } .contact-section .wpcf7-form-control.wpcf7-submit { margin-top: 28px; } .contact-section.layout-one .wpcf7-form-control.wpcf7-submit { margin: 28px auto 0; display: flex; } .contact-section article.contact-us-form + article.hentry.contact-info .post-thumbnail a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } contact-us-form { max-width: 700px; } #contact-map-section { padding: 0; } #contact-map-section .wrapper { max-width: 100%; } #contact-map-section .wrapper .contact-content-wrapper { padding: 0; } #contact-map-section .wrapper .contact-content-wrapper .hentry { margin: 0; } .comment-respond, .wpcf7 { padding: 30px; max-width: 760px; margin: 0 auto; position: relative; } .contact-form-section .section-content-wrapper .entry-content textarea, .contact-form-section .section-content-wrapper .entry-content input { margin-top: 0; } .wpcf7 form p { margin-bottom: 28px; } .wpcf7 form p:last-of-type { margin-bottom: 0; } .contact { align-items: center; display: flex; padding-bottom: 28px; border-bottom: 1px solid; margin-bottom: 28px; } .contact:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .contact .icon { width: 40px; font-size: 36px; } .contact .inner-contact { width: calc(100% - 40px); padding-left: 14px; } .contact .inner-contact { font-size: 18px; } .contact .inner-contact .address-label, .contact .inner-contact .email-label, .contact .inner-contact .phone-label { font-weight: 700; margin-bottom: 7px; } .section-content-wrapper.contact-content-wrapper { padding: 0 30px; } article.hentry.contact-us-form .entry-description { margin-bottom: 21px; line-height: 1.46; } .section-content-wrapper .entry-content form.wpcf7-form label + input { margin-top: 28px; } #contact-map-section .entry-content { margin: 0; } /*-------------------------------------------------------------- ## Featured-content 8.3.15 --------------------------------------------------------------*/ /** * 14.2 - Featured Content & Portfolio */ .featured-content-wrapper, .portfolio-content-wrapper, .pricing-content-wrapper { position: relative; } .featured-content-wrapper a, .portfolio-content-wrapper a, .pricing-content-wrapper a { text-decoration: none; } .featured-content-wrapper .post-thumbnail, .portfolio-content-wrapper .post-thumbnail, .pricing-content-wrapper .post-thumbnail { width: 100%; overflow: hidden; } #featured-content-section .has-post-thumbnail img { margin-left: 30px; -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #featured-content-section .has-post-thumbnail:hover img { margin-left: 0; opacity: 0.8; } /*Featured Video Section*/ .featured-video-section.style-two .section-content-wrapper { margin: 0 auto; } #featured-video-section .entry-title ~ .entry-meta { clip: inherit; height: inherit; overflow: inherit; position: inherit !important; width: inherit; word-wrap: inherit !important; } #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-section .entry-meta { line-height: 1.56; margin-top: 7px; } .featured-video-section.style-one .entry-meta { font-size: 14px; font-size: 0.875rem; } .featured-video-section.style-two .entry-meta { font-size: 16px; font-size: 1rem; } #featured-content-section .view-more { text-align: center; } #featured-content-section .entry-summary p { margin-bottom: 0; } #featured-content-section .entry-meta { margin-top: 7px; } #featured-content-section .entry-summary .more-link .button { background-color: transparent; padding: 0; border: none; } /*-------------------------------------------------------------- ## Stats 8.3.16 --------------------------------------------------------------*/ /** * 14.10 - Stats */ .stats-content-wrapper .entry-header .entry-meta { line-height: 1.62; letter-spacing: 2px; margin-top: 14px; text-transform: uppercase; } .stats-section .hentry { padding: 0 15px; text-align: center; } .section-content-wrapper.stats-content-wrapper { display: flex; flex-wrap: wrap; margin-bottom: 35px; padding: 0 30px; margin-top: 42px; } .section-content-wrapper.stats-content-wrapper .post-thumbnail, .section-content-wrapper.stats-content-wrapper .post-thumbnail a img { margin: 0; width: 100%; } .stats-content-wrapper .entry-container { overflow: hidden; } .stats-content-wrapper .entry-summary, .stats-content-wrapper .entry-content { margin-top: 0; margin-left: 14px; } .stats-content-area .section-heading-wrapper, .stats-content-area .section-content-wrapper { width: 100%; } .section-content-wrapper.stats-content-wrapper .entry-summary { margin: 14px 0 0; } .stats-content-area .stats-content-wrapper .entry-title { margin-bottom: 14px; line-height: 1.13; font-weight: 400; } .section-content-wrapper.stats-content-wrapper .hentry-inner .sub-title { font-weight: 300; line-height: 1.13; } .color-scheme-music .section-content-wrapper.stats-content-wrapper .hentry-inner .sub-title, .color-scheme-corporate .section-content-wrapper.stats-content-wrapper .hentry-inner .sub-title, .color-scheme-ecommerce .section-content-wrapper.stats-content-wrapper .hentry-inner .sub-title { font-weight: 200; } .section-content-wrapper.stats-content-wrapper .hentry-inner .post-thumbnail { margin: 0 0 21px; width: 70px; } #stats-section .more-link { margin-bottom: 35px; } .stats-section .section-heading-wrapper { text-align: left; margin: 0; padding-bottom: 0; } .section-content-wrapper.stats-content-wrapper .hentry { width: 50%; border-left: 1px solid #fff; } #stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry { width: 48%; border-left: 1px solid; margin: 0; text-align: left; padding: 35px; border-top: 1px solid; } #stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry:nth-child(1), #stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry:nth-child(2) { border-top: none; padding-top: 0; } #stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry:nth-child(1), #stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry:nth-child(3) { border-left: none; padding-left: 0; } #stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry:nth-child(3), #stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry:nth-child(4) { padding-bottom: 0; } #stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry:nth-child(2), #stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry:nth-child(4) { padding-right: 0; } #stats-section .section-subtitle { margin-top: 35px; position: relative; padding-left: 88px; } #stats-section .section-subtitle::before { position: absolute; top: 15px; left: 0; width: 60px; height: 1px; content: ''; } .section-content-wrapper.stats-content-wrapper .hentry-inner .post-thumbnail { margin-top: 0; } /*-------------------------------------------------------------- ## Gallery 8.3.17 --------------------------------------------------------------*/ /** * 14.8 - Gallery Section */ #gallery-section .tiled-gallery .tiled-gallery-item a:before { background: rgba(0, 0, 0, 0.65); } #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 .tiled-gallery .tiled-gallery-item a:before { opacity: 0; } #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 .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: 1500px; 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 { margin: 0; max-width: 100%; overflow: hidden; padding: 0; position: relative; } #gallery-section .gallery-item .gallery-caption { background: #333; bottom: 0; position: absolute; padding: 18px; transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transform: translateY(100%); transition: 0.3s ease-in-out; width: 100%; } #gallery-section .gallery-item:hover .gallery-caption { transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); } #gallery-section .gallery-item .gallery-icon { transition: 0.3s ease-in-out; } #gallery-section .gallery-item:hover .gallery-icon { transform: translateY(-70px); -moz-transform: translateY(-70px); -o-transform: translateY(-70px); -webkit-transform: translateY(-70px); } #gallery-section .section-content-wrapper .entry-content { margin: 0; } .gallery-caption { text-align: left; } #gallery-section .view-more { text-align: center; } /*-------------------------------------------------------------- ## Gallery 8.3.18 --------------------------------------------------------------*/ @media only screen and (min-width: 48em) { .faq-section.has-main-image .section-content-wrapper > div { width: 50%; } } .faq-section .main-image { margin-bottom: 35px; } @media only screen and (min-width: 48em) { .faq-section .main-image { margin-bottom: 0; } } @media only screen and (min-width: 64em) { .faq-section .main-image { padding-right: 120px; } } .faq-section .section-content-wrapper .hentry { width: 100%; } @media only screen and (min-width: 85.375em) { .faq-section .section-content-wrapper .hentry { margin-bottom: 63px; } .faq-section .section-content-wrapper .hentry:last-child { margin-bottom: 42px; } } .faq-section .section-content-wrapper .hentry .post-thumbnail { float: none; margin: 0 auto; max-width: 125px; margin-bottom: 21px; overflow: hidden; } .faq-section .section-content-wrapper .hentry .post-thumbnail:hover img { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } @media only screen and (min-width: 480px) { .faq-section .section-content-wrapper .hentry .post-thumbnail { float: left; margin-bottom: 0; margin-right: 21px; } } @media only screen and (min-width: 64em) { .faq-section .section-content-wrapper .hentry .post-thumbnail { margin-right: 28px; } } @media only screen and (min-width: 85.375em) { .faq-section .section-content-wrapper .hentry .post-thumbnail { margin-right: 40px; } } .faq-section .section-content-wrapper .hentry .entry-container { overflow: hidden; text-align: center; } @media only screen and (min-width: 480px) { .faq-section .section-content-wrapper .hentry .entry-container { text-align: left; } } .faq-section .section-content-wrapper .hentry .entry-container .entry-summary, .faq-section .section-content-wrapper .hentry .entry-container .entry-content, .faq-section .section-content-wrapper .hentry .entry-container .more-button { margin-top: 14px; } @media only screen and (min-width: 64em) { .faq-section .section-content-wrapper .hentry .entry-container .entry-summary, .faq-section .section-content-wrapper .hentry .entry-container .entry-content, .faq-section .section-content-wrapper .hentry .entry-container .more-button { margin-top: 21px; } } .faq-section .section-content-wrapper .view-all-button { padding: 0 15px; text-align: left; } /*-------------------------------------------------------------- ## Pricing 8.3.19 --------------------------------------------------------------*/ /** * 8.3.19 - Pricing */ .pricing-section .hentry-inner { text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pricing-section .section-content-wrapper .post-thumbnail { margin-bottom: 0; } .pricing-section .section-content-wrapper .entry-content, .pricing-section .section-content-wrapper .entry-summary { font-size: 18px; font-size: 1.125rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2.33; letter-spacing: normal; margin-top: 0; padding: 35px 30px; } .pricing-section .section-content-wrapper .entry-content li, .pricing-section .section-content-wrapper .entry-summary li { line-height: 2.33; list-style: none; } .pricing-section .entry-header { padding: 28px 30px; } .pricing-section .entry-title { text-transform: uppercase; line-height: 1.5; font-weight: 700; font-size: 20px; font-size: 1.25rem; } .package-price { padding: 21px 30px; position: relative; } .package-amount { font-size: 42px; font-size: 2.625rem; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.35; letter-spacing: normal; position: relative; z-index: 2; } .package-price sup { font-size: 24px; font-size: 1.5rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.75; letter-spacing: normal; margin-right: 10px; z-index: 2; } .package-month { font-size: 16px; font-size: 1rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.75; letter-spacing: normal; position: relative; z-index: 2; } .pricing-section .more-link .readmore svg { display: none; } .package-price:before { content: ""; background-color: #fff; position: absolute; top: 0; right: 0; left: 0; margin-bottom: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.03; } .pricing-section .highlight .package-price:before { opacity: 0.06; } .pricing-section .highlight .entry-meta a, .pricing-section .highlight .entry-title a:hover, .pricing-section .highlight .entry-title a:focus { opacity: 0.6; } .pricing-section .highlight .entry-meta a:hover, .pricing-section .highlight .entry-meta a:focus { opacity: 1; } /*-------------------------------------------------------------- ## Playlist and Stick Playlist 8.3.20 --------------------------------------------------------------*/ /** * 8.3.20 - Playlist and Stick Playlist */ .sticky-playlist-enabled #page { padding-bottom: 60px; } #playlist-section { border: none; position: relative; } .playlist-content-wrapper .hentry { margin-bottom: 0; } .playlist-content-wrapper .hentry-inner { position: relative; } .playlist-content-wrapper .post-thumbnail-background { background-position: top center; background-size: cover; content: ""; float: left; padding-bottom: 100%; position: relative; width: 100%; background-attachment: unset; } .playlist-content-wrapper .entry-container { clear: both; width: 100%; } .wp-playlist .wp-playlist-current-item, body .mejs-container.mejs-container { margin: 0; } .playlist-content-wrapper .entry-title { font-weight: 700; } .playlist-content-wrapper .view-all-button { margin: 0; text-align: left; } .playlist-content-wrapper { padding: 0 30px; } /** * 13.24 - Audio Player */ .mejs-offscreen { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; } .mejs-container { background: #000; /*font-family: Helvetica, Arial, serif;*/ position: relative; text-align: left; text-indent: 0; vertical-align: top; } .mejs-container, .mejs-container * { box-sizing: border-box; } .mejs-container video:-webkit-media-controls, .mejs-container video:-webkit-media-controls-panel, .mejs-container video:-webkit-media-controls-panel-container, .mejs-container video:-webkit-media-controls-start-playback-button { -webkit-appearance: none; display: none !important; } .mejs-fill-container, .mejs-fill-container .mejs-container { height: 100%; width: 100%; } .mejs-fill-container { background: 0 0; margin: 0 auto; overflow: hidden; position: relative; } .mejs-container:focus { outline: none; } .mejs-iframe-overlay { height: 100%; position: absolute; width: 100%; } .mejs-embed, .mejs-embed body { background: #000; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } .mejs-fullscreen { overflow: hidden !important; } .mejs-container-fullscreen { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; z-index: 1000; } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { height: 100% !important; width: 100% !important; } .mejs-background, .mejs-mediaelement { left: 0; position: absolute; top: 0; } .mejs-mediaelement { height: 100%; width: 100%; z-index: 0; } .mejs-poster { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; left: 0; position: absolute; top: 0; z-index: 1; } :root .mejs-poster-img { display: none; } .mejs-poster-img { border: 0; padding: 0; } .mejs-overlay { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 0; position: absolute; top: 0; } .mejs-layer { z-index: 1; } .mejs-overlay-play { cursor: pointer; } .mejs-overlay-button { background: url(/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat; background-position: 0 -39px; height: 80px; width: 80px; } .mejs-overlay:hover > .mejs-overlay-button { background-position: -80px -39px; } .mejs-overlay-loading { height: 80px; width: 80px; } .mejs-overlay-loading-bg-img { -webkit-animation: mejsanimation 1s linear infinite; animation: mejsanimation 1s linear infinite; background: transparent url(/wp-includes/js/mediaelement/mejs-controls.svg) -160px -40px no-repeat; display: block; height: 80px; width: 80px; z-index: 1; } @-webkit-keyframes mejsanimation { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes mejsanimation { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .mejs-controls { bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 40px; padding: 0; left: 0; list-style-type: none; margin: 0; position: absolute; width: 100%; z-index: 3; } .wp-playlist .mejs-button, .wp-playlist .mejs-time, .wp-playlist .mejs-time-rail { height: unset; line-height: 1; padding: 10px; width: unset; } .wp-playlist .mejs-button, .wp-playlist .mejs-time, .wp-playlist .mejs-time-rail, .mejs-previous-button.mejs-previous, .mejs-next-button.mejs-next, #sticky-playlist-section .mejs-container.mejs-container .mejs-toggle-playlist { padding: 10px; } .wp-playlist .mejs-time-rail { margin: 0; padding: 0; } .mejs-button > button { border: 0; cursor: pointer; display: block; font-size: 0; height: 20px; line-height: 0; margin: 10px 6px; overflow: hidden; padding: 0; position: absolute; text-decoration: none; width: 20px; } .mejs-button > button:focus { outline: 1px dotted #999; } .mejs-container-keyboard-inactive [role=slider], .mejs-container-keyboard-inactive [role=slider]:focus, .mejs-container-keyboard-inactive a, .mejs-container-keyboard-inactive a:focus, .mejs-container-keyboard-inactive button, .mejs-container-keyboard-inactive button:focus { outline: 0; } .mejs-time { box-sizing: content-box; font-size: 13px; font-size: 0.8125rem; font-weight: 600; font-weight: 700; height: 24px; overflow: hidden; padding: 16px 10px 0; text-align: center; width: auto; } .mejs-play > button { background-position: 0 0; } .mejs-pause > button { background-position: -20px 0; } .mejs-replay > button { background-position: -160px 0; } .mejs-time-rail { direction: ltr; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; height: 40px; margin: 0 10px; padding-top: 10px; position: relative; } .mejs-time-buffering, .mejs-time-current, .mejs-time-float, .mejs-time-float-corner, .mejs-time-float-current, .mejs-time-hovered, .mejs-time-loaded, .mejs-time-marker, .mejs-time-total { -webkit-border-radius: 0; border-radius: 0; cursor: pointer; display: block; height: 3px; position: absolute; } .mejs-time-total { background: rgba(255, 255, 255, 0.3); margin: 5px 0 0; width: 100%; } .mejs-time-buffering { -webkit-animation: b 2s linear infinite; animation: b 2s linear infinite; background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.4) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.4) 75%, transparent 0, transparent); background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.4) 75%, transparent 0, transparent); background-size: 15px 15px; width: 100%; } @-webkit-keyframes b { 0% { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes b { 0% { background-position: 0 0; } to { background-position: 40px 0; } } .mejs-time-loaded { background: rgba(255, 255, 255, 0.3); } .mejs-time-hovered { background: rgba(255, 255, 255, 0.5); z-index: 10; } .mejs-time-hovered.negative { background: rgba(0, 0, 0, 0.2); } .mejs-time-buffering, .mejs-time-current, .mejs-time-hovered, .mejs-time-loaded { left: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all .15s ease-in; transition: all .15s ease-in; width: 100%; } .mejs-time-buffering { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .mejs-time-hovered { -webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1); transition: height 0.1s cubic-bezier(0.44, 0, 1, 1); } .mejs-time-hovered.no-hover { -webkit-transform: scaleX(0) !important; -ms-transform: scaleX(0) !important; transform: scaleX(0) !important; } .mejs-time-handle, .mejs-time-handle-content { border: 2px solid; cursor: pointer; left: 0; position: absolute; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: 11; } .mejs-time-handle-content { border-radius: 50%; height: 10px; left: -3px; top: -5px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); width: 10px; } .mejs-time-float { background: #eee; border: 1px solid #333; bottom: 100%; color: #111; display: none; height: 17px; margin-bottom: 9px; position: absolute; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 36px; } .mejs-time-float-current { display: block; left: 0; margin: 2px; text-align: center; width: 30px; } .mejs-time-float-corner { border: 5px solid #eee; border-color: #eee transparent transparent; border-radius: 0; display: block; height: 0; left: 50%; line-height: 0; position: absolute; top: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; } .mejs-long-video .mejs-time-float { margin-left: -23px; width: 64px; } .mejs-long-video .mejs-time-float-current { width: 60px; } .mejs-broadcast { color: #fff; height: 10px; position: absolute; top: 15px; width: 100%; } .mejs-fullscreen-button > button { background-position: -80px 0; } .mejs-unfullscreen > button { background-position: -100px 0; } .mejs-mute > button { background-position: -60px 0; } .mejs-unmute > button { background-position: -40px 0; } .mejs-volume-button { position: relative; } .mejs-volume-button > .mejs-volume-slider { -webkit-backface-visibility: hidden; background: rgba(50, 50, 50, 0.7); border-radius: 0; bottom: 100%; display: none; height: 115px; left: 50%; margin: 0; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 25px; z-index: 1; } .mejs-volume-button:hover { border-radius: 0 0 4px 4px; } .mejs-volume-total { background: rgba(255, 255, 255, 0.5); height: 100px; left: 50%; margin: 0; position: absolute; top: 8px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 2px; } .mejs-volume-current { left: 0; margin: 0; width: 100%; } .mejs-volume-current, .mejs-volume-handle { background: rgba(255, 255, 255, 0.9); position: absolute; } .mejs-volume-handle { border-radius: 1px; cursor: ns-resize; height: 6px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 16px; } .mejs-horizontal-volume-slider { display: block; height: 36px; position: relative; vertical-align: middle; width: 45px; } .mejs-horizontal-volume-total { background: rgba(50, 50, 50, 0.8); height: 8px; top: 16px; width: 45px; } .mejs-horizontal-volume-current, .mejs-horizontal-volume-total { border-radius: 2px; font-size: 1px; left: 0; margin: 0; padding: 0; position: absolute; } .mejs-horizontal-volume-current { background: rgba(255, 255, 255, 0.8); height: 100%; top: 0; width: 100%; } .mejs-horizontal-volume-handle { display: none; } .mejs-captions-button, .mejs-chapters-button { position: relative; } .mejs-captions-button > button { background-position: -140px 0; } .mejs-chapters-button > button { background-position: -180px 0; } .mejs-captions-button > .mejs-captions-selector, .mejs-chapters-button > .mejs-chapters-selector { background: rgba(50, 50, 50, 0.7); border: 1px solid transparent; border-radius: 0; bottom: 100%; margin-right: -43px; overflow: hidden; padding: 0; position: absolute; right: 50%; visibility: visible; width: 86px; } .mejs-chapters-button > .mejs-chapters-selector { margin-right: -55px; width: 110px; } .mejs-captions-selector-list, .mejs-chapters-selector-list { list-style-type: none !important; margin: 0; overflow: hidden; padding: 0; } .mejs-captions-selector-list-item, .mejs-chapters-selector-list-item { color: #fff; cursor: pointer; display: block; list-style-type: none !important; margin: 0 0 6px; overflow: hidden; padding: 0 10px; } .mejs-captions-selector-list-item:hover, .mejs-chapters-selector-list-item:hover { background-color: #c8c8c8 !important; background-color: rgba(255, 255, 255, 0.4) !important; } .mejs-captions-selector-input, .mejs-chapters-selector-input { clear: both; float: left; left: -1000px; margin: 3px 3px 0 5px; position: absolute; } .mejs-captions-selector-label, .mejs-chapters-selector-label { cursor: pointer; float: left; font-size: 10px; line-height: 15px; padding: 4px 0 0; } .mejs-captions-selected, .mejs-chapters-selected { color: #21f8f8; } .mejs-captions-translations { font-size: 10px; margin: 0 0 5px; } .mejs-captions-layer { bottom: 0; color: #fff; font-size: 16px; left: 0; line-height: 20px; position: absolute; text-align: center; } .mejs-captions-layer a { color: #fff; text-decoration: underline; } .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: 400; } .mejs-captions-position { bottom: 15px; left: 0; position: absolute; width: 100%; } .mejs-captions-position-hover { bottom: 35px; } .mejs-captions-text, .mejs-captions-text * { background: rgba(20, 20, 20, 0.5); box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5); padding: 0; white-space: pre-wrap; } .mejs-container.mejs-hide-cues video:-webkit-media-text-track-container { display: none; } .mejs-overlay-error { position: relative; } .mejs-overlay-error > img { left: 0; position: absolute; top: 0; z-index: -1; } .mejs-cannotplay, .mejs-cannotplay a { color: #fff; font-size: .8em; } .mejs-cannotplay { position: relative; } .mejs-cannotplay a, .mejs-cannotplay p { display: inline-block; padding: 0 15px; width: 100%; } .wp-playlist-caption, .wp-playlist-current-item .wp-playlist-item-artist, .wp-playlist-current-item .wp-playlist-item-title, .wp-playlist-item-album { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mejs-container { clear: both; max-width: 100%; } .mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { background: #f4f4f4; } .mejs-controls a.mejs-horizontal-volume-slider { display: table; } #sticky-playlist-section .wp-playlist .mejs-controls button #sticky-playlist-section .wp-playlist .mejs-button button svg { color: #fff; } .wp-playlist .mejs-controls button:hover svg, .wp-playlist .mejs-controls button:focus svg, .wp-playlist .mejs-controls .mejs-playpause-button button:hover, .wp-playlist .mejs-controls .mejs-playpause-button button:focus, .wp-playlist .mejs-controls .mejs-volume-button button:hover, .wp-playlist .mejs-controls .mejs-volume-button button:focus { opacity: 0.6; } #sticky-playlist-section .wp-playlist .mejs-controls .mejs-time-rail .mejs-time-loaded, #sticky-playlist-section .wp-playlist .mejs-controls .mejs-time-rail .mejs-time-total, #sticky-playlist-section .wp-playlist .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: #333; } .wp-playlist .mejs-controls .mejs-time-rail .mejs-time-current { background: #5064f9; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-time-rail .mejs-time-total { background: #929397; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { border-radius: 0; } .mejs-overlay-loading { background: 0 0; } .mejs-controls button:hover { border: none; -webkit-box-shadow: none; box-shadow: none; } .me-cannotplay { width: auto !important; } .media-embed-details .wp-audio-shortcode { display: inline-block; max-width: 400px; } .audio-details .embed-media-settings { overflow: visible; } .media-embed-details .embed-media-settings .setting span { max-width: 400px; width: auto; } .media-embed-details .embed-media-settings .checkbox-setting span { display: inline-block; } .media-embed-details .embed-media-settings { padding-top: 0; top: 28px; } .media-embed-details .instructions { padding: 16px 0; max-width: 600px; } .media-embed-details .setting .remove-setting, .media-embed-details .setting p { color: #a00; font-size: 10px; text-transform: uppercase; } .media-embed-details .setting .remove-setting { padding: 0; } .media-embed-details .setting a:hover { color: #dc3232; } .media-embed-details .embed-media-settings .checkbox-setting { float: none; margin: 0 0 10px; } .wp-video { max-width: 100%; height: auto; } .wp_attachment_holder .wp-audio-shortcode, .wp_attachment_holder .wp-video { margin-top: 18px; } .wp-video-shortcode video, video.wp-video-shortcode { max-width: 100%; display: inline-block; } .video-details .wp-video-holder { width: 100%; max-width: 640px; } .wp-playlist { border: 1px solid #ccc; padding: 10px; margin: 12px 0 18px; font-size: 14px; line-height: 1.5; } .wp-admin .wp-playlist { margin: 0 0 18px; } .wp-playlist video { display: inline-block; max-width: 100%; } .wp-playlist audio { display: none; max-width: 100%; width: 400px; } .wp-playlist-caption, .wp-playlist-item-meta { display: block; font-size: 14px; font-size: 0.875rem; line-height: 1.692307692307692; } .wp-playlist .mejs-container { margin: 0; max-width: 100%; } .wp-playlist .mejs-controls .mejs-button button { outline: 0; } .wp-playlist-caption { max-width: 88%; } .wp-playlist-item .wp-playlist-caption { text-decoration: none; max-width: -webkit-calc(100% - 60px); max-width: calc(100% - 60px); transition: box-shadow 0.2s ease-in-out; } .wp-playlist-item-album { font-style: italic; } .wp-playlist-tracks { margin-top: 10px; } .wp-playlist-item { position: relative; cursor: pointer; padding: 0 3px; border-bottom: 1px solid; } .wp-playlist-item:last-child { border-bottom: 0; } .wp-playlist-playing { font-weight: normal; } .wp-playlist-current-item { overflow: hidden; margin-bottom: 10px; height: 60px; } .wp-playlist .wp-playlist-current-item img { float: left; max-width: 50px; height: auto; margin-right: 10px; padding: 0; border: 0; } .wp-audio-playlist .me-cannotplay span { padding: 5px 15px; } .mejs-toggle-playlist button { z-index: 3; } #playlist-section .section-content-wrapper .mejs-container { min-width: 100% !important; width: 100%; } .mejs-container.mejs-container { background: 0 0; } .mejs-container.mejs-container .mejs-controls { background: 0 0; margin: 0; position: relative; height: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } .mejs-container.mejs-container .mejs-controls a:hover { opacity: 1; } .mejs-container.mejs-container .mejs-controls .mejs-button.mejs-previous, .mejs-container.mejs-container .mejs-controls .mejs-button.mejs-next { display: none; } .mejs-container.mejs-container .mejs-button button { margin: 0; position: static; } .mejs-container.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-container.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-container .mejs-time-buffering, .mejs-container .mejs-time-current, .mejs-container .mejs-time-float, .mejs-container .mejs-time-float-corner, .mejs-container .mejs-time-float-current, .mejs-container .mejs-time-hovered, .mejs-container .mejs-time-loaded, .mejs-container .mejs-time-marker, .mejs-container .mejs-time-total { height: 2px; } .mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total { margin-top: -2px; } .mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { height: 0; overflow: hidden; top: -1.9em; visibility: hidden; } .mejs-container .mejs-time-handle-content { border-width: 3px; height: 5px; left: -5px; top: -4px; width: 5px; } .mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner { border-top-color: #ddd; } .wp-playlist-dark .mejs-container.mejs-container button { color: #fff; } .wp-audio-shortcode { border: none; margin: 1.313em 0 2.625em; } .wp-video-shortcode.mejs-container { padding: 0; } .wp-video-shortcode.mejs-container .mejs-controls { background: #222; top: auto; } body .wp-playlist { border: none; clear: both; font-size: 16px; font-size: 1rem; line-height: 1.625; margin: 0.875em 0 2.1875em; padding: 0; position: relative; background: transparent; } body .entry-content .wp-playlist .wp-playlist-tracks .wp-playlist-item .wp-playlist-caption { text-decoration: none; } body #playlist-section .wp-playlist { background-color: transparent; margin-top: 35px; } body .wp-playlist .wp-playlist-current-item img { margin-right: 14px; width: 60px; height: 60px; } body .wp-playlist-caption:hover { opacity: 1; } body .wp-playlist-current-item { border: none; height: auto; margin-bottom: 0; } body .wp-playlist-tracks { border: none; margin: 0; } body .wp-playlist-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 0px; } body .wp-playlist-dark .wp-playlist-playing { background: transparent; } body .wp-playlist-dark .wp-playlist-item { padding: 20px 0px; } .wp-playlist .wp-playlist-item-length { opacity: 0.4; position: static; } body .wp-playlist-item-album { display: none; font-style: normal; } .wp-playlist .wp-playlist-item-artist, body .playlist-section .wp-playlist .wp-playlist-current-item .wp-playlist-item-artist { display: block; opacity: 0.6; font-size: 14px; font-size: 0.875rem; line-height: 1.75; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-transform: capitalize; } body .playlist-section .mejs-controls .mejs-playpause-button button:hover, body .playlist-section .mejs-controls .mejs-playpause-button button:focus { opacity: 1; } #sticky-playlist-section .wp-playlist-current-item .wp-playlist-item-artist { color: #fff; } .wp-playlist .mejs-controls button, .wp-playlist .mejs-toggle-playlist button, .wp-playlist svg { height: 20px; line-height: 1; width: 20px; } .wp-playlist .mejs-controls button, .wp-playlist .mejs-controls button:hover, .wp-playlist .mejs-controls button:focus, .wp-playlist .mejs-toggle-playlist button, .wp-playlist .mejs-toggle-playlist button:hover, .wp-playlist .mejs-toggle-playlist button:focus { background-color: transparent; border: 0; padding: 0; } .wp-playlist .mejs-controls button:hover, .wp-playlist .mejs-toggle-playlist button:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .playlist-section .section-content-wrapper .entry-summary, .playlist-section .section-content-wrapper .entry-content { margin-top: 0; } .playlist-section .section-content-wrapper .post-thumbnail .entry-summary, .playlist-section .section-content-wrapper .post-thumbnail .entry-content { margin-top: 21px; } #playlist-section .section-content-wrapper .post-thumbnail { margin-bottom: 0; } #playlist-section .post-thumbnail .view-more { margin: 28px 0 0; } /** * 13.25 - Sticky Playlist */ #sticky-playlist-section .hentry { margin: 0; padding: 0; } #sticky-playlist-section .entry-container { width: 100%; } .sticky-playlist-bottom #sticky-playlist-section { bottom: 0; position: fixed; } .sticky-playlist-mobile #sticky-playlist-section { position: fixed; top: 0; } .sticky-playlist-mobile.admin-bar #sticky-playlist-section { top: 46px; } .sticky-playlist-mobile.admin-bar.playlist-fixed #sticky-playlist-section { top: 0; } #sticky-playlist-section .wp-playlist-tracks { display: none; right: 0; padding: 0; position: absolute; margin: 0 auto; width: 100%; z-index: 9999; bottom: 100%; } #sticky-playlist-section.sticky-fluid .wrapper { margin: 0; max-width: 100%; } #sticky-playlist-section .section-content-wrapper { margin: 0; position: relative; } #sticky-playlist-section .wp-playlist, #sticky-playlist-section .entry-content { margin: 0; } #sticky-playlist-section .wp-playlist-current-item { margin-right: auto; padding-right: 21px; } #sticky-playlist-section .wp-playlist-item-length { right: 1.75em; } .mejs-sticky-playlist-container.mejs-container .mejs-time, .mejs-sticky-playlist-container.mejs-container .mejs-time-rail, .mejs-sticky-playlist-container.mejs-container .mejs-button.mejs-volume-button, .mejs-previous-button.mejs-previous, .mejs-next-button.mejs-next { display: none; } .mejs-sticky-playlist-container.mejs-container a.mejs-horizontal-volume-slider { display: none !important; } .wp-playlist .wp-playlist-item-title { font-size: 16px; font-size: 1rem; font-weight: 700; transition: 0.3s; } .wp-playlist .wp-playlist-item:hover .wp-playlist-item-title, .wp-playlist .wp-playlist-item:focus .wp-playlist-item-title, .wp-playlist.wp-playlist-light .wp-playlist-item:hover .wp-playlist-item-title, .wp-playlist.wp-playlist-light .wp-playlist-item:focus .wp-playlist-item-title, .wp-playlist-item.wp-playlist-playing .wp-playlist-item-title, .wp-playlist-current-item .wp-playlist-item-title, .wp-playlist .wp-playlist-item.wp-playlist-playing .wp-playlist-item-length, .wp-playlist .wp-playlist-item:hover .wp-playlist-item-length, .wp-playlist .wp-playlist-item:focus .wp-playlist-item-length { opacity: 1; } #sticky-playlist-section .wp-playlist-current-item .wp-playlist-item-title { color: #fff; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; } #sticky-playlist-section .wp-playlist, #sticky-playlist-section .wp-playlist-current-item { background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #sticky-playlist-section .wp-playlist-current-item, #sticky-playlist-section .mejs-sticky-playlist-container { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } #sticky-playlist-section .mejs-container.mejs-container .mejs-time { font-size: 12px; font-size: 0.75rem; } #sticky-playlist-section .mejs-sticky-playlist-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; margin: 0; justify-content: flex-end; } .wp-video-playlist .mejs-container.mejs-container .mejs-controls { position: absolute; bottom: 0; left: 0; width: 100%; } #sticky-playlist-section .mejs-toggle-playlist.is-open .icon-playlist, #sticky-playlist-section .mejs-toggle-playlist .icon-close { display: none; } #sticky-playlist-section .mejs-toggle-playlist.is-open .icon-close { display: inline-block; } .wp-playlist .wp-playlist-item { border: 0; } #playlist-section .mejs-controls { border: 1px solid; padding: 10px 0px; } body .wp-playlist .wp-playlist-playing { background-color: transparent; font-weight: 400; } .wp-playlist .wp-playlist-tracks, body .wp-playlist .wp-playlist-tracks > .wp-playlist-item:nth-child(odd), body .wp-playlist .wp-playlist-tracks > .wp-playlist-item.wp-playlist-playing { background-color: transparent; } body .wp-playlist .wp-playlist-caption, body .wp-playlist .wp-playlist-item-length, body .wp-playlist .wp-playlist-playing, body .wp-playlist .wp-playlist-tracks > .wp-playlist-item:not(.wp-playlist-playing):hover .wp-playlist-caption, body .wp-playlist .wp-playlist-tracks > .wp-playlist-item:not(.wp-playlist-playing):focus .wp-playlist-caption, body .wp-playlist .wp-playlist-tracks > .wp-playlist-item:not(.wp-playlist-playing):hover .wp-playlist-item-length, body .wp-playlist .wp-playlist-tracks > .wp-playlist-item:not(.wp-playlist-playing):focus .wp-playlist-item-length, body .wp-playlist .wp-playlist-playing .wp-playlist-caption, body .wp-playlist .wp-playlist-playing .wp-playlist-item-length { color: #fff; } body .wp-playlist .wp-playlist-caption { opacity: 0.6; } body #sticky-playlist-section .wp-playlist .wp-playlist-current-item .wp-playlist-caption, body .wp-playlist .wp-playlist-playing, body .wp-playlist .wp-playlist-tracks > .wp-playlist-item:not(.wp-playlist-playing):hover .wp-playlist-caption, body .wp-playlist .wp-playlist-tracks > .wp-playlist-item:not(.wp-playlist-playing):focus .wp-playlist-caption, body .wp-playlist .wp-playlist-tracks > .wp-playlist-item:not(.wp-playlist-playing):hover .wp-playlist-item-length, body .wp-playlist .wp-playlist-tracks > .wp-playlist-item:not(.wp-playlist-playing):focus .wp-playlist-item-length, body .wp-playlist .wp-playlist-playing .wp-playlist-caption, body .wp-playlist .wp-playlist-playing .wp-playlist-item-length { opacity: 1; } /*body .wp-playlist .wp-playlist-tracks { counter-reset: slides-num; display: block; } body .wp-playlist .wp-playlist-item .wp-playlist-caption { counter-increment: slides-num; display: block; } body .wp-playlist .wp-playlist-item .wp-playlist-caption:before { content: '0'counter(slides-num); display: block; } body .wp-playlist .wp-playlist-item.active .wp-playlist-caption:before { content: '0'counter(slides-num); display: block; }*/ /*Added*/ .playlist-section .mejs-volume-button, .playlist-section .mejs-controls a.mejs-horizontal-volume-slider, .playlist-section .wp-playlist .mejs-previous-button.mejs-previous, .playlist-section .wp-playlist .mejs-next-button.mejs-next { display: none; } .playlist-section .mejs-playpause-button { width: 40px; padding: 10px; height: 40px; background-color: #222; text-align: center; cursor: pointer; transition: all 0.4s; } .playlist-section .mejs-playpause-button:hover { background-color: #333; } .playlist-section .mejs-playpause-button button:hover, .playlist-section .mejs-playpause-button button:focus { transform: none; opacity: 1; } body .playlist-section .wp-playlist .wp-playlist-current-item .wp-playlist-caption { opacity: 1; padding: 0 0 0px; } .playlist-content-wrapper .wp-playlist .wp-playlist-current-item img { margin-right: 0; } #sticky-playlist-section { background-color: rgba(0, 0, 0, 0.69); border: 0; overflow: initial; padding: 0; width: 100%; bottom: 0; left: 0; position: fixed; z-index: 99; } #sticky-playlist-section .wp-playlist-tracks { background: #000; padding: 0 20px; } #sticky-playlist-section .wp-playlist-item { border-top: 1px solid #333; } #sticky-playlist-section .wp-playlist-item:first-child { border-top: none; } #sticky-playlist-section .wp-playlist, #sticky-playlist-section .mejs-controls { height: 60px; } #sticky-playlist-section .wrapper { max-width: 100%; } .sticky-playlist-enabled .scroll-down { bottom: 80px; } #sticky-playlist-section.solid-bg-active { background-color: #1b1b1b; } #sticky-playlist-section .wp-playlist .mejs-playpause-button, #sticky-playlist-section .wp-playlist .mejs-previous-button.mejs-previous, #sticky-playlist-section .wp-playlist .mejs-next-button.mejs-next, #sticky-playlist-section .wp-playlist .mejs-container.mejs-container .mejs-toggle-playlist { line-height: 1; padding: 20px; cursor: pointer; transition: 0.3s; border-left: 1px solid #252525; } #sticky-playlist-section .wp-playlist .mejs-next-button.mejs-next { border-right: 1px solid #252525; } #sticky-playlist-section .wp-playlist .mejs-button.mejs-volume-button { border-left: 1px solid #252525; } #sticky-playlist-section .mejs-container.mejs-container .mejs-toggle-playlist { position: relative; } #sticky-playlist-section .wp-playlist .mejs-button.mejs-volume-button { padding: 20px 10px 20px 20px; } #sticky-playlist-section .wp-playlist .mejs-time.mejs-currenttime-container { padding-right: 10px; } #sticky-playlist-section .wp-playlist .mejs-time.mejs-duration-container { padding-left: 10px; } #sticky-playlist-section .mejs-horizontal-volume-slider { width: 50px; } #sticky-playlist-section .wp-playlist .mejs-controls button, #sticky-playlist-section .wp-playlist .mejs-controls button svg, #sticky-playlist-section .wp-playlist .mejs-toggle-playlist button svg { color: #fff; } #sticky-playlist-section .wp-playlist .mejs-playpause-button:hover, #sticky-playlist-section .wp-playlist .mejs-playpause-button:focus, #sticky-playlist-section .wp-playlist .mejs-previous-button.mejs-previous:hover, #sticky-playlist-section .wp-playlist .mejs-previous-button.mejs-previous:focus, #sticky-playlist-section .wp-playlist .mejs-next-button.mejs-next:hover, #sticky-playlist-section .wp-playlist .mejs-next-button.mejs-next:focus, #sticky-playlist-section .wp-playlist .mejs-container.mejs-container .mejs-toggle-playlist:hover, #sticky-playlist-section .wp-playlist .mejs-container.mejs-container .mejs-toggle-playlist:focus { background-color: black; } #sticky-playlist-section .wp-playlist .mejs-playpause-button:hover button, #sticky-playlist-section .wp-playlist .mejs-playpause-button:focus button, #sticky-playlist-section .wp-playlist .mejs-previous-button.mejs-previous:hover button, #sticky-playlist-section .wp-playlist .mejs-previous-button.mejs-previous:focus button, #sticky-playlist-section .wp-playlist .mejs-next-button.mejs-next:hover button, #sticky-playlist-section .wp-playlist .mejs-next-button.mejs-next:focus button, #sticky-playlist-section .wp-playlist .mejs-container.mejs-container .mejs-toggle-playlist:hover button, #sticky-playlist-section .wp-playlist .mejs-container.mejs-container .mejs-toggle-playlist:focus button { color: #ffffff; opacity: 0.6; } #sticky-playlist-section .wp-playlist .mejs-playpause-button:hover button, #sticky-playlist-section .wp-playlist .mejs-playpause-button:focus button, #sticky-playlist-section .wp-playlist .mejs-previous-button.mejs-previous:hover button, #sticky-playlist-section .wp-playlist .mejs-previous-button.mejs-previous:focus button, #sticky-playlist-section .wp-playlist .mejs-next-button.mejs-next:hover button, #sticky-playlist-section .wp-playlist .mejs-next-button.mejs-next:focus button, #sticky-playlist-section .wp-playlist .mejs-container.mejs-container .mejs-toggle-playlist:hover button, #sticky-playlist-section .wp-playlist .mejs-container.mejs-container .mejs-toggle-playlist:focus button { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } #sticky-playlist-section .wp-playlist .mejs-playpause-button:hover svg, #sticky-playlist-section .wp-playlist .mejs-playpause-button:focus svg, #sticky-playlist-section .wp-playlist .mejs-previous-button.mejs-previous:hover svg, #sticky-playlist-section .wp-playlist .mejs-previous-button.mejs-previous:focus svg, #sticky-playlist-section .wp-playlist .mejs-next-button.mejs-next:hover svg, #sticky-playlist-section .wp-playlist .mejs-next-button.mejs-next:focus svg, #sticky-playlist-section .wp-playlist .mejs-container.mejs-container .mejs-toggle-playlist:hover svg, #sticky-playlist-section .wp-playlist .mejs-container.mejs-container .mejs-toggle-playlist:focus svg { color: #fff; } #sticky-playlist-section.solid-bg-active .wp-playlist .mejs-playpause-button:hover, #sticky-playlist-section.solid-bg-active .wp-playlist .mejs-playpause-button:focus, #sticky-playlist-section.solid-bg-active .wp-playlist .mejs-previous-button.mejs-previous:hover, #sticky-playlist-section.solid-bg-active .wp-playlist .mejs-previous-button.mejs-previous:focus, #sticky-playlist-section.solid-bg-active .wp-playlist .mejs-next-button.mejs-next:hover, #sticky-playlist-section.solid-bg-active .wp-playlist .mejs-next-button.mejs-next:focus, #sticky-playlist-section.solid-bg-active .wp-playlist .mejs-container.mejs-container .mejs-toggle-playlist:hover, #sticky-playlist-section.solid-bg-active .wp-playlist .mejs-container.mejs-container .mejs-toggle-playlist:focus { background-color: rgba(0, 0, 0, 0.3); } #sticky-playlist-section .wp-playlist .wp-playlist-current-item, body #sticky-playlist-section .mejs-container.mejs-container { background-color: transparent; } .color-scheme-corporate .mejs-controls .mejs-previous-button button:hover, .color-scheme-corporate .mejs-controls .mejs-previous-button button:focus, .color-scheme-corporate .mejs-controls .mejs-next-button button:hover, .color-scheme-corporate .mejs-controls .mejs-next-button button:focus, .color-scheme-corporate .mejs-toggle-playlist button:hover, .color-scheme-corporate .mejs-toggle-playlist button:focus, .color-scheme-ecommerce .mejs-controls .mejs-previous-button button:hover, .color-scheme-ecommerce .mejs-controls .mejs-previous-button button:focus, .color-scheme-ecommerce .mejs-controls .mejs-next-button button:hover, .color-scheme-ecommerce .mejs-controls .mejs-next-button button:focus, .color-scheme-ecommerce .mejs-toggle-playlist button:hover, .color-scheme-ecommerce .mejs-toggle-playlist button:focus { background-image: none; } .playlist-content-wrapper .wp-playlist-current-item img { display: none; } .playlist-content-wrapper .wp-playlist-item { border-top: 1px solid; } #playlist-section .wp-playlist-item:first-child { border: none; } #playlist-section .mejs-time { font-size: 14px; } #playlist-section .playlist-content-wrapper .wp-playlist-item-meta.wp-playlist-item-artist { opacity: 0; visibility: hidden; display: none; } .mejs-time.mejs-duration-container { padding-right: 0; } #album-section { background-size: cover; } #album-section:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; } #album-section .entry-container:hover .post-thumbnail::before { opacity: 1; } #album-section .entry-container:hover .entry-header { opacity: 1; visibility: visible; bottom: 0px; } #album-section .post-thumbnail { position: relative; margin: 0; overflow: hidden; } #album-section .post-thumbnail img { width: 100%; } #album-section .post-thumbnail::before { position: absolute; left: 0; top: 0; width: 100%; transition: all 0.4s; height: 100%; content: ''; background: rgba(0, 0, 0, 0.3); opacity: 0; } #album-section .view-more { text-align: center; position: relative; z-index: 9; } #playlist-section .mejs-time.mejs-currenttime-container span:after { content: '/'; padding-left: 7px; } #album-section .entry-container { position: relative; } #album-section .entry-container .entry-header { position: absolute; bottom: -30px; left: 0px; z-index: 9; opacity: 0; visibility: hidden; transition: all 0.4s; padding: 28px 35px; width: 100%; } #album-section .entry-container .entry-header .more-link { margin-top: 7px; } #pop-up-video-section { right: -255px; width: 510px; z-index: 9; padding: 0; display: none; transition: all 0.4s; -webkit-box-shadow: rgba(28, 26, 26, 0.35) 0px 14px 39px 0px; box-shadow: rgba(28, 26, 26, 0.35) 0px 14px 39px 0px; } #pop-up-video-section:hover { right: 0; } #pop-up-video-section.video-fixed { position: fixed; bottom: 15%; } #pop-up-video-section.video-scroll { position: absolute; top: 65vh; } #pop-up-video-section .hentry { margin: 0; } #pop-up-video-section .hentry .hentry-inner { display: flex; } #pop-up-video-section .hentry .hentry-inner .video-thumbnail { width: 50%; position: relative; } #pop-up-video-section .hentry .hentry-inner .video-thumbnail img { transition: all 0.4s; height: 100%; width: 100%; object-fit: cover; } #pop-up-video-section .hentry .hentry-inner .video-thumbnail:hover img { opacity: 0.7; } #pop-up-video-section .hentry .hentry-inner .video-thumbnail .mixed.button.play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; padding: 0; border-radius: 50%; border: none; line-height: 60px; } #pop-up-video-section .hentry .hentry-inner .video-details { width: 50%; position: relative; padding: 42px 35px; } #pop-up-video-section .hentry .hentry-inner .video-details .video-title { font-weight: 700; line-height: 1.46; } #pop-up-video-section .hentry .hentry-inner .video-details .video-description { line-height: 1.56; margin-top: 7px; } #pop-up-video-section .hentry .hentry-inner .video-details .video-description p { margin: 0; } .pop-up-video-section .video-subtitle { text-transform: uppercase; } .pop-up-video-content-wrapper .icon { height: 1.3em; width: 1.3em; } /*-------------------------------------------------------------- ## App Section 8.3.20 --------------------------------------------------------------*/ /** * 8.3.20 - App Section */ .app-section .post-thumbnail { margin-top: 28px; } .app-section .entry-container { max-width: 660px; padding: 35px 30px 42px 30px; position: relative; z-index: 2; } .app-image-container .app-image { margin: 10px; } .app-image-container img { margin: 0 auto; transition: 0.3s; } .app-image-container img:hover, .app-image-container img:focus { opacity: 0.6; -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); } .app-image-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; } .text-align-center .app-image-container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .app-section .hentry { position: static; } .app-section .post-thumbnail-background::before { background-color: rgba(0, 0, 0, 0.5); } .app-section .post-thumbnail-background::before { bottom: 0; content: ""; left: 0; right: 0; position: absolute; top: 0; } .app-section .app-wrap { margin-top: 28px; } .app-section .app-wrap > p { font-size: 16px; font-size: 1rem; font-weight: 700; line-height: 1.75; letter-spacing: 1px; text-transform: uppercase; } .app-section .entry-content > p:last-of-type { margin-bottom: 0; } .app-section .section-heading-wrapper { padding-left: 0; padding-right: 0; } .app-section.text-align-left .section-heading-wrapper { text-align: left; } .app-section.text-align-left .section-heading-wrapper::before { left: 0; transform: none; } .app-section.text-align-right .section-heading-wrapper { text-align: right; } .app-section.text-align-right .section-heading-wrapper::before { left: auto; transform: none; right: 0; } .app-section.text-align-center .section-heading-wrapper { text-align: center; } /*-------------------------------------------------------------- ## Countdown 8.3.21 --------------------------------------------------------------*/ /** * 8.3.21 - Countdown Section */ #countdown-section { background-position: center top; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; background-repeat: no-repeat; padding: 42px 0 7px; } #countdown-section .section-content-wrapper { padding: 0 30px; } #countdown-section .post-thumbnail { margin-bottom: 0; } #countdown-section .content-wrapper { text-align: center; } #countdown-section .content-wrapper .content-left .left-content { margin-top: 28px; } #countdown-section .content-wrapper .content-left .left-content .left-title { margin-top: 14px; font-weight: 700; line-height: 1.46; } #countdown-section .content-wrapper .content-left .left-content .left-subtitle { font-size: 15px; font-weight: 700; line-height: 1.4; text-transform: uppercase; } #countdown-section .content-wrapper .content-left .left-content .left-summary { margin-top: 7px; } #countdown-section .content-wrapper .content-right { margin-top: 35px; } #clock { overflow: hidden; max-width: 474px; margin: 0 auto; } #clock span { display: block; } #clock > .count-down { display: inline-block; float: left; font-style: normal; font-stretch: normal; letter-spacing: normal; position: relative; padding: 0px 7px; text-align: center; width: 25%; } #clock > .count-down .countdown-number { font-size: 36px; font-size: 2.25rem; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.29; letter-spacing: normal; } #clock > .count-down .countdown-label { font-size: 14px; font-size: 0.875rem; line-height: 1.75; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; } #countdown-section .countdown-number { display: block; font-size: 42px; font-size: 2.625rem; font-weight: 600; line-height: normal; } #countdown-section .countdown-label { font-size: 13px; font-size: 0.8125rem; font-weight: 600; line-height: 2.15; text-transform: uppercase; } #countdown-section .hentry { margin-bottom: 0; } #countdown-section .section-content-wrapper .entry-summary, #countdown-section .section-content-wrapper .entry-content { margin-top: 0; } #countdown-section a.button { padding: 0; background: transparent; border: none; font-size: 15px; font-weight: 700; text-decoration: underline; } #countdown-section .view-more { margin-top: 35px; } /*-------------------------------------------------------------- ## Timeline 8.3.22 --------------------------------------------------------------*/ /** * 8.3.22 - Timeline */ #timeline-section .section-content-wrapper { padding-left: 30px; padding-right: 30px; position: relative; } #timeline-section .section-content-wrapper:before { bottom: 35px; content: ''; position: absolute; top: 0; left: 30px; height: calc(100% - 49px); width: 2px; z-index: -1; } #timeline-section .hentry { clear: both; display: table; margin-bottom: 35px; margin-left: 30px; position: relative; width: calc(100% - 30px); } #timeline-section .hentry:before { border-radius: 50%; content: ""; left: -34px; position: absolute; top: 0; width: 10px; height: 10px; } #timeline-section .post-thumbnail { position: relative; } #timeline-section .post-thumbnail a { display: block; overflow: hidden; position: relative; } #timeline-section .post-thumbnail a:hover img { opacity: 0.9; } #timeline-section .entry-header .entry-meta { margin-top: 0; margin-bottom: 14px; } /*-------------------------------------------------------------- ## Category 8.3.23 --------------------------------------------------------------*/ /** * 8.3.23 - Category Section */ .category-content-section .hentry-inner { /*min-height: 440px;*/ overflow: hidden; position: relative; } .category-content-section .post-thumbnail:before { background-color: rgba(0, 0, 0, 0.5); } .category-content-section .section-content-wrapper .post-thumbnail { margin-bottom: 0; } .category-content-section .post-thumbnail { -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; -ms-transition: 0.5s ease; transition: 0.5s ease; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .category-content-section .entry-title a { display: block; } .category-content-section .hentry-inner:hover .post-thumbnail, .category-content-section .hentry-inner:focus .post-thumbnail { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .category-content-section .entry-container { padding: 14px; position: absolute; bottom: 14px; left: 14px; right: 14px; width: calc(100% - 28px); z-index: 9; background-color: rgba(0, 0, 0, 0.5); } .category-content-section.text-align-left .entry-container { text-align: left; } .category-content-section.text-align-center .entry-container { text-align: center; } .category-content-section.text-align-right .entry-container { text-align: right; } .home .category-content-section .entry-title ~ .entry-meta { clip: unset; height: unset; overflow: unset; width: auto; position: unset !important; word-wrap: unset !important; } .category-content-section .entry-title ~ .entry-meta { font-size: 16px; font-size: 1rem; margin-top: 4px; opacity: 0.6; } /*-------------------------------------------------------------- ## elements --------------------------------------------------------------*/ /** * 4.0 - 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 { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 0.7777777777777778em; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%; } .site-main .entry-content table a { text-decoration: none; } 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; } thead th { border-width: 0 1px 1px 0; } caption, th, td { padding: 0.667em; } .displaynone { display: none; } .displayblock { display: block; } .cover-link { display: block; height: 100%; } .drop-cap:first-letter { float: left; font-size: 92px; font-size: 5.75rem; font-weight: bold; line-height: 0.6; margin: 14px 16px 4px -3px; } a:visited { text-decoration: none; } a { text-decoration: none; } .page, .post, .search .archive-content-wrap { margin: 0; } /*-------------------------------------------------------------- ## elements --------------------------------------------------------------*/ /** * 3.0 - Icons */ .icon { display: inline-block; fill: currentColor; height: 1em; position: relative; /* Align more nicely with capital letters */ 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 --------------------------------------------------------------*/ ul { list-style: disc; } ul, ol { padding: 0; } ul li, ol li { line-height: 1.75; } ol ol, ul ul { margin: 35px; } ul li > ul, ol li > ol, ul li > ol, ol li > ul { margin-top: 0; margin-bottom: 0; } /*-------------------------------------------------------------- ## elements --------------------------------------------------------------*/ /** * 5.0 - Padding/Margin */ .menu-toggle { padding: 10px; } .main-navigation a { padding: 14px 0; } #header-content .wrapper { padding: 20px 30px; } .custom-header-content { padding: 100px 30px; } .cat-links { margin-bottom: 14px; } .content-area .section-content-wrapper .entry-summary, .content-area .section-content-wrapper .entry-content { margin-top: 21px; } body:not(.home) .custom-header-content { padding: 130px 30px 70px 30px; text-align: center; } .site-content > .wrapper { padding: 0px 30px; } .author-info { padding: 35px; } .sidebar .widget { padding: 35px; } .widget-column { padding: 21px 0px; } .contact-details-widget-area .widget-column { padding: 21px 30px; } .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; } .site-content .archive-posts-wrapper .section-heading-wrapper { padding-top: 0; } #contact-details-section.section { padding: 42px 0 21px; } .site-content, .section { padding: 42px 0 7px; } .section-heading-wrapper { padding: 0 30px 28px; margin-bottom: 7px; } .comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags { margin: 0 0 35px; } .author-title, .author-avatar, .author-description, .comments-title, .comment-reply-title { margin: 0 0 21px; } .hentry { margin: 0 0 35px; } .widget .hentry { margin: 0 0 28px; padding-bottom: 28px; } .widget .wp-block-group h2, .widget .widget-title { padding-bottom: 21px; } .widget li { margin-bottom: 14px; } .widget li > ul, .widget li > ol { clear: both; margin-top: 7px; margin-left: 14px; } .album-section .section-content-wrapper.layout-three, .portfolio-content-wrapper, .logo-slider-content-wrapper { padding: 0 30px; } .recent-blog-content-wrapper, .featured-video-content-wrapper, .featured-content-wrapper, .services-content-wrapper, .stats-content-wrapper, .team-content-wrapper, .pricing-content-wrapper { padding: 0 15px; } .featured-video-content-wrapper .hentry, .featured-content-wrapper.layout-four .hentry, .services-content-wrapper.layout-four .hentry, .stats-content-wrapper.layout-four .hentry, .team-content-wrapper.layout-four .hentry, .featured-content-wrapper.layout-three .hentry, .services-content-wrapper.layout-three .hentry, .stats-content-wrapper.layout-three .hentry, .team-content-wrapper.layout-three .hentry, .featured-content-wrapper.layout-two .hentry, .services-content-wrapper.layout-two .hentry, .stats-content-wrapper.layout-two .hentry, .team-content-wrapper.layout-two .hentry, .pricing-content-wrapper.layout-two .hentry, .pricing-content-wrapper.layout-three .hentry, .pricing-content-wrapper.layout-four .hentry { padding: 0 15px; } #featured-video-section .section-content-wrapper .post-thumbnail, .portfolio-content-wrapper .hentry { margin-bottom: 0; } .section-content-wrapper .post-thumbnail { margin-bottom: 28px; } .section-content-wrapper .entry-summary, .section-content-wrapper .entry-content { margin: 21px 0 0; width: 100%; } .comments-area { padding-top: 35px; } /* New */ .site-main > :last-child, .page .site-main > :last-child, .site-header-text > :last-child, .section-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, .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; } .page .site-main .entry-title, .single .site-main .entry-title { margin-bottom: 28px; } .single .site-main .entry-footer, .page .site-main .entry-footer { margin-top: 35px; } .widget-area .entry-meta { margin-top: 0; } .section-description-wrapper, .taxonomy-description-wrapper { margin-top: 14px; } .post-navigation .nav-links .nav-previous + .nav-next { margin-bottom: 35px; } .wp-caption .wp-caption-text { padding: 7px 14px; } button, #promotion-section .readmore, .button, input[type="button"], input[type="reset"], input[type="submit"], .posts-navigation a, #content #infinite-handle span button, nav.navigation.posts-navigation .nav-links a, .catch-instagram-feed-gallery-widget-wrapper .button, #footer-newsletter .ewnewsletter .hentry form input[type="submit"], .header-media .more-link .readmore, .pricing-section .more-link .readmore, .hero-section .more-link .readmore, #feature-slider-section .more-link .readmore, .more-link .readmore, .color-scheme-corporate #page .single_add_to_cart_button, .color-scheme-ecommerce #page .single_add_to_cart_button { padding: 15px 25px; } .entry-meta .icon { margin-right: 7px; } .archive-post-wrap .hentry { margin-bottom: 35px; padding-bottom: 35px; } /*-------------------------------------------------------------- ## tables --------------------------------------------------------------*/ table { border: 1px solid; border-collapse: collapse; border-spacing: 0; table-layout: fixed; } @media only screen and (min-width: 48em) { table { table-layout: auto; } } @media only screen and (min-width: 64em) { table { table-layout: auto; } } table thead tr { border-bottom: 1px solid; } table p { margin-top: 0; } thead th, tbody th { border-right: 1px solid; padding: 12px 21px; text-align: left; border-bottom: 0; border-top: 0; border-left: 0; box-sizing: border-box; } @media only screen and (min-width: 48em) { thead th, tbody th { padding: 12px 28px; } } tbody th { font-weight: 700; } tbody td { border-right: 1px solid; } table thead th { font-weight: 700; } .calendar_wrap { border-top: 0; table-layout: fixed; } .calendar_wrap caption { padding: 10px; } .calendar_wrap thead th, .calendar_wrap tbody th { padding: 5px; text-align: center; } .calendar_wrap tbody td, .calendar_wrap tfoot tr td { font-size: 14px; font-size: 0.875rem; padding: 4px; text-align: center; } @media only screen and (min-width: 85.375em) { .calendar_wrap tbody td, .calendar_wrap tfoot tr td { font-size: 16px; font-size: 1rem; padding: 5px; } } .calendar_wrap tbody tr:last-child { border-top: 1px solid; } .calendar_wrap tbody tr:first-child { border-bottom: 1px solid; } td#today { font-weight: 700; } tfoot { border-top: 1px solid; } tfoot tr td { border-right: 1px solid; } /*-------------------------------------------------------------- ## menus 6.1 --------------------------------------------------------------*/ 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; } .site-header .social-navigation ul { text-align: center; } .main-navigation .menu-item-has-children > a, .main-navigation .page_item_has_children > a { padding-right: 49px; } .main-navigation a { display: block; line-height: 2; letter-spacing: 0; text-decoration: none; } .search-container { padding: 21px; } .main-navigation a, #primary-menu-wrapper .search-container { padding: 7px 30px; } .navigation-default .main-navigation ul ul a { font-weight: 400; letter-spacing: 0; text-transform: capitalize; opacity: 0.75; padding: 5px 20px 5px 28px; } .navigation-default .main-navigation ul ul a:hover { opacity: 1; } .navigation-default .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 { position: fixed; right: -100%; top: 100%; max-width: 100%; visibility: hidden; -webkit-transition: all 0.4s; transition: all 0.4s; top: 0; height: 100vh; z-index: 99; width: 100%; overflow-y: auto; } .menu-open .menu-inside-wrapper { right: 0; } #social-menu-wrapper .menu-inside-wrapper, #primary-search-wrapper .menu-inside-wrapper { max-width: 350px; } .is-open .menu-inside-wrapper { right: 0; visibility: visible; } body { transition: all 0.4s; position: relative; left: 0; } body.menu-open { overflow-y: hidden; width: 100%; left: -300px; } body.menu-open::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ""; background-color: rgba(0, 0, 0, 0.5); z-index: 99; } .menu-toggle { background-color: transparent; display: block; font-weight: 400; line-height: 1; margin: 0 auto; text-shadow: none; background-image: none; } .menu-toggle:hover, .menu-toggle:focus, .menu-toggle.selected { background-image: none; background-color: transparent; } .selected.menu-toggle .icon-bars, .selected.menu-toggle .icon-share, .menu-toggle .icon-close, .selected.menu-toggle .icon-search { display: none; } .selected.menu-toggle .icon-close { display: inline-block; } #primary-search-wrapper .menu-toggle, #social-menu-wrapper .menu-toggle { background-image: none; border: none; display: inline-block; height: 42px; letter-spacing: 0; padding: 0; -webkit-text-shadow: none; text-shadow: none; text-align: center; width: 42px; border-radius: 0; } .absolute-header .site-identity { display: inline-block; } /* Dropdown Toggle */ .dropdown-toggle { background-image: none; background-color: transparent; border: 0; border-radius: 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; } body button.dropdown-toggle:hover, body button.dropdown-toggle:focus { background: transparent; background-image: none; } .dropdown-toggle:focus { outline: thin dotted; } .dropdown-toggle.toggled-on .icon { -ms-transform: rotate(-180deg); /* IE 9 */ -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */ transform: rotate(-180deg); } .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon, .main-navigation ul a > .icon { display: none; } .main-navigation ul { list-style-type: none; margin: 0; } .absolute-header .main-navigation ul.sub-menu a, .navigation-modern.absolute-header .main-navigation ul.sub-menu a, .absolute-header .main-navigation ul.children a, .navigation-modern.absolute-header .main-navigation ul.children a { text-align: left; line-height: 1.56; } .navigation-horizontal .main-navigation ul.sub-menu a > .icon, .navigation-horizontal .main-navigation ul.children a > .icon { padding-left: 0; padding-right: 0; float: left; } .main-navigation ul ul { display: none; margin-left: 0.875em; } .main-navigation ul .toggled-on { display: block; } #primary-search-wrapper > .social-navigation { display: none; float: left; } #menu-toggle { border: none; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-direction: row; } .menu-label { transition: 0.3s; display: inline-block; margin-left: 7px; margin-top: 0; } @media (orientation: portrait) { #primary-menu-wrapper .menu-toggle .icon { width: 25px; height: 25px; padding: 3px; transition: 0.3s; } } @media screen and (orientation: landscape) and (min-device-width: 480px) and (max-device-width: 982px) { #feature-slider-section .entry-title, .custom-header-media .section-title, .custom-header-media .section-title, body.color-scheme-music.home .header-media .section-title, body.color-scheme-music #feature-slider-section .entry-title, body.color-scheme-wedding.home .header-media .section-title, body.color-scheme-wedding #feature-slider-section .entry-title body.color-scheme-corporate.home .header-media .section-title, body.color-scheme-corporate #feature-slider-section .entry-title, body.color-scheme-ecommerce.home .header-media .section-title, body.color-scheme-ecommerce #feature-slider-section .entry-title { font-size: 24px; font-size: 1.5rem; } #feature-slider-section .active .entry-container .view-more, .sticky-playlist-enabled .scroll-down { display: none; } } .mobile-social-search { clear: both; } .social-navigation, .social-links-menu { font-size: 16px; font-size: 1rem; padding: 0; } .social-navigation .icon { height: 20px; width: 16px; vertical-align: middle; } .social-navigation .search-container .icon { top: 0px; } .social-navigation ul, .social-links-menu ul { list-style: none; list-style-type: 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; margin: 2px 3px; position: relative; padding: 0; text-align: center; height: 36px; width: 36px; display: flex; align-items: center; justify-content: center; } .site-footer-menu .wrapper > nav { margin-bottom: 21px; text-align: center; } .social-floating-navigation { position: absolute; display: none; top: 70vh; left: 10px; -webkit-transform: rotate(-90deg) translateX(0); -moz-transform: rotate(-90deg) translateX(0); -ms-transform: rotate(-90deg) translateX(0); -o-transform: rotate(-90deg) translateX(0); transform: rotate(-90deg) translateX(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; z-index: 999; } .social-floating-navigation:not(.hide-label) .social-navigation a { font-size: 12px; font-size: 0.75rem; width: auto; height: auto; position: relative; margin: 0 14px; } .social-floating-navigation:not(.hide-label) .social-navigation .icon { margin-right: 7px; top: 4px; width: 12px; height: 12px; } .social-floating-navigation:not(.hide-label) .social-navigation li + li a:after { content: ""; position: absolute; top: 50%; left: -21px; width: 5px; height: 5px; border-radius: 50%; margin-top: -2px; } .social-floating-navigation.hide-label .social-navigation a > span, .social-floating-navigation.hide-label .social-navigation li + li a:after { display: none; } .menu-toggle.search-toggle.open + .menu-inside-wrapper { opacity: 1; visibility: visible; } #primary-search-wrapper .menu-inside-wrapper { position: absolute; } .search-inside-wrapper { position: fixed; width: 100%; top: 5%; left: 0; background: rgba(51, 51, 51, 0.647); height: 100vh; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s; transition: all 0.4s; display: flex; justify-content: center; align-items: center; } .search-wrapper-open .search-inside-wrapper { opacity: 1; visibility: visible; top: 0; } .search-content button svg.icon { width: 22px; height: 22px; } .search-content { height: 80%; width: 1400px; margin: 0 10%; max-width: 100%; padding: 10% 7%; } .search-content .search-container { padding: 0; margin-bottom: 35px; } .search-content .search-container input { font-size: 32px; font-size: 2rem; border: 2px solid; border-top: none; border-left: none; border-right: none; padding: 14px 0; } .search-tags a { border: 2px solid; padding: 7px 21px; border-radius: 22px; margin-top: 20px; display: inline-block; margin-right: 10px; } button.close-submit { position: absolute; right: 17px; bottom: 20px; padding: 14px; border-radius: 50%; } #primary-search-wrapper .menu-toggle-wrapper { padding: 0; } .menu-social-container { margin: 15px 30px; } .close-toggle { margin-left: auto; margin-bottom: 7px; font-weight: 400; } .admin-bar #primary-menu-wrapper .menu-inside-wrapper { padding-top: 63px; } body.menu-open #page { overflow: visible; } /*-------------------------------------------------------------- ## social-menu-navigation 6.2 --------------------------------------------------------------*/ nav.social-navigation ul, .social-links-menu { list-style: none; margin: 0; display: flex; justify-content: flex-start; } nav.social-navigation ul li:last-child, .social-links-menu li:last-child { margin-right: 0; } nav.social-navigation ul li a, .social-links-menu li a { font-size: 16px; font-size: 1rem; position: relative; transition: none; } nav.social-navigation ul li a:hover, .social-links-menu li a:hover { opacity: 1; } nav.social-navigation ul li:last-child a, .social-links-menu li:last-child a { margin-right: 0; } /*-------------------------------------------------------------- ## menus 6.1 --------------------------------------------------------------*/ /** * 12.2 - Posts and pages */ .hentry, #timeline-section .post-thumbnail, #timeline-section .entry-container { float: left; position: relative; width: 100%; } .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: 36px; font-size: 2.25rem; line-height: 1.38; margin-top: 0.9655172413793103em; margin-bottom: 0.4827586206896552em; } .color-scheme-music .header-media .section-title, .color-scheme-corporate .header-media .section-title, .color-scheme-corporate #feature-slider-section .entry-title, .color-scheme-ecommerce .header-media .section-title, .color-scheme-ecommerce #feature-slider-section .entry-title { text-transform: inherit; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.31; letter-spacing: normal; } .color-scheme-music .section-title, .color-scheme-corporate .section-title, .color-scheme-ecommerce .section-title { font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.29; letter-spacing: normal; } body:not(.home).color-scheme-corporate .header-media .section-title, body:not(.home).color-scheme-ecommerce .header-media .section-title { font-weight: 600; } .color-scheme-corporate .custom-header-content-wrapper, .color-scheme-ecommerce .custom-header-content-wrapper { max-width: 650px; } .header-media .section-title, #feature-slider-section .entry-title { font-size: 36px; font-size: 2.25rem; line-height: 1.15; font-weight: 700; } .entry-content h2, .entry-summary h2, .comment-content h2, .textwidget h2 { font-size: 32px; font-size: 2rem; line-height: 1.43; } .entry-content h2, .entry-summary h2, .comment-content h2, .textwidget h2 { margin-top: 1.142857142857143em; margin-bottom: 0.5714285714285714em; } .entry-content h3, .entry-summary h3, .comment-content h3, .textwidget h3 { font-size: 24px; font-size: 1.5rem; line-height: 1.36; margin-top: 1.555555555555556em; margin-bottom: 0.7777777777777778em; } .entry-content h4, .entry-summary h4, .comment-content h4, .textwidget h4 { font-size: 22px; font-size: 1.375rem; line-height: 1.25; margin-top: 2em; margin-bottom: 1em; } .entry-content h5, .entry-summary h5, .comment-content h5, .textwidget h5 { font-size: 18px; font-size: 1.125rem; line-height: 1.17; margin-top: 2.333333333333333em; margin-bottom: 1.166666666666667em; } .entry-content h6, .entry-summary h6, .comment-content h6, .textwidget h6 { font-size: 16px; font-size: 1rem; line-height: 1.56; margin-top: 3.111111111111111em; margin-bottom: 1.555555555555556em; } .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 .post-title, .entry-title, .comments-title { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .custom-header-content > :last-child, .entry-content > :last-child, .entry-summary > :last-child, .page-content > :last-child, .comment-content > :last-child, .textwidget > :last-child { margin-bottom: 0; } .more-link { clear: both; display: block; margin: 28px 0 0; } .custom-header .more-link, .hero-section .more-link { display: inline-block; } .more-link .readmore { cursor: pointer; display: inline-block; font-weight: 600; line-height: 1.67; letter-spacing: 0; text-decoration: none; text-transform: capitalize; word-wrap: break-word; } .more-link .readmore:hover, .more-link .readmore:focus { box-shadow: none; } .more-button { display: inline-block; } .view-more { clear: both; margin: 0 0 35px; } .author-info { clear: both; margin-top: 35px; text-align: center; } .author-avatar .avatar { height: 65px; width: 65px; border-radius: 50%; } .author-description > :last-child { margin-bottom: 0; } .author-description .author-title { clear: none; line-height: 1.75; } .author-bio { overflow: hidden; margin: 0; } .author-link { display: block; white-space: nowrap; } .entry-footer:empty { margin: 0; } .sticky-post { display: inline-block; font-size: 14px; font-size: 0.875rem; letter-spacing: 0; line-height: 1; margin-bottom: 21px; padding: 5px 10px; position: relative; text-align: center; z-index: 1; } .full-content .has-post-thumbnail .sticky-post { position: relative; top: auto; left: auto; } .entry-meta { line-height: 1.5; text-transform: capitalize; } .entry-meta > span { position: relative; padding-right: 12px; } .entry-meta > span:last-child { padding-right: 0; } .entry-meta a { text-decoration: none; } .custom-header-media .entry-meta a { opacity: 0.7; } .custom-header-media .entry-meta a:hover { opacity: 1; } .section-title-wrapper { position: relative; } .section-description { margin-top: 14px; } .section-description p { margin-bottom: 0; } .entry-header .entry-meta > span { clear: none; display: inline-block; } .entry-footer .entry-meta > span { clear: both; display: block; } /** * 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: 20px; font-size: 1.25rem; height: 49px; line-height: 49px; text-align: center; text-decoration: none; width: 49px; } .page-links .current { border: 1px solid; } .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; } .section:not(#team-content-section):not(#portfolio-content-section):not(#feature-slider-section) .post-thumbnail a img { -webkit-backface-visibility: hidden; } .section:not(#team-content-section):not(#portfolio-content-section):not(#album-section):not(#feature-slider-section):not(#logo-slider-section) .post-thumbnail a:hover img, .section:not(#team-content-section):not(#portfolio-content-section):not(#feature-slider-section):not(#logo-slider-section) .post-thumbnail a:focus img { opacity: 0.65; } .entry-title, ul.products li.product .woocommerce-loop-product__title, .woocommerce-loop-category__title { font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.46; letter-spacing: normal; margin: 0; } .archive-posts-wrapper .entry-title { font-weight: 700; line-height: 1.46; } .section-title { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; } .section-title .title-two { font-weight: 700; } .section-subtitle, .section-subtitle p { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; margin-top: 7px; } #feature-slider-section .entry-title, .custom-header-media .section-title { margin-bottom: 0; margin-top: 0; } .custom-header-media .section-subtitle { margin-bottom: 21px; margin-top: 0; } .recent-blog-content .entry-container .entry-content { display: none; } .recent-blog-content p.view-more { text-align: center; } .home .recent-blog-content .archive-post-wrap .hentry { border: none; margin-bottom: 35px; padding: 0 15px; } .home .archive-post-wrap .hentry .post-thumbnail { overflow: hidden; } .home .archive-post-wrap .hentry .post-thumbnail img { margin-left: 30px; -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .home .archive-post-wrap .hentry:hover .post-thumbnail img { margin-left: 0; opacity: 0.8; } .archive-post-wrap .entry-container .entry-title + .entry-meta { margin-top: 14px; } .entry-footer .entry-meta a { margin-left: 7px; } .entry-footer .entry-meta a:first-child { margin-left: 0px; } .nav-next .meta-nav svg { margin-left: 7px; } .nav-previous .meta-nav svg { margin-right: 7px; } /*-------------------------------------------------------------- ## next-previous 6.3 --------------------------------------------------------------*/ /** * 7.4 - Post Navigation */ .post-navigation { clear: both; } .post-navigation a { display: block; text-decoration: none; } .post-navigation .meta-nav { display: block; font-family: 'poppins',sans-serif; letter-spacing: 0.083em; margin-bottom: 0.583em; text-transform: uppercase; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .post-navigation .post-title { font-weight: 700; display: block; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; 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; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .post-navigation .nav-links .nav-next { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .posts-navigation .nav-links .nav-previous + .nav-next { margin: 21px 0 0 0; } .post-navigation .nav-links .nav-previous { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .pagination .prev, .pagination .next { width: 100%; font-family: 'poppins',sans-serif; } .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; } .infinite-loader #ctis-loading img { margin: 0 auto; width: 35px; } .infinite-loader { clear: both; } .posts-navigation a { font-weight: 500; letter-spacing: 0; line-height: 1.4; } .pagination .prev, .pagination .next { font-weight: 400; line-height: 1.75; } .pagination .page-numbers { display: inline-block; font-family: 'poppins',sans-serif; margin: 7px 0; text-transform: uppercase; color: #fff; width: 49px; height: 49px; line-height: 49px; text-align: center; } .pagination .prev.page-numbers, .pagination .next.page-numbers { width: auto; } .pagination .page-numbers.current { -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid; } .posts-navigation a { border: none; -webkit-border-radius: 0; border-radius: 0; display: inline-block; text-transform: uppercase; } #content #infinite-handle { z-index: 2; } #content #infinite-handle, #content .infinite-loader, #content .navigation.posts-navigation { cursor: pointer; clear: both; margin: 0 auto; padding: 0; text-align: center; width: 100%; } #content .navigation.posts-navigation { cursor: default; } .archive-posts-wrapper .section-content-wrapper { position: relative; } /*-------------------------------------------------------------- ## menus 6.1 --------------------------------------------------------------*/ /** * 12.1 - Header */ .site-header { position: relative; } .absolute-header .site-header { position: absolute; left: 0; width: 100%; top: 0; z-index: 9; } body:not(.home) .custom-header .scroll-down { display: none; } .slider-logo, .site-header-logo { margin: 21px 0; max-width: 250px; } .site-header-logo ~ .section-title-wrapper { margin-top: 21px; } .site-header-main .wrapper { -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 14px 30px; position: relative; } .site-description { opacity: 0.6; } .custom-logo { display: block; width: 120px; } .wp-custom-logo .custom-logo-link { display: block; } .site-header-menu { align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; width: auto; position: relative; } body:not(.home).navigation-horizontal .site-header-menu { height: auto; } .site-branding { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0px auto 0px 0; max-width: 100%; min-width: 0; text-align: left; overflow: hidden; max-width: 80%; width: auto; } .site-title { font-weight: 400; line-height: 1.5; margin: 0; } .color-scheme-music .site-title, .color-scheme-corporate .site-title, .color-scheme-ecommerce .site-title { font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-transform: capitalize; font-weight: 600; } .site-title a { text-decoration: none; } .site-description { font-weight: 300; letter-spacing: 0; line-height: 1.62; margin: 0; text-transform: capitalize; } .custom-header { clear: both; position: relative; } .custom-header .post-thumbnail { margin: 0; } .has-header-video .custom-header-media .wp-custom-header img { display: none; } .has-header-image.home .custom-header-media, .has-header-video.home .custom-header-media, .has-header-text.home .custom-header-media { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: center; -ms-flex-pack: end; justify-content: center; height: 100%; height: 100vh; width: 100%; } .custom-header-content.content-align-left .custom-header-content-wrapper { margin: 0 auto 0 0; } .custom-header-content.text-align-left { text-align: left; } .custom-header-content.text-align-right { text-align: right; } .custom-header-content.text-align-center { text-align: center; } .custom-header-content.text-align-left .site-header-logo, .custom-header-content.text-align-left .site-header-logo img { margin: 0 auto 0 0; } .custom-header-content.text-align-center .site-header-logo, .custom-header-content.text-align-center .site-header-logo img { margin: 0 auto; } .custom-header-content.text-align-right .site-header-logo, .custom-header-content.text-align-right .site-header-logo img { margin: 0 0 0 auto; } .custom-header-content .site-header-text { margin-top: 21px; font-size: 19px; font-size: 1.1875rem; line-height: 1.59; display: none; } .custom-header-content .more-link { margin-top: 21px; } .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%; } } /* Hides div in Customizer preview when header images or videos change. */ body:not(.has-header-image):not(.has-header-video):not(.has-header-text) .custom-header-media { display: none; } .custom-header-media .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */ border-radius: 50%; font-size: 18px; font-size: 1.125rem; opacity: 0; overflow: hidden; padding: 7px 13px; position: absolute; left: 49%; bottom: 35px; z-index: 100; height: 44px; width: 44px; } .header-media:hover .wp-custom-header-video-button { opacity: 1; } .wp-custom-logo .site-identity { display: none; } .scroll-down { bottom: 30px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 9; cursor: pointer; text-align: center; } .scroll-down:hover { opacity: 0.7; } .scroll-down span { font-size: 14px; line-height: 1.5; letter-spacing: 5px; text-transform: uppercase; display: block; } .scroll-down .icon-angle-down { margin-top: -25px; animation: scrollDown 1.5s infinite; } @keyframes scrollDown { 0% { transform: translate(0, 0); opacity: 0; } 50% { opacity: 1; } 100% { transform: translate(0px, 10px); opacity: 0; } } @keyframes scrollDown { 0% { transform: translate(0, 0); opacity: 0; } 50% { opacity: 1; } 100% { transform: translate(0px, 10px); opacity: 0; } } body:not(.home) .custom-header-content.content-align-left .custom-header-content-wrapper, body:not(.home) .custom-header-content.content-align-right .custom-header-content-wrapper, body:not(.home) .custom-header-content .custom-header-content-wrapper { margin: 0 auto; } body:not(.home) .line, body:not(.home) #floating-social { display: none; } .home.custom-header { height: 100vh; } .home.admin-bar .custom-header { height: calc(100vh - 46px); } #primary-menu-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #primary-menu-wrapper > .cart-contents, #primary-menu-wrapper > .my-account { line-height: 1; padding: 13px 7px; height: 46px; } body:not(.home) #floating-social, #floating-social { display: none; } .mobile-social-search .social-links-menu a { border: 1px solid; padding: 0; width: 45px; height: 45px; border-radius: 50%; margin-right: 10px; display: flex; align-items: center; justify-content: center; } .site-header-menu .line { width: 1px; height: 100%; background: #fff; } /** * 15.0 - Media Queries */ /** * Does the same thing as <meta name="viewport" content="width=device-width">, * 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 10.1 --------------------------------------------------------------*/ /** * 15.1 - >= 480px */ @media only screen and (min-width: 480px) { /* Woocommerce Styles */ ul.products li.product { padding: 0 15px; } .site-content .woocommerce-ordering, .site-content .woocommerce-result-count { display: inline-block; margin-bottom: 0; } .woocommerce-shorting-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; } .woocommerce-shorting-wrapper .woocommerce-result-count { margin-right: auto; } #product-content-section .columns-2 ul.products li .product-container, #product-content-section .columns-4 ul.products li .product-container { text-align: left; } .columns-2 ul.products li.product .woocommerce-LoopProduct-link, .columns-4 ul.products li.product .woocommerce-LoopProduct-link { justify-content: unset; } .columns-2 ul.products li.product:nth-child(2n+1), .columns-4 ul.products li.product:nth-child(2n+1) { clear: both; } 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 { display: inline-block; width: auto; } .related ul.products, .upsells ul.products, .cross-sells ul.products, .wocommerce-section-content-wrapper { margin: 0 -15px; } .columns-2 ul.products li.product, .columns-4 ul.products li.product { padding: 0 15px; width: 50%; } .columns-2 ul.products .onsale, .columns-3 ul.products .onsale, .columns-4 ul.products .onsale, .related ul.products .onsale { left: 15px; } .single-product div.product { content: ""; display: table; table-layout: fixed; } .single-product div.product .woocommerce-product-gallery, .single-product div.product .entry-summary { float: left; } .single-product div.product .woocommerce-product-gallery { width: 52.5252525252525%; } .single-product div.product .entry-summary { text-align: left; width: 47.47474747474747%; } .single-product div.product .entry-summary { margin: 0; padding-left: 30px; } .woocommerce-tabs ul.tabs { margin: 42px 0 0; } .single-product div.product .related, .single-product div.product .upsells, .cart-collaterals .cross-sells, .cart-collaterals .cart_totals { margin-top: 42px; } .cart-collaterals .cart_totals { display: block; clear: both; float: right; width: 60%; max-width: 600px; } /* Woocommerce Styles End */ .wp-custom-logo .custom-logo-link { margin-right: 15px; margin-bottom: 0; } .site-header-menu .menu-label { display: inline-block; } .has-header-image.home.admin-bar .custom-header-media, .has-header-video.home.admin-bar .custom-header-media, .has-header-text.home.admin-bar.custom-header-media { height: calc(100vh - 46px); } .wp-custom-logo .custom-logo-link, .wp-custom-logo .site-identity { display: block; } .more-link + .more-link .solid-button { margin-left: 7px; } #clock > .count-down { width: 25%; } } /*-------------------------------------------------------------- ## mobile-portrait 10.2 --------------------------------------------------------------*/ /** * 15.3 - >= 568px */ @media only screen and (min-width: 35.5em) { .wp-playlist .mejs-previous-button.mejs-previous, .wp-playlist .mejs-next-button.mejs-next { display: block; } #sticky-playlist-section .wp-playlist-tracks { max-width: 440px; } .featured-video-section.style-two .section-content-wrapper .hentry:first-child .entry-container { display: none; } .featured-video-section.style-two .section-content-wrapper .hentry:first-child .post-thumbnail { margin-bottom: 0; } .featured-video-section.style-two .section-content-wrapper .hentry:first-child { width: 100%; } #album-section .layout-three .hentry, .featured-video-section.style-two .section-content-wrapper .hentry:not(:first-child) { width: 33.33%; } #album-section .layout-two .hentry, #album-section .layout-four .hentry { width: 50%; } #album-section article.hentry { padding: 0 15px; } .album-section .section-content-wrapper.layout-three { margin-left: -15px; margin-right: -15px; } .portfolio-content-wrapper.layout-four .hentry { width: 50%; } #primary-menu-wrapper .menu-inside-wrapper { max-width: 350px; width: 300px; padding: 35px 0; } #menu-toggle.close-toggle { display: none; } } /*-------------------------------------------------------------- ## mobile-horizontal 10.3 --------------------------------------------------------------*/ /** * 15.3 - >= 667px */ @media only screen and (min-width: 41.688em) { .header-media .section-title, #feature-slider-section .entry-title { font-size: 42px; font-size: 2.625rem; } .columns-2 ul.products .onsale, .columns-3 ul.products .onsale, .columns-4 ul.products .onsale, .related ul.products .onsale { left: 10px; } .wocommerce-section-content-wrapper.columns-3, .related ul.products { margin: 0 -10px; } .product-showcase-section .section-content-wrapper.product-content-wrapper { padding: 0 20px; } .columns-3 ul.products li.product, .related ul.products li.product { padding: 0 10px; } .columns-3 ul.products li.product, .related ul.products li.product, .upsells ul.products li.product, .cross-sells ul.products li.product { width: 33.33%; } .columns-3 ul.products li.product:nth-child(3n+1), .related ul.products li.product:nth-child(3n+1), .upsells ul.products li.product:nth-child(3n+1), .cross-sells ul.products li.product:nth-child(3n+1) { clear: both; } .stats-content-area .section-heading-wrapper, .stats-content-area .section-content-wrapper { width: 100%; } .hero-content-wrapper .post-thumbnail-background { margin: 0; padding-bottom: 0; } .content-align-left .hero-content-wrapper .post-thumbnail-background { order: 2; } .content-align-left .hero-content-wrapper .entry-container { order: 1; padding: 35px 35px 35px 0; } .hero-content-wrapper .hentry-inner { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hero-content-wrapper .post-thumbnail-background { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; min-height: 600px; } .hero-content-wrapper .entry-container { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; margin: 0; max-width: 780px; padding: 35px 0 35px 35px; } .hero-content-wrapper .entry-container.full-width { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0 auto; max-width: 760px; padding: 0; width: auto; } .hero-content-wrapper .entry-header, .hero-content-wrapper .entry-title { margin-top: 0; } .author-info { text-align: left; } .author-avatar { float: left; margin: 0 28px 0 0; } .author-description { margin: 0; overflow: hidden; } .footer-widget-area.four .widget-column, .footer-widget-area.two .widget-column { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .footer-widget-area.three .widget-column { -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .widget-column { padding: 21px 14px; } .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), .two-columns .hentry:nth-child(2n+1) { clear: both; } .pagination .prev, .pagination .next { width: auto; height: auto; } .posts-navigation .nav-links { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .post-navigation .nav-links { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .post-navigation .nav-links .nav-next { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .post-navigation .nav-links .nav-previous { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .home .post-navigation .nav-links .nav-next { margin-right: 42px; } .home .post-navigation .nav-links .nav-previous { margin-left: 42px; } .post-navigation .nav-links > div, .post-navigation .nav-links > div { -webkit-flex-basis: 48%; -ms-flex-preferred-size: 48%; flex-basis: 48%; } .post-navigation .nav-previous { text-align: left; } .post-navigation .nav-next { text-align: right; } .posts-navigation .nav-links .nav-previous + .nav-next { margin: 0 0 0 21px; } .post-navigation .nav-links .nav-previous + .nav-next { margin-bottom: 0; } .featured-content-wrapper.layout-four .hentry:nth-child(2n+1), .portfolio-content-wrapper.layout-four .hentry:nth-child(2n+1), .services-content-wrapper.layout-four .hentry:nth-child(2n+1), .stats-content-wrapper.layout-four .hentry:nth-child(2n+1), .team-content-wrapper.layout-four .hentry:nth-child(2n+1), .featured-content-wrapper.layout-three .hentry:nth-child(3n+1), .portfolio-content-wrapper.layout-three .hentry:nth-child(3n+1), .services-content-wrapper.layout-three .hentry:nth-child(3n+1), .stats-content-wrapper.layout-three .hentry:nth-child(3n+1), .team-content-wrapper.layout-three .hentry:nth-child(3n+1), .featured-content-wrapper.layout-two .hentry:nth-child(2n+1), .portfolio-content-wrapper.layout-two .hentry:nth-child(2n+1), .services-content-wrapper.layout-two .hentry:nth-child(2n+1), .stats-content-wrapper.layout-two .hentry:nth-child(2n+1), .team-content-wrapper.layout-two .hentry:nth-child(2n+1), .pricing-content-wrapper.layout-two .hentry:nth-child(2n+1), .pricing-content-wrapper.layout-three .hentry:nth-child(3n+1), .pricing-content-wrapper.layout-four .hentry:nth-child(2n+1) { clear: both; } .featured-video-section.style-one .has-post-thumbnail.excerpt-video-left .hentry-inner { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 100%; } .featured-video-section.style-one .has-post-thumbnail.excerpt-video-left .post-thumbnail { -webkit-box-flex: 0; -webkit-flex: 0 1 42.85714285714286%; -moz-box-flex: 0; -ms-flex: 0 1 42.85714285714286%; flex: 0 1 42.85714285714286%; margin: 0; } .featured-video-section.style-one .has-post-thumbnail.excerpt-video-left .entry-container { -webkit-box-flex: 0; -webkit-flex: 0 1 57.14285714285714%; -moz-box-flex: 0; -ms-flex: 0 1 57.14285714285714%; flex: 0 1 57.14285714285714%; margin: 0; } .featured-video-section.style-one .has-post-thumbnail.excerpt-video-left .entry-container { padding-left: 28px; } .rtl .featured-video-section.style-one .has-post-thumbnail.excerpt-video-left .entry-container { padding-right: 28px; } .footer-newsletter .has-ew-newsletter-image .widget-inner, .footer-newsletter .has-background-image.has-ew-newsletter-image .widget-inner-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .footer-newsletter .has-ew-newsletter-image .ew-newsletter-image-container, .footer-newsletter .has-ew-newsletter-image .ew-newsletter-content-container { -webkit-box-flex: 1; -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; 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; } .portfolio-content-section { padding-bottom: 42px; } #logo-slider-section .owl-prev { left: 0; } #logo-slider-section .owl-next { right: 0; } .recent-blog-content .archive-post-wrap .hentry-inner, .site-content .content-area .hentry-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .recent-blog-content .archive-post-wrap .hentry:nth-child(2n+1) .hentry-inner, .site-content .content-area .hentry:nth-child(2n+1) .hentry-inner { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .recent-blog-content .archive-post-wrap .hentry:nth-child(2n+1) .entry-container, .site-content .content-area .hentry:nth-child(2n+1) .entry-container { margin-right: auto; margin-left: 0; } .recent-blog-content .archive-post-wrap .hentry .entry-container, .site-content .content-area .hentry .post-thumbnail + .entry-container { margin-left: auto; margin-right: 0; } .recent-blog-content .archive-post-wrap .entry-container .footer-meta, .site-content .content-area .entry-container .footer-meta { padding: 21px 42px; } .playlist-content-wrapper .hentry-inner { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .playlist-content-wrapper .post-thumbnail-background { padding-bottom: 0; width: 50%; min-height: 440px; } .content-align-left .playlist-content-wrapper .post-thumbnail-background { order: 2; } .playlist-content-wrapper .post-thumbnail, .playlist-content-wrapper .entry-container { width: 50%; } .playlist-content-wrapper .entry-container.full-width { flex-basis: 100%; margin: 0 auto; max-width: 920px; padding: 0; width: auto; } .playlist-content-wrapper .entry-header, .playlist-content-wrapper .entry-title { margin-top: 0; } /*667*/ .mejs-sticky-playlist-container.mejs-container .mejs-button.mejs-volume-button, .mejs-sticky-playlist-container.mejs-container a.mejs-horizontal-volume-slider { display: block !important; } body .wp-playlist-caption .wp-playlist-item-title + .wp-playlist-item-album:before { content: " - "; } #sticky-playlist-section .mejs-container.mejs-container .mejs-controls .mejs-button.mejs-previous, #sticky-playlist-section .mejs-container.mejs-container .mejs-controls .mejs-button.mejs-next { display: block; } body .wp-playlist-caption .wp-playlist-item-title, body .wp-playlist-caption .wp-playlist-item-album { display: inline; } #sticky-playlist-section .wp-playlist-current-item { -webkit-box-flex: 0; -ms-flex: 0 1 48%; flex: 0 1 48%; } #sticky-playlist-section .mejs-sticky-playlist-container { -webkit-box-flex: 0; -ms-flex: 0 1 78%; flex: 0 1 78%; } #sticky-playlist-section .mejs-controls { padding-right: 20px; } #sticky-playlist-section .wp-playlist .mejs-time { padding: 29px 25px; } .playlist-content-wrapper .entry-container { padding: 0 0 0 42px; } .playlist-section .view-more { text-align: left; } .app-section.content-align-left .entry-container { float: left; } .app-section.content-align-center .entry-container { margin: 0 auto; } .app-section.content-align-right .entry-container { float: right; } .app-section.text-align-left .post-thumbnail img { margin: 0 auto 0 0; } .app-section.text-align-center .post-thumbnail img { margin: 0 auto; } .app-section.text-align-right .post-thumbnail img { margin: 0 0 0 auto; } .app-section.text-align-left .entry-container { text-align: left; } .app-section.text-align-center .entry-container { text-align: center; } .app-section.text-align-right .entry-container { text-align: right; } .app-section.text-align-left .app-image-container { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .app-section.text-align-right .app-image-container { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .playlist-content-wrapper .hentry { margin-bottom: 42px; } #countdown-section.content-right .content-wrapper { margin: 0 0 0 auto; } #countdown-section.content-left .content-wrapper { margin: 0 auto 0 0; } #countdown-section.content-center .content-wrapper { margin: 0 auto; } #countdown-section.text-aligned-left .content-wrapper { text-align: left; } #countdown-section.text-aligned-right .content-wrapper { text-align: right; } #countdown-section.text-aligned-center .content-wrapper { text-align: center; } #countdown-section.text-aligned-left .section-title-wrapper:after { margin: -5px 0 0 40px; } #countdown-section.text-aligned-left .section-title:after { margin: 21px 0 0 0; } #countdown-section.text-aligned-right .section-title-wrapper:after { margin: -5px 40px 0 auto; } #countdown-section.text-aligned-right .section-title:after { margin: 21px 0 0 auto; } #timeline-section .post-thumbnail { margin-bottom: 0; } #timeline-section .post-thumbnail, #timeline-section .entry-container { width: 50%; } #timeline-section .hentry { margin-left: 0; width: 100%; } #timeline-section .section-content-wrapper { padding-left: 15px; padding-right: 15px; } #timeline-section .hentry-inner { margin: 0 -20px; } #timeline-section .post-thumbnail, #timeline-section .entry-container { padding-left: 35px; padding-right: 35px; } #timeline-section .section-content-wrapper:before { left: 50%; transform: translateX(-50%); } #timeline-section .hentry:before { left: 50%; transform: translateX(-50%); width: 20px; height: 20px; } #timeline-section .hentry-inner { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #timeline-section .hentry:nth-child(odd) .post-thumbnail img { margin: 0 0 0 auto; } #timeline-section .hentry:nth-child(even) .post-thumbnail img { margin: 0 auto 0 0; } #timeline-section .hentry:nth-child(even) .post-thumbnail { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } #timeline-section .hentry:nth-child(even) .entry-container { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-align: right; } #timeline-section .section-content-wrapper:before { height: calc(100% - 42px); } .archive-post-wrap .hentry, #timeline-section .hentry { margin-bottom: 42px; padding-bottom: 42px; } #events-section .section-content-wrapper { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } #events-section .event-list-item { width: 50%; padding-left: 15px; padding-right: 15px; } #countdown-section .content-wrapper .content-left { display: flex; align-items: center; } #countdown-section .content-wrapper .content-left .logo-image, #countdown-section .content-wrapper .content-left .left-content { width: 50%; } #countdown-section .content-wrapper .content-left .left-content { margin-top: 0; text-align: left; padding-left: 28px; } #countdown-section .content-wrapper .content-left .left-content .left-content { padding-left: 0; } .contact-details-widget-area .widget-column { padding: 21px 0; } .contact-details-widget-area .wrapper { padding: 0 30px; } .contact-details-widget-area .widget { padding: 0 14px; } .comment-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-author { float: left; } .comment-navigation .nav-next, .post-navigation .nav-next { float: right; width: 50%; } .site-main nav.post-navigation .nav-links .nav-next { text-align: right; } .sidebar .widget { clear: none; display: block; float: left; width: 48%; } .sidebar .widget:nth-child(2n+1) { clear: both; margin-right: 4%; } .comment-respond, .wpcf7 { padding: 42px; } .portfolio-content-wrapper.layout-four .hentry, .team-content-wrapper.layout-three .hentry, .featured-content-wrapper.layout-three .hentry { width: 33.33%; } .recent-blog-content .layout-three .hentry { width: 33.333333%; padding: 0 15px; } .services-content-wrapper.layout-two .hentry { width: 50%; } #testimonial-content-section #slider-dots { margin-bottom: 0; } #testimonial-content-section .section-content-wrapper .hentry-inner { padding: 0 15px; } #testimonial-content-section .owl-nav { top: -7px; } .post-thumbnail .counter, #testimonial-content-section .owl-item:after { font-size: 38px; font-size: 2.375rem; left: 30px; z-index: 999; top: 15px; } #testimonial-content-section .post-thumbnail::before { position: absolute; left: -20px; top: 34px; width: 70px; height: 20px; } } /*-------------------------------------------------------------- ## tablet 10.4 --------------------------------------------------------------*/ @media only screen and (min-width: 48em) { .woocommerce-tabs .panel h2:first-of-type { font-size: 24px; font-size: 1.5rem; } .services-section.section .hentry .hentry-inner .post-thumbnail { margin-bottom: 35px; } .contact-address > * { max-width: 80%; } #feature-slider-section .tagline { display: block; } #footer-instagram .widget-title, .site-content, .section { padding: 63px 0 28px; } .events-section.section { padding-bottom: 28px; } .section-title, .entry-title.section-title { font-size: 36px; font-size: 2.25rem; } body #playlist-section .wp-playlist { margin-top: 0; } .site-header-menu { position: absolute; right: 30px; } #floating-social { right: 25px; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; flex-direction: column; justify-content: flex-end; } #floating-social::before { position: absolute; width: 2px; height: 100%; left: 50%; top: 0; content: ''; z-index: 9999; transform: translateX(-50%); } #floating-social .social-navigation ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #primary-search-wrapper .menu-toggle, #floating-social .social-navigation a { border-radius: 50%; height: 50px; margin: 0; width: 50px; transition: all 0.4s; } /* ---------------- */ /* Woocommerce Styles */ table.cart td.actions input, table.cart td.actions .button { margin: 0; } 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; } .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; } /* Woocommerce Styles End */ #social-menu-wrapper, #primary-search-wrapper { display: block; position: relative; } .menu-toggle-wrapper { display: block; float: left; padding: 10px 0; } .menu-toggle { padding: 10px; } .is-open .menu-inside-wrapper { visibility: visible; opacity: 1; } #primary-search-wrapper .menu-inside-wrapper { top: 50%; right: 60px; transform: translateY(-50%); width: 300px; } .navigation-default .mobile-social-search { display: none; } .navigation-modern .mobile-social-search .search-container { display: none; } #hero-content-section .section-content-wrapper { padding-left: 55px; padding-right: 55px; } #feature-slider-section .entry-summary, #feature-slider-section .entry-content { display: block; } .custom-logo { margin: 0; } .services-section.section .hentry .hentry-inner { padding: 42px 35px; } .section-heading-wrapper { margin-bottom: 14px; } .site-title { font-size: 28px; font-size: 1.75rem; } #contact-section .section-content-wrapper .entry-summary, #contact-section .section-content-wrapper .entry-content { margin: 35px 0 0; } .featured-video-content-wrapper .hentry, .featured-content-wrapper.layout-four .hentry, .services-content-wrapper.layout-four .hentry, .stats-content-wrapper.layout-four .hentry, .team-content-wrapper.layout-four .hentry, .contact-details.layout-four > div, .featured-content-wrapper.layout-two .hentry, .services-content-wrapper.layout-two .hentry, .team-content-wrapper.layout-two .hentry, .portfolio-content-wrapper.layout-two .hentry, .contact-details.layout-two > div, .two-columns .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, .pricing-content-wrapper.layout-two .hentry, .pricing-content-wrapper.layout-four .hentry { width: 50%; } .featured-content-wrapper.layout-three .hentry, .portfolio-content-wrapper.layout-three .hentry, .services-content-wrapper.layout-three .hentry, .stats-content-wrapper.layout-three .hentry, .team-content-wrapper.layout-three .hentry, .three-columns .hentry, .album-section .section-content-wrapper.layout-three .hentry, #gallery-section .gallery-columns-3 .gallery-item, #gallery-section .gallery-columns-6 .gallery-item, #gallery-section .gallery-columns-9 .gallery-item, .pricing-content-wrapper.layout-three .hentry { width: 33.33%; } .more-link + .more-link .solid-button { margin-left: 14px; } body:not(.home) .custom-header-content { padding: 150px 30px 80px 30px; } .color-scheme-music.home .header-media .section-title, .color-scheme-music #feature-slider-section .entry-title, .color-scheme-wedding.home .header-media .section-title, .color-scheme-wedding #feature-slider-section .entry-title, .color-scheme-corporate.home .header-media .section-title, .color-scheme-corporate #feature-slider-section .entry-title, .color-scheme-ecommerce.home .header-media .section-title, .color-scheme-ecommerce #feature-slider-section .entry-title { font-size: 44px; font-size: 2.75rem; } .events-section.single-layout .date-week-day { font-size: 44px; font-size: 2.75rem; } #primary-menu-wrapper { position: relative; } #feature-slider-section .entry-container p:not(.more-link) { display: block; } #feature-slider-section .entry-summary { margin-top: 21px; } .promotion-section.section { padding: 98px 0 56px; } #testimonial-content-section .entry-container .entry-content p { font-size: 20px; font-size: 1.25rem; } .promotion-section .entry-container { width: 50%; } .stats-section .hentry { text-align: left; } .contact-content-wrapper { display: flex; justify-content: space-between; } .contact-section .contact-info { position: inherit; } .contact-section .contact-us-form, .contact-section .contact-info, .contact-section .layout-two .contact-us-form, .contact-section .layout-two .contact-info { width: 50%; } #countdown-section, .contact-section .hentry.contact-us-form { padding-bottom: 56px; padding-top: 56px; } #primary-menu-wrapper > .cart-contents, #primary-menu-wrapper > .my-account { padding: 13px; } #footer-instagram .instagram-button { margin-bottom: 63px; } body:not(.home) .site-content { padding: 56px 0; } .site-content .content-area .hentry .post-thumbnail + .entry-container { padding-top: 35px; } .comment-respond, .wpcf7 { padding: 42px; } section-content-wrapper.contact-content-wrapper .hentry { width: 50%; } article.hentry.contact-details { padding-right: 56px; } .contact-details > div { padding-top: 49px; } .recent-blog-content .archive-post-wrap .entry-container .header, .site-content .content-area .entry-container .header { padding: 42px; } .site-footer .footer-widget-area { padding: 35px 0 0; } #testimonial-content-section .hentry { opacity: 0.3; padding: 0 30px; } #testimonial-content-section .post-thumbnail { margin-bottom: 0; padding: 77px; padding-bottom: 0; } #testimonial-content-section #slider-dots { text-align: center; position: relative; margin: 0; } #testimonial-content-section .owl-nav { padding: 0 7%; } .site-header-menu { display: -webkit-box; display: -ms-flexbox; display: flex; height: 90vh; flex-wrap: nowrap; align-items: flex-end; flex-direction: column; } .featured-arrow-on .site-header-menu { height: 83vh; } .site-header-menu .line { margin: 21px 24px; } .menu-social-container { margin: 0; } .navigation-modern .mobile-social-search { display: none; } #feature-slider-section .owl-prev, #feature-slider-section .owl-next { padding: 15px; right: 62px; } #feature-slider-section .owl-next { right: 0; } .custom-header-content .site-header-text { display: block; } #feature-slider-section .owl-carousel .owl-dots { display: block; } .navigation-horizontal .mobile-social-search { display: none; } .header-media .section-title, #feature-slider-section .entry-title { font-size: 56px; font-size: 3.5rem; } } /*-------------------------------------------------------------- ## tablet 10.5 --------------------------------------------------------------*/ @media only screen and (min-width: 48.937em) { .home.admin-bar .custom-header { height: calc( 100vh - 32px ); } #clock > .count-down .countdown-number { font-size: 42px; font-size: 2.625rem; } .navigation-horizontal .site-header-menu { position: relative; right: 0; } } /*-------------------------------------------------------------- ## desktop 10.6 --------------------------------------------------------------*/ @media only screen and (min-width: 62em) { #feature-slider-section.content-align-right .entry-container .content-wrapper, .content-align-right .custom-header-content-wrapper { padding: 60px 120px; padding-left: 0; margin: 0 0 0 auto; } } /*-------------------------------------------------------------- ## desktop 10.7 --------------------------------------------------------------*/ /** * 15.9 - >= 1024px */ @media only screen and (min-width: 64em) { /* Woocommerce Styles */ .woocommerce .product-container .button:hover::before { padding-right: 7px; } .product-content-section .product-content-wrapper .products.columns-1, .product-content-section .product-content-wrapper .products.columns-2, .product-content-section .product-content-wrapper .products.columns-3, .product-content-section .product-content-wrapper .products.columns-4 { padding: 0 30px; } .product-content-section .columns-1 ul.products li.product, .product-content-section .columns-2 ul.products li.product, .product-content-section .columns-3 ul.products li.product, .product-content-section .columns-4 ul.products li.product { padding: 0 20px; } .wocommerce-section-content-wrapper.columns-3, .related ul.products, .upsells ul.products, .cross-sells ul.products { margin: 0 -20px; } .columns-2 ul.products li.product, .columns-3 ul.products li.product, .columns-4 ul.products li.product, .related ul.products li.product, .upsells ul.products li.product, .cross-sells ul.products li.product { padding: 0 20px; } .columns-2 ul.products .onsale, .columns-3 ul.products .onsale, .columns-4 ul.products .onsale, .related ul.products .onsale, #product-content-section .onsale { left: 20px; } .columns-4 ul.products li.product, .full-width .related ul.products li.product, .full-width .upsells ul.products li.product, .full-width .cross-sells ul.products li.product { width: 25%; } .product-container { padding-top: 28px; } .two-columns .columns-4 ul.products li.product { width: 50%; } .columns-4 ul.products 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 .columns-4 ul.products li.product:nth-child(2n+1), .columns-4 ul.products li.product:nth-child(4n+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; } .woocommerce-shorting-wrapper { margin: 0 0 42px; } .color-scheme-corporate button, .color-scheme-corporate .button, .color-scheme-corporate input[type="button"], .color-scheme-corporate input[type="reset"], .color-scheme-corporate input[type="submit"], .color-scheme-corporate .woocommerce #respond input#submit, .color-scheme-corporate .woocommerce a.button, .color-scheme-corporate .woocommerce button.button, .color-scheme-corporate .woocommerce input.button, .color-scheme-corporate #content #infinite-handle span button, .color-scheme-corporate nav.navigation.posts-navigation .nav-links a, .color-scheme-ecommerce button, .color-scheme-ecommerce .button, .color-scheme-ecommerce input[type="button"], .color-scheme-ecommerce input[type="reset"], .color-scheme-ecommerce input[type="submit"], .color-scheme-ecommerce #content #infinite-handle span button, .color-scheme-ecommerce nav.navigation.posts-navigation .nav-links a, .color-scheme-music button, .color-scheme-music .button, .color-scheme-music input[type="button"], .color-scheme-music input[type="reset"], .color-scheme-music input[type="submit"], .color-scheme-music .woocommerce #respond input#submit, .color-scheme-music .woocommerce a.button, .color-scheme-music .woocommerce button.button, .color-scheme-music .woocommerce input.button, .color-scheme-music #content #infinite-handle span button, .color-scheme-music nav.navigation.posts-navigation .nav-links a, .color-scheme-wedding button, .color-scheme-wedding .button, .color-scheme-wedding input[type="button"], .color-scheme-wedding input[type="reset"], .color-scheme-wedding input[type="submit"], .color-scheme-wedding .woocommerce #respond input#submit, .color-scheme-wedding .woocommerce a.button, .color-scheme-wedding .woocommerce button.button, .color-scheme-wedding .woocommerce input.button, .color-scheme-wedding #content #infinite-handle span button, .color-scheme-wedding nav.navigation.posts-navigation .nav-links a, .site-content .view-more a, .product-container .price, .widget .hentry .entry-title, .comment-content, .site-footer .widget li, .events-section.single-layout .date-month-year, .category-content-section .entry-title, .woocommerce-ordering .orderby { font-size: 18px; font-size: 1.125rem; } .contact-details-widget-area p, .contact-details-widget-area li, .section-subtitle p, .site-footer p, .comment-meta .author-name, .contact-section .contact-info-details a { font-size: 20px; font-size: 1.25rem; } .custom-header-content .site-header-text, #feature-slider-section .entry-summary { font-size: 22px; } .site-header-cart .menu-inline { display: inline-block; } .site-header-cart li.menu-inline, .site-header-main .secondary-account-wrapper { padding: 0; } .site-header-cart .menu-inline > a { padding: 16px 10px; } .site-header-cart .cart-contents { position: relative; background-color: transparent; height: auto; width: auto; text-indent: 0; } #site-header-secondary-cart-wrapper .site-header-cart .site-cart-contents .amount, #site-header-secondary-cart-wrapper .site-header-cart .site-cart-contents .sep { display: inline-block; } #site-search-toggle.menu-search-toggle { display: block; position: relative; } #site-product-search, #site-cart-contents-items, .secondary-search-wrapper .search-container { position: absolute; top: 100%; left: auto; right: 0; width: 320px; z-index: 101; -webkit-animation: fadein 0.6s; -moz-animation: fadein 0.6s; -o-animation: fadein 0.6s; animation: fadein 0.6s; -webkit-box-shadow: 4.243px 4.243px 5px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 0px rgba(236, 236, 236, 0.004); -moz-box-shadow: 4.243px 4.243px 5px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 0px rgba(236, 236, 236, 0.004); box-shadow: 4.243px 4.243px 5px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 0px rgba(236, 236, 236, 0.004); } .site-header-cart .woocommerce .widget_shopping_cart .cart_list li, .site-header-cart .woocommerce.widget_shopping_cart .cart_list li, .site-header-cart .woocommerce-mini-cart__total, .site-header-cart .woocommerce-mini-cart__empty-message { margin: 0; padding: 10px 30px; } #site-product-search .widget { border: 1px solid; padding: 21px; margin: 0; } .site-header-cart .site-cart:hover ul, .site-header-cart .site-cart.focus ul { display: block; } .boxed-layout .demo_store { max-width: 1770px; width: 94%; } .woocommerce-tabs ul.tabs { margin: 49px 0 0; } .single-product div.product .related, .single-product div.product .upsells, .cart-collaterals .cross-sells, .cart-collaterals .cart_totals { margin-top: 49px; } .single-product div.product .entry-summary { padding-left: 50px; } ul.products li.product { overflow: hidden; position: relative; } ul.products li.product:hover a.button { opacity: 1; } #site-cart-contents { display: block; } .site-header-cart .site-product-search { display: none; } .site-header-cart .site-product-search.toggled-on { display: block; } #product-content-section.hover-add-to-cart .product-container a.button { margin-top: 0; } .hover-add-to-cart .woocommerce .product-container .wc-forward { margin-left: 0; width: 100%; } /* Woocommerce Styles End */ .custom-header-content, #feature-slider-section .hentry-inner { padding: 88px 50px; } .site-header-menu { margin-right: 0; } .boxed-layout #page { width: 96%; } #promotion-section .play-button-icon .icon { width: 21px; height: 21px; } #promotion-section .play-button-icon { height: 60px; width: 60px; } .navigation-default #header-menu-social:before { margin: 21px auto 21px; } .widget-column { padding: 28px 21px; } .site-footer { padding: 0 50px; } .page .site-main .hentry { margin: 0; } #contact-details-section.section { padding: 77px 0 35px; } #footer-instagram .widget-title, .site-content, .section { padding: 77px 0 42px; } .events-section.section { padding-bottom: 42px; } #hero-section .section-heading-wrapper { margin-bottom: 42px; } body:not(.home) #footer-newsletter .has-background-image.widget { padding: 0; } #hero-section .wrapper { padding: 0px 20px; } .archive-post-wrap .hentry { margin-bottom: 56px; padding-bottom: 56px; } .site-content .content-area .hentry .post-thumbnail + .entry-container { padding-top: 42px; } .archive-post-wrap .post-thumbnail { margin-bottom: 35px; } .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; } .single .site-main .entry-footer, .page .site-main .entry-footer { margin-top: 42px; } ul.products li.product { margin: 0 auto 42px; } .comments-area { padding-top: 42px; } .author-info { margin-top: 42px; } .single .site-main .post-thumbnail, .page .site-main .post-thumbnail { padding: 0; margin: 35px 0; } input[type="search"].search-field { display: block; } .footer-widget-area.four .widget-column { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; } .featured-content-wrapper.layout-four .hentry:nth-child(2n+1), .portfolio-content-wrapper.layout-four .hentry:nth-child(2n+1), .services-content-wrapper.layout-four .hentry:nth-child(2n+1), .stats-content-wrapper.layout-four .hentry:nth-child(2n+1), .team-content-wrapper.layout-four .hentry:nth-child(2n+1), .pricing-content-wrapper.layout-four .hentry:nth-child(2n+1) { clear: none; } .featured-content-wrapper.layout-four .hentry:nth-child(4n+1), .portfolio-content-wrapper.layout-four .hentry:nth-child(4n+1), .services-content-wrapper.layout-four .hentry:nth-child(4n+1), .stats-content-wrapper.layout-four .hentry:nth-child(4n+1), .team-content-wrapper.layout-four .hentry:nth-child(4n+1), .pricing-content-wrapper.layout-four .hentry:nth-child(4n+1) { clear: both; } #gallery-section .gallery-columns-4 .gallery-item, .featured-content-wrapper.layout-four .hentry, .portfolio-content-wrapper.layout-four .hentry, .services-content-wrapper.layout-four .hentry, .stats-content-wrapper.layout-four .hentry, .team-content-wrapper.layout-four .hentry, .pricing-content-wrapper.layout-four .hentry { width: 25%; } #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%; } .featured-video-content-wrapper .hentry, .featured-content-wrapper.layout-four .hentry, .services-content-wrapper.layout-four .hentry, .stats-content-wrapper.layout-four .hentry, .team-content-wrapper.layout-four .hentry, .featured-content-wrapper.layout-three .hentry, .services-content-wrapper.layout-three .hentry, .stats-content-wrapper.layout-three .hentry, .team-content-wrapper.layout-three .hentry, .featured-content-wrapper.layout-two .hentry, .services-content-wrapper.layout-two .hentry, .stats-content-wrapper.layout-two .hentry, .team-content-wrapper.layout-two .hentry, .pricing-content-wrapper.layout-two .hentry, .recent-blog-content .layout-three .hentry, #events-section .event-list-item, .album-section .section-content-wrapper.layout-three .hentry, .pricing-content-wrapper.layout-three .hentry, .pricing-content-wrapper.layout-four .hentry { padding: 0 20px; } .featured-video-content-wrapper, .featured-content-wrapper, .services-content-wrapper, .stats-content-wrapper, .contact-content-wrapper, .recent-blog-content-wrapper, .team-content-wrapper, .pricing-content-wrapper { padding: 0 30px; } .featured-video-content-wrapper .hentry { width: 30%; } .featured-video-content-wrapper .hentry:first-child { width: 70%; } .featured-video-content-wrapper .hentry:nth-child(2n+1) { clear: none; } .content-area { float: left; margin-right: -100%; width: 70%; max-width: 960px; } .sidebar { border-top: none; float: right; margin-left: 70%; width: 30%; max-width: 400px; padding: 0 20px; } #primary { padding: 0 20px; } .site-content .wrapper > .sidebar { margin-top: 0; } .content-right .content-area { float: right; margin-right: 0; margin-left: -100%; } .content-right .sidebar { float: left; margin-right: 70%; margin-left: 0; } .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%; } .promotion-section.section { padding: 154px 0 112px; } #footer-instagram .widget-title, .page-title, .entry-content h1, .entry-summary h1, .comment-content h1, .entry-title.section-title, .section-title, .textwidget h1 { font-size: 42px; font-size: 2.625rem; } .entry-content h2, .entry-summary h2, .comment-content h2, .archive-posts-wrapper .entry-title, .contact-content-wrapper .contact-us-form .entry-title, .textwidget h2, body:not(.home) .header-media .section-title { font-size: 36px; font-size: 2.25rem; } .comments-title, .comment-reply-title, .entry-content .cart_totals h2, .entry-content h3, .entry-summary h3, .comment-content h3, .textwidget h3 { font-size: 28px; font-size: 1.75rem; } .entry-title, .contact-details-widget-area .widget-title, .entry-content h4, .comment-content h4, .textwidget h4 { font-size: 24px; font-size: 1.5rem; } .comment-content, .post-navigation .post-title, #countdown-section .entry-container .left-content .left-title, .contact-section .contact-info-details a, .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; } .hero-content-wrapper .post-thumbnail-background { -webkit-flex-basis: 42.85714285714286%; -ms-flex-preferred-size: 42.85714285714286%; flex-basis: 42.85714285714286%; } .hero-content-wrapper .entry-container { padding: 35px 0 35px 56px; -webkit-flex-basis: 57.14285714285714%; -ms-flex-preferred-size: 57.14285714285714%; flex-basis: 57.14285714285714%; } .content-align-left .hero-content-wrapper .has-post-thumbnail .entry-container { padding: 35px 56px 35px 0; } #site-generator { padding: 56px 30px 49px; margin: 0 auto; max-width: 1460px; } .social-floating-navigation { display: block; } .content-area .section-content-wrapper .entry-summary, .content-area .section-content-wrapper .entry-content { margin-top: 28px; } #footer-menu-section .wrapper { margin: 0; padding: 0; } .site-footer #site-generator.one { justify-content: center; } body:not(.home) .site-content { padding: 77px 0px; } .main-navigation li { width: auto; } #feature-slider-section .owl-carousel .owl-dots { left: 50px; } #logo-slider-section .owl-prev, #logo-slider-section .owl-next { top: 40%; } #logo-slider-section .owl-prev { left: 30px; } #logo-slider-section .owl-next { right: 30px; } .sidebar .widget { padding: 42px; margin-top: 56px; } .sidebar .widget:first-child { margin-top: 0px; } .sidebar .widget:nth-child(2n+1) { margin-right: 0; } .recent-blog-content .archive-post-wrap .entry-container .header, .site-content .content-area .entry-container .header { padding: 56px; } .recent-blog-content .archive-post-wrap .entry-container .footer-meta, .site-content .content-area .entry-container .footer-meta { padding: 21px 56px; } .site-description { font-size: 15px; font-size: 0.9375rem; } .more-link + .more-link .solid-button { margin-left: 16px; } body:not(.home) .custom-header-content { padding: 180px 50px 90px 50px; } .color-scheme-music.home .header-media .section-title, .color-scheme-music #feature-slider-section .entry-title, .color-scheme-wedding.home .header-media .section-title, .color-scheme-wedding #feature-slider-section .entry-title, .color-scheme-corporate.home .header-media .section-title, .color-scheme-corporate #feature-slider-section .entry-title, .color-scheme-ecommerce.home .header-media .section-title, .color-scheme-ecommerce #feature-slider-section .entry-title { font-size: 56px; font-size: 3.5rem; } #sticky-playlist-section .wp-playlist, #sticky-playlist-section .mejs-controls { height: 70px; } #playlist-section .post-thumbnail { padding-right: 56px; } body .playlist-section .wp-playlist .wp-playlist-current-item .wp-playlist-caption { opacity: 1; padding: 0 0 21px; } body .wp-playlist .wp-playlist-current-item img, .playlist-content-wrapper .wp-playlist .wp-playlist-current-item img { width: 70px; height: 70px; max-width: 70px; } .playlist-section .mejs-playpause-button { width: 50px; padding: 15px; height: 50px; background-color: #222; text-align: center; } #album-section .section-content-wrapper { padding: 0 30px; } .playlist-content-wrapper .entry-container { padding: 0 0 0 98px; } #sticky-playlist-section .mejs-container.mejs-container .mejs-inner { margin-right: auto; width: 98%; } .mejs-sticky-playlist-container.mejs-container .mejs-time, .mejs-sticky-playlist-container.mejs-container .mejs-time-rail { display: block; } #sticky-playlist-section .wp-playlist .mejs-playpause-button, #sticky-playlist-section .wp-playlist .mejs-previous-button.mejs-previous, #sticky-playlist-section .wp-playlist .mejs-next-button.mejs-next, #sticky-playlist-section .wp-playlist .mejs-container.mejs-container .mejs-toggle-playlist { padding: 25px; } #sticky-playlist-section .wp-playlist .mejs-button.mejs-volume-button { padding: 25px 10px 25px 25px; } #sticky-playlist-section .mejs-controls { padding-right: 25px; } #sticky-playlist-section .mejs-sticky-playlist-container { -webkit-box-flex: 0; -ms-flex: 0 1 68%; flex: 0 1 68%; } #sticky-playlist-section .wp-playlist-current-item { -webkit-box-flex: 0; -ms-flex: 0 1 22%; flex: 0 1 22%; } .app-section .entry-container { padding: 56px 50px; } #gallery-section .entry-content > *:not(div), #album-section .section-content-wrapper, .playlist-content-wrapper, #countdown-section .section-content-wrapper, .promotion-section .content-wrapper, .portfolio-content-wrapper, .logo-slider-content-wrapper, #footer-newsletter .widget-inner { padding: 0 50px; } .events-section.single-layout .date-week-day { font-size: 50px; font-size: 3.125rem; } .sticky-playlist-enabled #page { padding-bottom: 70px; } #timeline-section .section-content-wrapper { padding-left: 25px; padding-right: 25px; } #timeline-section .hentry-inner { margin: 0 -20px; } #timeline-section .post-thumbnail, #timeline-section .entry-container { padding-left: 45px; padding-right: 45px; } #timeline-section .section-content-wrapper:before { height: calc(100% - 56px); } #timeline-section .hentry { margin-bottom: 56px; } button, #promotion-section .readmore, .button, input[type="button"], input[type="reset"], input[type="submit"], .posts-navigation a, #content #infinite-handle span button, nav.navigation.posts-navigation .nav-links a, .catch-instagram-feed-gallery-widget-wrapper .button, #footer-newsletter .ewnewsletter .hentry form input[type="submit"], .header-media .more-link .readmore, .pricing-section .more-link .readmore, .hero-section .more-link .readmore, #feature-slider-section .more-link .readmore, .more-link .readmore, .color-scheme-corporate #page .single_add_to_cart_button, .color-scheme-ecommerce #page .single_add_to_cart_button { padding: 18px 35px; font-size: 16px; } #events-section .event-list-item { width: 25%; } #playlist-section .mejs-controls { border: none; padding: 0; position: absolute; } .playlist-content-wrapper .mejs-button.mejs-playpause-button { position: absolute; left: -85px; top: -27px; } .playlist-content-wrapper .wp-playlist-item { border-top: 1px solid; } #playlist-section .wp-playlist-item:first-child { border: none; } #playlist-section .mejs-time.mejs-currenttime-container { position: absolute; right: 42px; } #playlist-section .wp-playlist .mejs-time, #playlist-section .wp-playlist .mejs-time-rail { padding: 0; } #playlist-section .mejs-time.mejs-duration-container { position: relative; top: -21px; } .mejs-time.mejs-duration-container { opacity: 0.6; } .mejs-time.mejs-currenttime-container { top: -21px; } .services-section.section .hentry .hentry-inner .post-thumbnail { margin-bottom: 28px; } #floating-social { right: 50px; } .social-navigation .icon { height: 22px; width: 22px; font-size: 45px; } #footer-menu-section .social-links-menu a { height: auto; width: auto; } #countdown-section .content-wrapper { display: flex; align-items: center; } #countdown-section .content-wrapper .content-left { width: 50%; padding-right: 30px; } #countdown-section .content-wrapper .content-right { width: 40%; padding: 0 28px; } #countdown-section .content-wrapper .view-more { width: 10%; text-align: right; } #countdown-section .content-wrapper .view-more, #countdown-section .content-wrapper .content-right { margin-top: 0; } #album-section .layout-four .hentry { width: 25%; } .section-description p { font-size: 20px; font-size: 1.25rem; } #album-section .entry-container .entry-header, .team-content-wrapper .entry-container { padding: 35px 42px; } .contact-section .contact-us-form, .contact-section .contact-info { padding: 0 20px; } .product-showcase-section .section-content-wrapper.product-content-wrapper { padding: 0 30px; } 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 21px; } .contact-section .hentry.contact-us-form { padding-bottom: 77px; padding-top: 77px; } #countdown-section .view-more { margin-bottom: 0; } .contact-details-widget-area .wrapper { padding: 0 50px; } .site-footer .widget-column { padding: 35px 50px; } .site-footer .footer-widget-area .wrapper:after, .site-footer .footer-widget-area .wrapper:before { width: calc(100% - 100px); } #pop-up-video-section { display: block; } #countdown-section .content-wrapper .content-left .left-content { padding-left: 42px; } .site-footer-menu .wrapper > nav { margin-bottom: 35px; } .site-footer .footer-widget-area:before { width: calc(100% - 100px); max-width: 1400px; } .services-section .service-content-area, .stats-section .stats-content-area { display: flex; align-items: flex-start; padding: 0 20px; } .services-section .service-content-area { align-items: center; } .services-section .section-heading-wrapper { text-align: left; width: 40%; padding-right: 42px; padding-bottom: 0; margin-bottom: 0; } .services-section .section-content-wrapper { width: 60%; } #stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry { padding: 56px; } .stats-section .section-heading-wrapper { padding-right: 91px; } .section-content-wrapper.stats-content-wrapper { margin-top: 0; } .services-section.section .hentry .hentry-inner { padding: 56px 35px; } .services-section .hentry:nth-child(2n) { top: 35px; position: relative; } .services-section .hentry:nth-child(4n) { margin-bottom: 70px; } #promotion-section .entry-header + .video-wrapper { margin-top: 35px; } #promotion-section .section-content-wrapper .entry-content { padding-top: 28px; } .comment-respond, .wpcf7 { padding: 56px; } .has-category-menus .section-heading-wrapper.portfolio-section-headline { align-items: center; max-width: 100%; display: flex; justify-content: space-between; text-align: left; padding: 0 50px 28px; } #portfolio-content-section .filter-button-group { text-align: right; margin-top: 0; } #portfolio-content-section.has-category-menus .heading-wrapper { max-width: 560px; padding-right: 70px; } #portfolio-content-section .filter-button-group .button { margin-left: 35px; margin-right: 0; } .contact { padding: 0 35px 42px; margin-bottom: 42px; } article.hentry.contact-us-form { padding: 0 20px; } article.hentry.contact-details { padding-left: 20px; padding-right: 84px; } .contact .icon { width: 40px; font-size: 40px; } .contact .inner-contact { padding-left: 28px; font-size: 20px; } article.hentry.contact-us-form .entry-description { font-size: 24px; margin-bottom: 35px; } .experience-wrapper { display: flex; flex-wrap: wrap; } .experience-content-wrapper { margin-top: 35px; width: 50%; padding-right: 56px; } .experience-content-wrapper .experice-content { font-size: 28px; font-size: 1.75rem; } .experience { margin-top: 49px; } .home .archive-posts-wrapper .entry-title { font-size: 24px; font-size: 1.5rem; } .view-more { padding-top: 21px; } .services-section .section-content-wrapper { padding: 0 30px 0 0; } #social-footer-navigation { margin-bottom: 49px; } #footer-menu-section .social-navigation ul li a { width: 60px; height: 60px; } #footer-menu-section .social-navigation .icon { height: 24px; width: 24px; } .site-footer .footer-widget-area { padding: 42px 0 0; } #events-section .section-content-wrapper { margin-left: -20px; margin-right: -20px; } #events-section .wrapper { padding: 0 50px; } .post-thumbnail .counter, #testimonial-content-section .owl-item:after { font-size: 42px; font-size: 2.625rem; left: 35px; z-index: 999; top: 18px; } #testimonial-content-section .post-thumbnail::before { position: absolute; left: -20px; top: 42px; width: 77px; height: 22px; } .slider-logo, .site-header-logo { max-width: 360px; } .search-content .search-container input { font-size: 44px; } button.close-submit { right: 30px; bottom: 30px; padding: 18px; } .popular-searches h2 { font-size: 28px; font-size: 1.75rem; } .search-content button.close-submit svg.icon { width: 22px; height: 22px; } button.close-submit { right: 33px; bottom: 35px; padding: 15px; } #feature-slider-section .owl-prev .icon, #feature-slider-section .owl-next .icon { width: 46px; height: 46px; } #feature-slider-section .owl-prev, #feature-slider-section .owl-next { padding: 21px; right: 88px; } #feature-slider-section .owl-next { right: 0; } .section-heading-wrapper { margin-bottom: 21px; max-width: 900px; } .comment-reply-title { margin-bottom: 35px; } #feature-slider-section .entry-container .entry-summary + .view-more, #feature-slider-section .entry-container .more-link, .custom-header-content .more-link { margin-top: 28px; } #feature-slider-section .entry-container .entry-summary + .view-more { padding-top: 0; } .navigation-horizontal #primary-menu-wrapper .menu-inside-wrapper { position: relative; visibility: visible; right: auto; background: transparent; width: auto; max-width: 100%; padding: 0; height: auto; overflow: initial; } .navigation-horizontal .site-header-menu { display: flex; } .navigation-horizontal #primary-menu-wrapper { display: block; } .navigation-horizontal .main-navigation li { display: inline-block; } .navigation-horizontal .main-navigation button.dropdown-toggle, .navigation-horizontal .menu-toggle-wrapper { display: none; } .navigation-horizontal .main-navigation ul ul { position: absolute; top: 100%; right: -999em; width: 240px; padding: 14px 0; margin: 0; } .navigation-horizontal .main-navigation ul ul li { width: 100%; } .navigation-horizontal #primary-search-wrapper .menu-toggle-wrapper, .navigation-horizontal .main-navigation ul li:hover > ul { display: block; } .navigation-horizontal .main-navigation ul li:hover > ul, .navigation-horizontal .main-navigation ul li.focus > ul { left: auto; right: 0; z-index: 1; } .navigation-horizontal .main-navigation ul ul li:hover ul { right: 100%; top: -14px; } .navigation-horizontal .main-navigation .menu-item-has-children > a > .icon, .navigation-horizontal .main-navigation .page_item_has_children > a > .icon, .navigation-horizontal .main-navigation ul a > .icon { display: inline-block; padding-left: 7px; } .navigation-horizontal .main-navigation a { padding: 7px 21px; } .navigation-horizontal .main-navigation ul ul svg { float: right; transform: rotate(90deg); top: 5px; } } /*-------------------------------------------------------------- ## desktop 10.8 --------------------------------------------------------------*/ /** * 15.5 - >= 1200px */ @media only screen and (min-width: 75em) { /* Woocommerce Styles*/ .site-header-menu > .site-header-cart { display: inline-block; } #primary-menu-wrapper > .cart-contents, #primary-menu-wrapper > .my-account { display: none; } .woocommerce-tabs ul.tabs { margin: 56px 0 0; } .navigation-default .menu-inside-wrapper { height: auto; } .single-product div.product .related, .single-product div.product .upsells, .cart-collaterals .cross-sells, .cart-collaterals .cart_totals { margin-top: 56px; } .site-header-cart .site-cart:hover .woocommerce.widget_shopping_cart, .site-header-cart .site-cart.focus .woocommerce.widget_shopping_cart { display: block; } .site-header-cart .woocommerce.widget_shopping_cart { display: none; } /* Woocommerce Styles End */ body.menu-open { left: 0; } .navigation-default .site-branding { text-align: left; } .hero-content-wrapper .entry-container { padding: 42px 0 42px 70px; } .content-align-left .hero-content-wrapper .has-post-thumbnail .entry-container { padding: 42px 70px 42px 0; } .navigation-default .menu-toggle { display: none; } .navigation-default #primary-search-wrapper .menu-toggle { display: block; margin: 0; } .navigation-default menu-inside-wrapper { position: relative; height: auto; width: auto; } .navigation-default #primary-menu-wrapper .menu-inside-wrapper { border: none; display: block; float: left; top: 0; right: 0; visibility: visible; opacity: 1; background-color: transparent; box-shadow: none; width: auto; position: relative; padding: 0; } .navigation-default .main-navigation a { padding: 7px 18px; display: flex; flex-direction: row-reverse; } .navigation-default .main-navigation li.menu-item-has-children ul ul a { padding-left: 20px; } .navigation-default .main-navigation .menu-item-has-children > a > .icon, .navigation-default .main-navigation .page_item_has_children > a > .icon { display: inline; left: -7px; position: relative; top: 12px; } .navigation-default .main-navigation ul ul .menu-item-has-children > a > .icon, .navigation-default .main-navigation ul ul .page_item_has_children > a > .icon { margin-top: -7px; right: auto; position: absolute; left: 14px; top: 50%; -webkit-transform: rotate(-270deg); /* Chrome, Safari, Opera */ -ms-transform: rotate(-270deg); /* IE 9 */ transform: rotate(-270deg); } .navigation-default .main-navigation ul.sub-menu, .navigation-default .main-navigation ul.children { padding: 7px 0; } .navigation-default .main-navigation ul a, .navigation-default .main-navigation ul :hover > a, .navigation-default .main-navigation ul .focus > a { background-color: transparent; text-align: right; } .navigation-default .main-navigation ul ul { display: block; float: left; margin: 0; position: absolute; top: 0px; left: -999em; z-index: 99999; } .navigation-default .main-navigation ul ul ul { left: -999em; top: -7px; } .navigation-default .main-navigation ul ul a { width: 220px; } .navigation-default .main-navigation ul ul li:hover > ul, .navigation-default .main-navigation ul ul li.focus > ul, .navigation-default .main-navigation ul li:hover > ul, .navigation-default .main-navigation ul li.focus > ul { left: auto; right: 100%; } .navigation-default .social-top div { border-bottom: none; } .navigation-default .dropdown-toggle, .navigation-default .main-navigation ul .dropdown-toggle.toggled-on, .navigation-default #primary-menu-wrapper .menu-toggle-wrapper { display: none; } .header-media-disabled #feature-slider.section { padding-top: 78px; } .site-header-main .wrapper { padding: 35px 56px; } .site-header-menu { right: 38px; } .menu-toggle-wrapper { float: right; padding: 0; } body:not(.home) .custom-header-content { padding: 200px 50px 150px 50px; } .pricing-section .entry-title { font-size: 24px; font-size: 1.5rem; } .package-price sup { top: -0.8em; } .package-amount { font-size: 52px; font-size: 3.25rem; } .woocommerce.widget_shopping_cart { position: absolute; top: 100%; left: auto; right: 0; width: 320px; z-index: 101; -webkit-animation: fadein 0.6s; -moz-animation: fadein 0.6s; -o-animation: fadein 0.6s; animation: fadein 0.6s; -webkit-box-shadow: 4.243px 4.243px 5px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(236, 236, 236, 0.004); -moz-box-shadow: 4.243px 4.243px 5px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(236, 236, 236, 0.004); box-shadow: 4.243px 4.243px 5px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(236, 236, 236, 0.004); } .category-content-section .entry-title { font-size: 20px; font-size: 1.25rem; } .archive-post-wrap .hentry { margin-bottom: 63px; padding-bottom: 63px; } #countdown-section .content-left .left-content { padding-left: 42px; } .promotion-section.section { padding: 182px 0 147px; } #promotion-section .play-button { width: 80px; height: 80px; } #promotion-section .play-button { padding: 16px; font-size: 26px; } .orbiter { top: 37px; left: 37px; } .comment-respond, .wpcf7 { padding: 63px; } .services-section .section-heading-wrapper, .services-section .section-content-wrapper { width: 50%; } #testimonial-content-section .section-content-wrapper .hentry-inner { display: flex; } #testimonial-content-section .post-thumbnail { display: block; width: 50%; } #testimonial-content-section .entry-container { width: 50%; padding: 0; display: flex; align-items: center; justify-content: center; } #testimonial-content-section .entry-container .entry-content { margin-left: -40px; width: calc(100% + 60px); text-align: left; } #testimonial-content-section .center .hentry { position: relative; z-index: 999; } #testimonial-content-section .section-content-wrapper { margin-bottom: 56px; } #feature-slider-section .entry-container .content-wrapper, .custom-header-content-wrapper { max-width: 560px; } #feature-slider-section.content-align-right .entry-container .content-wrapper, .content-align-right .custom-header-content-wrapper { padding: 91px 180px 91px 0; } .slider-logo, .site-header-logo { max-width: 400px; } .home .header-media .section-title, #feature-slider-section .entry-title { font-size: 70px; font-size: 4.375rem; } .navigation-default .menu-inside-wrapper { overflow-y: initial; } .absolute-header .main-navigation ul.sub-menu a, .absolute-header .main-navigation ul.children a { text-align: right; } } /*-------------------------------------------------------------- ## wide-width 10.9 --------------------------------------------------------------*/ /** * 15.8 - >= 1366px */ @media only screen and (min-width: 85.375em) { /* Woocommerce Styles */ .woocommerce-shorting-wrapper { margin: 0 0 49px; } ul.products li.product { margin: 0 auto 42px; } .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { margin-bottom: 2.882352941176471em; } table.shop_table_responsive tr td { padding: 14px 28px; } .woocommerce-tabs ul.tabs { margin: 63px 0 0; } .woocommerce-pagination { margin-top: 7px; } /* Woocommerce Styles End */ #primary-search-wrapper > .social-navigation { display: block; } .single .site-main .hentry, .page .site-main .hentry { margin-bottom: 56px; } .single .site-main .entry-footer, .page .site-main .entry-footer { margin-top: 56px; } .comment-respond { padding: 56px; } .comments-area { padding-top: 56px; } #footer-instagram .widget-title, .page-title, .entry-content h1, .entry-summary h1, .comment-content h1, .textwidget h1 { font-size: 49px; font-size: 3.0625rem; } .entry-content h2, .entry-summary h2, .comment-content h2, .textwidget h2, body:not(.home) .header-media .section-title { font-size: 43px; font-size: 2.6875rem; } .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 { font-size: 26px; font-size: 1.635rem; } #contact-details-section.section { padding: 91px 0 35px; } #footer-instagram .widget-title, .site-content, .section { padding: 91px 0 56px; } .events-section.section { padding-bottom: 49px; } .author-info { margin-top: 56px; } .hero-content-wrapper .entry-container { padding: 49px 0 49px 84px; } .content-align-left .hero-content-wrapper .has-post-thumbnail .entry-container { padding: 49px 84px 49px 0; } #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 { padding: 0.667em 1em; } #contact-section .section-content-wrapper .entry-summary, #contact-section .section-content-wrapper .entry-content { margin: 42px 0 0; } .archive-post-wrap .hentry { margin-bottom: 77px; padding-bottom: 77px; } .archive-post-wrap .post-thumbnail { margin-bottom: 42px; } .site-content .content-area .hentry .post-thumbnail + .entry-container { padding-top: 56px; } .slider-logo, .site-header-logo { max-width: 450px; } #sticky-playlist-section .mejs-sticky-playlist-container { -webkit-box-flex: 0; -ms-flex: 0 1 75%; flex: 0 1 75%; } .playlist-section .section-content-wrapper .entry-container .entry-content { padding-left: 40px; } .playlist-content-wrapper .mejs-button.mejs-playpause-button { position: absolute; left: -90px; } .playlist-content-wrapper .entry-container { padding: 0 0 0 70px; } .playlist-section .mejs-playpause-button { width: 65px; padding: 23px; height: 65px; background-color: #222; text-align: center; } .scroll-down { bottom: 36px; right: 36px; } .app-section .entry-container { padding: 70px 50px; } .events-section.single-layout .date-week-day { font-size: 56px; font-size: 3.5rem; } .category-content-section .entry-container { bottom: 21px; left: 21px; right: 21px; width: calc(100% - 42px); } .contact-section .hentry.contact-us-form { padding-bottom: 91px; padding-top: 91px; } #countdown-section.text-aligned-center .content-wrapper .content-right { padding-right: 0; } #footer-instagram .instagram-button { margin-bottom: 91px; } #testimonial-content-section .section-content-wrapper .entry-content:before { position: absolute; top: -20px; } #testimonial-content-section .owl-nav { padding: 0 70px; } #feature-slider-section .entry-container .content-wrapper, .custom-header-content-wrapper { max-width: 645px; } .search-content .search-container input { font-size: 56px; font-size: 3.5rem; } .search-content button svg.icon { width: 26px; height: 26px; } .search-content .search-container { margin-bottom: 56px; } .site-main nav.post-navigation { padding: 70px 0; } #feature-slider-section .owl-carousel .owl-dots button { display: block; margin: 15px 0px; } } /*-------------------------------------------------------------- ## Ultra Wide 10.10 --------------------------------------------------------------*/ /** * 15.9 - >= 1600px */ @media only screen and (min-width: 103.75em) { /* Woocommerce Styles */ .woocommerce-tabs .panel h2:first-of-type { font-size: 28px; font-size: 1.75rem; margin-bottom: 21px; } .single-product div.product .related, .single-product div.product .upsells, .cart-collaterals .cross-sells, .cart-collaterals .cart_totals { margin-top: 70px; } .woocommerce-tabs ul.tabs { margin: 70px 0 0; } .woocommerce-ordering .orderby, .woocommerce-tabs.wc-tabs-wrapper p { font-size: 20px; font-size: 1.25rem; } .woocommerce-pagination { margin-top: 14px; } /* Woocommerce Styles End */ .comment-content, .contact-details-widget-area p, .contact-details-widget-area .widget li { font-size: 20px; font-size: 1.25rem; } .entry-content h1, .entry-summary h1, .comment-content h1, body:not(.home) .header-media .section-title, .entry-title.section-title, .section-title, .stats-content-area .stats-content-wrapper .entry-title, .textwidget h1 { font-size: 56px; font-size: 3.5rem; } #footer-instagram .widget-title, .page-title, .entry-content h2, .entry-summary h2, .comment-content h2, .contact-content-wrapper .contact-us-form .entry-title, .textwidget h2 { font-size: 49px; font-size: 3.0625rem; } .entry-content h3, .entry-summary h3, .comment-content h3, .textwidget h3 { font-size: 36px; font-size: 2.25rem; } .entry-content h4, .entry-summary h4, .comment-content h4, .textwidget h4 { font-size: 28px; font-size: 1.75rem; } .entry-content h5, .entry-summary h5, .comment-content h5, .textwidget h5, .color-scheme-corporate .site-title, .color-scheme-ecommerce .site-title { font-size: 24px; font-size: 1.5rem; } .site-content .view-more a { font-size: 21px; font-size: 1.3125rem; } .more-link { margin: 35px 0 0; } .custom-header-content, #feature-slider-section .hentry-inner { padding: 147px 50px; } .hero-content-wrapper .entry-container { padding: 63px 0 63px 120px; } .archive-posts-wrapper .cat-links { margin-bottom: 21px; } .content-align-left .hero-content-wrapper .has-post-thumbnail .entry-container { padding: 56px 120px 56px 0; } .archive-post-wrap .post-thumbnail { margin-bottom: 49px; } #feature-slider-section .owl-prev .icon, #feature-slider-section .owl-next .icon { width: 40px; height: 40px; } .social-floating-navigation { left: 20px; } .stats-section.no-section-heading .wrapper { padding-top: 0; } .contact-details-widget-area .widget-title { font-size: 32px; font-size: 2rem; } #contact-details-section.section { padding: 112px 0 35px; } .site-content, .section { padding: 112px 0 77px; } .events-section.section { padding-bottom: 77px; } .services-section.section .hentry .hentry-inner .post-thumbnail { margin-bottom: 35px; } .color-scheme-music.home .header-media .section-title, .color-scheme-music #feature-slider-section .entry-title, .color-scheme-wedding.home .header-media .section-title, .color-scheme-wedding #feature-slider-section .entry-title, .color-scheme-corporate.home .header-media .section-title, .color-scheme-corporate #feature-slider-section .entry-title, .color-scheme-ecommerce.home .header-media .section-title, .color-scheme-ecommerce #feature-slider-section .entry-title { font-size: 68px; font-size: 4.25rem; } #countdown-section.text-aligned-center .content-wrapper .content-right { padding: 0px; } #clock { margin-right: 0; max-width: 500px; } #countdown-section { padding: 77px 0; } #clock > .count-down { padding: 0px 28px; } .playlist-section .mejs-playpause-button { width: 80px; padding: 30px; height: 80px; background-color: #222; text-align: center; } #playlist-section .entry-title span { margin-top: 28px; } .playlist-content-wrapper .entry-container { padding: 0 0 0 85px; } .playlist-content-wrapper .mejs-button.mejs-playpause-button { position: absolute; left: -122px; } .playlist-section .section-content-wrapper .entry-container .entry-content { padding-left: 60px; } #sticky-playlist-section .wp-playlist, #sticky-playlist-section .mejs-controls { height: 80px; } body .wp-playlist .wp-playlist-current-item img { width: 80px; height: 80px; max-width: 80px; } #sticky-playlist-section .wp-playlist .mejs-playpause-button, #sticky-playlist-section .wp-playlist .mejs-previous-button.mejs-previous, #sticky-playlist-section .wp-playlist .mejs-next-button.mejs-next, #sticky-playlist-section .wp-playlist .mejs-container.mejs-container .mejs-toggle-playlist { padding: 30px 40px; } #sticky-playlist-section .mejs-controls { padding-right: 40px; } #sticky-playlist-section .wp-playlist .mejs-button.mejs-volume-button { padding: 30px 14px 30px 40px; } #sticky-playlist-section .wp-playlist .mejs-time { padding: 34px 40px; } .sticky-playlist-enabled #scrollup, .sticky-playlist-enabled .scroll-down { bottom: 150px; } .featured-video-section.style-two .entry-meta, #sticky-playlist-section .wp-playlist-current-item .wp-playlist-item-title { font-size: 18px; font-size: 1.125rem; } .wp-playlist .wp-playlist-current-item .wp-playlist-item-artist { font-size: 16px; font-size: 1rem; } .product-container { padding-top: 35px; } .app-section .entry-container { padding: 18px 50px; } .app-section .app-wrap { margin-top: 35px; } .events-section .event-button { margin-top: 28px; } .stats-content-wrapper .hentry-inner .sub-title, .author-description .author-title, #countdown-section .entry-container .left-content .left-title, .woocommerce-loop-category__title, .featured-video-section.style-two .entry-title { font-size: 24px; font-size: 1.5rem; } .sticky-playlist-enabled #page { padding-bottom: 80px; } .category-content-section .entry-title { font-size: 22px; font-size: 1.375rem; } .woocommerce-posts-wrapper .entry-title { font-size: 30px; font-size: 1.875rem; } #clock > .count-down .countdown-number, #countdown-section .countdown-number { font-size: 56px; font-size: 3.5rem; } .site-footer .footer-widget-area { padding: 56px 0 0; } #footer-instagram .widget-title { padding: 112px 30px 28px; } .contact-section .hentry.contact-us-form { padding-bottom: 112px; padding-top: 112px; } #floating-social { right: 70px; } .stats-section .section-heading-wrapper { padding-right: 120px; } #footer-instagram .instagram-button { margin-bottom: 112px; } body:not(.home) .social-navigation .icon { height: 20px; top: 12px; } .promotion-section.section { padding: 204px 0 169px; } #promotion-section .entry-header + .video-wrapper { margin-top: 42px; } .comment-respond, .wpcf7 { padding: 70px; } #portfolio-content-section .filter-button-group .button { margin-left: 49px; } .contact { padding-bottom: 49px; margin-bottom: 49px; } article.hentry.contact-details { padding-right: 124px; } .services-section .section-heading-wrapper { padding-right: 140px; } .experience-content-wrapper .experice-content { font-size: 32px; font-size: 2rem; } .view-more { padding-top: 35px; } button, #promotion-section .readmore, .button, input[type="button"], input[type="reset"], input[type="submit"], .posts-navigation a, #content #infinite-handle span button, nav.navigation.posts-navigation .nav-links a, .catch-instagram-feed-gallery-widget-wrapper .button, #footer-newsletter .ewnewsletter .hentry form input[type="submit"], .header-media .more-link .readmore, .pricing-section .more-link .readmore, .hero-section .more-link .readmore, #feature-slider-section .more-link .readmore, .more-link .readmore, .color-scheme-corporate #page .single_add_to_cart_button, .color-scheme-ecommerce #page .single_add_to_cart_button { padding: 22px 42px; } #testimonial-content-section .post-thumbnail { padding: 120px; padding-bottom: 0; } #testimonial-content-section .post-thumbnail header.entry-header { text-align: center; padding: 27px 0; } #testimonial-content-section .entry-container .entry-content { margin-left: -70px; width: calc(100% + 70px); padding-right: 42px; } #testimonial-content-section .section-content-wrapper .entry-content:before { left: -104px; /* left: 0; */ width: 147px; } #testimonial-content-section .post-thumbnail::before { position: absolute; left: -30px; top: 59px; width: 104px; height: 35px; } .post-thumbnail .counter, #testimonial-content-section .owl-item:after { font-size: 56px; font-size: 3.5rem; left: 45px; z-index: 999; top: 28px; } #feature-slider-section.content-align-right .entry-container .content-wrapper, .content-align-right .custom-header-content-wrapper { padding: 91px 56px 91px 0; } .slider-logo, .site-header-logo { max-width: 540px; } #feature-slider-section .entry-container { padding: 0 50px; } #feature-slider-section .entry-container .content-wrapper, .custom-header-content-wrapper { max-width: 680px; } body:not(.home) .site-content { padding: 91px 0; } #feature-slider-section .owl-prev .icon, #feature-slider-section .owl-next .icon { width: 50px; height: 50px; } #feature-slider-section .owl-prev { right: 92px; } #logo-slider-section .owl-prev { left: -30px; } #logo-slider-section .owl-next { right: -30px; } #feature-slider-section .entry-container .entry-summary + .view-more, #feature-slider-section .entry-container .more-link, .custom-header-content .more-link { margin-top: 35px; } #feature-slider-section .owl-carousel .owl-dots button { margin: 18px 0px; } } /*-------------------------------------------------------------- ## Ultra Wide 10.11 --------------------------------------------------------------*/ /** * 15.10 - >= 1920px */ @media only screen and (min-width: 120em) { .color-scheme-music.home .header-media .section-title, .color-scheme-music #feature-slider-section .entry-title, .color-scheme-wedding.home .header-media .section-title, .color-scheme-wedding #feature-slider-section .entry-title, .color-scheme-corporate.home .header-media .section-title, .color-scheme-corporate #feature-slider-section .entry-title, .color-scheme-ecommerce.home .header-media .section-title, .color-scheme-ecommerce #feature-slider-section .entry-title { font-size: 80px; font-size: 5rem; } .more-link + .more-link .solid-button { margin-left: 20px; } #sticky-playlist-section .mejs-sticky-playlist-container { -webkit-box-flex: 0; -ms-flex: 0 1 90%; flex: 0 1 90%; } .scroll-down { bottom: 49px; right: 49px; } #sticky-playlist-section .wp-playlist-current-item .wp-playlist-item-title { font-size: 20px; font-size: 1.25rem; } .app-section .app-wrap { margin-top: 42px; } .events-section.single-layout .date-month-year { font-size: 21px; font-size: 1.3125rem; } #timeline-section .hentry { margin-bottom: 84px; } #timeline-section .hentry-inner { margin: 0 -65px; } #timeline-section .post-thumbnail { padding-left: 90px; padding-right: 90px; } #timeline-section .entry-container { padding-left: 90px; padding-right: 90px; } .category-content-section .entry-container { bottom: 28px; left: 28px; right: 28px; width: calc(100% - 56px); } .category-content-section .entry-title { font-size: 24px; font-size: 1.5rem; } .woocommerce-posts-wrapper .entry-title { font-size: 36px; font-size: 2.25rem; } #testimonial-content-section #slider-nav button span::after, #testimonial-content-section #slider-nav button.owl-next span::before { width: 64px; } } /*-------------------------------------------------------------- # Colors --------------------------------------------------------------*/ /* Background Color */ body { background-color: #000000; } /* Page Background Color */ .select2-container--default .select2-selection--single, .team-section .team-content-wrapper .hentry .entry-container:before, .skill-content-wrapper .hentry .skillbar .skillbar-content, .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, .promotion-section.content-frame .entry-container-frame, .woocommerce ul.cart_list li:hover, .woocommerce ul.cart_list li:focus, .boxed-layout .site, .widget_shopping_cart, .ui-state-active, .section:nth-child(2n).recent-blog-content .entry-container, .section:nth-child(2n) .team-content-wrapper .hentry-inner, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, #contact-details-section, #feature-slider-section .owl-prev, #feature-slider-section .owl-next, .stats-section .view-all-button .more-button .more-link { background-color: #000000; } /** Primary Background Color */ .scroll-down:focus, .team-section .hentry .hentry-inner .post-thumbnail:before, .promotion-headline-wrapper.no-background, body #page .solid-button:hover, body #page .solid-button:focus, .color-scheme-corporate #page .solid-button:hover, .color-scheme-corporate #page .solid-button:focus, .color-scheme-ecommerce #page .solid-button:hover, .color-scheme-ecommerce #page .solid-button:focus, .color-scheme-corporate #page .single_add_to_cart_button:hover, .color-scheme-corporate #page .single_add_to_cart_button:focus, .color-scheme-ecommerce #page .single_add_to_cart_button:hover, .color-scheme-ecommerce #page .single_add_to_cart_button:focus, .sticky-post, input[type="text"], input[type="email"], input[type="url"], input[type="password"], 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, .section:nth-child(2n), button.close-submit { background-color: #111111; } /* Secondary Background Color */ .comment-respond, .wpcf7, .custom-header, .author-info, #primary-search-wrapper .menu-inside-wrapper, .menu-inside-wrapper, .mobile-social-search, #footer-newsletter, .sidebar .widget, .sidebar .widget-wrap, #testimonial-content-section .post-thumbnail, .services-section.section .hentry .hentry-inner, .team-content-wrapper .hentry-inner, mark, ins, .portfolio-section .hentry .hentry-inner:after, .promotion-sale-wrapper, #skill-section, .shop_table thead th, ul.wc_payment_methods.payment_methods.methods li, .menu-inside-wrapper #site-header-cart-wrapper a:hover, .widget_shopping_cart_content, pre, .search-content, .wp-block-pullquote.is-style-solid-color, figure.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1), .widget .ui-tabs .ui-tabs-panel, #gallery-section .gallery-item .gallery-caption, .section.recent-blog-content .entry-container, .section .team-content-wrapper .hentry-inner, .pricing-section .hentry-inner, .pricing-section .highlight .more-link .readmore:hover, .pricing-section .highlight .more-link .readmore:focus, .wp-playlist .mejs-controls .mejs-time-rail .mejs-time-loaded, .artist-social-profile li a, .wp-playlist .mejs-controls .mejs-time-rail .mejs-time-total, .wp-playlist .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background-color: #1a1a1a; } @media only screen and (min-width: 64em) { .navigation-horizontal .main-navigation ul ul { background-color: #1a1a1a; } } @media only screen and (min-width: 75em) { .navigation-default .nav-menu .sub-menu, .navigation-default .nav-menu .children { background-color: #1a1a1a; } } /* Site Branding Color */ .absolute-header .site-title a, .absolute-header .site-description { color: #ffffff; } /* Header Navigation Color */ .absolute-header .menu-toggle, .absolute-header .my-account, .absolute-header .cart-contents, .absolute-header .main-navigation a, .absolute-header .main-navigation ul li a { color: #fff; } @media only screen and (min-width: 75em) { .absolute-header.navigation-default .main-navigation ul li a { color: #fff; } } /* Header Navigation Hover Color */ .absolute-header.navigation-default .main-navigation ul ul a:hover, .absolute-header.navigation-default .main-navigation ul ul a:focus, .absolute-header .menu-toggle:hover, .absolute-header .menu-toggle:focus, .absolute-header .my-account:hover, .absolute-header .my-account:focus, .absolute-header .cart-contents:hover, .absolute-header .main-navigation ul li a:hover, .absolute-header .main-navigation ul li a:focus, .absolute-header .cart-contents:focus, .absolute-header .site-title a:hover, .absolute-header .site-title a:focus, .absolute-header.navigation-default .main-navigation .current-menu-item a { color: #ff2906; } @media only screen and (min-width: 75em) { .absolute-header.navigation-default .main-navigation a:hover, .absolute-header.navigation-default .main-navigation a:focus { color: #ff2906; } } /* Non Absolute Site Branding Color */ th, .site-title a, .site-description { color: #ffffff; } /*Absolute Site Branding Hover Color*/ /* Non Absolute Header Navigation Color */ .menu-toggle, .my-account, .cart-contents, .main-navigation a, .main-navigation ul li a { color: #ffffff; } /* Non Aboslute Navigation Hover Color*/ .menu-toggle:hover, .menu-toggle:focus, .main-navigation ul li a:hover, .main-navigation ul li a:focus, .main-navigation a:hover, .main-navigation a:focus, .site-branding a:hover, .site-branding a:focus { color: #ff2906; } /* Main Text Color */ body, optgroup, .team-content-wrapper .entry-container a, .archive-posts-wrapper .more-link .icon.icon-arrow-right, #promotion-section .section-content-wrapper .entry-summary, #promotion-section .section-content-wrapper .entry-content, .contact-section .contact-info-details a, .stats-content-wrapper .entry-summary, .stats-content-wrapper .entry-content, .woocommerce-tabs ul.tabs li a, .entry-date sep, .section-content-wrapper.stats-content-wrapper .hentry-inner .sub-title, .header-media .site-header-text, #feature-slider-section .entry-content, #feature-slider-section .entry-summary, .product-container .price { color: #999999; } /* Heading Text Color */ h1, h2, h3, h4, h5, h6, blockquote, select, textarea, input, .playlist-section .mejs-time, .contact-us-form label, body:not(.home) #floating-social .social-navigation .icon, .stats-content-wrapper .hentry-inner .sub-title, .drop-cap:first-letter, .package-month, #clock > .count-down .countdown-number, #countdown-section .content-wrapper .content-left .left-content .left-title, .playlist-section .section-content-wrapper .post-thumbnail .entry-content .entry-title, .pricing-section .highlight .package-amount, .pricing-section .highlight .package-price sup, .pricing-section .highlight .entry-content, .pricing-section .highlight .entry-summary, .pricing-section .highlight .entry-title a, .pricing-section .highlight .entry-meta a, .app-section .app-wrap > p, body .playlist-section .wp-playlist .wp-playlist-caption, body .playlist-section .wp-playlist .wp-playlist-item-length, body .playlist-section .wp-playlist .wp-playlist-playing, body .playlist-section .wp-playlist .wp-playlist-tracks > .wp-playlist-item:not(.wp-playlist-playing):hover .wp-playlist-caption, body .playlist-section .wp-playlist .wp-playlist-tracks > .wp-playlist-item:not(.wp-playlist-playing):focus .wp-playlist-caption, body .playlist-section .wp-playlist .wp-playlist-tracks > .wp-playlist-item:not(.wp-playlist-playing):hover .wp-playlist-item-length, body .playlist-section .wp-playlist .wp-playlist-tracks > .wp-playlist-item:not(.wp-playlist-playing):focus .wp-playlist-item-length, body .playlist-section .wp-playlist .wp-playlist-playing .wp-playlist-caption, body .playlist-section .wp-playlist .wp-playlist-playing .wp-playlist-item-length, #countdown-section .content-wrapper .content-left .left-content .left-title, .playlist-section .section-content-wrapper .post-thumbnail .entry-content .entry-title, button.search-submit[type="submit"], #primary-search-wrapper .search-container button, .is-style-fill > .wp-block-button__link:not(.has-text-color):hover, .is-style-fill > .wp-block-button__link:not(.has-text-color):focus, .hover-add-to-cart .woocommerce .product-container .button:hover, .hover-add-to-cart .woocommerce .product-container .button:focus, .hover-add-to-cart .woocommerce .product-container .wc-forward:hover, .hover-add-to-cart .woocommerce .product-container .wc-forward:focus, .comment-form label, #stats-section .section-subtitle, article.hentry.contact-us-form .entry-description, .contact .inner-contact .address-label, .experience-title, .post-thumbnail .counter, #testimonial-content-section .owl-item:after, #testimonial-content-section .owl-item:before, #testimonial-content-section .entry-meta, .experience-content-wrapper .experice-content, .contact .inner-contact .email-label, .contact .inner-contact .phone-label, ul.tabs.wc-tabs li.active a { color: #fff; } #testimonial-content-section #slider-nav button.owl-next span::before, #testimonial-content-section #slider-nav button span::after, .nav-controls .owl-dots:before, #stats-section .section-subtitle:before { background-color: #fff; } @media screen and (max-width: 1199px) { .color-scheme-light.absolute-header .main-navigation a, .color-scheme-light.absolute-header .main-navigation ul li a { color: #fff; } } /* Link Color */ a, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .stats-section .view-all-button .more-button .more-link, .sidebar nav.social-navigation ul li a:hover, .sidebar nav.social-navigation ul li a:focus, td#today, .clients-content-wrapper .controller .cycle-pager span.cycle-pager-active, .menu-toggle:hover, .menu-toggle: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, #feature-slider-section .entry-title, #feature-slider-section .entry-title a, #feature-slider-section .owl-dot.active:before, .contact-section .contact-info-details .social-navigation a, .widget ul li a:hover, .breadcrumb a:hover, .widget .more-link:hover, .home .entry-meta .cat-links a:hover, .home .entry-meta .cat-links a:focus, .stats-content-wrapper .entry-title a:hover, .stats-content-wrapper .entry-title a:focus, .site-header-cart a:hover, .site-header-cart a:focus, #primary-search-wrapper .menu-toggle:hover, #primary-search-wrapper .menu-toggle:focus, #social-menu-wrapper .menu-toggle:hover, #social-menu-wrapper .menu-toggle:focus, .more-link .readmore:hover svg, .more-link .readmore:focus svg, #countdown-section a.button, .comment-reply-link:hover, .author-link:hover, .home .header-media .section-title, #feature-slider-section .entry-title, .widget .hentry .entry-title a:hover, .pagination .page-numbers:hover, .pagination .page-numbers:focus, ul > li::marker, .pop-up-video-section .video-subtitle, .page-links a:hover, .team-content-wrapper .entry-meta, #services-section .more-link .readmore:hover, #countdown-section .content-wrapper .content-left .left-content .left-subtitle, .archive-posts-wrapper .entry-title a:hover, .experience .experice-date, .home .cat-links a, #menu-toggle:hover svg, #menu-toggle:focus svg, #testimonial-content-section .section-content-wrapper .entry-content:before, .events-section .entry-meta a { color: #ff2906; } .services-section.section .hentry .hentry-inner .post-thumbnail a:before, input[type]:focus, textarea:focus, select:focus, .more-link .readmore, .header-media .more-link .readmore, .post-page-numbers.current, .search-content .search-container input:focus, #portfolio-content-section .filter-button-group .button.is-checked, #footer-newsletter .ewnewsletter .hentry form input:focus, .contact-section.section .section-content-wrap .hentry .entry-container .stay-connected .social-links-menu li { border-color: #ff2906; } .site-header-menu .line, #primary-search-wrapper .menu-toggle:hover, #primary-search-wrapper .menu-toggle:focus, #testimonial-content-section .post-thumbnail::before, #testimonial-content-section #slider-nav button:hover span::before, #testimonial-content-section #slider-nav button:hover span::after, .section .owl-carousel .owl-dots button.active, .owl-carousel .owl-dot, ins { background-color: #ff2906; } /* Link Hover Color */ a:hover, a:focus, .has-background-image .entry-title a:hover, .has-background-image .entry-title a:focus, .has-background-image .entry-meta:hover, .has-background-image .entry-meta:focus, .site-title a:hover, .site-title a:focus, div#footer-menu-section ul li a:hover, div#footer-menu-section ul li a: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, .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, #footer-newsletter .ewnewsletter .hentry form input[type="submit"]:hover, #footer-newsletter .ewnewsletter .hentry form input[type="submit"]:focus, #feature-slider-section .owl-prev .icon:hover, #feature-slider-section .owl-prev .icon:focus, #feature-slider-section .owl-next .icon:hover, #feature-slider-section .owl-next .icon:focus, .contact-section .contact-info-details .social-navigation a:hover, .contact-section .contact-info-details .social-navigation a:focus, .more-link:hover, .more-link:focus, .more-link .readmore:hover, .more-link .readmore:focus, #featured-content-section .readmore:hover, #featured-content-section .readmore:focus, .contact-section .contact-info-details a:hover, .contact-section .contact-info-details a:focus, .has-background-image .entry-meta a:hover, .has-background-image .entry-meta a:focus, .team-content-wrapper .entry-container a:hover, .team-content-wrapper .entry-container a:focus, #primary-search-wrapper button:hover, #primary-search-wrapper button:focus, .site-header-menu button:hover, .site-header-menu button:focus, .wp-block-tag-cloud a:hover, .wp-block-tag-cloud a:focus, .tagcloud a:hover, .tagcloud a:focus, .widget-area .essential-widgets .tagcloud a:hover, .widget-area .essential-widgets .tagcloud a:focus, .woocommerce-tabs ul.tabs li a:hover, .woocommerce-tabs ul.tabs li a:focus, #portfolio-content-section .filter-button-group .button:hover, #portfolio-content-section .filter-button-group .button:focus, .events-section .entry-meta a:hover, .events-section .entry-meta a:focus, .category-content-section .entry-title a:hover, .category-content-section .entry-title a:focus { color: #fff; } .section .owl-carousel .owl-dots button, .woocommerce-tabs ul.tabs li.active a, .woocommerce-info, .woocommerce-message, .woocommerce-error { border-color: #fff; } .navigation-modern .menu-inside-wrapper .main-navigation .nav-menu .current_page_item a, .stats-content-wrapper .entry-title a, .scroll-down:hover .icon, .scroll-down:focus .icon, .archive-posts-wrapper .more-link .readmore:hover .icon.icon-arrow-right, .archive-posts-wrapper .more-link .readmore:focus .icon.icon-arrow-right, #portfolio-content-section .button.is-checked, .menu-inside-wrapper .main-navigation ul.nav-menu ul .current-menu-item a, body #page .solid-button:hover, body #page .solid-button:focus, .color-scheme-corporate #page .solid-button:hover, .color-scheme-corporate #page .solid-button:focus, .color-scheme-ecommerce #page .solid-button:hover, .color-scheme-ecommerce #page .solid-button:focus, .package-amount, .package-price sup, #social-menu-wrapper .menu-toggle, .woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title, .woocommerce-LoopProduct-link:focus .woocommerce-loop-product__title, .color-scheme-corporate #page .single_add_to_cart_button:hover, .color-scheme-corporate #page .single_add_to_cart_button:focus, .color-scheme-ecommerce #page .single_add_to_cart_button:hover, .color-scheme-ecommerce #page .single_add_to_cart_button:focus { color: #fff; } body button.dropdown-toggle:focus, body #menu-toggle:focus { outline-color: #fff; } .menu-inside-wrapper .main-navigation .nav-menu .current_page_item > a:after { background-color: #fff; } /* Secondary Link Color */ #commentform a, .post-navigation .meta-nav, .tagcloud a, .wp-block-tag-cloud a, .widget.widget_archive ul li a, .widget.widget_categories ul li a, .events-section.single-layout .date-month-year, .entry-meta, table a, .widget.widget_meta ul li a, .widget .wp-block-page-list li a, .widget.widget_nav_menu ul li a, .search-tags a, #feature-slider-section .owl-prev .icon, #feature-slider-section .owl-next .icon, .entry-meta a { color: #888888; } #floating-social .social-navigation a { border-color: #888888; } /* Secondary Link hover Color */ .my-account:hover, .cart-contents:hover, #commentform a:hover, .comment-meta .author-name a:hover, .post-navigation .nav-next:hover .meta-nav, .entry-container .entry-title a:hover, .post-navigation .nav-next:hover .post-title, .post-navigation .nav-previous:hover .meta-nav, .site-info a:hover, .widget .wp-block-page-list li a:hover, .widget.widget_meta ul li a:hover, .widget.widget_categories ul li a:hover, .widget.widget_archive ul li a:hover, #testimonial-content-section .entry-title a:hover, .widget-area.contact-details-widget-area .catch-instagram-feed-gallery-widget-wrapper .button:hover, #footer-menu-section .main-navigation ul li a:hover, .post-navigation .nav-previous:hover .post-title, .single-product .product_meta a:hover, ul.products li.product .woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title, .woocommerce-account .woocommerce-MyAccount-navigation a:hover, .woocommerce-account .woocommerce-MyAccount-navigation .is-active a, .woocommerce-cart-form__cart-item.cart_item .product-name a:hover, .wp-block-latest-comments__comment a:hover, #services-section .more-link .button:hover, .site-footer .widget a:hover, #testimonial-content-section button:hover, #testimonial-content-section button:focus, .page-links a, button.search-submit[type=submit]:hover svg, .search-content button svg.icon:hover, .widget.widget_nav_menu ul li a:hover, #menu-toggle:hover .menu-label, #feature-slider-section span.cat-links a:hover, .portfolio-content-wrapper .hentry .entry-container a:hover, .portfolio-section .hentry .hentry-inner .entry-container a:hover, #featured-content-section .entry-summary .more-link .button:hover, .entry-breadcrumbs a:hover, .header-media-section .breadcrumb a:hover, .header-media-section .breadcrumb a:focus, .entry-meta a:hover { color: #ff2906; } /* Tertiary Link Color */ .dropdown-toggle, .more-link .readmore, .pop-up-video-section .video-title, .social-navigation .icon, .search-container button[type="submit"], .absolute-header.navigation-default .main-navigation ul ul li a, .archive-posts-wrapper .entry-title a, .post-navigation .post-title, .comment-reply-link, .author-link, .widget .hentry .entry-title a, .site-info a, .widget ul li a, .page-links a, .ew-about .more-link, .wp-block-latest-comments__comment a, .woocommerce-account .woocommerce-MyAccount-navigation a, .woocommerce-cart-form__cart-item.cart_item .product-name a, .single-product .product_meta a, .site-footer .widget a, .pagination .page-numbers, .comment-meta .author-name a, #services-section .more-link .readmore, .breadcrumb a, .post-page-numbers.current, #footer-menu-section ul li a, .entry-container .entry-title a, #testimonial-content-section .entry-title a, #countdown-section a.button:hover, .events-section.single-layout .date-week-day { color: #fff; } .section .owl-carousel .owl-dots button { background-color: #fff; } /* Border Color */ nav.navigation, .calendar_wrap tbody tr:first-child, .calendar_wrap tbody tr:last-child, tfoot, tfoot tr td, figure.wp-block-table tfoot, .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, .site-header-menu #site-header-cart-wrapper a.cart-contents, .team-section .team-content-wrapper .hentry .team-social-profile .social-links-menu, 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, table thead tr, table thead th, thead th, tbody th, tbody td, tbody tr, body .wp-block-table tfoot, body .wp-block-table td, body .wp-block-table th, table.shop_table_responsive tr td, table tbody tr, table.shop_table_responsive tr td, figure.wp-block-table tbody tr:last-child 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, .woocommerce-posts-wrapper .summary.entry-content .woocommerce-product-rating, .cart-collaterals .order-total, .product_list_widget li img, #payment .wc_payment_methods .payment_box, select, header .site-header-main, abbr, button.close-submit, acronym, .wp-block-table td, .wp-block-table th, .product-quantity input[type="number"], .coupon input[type="text"], .site-header-main .menu-inside-wrapper, .catch-instagram-feed-gallery-widget-wrapper .button, .site-header-main .site-header-menu .menu-inside-wrapper .main-navigation .sub-menu, .site-header-main .site-header-menu .menu-inside-wrapper .main-navigation .children, .site-header-cart .widget_shopping_cart, .navigation-default .site-header-menu #primary-menu-wrapper .menu-inside-wrapper, .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, .stats-section .view-all-button .more-button .more-link:hover, .stats-section .view-all-button .more-button .more-link:focus, .comment-body, .promotion-headline-wrapper.section .section-content-wrap .inner-container .more-button .more-link, .services-section.section .hentry .hentry-inner, .single-product .product_meta, .quantity .qty, .widget .wp-block-group h2, .widget .widget-title, .events-section.single-layout .hentry, .woocommerce ul.cart_list li, .recent-blog-content .archive-post-wrap .entry-container .footer-meta, .site-content .content-area .entry-container .footer-meta, .playlist-content-wrapper .wp-playlist-item, .wp-block-tag-cloud a, .tagcloud a, .widget-area .essential-widgets .tagcloud a, .woocommerce-tabs .panel, .site-footer .widget .widget-title, table.cart td.actions, .widget .hentry, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img, .mobile-social-search .social-links-menu a, .section:nth-child(2n+1)#footer-instagram + .section, .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-navigation li, .wp-block-search .wp-block-search__input, .archive-post-wrap .hentry, .wp-block-calendar th, .wp-block-calendar tbody td, .contact, .search-content .search-container input, .site-content + .site-footer, #footer-menu-section .social-navigation ul li a, #logo-slider-section .owl-item.active .hentry, .section:nth-child(2n + 1) + .site-footer, .search-tags a, .widget .has-avatars li, #stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry, .woocommerce ul.product_list_widget li { border-color: #323232; } .site-footer .footer-widget-area .wrapper::before, .site-footer .footer-widget-area .wrapper::after, .site-footer .footer-widget-area:before, .contact-details-widget-area .widget-title:before, .widget span.counts, .main-navigation > ul::-webkit-scrollbar-thumb, #playlist-section .wp-playlist .mejs-controls .mejs-time-rail .mejs-time-loaded, #playlist-section .wp-playlist .mejs-controls .mejs-time-rail .mejs-time-total, #timeline-section .section-content-wrapper:before { background-color: #323232; } /* Content Color White */ .custom-header-media .entry-meta a, .scroll-down span, .search-tags a:hover, .search-tags a:focus, #feature-slider-section span.cat-links a, .home #floating-social .social-navigation .icon, body:not(.home) #floating-social .social-navigation a:hover .icon, #feature-slider-section .tagline, .custom-header-media .section-subtitle, .single-product div.product p.price, .related.products .product-container .price, #promotion-section.content-color-white .section-content-wrapper .entry-content, #promotion-section.content-color-white .section-description p, .header-media .entry-title, .scroll-down .icon, .event-button a:hover, .header-media-section .breadcrumb a, .is-style-outline > .wp-block-button__link:not(.has-text-color):hover, .button.ghost-button:hover, .woocommerce .related.products a.button:hover, .ghost-button:hover, .button:hover svg, .button:focus svg, button:hover svg, button:focus svg, .content-color-white .button, .content-color-white .button:hover, .content-color-white .entry-container h2, .social-navigation li a:hover .icon, .custom-header-media .more-link .readmore, .has-background-image .section-title, #feature-slider-section .entry-title a:hover, .custom-header-media .more-link .readmore:hover, #feature-slider-section .view-more .button, #feature-slider-section .more-link .button, #feature-slider-section .more-link .readmore, #feature-slider-section .view-more .button:hover, #feature-slider-section .view-more .button:focus, .comment-meta .author-name { color: #fff; } /* Button Text Color */ .more-link, #featured-content-section .readmore, .slider-content-wrapper .controllers .cycle-prev, .slider-content-wrapper .controllers .cycle-next, .sticky-label, button, .button, .wp-block-button__link, .event-button a:hover, .event-button a:focus, .button.ghost-button:hover, .button.ghost-button:focus, .woocommerce .related.products a.button:hover, .woocommerce .related.products a.button:focus, .site-header-cart .woocommerce a.button:hover, .site-header-cart .woocommerce a.button:focus, .ghost-button:hover, .ghost-button:focus, input[type="submit"], .scrollup a:before, button[type="submit"], .stats-section .more-link, button#wp-custom-header-video-button, nav.navigation.posts-navigation .nav-links a, #primary-search-wrapper .search-container button:hover svg, #primary-search-wrapper .search-container button:focus svg, .search-form button:hover svg, .search-form button:focus svg, .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, span.onsale, .contact-details li .fa, .ctis-load-more, .ctis-load-more button, .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, .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, .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, #footer-newsletter .ewnewsletter .hentry form input[type="submit"], nav.navigation.posts-navigation .nav-links a, .playlist-section .wp-playlist .mejs-controls button, .playlist-section .wp-playlist .mejs-controls button:hover svg, .playlist-section .wp-playlist .mejs-controls button:focus svg, .playlist-section .wp-playlist .mejs-toggle-playlist button:hover svg, .playlist-section .wp-playlist .mejs-toggle-playlist button:focus svg { color: #ffffff; } /* Button Hover Text Color */ button:hover, button:focus, .button:hover, .button:focus, #promotion-section .readmore:hover, #promotion-section .readmore:focus, input[type="submit"]:hover, input[type="submit"]:focus, button[type="submit"]:hover, button[type="submit"]: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, #footer-newsletter .ewnewsletter .hentry form input[type="submit"]:hover, #footer-newsletter .ewnewsletter .hentry form input[type="submit"]:focus, #content #infinite-handle span button:hover, #content #infinite-handle span button:focus, nav.navigation.posts-navigation .nav-links a:hover, nav.navigation.posts-navigation .nav-links a:focus, .scrollup a:hover, .scrollup a:focus, .archive-post-wrap .button:hover, .archive-post-wrap .button:focus, .pricing-section .more-link .readmore:hover, .pricing-section .more-link .readmore:focus, .hero-section .more-link .readmore:hover, .hero-section .more-link .readmore:focus, #feature-slider-section .more-link .readmore:hover, #feature-slider-section .more-link .readmore:focus, .woocommerce a.button:hover, .woocommerce a.button:focus, .search-content button.close-submit svg.icon:hover, .search-content button.close-submit svg.icon:focus, .woocommerce button.button:hover, .woocommerce button.button:focus { color: #ffffff; } .woocommerce .product-container .button, .woocommerce .product-container .wc-forward, .onsale { color: #ffffff; } /* Button Background Color */ button, .button, .button.ghost-button:hover, #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .button, #promotion-section .readmore, #services-section .more-link .readmore:hover, .widget_search button[type="submit"]:hover, .widget_search button[type="submit"]:focus, .entry-header:after, #services-section .more-link .button:hover, #featured-content-section .entry-summary .more-link .button:hover, .section-heading-wrapper::before, .footer-instagram h2.widget-title:before, .woocommerce a.button:focus, .site-header-cart .woocommerce a.button:hover, .site-header-cart .woocommerce a.button:focus, .woocommerce .related.products a.button:hover, .woocommerce .related.products a.button:focus, .onsale, .woocommerce ul.products li.product a.button.add_to_cart_button:hover, .site-footer .widget .widget-title::before, button.search-submit[type="submit"]:hover, .wp-block-quote::before, nav.navigation.posts-navigation .nav-links a:hover, .mobile-social-search .social-links-menu a:hover, #floating-social::before, input[type="reset"], button[type="submit"] { background-color: transparent; } /* Button Hover Background Color */ button:hover, button:focus, .button:hover, .button:focus, button[type="submit"]:hover, button[type="submit"]:focus, .archive-post-wrap .button:hover, .archive-post-wrap .button:focus, #promotion-section .readmore:hover, #promotion-section .readmore: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, #footer-newsletter .ewnewsletter .hentry form input[type="submit"]:hover, #footer-newsletter .ewnewsletter .hentry form input[type="submit"]: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, .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, .pricing-section .more-link .readmore:hover, .pricing-section .more-link .readmore:focus, .hero-section .more-link .readmore:hover, .hero-section .more-link .readmore:focus, #feature-slider-section .more-link .readmore:hover, #feature-slider-section .more-link .readmore:focus, .woocommerce a.button:hover, .woocommerce a.button:focus, .section .owl-carousel .owl-dots button:hover, .section .owl-carousel .owl-dots button:focus, .more-link .readmore:hover, .more-link .readmore:focus, #floating-social .social-navigation a:hover, #floating-social .social-navigation a:focus, .archive-content-wrap .more-button:hover, .archive-content-wrap .more-button:focus, .artist-social-profile li a:hover, .artist-social-profile li a:focus, input[type="submit"]:hover, input[type="submit"]:focus, #footer-menu-section .social-navigation ul li a:hover, #footer-menu-section .social-navigation ul li a:focus, nav.navigation.posts-navigation .nav-links a:hover, nav.navigation.posts-navigation .nav-links a:focus, input[type="submit"]:hover, input[type="submit"]:focus, .search-tags a:hover, .search-tags a:focus, button.close-submit:hover, button.close-submit:focus, .button:hover, .button:focus, #content #infinite-handle span button:hover, #content #infinite-handle span button:focus, #infinite-handle .ctis-load-more button:hover, #infinite-handle .ctis-load-more button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus { background-color: #ff2906; } .button, .more-link, .woocommerce a.button, .button.ghost-button, .woocommerce button.button, .woocommerce button.button:hover, .woocommerce .related.products a.button, .woocommerce .related.products a.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit:hover, #floating-social .social-navigation a:hover, nav.navigation.posts-navigation .nav-links a, nav.navigation.posts-navigation .nav-links a:hover, #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .button, .mobile-social-search .social-links-menu a:hover, #content #infinite-handle span button, button:hover, button:focus, .button:hover, .button:focus, .more-link:hover, .more-link:focus, input[type="submit"], input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .wp-block-tag-cloud a:hover, .wp-block-tag-cloud a:focus, .tagcloud a:hover, .widget-area .essential-widgets .tagcloud a:hover, .widget-area .essential-widgets .tagcloud a:focus, .section .owl-carousel .owl-dots button:hover, .section .owl-carousel .owl-dots button.active, .pagination .page-numbers.current, input[type="submit"], .search-tags a:hover, a.mixed.button.play-button:hover::before, button.close-submit:hover, .hover-add-to-cart .woocommerce .product-container a.added_to_cart.wc-forward { border-color: #ff2906; } a.mixed.button.play-button:after { border-top-color: #ff2906; } /*Others*/ .more-link, #featured-content-section .readmore, .slider-content-wrapper .controllers .cycle-prev, .slider-content-wrapper .controllers .cycle-next, .scrollup a, .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, #secondary .widget .nav-menu .sub-menu, .sticky-label, .widget_products ins, #product-showcase-section .woocommerce ul.products li.product a.button.add_to_cart_button:hover, .woocommerce .related.products a.button, #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .button:hover, .woocommerce ul.products li.product a.button.add_to_cart_button, .sidebar .search-form input[type="search"], .widget_search button[type="submit"], input[type="search"], button.search-submit[type="submit"], .archive-post-wrap .button, #team-content-section .button:focus, .featured-content-section .section-content-wrapper .hentry, .services-section .hentry, #portfolio-content-section .hentry, .stats-section .hentry, .team-section .hentry, .archive-content- .hentry, .stats-section .hentry, .sidebar .widget-wrap, .dropdown-toggle, .dropdown-toggle:hover, .dropdown-toggle:focus, .menu-toggle:hover, .menu-toggle:focus, .ghost-button, input[type="submit"], #services-section .more-link .button, button#wp-custom-header-video-button, .singular-content-wrap .more-button, .singular-content-wrap .more-button:hover, .singular-content-wrap .more-button:focus, .singular-content-wrap .more-link, body #menu-toggle:hover, body #menu-toggle:focus, .singular-content-wrap .more-link:hover, .singular-content-wrap .more-link:focus, .archive-content-wrap .more-link, .archive-content-wrap .more-link:hover, .archive-content-wrap .more-link:focus, .archive-content-wrap .more-button, .woocommerce-loop-category__title .count, .widget-area .essential-widgets .tagcloud a:hover, .footer-widget-area .essential-widgets.ew-newsletter, .sidebar .ew-newsletter, .mixed.button.play-button:hover, .mixed.button.play-button:focus, .site-header-cart .woocommerce a.button, #footer-newsletter + .section { background: transparent; } body #page .solid-button, .more-link, .color-scheme-ecommerce #page .single_add_to_cart_button { border-color: transparent; } body #menu-toggle:hover, body #menu-toggle:focus, body button.dropdown-toggle:hover, body button.dropdown-toggle:focus, .color-scheme-corporate #page .solid-button:hover, .color-scheme-corporate #page .solid-button:focus, .color-scheme-corporate #page .scroll-down:hover, .color-scheme-corporate #page .scroll-down:focus, .color-scheme-ecommerce #page .solid-button:hover, .color-scheme-ecommerce #page .solid-button:focus, .color-scheme-ecommerce #page .scroll-down:hover, .color-scheme-ecommerce #page .scroll-down:focus, .color-scheme-corporate #page .single_add_to_cart_button:hover, .color-scheme-corporate #page .single_add_to_cart_button:focus, .color-scheme-ecommerce #page .single_add_to_cart_button:hover, .color-scheme-ecommerce #page .single_add_to_cart_button:focus { background-image: none; } /*# sourceMappingURL=style.css.map */