@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css");

/*  LOADING ALL OF THE DIN FONTS FOR THE BODY  */
@import url("https://use.typekit.net/rsj7jck.css");

/*  LOADING ALL OF THE TRUST 2A FONTS FOR THE HEADINGS  */
@font-face {
  font-family: 'Trust-2a';
  src: url('/wp-content/themes/PortsToronto/assets/fonts/trust-2a.woff2') format('woff2'),
       url('/wp-content/themes/PortsToronto/assets/fonts/trust-2a.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trust-2a';
  src: url('/wp-content/themes/PortsToronto/assets/fonts/trust-2a-italic.woff2') format('woff2'),
       url('/wp-content/themes/PortsToronto/assets/fonts/trust-2a-italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Trust-2a';
  src: url('/wp-content/themes/PortsToronto/assets/fonts/trust-2a-medium.woff2') format('woff2'),
       url('/wp-content/themes/PortsToronto/assets/fonts/trust-2a-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trust-2a';
  src: url('/wp-content/themes/PortsToronto/assets/fonts/trust-2a-medium-italic.woff2') format('woff2'),
       url('/wp-content/themes/PortsToronto/assets/fonts/trust-2a-medium-italic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Trust-2a';
  src: url('/wp-content/themes/PortsToronto/assets/fonts/trust-2a-bold.woff2') format('woff2'),
       url('/wp-content/themes/PortsToronto/assets/fonts/trust-2a-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Trust-2a';
  src: url('/wp-content/themes/PortsToronto/assets/fonts/trust-2a-bold-italic.woff2') format('woff2'),
       url('/wp-content/themes/PortsToronto/assets/fonts/trust-2a-bold-italic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}






/* BEGIN CSS */

body {
	font-family: "ff-din-paneuropean", sans-serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
	font-size: .85vw;
}

h1, h2, h3, h4, h5, h6, .left-nav-menu > li:first-of-type > a {
	font-family: 'Trust-2a', sans-serif !important;
}


.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

/* BEGIN Show/Hide content based on language */

html:lang(en-CA) .fr-ca {
	display:none;
}
html.en .fr-ca {
	display:none;
}

html:lang(fr-CA) .en-ca {
	display:none;
}

html.fr .en-ca {
	display:none;
}

/* END Show/Hide content based on language */

/* BEGIN PortsToronto Colours */

:root {
  --TPA-Primary: #0B3B60;
  --TPA-Primary-Light: #1679C5;
  --TPA-Secondary: #BFDCE6;
  --TPA-White:#FFFFFF;
  --blue: var(--TPA-Primary) !important;
  --lightblue: var(--TPA-Primary) !important;
  --verylightblue: var(--TPA-Primary) !important;
  --green: var(--TPA-Primary) !important;
  --darkgreen: var(--TPA-Primary) !important;
  --orange: var(--TPA-Primary) !important;
  --darkgrey: #2B2B2B;
}

.blue {
  background-color: var(--blue);
  color: #fff;
}
.lightblue {
  background-color: var(--lightblue);
  color: #fff;
}
.green {
  background-color: var(--green);
  color: #fff;
}
.yellow, .orange {
  background-color: var(--orange);
  color:#fff;
}
.light-grey-text {
	color:#707070;
}
.dark-blue-text {
	color:var(--blue);
}
.text-blue {
	color: var(--blue);
}
.text-green {
	color: var(--green);
}
.text-orange {
	color: var(--orange);
}

#top-gradient {
	display:none;
}

/* END PortsToronto Colours */



/* BEGIN General Styles */

div.content {
  color: var(--darkgrey);
}

h1, body#PortsToronto h1 {
	color:var(--blue);
}

body#Port-of-Toronto h1 {
	color:var(--green);
}

body#Cruise-Ships h1 {
	color:var(--green);
}

body#Marina h1 {
	color:var(--orange);
}


h2, body#Port-of-Toronto h2 {
	color:var(--lightblue);
}

body#Port-of-Toronto h2 {
	color:var(--green);
}

body#Cruise-Ships h2 {
	color:var(--green);
}

body#Marina h2 {
	color:var(--orange);
}

h1.entry-title {
	margin-bottom:1.25rem;
}

h1, h2, h3, h4, h5, h6 {
  font-weight:400;
}

.h1, h1 {
  font-size: calc(1.5rem + 1.5vw);
}

.h2, h2 {
  font-size: calc(1.4rem + 1vw);
}

.h3, h3 {
  font-size: calc(1.2rem + .8vw);
}

