/**
 * Disable Chrome's horrible focus borders
 */
:focus {
    outline: none;
}

/**
 * Nicer notification colours
 */

#notifications-holder {
    z-index: 999999;
    position: fixed;
    display:block;
    right: 20px;
    top: 20px;
    width: 500px;
    max-width: 90%;
}

/*.notification.is-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.notification.is-warning a {
    color: #533f03!important;
    font-weight: bold;
}

.notification.is-info {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.notification.is-info a {
    color: #002752!important;
    font-weight: bold;
}

.notification.is-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.notification.is-danger a {
    color: #491217!important;
    font-weight: bold;
}

.notification.is-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.notification.is-success a {
    color: #0b2e13!important;
    font-weight: bold;
}*/

/**
 * Fix disabled inputs on iOS
 */
input:disabled,select:disabled {
    -webkit-text-fill-color: #7a7a7a;
    opacity: 1; /* required on iOS */
}

/**
 * remove spin controls on number fields
 */
input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/**
 * tabs
 */
.tab-content {
    display: none;
}
.tab-content.is-active {
    display: block;
}

/**
 * forms
 */
.form-buttons {
    padding-bottom:1em;
}


/**
 * flat toggle buttons
 * https://codepen.io/zFunx/pen/yzvVOv
 */
.switch input {
  display: none;
}

.switch {
  display: inline-block;
  width: 60px; /*=w*/
  height: 30px; /*=h*/
  margin: 8px;
  transform: translateY(50%);
  position: relative;
}

.slider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 30px;
  box-shadow: 0 0 0 2px #777, 0 0 4px #777;
  cursor: pointer;
  border: 4px solid transparent;
  overflow: hidden;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #777;
  border-radius: 30px;
  transform: translateX(-30px); /*translateX(-(w-h))*/
  transition: 0.4s;
}

input:checked + .slider:before {
  transform: translateX(30px); /*translateX(w-h)*/
  background-color: #00d1b2;
}

input:checked + .slider {
  box-shadow: 0 0 0 2px #00d1b2, 0 0 0px #00d1b2;
}

.switch200 .slider:before {
  width: 200%;
  transform: translateX(-82px); /*translateX(-(w-h))*/
}

.switch200 input:checked + .slider:before {
  background-color: red;
}

.switch200 input:checked + .slider {
  box-shadow: 0 0 0 2px red, 0 0 8px red;
}

/**
 * for debugkit
 */
iframe {
    /*height:100%;*/
}

/**
 * big loading spinner
 */


.lds-ripple {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #363636;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -1s;
}
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}

/**
 * matching tabs for merchant profile pages
 */
.tabs.is-boxed.merchant-profile {
    margin-bottom:6px;
}

.tabs.is-boxed.merchant-profile li.is-active a {
    background-color: #f2f5f7!important;
    border-bottom-color: #f2f5f7!important;
}

.hidden {
    display: none!important;
}

#cookies-confirm {
    position:fixed;
    bottom:0;
    left:0;
    width:450px;
    margin:12px
}

#home-hero-heading {
    margin-top:3.75em;
}

.hero-body h2 {
    margin-top:-1em;
}

#home-search {
    margin-top:5em;
}

/* some desktop-only rules */
@media screen and (min-width: 769px) {
    .loan-summary-container {
        position:sticky;
        height:100%;
        top:1rem;
    }

    .business-profile-card {
        position:absolute;z-index:10;right:3em;top:12em;width:100%;
    }
}


/* and some mobile only ones */
@media screen and (max-width: 768px), print {
    .button.is-fullwidth-mobile {
        display: flex;
        width: 100%;
    }

    #cookies-confirm {
        width:100%;
        margin:0px;
    }

    #home-hero-heading {
        margin-top:.75em;
    }

    .hero-body h2 {
        margin-top:-1.25em;
    }

    #home-search {
        margin-top:2em;
    }

}

a.link-inherit {
    color: inherit;
    text-decoration:inherit;
}


.rating_selector {
	cursor: pointer;
}

.rating_selector .rating-star {
  display: inline-block;
  position: relative;
  padding-right: 5px;
  margin-left: -5px;
  color: #f9ac07; /*#e3cf7a;*/
  border:0px;
}

.rating_selector .selected:before {
  content: '\f005';
}


