/*********************** STANDARD ELEMENTS ****************************/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
	font-weight:400;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    font-family: 'Lato', sans-serif;
	font-weight:400;
	font-style:normal;
    font-size: 17px;
    color: #464646;
    text-align: left;
    background: #ffffff;
	line-height:1.45em;
	overflow-x: hidden;
}

/* for the admin page editing area */
.mceContentBody { background-color: #ffffff !important; background-image:none; }


table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* GENERAL FORMATTING */

a, a:visited {
    text-decoration: none;
    color: #bc2c2c;
	font-weight:700;
}

a:hover, a:active {
    color: #000;
}

strong {font-weight:700}
em {font-weight:unset;}

li {
	margin-left:1.7em;
}


/* Headings */
h1, h2, h3, h4, h5, h6 {
    line-height: 1.45em;
    font-weight: 700;
    color: #000;
	margin-bottom:0.7em;
}

h1 {
    font-size: 1.4em;
	margin-bottom:1em;
	text-transform:uppercase;
	color: #006f34;
}

.connectHeader {
	font-size: 1.5em;
	margin-bottom:1em;
	text-transform:uppercase;
	font-weight: 700;
	color: #006f34;
}

h2 {
    font-size: 1.05em;
	text-transform:uppercase;
	margin-top:1.4em;
}

h3 {
    font-size: 1em;
}


img,
embed,
object,
video {
    max-width: 100%;
    border: 0 none;
}
img.profileImg {
      float: left;
      margin: 0 1em 0 0;
      border-radius: 50%;
}

p 	{
	margin-bottom:0.75em;
}

/*********************** MAIN DIVS ****************************/

.wrap {
	
    clear: both;
    display: block;
    margin: 0 auto;
    padding: 0;
    max-width: 1280px;
    min-width: 320px;
}

#top {
    min-width: 320px;
    width: 100%;
}

#middle {
    width: 100%;
    position: relative;
    min-width: 320px;
}

#bottom {
    width: 100%;
    position: relative;
    min-width: 320px;
	/* background: #545454; */

	background: url(../../images/header-bg.jpg);
	background-size: cover;
	padding-bottom: 6rem;
}

@media (min-width: 550px) and (max-width: 899px) {
	.wrap {max-width:100%}
	#top {text-align:center;}
}
@media (max-width: 549px) {
	#top { text-align:center; }
	#bottom { }
}


/*  CONTENT */

#content_area {
	text-align: left;
	background:#ffffff;
}

@media screen and (min-width: 900px) {
	#content_area {
		padding:2em 0em 2em 0em;
	}
      #content_area.noSidebar #content {
            width: 90%;
      }
	#content, #content_area.homepage #content {
		width:66%;
		margin-right: 0;
		float:right;
	}

}
@media (min-width: 550px) and (max-width: 969px) {
	#content_area {
		padding:2em 1em 2em 1em;
	}
	#content {
		width:64%;
		float:right;
	}

}
@media (max-width: 834px) {
	#content_area {
		padding:1em 1em 2em .5em;
	}
	#content {
		width:100%;
	}

}

/* if the section has a sidebar ... */
#content_area.hasSidebar {
      position:relative;
}
#content_area.noSidebar #content {
	width: 97%;
}

@media screen and (max-width: 900px) {
	#content_area.hasSidebar #content {
		
	}
}
@media screen and (max-width: 834px) {

	/* #content {
		width: auto !important;
		padding: 0 1.5rem;
	} */
	
	#content_area.hasSidebar #content {
		width: 65%;
	}
}

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

	#content_area.hasSidebar #content {
		/* width: 96%; */
		width: 100%;
	}
}

#content_area.hasSidebar #sidebar-top, #content_area.hasSidebar #sidebar-bottom{
	float: left;
	width: 28%;
	clear: both;
}
#content_area.hasSidebar #sidebar-top{
	top: 2em;
}
#content_area.hasSidebar #sidebar-bottom{
	bottom: 1em;
}

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

	#content_area.hasSidebar #sidebar-top, #content_area.hasSidebar #sidebar-bottom {
		display:none;
	}
}



