
/* @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;

 }



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

 }

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

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

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: 64em) {
h1, .h1 {
	font-size: 300%;
	line-height: 1;
}
  h2, .h2 {
    font-size: 2.5rem; }
  h3, .h3 {
    font-size: 1.9375rem; }
  h4, .h4 {
    font-size: 1.5625rem; }
 
}





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

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


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

p.lead {
	font-size: 1.375rem;
}
  }
  
  
  


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


ul:not(.menu, .accordion) li {
	margin-bottom: 0.5rem;
}
.subhead {
		color:  #6B737B;
		font-weight: 700;
		font-size: 0.875rem;
		text-transform	:uppercase;
		letter-spacing: 0.1em;
	margin-top: -1rem;
}

.clickable {
	cursor:  pointer;
	position: relative;
}





.callout {
  padding:  1rem;
border: none;
/*	border-style:   solid ;
border-color: 	rgba(107, 114, 123, 0.09);
border-width: 1px;*/
  border-radius: 3px;
  background-color: rgba(107, 114, 123, 0.06);
	color: #343a40;
margin:  1rem 0;

}

  @media print, screen and (min-width: 40em) {

.callout p, .callout li {
	font-size: 1rem;
}


}



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


.callout p.banner {
	display: inline-block;
	width: auto;
	margin:  0 0 1rem -1.5rem;
	padding: 0.25rem 1.5rem;
	font-size: 0.75rem;
	text-transform: uppercase;
	font-weight: 700;

	color: #fff;
	background: #D63900;
	border-radius:  2px ;
}



 
.callout.alert p {
	color: #D63900;
	margin-bottom: 0;
}

a {
	word-wrap: break-word;
}


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

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 ; 
	line-height: 1.1;
	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;
border-radius: 3px;	}
    
  .button:hover, .button:focus,
  .clickable:hover a.button {
    background-color: #E03C00;	background-color: #c73500;

    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 .button-icon {
			transform: scale(1.5);
			margin-left: 0.5rem;
		}

    
    .button.tiny {
font-size: 0.75rem;
  padding: 0.75em 1em;
margin: 0 1rem 0 0;
 }
    
p .button {
margin-bottom: 0;
}    
    
input.button {
	padding-left: 2rem;
	padding-right: 2rem;
}    

   .quotemark {
   	 	color: #D63900;
   	 	color: #fff;
padding: 0 0.25rem 0 0   }
   
      blockquote {
   	margin:  0;
   	padding: 0 0 0 2rem;
   	border: none;
position: relative;
   } 
   
 blockquote::before {
 	content: '“';
 		font-family:  halyard-display, sans-serif;
font-weight: 700;	font-style: italic;

 	color: #D63900;
 	background: #F8F9FA;
 	font-size: 300%;
 	line-height: 1;
 	position: absolute;
 	top:  -.5rem;
 	left: -0.3rem;
 } 
blockquote p {
	color: #495057;
	font-style: italic;
}
   
   blockquote cite,
   blockquote strong {
   	color: #6B737B;
   	  display: block;
  font-size: 0.8125rem; 
   	font-style: normal;
   	margin-top: 0.5rem;
   	margin-bottom: 1rem;
   }
   
   
  blockquote strong:before {
    content: "— "; }
    
    
        
   @media screen and (min-width: 40em) {
   	
 blockquote {

   	padding: 0 2rem ;

   } 

   
   }
   
   @media screen and (min-width: 64em) {
   	
   	blockquote p {
	color: #495057;
}
   
   }
   
   
   
      .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-reverse .border-divider  {
	border-top: 1px dotted rgba(255,255,255,0.5);
	padding-top: 1rem;
}



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

.alert-reverse .border-divider  {
	padding-top: 0;
	border-top: none;
	border-left: 1px solid rgba(255,255,255,0.5);
}



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

}



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


} 

.reverse .clickable:hover a {
		color: #F1F3F5 !important;	border-bottom: 2px solid #F1F3F5; 

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


.reverse .clickable p:last-of-type {
	margin-bottom: 3rem;
}

.clickable .large-icon {

 	transform: scale(1.8);
margin-right: 1rem;
 }


.has-large-icon {
	text-indent: -2rem;
	margin-left: 2rem;
}
   @media screen and (min-width: 40em) {
   	
   .has-large-icon {
	text-indent: 0;
	margin-left: 0;
}	
   	}
   	
   	
p.below-icon {
	margin-left: 2rem;
}


   @media screen and (min-width: 64em) {
   	
   	.clickable .large-icon {
 	transform: scale(2.2);
 position: absolute;
	bottom: 1rem;
	right:  -0.5rem;
margin-bottom: 0;
 }

.large-icon:hover, .clickable:hover .large-icon {
 	transform: scale(2.4);
 }
 
p.below-icon {
	margin-left: 0;
}
   }





.footer {
	padding: 1rem 0 0.75rem 0;
background: rgba(107, 114, 123, 0.06)
	
}

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

.footer .menu a {

	font-weight: 700;
	
} 


/*#paih-logo {
margin-bottom: 0.35rem;
}*/

	#paih-logo a {

	border: none;
}



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

