@font-face {
    font-family: "FS Me Web Regular";
    src: url("fonts/FSMeWeb-Regular.eot"); /* IE9 */
    src: url("fonts/FSMeWeb-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/FSMeWeb-Regular.woff") format("woff"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

html, body  {
    height: 100%;
    font-family: "FS Me Web Regular", Helvetica, Arial, Verdana, sans-serif;
}

h1 {
    color: #1D2B4B;
    /*font-size: 54px;*/
    font-size: 42px;
}

h2 {
    color: #1D2B4B;
    /*font-size: 40px;*/
    font-size: 36px;
}

h3 {
    color: #1D2B4B;
    /*font-size: 34px;*/
    font-size: 30px;
}

h4 {
    font-size: 18px;
}

body, p, li {
    font-family: "FS Me Web Regular", Helvetica, Arial, Verdana, sans-serif;
    font-size: 16px;
    color: #09425b;
}

a, a:hover {
    color: #1D2B4B;
}

a.selected {
    background: #1D2B4B none repeat scroll 0 0;
    color: #FFF;
}

.alert {
    margin-top: 20px;
    margin-bottom: 20px;
}

.user-manual {
    padding: 0;
    border: 1px solid transparent;
    border-radius: 4px;
}

.user-manual:hover {
    border: 1px solid #1D2B4B;
}

.symbol-page {
    background-color: #F2F2F2;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.symbol-paragraph {
    margin-bottom: 60px;
}

.proud-to-help-wrap {
    background: #8ecfd4;
}

.proud-to-help {
    background: #8ecfd4 url("images/proud_to_help_header.png") no-repeat left;
    height: 100px;
}

.proud-to-help h4 {
    color: #1D2B4B;
    margin-top: 35px;
    margin-left: 10px;
}

.region-logo {
    max-height: 160px;
    max-width: 100%;
    margin-bottom: 20px;
}

.member-scheme-map {
    height: 450px;
    /* TODO Make map size responsive*/
}

.member-scheme-badge {
    background-color: #F9910C;
}

.member-scheme-item {
    border-color: #ffffff;
}

#id-member-scheme-map-canvas {
    height: inherit;
}

.search-map {
    /*background: #FFFFFF;*/
    height: 95%;
}
.search-map-frame {
    /*background: #FFFFFF;*/
    height: 100%;
}

#id-map-canvas {
    height: 800px;
    margin-bottom: 40px;
}

.search-form-small {
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

.search-form {
    margin-top: 2px;
    position: relative;
    z-index: 1;
}

.front_page {
    background-color: #FFFFF0;
}

.microscope {
    float: left;
    margin-top: -20px;
    margin-right: -10px;
    z-index: 2;
    position: relative;
}

.become-a-sponsor a {
    background-color: #F9910C;
    padding: 10px;
    color: #FFF;
    font-size: 28px;
}

.what-are-safe-places {
    background-color: #FFFFF0;
}

.info-link, .info-link:visited {
    font-size: 18px;
    color: #1D2B4B;
    margin-bottom: 20px;
}

.sponsors {
    background-color: #FFFFF0;
}

.social {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

.legal {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

.safe-places-big {
    background: #8ecfd4 url("images/sp_bkg.png") no-repeat center;
    background-size: 570px;
    padding-top: 15px;
    padding-bottom: 25px;
}

.safe-places-big h3 {
    color: #1D2B4B;
    text-align: center;
    margin-bottom: 6px;
    /*font-size: 33px;*/
}

#id-search-box {
    font-size: 16px;
    height: 38px;
}

#id-search-button {
    font-size: 16px;
    height: 38px;
}

.map-box {
    border-radius: 15px;
    background-color: #2f2f2f;
}

#small {
    font-size: 14px;
    cursor: pointer;
}

#medium {
    font-size: 18px;
    cursor: pointer;
}

#large {
    font-size: 22px;
    cursor: pointer;
}

.footer {
    background-size: cover;
    background: #333 url("images/footer.png") repeat-x bottom;
    padding-bottom: 20px;
    padding-top: 20px;
}

.footer div {
    color: #C2C2C2;
    font-size: 13px;
    line-height: 20px;
    /*margin-bottom: 20px;*/
}

.footer a {
    color: #FFFFFF;
    font-size: 13px;
    line-height: 20px;
    /*margin-bottom: 20px;*/
}

.footer h3 {
    color: #F9910C;
}

.static-map {

}

/* UK Regions Map */

.uk-map {
    border: thin #cccccc solid;
    margin-bottom: 20px;
}

.uk-map-overlay {
    pointer-events: all;
    fill: none;
    cursor: pointer;
}

.zoom-button {
    margin: 5px;
    float: left;
    position: absolute;
}

.region {
    fill: #dadada;
}

.region:hover {
    fill: #cdcdcd;
}

.region-registered {
    fill: #F9910C;
}

.region-registered:hover {
    fill: #D78902;
}

.region-boundary {
    fill: none;
    stroke: #fff;
    stroke-width: 0.5;
    stroke-linejoin: round;
    /*noinspection CssUnknownProperty*/
    vector-effect: non-scaling-stroke;
}

.region-inactive {
    fill: #dadada;
}

