/* 
Theme Name: Elis Ligtlee
Theme URI: http://www.elisligtlee.com
Description: Theme voor website Elis
Author: Fabian Sonoto
Author URI:
Template: moesia
Version: 1.0
*/
@import url("../moesia/style.css");

a{
	color:#ff6b53;
}

a:hover{
	color:#aaaaaa;
}

.p_no_margin{
	margin:0;
	display:inline;
	padding:0;
}

.p_nieuws, .h_nieuws, .img_nieuws{
	margin-top:25px;
}

.p_contact{
	font-size:13px;
}

.h_contact{
	font-size:15px;
}
/* nieuws block quote */
.quote_nieuws{
	font-size:18px;
	font-style:italic;
	margin: 40px 0px;
}


.dik_gedrukt_bio{
	font-family:'Roboto', sans-serif;
	margin:0;
	padding:0;
	font-weight:bold;
	display:inline;
	font-size:14px;
	color:#aaa;
}

a.stem_button{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	display: block;
	background: #ff6b53;
	padding: 5px 35px;
	margin:25px 0 50px 0;
	float:left;
}

a.stem_button:hover{
	background:#f4f4f4;
	color: #ff6b53;
	text-decoration:none;
}

a.stem_button_sidebar{
	color:#fff;
	font-size:14px;
	display: block;
	background: #ff6b53;
	padding: 5px 0px;
	text-align:center;
	margin:25px 0 0 0;
}

a.stem_button_sidebar:hover{
	background:#f4f4f4;
	color: #ff6b53;
	text-decoration:none;
}

a.a_email{
	color:#aaa;
	text-decoration:none;
}

a.a_email:hover{
	color:#ff6b53;
	font-weight:bold;
}


/* -------------------------- homepage -------------------------- */
.welcome-logo{
	margin-bottom:5px;
}

.welcome-desc{
	text-shadow:none;
	color:#fff;
    font-family: 'Oswald', sans-serif;
	margin-bottom:45px;
}

.welcome-button, .welcome-button:active{
	box-shadow:none;
	background:none;
	padding: 15px 50px;
	border: 1px solid #fff;
	text-transform:none;
	border-radius:0px;
	font-size:22px;
}

.welcome-button:hover{
	border:1px solid #ff6b53;
	color:#ff6b53;
	text-shadow: 5px 5px 12px #000;
}

/* -------------------------- menu balk -------------------------- */
.top-bar{
	border-bottom:5px solid #ff6b53;
}

.site-title{
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	padding:0px;
	text-transform:none;
	border-bottom: 1px solid #fff;
	margin-bottom:3px;
	font-size:30px;
}

.site-description{
	font-family: 'Oswald', sans-serif;
	padding-bottom: 5px;
	font-size:15px;
	font-weight:100;
	color: #fff;
}

.main-navigation li{
	text-transform:none;
	font-size:15px;
	margin-top:5px;
	font-weight:100;
	font-family: 'Oswald', sans-serif;
}

/* social buttons in menu balk verbergen zodra deze mobile wordt */
@media (min-width: 1000px) {
	
	.main-navigation{
		/*de div waar de navigatie in zit op hoogte van x, hierdoor kan ik de social buttons absoluut plaatsen in het menu
		binnen de div. Zodra het menu mobile gaat dan moet deze verdwijnen omdat hij het mobile menu verstoort */
		height:80px;
	}
	
	.header_but_social{
		display:block;
		bottom:0;
		right:0;
		height: 20px; width:20px;
		position:absolute;
	}
	
	.header_but_insta{
		background:url(../../uploads/instagram.png);
		background-size: 20px;
		margin: 0 81px 0 0;
	}
	
	.header_but_insta:hover{
		background:url(../../uploads/instagram_orange.png);
		background-size: 20px;
	}
	
	.header_but_face{
		background:url(../../uploads/facebook.png);
		background-size: 20px;
		margin: 0 53px 0 0;
	}
	
	.header_but_face:hover{
		background:url(../../uploads/facebook_orange.png);
		background-size: 20px;
	}
	
	.header_but_twit{
		background:url(../../uploads/twitter.png);
		background-size: 20px;
		margin: 0 25px 0 0;
	}
	
	.header_but_twit:hover{
		background:url(../../uploads/twitter_orange.png);
		background-size: 20px;
	}
}

/* -------------------------- main content -------------------------- */

