/* 
Theme Name:		 Sunday Elephant Child Theme
Theme URI:		 http://childtheme-generator.com/
Description:	 Sunday Elephant Child Theme is a child theme of Hello Elementor, created by ChildTheme-Generator.com
Author:			 Sunday Elephant Creatives
Author URI:		 http://childtheme-generator.com/
Template:		 hello-elementor
Version:		 1.0.0
Text Domain:	 sunday-elephant-child-them
*/

/******************************************
 SUPERFLY MENU
******************************************/
.sfm-rollback {
	display: none;
}
div.sfm-label-metro .sfm-navicon-button {
	background: rgba(0,0,0,0);
	top: -4px;
}
div.sfm-label-metro .sfm-navicon, div#sfm-mob-navbar .sfm-navicon, div.sfm-label-metro .sfm-navicon:after, div#sfm-mob-navbar .sfm-navicon:after, div.sfm-label-metro .sfm-navicon:before, div#sfm-mob-navbar .sfm-navicon:before {
	background: #ffffff !important;
	border-radius: 3px !important;
	height: 4px !important;
}
.sf_label_default:focus .sfm-navicon:before, .sf_label_default:hover .sfm-navicon:before {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.sf_label_default:focus .sfm-navicon:after, .sf_label_default:hover .sfm-navicon:after {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
#sfm-sidebar .sfm-menu li > a {

}
#sfm-sidebar .sfm-menu li > a span {
	text-transform: uppercase !important;
	text-transform: none;
}
.sfm-navicon:after, .sfm-navicon:before, .sfm-sidebar-close:before, .sfm-sidebar-close:after {
	width: 24px;
}
.sfm-navicon, .sfm-navicon:after, .sfm-navicon:before, .sfm-sidebar-close:before, .sfm-sidebar-close:after {
	height: 4px !important;
}
.sfm-navicon {
	width: 24px;
}
.sfm-navicon-button {
	padding: 20px 8px;
}
#sfm-sidebar.sfm-hl-line .sfm-menu li.sfm-active-class > a,
#sfm-sidebar.sfm-hl-line .sfm-menu li:hover > a {
	background: #ffffff !important;
	color: #FFC72C;
}

/******************************************
 GLOBAL STYLES
******************************************/

