/* WEBFONTS */
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

/* GENERAL */
body {
    color:#fff;
    background-color:#000;
    background-image:url(../img/bg_repeat.jpg);
    background-repeat: repeat-y;
    background-position: center 0;
    font-family:'Lato',sans-serif;
    font-size: 17px;
    line-height: 1.3;
    letter-spacing: .1rem;
    font-weight: 400;
}
#outer {
    background-image:url(../img/bg_top.jpg);
    background-position: center 0;
    background-repeat: no-repeat;
}
.container {
    max-width:828px;
}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
	color:#000;
}


/* HEADER */
#logo_bar {
    height:70px;
    background-color:#fff;
    border-bottom:3px solid #27629a;
}
#logo_lab {
    margin-top:19px;
}
#logo_bfs {
    float:right;
    margin-top:6px;
}
#nav_bar {
    background-color:#0c1f30;
    border-bottom:1px solid #fff;
}
#nav_bar ul { list-style:none; margin:0; padding:0; height:30px; max-height:30px; }
#nav_bar ul li { display:inline-block; margin:0; padding:0; vertical-align:top; }
#nav_bar ul li a { color:#fff; text-decoration:none; line-height:30px; opacity:0.8; display:block; padding:0 5px; transition: all .1s ease-in-out; }
#nav_bar ul li a:hover,
#nav_bar ul li.active a { opacity:1; background-color:#27629a; line-height:40px;  border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
#nav_bar ul li a:hover { background-color:#009FE3; }

@media (min-width: 550px) {
    #nav_bar ul li { margin:0 40px 0 0; }
    #nav_bar ul li a { color:#fff; text-decoration:none; line-height:30px; opacity:0.8; display:block; padding:0 10px; transition: all .1s ease-in-out; }
    span.icon { display:inline-block; height:16px; width:16px; margin:0 8px -3px 0; }
    span.icon.icon-adv { background:url(../img/icon_adv.png) no-repeat top center;  }
    span.icon.icon-pub { background:url(../img/icon_pub.png) no-repeat top center;  }
    span.icon.icon-blog { background:url(../img/icon_blog.png) no-repeat top center;  }
    span.icon.icon-twit { background:url(../img/icon_twit.png) no-repeat top center;  }
    
    .lm main span.icon.icon-adv { background:url(../img/icon_adv.png) no-repeat bottom center;  }
    .lm main span.icon.icon-pub { background:url(../img/icon_pub.png) no-repeat bottom center;  }
    .lm main span.icon.icon-blog { background:url(../img/icon_blog.png) no-repeat bottom center;  }
    .lm main span.icon.icon-twit { background:url(../img/icon_twit.png) no-repeat bottom center;  }
}

/* HELPER CLASSES */
.spacer, .fspacer { display:block; height:1em; }
.fspacer { height:90px; }
.spacer2 { height:2em; }
.text-center { text-align:center; }

/* SKELETON CUSTOMIZATION */
.low-margin .three.columns {
    width:24%;
    margin-left:1%;
}
.low-margin .three.columns:first-child {
    margin-left:0;
}
.low-margin .three.columns:last-child {
    width:25%;
}