/* HOMEPAGE OVERRIDES */
#sidebar-home {
	background-color: #eeeeee;
	padding: 2%;
	float: right;
	margin-left: 0;
}
@media (min-width: 900px) {
	#sidebar-home {width:25%;}
}
@media (min-width: 550px) and (max-width: 899px) {
	#sidebar-home{width:26%;}
}
@media (max-width: 549px) {
	#sidebar-home {display:none;}
}


/*********************** MAIN CLASSES ****************************/

.clear { clear:both; }
.nobr, .nowr {white-space: nowrap;}
.whiteBG {background:white;}
.blackBG {background:black;}
.left {float:left;}
.right {float:right;}
.full {width:100%;}
.leftimg {clear:left; float:left;margin:.3em 2em 2em 0;font-style:italic;}
.rightimg {clear:right; float:right;margin:.3em 0 2em 2em;font-style:italic;}
.leftimg p, .rightimg p {margin:.5em 0 0 0;}
.fullimg {width:100%; margin-bottom:1em;}
.half {width:50%;}
.halfleftimg {float:left; width:48%;margin:1em 0;}
.halfrightimg {float:right; width:48%;margin:1em 0;}
.third {width:35%;}
.center {display:block;margin:2em auto;text-align:center;font-style:italic;width:auto;}
.noscale {max-width:none;}
@media (max-width: 549px) {
	.left, .right {float:none;}
	.leftimg, .rightimg {float:none;margin:2em auto;display:block;text-align:center;font-style:italic;}
	.half, .third  {width:auto;}
	.hideinmobile {display:none;}
}

/*********************** HEADER AREA **********************/


#header.header-area {
    position: relative;
}

.fixed-iconbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 789;
}

.headerBG {
	background: url(../../images/header-bg.jpg);
	background-size: cover;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #b3b3b3;
	box-shadow: 0 0 7px #828282;
}

.headerBG.header-fixed {
    position: fixed;
    /* top: 40px; */
	left: 0;
	height: 90px;
	z-index: 890;
	opacity: .95;
	box-shadow: 0 0 7px #828282;
}


.nav-wrapper {
	top: 90px;
	left: 0;
	position: fixed;
	width: 100%;
	max-width: none;
	z-index: 791;
	opacity: .95;
	background: white;
	border-bottom: 1px solid #ccc;
}

#nav-wrapper.wrap.nav-wrapper {
	background: url(../../images/header-bg.jpg);
	opacity: 1;
}

#header-logo.logoWidthSmall {
	width: 25%;
	padding: 4px 0 0 !important;
	transition: all .4s;
}



#header-contact {
	padding-top:2.5em;
	width:605px;
	float:right;
	height:140px;
	position:relative;
    text-align: right;
}

#headerBG.headerBG.header-fixed > .wrap {
	/* height: 100%; */
    display: flex;
    align-items: center;
}

/*********************** NAVIGATION **********************/

/*** ALL TOP, SIDE, MOBILE NAVIGATION IS MOVED TO NAVIGATION.CSS **/

/*********************** CONTENT ***********************/

.homeboxes {
width: 100%;
display: inline-block;
margin: 1em 0;
}

.homebox1 {
float: left;
width: 48.6%;
}

.homebox2 {
float: right;
width: 48.6%;
}

.homebox1:hover, .homebox2:hover {
opacity: .9;
}

.homeContent {
width: 96%;
margin-left: 1em;
}

.presidentsMessage {
width: 100%;
background: #f4f4f4;
padding: 2em 0;
margin: 1.5em 0;
display: inline-block;
}

.presidentMessagePic {
float: left;
margin-left: 7%;
width: 131px;
margin-right: 4%;
}

.presidntMessageText {
float: left;
width: 67%;
}

.presidentMessageHeader {
font-size: 1.29em;
font-weight: 700;
color: #006f34;
margin: .6em 0;
}

.presidentMessageTag {
font-style: italic;
}