/* Bootstrap overrides */
.navbar {
    margin-bottom: 0;
    background-color: #FFFFF0;
    min-height: 0;
    border: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.navbar-brand {
    padding: 5px 15px;
    display: flex;
    align-items: flex-end;
    height: 90px;
}

.brand-image {
    padding: 5px 15px;
    margin: 4px;
    height: 100%;
    width: auto;
}

.brand-text {
    color: #1D2B4B;
    text-align: center;
}

.control-header {
    margin: 2px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.control-header-item-w {
    display: inline-flex;
    align-items: center;
}

/*.control-header > div > .btn {*/
    /*font-size: 14px;*/
/*}*/

.white-background {
        background-color: #FFFFFF;
}

.yellow-background {
        background-color: #FFFFF0;
}


@media (min-width: 768px) {

    .control-header {
        margin: 2px 10%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-around;
    }

    /*.navbar-flex {*/
        /*display: flex;*/
        /*justify-content: space-around;*/
        /*flex-wrap: wrap;*/
        /*margin: 2px 10%;*/
    /*}*/

    /*.navbar-nav {*/
        /*display: flex;*/
        /*align-items: flex-end;*/
    /*}*/

    .navbar-nav > li > a {
        padding: 5px 15px;
    }

    .brand-image {
        height: 100%;
        width: auto;
        padding: 0 10px;
    }
}

.navbar-toggle {
    padding: 5px;
}

.navbar-nav > li > a {
    color: #1D2B4B;
    font-family: "FS Me Web Regular", Helvetica, Arial, Verdana, sans-serif;
}
.navbar-nav > li > a:hover {
    color: #1D2B4B;
    text-decoration: underline;
}

.nav-control-disabled {
    color: #b1b1b1;
}
.nav-control-enabled {
    color: #09425b;
}

.nav-control-enabled:hover, .nav-control-enabled:active {
    cursor: pointer;
}

/* Home page */
.carousel {
    min-height: 220px;
}

.testimonials {
    height: 550px;
}

.testimonial-arrow {
    vertical-align: top;
    margin-right: 16px;
}

.testimonial-body {
    background-color: #f5c529;
    color: #646464;
    padding: 20px;
    border-radius: 20px;
}


.testimonial-name {
    text-align: right;
    padding-right: 70px;
    padding-top: 40px;
}

.carousel-control {
    background-image: none !important;
    background-repeat: repeat-x;
}

.carousel-image {
    min-height: 320px;
    margin-top: 60px;
    margin-bottom: 60px;
}

.snackbar {
    padding-bottom: 10px;
}

.snackbar-item {
    margin-left: 20px;
    margin-bottom: 20px;
}
.snackbar-item-title {
    font-size: 12px;
    padding-top: 10px;
    color: #fff;
    margin-left: -25px;
}
.snackbar-item-text {
    font-size: 12px;
    margin-left: -25px;
}

.snackbar-item img {
    padding: 10px 0;
    margin-left: -5px;
}

.snackbar-item-donate {
    background-color: #ef7900;
}
.snackbar-item-donate p {
    color: #1d2b4b;
}

.snackbar-item-join {
    background-color: #8cd2d6;
}
.snackbar-item-join p {
    color: #1d2b4b;
}

.snackbar-item-share {
    background-color: #4a3a5b;
}
.snackbar-item-share p {
    color: #f39200;
}

.sidebar {
    margin-bottom: 30px;
    margin-top: -15px;
}

.sidebar-item {
    padding: 20px 10px 10px;
    margin: 15px -10px;
}
.sidebar-item h3 {
    color: #fff;
    margin-left: -15px;
    margin-bottom: 2px;
    margin-top: 0;
}
.sidebar-item p {
    margin-left: -15px;
}
.sidebar-item img {
    height: 80px;
}

.sidebar-item-donate {
    background-color: #ef7900;
}
.sidebar-item-donate p {
    color: #f5c529;
}

.sidebar-item-join {
    background-color: #8cd2d6;
}
.sidebar-item-join p {
    color: #1d2b4b;
}
.sidebar-item-share {
    background-color: #4a3a5b;
}
.sidebar-item-share p {
    color: #f39200;
}

.sidebar-item-contact {
    background-color: #878787;
}
.sidebar-item-contact p {
    color: #f39200;
}

/* Search box */
.pac-container {
    background-color:#fff;
    position:absolute!important;
    z-index:1000;
    border-radius:2px;
    border-top:1px solid #d9d9d9;
    box-shadow:0 2px 6px rgba(0,0,0,0.3);
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden
}

.pac-logo:after {
    content:"";
    padding:1px 1px 1px 0;
    height:16px;
    text-align:right;
    display:block;
    background: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png) no-repeat right;
    background-size:120px 14px
}

.hdpi.pac-logo:after {
    background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png)
}

.pac-item {
    cursor:default;
    padding:0 4px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    text-align:left;
    border-top:1px solid #e6e6e6;
    color:#999
}

.pac-item:hover {
    background-color:#fafafa
}

.pac-item-selected,.pac-item-selected:hover {
    background-color:#ebf2fe
}

.pac-matched {
    font-weight:700
}

.pac-item-query {
    padding-right:3px;
    color:#000
}

.pac-icon {
    width:15px;
    height:20px;
    margin-right:7px;
    margin-top:6px;
    display:inline-block;
    vertical-align:top;
    background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);
    background-size:34px
}

.hdpi .pac-icon {
    background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png)
}

.pac-icon-search {
    background-position:-1px -1px
}

.pac-item-selected .pac-icon-search {
    background-position:-18px -1px
}

.pac-icon-marker {
    background-position:-1px -161px
}

.pac-item-selected .pac-icon-marker {
    background-position:-18px -161px
}

.pac-placeholder {
    color:gray
}

.lotto-logo {
    padding-top: 24px;
    float: right;
}

.language-button {
    padding-top: 2px;
    padding-bottom: 2px;
    width: 80px;
}

#point_togglebutton {
    padding-bottom: 4px;
}

#id-dont-delete {
    margin-left: 50px;
}

#location-form-extras div {
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
}

#location-form-extras div a {
    padding: 5px 20px ;
    margin: 5px;
}
#id-look-up a {
    background-color: lightgrey;
}
#id-location-delete a {
    background-color: red;
}