/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align:center;
  display: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

.entry-modal-ttl{
	font-size:22px;
	font-weight:700;
	text-align:center;
	color:#058aa7;
	margin:0 auto 30px;
	max-width: 960px;
    width: 92%;
	padding:0 0 10px;
	border-bottom:2px solid #058aa7;
}
.remodal p{
	width:70%;
  position: relative;
  max-width: 960px;
    width: 92%;
	margin:0 auto 30px;
	text-align:left;
}
.top-rec-entry-btn.modal-btn {
    float: none;
    margin: 0 auto;
    position: relative;
    width: 80%;
    z-index: 10;
}

@media screen and (max-width: 900px) {
	.entry-modal-ttl{
	font-size:18px;
	font-weight:700;
	text-align:center;
	color:#058aa7;
	margin:0 auto 20px;
	max-width: 960px;
    width: 92%;
	padding:0 0 8px;
	border-bottom:1px solid #058aa7;
}
.top-rec-entry-btn.modal-btn {
    width: 100%;
}
}