/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/

/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
* A better looking default horizontal rule
*/

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/

audio,
canvas,
img,
svg,
video {
    vertical-align: middle;
}

/*
* Remove default fieldset styles.
*/

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
* Allow only vertical resizing of textareas.
*/

textarea {
    resize: vertical;
}

/* ==========================================================================
Browse Happy prompt
========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
Author's custom styles
========================================================================== */

html {margin:0;padding:0;font-family:Georgia, "Times New Roman", Times, serif;background-color:#9d6b41;}

h1 {font-weight:normal; font-size:32px; color:#725e4c; margin-top:5px; margin-bottom:15px;line-height:32px; padding-bottom:10px;border-bottom:2px dotted #a48870;}
h2 {font-weight:normal; font-size:22px;color:#a48870; margin-bottom:10px; line-height:32px;}
h3 {font-weight:normal; font-size:22px;color:#dd9f6b; margin:0; line-height:22px;}
h4 {font-weight:normal; font-size:17px; color:#a48870; line-height:17px;}
h5 {font-weight:normal; font-size:17px; color:#cd6e1f; line-height:17px;}
p {color:#a48870; margin-top:0; font-size:16px; margin-bottom:5px;}
ul li {color:#a48870; font-size:16px;}

img {max-width:100%;}
a {color:#cd6e1f;}

.subpage-content p {font-size:16px; line-height:24px; margin-bottom:12px;}
.subpage-content h3 {border-bottom: 1px dotted #c4b09f; padding-bottom:6px; margin-bottom:15px;}


body {background:transparent url('/images/bg-texture.jpg') repeat left top;margin:0;}

.wrapper {padding:10px 0 0;background:transparent url('/images/bg-columns.jpg') no-repeat top;}

.row {max-width:960px; width:100%;margin:0 auto;padding:0;}

.row-header {position:relative;height:162px;background:transparent url('/images/bg-header.png') no-repeat top;}

	.logo {width:135px;height:75px;display:block;margin:0 auto;}
    
    #donate-btn {position:absolute; top:72px; left:35px;}
	
	.slogan {display:block;text-align:center;font-family: 'PT Serif', serif;text-transform:uppercase;font-size:26px;color:#5a4635;padding-top:2px;}
		
		.slogan span {font-size:29px;}
                
        .socials {position:absolute; right:35px; top:72px; list-style:none;}
            .lt-ie8 .socials {top:88px;}
        .socials li {display:block; float:left; margin-left:8px;}
        .socials li a {display:block; text-indent:-9999px; height:25px; width:26px;}
        
        li.facebook a {background: transparent url('../images/icon-facebook.png') no-repeat center top;}
        li.twitter a {background: transparent url('../images/icon-twitter.png') no-repeat center top;}
        li.youtube a {background: transparent url('../images/icon-youtube.png') no-repeat center top;}
        
        .menu-link {
            display: none;
            text-decoration: none;
            outline:0;
            text-align:center;
            padding: 12px 0;
            }
          .menu { 
        
            -webkit-transition: all 0.3s ease-out;  
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out; 
            }
          .menu ul { 
            padding: 0px;
            margin: 9px 0 0 0;
            list-style: none;
            position: relative;
            text-align:center;
            }
          .menu > li > ul.sub-menu {
            min-width: 10em;
            padding: 4px 0;
            background-color: #f4f4f4;
            
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding;
            background-clip: padding-box;
            }
          .menu ul:after {
            content: ""; clear: both; display: block;
            }
          .menu ul li {
            padding: 0px;
            }
          .menu > ul > li { 
            display: inline-block;
            *display:inline;
            *zoom:1;
            margin: 0 10px;
            }
          .menu ul li a { 
            display: block;
            text-decoration: none;
            color: #fff;
            font-size: 16px;
            margin-bottom:0;
            padding-top:3px;
            padding-bottom:12px;
            }
          .menu ul li > a { 
            
             }
             
             .menu ul li a:hover {color:#dfdfdf;}
          .menu ul ul { 
            display: none; 
            position: absolute; 
            z-index:99999;
            top:26px;
            min-width:160px;
            
            }
          .menu ul li:hover > ul {
            display: block;
            }
          .menu ul ul > li {
            position: relative;
            }
          .menu ul ul > li a {
              color:#9c6a40;
              text-align:left;
            padding: 5px 15px 5px 10px;
            background-color: #f4f4f4;
            -webkit-transition: background-color 0.2s ease-out;  
            -moz-transition: background-color 0.2s ease-out;
            -ms-transition: background-color 0.2s ease-out;
            -o-transition: background-color 0.2s ease-out;
            transition: background-color 0.2s ease-out;
             }
          .menu ul ul > li a:hover {
            background-color: #9c6a40;
            color: #fff;
            }
          .menu ul ul ul {
            position: absolute; 
            left: 100%; 
            top:0;
            }
            
            a.submenu-link {cursor:default;}
            
            #donate-btn2 {display:none;} 

.row-slider {position:relative;background-color:#fff;height:auto; padding: 20px 20px 0 20px; width:920px;}

	#slider-container {width:630px;float:left;}
        
        .slick-slider {position: relative;display: block; box-sizing:border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

    .slick-list {position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
    .slick-list:focus { outline: none; }
    .slick-loading .slick-list { background: #fff;}
    .slick-list.dragging { cursor: pointer; cursor: hand; }

    .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

    .slick-track { position: relative; left: 0; top: 0; display: block; }
    .slick-track:before, .slick-track:after { content: ""; display: table; }
    .slick-track:after { clear: both; }
    .slick-loading .slick-track { visibility: hidden; }

    .slick-slide { float: left; height: 100%; min-height: 1px; display: none;  position:relative;}
    [dir="rtl"] .slick-slide { float: right; }
    .slick-slide img { display: block; width:100%; }
    .slick-slide.slick-loading img { display: none; }
    .slick-slide.dragging img { pointer-events: none; }
    .slick-initialized .slick-slide { display: block; }
    .slick-loading .slick-slide { visibility: hidden; }
    .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }


    .slick-prev {display:block; text-indent:-9999px; z-index:7000; outline:0; border:0;position:absolute; left:10px; top:42%;background: transparent url('../images/arrows.png') no-repeat left top; width:40px; height:40px;}
    .slick-next {display:block; text-indent:-9999px; z-index:7000; outline:0; border:0; position:absolute; right:10px; top:42%;background: transparent url('../images/arrows.png') no-repeat right top; width:40px; height:40px;}

    .slider-main {margin-right:2px;}
    .slider-nav .slick-slide {margin: 2px 2px 2px 0;}
    .slider-nav .slick-slide img:hover {cursor:pointer; opacity:0.9;}

        .intro-right {width:280px;float:right; position:relative;}
	.search {padding: 12px;background-color:#69513e; color:#fff; margin-bottom:9px;}
            .lt-ie8 .search {height:30px;}
        .search2 {display:none;}
        .search input[type="text"] {padding: 0 34px 0 10px;color:#525252;font-style:italic;height:32px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;width:150px;float:right; border:0; outline:0;background: #fff url('../images/bg-search.png') no-repeat right 5px;}
	.search-title {position:relative; top:5px;}
            .lt-ie8 .search-title {float:left;}
	.intro  {height:236px; padding: 20px;background:#9c6a40 url('../images/bg-intro.png') no-repeat right top; color:#fff!important;}
        .intro h1, .intro h2, .intro h3 {margin: 10px 0; color:#fff; font-size:24px;}
        .intro h4 {color:#fff; margin:10px 0;}
        .intro h5 {color:#fff;}
        .intro p {color:#fff;line-height:20px; font-size:13px;}
        .intro a.learn-more {color:#fff; text-decoration:none; position:absolute; bottom:0; right:20px; background: transparent url(../images/bg-intro-link.png) no-repeat right top; padding: 10px 30px;}
	
        .intro-right form input[type="image"] {float:right; outline:0;}
        
.row-content {padding-bottom:20px;}
    .lt-ie8 .row-content {margin-top:15px;}

	.content {margin:0 10px;}
	
		.index-column {width:29%;margin:0 2%;float:left;}
		
			.index-column h2 {border-bottom:2px dotted #a48870; margin-top:0;}
                        
                        .event-item, .product-item {border-bottom: 1px dotted #c4b09f; padding:10px 0;}
                        .event-item h5, .product-item h5 {margin:0;}
                        .event-item h5 a, .product-item h5 a {color:#cd6e1f; text-decoration:none;}
                        .event-item img, .product-item img {float:left; border: 1px solid #806b59; }
                        .event-item .event-content, .product-item .product-content {margin-left:74px;}
                        .event-content .date, .product-content .price {display:block; color:#59483a;margin-bottom:0; }
                        .event-content .read-more, .product-content .read-more {margin-top:-10px; display:block;}
                        .read-more {color:#cd6e1f; text-decoration:none; font-size:14px;}
                        
                        .index-column p {font-size:13px;}
                        .index-column .event-content .read-more {margin-top:0;}
                        
                        p.hours {width:96%;display:block; font-size:12px; line-height:19px;background-color:#9c6a40; color:#fff; padding: 8px 2%; text-align:center; margin-top:20px; margin-bottom:20px;
                        -webkit-border-radius: 10px;
                        -moz-border-radius: 10px;
                        border-radius: 10px;}
                        
                        .index-column h4 {text-align:center; margin: 0 0 10px; color:#735f4d;}
                        .index-column .address {color:#a48870;}
                        .index-column img {border: 1px solid #806b59;}
                        .index-column .map {margin-top:20px; width:100%;}
                        .index-column .historic {margin-top:20px;width:100%;}
                        
                

.row-content-footer, .row-slider-footer {height:25px;background:transparent url('/images/bg-row-index-content-footer.png') no-repeat top; margin-bottom:15px;}

.subpage-content {width:630px; float:left;}
.sidebar {width:290px;height:100%;float:right; position:relative; top:-20px; right:-20px;background:transparent url('../images/bg-sidebar.png') no-repeat left top;}
    .sidebar .search {padding: 20px 12px 30px;}
    .sidebar-content {padding: 0 22px 22px;}
    .sidebar h4 {border-bottom:2px dotted #a48870;padding-bottom:5px; margin-bottom:15px;}
    .sidebar p {margin-bottom:25px; font-size:13px;}
    .sidebar p:last-of-type {margin-bottom:0;}
    .sidebar p a {color:#d96a0e; text-decoration:none; }
    
    
.article-image-lg, .product-image-lg {border:1px solid #806b59; float:left; width:24%;}
.article-content, .product-content {margin-left:27%;}
.article-content h2, product-content h2 {margin-top:0;margin-bottom:0; line-height:30px; color:#d96a0e;}
.article-content .date {display:block; color:#59483a;margin-bottom:4px;}
.product-wrapper .product-content .price {display:block; color:#cd6e1f; margin-bottom:4px; font-size:24px;}
.article-wrapper, .product-wrapper {margin-bottom:20px;}
.article-wrapper li {color:#a48870;}

.buy-now {display:block;text-decoration:none; color:#fff; text-align:center;padding: 6px 0; margin-bottom:12px;width:90px; background-color: #9d6b41;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }


.board-members {margin:0; padding:0; list-style:none;}
.board-members li {margin-bottom:25px;}
.board-members li img {float:left; margin-right:15px;}
.board-members h2 {margin-top:15px;margin-bottom:5px;}
.board-members h5 {margin:0;}

.search-results {margin-left:0; padding-left:20px;}
.search-results li {margin-bottom:14px;}
.search-results li h4 {margin:0;}
.search-results li h4 a {color: #cd6e1f; text-decoration:none;}
.search-results li p {margin-bottom:0;}

#form_contact {margin-bottom:10px;}
#form_contact input[type="text"], #form_contact input[type="email"], #form_tours input[type="text"], #form_tours input[type="email"], #form_tours input[type="date"] {outline:0;width:47.5%; border:1px solid #ccc;padding: 10px 0; text-indent:10px; margin-bottom:18px; -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        border-radius: 4px;}
#form_contact #name, #form_tours #name {margin-right:2%;}
#form_contact textarea, #form_tours textarea {width:98%; outline:0; padding: 10px 0; border:1px solid #ccc;margin-bottom:12px;text-indent:10px; height:120px;-webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        border-radius: 4px;}
#form_contact input[type="submit"], #form_tours input[type="submit"] {border:0;color:#fff; padding:13px; width:25%;background-color:#9d6b41;-webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        border-radius: 4px;}
#form_contact input[type="submit"]:hover, #form_tours input[type="submit"]:hover {background-color: #69513e;}





.footer {background-color:#7d5c41;padding:12px 0;}
        
        .footer ul {list-style:none; margin:0; padding:0; text-align:center;}
        .footer ul li {display:inline; margin: 0 14px;}
        .footer ul li a {color:#fff; text-decoration:none;}
        .footer ul li a:hover {color:#ccc;}
        
        
.copyright {background-color:#9d6b41; padding: 12px 0 15px;}
        .copyright p {color:#d0b8a4; margin: 0 auto 22px; text-align:center;  font-size:13px;}
        .copyright p img {position:relative; top:22px; }
        .copyright p a {color:#d0b8a4; text-decoration:none;}
        .copyright p a:hover {text-decoration:underline;}
        




.mobile-only {display:none!important;}






/* ==========================================================================
Helper classes
========================================================================== */

.left {float:left;}
.right {float:right;}


/*
* Hide visually and from screen readers: h5bp.com/u
*/

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
* Hide only visually, but have it available for screen readers: h5bp.com/v
*/

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
    visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.page_success_message {width:94%;padding: 10px; margin-bottom:15px;background-color:#dff0d8; color:#2b542c; border: 1px solid #d6e9c6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.page_error_message {width:94%; padding:10px; margin-bottom:15px;background-color:#f2dede; color:#843534; border: 1px solid #ebccd1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}

.page_error_message ul {margin-top:10px;margin-bottom:0;}

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */

/* Large Devices, Wide Screens */
@media (min-width : 980px) {



/* hidden content */
.hide-lg {display:none;}
}

/* Medium Devices, Desktops */
@media (max-width : 980px) {
.container {width:100%;}

.menu > ul > li { margin: 0 8px;}


.row {width:100%;}

.row-slider {width:96%; padding:20px 2% 0;}

#slider-container {width:65%;float:left;}

.slider-nav {display:none;}

.intro {height:auto;}
.intro-right {width:34%;}
/*.intro p {margin-bottom:35px;}*/

.search, .intro {width:90%; padding: 15px 5% 50px 5%;}
.search1 {display:none;}
.search2 {display:block;}
.search2 {padding:15px 2%; width:96%;}

.search input[type="text"] {width:55%;}


.content {margin:0 2%;}

.subpage-content {width:65%;}
.sidebar {width:34%; right:-2.1%;}
.sidebar .search {padding: 20px 4% 30px; width:92%;}


.footer ul li {margin: 0 8px;}

/* hidden content */
.hide-md {display:none;}
.hide-lg {display:inherit;}
}


@media (max-width : 850px) {
    .menu > ul > li { margin: 0 5px;}
    
    .footer ul li {margin: 0 5px;}
    
    
}


/* Small Devices, Tablets */
@media (max-width : 768px) {

    .row-header {height:auto;}
    
#donate-btn {top:0; left:20px;}    
    
.slogan {font-size:23px;padding-top:5px;}
.slogan span {font-size:26px;}

.socials {display:none;}

    a.menu-link {
        display:block; width:100%;
    color: #fff;
    }
    .menu {
    clear: both;
    min-width: inherit;
    float: none;
    }
    .menu, .menu > ul ul {
    overflow: hidden;
    max-height: 0;
    background-color: #f4f4f4;
    }
    .menu > li > ul.sub-menu {
    padding: 0px;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    }
    .menu.active, .menu > ul ul.active {
    max-height: 55em;
    }
    .menu ul {
    display: inline;
    margin:0;
    }
    .menu > ul {
    border-top: 1px solid #808080;
    }
    .menu li, .menu > ul > li {
    display: block;
    margin:0;
    }
    .menu ul li a {
    color: #000;
    display: block;
    padding: 0.8em;
    border-bottom: 1px solid #808080;
    position: relative;
    }
    
    .menu ul li a:hover {color:#7d5c41;}
    .menu li.has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 5px;
    }
    .menu li.has-submenu > a.active:after {
    content: "-";
    }
    .menu ul ul > li a {
    background-color: #e4e4e4;
    padding: 10px;
    text-align:center;
    }

    .menu ul ul, .menu ul ul ul {
    display: inherit;
    position: relative;
    left: auto; top:auto;
    box-shadow: none; 
    border:none;
    }

 .row-slider {width: 94%; padding: 20px 3% 0;}   
    
.index-column {width:46%;margin:0 2%;}
.index-column.last {width:96%;}

#slider-container {display:none;}


.intro-right {width:100%;}
.search {position:relative;width:92%;top:auto;padding: 15px 4%;right:auto;float:none; margin-bottom:15px;}
.intro  {position:relative;width:92%; padding: 15px 4% 50px 4%;bottom:auto;right:auto;float:none;}

.subpage-content {width:100%; margin-bottom:15px;}
.sidebar {width:100%; top:0; right:0; background: #f6f2e8;}
.sidebar-content {border:1px solid #eee2da; }
.sidebar .search {margin-bottom:0;}


.footer ul {padding: 0 15px;}

.copyright p {padding: 0 15px; margin-bottom:0;}
.copyright p span {display:block;}
.copyright p img{display:none;}



/* hidden content */
.mobile-only {display:block!important;}
.hide-sm {display:none;}
.hide-lg, .hide-md {display:inherit;}
}

/* Extra Small Devices, Phones */ 
@media (max-width : 480px) {

    a.menu-link {padding:17px 0 12px;}
    
    #donate-btn {display:none;} 
    #donate-btn2 {display:block; text-align:center; margin-bottom:15px;} 
.slogan {font-size:17px;padding-top:8px;}
.slogan span {font-size:20px;}

.index-column {width:96%;margin:0 2% 15px;}

#form_contact input[type="text"], #form_contact input[type="email"], #form_tours input[type="text"], #form_tours input[type="email"], #form_tours input[type="date"] {width:99%; margin-right:0; margin-bottom:10px;}
#form_contact textarea, #form_tours textarea {width:99%;margin-bottom:10px;}
#form_contact input[type="submit"], #form_tours input[type="submit"] {width:100%; padding: 14px;}

/* hidden content */
.hide-xs {display:none;}
.hide-lg, .hide-md, .hide-sm {display:inherit;}
}


/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request: h5bp.com/r
========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
.row-header, .footer, .copyright, form, iframe {display:none;}
    
    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
    /* kill urls printing after links in FF */
	a:link:after,
    a:visited:after {
        content: "" !important;
    }
}