<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: decantU 2018
Theme URI: http://dancollinsdesign.com
Description: The 2018 decantU Website
Author: Nicholas Rhodes | Daniel Collins Design
Version: 1
*/


/*CSS Reset*/
html, body, div, span, applet, object, iframe,
p, pre, abbr, acronym, address, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
tt, var, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1, h2, h3{margin: 0; padding: 0; font-weight: normal; font-size: 1em}

h6 {

    font-weight: 400;
    font-size: .667em;
	margin: 0px;

}
ul {
	margin: 5px 0px 10px 0px;
	list-style-type: circle;
}

img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

a{color: #799b3e; text-decoration: none}
a:hover {color: #000; text-decoration: none;}
a:hover, input#searchsubmit:hover{cursor: pointer;}


p{
margin: 0 0 20px 0;
}

.imageright {
text-align: right;
}

img{max-width: 100%; height: auto}

.clear{clear: both}

input[type="text"], input[type="email"], input[type="password"], input[type="submit"], textarea, select{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}



/*End of Reset*/
html, body{padding: 0; margin: 0;}
body{font-size: 16px; line-height: 1.5em; background-color: #f2eee2; overflow-x: hidden; font-family: "brandon-grotesque"; font-weight: 400}
.wrap{width: 92%; max-width: 1170px; margin: 0 auto; padding: 0 4%; position: relative; clear: both;}
.page-content{overflow: hidden; position: relative;}
ul.strip{margin: 0; padding: 0; list-style-type: none;}

#mobile{display: none; z-index: 102; width: 25px; height: 25px; position: absolute; right: 4%; top: 25px; background: transparent url('images/mobile-sprite.png') 0 0 no-repeat;}
#mobile.active{background-position: 0 -75px}
.mobile-logo{display: none}

#hero{width: 100%; background-color: rgba(255,255,255, .6);}
.home #hero{position: absolute; top: 0; left: 0; width: 100%; z-index: 2; background-color: rgba(255,255,255, .7)}
#hero .nav-bar{padding: 32px 0; overflow: hidden;}
#hero .logo{width: 160px; float: left;}
#hero ul{float: right; padding-top: 40px;}
#hero ul li{display: inline-block; margin-left: 20px;}
#hero ul li:first-child{margin-left: 0}
#hero ul a{font-size: 1.4em; color: #682046; font-weight: 500;}
#hero ul a:hover{color: #799b3e;}

@media screen and (max-width: 1120px){
	#hero ul a{font-size: 1.2em}
  #hero ul li{margin-left: 15px;}
  #hero ul li:first-child{margin-left: 0}
}

@media screen and (min-width: 970px){
	#hero ul{display: block !important}
}

@media screen and (max-width: 970px){
	#hero .nav-bar{padding: 15px 0 8px 0}
	#hero #mobile{display: block;}
	#hero .logo{text-align: center; width: 100%;}
	#hero .logo img{max-height: 75px}
	#hero.active .logo img, .home #hero.active .logo img{display: none;}
	#hero.active .logo .mobile-logo, .home #hero.active .logo .mobile-logo{display: inline;}
	#hero.active, .home #hero.active{background-color: #682046}
	#hero .nav-bar{overflow: visible}
	#hero .logo{position: relative; z-index: 101; float: none; margin: 0 auto;}
	#hero ul{display: none; position: absolute; top: 55px; left: 0; z-index: 100; padding: 80px 0; width: 100%; background-color: #682046;}
	#hero ul li a{font-size: 1.5em; color: #778f3e; display: block; padding: 20px 0; text-align: center;}
	#hero ul li{display: block; margin: 0;}
}

footer{padding: 40px 0; overflow: hidden; color: #778f3e; clear: both; background: #672045 url('images/footer-pattern.png') top left repeat;}
footer .wrap{position: relative; z-index: 90}
footer .wine-glass{width: 22%; float: left;}
footer .nav{width: 20%;}
footer .contact-info{width: 17%;}
footer .email-list{width: 25%;}
footer .social{width: 15%; }
footer .social, footer .email-list, footer .nav, footer .contact-info{line-height: 1.3em; font-size: 1.25em; float: left;}
footer a{color: #778f3e;}
footer h4{font-weight: 400; font-size: 1em; margin: 0}
footer .email-list h4{margin-bottom: 15px;}
footer .social h4{margin-bottom: 20px;}
footer .social a{font-size: 2em;}
footer .social li{display: inline-block; margin-right: 15px;}
footer .social li:last-child{margin-right: 0}
	
@media only screen and (max-width: 970px){
	
	footer .wine-glass{position: absolute; z-index: 1;}
	footer .nav,
	footer .contact-info,
	footer .email-list,
	footer .social{width: 25%; z-index: 2; position: relative;}
	
}

@media only screen and (max-width: 720px){
	
	footer .wrap{padding-bottom: 290px; overflow: hidden;}
	footer .wine-glass{top: auto; bottom: 0; left: 0; width: 100%; text-align: center;}
	footer .nav,
	footer .contact-info,
	footer .email-list,
	footer .social{width: 50%;}
	footer .email-list{clear: left; margin-top: 50px;}
	footer .social{margin-top: 50px;}
	
}


@media only screen and (max-width: 580px){
	
	footer .wrap{padding-bottom: 230px; overflow: hidden;}
	footer .nav,
	footer .contact-info,
	footer .email-list,
	footer .social{width: 100%; z-index: 2; position: relative; margin-bottom: 50px; margin-top: 0;}
	
}

.hero div.background{position: relative; background-size: cover; background-repeat: no-repeat; background-position: top center; height: 915px;}
.hero .content{position: absolute; bottom: 85px; text-align: center; width: 100%; color: #f2eee2;}
.hero .content h1{font-size: 3.375em; line-height: 1.3em; padding: 0; max-width: 970px; margin: 0 auto}
.hero .content .description{font-size: 1.875em; line-height: 1.3em; max-width: 970px; margin: 0 auto;}

@media screen and (max-width: 720px){
	.hero .content h1{font-size: 1.875em}	
	.hero .content .description{font-size: 1.375em }
	.hero div.background{height: 700px;}
}


.cta{clear: both}
.cta-wrap{color: #fff; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.cta-wrap .wrap{max-width: 970px; min-height: 445px; position: relative;}
.cta-wrap .content{width: 470px; height: 100%; position: absolute; top: 0; bottom: 0; }
.cta-wrap h2{font-size: 2.25em; font-weight: 500; line-height: 1.15em; padding-bottom: 10px;}
.cta-wrap .description{font-size: 1.313em; line-height: 1.3em;}
.cta-wrap a{display: inline-block; color: #fff; background-color: rgba(255,255,255, .2); border: 1px solid #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 5px; padding: 0 40px; line-height: 50px; text-transform: uppercase; font-size: .813em; font-weight: 700}
.cta-wrap a:hover{background-color: rgba(255,255,255, .3);}


.cta-wrap.cta-center .content{max-width: 100%; text-align: center;}
.cta-wrap.cta-center .description{font-size: 1.875em; color: #682046}
.cta-wrap.cta-center a{color: #778f3e; background-color: rgba(119,143,62, .2); border: 1px solid #778f3e;}
.cta-wrap.cta-center a:hover{background-color: rgba(119,143,62, .1);}
.cta-wrap .t{display: table; height: 100%; max-width: 470px; position: absolute; top: 0; left: 0; bottom: 0}
.cta-wrap .td{display: table-cell; vertical-align: middle;}
.cta-wrap.cta-right .content{right: 4%}
.cta-wrap.cta-center .wrap{min-height: 0; padding: 100px 0;}
.cta-wrap.cta-center .content{width: 100%; position: relative; top: auto; bottom: auto;}
.cta-wrap.cta-center .t{display: block; max-width: 100%; position: relative;}
.cta-wrap.cta-center .td{display: block;}

@media screen and (max-width: 720px){
	.cta-wrap .description{font-size: 1.125em }
	.cta-wrap .wrap{min-height: 0; clear: both; padding: 90px 0;}
	.cta-wrap .content, .cta-wrap.cta-right .content{max-width: 470px; width: 100%; right: auto; position: relative;}
	.cta-wrap .t, .cta-wrap .content{position: relative; top: auto;}
}


.ring{position: absolute; bottom: 0; right: 0; z-index: 80; min-width: 515px; min-height: 546px;}
.ring img{width: auto; height: auto; max-width: none}

@media screen and (max-width: 720px){
	.ring{display: none}
}

h1.single{font-weight: 500; color: #799b3e; text-align: center; font-size: 2.25em; line-height: 1.15em; padding: 85px 0 45px 0; max-width: 970px;
margin: auto;}
.basic-content{padding: 0 0px 0 0; color: #4e5859; font-size: 1.5em; font-weight: 300; line-height: 1.3em;}
.basic-content .wrap{max-width: 970px; padding-bottom: 50px;}
.basic-content hr{display: block; width: 100%; height: 1px; border: 0; background-color: #c0c1b9; margin: 40px 0px 20px 0px; clear: both;}
.basic-content blockquote{color: #682046; font-size: 1.25em; text-align: center; font-style: italic; font-weight: 400; padding: 5px 0px 5px 0px; line-height: 1.3em;}
.basic-content blockquote p{margin:0;}
.basic-content blockquote strong{font-weight: 400; font-size: .667em}
.basic-content img.alignleft{margin-right: 30px; margin-bottom: 30px;}
.basic-content h3{text-transform: uppercase; color: #778f3e; font-size: .75em; font-weight: 500;}

.steps .wrap{max-width: 970px;}
.steps h2{text-transform: uppercase; color: #778f3e; font-size: 1.125em; font-weight: 500; text-align: center; margin: 0px 0px 60px 0px;}
.steps .step{background-color: #fff; clear: both; position: relative; width: 100%; overflow: hidden; margin-bottom: 25px;}
.steps .text, .steps .image{width: 50%; float: left; position: relative; height: 100%;}
.steps .text{font-size: 1.313em; color: #4e5859; padding: 100px 10% 0 10%; width: 30%;font-weight: 300;}
.step .image{line-height: 0; background-size: cover; background-repeat: no-repeat; background-position: center center}
.step .number{font-size: 4.375em; font-weight: 700; color: #f2eee2; z-index: 100; text-align: center; position: absolute; top: 0; left: 0; width: 90px; height: 90px; line-height: 90px; border-bottom: 1px solid #f2eee2 }
.step .left .number{left: 0%}
.step .right, .step .left{overflow: hidden; height: 360px;}
.step .image img{visibility: hidden}
.step .mobile-only{display: none}


@media screen and (max-width: 840px){
	.steps .text{font-size: 1.2em;}
}

@media screen and (max-width: 740px){
	.steps .text{font-size: 1em;}
}

@media screen and (max-width: 640px){
	.steps .step{height: auto;}
	.steps .text{width: 80%; clear: both; padding-bottom: 30px;}
	.steps .image{width: 100%; clear: both; height: auto;}
	.step .left .number{left: 0; top: 0}
	.step .right, .step .left{overflow: hidden; height: auto;}
	.steps .text{font-size: 1.313em;}
	.step .mobile-only{display: block}
	.step .left .image:nth-child(1){display: none}
}


.two-column .wrap{max-width: 970px; overflow: hidden; margin-top: 60px; margin-bottom: 60px;}
.two-column .left, .two-column .right{float: left; width: 46%; margin-right: 4%; font-size: 1.5em; color: #4e5859; line-height: 1.3em; font-weight: 300;}
.two-column h2{color: #778f3e; font-weight: 500; font-size: .75em; text-transform: uppercase;}

@media screen and (max-width: 840px){
	.two-column .left, .two-column .right{font-size: 1.2em;}
}

@media screen and (max-width: 640px){
	.two-column .left, .two-column .right{width: 100%; margin: 0; font-size: 1.5em}	
}


/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative;}
#mc_embed_signup input {width: 230px; max-width: 80%; background-color: #793e5b; font-size: .75em; color: #47142c; padding: 0 10px; height: 48px; line-height: 48px; border: 1px solid #4a1732; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;}
#mc_embed_signup .button {display: none}
#mc_embed_signup .mc-field-group{display: block; position: relative; float: none;}
#mc_embed_signup .mc-field-group label{display: none}


#mc_embed_signup .mc-field-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #47142c;
	opacity: 1;
}
#mc_embed_signup .mc-field-group input::-moz-placeholder { /* Firefox 19+ */
  color: #47142c;
	opacity: 1;
}
#mc_embed_signup .mc-field-group input:-ms-input-placeholder { /* IE 10+ */
  color: #47142c;
	opacity: 1;
}
#mc_embed_signup .mc-field-group input:-moz-placeholder { /* Firefox 18- */
  color: #47142c;
	opacity: 1;
}

@media screen and (max-width: 580px){
	#mc_embed_signup .mc-field-group{max-width: 50%}
	#mc_embed_signup .mc-field-group input{max-width: 90%}
}

@media screen and (max-width: 480px){
	#mc_embed_signup .mc-field-group{display: block; max-width: 100%; float: none; margin-bottom: 20px;}
	#mc_embed_signup .mc-field-group input{max-width: 100%}
	#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {position: relative;}

}

.event-galleries{padding: 45px 0px 85px 0px; position: relative; z-index: 80}
.event-galleries blockquote{font-size: 1.875em; color: #682046; line-height: 1.3em; font-style: italic; padding-bottom: 30px}
.event-galleries blockquote strong{font-weight: 400; font-size: .667em}
.event-galleries ul{display: none}
.event-galleries .events{overflow: hidden}
.event-galleries .event{width: 29%; float: left; background-size: cover; position: relative; overflow: hidden}
.event-galleries h3{position: absolute; transition: all .5s ease; bottom: 0; width: 100%; padding: 20px; background-color: rgba(78,88,89,.8); color: #fff; font-size: .8em; text-transform: uppercase; font-weight: 600}
.event-galleries .event img{visibility: hidden;}
.event-galleries .event:nth-child(3n+2){margin: 0 6%}
.event-galleries .event:hover{cursor: pointer}
.event-galleries .event:hover h3{background-color: rgb(78,88,89)}

@media screen and (max-width: 720px){
  .event-galleries .event:nth-child(3n+2){margin: 0}
	.event-galleries .event{width: 48%;}
	.event-galleries .event:nth-child(2n+2){float: right; }
	
}


@media screen and (max-width: 640px){
  .event-galleries .event:nth-child(3n+2),
	.event-galleries .event{width: 100%; margin-bottom: 30px;}
}

#main-news-list{overflow: hidden; max-width: 970px; margin: 0 auto; padding-bottom: 78px;}
article.news{float: left; width: 48%; background-color: #fff; margin-bottom: 25px;}
article.news:nth-child(2n+2){float: right}
article.news:nth-child(2n+1){clear: both}
article.news .image img{visibility: hidden; width: 100%; height: auto}
article.news .image{background-size: cover; line-height: 0; margin-bottom: 30px;}
article.news h2{transition: all .5s ease; color: #682046; font-size: 2.25em; line-height: 1.3em; margin-bottom: 70px; font-weight: 600;}
article.news .meta{text-align: right}
article.news .date{display: inline-block; color: #546270; font-size: 1.125em; border-top: 1px solid #f2eee2; padding-top: 5px;}
article.news a{display: block; padding: 15px;}
article.news a:hover h2{color: #799b3e}

@media screen and (max-width: 840px){
	article.news h2{font-size: 1.8em;}
}


@media screen and (max-width: 640px){
	article.news{width: 100%;} 
	article.news h2{font-size: 1.8em;}
}


.load-more{transition: all .5s ease; padding-top: 78px; clear: both; margin: 0 auto; width: 80px; text-align: center; color: #682046; font-size: .75em; font-weight: 700; text-transform: uppercase}
.load-more span{transition: all .5s ease; font-size: 2.5em; border: 1px solid #682046; border-radius: 100px; display: block; width: 80px; height: 80px; line-height: 80px; margin: 0 auto; margin-bottom: 10px;}
.load-more:hover, .load-more:hover span{border-color: #799b3e; cursor: pointer; color: #799b3e}
		
.no-more-news{font-weight: 700; text-align: center; color: #682046}

</pre></body></html>