@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Slabo+13px|Playfair+Display|Roboto+Slab');
body {
	margin: 0;
	padding: 0;
	background: url(Build/bg.jpg);
	background-size: cover;
	background-attachment: fixed;
	max-width: 100vw;
	font-family: "Slabo 13px", sans-serif;
}

header {
	max-width: 100vw;	
	height: 100px;
	min-height: 750px;
	background-image: url(Build/homeheader.jpg);
	background-size: cover;
	background-position: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: white;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
			
}

.opener {
	display: none;	
}

header.small {
	max-width: 100vw;	
	min-height: 400px;
	background-image: url(Build/homeheader.jpg);
	background-size: cover;
	background-position: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: white;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	
}

header.contact {
	max-width: 100vw;	
	min-height: 200px;
	background-image: url(Build/homeheader.jpg);
	background-size: cover;
	background-position: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: white;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	
}
header h1 {
	font-family: "Roboto Slab", Serif;
	font-size: 90px;	
	margin: 0;
	margin-top: -95px;
	margin-bottom: 10px;
	border-bottom: 2px solid white;
}

header.small h1 {
	font-family: "Roboto Slab", Serif;
	font-size: 90px;	
	margin: 0;
	margin-bottom: 10px;
	border-bottom: 2px solid white;
}

header.small h1.barn {
	position: relative;
	z-index: 8;
	font-family: "Roboto Slab", Serif;
	font-size: 90px;	
	margin: 0;
	margin-top: 100px;
	color: black;
	margin-bottom: 10px;
	border-bottom: 2px solid black;	
}

header.small h1 strong {
	color: #EC2027;
	font-family: "Roboto Slab", Serif;
	font-size: 90px;
	text-shadow:
     -1px -1px 0 #fff,  
      1px -1px 0 #fff,
      -1px 1px 0 #fff,
       1px 1px 0 #fff;		
}

header.small h1.barn strong {
	color: #EC2027;
	font-family: "Roboto Slab", Serif;
	font-size: 90px;
	text-shadow:
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;		
}

header h2 {
	margin: 0;
	font-size: 55px;
	font-weight: normal;	
}

header h2 strong {
	color: #EC2027;
	font-family: "Roboto Slab", Serif;
	font-size: 70px;
	text-shadow:
     -1px -1px 0 #fff,  
      1px -1px 0 #fff,
      -1px 1px 0 #fff,
       1px 1px 0 #fff;	
}

#content-1, #content-2, #content-3, #content-4 {
	font-size: 45px;
	margin-top: 10px;	
}

.choices {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
	max-width: 100%;
	position: relative;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	background-color: rgba(0,0,0,0.7);
	margin-top: -80px;
	font-size: 1vw;
	z-index: 8;
}

.choices a {
	color: white;
	padding: 25px;
	width: 20%;
	font-size: 22px;
	background-color: #d60000;
	text-align: center;
	text-decoration: none;
	outline: 2px solid white;
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.6);
	        box-shadow: 5px 5px 10px rgba(0,0,0,0.6);	
}

.choices a:hover {
	background-color: #e00000;
}

.logo {
	width: 300px;
	margin: -30px;
	margin-left: 50px;
	position: absolute;
}	

.topline {
	background-color: black;	
	padding: 10px;
	padding-right: 0;
	text-align: right;
}

.topline a {
	color: white;
	padding: 10px;
	margin: 10px;
	text-decoration: none;	
	-webkit-transition: background-color ease 0.3s;	
	-o-transition: background-color ease 0.3s;	
	transition: background-color ease 0.3s;
	background-color: rgba(255,255,255,0.2);
}

.topline a:hover {
	background-color: #e00000;
}

.navigation {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;	
	margin-top: 40px;
	background-color: rgba(0,0,0,0.3);
	width: 100%;
}

.navigation a {
	color: white;
	font-size: 20px;
	text-decoration: none;
	padding: 15px;
	-webkit-transition: background-color ease 0.3s;
	-o-transition: background-color ease 0.3s;
	transition: background-color ease 0.3s;
	margin-left: 18px;
	margin-right: 18px;
}

.navigation a.last {
	margin-right: 50px;
}

.navigation a:hover {
	background-color: rgba(255,0,0,0.8);	
}

.flexboxes {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 95%;
	margin: auto;	
	background-color: white;
}

.flexboxes a {
	color: black;
}

.lowlineregister {
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
	padding: 25px;
	border-right: dashed red 2px;
}

.cover {
padding-right: 25px;	
}

.halfvertical {
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
	-webkit-box-orient: vertical;	
	-webkit-box-direction: normal;	
	    -ms-flex-direction: column;	
	        flex-direction: column;
	background-color: #fff;
	-webkit-box-align: space-around;
	    -ms-flex-align: space-around;
	        align-items: space-around;
}

.sireinfo, .CLCAinfo {
	height: 50%;
	padding: 25px;	
}

.sireinfo {
	border-bottom: dashed red 2px;
}

footer {
	width: 100%;
	background-color: rgba(0,0,0,0.9);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: white;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	font-size: 12px;	
}

footer a {
	color: white;	
}

footer a:hover {
	text-decoration: none;
}	

.footlogo, .column1 {
	width: 15%;	
	padding: 25px;
}

footer h1 {
	font-family: "Roboto Slab", Serif;
	font-size: 20px;	
	font-weight: normal;
	border-bottom: 1px solid red;
}

