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

#article img{width:100%; height:auto; display:block; margin-top:40px;}

#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%; }
#article_detail #detail a{/*font-weight:600;*/ color: #0087DC;}
#article_detail #detail a:hover{text-decoration:none;}
#article_detail #detail p{margin:0 0 30px; }
#article_detail #detail p.imagetext{margin:5px 0 0; text-align:right;}
#article_detail #detail h4{margin: 0 0 10px;}
#article_detail #detail h5{margin: 0 0 15px;}
#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 0 25px 0; padding:0 0 0 1px;}
#article_detail #detail #list, #article_detail #detail #list ul, #article_detail #detail #list ol{margin:0;}

#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 #seperator{float:left;width: 1%;border-left:4px solid #0087DC;min-height: 170px;}
#article_detail #detail img{width:initial !important; margin:0 !important; margin-bottom:25px !important; max-width:100%; }

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


#wiki_content_titles {margin-bottom:35px;}
#wiki_content_titles > a{ background-color: #0087DC; background-position:97% center; background-image:url(../images/arrow_icon.svg); background-repeat:no-repeat; color: #fff !important;  text-decoration: none; display: block; padding: 13px 15px; font-size: 18px; font-weight: 600;}
#wiki_content_titles > a.opened{background-image:url(../images/general/up_arrow.png);}
#wiki_content_titles ol { list-style-type: none; counter-reset: item; margin: 0; padding: 0;}
#wiki_content_titles li {display: table;counter-increment: item;background:none !important;	margin: 6px 0 !important;padding:0 !important;}
#wiki_content_titles > #list >  li > a{color:#717D84 !important;}
#wiki_content_titles > #list >  li:before {color:#717D84 !important;}
#wiki_content_titles li:before { content: counters(item, ".") " - ";  display: table-cell;padding-right:3px;color:#0087DC !important;font-size:15px;font-weight:600;}
#wiki_content_titles li li { margin: 0;}
#wiki_content_titles li li:before { content: counters(item, ".") " - ";}
#wiki_content_titles #list a{font-size:14px; text-decoration:none; color:#0087DC !important; font-weight:400;}
#wiki_content_titles #list a:hover{text-decoration:underline;}
#wiki_content_titles #list {background-color:#F0F2F2; padding: 10px 15px !important; display:none;}
/********************************************/
#back_to_list { position: fixed; right: 0; top: 300px; display:none;}
#back_to_list a{ text-decoration:none; color: #fff; font-size: 14px; background-color:#0087DC; display: block; padding: 15px;}
#back_to_list .up_arrow{background:url(../images/general/arrow_to_up.png) center center no-repeat; width:10px; height:6px; display: inline-block; margin-left: 2px; margin-bottom: 2px;}


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

#back_to_list { position: fixed; right: 0; top: auto; bottom:-1px; }
#back_to_list span.text{display:none;}

/*#article_container #back_print_share { margin-bottom: 0;}*/
#article h1 {   margin-top: 20px !important;}
#article p.ingres { margin: 15px 0 0;}
#article img { margin-top: 30px;}
#article_detail { margin-top: 25px;}
}

@media screen and (max-width: 700px) {
#article_detail #detail { float: none; width: 100%;}
#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 print { 
#header, #back_print_share, #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 #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;}
}