/* SITE CSS */

@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(https://fonts.googleapis.com/css?family=Lusitana);
@import url(https://fonts.googleapis.com/css?family=Montserrat);

body {font-family: 'Open Sans', sans-serif; font-size: 14px; background: #302720 url(../images/BG_repeat.jpg); color: #4a4a4a;}

#header {position: relative; /*min-height: 120px;*/ background: #5e371a url(../images/bg-header.jpg); -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.25); box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.25); z-index: 1;}

h1, h2, h3, h4, h5 {font-family: 'Lusitana', serif;}
h1.header, h2.header, h3.header, h4.header, h5.header {border-bottom: 1px solid #ccc; margin-bottom: 25px; margin-top: 0px;}

.cssmenu-wrapper {background: #967f60; z-index: 0;}
.cssmenu {position: relative;}

.tc {text-align: center;}

.main {background: #fff;}

.w50 {width: 50px!important} .w60 {width: 60px!important} .w70 {width: 70px!important} .w80 {width: 80px!important} .w90 {width: 90px!important} .w100 {width: 100px!important}  .w110 {width: 110px!important} .w120 {width: 120px!important} .w130 {width: 130px!important} .w140 {width: 140px!important} .w150 {width: 150px!important} .w160 {width: 160px!important} .w170 {width: 170px!important} .w180 {width: 180px!important} .w190 {width: 190px!important} .w200 {width: 200px!important} .w210 {width: 210px!important} .w220 {width: 220px!important} .w230 {width: 230px!important} .w240 {width: 240px!important} .w250 {width: 250px!important} .w260 {width: 260px!important} .w270 {width: 270px!important} .w280 {width: 280px!important} .w290 {width: 290px!important}

.btn-orange {
  color: #ffffff;
  background-color: #d96c45;
}
.btn-orange:hover {
  background-color: #dd7a57;
}
.btn-orange:active,
.btn-orange.is-active {
  background-color: #d9412f;
}

/*quotes*/
bq {font-family: Georgia, serif; font-size: 18px; font-style: italic; width: 500px; margin: 0.25em 0; padding: 0.35em 40px; line-height: 1.45; position: relative; color: #383838;}
bq:before {display: block; padding-left: 10px; content: "\201C"; font-size: 80px; position: absolute; left: -20px; top: -20px; color: #7a7a7a;}
bq cite {color: #999999; font-size: 14px; display: block; margin-top: 5px; text-align: right;} 
bq cite:before {content: "\2014 \2009";}

/*custom navigation*/
.navbar-mcc {background-color: #967F60; font-family: Montserrat, sans-serif; font-size: 12px; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; margin-bottom: 0px; min-height: 40px;}
.navbar-mcc .navbar-nav>.active>a:hover,.navbar-mcc .navbar-nav>li>a:hover, .navbar-mcc .navbar-nav>li>a:focus {background-color: #967F60}
.navbar-mcc .navbar-nav>.active>a,.navbar-mcc .navbar-nav>.open>a,.navbar-mcc .navbar-nav>.open>a, .navbar-mcc .navbar-nav>.open>a:hover,.navbar-mcc .navbar-nav>.open>a, .navbar-mcc .navbar-nav>.open>a:hover, .navbar-mcc .navbar-nav>.open>a:focus {background-color: #967f60}
.navbar-mcc .dropdown-menu {background-color: #C8BAA6}
.navbar-mcc .dropdown-menu>li>a:hover, .navbar-mcc .dropdown-menu>li>a:focus {background-color: #C8BAA6}
.navbar-mcc {background-image: none;}
.navbar-mcc .dropdown-menu>li>a:hover, navbar-mcc .dropdown-menu>li>a:focus {background-image: none;}
.navbar-mcc {border-color: #967F60}
.navbar-mcc .navbar-brand {color: #DDDDDD}
.navbar-mcc .navbar-brand:hover {color: #DDDDDD}
.navbar-mcc .navbar-nav>li>a {color: #DDDDDD}
.navbar-mcc .navbar-nav>li>a:hover, .navbar-mcc .navbar-nav>li>a:focus {color: #FFFFFF}
.navbar-mcc .navbar-nav>.active>a,.navbar-mcc .navbar-nav>.open>a, .navbar-mcc .navbar-nav>.open>a:hover, .navbar-mcc .navbar-nav>.open>a:focus {color: #FFFFFF}
.navbar-mcc .navbar-nav>.active>a:hover, .navbar-mcc .navbar-nav>.active>a:focus {color: #FFFFFF}
.navbar-mcc .dropdown-menu>li {text-align: right;}
.navbar-mcc .dropdown-menu>li {border-bottom: 1px solid #c0b4a3;}
.navbar-mcc .dropdown-menu>li:last-child {border-bottom: none;}
.navbar-mcc .dropdown-menu>li>a {color: #614C2F; font-size: 12px;}
.navbar-mcc .dropdown-menu>li>a:hover, .navbar-mcc .dropdown-menu>li>a:focus {color: #FFFFFF}
.navbar-mcc .navbar-nav>.dropdown>a .caret {border-top-color: #DDDDDD}
.navbar-mcc .navbar-nav>.dropdown>a:hover .caret {border-top-color: #DDDDDD}
.navbar-mcc .navbar-nav>.dropdown>a .caret {border-bottom-color: #DDDDDD}
.navbar-mcc .navbar-nav>.dropdown>a:hover .caret {border-bottom-color: #DDDDDD}
.navbar-mcc .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-mcc .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #C8BAA6;}
.navbar-mcc .navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
.navbar-mcc .dropdown:hover .dropdown-menu {display: block;}
@media (max-width: 767px) {
	.navbar-mcc .navbar-nav .open .dropdown-menu>li>a {color: #DDDDDD;}
	.navbar-mcc .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-mcc .navbar-nav .open .dropdown-menu>li>a:hover {color: #fff; background-color: transparent;}
	.navbar-mcc .dropdown-menu>li {text-align: left;}
	.navbar-mcc .dropdown-menu>li {border-bottom: none;}
	.navbar-mcc .dropdown:hover .dropdown-menu {display: normal;}
}

/* CUSTOM HORIZONTAL RULE*/

hr.style-custom {
    overflow: visible; /* For IE */
    padding: 0;
    border: none;
    border-top: medium double #ddd;
    color: #ddd;
    text-align: center;
}
hr.style-custom:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}


/* BOOTSTRAP OVERRIDES */


.container.main {
  /*padding-right: 15px;
  padding-left: 15px;*/
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1200px) {
  .container {
    width: 1025px;
    /*width: 1170px;*/
  }
}

.close {
    color: #fff; 
    opacity: 1;
}

@media(max-width:767px){
    .container.main {
        padding: 15px;
    }
}
@media(min-width:768px){
    .container.main {
        padding: 15px;
    }
}
@media(min-width:992px){
    .container.main {
        padding: 15px;
    }
}
@media(min-width:1200px){
    .container.main {
        padding: 30px;
    }
}