/*!
Theme Name: sunnyside
Theme URI: https://cometothesun.com/
Author: Yakima Valley Tourism
Author URI: https://visityakima.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sunnyside
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/*
	HTML5 Reset :: style.css
	-------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article, aside, figure, footer, header, hgroup, nav, section{display:block;}
img,
object,
embed, .fb-like-box{max-width:100%;}
html{overflow-y:scroll;}
ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
th{font-weight:bold;vertical-align:bottom;}
td{font-weight:normal;vertical-align:top;}
input, select{vertical-align:middle;}
pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;}
input[type="radio"]{vertical-align:text-bottom;}
input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline;}
.ie6 input{vertical-align:text-bottom;}
select, input, textarea{font:99% sans-serif;}
table{font-size:inherit;font:100%;}
small{font-size:85%;}
strong, th{font-weight:bold;}
td, td img{vertical-align:top;}
sub, sup{font-size:75%;line-height:0;position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
pre, code, kbd, samp{font-family:monospace, sans-serif;}
.clickable,
label,
input[type=button],
input[type=submit],
button{cursor:pointer;}
button, input, select, textarea{margin:0;}
button{width:auto;overflow:visible;}
.ie7 img{-ms-interpolation-mode:bicubic;}
.ie6 html{filter:expression(document.execCommand("BackgroundImageCache", false, true));}
.clear{clear:both;height:0px;}
::-moz-selection{background:#333333;color:#fff;text-shadow:none;}
::selection{background:#333333;color:#fff;text-shadow:none;}
a:link{-webkit-tap-highlight-color:#5d0827;}
ins{background-color:#fcd700;color:#000;text-decoration:none;}
mark{background-color:#fcd700;color:#000;font-style:italic;font-weight:bold;}
img{border:0;display:block;}


/* =Sunnyside Global
-----------------------------------------------------------------------------*/
body {
	background:#ffffff;
	font-family: Arial, sans-serif; 
	font-size:100%;
	color:#000;
    position: relative;
	}
	
.container {
	background:#ffffff;
	max-width:2200px;
	margin:0 auto;
	padding:0 0 0 0;
    position: relative;
	}
    
/* =top navigation
-----------------------------------------------------------------------------*/
header {
	z-index:10000;
    width:100%;
    position:relative;
	}
    
.nav-bar {
	display: none;
	}
	
.navContainer {
	position:relative;
	margin:0 0 0 0;
	} 
	
.header-logo {
	width:23%;
	position:absolute;
	top:15px;
	left:1.75%;
	z-index: 2000;
    display: grid;
    height:100%;
    align-items: center;
    -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;
	}
    
.header-logo:hover {
    opacity:.50;
    filter:alpha(opacity=50); /* For IE8 and earlier */
	}
    
.header-logo img {
    margin:0 auto;
	}

header .navContainer nav {
    background:rgba(20, 64, 96, 1.0);
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	position:relative;
	width:100%;
	border-bottom:solid 1px #3a76a7;
	}

header .navContainer nav ul {
	list-style: none;	
	z-index: 1000;	
	margin: 0 0 0 27%;
	width: 73%;	
    background:#b49144;
	}

header .navContainer nav>ul>li {
	float: left;	
	position: relative;
	-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;
	width:20%;	
	}

header .navContainer nav:after {
	content: "";
	display: block;
	clear: both;
	}

header .navContainer nav ul li a {
	color: #fff;
	display: block;
	padding: 33px 5px;
	text-decoration: none;
	font-size: 20px;
	font-family: 'futura_icgbold', sans-serif;
	text-transform: uppercase;
	-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;	 
	}
	
header .navContainer nav>ul>li>a {
	text-align:center;
	border-left:solid 1px #3a76a7;
	}
	
header .navContainer nav ul li:hover a {
	color: #fff;
    background: #8fc067;
	}

header .navContainer nav ul li:hover .children {
	display: block;
	z-index:1600;
	}

header .navContainer nav ul li .children {
	display: none;
	background: #000000;
	position: absolute;
	z-index: 1000;
	width: 150%;
	}
	
header .navContainer nav ul li ul li:hover {
	background: #600b2a;
	}

header .navContainer nav ul li .children span {
	display: none;
	}

header .navContainer nav ul li .children li {
	display: block;
	width: 100%;
	border-bottom: 1px solid #ffffff;
	}

header .navContainer nav ul li .children li a {
	margin-left: 30px;
	}
	
@media all and (max-width: 1600px) {
	
header nav ul li a {
	padding: 30px 5px;
	font-size: 14px;	 
	}
	
}

