@charset "UTF-8";
/* CSS Document */

html {
	margin: 0;
	padding: 0;
	width: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100vh;
	display: table;
	padding-bottom: 30px;
	font-family: 'Rosario', helvetica, sans-serif !important;
	font-size: 18px !important;
	line-height: 26px;
}

table {
	font-size: 2.0rem;
 	border-spacing: 30px;
}

th, td {
  padding: 15px;
}

body a, a:visited {/*
	font-family: 'Rosario', helvetica, sans-serif;
	color: #FF6347;*/

}

body a:hover {/*
	font-family: 'Rosario', helvetica, sans-serif;
	color: #FF4500;
	text-decoration: none;
	font-weight: bold;*/
}

body h1 {
	font-family: 'Lobster', helvetica, sans-serif;
	font-size: 3.0rem;
}

body h2, h3, h4, h5, h6, p {
	font-family: 'Rosario', helvetica, sans-serif;
}

body h2 {
	font-size: 2.5rem;
}


body h3 {
	font-size: 2.0rem;
}


.btn {
	border-radius: 25px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.wrapper {
	position: absolute;
	left: 25%;
	width: 100%;

}

.hero {
	background: url(../img/BG.jpg) no-repeat center;
	/*photo by jeff wade on unsplash*/
	background-size: cover;
	background-repeat: no-repeat;
	color: #ffffff;
}

.jumbotron {
	background: url(../img/BG.jpg) no-repeat center;
	/*photo by jeff wade on unsplash*/
	background-size: cover;
	background-repeat: no-repeat;
	color: #ffffff !important;
	text-shadow: 2px 2px #2d2d2d;
	padding-top: 80px !important;
	margin-bottom: 0px !important;
	text-align: center;
}

.subhead {
	padding:10px;
}

.home {
	color: #ffffff;
}


.mobile-title {
	color: #ffffff;
}


#definitions {
    padding: 30px 20px;
    color:#141414;
    background-color: RGB(104, 130, 105, .2) !important;
}

#opportunity {
	background-color: RGB(104, 130, 105, .2);
	padding:35px;
	color: #1E0B0B;
	font-size: 18px !important;
}

#about {
/*	padding:35px;*/
    background-color: RGB(104, 130, 105, .8);
	padding:35px;
	color: #1E0B0B;
	font-size: 18px !important;
}

#main {
	padding: 20px 25px;
}

.winner {
    padding:20px 25px;
}

.description-box {
	padding:20px;
}

.home-box {
    padding: 20px;
}

.home-row {
    padding: 20px;
}

#entry {
	padding: 30px;
	margin: 0;
	background-color: #ffffff;
	color: #2d2d2d;	
}

#judging {
    padding:30px;
    margin:0;
    background-color: #ffffff;
    color: #2d2d2d;
}

.judge-bio {
    padding: 25px;
}

.bio-pic {
    padding: 20px;
    
}

#quilt-about {
    padding: 35px 35px;

}

.about-box {
    padding: 20px;
}

.stronger {
    color: #d55330;
}

#vendors {
	padding:35px 20px 120px 20px;
	margin:0;
	background-color: #f3f3f3;
	color: #2d2d2d;
}

#advertise {
	padding:20px 50px;
	margin:15px;
	background-color: #ffffff;
	color: #2d2d2d;
}

#silentAuction {
	padding:20px;
	margin:0;
	background-color: #ffffff;
	color: #2d2d2d;
}

#visitors {
	padding:20px;
	margin:0;
	background-color: #ffffff;
	color: #2d2d2d;
}

#contact {
	padding:20px;
	margin:0;
	background-color: #343A40;
	color: #ffffff;
}

#footer {
	color: #d2d2d2;
	padding:10px;
	font-size:10px;
}

.foot {
    padding-top:10px;
}

section {
	width: 100%;
	display: inline-block;
}

path {
	stroke: #fff;
	fill: #fff;
	stroke-dasharray: 1800;
	opacity: 10;
	animation: animate 3s cubic-bezier(.61,.11,.46,.95);
}

@media only screen and (max-width: 414px) {
	.hero {
		height: 300px;
	}

	.subhead {
		padding-top: 20px;
		font-size: 1.5rem !important;
	}

	.svg-animation {
		display:none;
	}

	.mobile-title {
		padding-top: 50px;
	}
}

@media only screen and (min-width: 415px) {
	.hero {
		height: 500px;
	}

	.subhead {
		padding-top: 35%;
	}

	.wrapper {
		top:10%;
	}
}

@media only screen and (min-width: 615px) {
	.hero {
		height: 800px;
	}

	.subhead {
		padding-top: 40%;
	}

	.wrapper {
		top:20%;
	}
}

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

.subhead {
	padding-top: 35%;
}

	}


@keyframes animate {
	0% {
		opacity: 0;
		fill: none;
		stroke-dashoffset: 1800;
	}
	
	30% {
		opacity: 10;
		fill: none;
		stroke-dashoffset: 1800;
	}
	
	90% {
		fill: rgba(255,255,255,0);
	}
	
	100% {
		opacity: 10;
		fill: rgba(255,255,255,1);
		stroke-dashoffset: 0;
	}
}

/* WRM new */

.postponed {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 1px;
    background: red;
}