/* @group Type */

html {
	  	font-size: 125%;
}
  body {

font-family: halyard-text, sans-serif;

font-weight: 400;
	color: #343a40;

background: #F8F9FA;

}

h1, .h1,
h2, .h2,
h3, .h3 ,
h4, .h4 ,
h5, .h5,
h6, .h6 {
	font-family: halyard-display, sans-serif;
	font-weight: 700;
	text-transform: none;
}



h1 em, .h1 em,
h2 em, .h2 em,
h3 em, .h3  em,
h4 em, .h4  em {
		color: #D63900;
		font-style: normal;
}



h1, .h1 {
   font-size: 2.25rem;
   	line-height: 1.2;

 }

h2, .h2 {
  font-size: 1.9375rem; 
  	line-height: 1.2;

 }

h3, .h3 {
 font-size: 1.5625rem;
}

h4, .h4 {
   font-size: 1.25rem; 
 }

h5, .h5 {
   font-family: halyard-text, sans-serif;

   font-size: 1.1rem; 

}

h6, .h6 {   font-family: halyard-text, sans-serif;
text-transform: uppercase;
	  font-size: 1rem;
 }



@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 3rem; }
  h2, .h2 {
    font-size: 2.5rem; }
  h3, .h3 {
    font-size: 1.9375rem; }
  h4, .h4 {
    font-size: 1.5625rem; }
 
}





.home-h1 {
	font-size: 300%;
	line-height: 1;
}

.reverse .home-h1 {
	margin-bottom: 2rem;
}

  @media print, screen and (min-width: 40em) {
  	.home-h1 {
	font-size: 400%;
	line-height: 1;
	margin-bottom: 2rem;
}

  }
  
  
  
p , ol li , ul:not(.menu) li {
	  font-size: 1.1rem;
	  line-height: 1.6rem;
}


ul, ol {
	padding-left: 0.25rem;
}


.subhead {
		color:  #6B737B;
		font-weight: 700;
		font-size: 0.875rem;
		text-transform	:uppercase;
		letter-spacing: 0.1em;
	margin-top: -1rem;
}

.clickable {
	cursor:  pointer;
	
}

.callout {
  padding: 1rem 1rem 1.5rem 1rem;
	border: 1px solid  #E9ECEF;

  border-radius: 0;
  background-color: #fefefe;
	color: #343a40;
/* mobile? margin: 0 -1rem 1rem -1rem ;*/

}





/* @group campaign */

.campaign-callout {
	border:0.25rem dotted #D63900; 
    background-color: #fcd6d6;
margin-bottom: 2rem ;
padding: 2rem ;

}

.campaign-callout .button ~ .button {margin-top:  0.5rem;}

.campaign-social.menu a svg {
	width: 2.25rem;
	height: auto;
}
.copy-button {
	margin: 1rem 0 !important;
}




/* @end */

.clickable.callout:hover {
  	border-color: #d1d7dd;	
  }

p.resourcelink {
  word-break: break-all;overflow-wrap: break-word;
   	color: #6B737B;
   	font-size: 0.875rem;
   	margin-bottom: 0;

}


p.resourcelink svg {
	margin-right: 0.25rem;
}
.highlight {
	   	position: relative;
	   	margin: 1rem 0;
   	padding: 2rem 2rem 1rem 3rem;
   	border: 0.5rem solid #868E96;
}

.clickable.highlight {
	   	border: 0.5rem solid #D63900;
}

.clickable.highlight:after {
	display: block;


	  content: '';
position: absolute;
    right:  2rem;
    top: 2.5rem;
    width: 0;
    height: 0;
	  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #D63900;
 
	
}




a:not(.button, .menu *) {
		font-weight: 700;
		border-bottom: 2px dotted #D63900;
			word-wrap: break-word;
	 word-break: break-word;
}

a:not(.button) {

	color: #D63900;

	transition: 400ms all;
	
	 overflow-wrap: break-word;
  word-wrap: break-word;
  
}

a:not(.button, .menu *):hover , .clickable:hover a:not(.button) {
		color: #E03C00;	border-bottom: 2px solid #E03C00; 

}



