/*
Theme Name:             Transportation Project Website Theme
Description:            Project website with accessibility features, fixed banner image and/or slider
Version:				1.9

Changelog:
1.9 - Center featured image, update default colours to WCAG specs
1.8 - August 2025, Ivory search box format
1.7 - August 2025, remove metaslider arrow customization, underline lines and active page
1.6 - September 2024, support for AccessibleWP
1.5 - August 2024, support for featured image and minor changes
1.4 - August 2023, support for Show/Hide plugin
1.3 - April 2022, fixes for left sidebar use
1.2 - Add option to remove Contact Form 7 files to prevent 409 errors
*/

/********** SITEWIDE */
* { margin:0; padding:0; box-sizing: border-box; }
body { background: #fff; color: #111; font-family: Roboto, tahoma, arial; font-size: 17px; }
h1 { font-size: 2.4em; font-weight: 500; padding-top: 20px; }
h2 { font-size: 2.2em; font-weight: 500; color: #3e6be0; padding-bottom: 20px; }
h3 { font-size: 1.6em; font-weight: 500; padding-bottom: 20px; color: #3e6be0; }
h4 { font-size: 1.3em; font-weight: 500; padding-bottom: 20px; }
h5 { font-size: .8em; font-weight: 500; }
h6 { font-size: .8em;font-weight: 500;  }
hr { margin: 20px auto; width: 80%; border: none; border-top: solid 1px #ccc; }
p, ul, ol, table { font-size: 1em; line-height: 1.6em; letter-spacing: .5px; font-family: "Open Sans" }
ul { list-style-type: disc; }
li { margin-left: 15px; }
a, a:visited { color: #3e6be0; }
a:hover { color: #1e4bc0; }
#content p a, #content li a { font-weight: bold; }
#content a:hover { border-bottom: dotted 1px; }
#content h3 a { font-weight: 500; }
a img { border: none; }
i { color: #4870d8; }
tr { vertical-align: top; }
td { padding: 0 18px 0 0 ; }
form { padding-bottom: 8px; }
input, textarea { padding: 10px;
    border: solid 1px #ccc;
    border-radius: 6px;
	max-width: 90%;
	width: 90%;
	background: #fafafa;
	}
input[type="checkbox"], input[type="radio"] { width: auto; }
input[type="submit"] { 
	padding: 10px; 
	background: #111; 
	color: #fff; 
	border: 1px; 
	border-radius: 5px; 
	margin-top: 10px;
	width: auto;
	font-size: 1em;
}
input[type="submit"]:hover { background: #333;}
address { font-style: normal; }
img { max-width: 100%; height: auto; }
p:empty, p:empty:before {
    display: none;	/* get rid of WP blank lines */
}
/* WP classes */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
.wp-caption {
	max-width: 100%;
}
.wp-caption-text, .wp-element-caption { text-align:center; font-style:italic; font-size: .9em; }
.success { background: #FF9; padding: 10px; border: solid 1px #EE7; margin-bottom: 8px; }
.error { background: #FFEBE8; padding: 10px; margin-bottom: 8px; }

/* Theme specific miscellaneous classes */
.search-terms { font-style: italic; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }

/* Regular clearing, just in case! */
.clear { clear: both; }

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 2px 2px 3px #ccc;
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 1.0769rem;
	font-weight: 500;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

#content { 
	width:1200px; 
	max-width: 98%; 
	margin:0 auto; 
	z-index:1; 
	line-height: 30px; 
	padding-top: 40px;
	display: flex;
}
#content h2 { line-height: 1.2em; }

/********** PAGE HEADER */
#header { margin:0 auto; max-width: 1400px; padding: 3px 10px; color: #4870d8;  }
#header h1 { padding-bottom: 10px; }
#header h2 { font-size: 1.2em; }
#header a { text-decoration: none; }
/*#header .wp-post-image { float: right; max-width: 600px; }*/
#header .wp-post-image { float: none; max-width: 100%; display: block; margin: 0 auto; }

.under-construction-msg {
	color: #fff;
    font-weight: bold;
    text-align: center;
    background: #c00;
    padding: 6px;
    position: fixed;
	top: 0;
    right: 50%;
	transform: translate(50%, 0);
    z-index: 1000;
}
.admin-bar .under-construction-msg {
	top: 32px;
}

.logos { padding-top: 10px; margin-bottom: 20px; float: right; clear: right; display: flex; align-items: center; }
.logos img {
    width: auto;
    padding-left: 20px;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
#footer .logos { float: left; clear: left; }

.header-titles { clear: both; }

#top-banner { float:right; font-size: 13px; color: #111; }
#top-banner ul { list-style-type: none; display:inline; letter-spacing: normal; }
#top-banner ul li { float:left; line-height: 20px; }
#top-banner a { text-decoration: none; color: #111; }
#top-banner a:hover { text-decoration: underline; }
#top-banner span { display: none; }
#top-banner .resizer li { margin-left: 6px; }
#top-banner li.contrast { background: url("images/contrast.jpg") top right no-repeat; padding-right: 18px; }

.header-banner-image img {
    margin: 0 auto;
    display: block;
}

/********** NAVIGATION */
.menu-toggle { cursor: pointer; display: none; }

/* level 1 */
#site-navigation { z-index:1; position: relative; }
#site-navigation ul { 
	list-style-type: none; 
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	justify-content: center;
}
#site-navigation ul li {
	/* margin-bottom: 0; */
	/* display: inline-block; */
	/* padding: 1em 18px;  */
	/* zoom: 1; 				 For IE 7 */ 
	/* *display: inline;  */
	/* max-width: 200px; */
    /* text-align: center; */
    margin: 0;
    /* vertical-align: top; */
	/* line-height: 1.2; */
}
#site-navigation ul li a { 
	letter-spacing: normal; 
	font-size: .95em; 
	text-decoration: none; 
	color: #111; 
	padding: 20px; 
	font-size: .9em; 
	/* font-weight: bold; */
	display: inline-block;
}
#site-navigation ul li:hover a {  }
#site-navigation ul li:hover li a { color: #fff; }
#site-navigation ul li.current_page_item, #site-navigation ul li.current-menu-item {  }
#site-navigation li.current-menu-item a { color: #86c227 !important; text-decoration: underline; }

/* level 2 */
#site-navigation .menu ul { 
	background-color: #eee; 
	position: absolute; 
	width: 100%; 
	z-index: 19999; 
	left: 0;
}
#site-navigation .menu ul { max-height: 0; width: 100%; background: #333; /* For IE7: */ *margin-left:0;overflow: hidden; transition: all 1s ease; box-shadow: 1px 1px 3px #aaa; }
#site-navigation .sub-menu li { border:none; padding: 0 6px; display: block; /*text-align:right; margin: 6px 20px 6px 0;*/ max-width: 1102px; margin: 6px auto; }
#site-navigation .sub-menu li a { text-transform: none; color: #fff; padding: 0; font-weight: normal; }
#site-navigation .sub-menu li a:hover {  border: none; zoom: 1; color: #86c227; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-transform: underline; }
#site-navigation .menu li:hover ul { transition: all 2s ease; max-height: 100vh; }
#site-navigation .menu li:hover ul a { font-weight: normal; }
#site-navigation .sub-menu li.current_page_item, #site-navigation .sub-menu li.current-menu-item {  }
#site-navigation .sub-menu li.current_page_item a, #site-navigation .sub-menu li.current-menu-item a { }

/* level 3 */
#site-navigation .menu ul ul { margin: 0; box-shadow: none; }
#site-navigation .menu ul ul li a:before { content: '- '; }

/* special */
#site-navigation .menu-section-description {
    color: #fff;
    text-align: left !important;
    text-transform: none;
    font-size: 2em;
}

#site-navigation .menu-section-description a {
	display: block;
    margin-bottom: 20px;
    pointer-events: none;
	float: left;
	padding: 4px;
}
#site-navigation .menu-item-description {
	color: #fff;
    font-size: .7em;
    float: left;
    clear: left;
    max-width: 60%;
	padding: 4px;
}

/* mobile format */
.menu-toggle { cursor: pointer; display: none; }
.menu-toggle .dashicons { font-size: 1.8em; color: #fff; }
#site-navigation ul li.close-button:before { content: "\f340"; margin-right: 1em;  }
#site-navigation ul li.close-button { text-align: right !important; font-size: 2em; font-family: dashicons; cursor: pointer; display: none; }

#site-navigation.toggled .menu-section-description { display: none !important; }

.small { font-size: 16px; }
.medium { font-size: 18px;  }
.large { font-size: 20px;  }

/* Child menu within page */
#child-menu, #child-menu ul {
    list-style-type: none;
	padding: 0 !important;
	background: #eee;
	margin-bottom: 20px;
}
#child-menu li a {
    display: none;
}
#child-menu .current-menu-item .sub-menu li a {
    display: list-item !important;
	padding: 10px;
	color: #111 !important;
}
#child-menu a:hover {
	border-bottom: none !important;
	text-decoration: underline;
}

