hr {border: 0;height: 1px;background: #333;opacity:1}
.bg-blue {background-color:#cbe4f5;}

.qf-1 { font-size: 1.6rem;line-height:1.5;letter-spacing: .1rem;}
.qf-2 { font-size: 1.15rem;line-height:1.4;}
.af-1 { font-size: 1.05rem;letter-spacing: .15rem;}
.cf-3 { font-size: 2.1rem;letter-spacing: .3rem;}

.btn-dark, .btn-dark:hover, .btn-dark:focus, .btn-dark:active:hover {
    color: #fbeee9;
    background-color: #19315d;
    border-color: #19315d;
    letter-spacing: .2rem;
    font-size:1rem;
}
.btn-icon-dark, .btn-icon-dark:hover, .btn-icon-dark:focus, .btn-icon-dark:active:hover {
    color: #19315d;
}
.mobileSelect .grayLayer {background:rgba(203,228,245, 0.5)}
.mobileSelect .content .panel .selectLine{background:rgba(203,228,245, 0.7); width:120%!important; margin-left:-10%; margin-right:-10%;}
.mobileSelect {font-weight:900;}
.mobileSelect .wheels .wheel:first-child ul.selectContainer {text-align:right;}
.mobileSelect .wheels .wheel:last-child ul.selectContainer {text-align:left;}
.mobileSelect .wheels .wheel:first-child:last-child ul.selectContainer {text-align:center!important;}
.choices {width:100%;border-top:0;border-left:0;border-right:0;border-bottom:1px solid rgba(0, 0, 0, 1)!important; border-radius:0;}
.choices__inner {border:0; font-size:100%;padding-top:6px;padding-bottom:6px!important;min-height:0;}
.choices__placeholder {color:#6c757d;opacity:1}
.choices__list {padding-top:0;padding-bottom:0;}
.radio-div {font-size:0.92rem}
.star {
	position: absolute;
	top: 17%;
	left:3%;
	width:34%;
}
.moon {
	position: absolute;
	top: 10%;
	right:15%;
	width:16%
}
.star-animation-1 {
  	animation-name: star-animation-1;
  	animation-duration: 4s;
  	animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.star-animation-2 {
  	animation-name: star-animation-2;
  	animation-duration: 4s;
  	animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.moon-animation-1 {
  	animation-name: moon-animation;
  	animation-duration: 8s;
  	animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes star-animation-1 {
   0% { opacity: 0; }
  20% { opacity: 0; }
  40% { opacity: 1; }
  60% { opacity: 1; }
  80% { opacity: 0; }
 100% { opacity: 0; }
}
@keyframes star-animation-2 {
   0% { opacity: 1; }
  10% { opacity: 1; }
  30% { opacity: 0; }
  70% { opacity: 0; }
  90% { opacity: 1; }
 100% { opacity: 1; }
}
@keyframes moon-animation {
   0% {transform:rotate(0deg);}
   5% {transform:rotate(0deg);}
  45% {transform:rotate(50deg);}
  55% {transform:rotate(50deg);}
 100% {transform:rotate(0deg);}
}
.footer {
	background-color:#fcf7f5;
	font-size:0.75rem;
	line-height:1.6;
}
.modal-content {border-radius:1.3rem;background-color:#eff2f7;}
.modal-header {
	color:#ffffff;
	background-color:#19315d;
	border-top-left-radius: calc(1.3rem - 1px);
	border-top-right-radius: calc(1.3rem - 1px);
}
.modal-title {margin-left:auto;padding-left:25px;letter-spacing: .2rem;}
.modal-backdrop {background:rgba(248, 208, 221, 0.5)}
.link-unstyled, .link-unstyled:link, .link-unstyled:hover {
  color: inherit;
  text-decoration: inherit;
}
.profile-img {
	background-image:url("/static/divinations/img/profile-star.svg");
    background-repeat: no-repeat;
    background-position:center top;
    filter: brightness(0) saturate(100%) invert(86%) sepia(26%) saturate(217%) hue-rotate(169deg) brightness(99%) contrast(93%);
    /*https://codepen.io/sosuke/pen/Pjoqqp*/
}
.profile-parent {
	position: relative;
}

.profile-background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.profile-front {
	width:140px;
  	z-index: 2;
}

.form-check-inline {margin-right:0.2rem;}
#tappay-iframe {
	font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
	margin: 0;
	outline: 0;
	-webkit-appearance: none;
	tap-highlight-color: rgba(255, 255, 255, 0);
	line-height: 1.21428571em;
	padding: .578571em 1em;
	font-size: 1em;
	background: #fff;
	border: 1px solid rgba(34, 36, 38, .15);
	color: rgba(0, 0, 0, .87);
	border-radius: .28571429rem;
	box-shadow: 0 0 0 0 transparent inset;
	-webkit-transition: color .1s ease, border-color .1s ease;
	transition: color .1s ease, border-color .1s ease;
	width: 100%;
}
.logo-label {
	letter-spacing: .05rem;
	font-size: 0.8rem;
	padding: 0.2rem 1.7rem;
}
.two-hearts {
	background-image: url("/static/divinations/img/marriage-twohearts.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-size: 85% 85%;
}
.major-star {
	font-size: 1.9rem;
	font-family: Noto Serif TC;
	letter-spacing:0.05rem;
}
.major-star-img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.answer {
	line-height:2.2;
	font-size:0.9rem;
}
.hide-answer {
	overflow-y:hidden;
	max-height:65px;
	opacity:0.5;
	background-color:rgba(255,255,255,0.6);
}
.hide-bg {
	background-color:rgba(255,255,255,0.6);
}
.blurry-text {
   color: transparent;
   text-shadow: 0 0 6px rgba(0,0,0,0.5);
   user-select: none;
}
.lock {
	position: absolute;
	top: 40%;
	left:50%;
	width:33%;
	transform: translate(-50%, -50%);
}
.layer {
    background-color: rgba(240, 240, 240, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    width: 96%;
    height: 100%;
}
#loader-wrapper .loader-section {
    background: #cbe4f5!important;
}