.button, a.button {
text-transform: uppercase;
letter-spacing: 0.01em;
font-weight: 700;
  border-radius: 0;
    background-color: #D63900;
    color: #fff ; 
	
	margin-bottom: 0;
	
}
  
  
    .button, a.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
    background-color: #D63900;
    color: #fff; }
    
  .button:hover, .button:focus,
  .clickable:hover a.button {
    background-color: #E03C00;
    color: #fff; }
    
    
    
  .button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
    background-color: #F8F9FA;
    color: #495057; }
    
  .button.secondary:hover, .button.secondary:focus {
    background-color: #E9ECEF;
    color: #495057; }
        
        

    
  /*  .button.tiny {

  padding: 0.5em 1em;
margin: 0 1rem;
 }
    
p .button {
margin-bottom: 0;
}    
    */
    
   blockquote {
   	margin: 2rem 0;
   	padding: 2rem 2rem 1rem 3rem;
   	border: 0.5rem solid #D63900;
   	font-weight: 700;
position: relative;
   } 
 blockquote::before {
 	content: '“';
 		font-family:  halyard-display, sans-serif;
font-weight: 700;
 	color: #D63900;
 	background: #F8F9FA;
 	font-size: 500%;
 	line-height: 1;
 	position: absolute;
 	top:  1.25rem;
 	left: -0.75rem;
 } 
blockquote p {
	color: #495057;
}
   
   blockquote cite,
   blockquote strong {
   	color: #6B737B;
   	text-transform: uppercase;
   	  display: block;
  font-size: 0.8125rem; 
   	letter-spacing: 0.05em;
   	font-style: normal;
   	margin-bottom: 1rem;
   }
   
   
  blockquote strong:before {
    content: "— "; }
    
    
    
   @media screen and (min-width: 64em) {
   	
   	blockquote p {
	color: #495057;
	font-size: 200%;
}
   
   }
   
      .pad-top {
		padding-top: 1rem ;

   }
      .pad-bottom{
	padding-bottom: 1rem ;

   }
   
      
   @media screen and (min-width: 64em)
   {
   
   .pad-top {
		padding-top: 3rem ;

   }
      .pad-bottom{
	padding-bottom: 3rem ;

   }
   
   }
.reverse {
	background: #495057;
	margin-top: 2rem ;
		padding-top: 2rem ;
	padding-bottom: 2rem ;
}


.reverse , .reverse *{
	color: #fff !important;
}

.alert-reverse  {
 background: #D63900;
		padding: 1rem;
}

/*alert banner followed by footer */
.alert-reverse + .reverse {
	margin-top: 0;
}

   @media screen and (min-width: 64em) {
   	
   	.alert-reverse  {
		padding: 2rem;
}


   	}
   	
   	
.alert-reverse a {
		 word-break: break-word;

}



.reverse 
a:not(.button) {
		border-bottom: 2px dotted #fff;


} 

.reverse .clickable:hover a, .reverse a:not(.button):hover {
		color: #F1F3F5 !important;	border-bottom: 2px solid #F1F3F5; 

}
   	
.alert-reverse a:hover  , .alert-reverse.clickable:hover a {
border-bottom: 2px solid #fff ;
}



.large-icon {
 
 	transform: scale(4);
 	margin-top: 2.5rem;
 	margin-bottom: 1.5rem;
 }

   @media screen and (min-width: 64em) {
.large-icon {
 	transform: scale(6)  ;
 	margin-bottom: 2.5rem;
 }
}

.livechat_button a {
	font-size: 1.1rem !important;
}

footer {
	margin-top: 4rem;
}

.reverse + footer {
	margin-top:  0;
}

.footer {
		padding-top: 2rem ;
	padding-bottom: 6rem ;

	color: #F8F9FA ;
	background: #495057;
}

.footer a {
		color: #fff;
}

.footer a:hover {
	color: #F1F3F5 ;

}

.footer a:not(.button):hover {
	color: #F1F3F5 ;
	border: none;
}

.footer .menu a {
		text-transform: uppercase;
		letter-spacing: 0.01em;
	font-weight: 700;
	
} 

.footer .menu.vertical a , .footer li.menu-text {
	padding-left: 0 ;
}

  @media print, screen and (min-width: 64em) {
  	
  	.footer .menu.vertical a {
  		padding-left: 1rem ;
  	}
  	
.footer .menu li:first-of-type, .footer .menu li:first-of-type a {
	padding-left: 0;
}

}


.footer p, .footer ul {
	font-size: 0.75rem;
	margin-bottom: 1rem;
}

.footer p {
	color:  #F1F3F5;
	font-size: 0.7rem;
	line-height: 1.4;
}

.footer p a {
	border: none;
}

/* @end */


/* @group get the facts */



.totoc svg {
	color: #D63900;
	float: left;
margin-top: -2px;
margin-right: 0.125rem;
}

.factnumber {
margin-top: 2rem;

}


.factnumber  {
    background-image: linear-gradient(#D63900, #D63900);
    background-size:  100% 4px;
    background-repeat: no-repeat;
    background-position: center 2.5rem ;
}


.factnumber strong {
	   margin: 0 auto;
	   width: 5rem;
    height:5rem;
	font-size:3rem;
	line-height: 1.4;
/*    padding: 1rem;*/
    margin-right: 0.75rem;
    border-radius: 50%;
    border: .25rem solid #F8F9FA;
    background: #D63900;
    color: #F8F9FA;
    font-weight: bold;
    text-align: center;
    display: inline-block;
}

.toc-menu ul{
    counter-reset: list-counter;
    list-style: none;
    float:left;
	margin-left: 0;
}
.toc-menu ul li{
    margin: 0 ;    
	font-size: 0.875rem;
	padding-left: 2.5rem;
}
.toc-menu ul li a:before{
    content: counter(list-counter);
    counter-increment: list-counter;
    width: 1.75rem;
    height:1.75rem;
	font-size:0.75rem;
	line-height: 1.875;
/*    padding: 1rem;*/
    margin-right: 0.75rem;
	margin-left: -2.5rem;
    border-radius: 50%;
    border: .125rem solid #D63900;
    background: inherit;
    color: #D63900;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    
}

.docblock ul li {
	margin-bottom: 0.875rem;
}
/* @end */



/* @group Grid */

	.wrapper {
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

main {
margin-top:  1rem;
}


  @media print, screen and (min-width: 64em) {
  
  main {
margin-top:  4rem;
}

  .large-float-right {
  float: right !important; }


  .large-align-right {

  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  	}


.large-align-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }
		  
  }

/* @end */

/* @group MENU TOGGLE */

  @media screen and (max-width: 63.99875em) {



 #menu {
display: none;
 	min-height: 100vh ;
background: #F8F9FA;

	}

 #menu.active {
		display: block;
	}

.nav-menu {
	margin-top: 1rem;
}
.nav-menu .button {
	margin	: 1rem 0;
}
	 }
	 
	 
	 

.nav-toggle {
padding: 1rem;
	 margin-top:  1rem;
	 margin-right: 1rem;
	display: block;
	z-index: 1;
	 width: 35px;
	 height:  1px;
border-bottom: none !important;
}




.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 4px;
  width: 35px;
  background: #222;
  position: absolute;
  display: block;
  content: '';
  cursor: pointer;

}