/*********** OPTIONAL PROJECT MENUS AREA */
#nav-projects {
    border-top: solid 1px #111;
    list-style-type: none;
    background: #eee;
    padding: 20px;
    text-align: center;
}

#nav-projects ul li {
    display: inline;
}
#nav-projects ul {
    display: inline;
    list-style-type: none;
}

#nav-projects h2 {
    display: inline;
    font-size: 1.2em;
}

/*********** DIVIDER */
#divider {
	border-bottom: solid 1px #111;
}

/*********** BACK TO TOP BUTTON */
#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 80px;
    right: 0;
    background-color: #DDD;
    color: #555;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#back2Top:hover {
      filter: brightness(0.8);
}

/********** RIGHT SIDEBAR */
#sidebar-right { float: right; width: 250px; text-align: left; }
#sidebar-right h2 { 
	font-size: 1.4em;
    padding: 0;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px; }
#sidebar-right p { padding: 6px; }
#sidebar-right ul { list-style-type: none; }
#sidebar-right li.widget li {
    margin-left: 0;
    margin-bottom: 20px;
    border-bottom: solid 1px #eee;
    padding-bottom: 20px;
}
#content #sidebar-right a { color: #fff !important; font-weight: bold; }
#sidebar-right a:hover { text-decoration: underline; }
#sidebar-right .updates { background: #4870d8; color: #fff; padding: 15px; }
#sidebar-right .updates li { margin-left: 0; }
#sidebar-right .study-map { text-align: center; }

