/*

Theme Name: Hope DD

Theme URI:

Author: Ivan Kostic

Description: Bootstrap theme for Hope

Version: 1.0.0.1

License: MIT

License URI: http://opensource.org/licenses/MIT

*/



/* ------------------------------------------------------------------------ */

/* Required WordPress CSS

/* ------------------------------------------------------------------------ */

.videoWrapper {

	position: relative;

	padding-bottom: 56.25%; /* 16:9 */

	padding-top: 25px;

	height: 0;

}

.videoWrapper iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

}

.bypostauthor {

}

.gallery-caption {

}

.sticky {

}

.wp-caption {

	border: 1px solid #ccc;

	margin-bottom: 1.5em;

	max-width: 100%;

}

.wp-caption img[class*="wp-image-"] {

	display: block;

	margin: 1.2% auto 0;

	max-width: 98%;

}

.wp-caption-text {

	text-align: center;

}

.wp-caption .wp-caption-text {

	margin: 0.8075em 0;

}

section {

    overflow: hidden;

    width: 100%;

}

a {

    color: #0091c7;

}

a:hover {}

ul {

    list-style-type: none;

}

h1 {

    color: #0093D6;

    font-family: "Open Sans",sans-serif;

    font-size: 32px;

    font-weight: bold;

}

h2 {

    color: #86C02D;

    font-family: "Open Sans",sans-serif;

    font-size: 30px;

    font-weight: bold;

}

h3 {

    color: #242424;

    font-family: "Open Sans",sans-serif;

    font-size: 25px;

    font-weight: bold;

}

h4 {

    color: #242424;

    font-family: "Open Sans",sans-serif;

    font-size: 19px;

    font-weight: bold;

}

h5 {

    color: #242424;

    font-family: "Open Sans",sans-serif;

    font-size: 17px;

    font-weight: lighter;

}

p {

    color: #242424;

    font-family: "Open Sans",sans-serif;

    font-size: 14px;

}

/* ------------------------------------------------------------------------ */

/* Header

/* ------------------------------------------------------------------------ */

body {

    font-family: "Open Sans",sans-serif;

    font-size: 15px;

}

.top-header {

    background-color: #0091C8;

    text-align: center;

    padding: 10px 45px;

}

.top-header h1 {

    background-color: #0091C8;

    text-align: center;

    color: #fff;

    font-family: "Roboto",sans-serif;

    font-weight: 700;

    font-size: 19px;

    font-style: normal;

    margin: 0;

}

.header-info {

    margin-top: 38px;

    text-align: left;

}

    .header-info p {

        color: #2F2F2F;

        font-family: "Roboto",sans-serif;

        font-size: 18px;

        line-height: 18px;

        font-weight: 600;

}

        .header-info .working-hours {

            font-family: 'Overlock', cursive;

            font-weight: 400;

            font-size: 16px;

        }

        .header-info p i {

            margin-right: 12px;

}

.site-title-heading {

    margin-bottom: 15px;

    margin-top: 12px;

    text-align: center;

}

.social {

    margin-left: 0;

    margin-right: 30px;

    margin-top: 28px;

    padding: 0;

    text-align: right;

}

    .social-intro {

        color: #2e2e2e;

        font-size: 16px;

        padding-right: 30px;

        text-align: right;

}

    .social li {

        display: inline-block;

        margin-left: 10px;

}

    .social li:first-child {

        margin-left: 0;

}

    .social li:hover {

        opacity: 0.7;

}

        .social li i {

            font-size: 36px;

}

.facebook i {

    color: #0642BE;

}

.twitter i {

    color: #22AFFF;

}

.youtube  i {

    color: #E01C1D;

}

.pinterest i {

    color: #BD1E23;

}

.linkedin  i {

    color: #0177B5;

}

/* ------------------------------------------------------------------------ */

/* Navigation

/* ------------------------------------------------------------------------ */

.main-navigation {

    background-color: #0091C8;

}

#menu-main-menu {

    width: 100%;

    text-align: left;

}

.navbar-default {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    border-radius: 0;

    box-shadow: none;

    font-family: "Open Sans";

    min-height: 60px;

    padding-top: 18px;

    margin-bottom: 0;

}

.navbar-default li:first-child {

    border-top: none;

}

    .navbar-default .navbar-nav > li > a {

        color: #fff;

        font-size: 16px;

        font-weight: 400;

        text-shadow: none;

        padding-top: 0;

        padding-bottom: 0;

        padding-left: 15px;

        padding-right: 15px;

}

    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active {

        outline: none;

        color: #fff;

}

    .navbar-default .navbar-nav > li > a:hover {

        color: #fff; /* ! */

}

        .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {

            background: none!important;

            color: #fff; /* ! */   ;

            box-shadow: none;

            filter: none;

}

.navbar-default .home-item i {

    font-size: 18px;

    color: #fff;

}

.navbar-default .home-item span {

        display: none;

}

