/*
	Theme Name: Cars and Charity Template
	Theme URI: http://www.carsandcharity.nl
	Description: 
	Version: 1.0
	Author: Madebysens
	Author URI: http://www.madebysens.nl
	Tags: 

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/* 

	Red #af2d2d 

*/


@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

html { font-size: 62.5%; }

body {
	background: #fff;
	color: #191919;
	font-size: 14px; font-size: 1.4rem;
	font-family: 'Open Sans', sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { color: #af2d2d; }

h1 { font-weight: 700; font-size: 1.4rem; }
h2 { margin-bottom: 1rem; font-weight: 600; font-size: 1.8rem; }
h3 { margin-bottom: 1rem; font-weight: 400; font-size: 1.6rem;}
h4 { margin-bottom: 1rem; font-style: italic; font-size: 1.4rem;}

/* Text elements
-------------------------------------------------------------- */

p {
	margin-bottom: 1rem;
	font-size: 14px; font-size: 1.4rem;
	line-height: 2.4rem;
}

a {
	color: #191919;	
}

em, i 		{ font-style: italic; }
b, strong 	{ font-weight: 700; }
u 			{ text-decoration: underline; }

/* Lists
-------------------------------------------------------------- */

ul {
	margin: 1rem 0;
	padding-left: 2rem;
}

li {
	margin-bottom: .2rem;
	list-style: square;
	line-height: 2.4rem;
}


/* Tables
-------------------------------------------------------------- */


/* Misc classes
-------------------------------------------------------------- */

table img {
	width: 80%;
}

/* Forms 
-------------------------------------------------------------- */

::-webkit-input-placeholder { color: #191919; font-style: italic; font-size: 1.3rem; }
:-moz-placeholder 			{ color: #191919; font-style: italic; font-size: 1.3rem; }
::-moz-placeholder 			{ color: #191919; font-style: italic; font-size: 1.3rem; }
:-ms-input-placeholder 		{ color: #191919; font-style: italic; font-size: 1.3rem; }



input, textarea, select, button { 
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
}

input[type=text], input[type=tel], input[type=email], input[type=phone] {
	padding: 1.5rem 2rem;
    width: 100%;
	border: none;
	background: #e5e5e5;
	font-size: 1.3rem;	
}

input[type=radio] {
	box-sizing: border-box;
	margin-right: 1rem;
	-webkit-appearance: radio;	
}

select {
	padding: 1.5rem 2rem;
	width: 100%;
	border: none;
	background: #e5e5e5 url('img/select-arrow.png') 95% center no-repeat;
	font-size: 1.3rem;
	font-size: 13px;
}

textarea {
	padding: 1.5rem 2rem;	
	max-width: 100%;
	width: 100%;
	border: none;
	background: #e5e5e5;
	font-size: 1.4rem;
	font-size: 14px;
	
}

input[type=submit] {
	padding: 1.49rem 2rem;
	width: 100%;
	border: none;
	background: #af2d2d;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .3rem;
	font-weight: 700;
	font-size: 1.3rem;
	font-size: 13px;
}

input[type=submit]:hover {
	background: #be3f3f;
	cursor: pointer;	
}

.input-33 {
	float: left;
	margin: 0 2% 2% 0;
	width: 32%;
}

.input-66 {
	float: left;
	margin: 0 2% 2% 0;
	width: 66%;	
}

.input-50 {
	float: left;
	margin: 0 2% 2% 0;
	width: 49%;
}

.input-66.last, .input-50.last, .input-33.last {
	float: right;
	margin-right: 0;
}

.input-100 {
	float: left;
	margin-bottom: 2%;
	width: 100%;
}

.input-33 p {
	margin-top: 1.2rem;	
}

.ajax-loader {
	margin-top: 1rem;
	width: auto;
}

.wpcf7-not-valid-tip {
	display: none !important;
}

.wpcf7-response-output {
	position: relative !important;
	float: left !important;
	margin: 0 !important;
	padding: 2rem !important;
	width: 100% !important;
	border: none !important;
	background: #af2d2d !important;
	color: #fff !important;	
}


.wpcf7-response-output:after  {
	position: absolute;
	top: -13px;
	left: 83%;
	z-index: 1;
	display: block;
	width: 0;
	border-width: 0 9px 13px;
	border-style: solid;
	border-color: #af2d2d transparent;
	content: '';
}


/* Navigation 
-------------------------------------------------------------- */

nav {
	margin: 4rem 0;
}

.logo img {
	margin-top: 1rem;
}

.socialmedia a {
	display: inline-block;
	float: right;
	margin: 2rem 0 1.8rem;
	padding: 1rem 0 0;
	width: 4rem;
	font-size: 14px;
	font-size: 1.4rem;
	height: 4rem;
	border-radius: 1000px;
	vertical-align: middle;
	text-align: center;
	-webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;	
}

.facebook-icon {
	border: 3px solid #777676;	
	color: #777676;
}

.facebook-icon:hover {
	border: 3px solid #3b5998;
	color: #3b5998;
}

nav ul {
	float: right;
	margin: 0;
	padding: 0;
}

nav ul li {
	position: relative;
	float: left;
	margin: 0;
	list-style: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: normal;
}

nav ul li a {
	margin-left: 1rem;
	color: #af2d2d;
	text-decoration: none;
}

nav ul li a:hover {
	color: #191919;
}

nav ul li:hover .sub-menu {
	display: block;	
}

.sub-menu {
	position: absolute;	
	top: .5rem; left: -3rem;
	z-index: 10000;
	display: none;
	padding: 2rem;
}

.sub-menu li {
	width: 100%;
	border-bottom: 1px solid #be3f3f;
	background: #af2d2d;
	-webkit-box-shadow: 4px 4px 0 0 rgba(0,0,0,0.4);
	box-shadow: 4px 4px 0 0 rgba(0,0,0,0.4);
	white-space: nowrap;	
}

.sub-menu li:hover {
	background: #be3f3f;
}

.sub-menu li:last-child {
	border-bottom: 0;
}

.sub-menu li a {
	display: block;
	padding: 2rem 2rem 2rem 1rem;
	color: #fff;	
}

.sub-menu li a:hover {
	color: #fff;	
}

.nav-toggle {
	display: none;
}

/* Content 
-------------------------------------------------------------- */


.content {
	padding: 4rem 0 0rem 4rem;
}


/* Homepage
-------------------------------------------------------------- */

.header .slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.header .slide {
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    width: 100%;
    height: 100%;
}

.header .slide a {
	display: block;
	width: 100%;
	height: 100%;	
	color: #fff;
	text-decoration: none;
}

.header .slide h2 {
	text-align: center;
	margin-top: 30%;
    font-size: 2.5vmax;
    line-height: 1.3;
	color: #fff;
	padding: 0 2rem;
	text-transform: uppercase;
}

.slide-50 {
	float: left;
	width: 50% !important;
	height: 100% !important;
	background-position: center !important;
	background-size: 100% !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;	
}

.slide-50.first {
	background: red;
}

.slide-50.last {
	background: #1f1f1f;
}

.direction {
	position: absolute;
	z-index: 100000;
	width: 15rem !important;
	height: 4rem !important;
	left: 85%;
	
	bottom: 7.2rem;
	margin-left: -17.5rem;
	color: #fff;
}

.prev, .next {
	color: #fff;
	font-size: 4rem;
	cursor: pointer;
}

.prev {
	float: left;
}

.next {
	float: right;
}

#slideposition {
	position: absolute;
	left: 80%;
	width: auto !important;
	z-index: 1000000000;
	margin-top: -10rem;
	margin-left: -8.5rem;
}

#slideposition ul {
	margin: 0;
	padding: 0;
}

#slideposition li {
	float: left;
	margin: 0 .5rem;
	width: 1.5rem;
	height: 1.5rem;
	border: 3px solid #fff;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	list-style: none;
	cursor: pointer;
}

.active {
	background: #fff !important;
}

.block {
	float: none;
}

.block {
	background-position: center !important;
	background-size: 100% !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;	
}

.block a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	-webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;	
}

.block-content a {
	text-decoration: none;
}

.donkergrijs {
	background: #777676;
	color: #fff;
}

.grijs {
	background: #777676;
}

.blauw {
	background: #2d4b75;
	color: #fff;	
}

.blauw h1, .donkergrijs h1 {
	color: #fff !important;
}

.rood {
	background: #af2d2d;
	color: #fff;
}

.rood h1 {
	color: #fff;
}

.grijs {
	background: #f7f5f5;
}

.grijs a, .grijs h1 {
	color: #191919 !important;
}

.zwart {
	background: #1f1f1f;
	background-position: center !important;
	background-size: 100% !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	color: #fff;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
}

.intro {
	margin: 3rem 0 3rem;
}

.line {
    position: relative;
    z-index: 10000;
	color: #1f1f1f;
    text-align: center;
    text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 2rem;
}

.line:before {
	position: absolute;
	top: 50%; left: 0;
	z-index: -1;
	margin-top: -1px;
	width: 100%;
	height: 2px;
	background: #1f1f1f;
	content: ' ';
}

.line span {
	display: inline-block;
	padding: 1rem;
    background: #fff;	
}


.intro p {
	margin: 6rem 0 3rem;
	text-align: center;
	font-size: 2rem;
	line-height: 3rem;
}


.sponsoren-home .slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 176px;	
}

.sponsoren-home .slider .slide {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	float: left;
	position: absolute;
}

#slideposition {
	display: none !important;
}

