/**handles:amica-home-page**/


.homepage-banner{
  width: 100%;
  height: 100vh;
  background: #333;
  overflow:hidden;
  position: relative;
}
.homepage-banner-background{
  height: 100vh;
  width: 100%;
  position: absolute;
  z-index: 1;
  top:0;
  left: 0;
  opacity: 0.1;
  background:url(https://thefamilytreegenie.co.uk/wp-content/themes/FamilyTreeGenie/images/homepage-banner-left-bg-full.png) #333;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
}
.homepage-banner-right-image{
  height: 120vh;
  width: 55%;
  position: absolute;
  z-index: 2;
  top:-20vh;
  right:0;
  background:url(https://thefamilytreegenie.co.uk/wp-content/themes/FamilyTreeGenie/images/homepage-banner-right-bg.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
}
.gradient-top{
  width: 100%;
  position: absolute;
  top:0;
  width: 100%;
  height: 20vh;
  left: 0;
  z-index: 4;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
.gradient-bottom{
  width: 100%;
  position: absolute;
  bottom:0;
  width: 100%;
  height: 20vh;
  left: 0;
  z-index: 5;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.85) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.85) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 );

}
.homepage-banner .inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  color: #fff;
  z-index: 20;
  position: relative;
}
.homepage-banner .homepage-banner-left{
  width: 50%;
  padding: 18vh 40px 0;
}
.homepage-banner .homepage-banner-left h1{
  width: 100%;
  color:#fff;  
  font-size: 3.7rem;
  line-height: 3.9rem;
}
.homepage-banner .homepage-banner-left h1 span,
.homepage-banner .homepage-banner-left h1 strong{
  display: block;
  font-family: 'Rawline Thin';
  padding-left: 6rem;
  display: block;
}
.homepage-banner .homepage-banner-left p{
  width: 100%;
  color:#fff;  
  font-size:2rem;
  font-family: 'Rawline Thin';
}
.homepage-banner .homepage-banner-left p span,
.homepage-banner .homepage-banner-left p strong{
  font-family: 'Rawline Thin';
  padding-left:11rem;
  display: block;
}
.homepage-banner .homepage-banner-left .banner-logo{
  width: 100%
}
.homepage-banner .homepage-banner-left .banner-logo img{
  height: 32vh;
  width: auto;
}
.homepage-banner .homepage-banner-right{
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

main.homepage-content{
  width:100%;
}
main.homepage-content .inner{
  padding: 80px 0 30px 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
main.homepage-content .homepage-content-left{
  width:52%;
}
main.homepage-content .homepage-content-left h2{
    font-size: 2.7rem;
    margin: 4px 0 15px;
    line-height: 3rem;
}
main.homepage-content .homepage-content-left h2 span,
main.homepage-content .homepage-content-left h2 strong{
  color: #89B32F;
}
main.homepage-content .homepage-content-left p.subheader,
main.homepage-content .homepage-content-left h3{
  color: #F27C11;
  font-size:1.7rem;
  margin: 4px 0 10px;
}
main.homepage-content .homepage-content-left p{}

main.homepage-content .homepage-content-right{
  width:45%;
}
main.homepage-content .homepage-content-right img{
  width: 100%;
}

section.make-your-wish{}
section.make-your-wish .inner{
  padding: 30px 40px 80px;
}
section.make-your-wish h2{
  font-size:2.2rem;
  text-align: center;
  margin: 4px 0 40px;
  display: block;
  position: relative;
}
section.make-your-wish h2:before{
  content: "";
  left: 50%;
  top: 30px;
  width:calc(100% + 80px);
  max-width: 1330px;
  position: absolute;
  height: 300px;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-radius: 30px 30px 0 0;
  z-index: 1;
  transform: translateX(-50%);
}
section.make-your-wish h2 span{
  padding: 0 20px;
  position: relative;
  background: #fff;
  z-index: 3;
  font-family: 'Rawline Light';
}
section.make-your-wish h2 span strong{
  font-family: 'Rawline Bold';
}
section.make-your-wish ul.wishlist{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
section.make-your-wish ul.wishlist li.awish{
  width: calc(33% - 20px);
  margin:0 10px 10px;
  border-radius: 25px;
  color: #fff;
  padding: 30px 20px;
}
section.make-your-wish ul.wishlist li.awish:first-child{
  background: #105281;
}
section.make-your-wish ul.wishlist li.awish:nth-child(2){
  background: #D6004A;
}
section.make-your-wish ul.wishlist li.awish:last-child{
  background: #462478;
}
section.make-your-wish ul.wishlist li.awish h3{
  color: #fff;
  text-align: center;
  font-size:1.9rem;
  margin: 0 auto 20px;
  border-bottom: 1px solid #fff;
  width: 80%;
  padding-bottom: 10px;
  max-width: 800px;
}
section.make-your-wish ul.wishlist li.awish p.wish-desc{
  color: #fff;
  padding: 0 20px 25px;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
section.make-your-wish ul.wishlist li.awish h4{
  color: #fff;
  text-align: center;
  margin:5px 0;
  font-size: 1.1rem;
  font-family: 'Rawline Regular';  
}
section.make-your-wish ul.wishlist li.awish ul.this-wish-grant{}
section.make-your-wish ul.wishlist li.awish ul.this-wish-grant li.granted-item{
  padding: 5px 0;
}
section.make-your-wish ul.wishlist li.awish p.wish-cost{
  color: #fff;
  text-align: center;
  font-size:1.6rem;
}
section.make-your-wish ul.wishlist li.awish a{
  background: #fff;
  transition: all ease-in-out 0.4s;
  max-width: 200px;
  display: block;
  width: 100%;
  margin: 5px auto;
  border-radius: 7px;
  padding: 15px 20px;
  text-align: center;
  line-height: 1em;
}
section.make-your-wish ul.wishlist li.awish:first-child a{
  color: #105281;
}
section.make-your-wish ul.wishlist li.awish:nth-child(2) a{
  color: #D6004A;
}
section.make-your-wish ul.wishlist li.awish:last-child a{
  color: #462478;
}