/*
Theme Name:     Praktijk voor Spreek & Stemwerk, Betty Post, Twenty Twelve child theme
Theme URI:      http://www.rondomstem.nl/
Description:    Child theme for the Twenty Twelve theme 
Template:       twentytwelve
Version:        2.0
*/

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

/* don't show title on home page */
.home .entry-header {
	display: none;
}

/* general settings for area outside & inside website block */
body {
	background-color: #fffff4;
	color: #555555;
}
.home {
	background-color: #fffff4;
	color: #555555;
}
body .site {
	padding: 0 0 0 28px;
	padding: 0;
	margin-top: 0;
	margin-bottom: 14px;
	margin-bottom: 1rem;
	background-color: #ffffff;
	box-shadow: 0 0 14px #444444;
	box-shadow: 0 0 1rem #444444;
}
.home .site {
	/* background-color: #505050;  weg */
}
.entry-content {
	padding-right: 4%;
}

.site-content article {
	border-bottom: none;
}

/* move sidebar to the left */
@media screen and (min-width: 600px) {
.site-content {
	float: right;
	width: 75%;
	padding-left: 0%;
}
.widget-area {
	float: left;
	width: 18.9%;
	margin-right: 5%;
	/*border-right: 2px solid #f5e0df;
	border-right: 0.142857rem solid #f5e0df;*/
	background-color: #ffffff;
}
.textwidget {
	padding-left: 0;
}
}

/* for IE8 and IE7 ----------------*/
.ie .site-content {
	float: right;
}
.ie .widget-area {
	float: left;
}

/* aanpassingen voor header */
.site-header hgroup {
	display: none;
}
/* Title & description */
.site-header {
	padding: 0 0;
}

/* widget settings */
.widget img {
	border-radius: 0;
    box-shadow: none;
}

/* header image */
.header-image {
	margin-top: 0;
}
img.header-image {
    border-radius: 0;
    box-shadow: none;
}

/* Settings voor menu */
#masthead .main-navigation {
	margin-left: 18.9%;
	margin-top: -2px;
	margin-top: -0.142857rem;
	background-color: #ffffff;
	font-weight: normal;
	border-left: 2px solid #f5e0df;
}
#masthead .main-navigation li {
	margin-right: 0;
	border-right: 2px solid #f5e0df;
	border-right: 0.142857rem solid #f5e0df;
}
#masthead .main-navigation ul {
	border: none;
}
#masthead .main-navigation a {
	padding-left: 6px;
	padding-left: 0.42857rem;
	padding-right: 6px;
	padding-right: 0.42857rem;
	font-size: 120%;
}
#masthead .main-navigation li a {
	line-height: 1.8;
	color: #000000;
	font-weight: bold;
	text-transform: lowercase;
}
#masthead .main-navigation li a:hover {
	text-decoration: none;
	color: #be2b23 !important;
}
#masthead .main-navigation .current-menu-item > a,
#masthead .main-navigation .current-menu-ancestor > a,
#masthead .main-navigation .current_page_item > a,
#masthead .main-navigation .current_page_ancestor > a {
	color: #be2b23;
}
/* background color of sub-menus */
#masthead .main-navigation li ul {
	border-top: 1px solid #eeeeee;
	border-top: 0.0771428rem solid #eeeeee;
}
#masthead .main-navigation li ul li {
	border-right: none;
}
#masthead .main-navigation li ul li a {
	background: #ffffff;
	border-left: 1px solid #eeeeee;
	border-left: 0.071428rem solid #eeeeee;
	border-right: 1px solid #eeeeee;
	border-right: 0.071428rem solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	border-bottom: 0.071428rem solid #eeeeee;
	display: inline-block;
	padding: 8px 10px;
	padding: 0.571429rem 0.714286rem;
	white-space: normal;
	line-height: 2;
}

.entry-content blockquote {
	padding: 14px;
	padding: 1rem;
	background: #f4f4f4;
	border-left: solid 2px #be2b23;
	border-left: solid 0.142857rem #be2b23;
	margin-left: 0;
	font-style: normal;
}

/* opsommingen naar links zetten */
.entry-content li {
	margin: 0 0 0 14px;
	margin: 0 0 0 1rem;
}

/* tekstblokjes alleen verticaal resizen */
textarea {
	resize: vertical;
}