.presidentMessageName {
font-style: italic;
margin-top: .7em;
}

.bottomboxes {
width: 100%;
display: inline-block;
margin: 1.5em 0;
}

.bottombox1 {
float: left;
width: 31.5%;
margin-right: 2.5%;
background: url(../../images/yellow-calendar-bg.jpg);
background-size: cover;

}

.calendarContent {
background: #ffffff;
margin: 20px;
min-height: 257px;
padding-top: .56em;
}

.bottombox2 {
float: left;
width: 31.5%;
background: url(../../images/newsletter-box-bg.jpg);
background-size: cover;
}





.eventsRow {

padding: 1em 0 0 1em;
clear: both;
}

.seeAllEventsLink {
    margin: 1.1em 0 0 4.8em;
    font-size: .8em;
    font-weight: 600;
    
    text-transform: uppercase;
}

.seeAllEventsLink a {
color: #000000; 
}

.seeAllEventsLink a:hover {
color: #006f34;
text-decoration: underline;
}

.counterBox {
float: left;
width: 40px;
margin-right: .7em;
}

.redbox {
font-size: 1.08em;
font-weight: 700;
color: #ffffff;
/*background: #006f34;*/
background: url(../../images/apple-bg2.png) no-repeat;
padding: .4em .5em .5em .2em;
text-shadow: 3px 3px 1px #000000;

}

.greenbox {
font-size: 1.08em;
font-weight: 700;
color: #ffffff;
/*background: #ee1d25;*/
background: url(../../images/apple-bg2.png) no-repeat;
padding: .4em .5em .5em .2em;
text-shadow: 3px 3px 1px #000000;
}

.eventDetails {
float: left;
}

.eventCustomDate {


}

.eventsRow .eventCustomDate a {
font-size: .9em;
font-weight: 400;
color: #006f34;
}

.eventsRow .eventCustomDate a:hover {
text-decoration: underline;
}

.eventTitle {
line-height: .9em;
}

.eventTitle a { 
font-size: .85em;
font-weight: 600;
color: #000000;
text-transform: uppercase;
}

.eventTitle a:hover {
text-decoration: underline;
}

.eventDetails {
float: left;
}

#bottomLogoScroller {
width: 100%;
background: url(../../images/awards-scroller-bg.jpg);
background-size: cover;
padding: 2.5em 0 2.4em 0;
display: inline-block;
}

.awardsScrollerHeader {
font-size: 1.3em;
font-weight: 700;
color: #006f34;
text-align: center;
text-transform: uppercase;
margin-bottom: 1em;
}

.sidebarWeeklyFlyers {
margin-bottom: 1em;
}

.sidebarFindLocation {
margin-bottom: 1.5em;
}

.sidebarWeeklyFlyers:hover, .sidebarFindLocation:hover {
opacity: .85;
}

.newsletterHeader {
font-size: 1.3em;
font-weight: 700;
color: #ffffff;
text-align: center;
margin: 0 0 .5em 0;
}

.newsletterContent {
padding: 2.6em 1.5em 0 1.5em;
}

.bottombox2 p {
color: #ffffff;
text-align: center;
width: 80%;
margin: 0 auto;
font-size: 16px;
}

.bulletinFormFields {
margin: 0 auto;
text-align:center;
}

.bulletinFormFields input[type="text"] {
    padding: 0 .2em 0 .5em;
    font-size: .8em;
    margin: 1em auto .8em;
    height: 45px;
    
    width: 80%;
}

.bulletinSubmit {
text-align: center;
margin: 0 auto;
}

#bulletinButton {
    padding: 0 .6em;
    height: 52px;
    font-size: 1em;
	letter-spacing: 1px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    border: 0;
    border: 1px solid #ee1d25;
    background: #ee1d25;
    margin: .5em auto 0 auto;
	text-align: center;
    cursor: pointer;
    width: 150px;
}

.locationAddress {
float: left;
width: 32%;
margin-bottom: 1.2em;
min-height: 140px;
}

