/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


/* used for menu */
:root,
.not-dark,
.is-expanded-menu #header {
    --cnvs-primary-menu-submenu-color: var(--cnvs-contrast-200);
    --cnvs-primary-menu-hover-color: var(--cnvs-themecolor);
    --cnvs-primary-menu-submenu-hover-bg: var(--cnvs-contrast-900);
    --cnvs-primary-menu-submenu-hover-color: var(--cnvs-contrast-0);
    --cnvs-primary-menu-submenu-border: 1px solid var(--cnvs-body-bg);
    --cnvs-primary-menu-submenu-border-radius: 10px;
}

.is-expanded-menu .sub-menu-container,
.is-expanded-menu .mega-menu-content {
    border-top: var(--cnvs-primary-menu-submenu-border);
    border-radius: var(--cnvs-primary-menu-submenu-border-radius);
}

.is-expanded-menu .menu-item:first-child .menu-link {
    border-top-left-radius: var(--cnvs-primary-menu-submenu-border-radius);
    border-top-right-radius: var(--cnvs-primary-menu-submenu-border-radius);
}

.is-expanded-menu .menu-item:last-child .menu-link {
    border-bottom-left-radius: var(--cnvs-primary-menu-submenu-border-radius);
    border-bottom-right-radius: var(--cnvs-primary-menu-submenu-border-radius);
}

.is-expanded-menu .mega-menu-content .sub-menu-container + .sub-menu-container {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.is-expanded-menu .sub-menu-container .menu-item > .menu-link,
.is-expanded-menu .sub-menu-container .menu-item:hover > .menu-link {
    font-weight: 400;
}

.is-expanded-menu .sub-menu-container .menu-item:not(:first-child) {
    border-top: 1px solid rgba(var(--cnvs-contrast-rgb),.07);
}

/*-----------------------------------------------------------------------------------
	Gray Scheme
-----------------------------------------------------------------------------------*/
.gray-custom {
  --cnvs-contrast-bg: #FFFFFF;
  --cnvs-contrast-bg-offset: #E0E0E0;
  --cnvs-contrast-0: #1A1A1A;
  --cnvs-contrast-100: #2B2B2B;
  --cnvs-contrast-200: #3C3C3C;
  --cnvs-contrast-300: #D6D6D6; /* за background на #copyrights */
  --cnvs-contrast-400: #6C6C6C;
  --cnvs-contrast-500: #8D8D8D;
  --cnvs-contrast-600: #AFAFAF;
  --cnvs-contrast-700: #D0D0D0;
  --cnvs-contrast-800: #1A1A1A;
  --cnvs-contrast-900: #111111;
  --cnvs-contrast-1000: #000000;

  --cnvs-contrast-rgb: 26, 26, 26;

  --cnvs-heading-color: var(--cnvs-contrast-900);
  --cnvs-topbar-bg: var(--cnvs-contrast-bg-offset);
  --cnvs-header-bg: var(--cnvs-contrast-bg);
  --cnvs-header-sticky-bg: var(--cnvs-contrast-bg);
  --cnvs-side-header-bg: var(--cnvs-contrast-bg);
  --cnvs-header-floating-bg: var(--cnvs-contrast-bg);
  --cnvs-primary-menu-submenu-bg: var(--cnvs-contrast-bg);
  --cnvs-section-bg: var(--cnvs-contrast-bg-offset);
  --cnvs-link-color:  var(--cnvs-contrast-400);

  --bs-link-color: var(--cnvs-contrast-0);
  color: var(--cnvs-contrast-800);
  

    /* === Footer специфични цветове === */
  --cnvs-footer-top-border: 5px solid rgba(26, 26, 26, 0.08); /* по-светла граница */
  --cnvs-footer-bg: #E0E0E0; /* фон на футъра */
  --cnvs-copyrights-link-color: #4D4D4D; /* линкове във футъра */
  --cnvs-primary-menu-font-color: #1A1A1A; /* основен текст в меню */
  --cnvs-primary-menu-hover-color: #000000; /* при hover */
  --cnvs-primary-menu-active-color: #000000; /* за активен елемент */
  --cnvs-primary-menu-submenu-bg: #F2F2F2; /* фон на подменю */

  /* --cnvs-themecolor: #1A1A1A;  */
  /* или #2A5D9F за акцент */


}

.gray-custom .widget_nav_menu li a:hover,
.gray-custom .widget_links li a:hover,
.gray-custom .widget_meta li a:hover,
.gray-custom .widget_archive li a:hover,
.gray-custom .widget_recent_comments li a:hover,
.gray-custom .widget_recent_entries li a:hover,
.gray-custom .widget_categories li a:hover,
.gray-custom .widget_pages li a:hover,
.gray-custom .widget_rss li a:hover {
  color: #999999 !important; /* тъмно сив при hover */
}





body.gray-custom {
  --cnvs-body-bg: var(--cnvs-contrast-bg);
}

.gray-custom #header .primary-menu > ul > li > a {
  color: #1A1A1A !important;
}

.gray-custom #header .primary-menu > ul > li > a:hover,
.gray-custom #header .primary-menu > ul > li.current > a {
  color: #000000 !important;
}

.gray-custom #header-wrap {
  background-color: #E0E0E0 !important;
}

.menu-item:hover > .menu-link {
  color: var(--cnvs-primary-menu-hover-color) !important;
}
.menu-item.current > .menu-link {
  color: var(--cnvs-primary-menu-active-color);
}