.nav-toggle span:before, .nav-toggle span:after  {
	
   -webkit-transition: transform 400ms ;
    -moz-transition:transform 400ms ;
    -ms-transition:transform 400ms ;    
	transition:transform 400ms ;
}

.nav-toggle span:before {
  top: -10px;  

}
.nav-toggle span:after {
  bottom: -10px; 
}





.nav-toggle.active {
/*		 margin-top:  -2.5rem;*/

}


.nav-toggle.active  span {
	background:transparent;
}

.nav-toggle.active  span:before
{  height: 4px;
	transform: rotate(45deg);
position: absolute; top: 0;
background: #D63900;
}


.nav-toggle.active  span:after
{height: 4px;
	transform: rotate(-45deg);
position: absolute; top: 0;
background: #D63900;
}



.nav-toggle:hover span, .nav-toggle:hover span:before, .nav-toggle:hover span:after {
	 background: #D63900
/*linear-gradient(to left, #84bfa4, #03a696)*/
}



.nav-toggle.active:hover  span {
	background:transparent;
}



/* @end */

/* @group Nav */

#top {font-size: 0;
	color: #6B737B;
	position: absolute;
	right: 0;
	top: 0;
	border: none !important;
}

.nav-menu {
	background: #F8F9FA;

}

a.logolink {
	border: none;
}


#logo {
	margin: 1rem 0 0 0 ;


}



	.social.menu {
		margin-top:1rem;
margin-bottom: 1rem;
}



@media screen and  (min-width: 64em) {
	.social.menu {
	margin-top: 0.25rem;
	margin-right: 1.5rem;
	margin-bottom: 0;
}

}

.social.menu a {
	color:  #6B737B;
		transition: 400ms all;

}
.social.menu a:hover {
	color:  #495057
}


.social.menu a svg {
	width: 1.3rem;
	height: auto;
}




/* @group search */

.input-group [type="search"] {
	  border-radius: 3px 0 0 3px; 

}

#menu [type="search"] {
font-size: 0.875rem;
height:  1.875rem; 
	border: 1px solid #868E96 !important; 
border-right: none !important;;
}

#menu form {
	margin-bottom: 1rem;
}
@media screen and  (min-width: 64em) {
#menu form {
	margin-bottom: 3rem;
}
}

 #menu form .input-group .button {
 		color: #495057 ;
	background: #E9ECEF;
	border: 1px solid #868E96 !important;
	border-left: none !important;
 }
 #menu  form .input-group .button:hover {
 		color: #343a40 ;
 }
/* @end */

/* @group forms */

fieldset {
	padding: 1rem ;   
	border: 1px solid #868E96;;
}

legend {
	padding: 0 0.5rem;
}

form em {
	color:  #D63900;
}

#contactform input {
	max-width: 30em;
}


.reverse [type="search"] {
	color:   #495057 !important;

}


@media print, screen and (max-width: 39.99875em) {



.callout {
padding: 0.5rem 1rem;
margin: 0 -1.5rem 0.5rem -1.5rem ;

}



.resource-search form {
	margin: 0 0.5rem ;

}

.resource-search .h3 {
	   font-size: 1.25rem ; 
}


}
    
    
/* @end */

/* @group google translate */

#google_translate_element {
	width: 100%;
}

select.goog-te-combo {
height: auto; font-size: 0.6rem; padding-top: 0.25rem; padding-bottom: 0.25rem;
}


#google_translate_element a {
	border-bottom: none;	color:  #343a40;

}

@media screen and  (min-width: 64em) {
	
	#google_translate_element {position: fixed;
		width: auto ;
	z-index: 1;
	bottom: 1rem; left:  1rem;
	background: #fff;
	padding: 0.5rem 1rem ;
	border-radius: 4px;
	box-shadow: 0px 3px 10px #868E96;
	opacity: 0.95;
}
}


/* @end */

.subnav {
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	font-weight: 700;
	font-size: 0.75rem;
}



