@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

.hero-text {
    font-family: 'Special Elite', sans-serif !important;
	font-size: 8rem;
}


.view-intervention-spotlight {
   text-align: center;
}

.header-container ul.menu li a {
    font-size: 14px !important;
}

.view-intervention-spotlight .views-field-title {
       text-transform: uppercase;
	   font-weight: 700;
	font-size: 6rem;    
}

.view-intervention-spotlight a {
    color: #8c0d13;
    display: block;
    text-decoration: none;
    padding: 7px 20px;
    border-radius: 5px;
    font-size: 13px;
    background-color: #f4f4f4;
	width: 250px;
	margin: 10px auto;
}

.view-intervention-spotlight a:hover {
      background-color: #bb111a;
	      color: #ffffff;
}

.anchor {
  text-decoration: none !important;
}

@media only screen and (max-width: 768px) {
   .main-content__section {
      padding: 30px 0 130px !important;
    }
}

.spotlight-link a {
  font-size: 18px;
}

@media only screen and (max-width: 768px) {
   .block-views-blockintervention-spotlight-block-1 {
   margin-top: -50px;
}
}

.sitemap-interventions .views-row {
  margin: 10px 0;
}

.content a {
 text-decoration: underline;
}

.button {
  text-decoration: none !important;
}

.fa-highlighter:before {
    content: "\f06d";
}

.call-out-box {
  background: #f4f4f4;
    float: right;
    width: 50%;
    border-radius: 10px;
    padding: 15px;
    border: 2px solid #8C0D13;
    margin: 5px;
}

.call-out-box h3 {
    font-size: 18px !important;
    font-weight: 500;
}

.call-out-box hr {
   margin: 0 !important;
   border-top: 1px solid #8C0D13 !important;
}

.quote-box {
  text-align:center;
}

.field--name-field-ch-updated-on {
  font-family: 'Roboto Condensed', Arial Narrow, Arial, Sans-serif !important;
 margin-bottom: 15px;
}


.int-body {
  display: inline-block;
  padding: 15px 0;
}

.node--type-intervention img {
-webkit-box-shadow: 5px 5px 5px 2px rgba(140,13,19,0.17); 
box-shadow: 5px 5px 5px 2px rgba(140,13,19,0.17);
}

.node--type-intervention .field__label {
    font-family: 'Roboto Condensed', Arial Narrow, Arial, Sans-serif !important;
    font-weight: 400;
    font-size: 20px;
	margin-bottom: 10px;
}


.footnotes-box .field__label {
   font-family: 'Roboto Condensed', Arial Narrow, Arial, Sans-serif;
   border-bottom: 1px solid #e7e7e7;
font-weight:400;
font-size: 20px;
margin-bottom: 10px;
}

.section-title h1 {
   font-size:35px !important;
}

h1 {
   font-size: 40px;
}

p a {
  text-decoration: underline;
}

.citation-box {
  border-top: 1px solid #e7e7e7;
  padding: 15px;
}

.ft_intervention_box h2 {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}

.field--name-field-intervention-link {
      text-align: center;
      margin-bottom: 15px;
}

.ft_intervention_box a {
  font-size: 15px !important;
}

.field--name-field-intervention-link a {
   text-decoration: underline;
    font-size: 25px !important;
}


.prev-next-box {
   display: flex;
   flex-direction: row;
   justify-content: center;
   margin-bottom: 50px;
}

.prev-next-box .prev,
.prev-next-box .next {
   width:156px;
}

.view-intervention-list .js-form-type-textfield {
 width: 100% !important; 
}


.block-views-blockintervention-spotlight-block-1 h2 {
   padding: 0 !important;
}

.featured-top__section {
   padding: 0 !important;
}

.block-language ul li:before {
  content: "" !important;
}

.block-language ul li {
  display: inline;
}

.quote-box,
.ft_intervention_box {
   border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    padding: 20px;
    margin: 20px;
}