@media (min-width: 1px) and (max-width: 469px) {

	.locationAddress {
	width: 100%;
	margin: 0 auto 1em auto;
	}

}

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

	.locationAddress {
	width: 46%;
	}

}




/* JUSTIFY FLOATING DIVS */

ul.justify {
    font-size: 0 !important;
    line-height: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: justify;
    text-justify: distribute-all-lines;
}

ul.justify:after {
    content: "";
    display: inline-block;
    width: 100%;
}

ul.justify li {
    display: inline-block;
    font-size: 1rem;
    line-height: 1rem;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* (untested) IE hacks to make li's line up */
*+html ul.justify li {display: inline;}
* html ul.justify li {display: inline;}


/* CONTENT TO SHOW ON MOBILE & TABLET VERSIONS  ONLY */

.mobile-phone {
	padding-bottom:1em;
	font-size:1.6em;
	font-weight:800;
}


/* Contact Page */

#contentContact {
float: right;
width:66%;
}


#sidebarContact {
    width: 26%;
    float: left;
    margin-top: 0;
	margin-left:0;
}

@media (min-width: 1px) and (max-width: 549px) {

	

	#contentContact {
	float: left;
	width:94%;
	margin-left: .7em;
	margin-top: 1.2em;
	}
	
	
	
	#sidebarContact {
	width: 90%;
	padding-top: 1.5em;
	
	clear: both;
	float: left;
	margin-bottom: 2em;
	margin-top: 2em;
	margin-left: .7em;
	}
	
}

@media (min-width: 550px) and (max-width: 899px) {
	#contentContact {
	width:95%;
	float:left;
	}
	
	#sidebarContact {
	width:95%;
	float:left;
	padding-top: 1.5em;
	margin-top: 2em;
	clear: both;
	margin-left: 0;
	}

}

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

	#sidebarContact {margin-left: 1em; }

}


#inquiry form#contact_form{
	ppborder-bottom:3px solid #ddd;
	pppadding-left:1em;
	ppmargin:0 -10px 1em -10px;
	ppheight:2.5em;
	
}
#inquiry table {
	ppwidth:100%;
}
#inquiry td {
	pppadding:1em 1em;
}
#inquiry input[type=text], #inquiry input[type=radio],
#inquiry textarea {
	width:100%;
	background: #ffffff;
	ppheight:2em;
	pppadding-left:1em;
	padding:1rem;
	margin:0 0 1rem 0;
	vertical-align:middle;
	border:1px solid #c0c0c0;
    font-family: 'Lato', sans-serif;
	font-weight:400;
	font-style:normal;
    font-size: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#inquiry .selectType  {
width:100%;
	ppheight:2em;
	pppadding-left:1em;
	padding:1rem;
	margin:0 0 1rem 0;
	vertical-align:middle;
	border:1px solid #c0c0c0;
	color: #757579 !important;
    font-family: 'Lato', sans-serif;
	font-weight:400;
	font-style:normal;
    font-size: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.8em;
}

#inquiry .selectType select {
color: #757579;
padding: .4em 0;
}


#inquiry input[type=submit] {
	ppfloat:right;
	ppmargin-right:-1em;
}

#inquiry textarea {
	min-height:15em;
}
#inquiry label {
	ppvertical-align:middle;
}
#inquiry table tr td:first-child {
	ppwidth:20%;
	
}
#inquiry input.formerror {
	ppborder-color:red;
}

#button {
	padding:1rem 2rem;
	font-family: 'Lato', sans-serif;
    text-transform: uppercase;
	font-size:1.15em;
	border:none;
	background:#006f34; 
	color: #ffffff;
	font-weight:700;
	margin:1rem 0 0 0;
	letter-spacing: 1px;
}

#button:hover {
	background:#ee1d25;
color: #ffffff;	
	cursor: pointer;
}

.major, .major span {
	font-weight:800;
	font-size:1.15em;
	color:#444444;
	margin-bottom:1.8em;
	font-family: 'Lato', sans-serif;
}

