/* Standards University Styles */

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');


:root{
	--black:#191919;
	--teal:#20A1A1;
	--blue:#2261AE;
	--blue-200:#E7EFF9;
	--yellow:#FFC20E;
	--white:#ffffff;

}
html{
  font-size: 100%;
}

body{
	font-family: "Cabin", sans-serif;
	font-size:1rem;
	font-weight: 400;
	line-height: 140%;
	color:var(--black);
}

section{
	padding: 60px 0 0 0;
}

h1, h2, .h2-title{
	font-family: "Roboto Condensed", sans-serif;
	font-size: 2.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 24px;
}
h2, .h2-title{
	color: var(--blue);
}
.bg-blue{
	background-color: var(--blue-200);
}

p{
	
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}

.button{
	border-radius: 6px;
	background: var(--yellow);
	color: var(--black);
	padding: 10px 24px;
	text-align: center;
	font-weight: 700;
	font-size: 1rem;
	opacity: 1;
}
.button:hover, .button:focus{
	border-radius: 6px;
	background: var(--yellow);
	color: var(--black);
	padding: 10px 24px;
	opacity: 0.75;
}

header .logo-friendship {
    max-width: 240px;
    width: 100%;
}
header{
	padding: 25px 0;
	background-color: var(--blue-200);
}
footer.standards-footer {
    background: var(--blue-200);
    padding: 10px 0;
    text-align: center;
}

.standards-uni-template .banner{
	text-align: right;
	background: url('../img/standards/wave-bg.jpg') no-repeat bottom right var(--white);
	background-size: cover;
	padding-bottom: 305px;
	padding-top: 100px;
	max-width: 1700px;
}
.standards-uni-template .banner .subtitle{
	color: var(--blue);
	text-align: right;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;

}
.standards-uni-template .banner .button{
	margin-top: 30px;
}
.standards-uni-template .banner .journey-logo{
	width: 100%;
	max-width: 618px;
	margin-bottom: 30px;
}
.standards-uni-template .countdown-box {
    text-align: center;
    padding: 60px;
}
.standards-uni-template .countdown-box .number{
	font-size: 6rem;
	font-family: "Roboto Condensed", sans-serif;
	color: var(--teal);
	font-weight: 700;
	line-height: 120%;
}
.standards-uni-template .countdown-box .text{
	color: var(--teal);
	font-weight: 600;
}
.standards-uni-template .video .video-embed-wrap {
  position: relative;
  width: 100%;
  max-width: 1155px;
  aspect-ratio: 1155 / 650;
  margin: 0 auto;
  border-radius: 4px;
  overflow: hidden;
}

.standards-uni-template .video-embed-wrap iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.standards-uni-template .agenda{
		text-align: center;
}
.standards-uni-template .agenda .button-wrap{
	margin-top:36px;
}
.standards-uni-template .agenda-box{
	padding: 60px 96px;
}

.standards-uni-template .agenda .agenda-day {
  margin-bottom: 40px;
}

.standards-uni-template .agenda .agenda-day-title {
  margin-bottom: 20px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  color: var(--teal);
  text-transform: uppercase;
}

.standards-uni-template .agenda .agenda-events {
  position: relative;
      max-width: 500px;
    text-align: center;
    margin: auto;
}

.standards-uni-template .agenda .agenda-event {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
      justify-content: space-evenly;
}

.standards-uni-template .agenda .event-time {
  width: auto;
    flex: 1;
    text-align: right;
    padding-right: 30px;
}

.standards-uni-template .agenda .event-line {
  position: relative;
    width: 2px;
    background: var(--teal);
    height: 100%;
    margin: 0 15px;
    flex-shrink: 0;
}
.standards-uni-template .agenda .event-line:after{
	content: '';
	background: var(--teal);
	    width: 2px;
    height: 44px;
    position: absolute;
    top: 2px;
    left: 50%;
    margin-left: -2px;
}
.standards-uni-template .agenda-event:last-of-type .event-line:after{
	display: none;
}

