@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Oswald:wght@200;300;400;500;600;700&display=swap');
*{
  box-sizing:border-box;
  font-family:Oswald, sans-serif;
  text-decoration:none;
}
body{
font-size:20px;
  color:#0A0426;
}
a, a:hover,.rf-body .rfComp-canvas #oswald, .rfComp-canvas *,{
   font-family:Oswald, sans-serif!important;
   text-decoration:none!important;
}

.button:hover{
  text-decoration:none!important;
}

@media screen and (min-width:769px){
  .page-builder-canvas{
    margin-top:-80px;
  }
}

.head-logo{
  margin-bottom:50px;
 max-width:100%;
}

@media screen and (min-width:1440px){

.head-logo{
   margin-left:calc(calc(100vw - 1440px)/2);
  }
}
.rf-org-header-container{
     
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #0B0426;
  background-image:url('https://www.liveworx.com/images/backgrounds/rainfocus-header.jpg');
}
.custom-bg-container{

}
.page-builder-display-reset, .name-container{
  margin:0px 60px;
}
@media screen and (min-width:768px){
  .panel-left{
  width:500px!important;
 }
}
.panel-left p {

  max-width:100%;
  margin-bottom:8px;
}


a:hover, a:focus, a:link:hover, a:link:focus, a:visited:hover, a:visited:focus {
  color:white!important;
}

.name-container{
    font-size: 34px;
    background-color: white;
    min-height: 100px;
    display: flex;
    align-items: center;
    text-transform: uppercase;

  border-radius: 6px 6px 0 0;
  max-width:1440px;
  margin:0 auto;
}
.inner-name-container{
    max-width: 315px;
    word-wrap: break-word;
    hyphens: auto; 
}
@media screen and (max-width:1024px){
  .inner-name-container{
    max-width: 100%;

}
}

 .panel-left{
  padding-left:55px;
}
.name-container{padding-left:75px}

.page-builder-display-reset .page-builder-panel {
  
  border:none;
}

.button{
  width: 392px;
  height: 56px;
  background: #0975B0 0% 0% no-repeat padding-box;
  border-radius: 6px;
  opacity: 1;
  display:flex;
  align-items:center;
  padding-left:20px;
  padding-right:20px;
  font-size:17px;
  font-family:Oswald, sans-seriff;
  color:white!important;
  text-transform:uppercase;
  font-weight: 400;
  max-width:100%;

}
.sidebar .button{
 background:rgba(108, 108, 134, .59);
}

.sidebar .button.active, .sidebar .button:hover{
 background:#0975B0;
}

@media (max-width: 768px){
.page-builder-display-reset.has-panel-left, .page-builder-display-reset .page-builder-framer.has-panel-left {
    flex-wrap: wrap!important;
 }
  
  .button{
    height:35px;
    font-size:15px;
    justify-content:center;
    /* padding-left:0px; */
    width:100%;
    
  }
  .name-container{
    padding-left:0px;
    justify-content:center;
    font-size:25px;
  }
  
}

  .panel-left{
  width:360px!important;
  }

@media (max-width: 1024px){

  .panel-left{
  width:275px!important;
  }
   .page-builder-canvas{
    margin-top:-67px;
  }
}
@media (max-width:768px){
  .panel-left{
  width:100%!important;
 padding-left:0px;
    
  }
  
}

@media (max-width:1600px){
  .name-container, .page-builder-display-reset.has-panel-left, footer {
  max-width:95vw!important;
  }
}


.header *{
  line-height:35px;
}

.current-host{
    margin-bottom: 20px;
    margin-right: 30px;
    margin-top: 13px;
}
.guests-circle{
    display: flex;
    align-items: center;
}

.guests-circle #montserrat{
  font-size:15px;
  font-weight:600;
}

.guests-circle #montserrat.subtext{
  font-size:13px;
  font-weight:300;
}
.rfComp-canvas #montserrat *{
  color: #0A0426;
}


.white-border{
    border: 4px solid white;
    border-radius: 5px;
    background: #F0F1F5;
    padding: 50px 60px 40px;
}
@media screen and (max-width:550px){
 .white-border{
     padding: 25px 20px;
  }
}

.uppercase{text-transform:uppercase;}