#call-to-action {
	text-align:center;
	width:94%;
	background:#eaeaea;
	margin-left:3%;
	margin-bottom:1.5em;
	padding-top:1.5em;
}

.sub-heading {
	font-size:1.1em;
	font-weight:700;
	margin-top:1.5em;
	margin-bottom:0.3em;
}
/********* HOME PAGE ****************/


/************************ FOOTER **********************/

#footer {
	xheight:350px;
    margin: 0 auto;
	color:black;
	font-size:1em;

    overflow: auto;

	/* background: url(../../images/header-bg.jpg);
	background-size: cover; */
}

#footer h3 {
	font-size: 17px;
	font-weight:700;
	color:black;
	margin-bottom:1.3em;}

#footer-col1 {
	float:left;
	margin-top:4.2em;
	margin-bottom: 1em;
	}

#footer-col2 {
	float:left;
	margin-top:3.4em;
	margin-bottom: 1em;
	}

#footer-col3 {
	float:left;
	margin-top:4.2em;
	margin-bottom: 3em;
	}

#footer a {
	color:black;
	font-weight: 400;
}

#footer a:hover {
    color:#006f34;
}

#footer p {margin-bottom:0.4em;}

.footerLogo {
margin-bottom: .51em;
}

.footerMap {
margin-top: 1.9em;
max-width: 211px;
}

.copyright {
	background-color:#006f34;
	width: 100%;
	font-size:0.85em;
	font-weight: 400;
	color: #ffffff;
	padding: 1em 0;
	/* display: inline-block; */
	/* margin-top: 2em; */
	margin-bottom: 0;

	position: absolute;
	bottom: 0;
}

.copyrightLeft {
float: left;
width: 60%;
margin-left: 1.5em;

}

.copyright .copyrightLeft a {

	font-weight: 400;
	color: #ffffff !important;
}

.copyrightRight {
float: right;
width: 90px;
margin-right: 3%;
}

.copyright .copyrightRight a {

	font-weight: 400;
	color: #ffffff !important;
}


/*********************** MEDIA QUERIES **********************/

@media (min-width: 1px) and (max-width: 549px) {

	#content {
    
    /* margin-left: .6em; */
	}

	.newsletterContent {
    padding: 1.6em 1.5em 0 1.5em;
	}

	.bulletinSubmit {
    text-align: center;
    margin: 0 auto;
    padding-bottom: 1.2em;
	border-radius: 0;
	}
	
	#bulletinButton {
	border-radius: 0;
	}

	.bottombox2 p {
    color: #ffffff;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
	}

	#bottomLogoScroller {
    padding: 1.5em 0 0 0;
    }

	.welcomingRefugees, .fruiticanaVideo {
		float: left;
		width: 100%;
	}
	
	.welcomingRefugees {
	margin-bottom: .5em;
	}
	
	.welcomingRefugees img, .fruiticanaVideo img {
    	width: 100%;
	}
	
	.welcomingRefugees:hover, .fruiticanaVideo:hover {
		opacity: .85;
	}

	.bottomboxes {
		/* margin: 1em 0 0 1em; */
		/* width: 96%; */
		margin: 1em;
		width: auto;
	}

	.bottombox1, .bottombox2 {
    float: left;
    width: 100%;
    margin: 0 auto 1em auto;
    }
	
	.presidentsMessage {
		margin: 1em 0 0 0;
		width: 100%;
	}

	.presidentMessagePic {
    float: none;
    margin:0 auto;
    }
	
	.presidentMessageHeader {
    text-align: center;
	}
	
	.presidntMessageText {
    float: none;
    width: 95%;
	margin: 0 auto;
	}

	.homeContent {
		/* width: 100%; */
		width: auto;
		margin-left: 1em;
		margin-right: 1em;
	}

	.homebox1 {
    float: none;
    width: 100%;
	margin: 0 auto 1em auto;
	}

	.homebox2 {
    float: none;
    width: 100%;
	margin: 0 auto;
	}

	.mobileTopBreak {clear: both; height: 0; }

	.homeboxes {
		margin-top: 0;
		/* margin-left: .6em; */
		margin-left: 1em;
		/* width: 97%; */
		width: auto;
		margin-right: 1em;
	}

	#rotating-banner {
		margin-top: .5em;
	}

	#header-logo {
		float: left;
		margin-left: 1em;
		width:60%;
		text-align: left;
	}

	/* #header-logo img {
		width:70%;
		padding-top:1.3333em;
		padding-bottom:1.3333em;
	} */

	#header-logo.logoWidthSmall {
		width: 60%;
		padding: 0 !important;
	}

	#header-contact {
		display:none;
	}

	#footer-col1 {
	display: none;
	}
	
	#footer-col2 {
	width: 70%;
	margin-left: 1em;
	margin-top: 1.4em;
	margin-bottom: .5em;
	}
	#footer-col3 {
	width: 70%;
	margin-left: 1em;
	margin-top: .5em;
	}

	#section1, #section2 {
		text-align:center;
		width:100%;
		margin-bottom:1em;
	}

	.column1 {
		clear:both;
	}

	.column2 {
		display:none;
	}
	
	.copyrightLeft {
    float: left;
    /* width: 95%; */
	width: auto;
    /* margin-left: 1.5em; */
	margin-left: 1em;
	margin-right: 1em;
	}
	
	.copyrightRight {
    float: left;
    width: 90px;
    margin-right: 0;
	/* margin-left: 1.5em; */
	margin-left: 1em;
	margin-top: .8em;
	}

	

}


