/* =============================================================================
* Global / Site-Wide Styles
* ==============================================================================
*
* TABLE OF CONTENTS
* 1. General Styles, Defaults And Resets
* 2. Header
*   2.1 Logo
*   2.2 Main Navigation
*   2.3 Alternative Navigation for Medium / Tablet Size Screens
* 3. Sidebar
*   3.1 Images
* 4. Footer
* 5. Typography
* 6. Forms
* =========================================================================== */

/* **************************************************************************
* 1. General Styles, Defaults And Resets
* *************************************************************************** */

/*
@font-face {
    font-family: 'avianobold';
    src: url('/wp-content/themes/paragon/fonts/insigne_-_avianobold-webfont.eot');
    src: url('/wp-content/themes/paragon/fonts/insigne_-_avianobold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/paragon/fonts/insigne_-_avianobold-webfont.woff') format('woff'),
         url('/wp-content/themes/paragon/fonts/insigne_-_avianobold-webfont.ttf') format('truetype'),
         url('/wp-content/themes/paragon/fonts/insigne_-_avianobold-webfont.svg#avianobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face {
	font-family: aviano_bold;
	src: url('fonts/insigne_-_avianobold-webfont.eot');
}
@font-face {
	font-family: aviano_bold;
	src: url("fonts/aviano_bold.otf") format("opentype");
}

* {
    margin: 0;
    padding: 0;
}

.sidebar-subnav li.current_page_item a {
color: #c0c0c0 !important;
}

html,
body {
    height: 100%; /* Required to force footer to bottom of screen on pages with minimal content */
}

img {
    max-width: 100%; /* Resizes images according to screen size */

    border: none;
}

img.alignright {
float: right;
}


body {
    background-color: #f2f2f2;
    font-family: "aviano_bold", verdana,arial,sans-serif;
}

/* **************************************************************************
* 2. Header
* *************************************************************************** */

#header {
    position: relative;
    z-index: 200; /* Puts header box over main content box */

    width: 100%;
    height: 115px;

    background-color: #002741;
    box-shadow: 0 8px 6px -6px #403f3f;
    -moz-box-shadow: 0 8px 6px -6px #403f3f;
    -webkit-box-shadow: 0 8px 6px -6px #403f3f;
}

        /* Small / Mobile Screens */
        @media only screen and (max-width: 519px) {
            #header {
                text-align: center; /* Center header contents */
            }
        }

/* 2.1 Logo
* --------------------------------------------------------------------------- */

#logo {
    margin-top: 20px;
    margin-left: 8.2%; /* 1 column and 1 gutter. 78.33px / 960px = 0.082 */
}

        /* Small / Mobile Screens */
        @media only screen and (max-width: 519px) {
            #logo {
                margin-left: 0;
            }
        }

/* 2.2 Main Navigation
* --------------------------------------------------------------------------- */

div.menus {
padding-top: 45px;
float: right;
margin: 0;
margin-right: .2%; /* 1 column and 1 gutter. 78.33px / 960px = 0.082 */
width: 75%;
}

#mainNav {
    margin: 0;
    list-style-type: none;
}

        /* Small / Mobile Screens & Medium / Tablet Screens */
        @media only screen and (max-width: 1023px) {
            div.menus {
                display: none; /* Hide main nav */
            }
        }

#mainNav li {
    margin-right: 1.25em;
    display: inline;
}

#mainNav li a:link, 
#mainNav li a:visited {
    font-size: 0.9em;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

#mainNav li a:hover,
#mainNav li a:active {
    color: #ccc;
}

/* 2.3 Alternative Navigation For Medium / Tablet Size Screens
* --------------------------------------------------------------------------- */

#alternateNav {
    float: right;
    margin-right: 5em;
    margin-top: 1.5em;
}

        /* Small / Mobile Screens */
        @media only screen and (max-width: 519px) {
            #alternateNav {
                display: none; /* Hide alternate nav */
            }
        }

        /* Large / Desktop Screens */
        @media only screen and (min-width: 1024px) {
            #alternateNav {
                display: none; /* Hide alternate nav */
            }
        }

/* Container for select box */
.selectContainer {
    width: 120px;
    height: 30px;
    overflow: hidden;

    background: url(images/arrows/alt-nav-arrow.gif) no-repeat 96% #ddd;
}

/* Select box */
.selectContainer select {

    width: 150px;
    height: 30px;
    padding: 5px;

    font-size: 0.75em;
    color: #757575;
    background: transparent;
    border: 1px solid #fff;
    -webkit-appearance: none;
}

/* Individual menu options */
.selectContainer select option {
    margin-left: 0.25em;
}

/* ==========================================================================
* 3. Sidebar
* =========================================================================== */

/* Medium / Tablet And Large / Desktop Screens */
@media only screen and (min-width: 520px) {
    #sidebar {
        width: 32.6%; /* 4 columns and 4 gutters. 313.32px / 960 px = 0.326 */
        margin-left: 65.3%; /* 8 columns and gutters (width of body text container plus 3 column and 3 gutter margin between the two.) 626.64px / 968px = 0.653 */
    }
}

/* 3.1 Images
* --------------------------------------------------------------------------- */

/* Images should be a max of 200px wide by 100px high */

