#overlay { background-repeat: no-repeat; background-size: cover; background-position: left bottom; background-attachment: initial; background-color: #000000; } #overlay .perspective { background-repeat: no-repeat; background-size: cover; background-position: left bottom; background-attachment: initial; background-color: rgba(255, 255, 255, 0); } a, code, .blockquote-block, .tab-circle, .wpb_content_element.circle a, a.button-more,.pages a, .pages .current, .iron_widget_newsletter input[type="submit"]:hover, .iron_widget_twitter .twitter-logo, .iron_widget_twitter .twitter-logo-small, .blockquote-block, .tab-circle, a.meta-author-link, .post-categories a, .post-tags a, .comment-content a, .comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login, .comment-meta a:hover, .comment-reply-title small a:hover, .comments-title, .nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a, .iron_widget_recent_tweets .meta .time a, .carousel .datetime, .article .datetime, .single-post time, .meta .datetime, .blockquote-block .title, .blockquote-block figcaption, span.wpcf7-not-valid-tip-no-ajax, .wpcf7-response-output, .photos-list .hover-text span, .contact-box .phone, .error, .success span, .concerts-list .title-row .date, .concerts-list .expanded .title-row .link, .iron_widget_newsletter label span, .concerts-list .title-row .link, .icon-concert-dropdown, li.expanded .title-row .icon-concert-dropdown, .media-block a:hover .media-decoration.media-audio, .media-block a:hover .media-decoration.media-audio, .media-decoration.media-video, .carousel .video-box .btn-play, .terms-list small, .terms-list [class^="icon-"], .terms-list [class*=" icon-"], .nm_mc_form .nm_mc_button:hover, .footer-wrapper-backtotop:hover, #sidebar .panel-action, .tweet_text a, .iron_widget_newsletter .nm_mc_button input[type="submit"]:hover, #footer .iron_widget_newsletter input[type="submit"]:hover, #footer .nm_mc_form input[type="submit"]:hover, .iron_widget_newsletter input[type="submit"], .nm_mc_form input[type="submit"], .event-more-button, .nav-menu li:hover > a, ul.nav-menu li.menu-item ul.sub-menu li:hover a, ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, .nav-menu .has-drop-down ul a:hover, .nav-menu li a.backbtn:hover, .wpb_content_element a, #sidebar .textwidget a, blockquote p, .footer__widgets ul a, .wooprice ins, .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, .woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price, .wooprice, .woocommerce .star-rating, .woocommerce-page .star-rating, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li span, .woocommerce table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce-page #content table.cart a.remove, .woocommerce .woocommerce-product-rating .star-rating, .woocommerce-page .woocommerce-product-rating .star-rating, .woo-thanks, .infobox-icon, .menu-toggle-off, a.back-btn, .playlist_enabled .player-box .jp-playlist ul li .button, .button.add_to_cart_button.product_type_simple, .post-password-form input[type="submit"], li:hover .has-drop-down-a .sub-arrow i, .social-networks a i:hover, .side-menu .social-networks a i:hover, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt, .shipping-calculator-button, .articles-classic .text-box a:hover h2, .articles-classic a.readmore-classic:hover, article a.more-link:hover, #commentform .form-submit #submit, .stickypost i, .simple-post-txt-wrap a:hover h2, .portfolio .portfolio-prev:hover .prev-text, .portfolio .portfolio-next:hover .next-text, .portfolio .portfolio-prev:hover i.fa-long-arrow-left, .portfolio .portfolio-next:hover i.fa-long-arrow-right, .portfolio .portfolio-mid-wrap i.fa-th:hover, .player-title-box .track-name, .audio-holder .jp-playlist ul.tracks-list li.jp-playlist-current div a, .articles-classic .post-categories a:hover, .articles-classic .post-tags a:hover { color: #ffffff; } .store-list a.button:hover, .panel-action:hover, .album-overlay, .pages .current, .listing-section .media-block a:hover, .pages a:hover, a.button-more:hover, .type-album .tracks-block .player-box, .iron_widget_newsletter, .iron_widget_newsletter input[type="email"], .nm_mc_form input[type="text"], #footer .newsletter-wrap, .concerts-list .title-row:hover .buttons .button, .store-list a.button:hover, .album-overlay, .marquee .tp-leftarrow, .marquee .tp-rightarrow, .marquee .more, .carousel .btn-prev:hover, .carousel .btn-next:hover, .carousel .slide a:hover, .concert-box .hover-box, .article a:hover, .pages .current, .pages a:hover, .button-more:hover, a.button, .comment-form #submit, .wpcf7-submit, .filters-block a.active, .form input[type="submit"], .concerts-list .title-row .time, .concerts-list .title-row.has_countdown:hover .buttons, .concerts-list .expanded .title-row .button, .concerts-list .expanded .title-row:after, .iron_widget_newsletter input[type="submit"]:focus, .iron_widget_newsletter input[type="submit"]:hover, .select-options .item-selected a, .concerts-list .expanded .title-row .opener:hover:after, .concerts-list .title-row .button, .media-decoration.media-audio, .tracks-list .btn-play [class^="icon-"], .tracks-list .btn-play [class*=" icon-"], .tracks-list .btn-pause [class^="icon-"], .tracks-list .btn-pause [class*=" icon-"], .player-box a:hover [class^="icon-"], .player-box a:hover [class*=" icon-"], .social-networks a:hover [class^="icon-"], .social-networks a:hover [class*=" icon-"], .carousel .video-box .icon-play, #searchform input[type="submit"], .news-grid-wrap a:hover, .iron_widget_videos .video-list article a:hover, a.back-btn:hover, .photo-wrap:hover .tab-text, .videogrid:hover .text-box, .page-template-archive-video .media-block:hover .text-box, .playlist_enabled .player-box .jp-playlist ul li .button:hover, .button.add_to_cart_button.product_type_simple:hover, .post-password-form input[type="submit"]:hover, .title-row.no-countdown:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover, .shipping-calculator-button:hover, .woocommerce #content nav.woocommerce-pagination ul li a:focus, .woocommerce #content nav.woocommerce-pagination ul li a:hover, .woocommerce #content nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce-page #content nav.woocommerce-pagination ul li a:focus, .woocommerce-page #content nav.woocommerce-pagination ul li a:hover, .woocommerce-page #content nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li a:focus, .woocommerce-page nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li span.current, .playlist_enabled .player-box .jp-playlist ul li:hover, .woocommerce-message .button.wc-forward:hover, #commentform .form-submit #submit:hover, .news-grid-wrap a.sticky, .news-grid-wrap.isotope-item a.sticky, ins { background-color: #ffffff; } .tab-circle,a.button-more, .tab-circle, input.error, .event-more-button, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message, .chosen-container-active .chosen-single, a.back-btn, .playlist_enabled .player-box .jp-playlist ul li .button, .button.add_to_cart_button.product_type_simple, .post-password-form input[type="submit"], .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt .shipping-calculator-button, .articles-classic a.readmore-classic:hover, article a.more-link:hover, #commentform .form-submit #submit, .page-template-archive-posts-classic-php .media-block.sticky .holder, blockquote, .portfolio .portfolio-rightside a.portfolio-button { border-color: #ffffff; } .footer__widgets > .iron_widget_newsletter input[type="submit"], .carousel .btn-prev, .carousel .btn-next, .panel .opener, .blockquote-box figcaption:before, .concerts-list .title-row .time, .form input[type="text"], .form input[type="email"], .form input[type="password"], .form textarea, .comment-form input, .comment-form textarea, .select-options, .jp-no-solution, .nav-menu li:hover > a, ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, .nav-menu .has-drop-down ul a:hover, .nm_mc_form .nm_mc_button:hover, .comment-text, #footer .iron_widget_newsletter .nm_mc_button:hover { background-color: #ffffff; } #footer .iron_widget_newsletter input[type="email"], #footer .nm_mc_form input[type="text"], #footer .iron_widget_newsletter input[type="submit"], #footer .nm_mc_form input[type="submit"], .concerts-list .title-row:hover .buttons .button, .vc_span4 .concerts-list .title-row .datetime, .vc_span3 .concerts-list .title-row .datetime, .vc_span2 .concerts-list .title-row .datetime, #sidebar .concerts-list .title-row .datetime, .footer__widgets .panel__heading, .footer__widgets > .iron_widget_newsletter .control-append, .concerts-list .title-row .datetime, .event-row .datetime, .pages.full li a, .pages.full li span, .comment-reply-title small a, #footer .widget-area label.control-label, .page-numbers.dots { border-color: #ffffff; } .listing-section .media-block a, .blockquote-block, .store-list a.button, .event-row, .type-album .text-box, .tracks-list > li, .panel-action, .iron_widget_twitter .panel__body, .iron_widget_twitter .panel-action, .iron_widget_radio .panel__body, .photo-wrap .photo-album-tab, .news-grid-wrap a, .container .iron_widget_newsletter, .container .newsletter-wrap, .videogrid, .iron_widget_videos .video-list article a, blockquote, .articles-classic .media-block .holder, .pages a { background-color: #ffffff; } #sidebar .panel-action:hover, .iron_widget_newsletter .newsletter-wrap nm_mc_button, .iron_widget_newsletter input[type="submit"]:hover, a.button:hover, .wpb_accordion_section a, .ui-tabs-anchor { background-color: #ffffff; } .comment-respond, .container .iron_widget_newsletter input[type="email"], .container .nm_mc_form input[type="text"], .container .iron_widget_newsletter input[type="submit"], .container .nm_mc_form input[type="submit"], .post-password-form input[type="password"], .wpb_tabs_nav { border-color: #ffffff; } .footer-block.share { background-color: rgba(0, 0, 0, 0); } .iron_widget_newsletter input[type="email"], .nm_mc_form input[type="text"], .nm_mc_form label, #footer .iron_widget_newsletter input[type="submit"], #footer .nm_mc_form input[type="submit"], .countdown-section, .countdown-amount, .countdown-period, .footer-block .social-networks a, .footer__widgets, .footer-row, .footer__widgets > .iron_widget_newsletter .control-label, .footer__widgets > .iron_widget_newsletter .form-control, .footer-row ul, .footer-row ul a, .concerts-list .title-row .open-link, .concerts-list .title-row .button:hover, .panel__heading, .panel__footer, .title-box, .title-box h2, .carousel .btn-prev:hover, .carousel .btn-next:hover, .media-decoration.media-audio, #header, .nav-menu li a, ul.nav-menu ul a, .nav-menu ul ul a, .iosSlider .slider .item .inner .text1 span, .iosSlider .slider .item .inner .text2 span, a.button:hover, .store-list a.button:hover, .concerts-list, .title-row:hover .icon-concert-dropdown, .concerts-list .title-row:hover .button:hover, .concerts-list .expanded .title-row .button:hover, .concerts-list .title-row .opener, .album-listen, .circle, .tracks-list, .tracks-list .button, .tracks-list .btn-play, .tracks-list .btn-pause, .gallery-caption, .pages .current, .pages a:hover, a.button-more:hover, .pages .current, .form input[type="submit"]:hover, .comment-form #submit, .wpcf7-submit, .comment-form #submit:hover, .wpcf7-submit:hover, .concert-box .time, .video-box .hover-box, .video-box h2, .video-box .icon-play, .marquee .more, .pages .current, .pages a:hover, .button-more:hover, .concerts-list .title-row.has_countdown:hover .button:hover, .concerts-list .title-row.has_countdown:hover .buttons .button, .iron_widget_newsletter .form-status, .concerts-list .title-row .button, .footer__widgets .iron_widget_radio .info-box, #footer .tweet_text, #footer .nm_mc_error #footer .textwidget, #footer .newsletter-title-wrap h3, #footer .newsletter-description-wrap, #footer .newsletter-description-wrap p, a.button, play-button, .darker-overlay h1, .darker-overlay h2, .darker-overlay h3, .darker-overlay h4, .darker-overlay h5, .darker-overlay h6, #footer .wp-calendar, #footer p, #footer ul, #footer li, #footer dl, #footer dt, #footer dd, #footer ol, #footer pre, #footer tr, #footer td, #footer th, #sidebar .button.wc-forward, .post-password-form input[type="password"], #footer .iron_widget_newsletter .newsletter-wrap .control-description, #footer .iron_widget_newsletter .nm_mc_button:hover { color: #ffffff; } #footer ::-webkit-input-placeholder { color: #ffffff; } #footer :-moz-placeholder { color: #ffffff; } #footer ::-moz-placeholder { color: #ffffff; } #footer :-ms-input-placeholder { color: #ffffff; } .photo-wrap:hover .tab-circle, .comment-list > li:after, .comment-list .children > li:before, .comment-reply-title, .woocommerce-page.single-product div.product .woocommerce-Tabs-panel--additional_information.panel, .single-product table.shop_attributes, .woocommerce-page #reviews #comments ol.commentlist li .comment-text { border-color: #000000; } body, .video-post, .single-post h2, .concerts-list .title-row .datetime, .event-row .datetime, .type-album .text-box h2, .tab-title, .tab-title .excerpt, .tracks-list .name, .comment-reply-title, h2.widgettitle, #sidebar .panel__heading, #sidebar .panel__heading h3, .media-block .datetime, .media-block .meta-simple, .media-block .category, .form input[type="submit"], .concerts-list .title-row .time, .concerts-list .expanded .title-row .button, .post_grid .tab-text time.datetime, h1, h3.widgettitle, .excerpt p, .tweet_text, .content-box, .available-now, .release-date, .store-list a.button, .container .nm_mc_form input[type="text"], .container .nm_mc_form label, .container .nm_mc_error, #sidebar .nm_mc_error, .event-row .button, .media-block h2, .tracks-list > li:before, .tab-date, .videogrid .text-box h2, .control-description, .wpb_content_element, .photo-wrap:hover .tab-circle, .lighter-overlay h1, .lighter-overlay h2, .lighter-overlay h3, .lighter-overlay h4, .lighter-overlay h5, .lighter-overlay h6, .news-grid-wrap a:hover time, .news-grid-wrap a:hover .meta-author-link, .news-grid-tab .datetime, .news-grid-tab .meta-author-link, .news-grid-tab .post-categories, .news-grid-tab .post-tags, .news-grid-wrap a:hover .post-categories, .news-grid-wrap a:hover .post-tags, #sidebar .textwidget, ul, li, dl, dt, dd, ol, pre, tr, td, th, .wooprice del, .woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info, .description_tab, .reviews_tab, h3, .news-grid-wrap a.sticky, .news-grid-wrap.isotope-item a.sticky, .portfolio-sidetitle, .portfolio-sidelist, .portfolio .portfolio-prev .prev-text, .portfolio .portfolio-next .next-text, .portfolio .portfolio-prev i.fa-long-arrow-left, .portfolio .portfolio-next i.fa-long-arrow-right, .portfolio .portfolio-mid-wrap i.fa-th, .panel-action:hover { color: #000000; } ::-webkit-input-placeholder { color: #000000; } :-moz-placeholder { color: #000000; } ::-moz-placeholder { color: #000000; } :-ms-input-placeholder { color: #000000; } .side-menu, .nav-menu .sub-menu, .nav-menu .children { background-attachment: initial; background-color: #f5f5f5; } ul.header-top-menu { background-color: rgba(255, 255, 255, 0); } .fill-menuicon { fill: #131112; } .fill-closemenu { fill: #131112; } .menu-toggle-off i { color: #131112; } ul.header-top-menu li a { font-family: Josefin Sans; font-weight: 600; font-style: normal; color: #ffffff; } .responsive-header a.sandwich-icon { color: #ffffff; } .responsive-header a.sandwich-icon:hover { color: #ffffff; } .sub-arrow i, .side-menu .social-networks a i { color: #131112; } body, .entry p, .single-product th, .single-product td, .single-product tr, .comment-text { font-family: Raleway; font-weight: 400; font-style: normal; font-size: 14px; line-height: 20px; color: #ffffff; } .nav-menu li a, ul.nav-menu li.menu-item ul.sub-menu li a { font-family: Josefin Sans; font-weight: 600; font-style: normal; font-size: 20px; line-height: 20px; text-transform: uppercase; color: #131112; } h1 { font-family: Open Sans; font-weight: 700; font-style: normal; font-size: 21px; line-height: 24px; text-transform: uppercase; color: #ffffff; letter-spacing: 4px; } h2, .single-post h2, .text-box h2, .video-box h2, .title-box h2, .news .media-block h2, .iron_widget_recent_posts .news .media-block h2, .type-album .text-box h2 { font-family: Open Sans; font-weight: 400; font-style: normal; font-size: 21px; line-height: 24px; text-transform: uppercase; color: #ffffff; } h3, h3.widgettitle, .cr_it-playlist-title { font-family: Open Sans; font-weight: 400; font-style: normal; font-size: 28px; line-height: 30px; color: #ffffff; } h4 { font-family: Open Sans; font-weight: 400; font-style: normal; font-size: 14px; line-height: 20px; color: #ffffff; letter-spacing: 1px; border-color: #ffffff; } h5 { font-family: Open Sans; font-weight: 400; font-style: normal; font-size: 14px; line-height: 24px; color: #ffffff; letter-spacing: 4px; } h6 { font-family: Open Sans; font-weight: 400; font-style: normal; font-size: 14px; line-height: 20px; color: #ffffff; letter-spacing: 1px; } a.panel-action.panel-action__label { font-family: Open Sans; font-weight: 400; font-style: normal; font-size: 18px; line-height: 18px; color: #ffffff; letter-spacing: 3px; } a.button-widget { font-family: Open Sans; font-weight: 400; font-style: normal; font-size: 18px; line-height: 18px; color: #ffffff; letter-spacing: 3px; } h2 { letter-spacing: 4px; } h3 { letter-spacing: 1px; } span.heading-t, span.heading-b { background-color: #ffffff; } span.heading-t3, span.heading-b3 { background-color: #ffffff; } .lighter-overlay span.heading-t, .lighter-overlay span.heading-b { background-color: #000000; } .lighter-overlay span.heading-t3, .lighter-overlay span.heading-b3 { background-color: #000000; } .darker-overlay span.heading-t, .darker-overlay span.heading-b { background-color: #ffffff; } .darker-overlay span.heading-t3, .darker-overlay span.heading-b3 { background-color: #ffffff; } .nav-menu li a { margin-top: 10px; margin-bottom: 10px; } .classic-menu { width: calc( 100% - 0px - 0px ); margin-left: 0px; margin-right: 0px; margin-top: 30px; margin-bottom: 30px; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; } .classic-menu > ul > li { margin-left: 10px; margin-right: 10px; margin-top: 30px; margin-bottom: 30px; } .classic-menu > ul > li a { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } .classic-menu > ul > li.logo { padding-left: 40px; padding-top: 0px; padding-right: 40px; padding-bottom: 0px; } .responsive-header { background-color: #000000; } .listing-section .holder:hover h2 { color: #000000; } .news-grid-wrap a:hover .tab-title { color: #000000; } .classic-menu.mini { background-color: rgba(0, 0, 0, 0.6); } .classic-menu > ul > li a, .classic-menu > ul > li.languages-selector > ul > li a { font-family: Open Sans; font-weight: 400; font-style: normal; font-size: 14px; line-height: 14px; text-transform: uppercase; color: #ffffff; } .classic-menu > ul > li > ul > li a { font-size: 14px; line-height: 14px; text-transform: uppercase; color: #ffffff; background-color: rgba(0, 0, 0, 0.6); } .classic-menu > ul > li a:hover, .classic-menu > ul > li.languages-selector > ul > li a:hover { background-color: rgba(0, 0, 0, 0); color: #a9a9a9; } .classic-menu > ul > li.current-menu-item > a { background-color: rgba(0, 0, 0, 0); color: #ffffff; } .classic-menu > ul > li.current-menu-ancestor > a { background-color: rgba(0, 0, 0, 0); color: #ffffff; } .classic-menu > ul > li > ul > li a:hover { background-color: #000000; color: #ffffff; } .classic-menu > ul > li > ul > li.current-menu-item > a { background-color: rgba(0, 0, 0, 0.6); color: #ffffff; } .classic-menu > ul > li > a, .classic-menu > ul > li.languages-selector a { letter-spacing: 4px; } .classic-menu ul.sub-menu li a { letter-spacing: 4px; } .menu-item a:hover { text-decoration: none; } .color1_txt, .color1_txt p { color: #ffffff; } .color1_bg { background-color: #ffffff; } .color2_txt, .color2_txt p { color: #ffffff; } .color2_bg { background-color: #ffffff; } .color3_txt, .color3_txt p { color: #ffffff; } .color3_bg { background-color: #ffffff; } .color4_txt, .color4_txt p { color: #ffffff; } .color4_bg { background-color: #ffffff; } .color5_txt { color: #ffffff; } .color5_bg { background-color: #ffffff; } .color6_txt { color: #000000; } .color6_bg { background-color: #000000; } #footer, .footer-row { background-color: rgba(0, 0, 0, 0); } .footer-row { padding-top: 0px; padding-bottom: 0px; } #menu-item-3903 > a { font-size:12px; } input.favdj { font-size:12px; font-weight:700; font-style:bold; } #coverquest { width:75%; min-height:500px; position:relative; top:200px; z-index:1000; } #favdjcol { opacity:0.2; } .hide { display:none; } .show { display:block; } .title.ewfp_self_clear_fix{background-color:rgba(0, 0, 0, 0.5);color:#fff;padding-left:10px;font-size:10px;width:100%;height:13px;line-height:18px;position:absolute;top:-20px;} .page-title{display:none;} .ewfplayer_div{margin-bottom:0px;margin-top:0px;} .active{opacity:0;} .zindex0{z-index:0;} .zindex1000{z-index:1000;} .meta{color:#aeaeae;} /* GENERAL */ #wrapper { min-height: 0px; } .defaultdivider{ width: 28px; } li.hotlink.pull-right { margin-left: -14%; } body p{ letter-spacing: 0.7px; } a.button { font-size:14px; border: 2px solid; border-radius:3px; background:none; text-transform: uppercase; } a.button:hover { color:black; border-color:white; background:white; } .footer-wrapper-backtotop{ background:none!important; } .wpcf7-submit { border: 2px solid #ffffff!important; background-color: rgba(0,0,0,0); border-radius: 3px!important; } .wpcf7-submit:hover { border-radius: 3px!important; border: 2px #ffffff!important; background-color: white; color: black; } /* VIDEO*/ .video { background-color: rgba(0,0,0,0.6); margin-bottom: 1px; } .videogrid { margin-bottom: 14px; } .videogrid .text-box h2 { color: inherit; } /* NEWS */ .listing-section .holder:hover .datetime, .listing-section .holder:hover .meta-simple { color: #000000!important; } .media-block h2 { color: inherit; } .media-block a{ background-color:rgba(0,0,0,0.6); } .articles-classic .media-block .holder{ background-color:rgba(0,0,0,0.6); } .media-block .datetime { color: inherit; } a.meta-author-link,a.meta-author-link:hover{ background:none; } .tab-title { color: inherit; } h2.tab-title, .tab-text .datetime, .tab-text .meta-author-link{ color:inherit; } /*.meta .datetime { color: inherit; }*/ /* PLAYER */ .continuousPlayer .track-name { margin-bottom: 11px; } /* LOGO */ .classic-menu>ul>li.logo{ overflow:visible; } li.hotlink.pull-right.first-hotlink { margin-left: -14%; } /*MUSIC PAGE*/ .news-grid-wrap a:hover{ color:black; } .news-grid-wrap a{ background-color:rgba(0,0,0,0.6); } .album-header { height: 466px; background:rgba(0,0,0,0); overflow: hidden; position: relative; z-index: 21; } .album h2 { color: #000; margin-top: 74px; } .album.info-section h2 { margin-bottom: 34px!important; } .album a.button, .iron-audioplayer a.button{ font-size:14px; text-transform: uppercase; background-color: rgba(255,255,255,0); border: 2px solid; color: rgb(0, 0, 0); padding: 4px 6px!important; } .album a.button:hover, .iron-audioplayer a.button:hover { background-color: #000000; border: 2px solid #000; color: #fff; } .album span.heading-b3 { background-color: #000000!important; } .single-album .content-box .blockquote-block blockquote { color: #fff; font-weight: 600; } .single-album .content-box .blockquote-block figcaption { color: #fff; font-weight: 600; } .blockquote-block { padding: 0px 50px 46px 59px; } .single-album h4 { text-transform: uppercase; } .single-album .buttons-block .store-list li .button { border: 2px solid; border-radius: 0px; } .single-album .buttons-block .store-list li .button:hover { border: 2px solid #000!important; border-radius: 3px; background-color: #000; } .iron-audioplayer .playlist li { margin: 18px 0!important; } .album img.custom-header-img { display: none; } /* EVENTS */ .event-wrapper td{ text-transform: uppercase; } .event-line-node.medium { font-weight: 600; } /* FOOTER */ #footer { background: none; } /*menu*/ .nav-menu li a{ letter-spacing:6px } .no-touchevents .nav-menu li:hover>a, .no-touchevents .nav-menu .has-drop-down ul a:hover{ background-color: rgba(0, 0, 0, 0); } .side-menu .social-networks a i{ font-size:21px; } .side-menu .social-networks { margin-top: 17px; } .social-networks a i { padding: 0; font-size: 24px; } /*Audio Player*/ .iron-audioplayer .playlist .audio-track, .iron-audioplayer .playlist .track-number{ letter-spacing:3px; } .iron-audioplayer .track-title{ text-transform: uppercase; letter-spacing: 5px; } .iron-audioplayer .album-title { letter-spacing: 4px; margin-bottom:37px; } .iron-audioplayer .player .totalTime{ opacity:1 !important; font-weight:bold; } .iron_widget_radio .player{ max-width:800px; margin: 0 auto; } .iron-audioplayer .playlist .track-number{ font-weight:600; } @media only screen and (max-width: 990px) { .iron-audioplayer .playlist { margin: 0px auto; max-width: 350px; } } @media (min-width: 1144px) { .page-template-archive-posts-grid .news-grid-wrap a{ min-height: 526px !important; } .page-template-archive-posts-grid3 .news-grid-wrap a{ min-height: 370px !important; } .page-template-archive-posts-grid4 .news-grid-wrap a{ min-height: 310px !important; } } .heading-space{ padding-top: 25px; } .media-block .datetime, .media-block .category{ line-height:20px; } .single-album h4{ text-align: center; } /*FOR MOBILE PHONE*/ @media only screen and (max-width: 767px) { #pusher{ background-position: top left!important; } #footer .social-networks li { margin: 0 7px 41px 7px; } /* for iTunes and Google Play Buy now button on homepage.*/ .buybuttons{ text-align:center!important; } } /*--ABOUT ME--*/ /*--------single-image element hover------*/ .wpb_single_image a>img:hover{ opacity:0.7; } .wpb_single_image a>img:{ transition: all 0.6s ease; } /*--WOOCOMMERCE--*/ .tint, .attachment-shop_catalog{ background-color: rgba(255, 255, 255, 0); } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ padding-top:25px; text-align: center; } .single-product .container{ margin-top: 100px; } .woocommerce-page input{ font-size:16px; } .woocommerce-Price-amount.amount { font-size: 18px; } /*old code// .single-product .product { padding: 40px; } .product, .woocommerce table{ background-color: rgba(0, 0, 0, 0.6)!important; } */ table.shop_attributes, table.variations{ background-color: rgba(0, 0, 0, 0)!important; } .woocommerce-page a.button:hover, .woocommerce #respond input#submit:hover, button.single_add_to_cart_button.button.alt:hover, .woocommerce input.button:hover { color: black!important; } .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-info, .woocommerce-page th, .woocommerce-page td, .woocommerce-error li{ color:#ffffff!important; } .attachment-shop_catalog:hover { opacity: 1; } h1.page-title { margin-bottom: 5%; } .woocommerce-page.single-product div.product .woocommerce-Tabs-panel--additional_information.panel,.single-product table.shop_attributes, .woocommerce-page #reviews #comments ol.commentlist li .comment-text, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce table.shop_table, .woocommerce-page table.shop_table, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th, .woocommerce table.shop_table td, .woocommerce-page table.shop_table td, .woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register, .woocommerce-page form.login, .woocommerce-page form.checkout_coupon, .woocommerce-page form.register{ border-color:#ffffff!important; } #add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before{ border:1em solid #000000; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } .woocommerce-checkout #payment div.payment_box, .form-row.place-order{ background-color:#000000; } /*Pomotion Box*/ .promobox.animation-zoom img{ border: 0px; } a.promobox { max-width: initial; max-height: 650px; } /*--Divider image transition--*/ @keyframes divider { 0% {-webkit-transform: scale(0); transform: scaleX(0);} 90% {-webkit-transform: scale(0); transform: scaleX(0);} 100% {-webkit-transform: scale(1);transform: scaleX(1);} } .page-title img, .imagedivider img{ animation-name: divider; animation-duration: 1s; animation-timing-function: ease; } .background-tint > .blur{ background-color: rgba(0, 0, 0, 0.85);-webkit-backdrop-filter: saturate(0%) blur(0px);} .background-tint > .tint{background-color: rgba(0, 0, 0, 0);} #overlay #bg1,#bg2,#bg3,#bg4,#bg5,#bg6,#bg7,#bg8,#bg9,#bg10,#bg11,#bg12,#bg13,#bg14,#bg15,#bg16,#bg17,#bg18,#bg19,#bg20,#bg21,#bg22,#bg23,#bg24,#bg25,#bg26,#bg27,#bg28,#bg29{ width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #bg1 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-01.jpg'); opacity:1; z-index:-32; } #bg2 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-02.jpg'); opacity:0; z-index:-31; } #bg3 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-03.jpg'); opacity:0; z-index:-30; } #bg4 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-04.jpg'); opacity:0; z-index:-29; } #bg5 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-05.jpg'); opacity:0; z-index:-28; } #bg6 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-06.jpg'); opacity:0; z-index:-27; } #bg7 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-07.jpg'); opacity:0; z-index:-26; } #bg8 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-08.jpg'); opacity:0; z-index:-25; } #bg9 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-09.jpg'); opacity:0; z-index:-24; } #bg10 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-10.jpg'); opacity:0; z-index:-23; } #bg11 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-11.jpg'); opacity:0; z-index:-22; } #bg12 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-12.jpg'); opacity:0; z-index:-21; } #bg13 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-13.jpg'); opacity:0; z-index:-20; } #bg14 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-14.jpg'); opacity:0; z-index:-19; } #bg15 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-15.jpg'); opacity:0; z-index:-18; } #bg16 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-16.jpg'); opacity:0; z-index:-17; } #bg17 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-17.jpg'); opacity:0; z-index:-16; } #bg18 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-18.jpg'); opacity:0; z-index:-15; } #bg19 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-19.jpg'); opacity:0; z-index:-14; } #bg20 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-20.jpg'); opacity:0; z-index:-13; } #bg21 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-21.jpg'); opacity:0; z-index:-12; } #bg22 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-22.jpg'); opacity:0; z-index:-11; } #bg23 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-23.jpg'); opacity:0; z-index:-10; } #bg24 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-24.jpg'); opacity:0; z-index:-9; } #bg25 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-25.jpg'); opacity:0; z-index:-8; } #bg26 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-26.jpg'); opacity:0; z-index:-7; } #bg27 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-27.jpg'); opacity:0; z-index:-6; } #bg28 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-28.jpg'); opacity:0; z-index:-5; } #bg29 { background-image:url('https://atmotech.com/wp-content/themes/croma/images/bg/bg-29.jpg'); opacity:0; z-index:-4; } #overlay .perspective1 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-01.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective2 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-02.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective3 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-03.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective4 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-04.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective5 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-05.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective6 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-06.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective7 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-07.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective8 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-08.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective9 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-09.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective10 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-10.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective11 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-11.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective12 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-12.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective13 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-13.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective14 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-14.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective15 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-15.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective16 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-16.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective17 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-17.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective18 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-18.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective19 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-19.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective20 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-20.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective21 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-21.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective22 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-22.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective23 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-23.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective24 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-24.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective25 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-25.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective26 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-26.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective27 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-27.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective28 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-28.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .perspective29 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-29.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .contact1 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-11.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .contact2 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-19.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .contact3 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-22.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .music1 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-3.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .music2 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/themes/croma/images/bg/bg-17.jpg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .music3 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/uploads/2025/08/Unknown9.jpeg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .about1 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/uploads/2025/08/Unknown11.jpeg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .about2 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/uploads/2025/09/Unknown70.jpeg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } #overlay .about3 { opacity: 1; width: 100vw; position: fixed; top: 0; left: 0; height: 100vh; background-position: left bottom; content: ''; z-index: 10; background-image: url(https://atmotech.com/wp-content/uploads/2025/08/Unknown11.jpeg); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-size: cover; background-attachment: initial; transform-origin: 35% center 0; } /* ░░░░░░░░░░░░░░░░░░░▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄░░ ██░░██░░░░░░░░░░░▄█░░░░░░████░░████████▄ ██▄▄██░░░░░░░░░░░████░░██████░░█████████ ▀████▀░████░█░░█░████░░█░██░█░▄▄░█░░▄▄██ ░░██░░░█░░█░█▄▄█░████░░█░░░░█░▀▀░█░░▄▄██ ░░██░░░████░████░▀███▄▄█▄▄▄▄█▄▄▄▄█▄▄▄▄█▀ ░░░░░░░░░░░░░░░░░░░▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀░░ JQUERY YOUTUBE / IFRAME VIDEO PLAYER WITH PLAYLIST Quick, easy way to dynamically create and update YouTube playlists for iframe video embeds. Works for any iFrame embed. Essentially, just replacing one Iframe with another when a playlist button is clicked. Simple, minimal mark-up. Uses native YouTube iframe embed. When a button in the playlist is clicked the video iframe url and video caption contained in the button data attributes are written to and update their respective fields in the video player mark-up -as follows: #YouTube-Iframe (SRC) and #video-caption (HTML) Nice things is - once a user interacts with the video, they should autoplay when a button is clicked and new video iframe loaded. Created a player like this for Wordpress using Advanced Custom Fields if anyone is intersted in that. --- FEATURING NEW ORLEANS /* =================================================== */ /* FONT --> Every font has different values. Hence, when styling - use your preferred font. */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,600;1,400&display=swap'); /* jQUERY YOUTUBE VIDEO PLAYER Updated using jQuery data attrubtes */ :root { /* DEFAULT YOUTUBE VIDEO ASPECT RATIO */ --video-aspect-ratio: 16 / 9; /* PLAYER CONTAINER STYLES*/ --player-font: Montserrat; --player-background-color: rgba(111, 137, 203, 0.75); --player-border-color: rgba(32, 58, 144, 0.75); --player-border-width: 5px; /* <-- 0 = no border */ /* PLAYLIST STYLES */ --playlist-background-color: rgba(32, 58, 144, 0.75); /* PLAYLIST BUTTON STYLES */ --playlist-button-font-size: 18px; --playlist-button-mobile-font-size 15px; --playlist-button-text-color: rgba(255, 255, 255, 1); --playlist-button-border-color: rgba(255, 255, 255, 0.5); --playlist-button-border-hover-color: rgba(223, 197, 111, 0.90); --playlist-button-border-active-color: rgba(255, 255, 255, 0.8); --playlist-button-text-color: rgba(255, 255, 255, 1); --playlist-button-text-transform: lowercase; /* <-- uppercase - lowercase- normal - etc.*/ /* PLAYER BUTTON WIDTH Sets aspect ratio width and height in scrolling playlist grid */ --playlist-button-width: 190px; --playlist-button-mobile-width: 163px; /* CAPTION STYLES */ --caption-container-padding: 15px; /* <-- PADDING SETS CONTAINER HEIGHT*/ --caption-container-mobile-padding: 15px; --caption-font-size: 20px; --caption-font-mobile-size: 18px; --caption-text-color: rgba(255, 255, 255, 1); --caption-text-transform: uppercase; /* <-- uppercase - lowercase- normal - etc.*/ /* FOR DEMO */ --parent-container-max-width:944px; /* <-- PLAY WITH ME */ } /* FOR DEMO */ .parent-container { width: 100%; max-width: var(--parent-container-max-width); margin: 0 auto; padding-top:20px; padding-bottom:15px; background-color:#000000CC !important; border-radius:20px !important; } @media only screen and (max-width: 354px) { .parent-container { padding-top:0; } } /* BEGIN YOUTUBE PLAYER CSS */ #video-player { /* border: var(--player-border-width) solid var(--player-border-color);*/ /* background-color: var(--player-background-color);*/ } #video-player iframe { aspect-ratio: var(--video-aspect-ratio); width: 50% !important; height: auto !important; background:black; position:absolute; right:37px; } #video-caption { font-family: var(--player-font); color: var(--caption-text-color); font-size: var(--caption-text-size); letter-spacing: 2px; text-transform: var(--caption-text-transform); width: 100%; overflow: hidden; padding-left: 15px; padding-right: 15px; /* top padding less 5 pixels. Looked nicer. */ padding-top: calc(var(--caption-container-padding) - 5px); padding-bottom: var(--caption-container-padding); } /* MEDIA QUERY for CAPTION */ @media only screen and (max-width: 980px) { #video-caption { letter-spacing: 0px; padding-top: calc(var(--caption-container-mobile-padding) - 5px); padding-bottom: var(--caption-container-mobile-padding); } } #playlist { /* background-color: var(--playlist-background-color); */ overflow: scroll-y; padding-right: 15px; padding-left: 25px; /* grid layout for playlist */ display: grid; grid-gap: 10px; /* grid-template-rows: repeat( auto-fill, minmax(var(--playlist-button-width), 1fr) ); grid-auto-flow: row; grid-auto-rows: minmax(var(--playlist-button-width), 1fr); */ overflow-y: auto; clear:none; height:275px; } /* MEDIA QUERY for PLAYLIST GRID */ @media only screen and (max-width: 980px) { #playlist { grid-auto-columns: minmax(var(--playlist-button-mobile-width), 1fr); grid-template-columns: repeat( auto-fill, minmax(var(--playlist-button-mobile-width), 1fr) ); } } #playlist button { aspect-ratio: var(--video-aspect-ratio); width: var(--playlist-button-width); font-family: var(--player-font); font-size: var(--playlist-button-font-size); color: var(--playlist-button-text-color); text-transform: var(--playlist-button-text-transform); overflow: hidden; border: solid 2px var(--playlist-button-border-color); filter: brightness(0.7); height: 50%; background-size: cover; background-position: center; padding-left: 10px; padding-right:10px; letter-spacing:1px; transition: all 300ms ease; /* CUSTOM PLAYLIST BUTTON CURSOR */ cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMi1jMDAwIDc5LjU2NmViYzViNCwgMjAyMi8wNS8wOS0wODoyNTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QURDQ0ZGRURGMUFBMTFFQ0JCQTFDMDBCMDE0NDg5M0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QURDQ0ZGRUVGMUFBMTFFQ0JCQTFDMDBCMDE0NDg5M0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRENDRkZFQkYxQUExMUVDQkJBMUMwMEIwMTQ0ODkzRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRENDRkZFQ0YxQUExMUVDQkJBMUMwMEIwMTQ0ODkzRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps/vyusAAAdxSURBVHja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), auto; } #playlist button:hover { filter: brightness(1); border:solid 2px var(--playlist-button-border-hover-color); } #playlist button:focus, #playlist button.active { filter: brightness(1); border:solid 2px var(--playlist-button-border-active-color); cursor:none !important; opacity:1; } .activebutt { opacity:1; } .listrow { height:25px; color:white; } div.lazyload { height:25px; color:white; } div.lazyload.listrow { cursor:pointer; } #playlist button:active { transform: scale(0.95); opacity:1; } /* MEDIA QUERY for PLAYLIST BUTTON*/ @media only screen and (max-width: 979px) { #playlist button { width: var(--playlist-button-mobile-width); font-size: var(--playlist-button-mobile-font-size); padding-top: calc(var(--caption-container-mobile-padding) - 5px); padding-bottom: var(--caption-container-mobile-padding); font-size: var( --caption-font-mobile-size); letter-spacing: 0px; } } /************************* // END PLAYER MARK-UP */ /* DEMO PAGE STUFF */ /* ADD STROKE TO TEXT */ #video-player h3, h4, button, #video-caption { text-transform:letter-spacing:2px; text-shadow: 2px 0 0 rgba(0, 0, 0, 0.5), 0 2px 0 rgba(0, 0, 0, 0.5), -2px 0 0 rgba(0, 0, 0, 0.5), 0 -2px 0 rgba(0, 0, 0, 0.5); } article {padding-top:20px;padding-bottom:300px;opacity:0.90} article h3, h4 {line-height:1;margin:0;} article h3 {padding-bottom:5px;font-size:30px;text-transform:uppercase;letter-spacing:2px;} article h4 {font-size:25px;letter-spacing:1px;} article p {font-size:21px;letter-spacing:1px;} @media only screen and (max-width: 980px) { article {padding-top:35px;padding-left:20px;padding-right:20px;padding-bottom:300px;} article h3, h4 {line-height:1;margin:0;} article h3 {padding-bottom:5px;font-size:21px;text-transform:uppercase;letter-spacing:2px;} article h4 {font-size:18px;letter-spacing:1px;} article p {font-size:16px;letter-spacing:1px;} } body, html { text-rendering: optimizeLegibility; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-fon-smoothing: grayscale; font-family: 'Montserrat', sans-serif; } body { background: #111; color:white; } @media only screen and (max-width: 980px) { body { padding-top: 0px; } } .html5-video-player { position:relative; width:354px; height:199px; left:400px; } /* ===================================================* ."". ."", | | / / | | / / | | / / | |/ ;-._ } ` _/ / ; | /` ) / / PEACE and LOVE | / /_/\_/\ |/ / | Mark in New Orleans ( ' \ '- | \ `. / | | | | /* ===================================================*/ .menu-toggle rect{ fill:#131112; }ul.header-top-menu li a{color:#131112;}.menu-toggle-off polygon{ fill:#131112; }