span.post-date {
    display: block;
    opacity: .7;
    font-size: .7em;
	text-transform: uppercase;
}
.custom-background #sidebar-right {
	background: #fff;
	padding: 20px;
}

#content #sidebar-left {
	/* float: left; */
	width: 200px;
	/* margin-bottom: 20px; */
	display: inline-block;
	vertical-align: top;
}

#sidebar-left ul, #sidebar-left .menu {
    list-style-type: none;
}
#sidebar-left ul li {
    margin: 0;
}

#sidebar-left .menu {
}
#sidebar-left .menu li {
    position: relative;
	padding: 10px 20px;
}
#sidebar-left .menu li:hover {
    background: #eee;
}
#sidebar-left .menu li:hover a {
	border-bottom: none;
}
#sidebar-left .menu li .sub-menu {
    position: absolute;
    background: inherit;
    padding: 10px;
	width: 200px;
    left: 200px;
	top: 0;
	z-index: 1000;
	max-height: 0;
	visibility: hidden;
	transition: .5s all ease;
}
#sidebar-left .menu li:hover .sub-menu {
    max-height: none;
	visibility: visible;
	transition: .5s all ease;
}
#sidebar-left .widget_nav_menu h2 {
	cursor: pointer;
}
#sidebar-left .widget_nav_menu h2::before {
    content: "\f333";
    font-family: dashicons;
    font-size: 40px;
    display: none;
    line-height: 11px;
    margin-top: 20px;
}
#sidebar-left .widget_nav_menu h2 {
    font-size:0;
}

/********** POST CONTENT */
#posts { 
	min-height: 350px; 
	width: 100%; 
	/*float: left;*/ 
	background: #fff;
	display: inline-block;
	vertical-align: top;
}
#posts.left-active { width: calc(100% - 206px); }
#posts.right-active { width: calc(100% - 250px); }
#posts.left-active.right-active { width: calc(100% - 470px); }

