/*
Theme Name: One U Thriving UMC Theme 3 Child
Description: UMC Child Theme for One U Thriving
Author: Kaya Aman
Template: umctheme3
Version: 1.0.0
Text Domain: umctheme3-child
*/


.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
}

.uu-bottom-header .uu-header-title a:hover {
    opacity: 0.8;
    text-decoration: none;
}

.uu-bottom-header .uu-header-title a {
    color: inherit;
}

article a, .entry-content a {
    color: #C51230;
    text-decoration: underline;
	font-style: italic;
	cursor: pointer;
}

article a:hover, .entry-content a {
	color:#c51230;
}

.uu-bottom-footer .uu-bottom-footer-container .uu-footer-logo {
    flex: 1 1 15%;
}

.uu-bottom-footer .uu-bottom-footer-container .uu-footer-links {
    flex: 1 1 70%;
}

.uu-bottom-footer .uu-bottom-footer-container .uu-footer-social {
    flex: 1 1 15%;
}


/* ACCESSIBILITY APP */
.pojo-a11y-toolbar-overlay {
    transform: translateY(calc(-100% + 52px));
}

ul.uu-primary-menu li a:focus,
ul.bottom-sub-menu li a:focus,
button#uu-pushmenu-trigger:focus,
.uu-site-titles__heading a:focus,
.uu-site-titles__heading__subhead a:focus,
label.uu-radio:focus > .uu-radio__check {
    outline: double 3px #fff !important;
}



/* ACCESSIBILITY MENU */
.acc-menu {
    background: #372C2C;
    color: #FFFFFF;
    padding: 0px 10px;
    font-size: 12px;
    text-align: center;
    display: none;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.acc-menu.acc-enabled {
    display: -ms-flexbox;
    display: flex;
}

.acc-menu .acc-title {
    padding: 10px 40px;
    font-weight: 800;
    border-right: 1px solid rgba(255,255,255,0.1);
}

.acc-menu .acc-inputs {
    width: 1fr;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 0px 40px;
    border-left: 1px solid rgba(0,0,0,0.3);
    border-right: 1px solid rgba(255,255,255,0.1);
}

.acc-menu .acc-inputs .acc-input {
    margin: 10px;
}

.acc-menu select {
    color: #000000;
    max-width: 150px;
}

.acc-menu .acc-link {
    padding: 10px 40px;
    border-left: 1px solid rgba(0,0,0,0.3);
}

.acc-menu .acc-link a {
    color: #ffffff;
    text-decoration: underline;
}

.acc-menu .acc-help {
    margin: 10px;
}

.acc-menu .acc-help span {
    background: #ffffff;
    color: #372C2C;
    padding: 2px 4px;
    border-radius: 2px;
}

/************* BUTTONS **************/
.wp-block-button__link {
    display: inline-block;
    margin: 10px auto;
    background-color: #C51230;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    border: 0px;
    border-radius: 4px;
    padding: 8px 20px;
    -webkit-box-shadow: 0px 0px 0px 0px rgb(84 117 145 / 10%);
    -moz-box-shadow: 0px 0px 0px 0px rgba(84,117,145,0.1);
    box-shadow: 0px 0px 0px 0px rgb(84 117 145 / 10%);
    -webkit-transition: all,.15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

	.wp-block-button__link:focus, 
	.wp-block-button__link:hover, 
	.wp-block-button__link:visited:hover, 
	.wp-block-button__link:visited:focus {
		background-color: #91172C;
		transform: translateY(-1px);
		-webkit-box-shadow: 0px 10px 10px 0px rgb(84 117 145 / 20%);
		-moz-box-shadow: 0px 10px 10px 0px rgba(84,117,145,0.2);
		box-shadow: 0px 10px 10px 0px rgb(84 117 145 / 20%);
	}

/*** COLOR VARIATIONS ***/
.wp-block-button.black > .wp-block-button__link {
    background-color: #372C2C;
}

	.wp-block-button.black > .wp-block-button__link:focus, 
	.wp-block-button.black > .wp-block-button__link:hover, 
	.wp-block-button.black > .wp-block-button__link:visited:hover, 
	.wp-block-button.black > .wp-block-button__link:visited:focus{
		background-color: #C51230;
	}

.wp-block-button.gray > .wp-block-button__link {
    background-color: #B5B5B5;
}

	.wp-block-button.gray > .wp-block-button__link:focus, 
	.wp-block-button.gray > .wp-block-button__link:hover, 
	.wp-block-button.gray > .wp-block-button__link:visited:hover, 
	.wp-block-button.gray > .wp-block-button__link:visited:focus{
		background-color: #372C2C;
	}

.wp-block-button.white > .wp-block-button__link {
    background-color: #fff;
    color: #C51230;
}

	.wp-block-button.white > .wp-block-button__link:focus, 
	.wp-block-button.white > .wp-block-button__link:hover, 
	.wp-block-button.white > .wp-block-button__link:visited:hover, 
	.wp-block-button.white > .wp-block-button__link:visited:focus{
		background-color: #C51230;
    	color: #fff;
	}

.wp-block-button.ghost > .wp-block-button__link {
    background-color: transparent !important;
    border: 2px solid #C51230;
    color: #C51230;
}

.wp-block-button.black.ghost > .wp-block-button__link {
    border: 2px solid #372C2C;
    color: #372C2C;
}


.wp-block-button.gray.ghost > .wp-block-button__link {
    border: 2px solid #B5B5B5;
    color: #B5B5B5;
}


a.btn, a.btn:visited, a.btn:hover, button.btn, input.btn, a.uu-btn, a.uu-btn:visited, a.uu-btn:hover, button.uu-btn, input.uu-btn {
	font-style: normal !important;
	text-decoration: none !important;
	color: #fff;
}





/************* SINGLE POST & PAGE HEADER **************/
.post-thumbnail {
    margin: 0;
    width: 100%;
    background-size: cover;
    background-position: top center;
	height: 30vh;
    max-height: 500px;
	overflow: hidden;
	position: relative;
}

span.date {
    line-height: 35px;
}

.social.clearfix.float-right {
    float: right;
	padding-top: 2px;
}

.entry-meta {
	padding: 0.5em 0.5em 0.25em;
    border-top: 1px solid #ececec;
    margin: 1.5em 0 2.5em;
    border-bottom: 1px solid #ececec;
    height: 50px;
}

/****************************************************************
							HOMEPAGE 
*****************************************************************/



/*********** U OF U MARQUEE ***********/

.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}

	.owl-carousel .owl-stage:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}


