/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0.3
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/
:root{
  --brand-blue: #065CD2;
  --brand-yellow: #FAB41D;
  --white: #fff;
}

#header_main .logo.avia-svg-logo,
#header_main .av-contains-svg svg{
  max-width: 200px;
}
#header_main .logo.avia-svg-logo{ margin-top: 10px; }
#header_main .av-contains-svg svg{ margin-top: -5px; }

#header_main .tagline{
  position: absolute;
  left: 210px; top: 10px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  vertical-align: middle;

  margin: 20px 0;
  padding: 10px 0 10px 20px;
  border-left: 1px solid var(--white);

  color: var(--white);
  font-family: Montserrat;
  font-size: 14px;
  font-style: italic;
  font-weight: 700;
  line-height: 1.17;
  text-transform: capitalize;
}

#header:not(.av_header_transparency) #header_main .tagline{
  color: #003165;
  border-left-color: var(--brand-yellow);
}

#header a.header-button{
  display: inline-block;
  margin: 35px 0 0 15px;
  padding: 15px 20px 12px;

  color: var(--white);
  background: var(--brand-blue);
  border-radius: 4px;

  font-family: Gotham, Montserrat;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.28px;

  transition: background .3s ease, color .3s ease, border-color .3s ease;
}

#header a.header-button:hover{
  background: var(--brand-yellow);
  color: #000;
  border-color: var(--brand-yellow);
}

@media (max-width: 520px){
	.responsive #top #wrap_all .container{
		width: 90%;
     max-width: 90%;
	}
  #header_main .av-contains-svg svg{
	  max-width: 150px;
	  left: -10px;
  }
  #header_main .tagline{
    left: 140px;
    margin:10px 0;
    padding: 5px 0 5px 10px;
	font-size: 12px;
	  line-height: 1.4em;
  }
  #header a.header-button{ display: none; }
}

@media (min-width: 521px) and (max-width: 767px){
  .responsive #top #wrap_all .av-logo-container{
    padding: 0;
    width: 90% !important;
    max-width: 90% !important;
  }
  #header #header_main .tagline{
    left: 180px;
    margin: 10px 0;
    padding: 5px 0 5px 10px;
    color: var(--brand-blue);
    border-left-color: var(--brand-yellow);
  }
  #header a.header-button{ display: none; }
  #header_main .logo.avia-svg-logo{ margin-top: 0; }
}

@media (min-width: 768px) and (max-width: 989px){
  #header_main .container{ padding: 0; }
  #header #header_main .tagline{
    left: 190px;
    margin-top: 5px;
    color: var(--brand-blue);
    border-left-color: var(--brand-yellow);
  }
  #header a.header-button{ display: none; }
  #header_main .logo.avia-svg-logo{ margin-top: 5px; }
}

@media (min-width: 990px) and (max-width: 1023px){
  #header_main .container{ padding: 0; }
  #header_main .tagline{ display: none; }
  #header a.header-button{ display: none; }
}

@media (min-width: 1024px) and (max-width: 1259px){
  #header_main .container{ padding: 0; }
  #header_main .tagline{ display: none; }
}

@media (min-width: 1260px) and (max-width: 1380px){
  #header_main .container{ padding: 0; }
}