/*
 * Globals
 */


/* CSS Selector  */
[class*="span"] {
    background: #EEF;
}

[class*="span"] [class*="span"] {
    background: #FEE;
}

/*
 * Base structure
 */

html,
body {

    font-family: 'Neuzeit S LT W01 Book', 'NeuzeitS-Book', 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    color: #3c4142;
    /*font-size: initial;*/

    /*background-color: #ccf0e6;*/
    /*background-color: #a0cdca;*/
    /*background-color: #fedb97;*/
    /*background-color: #f6f6f6;*/
    /*background-color: #f0f0f0;*/
    background-color: #EEFBFB;
    /*background-color: #FFFACD;*/
    /*background-color: #FADA5E;*/
    height: 100%;

    /*background-color: #c2dde6;*/
    /*background-color: #e1e8f0;*/

    /*background-image: url('/../static/background.jpg');*/
    /*height: 100%;*/
    /*background-position: right;*/
    /*background-repeat: no-repeat;*/
    /*background-size: auto;*/
}

/* Links */

a:link,
a:visited,
a:hover,
a:active,
a:focus {
color: #3c4142;
}

/*

Texts

 */

/* Media queries */


/* Small devices (phones, 600px and down) */
@media only screen and (max-height: 600px) {

    .promo-text-title {
        font-size: small;
        /*color: #FC5370;*/
    }

    .promo-text-subtitle {
        font-size: small;
    }

    .promo-text-call-to-action {
        font-size: small;
    }

    .poll-text {
        font-size: small;
    }

    .privacy-text {
        font-size: initial;
    }

    .footer-text {
        font-size: x-small;
    }

    div.spacer {
        font-size: 0;
        height: 20px;
        line-height: 0;
    }

    .circle-container {
        text-align: center;
        line-height: 100px;
    }
}

/* Large devices (phones, 600px and up) */
@media only screen and (min-height: 601px) {

    .promo-text-title {
        font-size: initial;
        /*color: #1d9d01;*/
    }

    .promo-text-subtitle {
        font-size: initial;
    }

    .promo-text-call-to-action {
        font-size: initial;
    }

    .poll-text {
        font-size: large;
    }

    .privacy-text {
        font-size: initial;
    }

    .footer-text {
        font-size: small;
    }

    div.spacer {
        font-size: 0;
        height: 40px;
        line-height: 0;
    }
    .circle-container {
        text-align: center;
        line-height: 140px;
    }
}

/* Large devices (phones, 700px and up) */
@media only screen and (min-height: 701px) {

    .promo-text-title {
        font-size: large;
        /*color: #0046b0;*/
    }

    .promo-text-subtitle {
        font-size: large;
    }

    .promo-text-call-to-action {
        font-size: large;
    }

    .poll-text {
        font-size: x-large;
    }

    .privacy-text {
        font-size: initial;
    }

    .footer-text {
        font-size: small;
    }

    div.spacer {
        font-size: 0;
        height: 60px;
        line-height: 0;
    }
    .circle-container {
        text-align: center;
        line-height: 150px;
    }
}

/*.carousel {*/
/*        min-height: 700px;*/
/*    }*/

/* outer, middle and inner are used to center a div on screen */
.outer {
      display: table;
      position: absolute;
      top: 25%;
      bottom: 25%;
      left: 0;
      height: 50%;
      width: 100%;
    }

    .middle {
      display: table-cell;
      vertical-align: middle;
    }

    .inner {
      margin-left: auto;
      margin-right: auto;
      /*width: 400px;*/
    }

/*

Poll view and poll Carousel

*/
/*.carousel {*/
/*    min-height: 120px;*/
/*    !*display: flex;*!*/
/*    !*flex-flow: column;*!*/
/*    !*height: 100%;*!*/
/*}*/

.yes-circle {
    height: 1px;
    width: 1px;
    visibility: hidden;
    background-color: #21CDA6;
    border-radius: 50%;
    font-size: 15px;
    margin-right: 20px;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    display: inline-block;
}

.no-circle {
    height: 1px;
    width: 1px;
    visibility: hidden;
    margin-left: 20px;
    background-color: #FC5370;
    border-radius: 50%;
    font-size: 15px;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    display: inline-block;
}

.carousel-control-prev-icon {
    background-image: url('/../static/previous.png');
}

.carousel-control-next-icon {
    /*height: 100px;*/
    /*width: 100px;*/
    /*outline: white;*/
    /*background-size: 100%, 100%;*/
    /*!*border-radius: 50%;*!*/
    /*border: 1px solid black;*/
    background-image: url('/../static/next.png');
}

/*.carousel-control-next-icon:after*/
/*{*/
/*content: '>';*/
/*font-size: 55px;*/
/*color: red;*/
/*}*/

/*.carousel-control-prev-icon:after {*/
/*content: '<';*/
/*font-size: 55px;*/
/*color: red;*/
/*}*/


/*
 * Header Navigation - NOT USED
 */

/*.masthead {*/
/*    margin-bottom: 2rem;*/
/*}*/

/*.masthead-brand {*/
/*    margin-bottom: 0;*/
/*}*/

/*.nav-masthead .nav-link {*/
/*    padding: .25rem 0;*/
/*    !*font-weight: 700;*!*/
/*    !*color: rgba(255, 255, 255, .5);*!*/
/*    color: #3c4142;*/
/*    background-color: transparent;*/
/*    border-bottom: .25rem solid transparent;*/
/*}*/

/*.nav-masthead .nav-link:hover,*/
/*.nav-masthead .nav-link:focus {*/
/*    border-bottom-color: rgba(255, 255, 255, .25);*/
/*}*/

/*.nav-masthead .nav-link + .nav-link {*/
/*    margin-left: 1rem;*/
/*}*/

/*.nav-masthead .active {*/
/*    color: #3c4142;*/
/*    border-bottom-color: #fff;*/
/*}*/

/*@media (min-width: 48em) {*/
/*    .masthead-brand {*/
/*        float: left;*/
/*    }*/

/*    .nav-masthead {*/
/*        float: right;*/
/*    }*/
/*}*/