/*
 Theme Name:   BlogNote
 Theme URI:    http://www.blognote.info
 Description:  BlogNote
 Author:       Pierre Jauniaux
 Author URI:   http://www.blognote.info
 Template:     sorbet
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         blue, gray, green, orange, pink, red, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, rtl-language-support, sticky-post, translation-ready, photoblogging
 Text Domain:  sorbet
*/

body {
    text-rendering: optimizeLegibility;
    font-family: 'Open Sans',sans-serif;
    color: #404040;
}

.entry-content{
  text-align: justify;
}

.widget-title {
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px dotted #DFDFDF;
    margin-top: 50px;
    margin-bottom: 20px;
    color: #666666;
    font-style: normal;
}

h1 {
    font-family: 'Open Sans',sans-serif;
    line-height: 0.9em;
}


nav.pagination {
position: relative;
display: block;
}

.nav-links {
position: relative;
}

.nav-links ul {
margin: 0;
padding: 0,
}

.nav-links ul li {
list-style: none;
margin:0 10px 0 0;
padding:0;
float: left;
}

.nav-links ul li span.current {
padding: 10px 12px;
background: #777;
border: 1px solid #777;
display: block;
line-height: 1;
border-radius: 4px;
color: #fff;
}

.nav-links ul li a {
padding: 10px 12px;
background: #ddd;
color: #666;
text-decoration: none;
border: 1px solid #ccc;
border-radius: 3px;
display: block;
line-height: 1;
}

.nav-links ul li a:hover {
background: #999;
border-color: #888;
color: #fff;
}


a.more-link {
    font-size: 0.83333em;
    line-height: 1.8em;
    color: #9ba2af;
    text-decoration: underline;
    font-weight: bold;
}


#menu-toggle {
    display: none;
}


.toggles .toggle::before {
    color: black;
}

.site-header img {
    display: block;
    margin: 0px;
}


.presentation {
    text-align: center;
    font-size:12px;
}
.presentation img {
	margin: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.entry-content a {
    text-decoration: underline;
}

.pagination {
	margin-bottom: 15px;
	display: inline-block;
}
#comments {
	margin-bottom: 15px;
}

#footer-sidebar1 {
  float: left;
  width: 33%;
  margin-left:5px;
  margin-right:5px;
  text-align: justify;
}

#footer-sidebar2 {
  float: left;
  width: 33%;
  margin-right:5px;
  text-align: justify;
}

#footer-sidebar3 {
  float: left;
  width: 32%;
  text-align: justify;
}

.site-main {
    margin: 0;
}
#footer-sidebar{
  margin: 5px auto 0;
  max-width: 55.556em
}

.site-info {
  clear: both;
  margin: 0 auto;
  max-width: 55.556em;
}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  .site-description{
    display: none;
  }

  .site-content {
  	margin-top: 1em;
  }

  .content-area {
  	float: left;
  	margin: 0;
  	width: 100%;
  }

  .right-sidebar .site-main {
  	margin: 0em 1em;
  }

  .site-content .widget-area {
  	float: right;
  	overflow: hidden;
  	width: 100%;
  }
  .widget {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 5px;
    overflow: hidden;
    word-wrap: break-word;
  }

  .widget-title {
    font-size: 1.5em;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  h1 {
  	font-size: 1.8em;
  }
}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .content-area {
  	float: left;
  	margin: 0 -25% 0 0;
  	width: 100%;
  }
  .site-content .widget-area {
  	float: right;
  	overflow: hidden;
  	width: 25%;
  }
  .right-sidebar .site-main {
  	margin: 0 30% 0 0;
  }

}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  .site-description{
    display: none;
  }

  .site-content {
  	margin-top: 1em;
  }

  .site-branding {
    clear : none;
    float: left;
    margin: 0 auto;
    max-width: none;
    text-align: left;
    width : auto;
  }

  .toggles {
    clear: none;
    width: auto;
    text-align: right;
  }

  .site-title {
    line-height: 25px;
    font-size: 20px;
  }

  .toggles .toggle::before {
    vertical-align: middle;
    font-size: 20px;
    line-height: 25px;
    margin-left: 6.75px;
    position: relative;
    text-align: center;
    width: 25px;
    height: 25px;
    color: black;
  }

  .headerbanner{
    display: none;
  }
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  body {
    font-size: 1em;
    font-weight: 200;
    line-height: 1.2em;
  }

  .entry-content {
  	margin-bottom: 0.5em;
  	margin-top: 0.5em;
  }

  .entry-meta{
    display: none;
  }

  .site-description{
    display: none;
  }

  .site-content {
  	margin-top: 1em;
  }

  .site-branding {
    clear : none;
    float: left;
    margin: 0 auto;
    max-width: none;
    text-align: left;
    width : auto;
  }

  .toggles {
    clear: none;
    width: auto;
    text-align: right;
  }

  .site-title {
    line-height: 25px;
    font-size: 20px;
  }

  .toggles .toggle::before {
    vertical-align: middle;
    font-size: 20px;
    line-height: 25px;
    margin-left: 6.75px;
    position: relative;
    text-align: center;
    width: 25px;
    height: 25px;
    color: black;
  }

  .headerbanner{
    display: none;
  }

  .entry-title {
    font-size: 1.2em;
  	line-height: 1.2em;
  	color: #f45145;
  	margin: 0.5em 0;
  	text-align: center;
  }

  #archives-5 {
    display:none;
  }
  #simpletags-4 {
    display:none;
  }
  #text-4 {
    display:none;
  }

  #jp-relatedposts {
    display:none;
  }
  .widget {
  	font-size: 1em;
  	line-height: 1.5em;
  	margin-bottom: 5px;
  	overflow: hidden;
  	word-wrap: break-word;
  }

  .widget-title {
  	font-size: 1.5em;
  	font-weight: 400;
  	margin-top: 10px;
  	margin-bottom: 10px;
  }
}