@media all and (max-width: 1350px) {
	
header .navContainer nav ul li a {
	padding: 25px 5px;
	font-size: 12px;	 
	}
    
}

@media all and (max-width: 1225px) {
	
.header-logo {
	top:10px;
	}

header .navContainer nav ul li a {
	padding: 25px 5px;
	font-size: 10px;	 
	}
	
}

@media all and (max-width: 1000px) {

header .navContainer nav ul li a {
	padding: 25px 5px;
	font-size: 8px;	 
	}
    
}

@media all and (max-width: 875px) {

.container {
	margin:93px 0 0 0;
	}	
	
header .navContainer nav ul li i {
	margin-right: 10px;
	display:inline;
	font-size:30px;
	}
	
.header-logo {
	width:250px;
	left:10px;
    top:10px;
	z-index:1500;
	position:fixed;
    padding:0 0 0 0;
    z-index: 9001;
    height:auto;
	} 

.nav-bar {
	display: block;
	width: 100%;
	position: fixed;
	top: 0;
	background: #144060;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    z-index: 9000;
    border-bottom: #3a76a7 solid 1px;
	}

.nav-bar .icofont-navigation-menu {
	display: block;
	padding: 36px 20px;
	color: #fff;
	overflow: hidden;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	float: right;	
	}

header .navContainer nav {
	width: 100%;
	height: auto;
	position: fixed;
	right: 100%;
	top : 93px;
	overflow: hidden;
	overflow:auto;
	margin: 0 0 0 0;
    z-index: 9000;
	}
	
header .navContainer nav ul {
	margin: 0 0 0 0;
	width: 100%;
    border-bottom: 1px solid #3a76a7;
	}	
	
header .navContainer nav ul li {
	display: block;
	border-top: 1px solid #3a76a7;
	width: 100%;
    background: #144060;
	}

header .navContainer ul li a {
	display: block;
	}
	
header .navContainer nav ul li a {
	border-left:none;
	font-size: 17px;
	padding: 15px 15px; 
	color:#fff;    
	}
	
header .navContainer nav>ul>li>a {
	text-align:left;
	}
    
header .navContainer nav ul li:hover a {
	color: #fff;
    background:#8fc067;
	}

header .navContainer nav ul li .children {
	width: 100%;
	position: relative;
	overflow: hidden;
	display: none;	
	z-index:10000;
	}

header .navContainer nav ul li:hover .children {
	display: none;
	}

header .navContainer nav ul li ul li:first-child {
	border-top: 1px solid #ffffff;
	}

header .navContainer nav ul li .children span {
	display: inline-block;
	margin-right: 10px;
	}

header .navContainer nav ul li .children a {
	margin-left: 10px;
	padding: 5px 0;
	}
	
}

/* =sub-page banner
-----------------------------------------------------------------------------*/
.banner {
	padding:5% 5%;
	background:#8fc067 url("img/green-light-hills.jpg") no-repeat bottom center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#fff;
    text-align:center;
    position: relative;    
	}
	
.banner h1 {
	font-size:4em;
	line-height:90%;
	font-family: 'futura_icgbold', sans-serif;
	font-weight: normal;
    text-transform: uppercase;
	} 
    
@media only screen and (max-width: 1200px) {  
	
.banner {
	background:#8fc067 url("img/green-light-hills-1200.jpg") no-repeat bottom center;  
	}

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

.banner {
    padding:10% 5%;
	background:#8fc067 url("img/green-light-hills-750.jpg") no-repeat bottom center;
	}
	
}

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


	
}


/* =events overide
-----------------------------------------------------------------------------*/

.tribe-events .tribe-events-c-search__button {
    background-color: #8fc067;
    color: #fff;
	}

.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
    border: 1px solid #8fc067;
    color: #8fc067;
	}

.tribe-events-event-meta a, .tribe-events-event-meta a:visited {
    color: #8fc067;
	}

.tribe-events-meta-group a {
    color: #8fc067;
	}

/* =content structure
-----------------------------------------------------------------------------*/
.sectionWrapper {
	background:#fff;
	z-index:5000;
	position:relative;
	} 

.darkBlueBg {	    
	background:#144060 url("img/dark-blue-hills-bg.jpg") no-repeat bottom center;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: cover;
	background-size: 100% auto;
	}

.mediumBlueBg {	    
	background:#3a76a7 url("img/blue-lights-hills.jpg") no-repeat bottom center;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: cover;
	background-size: 100% auto;
	}

section {
	width:1700px;
	margin:0 auto;
	padding:4em 0 3em 0;
	position:relative;
    clear: both;
	}

