/*
 * Custom style goes here.
 * A template should always ship with an empty custom.css
 */

/* marius
* in Z.one - Couleurs et Polices
* aveam
* Importer des polices = <link href="https://fonts.googleapis.com/css2?family=Montserrat+Condensed:ital,wght@0,400;0,600;1,400;1,600&family=Montserrat:ital,wght@0,400;0,600;1,400;1,600&display=swap" rel="stylesheet">
*
* si modific cu
* <link rel="stylesheet" href="themes/ZOneTheme/css/custom.css">
* 
*/

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/*
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.

The resource https://media3.alarme-et-videosurveillance.fr/themes/ZOneTheme/assets/fonts/cca377.woff was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource https://media3.alarme-et-videosurveillance.fr/themes/ZOneTheme/assets/fonts/cff684.woff2 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource https://media3.alarme-et-videosurveillance.fr/themes/ZOneTheme/assets/fonts/b1ea34.woff was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource https://media3.alarme-et-videosurveillance.fr/themes/ZOneTheme/assets/fonts/657e60.woff was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource https://media3.alarme-et-videosurveillance.fr/themes/ZOneTheme/assets/fonts/63782d.woff was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource https://media3.alarme-et-videosurveillance.fr/themes/ZOneTheme/assets/fonts/b5a0a0.woff was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource https://media3.alarme-et-videosurveillance.fr/themes/ZOneTheme/assets/fonts/20fd17.woff2 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.

am modificat fisierul /themes/ZOneTheme/templates/_partials/preload.tpl

*/

@font-face {
  font-family: 'CustomFont';
  font-display: swap;
  src: url(../fonts/cca377.woff) format('woff');
}

@font-face {
  font-family: 'CustomFont';
  font-display: swap;
  src: url(../fonts/b5a0a0.woff) format('woff');
}

@font-face {
  font-family: 'CustomFont';
  font-display: swap;
  src: url(../fonts/b1ea34.woff) format('woff');
}

@font-face {
  font-family: 'CustomFont';
  font-display: swap;
  src: url(../fonts/63782d.woff) format('woff');
}

@font-face {
  font-family: 'CustomFont';
  font-display: swap;
  src: url(../fonts/657e60.woff) format('woff');
}

@font-face {
  font-family: 'CustomFont';
  font-display: swap;
  src: url(../fonts/20fd17.woff2) format('woff2');
}

@font-face {
  font-family: 'CustomFont';
  font-display: swap;
  src: url(../fonts/cff684.woff2) format('woff2');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: normal;
	font-display: swap;
    src: url(../fonts/'Oswald-Regular.woff2') format('woff2'),
         url(../fonts/'Oswald-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: bold;
	font-display: swap;
    src: url(../fonts/'Oswald-Bold.woff2') format('woff2'),
         url(../fonts/'Oswald-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 200;
	font-display: swap;
    src: url(../fonts/'Oswald-ExtraLight.woff2') format('woff2'),
         url(../fonts/'Oswald-ExtraLight.woff') format('woff');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
	font-display: swap;
    src: url(../fonts/'Oswald-Light.woff2') format('woff2'),
         url(../fonts/'Oswald-Light.woff') format('woff');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 500;
	font-display: swap;
    src: url(../fonts/'Oswald-Medium.woff2') format('woff2'),
         url(../fonts/'Oswald-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 600;
	font-display: swap;
    src: url(../fonts/'Oswald-SemiBold.woff2') format('woff2'),
         url(../fonts/'Oswald-SemiBold.woff') format('woff');
}

.lazy-load-marius {
    opacity: 0;
    transition: opacity 1.0s ease-in-out;
}

.lazy-load-marius.loaded {
    opacity: 1;
}

/* sticky coloane dreapta sau stanga */
/* am si JS in custom.js */
	.ybc_blog_sidebar {
	position: sticky;
	top: 70px;
	z-index: 10;
	min-height: 700px;
	transition: transform 0.2s ease-out;
	}

	.column-wrapper {
	position: sticky;
	top: 70px;
	z-index: 10;
	/* doar pentru test min-height: 500px; */
	transition: transform 0.2s ease-out;
	}
		@media (max-width: 767px) {
			.ybc_blog_sidebar,
			.column-wrapper {
				position: static !important;
				transform: none !important;
				min-height: 0 !important;
			}
		}

	#wrapper {
	position: relative;
	}
		@media (max-width: 767px) {
			#wrapper {
				position: static !important;
			}
		}
/* sticky coloane dreapta sau stanga */


.ybc_blog_img_text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
	color: #313131;
	padding: 10px;
	z-index: 10;
	box-sizing: border-box;
	text-align: right;
    font-weight: bold;
	font-size: clamp(22px, 2.5vw, 23px); /* min 17px, préférée 2.5vw, max 18px */
	white-space: nowrap;          /* Ne pas aller à la ligne */
	overflow: hidden;             /* Masquer le débordement */
	text-overflow: ellipsis;      /* Ajouter ... si ça dépasse */
    opacity: 1;
}
	@media (max-width: 767px) {
		.ybc_blog_img_text {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			background: rgba(0, 0, 0, 0.8);
			color: #fff;
			/*background: rgb(255 255 255 / 90%);
			color: #000;*/
			padding: 10px;
			z-index: 10;
			box-sizing: border-box;
			text-align: center;
		    font-weight: bold;
			font-size: clamp(17px, 2.5vw, 18px); /* min 17px, préférée 2.5vw, max 18px */
			white-space: nowrap;          /* Ne pas aller à la ligne */
			overflow: hidden;             /* Masquer le débordement */
			text-overflow: ellipsis;      /* Ajouter ... si ça dépasse */
		}
	}

.button_aficher_tout_marius{
	font-size: .800rem !important;
	padding: 3px 8px 3px 8px !important;
	margin-right: 5px !important;
}
	@media (max-width: 767px) {
		.button_aficher_tout_marius {
			padding: 2px 7px 2px 7px !important;
			margin-right: 8px !important;
		}
	}