/*-=Small screens=-*/
@media only screen and (max-width: 40em) {
    [class*="column"].small-12 > .vertical-align-middle,
    [class*="column"]:not([class*="small"]) > .vertical-align-middle,
    [class*="column"].small-12 > .vertical-align-bottom,
    [class*="column"]:not([class*="small"]) > .vertical-align-bottom {
        position: relative;
        top: auto;
        bottom: auto;
        -o-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .small-only-text-left .vertical-align-middle,
    .small-only-text-left .vertical-align-bottom {}
    .small-only-text-center .vertical-align-middle,
    .small-only-text-center .vertical-align-bottom {
        left: 50%;
        -o-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .small-only-text-right .vertical-align-middle,
    .small-only-text-right .vertical-align-bottom { right: 0; }
} /* max-width 640px and lower. Use this for mobiles only */

@media only screen and (min-width: 22.500em) and (max-width: 40em), (min-width: 48em) {
    .widget_calendar table thead tr th,
    .widget_calendar table thead tr td,
    .widget_calendar table tfoot tr th,
    .widget_calendar table tfoot tr td,
    .widget_calendar table tbody tr th,
    .widget_calendar table tbody tr td,
    .widget_calendar table tr td {
        padding: 0.438rem 0.500rem; /* 7px 8px */
        font-size: 0.750rem; /* 12px */
    }
} /* min-width 360px and max-width is 640px. Use this for mobiles only */

@media only screen and (max-width: 30em), only screen and (min-width: 40.0625em) and (max-width: 45em) {
    .recaptchatable { width: 100% !important; }
    .recaptchatable tr { height: auto !important; }

    #recaptcha_area td,
    #recaptcha_area th {
        display: block;
        width: 100% !important;
        height: auto;
    }

    .recaptchatable td img { display: inline-block !important; }
    .recaptchatable .recaptcha_image_cell { height: auto; }
    .recaptchatable .recaptcha_image_cell center { height: auto !important; }
    .recaptchatable #recaptcha_image {
        width: 100% !important;
        height: auto !important;
        padding: 0.5rem;
    }

    .recaptchatable #recaptcha_image #recaptcha_challenge_image {
        display: inline-block !important;
        height: auto;
        width: auto !important;
    }

    #recaptcha_area tr:nth-child(1) td:nth-child(2),
    #recaptcha_area tr:nth-child(1) td:nth-child(3) {
        width: 50% !important;
        text-align: center;
    }
    #recaptcha_area tr:nth-child(1) td:nth-child(2) { float: left; }
    #recaptcha_area tr:nth-child(1) td:nth-child(3) { float: right; }

    .recaptcha_input_area { padding: 0.125rem 0.378rem 0 0 !important; }
    .recaptchatable #recaptcha_response_field { width: 100% !important; }

    .recaptcha_only_if_privacy {
        float: none !important;
        display: block;
        padding: 0 0.25rem 0.25rem !important;
    }
} 

