/* -----------------------------------------------------------------------------
    EXTRA SMALL ONLY, 0 - 360px, mobiles
----------------------------------------------------------------------------- */
@media only screen and (max-width: 22.5em) {
    .state-book { 
        width: 100%;
        float: none;
    }
}

@media only screen and (max-width: 26.3125em) {
    .zf-state-select-wrap {
        width: 100%;
    }
}

/* -----------------------------------------------------------------------------
    SMALL ONLY, 0 - 640px, mobiles
----------------------------------------------------------------------------- */
@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;
    }
    
    .main-nav-section .top-bar { padding-right: 0 !important; }
    
    .zf-content .matchHeight > article {
    	margin-top: 0.5rem;
    }
}


/* -----------------------------------------------------------------------------
    SMALL, MEDIUM, LARGE, 361px - 640px, 769px - ∞, mobiles, tablets, desktops
----------------------------------------------------------------------------- */
@media only screen and (min-width: 22.5625em) and (max-width: 40em), (min-width: 48.0625em) {
    .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;
        font-size: 0.750rem;
    }
    
  
}


/* -----------------------------------------------------------------------------
    SMALL, MEDIUM, 0 - 480px, 641px - 720px, mobiles, tablets
----------------------------------------------------------------------------- */
@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, LARGE, 641px - ∞, tablets, desktops
----------------------------------------------------------------------------- */
@media only screen and (min-width: 40.0625em) {
    h1 { line-height: 1.3; font-size: 2.25rem; }
    h2 { line-height: 1.35; font-size: 2rem; }
    h3 { line-height: 1.4; font-size: 1.75rem; }
    h4 { line-height: 1.45; font-size: 1.5rem; }
    h5 { line-height: 1.5; font-size: 1.25rem; }
    h6 { line-height: 1.55; font-size: 1rem; }
    
/* -------------------------------------------------------------------------- */
    
    .zf-main-header-top .zf-state-select-wrap {
        float: right;
        width: 100%;
        max-width: 15rem;
    }

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

    .top-bar {
        overflow: visible;
        height: auto;
        border-bottom: 0.25rem solid #1ca5dc;
    }
    .top-bar .title-area { display: none; }
    
    .top-bar-section > div {
        font-size: 0;
        line-height: 1;
    }
    
    .top-bar-section ul { background: transparent;text-align: left;}
    .top-bar-section > div > ul { display: inline-block; }
    
    .top-bar-section ul li a { padding: 0.375rem 0.75rem; }
    
    .top-bar-section li:not(.has-form) a:not(.button) {
        color: #fff;
        background: transparent;
        font-family: 'Raleway', sans-serif;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.8;
        position: relative;
        padding: 0.5rem 0.75rem 0.125rem;
    }
    
    .top-bar-section .menu-header-menu-container > ul > li > a:last-of-type { padding-right: 0; }
    .top-bar-section .menu-header-menu-container > ul > li > a:first-of-type { padding-left: 0; }
    
    .top-bar-section li:not(.has-form) a:not(.button):hover,
    .top-bar-section li.current-menu-item:not(.has-form) > a:not(.button),
    .top-bar-section li.current_page_item:not(.has-form) > a:not(.button) {
        background: #1ca5dc;
    }

    .top-bar-section .has-dropdown > a { padding-right: 0.75rem !important; }
    .top-bar-section .has-dropdown > a:after { display: none; }
    
    .top-bar-section .dropdown li { padding: 0; margin: 0; }
        
    .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
        background: #dcdddf;
        color: #231f20;
        text-transform: none;
        font-weight: 400;
        font-size: 0.875rem;
        padding: 0.25rem 0.75rem;
    }
    
    .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button),
    .top-bar-section .dropdown li.current-menu-item:not(.has-form):not(.active)>a:not(.button),
    .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button):hover {
        color: #fff;
        background: #1ca5dc;
    }
    
    .top-bar-section .dropdown .has-dropdown > a { padding-right: 1.5rem !important; }
    
    .top-bar-section .dropdown li.has-dropdown:not(.has-form):not(.active)>a:not(.button):after {
        content: '';
        display: block;
        border: 0.25rem solid;
        border-color: transparent transparent transparent rgba(0,0,0,0.4);
        border-left-style: solid;
        position: absolute;
        width: 0;
        height: 0;
        right: 0.125rem;
        left: auto;
        top: 50%;
        margin: -0.125rem 0 0 0;
    }
    
    .top-bar-section .dropdown li.has-dropdown:not(.has-form):not(.active):hover>a:not(.button):after {
        border-color: transparent transparent transparent rgba(255,255,255,0.4);
    }
    
    .top-bar-section .dropdown .dropdown { left: 0; }
    
/* -------------------------------------------------------------------------- */

    .slider-caption {
        position: absolute;
        width: 94%;
        background: transparent;
        left: 3%;
        top: 3%;
        right: 3%;
        bottom: 3%;
        text-shadow: 0 0 7px #000, 0 0 7px #38393b;
    }
    
  
    
/* -------------------------------------------------------------------------- */

    .zf-post-info { line-height: 3.5; }
    .zf-post-additional-info { 
        font-size: 0.750rem; /* 12px */
        line-height: 1.3;
    }
    .zf-post-meta { font-size: 0.75rem; /* 12px */ }
    
/* -------------------------------------------------------------------------- */

    .flex-video > a { display: block; }

/* -------------------------------------------------------------------------- */
    .sidebar { margin-top: 2rem; }
    
    .zf-post-title { font-size: 1.5rem; }

    .zf-archive-title, .zf-page-title, 
    .state-page-books .state-name { font-size: 2.5rem; }

/* -------------------------------------------------------------------------- */
    
    body .gform_wrapper .gform_footer input[type=submit],
    body .gform_wrapper .gform_footer input.button {
        font-size: 0.875rem; /* 14px */
    }

    body .gf_browser_ie.gform_wrapper .gform_footer input.button {
        padding: 0.25rem 0.5rem; /* 4px 8px*/
        font-weight: 400;
    }
    
/* -------------------------------------------------------------------------- */
    
    .callout .callout-head, .Callouts_Callout---Head {
        line-height: 1.35;
        font-size: 2rem;
    }
	
	.right-sidebar-ad:last-of-type, .sportsmanShowcase:last-of-type {
		margin-bottom: 2.5rem;
	}

}

/* -----------------------------------------------------------------------------
    MEDIUM ONLY, 641px - 1000px, tablets
----------------------------------------------------------------------------- */
@media only screen and (min-width: 40.0625em) and (max-width: 62.5em) { 
    [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;
    }
}

/* -----------------------------------------------------------------------------
    LARGE, 1000px - ∞, desktops
----------------------------------------------------------------------------- */
@media only screen and (min-width: 62.5625em) {
    [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;
    }

/* -------------------------------------------------------------------------- */
	
	.map-title { margin-bottom: 0.5rem; }
	
	.quick-click-group { border-right: 0.0625rem solid #777; }
    .quick-click-group.no-border { border-right: none; }

}