@charset "utf-8";

/*

Theme Name: Classique Child Theme
Theme URI: http://themefurnace.com/classique-theme/
Author: ThemeFurnace.com
Author URI:  http://themefurnace.com
Description: Classique child theme for Roodloopbaanadvies
Template: classique
Version: 0.1 b
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: classique-child
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

gear is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
*/

/*@import url("../classique/style.css");*/

/*
COLORS:
*/
body { color: #000 !important; font-size: 15px; line-height: 24px;}
body.custom-background {
    background-color: #ddd !important;
}

/* Custom styled tags */

.top-menu .icon-2x{
font-size:1.5em; 
}
#content ul {
    list-style: disc !important;
}
#content li { line-height:24px; margin-bottom:10px; text-indent:0px;font-size:15px;}
.rpwe-title, .rpwe-summary { font-size:15px!important; }
.button {
    margin: 0px;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
}

h2 {
	font-size:20px;
}
 h

h3 {text-transform:uppercase;}

h2.caps { text-transform:uppercase; } 

h1.inttitle { margin-top:0px !important; background:none; margin-bottom:10px; color:#000 !important;}

#content h3, #maincontent h3 { font-size:20px;}

/* Header */
#header { border-bottom: 0px; -webkit-box-shadow: none; box-shadow: none; height:130px;}

#menu-top-menu li.top_menu_knop {

}

li.top_menu_knop a {
    color: #bc1241;
	padding:15px;
    border: 1px solid #bc1241;
    background: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    margin-left: 10px;
	font-weight:500;
}

li.top_menu_knop a:hover  {
    color: #262626;
	border: 1px solid #262626;
}

.logoimage {
    margin-top: -20px;
	margin-left:15px;
}
.logo { text-align:left;}
#header .tagline { margin-top:74px; font-size:14px; font-style:italic; text-align:right;}

#navbar { text-align:left; border:none; width:auto; padding-left:15px;}

#main-nav li:first-child a {padding-left:5px;}

#main-nav li a { color: #fff; font-size:16px; font-family: "Open Sans" !important;}

#menu-top-menu li {
    float: left;
    padding: 1px 10px;
    margin-top: 5px;
}

/* Main Navigatie */
.row.navigatie {
	background: #414e99;	
}

/* Nieuwe stijl 2020 */
.no-padding {
padding:0!important;
}
.tagline-2020 {
font-size:20px;
color:#414e99;
font-weight:500;
text-align:left;
line-height: 28px;
}
.gratis-intake-btn {
padding-top:7px;
}
#home-side-werknemer {
background:url(img/ik-ben-werknemer.jpg);
}
#home-side-werkgever {
background:url(img/ik-ben-werkgever.jpg);
}
#content .home-sides h1 { 
color:#FFF;
text-transform:none;
}
.home-sides {
margin-bottom:0px;
}
.home-sides li{
list-style-type:none;
}
.home-sides a {
color:#FFF;
font-size:18px;
}
.home-sides a:hover {
text-decoration:underline;
}
#home-aanbevelingen {
background:#eef1ff;
padding: 20px 0;
}
#home-aanbevelingen h2, #home-aanbevelingen h4 {
color:#bc1242;
}
.page-template-page-homepage h1{
color:#bc1242;
}
@media only screen and (min-width:767px){
/*
.home-cta {
margin-top:75px;
}*/
.home-sides {
padding:35px 0 35px 150px; 
}
#home-aanbevelingen .button {
margin:0 auto;
display:block;
width:250px;
}
}
/* Nieuwe stijl 2020 */


/* Featured pages */
a.home_button { display:inline-block; padding:5px 10px; border:1px solid #414e99; background: #414e99; max-width:250px; margin-top:20px; color:#fff;}
a.home_button:hover { color:#414e99; background:#fff;}
#homepageblokken h4 {font-style:italic; font-weight:bold; font-size:16px;}
#homepageblokken {background: #f7f8fd; padding-top:20px;}
#homepageblokken .homepage-blok p{ min-height:170px; }
/*
#homepageblokken .blogitem {
    width: 23.6%; padding:0% 1%;
}
*/
.homepage-blok {

}
/* Container */
.page-template-page-full-width #container .main { padding:0px 30px;}
#container {
    padding-top: 20px;
	max-width:1300px;
}
#maincontent {
	padding-bottom:40px;
	margin: 0px 30px;
}
.page-template-page-homepage #maincontent {
padding-bottom:10px;
}
/* Aanbevelingen */
#aanbevelingen {
	background:#D8DDF6;
	padding:20px 0px;
}
.aanbevelingen .h3 {
font-size:18px;
}
.button.red {
	color: #eee;
	background: #bc1241;
	font-family: "Open Sans" !important;
}
.button.blue {
	color: #eee;
	background: #414e99;
	font-family: "Open Sans" !important;
}
a.button.lightblue {
	color: #000;
	background: #c2d0f9;
	font-family: "Open Sans" !important;
	padding:10px 60px;
    -webkit-border-radius: 25px;
  	-moz-border-radius: 25px;
  	border-radius: 25px;
    border: solid #eee 1px;
    box-shadow: 0 1px 2px #fff, 0 -1px 1px #aaa, inset 0 -1px 1px rgba(0,0,0,0.1), inset 0 1px 1px rgba(255,255,255,0.8);
    -moz-box-shadow: 0 1px 2px #fff, 0 -1px 1px #aaa, inset 0 -1px 1px rgba(0,0,0,0.1), inset 0 1px 1px rgba(255,255,255,0.8);
    -webkit-box-shadow: 0 1px 2px #fff, 0 -1px 1px #aaa, inset 0 -1px 1px rgba(0,0,0,0.1), inset 0 1px 1px rgba(255,255,255,0.8);
    text-shadow: 0 1px 2px #fff;
}

