/* @override https://birkeland.uib.no/wp-content/themes/bcss/style.css?ver=5.2.5 */

/* @override https://birkeland.uib.no/wp-content/themes/bcss/style.css?ver=5.2.5 */

/* @override https://birkeland.uib.no/wp-content/themes/bcss/style.css?ver=5.2.3 */

/*!
Theme Name: BCSS Theme
Theme URI: 
Author: BCSS
Author URI: 
Description: BCSS WordPress Responsive Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bcss
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/
/*
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
*/


/* Added by Espen Moe-Nilssen (Grieg Medialog AS, http://medialog.no), sept 2019 and feb 2020 */

div.flexslider  {
	margin-bottom:  3.3em;
}

.page-template-template-partsorganization-php.page  div.research-box.media {
	background: #d6d3e1 !important;
}

body.research-group-template-default.single.postid-470 div.inner-banner {
	display: none
}

.flex-control-nav {
  bottom: -30px;
}
.content h3.purple a {
	color: #832aca  !important;
}

div.person-box {
	width:  130px;
	margin-right: 10px;
	float:  left;
	min-height: 215px;
	position: relative;;
	background: whitesmoke;
	padding: 10px;
	margin-bottom: 10px;
}

p.button.bnt {
	display: inline-block;
	background-color: #7934c3;
	color:  white;
	padding: 3px 10px ;
	font-size: 75%;
	line-height: 1em;
	border-radius: 3px;
	bottom:  10px;
	position: absolute;
}


h3 a  {
	border-bottom: 1px dotted #777;
}

