/*-----------------------------------------------------------------------------
author:    www.visityakima.com
-----------------------------------------------------------------------------*/


/* =Yakima Valley Weddings Global
-----------------------------------------------------------------------------*/
body {
	/*background:#f8f2e6 url(https://www.visityakima.com/wine-country-weddings/img/lightCanvas.jpg) repeat;*/
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#552d16;
	position:relative;
	}
	
@media screen and (max-width: 1100px) {
	

}

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


}
	
	

/* =nav
-----------------------------------------------------------------------------*/

nav {	
    position: relative;
    margin: 0 auto;
	z-index: 1230;	
	background:#ffffff;	
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	}

#flexmenu{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
	}
	
.filler {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
	}
	
.logo {
    z-index: 1235;
    position:absolute;
	top:0;
	left:50%;
	margin-left:-12.5%;
	width:25%;
	}
	
.mobileLogo {
	display:none;
	}

#main-menu{
	width:1200px;
	margin:0 auto;
	position: relative;
	}

ul#main-menu>li:first-child {
	display:none;
	}	

/* keep the drop-downs from being hidden by content wrappers etc */
.sub-menu {
  z-index: 1236;
	}
	
/* General Menu Styling */
#flexmenu li,
#flexmenu li a{
    border: 0;
    list-style: none;
    line-height: 1;
    display: inline-block;
    position: relative;
    -webkit-transition:all ease-in-out .3s;
    transition: all ease-in-out .3s;
	}

#flexmenu ul li a {
    padding: 17px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #552d16;
    font-weight: 700; 
	}
	
ul#main-menu>li {
	width:12.125%;
	text-align:center;
	}
	
ul#main-menu>li:nth-child(5n) {
	width:25%;
	}
	
ul#main-menu>li>a  {
	font-family: 'veneerregular', Arial, sans-serif;
	font-weight:normal;
	font-size: 30px;
	}
	
#flexmenu ul>li>a:hover {
    color:#988174;
	}

#flexmenu ul li.has-sub > a {
    padding-right: 30px;
	}
	
/* Drop icon */
#flexmenu ul li.has-sub > a:after {
    position: absolute;
    top: 30px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #552d16;
    content: '';
	}
	
#flexmenu ul ul li.has-sub > a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #552d16;
    content: '';
	}
	
#flexmenu > ul > li.has-sub > a:before {
    position: absolute;
    top: 19px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #000000;
    -webkit-transition:all .25s ease;
    transition: all .25s ease;
	}
	
#flexmenu > ul > li.has-sub:hover > a:before {
    top: 23px;
    height: 0;
	}
	
#flexmenu ul ul li.has-sub > a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #FFF;
    content: '';
    -webkit-transition:all .3s ease;
    transition: all .3s ease;
	}
	
#flexmenu ul ul > li.has-sub:hover > a:before {
    top: 17px;
    height: 0;
	}
	
#flexmenu ul ul li.has-sub:hover {
    background: #ffffff;
	}
	
#flexmenu ul li.has-sub ul li.has-sub ul li:hover {
    background: #ffffff;
	}
	
/* Submenu default states, removed by hover gives the animation */
#flexmenu ul ul {
    position: absolute;
    left: -9999px;
	}
	
#flexmenu li:hover > ul {
    left: auto;
	}
	
#flexmenu ul ul li {
    height: 0;
    background: #ffffff;
    -webkit-transition:all .25s ease;
    transition: all .25s ease;
	border-bottom: solid 1px #ffffff;
	}
	
#flexmenu ul ul ul li {
    background: #8c182d;
	}
	
#flexmenu li:hover > ul > li {
    height: 35px;
	}
	
#flexmenu ul>li>ul>li>a:hover {
    color:#ffffff;
	}
	
#flexmenu ul>li>ul>li:hover {
    background: #552d16;
	}
	
/* tertiary menu */
#flexmenu ul ul ul {
    margin-left: 100%;
    top: 0;
	}
	
#flexmenu ul ul li a {
    padding: 11px 15px;
    width: 190px;
    font-size: 13px;
	font-family: 'OpenSansBold', Arial, sans-serif;
	text-transform: uppercase;
    text-decoration: none;
    color: #552d16;
    font-weight: 400;
	}
	