.fiftyFiftySplit {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 0;
    }
    
.fiftyTextArea {
	padding:7.5% 5%;
	}
    
.twoColFifty {
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:2rem;
	}
    
.twoColTwoThirds {
	display: grid;
    grid-template-columns: 3fr 2fr;
    grid-gap:2rem;
	}
    
.twoColTwoThirdsReverse {
	display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap:2rem;
	}
    
.ThreeColumnGrid {    
    margin:0 0 0 0;
	list-style:none;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;    
    grid-gap:2rem;
	}
    
.ThreeColumnGridFull {    
    margin:0 0 0 0;
	list-style:none;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;    
    column-gap: 0;
    row-gap: 0;
	}
    
.FourColumnGrid {    
    margin:0 0 0 0;
	list-style:none;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;    
    grid-gap:2rem;
	}
    
.FourColumnGridFull {    
    margin:0 0 0 0;
	list-style:none;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;    
    grid-gap:0;
	}
    
.imgNoFloat {
    width:100%;
    margin:0 auto 2em auto;
    }
    
.imgFloatRight {
    float:right;
    margin:0 0 2em 2em;
    }
    
.imgFloatLeft {
    float:left;
    margin:0 2em 2em 0;
    }
    
.divider {
	margin:0 0 2em 0;
	border-top:rgba(51, 51, 51, 1.0) solid 2px;
	}
    
@media all and (max-width: 1775px) {
	
section {
	width:90%;
	padding:3em 5% 1em 5%;
	}
	
}

@media all and (max-width: 1200px) {
	
.darkBlueBg {	    
	background:#144060 url("img/dark-blue-hills-bg-1200.jpg") no-repeat bottom center;
	}
	
.mediumBlueBg {	    
	background:#3a76a7 url("img/blue-lights-hills-1200.jpg") no-repeat bottom center;
	}

.fiftyTextArea {
	font-size:90%;
	}
	
}
@media all and (max-width: 875px) {

.fiftyFiftySplit {
    grid-template-columns: 1fr;
	}
	
}

@media all and (max-width: 750px) {
	
.darkBlueBg {	    
	background:#144060 url("img/dark-blue-hills-bg-750.jpg") no-repeat bottom center;
	}
	
.mediumBlueBg {	    
	background:#3a76a7 url("img/blue-lights-hills-750.jpg") no-repeat bottom center;
	}

.twoColFifty {
    grid-template-columns: 1fr;
	}
    
.twoColTwoThirds {
    grid-template-columns: 1fr;
	}
    
.ThreeColumnGrid { 
    grid-template-columns: 1fr;    
    grid-gap:2rem;
	}
    
.imgFloatRight {
    float:none;
    margin:0 auto 2em auto;
    }
    
.imgFloatLeft {
    float:none;
    margin:0 auto 2em auto;
    }
    
.ThreeColumnGridFull {  
    grid-template-columns: 1fr;    
	}
	
}

@media all and (max-width: 500px) {

	
}


/* =blueBorderWhiteBtn
-----------------------------------------------------------------------------*/
a.blueBorderWhiteBtn {
	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;
	line-height:90%;
	text-decoration:none;
    position:relative;
    z-index:5000;
    font-family: 'futura_icgregular', sans-serif;
    font-size:1.25em;
    margin:0 0 2em 0;
    color:#fff;
	border:2px solid #3a76a7;
    background:none;
    padding:15px 30px 15px 30px;
	}
	
a.blueBorderWhiteBtn:hover {
	background:#3a76a7;
	}

/* =greenBorderWhiteBtn
-----------------------------------------------------------------------------*/
a.greenBorderWhiteBtn {
	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;
	line-height:90%;
	text-decoration:none;
    position:relative;
    z-index:5000;
    font-family: 'futura_icgregular', sans-serif;
    font-size:1.25em;
    margin:0 0 2em 0;
    color:#fff;
	border:2px solid #8fc067;
    background:none;
    padding:15px 30px 15px 30px;
	}
	
a.greenBorderWhiteBtn:hover {
	background:#144060;
	}
    
/* =blueBorderBtn
-----------------------------------------------------------------------------*/
a.blueBorderBtn {
	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;
	line-height:90%;
	text-decoration:none;
    position:relative;
    z-index:5000;
    font-family: 'futura_icgregular', sans-serif;
    font-size:1.25em;
    margin:0 0 2em 0;
    color:#3a76a7;
	border:2px solid #3a76a7;
    background:none;
    padding:15px 30px 15px 30px;
	}
	
a.blueBorderBtn:hover {
	background:#3a76a7;
	color:#fff;
	}

    
