/* ==========================================================================
   PAGE STYLES - page-styles.css
   Requires: /common/framework/css/framework.en.css
            /common/framework/css/gui.en.css
   ========================================================================== */

/* ==========================================================================
   SETUP
   ========================================================================== */

:root {
    /* colors - shared with nav */
    --event-header-green: #7cccbd;
}

html {
    color: #222;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}

main a.__label:hover {
    background: #ffbf00;
}

.inner {
    padding-bottom: 3.75rem;
    padding-top: 3.75rem;
}

.page-width {
    max-width: 63.7rem;
    padding: 1.75rem 1.666667rem 3.75rem 1.66667rem;
	margin: 0 auto;
}

section.top-rule {
    border-top: solid 1px #a1a1a1;
}


main {
    padding-bottom: 2rem;
}

main a {
    color: #ee3032;
}

main a:hover {
    color: #7cccbd;
}

main .__partners {
    display: flex;
    align-items: center;
    justify-content: space-between;
	gap: 10%;
}

.page main h2 {
    color: #3d6fa1;
    font-size: 2.09375rem;
    font-weight: normal;
    padding: 0rem 0 0.25rem 0;;
}

.subpage main h1 {
    padding: 2rem 0 1.25rem;
}

main h3 {
	font-size: 2rem;
    font-weight: normal;
    color: #1b3b76;
}

#overview main h3.gold {
    color: #d8ad00;
    font-size: 1.875rem;
	padding: 1rem 1rem 1.5rem 0;
}

#overview main h3 {
    padding: 3rem 1rem .5rem 0;
}

main p.small, main .small, main small {
    margin-bottom: 1.5rem;
}

main strong.heading {
    font-size: 1rem;
}

.subpage main h2 {
    color: #797979;
    font-size: 1.725rem;
    font-weight: 300;
    line-height: 1.4;
}

p.sub-heading {
    color: #5fab9c;
    font-size: 1.5625rem;
    line-height: 2.5rem;
    margin: 1.25rem 0 1.25rem 0;
}

.subpage .smaller {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin: 1rem 0 1rem 0;
}

/* LISTS */
main ul.small {
    margin-left: 1.5rem;
}

main ul.small li {
    display: list-item;
    list-style: disc;
}

main ul.fancy {
    font-size: 1.0rem;
}

main ul.fancy ul li {
    padding-left: 1.5rem;
    vertical-align: top;
}

main ul.fancy li {
    line-height: 1.5rem;
    text-indent: 0.15rem;
}

main ul.fancy li:before {
    color: #ee3032;
    content: '\2022';
    margin: 0 0.25rem 0 -0.0875rem;
}

.big-text {
    color: #222;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 2.1875rem;
    margin: 1rem 0;
}

.black {
    background: #000;
}

.gray {
    background: #f1f1f1;
}

.gray .inner {
    color: #222;
}

.dark {
    background: #222;
}

/* ==========================================================================
   OVERVIEW PAGE SPECIFIC
   ========================================================================== */

#overview #wtc-header .page-width,
#publications-page #wtc-header .page-width,
#resources-page #wtc-header .page-width {
    padding: 3.3125rem 1.666667rem 2.5625rem 1.666667rem;
}

#overview .one-line p {
    font-size: 1.0rem;
    line-height: 1.7;
    margin: .75rem 0;
}

#overview main .__partners {
	width: 100%;
	max-width: 640px;
}

#overview main .__partners img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

#overview main .__partners img.partner1 {
    width: 18%;
    height: auto;
}
#overview main .__partners img.partner2 {
	width: 34%;
    height: auto;
}
#overview main .__partners img.partner3 {
	width: 23%;
    height: auto;
}

/* ==========================================================================
   RESOURCES PAGE SPECIFIC
   ========================================================================== */

#resources-page .page-width {
    padding-bottom: 1rem;
}

#resources-page .big-image{ 
	background-image: url('../img/@2x-Resources-full.png'), linear-gradient(to right, #76b3ea, #76b3ea); 
	height: 190px;
	background-size: contain;
	background-color: transparent;
} 
	
#resources-page .entries {
    display: grid;
    grid-template-columns: repeat(3, 3fr);
    margin-top: 2.5rem;
    gap: 3.1875rem;
}

#resources-page .entries .entry {
    font-size: 1.40625rem;
    color: #555555;
}

#resources-page .entries .entry img {
    background: #56606e;
	width: 100%;
}