@media (min-width: 550px) and (max-width: 899px) {

	#content_area.hasSidebar #content {
    width: 66%;
    float: right;
	}

	.mobileTopBreak {display: none; }

	.bottomboxes {
    margin-top: 0;
	width: 96%;
	margin-left: 1em;
	margin-bottom: 0;
	}

	.bottombox1 {
	float: left;
	width: 48%;
	margin-right: 0;
	}

	.bottombox2 {
	float: right;
	width: 48%;
	min-height: 292px;
	}
	
	.bottombox3 {
	float: left;
	width: 100%;
	
	margin-top: 1.3em;
	margin-bottom: 0;
	}

	.welcomingRefugees {
	float: left;
	width: 48%;
	}

	.fruiticanaVideo {
	float: right;
	width: 48%;
	margin-bottom: 0;
	}
	
	.welcomingRefugees img, .fruiticanaVideo img {
	width: 100%;
	}

	#header-logo  {
		float: left;
		padding-top:1.3em;
		padding-bottom:1.3em;
		width: 50%;
		text-align: left;
		margin-left: 1em;
	}
	#header-contact {
		display:none;
	}

	/* #rotating-banner {
		margin-top: 1em;
	} */
	
	.homeboxes {
    width: 100%;
    display: inline-block;
    margin: 0 0 1em 0;
	}
	
	.presidentMessagePic {
    float: left;
    margin-left: 3%;
    width: 131px;
    margin-right: 4%;
	}
	
	.presidntMessageText {
    float: left;
    width: 64.3%;
	}
	
	.presidentMessageHeader {
	margin-top: .3em;
	}
	
	.calendarContent {
    margin: 13px;
	}
	

	#section1 {width:60%}
	#section2 {width:39%}

	.column1 {
		width:100%;
	}

	.column2 {
		display:none;
	}
	
	#footer-col1 {
	display: none;
	}

	#footer-col2 {
	width:40%;
	margin-top: 2em;
	margin-right: 10%;
	margin-left: 1.5em;
	}

	#footer-col3 {
	width:36%;
	}

	#header-logo.logoWidthSmall {
		padding: 5px 0 0 !important;
		width: 35%;
	}
	
	
}


