:root {
    --blue: #2196f3;
    --indigo: #3f51b5;
    --purple: #9c27b0;
    --pink: #e91e63;
    --red: #f44336;
    --orange: #ff9800;
    --yellow: #ffeb3b;
    --green: #4caf50;
    --teal: #009688;
    --cyan: #00bcd4;
    --white: rgba(255,255,255,1.00);
	--off-white: rgba(242,242,242,1.00);
	--gray-light: rgba(166,166,166,1.00);
    --gray: rgba(117,117,117,1.00);
    --gray-dark: rgba(66,66,66,1.00);
	--gray-darker: rgba(55,55,56,1.00);
    --primary: #2196f3;
    --secondary: #757575;
    --success: #4caf50;
    --info: #00bcd4;
    --warning: #ffeb3b;
    --danger: #f44336;
    --light: #f5f5f5;
    --dark: rgba(66,66,66,1.00);
	
	--eu-bleu: #2b3c67;
	--eu-grey-light: #6A6E7C;
	--eu-grey: #484954;
	--eu-grey-3: #383b3f;
	--eu-grey-2: #313136;
	/*--lp-bg: #313136;
	--lp-bg: #222222;*/
	
	--blue-3:#003b6d #1c212b #fecd00;
	
	--waves-blue-pale: rgba(148,208,227,1.00);	
	--waves-blue: rgba(81,167,191,1.00);
	--waves-blue-dark: rgba(33,54,116,1.00);
	
	--eu-orange: rgba(254,205,0,1.00);
	--eu-warm-yellow: #fecd00;
	--eu-orange2: #f7931e;
	
	--lp-bg: #eef1f5;
	--lp-orange: #e94e1b;
	--eu-grey-2: #313136;
	
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --font-family-headers: "Muro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

body {
    font-family: var(--font-family-sans-serif);
    font-weight: 300;
    color: var(--eu-grey-2) !important;
	background: var(--white);
	overflow-x: hidden !important;
	border: 0 !important;
}

h1, .block-title, .h1, .page-title {
    font-family: var(--font-family-headers);
    font-weight: 500;
    color: var(--eu-bleu);
    text-align: left;
	text-transform: uppercase;
}

a {
    text-decoration: none;
	color: var(--eu-bleu);
	transition: all .5s ease-in-out;
	border-bottom: none;
	word-wrap: break-word;
}

a:hover {
	text-decoration: none;
	color: var(--eu-grey-2);
	border-bottom: none;
	border-bottom: none;
}

figure a,
a figure,
img a,
a img,
svg a,
a svg,
a.btn {
    text-decoration: none;
	transition: all .5s ease-in-out;
	border-bottom: transparent !important;
}

a:hover,
figure a:hover,
a:hover figure,
img a:hover,
a:hover img,
svg a:hover,
a:hover svg,
a.btn:hover {
	text-decoration: none;
	border-bottom: transparent !important;
	border-bottom: 0px;
}

.themag-layout.partners a,
.partners a {
	border-bottom: 0px dotted var(--white) !important;
	border: none !important;
} 

em {
	font-weight: 300;
}

strong {
	font-weight: 700;
}

em.five {
	font-weight: 500;
}

em.eight {
	font-weight: 800;
}

strong > em,
em > strong {
	font-weight: 800;
}

/*  em strong,
  strong em {
      font-weight: 800;
  }*/

.themag-layout a,
.cke_editable a {
    border-bottom: 1px dotted var(--eu-bleu) !important;
	transition: all .5s ease-in-out;
}

.themag-layout a:hover,
.cke_editable a:hover {
    color: var(--ey-grey-2);
	border-bottom: 1px dotted var(--eu-orange) !important;
}

.themag-layout .partners a,
.cke_editable .partners a,
.themag-layout .partners a:hover,
.cke_editable .partners a:hover {
    border-bottom: 0px dotted var(--eu-bleu) !important;
	transition: all .5s ease-in-out;
}


.byline a {
     text-decoration:none; 
    color: var(--eu-grey);
	word-wrap: break-word;
}

.byline {
	font-size: .875rem;
    padding: 5px 10px;
    border: 1px dotted var(--eu-bleu);
    font-weight: 300;
}

.byline.faq {
	font-size: .875rem;
    padding: 5px 10px;
    margin: 0 0 .5rem;
    border: 1px dotted var(--eu-bleu);
    font-weight: 300;
	float: right;
}

a.underline {
    border-bottom: 1px dotted var(--eu-bleu);
	transition: all .5s ease-in-out;
}

a.underline:hover {
	border-bottom: 1px dotted var(--eu-orange) !important;
}

/*a.btn {
    border-bottom: 1px solid var(--eu-bleu) !important;
	transition: all .3s;
}

a.btn:hover {
	border-bottom: 1px solid var(--eu-bleu) !important;
}
*/
.view-page-cards-grids a:hover {
	text-decoration: none;
	
}


.layout-builder-block {
	background-color: var(--lp-bg);
}

.flc-prefsEditor-separatedPanel,
.flc-toc-tocContainer {
z-index: 110;
position: absolute;
right: 0;
width: 100%;
display: none;
}


.container-full .themag-layout__region {
    position: relative;
    width: 100%;
    padding-right: 0px; 
    padding-left: 0px; 
}

.themag-layout--onecol-section .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0rem !important; 
    margin-left: 0rem !important; 
}
.themag-layout--onecol-section .row.hero-image {
	margin-top: 4rem;
}

.themag-layout--twocol-section .row.mp-red {
    background-color: var(--eu-bleu);
    color: var(--white) !important;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0rem !important; 
    margin-left: 0rem !important; 
}

.mp-red .themag-layout__region--first h2 .block__title,
.mp-red .themag-layout__region--first h2 .title-text,
.mp-red .themag-layout__region--first h2 .block__title .title-text{
	color: var(--white) !important;
	padding: 30px 35% 30px 30px;
	font-size: 3rem;
	line-height: 3rem;
}

.mp-red .themag-layout__region--first p {
      color: var(--white) !important;
      padding: 0 25% 0 30px;
      font-size: 2rem;
      line-height: 2rem;
}

.mp-red .themag-layout__region--second p {
	padding: 0 !important;
	margin: 0 !important;

}


.mp-red .themag-layout__region--first {
	margin: 0;
	padding: 0 !important;
}

.mp-red .themag-layout__region--second {
	margin: 0 !important;
	padding: 0 !important;
}

/* button */

.btn--home-topic a {
	color: var(--white) !important;
	text-decoration: none !important;
}

.themag-layout .btn-large,
.themag-layout .btn-medium,
.themag-layout .btn-small,
.themag-layout .btn-xs{
	clear: both;
	margin: 3px 3px 3px 0;
	display: inline-block;
	
}

.themag-layout td .btn-large,
.themag-layout td .btn-medium,
.themag-layout td .btn-small,
.themag-layout td .btn-xs{
	display: block;
	margin: 0;
	
}



a.btn-bold,
input.btn--bold {
	font-weight: 700;	
}

a.btn-xs,
input.btn-xs {
height: auto;
padding: 3px 6px;
font-size: .7rem;
	text-transform: uppercase;
	transition: all 0.5s ease-in-out;
	border-radius: 0;
	
}

a.btn-small,
input.btn-small {
height: auto;
padding: 5px 10px;
font-size: .9rem;
	text-transform: uppercase;
	transition: all 0.5s ease-in-out;
	border-radius: 0;
}

a.btn-medium,
input.btn-medium {
height: auto;
padding: 7px 20px;
font-size: 1.2rem;
text-transform: uppercase;
	transition: all 0.5s ease-in-out;
	border-radius: 0;
}

a.btn-large,
input.btn-large {
height: auto;
padding: 8px 25px;
font-size: 1.5rem;
text-transform: uppercase;
	transition: all 0.5s ease-in-out;
	border-radius: 0;
}

/*.button {
    color: var(--white) !important;
    background: var(--eu-bleu);
    border: 1px solid transparent !important;
	text-decoration: none;
	border-radius: 0;
}*/

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
    outline-offset: 0;
}

.button:hover, .button:focus,
.pager__item a:hover {
    color: var(--eu-bleu) !important;
    background:  var(--white) !important;
    border: 1px solid var(--eu-bleu) !important;
	/*border-bottom: 1px solid var(--eu-bleu) !important;*/
	text-decoration: none;
}

a.btn--white {
    color: var(--eu-bleu) !important;
    background: var(--white) !important;
    border: 1px solid var(--eu-bleu) !important;
}

a.btn--white:hover, a.btn--white a:hover, a.btn--white:focus {
    color: var(--white) !important;
    background: var(--eu-bleu) !important;
    border: 1px solid var(--white) !important;
	text-decoration: none;
}

a.btn--blue,
input.btn--blue {
    color: var(--white) !important;
    background: var(--eu-bleu);
    border: 1px solid transparent !important;
	text-decoration: none;
	border-radius: 0;
}

a.btn--blue:hover,
.btn--blue a:hover,
a.btn--blue:focus,
input.btn--blue:hover,
input.btn--blue a:hover,
input.btn--blue:focus {
    color: var(--eu-bleu) !important;
    background:  var(--white) !important;
    border: 1px solid var(--eu-bleu) !important;
	/*border-bottom: 1px solid var(--eu-bleu) !important;*/
	text-decoration: none;
}

a.btn--grey{
    color: var(--white);
    background: var(--eu-grey-2) !important;
    border: 1px solid transparent !important;
	text-decoration: none;
}

a.btn--grey:hover, a.btn--grey a:hover, a.btn--grey:focus {
    color: var(--eu-grey-2) !important;
    background: var(--white) !important;
    border: 1px solid var(--eu-grey-2) !important;
	/*border-bottom: 0px solid var(--eu-grey-2) !important;*/
	text-decoration: none;
}

a.btn--yellow{
    color: var(--eu-grey-3);
    background: var(--eu-warm-yellow)!important;
    border: 1px solid transparent !important;
	text-decoration: none;
}

a.btn--yellow:hover, .btn--yellow a:hover, a.btn--yellow:focus {
	color: var(--eu-grey-3) !important;
	background: var(--white) !important;
    border: 1px solid var(--eu-warm-yellow) !important;
	/*border-bottom: 0px solid var(--eu-warm-yellow) !important;*/
	text-decoration: none;
}


a.btn-gray {
    color: var(--eu-bleu);
    background: var(--white)!important;
    border: 1px solid var(--eu-bleu) !important;
	text-decoration: none;
}

a.btn-gray:hover, .btn-gray a:hover, .btn-gray:focus {
    color: var(--white) !important;
    background: var(--eu-bleu)!important;
    border: 1px solid var(--eu-bleu) !important;
	/*border-bottom: 0px solid var(--eu-bleu) !important;*/
	text-decoration: none;
}

.btn-yellow {
    background: var(--eu-warm-yellow);
    color: var(--eu-grey) !important;
    /*height: 75px !important;*/
	border: 1px solid var(--eu-warm-yellow) !important;
	/*border-bottom: 0px solid var(--eu-warm-yellow) !important;*/
    font-size: 1rem !important;
    font-weight: 800;
    padding: 24px !important;
    text-transform: uppercase;
    text-align: center;
	transition: all .5s ease-in-out;
	text-decoration: none;
}

.small-header .btn-yellow {
    padding: 15px !important;
}

.btn-yellow:not(:last-child) {
	margin: 0 1px 0 0;
}

.btn-yellow:hover, .btn-yellow:focus {
    color: var(--eu-grey) !important;
    background: var(--white);
    border: 1px solid var(--white) !important;
	/*border-bottom: 1px solid var(--white) !important;*/
	text-decoration: none;
}

@media (max-width: 991px) {
	.btn-yellow {
	width: 50%;
	font-size: .8rem !important;
	border: 1px solid var(--eu-warm-yellow);
	/*border-bottom: 1px solid var(--eu-warm-yellow) !important;*/
    padding: 12px !important;
    text-transform: uppercase;
    text-align: center;
	text-decoration: none;
	}
	
	.small-header .btn-yellow {
	padding: 10px !important;
	}
}

.category {
display: inline-block;
font-size: .9rem;
}

.small-type,
.small-type p {
display: inline-block !important;
font-size: .9rem !important;
}

.webform-submission-form div[role=contentinfo] {
	display:none;
}


.block--search form input[type='submit'] {
background: var(--eu-bleu);
border-color: var(--eu-bleu);
color: var(--white);
}


.arrow-right:after {
font-family: 'Xander Icons';
content: '\E805';
font-style: normal;
margin: 0 0 0 5px;
}

.created {
background: var(--eu-bleu);
color: var(--lp-bg);
padding: 10px;
vertical-align: middle;
text-align: center !important;
font-size: 1.2em !important;
min-width: 100px !important;
max-width: 100px !important;
line-height: 1em;
}

/* end buttons */


/* blockquote */

.quotation {
  font-size: 1.1428rem !important;
	color: var(--eu-grey-2);
  //margin: 0 auto;
  quotes: "\201C""\201D""\2018""\2019";
  padding: 15px;
  line-height: 1.3em;
	background: rgba(47,47,47,0.05);
	border-radius: 0 5px 5px 0;
	border-left: 6px solid var(--eu-bleu);
}

.quotation:before {
  content: open-quote;
  display: inline;
  font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
  height: 0;
  line-height: 0;
  left: -5px;
  position: relative;
  top: 25px;
  color: var(--eu-bleu);
  font-size: 3em;
}

.quotation:after {
  content: close-quote;
  display: inline;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
  height: 0;
  line-height: 0;
  left: 5px;
  position: relative;
  top: 35px;
  color: var(--eu-orange);
  font-size: 3em;
}



/*grid */
.grid-xv [class*="grid--"] > ul,
.grid-xv [class*="grid-sm--"] > ul,
.grid-xv [class*="grid-md--"] > ul,
.grid-xv [class*="grid-lg--"] > ul,
.grid-xv [class*="grid-xl--"] > ul,
.block--facets ul {
padding-left: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -0.83335rem;
margin-left: -0.83335rem;
 margin-top: 0;
	margin-bottom: 1em;
}

[class*="grid--"].no--topmargin > ul, 
[class*="grid-sm--"].no--topmargin > ul, 
[class*="grid-md--"].no--topmargin > ul, 
[class*="grid-lg--"].no--topmargin > ul, 
[class*="grid-xl--"].no--topmargin > ul {
margin-top: 0;
}


/* Large Teaser Card */

  .teaser__headline {
      font-size: 1.5rem;
  }
  .teaser__content {
      padding-top: .1rem;
      text-align: center;
    }
  .teaser__body {
    display: none;
      display: block;
      margin-top: .1rem;
      padding-left: 0rem;
      padding-right: 1rem;
      font-size: .8889rem;
      line-height: 1.2rem;
  }

.teaser--large-card h2 {
	font-family: var(--font-family-sans-serif);
	text-align: left;
	font-size: .9rem !important;
}

.teaser--large-card a {
	font-family: var(--font-family-sans-serif);
	color: var(--eu-grey-2);
}

.teaser--large-card .teaser__content {
    padding-top: .5rem;
    text-align: left;
}

