/*
Implementation Skeleton v3 - 12/6/18
Add styles to overwrite customer CSS, USE WITH CAUTION.
*/

.landing-bg { background-color: black; }
a.icon:hover img { opacity: 70%; }
tbody td { white-space: normal; text-overflow: inherit; }

@media (min-width:640px) {
	.sm\:ml-0 {
		margin-left: 0;
	}
	.sm\:float-left {
		float: left;
	}
	p > img.sm\:float-left {
		margin-right:15px;
	}
}

main ul.contact-list:not(.tabs):not(.divide-y):not(.flex) {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

ul.contact-list > li > span.w-24 { width: 6.5rem; }

main div.contact-box a.contact-link { text-decoration: underline; }
main div.contact-box a.contact-link:hover { text-decoration: none; }
.ou-accordion-fixA{
		position: fixed; bottom: 20px; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center;
}
.ou-accordion-fixB{
		position: fixed; bottom: 20px;
}

@media (max-width: 639px) {
    #breadcrumbs {
        display:none;
    }
}

main h3 {
    font-size: 1.25rem;
}

.ou-search-results-container h3 {
    font-size: 2rem;
}

.cal_date_month {
text-align: left;
--text-opacity: 1;
color: rgba(3,145,201,var(--text-opacity));
font-weight: 700;
line-height: 1;
display: block;
font-size: 1.875rem;
text-transform: uppercase;
}



.cal_date_day {
text-align: left;
--text-opacity: 1;
color: rgba(3,145,201,var(--text-opacity));
font-weight: 700;
line-height: 1;
display: block;
font-size: 3rem;

}

.event-calendar hr{ 
	border: 1 solid #000; 
}


.video-container {
    position: relative;
    padding-bottom: 120%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.iframe-container {

    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;

}

.iframe-container iframe {
 position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;

}

.embed-container 
{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 

.embed-container iframe, .embed-container object, .embed-container embed 
{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.text-4xl {
  font-size: 2.0rem;
}

.etfs-search {
	border-color: #000000;
	border-color: rgba(0,0,0,var(--border-opacity))
}

  .efsc-program-search
{
	--bg-opacity: 1;
	background-color: rgba(231,241,237,var(--bg-opacity));
	--text-opacity: 1;
	color: rgba(0,0,0,var(--text-opacity));
	padding: .5rem;
	border-radius: .375rem;
	font-weight: 700;
	font-size: 1.125rem;
	--border-opacity: 1;
	border-color: rgba(0,60,91,var(--border-opacity));
	border-width: 2px;
	display: inline-flex;
	align-items: center;
	transition-property: all;
	transition-duration: .2s;
	text-decoration: none;
}

@media (max-width: 639px) {

	/* Added to make mobile H1, H2, H3 more appropriate for that display - Andy 8-30-2023 */
	main h1 {
  --text-opacity: 1;
  color: #003c5b;
  color: rgba(0,60,91,var(--text-opacity));
  font-weight: 700;
  margin-bottom: 2rem;
  font-size: 3rem;
}
	h1 {
  font-size: 3rem;
}
	
	.text-6xl {
  font-size: 3rem;
}
	
	main h2 {
  font-size: 2.5rem;
}

		main h3 {
  font-size: 2rem;
}
	h3 {
  font-size: 2rem;
}
			main h4 {
  font-size: 1.5rem;
}
h4 {
  font-size: 1.5rem;
}
		.text-5xl {
  font-size: 2.5rem;
}
		.text-4xl {
  font-size: 2rem;
}
	.text-3xl {
  font-size: 1.5rem;
}
	.text-2xl {
  font-size: 1.25rem;
}
	
	 h2, h3, h4, h5, h6 {
font-size: inherit;
	 }
	/* End -  */
	
	.etfs-search {
	border-color: #000000;
	border-color: rgba(0,0,0,var(--border-opacity))
}

search-programs. h2 {font-size: 2.125rem;}
search-programs.efsc-program-search
{
	--bg-opacity: 1;
	background-color: rgba(231,241,237,var(--bg-opacity));
	--text-opacity: 1;
	color: rgba(0,0,0,var(--text-opacity));
	padding: .5rem;
	border-radius: .375rem;
	font-weight: 700;
	font-size: 1.125rem;
	--border-opacity: 1;
	border-color: rgba(0,60,91,var(--border-opacity));
	border-width: 2px;
	display: inline-flex;
	align-items: center;
	transition-property: all;
	transition-duration: .2s;
	text-decoration: none;
	size: 30;
}

	
}


.l-grid__notice {
grid-area: notice;
	margin-top: 0rem;
margin-bottom: 0rem;
}

.my-16a
{
	margin-top: 2rem;
	margin-bottom: 2rem;
}


/* Added for the H1 fix with interior template 3-9-2023  
/* nopw removed due to XSL fix by OU template 3-23-2023  8 */
/* This is needed 3-30-2023 */

.my-2
{
	margin-top: 2rem;
	margin-bottom: 2rem;
}

@media screen and (max-width: 768px){
		h1.text-blue-primary.text-6xl.font-bold.leading-none.heading-border.mb-8.hidden.md\:block{
		display: block;		
		}
		.special{
              display: none !important;
        }
	}



#ou-search-results ul li {
  padding-bottom: 30px;
}

@media (min-width:768px)
{
.md\:w-1\/3{width:45%}  /* changed from 45% to 25% to fix the card carousel */
}


#mobile-section-nav, .mb-16{
	margin-bottom: 1rem;}
}