h2.wp-block-heading {
  margin-top: 1.5rem;
}

a {
	color:var(--green);
	text-decoration: underline;
}

a:hover {
	color:var(--TPA-Primary-Light);
}

/*
main a:visited {
	color:var(--TPA-Primary-Light);
}

main a.btn:visited {
	color:#fff;
}
*/

body#Port-of-Toronto ul li::marker, body#Port-of-Toronto ol li::marker, ul li::marker,  ol li::marker {
	color:var(--blue);
}

body#Port-of-Toronto ul li::marker,  body#Port-of-Toronto ol li::marker {
	color:var(--green);
}

body#Cruise-Ships ul li::marker,  body#Cruise-Ships ol li::marker {
	color:var(--green);
}

body#Marina ul li::marker,  body#Marina ol li::marker {
	color:var(--orange);
}

#cms-content-wrap ul li {
	margin-bottom:1rem;
}

figure.wp-block-image img {
	border-radius:10px;
}

/* END General Styles */

/* BEGIN Accordions */



div.accordion .accordion-header button {
	background-color: var(--TPA-Primary-Light);
  font-weight:700;
  color:#fff;
  font-size:1.2rem;
}

div.accordion::after {
  background-image:data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%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;
}

div.accordion .accordion-button:focus {
	border-color:var(--green);
	background-color:var(--green);
}



/* END Accordions */

/* BEGIN Home Specific */

