@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;600&family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');

body {
    background: #e6e6e6;
    font-family: 'Lato', sans-serif;
    font-size: 1.3em;
    margin-bottom:0!important;
}
.topbar { background: #FFF; }
.navbar.is-primary {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255,255,255,0.72);
}
.navbar.is-primary .navbar-end>.navbar-item {
    color: #666;
}
.navbar.is-primary .navbar-brand>a.navbar-item:hover { background: transparent; }
.navbar.is-primary .navbar-burger {
    color: #0092d6;
}
.mw200 { max-width: 200px; }
.mw300 { max-width: 300px; }
.mw400 { max-width: 400px; }
.mw600 { max-width: 600px; }
.mw700 { max-width: 700px; }
.is-rounded-25 { 
    border-radius: 25px; 
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.20);
}

ul.checkmark {
    list-style-type: none;
    padding-left: 20px;
}
.checkmark li {
    font-size: 19px;
    position: relative;
    padding-left: 40px;
    line-height: 1.5em;
    margin-bottom: 3%;
}
.checkmark li:before {
    content: '';
    width: 32px;
    height: 32px;
    position: absolute;
    background-image: url(images/goldcheck.png);
    background-size: cover;
    background-position: center;
    left: 0;
    top: 16px;
    transform: translateY(-50%);
}

.button {
    background-color: #FFFF33;
    border-bottom: 14px solid #D5D507;
    color: #006fb8;
    white-space: normal;
}
.button.yellowbutton {
    padding: 5px auto;
    line-height: 1em;
    height: auto;
}
.button.is-light, .button.is-link { 
    background: #0092d6; 
    border-bottom: none;
    color: #FFF;
}
.button.is-light:hover { 
    background: #212121; 
    color: rgba(255,255,255,.7);
}
.button:hover { border-color: #D5D507;}
.btnpulse:hover {
    transform: scale(1);
    animation: pulsing 1s infinite;
}

.label { color: #747682; }

.orderbox {
    background: #FFF;
    box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
    padding: 40px;
}
.orderbox h3 {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 21px;
    margin-bottom: 25px;
}

.bluebg { background: #0092d6; }
.whitebg { background: #FFF; }
.lightbg { background: #F8F9F9; }
.title strong { font-weight: 600!important; }
.imground {
    width: 100%;
    border: 6px solid #fff;
    border-radius: 50%;
}

.red, .content h2.red { color: #B20000; }
.blue, .content h2.blue, .content h1.blue { color: #006fb8; }
.blueborder { border: 3px solid #006fb8; }

#references { border-top: 1px dotted #666; }
#references h3 { font-size: 1.2em; color: #666; }
#references ol {
    font-size: 16px; color: #666;
    word-break: break-all;
}

#footer { background: #0093d7; color: #FFF; }

.highlight {
    background: #ffeb00;
    border-bottom: solid 1px rgba(0, 0, 0, 0.07);
    border-right: solid 1px rgba(0, 0, 0, 0.07);
    padding: 4px 2px 0px 4px;
    text-transform: none;
}

.bluebox {
    background: #c6e0fd;
    padding:20px;
    border: 4px solid #0092d6;
}
.lightbluebox {
    background: #e5f4fb;
    padding: 20px;
}

.embed-container { 
    position: relative;
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}