/*
Theme Name: Twenty Seventeen Child
Theme URI: https://wp-themes.com/twentyseventeen
Author: Corinne Weber // grafios.ch
Author URI: https://grafios.ch
Description: The für Atelier für Steuern und Finanzen
Template: twentyseventeen
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.0
Text Domain: twentyseventeen-child
*/

 @font-face {
    font-family: 'Sansumi-Regular';
    src:url('fonts/Sansumi-Regular.woff') format('woff'),
        url('fonts/Sansumi-Regular.svg#Sansumi-Regular') format('svg'),
        url('fonts/Sansumi-Regular.eot'),
        url('fonts/Sansumi-Regular.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

 @font-face {
    font-family: 'Sansumi-DemiBold';
    src:url('fonts/Sansumi-DemiBold.woff') format('woff'),
        url('fonts/Sansumi-DemiBold.svg#Sansumi-Regular') format('svg'),
        url('fonts/Sansumi-DemiBold.eot'),
        url('fonts/Sansumi-DemiBold.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
    @font-face {
    font-family: 'Sansumi-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Sansumi-Bold'), url('fonts/Sansumi-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Sansumi-ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: local('Sansumi-ExtraBold'), url('fonts/Sansumi-ExtraBold.woff') format('woff');
    }


body, p {font-family: 'Sansumi-Bold', sans-serif; line-height: 1.6em;}
 h1, h2,  h3,  h4, strong {
font-family: 'Sansumi-ExtraBold', sans-serif;}
div.site-info {display: none;}
p.site-title {font-family: 'Sansumi-ExtraBold', sans-serif; }
.site-title {
  text-transform: none;
}
p, li {letter-spacing:1px;}

/*Headerbild ausblenden*/

.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media, .has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
display: none;
}

.custom-header {

background: #4B2857!important;
}

.single-featured-image-header {
  background-color: #fff;
  border-bottom: none;
}
.nf-response-msg {border: 1px solid #4B2857; padding: 20px;}

.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
  color: #4B2857;
  font-size:  1.3rem;
  font-weight: normal;
  letter-spacing: 0.1rem;
  text-transform: none;
}

h2 {font-size: 1.3rem;  letter-spacing: 0.1rem;}

.c-accordion__title::after, strong {
  color: #4B2857;

}

.wp-block-pullquote p {
  font-size: 1rem;
  line-height: 1.6;
	  color: #4B2857;
}

.wp-block-pullquote {
  margin: 0 0 0.5em;
    margin-bottom: 0.5em;
  padding: 0;

}

.wp-block-pullquote {
  display:inline-block;
  margin:1em;
  overflow:hidden;
  blockquote {
    background-color:$bg;
    border: solid 2px #757575;
    display: inline-block;
    margin: 0;
    padding: 1em;
    position: relative;
    &:before {
      background-color: $bg;
      bottom: -10%;
      content: "";
      left: 0;
      position: absolute;
      right: 0;
      top: -10%;
      transform: rotate(-15deg) skew(5deg);
    }
    cite {
      display: block;
      font-style: italic;
      text-align: right;
      &:before {
        content: "- ";
      }
    }
    > * {
      position: relative;
      z-index: 1;
    }
  }
}

/*Kontaktformular*/
.nf-form-content label {
  font-size: 1rem!important;
font-weight: 500!important;

}

.nf-form-content {
  padding: 5px 0!important;
 
}


.ninja-forms-req-symbol {
  color: #4B2857!important;
}
.nf-form-fields-required {margin-bottom:10px;}
.nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"] {
  background: #4B2857!important;
  color: #ffffff;
padding: 5px 20px;
}

/*Menu*/
.menu-toggle {

  font-size: 1rem;
 letter-spacing: 1px;
padding: 20px 130px;
}

:not(.mejs-button) > button:hover, :not(.mejs-button) > button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
  background: #f9f9f9;
}

.widget {
  padding-bottom: 0;
}

.navigation-top {
  
  border-top: 0px;
}

@media screen and (min-width: 67em) {
.navigation-top .wrap {
  padding: 0em 1.5em;
}}

@media screen and (min-width: 48em) {
  .twentyseventeen-front-page.has-header-image .custom-header-media {
    height: 115vh;
    
  }
  
}