@import url("../../../../../../cdn.jsdelivr.net/npm/bootstrap-icons%401.10.4/font/bootstrap-icons.css");

body {
  font-family: "proxima-nova", system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif;	
  font-size: .85vw;
}

html:lang(en-CA) .fr-ca {
	display:none !important;
}
html.en .fr-ca {
	display:none !important;
}

html:lang(fr-CA) .en-ca {
	display:none !important;
}

html.fr .en-ca {
	display:none !important;
}

.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

div.content {
  color: #707070;
}

div.content h1 {
	color: #273B84;
}

div.content h2 {
  color: #1C6AB3;
}

h1, h2, h3, h4, h5, h6 {
  font-weight:400;
}

h2.wp-block-heading {
  margin-top: 1.5rem;
}

h2.noise-complaint-section-title {
	font-size:2rem;
	color:#707070 !important;
}

a {
	color:#0C80A7;
	text-decoration: underline;
}

a:hover {
	color:#0059A7;
}

ul li::marker, ol li::marker {
	color:#1C6AB3;
}

#header-container {
   padding-left:8%;
   padding-right:8%;
}

/* Home Specific */

#home-banner {
		position: relative;
		padding: 0;
		height: 80vh;
	  margin-bottom: 25px;
	  background-size: cover;
	  background-position: center;
	  display: inline-block;
	}
	#homeVideo {
		width: 100%;
		height: 100%;
		position: absolute;
		object-fit: cover;
		z-index: 0;
	}
	#home-banner-content-wrap {
		height:80vh;
	}
	#left-home-banner-content,  #right-home-banner-content {
		z-index: 10;
		flex-wrap: wrap;
	}
	#videoBtn {
		cursor: pointer;
	}
	h1#home-H1 {
		color: #fff;
		font-size: 3.5rem;
		font-weight:700;
		line-height:1.1;
	}
	.weatherwidget-io {
		width:200px;
		z-index:900;
		right:5%;
	}
	#home-top-buttons a{
		height:8vh;
		text-decoration:none;
	}
	#home-top-buttons div{
		height:100%;
		padding:20px;
		display: flex;
		align-items: center;
	}
	
	#home-top-buttons img{
		width:45px;
		height:45px;
	}

	.home-mobilewrap {
		background-color:rgba(0, 47, 135, 0.8);
	}
	#home-while-your-here h2, #home-awards h2, #home-map h2 {
		font-size:3rem;
		color:#1C6AB3;
	}
	
	.HomeCard-title h3 {
		margin-bottom: 0;
		line-height: 1;
	}
	
	.ToFromCard .ToFrom-title h4 {
		font-size: 1.8rem;
		line-height: 1.1;
	}
	
	.CTA-title h3 {
		font-size: 1.8rem;
		line-height: 1.1;
	}
	
	#home-while-your-here .card-body {
		padding:2rem;
	}
	#home-food-icon {
		width:45px;
		height:85px;
	}
	#home-shop-icon {
		width:67px;
		height:85px;
	}
	#home-services-icon {
		width:67px;
		height:85px;
	}
	.carousel-item {
		height:30vh;
	}
	
	#home-testimonials .carousel-caption {
		position:relative;
		left:0;
		top:0;
		padding:1rem;
		margin-bottom:0;
	}
	
	.carousel-control-next, .carousel-control-prev {
	opacity:1;
	}
	
	.carousel-control-prev-icon,
	.carousel-control-next-icon {
	  height: 45px;
	  width: 45px;
	  background-size: 100%, 100%;
	  color:#fff;
	  background-color:#fff;
	  opacity:1;
	  border-radius: 50%;
	  background-image: none;
	}

	.carousel-control-next-icon:after
	{
	  content: '>';
	  font-size: 31px;
	  color: #1C6AB3;
	}

	.carousel-control-prev-icon:after {
	  content: '<';
	  font-size: 31px;
	  color: #1C6AB3;
	}
	
	#home-awards img {
		height: max-content;
		margin:12px 20px;
	}
	
	.HomeCard-image img {
		border-radius:0 !important;
	}
	
/*END Home Specific */

/* Alert specific */
body #top-nav-alert {
	display:none;
}
body.has-alert #top-nav-alert {
	display:block;
}
#top-nav-alert .dark-orange-bg {
	background-color:#ff671d;
	color:#fff;
	padding:1.2rem;
}
#top-nav-alert .light-orange-bg {
	background-color:#ff8144;
	color:#fff;
	padding:1.2rem;
}
#top-nav-alert .close-button {
	right:20px;
	top:10px;
}
/* END Alert specific */

