/*-- One column videos --*/
.onecol.videos { margin: 0 auto; padding: 0; }
.onecol.videos>.content>.words { max-width: unset; }
.onecol.videos>.content>.words>.padding { display: none; }
.onecol.videos>.content>.words>.multibuttons {width: 100%; max-width: 100%;}
.onecol.videos>.content>.words>.multibuttons>ul>li { background-color: white; display: flex; padding: 30px 5%;}
.onecol.videos>.content>.words>.multibuttons>ul>li:nth-of-type(even) { background-color: #f6f6f6; flex-direction: row-reverse; }
.onecol.videos>.content>.words>.multibuttons>ul>li>.multiembshell iframe {height: 300px !important;}
.onecol.videos>.content>.words>.multibuttons>ul>li>.multitext { display: flex; flex-direction: column; padding: 0 10px; color: black; max-width: 50%;}
.onecol.videos>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: black; margin-bottom: 0;}

/*-- Two column videos --*/
.twocol.videos {padding:0;}
.twocol.videos>.content>.words>.padding {float: unset; display: block; }
.twocol.videos>.content>.words>.multibuttons {width: 100%; max-width: 100%;}
/*-- Three column videos --*/
.threecol.videos {background-color: transparent;padding: 0; margin-top: 25px;}
.threecol.videos>.content {margin: 0 auto;}
.threecol.videos>.content>.words>.multibuttons>ul {display: grid; margin: 0 auto; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-gap: 20px; /* padding-top: 30px; */}
.threecol.videos>.content>.words>.multibuttons>ul>li { background-color: white; width: 100%; display: flex; flex-direction: column; }
.threecol.videos>.content>.words>.multibuttons>ul>li>.multiembshell { height: 230px; width: 100%; margin: 0 auto;}
.threecol.videos>.content>.words>.multibuttons>ul>li>.multiembshell iframe { max-height: 230px; }
.threecol.videos>.content>.words>.multibuttons>ul>li>.multitext { width: 100%; margin: 0 auto; padding: 0; }
.threecol.videos>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { color: black; font-size: 1.6em;}

/*-- FAQs --*/
.faqs .content .words .multibuttons {background: white;}
.faqs .content .words .multibuttons ul {padding: 2%; background: none; border: none;}
.faqs .content .words .multibuttons ul li {padding: 0; border: none;}