.navbar .navbar-nav {

    display: inline-block;

    float: none;

    vertical-align: top;

}

.caret {

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-top: 6px dashed;

    color: #fff;

    display: none;

    margin-left: 1px;

}

.navbar-default .navbar-nav > li .dropdown-toggle, .navbar-default .navbar-nav > li .dropdown-toggle:hover,

.navbar-default .navbar-nav > .open > a:focus {

    background: transparent none repeat scroll 0 0;

    box-shadow: none;

    filter: none;

}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {

    color: #fff; /* ! */

}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {

    filter: none;

}

.navbar-default li .menu-item-has-children {

    position: relative;

}

.navbar-nav li .dropdown-menu {

    background: transparent none repeat scroll 0 0;

    border-left: none;

    border-right: none;

    border-top: none;

    border-bottom: none;

    border-radius: 0;

    box-shadow: none;

    display: block;

    position: relative;

    width: 100%;

    padding-bottom: 0;

    padding-top: 0;

}

    .navbar-nav > li > .dropdown-menu a {

        color: #fff;

        font-size: 16px;

        font-weight: 300;

}

    .navbar-nav > li > .dropdown-menu a:hover {

        background: transparent;

}

    .navbar-nav  li .dropdown-menu a {

        padding-left: 30px;

}

    .navbar-nav  li .dropdown-menu li .dropdown-menu a {

        padding-left: 60px;

}

    .navbar-nav  li .dropdown-menu li .dropdown-menu li .dropdown-menu a {

        padding-left: 90px;

}

.navbar-default .navbar-toggle {

    border-color: #fff;

    float: none;

    margin: 0 auto 15px;

}

.navbar-default .navbar-toggle:focus {

    background: transparent;

}

.navbar-default .navbar-toggle:hover {

    background: #45C4DD;

}

.navbar-default .navbar-toggle:hover .icon-bar {

    background: #fff;

}

    .navbar-default .navbar-toggle .icon-bar {

        background-color: #fff;

}

.menu-item-has-children > .dropdown-menu .menu-item-has-children > .dropdown-menu {

    position: relative;

    float: left;

    display: block;

}

.menu-item-has-children > .dropdown-menu .menu-item-has-children > .dropdown-toggle .caret {

    display: none;

}

@media (min-width: 768px) {



        #menu-main-menu {

            width: auto;

            text-align: center;

        }

        .navbar  {

            text-align: center;

        }

        .navbar-default li {

            border-top: none;

        }

        .navbar-default .navbar-nav > li::before {

            color: #fff;

            content: "|";

            left: -4px;

            position: absolute;

            top: -2px;

        }

        .navbar-default .navbar-nav > li:first-child::before {

            display: none;

        }

        .navbar-default .navbar-nav > li > a {

            padding-bottom: 14px;

        }

            .navbar-nav  li .dropdown-menu a,

            .navbar-nav  li .dropdown-menu li .dropdown-menu a,

            .navbar-nav  li .dropdown-menu li .dropdown-menu li .dropdown-menu a {

                padding-left: 20px;

                padding-top: 2px;

                padding-bottom: 5px;

        }

        .caret {

            display: inline-block;

        }

        .navbar-nav li .dropdown-menu {

            display: none;

            padding-bottom: 15px;

            padding-top: 8px;

            border: none;

    	}

        .navbar-nav > li > .dropdown-menu a:hover {

            background: #2399b0;

        }

	.menu-item-has-children:hover > .dropdown-menu {

            display: block;

	}

        .navbar-nav li .dropdown-menu {

            background: #0091c8 none repeat scroll 0 0;

            display: none;

            margin-top: 0;

            padding-left: 0;

            position: absolute;

            width: auto;

        }

            .navbar-nav > li > .dropdown-menu a {

                color: #fff;

                font-size: 16px;

        }

            .navbar-nav > li > .dropdown-menu a:hover {

                background: #0da4db;

        }



        /* Second level */

        .menu-item-has-children > .dropdown-menu .menu-item-has-children > .dropdown-menu {

            position: absolute;

            left: 0;

            top: 0;

            width: 100%;

            margin-left: 100%;

            background: #0091c8;

            display: none;

        }

       .menu-item-has-children .dropdown-menu li .dropdown-toggle .caret {

            color: #fff;

            width: 0;

            height: 0;

            border-top: 6px solid transparent;

            border-bottom: 6px solid transparent;

            border-left: 6px solid #fff;

            padding-left: 12px;

            display: block;

        }

        .menu-item-has-children > .dropdown-menu .menu-item-has-children > .dropdown-toggle .caret {

            display: inline-block;

        }

        .navbar-default ul li.menu-item-has-children > ul li > .dropdown-toggle:hover {

            background: #0da4db;

        }

       	.menu-item-has-children > .dropdown-menu .menu-item-has-children:hover > .dropdown-menu {

            display: block;

	}





}

@media (max-width: 1200px) and (min-width: 1050px){



    .navbar-default .navbar-nav > li > a {

        padding-left: 11px;

        padding-right: 11px;

        font-size: 15px;

    }



}

