/*
 Theme Name:   Vantage for libre-software.net
 Description:  Vantage Child Theme
 Author:       Johannes Eva
 Author URI:   http://libre-software.net
 Template:     vantage
 Version:      0.2
*/

/* Change AdSense yellow background to theme background color
ins {
    background-color: #FCFCFC !important;
} */ 
/* Make sure google ad blocks don't get a yellow background */
.adsbygoogle {
	background: transparent;
}

/* Hide 'Posted in CATEGORY' */
article.post .entry-categories {
	display: none;
} 

a:link, a:visited {
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: underline;
}

/* Site title bold */ 
header#masthead .hgroup h1 {
	font-weight: bold;
}

/* Slightly bigger font and left padding on lists */ 
.entry-content ul li, .entry-content ol li {
    margin-left: 2em;
    font-size: 1.2em;
}

/* General paragraph and font size
-------------------------------------------------------------- */

.entry-content {
    line-height: 2.2em!important;
}

.entry-content p {
	font-size: 1.2em;
}

/* On larger screens, reduce text width to improve readability: */
@media all and (min-width: 960px) {
  .entry-content p {
	width: 38em;
}	
}

#primary, .page-template-default #primary {
  width: 63.287%;
}

#secondary {
  width: 31.762%;
}

@media only screen and (max-width: 350px) {
	#main {
		padding: 10px;
	}
}

@media only screen and (min-device-width: 351px) and (max-device-width: 480px) {
	#main {
		padding: 20px;
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 640px) {
	#main {
		padding: 30px;
	}
}

header#masthead {
    background: #323232;
}

/* Main Menu fonts and colors */
.main-navigation a {
	color: #FFF!important; 
}

.main-navigation {
    background: #A600CF;
    font-size: 1.46em!important;
    letter-spacing: -0.02em; 
}

#search-icon #search-icon-icon {
    background-color: #A600CF;
}

#search-icon #search-icon-icon .vantage-icon-search {
    color: #FFF;
    font-weight: bold !important;
}

.main-navigation .sub-menu a {
	color: #FFF!important; 
	letter-spacing: 0em; 
	font-size: 0.8em!important;
}

/* Show categories in Jetpack related posts */
.jp-relatedposts-post-context {
	display: none;
}


/* Libellule style start --- Theme-independant styles
-------------------------------------------------------------- */

body {
  	font-family: 'Bitter', serif;
}

.entry-content p {
  color: #313131!important;
  font-family: 'Bitter', serif;
}

h1.site-title {	
	font-family: 'Neuton', serif;
	font-weight:bold!important;
	color: #FFF!important; 
	font-size: 3em!important;           
	letter-spacing: 0.02em; 
}

h1.entry-title {
	font-family: 'Bitter', serif;
	font-weight:bold!important;
	color: #06C!important; 
	font-size: 2.3em!important;            
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 {
	font-family: 'Bitter', serif;
	font-weight:bold!important;
	color: #06C!important;           
}

.entry-content h1 {
	font-size: 2.1em!important;            
}

.entry-content h2 {
	font-size: 1.9em!important; 
}

.entry-content h3 {
	font-size: 1.65em!important;
}

h3.h3_libellule_subtitle {
	margin-top: 0em;
}

.entry-content h4 {
	font-size: 1.4em!important;
}

.entry-content h5, .entry-content h6 {
	font-family: "Bitter", serif;
	font-weight: normal!important;	
	color: #06C!important;
}

.entry-content h5 {
	font-size: 1.4em!important;
}

.entry-content h6 {
	font-size: 1.2em!important;
}

/* DEPRECATED */
.johannes_command_line {
	font-family: "Liberation Mono", Courier, "Courier New", monospace; 
	/* #FF9933 est la couleur complémentaire de la couleur des titres #0066CC */
	color: green; 
	font-size: 1em; 
	line-height: 1.0em;
	font-weight: normal; 
	text-align: left
}

code {
	font-family: "Liberation Mono", Courier, "Courier New", monospace!important; 
	font-size: 1em!important; 
	color: #FF9600; 	/* #FF9933 est la couleur complémentaire de la couleur des titres #0066CC */
	/* Override Vantage's <code>: */ 	
	display: inline!important;
   border: none!important;
	background: none!important;  
	padding: 0px!important;
	box-shadow: none!important;
	line-height: 0em !important;
}

kbd {
	border: 1px solid #aaa; 
	-moz-border-radius: 0.2em; 
	-webkit-border-radius: 0.2em; 
	border-radius: 0.2em; 
	-moz-box-shadow: 0.1em 0.2em 0.2em #ddd; 
	-webkit-box-shadow: 0.1em 0.2em 0.2em #ddd; 
	box-shadow: 0.1em 0.2em 0.2em #ddd; 
	background-color: #f9f9f9; 
	background-image: -moz-linear-gradient(top, #eee, #f9f9f9, #eee); 
	background-image: -o-linear-gradient(top, #eee, #f9f9f9, #eee); 
	background-image: -webkit-linear-gradient(top, #eee, #f9f9f9, #eee); 
	background-image: linear-gradient(to bottom, #eee, #f9f9f9, #eee); 
	padding: 0.1em 0.3em; 
	font-family: inherit; 
	font-size: 0.85em;
}

.widget-area p {
  font-size: 1.32em!important; 
  margin-bottom: 0.5em;
}

.widget-area h3 {
	font-size: 1.28em;
	line-height: 1.3em;
	margin-top: 1.0em;
	margin-bottom: 0.9em;
	margin: 15px 0 1em 0; 
	border-bottom: 1px solid #ccc; 
	padding: 0 0 0.2em 0; 
	text-transform: uppercase; 
	text-align: center;
	letter-spacing: 0.02em;
}

.widget-area a:link {
	color: #06C!important; 
}
.widget-area a:visited {
	color: #000!important; 
}


/* Libellule style end
-------------------------------------------------------------- */


/* Less padding and padding corrections for title and main menu
-------------------------------------------------------------- */

/* Site title reduce padding */
header#masthead .hgroup {
	padding-top: 18px;
	padding-bottom: 23px;
	}

@media (min-width:1170px) header#masthead .hgroup {
		padding-top: 45px;
		padding-bottom: 45px;
}	

@media (max-width: 680px) #header-sidebar {
  margin-top: 0px!important;
}

header#masthead hgroup #header-sidebar {
   margin-top: 0px !important;
}

/* Padding correction for site title on mobile devices */
@media (max-width: 680px) {
		header#masthead .hgroup {
			padding-bottom: 0px;
		}
  }

