/* Popup box BEGIN */
.hover_bkgr_fricc{
    background:rgba(025,052,084,.9);
    cursor:pointer;
    display:none;
    position:fixed;
    padding: 2em 2em;
    top:0;
    width: auto;
    z-index:10000;
    max-width: 95%;
}
#thebox img {
    width: 800px;
}
.wp-funraise-embed-giving.form button {
    background-color: #fff; color: #fff;
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
    background-color: #fff;
    box-shadow: 0.5em 0.5em 3em #555;
    display: inline-block;
    height: auto;
    width: auto; 
    min-height: 5em;
    vertical-align: middle;
    position: relative;
    border-radius: 0.4em;
    padding: 1em;
}
.popupCloseButton {
    background-color: #fff;
    border: 0.2em solid #999;
    border-radius: 2.5em;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -1em;
    right: -1em;
    font-size: 1.25em;
    line-height: 1.5em;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
}
.popupCloseButton:hover {
    background-color: #ccc;
}
.surround_box_fricc {
    max-width: 100%; 
    background-color: white; 
}
.trigger_popup_fricc {
    cursor: pointer;
    font-size: 1em;
    margin: 1em;
    display: inline-block;
    font-weight: bold;
}
@media screen and (max-width:  500px) {
  #thebox img {
    width: 450px !important;
  }
    .hover_bkgr_fricc {
     padding: 1em !important;
   }
   #thebox { 
     padding: 0px !important; border: 0px !important; 
   }
}
@media screen and (min-width: 501px) and (max-width:  600px) {
  #thebox img {
    width: 550px !important;
  }
    .hover_bkgr_fricc {
     padding: 1em !important;
   }
   #thebox { 
     padding: 0px !important; border: 0px !important; 
   }
}
@media screen and (min-width: 601px) and (max-width:  900px) {
  #thebox img {
    width: 700px !important;
  }
   .hover_bkgr_fricc {
     padding: 1em !important;
   }
   #thebox { 
     padding: 0px !important; border: 0px !important; 
   }
}

/* Popup box BEGIN */