/* Theme Name: Audioman Theme URI: https://catchthemes.com/themes/audioman/ Author: Catch Themes Author URI: https://catchthemes.com/ Description: Audioman is a well-designed, modern and trendy music WordPress theme built for musicians and bands that focuses on promoting their music and events. Simple modules and features are available in Audioman so you can build a complete and custom website right away. The theme comes with an array of features — such as header media, featured slider, featured content, hero content, playlist, portfolio, testimonials, and more — to keep your music website on the forefront. Audioman is completely responsive, which means your website will look incredibly sleek and visually appealing on all the devices with different screen resolution. The theme is deeply engaging, and the features provided in it will assist you in gaining genuine followers in a short period of time. To top it all, the theme is translation ready. For more details, check out Theme Instructions at https://catchthemes.com/themes/audioman/#theme-instructions, Support at https://catchthemes.com/support/ and Demo at https://catchthemes.com/demo/audioman/ Version: 2.0.7 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-image-header, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, entertainment, photography, portfolio Text Domain: audioman This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * Table of Contents * * 1.0 - Normalize * 2.0 - Typography * 3.0 - FontAwesome * 4.0 - Elements * 5.0 - Padding/Margin * 6.0 - Forms * 7.0 - Navigation * 7.1 - Links * 7.2 - Main Menu * 7.3 - Social Menu * 7.4 - Post Navigation * 7.5 - Breadcrumb * 7.6 - Scroll Up * 8.0 - Accessibility * 9.0 - Alignments * 10.0 - Clearings * 11.0 - Widgets * 12.0 - Content * 12.1 - Header * 12.2 - Posts and pages * 12.3 - Post Formats * 12.4 - Comments * 12.5 - Sidebar * 12.6 - Footer * 13.0 - Media * 13.1 - Captions * 13.2 - Galleries * 14.0 - Modules * 14.1 - Slider * 14.2 - Featured Content & Portfolio * 14.3 - Hero Content * 14.4 - Team Content Section * 14.5 - Testimonials * 14.6 - Events Section * 14.7 - Promotional Headline * 14.8 - Playlist Section * 14.9 - Audio Player * 14.10 - Top Playlist Section * 14.11 - Gallery Section * 15.0 - WooCommerce * 15.1 - Clearing * 15.2 - Layout * 15.3 - Shop tables * 15.4 - Products * 15.5 - Infinite Scroll * 15.6 - Onsale * 15.7 - Price * 15.8 - Buttons * 15.9 - Single product * 15.10 - Checkout * 15.11 - My account * 15.12 - General WooCommerce components * 15.12.1 - Header cart * 15.12.2 - Pagination * 15.12.3 - Star rating * 15.12.4 - Tabs * 15.12.5 - Password strength meter * 15.12.6 - Forms * 15.12.7 - Notices * 15.12.8 - WooCommerce widgets * 15.12.8.1 - WooCommerce Price Filter * 16.0 - Media Queries * 16.1 - >= 480px * 16.2 - >= 601px * 16.3 - >= 640px * 16.4 - >= 768px * 16.5 - >= 783px * 16.6 - >= 1024px * 16.7 - >= 1200px * 16.8 - >= 1366px * 16.9 - >= 1440px * 16.10 - >= 1600px * 17.0 - Transition * 18.0 - Colors */ /** * 1.0 - Normalize * * Normalizing styles have been helped along thanks to the fine work of * Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/ */ html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 0; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: 1px #767676 dotted; text-decoration: none; } b, strong { font-weight: inherit; } b, strong { font-weight: 700; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #eee; color: #222; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { cursor: pointer; -webkit-appearance: button; } button:-moz-focus-inner, [type="button"]:-moz-focus-inner, [type="reset"]:-moz-focus-inner, [type="submit"]:-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #bbb; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]:-webkit-inner-spin-button, [type="number"]:-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]:-webkit-search-cancel-button, [type="search"]:-webkit-search-decoration { -webkit-appearance: none; } :-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } /** * 2.0 - Typography */ body, button, input, select, textarea { font-size: 16px; font-size: 1rem; font-weight: 400; font-family: 'Roboto', sans-serif; line-height: 1.555555555555556; } .home .header-media .entry-title, #feature-slider-section .entry-title { font-size: 34px; font-size: 2.125rem; font-weight: 400; } #footer-instagram .widget-title, .section-title, .entry-title, .page-title { font-size: 32px; font-size: 2rem; line-height: 1.333333333333333; } .site-title , #site-generator .social-navigation a { font-size: 24px; font-size: 1.5rem; } .woocommerce-posts-wrapper .entry-title, .woocommerce .related.products > h2 { font-size: 28px; font-size: 1.75rem; } .widget .hentry .entry-title { font-weight: 400; } .comments-title, .comment-reply-title, .widget .hentry .entry-title, .author-description .author-title, .archive-posts-wrapper .entry-title, .events-content-wrapper .entry-title, .playlist-content-wrapper .entry-title, .portfolio-content-wrapper .entry-title, .woocommerce-tabs .panel h2:first-of-type { font-size: 20px; font-size: 1.25rem; } blockquote, .dropdown-toggle, .site-header .icon, .team-content-wrapper .entry-title, .featured-content-wrapper .entry-title, ul.products li.product .woocommerce-loop-product__title, #testimonial-content-section .entry-content, #testimonial-content-section .entry-summary { font-size: 18px; font-size: 1.125rem; } .menu-toggle, .menu-toggle-close, .search-submit, .site-header input[type="search"], .header-top-left, .site-navigation .top-menu a, .site-navigation .top-menu a, .site-navigation .secondary-menu a, .pagination, .woocommerce-pagination, .author-bio, .form-submit input, .breadcrumb-area, .widget, .header-media .entry-meta, .entry-footer .entry-meta, #testimonial-content-section .entry-title, .team-content-wrapper .entry-meta { font-size: 16px; font-size: 1rem; } .header-media .entry-meta { line-height: 1.555555555555556; } .entry-footer .entry-meta { font-style: italic; } .main-navigation a, .comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags, .comment-subscription-form, #testimonial-content-section .entry-meta { font-size: 14px; font-size: 0.875rem; } button, .button, input[type="button"], input[type="reset"], input[type="submit"], .posts-navigation, #content #infinite-handle span button, .widget .widget-title { font-size: 14px; font-size: 0.875rem; } .site-info, .more-link, .site-description { font-size: 13px; font-size: 0.8125rem; } .header-media .more-link .readmore, #feature-slider-section .more-link .readmore, #hero-section .more-link .readmore, .promotion-section .more-link .readmore { font-size: 14px; font-size: 0.875rem; line-height: 1.5; } .entry-meta, .sticky-post, .breadcrumb-area, .woocommerce .woocommerce-breadcrumb, .post-navigation .nav-subtitle { font-size: 12px; font-size: 0.75rem; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 700; line-height: 1.2; margin: 0; text-rendering: optimizeLegibility; } p { margin: 0 0 1.75em; } dfn, cite, em, i { font-style: italic; } blockquote { border-left: 4px solid; font-weight: 700; line-height: 1.4; margin: 0 0 1.4736842105em; padding: 0 0 0 1.263157895em; overflow: hidden; } blockquote, q { quotes: "\201C""\201D""\2018""\2019"; } blockquote:before, blockquote:after, q:before, q:after { } blockquote p { margin-bottom: 1.050em; } blockquote cite, blockquote small { display: block; font-size: 13px; font-size: 0.8125rem; font-weight: 400; line-height: 1.615384615384615; text-decoration: none; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } blockquote > :last-child { margin-bottom: 0; } address { font-style: italic; margin: 0 0 1.75em; } code, kbd, tt, var, samp { font-family: Inconsolata, monospace; font-size: 16px; font-size: 1rem; } pre { font-family: Inconsolata, monospace; line-height: 1.555; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code { padding: 0.125em 0.25em; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } mark, ins { padding: 0.125em 0.25em; text-decoration: none; } big { font-size: 125%; } /** * 3.0 - FontAwesome */ #promotion-section .button.play-button:before, .pagination .prev span:before, .pagination .next span:after, .gallery-item .gallery-icon a:after, .tiled-gallery .tiled-gallery-item a:after, .comment-meta .comment-permalink:before, .site-header-cart .cart-contents:before, .mejs-button button:before, .audioman-mejs-container.mejs-container .mejs-button button:before, .nav-next .nav-subtitle:after, .nav-previous .nav-subtitle:before, .cat-links span + a:before, .tags-links span + a:before, .wp-custom-header-video-button:before, .search-toggle:before, .menu-toggle:before, .menu-toggle-close:before, .main-navigation .menu-item-has-children > a:after, .main-navigation .page_item_has_children > a:after, .dropdown-toggle:after, .search-submit:before, .social-navigation a:before, #feature-slider-section .cycle-prev:before, #feature-slider-section .cycle-next:before, #testimonial-content-section .cycle-prev:before, #testimonial-content-section .cycle-next:before, .entry-breadcrumbs a:after, .comment-reply-title small a:before, #scrollup:before { display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .site-header-cart .cart-contents:before { content: "\f291"; } .navigation-classic .site-header-cart .cart-contents:before { margin-right: 0; } .menu-toggle:before { content: "\f0c9"; } .menu-toggle.selected:before, .comment-reply-title small a:before { content: "\f00d"; } .search-toggle:before, .search-submit:before { content: "\f002"; font-size: 15px; font-size: 0.9375rem; } .dropdown-toggle:after { content: "\f0d7"; } .active.dropdown-toggle:after { content: "\f0d8"; } .pagination .prev span:before, #feature-slider-section .cycle-prev:before { content: "\f104"; } .pagination .next span:after, #feature-slider-section .cycle-next:before { content: "\f105"; } #testimonial-content-section .cycle-prev:before { content: "\f104"; } #testimonial-content-section .cycle-next:before { content: "\f105"; } .wp-custom-header-video-play:before { content: "\f04c"; } .wp-custom-header-video-pause:before { content: "\f04b"; } #scrollup:before { content: "\f106"; } .entry-meta span a:before { margin-right: 13px; } .entry-footer .cat-links span + a:before { content: "\f07b"; } .entry-footer .tags-links span + a:before { content: "\f02b"; } .nav-next .nav-subtitle:after { content: "\f105"; margin-left: 7px; } .nav-previous .nav-subtitle:before { content: "\f104"; margin-right: 7px; } #gallery-section .gallery-item .gallery-icon a:after, #gallery-section .tiled-gallery .tiled-gallery-item a:after { content: "\f067"; } .pagination .prev span:before, .pagination .next span:after { font-size: 20px; font-size: 1.25rem; } .pagination .prev span:before { margin-right: 7px; } .pagination .next span:after { margin-left: 7px; } #testimonial-content-section .cycle-prev:before, #testimonial-content-section .cycle-next:before, #scrollup:before, #feature-slider-section .cycle-prev:before, #feature-slider-section .cycle-next:before { font-size: 24px; font-size: 1.5rem; } .nav-next .nav-subtitle:after, .nav-previous .nav-subtitle:before { font-size: 16px; font-size: 1rem; } #promotion-section .button.play-button:before { content: "\f04b"; font-size: 17px; font-size: 1.0625rem; } /** * 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, caption, th, td { border: 1px solid; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.75em; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%; } caption { border-width: 1px 1px 0 1px; font-weight: 700; text-align: center; } th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0; } caption, th, td { padding: 0.778em; } .displaynone { display: none; } .displayblock { display: block; } .cover-link { display: block; height: 100%; } .drop-cap:first-letter { float: left; font-size: 92px; font-size: 5.75rem; line-height: 0.6; margin: 14px 16px 4px -3px; } /** * 5.0 - Padding/Margin */ .header-top-bar .wrapper, #secondary-menu-wrapper .wrapper { padding: 0 15px; } .menu-toggle { padding: 17px; } .main-navigation a { padding: 14px 0; } #header-content .wrapper { padding: 20px 25px; } .custom-header-content { padding: 135px 25px; } .pagination .page-numbers.prev, .pagination .page-numbers.next { padding: 7px 21px; } .header-media .more-link .readmore, #feature-slider-section .more-link .readmore, #hero-section .more-link .readmore, .promotion-section .more-link .readmore { padding: 12px 28px 11px; } .site-content .wrapper { padding: 22px 10px; } .playlist-content-wrapper .hentry, .featured-content-wrapper .hentry, .portfolio-content-wrapper .hentry, .events-content-wrapper .hentry, .team-content-wrapper .hentry, .site-content .wrapper .content-area, .site-content .wrapper .widget-area { padding: 20px; } .author-info { padding: 35px; } .footer-widget-area { padding: 21px 0 0; } .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: 28px; } .archive-post-wrap .entry-container { max-width: 720px; margin: 35px auto; padding: 0 20px; } .archive-post-wrap .hentry:not(.has-post-thumbnail) .entry-container { margin-top: 0; } #hero-section .entry-header, #hero-section .entry-summary, #hero-section .entry-content, #hero-section .edit-link { padding: 0; } .section-heading-wrapper { padding: 35px 30px 15px; margin: 0 auto; } .site-main .section-heading-wrapper { padding-top: 0; } .archive-posts-wrapper .hentry, .site-main .hentry, .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; } .widget { margin: 0 0 42px; } .widget .widget-title { margin: 0 0 28px; } .widget li { margin-bottom: 7px; } .widget li > ul, .widget li > ol { clear: both; margin-top: 7px; margin-left: 14px; } .hero-content-wrapper, .recent-blog-content-wrapper { padding: 0 35px; } .playlist-content-wrapper, .product-content-wrapper, .featured-content-wrapper, .portfolio-content-wrapper, .events-content-wrapper, .team-content-wrapper { padding: 0 10px 15px; } .section-content-wrapper .post-thumbnail { margin: 0 0 21px; } .section-content-wrapper .entry-title, .section-content-wrapper .entry-meta { margin: 0 0 7px; } .section-content-wrapper .entry-summary, .section-content-wrapper .entry-content { margin: 28px 0 0; width: 100%; } .section-content-wrapper .entry-container > :first-child { margin-top: 0; } .section-content-wrapper .entry-container > :last-child { margin-bottom: 0; } .entry-footer .entry-meta { margin: 35px 0 0; } .singular-content-wrap .entry-header .entry-meta { margin: 21px 0 0; } .comments-area { margin-top: 35px; padding-top: 35px; } .hero-content-wrapper .entry-summary, .hero-content-wrapper .entry-content { margin: 35px 0 0; } /* New */ .site-header-text > :last-child, .taxonomy-description-wrapper > :last-child, .widget-column > :last-child, .widget-area .widget .hentry:last-child, .widget-area .widget .hentry .entry-meta, .widget-area > :last-child, .widget > :last-child, .widget li:last-child, .widget embed:last-child, .widget iframe:last-child, .widget object:last-child, .widget video:last-child, .entry-content > :last-child, .entry-summary > :last-child, .page-content > :last-child, .comment-content > :last-child, .textwidget > :last-child, .widget_nav_menu ul, #colophon .widget li:last-child { margin-bottom: 0; } .widget-area .ewfeaturedpostpageimage .featured-image { margin-top: 0; margin-bottom: 0; } .custom-logo { margin: 0 auto; } .has-header-video .custom-header-content { padding-bottom: 178px; } .entry-title { margin: 0; } .widget-area .entry-meta { margin-top: 0; } .taxonomy-description-wrapper { margin-top: 7px; } #testimonial-content-section .hentry { padding: 20px 30px 49px 30px; } #testimonial-content-section.has-post-thumbnail .entry-container { padding: 84px 30px 42px; } #testimonial-content-section .entry-container { padding: 35px 30px; } .post-navigation div + div, .posts-navigation div + div { margin-top: 30px; } .wp-caption .wp-caption-text { padding: 7px 14px; } button, .button, input[type="button"], input[type="reset"], input[type="submit"], .posts-navigation a, #content #infinite-handle span button, .catch-instagram-feed-gallery-widget-wrapper .button { padding: 12px 28px 11px; } 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: 11px 14px; } .top-playlist-enabled .site-footer { padding-bottom: 55px; } .sidebar .ewnewsletter .widget-inner-wrap { padding: 0; } .wocommerce-section-content-wrapper { margin: 0 -20px; } /** * 6.0 - Forms */ input { line-height: normal; } button, button[disabled]:hover, button[disabled]:focus, .button, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus { background-color: transparent; border: none; -webkit-border-radius: 22px; border-radius: 22px; display: inline-block; font-weight: 800; letter-spacing: 0.071em; line-height: 1.5; text-shadow:0 1px 0 rgba(105,47,69,0.50); text-transform: uppercase; } .entry-content .button, .entry-summary .button { box-shadow: none; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: thin dotted; outline-offset: -4px; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea { background-color: transparent; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid; margin-top: 7px; width: 100%; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]:-webkit-search-cancel-button, input[type="search"]:-webkit-search-decoration { -webkit-appearance: none; } input[type="radio"], input[type="checkbox"] { margin-right: 0.5em; } input[type="date"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="month"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus { background-color: transparent; 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: 10px; border-radius: 10px; margin: 0; padding: 12px 46px 12px 14px; width: 100%; } .search-submit { background-image: none; background-color: transparent; border: none; border-radius: 0; overflow: hidden; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; width: 49px; } .search-submit:hover, .search-submit:focus { background-image: none; background-color: transparent; } select { border: none; -webkit-border-radius: 6px; border-radius: 6px; font-size: 13px; font-size: 0.8125rem; padding: 7px 10px; } /** * 7.0 - Navigation */ /** * 7.1 - Links */ a { text-decoration: none; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /** * 7.2 - Main Menu */ .main-navigation ul { list-style: none; margin: 0; padding-left: 0; } .main-navigation li { margin: 0; position: relative; } .menu-social-container { padding: 12px 15px; } .main-navigation .menu-item-has-children > a, .main-navigation .page_item_has_children > a { padding-right: 49px; } .main-navigation a { display: block; font-weight: 500; line-height: 1.5; letter-spacing: 0.071em; text-decoration: none; text-transform: uppercase; } .search-container { padding: 21px; } .main-navigation a, #primary-menu-wrapper .search-container { padding: 14px 30px; } .main-navigation ul ul { margin-left: 0.875em; } .main-navigation ul ul a { font-weight: 400; letter-spacing: 0; text-transform: capitalize; } .menu-inside-wrapper, .main-navigation ul ul { -webkit-box-shadow: 0 9px 9px rgba( 0, 0, 0, 0.4 ); -moz-box-shadow: 0 9px 9px rgba( 0, 0, 0, 0.4 ); box-shadow: 0 9px 9px rgba( 0, 0, 0, 0.4 ); } .navigation-classic .main-navigation { clear: both; border: none; } .main-navigation ul.toggled-on { box-shadow: none; border-top: none; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; right: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation ul ul .current_page_item > a, .main-navigation ul ul .current-menu-item > a { font-weight: 500; } #primary-search-wrapper { display: none; } .menu-inside-wrapper { position: absolute; right: -100%; top: 61px; width: 100%; max-width: 100%; visibility: hidden; z-index: 199; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; } .is-open .menu-inside-wrapper { right: 0; visibility: visible; } body.menu-open { overflow-y: scroll; width: 100%; } .menu-toggle-wrapper { padding: 5px; } .menu-toggle { background-image: none; background-color: transparent; display: block; font-weight: 400; line-height: 1.375; margin: 0 auto; } .menu-toggle:hover, .menu-toggle:focus, .menu-toggle.selected { background-image: none; background-color: transparent; } #primary-search-wrapper .menu-toggle { -webkit-border-radius: 36px; border-radius: 36px; display: inline-block; height: 36px; padding: 0; text-align: center; width: 36px; } /* Dropdown Toggle */ .dropdown-toggle { background-image: none; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; display: block; font-size: 18px; font-size: 1.125rem; right: 0; line-height: 1.172; margin: 0 auto; padding: 14px 19px; position: absolute; text-shadow: none; top: 0; } .site-footer-menu .dropdown-toggle { display: none; } .dropdown-toggle:hover, .dropdown-toggle:focus, .dropdown-toggle:focus { background: transparent; } .dropdown-toggle:focus { outline: thin dotted; } .main-navigation ul ul { display: none; } .main-navigation ul .toggled-on { display: block; } #primary-search-wrapper > .social-navigation { display: none; float: left; } #primary-search-wrapper > .social-navigation .menu-social-container { padding: 22px 0; } .site-header-menu .menu-label { display: none; } .menu-label { display: inline-block; margin-left: 7px; } /* Footer Menu */ #footer-menu-wrapper { display: none; } #footer-menu-wrapper.toggled-on { display: block; } .site-navigation { margin: 0 0 35px; } .site-navigation ul { list-style: none; margin: 0; } .site-navigation a { display: block; line-height: 1.615384615384615; font-weight: 700; font-size: 13px; font-size: 0.8125rem; padding: 7px 0; text-decoration: none; text-transform: uppercase; outline-offset: -1px; } /** * 7.3 - Social Menu */ .mobile-social-search { clear: both; } .social-navigation, .social-links-menu { font-size: 16px; font-size: 1rem; padding: 0; } .social-navigation ul, .social-links-menu ul { list-style: none; margin: 0; } .social-navigation li, .social-links-menu li { display: inline-block; margin: 0; } .social-navigation a, .social-links-menu a { background-color: transparent; display: inline-block; font-size: 16px; font-size: 1rem; height: 36px; line-height: 36px; margin: 2px 4px; text-align: center; width: 36px; } .widget .social-links-menu a { border: 1px solid; height: 42px; line-height: 42px; width: 42px; } .widget .social-links-menu a:hover:before { -webkit-animation: toBottomFromTop 0.3s forwards; -moz-animation: toBottomFromTop 0.3s forwards; animation: toBottomFromTop 0.3s forwards; } @-webkit-keyframes toBottomFromTop { 49% { -webkit-transform: translateY(100%); } 50% { opacity: 0; -webkit-transform: translateY(-100%); } 51% { opacity: 1; } } @-moz-keyframes toBottomFromTop { 49% { -moz-transform: translateY(100%); } 50% { opacity: 0; -moz-transform: translateY(-100%); } 51% { opacity: 1; } } @keyframes toBottomFromTop { 49% { transform: translateY(100%); } 50% { opacity: 0; transform: translateY(-100%); } 51% { opacity: 1; } } #site-generator .social-navigation { text-align: center; } .site-footer .menu-social-container { padding: 0; } #site-generator .social-navigation a:before { line-height: 36px; } .social-navigation a:before { content: "\f0c1"; } .social-navigation a[href*="codepen.io"]:before { content: "\f1cb"; } .social-navigation a[href*="digg.com"]:before { content: "\f1a6"; } .social-navigation a[href*="dribbble.com"]:before { content: "\f17d"; } .social-navigation a[href*="dropbox.com"]:before { content: "\f16b"; } .social-navigation a[href*="facebook.com"]:before { content: "\f09a"; } .social-navigation a[href*="flickr.com"]:before { content: "\f16e"; } .social-navigation a[href*="foursquare.com"]:before { content: "\f180"; } .social-navigation a[href*="plus.google.com"]:before { content: "\f0d5"; } .social-navigation a[href*="github.com"]:before { content: "\f09b"; } .social-navigation a[href*="instagram.com"]:before { content: "\f16d"; } .social-navigation a[href*="linkedin.com"]:before { content: "\f0e1"; } .social-navigation a[href*="path.com"]:before { content: "\f20c"; } .social-navigation a[href*="pinterest.com"]:before { content: "\f231"; } .social-navigation a[href*="getpocket.com"]:before { content: "\f265"; } .social-navigation a[href*="reddit.com"]:before { content: "\f1a1"; } .social-navigation a[href*="skype.com"]:before { content: "\f17e"; } .social-navigation a[href*="soundcloud.com"]:before { content: "\f1be"; } .social-navigation a[href*="stumbleupon.com"]:before { content: "\f1a4"; } .social-navigation a[href*="tumblr.com"]:before { content: "\f174"; } .social-navigation a[href*="twitter.com"]:before { content: "\f099"; } .social-navigation a[href*="vimeo.com"]:before { content: "\f27d"; } .social-navigation a[href*="wordpress.com"]:before, .social-navigation a[href*="wordpress.org"]:before { content: "\f19a"; } .social-navigation a[href*="youtube.com"]:before { content: "\f16a"; } .social-navigation a[href^="mailto:"]:before { content: "\f0e0"; } .social-navigation a[href*="spotify.com"]:before { content: "\f1bc"; } .social-navigation a[href*="twitch.tv"]:before { content: "\f1e8"; } .social-navigation a[href$="/feed/"]:before { content: "\f09e"; } .social-navigation a[href*="amazon.com"]:before { content: "\f270"; } .social-navigation a[href*="apple.com"]:before { content: "\f179"; } .social-navigation a[href*="bandcamp.com"]:before { content: "\f2d5"; } .social-navigation a[href*="behance.com"]:before { content: "\f1b4"; } .social-navigation a[href*="deviantart.com"]:before { content: "\f1bd"; } .social-navigation a[href*="etsy.com"]:before { content: "\f2d7"; } /** * 7.4 - Post Navigation */ .post-navigation { clear: both; } .post-navigation a { display: block; text-decoration: none; } .post-navigation span { display: block; } .post-navigation .nav-subtitle { letter-spacing: 0.083em; margin-bottom: 0.583em; text-transform: uppercase; } .post-navigation .nav-title { font-weight: 700; display: block; text-rendering: optimizeLegibility; } .post-navigation .nav-previous, .post-navigation .nav-next { position: relative; vertical-align: top; } .pagination .prev, .pagination .next { width: 100%; } .image-navigation, .comment-navigation { border-top: 1px solid; border-bottom: 1px solid; font-size: 13px; font-size: 0.8125rem; line-height: 1.6153846154; margin: 0 7.6923% 2.1538461538em; padding: 1.0769230769em 0; } .comment-navigation { margin-right: 0; margin-left: 0; } .comments-title + .comment-navigation { border-bottom: 0; margin-bottom: 0; } .image-navigation .nav-previous:not(:empty), .image-navigation .nav-next:not(:empty), .comment-navigation .nav-previous:not(:empty), .comment-navigation .nav-next:not(:empty) { display: inline-block; } .image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before, .comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before { content: "\002f"; display: inline-block; opacity: 0.7; padding: 0 0.538461538em; } .posts-navigation, .pagination, #content #infinite-handle { clear: both; text-align: center; } #content #infinite-handle { display: block; } #content #infinite-handle span { background: none transparent; display: inline-block; padding: 0; } .infinite-loader #ctis-loading img { width: 35px; } .infinite-loader { clear: both; } .posts-navigation a, #content #infinite-handle span button { line-height: 1.5; font-weight: 800; } .pagination .prev, .pagination .next { font-weight: 400; line-height: 1.75; } .pagination .page-numbers { display: inline-block; margin: 7px 0; padding: 8px 16px; text-transform: uppercase; } .pagination .page-numbers.current { -webkit-border-radius: 50%; border-radius: 50%; } .posts-navigation a, #content #infinite-handle span button, .header-media .more-link .readmore, #feature-slider-section .more-link .readmore, #hero-section .more-link .readmore, .promotion-section .more-link .readmore { border: none; -webkit-border-radius: 22px; border-radius: 22px; display: inline-block; text-transform: uppercase; } /** * 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: 7px 35px; } .entry-breadcrumbs a, .woocommerce .woocommerce-breadcrumb a { position: relative; font-weight: normal; 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 10px; } /** * 7.6 - Scroll Up */ #scrollup { -webkit-border-radius: 50%; border-radius: 50%; border: none; cursor: pointer; display: none; outline: none; padding: 7px; position: fixed; bottom: 35px; right: 20px; text-decoration: none; text-align: center; text-shadow: 0 1px 0 rgba(105,47,69,0.50); width: 40px; height: 40px; z-index: 9999; } .top-playlist-enabled #scrollup { bottom: 63px; } #scrollup:hover, #scrollup:focus { text-decoration: none; } /** * 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; } /** * 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; } blockquote.alignleft { margin: 0.3157894737em 1.4736842105em 1.473684211em 0; } blockquote.alignright { margin: 0.3157894737em 0 1.473684211em 1.4736842105em; } blockquote.aligncenter { margin-bottom: 1.473684211em; } /** * 10.0 - Clearings */ .wrapper:before, .wrapper:after, .posts-navigation:before, .posts-navigation:after, .clear:before, .clear:after, .header-top-bar:before, .header-top-bar:after, .site-header-top-main:before, .site-header-top-main:after, #secondary-menu-wrapper:before, #secondary-menu-wrapper:after, #hero-section:before, #hero-section:after, .featured-content-wrapper:before, .featured-content-wrapper:after, .portfolio-content-wrapper:before, .portfolio-content-wrapper:after, .service-content-wrapper:before, .service-content-wrapper:after, .events-content-wrapper:before, .events-content-wrapper:after, blockquote:before, blockquote:after, .entry-content:before, .entry-content:after, .entry-summary:before, .entry-summary:after, .comment-content:before, .comment-content:after, .site-content:before, .site-content:after, .content-area:before, .content-area:after, .site-main > article:before, .site-main > article:after, .post-navigation:before, .post-navigation:after, .posts-navigation:before, .posts-navigation:after, .pagination:before, .pagination:after, .primary-menu:before, .primary-menu:after, .social-links-menu:before, .social-links-menu:after, .widget:before, .widget:after, .textwidget:before, .textwidget:after, .content-bottom-widgets:before, .content-bottom-widgets:after, #tertiary:before, #tertiary:after, #colophon .wrapper:before, #colophon .wrapper:after, .site-header-cart li:before, .site-header-cart li:after, .widget-area li:before, .widget-area li:after { content: ""; display: table; } .wrapper:after, .posts-navigation:after, .clear:after, .header-top-bar:after, .site-header-top-main:after, #secondary-menu-wrapper:after, #hero-section:after, .featured-content-wrapper:after, .portfolio-content-wrapper:after, .service-content-wrapper:after, .events-content-wrapper:after, blockquote:after, .entry-content:after, .entry-summary:after, .comment-content:after, .site-content:after, .content-area:after, .site-main > article:after, .post-navigation:after, .posts-navigation:after, .pagination:after, .primary-menu:after, .social-links-menu:after, .widget:after, .textwidget:after, .content-bottom-widgets:after, #tertiary:after, #colophon .wrapper:after, .site-header-cart li:after, .widget-area li:after { clear: both; } /** * 11.0 - Widgets */ .widget .widget-title { font-weight: 700; letter-spacing:0.88px; text-transform: uppercase; } .widget .widget-title:empty { margin-bottom: 0; } .widget ul, .widget ol { list-style: none; margin-left: 0; } .widget-area li { line-height: 2; } /* Categories widget */ .widget_categories ul, .widget_archive ul { text-align: right; } .widget_categories li, .widget_archive li { display: block; height: 1%; overflow: hidden; } .widget_categories ul a, .widget_archive ul a { float: left; } /* Calendar widget */ .widget.widget_calendar table { margin: 0; } .widget_calendar td, .widget_calendar th { line-height: 3; padding: 0; text-align: center; } .widget_calendar caption { font-weight: 600; } .widget_calendar tbody a { display: block; font-weight: 600; text-decoration: none; } /* Recent Posts widget */ .widget-area .gallery { margin: 0; } .widget_recent_entries .post-date { display: block; font-size: 13px; font-size: 0.8125rem; line-height: 1.615384615; margin-bottom: 0.538461538em; } .widget_recent_entries li:last-child .post-date { margin-bottom: 0; } /* RSS widget */ .widget_rss .rsswidget img { margin-top: -0.375em; } .widget_rss .rss-date, .widget_rss cite { display: block; font-size: 13px; font-size: 0.8125rem; font-style: normal; line-height: 1.615384615; margin-bottom: 0.538461538em; } .widget_rss .rssSummary:last-child { margin-bottom: 2.1538461538em; } .widget_rss li:last-child :last-child { margin-bottom: 0; } /* Tag Cloud widget */ .tagcloud a { border: none; display: inline-block; line-height: 1; margin: 0 0.1875em 0.4375em 0; padding: 0.5625em 0.4375em 0.5em; } .tagcloud a:hover, .tagcloud a:focus { outline: 0; } #featured-grid-content .grid-box:hover .caption>.vcenter { -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } #footer-instagram .widget { margin: 0; padding: 0; } #footer-instagram .widget-title { margin: 35px auto; text-align: center; letter-spacing: 0; text-transform: capitalize; } #footer-instagram .widget-title { display: none; } .widget-area .catch-instagram-feed-gallery-widget-wrapper .button { border: none; } #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .default .item, #footer-instagram .catch-instagram-feed-gallery-widget-wrapper.default .item { margin: 0; } #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .default .item, #footer-instagram .catch-instagram-feed-gallery-widget-wrapper.default .item { width: 16.666%; } #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .default .item:nth-child(3n+1), #footer-instagram .catch-instagram-feed-gallery-widget-wrapper.default .item:nth-child(3n+1) { clear: none; } #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .default .item:nth-child(6n+1), #footer-instagram .catch-instagram-feed-gallery-widget-wrapper.default .item:nth-child(6n+1) { clear: both; } #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .default .instagram-button, #footer-instagram .catch-instagram-feed-gallery-widget-wrapper.default .instagram-button { display: none; } #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .button { margin-top: 28px; } .widget-area .date-label { display: none; } /* Footer Newsletter */ #footer-newsletter .wrapper { max-width: 1920px; text-align: center; } #footer-newsletter .widget { clear: both; } #footer-newsletter .widget.ew-newsletter { margin: 0; } #footer-newsletter .widget-inner { max-width: 680px; margin: 0 auto; padding: 0 30px; } #footer-newsletter .ewnewsletter .widget-inner-wrap { padding: 0; margin: 0; } #footer-newsletter .ewnewsletter .hentry { margin: 0 0 2.188em; } #footer-newsletter .section-heading-wrapper { padding-left: 0; padding-right: 0; padding-bottom: 21px; } #footer-newsletter .ew-newsletter-wrap form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #footer-newsletter .ewnewsletter .ew-newsletter-wrap .ew-newsletter-subbox { -webkit-border-radius: 0; border-radius: 0; border: none; margin: 0; padding: 11px 28px; } #footer-newsletter .ewnewsletter .ew-newsletter-wrap .ew-newsletter-subbox:first-of-type { -webkit-border-radius: 22px; border-radius: 22px; border-bottom-right-radius: 0; border-top-right-radius: 0; } #footer-newsletter .ewnewsletter .ew-newsletter-wrap #subbutton { border-bottom-left-radius: 0; border-top-left-radius: 0; margin: 0; } .widget .menu-social-container { padding: 0; } /** * 12.0 - Content */ #page { margin: 0 auto; overflow-x: hidden; position: relative; word-wrap: break-word; } .boxed-layout #page { max-width: 1600px; } .wrapper { margin: 0 auto; max-width: 1500px; width: 100%; } #top-playlist-section .wrapper { max-width: 100%; } .boxed-layout #top-playlist-section .wrapper { max-width: 1600px; } .header-media .wrapper, #footer-instagram .wrapper, .gallery-section .wrapper { width: 100%; max-width: 1920px; } .recent-blog-content .wrapper { max-width: 1020px; margin: 0 auto; } .site-content { border-bottom: 1px solid; word-wrap: break-word; } .site-content-contain { position: relative; } .page.no-sidebar .content-area, .single.no-sidebar .content-area { max-width: 720px; margin: 0 auto; } .archive-post-wrap .post-wrapper { border-bottom: 1px solid; } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /** * 12.1 - Header */ .site-header { position: relative; } .absolute-header .site-header { position: absolute; left: 0; width: 100%; top: 0; z-index: 99; } .site-header-main .wrapper { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 30px; position: relative; } .site-branding { /* Avoid overflowing wide custom logo in small screens in Firefox and IEs */ margin: 14px auto 14px 0; max-width: 100%; min-width: 0; text-align: left; width: auto; overflow: hidden; } .custom-logo { display: block; max-width: 250px; } .wp-custom-logo .custom-logo-link { display: block; } .wp-custom-logo .site-identity { display: none; } .site-header-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: auto; margin-right: -20px; } .site-branding { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site-title { font-weight: 400; line-height: 1.25; letter-spacing: 0; margin: 0; } .site-title a { text-decoration: none; } .site-description { font-weight: 300; letter-spacing: 0; line-height: 1.230769230769231; 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; } .custom-header-content { display: block; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0; width: 100%; max-width: 1510px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 2; } .has-header-media:not(.home) .custom-header-content { position: relative; -webkit-transform: initial; -moz-transform: initial; -ms-transform: initial; -o-transform: initial; transform: initial; } .custom-header-content.content-align-left { text-align: left; } .custom-header-content.content-align-right { text-align: right; } .custom-header-content .site-header-text { margin-top: 7px; } .has-header-image.home .custom-header, .has-header-video.home .custom-header { display: table; height: 480px; height: 85vh; width: 100%; } .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 { background-color: rgba(0, 0, 0, 0.2); bottom: 0; content: ""; height: 100%; position: absolute; left: 0; right: 0; top: 0; width: 100%; z-index: 1; } .color-scheme-light .custom-header-overlay, .color-scheme-green .custom-header-overlay { background-color: rgba(255, 255, 255, 0.2); } .custom-header .wrapper:before { content: ""; display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; } .has-header-image .custom-header-media .wp-custom-header img, .has-header-video .custom-header-media .wp-custom-header video, .has-header-video .custom-header-media .wp-custom-header iframe { position: fixed; 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%); } .boxed-layout.has-header-image .custom-header-media .wp-custom-header img, .boxed-layout.has-header-video .custom-header-media .wp-custom-header video, .boxed-layout.has-header-video .custom-header-media .wp-custom-header iframe { position: absolute; } /* For browsers that support 'object-fit' */ @supports ( object-fit: cover ) { .has-header-image .custom-header-media .wp-custom-header img, .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) .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 14px; position: absolute; left: 49%; bottom: 35px; z-index: 100; height: 44px; width: 44px; } .header-media:hover .wp-custom-header-video-button { opacity: 1; } /** * 12.2 - Posts and pages */ .site-main .hentry, .featured-content-wrapper .hentry, .portfolio-content-wrapper .hentry, .events-content-wrapper .hentry, .team-content-wrapper .hentry, #testimonial-content-section .hentry { float: left; position: relative; width: 100%; } .single .site-main .entry-header, .page .site-main .entry-header, .archive .page-header, .error404 .page-header, .search .page-header, .woocommerce-products-header { text-align: center; } .post-thumbnail { display: block; position: relative; } .post-thumbnail img { display: block; margin: 0 auto; } .entry-content h1, .entry-summary h1, .comment-content h1, .textwidget h1 { font-size: 32px; font-size: 2rem; line-height: 1.25; margin-top: 1.333em; margin-bottom: 0.583em; } .entry-content h2, .entry-summary h2, .comment-content h2, .textwidget h2 { font-size: 28px; font-size: 1.75rem; line-height: 1.2173913043; margin-top: 1.556em; margin-bottom: 0.778em; } .entry-content h3, .entry-summary h3, .comment-content h3, .textwidget h3 { font-size: 24px; font-size: 1.5rem; line-height: 1.1052631579; margin-top: 1.750em; margin-bottom: 0.875em; } .entry-content h4, .comment-content h4, .textwidget h4 { font-size: 22px; font-size: 1.375rem; } .entry-content h5, .comment-content h5, .textwidget h5 { font-size: 18px; font-size: 1.125rem; } .entry-content h6, .comment-content h6, .textwidget h6 { font-size: 16px; font-size: 1rem; } .entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h4, .entry-summary h5, .entry-summary h6, .comment-content h4, .comment-content h5, .comment-content h6, .textwidget h4, .textwidget h5, .textwidget h6 { line-height: 1.3125; margin-top: 2.154em; margin-bottom: 1.077em; } .entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child, .entry-summary h1:first-child, .entry-summary h2:first-child, .entry-summary h3:first-child, .entry-summary h4:first-child, .entry-summary h5:first-child, .entry-summary h6:first-child, .comment-content h1:first-child, .comment-content h2:first-child, .comment-content h3:first-child, .comment-content h4:first-child, .comment-content h5:first-child, .comment-content h6:first-child, .textwidget h1:first-child, .textwidget h2:first-child, .textwidget h3:first-child, .textwidget h4:first-child, .textwidget h5:first-child, .textwidget h6:first-child { margin-top: 0; } .post-navigation .nav-title, .entry-title, .comments-title { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .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: 35px 0 0; } .more-link .readmore { border: 2px solid; -webkit-border-radius: 18px; border-radius: 18px; cursor: pointer; display: inline-block; font-weight: 800; line-height: 1.615384615384615; letter-spacing: 0.071em; padding: 5px 21px; text-decoration: none; text-transform: uppercase; word-wrap: break-word; } .more-link .readmore:hover, .more-link .readmore:focus { border-color: transparent; } .more-button { display: inline-block; } .view-more { clear: both; margin: 0 0 35px; padding: 0 25px; text-align: center; } #events-section .view-more { position: relative; } .author-info { clear: both; margin-top: 35px; text-align: center; } .author-avatar .avatar { height: 65px; width: 65px; } .author-description > :last-child { margin-bottom: 0; } .author-description .author-title { clear: none; line-height: 1.75; } .author-bio { overflow: hidden; } .author-link { display: block; margin-top: 28px; white-space: nowrap; } .entry-footer:empty { margin: 0; } .sticky-post { display: inline-block; margin-bottom: 14px; letter-spacing: 0.075em; padding: 4px 10px 3px; text-align: center; text-transform: uppercase; z-index: 1; } .has-post-thumbnail .sticky-post { position: absolute; left: 0; top: 0; } .full-content .has-post-thumbnail .sticky-post { position: relative; top: auto; left: auto; } .entry-meta { line-height: 2; } .entry-meta a { text-decoration: none; } .entry-meta a:hover, .entry-meta a:focus { text-decoration: underline; } .entry-header .entry-meta > span { clear: none; display: inline-block; } .entry-meta .sep { margin: 0 5px; } .entry-footer .entry-meta > span { clear: both; display: block; margin: 28px 0 0; } /** * IE8 and earlier will drop any block with CSS3 selectors. * Do not combine these styles with the next block. */ .updated:not(.published) { display: none; } .taxonomy-description p { margin: 0.5384615385em 0 1.6153846154em; } .taxonomy-description > :last-child { margin-bottom: 0; } .page-links { clear: both; margin: 0 0 1.75em; } .page-links a, .page-links > span { border: none; border-radius: 5px; display: inline-block; font-size: 13px; font-size: 0.8125rem; height: 1.8461538462em; line-height: 1.6923076923em; margin-right: 0.3076923077em; text-align: center; width: 1.8461538462em; } .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.6153846154em; width: auto; } .entry-attachment { margin-bottom: 1.75em; } .entry-caption { font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 1.0769230769em; } .entry-caption > :last-child { margin-bottom: 0; } .content-bottom-widgets { clear: both; } /** * 12.4 - Comments */ .comments-area { border-top: 1px solid; clear: both; display: block; float: left; width: 100%; } .comment-list { list-style: none; margin: 0; } .comment-list article, .comment-list .pingback, .comment-list .trackback { border-top: 1px solid; 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 { padding-left: 2.5em; } .comment-author { float: left; margin: 0 1.5em 1.5em 0; } .comment-container { overflow: hidden; } .comment-author a { text-decoration: none; } .comment-author .avatar { height: 65px; width: 65px; } .comment-meta .edit-link, .pingback .edit-link { display: inline-block; font-size: 13px; font-size: 0.8125rem; line-height: 1.6153846154; text-transform: uppercase; } .comment-meta { margin-bottom: 0.778em; } .comment-meta .edit-link:before, .pingback .edit-link:before { content: "\002f"; display: inline-block; opacity: 0.7; padding: 0 0.538461538em; } .comment-content ul, .comment-content ol { margin: 0 0 1.75em 1.5em; } .comment-content li > ul, .comment-content li > ol { margin-bottom: 0; } .comment-reply-link { display: inline-block; font-size: 13px; font-size: 0.8125rem; font-weight: 700; line-height: 1; text-decoration: none; text-transform: uppercase; margin-top: 2.692em; } .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-respond { margin: 1.25em auto 0; max-width: 680px; padding: 35px 42px; position: relative; } .comment-reply-title { text-align: center; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comment-notes { font-style: italic; } .comment-meta .author-name { font-style: normal; } .comment-meta a { text-decoration: none; } .comment-meta a:hover, .comment-meta a:focus { text-decoration: underline; } .comment-meta .comment-permalink { margin-left: 14px; } .comment-form label { font-size:12px; font-weight: 700; letter-spacing: 0.083em; line-height:28px; text-transform: uppercase; } /** * 12.5 - Sidebar */ .widget .hentry { float: left; width: 100%; } .widget a { text-decoration: none; } .sidebar .widget { clear: both; padding: 35px; } /** * 12.6 - Footer */ #colophon .widget-column { float: left; position: relative; width: 100%; z-index: 2; } #colophon .widget { background-color: transparent; } #site-generator { clear: both; padding: 35px 30px; } .site-info { text-transform: capitalize; text-align: center; } .site-info a { text-decoration: none; } .site-info a:hover, .site-info a:focus { text-decoration: underline; } #footer-menu-wrapper, #menu-toggle-footer, #social-footer-navigation { margin-bottom: 28px; } /** * 13.0 - Media */ .site .avatar { border-radius: 50%; } .entry-content .wp-smiley, .entry-summary .wp-smiley, .comment-content .wp-smiley, .textwidget .wp-smiley { border: none; margin-top: 0; margin-bottom: 0; padding: 0; } .entry-content a img, .entry-summary a img, .comment-content a img, .textwidget a img { display: block; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object, video { max-width: 100%; vertical-align: middle; } p > embed, p > iframe, p > object, p > video { margin-bottom: 0; } .wp-audio-shortcode, .wp-video { margin: 1.625em 0; } .wp-playlist-item .wp-playlist-item-length { top: 0.75em; } /** * 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; } /** * 13.2 - Galleries */ .gallery { margin: 0 -1.1666667% 1.75em; } .gallery-item { display: inline-block; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .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-icon img { margin: 0 auto; } .gallery-caption { display: block; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /** * 14.0 - Modules */ .section { clear: both; display: block; position: relative; width: 100%; overflow: hidden; } .section-heading-wrapper, #testimonial-content-section .section-content-wrapper { display: block; max-width: 990px; margin: 0 auto; position: relative; text-align: center; width: 100%; } #testimonial-content-section .cycle-slideshow { overflow: hidden; } /** * 14.1 - Slider */ #feature-slider-section { border: none; clear: both; display: block; padding: 0; position: relative; width: 100%; overflow: hidden; } #feature-slider-section .wrapper { max-width: 100%; } #feature-slider-section .hentry { width: 100%; } #feature-slider-section .slider-image { margin: 0; } #feature-slider-section .slider-image-thumbnail { background-position: center; background-repeat: no-repeat; background-size: cover; content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #feature-slider-section .slider-content-wrapper { padding: 49px 30px; position: absolute; top: 50%; left: 0; right: 0; text-align: center; z-index: 101; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #feature-slider-section .entry-container { display: block; margin: 0 auto; } #feature-slider-section .entry-container a { text-decoration: none; } #feature-slider-section .entry-summary, #feature-slider-section .entry-content { display: none; margin-top: 7px; } #feature-slider-section .cycle-pager { display: block; position: absolute; bottom: 14px; left: 0; text-align: center; width: 100%; z-index: 199; } #feature-slider-section .cycle-pager span { cursor: pointer; display: inline-block; height: 4px; margin: 0 5px; overflow: hidden; width: 40px; } #feature-slider-section .cycle-prev, #feature-slider-section .cycle-next { background-color: transparent; background-image: none; border: 2px solid; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; outline: none; opacity: 0; filter: alpha(opacity=0); letter-spacing: 0; position: absolute; top: 48%; padding: 7px; text-align: center; text-decoration: none; width: 43px; height: 43px; z-index: 199; } #feature-slider-section .cycle-prev { left: -42px; } #feature-slider-section .cycle-next { right: -42px; } #feature-slider-section .cycle-prev .icon, #feature-slider-section .cycle-next .icon { height: 24px; width: 24px; } #feature-slider-section .cycle-prev:hover, #feature-slider-section .cycle-prev:focus, #feature-slider-section .cycle-next:hover, #feature-slider-section .cycle-next:focus { border-color: transparent; text-decoration: none; } /** * 14.2 - Featured Content & Portfolio */ .featured-content-wrapper, .portfolio-content-wrapper { position: relative; } .events-content-wrapper a, .featured-content-wrapper a, .portfolio-content-wrapper a { text-decoration: none; } .featured-content-wrapper .post-thumbnail, .portfolio-content-wrapper .post-thumbnail { width: 100%; } .portfolio-content-wrapper .post-thumbnail img { width: 100%; } #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; } /* Portfolio */ .portfolio-content-wrapper { overflow: hidden; } #portfolio-content-section .hentry { height: auto; line-height: 1; } #portfolio-content-section .hentry-inner { overflow: hidden; position: relative; } #portfolio-content-section .entry-container { background: rgba(0,0,0,0.75); position: absolute; bottom: 0; left: 0; opacity: 1; padding: 14px 28px; width: 100%; } #portfolio-content-section .post-thumbnail { margin: 0; max-width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .3s linear; -moz-transition: transform .3s linear; -ms-transition: -ms-transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; } #portfolio-content-section .hentry:hover .post-thumbnail, #portfolio-content-section .hentry:focus .post-thumbnail { -webkit-transform: scale(1.025); -ms-transform: scale(1.025); transform: scale(1.025); } #portfolio-content-section .entry-header .entry-meta { font-weight: 700; letter-spacing: 0; text-transform: uppercase; } #portfolio-content-section .entry-meta a { text-decoration: none; } #portfolio-content-section .entry-title, #portfolio-content-section .entry-meta { margin: 0; } #portfolio-content-section .entry-summary { display: none; } /** * 14.3 - Hero Content */ #hero-section { border: none; text-align: center; } .hero-content-wrapper .hentry { position: relative; } .hero-content-wrapper .post-thumbnail { background-position: center top; background-size: cover; content: ""; float: left; margin: 0; padding-bottom: 100%; width: 100%; } .hero-content-wrapper .post-thumbnail a { border: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .hero-content-wrapper .entry-container { padding: 28px; margin: 0; } .hero-content-wrapper .entry-container { clear: both; width: 100%; } .team-content-wrapper .entry-container { padding: 21px 28px; text-align: center; } /** * 14.4 - Team Content Section */ .team-content-wrapper .post-thumbnail, .team-content-wrapper .entry-title, .team-content-wrapper .entry-meta { margin: 0; } .team-content-wrapper .hentry { height: auto; } .team-content-wrapper .hentry-inner { position: relative; } .team-content-wrapper .post-thumbnail img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .team-content-wrapper .hentry:hover .post-thumbnail img { -webkit-filter: none; filter:none; } .team-content-wrapper .entry-meta { letter-spacing: 0; text-transform: capitalize; } .team-content-wrapper { overflow: hidden; } .team-content-wrapper .artist-image-container { position: relative; } .team-content-wrapper .artist-social-profile { background: rgba(0,0,0,0.5); position: absolute; height: 100%; width: 100%; top: 0; left: 0; opacity: 1; text-align: center; } .team-content-wrapper .artist-social-profile > .social-navigation { display: block; padding: 0; position: relative; top: 100%; left: 50%; transform: translate(-50%, -100%); } /** * 14.5 - Testimonials */ #portfolio-content-section, #testimonial-content-section { background-size: cover; } #testimonial-content-section .section-content-wrapper { display: block; position: relative; padding-bottom: 56px; } #testimonial-content-section .section-content-wrapper .hentry-inner { position: relative; } #testimonial-content-section .section-content-wrapper .entry-summary, #testimonial-content-section .section-content-wrapper .entry-content { margin: 0 0 21px; } #testimonial-content-section .testimonial_slider_wrap { width: 100%; } #testimonial-content-section.layout-two .section-content-wrapper { max-width: 1580px; } #testimonial-content-section .post-thumbnail { margin: 0 0 -35px; } #testimonial-content-section .has-post-thumbnail .entry-container { padding-top: 63px; } #testimonial-content-section.layout-two .cycle-prev, #testimonial-content-section.layout-two .cycle-next { display: none; } #testimonial-content-section .cycle-prev, #testimonial-content-section .cycle-next { background-color: transparent; background-image: none; border: none; outline: none; padding: 0; z-index: 199; } #testimonial-content-section .entry-header:before { border-top: 2px solid; content: ""; display: block; margin: 21px auto; width: 40px; } #testimonial-content-section .entry-title, #testimonial-content-section .entry-meta { display: block; line-height: 1.75; margin: 0; } #testimonial-content-section .entry-content, #testimonial-content-section .entry-summary { font-weight: 500; font-style: italic; } #testimonial-content-section .entry-title { font-weight: 700; } #testimonial-content-section .entry-meta { text-transform: capitalize; letter-spacing: 0; margin: 0; } #testimonial-content-section .controller { bottom: 42px; 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; position: absolute; width: 100%; z-index: 101; } #testimonial-content-section .cycle-pager { display: inline-block; font-family: arial; font-size: 24px; font-size: 1.5rem; line-height: 0; padding: 0 7px; } #testimonial-content-section .cycle-pager span { background-color: transparent; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid; clear: both; cursor: pointer; display: inline-block; font-size: 0; height: 12px; line-height: 12px; margin: 0 7px; width: 12px; } #testimonial-content-section .cycle-pager > * { cursor: pointer; } #testimonial-content-section .more-link { display: none; } #testimonial-content-section .post-thumbnail img { -webkit-border-radius: 100%; border-radius: 100%; height: 108px; width: 108px; } /** * 14.6 - Events Section */ #events-section { background-size: cover; } #events-section.has-foreground-image .wrapper:before { background-size: contain; content: ""; display: block; height: 100%; position: absolute; left: 0; top: 150px; width: 100%; } #events-section.has-foreground-image .section-content-wrapper { padding-top: 150px; } .events-content-wrapper .entry-header { margin: 0; } .events-content-wrapper .entry-meta a, .events-content-wrapper .entry-meta a:hover, .events-content-wrapper .entry-meta a:focus { text-decoration: none; } #events-section .date-week-day, #events-section .date-month { display: block; } #events-section .date-week-day { font-weight: 300; font-size: 22px; font-size: 1.3755rem; line-height: 28px; text-transform: uppercase; } #events-section .date-month { font-size: 36px; font-size: 2.25rem; font-weight: 700; line-height: 1.3125; } #events-section .entry-meta { border-bottom: 2px solid #333; margin: 0 0 21px; padding: 0 0 21px; } #events-section .section-content-wrapper .entry-summary, #events-section .section-content-wrapper .entry-content { font-size: 16px; font-size: 1rem; margin: 7px 0 0; } /** * 14.7 - Promotional Headline */ .promotion-section.section { padding: 0; } .promotion-section { border: none; padding: 0; position: relative; text-align: center; } .promotion-section .hentry { margin: 0; } .post-thumbnail-background { background-attachment: fixed; 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; } .post-thumbnail-background:before { background-color: rgba(0,0,0,0.1); bottom: 0; content: ""; left: 0; right: 0; position: absolute; top: 0; } .promotion-section .post-thumbnail-background { z-index: 1; } .promotion-section .content-wrapper { padding: 0 30px; } .promotion-section .entry-container { max-width: 730px; margin: 84px 0; position: relative; z-index: 2; } .promotion-section.content-align-right .entry-container { float: right; } .promotion-section.content-align-center .entry-container { display: block; margin-left: auto; margin-right: auto; } .promotion-section.content-frame .entry-container-frame { padding: 3em; } .promotion-section .cover-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } #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 { -webkit-border: none; border:none; -webkit-border-radius: 50%; border-radius: 50%; padding: 15px 19px; height: 50px; width: 50px; } #promotion-section .play-button-text { text-transform: uppercase; font-weight: 700; font-size: 16px; font-size: 1rem; margin-left: 14px; } /** * 14.8 - Playlist Section */ #playlist-section { border: none; position: relative; } .playlist-content-wrapper .hentry-inner { position: relative; } .playlist-content-wrapper .post-thumbnail { background-position: center center; background-size: cover; content: ""; float: left; margin: 0; padding-bottom: 100%; position: relative; width: 100%; } .playlist-content-wrapper .post-thumbnail a { border: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .playlist-content-wrapper .entry-container { clear: both; padding: 21px; width: 100%; } .playlist-content-wrapper .wp-playlist .wp-playlist-current-item { display: none; margin: 0; } #playlist-section .wp-playlist-item { border: none; } /** * 14.9 - 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: a 1s linear infinite; animation: a 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 a { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes a { 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; } .mejs-controls:not([style*="display: none"]) { background: rgba(255, 0, 0, .7); background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .35)); background: linear-gradient(transparent, rgba(0, 0, 0, .35)); } .mejs-button, .mejs-time, .mejs-time-rail { font-size: 10px; height: 40px; line-height: 10px; margin: 0; width: 40px; } .mejs-button>button { background: transparent url(/wp-includes/js/mediaelement/mejs-controls.svg); 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; color: #fff; font-size: 16px; font-size: 1rem; 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: 5px; position: absolute; } .mejs-time-total { background: hsla(0, 0%, 100%, .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, hsla(0, 0%, 100%, .4) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .4) 0, hsla(0, 0%, 100%, .4) 75%, transparent 0, transparent); background: linear-gradient(-45deg, hsla(0, 0%, 100%, .4) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .4) 0, hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .3); } .mejs-time-current, .mejs-time-handle-content { background : #fb3a64; } .mejs-time-hovered { background: hsla(0, 0%, 100%, .5); z-index: 10; } .mejs-time-hovered.negative { background: rgba(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 .1s cubic-bezier(.44, 0, 1, 1); transition: height .1s cubic-bezier(.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; border-color: #fb3a64; 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: 2px solid; border-color: #fb3a64; 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, .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: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .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: 56px; } .mejs-horizontal-volume-total { background: rgba(50, 50, 50, .8); height: 8px; top: 16px; width: 50px; } .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: hsla(0, 0%, 100%, .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, .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: hsla(0, 0%, 100%, .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: hsla(0, 0%, 8%, .5); box-shadow: 5px 0 0 hsla(0, 0%, 8%, .5), -5px 0 0 hsla(0, 0%, 8%, .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 * { font-family: Helvetica, Arial; } .mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { background: #f4f4f4; } .mejs-time { font-weight: 400; word-wrap: normal; } .mejs-controls a.mejs-horizontal-volume-slider { display: table; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #fff; } .mejs-controls .mejs-time-rail .mejs-time-current { background: #0073aa; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-time-rail .mejs-time-total { background: rgba(255, 255, 255, .33); } .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: 12px; font-size: 0.75rem; line-height: 1.5; } .wp-playlist .mejs-container { margin: 0; max-width: 100%; } .wp-playlist .mejs-controls .mejs-button button { outline: 0; } .wp-playlist-light { background: #fff; color: #000; } .wp-playlist-dark { color: #fff; background: #232323; } .wp-playlist-caption { max-width: 88%; } .wp-playlist-item .wp-playlist-caption { text-decoration: none; color: #000; max-width: -webkit-calc(100% - 60px); max-width: calc(100% - 60px); } .wp-playlist-item-title { font-size: 14px; line-height: 1.5; } .wp-playlist-item-album { font-style: italic; } .wp-playlist-item-artist { font-size: 12px; font-size: 0.75rem; text-transform: capitalize; } .wp-playlist-item-length { position: absolute; right: 3px; top: 0; font-size: 14px; line-height: 1.5; } .wp-playlist-tracks { margin-top: 10px; } .wp-playlist-item { position: relative; cursor: pointer; padding: 0 3px; border-bottom: 1px solid #ccc; } .wp-playlist-item:last-child { border-bottom: 0; } .wp-playlist-dark .wp-playlist-caption { color: #ddd; } .wp-playlist-playing { font-weight: normal; background: #f7f7f7; } .wp-playlist-light .wp-playlist-playing { background: #fff; color: #000; } .wp-playlist-dark .wp-playlist-playing { background: #000; color: #fff; } .wp-playlist-current-item { overflow: hidden; margin-bottom: 10px; height: 60px; } .wp-playlist .wp-playlist-current-item img { float: left; max-width: 55px; 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;; } .audioman-mejs-container.mejs-container { background: 0 0; } .audioman-mejs-container.mejs-container .mejs-controls { background: 0 0; margin: 0; position: relative; padding: 0.9375em; height: auto; } .audioman-mejs-container.mejs-container .mejs-controls a:hover { opacity: 1; } .audioman-mejs-container.mejs-container .mejs-controls .mejs-button { cursor: pointer; display: block; position: relative; } .audioman-mejs-container.mejs-container .mejs-controls .mejs-button.mejs-previous, .audioman-mejs-container.mejs-container .mejs-controls .mejs-button.mejs-next { display: none; } .audioman-mejs-container.mejs-container .mejs-button button { background: 0 0; margin: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 40px; } .audioman-mejs-container.mejs-container .mejs-controls .mejs-button button:before { font-size: 16px; font-size: 1rem; line-height: 40px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; } .audioman-mejs-container.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .audioman-mejs-container.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { border-radius: 0; height: 4px; top: 10px; } .audioman-mejs-container.mejs-container .mejs-controls .mejs-time { color: #4d4d4d; font-size: 12px; font-size: 0.75rem; font-weight: 400; height: 40px; line-height: 40px; padding-bottom: 0; padding-top: 0; } .audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail { height: 40px; margin: 0; padding: 18px 0 0; } .audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total, .audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded, .audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { border: none; margin: 0; } .audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { height: 0; overflow: hidden; top: -1.9em; visibility: hidden; } .audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner { border-top-color: #ddd; } .audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total, .audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded, .audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { background-color: #fff; } .audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background-color: #c3b17c; } .audioman-mejs-container.mejs-container .mejs-controls .mejs-horizontal-volume-slider { height: 10px; margin-top: 18px; } .audioman-mejs-container.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .audioman-mejs-container.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; top: 0; bottom: 0; left: 0; } .audioman-mejs-container.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: #fff } .audioman-mejs-container.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #c3b17c; } .audioman-mejs-container.mejs-container button { color: #373737; } .wp-playlist-dark .audioman-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;; } body #playlist-section .wp-playlist { margin: 0.875em -1.3125em 1.3125em; } body .wp-playlist .wp-playlist-current-item img { margin-right: 14px; width: 55px; height: 55px; } body .wp-playlist-caption, body .wp-playlist-item-title { font-size: 16px; font-size: 1rem; line-height: 1.75; } body .wp-playlist-caption:hover { opacity: 1; } body .wp-playlist-current-item { border:none; height: auto; margin-bottom: 0; padding: 0.9375em 1.75em } body .wp-playlist-current-item .wp-playlist-item-title, body .wp-playlist-playing { font-weight: normal; } body .wp-playlist-tracks { border: none; margin: 0; padding: 14px 0; } body .wp-playlist-item { padding: 0.625em 1.75em; } body .wp-playlist-dark .wp-playlist-playing { background: transparent; } body .wp-playlist-dark .wp-playlist-item { padding: 0.625em 1.75em; } body .wp-playlist-item, body .wp-playlist-item:last-child { border-bottom: none; } body .wp-playlist-item-length { font-size: 16px; font-size: 1rem; top: auto; right: 1.75em; bottom: 1.23076923em; } body .wp-playlist-item-album { font-style: normal; } body .wp-playlist-item-artist { display: block; } body .wp-playlist-light .wp-playlist-caption, body .wp-playlist-current-item .wp-playlist-item-title, body .wp-playlist-playing { background: 0 0; } body .wp-playlist-playing, body .wp-playlist-light .wp-playlist-playing { background: 0 0; } .audioman-mejs-container.mejs-container .mejs-toggle-playlist button:before { content: "\f0ca"; } .audioman-mejs-container.mejs-container .mejs-toggle-playlist.is-open button:before { content:"\f00d"; } .audioman-mejs-container.mejs-container .mejs-next button:before { content:"\f051"; } .audioman-mejs-container.mejs-container .mejs-previous button:before { content:"\f048"; } .audioman-mejs-container.mejs-container .mejs-play button:before, .audioman-mejs-container.mejs-container .mejs-replay button:before { content:"\f04b"; } .audioman-mejs-container.mejs-container .mejs-pause button:before { content:"\f04c"; } .audioman-mejs-container.mejs-container .mejs-volume-button button:before { content:"\f028"; } .audioman-mejs-container.mejs-container .mejs-volume-button.mejs-unmute button:before { content:"\f026"; } .audioman-mejs-container.mejs-container .mejs-fullscreen-button button:before { content:"\f0b2"; } /** * 14.10 - Top Playlist Section */ #top-playlist-section { border: 0; overflow: initial; padding: 0; width: 100%; bottom: 0; left: 0; position: fixed; z-index: 200; } #top-playlist-section .wp-playlist, #top-playlist-section .entry-content, #playlist-section .entry-content { margin: 0; } #top-playlist-section .wp-playlist-item { padding: 0.857em 1.25em; } #top-playlist-section .wp-playlist-current-item { padding: 0 21px 0 0; } #top-playlist-section .wp-playlist .wp-playlist-item-album { display: none; } #top-playlist-section .wp-playlist-item-length { right: 1.75em; } #top-playlist-section .wp-playlist-tracks { right: 0; left: 0; padding: 0; position: absolute; bottom: 100%; max-width: 100%; margin: 0 auto; width: 100%; z-index: 9999; } .audioman-mejs-top-playlist-container.mejs-container .mejs-time, .audioman-mejs-top-playlist-container.mejs-container .mejs-time-rail, .audioman-mejs-top-playlist-container.mejs-container .mejs-button.mejs-volume-button, .audioman-mejs-top-playlist-container.mejs-container a.mejs-horizontal-volume-slider { display: none; } #top-playlist-section .audioman-mejs-container.mejs-container .mejs-button.mejs-toggle-playlist button:before, #top-playlist-section .audioman-mejs-container.mejs-container .mejs-controls .mejs-button.mejs-playpause-button button:before { font-size: 18px; font-size: 1.125rem; } #top-playlist-section .wp-playlist-caption, #top-playlist-section .wp-playlist-item-title, #top-playlist-section .wp-playlist-item-length { font-size: 14px; font-size: 0.875rem; } #top-playlist-section .wp-playlist-item-title { line-height: 1.692307692307692; } #top-playlist-section .wp-playlist, #top-playlist-section .wp-playlist-current-item { 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; } #top-playlist-section .wp-playlist-current-item { -webkit-box-flex: 0; -ms-flex: 0 1 43%; flex: 0 1 43%; } #top-playlist-section .audioman-mejs-top-playlist-container { -webkit-box-flex: 0; -ms-flex: 0 1 57%; flex: 0 1 57%; } #top-playlist-section .audioman-mejs-container.mejs-container .mejs-controls { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #top-playlist-section .mejs-container.audioman-mejs-container .mejs-inner { margin-right: 50px; } #top-playlist-section .mejs-container.audioman-mejs-container .mejs-toggle-playlist { position: absolute; right: 0; top: 0; height: 100%; width: 55px; } #top-playlist-section .mejs-container.audioman-mejs-container .mejs-toggle-playlist button { background-color: transparent; background-image: none; border-radius: 0; background: 0 0; width: 55px; } #top-playlist-section .audioman-mejs-container.mejs-container .mejs-time { font-size: 13px; font-size: 0.8125rem; } #top-playlist-section .audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button, #top-playlist-section .audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button:hover, #top-playlist-section .audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button:focus { background: none; } #top-playlist-section .audioman-mejs-top-playlist-container { margin: 0; } #top-playlist-section .audioman-mejs-container.mejs-container .mejs-controls { padding: 0.5em 0 0.438em; } .wp-video-playlist .audioman-mejs-container.mejs-container .mejs-controls { position: absolute; bottom: 0; left: 0; width: 100%; } /** * 14.11 - Gallery Section */ #gallery-section { border-bottom: none; } #gallery-section .gallery-item .gallery-icon a:before, #gallery-section .tiled-gallery .tiled-gallery-item a:before { background-color: rgba(0, 0, 0, 0.5); } #gallery-section .gallery-item .gallery-icon a:before, #gallery-section .tiled-gallery .tiled-gallery-item a:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } #gallery-section .gallery-item .gallery-icon a:after, #gallery-section .tiled-gallery .tiled-gallery-item a:after { -webkit-border-radius: 50px; border-radius: 50px; cursor: pointer; display: block; font-size: 18px; font-size: 1.125rem; height: 38px; padding: 10px 12px; width: 38px; text-align: center; z-index: 2; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } #gallery-section .gallery-item .gallery-icon a:before, #gallery-section .gallery-item .gallery-icon a:after, #gallery-section .tiled-gallery .tiled-gallery-item a:before, #gallery-section .tiled-gallery .tiled-gallery-item a:after { opacity: 0; } #gallery-section .gallery-item .gallery-icon:hover a:before, #gallery-section .gallery-item .gallery-icon:hover a:after, #gallery-section .gallery-item .gallery-icon:focus a:before, #gallery-section .gallery-item .gallery-icon:focus a:after, #gallery-section .tiled-gallery .tiled-gallery-item:hover a:before, #gallery-section .tiled-gallery .tiled-gallery-item:hover a:after, #gallery-section .tiled-gallery .tiled-gallery-item:focus a:before, #gallery-section .tiled-gallery .tiled-gallery-item:focus a:after { opacity: 1; } #gallery-section .entry-container p, #gallery-section .entry-container h1, #gallery-section .entry-container h2, #gallery-section .entry-container h3, #gallery-section .entry-container h4, #gallery-section .entry-container h5, #gallery-section .entry-container h6, #gallery-section .entry-container textarea { max-width: 900px; margin-left: auto; margin-right: auto; padding: 0 35px; } #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 { padding: 0; position: relative; margin: 1.111111111111111em 0; } #gallery-section .section-content-wrapper .entry-content { margin: 0; } /** * 15.0 - WooCommerce */ /** * 15.1 - Clearing */ .woocommerce-shorting-wrapper:before, .woocommerce-shorting-wrapper:after { content: ""; display: table; table-layout: fixed; } .woocommerce-shorting-wrapper:after { clear: both; } /** * 15.2 - Layout */ .woocommerce-products-header, .single-product .woocommerce-posts-wrapper { margin: 0 auto; max-width: 990px; width: 100%; } .woocommerce-products-header { text-align: center; } .woocommerce-posts-wrapper { padding-bottom: 0; } .woocommerce-products-header .page-description { margin-top: 24px; } .woocommerce-products-header .page-description p { margin-bottom: 0; } .woocommerce-products-header .page-title { margin-bottom: 16px; } .woocommerce-shorting-wrapper { border-top: 1px solid; border-bottom: 1px solid; clear: both; display: block; padding: 24px 20px; } .woocommerce-ordering, .woocommerce-result-count { display: inline-block; margin: 0; } .woocommerce-result-count { float: left; } .woocommerce-ordering { clear: none; float: right; } /** * 15.3 - Shop tables */ table.shop_table_responsive thead { display: none; } table.shop_table_responsive tbody th { display: none; } table.shop_table_responsive tr td { clear: both; display: block; padding: 0.778em; text-align: right; } table.shop_table_responsive tr td:before { content: attr(data-title) ": "; float: left; } table.shop_table_responsive tr td.product-remove a { -webkit-border-radius: 50%; border-radius: 50%; display: block; font-size: 24px; font-size: 1.5rem; margin: 0 auto; text-align: center; height: 40px; width: 40px; } table.shop_table_responsive tr td a, .product-container a.added_to_cart { text-decoration: none; } table.shop_table_responsive tr td.product-remove:before { display: none; } table.shop_table_responsive tr td.actions:before, table.shop_table_responsive tr td.download-actions:before { display: none; } table.shop_table_responsive tr td.download-actions .button { display: block; text-align: center; } /** * 15.4 - Products */ ul.products { content: ""; display: table; table-layout: fixed; margin: 0; padding: 0; width: 100%; } ul.products li.product { list-style: none; float: left; padding: 20px; position: relative; margin: 0; } ul.products li.product a { text-decoration: none; } ul.products li.product .woocommerce-loop-product__title { line-height: 1.4; margin: 0; } ul.products li.product .price { font-size: 16px; font-size: 1rem; line-height: 1.75; } ul.products li.product img { display: block; margin: 0 auto; } .product-container { padding: 28px; } .product-container a { display: block; } .product-container a.button, .woocommerce .product-container .wc-forward { display: inline-block; margin-top: 10px; } /** * 15.5 - Infinite Scroll */ .infinite-scroll .woocommerce-pagination { display: none; } /** * 15.6 - Onsale */ .onsale { background-color: #c0b283; color: #fff; -webkit-border-radius: 0; border-radius: 0; font-size: 11px; font-size: 0.6875rem; line-height: 1.2; min-height: auto; min-width: auto; margin: 0; padding: 7px 14px; position: absolute; top: 0; left: 0; right: auto; letter-spacing: 0.1em; text-align: center; text-transform: uppercase; } ul.products .onsale { top: 20px; left: 20px; } /** * 15.7 - Price */ span.price del, p.price del { opacity: .5; } span.price ins, p.price ins { background: transparent; } .price del + ins { margin-left: .327em; } /** * 15.8 - Buttons */ .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce .product-container .wc-forward { padding: 12px 28px 11px; } .woocommerce button.pswp__button:hover, .woocommerce button.pswp__button:focus { background-color: transparent; background-image: none; } .woocommerce-form-login button[type="submit"] { margin-right: 14px; } .woocommerce .product-container .wc-forward { -webkit-border-radius: 22px; border-radius: 22px; font-size: 13px; font-size: 0.8125rem; font-weight: 800; line-height: 1.615384615384615; letter-spacing: 0.071em; margin-top: 10px; padding: 7px 18px; text-decoration: none; text-transform: uppercase; } .woocommerce .product-container .button { background-color: transparent; background-image: none; border: 2px solid; font-size: 13px; font-size: 0.8125rem; line-height: 1.615384615384615; padding: 5px 18px; } .woocommerce .product-container .button:hover, .woocommerce .product-container .button:focus { border-color: transparent; } .widget .woocommerce-mini-cart__buttons { margin-bottom: 0; } .woocommerce-mini-cart__buttons .button { margin: 0 7px 7px 7px; } /** * 15.9 - Single product */ .single-product div.product { content: ""; display: table; table-layout: fixed; position: relative; } .single-product div.product div.images { margin-bottom: 1.75em; } .single-product div.product .woocommerce-product-gallery, .single-product div.product .entry-summary { float: none; text-align: left; width: 100%; } .single-product div.product .woocommerce-product-gallery { position: relative; } .single-product div.product .onsale { z-index: 2; } .single-product div.product figure { margin: 0; } .single-product div.product .entry-summary { margin: 0; padding: 0; } .single-product div.product .entry-summary .entry-title { text-align: left; 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 { margin: 0.778em 0; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute; top: 1em; right: 1em; display: block; z-index: 99; } .single-product div.product .woocommerce-product-gallery .flex-viewport { margin-bottom: 1em; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs { content: ""; display: table; table-layout: fixed; margin: 0; padding: 0; width: 100%; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li { list-style: none; cursor: pointer; float: left; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img { opacity: .5; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { opacity: 1; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img { opacity: 1; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li { width: 50%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li { width: 33.3333333%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { width: 25%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { width: 20%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) { clear: both; } .single-product div.product form.cart { margin: 0 0 1.944em; } .single-product div.product form.cart .quantity { float: left; margin-right: 21px; } .single-product .product_meta { display: block; font-size: 13px; font-size: 0.8125; padding-top: 0; } .single-product .woocommerce-variation-price { margin: 0 0 1.5em; } .variations .reset_variations { margin-left: 14px; } .single-product .product_meta a, .woocommerce-info a, .variations .reset_variations { text-decoration: none; } .single-product div.product .related, .single-product div.product .upsells, .cart-collaterals .cross-sells, .cart-collaterals .cart_totals { margin-top: 35px; } .related h2:first-of-type { margin-bottom: 0.778em; } .cart-collaterals .cross-sells { text-align: center; } #reviews #comments ol.commentlist, ul.woocommerce-error { margin-left: 0; list-style: none; } #reviews #comments ol.commentlist li { margin-bottom: 1.5em; position: relative; } #reviews #comments ol.commentlist li img.avatar { -webkit-border-radius: 50%; border-radius: 50%; float: left; position: absolute; top: 7px; left: 0; width: 60px; } #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 60px; padding: 0 0 0 35px; } #reviews #comments ol.commentlist li .star-rating { float: right; } #reviews #comments ol.commentlist .meta { margin-bottom: 7px; } #reviews .comment-respond .comment-form-rating { margin-top: 7px; text-align: center; } #reviews .comment-respond .comment-form-rating .stars { margin-top: 7px; margin-bottom: 21px; } #reviews .comment-respond .comment-reply-title { display: block; margin-bottom: 21px; } .stock:empty:before { display: none; } .stock.in-stock { color: #0f834d; } .stock.out-of-stock { color: #e2401c; } /** * 15.10 - Checkout */ table.shop_table, .quantity .qty { font-size: 16px; font-size: 1rem; } table.cart .product-thumbnail { text-align: center; } table.cart .product-thumbnail:before { display: none; } table.cart .product-thumbnail img { margin: 0 auto; width: 80px; } table.cart .coupon label { display: none; } table.cart td.actions input, table.cart td.actions .button { margin: 14px 0; display: block; width: 100%; } .woocommerce .wc-proceed-to-checkout a.button { width: 100%; } .cart_totals h2, .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; } /** * 15.11 - My account */ .woocommerce-account .woocommerce-MyAccount-navigation { border-top: 1px solid; margin: 0 0 1.5em; } .woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; } .woocommerce-account .woocommerce-MyAccount-navigation li { border-bottom: 2px solid; margin: 0; } .woocommerce-account .woocommerce-MyAccount-navigation a { display: block; text-decoration: none; padding: 7px 21px; } .woocommerce-MyAccount-content { padding-top: 30px; } .woocommerce-MyAccount-content > :last-child { margin-bottom: 0; } .woocommerce-MyAccount-content fieldset { margin: 0 0 1.5em; padding: 7px 15px; } .woocommerce-MyAccount-content fieldset p { margin: 0 0 1.5em; } .woocommerce-MyAccount-content .woocommerce-orders-table__cell .woocommerce-button { margin-bottom: 7px; } .woocommerce-MyAccount-content .woocommerce-orders-table__cell .woocommerce-button:last-child { margin-bottom: 0; } /** * 15.12 - General WooCommerce components */ /** * 15.12.1 - Header cart */ .site-header-cart { content: ""; display: table; list-style: none; margin: 0; padding: 5px; position: relative; table-layout: fixed; } .site-header-cart li { margin: 0; } .site-header-cart .cart-contents { background-color: transparent; display: block; font-size: 16px; font-size: 1rem; letter-spacing: 0.1em; line-height: 1.375; padding: 17px; text-decoration: none; text-transform: uppercase; } .site-header-cart .cart-contents .count { margin-left: 7px; } .navigation-classic .menu-inside-wrapper .site-header-cart .cart-contents { display: inline-block; } .navigation-classic .site-header-cart .cart-contents .count, .navigation-classic .site-header-cart .cart-contents .amount { display: inline; } .site-header-cart .cart-contents .count, .site-header-cart .cart-contents .amount, .navigation-classic .site-header-cart .cart-contents .count, .navigation-classic .site-header-cart .cart-contents .amount { display: none; } .site-header-cart .widget_shopping_cart { display: none; font-size: 16px; font-size: 1rem; } .site-header-cart .product_list_widget { list-style: none; margin: 0; padding: 0; } .site-header-cart .product_list_widget .mini_cart_item, .site-header-cart .woocommerce-mini-cart__total, .site-header-cart .woocommerce-mini-cart__empty-message { margin: 0; padding: 14px 20px; } .site-header-cart .product_list_widget .mini_cart_item .remove_from_cart_button { margin-right: 5px; } .site-header-cart .product_list_widget .mini_cart_item a { text-decoration: none; } .site-header-cart .product_list_widget .mini_cart_item a:hover, .site-header-cart .product_list_widget .mini_cart_item a:focus { text-decoration: underline; } .product_list_widget li img { max-width: 4.688em; float: right; } .site-header-cart .product_list_widget img { margin-left: 1em; } .site-header-cart .woocommerce-mini-cart__total, .site-header-cart .woocommerce-mini-cart__buttons { text-align: center; } .site-header-cart .woocommerce-mini-cart__buttons a { display: block; margin: 14px 30px; padding: 12px 28px 11px; } .site-header-menu > #site-header-cart-wrapper { display: none; } #primary-menu-wrapper #site-header-cart-wrapper { display: block; text-align: center; width: 100%; } #primary-menu-wrapper .site-header-cart { display: block; padding: 14px 30px; } #primary-menu-wrapper .site-header-cart .cart-contents { padding: 0; width: 100%; } #primary-menu-wrapper .site-header-cart .cart-contents:before { margin-right: 7px; } #primary-menu-wrapper .site-header-cart .cart-contents .amount, #primary-menu-wrapper .site-header-cart .cart-contents .count { display: inline-block; } /** * 15.12.2 - Pagination */ .woocommerce-pagination { margin: 0; text-align: center; } .woocommerce-pagination ul { display: inline-block; margin: 0 auto; } .woocommerce-pagination ul li { display: inline-block; list-style: none; height: 2.5em; line-height: 2.5em; margin: 0.125em; text-align: center; width: 2.5em; } .woocommerce-pagination ul li span.current, .woocommerce-pagination ul li a { -webkit-border-radius: 50%; border-radius: 50%; display: block; } .woocommerce-pagination ul li a { background-color: transparent; text-decoration: none; } /** * 15.12.3 - Star rating */ .star-rating { font-size: 0.8em; font-family: 'star'; font-weight: 400; height: 1.618em; line-height: 1.618; margin: 7px 0; overflow: hidden; position: relative; width: 5.3em; } .widget .star-rating { margin: 0 7px 0 0; } .widget_rating_filter ul li .star-rating { font-size: 16px; font-size: 1rem; line-height: 1.2; display: inline-block; vertical-align: bottom; } .widget_rating_filter .wc-layered-nav-rating a { text-decoration: none; } .star-rating:before { content: "\53\53\53\53\53"; opacity: .25; float: left; top: 0; left: 0; position: absolute; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; } p.stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; text-decoration: none; margin-right: 1px; font-weight: 400; } p.stars a:before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: "star"; content: "\53"; text-indent: 0; opacity: .25; } p.stars a:hover ~ a:before { content: "\53"; opacity: .25; } p.stars:hover a:before { content: "\53"; opacity: 1; } p.stars.selected a.active:before { content: "\53"; opacity: 1; } p.stars.selected a.active ~ a:before { content: "\53"; opacity: .25; } p.stars.selected a:not(.active):before { content: "\53"; opacity: 1; } /** * 15.12.4 - Tabs */ .woocommerce-tabs { clear: both; display: block; overflow: hidden; } .woocommerce-tabs ul.tabs { list-style: none; margin: 3.111em 0 0; padding: 0; position: relative; text-align: left; text-transform: capitalize; } .woocommerce-tabs ul.tabs:after { position: absolute; content: ' '; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid; z-index: 1; } .woocommerce-tabs ul.tabs li { display: inline-block; margin: 0; position: relative; } .woocommerce-tabs ul.tabs li a { display: block; padding: 21px 35px 21px 0; text-decoration: none; } .woocommerce-tabs .panel { border-top: 1px solid; margin: 0; padding: 35px 0 0; text-align: left; } .woocommerce-tabs .panel h2:first-of-type { font-size: 22px; font-size: 1.375rem; margin-bottom: 28px; } .woocommerce-tabs .panel p:last-child { margin-bottom: 0; } /** * 15.12.5 - 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; } /** * 15.12.6 - Forms */ .form-row.woocommerce-validated input.input-text { box-shadow: inset 2px 0 0 #0f834d; } .form-row.woocommerce-invalid input.input-text { box-shadow: inset 2px 0 0 #e2401c; } .required { color: #fb3a64; } .quantity .qty { -webkit-border-radius: 0; border-radius: 0; margin: 0; padding: 10px 7px; width: 3.54em; text-align: center; } /** * 15.12.7 - Notices */ .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { clear: both; content: ""; display: table; margin-bottom: 1.5em; padding: 2em; table-layout: fixed; width: 100%; } .woocommerce-message a.button { margin-right: 14px; } .woocommerce-info, .woocommerce-message { border-top: 4px solid; } .woocommerce-error { border-top: 4px solid #e2401c; } .woocommerce-error li:last-child { margin-bottom: 0; } .demo_store { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: fixed; left: 0; bottom: 0; right: 0; margin: 0; padding: 1em; z-index: 9999; } ul.wc_payment_methods { list-style: none; margin: 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 26px; font-size: 16px; font-size: 1rem; line-height: 1.5; margin: 7px 0; } #add_payment_method #payment .payment_method_paypal img, .woocommerce-cart #payment .payment_method_paypal img, .woocommerce-checkout #payment .payment_method_paypal img { margin-left: 7px; max-height: 33px; } .demo_store .woocommerce-store-notice__dismiss-link { -webkit-border-radius: 22px; border-radius: 22px; float: right; font-size: 14px; font-size: 0.875rem; font-weight: 800; letter-spacing: 0.071em; line-height: 1; margin-left: 14px; padding: 15px 28px; text-shadow: 0 1px 0 rgba(105,47,69,0.50); text-decoration: none; text-transform: uppercase; } /** * 15.12.8 - WooCommerce widgets */ /** * 15.12.8.1 - WooCommerce Price Filter */ .widget_price_filter .price_slider { margin-bottom: 1.5em; } .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4em; } .widget_price_filter .price_slider_amount .button { float: left; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; cursor: ew-resize; outline: none; box-sizing: border-box; margin-top: -.25em; opacity: 1; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -1em; } .widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1); } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; } .widget_price_filter .ui-slider-horizontal { height: .5em; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { height: 100%; } dl.variation { font-size: 14px; font-size: 0.875rem } dl.variation dd { margin: 0; } dl.variation p { margin-bottom: 7px; } .widget_layered_nav_filters a:before { content: "x"; margin-right: 7px; } .columns-1 ul.products li.product { width: 100%; margin-right: 0; } .woocommerce-checkout-payment .place-order { padding: 1em; } .site-header-cart .product_list_widget .mini_cart_item span.quantity { display: block; } #site-header-cart-wrapper { text-align: left; } .widget.woocommerce ul li > span, .widget.woocommerce ul li del > span, .widget.woocommerce ul li ins > span { font-size: 14px; font-size: 0.875rem; } /** * 16.0 - Media Queries */ /** * Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See https://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } /** * 16.1 - >= 480px */ @media screen and (min-width: 30em) { /* Woocommerce styles */ .columns-2 ul.products li.product, .columns-4 ul.products li.product, .columns-6 ul.products li.product { width: 50%; } ul.products.columns-2 li.product:nth-child(2n+1), ul.products.columns-4 li.product:nth-child(2n+1), ul.products.columns-6 li.product:nth-child(2n+1) { clear: both; }/* Woocommerce styles end here */ .wp-custom-logo .custom-logo-link, .wp-custom-logo .site-identity { display: inline-block; } .wp-custom-logo .custom-logo-link { margin-right: 15px; margin-bottom: 0; } .site-header-menu .menu-label { display: inline-block; } .has-header-image.home .custom-header-media, .has-header-video.home .custom-header-media { height: 1200px; height: 100vh; max-height: 100%; overflow: hidden; } .top-playlist-enabled.has-header-image.home .custom-header-media, .top-playlist-enabled.has-header-video.home .custom-header-media { height: calc(100vh - 55px); } .admin-bar.has-header-image.home .custom-header-media, .admin-bar.has-header-video.home .custom-header-media { height: calc(100vh - 46px); } .admin-bar.top-playlist-enabled.has-header-image.home .custom-header-media, .admin-bar.top-playlist-enabled.has-header-video.home .custom-header-media { height: calc(100vh - 101px); } } /** * 16.2 - >= 601px */ @media screen and (min-width: 37.5625em) { .admin-bar .flashy-overlay .flashy-close { top: 46px; } } /** * 16.3 - >= 640px */ @media screen and (min-width: 40em) { /* Woocommerce styles */ .site-header-cart { padding: 10px 15px; } .site-header-cart .widget_shopping_cart { top: 71px; } table.cart td.actions { text-align: right; } table.cart td.actions .coupon { display: inline-block; float: left; } table.cart td.actions input, table.cart td.actions .button, .woocommerce .wc-proceed-to-checkout a.button { display: inline-block; width: auto; } .single-product div.product div.images { margin-bottom: 0; } .single-product div.product .woocommerce-product-gallery, .single-product div.product .entry-summary { float: left; text-align: left; width: 50%; } .single-product div.product .entry-summary { margin: 0; padding-left: 40px; }/* Woocommerce styles end here */ .menu-toggle { padding: 12px; } .menu-toggle-wrapper { padding: 15px; } .menu-inside-wrapper { top: 71px; } .playlist-content-wrapper .hentry-inner { display: table; table-layout: fixed; width: 100%; } .playlist-content-wrapper .post-thumbnail { display: table-cell; vertical-align: middle; bottom: 0; left: 0; margin: 0; padding-bottom: 0; position: absolute; top: 0; width: 45%; } .playlist-content-wrapper .entry-container { display: table-cell; float: right; padding: 28px 40px; vertical-align: middle; width: 55%; } .playlist-content-wrapper .entry-container.full-width { display: block; float: none; margin: 0 auto; max-width: 960px; padding: 0; width: 100%; } .playlist-content-wrapper .entry-header, .playlist-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; } #testimonial-content-section.layout-two .cycle-prev, #testimonial-content-section.layout-two .cycle-next { display: block; } #testimonial-content-section.layout-two .hentry { width: 50%; } #testimonial-content-section.layout-two .hentry { padding-left: 35px; padding-right: 35px; } #testimonial-content-section.layout-two .hentry:nth-child(2n+1) { clear: both; } .excerpt-image-left .has-post-thumbnail .post-wrapper, .excerpt-image-right .has-post-thumbnail .post-wrapper { 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%; } .excerpt-image-right .has-post-thumbnail .post-wrapper .entry-container, .excerpt-image-left .has-post-thumbnail .post-wrapper .post-thumbnail { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .excerpt-image-right .has-post-thumbnail .post-wrapper .post-thumbnail, .excerpt-image-left .has-post-thumbnail .post-wrapper .entry-container { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .excerpt-image-left .has-post-thumbnail .post-wrapper .post-thumbnail, .excerpt-image-right .has-post-thumbnail .post-wrapper .post-thumbnail { -webkit-box-flex: 0; -webkit-flex: 0 1 40%; -moz-box-flex: 0; -ms-flex: 0 1 40%; flex: 0 1 40%; margin: 0; } .excerpt-image-left .has-post-thumbnail .post-wrapper .entry-container, .excerpt-image-right .has-post-thumbnail .post-wrapper .entry-container { -webkit-box-flex: 0; -webkit-flex: 0 1 60%; -moz-box-flex: 0; -ms-flex: 0 1 60%; flex: 0 1 60%; margin: 0; } .excerpt-image-left .has-post-thumbnail .post-wrapper .entry-container { padding: 0 0 0 40px; } .excerpt-image-right .has-post-thumbnail .post-wrapper .entry-container { padding: 0 40px 0 0; } .excerpt-image-right .has-post-thumbnail .sticky-post { left: auto; right: 60px; } .excerpt-image-right .has-post-thumbnail .sticky-post, .excerpt-image-left .has-post-thumbnail .sticky-post { position: relative; top: auto; } .excerpt-image-left .has-post-thumbnail .sticky-post { left: auto; } .excerpt-image-right .has-post-thumbnail .sticky-post { right: auto; } .two-columns .hentry { width: 50%; } .three-columns .hentry, .featured-content-wrapper.layout-three .hentry, .portfolio-content-wrapper.layout-three .hentry, .events-content-wrapper.layout-three .hentry, .team-content-wrapper.layout-three .hentry, #colophon .three .widget-column { width: 33.33%; } .four-columns .hentry { width: 25%; } .five-columns .hentry { width: 20%; } .six-columns .hentry { width: 16.66%; } .seven-columns .hentry { width: 14.28%; } .eight-columns .hentry { width: 12.5%; } .nine-columns .hentry { width: 11.11%; } .nine-columns .hentry:nth-child(9n+1), .eight-columns .hentry:nth-child(8n+1), .seven-columns .hentry:nth-child(7n+1), .six-columns .hentry:nth-child(6n+1), .five-columns .hentry:nth-child(5n+1), .four-columns .hentry:nth-child(4n+1), .three-columns .hentry:nth-child(3n+1), .featured-content-wrapper.layout-three .hentry:nth-child(3n+1), .portfolio-content-wrapper.layout-three .hentry:nth-child(3n+1), .events-content-wrapper.layout-three .hentry:nth-child(3n+1), .team-content-wrapper.layout-three .hentry:nth-child(3n+1), .two-columns .hentry:nth-child(2n+1) { clear: both; } .featured-content-wrapper.layout-four .hentry, .portfolio-content-wrapper.layout-four .hentry, .events-content-wrapper.layout-four .hentry, .team-content-wrapper.layout-four .hentry, .featured-content-wrapper.layout-two .hentry, .portfolio-content-wrapper.layout-two .hentry, .events-content-wrapper.layout-two .hentry, .team-content-wrapper.layout-two .hentry, #colophon .two .widget-column, #colophon .four .widget-column, .content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2), .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) { width: 50%; } .portfolio-content-wrapper.layout-five .hentry:first-child { width: 100%; } .portfolio-content-wrapper.layout-five .hentry { width: 50%; } .pagination .prev, .pagination .next { width: auto; height: auto; } .posts-navigation .nav-links div:nth-child(1):nth-last-child(2), .posts-navigation .nav-links div:nth-child(2):nth-last-child(1), .post-navigation .nav-links div:nth-child(1):nth-last-child(2), .post-navigation .nav-links div:nth-child(2):nth-last-child(1) { display: inline-block; width: 48%; } .posts-navigation .nav-links div:nth-child(1):nth-last-child(2) { margin-right: 2%; } .posts-navigation .nav-links div:nth-child(2):nth-last-child(1) { margin-left: 2%; } .post-navigation .nav-links div:nth-child(1):nth-last-child(2) { margin-right: 2%; } .post-navigation .nav-links div:nth-child(2):nth-last-child(1) { margin-left: 2%; } .post-navigation .nav-previous, .posts-navigation .nav-previous { text-align: left; } .post-navigation .nav-next, .posts-navigation .nav-next { float: right; text-align: right; } .post-navigation div + div, .posts-navigation div + div { margin-top: 0; } .content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2), .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) { float: left; } .featured-content-wrapper.layout-four .hentry:nth-child(2n+1), .portfolio-content-wrapper.layout-four .hentry:nth-child(2n+1), .events-content-wrapper.layout-four .hentry:nth-child(2n+1), .team-content-wrapper.layout-four .hentry:nth-child(2n+1), .featured-content-wrapper.layout-two .hentry:nth-child(2n+1), .portfolio-content-wrapper.layout-two .hentry:nth-child(2n+1), .events-content-wrapper.layout-two .hentry:nth-child(2n+1), .team-content-wrapper.layout-two .hentry:nth-child(2n+1), #colophon .two .widget-column:nth-child(2n+1), #colophon .four .widget-column:nth-child(2n+1) { clear: both; } .widget { border-top: none; } .hero-content-wrapper .hentry-inner { display: table; table-layout: fixed; width: 100%; } .hero-content-wrapper .post-thumbnail { display: table-cell; vertical-align: middle; bottom: 0; left: 0; padding-bottom: 0; position: absolute; top: 0; width: 50%; } .content-align-left .playlist-content-wrapper .post-thumbnail { left: auto; right: 0; } .content-align-left .playlist-content-wrapper .entry-container { float: left; } .content-align-left .hero-content-wrapper .post-thumbnail { left: auto; right: 0; } .content-align-left .hero-content-wrapper .entry-container { float: left; } .hero-content-wrapper .entry-container { display: table-cell; float: right; margin: 0; max-width: 780px; padding: 35px; vertical-align: middle; width: 50%; } .hero-content-wrapper .entry-container.full-width { display: block; float: none; max-width: 990px; margin-left: auto; margin-right: auto; width: auto; } .hero-content-wrapper .entry-header, .hero-content-wrapper .entry-title { margin-top: 0; } .excerpt-image-top .archive-post-wrap .entry-container { width: 90%; } body #playlist-section .wp-playlist { margin: 0.875em -2.5em 1.3125em; } .audioman-mejs-container.mejs-container .mejs-controls .mejs-button.mejs-previous, .audioman-mejs-container.mejs-container .mejs-controls .mejs-button.mejs-next { display: block; } } /** * 16.4 - >= 768px */ @media screen and (min-width: 48em) { /* Woocommerce styles */ .site-header-cart { padding: 24px 10px; } table.shop_table { background-color: transparent; } table.cart td.actions input, table.cart td.actions .button { margin: 0; } table.shop_table_responsive tr td { padding: 10px; } table.shop_table_responsive tr td.product-thumbnail { width: 100px; } table.shop_table_responsive thead { display: table-header-group; } table.shop_table_responsive tbody th { display: table-cell; } table.shop_table_responsive tr th, table.shop_table_responsive tr td { text-align: left; } table.shop_table_responsive tr td { display: table-cell; } table.shop_table_responsive tr td:before { display: none; } table.cart .product-thumbnail img { margin: 0; } .col2-set .form-row-first { float: left; margin-right: 3.8%; } .col2-set .form-row-last { float: right; margin-right: 0; } .col2-set .form-row-first, .col2-set .form-row-last { width: 48.1%; } .woocommerce-account .woocommerce-MyAccount-navigation { float: left; width: 30%; margin: 0; } .woocommerce-account .woocommerce-MyAccount-content { float: right; width: 66%; } .woocommerce-account .woocommerce-MyAccount-content p:first-child { margin-top: 0; } .woocommerce-account .woocommerce-MyAccount-content form > h3 { margin-top: 0; } .woocommerce-MyAccount-content { padding-top: 0; } .site-header-cart .cart-contents { padding: 7px 10px; } .site-header-cart .cart-contents .count { display: inline; } .site-header-cart .widget_shopping_cart { -webkit-box-shadow: 0 9px 9px rgba( 0, 0, 0, 0.4 ); -moz-box-shadow: 0 9px 9px rgba( 0, 0, 0, 0.4 ); box-shadow: 0 9px 9px rgba( 0, 0, 0, 0.4 ); position: absolute; top: 100%; width: 285px; z-index: 199; right: -999em; display: block; } .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart { right: 0; display: block; } .site-header-menu > #site-header-cart-wrapper { display: block; } #primary-menu-wrapper #site-header-cart-wrapper { display: none; }/* Woocommerce styles end here */ .audioman-mejs-top-playlist-container.mejs-container .mejs-time, .audioman-mejs-top-playlist-container.mejs-container .mejs-time-rail, .audioman-mejs-top-playlist-container.mejs-container .mejs-button.mejs-volume-button, .audioman-mejs-top-playlist-container.mejs-container a.mejs-horizontal-volume-slider { display: block; } .audioman-mejs-container.mejs-container .mejs-controls .mejs-button.mejs-previous, .audioman-mejs-container.mejs-container .mejs-controls .mejs-button.mejs-next { display: block; } #top-playlist-section .wp-playlist-caption .wp-playlist-item-title:after { content: " - "; } #top-playlist-section .wp-playlist-caption .wp-playlist-item-title, #top-playlist-section .wp-playlist-caption .wp-playlist-item-artist, #top-playlist-section .wp-playlist-caption .wp-playlist-item-album { display: inline; font-size: inherit; opacity: 1; } #top-playlist-section .wp-playlist-current-item { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; } #top-playlist-section .audioman-mejs-top-playlist-container { -webkit-box-flex: 0; -ms-flex: 0 1 75%; flex: 0 1 75%; } #primary-search-wrapper { display: block; } .menu-toggle-wrapper { display: block; float: left; padding: 24px 7px; } .menu-toggle { padding: 7px 10px; } .menu-inside-wrapper { width: 335px; top: 100%; right: 0; opacity: 0; } .is-open .menu-inside-wrapper { visibility: visible; opacity: 1; } .mobile-social-search .search-container { display: none; } #hero-content-section .section-content-wrapper { padding-left: 55px; padding-right: 55px; } #feature-slider-section .entry-container { width: 70%; } #feature-slider-section .entry-container { max-width: 945px; } #feature-slider-section .entry-summary, #feature-slider-section .entry-content { display: block; } #feature-slider-section:hover .cycle-prev, #feature-slider-section:focus .cycle-prev { left: 21px; opacity: 1; filter: alpha(opacity=100); } #feature-slider-section:hover .cycle-next, #feature-slider-section:focus .cycle-next { right: 21px; opacity: 1; filter: alpha(opacity=100); } .custom-logo { margin: 0; } .singular-content-wrap .entry-header .entry-meta { margin: 28px 0 0; } #events-section.has-foreground-image .wrapper:before { background-size: initial; } #events-section.has-foreground-image .section-content-wrapper { padding-top: 250px; } } /** * 16.5 - >= 783px */ @media screen and (min-width: 48.9375em) { .admin-bar.has-header-image.home .custom-header-media, .admin-bar.has-header-video.home .custom-header-media { height: calc(100vh - 32px); } .admin-bar.top-playlist-enabled.has-header-image.home .custom-header-media, .admin-bar.top-playlist-enabled.has-header-video.home .custom-header-media { height: calc(100vh - 87px); } .admin-bar .flashy-overlay .flashy-close { top: 32px; } } /** * 16.6 - >= 1024px */ @media screen and (min-width: 64em) { /* Woocommerce styles */ ul.products.columns-3 li.product, ul.products.columns-6 li.product { width: 33.33%; } ul.products.columns-4 li.product { width: 25%; } ul.products.columns-5 li.product { width: 20%; } .full-width .related ul.products li.product, .full-width .upsells ul.products li.product, .full-width .cross-sells ul.products li.product { width: 25%; } .two-columns .columns-4 ul.products li.product { width: 50%; } ul.products.columns-4 li.product:nth-child(2n+1), ul.products.columns-6 li.product:nth-child(2n+1), .full-width .related ul.products li.product:nth-child(2n+1), .full-width .upsells ul.products li.product:nth-child(2n+1), .full-width .cross-sells ul.products li.product:nth-child(2n+1) { clear: none; } .two-columns .columns-4 ul.products li.product:nth-child(2n+1), ul.products.columns-3 li.product:nth-child(3n+1), ul.products.columns-4 li.product:nth-child(4n+1), ul.products.columns-5 li.product:nth-child(5n+1), ul.products.columns-6 li.product:nth-child(6n+1), .full-width .related ul.products li.product:nth-child(4n+1), .full-width .upsells ul.products li.product:nth-child(4n+1), .full-width .cross-sells ul.products li.product:nth-child(4n+1) { clear: both; } ul.products.columns-6 li.product { width: 16.66666666666667%; }/* Woocommerce styles end here */ .site-header-menu { margin-right: 0; } .site-branding { margin: 14px auto 14px 20px; } #top-playlist-section .wp-playlist .wp-playlist-current-item img { display: block; margin-right: 14px; } #top-playlist-section .mejs-container.audioman-mejs-container .mejs-toggle-playlist { width: 55px; } .is-open .menu-inside-wrapper { right: 3.75%; } #testimonial-content-section .entry-container { padding: 42px 50px; } #testimonial-content-section .has-post-thumbnail .entry-container { padding-top: 70px; } #testimonial-content-section .post-thumbnail { margin: 0 0 -42px; } .hero-content-wrapper { padding: 0 50px; } .boxed-layout #page { width: 96%; } .navigation-classic #header-menu-social:before { margin: 21px auto 21px; } .team-content-wrapper .artist-social-profile >.social-navigation { top: 50%; transform: translate(-50%, -50%); } .team-content-wrapper .artist-social-profile { opacity: 0; } .team-content-wrapper .hentry:hover .artist-social-profile { box-shadow: inset 0 0 50px 0 rgba(0,0,0,.15); opacity: 1; } #feature-slider-section:hover .cycle-prev, #feature-slider-section:focus .cycle-prev { left: 42px; } #feature-slider-section:hover .cycle-next, #feature-slider-section:focus .cycle-next { right: 42px; } .widget-column { padding: 35px 50px; } .page .site-main .hentry { margin: 0; } .section, #footer-newsletter .widget { padding: 21px 0; } .site-content .wrapper { padding: 36px 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: 42px; } .site-main .hentry, .archive-posts-wrapper .hentry { margin: 0 0 42px; } .archive-post-wrap .entry-container { margin: 42px auto; } .excerpt-image-left .has-post-thumbnail .post-wrapper, .excerpt-image-right .has-post-thumbnail .post-wrapper { padding: 0 0 42px; } #social-footer-navigation { margin-bottom: 35px; } #hero-section { padding: 0; } #events-section.has-foreground-image .section-content-wrapper { padding-top: 350px; } #events-section.has-foreground-image .wrapper:before { top: 175px; } .comments-area { padding-top: 42px; } .single-product div.product .related, .single-product div.product .upsells, .cart-collaterals .cross-sells, .cart-collaterals .cart_totals, .comments-area, .singular-content-wrap .entry-footer { margin-top: 42px; } .author-info { margin-top: 42px; } #footer-instagram .widget-title { margin: 56px auto 35px; } .woocommerce-pagination { margin: 22px 0 35px; } .single .site-main .post-thumbnail, .page .site-main .post-thumbnail { padding: 0; margin: 35px 0; } input[type="search"].search-field { display: block; } #colophon .four .widget-column { width: 25%; } #colophon .four .widget-column:nth-child(2n+1) { clear: none; } #colophon .four .widget-column:nth-child(4n+1) { clear: both; } .playlist-content-wrapper, .product-content-wrapper, .featured-content-wrapper, .portfolio-content-wrapper, .events-content-wrapper, .team-content-wrapper { padding: 0 30px 15px; } .featured-content-wrapper.layout-four .hentry:nth-child(2n+1), .portfolio-content-wrapper.layout-four .hentry:nth-child(2n+1), .events-content-wrapper.layout-four .hentry:nth-child(2n+1), .team-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), .events-content-wrapper.layout-four .hentry:nth-child(4n+1), .team-content-wrapper.layout-four .hentry:nth-child(4n+1) { clear: both; } .featured-content-wrapper.layout-four .hentry, .portfolio-content-wrapper.layout-four .hentry, .events-content-wrapper.layout-four .hentry, .team-content-wrapper.layout-four .hentry { width: 25%; } .portfolio-content-wrapper.layout-five .hentry:first-child { width: 50%; } .portfolio-content-wrapper.layout-five .hentry { width: 25%; } .playlist-content-wrapper .post-thumbnail { width: 40%; } .playlist-content-wrapper .entry-container { width: 60%; } .content-area { float: left; margin-right: -100%; width: 70%; max-width: 960px; } .sidebar { border-top: none; float: left; margin-left: 70%; width: 30%; } .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%; } .sidebar .widget { width: 100%; } .entry-content blockquote.alignleft, .entry-content blockquote.alignright { width: 52%; } .home .header-media .entry-title, #feature-slider-section .entry-title { font-size: 52px; font-size: 3.25rem; } #events-section .date-month { font-size: 42px; font-size: 2.625rem; } #events-section .date-week-day { font-size: 26px; font-size: 1.625rem; } .woocommerce-tabs .panel h2:first-of-type { font-size: 24px; font-size: 1.5rem; } .comments-title, .comment-reply-title, .archive-posts-wrapper .entry-title, .events-content-wrapper .entry-title, .playlist-content-wrapper .entry-title, .portfolio-content-wrapper .entry-title { font-size: 22px; font-size: 1.375rem; } blockquote, .team-content-wrapper .entry-title, .featured-content-wrapper .entry-title, ul.products li.product .woocommerce-loop-product__title, #testimonial-content-section .entry-content, #testimonial-content-section .entry-summary { font-size: 20px; font-size: 1.25rem; } body, input, textarea, #testimonial-content-section .entry-title, table.shop_table, .quantity .qty, .header-media .entry-meta { font-size: 18px; font-size: 1.125rem; } #testimonial-content-section .entry-meta { font-size: 16px; font-size: 1rem; } #footer-instagram .widget-title, .section-title, .entry-title, .page-title, .entry-content h1, .entry-summary h1, .comment-content h1, .textwidget h1 { font-size: 36px; font-size: 2.25rem; } .woocommerce-posts-wrapper .entry-title, .woocommerce .related.products > h2, .entry-content h2, .entry-summary h2, .comment-content h2, .textwidget h2 { font-size: 32px; font-size: 2rem; } .site-title, #site-generator .social-navigation a, .entry-content h3, .entry-summary h3, .comment-content h3, .textwidget h3 { font-size: 28px; font-size: 1.75rem; } .entry-content h4, .comment-content h4, .textwidget h4 { font-size: 24px; font-size: 1.5rem; } .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 .entry-container { padding: 56px 40px; } .recent-blog-content-wrapper { padding: 0 50px; } .comment-respond { padding: 42px 49px; } .promotion-section .content-wrapper { padding: 0 50px; } .promotion-section.content-frame .entry-container-frame { padding: 4.5em 4em; } #site-generator { padding: 35px 50px; } #footer-menu-wrapper { display: block; text-align: center; } #menu-toggle-footer { display: none; } .site-navigation a { padding: 7px 20px; } .site-navigation .footer-menu > li { display: inline-block; } .custom-header-content { padding: 150px 50px; } } /** * 16.7 - >= 1200px */ @media screen and (min-width: 75em) { #top-playlist-section .wp-playlist-current-item { -webkit-box-flex: 0; -ms-flex: 0 1 20%; flex: 0 1 20%; } #top-playlist-section .audioman-mejs-top-playlist-container { -webkit-box-flex: 0; -ms-flex: 0 1 80%; flex: 0 1 80%; } .navigation-classic .site-branding { text-align: left; } .hero-content-wrapper .entry-container { padding: 63px 40; } .site-content .wrapper { padding: 43px 30px; } .section, #footer-newsletter .widget { padding: 28px 0; } .site-main .hentry, .archive-posts-wrapper .hentry { margin: 0 0 49px; } .single .site-main .entry-header, .page .site-main .entry-header, .archive .page-header, .error404 .page-header, .search .page-header, .woocommerce-products-header { margin-bottom: 49px; } .archive-post-wrap .entry-container { margin: 49px auto; } .view-more { margin: 7px 0 35px; } #social-footer-navigation { margin-bottom: 42px; } #events-section.has-foreground-image .wrapper:before { top: 200px; } .comments-area { padding-top: 49px; } .single-product div.product .related, .single-product div.product .upsells, .cart-collaterals .cross-sells, .cart-collaterals .cart_totals, .comments-area, .singular-content-wrap .entry-footer { margin-top: 49px; } .author-info { margin-top: 49px; } #footer-instagram .widget-title { margin: 63px auto 42px; } .excerpt-image-left .has-post-thumbnail .post-wrapper, .excerpt-image-right .has-post-thumbnail .post-wrapper { padding: 0 0 49px; } .excerpt-image-left .has-post-thumbnail .sticky-post, .excerpt-image-right .has-post-thumbnail .sticky-post { position: absolute; top: 0px; } .excerpt-image-left .has-post-thumbnail .sticky-post { left: 0; } .excerpt-image-right .has-post-thumbnail .sticky-post { right: 0; } .woocommerce-pagination { margin: 29px 0 35px; } .woocommerce-tabs .panel h2:first-of-type { font-size: 28px; font-size: 1.75rem; } .post-navigation .nav-subtitle { font-size: 13px; font-size: 0.8125rem; } .singular-content-wrap .entry-header .entry-meta { margin: 35px 0 0; } .custom-header-content .more-link { margin-top: 35px; } .navigation-classic .menu-toggle { display: none; } .navigation-classic #primary-search-wrapper .menu-toggle { display: block; } .navigation-classic #primary-menu-wrapper .menu-inside-wrapper { position: relative; display: block; float: left; top: 0; left: 0; right: 0; visibility: visible; opacity: 1; width: auto; bottom: auto; background-color: transparent; box-shadow: none; overflow: inherit; } .navigation-classic .main-navigation a { padding: 28px 20px; line-height: 2; } .navigation-classic .main-navigation li.menu-item-has-children ul ul a { padding-left: 20px; } .navigation-classic .main-navigation .menu-item-has-children > a:after, .navigation-classic .main-navigation .page_item_has_children > a:after { content: "\f0d7"; font-size: 16px; font-size: 1rem; padding-left: 7px; } .navigation-classic .main-navigation ul ul .menu-item-has-children > a:after, .navigation-classic .main-navigation ul ul .page_item_has_children > a:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); padding: 0; position: absolute; top: 14px; right: 21px; } .navigation-classic .main-navigation ul a, .navigation-classic .main-navigation ul :hover > a, .navigation-classic .main-navigation ul .focus > a { background-color: transparent; } .navigation-classic .main-navigation ul ul { -webkit-box-shadow: 0 9px 9px rgba( 0, 0, 0, 0.4 ); -moz-box-shadow: 0 9px 9px rgba( 0, 0, 0, 0.4 ); box-shadow: 0px 9px 9px rgba( 0, 0, 0, 0.4 ); display: block; float: left; margin: 0; padding: 7px 0; position: absolute; top: auto; left: -999em; z-index: 99999; } .navigation-classic .main-navigation ul ul ul { left: -999em; top: 0; } .navigation-classic .main-navigation ul ul a { padding: 7px 20px; width: 220px; } .navigation-classic .main-navigation ul li:hover > ul, .navigation-classic .main-navigation ul li.focus > ul { left: auto; right: 0; } .navigation-classic .main-navigation li { border-bottom: none; } .navigation-classic .main-navigation ul ul li:hover > ul, .navigation-classic .main-navigation ul ul li.focus > ul { left: auto; right: 100%; } .navigation-classic .main-navigation ul ul .current_page_item > a, .navigation-classic .main-navigation ul ul .current-menu-item > a { color: #fb3a64; } .navigation-classic .main-navigation li { display: inline-block; } .navigation-classic .social-top div { border-bottom: none; } .navigation-classic .dropdown-toggle, .navigation-classic .main-navigation ul .dropdown-toggle.toggled-on, .navigation-classic #primary-menu-wrapper .menu-toggle-wrapper { display: none; } .site-header-main .wrapper { padding: 8px 30px; } .header-media-disabled #feature-slider.section { padding-top: 78px; } #primary-search-wrapper > .social-navigation { display: block; } .mobile-social-search .menu-social { display: none; } } /** * 16.8 - >= 1366px */ @media screen and (min-width: 85.375em) { .comment-respond { padding: 42px 56px; } .home .header-media .entry-title, #feature-slider-section .entry-title { font-size: 64px; font-size: 4rem; } #events-section .date-month { font-size: 48px; } #events-section .date-week-day { font-size: 30px; font-size: 1.875rem; } .comments-title, .comment-reply-title, .archive-posts-wrapper .entry-title, .events-content-wrapper .entry-title, .playlist-content-wrapper .entry-title, .portfolio-content-wrapper .entry-title { font-size: 24px; font-size: 1.5rem; } #footer-instagram .widget-title, .section-title, .entry-title, .page-title, .entry-content h1, .entry-summary h1, .comment-content h1, .textwidget h1 { font-size: 42px; font-size: 2.625rem; } .woocommerce-posts-wrapper .entry-title, .woocommerce .related.products > h2, .entry-content h2, .entry-summary h2, .comment-content h2, .textwidget h2 { font-size: 36px; font-size: 2.25rem; } .site-title, #site-generator .social-navigation a, .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; } body:not(.home) .custom-header-content { padding: 205px 50px; } .section, #footer-newsletter .widget { padding: 35px 0; } .section-heading-wrapper { padding: 35px 35px 22px; } .site-content .wrapper { padding: 50px 30px; } .site-main .hentry, .archive-posts-wrapper .hentry { margin: 0 0 56px; } .posts-navigation, .pagination, #content #infinite-handle { margin: 36px 0 0; } .single .site-main .entry-header, .page .site-main .entry-header, .archive .page-header, .error404 .page-header, .search .page-header, .woocommerce-products-header { margin-bottom: 56px; } .comments-area { padding-top: 56px; } .single-product div.product .related, .single-product div.product .upsells, .cart-collaterals .cross-sells, .cart-collaterals .cart_totals, .comments-area, .singular-content-wrap .entry-footer { margin-top: 56px; } .excerpt-image-left .has-post-thumbnail .post-wrapper, .excerpt-image-right .has-post-thumbnail .post-wrapper { padding: 0 0 56px; } .author-info { margin-top: 56px; } #footer-instagram .widget-title { margin: 70px auto 42px; } #social-footer-navigation { margin-bottom: 49px; } .woocommerce-pagination { margin: 36px 0 35px; } .hero-content-wrapper .entry-container { padding: 70px 40px; } .hero-content-wrapper .entry-summary, .hero-content-wrapper .entry-content { margin: 42px 0 0; } .comment-respond { padding: 42px 63px; } #gallery-section .tiled-gallery .tiled-gallery-item a:after { font-size: 20px; font-size: 1.25rem; height: 50px; padding: 15px; width: 50px; } caption, th, td, table.shop_table_responsive tr td { padding: 0.778em 1.556em; } .archive-post-wrap .entry-container { margin: 56px auto; } } /** * 16.9 - >= 1600px */ @media screen and (min-width: 100em) { .is-open .menu-inside-wrapper { right: 3%; } .section, #footer-newsletter .widget { padding: 49px 0; } #footer-instagram .widget-title { margin: 84px auto 42px; } .site-content .wrapper { padding: 64px 30px; } .hero-content-wrapper .entry-container { padding: 84px 40px; } .home .header-media .entry-title, #feature-slider-section-section .entry-title { font-size: 72px; font-size: 4.5rem; } #testimonial-content-section .entry-container { padding: 42px 120px; } #testimonial-content-section .has-post-thumbnail .entry-container { padding-top: 84px; } #testimonial-content-section .post-thumbnail { margin: 0 0 -49px; } #events-section.has-foreground-image .section-content-wrapper { padding-top: 450px; } #events-section.has-foreground-image .wrapper:before { top: 225px; } #footer-menu-section .wrapper { padding: 0 30px; } } /** * 17.0 - Transition */ a, button, button[disabled]:hover, button[disabled]:focus, .button, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus, #feature-slider-section .cycle-prev, #feature-slider-section .cycle-next, body .wp-playlist-item, body .wp-playlist-item-artist { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #portfolio-content-section .entry-container { -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .custom-header-media .wp-custom-header-video-button { -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; -o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; } .team-content-wrapper .hentry-inner { -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; } #top-playlist-section, .team-content-wrapper .post-thumbnail img, .team-content-wrapper .artist-social-profile, .team-content-wrapper .artist-social-profile >.social-navigation, #gallery-section .gallery-item .gallery-icon a:before, #gallery-section .tiled-gallery .tiled-gallery-item a:before { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, .widget .social-links-menu a { -webkit-transition: 0.2s border-color ease-in-out, 0.2s color ease-in-out; -moz-transition: 0.2s border-color ease-in-out, 0.2s color ease-in-out; -o-transition: 0.2s border-color ease-in-out, 0.2s color ease-in-out; transition: 0.2s border-color ease-in-out, 0.2s color ease-in-out; } /** * 18.0 - Colors */ /* Background Color */ body { background: #262626; } /* Page Background Color */ #page, .site-content-contain, .menu-inside-wrapper, #primary-search-wrapper .search-container, .audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total, .audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded, .audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float, .audioman-mejs-container.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .woocommerce-account .woocommerce-MyAccount-navigation a { background-color: #151515; } @media screen and (min-width: 48em) { .site-header-cart .widget_shopping_cart { background-color: #151515; } } @media screen and (min-width: 64em) { .navigation-classic .main-navigation ul ul { background-color: #151515; } } /* Secondary Background Color */ .header-media .wrapper, #feature-slider-section, .sidebar .widget, .section:nth-child(odd), 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, body .wp-playlist, .playlist-content-wrapper .entry-container, #top-playlist-section .audioman-mejs-container.mejs-container, #top-playlist-section .wp-playlist-tracks { background-color: #000; } @media screen and (min-width: 48em) { table.shop_table .cart-subtotal th, table.shop_table .order-total th { background-color: #000; } } @media screen and (min-width: 64em) { .navigation-classic .main-navigation ul ul :hover > a, .navigation-classic .main-navigation ul ul .focus > a { background-color: #000; } } /* 70% of Secondary Background Color */ .promotion-section.content-frame .entry-container-frame { background-color: rgba(33,33,33, 0.75); } /* Tertiary Background Color */ hr, pre, select, .tagcloud a, .author-info, .comment-respond, #footer-newsletter, .entry-breadcrumbs, .woocommerce-breadcrumb, #primary-menu-wrapper #site-header-cart-wrapper, #testimonial-content-section .section-content-wrapper .entry-container, body .wp-playlist-item:hover, body .wp-playlist-item:focus, .audioman-mejs-container.mejs-container, .wp-audio-shortcode.audioman-mejs-container.mejs-container .mejs-controls, .wp-playlist, .product-container, .woocommerce-account .woocommerce-MyAccount-navigation a:hover, .woocommerce-account .woocommerce-MyAccount-navigation a:focus, .woocommerce-account .woocommerce-MyAccount-navigation .is-active a, .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, .demo_store, p.no-comments, ul.wc_payment_methods .payment_box, .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #222; } .audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner { border-color: #222; } /* Main Text Color */ body, input, select, textarea, 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, .image-navigation, .comment-navigation, .wp-playlist-light .wp-playlist, .search-submit, #testimonial-content-section .cycle-prev, #testimonial-content-section .cycle-next, #footer-newsletter .ew-newsletter input[type="date"]:focus, #footer-newsletter .ew-newsletter input[type="time"]:focus, #footer-newsletter .ew-newsletter input[type="datetime-local"]:focus, #footer-newsletter .ew-newsletter input[type="week"]:focus, #footer-newsletter .ew-newsletter input[type="month"]:focus, #footer-newsletter .ew-newsletter input[type="text"]:focus, #footer-newsletter .ew-newsletter input[type="email"]:focus, #footer-newsletter .ew-newsletter input[type="url"]:focus, #footer-newsletter .ew-newsletter input[type="password"]:focus, #footer-newsletter .ew-newsletter input[type="search"]:focus, #footer-newsletter .ew-newsletter input[type="tel"]:focus, #footer-newsletter .ew-newsletter input[type="number"]:focus, #footer-newsletter .ew-newsletter textarea:focus { color: #999; } #testimonial-content-section .cycle-pager span { border-color: #999; } /* Header Text Color */ .site-title a, .site-title a:hover, .site-title a:focus, .site-description, .main-navigation a, .menu-toggle, .dropdown-toggle, .site-header-cart .cart-contents, .site-header-menu .social-navigation a { color: #fff; } /* Header Text Color with Header Media */ .absolute-header .site-title a, .absolute-header .site-title a:hover, .absolute-header .site-title a:focus, .absolute-header .site-description, .absolute-header .main-navigation a, .absolute-header .menu-toggle, .absolute-header .dropdown-toggle, .absolute-header .site-header-cart .cart-contents, .absolute-header .site-header-menu .social-navigation a, .header-media .entry-title, .header-media .entry-title a, .custom-header-content .site-header-text { color: #fff; } /* Headline Text Color */ h1, h2, h3, h4, h5, h6, #feature-slider-section .entry-title, .section .section-title, .section .section-title a, .section .entry-title, .section .entry-title a, blockquote, .drop-cap:first-letter, .page-links > .page-links-title, .comment-author, .woocommerce-pagination ul li span.current, .woocommerce-pagination ul li a:hover { color: #ffffff; } 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 { border-color: #ffffff; } /* Link Color */ a, 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, #search-toggle:hover, #share-toggle:hover, #search-toggle:focus, #share-toggle:focus, #colophon .widget-title, .comment-permalink:hover, .comment-permalink:focus, #gallery-section .entry-container a:hover, #gallery-section .entry-container a:focus, #testimonial-content-section .entry-container, body .wp-playlist-current-item .wp-playlist-item-meta, body .wp-playlist .wp-playlist-playing, body .wp-playlist .wp-playlist-playing .wp-playlist-caption, body .wp-playlist-item:hover, body .wp-playlist-item:focus, body .wp-playlist-item:hover .wp-playlist-item-artist, body .wp-playlist-item:focus .wp-playlist-item-artist, body .wp-playlist-item:hover .wp-playlist-caption, body .wp-playlist-item:focus .wp-playlist-caption, .audioman-mejs-container.mejs-container button, #top-playlist-section .audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button, .audioman-mejs-container.mejs-container .mejs-controls .mejs-time, table.shop_table_responsive tr td a, .product-container a.added_to_cart, .single-product .product_meta a, .woocommerce-info a, .variations .reset_variations, .star-rating span:before, p.stars:hover a:before, p.stars.selected a.active:before, p.stars.selected a:not(.active):before, .woocommerce-tabs ul.tabs li.active a, .woocommerce .product-container .button, .single-product div.product .woocommerce-product-rating .woocommerce-review-link, span.price ins, p.price ins { color: #fff; } /* Link Hover Color */ a:focus, a:hover, #feature-slider-section .entry-title a:hover, #feature-slider-section .entry-title a:focus, .menu-toggle:hover, .menu-toggle:focus, .dropdown-toggle:hover, .dropdown-toggle:focus, .search-submit:hover, .search-submit:focus, .entry-meta a:hover, .entry-meta a:focus, .site-info a:hover, .site-info a:focus, #search-toggle, #share-toggle, .main-navigation ul:hover > a .main-navigation ul:hover > a, .main-navigation ul.focus > a, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .site-header-cart .cart-contents:hover, .site-header-cart .cart-contents:focus, .site-header-menu .social-navigation a:hover, .site-header-menu .social-navigation a:focus, .absolute-header .site-header-menu .social-navigation a:hover, .absolute-header .site-header-menu .social-navigation a:focus, .absolute-header .menu-toggle:hover, .absolute-header .menu-toggle:focus, .absolute-header .site-header-cart .cart-contents:hover, .absolute-header .site-header-cart .cart-contents:focus, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a, .navigation-classic.absolute-header .main-navigation ul ul :hover > a, .navigation-classic.absolute-header .main-navigation ul ul .focus > a, .post-navigation a:hover .nav-title, .post-navigation a:focus .nav-title, .section .section-title a:hover, .section .section-title a:focus, .section .entry-title a:hover, .section .entry-title a:focus, #testimonial-content-section .cycle-prev:hover, #testimonial-content-section .cycle-prev:focus, #testimonial-content-section .cycle-next:hover, #testimonial-content-section .cycle-next:focus, #events-section.has-background-image .entry-meta a:hover, #events-section.has-background-image .entry-meta a:hover, #events-section.has-background-image .entry-meta a:focus, #events-section.has-background-image .entry-meta a:focus, #events-section.has-foreground-image .entry-meta a:hover, #events-section.has-foreground-image .entry-meta a:hover, #events-section.has-foreground-image .entry-meta a:focus, #events-section.has-foreground-image .entry-meta a:focus, #events-section.has-background-image .entry-title a:hover, #events-section.has-background-image .entry-title a:hover, #events-section.has-background-image .entry-title a:focus, #events-section.has-background-image .entry-title a:focus, #events-section.has-foreground-image .entry-title a:hover, #events-section.has-foreground-image .entry-title a:hover, #events-section.has-foreground-image .entry-title a:focus, #events-section.has-foreground-image .entry-title a:focus, #portfolio-content-section .entry-title a:hover, #portfolio-content-section .entry-title a:focus, #portfolio-content-section .hentry-inner:hover .entry-title, #portfolio-content-section .hentry-inner:hover .entry-title a, .team-content-wrapper .hentry-inner:hover .entry-title a, .team-content-wrapper .hentry-inner:focus .entry-title a, .audioman-mejs-container.mejs-container button:hover, .audioman-mejs-container.mejs-container button:focus, #top-playlist-section .audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button:hover, #top-playlist-section .audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button:focus, table.shop_table_responsive tr td a:hover, table.shop_table_responsive tr td a:focus, .product-container a.added_to_cart:hover, .product-container a.added_to_cart:focus, .single-product .product_meta a:hover, .single-product .product_meta a:focus, .single-product div.product .woocommerce-product-rating .woocommerce-review-link:hover, .single-product div.product .woocommerce-product-rating .woocommerce-review-link:focus, .woocommerce-info a:hover, .woocommerce-info a:focus, .woocommerce-tabs ul.tabs li a:hover, .woocommerce-tabs ul.tabs li a:focus, .variations .reset_variations:hover, .variations .reset_variations:focus { color: #fb3a64; } mark, ins, .page-links a, #testimonial-content-section .cycle-pager span.cycle-pager-active, .widget_price_filter .ui-slider .ui-slider-handle, .widget_price_filter .ui-slider .ui-slider-range, .audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current, .audioman-mejs-container.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-current, .audioman-mejs-container.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-handle, .audioman-mejs-container.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background-color: #fb3a64; } .widget .social-links-menu a:hover, .widget .social-links-menu a:focus, blockquote, .woocommerce-info, .woocommerce-message, .more-link .readmore, .woocommerce .product-container .button, #testimonial-content-section .entry-header:before, #testimonial-content-section .cycle-pager span.cycle-pager-active { border-color: #fb3a64; } @media screen and (min-width: 75em) { .absolute-header.navigation-classic .site-header-menu .social-navigation a:hover, .absolute-header.navigation-classic .site-header-menu .social-navigation a:focus { color: #fb3a64; } .navigation-classic .main-navigation ul :hover > a, .navigation-classic .main-navigation ul .focus > a { color: #fb3a64; } } /* Secondary Link Color */ body .wp-playlist, body .wp-playlist .wp-playlist-caption, .site-info, .site-info a, .entry-meta a, .post-password-form label, .comment-form label, .comment-permalink, .widget_categories li, .widget_archive li, .post-navigation .nav-subtitle, #testimonial-content-section .entry-meta, .woocommerce-tabs ul.tabs li a, .woocommerce-pagination ul li a, p.stars a:before, p.stars a:hover ~ a:before, p.stars.selected a.active ~ a:before { color: #888; } /* Border Color */ 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, .widget .social-links-menu a, .image-navigation, .comment-navigation, .comments-area, .comment-list article, .comment-list .pingback, .comment-list .trackback, .no-comments, table, caption, th, td, #feature-slider-section .cycle-pager span, .site-content, .archive-post-wrap .post-wrapper, .widget_archive ul ul li, .woocommerce-shorting-wrapper, .woocommerce-tabs .panel, .woocommerce-tabs ul.tabs:after, .woocommerce-tabs ul.tabs li.active, .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-navigation li { border-color: #333; } /* Button Text Color */ .more-link .readmore:hover, .more-link .readmore:focus, #events-section.has-foreground-image .more-link .readmore, #events-section.has-background-image .more-link .readmore, #events-section.has-foreground-image .more-link .readmore:hover, #events-section.has-foreground-image .more-link .readmore:focus, #events-section.has-background-image .more-link .readmore:hover, #events-section.has-background-image .more-link .readmore:focus, .pagination .page-numbers.current, .audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button, .audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button:hover, .audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button:focus, .posts-navigation a, .page-links a, .page-links a:hover, .page-links a:focus, .header-media .more-link .readmore, #feature-slider-section .more-link .readmore, #hero-section .more-link .readmore, .promotion-section .more-link .readmore, #content #infinite-handle span button, #scrollup:hover, #scrollup:focus, .widget-area .catch-instagram-feed-gallery-widget-wrapper .button, button, button[disabled]:hover, button[disabled]:focus, .button, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus, button:hover, button:focus, .button:hover, .button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .posts-navigation a:hover, .posts-navigation a:focus, .header-media .more-link .readmore:hover, .header-media .more-link .readmore:focus, #feature-slider-section .more-link .readmore:hover, #feature-slider-section .more-link .readmore:focus, #hero-section .more-link .readmore:hover, #hero-section .more-link .readmore:focus, .promotion-section .more-link .readmore:hover, .promotion-section .more-link .readmore:focus, #content #infinite-handle span button:hover, #content #infinite-handle span button:focus, #scrollup, .widget-area .catch-instagram-feed-gallery-widget-wrapper .button:hover, .widget-area .catch-instagram-feed-gallery-widget-wrapper .button:focus, .widget_calendar tbody a, .widget_calendar tbody a:hover, .widget_calendar tbody a:focus, #gallery-section .gallery-item .gallery-icon a:after, #gallery-section .tiled-gallery .tiled-gallery-item a:after, table.shop_table_responsive tr td.product-remove a, table.shop_table_responsive tr td.product-remove a:hover, table.shop_table_responsive tr td.product-remove a:focus, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce .product-container .wc-forward, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce button.button.alt:hover, .woocommerce button.button.alt:focus, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus, .woocommerce .product-container .added, .woocommerce .product-container .wc-forward:hover, .woocommerce .product-container .wc-forward:focus, .woocommerce .product-container .button.added, .demo_store .woocommerce-store-notice__dismiss-link, .demo_store .woocommerce-store-notice__dismiss-link:hover, .demo_store .woocommerce-store-notice__dismiss-link:focus, #gallery-section .entry-footer .edit-link a, #gallery-section .entry-footer .edit-link a:hover, #gallery-section .entry-footer .edit-link a:focus { color: #fff; }/* Button Text Color & Button Hover Text Color is same */ /* Button Background Color */ .sticky-post, .more-link .readmore:hover, .more-link .readmore:focus, .header-media .more-link .readmore, #feature-slider-section .more-link .readmore, #hero-section .more-link .readmore, .promotion-section .more-link .readmore, .posts-navigation a, #content #infinite-handle span button, #scrollup, .widget-area .catch-instagram-feed-gallery-widget-wrapper .button, .button, button, button[disabled]:hover, button[disabled]:focus, 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, #feature-slider-section .cycle-prev:hover, #feature-slider-section .cycle-prev:focus, #feature-slider-section .cycle-next:hover, #feature-slider-section .cycle-next:focus, #feature-slider-section .cycle-pager span:hover, #feature-slider-section .cycle-pager span:focus, #feature-slider-section .cycle-pager .cycle-pager-active, .widget_calendar tbody a, #gallery-section .gallery-item .gallery-icon a:after, #gallery-section .tiled-gallery .tiled-gallery-item a:after, .pagination .page-numbers.current, .woocommerce-pagination ul li span.current, .woocommerce-pagination ul li a:hover, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce .product-container .wc-forward, .demo_store .woocommerce-store-notice__dismiss-link, .woocommerce ul.products li.product .onsale, .woocommerce span.onsale, table.shop_table_responsive tr td.product-remove a, #gallery-section .entry-footer .edit-link a, .audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button { background-image: linear-gradient(-180deg, #f857a6 0%, #ff5858 100%); } /* Button Hover Background Color */ button:hover, button:focus, .button:hover, .button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .page-links a:hover, .page-links a:focus, .posts-navigation a:hover, .posts-navigation a:focus, .header-media .more-link .readmore:hover, .header-media .more-link .readmore:focus, #feature-slider-section .more-link .readmore:hover, #feature-slider-section .more-link .readmore:focus, #hero-section .more-link .readmore:hover, #hero-section .more-link .readmore:focus, .promotion-section .more-link .readmore:hover, .promotion-section .more-link .readmore:focus, #content #infinite-handle span button:hover, #content #infinite-handle span button:focus, #scrollup:hover, #scrollup:focus, .widget-area .catch-instagram-feed-gallery-widget-wrapper .button:hover, .widget-area .catch-instagram-feed-gallery-widget-wrapper .button:focus, .custom-header-media .wp-custom-header-video-button.wp-custom-header-video-pause, .custom-header-media .wp-custom-header-video-button:hover, .custom-header-media .wp-custom-header-video-button:focus, .widget_calendar tbody a:hover, .widget_calendar tbody a:focus, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce button.button.alt:hover, .woocommerce button.button.alt:focus, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus, .woocommerce .product-container .added, .woocommerce .product-container .wc-forward:hover, .woocommerce .product-container .wc-forward:focus, .demo_store .woocommerce-store-notice__dismiss-link:hover, .demo_store .woocommerce-store-notice__dismiss-link:focus, #gallery-section .entry-footer .edit-link a:hover, #gallery-section .entry-footer .edit-link a:focus, table.shop_table_responsive tr td.product-remove a:hover, table.shop_table_responsive tr td.product-remove a:focus, .audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button:hover, .audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button:focus { background-image: linear-gradient(-360deg, #f857a6 0%, #ff5858 100%); } /* Tertiary Link Color */ .custom-header-content .entry-meta a, .custom-header-content .entry-meta .icon, .custom-header-media .wp-custom-header-video-button.wp-custom-header-video-pause, .custom-header-media .wp-custom-header-video-button:hover, .custom-header-media .wp-custom-header-video-button:focus, #feature-slider-section .cycle-prev, #feature-slider-section .cycle-next, #feature-slider-section .cycle-pager span, #feature-slider-section .entry-summary, #feature-slider-section .entry-summary a, #feature-slider-section .entry-content, #feature-slider-section .entry-content a, #promotion-section .play-button-text, .sticky-post, mark, ins { color: #fff; } #footer-newsletter .ewnewsletter .ew-newsletter-wrap .ew-newsletter-subbox, #feature-slider-section .cycle-pager span { background-color: #fff; } #feature-slider-section .cycle-prev, #feature-slider-section .cycle-next { border-color: #fff; } /* Text color with background image */ #feature-slider-section .entry-title a, #events-section.has-background-image .section-title, #events-section.has-background-image .section-title a, #events-section.has-foreground-image .section-title, #events-section.has-foreground-image .section-title a, #events-section.has-background-image .entry-title, #events-section.has-background-image .entry-title a, #events-section.has-foreground-image .entry-title, #events-section.has-foreground-image .entry-title a, #events-section.has-background-image .entry-meta a, #events-section.has-foreground-image .entry-meta a, .has-background-image.ewnewsletter .widget-inner-wrap .section-title, .promotion-section.content-color-white .entry-title, .promotion-section.content-color-white .entry-title a, .promotion-section.content-color-white .entry-container, .promotion-section.content-color-white .entry-container a:not(.button), #portfolio-content-section .entry-title, #portfolio-content-section .entry-title a, #portfolio-content-section .entry-content, #portfolio-content-section .entry-summary { color: #fff; } /* Playlist Dark */ body .wp-playlist.wp-playlist-dark, #top-playlist-section .wp-playlist-dark .wp-playlist-tracks { background-color: #000; } #top-playlist-section .wp-playlist-dark, .wp-playlist-dark .mejs-container, .wp-playlist-dark .wp-playlist-current-item, .wp-playlist-dark .mejs-container .mejs-controls, body .wp-playlist-dark .wp-playlist-item:hover, body .wp-playlist-dark .wp-playlist-item:focus { background-color: #222; } body .wp-playlist.wp-playlist-dark .wp-playlist-playing, body .wp-playlist.wp-playlist-dark .wp-playlist-playing .wp-playlist-caption, body .wp-playlist-dark .wp-playlist-item:hover .wp-playlist-caption, body .wp-playlist-dark .wp-playlist-item:focus .wp-playlist-caption, body .wp-playlist-dark .wp-playlist-item:hover .wp-playlist-item-artist, body .wp-playlist-dark .wp-playlist-item:focus .wp-playlist-item-artist, body .wp-playlist-dark .wp-playlist-item:hover, body .wp-playlist-dark .wp-playlist-item:focus { color: #fff; } .wp-playlist-dark .audioman-mejs-container.mejs-container .mejs-controls .mejs-time { color: #fff; } body .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-meta { color: #fff; } .widget .social-links-menu a:hover:before { -webkit-animation: toBottomFromTop 0.3s forwards; -moz-animation: toBottomFromTop 0.3s forwards; animation: toBottomFromTop 0.3s forwards; } @-webkit-keyframes toBottomFromTop { 49% { -webkit-transform: translateY(100%); } 50% { opacity: 0; -webkit-transform: translateY(-100%); } 51% { opacity: 1; } } @-moz-keyframes toBottomFromTop { 49% { -moz-transform: translateY(100%); } 50% { opacity: 0; -moz-transform: translateY(-100%); } 51% { opacity: 1; } } @keyframes toBottomFromTop { 49% { transform: translateY(100%); } 50% { opacity: 0; transform: translateY(-100%); } 51% { opacity: 1; } }