/* Other text effects, created by Natasha and modified by Aaron */
/* ____________________________________________________________ */

blockquote.pullquote-inline {padding-left:11.5px; padding-right:11.5px;margin-bottom:0;position:relative;border:#000;}
.pullquote-inline { 
font-family: 'Roboto Slab', serif !important;
border-left:0!important;
font-size:14px;
}
.pullquote-inline:before {
  content:"";
  position: absolute;
  right: 5%;
  top: 99%;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-bottom: 26px solid transparent;
}
.orange-bg .pullquote-inline:before{border-left: 26px solid #bf6f27;}
.blue-bg .pullquote-inline:before{border-left: 26px solid #034366;}
.blue-bg-tailup .pullquote-inline:before{border-left: 26px solid #034366;top:-23px;border-top:26px solid transparent;border-bottom:0 solid transparent;}
.orange-bg-tailright .pullquote-inline:before{border-left: 26px solid #bf6f27;left:455px;top:215px;border-bottom:26px solid transparent;border-top:0 solid transparent;}
.blue-bg-tailleft .pullquote-inline:before{border-right: 26px solid #034366;left:-25px;top:100px;border-top:0px solid transparent;border-bottom:20px solid transparent;}
.turq-bg .pullquote-inline:before{border-left: 26px solid #3c7274;top:-25px;border-top:26px solid transparent;border-bottom:0 solid transparent;}
.green-bg .pullquote-inline:before{border-left: 26px solid #468940;}
.inset-border {
padding:40px 55px;
border: none;
resize: none;
}
.inset {
padding:10px 20px;
}
.black-bg {background:rgba(000,000,000,0.80);border-radius: 10px;}
.orange-text { color:#bf6f27;}
.orange-bg { background:rgba(191,111,39,1.00);border-radius: 10px;}
.blue-text { color:#034366;} /*#00ABCD*/
.blue-bg { background:rgba(3,67,102,1.00); border-radius: 10px;} 
.blue-bg-tailup { background:rgba(3,67,102,1.00); border-radius: 10px;}
.orange-bg-tailright { background:rgba(191,111,39,1.00); border-radius: 10px;}
.blue-bg-tailleft { background:rgba(3,67,102,1.00); border-radius: 10px;}
.turq-text { color:#3c7274;}
.turq-bg { background:rgba(60,114,116,1.00);border-radius: 10px;}
.green-text { color:#468940;}
.green-bg { background:rgba(70,137,64,1.00);border-radius: 10px;}
.no-border{border-radius:0;}
.white-text { color:#fff;}
.quotation{font-size:30px;line-height:24px;position:absolute;margin-left:-15px;color:rgba(256,256,256,.7);}
.q-en {margin-top:.1em;}
.q-fr {margin-top:-.1em;}
.thick {font-weight:700;}
.thin {font-weight:300;}
.roboto {font-family:'Roboto Slab', serif;}
.big {font-size:20px;}
.no-mrgn {margin-left:-15px; margin-right:-15px;}
@media not print {
h4 {font-size:24px!important;}
h3 {font-size:28px!important;}
}
@media print {
	h2, h3, h4 {
		margin-top:15px!important;
		margin-bottom:15px!important;
	}
}
div.nobrdr {padding-left: 0px;padding-right: 0px;}
div.rhtbrdr {padding-right: 3px;}
div.lftbrdr {padding-left: 3px;}
.mrgn-tp-minus {margin-top:-250px;}
.mrgn-tp-minus-more {margin-top:-350px;}
.mrgn-tp-undo-more {margin-top:350px;}
.mrgn-tp-undo-03{margin-top:300px;}
.mrgn-tp-minus-xl {margin-top:-450px;}
.mrgn-tp-undo-minus-xl {margin-top:450px;}
.mrgn-tp-minus-03 {margin-top:-300px;}
.mrgn-tp-minus-04 {margin-top:-570px;}
.mrgn-tp-undo-minus-04 {margin-top:570px;}
.mrgn-tp-minus-05 {margin-top:-300px;}
.mrgn-tp-xxl {margin-top:100px;}
a.lnk-fade:link,a.lnk-fade:visited{
opacity: 1;
filter: alpha(opacity=1); /* msie */
}
a.lnk-fade:hover,a.lnk-fade:active{
opacity: 0.7;
filter: alpha(opacity=70); /* msie */
-webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
	 -o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
		filter: grayscale(100%); 
}
.fade.in {animation-duration: 625ms!important;}
.fade.out{animation-duration: 425ms!important;}


h1.ml8 {
  font-weight: 900;
  font-size: 4.5em;
  color: #fff;
  width: 3em;
  height: 3em;
}

.ml8 .letters-container {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  height: 1em;
}

.ml8 .letters {
  position: relative;
  z-index: 2;
  display: inline-block;
  line-height: 0.7em;
  right: -0.12em;
  top: -0.2em;
}

.ml8 .bang {
  font-size: 1.4em;
  top: auto;
  left: -0.06em;
}

.ml8 .circle {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}

.ml8 .circle-white {
  width: 3em;
  height: 3em;
  border: 2px dashed white;
  border-radius: 2em;
}

.ml8 .circle-dark {
  width: 2.2em;
  height: 2.2em;
  background-color: #4f7b86;
  border-radius: 3em;
  z-index: 1;
}

.ml8 .circle-dark-dashed {
  border-radius: 2.4em;
  background-color: transparent;
  border: 2px dashed #4f7b86;
  width: 2.3em;
  height: 2.3em;
}
/* Anchor link icon that goes beside headers */
a.anchr-lnk:link, a.anchr-lnk:visited {
	background: transparent!important;
	color: #424247!important;
	border-bottom: none!important;
}
a.anchr-lnk:hover, a.anchr-lnk:focus, a.anchr-lnk:active {
	border-bottom: 2px dashed #424247!important;
	color: #424247!important;
	background: transparent!important;
}

@media (min-width: 790px) {
h2>a.anchr-lnk {
	margin-left: -30px;
}
h3>a.anchr-lnk {
	margin-left: -24px;
}
h3.h6>a.anchr-lnk {
	margin-left: -15px;
}
h4>a.anchr-lnk {
	margin-left: -20px;
}
}

/* End of Anchor link icon that goes beside headers */


/*DNCL 2022 New Rules*/


.h1_title1_en {
	position: absolute;
	top: 2.5%;
	left: 5%;
	font-family: 'Roboto Slab';
	font-size: 3.7vw;
	font-weight: bold;
	text-transform: uppercase;
	color: rgb(30,66,138);
	line-height: 3.5vw;
}

.h1_title2_en {
	position: absolute;
	top: 117.5%;
	left: 0%;
	font-family: 'Roboto Slab';
	font-size: 1.78vw;
	font-weight: bold;
	text-transform: none;
	color: rgb(34,41,68);
	line-height: 1.9vw;
	
}

.h1_subtitle_en {
	position: absolute;
	top: 213.5%;
	left: 0%;
	font-family: 'Roboto Condensed';
	font-size: 1.3vw;
	font-weight: bold;
	text-transform: none;
	color: rgb(34,41,68);
	line-height: 1.6vw;
}
.h1_date_en {
	position: absolute;
	top: 275.5%;
	left: 0%;
	font-family: 'Roboto Condensed';
	font-size: 1.3vw;
	font-weight: normal;
	text-transform: none;
	color: rgb(34,41,68);
	line-height: 1.6vw;
}

.h1_title1_fr {
	position: absolute;
	top: 2.5%;
	left: 5%;
	font-family: 'Roboto Slab';
	font-size: 4.3em;
	font-weight: bold;
	text-transform: uppercase;
	color: rgb(30,66,138);
	line-height: 1em;
}

.h1_title2_fr {
	position: absolute;
	top: 117.5%;
	left: 0%;
	font-family: 'Roboto Slab';
	font-size: 0.48em;
	font-weight: bold;
	text-transform: none;
	color: rgb(34,41,68);
	line-height: 1em;
	
}

.h1_subtitle_fr {
	position: absolute;
	top: 224.5%;
	left: 0%;
	font-family: 'Roboto Condensed';
	font-size: 0.38em;
	font-weight: bold;
	text-transform: none;
	color: rgb(34,41,68);
	line-height: 1em;
}
.h1_date_fr {
	position: absolute;
	top: 314.5%;
	left: 0%;
	font-family: 'Roboto Condensed';
	font-size: 0.34em;
	font-weight: normal;
	text-transform: none;
	color: rgb(34,41,68);
	line-height: 1em;
}


.textbox_middle {
	margin-top: 29%;
}

.section_photo {
	position: relative;
}

.h2_section_head_1_en {
	position: absolute;
	top: 74.5%;
	left: 4%;
	font-family: 'Roboto Slab';
	font-size: 4em;
	font-weight: bold;
	text-transform: none;
	color: rgb(242,250,250);
	line-height: 1em;
}

.h2_section_table_1_en {
	position: absolute;
	top: 38.5%;
	left: 4%;
	font-family: 'Roboto Slab';
	font-size: 2em;
	font-weight: bold;
	text-transform: none;
	color: rgb(242,250,250);
	line-height: 1em;
}

.column_quote_spacer {
	margin-top: 33%;
}