.mdBtnR-primary, a.mdBtnR-primary {
    background-color:#0975B0;
  border-radius:6px;
  color:white;
  text-transform:uppercase;
  font-family:Oswald, sans-serif;
  border:none;
  padding:0px;
}
.mdBtnR .mdBtnR-text, a.mdBtnR .mdBtnR-text {
    display: inline-block;
    vertical-align: middle;
      font-weight:400;
  font-family:Oswald, sans-serif;
    cursor: pointer;
    font-size: 20px;
    line-height: 20px;
    padding: 7px 70px 10px;

}
.mdBtnR-primary:hover, .mdBtnR-primary:focus, .mdBtnR-primary.active, a.mdBtnR-primary:hover, a.mdBtnR-primary:focus, a.mdBtnR-primary.active {
  background-color:#0975B0;
  border:none;
}

.button.sponsor-card{
    width:fit-content;
    font-weight:400;
    font-family:Oswald, sans-serif;
    cursor: pointer;
    font-size: 20px;
    line-height: 20px;
    padding: 7px 70px 10px;
    height:auto;
    text-align:center;
    display:inline-block;
}

.sponsor-card-container{
     display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; 
}
@media screen and (max-width:768px){
  .sponsor-card-container{
    /* margin-top:24px; */
  }
}
.button-container{ padding:0 25px 25px}
.text-container{ padding:25px}

footer{
     background-image: url(https://static.rainfocus.com/ptc/liveworx21/static/staticfile/staticfile/footer-lw-21%402x_1615560754846001ymrY.png);
    background-size: cover;
    display: flex;
    height: 220px;
    /* justify-content: center; */
    align-items: center;
  max-width:1440px;
  margin: 0 auto;
}
 

.footer-text-container{
    margin-left: 600px;
    text-transform: uppercase;
    color: white;
    min-width: 300px;
  width:300px;
}
.footer-text-container h3{
  font-size: 35px;
    font-weight: 500;
    margin: 0;
}

.footer-text-container p{
  font-size:18px;
  margin:0px;
}

.footer-logo-container{
   width: 100%;
    display: flex;
    justify-content: space-around;
}

.footer-logo-container img{
  height:50px;
  width:50px;

}
.footer-logo-container a:hover{
  color:rgba(0,0,0,0)!important;
}


@media screen and (max-width:1350px){
  footer{
    padding:40px;
    background-image:url("https://static.rainfocus.com/ptc/liveworx21/static/staticfile/staticfile/mobile-bare-footer_1615569828632001dki0.png");
  }
  .footer-text-container {
    margin-left:0px;
  }
}
@media screen and (max-width:767px){
  footer{
  flex-direction:column;
    align-items: baseline;
  }
  .footer-logo-container img {
	height:40px;
    width:40px;
  }
  .footer-logo-container{
    margin-top:20px;
        justify-content: space-between;
  }
}

@media (max-width: 768px){
.page-builder-canvas {
    margin-top: 0px;
}
}

.sponsor-card-container img{
  
  width:100%
}

.episode-cards p {
  display:flex;
  justify-content:center;
}


.info-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.info-container img{width:100%;}

.info-container .content-container{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:100%;
}

.info-container .text-container{
  line-height:15px;
  padding-top:10px;
  padding-bottom:10px;
}

.button.info-card{
     width: 100%;
    font-weight: 400;
    font-family: Oswald, sans-serif;
    cursor: pointer;
    font-size: 20px;
    line-height: 20px;
    padding: 7px 10px 10px;
    height: auto;
    text-align: center;
    display: inline-block;
}

@media screen and (max-width:768px){
  .button.info-card, .button.sponsor-card{
    width:100%;
  }
  .additional-resources{
    margin-top:30px;
  }
  .text-container{
    text-align:center;
  }
}

.additional-resources #oswald p{line-height:35px;}


@media (min-width:1023px){
  .additional-resources{margin-bottom:-20px}
  .the-series{    margin-bottom: -40px;}
}

.episode-cards.first-row{padding-bottom:0px;}

.rf-video-player{
  box-shadow: 0px 20px 50px #A39EB4;

}

.the-series{
 margin-top:50px; 
}

@media (max-width:1024px){
  .button.sponsor-card{
   width:100%;
   padding: 7px 40px 10px;
  }
}
@media (max-width:1250px){
  .guests-circle {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
}

.guests-circle #montserrat.subtext div:first-child {
    font-size: 13px;
    font-weight: 400;
}

.ptc-liveworx21-virtualplatform-createaccount form,
.ptc-liveworx21-virtualplatform-createaccount .label-text{
  color:white!important;
}

.pr{
  padding-right:10%;
  
}

@media screen and (max-width:768px){
  .pr {
    padding-right:0px;
    margin: 20px auto 45px;
    max-width: 393px; 
}
}