/* GRAVITY FORM */
.gform_wrapper .gfield select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #ffffff;
	background-image: url("data:image/svg+xml;utf8,<svg fill='rgb(29, 67, 155)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	background-position: right 14px center;
	background-repeat: no-repeat;
	border-color: #ffffff;
	border-radius: 0px;
	color: #9F9F9F;
}
.gform_wrapper .gfield .gfield_checkbox input[type=checkbox] {
	position: relative;
	width: 16px;
	height: 16px;
	color: #363839;
	border: 2px solid #bdc1c6;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0;
	cursor: pointer;
	transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
	padding: 0;
}
.gform_wrapper .gfield .gfield_checkbox input[type=checkbox]::before {
	position: absolute;
	content: "";
	display: block;
	top: 0px;
	left: 4px;
	width: 5px;
	height: 9px;
	border-style: solid;
	border-color: #1D439B;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	opacity: 0;
}
.gform_wrapper .gfield .gfield_checkbox input[type=checkbox]:checked {
	background: #ffffff;
	border-color: #1D439B;
	color: #1D439B;
}
.gform_wrapper .gfield .gfield_checkbox input[type=checkbox]:checked::before {
	opacity: 1;
}
.gform_wrapper .gfield .gfield_checkbox input[type=checkbox]:checked ~ label::before {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.gform_wrapper .gfield .gfield_checkbox label {
	position: relative;
	cursor: pointer;
	font-size: 1.5em;
	font-weight: 600;
	padding: 0 0.25em 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.gform_wrapper .gfield .gfield_checkbox label::before {
	position: absolute;
	content: attr(data-content);
	color: #9c9e9f;
	-webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
	clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
	text-decoration: line-through;
	text-decoration-thickness: 3px;
	-webkit-text-decoration-color: #363839;
	text-decoration-color: #363839;
	transition: -webkit-clip-path 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: clip-path 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: clip-path 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.gform_wrapper .gform_footer input {
	padding-bottom: 4px;
	padding-top: 3px;
}

/* SEARCH FORM */
.search-wrapper form ul {
	align-items: flex-end;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
.search-wrapper form ul li {
	padding: 0;
}
.search-wrapper form ul li.sf-field-search {
	width: 60%;
}
.search-wrapper form ul li.sf-field-taxonomy-transport_option {
	width: 22%;
}
.search-wrapper form ul li.sf-field-submit {
	width: 18%;
}
.search-wrapper form ul li h4 {
	color:  #ffffff;
	font-family: "Helvetica Neue", Sans-serif;
	font-size: 18px;
	font-weight: 400;
}
.search-wrapper form ul li label {
	width: 100%;
}
.search-wrapper form ul li input,
.search-wrapper form ul li select {
	border: none;
	border-radius: 0;
	height: 60px;
	outline: none;
}
.search-wrapper form ul li select {
	background-image: url('library/images/icon-map-bus-station@2x.png');
	background-position: left 11px center;
	background-repeat: no-repeat;
	background-size: 18px;
	padding-left: 40px !important;
}
.search-wrapper form ul li.sf-field-search input {
	border-right:  0px solid #BFBFBF !important;
	background-image: url('library/images/icon-maginify@2x.png');
	background-position: left 20px center;
	background-repeat: no-repeat;
	background-size: 23px;
	padding-left: 60px !important;
}
.search-wrapper form ul li.sf-field-submit input {
	background-image: url('library/images/icon-arrow-button@2x.png');
	background-position: right 20px center;
	background-repeat: no-repeat;
	background-size: 8px 16px;
	font-size: 20px;
	padding: 5px 25px;
	width: 100%;
}
.search-wrapper form ul li.sf-field-submit input:hover {
	color: #ffffff;
}

/*** Homepage - Enter any style for elements on homepage here ***/

marquee {
	/*display: flex;*/
	/*list-style: none;*/
	padding: 0;
	/*width: 1920px;*/

	overflow: hidden;
}
marquee p {
  /*animation: marquee 15s linear infinite;*/
	border-right: 1px solid red;
	display: inline-block;
	font-family: "Open Sans";
	font-size: 13px;
	padding-right: 10px;
	margin-right: 10px;
	margin-bottom: 0;
  /*width: 100%;*/
}
marquee p:last-child {
	border-right: 0;
	margin-right: 0;
}
marquee p {
	color: #ffffff;
	white-space: pre;
}
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}



/*** Internal Pages - Enter any style for elements on internal pages here ***/
/* LIVE BUS SCHEDULE */
.live-bus-schedule .sched-head {
	background-color: #fff;
	margin-bottom: 0;
	position: sticky;
	top: 0;
	z-index: 9;
}
.live-bus-schedule .sched-head th {
	padding-top: 0;
}
.live-bus-schedule .sched-titles .sticky-top {
	background-color: #fff;
	box-shadow: 0 0 0 1px #ffffff;
	position: sticky;
	top: 80px;
	z-index: 9;
}
.content-area .bus-sched-title {
	margin-bottom: 21px;
	text-align: center;
}
.content-area .bus-sched-title h4 {
	background-color: #1D439B;
	color: #ffffff;
	display: inline-block;
	font-size: 25px;
	font-weight: 400;
	margin-bottom: 0;
	padding-right: 16px;
	text-transform: uppercase;
}
.content-area .bus-sched-title h4 span {
	background-color: #EE3124;
	display: inline-block;
	margin-right: 10px;
	padding: 23px 26px 23px 50px;
	position: relative;
}
.content-area .bus-sched-title h4 span:before {
	background-color: #ffffff;
	border: 3px solid var(--e-global-color-accent);
	border-radius: 50%;
	box-shadow: 0 0 0 1px #ffffff;
	content: '';
	height: 20px;
	left: 20px;
	position: absolute;
	top: 50%;
	width: 20px;
	transform: translatey(-50%);
	-webkit-transform: translatey(-50%);
}
.content-area table tbody#curr .schTime td {
	font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
	font-size: 24px;
	text-align: center;
}
table.table-content td {
	border: none;
}
table .board-template {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	padding: 5px 10px;
}
table .board-template p {
	margin: 0;
}
table .board-template .board-info,
table .board-template .board-gate-bay {

}
table .board-template .board-info {
	width: 63%;	
}
table .board-template .board-info p {
	font-family: var( --e-global-typography-text-font-family ), Sans-serif;
}
table .board-template .board-info p.schRoute {
	font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
}
table .board-template .board-info p.schStatus {
	font-size: 13px;
	font-weight: 700;
	line-height: 16px;
	text-transform: uppercase;
}
table .board-template .board-info p.schStatus.arriving,
table .board-template .board-info p.schStatus.boarding {
	color: #15AF45;
}
table .board-template .board-info p.schStatus.cancelled, 
table .board-template .board-info p.schStatus.delayed {
	color: #EE3124;
}
table .board-template .board-info p.schRoute {
	font-size: 23px;
	font-weight: 700;
	line-height: 30px;
}
table .board-template .board-info p.schTime {
	font-size: 25px;
	line-height: 30px;
}
table .board-template .board-info p.schBus {
	font-size: 13px;
	line-height: 16px;
}
table .board-template .board-gate-bay {
	align-items: center;
	background-color: #ffffff;
	border: 1px solid #BFBFBF;
	display: flex;
	flex-wrap: wrap;
	width: 37%;
}
table .board-template .board-info p {

}
table .board-template .board-gate-bay .board-gate,
table .board-template .board-gate-bay .board-bay {
	width: 50%;
}
table .board-template .board-gate-bay .board-gate {
	border-right: 1px solid #BFBFBF;
}
table .board-template .board-gate-bay p {
	font-size: 30px;
	font-weight: 700;
	text-align: center;
}
table .board-template .board-gate-bay p.title {
	font-size: 20px;
}

/* RADIO BUTTON */
.sf-field-taxonomy-press_release_year li {
	margin-left: -27px !important;
}
.sf-field-taxonomy-press_release_year li label {
	cursor: pointer;
}
.sf-field-taxonomy-press_release_year li input[type=radio] {
  position: absolute;
  opacity: 0;
}
.sf-field-taxonomy-press_release_year li input[type=radio] + .sf-label-radio:before {
  content: "";
  background: transparent;
  border: 10px solid transparent;
  display: inline-block;
  width: 31px;
  height: 31px;
  position: relative;
  top: 0;
  margin-right: 30px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.sf-field-taxonomy-press_release_year li input[type=radio]:checked + .sf-label-radio:before {
  background-color: #ffffff;
  border-color: var(--e-global-color-accent);
}
.sf-field-taxonomy-press_release_year li input[type=radio]:focus + .sf-label-radio:before {
  outline: none;
  border-color: var(--e-global-color-accent);
}
.sf-field-taxonomy-press_release_year li input[type=radio]:disabled + .sf-label-radio:before {
	opacity: .5;
}
.sf-field-taxonomy-press_release_year li input[type=radio] + .sf-label-radio:empty:before {
  margin-right: 0;
}
/* LIVE BUS SCHEDULE */
.live-bus-schedule .schBus {
	font-family: var(--e-global-typography-text-font-family);
	text-transform: capitalize;
}
.live-bus-schedule .schTrip {
	font-family: var(--e-global-typography-primary-font-family);
	text-transform: capitalize;
}
.live-bus-schedule .sched-titles thead tr:nth-child(2) th,
.live-bus-schedule .departed thead tr:nth-child(2) th {
	color: var(--e-global-color-65644cc);
	font-size: 20px;
	font-family: var(--e-global-typography-text-font-family);
}
.live-bus-schedule tbody .schTime {
	background-color: var(--e-global-color-65644cc);
	font-family: var(--e-global-typography-primary-font-family);
	color: #ffffff;
	font-size: 20px;
}
.live-bus-schedule tbody .schGate,
.live-bus-schedule tbody .schBay,
.live-bus-schedule tbody .schStatus {
	text-align: center;
}
.live-bus-schedule .sched-titles thead tr:nth-child(1) th,
.live-bus-schedule table.departed thead tr:nth-child(1) th {
	color: var(--e-global-color-65644cc);
	font-family: var(--e-global-typography-text-font-family);
	font-size: 28px;
	text-transform: uppercase;
}
.live-bus-schedule table tr td:nth-child(1) {
	/* border-left: 0 !important; */
}
.live-bus-schedule table tbody>tr:not(.schTime):nth-child(odd)>td {
	background-color: #ffffff;
}
.live-bus-schedule table tbody tr:not(.schTime):hover>td, 
.live-bus-schedule table tbody tr:not(.schTime):hover>th {
	background: hsla(0,0%,50.2%,.10196078431372549) !important;
}
.live-bus-schedule tbody .schStatus.cancelled {
	background-color: var(--e-global-color-accent) !important;
}
.live-bus-schedule tbody .schStatus.arriving {
	background-color: #1D9B6F !important;
}
.live-bus-schedule tbody tr:hover td.schStatus.cancelled {
	background-color: #C72D28 !important;
}
.live-bus-schedule tbody tr:hover td.schStatus.arriving {
	background-color: #16805B !important;
}
.live-bus-schedule tbody .schStatus.cancelled span,
.live-bus-schedule tbody .schStatus.arriving span {
	color: #ffffff !important;
}
/******************************************
 RESPONSIVE STYLE
******************************************/

@media (max-width: 1025px) {
	table .board-template .board-info p.schRoute {
		font-size: 20px;
	}
	table .board-template .board-info p.schTime {
		font-size: 18px;
	}
	table .board-template .board-gate-bay p.title {
		font-size: 18px;
	}
	table .board-template .board-gate-bay p {
		font-size: 20px;
	}
}

@media (max-width: 930px) {
	table.table-content td {
		display: block;
		width: 100%
	}
	table.table-content tr:nth-child(odd) td,
	table.table-content tr:nth-child(even) td {
		background-color: #ffffff;
	}
	table.table-content tr:nth-child(odd) td:nth-child(odd),
	table.table-content tr:nth-child(even) td:nth-child(even) {
	    background-color: hsla(0,0%,50.2%,.07058823529411765);
	}
}

@media (max-width: 767px) {
	.sfm-rollback {
		display: block;
	}
	.search-wrapper form ul li.sf-field-search,
	.search-wrapper form ul li.sf-field-taxonomy-transport_option {
		margin-bottom: 10px;
		width: 100%;
	}
	.search-wrapper form ul li h4 {
		font-weight: 400 !important;
	}
	.search-wrapper form ul li.sf-field-submit {
		text-align: right;
		width: 100%;
	}
	.search-wrapper form ul li.sf-field-submit input {
		background-position: right 25px center;
		margin-top: 10px;
		padding: 5px 50px 5px 25px;
		width: auto;
	}
}

/*.first-session {
	display: none;
}
*/