.menu .active > a {
	cursor: default;
    background: #fff;
    color: #343a40; }
/* @end */

/* @group Droodowns */


.dropdown.menu a:not(.button) {
	color: #495057;
}

.dropdown.menu a.button {
margin-left: 0.5rem;
}

.dropdown.menu > li > a:not(.button):hover{
	background: #fff;
}


.dropdown.menu .is-dropdown-submenu a:not(.button):hover {
	color: #212529;
	background: #E9ECEF;
}

.dropdown.menu > li {
	
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.875rem;	
	letter-spacing: 0.01em;
}




.menu .is-active>a {
	background: #E9ECEF;
}




.dropdown.menu > li.is-dropdown-submenu-parent > a {

  padding-right: 1rem !important; }
  
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {

  border-color:  transparent !important;
 }
 
/*.dropdown.menu > li.is-current-parent > a {

background: #f9f9f9;
 }*/

	  
  .dropdown.menu > li.is-dropdown-submenu-parent.is-active > a   , 
  .dropdown.menu > li.is-dropdown-submenu-parent > a :hover {
	background: #fff ;
}


  
  .dropdown.menu > li.is-dropdown-submenu-parent.is-active, .is-dropdown-submenu {
  	box-shadow: -5px 5px 5px  rgba(0,0,0,.1);
  }
  

.is-dropdown-submenu {

  min-width: 300px;
  border: none;
  background: #fff}
  
  .dropdown .is-dropdown-submenu a {

	text-transform: none;
	letter-spacing: normal;
	font-size: 0.875rem;
	line-height: 1.4;
	font-weight: 400;
    padding: 0.5rem 1rem; 
  display: block ; width: 100%;
  }
    
    
    .is-dropdown-submenu li {
		border-bottom: 1px solid #E9ECEF;
	}

	
.dropdown.menu > li.is-active > a {
  background: #fff;
  color: #000; }
  
    .is-dropdown-submenu li a:hover {

	background: #E9ECEF;	}
	  
  
  
  
  
  
  
	
	.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after {

	border-color: transparent #D63900 transparent transparent;
	
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after {
		border-color: transparent transparent transparent #D63900
}

.submenu-toggle::after {

	border-color: #D63900 transparent transparent;

}


.archive-menu > li  {
	background: #E9ECEF
}

	


.archive-menu.accordion-menu  {
		margin-bottom: 0.5rem;

}



.archive-menu.dropdown-menu  {
		margin-right: -.5rem;

}



  
    @media screen and (max-width:80em)  {
.dropdown.menu > li > a {
	padding: 0.7rem 0.8rem;
}
}


   @media screen and (max-width: 70em)  {
.dropdown.menu > li > a {
	padding: 0.7rem 0.5rem;
}
}
 


  
/* @end */

/* @group accordion nav */

  .accordion-menu a:not(.button) {
	color: #495057;
}


  .accordion-menu a:not(.button):hover {
	color: #212529;
}



  .accordion-menu a.button {
margin-top: 2rem;
  }


  .accordion-menu > li {
	
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.01em;
}



  .accordion-menu > li.is-active a 
  {
  	background: #E9ECEF;	
  } 	


    .accordion-menu > li
  {
  	border-top: 1px solid #E9ECEF;
 
  }
  

  .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {

    border-color: #D63900 transparent transparent;
 }

.accordion-menu .is-accordion-submenu a {
text-transform:  none ; 
font-weight: 400;
	line-height: 1.4;
padding: 0.5rem 1rem;
letter-spacing: normal;
  	background: #F1F3F5;			
}


    .accordion-menu .is-accordion-submenu {
		 	  	background: #F1F3F5;	

		 	padding-bottom: 0.5rem ;
	}
	
    .accordion-menu	.is-submenu-item .is-submenu-item a {
		font-weight: 400;
		text-transform: none;
		letter-spacing: 1px;
		font-size: 0.75rem ;
		
	}
	
.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a {
	background: #E9ECEF ;
	
}


/* @end */



/* @group sitemap */

ul.sitemap {
		margin-left: 0;
		list-style: none;

}
ul.sitemap  li {
	font-family: halyard-text, sans-serif;

	padding-bottom: 0.5rem;

}
ul.sitemap  > li {

	font-family: halyard-display, sans-serif;
	font-weight: 700;
  font-size: 1.9375rem; 
	padding-bottom: 1rem;
}


ul.sitemap  ul  {
		list-style: square;
	text-transform: none;

	padding-top: 1rem;
	padding-bottom: 1rem;
}



ul.sitemap  ul ul {

	padding-top: 0.5rem;
	padding-bottom: 0;
}

ul.sitemap  ul li ul li {
	font-size: 0.875rem;
padding-bottom: 0;
}

/* @end */

/* @group Hero */

.hero {
  height: 50vh;
  min-height: 600px;
  background-position: center center;
  background-size: cover;
  margin-top: 1rem;
 margin-bottom: 6rem;

}


.hero-panel {  

  background: #fff;border: 0.5rem solid #D63900;  

    	box-shadow: -5px 5px 5px  rgba(0,0,0,.1);

 margin-bottom: -4rem;
	margin-left: 1rem;
}
  .hero-panel h1, .hero-panel .h1 {
	margin: 1rem ;
}



@media screen and (min-width: 64em) {
  .hero {

    background-position: top left;
  }
    .hero-panel h1, .hero-panel .h1 {
	margin: 1rem ;
/*	font-size: 4rem;*/
	line-height: 1;
}


}

/*.hero img {
	width: 100%;
	height: auto;
}*/
/* @end */



/* @group statistics */

.statistic {
	text-align: center;	
			color: rgba(52, 57, 64, 0.8);
			background: rgba(52, 57, 64, 0.05);
padding: 2rem 1rem;
border-radius: 3px;
margin-bottom: 1.875rem;
box-shadow: 0 0 2px rgba(91, 99, 108, 0.35);


}

.statistic p:not(.h1, .smallprint) {
font-size: 1rem;

}


.statistic .h1 {
		color: #D63900;

}
.statistic .h1 small{
color: rgba(52, 57, 64, 0.3);
display: block;

font-size: 40%;
line-height: 1;
}


p.smallprint {
	margin: 1rem ;
/*		text-transform: uppercase;*/
		font-size: 0.75rem !important; line-height:  1.6;
		color: rgba(52, 57, 64, 0.6);

}


.infographic {
	padding:0  2rem;
}
.smallprint img {
	border-radius: 50%;
	width:  30%; height: auto;
}
/* @end */







/* @group PAN */
.pan-callout {
	 background: #D63900;
color: #fff;
padding-bottom: 1rem;
padding-top: 1.5rem;
margin-top: 2rem;
}

.pan-callout a{
		color:  #fff;
		border-bottom: 2px dotted #fff;


} 


.pan-callout a:hover  , .pan-callout:hover a {
color:  #fff;
border-bottom: 2px solid #fff ;
}

.pan-callout img {
	max-height:  180px; width:  auto; 
}

/* @end */


/* @group r4r hero */


.r4r-logo img {
	width: 60px; height: auto;
	margin:	1rem 0  0 1rem; 

}


.r4r-logo a {
	border:  none !important;	
}
/*.r4r-text {
	font-weight: 700;
}*/
.r4r-hero {
/*	margin-top:  1rem;*/
	margin-bottom: 1rem;
	min-height: 20rem;
	background-position: center top ;
	background-size: cover;
	position: relative;

}


.r4r-hero .panel {
	position: absolute;
	bottom:  2rem;
	left:  0.9375rem;

}

.r4r-hero .panel .cell {
			color:  #fff;
	background: rgba(0,0,0,0.5);
/*		text-shadow: 3px 3px 3px rgba(0,0,0,0.1);*/

	padding: 0.5rem 0;
/*border-radius: 3px;*/

}

.r4r-hero .panel p {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.r4r-hero .panel .h2 {
	color:  #fff;
	text-indent: -0.7em;
	font-size: 1rem;
}


.r4r-hero .caption {
		position: absolute;
/*	bottom:  0.5rem;*/ bottom:  -1.25rem;
	/*right:  0.5rem; */right:  0;
/*	color: #fff;*/ color: #5b646d;background: #F8F9FA;

	text-transform: uppercase;
	font-size: 0.6rem;
	letter-spacing: 0.02em;
	line-height: 1;
	margin-bottom: 0;
	padding: 0.25rem ;
	
}


   @media screen and (min-width: 40em)
   {
   .r4r-logo img {
	width: 100px; height: auto;
	margin:	2rem 0  0 2rem; 

}

   .r4r-hero {

	min-height: 30rem;


}

.r4r-hero .panel .cell {
	
	padding: 1rem;
	padding-bottom: 0.5rem;


}
   .r4r-hero .panel .h2 {
  font-size: 1.9375rem; 
}

	
   	
   	}
/* @end */





.mainphoto  {
	margin: 1rem 0 2rem 0  ;
	position: relative;
}




.mainphoto img {
	width: 100%;
	height: Auto;
	
}



.mainphoto p.caption {font-weight: 700;
 	font-size: 0.65rem;line-height: 1.1;margin-top: 0.25rem;margin-bottom: 0;
 	color: #6B737B;
   	text-transform: uppercase;
   	letter-spacing: 0.07em;

}
.mainphoto .caption  a:not(.button) {
	font-weight: 700;;
	border-bottom: none;
}


/* @group News */



.list-container img , .homepage-news img {
	width:  100%;
	height:  auto;
	margin-top: 1rem;
	margin-bottom: -0.5rem;
}


@media screen and (min-width: 40em) {
	
.list-container img {
margin-top: 0;
	margin-bottom: 1rem;
}
.homepage-news img {
	margin-bottom: -0.5rem;
}

}

  .date {
   	color: #6B737B;
   	font-weight: 700;
   	font-size: 0.875rem;
   	text-transform: uppercase;
   	letter-spacing: 0.02em;
   	letter-spacing: 0.05em;
   	margin-bottom: 0;
   }
   

   
/*   
.list-container .date {
	margin-top: 1.2rem;
}*/


  .date + p.lead {
  	margin-top: 1rem;
  }
    .thumbnail {
		margin-bottom: 1rem;
	}
  .thumbnail img {
  	margin-bottom: 0.5rem;
  } 
  
  .thumbnail h2 , .thumbnail h3 {
  	margin-bottom: 0;
  }
/* @end */

/* @group pagination */

.pagination:first-of-type a  {
	display: none;
}


/* @end */

/* @group course dates */
.coursedate {
background: #fff;
	border:  4px solid #D63900;
	padding-bottom: 1rem;
margin-bottom: 1rem;
margin-top: 1rem;
}
.coursedate h4 {
		font-size: 0.75rem !important;
	background: #D63900;
	color: #fff;
	margin:  0 0 0.5rem 0;
	padding: 0.5rem ;
}
.coursedate p {
	color: #495057;
	font-size: 0.75rem !important;line-height: 1.4 !important;
	margin: 0 !important;
	padding: 0 0.5rem !important;
}
.coursedate .button {
	margin: 1rem 0.5rem 0 0.5rem;
}

/* @end */




  .editdate {
   	display: inline-block;
   	background: #E9ECEF;
   	font-weight: 700;
   	font-size: 0.6rem;
   	text-transform: uppercase;
   	letter-spacing: 0.02em;
   	letter-spacing: 0.05em;
   	margin-top: 2rem;
   	padding-left: 0.5rem;
   	padding-right: 0.5rem;
   	
   }
   







/* @group block */



.link-block {

  background: top center no-repeat;
  height: 50vh;
  background-size: cover;
margin-bottom: 1rem;
/*		opacity: 0.9;
  transition: 600ms all;*/

}


.link-block .block-panel {
max-width: 90%;
  margin-left: 0.5rem;
  margin-bottom: -1rem;
  padding: 0.5rem 1rem;
  background: #fff;
/*    	box-shadow: -5px 5px 5px  rgba(0,0,0,0.1);*/
/*border: 0.2rem solid #D63900;  */
transition: 400ms all;
}



.link-block:hover {
	cursor: pointer !important;
	opacity: 1;

	
}

.link-block:hover .block-panel {
border-color:  #E03C00;


}


.link-block .block-panel * {
	margin-bottom: 0;
/*	text-transform: uppercase;
			letter-spacing: 0.05em;*/

}


.link-block p {
	font-weight: 600;
	color: #343a40;
   			text-transform	:uppercase;
		font-size: 0.75rem;
}


@media screen and (min-width: 40em) {
  .link-block {
	  height: 25vh;

    background-position: center 20%;
  }
}


/* @end */

/* @group Resources */
 .spaced-list {
	margin-bottom: 2rem;
}

.spaced-list li {
	margin-bottom: 1rem;
}



/* @end */

/* @group cookies */

label {
	font-size: inherit;
			font-weight: 700;

}



#cookiebanner .cell {
		padding-top: 1rem;
		padding-bottom: 1rem;

}



 #cookiebanner p , #cookiebanner label {
	font-family: halyard-text, sans-serif;

	font-size: 0.75rem;
	line-height: 1.4;
}

#cookiebanner label {
	font-weight: 400;
	display: inline-block;
	margin-right: 1rem;
}

 #cookiebanner input {
 	margin-bottom: 0 ;
 }
 
 #cookiebanner .button {
 	margin: 1rem;
 } 
 
 

@media screen and (min-width: 40em) {
	
#cookiebanner {
	z-index: 1;
	position: fixed;
	bottom: 3rem;
}
	#cookiebanner .cell {
			background: #fff;
}


}

