/*
Theme Name: ccf
Description: Child Theme for twentytwelve
Author: Dagmar Diebels
Template: twentytwelve
Version: 1
*/


/*
24px = 1.714285714rem
14px = 1rem
*/

/*style for all screens*/


/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('https://crossculturefilm.de/fonts/fonts/ubuntu-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('https://crossculturefilm.de/fonts/ubuntu-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://crossculturefilm.de/fonts/ubuntu-v11-latin-regular.woff2'), /* Super Modern Browsers */
       url('https://crossculturefilm.de/fonts/ubuntu-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://crossculturefilm.de/fonts/ubuntu-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://crossculturefilm.de/fonts/ubuntu-v11-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

body.custom-font-enabled {
	font-family: "Ubuntu", Helvetica, Arial, sans-serif;
}

/* p {font-family: "Ubuntu", Helvetica, Arial, sans-serif;} */
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
    font-style: normal;
}
/* Boxen per Div und IDs und Klassen - eigenes CSS*/
.referenzen
{
    max-width: 33%;
	height: auto;
	float: left;
	border: 1px solid #757575;
    border-radius: 5px;
	font-family: "Ubuntu", Helvetica, Arial, sans-serif;
	font-size: 105%;
	margin-right: 1%;
	margin-bottom: 3%;
	padding-bottom: 0.73rem;
	padding-bottom: 8px;
}
.referenzen p
{
	padding:0 15px;
	}
.referenzen h3
{
	padding-left:15px;
}
.ueberuns
{
    max-width: 63%;
	height: auto;
	float: left;
	border: 1px solid #757575;
    border-radius: 5px;
	font-family: "Ubuntu", Helvetica, Arial, sans-serif;
	font-size: 105%;
	margin-right: 1%;
	margin-bottom: 3%;
}
.ueberuns p
{
	padding:0 15px;
	}
.ueberuns h3
{
	padding-left:15px;
}
#linke_box {
float: left;
width: 49%;
height: auto;
margin-right: 1%;
}
  
#rechte_box {
float: right;
width: 49%;
height: auto;
}
 
.box {
border: 1px solid #757575;
border-radius: 5px;
margin-bottom: 4%;
text-align: left;
}
.box p
{
	padding:0 15px;
}
.box h3
{
padding-left:15px;
}	
/* ENDE Boxen per Div, IDs und Klassen - eigenes CSS*/

/*Style fuer Videos mit5 JW-Player*/
.video_titel{
	font-weight:normal;
	text-align:center;
}
.video_4_3{
	max-width:75%;
	margin-left: auto;
    margin-right: auto;
    display: block;
}


body {
    color: #ccc;
    font-size: 16px;
    font-size: 1.14rem;
}
.site-header h1 {
    display: none;
}
.site {
    background-color: #111;
    }
.site-content {
    margin: 7px 0 0;
    margin: 0.5rem 0 0;
    width: 64%;
}
#logo img {
    float: left;
	margin-left: -10px;
}
.main-navigation li a {
    color: #ccc;
    text-transform: none;
    font-weight: bold;
	font-size: 1.1rem;
}
.main-navigation li a:hover {
    color: #ff0000;
    font-weight: bold;
}
.entry-header {
    margin-bottom: 10px;
    margin-bottom: 0.714285714rem;
}