@media (min-width: 900px) {

.mobileTopBreak {display: none; }

	.bottombox2, .bottombox3 {
	min-height: 305px;
	}
	
	.bottombox3 {
float: right;
width: 31.5%;
position: relative;


}

.welcomingRefugees {
position: absolute;
top: 0;
width: 100%;
}

.fruiticanaVideo {
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: -.35em;
}

.welcomingRefugees:hover, .fruiticanaVideo:hover {
opacity: .85;
}	

	#rotating-banner {
		display:block;
		border:1px solid #999;
	}

	#rotating-banner img {width:100%}

	#header-logo {
		/* float:left; */
		padding-top:1.3333em;
		padding-bottom:1.3333em;
		width: 35%;
		margin-left: 1em;
	}

	#header-logo a {
		display: block;
	}

	.column1 {
		width:50%;
		float:left;
	}

	.column2 {
		width:49%;
		float:right;
	}
	
	#footer-col1 {
	width:24%;
	margin-right: 5%;
	margin-left: 1.5em;
	}

	#footer-col2 {
	width:29%;
	margin-top: 2em;
	margin-right: 9%;
	}

	#footer-col3 {
	width:28%;
	}
}

.width25{
	max-width:25%;display:block;
}
.width50{
	max-width:50%;display:block;
}
.width75{max-width:75%;display:block;}



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

	
	.homeboxes {
    xwidth: 96%;
    xmargin: 1em;
	}
	
	.bottomboxes {
    width: 96%;
    margin: 1.5em 1em;
	}
	
	#sidebar-top {
	margin-left: 1em;
	}
	
	#content {
	margin-right: 1em;
	}



}



@media (min-width: 550px) and (max-width: 649px) {

.calendarContent {
    background: #ffffff;
    margin: 20px;
    min-height: 277px;
    padding-top: .56em;
}

.newsletterContent {
    padding: 2.6em 1.5em 0 1.5em;
    min-height: 283px;
}

}


.banner_group img {
	width:100%;
}












@media (max-width: 549px) {

	.headerBG.header-fixed {
		opacity: 1;
	}

	#header-logo.logoWidthSmall {
		padding: 0 !important;
	}
}



.div-social-media {
	margin-top: 1.5rem;
}

.div-social-media > a {
	margin-right: 1rem;
}

#headerBG.headerBG > .wrap {
	display: flex;
}

.header-button-container {
	flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}



.header-button-container .locations .locationsContent a {
    border-left: none;
    color: #ffffff;
    text-transform: uppercase;
    font-size: .85em;
    padding: .5em 1em;
    background: #ee1d25;
	white-space: nowrap;
    width: 110px;
	text-align: center;
}

.header-button-container .locations .locationsContent a:hover {
    background: #006f34;
    opacity: 1;
}

.header-button-container .locations .locationsContent a img {
    width: 14px;
    height: 23px;
    padding-top: 0 !important;
    margin-top: -.2em !important;
    vertical-align: middle;
    margin-right: 1em;
}

.header-button-container .weeklyFlyers .weeklyFlyersContent a {
    border-left: none;
    color: #ffffff;
    text-transform: uppercase;
    font-size: .85em;
    padding: .5em 1em;
    background: #006f34;
	white-space: nowrap;
    width: 150px;
    text-align: center;
}

.header-button-container .weeklyFlyers .weeklyFlyersContent a:hover {
    background: #ee1d25;
    opacity: 1;
}

.header-button-container .weeklyFlyers .weeklyFlyersContent a img {
    width: 18px;
    height: 23px;
    padding-top: 0 !important;
    margin-top: -.2em !important;
    vertical-align: middle;
    margin-right: .5em;
}

.header-button-container a {
    display: inline-block;
    margin: 0;
}

#iconbar {
	display: none;
}

.header-button-container .weeklyFlyers {
	margin: 0 1rem;
}




