/***************** ARTICLE *******************/
h1{ font-family:'DeltaSans', sans-serif;  color: #414141;font-weight:normal; margin:0; padding:0; font-size:36px; line-height:39px;}
.article_container{ width: 75%; margin: 0 auto; max-width: 755px;}
.article_container #back{ float:left;}
.article_container #print{ float:right; width:24px; height:19px; background:url(../images/general/printer.png) top left no-repeat; display:inline-block; text-indent:-9999px;}
.article_container #share{ float:right; width:19px; height:19px; background:url(../images/share_icon.svg) top left no-repeat; display:inline-block; text-indent:-9999px; margin-left: 15px;}
.article_container #back_print_share{margin-bottom:25px;}
.article_container iframe{margin:20px 0;}
.article .minitagGrn{display:block; }
.article p.ingres{margin:20px 0 !important;}
.article h2{margin-top:20px; }
.article img{width:100%; height:auto; display:block; margin-top:20px;}

#content > .line{margin-bottom:30px;}
#content > .line:first-child{margin-top:25px;}
#content > .line:first-child .article_detail{margin-top:25px;}
#content .line .detail > *:first-child{margin-top:0 !important;}

.article_detail {margin-bottom:0px;}
/*.article_detail #author{float:left; width:23%; }*/
.article_detail #author img{margin:0 0 10px; }
/*.article_detail .detail{float:right;width: 73%; margin-top: -5px;}*/

.author-container > div {
    display: flex;
}

.author-container {
    display: flex;
    flex-basis: 87%;
}

.article-flex-col {
    display: flex;
    flex-direction: column;
}

.article-flex-row-reverse {
    display: flex;
    flex-direction: row-reverse;
}

.article-flex-row {
    display: flex;
    flex-direction: row;
}

    .article-flex-row-reverse > div:first-child {
        width: 73%;
    }

.leftside-content {
    margin-right: auto !important;
}

.author-seperator {
    margin-left: auto;
}

.article-flex-row-reverse .quote {
    width: 60% !important;
}

.article-flex-row-reverse .full-article-slider {
    margin-top: 15px;
}

.article-grid-container {
    width: 100%;
    height: auto;

    display: grid;
    grid-template-columns: 27% 73%;
    grid-template-rows: auto;
}

.article-grid-item-1 {
    margin-right: 15px;
    min-height: 150px;
}

.article-grid-item-2 {
}
.article-grid-item-3 {
    grid-column: span 2;
    width: 100%;
}

.article-content .quote {
    all: unset;
    float: left;
    width: 60%;
    margin: 25px 0;
    padding: 0 25px;
    border-left: 4px solid #0087DC;
    border-right: 4px solid #0087DC;
    position: initial;
}

.content iframe {
    margin: 0 !important;
}

.full-article-slider {
    width: 100% !important;
}

.article_detail .detail a:hover{text-decoration:none;}
.article_detail .detail p{    margin: 15px 0 0; }
.article_detail .detail p.imagetext{margin:5px 0 0; text-align:right;}
.article_detail .detail h4{margin-top: 25px;}
.article_detail .detail hr{margin:25px 0; border-style: solid;   border-width: 1px; border-color:#AEB4B8;}
.article_detail .detail ul, .article_detail .detail ol {margin:0; padding:0 0 0 1px;}
.article_detail .detail li{background: url(../images/general/bullet.jpg) no-repeat left 10px; padding-left: 1em; list-style-type:none; margin-top:20px;}
/*.article_detail .detail .quote {border-left:4px solid #0087DC; border-right:4px solid #0087DC; padding:0 20px 10px; width:75%; margin:25px 0; position: relative; left: -37%; }
.article_detail .detail .quote h4{margin:0;}
.article_detail .detail .quote h6{text-align:right; margin-top:5px; color:#939CA0;}*/
.article_detail #seperator{float:left;width: 1%;border-left:4px solid #0087DC;min-height: 150px;}
.article_detail a.pdf:hover{text-decoration:underline !important; }

/*.article_detail .detail > div div:first-child *:first-child{margin-top:0 !important;}*/

/************* FORM IN THE ARTICLE **************/
#article_detail form{background-color:#F0F2F2; padding:5%;margin-top: 30px;}
#article_detail form input[type=text], #article_detail form input[type=file]{ width: 96%; display: block; padding: 2%; margin-top: 5px; background-color:#fff;}
#article_detail form textarea{ width: 96%; display: block; padding: 2%; margin-top: 5px; height:120px;}
#article_detail form .Form__Element__Caption{display:block; font-weight:bold; margin-bottom: 5px;}
#article_detail form input[type=submit], #article_detail form input[type=reset], button{background-color: #0087DC; padding: 8px 10px; color: #fff; font-family: 'DeltaSans', sans-serif; border: 1px solid #0087DC; cursor: pointer;}
#article_detail form input[type=submit]:hover, #article_detail form input[type=reset]:hover, button:hover { background-color: #fff; color: #0087DC;}
#article_detail form label{display: block; margin-top: 10px;}

#article_detail form .custom-placeholder {font-size:15px; line-height:17px; }
#article_detail form ::-webkit-input-placeholder {font-size:15px; line-height:17px; }
#article_detail form :-moz-placeholder {font-size:15px; line-height:17px; }
#article_detail form ::-moz-placeholder {font-size:15px; line-height:17px; }
#article_detail form :-ms-input-placeholder {font-size:15px; line-height:17px; }
/************* FORM IN THE ARTICLE **************/

#share_popup {width:250px; height:100px;}
#share_popup a{width:48px; height:48px; background-size:100% !important; background-repeat:no-repeat !important; text-indent:-9999px; display:block; float:left; margin-left: 19px; margin-top: 40px;}
#share_popup a:first-child{margin-left:0;}
#share_popup #fb_share{background:url(../images/general/fb.png);}
#share_popup #tw_share{background:url(../images/general/tw.png);}
#share_popup #in_share{background:url(../images/general/in.png);}
#share_popup #wa_share{background:url(../images/general/wa.png); display:none;}
/********************************************/

/******************** VIDEO *********************/
#video { background-color:#F0F0F0; padding:50px 0; margin: 50px 0 55px;}
#video .row{position:relative;}
#video img {width:100%; height:auto; display:block;}
#video h2{margin-bottom:18px; color: #414141; font-family: 'DeltaSans', sans-serif;}
#video .previewgrey{color: #414141;}
/************************************************/

/********* EVENTS & CONTACT ********/
#event_contact {background-color:#E1E6E6; padding: 40px 0 45px; margin: 50px 0;}
#event_contact .line{width: 75%; margin: 0 auto; max-width: 755px;}
#event_contact h2{color:#323232; margin-bottom: 10px;}
#event_contact .button{width:135px; padding:8px 0; margin:auto;}
#event_contact #events .previewgrey{width: 60%; margin: 0 auto 15px;}
#event_contact #events .previewgrey span{display:block;}
#events .previewgrey > a{color:inherit;}
#events .previewgrey > a:hover{text-decoration:none;}
#event_contact #contact .previewgrey{width: 50%; margin: 0 auto 15px;}
#event_contact #events{  background-size: 18%;  background-position: top center; background-repeat: no-repeat; display: block;  padding: 13.5% 0 0%;  background-image: url(../images/frontpage/events.png);
    text-align: center;}
#event_contact #contact{background-size: 30%; background-position: center 10px; background-repeat: no-repeat; display: block; padding: 13.5% 0 0%; background-image:url(../images/frontpage/contact.png); text-align:center; }
/************************************************/

/***************** NEWS *******************/
#news{opacity:0; margin:60px auto !important;}
#news .c_img img{width:100%; height:auto; display:block;}
#news .c_content{overflow:hidden;}
#news .type-a .c_content, #news .type-b .c_content{ padding: 4.2% 4.2%;}
#news .type-c .c_content, #news .type-d .c_content{padding: 7.3% 9%;}
#news .type-e .c_content{ padding: 3.5% 4.3%;}
#news h2{margin-top:15px;}
#news .previewblack{margin-top:15px;}

.c_content {background-color:#48800F;}
#news .green .minitagG, #news .green h2, #news .green .previewblack {color:#ffffff;}

#news .light_grey .c_content {background-color:#C3C8C8;}
#news .light_grey .minitagG, #news .light_grey h2, #news .light_grey .previewblack {color:#000;}


#news .grey .c_content {background-color:#5E6A71;}
#news .grey .minitagG {color:#0087DC;}
#news .grey h2, #news .grey .previewblack {color:#ffffff;}

#news .dark_grey .c_content {background-color:#262626;}
#news .dark_grey .minitagG {color:#0087DC;}
#news .dark_grey h2, #news .dark_grey .previewblack {color:#ffffff;}

#news .type-b .c_img{display:none;}

#news .type-c .previewblack{display:none;}

#news .type-d .previewblack, #news .type-d .c_img{display:none;}

#news .type-e {position:relative;}
#news .type-e .previewblack{display:none;}
#news .type-e .c_content{position: absolute; height:38%; }
#news .top_left .c_content{ top:0; left:0}
#news .top_right .c_content{ top:0; right:0}
#news .bottom_left .c_content{ bottom:0; left:0}
#news .bottom_right .c_content{ bottom:0; right:0}

#news .type-c h2, #news .type-d h2, #news .type-e h2{font-size: 18px; line-height: 24px; font-weight: normal; /*font-family: 'DeltaSans', sans-serif;*/}
#news a{color:inherit; text-decoration:none; font-weight:inherit;}

#news a:hover *{ text-decoration:underline !important;}
/***********************************************/

/***************** TABS *******************/
#tabs {background-color:#E1E6E6; margin-top:60px; padding:40px 0 50px;}
#tabs div[class^="col-"] div > a {  display: block; padding: 13px 10px 15px 39px; text-decoration: none; color: #717D84; font-weight: 600; background: #fff url(../images/plus_icon.svg) 20px 17px no-repeat;  font-size: 18px;}
#tabs div[class^="col-"] > div > div {display:none;}
#tabs .row{margin-top:2.1%;}
#tabs .row:first-child{margin-top:0 !important;}
#tabs .row div[class^="col-"]  a.clsbtn {position: absolute; text-indent: -9999px; background: url(../images/general/x.png) center center no-repeat; left: 0; background-size: 13px; top: -1px;}
#tabs .row div[class^="col-"] { position: relative;}
#tabs #tabContent { background-color: #fff; display: none; padding: 2% 20%; position: relative; width: 60%;}
#tabs #tabContent ul{ padding: 0 20px; }
#tabs #tabContent ul li{margin-bottom:10px;}
#tabs #tabContent a {color:inherit;}
#tabs #tabContent a:hover{color:#0087DC;}
/************************************************/

/***************** OTHER NEWS *******************/
#other_news {margin-bottom:72px; margin-top:60px;}
#other_news .img {margin-bottom:8px;}
#other_news .img img{width:100%; height:auto; display:block;}
#other_news h2{margin-bottom:5px;} 
#other_news .minitagGrn {margin-bottom:2px;}
#other_news .minitagGrn a{color:inherit; text-decoration:none; font-weight:inherit;}
#other_news .minitagGrn a:hover{text-decoration:underline;}
#other_news .previewgrey a{color:inherit; text-decoration:none;}
#other_news .previewgrey a:hover{color:#0087DC;}
#other_news .row{margin-bottom:35px;}
#other_news .alllink{text-align:center;}
#other_news .alllink a{margin:0; text-decoration:none; font-size:18px;}
#other_news .alllink a:hover{text-decoration:underline;}
/************************************************/

/***************** TABLES *******************/

table {width:100%; margin:30px 0; background-color:white;}
th, td{padding:10px; text-align:left; vertical-align: middle; color:#5e6a71;}
th{font-size:17px; font-weight:600;}

table.style_1{border-spacing:3px;}
table.style_1 th{background-color:#818A8F; color:#fff;}
table.style_1 tr:nth-child(odd){background-color:#F0F1F3;}

table.style_2{border-spacing:0px;}
table.style_2 {border-bottom:1px solid #C5C9CA; padding-bottom:5px;}
table.style_2 th{background-color:#F0F1F3; color:#5F6972; border-bottom:5px solid white;}
table.style_2 td{border-left:1px solid #C5C9CA;; border-bottom:1px solid #C5C9CA;}
table.style_2 tr td:first-child{border-left:0px;}
table.style_2 tr:last-child td{border-bottom:0px;}
/*******************************************/

/******* TAB CONTENT FONT FAMILY FIX ********/
div#tabContent .textcopy * {
    font-family: 'DeltaSans', sans-serif !important;
    font-size: inherit;
    font-size: 15px;
    line-height: 17px;
}
/**********************************************/

/****************** MEDIA QUERIES ***********************/
@media screen and (max-width: 1140px) {
#news .type-a h2, #news .type-b h2 {font-size: 25px; line-height: 31px; }
#news .type-c h2, #news .type-d h2, #news .type-e h2{font-size: 15px; line-height: 19px; margin-top: 10px !important;}
#news .type-a .previewblack, #news .type-b .previewblack {font-size: 15px; line-height: 19px; }
#news .minitagG, #news .minitagGrn, #news .minitagW { font-size: 12px; line-height: 15px; }
}

@media screen and (max-width: 980px) {
h2,h1 {font-size: 26px; line-height: 32px; }	
h3 { font-size: 24px; line-height: 28px; }
h4 { font-size: 20px; line-height: 24px; }
h6 { font-size: 15px; line-height: 17px; }
.article_container {width: 100%; max-width: none;}
.article p.ingres{font-size: 18px; line-height: 22px;}
.article_detail .textcopy{font-size: 14px; line-height: 20px;}
#share_popup #wa_share{display:block;}
.article_detail .detail li { background-position: left 8px !important;}
.previewgrey { font-size: 15px;  line-height: 20px;}

/***************** TABLES *******************/
td{ font-size: 14px; line-height: 17px;}
th { font-size: 15px;}
/*******************************************/

#tabs div[class^="col-"] > a{font-size:15px; background-position: 20px 14px;}

.textcopy {font-size: 14px; line-height: 21px;}
}


@media screen and (max-width: 900px) {
/************* NEWS ****************/
#news .type-a h2, #news .type-b h2 {font-size: 22px; line-height: 28px; margin-top: 10px !important;}
#news .type-c h2, #news .type-d h2, #news .type-e h2{font-size: 13px; line-height: 15px; margin-top: 10px !important;}
#news .type-a .previewblack, #news .type-b .previewblack {font-size: 13px; line-height: 17px;margin-top: 10px !important; }
#news .minitagG, #news .minitagGrn, #news .minitagW { font-size: 11px; line-height: 14px; }
#news { margin: 50px auto !important;}
/****************************************/	
}

@media screen and (max-width: 800px) {
/************* NEWS ****************/
#news .type-a h2, #news .type-b h2 {font-size: 20px; line-height: 25px; margin-top: 10px !important;}
#news .type-c h2, #news .type-d h2, #news .type-e h2{font-size: 12px; line-height: 14px; margin-top: 10px !important;}
#news .type-a .previewblack, #news .type-b .previewblack {font-size: 12px; line-height: 14px;margin-top: 10px !important; }
/****************************************/

#tabs #tabContent { padding: 1px 3% 2%; width: 94%;}
}

@media screen and (max-width: 700px) {
.article_detail .detail { float: none; width: 100%;}
/*.article_detail .detail .quote { padding: 0 5% 10px; width: 80%; margin: 25px auto; left: 0;}*/
.article_detail #author { float: none; width: 100%; margin-bottom: 30px;     margin-top: 30px;}
.article_detail #author img { margin:0 !important; width: 25%; float:left; border-right: 4px solid #0087DC; margin-right: 3% !important;}
.article_detail #seperator {display:none;}

    .article-flex-row-reverse > div:first-child {
        width: 100%;
    }

    .article-flex-row-reverse > .quote {
        margin-right: 0;
    }

.article-grid-container {
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto;
}

    .article-grid-item-1 {
        margin: 0;
        border-right: none;
        min-height: auto;
    }

.article-grid-item-3 {
    grid-column: span 1;
}

    .article-flex-row-reverse .quote {
        width: 75% !important;
    }

#event_contact #events{width:100%; background-size: 7%; padding: 9% 0 7%; /*border-bottom:3px solid #cccccc;*/}
#event_contact #contact{width:100%; background-size: 11%; padding: 7.5% 0 0; background-position: center 0; margin-top:5%; margin-left:0 !important;}
#event_contact .btn{width:100%;}
#event_contact .previewgrey {width:70% !important; margin:0 auto 15px !important;}
#event_contact h2 { margin-bottom: 7px; }

/************* NEWS ****************/
#news div[class^='col-']{width:100%; float:none; margin:0 !important;}
#news .c_content{ padding:2% 3% 5% !important; height:auto !important; }
#news .row {margin:0 !important;}
#news > .row > .col-6:last-child, #news > .row > .col-6 > .row, #news > .row > .col-6 > .row > .col-6 {margin-top:3% !important;}
#news > .row > .col-6 > .row > .col-6:first-child, #news > .row > .col-6 > .row:first-child{margin:0 !important;}
#news .type-e .c_content { position: relative; width:94% !important; }

#news .type-a h2, #news .type-b h2 {font-size: 22px; line-height: 28px; margin-top: 10px !important;}
#news .type-c h2, #news .type-d h2, #news .type-e h2{font-size: 15px; line-height: 19px; margin-top: 10px !important;}
#news .type-a .previewblack, #news .type-b .previewblack {font-size: 15px; line-height: 19px;margin-top: 10px !important; }
#news .minitagG, #news .minitagGrn, #news .minitagW { font-size: 13px;  }
/****************************************/

}

@media screen and (max-width: 640px) {
	
/************* OTHER NEWS ****************/
#other_news .row{margin:0 !important;}
#other_news .row .col-3 {width: 48%; margin-left: 4%; margin-bottom: 8%;}
#other_news .row .col-3:nth-child(2n+1){clear:both; margin-left:0 !important;}
#other_news .minitagGrn { margin-bottom: 1px;}
/****************************************/

/******************** VIDEO *********************/
#video .col-6{width:100% !important; float:none; margin:0 !important;}
#video .verticalAlign { position: relative; top: 0; transform:none; -webkit-transform:none; -ms-transform: none; text-align:center; margin-top:11px;}
/************************************************/

/********* EVENTS & CONTACT & NEWSLETTER ********/
#event_contact { padding: 8% 0;}
#event_contact #events{background-size: 13%; padding: 17% 0 8%; }
#event_contact #contact{background-size: 19%; padding: 14% 0 0; margin-top: 10%;}
#event_contact .button { width: 100%; padding: 15px 0; }
/************************************************/

/**************** NEWS ***************/
#news > .row > .col-6:last-child, #news > .row > .col-6 > .row, #news > .row > .col-6 > .row > .col-6 { margin-top: 5% !important; }
#news .c_content { padding: 3% 3% 7% !important; }
/*****************************************/

}

@media screen and (max-width: 500px) {
	#tabs #tabContent { padding: 1px 4% 2%; width: 92%;}
}	
	
@media print { 
#header, #back_print_share, #other_news, #footer, #topimage, #video, #event_contact, #news, #tabs, .article_container a.pdf, .article_container a.excel, .article_detail #seperator {display:none;}
.article_container{width:100% !important;}
.article_detail .detail { float: none; width: 100%;}
.article_detail .detail li { background-position: left 8px !important;}
.article_detail .detail .quote { padding: 0 5% 10px; width: 80%; margin: 25px auto 0; left: 0;}
.article_detail #author { float: none; width: 100%; margin-bottom: 20px;}
.article_detail .detail ul{margin-left:20px;}
.article_detail .detail li { background: none; list-style-type: disc; margin-top: 20px;padding:0 !important;}
}