/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,400;0,500;0,600;0,700;0,900;1,400&display=swap');

html,
input,
select,
textarea {
    color: #222;
}
button {
	color: #fff;}
body {	
    font: 22px/32px 'Josefin Sans', Arial, sans-serif;
	font-weight: 400;
	margin: 0;    
}

a {
  color: #fff;
  text-decoration:underline; 
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
a:hover {
    color: #efab24;
	}

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

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

* { 
    box-sizing: border-box;
}

#admin-toolbar .admin-tabs, #admin-toolbar .admin-tab, #admin-toolbar li, #admin-toolbar a {
	  box-sizing: content-box !important; 
}

hr {
    display: block;
    height: 1px;
    border: 0;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

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

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.wrapper {
    width: 96%;
    margin: 0 2%;
}
.top.wrapper, .nav-container .wrapper {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Josefin Sans', Arial, sans-serif;
	font-weight: 700;
}
.node-type-weddings h5 {color: #efab24;}
.header-container {
	background-color: #098b7f;
	padding-top: 25px;
}
.logo-container {
	width: 100%;
	max-width: 354px;	
}
.logo-container img {
	width: 100%;
	height: auto;
	}
	.region-header {align-self: flex-end;}
	#block-block-4 {
		padding: 15px 25px;
    text-align: center;}
#slideshow, .slideshow {
	border-bottom: solid 10px #bf4142;
}
.main-container {
	background-color: #3b2414;
	color: #fff;
}
.above-content {
	background-color: #098b7f;
	color: #3b2414;
}
.front .bc-container {background-color: #098b7f;}
.node-type-exhibits .bc-container {background-color: #bf4142;}
.title {
	margin: 0;
	line-height: 1;
	padding: 1.2% 0 0.5%;
	font-size: 2.0em;
}
#breadcrumb {
	font-size: 0.65em;
}
.top-container {
	background-color: #3b2414;
	display: none;
}
.nav-container {
	background-color: #bf4142;
}
.region-top::after, #block-superfish-1::after, #block-superfish-2::after, ul#superfish-1::after, ul#superfish-2::after, .sf-accordian-toggle::after {
  content: "";
  clear: both;
  display: table;
}
}
ul#superfish-1, ul#superfish-1-accordion {
		font-size: 1em;				
	}
#block-superfish-1, #block-superfish-2 {
	padding: 10px 10px 5px;
}
ul li.leaf {
    list-style:none;
    list-style-image:none;
    list-style-type:none;
    padding-left:0;
    margin-left:0;
    padding-right:0;
    margin-right:0;    
}

ul#superfish-1 > li > a, ul#superfish-1-accordion li a {
	display: block;
    padding: 3px 0;
	margin: 0 10px;
    text-decoration: none;
   }
ul#superfish-1 li a, ul#superfish-1-accordion li a {font-weight: 700;}
ul#superfish-1 > li > a, ul#superfish-1-accordion > li > a {
	color: #efab24;
}
ul#superfish-1 > li > a:hover, ul#superfish-1 > li > a.active {color: #fff;}
ul#superfish-1 li > ul {
	font-size: 0.9em;
	background-color: #efab24;
	}
ul#superfish-1 li > ul  > li {margin: 8px 0; padding-left: 15px;}
ul#superfish-1 li > ul  > li > a {
	color: #fff;
	text-decoration: none!important;	
}
ul#superfish-1 ul  > li > a:hover {text-decoration: underline!important;}
ul#superfish-2 a.active {color: #efab24;}
#block-menu-block-3 ul {text-align: center;font-size: 0.9em; padding: 0; margin: 0;}
#block-menu-block-3 a {text-decoration:none;}
#block-menu-block-3 a:hover {text-decoration:underline;}
.main {
    padding: 15px 0;
}
.main article h1 {
    font-size: 2em;
}
.main aside {    
    padding: 0px 5% 10px;
}
.footer-container {
	border-top: solid 10px #bf4142;
	background-color: #3b2414;
	color: #fff;
	padding-top: 30px;
	background-image: url('../img/RailroadTrack.png');
	background-position: 0 5px;
	background-repeat:repeat-x;
}
.footer-container a {
	color: #fff;
}
.region-footer {padding-top: 35px; text-align: center;}	
.region-footer .block {margin: 0;}
#block-block-5 {font-size: 0.9rem;}
.ie7 .title {
    padding-top: 20px;
}
#superfish-1-toggle {font-weight: 700; text-decoration: none;}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
header.wrapper {
	display: flex;
	flex-direction: column;
}
.slideshow img {
    width:100% !important;
    max-height: 650px;
	object-fit: cover;
}
#block-superfish-1, #block-superfish-2 {
	font-size: 1.0rem;
}
/*exhibit page-menu*/
#block-menu-block-1 ul.menu {padding: 0;}
#block-menu-block-1 li {text-align: center; border-bottom: solid 1px #fff;}
#block-menu-block-1 a { color: #fff; font-weight: 600;text-decoration: none;}
#block-menu-block-1 a:hover, #block-menu-block-1 a.active {
	text-decoration: none;
	color: #fcdfa5;
}
/*wedding page menu*/
#block-menu-block-2 ul.menu {padding: 0;}
#block-menu-block-2 li {
	font-size: 1.2rem;	
		background-color: #efab24;
		padding: 12px 15px 7px;
		width: 280px;
		margin: 0 auto 30px;
		text-align: center;
		border-radius: 25px;
		font-weight: 900;
		-webkit-box-shadow: inset -5px 5px 10px -4px rgba(255,255,255,1), inset -5px -7px 3px 0px rgba(0,0,0,0.3);
