/* Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
    nav [type=button] {  -webkit-appearance: button-bevel; }
}}

/* substitue menu titles */
  @media(max-width: 64em){  .collapse-close:after, .collapse-open:after {  position: relative;  float: right;  margin-right: 15%;}}

/* search modal */
.container-inline div.self-end {float: right; margin: 30px 10px 10px 0;}
@media(min-width: 64em){.container-inline div.self-end {margin: 30px 80px 10px 0;}}

.paragraph--type--accordion {margin-top: 80px;}
.paragraph--type--accordion button {color: #00558C; font-weight: 700;}
.paragraph--type--accordion button:after { --tw-content: '+'; content: var(--tw-content); float: right; margin-right: 10%;}
.paragraph--type--accordion button.hide-plus:after { content: "-";}

.accordion{margin-bottom:2rem;}
.accordion__content {overflow: hidden; padding-bottom: 10px;}
.accordion__content .button a:hover {color: white !important;}
.accordion__item{border-top:0.0625rem solid #1e6344;}
.accordion__toggle{display:block;padding:0.5rem 0;font-size:1.1rem;line-height:1.3;font-weight:bold;color:#55812b;}
.accordion__toggle:hover{color:#1e6344;}
.accordion__toggle:after { --tw-content: '+'; content: var(--tw-content); float: right; margin-right: 10%;}
.accordion__toggle__icon{float:right;width:1.25rem;margin-left:2rem;margin-top:1rem;}
.accordion__item--active .accordion__toggle__icon{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.accordion__item--active .accordion__content{height:auto;}

@media(max-width: 50em){
main .-mx-4 {min-width: 80% !important; margin: 0 !important;}
}

.node-type-full-width-template article a, .node-type-universal-landing article a, .node-type-academic-programs-page article a, .node-type-universal article a
{font-weight: 700;}
.node-type-full-width-template article div img , .node-type-universal-landing article div img , .node-type-academic-programs-page article div img , .node-type-universal article div img
{margin: 10px;}
.node-type-full-width-template article p, .node-type-universal-landing article p, .node-type-academic-programs-page article p, .node-type-universal article p
{font-variant: JIS04;margin: 20px 0;line-height: 26px;font-size: 20px;}
.node-type-full-width-template article ul, .node-type-universal-landing article ul, .node-type-academic-programs-page article ul, .node-type-universal article ul
{list-style: disc; font-size: 20px}
.node-type-full-width-template article ul li, .node-type-universal-landing article ul li, .node-type-academic-programs-page article ul li, .node-type-universal article ul li
{margin-left: 30px; list-style: disc;}
.node-type-full-width-template article table.border, .node-type-universal-landing article table.border, .node-type-academic-programs-page article table.border, .node-type-universal article table.border
{border: 1px solid rgb(33, 84, 63); }
.node-type-full-width-template article table.border th, .node-type-universal-landing article table.border th, .node-type-academic-programs-page article table.border th, .node-type-universal article table.border th
{ font-size: 20px; text-align: left;  color: white; background-color: rgb(33, 84, 63);}

/* academic programs page */
.node-type-academic-programs-page .layout--twocol-section { display: flex; flex-wrap: wrap;}
.node-type-academic-programs-page .layout--twocol-section .layout__region, .layout--twocol-section .layout__region  { overflow: hidden;}
.node-type-academic-programs-page .layout--twocol-section .layout__region, .layout--twocol-section .layout__region { padding: 20px;}
.node-type-academic-programs-page .layout__region--second {margin: 10px 0 0 0;}
.node-type-academic-programs-page aside {display: none;}
@media screen and (min-width: 40em){
.node-type-academic-programs-page .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second,
.node-type-academic-programs-page .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
    flex: 0 1 75%;
}}

@media screen and (min-width: 40em){
.node-type-academic-programs-page .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first,
.node-type-academic-programs-page .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
    flex: 0 1 25%;
}}
.node-type-academic-programs-page .action-buttons a:hover {
    text-decoration: none;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(33 84 63 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.node-type-academic-programs-page .action-buttons  a {
--tw-border-opacity: 1;
    border-color: rgb(33 84 63/var(--tw-border-opacity));
    background-color: initial;
    --tw-text-opacity: 1;
    color: rgb(33 84 63/var(--tw-text-opacity));
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    padding: 0.75rem 1.25rem;
    display: inline-block;
    min-width: 250px;
    text-align: center;
    margin: 10px 0 0 0;
    float: left;
    position: relative;
}
/* end academic programs page */
main .layout__region--content ol, article ol {font-size: 20px !important; text-align: left !important; margin: 20px !important;}
main .layout__region--content ol li, article ol li:not(.block-type-system-breadcrumb-block ol li) {list-style: decimal !important; font-size: inherit; text-align: left !important;}
article .block-type-system-breadcrumb-block ol li{list-style: none !important;font-size: 16px !important;}
main .layout__region--content  ul li :not(.contextual-links, em, a), article ul li :not(.contextual-links, em, a) {list-style: disc !important; font-size: 18px; text-align: left !important;}

.main_wrapper p:not(.node-type-tulane-people .main_wrapper p, .node-type-academic-programs-page .main_wrapper p, h2 p) {overflow: hidden;}
.main_wrapper p { margin-bottom: 15px;}

@media(min-width: 80em){.main_wrapper p {overflow: visible;}}
@media (min-width: 640px){p {line-height: 24px;} .image-content__title p {line-height: 30px;}}
.node-type-full-width-template aside {display: none;}
/* social icons module */
.fab {-webkit-text-fill-color: #21543f;}
.fab.fa-2x {font-size: 2em !important;}
.fab.fa-3x {font-size: 3em !important;}
.fab.fa-4x {font-size: 4em !important;}
.fab.fa-5x {font-size: 5em !important;}
.social-media-links--platforms {text-align: center; display: block !important;}
#vidbutton{float: right; margin-top: -20%; z-index: 10; position: relative; max-width: 50px; opacity: 0.8;}
/* temp padding for multi-column layouts */
.layout__region {
  box-sizing: border-box;
/*  margin: 10px 0; removed 01-06-23 */
}

.layout__region--top {
  margin-top: 0;
}

.layout__region--bottom {
  margin-bottom: 0;
}

[class*="layout__region--first"] {
  padding-right: 15px;
}

[dir="rtl"] [class*="layout__region--first"] {
  padding-right: 0;
  padding-left: 15px;
}

[class*="layout__region--second"] {
  padding-left: 15px;
}

[dir="rtl"] [class*="layout__region--second"] {
  padding-right: 15px;
  padding-left: 0;
}

.layout__region--third {
  padding-left: 15px;
}

[dir="rtl"] .layout__region--third {
  padding-right: 30px;
  padding-left: 0;
}

@media screen and (max-width: 40em) {
  .layout__region {
    padding: 0;
  }
}

.accordion-section ul li, .layout--onecol ul li:not(.quicklinks-wrapper ul li),  section ul li, .accordion__interior ul li, .block.layout div ul li
{margin-left: 30px; list-style: disc;}

.paragraph--type--quick-links ul li:first-child {margin-left: 0 ;}
p .btn-tulane {font-size: 16px;}
article .block a:not(.btn-tulane, .btn-green, .btn-tulane a, .block-type-system-breadcrumb-block ol li a ) {color: #00558C;  font-weight: 700; }
article .layout a:not(.btn-tulane, .btn-green, .btn-tulane a, .block-type-system-breadcrumb-block ol li a  ) {color: #00558C;  font-weight: 700; }
.layout div p a:not(.btn-tulane, .btn-green, .btn-tulane a, .block-type-system-breadcrumb-block ol li a ) {color: #00558C;  font-weight: 700; }
.bg-skin-fill a:not(.button, .btn-tulane, .content-tainted-green a, .tag-news a) {color: #5FB5D4 !important}
article .block a:hover {text-decoration: underline;}
article .layout a:hover {text-decoration: underline;}
.layout div p a:hover {text-decoration: underline;}
.float-img-right img {max-width: 400px; float: right; margin: 10px 20px}
.text a:not(.btn-transparent) {text-decoration: underline;}
.text a.btn-transparent {text-decoration: none;}

.table-auto {border: 1px SOLID #D3D3D3; border-bottom: 4px solid #D3D3D3;}
.table-auto tr td  {padding: 14px; border-bottom: 1px SOLID #D3D3D3;}
.table-auto thead {background-color: #E6F6FC;}
.table-auto thead th {padding: 14px; border-bottom: 1px solid #D3D3D3;}
.table-auto tr th {background-color: rgb(33, 84, 63); color: white; font-size: 20px;}

.webform-submission-form input{padding: 10px; margin: 10px; }
.webform-submission-form textarea {border: 1px solid gray;}
.webform-submission-form .captcha {padding: 10px;}
.webform-submission-form .form-required:after { content: " *"; color: #f00; }

.button:hover:not(.node-type-universal .button:hover) {
    --tw-border-opacity: 1;
    border-color: rgb(33 84 63/var(--tw-border-opacity)) !important;
    background-color: rgb(33 84 63/var(--tw-text-opacity)) !important;
    --tw-text-opacity: 1;
    color: rgb(33 84 63/var(--tw-text-opacity)) !important;
color: white !important;
}

.button {
    --tw-border-opacity: 1;
    border-color: rgb(33 84 63/var(--tw-border-opacity)) ;
    background-color: initial;
    --tw-text-opacity: 1;
    color: rgb(33 84 63/var(--tw-text-opacity));
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    padding: 0.75rem 1.25rem;
  display: inline-block;
  min-width: 250px;
  text-align: center;
  margin: 5px;
  float: left;
  position: relative;
}
.node-type-universal .main_wrapper .node-content div p img, .node-type-universal-landing .main_wrapper .node-content div p img {padding: 10px;}
.node-type-universal .main_wrapper a:not(.button, .btn-tulane) {color: #00558C;}
.node-type-tulane-news .main_wrapper a:not(.button) {color: #00558C; font-weight: 700;}
.node-type-tulane-news .main_wrapper a:hover:not(.button) {text-decoration: underline;}
.views-element-container .views-exposed-form .form-actions {min-width: 33% !important;}
.views-element-container .views-exposed-form .form-actions {margin-top: 0;}
.views-element-container .tag-news a { color: #BBDAEB !important; }
.views-element-container .pager__items li {list-style: none !important; }
.bg-gradient-cover {background: rgb(0, 0, 0, 0.5);}
.bg-gradient-cover p {color: rgb(243 244 246); }

.node-type-universal .button:hover {text-decoration: none;     --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(33 84 63 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;}
.node-type-universal .button a:hover {text-decoration: none; color: white !important;}

p {padding-bottom: 1px;}
/* default site styling for macs */
b, strong {font-family: freight-sans-pro__bold !important;}

@media(min-width: 48em){aside {padding-top: 330px}}
aside img {padding-bottom: 40px;}
aside nav .text-xl {font-size: 16px; line-height: 40px;}
aside nav .block {    margin-bottom: .1rem ;}

aside nav ul li {border-bottom: 1px solid grey}
aside nav ul li a {font-weight: 700; }
aside nav ul li ul li {border-bottom: 0; padding-left: 20px;}
aside nav ul li ul li a  {font-weight: 500; }

.node-content ul li {list-style: disc !important;}

.node-type-tulane-people h3 {text-align: left; border-bottom: 2px solid rgb(33 84 63 / var(--tw-text-opacity));}
.node-type-tulane-people aside {display: none;}
.layout--onecol div .block-type-basic {padding: 0 5%;}
.block-type-field-block\:node\:tulane-people\:field-people-linkedin-url,
.block-type-field-block\:node\:tulane-people\:field-people-website,
.block-type-field-block\:node\:tulane-people\:field-people-gscholar_url,
.block-type-field-block\:node\:tulane-people\:field-people-facebook_url,
.block-type-field-block\:node\:tulane-people\:field-people-twitter-url
{float: left; position: relative; min-width: 45px; display: block; }
.tu-people-social {margin: 5px;}
.node-type-tulane-people .main_wrapper section div ul {margin-left: 20px;}
.block-type-basic ul {margin-left: 20px; font-size: 20px;}
/* events block */
.event-block  .event-article {box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
  border: 2px solid #E6F6FC;}

.event-block a {line-height: 26px; opacity: 1.0}
.event-block a:hover:not(.btn-tulane) {color: #00558C}
.event-block .event-article:hover {box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 2px solid #CC9900; }
 .views-element-container .event-date span {display: block;}
        .event-block footer {   grid-column-end: 1; grid-column-start: 1;  }
        @media(min-width:48em) and (max-width:64em){.event-block footer {   grid-column-end: 3; grid-column-start: 1;  }}
        @media(min-width:64em){ .event-block footer {   grid-column-end: 4; grid-column-start: 2;  }}

.event-block .btn-tulane {max-width: 200px;}
@media(min-width: 64em){.views-element-container .events-page {margin-right: -25%;max-width: 1000px;margin-left: 20%;}}
.events-page h3 {margin-top: 50px; background-color: #00558C; padding: 20px; color: white;}
.events-page h4 {margin-top: 20px;}
.events-page a {color: #00558C; }
.events-page a:hover {text-decoration: underline;}
.node-type-event div div p{ margin-top: 20px}
.node-type-event .node-content div img {padding: 30px 0;}
.float-left {float: left;}
.float-right {float: right;}


/* admin theme */
#block-tulane-tailwindcss-local-tasks {margin-top: 100px;}
.node-layout-builder-form input {padding: 5px 7px;}
.node-layout-builder-form #edit-submit {background-color: greenyellow;}
.node-layout-builder-form #edit-discard-changes {background-color: red; color: white;}
.node-layout-builder-form #edit-revert {background-color: yellow;}
.ui-dialog-content {overflow: visible;}
.toolbar-tray-open .layout-builder-block {max-width: 1200px;}
.form-actions.js-form-wrapper.form-wrapper{ display: block;  }
.media-library-views-form__rows .media-library-item--grid .media-library-widget-modal .media-library-item__click-to-select-trigger {min-height: 100px;}
.media-library-views-form__rows .media-library-item--grid .field-content.media-library-item__content {min-height: 100px;}
.media-library-views-form__rows .media-library-item--grid .contextual-region {min-height: 80px;}
.media-library-views-form__rows .media-library-item--grid .media-library-item__name { font-size: 12px; margin-top: -8px;}
.media-library-views-form__rows .media-library-item--grid .media-library-item__preview {min-height: 100px; display: block; overflow: hidden;}

/* webform */
.js-form-item h1 { margin-top: 100px !important;  margin-bottom: 20px !important;  font-size: 62px !important;  line-height: 62px !important;  }
#block-webform{	display: block; overflow: hidden;}
.webform-submission-form select{  border: 1px solid gray;    margin: 4px;    padding: 2px;  }
.webform-submission-form .js-form-item {min-width: 100%; float: left; margin: 10px 0; }
.webform-submission-form .js-form-type-select select {float: left; clear: both;}
.webform-submission-form .js-form-item  label {font-weight: bold;min-width: 100%;float: left;}
.webform-submission-form .js-form-type-select label, .js-form-type-select .description {min-width: 100%;float: left;}
.webform-submission-form ul, .webform-submission-form li {list-style: disc; margin-left: 12px;}
.webform-submission-form p a {color: #245588; font-weight: 700;}
.webform-submission-form p a:hover {text-decoration: underline;}

/* image and text component */
@media(min-width: 64em){ .image-text__image_container  iframe {margin-auto; min-height: 350px; min-width: 550px; }  }
/* columns */
.layout--fourcol-section .layout__region,   .layout--threecol-section .layout__region {padding: 5px;}
@media screen and (min-width: 40em){
  .layout--threecol-section--33-34-33 > .layout__region--second {flex: 0 1 33% !important;}
}
/* old grid */
.grid__item {min-width: 100%;}
/* local events */
.node-type-event .block-type-system-breadcrumb-block nav { padding-top: 20px; margin-top: 10px;}
.node-type-event h1 {font-size: 30px; line-height: 32px;}
.node-type-event .layout__region--content ol {margin: 20px 0 30px 0 !important; }
/* article breadcrumbs */
.node-type-article .block-type-system-breadcrumb-block .border-t {border-top-width: 0 ;}
.node-type-article .block-type-system-breadcrumb-block {  margin-bottom: 50px; margin-left: 5%;display: inline-block;min-width: 100%;margin-top: -30px;}
@media(min-width: 64em){  .node-type-article .block-type-system-breadcrumb-block { margin-top: 30px !important;}  }

.block-type-standalone-text ul {margin-left: 30px;list-style-type: disc;}
.block-type-standalone-text ul li {list-style: disc;}

/* image align code */
.node-content article.align-left div img,
.node-content figure.align-left article div img {
    margin: 0.5rem 2rem 0.5rem 0;
}
.node-content article.align-right div img,
.node-content figure.align-right article div img {
    margin: 0.5rem 0rem 0.5rem 2rem;
}
.node-content article.align-center div img,
.node-content figure.align-center article div img {
    margin: 0.5rem auto;
}
.node-content figure.align-center article div img,
.node-content figure.align-left article div img,
.node-content figure.align-right article div img {
    margin-bottom: 0;
}
.node-content figure figcaption {
    text-align: center;
    font-style: italic;
    font-size: 1rem;
    padding: 0.35rem 0 0;
    margin-bottom: 1.5rem;
}
/* Edit form styles for figcaption element when caption is enabled */
html .cke_editable drupal-media > figure > figcaption.cke_widget_editable {
	background-color: initial;
	border:1px solid #ccc;
	text-align: center;
	font-style: italic;
}
/* Making Embedded Videos From Media Manager Responsive
 - https://www.drupal.org/project/drupal/issues/3060968#comment-13959443 */
.field--name-field-media-oembed-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
/* Then style the iframe to fit in the container div with full height and width */
.media-oembed-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* end image align code */