/* This styles a one column 'elaboration page: elaboration_onecol.css'*/

body {
margin:0;
padding:0;
max-width: 100%;
/*slategray hsl(210, 13%, 50%), but lighter*/
background-color: hsl(210, 13%, 65%);
font-family: 'nunito_sansregular', 'latoregular', 'arial', sans-serif;

font-size: 100%;
line-height: 1.5;
/* green and black stripes.  From https://philiprogers.com/svgpatterns/

background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIxMCI+CjxyZWN0IHdpZHRoPSI5MCIgaGVpZ2h0PSIxMCIgZmlsbD0iYmxhY2siPjwvcmVjdD4KPHJlY3Qgd2lkdGg9IjkwIiBoZWlnaHQ9IjA1IiBmaWxsPSJncmVlbiI+PC9yZWN0Pgo8L3N2Zz4=");
*/
}

.elaboration_content_wrapper_photocredits {
margin: 0;
padding: 0;
background-color:;
}

.title_container_onecol_elaboration_photocredits {
margin:0;
padding:0;
text-align: center;
display:block;
position: relative;
/* MUST use 'top' ao margin-top.  Using margin-top stopped the index page from scrolling filly to the top, with the 'to top of page' scrolls.  Creates a gap at the very top*/
top: 25px;
}

.title_container_onecol_elaboration_photocredits h1
{
margin: 0;
padding: 0;
/*
color: #ffefd5;
*/
font-size: 40px;
/*Margin left and right just so the title-heading never bangs against screen edges*/
margin-left:10px;
margin-right:10px;
line-height:1;
/*So text's background, if have one, isn't full width*/
display: inline-block;
background-color:;
font-family:'source_sans_proregular';
}

.elaboration_returnlink_photocredits {
padding: 0;
margin: 0;
color: darkgoldenrod;
color: hsl(0, 0%, 94%);
font-size: ;
margin-left: 10px;
margin-right: 10px;
margin-top: 50px;
}

.elaboration_totoplink_photocredits {
padding: 0;
margin: 0;
color: darkgoldenrod;
color: hsl(0, 0%, 94%);
font-size: ;
margin-left: 10px;
padding-bottom: ;
}

.elaboration_returnlink_photocredits a,
.elaboration_totoplink_photocredits a {
color: white;
}
.elaboration_returnlink_photocredits a:hover,
.elaboration_totoplink_photocredits a:hover {
color:gold;
text-decoration: none;
}
.elaboration_returnlink_photocredits a:active,
.elaboration_totoplink_photocredits a:active {
color:aqua;
text-decoration: none;
}




.example_list_photocredits {
margin-top: ;
}

.example_list_photocredits p {
margin:;
padding:0;
}

.example_list_photocredits h2 {
margin:0;
padding:0;
}

.example_list_photocredits ul{
list-style-type: circle;
margin: 0;

}


/*THIS MY OLD WAY TO COLOUR BULLETS */
/* Use to colour the bullets.  Will colour too the text, but this is over-ruled in the span colouring immediately below */
/*
.example_list_photocredits ul > li {
color: darkgreen;    
}
*/
/*makes the text of the li a different colour from that of the bullets*/
/*
.example_list_photocredits ul > li > span {
    color: greenyellow;
}
*/

/*THIS THE PROPER WAY TO COLOUR BULLETS*/
ul li::marker {
color: green;
}


/*photocredits_name needs to be inline-block, rather than block, else on tablet size it goes to the far left margin, with the bullet being on the line above; rather than as should be, with bullet to far left margin, and the text on the same line to the right of the bullet*/
.photocredits_name {
display: inline-block;
}

/*photocredits_name needs to be block, rather than inline-block, so that details for each picture are on a seperate line */
.photocredits_details {
display: block;
}




.text_container_photocredits {
margin-top: 20px;
margin-bottom: 20px;
margin-left: 20%;
margin-right: 20%;
padding:10px;
background: ;
font-size: 16px;
font-family: 'ubuntulight';
}


/*MQ*/
@media screen and (max-width: 968px){
.text_container_photocredits {
margin-left: 15%;
margin-right: 15%;
background-color: ;
}
}
/*END: MQ*/


/*MQ*/
@media screen and (max-width: 868px){
.text_container_photocredits {
margin-left: 12%;
margin-right: 12%;
background-color: ;
}
}
/*END: MQ*/



/* MQ Tablet size*/
@media screen and (max-width: 768px){
.title_container_onecol_elaboration_photocredits h1 {
font-size: 30px;
}

.text_container_photocredits {
margin-left: 10%;
margin-right: 10%;
background-color: ;
}

.example_list_photocredits ul {
/* Removes the left-hand space of the ul*/
padding: 0;    
}

.example_list_photocredits ul li {
/*Changes the default 'outside' (i.e. to the left) position of the bullets*/
list-style-position: inside;    
}

}
/* END: MQ Tablet size*/


/*MQ*/
@media screen and (max-width: 668px){
.text_container_photocredits {
margin-left: 6%;
margin-right: 6%;
background-color:;
}
}
/*END: MQ*/


/*MQ*/
@media screen and (max-width: 568px){
.text_container_photocredits {
margin-left: 3%;
margin-right: 3%;
background-color: ;
}
}
/*END: MQ*/



/* MQ */
@media screen and (max-width: 425px){
.title_container_onecol_elaboration_photocredits h1 {
font-size: 26px;
}

.text_container_photocredits {
margin-left: 0%;
margin-right: 0%;
}
}
/* END: MQ */