/* CONTENT */
#outer {
    background-image:url(../img/bg_top.jpg);
    background-position: center 0;
    background-repeat: no-repeat;
}
.content { background-color:rgba(0,0,0,.5); padding:25px; }
h1.title { font-weight:bold; font-size:36px;}
h1.title a { color:#fff; text-decoration:none; }
h1.title a:hover { color:#009FE3; }
.introtext { font-weight:bold; font-size:22px; line-height:2.8rem; }
.subtitle { font-weight:bold; font-size:16px; margin:1.5em 0 0.75em 0; padding:0; display:block; }

.content ul { margin-left:2.5em; }
.content ul li { list-style:square; list-style-position:outside; }

/* CONTENT TABLES */
.content table { background-color:rgba(0,0,0,.5); border:3px solid #fff; }
.content table tr:hover { background-color:rgba(128,128,128,.5); }
.content table tr td { padding:5px; border:1px solid #fff; }
.content table p { margin:0; }

.content pre { }
.hljs { background: none !important; } 
.content pre table { margin-bottom: 0; border:none; }
.content pre table.hljs-ln tr td { border:none;  }
.content pre table.hljs-ln tr:hover td { background-color: rgba(255,255,255,.1); }

/* SEARCH RESULTS */
.advsea-result h3 { font-size:20px !important; }
div.advsea-result a { color:#009FE3 !important; }
div.advsea-result a:hover { color:#27629a !important; }

/* NEWS-COLUMNS STARTPAGE */
.border-bottom { border-bottom:1px solid #fff;}
.news_col { word-wrap: break-word; overflow-wrap: break-word; }
.news_col h2 { font-size:18px; font-weight:bold; background-color:#27629a; border-bottom-left-radius:5px; border-bottom-right-radius:5px; padding:5px 15px}
.news_col ul { list-style:none !important; margin:0; padding:0; }
.news_col ul li,
.news_col li { list-style:none !important; margin:0; padding:0 0 0 25px; position:relative; }
.news_col ul li a { color:#fff; font-weight:900; display:block; margin-bottom:1rem; }
.news_col ul li a:hover { color:#cccbd0; text-decoration:none; }

.news_col li:before { content: " "; position:absolute; top:3px; left:2px; width:16px; height:16px; display:block; }

.news_col.news_adv ul li:before { background: url(../img/icon_adv.png) no-repeat 0 0; }
.news_col.news_pub ul li:before { background: url(../img/icon_pub.png) no-repeat 0 0; }
.news_col.news_blog ul li:before { background: url(../img/icon_blog.png) no-repeat 0 0; }
.news_col.news_twit li:before { background: url(../img/icon_twit.png) no-repeat 0 0; }

.lm .news_col.news_adv ul li:before { background: url(../img/icon_adv.png) no-repeat 0 -16px; }
.lm .news_col.news_pub ul li:before { background: url(../img/icon_pub.png) no-repeat 0 -16px; }
.lm .news_col.news_blog ul li:before { background: url(../img/icon_blog.png) no-repeat 0 -16px; }
.lm .news_col.news_twit li:before { background: url(../img/icon_twit.png) no-repeat 0 -16px; }

a.text-link { color:#009FE3 !important; }
a.text-link:hover { color:#fff !important; }
.news_col a.text-link { padding:0 0 0 25px; }

/* TWITTER FEED */
.status { margin-bottom:1em; }
.status-info { font-size:x-small; text-align:right; }
.status-info span { display:block; }

/* ARTICLES-SIDEBAR */
.sidebar h3 { text-transform:uppercase; font-weight:bold; font-size:18px; margin:0 0 5px 0; }
.sidebar a,
.sidebar ul li a { font-weight:bold; text-decoration:none; }
.sidebar ul,
.sidebar li,
.sidebar ul li { list-style:none; margin:0; }
.sidebar input { color:#000; }

/* ARTICLES */
.post a,
h2.title a { font-weight:bold; text-decoration:none; }
h2.title a { font-size:0.75em; }



/* PAGE-NAV */
ul.pageList { list-style:none; }
ul.pageList li { display:inline-block; float:left; margin-right:10px; }
ul.pageList li a.button { padding:0 10px; }

/* FOOTER */
footer { border-top:3px solid #fff; }
footer p { margin:0; }
footer p.title { text-transform:uppercase; border-bottom:1px solid #fff; padding:20px 0 5px 0; margin-bottom:1rem; letter-spacing:1px; }
footer .bottom_bar { background-color:#9b9b9b; color:#4e4443; padding-bottom:20px; }
.bottom_bar ul { list-style:none; margin:0; padding:0; }
.bottom_bar ul li { margin:0; padding:0; }
.bottom_bar ul li a { color:#4e4443; text-decoration:none; }
.bottom_bar ul li a:hover { color:#000; }
footer .cr_bar { background-color:#000; color:#fff; padding:20px 0; font-weight:bold; }
footer .follow { margin-top:2rem; }
.follow span { margin-right:1rem; }
.follow a.social { display:inline-block; width:29px; height:29px; vertical-align:middle; }
.follow a.social.in { background-image:url(../img/social_in.png); background-position:0 0; }
.follow a.social.twitter { background-image:url(../img/social_twitter.png); background-position:0 0; }
.follow a.social.google { background-image:url(../img/social_google.png); background-position:0 0; }
.follow a.social.in:hover,
.follow a.social.twitter:hover,
.follow a.social.google:hover { background-position:0 29px; }

/* Larger than mobile */
@media (min-width: 400px) {
    .container { max-width:100%; width:100%; padding-left:20px; padding-right:20px; }
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {

}

@media (max-width: 749px) {
    .hide-sm { display:none; }
    .flip-sm .column,
    .flip-sm .columns { clear:both !important; width:100% !important; }
    .border-bottom { border:none; }
    .news_col h2 { border-top:1px solid #fff; }
}

/* Larger than tablet */
@media (min-width: 750px) {

}

/* Larger than desktop */
@media (min-width: 1000px) {
    .container { max-width:960px; }
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
    .container { max-width:1160px; }
}

/* Light-Mode */
body.lm { background-color:#fff; background-image:none; }
.lm #outer { background-image:none; }
.lm main { color:#000; }
.lm main h1, 
.lm main h2, 
.lm .news_col h2, 
.lm main h3, 
.lm main h4, 
.lm main h5, 
.lm main h6 { color:#000; } 

.lm .news_col ul li a { color:#000; }
.lm .content { background-color:transparent; }
.lm h1.title a { color:#009FE3; }

#nav_bar nav { float:left; font-size:0.7em; }
@media (min-width: 750px) {
    #nav_bar nav { font-size:1em; }
}
#btnMode { display:inline-block; width:25px; height:25px; float:right; border:1px solid #fff; margin:2px 0 0 0; line-height:25px; padding:0; background-color:#fff; }
.lm #btnMode { background-color:#000; }
#btnMode > div { background:url(../img/btn_mode.png) no-repeat top center; width:12px;height:12px;display:inline-block; margin-top:6px; }
.lm #btnMode > div { background:url(../img/btn_mode.png) no-repeat bottom center; }