/*
 Theme Name:   Vier Seizoenen
 Theme URI:    http://www.vier-seizoenen.nl/
 Description:  Vier Seizoenen Thema
 Author:       Kim Stein
 Author URI:   http://kimstein.nl/
 Template:     twentytwelve
 Version:      1.0.0
*/
 
@import url("../twentytwelve/style.css");
 
div.cashbackafbeelding { width: 90%; }

.main-navigation li a {
text-transform: none;
}

.main-navigation li {
font-size: 14px; 
}

body .site { 
padding: 0px; max-width: 1100px; 
box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.6);
}

.site { padding: 0px; max-width: 1100px; border-radius: 2px;  }

#content { margin-left: 30px; }


/* ===[ Footer Widget Areas ]=== */

.site-info { clear: both; }
#footer-widgets {
    width: 100%;
    border-top: none;
}
#footer-widgets .widget li { list-style-type: none; }

.template-front-page #footer-widgets { padding-top: 0; }

@media screen and (min-width: 600px) { 
#footer-widgets.three .widget + .widget + .widget {
    margin-right: 1.71429rem;
}

#footer-widgets.three .widget {
    clear: none;
    float: left;
    margin-right: 1.6rem;
    max-width: 30%;
    width: 30%;
	}
}

/* for IE8 and IE7 */
.ie #footer-widgets.three .widget {
    float: left;
    margin-right: 3.1%;
    width: 29.85%;
    clear: none;
}
.ie #footer-widgets.three .widget + .widget + .widget { margin-right: 3.1%; }

footer[role="contentinfo"] { padding-left: 30px; max-width: 100%; background-color: #1F1F1F; }



.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
border-bottom: 1px solid #456726;
border-top: 1px solid #456726;
background: -webkit-linear-gradient(#5A9123, #446727); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#5A9123, #446727); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#5A9123, #446727); /* For Firefox 3.6 to 15 */
background: linear-gradient(#5A9123, #446727); /* Standard syntax */
padding-left: 30px; 
}

.wrapfixed {
background: -webkit-linear-gradient(#5A9123, #446727); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#5A9123, #446727); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#5A9123, #446727); /* For Firefox 3.6 to 15 */
background: linear-gradient(#5A9123, #446727); /* Standard syntax */
}

.main-navigation li a {
color: #fff;
}

.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: #BFE2BE;
}

.logo { margin-left: 5%; width: 90%; }

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
box-shadow: 0 0 0px; 
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Fjalla One', sans-serif; 
color: #636363;
}

.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
font-size: 24px;
}

.entry-header .entry-title {
color: #636363;
font-size: 34px;
}

.entry-content h2, .comment-content h2, .mu_register h2, h3, h4, h5, h6 {
font-size: 22px;
}

.site-content {
border-right: 1px dotted #636363;
padding-right: 5%; }

.site-header {
  background: -webkit-linear-gradient(#8AC54F, #446727); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#8AC54F, #446727); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#8AC54F, #446727); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#8AC54F, #446727); /* Standard syntax */
}

.main-navigation li ul li a {
background: #446727;
border-bottom: 1px solid #446727; 
color: #fff; 
font-size: 13px;
padding-left: 15px; 
}

.main-navigation li ul li a:hover {
background: #8AC54F;
}

footer.entry-meta { display:none; }

.entry-header .entry-title a { color: #383838; font-size:20px; }

.qafp-faq-title {
    background-color: #e3e3e3;
    padding: 10px;
    margin-bottom: 15px; }

.qafp-faq-title a {
    color: #636363;
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
     }

.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
font-size: 22px; 
}