.note-box h3 {
   color: white;
text-align: center;
}

.note-box {
  background-color: #bb111a;
  padding: 0 1px 1px 1px;
text-align: center;
 border-radius: 5px;
}

.note-box p {
  background-color: #f6f6f6;
padding: 5px 10px;
text-align: left;
}

@media only screen and (max-width: 426px) {
.hero-text {
  font-size: 35px !important;
}

#block-titleherocard p.large {
   font-size: 16px !important;
}
}

#ctn {
  position: relative;
  height: 100px;
margin-bottom: 20px;
}

#ctn a {
  position: absolute;
  left: 0px;
  top: -180px;
}

#ctn .target-label {
  position: absolute;
  left: 0px;
  /* anchor offset + header height + header padding + header margins */
  top: 0px;
  margin: 0;
}

.org-logo-box {
 text-align: center;
}

.int-details-box {
   margin-bottom: 50px;
}

.int-details-box .field--entity-reference-target-type-taxonomy-term {
   margin: 15px 0;
}

@media only screen and (max-width: 769px) {
.int-details-box { 
    margin-bottom: 15px;
	}
}

.int-body {
  padding:20px 0px 0 0px;
}

@media (max-width: 769px) {
	.region-box {
		padding: 20px;
	}
	
	.int-body {
       padding:20px 20px 0 20px;
    }
}

.resource-box h4 {
       font-size: 18px;
    padding-bottom: 15px;
    margin: 0 0 40px 0;
    border-bottom: 1px solid #e7e7e7;
    text-transform: uppercase;
   font-weight: 500;
}

.infospace-text {
  width: 700px !important;
  max-width:100%;
margin: 0 auto;
}

/** introduction **/

.intro-video {
	margin:10px auto 20px;
	max-width:100%;
}

.ig-header {
          text-align:center;
          margin: 0 auto 30px;
      }
      
      .ig-header p {
          width: 500px;
          margin: 0 auto;
      }
        
        .takeaway-box {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin: 0 auto;
        }
        
        .takeaway-card {
            display:flex;
            flex-direction:row;
            width: 600px;
			max-width:100%;
            margin: 20px 0;
        }
        
      
        
        .takeaway-img {
            width:40%;
        }
        
          .takeaway-num {
            height: auto;
            left: 0px;
            letter-spacing: 0.00px;
            line-height: 72px;
            text-align: center;
            top: 0px;
            white-space: nowrap;
            width: 60px;
            font-size: 72px;
            font-style: normal;
            font-weight: 700;
            color:#951A1C;
            padding-right: 5px;			
        }
        
		.takeaway-data {
		  width:60%;
		  display: flex;
		  flex-direction: row;
		}
		
		
		
		
		  @media only screen and (max-width: 425px) {
            
            .takeaway-card {
                flex-direction: column;
            }
			
			  .takeaway-img {
			   margin: 0 auto;
			   text-align: center;
			   width:100%;
            }
		
			.takeaway-text {
				width:90%;
			}
			
			.takeaway-data {
			  width:100%;
			}
        }

/** topic tiles on topic page**/