@media only screen and (max-width: 899px) {
	.header-button-container {
		flex-direction: column;
		justify-content: center;
	}

	.header-button-container .locations .locationsContent a,
	.header-button-container .weeklyFlyers .weeklyFlyersContent a {
		width: 155px;
	}

	.header-button-container .weeklyFlyers .weeklyFlyersContent a {
		margin-top: .3rem;
	}




	#headerBG.headerBG {
		display: flex;
		flex-direction: row;
	}

	#nav-wrapper.wrap,
	#nav-wrapper.wrap .wrap,
	#nav-wrapper.wrap.nav-wrapper,
	#nav-wrapper.wrap.nav-wrapper .wrap {
		min-width: auto;

		border: none;
    	background: none;
	}


	#headerBG.headerBG.header-fixed  #nav-wrapper.wrap.nav-wrapper {
		position: relative;
		width: auto;
		top: auto;
	}

	#headerBG.headerBG > .wrap {
		margin: 0;
		flex: 1;
	}
	
	#headerBG.headerBG > #nav-wrapper.wrap {
		margin: 0 1em 0 0;
		width: 33px;
		flex: none;
	}

}

@media only screen and (max-width: 767px) {
	#headerBG.headerBG > .wrap:first-child {
		flex-direction: column;
		padding-bottom: 1rem;
	}

	.headerBG.header-fixed {
		height: auto;
	}

	.header-button-container {
		flex-direction: row;
		padding-left: calc(33px + 1em);
	}

	#header-logo {
		padding-top: 1em;
		padding-bottom: 1em;
		width: 60%;
	}

	.header-button-container .weeklyFlyers .weeklyFlyersContent a {
		margin-top: 0;
	}

	.header-button-container .weeklyFlyers {
		margin: 0 0 0 1em;
	}

	#headerBG.headerBG.header-fixed > .wrap {
		align-items: normal;
	}

	#headerBG.headerBG.header-fixed #nav-wrapper.wrap.nav-wrapper {
		align-items: center;
	}

}



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

	/* #header-logo {
		width: 45%;
	} */

	/* #header-logo.logoWidthSmall {
		width: 35%;
	} */

	/* .header-button-container {
		align-items: flex-start;
	} */

	/* .header-button-container .locations,
	.header-button-container .weeklyFlyers {
		margin: 0 1rem 0 3rem;
	} */



	/* #nav-wrapper.wrap.nav-wrapper #mobileMenu {
		margin-top: -78px;
	}

	#nav-wrapper.wrap #mobileMenu {
		margin-top: -91px;
	} */
}


@media (min-width: 1px) and (max-width: 549px) {
	#header-logo {
		padding-top: 1.3em;
		padding-bottom: 1.3em;
	}

	.header-button-container .locations,
	.header-button-container .weeklyFlyers {
		margin: 0 .5rem;
	}

	/* #header-logo.logoWidthSmall {
		width: 38%;
	} */


	#headerBG.headerBG.header-fixed  #nav-wrapper.wrap.nav-wrapper {
		width: 33px;
	}


	#content {
		width: auto !important;
		padding: 0 1.5rem;
	}
}


@media only screen and (max-width: 499px) {
	.header-button-container {
		flex-direction: column;
	}

	.weeklyFlyersContent a {
		margin-top: .3rem !important;
	}

	#headerBG.headerBG > .wrap:first-child {
		padding-bottom: .5rem;
		min-width: auto;
	}

	#header-logo {
		width: 80%;
	}
}


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

}


@media only screen and (max-width: 425px) {
	#nav-wrapper.wrap,
	#nav-wrapper.wrap.nav-wrapper {
		margin-right: 20px;
	}

	#headerBG.headerBG.header-fixed > .wrap,
	.copyright .wrap,
	#footer.wrap {
		min-width: auto;
	}

}


@media only screen and (max-width: 360px) {
	#headerBG.headerBG {
        /* position: fixed; */
        height: auto;
        z-index: 978;
    }

	#content_area {
		padding: 1rem 0 !important;
	}

	#content_area.wrap {
		min-width: auto;
	}

	#content_area.hasSidebar #content {
		width: auto;
	}

	#content_area.wrap.default #content, #content_area.noSidebar #content, #content_area.hasSidebar #content {
		width: auto;
		padding: 0 1.5rem;
	}

}


@media (min-width: 1065px) and (max-width: 1320px) {
	#content_area {
		padding: 2em 1em;
	}
}



@media (min-width: 1065px) {
	.homebox2 {
		width:auto;
	}
}