-moz-box-shadow: inset -5px 5px 10px -4px rgba(255,255,255,1), inset -5px -7px 3px 0px rgba(0,0,0,0.3);
box-shadow: inset -5px 5px 10px -4px rgba(255,255,255,1),inset -5px -7px 3px 0px rgba(0,0,0,0.3);	
	}
#block-menu-block-2 a { text-decoration: none; color: #3b2414; font-weight: 600; text-transform: uppercase;}
#block-menu-block-2 a:hover, #block-menu-block-1 a.active {
	text-decoration: none;
	color: #fff;
}

/*page headers*/
#block-block-2 .content {
	max-height: 650px;
	}
/*slideshow*/
.flexslider {
	margin: 0;
    background: #fff;
    border: none;
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    zoom: 1;
}
.flex-control-nav  {display: none;}
/*calendar*/
.calendar-calendar .month-view .full td.multi-day div.monthview, .calendar-calendar .week-view .full td.multi-day div.weekview, .calendar-calendar .day-view .full td.multi-day div.dayview {
   height: 3em;
	color: #777;
	background: #ffc;
}
.calendar-calendar .month-view .full td.multi-day .inner .monthview .continues, .calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff, .calendar-calendar .week-view .full td.multi-day .inner .weekview .continues, .calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff {background: transparent;}
.page-calendar ul.primary {border-bottom: none;}
.page-calendar ul.primary li.active a {
    background-color: #3b2414;
    border: none;
	color: #efab24;}
.page-calendar ul.primary li a {
	background-color: #3b2414;
   border: none;
    }
.page-calendar ul.primary li a:hover { 
	background-color: #3b2414;
    border:none;
   }
.page-calendar .view .date-nav-wrapper .date-prev, .page-calendar .view .date-nav-wrapper .date-next {background-color: transparent;}
/*hp promo block & exhibit page block*/
.view-promo .view-content, .view-exhibits .view-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
  .view-promo .views-row, .view-exhibits .views-row {
	  width: 100%;
	  max-width: 280px;
	  margin: 10px;
	  -webkit-box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.35);
box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.35);
  } 
  .view-promo .views-field-title, .view-exhibits .views-field-title{
	  background-color: #bf4142;
	  color: #fff;
	  padding: 8px 12px 0;
  }
  .view-exhibits .views-field-title {font-size: 0.9em;}
  
  .view-promo .views-field-title a:hover, .view-exhibits .views-field-title a:hover, .view-promo a, .view-exhibits a  {
	  text-decoration: none;
  }
  .view-promo img, .view-exhibits img{
	  width: 100%;
	  height: auto;
  }
  .region-below-content .block {
	  padding-bottom: 2.5%;
  }
  /*wedding packages pages*/
  .node-type-wedding-pkg #page-title {
	  color: #fff;	  
	  }
	#wbutton {
		font-size: 1.2rem;
		background-color: #efab24;
		padding: 12px 15px 7px;
		width: 300px;
		text-align: center;
		border-radius: 25px;
		font-weight: bold;
			-webkit-box-shadow: inset -5px 5px 10px -4px rgba(255,255,255,1), inset -5px -7px 3px 0px rgba(0,0,0,0.3);
-moz-box-shadow: inset -5px 5px 10px -4px rgba(255,255,255,1), inset -5px -7px 3px 0px rgba(0,0,0,0.3);
box-shadow: inset -5px 5px 10px -4px rgba(255,255,255,1),inset -5px -7px 3px 0px rgba(0,0,0,0.3);}
	
	#wbutton a {color: #fff; text-decoration: none;}
	#wbutton:hover a {	
		text-decoration: none;
		color: #3b2414;
	}