.teaser--card .teaser__content {
	padding: .4rem 1.5rem 0 0;
}

.teaser__media::after {
	background: rgb(89,89,89);
    background: linear-gradient(90deg, rgba(89,89,89,0.6) 0%, rgba(121,121,121,0.4) 22%, rgba(0,212,255,0) 44%);
	z-index:2;
	height:100%;
}

.home-slider img::after {
	background: rgb(89,89,89);
    background: linear-gradient(90deg, rgba(89,89,89,0.6) 0%, rgba(121,121,121,0.4) 22%, rgba(0,212,255,0) 44%);
	z-index:2;
	height:100%;
}

h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 {
font-family: var(--font-family-sans-serif);
font-weight: 500;
color: var(--eu-bleu);
}

h2.faq,
h2.pub {
	margin-bottom: 2rem;
	magin-top: .5rem;
	clear:right;
}

.page-title {
    color: var(--eu-bleu) !important;
	background-color: transparent !important;
  }

.page__summary {
    font-family: var(--font-family-sans-serif);
    font-weight: 700;
    color: var(--eu-bleu);
	font-size: 1.5rem;
}

::placeholder {
-webkit-text-security: none;
color: var(--eu-grey-darker) !important;
pointer-events: none;
}

.container.teaser__content {
    max-width: 100%;
    /* width: 100%; */
    max-width: 43%;
    text-align: left;
    top: 10px;

    position: absolute;
    /* vertical-align: top; */
    /* display: inline-block; */
    /* flex-basis: auto; */
    align-items: top;
    /* float: left; */
	overflow-y: hidden;
}

.hero-headline {
	margin-top: 10px !important;
    margin-left: 10px !important;
	
}

.block--views-block:mg-single-item-slider-block-6 .container.teaser__content  {
margin-top: 0 !important;
top: 0 !important;
margin-left: 0 !important;
align-items: top;
background: rgb(89,89,89);
background: linear-gradient(90deg, rgba(89,89,89,0.6) 0%, rgba(121,121,121,0.4) 22%, rgba(0,212,255,0) 44%);
z-index: 2;
height: 100%;
}

h2.headline-slider {
    color: var(--white);
    font-family: var(--font-family-sliders);
    font-size: 4.5em;
    margin: 0 auto;
    line-height: 6rem;
    white-space: nowrap;
    overflow: hidden;
    top: -20vh;
  position: relative;
   width: 100%;
	 /* added animation property to show the character one at a time*/
    animation: type 7s alternate backwards;
}

 
        /*set the background colour of div element to black */
        .wrapper {
          background-color: transparent;
         }
 
         @keyframes type{ 
          from { 
               width: 1px; 
               } 
           }

h2.headline-slider.small {
color: var(--white);
font-family: var(--font-family-sliders);
font-size: 3em;
margin: 0 auto;
line-height: 5rem;
white-space: nowrap;
overflow: hidden;
	 top: 0;
width: 100%;
animation: type 7s alternate backwards;
}

@media (max-width: 850px) {
    h2.headline-slider {
		font-size: 4.5em;
    }
	h2.headline-slider.small {
		font-size: 2.5em;
    }
}

@media (max-width: 650px) {
    h2.headline-slider {
		font-size: 3.5em;
    }
	h2.headline-slider.small {
		font-size: 2em;
    }
}

@media (max-width: 375px) {
    h2.headline-slider {
		font-size: 2.5em;
    }
	h2.headline-slider.small {
		font-size: 1.5em;
    }
}


.block__title {
    font-family: var(--font-family-sans-serif) !important;
    text-transform: initial !important;
	color: var(--eu-bleu);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
    text-align: left !important; 
    position: relative;
	padding:0;
	margin:0;
}

.block__title .title-text {
	font-weight: 300;
    font-size: 3em;
	color: var(--eu-bleu);
	padding: 10px 8px 5px 0;
}

.pubs .block__title .title-text {
	font-weight: 500;
    font-size: 2.5em;
	color: var(--eu-bleu);
	padding: 20px 8px 10px 0;
}

.themag-layout .block--layout-builder .block--inline-block:basic .block:not(:last-child) {
	margin-top: 0;
	margin-bottom: 0;
}

div.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

p {
    font-size: 1.1428rem;
	color: var(--eu-grey-2);
	font-weight: 300;
}

@media screen and (max-width: 60em) {
  input,
  textarea {
    font-size: 1.1428rem !important;
  }
}

ul li,
ol li {
	color: var(--eu-grey-2) !important;
	font-weight: 300;
}

ul.messages__list li,
ol.messages__list li,
.messages__list,
.messages--header,
.messages__title,
.messages--error {
	color: var(--white) !important;
	font-weight: 300;
}



.node__content ul li,
.node__content ol li {
	font-size: 1.1428rem !important;
}

/*.list > ul li,
.list > ol li {
	font-size: 1.1428rem !important;
}*/

ul.eurostar,
ul.eurostar li ul {
	list-style: none;
	margin: 10px 0;
	font-size: 1.1428rem !important;
}

ul.eurostar-solid,
ul.eurostar-solid li ul {
	list-style: none;
	margin: 10px 0;
	font-size: 1.1428rem !important;
}


ol.eurostar,
ol.eurostar li ol{
	margin: 10px 0;
	font-size: 1.1428rem !important;
}


ul.eurostar li:before,
ul.eurostar-solid li ul.eurostar li:before {
    font-family: 'Xander Icons';
    font-style: normal;
    font-weight: 100;
    content: '\e854';
    margin-left: -35px;
    margin-right: 20px;
    font-size: 15px;
    color: var(--eu-bleu);
/*	
	font-size: 1.1428rem;
	color: var(--eu-grey-2);*/
}

ul.eurostar-solid li:before {
    font-family: 'Xander Icons';
    font-style: normal;
    font-weight: 100;
    content: '\e852';
    margin-left: -35px;
    margin-right: 20px;
    font-size: 15px;
    color: var(--eu-bleu);
/*	
	font-size: 1.1428rem;
	color: var(--eu-grey-2);*/
}

.list ul.eurostar, 
.list ul.eurostar li ul,
.list ul.eurostar-solid, 
.list ul.eurostar-solid li ul{
    list-style: none;
    margin: 10px 0 !important;
    padding-left: 35px;
}

.list ul.eurostar li {
	font-size: 1.1428rem !important;
	
}

.breadcrumb ol,
.breadcrumb li,
.simple-breadcrumb ol,
.simple-breadcrumb li {
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
  }


.breadcrumb ul li,
.breadcrumb ol li,
.breadcrumb ul li a,
.breadcrumb ol li a,
.simple-breadcrumb ul li,
.simple-breadcrumb ol li,
.simple-breadcrumb ul li a, 
.simple-breadcrumb ol li a {
	color: var(--eu-grey-2) !important;
	text-transform: uppercase;
	font-size: .7rem !important;
	border-bottom: none;
}
.simple-breadcrumb ul li:last-child a, 
.simple-breadcrumb ol li:last-child a {
	color: var(--eu-bleu) !important;
}

.breadcrumb li a:hover, .simple-breadcrumb li a:hover {
	text-decoration: none;
}




.review p,
.response p {
	font-size: 1.1rem;
    color: var(--eu-grey-2);
	line-height: 1.2;
	font-weight: 200;
}