footer h3 {
	font-family: "Roboto Slab", Serif;
	font-size: 14px;	
	margin: 0;
	font-weight: normal;	
}

.copyright {
	width: 100%;
	background-color: rgba(0,0,0,0.9);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: white;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	font-size: 12px;	
}

.copyright div {
	padding: 10px;
	font-size: 16px;	
}

.copyright a {
	color: white;	
}

.choices2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
	max-width: 100%;
	position: relative;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	background-color: rgba(0,0,0,0.7);
	margin-top: -80px;
	font-size: 1vw;
	z-index: 8;
}

.choices2 a {
	color: white;
	padding: 25px;
	width: 15%;
	font-size: 16px;
	background-color: #d60000;
	text-align: center;
	text-decoration: none;
	outline: 2px solid white;
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.6);
	        box-shadow: 5px 5px 10px rgba(0,0,0,0.6);	
}

.choices2 a:hover {
	background-color: #e00000;
}

.content {
	width: 85%;
	margin: auto;	
	background-color: white;
}

.padding {
	padding: 25px;	
}

.content h1 {
	font-family: "Roboto Slab", Serif;
	color: #D60000;
	font-weight: normal;
	margin-bottom: 0;	
}

.content p {
	margin-left: 10px;	
}

.content h3 {
	font-family: "Roboto Slab", Serif;
	font-weight: normal;
	margin-bottom: 0;
	text-decoration: underline;
}

hr {
	width: 100%;
	margin: auto;
	display: block;
	background-color: #333;
	border: 0;
	outline: 0;
	height: 1px;	
}

.faq a {
	color: #000;	
}

.faq {
	padding: 25px;
}

.faq:nth-child(even) {
	background-color: #e8e8e8;	
}


.board {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	width: 85%;
	margin: auto;	
}

.board a {
	color: 	#D60000;
}

.board img {
	border: 2px solid #D60000;
	-webkit-box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
	        box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
	margin-bottom: 8px;	
}
.board img.blank {
	border: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	margin-bottom: 8px;	
}

.board div {
	width: 20%;	
	font-size: 14px;
	color: #333;
	text-align: center;
}

.board div strong {
	font-weight: normal;
	font-family: "Roboto Slab", Serif;
	color: black;
	font-size: 18px;	
}

.salebarntopper {
	width: 85%;
	margin: auto;
	margin-top: -300px;
		
}

.barn1 {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-left: 5px solid #ec2127;	
	border-right: 5px solid #ec2127;	
}

.classified {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 25px;	
}

.classified h2 {
	margin-top: 0;
	font-weight: normal;
	font-family: "Roboto Slab", Serif;
}

.classified strong {
	font-weight: normal;
	text-decoration: underline;
	font-family: "Roboto Slab", Serif;
}

.animal {
	margin-right: 25px;
	width: 35%;	
}

.animal img {
	border: 2px solid #D60000;
	-webkit-box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
	        box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
	margin-bottom: 8px;	
}

.listing {
	width: 65%;	
}

.choices3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
	max-width: 100%;
	position: relative;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	background-color: rgba(0,0,0,0.7);
	margin-top: -50px;
	font-size: 1vw;
	z-index: 8;
}

.choices3 a {
	color: white;
	padding: 18px;
	width: 10%;
	font-size: 15px;
	background-color: #d60000;
	text-align: center;
	text-decoration: none;
	outline: 2px solid white;
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.6);
	        box-shadow: 5px 5px 10px rgba(0,0,0,0.6);	
}

.choices3 a:hover {
	background-color: #e00000;
}

.memlist {
	-webkit-column-count: 3;
	        column-count: 3;
}	

.memlist div {
	margin-bottom: 25px;
	-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.memlist a {
	color: #d60000;	
}

p.results a {
	color: #d60000;
}

p.results a:hover {
	text-decoration: none;
}	

.gallery {
	width: 75%;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
	-ms-flex-wrap: wrap;	
	    flex-wrap: wrap;
}

.gallery div {
	width: 30%;	
	text-align: center;
	margin-bottom: 25px;
	padding: 10px;
	font-size: 15px;
}

.gallery img {
	margin-bottom: 14px;	
}

.thumbnail {
  max-width: 70%;
}

.italic { font-style: italic; }
.small { font-size: 0.8em; }

/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}

.melissa {
	width: 45%;
	margin: auto;	
}

.pastcovers {
	width: 65%;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;	
}

.pastcovers img {
	border: 2px solid #D60000;
	-webkit-box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
	        box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
	margin-bottom: 8px;		
}

button {
	background-color:  #D60000;
	color: white;
	border: 0;
	outline: 0;
	padding: 20px;
	font-size: 18px;	
	font-family: "Slabo 13px", sans-serif;
	-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
	        box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
	
}

button:hover {
	cursor: pointer;	
}


.perspective {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
}

.perspective .image {
	width: 30%;	
	margin-right: 25px;	
}

.perspective p {
	width: 60%;	
}

.perspective .image img {
	border: 2px solid #D60000;
	-webkit-box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
	        box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
}

.showresults {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50%;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	text-align: center;
	font-size: 15px;	
}

.showresults img {
	margin-bottom: 10px;	
}

.showresults a {
	color: 	 #D60000;
}

.results {
	color: #999;	
}

.results strong {
	color: 	 black;
	font-weight: normal;
	
}