/* raleway-regular - latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: local('Raleway'), local('Raleway-Regular'),
            url('../fonts/raleway-v12-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
            url('../fonts/raleway-v12-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* raleway-600 - latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    src: local('Raleway SemiBold'), local('Raleway-SemiBold'),
            url('../fonts/raleway-v12-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
            url('../fonts/raleway-v12-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* TYPO */

body { font-family: 'Raleway', sans-serif; background: #fdf9e8; color: #193f19; font-size: 15px; }

h1, h2, h3, h4, h5, h6 { font-weight: 600; text-transform: uppercase;  }

h1 { font-size: 25px; margin-top: 45px; margin-bottom: 45px; }
h2 { font-size: 18px; margin-top: 45px; margin-bottom: 25px; }
h3 { font-size: 16px; }

a { color: #193f19; text-decoration: underline; }

a:hover,
a:focus,
a:active { color: #193f19; outline: none; }

ul { padding-left: 1.1em; }


/* LAYOUT  */

html, body { height: 100%; }
.wrapper { max-width: 1200px; margin: 0 auto; padding: 0 40px; position: relative; }

.shadow {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}

header {
    background-image: url(../img/header.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 60vw;
    position: relative;
    margin-bottom: 25px;
}


header > .wrapper { height: 100%; }

.logo { display: block; position: absolute; top: 19vw; width: 55vw; left:35px; }
.logo img { width: 100%; height: auto; }

@media (min-width: 768px) {
    .wrapper { padding: 0 80px; }
    header { background-position: center top; height: 60vw; }
    .logo { top: 28vw; width: 45vw; }
}

@media (min-width: 1000px) {
    header { height: 29vw; }
    .logo { width: 50vw; top: 15vw; }
}

@media (min-width: 1400px) {
    header { height: 550px; }
    .logo { width: 598px; top: 260px; }
}



[off-canvas] { background: #193f19; }


.size-full { width: 100%; height: auto; }


footer { text-align: center; padding-top: 50px !important; margin-top: 50px !important; font-size: 13px; border-top: 1px solid #193f19;}

footer .copyright { margin: 10px 0 0; }

footer table { margin: 0 auto; }
footer table tr {}
footer table td { text-align: center; padding: 0 2px; }
footer table td:first-child { text-align: right; width: 300px; }
footer table td:last-child { text-align: left; width: 300px; }



/* NAVIGATIONS */

ul.nav-main { list-style: none; margin: 0; padding: 0; position: absolute; bottom: 10px; }
ul.nav-main li { display: inline-block; margin: 0; padding: 0; position: relative; left: -5px; }
ul.nav-main li a { text-decoration: none; font-weight: 600; font-size: 16px; display: inline-block; text-transform: uppercase; color: #193f19; padding: 5px; margin-right: 5px; }
ul.nav-main li a:hover,
ul.nav-main li a:focus,
ul.nav-main li a:active { text-decoration: none; color: #fff9e8; }
ul.nav-main li span { display: inline-block; height: 15px; border-left: 1px solid #193f19; }

body.page-id-2 .page-id-2 a { color: #fff9e8; }
body.page-id-7 .page-id-7 a { color: #fff9e8; }
body.page-id-9 .page-id-9 a { color: #fff9e8; }
body.page-id-11 .page-id-11 a { color: #fff9e8; }
body.page-id-13 .page-id-13 a { color: #fff9e8; }
body.page-id-15 .page-id-15 a { color: #fff9e8; }


ul.nav-left { list-style: none; margin: 0; padding: 0; }
ul.nav-left li { margin: 0; padding: 0; border-bottom: 1px solid rgba(255, 255, 255, .2); }
ul.nav-left li a { text-decoration: none; display: inline-block; text-transform: uppercase; color: #fff9e8; padding: 15px; }
ul.nav-left li a:hover,
ul.nav-left li a:focus,
ul.nav-left li a:active { text-decoration: none; }
ul.nav-left li span { display: none; }


ul.nav-footer { list-style: none; padding: 0; margin: 20px 0 30px; }
ul.nav-footer li { margin: 0; padding: 0 5px; display: inline-block; }
ul.nav-footer li a { text-decoration: none; text-transform: uppercase; color: #193f19; font-weight: 600; font-size: 16px; }
ul.nav-footer li a:hover,
ul.nav-footer li a:focus,
ul.nav-footer li a:active { text-decoration: none; }
ul.nav-footer li a.print { font-size: 1.8em; cursor: pointer; margin-right: 10px;}


@media (min-width: 768px) {
    ul.nav-footer li { padding: 0 20px;}
}






/* hamburger */

.hamburger {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 35px;
    height: 40px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.hamburger span {
    display: block;
    position: absolute;
    height: 8px;
    width: 100%;
    background: #193f19;
    border-radius: 8px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.hamburger span:nth-child(1) { top: 0px; }
.hamburger span:nth-child(2) { top: 14px; }
.hamburger span:nth-child(3) { top: 28px; }

.hamburger.open span:nth-child(1) {
    top: 14px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.hamburger.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

.hamburger.open span:nth-child(3) {
    top: 14px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}



/* Bootstrap Shortcode fix */
[class^="col-"] + br { display: none; }