/*===========================CAROUSAL FADE EFFECTS==========================*/
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

        .carousel-fade .carousel-inner > .item.next.left,
        .carousel-fade .carousel-inner > .item.prev.right,
        .carousel-fade .carousel-inner > .item.active {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
}






.carousel-inner img.img-responsive {
    width: 100%;
}





/*============================================================MAIN MENU ================================================================*/
a.dropdown-toggle {
    position: relative;
    font-family: "Cabin Bold",sans-serif;
    font-size: 17px;
    color: #3c4043;
    text-align: center;
    margin: 0;
    padding: 27px 14px;
    text-decoration: none;
    display: block;
    background-color: transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

ul.nav.navbar-nav {
    text-align: right;
    position: absolute;
    right: 10%;
    bottom: -69px;
}

ul.dropdown-menu {
    background-color: rgba(255,175,36,0.9);
    font-family: "Cabin Medium",sans-serif;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

ul.nav.navbar-nav ul.dropdown-menu li a {
    padding: 9px 20px !important;
    color: #fff;
    text-align: right;
}

    ul.nav.navbar-nav ul.dropdown-menu li a:hover {
        color: #3c4043 !important;
        text-decoration: none;
        background-color: transparent !important;
    }

ul.nav.navbar-nav li:hover {
    border-bottom: 8px solid #3c4043;
    margin-bottom: -8px;
}

ul.dropdown-menu {
    margin-top: 8px !important;
    border: none;
}

ul.nav.navbar-nav ul.dropdown-menu li:hover {
    border-bottom: none;
    margin-bottom: auto;
}


/*============================================================Calander================================================================*/
div#PanelCalendar {
    margin-bottom: 25px;
}


div#PanelCalendar {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.custom_calendar_wrapper th {
    text-align: center;
}

.calender-side-menu {
    background: #fff;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
}

.content-scroll.calander-sec {
    background: #fff;
    padding: 15px;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
}

div#PanelCalendar .breadCrumb {
    background: #093e68;
    color: #fff;
    padding: 5px 10px;
    font-weight: 400;
    border-radius: 8px;
    margin-bottom: 15px;
}

    div#PanelCalendar .breadCrumb a {
        color: #fff;
    }

        div#PanelCalendar .breadCrumb a:hover {
            transition: .3s;
            text-decoration: underline;
        }

p.side-menu-title {
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
    padding: 15px;
    margin: 0px;
    background: #409f73;
    -webkit-border-radius: 15px 15px 0px 0px;
}



.section-menu.content-scroll {
    background: #093e68;
    padding: 15px 25px;
    border-radius: 0px 0px 15px 15px;
    -moz-border-radius: 0px 0px 15px 15px;
    -webkit-border-radius: 0px 0px 15px 15px;
}

/*div#PanelCalendarEventDetails .rmItem {
    border-bottom: 1px solid #c1c1c1;
    padding: 10px 0px;
}*/




.current_month.current_day {
    background-color: #ffaf24;
    color: #fff;
}

    .current_month.current_day:hover {
        background-color: #f9d08a;
    }

        .current_month.current_day:hover a {
            color: #fff !important;
        }

.custom_calendar_wrapper {
    max-width: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
}

    .custom_calendar_wrapper > table {
        max-width: 100%;
        width: 100%;
    }

        .custom_calendar_wrapper > table > thead tr {
            width: 100%;
        }

            .custom_calendar_wrapper > table > thead tr td {
                border: none;
                height: auto;
                background-color: #235aaa;
                color: #ffffff;
                font-size: inherit;
                line-height: inherit;
                letter-spacing: 0;
                border: none;
                text-align: center;
                position: relative;
                vertical-align: top;
                margin: 0;
                font-family: 'OpenSans';
                padding: 0.7em 1.3em;
                font-weight: normal;
            }

                .custom_calendar_wrapper > table > thead tr td a {
                    color: #fff;
                }

        .custom_calendar_wrapper > table tbody th {
            border: 1px solid transparent;
            border-color: #cccccc;
            vertical-align: top;
            padding: 0.7em;
            font-weight: normal;
            line-height: inherit;
            background-color: #cccccc;
            color: #ffffff;
            font-family: 'VarelaRound-Regular';
            text-transform: uppercase;
            width: 14%;
            vertical-align: middle;
            text-align: center;
        }

        .custom_calendar_wrapper > table tbody td {
            color: #fff;
            padding: 0.7em;
            border: 1px solid transparent;
            border-color: #cccccc;
            vertical-align: top;
            line-height: inherit;
            width: 14%;
            text-align: center;
            vertical-align: middle;
        }

            .custom_calendar_wrapper > table tbody td.other_month {
                background-color: #f0f0f0;
                color: #4d4d4d;
            }

            .custom_calendar_wrapper > table tbody td.current_month.current_day {
                color: #fff;
            }

                .custom_calendar_wrapper > table tbody td.current_month.current_day a {
                    color: #fff;
                }

        .custom_calendar_wrapper > table tbody tr {
        }