.sponsoren-home ul {
	margin: 0;
	padding: 0;
}

.sponsoren-home ul li {
	list-style: none;
	float: left;
	width: 19%;
	margin-right: 1.25%;	
}

.sponsoren-home ul li.last {
	margin-right: 0 !important;	
}

.sponsoren-home ul li img {
	max-width: 100%;
}

/* Gallery
-------------------------------------------------------------- */

.gallery-item img {
	border: 0px !important;
	padding: .5rem !important;
	display: block;
}

#gallery-1 .gallery-item {
	margin-top: 0px !important;
}

/* Footer 
-------------------------------------------------------------- */


footer .copyright {
	margin: 4rem 0;
	padding: 3rem 0 2.8rem;	
	background: #f7f5f5;
	color: #777777;
	text-align: center;
	font-size: 1.2rem;
	line-height: 2.2rem;
}

footer .copyright a {	
	color: #777777;
	text-decoration: none;
}

footer .copyright a:hover {
	text-decoration: underline;	
}


/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone{margin:5px 20px 20px 0;}.aligncenter,div.aligncenter{display:block;margin:5px auto;}.alignright{float:right;margin:5px 0 20px 20px;}.alignleft{float:left;margin:5px 20px 20px 0;}a img.alignright{float:right;margin:5px 0 20px 20px;}a img.alignnone{margin:5px 20px 20px 0;}a img.alignleft{float:left;margin:5px 20px 20px 0;}a img.aligncenter{display:block;margin-right:auto;margin-left:auto;}.wp-caption{padding:5px 3px 10px;max-width:96%;border:1px solid #F0F0F0;background:#FFF;text-align:center;}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0;}.wp-caption.alignright{margin:5px 0 20px 20px;}.wp-caption img{margin:0;padding:0;max-width:98.5%;width:auto;height:auto;border:0;}.gallery-caption,.wp-caption .wp-caption-text{margin:0;padding:0 4px 5px;font-size:11px;line-height:17px;}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print{*{background:0 0!important;box-shadow:none!important;color:#000!important;text-shadow:none!important;}a,a:visited{text-decoration:underline;}a[href]:after{content:" (" attr(href) ")";}abbr[title]:after{content:" (" attr(title) ")";}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}blockquote,pre{border:1px solid #999;page-break-inside:avoid;}thead{display:table-header-group;}img,tr{page-break-inside:avoid;}img{max-width:100%!important;}@page{margin:.5cm;}h2,h3,p{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}}