.response {
	background: var(--gray-darker);
	padding: 20px;
	border-radius:15px;
	width:100%;
	height:100%;
	background: -moz-linear-gradient(top, rgba(148,208,227,0) 0%, var(--waves-blue-pale) 100%);
    background: -webkit-linear-gradient(top, rgba(148,208,227,0) 0%, var(--waves-blue-pale) 100%);
    background: linear-gradient(to bottom, rgba(148,208,227,0) 0%, var(--waves-blue-pale) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(148,208,227,0)', endColorstr='var(--waves-blue-pale)', GradientType=0);
    opacity: .77;
}

/* section background colours */
.section-bg-blue {
	background: var(--eu-bleu);
}

.section-bg-blue p,
.section-bg-blue h1,
.section-bg-blue h2,
.section-bg-blue h3,
.section-bg-blue h4,
.section-bg-blue h5,
.section-bg-blue h6,
.section-bg-blue .block__title .title-text
{
	color: var(--white);
}

.section-bg-yellow {
	background: var(--eu-warm-yellow);
	color: var(--eu-grey-2);
	font-size: 1.2rem;
	font-weight: 500;
	text-align: center;
}

.section-bg-yellow p,
.section-bg-yellow h1,
.section-bg-yellow h2,
.section-bg-yellow h3,
.section-bg-yellow h4,
.section-bg-yellow h5,
.section-bg-yellow h6,
.section-bg-yellow .block__title .title-text
{
	color: var(--eu-grey-2);
	
}

.section-bg-blue2 {
	background: var(--eu-bleu);
	color: var(--white);
	font-size: 1.2rem;
	font-weight: 500;
	text-align: center;
}

.section-bg-blue2 p,
.section-bg-blue2 h1,
.section-bg-blue2 h2,
.section-bg-blue2 h3,
.section-bg-blue2 h4,
.section-bg-blue2 h5,
.section-bg-blue2 h6,
.section-bg-blue2 .block__title .title-text
{
	color: var(--white);
	
}

/* flexible text margin image to edge RIGHT */

@media (min-width: 1200px) {
.section-wide-img-right .themag-layout__region--first .text-formatted {
	padding-left: calc(100% - (1170px/2));
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.section-wide-img-right .themag-layout__region--first .text-formatted {
	padding-left: calc(100% - (900px/2));
	}
} 

@media (min-width: 768px) and (max-width:992px) {
	.section-wide-img-right .themag-layout__region--first .text-formatted {
	padding-left: calc(100% - (658px/2));
	}
}

@media (max-width: 768px) {
	.section-wide-img-right .themag-layout__region--first .text-formatted {
	padding-left: 12%;
	}
}

.section-wide-img-right .themag-layout__region--first .text-formatted {
	padding-top: 12%;
	padding-right: 12%;
	padding-bottom: 5%;
}

.section-wide-img-right .themag-layout__region--first p {
	font-family: var(--font-family-sliders);
	font-size: 1.7rem;
}

.section-wide-img-right a {
	font-size: 1.1rem !important;
}

.section-wide-img-right .themag-layout__region--second p,
.section-wide-img-right .themag-layout__region--second .themag-layout--my-default,
.section-wide-img-right .themag-layout__region--second .themag-layout--twocol-section--6-6 .themag-layout__region{
	margin-bottom: 0 !important;
}

/* flexible text margin image to edge LEFT */

@media (min-width: 1200px) {
.section-wide-img-left .themag-layout__region--second .text-formatted {
	padding-right: calc(100% - (1170px/2));
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.section-wide-img-left .themag-layout__region--second .text-formatted {
	padding-right: calc(100% - (900px/2));
	}
} 

@media (min-width: 768px) and (max-width:992px) {
	.section-wide-img-left .themag-layout__region--second .text-formatted {
	padding-right: calc(100% - (658px/2));
	}
}

@media (max-width: 768px) {
	.section-wide-img-left .themag-layout__region--second .text-formatted {
	padding-right: 12%;
	}
}

.section-wide-img-left .themag-layout__region--second .text-formatted {
	padding-top: 12%;
	padding-left: 12%;
	padding-bottom: 5%;
}

.section-wide-img-left .themag-layout__region--second p {
	font-family: var(--font-family-sliders);
	font-size: 1.7rem;
}

.section-wide-img-left a {
	font-size: 1.1rem !important;
}

.section-wide-img-left .themag-layout__region--first p,
.section-wide-img-left .themag-layout__region--first .themag-layout--my-default,
.section-wide-img-left .themag-layout__region--first .themag-layout--twocol-section--6-6 .themag-layout__region {
	margin-bottom: 0 !important;
}

.section-marketplace-red {
	background: var(--eu-bleu);
	display:none;

}
.section-marketplace-red .block__title .title-text,
.section-marketplace-red .block__title,
.section-marketplace-red .teaser__headline,
.section-marketplace-red p {
	color: var(--off-white) !important;
}


.intro-text {
	font-family: var(--font-family-sliders);
	font-size: 1.7rem;
}

.paragraph--type--text {
  font-size: 1.1328rem;
    color: var(--eu-grey-2);
  line-height: 1.37;
}

/*** Messages **/
.messages {
    border-width: 0 0 0 20px;
    border-style: solid;
    border-color: rgba(53, 54, 65, 1.00);
    border-radius: 0;
    padding: 1.5rem 1.5rem 1.5rem calc(1.5rem - 0.3125rem);
    font-size: 1.2em;
    margin: 1rem;
    background-color: rgba(53, 54, 65, .7);
	color: var(--white);

  a {
    text-decoration: underline;
    &:hover {
      text-decoration: none;
    }
  }

  &--status {
    background: #e8f5e9;
    border-color: rgba(54, 163, 103, 1.00);
    color: rgba(54, 163, 103, 1.00);
  }

  &--warning {
    background: #ffecb3;
    border-color: rgba(233, 160, 10, 1.00);
    color: rgba(233, 160, 10, 1.00);
  }

  &--error {
    background: #ffcdd2;
      border-color: rgba(18,102,184,1.00);
    color: rgba(227, 49, 49, 1.00);
  }

/*  .layout-builder__message--overrides & {
    background: #e3f2fd;
    border-color: #64b5f6;
    color: #42a5f5;
  }*/
}

.alert {
    box-sizing: border-box;
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding: 2.5rem 2.5rem 2.5rem calc(2.5rem - 0.3125rem);
    color: rgba(255, 255, 255, 1.00);
    border-width: 0 0 0 20px;
    border-style: solid;
    border-color: rgba(53, 54, 65, 1.00);
    border-radius: 0;
    background-color: rgba(53, 54, 65, .1);
    font-size: 1.5em;
}

.success {
    border-color: rgba(54, 163, 103, 1.00);
    color: rgba(54, 163, 103, 1.00);
}

.info {
    border-color: rgba(41, 122, 211, 1.00);
    color: rgba(41, 122, 211, 1.00);
}

.notice {
    border-color: rgba(233, 160, 10, 1.00);
    color: rgba(233, 160, 10, 1.00);
}

.error {
    border-color: rgba(227, 49, 49, 1.00);
    color: rgba(227, 49, 49, 1.00);
}

/*.button {
padding: 5px 1rem;
}

.button--primary {
background-color: hsla(19,81%,55%,1.00);
border-color: hsla(0,0%,98%,1.00);
color: #FFF;
}

.button--primary:hover {
background-color: hsla(30,93%,82%,1.00);
border-color: hsla(30,93%,82%,1.00);
color: #FFF;
text-shadow: 0 -1px 0 hsla(30,93%,82%,0.3);
}*/


 /*path { transition: fill .5s ease-in-out; }*/
 /* set fill for before and for during hover */
 /*path.letters       { fill: white; }
 path.letters:hover { fill: var(--eu-orange); }*/

/*path { transition: all .5s ease-in-out }

.block--system-branding-block svg path.letters {
	transition: all .5s ease-in-out;
	fill: var(--white);
}

.block--system-branding-block svg polygon.stars {
	transition: all .5s ease-in-out;
	fill: var(--eu-orange);
}

.block--system-branding-block svg:hover path.letters,
.block--system-branding-block svg:active path.letters {
	fill: var(--eu-orange);
}

.block--system-branding-block svg:hover .stars,
.block--system-branding-block svg:active .stars {
	fill: rgba(255,255,255,1.00);
}
*/

.block--system-branding-block a {
	-webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	display: block;
	position: relative;
	pointer-events: none;
}

.block--system-branding-block a {
	display: inline-block;
	color: rgba(255,255,255,1.0);
	text-decoration: none;
	background-color: transparent;
	padding: 0 1em;
	transition:
		color 0.5s ease-out,
		background-color 0.5s ease-out;
	&:hover {
		color: rgba(254,205,0,1.00);
		background-color: rgba(LightGray, 0.625);
	}
	&.inherited-color {
		svg * {
			fill: rgba(255,255,255,1.0);
			transition: fill 0.5s ease-out;
		}
		&:hover {
			svg * {
				fill: rgba(254,205,0,1.00);
			}			
		}
	}
}

.linkwrapper{
	pointer-events: auto;
}

.block--system-branding-block svg {
	margin: 2px 0;
    max-width: 173px;
    width: 100% !important;
	transform: translateZ(0);
   	transform: scale(1);
    transform-origin: top left;
	-webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	-webkit-backface-visibility: hidden;
	
}

svg .letters {
    fill: rgba(255,255,255,1.0);
    -webkit-transition: fill .5s ease-in-out;
    -moz-transition: fill .5s ease-in-out;
    -o-transition: fill .5s ease-in-out;
    -ms-transition: fill .5s ease-in-out;
    transition: fill .5s ease-in-out ;
    }

svg .stars {
    fill:rgba(254,205,0,1.00);
    -webkit-transition: fill .5s ease-in-out;
    -moz-transition: fill .5s ease-in-out;
    -o-transition: fill .5s ease-in-out;
    -ms-transition: fill .5s ease-in-out;
    transition: fill .5s ease-in-out;
	}

svg:hover .letters {
    fill: rgba(254,205,0,1.00) !important; 
    -webkit-transition: fill .5s ease-in-out;
    -moz-transition: fill .5s ease-in-out;
    -o-transition: fill .5s ease-in-out;
    -ms-transition: fill .5s ease-in-out;
    transition: fill .5s ease-in-out;
    }

svg:hover .stars {
    fill: rgba(255,255,255,1.0) !important;
    -webkit-transition: fill .5s ease-in-out;
    -moz-transition: fill .5s ease-in-out;
    -o-transition: fill .5s ease-in-out;
    -ms-transition: fill .5s ease-in-out;
    transition: fill .5s ease-in-out;
    }      

.small-header .block--system-branding-block svg {
    max-width: 139px;
    width: 100% !important;
   	transform: scale(.9);
    transform-origin: top left;
 /*   transition: all .5s ease-in-out;*/
}

/*@media (max-width: 991px) {
	.footer-bottom-wrapper a.xv-logo svg {
		width: 90px !important;
	}
}

@media (min-width: 992px) {
	a.xv-logo svg .xv34 { fill: rgba(30,30,30,1.00);
		-webkit-transition: fill 500ms ease-in-out;
		-moz-transition: fill 500ms ease-in-out;
		-o-transition: fill 500ms ease-in-out;
		-ms-transition: fill 500ms ease-in-out;
		transition: fill 500ms ease-in-out;
		text-decoration: none !important;
		border-bottom: 0px dotted var(--eu-bleu);
	}
	
	a.xv-logo svg:hover .xv34 { fill: rgba(63,63,83,1.00);
		-webkit-transition: fill 500ms ease-in-out;
		-moz-transition: fill 500ms ease-in-out;
		-o-transition: fill 500ms ease-in-out;
		-ms-transition: fill 500ms ease-in-out;
		transition: fill 500ms ease-in-out;
		text-decoration: none !important;
		border-bottom: 0px dotted var(--eu-bleu);
	}
	
	.footer-bottom-wrapper a.xv-logo svg .xv34 {
		fill: rgba(221,221,221,1.00);
	}
	.footer-bottom-wrapper a.xv-logo svg:hover .xv34 {
		fill: rgba(254,205,0,1.00);
	}
}

a.xv-logo { text-decoration: none !important; }

a.xv-logo:hover { text-decoration: none !important; }*/

/*@media (min-width: 992px) {
      .block--system-branding-block svg {
      height: auto;
      margin-left: auto;
      margin-right: auto;
      max-width: 175px;
      margin-bottom: 5px 0;
      }
}
*/
@media (max-width: 991px) {
    .block--system-branding-block svg {	
    transform: scale(0.5) !important;
    transform-origin: top left;
/*	transition: all .5s ease-in-out;*/
    }

	.small-header .block--system-branding-block svg {
   	transform: scale(.9);
    transform-origin: top left;
/*    transition: all .5s ease-in-out;*/
	}
	
	.linkwrapper {
    pointer-events: auto;
    max-height: 40px;
    margin: -10px 0 0 0;
    }
	
	.small-header .linkwrapper {
    margin: 0;
    }
}


.block--region-logo svg {
    
/*    transform: scale(1);
    transform-origin: top left;
    transition: transform 1s ease;*/
}

/*.block--region-logo {
    transform: scale(1);
    transform-origin: top left;
    transition: transform 1s ease;
}

.small-header .block--region-logo {
    transform: scale(0.9);
    transform-origin: top left;
}*/



hr {
	background-color: var(--white);
	color: transparent;
}

/*.block--region-logo {
    height:60px;
}*/

.themag-layout .block:not(:last-child) {
	margin-bottom: 1.5rem;
	margin-top: 0rem;
	
}

.themag-layout .block--system-breadcrumb-block {
	margin: .6rem 0 1.5rem 0 !important;
}



/*@media (min-width: 992px) {
  .themag-layout .block:not(:last-child) {
	  margin-bottom: 3rem;
	  margin-top: 0rem;
	}	
}*/

.slider-caption {
font-family: var(--font-family-sliders);
position: absolute;
bottom: 0vh;
left: 0vw;
display: inline-block;
color: white;
font-size: 1.4em;
font-weight: 200;
background: var(--white);
padding: 2px 7px;
}

@media (max-width: 550px) {
    .slider-caption {
		font-size: 1.2em;
        display: inline-block;
    }
}

@media (max-width: 450px) {
    .slider-caption {
		display:none;
    }
}

.slider-logo {
position: absolute;
bottom: 5vh;
right: 8vw;
min-width: 15vw;
display: inline-block;
}

@media (max-width: 550px) {
    .slider-logo {
		position: absolute;
		bottom: 4vh;
        right: 4vw;
        min-width: 14vw;
        display: inline-block;
    }
}

@media (max-width: 450px) {
    .slider-logo {
		display:none;
    }
}

.slider-logo img {
  filter: drop-shadow(0.1rem 0.1rem 0.2rem rgba(15,15,15,0.80));
}


.brand-logo {
position: absolute;
bottom: 50%;
right: 50%;
min-width: 15vw;
display: inline-block;
}

@media (max-width: 550px) {
    .slider-logo {
		position: absolute;
        min-width: 14vw;
        display: inline-block;
    }
}

@media (max-width: 450px) {
    .slider-logo {
		display:none;
    }
}

#offcanvas-sidebar {
	background: var(--eu-bleu);
}

#offcanvas-sidebar svg .blue {
    fill: rgba(255,255,255,1.00) !important;
}

.block--system-branding-block svg .5mmtext {
	fill: rgba(255,255,255,1.00) !important;
	}

.block--system-branding-block svg .5mmtext:hover {
    fill: rgba(251,152,7,1.00) !important;
}


.block--region-footer-first svg .cls-1 {
    fill: transparent !important;
    
}

.block--region-logo svg .blue {
	fill: var(--white); /*rgb(59, 89, 152);*/ /*rgba(0, 99, 232, 1) rgba(2, 108, 250, 1)*/; 
}

.block--region-footer-first svg .blue {
	fill: rgba(180,231,247,1.00); 
}

.block--region-footer-first svg {
    max-width: 100%;
    background: transparent;
}

.block--region-footer-fullwidth svg .cls-1 {
    fill: transparent !important;  
}

.block--region-footer-fullwidth svg .blue {
	fill: var(--eu-grey-light); 
}

.block--region-footer-fullwidth svg {
	max-width: 220px;
}
/* view mode svg adjuster */

.view-mode-inline-200px {
  --svg-width: 200px;
}

.view-mode-inline-300px {
  --svg-width: 300px;
}

[class*="view-mode-inline-"] svg {
  max-width: var(--svg-width);
  height: auto;
}

svg .cls-3,
svg .cls-4 {
stroke: rgba(65,68,153,1.0) !important;
}

.block__title:after,
.block__title:before {
content: "";
display: none;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
height: 1px;
border-top: 0px solid rgba(148,208,227,1.00);
border-bottom: 0px solid rgba(148,208,227,1.00);
}

.block--page-title-block:after,
.block--page-title-block:before {
content: "";
display: block;
width: 100%;
border-top: 0px solid rgba(148,208,227,1.00) !important;
position: absolute;
bottom: calc(41% + 1.5px);
z-index: 0;
height: 6px;
}


.block--region-footer-first svg .cls-2 {
fill: rgba(148,208,227,1.00) !important;
}

.block--region-footer-first svg .cls-3,
.block--region-footer-first svg .cls-4 {
stroke: rgba(148,208,227,1.00) !important;
}

.footer-wrapper {
    background-color: var(--eu-grey) !important;
    /*padding: 1rem 0 !important;*/
}

.footer-bottom-wrapper,
.footer-bottom-wrapper-2 {
	background: var(--eu-grey-2) !important;
}

.footer-bottom-wrapper-2 {
box-shadow: 0 50vh 0 50vh var(--eu-grey-2);
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6  {
	font-family: var(--font-family-sans-serif);
	color: var(--off-white) !important;
	text-align: left;
}

footer a {
	color: var(--off-white);
	transition: all .3s ease-in;
}

footer a:hover {
	color: var(--eu-warm-yellow) !important;
	text-decoration: none;
}

.footer-wrapper p,
.footer-wrapper h4,
.footer-wrapper h5,
.footer-wrapper a {
    font-size: 1.1rem !important;
    color: var(--white); !important;
}

.footer-bottom-wrapper p,
.footer-bottom-wrapper h4,
.footer-bottom-wrapper h5,
.footer-bottom-wrapper a,

.footer-bottom-wrapper-2 p,
.footer-bottom-wrapper-2 h4,
.footer-bottom-wrapper-2 h5,
.footer-bottom-wrapper-2 a {
	font-size: .779rem !important;
	color: var(--off-white) !important;
}

.footer-wrapper hr {
	background-color: none;
	color: var(--off-white);
}

.footer-bottom-wrapper h6,
.footer-bottom-wrapper-2 h6
{
	font-family: var(--font-family-headers);
	color: var(--off-white) !important;
	font-weight: 500;
}


.footer-wrapper .block__title .title-text,
.footer-wrapper .teaser__headline a {
color: var(--off-white);
}

.footer-wrapper .tag-list a {
color: var(--off-white);
}

.footer-wrapper .tag-list a:hover {
color: rgba(38,50,56,1.00);
}

.anchor:before {
content: "";
display: block;
height: 170px;
margin: -190px 0 0;
}



.header--header-a .header__container-wrapper--header__main {
-webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,0.1);
box-shadow: 0 4px 4px 0 rgba(0,0,0,0.1);
/*background: rgba(243,243,243,1.00);*/
    
}

.header-container,
.header-sticky-wrapper {
    background: var(--white);
    z-index: 100;
	/*padding: 3rem 1rem 1rem 1rem;*/
	transition: all 1s ease;
}

.header-sticky-wrapper .is--stuck{
    background: var(--white);
    z-index: 100;
	/*padding: 1.2rem 1rem 1rem 1rem;*/
	transition: all 1s ease;
}

@media (max-width: 990px) {
    .header-container,
	.header-sticky-wrapper {
	background: var(--white);
    z-index: 100;
    /*padding: 1.2rem .8rem .8rem .8rem;*/
    }
}

.blueheader {
	background: var(--eu-bleu) !important;
	min-height: 50px;
	/*transition: all .5s ease-in-out;*/
}

.small-header .blueheader {
	min-height: 40px;
}

@media (max-width: 991px){
    .header__user-nav,
    .header__toggleable-button,
    a.cart-block--link__expand,
    .header__social-menu a {
        color: var(--white) !important;
        font-size: 30px;
        height: 50px;
        transition: all .5s ease-in-out;
    }

    .small-header .header__user-nav,
    .small-header .header__toggleable-button,
    .small-header a.cart-block--link__expand,
    .small-header .header__social-menu a {
        height: 40px;
    }
	
	.small-header .fa-search:before {
     top: 0; 
	}

    .block--region-logo {
        /*height: 40px;*/
        transition: all .5s ease-in-out;
    }
	
	.small-header .block--region-logo {
	height: 32px;
	}
}


.toggle-offcanvas-sidebar {
    /*display: block;*/
    margin-left: 1rem;
    padding-left: 1rem;
    border-left: 1px dotted var(--white);
}


.teaser__headline--light, .teaser__headline--light a {
    color: var(--white);
    font-family: var(--font-family-sliders);
	text-align: left;
}

.teaser__headline--large {
  font-size: 1rem;
}

@media (min-width: 768px) and (max-width: 991px) {
  .teaser__headline--large {
    font-size: 1.2rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .teaser__headline--large {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 1200px) {
  .teaser__headline--large {
    font-size: 2.2rem;
  }
}

.teaser__headline--large > .ml-lg-auto,
.teaser__headline--large > .mx-lg-auto {
margin-left: 0 !important;
}

.header--header-a .header__social-menu {
	border-right: 1px dotted var(--white) !important;
}

/*a.btn.report-it:before {
	font-family: 'Xander Icons';
    content: '\e836';
    font-style: normal;
    margin: 0 5px 0 5px;
	color: var(--eu-orange);
}

a.btn.join-us:before {
	font-family: 'Xander Icons';
    content: '\f064';
    font-style: normal;
    margin: 0 5px 0 5px;
	color: var(--eu-orange);
}

a.btn.donate:before {
	font-family: 'Xander Icons';
    content: '\e82f';
    font-style: normal;
    margin: 0 5px 0 5px;
	color: var(--eu-orange);
}*/

.fa-user:before {
	font-family: 'Xander Icons';
	content: "\f063";
	font-size: 1.6rem;
    margin-left: 10px;
    top: -2px;
    position: relative;
	color: var(--white);
	transition: all .5s ease-in-out;
}

.fa-search:before {
	font-family: 'Xander Icons';
	content: "\e80b";
	font-size: 2rem;
    margin-left: 10px;
    top: 5px;
    position: relative;
	color: var(--white);
	transition: all .5s ease-in-out;
}

.fa-bars {
	transition: all .5s ease-in-out;
}

.fa-user:hover:before,
.fa-search:hover:before/*,
.fa-bars:hover:before*/ {
	color: var(--eu-orange);
}

.fa-bars:hover {
	color: var(--eu-orange);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

/* menu top bar */
/*.navbar-we-mega-menu.navbar .we-mega-menu-ul > li.we-mega-menu-li > a,
.navbar-we-mega-menu.navbar .we-mega-menu-ul > li.we-mega-menu-li > span {
font-size: 1rem !important;
color: var(--eu-bleu) !important;
text-transform: capitalize;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 600;
}*/

/* menu drop down */


/*.we-mega-menu-ul .we-mega-menu-li > a,
.we-mega-menu-ul .we-mega-menu-li > span {
    font-family: var(--font-family-sans-serif);
    font-weight: 500;
	color: var(--eu-grey-2) !important;
	min-width: 200px;
}

.we-mega-menu-ul .we-mega-menu-li > a:hover,
.we-mega-menu-ul .we-mega-menu-li > a.active,
.we-mega-menu-ul .we-mega-menu-li.active > a,
.we-mega-menu-ul .we-mega-menu-li.active-trail > a,
.we-mega-menu-ul .we-mega-menu-li > span:hover {
	color: var(--eu-bleu) !important;
	text-decoration: none !important;
}*/

/* menu top bar */
.navbar {
	padding: 0;
}
.navbar-we-mega-menu.navbar .we-mega-menu-ul > li.we-mega-menu-li > a,
.navbar-we-mega-menu.navbar .we-mega-menu-ul > li.we-mega-menu-li > span {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	
	color: var(--eu-bleu);
	font-size: 1rem !important;
	text-transform: capitalize;
    font-family: var(--font-family-sans-serif);
    font-weight: 400 !important;
	padding: .8rem 1.6rem !important;
	transition: all .5s ease-in-out;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-we-mega-menu.navbar .we-mega-menu-ul > li.we-mega-menu-li > a,
	.navbar-we-mega-menu.navbar .we-mega-menu-ul > li.we-mega-menu-li > span {
        font-size: 1rem !important;
        text-transform: capitalize;
        font-family: var(--font-family-sans-serif);
        font-weight: 400 !important;
        padding: .7rem 1.5rem !important;
        transition: all .5s ease-in-out;
	}

}

.navbar-we-mega-menu.navbar .we-mega-menu-ul > li.we-mega-menu-li[data-submenu="1"] > a:after,
.navbar-we-mega-menu.navbar .we-mega-menu-ul > li.we-mega-menu-li[data-submenu="1"] > span:after {
	transition: all .5s ease-in-out;
}

.navbar-we-mega-menu.navbar .we-mega-menu-ul > li.we-mega-menu-li[data-submenu="1"] > a:hover:after,
.navbar-we-mega-menu.navbar .we-mega-menu-ul > li.we-mega-menu-li[data-submenu="1"].active > a:after,
.navbar-we-mega-menu.navbar .we-mega-menu-ul > li.we-mega-menu-li[data-submenu="1"] > span:hover:after {
	border-top: 5px solid  var(--white);
}

/* menu drop down */

li.we-mega-menu-li:first-of-type a,
li.we-mega-menu-li:first-of-type span {
	border-left: 0.5px solid var(--eu-bleu);

}

li.we-mega-menu-li:not(:first-of-type) a,
li.we-mega-menu-li:not(:first-of-type) span {
	border-left: 0.5px solid var(--eu-bleu);

}

li.we-mega-menu-li:last-of-type a,
li.we-mega-menu-li:last-of-type span {
	border-right: 0.5px solid var(--eu-bleu);
}

.we-mega-menu-ul .we-mega-menu-li > a:hover,
.we-mega-menu-ul .we-mega-menu-li > a.active,
.we-mega-menu-ul .we-mega-menu-li.active > a,
.we-mega-menu-ul .we-mega-menu-li.active-trail > a,
.we-mega-menu-ul .we-mega-menu-li > span:hover {
	background: var(--eu-bleu) !important;
	color: var(--off-white) !important;
	text-decoration: none !important;
}

.we-mega-menu-submenu {
	border: .5px solid var(--eu-bleu);
}

.we-mega-menu-submenu li.we-mega-menu-li {
	width:100%;
	min-width: 200px;
}

.we-mega-menu-ul .subul .we-mega-menu-li > a,
.we-mega-menu-ul .subul .we-mega-menu-li > span {
    display: block;
    padding: .6rem 1.2rem !important;
    color: var(--eu-bleu) !important;
    font-size: .9rem !important;
    font-weight: 300 !important;
    text-transform: capitalize;
	transition: all .5s ease-in-out;
	border: none;
}

.we-mega-menu-ul .subul .we-mega-menu-li > a:hover,
.we-mega-menu-ul .subul .we-mega-menu-li > a.active,
.we-mega-menu-ul .subul .we-mega-menu-li.active > a,
.we-mega-menu-ul .subul .we-mega-menu-li.active-trail > a,
.we-mega-menu-ul .subul .we-mega-menu-li > span:hover {
	background: var(--eu-bleu) !important;
	color: var(--off-white) !important;
	text-decoration: none !important;
}

a.we-mega-menu-nolink {
	cursor: s-resize !important;
}

.slide__description {
    color: rgba(249,249,249,1.00);
    text-shadow: 1px 4px 4px 0 rgba(0,0,0,0.1);
    font-size: 2.2em !important;
    font-family: "Brandon Grotesque","Raleway",sans-serif !important;
    font-weight: 200;  
}

.slide__caption {
    content: "";
}

.slide__caption:before {
    display: block;
    background-image: url(/sites/default/files/lp2022.svg);
    background-size: 200px;  
}

.slick-arrow::before {
  color: rgba(249,249,249,1.00);
  font-size: 36px;
  font-size: 2.25rem;
}

/* sidebar */



.sidr {
	font-family: var(font-family-sans-serif);
    background: var(--eu-bleu);
    color: var(--white);
	font-size: 1rem;
	font-weight: 300;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.sidr ul.menu {
	background: var(--eu-bleu);
}

/*.sidr ul li, .sidr ol li {
	color: var(--white);
	
}

.sidr ul li a.is-active,
.sidr ul li a.active,
.sidr ul li a.active-trail {
    color: var(--eu-bleu) !important;
}*/

#offcanvas-sidebar svg {
    max-width: 75%;
    background: transparent;
    display: block;
    margin: 1.2rem 20px;
}

.sidr ul.menu a, .sidr ul.menu .nolink, .sidr ul.menu span {
    display: block;
    padding: 15px 20px;
    border-bottom: 1px solid rgba(144, 164, 174, 0.2);
    font-weight: 300;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
}

.sidr ul.menu li.menu-item--expanded > a:before, .sidr ul.menu li.menu-item--expanded > .nolink:before {
    content: "";
    display: block;
    color: #FFF;
    border-top: 4px solid var(--lp-orange);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    position: absolute;
    right: 20px;
    top: 50%;
}

.sidr ul.menu a,
.sidr ul.menu .nolink,
.sidr ul.menu span {
    display: block;
    padding: 12px 20px;
    background: var(--eu-bleu);
    color: var(--white);
    border-bottom: 1px solid var(--white);
	
    font-size: 1rem;
    font-weight: 300;
	
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.sidr ul.menu a:hover
/*.sidr ul.menu a.active,
.sidr ul.menu a.is-active,
.sidr ul.menu span.active*/ {
	display: block;
    padding: 12px 20px;
    background: var(--white) !important;
    color: var(--eu-bleu) !important;
	border-bottom: 1px solid var(--eu-bleu) !important;
}

.sidr ul.menu li.menu-item--active-trail > a,
.sidr ul.menu li .menu-item--active-trail a.is-active {
    background: var(--white);
    color: var(--eu-bleu);
    border-bottom: 1px solid var(--eu-bleu) !important;
}


/*.sidr ul.menu li a {
    background: var(--white) !important;
    color: var(--eu-bleu) !important;
}*/

.sidr ul.menu li .menu-item--active-trail > a:hover,
.sidr ul.menu li.menu-item--expanded ul a.is-active:hover,
.sidr ul.menu li .menu-item--active-trail span.active {
    background: var(--eu-bleu) !important;
    color: var(--white) !important;
	border-bottom: 1px solid var(--white) !important;
}

.sidr ul.menu li.menu-item--expanded ul a,
.sidr ul.menu li.menu-item--expanded ul .nolink {
    padding: 10px 20px 10px 40px;
    background: var(--eu-bleu);
    color: var(--white); 
    text-transform: none;
}

.sidr ul.menu li.menu-item--expanded ul a:hover,

.sidr ul.menu li.menu-item--expanded ul .nolink,
.sidr ul.menu li.menu-item--expanded ul span:active {
    background: var(--white);
    color: var(--eu-bleu);
	border-bottom: 1px solid var(--eu-bleu) !important;
}

.sidr ul.menu li.menu-item--expanded > a:before,
.sidr ul.menu li.menu-item--expanded > .nolink:before {
    content: "";
    display: block;
    color: var(--eu-warm-yellow);
    border-top: 5px solid var(--eu-warm-yellow);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    position: absolute;
    right: 20px;
    top: 50%;
}



.masonry-item {
	padding: 0;
    margin: 0;
}

.masonry-item ul {
	padding: 0 10px;
    margin: 0;
    list-style: none;
}

/* image wrap person */

div#front .front-caption p {
    position: relative;
    padding: 0 15px;
    font-size: 18px;
}

@media (min-width: 1170px) {
    div#front .front-caption p {
        font-size: 20px;
        font-weight: 300;
    }
}

div#image-wrap-inner.million.title {
    box-shadow: inset 100vw 0 0 0 rgba(198, 161, 76, 0.2), inset 0 0 0 3px rgba(198, 161, 76, 1), 0 1px 2px rgba(0, 0, 0, 0.005);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

div#image-wrap-inner #status.Current {
    background: rgba(238, 106, 8, .7);
}

div#image-wrap-inner h3:after {
    font-family: 'XV Josephine Icons';
    font-style: normal;
    font-weight: 100;
    content: '\e812';
    padding: 0 0 0px 5px;
    font-size: 20px;
}

div#image-wrap-inner h3 {
    margin: 0;
    padding: 15px 15px;
    color: rgba(255, 255, 255, 1.00) !important;
    text-decoration: none;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.5px;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    text-align: center;
    -webkit-filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.8));
    -moz-filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.8));
    -o-filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.8));
    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.8));
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}