/* @end */

/* @group CAFp */


#donationmodal .close-button {
  font-size: 3rem;
  color: #D63900;

  padding: 1rem;
  top:  -1.5rem; right: -.25rem;
}
  
  
#donationmodal
 {	  
	background: #ffffff !important;
	padding: 0.25rem;
}


@media screen and (min-width: 40em) {
	
	
#donationmodal
 {	  
	border: 0.5rem solid #D63900 !important;
	padding: 1rem;
}

}

/* @end */




/* @group mailing list */



    
    
    
#listbanner {
				color: #fff !important;
			background-color: #D63900 !important;
	width: 100%;
	min-height: 400px;
	background-size: cover;
			background-position: top center;

	padding: 2rem;	padding-top: 30vh;

	z-index: 1;
	position: fixed !important;
	bottom: 0;
/*	box-shadow: 0px 0px 50px  #000;*/
	border-top: 1px solid #fff;
}


#listbanner .button {
	border-color: rgba(255, 255, 255, .75);
	margin-left: 0.5rem;
}

#listbanner .close-button {
font-size: 3rem;
color: #6B737B;
}

 #listbanner .bgpanel {
	background: #D63900; padding: 1rem;
	border: 1px solid rgba(255, 255, 255, .75);
}










#listbanner a {
	color: #fff; border:  none;
}

 #listbanner p , #listbanner label {
	font-family: halyard-text, sans-serif;
	color: rgba(255, 255, 255, .9);
	font-size: 0.75rem;
	line-height: 1.4;
}