#home-banner {
		position: relative;
		padding: 0;
	  background-size: cover;
	  background-position: center;
	  display: inline-block;
	  margin-bottom:-10px;
	}


	#videoBtn {
		cursor: pointer;
		background-color: var(--blue);
		  border-radius: 5px;
		  padding: 1px 5px;
		  padding-bottom:3px;
	}
	#home-h1-wrap {
		color: #fff;
		line-height:1.1;
		text-shadow: 0px 3px 6px #00000045;
		overflow: hidden;
	}		
	#home-h1-smaller-text {
		font-size: 2.5rem;
		font-weight:400;
	}
	#home-h1-smaller-text em::before, #home-h1-smaller-text em::after {
		background-color: #ffffff;
		  content: '';
		  display: inline-block;
		  height: 1px;
		  position: relative;
		  vertical-align: middle;
		  width: 50%;
		  text-shadow: 0px 3px 6px #00000045;
	}
	#home-h1-smaller-text em::before {
		  right: 0.5em;
			margin-left: -50%;
	}
	
	#home-h1-smaller-text em::after {
		   left: 0.5em;
			margin-right: -50%;
	}
	
	#home-h1-larger-text {
		font-size: 6rem;
		font-weight:700;
	}
	
	#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-latest-updates h2, #home-featured-content h2, #home-about h2, #home-feature-stories h2, #home-community-notices h2 {
		font-size:3rem;
	}
	
	#home-latest-updates .card-title, #home-feature-stories .card-title, #home-community-notices .card-title {
		font-size:1.5rem;
	}
	
	
	.HomeCard-image img {
		border-radius:0 !important;
	}
	.ctf-out-of-tweets { 
	   display:none !important;
	}
	
  .home-learn-more-button {
	  font-size:1.2rem;
	  border-radius:0;
  }
  
  #home-latest-updates ul {
	  padding-left:0;
  }
  
  main a.btn-white:visited {
	  color:var(--blue);
  }
  
  main a.btn-white:hover {
	  color:#fff;
  }
  
  #about-PortsToronto-mobile-image {
	  border-radius:.375rem;
  }
  
  #home-about {
	background-image: url('/wp-content/uploads/PortsToronto-home-Featured-Content-v2.webp');
	height:70vh;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
  }
  #about-PortsToronto-content-background {
	padding:40px;
	background: rgba(74, 124, 32, .85);
	color:#fff;
  }
  #home-featured-content {
	 height:70vh;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
  }
  
	#first-home-background {
		background-image: url("/wp-content/themes/PortsToronto/assets/images/background_lines_1.svg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top;
	}
	#second-home-background {
		background-image: url("/wp-content/themes/PortsToronto/assets/images/background_lines_2.svg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: middle;
	}
	#third-home-background {
		background-image: url("/wp-content/themes/PortsToronto/assets/images/background_lines_3.svg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom;	
	}
	#about-PortsToronto-content-wrap a.btn-white:hover, #about-PortsToronto-content-wrap a.btn-white:focus {
		background-color: var(--blue);
		color:#fff;
	}
	#about-PortsToronto-content-wrap a.btn-video-home:hover, #about-PortsToronto-content-wrap a.btn-video-home:focus {
		background-color: #cc0000;
		color:#fff;
	}
	#about-PortsToronto-content-wrap a.btn-video-home span::before {
		 content: url('/wp-content/themes/PortsToronto/assets/images/play_button.svg');
		  display: inline-block;
		  width: 31px;
		  height: 31px;
		  vertical-align: middle;
		  margin-right: 7px;
	}
	#about-PortsToronto-content-wrap a.btn-video-home:hover span::before, #about-PortsToronto-content-wrap a.btn-video-home:focus span::before {
		 content: url('/wp-content/themes/PortsToronto/assets/images/play_button_white.svg');
		  display: inline-block;
		  width: 31px;
		  height: 31px;
		  vertical-align: middle;
		  margin-right: 7px;
	}
	#featured-content-content-background {
		padding:40px;
		background: rgba(30, 17, 97, .85);
		color:#fff;
  }
  #mobile-about-PortsToronto-content-wrap h2 {
	  color:var(--green);
  }
  #mobile-home-featured-content h2 {
	  color:var(--blue);
  }
  
  #mobile-about-PortsToronto-content-wrap h2, #mobile-home-featured-content h2 {
	  font-size:2.5rem;
  }
  
  #mobile-about-PortsToronto-content-wrap p, #mobile-home-featured-content p {
	  font-size:1.2rem;
	  color: #707070;
  }
  
  #mobile-about-PortsToronto-content-wrap a.btn-primary, #mobile-home-featured-content a.btn-primary {
	  border:2px solid var(--blue);
  }
  
  #mobile-about-PortsToronto-content-wrap a.btn-video-home span::before {
	  content: url('/wp-content/themes/PortsToronto/assets/images/play_button.svg');
		  display: inline-block;
		  width: 26px;
		  height: 26px;
		  vertical-align: bottom;
		  margin-right: 7px;
  }
  #mobile-about-PortsToronto-content-wrap a.btn-video-home:hover span::before, #mobile-about-PortsToronto-content-wrap a.btn-video-home:focus span::before {
		 content: url('/wp-content/themes/PortsToronto/assets/images/play_button_white.svg');
		  display: inline-block;
		  width: 26px;
		  height: 26px;
		  vertical-align: bottom;
		  margin-right: 7px;
	}
	
	#home-news {
		padding:3rem 0;
	}
	
	#home-latest-updates h2, #home-community-notices h2, #home-feature-stories h2 {
		color:var(--TPA-Primary);
		padding: 15px 25px 20px 10px;
		width: 100%;
		margin-left:-25px;
		position:relative;
	}
	

	#home-news .NewsRelease-title {
		color:var(--blue);
	}
	
	#home-feature-stories {
		padding:3rem 0;
	}
	
	
	#home-feature-stories .FeatureStory-title {
		color:var(--orange);
	}
	
	#home-feature-stories .btn {
		background-color:var(--orange);
	}
	
	#home-feature-stories .btn:hover, #home-feature-stories .btn:focus {
		background-color: var(--TPA-Primary-Light);
	}
	
	#home-community-notices {
		padding:3rem 0;
	}
	
	
	#home-community-notices .CommunityNotice-title {
		color:var(--green);
	}
	
	#home-community-notices .btn {
		background-color:var(--green);
	}
	
	#home-community-notices .btn:hover, #home-community-notices .btn:focus {
		background-color: var(--TPA-Primary-Light);
	}

/*END Home Specific */

/* BEGIN Header/Footer Navigation Specific */

#header-container {
   padding-left:6%;
   padding-right:6%;
}

header, #header {
	background-color:var(--TPA-Primary)!important;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
}

#header-logo-desktop {
	height:70px;
}

#header-logo-mobile {
	height:50px;
}

#utility-navigation a {
	font-size:.8vw;
}

.dropdown-toggle::after {
  display:none;
}

.dropdown-menu.show {
	display:flex;
	justify-content: center;
	background-color: var(--TPA-White);
	color:var(--TPA-Primary);
	border:0;
	margin-top:0;
	flex-wrap:wrap;
}


#menu-item-2395 .dropdown-menu.show, #menu-item-2432 .dropdown-menu.show, #menu-item-2450 .dropdown-menu.show,  #menu-item-3749 .dropdown-menu.show, #menu-item-3755 .dropdown-menu.show, #menu-item-3739 .dropdown-menu.show {
	background-color: var(--TPA-White);
	text-align:center;
}

#menu-item-2460 .dropdown-menu.show, #menu-item-3760 .dropdown-menu.show {
	background-color: var(--TPA-White);
	text-align:center;
}