@media (min-width:640px){
.sm\:a-1\/2 {width: 50%%;}
}

@media (min-width:768px){
.md\:a-1\/3 {width: 33.3%;}
}


@media (min-width:1024px){
.lg\:a-1\/4{width:25%}
}


.mya-2 {
margin-top: -2rem;
margin-bottom: 3rem;
}

.pta-4 {
	padding-top: 4rem;
	
}

.pta-1 {
	padding-top: 1rem;
	
}
.lw_widget_column_1 {padding: 0 0 15px 0;
width: 100%;

}


a.offscreen {
position:absolute;
left:-1000px;
top:-1000px;
width:1px;
height:1px;
text-align: left;
overflow:hidden;
}

a.offscreen:focus, a.offscreen:active, a.offscreen:hover {
position:absolute;
left: 5px;
top: 0px;
margin: 0px;
	padding: 3px, 3px, 10px, 4px;
width:100px;
height:auto;
overflow:visible;
background-color:#bfd8fe;
}

a:focus {
overflow:visible;

 }

  
/* added for LiveWhale event widgets 
Andy Soderberg - 8-7-23 
*/


        #filter-boxing #filter-boxing-menu {
            display: none;
        }

        #filter-boxing button {
            outline: 0;
        }

        #filter-boxing.open {
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            --bg-opacity: 1;
            background-color: #446e88;
            background-color: rgba(68, 110, 136, var(--bg-opacity));
            --text-opacity: 1;
            color: #fff;
            color: rgba(255, 255, 255, var(--text-opacity));
            border-top-left-radius: 0.375rem;
            border-top-right-radius: 0.375rem;
        }

        #filter-boxing.open button {
            --border-opacity: 1;
            border-color: #446e88;
            border-color: rgba(68, 110, 136, var(--border-opacity));
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        #filter-boxing.open svg {
            --transform-translate-x: 0;
            --transform-translate-y: 0;
            --transform-rotate: 0;
            --transform-skew-x: 0;
            --transform-skew-y: 0;
            --transform-scale-x: 1;
            --transform-scale-y: 1;
            transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
            --transform-rotate: 180deg;
        }

        #filter-boxing.open #filter-boxing-menu {
            display: block;
        }

        .filter-boxing-container #filter-dropdown-toggle {
            width:330px;
            justify-content: space-between;
        }