.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.u-of-u-marquee .owl-item {
    width: 100%;
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.u-of-u-marquee .item {
    background-size: cover;
    background-position: center center;
    width: 100%;
}

.u-of-u-marquee-block {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.u-of-u-marquee-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ‘’;
    z-index: 102;
}

.u-of-u-marquee .u-of-u-marquee-content {
    flex: 0 1 1000px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    text-align: center;
    z-index: 103;
    color: #FFFFFF;
    padding: 0px 60px;
    max-width: 1200px;
    margin: 0px auto;
}


.u-of-u-marquee .item h1 {
    font-size: 46px;
    line-height: 1;
    color: #ffffff;
    margin-bottom: 0px;
	font-family: 'Vitesse', sans-serif;
}

.u-of-u-marquee .item p {
    font-weight: 600 !important;
    font-size: 16px !important;
    margin-bottom: 10px;
    font-family: 'Montserrat', sans-serif;
}


.so-widget-uu-marquee-widget {
    margin-bottom: 55px;
}







.uu-quick-links-tab a img {
    margin: 0px auto 20px auto !important;
    width: 80px !important;
}

.home-banner {
	width: 100%;
	margin: 3% 0 0;
	padding: 50px 5%;
	background-color: #f1f1f2;
}

#uu-card-widget-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin: 30px auto;
	max-width: 1160px;
}

#uu-card-widget-container .uu-card-widget-card {
    flex: 1 1 auto;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0px;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0px 3px 20px 0px rgb(84 117 145 / 20%) !important;
    -moz-box-shadow: 0px 3px 20px 0px rgba(84,117,145,0.2) !important;
    box-shadow: 0px 3px 20px 0px rgb(84 117 145 / 20%) !important;
    -webkit-transition: all,.3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin: 0px 15px 15px 0px;
}

#uu-card-widget-container .uu-card-widget-card.left-align {
    text-align: left;
}

#uu-card-widget-container.uu-card-widget-container-3col .uu-card-widget-card {
    flex: 1 1 calc(33.333% - 15px);
    max-width: calc(33.333% - 15px);
}

#uu-card-widget-container.uu-card-widget-container-2col .uu-card-widget-card {
    flex: 1 1 calc(50% - 15px);
    max-width: calc(50% - 15px);
}

#uu-card-widget-container .uu-card-widget-card .uu-card-widget-card-img {
    height: 200px;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#uu-card-widget-container .uu-card-widget-card .uu-card-widget-card-body {
    padding: 30px;
}

#uu-card-widget-container .uu-card-widget-card .uu-card-widget-card-copy {
    font-size: 17px;
    margin-bottom: 30px;
}

.uu-card-widget-card-body > a.uu-btn {
    color: #fff !important;
}


/********************************************************
				INITIATIVES LANDING PAGE
********************************************************/

.home-blurb {
	width: 45%;
    min-width: 280px;
    margin: 5%;
}

img#home-img {
	height: 150%;
    position: absolute;
    right: 0;
    bottom: -25%;
    z-index: 1;
}