/* Slider HTML5 */
.revo-slider-emphasis-text {
    font-size: 64px;
    font-weight: 700;
    letter-spacing: -1px;
    font-family: 'Poppins', sans-serif;
    padding: 15px 20px;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
}

.revo-slider-desc-text {
    font-size: 20px;
    font-family: 'Lato', sans-serif;
    width: 650px;
    text-align: center;
    line-height: 1.5;
}

.revo-slider-caps-text {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 3px;
    font-family: 'Poppins', sans-serif;
}

.tp-video-play-button { display: none !important; }

.tp-caption { white-space: nowrap; }

/** Loader Delay to load files properly */
#loader-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}


/** fix for menu language and social icon sizes*/
.header-misc a i,
.header-misc a .i-style {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.i-medium.i-style {
    --cnvs-i-size: 2.54rem !important;
    margin: 0 0 5px 0 !important;
}


.gray-custom .i-style,
.gray-custom .i-plain,
.gray-custom .i-bordered{
  --cnvs-i-color: #1A1A1A !important;         /* черна икона */
  background-color: #ffffff;       /* бял фон */
  border: 1px solid #1A1A1A;
  color: var(--cnvs-i-color);
  transition: all 0.3s ease;
}

.gray-custom .i-style:hover,
.gray-custom .i-plain:hover,
.gray-custom .i-bordered:hover {
  --cnvs-i-color: #ffffff !important;         /* бяла икона при hover */
  background-color: #000000;       /* черен фон при hover */
  color: var(--cnvs-i-color);
  border-color: #000000;
}



/* contact us */
.text-nowrap {
	width: 600px;
	position: relative;
	z-index: 2;
	background-color: #FFF;
	transform: translateX(6%);
	padding: 0 20px 10px;
}

.dotted-bg::before {
	content: "";
	position: absolute;
	display: block;
	top: 40%;
	left: 35%;
	width: 110%;
	height: 120%;
	background-size: 12px 12px;
	background-position: center;
	transform: translate(-50%, -50%);
	background-image: radial-gradient(#3D80E4 14%, transparent 14%);
	-webkit-mask-image: radial-gradient(rgba(0,0,0,1),rgba(0,0,0,0) 75%);
	mask-image: radial-gradient(rgba(0,0,0,1),rgba(0,0,0,0) 75%);
	z-index: 0;
}

.dotted-bg::before { background-image: radial-gradient(rgba(255, 255, 255, 0.2) 14%, transparent 14%); }
.dotted-bg.dotted-bg-dark::before { background-image: radial-gradient(rgba(4, 4, 4, 0.2) 14%, transparent 14%); }


/* Responsive Device less than 992px (.device-md <)
-----------------------------------------------------------------*/
@media (max-width: 991.98px) {

    /* contact us */
	.text-nowrap {
		width: 100%;
		position: relative;
		z-index: 2;
		transform: none;
		padding: 0;
	}

}

/* About us */
.grid-border {
	overflow: inherit;
	--cnvs-grid-border-width: 1px;
	--cnvs-grid-border-color: var(--cnvs-contrast-200);
	--cnvs-grid-border-opacity: 1;
}

.grid-border [class^=col-] {
	margin: calc(-1 * var(--cnvs-grid-border-width)) 0 0 calc(-1 * var(--cnvs-grid-border-width));
	padding: 30px;
	border: var(--cnvs-grid-border-width) solid var(--cnvs-grid-border-color);
}

.grid-border [class^=col-]::before,
.grid-border [class^=col-]::after {
	display: none;
}

.grid-border [class^=col-]:hover {
	--cnvs-grid-border-color: var(--cnvs-themecolor);
	background-color: rgba(var(--cnvs-themecolor-rgb),0.1);
	z-index: 1;
}



/* RESPONSIVE */

/* 1. Mobile Portrait (320x480) */
@media (max-width: 320px) {
    
}

/* 2. Mobile Landscape (480x320) */
@media (max-width: 480px) {
  #logo  {
        margin: 0 auto;
    }
}

/* 3. Small Tablet Portrait (600x800) */
@media (max-width: 600px) {
  
}

/* 4. Small Tablet Landscape (800x600) */
@media (max-width: 800px) {
  
}

/* 5. Tablet Portrait (768x1024) */
@media (max-width: 768px) {
  
}

/* 6. Tablet Landscape (1024x768) */
@media (max-width: 1024px) {
  
}

/* 7. Medium Mobile (375x667) */
@media (max-width: 375px) {
  
}

/* 8. Standard Mobile (390x844) */
@media (max-width: 390px) {
  
}

/* 9. Large Mobile / iPhone Pro Max (430x932) */
@media (max-width: 430px) {
  
}

/* 10. Common Landscape (812x375) */
@media (max-width: 812px) {
  
}

/* 11. Large Landscape (932x430) */
@media (max-width: 932px) {
  
}

/* 12. Large Tablets (834x1112) */
@media (max-width: 834px) {
  
}

/* 13. Small Laptop (1280x800) */
@media (max-width: 1280px) {
 
}

/* 14. Common Laptop (1366x768) */
@media (max-width: 1366px) {

}

/* 15. Large Laptop (1440x900) */
@media (max-width: 1440px) {

}

/* 16. Full HD Desktop (1920x1080) */
@media (max-width: 1920px) {

}

/* 17. WQHD Desktop (2560x1440) */
@media (max-width: 2560px) {

}

/* 18. 4K Desktop (3840x2160) */
@media (max-width: 3840px) {

}