/*BLAZY*/

.b-lazy {
    -webkit-transition: opacity 1000ms ease-in-out;
    -moz-transition: opacity 1000ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
    max-width: 100%;
    opacity: 0;
}
.b-lazy.b-loaded {
    opacity: 1;
}

/*HTML*/

:root {
     --h: auto;
     --o: 0px;
}
 html {
     box-sizing: border-box;
     margin:0;
     padding:0;
}


.hideme
{
    opacity:0;
}

 body {
     margin:0px;
     padding:0px;
     font-family: "Pratt-Light",Georgia,Palatino,"Book Antiqua","Times New Roman",serif;
      background-color:#c5d5da;
	color:#0f2a38;
	 font-size:1em;
	 line-height:1.4;
}

.hero-wrapper {
	background-image:url('https://www.theglobeandmail.com/files/contentstudio/editorial/drive/drive-ins/hero.jpg');
	background-size:cover;
	background-position:bottom;
	position:relative;
}

.hero-element {
	height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
	position:sticky;
	top:0px;
}

.element-2 {
	
}


.title-wrapper {
	max-width:600px;
	padding:0px 2rem;
	color:#fff;
	text-align:center;
	
}

.title-wrapper h1 {
		font-size:2em;
	margin:0px 0px 2rem 0px;
	line-height:1.1;
		color:#fff;
	font-weight:normal;
	font-family:"Pratt-Italic";
}

.title-wrapper h2 {
			font-size:4em;
	margin:0px 0px 2rem 0px;
	line-height:1.1;
		color:#fff;
	font-weight:normal;
}

.meta {
	text-align:center;
	font-family:"GMSansC";
		text-transform:uppercase;

}

.meta p.writer {
		font-family:"GMSanC-Bold";
	margin:0px;
}

.meta p.timestamp {
	font-family:"GMsanC-Regular",Helvetica,Arial,Verdana,sans-serif;
		margin:0px;
	opacity:0.6;
}


.light-blue {
	background-color:#c5d5da;
	color:#1c4e68;
	padding:4rem 0px;
}

.dark-blue {
	background-color:#1c4e68;
	color:#c5d5da;
	padding:4rem 0px;
}




.articleAudio{
	text-align:center;
	margin-bottom:10em;
}



.intro {
	max-width:1000px;
	margin:-16vh auto 0px auto;
	padding: 0px 2rem;
	position:relative;
	text-align:center;
}

.intro p {
	font-size:2em;
	text-align:center;
}


.image-full {
 	max-width:1100px;
	margin:2rem auto;
	padding:2rem;
	
}

.image-full img {
	width:100%;
}



.body {
	max-width:700px;
	margin:2rem auto;
	padding:2rem;
	font-size:1.4em;
}




.imagepop{
	display:block;
	position:relative;
	width:70%;
	max-width:440px;
	height:auto;
	padding:0px 2rem 0px 0px;

	padding-bottom:6px;
}
.imagepop.right{
	float:right;
	margin:1em -20% 1em 2em;
}

.imagepop.left{
	float:left;
	margin:1em 1em 1em -20%;
}


.imagepop img{
	width:100%;
	height:auto;
}
.imagepop div{
	font-family: "GMsanC-Regular",Helvetica,Arial,Verdana,sans-serif;
	line-height:1.4em;
	font-size:.8em;
	margin:.8em;

}


.center-quote {
	max-width:1000px;
	margin:0px auto;
	padding:0px 2rem;
	text-align:center;
}

.center-quote p {
	font-size:3em;
}


.full-bleed-image {
	background-image:url('https://www.theglobeandmail.com/files/contentstudio/editorial/drive/drive-ins/7.jpg');
	background-size:cover;
	background-position:center;
	width:100%;
	height:100vh;
	box-sizing:border-box;
	color:#fff;
	position:relative;
}

.caption-info {
	color:#fff;
	position:absolute;
	top:1rem;
	left:1rem;
	max-width:400px;
	z-index:0;
}


.quote-layer {
	background-image:
	linear-gradient(to right,rgba(26,65,85,0.8),rgba(26,65,85,0.8));
		display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100vh;
	position:relative;
	z-index:1;
}