.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
    margin: 0 0 10px;
    margin: 0 0 1.5rem;
}
.entry-content p{
    line-height: 1.5;
}
img.alignright {
    margin: 7px 0 12px 24px;
    margin: 0.5rem 0 0.857143rem 1.71429rem;
}
img.alignleft {
    margin: 7px 24 12px 0px;
    margin: 0.5rem 1.71429rem 0.857143rem 0;
}
a {
    color: #ccc;
}
a:hover {
    color: #ff0000;
}
.entry-content a:visited {
	 color: #ccc;
}
.entry-header .entry-title a {
    color: #ccc;
}
footer.entry-meta {
    color: #ccc;
}
 .comments-link a, .entry-meta a {
    color: #ccc;
}
.comments-link a:hover, .entry-meta a:hover {
    color: #ff0000;
}
.widget-area {
    width: 100%;
}
.widget-area .widget {
    border: 1px solid #757575;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 7px;
    margin-bottom: 0.5rem;
    padding-bottom: 17px;
    padding-bottom: 1.2142857rem;
}
.widget-title{
    color: #ccc;
    font-size: 17px;
    font-size: 1.2142857rem;
    font-weight: bold;
    line-height: 1.5;
    text-transform: none;
}
.widget-area .widget h3{
    margin-top:17px;
    margin-top:1.2142857rem;
    margin-bottom: 14px;
    margin-bottom: 1rem;
    margin-left: 17px;
    margin-left: 1.2142857rem;
}
.widget-area .widget p {
    margin-top: 14px;
    margin-top: 1rem;
    margin-right: 17px;
    margin-right: 1.2142857rem;
    margin-bottom: 0;
    margin-left: 17px;
    margin-left: 1.2142857rem;
}
.widget-area .widget a {
    color: #d70303;
    /* text-decoration: none; */
    font-weight: bold;
}
.widget-area .widget a:hover {
    color: #ff0000;
    text-decoration: underline;
    font-weight: bold;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
    font-size: 100%;
    line-height: 1.5;
}
.widget-area .textwidget ul {
    list-style: circle outside none;
    margin-top: 7px;
    margin-top: 0,5rem;
    margin-right: 14px;
    margin-right: 1rem;
    margin-bottom: 0;
}
hr {
    background-color: #757575;
}
footer[role="contentinfo"] {
    border-top: 1px solid #757575;
}
#menu-footer-navigation a:hover{
    color: #fff;
}
#menu-footer-navigation a{
    color: #ccc;
}

/*  Paul: "I’ve added a responsive, three column footer widget area."
--> http://mywordpress.sterndata.com/2012/10/new-theme-twenty-twelve/*/

#footerwidgets {
    width:100%;
 }
#footerwidgets p {
    padding-bottom: .5em;
}
#footerwidgets li, #footerwidgets p  {
    padding-bottom: .5em;
    line-height:1.1em;
}
#footer-left {
    width:30%;
    float:left;
    padding-right:2.5%;
}
#footer-middle {
    width:30%;
    float:left;
    padding-left:2.5%;
    padding-right: 2.5%;
}
#footer-right {
    width:30%;
    float:right;
    padding-left:2.5%;
	padding-top: 5.5%;
	text-align: right;
}
.site-content article {
    border-bottom:none;
}
input[type="text"],
input[type="email"],
textarea {
	background-color: #000;
	color: #ccc;
	width: 50%;
}
/* Minimum width of 960 pixels. */

@media screen and (min-width: 960px) {

 body {
    background-color: #555555;
    background-image: url("https://www.crossculturefilm.de/wp-content/themes/ccf/images/grauverlauf.png");
    background-attachment: fixed;
    background-repeat: repeat-x;
}
.site {
    border-radius: 6px;
}
body .site {
    margin-top: 20px;
    margin-top: 1.4285714rem;
}
    }

/* Minimum width of 600 pixels. */

@media screen and (min-width: 600px) {

.main-navigation {
    margin-top: 0;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
    color: #d70303;
    font-weight: bold;
	font-size: 1.1rem;
}
.main-navigation li ul li a {
    background: none repeat scroll 0 0 #000;
    border-bottom: 1px solid #ccc;
	font-size:1rem;
}
.main-navigation li ul li a:hover {
    background: none repeat scroll 0 0 #000;
    color: #ff0000;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
    border-bottom: 1px solid #757575;
    border-top: none;
}
.widget-area {
    width: 34%;
}
    } /*end of media query min-width: 600px*/

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

body {
    background-color: #000 !important;
}
.site-content {
    width: 100%;
}
.site-content article {
    margin-bottom: 3rem;
    padding-bottom: 0;
}
#logo img {
    max-width: 100%;
    height: auto;
}

.referenzen
{
    max-width: 100%;
}
.ueberuns
{
    max-width: 100%;
}
.themenbereiche
{
    max-width: 100%;
}
.widget-area .widget {
    border: 1px solid #757575;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 1rem;
}
#footer-right, #footer-middle, #footer-left {
    float:none;
    padding-left:0;
    padding-right:0;
    padding-top:1em;
    width:100%;
}
footer[role="contentinfo"] {
    border-top: none;
    margin-top: -3rem;
}
input[type="text"],
input[type="email"],
textarea {
	width: 100%;
}
    }

/*?????stammt aus Paul's widgetized footer code - brauch ich's???
.the-social-link {
    text-align:center;
}
.the-social-link img {
    padding:5px;
}
*/