/*
Theme Name:         Basic Theme, Version 1.3.0
Theme URI:          http://zukunft-öffentlich-rechtliche.de
Description:        Angepasstes Theme für die 10-Thesen-Webseite.
Version:            1.0.0
Author:             Clemens & Viktor Nübel
Author URI:         http://lieberungewoehnlich.de/
*/


/*---------------- GLOBAL --------------- */

body { color: #fff; font-family: 'Roboto', sans-serif; font-size: 1.3rem; line-height: 1.6; letter-spacing: 0.01rem;
background: rgba(255,0,102,1);
background: -moz-linear-gradient(top, rgba(255,0,102,1) 0%, rgba(153,0,84,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,0,102,1)), color-stop(100%, rgba(153,0,84,1)));
background: -webkit-linear-gradient(top, rgba(255,0,102,1) 0%, rgba(153,0,84,1) 100%);
background: -o-linear-gradient(top, rgba(255,0,102,1) 0%, rgba(153,0,84,1) 100%);
background: -ms-linear-gradient(top, rgba(255,0,102,1) 0%, rgba(153,0,84,1) 100%);
background: linear-gradient(to bottom, rgba(255,0,102,1) 0%, rgba(153,0,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0066', endColorstr='#990054', GradientType=0 );
}
h1, h2, h3, h4, h5, h6 { font-family:'Saira Semi Condensed', sans-serif; font-weight: 100; line-height: 1.2; margin:0 0 .2em 0; text-align: center; }
h1 { font-size: 4.8rem; margin-bottom: 0.4em; letter-spacing: -0.08rem; }
h2 { font-size: 2rem; }
h3 { font-size: 3rem; color: #F9BC0C; }
h4 { color: #FFF; font-size: 2rem; margin: 3rem 0 0.5rem 0; }
a { color: #F9BC0C; text-decoration: none; -webkit-transition: all 200ms ease-in 0s; -moz-transition: all 200ms ease-in 0s; -ms-transition: all 200ms ease-in 0s; -o-transition: all 200ms ease-in 0s; transition: all 200ms ease-in 0s; }
a:focus, a:hover { color: #F9BC0C; }
a img:hover { opacity: 0.75; }
p { margin: 0 0 1.6em 0; }
ul, ol, dl { list-style: outside;  margin: 0 0 1.6em 0; }
hr { border-bottom: 1px solid #ccc; border-left: 0 none; border-top: 0 none; box-sizing: content-box; height: 0; margin: 2rem auto; max-width: 62.5rem; }
img.alignleft { float: left; margin: 5px 18px 18px 0; }
img.alignright { float: right; margin: 0 18px 18px 5px; }
img.algincenter { display: block; margin: 5px auto 5px auto; }
img.alignnone { margin: 5px 18px 18px 0; }
.divider { width: 100%; height: 0px; border-top: 1px solid #e3e3e3; }

/*---------------- HEADER --------------- */

.site-header { background-color: transparent; margin: 4rem 0 2rem 0; text-align: center; }
.site-title::before { content: "\f0e7"; font: normal normal normal 6rem/1 FontAwesome; margin: 10px; display: inline-block; width: 100%; text-align: center; }
p.site-description { color: #4b153d; font-style: italic; font-size: 1.4rem; }

/*---------------- NAVIGATION--------------- */

.footer-utility-nav { text-align: center; }
.footer-utility-nav ul { font-size: 0.8rem; display: inline-block; list-style: none; }
.footer-utility-nav li { float: left; padding: 0 2rem 0 0; list-style: none; }
.footer-utility-nav li a { color: #fff; font-size: 1.8rem; text-align: center; text-transform: uppercase; letter-spacing: 0.1rem; }
.footer-utility-nav li a:hover { border-bottom: 1px dotted #fff; }

/*---------------- CONTENT--------------- */

.container { margin: 25px auto; }
.page article { padding: 0 0 15px 0; margin: 0 0 15px 0; }
.page article p.intro { font-size: 1.6rem; line-height: 1.4; font-weight: 200; font-family: 'Saira Semi Condensed', sans-serif; text-align: center; }
.page article .thesis { display: block; color: #4b153d; text-transform: uppercase; font-weight: 500; font-size: 1.8rem; letter-spacing: 0.1rem; margin: 4rem 0 0 0; }
.page article dd { display: none; }
.page article a { border-bottom: 1px dotted #F9BC0C; }
.page article a.toggleButton { border: none; display: inline-block; text-align: center; width: 100%; }
.page article a.toggleButton::after { content: "\f0a1"; font: normal normal normal 1.4rem/1 FontAwesome; margin: 10px; }
.page article a:hover { color: #fff; }
.page article .signedBy { font-size: 1.4rem; font-style: italic; text-align: center; width: 100%; display: inherit; }

/*---------------- FOOTER --------------- */

.site-footer { padding: 1.5em 0 1.8em 0; }
.site-footer-info { color: #4b153d; font-size: 0.8rem; text-align: center; }

/*---------------- RESPONSIVNESS --------------- */

@media only screen and ( max-width: 642px ) {
	body { font-size: 1rem; }
	h1 { font-size: 2.8rem; }
	h2 { font-size: 1.4rem; }
	h3 { font-size: 1.8rem; }
}