#listbanner label {
	font-size: 1rem;
margin-bottom: 0.5rem;
}

 #listbanner input {
 	margin-bottom: 0 ;
 }
 

 #listbanner.reveal   {
	top:  auto !important;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
 min-height: 0; 
    margin: 0;
	border-radius: 0;
	outline:  0 !important;
   }

@media screen and (min-width: 40em) {
	
#listbanner {

}



}

/* @end */





/* @group appeal banner */
#appealbanner.accordion {
	padding: 0; margin: 0 0 2rem 0;
	position: relative;
	max-width: 100%; overflow: hidden;

}

#appealbanner li.accordion-item {
	padding: 0; margin: 0;
	
}
#appealbanner .accordion-content {
	background: no-repeat right top ; 
	background-size: cover;

	border: none;
	border-radius: 0;
min-height: 100vh;


    box-shadow: 
        inset 0px 10px 10px -10px rgba(0, 0, 0, 0.3),
        inset 0px -10px 20px -10px rgba(0, 0, 0, 0.3); 


	padding: 2rem; 	padding-top: 5rem;

	margin-left: 0;
	margin-right: 0;

}

#appealbanner .accordion-content.photo-left {
		background-position: left top ; 

}


/*.content {
    position: relative; 
    z-index: 2;
}*/