h1.entry-title {
	margin-bottom:1.25rem;
}

header, #header {
	background-color:#fff !important;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
}

#header-logo-desktop {
	height:77px;
}

#header-logo-mobile {
	height:56px;
}

/* Hide the down arrows for the main navigation  */
.dropdown-toggle::after {
  display:none;
}

#menu-main-navigation .nav-link.dropdown-toggle:before, #menu-main-navigation-fr .nav-link.dropdown-toggle:before  {
	    display: inline-block;
		width:20px;
		height:20px;
        vertical-align: middle;
		margin-right:7px;
		margin-bottom: 3px;
}

#menu-main-navigation #menu-item-98 .nav-link.dropdown-toggle:before, #menu-main-navigation-fr #menu-item-1210 .nav-link.dropdown-toggle:before {
		content:url('../svg/flight_top-nav-menu_icon.svg');
}

#menu-main-navigation #menu-item-103 .nav-link.dropdown-toggle:before, #menu-main-navigation-fr #menu-item-1576 .nav-link.dropdown-toggle:before {
		content:url('../svg/to_and_from_top-nav-menu_icon.svg');
		margin-bottom:10px;
		width:18px;
		height:18px;
}

#menu-main-navigation #menu-item-112 .nav-link.dropdown-toggle:before, #menu-main-navigation-fr #menu-item-1239 .nav-link.dropdown-toggle:before {
		content:url('../svg/the_airport_top-nav-menu_icon.svg');
}

#menu-main-navigation #menu-item-118 .nav-link.dropdown-toggle:before, #menu-main-navigation-fr #menu-item-1306 .nav-link.dropdown-toggle:before {
		content:url('../svg/corporate_top-nav-menu_icon.svg');
		margin-bottom:11px;
		width:18px;
		height:18px;
}

#menu-main-navigation #menu-item-127 .nav-link.dropdown-toggle:before, #menu-main-navigation-fr #menu-item-1388 .nav-link.dropdown-toggle:before {
		content:url('../svg/community_top-nav-menu_icon.svg');
}

.dropdown-menu.show {
	display:flex;
	justify-content: center;
	background-color: #1C6AB3;
	border:0;
	margin-top:0;
	flex-wrap:wrap;
}

.nav-link, .lang-item a{
	color:#1c6ab3;
}

a.nav-link, a.dropdown-item, .lang-item a {
	text-decoration:none;
}

.nav-link:focus, .nav-link:hover, .lang-item a:hover {
  color: #12B5E9;
}

.lang-item a {
	padding:.5rem;
	display:block;
}

.dropdown-item {
	color:#fff;
	font-weight:700;
}

.navbar-expand-md .navbar-nav .dropdown-menu {
  background-color: #12B5E9;
  margin-top: 0;
}

.navbar-toggler {
	border:0 !important;
}

.navbar-toggler:focus {
	box-shadow:none !important;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #032D73;
}

.navbar-expand-md .navbar-nav .dropdown-menu {
  border-radius: 0;
}

footer#footer {
	color:#1C6AB3;
}

.bg-footer-colour {
	height:10px;
	float:left;
}

.bg-footer-colour-dark-blue {
	background-color:#032D73;
}

.bg-footer-colour-blue {
	background-color:#0059A7;
}

.bg-footer-colour-light-blue {
	background-color:#3A89CA;
}

.bg-footer-colour-very-light-blue {
	background-color:#00A9E7;
}

.goog-te-gadget-simple {
	font-size:1rem !important;
	font-family:inherit;
}

#footer-PortsToronto-logo {
	max-width:200px;
}

#footer-social-wrap li a, #header-social-wrap li a {
	padding:.5rem;
	color:#1C6AB3;
}

#footer-accreditation-logos img {
	width:auto;
	height:55px;
}

footer .nav-link {
	line-height:1.2;
}

#footer-social-wrap i:hover, #header-social-wrap i:hover {
  color: #00A9E7;
}


.darkblue {
  background-color: #1e1161;
  color: #fff;
}
.blue {
  background-color: #1C6AB3;
  color: #fff;
}
.lightblue {
  background-color: #0CAAED;
  color: #fff;
}
.lightblue-darker {
  background-color: #12B5E9;
  color: #fff;
}
.green {
  background-color: #87a545;
  color: #fff;
}
.yellow {
  background-color: #FDC223;
}
.light-grey-text {
	color:#707070;
}
.dark-blue-text {
	color:#1C6AB3;
}
.shadowed-text {
	text-shadow: 2px 2px 8px #404040;
}