@media (max-width: 1170px) {
    div#image-wrap-inner h3 {
        padding: 5px 15px;
        font-size: 24px;
        font-weight: 600;
    }
}

@media (max-width: 1050px) {
    div#image-wrap-inner h3 {
        padding: 5px 15px;
        font-size: 22px;
        font-weight: 600;
    }
}

@media (max-width: 990px) {
    div#image-wrap-inner h3 {
        padding: 5px 15px;
        font-size: 24px;
        font-weight: 600;
    }
}

@media (max-width: 765px) {
    div#image-wrap-inner h3 {
        padding: 15px 15px 10px 15px;
        font-size: 24px;
        font-weight: 600;
    }
}

@media (max-width: 550px) {
    div#image-wrap-inner h3 {
        padding: 15px 15px 10px 15px;
        font-size: 22px;
        font-weight: 600;
    }
}

@media (max-width: 320px) {
    div#image-wrap-inner h3 {
        padding: 15px 15px 10px 15px;
        font-size: 20px;
        font-weight: 600;
    }
}

div#image-wrap-inner {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 99.5%;
    padding: 0;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
    cursor: pointer;
}

div#image-wrap-inner p {
    height: 100%;
    width: 85%;
    position: absolute;
    z-index: 1;
    top: 98%;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

div#image-wrap-outer:hover #image-wrap-inner, div#image-wrap-outer-low:hover #image-wrap-inner {
    top: 0px;
    cursor: pointer;
}

div#image-wrap-outer:hover #image-wrap-inner h3, div#image-wrap-outer-low:hover #image-wrap-inner h3 {
    top: 75%;
    overflow-y: hidden;
    z-index: 1;
}

div#image-wrap-outer:hover #image-wrap-inner p, div#image-wrap-outer-low:hover #image-wrap-inner p {
    position: relative;
    text-align: center;
    top: 55%;
    cursor: pointer;
}

div#image-wrap-inner a {
    text-decoration: none;
    display: block;
    color: rgba(255, 255, 255, 1.00);
    cursor: pointer !important;
    font-weight: 600;
}

div#image-wrap-inner a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 1.00);
    cursor: pointer !important;
}

div#image-wrap-outer {
    overflow: hidden;
    position: relative;
}

div#image-wrap-outer-low {
    overflow: hidden;
    position: relative;
    max-height: 380px !important;
}

div#image-wrap-outer-low img {
    overflow: hidden;
    max-height: 470px !important;
}

div#image-wrap-outer-low ul {
    padding: 0;
}

#image-wrap-outer #status {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 4px 14px;
    background: rgba(238, 106, 8, 1.00);
    background: rgba(255, 132, 0, 1.00);
    color: rgba(255, 255, 255, 1.00);
    font: 13px/19px CopperplateXV, 'DIN 2014', Gill Sans MT, Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    z-index: 1;
}

#image-wrap-outer #status.Previous {
    background: rgba(80, 80, 80, 1.00);
}

#image-wrap-outer #status.Upcoming {
    background: rgba(82, 107, 154, 1.00);
}

/* end image wrap person */

/* publications flex */
.achieve-parent {
    display: grid;
    grid-template-columns: 25% 75%;
    grid-template-rows: auto;
    grid-column-gap: 20px;
    grid-row-gap: 15px;
    border-bottom: 1px dotted #9B9A9A;
    margin-bottom: 15px;
}

.achieve-1 {
    grid-area: 1 / 1 / 2 / 2;
}

.achieve-2 {
    grid-area: 1 / 2 / 2 / 3;
}

.achieve-flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px dotted #9B9A9A;
    margin-bottom: 15px;
}


.achieve-flex-item:nth-child(1) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    margin-right: 20px !important;
    margin-bottom: 15px;
}

.achieve-flex-item:nth-child(2) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: left;
    margin-bottom: 15px;
}

.achieve-flex-item img {
    width: 250px;
    min-width: 150px !important;
    max-width: 250px !important;
    height: auto;
}

/* end publications flex */


/* vbro */
.four-pack {
    border-bottom: 1px solid #ddddde;
    margin-bottom: 10px;
    padding-bottom: 1px
}

.four-pack__block {
    margin-bottom: 15px !important
}

@media (min-width: 768px) {
    .four-pack__block {
        border-right: 1px solid #ddddde;
        display: inline-block;
        margin-right: 16px;
        min-height: 50px;
        padding-right: 16px;
        vertical-align:top
    }

    .four-pack__block:last-of-type {
        border: none;
        margin-right: 0;
        padding-right: 0
    }
}

.four-pack__detail-item {
    margin-right:-8px
}

.four-pack__detail-item:not(:last-of-type):after {
    content: "\B7";
    padding:0 0 0 8px
}

.amenity-single {
display: flex;
-moz-column-break-inside: avoid;
break-inside: avoid;
page-break-inside: avoid;
}

