/*
    Arcana 2.1 by HTML5 UP
    html5up.net | @n33co
    Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Global                                                                        */
/*********************************************************************************/

/* Basic */

    *,*:before,*:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box}

    body
    {
        background: #f0f0f0 url('images/bg1.png');
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 14pt;
        line-height: 1.75em;
        color: #4c4c4c;
    }

    h1,h2,h3,h4,label
    {
        font-family: 'Open Sans Condensed', sans-serif;
        color: #1d1d1d;
    }

    h2
    {
        font-size: 1.6em;
        letter-spacing: -1px;
        margin: 0 0 0.75em 0;
    }

    h3
    {
        font-size: 1.3em;
        letter-spacing: -1px;
        margin: 0 0 0.25em 0;
    }

    strong
    {
        color: #1d1d1d;
    }

    a
    {
        color: #478903;
        text-decoration: underline;
    }

    a:hover
    {
        text-decoration: none;
    }

/* Reusable */

    .button
    {
        display: inline-block;
        background: #0893cf;
        box-shadow: inset 0px 0px 0px 1px #48d3FF, 0px 2px 3px 0px rgba(0,0,0,0.25);
        border: solid 1px #0893cf;
        border-radius: 6px;
        padding: 0.45em 1.1em 0.5em 1.1em;
        color: #fff;
        font-size: 0.8em;
        text-decoration: none;
        text-shadow: -1px -1px 0 rgba(0,0,0,0.5);
        background-image: -moz-linear-gradient(top, #38C3FF, #0893cf);
        background-image: -webkit-linear-gradient(top, #38C3FF, #0893cf);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#38C3FF), to(#0893cf));
        background-image: -ms-linear-gradient(top, #38C3FF, #0893cf);
        background-image: -o-linear-gradient(top, #38C3FF, #0893cf);
        background-image: linear-gradient(top, #38C3FF, #0893cf);
        outline: 0;
        white-space: nowrap;
    }

    .button:hover
    {
        background: #28a3df;
        background-image: -moz-linear-gradient(top, #58d3FF, #28a3df);
        background-image: -webkit-linear-gradient(top, #58d3FF, #28a3df);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#58d3FF), to(#28a3df));
        background-image: -ms-linear-gradient(top, #58d3FF, #28a3df);
        background-image: -o-linear-gradient(top, #58d3FF, #28a3df);
        background-image: linear-gradient(top, #58d3FF, #28a3df);
    }

    .button:active
    {
        background: #38C3FF;
        background-image: -moz-linear-gradient(top, #0893cf, #38C3FF);
        background-image: -webkit-linear-gradient(top, #0893cf, #38C3FF);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0893cf), to(#38C3FF));
        background-image: -ms-linear-gradient(top, #0893cf, #38C3FF);
        background-image: -o-linear-gradient(top, #0893cf, #38C3FF);
        background-image: linear-gradient(top, #0893cf, #38C3FF);
    }

    .divider
    {
        border-top: solid 1px #e5e5e5;
        border-bottom: solid 1px #e5e5e5;
        height: 4px;
        margin: 2em 0 2em 0;
    }

    .divider-top
    {
        margin-bottom: 0;
    }

    .divider-bottom
    {
        margin-top: 0;
    }

    .cta-box
    {
        background: url('images/bg2.png');
        text-align: center;
        padding: 1.25em 0 1.25em 0;
        text-shadow: 1px 2px 0px #fff;
        font-size: 2em;
    }

        .cta-box .button
        {
            margin-left: 0.8em;
        }

    .highlight-box
    {
        background: url('images/bg2.png');
        text-align: center;
        padding: 3.5em 0 3.5em 0;
        text-shadow: 1px 2px 0px #fff;
    }

        .highlight-box h2
        {
            font-size: 3.2em;
            letter-spacing: -3px;
            margin: 0 0 0.6em 0;
        }
        
        .highlight-box span
        {
            font-size: 2em;
            color: #a1a1a1;
        }    

    .thumbnails
    {
    }

        .thumbnails .divider
        {
            border-bottom: 0;
            border-top: solid 1px #e5e5e5;
            margin: 1em 0 1em 0;
        }

        .thumbnails .thumbnail
        {
            overflow: hidden;
            z-index: 0;
        }

            .thumbnails .thumbnail img
            {
                border: solid 5px #fff;
                box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
                float: left;
                margin-right: 25px;
            }
            
            .thumbnails .thumbnail blockquote
            {
                margin: 0 0 0.75em 0;
                margin-left: 130px;
            }

            .thumbnails .thumbnail cite
            {
                color: #888;
                margin-left: 130px;
                display: block;
            }

            .thumbnails .thumbnail cite strong
            {
                padding-right: 0.25em;
            }

            .thumbnails .thumbnail img:hover
            {
                background-color: transparent;
                z-index: 50;
            }

            .thumbnails .thumbnail span
            { /*CSS for enlarged image*/
                position: absolute;
                background-color: lightyellow;
                padding: 5px;
                left: -1000px;
                border: 1px dashed gray;
                visibility: hidden;
                color: black;
                text-decoration: none;
            }

            .thumbnails .thumbnail span img
            { /*CSS for enlarged image*/
                border-width: 0;
                padding: 2px;
                -webkit-transform: scale(3);
                -moz-transform: scale(3);
                -o-transform: scale(3);
                transform: scale(3);
            }

            .thumbnails .thumbnail:hover span
            { /*CSS for enlarged image on hover*/
                visibility: visible;
                top: 1;
                left: 600px; /*position where enlarged image should offset horizontally */
            }


    .link-list
    {
    }
    
        .link-list li
        {
            border-top: solid 1px #d0d0d0;
            line-height: 2.5em;
        }
        
        .link-list li:first-child
        {
            border-top: none;
        }

    /* Tables */

    table.generic
    {
        width: 100%;
    }

    table.generic td
    {
        vertical-align: middle;
        padding-left: 10px;
        padding-right: 10px;
    }

    table.generic tr:nth-child(odd) {
        background-image: url('images/bg2.png');
    }

    table.generic th
    {
        text-align: center;
        font-size: 1.5em;
        background: #f0f0f0 url('images/bg1.png');
        padding: 5px 0px 5px 0px;
    }

    table.generic td.row-header
    {
        text-align: center;
        font-size: 1.5em;
    }

    .center
    {
        text-align: center;
    }

    .right
    {
        text-align: right;
    }

    .big
    {
        font-size: 2em;
    }

    /* Forms */

    fieldset
    {
        background-image: url('images/bg2.png');
        background-repeat: repeat;
        text-shadow: 1px 2px 0px #fff;
        padding-bottom: 10px;
    }

    legend
    {
        font-size: 2em;
        background: #f0f0f0 url('images/bg1.png');
        width: 100%;
        padding: 10px 0;
        text-align: center;
    }

    .form-element
    {
        clear: both;
        display: block;
        width: 100%;
        margin-left: 1em;
        margin-right: 1em;
    }

    .form-element-col1
    {
        display: block;
        clear: left;
        margin-left: 1em;
        width: 45%;
    }

    .form-element-col2
    {
        display: inline-block;
        clear: none;
        padding-left: 5%;
        margin-left: 1em;
        width: 45%;
    }

    .form-buttons
    {
        display: inline-flex;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }

    label
    {
        clear: left;
        float: left;
        text-shadow: 1px 2px 0px #fff;
    }

    label.form-required::after
    {
        color: #ff0000;
        content: " *";
    }

    textarea, input, select
    {
        clear: left;
        float: left;
        width: 90%;
        font-size: 0.8em;
    }

    select {
        width: 60%;
    }

    textarea
    {
        height: 100px;
    }

    input[type="tel"]
    {
        width: 200px;
    }

    input[type="date"]
    {
        width: 200px;
    }

    input[type="number"]
    {
        width: 80px;
        text-align: right;
    }

    .form-buttons input
    {
        clear: none;
        display: inline-flex;
        margin-left: auto;
        margin-right: auto;
        width: auto;
    }
    
    /* Fix text shadow in weather widget */
    .aw-current-weather-inner p {
    	text-shadow: none
    }