.nav-link, .lang-item a{
	color:var(--TPA-White);
}

a.nav-link, a.dropdown-item, .lang-item a {
	text-decoration:none;
	font-weight:400;
}

.nav-link:focus, .nav-link:hover, .lang-item a:hover {
  color: var(--TPA-Secondary);
}

#menu-main-navigation #menu-item-2432 .dropdown-toggle:hover, #menu-main-navigation #menu-item-2432 .dropdown-toggle:focus, #menu-main-navigation #menu-item-2450 .dropdown-toggle:hover, #menu-main-navigation #menu-item-2450 .dropdown-toggle:focus, #menu-main-navigation-fr #menu-item-3749 .dropdown-toggle:hover, #menu-main-navigation-fr #menu-item-3749 .dropdown-toggle:focus, #menu-main-navigation-fr #menu-item-3755 .dropdown-toggle:hover, #menu-main-navigation-fr #menu-item-3755 .dropdown-toggle:focus {
	color: var(--TPA-Secondary);
}

#menu-main-navigation #menu-item-2460 .dropdown-toggle:hover, #menu-main-navigation #menu-item-2460 .dropdown-toggle:focus, #menu-main-navigation-fr #menu-item-3760 .dropdown-toggle:hover, #menu-main-navigation-fr #menu-item-3760 .dropdown-toggle:focus {
	color: var(--TPA-Secondary);
}

.lang-item a {
	padding:.5rem;
	display:block;
}

.dropdown-item {
	color:var(--TPA-Primary);
	font-weight:700;
	padding-bottom:10px;
}

.navbar-expand-md .navbar-nav .dropdown-menu {
  background-color: var(--lightblue);
  margin-top: 0;
}

.navbar-toggler {
	border:0 !important;
}

.navbar-toggler:focus {
	box-shadow:none !important;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: var(--TPA-Primary-Light);
}

/* Makes the Port and Cruise Ships Dropdown menu green */
#menu-item-2432 .dropdown-item.active, #menu-item-2450 .dropdown-item:active, #menu-item-3749 .dropdown-item:active, #menu-item-3755 .dropdown-item:active {
  background-color: var(--darkgreen);
}

.navbar-expand-md .navbar-nav .dropdown-menu {
  border-radius: 0;
}

.BBTCA-Top-Nav-Item {
   padding-left: 3rem;
}

footer#footer {
	background-color:var(--blue);
	color:#fff;
}

footer#footer a {
	color:#fff;
}

footer#footer a:hover, footer#footer a:focus {
	color:var(--TPA-Secondary);
}

.bg-footer-colour {
	height:10px;
	float:left;
}


#header-social-wrap li a {
	padding-right:.5rem;
	color:var(--TPA-White);
}

#footer-social-wrap li a {
	padding:.5rem;
	color:#fff;
}

#footer-accreditation-logos img {
	width:auto;
}

footer .nav-link {
	line-height:1.2;
}

#footer-social-wrap i:hover, #header-social-wrap i:hover {
  color: #00A9E7;
}

footer#footer .desktop-nav-wrap .lang-item {
	padding-left:.5rem;
}

.dropdown-item:focus, .dropdown-item:hover {
	background-color:var(--lightblue);
	color:#fff;
}

#menu-item-2416 a, #menu-item-3748 a {
	white-space:nowrap;
}

#menu-main-navigation-fr .dropdown-toggle, #menu-main-navigation-fr #menu-item-3748 a {
	white-space:inherit;
}

#menu-main-navigation-fr .dropdown78D, #menu-item-3748 {
	padding-left:1rem !important;
}

/* END Header/Footer Navigation Specific */


.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-radius:10px;
}

.card-body {
	padding:1rem 0rem;
	color:var(--TPA-Primary);
}

.CTA-title h3 {
	font-size: 1.7rem;
	line-height: 1.1;
}

#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%;
}

#PortsToronto #banner-content,  #banner-content {
	background-color: var(--blue);
}

#Port-of-Toronto #banner-content, #Cruise-Ships #banner-content {
	background-color: var(--green);
}

#Marina #banner-content {
	background-color: var(--orange);
}

#banner-content h1{
	font-size:3.5rem;
	line-height:.9;
	margin-bottom:0;
}

#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: var(--blue);
  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:var(--green);
	text-decoration:underline;	
}

.breadcrumbs a:hover {
	color:var(--TPA-Primary-Light);
}

.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 */

.left-nav-menu {
	margin-bottom:.25rem;
}

