/*--------------------------------------------------------------
!!!!! IMPORTANT NOTES !!!!!!!!!!

Breakpoints 

phones: max-width: 599px
lg phones and small tablets: max-width: 767px
tablets: max-width: 992px
laptops & desktops: min-width: 993px;

#e40707 = link colours
#cd1d1d = button background
#fa7c7c = button border
#622 = button border

*/

/* Taxonomy page styles */

archive-description {min-width: 80%; padding-left: 1em; align-content: flex-start;}
.archive-description p:first-of-type {padding-top: 0; margin-top: 0;}

#organizations-list, #issues-list, #events-list, #periodical-titles-list {display: flex; flex-wrap: wrap;}

.organization-card, .issue-card, .event-card, .periodical-title-card {
width: 14em;
margin: .5em;
padding: 1em;
background-color: #f9f9f9;

font-size: .8em;

}

.organization-card a, .issue-card a, .event-card a,  .periodical-title-card a{text-decoration: none; font-weight: bold;}
.organization-image, .issue-image, .event-image, .periodical-title-image {margin: 0 0 1em 0; padding: 1em; width: 150px; height: 150px; overflow: hidden;}

/*************************** LIST OF MATERIALS Area **********************/
/* issues */

.issues-title {width: 100%; padding: 1em 0;}