/* added for LiveWhale event widgets 
Andy Soderberg - 8-7-23 
*/


        #multi-filter-boxing #multi-filter-boxing-menu {
            display: none;
        }

        #multi-filter-boxing button {
            outline: 0;
        }

        #multi-filter-boxing.open {
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            --bg-opacity: 1;
            background-color: #446e88;
            background-color: rgba(68, 110, 136, var(--bg-opacity));
            --text-opacity: 1;
            color: #fff;
            color: rgba(255, 255, 255, var(--text-opacity));
            border-top-left-radius: 0.375rem;
            border-top-right-radius: 0.375rem;
        }

        #multi-filter-boxing.open button {
            --border-opacity: 1;
            border-color: #446e88;
            border-color: rgba(68, 110, 136, var(--border-opacity));
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        #multi-filter-boxing.open svg {
            --transform-translate-x: 0;
            --transform-translate-y: 0;
            --transform-rotate: 0;
            --transform-skew-x: 0;
            --transform-skew-y: 0;
            --transform-scale-x: 1;
            --transform-scale-y: 1;
            transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
            --transform-rotate: 180deg;
        }

        #multi-filter-boxing.open #multi-filter-boxing-menu {
            display: block;
        }

        .multi-filter-boxing-container #multi-filter-dropdown-toggle {
            width:330px;
            justify-content: space-between;
        }

/* added
*/


        .stacked-date .day,
        .stacked-date .cal_date_month {
            display: block;
            font-size: 1.875rem;
        }


        .stacked-date .cal_date_day {
            font-size: 3rem;
        }

   /*     .text-blue-primary {
            font-size: 1.5rem;
        }         */
  

        .stacked-date .day, .stacked-date .cal_date_month {
        text-transform: uppercase;
        }

.lw_paginate_up {
	margin-top: 20px;
}

.lw_paginate_down {
	margin-top: -20px;
}

.lw_paginate {
	text-transform: capitalize;
	margin-top: 20px;  /* The components that use this had -20px for padding instead of 20px. Need to check this */
}


.lw_paginate_total {
	text-transform: capitalize;
	margin-left: 20px;
	
}


.lw_paginate_more {
	margin-right: 10px;
	margin-left: 10px;
}
.lw_paginate_next {
	margin-right: 10px;
	margin-left: 10px;
}
.lw_paginate_prev {
	margin-right: 10px;
	margin-left: 10px;
}
.lw_widget_column_1 {
padding: 20px 0 0px 0;  /* The components that use this had 40px for the first padding instead of 20px. Need to check this */
width: 100%;
}

.basis-1/5{
		width: 80px;	
			
		}
	

.md #widget-container img {
max-width: 80px;
height: auto;
}

.md #widget-container .gap-8 {
grid-gap: 1rem;
gap: 1rem;
}


.md #multi-widget-container img {
max-width: 80px;
height: auto;
}

.md #multi-widget-container .gap-8 {
grid-gap: 1rem;
gap: 1rem;
}


#app-header {
  margin-top: -24px;
}

#maincontent .accordionItem {
  scroll-margin-top: 0px;
  scroll-snap-margin-top: 0px;
  padding-top: 0px;
  margin-top: -1rem;
}

.accordian-top {
	margin-top: 0rem;
}

.accordian-top .scroll-anchor {
scroll-margin-top: 0px; 
scroll-snap-margin-top: 0px; 
}

#lw_mini_cal h3 {
margin: 0;
text-align: center;
font-size: 1.25em;
padding: 0.5em 0;
margin: 0.5em 0;
background: #f6f6f6;
}


input::-webkit-placeholder { 
  color:  #000;
}

input::-moz-placeholder { 
  color:  #000;
}

input::-ms-placeholder { 
  color:  #000;
   opacity: 1;
}

input::placeholder { 
  color:  #000;
}

::-moz-placeholder { 
  color:  #000;
}
input::placeholder {
  color: black;
 opacity: 1;
}

