/**
 * Custom CSS
 * Overrides UIKit styles
 ============================================================================ */

/**
* light blue #0f99a5
* green #245b60
* dark blue #2e3e6a
 **/

/* Gotham font face */
/* BEGIN Ultra for IE9+ */
@font-face {
  font-family: 'Gotham Ultra';
  src: url("../../fonts/gotham/ultra/gotham-ultra.eot?v=1.1.0") format("embedded-opentype");

}
/* END Ultra for IE 9+ */
/* BEGIN Ultra */
@font-face {
  font-family: 'Gotham Ultra';
  src: url("../../fonts/gotham/ultra/gotham-ultra.eot?v=1.1.0");
  src: url("../../fonts/gotham/ultra/gotham-ultra.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../../fonts/gotham/ultra/gotham-ultra.woff2?v=1.1.0") format("woff2"), url("../../fonts/gotham/ultra/gotham-ultra.woff?v=1.1.0") format("woff"), url("../../fonts/gotham/ultra/gotham-ultra.ttf?v=1.1.0") format("truetype"), url("../../fonts/gotham/ultra/gotham-ultra.svg?v=1.1.0#Light") format("svg");
 }
/* END Ultra */
/* BEGIN Extra Light for IE9+ */
@font-face {
  font-family: 'Gotham Extra Light';
  src: url("../../fonts/gotham/extralight/gotham-extralight.eot?v=1.1.0") format("embedded-opentype");

}
/* END Extra Light for IE 9+ */
/* BEGIN Extra Light */
@font-face {
  font-family: 'Gotham Extra Light';
  src: url("../../fonts/gotham/extralight/gotham-extralight.eot?v=1.1.0");
  src: url("../../fonts/gotham/extralight/gotham-extralight.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../../fonts/gotham/light/gotham-light.woff2?v=1.1.0") format("woff2"), url("../../fonts/gotham/extralight/gotham-extralight.woff?v=1.1.0") format("woff"), url("../../fonts/gotham/extralight/gotham-extralight.ttf?v=1.1.0") format("truetype"), url("../../fonts/gotham/extralight/gotham-extralight.svg?v=1.1.0#Light") format("svg");
 }
/* END Extra Light */

/* BEGIN Light for IE9+ */
@font-face {
  font-family: 'Gotham Light';
  src: url("../../fonts/gotham/light/gotham-light.eot?v=1.1.0") format("embedded-opentype");

}
/* END Light for IE 9+ */
/* BEGIN Light */
@font-face {
  font-family: 'Gotham Light';
  src: url("../../fonts/gotham/light/gotham-light.eot?v=1.1.0");
  src: url("../../fonts/gotham/light/gotham-light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../../fonts/gotham/light/gotham-light.woff2?v=1.1.0") format("woff2"), url("../../fonts/gotham/light/gotham-light.woff?v=1.1.0") format("woff"), url("../../fonts/gotham/light/gotham-light.ttf?v=1.1.0") format("truetype"), url("../../fonts/gotham/light/gotham-light.svg?v=1.1.0#Light") format("svg");
 }
/* END Light */

/* BEGIN Book for IE9+ */
@font-face {
  font-family: 'Gotham Book';
  src: url("../../fonts/gotham/book/gotham-book.eot?v=1.1.0") format("embedded-opentype");
}
/* END Book for IE 9+ */
/* BEGIN Book */
@font-face {
  font-family: 'Gotham Book';
  src: url("../../fonts/gotham/book/gotham-book.eot?v=1.1.0");
  src: url("../../fonts/gotham/book/gotham-book.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../../fonts/gotham/book/gotham-book.woff2?v=1.1.0") format("woff2"), url("../../fonts/gotham/book/gotham-book.woff?v=1.1.0") format("woff"), url("../../fonts/gotham/book/gotham-book.ttf?v=1.1.0") format("truetype"), url("../../fonts/gotham/book/gotham-book.svg?v=1.1.0#Book") format("svg");
}
/* END Book */

