/*

Theme Name: Hauser + Partners
Theme URI: http://bergerat.co
Author: Fabien Bergerat
Author URI: http://bergerat.co
Description: Hauser + Partners Main Theme
Version: 1.0.0
Template: pro

*/

/*reset body overflow to make CSS sticky work*/
body { overflow-x: visible!important };

/*reset p letterspacing*/
p {
	letter-spacing: inherit;
}
.hline {
  margin-left:-11px!important;
}
.hline:before {
  content:" ";
  border-left:1px solid;
  border-color:rgb(179, 163, 105);
  height:1.15rem;
  float:left;
  margin-top:-.65rem;
  margin-right:10px
}

.pline {
  margin-left:-11px!important;
}
.pline:before {
  content:" ";
  border-left:1px solid;
  border-color:rgb(179, 163, 105);
  height:1.5rem;
  display:block;
  margin-left:-11px;
  margin-bottom:-.65rem;
  margin-top:-.65rem;
  margin-right:10px
}


--bodycopy: Overpass, sans-serif;
--headings: Lora, serif;

h1, h2, h3 {
	font-family: var(--headings);
}

--h1 {
	font-size: 1.75rem;
	letter-spacing: -0.035rem;
	line-height: 1;
}

h2 {
	font-size: 1.25rem;
	letter-spacing: -0.02rem;
	line-height: 1;
}

h3 {
	font-size:1rem;
	line-height: 1;
	margin-bottom: 1rem;
	letter-spacing: 0;
}

h4 {
    font-family: var(--bodycopy);
    font-size: 0.65rem;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: .1rem;
    text-transform: uppercase;
}

.h-subheadline {
	font-family: var(--bodycopy);
	font-size: .75rem;
	font-weight: 200;
	line-height: 1.4;
	letter-spacing: 0;
}

--p {
	font-family: var(--bodycopy);
	font-size: .85rem;
	font-weight: 200;
	line-height: 1.6;
	letter-spacing: -0.02rem;
}

--p.data {
	line-height: 1.4;
}

--lists {
	font-size: .85rem;
	line-height: 1.2;
	font-weight: 200;
	letter-spacing: -0.02rem;
	/*spacing between elements: .5rem;*/
}

--p.small-type {
	font-family: var(--bodycopy);
	font-size: .75rem;
	font-weight: 200;
	line-height: 1.4;
	letter-spacing: 0;
}

--p.caption {
	font-family: var(--bodycopy);
	font-size: .65rem;
	font-weight: 200;
	line-height: 1.2;
	letter-spacing: 0;
}

.intro-text {
	
} 
.hero-text {
	font-family: var(--headings);
	font-size: 1.65rem;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.035rem;
	
}
.sm-hero-text {
	font-family: var(--headings);
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.035rem;
	
}
.bg-bottom * {
	background-position-y: bottom!important;
}
.bg-center * {
	background-position-y: center!important;
}
.bg-top * {
	background-position-y: top!important;
}

.partner-button .x-graphic-image img,
.partner-button .x-graphic-image {
  width:100%!important;
  height:100%!important;
}
.partner-button .x-graphic {
  height:100%;
  width:100%;
}




.cta-button, .cta-button *,
.go-btn, .go-btn * {
    transition: .4s ease-in-out;
  -webkit-transition: .4s ease-in-out;

}
.cta-button i {
  padding-right:3px;
  padding-left:0;
}
.cta-button:hover {
  transform:translateY(-3px);
}
.cta-button:hover i {
  padding-right:0;
  padding-left:3px;
  
}


.go-btn {
	padding-left:32px;
}
.go-btn i {
	padding-right: 6px;
    padding-left: 10px;
}
.go-btn:hover i {
	padding-right: 0px;
    padding-left: 16px;
}



.hp-gradient {  background : -moz-linear-gradient(6.11% 135.88% 30deg,rgba(0, 34, 47, 1) 0%,rgba(0, 59, 74, 1) 100%);
  background : -webkit-linear-gradient(30deg, rgba(0, 34, 47, 1) 0%, rgba(0, 59, 74, 1) 100%);
  background : -webkit-gradient(linear,6.11% 135.88% ,93.89% -35.88% ,color-stop(0,rgba(0, 34, 47, 1) ),color-stop(1,rgba(0, 59, 74, 1) ));
  background : -o-linear-gradient(30deg, rgba(0, 34, 47, 1) 0%, rgba(0, 59, 74, 1) 100%);
  background : -ms-linear-gradient(30deg, rgba(0, 34, 47, 1) 0%, rgba(0, 59, 74, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00222F', endColorstr='#003B4A' ,GradientType=0)";
  background : linear-gradient(60deg, rgba(0, 34, 47, 1) 0%, rgba(0, 59, 74, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00222F',endColorstr='#003B4A' , GradientType=1);
}








@media (min-width: 1200px) {
.fixmargin {
  padding-left:100px!important;
  padding-right:100px!important;
}
}


/* CUSTOM ANIMATIONS */

@keyframes keyframes-bounce {
	0%, 20%, 50%, 80%, 100% {
	    transform:translateY(0);
	  	}
		40% {
	    transform:translateY(-10px);
	  	}
		60% {
	    transform:translateY(-5px);
	  	}
	}

.anim-bounce {
  animation: keyframes-bounce 3s infinite;
  -webkit-animation: keyframes-bounce 3s infinite;
}