#posts h2 { padding-bottom: 20px; }
#posts p { margin-bottom: 20px; }
#posts ul, #posts ol { padding-left: 20px; padding-bottom: 20px;  }
/* #posts li {  margin-left: 0; } */
#posts li p { padding-bottom: 0; }
#posts img { max-width: 100%; height: auto; }
#posts table { margin-bottom: 20px; }

.post {
	background: #fff;
    padding: 20px;
	border: solid 1px #dddddd4d;
	margin-bottom: 40px;
}

.entry-meta {
    text-transform: uppercase;
    font-size: .7em;
    opacity: .7;
    border-top: solid 1px #ddd;
    padding-top: 20px;
}

/********** FOOTER */
#footer { clear:both; margin:40px auto 10px auto; background: #0e1a35; color: #ccc; padding: 10px; font-size: .9em;  }
#footer h2 { display: none; }
#footer ul { list-style-type: none; margin: 0 auto; text-align: center; padding-bottom: 5px; }
#footer li { display: inline; }
#footer a, #footer a:visited { color: #ccc; text-decoration: none; }
#footer p { font-size: .8em; clear: both; }
#footer a:hover { color: #aaa;  }

#sidebar-bottom { text-align:center; }

/********** PLUGIN SPECIFIC */

/* ... Ivory Search */
.is-search-form input { max-width: unset; }

/* ... WP Page Navi */
.wp-pagenavi a, .wp-pagenavi span { background: #fff; border: solid 1px #e4e3d7; margin: 0 0 0 -1px; padding: 8px; }
.wp-pagenavi a:hover { border-color: #e4e3d7; background: #eee; }
.wp-pagenavi span.pages { display: none; }
.wp-pagenavi span.current { background: #cc0000; color: #fff; border-color: #056793; }

/* Fancybox iframe popups */
.fancy-popup {
	max-width: 800px;
	margin: 0 auto;
}
.fancy-popup #header,
.fancy-popup #site-navigation,
.fancy-popup #footer {
	display: none;
}

a#fancybox-left, a#fancybox-right {
    width: 30px; /* don't block youtube controls */
}

/* Collapseomatic */
.collapseomatic, .bg-showmore-plg-link {
display: block;
    background-color: #eee;
    border: solid 1px #ccc;
    margin-bottom: 18px;
    padding: 12px 12px 12px 34px;
    background-position: 12px center;
}

.collapseomatic_content {
	margin-left: 0;
}
	
/* Column shortcodes */
.content-column { 
	padding: 8px;
	/* word-break: break-all; */
}

/* Contact Form */
div.wpcf7-response-output { padding: 1em !important; }
div.wpcf7-mail-sent-ok { background: #d0f0c0;
    color: #111;
    border-radius: 10px;
    font-style: italic;
    border: solid 1px #a0c090; }
div.wpcf7-validation-errors { background:#f7b2b2; color:#111; border-radius: 10px; border:solid 1px #a00; font-style:italic; }


/* Metaslider */
#slider { margin-bottom: 40px; overflow: hidden; clear: both; }
#slider .metaslider { margin: 0 auto; }
#slider .flex-direction-navx {position:absolute; bottom:5px; right:5px; z-index: 3;}
#slider .flex-direction-navx a {
	width: 30px; 
	height: 30px; 
	margin: 0 0 2px; 
	display: block; 
	text-align: center; 
	position:static; 
	background-color: #bbb; 
	background-image: none;
	background-repeat: no-repeat; 
	cursor: pointer; 
	text-indent: 0; 
	opacity: 0;  
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	font-size: 26px;
	line-height: 30px;
}
#slider .flex-direction-navx .flex-next {background-position: -24px -384px;}
#slider .flexsliderx:hover .flex-next {opacity: 0.8; }
#slider .flexsliderx:hover .flex-prev {opacity: 0.8;}
#slider .flexsliderx:hover .flex-next:hover, #slider .flexslider:hover .flex-prev:hover {opacity: 1;}
#slider .flex-direction-navx .disabled {opacity: .3!important; cursor: default;}

.home #slider .metaslider ul.slides img {
	border-radius: 0;
}
#slider .metaslider .caption-wrap {
	background: rgba(0,0,0,.8);
    opacity: 1;
}
#slider .metaslider .caption-wrap .caption {
	padding: 10px 0;
    max-width: 98%;
    margin: 0 auto;
    width: 1200px;	
}
#slider .metaslider .caption-wrap  h2{
	color: white;
	font-size: 1.6em;
	font-weight: 500;
	max-width: 80%;
}
#slider .metaslider .caption-wrap  h3{
	color: white;
	font-size: 1.2em;
	font-weight: 500;
	max-width: 80%;
}
#slider .metaslider .caption-wrap p {
    margin: 0;
}

