/*--- Default CSS - For default template ---*/

/* 

-- Colour Palette --
Dark Blue--------- #004990
Light Blue ------- #5091CD

*/


/*----------------------------------------------------------------------------------*/
/*--------------------------------------- Text -------------------------------------*/
/*----------------------------------------------------------------------------------*/

/* Body Text */
p{
font-family: "robotoregular",sans-serif;
color: #404040;
margin-bottom: 1.8rem;
}

li  {
font-family: "robotoregular",sans-serif;
color: #404040;
}

@media screen and (min-width:1201px) { p,li,.quote,.date {font-size: 1.8rem; line-height:1.33;}} /* Desktop */
@media screen and (min-width:993px) and (max-width:1200px) {p,li {font-size: 1.9rem; /*color:blue;*/ line-height:1.4; /*margin-bottom: 1.9rem;*/} } /* Tablet Landscape*/
@media screen and (min-width:601px) and (max-width:992px) {p,li {font-size: 1.9rem; /*color:red;*/ line-height:1.4; /*margin-bottom: 2.0rem;*/} } /* Tablet Portrait */
@media screen and (max-width:600px) { p,li,.quote {font-size:1.7rem; line-height: 1.4;}}  /*Mobile */




.title {
font-size: 3.6rem;
/*font-family: "Georgia";*/
font-family: "robotoregular",sans-serif;

line-height: 1.08;
color: #004990;
margin: 3.6rem 0 3.6rem 0;
text-align:left;

}

.subtitle {
color: #5091CD;
text-align:left;
font-size: 2.6rem;
}

.intro-para {
font-weight: bold;
}

.large-quote-author {
color: #fff; /* TO BE CONFIRMED */
background-color: red; /* TO BE CONFIRMED */
}

.large-quote {
color: #fff; /* TO BE CONFIRMED */
background-color: red; /* TO BE CONFIRMED */
}

.callout {
color: #fff; /* TO BE CONFIRMED */
background-color: red; /* TO BE CONFIRMED */
}

.quote {
font-style: italic;
margin: 0em 0 0.5em 2em;
padding: 1em 0 0.5em 0em;
/*border-color: #004990;
border-style: dotted;
border-width:1px 0px 1px 0px;*/
color: #004990;
font-weight: normal;
width: 70%;
}

.image-caption {
color: #fff; /* TO BE CONFIRMED */
background-color: red; /* TO BE CONFIRMED */
}

.date {
color: #fff; /* TO BE CONFIRMED */
background-color: red; /* TO BE CONFIRMED */
}

p a {
color: #fff; /* TO BE CONFIRMED */
background-color: red; /* TO BE CONFIRMED */
}

p a:hover {
color: #fff; /* TO BE CONFIRMED */
background-color: red; /* TO BE CONFIRMED */
}



/*---IMAGES---*/

@media screen and (min-width:1201px) { /* Desktop*/
figure.image-large img {width: 209.1%;}figure.image-large {left: -19.3%; position: relative;}
figure.image-left img {width: 36rem;} figure.image-left {position: absolute; left:102%; float: left;}
figure.image-right img {width: 36rem;} figure.image-right {position: absolute; left:102%; float: left;}
figure.image-centre img {width: 100%;} figure.image-centre {left:0%; position:relative;}
} 
@media screen and (min-width:993px) and (max-width:1200px) { /* Tablet Landscape*/
figure.image-large img {width: 211.3%;} figure.image-large {left: -19.9%; position: relative;}
/*.image-left img,.image-right img {width: 100%;} .image-left,.image-right {left:0%; position:relative;}*/
figure.image-left img,figure.image-right img {width: 36rem;} figure.image-left,figure.image-right {position: absolute; left:102%; float: left;}
figure.image-centre img {width: 100%;} figure.image-centre {left:0%; position:relative;}
} 
@media screen and (min-width:768px) and (max-width:992px) { /* Tablet Portrait */
figure.image-large img {width: 139.1%;} figure.image-large {left: -13.7%; position: relative;}
figure.image-left img,figure.image-right img {width: 100%;} figure.image-left,figure.image-right {left:0%; position:relative; }
figure.image-centre img {width: 100%;} figure.image-centre {left:0%; position:relative;}
} 
@media screen and (max-width:767px) {/*Mobile */
figure.image-large img {width: 100%;} figure.image-large {left: 0%; position: relative;}
figure.image-left img,figure.image-right img {width: 100%;} figure.image-left,figure.image-right {left:0%; position:relative;}
figure.image-centre img {width: 100%;} figure.image-centre {left:0%; position:relative;}
}