/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */


#site-name a {
color: white;
}

.field-name-field-iconimage {
clear: left;
float: left;
margin: 0em 0.5em 0.5em 0.5em;
}

.navbar-collapse.collapse {
    background-color: black;
} 
.menu.nav.navbar-nav:first-child {
    padding-top: 40px;
    padding-bottom: 6px;
    margin-top: 0px;
    float: right;
}

.menu.nav.navbar-nav.secondary {
    margin-top: 0px;
    float: right;
}

.navbar-header {
    background-color: black;
}
 .navbar-default{
  background-repeat: repeat-x;
  background-color: white;
  border-color: white;
	   
}
.navbar {
  min-height: 200px;
  
}
.navbar-brand, .navbar-nav{
  background-color: black;
  font-weight: bold;
  margin-top: 40px;
}
.navbar-default .navbar-nav > li > a {
  color: white;
}
.navbar-default .navbar-brand {
  height: 48px;
  color: white;
}
nav.collapse.navbar-collapse { /*position menu lower than site name*/
margin-top: 100px;
margin-right: -80px;
}
.navbar-toggle {
border-color: #e30613;
background-color: #e30613;
}

a{
  color: #e30613;
}

#tabs {
position: absolute;
/*right: 25%;*/
top: 160px;
background-color: black;
}

.panel-pane.pane-page-title { /*this repositions the title of posts*/
position: relative;
left: 25%;
top: -25px;
padding-right: 25%; /*to line-wrap instead of text continuing outside the page on the RHS*/
}

@media only screen and (max-width: 760px) {
    .pane-content > div.view-constant > div.view-content > div.views-row > div > div > div.row > :first-child {
        display:none;
    }

    .pane-content > div.view-constant > div.view-content > div.views-row > div > div > div.row > :last-child {
        width: 100%;
    }
}