table.month-title {
    background: #ffaf24;
}

    table.month-title a {
        color: #fff !important;
    }

        table.month-title a:hover {
            text-decoration: underline;
            transition: .3s;
        }

a.sws-webpage-link.rmLink.rmRootLink span.rmText:hover {
    text-decoration: underline;
}

td.current_month.current_day a {
    color: #f5e847 !important;
}

    td.current_month.current_day a:hover {
        color: #fff !important;
    }


a.CalendarLink {
    font-size: 12px !important;
    font-weight: 800;
    color: #ffaf24;
}



.home-news-row .news-div.text-center {
    height: 225px;
    border: 4px solid #948661;
}

.home-news-row .news-name-div.ml-auto.mr-auto.p-3 span {
    color: #fff;
    font-family: 'Optima Regular';
    font-size: 18px;
}

.home-news-row a.news-topic-class span {
    color: #fff;
    font-size: 22px;
    font-family: 'Optima Regular';
    text-transform: uppercase;
}

.home-news-row {
    margin-top: -131px;
}

    .home-news-row .news-name-div p {
        padding: 25px 0px 18px 0px;
    }

    .home-news-row .news .news-wrapper .news-view {
        width: 100%;
        float: left;
        text-align: center;
        top: 0px;
        position: relative;
    }

    .home-news-row .bord {
        margin-left: auto;
        margin-right: auto;
        height: 1px;
        background-color: #ad985c;
        width: 67px;
        margin-bottom: 20px;
    }

    .home-news-row .news-name-div.ml-auto.mr-auto.p-3.text-center {
        margin-bottom: 35px;
    }

    .home-news-row a.news-topic-class span {
        color: #fff;
        font-size: 22px !important;
        font-family: 'Optima Regular';
        text-transform: uppercase;
    }

/*===========================CALANDER PAGE EVENTS LIST ==========================*/
a.event-name-link,
.events-date-list {
    color: #3c4043;
    font-family: "Cabin Regular",Arial,Helvetica,sans-serif;
    font-size: 17px;
}


table.inner-events tbody tr td {
    padding: 12px;
}
table.inner-events tbody tr td {
    padding: 20px 30px;
}

.inner-events-t-head {
    border-bottom: 1px solid #a7a7a7;
}
table.inner-events {
    width: 100%;
    margin-top: 50px;
}
table.inner-events thead tr th {
    background-image: none;
    border: 1px solid transparent;
    font-size: inherit;
    font-weight: normal;
    padding: 0.65em 1.4em;
    text-align: left;
    background-color: #ffaf24;
    color: #ffffff;
    border-color: #ffaf24;
}
a.event-name-link:hover {
    color: #ffaf24;
}




/*===========================NEWS PAGe - Tempory ==========================*/
.BlogLinks span {
    color: #000;
}
.row.pt15.pb15 {
    color: #000;
}



@media(max-width:991px) {
    ul .nav.navbar-nav {
        text-align: center;
        right: 0;
        bottom: 0;
        position: relative;
    }

    .open > .dropdown-menu {
        display: none;
    }

    ul.nav.navbar-nav li:hover {
        border-bottom: none;
        margin-bottom: -8px;
    }

    .carousel-fade .carousel-inner .item {
        width: 300%;
    }

    .home-wrapper .carousel-inner img.img-responsive {
        width: 51%;
    }
}