#flexmenu ul ul ul li a {
    color: #d2bf9b;
	}
	
@media screen and (max-width: 1250px) {
	
	
#main-menu {
	width:100%;
	margin:0 auto;
	}
	
ul#main-menu>li {
	width:12%;
	}
	
}
	
@media screen and (max-width: 1100px) {
	
	
ul#main-menu>li>a  {
	font-size: 1.5em;
	}

	
}

@media screen and (max-width: 925px) {
	
ul#main-menu>li>a  {
	font-size: 1.25em;
	}
	

	
}

@media screen and (max-width: 850px) {
	
ul#main-menu>li>a  {
	font-size: 1em;
	}
	
ul#main-menu>li {
	width:11.75%;
	}
	
}
	
@media screen and (max-width: 768px) {
	
ul#main-menu>li:nth-child(5) {
	display:none;
	}
	
nav {	
    height:50px;
	background:#552d16;	
	}
	
ul#main-menu>li:first-child {
	display:block;
	}
	
ul#main-menu>li {
	text-align:left;
	background:#552d16;
	z-index: 1232;
	}
	
ul#main-menu>li>a  {
	font-size: 2em;
	color:#ffffff;
	}
	
.logo {
    display:none;
	}
	
.mobileLogo {
	display:block;
	font-family: 'veneerregular', Arial, sans-serif;
	font-weight:normal;
	font-size: 27px;
	padding:7px 10px 5px 10px;
	color:#ffffff;
	background:#552d16;	
	text-shadow:2px 2px #000000;	
	}
	
.mobileLogo span {
	font-family: 'alex_brushregular', Arial, sans-serif;
	}
	
#flexmenu ul ul li a {
    font-size: 16px;
	}
  
  /* Hamburger */
    .button {
        background: #ffffff;
        width: 60px;
        height: 50px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 10000;
    }
    .button:after {
        position: absolute;
        top: 22px;
        right: 20px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #552d16;
        border-bottom: 2px solid #552d16;
        content: '';
    }
    .button:before {
        -webkit-transition:all .3s ease;
        transition: all .3s ease;
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: #552d16;
        content: '';
    }
  /* Turn it into an X when open */
    .button.menu-opened{
      background: #ffffff;
    }
    .button.menu-opened:after {
        -webkit-transition:all .3s ease;
        transition: all .3s ease;    
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #552d16;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }
    .button.menu-opened:before {
        top: 23px;
        background: #552d16;
        width: 19px;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }
  /* reset horizontal styles */
    #flexmenu ul {
        display: none;
    }
	
	#flexmenu ul>li  {
	border-left:none;
	}
	
    #flexmenu ul li,
    #flexmenu ul li a,
    #flexmenu ul ul li a{
        width: 100%;
    }
	#flexmenu ul li,
    #flexmenu ul ul li {
		border-bottom: solid 1px #ffffff;
    }
	
	#flexmenu ul ul ul li,
    #flexmenu ul ul ul li a {
		border-bottom:none;
    }

    #flexmenu ul ul li,
    #flexmenu li:hover > ul > li {
        height: auto;  
    }
    #flexmenu ul ul li a {
        padding-left: 25px;
    }
    #flexmenu ul ul ul li a {
        padding-left: 35px;
    }

    #flexmenu ul ul,
    #flexmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    #flexmenu ul ul ul li.active a {
        border-left: none;
    }
    #flexmenu > ul > li.has-sub > ul > li.focus > a,
    #flexmenu > ul ul > li.has-sub > ul > li.focus > a {
        background: #ffffff;
        -webkit-transition:all .3s ease;
        transition: all .3s ease;
    }
	
	#flexmenu ul ul li.has-sub:hover {
    background: #552d16;
	}
	
	#flexmenu ul ul ul li {
    background: #552d16;
	}
	
  /* remove cross when menu item is toggled */
    #flexmenu > ul > li.has-sub > a:after,
    #flexmenu > ul > li.has-sub > a:before,
    #flexmenu ul ul > li.has-sub > a:after,
    #flexmenu ul ul > li.has-sub > a:before {
        display: none;
    }

  /* submenu toggles */
    #flexmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        height: 64px;
        width: 46px;
        cursor: pointer;
    }
    #flexmenu ul ul .submenu-button {
        height: 39px;
        width: 34px;
    }
    #flexmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: '';
    }
    #flexmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }
    #flexmenu .submenu-button.submenu-opened:after {
        background: #fff;
    }
    #flexmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: ''
    }
    #flexmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }
    #flexmenu .submenu-button.submenu-opened:before {
        display: none;
    } 
}

