:root {
  --main-color:#3e8f3e; /*green*/
  --secondary-color:#ffffff; /*yellow*/
  --tertiary-color:#000;
  --quaternary-color:#e9e9ea; /*grey*/
  --quinary-color:#dedfe0; /*dark grey*/

	/*--color1:#005aa8; /*blue*/
	--color1:#3e8f3e; /*blue*/
	/*--color1:#1694c9;
	--color2:#ffb549;/*orange*/
	--color3:#FFF;
	--dark:#343a40;
	--white:#FFF;
	--light:#f8f9fa;
  
  --mainfont:;
  --secondaryfont:;
  --linkcolor:;
  --linkhovercolor:;
  --border-color:;
  --primary-bg-color:;
  --secondary-bg-color:;
}

/*implementation

var(--main-bg-color)

*/

	div.top-row{background-color: var(--light);}
	div.top-row nav{font-size: 15px;float: right;}
	div.top-row nav ul{padding:10px 0;overflow: auto;}
	div.top-row nav ul li{float: left;}
	div.top-row nav ul li a{padding:0 15px;}
	div.top-row nav ul li a i{line-height: 22px;margin-right: 5px;}
	div.top-row nav ul li a span{float: right !important;}

	header#main-header div.site-logo{padding-top:15px;}


	header#main-header nav.logo-nav{font-size: 12px;float: right;}
	header#main-header nav.logo-nav > ul{float:right;background-color: var(--color1);border-radius: 15px;padding:13px 5px;}
	header#main-header nav.logo-nav > ul > li{float: left;line-height: inherit;}
	header#main-header nav.logo-nav > ul > li > a{
		margin-left: 0;
		border-right: 1px solid;
		color: var(--color3);
		display: block;
		padding: 0px 15px;
		text-transform: uppercase;
	}
	header#main-header nav.logo-nav > ul > li:last-child > a{
	  	border-right: none;
	}

	header#main-header div.menu-row{background-color: var(--color1);}
	header#main-header div.menu-row div#main-menu-2{}
	header#main-header div.menu-row div#main-menu-2 > ul{list-style: none;margin: 0;padding: 0;}
	header#main-header div.menu-row div#main-menu-2 > ul > li{float: right;position: relative;}
	header#main-header div.menu-row div#main-menu-2 > ul > li:hover > a{background-color: var(--color2);color:var(--color1) !important;}
	header#main-header div.menu-row div#main-menu-2 > ul > li:hover > a span{color: var(--white) !important;}
	header#main-header div.menu-row div#main-menu-2 > ul > li > a{display:block;color: var(--white);padding:10px 20px;}

	header#main-header div.menu-row div#main-menu-2 > ul > li:hover > ul{
		display: block;
	}
	header#main-header div.menu-row div#main-menu-2 > ul > li > ul{
		display: none;
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		z-index: 99999;
		background-color: var(--color1);
	}
	header#main-header div.menu-row div#main-menu-2 > ul > li > ul > li{}
	header#main-header div.menu-row div#main-menu-2 > ul > li > ul > li:hover > a{background-color: var(--color2);}
	header#main-header div.menu-row div#main-menu-2 > ul > li > ul > li > a{
		color: var(--white) !important;
	    display: block;
	    padding: 10px 20px;
	    width: 200px;
	    border-bottom: 1px solid;
	}
	header#main-header div.menu-row div#main-menu-2 > ul > li > ul > li:last-child > a{
		border-bottom: none;
	}
	header#main-header div.menu-row div#main-menu-2 > ul > li > ul > li > a > span{}

	/*override*/
	html, body{margin:0;padding:0; min-height: 100%; }
	body {
		/*background: url(../images/footer-bg.jpg); /*no-repeat center bottom fixed; */
		/*background: linear-gradient(dodgerblue, black), 
					black linear-gradient(black, crimson);*/
		background: linear-gradient(0deg, rgba(63, 143, 62, 1) 10%, rgba(255, 255, 255, 1) 10%, rgba(255,255,255,1) 35%);
		/*background-position: 0 0, 0 100%;*/
		background-position:bottom center;
		background-repeat: no-repeat;
		/*background-repeat: repeat-x;*/
		/*background-size: 1px 140px;*/
		background-color:transparent;
		color:var(--tertiary-color) !important;
	}
	.row{width:auto !important;}
	a{color:var(--main-color);}
	a:hover{text-decoration:none;color:var(--secondary-color) !important;}
	
	input.wpcf7-submit,
	.starlite-button{
		border:none !important;
		color:#FFF !important;
		background-color:var(--main-color) !important;
		padding: 8px 20px !important;
		font-size: 16px !important;
		border-radius:10px !important;
		display:inline-block !important;
		z-index:9999;
	}
	
	input.wpcf7-submit:hover,
	.starlite-button:hover{background-color:var(--secondary-color) !important;color:#FFF !important;}
	
	
	
	section {padding:0 !important;margin:10px 0 !important;}
	div#default_page_row {
		padding-top: 10px !important;
		padding-left:15px !important;
		padding-right:15px !important;
		padding-bottom:40px !important;
	}

	h1, h2, h3, h4, h5, h6 {
		color:var(--main-color) !important;
		text-transform: uppercase !important;
	}

	h1 {line-height: 35px !important;}
	h5 {line-height: 20px !important;}
	
	body, p{color:var(--tertiary-color);}
	
	.heading-tag p{color:var(--main-color) !important;margin:0 !important;}

	
	input[type="tel"]{
		font: inherit;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}
	
	/*end of override*/
	
	/*generic*/
	
	.clearboth{clear:both !important;}
	.white, .white p, .white span{color:#FFF !important;}
	.paddingtop30{padding-top:30px !important;}
	.paddingbottom30{padding-bottom:30px !important;}
	.margin0{margin:0 !important;}
	.margintop20{margin-top:20px !important;}
	/*end of generic*/
	
	
	/*header*/
	
	div.desktop-header-container{display:flex;align-items:flex-end;padding-bottom:20px;}
	div.desktop-header-container div.widget_search{margin-bottom:5px;}
	
	
	div#main-menu > ul#main-menu{display:flex;list-style:none;margin:0;padding:0;}
	div#main-menu > ul#main-menu a{font-weight:bold;color:var(--tertiary-color);text-transform:uppercase;}
	div#main-menu > ul#main-menu > li{position:relative;text-align:left;flex-grow:100;}
	div#main-menu > ul#main-menu > li > a{padding:10px 20px;}
	div#main-menu > ul#main-menu > li:hover > a{background:var(--main-color);color:#FFF !important;}
	
	/*second level*/
	div#main-menu > ul#main-menu > li:hover > ul{
		display:block;
	}
	div#main-menu > ul#main-menu > li > ul{
		display:none;
		-webkit-box-shadow: 10px 10px 16px -6px rgba(102,102,102,1);
		-moz-box-shadow: 10px 10px 16px -6px rgba(102,102,102,1);
		box-shadow: 10px 10px 16px -6px rgba(102,102,102,1);
		background:#FFF;z-index:999;position:absolute;left:0;list-style:none;
		border:1px solid #CCC;
		width:220px;
		top:30px;
	}
	
	div#main-menu > ul#main-menu > li > ul > li{text-align:left;}
	div#main-menu > ul#main-menu > li > ul > li > a{
		display:block;
		margin:0 20px;
		padding:10px 0;
		border-bottom: 1px solid var(--tertiary-color);
	}
	div#main-menu > ul#main-menu > li > ul > li:hover a{color:var(--main-color);}
	div#main-menu > ul#main-menu > li > ul > li:last-child > a{
		border:none;}
	
	div.home-advisory{margin-top: 22px;}
	
	h1.page-title{margin-bottom:0;}
	
	/*breadcrumbs*/
	div.breadcrumbs{margin-top: 40px;}
	div.breadcrumbs,
	div.breadcrumbs a{color:var(--tertiary-color);}
	
	
	/*footer*/
	footer#main-footer{
		padding:50px 0 15px;
	}
	
	footer#main-footer{color:#FFF !important;}
	footer#main-footer div.column1 h6{color:#FFF !important;text-transform:capitalize !important;}
	
	footer#main-footer ul.social-icons{list-style:none;margin:0 0 10px 0;padding:0;}
	footer#main-footer ul.social-icons > li{margin-right:5px;border-radius:100%;width:40px;text-align:center;display:inline-block;background:var(--secondary-color);}
	footer#main-footer ul.social-icons > li > a{display:block;}
	footer#main-footer ul.social-icons > li > a > i{color:#FFF;font-size:20px;line-height:40px;}
	
	footer#main-footer div.footer-desktop-container{display:flex;align-items:center;}
	
	footer#main-footer ul#footer-menu{list-style:none;margin:0;padding:0;}
	footer#main-footer ul#footer-menu a{font-weight:bold;color:#FFF;display:block;}

	footer#main-footer div.textwidget,
	footer#main-footer .footer-widget-heading{color:#FFF !important;}
			
	@media only screen and (max-width : 767px) {
		
		footer#main-footer div.footer-desktop-container{display:block;}
		footer#main-footer div.footer-desktop-container	> div{margin-bottom:20px;}
		
	}
	
	
	/*home page*/

		h3.second-heading{
			padding: 10px;
		}
	
		section.starlite-sub-banners > div > div > div.inner{margin-left:-15px;margin-right:-15px;}
		section.starlite-sub-banners div.tcvpb-image{position:relative;}
		section.starlite-sub-banners div.tcvpb-image:before{
			content:"";
			position:absolute;
			height:100%;
			width:100%;
			display:block;
			z-index:99999;
			transition: all .6s ease;
			-webkit-transition: all .6s ease;
			-moz-transition: all .6s ease;
			-o-transition: all .6s ease;
		}
		section.starlite-sub-banners div.tcvpb-image:hover:before{
			background:rgba(253, 175, 66, .3);
			transition: all .6s ease;
			-webkit-transition: all .6s ease;
			-moz-transition: all .6s ease;
			-o-transition: all .6s ease;
		}
		section.starlite-sub-banners div.tcvpb-image img{margin:0 auto;display:block;}
	
		div.home-ferry-advisory{}
		div.home-ferry-advisory div.inner{display:flex;align-items:center;max-width:980px;margin:0 auto;}
		div.home-ferry-advisory div.label{display:flex;align-items:center;}
		
		div.home-ferry-advisory div.label > i{margin:0 20px;font-size:60px;display:inline-block;color:var(--secondary-color);}
		div.home-ferry-advisory div.label > h3{display:inline-block;margin-bottom:0;}
		div.home-ferry-advisory div.message p{margin-bottom:0;}
	
		section.home-purpose-news > div > div > div{display:flex;}
		
		div.home-starlite-purpose{display:flex;align-items:center;}
		
		div.home-latest-news-module > div.inner{padding:45px 30px;}
		
		
		div.home-latest-news img{margin-bottom:20px;}
		div.home-latest-news p{margin-bottom:0;}
		
		div.home-starlite-purpose > div.inner{overflow:auto;padding:45px 30px;width:100%;}
		
		div.home-starlite-purpose > div.inner h3.heading-tag{text-transform:capitalize !important;}
		
		div.purpose-icons div.icon-container{background:var(--secondary-color);border-radius:100%;height:60px;width:60px;text-align:center;margin:0 auto;}
		div.purpose-icons:nth-child(5){clear:both;}
		
		div.purpose-icons > div.inner{margin:20px;}
		
		div.purpose-icons i{font-size:30px;color:#FFF;line-height:60px;}
		div.purpose-icons p{margin-bottom:0;}
	
		
		@media only screen and (max-width :992px) {
			div.purpose-icons:nth-child(5){clear:none;}
			div.purpose-icons:nth-child(even){clear:both;}
			section.home-purpose-news > div > div > div{display:block;}
		
			section.home-purpose-news{background:none;}
			div.home-latest-news-module{margin-top:20px;}
			div.home-starlite-purpose > div.inner h3.heading-tag{text-align:center;}
		}
		
		@media only screen and (max-width : 767px) {
			div.home-ferry-advisory div.inner{display:block;text-align:center;}
			div.home-ferry-advisory div.label{display:block;}
			div.home-ferry-advisory div.label > h3{display:block !important;}
		}
		
		@media only screen and (max-width : 480px) {
			div.home-latest-news-module > div.inner{padding:20px 5px;}
			div.home-starlite-purpose > div.inner{padding:20px 5px;}
			section.home-purpose-news .heading-tag{font-size:20px;}
			div.purpose-icons > div.inner{margin:10px 0;}
		}
	
	/*starlite history page*/
	
	div.route-label > div.inner{display:flex;align-items:center;}
	div.route-label > div.inner div.icon-container{background:var(--secondary-color);border-radius:100%;margin:10px;text-align:center;height:40px;width:40px;}
	div.route-label > div.inner div.icon-container i{color:#FFF;line-height:40px;font-size:20px;}
	div.route-label > div.inner p{margin-bottom:0;}
	
	section.humble-beginnings > div > div.container > div.inner,
	section.aquisition > div > div.container > div.inner{display:flex;align-items:center;}
	
	
	@media only screen and (max-width : 992px) {
		
		section.humble-beginnings,
		section.aquisition{text-align:center;padding:40px 0 !important;}
		section.humble-beginnings > div > div.container > div.inner,
		section.aquisition > div > div.container > div.inner{display:block;}
	}
	
	@media only screen and (max-width : 480px) {
		
		div.route-label > div.inner{display:block;margin-bottom:10px;}
		div.route-label > div.inner div.icon-container{margin:0 auto;}
	}
	
	/*schedules*/
	
	section.schedule-route{margin-bottom:30px !important;}
	
	section.schedule-route header div.inner{padding:10px;display:flex;align-items:center;background:var(--main-color);}
	section.schedule-route header div.inner h3{text-align:left;color:#FFF !important;margin-bottom:0;}
	section.schedule-route header div.inner div.header-icon-container{margin-right:10px;height:30px;width:30px;background:var(--secondary-color);border-radius:100%;}
	section.schedule-route header div.inner div.header-icon-container i{font-size:18px;line-height:30px;color:#FFF;}
	
	section.schedule-route div.tcvpb_section_content > div.container > div.inner{display:flex;}
	section.schedule-route div.tcvpb_section_content > div.container > div.inner > div{/*display:flex;align-items:center;*/}
	
	section.schedule-route div.tcvpb_section_content > div.container > div.inner > div > div.inner{padding:30px 15px;}
	section.schedule-route div.tcvpb_section_content > div.container > div.inner > div.time-column:nth-child(1) > div.inner{padding-right:0;}
	section.schedule-route div.tcvpb_section_content > div.container > div.inner > div.time-column:nth-child(2) > div.inner{padding-left:0;}
	
	section.schedule-route div.tcvpb_section_content > div.container > div.inner > div.time-column > div.inner{width:100%;text-align:center;}
	section.schedule-route div.tcvpb_section_content > div.container > div.inner > div.time-column > div.inner p{
		margin-bottom: 5px;
		font-weight: bold;
		background: var(--quinary-color);
		padding: 5px 0;
	}
	
	@media only screen and (max-width : 767px) {
		section.schedule-route div.tcvpb_section_content > div.container > div.inner{display:block;}
		section.schedule-route div.tcvpb_section_content > div.container > div.inner > div.time-column{z-index:999;
		}
	}
	
	/*contact us page*/
	
	div.contact-icon{}
	div.contact-icon > div.inner{display:flex;align-items:center;}
	div.contact-icon > div.inner > div.icon-container{width:30px;text-align:center;margin-right:5px;}
	div.contact-icon > div.inner > div.icon-container > i{line-height:30px;font-size:20px;color:var(--secondary-color);}
	div.contact-icon > div.inner > p{margin-bottom:0;}
	
	div.contact-form-container > div.inner > div > p.p_tc:first-child{display:none;}
	
	.starlite-button{
		text-transform: uppercase;
	}
	
	/*sidebar*/
	
	div.widget_recent_entries ul li{
	    line-height:normal;
	    padding:15px 0;
	}
	div.widget_recent_entries ul li:after{
	    content:'';
	}
	div.widget_recent_entries ul li a{
	    
	}
	
	/*end of sidebar*/
	
	
	/*news and promos page*/

	div.news-and-promos-page{}
	div.news-and-promos-page h5{margin:15px 0 0 0;}
	div.news-and-promos-page div.date-container{margin-bottom:5px;color:var(--quinary-color);}
	div.news-and-promos-page p{margin-bottom:0px;}
	div.news-and-promos-page a.read-more-link{color:var(--secondary-color);}	
	div.news-and-promos-page a.read-more-link:hover{cursor:pointer;}	
	div.news-and-promos-page > div > div{margin:20px 0;}
	
	/*generic mobile css*/
	
	@media only screen and (max-width : 992px){
		
		/*fixed menu toggle*/
			div#menu-toggle{
				width: 50px;
				height: 50px;
				line-height: 55px;
				color: #FFF;
				text-align: center;
				position: fixed;
				right: 20px;
				top: 82px;
				font-size: 18px;
				z-index: 9999999;
				background: var(--main-color);
			}
			div#menu-toggle:hover{
				cursor:pointer;
			}
		/*end of fixed menu toggle*/
			
		/*offcanvas menu*/
			#main-header div.offcanvas{	
				background: var(--main-color);
				color:#FFF !important;
				position: fixed;
				top: 0;
				left: 0;
				height: 100%;
				width: 0%;
				z-index: 100000;
				overflow-y: scroll;
				overflow-x: hidden;
				float: none !important;
				box-shadow: none;
				transition: all 1s ease;
				-webkit-transition: all 1s ease;
				-moz-transition: all 1s ease;
				-o-transition: all 1s ease;
				padding-top:30px;
				padding-bottom:30px;
			}
			#main-header div#offcanvas.active{
				width:40%;
				transition: all 1s ease;
				-webkit-transition: all 1s ease;
				-moz-transition: all 1s ease;
				-o-transition: all 1s ease;
				padding-left:30px;
				padding-right:30px;
			}
			/*generic offcanvas style*/
			#main-header div#offcanvas ul#offcanvas-menu a,
			#main-header div#offcanvas ul#offcanvas-menu a span{
				color:#FFF;
			}
			#main-header div#offcanvas ul#offcanvas-menu > li:hover > a,
			#main-header div#offcanvas ul#offcanvas-menu > li:hover > a > span{
				color:var(--secondary-color) !important;
			}
			#main-header div#offcanvas ul#offcanvas-menu > li > a{
				border-bottom:1px solid #FFF;
				padding:10px 0;
			}
			/*end of generic offcanvas style*/
			/*first level style*/
			#main-header div.offcanvas > ul{
				padding:0;
				width: 100%;
				float: left;
				position: relative;
			}
			#main-header div.offcanvas > ul > li{
				display: block;
				float: none;
				text-align: left;
			}
			#main-header div.offcanvas > ul > li > a{
				display: block;
				width: 100%;
				text-align: left;
				margin-left: 0;
				padding-bottom: 0;
				font-weight: 700;
			}
			/*end of first level style*/
			
			/*second level style*/
			#main-header div.offcanvas > ul > li > ul{
				display: block;
				list-style:none;
				position: static;
				border: none;
				margin: 0;
				padding: 0 0 0 15px;
				box-shadow: none;
			}
			#main-header div.offcanvas > ul > li > ul > li{
			}
			#main-header div.offcanvas > ul > li > ul > li > a{
				padding:10px 0;
				display:block;
			}
			#main-header div.offcanvas > ul > li > ul > li:hover > a,
			#main-header div.offcanvas > ul > li > ul > li:hover > a > span{
				color:var(--secondary-color) !important;
			}
			/*end of second level style*/
			
		/*end of offcanvas menu*/
		
	
	/*end of generic mobile css*/

	}
	
	/*medium*/
	@media only screen and (min-width : 992px) and (max-width : 1200px){
		
		/*text alignment*/
		
		.text-md-left { text-align: left !important; }
		.text-md-right { text-align: right !important; }
		.text-md-center { text-align: center !important; }
		.text-md-justify { text-align: justify !important; }
		
	}

	/*small*/
	@media only screen and (min-width : 768px) and (max-width : 991px) {
		
		/*text alignment*/
		.text-sm-left { text-align: left !important; }
		.text-sm-right { text-align: right !important; }
		.text-sm-center { text-align: center !important; }
		.text-sm-justify { text-align: justify !important; }
		
		/*offcanvas width*/
		#main-header div#offcanvas.active{width:60%;}
		
	}
	
	/*extra small*/
	@media only screen and (max-width : 767px) {
		
		/*text alignment*/
		.text-xs-left { text-align: left !important; }
		.text-xs-right { text-align: right !important; }
		.text-xs-center { text-align: center !important; }
		.text-xs-justify { text-align: justify !important; }
		
		/*offcanvas width*/
		#main-header div#offcanvas.active{width:75%;}
	
		
	}
	
	/*not so small*/
	@media only screen and (max-width : 480px) {
		
	}
	
	/*iphone*/
	@media only screen and (max-width : 320px) {
	}