/*
Theme Name: JetBlack Intro
Theme URI: https://fireflythemes.com/themes/jetblack-intro/
Author: FireFly Themes
Author URI: https://fireflythemes.com/
Description: Our new JetBlack Intro child theme is designed to work seamlessly with our popular JetBlack WordPress theme. While inheriting all the functionality and features of the parent theme, JetBlack Intro offers a distinctive header design. This versatile WordPress theme is suitable for any type of business and offers a sleek, modern look that will help your website stand out. With customizable options and a smooth design, JetBlack Intro is sure to attract new visitors. It is also optimized for fast loading and is fully responsive. You can easily import demo content using the one-click demo importer plugin. For even more flexible functionality, you can upgrade to the premium version of the theme. Visit https://fireflythemes.com/support for support, https://fireflythemes.com/documentation/jetblack-intro for theme documentation and https://demo.fireflythemes.com/jetblack for demo.
Version: 1.1.3
Requires at least: 5.7
Tested up to: 6.2
Requires PHP: 7.3
License: GPL-3.0-or-later
License URI: https://www.gnu.org/licenses/license-list.html#GNUGPLv3
Text Domain: jetblack-intro
Template: jetblack
Tags: blog, news, portfolio, grid-layout, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-logo, custom-menu, editor-style, featured-iintroe-header, featured-iintroes, flexible-header, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks

JetBlack Intro Theme WordPress Theme, Copyright 2021 FireFly Themes
JetBlack Intro Theme is distributed under the terms of the GNU GPL

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.
*/




/**
 * Music Scheme
 */

 .ff-button, .ff-button:visited, button, a.button, .ff-button.button-secondary:hover, .ff-button.button-secondary:active, .ff-button.button-secondary:focus, input[type="button"], input[type="reset"], input[type="submit"], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, #hero-section .featured-info a.more-link, #hero-section .featured-info a.more-link:visited, #promotion-section a.more-link, #promotion-section a.more-link:visited, a.scrollup, a.scrollup:visited, .footer-widget-area .widget-title:after, .section .section-title-wrap span.divider, #slider-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .cart-contents p.woocommerce-mini-cart__buttons.buttons .button, .sidebar .widget-title:after, .section-latest-posts .new-cat a, .swiper-carousel-enabled .swiper-pagination-bullet-active, .swiper-carousel-enabled .swiper-pagination-bullet:hover, .swiper-carousel-enabled .swiper-pagination-bullet:focus, .swiper-carousel-enabled .swiper-pagination-bullet:active, a.comment-reply-link, .nav-inner-wrapper.nav-color-bg, .nav-inner-wrapper.nav-color-bg.sticky-enabled.sticky-header, .section .section-title-wrap span.divider:after, .section .title-divider, #slider-section .swiper-slide .divider, .overlap-header .main-navigation ul li.current-menu-item > a:before, .overlap-header .main-navigation ul li.current-menu-ancestor > a:before, .overlap-header .main-navigation ul li.current_page_item > a:before, .overlap-header .main-navigation ul li:hover > a:before, .overlap-header .main-navigation ul li a:hover:before, .overlap-header .main-navigation ul li a:focus:before, #slider-section a.more-link, #slider-section a.more-link:visited, .wwd-item-title:after, .featured-grid-title:after, .section-latest-posts .new-cat a, .post-thumbnail .cat-links a, #playlist-section .mejs-container, #playlist-section .mejs-embed, #playlist-section .mejs-embed body, #playlist-section .mejs-container .mejs-controls, #playlist-section .wp-playlist-tracks .wp-playlist-item.wp-playlist-playing, #playlist-section .wp-playlist-tracks .wp-playlist-item:hover, .pricing-section .pricing-plan-item.recommended .pricing-plan-header, #promotional-headline-section a.more-link, #promotional-headline-section a.more-link:visited, #hero-content-section .featured-info a.more-link, #hero-content-section .featured-info a.more-link:visited, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range, #slider-section .swiper-button-next:hover, #slider-section .swiper-button-prev:hover, #slider-section .swiper-button-next:focus, #slider-section .swiper-button-prev:focus, #slider-section .swiper-button-next:active, #slider-section .swiper-button-prev:active, .section .section-top-subtitle:before, .contact-icon, .counter-section .counter-icon:before, .section-teams .social-link-plus, .section-latest-posts .new-cat a, .post-thumbnail .cat-links a, .section-latest-posts .new-cat a:visited, .post-thumbnail .cat-links a:visited, #quick-contact.layout-two li:before, .style-one .key-features-wrapper-style-one,#hero-content-section a.more-link, #hero-content-section a.more-link:visited, #promotional-headline-section a.more-link, #promotional-headline-section a.more-link:visited {
    background-color: #db4f3d;
}