/* BEGIN Thin for IE9+ */
@font-face {
  font-family: 'Gotham Thin';
  src: url("../../fonts/gotham/thin/gotham-thin.eot?v=1.1.0") format("embedded-opentype");
}
/* END Thin for IE 9+ */
/* BEGIN Thin */
@font-face {
  font-family: 'Gotham Thin';
  src: url("../../fonts/gotham/thin/gotham-thin.eot?v=1.1.0");
  src: url("../../fonts/gotham/thin/gotham-thin.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../../fonts/gotham/thin/gotham-thin.woff2?v=1.1.0") format("woff2"), url("../../fonts/gotham/thin/gotham-thin.woff?v=1.1.0") format("woff"), url("../../fonts/gotham/thin/gotham-thin.ttf?v=1.1.0") format("truetype"), url("../../fonts/gotham/thin/gotham-thin.svg?v=1.1.0#thin") format("svg");
 }
/* END Thin */

/* BEGIN Medium for IE9+ */
@font-face {
  font-family: 'Gotham Medium';
  src: url("../../fonts/gotham/medium/gotham-medium.eot?v=1.1.0") format("embedded-opentype");
}
/* END Medium for IE 9+ */
/* BEGIN Medium */
@font-face {
  font-family: 'Gotham Medium';
  src: url("../../fonts/gotham/medium/gotham-medium.eot?v=1.1.0");
  src: url("../../fonts/gotham/medium/gotham-medium.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../../fonts/gotham/medium/gotham-medium.woff2?v=1.1.0") format("woff2"), url("../../fonts/gotham/medium/gotham-medium.woff?v=1.1.0") format("woff"), url("../../fonts/gotham/medium/gotham-medium.ttf?v=1.1.0") format("truetype"), url("../../fonts/gotham/medium/gotham-medium.svg?v=1.1.0#Medium") format("svg");
}
/* END Medium */

/* BEGIN Bold for IE9+ */
@font-face {
  font-family: 'Gotham Bold';
  src: url("../../fonts/gotham/bold/gotham-bold.eot?v=1.1.0") format("embedded-opentype");
}
/* END Bold for IE 9+ */
/* BEGIN Bold */
@font-face {
  font-family: 'Gotham Bold';
  src: url("../../fonts/gotham/bold/gotham-bold.eot?v=1.1.0");
  src: url("../../fonts/gotham/bold/gotham-bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../../fonts/gotham/bold/gotham-bold.woff2?v=1.1.0") format("woff2"), url("../../fonts/gotham/bold/gotham-bold.woff?v=1.1.0") format("woff"), url("../../fonts/gotham/bold/gotham-bold.ttf?v=1.1.0") format("truetype"), url("../../fonts/gotham/bold/gotham-bold.svg?v=1.1.0#bold") format("svg");
}
/* END Bold */

/* BEGIN Black for IE9+ */
@font-face {
  font-family: 'Gotham Black';
  src: url("../../fonts/gotham/black/gotham-black.eot?v=1.1.0") format("embedded-opentype");
}
/* END Black for IE 9+ */
/* BEGIN Black */
@font-face {
  font-family: 'Gotham Black';
  src: url("../../fonts/gotham/black/gotham-black.eot?v=1.1.0");
  src: url("../../fonts/gotham/black/gotham-black.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../../fonts/gotham/black/gotham-black.woff2?v=1.1.0") format("woff2"), url("../../fonts/gotham/black/gotham-black.woff?v=1.1.0") format("woff"), url("../../fonts/gotham/black/gotham-black.ttf?v=1.1.0") format("truetype"), url("../../fonts/gotham/black/gotham-black.svg?v=1.1.0#Black") format("svg");
}
/* END Black */

/*
* dark blue #2e3e6a
* light green #0f99a5
*/