.homesplit {
    width: 50%;
    flex: 1 1 50%;
    margin: 0;
    text-align: center;
    padding: 7% 5% 3%;
    min-height: 450px;
    position: relative;
    background-size: 200%;
    background-position: center right;
    vertical-align: top;
    float: left;
	min-width: 280px;
	color: #47494A;
}

.title-overlay {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(43,44,44,0.75);
    z-index: 1;
}

.homesplit h1 {
    font-size: 2em;
	z-index: 2;
	position: relative;
	color: #47494A;
}

.homesplit p,
.homesplit button {
	z-index: 2;
	position: relative;
}



/******************************************************
					ONE U THRIVING
******************************************************/
h1.thriving {
	font-size: 5em; 
	width: 60%; 
	min-width: 300px; 
	line-height: 1.2em;
	font-family: 'Vitesse', 'Encode Sans Condensed', sans-serif;
	font-weight: 300 !important;
}

h2.thriving {
	font-size: 3em;
	font-family: 'Vitesse', 'Encode Sans Condensed', sans-serif;
	font-weight: normal !important;
}

.thriving-banner {
	width: 100%;
    margin: 3% 0;
    padding: 60px 5%;
    position: relative;
	background-color: #990000;
    color: #fff !important;
    min-height: 450px;
	background-image: -webkit-linear-gradient(0deg, #231f20, #cc0000);
}

.thriving-banner:before {
    position: absolute;
    transform: skewY(-10deg);
    content: "";
    background-color: #990000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform-origin: 50% 0;
    background-image: -webkit-linear-gradient(0deg, #231f20, #cc0000);
    backface-visibility: hidden;
    z-index: 1;
}

.thriving-banner > .ten-twenty-four {
	margin-top: 5%;
	z-index: 2;
}

.thriving-banner img {
	position: absolute;
    z-index: 1;
    right: 5%;
    bottom: 0;
    height: 200%;
}

.thriving-banner-content {
	width: 75%;
	min-width: 280px;
	position: relative;
	z-index: 10;
}

.thriving-banner-content .entry-content {
	width: 80%;
}

img.blocku {
    height: 80px;
    display: inline-block;
    vertical-align: bottom;
    margin: 10px;
    z-index: 5;
    position: relative;
    right: auto;
    bottom: auto;
}

.oneu-content {
	width:100%;
	margin:auto;
}


/**** UU Tabs ****/
.uu-tab-panel {
	zoom: 1;
	margin-bottom: 0;
	display: block;
	position: relative;
}

.uu-tab-panel:before {
    content: "";
    display: block;
}

.uu-tab-panel:after {
    content: "";
    display: table;
    clear: both;
}


.uu-top-tabs {
    position: absolute;
    margin: 0px auto;
    max-width: 940px;
    left: 0;
    right: 0;
    bottom: -40px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    z-index: 992;
    -webkit-box-shadow: 0px 20px 30px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 20px 30px 0px rgb(0 0 0 / 10%);
}

.uu-top-tabs a {
    flex: 1 1 auto;
    background: #CC0000;
    text-align: center;
    color: #ffffff;
    padding: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 14px;
    line-height: 1.2;
    font-weight: bold;
    text-transform: uppercase;
}

.uu-top-tabs a:hover {
    color: #FFFFFF;
    background: #930000;
    text-decoration: none;
}

.uu-top-tabs a:first-child {
    border-radius: 8px 0px 0px 8px;
}

.uu-top-tabs a:last-child {
    border-radius: 0px 8px 8px 0px;
}

.uu-top-tabs a img {
    text-align: center;
    margin: 0px auto 10px auto;
    display: block;
    transition: all 0.3s ease;
	width: 50px;
	height: auto;
}

.uu-top-tabs a:hover img {
    transform: translateY(-5px);
}



/********************************************************
			RBIRT Process Timeline
********************************************************/
.timeline{
  position:relative;
  margin:50px auto;
  padding:40px 0;
  width:1000px;
  box-sizing:border-box;
}
.timeline:before{
  content:'';
  position:absolute;
  left:50%;
  width:2px;
  height:100%;
  background:#c5c5c5;
}
.timeline ul{
  padding:0;
  margin:0;
}
.timeline ul li{
  list-style:none;
  position:relative;
  width:50%;
  padding:0 40px 20px ;
  box-sizing:border-box;
}
.timeline ul li:nth-child(odd){
  float:left;
  text-align:right;
  clear:both;
}
.timeline ul li:nth-child(even){
  float:right;
  text-align:left;
  clear:both;
}
.content{
  padding-bottom:20px;
}
.timeline ul li:nth-child(odd):before
{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  top:24px;
  right:-6px;
  background:rgba(204,0,0,1);
  border-radius:50%;
  box-shadow:0 0 0 3px rgba(204,0,0,0.2);
}
.timeline ul li:nth-child(even):before
{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  top:24px;
  left:-4px;
  background:rgba(204,0,0,1);
  border-radius:50%;
  box-shadow:0 0 0 3px rgba(204,0,0,0.2);
}
.timeline ul li h2{
  padding:0;
  margin:0;
  color:rgba(204,0,0,1);
  font-weight:600;
font-family: 'Vitesse', serif;
font-size: 3em;
}
.timeline ul li p{
  margin:10px 0 0;
  padding:0;
}
.timeline ul li .time i{
  margin:0;
  padding:0;
 color: rgba(0,0,0,1);
}
.timeline ul li:nth-child(odd) .time
{
  position:absolute;
  top:12px;
  right:-300px;
  margin:0;
  padding:8px 16px;
  font-size:10em;

}
.timeline ul li:nth-child(even) .time
{
  position:absolute;
  top:12px;
  left:-260px;
  margin:0;
  padding:8px 16px;
  font-size:10em;

}





/********************************************************
				MEDIA QUERIES
********************************************************/

@media screen and (max-height: 815px) {
	.home-feature {
		height: 50vh !important;
		min-height: unset !important;
	}
	
	.home-img {
    	margin-top: 25vh;
	}
	
	.page-header {
		height: 20vh !important;
    	min-height: unset !important;
	}
	
	.ten-twenty-four.row.clearfix.loop-padding {
		padding-top: 0 !important;
	}
}

@media only screen and (min-width: 1024px) {
	.content-single {
		width: 90%;
		margin: 0 auto;
	}
}

@media (min-width: 950px) {
.uu-marquee--lg, .uu-marquee--lg .uu-marquee__default, .uu-marquee--lg .uu-marquee__slide {
    min-height: 700px;
}
}

@media screen and (max-width: 1240px) {
	.acc-menu .acc-title {
		padding: 10px 10px;
	}
	.acc-menu .acc-inputs {
		padding: 0px 10px;
	}
	.acc-menu .acc-link {
		padding: 10px 10px;
	}
}

@media screen and (max-width: 1220px) {
	article {
		padding: 0 30px;
	}
}

@media screen and (max-width: 1000px) {
	h1.thriving {
		width: 100%;
	}
	
	img.oneu-hide {
		display: none;
	}
	
	.thriving-banner-content {
		transform: translatex(-50%);
		margin-left:50%;
		width:90%;
	}
	
	.thriving-banner-content .entry-content {
		width: 100%;
	}
	
	/*article .entry-content {
		width: 80% !important;
	} */
	
	.timeline{
		width:100%;
	  }
}


@media screen and (max-width: 970px) {
	.acc-menu .acc-title {
		border: 0px;
		display: none;
	}
	
	.acc-menu .acc-inputs {
		border: 0px;
	}
	.acc-menu .acc-link {
		border: 0px;
		display: none;
	}
}


@media screen and (max-width: 970px) {
	.so-widget-uu-marquee-widget {
		margin-bottom: 175px;
	}
	.u-of-u-marquee .item p {
		display: none;
	}
	
}

@media only screen and (max-width: 960px) {
	#uu-card-widget-container .uu-card-widget-card {
		flex: 1 1 calc(50% - 15px) !important;
		max-width: calc(50% - 15px) !important;
	}
}


@media(max-width:767px){
  .timeline{
    width:100%;
    padding-bottom:0;
  }
  .timeline:before{
    left:20px;
    height:100%;
  }
  .timeline ul li:nth-child(odd),
  .timeline ul li:nth-child(even)
  {
    width:100%;
    text-align:left;
    padding-left:50px;
    padding-bottom:50px;
  }
  .timeline ul li:nth-child(odd):before,
  .timeline ul li:nth-child(even):before
  {
    top:-18px;
    left:16px;
  }
  .timeline ul li:nth-child(odd) .time,
  .timeline ul li:nth-child(even) .time{
    display:none;

  }
}

@media only screen and (max-width: 750px){
	#uu-card-widget-container .uu-card-widget-card {
		flex: 1 1 100% !important;
		max-width: 100% !important;
		margin: 0px 0px 15px 0px !important;
	}
}

@media screen and (max-width: 685px) {
	.uu-tab-panel {
		display: none;
	}
}

@media screen and (max-width:630px) {
	h1.thriving {
		font-size: 4em !important;
	}
	
	img#home-img {
		display: none;
	}
	
	.home-blurb{
		margin-top: 10%;
		width: 95%;
	}
}



@media screen and (max-width:600px) {
	.post-thumbnail {
		height: 30vh;
	}
}


@media screen and (max-width:465px) {
	h1.thriving {
		font-size: 3em !important;
	}
	h2.thriving {
    	font-size: 2.3em;
	}
	img.blocku {
		height: 50px;
	}
}