/*** CSS for modal preview in Partner Admin ***/
/*@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500";*/
@import "../fonts/fonts.css";
body.modal-iframe  { font-size: 14px; color: #000; background: #fff; margin: 0; padding: 0; line-height: 1.4; overflow-y: hidden; font-family: 'graphik_regularregular','Open Sans',Arial,Helvetica,sans-serif; -webkit-font-smoothing: antialiased; }
.modal-wrap { padding: 0; }
.modal-hdr { padding: 10px 10px 0; }
.modal-cnt { padding: 30px; }
.modal-cta { padding: 0 30px 30px; }
.modal-wrap .img-responsive { display: block; max-width: 100%; height: auto; }

.modal-cnt h1 { font-size: 2rem; font-family: 'jotiathin','Open Sans',Arial,Helvetica,sans-serif; margin: 0 0 20px; font-weight: normal; line-height: 1.2; text-align: left; }
.modal-cnt p { padding: 0; margin: 0; }
.modal-cnt ul { margin-top: 0; margin-bottom: 10px; }
.modal-cnt ul li { padding-top: 10px; }
.modal-cnt b, .modal-cnt strong { font-weight: 500; }

.fancybox-modal-common .fancybox-close-small { background: #fff; top: 0; right: 0; opacity: 1; }

/*** btn ***/
.modal-cta .btn { font-size: 1rem; line-height: 1.3; color: #8e2157; padding: 12px 30px; border-color: #8e2157; font-family: 'graphikmedium','Open Sans'; border-width: 1px; text-decoration: none !important; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.modal-cta .btn:hover, .modal-cta .btn:focus { color: #fff; background: #8e2157; border: none; }


.modal-cta { overflow: hidden; }
.modal-cta-align-l .btn { float: left; }
.modal-cta-align-c { text-align: center; }
.modal-cta-align-c .btn { margin: auto; }
.modal-cta-align-r .btn { float: right; }


/*** MOBILE ***/
@media (max-width: 568px) {
	body.modal-iframe  { font-size: 15px; }
	.modal-cnt h1 { font-size: 24px; }
	.modal-cnt { padding: 20px 15px; }
	.modal-cta .btn { font-size: 15px; }
}