html,
body {
    width:100%;
    height:100%;
    font-family:"Gotham Light";
    line-height:1.3;
    color:#000 !important;
}
html,
body.logged-out {
    background: 2e3e6a;
    background: linear-gradient(135deg, #2e3e6a 0%, #0f99a5 100%);
}
a:hover {
text-decoration:none;
}
a,
button,
input {
   transition:all 500ms ease;
}
ul,ol {
    padding-left:1rem;
	list-style-type:none !important;
	list-style-image:none !important;
}
h1 {
    font-size:1.6rem
}
h2 {
    font-size:1.5rem
}
h3 {
    font-size:1.4rem
}
h4 {
    font-size:1.3rem
}
h5 {
    font-size:1.2rem
}
h6 {
    font-size:1.0rem
}
h1,h2,h3,h4,h5,h6 {
margin:20px 0 10px 0;
}

.bold,
label {
font-family:"Gotham Medium";
}

ul, ol {
list-style-type:none;
list-style-image:none;
padding-left:0;
}
li {
margin-bottom:.625rem;
}
label {
margin-bottom:.25rem;
}
table {
width:100%;
max-width:30rem;
}
td {
padding:.5rem 0;
}
table tr:nth-child(even) {
background-color:#eee;
}
hr {
clear:both;
}
.at-risk {
color:#ff6600;
}
.low {
color:#ff0000;
}
input[type="radio"],
input[type="checkbox"] {
transform: scale(1.5);
margin:.25rem 0 0 .5rem;
}
select {
padding:.5rem .25rem;
}
input#pcode {
width:auto;
}
.underline {
border-bottom:1px solid #ddd;
}

.uk-section {
   padding:20px 0;
}

.notice {
	padding:1rem;
	border:1px solid #00da00;
	background-color:#eaffea;
}
.error {
	padding:1rem;
	border:1px solid #da0000;
	background-color:#ffeaea;
}
.required {
font-size:1.3rem;
color:#f00;
}


body.logged-in,
.logged-in .uk-section-default {
    background:#f8f8f8;
}
/* Branding */
.logged-out .branding {
padding-top:.3rem;
}
.uk-navbar-container {
    background: 2e3e6a !important;
    background: linear-gradient(135deg, #2e3e6a 0%, #0f99a5 100%) !important;
    color:#fff;
}
.uk-navbar-toggle,
.uk-navbar-toggle.uk-open,
.uk-navbar-toggle:focus,
.uk-navbar-toggle:hover {
    color:#fff;
}
.uk-navbar-container > .uk-container .uk-navbar-left {
    margin-left:0;
}
.uk-navbar-container > .uk-container .uk-navbar-right {
    margin-right:0;
}
.uk-navbar-toggle {
    padding:0;
}
.uk-navbar-item,
.uk-navbar-nav > li > a,
.uk-navbar-toggle {
    min-height:60px;
}
.uk-navbar-container .branding a {
    color:#fff;
}
.uk-navbar-container .logo {
    margin-right:1rem;
}
.uk-navbar-container .site-name {
    font-family:"Gotham Book";
    font-size:1.6rem;
}
.user-block {
    overflow:auto;
    padding-bottom:.325rem;
    line-height:1.0;
}
.user-block .user {
    float:left;
}
.user .username,
.user .group-name {
    font-family:'Gotham Book';
}
.user .group-name {
    color:#39cbd8;
}
.user-block .edit-link {
    float:right;
    margin-top:1rem;
}
.user-block .edit-link a {
    color:#ddd;
}
.user-block .edit-link a:hover,
.user-block .edit-link a:focus,
.user-block .edit-link a:active {
color:#fff;
}
.group-block {
padding-bottom:.2rem;
}

/* Login and password reset pages */
body.home.logged-out .content,
body.reset-pwd.logged-out .content,
body.pwd-reset.logged-out .content {
    position:relative;
    padding-top:8%;
    max-width:18.5rem;
    margin:0 auto;
}
body.home.logged-out .content .logo-wrapper,
body.reset-pwd.logged-out .content .logo-wrapper,
body.pwd-reset.logged-out .content .logo-wrapper {
    position:relative;
    z-index:10;
    text-align:center;
    width:150px;
    height:150px;
    border:5px solid #245D7E;
    margin:0 auto;
    background-color:#fff;
    border-radius:80px;
}
body.home.logged-out .content .logo-wrapper .branding,
body.reset-pwd.logged-out .content .logo-wrapper .branding,
body.pwd-reset.logged-out .content .logo-wrapper .branding {
	display:block;
    font-size:26px;
    margin:20px 0 10px 0;
	font-family:"Gotham Book";
}
.home.logged-out .content .form-wrapper,
.reset-pwd.logged-out .content .form-wrapper,
.pwd-reset.logged-out .content .form-wrapper {
    position:relative;
    z-index:1;
    margin-top:-80px;
    padding:100px 40px 40px 40px;
    background:#fff;
    -webkit-border-radius:10px;
    border-radius:10px;
}
form .input-wrapper {
    margin-bottom:10px;
}
form .input-wrapper input {
   padding:8px 5px;
}
.home.logged-out .input-wrapper input,
.reset-pwd.logged-out .input-wrapper input,
.pwd-reset.logged-out .input-wrapper input {
   width:100%;    
}
.comments {
margin-top:1.25rem;
}
form .button-wrapper {
text-align:center;
margin-top:1.5rem;
}
a.button {
display:block;
text-align:center;
}
form .button-wrapper input,
a.button {
padding:1rem;
background-color:#2e3e6a;
color:#fff;
border:none;
}
form .button-wrapper input:hover,
form .button-wrapper input:focus,
form .button-wrapper input:active,
a.button:hover,
a.button:focus,
a.button:active {
background-color:rgb(15, 153, 165);
text-decoration:none;
}
a.button {
display:block;
}
.dates .active a,
.referral-links .active a,
.other-links .active a {
background-color:#2e3e6a;
color:#fff;
}
a.uk-card-small:hover,
a.uk-card-small:active,
a.uk-card-small:focus {
text-decoration:none;
background-color:rgb(15, 153, 165);
color:#fff;
}

/* Off-canvas menu */
.uk-nav-default li a {
padding:.625rem 0;
}
.home #menu-li-home a,
.account #menu-li-account a,
.members #menu-li-members a,
.register #menu-li-register a,
.default #menu-li-default a {
color:#fff;
}
.uk-nav-default .active a {
color:rgba(255,255,255,1) !important;
}