#appealbanner .appeal-text {
	padding: 1rem;
	background: rgba(0, 0, 0, .5);
	border-radius: 2px;
	color: #fff !important;
		position: relative;
	z-index: 1;
}



#appealbanner .appeal-text  a:not(.button) 
{
	color: #fff; border-color: #fff;
}



#appealbanner .appeal-text p {
	font-size: 0.875rem;
}

#appealbanner p.appeal-heading {
		font-size: 180% ; line-height: 1.2 ;
	}
	
	
#appealbanner .accordion-title {
	background-color: #F8F9FA;
	text-transform: uppercase !important;
	border-bottom: 2px solid #D63900;
border-radius: 0;
padding-right: 3rem;
}
#appealbanner  .is-active > .accordion-title {
		border-bottom: none;


}
#appealbanner .accordion-title::before {

    position: absolute;
    top: 50%;
    right: 1.2rem;
    margin-top: -1.5rem;
    content: "+";
font-weight: 400;

	font-size: 2.5rem;  

  transform-origin: 50% 50%;  
}
    
#appealbanner  .is-active > .accordion-title::before {
	     right: 1rem;

  transform: rotate(45deg);
}
  
  

#appealbanner .button {
	position: relative;
	z-index: 10;
}

	  









   @media screen and (max-width: 63.99875em) {
   	
   	
	#appealbanner.accordion {
 margin: 0 ;
}



 #appealbanner .accordion-title{
padding-top: 0.5rem ;
padding-bottom: 0.5rem;
padding-right: 5rem;
}


 #appealbanner .accordion-title::before{content:"More"; font-size: 0.6rem; line-height: 1rem; margin-top: -0.875rem;  color: #fff; background: #D63900;padding:  0 0.25rem; border-radius: 2px;transform: none ;position: absolute; right: 1.1rem; top:  1.25rem;
 }
	 #appealbanner 	.is-active>  .accordion-title::before{content:"Close"; transform: none ; }


#appealbanner .accordion-content {
	min-height: 0;
	padding-top: 20rem;
	 position: relative;

}


 p.appeal-heading {
		font-size: 120% !important; line-height: 1.2 !important;
	}



#appealbanner .appeal-text p {
	font-size: 0.875rem ; line-height: 1.4;

}

}



@media print, screen and (max-width: 39.99875em) {

#appealbanner .accordion-content {
padding: 0 ;

}




#appealbanner img.show-for-small-only {
	    transform: scale(1.75);
		    transform-origin:top right;
}


#appealbanner .photo-left img.show-for-small-only {
		    transform-origin:top left;
}


#appealbanner .appeal-text {


background: #343a40;
margin-left: -1rem;margin-right: -1rem;
}


#appealbanner .appeal-text p {
	font-size: 0.75rem ; line-height: 1.4;

}


}


/* @end */




/* @group donation form */
.donation-form {
	  margin: 2rem 0;
}

.donation-form  .tabs {
  
  display: flex ;
margin: 0 0 2rem 0 ;
padding: 0 ;
border:none;background:#F8F9FA;
}

.donation-form   .tabs-title {
    flex: 1 0 0 ;
    text-align: center;
margin-right: 0.5rem; 
}

.donation-form   .tabs-title:last-of-type {
	margin-right: 0;
}

.donation-form .tabs-title a {border:3px dotted #D63900; color: #D63900;
background:#fff; text-transform: uppercase;
padding: .5rem .5rem;
}

.donation-form .tabs-title a:hover {
 border-style: solid;
} 

.donation-form .tabs-title.is-active a {
	background:#fff; color: #495057; border-style: solid ; border-color: #495057;
	box-shadow: 0 3px 5px rgba(72, 80, 87, 0.2);
}

.donation-form   .tabs-content{border:0;background:#F8F9FA;color:#495057;}


.donation-form  .tabs-panel{padding:0 ;
}


.donation-form  .tabs-panel p {
	text-align: center;
	font-size: 0.875rem;	

}

.donation-form .button {
	border-width: 2px ; 
}
.donation-form .button:hover {
	border-color: rgba(0, 0, 0, .15);
} 
@media screen and (min-width: 40em) {
.donation-form .tabs-title a {
	font-size: 1.25rem; 
	padding:1.25rem 1.5rem;
}


}



/*arrows ... */

.donation-form .tabs-title.is-active a {
	position: relative;
}

.donation-form .tabs-title.is-active a:after, .donation-form .tabs-title.is-active a:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.donation-form .tabs-title.is-active a:after {
	border-color: rgba(73, 80, 87, 0);
	border-top-color: #fff;
	border-width: 18px;
	margin-left: -18px;
}

.donation-form .tabs-title.is-active a:before {
	border-color: rgba(73, 80, 87, 0);
	border-top-color: #495057;
	border-width: 23px;
	margin-left: -23px;
}



/* @end */

/* @group sites bar */

#sites-bar {
	z-index: 1;margin-bottom: -1px;
	
background: linear-gradient(to bottom,  #d63900 0%,#d63900 61%,#b22600 100%); 

	font-size: 0.75rem;
	font-weight: 700;
/*	text-transform: uppercase; letter-spacing: 0.01rem;*/
border-bottom: 1px solid #F8F9FA;	}
	
	#sites-bar ul {
		float: right;
	}
#sites-bar a {color: #fff;opacity: 0.9;
	padding:0.15rem 0.75rem 0.35rem 0.75rem ;
}
#sites-bar a:hover, #sites-bar a:focus
{
opacity: 1;
}

