/*
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;
}
	
	 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 --  Andy modified 6-20-2024 based upon LiveWhale sugesstion
*/

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

		.filter-boxing button,
        #filter-boxing button {
            outline: 0;
        }

		.filter-boxing.open,
        #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,
        #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,
        #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,
        #filter-boxing.open #filter-boxing-menu {
            display: block;
        }

        .filter-dropdown-toggle .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: #0391C9;
background-color: rgba(3,145,201,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;
    }

  
/* added for LiveWhale event widgets 
Andy Soderberg - 11-28-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;
        }