.form-control-feedback {
   color:#dc3545;
   font-size:.8rem;
}
.uk-parent a:after,
.uk-parent.uk-open .chevron-right {
display:none;
}
.uk-parent .chevron-right {
float:right;
}
.uk-parent.uk-open a:after {
display:inline;
}

/* Cards */
.dates .uk-card-body,
.stats .uk-card-body {
text-align:center;
}
.dates .uk-card-body:hover,
.home .stats .uk-card-body:hover,
.button,
.button-wrapper input {
box-shadow:0 0 1.5rem #999;
}
.group-stats .stats .uk-card-default {
box-shadow:none;
}
.stats {
margin-bottom:1.5rem;
}

/* Links on stats pages */
.other-links {
max-height:200px !important;
}

/* Admin buttons */
.admin h2 {
text-align:center;
}
.admin .links {
display:table;
width:100%;
}
.take-att-link,
.register-link,
.members-link {
display:table-cell;
vertical-align:middle;
}
.take-att-link,
.members-link {
width:38%;
}
.register-link {
width:24%;
}
.register-link a {
width:4rem;
height:4rem;
border-radius:2rem;
margin:0 auto;
padding-top:1.275rem;
padding-left:1.15rem;
}

.manage-members .take-att-link a.button {
margin-top:.25rem;
}

.manage-members .register-link a.button {
float:right;
}

/* Create Referrals and Manage Members */
#type div,
.status div {
max-width:7rem;
margin-bottom:.25rem;
}
#contact div,
#bcard {
max-width:18rem;
margin-bottom:.25rem;
}
.role div {
max-width:11rem;
margin-bottom:.25rem;
}
#type input[type="radio"],
#contact input[type="radio"],
#bcard input[type="checkbox"],
.role input[type="radio"],
.status input[type="radio"]  {
float:right;
}

/* Group Stats */
.referral-leaders table {
max-width:15rem;
}
.member-stats table {
max-width:25rem;
}
.member-stats th {
background-color:#f8f8f8;
}
.member-stats th.username,
.member-stats .referrals {
text-align:center;
}
.member-stats .given,
.member-stats .received,
.member-stats .ratio,
.member-stats .one-one,
.member-stats .test,
.member-stats .visit,
.member-stats .abs {
padding:.5rem .05rem;
text-align:center;
}

.copyright,
.webfire-link {
text-align:center;
font-size:.85rem;
}
.webfire-link a {
white-space:nowrap;
}