#sites-bar a.current-site {
	opacity: 1;
	cursor: text;
	color: #495057;
background: #F8F9FA;

} 

@media print, screen and (max-width: 39.99875em) {
	#sites-bar  
	{
	display: none;
font-size: 0.6rem;	
	}
	
#sites-bar a.current-site {
display: none;	}

	
	#sites-bar ul {width: 100%;
		text-align: center;
		float: none;
	}

#sites-bar a {
	padding:0.15rem 0.5rem 0.35rem 0.5rem ;

}
#sites-bar svg {float: left; margin-right: 0.1rem;margin-top: -0.05rem;
	transform: scale(0.8);
}
}



/* @end */






/* @group Pathway */

.svg-scale svg {
	transform: scale(2);margin-right: 0.5rem;
}
.pathway-drilldown {
		background: #E9ECEF;
padding: 0.5rem;
}

.pathway-drilldown h2 {
	margin-left: 0.5rem;
}

.menu.drilldown {width: 100%; 
}



.drilldown ul {
		background: #E9ECEF !important;
}

.pathway-drilldown li {
	background: #E9ECEF;padding: 0.25rem;
}
.pathway-drilldown a {
	font-size: 1rem;line-height: 1.2rem;
	font-weight: bold;;
border-radius: 4px;
    padding: 1rem 1.5rem 1rem 1rem !important;
	  	box-shadow: 0 3px 5px  rgba(0,0,0,.05);

}



.pathway-drilldown a:active, .pathway-drilldown a:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
    background: #fff;
    outline: none !important;
}


.pathway-drilldown a p {
	  font-weight: normal;
   	color: #6B737B ;
   	font-size: 0.875rem;
   	line-height: 1.2rem;
   	margin-top: 0.5rem;
   	margin-bottom: 0;
}






.drilldown .is-drilldown-submenu svg {
	transform: scale(1.5) ;margin-right: 0.25rem
}
/*add styles to end item*/
.drilldown .is-drilldown-submenu-item>a{position:relative}


.pathway-drilldown .is-drilldown-submenu-parent > a:after ,
.pathway-drilldown .is-drilldown-submenu-item > a:after {display:block;width:0;height:0;border:inset 9px;content:'';border-right-width:0;border-left-style:solid;border-color:transparent transparent transparent #D63900;position:absolute;top:50%;margin-top:-10px;right:0.75rem;
}


.pathway-drilldown a.document {
	padding-right: 1rem !important;
}
.pathway-drilldown a.document:after {
	border:  none !important;
}



.drilldown .js-drilldown-back {
margin: 0	 }

.drilldown .js-drilldown-back>a ,
 a#pathwaybacklink {
    	box-shadow:none !important;
		text-transform: uppercase;
  color: #fff;
      background-color: #D63900;
  display: inline-block;
  vertical-align: middle;
  margin: 0 ;
  padding: 0.5em  !important;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
    font-size: 0.75rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer; 
}
.drilldown .js-drilldown-back>a::before {border-color:transparent #fff transparent transparent; margin-right: 0.25rem;
}

 a#pathwaybacklink {
scroll-margin-top: -10em; }

@media print, screen and (max-width: 39.99875em) {
	.pathway-drilldown {
			margin-left: -0.875rem;margin-right: -0.875rem;

	}
	.resource-callout {
		margin : 0 0 0.5rem 0; padding: 0.75rem;
	}
}

@media screen and (min-width: 40em) {
	
	.pathway-drilldown {
		padding: 1rem;
	}
	.pathway-drilldown a {
		font-size: 1.25rem;
	}
}



.nav_categories li {list-style: none;
	border: 1px solid #999; padding: 0.5rem;margin: 0.5rem; background: rgba(0, 0, 0, .03);
}
.pathway-alert {
	background-image: linear-gradient(45deg, #d63900 25%, #e0480b 25%, #e0480b 50%, #d63900 50%, #d63900 75%, #e0480b 75%, #e0480b 100%);
background-size: 56.57px 56.57px;
font-weight: bold;
color:  #fff;margin: 0.5rem 0 ; padding: 0.5rem;display: block;

}

.pathway-check {
	background-image: linear-gradient(45deg, #00abd6 25%, #07b1e0 25%, #07b1e0 50%, #00abd6 50%, #00abd6 75%, #07b1e0 75%, #07b1e0 100%);
background-size: 56.57px 56.57px;
}

.nav_categories li a {
	font-size: 0.875rem;
}



      
      
/* @end */



@media print {
	
 h1, .h1,
h2, .h2,
h3, .h3 ,
h4, .h4 ,
h5, .h5,
h6, .h6 {
break-inside: avoid;
}


  #menu, .footer .menu {
  	display: none;
  }
  
  a[href]:after {
    content: ""; }
}