.card {
	border:0;
}
.card-title {
	font-size:1.8rem;
	line-height:1.1;
}
.card-img, .card-img-top {
	border-top-left-radius: 10px;
	border-top-right-radius: 0px;
	border-bottom-left-radius:10px;
}

.card-body {
	padding:1rem 0rem;
	color:#707070;
}

#main {
	margin-top:0; 
}

#banner-image {
  width: 100%;
  margin: 0 auto;
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
#banner-image img {
  height: 55vh;
  object-fit: cover;
  width: 100%;
}

#banner-content {
	background-color: rgba(3, 45, 115, .87);
}

#banner-content h1{
	font-size:4rem;
	line-height:.9;
}

#banner-content p{
	font-size:1.2rem;
	line-height: 1.3;
}

.icon-white {
    fill: #fff!important;
    stroke: transparent!important;
}

.accordion {
	margin-bottom:1.5rem;
}

.accordion-button.collapsed {
  background-color: #1C6AB3;
  color: #fff;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

.accordion-button {
	font-weight:700;
}

/* Breadcrumb Specific */

.breadcrumbs {
	padding-top:4px;
}

.breadcrumbs a {
	color:#0C80A7;
	text-decoration:underline;	
}

.breadcrumbs a:hover {
	color:#0059A7;
}

.breadcrumbs span {
	margin-right:2px;
}

.breadcrumbs span.current-item {
	color:#707070;
}

img.breadcrumb-plane-icon {
	width:26px;
	height:24px;
	display:inline-block;
	vertical-align: text-bottom;
	padding-left:5px;
	padding-right:7px;
}

/* END Breadcrumb Specific */


/* Sidenav Specific */




ul.left-nav-menu li:nth-child(even) {
    background-color:#E9E9E9;
}

ul.sub-menu li:nth-child(even) {
    background-color:inherit;
}

ul.left-nav-menu li {
	padding:.3rem 1rem;
}

ul.left-nav-menu li:hover {
	background-color:#0059A7;
}

ul.left-nav-menu li:hover a {
	color:#fff;
}

ul.left-nav-menu li a{
	color:#032D73;
	display:block;
	text-decoration:none;
}

ul.left-nav-menu li:first-child {
	font-size: 1.75rem;
	line-height:1;
	margin-bottom:.5rem;
	background-color:#fff !important;
	color:#032D73 !important;
	font-weight:700;
}

ul.sub-menu li:first-child {
	font-size: inherit;
	line-height:inherit;
	margin-bottom:inherit;
	background-color:inherit !important;
	color:#032D73 !important;
	font-weight:inherit;
}

ul.sub-menu {
	padding-left:.5rem;
	list-style-type:none;
}

ul.left-nav-menu li:first-child a {
	color:#032D73 !important;
	text-transform:uppercase;
}

ul.sub-menu li:first-child a {
	text-transform:none;
}

ul.sub-menu li a {
	color:#032D73!important;
	text-transform:inherit;
}

#sidebar .current-page-parent a:hover, ul.left-nav-menu li:first-child a:hover {
	color:#00A9E7 !important;
}

ul.sub-menu li:first-child a:hover {
	color:#fff !important;
}

ul.left-nav-menu li.current_page_item {
	background-color:#0059A7 !important;
}

ul.left-nav-menu li.current_page_item ul.sub-menu {
	background-color:#E9E9E9 !important;
}

ul.left-nav-menu li.current_page_item a{
	color:#fff;
}

/* Over-ride for first child items in the right hand navigation when one is selected */
ul.left-nav-menu li#menu-item-324.current_page_item a, ul.left-nav-menu li#menu-item-1298.current_page_item a, ul.left-nav-menu li#menu-item-325.current_page_item a, ul.left-nav-menu li#menu-item-1215.current_page_item a,  ul.left-nav-menu li#menu-item-1567.current_page_item a,  ul.left-nav-menu li#menu-item-327.current_page_item a, ul.left-nav-menu li#menu-item-326.current_page_item a,  ul.left-nav-menu li#menu-item-1247.current_page_item a,  ul.left-nav-menu li#menu-item-1396.current_page_item a,  ul.left-nav-menu li#menu-item-323.current_page_item a  {
  color: #fff !important;
}

ul.sub-menu li.current_page_item a{
	color:#fff !important;
}

