/*
 Theme Name: Onigiri Child
 Theme URI: https://themes.elmastudio.de/onigiri/
 Description: Onigiri Child Theme
 Author: cursprung
 Author URI: http://www.cursprung.com/
 Template: onigiri
 Version: 1.0.3
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: Onigiri Child Theme
*/

/*
You can start adding your own styles here. Use !important to overwrite styles if needed. */

/** HIDING FOCUSRING */
*:active, a {
	outline: none;
}

:focus {
	-moz-outline-style: none;
}

:-moz-any-link:focus {
	outline: none;
}

@font-face {
    font-family: 'Atkinson Hyperlegible';
       src: url('../../uploads/font/Atkinson-Hyperlegible-Regular-102.eot');
       src: url('../../uploads/font/Atkinson-Hyperlegible-Regular-102.eot?#iefix')
       format('embedded-opentype'),
       url('../../uploads/font/Atkinson-Hyperlegible-Regular-102.woff')
       format('woff'),
       url('../../uploads/font/Atkinson-Hyperlegible-Regular-102a.woff2')
       format('woff2'),
       url('../../uploads/font/Atkinson-Hyperlegible-Regular-102.ttf')
       format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Atkinson Hyperlegible';
       src: url('../../uploads/font/Atkinson-Hyperlegible-Bold-102.eot');
       src: url('../../uploads/font/Atkinson-Hyperlegible-Bold-102.eot?#iefix')
       format('embedded-opentype'),
       url('../../uploads/font/Atkinson-Hyperlegible-Bold-102.woff')
       format('woff'),
       url('../../uploads/font/Atkinson-Hyperlegible-Bold-102a.woff2')
       format('woff2'),
       url('../../uploads/font/Atkinson-Hyperlegible-Bold-102.ttf')
       format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Atkinson Hyperlegible';
       src: url('../../uploads/font/Atkinson-Hyperlegible-Italic-102.eot');
       src: url('../../uploads/font/Atkinson-Hyperlegible-Italic-102.eot?#iefix')
       format('embedded-opentype'),
       url('../../uploads/font/Atkinson-Hyperlegible-Italic-102.woff')
       format('woff'),
       url('../../uploads/font/Atkinson-Hyperlegible-Italic-102a.woff2')
       format('woff2'),
       url('../../uploads/font/Atkinson-Hyperlegible-Italic-102.ttf')
       format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Atkinson Hyperlegible';
       src: url('../../uploads/font/Atkinson-Hyperlegible-BoldItalic-102.eot');
       src: url('../../uploads/font/Atkinson-Hyperlegible-BoldItalic-102.eot?#iefix')
       format('embedded-opentype'),
       url('../../uploads/font/Atkinson-Hyperlegible-BoldItalic-102.woff')
       format('woff'),
       url('../../uploads/font/Atkinson-Hyperlegible-BoldItalic-102a.woff2')
       format('woff2'),
       url('../../uploads/font/Atkinson-Hyperlegible-BoldItalic-102.ttf')
       format('truetype');
    font-weight: bold;
    font-style: italic;
}

::selection {background: #000; color: #fff;}
::-moz-selection {background: #000; color: #fff;}
/* oder schwarz auf farbig:
::selection {background: #ff0; color: #000;}
::-moz-selection {background: #ff0; color: #000;}*/

body {
    font-family: 'Atkinson Hyperlegible', Helvetica, Arial, sans-serif; /* 'Merriweather', Georgia, serif; 'Futura BT Pro Book', 'Hind', 'Muli', 'Poppins',  */
    letter-spacing: 0.04em;
		text-align: left;
}
input, textarea {
    font-family: 'Atkinson Hyperlegible', Helvetica, Arial, sans-serif; /* 'Merriweather', Georgia, serif; */
}

/* cu: mehr Anbstand zum Logo, ggf. anpassen, wenn Logo anders wird */
#primary {
    margin-top: 50px;
}

/* cu: colophon und footer für ecke rechts unten */
#colophon {
      margin: 0;
      padding-right: 50px;
      padding-bottom: 25px;
      padding-left: 50px;
}
footer {
    overflow: hidden;
}
/* cu: von DT */
footer div.footer-bg {
    position: absolute;
    z-index: -10;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 50vw; /* height: 20vw; */
    -webkit-transform-origin: right; /* transform-origin: left; */
    -webkit-transform: skew(0deg,-10deg); /* -webkit-transform: skew(0deg,3.3deg); */
    transform-origin: right; /* transform-origin: left; */
    transform: skew(0deg,-10deg); /* transform: skew(0deg,3.3deg); */
    background-color: #ea5213; /* ÄNDERN IN KNALL GELB: #FAE908; */
}

