﻿
@media (max-width:767px) {

    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 24px;
    }

    .header-caption {
        font-size: 20px;
    }

    .body-content {
        margin-top: 50px;
    }

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: fixed;
        right: 0;
        left: 0;
        border-width: 0 0 0px;
        margin: 0px;
    }

    .cd-nav-center {
        color: white;
        text-align: center;
        display: inline-block;
    }

    .cd-dropdown-wrapper {
        float: left;
    }

    .navbar-toggle {
        background-color: lightgray;
    }
    
        .navbar-toggle .icon-bar {
            background-color: #C72127;
        }

    .cd-nav-center {
        width: calc(100% - 188px);
        padding-top: 5px;
        background-color: black;
    }

    .carousel-indicators,
    .carousel-caption {
        padding-left: 15px;
        padding-right: 15px;
		line-height: 16pt;
    }
		
	.carousel-caption {
		font-size: 24pt;
		line-height: 24pt;
		letter-spacing: .25pt;
	}

	.carousel-caption h1 {
        font-size: 33pt;
		letter-spacing: .25pt;
	}
    
    .cd-nav-left {
        display: none;
    }

    .cd-dropdown {
        margin-top: 50px;
        z-index: -10;
    }
    
    .form-wrapper,
    .Sitemap_Wrapper,
    .page-articles {
        padding: 0px 20px;
    }

.cd-dropdown h2,
.cd-dropdown-content a {
    padding: 0 40px;
    border-bottom: 1px solid #888;
}

    .cd-dropdown-content ul li:first-child {
        background-color: #C72127;
    }

        .cd-dropdown-content ul li:first-child a {
            color: white;
        }

    .cd-dropdown-content ul a {
        height: 40px;
        line-height: 40px;
        color: black;
    }

        .cd-dropdown-content ul a:hover, .cd-dropdown-content ul a:active {
            color: #C72127;
        }

        .has-children > a {
            background-color: lightgray;
        }

        .has-children > a.is-active {
            color: #C72127;
        }


    .cd-dropdown-content a,
    .cd-dropdown-content .cd-search,
    .cd-dropdown-content ul a {
        /* Force Hardware Acceleration */
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        -moz-transition: opacity 0.3s, -moz-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
    }

    .cd-dropdown-content .cd-search {
        background-color: black;
		padding-top: 15px;
    }

    .cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden {
        /* push the secondary dropdown items to the right */
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

    .cd-dropdown-content.move-out > li > a,
    .cd-dropdown-content.move-out > li > .cd-search,
    .cd-dropdown-content.move-out > .cd-divider,
    .cd-dropdown-content ul.move-out > li > a,
    .cd-dropdown-content ul.move-out > li > .cd-search,
    .cd-dropdown-content ul.move-out > .cd-divider {
        /* push the dropdown items to the left when secondary dropdown slides in */
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .cd-dropdown-content, .cd-dropdown-content ul {
        top: 0;
        width: 100%;
    }

    .cd-dropdown {
        /* Force Hardware Acceleration */
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
        -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
        transition: transform 0.5s 0s, visibility 0s 0.5s;
    }
	.cd-search {
		background-color: black;
		height: 70px;
		position:relative;
	}

    .cd-search .calendarSearch {
		display:block;
		max-width: 100%;
        width: 90%;
        height: 40px;
        padding: 0 43px 0 10px;
		margin: 0 auto 15px auto;

    }

        .cd-search input[type="search"]:focus {
            background: #ffffff;
            color: #111433;
            outline: none;
        }

	.submit-search {
		position:absolute;
		top: 18px;
		height: 30px;
		background-position:-335px -231px;
	}


    .header-calendar-text {
        margin: 15px;
    }

    .header-calendar-icon {
        margin: 12px;
    }
    
    .has-children > a, .go-back a {
        position: relative;
        cursor: pointer;
    }
    
    .has-children > ul {
        background-color: lightgray;
    }

    .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
        /* arrow icon in CSS - for element with nested unordered lists */
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -1px;
        display: inline-block;
        height: 2px;
        width: 10px;
        background: #666;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .go-back a::before, .go-back a::after {
        background: #fff;
    }

    .has-children > a::before, .go-back a::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .has-children > a::after, .go-back a::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .has-children > a::before, .has-children > a::after {
        /* arrow goes on the right side - children navigation */
        right: 20px;
        -webkit-transform-origin: 9px 50%;
        -moz-transform-origin: 9px 50%;
        -ms-transform-origin: 9px 50%;
        -o-transform-origin: 9px 50%;
        transform-origin: 9px 50%;
    }


    .footer-icons-centering {
        display: table;
        position: relative;
        margin: 0px auto;

    }
    .footer-details {
        text-align: center;

    }

    .footer-contact-details {
        padding-top: 10px;
    }

    .cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after {
        /* arrow goes on the left side - go back button */
        left: 20px;
        -webkit-transform-origin: 1px 50%;
        -moz-transform-origin: 1px 50%;
        -ms-transform-origin: 1px 50%;
        -o-transform-origin: 1px 50%;
        transform-origin: 1px 50%;
    }

    .navbar {
        background-color: black;
    }
    
    .cd-dropdown-content ul a.subheader {
        padding-left: 70px;
    }
        
    /* ********************************   Calendar   *************************************/
    .hasDatepicker {
        float: none;
    }
    
    .calendar-control-panel .hasDatepicker {
        max-width: 1000px;
        width: 100%;
        float: left;
    }

    .c-display-area {
        display: block;
        float: right;
    }
    /*------------------------------   Search Control   ----------------------------------*/
    .top-title {
        background-color: #3c3c46;
        height: 80px;
        padding: 15px 0px;
    }

    .top-title h1 {
        float: left;
    }
    
    .top-title .cd-search {
        float: none;
        display: block;
        margin: 0px auto;
        height: 50px;
        width: 90%;
        max-width: 100%;
		padding-right: 43px;
    }
    
    /****************************    Contact Us Form     ****************************************/
    
    .form-control-wrapper-right {
        padding: 0px;
    }

    .form-control-wrapper-left {
        padding: 0px;
    }

    /**************************** SEARCH BOX ****************************/
    .searchContainer {
        display: none;
    }
}