.social-media.list a {
--bg-opacity: 1;
color: #fff;
color: rgba(255,255,255,var(--text-opacity));
background-color: #003c5b;
background-color: rgba(0,60,91,var(--bg-opacity));
}


.social-media a.sidebar-media {
--bg-opacity: 1;
color: #fff;
color: rgba(255,255,255,var(--bg-opacity));

background-color: #003c5b;
background-color: rgba(0,60,91,var(--bg-opacity));
--text-opacity: 1;
}

.social-media.list a:hover {
--text-opacity: 1;
color: #fff;
color: rgba(255,255,255,var(--text-opacity));
background-color: #037FB0;
background-color: rgba(3,127,176,var(--text-opacity));
}

.frame-height {
	position: relative;
	padding-bottom: 150%;
	height: 0; overflow:
	hidden;
	max-width: 100%;
}


@media (max-width: 639px) {
.frame-height {
	position: relative;
	padding-bottom: 320%;
	height: 0; overflow:
	hidden;
	max-width: 100%;
}
	
}

#efsc-cta-bug {
top: 375px;
}

.lowercase-text  {
      text-transform: lowercase;
    }


.bg-blue-secondary .efsc-cta:hover { 
    background-color: #003c5b !important; 
}


/* Added for 205237 */

.mobile-notice{
		display:none;
		}
		@media screen and (max-width: 768px){

		h1.mobile-hide, div.mobile-hide {
		display: none !important;
		}
		.mobile-notice{
		display:inline;
		}
		}
