/*
Dark Purple: #1B0E2B
Purple: #413C50
Purple tint: #BAB6B5

Secondary Colours
Turquiose: #3CBEC8
Thunderbird Red: #EA5257
Sky Blue: #6EAADD
Bright Yellow: #F8AC23
Peach: #F0876E
*/
:root 
{
  --white:#F0F0F0;
/*  --red:#EA5257;
  --turqoise: #3CBEC8;
  --blue: #6EAADD;
  --yellow: #F8AC23;
  --orange: #F0876E;*/
}

@font-face {
    font-family: Apercu-Medium;
    src: url('../fonts/Apercu-Medium.otf');
}

@font-face {
    font-family: Trade-Gothic-bold;
    src: url('../fonts/TradeGothicLTStd-Bd2.otf');
}

@font-face {
    font-family: Trade-Gothic;
    src: url('../fonts/TradeGothicLTStd.otf');
}

body
{
    background-color:#000;
    color:var(--white);
    font-size: 16px;
    height:100%;
    margin:0 auto;
    /*overflow:hidden;*/
    width:100%;
}

#container
{
    background:url("../images/background.png") no-repeat;
    background-size:1080px 1920px;
    color:var(--white);
    height:1920px;
    margin:0 auto;
    /*overflow:hidden;*/
    width:1080px;
}

#ipadContainer
{
    background:url("../images/background.png") no-repeat;
    background-size:768px 1365px;
    color:var(--white);
    height:1025px;
    margin:0 auto;
    overflow:hidden;
    width:768px;
}

#ipadLogoSection
{
    height:275px;
    position:relative;
    width:100%;
}

#ipadContent
{
    height:750px;
    width:100%;
}

#logoSection
{
    height:520px;
    position:relative;
    width:100%;
}

#content
{
    height:1300px;
    width:100%;
}

#footer
{
    height:100px;
}

.page
{
    height:100%;
    position:relative;
    width:100%;
}

.question
{
    font-size:60px;  
}

.questionBold
{
    font-family:Trade-Gothic-bold;
    font-size:60px;
}

p
{
    font-family:Trade-Gothic;
    font-size:45px;    
    margin:0 auto;
    text-align:center;
    text-transform:uppercase;
    width:80%;
}

.checkbox
{
    height:80px;
    width:80px;
}

label
{
    font-family:Trade-Gothic;
    font-size:50px;  
    text-transform:uppercase;
}

.buttonContainer
{
    bottom:0;
    position:absolute;
    width:100%;
}

input[type="text"]
{
    color:#212121;
    display: block;
    font-family:Apercu-Medium;
    width:80%;
}

#ipadContent input[type="text"]
{
    padding: 15px;
    font-size: 25px;
    margin: 0px auto 30px;
}

#content input[type="text"]
{
    padding: 30px;
    font-size: 40px;
    margin: 0px auto 50px;
}

input[type="text"]:focus {
    border-color: #212121;
    outline: none !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #d9d9d9;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #d9d9d9;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #d9d9d9;
}

p.invalid
{
    color:#FF0000;
}

input.invalid
{
    border: 5px solid #FF0000;
}

.invalid::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FF0000;
  opacity: 1; /* Firefox */
}

.invalid:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #FF0000;
}

.invalid::-ms-input-placeholder { /* Microsoft Edge */
  color: #FF0000;
}

a
{    
    border: none;
    color:#1760ff;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
}

.termsText
{
    text-align:left;
    width:80%;
    line-height: 1.5em;
}

#ipadContent .termsText
{
    font-size: 28px;
}

#content .termsText
{
    font-size: 40px;
}

.borderlessTable
{
    border:none;
    margin:0 auto;
    vertical-align: bottom;
}

.borderlessTable tr
{
    border:none;
}

.borderlessTable td
{
    border:none;
}


.termsContainer
{    
    background-color:var(--white);
    color:black;
    font-family:Trade-Gothic;
    min-width: 500px;
    max-width:800px;
    margin: 0 auto;
    padding:50px 25px;   
    font-size:14px;
}

.termsContainer h1 
{
    text-align: center;
    color: #000;
    font-size: 20px;
    margin:15px 0 0;
    padding:10px 0;
}

.termsContainer .title
{
    font-weight:800;
}

.termsContainer .italicText
{
    font-size:14px;
    font-style:italic;
}