/* shared
 */

/* sticky footer solved by flexbox - https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/
 */
.Site {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
.Site-content {
    flex: 1;
}

/* my stuff
 */
.title {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    text-transform: lowercase;
}

.my-footer{
    border-top: 1px solid #e6e6e6;
    /* override .section padding */
    padding: 1.5rem 1.5rem;
}
.footer-text{
    font-family: "Montserrat",sans-serif;
    font-weight: 500;
    font-size: 0.9em;
    color: #808080;
}
.footer-text a {
    color: #428bca;
    padding: 8px;
}
.footer-text a:hover {
    padding: 8px;
    background-color: rgb(214,214,221);
    border-radius: 3px;
}

/* button to form
 */
.action{
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

/*override bulma.css defaults
 */
.card {
    background-color: white;
    box-shadow: rgba(10, 10, 10, 0.2) 0px 2px 3px, rgba(10, 10, 10, 0.2) 0px 0px 0px 1px;
    color: rgb(74, 74, 74);
    max-width: 100%;
}

/* main menu (index.html)
 */
#logo-main { height: 100px; width: auto; overflow: hidden; }



/* form pages
 */
#logo { height: 70px; width: auto; overflow: hidden; }
.title h4{
    font-size: 0.7em;
}
.my-top-bar {
    background-color: #fdfdfd;
}
.form-thumbnail{ height: 240px; width: auto; overflow: hidden; }

.form-link{
    color: #ff0d40;
    font-weight: 600;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 0.8px;

    padding: 8px;
    line-height: 28px;
}
.form-link:hover {
    background-color: rgba(200,200,210,0.65);
    color: #ff0d40;
}



/*cognito form override
 */
.cognito {
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.15);
}
/*cognito forms preloader css
 */

/* Set the preloader to be invisible by default */
.preloader {
    display: none;
}
/* center preloader horizontally
 */
div.preloader img {
    margin: 0 auto;
    padding: 16px;
}

/* Override the default invisibility if the preloader doesn't have a form after it. */
.preloader:last-child {
    display: block;
}

/* Create a spinning animation and name it "spin" */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/*
  Apply "spin" animation to the image inside the preloader.
   -  animation-duration is set to "3s" and so each
      rotation will last 3 seconds.
   -  animation-timing-function is set to "linear"
      and so the speed of rotation is constant.
   -  animation-iteration-count is set to "infinite"
      which means what it says.
*/
.preloader img {
    display: block;
    animation-name: spin;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}