﻿#wrapper .sys_fullWidth #content {padding: 0; width: 100%;}



.covid-banner{background: #18194f url("/home/homepagefeaturebox/coronavirus-research-feature-bluey-green.jpg") no-repeat 100% 50%; background-size: 64%;}



#content .covid-banner .lastModified{display:inline-block; margin-top: 0; background: transparent; border-color: #fff; padding: 6px 0;}
#content .covid-banner .lastModified span{color: #fff;}


#content .covid-banner{position:relative;}
#wrapper #content .covid-banner .inner{color: #fff; padding: 14px;}
#wrapper #content .covid-banner .introParagraph{color: #fff; top: 1.5rem; left: 1.5rem; width: 60%;}

#wrapper #content a:hover {background-color: #007ca7; text-decoration: none; color: #fff;}
#wrapper #content .introParagraph{font-size: 1.3em; color: #007ca7; line-height: 1.1em;}

/* tweaked column widths */
#content .sys_threeColumns .sys_one, 
#content .sys_threeColumns .sys_two, 
#content .sys_threeColumns .sys_three {margin-right: 1.5%; width: 32.25%; padding: 0; margin-left: 0;}
#content .sys_threeColumns .sys_three {margin: 0;}
#content .sys_twoColumns5050 .sys_two, #content .sys_threeColumns .sys_two, #content .sys_threeColumns .sys_three {border-left:none;}
#content .sys_twoColumns_7030{margin-bottom: 2rem;}
#content .sys_twoColumns_7030 .sys_one_7030 {border-right: none; width: 66%;padding: 0; margin-right: 24px;}
#content .sys_twoColumns_7030 .sys_two_7030 {padding: 0; margin: 0;}
#content .sys_twoColumns5050 .sys_one,
#content .sys_twoColumns5050 .sys_two{padding: 0; width: 49.5%; margin: 0;}


/* image and text block razor */
#content .sys_CTA-ImageAndTextBlock .sys_CTA-textOverlay{background-color: #005597;}
#content .sys_CTA-ImageAndTextBlock:hover .sys_CTA-textOverlay{background-color: #1A296B;}


/* sitewide CTAs */
body #wrapper #content .CTA-ArrowRoundRight{color: #fff; font-weight:normal; font-size: 1.2em; display:block; margin-bottom:.5em; padding: 22px 30px 20px 8px; background:  #007ca7 url("/SiteElements/Images/Base/Internal/CTA-icons/White/bg-icon-white-right-arrow.png") no-repeat; background-position: right 10px top 50%; text-decoration:none; background-size: 18px; }
body #wrapper #content .CTA-ArrowRoundRight:hover{background-color: transparent; border-color: #1a296b; background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bg-icon-blue5-right-arrow.png");}
#wrapper #content .CTA-ArrowRoundRight{padding: 40px 40px 40px 8px!important;}
#wrapper #content .sys_threeColumns .CTA-ArrowRoundRight{background-color: #DE1B5C; border: 3px solid transparent;}



#wrapper .sys_fullWidth .card h2 {font-size: 1.3em; font-weight: normal; line-height: 1.2em;}



#wrapper #content .sys_boxWithDarkBackground{background: #005597; padding-bottom: 60px; padding-top: 40px;}
#wrapper #content .sys_boxWithDarkBackground h2,
#wrapper #content .sys_boxWithDarkBackground p,
#wrapper #content .sys_boxWithDarkBackground ul{padding-left: 40px; padding-right: 40px; }
#wrapper #content .sys_boxWithDarkBackground ul {margin: 1.5rem 0 0 0;}


#wrapper #content .sys_boxWithDarkBackground ul li{margin-bottom: 1.2rem;  }




/* homepage (any full width page) specific styles and overrides */
#wrapper .sys_fullWidth h2 {font-size: 40px; margin-bottom: 0.3em; margin-top: .5em; }
#wrapper .sys_fullWidth #content h2 a{border-bottom: 2px solid #a3a3b9; color: #1A296B; text-decoration:none;}
#wrapper .sys_fullWidth #content h2 a:hover{border-color: #007ca7; color: #fff;}
#wrapper .sys_fullWidth #content .introParagraph{font-size: 1.5em!important;}


.sys_fullWidth #content .sys_twoColumns_7030 .sys_one_7030 {border-right: none; width: 66%; padding: 0; margin-right: 15px;}
.sys_fullWidth #content .sys_twoColumns_7030 .sys_two_7030 {padding: 0; margin: 0;width: 32.123456%;}
.sys_fullWidth #content .sys_CTA-ImageAndTextBlock .sys_CTA-name {padding: 16px 8px;}



/* homepage CTAs */
#wrapper .sys_fullWidth #content .sys_whatNext .sys_threeColumns .CTA-ArrowRoundRight{background-color: #DE1B5C;}
#wrapper .sys_fullWidth #content .sys_whatNext .sys_threeColumns .CTA-ArrowRoundRight:hover{background-color: #fff;}
#wrapper .sys_fullWidth #content .sys_threeColumns .CTA-ArrowRoundRight{background-color: #1a296b;}
#wrapper .sys_fullWidth #content .sys_threeColumns .CTA-ArrowRoundRight:hover{background-color: transparent;}



/* #content .sys_cms-form-control  */
#content .sys_cms-form-control{margin-bottom: 1em; border:none; padding: 0;}
#content .sys_cms-form-control li{padding: 0; margin: 0;}
#content .sys_cms-form-control label,
#content .sys_cms-form-control input,
#content .sys_cms-form-control select,
#content .sys_cms-form-control textarea{width: 94%; border-color: #617FA5; padding: 18px 2%; color: #414141; font-size: inherit;}
#content .sys_cms-form-control input:focus,
#content .sys_cms-form-control select:focus,
#content .sys_cms-form-control textarea:focus{background-color: #efefef; border-color: #D4433F;}
#content .sys_cms-form-control .sys_buttons button{font-size: 1.8em;padding: 18px 14px;background-color: #D4433F; color: #000;cursor:pointer; border:none;}
#content .sys_cms-form-control .sys_buttons button:hover{background-color: #242847; color: #fff;}
#content .sys_cms-form-control .sys_fieldlabel{padding: 0; }
#content .sys_cms-form-control .sys_sectionbreak {border: none; padding: 0;}
#content .sys_cms-form-control .sys_sectionbreak-header{font-size: 1.3em; color: #AF6324;}
#content .sys_cms-form-control .sys_legend{padding: 0; color: #414141;}
#content .sys_cms-form-control input[type="checkbox"],
#content .sys_cms-form-control input[type="radio"]{width: auto; padding: 0;}





#content blockquote{background-color: #efefef;border-left: 4px solid #007ca7; background-image:none; padding: 10px; font-size: 1.1em; line-height: 1.4em; margin-bottom: 1em;}
#content blockquote span{background-image:none;}
#content blockquote .sys_quoteText{color: #000;}
#content blockquote .sys_quoteSignature{font-weight:bold ;font-size: .8em;}


#content .kalturaEmbed{border-left: 1px solid #e1e8ec; padding-left: 0.6rem;}
#content .kalturaEmbed h2{color: #000;}
#wrapper #content .kalturaEmbed h2 a{background-image: none; text-decoration:none;}
#wrapper #content .kalturaEmbed h2 a span{font-size: 0.8rem; text-decoration: underline;}
#wrapper #content .kalturaEmbed h2 a:hover span{text-decoration: none;}



#wrapper #pageTitle .logo {width: 33%;}
#wrapper #pageTitle .headertext {width: 66%;}

#wrapper #content .img-responsive{width: 100%; height: auto;}

#wrapper #content .sys_image-with-heading img{border:none; width: 100%; height: auto;}
#wrapper #content .sys_image-with-heading .sys_heading{color: #242847; left: 6px; top: 6px; right: auto; background: transparent url("/SiteElements/Images/Base/Internal/bg-textOverlay-White.png") repeat scroll 0 0;}
#wrapper #content .sys_image-with-heading .sys_heading h1{color: #242847; margin: 8px 10px 0 10px;}



#bottom {display:none;}


.sys_HideAllThis{display:none;}


@media only screen{

#content .not-an-active-link{cursor:auto; pointer-events: none;}

}




@media only screen and (max-width: 967px) {
  
.sys_topCTAs{font-size: 0.9rem; line-height: 0.9rem;}
.sys_topCTAs div{margin: 0;}

#wrapper #content,
#wrapper #content.sys_fullWidth{width: 100%!important; left: 0; padding: 0; left: 0;}
#content .sys_twoColumns5050 .sys_one,
#content .sys_twoColumns5050 .sys_two{width: 49.4%; margin: 0;}

#wrapper .sys_fullWidth #content .sys_twoColumns_7030 .sys_one_7030 {width: 66%;margin-right: 12px;}
  
  
}



@media screen and (max-width: 767px) {
#wrapper #pageTitle{height: auto; margin-bottom: 0;}

#toolBar{display:block;}


#wrapper #content .sys_boxWithDarkBackground h2,
#wrapper #content .sys_boxWithDarkBackground p,
#wrapper #content .sys_boxWithDarkBackground ul{padding-left: 20px; padding-right: 20px; }

  
#wrapper #content .sys_detailImage .introParagraph{top: 10px; left: 10px; width: 75%; font-size: 1.2em!important; }
#wrapper #content .sys_detailImage .introParagraph strong{color: #f39200;}
  
  
  
#content .sys_twoColumns5050{margin-bottom: 0;}
#wrapper #content .sys_threeColumns .sys_one, 
#wrapper #content .sys_threeColumns .sys_two, 
#wrapper #content .sys_threeColumns .sys_three{margin-bottom: 0!important;}
  
  
#content .sys_fullWidth .sys_twoColumns5050{margin-bottom: 10px;}
#wrapper .sys_fullWidth #content .sys_threeColumns .sys_one, 
#wrapper .sys_fullWidth #content .sys_threeColumns .sys_two, 
#wrapper .sys_fullWidth #content .sys_threeColumns .sys_three{margin-bottom: 10px!important;}
 
  
body #wrapper #content .CTA-ArrowRoundRight{padding: 20px 30px 20px 11px!important;}  
  
#wrapper .sys_fullWidth #content .sys_CTA-ImageAndTextBlock .sys_CTA-name{padding: 0; border: 2px solid transparent;}
  
#content .sys_CTA-ImageAndTextBlock {margin: 0;}
#wrapper .sys_fullWidth #content .sys_threeColumns .CTA-ArrowRoundRight,
#wrapper .sys_fullWidth #content .sys_CTA-ImageAndTextBlock .sys_CTA-name {margin: 0;}
  

  
}

@media only screen and (max-width: 479px) {
  #wrapper #pageTitle{height: auto; margin-bottom: 1em;}
#content .not-an-active-link{cursor: pointer; pointer-events: auto;}
  
  
#content .sys_twoColumns_7030{margin-bottom: 0;}  

#wrapper .sys_fullWidth #content .card h2 {font-size: 1.3em; font-weight: normal; line-height: 1.2em;}
#wrapper .sys_fullWidth #content  h2{font-size: 2em;}  

#wrapper #content .introParagraph{font-size: 1.2em!important;}
}