@media (max-width: 1050px) and (min-width: 768px){



    .navbar-default .navbar-nav > li::before {

        font-size: 14px;

        top: 2px;

     }

    .navbar-default .navbar-nav > li > a {

        font-size: 14px;

        padding: 0 8px 12px;

        text-shadow: none;

        line-height: 24px;

    }



}

@media (max-width: 768px) {



    .header-info, .social {

        text-align: center;

        margin-right: 0;

    }

    .navbar-header, .social-intro {

        text-align: center;

    }

    .navbar-default .navbar-nav > li {

        border-left: none;

    }

        .navbar-default .navbar-nav > li a {

            line-height: 36px;

    }

    .navbar-default .dropdown-menu > li > a {

            font-weight: 400!important;

            transition: none;

    }

    .navbar-default .collapse.in .dropdown-menu > li > a {

            color: #fff;

    }

    .navbar-default .collapse.in .dropdown-menu > li > a:hover {

            color: #45C4DD;

    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {

        color: #45C4DD;

    }

    .home-item i {

        font-size: 30px;

    }

}

/* ------------------------------------------------------------------------ */

/* Footer

/* ------------------------------------------------------------------------ */

#site-footer {

    color: #fff;

    font-family: 'Overlock', cursive;

    font-size: 18px;

}

    #site-footer p {

        color: #fff;

        font-size: 18px;

}

#site-footer .fa {

    font-size: 16px;

    line-height: 28px;

    margin-right: 6px;

    text-align: center;

    width: 16px;

}

#top-footer-row {

    background-color: #0091C8;

    padding-top: 15px;

    padding-bottom: 25px;

}

    #top-footer-row .widget-title {

        color: #c7ef4e;

        font-family: "Open Sans",sans-serif;

        font-size: 21px;

        font-style: italic;

        font-weight: 700;

        margin-bottom: 18px;

}

    #top-footer-row .textwidget {

        padding-right: 50px;

}

#site-footer .menu {

    margin: 0;

    padding: 0;

    list-style-type: none;

}

    #top-footer-row .menu li {

        line-height: 28px;

}

    #top-footer-row .menu li::before {

        color: #f6fa96;

        content: "";

        display: inline-block;

        font-family: FontAwesome;

        font-size: 16px;

        padding-right: 8px;

}

        #top-footer-row .menu a {

            color: #fff;

            font-family: "Open Sans",sans-serif;

            font-size: 16px;

        }

        #top-footer-row .menu a:hover {

            color: #c7ef4e;

            text-decoration: none;

}

#bottom-footer-row {

    background: #447303 none repeat scroll 0 0;

    padding: 25px 0 15px;

}

#bottom-footer-row, #bottom-footer-row a {

    font-family: 'Open Sans', sans-serif;

    color: #fff;

    font-size: 13px;

}

    #bottom-footer-row a:hover {

        color: #c7ef4e;

        text-decoration: none;

}

#bottom-footer-row .menu > li {

        display: inline-block;

}

    #bottom-footer-row .menu > li:first-child::before {

        content: "";

}

    #bottom-footer-row .menu > li::before {

      content: "|";

      padding-right: 4px;

}

.credits {

    text-align: center;

}



@media (max-width: 992px) {



    #site-footer .widget {

        margin: 0 auto;

        max-width: 210px;

    }



}

@media (max-width: 768px) {



    #bottom-footer-row, #bottom-footer-row .menu {

        text-align: center;

    }

    #bottom-footer-row .menu {

        margin-top: 15px;

    }

    #site-footer .widget {

        margin-bottom: 25px;

    }

    #top-footer-row .widget-title {

        margin-bottom: 8px;

    }

    .credits {

        margin-top: 15px;

    }



}

/* ------------------------------------------------------------------------ */

/* Fade slider

/* ------------------------------------------------------------------------ */

.top-slider {

    margin-bottom: 35px;

    margin-top: 20px;

}

#fade-slider {

    margin: 0;

    overflow: hidden;

    width: 100%;

    border: none;

    border-radius: 0;

    background-color: #64a20f;

}

#fade-slider.flexslider .slides img {

    float: right;

    max-width: 625px;

}

.slide-text {
	
	background: #0091C8;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#64a20f+35,437303+100 */

    /*background: #64a20f;  Old browsers */

    /*background: -moz-linear-gradient(top,  #64a20f 35%, #437303 100%);  FF3.6-15 */

    /*background: -webkit-linear-gradient(top,  #64a20f 35%,#437303 100%);  Chrome10-25,Safari5.1-6 */

    /*background: linear-gradient(to bottom,  #64a20f 35%,#437303 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64a20f', endColorstr='#437303',GradientType=0 );  IE6-9 */

    color: #fff;

    height: 100%;

    left: 0;

   /* padding: 4% 2% 3% 7.5%;*/
   padding: 4%;

    position: absolute;

    top: 0;

    width: 47%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;

}