.widget li a, 
.articles-block,
.articles-block p,
.articles-block em {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

form.search-form {
	 font-size: 15px; text-transform: uppercase; margin-bottom: 15px; 
	font-family: 'Roboto Condensed', sans-serif; font-weight: 700;
}

input.search-field {
	margin:  5px 0;
}


h3 a  {
	border-bottom: 1px dotted #777;
}

div.imagebox {
	padding: 1em;
	border:  1px solid #888;
	margin-bottom:  2em;;
}


.articles-block,
.articles-block p,
.articles-block em {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

body .widget-area {
	background: none;
	padding: 0;
}

div.sidebar.widget-area .widget {
	background-color: rgba(222,215,228,0.75); padding: 0 15px 20px;
}
 

div.sidebar .search-form {
margin-top:  20px;;
}

.study-sidebar .widget  { background-color: #A3CEDF !important; padding-top:20px !important; }
.study-sidebar .widget img {  width: 100%;height: auto; }



/* END */

html, body { width: 100%; height: 100%; min-height: 100%; display: table; position: relative; }
body {font-family: 'Roboto', sans-serif; font-size: 16px; color: #403549; font-weight: 400; padding-bottom: 230px; }

h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; line-height: 1.20; color: #403549; margin-bottom: 15px; }
h1 { font-size: 28px; color: #403549; font-weight: 700; margin-top: 0; }
h1 small { font-size: 100%; font-weight: 400; color: #403549; }
h2 { font-size: 20px; color: #403549; font-weight: 700; }
h3 { font-size: 18px; color: #832aca; font-weight: 400; }
h4 { font-size: 16px; }
h4 small { font-size: 100%; font-weight: 400; color: #403549; }
h6 { font-size: 15px; color: #46325e; }
p { font-size: 16px; color: #403549; font-weight: 400; margin-bottom: 15px; line-height: 22px; }
ul > li { font-size: 16px; color: #403549; font-weight: 400; line-height: 24px; }
ul.green-color > li > strong { color: #526e71; }

a { color: #403549; }

div.content a,
div.sidebar a {
	border-bottom: 1px dotted #777; 
}

div.content a.tellink, a {
	border-bottom: 0 none;
}

.people-info a.maillink {
	margin-top:  4px;
	margin-bottom:  4px;
	display: inline-block;
}

a:focus { outline: none; }
a i.fa { color: #832aca; }

div.articles-block p a {
	border-bottom: 1px dotted #777; 
}

a:hover { text-decoration: none; color: #832aca; }
img, .img-reponsive { display: inline-block; }

.btn-default { background-color: #FFFFFF; color: #832aca; border-color: #832aca; }
.btn-default:hover { background-color: #832aca; color: #FFFFFF; border-color: #832aca; }

#header { width: 100%; float: left; margin: 0; padding: 30px 0 0; }
.navbar { width: 100%; height: auto; min-height: inherit; float: left; border: 0; border-radius: 0; border-top: 1px solid #8f97a5; border-bottom: 1px solid #8f97a5; margin: 15px 0 0; padding: 0; background: rgba(255,255,255,0.9); }
.navbar-collapse { padding: 0; }
.navbar-nav>li { padding: 7px 0  7px 72px; }
.navbar-nav>li:first-child {
	padding-left:  0;
} 
.navbar-nav>li>a { font-size: 15px; color: #877397; font-weight: 500; padding: 0; }
.navbar-nav>li>a:hover, .navbar-nav>li.active>a, .navbar-nav>li>a:focus { background-color: transparent; color: #24063d; }

#middle { width: 100%; float: left; margin: 0; padding: 40px 0 0; }

/* B_crumbBox CSS */
.B_crumbBox { width: 100%; float: left; background-color: transparent; display: inline-block; text-align: left; list-style-type: none; padding: 15px 0 0 0; margin: 0; }
.B_crumbBox > li { float: left; display: inline-block; font-size: 12px; color: #832aca; font-weight: 500; text-transform: uppercase; line-height: normal; position: relative; letter-spacing: 0.4px; padding: 0 10px; margin: 0; }
.B_crumbBox > li:first-child { padding-left: 0; }
.B_crumbBox > li + li:before { content: "\f105"; font-family:'FontAwesome'; position: absolute; left: -2px; top: -2px; color: #877397; font-size: 16px; font-weight: 500; }
.B_crumbBox > li > a { color: #877397; font-weight: 500; font-size: 12px; text-transform: uppercase; }
.B_crumbBox > li > a:hover { text-decoration: none; color: #832aca; }

.page-pic { width: 100%; display: inline-block; margin-bottom: 30px; }

/* Home Slider CSS */
.home-slider,.page-banner { width: 100%; float: left; border: 0; border-radius: 0; box-shadow: none; text-shadow: none; margin: 0 0 25px; padding: 15px 0 0;position: relative; }
.home-slider:before ,.page-banner:before { width: 100%; height: 13px; background: url("images/dots_border.png") repeat-x left top; content: ""; position: absolute; left: 0; top: 0; }
.home-slider .flex-caption { font-size: 14px; color: #403549; font-style: italic; font-weight: 400; line-height: 16px; margin: 5px 0 0; padding: 0; }
.page-banner p{ font-size: 14px;color: #403549;font-style: italic;font-weight: 400;line-height: 16px;margin: 5px 0 0;padding: 0; }
.page-banner img{width: 100%;display: block;height:auto;}


.content { width: 100%; float: left; margin: 0; padding: 0; }
.heading-box h1 { color: #526e71; }
.highlights-row .col-xs-12:nth-child(2n+1) { /*clear: both;*/ }
.highlights-box { width: 100%; float: left; position: relative; margin: 0 0 30px; padding: 15px 0 0; min-height: 360px; }
.highlights-box:before { width: 100%; height: 13px; background: url("images/dots_border.png") repeat-x left top; content: ""; position: absolute; left: 0; top: 0; }
.box-pic { margin-bottom: 5px; min-height: 270px;}
.box-pic img { width: 100%; }
.highlights-box p { font-size: 14px; line-height: 17px; margin-bottom: 0; padding-bottom:5px; }
.highlights-box p a { color: #403549; }
.highlights-box p i.fa { color: #832aca; }
.highlights-box p a:hover, .highlights-box:hover a { color: #832aca; }
.more-link { color: #832aca; font-size: 13px; font-weight: 500; position: relative; }
.more-link:after { content: "\f0a9"; font-family:'FontAwesome'; padding-left: 5px; }
.more-link:hover { color: #526e71; }
ul.listing { margin-bottom: 30px; }
ul.listing li { margin-bottom: 10px; }

.widget-area { width: 100%; float: left; background-color: rgba(222,215,228,0.75); padding: 0 15px 50px; }
.widget { width: 100%; float: left; margin-bottom: 15px; }
.widget p { line-height: 17px; font-size: 14px; color: #403549; font-family: 'Roboto Condensed', sans-serif; }
.widget ul { list-style-type: none; padding: 0; }
.widget h2 { font-size: 15px; text-transform: uppercase; margin-bottom: 15px; }
ul.groups-listing h6 { margin: 0; }
ul.groups-listing li { background-color: rgba(155,114,179,0.20); padding: 10px 15px; margin-bottom: 15px; }
ul.groups-listing li p { font-size: 13px; font-style: italic; line-height: 17px; margin-bottom: 0; }
.widget_recent_entries ul > li { line-height: 17px; font-size: 14px; color: #403549; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 15px; }
.widget_recent_entries ul > li > a { font-size: 14px; color: #403549; font-family: 'Roboto Condensed', sans-serif; }
.widget_recent_entries ul > li > a span { color: #832aca; }
.widget_recent_entries ul > li > a:hover { color: #832aca; }
.report-box { width: 100%; display: inline-block; margin-bottom: 30px; }

.research-head {margin:25px 0 0px; position:relative;z-index:22;}

.members-info ul > li { line-height: 17px; font-size: 14px; color: #403549; font-family: 'Roboto Condensed', sans-serif; margin-bottom:15px; }
.members-info .media { padding-top: 15px; }
.members-info .media-left { width: 82px; }
.members-info .media-body { width: auto; }
.members-info .media-body h4 { font-size: 14px; margin-top: 0; }
.members-info .media-body p { font-size: 14px; margin-bottom: 0; }

.filters-group { width: 100%; float: left; list-style-type: none; display: inline-block; column-count: 4; -webkit-column-count: 4; -moz-column-count: 4; padding-left: 0; }
.filters-group li { font-size: 14px; color: #403549; cursor: pointer; position: relative; margin-bottom: 5px; padding-left: 10px; }
.filters-group li:before { width: 4px; height: 4px; border-radius: 100%; background-color: #877397; content: ""; position: absolute; left: 0; top: 7px; }
.filters-group li:hover, .filters-group li.active { color: #832aca; }

.grid { width: 100%; float: left; margin: 0; padding: 0; }
.grid .media { width: 100%; min-height: 175px; border: 1px solid #877397; padding: 15px 15px 0; margin-bottom: 30px; }
.grid .media .media-left .people-pic { width: 84px; height: 84px; border: 1px solid #877397; }
.grid .media .media-left .people-pic img { max-width: 100%;height:100%;}
.grid .media .media-body { padding-left: 10px; }
.grid .media .media-heading { font-size: 16px; margin-bottom: 7px; }
.grid .media .media-body p { line-height: 20px; font-family: 'Roboto Condensed', sans-serif; }

.widget blockquote {padding: 0; margin: 0 0 20px; border-left: 0;}
.widget blockquote p {font-size: 17px;line-height: 1.4;font-weight: 600;color: #0c394c;}

.research-row { margin-bottom: 30px; }
.research-box { width: 100%; height: auto; float: left; position: relative; padding: 15px; margin: 15px 0; }
.research-box.media:first-child { margin-top: 15px; }
.research-box.media .media-left { width: 60px; }
.research-box.media .media-left img {
    max-width:80px;
}

.research-box-shortcode {
	background:#C6B9CB;
}

.research-box-shortcode br,
.research-box-shortcode p {
    display:none;
}

.research-box-shortcode h4.media-heading + p {
    display:block;
}


.number { font-size: 60px; color: #FFFFFF; font-weight: 700; font-family: 'Roboto Condensed', sans-serif; line-height: 45px; padding: 0 15px; }
.research-box .media { margin: 20px 0 15px; }
.research-box .media .media-body h4 { font-size: 14px; margin-top:0; }
.research-box .media .media-body h4 small { display: block; font-size: 14px; font-weight: 400; color: #403549; font-style: italic; margin-top: 5px; }
.instrument-box { background: rgba(182,168,193,0.80); }
.post-thumbnail { margin: 30px 0 15px 0; }

.articles-block { width: 100%; float: left; padding: 5px 15px; margin-bottom: 15px; }
.articles-block.no-group{padding: 5px 0;}

.inner-banner { width: 100%; height: 215px; display: inline-block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 0 30px; padding: 45px 0 0; }
.inner-banner .heading-box { width: 455px; height: 105px; background: url("images/title_bg.png") no-repeat left top; background-size: cover; display: table-cell; vertical-align: bottom; position: relative; left: 0; padding-left: 55px; }
.inner-banner .heading-box h1 { color: #FFFFFF; font-size: 32px; margin: 0 0 -9px; padding: 0; }
.inner-banner .heading-box h1 small { color: #FFFFFF; font-size: 60px; font-weight: 700; position: relative; left: -35px; }

.highlight-box { background-color: rgba(222,215,228,0.75); padding: 15px; }
.highlight-box .media-left { width: 150px; padding: 0; }
.highlight-box .media-left p { font-weight: 500; font-size: 14px; margin-top: 5px; margin-bottom: 0; }
.highlight-box .media-body { width: auto; padding-left: 15px; }
.highlight-box .media-body h4 { font-size: 22px; color: #FFFFFF; margin: 0 0 10px; }

.map iframe { width: 100%; height: 400px; }

/* Footer CSS */
#footer { width: 100%; float: left; background-color: #70677e; position: absolute; left: 0; bottom: 0; margin: 30px 0 0; padding: 15px 0; }
#footer p { color: #FFFFFF; font-size: 13px; font-weight: 400; line-height: 17px; margin-bottom: 10px; }
#footer .text-widget { padding-right: 30px; padding-top: 20px; }
ul.logo-listing { list-style-type: none; display: table; margin: 0; padding: 20px 0 0; }
ul.logo-listing li { display: table-cell; vertical-align: middle; padding-left: 30px; }
ul.logo-listing li:first-child { padding-left: 0; }
ul.social-media { width: 100%; display: inline-block; text-align: center; list-style-type: none; border-left: 1px solid #d6d4d9; border-right: 1px solid #d6d4d9; margin: 0; padding: 0; }
ul.social-media li { width: 100%; display: inline-block; padding: 5px 0; }
ul.social-media li a { font-size: 40px; color: #cbc9d0; line-height: 40px; }
ul.social-media li a i.fa { color: #cbc9d0; }
ul.social-media li a:hover, ul.social-media li a:hover i.fa { color: #24063d; }
ul.footer-links {  list-style-type: none; margin: 0; padding: 35px 0 0 20px; }
ul.footer-links li a { color: #FFFFFF; font-weight: 700; font-size: 16px; }
ul.footer-links li a:hover { color: #24063d; }

/* Pagination CSS */
.pagination { width: 100%; display: inline-block; text-align: center; }
.pagination .page-numbers { border: 1px solid #8f97a5; padding: 5px 10px; }
.pagination .page-numbers:hover, .pagination .current { background-color: #832aca; border-color: #832aca; color: #FFFFFF; }
.pagination a.page-numbers:focus { outline: none; text-decoration: none; }

#comments { width: 100%; float: left; }
ol.comment-list { padding: 0; }
ol.comment-list .reply-link a { color: #46325e; font-weight: 700; }
ol.comment-list .reply-link a:hover { color: #832aca; }
.entry-content, .post-thumbnail, .entry-meta { width: 100%; float: left; }
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

table img {
    max-width:100%;
    height:auto;
}

.page-template-data h1 {
       margin:20px 0 10px
}

.page-template-data h1 + p {
    font-size: 16px;
    line-height: 22px;
}

.page-template-data p {
    margin: 12px 0 20px;
    font-size: 14px;
    line-height: 18px;
}

.page-template-data .sidebar {
    margin-top: 9px;
}

.people-info {
    background: #fff;
    min-height: 215px !important;
}

.research-row .col-md-6:nth-child(2n+1) {
	clear:both;
}


.flex-direction-nav a {
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    margin: -32.5px 0 0;
    font-size: 0;
    width: 65px;
    height: 65px;
    text-align: center !important;
    line-height: 65px;
}
.flex-direction-nav a::before{
    text-shadow: none;
    font-size: 20px;
}
.flexslider:hover .flex-direction-nav .flex-prev{
    left: -30px;
    opacity: 1 !important;
}
.flexslider:hover .flex-direction-nav .flex-prev::before{
    margin-left: 10px;
}

.flexslider:hover .flex-direction-nav .flex-next {
    right: -30px;
    opacity: 1 !important;
}
.flexslider:hover .flex-direction-nav .flex-next::before{
    margin-right: 10px;
}

.flexslider.home-slider iframe {
    width: 100%;
 height: 365.2px;
    border: 0;
}

@media (max-width: 1200px){
	
	ul#top-menu.nav.navbar-nav li {
		padding-left:  2.3%;
		padding-right:  2.3%;
	}
	
}

@media (max-width: 1024px){
	
	.flexslider.home-slider iframe {
        height: 265.7px;
    }
}

@media (max-width: 992px){
 

    .flexslider.home-slider iframe {
        height: 265.7px;
    }
    
	ul#top-menu.nav.navbar-nav li {
		padding-left:  1.3%;
		padding-right:  1.3%;
	}
	
}
    
    


@media (max-width: 860px){
    .flexslider .flex-direction-nav .flex-prev{
        left: -30px;
        opacity: 1 !important;
    }
    .flexslider .flex-direction-nav .flex-prev::before{
        margin-left: 10px;
    }
    
    .flexslider .flex-direction-nav .flex-next {
        right: -30px;
        opacity: 1 !important;
    }
    .flexslider .flex-direction-nav .flex-next::before{
        margin-right: 10px;
    }
    .flexslider.home-slider iframe {
        height: 202.5px;
    }
    
   
}

@media (max-width: 768px){
    .flexslider.home-slider iframe {
        height: 202.5px;
    }
}

@media (max-width: 768px){
    .flexslider.home-slider iframe {
        height: 202.5px;
    }
}

@media (max-width: 411px){
    .flexslider.home-slider iframe {
        height: 164px;
    }
}

@media (max-width: 375px){
    .flexslider.home-slider iframe {
        height: 149px;
    }
}

@media (max-width: 320px){
    .flexslider.home-slider iframe {
        height: 125px;
    }
}