/*
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 will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

/*----------------------------------------
// CSS
// Toggle Columns
//--------------------------------------*/

@media only screen and (max-width: 989px) {

  /* Reset Enfold desktop behaviour */
  .responsive #top #wrap_all #two-col .flex_column {
    width: 47%;
    margin-left: 0;
    clear: none !important;
  }

  /* First column in each mobile row */
  .responsive #top #wrap_all #two-col .flex_column:nth-child(2n+1) {
    clear: both !important;
  }

  /* Second column spacing */
  .responsive #top #wrap_all #two-col .flex_column:nth-child(2n) {
    margin-left: 6%;
  }

}

/*===============FONTS===================*/

@font-face {
    font-family: 'test-soehne-kraftig';
src: url('/wp-content/uploads/fonts/test-soehne-kraftig.woff2') format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}

@font-face {
    font-family: 'test-soehne-leicht';
src: url('/wp-content/uploads/fonts/test-soehne-leicht.woff2') format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}



/* Apply font to all headers and their spans/pseudo-elements */
h1, h2, h3, h4, h5, h6,
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
h1 span::before, h2 span::before, h3 span::before, h4 span::before,
h5 span::before, h6 span::before,
h1 span::after, h2 span::after, h3 span::after, h4 span::after,
h5 span::after, h6 span::after {
font-family: 'test-soehne-kraftig', sans-serif !important;
font-weight: 600 !important;        /*adjust to match header weight */
font-style: normal !important;
letter-spacing: -0.5px!important;
}

h4, h6{
letter-spacing: 0.5px!important;
}

/*===============FONTS===================*/

/*sticky mobile menu*/
@media only screen and (max-width: 767px) {
    .html_header_top.html_header_sticky #header, .responsive #top #wrap_all #header {
        position: fixed !important;
     }
}

@media only screen and (max-width: 767px) {
  .responsive #top .logo {
    width: 40%;
  }
}