.slide-text-container {

    position: relative;

    height: auto;

}

    .slide-text h2 {

      color: #fff;

      font-size: 30px;

      font-weight: bold;

      margin-bottom: 20px;

      margin-top: 0;

}

    .slide-text p {

        color: #fff;

        font-size: 20px;

        /*margin-bottom: 35px;*/

}

.flex-direction-nav a {

    height: 85px;

    line-height: 65px;

    top: 38%;

    width: 25px;

    color: rgba(0, 0, 0, 0.8);

    cursor: pointer;

    display: block;

    margin: 0;

    opacity: 1 !important;

    overflow: hidden;

    position: absolute;

    text-decoration: none;

    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);

    transition: none 0s ease 0s ;

    visibility: visible !important;

    z-index: 10;

}

.flex-direction-nav a:focus {

    outline: none;

}

.flex-direction-nav .flex-nav-prev a::before {

    color: #fff;

    content: "‹";

    display: inline-block;

    font-family: Open Sans;

    font-size: 85px;

    font-weight: lighter;

    text-shadow: none;

}

.flex-direction-nav .flex-nav-next a::before {

    color: #fff;

    content: "›";

    display: inline-block;

    font-family: Open Sans;

    font-size: 85px;

    font-weight: lighter;

    text-shadow: none;

}

.flex-direction-nav .flex-prev {

    left: 25px!important;

}

.flex-direction-nav .flex-next {

    right: 25px!important;

}

@media (max-width: 1200px) {



    #fade-slider.flexslider .slides img {

        max-width: 515px;

    }

    .slide-text {

        /*padding: 3% 2% 3% 7.5%;*/
		padding: 4%;
    }

    .slide-text h2 {

        font-size: 1.7em;

    }

    .slide-text p {

        color: #fff;

        font-size: 18px;

        margin-bottom: 20px;

    }



}

@media (max-width: 992px) {



    .slide-text {

        width: 50%;

    }

    .slide-text h2 {

        font-size: 24px;

    }

    .slide-text p {

        font-size: 18px;

        margin-bottom: 15px;

    }

    #fade-slider.flexslider .slides img {

        max-width: 465px;

    }

    #fade-slider .btn {

        font-size: 16px;

        padding: 6px 25px;

    }

    .flex-direction-nav a {

        top: 34%;

    }



}

@media (max-width: 768px) {



    .slide-text-container {

        top: 50%;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

        height: auto;

    }

    #fade-slider.flexslider .slides img, .flex-direction-nav {

        display: none;

    }

    #fade-slider.flexslider .slides > li {

        height: 280px!important;

        background: #A4BA27;

    }

        #fade-slider.flexslider .slides > li .slide-text {

            position: relative;

            width: 100%;

            text-align: center;
			display: block;

    }

    .slide-text {

        padding: 3%;

    }

    .slide-text p {

        margin-bottom: 15px;

    }

    #fade-slider .btn {

        font-size: 18px;

        padding: 12px 35px;

    }

    .flex-direction-nav a {

        top: 30%;

    }



}

/* ------------------------------------------------------------------------ */

/* Buttons

/* ------------------------------------------------------------------------ */

.btn {

    font-family: "Roboto",sans-serif;

    font-size: 18px;

    font-weight: 700;

    padding: 12px 35px;

    text-shadow: 0 0 0 transparent;
	display: inline-block;
	background: #ddd;

}

.btn-default {

    background-image: none;

    border-color: #fff;

    color: #282425;

}

.btn-default:hover {

    background-color: #fff;

    border-color: #fff;

    color: #282425;

}

.btn-primary {

    background-image: none;

    border-color: #64A20F;

    background-color: #632081;

    color: #fff;

}

.btn-primary:hover {

    background-color: transparent;

    color: #64A20F;

    border-color: #632081;

}

#sidebar-right .btn{

    background-image: none;

    border-color: #621f7c;

    background-color: #621f7c;

    color: #fff;

    width: 100%;

}

#sidebar-right .btn:hover {

    background-color: #82379f;

    color: #c08fdc;

    border-color: #82379f;

}

.top-slider, .call-to-action, .services {

     overflow: hidden;

     width: 100%;

}

/* ------------------------------------------------------------------------ */

/* Intro

/* ------------------------------------------------------------------------ */

.intro {

    text-align: center;

    padding: 0 20px;

}

    .intro h2 {

        font-size: 35px;

        color: #017fae;

        margin-top: 5px;

}

    .intro p {

        font-size: 16px;

}

/* ------------------------------------------------------------------------ */

/* Call to action

/* ------------------------------------------------------------------------ */

.call-to-action {

    background: #0091c6 none repeat scroll 0 0;

    border-radius: 10px;

    color: #fff;

    font-family: "Open Sans",sans-serif;

    font-size: 22px;

    font-style: italic;

    margin: 20px auto 30px;

    padding: 30px;

    text-align: center;

}

