/* font-family: 'Montserrat', sans-serif; */
body{
  margin: 0;

}

.top-section{
  background-image: url('images/bg-2.png');
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: cover;
}

.main-header{
  display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: .5vw 0vw;
}

.conference-title{
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #780032;
  display: flex;
  align-items: center;

width: 50%;
}

.title-wrapper{
  font-size: 2.7vw;
      letter-spacing: 0.3vw;

}
.year{
  writing-mode: vertical-rl;
      text-align: left;
      font-size: 2.1vw;
      margin-right: .5vw;
      letter-spacing: .3vw;
}


.temple-logo{
      width: 22vw;
}

.gold-logo{
  width: 8vw;
}

.banner{
  padding: .5vw 0vw;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.4vw;
    background: linear-gradient(#780032, #5E0027);
    color: white;
}

.top-content{
  padding-top: 2vw;
padding-left: 3vw;
padding-bottom: 2vw;
display: flex;
    align-items: flex-start;
}

.save-date-header{
  padding: 0vw .8vw;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.6vw;
    background: #780032;
    color: white;
    writing-mode: vertical-rl;
    position: relative;
        height: 40vw;
        /* display: inline-block; */
        display: none;
}

.top-content-right{
  padding-left: 2vw;
}

.date-time{
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #780032;
  font-size: 1.6vw;
}

.form-wrapper{
  padding: 2vw 3vw;
  background-color: rgba(255,255,255, .5);
  border-radius: 1vw;
  box-shadow: 0px 0px 21px rgba(0,0,0,.16);
margin-top: 2vw;
width: 52%;
}

.text{
  font-size: 1.2vw;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  text-align: center;
}

.completed{
  font-size: 1.3vw;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  text-align: center;
  padding-top: 2vw;
  display: none;
}


input[type=email] {
  width: 100%;
  padding: 1vw;
  margin: 1.5vw 0;
  display: inline-block;
  border: 1px solid #999999;
  border-radius: .5vw;
  box-sizing: border-box;
  font-size: 1.2vw;
    font-family: 'Montserrat', sans-serif;
}

input[type=submit] {
  background-color: #780032;
  color: white;
  padding: 1vw 2vw;
  border: none;
  border-radius: .5vw;
  cursor: pointer;
  font-size: 1vw;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-appearance: none;
     -moz-appearance: none;
}


.submit-wrapper{
  text-align: center;
}

.width {
  width: 57%;
}

.main-text{
  width: 62%;
margin-top: 2vw;
font-size: 1.2vw;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
    line-height: 1.6vw;
}

.popup-btn{
  padding: 1vw;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2vw;
    background: linear-gradient(#780032, #5E0027);
    color: white;
    -webkit-appearance: none;
     -moz-appearance: none;
     border: none;
     text-decoration: none;
     width: 34vw;
     display: flex;
align-items: center;
justify-content: center;
border-radius: .5vw;
cursor: pointer;
box-shadow: 0px 3px 6px rgba(0,0,0,.46);

}

.popup-link{
  padding: 1vw;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.6vw;
    /* background: linear-gradient(#780032, #5E0027); */
    color: #780032;
    -webkit-appearance: none;
     -moz-appearance: none;
     border: none;
     text-decoration: underline;
     display: flex;
align-items: center;
justify-content: center;
border-radius: .5vw;
cursor: pointer;
background:none;
/* box-shadow: 0px 3px 6px rgba(0,0,0,.46); */
width: 50%;
}

.icon{
  padding-right: 1vw;
  width: 1.8vw;
}

.button-wrapper{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-flow: wrap;
}

.bottom-content{
  margin-top: 3vh;
    padding: 0vw 2vw;
      margin-bottom: 3vh;
}

.info-columns{
  display: flex;
      align-items: center;
      justify-content: space-evenly;
      height: 31vw;
      margin-top: 4vw;
}

.column{
  width: 40%;
  font-size: 1.2vw;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
      line-height: 1.6vw;
}

.float{
  float: left;
  padding-right: 1.5vw;
}

.column-text{
  padding: 0.7vw;
}

.divider{
  border-left: .1vw solid #780032;
      height: 100%;
      align-self: flex-end;
}

footer{
  padding: 2vw 0vw;
  background-color: #F0F0F0;
}

.footer-text{
  text-align: center;
  font-size: 1vw;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}

.footer-text:nth-child(2){
  padding-top: 1vw;
}

.integrity-logo{
  width: 21vw;
}

.global-logo{
  width: 21vw;
}

.footer-logos{
  display: flex;
    width: 50%;
    margin: 0 auto;
    align-items: center;
    justify-content: space-evenly;
    padding-top: 2vw;
}

.divider-logo{
  border-left: .1vw solid #707070;
      height: 7vw;
      align-self: flex-end;
}

.popup-wrapper{
  position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0, .4);
display: none;
    justify-content: center;
    align-items: center;
}

.popup{
  width: 75%;
  background-color: white;
}

.popupcontent{
  height: 38vw;
    overflow-y: auto;
}

.close-btn{
  display: inline-block;
    /* float: right; */
    right: 0;
    position: absolute;
    margin-right: 2vw;
        width: 2.5vw;
        cursor: pointer;
}

.popup-title{
      display: inline-block;
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 2vw;
      text-transform: uppercase;
      color: #780032;
}

.popup-header{
  text-align: center;
    position: relative;
    /* height: 3vw; */
    padding-top: 1vw;
    padding-bottom: 1vw;

}

.popup-text-wrapper{
        font-family: 'Montserrat', sans-serif;
        font-size: 1.3vw;
        padding: 0vw 2vw;
          line-height: 1.6vw;
}

.popupcontent ul{
      padding-inline-start: 3vw;
}


.agenda-item{
  background-color: #780032;
  display: flex;
  /* justify-content: space-between;
  align-items: center;
      padding: .5vw 1vw; */
      margin-bottom: .5vw;
      flex-direction: column;
}

.item-title{
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1.4vw;
  color: white;
}

.item-time-wrapper{
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1.4vw;
  color: white;
      display: inline-flex;
}

.drop-icon{
  visibility: hidden;
  width: 1.3vw;
    padding: 0vw .7vw;
}

.dropdown .drop-icon{
  visibility: visible;
}

.icon-opened{
  transform: rotate(180deg);
    transform-origin: center;
}

.item-time{
  text-align: right;
}

.item-top-wrapper{
  padding: .5vw 1vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.item-desc{
  background-color: white;
    border: .1vw solid #780032;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.2vw;
    display: none;
}

.show-desc{
  display: block
}

.show-popup{
  display: flex;
}


/* iphone 6,7,8 and larger */
/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 812px)
  and (orientation: portrait) {
    .gold-logo {
        width: 9vw;
    }
    .temple-logo {
        width: 26vw;
    }

    .title-wrapper {
    font-size: 3.2vw;
}

.year {
    font-size: 3vw;
  }

  .date-time {
    font-size: 3.6vw;
}

.text {
    font-size: 2.2vw;
  }

  .form-wrapper {
    width: 59%;
  }


  input[type=email]{
    font-size: 2.2vw;
  }

  input[type=submit] {
    font-size: 2vw;
  }

  .main-text {
      width: 69%;
      font-size: 2.2vw;
      line-height: 2.6vw;
  }

  .top-section{
        background-position: 92%;
  }


.banner{
  font-size: 2.4vw;
}

.popup-link{
  font-size: 2.6vw;
  width: 80%;
  padding: 1.5vw;
}

.icon {
    padding-right: 1vw;
    width: 3vw;
  }

.info-columns{
  height: auto;
      flex-flow: wrap
}

.divider{
  display: none;
}

.column {
    width: 81%;
    font-size: 2.2vw;
    line-height: 2.8vw;
}

.column:nth-child(3){
      padding-top: 4vw;
}

.footer-text {
    font-size: 1.5vw;
  }

  .footer-logos {
    width: 67%;
  }

  .integrity-logo {
      width: 27vw;
  }

  .global-logo {
    width: 27vw;
}

.popupcontent {
    height: 111vw;
  }

  .popup {
    width: 88%;
  }

  .popup-title {
    font-size: 3vw;
  }

  .close-btn {
      width: 4vw;
    }

    .popup-text-wrapper {
    font-size: 2.3vw;
    padding: 1vw 3vw;
    line-height: 3.2vw;
  }

  .item-title {
    font-size: 2.4vw;
    width: 56%;
  }

  .item-time-wrapper {
    font-size: 2.4vw;
  }

  .drop-icon {
    width: 2.3vw;
  }

  .item-desc {
    font-size: 2.2vw;
  }

  .popupcontent ul {
      padding-inline-start: 6vw;
  }
  }