ul.left-nav-menu li {
	padding:.1rem .5rem;
}

/*
ul.left-nav-menu li:hover a {
	color:#fff;
}
*/

ul.left-nav-menu li a{
	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;
	font-weight:700;
}

ul.left-nav-menu ul.sub-menu li:first-child {
	font-size: inherit;
	line-height:inherit;
	margin-bottom:inherit;
	background-color:inherit;
	font-weight:inherit;
}

ul.left-nav-menu ul.sub-menu li:first-child a {
	text-transform:none;
}

ul.left-nav-menu ul.sub-menu {
	list-style-type:none;
}


ul.left-nav-menu li:first-child, body#PortsToronto ul.left-nav-menu li:first-child {
	color:var(--blue);
}

body#Port-of-Toronto ul.left-nav-menu li:first-child {
	color:var(--green);
}

body#Cruise-Ships ul.left-nav-menu li:first-child {
	color:var(--green);
}

body#Marina ul.left-nav-menu li:first-child {
	color:var(--orange);
}

body#Marina #testimonials, body#Marina  #testimonials .carousel-caption, body#Marina  div.accordion .accordion-header button {
	background-color:var(--orange);
}

body#Cruise-Ships #testimonials, body#Cruise-Ships  #testimonials .carousel-caption, body#Cruise-Ships  div.accordion .accordion-header button {
	background-color:var(--green);
}

body#Port-of-Toronto #testimonials, body#Port-of-Toronto  #testimonials .carousel-caption, body#Port-of-Toronto  div.accordion .accordion-header button {
	background-color:var(--green);
}



ul.left-nav-menu li:first-child a {
	text-transform:uppercase;
}

ul.left-nav-menu li:first-child a, body#PortsToronto ul.left-nav-menu li:first-child a {
	color:var(--blue);
}

body#Port-of-Toronto ul.left-nav-menu li:first-child a {
	color:var(--green);
}

body#Cruise-Ships ul.left-nav-menu li:first-child a {
	color:var(--green);
}

body#Marina ul.left-nav-menu li:first-child a {
	color:var(--orange);
}

ul.left-nav-menu li a, body#PortsToronto ul.left-nav-menu li a {
	color:var(--blue);
}

ul.left-nav-menu li.current_page_item > a, body#PortsToronto ul.left-nav-menu li.current_page_item > a {
	color:#fff;
	overflow-wrap:anywhere;
}

body#Port-of-Toronto ul.left-nav-menu li a {
	color:var(--green);
}

body#Port-of-Toronto ul.left-nav-menu li.current_page_item > a {
	color:#fff;
}

body#Cruise-Ships ul.left-nav-menu li a {
	color:var(--green);
}

body#Cruise-Ships ul.left-nav-menu li.current_page_item a {
	color:#fff;
}

body#Marina ul.left-nav-menu li a {
	color:var(--orange);
}

body#Marina ul.left-nav-menu li.current_page_item > a {
	color:#fff;
}

body#Marina ul.left-nav-menu li.current_page_item ul.sub-menu > a {
	color:#fff;
}


ul.left-nav-menu li a:hover, body#PortsToronto ul.left-nav-menu li a:hover {
	background-color:var(--lightblue);
}

ul.left-nav-menu li a:hover, body#PortsToronto ul.left-nav-menu li a:hover {
	color:#fff !important;
}

body#Port-of-Toronto ul.left-nav-menu li a:hover {
	background-color:var(--lightblue);
}

body#Port-of-Toronto ul.left-nav-menu li a:hover {
	color:#fff !important;
}

body#Cruise-Ships ul.left-nav-menu li a:hover {
	background-color:var(--lightblue);
}

body#Cruise-Ships ul.left-nav-menu li a:hover {
	color:#fff !important;
}

body#Marina ul.left-nav-menu li a:hover {
	background-color:var(--lightblue);
}

body#Marina ul.left-nav-menu li a:hover {
	color:#fff !important;
}


ul.left-nav-menu a {
	padding: .1rem 0rem .35rem 0.5rem;
}


ul.left-nav-menu li.current_page_item > a, body#PortsToronto ul.left-nav-menu li.current_page_item > a {
	background-color:var(--blue);
	
}

body#Port-of-Toronto ul.left-nav-menu li.current_page_item > a {
	background-color:var(--green);
}

body#Cruise-Ships ul.left-nav-menu li.current_page_item > a {
	background-color:var(--green);
}

body#Marina ul.left-nav-menu li.current_page_item > a {
	background-color:var(--orange);
}



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;
}

