
::selection { background:#242B49; }
::-moz-selection { background:#242B49; }
::-webkit-selection { background:#242B49; }	


/* Form
---------------------------------------- */
input[type=submit]:hover { 
	background: #242B49;  
	}
    


/* Links
---------------------------------------- */
a {
	color: #242B49;
	}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #242B49;
	}
    

/* Others
---------------------------------------- */
span.color {  
	color: #242B49; 
    }    
    

/*---------------------------------------------- 
2. Commen Classes & Id's
------------------------------------------------*/
.seperator span { 
	background: #242B49;
	}
    
    
/*---------------------------------------------- 
4. Header
------------------------------------------------*/
header {		
	background: #242B49;
	}


/*---------------------------------------------- 
5. Navigation & Menus
------------------------------------------------*/	
nav ul li:hover a, nav ul li a:hover, nav ul li.current-menu-item a, nav ul li.current-menu-ancestor a, nav ul li.current_page_parent a {
	color: #242B49;
	}
    
nav ul li ul li > a:hover, nav ul li ul li.current-menu-item > a, nav ul li ul li.current-menu-ancestor > a { 
	color: #242B49 !important;
	}
    

/*---------------------------------------------- 
8. Footer
------------------------------------------------*/
.copyright {
	background-color: #242B49;
	}
    
.totop {
	background-color: #242B49;
	}


/* 	Filter
------------------------------------------------*/
.filter li a.active { color: #242B49; }  
  
    
    
/*	Meta Datas
------------------------------------------------*/
.meta_comments a:hover { color: #242B49;  }
.meta_comments:hover .icon { background-color: #242B49; }

.meta_views a:hover { color: #242B49;  }
.meta_views:hover .icon { background-color: #242B49; }

.meta_tags a:hover { color: #242B49;  }
.meta_tags:hover .icon { background-color: #242B49; }

.meta_type a {
	background-color: #242B49 !important; 
	}

.meta_type a:hover { 
	background-color: #b3b3b3 !important; 
}    
    
    
/*---------------------------------------------- 
12. Pagination
------------------------------------------------*/	
#pagination a:hover {
	color: #242B49;
	}


/*---------------------------------------------- 
COMMENTS
------------------------------------------------*/
#commenticon span {
	background-color: #242B49; 
	}

#leavecommenticon span {
	background-color: #242B49; 
	}


/*---------------------------------------------- 
SKILLS
------------------------------------------------*/
.skill .skill_bar .skill_active {
	background: #242B49; 
	}
    

/*---------------------------------------------- 
Toggle
------------------------------------------------*/	
.toggle .toggle_title .toggle_icon {
	background-color: #242B49;
	}
    

/*---------------------------------------------- 
PRICING
------------------------------------------------*/
.price-col {
	border-top: 5px solid #242B49;
	}
	
.best {	border-top: 5px solid #1eb56c; }	
.standard {	border-top: 5px solid #595959; }

.recommended .price-header h1 {
	color: #242B49;
	}
    
a.signupbutton {
	color: #ffffff;
	background: #242B49;
	}
.best a.signupbutton {	background: #1eb56c; }	
.standard a.signupbutton {	background: #595959; }

    

/*---------------------------------------------- 
MENU
------------------------------------------------*/
.widget ul li a {
	color: #242B49;
	}
	
.widget ul li a:hover, .widget ul li.current-menu-item a, .widget ul li.current-cat a  {
	color: #595959;
	}

/*---------------------------------------------- 
FLICKR
------------------------------------------------*/
#flickr-widget #flickr-list li:hover {
	border: 2px solid #242B49;
	}
    

/*---------------------------------------------- 
18. Overlay Images
------------------------------------------------*/
.imgoverlay a .overlay {
	background: #242B49;
	}

/*---------------------------------------------- 
jPlayer
------------------------------------------------*/
div.jp-play-bar {
	background: #242B49;
}

div.jp-volume-bar-value {
	background: #242B49;
}


/*---------------------------------------------- 
Edit Link
------------------------------------------------*/
a.post-edit-link {
	color: #ffffff;
	}
    
a.post-edit-link:hover {
	color: #ffffff;
	}
    
    

/*---------------------------------------------- 
Buttons
------------------------------------------------*/
a.white {
	color: #999999;
	}

a.blue {
	color: #318588;
	}

a.yellow {
	color: #ae8c2d;
	}

a.green {
	color: #768c34;
	}

a.pink {
	color: #e0556e;
	}

a.purple {
	color: #d46fc9;
	}

a.grey {
	color: #8c8c8c;
	}

a.orange {
	color: #e08457;
	}


@font-face {
    font-family: \"Questrial\";
    font-style:  normal;
    font-weight: normal;
    src: url(\"https://fonts.googleapis.com/css?family=Questrial\");
}
body{font-family:Questrial;}
#header{background:#fff;margin-bottom:40px;}
#logo{float:right;}
header #logo img {
    max-height: 65px;
}
#nav{background:#242B49;float:left;margin-top: 20px;}
nav ul li {height: 65px;}
nav ul li a {
    line-height: 65px;
    padding: 0 14px;
}
nav ul li.current-menu-item:first-of-type a{background:#242b49;color:#fff;}

.flagtop{display: inline-block;
    margin: 0 auto;
    padding: 27px 10px;
}
nav ul li a:last-of-type {max-height: 65px;}

#pagetop{margin-bottom: 0;}
#main{
font-family:Futura;}
article > p:last-child {
    padding-bottom: 0px;
}
#pagetitle{margin-bottom: 20px;}
.page-id-7 article .column{padding-bottom:30px;}
#footer{background:#242B49;padding-top:15px;}
.totop{top: -32px;}
#footernav li{display:inline-block;float:left;}
#footernav li a{color:#eee;font-weight:bold;}
#footer .widget ul li{background:none;margin-top:10px;}
#footer .column{padding-bottom:15px;}
#twlinkfooter{display:block;width:40px;height:40px;background:url(https://www.nicolasbaverez.com/wp-content/uploads/2016/02/twitter-off.png);
background-repeat:no-repeat;
}
#twlinkfooter:hover{background:url(https://www.nicolasbaverez.com/wp-content/uploads/2016/02/twitter-on.png);
background-repeat:no-repeat;
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 480px), only screen and (max-width: 767px) {
#logo{margin:0 20%;float:none;}
#nav{margin-top:0px; background:#fff;}
}
article p{font-size:14px !important;}
#blog .entry{padding-bottom: 40px;}
.entry-info p{margin-top:10px;}
#blog .entry-meta{margin-top:10px;}
#searchsubmit{display:block !important;width:100%;margin-top:20px;}
.overlay{display:none;}
#pagination a{background: #242b49;
color: #fff;
font-size: 13px;
padding: 10px;}
#pagination a:hover{color:#fff;background:#808080;}