ul.left-nav-menu li:first-child a:before {
	    display: inline-block;
		width:35px;
		height:35px;
        padding-right: 3px;
        vertical-align: middle;
		margin-bottom: 3px;
		margin-right:5px;
}

#menu-flights-left-nav-menu li:first-child a:before, #menu-flights-left-nav-menu-fr li:first-child a:before {
		content:url('../svg/flight_icon_sub_nav.svg');
}

#menu-to-from-left-nav-menu li:first-child a:before, #menu-to-from-left-nav-menu-fr li:first-child a:before {
		content:url('../svg/to_and_from_icon_sub_nav.svg');
}

#menu-the-airport-left-nav-menu li:first-child a:before, #menu-the-airport-left-nav-menu-fr li:first-child a:before {
		content:url('../svg/the_airport_icon_sub_nav.svg');
}

#menu-corporate-left-nav-menu li:first-child a:before, #menu-corporate-left-nav-menu-fr li:first-child a:before {
		content:url('../svg/corporate_icon_sub_nav.svg');
}

#menu-community-left-nav-menu li:first-child a:before, #menu-community-left-nav-menu-fr li:first-child a:before {
		content:url('../svg/community_icon_sub_nav.svg');
}

#menu-the-airport-left-nav-menu ul.sub-menu li:first-child a:before, #menu-the-airport-left-nav-menu-fr ul.sub-menu li:first-child a:before {
		content:none;
}

#menu-flights-left-nav-menu ul.sub-menu li:first-child a:before, #menu-flights-left-nav-menu-fr ul.sub-menu li:first-child a:before {
		content:none;
}

#menu-to-from-left-nav-menu ul.sub-menu li:first-child a:before, #menu-to-from-left-nav-menu-fr ul.sub-menu li:first-child a:before {
		content:none;
}

#menu-corporate-left-nav-menu ul.sub-menu li:first-child a:before, #menu-corporate-left-nav-menu-fr ul.sub-menu li:first-child a:before {
		content:none;
}

#menu-community-left-nav-menu ul.sub-menu li:first-child a:before, #menu-community-left-nav-menu-fr ul.sub-menu li:first-child a:before {
		content:none;
}


/* END Sidenav Specific */

/* Button Specific */
.wp-block-button__link.wp-element-button {
  background-color: #0059A7;
  border: 0;
  padding:.8rem;
}

.wp-block-button__link.wp-element-button:hover {
  background-color: #00A9E7;
}

a.btn {
	text-decoration:none;
}

.btn-primary {
	background-color:#0059A7;
	border:0;
}

.btn-primary:hover {
	background-color:#12B5E9;
}

.btn-white {
	background-color:#fff;
	color:#0059A7;
}

.btn-primary:hover {
	background-color:#12B5E9;
}
/* END Button Specific */

#banner-image.StoryBanner img {
	margin-top:2rem;
	margin-bottom:.5rem;
	border-radius: 10px;
	box-shadow: 0px 4px 1px rgba(0, 0, 0, 0.1);
	height:55vh;
}


.DetailsPageDate {
	display:inline-block;
	padding:5px;
	color:#fff;
	background-color:#032D73;
	line-height:1;
	font-size:.8rem;
}

div.left-hand-rounded img {
	border-radius: 10px 0 0 10px;
}

img.left-hand-rounded {
	border-radius: 10px 0 0 10px;
}
/* Listing Specific */
.NewsRelease-date {
	font-size: .9rem;
}
.CommunityInvestmentCard img {
	max-height:120px;
}
div.accordion-body li {
  margin-top: 0.75rem;
}
/* END Listing Specific */


/* Details Page Specific */
h1.NewsTitle {
	margin-bottom:1rem;
}
/* END Details Page Specific */

/* MailChimp Signup Specific */
#mc_embed_signup {
  max-width: 100%;
}
#mc_embed_signup_scroll {
	color:#1C6AB3;
	margin-right:10%;
	padding:20px 0px;
}
#mc_embed_signup .mc-field-group.input-group label {
  margin-left: 5px;
}
#mc_embed_signup .button {
	background-color:#1C6AB3 !important;
}

/* END Mailchimp Signup Specific */

/* To & From Specific */

.ToFromIntroCard {
  border-radius: 10px;
  box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.1);
}
.ToFromCards h3 {
  color: #1C6AB3;
}
.ToFromCards img {
  border-radius:10px;
  box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.1);
}

/* END To & From Specific */


/* Search Specific */

.searchResult-title {
	font-size:1.15rem;
}

