/* Theme Name: Twenty Sixteen Child Theme Theme URI: http://hyperlinkcode.com/blog/?p=1021 Description: A bare-bones child theme for use with Twenty Sixteen Theme. Pick matching colors quickly at html-color-names.com. Author: Edward Zivkovic Author URI: http://hyperlinkcode.com/blog/ Template: twentysixteen Version: 1.0.0 */ /* open-sans-300 - latin_latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('fonts/open-sans-v15-latin_latin-ext-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('fonts/open-sans-v15-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v15-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v15-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v15-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v15-latin_latin-ext-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin_latin-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('fonts/open-sans-v15-latin_latin-ext-300italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('fonts/open-sans-v15-latin_latin-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v15-latin_latin-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v15-latin_latin-ext-300italic.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v15-latin_latin-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v15-latin_latin-ext-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin_latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('fonts/open-sans-v15-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('fonts/open-sans-v15-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v15-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v15-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v15-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v15-latin_latin-ext-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin_latin-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('fonts/open-sans-v15-latin_latin-ext-italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('fonts/open-sans-v15-latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v15-latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v15-latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v15-latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v15-latin_latin-ext-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin_latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('fonts/open-sans-v15-latin_latin-ext-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/open-sans-v15-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v15-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v15-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v15-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v15-latin_latin-ext-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin_latin-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('fonts/open-sans-v15-latin_latin-ext-700italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('fonts/open-sans-v15-latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v15-latin_latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v15-latin_latin-ext-700italic.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v15-latin_latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v15-latin_latin-ext-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* anton-regular - latin_latin-ext */ @font-face { font-family: 'Anton'; font-style: normal; font-weight: 400; src: url('fonts/anton-v9-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */ src: local('Anton Regular'), local('Anton-Regular'), url('fonts/anton-v9-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/anton-v9-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/anton-v9-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/anton-v9-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/anton-v9-latin_latin-ext-regular.svg#Anton') format('svg'); /* Legacy iOS */ } /* ##### Abschalten des Rahmens ##### */ body:not(.custom-background-image):before, body:not(.custom-background-image):after {display: none;} body {background: #fff none repeat scroll 0 0; } .site {margin: 0;} /* ##### Layout & Farben ##### */ .site {background-color: #930e0a;} .site-inner {background-color: #fff;} .header-image { border-radius: 3px; -webkit-box-shadow: 0px 0px 9px 1px rgba(170,170,170,1); -moz-box-shadow: 0px 0px 9px 1px rgba(170,170,170,1); box-shadow: 0px 0px 9px 1px rgba(170,170,170,1); } /* ##### Typo ##### */ body {font-family: 'Open Sans', sans-serif;} .site-title, .entry-title, h1, h2 {font-family: 'Anton', sans-serif; letter-spacing: 0.05em;} .site-title {font-size: 2.75rem; line-height: 2.25;} .main-navigation li {font-size: 0.95em;} @media screen and (min-width: 56.875em) { .main-navigation ul ul a {width: 18em;} } /* ##### Helper Classes ##### */ .left {float: left;} .right {float: right;} .clear {clear: both;} .small {font-size: 12px;} .medium {font-size: 13px;} .nomargin {margin: 0;} .mt6 {margin-top: 6px;} .mt8 {margin-top: 8px;} .mt12 {margin-top: 12px;} .mt18 {margin-top: 18px;} .mt20 {margin-top: 20px;} .mt24 {margin-top: 24px;} .mt36 {margin-top: 36px;} .mb6 {margin-bottom: 6px;} .mb8 {margin-bottom: 8px;} .mb12 {margin-bottom: 12px;} .mb18 {margin-bottom: 18px;} .mb20 {margin-bottom: 20px;} .mb24 {margin-bottom: 24px;} .mb36 {margin-bottom: 36px;} .ml6 {margin-left: 6px;} .ml8 {margin-left: 8px;} .ml12 {margin-left: 12px;} .ml18 {margin-left: 18px;} .ml24 {margin-left: 24px;} .ml36 {margin-left: 36px;} .mr6 {margin-right: 6px;} .mr8 {margin-right: 8px;} .mr12 {margin-right: 12px;} .mr18 {margin-right: 18px;} .mr24 {margin-right: 24px;} .mr36 {margin-right: 36px;} .pt3 {padding-top: 3px;} .pt6 {padding-top: 6px;} .pb6 {padding-bottom: 6px;} .pl3 {padding-left: 3px;} .pl6 {padding-left: 6px;} .pl12 {padding-left: 12px;} .pl15 {padding-left: 15px;} .center {text-align: center;} .middle {vertical-align: middle;} .full {width: 100%;} .shadow { -webkit-box-shadow: 0px 0px 9px 1px rgba(170,170,170,1); -moz-box-shadow: 0px 0px 9px 1px rgba(170,170,170,1); box-shadow: 0px 0px 9px 1px rgba(170,170,170,1); } .rotate90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .text-shadow_white {text-shadow: 0px 0px 2px rgba(255, 255, 255, 1);} .text-shadow_black {text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);}