/* List of sidebar images */
.images {
    width: 100%;

    list-style-type: none;
}

@media only screen and (max-width: 520px) {
    .images {
        display: none;
    }
}

.images li {
    float: left;

    width: 49% ;

    line-height: 100px; /* Required to center images vertically within list item */
    text-align: center;
}

.images img {
    vertical-align: middle;
}

 /* Use when only one image is on the page to make it centered across both list items */
.images .full-width {
    width: 100%;
}

/* ==========================================================================
* 4. Footer
* =========================================================================== */

.footer1,
.footer2 p {
    clear: both; /* Required to force footer to bottom of page */

    margin-bottom: 0; /* Removes default margin given to paragraphs */

    text-align: center;
}

/* First paragraph in footer */
.footer1 {
    height: 40px;
    padding-top: 14px;

    color: #012e4e;
    background-color: #ccc;
}

        /* Small / Mobile Screens */
        @media only screen and (max-width: 519px) {
            .footer1 {
                background-color: transparent;
            }
        }

.footer1 a:link,
.footer1 a:visited,
.footer1 a:hover,
.footer1 a:active {
    color: #012e4e;
}

/* Second paragraph in footer */
.footer2 p {
    height: 30px;
    padding-top: 10px;

    color: #fff;
    background-color: #002741;
}

        /* Small / Mobile Screens */
        @media only screen and (max-width: 519px) {
            .footer2 p {
                color: #002741;
                background-color: transparent;
            }
        }

.footer2 a:link,
.footer2 a:visited {
    margin-right: 8px;

    color: #fff;
    text-decoration: none;
}

.footer2 a:hover,
.footer2 a:visited {
    text-decoration: underline;
}

/* ==========================================================================
* 5. Typography
* =========================================================================== */

h1 {
    margin-top: 30px;

    font-size: 1.25em; /* 20px / 16px = 1.25 */
    color: #012e4e;
}

h2 {
    margin-top: 0.25em;
    margin-bottom: 1.25em;

    font-size: 1em; /* 16px */
    font-weight: normal;
    color: #666;
}

h3 {
    margin-top: 1em;
    margin-bottom: 1em;

    font-size: 0.875em; /* 14px / 16px = 0.875 */
    color: #012e4e;
}

h4 {
    font-size: 0.75em; /* 12px / 16px = 0.75 */
    color: #666;
}

p,
li,
dd {
    font-size: 0.75em; /* 12px / 16px = 0.75 */
    line-height: 1.65;
    color: #666;
}

dd p,
dd li {
    font-size: 1em; /* Resets block elements within dd tags to normal size */
}

p,
ul,
dl {
    margin-bottom: 2em;
}

ul {
    margin-top: 1.5em;
}

a:link,
a:visited {
    color: #002741;
    text-decoration: none;
}

a:hover,
a:active {
    text-decoration: underline;
}

/* ==========================================================================
* 6. Forms
* =========================================================================== */

fieldset {
    position: relative;
    top: -1em;
    padding: 20px;
}

legend {
    padding: 4px;
    color: #012e4e;
}

label {
    display: block;
    font-size: 0.625em; /* 10px / 16px = 0.625 */
    line-height: 1.65;
    color: #666;
}

/* Submit buttons */
input[type="submit"] {
    padding: 2px;
    background-color: #012e4e;
    border: none;
    color: #fff;
}


/* WP Form */

.wpcf7 br {
    display: none;
}

.wpcf7 p {
    margin: 0;
    padding: 0;
    display: inline;
}

.wpcf7 div.col2 {
    width: 40%;
    float: right;
}

.wpcf7 div.col2 textarea {
    margin: 0;
    padding: 0;
    width: 100%;
}

.wpcf7 div.col1 {
    float: left;
    width: 60%;
}

.wpcf7 div.col1 input {
    margin: 0;
    padding: 0;
    width: 60%;
}

.wpcf7 input[type="submit"] {
    width: 42px !important;
    height: 22px !important;
}

.wpcf7 p label {
    font-size: .85em;
    line-height: 140%;
}

span.wpcf7-not-valid-tip {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

div.wpcf7-response-output {
    font-size: .8em;
    line-height: 140%;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

@media only screen and (min-width: 400px) and (max-width: 1000px) {

.wpcf7 div.col2 {
    width: 100%;
    float: none;
}

.wpcf7 div.col2 textarea {
    margin: 0;
    padding: 0;
    width: 100%;
}

.wpcf7 div.col1 {
    float: none;
    width: 100%;
}

.wpcf7 div.col1 input {
    margin: 0;
    padding: 0;
    width: 100%;
}


}


.ff-form {
margin: 0 auto;
width: 100%;
}

.ff-form p {
margin: 0;
padding: 0;
}

.ff-form br {
display: none !important;
}

.ff-form fieldset {
margin: 0 auto;
padding: 0;
border: 0;
width: 430px;
overflow: hidden;
clear: both;
}

.ff-form input {
margin: 0 10px 0 0 !important;
display: block !important;
float: left !important;
padding: 3px 5px 3px 5px !important;
width: 150px !important;
}

.ff-form input.wpcf7-submit {
width: 50px !important;
display: inline-block !important;
float: left !important;
}

.wpcf7-response-output, 
img.ajax-loader {
display: none !important;
}