/* IPA Page Special Styles */

.ipaCard 	{ display: flex; min-height: 300px; margin: 0px;  }
.ipaTextFront { display: inline-block; align-self: flex-end; width: 100%; }
.ipaTextFront { background-color: rgba(255,255,255,0.85); padding: 5px 15px; }
.ipaTextFront a { color: black !important; }
.ipaCard h2 { font-weight: 700; text-align: center; font-family: Arial Black, Arial, sans-serif; color: black; margin: 0; }
.ipaCard p, .flipcard-block-inner .flip-card-back p  { text-align: center; font-weight: 100; font-size: 1.3em; font-family: Helvetica Light, Helvetica, Arial, sans-serif; color: black;  }

#ipa-step3-back p, #ipa-step4-back p, #ipa-step5-back p { font-size: 1em; }
#ipa-step6-back p { font-size: 0.8em; }

.ipaOuter { padding: 5px; position: relative; }
@media (max-width: 500px) {
	.ipaOuter { padding: 10px 0;}
}

.clickOverlay a { position: absolute; width: 100%; height: 100%; z-index: 100; }

#ipa-step1 { background: url(/assets/images/ipa/step1-original.jpg); background-size: cover; }
#ipa-step2 { background: url(/assets/images/ipa/step2-original.jpg); background-size: cover; }
#ipa-step3, #ipa-step3-back { background: url(/assets/images/ipa/step3-original.jpg); background-size: cover; }
#ipa-step4, #ipa-step4-back { background: url(/assets/images/ipa/step4-original.jpg); background-size: cover; }
#ipa-step5, #ipa-step5-back { background: url(/assets/images/ipa/step5-original.jpg); background-size: cover; }
#ipa-step6, #ipa-step6-back { background: url(/assets/images/ipa/step6-original.jpg); background-size: cover; }

.flipcard-block-inner { width: 100%; height: 300px; margin: auto; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; perspective: 1000px; }
.flipcard-block-inner:nth-child(2) { margin-left: 60px; }
html.aui .flipcard-block-inner h3.title { width: 90%; font-size: 36px !important; font-weight: 500; color: #fff; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; margin: auto; }
.flipcard-block-inner .layer-mask { background-color: rgba(255, 255, 255, 0.85); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.flipcard-block-inner .flip-card { position: relative; width: 100%; height: 100%; text-align: center; -webkit-transition: transform 0.8s; transition: transform 0.8s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.flipcard-block-inner:hover .flip-card { transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); }
.flipcard-block-inner .flip-card-front, .flipcard-block-inner .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.flipcard-block-inner .flip-card-front { height: 100%; position: absolute; overflow: hidden; width: 100%; z-index: 998; }
.flipcard-block-inner .flip-card-front img { height: 100%; width: 100%; object-fit: cover; }
.flipcard-block-inner .flip-card-back { color: #000; z-index: 999; transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); }
.flip-card-back .close { color: #000; position: absolute; font-size: 36px; top: 5px; right: 15px; opacity: 1; }
.flip-card-back .close:not(:disabled):not(.disabled):focus, .flip-card-back .close:not(:disabled):not(.disabled):hover { color: #fff; }
.flipcard-block-inner .flip-card-back .description { width: 80%; padding: 10px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: intrinsic; height: -moz-max-content; height: -webkit-max-content; }

#faq-block .btn { white-space: wrap; }