#resources-page .entries .entry > * {
    margin-bottom: 1.5625rem;
	display: block;
}

#resources-page .entries .entry .contributor {
    color: #1b3b76;
	font-weight: 600;
	margin-bottom: .5rem;
	font-size: 1.35rem;
}

#resources-page .entries .entry .contributor:hover {
    color: #ee6f30;
}

#resources-page .entries .entry .__note {
    font-size:1.15rem;
    color: #666;
    line-height:1.4;
}

/* ==========================================================================
   TEAM
   ========================================================================== */

#team .profile {
    display: flex;
    align-items: center;
    gap: 1.83125rem;
}

#team .profile ._text span {
	display: block;
	font-size: 1.3125rem;
	line-height: 1.12;
	color: #555;
}

#team .profile ._text ._name { color: #1b3b76; }
#team .profile ._text ._company { 
	color: #3d6fa1; 
	font-weight: 400;
    font-size: 1.2rem
}
#team .profile ._text ._position { 
	color: #7c7c7c;
    font-style:italic;
    font-size:1.2rem 
}

#team .profile ._text span:not(span:last-of-type) {
    margin-bottom: .35rem;
}

#team .profile ._text ._name, #team .profile ._text ._company {
	font-weight: 600;
}

section#team div {
    display: block;
}

#team  .flex-profile {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 3rem 2rem;
    margin-left: 0 !important;
}

#team .profile {
    display: flex;
    align-items: center;
    gap: 1.83125rem;
}

section#team {
    padding-bottom: 3.64375rem;
}

/* ==========================================================================
   CONTACT US FORM
   ========================================================================== */

/* Original form input/textarea/select styling */
main #tell-us-form input {
    outline: 2px solid #cecece;
    border-radius: 4.3px;
    margin-bottom: .8125rem;
}

#_form-gui input[type="text"],
#_form-gui input[type="email"],
#_form-gui textarea,
#_form-gui select {
    border: none;
    padding: .9rem;
    background-color: #fafafa;
	font-size: 1.2rem !important;
}

#_form-gui input::placeholder,
#_form-gui textarea::placeholder {
    color: #9f9f9f;
    opacity: 1;
    font-size: 1.3235rem;
}

#_form-gui input[type="text"]::placeholder, 
#_form-gui input[type="email"]::placeholder, 
#_form-gui textarea::placeholder, 
#_form-gui select::placeholder {
    font-size:1.2rem;
}

form#_form-gui {
    margin-top: 2.25rem;
}

#_form-gui select:focus {
    border-color: #3d6fa1;
    outline: none;
}

#_form-gui a { color: #3d6fa1; }

#_form-gui a:hover { opacity: .8; }

textarea#description {
    outline: 2px solid #cecece;
    border-radius: 4.3px;
    background-color: #fafafa;
    margin-top: .8125rem;
    min-height: 161px;
    margin-bottom: .8125rem;
    resize: vertical;
}

#_form-gui input#consent {
    width: 23px;
    height: 23px;
    padding-right: 1rem;
}

#_form-gui #submit, #_form-gui #submit:focus {
    border: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 1.1rem;
    line-height: 1;
    margin: 2rem 0 0;
    font-size: 1.40625rem;
    text-align: center;
    color: #1b3b76;
    border-radius: 7px;
    background-color: #ffcc00;
    padding: 1rem 60px;
    text-transform: uppercase;
	min-width: 408px;
	outline: none;
}

#_form-gui #submit:focus, #_form-gui #submit:active { 
	background-color: #ffcc00;
	color: #1b3b76;
}

#_form-gui #submit:hover {
    background: #ffcc00;
    color: #1b3b76;
}

.padding-top-for-mobile {
    margin-top: .8125rem;
}

/* Original select#reason_c styling */
select#reason_c {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    box-sizing: border-box;
    outline: 2px solid #cecece;
    border: 1px solid #cecece;
    border-radius: 4.3px;
    padding: 1.1875rem 3.5rem 1.1875rem 1.1875rem;
    font-size: 1.3235rem;
    color: #333333;
    line-height: 1.4;
    background-color: #fafafa;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%233d6fa1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 1.25rem) center;
    background-size: 1.5rem 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: border-color 0.2s ease;
}

select#reason_c:focus {
    border-color: #3d6fa1;
    outline: 2px solid #3d6fa1;
}

select#reason_c:has(option[value=""]:checked) {
    color: #9f9f9f;
}

select#reason_c option[value=""] {
    color: #9f9f9f;
    font-style: italic;
}