#breadcrumb li a:hover, .bcn-breadctumb span a:hover, #breadcrumb li a:focus, .bcn-breadctumb span a:focus, #breadcrumb li a:active, .bcn-breadctumb span a:active, .section-portfolio .portfolio-content h3 a:hover, a:active, a:focus, a:hover, a.wwd-fonts-icon, a:active, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:hover, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active, .overlap-header .site-title a:hover, .overlap-header .site-title a:focus, .overlap-header .site-title a:active, .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current-menu-ancestor > a, .main-navigation ul li:hover > a, .main-navigation ul li:hover > a, .main-navigation ul li:hover > a, #main-nav .main-navigation ul ul li.current-menu-item > a, #main-nav .main-navigation ul ul li.current-menu-ancestor > a, #main-nav .main-navigation ul ul li.current_page_item > a, #main-nav .main-navigation ul ul li:hover > a, #main-nav .main-navigation ul ul li a:hover, #main-nav .main-navigation ul ul li a:focus, #main-nav .main-navigation ul ul li a:active #search-toggle:hover, #search-toggle:focus, #breadcrumb li a:hover, #breadcrumb li a:focus, #breadcrumb li a:active, #breadcrumb, #search-toggle:active, .entry-title a:hover, .entry-title a:focus, .entry-title a:active, .entry-meta a:hover, .entry-meta a:focus, .entry-meta a:active, .sidebar ul li a:hover, .sidebar ul li a:focus, .sidebar ul li a:active, .comment-metadata > a:hover, .comment-metadata > a:focus, .comment-metadata > a:active, .nav-inner-wrapper.nav-black-bg .main-navigation ul li.current-menu-item > a, .nav-inner-wrapper.nav-black-bg .main-navigation ul li.current-menu-ancestor > a, .nav-inner-wrapper.nav-black-bg .main-navigation ul li.current_page_item > a, .nav-inner-wrapper.nav-black-bg .main-navigation ul li:hover > a, .nav-inner-wrapper.nav-black-bg .main-navigation ul li:hover > a, .nav-inner-wrapper.nav-black-bg .main-navigation ul li:hover > a, .section-teams .team-position, .counter-section .counter-icon i, .site-title a:hover, .site-title a:focus, .site-title a:active, .footer-widget-area ul li::before, .section .section-top-subtitle, .portfolio-filter a.current, .portfolio-filter a:hover, .section-counter .counter-icon i, .cart-contents a:hover, .cart-contents a:focus, .cart-contents a:active, .footer-widget-area a:active, .footer-widget-area a:focus, .footer-widget-area a:hover, .section-testimonial p.testimonial-position, .featured-page-section ul li:before, .key-features-section a.key-features-icon, .recent-work-filter button.current, .recent-work-filter button:hover, a.more-link:hover, a.more-link:focus, a.more-link:active, .cart-contents a:hover, .cart-contents a:focus, .cart-contents a:active, #search-toggle:hover, #search-toggle:focus, #search-toggle:active {
    color: #db4f3d;
}



.sticky .hentry-inner,#slider-section .swiper-slide .slider-subtitle {
    border-color: #db4f3d;
}
.main-header-one .main-header-top,.inner-block-shadow {
    border-bottom-color: #db4f3d;
}
.site-border{
    border-top-color: #db4f3d;
}

.wp-block-quote:not(.is-large):not(.is-style-large), blockquote {
    border-left-color: #db4f3d;
}
#hero-content-section a.more-link:hover, #hero-content-section a.more-link:focus, 
#hero-content-section a.more-link:active, #promotional-headline-section a.more-link:hover, 
#promotional-headline-section a.more-link:focus, #promotional-headline-section a.more-link:active,
#slider-section a.more-link:hover, #slider-section a.more-link:active, #slider-section a.more-link:focus {
    background: #ffffff;
    color: #222;
}



.main-header-eight #masthead,
.main-header-eight .nav-inner-wrapper {
    background: #000000;
}

.main-header-eight #top-header {
    border:none;
}

.main-header-eight .header-wrapper {
    background: #222222;
}
.main-header-eight .site-border {
    border-top-color: #db4f3d;
    border-top-width: 1px;
}
@media only screen and (min-width: 900px) {
    .section-featured-page .row {
        display: flex;
        align-content: center;
        align-items: center;
    }
}

.section.overlay-enabled:after {
    background: #000;
    opacity: 0.5;
}

.page-content  a, .entry-content  a, .entry-summary  a, .widget .textwidget a, .comment-content a, table a {
    text-decoration: underline;
}


@media screen and (max-width: 909px) {
    #main-nav {
        position: relative;
    }
}

/* Osigurajte da kontejner ima širinu 100% */
.iframe-container {
    width: 100%;
    padding: 0;
    margin: 0 auto;  /* Centriraj kontejner */
    display: block;
    position: relative;  /* Dodajamo relativno pozicioniranje */
}