ul.sub-menu {
	padding-left:.5rem;
}

#sidebar > div {
  margin-bottom: 1.5rem;
  padding: 1rem 0rem;
  border-radius: .375rem;
}

#portstoronto-left-nav, #media-room-left-nav, #contact-us-left-nav, #faq-left-nav {
  box-shadow: 0px 3px 6px #00000029;
}

div.blue-border {
   border: 1px solid var(--blue);
}

#cruise-ships-left-nav, #port-of-toronto-left-nav {
  box-shadow: 0px 3px 6px #00000029;
}

div.green-border {
   border: 1px solid var(--green);
}

#marina-left-nav {
  box-shadow: 0px 3px 6px #00000029;
}

div.orange-border {
   border: 1px solid var(--orange);
}

div.shadowed-border {
	border:none;
	box-shadow: 0px 3px 6px #00000029;
}



/* Button Specific */
.wp-block-button__link.wp-element-button {
  border: 0;
  	background-color:var(--blue);
	border-radius: 25px;
    padding-left: 25px;
    padding-right: 25px;
	padding-top: 5px;
    padding-bottom: 9px;
}

.wp-block-button__link.wp-element-button, body#PortsToronto .wp-block-button__link.wp-element-button {
	background-color:var(--blue);
}

body#Port-of-Toronto .wp-block-button__link.wp-element-button {
	background-color:var(--green);
}

body#Cruise-Ships .wp-block-button__link.wp-element-button {
	background-color:var(--green);
}

body#Marina .wp-block-button__link.wp-element-button {
	background-color:var(--orange);
}

.wp-block-button__link.wp-element-button:hover, body#PortsToronto .wp-block-button__link.wp-element-button:hover {
	background-color:var(--TPA-Primary-Light);
}

body#Port-of-Toronto .wp-block-button__link.wp-element-button:hover {
	background-color:var(--TPA-Primary-Light);
}

body#Cruise-Ships .wp-block-button__link.wp-element-button:hover {
	background-color:var(--TPA-Primary-Light);
}

body#Marina .wp-block-button__link.wp-element-button:hover {
	background-color:var(--TPA-Primary-Light);
}

a.btn {
	text-decoration:none;
	text-transform:none;
}

.btn-primary {
	border:0;
}

.btn-primary, body#PortsToronto .btn-primary {
	background-color:var(--blue);
	border-radius: 25px;
    padding-left: 25px;
    padding-right: 25px;
	padding-top: 5px;
    padding-bottom: 9px;
}

body#Port-of-Toronto .btn-primary {
	background-color:var(--green);
	border-radius: 25px;
    padding-left: 25px;
    padding-right: 25px;
}

body#Cruise-Ships .btn-primary {
	background-color:var(--green);
	border-radius: 25px;
    padding-left: 25px;
    padding-right: 25px;
}

body#Marina .btn-primary {
	background-color:var(--orange);
	border-radius: 25px;
    padding-left: 25px;
    padding-right: 25px;
}



.btn-white {
	background-color:#fff;
	color:var(--blue);
}

.btn-primary:hover {
	background-color:var(--TPA-Primary-Light);
}

/* END Button Specific */

/* Adds a bit of margin above and below the article detail pages */
div.type-feature_story, div.type-news_release, div.type-community_notice {
	margin-top:2rem;
	margin-bottom:3rem;
}


.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, .CommunityNotice-date, .FeatureStory-date, .ExecutiveCorrespondence-date {
	font-size: .9rem;
	margin-top:1rem;
}

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:var(--darkgrey);
	margin-right:10%;
	padding:10px 0px;
}
#mc_embed_signup .mc-field-group.input-group label {
  margin-left: 5px;
}
#mc_embed_signup .button {
	background-color:var(--blue) !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: var(--blue);
}
.ToFromCards img {
  border-radius:10px;
  box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.1);
}

/* END To & From Specific */


/* BEGIN Sitemap Specific */

ul.site-map li:hover a {
	color: var(--blue);
}

/* END Sitemap Specific */

/* BEGIN Alert Specific */
body #top-nav-alert {
	display:none;
}
body.has-alert #top-nav-alert {
	display:block;
}
#top-nav-alert {
	color: #ffffff;
	background-color:#CC0000;
}
#alert-close-button {
	top:0px;
	right:5px;
}

/* END Alert Specific */



/* BEGIN PortsToronto to Toronto Port Authority Specific Styles */