select#reason_c option {
    font-size: 1.2rem;
    padding: 0.75rem 1rem;
    color: #333333;
    background-color: #fafafa;
}

#_form-gui label { 
	color: #9f9f9f; 
	font-size: 1.1rem;
}

select#reason_c option:hover,
select#reason_c option:focus {
    background-color: #cecece !important;
    color: #3d6fa1 !important;
}

.captcha img {
    opacity:.5;
}

select#reason_c option:checked {
    background-color: #3d6fa1;
    color: #ffffff;
}

select#reason_c {
    line-height: 1.6;
}

div:has(> select#reason_c) {
    position: relative;
    margin-bottom: 0.5rem;
}

/* Error messages */
.error-msg {
    color: #cc0000;
    font-size: 0.875rem;
    margin-top: 0.5rem;
    display: none;
}

select#reason_c:invalid:not(:focus) ~ .error-msg {
    display: block;
}

/* ==========================================================================
   CUSTOM DROPDOWN - matches original select styling
   ========================================================================== */

.custom-dropdown-wrapper {
    position: relative;
    width: 100%;
}

.dropdown-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    outline: 2px solid #cecece;
    border: 1px solid #cecece;
    border-radius: 4.3px;
    padding: 1.1875rem 3.5rem 1.1875rem 1.1875rem;
    font-size: 1.40625rem;
    color: #9f9f9f;
    font-family: inherit;
    line-height: 1;
    background-color: #fafafa;
    cursor: pointer;
    transition: border-color 0.2s ease;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-button.has-value {
    color: #9f9f9f;
}

/* Error state 
.dropdown-button.error-highlight {
    border-color: #cc0000 !important;
    outline: 2px solid #cc0000 !important;
}
*/

.arrow-icon {
    position: absolute;
    right: 1.25rem;
    top: 50%;
    width: 16px;
    height: 16px;
    border-right: 2.5px solid #cecece;
    border-bottom: 2.5px solid #cecece;
    transform: translateY(-70%) rotate(45deg);
    transition: transform 0.2s ease;
    pointer-events: none;
}

.dropdown-button.active .arrow-icon {
    transform: translateY(-30%) rotate(225deg);
}

.dropdown-menu {
	position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #fafafa;
    border: 2px solid #cecece;
    border-radius: 4.3px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 0;
    z-index: 25;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
}

.dropdown-menu.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-option {
    width: 100%;
    display: block;
    padding: 0.75rem 1rem;
    border: none;
    background: transparent;
    text-align: left;
    font-size: 1.40625rem;
    color: #9f9f9f;
    border-radius: 0px;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.15s, color 0.15s;
}

.dropdown-option:hover {
    background-color: #cecece;
    color: #050a0f;
}

.dropdown-option.selected {
    background-color: #3d6fa1;
    color: #ffffff;
    font-weight: normal;
}

/* Hidden native select - for form submission only */
.hidden-native-select {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
}

/* Container for dropdown - same as original div:has(> select#reason_c) */
div:has(> .custom-dropdown-wrapper) {
    position: relative;
    margin-bottom: 0.5rem;
}

.hidden-native-select:invalid ~ .error-msg,
.custom-dropdown-wrapper .error-msg.show {
    display: block;
}


/* ==========================================================================
   NETWORK
   ========================================================================== */

.__label {
	font-size: 1.40625rem;
    text-align: center;
    color: #1b3b76;
    border-radius: 7px;
    background-color: #ffcc00;
    padding: 1rem 60px;
    text-transform: uppercase;
	min-width: 408px;
}

main a.__label:hover {
    color: #1b3b76;
}

.top-rule .__label { 
	margin: 2.625rem auto 1.8125rem auto;
}

#about .page-width {
    padding-bottom: 0;
}


/* ==========================================================================
   Publications
   ========================================================================== */

#overview .publications {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 2.5rem;
}

#overview .publication .author {
    min-height: 115px;
}

#overview .publication {
    border: 2px solid #cecece;
    min-height: 440px;   
	padding: .75rem;
	font-size: 1.0625rem;
    font-weight: 600;
    color: #1b3b76;
    position: relative;
}

#overview .author.plus a {
    color: #555555;
}

#overview .publication > p > a {
    color: #1b3b76;
}

#overview .publication  .author {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: .75rem .75rem 0;
}

#overview .author.plus img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
}

#overview .author.plus {
    display: flex;
    align-items: center;
}

#overview .publication > div {
    padding: 1rem;
    border-top: 1px solid #a1a1a1;
}

