@import url("./fonts.css");

/* Carousel override */

ul[class$="-indicators vyv-news-widget-content"] li {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	margin: 5px;
	opacity: 0.54;
	background-color: #FFFFFF;
}

ul[class$="-4-indicators"] {
	bottom: 10px;
}

ul[class$="-4-indicators vyv-news-widget-content"] .active {
	opacity: 1;
	background-color: #FFFFFF
}

div[id$="-4-widget-carousel vyv-news-widget-content"] {
	min-height: 100px;
	margin-bottom: 30px;
}


/* widget  */

div[class$="-4-widget-container vyv-news-widget-content"] {
	border: 1px solid #EBEBEB;
    max-width: 400px;
    width: 100%;
    height: fit-content;
    margin: 0 auto;
    padding: 20px;
    background-color: white;
    z-index: 100;
    box-sizing: border-box;
	
}

h5[class$="-4-widget-title vyv-news-widget-content"] {
	min-height: 32px;
	width: 310px;
	color: #472583;
	font-family: Wigrum;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 32px;
}

.vyv-news-news-big-card {
	height: 460px;
	width: 360px;
	margin-bottom: 30px;
}

[class$="-4-card-image"] {
	object-fit: cover;
	margin-bottom: 0px;
	height: 200px;
	width: inherit;
}

.vyv-news-news-big-card p[class$="-4-card-image"] {
	width: inherit;
}

.vyv-news-4-primary-color {
	color: #472583;
}

[class$="-4-secondary-color"] {
	color: #FFFFFF;
}

[class$="-4-card-content"] {
	height: 260px;
	width: 100%;
	background-color: #472583;
	padding: 30px;
	padding-bottom: 20px;
	padding-right: 10px;
}

h1[class$="-4-card-title"],
h1[class$="-4-tiny-card-title"]
{
	width: 100%;
	color: #E94B64;
	font-family: Wigrum;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 14px;
	margin: 0px 0px 5px 0px;
	display: inline-block;
	text-transform: uppercase;
	border-bottom: unset !important;
}



div[class$="-4-widget-container"] a:hover {
	text-decoration: none;
	/* no underline */
}

.vyv-news-a:link,
a,
a:hover,
a:focus,
a:visited {
	text-decoration: none;
	color: inherit;
}

[class$="-4-link-primary"]:link,
[class$="-4-link-primary"]:hover,
[class$="-4-link-primary"]:focus,
[class$="-4-link-primary"]:visited {
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}

[class$="-4-link-secondary"]:link,
[class$="-4-link-secondary"]:hover,
[class$="-4-link-secondary"]:focus,
[class$="-4-link-secondary"]:visited {
	border: 1px solid #472583;
	color: #472583;
	margin-bottom: 15px;
}

.vyv-news_news-4-card-button,
.vyv-news_la-tivy-4-card-button,
.vyv-news_mobilite-4-card-button {
	box-sizing: border-box;
	display: block;
	/*height: 40px !important;*/
	width: 140px !important;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-family: Wigrum;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 14px;
	padding: 13px 24px;
	padding-right: 10px;
}

.vyv-news_news-4-card-button ::after,
.vyv-news_la-tivy-4-card-button ::after,
.vyv-news_mobilite-4-card-button ::after {
	text-align: right;
}

.vyv-news_news-3-card-button a::after,
.vyv-news_la-tivy-3-card-button a::after,
.vyv-news_mobilite-3-card-button a::after {
	content: '\003E';
}

h2[class$="-4-card-sub-title-secondary"] {
	width: 100%;
	color: white;
	font-family: Wigrum;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 20px;
	margin: 0px 0px 5px 0px;
	display: inline-block;
}

h2[class$="-4-tiny-card-sub-title-primary"] {
	width: 100%;
	color: #472583;
	font-family: Wigrum;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 20px;
	margin: 0px 0px 5px 0px;
	display: inline-block;
}

