/*
Theme Name: BrightHub Child
Template: brighthub
Version: 1.0.0
*/
/*POSTOJE IZMJENE U GLAVNOJ TEMI - BACKUP /style.css + /assset/css/style.css + asset /css/style/scss/bannerbox.scss+blog.scss+elements.scss+iconbox.scss*/

/* Font Awesome Pro: fix Lighthouse "font-display" */
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/wp-content/plugins/case-addons/assets/libs/font-awesome-pro/webfonts/fa-light-300.woff2") format("woff2");
}

@font-face {
  font-family: "Caseicon";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("/wp-content/themes/brighthub/assets/fonts/caseicon/caseicon.woff2") format("woff2");
}

@media screen and (max-width: 575px) {
    body {
        font-size: 16px!important;
    }
}

@media screen and (max-width: 767px) {
	h1 {font-size: 32px!important;line-height:34px!important}
	h2 {font-size: 26px!important;line-height:26px!important}
	h3 {font-size: 22px!important;line-height:22px!important}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
	h6 {font-size: 16px;}
	#pxl-header-default .pxl-header-branding, #pxl-header-elementor .pxl-header-branding {min-height: 38px;margin: 10px;}
	.pxl-tabs__list {flex-wrap: nowrap; overflow-y: scroll;}
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
	h1 {font-size: 44px!important;}
	h2 {font-size: 32px!important;}
	h3 {font-size: 28px!important;}
	h4 {font-size: 22px;}
	h5 {font-size: 18px;}
	h6 {font-size: 16px;}
}

.btn-default:hover {
	background-color: #ff7573!important;
}

.pxl-icon-box__layout-1 .pxl-icon-box__icon-gradient::before {
	background: linear-gradient(90deg, #FF7573 -31.8%, #FFBD6F 100%);
}

.pxl-icon-box__layout-1 .pxl-icon-box__icon-gradient::after {
	border: none;
}

.pxl-tabs__style-3 .pxl-tabs__list-item svg path {
	fill: #FF7573;
}

.pxl-icon-box-carousel--layout-1 .pxl-icon-box__item-inner {
	border-radius: 12px;
}

.pxl-icon-box-carousel--layout-1 .pxl-icon-box__item-button a, .pxl-icon-box-carousel--layout-1 .pxl-icon-box__item-button span {
	border-radius: 6px;
}

.pxl-heading .pxl-heading__sub, .pxl-tabs__list-item.active {
	background-image: linear-gradient(180deg, var(--e-global-color-secondary) 0%, var(--e-global-color-2c42d5f) 100%);
}

html {
  scroll-padding-top: 88px!important;
}

.pxl-menu__primary .sub-menu li a .pxl-menu__text:before, .pxl-menu__primary .children li a .pxl-menu__text:before {
	background-color: #624cb9;
}

.pxl-menu .pxl-menu__primary .sub-menu {
	padding-left: 12px;
	padding-right: 12px;
}


@media screen and (min-width: 1201px) {
    .pxl-menu.divider-move--style-2 .pxl-menu__divider {
        border-radius: 6px!important;
    }
}

.pxl-menu.divider-move--style-2 .pxl-menu__divider {
    background-color: transparent!important;
    color: #FFFFFF!important;
    background-image: linear-gradient(0deg, var(--e-global-color-2c42d5f) 0%, var(--e-global-color-secondary) 100%)!important;
    height: 48px!important;
    border: 0px!important;
}

.pxl-menu.divider-move--style-2 .pxl-menu__divider::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    border: 0.6px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.02);
    box-shadow: 0 0 6px 0 rgba(255, 255, 255, 0.16) inset;
    backdrop-filter: blur(6px);
    z-index: 0;
}

.dc-main-desk li:hover {
    background-image: linear-gradient(90deg, #FF7573 80%, #FFBD6F 100%) !important;
    border-radius: 6px;
}

@media screen and (max-width: 1366px) and (min-width: 1201px) {
	.pxl-menu.divider-move--style-2 .pxl-menu__divider, .pxl-menu.divider-move--style-2 .pxl-menu__divider::after {
		height: 38px!important;
	}
}

@media screen and (min-width: 1201px) {
    .pxl-menu.divider-move--style-2 .pxl-menu__primary > li > a { 
        padding: 0 10px!important;
    }
}


.pxl-menu__primary > li.pxl-megamenu:hover > a,
.pxl-menu__primary > li.pxl-megamenu.current-menu-item > a,
.pxl-menu__primary > li.pxl-megamenu.current_page_item > a{
  background: linear-gradient(90deg, #FF7573 80%, #FFBD6F 100%) !important;
    border-radius: 6px !important; 
  box-shadow: none !important;
}


.pxl-menu:has(.pxl-menu__primary > li.pxl-megamenu:hover) > .pxl-menu__divider {
  opacity: 0 !important;
}

.pxl-menu__primary > li.pxl-megamenu > a{
  transition-property: background, color, box-shadow, transform, opacity !important; /* bez border-radius */
}

.dc-main-desk-sticky .pxl-menu.divider-move--style-2 .pxl-menu__divider {
    background-color: transparent!important;
    color: #FFFFFF!important;
    background-image: linear-gradient(0deg, var(--e-global-color-2c42d5f) 0%, var(--e-global-color-secondary) 100%)!important;
    height: 28px!important;
    border: 0px!important;
}

@media screen and (min-width: 1201px) {
    .pxl-menu.divider-move--style-2 .pxl-menu__primary .sub-menu.pxl-mega-menu {
		width: 100%;
	}
}

@media screen and (max-width: 1200px) {
    #pxl-header-elementor #pxl-header-mobile.style-dark {
		background: linear-gradient(0deg, var(--e-global-color-2c42d5f) 0%, var(--e-global-color-secondary) 100%);
	}
	#pxl-header-elementor #pxl-header-mobile.style-dark .pxl-header-menu {
        background: linear-gradient(0deg, var(--e-global-color-2c42d5f) 0%, var(--e-global-color-secondary) 100%);
    }
	.pxl-header-mobile-default {
		margin-left: auto;
		margin-right: auto;
	}
	    .pxl-menu__primary .sub-menu li a, .pxl-menu__primary .children li a {
        font-weight: 400;
		line-height: 1.3em;
		padding-top: 10px;
        padding-bottom: 10px;
    }
}

.pxl-swiper__nav-style-1 {
	background-color: var(--e-global-color-secondary);
	background-image: linear-gradient(180deg, var(--e-global-color-secondary) 0%, var(--e-global-color-2c42d5f) 100%);
}

.pxl-swiper__nav-style-1 .pxl-swiper__nav-item {
	background-color: #fff;
	margin: 4px;
}

.pxl-swiper__nav-style-1, .pxl-swiper__nav-item {
	border-radius: 6px!important;
}

.createfirstprocessbutton {
	display: none!important;
}