@media screen and (max-width: 600px) {
	

.logo {
	margin-left:-30%;
	width:60%;
	}		
}


/* Banner */

.banner {
	background: url(https://www.visityakima.com/wine-country-weddings/img/footerBg.jpg) center center repeat-x #000000;
	padding:1em 0;
	border-bottom:#8c182d solid 2px;
	-webkit-box-shadow: 0px 50px 50px rgba(85, 45, 22, 0.45);
	-moz-box-shadow: 0px 50px 50px rgba(85, 45, 22, 0.45);
	box-shadow: 0px 50px 50px rgba(85, 45, 22, 0.45);
	}
	
.bannerInner {
	width:1000px;
	margin:0 auto;
	position:relative;
	}
	
.banner h1 {
	font-family: 'OpenSansExtraBold', Arial, sans-serif; 
	font-size:3em;
	color:#ffffff;
	text-shadow: 0 0 10px #262e00;
	font-weight:normal;
	line-height:90%;
	text-align:center;
	line-height:1em;
	opacity:0.50;
    filter:alpha(opacity=50); /* For IE8 and earlier */
	}
	
@media screen and (max-width: 1100px) {
	

.bannerInner {
	width:95%;
	padding:0 2.5%;
	}		
}

@media screen and (max-width: 900px) {


}

@media screen and (max-width: 700px) {
	
.banner {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}
	
.banner h1 {
	font-size:2em;	
	}		
}

@media screen and (max-width: 600px) {
	
.banner h1 {
	font-size:2em;
	}
		
}

/* sub nav */

.subNav {
	padding:4%;
	background:rgba(255, 255, 255, 0.25);
	margin:0 0 2em 0;
	}

.subNav ul {
	list-style:none;
	margin:0 0 0 0;	
	}
	
.subNav ul li {
	list-style:none;
	padding:.5em 0;
	border-top: #552d16 solid 1px;
	}
	
.subNav ul li a {
	color:#8c182d;
	padding:1px 3px;
	font-weight:bold;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}

.subNav ul li a:link, .subNav ul li a:visited {
	text-decoration:none;
	}

.subNav ul li a:hover, .subNav ul li a:active {
	color:#ffffff;
	background:#8c182d;
	}
	
@media screen and (max-width: 600px) {
	
		
.subNav {
	text-align:center;
	}
	
}


	
/* =content structure
-----------------------------------------------------------------------------*/
.container {
	/*background:url(../img/blueberryBg.png) 87% 0 no-repeat fixed;*/
	max-width:2500px;
	margin:0 auto;
	}
	
.grapeContainer {
	/*background: url(https://www.visityakima.com/wine-country-weddings/img/footerBg.jpg) top center repeat-x #000000 fixed;*/
	background: #000000;
	position:relative;
	z-index:1000;
	color:#ffffff;
	max-width:2500px;
	margin:0 auto;
	}

article {
	width:1200px;
	margin:0 auto;
	padding:3em 0;
	position:relative;
	}
	
.leftCol {
	width:47.5%;
	float:left;
	margin:0 0 0 0;
	}
	
.rightCol {
	width:47.5%;
	float:right;
	margin:0 0 0 0;
	}

.left3Col {
	width:30%;
	float:left;
	margin:0 5% 0 0;
	}
	
.right3Col {
	width:30%;
	float:right;
	margin:0 0 0 0;
	}
	
.left3Col img, .right3Col img {
	width:96%;
	padding:2%;
	background:#d2bf9b;
	margin:0 auto 1em auto;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	max-width:400px;
	}
	
.left3Col img:hover, .right3Col img:hover {
	opacity:0.50;
    filter:alpha(opacity=50); /* For IE8 and earlier */
	}
	
.mainCol {
	width:65%;
	float:left;
	}
	
.subCol {
	width:30%;
	float:right;
	}
	
.subCol .wineBtn {
	width:100%;
	margin:0 0 .5em 0;
	}
	
.subAdImg {
	margin:0 0 2em 0;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	}
	
.video-container {
	position: relative;
	padding-bottom: 51.5%;
	padding-top: 30px;
	height: 0; 
	overflow: hidden;
	}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:10000;
	}
	
	
