/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Globals --------------------------------------- */

.fluid button {
    bottom: 15px!important;
    top: initial!important;
}

.logos-grid {
    opacity: 0.7;
}

.call-to-action {
    background-color: #1D4747;
    border-radius: 100px;
    border: 1px solid #1D4747!important;
    transition-duration: 0.3s;
}

.call-to-action:hover {
    border: 1px solid #1D4747!important;
    background-color: #ffffff;
}

.call-to-action a {
    color: #ffffff!important;
    padding: 13px 33px!important;
}

.call-to-action:hover a {
    color: #1D4747!important;
}

.fl-theme-builder-header-sticky {
    border-bottom: solid 1px #E9EFEF;
}

.contact-icons .fl-icon i{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 7px;
}

/* Headers --------------------------------------- */
	
	h1 { 
	  font-family: "DM Sans", sans-serif;
	  font-weight: 400;
	  font-style: normal;
	  color: #042426;
	  font-size: 64px; 
	  line-height: 1.2;
	}
	
	h2 {
	  font-family: "DM Sans", sans-serif;
	  font-weight: 400;
	  font-style: normal;
	  color: #042426;
	  font-size: 48px; 
	  line-height: 1.2;
	}
	
	h3 {
	  font-family: "DM Sans", sans-serif;
	  font-weight: 500;
	  font-style: normal;
	  color: #042426;
	  font-size: 32px; 
	  line-height: 1.2;
	}
	
	h4 { 
	  font-family: "DM Sans", sans-serif;
	  font-weight: 500;
	  font-style: normal;
	  color: #042426;
	  font-size: 32px; 
	  line-height: 1.2;
	}
	
	h5 {
	  font-family: "DM Sans", sans-serif;
	  font-weight: 500;
	  font-style: normal;
	  color: #042426;
	  font-size: 24px; 
	  line-height: 1.2;
	}
	
	h6 { /*...*/ }
	
	p {
	  font-family: "DM Sans", sans-serif;
	  font-weight: 400;
	  font-style: normal;
	  color: #042426;
	  font-size: 20px;
	  padding-bottom: 5px;
    padding-top: 5px;
	}
	
	.menu-item-text {
	  font-family: "DM Sans", sans-serif;
	  font-weight: 400;
	}
	
	a { /*...*/ }
	
	a:hover{ /*...*/ }
	
	a.example { /*...*/ }
	
	.fl-button-text {
	  font-family: "DM Sans", sans-serif;
	  font-weight: 400;
	  font-style: normal;
	  font-size: 20px;
	  line-height: 1px;
	}
	
	.fl-button {
	    padding: 18px 32px!important;
	}
	.gform_required_legend {
	    display: none;
	}
	
/* Input fields --------------------------------------- */
	
	input { 
	  font-family: "DM Sans", Sans-Serif;
	  font-weight: 400;
	  font-style: normal;
	}
	
	input:focus{ /*...*/ }
	
	input::placeholder{ /*...*/ }
	
	select{ /*...*/ }
	
	label{ /*...*/ }
	
	input[type=button], input[type=submit], input[type=reset] { /*...*/ }
    
    .gform_wrapper.gravity-theme .gform_footer {
        margin-top: -10px!important;
    }

/* 
----------------------------------------------------------------------------
	max-width: 4096px (Desktop extra large)
----------------------------------------------------------------------------  
*/ @media screen and (max-width: 4096px) {
    
}
/* 
----------------------------------------------------------------------------
	max-width: 1920px (Desktop large)
----------------------------------------------------------------------------  
*/ @media screen and (max-width: 1920px) {
	
}
/* 
----------------------------------------------------------------------------
	max-width: 1440px (Desktop medium)
----------------------------------------------------------------------------  
*/ @media screen and (max-width: 1440px) {
    
}

/* 
----------------------------------------------------------------------------
	max-width: 1200px (Tablet landscape)
----------------------------------------------------------------------------  
*/ @media screen and (max-width: 1200px) {
    
}

/* 
----------------------------------------------------------------------------
	max-width: 1050px (Tablet portrait)
----------------------------------------------------------------------------  
*/ @media screen and (max-width: 1050px) {
    
/* Headers --------------------------------------- */
	
	h1 { 
	  font-size: 40px; 
	}
	
	h2 { 
	  font-size: 36px; 
	}
	
	h3 { 
	  font-size: 30px; 
	}
	
	h4 { /*...*/ }
	
	h5 { /*...*/ }
	
	h6 { /*...*/ }
	
	p { /*...*/ }
	
	a { /*...*/ }
	
	a:hover{ /*...*/ }
	
	a.example { /*...*/ }
	
	.call-to-action {
	    background-color: #ffffff;
	    margin-top: 10px!important;
	    border: none;
	}
	.call-to-action a {
	    color: #1c1c1c!important;
	}
}

/* 
----------------------------------------------------------------------------
	max-width: 678px (Mobil)
----------------------------------------------------------------------------  
*/ @media screen and (max-width: 768px) {
    
/* Headers --------------------------------------- */
	
	h1 { 
	  font-size: 46px; 
	}
	
	h2 { 
	  font-size: 36px; 
	}
	
	h3 { 
	  font-size: 28px; 
	}
	
	h4 {
	    font-size: 28px;
	}
	
	h5 {
	    font-size: 20px;
	}
	
	h6 { /*...*/ }
	
	p {
	    font-size: 18px;
	}
	
	a { /*...*/ }
	
	a:hover{ /*...*/ }
	
	a.example { /*...*/ }
	
	.call-to-action {
	    background-color: #ffffff;
	    margin-top: 10px!important;
	    border: none;
	}
	.call-to-action a {
	    color: #042426!important;
	}

	
}

@media screen and (min-width: 1050px) {
.sticky-column {
    position:sticky;
    top: 180px;
}
}