/**
 * This file should get overwritten if Method 1 is used. If Method 2 is chosen,
 * remove this comment and start adding your styles to this file.
 */

.nav > li {
    position: relative;
    display: block;
    float: left;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #080808;
}

a[href^="mailto:wild@maths.org?subject"]
{ 
    display:none;
}



.comment_forbidden {
    display:none!important;
}

#block-menu-block-3 div.contextual-links-wrapper {
    right: 90px;
}


.navbar-inverse .navbar-nav>li>a.active-trail {
    color:#FFF;
}

#comments {
border-radius: 10px;
border: 2px solid #EFEFFF;
padding: 10px;
}

.comment-unpublished {
    background: pink;
    border: 1px solid whitesmoke;
}

.comment {
    border-radius: 10px;
    border: 2px solid #EFEFFF;
    padding: 10px;
    margin-bottom:2px;
}

.comment-push {
    font-style:italic;
    padding-top: 13px;
    padding-bottom:10ssh px;
}

.front .comment-push {
    display:none;
}

.view-topic ul {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}

.view-topic ul li {
    margin-left: 10px;
}


#search-block-form {
    float: left;
    width: 190px;
    margin-top: 8px;
}

@media(min-width:768px){
    .field-name-field-header {
	padding-bottom: 8px;
    }
    .page-header {
	margin-bottom:0px;
    }
    #search-block-form {
	float: right;
	width: 190px;
	margin-top: 8px;
    }
    .hidden-mob {
	display:block;
    }
    .visible-mob {
        display:none;
    }
    .menu-block-3 {
	/*position: fixed;*/
	min-height: 728px;
/*	z-index: -10;*/
	border-left: 1px solid #EFEFEF;
    }
    
}

.menu-block-3 .active-trail {
	background-color:#f5f5f5;
}

@media(max-width:768px){
    h1 {
	font-size:24px;
    }
   
    .hidden-mob {
	display:none;
    }

    .visible-mob {
	display:block;
    }
}


.view-showcase .thumbnail {
    min-height: 250px;
}

.indented {padding-left:20px;}
.indented .comment {margin-top: -4px;}
.new {    color: red;}

.front iframe {
    max-width:100%;
}

.field-name-field-page-tags {
    margin-top: 20px;
    border-top: 1px solid rgb(228, 228, 228);
    padding-top: 20px;
}


.thumbnail img {
    display: block;
    height: auto;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.thumbnail {
    min-height:380px;
}


.category.collection a {
    background-color:purple;
    border-color:purple;
}
.category.article a,.category.read a{
    background-color:blue;
    border-color:blue;
}
.category.video a,.category.watch a {
    background-color: green;
    border-color: green;
    color: white;
}

.category a {
    text-transform: capitalize;
    border: 1px solid red;
    border-radius: 9px;
    padding: 0px 4px 0px 4px;
    display: inline;
    clear: left;
    background: red;
    color: white;
}



/* footer */
footer {
  background: #333333;
  padding: 55px 0;
  font-size: 16px;
  line-height: 22px;
  color: #b7b7b7;
}


/*make all content mages reponsive} */
.content img, .field-name-field-lead-image img {  
/*  display: block; // it stops images from being centered... */
  height: auto;
  max-width: 100%;
  padding: 10px 10px 10px 0px;
}

/*stop massive images breaking everything*/
img {max-width:800px;}


.content .field-item img {
    padding:0px;
}

.breadcrumb {
    margin-bottom: 10px;
}


/* Front page and taxonomy views CSS */
.view-id-front_page .view-content ul,.view-taxonomy-term .view-content ul {list-style-type:none;}

.field-name-field-page-tags {
  margin-top: 20px;
}

.field-name-field-lead-image {
margin-bottom:10px;
}