#overview .__in {
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 82px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 0 .75rem;
    color: #555555;
    flex-direction: column;
    font-size: 1rem;
	font-weight:600;
    min-height: unset;
}

#overview .__in .a_name:nth-of-type(2) {
    font-size: .925rem;
    color: #7e7e7e;
    font-weight:400;
}

#overview  a.__in:hover .a_name {
    color: #1e407f;
}

#overview .publication img {
    max-width: 100%;
    height: auto !important;
    display: block;
    width: 100%;
    height: 164px;
	position: relative;
	object-fit: contain;
}

#overview .publication p {
    margin-top: .75rem;
	padding-bottom: .5rem;
	font-size: 1.25rem;
}

#overview .publication, #overview .publication .author {
	padding: 1rem;
}
	
#overview .publication .author .a_photo {
	flex-basis: 30%;
}

#overview .publication .author .a_photo, #overview .publication .author .a_photo img  {
    width: 40px;
    height: 40px;	
}

#overview .publication .author .a_photo img {
	border-radius: 50%;
	outline: 2px solid #a1a1a1;
}

#overview .publication .author .a_name {
    flex-basis: 70%;
}

main #featured-publication a.seemore_pubs {
    font-size: 1.40625rem;
    font-weight: 600;
    text-align: center;
    color: #1b3b76;
	margin-top: 2.4375rem;
	display: block;
}


#publications h2 {
    font-weight: 600;
    font-size: 1.75rem;
    text-align: center;
    margin-bottom: 2rem;
}

#publications ul, #research ul {
    column-gap: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: flex-start;
    background-color: var(--background-color-3);
    border: 1px solid var(--border-color-2);
    border-radius: 10px;
    padding: 2rem;
}

.inner ul li:nth-last-child(-n + 2) {
    margin-bottom: 0 !important;
}

#publications ul li {
    line-height: 1.5;
    margin-bottom: 1.25rem;
}

#publications ul > * {
    position: relative;
    padding-left: 1.0rem;
}

#publications ul > *::before {
    background: var(--link-color);
    content: '';
    display: inline-block;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0.6rem;
    width: 5px;
}

#publications ul li span {
    display: block !important;
}

#publications ul li a {
    font-size: 1.125rem;
    line-height: 1.3;
    color: var(--p-color);
    font-weight: 600;
}

#publications ul li a:hover {
    color: var(--hover-color);
}

#publications ul li span {
    display: block !important;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--publication);
}

#publications .inner div:last-of-type {
    text-align: center;
}

#subpage.featured #publications .inner div:last-of-type {
    text-align: left;
}

#publications .inner div button.more.button {
    border-radius: 3px;
    border: solid 1px var(--background-color-2);
    background-color: var(--background-color-2);
    font-size: 1.125rem;
    color: #ffffff;
    margin-top: 2rem;
}

#publications .inner div button.more.button:hover {
    background-color: var(--background-color);
}

/* ==========================================================================
   HEADER
   ========================================================================== */

#wtc-header .page-width {
    padding: 2.7rem 0 1.0rem 0;
    position: relative;
}

#wtc-header h1 {
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.1;
    color: #1b3b76;
}

#wtc-header img {
    margin: 0 1.5rem 0 1.5rem;
    max-width: 75%;
}

#wtc-header .left {
    display: inline-block;
    width: 30%;
}

#wtc-header .right {
    display: inline-block;
    width: 69%;
    vertical-align: top;
    padding-top: 2rem;
    padding-bottom: 1.7rem;
}

#wtc-header p.header-desc {
    color: #636363;
    font-family: "Source Sans Pro";
    font-size: 1.625rem;
    font-weight: 400;
    line-height: 2.5rem;
    max-width: 54rem;
    width: 95%;
    margin: 0 1.5rem 0 1.5rem;
}

span.spacer {
    display: inline-block;
}

#thank-you, #processing-error {
    display: none;
}

.thank-you {
    background: #e7f2f0;
    padding: 1.5rem 2.5rem 1.5rem 2.5rem;
    border-radius: 10px;
    color: #444;
    font-size: 1.5625rem;
    font-weight: 500;
    line-height: 2.25rem;
}

.thank-you p {
    padding: .3rem 1rem .3rem 0;
}

#registration li.registration-wrapper.hide__600 {
    display: none;
}

.overview.header {
    display: block;
}

/* ==========================================================================
   SHARED CONTENT
   ========================================================================== */