.mobile-navigation-divider {
	border-top:1px solid var(--TPA-Secondary);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

#footer-accreditation-logos li {
  display: inline-block;   
  padding: 0;           
  margin: 0;   
  margin-left:0px;
	margin-right:85px;
}

#menu-visualsitemap li, #menu-visualsitemapfr li {
	width:max-content;
}

#menu-visualsitemap li a,  #menu-visualsitemapfr li a {
	padding:5px;
}

.table>thead, .wp-block-table table>thead {
    background-color: var(--TPA-Primary);
    color: var(--TPA-White);
}

h2.wp-block-heading {
    margin-top: 2rem;
}

h3.wp-block-heading {
	margin-top:1rem;
}

	#first-home-background {
		background-image: none;
	}
	#second-home-background {
		background-image: none;
	}
	#third-home-background {
		background-image: none;
	}
	
	 .Light-Blue-BG-Homepage {
		 background-color:var(--TPA-Secondary);
	 }
	 

	#home-banner {
		height: 60vh;
	}
	
	#homepage-content-wrap .card {
		background-color:inherit;
	}

	#social-page-social-wrap {
		display:flex;
		flex-wrap: wrap;
        list-style: none;
		padding-left:0px;
	}
	#social-page-social-wrap li a {
	   color:var(--TPA-Primary);
	   padding: 1rem;
	}
	#social-page-social-wrap li a:hover {
	   color:var(--TPA-Primary-Light);
	}
	#menu-main-navigation-fr .nav-link {
		font-size:1.1rem;
	}
	.JobPosting-title h3 {
		color:var(--TPA-Primary-Light);
	}
	.CTA-title h3 {
		color:var(--darkgrey);
	}

/* END PortsToronto to Toronto Port Authority Specific Styles */


/* Media Queries */
@media only screen and (max-width: 1700px) {
	body {	
	  font-size: 1.0vw;
	}
	#utility-navigation a {	
	  font-size: .95vw;
	}
	#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;
	}
	#header-container {
	  padding-left: 3%;
	  padding-right: 3%;
	}
}

@media only screen and (min-width: 1500px) {
	#menu-main-navigation .nav-link  {
		font-size:1.1rem;
	}
	#utility-navigation .nav-link, #utility-navigation a {
    font-size: .9rem;
  }
  	 

}


/* Less than XXL */
@media only screen and (max-width: 1399px) {
	body {	
	  font-size: 1.3vw;
	}
	.dropdown-toggle, #menu-item-2416 a, #menu-item-3748 a {
	  font-size:1.1vw; 
	}
	.dropdown78D, #menu-item-2416, #menu-item-3748 {
	  padding-left:1.5rem !important;
	}
	#menu-main-navigation-fr .nav-link {
		font-size: 1.1vw;
	}

	.header-logo-desktop-fr {
		width:75%;
		height:auto;
	}
}

/* Less than XL */
@media only screen and (max-width: 1199px) {
	body {	
	  font-size: 1.5vw;
	}
	.dropdown-toggle, #menu-item-2416 a, #menu-item-3748 a {
	  font-size:1.2vw;
	}
	#utility-navigation a {
		font-size:1vw;
	}
	h1#home-H1 {
		font-size: 3.5rem;
		line-height:1;
	}
	#header-container {
	  padding-left: 2%;
	  padding-right: 2%;
	}
	.dropdown78D, #menu-item-2416, #menu-item-3748 {
	  padding-left:.25rem !important;
	}
	ul.left-nav-menu li:first-child {
		font-size:1.5rem;
	}	
	#home-latest-updates h2, #home-community-notices h2, #home-feature-stories h2 {
		margin-left:0px;
	}
	#footer-accreditation-logos li {
		margin-left: 15px;
		margin-right: 15px;
	}

}

/* Greater than LG */
@media only screen and (min-width: 991px) {
	#Copyright-Statement {
		text-align:start !important;
	}
	
	
	#utility-navigation {
		background-color:var(--TPA-White);
		padding-top:3px;
		padding-bottom:6px;
		border-radius: 25px;
	  padding-left: 15px;
	  padding-right: 15px;
	}
	#utility-navigation .nav-link, #utility-navigation a {
		color:var(--TPA-Primary);
		padding-top:0px;
		padding-bottom:0px;
	}
}