.rooms-and-spaces-room-card {
padding: 0 12px 24px;
width: 33.33%;
}

.FamilySpacesRoom {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside:avoid
}

.FamilySpacesRoom--with-icon {
    display:flex
}

@media (max-width: 768px) {
    .FamilySpacesRoom--with-icon {
        flex-direction: row-reverse;
        justify-content: space-between;
        margin-bottom:12px
    }
}

.FamilySpacesRoom__description {
    margin-top:2px
}

@media (min-width: 769px) {
    .FamilySpacesRoom__icon {
        margin-right:10px
    }
}

@media (max-width: 768px) {
    .FamilySpacesRoom__icon {
        margin-left:10px
    }
}

.FamilySpacesRoomGroup {
    -moz-column-gap: 32px;
    column-gap:32px
}

@media (min-width: 769px) and (max-width: 1199px) {
    .FamilySpacesRoomGroup {
        -moz-column-count: 2;
        column-count:2
    }
}

@media (min-width: 1200px) {
    .FamilySpacesRoomGroup {
        -moz-column-count: 3;
        column-count:3
    }
}

@media (min-width: 768px) {
    .FamilySpacesRoomGroup--modal {
        -moz-column-count: 2;
        column-count:2
    }
}

@media (min-width: 992px) {
    .FamilySpacesRoomGroup--modal {
        -moz-column-count: 3;
        column-count:3
    }
}

@media (min-width: 1200px) {
    .FamilySpacesRoomGroup--ads {
        -moz-column-count: 2;
        column-count:2
    }
}

@media (min-width: 1660px) {
    .FamilySpacesRoomGroup--ads {
        -moz-column-count: 3;
        column-count:3
    }
}

.rooms-and-spaces-modal__link {
    margin-left: -8px;
    text-align: left;
    white-space:inherit
}

.rooms-and-spaces-modal__details-label {
    font-size:32px
}

.rooms-and-spaces-modal__title {
    margin-top:32px
}

@media (min-width: 768px) and(max-width: 992px) {
    .rooms-and-spaces-modal-portal .Modal__dialog {
        width:655px
    }
}

@media (min-width: 992px) {
    .rooms-and-spaces-modal-portal .Modal__dialog {
        width:735px
    }
}

.rooms-and-spaces-modal-portal .ScrollingBodyModal .Modal__header:after {
    z-index:1
}

.rooms-and-spaces-icons-group {
    display: flex;
    position: relative;
    margin-top:auto
}

.rooms-and-spaces-icons-group--show-all {
    flex-wrap:wrap
}

.rooms-and-spaces-icons-group__icon {
    margin-right: 8px;
    color:#717171
}

.rooms-and-spaces-icons-group__overflow {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgba(221, 221, 222, .4);
    display: flex;
    justify-content: center;
    font-size: .75rem;
    font-weight:700
}

.rooms-and-spaces-room {
    flex: 0 0 auto;
    padding: 0 0 40px;
    scroll-snap-align: center;
    width:100%
}

@media (min-width: 768px) {
    .rooms-and-spaces-room {
        padding: 0 8px 32px;
        width:50%
    }
}

@media (min-width: 992px) {
    .rooms-and-spaces-room {
        padding: 0 12px 32px;
        width:33.33%
    }
}

.rooms-and-spaces-room__container {
    display: flex;
    flex-direction:column
}

.rooms-and-spaces-room__name {
    margin-bottom: 2px;
    font-size: 16px;
    line-height: 1.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden
}

.rooms-and-spaces-room__details {
    color: #717171;
    margin:0 0 16px
}

.rooms-and-spaces-room__note {
    margin-top:16px
}

@media (max-width: 991px) {
    .rooms-and-spaces-room__note {
        font-size:.875rem
    }
}

.rooms-and-spaces-room-card {
    flex: 0 0 auto;
    padding: 0 16px 16px 0;
    scroll-snap-align: center;
    width:280px
}

@media (min-width: 767px) {
    .rooms-and-spaces-room-card {
        width:260px
    }
}

@media (min-width: 769px) and (max-width: 1199px) {
    .rooms-and-spaces-room-card {
        padding: 0 8px 16px;
        width:50%
    }
}

@media (min-width: 1200px) {
    .rooms-and-spaces-room-card {
        padding: 0 12px 24px;
        width:33.33%
    }
}

@media (min-width: 1200px) {
    .rooms-and-spaces--with-ads .rooms-and-spaces-room-card {
        padding: 0 8px 16px;
        width:50%
    }
}

@media (min-width: 1660px) {
    .rooms-and-spaces--with-ads .rooms-and-spaces-room-card {
        padding: 0 12px 24px;
        width:33.33%
    }
}

@media (max-width: 767px) {
    .rooms-and-spaces-room-card:first-child {
        margin-left:16px
    }
}

@media (max-width: 768px) {
    .rooms-and-spaces-room-card:first-child {
        margin-left:5%
    }
}

@media (max-width: 767px) {
    .rooms-and-spaces-room-card:last-child {
        padding-right:16px
    }
}

@media (max-width: 768px) {
    .rooms-and-spaces-room-card:last-child {
        padding-right:5%
    }
}

.rooms-and-spaces-room-card__container {
    display: flex;
    flex-direction: column;
    border: 1px solid #ddddde;
    border-radius: 16px;
    padding: 24px;
    min-height:148px
}

.rooms-and-spaces-room-card__name {
    margin-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: .875rem;
    line-height:1.125rem
}

@media (min-width: 768px) {
    .rooms-and-spaces-room-card__name {
        font-size: 16px;
        line-height:1.5rem
    }
}

@media (min-width: 992px) {
    .rooms-and-spaces-room-card__name {
        margin-bottom:0
    }
}

.rooms-and-spaces-room-card__details {
    color: #717171;
    margin: 0 0 8px;
    font-size: .875rem;
    line-height: 1.125rem;
    position: relative;
    overflow: hidden;
    height:2.25rem
}

@media (min-width: 768px) {
    .rooms-and-spaces-room-card__details {
        height:3rem
    }
}

.rooms-and-spaces-room-card__details:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40%;
    height: 1.125rem;
    background:linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 50%)
}

@media (min-width: 768px) {
    .rooms-and-spaces-room-card__details:after {
        height:1.5rem
    }
}

@media (min-width: 768px) {
    .rooms-and-spaces-room-card__details {
        font-size: 16px;
        line-height: 1.5rem;
        margin-bottom:4px
    }
}

.Modal__title {
    font-size:24px
}

.rooms-and-spaces-group:nth-last-of-type(3) .rooms-and-spaces-group__title {
    margin-top:24px
}

.rooms-and-spaces-group__title {
    margin-top:32px
}

.rooms-and-spaces-group__secondary-title {
    font-size: 16px;
    font-weight: 400;
    color: #717171;
    margin-left:8px
}

.rooms-and-spaces-group__summary {
    margin-bottom:16px
}

.rooms-and-spaces-group__container:last-child {
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    border-bottom:1px solid #ddddde
}

@media (min-width: 767px) {
    .rooms-and-spaces-group__container:last-child {
        margin-left: -8px;
        margin-right:-8px
    }
}

@media (min-width: 992px) {
    .rooms-and-spaces-group__container:last-child {
        margin-left: -12px;
        margin-right:-12px
    }
}

.rooms-and-spaces-group__container {
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    border-bottom:none
}

@media (min-width: 767px) {
    .rooms-and-spaces-group__container {
        margin-left: -8px;
        margin-right:-8px
    }
}

@media (min-width: 992px) {
    .rooms-and-spaces-group__container {
        margin-left: -12px;
        margin-right:-12px
    }
}

@media (max-width: 768px) {
    .rooms-and-spaces-group__slider-container {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right:-50vw
    }
}

.rooms-and-spaces-group__slider {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
    margin-right:0
}

@media (min-width: 767px) {
    .rooms-and-spaces-group__slider {
        margin-left: -8px;
        margin-right:-8px
    }
}

@media (min-width: 992px) {
    .rooms-and-spaces-group__slider {
        margin-left: -12px;
        margin-right:-12px
    }
}

@media (max-width: 768px) {
    .rooms-and-spaces-group__slider {
        overflow-x: scroll;
        flex-wrap: nowrap;
        align-items: stretch;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling:touch
    }
}

.amenity-single {
    display: flex;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside:avoid
}

.amenity-single .SVGIcon {
    margin-right:8px
}

.amenity-single__content {
    display: inline-block;
    flex:1
}

.amenity-single__content:after {
    content: "";
    display:block
}

.amenity-single__headline {
    font-weight:700
}

.amenity-single__description {
    color: #717171;
    display: block;
    margin-top:4px
}

.amenities-subsection {
    margin-bottom:16px
}

@media (min-width: 768px) {
    .amenities-subsection {
        border-top: 1px solid #ddddde;
        padding-top:32px
    }
}

.amenities-subsection__section-summary {
    color: #717171;
    font-style:italic
}

.amenities-subsection__list, .amenities-subsection__notes-list, .amenities-subsection__section-summary {
    margin-left: 24px;
    margin-right:24px
}

@media (max-width: 767px) {
    .amenities-subsection__list, .amenities-subsection__notes-list, .amenities-subsection__section-summary {
        margin-left: 16px;
        margin-right:16px
    }
}

.condense-to-preview .amenities-subsection__header {
    display:none
}

.amenities-categorized-modal__category {
    border-bottom: 1px solid #ddddde;
    margin-bottom: 16px;
    padding:16px 0
}

.amenities-categorized-modal__category:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom:0
}

.amenities-categorized-modal__amenity-list {
    -moz-column-count: 1;
    column-count: 1;
    -moz-column-gap: 24px;
    column-gap:24px
}

@media (min-width: 768px) {
    .amenities-categorized-modal__amenity-list {
        -moz-column-count: 2;
        column-count:2
    }
}

@media (min-width: 1200px) {
    .amenities-categorized-modal__amenity-list {
        -moz-column-count: 3;
        column-count:3
    }
}

.amenities-categorized-modal__amenity-list-item {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
    margin-bottom:12px
}