p[class$="-4-card-text"] {
	width: 100%;
	color: #FFFFFF;
	font-family: Wigrum;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

[class$="-4-horizontal-line"] {
	background-color: rgba(135, 135, 134, 0.4);
}

a[class$="-4-show-more"] {
	color: #878786 !important;
	display: block;
	font-family: Wigrum;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 20px;
	width: 100%;
	text-align: center;
	padding-top: 10px;
}

i[class$="-4-path-arrow"] {
	display: inline-flex;
	height: 14px;
	width: 11px;
	margin-right: 5px;
	line-height: 10px;
	background: url("../images/icons/right-arrow.svg") no-repeat;
}

[class$="-4-button-arrow"] {
	/*display: inline-block;*/
	padding: 2.9px;
	margin-left: 10px;
	background: url("../images/icons/button-arrorw-right.svg") no-repeat center;
	position: relative;
	left: 20px;
	bottom: -2px;
	height: 100%;
}

[class$="-4-card-button-arrow"] {
	/*display: inline-block;*/
	padding: 2.9px;
	padding-bottom: 0px;
	margin-left: 10px;
	background: url("../images/icons/card-arrow-right.svg") no-repeat bottom;
	position: relative;
	left: 15px;
	bottom: 2px;
	height: 100%;
	width: 9px;
}


/* TINY CARD */

p[class$="-4-tiny-card-text"] {
	width: 100%;
	color: #878786;
	font-family: Wigrum;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* SELECT */
[class$="-4-select-div"] {
	position: relative;
	display: inline-block;
	margin-bottom: 9px;
	width: 100%;
	color: #878786;
	font-family: Wigrum;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 20px;
	cursor: pointer;
}

[class$="-4-select-div"] select {
	font-family: 'Wigrum';
	height: 40px;
	font-size: 14px;
	width: 100%;
	background-color: rgba(135, 135, 134, 0.07);
	cursor: pointer;
	padding: 10px 15px;
	outline: 0;
	border: 0px solid #000000;
	border-radius: 0px;
	color: #7b7b7b;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

[class$="-4-select-div"] select::-ms-expand {
	display: none;
}

[class$="-4-select-div"] select:hover, [class$="-4-select-div"] select:focus {
	color: #000000;
	background: #d5d5d5;
	border-left-width: 0px;
}

[class$="-4-select-div"] select:disabled {
	opacity: 0.5;
	pointer-events: none;
}

[class$="-4-select_arrow"]{
	position: absolute;
	top: 15px;
	right: 15px;
	width: 15px;
	height: 15px;
	background: url("../images/icons/select-arrow.svg") no-repeat;
	cursor: pointer;
	background-position: center;
}

[class$="-4-select-div"] select:hover ~ .vyv-news-select_arrow, [class$="-4-select-div"] select:focus ~
	[class$="-4-select_arrow"]{
	border-color: #00a5f8;
}

[class$="-4-select-div"] select:disabled ~ [class$="-4-select_arrow"]{
	border-top-color: #cccccc;
}

.vyv-news-select_arrow_up {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}

.vyv-news_news-4-select-hidden,
.vyv-news_mobilite-4-select-hidden,
.vyv-news_la-tivy-4-select-hidden {
	display: none;
	visibility: hidden;
	padding-right: 10px;
}

.vyv-news_news-4-select-styled,
.vyv-news_mobilite-4-select-styled,
.vyv-news_la-tivy-4-select-styled{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	font-family: 'Wigrum';
	display: inline-block;
	font-size: 14px;
	background-color: rgba(135, 135, 134, 0.07);
	cursor: pointer;
	padding: 10px 15px;
	padding-right: 3em !important;
	outline: 0;
	border-radius: 0px;
	color: #7b7b7b;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:100%;
}

[class$="-4-select-styled"]:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 16px;
	right: 10px;
}

[class$="-4-select-styled"]:hover {
	background-color: transparent;
}

[class$="-4-select-styled"]:active, [class$="-4-select-styled"].vyv-news.active {
	background-color: #fff;
	/* border-bottom: 1px solid #a7a7a7; */
	color: inherit;
	font-family: Wigrum;
	cursor: pointer;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-top: 1px solid #CFCFCF;
}

[class$="-4-select-styled"]:active:after, [class$="-4-select-styled"].active:after {
	top: 9px;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-top: 1px solid #CFCFCF;
}

[class$="-4-select-hr"] {
	width: 90%;
	margin-top: 0px;
}

[class$="-4-select-options"] {
	max-height: 34em;
    overflow-y: auto;	
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 999;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #FFFFFF;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;	
    padding-bottom: 10px;
    margin-top: -5px;
    width: -webkit-fill-available;
	
}

[class$="-4-select-wrap"]:focus {
	border: 1px solid #CFCFCF;
}

[class$="-4-select-options"] li {
	padding: 0em 1em;
	margin-left: 1.5em;
	text-indent: -1.3em !important;
	line-height: 1.6;
	
	color: #878786;
	font-size: 16px;
	letter-spacing: 0;
	-moz-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	-webkit-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}

[class$="-4-select-options"] li:hover {
	color: #472583;
	background: #fff;
	font-weight: 500;
	cursor: pointer;
}

[class$="-4-select-options"] li[rel="hide"] {
	display: none;
}

[class$="-4-select_arrow"] {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 15px;
	height: 15px;
	background: url("../images/icons/select-arrow.svg") no-repeat;
	background-position: center;
}

#vyv-news-message {
	animation: fadeOut 2s forwards;
	animation-delay: 5s;
	position: fixed;
	background-color: rgba(256, 0, 0, 0.6);
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

#vyv-news-inner-message {
	color: white;
	text-align: center;
	margin: 0;
}

@media (max-width:600px) {
	a[class$="-4-next"],
	a[class$="-4-prev"],
   [class$="-4-select-styled"],
   [class$="-4-select-div"],
	div[class$="-4-tiny-card-container"] {
		display: none;
	}
	h5[class$="-4-widget-title"]{
	   font-size: 160%;
	}
	[class$="-4-card-text"]{
	  font-size: 14px;
	}
	
}
@media (max-width:800px) {
	ul[class$="-4-indicators"] {
    bottom: 10px;
    }
    [class$="-4-card-text"] {
		width: 100%;
		font-family: Wigrum;
		letter-spacing: 0;
		line-height: 20px;
		margin-bottom: 20px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hiddden;
	}
}

@media (max-width:500px) {
	h5[class$="-4-widget-title"]{
	   font-size: 135%;
	}
}

@media (max-width:400px) {
	h5[class$="-4-widget-title"]{
	   font-size: 110%;
	}
	ul[class$="-4-indicators"] {
    bottom: 0px;
}
}