/* cu: Schriftformatierung – noch feintunen  */
.entry-content p, .entry-content p.standard-text, .entry-content ul, .entry-content ol, .entry-content .wide-content {
    /* font-size: 14px; */
    font-size: 1.4rem; /* font-size: 0.875rem; */
    line-height: 1.4; /* line-height: 2; */
    color: rgb(51, 51, 51);
}
.entry-header h2.entry-title, .entry-header h1.entry-title {
    /* font-size: 16px; */
    font-size: 2rem; /* font-size: 1rem; */
}

.site-content .page {
    text-align: left; /* text-align: center; */
}

/* HIER NOCH RUMPROBIEREN, ENTSCHEIDEN UND DANN DAMIT WEITER MACHEN */
/*.site-content {
     max-width: 70%; /* 580px; */
    /*max-width: 1000px;
    margin: 0 auto;  */
    /*margin-left: 50px;
    margin-right: 50px;
 }*/
/*.entry-content {
    max-width: 100%; /* 580px;
    max-width: 1000px;
/*    margin: 0 auto;*/
/* margin-left: 1%;
margin-right: 1%;
}*/

/* !!! DAS HIER IST IM CUSTUMIZER; WEIL'S HIER NICHT ZIEHT
ACHTUNG: unterschiedliches Verhalten bei Firefox vs. Safari und Chrome ... ? */
/*.entry-content, .entry-header {
    max-width: 1000px;
}

.site-content .post, .site-content .jetpack-portfolio, .site-content .page {
  text-align: left;
}
/* BIS HIER */

/* .entry-content .wide-content {
  margin-left: -350px;
  margin-right: -350px;
} */

/* WEISS NICHT WOFÜR!? */
h2 {
    /*font-size: 16px;*/
    font-size: 1.6rem;
    line-height: 1.6;
    /*margin: 40px 0 15px;*/
}

h3 {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 35px 0 15px;
}

/* cu: Projektname */
.jetpack-portfolio-shortcode .entry-header h2.entry-title a, .single-post .entry-header h1.entry-title a, .single-jetpack-portfolio .entry-header h1.entry-title a {
    color: #000;
    border-bottom: 0px solid #ff0;
}

.contact-mail, .contact-phone, .entry-tags, .entry-header .entry-details, #comments .comment-reply, h3.further-projects, #primary h1.archive-title, h4, #primary .sharedaddy h3.sd-title, .archive-header .taxonomy-description p {
    font-family: 'Atkinson Hyperlegible', Helvetica, Arial, sans-serif; /* Courier, monospace; */
}

/* .portfolio-type-links */
.entry-details {
    /*font-size: 16px;*/
    font-size: 1.0rem;
    line-height: 1.6;
    /*margin: 40px 0 15px;*/
}

.entry-header .entry-details {
    font-size: 1.0rem;
}

/* cu: Versuch Links an versch. Stellen zu formatieren, vor allem hover, klappt aber nicht richtig */
/* a:hover {
    color: #00f;
    border-bottom: 10px solid #ff0;
    text-decoration: none;
} */
/* .entry-content a, #infinite-handle a, #infinite-handle span, a.more-link, .nav-wrap a, #site-title h1 a:hover, .entry-tags a:hover, #comments .comment-reply a.comment-reply-link:hover, .entry-header .entry-details a:hover, #comments #respond p.logged-in-as a:hover, #comments .comment-details a:hover, #comments .comment-text a:hover, a.more-link:hover, .entry-content a:hover, .jetpack-portfolio-shortcode .entry-header h2.entry-title a:hover, #site-info a:hover {
    color: #f0f;
    color: #00f;
    border-bottom: 10px solid #ff0;
    text-decoration: none;
} */
/* .entry-content a {
    color: #ff0000;
} */

/* cu: fetter gelber Balken unter Menü, unten rechts */
/*#site-nav ul li a, a:visited, a:link, a:active {
  border-bottom: 10px solid transparent;
  text-decoration: none;
}
#site-nav ul li a:hover {
  border-bottom: 10px solid #ff0;
  text-decoration: none;
}*/