/* ===== 1958 Birth Cohort =====*/

div.birth_cohort_buttons_container {
 	width:100%; 
  	height:200px;
}

	div.birth_cohort_buttons_container p {
 		width:0; 
  		height:0;
  		margin:0;
  		padding:0;
  		float:left;
	}

	div.birth_cohort_buttons_container a{
  		display:block;
  		float:left;
	}

      div.birth_cohort_button {
          display:block;
          padding:1px;
          height:200px;
    
          /* background-image: url('http://www.metadac.ac.uk/files/2015/08/EL9G4113.jpg'); */
          background-size: 100%;
          background-position:center;
          background-repeat:no-repeat;
    
          cursor:pointer;
    
          -webkit-transition: background-size .5s ease;
          -moz-transition: background-size .5s ease;
          -o-transition: background-size .5s ease;
          transition: background-size .5s ease;
          
      }
  
      div.birth_cohort_button:hover {
          background-size: 110%;
      }
  
          .cohort_image_1 {
              background-image: url('http://www.metadac.ac.uk/files/2015/08/EL9G4113.jpg');
          }
  
          .cohort_image_2 {
              background-image: url('http://www.metadac.ac.uk/files/2015/08/EL9G3955.jpg');
          }
  
          .cohort_image_3 {
              background-image: url('http://www.metadac.ac.uk/files/2015/08/EL9G4151.jpg');
          }
  
  
      @media (min-width: 1025px) {
          	div.birth_cohort_button {
            	  width:100%;
          	}

		  	div.birth_cohort_buttons_container a {
  				width:33.3%
 			}
      }
  
      @media (max-width: 1024px) {
          	div.birth_cohort_button {
           	   width:100%;
           	   
          	}

			div.birth_cohort_buttons_container a {
            	width:96%;
           	    margin:0 3%;
 			}
      }
  
          div.birth_cohort_title{
              background: rgba( 18, 167, 144, 0.6);
              color:white;
              font-size:25px;
              padding:5px 10px;
              margin: 15px auto 0px auto;
              width:80%;
              text-align:center;
              text-transform:uppercase;
          }
  
          div.birth_cohort_description {
              background: rgba( 18, 167, 144, 0.6);
              color:white;
              font-size:15px;
              padding:5px 10px;
              margin: 15px auto 0px auto;
              width:70%;
              text-align:center;
          }

div.document_downloads {
  	margin-top:10px;
 	width:100%;
  	height:150px;
  	background:rgb( 18, 167, 144);
  	border-radius:10px;
}

	div.document_downloads_inner {
  		margin:5px;
  		background:#00918b;
  		width:calc(100% - 10px);
  		height:calc(100% - 10px);
  		float:left;
  		border-radius:5px;
  		overflow:hidden;
	}

            div.document_downloads_inner p {
                width:0; 
                height:0;
                margin:0;
                padding:0;
                float:left;
            }

		a.file_download {
  			height:150px;
  			width:120px;
  			float:left;
  			margin:0 20px;
  			cursor:pointer;
  
          -webkit-transition: background .5s ease;
          -moz-transition: background .5s ease;
          -o-transition: background .5s ease;
          transition: background .5s ease;  
  
		}

		a.file_download:hover {
  			background: rgba(0,0,0,0.1);
		}
        


          	div.file_icon {
            	color:white;
  				font-size:80px;
  				width:100%;
  				text-align:center;
  				padding-top:10px;
            }
    
            div.file_name {
                color:white;
  				font-size:12px;
  				width:100%;
  				text-align:center;
  				padding-top:6px;
            }

		

/* ===== Generic Website Changes =====*/
/* Change max height of front page slider */
.slider-wrap .rs-wrap .rs-slide-bg .rs-slider {
    max-height: 500px;
    overflow: hidden;
}

/* change color of copyright horizontal rule */
#copyright hr {
    border-color: #00918b;
}

/* Change color of top contact details */
.phone-box .top-email, .phone-box .top-email a {
    color: #00918b;
}

/* Change color of a tags in articles */
#article p a {
    color: #007770;
}

/* Change background color of drop down menus */
.main-navigation li li {
    background-color: #00918b;
}

/* change color of breadcrums */
.breadcrumbs .breadcrumbs-wrap ul li a {
    color: #00918b;
}

/* home page about text left align */
/*.about div p {
  	text-align:left;
}*/

/* home page about text left align */
#features4 h4.sub-title {
 text-align:left; 
}

/* circles on homepage */
#features4 .feature .circle {
    background-color: #00918b;
}
#features4 .feature .circle:hover {
    background-color: #007770;
}

#features4 .section-title:after {
 	background:white; 
}

/* Override heading captials */
h1,h2,h3,h4,h5 {
 	text-transform:none; 
}

/* Highlight all a tags */
#article a {
    color: #007770;
}