/* AccessibleWP */
body.acwp-contrast {
    background-color: black !important;
    color: white !important;
}
body.acwp-contrast #header h1 a,
body.acwp-contrast #header h2 a,
body.acwp-contrast h2,
body.acwp-contrast h3
{
	color: yellow !important;
}
body.acwp-contrast #site-navigation .menu > li.current-menu-item > a, 
body.acwp-contrast #site-navigation .menu > li:hover > a, 
body.acwp-contrast .menu-toggle, 
body.acwp-contrast #site-navigation.toggled ul {
    color: #fff !important;
}
body.acwp-contrast #site-navigation, 
body.acwp-contrast #site-navigation .menu li > a, 
body.acwp-contrast #site-navigation .menu li > a:visited,
body.acwp-contrast #site-navigation ul li a,
body.acwp-contrast #site-navigation .menu ul, 
body.acwp-contrast #site-navigation .menu ul li > a, 
body.acwp-contrast #site-navigation .menu ul li > a:visited
 {
	background-color: black !important;
	color: yellow !important;
}
body.acwp-contrast #sidebar-right .updates,
body.acwp-contrast #sidebar-right h2, 
body.acwp-contrast #sidebar-right h3, 
body.acwp-contrast #sidebar-right h4,
body.acwp-contrast #content #sidebar-right a {
	background: #000 !important;
	color: white !important;
}
body.acwp-contrast #posts {
	background: #000;
}
body.acwp-contrast #content a, body.acwp-contrast #content a:visited {
	color: yellow !important;
}
.acwp-footer {
	display: none;
}
input[type="submit"] {
	border: solid 1px #fff;
}
body.acwp-contrast #footer, 
body.acwp-contrast #footer a {
    background: #000 !important;
    color: #fff !important;
}

/* Leaflet Map */
.leaflet-map {
	z-index: 1;	/* for toggled menu */
}

/* One Click Accessibility */
/* .pojo-a11y-toolbar-link svg { */
    /* display: none; */
/* } */

/* .pojo-a11y-toolbar-toggle { */
	/* height: 83px; */
/* } */
/* .pojo-a11y-toolbar-toggle .pojo-a11y-toolbar-link */
 /* { */
    /* background-image: url(images/accessibility-icon.jpg); */
    /* background-repeat: no-repeat; */
    /* width: 30px; */
    /* height: 83px; */
    /* padding: 0 !important; */
/* } */

/* #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay { */
    /* border-color: #aaa !important; */
/* } */


/* = Media Queries
----------------------------------------------- */

@media screen and (min-width: 1220px) {
	#slider .metaslider ul.slides img {
		border-radius: 6px;
	}
}

@media screen and (max-width: 1200px) {
	#content, #header {
		width: 95%;
		margin: 10px auto;
	}
	#slider {
		clear: both;
		width: 100%;
	}
}

@media screen and (max-width: 940px) {
	#header .wp-post-image { float: none; max-width: 100%; display: block; margin: 0 auto; }
}