@media screen and (max-width: 1250px) {
	
article {
	width:90%;
	padding:50px 5%;
	top:0;
	}
	
}

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

.container {
	background:none;
	}	
	
article {
	width:90%;
	padding:2em 5%;
	}
	
}

@media screen and (max-width: 750px) {
	
.leftCol {
	width:100%;
	float:none;
	margin:0 0 0 0;
	}
	
.rightCol {
	width:100%;
	float:none;
	margin:0 0 0 0;
	}
	
.left3Col {
	width:100%;
	float:none;
	margin:0 0 0 0;
	}
	
.right3Col {
	width:100%;
	float:none;
	margin:0 0 0 0;
	}	
	
}


@media screen and (max-width: 600px) {
	
		
article {
	width:90%;
	padding:1.5em 5%;
	}
	
.mainCol {
	width:100%;
	float:none;
	margin:0 0 2em 0;
	}
	
.subCol {
	width:100%;
	float:none;
	}
	
.subAdImg {
	margin:1em auto 2em auto;
	}
	
}	

		
/* divider */

.divider {
	margin:0 0 2em 0;
	border-top:#552d16 solid 2px;
	}
	
/* =Buttons
-----------------------------------------------------------------------------*/
/* =blueBtn
-----------------------------------------------------------------------------*/
a.blueBtn {
	height:auto;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	display:inline-block;
	padding:15px 15px 15px 15px;
	color:#fff;
	background:#0f3e52;
	line-height:90%;
	text-decoration:none;
	font-family: 'veneerregular', Arial, sans-serif;
    text-transform: uppercase;
	font-size:1.75em;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    margin:0 0 2em 0;
	}
	
a.blueBtn:hover {
	color:#ffffff;
	background:#8c182d;
	}

.wineBtn {
	background:#8c182d;
	padding:0;
	margin:0 0 2em 0;
	height:auto;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	text-align:center;
	display:inline-block;
	width:60%;
	}
	
.wineBtn:hover {
	color:#ffffff;
	background:#0f3e52;
	}
	
.wineBtn a {
	font-family: 'veneerregular', Arial, sans-serif;
	font-size:1.5em;	
	font-weight:normal;
	color:#ffffff;
	display:block;
	padding:3%;
	width:94%;
	text-decoration:none;
	line-height:90%;
	}
	
.grapeContainer .wineBtn {
	margin:0 auto 2em auto;
	display:block;
	}

@media all and (max-width: 750px) {
    
    a.wineBtn, a.blueBtn, a.brownBtn, a.blackBtn, a.orangeBtn, a.whiteBtn, a.greenHopBtn, a.greenFarmBtn, a.yellowBtn, a.lightGreenBtn, a.purpleBtn  {
	text-align:center;
    font-size:1.5em;
	}
	
}
	
@media screen and (max-width: 600px) {
	
.wineBtn {
	width:100%;
	}
	
}

/* ads */

.adHardCode {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#552d16;
	}

.adHardCode h1 {
	font-size:175%;	
	margin:0 0 .25em 0;
	padding:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#8c182d;
	font-weight:bold;
	line-height:90%;
	}

.adHardCode p {
	margin:0 0 2em 0;
	}
	
.adHardCode p a {
	color:#eb6d24;
	padding:1px 3px;
	font-weight:bold;
	}

.adHardCode p a:link, .adHardCode p a:visited {
	text-decoration:none;
	}

.adHardCode p a:hover, .adHardCode p a:active {
	color:#ffffff;
	background:#eb6d24;
	}

/* Book Direct */

.bookDirect {
	font-family: 'OpenSansBold', Arial, sans-serif;	
	margin:0 0 1.5em 0;
	}

#jrs_lodging_select_div select, #jrs_arrival_input input, #jrs_departure_input input {
	background:#f5eee4;
	padding:2%;
	border:none;
	margin-right:3px;
	font-family: 'OpenSansBold', Arial, sans-serif;	
	border:solid 1px #d2c4a8; 
	color:#552d16;						
	}
	
