@charset "utf-8";
/* CSS Document */

/* RESET SOME TOYOTA CSS RULES */
.content #gonews h1, .content #gonews h2 { text-align:left;}
p { color:#000; font-size:18px; line-height:normal; text-indent:0; }
h2 { letter-spacing: normal; text-align: left;}
#articleTextblock a, #a:focus, #a:visited {  text-decoration: underline;}

 @media (min-width: 992px) { p { font-size:20px; } }
 
 /* remove top padding when menu becomes mobile */
 @media (max-width: 768px) { .maincontent section { padding-top: 0px; } }
 
 
 /* HIDE SOME TOYOTA STUFF */
/* .social-tools { display:none; }*/


/* make container fullwidth */
.html5-inpage .container {width: 100%;padding: 0; }
.html5-inpage .container .row { margin-left:0; margin-right:0; }
.html5-inpage .container .col-xs-12.html5 { padding:0;}


/* TITLE */
#gonews { position:relative; width: 100%; height: 100%;  }
.gonewstitle { position: absolute; top:85px; left:6%; width: 21%; z-index:5  }
.gonewstitle img { width:100%; height:auto; }


/* HOMEPAGE */

/* HEROTEASER */
#mainarticle { padding-bottom:0; margin-bottom:75px;}
.heroteaser { background:#e7e8e8; display: table; }
.heroteaserImage { width:62%;  display: table-cell; position:relative; z-index:2 }
.heroteaserImage img { width:100%; height:auto;}
.heroteaserTextBlock { width:38%; display: table-cell; vertical-align: bottom; }
.heroteaserText { padding:40px 60px 40px 40px;  }
.heroteaserText h1 { position:relative; font-size:44px; line-height:normal; margin-bottom:20px; text-align:left; }
.catlabel { font-family: toyotadisplay_bd; display:inline-block; padding:5px 15px; font-size:22px; line-height:normal; letter-spacing:1px; font-weight:bold; text-transform:uppercase; border:1px solid #000; margin-bottom:15px; transition: all ease-out 0.2s; }

 @media (max-width:1450px) {
	 .heroteaserText h1 { font-size:36px; }
 }
 @media (max-width:1300px) {
	  .heroteaserText h1 { font-size:28px; }
	  p { color:#000; font-size:16px;}
	  .catlabel { padding:4px 10px; font-size:18px; margin-bottom:10px; }
 }
 @media (max-width:1100px) { 
 	.heroteaserText h1 { font-size:22px; }
	p { color:#000; font-size:14px;} 
	 .catlabel { padding:3px 8px; font-size:16px; margin-bottom:5px; }
 }
  @media (max-width:968px) {
	.heroteaserImage { width:100%;  display: block; }
	.heroteaserTextBlock { width:100%;  display: block; vertical-align:auto; }
 }

.heroteaserText h1:after {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 30px;
  width   : 40px;
  border-bottom:5px solid black; }

.heroteaser a:hover { text-decoration:none;  }
.heroteaser a:hover .catlabel { transform: scale(1.2, 1.2);  }


/* ARTICLETEASERS */
.mediumcontainer { width:1074px; margin:0 auto; padding:0;}
@media (max-width: 1074px) { .mediumcontainer { width:100%; } }
.articleteaser { width:42%; float:left; margin:0 4% 3% 4%; position:relative; text-align:center;  }  
.articleteaserTextBlock { display:block; position:relative; top:-20px; z-index:5; }
.articleteaserTextBlock p { text-align:left; }
.articleteaser img { position:relative; z-index:2; width:100%; }
.articleteaser .catlabel { border:none; background:#ed1e24; color:#fff;  }
.articleteaser h2 { font-family: toyotadisplay_bd; font-size:28px; line-height:32px; position:relative; padding-bottom:16px; margin-bottom:15px; }
.articleteaser h2:after {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 12px;
  width   : 26px;
  border-bottom:3px solid black; }
  
  .articleteaser a:hover { text-decoration:none;  }

.articleteaser a:hover .catlabel { transform: scale(1.2, 1.2);  }
@media (max-width: 768px) { .articleteaser { width:92%; } }
.articleteaserrow { clear:both;}


/* NEWSLETTER SUBSCRIPTION BLOCK */

#newslettersubscription { width:100%; margin:0 auto; padding:60px 0 0 0; border-top:1px solid #737574; text-align:center;}
#newslettersubscription h3 { font-family: toyotadisplay_bd; font-size:28px; line-height:normal; text-transform:uppercase; margin-bottom:15px;  }
#newslettersubscription p { margin-bottom:20px; }


/* ARTICLEPAGE */
.smallcontainer { display:block; width:740px; margin:0 auto; padding:0;}
.smallcontainer img { max-width: 100%; margin: 0 auto;}

@media (max-width: 840px) { .smallcontainer { width:100%; padding:0 5%; } }


/* HERO */
#herotitleblock { display: table; min-height:500px; width:100%; height: calc(100vh - 120px);  text-align:center;  }
  

  
.herotitle { display: table-cell; vertical-align: bottom; padding: 0 5% 30px 5%; color:#fff; text-shadow: 1px 1px 1px #333333; }
 @media (max-width: 400px) { .herotitle { padding: 0 5% 20px 5%;  } }
.content #gonews .herotitle h1 { text-align: center;}
.herotitle h1 { display:block; max-width:1000px; margin: 0 auto 15px auto; font-size:64px; line-height:normal; }
	@media (max-width: 1200px) { .herotitle h1 { font-size:52px; } }
	@media (max-width: 1000px) { .herotitle h1 { font-size:36px; } }
	@media (max-width: 600px) { .herotitle h1 { font-size:28px; } }
.herotitle .catlabel {  color:#fff; padding:6px 17px; font-size:26px;  border:1px solid #fff;  }
 @media (max-width: 800px) { .herotitle .catlabel {  color:#fff; padding:4px 10px; font-size:18px;    } }
  
  
  
  /* correction for devices/browsers without vh compatibility */ 
  @media (max-width: 1200px) { #herotitleblock { min-height:400px;} }
  @media (max-width: 1000px) { #herotitleblock { min-height:300px; height:300px;} }
   
   
   /* iPad with portrait orientation. */
	@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){  #herotitleblock {  height: 600px; }}

	/* iPad with landscape orientation. */
	@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){  #herotitleblock { height: 585px;  }}

/* Smartphones */
 @media (max-width: 400px) { #herotitleblock { min-height:200px; height:200px; } }
   
   


#articleTextblock { font-size: 18px; line-height:28px;  display:block; margin:45px auto 50px auto; padding:0;}
@media (max-width: 1074px) { #articleTextblock { width:100%; } }
#articleTextblock h2 { font-size: 20px; line-height:normal; font-weight:bold;  }
#articleTextblock p { font-size: 18px; line-height:28px; margin-bottom: 35px;}
#articleTextblock p.introtext { font-weight:bold;  margin-bottom: 12px; }
#articleTextblock .copyright { display:block; text-align:center; font-size:10px; }
#articleTextblock .smalltext { font-size:11px; line-height:normal;}
#articleTextblock .outro { font-size:16px; line-height:normal; font-style: italic;}
#articleTextblock hr { width:10%; border-color:#000; margin-bottom:40px; }

/* IMAGES */
.imagequoteblock { margin: 0 0 30px 0;}
.imagequoteblock .leftcol { width:57%; float:left;}
.imagequoteblock .rightcol { width:43%; float:left; padding:10px 0;}
@media (max-width: 600px) { .imagequoteblock .leftcol { width:100%; float:none; margin-bottom:50px;} }
@media (max-width: 600px) { .imagequoteblock .rightcol { width:100%; float:none;} }

/* SMALL PHOTOGALLERY */
.smallphotogallery { display:block; position:relative;  }
.smallphotogallery .addicon:after {
    content: "";
    display: block;
   background:  url(https://promo.toyota.be/go-news/images/icon-photogallery.png) no-repeat;
    width: 60px;
    height: 60px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position:absolute; bottom:13px; left:10px;
	transition: all ease-out 0.2s;
	transform: scale(0.8, 0.8);
}
.smallphotogallery .addicon:hover:after { transform: scale(1, 1);  }


/* MEDIUM PHOTOGALLERY */
.mediumphotogallery { display:block; position:relative; margin-bottom:30px;  }
.mediumphotogallery .addicon:after {
    content: "";
    display: block;
   background:  url(https://promo.toyota.be/go-news/images/icon-photogallery.png) no-repeat;
    width: 60px;
    height: 60px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position:absolute; bottom:13px; left:10px;
	transition: all ease-out 0.2s;
	transform: scale(0.8, 0.8);
}
.mediumphotogallery .addicon:hover:after { transform: scale(1, 1);  }


/* LARGE PHOTOGALLERY */
.largephotogalleryblock img { width:100%; }
.largephotogalleryblock .smallcontainer { position:relative; margin:0 auto;}
.largephotogalleryblock .icon {
    display: block;
    background:  url(https://promo.toyota.be/go-news/images/icon-photogallery.png) no-repeat;
    width: 60px;
    height: 60px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position:absolute; bottom:13px; left:10px;
	transition: all ease-out 0.2s;
	transform: scale(0.8, 0.8);
	}
.largephotogalleryblock a:hover .icon { transform: scale(1, 1);  }	

/* ADDTHIS */
.addthis_inline_share_toolbox { text-align:center;}

/* QUOTE */
.quotebox { padding: 0 0 0 30px; text-align:center; font-size:14px; }
#articleTextblock .quotebox p { font-size:16px; }
#articleTextblock .quotebox .quote { font-size:28px; line-height:normal; color:#404040; position:relative; }
.quote:after {
  content : "";
  position: absolute;
  left    : 48%;
  bottom  : -20px;
  height  : 10px;
  width   : 30px;
  border-bottom:3px solid #404040;  }

.rightcol .quote:after {left: 45%;}
  
  /* VIDEO */
  .video-container {
	position:relative;
	padding-bottom:53%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin-bottom:15px;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.videoblock { margin: 40px 0 50px 0;}
#articleTextblock .videoblock p a { text-decoration:none; padding: 0 0 0 28px;  font-size:14px; font-weight:normal;  background:url(https://promo.toyota.be/go-news/images/youtube-icon.png) no-repeat 0 1px;  }


/* MORE ARTICLES */
#morearticleteasers { width:740px; margin:0 auto; padding:0; border-top:1px solid #737574; padding:25px 0 50px 0;}
@media (max-width: 740px) { #morearticleteasers { width:100%; } }
#morearticleteasers h3 { font-family: toyotadisplay_bd; color:#ed2025; text-transform:uppercase; font-size:22px; text-align:center; margin: 0 0 30px 0; }
#morearticleteasers .articleteaser { width:30%; margin:0 5% 0 0; }
@media (max-width: 600px) { #morearticleteasers .articleteaser { width:100%; margin:0 0 40px 0; } }
#morearticleteasers .articleteaser:last-child { margin:0; }
#morearticleteasers .articleteaser img { margin:0 0 20px 0; }
#morearticleteasers .articleteaser p { text-align:left; font-size:18px;}
#morearticleteasers .articleteaser .catlabel { font-family:toyotadisplay_bd,Verdana,Geneva,Arial,Helvetica,sans-serif; border:none; background:none; color:#000; font-weight:bold; font-size:18px; margin-bottom: 10px;  }
#morearticleteasers .articleteaser a:hover .catlabel { transform: none;  }



 
.scrolldown { display:inline-block; width:44px; height:15px; background:url(https://promo.toyota.be/go-news/images/arrowdown.png) no-repeat; direction: ltr; text-indent: -999em; 
-webkit-animation: pulse 1.5s ease-out;
  -moz-animation: pulse 1.5s ease-out;
  animation: pulse 1.5s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite; 
  opacity: 0.0}
  
@keyframes pulse {
    0% {transform: translate(0px, 0px); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {transform: translate(0px, 20px); opacity: 0.0;}
}

@-webkit-keyframes pulse {
    0% {-webkit-transform: translate(0px, 0px); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: translate(0px, 20px); opacity: 0.0;}
}

@-moz-keyframes pulse {
    0% {-moz-transform: translate(0px, 0px); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-moz-transform: translate(0px, 20px); opacity: 0.0;}
}