.call-to-action .cta-title {

    color: #fff;

    font-size: 36px;

    font-weight: 400;

    margin-bottom: 20px;

    margin-top: 0;

}

    .call-to-action p {

        color: #fff;

        font-size: 22px;

}

    .call-to-action .btn {

        float: none;

        text-align: center;

        font-style: normal;

}

    .call-to-action .button-valign .btn {

        top: auto;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        text-align: center;

        margin-top: 15px;

}

@media (max-width: 992px) {



    .button-valign {

        height: auto!important;

    }



}

@media (min-width: 992px) {



    .call-to-action {

        text-align: initial;

    }

    .call-to-action .button-valign .btn {

        float: right;

        position: relative;

        top: 50%;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

        margin-top: 0;

    }

    .container-cta {

        max-width: 1035px;

    }



}

/* ------------------------------------------------------------------------ */

/* Services

/* ------------------------------------------------------------------------ */

.pull-left-md {

    float: left;

}

.pull-right-md {

    float: right;

}

.services {

    color: #fff;

    font-family: "Open Sans",sans-serif;

    font-size: 16px;

    font-weight: lighter;

    padding: 35px 0;

}

.service {

    width: 100%;

    margin-bottom: 30px;

    max-width: 565px;

}

.service.green {

    background-color: #64A20F;

}

    .service.green .service-title{

        background-color: #447303;

}

.service.blue {

    background-color: #12A2D7;

}

    .service.blue .service-title{

        background-color: #006C93;

}

    .service img {

        width: 50%;

    }

    .service .service-content {

        width: 50%;

        float: left;

        padding: 0 22px;

    }

.service .service-title {

    color: #fff;

    float: left;

    font-family: "Open Sans",sans-serif;

    font-size: 23px;

    font-weight: lighter;

    margin-bottom: 0;

    margin-top: 0;

    padding: 13px 22px;

    width: 50%;

}

    .service p {

        margin-bottom: 4px;

        color: #fff;

        font-size: 16px;

}

.service br {

    display: none;

}

    .service ul {

        margin-top: 15px;

        list-style-type: none;

        padding-left: 0!important;

}

        .service ul li {

            font-size: 16px;

            margin-bottom: 8px;

            padding-left: 13px;

            position: relative;

}

        .service ul li::before {

            content: ""!important;

            display: inline-block;

            font-family: FontAwesome;

            font-size: 16px;

            font-weight: normal;

            margin-top: 2px;

            position: absolute;

            width: 10px;

            left: 0;

            color: #fff!important;

}

                .service ul li a {

                    color: #fff;

                    text-decoration: none;

}

                .service ul li a:hover {

                    color: #fff;

                    text-decoration: underline;

}

@media (max-width: 1200px) and (min-width: 992px)  {



    .service .service-title {

        font-size: 18px;

    }

    .service ul li {

        margin-bottom: 4px!important;

    }



}

@media (max-width: 992px) {



    .service {

        float: none;

        margin: 0 auto 20px;

        overflow: hidden;

    }



}

@media (max-width: 768px) {



    .service img {

        display: none;

    }

    .service .service-content, .service .service-title  {

        width: 100%;

    }

    .service .service-content {

        padding-bottom: 20px;

    }



}

/* ------------------------------------------------------------------------ */

/* Text & Icon

/* ------------------------------------------------------------------------ */

.text-icon {

    background-color: #ebebeb;

    overflow: hidden;

    padding: 30px 0;

    width: 100%;

}

.ti-item {

    color: #2e2e2e;

    float: left;

    width: 100%;

}

    .ti-item img {

        float: left;

        margin-right: 15px;

        padding: 12px 0;

}

.ti-title, .ti-title a, .ti-title a:hover {

    color: #2e2e2e;

    font-size: 18px;

    margin-top: 0;

    text-decoration: none;

}

.ti-content {

    font-size: 14px;

    font-style: italic;

}



@media (max-width: 992px) {



    .ti-item {

        margin-bottom: 30px;

    }



}

@media (max-width: 768px) {



    .ti-item {

        float: none;

        margin: 0 auto 30px;

        max-width: 255px;

        overflow: hidden;

    }



}



/* ------------------------------------------------------------------------ */

/* Home bottom - Individual and Calendar Section

/* ------------------------------------------------------------------------ */

.home-bottom {

    overflow: hidden;

    padding: 40px 0;

    width: 100%;

}

.individual {

    color: #000000;

    font-size: 15px;

    margin-bottom: 35px;

}

    .individual p {

        color: #000000;

        font-size: 15px;

        line-height: 2;

}

    .individual img {

        border-radius: 6px;

        float: left;

        max-width: 255px;

        width: 100%;

}

    .individual h3 {

        color: #006c94;

        font-size: 19px;

        font-style: italic;

        font-weight: lighter;

        margin-top: 0;

        margin-bottom: 15px;

}

        .individual h3 i {

        margin-right: 10px;

        color: #12a2d8;

}

