/*
Theme Name: canfive
Version: 1.0
Description: Child theme for Canvas
Author: 5th of July Foundation
Author URI: https://5july.org
Template: canvas
*/

@import url("../canvas/style.css");

/* Webfonts */

body, p {
font-family: fjordone !important;
}

/* Regular font size */

section .entry p {
	font-size: 16px;
}

.widget p, .widget .textwidget {
	font-size: 14px;
}

#navigation {
margin-bottom: 0;
}

/* Sidebar background and fitting */

#wrapper #sidebar {
background-color: #000 !important;
margin-right: -35px;
padding-right: 35px;
margin-left: -35px;
padding-left: 35px;

	padding-top: 2em;
}

#wrapper #footer-widgets {
background-color: #000 !important;
}

.post .title {
	padding-right: 35px;
	/* padding-top: 2em; */
}

/* .post {
margin-top: 2em;
} */

/*

#wrapper #main {
margin-right: -35px;
padding-right: 35px !important;
}

*/

.widget .textwidget a, .widget a {
// color: #ffd500;
color: #ffec8b;
}

/* Logotype and header fix */

#logo img {
	margin-bottom: 10px;
	width: 120px;
}

#logo .site-description {
display: block !important;
}

/* Image fix 1: No borders, centered */

.entry img, img.thumbnail, .entry .wp-caption {
background: none;
border: medium none;
display: block;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0;
}

/* Caption left justified */

.entry .wp-caption-text {
text-align: left;
}

/* Image fix 2 */

.entry img.alignleft {
	padding-right: 1em;
}

/* Image fix 3: Round images */

    .img-ball {
        border-radius: 50%;
	margin-bottom: 10px;
    }

/* Image fix 4: Widescreen featured image! */

.post_format-post-format-image img {
	margin-left: -35px !important;
	margin-right: -35px !important;
	margin-top: 0 !important;
}

/* Post types */

/* Normal */

section .entry {
	padding-right: 35px;
}

.format-standard {
margin-left: -35px;
margin-right: 6px;
padding: 2em 35px 1em;
}

/* LÄNKPOSTER */

.post_format-post-format-link {
margin-left: -35px;
margin-right: 6px;
padding: 2em 35px 1em;
// background-color: #ffd500;
background-color: #ffec8b;
}

/* BILDPOSTER */

.post_format-post-format-image {
margin-left: -35px;
margin-right: 6px;
padding: 0 35px 1em;
background-color: #e5ffbc;
}

/* CITATPOSTER */

.post_format-post-format-quote {
margin-left: -35px;
margin-right: 6px;
padding: 2em 35px 1em;
background-color: rgb(0,159,227);
}

div .post_format-post-format-quote p, div .post_format-post-format-quote .post-meta, div .post_format-post-format-quote .title {
color: #fff;
}

div .post_format-post-format-quote h2 a {
color: #fff !important;
}

div .post_format-post-format-quote a {
color: #eaeaea !important;
}

div .post_format-post-format-quote blockquote::before {
color: #cccccc !important;
}

div .post_format-post-format-quote blockquote p {
font-size: 150% !important;
font-weight: 500;
font-family: fjordone, Georgia, serif;
}

/* Fixad fitting för smala fönster */

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

#wrapper #footer-widgets {
margin-left: -15px;
padding-left: 15px;
margin-right: -15px;
padding-left: 15px;
}

#wrapper #sidebar {
margin-right: -15px;
padding-right: 15px;
margin-left: -15px;
padding-left: 15px;
    margin-top: 1em; 
	padding-top: 1em;
}

.post .post_format-post-format-standard, .post_format-post-format-standard, .format-standard, article .format-standard, article .post .format-standard {
margin-left: -15px;
margin-right: -15px;
padding: 1em 15px 1em !important;
}

.post_format-post-format-link {
margin-left: -15px;
margin-right: -15px;
padding: 1em 15px 1em;
}

.post_format-post-format-image {
margin-left: -15px;
margin-right: -15px;
padding: 1em 15px 1em;
}

.post_format-post-format-quote {
margin-left: -15px;
margin-right: -15px;
padding: 1em 15px 1em;
}

section .entry {
	padding-right: 0;
}

}