#paih-logo {
	padding:0 ;
}

#paih-logo svg {
margin-top: 0.25rem;
margin-left:   0.875rem;

}



}

   @media screen and (min-width: 80em) {
   
   footer {
	margin: 2rem  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 ul {
	font-size: 0.75rem;
}

.footer p {
	color: #5b646d;color: #6B737B;
	font-size: 0.7rem;
	line-height: 1.4;
		margin-bottom: 0.35rem;

}

.footer p a {
	border: none;
}


/* @end */

/* @group Grid */

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

main {
margin-top:  2rem;
}


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

  .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; }
		  
		  
		  .large-text-right {
  text-align: right; }
		  
  }



/* @end */

/* @group forms */



form em {
	font-style: normal;
	color:  #D63900;
}


    
    
/* @end */


/* @group Menus */
 

header .menu a {
	
	font-weight: 700;
	padding-bottom: 0;
}
#logo {
	display: block;
	margin: 1rem 0 -0.25rem 0 ;
	border:  0 ; 
	
}




	ul.social.hide-for-large {
	position: absolute;
	top:  1.75rem; left:  1rem;;

}

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

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


.social.menu a svg {
	width: 1.1rem;
	height: auto;
		opacity: 0.8;
}

   @media screen and (min-width: 64em)
   {
	ul.social {
	margin-top:  1.25rem;
	margin-bottom: 1rem;
/*	margin-right: 1rem;*/
}



.social.menu a {
	 padding: 0.7rem 1rem; 
}

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

}








#large-menu {
	margin-top: 1rem;
	padding-right: 0 ;
	padding-left: 0 ;
}

#large-menu a {
	 		font-family:  halyard-display, sans-serif;
  font-size: 1.25rem; 
    padding: 0.75em ;
font-weight: 700;
    background-color: #D63900;
    color: #fff ; 
		border-left: 1px solid rgba(255,255,255,0.3)
}





  #large-menu a, #small-menu a {
  	text-align: center;
color: #F8F9FA;
  }
  
 #large-menu a:hover,  #large-menu a:focus {
    background-color: #E03C00;
	background-color: #c73500;
    color: #fff; }



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


 #large-menu {
display: none;
    background-color: #D63900;
	position: absolute;
	top:  0;
	left:  0;
	min-height: 100vh;
	z-index: 10;
	
	margin-top:  0;
padding-top: 4rem;
padding-bottom: 2rem;
}

/* #large-menu ul.hide-for-large {
 	margin-top: 1rem;
 }*/

#large-menu a {
  font-size: 1.1rem; 
    padding: 0.5em ;
    background-color: #D63900;
    color: #fff ; 
		border: none;
}

#large-menu a:hover {
background: inherit;
}

 #large-menu ul.hide-for-large a {
font-size: 1rem;
font-family: halyard-text, sans-serif;
font-weight: 400;
 }





#large-menu li img {
	width: 90px;height: auto;

}


	 }


/* @end */







/* @group hero */

.hero {
	margin-top:  1rem;
	margin-bottom: 2rem;
	min-height: 20rem;
	background-position: center top ;
	background-size: cover;
	position: relative;

}


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

}

.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;

}

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


.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)
   {
   
   .hero {

	min-height: 30rem;


}

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


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

	
   	
   	}
/* @end */

/* @group round corners */

   @media screen and (min-width: 62.7rem)
   {
   	
   	#large-menu .first-large a {
	border-left: none;	border-radius: 3px 0 0 3px ;

}   

#large-menu  .last-large  a {
	border-radius: 0 3px 3px 0 ;

}   

.hero, .reverse, .footer {
	border-radius: 3px;
}
 
 

}


/* @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.6rem !important;
		color: rgba(52, 57, 64, 0.6);

}

/* @end */

/* @group press */



.press-features {
	color: #495057;
}