@media (min-width: 768px) {
    .amenities-categorized-modal__amenity-list-item {
        margin-bottom:16px
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .amenities-categorized-modal-portal .Modal__dialog {
        width:655px
    }
}

@media (min-width: 992px) {
    .amenities-categorized-modal-portal .Modal__dialog {
        width:735px
    }
}

@media (min-width: 768px) {
    .AmenitiesCategorizedRollup__category-list {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        margin-left: -16px;
        margin-right:-16px
    }
}

@media (min-width: 768px) {
    .AmenitiesCategorizedRollup__category-list-item {
        min-width: 50%;
        padding-left: 16px;
        padding-right:16px
    }
}

@media (min-width: 1200px) {
    .AmenitiesCategorizedRollup__category-list-item {
        min-width:33%
    }
}

.AmenitiesCategorizedRollup__amenity-list {
    margin-bottom:32px
}

.AmenitiesCategorizedRollup__amenity-list-item {
    margin-bottom: 16px;
    display:flex
}

@media (max-width: 767px) {
    .AmenitiesCategorizedRollup__amenity-list-item {
        flex-direction: row-reverse;
        justify-content:space-between
    }
}

@media (min-width: 768px) {
    .AmenitiesCategorizedRollup__amenity-icon {
        margin-right:10px
    }
}

@media (max-width: 767px) {
    .AmenitiesCategorizedRollup__amenity-icon {
        margin-left:10px
    }
}

.property-headline-expanded {
    border-bottom: 1px solid #ddddde;
    padding-bottom: 16px;
    display: flex;
    align-items: flex-start;
    justify-content:space-between
}

@media (max-width: 1199px) {
    .property-headline-expanded {
        flex-direction:column
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .property-headline-expanded {
        border-bottom: none;
        margin-bottom:0
    }
}

.Description {
    font-size:.875rem
}

@media (max-width: 480px) {
    .Description {
        padding:0 24px 8px
    }
}

.Description--location {
    font-weight: 700;
    color: #292929;
    font-size:.875rem
}

@media (max-width: 480px) {
    .Description--location {
        color:#717171
    }
}

.pdp-map__modal .Modal__body .map-modal__pdp-map {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top:0
}

.google-map, .Map {
    height:100%
}

.Map {
    position:relative
}

.Map--container {
    height:100%
}

.Map--expand-button {
    top: 18px;
    position: absolute;
    right: 24px;
    z-index: 3;
    background-color: #292929 !important;
    color: #fff;
    opacity: .9;
    margin:-10px
}

.SVGIcon.foursquare-label {
    width: 100%;
    height: 10px;
    justify-content: flex-end;
    stroke-width: 1;
    stroke:initial
}

.defer-loading__placeholder {
    overflow: hidden;
    position:relative
}

.defer-loading__placeholder ul {
    top:0
}

.defer-loading__placeholder ul li {
    height: 10px;
    margin: 0;
    width:10px
}

.pdp-section--location {
    display: flex;
    flex-direction: row;
    justify-items:center
}

.pdp-section--location-list {
    flex:2
}

.pdp-section--location-list .List {
    height:100%
}

.pdp-section--location-map {
    padding-left: 32px;
    flex:3
}

.MapList--location {
    display: flex;
    flex-direction: row;
    justify-items:center
}

.MapList--location-list {
    flex:2
}

.MapList--location-list .List {
    height:100%
}

.MapList--location-map {
    padding: 0 32px;
    flex:3
}

.List {
    position:relative
}

@media (max-width: 480px) {
    .List--toi-headline {
        margin-bottom:8px
    }
}

.List a {
    color: #292929;
    text-decoration:none
}

@media (hover: hover) {
    .List a:hover {
        cursor: pointer;
        font-weight:900
    }

    .List a:hover li {
        background-color: #f9f8f7;
        border-radius:8px
    }

    .List a:hover small {
        font-weight: 200;
        color:#292929
    }
}

.List a.selected-toi {
    font-weight:900
}

.List a.selected-toi li {
    border-radius:8px
}

.List a.selected-toi small {
    font-weight: 200
}

.List--item-foursquare, .List--item-gaia {
    padding: 12px;
    margin:0 -12px
}

.List--item-toi {
    display:flex
}

.List--item-toi-name {
    flex: 7;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .875rem;
    color:#292929
}

.List--item-toi-distance {
    flex: 1;
    white-space: nowrap;
    font-size:.875rem
}

small {
    font-weight: 200;
    font-size: .75rem;
    color:#717171
}

.Pager__li--page {
    flex: 3;
    order: 1;
    padding:16px 32px
}

.Pager {
    display: flex;
    margin: 32px 16px;
    list-style:none
}

.Pager__li {
    display: flex;
    align-items: center;
    justify-content:center
}

.Pager__li--previous {
    flex: 1;
    order: 0;
    justify-content:flex-start
}

.Pager__li--next {
    flex: 1;
    order: 2;
    justify-content:flex-end
}

@media (min-width: 768px) {
    .Pager--left {
        justify-content:flex-start
    }

    .Pager--left .Pager__li {
        flex:none
    }

    .Pager--right {
        justify-content:flex-end
    }

    .Pager--right .Pager__li {
        flex:none
    }

    .Pager--center {
        justify-content:center
    }

    .Pager--center .Pager__li {
        flex:none
    }
}

/* tabs */

.tabs ul.primary > li a {
color: #115e85;
}

.tabs ul.primary > li a:hover {
color: #081A22;
}

/* calendar */

/*.fc-view-container *, .fc-view-container :after, .fc-view-container :before {
	min-height: 35px;
}*/

/*.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-mirror-skeleton td {
color: white;
font-size: 15px;
min-height: 40px;
vertical-align: middle;
	text-overflow: ellipsis;
}*/

.block__content table {
	border: 1 px solid var(--eu-grey-2) !important;
	width: auto !important;
}

.block__content table.no-border {
	border: transparent !important;
	width: auto !important;
}

.block__content  th,
.block__content  td  {
	padding: 8px !important;
	min-width: 15px;
	vertical-align: top;
	margin: 0 !important;
	width: auto !important; 
}

.block__content table.no-border th,
.block__content table.no-border td  {
	padding: 5px 10px 5px 0 !important;
	min-width: 15px;
	vertical-align: top;
	margin: 0 !important;
	width: auto !important; 
}


.fc-event.fc-start {
	margin: 0 0 0 10px;
	clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);
}

/*.fc-content::before {
 width: 0; 
height: 0px;
border-style: solid;
border-width: 0 120px 120px;
border-color: transparent transparent transparent #fff;
}*/

/*.fc-event.fc-start.fc-end {
	margin: 0 10px 0 10px;
	clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 95%);
}

.fc-event.fc-not-start.fc-end {
	margin: 0 10px 0 0;
	clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
}*/

.fc-title {
    margin: 2px auto 2px 15px;
	color: var(--off-white) !important;
/*	font-size: 1em;*/
    font-weight: 400;
/*	line-height: 1.1em; */
}

.fc-time {
    display:none
}

.fc-event {
/*position: relative;
display: block;*/
	color: var(--off-white) !important;
/*font-size: 1.3em;
    font-weight: 200;
line-height: 1.5; */
 border: 0px solid #3788d8; 
}

/*@media (max-width: 758px) {
	.fc-event.fc-start.fc-not-end {
	margin: 0 0 0 10px;
    }
	
	
	.fc-event.fc-start.fc-end {
	margin: 0 10px 0 10px;
    }

    .fc-event.fc-not-start.fc-end {
    margin: 0 10px 0 0;
    }
}*/

/*.is-sticky {
	top:80px !important;
	background-color: white;
}
*/

/* xander icons */
footer .widefooterxv {
	text-align: center;
}

footer .widefooterxv a:hover {
	text-decoration: none !important;
}

a.footer-social-links {
	font-size: 2rem !important;
	text-align: center;
	color: var(--white) !important;
	text-decoration: none !important;
	font-style: normal;
}

a.footer-social-links:hover  {
	font-size: 2rem;
	text-align: center;
	color: var(--eu-warm-yellow) !important;
	text-decoration: none !important;
}

a.footer-social-links:not(:last-child) {
	margin-right: 10px;
}

a.footer-social-links i:before {
	font-style: normal;
}

.insta:before {
    font-family: 'Xander Icons';
    content: "\E84D";
    vertical-align: bottom;
}

.linkedin:before {
    font-family: 'Xander Icons';
    content: '\e843';
    vertical-align: bottom;
}

.vcard:before {
    font-family: 'Xander Icons';
    content: '\e829';
    vertical-align: bottom;
}

.document:before {
    font-family: 'Xander Icons';
    content: '\E833';
    font-style: normal;
    margin: 0 5px 0 0;
}

.link:before {
    font-family: 'Xander Icons';
    content: '\E835';
    font-style: normal;
    margin: 0 5px 0 0;
}

.arrow-right:after {
    font-family: 'Xander Icons';
    content: '\E805';
    font-style: normal;
    margin: 0 0 0 5px;
}

.faceb:before {
    font-family: 'Xander Icons';
    content: "\E84c";
    vertical-align: bottom;
}

.twit:before {
    font-family: 'Xander Icons';
 /*   content: "\E84e";*/
	content: "\e863";
    vertical-align: bottom;
}

.mastodon:before {
    font-family: 'Xander Icons';
    content: "\e85c";
    vertical-align: bottom;
}

.bluesky:before {
    font-family: 'Xander Icons';
    content: "\e869";
    vertical-align: bottom;
}

.email:before {
    font-family: 'Xander Icons';
    content: "\e841";
}

.pint:before {
    font-family: 'Xander Icons';
    content: "\E811";
    vertical-align: bottom;
}

.menu-social a:hover {
    text-decoration: none !important;
}

.topbar-email:before {
    font-family: 'Xander Icons';
    content: "\e822";
}

.topbar-phone:before {
    font-family: 'Xander Icons';
    content: "\e821";
}

.topbar-mobile:before {
    font-family: 'Xander Icons';
    content: "\e831";
}

.topbar-map:before {
    font-family: 'Xander Icons';
    content: "\e81f";
}

.topbar-login:before {
    font-family: 'Xander Icons';
    content: "\e812";
}

.topbar-search:before {
    font-family: "FontAwesome";
    content: "\f002";
}

.fa.fa-external-link, .fas.fa-external-link,
.fa.fa-envelope-o, .fas.fa-envelope-o {
font-weight: 100 !important;
font-size: .8rem;
margin-left: 10px;
}

/* end xander icons */

/*product styling */

.field--name-field-colour.field__item,
.field--name-field-colour-options.field__items,
.field--name-field-fabric-options.field__items,
.field--name-field-fabric-new-options.field__items,
.field--name-field-frame-options.field__items,
.field--name-field-table-top-options.field__items {
	display: inline-flex;
	flex-wrap: wrap;
	
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
	
    text-align: left !important; 
    position: relative;

  
/*    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;*/

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: flex-start;

    -webkit-align-content: space-between;
    -ms-flex-line-pack: distribute;

    align-content: space-around;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	
}

.field--name-field-colour-options .field__item,
.field--name-field-colour .field__item,
.field--name-field-fabric-options .field__item,
.field--name-field-fabric .field__item,
.field--name-field-fabric-new-options .field__item,
.field--name-field-fabric-new .field__item,
.field--name-field-frame-options .field__item,
.field--name-field-frame .field__item,
.field--name-field-table-top-options .field__item,
.field--name-field-table-top .field__item {
    margin: 2px 10px 0 0;
    font-size: .55rem;
    text-transform: uppercase;
    font-family: var(--font-family-headers);
    text-align: center;
}
/*}*/


.field--name-field-fabric-options img,
.field--name-field-fabric-new-options img,
.field--name-field-frame-options img,
.field--name-field-table-top-options img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.redbox {
    background: var(--eu-bleu);
    color: var(--white) !important;
    padding: 20px;
    margin: 0;
}

.redbox p,
.redbox a {
    color: var(--white) !important;
    padding: 0;
    margin: 0;
    font-size: 1.1rem;
	text-decoration: none;
}
.redbox a:hover {
	text-decoration: underline;
	transition: all 0.7s ease-in-out;
}

.views-more-link {
	display: inline-block;
	
}
.views-more-link::before {
    content: "\A";
}

.views-field-field-brand {
    text-align: center;
    font-family: var(--font-family-headers);
    text-transform: uppercase;
    font-weight: 900;
    font-size: .6rem;
    background: var(--white);
    padding: 5px 10px 10px;
	/*box-shadow: 0 -3px 6px 5px rgba(128, 128, 128, 0.19);*/
}

.views-field-field-range {
    text-align: left;
    font-family: var(--font-family-headers);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.1rem;
    background: var(--white);
    padding: 10px 15px 10px;
	/*box-shadow: -3px 0 6px 5px rgba(128, 128, 128, 0.19), 3px 0 6px 5px rgba(128, 128, 128, 0.19)*/
}

.views-field-field-description,
.views-field-field-description p {
    text-align: left;
    font-family: var(--font-family-sans-serif);
    text-transform: none;
    font-weight: 200;
    font-size: .9rem;
	line-height: 1.3rem;
    background: var(--white);
    padding: 0 15px 20px;
	min-height: 110px;
	/*box-shadow:  0 3px 6px 5px rgba(128, 128, 128, 0.19);*/
}

/*
  Accordion tabs that have not been created using Javascript THEME
*/

/* clearfix */
.ckeditor-accordion-container > dl:before,
.ckeditor-accordion-container > dl:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.ckeditor-accordion-container > dl:after {
  clear: both;
}

/* CKEditor accordion */
.ckeditor-accordion-container > dl,
.ckeditor-accordion-container > dl dt,
.ckeditor-accordion-container > dl dd {
  box-sizing: border-box;
}
.ckeditor-accordion-container > dl {
  position: relative;
  border: 0px solid #0091ea;
}

/* label / tab */
.ckeditor-accordion-container > dl dt {
	position: relative;
	font-family: var(--font-family-headers);
	font-size: 1.2rem;
	font-weight: 200;
	text-transform: uppercase;
	border-bottom: 0.2px solid var(--eu-grey-2);
	border-left: 0.2px solid var(--eu-grey-2);
	transition: all 0.7s ease-in-out;
}

/*.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
  display: inline-block;
  position: relative;
  padding: 0 10px;
  width: 30px;
  height: 30px;
  z-index: 1;
  top: calc(50% - 1px);
  left: 11px;
  box-sizing: border-box;
	float: right
}*/

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
    display: inline-block;
    position: relative;
    /* padding: 0 10px;
    width: 70px;
    height: 70px; */
    z-index: 1;
    top: calc(50% - 1px);
    right: 20px; 
    box-sizing: border-box;
    float: right;
    /* border: 1px solid green; */
    /* border-radius: 50% 50%; */
	max-width: 140px;
	transition: all 0.7s ease-in-out;
}

/*.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before,*/
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
    font-family: 'Xander Icons';
    content: '\E813';
    font-style: normal;
    font-weight: 300;
    margin: 0;
    position: relative;
    /* float: right; */
    font-size: 1rem;
    color: var(--eu-grey-2);
    z-index: -1;
    right: 0;
    top: 0;
    will-change: contents;
	background: var(--white);
	padding: 7px;
	border-radius: 50%;
	border: 1px dotted var(--eu-bleu);
	transition: all 0.7s ease-in-out;
}

/*.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before {
  left: 13px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
} */

/*.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:hover:after {
  filter: drop-shadow(2px 2px 7px rgba(90, 176, 49, 0.4));
}*/

/*
.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:before {
  transform: rotate(180deg);
}}*/

.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:after {
    content: '\E849';
/*	transform: rotate(180deg);*/
	/*color: var(--eu-grey-2);*/
	background: var(--eu-bleu);
	color: var(--white);
	transition: all 0.7s ease-in-out;
}
/*.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before,
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
  background: #fff;
  -webkit-transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 10px;
  z-index: -1;
  left: 0;
  top: 0;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  will-change: transform;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before {
  left: 13px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
  right: 13px;
  left: auto;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:before {
  transform: rotate(45deg);
}
.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:after {
  transform: rotate(-45deg);
}
*/

.ckeditor-accordion-container > dl dt > a {
  display: block;
  padding: 8px 0 8px 8px  /*50px*/;
  background-color: transparent;
  color: var(--eu-bleu);
  cursor: pointer;
  transition: all 0.7s ease-in-out;
  border-bottom: 0px solid #00a4ec;
}

.ckeditor-accordion-container > dl dt > a:hover {
    background: var(--eu-bleu) !important;
    text-decoration: none;
    color: var(--white);
    /*transition: color .5s ease-in-out;*/
}
.ckeditor-accordion-container > dl dt.active > a {
  background-color: transparent /*#0091ea*/ !important;
	text-decoration: none;
    color: var(--eu-bleu);
    transition: all 0.7s ease-in-out;
}

.ckeditor-accordion-container > dl dt:last-of-type > a {
  border-bottom: 0;
}

/* contents */
.ckeditor-accordion-container > dl dd {
  display: none;
  padding: 0 0 10px 0;
  margin: 0;
  will-change: height;
}

.ckeditor-accordion-container > dl dd p,
.ckeditor-accordion-container > dl dd li {
    font-size: 1rem !important;
    color: var(--eu-grey-2);
    font-weight: 200;
}

/* slick styling */
.slick__arrow {
bottom: auto;
height: 2px;
left: 0;
margin-top: -1px;
pointer-events: none;
position: absolute;
top: 44%;
transform: translateY(-50%);
width: 100%;
z-index: 2;
}

.slick-prev {
left: -20px;
}

.slick-next {
right: -20px;
}

.slick .slick-dots--thumbnail-grid img {
border: 1px solid transparent;
-webkit-transition: 0.3s;
transition: 0.3s;
}

.slick .slick-dots--thumbnail-grid {
margin: 0;
text-align: left;
}

.slick-dots li {
margin: 0 10px 10px 0;
}

.slick .slick-dots--thumbnail-grid li {
width: 125px;
}


/*image over shadow */


.media--image < a:before {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
content: '';
z-index: 1;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
-webkit-box-shadow: inset 0 0 4rem 0 rgba(0, 0, 0, 0.7);
box-shadow: inset 0 0 4rem 0 rgba(0, 0, 0, 0.7);
opacity: 0;
}

.media--image < a:hover:before {
opacity: 1;
}

.blazy--field-designer-hero {
	margin-right: 5vw;
}

.node--type-designer .field--name-body p {
	font-size: 1rem;
}

.node--type-designer .block--page-title-block {
	margin-top: 0 !important;
	font-size: 1.8rem;
}

.node--type-designer h1.page-title {
	padding-right: 0rem;
	font-size: 1.8rem;
}

/* MP styling */

.views-field-field-discount-percentage{
	height: 0px;
}

.views-field-field-discount-percentage .field-content {
    position: relative;
    top: -15px;
    background: var(--eu-bleu);
    padding: 5px;
    border-radius: 50%;
    color: var(--white);
    font-weight: 900;
    width: 60px;
	height:60px;
    z-index: 1;
    right: 10px;
    float: right;
	text-align: center;
}

.views-field-field-discount-percentage .field-content p {
    font-size: 0.6rem;
    color: var(--white);
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    line-height: .9rem;
}

.views-field-field-discount-percentage .field-content p span.discount-pct {
    font-family: var(--font-family-headers);
    font-size: 1rem;
    color: var(--white);
    font-weight: 900;
    line-height: .7rem;
    margin: 0;
    position: relative;
    top: 3px;
}

.view-mp-product-ranges .views-field-field-media-3-2 .media.media--ratio {
	overflow: unset;
}


 .mp-range-summary-wrapper {
	 background: var(--eu-bleu);
	 padding:2vw;
}

 .mp-range-summary-wrapper h1,
 .mp-range-summary-wrapper h3,
 .mp-range-summary-wrapper p,
 .mp-range-summary-wrapper a {
	 color: var(--white);
}

.product-summary-wrapper.marketplace-product {
	background: var(--white);
	padding:15px;
}

.product-summary-wrapper.marketplace-product img {
	padding: 10px 0;
}

.product-summary-wrapper.marketplace-product p.priceline {
	border-top: 0.5px solid var(--eu-grey-2);
}