.standards-uni-template .agenda .event-dot {
  position: absolute;
  left: -4px;
  top: 50%;
  transform: translateY(-50%);
      width: 8px;
    height: 8px;
  background: var(--teal);
  border-radius: 50%;
  z-index: 1;
}

.standards-uni-template .agenda .event-title {
      text-align: left;
    font-weight: 400;
    flex: 1;
    width: auto;
    padding-left: 30px;
}

.standards-uni-template .agenda .agenda-box h2 {
    margin-bottom: 16px;
}

.standards-uni-template .agenda .agenda-box .calendar-wrap {
	margin-top: 40px;
}
.standards-uni-template .agenda .agenda-box .agenda-date {
    margin-bottom: 10px;
    margin-top: 20px;
	font-size: 1.125rem;
}
.standards-uni-template .agenda .agenda-desc ul{
	text-align: left;
}
.standards-uni-template .agenda .agenda-desc ul li{
	text-align: left;
	list-style-type: disc;
	padding-bottom: 3px;
}
.standards-uni-template .agenda .agenda-desc ul span{
	color: var(--blue);
	font-weight: 600;
}
.standards-uni-template .location .location-wrap{
	display: flex;
	column-count: 2;
	background-color: var(--blue-200);
	align-items: center;
}

.standards-uni-template .location .map-embed-wrap {
  max-width: 50%;
  overflow: hidden;
  width: 50%;
  line-height: 0;
}
.standards-uni-template .location .location-info{
	padding: 60px 96px;
	width: 50%;
}
.standards-uni-template .location .address {
    padding-left: 32px;
    margin-bottom: 24px;
    background: url('../img/standards/location-icon.png') no-repeat top 5px left transparent;
	background-size: 12px;
}
.standards-uni-template .location .date{
	padding-left: 32px;
    background: url('../img/standards/agenda-icon.png') no-repeat top 5px left transparent;
	background-size: 14px;
}
.standards-uni-template .collage{
	padding: 60px 0 120px 0;
}
.standards-uni-template .low-banner{
	padding: 60px 0px 0px 0px;
}
.standards-uni-template .collage .collage-img{
	width: 100%;
}



@media all and (min-width: 1700px){
	.standards-uni-template .banner{
		margin:auto;
		padding-bottom: 360px;
	}
}


@media all and (max-width: 1200px){
	.standards-uni-template .location .location-info {
    padding: 60px 76px;
  }

}


@media all and (max-width: 991px){
	.standards-uni-template .banner .journey-logo {
    max-width: 500px;
  }
  .standards-uni-template .location .location-info {
        padding: 40px 50px;
  }
  .standards-uni-template .location-wrap iframe {
    height: 400px;
	}
}


@media all and (max-width: 767px){
	.standards-uni-template .banner{
		    padding-bottom: 210px;
	}
	.standards-uni-template .countdown-box {
    padding: 50px 30px 20px;
	}
	.standards-uni-template .countdown-box .text {
    margin-bottom: 15px;
	}
	.standards-uni-template .agenda-box {
    padding: 50px 20px;
	}
	
	.standards-uni-template .agenda .event-time {
    padding-right: 10px;
    width: auto;
        flex: 1;
	}
	 .standards-uni-template .agenda .event-title {
        padding-left: 10px;
        width: auto;
        flex: 1;
    }
	.standards-uni-template .agenda .agenda-desc ul {
		padding-left: 20px;
	}
  .standards-uni-template .location .location-wrap {
    display: flex;
    column-count: 1;
    align-items: center;
    flex-direction: column;
	}
	.standards-uni-template .location .map-embed-wrap {
    max-width: 100%;
    width: 100%;
  }
  .standards-uni-template .location-wrap iframe {
        height: 250px;
   }
   .standards-uni-template .location .location-info {
    padding: 40px 30px 50px;
    width: 100%;
	}
	.standards-uni-template .agenda .agenda-box .button {
		text-wrap: wrap;
	}
}