.node-type-wedding-pkg .field-name-field-price, .node-type-wedding-pkg .field-name-field-deposit, .node-type-wedding-pkg .field-name-body {font-size: 1.25em;}
 .node-type-wedding-pkg .field-name-field-info-text {padding-bottom: 20px;}
.node-type-wedding-pkg .field-name-field-info-text h5, .node-page .field-name-body h5 {margin: 0;}
.node-type-wedding-pkg .field-name-field-info-text h5+p, .node-page .field-name-body h5+p, .node-page .field-name-body h5+ul {margin-top: 0!important;}
/*webform*/
.webform-client-form label {color: #efab24;}

/*news view*/
.view-news h4 {text-transform: uppercase;}
.view-news h4 a {color: #efab24; text-decoration: none;}
.view-news h4:hover > a {color: #fff;}
.view-news .views-row {
	display:flex;
	flex-direction: column;
	padding: 15px 0;
	margin: 10px 0 15px;
	border-bottom: solid 1px #bf4142;
}
.view-news .views-row-last {border-bottom: none;}
.views-news .news-rt {padding: 0 35px;}
/*basic page*/
.node-page .field-name-field-page-image, .node-article .field-name-field-news-image {
	width: 100%;
	max-width: 520px;
	padding: 20px;
	text-align: center;
}
.node-page .field-name-field-page-image img, .node-article .field-name-field-news-image img {
	width: 100%;
	height: auto;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {    

#mobile-menu-toggle {
    display:none;
}
.nav-container {
    display:block;
}

    nav ul li {
        display: inline;
    }

    .oldie nav a {
        margin: 0 0.7%;
    }
	 .view-promo .views-row {	 
	  max-width: 300px;	  
  } 
}

@media only screen and (min-width: 768px) {
   	header.wrapper {
	flex-direction: row;
	}
	#block-superfish-1, #block-superfish-2 {
		padding: 10px 0;
		margin: 0 auto;
		width: 98%;
			}
	.top-container {
	background-color: #3b2414;
	display: block;
}
	ul#superfish-1, ul#superfish-2 {
				
	}
	
   ul#superfish-2 {font-size: 0.95em; text-transform: uppercase;font-weight: 700;}
   ul#superfish-2 li  a {
	   text-decoration: none;
	   margin: 0 30px; 
	   padding: 5px;
   }
    nav li:first-child a {
        margin-left: 0;
    }

    nav li:last-child a {
        margin-right: 0;
    }

}
@media only screen and (min-width: 1024px) {
	header.wrapper {
	background-image: url('../img/Sawmill.png');
	background-position: 90% bottom;
	background-repeat:no-repeat;
}
	.logo-container {
		width: 27.7%;
	}
	.view-news .views-row {	
	flex-direction: row;
}

#block-menu-block-2 ul.menu {
	column-count: 2;
	column-gap: 50px;
	padding: 2% 10%;
}
	.view-news .news-rt {
		padding: 0 35px;}
	.node-page .field-name-field-page-image, .node-article .field-name-field-news-image {
		float: right;
	}
	.page-right, .page-left  {width:50%; float: left;}
	.page-left {padding-right: 3%;}
	.page-right {padding-left: 3%;}
	.title {
	font-size: 2.25em;
}
ul#superfish-1 > li > a {
	margin: 0 15px;    
   }
}
@media only screen and (min-width: 1200px) {
	.logo-container {
	margin-bottom: -5.6%;}	
	#block-superfish-1, #block-superfish-2 {
		width: 70%;
		margin-left: 30%;
	padding: 6.2px 0 4px;}
}
@media only screen and (min-width: 1280px) {
	
		/*exhibit menu*/
#block-menu-block-1 ul.menu {
	column-count: 2;
	column-gap: 50px;
}
#block-menu-block-1 ul li {
	-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}
		
	}

@media only screen and (min-width: 1331px) {

/* ===============
    Maximal Width
   =============== */
    
    .wrapper {
        width: 1280px; /* 1331px -4% for margins */
        margin: 0 auto;
    }
	.logo-container {
	margin-left: 5%;
	}
	#block-superfish-1, #block-superfish-2 {
		width: 67.3%;
		margin-left: 32.7%;}
		ul#superfish-1 {font-size: 1.3rem;
	}
.not-logged-in .view-promo .view-content {
	margin-top: -50px;
}
.front.not-logged-in #block-system-main {padding-bottom: 40px;}
.node-type-wedding-pkg .field-name-field-info-text, .node-type-wedding-pkg .webform-client-form {padding-left: 4%;}
}

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

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

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

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

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

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

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

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

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]: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;
    }

    @page {
        margin: 0.5cm;
    }

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

    h2,
    h3 {
        page-break-after: avoid;
    }
}