/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

body {
  margin: 0;
  padding: 0;
  color: #24456f;
  font-size: 1.5rem;
  font-family: "Outfit", sans-serif;
  line-height: 1.5;
  font-weight: 400;
}
img {
  border: 0;
  vertical-align: middle;
}
.pagemaster {
  width: 100%;
  position: relative;
  z-index: 1;
}
.pagelarge {
  padding: 0 4%;
}
.page {
  width: 1280px;
  margin: 0 auto;
}
.pagelarge:after, .page:after {content:"";display:table;clear:both;}
.pageflex {display:flex;}

.header {position:relative;width:100%;background:white;border-bottom:#e6ecf4 solid 2px;}
.header .pageflex {align-items:center;}
.logopane img {display:block;margin:20px 0;}
.menu {flex:1;}
.menu a:link {text-decoration:none;}
.langpane {position:absolute;top:10px;right:10px;z-index:9100;font-family:"Outfit", sans-serif;font-size:12px;text-transform:uppercase;font-weight:400;}
.langpane a:link, .langpane a:visited, .langpane a:active {
  display: inline-block;
  color: #24456f;
  text-decoration: none;
  padding:0 8px;
  margin: 0 0 0 8px;
}
.langpane a:hover, a.langsel:link, a.langsel:visited, a.langsel:active, a.langsel:hover {background:#eaeaea;color:#24456f;text-decoration:none;}
.content {padding:4rem 0;}
.contentpane {margin:0 0 4rem 0;}
.leftpane {width:68%;margin:0 4% 0 0;padding:0 0 4rem 0;}
.rightpane {flex:1;padding:0 0 4rem 0;}
.contentpane2 {background:#e6ecf4;padding:4rem;margin:0 0 4rem 0;}
.bottom {background:#24456f;color:white;padding:4rem;}
.bottom a:link, .bottom a:visited {color:white;text-decoration:underline;}
.bottom a:active, .bottom a:hover {color:#f7ac07;text-decoration:underline;}
.bottomflex {display:flex;}
.bottomright {flex:1;}
.bottompane1 {margin:0 4rem 0 0;max-width:500px;}
.bottompane3 {margin:0 4rem 0 0;min-width:240px;}
.bottompane4 {margin:0 4rem 0 0;}
.bottompane5 {white-space:nowrap;}
.footer {background:white;padding:40px 0;}
.copyright {float:left;color:#24456f;font-size:1rem;}
.copyright span {white-space:pre;}
.copyright a:link, .copyright a:visited {color:#24456f;text-decoration:none;}
.copyright a:active, .copyright a:hover {color:#f7ac07;text-decoration:none;}
.footerpane {float:right;}

/* BUTTONS */
a.bigbutton:link, a.bigbutton:visited {background:#24456f;color:white;display:inline-block;font-family:"Outfit", sans-serif;font-size:1.2rem;line-height:1;font-weight:400;text-decoration:none;padding:1rem 2rem;text-align:center;border-radius:9999px;}
a.bigbutton:active, a.bigbutton:hover {background:#f7ac07;color:white;text-decoration:none;}
button.bigbutton {background:#24456f;color:white;display:inline-block;font-family:"Outfit", sans-serif;font-size:1.2rem;line-height:1;font-weight:400;padding:1rem 2rem;text-align:center;border:none;cursor:pointer;font-style:normal;border-radius:9999px;}
button.bigbutton:hover {background:#f7ac07;color:white;}

/* HEADLINES */
.h1-headline, .h2-headline, .h3-headline, .h4-headline {font-family:"Outfit", sans-serif;font-weight:700;line-height:1.2;}
.h1-headline {font-size:3.5rem;}
.h2-headline {font-size:2.5rem;}
.h3-headline {font-size:1.5rem;}
.h4-headline {font-size:1.5rem;}

/* Documents and links */
.documents {margin:2rem 0 0 0;}
.documents a:link, .documents a:visited {color:#24456f;display:inline-block;font-family:"Outfit", sans-serif;font-size:1.2rem;line-height:1;font-weight:600;text-decoration:none;margin:0 1rem 1rem 0;}
.documents a:active, .documents a:hover {color:#aad194;text-decoration:none;}
.documents a:only-child {margin:0;}
.documents a:before {display:inline-block;content:url("download.svg");width:24px;height:24px;margin-right:6px;vertical-align:text-top;}
.newspaper-link {margin:2rem 0 0 0;}
.newspaper-link a:link, .newspaper-link a:visited {background:#24456f;color:white;display:inline-block;font-family:"Outfit", sans-serif;font-size:1.2rem;line-height:1;font-weight:400;text-decoration:none;padding:1rem 2rem;text-align:center;border-radius:9999px;margin:0 1rem 1rem 0;}
.newspaper-link a:active, .newspaper-link a:hover {background:#f7ac07;color:white;text-decoration:none;}
.newspaper-link a:only-child {margin:0;}
.contentpane2 .newspaper-link {text-align:center;}

/* MISC */
::selection {background:#aad194;}
.video-container {text-align:center;}
/* CRSA */
.fcd-flex {align-items:center;}
.fcd-images div:last-child, .fcd-images div:only-child {margin:0;}
.trombino .fcd-images div {border-radius:50%;overflow:hidden;margin:1rem 0 0 0;}
.about-content img {margin:0 0 1rem 0;}

/* Graphic Blocks */
.gblockswrapper {max-width:1140px;margin:0 auto;}
.gblocks {display:flex;flex-wrap:wrap;}
.gblocks a, .gblock {display:flex;flex-direction:column;flex:1 1 29%;overflow:hidden;margin:0 2%;transition:all .3s ease-in-out;text-decoration:none !important;}
.gblocks img {display:block;width:100%;height:auto;}
.gblockstext {padding:2rem 0;text-align:center;}
/* Trombino */
.trombino {margin:60px 0 0 0;line-height:1.2;}
.trombino .gblock {flex:1;width:140px;overflow:visible;}
.trombino .gblocks img {width:140px;border-radius:50%;margin:0 auto;}
/* CTS */
.trombino.cts .gblockswrapper {margin:60px auto 0;max-width:none;}
.trombino.cts .gblocks {margin:40px 0 0 0;}
.trombino.cts .gblock {width:auto;flex:1 1 46%;flex-direction:row;align-items:center;margin:0 2% 2rem;}
.trombino.cts .gblocks img {margin:0 2rem 0 0;}
.trombino.cts .gblockstext {text-align:left;flex:1;padding:0;}

/* Gallery */
.gallery-wrapper {max-width:1140px;margin:0 auto;}
.gallery-wrapper h2 {text-align:center;}
.gallery:after {content:"";display:table;clear:both;}
.gallery a {display:block;float:left;width:18%;margin:12px 1%;}
.gallery a img {max-width:100%;height:auto;}

/* Citation */
.citation-content {margin:0 auto;padding:0 0 40px 0;text-align:center;}
.citation-content h2 {color:white;margin:20px;}
.citation-content hr {background:white;margin:30px auto;}
.citation-text {font-size:20px;line-height:30px;letter-spacing:1px;padding:0 80px;}
.citation-link {margin:20px 0 0 0;}

/* NEWS */
.blogheader {margin:0 0 40px 0;}
.blogtools {float:right;}
.blog article {margin:0 0 40px 0;}
.blog article h2 {font-size:36px;line-height:36px;margin:0 0 20px 0;}
.blog article .article-content {display:flex;margin:10px 0 0 0;}
.blog article figure {margin:0 30px 0 0;}
.blog article .article-summary {flex:1;}
.bloginfo {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #666;
}
/* Sat */
.blog-sat h2 {margin:0 0 2rem 0;}
.blog-sat .blog {margin:0 0 2rem 0;}
.blog-sat .blog article {margin:0;padding:0;}
.blog-sat .blog article .article-content {display:block;margin:0;}
.blogsatlink {margin:1rem 0 0 0;}
/* Archives */
.blog-archives {background:#e6ecf4;padding:1.5rem;margin:2rem 0 0 0;font-size:1.2rem;}
.blog-archives-item {margin:0 0 10px 0;}
.blog-archives-item .count {float:right;font-size:14px;}
.blog-archives-item .count span {margin-left:4px;font-size:24px;}
/* Categories */
.blog-categories {background:#e6ecf4;padding:1.5rem;margin:2rem 0 0 0;font-size:1.2rem;}
/* Details */
.article-flex {display:flex;flex-direction:row-reverse;}
.blog-detail article h1 {font-size:48px;line-height:54px;}
.blog-detail article figure {margin:0 0 40px 0;}
.blog-detail img {max-width:100%;height:auto !important;}
.blog-detail .article-infos {width:240px;margin:0 40px 0 0;}
.blog-detail .article-infos > div {margin:0 0 20px 0;}
.blog-detail .article-content {flex:1;}
.sharrre {margin-top:4px;}
.sharrre a {display:inline-block;font-size:24px;line-height:24px;margin:0 10px 0 0;}
.article-gallery {display:flex;}
.article-gallery a {margin:0 10px 10px 0;}

/* EVENTS */
.eventsheader {margin:0 0 4rem 0;}
.eventstools {float:right;}
.events article {display:flex;align-items:flex-start;margin:0 0 40px 0;}
.events article figure {margin:0 24px 0 0;}
.events article .eventdate {text-transform:uppercase;text-align:center;margin:0 14px 0 0;padding:0 14px 0 0;color:#666;border-right:#aad194 solid 2px;}
.eventdate span {display:block;}
.ed-day {font-size:2rem;color:#24456f;font-weight:800;}
.ed-month {font-size:1rem;}
.ed-year {font-size:0.7rem;}
.events article h2 {font-size:30px;line-height:36px;margin:0 0 12px 0;}
.eventinfo {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #666;
}
.w3-modal {z-index:9999;}
/* Sat */
.events-sat h2 {margin:0 0 2rem 0;}
.events-sat .events article {margin:0 0 2rem 0;}
.events-sat .events article .eventdate {color:#24456f;border-right:#aad194 solid 2px;}
.events-sat .ed-day {color:#24456f;}
.events-sat .events article h3 {margin:0 0 1rem 0;}
/* Calendar */
.events-calendar {margin:0 0 2rem 0;}
.month {background:#24456f;}
.today {background:white;}
.activeday {background:#aad194;}
.calendar-popup {padding:20px 30px;}
.calendar-popup h2:first-letter {text-transform:capitalize;}
.calendar-popup h3 {font-size:24px;line-height:30px;margin:0;color:#24456f;}
.events-table-item {display:flex;font-size:16px;padding-bottom:12px;border-bottom:#e6ecf4 solid 2px;margin-bottom:12px;}
.events-table-item:last-child {border-bottom:none;}
.events-table-item figure {margin:0 12px 0 0;}
/* Archives */
.events-archives {background:#e6ecf4;padding:1.5rem;margin:2rem 0 0 0;font-size:1.2rem;}
.events-archives-item {margin:0 0 10px 0;}
.events-archives-item .count {float:right;font-size:14px;}
.events-archives-item .count span {margin-left:4px;font-size:21px;vertical-align:top;}
.events-archives-clear {text-transform:uppercase;font-size:13px;line-height:18px;font-weight:700;}
.events-archives-clear:before {font-family:'Material Icons Outlined';content:'\e888';font-size:16px;vertical-align:middle;margin-right:4px;}
.events-archives-clear:hover {color:#24456f;}
/* Categories */
.events-categories {background:#e6ecf4;padding:1.5rem;margin:2rem 0 0 0;font-size:1.2rem;}
/* Details */
.eventdaterange {border-top:#e6ecf4 solid 2px;border-bottom:#e6ecf4 solid 2px;color:#777;padding:10px 0;margin-bottom:20px;}
.eventdaterange span.material-icons-outlined {vertical-align:text-bottom;}
.event-detail .article-flex {display:flex;flex-direction:row-reverse;}
.event-detail article figure {margin:0 0 40px 0;}
.event-detail img {max-width:100%;height:auto !important;}
.event-detail .article-infos {width:240px;margin:0 40px 0 0;}
.event-detail .article-infos > div {margin:0 0 20px 0;}
.event-detail .article-content {flex:1;}
.event-detail .fb-share-button {margin-top:4px;}
.event-detail .article-gallery {display:flex;}
.event-detail .article-gallery a {margin:0 10px 10px 0;}

/* SOCIAL ICONS */
.socialicons {margin:20px 0 0 0;font-size:0;}
.socialicons a {
  display: inline-block;
  font-size: 2rem;
  margin-right: 6px;
  text-decoration: none !important;
}

/* Contact */
.contact-wrapper {display:flex;}
.contact-infos {width:50%;margin:0 0 40px 0;}
.contact-item {position:relative;padding:0 0 0 62px;margin:0 0 40px 0;}
.ci-header span {
  display: block;
  background: #aad194;
  height: 42px;
  width: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 50%;
  color: white;
  font-size: 21px;
  position: absolute;
  top: 0;
  left: 0;
}
.contact-map {flex:1;margin:30px 0 40px 40px;}
.contactform {margin:0 0 40px 0;}
.csi-content {margin:20px 0 0 0;}
/* Form */
.contactformfields input[type=text], .contactformfields input[type=email], .contactformfields input[type=date], .contactformfields select {background:white;}
.contactformfields textarea {background:white;}
.cff-cb input ~ label:before {background:white;}

/* LABELS */
.labelswrapper {font-size:0;}
.labels {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.labels img {display:block;margin:0 10px 20px 10px;}

/* TABLE */
.datatable {margin:20px 0;border:2px solid #eee;font-size:18px;border-collapse:collapse;}
.datatable th {border:2px solid #eee;background-color:#24456f;padding:12px 36px;text-align:right;color:white;font-family:"Outfit", sans-serif;font-weight:400;font-size:18px;text-transform:uppercase;font-style:normal;}
.datatable td {border:2px solid #eee;padding:12px 36px;text-align:left;}

.Normal, .NormalDisabled, .NormalDeleted {font-size:1.5rem;line-height:1.5;}
.clearfix {clear:both;}

/* Default */
h1, h2, h3, h4, h5, h6 {font-family:"Outfit", sans-serif;font-weight:700;margin:0;line-height:1.2;color:#24456f;}
h1 {font-size:3.5rem;}
h1 strong {font-weight:700;background:rgba(250, 188, 77, 0.5);}
h2 {font-size:2.5rem;}
h3 {font-size:1.5rem;}
h4 {font-size:1.5rem;}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {text-decoration:none;color:#24456f;}
h1 a:active, h1 a:hover, h2 a:active, h2 a:hover, h3 a:active, h3 a:hover {text-decoration:none;color:#aad194;}
strong {font-weight:600;}
a:link, a:visited {color:#24456f;text-decoration:underline;}
a:active, a:hover {color:#aad194;text-decoration:underline;}
/* DNN */
h1, h2, h3, h4 {margin:1rem 0;}
p {margin:1rem 0;}
ul {margin:1rem 0;padding:0;}
.content ul, .content ol {padding:0;margin:1rem 0 1rem 2rem;}
.content ul li {margin:0 0 .5rem 0;list-style-type:disc;}
.content ol li {margin:0 0 .5rem 0;}
.content ul li:last-child, .content ol li:last-child {margin:0;}
.content ul li::marker {margin:0 .5rem 0 0;color:#aad194;}
.content ol li::marker {margin:0 .5rem 0 0;color:#aad194;font-size:1.2rem;font-weight:600;}
.month ul {margin:0;padding:0;}
.month ul li {margin:0;list-style-type:none;}
ul.weekdays {margin:0;padding:10px 0;}
ul.weekdays li {margin:0;list-style-type:none;}
ul.days {padding:10px 0;margin:0;}
ul.days li {margin:0 0 5px 0;list-style-type:none;}
hr {border:0;height:4px;background:#aad194;margin:1rem 0;max-width:170px;clear:none;}
i {font-style:normal;}
blockquote {border-left:#aad194 solid 8px;margin:2rem;padding:0 0 0 1rem;max-width:800px;}
blockquote, blockquote p {font-size:1.5rem;line-height:1.5;font-weight:700;font-style:normal;color:#24456f;}

/* DEBUG */
.DNNEmptyPane {width:auto;margin:0;padding:0 !important;}
/* DNN9 Fix */
.dnnModuleManager {
    padding: 0 !important;
}
.LoginPanel {
    width: auto !important;
    padding-right: 0 !important;
    float: none !important;
}

/* LOGIN */
.LoginPanel {border:#eee solid 2px;border-radius:24px;padding:40px;}
.LoginPanel input {border:none;height:40px;padding-left:10px;background:#eee;color:#24456f;font:inherit;width:320px !important;}
.dnnFormItem input[type="text"], .dnnFormItem select, .dnnFormItem textarea, .dnnFormItem input[type="email"], .dnnFormItem input[type="search"], .dnnFormItem input[type="password"] {font-size:18px;}
a.dnnPrimaryAction:link, a.dnnPrimaryAction:visited {background:#aad194;color:white;display:inline-block;font-weight:400;text-decoration:none;padding:10px 30px 12px 30px;text-align:center;border-radius:24px;box-shadow:none;text-shadow:none;border-color:#0e8b9e;}
a.dnnPrimaryAction:active, a.dnnPrimaryAction:hover {background:#24456f;color:white;text-decoration:none;}
a.dnnSecondaryAction:link, a.dnnSecondaryAction:visited {background:#eee;color:#24456f;display:inline-block;font-weight:400;text-decoration:none;padding:10px 30px 12px 30px;text-align:center;border-radius:24px;box-shadow:none;text-shadow:none;}
a.dnnSecondaryAction:active, a.dnnSecondaryAction:hover {background:#24456f;color:white;text-decoration:none;}
.dnnLoginRememberMe {display:none;}
/* FORGOT PASSWORD */
.dnnSendPassword {border:#eee solid 2px;border-radius:24px;padding:40px;}
.dnnSendPassword input {border:none;height:40px;padding-left:10px;background:#eee;color:#24456f;font:inherit;}
.dnnSendPassword .dnnFormItem {margin:40px 0;}
/* Fix */
.dnnFormHelpContent {display:none;}
.dnnFormItem .password-strength-container input {width:auto !important;margin-bottom:0 !important;}
.password-strength-container .meter {height:auto !important;}
.dnnLoginActions ul li, .dnnRegistrationForm ul li, .dnnSendPassword ul li {display:inline-block;margin:0 3px;padding:0 0 0 24px;}
.dnnLoginActions ul li:before, .dnnRegistrationForm ul li:before, .dnnSendPassword ul li:before {content:'';}

/* MainMenu */
nav#dnnMenu {white-space:nowrap;float:right;}
nav#dnnMenu ul {list-style:none;margin:0 0 0 4rem;padding:0;}
nav#dnnMenu ul li {
  display: block;
	float: left;
	position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 30px 0 0;
}
nav#dnnMenu ul li:last-child {margin:0;}
nav#dnnMenu ul li a {
  display: block;
  height: 48px;
  line-height: 48px;
  font-family: "Outfit", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  color: #24456f;
  text-decoration: none;
}
nav#dnnMenu ul li a:hover {color:#f7ac07;}
nav#dnnMenu ul li:first-child {display:none;}
nav#dnnMenu ul li:last-child {margin:0 0 0 15px;}
nav#dnnMenu ul li:last-child a {background:#24456f;color:white;border-radius:24px;padding:0 24px;}
nav#dnnMenu ul li:last-child a:hover {background:#f7ac07;}

/* MobileMenu */
/* Button */
.navicon {background:#e6ecf4;text-align:center;}
.navicon a {
  display: inline-block;
  width: 24px;
  height: 20px;
  position: relative;
  text-indent: -9999px;
  margin: 15px 0;
}
.navicon a::after {
  content: '';
  width: 24px;
  height: 4px;
  background: #24456f;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0px 0 #24456f,
              0 8px 0 #24456f,
              0 16px 0 #24456f;
}
/* Menu */
.mobilemenu ul {list-style:none;margin:0;padding:0 0 20px 0;font-family:"Outfit", sans-serif;font-size:1.5rem;font-weight:400;text-align:center;background:#e6ecf4;}
.mobilemenu ul li {display:block;border-bottom:white solid 1px;}
.mobilemenu ul li:last-child {border-bottom:none;}
.mobilemenu ul li a {display:block;padding:10px 20px;text-decoration:none;color:#24456f;}
.mobilemenu ul li a:hover {color:#f7ac07;}

/* PREQUERIES */
.navicon, .mobilemenu {display:none;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1240px and less */
@media screen and (max-width:1280px) {
.page {width:auto;}
}
/* for 980px and less - Only portrait for retina display */
@media all and (max-width:980px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 2940px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1960px) and (orientation: portrait) {
#dnnMenu {display:none;}
.navicon {display:block;}
.pageflex {display:block;}
.logopane {float:none;text-align:center;}
.logopane img {display:inline-block;}
.content {padding:40px 0;}
.contentpane {margin:0 0 40px 0;}
.leftpane {width:auto;margin:0;padding:0 0 40px 0;}
.rightpane {flex:initial;padding:0 0 40px 0;}
.contentpane2 {padding:40px;margin:0 0 40px 0;}
.bottom {padding:40px;margin:0;}
.bottompane1 {margin:0 40px 0 0;}
.bottompane3, .bottompane4, .bottompane5 {margin:0 0 40px 0;}
.footer {text-align:center;}
.copyright {float:none;margin:0 0 20px 0;}
.footerpane {float:none;}
.contact-wrapper {display:block;}
.contact-infos {width:auto;}
.contact-map {margin:0 0 40px 0;}
.blog article .article-content {display:block;}
.blog article figure {margin:0 0 20px 0;}
.blog article .article-summary {flex:initial;}
.gblocks {display:block;}
.gblocks a {flex:initial;margin:0 0 20px 0;}
.trombino .gblocks {display:flex;}

.trombino.cts .gblock {flex:initial;}



.gallery a {width:23%;margin:8px 1%;}
.fcw-2col .flexcontent-div:first-child {flex:initial;width:auto;}
.fcw-2col .flexcontent-div:last-child {flex:initial;width:auto;}
.logopane img, .content img, .bottom img {max-width:100%;height:auto !important;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
.pagelarge {padding:0 30px;}
.langpane {position:relative;top:auto;right:auto;}
.langpane a:link, .langpane a:visited, .langpane a:active {margin:10px 8px 0 0;}
.bottomflex {display:block;}
.bottomright {flex:initial;}
.bottompane1 {display:none;}
.citation-text {padding:0;}
.article-flex {display:block;}
.blog-detail .article-infos {width:auto;margin:0;}
.blog-detail .article-content {flex:initial;}
.event-detail .article-flex {display:block;}
.event-detail .article-infos {width:auto;margin:0;}
.event-detail .article-content {flex:initial;}
.gallery a {width:29.33%;margin:8px 2%;}
a.backtotop {display:none !important;}
/* Responsive Embed */
.video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
}
/* for less than 380px (Iphone 7)*/
@media screen and (max-width:380px) {
h1, h2 {font-size:40px;}
.gallery a {width:46%;margin:8px 2%;}
}