.issues-info {display: flex; flex-wrap: nowrap; width: 100%; margin-bottom: 2em; }
.issues-info .issues-page-image img {border: solid 1px #dedede; width: 100%; max-width: 300px;  margin: 0; }
.issues-info .issues-page-image  {max-width: 25%; min-width: 20%; padding: 0 1.5em 0 0}

    @media screen and (max-width: 768px) {
       .issues-info {flex-wrap: wrap;}
       .issues-info .issues-page-image  {max-width: 100%; min-width: 100%;}

    }

.tax-issues-item { display: flex; flex-wrap: wrap; width: 100%; min-width: 15em; border: none; margin: 1%; padding: 0%;}
.tax-issues-item h3 { padding: 0 0 .25em 0; margin: 0; line-height: 1.15em;}
.tax-issues-thumb img {border: solid 1px #dedede; height: 100%; width: 100%; max-height: 99px; margin: 0 1em 1em 0; object-fit: cover; aspect-ratio: auto;}
.tax-issues-thumb  {max-height: 100px; min-height: 80px; max-width: 100px; overflow:hidden;}
#ab_accordion .tax-issues-item a {text-decoration: none; font-weight: normal; font-size: .9rem;}
#ab_accordion .tax-issues-item a:hover {text-decoration: underline; font-weight: normal; font-weight: normal; font-size: .9rem;}
.tax-issues-text {width: 80%; padding: 0 0 0 1em; margin: 0; overflow: hidden;}

.tax-issues-text ul.metadatalist {list-style-type: none; margin-left:0; padding: 0 !important; font-size: .9em;}
.tax-issues-text ul.metadatalist li {margin-left:0; padding: 0 0 .5em 0;}
.tax-issues-text h4 {font-size: 1.1rem; padding: 0; margin: 0; display: inline;}
.tax-issues-text h3 {font-size: 1.2rem; padding: 0; margin: 0;}


.sub-issues {background-color: rgb(249, 249, 249); 
    margin: 0; padding: 1em 2em; 
    display: flex; flex-wrap: wrap !important;}
.sub-issues h3 {margin: 0; padding: 0;}
.sub-issue-cards {display: flex; flex-wrap: wrap !important; padding: 1em 0; justify-content: space-between;}
.sub-issue-cards .issue-card {
    min-width: 24%; 
    align-content: center; 
    padding: 1em; margin: 0; 
    width: 24%; border: solid 1px #dedede; 
    box-shadow: 3px 3px 3px #ccc;
}
@media screen and (max-width: 768px){
    .sub-issue-cards .issue-card {min-width: 100%;}
}
.sub-issues img {width: 100px;}
.sub-issues .issue-image {width: 100px; height: 100px; overflow: clip;}



/* events */

.event-title {width: 100%; padding: 1em 0;}

.event-info {display: flex; flex-wrap: nowrap; width: 100%; margin-bottom: 2em;}
.event-info .event-page-image img {border: solid 1px #dedede; width: 100%; max-width: 300px;  margin: 0 0 0 0;}
.event-info .event-page-image  {max-width: 25%; min-width: 20%; padding: 0 1.5em 0 0}

.tax-event-item { display: flex; flex-wrap: wrap; width: 100%; min-width: 15em; border: none; margin: 1%; padding: 0%;}
.tax-event-item h3 { padding: 0 0 .25em 0; margin: 0; line-height: 1.15em;}
.tax-event-thumb img {border: solid 1px #dedede;  max-width: 100%; max-height: 100%;}
.tax-event-thumb  {max-height: 100px; min-height: 80px; max-width: 100px; overflow:hidden; }
#ab_accordion .tax-event-item a {text-decoration: none; font-weight: normal; font-size: .9rem;}
#ab_accordion .tax-event-item a:hover {text-decoration: underline; font-weight: normal; font-weight: normal; font-size: .9rem;}
.tax-event-text {width: 80%; padding: 0 0 0 1em; margin: 0; overflow: hidden;}

@media screen and (max-width: 768px) {
    .tax-event-item { display: flex; flex-wrap: wrap; width: 100%; min-width: 100%; border: none; margin: 1%; padding: 0%;}

.tax-event-thumb   {max-height: auto; min-height: auto; max-width: 100%; overflow:hidden; }

}

.tax-event-text ul.metadatalist {list-style-type: none; margin-left:0; padding: 0 !important; font-size: .9em;}
.tax-event-text ul.metadatalist li {margin-left:0; padding: 0 0 .5em 0;}
.tax-event-text h4 {font-size: 1.1rem; padding: 0; margin: 0; display: inline;}
.tax-event-text h3 {font-size: 1.2rem; padding: 0; margin: 0;}




/* organizations */

.organization-title {width: 100%; padding: 1em 0;}

.organization-info {display: flex; flex-wrap: nowrap; width: 100%; margin-bottom: 2em;}
.organization-info .organization-page-image img {width: 100%; max-width: 300px; margin: 0; padding: 0; }
.organization-info .organization-page-image  {max-width: 25%; min-width: 20%; padding: 0 1.5em 0 0}


.tax-org-item { display: flex; flex-wrap: wrap; width: 100%; min-width: 15em; margin: 1%; padding: 0%;}
.tax-org-item h3 { padding: 0 0 .25em 0; margin: 0; line-height: 1.15em;}
.tax-org-thumb img {border: solid 1px #dedede; max-width: 100%; max-height: 100%;}
.tax-org-thumb  {max-height: 100px; min-height: 80px; max-width: 100px; overflow:hidden; }
#ab_accordion .tax-org-item a {text-decoration: none; font-weight: normal; font-size: .9rem;}
#ab_accordion .tax-org-item a:hover {text-decoration: underline; font-weight: normal; font-weight: normal; font-size: .9rem;}
.tax-org-text {width: 80%; padding: 0 0 0 1em; margin: 0; overflow: hidden;}


.tax-per-text ul.metadatalist li {margin-left:0; padding: 0 0 .5em 0;}
.tax-per-text h4 {font-size: 1.1rem; padding: 0; margin: 0; display: inline;}

.tax-org-text ul.metadatalist {list-style-type: none; margin-left:0; padding: 0 0 .5em 0; font-size: .9em;}
.tax-org-text ul.metadatalist li {margin-left:0; padding: 0 0 .5em 0;}
.tax-org-text h4 {font-size: 1.1rem; padding: 0; margin: 0; display: inline;}
.tax-org-text h3 {font-size: 1.2rem; padding: 0; margin: 0;}




/* periodicals */

.periodical-title {width: 100%; padding: 1em 0;}

.periodical-title-info {display: flex; flex-wrap: nowrap; width: 100%; margin-bottom: 2em;}
.periodical-title-info .periodical-title-page-image img {border: solid 1px #dedede; width: 100%; max-width: 300px; margin: 0 }
.periodical-title-info .periodical-title-page-image  {max-width: 25%; min-width: 20%;}


.tax-per-item { display: flex; flex-wrap: wrap; width: 100%; min-width: 15em; border: none; margin: 1%; padding: .5rem 0%;}
.tax-per-item h3 { padding: 0 0 .25em 0; margin: 0; line-height: 1.15em;}
.tax-per-thumb img {border: solid 1px #dedede; max-width: 100%; max-height: 100%;}
.tax-per-thumb  {max-height: 100px; min-height: 80px; max-width: 100px; overflow:hidden; }
#ab_accordion .tax-per-item a {text-decoration: none; font-weight: normal; font-size: .9rem;}
#ab_accordion .tax-per-item a:hover {text-decoration: underline; font-weight: normal; font-weight: normal; font-size: .9rem;}
.tax-per-text {width: 80%; padding: 0 0 0 1em; margin: 0; overflow: hidden;}

.tax-per-text ul.metadatalist {list-style-type: none; margin-left:0; padding: 0 !important; font-size: .9em;}
.tax-per-text ul.metadatalist li {margin-left:0; padding: 0 0 .5em 0;}
.tax-per-text h4 {font-size: 1.1rem; padding: 0; margin: 0; display: inline;}
.tax-per-text h3 {font-size: 1.2rem; padding: 0; margin: 0;}

.periodical-title-title {width: 100%; padding: 1em 0;}

.periodical-title-info {display: flex; flex-wrap: nowrap; width: 100%; margin-bottom: 2em;}
.periodical-title-info .periodical-title-page-image img {border: solid 1px #dedede; width: 100%; max-width: 300px;  padding: 0}
.periodical-title-info .periodical-title-page-image  {max-width: 25%; min-width: 20%; padding: 0 1.5em 0 0}

.tax-periodical-title-item { display: flex; flex-wrap: wrap; width: 100%; min-width: 15em; border: none; margin: 1%; padding: 0%;}
.tax-periodical-title-item h3 { padding: 0 0 .25em 0; margin: 0; line-height: 1.15em;}
.tax-periodical-title-thumb img {border: solid 1px #dedede; max-width: 100%; max-height: 100%;}
.tax-periodical-title-thumb  {max-height: 100px; min-height: 80px; max-width: 100px; overflow:hidden; }
#ab_accordion .tax-periodical-title-item a {text-decoration: none; font-weight: normal; font-size: .9rem;}
#ab_accordion .tax-periodical-title-item a:hover {text-decoration: underline; font-weight: normal; font-weight: normal; font-size: .9rem;}
.tax-periodical-title-text {width: 80%; padding: 0 0 0 1em; margin: 0; overflow: hidden;}

.tax-periodical-title-text ul.metadatalist {list-style-type: none; margin-left:0; padding: 0 !important; font-size: .9em;}
.tax-periodical-title-text ul.metadatalist li {margin-left:0; padding-left: 0;}
.tax-periodical-title-text h4 {font-size: 1rem; padding: 0; margin: 0; display: inline-block;}
.tax-periodical-title-text h3 {font-size: 1.2rem; padding: 0; margin: 0;}






/* ACCORDION FUNCTION */
.wp-block-details, #moreabout {margin-bottom: 3em;}
.ab_accordion, .ab_acctitle {
    margin: auto;
	padding: 0 0 0 0;
    width: 100%;
}

.ab_accordion_content, .ab_acctitle_content {
    display: none;
	background-color: #f9f9f9;

}

details,  .ab_accordion_header,  .ab_acctitle_header{
    cursor: pointer;
    background-color: #ffffff;
    padding: .5em;
    font-weight: bold;
    border-bottom: solid 1px #e9e9e9;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .2);
	margin: .5em 0 0 0;
    background-color: #f9f9f9;
    color: #AD0605;
}


details[open] summary, .ab_accordion_header.active {
    background-color: #f9f9f9;
    color: #AD0605;
    padding: .5em;
	border-bottom: solid 1px #e9e9e9;
    box-shadow: none; }
 

details[open], .ab_accordion_content {
    padding: 12px;
    animation: fade-in-up 0.3s ease-in-out;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .2);
    background-color: #f9f9f9;
	
}



details[open] p {padding: 0 1em;
    color: #404040;
    font-weight: 400;}

/* Periodical title accordion */
.ab_acctitle {
    margin: auto;
	padding: 0 3em 0 0;
}

.ab_acctitle_content {
    display: none;
	background-color: #f9f9f9;

}
            
        .ab_acctitle_header{
            cursor: pointer;
            padding: .5em;
            font-weight: bold;
            border-bottom: none;
            box-shadow: none;
            margin: .5em 0 0 0;
            background-color: transparent;
            color: #AD0605;
        }
            

        .ab_acctitle_header.active {
            background-color: #f9f9f9;
            color: #AD0605;
            padding: .5em;
            border-bottom: solid 1px #e9e9e9;
            box-shadow: none; }

        .ab_acctitle_content {
            padding: 12px;
            animation: fade-in-up 0.3s ease-in-out;
            border: none;
            box-shadow: 0 ;
            background-color: #f9f9f9;   
        }

        /* toggle */
            .ab_acctitle_header.active button.close {display: inline-block; font-size: 1em; box-shadow: none; padding: 0; margin: .25em .75em 0 0;  background: transparent; color:#AD0605; border: none; }
            .ab_acctitle_header button.close {display: none;}

            .ab_acctitle_header button.open  {display: inline-block; font-size: 1em; box-shadow: none; padding: 0; margin: .25em .75em 0 0;background: transparent; color:#AD0605; border: none;}
            .ab_acctitle_header.active button.open  {display: none; }
        

details summary::before, .ab_accordion_header i,  .ab_acctitle_header_i {
    float: left;
    font-size: 1em;
    margin-top: .25em;
	margin-right: .75em;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}



details summary::marker {  content: none; }

details summary::before {  content: "\f054";}
    
details[open] summary::before, .ab_accordion_header.active i  .ab_acctitle_header.active i{
    transform: rotate(90deg);
}

@keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


.ab_accordion_header.active button.close {display: inline-block; font-size: 1em; box-shadow: none; padding: 0; margin: .25em .75em 0 0;  background: transparent; color:#AD0605; border: none; }
.ab_accordion_header button.close {display: none;}

.ab_accordion_header button.open  {display: inline-block; font-size: 1em; box-shadow: none; padding: 0; margin: .25em .75em 0 0;background: transparent; color:#AD0605; border: none;}
.ab_accordion_header.active button.open  {display: none; }