/* border bij images */
.entry-content img {
	padding: 5px;
	border: solid 1px #dddddd;
	background-color: #f3f3f3;
	border-radius: 3px;
}
img.alignnone {
	margin: 12px 24px 0 0;
    margin: 0.857143rem 1.71429rem 0rem 0rem;
}

/* settings for contact form */
.fscf-text {
	background-color: #ffffff;
	border: solid 1px #333333;
	font-family: verdana, sans-serif;
	letter-spacing:0.5px;
	line-height: 1.0;
	width: 99%;
	max-width: 280px;
	max-width: 20rem;
}
.fscf-textarea {
	max-width: 280px;
	max-width: 20rem;
	height: 140px;
	height: 10rem;
}
.fscf-textcaptcha {
	max-width: 140px;
	max-width: 10rem;
}
input:focus, textarea:focus {
	background-color: #e8eff7;
	border-color: #37699f;
}

/* headers */
.entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2,
.entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4,
.entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 {
	font-weight: normal;
}
.entry-header .entry-title {
	color: #be2b23;
}

hr {
    display: block;
    height: 2px;
	height: 0.14285rem;
    border: medium none;
	margin: 7px auto;
    margin: 0.5rem auto;
    color: #cccccc;
    background-color: #cccccc;
}

/* footer */
.site-info p {
	text-align: center;
}
.site-info a {
	display: none;
}

/* less space between article and footer */
.site-content article {
	margin-bottom: 7px;
	margin-bottom: 0.5rem;
}
footer[role="contentinfo"] {
	margin-top: 0;
}

/* do not ask for URL on 'Leave a reply" form. */
.comment-form-url {
    display: none;
}

/* change margins on map */
.mapp-layout {
	margin: 7px 0px;
	margin: 0.5rem 0rem;
}
	
/* link color in main area & footer */
#main a, #main a:visited, #colophon a, #colophon a:visited {
	color: #be2b23;
	text-decoration: none;
	font-weight: bold;
}
#main a:hover, #colophon a:hover  {
	color: #be2b23;
	text-decoration: underline;
}

/* do not hyphenate words in posts and pages, or in widgets */
.site-content article,
.widget-area .widget {
    word-wrap: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}

.entry-content table {
	font-size: 100%;
}

.entry-content td {
	border: none;
	vertical-align: middle;
}

/* when screen smaller than 600px: */
@media screen and (max-width: 599px) {
body .site {
	padding: 0 7px;
	padding: 0 0.5rem;
	margin-top: 7px;
	margin-top: 0.5rem;
	margin-bottom: 0;
}
.home .site {
	margin-top: 7px;
	margin-top: 0.5rem;
}
/* menu settings */
.menu-toggle {
	margin-left: 30%;
	margin-top: 14px;
	margin-top: 1rem;	
}
#masthead .main-navigation {
    text-align: left;
	margin-left: 0 !important;
	border-left: none;
}
#masthead .main-navigation li{
    background: #f4f4f4;
	margin-bottom: 4px;
	margin-bottom: 0.2857142rem;
	margin-top: 0;
	padding-left: 5px;
	padding-left: 0.3571428rem;
	font-size: 110%;
	line-height: 1.8;
	margin-right: 0 !important;
	width: 45%;
	display: inline-block;
	border-right: none;
}

#masthead .main-navigation li a, .main-navigation li a:hover{
    text-decoration: none;
}
#masthead .main-navigation li:hover{
    background: #ffffff;
	color: #be2b23;
}
#masthead .main-navigation ul.nav-menu.toggled-on {
	margin-top: 10px;
	margin-top: 0.7142857rem;
    display: block;
	background: #ffffff;
}
}

/* Settings voor breedte van 600 t/m 800 pixels */
@media screen and (max-width: 800px) and (min-width: 600px ) {

}

/* Settings voor maximum breedte van 959 pixels */
@media screen and (max-width: 959px) {
.site {
	/*margin-right: 21px;
	margin-right: 1.5rem;
*/
}
}
/* Settings voor maximum breedte van 599 pixels */
@media screen and (max-width: 599px) {
.site {
	padding-left: 21px;
	padding-right: 1.5rem;
}
.textwidget img {
	display: none;
}
}