/* ===== BONACIA PAYMENT GATEWAY CSS ===== //

Created: 12/10/2018
Included: /includes/header.php

*/

/* ===== FONTS ===== */

@font-face { font-family:AllerLight;src:url(/assets/fonts/Aller_Lt.ttf); }
@font-face { font-family:AllerLightBd;src:url(/assets/fonts/Aller_Bd.ttf); }
@font-face { font-family:AllerLight_IE;src:url(/assets/fonts/woff/Aller_Lt.woff); }
@font-face { font-family:AllerLightBd_IE;src:url(/assets/fonts/woff/Aller_Bd.woff); }
@font-face { font-family:AllerDisplay;src:url(/assets/fonts/AllerDisplay.ttf); }
@font-face { font-family:GEO;src:url(/assets/fonts/GEO703XB.TTF); }
@font-face { font-family:GEO_IE;src:url(/assets/fonts/woff/GEO703XB.woff); }


/* ===== TYPOGRAPHY ===== */

body { font-family:AllerLight,AllerLight_IE;min-height:100vh;min-width:100%;background-color:#f3f3f3;margin:0;padding:0;box-sizing:border-box; }

h1,h2,h3,h4,h5,h6 { font-family:GEO,GEO_IE !important;margin:0;color:#450043;text-transform:uppercase;text-align:center;letter-spacing:1px; }
h1, h2, i { color:#2c2233; }

p { font-family:AllerLight,AllerLight_IE;margin:0;line-height:1.4;font-size:1.15em; }

a { color:#d80c8c;text-decoration:none;font-weight:bold; }
a:hover { color:#450043; }

.nowrap { white-space:nowrap; }
.uppercase { text-transform:uppercase; }

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.alert-text { color:#d80b8b !important; }


/* ===== LAYOUT / SPACING ===== */

.no-pad { padding:0 !important; }
.no-margin { margin:0 !important; }

.no-top { margin-top:0 !important;padding-top:0 !important; }
.no-bottom { margin-bottom:0 !important;padding-bottom:0 !important; }

.no-top-margin { margin-top:0 !important; }
.no-bottom-margin { margin-bottom:0 !important; }

.margin-top { margin-top:30px !important; }
.margin-top-half { margin-top:15px !important; }
.margin-bottom { margin-bottom:30px !important; }
.margin-bottom-half { margin-bottom:15px !important; }
.margin-right { margin-right:30px !important; }
.margin-right-half { margin-right:15px !important; }
.margin-left { margin-left:30px !important; }
.margin-left-half { margin-left:15px !important; }

.padding-all { padding:30px; }
.padding-all-half { padding:15px; }
.padding-top { padding-top:30px !important; }
.padding-top-half { padding-top:15px !important; }
.padding-bottom { padding-bottom:30px !important; }
.padding-bottom-half { padding-bottom:15px !important; }
.padding-right { padding-right:30px !important; }
.padding-right-half { padding-right:15px !important; }
.padding-left { padding-left:30px !important; }
.padding-left-half { padding-left:15px !important; }

.flex { display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;	}

.flex-row { -webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row; }
.flex-column { -webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;justify-content:center; }

.flex-item-fit { -moz-box-flex:1 1 auto;-webkit-flex:1 1 auto;-moz-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto; }
.flex-item-equal { -moz-box-flex:1 1 0;-webkit-flex:1 1 0;-moz-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0; }

.vertical-center { align-items:center; }
.horizontal-center { justify-content:center; }

.space-around { justify-content:space-around; }
.space-between { justify-content:space-between; }

.flex-start { justify-content:flex-start; }
.flex-end { justify-content:flex-end; }
.flex-wrap { flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap; }
.flex-nowrap { flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap; }

.no-vertical-align { align-items:normal; }


/* ===== CONTENT ===== */

.transition-20 { -webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s; }

.content-container { width:100%;min-height:100vh;margin:0;padding:0; }
.content-wrapper {
	margin:30px 0;padding:0;background-color:#FFF;box-sizing:border-box;max-width:600px;
	-webkit-box-shadow:0px 0px 40px -10px rgba(44,34,51,0.6);-moz-box-shadow: 0px 0px 40px -10px rgba(44,34,51,0.6);box-shadow: 0px 0px 40px -10px rgba(44,34,51,0.6);
}

header { padding:32px 30px 28px; }
footer { background-color:#2c2133;padding:30px 30px 20px 20px; }
footer h3,
h1.portal-title i { color:#FFF; }
h1.portal-title { color:#FFF;padding:15px;background-color:#2c2133; }

.main-logo { margin-left:-2.25%;max-width:250px; }
.footer-logo { -webkit-flex:0 1 25%;;-moz-flex:0 1 25%;;-ms-flex:0 1 25%;flex:0 1 25%;text-align:center; }
.footer-logo img { max-width:110px;margin:0 auto; }
.footer-logo:hover img { opacity:0.75; }

.light-grey-bg { background-color:#f9f9f9; }
.inset-shadow { -webkit-box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.175); -moz-box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.175); box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.175); }


/* ===== FORMS / BUTTONS ===== */

select { width:60px;display:inline-block;font-family:AllerLight,AllerLight_IE;padding:5px;text-align:center;border-color:#ecebec;border-radius:3px;margin:-4px 0 -2px; }

input:not([type="submit"]) { padding:15px; font-family:AllerLight,AllerLight_IE; font-size:1.3em; text-align:center; width:100%; max-width:250px; box-sizing:border-box; border:1px solid #f9f9f9; }
.button,
input[type="submit"] {
	padding:10px; font-family:GEO,GEO_IE !important; font-size:1.3em; letter-spacing:1px; text-transform:uppercase; text-align:center;
	width:100%; max-width:250px; color:#FFF; text-decoration:none; border:none; margin:0 auto;box-sizing:border-box;background-color:#d80b8b; cursor:pointer; display:block; border-radius:3px;
}
.button:hover,
input[type="submit"]:hover { background-color:#000;color:#FFF; }

.remove { font-size:11px;margin-top:-5px; }


/* ===== CSS END ===== */