@Theme Name: 2018 CityLink
@Description: This site was built by Central States Media. For more information about the site or this custom WordPress theme, you can contact Central States Media at: info@centralstatesmedia.com or call us at: 309-693-2345.
@Author: Central States Media
@Author URI: http://www.centralstatesmedia.com/
@Version: 1.0
@Date: August, 2018
@charset "utf-8";
/* CSS Document */

html{margin:0;padding:0;height:100%;width:100%;}

body{
	margin:0;padding:0;
	width:100%;height:100%;
	background:#797d80;
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size: 16px;
}
a, :after, :before, input[type=submit],
.blogimage, .blogimage:before, .gform_next_button, .gform_previous_button{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: snall 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
clear, .clear{clear:both;display: block;}

/*gutenberg*/
.has-burgundy-background-color{background-color:#701d45;}
.has-burgundy-color{color:#701d45;}
.has-red-background-color{background-color: #ea0a2a;}
.has-red-color{color:#ea0a2a;}
.has-gold-background-color{background-color: #f0b246;}
.has-gold-color{color:#f0b246;}
.has-grey-background-color{background-color: #606060;}
.has-grey-color{color:#606060;}
.has-ltgrey-background-color{background-color: #797d80;}
.has-ltgrey-color{color:#797d80;}
.has-green-background-color{background-color: #5faf56;}
.has-green-color{color:#5faf56;}
.has-white-background-color{background-color: #ffffff;}
.has-white-color{color:#ffffff;}

/*COLORS*/

:root{
	--go-button--color--background:#f0b246;
	--go--color--primary:#ffffff;
	
}


/*coblocks*/
.nav-button__next, .nav-button__prev{
	border-radius:0 !important;
	background-color:#701d45 !important;
}
.nav-button__next:hover, .nav-button__prev:hover{background-color:#ea0a2a !important;}

/*COLUMNS*/
.columns{
	display:flex;
	justify-content: space-between;
}
.one-fourth{width:25%;}
.one-third{	width:33%;}
.two-thirds{width:66%}
.one-half{width:50%;}
.three-fourths{width:75%;}

/*ALIGNMENT*/
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-left{text-align: left;}

/*COLORS*/
.text-red{color:#ea0a2a;}
.text-purple{color:#701d45;}
.text-yellow{color:#f0b246;}
.bkgd-red{background-color:#ea0a2a;}
.bkgd-purple{background-color:#701d45;}
.bkgd-yellow{background-color:#f0b246;}

/*HEADER*/
header{background: #fff;box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);position: relative;}

/*ALERTS*/
#alert{
	background:#f0b246;
	padding:15px 5%;
	color:#fff;
	text-align: center;
}
#alert a{color:#fff;font-weight: bold;text-decoration: none; }
#alert a:hover{text-decoration: underline;}
#alert a.button{border:2px solid #fff;color:#fff;padding:5px 15px;margin:0 5px;}
#alert a.button:hover{background:#fff;color:#f0b246;text-decoration: none;}

#alert .alert-red{background-color:#ea0a2a;color:white;display:inline-block;padding:15px 25px;position:relative;}
#alert .alert-red:before{content:"";display:block;width:15px;height:5px;background:white;position:absolute;left:0;top:50%;transform:translate(-50%, -50%);}
#alert .alert-red:after{content:"";display:block;width:15px;height:5px;background:white;position:absolute;right:0;top:50%;transform:translate(50%, -50%);}
.top-bar{
	clear:both;
	width:70%;
	padding:10px 15%;
	text-align: right;
	background:#701d45;
	color:#fff;
	text-transform: uppercase;
	font-size: 0.8em;
}
.top-bar a{
	color:#fff;text-decoration: none;
}
.top-bar a.button{letter-spacing: 2px;border:2px solid #f0b246;padding:5px 20px;box-sizing: border-box;position: relative;z-index: 2;display: inline-block;margin:0;}
.top-bar a.button:after{content:"";display: block; position: absolute;width:100%;height:0%;background:#f0b246;left:0;bottom:0;z-index: -1;}
.top-bar a.button:hover{color:#701d45;}
.top-bar a.button:hover:after{height:100%;}

.top-bar .facebook{
	width:30px;height:30px;
	border-radius: 100%;
	display: inline-block;
	background:url(images/icon-facebook.svg) no-repeat;
	background-position: center;
	background-size: 30%;
	background-color:#fff;
	vertical-align: middle;
	margin:0 5px;
}
.top-bar .twitter{
	width:30px;height:30px;;
	border-radius: 100%;
	display: inline-block;
	background:url(images/icon-twitter.svg) no-repeat;
	background-position: center;
	background-size: 55%;
	background-color:#fff;
	vertical-align: middle;
	margin:0 5px;
}
.top-bar .youtube{
	width:30px;height:30px;
	border-radius: 100%;
	display: inline-block;
	background:url(images/icon-youtube.svg) no-repeat;
	background-position: center;
	background-size: 50%;
	background-color:#fff;
	vertical-align: middle;
	margin:0 5px;
}
.top-bar .linkedin{
	width:30px;height:30px;
	border-radius: 100%;
	display: inline-block;
	background:url(images/icon-linkedin.svg) no-repeat;
	background-position: center;
	background-size: 50%;
	background-color:#fff;
	vertical-align: middle;
	margin:0 15px 0 5px;
}
.top-bar .facebook:hover{background-color:#f0b246;background-size:40%;}
.top-bar .twitter:hover{background-color:#f0b246;background-size:65%;}
.top-bar .youtube:hover{background-color:#f0b246;background-size:60%;}
.top-bar .linkedin:hover{background-color:#f0b246;background-size:60%;}

.header-nav{padding:0px 15%;box-shadow: 0 0 15px 0 rgba(0,0,0,0.6);position: relative;z-index: 2;}
.logo{
	width:20%;
	/*height:75px;*/
	height:120px;
	background:url("images/logo-CL.svg") no-repeat;
	/*background:url("images/CL_50thLogo.png") no-repeat;*/
/* 	background:url(images/logo-citylink.svg) no-repeat; */
	background-size: contain;
	background-position: center;
	padding:10px 0;
}
/*.logo:hover{background-size:auto 53%;}*/

.mobile-nav-icons{display:none;justify-content: space-between;width:15%;flex-wrap: nowrap;}
.mobile-alert-icon{
	display: block;
	width:40%;height:50px;
	background:url(images/icon-alert-yellow.svg) no-repeat;
	background-size: contain;
	background-position: center;
	align-self: center;
	cursor: pointer;
}
.mobile-nav-icon{
	display: block;
	width:40%;height:50px;
	background:url(images/icon-mobile-menu.svg) no-repeat;
	background-size: contain;
	background-position: center;
	align-self: center;
}

/*MAIN NAVIGATION*/
.nav{
	width:75%;
}
.nav .menu-main-menu-container{height:100%;}
.nav ul{
	display:flex;
	list-style: none;
	margin:0;padding:0;
	justify-content: space-between;
	align-items: stretch;
	align-content: center;
	position: relative;
	width:100%;
	height:100%;
	box-sizing: border-box;
	z-index: 10000;
	background: #fff;
}
.nav div ul > li{flex:1 1 auto;align-self: stretch;margin: 0 2%;align-content: center;
	display:flex;justify-content: center;flex-direction: column;}
.nav ul a{
	display: block;
	text-decoration: none;
	color:#474747;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 700;
	letter-spacing: 1px;
	position: relative;
}
.nav ul li.icon-location:before{
	content:"";
	display: block;
	background:url(images/icon-location.svg) no-repeat;
	background-size: 60%;
	background-position: center;
	width:30px;height: 30px;
	/*margin:15px 0 5px 0;*/
	margin: 0 0 5px 0;	
}
.nav ul li.icon-tickets:before{
	content:"";
	display: block;
	background:url(images/icon-tickets.svg) no-repeat;
	background-size: 80%;
	background-position: center;
	width:30px;height: 30px;
	/*margin:15px 0 5px 0;*/
	margin: 0 0 5px 0;
}
.nav ul li.icon-passengers:before{
	content:"";
	display: block;
	background:url(images/icon-passengers.svg) no-repeat;
	background-size: 90%;
	background-position: center;
	width:30px;height: 30px;
	/*margin:15px 0 5px 0;*/
	margin: 0 0 5px 0;
}
.nav ul li.icon-bus:before{
	content:"";
	display: block;
	background:url(images/icon-bus.svg) no-repeat;
	background-size: 80%;
	background-position: center;
	width:30px;height: 30px;
/* 	margin:15px 0 5px 0; */
	margin: 0 0 5px 0;
}
.nav ul li.icon-info:before{
	content:"";
	display: block;
	background:url(images/icon-info.svg) no-repeat;
	background-size: 40%;
	background-position: center;
	width:30px;height: 30px;
/* 	margin:15px 0 5px 0; */
	margin: 0 0 5px 0;
}
.nav ul li.icon-mobility:before{
	content:"";
	display: block;
	background:url("images/icon-wheelchair.svg") no-repeat;
	background-size: 90%;
	background-position: center;
	width:30px;height: 30px;
/* 	margin:15px 0 5px 0; */
	margin: 0 0 5px 0;
}
.nav ul li.icon-phone-red:before{
	content:"";
	display: block;
	background:url(images/icon-phone-red.svg) no-repeat;
	background-size:35%;
	background-position: center;
	width:30px;height: 30px;
/* 	margin:15px 0 5px 0; */
	margin: 0 0 5px 0;
}
.nav ul li:hover:before{background-size:contain;}
.nav > div > ul > li:hover:after{
	content:"";
	display:block;
	z-index: 2;
	position: absolute;
	bottom:-16px;
	width:0;height:0;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:17px solid #fff;
	
}
.nav li:hover > a,d
.nav a:focus {
		color:#701d45;
	}
.nav ul li:hover ul {
	opacity: 1;
	visibility: visible;
	transform:scaleY(1);
	height:auto;
	}
.nav ul ul{
	display: flex;
	position: absolute;
	width:100%;height:0;
	left:0;top:100%;
	padding:5% 25% 5% 2%;
	justify-content: flex-start;
	background:#474747;
	z-index: 0;
	flex-wrap: wrap;
	align-content: flex-start;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transform:scaleY(0);
	 -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
.nav ul ul:before{
	content:"";
	display:block;
	position: absolute;
	z-index: 20000;
	width:100%;height:10px;
	left:0;top:-10px;
	box-shadow: 0 5px 20px 5px rgba(0,0,0,0.9);
}
.nav ul ul li{align-self: flex-start;width:30%;padding:0 0 5px 0;}
.nav ul ul li:nth-child(even){border-left:4px solid #f6f6f6; padding-left: 5%;}
.nav ul ul li:hover > a,d
.nav ul ul a:focus {
		color:#f0b246;
	}
.nav ul li.icon-location > ul:after{
	content:"";
	display: block;
	position: absolute;
	right:5%;top:0;
	z-index: -1;
	width:40%;height:100%;
	background:url(images/icon-location-white.svg) no-repeat;
	background-position: bottom right;
	background-size: contain;
	opacity: 0.1;
}
.nav ul li.icon-tickets > ul:after{
	content:"";
	display: block;
	position: absolute;
	right:5%;top:0;
	z-index: -1;
	width:40%;height:100%;
	background:url(images/icon-tickets-white.svg) no-repeat;
	background-position: bottom right;
	background-size: contain;
	opacity: 0.1;
}
.nav ul li.icon-passengers > ul:after{
	content:"";
	display: block;
	position: absolute;
	right:5%;top:0;
	z-index: -1;
	width:40%;height:100%;
	background:url(images/icon-passengers-white.svg) no-repeat;
	background-position: bottom right;
	background-size: contain;
	opacity: 0.1;
}
.nav ul li.icon-bus > ul:after{
	content:"";
	display: block;
	position: absolute;
	right:5%;top:0;
	z-index: -1;
	width:40%;height:100%;
	background:url(images/icon-bus-white.svg) no-repeat;
	background-position: bottom right;
	background-size: contain;
	opacity: 0.1;
}
.nav ul li.icon-info > ul:after{
	content:"";
	display: block;
	position: absolute;
	right:5%;top:0;
	z-index: -1;
	width:40%;height:100%;
	background:url(images/icon-info-white.svg) no-repeat;
	background-position: bottom right;
	background-size: contain;
	opacity: 0.1;
}
.nav ul li.icon-mobility > ul:after{
	content:"";
	display: block;
	position: absolute;
	right:5%;top:0;
	z-index: -1;
	width:40%;height:100%;
	background:url(images/icon-wheelchair-white.svg) no-repeat;
	background-position: bottom right;
	background-size: contain;
	opacity: 0.1;
}
.nav ul li.icon-phone-red > ul:after{
	content:"";
	display: block;
	position: absolute;
	right:5%;top:0;
	z-index: -1;
	width:40%;height:100%;
	background:url(images/icon-phone-white.svg) no-repeat;
	background-position: bottom right;
	background-size: contain;
	opacity: 0.1;
}
.nav ul ul a{
	text-align: left;
	color:#f6f6f6;
	padding:5px 0;
}
.nav ul ul ul{
	display:block;
	position: relative;
	width:100%;height:auto;
	padding:0;
	top:0;
	background:none;
	transform: none;}
.nav ul ul ul li{margin:0;width:100%;border-left:0 !important;padding:0 !important;}
.nav ul ul ul a{padding:0;font-weight: 400;text-transform: none;color:#ccc;}
.nav ul ul ul ul,
.nav ul ul ul:before{display:none;}
.nav ul ul li.alerts-menu ul{display:none;}
.mobile-nav{
	display:none;
	position: fixed;
	width:100%;
	height:100%;
	overflow: auto;
	background:#701d45;
	z-index: 10000;
	box-sizing: border-box;
	padding:8% 10%;
}
.mobile-nav .close{
	position: absolute;
	right:1%;top:1%;
	width:25px;height:25px;
	line-height: 25px;
	text-align: center;
	background:none;
	border:2px solid #fff;
	color:#fff;font-weight: 700;
	text-decoration: none;
}
.mobile-nav ul{
	list-style: none;
	margin:0;
	padding:0;
}
.mobile-nav ul a{
	display:block;
	background:#fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	color:#474747;
	font-weight: 700;
	box-sizing: border-box;
	padding:15px 5% 15px 40px;
	margin:15px 0;
	position: relative;
}
.mobile-nav ul ul a{
	background:none;
	border:2px solid #fff;color:#fff;
	text-align: center;
	padding:15px 5%;
}
.mobile-nav ul ul ul a{
	background:#474747;
}
.mobile-nav > div > ul > li > a:before{
	content:"";
	display:block;
	position: absolute;
	left:-5px;top:50%;transform: translateY(-50%);
	width:30px;height:30px;
	border:2px solid #fff;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.6);
}
.mobile-nav ul > li.icon-location > a:before{
	background:url(images/icon-location-white.svg) no-repeat;
	background-color:#ea0a2a;
	background-size: 40%;
	background-position: center;
}
.mobile-nav ul > li.icon-tickets > a:before{
	background:url(images/icon-tickets-white.svg) no-repeat;
	background-color:#ea0a2a;
	background-size: 60%;
	background-position: center;
}
.mobile-nav ul > li.icon-passengers > a:before{
	background:url(images/icon-passengers-white.svg) no-repeat;
	background-color:#ea0a2a;
	background-size: 70%;
	background-position: center;
}
.mobile-nav ul > li.icon-bus > a:before{
	background:url(images/icon-bus-white.svg) no-repeat;
	background-color:#ea0a2a;
	background-size: 60%;
	background-position: center;
}
.mobile-nav ul > li.icon-info > a:before{
	background:url(images/icon-info-white.svg) no-repeat;
	background-color:#ea0a2a;
	background-size: 40%;
	background-position: center;
}
.mobile-nav ul > li.icon-mobility > a:before{
	background:url(images/icon-wheelchair-white.svg) no-repeat;
	background-color:#ea0a2a;
	background-size: 40%;
	background-position: center;
}
.mobile-nav ul > li.icon-phone-red > a:before{
	background:url(images/icon-phone-white.svg) no-repeat;
	background-color:#ea0a2a;
	background-size: 30%;
	background-position: center;
}

/*subheader*/
.subheader{padding:0px 15% 0px 15%;font-size:0.8em;color:#474747;justify-content: flex-end;}
.subheader {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	justify-items: center;
}
.search{
	background:#e5e5e5;
	position: relative;
	width:100%;}
.search input[type=text]{
	background:none;border:0;
	outline: none;
	-webkit-appearance:none;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size:0.8em;
	position: absolute;
	right:25%;
	width:75%;
	height:100%;
}
.search input[type=submit]{
	position: absolute;
	right:0;
	top:0;
	width:30px;height:100%;
	background:url(images/icon-search.svg) no-repeat;
	background-position: center;
	background-size:50%;
	background-color:#ea0a2a;
	border:0;
	cursor: pointer;	
}
.search input[type=submit]:hover{background-size: 60%;background-color:#f0b246;}
.search input[type="text"] {
	  right: 50px;
	  width: 100%;
	}

.language {
  display: flex;
	gap: 10px;
	align-items: center;
  position: relative;
}
#gt-wrapper-30512744 {
  max-width: min-content !important;
}
.language{text-transform: uppercase;color:#8a8a8a;font-weight: 700;letter-spacing: 2px;text-align: right;min-width:20%;margin:0 2%;padding:10px 0 10px 0;}
.language:before{content:"";display:inline-block;left:-25px;width:15px;height:15px;background:url(images/icon-globe-yellow.svg) no-repeat;background-size:contain;background-position: center; vertical-align: middle;margin:0 0 0 5px;}
#gtranslate_selector{
	border:0 !important;
	text-align: right;
	padding:5px;
	box-sizing: border-box;
	color:#8a8a8a;font-size:0.9em;
	outline:0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-ms-word-break: normal;
  	word-break: normal;}

#gtranslate_selector::-ms-expand {
display: none;
}
.subheader .phone{color:#000;text-decoration: none;font-weight: 700;letter-spacing: 2px;padding:16px 0 8px 0;margin-right: 20px;}

.subheader .weather{text-transform: uppercase;color:#8a8a8a;letter-spacing: 2px;padding:5px 0 0px 0;margin-right:auto;display:flex;align-items: center;}
.subheader .weather #wpc-weather{line-height: normal !important;padding:0 !important;margin:0 !important;display:flex;justify-content: flex-start;flex-wrap: nowrap;align-items: center;}
.subheader .weather #wpc-weather .now {display:flex;flex-wrap: nowrap;}
.subheader .weather #wpc-weather .now .time_symbol svg{margin:0 !important;width:30px !important;height:30px !important;}
.subheader .weather #wpc-weather .now .time_symbol{text-align: left !important;}
.subheader .weather #wpc-weather .time_temperature{display:inline-block !important;font-size:18px !important;
	vertical-align: middle !important;align-self: center;margin:0 5px 0 0 !important;}
.subheader .weather #wpc-weather .now .time_temperature::after{vertical-align: middle !important;position: relative;top:-3px;margin-left:0 !important;content:"\00B0 F" !important;font-family: "Myriad Pro", Helvetica, Arial, sans-serif !important;font-size:10px !important;}
.subheader .weather #wpc-weather .location_name{display:none !important;}
.subheader .weather #wpc-weather .short_condition{font-size:14px !important;align-self: center;margin:0 0 0 5px !important;display:none !important;}

/*HOMEPAGE*/
.slider{
	border-bottom:150px solid #fff;
	position: relative;
	padding:50px 0 0 0;
	background: #fff;
}
.slider-images{
	position: absolute;
	left:0;top:0;
	z-index: 0;
	width:100%;
	height:100%;
	overflow: hidden;
	background:url(images/default-header.jpg);
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: top center !important;
	background-color:#000;
}
.slider-images img{width: 100%;height:auto;}
.slider-images:after{
	content:"";
	display: block;
	position: absolute;
	width:100%;
	height:5px;
	bottom:-5px;
	left:0;
	box-shadow: 0 -15px 150px 100px rgba(0,0,0,1);
}

.icon-plan-trip{
	width:25%;height:100px;margin:0px auto 15px auto;
	background:url(images/icon-route.svg) no-repeat;
	background-size: contain;
	background-position: center;
	position: relative;
	z-index: 1;
}
.slider h2{
	color:#fff;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
	font-size: 1.5em;
	position: relative;
	z-index: 1;
	margin:0;
}
.trip-planner{
	clear: both;
	text-align: center;
	padding:15px 20%;
	position: relative;
	z-index: 1;
}
.plantrip{
	clear:both;
	text-align: center;
	padding:5px 20%;
	position: relative !important;
	z-index: 1 !important;
	left:0 !important;
	background:#e7e7e8;
	font-size: 1em !important;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.6);
	box-sizing: border-box;
}
.trip-planner label, .plantrip label{display:none !important;}
.trip-planner ul, .plantrip ul{
	display:flex !important;
	justify-content: space-around !important;
	list-style: none !important;
	margin:0 0 30px 0 !important;padding:0 !important;}

.trip-planner li, .plantrip li{box-sizing: border-box !important;position: relative !important;margin:0 !important;}
.trip-planner li div, .plantrip li div{padding:0 !important;margin:0 !important;}

.trip-planner input[type=text], .plantrip input[type=text]{
	border:0 !important;
	text-transform: uppercase !important;font-weight: bold !important;font-size: 0.7em !important;
	width:100% !important;
	padding:10px 0 !important;
	display:inline-block !important;
}
.trip-planner li:nth-child(1), .plantrip li:nth-child(1),
.trip-planner li:nth-child(3), .plantrip li:nth-child(3){width:45% !important;box-sizing: border-box !important;padding:0px 25px !important;background:#fff !important;text-align: left !important;}
.trip-planner li:nth-child(1):before, .plantrip li:nth-child(1):before,
.trip-planner li:nth-child(3):before, .plantrip li:nth-child(3):before{content:"" !important;display:block !important;margin:0 5px !important;width:10px !important;height:10px !important;border-radius: 100% !important;position: absolute !important;left:2px !important;top:40% !important;}
.trip-planner li:nth-child(1):before, .plantrip li:nth-child(1):before{background:#99bd25 !important;}
.trip-planner li:nth-child(3):before, .plantrip li:nth-child(3):before{background:#ea0a2a !important;}
.trip-planner li:nth-child(2), .plantrip li:nth-child(2){width:10% !important;padding-right:0 !important;}
.trip-planner .arrow, .plantrip .arrow{
	display:block;
	width:100%;
	height:80%;
	background:url(images/icon-arrow-right.svg) no-repeat;
	background-position: center;
	background-size: 40%;
	background-color:#f0b246;
	position: relative;
	top:10%;
}
.trip-planner .gform_footer, .content .gform_footer, .plantrip .gform_footer{text-align: center;}
.plantrip .gform_footer{margin:0 0 -50px 0 !important;}
.trip-planner input[type=submit], .plantrip input[type=submit],
.content input[type=submit], .gform_next_button, .gform_previous_button{
	clear:both;
	cursor: pointer;
	background:#f0b246;
	background-color:#f0b246;
	color:#fff;
	text-transform: uppercase;
	font-weight: 700;
	border:0;
	padding:8px 25px;
	letter-spacing: 2px;
	-webkit-appearance:none;
	outline:0;
}
.trip-planner #left-panel,
.trip-planner #map, .hidemap #map, #hiddenmap{display:none !important;}
#RouteMap{border:0;display:block;}

.trip-planner input[type=submit]:hover,
.plantrip input[type=submit]:hover,
.content input[type=submit]:hover,
.gform_next_button:hover,
.gform_previous_button:hover{background:#ea0a2a;background-color:#ea0a2a;padding:8px 35px;}

#maparea{position: relative;height:600px;width:100%;overflow: hidden;background:#fff;}
#map { height: 600px;margin:0;}
.gm-style{font: inherit !important;}
#left-panel {
        line-height: 30px;
		box-sizing: border-box;
		height: 100%;
		background:#fff;
        float: left;
        width: auto;		
		max-width: 30%;
        overflow: auto;
      }
#left-panel > div{padding:15px;}

#left-panel select, #left-panel input {font-size: 15px; }

#left-panel select {width: 100%; }

#left-panel i {  font-size: 12px;   }
     
@media print {
        #map { height: 500px; margin: 0;     }
        #left-panel {      float: none;      width: auto;      }
 }

.slider .columns{
	padding:0 15%;
	justify-content: center;
	margin:0 0 -130px 0;
	position: relative;
	z-index: 2;
}
.slider .callout{
	width:40%;
	margin:100px 4% 0 4%;
	text-align: center;
	background:#fff;
	color:#474747;
	font-size: 1em;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
	box-sizing: border-box;
	padding:65px 5% 75px 5%;
	position: relative;
	line-height: 2em;	
}
.slider .callout h3{
	text-transform: uppercase;
	color:#474747;
	letter-spacing: 2px;
	padding:0 0 5px 0;
}

.slider .callout.red h3{border-bottom: 5px solid #ea0a2a;}
.slider .callout.purple h3{border-bottom: 5px solid #701d45;}
.slider .callout.yellow h3{border-bottom: 5px solid #f0b246;}
.slider .callout.gray h3{border-bottom: 5px solid #363636;}
.slider .callout p{margin:0;font-size:0.8em;line-height: 2em;}
.slider .callout a.button{
	position: absolute;bottom:15px;left:0;right:0;margin:0 auto;
	background:#c4c4c4;color:#474747;text-transform: uppercase;text-decoration: none;padding:5px 15px;
	letter-spacing: 2px;font-size: 0.8em;display:inline-block;width:40%;}
.slider .callout a.button:hover{width:50%;color:#fff;}
.slider .callout.red a.button:hover{background:#ea0a2a;}
.slider .callout.purple a.button:hover{background:#701d45;}
.slider .callout.yellow a.button:hover{background:#f0b246;}
.slider .callout.gray a.button:hover{background:#363636;}

.slider .icon-bus-stop{
	width:130px;height:130px;
	position: absolute;
	top:-65px;right:0;left:0;margin:0 auto;
	background:url(images/icon-bus-route.svg) no-repeat;
	background-size: 70%;background-position: center;
	background-color:#ea0a2a;
	border:4px solid #fff;
	box-sizing: border-box;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
}
.slider .icon-fares{
	width:130px;height:130px;
	position: absolute;
	top:-65px;right:0;left:0;margin:0 auto;
	background:url(images/icon-fares.svg) no-repeat;
	background-size: 70%;background-position: center;
	background-color:#701d45;
	border:4px solid #fff;
	box-sizing: border-box;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
}
.slider .icon-station{
	width:130px;height:130px;
	position: absolute;
	top:-65px;right:0;left:0;margin:0 auto;
	background:url(images/icon-station.svg) no-repeat;
	background-size: 70%;background-position: center;
	background-color:#f0b246;
	border:4px solid #fff;
	box-sizing: border-box;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
}
.slider .icon-news{
	width:130px;height:130px;
	position: absolute;
	top:-65px;right:0;left:0;margin:0 auto;
	background:url(images/icon-news.svg) no-repeat;
	background-size: 70%;background-position: center;
	background-color:#363636;
	border:4px solid #fff;
	box-sizing: border-box;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
}

/*TOP IMAGE*/
.featured{
	clear:both;
	width:100%;
}
.featured.default{max-height: 450px;overflow: hidden;}
.featured img{width:100%;height:auto;display:block;}

/*ALERTS*/
#alerts{
	position: fixed;
	width:5%;
	right:0;
	top:50%;
	transform: translateY(-50%);
	background:#f0b246;
	color:#fff;
	text-align: center;
	z-index: 20000;
}
#alerts .icon-alert{
	display:block;
	width:100%;
	height:70px;
	background:url(images/icon-alert.svg) no-repeat;
	background-size: 70%;
	background-position: center;
	background-color:#f0b246;
	padding:10px 5px;
	box-sizing: border-box;
	position: relative;
	text-decoration: none;
	color:#fff;
}
#alerts .alert-number{
	background:#ea0a2a;
	border-radius: 100%;
	font-weight: 700;
	padding:3px 5px 1px 5px;
	line-height: 1em;
	position: absolute;
	right:5px;top:10px;
	font-size:0.9em;
}
.mobile-alerts .icon-alert{
	text-transform: uppercase;
	color:#fff;
	letter-spacing: 2px;
	font-weight: 700;
	text-align: center;
	padding:12px 5%;
	font-size: 1.5em;
}
.mobile-alerts .icon-alert:before{
	content:"";
	display:inline-block;
	background:url(images/icon-alert.svg) no-repeat;
	width:30px;height:30px;
	background-size:contain;
	vertical-align: middle;
	margin:0 15px 0 0;
}
.mobile-alerts .alert-number{
	background:#ea0a2a;
	border-radius: 100%;
	font-weight: 700;
	padding:7px 4px 5px 5px;
	line-height: 0.6em;
	font-size:0.6em;
	display: inline-block;
	margin:0 0 0 5px;
	position: relative;
	top:-8px;
}
#alerts .routes,
.mobile-alerts .routes{
	width:100%;
	background:#f0b246;
	box-sizing: border-box;
	padding:5px 10px 0 10px;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}
#alerts .routes:before,
.mobile-alerts .routes:before{
	content:"";
	display: block;
	width:100%;
	height:5px;
	box-shadow: 0 0px 10px 5px rgba(0,0,0,0.2);
	position: absolute;
	top:-5px;left:0;
}
#alerts .icon-bus{
	display:block;
	background:#f0b246;
	color:#fff;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: 700;
	padding:10px 0;
	line-height: 25px;
	border-bottom:3px solid #5d5d5d;
}
.mobile-alerts .icon-bus{
	display:block;
	background:#f0b246;
	color:#fff;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: 700;
	padding:10px 3%;
	line-height: 25px;
	text-align: center;
	border:3px solid #fff;
	margin:15px 0;
}
#alerts .icon-wheelchair{
	display:block;
	background:#f0b246;
	color:#fff;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: 700;
	padding:10px 0;
	line-height: 25px;
	border-bottom:3px solid #5d5d5d;
}
.mobile-alerts .icon-wheelchair{
	display:block;
	background:#f0b246;
	color:#fff;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: 700;
	padding:10px 3%;
	line-height: 25px;
	text-align: center;
	border:3px solid #fff;
	margin:15px 0;
}
#alerts .routes a:last-child{border-bottom: 0;}
#alerts .icon-bus:before{
	content:"";
	display: inline-block;
	background:url(images/icon-bus-white.svg)no-repeat;
	width:45%;height:25px;
	background-size: contain;
	background-position: center;
	vertical-align: middle;
	margin:0 5px 0 0;	
}
.mobile-alerts  .icon-bus:before{
	content:"";
	display: inline-block;
	background:url(images/icon-bus-white.svg)no-repeat;
	width:30px;height:30px;
	background-size: contain;
	background-position: left;
	vertical-align: middle;
	margin:0 5px 0 0;	
}
#alerts .icon-wheelchair:before{
	content:"";
	display: inline-block;
	background:url(images/icon-wheelchair-white.svg)no-repeat;
	width:45%;height:25px;
	background-size: contain;
	background-position: center;
	vertical-align: middle;
	margin:0 5px 0 0;	
}
.mobile-alerts  .icon-wheelchair:before{
	content:"";
	display: inline-block;
	background:url(images/icon-wheelchair-white.svg)no-repeat;
	width:30px;height:30px;
	background-size: contain;
	background-position: left;
	vertical-align: middle;
	margin:0 5px 0 0;	
}
#alerts .icon-bus:hover{color:#ea0a2a;}
#alerts .icon-bus:hover:before{background:url(images/icon-bus-red.svg)no-repeat;background-size:contain;background-position: center;}

.mobile-alerts{
	display:none;
	position: fixed;
	width:100%;height:100%;
	box-sizing: border-box;
	padding:0;
	background:#f0b246;
	z-index: 20000;
	overflow: auto;
}
.mobile-alerts .close{position: absolute;right:2%;top:12px;font-weight: 700;color:#fff;border:2px solid #fff;padding:2px 5px;text-decoration: none;}

/*CONTENT*/
.content{
	clear:both;
	padding:40px 15%;
	background:#fff;
	position: relative;
}
.content .padded{padding:10px 5%;}
.content h1{
	color:#701d45;
	/*border-bottom: 4px solid #f0b246;*/
	/*display: inline-block;*/
	text-align: center;
	margin:0 auto;
	padding:0 0 15px 0;
	font-size: 1.3em;
	position: relative;
}
.content h1 span{color:#ea0a2a;}
.content h1:after{
	content:"";
	display:block;
	width:225px;
	height:4px;
	background:#f0b246;
	margin:10px auto 0 auto;
}
.content h2{
	color:#701d45;
	margin:5px 0;
	font-size:1.5em;
}
.content h3{
	color:#ea0a2a;
	margin:5px 0;
	font-size:1.5em;
}
.content h4{
	color:#f0b246;
	margin:5px 0;
	font-size:1.5em;
}
.content h5{
	color:#606060;
	margin:5px 0;
	font-size:1.5em;
}
.content h6{
	color:#606060;
	margin:5px 0;
	font-size:1.3em;
	font-weight: normal;
}
.content a{color:#701d45;text-decoration: none;font-weight: bold;}
.content a:hover{color:#ea0a2a;}

.content ul.no-bullets{list-style:none;padding:0;}
.content ul{list-style-image: url(images/bullets.jpg);}
.content ul li{padding:5px 0;}

.content hr{
	clear:both;
	margin:10px 0;
	width:100%;
	height:4px;
	background:#f3f3f3;
	border:0;
}

.content a.button,
.content a.wp-block-button__link{
	clear:both;
	display:inline-block;
	cursor: pointer;
	background:#f0b246;
	background-color:#f0b246;
	color:#fff;
	text-transform: uppercase;
	font-weight: 700;
	border:0;
	padding:10px 25px 6px 25px;
	letter-spacing: 2px;
	-webkit-appearance:none;
	outline:0;
	margin:10px 5px 10px 0;
	border-radius:0;
}
.content a.button.gray{background:#797d80;}
.content a.button:hover,
.content a.wp-block-button__link:hover{background:#ea0a2a !important;background-color:#ea0a2a;color:#fff !important;}

.content .wp-caption{
	font-style: italic;
	font-size: 0.9em;
	border:3px solid #ccc;
	text-align:center;
	
}
.content figcaption{
	text-align:center;
	font-style: italic;
	font-size: 0.9em;
	
}
.content .content-column .wp-caption{width:100% !important;}
.content .wp-caption img{width:100%;display:block;}
.content .wp-caption-text{border-top:0;box-sizing: border-box;padding:10px;color:#666;position: relative;margin:0;}
.content .wp-caption-text:before{content:"\25b2";color:#fff;display: block;
position: absolute;width:100%;top:-25px;left:0;text-align: center;font-size:2em;}

.alignright{
                margin:0 0 0.5em 1em;
                padding:0px;
                float:right;
                border:0;}

.alignleft{
                margin:0 1em 0.5em 0;
                padding:0px;
                float:left;
                border:0;}

.aligncenter{
                display:block;
                margin-left:auto;
                margin-right:auto;
                padding:0px;
                border:0;}
.content img{max-width: 100%;height:auto;}
.content iframe{max-width: 100%;}

.content table{
	border:2px solid #701d45;
	box-sizing: border-box;
	margin:15px 0;
}
.content table th{background:#701d45;color:#fff;padding:5px;box-sizing: border-box;text-align: left;}

.gform_wrapper table.gfield_list thead th {background:none;color:inherit;}
.gform_wrapper table.gfield_list tr{background:none !important;}
.gform_wrapper .gsection{border-bottom: 0 !important;}
.gform_wrapper .gsection h2.gsection_title{background: #701d45;color:#fff;text-transform: uppercase;padding:5px !important;box-sizing: border-box;}
.gform_wrapper .percentbar_blue{background-color:#ea0a2a !important;}


.content table td{padding:5px;box-sizing: border-box;}
.content table tr:nth-child(odd){background:#f0f0f0;}

/*ROUTES*/
.routeinfo{padding-top:90px !important;}
.routenum{
	background:#606060;
	color:#fff;
	font-size: 3em;
	display:inline-block;
	text-align: center;
	width:100px;height:100px;
	line-height: 100px;
	border:5px solid #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.8);
	position: absolute;
	top:-50px;left:0;right:0;
	margin:0 auto;
	font-weight: 700;
}
.route-highlights{	clear:both;color:#797d80;font-size:0.9em;text-transform: uppercase;}
.route-highlights ul{list-style: none;display:flex;margin:0;padding:0;justify-content: center;flex-wrap: wrap;}
.route-highlights ul li:after{content:"|";color:#f0b246;padding:0 5px;font-weight: 700;}
.route-highlights ul li:last-child:after{display: none;}

/*SIDEBAR*/
.sidebar{
	background:#f3f3f3;
	margin:0 5% 0 0;
	position: relative;
}
.sidebar:after{
	content:"";
	display: block;
	position: absolute;
	right:0;top:0;
	width:5%;height:100%;
	z-index: 0;
	background:#fff;
}
.snav ul{
	list-style: none;
	margin:0;padding:0 5% 0 0;
	position: relative;
	z-index: 1;
}
.snav ul li{position: relative;display:none;}
.snav ul li.current-menu-item,
.snav ul li.current-menu-ancestor,
.snav ul li.current-menu-parent,
.snav ul li.current-menu-item > ul > li,
.snav ul li.current-menu-ancestor > ul > li,
.snav ul li.current-menu-parent > ul > li,
.sidebar.alerts-type .snav ul li.icon-location,
.sidebar.alerts-type .snav ul li.icon-location > ul > li{display:block;}
.sidebar.archive .snav ul li.icon-info,
.sidebar.archive .snav ul li.icon-info > ul > li{display:block;}
.sidebar.archive .snav ul li.icon-mobility,
.sidebar.archive .snav ul li.icon-mobility > ul > li{display:block;}
.snav ul a{
	display:block;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 1em;
	padding:15px 5% 15px 40px;
	background:#701d45;
	color:#fff;
	position: relative;
	box-sizing: border-box;
}
.snav > div > ul > li > a:before{
	content:"";
	display:block;
	position: absolute;
	left:-5px;top:50%;transform: translateY(-50%);
	width:30px;height:30px;
	border:2px solid #fff;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.6);
}
.snav ul > li.icon-location > a:before{
	background:url(images/icon-location-white.svg) no-repeat;
	background-color:#ea0a2a;
	background-size: 40%;
	background-position: center;
}
.snav ul > li.icon-tickets > a:before{
	background:url(images/icon-tickets-white.svg) no-repeat;
	background-color:#ea0a2a;
	background-size: 60%;
	background-position: center;
}
.snav ul > li.icon-passengers > a:before{
	background:url(images/icon-passengers-white.svg) no-repeat;
	background-color:#ea0a2a;
	background-size: 70%;
	background-position: center;
}
.snav ul > li.icon-bus > a:before{
	background:url(images/icon-bus-white.svg) no-repeat;
	background-color:#ea0a2a;
	background-size: 60%;
	background-position: center;
}
.snav ul > li.icon-info > a:before{
	background:url(images/icon-info-white.svg) no-repeat;
	background-color:#ea0a2a;
	background-size: 40%;
	background-position: center;
}
.snav ul > li.icon-mobility > a:before{
	background:url(images/icon-wheelchair-white.svg) no-repeat;
	background-color:#ea0a2a;
	background-size: 60%;
	background-position: center;
}
.snav ul > li.icon-phone-red > a:before{
	background:url(images/icon-phone-white.svg) no-repeat;
	background-color:#ea0a2a;
	background-size: 30%;
	background-position: center;
}
.snav ul li:after{
	content:"";
	display:block;
	position: absolute;
	right:-29px;top:5px;
	width:0;height:0;
	overflow: hidden;
	border-top:25px solid transparent;
	border-bottom:25px solid transparent;
	border-left:30px solid #701d45;
}
.snav ul li:hover > a{color:#fff;}
.snav ul ul li:hover > a{
		background:#ea0a2a;
		color:#fff;
	}

.snav ul ul{padding:0;background:#f3f3f3;}
.snav ul ul a{
	font-size: 1em;
	letter-spacing: normal;
	background:none;
	color:#474747;
	padding:8px 5% 8px 40px;
}
.snav ul ul li:after{display:none;}
.snav ul ul li:hover > a,
.snav ul ul li.current-menu-item > a,
.snav ul ul li.current-menu-ancestor > a,
.snav ul ul li.current-menu-parent > a{
		background:#ea0a2a;
		color:#fff;
	}
.snav ul ul ul li{border-top:0;border-bottom:0;padding:0;}
.snav ul ul ul a{
	font-weight: normal;
	text-transform: none;
	font-size:0.8em;
}
.snav ul ul ul li:hover > a,
.snav ul ul ul li.current-menu-item > a{
		background:#f0b246;
		color:#fff;
	}

/*FOOTER CALLOUTS*/
.home-buttons{
	background:#fff;
	position: relative;
	padding:25px 0%;
	z-index: 0;
	margin:0 0 -40px 0;
}
.home-buttons:before{
	content:"";
	position: absolute;
	width:110%;height:100%;
	background:#fff;
	z-index: 0;
	left:-5%;top:0;
}
.home-buttons:after{
	content:"";
	width:100%;height:100%;
	left:0;right:0;margin:0 auto;
	top:0;
	position: absolute;
	z-index: -1;
	box-shadow: 0 -2px 15px 0 rgba(0,0,0,0.1);
}
.home-buttons a{
	background:#701d45;
	color:#fff !important;
	text-transform:uppercase;
	display: block;
	box-sizing: border-box;
	padding:20px 15px 20px 65px;
	position: relative;
	letter-spacing: 2px;
	font-size: 0.9em;
	z-index: 1;
}
.home-buttons a:before{
	left:10px;top:25%;width:40px;height:50%;
	content:"";
	position: absolute;display:block;
	border-right:2px solid #fff;
	z-index: 2;}
.home-buttons a.icon-bus:before{
	background:url(images/icon-bus-white.svg) no-repeat;
	background-position: center;
	background-size: 40%;
}
.home-buttons a.icon-link:before{	
	background:url(images/icon-links.svg) no-repeat;
	background-position: center;
	background-size: 40%;
}
.home-buttons a.icon-link{background:#ea0a2a;margin:0 2%;}
.home-buttons a.icon-wheelchair:before{	
	background:url(images/icon-wheelchair-white.svg) no-repeat;
	background-position: center;
	background-size: 40%;
}
.home-buttons a.icon-wheelchair{background:#ea0a2a;margin:0 2%;}
.home-buttons a.icon-wheel:before{
	background:url(images/icon-wheel.svg) no-repeat;
	background-position: center;
	background-size: 40%;
}
.home-buttons a:after{
	content:"";
	display:block;
	background:#f0b246;
	position: absolute;
	width:100%;height:0%;
	left:0;bottom:0;
	z-index: -1;
}
.home-buttons a:hover:before{background-size:50%;}
.home-buttons a:hover:after{height:100%;}
/*BLOG CAROUSEL*/
.blog-carousel{
	padding:25px 15%;
	background: url(images/bkgd-maps.jpg) no-repeat;
	background-size: cover;
	background-position: bottom center;
	position: relative;	
	box-shadow: inset 0 20px 20px 0 rgba(0,0,0,0.2);
}
.blog-single{
	margin:0 0.5%;
	display: block;
	box-sizing: border-box;
	position: relative;
	outline: 4px solid #fff;
	outline-offset: -15px;
	padding:15px 35px 15px 35px;	
	cursor: pointer;
}

.blogimage{
	position: absolute;
	width:100%;height:100%;
	left:0;top:0;
	z-index: -1;
	background-size: 110% !important;
	background-position: center !important;
}
.blogimage:before{
	content:"";
	display:block;
	width:100%;height:100%;
	background:#606060;
	opacity: 0.6;
	position: absolute;
	left:0;top:0;z-index: 1;
}
.blog-carousel a{text-decoration: none;}
.blog-single:hover .blogimage{
	background-size:120% !important;
}
.blog-single:hover .blogimage:before{opacity:0.8;}
.blog-single h3{
	text-align: center;
	padding:15px 0;
	color: #fff;
	position: relative;
	top:15px;
	z-index: 2;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 2em;
	text-shadow:0px 2px 15px rgba(0,0,0,0.8);
}
.blog-single span{
	display: block;
	color: #5a5a5a;
	background:#fff;
	text-transform: uppercase;
	padding:10px 10px 5px 10px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	z-index: 2;
}
.blog-carousel .slick-prev{
	border:0;
	color:transparent;
	background:none;
	position: absolute;
	top:50%;left:10%;
	z-index: 5;
	text-align: center;
	width:45px;
	cursor: pointer;
}
.blog-carousel .slick-next{
	border:0;
	color:transparent;
	background:none;
	position: absolute;
	top:50%;right:10%;
	z-index: 5;
	text-align: center !important;
	width:45px;
	cursor: pointer;
}
.blog-carousel .slick-prev:before{
	content:"\25C0";
	color:#ea0a2a;
	border-radius: 100%;
	background:#fff;
	padding:5px 8px 5px 5px;
	text-align: center !important;
	cursor: pointer;
}
.blog-carousel .slick-next:before{
	content:"\25b6";
	color:#ea0a2a;
	border-radius: 100%;
	background:#fff;
	padding:5px 5px 5px 8px;
	text-align: center;
	cursor: pointer;
}
.blog-carousel .slick-next:hover:before,
.blog-carousel .slick-prev:hover:before{
	color:#fff ;
	background:#ea0a2a ;
}
/*FOOTER*/
footer{
	color:#fff;
	text-transform: uppercase;
	font-size: 0.8em;
	background:#606060;
}
footer .spacer{
	width:100%;height:15px;background:#fff;
	margin:20px 0 0 0;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
}
footer a{color:#fff;text-decoration: none;}
footer a:hover{color:#f0b246;}
footer h5{border-bottom:4px solid #f0b246;font-size: 1.1em;padding:0 0 5px 0;margin:15px 0;letter-spacing: 1px;}
footer .wrap{padding:25px 15%;}
footer .logo-citylink-circle{
	width:15%;
	margin:0 5% 0 0;
	background:url(images/logo-citylink-circle-emblem.svg) no-repeat;
	background-size: contain;
	background-position: center;
}
footer .address{width:20%;}
footer .links{margin:0 5%;}
footer .links ul{
	list-style: none;
	margin:0;padding:0;
	display:flex;
	flex-wrap: wrap;
}
footer .links ul li{width:50%;}
footer .links ul ul{display: none;}

footer .social{margin:0 5% 0 0;}

footer .social .facebook{
	display:inline-block;
	width:30px;height:30px;
	background:url(images/icon-facebook-gray.svg) no-repeat;
	background-size: 30%;background-position: center;
	background-color:#fff;
	border-radius: 100%;
}
footer .social .twitter{
	display:inline-block;
	width:30px;height:30px;
	background:url(images/icon-twitter-gray.svg) no-repeat;
	background-size: 55%;background-position: center;
	background-color:#fff;
	border-radius: 100%;
	margin:0 15px;
}
footer .social .youtube{
	display:inline-block;
	width:30px;height:30px;
	background:url(images/icon-youtube-gray.svg) no-repeat;
	background-size: 50%;background-position: center;
	background-color:#fff;
	border-radius: 100%;
	
}
footer .social .linkedin{
	display:inline-block;
	width:30px;height:30px;
	background:url(images/icon-linkedin-gray.svg) no-repeat;
	background-size: 50%;background-position: center;
	background-color:#fff;
	border-radius: 100%;
	margin:0 15px;
}
footer .social a:hover{background-color:#f0b246;}

footer .extra{padding:30px 0 0 0;}
footer .extra a{display:block;white-space: nowrap;padding:5px 0;}

.copyright{text-align: center;background:#797d80;padding:15px 15%;text-transform: none;}
.copyright a:hover{color:#474747;}

/*MAILCHIMP*/
#mc_embed_signup label{display:inline-block;margin:5px;}
#mc_embed_signup input[type=text],
#mc_embed_signup input[type=email]{
	display: block;
	width:100%;
	box-sizing: border-box;
	border:2px solid #797d80;
	padding:5px;
	border-radius: 0;
	-webkit-appearance:none;
	outline:0;
	margin:0 0 10px 0;
}
#mc_embed_signup ul{list-style: none;margin:5px 0;padding:0;}

/*RESPONSIVE STYLES*/
@media screen and (max-width:1200px){
	.top-bar {width: 90%;padding: 10px 5%;}
	.header-nav { padding: 0px 5%;}
	.subheader {    padding: 0px 5%;}
	.slider .columns {    padding: 0 5%;}
	.content {padding: 40px 5%;}
	footer .wrap {    padding: 25px 5%;	}
	.copyright {    padding: 15px 5%;}
	#alerts{width:7%;}
	.plantrip{padding:5px 5%;}
	.blog-carousel{padding:25px 5%;}
	.logo {height:75px;}
}
@media screen and (max-width:1000px){
	.top-bar{padding: 15px 5%;}
	.top-bar a{display: none !important;}
	header .logo{width:50%;background-size: contain !important;margin:10px 0;background-position: left center;}
	.nav{display:none;}
	.mobile-nav-icons{display:flex;}
	.search{display:none;}
	#alerts{display:none;}
	.icon-plan-trip, .slider h2{display:none;}
	.trip-planner{padding: 15px 5%;}
	.subheader {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.search {
		grid-row: 2;
		grid-column: 1 / -1;
		height: 30px;
		display: block;
	  }
	
	.slider-images img{height:100%;width:auto;min-width: 100%;}
	.slider .columns{justify-content: space-between;padding:0 5%;}
	.slider .callout {width: 48%;margin: 100px 0 0 0;}
	.slider .callout a.button{width:50%;}
	footer .columns.wrap{flex-wrap: wrap;flex-direction: column;padding:25px 5% 0 5%;justify-content: flex-start;}
	footer .links{display:none;}
	footer .copyright{background:none;padding:10px 5%;}
	footer .logo-citylink-circle{background:url(images/logo-citylink-gray.svg)no-repeat;background-size: contain;background-position: center;height:50px;width:100%;order:1;}
	footer h5{border-bottom:0;padding:0;margin:0;}
	footer .address{width:100%;text-align: center;order:3;}
	footer .address p{margin:0;}
	footer .social{width:100%;padding:30px 0;order:2;}
	footer .social .columns{justify-content: center;}
	footer .social h5{display:none;}
	footer .extra{width:100%;text-align: center;padding:10px 0;order:4;}
	footer .extra a{display:inline-block;}
	footer .extra a:after{content:"|";color:#f0b246;padding:0 5px;font-size:1.5em;}
	footer .extra a:last-child:after{display: none;}
	.home-buttons{margin:0 0% -40px 0%;}
	.home-buttons a:before{left:5px;}
	.content .columns.content-wrap{
		flex-wrap: wrap;
		flex-direction: column;
	}
	.content .columns.content-wrap .two-thirds{width:100%;order:1;}
	.sidebar{order:2;width:100%;margin:0;}
	.sidebar li:after,
	.sidebar:after{display:none !important;}
	.snav ul{padding:0;z-index: 0;}
	#maparea{overflow: auto;height:auto;position: relative;display: flex;flex-wrap: wrap;}
	#map{order:1;width:100%;height:500px;}
	#left-panel{order:2;float:none;max-width:100%;width:98%;height:300px;z-index: 2;}
	#maparea .plantrip{
		position: absolute!important;
		top:0 !important;
		width:100% !important;
		z-index: 3;
	}
	.blogimage, .blog-single:hover .blogimage{background-size: cover !important;}
}
@media screen and (min-width:720px){
	.desktop-hide{display:none;}
}
@media screen and (max-width:720px){
	#alert a.button{display:block;margin:10px 0;}
	.mobile-hide{display:none;}
	.mobile-nav-icons{width:30%;}
	.subheader .weather{display: none;}
	.subheader{justify-content: space-between;}
	.subheader {
		grid-template-columns: 1fr 1fr;
	}
	.trip-planner ul, .plantrip ul{flex-wrap: wrap !important;flex-direction: column !important;}
	.trip-planner li:nth-child(1),
	.trip-planner li:nth-child(3),
	.plantrip li:nth-child(1),
	.plantrip li:nth-child(3){width:80% !important;margin:0 auto !important;}
	.trip-planner li:nth-child(2),
	.plantrip li:nth-child(2){width:100% !important;margin:0 auto !important;}
	.trip-planner li:before,
	.plantrip li:before{display:none !important;content:none !important;background:none !important;}
	.trip-planner .arrow,
	.plantrip .arrow{height:30px !important;top:0 !important;width:20% !important;margin:0 auto !important;}
	.trip-planner input[type=text],
	.plantrip input[type=text]{text-align: center !important;padding:15px 0 !important;}
	.slider-images{max-height: 400px;}
	.slider .columns{flex-wrap: wrap;}
	.slider .callout{width:100%;padding:65px 10% 75px 10%;}
	.home-buttons{flex-wrap: wrap;flex-direction: column;}
	.home-buttons a.icon-link{margin:12px 0;}
	.alignright, .alignleft, .aligncenter{
		display:block;
                margin:10px auto;
                padding:0px;
                border:0;
		float:none;}
	.content .columns{flex-wrap: wrap;}
	.content .columns .one-half,
	.content .columns .one-fourth,
	.content .columns .one-third,
	.content .columns .two-thirds,
	.content .columns .three-fourths{width:100%;}
	
}
@media screen and (max-width:400px){
	header .logo{width:60%;margin:0;}
}