/*Added for 201606*/
.video-tabs {
          display: flex;
          width: 100%;
          height: 760px;
          max-width: 1280px;
          margin: 0 auto 24px;
          display: flex;
          flex-wrap: nowrap;
          justify-content: space-between;
          background-color: rgb(0, 60, 91);
        }
        [class*="col-"] {
          padding: 0px;
        }
        .col-3 {
          flex: 0 0 25%;
        }
        .col-4 {
          flex: 0 0 33.33%;
        }
        .col-5 {
          flex: 0 0 41.66%;
        }
        .col-6 {
          flex: 0 0 50%;
        }
        .col-7 {
          flex: 0 0 58.33%;
        }
        .col-8 {
          flex: 0 0 66.66%;
        }
        .col-9 {
          flex: 0 0 75%;
        }
        .col-10 {
          flex: 0 0 83.33%;
        }

        .tabs-list {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
        }
        .tabs-list.tabs-right {
          order: 2;
        }
        .tab-items {
          height: 100%;
          width: 100%;
          overflow-y: scroll;
        }
        .tabs-heading {
          background-color: none;
          width: 100%;
          text-transform: uppercase;
          padding: 16px 12px;
          border-bottom: 4px solid rgb(3, 157, 219);
        }
        .tabs-heading h2 {
          margin: 0;
          font-size: 1.5rem;
          line-height: 1.2;
          color: rgb(0, 60, 91) !important;
        }
        .tab-item {
          display: flex;
          flex-direction: row;
          align-items: center;
          flex-wrap: nowrap;
          width: 100%;
          height: auto;
          text-align: left;
          padding: 16px 12px;
          color: rgb(0, 60, 91);
          font-weight: 700;
          border-bottom: 0.5px solid white;
        }
        .tab-item .tab-num {
          display: inline-flex;
          flex-direction: row;
          justify-content: center;
          flex: 0 0 16%;
          float: left;
          margin-right: 10px;
          color: rgb(0, 121, 64);
        }
        .tab-item .tab-title {
          flex: 0 0 80%;
          line-height: 1.1;
          font-size: 1.2rem;
        }
        .tab-item:hover,
        .tab-item.active {
          color: rgb(3, 157, 219);
          background-color: white;
          border-left: 1px solid #eeede8;
        }
        .tab-item:hover .tab-num {
          color: rgb(3, 157, 219);
        }
        .tab-item .tab-num .tab-content {
          display: none;
        }
        .tab-content.active {
          display: flex;
          flex-flow: column nowrap;
          align-items: stretch;
          justify-content: flex-start;
          height: 100%;
          animation: slide-in-right 1s ease-out forwards;
        }
        .tab-wrapper {
          display: flex;
          flex-direction: column;
          align-items: stretch;
          justify-content: flex-start;
          height: 100%;
        }
        .video-wrap {
          width: 100%;
          aspect-ratio: 16/9;
        }
        .video-wrap iframe {
          width: 100%;
          min-height: 100%;
		  height: 100%;
        }
        .tab-text {
          flex-grow: 1;
          padding: 2rem;
          border-top: 4px solid white;
          background-color: rgb(0, 60, 91);
          color: white;
          font-size: 1.2rem;
          overflow-y: scroll;
        }
        .tab-text h3 {
          color: white;
          font-size: 1.5rem;
        }
        .tab-text h3::after {
          border-bottom: 0.175em solid;
          content: "";
          width: 100px;
          margin-top: 0.25rem;
          display: block;
        }

        .video-tabs .tab-text a {
          color: #e7f1ed;
        }
        .video-tabs .tab-text a:hover {
          color: rgb(3, 157, 219);
        }

        @keyframes slide-in-right {
          0% {
            opacity: 0;
            transform: translateY(10px);
          }
          100% {
            opacity: 1;
            transform: translateX(0);
          }
        }

        @media (max-width: 1199px) {
          .video-tabs {
            height: 660px;
          }
          .tab-item {
            padding: 12px;
          }
        }
        @media (max-width: 767px) {
          .video-tabs {
            position: relative;
            flex-direction: column;
            height: fit-content;
            width: 94%;
            /* border: 4px solid rgb(3, 157, 219); */
          }
          .video-tabs .tabs-content {
            height: auto;
          }
          .video-tabs .video-wrap {
            position: relative;
            display: block;
            width: 100%;
            padding-top: 56.25%;
            overflow: hidden;
          }
          .video-wrap iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;		 
            height: 100%;
          }

          .tabs-list {
            flex-direction: column;
            order: 2;
          }
          .tab-items {
            flex-direction: column;
            flex-wrap: nowrap;
            height: fit-content;
            max-height: 225px;
            width: 100%;
          }
          .tab-title {
            text-wrap: wrap;
          }
          .tab-item {
            font-size: 1rem;
            padding: 10px;
          }
          .tab-text {
            padding: 1.1rem;
            height: auto;
          }
          .tab-text h3 {
            font-size: 1.15rem;
            margin-bottom: 1rem;
          }
          .tab-text p {
            font-size: 1rem;
          }
        }
        @media (max-width: 495px) {
          .tab-text {
            padding: 1.1rem;
            height: 210px;
            overflow: scroll;
          }
          .tab-text h3 {
            margin-bottom: 0;
          }
          @keyframes slide-in-right {
            0% {
              opacity: 0;
              transform: translateX(0);
            }
            100% {
              opacity: 1;
              transform: translateX(0);
            }
          }
        }

.ou-form legend {
    font-weight: bold;
	font-size: 1.5rem;
}

/* Added for accessibility - Andy 8-7-2024*/
.bg-blue-lessbright{
	--bg-opacity:1;
	background-color:#037FB0;
	background-color:rgba(3,127,176,var(--bg-opacity))
}

.efsc-cta {
font-size: 1.18rem;
}

.ou-form .help-block {
color: #6B6B6B;
}

.lessbright-cta {

	color: #037FB0;
}

	#maincontent .container .my-4 a.snippet-link-color {
			text-decoration: underline; 
			color: #82BEDC;
	}
		#maincontent .container .my-4 	a:hover {
  color: #80B482;
}

.\31 -grid__main .ou- {
display: grid;
grid-template-columns: minmax(0, 1fr);
}