.document-search-summary {
	overflow-wrap: break-word;
	word-break: break-all;
}

.regular-search-results-wrap {
	border-right:1px solid #1c6ab3;
}

/* END Search Specific */

/* Media Queries */
@media only screen and (max-width: 1700px) {
	body {	
	  font-size: 1.0vw;
	}
	#menu-main-navigation #menu-item-103 .nav-link.dropdown-toggle:before, #menu-main-navigation-fr #menu-item-1576 .nav-link.dropdown-toggle:before {
			margin-bottom:5px;
			width:18px;
			height:18px;
	}

	#menu-main-navigation #menu-item-118 .nav-link.dropdown-toggle:before, #menu-main-navigation-fr #menu-item-1306 .nav-link.dropdown-toggle:before {
			margin-bottom:5px;
			width:18px;
			height:18px;
	}
}
/* Less than XXL */
@media only screen and (max-width: 1399px) {
	body {	
	  font-size: 1.3vw;
	}
	.dropdown-toggle {
	  font-size:1.3vw; 
	}
	.dropdown78D {
	  padding-left:1.5rem !important;
	}
}
/* Less than XL */
@media only screen and (max-width: 1199px) {
	body {	
	  font-size: 1.5vw;
	}
	.dropdown-toggle {
	  font-size:1.2vw;
	}

	h1#home-H1 {
		font-size: 3.5rem;
		line-height:1;
	}
}
/* Less than LG */
@media only screen and (max-width: 991px) {
	body {	
	  font-size: 1.7vw;
	}
	#navbar {
		margin-top: 1em;
	}
	#menu-main-navigation #menu-item-118 .nav-link.dropdown-toggle:before, #menu-main-navigation-fr #menu-item-1306 .nav-link.dropdown-toggle:before {
		width: 15px;
		height: 15px;
	}
	#menu-main-navigation #menu-item-103 .nav-link.dropdown-toggle:before, #menu-main-navigation-fr #menu-item-1576 .nav-link.dropdown-toggle:before {
		width: 16px;
		height: 16px;
  }
	.dropdown-toggle {
	  font-size:inherit;
	}
	.dropdown78D {
	  padding-left:inherit !important;
	}
	#Copyright-Statement {
		text-align:center;
	}
	.dropdown-menu.show {
		flex-direction:column;
		background-color: #1C6AB3;
	}
	#banner-content {
		width:100% !important;
		text-align:center;
	}
	#banner-content h1 {
		font-size:3rem;
	}

	#banner-content p {
		font-size:1rem;
	}
	.lang-item a {
		padding-top:.5rem;
		padding-bottom:.5rem;
		padding-left:0;
		padding-right:0;
	}
	#left-home-banner-content {
		  margin-bottom: 1rem;
	}
	#right-home-banner-content {
		  margin-top: 2rem;
	}
	.weatherwidget-io {
		right:2%;
	}
}
/* Less than MD */
@media only screen and (max-width: 767px) {
	body {	
	  font-size: 2.2vw;
	}
	h1#home-H1 {
		font-size: 3rem;
	}
	.nav-link.dropdown-toggle {
		font-size: 1rem;
	}
	
	#home-food-icon {
		width: 30px;
		height: 55px;
		margin-right: 1rem;
	}
	#home-shop-icon {
		width: 37px;
		height: 47px;
		margin-right: .5rem;
	}
	#home-services-icon {
		width: 37px;
		height: 47px;
		margin-right: .5rem;
	}
	 #sidebar-faq {
		 margin-top:1.5rem;
	 }
	 .wp-block-columns.is-layout-flex {
		gap:0rem;
	}
	#header-container {
	  padding-left: 4%;
	  padding-right: 1%;
	}
	.weatherwidget-io  {
		display:none !important;
	}
}
/* Less than SM */
@media only screen and (max-width: 575px) {
	body {	
	  font-size: 3.5vw;
	}
	h1#home-H1 {
		font-size: 3rem;
	}
	#home-banner {
		height: 100vh;
	}
	#home-banner-content-wrap {
		height: 100vh;
	}
	.weatherwidget-io {
		width:200px;
		z-index:900;
		right:15%;
	}
	.weatherwidget-io {
		right:0%;
	}
	#left-home-banner-content {
		  margin-bottom: 3.5rem;
	}
	.wp-block-media-text .wp-block-media-text__content {
	  padding: 0 2%;
	}
	.regular-search-results-wrap {
		border-right:none;
	}
}
/* END Media Queries */



