/* BUTTONS 
========================*/


/* The basics
-------------------------*/

.ftrd_block .ftrd_button_group a { 
  margin-right:1em;
  margin-bottom:1em;
  opacity:1;
  text-decoration: none;
  box-shadow:1px 1px 3px rgba(0,0,0,0.3);
  display: inline-block;
  line-height: 1.1em;
  padding:.7em 1.3em;
  border:2px solid;
  
}

/* Secondary button */
.ftrd_block .ftrd_button_group a:nth-child(2) {
  background:transparent;
}

/* Hover style */
.ftrd_block .ftrd_button_group a:hover {
  text-decoration:underline;
  box-shadow:1px 0px 7px 3px rgba(0,0,0,0.2)
  
}


/* Button variations
------------------------*/

/* Radius */
.ftrd_block .ftrd_button_group.ftrd_button_group_round a {
  border-radius: 100px;
}

.ftrd_block .ftrd_button_group.ftrd_button_group_square a {
  border-radius: 0
}

.ftrd_block .ftrd_button_group.ftrd_button_group_rounded a {
  border-radius: 5px
}


/* Size */

.ftrd_block .ftrd_button_group.ftrd_button_group_small a {
  font-size:16px;
}

.ftrd_block .ftrd_button_group.ftrd_button_group_medium a {
  font-size:18px;
}

.ftrd_block .ftrd_button_group.ftrd_button_group_large a {
  font-size:20px;
}

.ftrd_block .ftrd_button_group.ftrd_button_group_xlarge a {
  font-size:21px;
}




/* HEADINGS AND TEXTS
========================*/

.ftrd_block h1 {
  font-weight:700;
  font-size:2.5em;
  line-height:1em;
  margin:0 0 10px;
}

.ftrd_block .ftrd_description {
display:inline-block;
font-size:1.3em;
line-height: 1.3em;
margin:0 0 30px;
}

.ftrd_block .description p {
margin:0;
padding:0;
}

.ftrd_block .ftrd_pretitle {
    font-size: 0.9em;
    opacity: 0.9;
  }


/* BLOCK TYPE: FULL WIDTH
========================*/



.ftrd_block {
  position:relative;
  overflow:hidden;
 
}

.ftrd_block .ftrd_background {
  position: relative;
}


.ftrd_block .ftrd_wrapper {
  min-height:200px;
  padding:50px 0;
  max-width: 1200px; /* Depends on global option */
  overflow: hidden;
  margin: 0 auto;
 
}


.ftrd_block .ftrd_wrapper .ftrd_container {
  display: flex;
}

.ftrd_block .ftrd_wrapper .ftrd_container .ftrd_text {
  max-width: 600px;
  
}



.ftrd_block .ftrd_background_image {
  min-height:450px;
  height:100%;
  position:absolute;
  width:100%;
  /*z-index:-2; */
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}

.ftrd_block .ftrd_layout_half_image .ftrd_background_image.extra-content {
  justify-content: flex-end ;
}

.ftrd_block .ftrd_extras{
  width: 100%;
  margin-left:30px;
}


/* Layout#1 colored veil 
------------------------*/
.ftrd_block .ftrd_layout_colored_veil .ftrd_safeguard {
  position:absolute;
  width:100%;
  height:100%;
  z-index:-1;
  opacity:0.3;
  background-color:white;
}

.ftrd_block .ftrd_layout_colored_veil .ftrd_text {
  padding:0 0px;
}


.ftrd_block .ftrd_layout_colored_veil .ftrd_description,
.ftrd_block .ftrd_layout_colored_veil h1 {
  text-shadow:0 0 3px rgba(0,0,0,0.2);
}



/* Layout#2 Text in a box
------------------------*/
.ftrd_block .ftrd_layout_text_in_a_box .ftrd_text {
  background:rgba(255,255,255,0.5);
  padding: 30px;
  margin:0 15px;
  
}

/* Layout #3 Just background 
------------------------*/
.ftrd_layout_just_background .ftrd_text,
.ftrd_layout_just_background .ftrd_extras {
  display: none;
}


.ftrd_layout_just_background .ftrd_wrapper.ftrd_wrapper,
.ftrd_layout_just_background .ftrd_safeguard {
  display: none;
}

.ftrd_layout_just_background {
  height: 450px;
}
.ftrd_layout_just_background > a {
  display: block;
  height: 100%;
  width: 100%;
}  


/* Layout #4 Half and half 
------------------------*/

.ftrd_layout_half_image {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap:0;
}

.ftrd_layout_half_image .ftrd_safeguard {
  display: none;
}


.ftrd_layout_half_image .ftrd_background_image {
  display: flex;
  position: unset;
  justify-content: right;
  align-items: center;
  
}

.ftrd_layout_half_image .ftrd_extras {
  margin:0px;
  padding:15px;
  max-width: 100%;
  width: auto;
  min-width: 80%;
}



.ftrd_layout_half_image .ftrd_wrapper {
  padding:30px;
  margin: 0;
  display: flex;
  align-items: left;
  align-items:center; 
}


.ftrd_layout_half_image .ftrd_wrapper .ftrd_container {
  display: block
}






/* 
BLOCK TYPE: GRID
========================*/

.ftrd_grid {
  display: grid;
  grid-gap:20px;
  margin:0 auto;
}

.ftrd_grid_3 {
  grid-template-columns: 1fr 1fr 1fr;
  
}

.ftrd_grid_block {
  display: flex;
  padding:20px;
}

.ftrd_grid_block:hover {
  background:rgba(0,0,0,0.1)
}

.ftrd_grid_block > a {
  min-width: 130px;
  margin-right:20px;
  flex-shrink: 0;
}

.ftrd_grid_block h3 {
  font-size: 18px;
  line-height: 1.3em;
  margin:0 0 0.5em;
}


.ftrd_grid_block .ftrd_description {
  font-size: 16px;
  margin:0 0 0.5em;
}


.ftrd_grid_block .ftrd_link_group a{
  font-size: 16px;
  line-height: 1.3em;
  display: inline-block;
  margin:0.5em 0;
}



/* 
MOBILE ADAPTATIONS
========================*/


@media screen and (max-width:950px) {
  
  
  .ftrd_grid {
    display: grid;
    grid-gap:20px;
    margin:0 auto;
    grid-template-columns: 1fr !important;
  }
  
  .ftrd_block .ftrd_container {
    flex-direction: column;
    
  }

  .ftrd_block .ftrd_container .ftrd_extras{
   padding:15px 15px 0;
   max-width: 630px;
   margin-bottom: 0;
  }

  .ftrd_layout_half_image {
    display: block;
  }
  
  .ftrd_layout_half_image .ftrd_background_image{
    min-height: 250px;
    display: block;
  }
  
  .ftrd_grid_block > a {
    min-width: 80px;
  }
  
}


/* 
UTILITIES
========================*/

.sr-only {
  display:none !important;
}