.product-summary-wrapper.marketplace-product p strong {
	font-family: var(--font-family-headers);
	font-weight: 500;
}


.product-summary-wrapper.marketplace-product p .price {
	text-decoration: line-through;
	color: var(--eu-grey-2);
	margin-right: 10px;
}

.product-summary-wrapper.marketplace-product p .discounted-price {
	color: var(--eu-bleu);
}

.product-summary-wrapper.marketplace-product .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
	background: var(--lp-bg);
}

/*  make all cards same height on same row  */

div.same_height {
	display:flex;
}

div.list {
	flex:1;
}

div.white-card {
	height: 100% !important;
}

.list > ul > li:last-child {
	margin-bottom: 1.67rem;
	padding-bottom: 1rem important;
	border-bottom: none;
}


.white-card {
	background: var(--white);
	box-shadow: 0 10px 10px 5px rgba(128, 128, 128, .15);
	transform: scale(1);
	transition: all .4s ease;
	/*min-height: 445px;*/
	/*height: 100%;*/
}

.white-card:hover {
background: var(--white);
/*box-shadow:  1px 0px 3px 2px rgba(128, 128, 128, 0.19);*/
box-shadow: 0 16px 32px 5px rgba(128, 128, 128, .15);
transform: scale(0.95);
}

.white-card.person {
	/*min-height: 400px;*/
}

.white-card.sidebar,
.white-card.no-white {
	min-height: auto;
}

@media (max-width: 575px) {
  .white-card {
      min-height: auto;
  }
}

.pub-card {
    background: var(--white);
    box-shadow: 16px 14px 10px 0 rgba(128, 128, 128, 0.15);
    transform: scale(1);
    transition: all .4s ease;
}

.pub-card:hover {
	background: var(--white);
	/*box-shadow:  1px 0px 3px 2px rgba(128, 128, 128, 0.19);*/
	box-shadow: 0 16px 32px 5px rgba(128, 128, 128, .15);
	transform: scale(0.95);
}

@media (max-width: 768px) {
  .pub-card {
    background: var(--white);
    box-shadow: 0 -5px 10px 5px rgba(128, 128, 128, 0.15);
    transform: scale(1);
    transition: all .4s ease;
	/*border: 0.5px solid var(--eu-bleu);*/
  }
	.pub-card:hover {
	box-shadow: 0 -3px 10px 3px rgba(128, 128, 128, .15);
	transform: scale(0.95);
}
}

.list h3 {
	margin: 5px 0;
	font-size: 1.3rem;
}

.list h4 {
	margin: 5px 0;
	font-size: 1.1rem;
}

.summary-wrapper .list h3 {
	margin: 20px 0 5px 0;
	font-size: 1.2rem;
}

.list .row {
	margin-left: 0;
}

.cta-card {
	background: var(--white);
	box-shadow: 0 10px 10px 5px rgba(128, 128, 128, .15);
	transform: scale(1);
	transition: all .4s ease;
}

.cta-card:hover {
    background: var(--white);
    box-shadow: 0 16px 32px 5px rgba(128, 128, 128, .15);
    transform: scale(0.98);
}

h3.cta_title {
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    font-weight: 700;
}

.bleu-bg {
	background: var(--eu-bleu);
}

.special-publication .bleu-bg {
	background: var(--eu-grey-light);
}

.special-publication a.btn--blue, .special-publication input.btn--blue {
    color: var(--white) !important;
    background: var(--eu-grey-light);
    border: 1px solid transparent !important;
    text-decoration: none;
    border-radius: 0;
}

.special-publication a.btn--blue:hover, .special-publication .btn--blue a:hover, .special-publication a.btn--blue:focus, .special-publication input.btn--blue:hover, .special-publication input.btn--blue a:hover, .special-publication input.btn--blue:focus {
    color: var(--eu-grey-light) !important;
    background: var(--white) !important;
    border: 1px solid var(--eu-grey-light) !important;
    border-bottom: 1px solid var(--eu-grey-light) !important;
    text-decoration: none;
    }

.special-publication .summary-wrapper {
	background: rgba(230,230,230,1.00);
}

.special-publication .current {
    text-align: center;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--white);
    font-variant: all-small-caps;
    line-height: 1.2rem;
	padding: 8px 10px;
}

.special-publication h3 {
	color: var(--eu-grey-light)
}

.special-publication.pub-card:hover {
    transform: scale(1);
}

.home-card,
.mp-home-card {
	/*background: var(--white);*/
	/*box-shadow: 0 -3px 6px 5px rgba(128, 128, 128, 0.19);*/
	transform: scale(1);
	transition: all .5s ease;
}

.home-card p,
.mp-home-card {
	font-size: .9rem;
	padding: 2px 0px;
	transition: all .5s ease;
}

.home-card:hover {
/*background: var(--white);*/
/*box-shadow:  1px 0px 3px 2px rgba(128, 128, 128, 0.19);*/
box-shadow: 0 16px 32px 0 rgba(0,0,0,.15);
transform: scale(1.02);
}

.mp-home-card:hover {
box-shadow: 0 16px 32px 0 rgba(255,255,255,.15);
transform: scale(1.02);
}

.home-card:hover p {
	padding: 2px 6px;
}

.sidebar-date {
    padding: 5px 10px;
    border: 1px dotted var(--eu-bleu);
	font-size:1.1rem;
	font-weight: 400;
}

.bg--lp--orange,
.bg--lp--orange h2 .title-text,
.bg--lp--orange p {
	background: var(--eu-bleu);
	color: var(--white);
}

.news-item-card {
	background: var(--white);
	padding: 20px;
}


.views-field-category {
    background: var(--eu-grey-2);
    color: var(--white);
    text-transform: uppercase;
    font-weight: 300;
    padding: 3px 2px 3px 20px;
    font-size: .9rem;
	margin: 0;
}

.views-field-field-media img,
.media--image img {
	display: block;
}

.views-field-category.name{
    font-weight: 600;
}

.views-field-title {
    color: var(--eu-bleu);
    text-transform: none;
    font-weight: 600;
    padding: 5px 20px;
}

.views-field-field-summary,
.views-field-body { 
    color: var(--eu-grey-2);
    text-transform: none;
    font-weight: 200;
    padding: 5px 20px 10px 20px;
}

.views-field-field-joined {
    color: var(--eu-grey-2);
    text-transform: none;
    font-weight: 100;
	font-size:.9rem;
	font-style: italic;
    padding: 5px 20px 10px 20px;
}


/*Slick Styling Sliders*/

.path-frontpage .slick-dotted.slick-slider {
	margin-bottom: 0;
}


.slick--optionset--single-item-slider .slick-dots {
    position: absolute;
    bottom: -1rem;
}

.slick--optionset--single-item-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 20px;
    margin: 1rem .6rem;
    padding: 0;
    cursor: pointer;
	list-style: none;
}

.slick--optionset--single-item-slider .slick-dots button {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border-top: 3px solid var(--white);
    overflow: hidden;
}

.slick--optionset--single-item-slider .slick-dots li.slick-active button
{
	border-top: 3px solid var(--white);
	opacity: 1;
}


.slick-dots li button:before {
    content: '';
}
/*Slick Styling*/

/*.slick-dotted.slick-slider {
	margin-bottom: 0;
}



.slick-dots ul,
.slick-dots li,
.slick-dots li.slick-active,
.slick-dots li button {
	list-style: none !important;
}

.slick-dots button {
	list-style: none !important;
}*/


/* Dots */
/*.slick-dotted.slick-slider
{
    margin-bottom: 0 !important;
}

.slick--optionset--single-item-slider .slick-dots {
    list-style: none !important;
    position: absolute;
    bottom: 1.5rem;
}


.slick--optionset--single-item-slider .slick-dots button {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    color: var(--white) !important;
    background-color: transparent;
    border: 0;
    width: 35px;
    height: 10px;
    margin: 0 .8rem;
    border: none;
    border-top: 4px solid #FFF !important;
    overflow: hidden;
    list-style: none !important;
}



.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 20px 0 0 0;

    list-style: none !important;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 30px;
    height: 20px;
    margin: 0 7px;
    padding: 0;

    cursor: pointer;
	list-style: none !important;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;
	
	list-style: none !important;
    width: 30px;
    height: 20px;
    padding: 7px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 10px;

    position: absolute;
    top: 0;
    left: 0;

    width: 30px;
    height: 10px;

    content: ' ';
    text-align: center;

    opacity: .25;
    color: var(--white);
    border-top: 4px solid (--var-white);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: var(--white);;
}
*/


.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: transparent;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: var(--lp-font);
cursor: default;
background-color: var(--white);
border: 0px solid transparent;
border-bottom-color: transparent;
}

.videowrapper {
	/* falls back to 16/9, but otherwise uses ratio from HTML */
    position: relative;
    padding-bottom: calc(var(--aspect-ratio, .5625) * 100%);
    height: 0;
}

.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.media--bundle--video {
    padding-bottom: calc(var(--aspect-ratio,.5625) * 100%);
}

/** menu styling **/

.tbm {
    background-color: var(--white);
}

.tbm-item.level-1:not(first-child) {
    border-right: .2px solid var(--eu-bleu)
}

.tbm-item.level-1:first-child {
    border-right: .2px solid var(--eu-bleu);
	border-left: .2px solid var(--eu-bleu);
}

.tbm-link.level-1 {
    color: var(--eu-bleu);
    padding: .6rem 1.25rem;
    font-weight: 700;
	transition: all 0.7s ease-in-out;
}

.tbm-link.level-1:hover, .tbm-link.level-1:focus {
    background-color: var(--eu-bleu);
	color: var(--white);
	text-decoration: none;
}

.tbm-submenu-toggle {
    background-color: #f5f5f5;
    color:#222;
	transition: all 0.7s ease-in-out;
}

.tbm-submenu-toggle:hover, .tbm-submenu-toggle:focus {
    background-color:#e8e8e8
}

.tbm-caption {
    color: #444;
    font-size: 0.75rem;
    margin-top:0.25rem
}

.tbm-submenu {
    background-color: #fff;
    border-radius: 0;
    border-top-width: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    padding: 0 /*.5rem*/
}

.tbm-submenu .tbm-submenu {
    border-top-width:1px
}

.tbm-item--has-flyout .tbm-submenu-toggle:hover,
.tbm-item--has-flyout .tbm-submenu-toggle:focus {
    background-color:transparent
}

.tbm-item--has-flyout .tbm-submenu-toggle:hover:before,
.tbm-item--has-flyout .tbm-submenu-toggle:focus:before {
    border-left-color:#1197f0
}

.tbm-subnav > .tbm-item:first-child > .tbm-link-container > .tbm-link {
    border-top: 0
}

.tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link {
    color: var(--eu-bleu);
    display: block;
    padding: 0.5rem;
    font-weight: 400;
	transition: all 0.7s ease-in-out;
}

.tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link:hover,
.tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link:focus {
    background-color: var(--eu-bleu);
	color: var(--white);
	text-decoration: none;
}

.tbm-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f5f5f5;
    border:1px solid rgba(0, 0, 0, 0.2)
}

.tbm-group-container {
    border-top:1px solid rgba(0, 0, 0, 0.2)
}

.tbm-group-title {
    font-weight: bold;
    text-transform:uppercase
}

.tbm.tbm--mobile {
    background-color:transparent
}

.tbm.tbm--mobile .tbm-item {
    border-top:1px solid rgba(0, 0, 0, 0.2)
}

.tbm.tbm--mobile .tbm-item.level-1.open > .tbm-toggle {
    background-color: #000;
    color:#fff
}

.tbm.tbm--mobile .tbm-collapse {
    background: #fff;
    padding-top:1rem
}

.tbm.tbm--mobile .tbm-nav {
    background:#f5f5f5
}

.tbm.tbm--mobile .tbm-submenu {
    box-shadow: none;
    border-top:1px solid rgba(0, 0, 0, 0.2)
}

.tbm.tbm--mobile .tbm-submenu .tbm-link {
    padding:1rem 1.25rem
}

.tbm.tbm--mobile .tbm-submenu .tbm-submenu-toggle {
    background-color: #fff;
    color:currentColor
}

.tbm.tbm--mobile .tbm-submenu-toggle {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-right:0
}

.tbm.tbm--mobile .tbm-subnav .tbm-item:first-child {
    border-top:0
}

.tbm.tbm--mobile .tbm-subnav .tbm-subnav {
    margin-left:1rem
}

.tbm.tbm--mobile .tbm-block {
    margin-bottom: 0;
    padding: 0 1.25rem
}

.tbm-column.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 49%;
max-width: 49%;
}


figure.intext-right {
	float: right;
	max-width: 175px !important;
	height: auto !important;
	margin: 0px 0px 15px 20px;
}

figure.intext-right-250 {
	float: right;
	max-width: 250px !important;
	height: auto !important;
	margin: 0px 0px 15px 20px;
}

figure.intext-right-350 {
	float: right;
	max-width: 350px !important;
	height: auto !important;
	margin: 0px 0px 15px 20px;
}

figure.intext-right-50v {
	float: right;
	max-width: 50vw !important;
	height: auto !important;
	margin: 0px 0px 20px 20px;
}

figure.intext-right-30v,
.intext-right-30v img {
	float: right;
	max-width: 30vw !important;
	height: auto !important;
	margin: 0px 0px 10px 10px;
}

figure.intext-left {
	float: left;
	max-width: 175px !important;
	height: auto !important;
	margin: 0px 20px 15px 0px;
}

figure.intext-left-250 {
	float: left;
	max-width: 250px !important;
	height: auto !important;
	margin: 0px 20px 15px 0px;
}

figure.intext-left-350 {
	float: left;
	max-width: 350px !important;
	height: auto !important;
	margin: 0px 20px 15px 0px;
}

figure.intext-left-50v {
	float: left;
	max-width: 50vw !important;
	height: auto !important;
	margin: 0px 20px 20px 0px;
}


figure.intext-centre {
	float: none;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 175px !important;
    height: auto !important;
    margin: 5px;
}

figure.intext-centre-250 {
	float: none;
	margin-left:auto;
	margin-right:auto;
	max-width: 250px !important;
	height: auto !important;
	margin: 5px 0px 5px 0px;
}

figure.intext-centre-350 {
	float: none;
	margin-left: auto !important;
    margin-right: auto !important;
	max-width: 350px !important;
	height: auto !important;
	margin: 5px;
}

figure.intext-centre-full {
	float: none;
	min-width: 100% !important;
	height: auto !important;
	margin: 5px 0px;
}

/*div.align-center.media-image.view-mode-inline-400px img,
div.view-mode-inline-400px img,
div.align-center.media-image.view-mode-inline-400px-border img,*/
div.view-mode-inline-400px-border img {
	display: flex;
    margin: 5px auto 10px;
    margin-right: auto;
    max-width: 100%;
    border: 2px dotted var(--eu-bleu);
    padding: 5px;
    background: rgba(48, 48, 48, 0.07);
}