/* 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;
  }
  .BBTCA-Top-Nav-Item {
	padding-left: inherit !important;
	}
	.dropdown78D, #menu-item-2416, #menu-item-3748, #menu-main-navigation-fr .dropdown78D {
	  padding-left:inherit !important;
	}
	.dropdown-toggle, #menu-item-2416 a, #menu-item-3748 a {
	  font-size:inherit;
	}
	#utility-navigation a {
	  font-size:inherit;
	}
	
	
	#Copyright-Statement {
		text-align:center;
	}
	.dropdown-menu.show {
		flex-direction:column;
		background-color: var(--blue);
	}
	#banner-content {
		width:100% !important;
		text-align:center;
	}
	#home-h1-larger-text {
		font-size:3.2rem;
	}
	
	#banner-content h1 {
		font-size:3rem;
	}
	#home-latest-updates h2, #home-featured-content h2, #home-about h2 {
		padding-left:20px;
	}
	#banner-content p {
		font-size:1rem;
	}
	.lang-item a {
		padding-top:.5rem;
		padding-bottom:.5rem;
		padding-left:0;
		padding-right:0;
	}


	.home-news-story-wrap {
		padding-top:0rem;
	}
	.home-learn-more-button {
		font-size:1.25rem;
	}
	
	#menu-main-navigation .nav-link.dropdown-toggle::before, #menu-main-navigation-fr .nav-link.dropdown-toggle::before, #menu-main-navigation #menu-item-2395 .nav-link.dropdown-toggle::before, #menu-main-navigation-fr #menu-item-3739 .nav-link.dropdown-toggle::before, #menu-main-navigation #menu-item-2416 .nav-link::before, #menu-main-navigation-fr #menu-item-3748 .nav-link::before, #menu-main-navigation #menu-item-2432 .nav-link.dropdown-toggle::before, #menu-main-navigation-fr #menu-item-3749 .nav-link.dropdown-toggle::before, #menu-main-navigation #menu-item-2450 .nav-link.dropdown-toggle::before, #menu-main-navigation-fr #menu-item-3755 .nav-link.dropdown-toggle::before, #menu-main-navigation #menu-item-2460 .nav-link.dropdown-toggle::before, #menu-main-navigation-fr #menu-item-3760 .nav-link.dropdown-toggle::before {
		width:25px;
		height:25px;
	}
	
	#menu-main-navigation #menu-item-2395 .nav-link.dropdown-toggle::before, #menu-main-navigation-fr #menu-item-3739 .nav-link.dropdown-toggle::before {
		width:23px;
		height:23px;
		vertical-align: text-bottom;
	}
	
	#menu-main-navigation #menu-item-2460 .nav-link.dropdown-toggle::before, #menu-main-navigation-fr #menu-item-3760 .nav-link.dropdown-toggle::before {
	   width:23px;
		height:23px;
		vertical-align: text-bottom;
	}
	
	.nav-link.dropdown-toggle, #menu-item-2416 a, #menu-item-3748 a {
		font-size: 1.25rem;
		margin-bottom:.75rem;
	}
	#home-news h2, #home-feature-stories h2, #home-community-notices h2 {
		margin-left:0px;
	}
	#home-news h2::after {
		content:'';
		display:none;
	}
	#home-feature-stories h2::after {
		content:'';
		display:none;
	}
	#home-community-notices h2::after {
		content:'';
		display:none;
	}
	ul.left-nav-menu li:first-child {
		font-size:1.75rem;
	}
	.card-wrap {
		padding-left:0px;
		padding-right:0px;
	}
    .card-body {
		padding: 1rem 1rem;
	}
	#about-PortsToronto-content-wrap h1 {
		font-size:48px;
	}
	#menu-main-navigation-fr .nav-link {
		font-size: 1.1rem;
	}
}
/* Less than MD */
@media only screen and (max-width: 767px) {
	body {	
	  font-size: 2.2vw;
	}
	h1#home-H1 {
		font-size: 3rem;
	}
	#utility-navigation a {
		font-size: 1rem;
		margin-bottom:.25rem;
	}
	#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;
	}

}
/* Less than SM */
@media only screen and (max-width: 575px) {
	#home-h1-larger-text {
		font-size:2.5rem;
	}
	body {	
	  font-size: 3.5vw;
	}
	h1#home-H1 {
		font-size: 3rem;
	}
	#home-banner-content-wrap {
		height:80vh;
	}
	#left-home-banner-content {
		  margin-bottom: 3.5rem;
	}
	.wp-block-media-text .wp-block-media-text__content {
	  padding: 0 2%;
	}
	#sidebar {
        margin-top: 30px;
    }
}


/* END Media Queries */


@media only screen and (max-height: 850px) {
	#home-about, #home-featured-content {
		height:inherit;
	}
}

@media only screen and (orientation: portrait) {
	#banner-image img {
	  height: 25vh;
	}
}