/*twitter facebook */
.panel.widget .widget-title, .so-panel.widget .widget-title, .blockquote-area .widget-title, .latest-news-area .widget-title, .clients-area .widget-title, .facts-area .widget-title, .social-area .widget-title{
	font-family: 'Oswald', sans-serif;
	text-transform: none;
	font-size:30px;
	font-weight:300;
	color:#303030;
	margin-bottom:40px;
}

.panel.widget, .so-panel.widget{
	padding: 40px 35px;
}

/*over elis*/
.panel-grid-cell section{
	padding: 40px 0 65px 0;
}

blockquote{
	font-size:14px;
}

/* -------------------------- bio -------------------------- */
.bio-personal{
	text-align: right;
	font-size: 15px;
	padding-top: 150px;
}

.bio-info-1{
	text-align:justify;
}

.bio-info-2{
	padding-top: 150px;
	text-align:justify;
}

@media (max-width: 1000px) {
	.bio-personal, .bio-info-1, .bio-info-2{
		padding: 5px 0;
	}
}

/* call to action */
.action-text{
	font-family: 'Oswald', sans-serif;
	font-size:60px;
	font-weight:100;
	color:#fff;
	text-transform:none;
}

.call-to-action{
	box-shadow:none;
	background:none;
	padding: 15px 50px;
	border: 1px solid #fff;
	text-transform:none;
	border-radius:0px;
	font-size:22px;
}

.call-to-action:hover{
	border:1px solid #ff6b53;
	color:#ff6b53;
}

/* blog posts */
article{
}

article img{
}

.entry-thumb img{
	border:none;
	width: 100%;
}

#thumb-klein{
	background: #fff !important;
}

.all-news{
	margin-top:20px;
}

.eo-events-widget{ /*oplijsting events widget */
}

li.eo-event-future::before{ /*oplijsting events widget */
	display:none;
}

li.eo-event-future{
	background:url(../../uploads/kalender-icon.png) no-repeat;
	background-size:15px;
	padding-left: 25px;
	padding-bottom: 10px;
}

a.eo-widget-link{
	font-weight:bold;
	font-size:15px;
}

.eo-widget-datum{
	font-style: italic;
	font-size: 12px;
}

/* oplijsting widgets nieuws */
.widget .list-group-item{
	padding: 0 0 15px 0;
}

/* agenda posterboard */

/* blogs */
.hentry .post-content, .single .hentry{
	border:none;
	padding: 25px 0;
	border-bottom: 1px solid #d6d6d6;
}

.entry-thumb{
	background:#ff6b53;
}

h1.entry-title{
	font-weight:100;
	font-family: 'Oswald', sans-serif; font-size: 26px;
	margin-top: 15px; margin-bottom: 25px;
}

.fa-calendar:before, .fa-folder:before, .fa-user:before{
	color:#ff6b53;
}

.entry-meta a{
	color:#8d8d8d;
	font-weight:bold;
	text-transform:uppercase;
	padding-left: 2px;
}

.entry-header{
	border-bottom:none;
	margin-bottom: 30px;
}

.entry-footer{
	border-top:none;
	margin:0;
}
.entry-summary a{
}
a.nav-lees-verder{
	background:#fff; border: 1px solid #bebebe;
	display:block; float:left;
	color:#666; padding: 3px 35px;
	margin-top: 15px; margin-bottom:15px;
}

a.nav-lees-verder:hover{
	background: #ff6b53;
	color:#fff; text-decoration:none;
	border:1px solid #ff6b53;
}

.widget-area{
	border:none;
	padding: 0 30px;
}

h2.widget-title{
	font-weight:100;
	font-family: 'Oswald', sans-serif; font-size: 20px;
	border-bottom:1px solid #ebebeb;
	text-transform: uppercase;
	padding-bottom:10px;
}


/* medals */
.ul_medal{
	list-style-type: none;
    margin: 0;
    padding: 0;
}

.ul_medal li{
	line-height: 30px;
	padding-left: 35px;
	background-size: 25px;
	margin: 10px 0;
	font-size: 15px;
}

.li_medal_gold{
	background:url(../../uploads/medaille-goud-1.png) no-repeat;
}

.li_medal_silver{
	background:url(../../uploads/medaille-zilver.png) no-repeat;
}

.li_medal_bronze{
	background:url(../../uploads/medaille-brons.png) no-repeat;
}

.img_erelijst{
	width:80%;
	margin-top:60px;
	border: 4px double #ebebeb;
}

