/*
Theme Name:         SFPE
Description:      	Wordpress theme for SFPE Beneuyx
Author:  	        Ontwerpia
Author URI:       	http://www.ontwerpia.be
Template:         	framework
Version: 2.0.2
*/

@import url("../framework/style.css");


/******************************************************************
FONT FACE
******************************************************************/

@font-face {
    font-family: 'latoregular';
    src: url('../sfpe/library/fonts/lato-reg-webfont.eot');
    src: url('../sfpe/library/fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../sfpe/library/fonts/lato-reg-webfont.woff2') format('woff2'),
         url('../sfpe/library/fonts/lato-reg-webfont.woff') format('woff'),
         url('../sfpe/library/fonts/lato-reg-webfont.ttf') format('truetype'),
         url('../sfpe/library/fonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'latoblack';
    src: url('../sfpe/library/fonts/lato-bla-webfont.eot');
    src: url('../sfpe/library/fonts/lato-bla-webfont.eot?#iefix') format('embedded-opentype'),
         url('../sfpe/library/fonts/lato-bla-webfont.woff2') format('woff2'),
         url('../sfpe/library/fonts/lato-bla-webfont.woff') format('woff'),
         url('../sfpe/library/fonts/lato-bla-webfont.ttf') format('truetype'),
         url('../sfpe/library/fonts/lato-bla-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'latolight';
    src: url('../sfpe/library/fonts/lato-lig-webfont.eot');
    src: url('../sfpe/library/fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../sfpe/library/fonts/lato-lig-webfont.woff2') format('woff2'),
         url('../sfpe/library/fonts/lato-lig-webfont.woff') format('woff'),
         url('../sfpe/library/fonts/lato-lig-webfont.ttf') format('truetype'),
         url('../sfpe/library/fonts/lato-lig-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*********************
COLOR STYLES
*********************/

   Orange: #ff9934
   Blue: #0f6cb6
   Light Grey: #f5f5f5
   Dark Grey: #404041

/*********************
BOOTSTRAP STYLES
*********************/

.row-fluid [class*="span"] {margin-left:0px!important}
.row-fluid .span12 {margin-left:0px!important}
.row-fluid .span6 {margin-left:0!important}

/*********************
GENERAL
*********************/

body {
    color: #404041;
    font-family: 'latoregular', 'Open Sans', sans-serif;
    font-size: 13px;
	font-weight:normal;
	background-color:#f9f9f9;
}


h1,h2,h3,h4 {font-family: 'latolight'; color:#404041; margin-bottom:15px;font-weight:normal}
h2 {font-size: 32px}  
h3 {font-size: 18px} 

p {line-height:1.7}

blockquote { border:none;background-color:transparent} 
blockquote p {font-family: 'latolight'; font-size:36px; color:#0f6cb6; margin-bottom:15px;font-weight:normal}

.align-center {text-align:center}

.wpb_content_element { margin-bottom:30px}

 
.button a[href] { background:#0f6cb6; color: #eeeeee;padding: 15px 30px;font-size: 15px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
.button a[href]:hover{	background:#404041;	color:#eeeeee;text-decoration:none;}

.span12.button { margin:25px 0px!important}




h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a:hover,
.home-slider .entry-item .entry-content header .entry-categories a:hover,
.home-slider .entry-item .entry-content header .entry-title a:hover,
.top-sidebar .kopa-latest-post-widget ul li a:hover,
.kp-headline dd a:hover,
.kopa-social-widget ul li a:hover,
.kopa-carousel-widget .list-carousel ul li .entry-content .entry-title a:hover,
.kopa-article-list-widget .tab-container-1 .entry-title a:hover,
.kopa-video-widget .entry-item .entry-title a:hover,
.kopa-video-widget .older-post .entry-content .entry-title a:hover,
.kopa-popular-post-widget .entry-content .entry-title a:hover,
.kopa-latest-comments header .commenter-name:hover,
.widget_categories ul li a:hover,
#bottom-sidebar .kopa-social-widget ul li a:hover,
#footer-menu li a:hover,
.tweetList li a:hover,
#pf-items .element .entry-content .entry-title a:hover,
#pf-items .element .entry-content .entry-author a:hover,
#pf-items .element .entry-content footer .entry-comments a:hover,
.widget_archive li a:hover,
.kopa-article-tab-widget .entry-author a:hover,
.kopa-article-tab-widget .entry-title a:hover,
.breadcrumb a:hover,
.entry-list li .entry-item .entry-content header .meta-box .entry-author a:hover,
.entry-box .social-link li a:hover,
.entry-box footer div a:hover,
.entry-box footer div a.article-title:hover,
.entry-box footer div .entry-author a:hover,
.about-author .social-link li a:hover,
.kopa-related-post .list-carousel ul li .entry-content .entry-title a:hover,
#comments .comment-body .comment-reply-link:hover,
#comments .comment-body .comment-edit-link:hover,
.entry-list li .entry-item .entry-content header .entry-title a:hover {
    color: #f5f5f5;
	text-decoration:none;
}

/*********************
HEADER STYLES
*********************/

#header-bottom .l-col {
	padding: 0px 25px 0px 0px;
	height:121px;
    background-color: #fff!important;
}

#header-bottom {
	background-color: #fff!important;
	position:relative;
}

#main-menu > li > a {	font-weight:normal; } 
#main-menu > li:hover > a,
#main-menu > li.current-menu-item > a {
	background-color: #ff9934;
}

#header-bottom .r-color {
	background-color: #f59434;
}

#header-top,
#header-top .l-col {
	background-color: #404041;
	position: relative;
}
.home-slider .flex-direction-nav .flex-prev {background-image: url(images/slider/flex-prev.png);background-position: 8px center;}
.home-slider .flex-direction-nav .flex-next {background-image: url(images/slider/flex-next.png);background-position: 10px center;}
.home-slider .flex-direction-nav a {background-color:#ff9934; border:2px solid #ff9934; } 
.home-slider .entry-item .entry-thumb a:hover{color:#0f6cb6; border:2px solid #0f6cb6}
.home-slider .entry-item .entry-content header .entry-title a { color: #ff9934;} 
.home-slider .entry-item .entry-content header .meta-box span.fa.fa-hand-o-right {color:#eeeeee } 
.home-slider .entry-item .entry-content .entry-categories span.fa.fa-star{color:#ff9934; margin-right:10px}
.home-slider .entry-item .entry-content .entry-categories span.tag {text-transform:uppercase;color:#eeeeee}

.home-slider .entry-item .entry-content header .entry-date, .home-slider .entry-item .entry-content header .entry-comments, .home-slider .entry-item .entry-content header .entry-view { margin-left:10px }

.home-slider .entry-item .entry-content header {margin-bottom:15px } 

.entry-date {color:#eeeeee;font-weight:normal } 
.eventsamenvatting {color:#eeeeee; line-height:1.7; margin-bottom:15px}  

.breadcrumb {
    background-color: transparent;
    margin:90px 0px 0px;
    border-radius:0;
    padding:0 0 10px;
    border-bottom:none;
    color:#5b5b5b;
    line-height: 16px;
	font-style:italic;
	color:#404041;
}
.breadcrumb a {
    color:#404041;
}
.breadcrumb a:hover {
    color:#404041!important; text-decoration:underline;
}
.breadcrumb .current-page {
    color:#404041;
    font-weight: inherit;
    text-transform: none;
}

.search-box .search-form .search-text { background: url(images/icons/search-icon.png) no-repeat 10px center;background-color:transparent;font-family:'latoregular'; border-radius:0px;} 
.search-box .search-form .search-submit {background-color:#eeeeee; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;color:#404041 } 

/* =========================================================
Top Sidebar
============================================================ */
.top-sidebar,
.top-sidebar .l-col {
    background:url(images/bg-header-title-1.png) repeat-x 0 0 #404041;;
    position: relative;
}

.top-sidebar .r-color {
    background:url(images/bg-header-title-2.png) repeat-x 0 0 #3b3b3b;
}

.top-sidebar .r-col {
background-color: transparent;
z-index: 1;
}

#sfpe_widget_flexslider-3 ul.slides li {list-style:none;}

.home-slider .entry-item .entry-content header .meta-box span.fa.fa-pencil {display: block;background-color: #18adb5;color: #fff;padding: 3px 7px 2px;margin-right: 15px;float: left;margin-top: 5px;}

#kopa_widget_entry_list-2 .widget-title {color:#fff}
.top-sidebar .kopa-latest-post-widget .widget-title { background-color: transparent;}

.kp-headline-wrapper {
	background-color:#ff9934;
	position:relative;
}

.widget-area-4 h4{
	font-family: 'latoregular';
	color: #404041;
	font-size: 20px;
	font-style: italic;
	line-height: 20px;
	text-align:center;
	width: 100%;
}

.top-sidebar .kopa-home-slider-widget .widget-title span.arrow {
	border-top: 13px solid #0f6cb6;

}

.kp-headline-wrapper .r-color {
	background-color:#ff9e3e;
}

.kp-headline-title {font-family: 'latolight';font-size:20px;font-style:italic; text-align:center; width:100% }

.kopa-social-widget ul li a {background-color: #404041 }

.top-sidebar .kopa-latest-post-widget ul li {border-bottom: 1px solid #b0b0b0;padding-bottom: 15px;margin: 15px 0 0; }
.top-sidebar .kopa-latest-post-widget ul li a{font-family: 'latoblack';font-weight:normal;color:#eeeeee;}
.top-sidebar .kopa-latest-post-widget ul li .entry-date {margin-top:10px; color:#eeeeee; text-transform:none; font-weight:normal } 

.evenagendaBtn {margin-top:25px } 
.evenagendaBtn a {color:#eeeeee } 
.evenagendaBtn a:hover {color:#ff9934 } 

/* =========================================================
Right Sidebar
============================================================ */

#main-content .r-color {
	background-color:#f5f5f5;
}

#kopa_widget_articles_list-2 h4 {font-family: 'latoregular';font-weight:normal; font-size:16px;text-transform:uppercase;border-bottom: 1px solid #404041;text-align:left;font-style:normal; padding-bottom:10px; margin-bottom:15px; color:#3c3c3c } 

#kopa_widget_articles_list-2 ul li {list-style:none; margin-bottom:30px}
#kopa_widget_articles_list-2 li .entry-date {float:left; font-family: 'latoregular';font-size:10px; text-transform:uppercase; color:#3c3c3c;width:100% }
#kopa_widget_articles_list-2 li a {font-family: 'latoblack';color: #404041;  } 

#kopa_widget_advertising-3 { margin-bottom:25px}
/* =========================================================
Footer
============================================================ */

#bottom-sidebar .widget .widget-title, #bottom-sidebar .widget .textwidget,  #bottom-sidebar .widget .textwidget li a {color:#f5f5f5!important;font-family: 'latolight' } 
#bottom-sidebar .widget .textwidget li a:hover {text-decoration:underline}
#bottom-sidebar .widget_categories ul li a{font-weight:normal}

/* =========================================================
Page
============================================================ */

#titlebar {background-color:#eeeeee ; position:relative}

	/* Testimonials */

.testimonial .quote .wpb_wrapper{border-width: 1px;border-color: #ff9934;border-style: solid; padding:15px; font-style:italic;font-size:14px;}
.testimonial .quote .wpb_wrapper p{ line-height:1.7}
.testimonial .quote .wpb_wrapper:before, .testimonial .quote .wpb_wrapper:after  {position: absolute;content:"";width: 0;height: 0;top:68%;left:75%;border-left: 0px solid transparent;}
.testimonial .quote .wpb_wrapper:before {border-right: 20px solid transparent;border-left: 21px solid transparent;border-top: 20px solid #ff9934;z-index:1; }
.testimonial .quote .wpb_wrapper:after {margin-top:-1px;margin-left:1px;border-right: 20px solid transparent;border-left: 20px solid transparent;border-top: 20px solid #f9f9f9;z-index:2;} 

.testimonial .name p{text-align:right}

	/* Lendenvoordeel */
.ledenvoordeel .wpb_wrapper ul { padding-left:35px}	
.ledenvoordeel .wpb_wrapper ul li {list-style:none}
.ledenvoordeel .fa { font-size:16px; text-indent: -35px;color:#ff9934}

	/* Startpagina */
	
.main-content-bottom { background:#ff9934 }
.main-content-bottom .r-color{background:#f5f5f5}
.main-content-bottom h3 { margin-top: 0px;border-bottom: 1px solid #ffb76f;padding-bottom:20px; width:40%; font-weight:600 ; margin-bottom: 25px; } 
.mainbottom .wpb_content_element {margin-bottom:20px } 

.home #main-content h3 {font-size:18px }

#main-content h2.partners {font-family: 'latolight';color: #404041;margin-bottom: 55px;font-weight: normal;font-size:26px; text-align:center;border-bottom: 1px solid #bfbfbf;padding-bottom:20px} 

	/* Eventpagina */
	
.single-event .entry-date, #titlebar .entry-date  {font-family: 'latoregular'; font-size:21px; margin:0px auto; color:#000000;text-align: center;float: left;width: 100%; } 
.single-event .social {width:100%;float:left}
.single-event #main-content {margin-top:10px}
.single-event #main-content h6{font-family: 'latoregular'; font-size:20px;margin: 25px 0px;}
.single-event #main-content .span6.left{margin-right:25px }

.events .wpb_wrapper .span12 {margin-bottom:35px}
.events .afbeelding .wp-post-image{ width: 239px!important; height:auto}
.events .titel {margin-bottom:10px }
.events .titel a{font-family: 'latoregular'; font-size:20px; color:#404041; line-height:1.2;} 
.events .titel a:hover, .events .cta a:hover {  color:#ff9934}
.events .beschrijving {font-size:12px }
.events .row-fluid .span6 {margin-left:0}
.events .meta {margin-top:10px; }
.events .entry-date, .events .entry-date .fa, .events .cta a {color:#0f6cb6}
.events .entry-date .fa, .events .cta .fa { margin-right:10px}

.eventpagination {float: left;width: 80%;margin: 10px auto;text-align: center;}

.eventsponsors {margin: 55px 0px }
.eventsponsors ul li {list-style:none; display:inline-block; width: 33% }
.eventsponsors ul li .afbeelding {text-align: center;float: left;width: 100%;display: block;margin: auto; }
.eventsponsors ul li img {text-align: center;margin: auto;}

#titlebar h4 {font-family: 'latolight'; font-size:25px; width:100%; text-align:center;margin:55px auto 5px }
#titlebar h4 span{font-size:29px; color:#ef3f32; }
#titlebar h5 {font-family: 'latolight'; font-size:15px; width:100%; text-align:center; margin:0 0 20px }
#titlebar .button { margin-bottom: 55px !important}

#titlebar .social-link {padding: 10px 0;margin-top: 10px;text-align: center;float: left;}
#titlebar .social ul {width: 100%!important;margin: 20px auto!important; } 
#titlebar .social-link li:first-child {margin: 0;}
#titlebar .social-link li {list-style: none;margin: 0 0 0 20px;text-align: center;display: inline;}
#titlebar .social-link li a {color: #000;}


.eventcta {background-color:#eeeeee ; position:relative}
.eventcta h4 {font-family: 'latolight';font-size: 25px;width: 100%;text-align: center;margin: 55px auto 5px;}
.eventcta h5 {font-family: 'latolight';font-size: 15px;width: 100%;text-align: center;margin: 0 0 20px;}
.eventcta .button {margin-bottom: 55px !important;}

	/* Lidmaatschap pagina */
	
#main-content .lidmaatschap h3 {font-size:18px}
.ledentestimonials ul li { list-style:none; margin-bottom: 5px;}
.ledentestimonials ul{margin-top:20px}
.ledentestimonials ul li:first-child {font-family: 'latoregular'; font-size:21px}
.ledentestimonials .logo {}


	/* Partner Pagina */
	
.post-13 .wpb_row { margin-bottom:55px}
.post-13 .logos { padding:25px}


	/* Over Ons */
.post-7 .wpb_wrapper ul {	padding-left: 35px;}
.post-7 .wpb_wrapper ul li {list-style:none; }
.post-7 .wpb_wrapper .fa{font-size: 12px;text-indent: -35px;color: #ff9934;position: absolute;margin-top:4px}
.post-7 .wpb_wrapper .fa:before {border-radius: 50%;
border: 2px solid #ff9934; padding:2px}

.lidrvb .wpb_content_element {margin-bottom:5px }
.lidrvb p:first-child {font-family: 'latolight';font-size: 26px;line-height: 0.9;margin: 10px 0px 0px;}

	/* Pagina */

#titlebar h1 {text-align:center; font-family: 'latolight'; font-size:39px; margin: 35px auto 15px; line-height: 1.2; width: 80%;} 
#titlebar h2 {text-align:center; font-family: 'latolight'; font-size:21px; margin:15px auto 35px auto ; width:80%} 
#titlebar h3 {text-align:center; font-family: 'latolight'; font-size:18px; margin:0px auto 15px auto ; width:80%} 

#main-content .page {margin-top:30px }
#main-content h3 {font-size:28px; margin-bottom:20px } 
#main-content { font-family: 'latolight'; font-size:14px;}

#main-content .banner {padding:25px } 
#main-content .banner.grijs {background:#eeeeee}
#main-content .banner h3 {font-family: 'latolight';font-size:26px; margin-bottom:25px} 
#main-content .banner .lid ul li{list-style:none; margin-bottom:30px }
#main-content .banner .lid li:first-child {padding-left:0px } 
#main-content .banner .lid li:first-child:before, #main-content .banner .lid li:nth-child(2):before, #main-content .banner .lid li:nth-child(3):before {
	content: "";
    display: block;
    width: 60px;
    height: 60px;
    float: left;
    margin: 0 25px 15px 0;
	border-radius:50%;
	 border: 2px solid #bebebe;
	}
	
#main-content .banner .lid li:first-child:before { background: url(images/icons/champ-icon.png) no-repeat 17px 17px;}
#main-content .banner .lid li:nth-child(2):before{ background: url(images/icons/check-icon.png) no-repeat 17px 17px;}
#main-content .banner .lid li:nth-child(3):before{ background: url(images/icons/label-icon.png) no-repeat 23px 15px;}

.page-template-default .vc_column_container { } 


	/* Formulieren */
	
.gform_wrapper ul li.gfield { clear: none!important;}

#gform_fields_1	 .span6, #gform_fields_2 .span6, #gform_fields_3 .span6 {
width: 47%!important;
}
#gform_fields_1 li{display: inline-block;}
#gform_fields_1 li:first-child {}
#gform_fields_1 li:nth-child(2), #field_2_4,  #field_3_5, #field_3_9, #field_3_11  {}


#field_3_14, #field_3_11 {margin-left:25px!important}

#gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_label {visibility: hidden;float: right;position: absolute;}

.gform_wrapper input[type="text"], .gform_wrapper textarea {color: #9C9C9C;font-size: 12px!important;font-style: italic;font-weight: lighter;outline: medium none;border-radius: 3px;border: 1px solid #D6D6D6;padding: 8px!important;min-height: 2.3;height: auto !important;height: 2.3;}

#gform_wrapper_1 input[type="text"], #gform_wrapper_1 textarea, #input_2_2_1_label { margin-bottom:20px!important}
#gform_wrapper_2 input[type="text"], #gform_wrapper_2 textarea { margin-bottom:00px!important}

.gform_wrapper input[type="button"], .gform_wrapper input[type="submit"] { 
 background:#0f6cb6; color: #eeeeee;padding: 15px 30px;font-size: 15px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;
} 
.gform_wrapper input[type="button"]:hover, .gform_wrapper input[type="submit"]:hover {background:#404041;	color:#eeeeee;text-decoration:none; } 


#field_3_17 label.gfield_label {font-size:26px; margin:	15px 0px }
#field_3_16 {font-size: 22px;margin: 35px 0px; }


.gform_wrapper .gfield_label {    display: list-item!important;}
.gform_body {display: inline-block;}

	/* Inschrijving Event */
	
#titlebar .entry-date {}

#titlebar h1.inschrijving {text-align:center; font-family: 'latolight'; font-size:39px; margin: 35px auto 15px; line-height: 1.2; width: 80%;} 
#titlebar h2.inschrijving {text-align:center; font-family: 'latolight'; font-size:39px; margin:15px auto 35px auto ; width:80%; line-height: 1.2;} 
#titlebar h3.inschrijving {text-align:center; font-family: 'latolight'; font-size:18px; margin:0px auto 35px auto ; width:80%} 

#main-content .post-251 {margin-top:15px}
.page-id-251 #titlebar .entry-date {margin-bottom:35px}

	/* Single Post */
	
.single-post #titlebar h1 {font-size:29px; text-align:left; width:100%; margin: 0px 0px 25px }
.single-post .breadcrumb {margin: 25px 0px;} 


.single-post .social {width:100%;float:left}

.single-post .social-link {padding: 10px 0;margin-top: 10px;}
.single-post .social ul {width: 100%!important;margin: 20px auto!important; } 
.single-post .social-link li:first-child {margin: 0;}
.single-post .social-link li {list-style: none;margin: 0 0 0 20px;text-align: center;display: inline;}
.single-post .social-link li a {color: #000;}


/* Search Pagina */
	
#main-content .widget-area-7 li a { color:#3c3c3c; }
#main-content .widget-area-7 li span {margin-top: 5px; display: block; }
.entry-list li .entry-item .entry-content {width:100%}
.entry-list li .entry-item .entry-content header .entry-title a {width:100% }

@media only screen and (max-width: 767px)  {
	
	/* Startpagina */
		
.top-sidebar .r-col {background-color: #404041!important; }
.top-sidebar .kopa-latest-post-widget .widget-title {background-color: #404041!important; }
.top-sidebar .kopa-latest-post-widget ul li {border-top:none!important}
.top-sidebar .r-col {padding-bottom:35px!important}
.testimonial, .ledenvoordeel {margin-bottom:20px!important}
 #main-content .r-col { background-color: transparent!important;}
 
 .main-content-bottom .vc_col-sm-6 {margin:10px 0px}
 
 #main-content h2.partners {margin-bottom: 25px; }
 #main-content .partners .wpb_single_image.vc_align_center {margin:25px 0px } 
 
#bottom-sidebar .r-color {width:150%}
 
 
 @media only screen and (max-width: 639px) {

	/* Startpagina */
	
#bottom-sidebar .l-col {text-align:center }

#bottom-sidebar .r-col {margin-bottom:30px}

.eventsponsors ul li {width:45% }

}