@keyframes yellowfade {
    from { background: #ffdd57; }
    to { background: transparent; }
}

.highlight {
    animation-name: yellowfade;
    animation-duration: 1.5s;
    padding:4px;
}

/* bulma-daterangepicker overrides */
.calendar-table {
    border: 1px solid #cccccc70!important;
    font-size: 0.9em;
}

input.daterange:hover {
    cursor: pointer;
}

/* responsive video modal */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/**
 * Floating tab for switcher modal
 */
#floating-tab {
     position: fixed;
     right: 0;
     top: 200px;
     display: block;
     width: 3em;
     height: 3em;
     padding:.75em;
     /*text-indent: -10000px;*/
     overflow: hidden;
     border-radius: 10px 0px 0px 10px;
     background: #ED1C25;
     cursor: pointer;
     z-index: 39; /* just under modal background */
}

#floating-tab:hover {
    width:3.5em;
    background: #D61921;
}

.step-item > a {
    cursor: default;
}

.plan-selector-item:hover,.multi-plan-selector-item:hover {
    background-color:#2a569d12;
    cursor:pointer;
}

/* navbar item auto-spacing */
nav.auto-spaced .navbar-end > .navbar-item {
}
nav.auto-spaced .navbar-end > .navbar-item:not(:last-child):after {
    content: '\00a0';
}
nav.auto-spaced .navbar-end> .navbar-item:not(:first-child):before {
    content:'|\00a0\00a0\00a0\00a0\00a0\00a0';
}

/* apply */
.columns.multi-select-sub-option .notification {
    padding:.5rem .75rem .5rem .75rem;
}

#multi-plan-switcher .columns:not(:last-child) {
    margin-bottom:0px!important; /* fixes persistent gap with hidden sibling... */
}

.multi-select-sub-option {
    margin-top:.15rem; /* ...and this adds it back in again */
    margin-bottom:.15rem!important;
}


.feature-image-blurred-bg-wrapper {
    overflow:hidden;
    height:300px;
}

.feature-image-blurred-bg {
  filter: blur(10px);
  -webkit-filter: blur(10px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 110%;
  width: 110%;
  margin-top:-10px;
  margin-left:-10px;
}

.feature-image-bg {
    display:none;
    position: relative;
    min-width: 100%;
    filter: blur(5px);
    -webkit-filter: blur(5px);
    z-index: 1;
    transform: translateY(-50%);
    vertical-align: middle;
    /*top:50%;*/
}

.level.is-mobile.schedule-bar .level-item:not(:last-child) {
    margin-right:3px!important;
}

.image-edit-overlay {
    z-index:10;
    position:absolute;
    background:#00000090;
    padding:1em;
    border-radius:8px 0px 8px 0px;
}

.file-upload-business {
    cursor:pointer;
    border:1px solid #00000010;
    border-radius:8px;
}

.file-upload-business img.business-feature-image {
    border-radius:8px;
}

/* donuts :: https://medium.com/@heyoka/scratch-made-svg-donut-pie-charts-in-html5-2c587e935d72 */
.donut-segment {
    -webkit-animation: segment 1s ease-out forwards;
    animation: segment 1s ease-out forwards;
}

.donut-text {
  font: 16px/1.4em "Montserrat", Arial, sans-serif;
  fill: #00d1b2;
  font-weight: bold;
  -moz-transform: translateY(0.25em);
  -ms-transform: translateY(0.25em);
  -webkit-transform: translateY(0.25em);
  transform: translateY(0.25em);
}

.donut-number {
  font-size: 0.6em;
  line-height: 1;
  text-anchor: middle;
  /*-moz-transform: translateY(-0.25em);
  -ms-transform: translateY(-0.25em);
  -webkit-transform: translateY(-0.25em);
  transform: translateY(-0.25em);*/
}

.donut-label {
  font-size: 0.2em;
  text-transform: uppercase;
  text-anchor: middle;
  -moz-transform: translateY(0.7em);
  -ms-transform: translateY(0.7em);
  -webkit-transform: translateY(0.7em);
  transform: translateY(0.7em);
}

@-webkit-keyframes segment {
  from {
    stroke-dashoffset: 25;
  }
}

@keyframes segment {
  from {
    stroke-dashoffset: 25;
  }
}


.donut-number-loan {
  font-size: 0.6em;
  line-height: 1;
  text-anchor: middle;
  -moz-transform: translateY(-0.25em);
  -ms-transform: translateY(-0.25em);
  -webkit-transform: translateY(-0.25em);
  transform: translateY(-0.25em);
}

.donut-label-loan {
  font-size: 0.25em;
  text-transform: uppercase;
  text-anchor: middle;
  -moz-transform: translateY(0.7em);
  -ms-transform: translateY(0.7em);
  -webkit-transform: translateY(0.7em);
  transform: translateY(0.7em);
}

progress.progress {
    margin-top:4px;
}