/* Referral pages */
.ref .uk-accordion li,
.one-one .uk-accordion li,
.test .uk-accordion li,
.visit .uk-accordion li,
.member-list .uk-accordion li {
padding:0 .65rem;
background-color:inherit;
margin:0 !important;
border-top:1px solid #ddd;
transition:background-color 500ms ease;
}
.ref .uk-accordion li.uk-open ,
.one-one .uk-accordion li.uk-open ,
.test .uk-accordion li.uk-open ,
.visit .uk-accordion li.uk-open ,
.member-list .uk-accordion li.uk-open {
background-color:#ebf3fd;
}
.ref .type {
padding:.5rem .75rem;
background-color:#5f8c90;
color:#fff;
margin-left:.625rem;
}
.uk-accordion-title {
font-size:1rem;
line-height:2;
padding:.625rem 0;
}
.uk-accordion-content {
padding-bottom:.325rem;
border-top:none !important;
}
.uk-accordion-content div {
margin-bottom:.325rem;
}
.uk-accordion-content .ref-name {
font-size:1.1rem;
font-family:"Gotham Book";
}
.uk-accordion-content .ref-name,
.uk-accordion-content .phone,
.uk-accordion-content .email,
.uk-accordion-content .lead,
.uk-accordion-content .bcard {
margin-bottom:1rem;
}
.uk-accordion-content .lead {
margin-top:1rem;
}
.ref .uk-accordion-content .city,
.member-list .uk-accordion-content .city,
.ref .uk-accordion-content .prov-state,
.member-list .uk-accordion-content .prov-state,
.ref .uk-accordion-content .pcode,
.member-list .uk-accordion-content .pcode {
display:inline-block;
}
.ref .uk-accordion-content .city,
.member-list .uk-accordion-content .city,
.ref .uk-accordion-content .prov-state,
.member-list .uk-accordion-content .prov-state {
margin-right:.325rem;
}
.ref .uk-accordion-content .city::after,
.member-list .uk-accordion-content .city::after  {
content:',';
}
.uk-accordion-content .pcode {
white-space:nowrap;
}
.uk-accordion-content .lead {
max-width:500px;
height:30px;
background-color:#fff;
}
.lead {
height:100%;
}
.lead-1 .score {
width:20%;
height:100%;
background: linear-gradient(90deg, #0f99a5 0%, #318890 100%);
}
.lead-2 .score {
width:40%;
height:100%;
background: linear-gradient(90deg, #0f99a5 0%, #696c6e 100%);
}
.lead-3 .score {
width:60%;
height:100%;
background: linear-gradient(90deg, #0f99a5 0%, #a44d4b 100%);
}
.lead-4 .score {
width:80%;
height:100%;
background: linear-gradient(90deg, #0f99a5 0%, #db3229 100%);
}
.lead-5 .score {
width:100%;
height:100%;
background: linear-gradient(90deg, #0f99a5 0%, #ff2014 100%);
}

/* Members page */
.uk-accordion-content .website {
margin-bottom:1rem;
}
.uk-accordion-content .bus_name {
font-family:"Gotham Book";
}

/* Account page */
.account .content .username,
.account .content .email,
.account .content .password {
margin-bottom:1rem;
}
.account .content .username,
.account .content .email,
.account .content .password,
.account .content .business-info {
position:relative;
}
.account .content .edit-link {
position:absolute;
top:0;
right:0;
}
.business-info > div {
margin-bottom:.325rem;
}
.business-info .address .uk-icon {
float:left;
margin-right:.325rem;
}
.business-info .address {
overflow:auto;
}
.business-info .address .address-details {
display:inline-block;
float:left;
}
.business-info .website {
clear:left;
}

/* Manage Members and Attendance page */
td.id,
td.id-check {
text-align:right;
padding-right:.625rem;
}
td.username {
padding-left:.625rem;
}

/* Loading spinner */
.spinner {
position:fixed;
z-index:1000;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
height:100%;
}
.spinner-container {
display:table;
width:100%;
height:100%;
}
.spinner-container .content {
background:url(../images/white-bg.png) scroll 0 0 transparent;
text-align:center;
display:table-cell;
vertical-align:middle;
}
.spinner img {
width:64px;
height:64px;
}
 
@media all and (max-width:720px) {
	.uk-card-small.uk-card-body {
	padding:.625rem;
	}
}
@media all and (min-width:500px) {
	.referral-list li {
	display:inline-block;
	width:48%;
	}
	.referral-list li.left {
	margin-right:2%;
	}
}