/* Table of Content for Theme 1
==================================================

	1.Style Overrides
    2.Header Section
    3.Navigation
    4.Page
    5.Footer
	6.Images
    7.Form Styles
    8.Social Media
    9.Blog
	10.Typography
	11.Font-Face 
    12.Media Queries

Note: Some rules within this file are not being used in this template, they have been kept for potential future use.

================================================== */


/* 1. Style Overrides
================================================== */

body {
    background: rgb(235, 240, 243);
}

/*Used with blog or news*/

h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited {
    color: #636363;
    text-decoration: none;
}
a.header-button {
    background: rgb(226, 177, 45);
    border-radius: 3px;
    font-size: 85%;
    padding: 20px 40px;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    float: right;
    margin-right: 30px;
    white-space: nowrap;
}
.sub a.header-button {
    margin-right: 0;
    position: absolute;
    right: 0;
    top:230px;
}
a.header-button:visited {
    color: #fff;
}
a.header-button:hover {
    background: rgb(69, 69, 69);
    color: #fff;
}

/* 2. Header Section
================================================== */

.layer {
    background-color: rgba(0, 0, 0, 0.1);
    top: 0;
    left: 0;
    width: 100%;
    height: 542px;
    transition: .3s;
    z-index: 2;
    border-bottom: 8px solid rgb(146, 30, 29);
}
.layer.scrolled, .sub .layer.scrolled {
    background: rgba(82, 82, 82, 0.62);
}
.sub .layer {
    background-color: rgba(0, 0, 0, 0.1);
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    transition: .3s;
    z-index: 2;
    border-bottom: 8px solid rgb(146, 30, 29);
}
.headwrapper {
    max-width: 1200px;
    margin: 0 auto 0 auto;
    padding: 10px;
}

/* Logo */

.logo {
    margin: 0;
    float: left;
    background: rgb(226, 80, 80);
    display: inline-block;
    padding: 28px;
    color: #fff;
    font-size: 120%;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
}

/* ID and Nav wrapper*/

.logo_nav_wrapper {
    background: rgba(255, 255, 255, 0.87);
    padding: 1px;
    margin: 34px 0 0 0;
    display: inline-block;
    width: 100%;
    position: relative;
}

/* Hidden JQ Search */

.slidingDiv {
    clear: both;
}
.slidingDiv input {
    background-color: rgba(241, 241, 241, 0.18);
    color: rgb(113, 97, 97);
    margin: 0 0 0 0;
    padding: 10px;
    vertical-align: 14px;
    width: 100%;
    border: 0;
}

/*Important call to action*/

.search_button {
    background-color: rgb(96, 163, 61);
    color: rgb(237, 237, 237);
    cursor: pointer;
    padding: 28px 15px;
    position: absolute;
    right: 1px;
    top: 1px;
}

/* 3. Navigation
================================================== */


/* Primary Navigation */