/*-=Medium screens=-*/
@media only screen and (min-width: 40.0625em) {
    
    .medium-text-left .vertical-align-middle,
    .medium-text-left .vertical-align-bottom {}
    .medium-text-center .vertical-align-middle,
    .medium-text-center .vertical-align-bottom {
        left: 50%;
        -o-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .medium-text-right .vertical-align-middle,
    .medium-text-right .vertical-align-bottom { right: 0; }
}  /* min-width 641px */

@media only screen and (min-width: 40.0625em) and (max-width: 60em) {
    .medium-only-text-left .vertical-align-middle,
    .medium-only-text-left .vertical-align-bottom {}
    .medium-only-text-center .vertical-align-middle,
    .medium-only-text-center .vertical-align-bottom {
        left: 50%;
        -o-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .medium-only-text-right .vertical-align-middle,
    .medium-only-text-right .vertical-align-bottom { right: 0; }
    
    [class*="column"].medium-12 > .vertical-align-middle,
    [class*="column"].small-12:not([class*="medium"]) > .vertical-align-middle,
    [class*="column"]:not([class*="medium"]):not([class*="small"]) > .vertical-align-middle,
    [class*="column"].medium-12 > .vertical-align-bottom,
    [class*="column"].small-12:not([class*="medium"]) > .vertical-align-bottom,
    [class*="column"]:not([class*="medium"]):not([class*="small"]) > .vertical-align-bottom{
        position: relative;
        top: auto;
        bottom: auto;
        -o-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/*-=Large screens=-*/
@media only screen and (min-width: 60.0625em) {
    .large-text-left .vertical-align-middle,
    .large-text-left .vertical-align-bottom {}
    .large-text-center .vertical-align-middle,
    .large-text-center .vertical-align-bottom {
        left: 50%;
        -o-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .large-text-right .vertical-align-middle,
    .large-text-right .vertical-align-bottom { right: 0; }
    
    
    [class*="column"].large-12 > .vertical-align-middle,
    [class*="column"].medium-12:not([class*="large"]) > .vertical-align-middle,
    [class*="column"].small-12:not([class*="medium"]):not([class*="large"]) > .vertical-align-middle,
    [class*="column"]:not([class*="large"]):not([class*="medium"]):not([class*="small"]) > .vertical-align-middle,
    [class*="column"].large-12 > .vertical-align-bottom,
    [class*="column"].medium-12:not([class*="large"]) > .vertical-align-bottom,
    [class*="column"].small-12:not([class*="medium"]):not([class*="large"]) > .vertical-align-bottom,
    [class*="column"]:not([class*="large"]):not([class*="medium"]):not([class*="small"]) > .vertical-align-bottom {
        position: relative;
        top: auto;
        bottom: auto;
        -o-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
} /* min-width 1025px, large screens */

@media only screen and (min-width: /*61.9375em*/ 75em) {
    /* TOP BAR STYLING */
    .zf-main-nav { padding: 0 1.563rem; /* 25px */ }
    
    .top-bar {
        /*background: transparent;*/
        height: auto;
    }
    .top-bar .title-area { display: none; }
    .top-bar-section ul { background: transparent; }

    .top-bar-section li:not(.has-form) a:not(.button) {
        color: #fff;
        font-weight: 700;
        font-family: 'Special Elite', courier, serif;
        font-size: 15px; /* 14px */
        xpadding: 0.625rem /* 0.875rem */ 1.125rem; /* 10px 14px */
        padding: 0.625rem /* 0.875rem */ 0.5rem; /* 10px 14px */
        line-height: 1.6;
        /* background: #2faedc; */
        /* background: #1f8ede; */
		background: none;
    }
	.top-bar-section li:not(.has-form) {
		background: none;
	}
    /*.top-bar-section .primary-nav-first-row > li:not(.has-form) > a:not(.button) {
        padding-left: 1.4375rem;
        padding-right: 1.4375rem;
    }
    .top-bar-section .primary-nav-second-row > li:not(.has-form) > a:not(.button) {
        padding-left: 1.6875rem;
        padding-right: 1.6875rem;
    }*/
    
    .top-bar-section li.current_page_item:not(.has-form) > a:not(.button),
    .top-bar-section li.current-menu-item:not(.has-form) > a:not(.button),
    .top-bar-section li:not(.has-form) a:not(.button):hover,
    .top-bar-section ul li:hover:not(.has-form)>a {
        color: #fff;
        background: #000;
    }

    /* Fallback Dropdown */
    .top-bar-section ul li.page_item_has_children,
    .top-bar-section ul li.menu-item-has-children {
        position: relative;
    }
    .top-bar-section ul.children {
        display: block;
        position: absolute;
        top: 100%;
        width: 100%;
        padding-left: 0;
        background: #990000;
        z-index: 99;
    }
    .top-bar-section ul.children li {
        float: none;
        height: 0;
        overflow: hidden;
        padding: 0;
        background: #663300;
    }
    .top-bar-section ul.children li:not(.has-form) a:not(.button) {
        background: #990000;
        padding: 0.375rem 1.063rem; /* 6px 17px */
        font-size: 0.813rem; /* 13px */
        font-weight: 700;
        border-bottom: 0.063rem solid #000; /* 1px */
        background: #990000;
    }
    .top-bar-section ul.children li:not(.has-form):last-of-type a:not(.button) {
        border-bottom: none;
    }
    .top-bar-section ul.children li:not(.has-form) > a:not(.button):hover {
        background: #000;
        color: #fff;
    }
    .top-bar-section ul.children ul.children {
        left: 100%;
        top: 0;
    }
    .top-bar-section li.page_item_has_children:not(.has-form):hover > ul.children > li,
    .top-bar-section li.menu-item-has-children:not(.has-form):hover > ul.children > li,
    .top-bar-section li.page_item_has_children:not(.has-form):active > ul.children > li,
    .top-bar-section li.menu-item-has-children:not(.has-form):active> ul.children > li {
        overflow: visible;
        height: auto;
    }
    /* End Fallback Dropdown */
    
    /* Foundation Dropdown*/
    .top-bar-section .has-dropdown.hover>.dropdown,
    .top-bar-section .has-dropdown.not-click:hover>.dropdown { top: 100%; }
    .top-bar-section .has-dropdown>a { padding-right: 1.063rem !important; /* 17px */ }
    .top-bar-section .has-dropdown>a:after { display: none; }
    .top-bar-section .dropdown li {
        padding: 0;
        background: #663300;
    }
    .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
        color: #fff;
        background: #990000;
        padding: 0.375rem 1.063rem; /* 6px 17px */
        font-size: 0.813rem; /* 13px */
		font-weight: 700;
    }
    .top-bar-section .dropdown li.current-menu-item:not(.has-form):not(.active)>a:not(.button) { color: #fff; background: #000; }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown>a { padding-right: 1.563rem !important; /* 25px */ }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown >a:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        margin-right: 0;
        margin-top: -0.250rem; /* -4px */
        right: 0.188rem; /* 3px */
        border: inset 0.313rem; /* 5px */
        margin-top: -0.281rem; /* 4.5px */
        border-color: transparent transparent transparent rgba(255, 255, 255, 0.4); /* #05A4ED */
    }
    .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
        background: #663300;
        color: #fff;
    }
    .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button):hover {
        background: #000;
        color: #fff;
    }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown >a:hover:after {
        border-color: transparent transparent transparent rgba(255,255,255,0.4); /* #fff  */
    }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown:hover >a:after {
        border-color: transparent transparent transparent rgba(255,255,255,0.4); /* #05A4ED  */
    }
    .top-bar-section .dropdown .has-dropdown.hover>.dropdown,
    .top-bar-section .dropdown .has-dropdown.not-click:hover>.dropdown {  top: 0; }
    /* Dropdown Styling*/
    
    /* Align Menu to the right
        .top-bar-section { float:right; } */
    /* Align Menu to the center
        .top-bar-section { float:none; text-align: center; }
        .top-bar-section ul{display: inline-block;} */    
        
    /*.top-bar-section ul#menu-primary-nav > div > li {
        float: none;
        display: inline-block;
    }*/
    /* .top-bar-section ul#menu-primary-nav > div { text-align: center; } */
    /*.top-bar-section ul#menu-primary-nav > .primary-nav-first-row > li:first-child > a { padding-left: 1.625rem; }
    .top-bar-section ul#menu-primary-nav > .primary-nav-first-row > li:last-child > a { padding-right: 1.75rem; }
    .top-bar-section ul#menu-primary-nav > .primary-nav-second-row > li:first-child > a { padding-left: 1.75rem; }
    .top-bar-section ul#menu-primary-nav > .primary-nav-second-row > li:last-child > a { padding-right: 1.875rem; }*/
	.top-bar-section ul#menu-primary-nav {
		display: flex;
		flex-flow: wrap;
		justify-content: space-evenly;
		/* background: linear-gradient(#1f8ede, #1f8ede 50%, #739d5f 50%); */
		/* --nav-color1: #1f8ede;
		--nav-color2: #739d5f; */
		--nav-color1: #000000;
		/* --nav-color2: #8c2809; */
		--nav-color2: var(--ll-color-rust);
		background: linear-gradient(var(--nav-color1), var(--nav-color1) 50%, var(--nav-color2) 50%);
	}
	.top-bar-section ul#menu-primary-nav::before {
		content: "";
		width: 100%;
		height: 0;
		order: 2;
	}
	.top-bar-section ul#menu-primary-nav > li {
		order: 1;
		float: none;
		flex-grow: 1;
		text-align: center;
	}
	.top-bar-section ul#menu-primary-nav > li.second-row-start, .top-bar-section ul#menu-primary-nav > li.second-row-start ~ li {
		order: 3;
	}
	/* li.second-row-start:not(.current-menu-item) a:not(:hover), li.second-row-start ~ li:not(.current-menu-item) a:not(:hover) {
		color: black !important;
	} */
	/*li.second-row-start a:hover, li.second-row-start ~ li a:hover {
		color: white !important;
	}*/
}

/* .top-bar-section ul .primary-nav-second-row { background: #8D9B6E; }
.top-bar-section ul .primary-nav-second-row li:not(.has-form) a:not(.button) {
    background: #8D9B6E;
    color: #000;
}

.top-bar-section .primary-nav-second-row li.current_page_item:not(.has-form) > a:not(.button),
.top-bar-section .primary-nav-second-row li.current-menu-item:not(.has-form) > a:not(.button),
.top-bar-section .primary-nav-second-row li:not(.has-form) a:not(.button):hover,
.top-bar-section ul.primary-nav-second-row li:hover:not(.has-form)>a {
    background: #000;
    color: #fff;
} */