/*
Theme Name: Salix Alba
Description: Salix Alba thema
Version: 1.0
Author: Tako van Midwoud
Author URI: http://midwoud.com
*/

@font-face{
    font-family: "Didot-Italic";
    src: url('Didot-Italic.ttf'),
    url('Didot-Italic.eot'); /* IE */
}

* {
	margin: 0;
	padding: 0;
}

html,
body {
	height: 100%;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.container {
	min-height: 100%;
	margin-bottom: -7vw; 
    margin: 0 auto 0;
    background: url(http://www.salixalba.nl/wp-content/uploads/bogen_patroon.jpg) repeat center top;
}

.container:after {
  content: "";
  display: block;
}

.header {
	margin: 0 10%;
	width: 80%;
}

.header-inner {
	width: 100%;
}

.brand {
	position: absolute; 
	float: left;
	z-index: 10;
	background-color: #fff;
	padding: 1%;
	margin: 0;
	width: 10%;
	border-bottom: solid  #FFD700;
	border-bottom-width: 5px;
	border-bottom-width: 0.25vw;
}

.nav {
	margin-top: 4%;
	position: absolute;
	z-index: 1000;
	float: right;
	width: 68%;
	margin-left: 12%;
	padding: 0;
}

.nav ul {
	float: right;
}

.nav ul li {
	float: left;
	list-style: none;
	background-color: #fff;
	text-align: center;
}

.nav ul li:hover {
	background-color: #83A6B2;
	border-bottom: solid  #FFD700;
	border-bottom-width: 5px;
	border-bottom-width: 0.25vw;
}

.nav ul li a {
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.5em;
	font-size: 1.19vw;
	color: #000;
	padding: 0.5em 1.35em;
	-webkit-font-smoothing: subpixel-antialiased;
}

.nav ul li a:hover {
	color: #fff;
}

.nav li.current-menu-item {
	background-color: #C2C1E2;
	border-bottom: solid  #FFD700;
	border-bottom-width: 5px;
	border-bottom-width: 0.25vw;
}

.nav li.current-menu-item:hover {
	background-color: #C2C1E2;
	border-bottom: solid  #FFD700;
	border-bottom-width: 5px;
	border-bottom-width: 0.25vw;
}

.nav li.current_page_parent {
	background-color: #C2C1E2;
	border-bottom: solid  #FFD700;
	border-bottom-width: 5px;
	border-bottom-width: 0.25vw;
}

.nav li.current_page_parent:hover {
	background-color: #C2C1E2;
	border-bottom: solid  #FFD700;
	border-bottom-width: 5px;
	border-bottom-width: 0.25vw;
}

.nav .current-menu-item a {
	color: #fff;
}

.nav .current-page-parent a {
	color: #fff;
}

.nav a.current-menu-item {
	color: #fff;
}

.nav a.current_page_parent {
	color: #fff;
}

.banner {
	overflow: hidden;
	position: relative;
	height: 30vw;
}

.banner-flower-img {
	position: absolute;
	z-index: 2;
	bottom: 0;
	right: 10%;
	margin: 16vw 0 0 0;
	padding: 0;
	height: 15vw;
}

.banner-flower-img img {
	height: 15vw;
}


.quote-home {
	position: relative;
	display: inline-block;
	font-family: Didot-Italic, serif;
	font-weight: 100;
	z-index: 2000;
	color: #2a5746;
	font-size: 1.8em;
	float: right;
	margin: -5.5em 1.5em 0 0;
	width: auto;
	background-color: #D4E9E1;
	padding: 0.5em 0.7em;
	-webkit-box-shadow: 3px 3px 0 #354e56;
	-moz-box-shadow: 3px 3px 0 #354e56;
	box-shadow: 3px 3px 0 #354e56;
}

blockquote {
	display: inline;
	max-width: 44%;
	font-family: Didot-Italic, serif;
	color: #2a5746;
	background-color: #D4E9E1;
	padding: 0.3em 0.6em;
	margin: 3.5% -12% 7% 7%;
	font-size: 2em;
	-webkit-box-shadow: 3px 3px 0 #354e56;
	-moz-box-shadow: 3px 3px 0 #354e56;
	box-shadow: 3px 3px 0 #354e56;
	text-align: center;
	float: right;
}

blockquote p {
	display: inline;
}

.content {
	position: relative;
	width: 80%;
	padding: 0 10% 7% 10%;
	clear: both;
	min-height: 100%;
}

p {
	margin-bottom: 1em;
	font-weight: 100;
}

p:last-child {
	margin-bottom: 0em;
}

.quote-home p {
	margin-bottom: 0;
}

body.page-id-5 p {
    font-size: 1.2em;
}

strong {
	font-weight: 600;
}

.main {
	padding: 7% 5% 7% 5%;
	clear: both;
	min-height: 100%;
}

.main h1 {
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: 600;
}

.main ul {
	margin: -3% -7% 5% 7%;
	font-weight: 100;
}

.main ol {
	margin: 0% -7% 5% 7%;
	font-weight: 100;
}

.main ul li {
	list-style: square;
}

.main img {
	width: 50%;
	height: 50%;
	float: right;
	margin: 3.5% 0 7% 7%;
}


.aligncenter, img.aligncenter { 
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.one_half {
    width: 46.5% !important;
    margin-right: 3% !important;
    padding: 2% 0 2.5%;
}
.one_half.last_column {
    width: 46.5% !important;
    padding-left: 3% !important;
    margin-right: 0% !important;
    border-left: solid  #FFD700;
	border-left-width: 0.25vw;
}


.cards {
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    min-width: 83%;
    margin-top: 7%;
    margin-right: 20%;
}

.card {
	-webkit-perspective: 800;
    perspective: 800;
    position: relative;
    float: left;
    width: 15vw;
    height: 21vw;
    margin-right: -11.9vw;
    text-align: center;
}

.card_front,
.card_back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 1vw;
    border-radius: 1vw;
}

.card_front,
.card_back {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.card_front {
	background: url(http://www.salixalba.nl/wp-content/uploads/achterkant-kaart.svg);
    cursor: pointer;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

.card_back {
	background: #e0dbcd;
	cursor: pointer;
    color: #000;
    display: table;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.card.effect_click.flipped .card_front {
	-webkit-transform: translateY(0%) rotateY(180deg);
	transform: translateY(0%) rotateY(180deg);
}

.card.effect_click.flipped .card_back {
	-webkit-transform: translateY(-90%) rotateY(0);
	transform: translateY(-90%) rotateY(0);
}

.random-sentence-ch1, .random-sentence-ch2, .random-sentence-ch3, .random-sentence-ch4, .random-sentence-ch5, .random-sentence-ch6, .random-sentence-ch7, .random-sentence-ch8, .random-sentence-ch9, .random-sentence-ch10, .random-sentence-ch11, .random-sentence-ch12, .random-sentence-ch13, .random-sentence-ch14, .random-sentence-ch15, .random-sentence-ch16, .random-sentence-ch17, .random-sentence-ch18, .random-sentence-ch19, .random-sentence-ch20 {
	display: table-cell;
	padding: 15%;
	text-align: center;
	font-size: 1.5vw;
	vertical-align: middle;
	font-family: Didot-Italic, serif;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

#cntctfrm_contact_form {
	width: 100%;
	margin: 0;
}

#cntctfrm_contact_form input {
	width: 75%;
}

#cntctfrm_contact_form textarea {
	resize: none;
}

.cntctfrm_input_submit {
	width: 40%;
}

.cntctfrm_label {
	margin: 2% 0 0 0;
	padding: 0;
}

#cntctfrm_contact_form span {
	font-weight: 600;
}

.cntctfrm_error_text {
	font-weight: 600;
}

.cntctfrm_label_subject {
	display: none;
}

.cntctfrm_input_subject {
	display: none;
}



.footer {
	position: relative;
	margin-top: -7vw;
	height: 5vw;
	background-color: #A7978A;
	color: #fff;
	text-align: center;
	font-size: 0.8em;
	padding: 1vw 10%;
	-webkit-font-smoothing: subpixel-antialiased;
}

.content-footer ul,
.content-footer ul li,
.content-footer ul ul,
.content-footer a {
	list-style: none;
	padding: 0;
}

.content-footer {
	padding-bottom: 1%;
}

.content-footer ul li {
	display: inline-block;
    float: none;
    margin: 0 1.5%;
    padding: 0.5% 0%;
}

.content-footer a {
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.2em;
	-webkit-font-smoothing: subpixel-antialiased;
}

.content-footer a:hover {
	border-bottom: solid  #948171;
	border-bottom-width: 5px;
	border-bottom-width: 0.25vw;
}

.content-footer .current-menu-item a {
	border-bottom: solid  #948171;
	border-bottom-width: 5px;
	border-bottom-width: 0.25vw;
}

.content-footer .current-page-parent a {
	border-bottom: solid  #948171;
	border-bottom-width: 5px;
	border-bottom-width: 0.25vw;
}

.content-footer a.current-menu-item {
	border-bottom: solid  #948171;
	border-bottom-width: 5px;
	border-bottom-width: 0.25vw;
}

.content-footer a.current_page_parent {
	border-bottom: solid  #948171;
	border-bottom-width: 5px;
	border-bottom-width: 0.25vw;
}



@media only screen
and (max-width : 1024px) {
	.brand {
		visibility: hidden;
	}
	
	
	.nav {
		margin-left: 0;
		margin-top: 0;
		height: 30vw;
		float: left;
		width: 90%;
	}
	
	.nav ul {
		float: left;
	}
	
	.nav ul li {
		float: left;
		margin-bottom: 0.4vw;
	}
	
	
	.nav ul li a {
		font-size: 1.4vw;
		padding: 1.2vw 2vw;
	}
	
	.quote-home {
		font-size: 1.6em;
		margin: -5em 1.5em 0 0;
	}
	
	
	.content-footer a {
		font-size: 1.8vw;
	}
	.container {
		margin-bottom: -9vw; 
	}
	.footer {
		height: 7vw;
		margin-top: -9vw;
		font-size: 1.4vw;
	}
}

@media only screen
and (min-width : 769px)
and (max-width : 1024px) {

}

@media only screen
and (max-width : 768px) {
	.nav {
		margin-left: 0;
		margin-top: 0;
		height: 30vw;
		float: left;
		width: 90%;
	}
	
	.nav ul {
		float: left;
	}
	
	.nav ul li {
		float: left;
		margin-bottom: 0.4vw;
	}
	
	.nav ul li a {
		font-size: 1.8vw;
		padding: 1.6vw 2vw;
	}
	
	
	.content-footer a {
		font-size: 2.2vw;
	}
	.footer {
		font-size: 1.8vw;
	}
	.one_half {
	    width: 100% !important;
	    margin-right: 0 !important;
	    padding: 0 0;
	}
	.one_half.last_column {
	    width: 100% !important;
	    padding-left: 0 !important;
	    margin-right: 0 !important;
	    border-left: none;
		border-left-width: none;
	}
	
	body.page-id-5 p {
	    font-size: 1em;
	}
	
	p:last-child {
		margin-bottom: 1em;
	}
	.quote-home p {
		margin-bottom: 0em;
	}
	.quote-home {
		font-size: 1.4em;
		margin: -4.5em 1.5em 0 0;
	}
	blockquote {
		font-size: 1.5em;
	}
	
}

@media only screen
and (min-width : 481px)
and (max-width : 768px) {

}

@media only screen
and (max-width : 480px) {
	body.page-id-5 p {
	    font-size: 1em;
	}
	.quote-home {
		font-size: 1.2em;
		margin: -4em 0em 0 0;
	}
	.banner-flower-img {
		visibility: hidden;
	}
	
	.banner-flower-img img {
		visibility: hidden;
	}
}

@media only screen
and (min-width : 321px)
and (max-width : 480px) {
	
}

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

}