/* Stil za iframe - omogućava adaptivnost i zadržava proporcije */
.custom-iframe {
    width: calc(100% - 2cm);  /* Širina sa pomakom za 1cm sa obe strane */
    aspect-ratio: 16 / 9; /* Zadrži proporciju 16:9 (možeš promeniti po želji) */
    border: none;
    margin: 0 auto; /* Centriraj iframe unutar kontejnera */
    display: block; /* Osiguraj da je iframe blok element */
}

/* Za mobilne uređaje (manji od 768px) */
@media screen and (max-width: 767px) {
    .custom-iframe {
        width: 100%; /* Puni širinu za mobilne uređaje */
        aspect-ratio: 16 / 9; /* Zadrži proporciju za mobilne uređaje */
    }

    .iframe-container {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}

/* Za desktop uređaje (veće od 768px) */
@media screen and (min-width: 768px) {
    .custom-iframe {
        width: calc(100% - 5cm);  /* Širina sa pomakom za 1cm sa obe strane */
        aspect-ratio: 16 / 8; /* Zadrži proporciju za veće ekrane */
    }

    .iframe-container {
        margin-left: auto;  /* Automatski levi razmak */
        margin-right: auto; /* Automatski desni razmak */
    }
}

/* Poništavanje maksimalne širine za roditeljske kontejnere */
.iframe-wrapper, .iframe-container {
    width: 100% !important;   /* Osiguraj da roditeljski kontejneri zauzimaju punu širinu */
    max-width: 100% !important; /* Poništi maksimalnu širinu */
    margin: 0 auto;             /* Centriraj kontejner */
    padding: 0 !important;     /* Ukloni padding koji bi mogao ometati širinu */
    display: block;
}

/* Osiguraj da roditeljski kontejneri nemaju nikakva ograničenja */
.container, .row {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;     /* Poništi padding za ove kontejnere */
    margin: 0 !important;      /* Poništi marginu */
}

/* Responzivni video */
.video-wrapper {
    max-width: 100%; /* Maksimalna širina 100% ekrana */
    position: relative;
    margin-bottom: 40px; /* Razmak ispod videa */
    background: #000;
}

/* Za video unutar video-wrapper-a */
.responsive-video {
    width: 100%;  /* Video će zauzeti 100% širine svog roditelja */
    height: auto; /* Visina se automatski prilagođava u skladu sa širinom */
    aspect-ratio: 16 / 9; /* Održavanje 16:9 proporcija */
}

/* Maksimalna širina za desktop uređaje (možeš menjati vrednost max-width) */
@media (min-width: 1024px) {
    .video-wrapper {
        max-width: 1730px; /* Maksimalna širina za veće ekrane, promeni vrednost prema potrebama */
        margin-left: auto;
        margin-right: auto;
    }
}
.btns-flex{
	display: flex;
	padding: 40px 0;
	align-items: center;
	justify-content: center;
}
.visit-3d-btn{
	margin: 0 16px;
	display: block;
	flex: 0 240px;
	max-width: 240px;
	line-height: 40px;
	text-align:center;
	background: #db4f3d;
	color: #fff;
	font-size: 18px;
	transition: .3s all ease-in-out;
}
.visit-3d-btn:visited{
	color:#fff;
}
.visit-3d-btn:hover{
	color:#fff;
	background-color: darkred;
}
.site-branding img{
	height: 100px;
	width: auto;
}
#masthead{
	padding: 0;
}
p.site-description{
	margin-bottom: 16px;
}
.iframe-content-text{
	padding: 40px 0 20px;
	text-align: center;
	color: #fff;
}
.iframe-content-text h3{
	font-size: 32px;
}
.iframe-content-text p{
	font-size 18px;
}
.about-us-home{
	padding: 60px 0;
	text-align: center;
}
.about-us-home p{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	font-size: 18px;
}

/* Razmak između svake sekcije slika (slika i tekst) */
.image-text-section {
    display: flex;
    flex-direction: column; /* Postavite slike i tekst u vertikalni raspored */
    align-items: center;
    margin-bottom: 30px; /* Razmak između svake sekcije slika */
}

/* Stil za slike u sekcijama */
.image-section {
    width: 100%;
    max-width: auto; /* Maksimalna širina slike */
    height: auto; /* Održava proporcionalne dimenzije slike */
    margin-bottom: 30px; /* Razmak između slike i teksta */
}

/* Razmak između slika i video prezentacije (u video-wrapper-u) */
.video-wrapper {
    margin-bottom: 30px; /* Dodajte razmak ispod videa */
}

/* Stil za tekst ispod slika */
.text-section {
    text-align: center; /* Centriranje teksta ispod slike */
}

/* Povećajte razmak između sekcija, po potrebi */