/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 48.7%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}


/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 65.8%; }
.span_1_of_3 { width: 31.6%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}



/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.35%;
}
.span_2_of_4 {
	width: 48.7%;
}
.span_1_of_4 {
	width: 23.05%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}



/*  GRID OF FIVE  */
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.48%;
}
.span_3_of_5 {
	width: 58.96%;
}
.span_2_of_5 {
	width: 38.44%;
}
.span_1_of_5 {
	width: 17.92%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0% 1% 0%; }
	/* .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; } */
}




/*  PROJECT ARCHIVES  */
.yearsubhead {
    border-bottom: 1px solid #ccc;
    clear: both;
    font-size: 24px;
    margin-bottom: -20px;
    padding: 30px 0 10px;
}


@media only screen and (max-width: 768px) {
  /* mobile styles go below this line */
  #navigation {margin:0;}
  #navigation h3 {display:none;}
  .show-nav #navigation .top-navigation {display:none;}
  .nav li{
    width:100%;
    text-align: left;
  }
}

.page-id-682 #submenu1 {
    display: none !important;
}

#homepageimage {
    display: block;
    margin: auto !important;
    margin-top: 30px !important;
width: 94% !important;
margin-bottom: 10px !important;
}

.page-id-12 .wFormContainer, .page-id-12 #sidebar {
    display: none !important;
}

.page-id-682 .wFormContainer, .page-id-682 #sidebar {
    display: none !important;
}



.page-id-444 .wFormContainer, .page-id-444 #sidebar {
    display: none !important;
}

.page-id-1504 .wFormContainer {
    width: 27%;
    float: left;
}

#button2 a {
    font-family: "Roboto", sans-serif !important;
}


#button2 a {
    color: #657580 !important;
text-decoration: none !important;
}

.buttonmedia2 {
    background: #FFE800;
}

.buttonmedia2 {
    background: #FFE800;
    text-indent: 0;
    display: inline-block;

    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    height: 50px;
    line-height: 50px;
    width: 265px;
    text-decoration: none;
    text-align: center;
  
}


header .title {
    display: none !important;
}

.page-id-1586 #sidebar {
    display: none !important;
}

#navigation {
	margin-left: auto !important;}


/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
	/* Desktop styles go below this line */


	
}