.individual .individual-button {

    background-color: #12a2d7;

    border-radius: 6px;

    color: #fff;

    padding: 4px 12px;

    text-transform: uppercase;

}

.individual .individual-button:hover {

    text-decoration: none;

}



.calendar {

    background-color: #EBEBEB;

    font-size: 14px;

}

.calendar h3 {

    background-color: #64a20f;

    color: #fff;

    text-align: center;

    font-size: 22px;

    margin-top: 0;

}

    .calendar h3 a {

        color: #fff;

}

        .calendar h3 a i {

            margin: 12px 8px;

}

.calendar .items {

    padding: 10px 25px 25px 30px;

}

    .calendar .item hr {

        border-top: 1px solid #b7b7b7;

        margin-bottom: 5px;

        margin-top: 5px;

        padding-top: 4px;

    }

    .calendar .item:last-child hr {

        display: none;

    }

    .calendar .item h4 {

        color: #000;

        font-size: 14px;

        margin-bottom: 4px;

        margin-top: 0;

}

    .calendar .item h4 i {

        margin-right: 8px;

        color: #a3a3a3;

}

    .calendar .item a, .calendar .item p {

        color: #106fb3;

        font-weight: 700;

}

    .calendar .item  a:hover {

        color: #106fb3;

}

@media (max-width: 992px) {



    .calendar .item:last-child hr {

        display: block;

    }



}

@media (max-width: 768px) {



    .individual img { display: none; }



}

/* ------------------------------------------------------------------------ */

/* Events Page

/* ------------------------------------------------------------------------ */

#content.events {

    background-color: #ebebeb;

    margin-top: 25px;

    padding-top: 0;

}

.events-menu {

    float: left;

    width: 100%;

}

.events-menu li {

    background-color: #d7d7d7;

    display: inline-block;

    float: left;

    font-size: 16px;

    font-weight: 700;

    line-height: 1.2;

    list-style-type: none;

    max-width: 185px;

    padding: 24px 18px 24px 45px;

    position: relative;

    text-align: left;

}

.events-menu li.all-events {

    line-height: 32px;

    padding: 27px 18px 27px 45px;

}

.events-menu li.active {

    background-color: #0091C8;

    color: #fff;

}

.events-menu li::before {

    content: "" !important;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 45px !important;

}

.events-menu li.active::before {

    background: url("img/active-menu.png") no-repeat 0 0;

}

.events-menu li.active a {

    color: #fff;

}

.events-menu li a {

    color: #585858;

}

ul.months-filter {

    float: left;

    list-style-type: none;

    margin: 15px 0 42px;

    text-align: center;

    width: 100%;

    padding: 0 20px!important;

}

ul.year-filter {

    float: left;

    list-style-type: none;

    margin: 15px 0 0;

    padding: 0 20px !important;

    text-align: center;

    width: 100%;

}

.months-filter li,

.year-filter li {

    display: inline-block;

    margin-right: 20px;

}

#content.events ul.months-filter li::before,

#content.events ul.year-filter li::before {

    display: none;

}

#content.events ul.months-filter li.active::before,

#content.events ul.year-filter li.active::before {

    content: "";

    display: inline-block;

    color: #090909;

}

.months-filter li a,

.year-filter li a {

    color: #106fb3;

    font-size: 14px;

    font-weight: 700;

    text-transform: capitalize;

}

.months-filter li a:hover,

.year-filter li a:hover {

    color: #090909;

    text-decoration: none;

}

.months-filter li.active a,

.year-filter li.active a {

    color: #090909;

}



.events-main {

    float: left;

    margin-bottom: 30px;

    padding: 0 5px 0 20px;

    width: 100%;

}

#calendar-display {

    margin-bottom: 35px;

}

.ui-datepicker-inline {

    background: #1170b4 none repeat scroll 0 0;

    width: 100%;

    font-family: "Open Sans", sans-serif;

    border: none;

    padding: 0;

    border-radius: 0;

}

.ui-widget-header {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    color: #fff;

}

.ui-datepicker .ui-datepicker-title {

    font-size: 21px;

    line-height: 1;

    margin: 10px 0;

}

.ui-datepicker-prev, .ui-datepicker-next { display: none }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    color: #fff;

    font-weight: 700;

    text-align: center;

}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {

    background-image: none;

    opacity: 1;

}

.ui-state-highlight {

    color: #289beb !important;

}

.ui-datepicker-other-month span {

    color: #084675 !important;

}

.ui-datepicker-calendar thead {

    background-color: #289BEB;

    color: #064878;

}

.ui-datepicker-calendar thead th {

    font-size: 16px;

    padding: 5px;

}

.events-listing, #event-oontent, .event-content-bg {

    float: left;

}

.events-listing {

    padding-right: 55px;

    width: 49%;

}

.events-listing .item {

    position: relative;

}

.events#content .events-listing .item::before {

    display: none;

}