@media (max-width: 400px) {
	
	.img_erelijst{
		width:100%;
		margin-top:-100px;
	}
	
	.h2_erelijst{
		margin-top: -35px;
	}
	
}

@media (min-width: 400px) and (max-width: 1000px) {
	.img_erelijst{
		margin-top:-100px;
	}
	
	.h2_erelijst{
		margin-top: -35px;
	}
}

/* -------------------------- form -------------------------- */

label {
	width:100%;
}

input{
	border: 1px solid #ebebeb;
	height: 35px;
	font-weight:normal;
	padding: 0 10px;
}

textarea{
	border: 1px solid #ebebeb;
	font-weight:normal;
}

input[type="submit"]{
	box-shadow:none;
	background:none;
	padding: 10px 50px;
	border: 1px solid #999;
	text-transform:none;
	border-radius:0px;
	font-size:18px;
	color: #999;
	height:auto;
	border-radius: 5px;
}

input[type="submit"]:hover{
	border: 1px solid #ff6b53;
	color: #ff6b53;
}
/* -------------------------- social wall -------------------------- */

.socialwall{
	margin-top: -50px;
	margin-bottom: 45px;
	text-transform:none;
}

/* -------------------------- footer -------------------------- */
.border-footer{
	border-top:2px solid #ff6b53;
}

.footer-social ul{
	list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer-social ul li{
	display:block;
	display: inline;
}

.siter-footer{
	padding:10px 0;
}
.site-footer a{
	color:#fff;
}

.footer-titel{
	padding: 10px 0;
}

.footer-but-social{
	padding-left: 35px;
	font-family: 'Oswald', sans-serif; font-size: 16px;
	line-height:25px;
	margin: 0 20px;
	text-transform: uppercase;
	font-weight:100;
}
.footer-but-social-insta{
	background:url(../../uploads/instagram.png) no-repeat;
	background-size: 25px;
}

.footer-but-social-insta:hover{
	background:url(../../uploads/instagram_orange.png) no-repeat;
	background-size: 25px;
	text-decoration: none; color: #ff6b53;
}

.footer-but-social-face{
	background:url(../../uploads/facebook.png) no-repeat;
	background-size: 25px;
}

.footer-but-social-face:hover{
	background:url(../../uploads/facebook_orange.png) no-repeat;
	background-size: 25px;
	text-decoration: none; color: #ff6b53;
}

.footer-but-social-twit{
	background:url(../../uploads/twitter.png) no-repeat;
	background-size: 25px;
}

.footer-but-social-twit:hover{
	background:url(../../uploads/twitter_orange.png) no-repeat;
	background-size: 25px;
	text-decoration: none; color: #ff6b53;
}

.site-info{
	font-family: 'Oswald', sans-serif; font-size: 14px;
	color: #fff;
	font-weight:100;
	letter-spacing:1px;
}

@media (max-width: 400px) {
	
	.footer_but_text{
		display:none;
	}
	
	.footer-but-social-insta{
		background:url(../../uploads/instagram.png) no-repeat;
		background-size: 45px;
		height:45px; width:45px; display:block;
		float:left;
		padding-right: 10px;
	}
	.footer-but-social-face{
		background:url(../../uploads/facebook.png) no-repeat;
		background-size: 45px;
		height:45px; width:45px; display:block;
		float:left;
		padding-right: 10px;
	}
	.footer-but-social-twit{
		background:url(../../uploads/twitter.png) no-repeat;
		background-size: 45px;
		height:45px; width:45px; display:block;
		float:left;
		padding-right: 10px;
	}
	
	/*onderkant van blockquote */
	section#blockquote.blockquote-area{
		padding-bottom:15px;
	}
	
	/*afbeelding mijn verhaal home */
	section#call-to-action.action-area{
		background: url(http://lightlee.univeapps.nl/wp-content/uploads/2016/09/elis-ligtlee-rene-wolff.jpg);
		background-size:contain;
		background-repeat: no-repeat;
	}
	
	.action-text{
		text-shadow: 5px 5px 12px #000;
	}
}

/*mobiele apparaten */
@media (min-width: 401px) and (max-width: 750px) {
	/*afbeelding mijn verhaal home */
	section#call-to-action.action-area{
		background: url(http://lightlee.univeapps.nl/wp-content/uploads/2016/09/elis-ligtlee-work-hard.jpg);
		background-size:contain;
		background-repeat: no-repeat;
	}
	
	.action-text{
		text-shadow: 5px 5px 12px #000;
	}
}