/*
Theme Name: Van Spijker Glas
Theme URI: http://www.vanspijkerglas.nl/
Description: A child theme for Van Spijker Glas.
Author: Van Spijker
Author url: http://www.vanspijkerglas.nl/
Version: 1.0
Tags: black, blue, white, fixed-width, custom-header, theme-options
Template: twentytwelve
*/
@import url('../twentytwelve/style.css');

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
border-radius: 3px;
box-shadow:none!important;
}

p.bottom {
text-align:center;
margin:0em 0em 1em;
color:#88d4ff;
}

.entry-content a, .comment-content a {
outline: none;
color: #ed5f22;
text-decoration:none;
}
.entry-content a:visited, .comment-content a:visited {
color: #ed5f22;
}
.entry-content a:hover, .comment-content a:hover {
color: #3c9ed7;
}
a:focus {
outline: none;
}

.widget-area .widget a {
text-decoration:none;
color: #ffffff;
}
.widget-area .widget a:hover {
color: #ed5f22;
}
.widget-area .widget a:visited {
color: #ffffff;
}

.spijker {
margin-top:1rem!important;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
font-family: 'Raleway', sans-serif;
}

.entry-header .entry-title {
font-family: 'Play', sans-serif;
font-weight: 700;
color:#ED5F22;
}

.site {
padding: 0 24px;
padding: 0 1.714285714rem;
background-color: #fff;
border:5px solid #323943;
}

footer[role="contentinfo"] {
display:none;
}

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

.entry-header .entry-title {
font-size: 28px;
font-size: 2rem;
}

.homepage {
border-top:2px solid #fff;
margin-top:0px!important;
}

.kop {
background:url(http://www.vanspijkerglas.nl/wp-content/uploads/2014/06/header-background.jpg) #F69655;"
}

img.logo {margin:0px;
}

.main-navigation {
margin-top: 0px;
/* margin-top: 1.714285714rem; */
text-align: center;
}

.main-navigation li {
margin: 0 5px 0 0;
/* margin: 0 2.857142857rem 0 0; */
position: relative;
}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
/* border: 1px solid #332D2E; */
background: #323943;
border-top: 2px solid #fff;
/* border-bottom: 2px solid #4e5273;*/
display: inline-block !important;
text-align: center;
width: 100%;
}

.main-navigation li a {
border-bottom: 0;
color: #fff;
line-height: 3;
text-transform: uppercase;
white-space: nowrap;
font-weight: bold;
letter-spacing:0.143rem;
padding:5px 20px 0px;
}

.main-navigation li a:hover {
color: #F69655;
text-transform: uppercase;
white-space: nowrap;
font-weight: bold;
border-bottom:4px solid #F69655;
}

.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: #F69655;
font-weight: bold;
border-bottom:4px solid #F69655;
text-transform: uppercase;
white-space: nowrap;
}

body.template-front-page .site-content, body.attachment .site-content, body.full-width .site-content {
width: 88%;
padding: 2em 4em 0em;
padding: 28px 56px 0px
}

body .site {
padding: 0;
/* padding: 0 2.857142857rem; */
margin-top: 48px;
margin-top: 3.428571429rem;
margin-bottom: 14px;
margin-bottom: 1rem;
/* box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); */
}

.site-header {
/* padding: 24px 0; */
padding:0px;
background:#F69655;
}

.entry-header .entry-title {
font-size: 28px;
font-size: 2rem;
}

.template-front-page .widget-area {
clear: both;
float: none;
width: auto;
padding-top: 24px;
padding-top: 1.714285714rem;
border-top: 1px solid #ededed;
background: #323943;
}

.template-front-page .widget-area .widget:nth-child(odd) {
clear: right;
width: 100%;
background: #323943;
border-bottom:4px solid #F69655;
}

.template-front-page .widget-area .widget, .template-front-page.two-sidebars .widget-area .front-widgets {
float: left;
width: 100%;
margin-bottom: 0;
/* margin-bottom: 0.5rem; */
}

.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {
font-size: 14px;
font-size: 1rem;
line-height: 0.2rem;
text-align: center;
letter-spacing: 1px;
font-weight: bold;
color: #FFF;
}

.one_half {
    width: 48%!important;
    margin-right: 14px;
    margin-right: 1rem;
}


.two_third {
width: 65%!important;
padding-right:14px;
padding-right:1rem;
}

}