/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.post_advert{
  background-color:#2B0B2C;
  padding:30px 20px 20px 20px;
  margin-bottom:30px;
  margin-top:30px;

}

.post_advert p{
  color:white;
  font-family:arial !important;
  font-size:14px !important;
  line-height:19px !important;
  margin-bottom:10px;
}

.post_advert p:first-child{
  font-size:17px !important
}


.post_advert p a,.post_advert a:active, .post_advert a:visited, .post_advert a:hover{
  border-bottom:solid 1px #e63e4d;
  color: #e63e4d;
}


#brio-popup-wrapper{
   display:none;
 }

 .brio-popup-outer{
   display: flex;
  justify-content: center;
  align-items: center;
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:99999;
 }

 .brio-popup-bg{
   position:fixed;
   width:100%;
   height:100%;
   background-color:black;
   opacity:0.7;
   z-index:99999;
   top:0;
   left:0;
 }


.brio-popup{
  position:relative;
  background: #2B0B2C;
  border-radius: 14px;
  color: white;
  overflow: auto;
  display:none;
}


.brio-popup .close{
  position:absolute;
  cursor:pointer;
}

.brio-popup h1{
  font-family: Arial;
  font-weight:bold;
  color: #FFFFFF;
  background: #1A071C;
}



.brio-popup .content p{
  font-family: Arial;
  color: #FFFFFF;
}

.brio-popup .center{
  margin:0 auto;
  text-align:center;
}

.brio-popup a.button{
  background: #D0011B;
  border:0;
  color: #FFFFFF;
  cursor:pointer;
  box-shadow:none;
  display:inline-block;
}

.brio-popup a.button:hover{
  background-color:#9F0114
}

.brio-popup a.button span{
  font-family: Arial;
  float:left;
  display:inline-block;
}



@media only screen and (min-width: 320px) {
  .brio-popup{
    width:90%;
    padding-bottom:15px;
  }

  .brio-popup .close{
    right:15px;
    top:20px;
  }

  .brio-popup h1{
    font-size: 16px;
    line-height: 20px;
    padding:15px 70px 15px 15px;
    border-radius: 7px 7px 0 0;
  }

  .brio-popup .content{
    padding:15px 35px 5px 15px;
  }

  .brio-popup .content p{
    font-size: 14px;
    line-height: 19px;
    padding-bottom:10px;
  }

  .brio-popup a.button{
    margin:0 15px;
    border-radius: 4px;
    font-size: 17px;
    padding:5px 12px;
  }

  .brio-popup a.button span,
  .brio-popup a.button i{
    line-height:35px;
  }


  .brio-popup a.button i{
    font-size: 24px;
    margin-left:7px;
  }

}
@media only screen and (min-width: 610px) {
  .brio-popup{
    width:555px;
    padding-bottom:30px;
  }

  .brio-popup .close{
    right:25px;
    top:25px;
  }

  .brio-popup h1{
    font-size: 22px;
    line-height: 28px;
    padding:25px 70px 25px 25px;
    border-radius: 14px 14px 0 0;

  }

  .brio-popup .content{
    padding:0px 25px 0px 25px;
  }

  .brio-popup .content p{
    font-size: 17px;
    line-height: 23px;
    padding-right:70px;
    padding-bottom:10px;
  }

  .brio-popup a.button{
    margin:0 25px;
    border-radius: 7px;
    font-size: 20px;
    padding:10px 20px;
  }

  .brio-popup a.button span,
  .brio-popup a.button i{
    line-height:40px;
  }

  .brio-popup a.button span{
    line-height:40px;
  }

  .brio-popup a.button i{
    font-size: 30px;
    margin-left:7px;
  }
}