.big-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    height: 48vw;
    width: 100%;
	max-height: 335.5px;
	background-size: cover;
}

.big-image-wrapper {
	background: linear-gradient(to right, #76b3ea, #76b3ea);
}

#overview .big-image { background-image: url('../img/@2x-Home-full-v2.png'), linear-gradient(to right, #76b3ea, #76b3ea); }


/* ==========================================================================
   PROGRAM / SCHEDULE TABLE STYLES
   ========================================================================== */

.p-row {
    width: 94%;
}

.inner table {
    border-collapse: collapse;
}

.footer .inner {
    padding: 20px 15px 55px 15px;
}

.date {
    width: 140px;
    padding-right: 40px;
}

.time {
    width: 100px;
    padding-right: 50px;
}

.inner td {
    color: #ee3032;
    vertical-align: top;
    white-space: nowrap;
}

.inner td~td {
    color: #222;
}

.spacer {
    height: 20px;
}

.nobreak {
    white-space: nowrap;
}

.courses {
    margin-top: 30px;
}

.courses p {
    margin: 5px 0 !important;
}

h1+.p-row h2.talk-title {
    margin: 30px 0 0 0 !important;
    font-size: 26px !important;
    color: #ee3032;
}

.p-row div.note {
    font-size: 14px !important;
    margin-bottom: 15px;
    color: #797979;
}

.submissions small+.p-row .half h2.smaller {
    margin-top: 30px !important;
}

.big-text {
    margin-bottom: 5px !important;
	font-size: 1.40625rem;
    line-height: 1.42;
    color: #555555;
}

.no-bottom-margin {
    margin-bottom: 10px;
}

h2.smaller {
    font-size: 20px !important;
    margin: 5px 0 !important;
    line-height: 1.2;
}

h1+.p-row h2.smaller {
    margin-top: 30px !important;
}

.speaker-col-left {
    padding: 15px 10px 15px 0;
    font-weight: 600;
}

.speaker-col-right {
    padding: 15px 0;
}

.speaker-title {
    color: #5fab9c;
    font-weight: 600;
    margin-bottom: 5px;
}

.speaker-name {
    margin-bottom: 5px;
}

.speaker-affiliation {
    margin-bottom: 5px;
}

.speaker-abstract {
    color: #797979;
    margin-bottom: 5px;
}

.p-row tr {
    border-top: 1px solid #c0c0c0;
}

/* ==========================================================================
   SCHEDULE PAGE SPECIFIC
   ========================================================================== */

#schedule .light {
    padding-bottom: 3rem;
}

.subpage main h1 {
    padding: 2rem 0 1.875rem;
}

#schedule h3 {
    color: #5fab9c;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding-top: 10px;
    font-weight: 700;
    display: block;
}

.details h3.talk {
    padding-bottom: 10px;
}

.speaker {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    padding: 0;
    display: block;
}

.abstract p.closed {
    display: -webkit-inline-box;
    line-height: 1.5;
    margin-bottom: 10px;
}

.abstract p {
    display: inline;
    padding: 0;
}

.abstract {
    padding: 0.2rem 1rem 0.3125rem 0;
}

#schedule h2.main-date {
    color: #ee3032 !important;
    font-size: 1.5625rem;
    font-weight: 300;
    margin: 1.875rem 0 1.875rem 0rem;
}

#schedule h2.time {
    font-size: 1.5625rem;
}

.divider {
    border-top: 1px solid #c0c0c0;
    margin: 1.625rem 0 1.625rem 0;
}

/* ==========================================================================
   RESPONSIVE BREAKPOINTS (Page content only)
   ========================================================================== */

/* Large screens (1200px) */
@media all and (max-width: 1200px) {
    .big-image {
        background-size: cover;
    }
    #overview .big-image {
        background-size: cover;
    }
	#overview .publication  .author {
		
	}
}