/* Main menu reduce top and bottom padding */ 
.main-navigation ul li a {
	padding: 11px 25px;
	}

/* Main menu font color and size 
.main-navigation a {
    color: #333;
    font-size: 1.2em;
}*/

/* Remove bottom padding on posts */ 
article.post, article.page {
    margin-bottom: 0px;
    padding-bottom: 10px;
    border-bottom: 0px solid #FFF;
}

/* Social media animation on hover
-------------------------------------------------------------- */
.jo-morph {
  -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;
}
 
.jo-morph:hover {
	
			filter: saturate(300%);
			-webkit-filter: saturate(300%);
			-moz-filter: saturate(300%);
			-o-filter: saturate(300%);
			-ms-filter: saturate(300%);	
	
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

/* Social media animation on load
-------------------------------------------------------------- */
.jo-load-rotate {
        -webkit-animation:spin .6s ease-in 1;
        -moz-animation:spin .6s ease-in 1;
        -o-animation:spin .6s ease-in 1;
        animation:spin .6s ease-in 1;
}
.fadeIn-Delay-3 {
        -webkit-animation-delay:4s;
        -moz-animation-delay:4s;
        -o-animation-delay:4s;
        animation-delay:4s;
}
.fadeIn-Delay-4 {
        -webkit-animation-delay:4.2s;
        -moz-animation-delay:4.2s;
        -o-animation-delay:4.2s;
        animation-delay:4.2s;
}
.fadeIn-Delay-5 {
        -webkit-animation-delay:4.4s;
        -moz-animation-delay:4.4s;
        -o-animation-delay:4.4s;
        animation-delay:4.4s;
}
.fadeIn-Delay-6 {
        -webkit-animation-delay:4.6s;
        -moz-animation-delay:4.6s;
        -o-animation-delay:4.6s;
        animation-delay:4.6s;
}
.fadeIn-Delay-7 {
        -webkit-animation-delay:4.8s;
        -moz-animation-delay:4.8s;
        -o-animation-delay:4.8s;
        animation-delay:4.8s;
}

@-moz-keyframes spin { from { -moz-transform: rotate(0deg);} to { -moz-transform: rotate(780deg);} }
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg);} to { -webkit-transform: rotate(780deg);} }
@-o-keyframes spin { from { -webkit-transform: rotate(0deg);} to { -webkit-transform: rotate(780deg);} }
@keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(780deg);} }

/* Hide widget title for Advertising widget */ 
#black-studio-tinymce-9 h3.widget-title, #black-studio-tinymce-10 h3.widget-title {
	 display: none; 
} 

#black-studio-tinymce-9 .textwidget, #black-studio-tinymce-10 .textwidget {
	text-align: center;
}

#black-studio-tinymce-9, #black-studio-tinymce-10 {
	margin-bottom: 20px!important;
}

#black-studio-tinymce-6 {
	margin-bottom: 15px!important;
}


/* -----------------------------------------------------------
		FOOTNOTES --- Customization for FD Footnotes Plugin
-------------------------------------------------------------- */

sup.footnote a {
  text-decoration: underline;
  vertical-align: super;
  font-weight: bold;
  font-size: 80%;
  padding-left: 0.1em;
}

.footnotedivider {
  width: 40%;
  padding-top: 0.8em;
  border-top: 1px solid #000;
}

.footnotes {
	font-size: 72%;
}

.footnotes li {
  line-height: 1em;
}

/* -------------------------------------------------------------- 
   Libellule 3 summary boxes 				   							*/

.libellule_summary_box {
	border-left: 2px solid #0066CC;
	margin: 1.3em 0 0 1.3em;
	padding: 0 0 0 1em;
}

h4.libellule_summary_box_width_auto {
	margin-bottom:0.2em;
}

p.libellule_summary_box_width_auto {
	margin-top:0em; 
	font-size: 1.15em;
	line-height: 1.45em !important;
}

/* Not used in libre-software until now */
p.libellule_navigation_box_width_auto {
	text-align: center;
	width: auto;
	margin: 0.2em 0 0.2em 0;
	padding: 0.3em 0 0 0;
	font-size: 0.8em; 
	line-height: 1.3em;
	border-top-width: 1px;
	border-top-style: solid; 
	border-top-color: #0066CC; 
}

/* Table for Firefox article (Case 1 and 2) */
.blue_border_left {	
	margin: 0 0 0 2em;
	border-spacing: 0px;
	padding-left: 2em;
	border-left-color: #0066CC; 
	border-left-width: 3px; 
	border-left-style: solid; 
}

/* Ranking Numbers fuer WP Backup plugins comparison */
span.ranking_no{
  float: left;
  font-size: 6.26em;
  color: rgba(0, 102, 204, 0.74) !important;
  margin: 0.5em 0.515em .5em 0em;
}