figure.intext-centre-full.box {
    position: relative;
    display: inline-block; /* Make the width of box same as image */
}

 figure.intext-centre-full.box .overlay-title {
    position: absolute;
    z-index: 999;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 7%; /* Adjust this value to move the positioned div up and down */
    text-align: center;
    font-size: 40px !important;
	line-height: 1em;
    color:rgba(28,28,28,1.00);
    width: 60%; /* Set the width of the positioned div */
}

@media (max-width: 1100px) {
	figure.intext-centre-full.box .overlay-title {
        font-size: 30px !important;
        line-height: 1em;
	}
}

@media (max-width: 768px) {
	figure.intext-centre-full.box .overlay-title {
        font-size: 20px !important;
        line-height: 1em;
	}
}


.inline-right-50v {
	float: right;
	max-width: 50vw !important;
	height: auto !important;
	margin: 0px 0px 20px 20px;
}

.inline-right-30v,
.inline-right-30v img {
	float: right;
	max-width: 30vw !important;
	height: auto !important;
	margin: 0px 0px 10px 10px;
}

.inline-right-20v {
	float: right;
	max-width: 20vw !important;
	height: auto !important;
	margin: 0px 0px 8px 8px;
}

.inline-left-50v {
	float: left;
	max-width: 50vw !important;
	height: auto !important;
	margin: 0px 20px 20px 0px;
}

.inline-left-30v {
	float: left;
	max-width: 30vw !important;
	height: auto !important;
	margin: 0px 10px 10px 0px;
}

.inline-left-20v {
	float: left;
	max-width: 20vw !important;
	height: auto !important;
	margin: 0px 8x 8px 0px;
}

figure.align-right {
	margin: 0 0 10px 20px;
}

figure.align-left {
	margin: 0 20px 10px 0;
}

figcaption, .paragraph--type--video .field--name-field-description {
padding: 8px 0 0;
color: rgba(38, 50, 56, 0.7);
font-size: .85rem;
text-align: left;
}

/*xxx*/

.shariff[data-css="min"] ul,
.shariff[data-css="complete"] ul {
/* margin: 0; */
/*padding: auto;*/
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: none;
-webkit-box-flex: inherit;
-ms-flex: inherit;
flex: inherit;
}

.shariff[data-css="min"] ul,
.shariff[data-css="complete"] ul {
	padding: auto;
    list-style: none;
    display: flex;
    justify-content: space-between;
}

.shariff[data-css="min"] a,
.shariff[data-css="complete"] a {
    display: inline-flex;
    min-width: .2rem;
    padding: 1rem;
    border-radius: 50%;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    line-height: normal;
    white-space: nowrap;
    flex-grow: 1;
	border-bottom: 0px dotted var(--eu-bleu) !important;
}


.shariff[data-css="min"] ul li:first-child,
.shariff[data-css="complete"] ul li:first-child {
	margin: 0;
    align-self: flex-start;
    padding: 0;
 }

.shariff[data-css="min"] ul li,
.shariff[data-css="complete"] ul li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 .2778rem .1rem;
  font-family: "Roboto", sans-serif;
  text-transform: capitalize;
  margin: 0;
  align-self: flex-start;
  max-width: 65px;
  padding: 0;
}

/*.shariff .fab.fa-twitter::before {
        content: '';
        width: 22px;
        height: 22px;
        display: inline-block;
        background-color: #fff;
        mask-position: center center;
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-image: url(data:image/svgxml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMzg5LjIgNDhoNzAuNkwzMDUuNiAyMjQuMiA0ODcgNDY0SDM0NUwyMzMuNyAzMTguNiAxMDYuNSA0NjRIMzUuOGwxNjQuOS0xODguNUwyNi44IDQ4aDE0NS42bDEwMC41IDEzMi45TDM4OS4yIDQ4em0tMjQuOCAzNzMuOGgzOS4xTDE1MS4xIDg4aC00MmwyNTUuMyAzMzMuOHoiLz48L3N2Zz4=);
    }
    .shariff .theme-white .fab.fa-twitter::before { background-color: #000; } */

@media (max-width: 991px) {
	.themag-layout__region--first .shariff {
	display: block;
	}
	
	.themag-layout .block.item-date-main:not(:last-child) {
		margin-bottom: .7rem !important;
		margin-top: 0rem;
	}
	
	
	.themag-layout .block.block--shariff:not(:last-child) {
		margin-bottom: .7rem !important;
	}
}

@media (min-width: 992px) {
	.themag-layout__region--first .shariff {
	display: none;
	}
}

@media (max-width: 991px) {
	.themag-layout__region--second .shariff {
	display: none;
	}
}

.themag-layout__region--second .shariff {
	display: block;
}

/*xxx*/

.shariff ul.theme-colored li.twitter a {
background-color: #151515 !important;
border: 1px solid #151515 !important;
color: #ffffff;
}
.shariff ul.theme-colored li.twitter a:hover {
background-color: #5D5D5E !important;
border: 1px solid #5D5D5E !important;

}

.fab {
font-family: "Xander Icons";
	font-size: 1.5rem;
}

.fa-twitter:before {
content: "\e867";
}

.fa-facebook-f:before {
content: "\e816";
}

.fa-whatsapp:before {
content: "\e850";
}

input[type=text], input[type=password], input[type=color], input[type=date], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=range], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=week], textarea {
    background-color: #FFF;
    display: block;
    width: 100%;
    /*padding: .5rem 1rem;
    border: 1px solid;
    border-color: blue;*/
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(38, 50, 56, 0.075);
    box-shadow: inset 0 1px 1px rgba(38, 50, 56, 0.075);
    color: #607d8b;
    font-size: 1rem;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .15s;
    transition: border-color .15s;
	
	width: 100% !important;
    height: auto;
    min-height: 40px !important;
    /*border-color: var(--eu-orange);*/
    cursor: pointer;
    -webkit-appearance: none;
    color: var(--eu-bleu); 
    font-size: 1rem; 

    margin: 5px 0;
    padding: 5px 2em 5px 0.85em; /* LTR */
    border: .5px solid var(--eu-bleu);
    border-radius: 0;
	background: var(--white);	
}

/*select {
    width: 100% !important;
    height: auto;
	min-height: 40px !important;
	border-color: var(--eu-orange);
}*/

select {
    width: 100% !important;
    height: auto;
    min-height: 40px !important;
    /*border-color: var(--eu-orange);*/
    cursor: pointer;
    -webkit-appearance: none;
    color: var(--eu-bleu); 
    font-size: 1rem; 

    margin: 5px 0;
    padding: 5px 2em 5px 0.85em; /* LTR */
    border: .5px solid var(--eu-bleu);
    border-radius: 0;
	background: var(--white);


	
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

select:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}


/*background:
@@ -224,7 +225,7 @@ select {
     -webkit-font-smoothing: antialiased;
   }
   [dir="rtl"] select {
   padding: 5px 0.85em 5px 2em;
   background-position: 1% 63%, 0 0;
   }
   select:focus,
@@ -233,8 +234,19 @@ select {
     -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
     color: #1a1a1a;
   }*/

  select[multiple] {
    padding: 0;
  }

  select[multiple],
  select[multiple]:focus,
  select[multiple]:hover {
    background: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
 }

  select[multiple]:focus {
    outline: 0;
  }

  .option {
    padding: 5px 1em;
	  font-size:1rem;
	  font-weight:100;
 }
}

.select-style:after,
select:after {
content: "";
display: block;
margin-left: 8px;
border-top: 5px solid  var(--eu-bleu);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
}

.form-checkboxes .bef-checkboxes ul {
	list-style: none;
	margin-left: -40px;
}


.form-composite > .fieldset-wrapper > .description,
.form-item .description {
    margin: 10px 0 4px;
    font-size: .9rem;
    color: var(--eu-bleu);
	font-weight: 200;
}

.form-item, .form-actions {
    margin-top: .375rem;
    margin-bottom: 1.3rem;
}

.highlight,
strong .highlight{
background: var(--eu-bleu);
color: var(--white) !important;
	padding: 0px 2px;
}


mark {
  -webkit-animation: 1.5s highlight 1.5s 1 normal forwards;
          animation: 1.5s highlight 1.5s 1 normal forwards;
  background-color: none;
  background: linear-gradient(90deg, rgba(233,78,27,.2) 50%, rgba(255, 255, 255, 0) 50%);
  background-size: 200% 100%;
  background-position: 100% 0;
	color: var(--lp-font);
	font-size: 1.1rem;
	padding: .2rem 0;
	height: auto;
	line-height: inherit;
}

@-webkit-keyframes highlight {
  to {
    background-position: 0 0;
  }
}

@keyframes highlight {
  to {
    background-position: 0 0;
  }
}

.searchresulttext,
.searchresulttext p,
.searchresulttext h1,
.searchresulttext h2,
.searchresulttext h3,
.searchresulttext h4,
.searchresulttext h5,
.searchresulttext h6,
.searchresulttext strong,
.searchresulttext em {
	font-family: var(--font-family-sans-serif);
    font-weight: 300;
    font-size: 1.1428rem;
	color: var(--eu-grey-2);
	line-height: 1.3rem;
	white-space: normal;
}


/*
// MailChimp


// Mailchimp Signup Block
//*/
.block--mailchimp-signup {
  background: transparent !important;
  border: 0px solid #11171a;
  color: var(--eu-grey-2) !important;
	padding: 0rem;

  .block__title {
    margin-bottom: .5rem;
    text-align: left;
    .title-text {
      background: transparent !important;
      color: var(--eu-orange) !important;
      padding: 0 .1rem;
    }
    &:before, &:after {
      display: none;
    }
  }
  .form-actions {
    margin-bottom: 1rem;
	  margin-top:1rem;
	  display: inline-block;
	  /*background: var(--eu-bleu);*/
  }
	
  input[type="submit"] {
    background-color: var(--eu-bleu);
    border-color: var(--eu-bleu);
    width: 100%;
    margin-top: .25rem;
    color: #FFF;
  }
}

.block--mailchimp-signup input[type="submit"],
.form-actions input[type="submit"] {
/*background-color: var(--eu-bleu);
border-color: var(--eu-bleu);*/
width: auto;
margin-top: 1rem;
	
color: var(--white) !important;
background: var(--eu-bleu);
border: 1px solid transparent !important;
text-decoration: none;
border-radius: 0;
	
clear: both;
/*margin: 3px 3px 3px 0;*/
display: inline-block;
	
height: auto;
padding: 7px 20px;
font-size: 1.2rem;
text-transform: uppercase;
transition: all 0.5s ease-in-out;
}

.block--mailchimp-signup input[type="submit"]:hover,
.form-actions input[type="submit"]:hover {
/*background-color: var(--eu-bleu);
border-color: var(--eu-bleu);*/
width: auto;
margin-top: 1rem;
	
color: var(--eu-bleu) !important;
background: var(--white);
border: 1px solid var(--eu-bleu) !important;
text-decoration: none;
border-radius: 0;
	
clear: both;
/*margin: 3px 3px 3px 0;*/
display: inline-block;
}

.mailchimp-newsletter__teaser {
  margin-bottom: 1rem;
  line-height: 1.3;
}

.mailchimp-newsletter__title {
  margin-bottom: .5rem;
  line-height: 1.1;
  text-shadow: 0 1px 1px #FFF;
}

.mailchimp-newsletter__message {
  opacity: .5;
}


/*// Large Mailchimp Signup Block (it depends on region).*/
.block-region-top,
.block-region-middle,
.block-region-bottom,
.block-region-article-content-top,
.block-region-article-content-bottom,
.themag-layout--onecol-section {
  .block--mailchimp-signup {
    border: none;
    .mailchimp-newsletter__teaser {
      @include media-breakpoint-up(lg) {
        font-size: 1.2rem;
        text-align: center;
        margin-bottom: 1rem;
      }
    }
    .mailchimp-newsletter__title {
      font-size: 2.4rem;
      font-weight: bold;
    }
    form {
      display: flex;
      margin-left: auto;
      margin-right: auto;
      @include media-breakpoint-up(lg) {
        width: 100%;
      }
    }
    .mailchimp-newsletter-mergefields {
      flex-grow: 1;
    }
    .form-actions {
      margin-bottom: .375rem;
    }
    input[type="submit"] {
      margin-top: 0;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
    input[type="email"] {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
}


/*    .shariff .fab.fa-twitter::before {
        content: '';
        width: 22px;
        height: 22px;
        display: inline-block;
        background-color: #fff;
        mask-position: center center;
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-image: url(data:image/svgxml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMzg5LjIgNDhoNzAuNkwzMDUuNiAyMjQuMiA0ODcgNDY0SDM0NUwyMzMuNyAzMTguNiAxMDYuNSA0NjRIMzUuOGwxNjQuOS0xODguNUwyNi44IDQ4aDE0NS42bDEwMC41IDEzMi45TDM4OS4yIDQ4em0tMjQuOCAzNzMuOGgzOS4xTDE1MS4xIDg4aC00MmwyNTUuMyAzMzMuOHoiLz48L3N2Zz4=);
    }
    .shariff .theme-white .fab.fa-twitter::before { background-color: #000; }*/

div.section-hidden {
	display: none;
}

/* === FILTER CONTAINER STYLING === */
.view-filters {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  padding: 2rem;
  border-radius: 6px;
  margin-bottom: 2rem;
}

/* === FLEX LAYOUT FOR FILTER FORM === */
.view-filters .views-exposed-form {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: stretch;       /* Let items fill available space */
  align-items: flex-start;
}

/* === BEF WRAPPER OVERRIDE === */
.view-filters .bef-exposed-form {
  display: contents;
}

/* === FLEX CHILD BLOCKS === */


/* === LEGEND & LABEL STYLING === */
.view-filters .views-exposed-form legend,
.view-filters .views-exposed-form label {
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  margin-bottom: 0.4rem !important;
}

/* === FOCUS STATES FOR ACCESSIBILITY === */
.view-filters .views-exposed-form input:focus,
.view-filters .views-exposed-form select:focus {
  outline: 2px solid #005ea5;
  outline-offset: 2px;
}

/* === VISUALLY HIDDEN LABELS === */
.view-filters .visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

/* === DEBUGGING HELPERS === */
.view-filters .views-exposed-form > * {
  outline: 0px dashed #ccc;
}

.form--inline #edit-search-api-fulltext-wrapper {
	float: left;
    width: 40%;
}

.form--inline #edit-field-publication-category-tid--wrapper {
	float: left;
    width: 25%;
}

.form--inline .form-item-items-per-page,
.form--inline .form-item-field-date {
    float: left;
    width: 15%;
}

@media (min-width: 768px) and (max-width: 992px){
	.form--inline #edit-field-publication-category-tid--wrapper {
	float: left;
    width: 35%;
	}
}


@media (max-width: 768px) {
	.form--inline #edit-search-api-fulltext-wrapper,
	.form--inline #edit-field-publication-category-tid--wrapper,
	.form--inline .form-item {
		float: left;
		margin-right: 0; 
		width: 100%;
		
	}
	
	.form--inline .form-item-items-per-page {
		float: right;
		margin-right: 0;
		width:40%;
	}
	.form--inline .form-item-field-date {
		float: left;
		margin-right: 0.5em;
		width:40%;
	}
}