a.button.lightblue:hover {
	color: #333;
	background: #a9bfff;
    border: solid #eee 1px;
    box-shadow: 0 2px 1px #fff, 0 -1px 1px #aaa, inset 0 -1px 1px rgba(0,0,0,0.1), inset 0 1px 1px rgba(255,255,255,0.8);
    -moz-box-shadow: 0 2px 1px #fff, 0 -1px 1px #aaa, inset 0 -1px 1px rgba(0,0,0,0.1), inset 0 1px 1px rgba(255,255,255,0.8);
    -webkit-box-shadow: 0 2px 1px #fff, 0 -1px 1px #aaa, inset 0 -1px 1px rgba(0,0,0,0.1), inset 0 1px 1px rgba(255,255,255,0.8);
}
#aanbevelingen .c12 {
	padding:0px 20px;
}
.c12.nop, .c6.nop { padding:0px;}
#aanbevelingen h2 { padding: 0px 10px 20px 10px;}
#aanbevelingen .viewall { text-align:center; }
.c4.aanbeveling {
	font-style:italic;
}

.button.red:hover {
	background: #b61318;
}
.button.red:active {
	color: white;
}
.c6.aanbevelingen {
    min-height: 200px;
}

/* Blog */
.blogdate {
    font-family: "Open Sans" !important;
	font-style:italic;
    font-size: 14px;
	color:#999;
    margin-bottom: 20px;
}

/* pagination */
.pagination {
    text-align: center;
    padding-top: 30px;
	padding-left:10px;
}
.pagination .current, .pagination a:hover {
    background: #BC1241;
}

/* Formulieren */
input[type="text"] ,input[type="email"],input[type="text"], textarea { width:100%;}

.formulier.sidebar {
    padding: 20px;
    background: #D8DDF6;
}
.wpcf7-submit {
margin-top:10px;
border: 2px solid #fff;
color: #fff;
background: #bc1241;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-left: 10px;
font-size:16px;
cursor:pointer;
padding:10px;
}
.wpcf7-submit:hover {
background:#414e99;
}
/* Sidebar */
div#sidebar {
    width: 340px;
    padding-right: 30px;
}

/* Hero */
.row.hero_content { background: #414e99; }
/*.tp-mask-wrap.tp-caption.cirkelrood, .cirkelrood { 
	background:#bc1241 !important; 
	width:180px !important; 
	height:180px !important;
	-webkit-border-radius: 90px !important;
	-moz-border-radius: 90px !important;
	border-radius: 90px !important;
}*/

/* Footer */
#footer {
padding-top: 30px;
padding-bottom:30px;
color:#FFF;
font-size:14px;
font-weight:bold;
}
#footer a {
color:#FFF;
font-weight:bold;
}
#footer-widgets {
    width: auto;
    margin: 0 auto;
}
#footer .menu {
list-style:none;
}
#footer .menu li{
display:inline;
float:left;
margin-right:15px;
}
.footerwidget {
margin:0;
}
#bottom {
    border: 0px;
    font-family: "Open Sans" !important;
    margin-top: 00px;
    padding-top: 20px;
	color:#ffffff;
}

/* STYLE MEDIA QUERIES */

/* Media query for 1300 Screens - sets nested grids to 100% */
@media only screen and (max-width:1300px){
	#container { width:1024px; }
	#main { width:660px; }

}
@media only screen and (max-width:1024px){
	#container { width:960px; }
	#main { width:460px; }

}

/* Media query for 960 Screens - sets nested grids to 100% */

@media only screen and (max-width:960px){
	#header .tagline { margin-top:53px;}
	#container { width:680px; }	
	#main-nav li a { font-size: 12px; padding:0 10px;}
	/*.tp-mask-wrap.tp-caption.cirkelrood, .cirkelrood { 
		width:150px !important; 
		height:150px !important;
		-webkit-border-radius: 75px !important;
		-moz-border-radius: 75px !important;
		border-radius: 75px !important;
	}*/
	/*
	#homepageblokken .homepage-blok { width: 35%; } */
	#main { width:100%; }
	div#sidebar { width: 100%; }

}

@media only screen and (max-width:880px){
	#header { height:auto;}
	.logo {text-align:center;}
	#header .tagline { margin-top:0px; text-align:center;}
	#main-nav {text-align:center;}
	#main-nav select {
		position: relative;
		left: 0px;
		top: 10px;
	}
	#container { width:680px; }
	/*
	#homepageblokken .blogitem {
		width: 96%;
		padding: 0% 2%;
	}*/
	.jwl_one_half, .jwl_two_third, .jwl_one_third { width:100% !important;}
}


@media only screen and (max-width:767px){
	/*.tp-mask-wrap.tp-caption.cirkelrood, .cirkelrood { 
		width:100px !important; 
		height:100px !important;
		-webkit-border-radius: 50px !important;
		-moz-border-radius: 50px !important;
		border-radius: 50px !important;
	}*/
	#container {width:100%; padding: 0px 20px;}
}



/* Media query for iPad and tablets */

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){
}