.headings-wide-spacing-enabled .featured-linked-text-tile .featured-linked-text-tile__title {
    letter-spacing: 0.25em;
    text-transform: uppercase;
}
.featured-linked-text-tiles  {
     margin-bottom: 100px;
}
.featured-linked-text-tile .featured-linked-text-tile__title {
    font-size: 14px;
    margin-bottom: 30px;
    font-weight: 600;
}
.featured-linked-text-tile {
    text-align: center;
    padding: 30px 30px 20px;
    position: relative;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    border-color: #e2e2e2;
    background-color: #ffffff;
    color: #2d2d2d;
	height: 175px;
    border-radius: 5px;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.featured-linked-text-tile:hover {
    -moz-box-shadow: rgba(28, 56, 72, 0.1) 0px 2px 2px, rgba(28, 56, 72, 0.1) 0px 4px 4px, rgba(28, 56, 72, 0.1) 0px 8px 8px, rgba(28, 56, 72, 0.1) 0px 16px 16px, rgba(28, 56, 72, 0.1) 0px 32px 32px, rgba(28, 56, 72, 0.1) 0px 64px 64px;
    -o-box-shadow: rgba(28, 56, 72, 0.1) 0px 2px 2px, rgba(28, 56, 72, 0.1) 0px 4px 4px, rgba(28, 56, 72, 0.1) 0px 8px 8px, rgba(28, 56, 72, 0.1) 0px 16px 16px, rgba(28, 56, 72, 0.1) 0px 32px 32px, rgba(28, 56, 72, 0.1) 0px 64px 64px;
    -webkit-box-shadow: rgba(28, 56, 72, 0.1) 0px 2px 2px, rgba(28, 56, 72, 0.1) 0px 4px 4px, rgba(28, 56, 72, 0.1) 0px 8px 8px, rgba(28, 56, 72, 0.1) 0px 16px 16px, rgba(28, 56, 72, 0.1) 0px 32px 32px, rgba(28, 56, 72, 0.1) 0px 64px 64px;
    box-shadow: rgba(28, 56, 72, 0.1) 0px 2px 2px, rgba(28, 56, 72, 0.1) 0px 4px 4px, rgba(28, 56, 72, 0.1) 0px 8px 8px, rgba(28, 56, 72, 0.1) 0px 16px 16px, rgba(28, 56, 72, 0.1) 0px 32px 32px, rgba(28, 56, 72, 0.1) 0px 64px 64px;
}
.view-intervention-spotlight {
   text-align: center;
}
.view-intervention-spotlight .views-field-title {
       text-transform: uppercase;
	   font-weight: 700;
	font-size: 6rem;    
}
.view-intervention-spotlight a {
    color: #8c0d13;
    display: block;
    text-decoration: none;
    padding: 7px 20px;
    border-radius: 5px;
    font-size: 13px;
    background-color: #f4f4f4;
	width: 250px;
	margin: 10px auto;
}
.view-intervention-spotlight a:hover {
      background-color: #bb111a;
	      color: #ffffff;
}
.topic-highlight {
  font-weight: 700;
  font-size: 18px;
}

/*********** Topic Pages ************/

/** Topic Template **/

.field--name-field-ch-updated-on .field__label  {
   font-weight: 600 !important;
   font-size: 15px !important;
}


/** Featured Intervention Box **/

.ft_int_box {
    width: 600px;
    margin: 25px auto;
    font-family: sans-serif;
    border: 1px solid #eaeaea;
    border-radius: 10px 10px 0 0;
}
.ft_int_title {
    height: 50px !important;
    background-color: #f4f4f4;
    text-align: center;
    padding: 15px;
    border-radius: 10px 10px 0px 0px;
}
.ft_int_title h2 {
    font-size: 25px !important;
    position: relative;
    top: -20px;
}

.ft_int_text {
 padding: 0px !important;
}

.field--name-field-description-ft-int {
  padding: 10px;
}

.call-out-box {
    background: #f4f4f4;
    float: right;
    width: 50%;
    border-radius: 10px;
    padding: 15px;
    border: 2px solid #8C0D13;
    margin: 5px 0 15px 10px;
}
h2.title {
    font-size: 35px !important;
    padding-bottom: 70px;
    border-bottom: none;
    font-weight: 300 !important;
    text-align: center;
}
.title {
    font-family: 'Roboto Condensed', Arial Narrow, Arial, Sans-serif !important;
}
.block-views-blockintervention-spotlight-block-1 {
   margin-top: 0px !important;
}
.col-md-10, .col-md-8 {
  margin: 0 auto;
}
.hero-text {
  font-size: 5rem;
}


/** footer **/

footer img {
	width: 50%;
}

.footer-text {
	color: white;
}