/* Medium screens (900px) */
@media all and (max-width: 900px) {
    .page main h2, .subpage main h1 {
        font-size: 2.0rem;
    }
    .subpage main h2, p.sub-heading {
        font-size: 1.4rem;
    }
    #wtc-header .left {
        margin-top: 1.7rem;
    }
	#overview .big-image { background-image: url('../img/@2x-Home-900.png'), linear-gradient(to right, #76b3ea, #76b3ea); }
	
	#resources-page .big-image{ 
		background-image: url('../img/@2x-Resources-full.png'), linear-gradient(to right, #76b3ea, #76b3ea);
		background-size: 100% auto;
		height: 24vw;
	}

	#overview main .__partners {
		gap: 1rem;
	}
	.second-image, .third-image {
        background-size: cover;
    }
	.publications {
		grid-template-columns: repeat(2, 1fr);
        max-width: 777px;
        margin: 2.5rem auto 0 auto;
	}
	.__label, #_form-gui #submit {
		min-width: unset;
	}
	#_form-gui ._main-grid > *:nth-child(even) {
		padding-left: 0rem;
	}
	#_form-gui ._main-grid > *:nth-child(odd) {
		padding-right: 0rem;
	}
	form#_form-gui {
		max-width: 469px;
		margin: 2.25rem auto 0 auto;
	}
	#overview .publications {
        grid-template-columns: repeat(2, 1fr);
		gap: 1.875rem;
    }
	#overview .publication img {
		width: 100%;
		height: 144px;
		object-fit: contain;
	}
	#overview .publication, #overview .publication .author {
		padding: 1rem;
	}
	#overview .publication p {
		margin-top: 1.5rem;
		padding-bottom: 116px;
		font-size: 18.5px;
	}
	#overview .publication .author .a_photo, #overview .publication .author .a_photo img {
		width: 78px;
		height: 78px;
	}
	#overview .publication {
		border: 2px solid #cecece;
		min-height: 325px;
	}
	#overview .publication .author .a_name {
		font-size: 1rem;
	}
	#resources-page .entries {
		grid-template-columns: repeat(2, 3fr);
	}
	#resources-page .entries .entry {
		max-width: 339px;
	}
	#overview .publication .author {
		min-height: 70px;
	}
}

@media (max-width: 800px) {
  #overview .publication .author {
    min-height: 102px;
  }
  #overview .publication {
    min-height: 347px;
  }
}

@media (max-width: 700px) {
  #overview .publication .author {
    min-height: 101px;
  }
  #overview .publication {
    min-height: 377px;
  }
}

/* Small screens (600px) */
@media all and (max-width: 600px) {
    #wtc-header .left {
        display: block;
        width: 100%;
        padding: 0 25% 0 25%;
        margin-top: 0;
        margin-bottom: 1.7rem;
    }
    #wtc-header .right {
        display: block;
        width: 100%;
    }
    #wtc-header img {
        margin: 0 1.0rem 0 1.0rem;
        max-width: 100%;
    }
    #wtc-header p.header-desc {
        margin: 0 1.0rem 0 1.0rem;
	}
	
	#overview .big-image { background-image: url('../img/@2x-Home-600.png'), linear-gradient(to right, #76b3ea, #76b3ea); }
	
	#resources-page .big-image{ 
		background-image: url('../img/@2x-Resources-600.png'), linear-gradient(to right, #76b3ea, #76b3ea);
		background-color: transparent;
		background-size: 108% 100%;
		background-size: cover;
        height: 170px;
	}
	#resources-page section {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
	#overview main h3 {
		padding: 1rem 1rem .5rem 0;
	}
    .date {
        font-size: 1.125rem;
        line-height: 2;
    }
    .page-width {
        padding: 2.75rem 1rem;
		max-width: calc(489px + 2rem);
    }
    a.more+.sub-menu {
        left: auto;
        right: 0;
    }
	#team .flex-profile, .publications {
		grid-template-columns: 1fr !important;
	}
	#team .profile {
        gap: 45.8px !important;
    }
	.__label {
        width: 100%;
    }
	#_form-gui #submit {
		min-width: 0;
		width: 100% !important;
	}
	#_form-gui .grid.end > * {
		float: unset !important;
	}
	#resources-page .entries {
		grid-template-columns: 1fr;
	}
	#resources-page .entries .entry {
		max-width: 100%;
	}
	#resources-page .big-text, #resources-page .entries {
		max-width: 489px;
	}
	#overview .publication p {
        padding-bottom: 16px;
    }
	#overview .publication img {
		height: auto;
	}
	#overview .publication {
        min-height: unset;
		font-size: 21.5px;
    }
	#overview .publication .author .a_name {
		font-size: 1.15rem;
	}
	#overview .publication .author {
		min-height: unset;
		position: static;
		padding: .75rem .75rem 0;
	}
	#overview .author.plus img {
		width: 40px !important;
		height: 40px !important;
	}
	
}

/* Extra small screens (380px) */
@media all and (max-width: 380px) {
    
}

/* Tiny screens (320px) */
@media all and (max-width: 320px) {
    
}