body         

        h1{
            color: #f04c3e;
            font-weight: bold;
}

ul{
            color: black;
}
        h2{
            color: grey;
}

        h3{
            color: grey;
}

        h4{
            color: grey;
}

        p{
            color: #333;
        }

ul {
    color: #333;
}


.card-header{ 
    color: grey;
    padding-bottom: 1em;
    font-size: 15pt;
     }

/*card colours for all other card use*/
.normal {
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 6px;
    padding: 1em;
}


/* card colour backgrounds for resource library page*/
.module1 .resourcelisting{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 1em;
    margin-top: 30px;
}

.module2 .resourcelisting{
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 1em;
    margin-top: 30px;
    
}

.module3 .resourcelisting{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 1em;
    margin-top: 30px;
}

.module4 .resourcelisting{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 1em;
    margin-top: 30px;
}

/*reference list options style*/

.option-set ul {
    list-style-type: none;
    display: block;
    margin: 20px 0;
    padding: 0;
}

.option-set li {
    display: inline-block;
}

/*image styling*/
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
     }


.list-group-item img {
    float: left;
    padding: 0 5% 5% 0;
    width: 30%;
    }

.hideoffscreen{
    position: absolute;
    top: -999em;
}

/* change accordion header background and text*/
.list-colour {
background-color: #f5f5f5; 

}

/* positioning of glyphicon*/
.more-less {
    float: right;
    color: gray;

}

/* text of accordion headers*/
.accordionheader{
    color: #333;
    font-size: 12pt;
    font-weight: bold;
}

/* footer styling*/
        footer{
            border: 1px solid #DDDDDD;
            background-color:#ffffff;
            width: 100%;
            position:relative;

}

footer img {
padding-top: 1em;

}


footer p{
padding: 5px 0px 0px 20px;
}


.footer-bottom{
	background: #E3E3E3;
	border-top: 1px solid #DDDDDD;
    width: 100%;
    position:relative;
padding: 10px;
	        
}

.footer-bottom p{
padding: 10px 0px 0px 10px;
}
        

       

       .inherit { 
            color: inherit; 
} 


       #myBtn{
            display: none;
            position: fixed;
            bottom: 20px;
            right: 30px;
            z-index: 99;
            font-size: 18px;
            border: none;
            outline: none;
            cursor: pointer;
            padding: 30px;
            border-radius: 4px;
            background-image: url("https://www.rip.org.uk/assets/_userfiles/images/general/Icons/rip_top_of_page_icon_60.jpg");
}


.panel .glyphicon {
  transition: .3s transform ease-in-out;
}
.panel .collapsed .glyphicon {
  transform: rotate(-90deg);
}