.faq-accordion button {font-family: "Wix Madefor Display", sans-serif; position: relative; display: block; text-align: left; width: 100%; padding: 1em;
 color: black; border: none;background: #f6f6f6;outline: none;}

.faq-accordion button:hover,
.faq-accordion button:focus {cursor: pointer;}

.faq-accordion button:hover::after,
.faq-accordion button:focus::after {cursor: pointer;border: 1px solid black;}

.faq-accordion button .faq-title {padding: 0; font-size: 16px; line-height: 32px; font-weight: 700; }

.faq-accordion button .icon {display: inline-block;position: absolute;right: 15px;width: 22px;height: 22px;border: 1px solid;border-radius: 22px;}

.faq-accordion button .icon::before {display: block;position: absolute;content: '';top: 9px;left: 6px;width: 10px;height: 2px;background: currentColor;}
.faq-accordion button .icon::after {display: block;position: absolute;content: '';top: 5px;left: 10px;width: 2px;height: 10px;background: currentColor;}


.faq-accordion .accordion-item button[aria-expanded='true'] {border-bottom: 1px solid #c7c7c7;}
.faq-accordion button[aria-expanded='true'] .icon::after {width: 0;}
.faq-accordion button[aria-expanded='true'] + .faq-content {opacity: 1;max-height: 15em; transition: all 200ms linear;}
.faq-accordion .faq-content {opacity: 0;max-height: 0;overflow: hidden;transition: opacity 200ms linear, max-height 200ms linear;}
.faq-accordion .faq-content p {font-size: 1rem;font-weight: 300;margin: 2em 0;}

/*-- Profile --*/

.profile>.imgshell {display: inline;margin: 0;padding: 0 40px 0 0;width: 35%;height: auto;}
.profile>.imgshell>img { width: 100%; object-fit: contain;}

/* -------  Resources Database Styles -------- */
.text {margin: 0 auto;}
.searchbar {position:relative; display: block; width: 100%; height: auto; float: none; padding: 0; margin: 0; overflow: visible;}
.searchmenu {position: relative; width: 31%; float: left; padding: 1%; margin: 0; overflow: hidden; z-index:1000;}
select {position: relative; padding: 2%; letter-spacing: 1px; color: #6d6d6d; width: 100%; }
lable {display: block;}
input .type {padding:1%;}

/*.ctabutton {width: auto; height: auto;margin: 1%; padding: 3%; }*/

.parent { position:relative; display: block; width: 100%; float: none; padding: 0; margin: 0; }
.parent .row { position:relative; width: 100%; display: table; padding: 10px 0; margin: 10px auto; border-top: 1px solid #999; }
.parent .row .dbimage { position:relative; width:8%; display: table-cell; float: left; padding: 0.5%; margin: 0.25% 0.5%; }
.parent .row .dbimage img { position:relative; width:90%; height: auto; }
.parent .row .title {position:relative; width:20%;display: table-cell; float: left; padding: 0.5%; margin: 0.25% 0.5%; font-weight: 700;}
.parent .row .abstract {position:relative; width:30%;display: table-cell; float: left; padding: 0.5%; margin: 0.25% 0.5%; }
.parent .row .display_types {position:relative; width:12%;display: table-cell; float: left; padding: 0.5%; margin: 0.25% 0.5%; }
.parent .row .location {position:relative; width:12%;display: table-cell; float: left; padding: 0.5%; margin: 0.25% 0.5%;  }
.parent .row .type {position:relative; width:12%;display: table-cell; float: left; padding: 0.5%; margin: 0.25% 0.5%;  }
.parent .row .file_download {position:relative; width:10%;display: table-cell; float: left; padding: 0.5%; margin: 0.25% 0.5%;  }

@media only screen and (max-width: 700px) {
	
main #maintext .content .text .content {width: 90%;}
.searchmenu {position: relative; width: 98% !important; float: none; padding: 1%; margin: 0; overflow: hidden; z-index:1000;}
/*.ctabutton {width: 98%; height: auto;margin: 1%; padding: 1%; text-align: left; }*/
.parent { position:relative; display: block; width: 100%; float: none; padding: 0; margin: 0; }
.parent .row { position:relative; width: 100%; display: table; padding: 10px 0; margin: 10px auto; border-top: 1px solid #999; }
.parent .rowhead { display:none }
.parent .row .dbimage {position:relative; width:98%; display: block; float: none; padding: 1%; margin: 0;}
.parent .row .dbimage img { position:relative; width:90%; height: auto; }
.parent .row .title {position:relative; width:98%; display: block; float: none; padding: 1%; margin: 0; font-weight: 800; font-size: 1.2em;}
.parent .row .type {position:relative; width:98%; display: block; float: none; padding: 1%; margin: 0;}
.parent .row .abstract {position:relative; width:98%; display: block; float: none; padding: 1%; margin: 0;}
.parent .row .display_types {position:relative; width:98%; display: block; float: none; padding: 1%; margin: 0;}
.parent .row .location {position:relative; width:98%; display: block; float: none; padding: 1%; margin: 0; }
.parent .row .file_download {position:relative; width:98%; display: block; float: none; padding: 1%; margin: 0;}

}

@media screen and (max-width: 650px) {

    .threecol.videos>.content>.words>.multibuttons>ul>li>.multitext { width: 100%; margin: 0; padding: 0; }
    .threecol.videos>.content>.words>.multibuttons>ul { grid-gap: 0; padding-top: 0;}
    .threecol.videos>.content>.words>.multibuttons>ul>li { padding: 0; }
}