#jrs_lodging_select_div select, #jrs_arrival_input input, #jrs_departure_input input, #jrs_search_submit {
	margin:0 0 .5em 0;
	}
	
#jrs_arrival_input input, #jrs_departure_input input {
	width:85%;
	}
	
#jrs_arrival_input img, #jrs_departure_input img {
	width:10%;
	max-width:22px;
	float:right;
	}
	
@media screen and (max-width: 800px) {
	
	
#jrs_arrival_input input, #jrs_departure_input input {
	width:80%;
	}
	
}

@media screen and (max-width: 600px) {
	
	
#jrs_arrival_input input, #jrs_departure_input input {
	width:85%;
	}
	
}
	

	
/* =Typography
-----------------------------------------------------------------------------*/	
	
.header {	
	padding:0;
	margin:0 auto 2em auto;
	height:auto;
	text-align:center;
	width:100%;
	position:relative;
	}
	
.header h1 {
	font-family: 'alex_brushregular', Arial, sans-serif; 
	font-size:3em;
	margin:0 0 0 0;
	padding:1.5%;
	font-weight:normal;
	line-height:90%;
	color:#ffffff;
	text-shadow:none;
	text-align:center;
	background: #0f3e52;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	display:block;
	z-index:10000;
	position:relative;
	}
	
article h1 {
	font-family: 'alex_brushregular', Arial, sans-serif; 
	font-size:4em;
	margin:0 0 .1em 0;
	font-weight:bold;
	line-height:90%;
	}

article h2 {
	font-family: 'veneerregular', Arial, sans-serif;
	font-size:2em;	
	padding:0 0 .25em 0;
	font-weight:normal;
	line-height:90%;
	}
	
.grapeContainer h2 {
	color:#ffffff;
	}
	
article h2 a {
	color:#0f3e52;
	-webkit-transition: color 0.4s ease-in-out;
	-moz-transition: color 0.4s ease-in-out;
	-o-transition: color 0.4s ease-in-out;
	transition: color 0.4s ease-in-out;
	padding:0 3px;
	}

article h2 a:link, article h2 a:visited {
	text-decoration:underline;
	}

article h2 a:hover, article h2 a:active {
	text-decoration:none;
	color:#552d16;
	}
	
article h3 {
	font-family: 'OpenSansBold', Arial, sans-serif;  
	font-size:1em;	
	padding:0 0 0 0;
	font-weight:normal;
	}
	