#content.events .events-listing .item.active::after {

    background: rgba(0, 0, 0, 0) url("img/triangle.png") no-repeat scroll 6px 1px;

    content: "";

    height: 75px;

    position: absolute;

    right: -55px;

    top: 0;

    width: 55px;

}

.events .item hr {

    border-top: 1px dotted #bebebe;

    margin-bottom: 7px;

    margin-top: 15px;

    padding-top: 10px;

}

.events .item h5 {

    font-size: 15px;

    color: #777;

}

.events .item h4 i {

    color: #a3a3a3;

}

.events-link {

    font-size: 18px;

}

.events-link:hover {}

.events-listing .item .events-link i {

    margin-left: 8px;

    color: #646464;

}

.hidden-event-content {

    display: none;

}

.event-container {

  float: left;

  position: relative;

  width: 51%;

}

.event-content-bg {

    background-color: #fff;

    float: none;

    position: absolute;

    right: 0;

    width: 100%;

    z-index: 5;

}

#event-oontent {

    background-color: #fff;

    height: auto;

    padding: 20px 30px;

    position: relative;

    width: 100%;

    z-index: 10;

}

@media (max-width: 992px) {



    .events-main {

        padding: 0 20px;

    }

    .event-content-bg {

        display: none;

    }



}

@media (max-width: 768px) {



    #calendar-display {

        padding-right: 20px;

    }

    .events-main {

        padding: 0 0 0 20px;

    }

    .event-container, #event-oontent, .events-listing {

        width: 100%;

    }

    #content.events .events-listing .item.active::after {

        right: -60px;

    }

    .months-filter li {

        display: inline-block;

        float: left;

        margin-right: 0;

        margin-top: 15px;

        text-align: left;

        width: 50%;

    }

    .events-menu li {

        display: block;

        float: left;

        line-height: 1;

        padding: 27px 18px 27px 45px;

        width: 50%;

    }



}

/* ------------------------------------------------------------------------ */

/* Content

/* ------------------------------------------------------------------------ */

.no-padding {

    padding: 0 15px;;

}

@media (min-width: 992px) {



    .no-padding {

        padding: 0!important;

    }



}

#content {

    overflow: hidden;

    padding-bottom: 25px;

    padding-right: 15px;

    padding-top: 40px;

}

    #content ul, #sidebar-right ul {

        list-style-type: none;

        padding-left: 0;

}

        #content ul li::before, #sidebar-right ul li::before {

          color: #5c2946;

          content: "";

          display: inline-block;

          font-family: FontAwesome;

          width: 20px;

}



#sidebar-right {

    background-color: #ebebeb;

/*    height: 120vh;*/

    padding: 35px 0;

}



.entry-header {

    background-color: #87C62F;

    overflow: hidden;

    width: 100%;

}

    .entry-header .entry-title {

      color: #fff;

      font-family: "Open Sans",sans-serif;

      font-size: 34px;

      font-style: normal;

      font-weight: lighter;

      line-height: normal;

      margin: 0;

      padding: 20px 0;

}

a[href$=".pdf"] {

    background: #ebebeb none repeat scroll 0 0;

    color: #000;

    display: inline-block;

    font-family: Open Sans;

    font-size: 16px;

    line-height: 32px;

    padding: 0 10px 0 42px;

    position: relative;

    border-radius: 6px 6px 6px 6px;

}

a[href$=".pdf"]:hover {

    background: #8FC742;

    text-decoration: none;

    color: #fff;

}

a[href$=".pdf"]::before {

    background-color: #8fc742;

    border-radius: 6px 0 0 6px;

    color: #fff;

    content: "";

    font-family: FontAwesome;

    font-size: 20px;

    height: 32px;

    left: 0;

    margin-left: 0;

    position: absolute;

    text-align: center;

    top: 0;

    width: 32px;

}

.navbar-nav a[href$=".pdf"] {

    background-color: transparent;

}

.navbar-nav a[href$=".pdf"]::before {

    display: none;

}

.navbar-nav a[href$=".pdf"]::before {}

@media (max-width: 992px) {



    #content {

        padding-right: 0;

    }

    .full-height {

        height: 100%!important;

    }

    .full-height > * {

        height: 100%!important;

    }

}

/* ------------------------------------------------------------------------ */

/* SideBar

/* ------------------------------------------------------------------------ */

hr {

    border-color: #8a8a8a;

    color: #292929;

    margin: 10px 0;

}

#sidebar-right .widget {

    margin-bottom: 25px;

}

#sidebar-right .widget strong {

    font-size: 16px;

}

#sidebar-right .widget > div {

    padding: 0 20px;

}

    #sidebar-right .widget .widget-title {

        background-color: #87c62f;

        color: #090909;

        font-style: italic;

        margin-bottom: 5px;

        margin-top: 0;

        padding: 10px 20px;

}

    #sidebar-right .widget .widget-content {

        padding: 0 20px;

}

#sidebar-right .menu {}