@media screen and (max-width: 800px) {
	body {
		background: #fff;
	}
	#header h1 {
		font-size: 2.2em;
	}
	#header h2 {
		font-size: 1.1em;
	}

	#slider .metaslider .caption-wrap {
		/* width: 90%; */
		/* font-size: 1em; */
		/* top: 14%; */
	}
	#slider .metaslider .caption-wrap p {
		font-size: 1em;
	}
	#sidebar-right {
		width: 100%;
		float: none;
		margin: 0 auto;
		text-align: left;
		border: none;
	}
	#content {
		display: block;
	}
	#posts.right-active, #posts.left-active, #posts.left-active.right-active, #posts {
		width: 100%;
		float: none;
		margin: 0 auto;
	}
	.menu-toggle {
		color: #666;
		display: block;
		margin-bottom: 0;
		text-align: center;
		text-transform: uppercase;
		padding: 10px 0;
	}
	.menu-toggle:before {
		display: inline-block;
		font-family: dashicons;
		font-size: 14px;
		font-size: 1.0769rem;
		font-weight: normal;
		line-height: 1;
		vertical-align: text-bottom;
		-webkit-font-smoothing: antialiased;
		/* content: "\f419"; */
		/* font-family: genericons; */
		/* margin-right: 12px; */
		/* position: relative; */
		/* top: 2px; */
	}
	.menu-toggle {
		display: block;
		font-weight: 500;
		color: #4870d8;
		font-size: 1.4em;
	}
	#site-navigation.toggled .menu-main-container
	 {
		transition: all .5s;
		max-height: none;
	}
	#site-navigation {
		clear: both;
	}
	#site-navigation:after {
		bottom: -.3%;
	}
	#site-navigation .menu-main-container {
		clear: both;
		width: 100%;
		max-height: 0;
		overflow: hidden;
		transition: all .5s;
	}
	#site-navigation ul li a {
		padding: 5px 0;
		/* color: #ccc; */
		font-size: 1.2em;
		position: relative;
		width: 100%;
		display: block;
		/* text-align: center; */
	}
	#site-navigation ul li a:hover {
    	/* border-bottom: none; */
    	/* color: #fff; */
		/* background: #205798 */
	}
	#site-navigation ul li {
		display: block !important;
		padding: 10px !important;
		text-align: left;
		width: 100%;
		max-width: none;
	}
	#site-navigation .menu ul {
		max-height: none !important;
		left: 10em;
		/* transition: all 1s !important; */
		box-shadow: none;
		top: 0;
		left: 0;
		height: 100%;
		position: relative;
		margin-top: 0;
	}
	#site-navigation.toggled ul li.close-button {
		display: block;
	}
	#site-navigation.toggled ul li.toggled .sub-menu {
		max-height: 100vh !important;
		left: auto;
		top: auto;
		max-height: 100%;
		width: 100%;
		height: 100%;
		transition: all 1s;
	}
	#site-navigation .menu ul li {
		width: 100%;
		/* border-bottom: solid 1px #555; */
	}
	#site-navigation .menu ul a {
		padding: 0.5em 12px;
		width: 100%;
	}

	#site-navigation .sub-menu li {
		text-align: left;
		padding: 0 !important;
		margin: 0;
	}
	#site-navigation .sub-menu li a {
		padding-left: 12px;
	}
	#site-navigation .sub-menu li a:before {
		content: "-";
		padding-right: 10px;
	}

	#site-navigation .menu ul,
	#site-navigation .menu ul li > a {
		background-color: transparent !important;
	}
	
	#content #sidebar-left {
		width: 100%;
	}
	#sidebar-left .widget_nav_menu.toggled ul {
		transition: all .5s;
		max-height: 100vh;
		visibility: visible;
	}
	#sidebar-left .widget_nav_menu ul {
		clear: both;
		width: 100%;
		max-height: 0;
		overflow: hidden;
		transition: all .5s;		
	}
	#sidebar-left .widget_nav_menu h2::before {
		display: block;
	}
	#sidebar-left .menu li .sub-menu {
		position: relative;
		width: 100%;
		left: 0;
		padding: 0;
	}
	#sidebar-left .menu li .sub-menu li::before {
		content: "- ";
	}
	#sidebar-left .menu a:hover {
		opacity: .8;
	}
}

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

	.responsive-700 table, 
	.responsive-700 thead, 
	.responsive-700 tbody, 
	.responsive-700 th, 
	.responsive-700 tr, 
	.responsive-700 td { 
		display: block; 
		width: 100% !important;
	}

}

@media screen and (max-width: 480px) {	
	#slider .metaslider .caption-wrap h2 {
		font-size: 1.2em;
		padding-bottom: 0;
	}
	#slider .metaslider .caption-wrap p {
		font-size: .7em;
		line-height: normal;
	}	

	#sidebar-left .menu li .sub-menu {
		top: 100%;
		left: 50px;
	}
}