/*New Registration Flow Template

Created by Jason Aquino-Evans
TRM Limited (UK) 2018

This document contains examples of what you can change with CSS on our registration flow to meet your needs. Use this as you may.

The section below is for changing the section that contains the event name and logo*/
.event {
    background: #000000 !important;
    color: white;
    padding: 0 10px;
    height: 80px;
    position: relative;
}

.event h1 {
    background: url(../images/company.png);
    display: block;
    width: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.event h2 {
    margin: 0;
    font-size: 1.125em;
    line-height: 1.2em;
}

.event img {
    width: 45px;
    height: 45px;
    box-shadow: 0 0 11px 1px #9e9e9e;
    border-radius: 50%;
    opacity: 0;
}

/* This is used for the main buttons such as 'Get Tickets'*/
.btnPrimary {
    background: #008dce !important;
    margin-top: 12px;
    color: white !important;
}

/* Button used in the same section as the event name */
.btnSecondary {
    background-color: #008dce !important;
    color: white !important;
}

/* Map icon and event date icons */

.icons {
    color: #008dce !important;
    font-size: 5em;
}

/* Banner container */
.banner {
    background: url(../images/logo.png) !important;
    background-size: contain !important;
    height: 440px;
    max-width: 100%;
    max-height: 71%;
    box-shadow: 0 0 15px -4px #0000;
	background-color: rgba(0, 0, 0, .1) !important;
    background-repeat: no-repeat!important;
    background-position: center !important;
}

/* Main body background */
body {
    background: url('../images/background.jpg') top no-repeat !important;
    background-color: #00000082 !important;
    background-blend-mode: overlay;
    background-size: cover !important;
    color: black;
    margin: 0;
}


/* Footer */
.footer {
    background: #000000 !important;
    text-align: center;
}

hr.divider {
    border-top: 1px solid rgba(0, 0, 0, 0.7)!important;
}

/*This is the section in the footer that reads Powered By Trumin*/
.col-md-3 {
    display: none;
}

/*This is the ! icon next to the email confirmation box on the payment page*/
.orderCheckout .warning {
    display: none;
}

.header {
    min-height: 440px;
    background: none;
    background-size: cover;
    filter: blur(2px);
}

.breakingRestrictions {
    display: none !important;
}

.container {
    margin: 0 auto;
    background: #ffffffff;
}

.event h2 {
    margin: 0;
    font-size: 1.125em;
    line-height: 1.2em;
    margin-left: -36px;
}