#sidebar-right .menu li:before {

    display: none;

}

 #sidebar-right .menu li a:before {

    color: #8fc741;

    content: "";

    width: 13px;

    font-family: FontAwesome;

    margin-right: 6px;

}

    #sidebar-right .menu li a {

        color: #272727;

        font-family: "Open Sans", sans-serif;

        font-weight: lighter;

        transition: all 0.3s linear;

        font-size: 16px;

}

    #sidebar-right .home-item i {

            display: none;

}

    #sidebar-right .menu li a:hover {

        padding-left: 18px;

        text-decoration: none;

        color: #0091c7;

}

.tagcloud {

  overflow: hidden;

  padding: 10px 20px !important;

  width: 100%;

}

    .tagcloud a {

        background-color: #0091c7;

        border-radius: 5px;

        color: #fff;

        display: inline-block;

        float: left;

        font-size: 12px !important;

        margin-bottom: 7px;

        margin-right: 7px;

        padding: 2px 10px;

}

    .tagcloud a:hover {

        background-color: #87c62f;

        text-decoration: none;

}

/* ------------------------------------------------------------------------ */

/* Blog

/* ------------------------------------------------------------------------ */

.blog-posts {

    padding-top: 45px;

}

.blog-post {

    padding-bottom: 35px;

    max-width: 100%;

    overflow: hidden;

}

    .blog-post .blog-title {

        color: #272727;

        font-family: "Nobile",sans-serif;

        font-size: 19px;

        font-style: italic;

        font-weight: bold;

        margin-bottom: 10px;

        margin-top: 20px;

    }

.blog-post img {

    max-width: 350px;

    width: 100%;

    margin-top: 0;

    height: auto;

}

    .blog-post p {



}

.read-more {

    color: #0091c7;

    display: block;

    font-family: "Open Sans";

    font-weight: bold;

    margin-top: 20px;

}

    .read-more:hover {

        color: #0091c7;

        text-decoration: none;

}

    .read-more::after {

        content: "";

        font-family: fontawesome;

        margin-left: 5px;

}

@media (min-width: 772px) {



    .blog-post img {

        display: inline-block;

        float: left;

        margin-right: 25px;

    }

    .blog-post .blog-title {

        margin-top: 0;

    }



}

@media (min-width: 992px) {



    .blog-post {

        max-width: 350px;

        padding-bottom: 25px;

    }

    .blog-post img {

        display: block;

        float: none;

        margin-right: 0;

    }

    .blog-post .blog-title {

        margin-top: 20px;

    }



}

/* ------------------------------------------------------------------------ */

/* Post

/* ------------------------------------------------------------------------ */

.single #content {

    padding-right: 0;

}

.post-header {}

    .post-header .post-title {

        color: #0091c7;

        margin-top: 5px;

}

.post-header .meta {

    color: #6b6b6b;

    font-family: "Open Sans";

    font-size: 13px;

    line-height: 20px;

    overflow: hidden;

    width: 100%;

}

        .post-header .meta a {

            color: #6b6b6b;

}

        .post-header .meta .author {

            display: inline-block;

            margin-right: 15px;

}

        .post-header .meta .date {

            display: inline-block;

}

        .post-header .meta .date i {

            margin-right: 5px;

}

.single #content .wp-post-image {

/*    width: 100%;*/

    margin: 30px 0;

    height: auto;

}

@media (min-width: 992px) {



    .single #content {

        padding-right: 35px;

        padding-top: 25px;

    }



}



/* ------------------------------------------------------------------------ */

/* Print

/* ------------------------------------------------------------------------ */

.btn-print {

  /*font-size: 18px;

  font-weight: bold;

  padding: 22px 0px 22px 0px;

  display: block;

  text-align: center;

  color: #fff;

  text-transform: uppercase;*/

}

  .btn-print i {

    padding-right: 10px;

}

@media print {

  body > header .container,

  body > header .main-navigation,

  .events-menu,

  .year-filter,

  .months-filter,

  #calendar-display,

  #ui-datepicker-div,

  #site-footer,

  .event-container,

  .btn-print {

    display: none;

  }

  #content.events {

    margin-top: 0;

  }

  .top-header h1 {

    font-size: 28px;

    margin-top: 20px;

    margin-bottom: 10px;

  }

  .hidden-event-content {

    display: block;

  }

  .calendar .item h4 {

    font-weight: 400;

    font-size: 15px;

  }

  .calendar .item p {

    font-size: 15px;

    font-weight: 400;

    color: #000;

  }

  .events .item hr {

    border-top: 1px solid #bebebe;

    margin-bottom: 15px;

    margin-top: 15px;

    padding: 0;

    overflow: hidden;

    width: 100%;

  }

  .events-link {

    font-size: 20px;

    display: block;

    margin-bottom: 10px;

  }

  .events-link i {

    display: none;

  }

  .entry-title {

    text-align: center;

    font-family: "Open Sans", sans-serif;

    font-weight: 400;

    font-size: 22px;

    line-height: 1;

    margin: 0;

    padding: 0;

  }

}