@media all and (max-width: 1300px) {
    
    a.blueBorderWhiteBtn, a.greenBorderWhiteBtn, a.blueBorderBtn {
    font-size:1.25em;
    padding:16px 20px 16px 20px;
	}
	
}
    
	
@media all and (max-width: 750px) {
    
    a.blueBorderWhiteBtn, a.greenBorderWhiteBtn, a.blueBorderBtn {
    font-size:.85em;
    padding:16px 20px 16px 20px;
	}
	
}

/* =Featured Events
-----------------------------------------------------------------------------*/	

ul.featuredEvents {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;    
    grid-gap:1rem;
	margin:0 0 2em 0;
	}

ul.featuredEvents li {
	position:relative;
	-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;
	}

ul.featuredEvents li:hover {
    opacity:.50;
    filter:alpha(opacity=50); /* For IE8 and earlier */
	}

ul.featuredEvents li a, ul.featuredEvents li a:link, ul.featuredEvents li a:visited {
	text-decoration: none;
	color:#fff;
	}

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

.featuredEventTitle {
	width:90%;
	padding:2% 5%;
	background:rgba(93, 136, 58, 0.8);
	color:#fff;
	font-family: 'futura_icgbold', sans-serif;
	font-weight:normal;
	font-size:1.75em;
	display: block;
	}

.featuredEventDate {
	display:inline-block;
	padding:2% 5%;
	background:rgba(20, 64, 96, 1.0);
	color:#fff;
	font-family: 'futura_icgregular', sans-serif;
	font-weight:normal;
	font-size:20px;
	}

@media all and (max-width: 1775px) {
	
	
.featuredEventTitle {
	font-size:1.5em;
	}

.featuredEventDate {
	font-size:20px;
	}
	
}


@media all and (max-width: 1550px) {
	

.featuredEventTitle {
	font-size:1em;
	}

.featuredEventDate {
	font-size:15px;
	}
	
}

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

.featuredEventTitle {
	font-size:.75em;
	}

.featuredEventDate {
	font-size:10px;
	}
    
}

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

ul.featuredEvents {
	grid-template-columns: 1fr 1fr;
	}
	
}


/* =Typography
-----------------------------------------------------------------------------*/	
	
section h1, .fiftyTextArea h1, .darkBlueBg h1, .mediumBlueBg h1  {
	font-family: 'futura_icgbold', sans-serif;
	font-size:3.5em;
	color:#05315a;
    text-transform: uppercase;
	margin:0 0 .25em 0;
	line-height:90%;
    font-weight: normal;
	}

.darkBlueBg h1, .mediumBlueBg h1  {
	color:#fff;
	}
    
.tipsBg section h1 {
	color:#fff;
    margin:0 0 .5em 0;
	}
    
.post-header-image section h1 {
	color:#fff;
    margin:0 0 .25em 0;
    text-shadow:2px 2px rgba(0,0,0,0.5);
    font-weight: normal;
	}

section h2, .fiftyTextArea h2, .darkBlueBg h2, .mediumBlueBg h2 {
	font-family: 'futura_icgbold', sans-serif;
	font-size:1.5em;
	color:#8fc067;
	margin:0 0 .75em 0;
	line-height:100%;
    font-weight: normal;
	}
	
section h2 a {
	color:#8fc067;
	-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;
	}

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

section h2 a:hover, section h2 a:active {
	text-decoration:none;
	color:#8fc067;
	background:none;
	text-shadow:none;
	}
	
section h3, .fiftyTextArea h3 {
	font-family: 'futura_icgregular', sans-serif;
	font-size:1.5em;
	margin:0 0 0 0;
	font-weight:normal;
	line-height:100%;
	}
    
.center {
    text-align: center;
    }
	
small {
	font-size:80%;
	}
	
section p, .fiftyTextArea p {
	padding:0 0 2em 0;
	}
	
.contentOl {
	padding:.5em 0 2em 1.5em;
	}
	
.contentOl li {
	padding:0 0 .5em 0;
	}
	
ul.contentUl {
	padding:.5em 0 2em 1.5em;
	list-style: disc;
	}
	
ul.contentUl li {
	padding:0 0 .5em 0;
	}
	
.center {
	text-align:center;
	}

	
/* Links */	
		
section p a, .fiftyTextArea p a {
	color:#5d883a;
	padding:1px 2px;
	-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;
	font-weight:bold;
	}

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

section p a:hover, section p a:active, .fiftyTextArea p a:hover, .fiftyTextArea p a:active {
	color:#ffffff;
	background:#5d883a;
	}
	