.topnav {
    float: right;
    margin: 0;
    padding: 30px 40px 0px 0;
}
.topnav ul {
    float: left;
    list-style: none;
    margin: 0 25px 0 0;
    padding: 0;
}
.topnav li {
    display: inline;
}
.topnav li a {
    color: rgb(67, 65, 65);
    font-size: 95%;
    margin: 0 0 0 15px;
    text-decoration: none;
    font-family: 'robotobold', Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

/* Sub Navigation */

ul.sub-menu {
    list-style: none;
    margin: -10px 0 20px 0;
    padding: 0;
}

/* Sub Nav Links */

ul.sub-menu li a {
    border-bottom: 1px dotted rgb(204, 204, 204);
    color: rgb(109, 109, 109);
    display: block;
    margin: 0;
    padding: 11px 0 11px 0;
    text-decoration: none;
    font-size: 90%;
}
ul.sub-menu li li a {
    color: rgb(109, 109, 109);
    margin: 0;
    padding: 11px 0 11px 20px;
    font-size: 90%;
}
ul.sub-menu li li li a {
    color: rgb(109, 109, 109);
    margin: 0;
    padding: 11px 0 11px 40px;
    font-size: 85%;
}

/* 4. Page
================================================== */


/* Page wrapper */

.page {
    background-color: rgb(255, 255, 255);
    padding: 40px 40px 40px 40px;
    border: 1px solid rgb(235, 235, 235);
    font-size: 110%;
    position: relative;
    z-index: 500;
}
.sub .page {
    margin-top: -40px;
}
.page-header {
    background: rgba(57, 57, 57, 0.47);
    padding: 40px 0px 30px 40px;
    margin: -215px 0 0 0;
    position: relative;
    z-index: 500;
    color: rgb(255, 255, 255);
    border-top: 1px solid rgba(0, 0, 0, 0.23);
}
.page-header h2 {
    padding: 0;
    margin: 0px 0 0 0;
    color: #fff;
}

/* 5. Footer
================================================== */

.footerWrapper {
    background: #293134;
    max-width: 1200px;
    margin: 0 auto 0 auto;
    padding: 30px 40px 0 40px;
}
.footer {
    background: #293134;
    color: rgb(186, 186, 186);
    font-size: 80%;
    padding-bottom: 20px;
}
.footer p {
    margin: 0;
    padding: 0;
}

/* Footer icons */

.footer .fa-ul {
    font-size: 145%;
    margin: 0;
    padding: 20px 0 10px 0;
}

/* Footer Links */

.footer a, .footer a:visited {
    color: rgb(202, 213, 221);
    text-decoration: underline;
    outline: 0;
}
.footer a:hover, .footer a:focus {
    color: rgb(227, 240, 236);
    text-decoration: none;
}
.footer p a, .footer p a:visited {
    color: rgb(202, 213, 221);
}

/* 6. Images
================================================== */


/*Feature Image*/

p.feature_caption {
    color: rgb(132, 132, 132);
    font-size: 80%;
    margin: -30px 0 20px 0;
    padding: 0;
}
.home_teaser_caption {
    font-size: 75%;
    color: rgb(132, 132, 132);
}

/*Image Alignment*/

img.right, img.align_right, img.align-right {
    /* RCD */
    float: right;
    margin: 8px 0 0 15px;
    width: 50%;
}
img.left, img.align_left, img.align-left {
    /* RCD */
    float: left;
    margin: 8px 15px 0 0;
    width: 50%;
}
img.align_center, img.align-center {
    /* RCD */
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

/* Gallery v1 */

.g {
    padding: 0.25em;
    overflow: hidden;
    margin: 0;
}
.g li {
    float: left;
    width: 50%;
    padding: 0.25em;
    list-style: none;
}
.g img {
    display: block;
}
.g li:nth-child(odd) {
    clear: left;
}
a.gallery-albumThumb {
    font-size: 70%;
    color: #444;
    text-decoration: none;
}

/* Gallery MQ */

@media screen and (min-width: 40em) {
    .g li {
        width: 33.3333333333333333%;
    }
    .g li:nth-child(3n+1) {
        clear: left;
    }
    .g li:nth-child(odd) {
        clear: none;
    }
}
@media screen and (min-width: 55em) {
    .g li {
        width: 25%;
    }
    .g li:nth-child(4n+1) {
        clear: left;
    }
    .g li:nth-child(3n+1) {
        clear: none;
    }
}
@media screen and (min-width: 72em) {
    .g li {
        width: 20%;
    }
    .g li:nth-child(5n+1) {
        clear: left;
    }
    .g li:nth-child(4n+1) {
        clear: none;
    }
}
@media screen and (min-width: 90em) {
    .g li {
        width: 16.666666666%;
    }
    .g li:nth-child(6n+1) {
        clear: left;
    }
    .g li:nth-child(5n+1) {
        clear: none;
    }
}

/* Gallery v2  */

.gallerywrap ul {
    padding: 0;
    margin: 0;
    display: inline-block;
}

/* Simple page image gallery 50% / 2 images per row */

.gallery ul {
    padding: 0;
    overflow: hidden;
}
.gallery li {
    float: left;
    width: 50%;
    padding: 1px;
    list-style: none;
}
.gallery img {
    display: block;
}

/* Simple page image gallery 25% / 4 images per row  */

.gallery-four ul {
    padding: 0;
    overflow: hidden;
}
.gallery-four li {
    float: left;
    width: 25%;
    padding: 1px;
    list-style: none;
}
.gallery-four img {
    display: block;
}

/* Simple page image gallery 20% / 5 images per row  */

.gallery-five ul {
    padding: 0;
    overflow: hidden;
}
.gallery-five li {
    float: left;
    width: 20%;
    padding: 1px;
    list-style: none;
}
.gallery-five img {
    display: block;
}

/* Simple page image gallery default 33% / 3 images per row  */

.gallery-three ul {
    padding: 0;
    overflow: hidden;
}
.gallery-three li {
    float: left;
    width: 33.3333333333%;
    padding: 1px;
    list-style: none;
}
.gallery-three img {
    display: block;
}

/* Simple page image gallery 10% / 10 images per row  */

.gallery-ten ul {
    padding: 0;
    overflow: hidden;
}
.gallery-ten li {
    float: left;
    width: 10%;
    padding: 1px;
    list-style: none;
}
.gallery-ten img {
    display: block;
}

/* .7 Forms Override Styles
================================================== */

.form-wrapper label {
    padding: 0;
    line-height: 100%;
    font-size: 90%;
    color: #ccc;
}
.form-wrapper input {
    background: #f6f5f4;
    border: 1px solid #e6e6e6;
    color: #4E4E4E;
    padding: 15px;
    margin: 0 0 5px 0;
    width: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 95%;
    -webkit-appearance: none;
}
.form-wrapper input:focus {
    background: #ffffff;
    border: 1px #a8baba solid;
    color: #424242;
}
.form-wrapper textarea {
    background: #f6f5f4;
    border: 1px solid #e6e6e6;
    color: #4E4E4E;
    padding: 15px;
    margin: 0 0 5px 0;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-appearance: none;
    font-size: 95%;
}
.form-wrapper textarea:focus {
    background: #FAFAFA;
    border: 1px #a8baba solid;
    color: #424242;
}
.form-wrapper legend {
    display: none;
}

/* Search */

.search-field {
    overflow: hidden;
}
.search .search-field input {
    padding: 18px;
    border: 0;
    color: rgb(114, 114, 114);
    margin: 30px 0 0 15px;
    font-size: 120%;
    width: 100%;
    background-color: #ffffff;
    border: 1px #ccc solid;
}
.search #site-search {
    padding: 21px 14px;
    border: 0;
    border-radius: 0;
    color: #e1e6ea;
    margin: 30px 15px 0 5px;
    text-align: center;
    font-weight: bold;
    width: auto;
    border-radius: 3px;
}

/* 8. Social Media / Font Awesome
================================================== */

.socialMedia {
    float: right;
    margin: 20px 65px 0 0;
}
.fa-ul {
    margin: 0 0 10px 0;
    padding: 0;
}
.fa-ul li {
    display: inline;
    padding: 0 0 0 6px;
    margin: 0;
    color: rgb(255, 209, 211);
    font-size: 115%;
}
a .fa {
    color: rgba(255, 255, 255, 0.75);
}
a .fa:hover {
    color: rgb(255, 255, 255);
}
.fa-ul a span {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

/* 9. Blog - 
================================================== */

.posted {
    color: #7e7c7c;
    font-size: 75%;
    margin: -20px 0 5px;
}
.article-teaser {
    background-color: rgb(246, 245, 244);
    border: 1px solid rgb(230, 230, 230);
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 80px 40px 40px 40px;
    position: relative;
}
.article-teaser:hover {
    background-color: rgb(250, 249, 248);
}
.article-teaser .posted, .blog_comment .posted {
    background-color: rgb(242, 242, 242);
    border-bottom: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(230, 230, 230);
    color: rgb(139, 139, 139);
    padding: 15px;
    position: absolute;
    right: 1px;
    top: 21px;
}
.sidebar-news {
    margin: 8px 0;
}
.sidebar-posted {
    color: #7e7c7c;
    font-size: 75%;
    margin: -5px 0 5px;
}

/*Comments - might not be used in this profile */

.comment_count {
    font-size: 75%;
    color: #ccc;
}
.comment_count span {
    padding: 4px 6px;
    margin-left: 10px;
    color: #fff;
}
.comments {
    margin: 22px 0;
}
.blog_comment {
    background-color: rgb(246, 245, 244);
    border: 1px solid rgb(230, 230, 230);
    border-radius: 3px;
    margin: 20px 0;
    padding: 100px 40px 20px 40px;
    position: relative;
}
.comment_author {
    font-size: 85%;
    color: #ccc;
}
.blog_comment span {
    background-color: rgb(230, 236, 240);
    padding: 8px;
    margin-left: 10px;
}

/* 10. Typography 
================================================== */

p {
    margin: 0 0 28px 0;
}
.social-footer i {
    font-size: 180%;
    margin: 0 1px;
}

/*	Styled Block-quotes  */

blockquote {
    background-color: rgb(235, 240, 243);
    border-left: 5px solid rgb(208, 208, 208);
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 110%;
    font-style: italic;
}

/*Pullquotes*/

p.pullquote_right {
    border-right: 4px solid rgb(208, 208, 208);
    float: right;
    margin: 0 0 0 20px;
    text-align: right;
}
p.pullquote_left {
    border-left: 4px solid rgb(208, 208, 208);
    float: left;
    margin: 0 20px 0 0;
    text-align: left;
}
p.pullquote_right, p.pullquote_left {
    background-color: rgb(235, 240, 243);
    font-size: 100%;
    padding: 30px;
    width: 50%;
    font-size: 90%;
}

/* 11. Font face
================================================== */

@font-face {
    font-family: 'open_sansregular';
    src: url('../font/OpenSans-Regular-webfont.eot');
    src: url('../font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Regular-webfont.woff') format('woff'), url('../font/OpenSans-Regular-webfont.ttf') format('truetype'), url('../font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('../font/Roboto-Bold-webfont.eot');
    src: url('../font/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/Roboto-Bold-webfont.woff') format('woff'), url('../font/Roboto-Bold-webfont.ttf') format('truetype'), url('../font/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('Roboto-Regular-webfont.eot');
    src: url('Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Regular-webfont.woff') format('woff'), url('Roboto-Regular-webfont.ttf') format('truetype'), url('Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 12.Media Queries
================================================== */


/* For desktops */

@media only screen and (min-width: 890px) {
    .slicknav_menu {
        display: none;
    }
}

/* Smaller than standard 960 (devices and browsers) */

@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .topnav li a {
        margin: 0 2px;
    }
    .page {
        font-size: 100%;
    }
}

/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 890px) {
    html, body {
        font-size: 110%;
        line-height: 1.7em
    }
    .logo_nav_wrapper {
        margin-top: 30px;
        width: auto;
    }
    .masthead_image {
        height: 450px;
    }
    .pages.masthead_image {
        height: 300px;
    }
    .menu-btn {
        margin: -90px 5px 0 0;
        position: relative;
        z-index: 20;
    }
    .page-header {
        padding: 30px 20px 40px 20px;
        margin: -290px 0 -30px 0;
        font-size: 80%;
    }
    .page {
        padding: 0;
        margin: 0;
    }
    .mobile_search {
        padding: 0 15px;
    }
    .mobile_search input[type=text] {
        background-color: rgb(63, 70, 73);
        width: 100%;
        padding: 20px;
        color: rgb(232, 237, 240);
        border: 1px solid #5c5c5c;
        font-size: 90%;
        font-weight: 100;
    }
    .footer.row {
        margin: 0;
    }
    .footerWrapper span.tel {
        position: absolute;
        top: 0;
        font-size: 20px;
        margin-top: 16px;
        color: rgb(255, 255, 255);
        margin-left: -8px;
    }
    .footer .align_right {
        text-align: left;
    }
    .footer .footer-gallery {
        text-align: left;
        float: left;
        margin-left: 0;
    }
    .footer div {
        margin-bottom: 20px;
    }
    a.header-button {
        margin-top: 10px;
        float: left;
    }
    .sub .layer {
        height: 0px;
    }
    .sub a.header-button {
        display: none;
    }
}

/* Media queries not currently used */

@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}