/* Add any valid CSS declarations */

.field-content{
text-align: center;
}

/*Make featured video fit its block RESPONSIVELY. Watch out, I had to make a CSS class of the video link field in the view first. Look into it! Go to the Featured video view, then to the video link field, then to "Customize field HTML", then to "Create a CSS class", then type ".video-container". Et voila, a graspable field. CSS code below was found on the internet.*/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}



/*Center all fields in "og extras" view (=start page of groups)*/
.view-og-extras-groups .views-field{
text-align: center;
}

/*Background color of the main content block made white.*/
#main-content{
background: #ffffff;
border-style: solid;
border-width: 5px;
border-color: #ffffff;
}

#main-content a{
color:#008080;
}

/*#content{
font-size:100%;
}*/

/*Removes ugly standard banner from view*/
#header .header-inner {
  background: none;
}

/*makes site logo a bit bigger*/
.site-logo{
height:9em;
}


/*Formatting main menu items*/

.superfish1hyperlinks{
/*width: 10em;*/
text-align: center;
background-color:#085360;
border-color: #085360;
}

.sf-depth-1.superfish1hyperlinks.hover{
background: #B5D8FA;
color: #001020;
}

.sf-depth-1.superfish1hyperlinks.active{
background: #B5D8FA;
color: #001020;
}


/*Makes all text in main menu items white and bold, even if they are no link*/
.sf-menu.sf-style-light-blue a, .sf-menu.sf-style-light-blue span.nolink{
color: #ffffff;
font-weight:bold;
/*removes ugly borders around individual menu items*/
border: 0px;
}

/* All menu items in upper case */
#menu-bar{
text-transform: uppercase;
color: #ffffff;
}

/* All block titles in upper case */
.block-title{
    text-transform: uppercase;
}


/*Getting masonry tiles to look good*/
.masonry-item{
background-color:#ffffff;
border-color: #ffffff;
padding: 0px;
}

.masonry-item .views-field-title{
text-align:center;
text-transform: uppercase;
}

/*banner block in place*/
#block-imageblock-2{
width: 186%;
position: relative;
right: 85%;
}

/*coloring the background of the banner block*/
#block-imageblock-2 .block-content{
background: #e9e9e9;
background-color: #e9e9e9;
border-color: #e9e9e9;
padding: 0px;
}

/*getting the image in the banner block sized and placed correctly*/
#block-imageblock-2 .imageblock-image{
width:55%;
position: relative;
left: 45.5%;
}

/*Styling the accordion menu for groups*/
.accordion-header{
background:#085360;
color:#ffffff;
font-weight:bold;
text-transform: uppercase;
}

.ui-accordion-header-hover{
background: #B5D8FA;
color: #001020;
font-weight:bold;
}

.ui-accordion-header-active{
background: #B5D8FA;
color: #001020;
font-weight:bold;
}