.contentUl a {
	color:#5d883a;
	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;
	}

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

.contentUl a:hover, .contentUl a:active {
	color:#ffffff;
	background:#5d883a;
	}
	
.contentOl a {
	color:#5d883a;
	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;
	}

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

.contentOl a:hover, .contentOl a:active {
	color:#ffffff;
	background:#5d883a;
	}
	
@media screen and (max-width: 700px) {
	
	
section h1, .fiftyTextArea h1, .darkBlueBg h1, .mediumBlueBg h1  {
	font-size:1.75em;
	}
    
section h2, .fiftyTextArea h2, .darkBlueBg h2, .mediumBlueBg h2 {
	font-size:.75em;
	}
    
section h3, .fiftyTextArea h3 {
	font-size:1em;
	}
    
section p, .fiftyTextArea p {
	font-size:90%;
    padding:0 0 1em 0;
	}
	
}


/* Regular Footer -----------------------------------*/

footer {    
    text-align: center;
    color:#fff;
    position:relative;
    z-index: 5000;
    }
    
.callToAction {
	display:grid;
	grid-template-columns: 1fr 1fr;    
    grid-gap:0;
	}

.callToAction h1 {
	font-size:3.5em;
	margin:0 0 .25em 0;
	padding:0;
	font-family: 'futura_icgbold', sans-serif;
	font-weight:normal;
	line-height:90%;
	color:#fff;
	text-transform: uppercase;
	}

.planFooter {	    
    padding:10%;
	display: grid;
	align-items: center;
	background:#144060 url("img/dark-blue-hills-bg.jpg") no-repeat bottom center;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: cover;
	background-size: 100% auto;
	}
    
.callToAction a.blueBorderWhiteBtn {
	display: inline-block;
	margin:0;
	}

.travelGuideFooter {
	background: #638f3f;
	}

.travelGuideFooter img {
	position:relative;
	bottom:0;
	}
    
.footerBottom {
background: #3a76a7;
background: -moz-linear-gradient(top,  #3a76a7 0%, #164364 100%);
background: -webkit-linear-gradient(top,  #3a76a7 0%,#164364 100%);
background: linear-gradient(to bottom,  #3a76a7 0%,#164364 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a76a7', endColorstr='#164364',GradientType=0 );
    padding:3em 5%;
    }
    
.footerLogo {
	margin:0 auto;
	width:18%;
	padding:0 0 1em 0;
    position: relative;
    z-index: 9000;
	}
	
.footerLinks {
	margin:0 0 .5em 0;
    font-family: 'futura_icgbold', sans-serif;
    font-size: 1.5em;
    color:#8fc067;
    position: relative;
    z-index: 9000;
    text-align: center;
	}
	
.footerLinks a {
	color:#fff;
	text-decoration:none;
	padding:0;
	-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:hover {
	color:#8fc067;
	text-decoration:underline;
	}
    
.footerAddress {
	margin:0 0 .5em 0;
    font-family: 'futura_icgbold', sans-serif;
    font-size: 1.25em;
    color:#8fc067;
    position: relative;
    z-index: 9000;
    text-align: center;
	}
    
.copyRight {
	font-size:80%;
	color:#91c5f0;
    margin:0 0 2em 0;
	}
    
@media all and (max-width: 1200px) {
	
.planFooter {	    
	background:#144060 url("img/dark-blue-hills-bg-1200.jpg") no-repeat bottom center;
	}


.callToAction h1 {
	font-size:2.5em;
	margin:0 0 .25em 0;
	}
	
}

@media all and (max-width: 1100px) {


.callToAction h1 {
	font-size:1.75em;
	margin:0 0 .25em 0;
	}
	
}
    
@media all and (max-width: 750px) {
	
.planFooter {	    
	background:#144060 url("img/dark-blue-hills-bg-750.jpg") no-repeat bottom center;
	}
	
.callToAction {
	grid-template-columns: 1fr;  
	}


.callToAction h1 {
	font-size:1.5em;
	margin:0 0 .25em 0;
	}

}

@media all and (max-width: 700px) {


.footerBottom {
    padding:1.5em 5%;
    }

.footerLogo {
	width:35%;
	}
	
.footerLinks {
    font-size: 1em;
	}
    
.footerAddress {
    font-size: .75em;
	}
	
}
    
    
@media screen and (max-width: 625px) {


.footerPhone {
    font-size: 2em;
    }
			
}


/* Scroll to Top Arrow */

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 80px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(143, 192, 103, 0.8) url("img/cd-top-arrow.svg") no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index:9600;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #ffffff;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}