.press-features p {
	margin: 0.5rem 0;
}
.press-features a img  {
max-height: 80px;
	opacity: 0.4;
border: none !important;
transition: 800ms all;
}
.press-features a:hover img {
	opacity: 0.6;
}




.press {
background: #fff;
border: 1rem solid #fff;
	border-radius: 3px;
margin-bottom: 1.875rem;
box-shadow: 0 0 2px rgba(91, 99, 108, 0.25);
transition: 400ms all;
}

.press:hover {
	box-shadow: 0 0 2px rgba(91, 99, 108, 0.5);

}
.presspage {
	background-position: center top;
	background-size: cover;
	padding-top: 15rem;
	border-radius: 3px 3px 0 0 ;
opacity: 0.9;
transition: opacity 400ms ease-in-out 0s;

}
.press:hover .presspage {
	opacity: 1;
}
.presscaption {
	text-align: center;
padding: 1rem  1rem 0  1rem;
z-index: 1;
}



p.smalldate {text-transform: uppercase;letter-spacing: 0.02em;
	font-size: 0.6rem;
	padding-top:  1rem;
	margin-bottom: -0.5rem !important;
}
p.smalldate:before, p.smalldate:after {
	 content: '–';
	 margin: 0 0.25rem;
	 color: rgba(91, 99, 108, 0.75);
}
/* @end */

/* @group pagination */

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


/* @end */

/* @group accordion */

.toggler {
	margin-left: 1rem;
}
.open-all, .close-all {
	display: inline-block;
	font-weight: 700;
	font-size: 0.875rem;
	padding-left: 2rem;

	position: relative;
}
.close-all {
		margin-left: 2rem;
}
.open-all:before {
	    position: absolute;
    top: 50%;
    left: -1rem;
    margin-top: -0.5rem;
    content: "+"; 
}

.close-all:before {
	    position: absolute;
    top: 50%;
    left:  -1rem;;
    margin-top: -0.5rem;
    content: "–"; 
}




.accordion {
margin: 2rem 0;
padding-left: 0;
  background: inherit;
/*  box-shadow: -3px 3px 8px 2px rgba(0,0,0,0.05);*/
 }




.accordion-title {

  padding: 1.25rem 2rem  1.25rem 1rem ;
  border: 2px solid #D63900;
  border-bottom: 0 !important;
    font-size: 0.875rem; 
line-height: 1.2;
 }


  :last-child:not(.is-active) > .accordion-title {
    border-bottom: 2px solid #D63900 !important;
    border-radius: 0 0 3px 3px; }
    
    
  .accordion-title:hover, .accordion-title:focus {
 background-color: rgba(107, 114, 123, 0.06);
 }
    
  .accordion-title::before {
    margin-top: -1rem;
  font-size: 1.5rem;
  }
    

.accordion-content {
  border: 2px solid #D63900 ;
  border-bottom: 0;
  border-top: 0;
  background-color: inherit;
  color: inherit; }
  

  
  
  :last-child > .accordion-content:last-child {
    border-bottom: 2px solid #D63900 !important }



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



.accordion-title {


    font-size: 1.25rem; 

 }

   }



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

   	.toggler {
	margin-left: 0;
}



   }


   @media screen and (min-width: 80em) {

   	.accordion {
margin: 2rem -1rem;
 }
   }
   

/* @end */

/* @group cookies */

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

}
#cookiebanner {
	z-index: 1;
	position: fixed;
	bottom: 0;

}


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

	bottom: 3rem;
}
	
}

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

	background: #fff;
		box-shadow: 0px -3px 15px  rgba(107, 114, 123, 0.5);

}

 #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;
 } 
 
/* @end */





/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
z-index: 100;
position: absolute; top:  1rem ; right:  0.25rem;
padding:  15px;

  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
    
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #fff;  }





.hamburger-box {

  width: 50px;
  height: 40px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 50px;
    height: 5px;
    background-color: #D63900;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;    }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 15px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 30px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s; top:  10px;  }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;  }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s;   top: 20px;}



/* @group sites bar */

#sites-bar {	z-index: 20;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  
	{
background: #d63900;
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.5rem ;

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




@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
	
	#sites-bar {
			color: #343a40;

background: #F8F9FA;




	}
 #sites-bar a {
	opacity: 0.9;

	color: #d63900;
background: inherit;

} 
#sites-bar a.current-site {color: #fff;background: #d63900;
	opacity: 1;
	padding:0.15rem 0.75rem 0.35rem 0.75rem ;	cursor: text;
}
}



/* @end */
