/*!
 * Start Bootstrap - Clean Blog v3.3.7+1 (http://startbootstrap.com/template-overviews/clean-blog)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
html, body {
    font-family: 'Lato', sans-serif !important;
}
a, body {
    color: #333
}
.card, .card-body {
    background-color:white !important;
}
.card-body {
    padding:20px !important;
}

@media (min-width: 768px) {
    .intro-header .page-heading, .intro-header .post-heading, .intro-header .site-heading {
        padding: 100px 0 50px;
        color: #fff;
    }
.bg-colour { 
background-color: #eeeeee; 
}
}

@media (max-width: 768px) {
.intro-header .page-heading h1, .intro-header .site-heading h1 {
    margin-top: 0;
    font-size: 35px !important;
}
.bg-colour { 
background-color: #fff; 
}
}

.navbar-custom .nav li a, h1, h2, h3, h4, h5, h6 {
    font-weight: 800
}

.navbar-default {
    background-color: #1e6083 !important;
}
.navbar-default a {
   color: #fff !important;
}
.navbar-brand{
padding: 0 !important;
}
.navbar-default a.btn-cta {
    color: #fff !important;
    background-color:orange !important;
    text-decoration:none;
    border:none;
}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-bottom:5px !important;
    margin-top:5px !important;
}

.intro-header .page-heading, .intro-header .site-heading, footer .copyright {
    text-align: center
}

body {
    font-family: Lora,'Times New Roman',serif;
    font-size: 20px;
    -webkit-tap-highlight-color: #0085a1
}

.intro-header .page-heading .subheading, .intro-header .post-heading .subheading, .intro-header .site-heading .subheading, .navbar-custom, h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif
}

p {
    line-height: 1.5;
    margin: 30px 0
}

    p a {
        text-decoration: underline
    }

a:focus, a:hover {
    color: #0085a1
}

a img:focus, a img:hover {
    cursor: pointer;
}

hr.small {
    max-width: 100px;
    margin: 15px auto;
    border-width: 4px;
    border-color: #fff
}

.navbar-custom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3
}

    .navbar-custom .navbar-header .navbar-toggle {
        color: #777;
        font-weight: 800;
        text-transform: uppercase;
        font-size: 12px
    }

    .navbar-custom .nav li a {
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 1px
    }

@media only screen and (min-width:768px) {
    .navbar-custom {
        background: 0 0;
        border-bottom: 1px solid transparent
    }

        .navbar-custom .nav li a {
            color: #fff;
            padding: 20px
        }

            .navbar-custom .nav li a:focus, .navbar-custom .nav li a:hover {
                color: rgba(255,255,255,.8)
            }
}

@media only screen and (min-width:1170px) {
    .navbar-custom {
        -webkit-transition: background-color .3s;
        -moz-transition: background-color .3s;
        transition: background-color .3s;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

        .navbar-custom.is-visible {
            -webkit-transform: translate3d(0,100%,0);
            -moz-transform: translate3d(0,100%,0);
            -ms-transform: translate3d(0,100%,0);
            -o-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0)
        }
}

.intro-header {
    background: center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    margin-bottom: 25px
}

    .intro-header .page-heading, .intro-header .post-heading, .intro-header .site-heading {
        padding: 100px 0 50px;
        color: #fff
    }

        .intro-header .page-heading h1, .intro-header .site-heading h1 {
            margin-top: 0;
            font-size: 50px
        }

        .intro-header .page-heading .subheading, .intro-header .site-heading .subheading {
            font-size: 24px;
            line-height: 1.1;
            display: block;
            font-weight: 300;
            margin: 10px 0 0
        }

@media only screen and (min-width:768px) {
    .intro-header .page-heading, .intro-header .post-heading, .intro-header .site-heading {
        padding: 110px 0 60px;
    }

        .intro-header .page-heading h1, .intro-header .site-heading h1 {
            font-size: 80px
        }
}

.intro-header .post-heading h1 {
    font-size: 35px
}

.intro-header .post-heading .meta, .intro-header .post-heading .subheading {
    line-height: 1.1;
    display: block
}

.intro-header .post-heading .subheading {
    font-size: 24px;
    margin: 10px 0 30px;
    font-weight: 600
}

.intro-header .post-heading .meta {
    font-family: Lora,'Times New Roman',serif;
    font-style: italic;
    font-weight: 300;
    font-size: 20px
}

    .intro-header .post-heading .meta a {
        color: #fff
    }

@media only screen and (min-width:768px) {
    .intro-header .post-heading h1 {
        font-size: 55px
    }

    .intro-header .post-heading .subheading {
        font-size: 30px
    }
}

.post-preview > a {
    color: #333
}

    .post-preview > a:focus, .post-preview > a:hover {
        text-decoration: none;
        color: #0085a1
    }

    .post-preview > a > .post-title {
        font-size: 30px;
        margin-top: 30px;
        margin-bottom: 10px
    }

    .post-preview > a > .post-subtitle {
        margin: 0 0 10px;
        font-weight: 300
    }

.post-preview > .post-meta {
    color: #777;
    font-size: 18px;
    font-style: italic;
    margin-top: 0
}

    .post-preview > .post-meta > a {
        text-decoration: none;
        color: #333
    }

        .post-preview > .post-meta > a:focus, .post-preview > .post-meta > a:hover {
            color: #0085a1;
            text-decoration: underline
        }

@media only screen and (min-width:768px) {
    .post-preview > a > .post-title {
        font-size: 36px
    }
}

.section-heading {
    font-size: 36px;
    margin-top: 60px;
    font-weight: 700
}

.btn {
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 1px
}

footer {
    padding: 15px;
}

    footer .list-inline {
        margin: 0;
        padding: 0
    }

    footer .copyright {
        font-size: 14px;
        margin-bottom: 0
    }

.btn {
    font-size: 14px;
    border-radius: 0;
    padding: 10px 15px
}

.btn-lg {
    font-size: 16px;
    padding: 25px 35px
}

.btn-default:focus, .btn-default:hover {
    background-color: #0085a1;
    border: 1px solid #0085a1;
    color: #fff
}

::-moz-selection {
    color: #fff;
    text-shadow: none;
    background: #0085a1
}

::selection {
    color: #fff;
    text-shadow: none;
    background: #0085a1
}

img::selection {
    color: #fff;
    background: 0 0
}

img::-moz-selection {
    color: #fff;
    background: 0 0
}

#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-color: rgba(31,97,131,1);
    border-width: 1px;
    border-radius: 5px
}

    #custom-bootstrap-menu.navbar-default .navbar-nav > li > a {
        color: rgba(255,255,255,1);
        background-color: rgba(31,97,131,1)
    }

        #custom-bootstrap-menu.navbar-default .navbar-nav > li > a:focus, #custom-bootstrap-menu.navbar-default .navbar-nav > li > a:hover {
            color: rgba(255,255,255,1);
            background-color: rgba(22,74,102,1)
        }

    #custom-bootstrap-menu.navbar-default .navbar-toggle {
        border-color: #2682b3
    }

        #custom-bootstrap-menu.navbar-default .navbar-toggle:focus, #custom-bootstrap-menu.navbar-default .navbar-toggle:hover {
            background-color: #2682b3
        }

        #custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
            background-color: #2682b3
        }

        #custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar, #custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar {
            background-color: #1f6183
        }