article h3 a {
	color:#ffffff;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	padding:0 3px;
	background:#eb6d24;
	display:inline-block;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

article h3 a:link, article h3 a:visited {
	text-decoration:underline;
	}

article h3 a:hover, article h3 a:active {
	text-decoration:none;
	color:#eb6d24;
	background:#ffffff;
	}
	
small {
	font-size:80%;
	}
	
article p {
	padding:0 0 1.5em 0;
	}
	
.grapeContainer section p {
	padding:0 0 1em 0;
	}
	
ul.contentUl {
	padding:0 0 1.5em 1.5em;
	list-style: disc;
	}

	
/* Links */	
		
article p a {
	color:#8c182d;
	padding:1px 2px;
	font-weight:bold;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}

article p a:link, article p a:visited {
	text-decoration:none;
	}

article p a:hover, article p a:active {
	color:#ffffff;
	background:#8c182d;
	}
	
ul.contentUl a {
	color:#0f3e52;
	padding:1px 1px;
	font-weight:bold;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}

ul.contentUl a:link, ul.contentUl a:visited {
	text-decoration:underline;
	}

ul.contentUl a:hover, ul.contentUl a:active {
	color:#ffffff;
	background:#0f3e52;
	}
	
@media screen and (max-width: 1100px) {
	
body {
	font-size:90%;	
	}
	
.header h1 {
	font-size:2.5em;
	}
	
}
	
	
	
@media screen and (max-width: 620px) {
	
body {
	font-size:80%;	
	}
	
article h1 {
	text-align:center;
	}
	
.header {	
	width:111%;
	margin:0 0 1em -5.5%;
	}
	
.header h1 span {
	display:none;
	}
	
.leftTriangle {
	display:none;
	}
	
.rightTriangle {
	display:none;
	}
	
article h2 {
	text-align:center;
	}
	
article h3 {
	text-align:center;	
	}
	
article p {
	text-align:center;	
	}
	
ul.contentUl {
	text-align:center;
	margin:0 0 1.5em 0;
	}
	
ul.contentUl li {
	list-style:none;
	padding:0 0 0 0;
	}
	
}
	
	

/* =footer
-----------------------------------------------------------------------------*/

.grapeContainer article h1 {
	text-align:center;
	margin:0 0 .5em 0;
	}

ul.featuredEvents li {
	position:relative;
	margin:0 0 1.5em 0;
	z-index:1000;
	width:47.5%;
	float:left;	
	display:inline-block;
	}
	
ul.featuredEvents li:nth-child(2n+0) {
	float:right;
	}
	
ul.featuredEvents li:nth-child(3) {
	clear:both;
	}
	
ul.featuredEvents li:nth-child(5) {
	clear:both;
	}
	
ul.featuredEvents li:hover .eventDate {
	background:#000000;
	}
	
ul.featuredEvents li:hover .eventDetail {
	background:#000000;
	-webkit-box-shadow:none;
	box-shadow:none;
	}
	
ul.featuredEvents li a {
	text-decoration:none;
	}
	
.eventDate {
	padding:1.5%;
	color:#ffffff;
	font-family: 'OpenSansExtraBold', Arial, sans-serif;
	font-size:2em;
	line-height:.9em; 
	display:inline-block;
	background:#0f3e52;
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
	}
	
a .eventDate {
	color:#ffffff;
	}
	
.eventDetail {
	width:94%;
	padding:3%;
	color:#0f3e52;
	font-family: 'veneerregular', Arial, sans-serif;
	font-size:2em;
	line-height:.95em;
	background:#ffffff;
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
	}
	
a .eventDetail {
	color:#0f3e52;
	}
	
footer {
	padding:1.5em 0;
	margin:0;
	}
	
.footerInner {
	width:1200px;
	margin:0 auto;
	padding:0 0;
	text-align:center;
	}
	
.footerLogo {
	width:30%;
	margin:0 auto 2em auto;
	max-width:114px;
	}
	
.footerLinks {
	padding:0 0 1.5em 0;
	border-bottom:#ffffff solid 1px;
	margin:0 0 1.5em 0;
	color:#ffffff;
	}
	
.footerLinks a {
	font-family: 'OpenSansBold', Arial, sans-serif; 
	color:#ffffff;
	-webkit-transition: color 0.4s ease-in-out;
	-moz-transition: color 0.4s ease-in-out;
	-o-transition: color 0.4s ease-in-out;
	transition: color 0.4s ease-in-out;
	}

.footerLinks a:link, .footerLinks a:visited {
	text-decoration:none;
	}

.footerLinks a:hover, .footerLinks a:active {
	color:#eb6d24;
	}
	
.copyright {
	color:#666;
	font-size:.8em;
	margin:0 0 2em 0;
	}
	
@media screen and (max-width: 1250px) {
	
.footerInner {
	width:90%;
	margin:auto;
	}
	
}
	
@media screen and (max-width: 1100px) {

	
.eventDate {
	font-size:1.5em;
	}
	
.eventDetail {
	width:90%;
	padding:5%;
	float:none;
	font-family: 'OpenSansExtraBold', Arial, sans-serif; 
	font-size:1.25em;
	line-height:.95em;
	text-align:center;
	}
	
}

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

	
}
@media screen and (max-width: 750px) {	
	
	
.eventDetail {
	padding:2% 5%;
	}
	
	
}

@media screen and (max-width: 600px) {
	
ul.featuredEvents li {
	position:relative;
	margin:0 0 1.5em 0;
	z-index:1000;
	width:100%;
	float:none;	
	display:block;
	}
	
}



/* =IE Sucks
-----------------------------------------------------------------------------*/
#iewarning {
	padding:10em;
	text-align:center;
	color:#C00;
	background:#ffffff;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.25em;
	}
	
#iewarning a {
	color:#ffffff;
	background:#C00;
	padding:0px 3px;
	font-weight:bold;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}

#iewarning a:link, #iewarning a:visited {
	text-decoration:none;
	}

#iewarning a:hover, #iewarning a:active {
	color:#C00;
	background:none;
	text-decoration:underline;
	}