p.attribution {
	    font-family: "GMSanC-Regular";
    font-size: 1em;
    text-transform: uppercase;
}


@media only screen and (max-width: 1416px) {
	
	.imagepop {
		width:100%;
		max-width:500px;
	}
	.imagepop.right {
		float:none;
		margin:1rem auto;
		padding:2rem 0px;
	}
	
	.imagepop.left {
		float:none;
		margin:1rem auto;
				padding:2rem 0px;
	}
	
	.imagepop div {
		margin:0px;
	}
}

@media only screen and (max-width: 900px) {
	.title-wrapper h1 {
	font-size:1.2em;
	}

	
.title-wrapper h2 {
	font-size:2em;
	}
	
	.meta {
		font-size:0.9em;
	}
	
	
	.intro p {
		font-size:1.4em;
		text-align:left;
	}
	
	.body {
		font-size:1.1em;
		padding:0px 2rem;
	}

	
	.center-quote p {
		font-size:1.75em;
		line-height:1.2;
	}
	
	p.attribution {
		font-size:0.9em;
	}
	
	.full-bleed-image {
	background-image:url('https://www.theglobeandmail.com/files/contentstudio/editorial/drive/drive-ins/7-small.jpg');
	}
	
}



.ad-wrapper {
	width:100%;
	position:relative;
	z-index:3;
	text-align:center;
	clear:both;
display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
	background-color:rgba(255,255,255,0.1);
	padding:24px 0rem;
	box-sizing:border-box;

}





svg.tgam-nameplate-2 {
    background-color: transparent;
    display: block;
    height: 50px;
    padding: 2px;
    width: 50px;
    margin: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
	fill:#fff;
}



p.caption {
    font-family: "GMsanC-Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: .875rem;
    line-height: 1.14286;
    letter-spacing: .01875rem;
    margin-bottom: 0rem;

    margin: 20px auto 0 auto;
    padding: 0;
}
p.credit {
    font-family: "GMsanC-Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: .75rem;
    opacity:0.7;
    text-transform: uppercase;
    line-height: 1.4;
    letter-spacing: .0625rem;
    margin-bottom: 0;
    margin: 3px auto 0px auto;
    padding: 0;
}





