/***************** ARTICLE *******************/
h1{ font-family: 'DeltaSans', sans-serif;  color: #414141;font-weight:normal; margin:0; padding:0; font-size:36px; line-height:39px; margin-top: 20px !important;}
#article_container{ width: 75%; margin: 25px auto 72px; 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 .minitagGrn{display:block; }
#article p.ingres{margin:20px 0 0;}
#article h2, #article h1{margin-top:20px; }
#article img{width:100%; height:auto; display:block; margin-top:20px;}

#article_detail {margin-top:40px;}
#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;}
#article iframe{margin:20px 0;}
#article_detail #detail a{/*font-weight:600;*/ color: #0087DC;}
#article_detail #detail a:hover{text-decoration:none;}
#article_detail #detail p{margin:10px 0 0; }
#article_detail #detail p.imagetext{margin:5px 0 0; text-align:right;}

#article_detail #detail > div div:first-child > *:first-child{margin:0;}

#article_detail #detail h2{margin-top: 25px; font-family: 'DeltaSans', sans-serif; color: #0087DC; font-weight: normal;  padding: 0;font-size: 22px; line-height: 27px;}
#article_detail #detail h3{font-family: 'DeltaSans', sans-serif; color: #0087DC; font-weight: normal; margin: 0; padding: 0; font-size: 16px; line-height: 18px;}
#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 h2{margin:0;}
#article_detail #detail .quote h3{text-align:right; margin-top:5px; color:#939CA0;}
#article_detail #seperator{float:left;width: 1%;border-left:4px solid #0087DC;min-height: 150px;}

/************* 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; }


#article_detail h4, #article_detail h5, #article_detail h6 {margin-top:25px;}

/************* 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;}
/********************************************/


/***************** OTHER NEWS *******************/
#other_news {margin-bottom:72px;}
#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;}
/*******************************************/

@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;}


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


}

@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 0; left: 0;}
#article_detail #author { float: none; width: 100%; margin-top: 40px;}
#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;}
}

@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;}
	/****************************************/
}

@media print { 
#header, #back_print_share, #other_news, #footer {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-top: 40px;}
#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_detail #detail ul{margin-left:20px;}
#article_detail #detail li { background: none; list-style-type: disc; margin-top: 20px;padding:0 !important;}
}