/*FOOTER*/

 #advertorialWrapper {
     width: 100%;
     background-color: #fff;
     border-style: solid;
     border-color: #eeedea;
     border-width: 1px 0 0 0;
     font-family: 'GMsanC-Regular', 'GMSansC', 'Helvetica Neue', Helvetica, Arial, sans-serif
 }

 #advertorialWrapper .credits span {
     text-transform: uppercase
 }

 .credits {
     width: 90%;
     max-width: 450px;
     margin: 30px auto;
     line-height: 1rem;
     font-family: 'GMSansC', Arial, san-serif;
     color: #fff;
     font-weight: 400;
     font-size: 14px;
     text-align: center;
     padding: 0 1.25rem
 }

 #editorialWrapper {
     width: 100%;
     background-color: #eeedea;
     border-style: solid;
     border-color: #eeedea;
     border-width: 1px 0 1px 0
 }

 #editorialFooter {
     position: relative;
     display: -webkit-box;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     flex-flow: row wrap;
     -webkit-box-pack: justify;
     justify-content: space-between;
     width: 90vw;
     max-width: 1024px;
     margin: auto
 }

 .contentFrom {
     display: block;
     position: relative;
     font-family: "GMSanC-Bold", Helvetica, Arial, Verdana, sans-serif;
     font-weight: 400;
     font-style: normal;
     margin-bottom: 0;
     font-size: .875rem;
     line-height: 1;
     text-transform: uppercase;
     color: #191919;
     letter-spacing: .0625rem;
     padding: .625rem 0;
     font-size: .75rem;
     line-height: 1;
     color: #595959;
     width: 100%;
     flex: 100%
 }

 #editWrapper {
     display: flex;
     width: 90vw;
     max-width: 1024px;
     padding-bottom: 1.25rem
 }

 .editCard {
     width: 25%;
     overflow: hidden;
     padding: .625rem;
     display: flex;
     -webkit-box-pack: justify;
     justify-content: space-between;
     flex-wrap: wrap;
     margin-right: 1.25rem;
     font-family: "Pratt-Bold", Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
     font-weight: 400;
     font-style: normal;
     font-size: 1.1875rem;
     line-height: 1.15789;
     color: #191919;
     text-decoration: none;
     background: #fff;
     border-width: 0;
     border-style: solid
 }

 .editCard:last-child {
     margin-right: 0rem
 }

 .editCard:hover {
     text-decoration: underline
 }

 .o-card__col {
     -webkit-box-flex: 100%;
     flex: 100%;
     -webkit-box-ordinal-group: 2;
     order: 1
 }

 .o-card__col:last-of-type {
     -webkit-box-ordinal-group: 3;
     order: 2;
     -webkit-box-flex: 100%;
     flex: 100%;
     padding: .625rem 0;
     margin-right: 0
 }

 .editCard img {
     width: 100%;
     height: auto
 }

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

     #advertorialWrapper p{
        width:90%;
        margin: 0 auto;
     }
     #advWrapper {
         flex-wrap: wrap
     }
     .advCard {
         flex-wrap: wrap;
         width: calc(50% - 2.5rem);
         margin-left: 1.25rem;
         margin-right: 1.25rem;
         margin-bottom: 1.25rem
     }
     .advCard img {
         width: 100%;
         flex-basis: 100%;
         padding-right: 0;
         height: auto
     }
     .advCard .text {
         flex-basis: 100%
     }
     #editWrapper {
         flex-wrap: wrap
     }
     .editCard {
         width: calc(50% - 3.75rem);
         border: 0;
         margin-left: 1.25rem;
         margin-right: 1.25rem;
         margin-bottom: 1.25rem
     }
     .credits {
        padding:3vh 0;
     }
 }

 @media only screen and (max-width:480px) {
     .advCard {
         width: calc(100% - 2.5rem)
     }
     .editCard {
         width: 100%
     }
 }

 footer.gi-footer {
     background-color: #fafafa;
     text-align: center
 }

 footer.gi-footer .gi-footer__legal {
     padding: 15px 0;
     font-size: 12px;
     line-height: 1.4;
     text-align: center;
     border-top: 1px solid #eee
 }

 footer.gi-footer .gi-footer__legal a {
     color: #444;
     text-decoration: none
 }

 footer.gi-footer .gi-footer__legal a:hover {
     color: #CE2A23
 }

 footer.gi-footer .gi-footer__legal ul {
     margin: 0 auto;
     padding: 0
 }

 footer.gi-footer .gi-footer__legal li {
     font-family: PrattBold, Georgia, "Times New Roman", serif;
     display: inline-block;
     list-style: none;
     padding: 0 6px
 }

 .gi-podcast-info,
 footer.gi-footer .gi-footer__copyright {
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
 }

 footer.gi-footer .gi-footer__copyright {
     padding: 14px 0;
     color: #555;
     font-size: 10px;
     line-height: 1.4;
     text-align: center;
     border-top: 1px solid #eee
 }

 footer.gi-footer .gi-footer__copyright address {
     margin: 0;
     font-style: normal;
     font-weight: 400;
     -webkit-font-smoothing: antialiased
 }

 footer.gi-footer .gi-footer__copyright abbr {
     border: none
 }

 abbr {
     border-bottom: none!important;
     cursor: inherit!important;
     text-decoration: none!important
 }

 .container-fluid.parallax {
     background-size: cover!important;
     width: 100%
 }

 @media (max-width:650px) {
     .parallax {
         min-height: 250px!important;
         width: 100%!important
     }
 }

 .gmicon-maple_leaf {
     color: #191919;
     text-align: center;
     padding: .625em 0;
     border-style: solid;
     border-color: #eeedea;
     border-width: 0 0 1px 0
 }

 .gmicon-maple_leaf::before {
     content: "\6c"
 }

 footer.gi-footer.dark {
     background-color: #333
 }

 footer.dark .gmicon-maple_leaf,
 footer.dark .gi-footer__legal a,
 footer.dark .gi-footer__copyright {
     color: #fff
 }

 footer.dark .gi-footer__legal,
 footer.dark .gi-footer__copyright {
     border-top: 1px solid #444
 }

 footer.dark .gi-footer__legal a:hover {
     color: #fff;
     text-decoration: underline
 }