/*
Theme Name:SimpleMag-child
Author:Manou.B / Erwan Clermont
Description:Site pour Micro-sillons - collectif de création sonore
Template:simplemag
Version:2.0
*/



/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   RESET CSS
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
  -webkit-box-sizing: border-box;/*padding et bordure*/
     -moz-box-sizing: border-box;/*n'impactent plus les hauteurs*/
          box-sizing: border-box;
}

/*-------------------fin du reset-------------------------------------------------------*/

/* Your CSS code goes here
------------------------------orange:#ff4f00-------- */
.grecaptcha-badge{ display: none;}

body{
  color:#000;
}

h2, h3, h4, h5, h6, 
.tagline, .sub-title, .menu a, .sub-menu a,
.widget_pages, .widget_categories, 
.entry-meta, .entry-note, .read-more, 
#submit, .widget_ti-about-site p, 
.comments .vcard, 
#respond label, 
.copyright, #wp-calendar tbody, 
.latest-reviews i, .score-box .total {
  font-family: "Cabin",Arial,Verdana,"Helvetica Neue",Helvetica,sans-serif;
  font-weight: 600 !important;
}

p{
	font-size:18px;
  line-height:1.5em;
}

.copyright,
.copyright a,
#respond label,
.footer-sidebar a,
.comment-reply-link,
.comment-reply-login,
.sidebar .entry-title a,
.single-box .entry-title,
.comments .vcard .datetime,
#masthead .main-menu .sub-menu .sub-links a,
#masthead .main-menu .sub-menu .sub-posts a {
	color:#000;
}

.top-strip{
	padding-top:20px;
  padding-bottom:20px;
  border-bottom: 2px dotted #c0c0c0;
}

.color-site-dark, .color-site-dark .sub-menu, .color-site-dark .widget_ti_most_commented li h4 {
  color: #ffffff;
  background: none repeat scroll 0% 0% #000000;
}

.color-site-gray, .color-site-gray .sub-menu, .color-site-gray .widget_ti_most_commented li h4 {
  color: #8C919B;
  background: none repeat scroll 0% 0% #c0c0c0;
}

.color-site-dark a{
  color: #ffffff;
}

.color-site-gray a, .color-site-white a{
  color: #000000;
}

#mega-menu-item-widget_sp_image-8 img {
	margin:auto !important;
}

#masthead .top-strip nav > ul > li:first-child {
  border-left-width:0;
}

#masthead .top-strip nav > ul > li {
  border-right-width:0;
  font-size: 14px;
  border-top: 3px double #c0c0c0;
}

#masthead .top-strip nav > ul > li:hover {
  border-top: 2px dotted rgb(255, 79, 0);
}

#masthead .top-strip nav > ul > li a {
  line-height: 3em;
}

#masthead .top-strip nav > ul > li:hover > a{
  color: #FF4F00 !important;
}

#masthead #branding {
  margin: 50px auto;
}

#masthead #branding .tagline {
 	color: #ff4f00;
  padding-top:60px;
}

#masthead nav .sub-menu {
    width: 180px !important;
	border: 3px double #000 !important;
	border-radius: 15px; 
}

#masthead nav .sub-menu a:hover{
	color: #ff4f00 !important;
}

#secondary-nav > li:nth-child(4) > ul:nth-child(2) > li:nth-child(1) > a:nth-child(1){
  text-transform: none !important;
}

.page .page-content ul li, .single .entry-content ul li {
    list-style: disc;
    font-size: 18px;
}

.single blockquote:before, .single blockquote:after {
  font-size:2.5em;
  color: #ff4f00;
  font-family: Vollkorn,"Times New Roman",Times,serif;
}

.page blockquote::before, .single blockquote::before {
   margin-right: .2em;
   vertical-align: -.3em;
}

.page blockquote::after, .single blockquote::after {
   vertical-align: -.6em;
}

blockquote, .page blockquote, .single blockquote {
  padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 4em; 
  text-align: justify;
}

blockquote p {
  color: #000;
  font-family:'Cabin', Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 1.6em;
}

.wp-caption-text {
	text-align: left !important;
  font-size: 14px;
}

/*---------------reCaptcha+formcontact------------------*/
.wpcf7-form-control-wrap > .rc-anchor {
    background-color: rgba(0, 0, 0, 0);
		border: 1px dotted #ff4f00;
		color: #fff;
}

.wpcf7-form-control-wrap > .rc-anchor-normal {
    width: 215px;
}

.wpcf7-form-control-wrap > .rc-anchor-normal-footer {
    display: none !important;;
}


.wpcf7-submit {
		float: right;
  	color: #ffffff !important;
  	border: 3px solid #ff4f00 !important;
}

/*---------------fa icones------------------*/
.fa-commentaire {
  font-size: 23px !important;
  color: #ff4f00;
  text-shadow: #8c919b -2px 3px 3px;
}

.fa-asterisk {
  font-size: 20px !important;
  color: #ff4f00;
  text-shadow: #8c919b -2px 3px 3px;
}

.fa-telecharger, .fa-telecharger a {
	font-size: 3em !important;
  color: #000000 !important;
}

.fa-telecharger:hover, .fa-telecharger a :hover {
	color: #ff4f00 !important;
}

.fa-play {
	font-size: 40px !important;
  color: #ff4f00;
  vertical-align: -.2em;
}

.fa-headphones {
	color: #ff4f00;
}

.fa-star {
	color: #ff4f00;
  font-size: 20px !important;
}
.fa-lgbtqi{
	color: #ff4f00;
  font-size:10px !important;
}
.fa-file-pdf-o {
	font-size: 40px !important;
  color: #ff4f00;
  vertical-align: -.2em;
}
/*---------------form----------{

}--------*/

.wpcf7-form input, .wpcf7-form textarea {
	margin-bottom: 0;
}

/*---------------search form------------------*/

#searchform input[type="text"] {
  font-size: 10px;
}

.top-strip #searchform{
	border:3px double #ff4f00;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
}

.csstransitions .top-strip #searchform input[type="text"]:focus {
		width:200px;
}

.entry-list article {
  border-bottom: 2px dotted #c0c0c0;
}

.entry-list article .entry-summary {
  padding-top: 15px;
}

.entry-summary a{
  color: #666666;
  line-height: 3em;
}

.entry-list article h2 {
  text-transform: uppercase;
}

#logoheader img{
  margin-bottom: 5px;
}
	
.social li a:hover {
	color:#ff4f00;
}
/*----------------------boutons de partages sociaux------------------
.supsystic-social-sharing {
  max-width: 40px;
}

.supsystic-social-sharing a.social-sharing-button {
  background-color: #000000 !important;
}

.supsystic-social-sharing a.social-sharing-button:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 3px double #ff4f00!important;
}
.supsystic-social-sharing a.social-sharing-button:nth-child(1):hover, .supsystic-social-sharing a.social-sharing-button:nth-child(2):hover, .supsystic-social-sharing a.social-sharing-button:nth-child(3):hover, .supsystic-social-sharing a.social-sharing-button:nth-child(4):hover {
    background-color: #ffffff !important;
}

.supsystic-social-sharing .sharer-flat.twitter:hover, .supsystic-social-sharing a.social-sharing-button.sharer-flat.facebook:hover, 
.supsystic-social-sharing a.social-sharing-button.sharer-flat.googleplus:hover, .supsystic-social-sharing a.social-sharing-button.sharer-flat.mail:hover {
  background-color: #ffffff !important;
}

.supsystic-social-sharing button.social-sharing-navigation-toggle, .supsystic-social-sharing button.social-sharing-navigation-toggle:hover {
  background: rgba(0, 0, 0, 0)!important;
  color: #000000 !important;
  padding: 4px 5px 5px 2px !important;
  border: 3px double #ff4f00!important;
}

/*----------------------catégories------------------*/

/*------------------pages---------------------------*/

.wrapper {
  margin: 0px auto;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 15px;
}

.widget_pages a:hover,
.widget_categories a:hover,
.comments li .vcard a:hover,
.widget_recent_entries a:hover,
.widget_recent_comments a:hover,
.entry-meta, .entry-category a, a{
	text-decoration:none;
}

.page-title,
.section-header .title,
.posts-slider .entry-title {
	font-size:50px;
	line-height:120%;
}

.page-title, .single-title, .home-section .section-header .title {
  background: none;
}

.page-title, .home-section .section-header .title{
  padding:25px 0 20px 0 ;
  border:4px double #c0c0c0;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
}

.entry-meta, .entry-author, .entry-date, .entry-category, .entry-category a, .entry-meta a{
  text-transform:none;
	color:#666666;
}

.entry-header .entry-author:after, .entry-header .entry-meta .entry-category:after {
  content: "∿";
  color: #ff4f00;
}

.entry-meta {
  padding-top: 20px;
}

.entry-meta a:hover{
 color: #ff4f00;
}

article .entry-image {
  margin-bottom: 20px;
}

body:not(.home) .masonry-layout article {
  padding-bottom: 27px;
  border-bottom: 2px dotted #000000;
}

.entries article .entry-image [class*="icon-"], .entry-list article .entry-image [class*="icon-"] {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0 0 0 2px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 30px;
  width: 80px;
  height: 80px;
  line-height: 70px;
  margin: -40px 0 0 -40px;
  border: 4px double #ff4f00;
  border-radius: 100px;
  text-align: center;
  }

/*----------------------single post----------  opacity: 0.7;--------*/
#masthead {
 margin-bottom:0;
}

.single #masthead #branding .tagline {
  display: none;
}

.single #masthead #branding {
 margin-bottom: 0;
}

.single-title {
  font-size:40px;
	line-height:100%;
  color:#ff4f00;
  padding:50px 0 0 0;
  margin:0;
}

.single .entry-meta{
  margin: 0 0 40px 0;
  padding:20px 0 10px 0;
}

.single .entry-media {
  margin: 0px auto 10px;
}

.single-format-audio .entry-media img{
	display: none !important;
}

.single .entry-content a,
.page .page-content a{
  color:#ff4f00 !important;;
}

.single .entry-media iframe {
  height: 600px;
}

#gallery-carousel img {
  margin: 0px 15px 0px 0px;
  border-radius:10px;
}

#gallery-carousel .carousel-nav {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: 3px double #FFF;
  border-radius:50px;
}

#gallery-carousel .carousel-nav:hover {
  color:#ff4f00;
  border: 3px double #ff4f00;
}

#gallery-carousel:hover .carousel-nav {
  box-shadow:none;
}

#single-box .entry-media {
	border-top: 3px double #c0c0c0;
}

#social-box, #tags-box {
  border-top: 3px double #c0c0c0;
}

#tags-box {
  text-align: center;
}

#tags-box a {
  margin: 0px 0px 5px 5px;
  border: 1px dotted#000;
}

#tags-box a:hover {
 color:#ff4f00;
}

.single-box .entry-title {
  border-bottom: 3px double #c0c0c0;
  padding: 0px 0px 2px;
  margin-bottom:0;
  line-height: 30px;
  color:#ff4f00;
}

.related-posts .carousel-nav {
  width: auto;
  line-height: inherit;
  font-size: 10px;
  padding: 7px 8px 4px;
  border: 3px double #c0c0c0;
  border-radius: 20px;
  color: #ff4f00;
}

.related-posts .carousel-nav:hover {
  border: 3px double #ff4f00;
  color: #ff4f00;
  background-color:#fff;
}

.related-posts .next {
	right:30px;	
}

.related-posts .entry-image.inview{
  max-height: 200px !important;
}

.related-posts .entry-meta{
  margin: 0px !important;
}

.carousel{
  margin-top:15px; 
}

#author-box{
  background: none repeat scroll 0% 0% #ffffff;
}

#author-box .inner{
  border: 2px dotted #c0c0c0;
}

.author-info > h2{
  color:#000000;
  font-size: 30px;
}

/*.single .entry-content > p:first-of-type:first-letter {
  font-size: 30px;
  color:#ff4f00;
  border-radius: 15px 0px 15px 15px;
  border: 3px double #C0C0C0;
  padding: 8px 8px 8px 8px;
  margin-top:8px;
  margin-right:1px;
  text-shadow:1px 1px 0px #666666;
  line-height: 30px;
}*/
.single .entry-content > p:first-of-type::first-letter {
    font-size: inherit;
    float: none;
    line-height: inherit;
    padding: 0;
	font-family: inherit !important;
}

.pagination ul {
  border-top: 2px dotted #ff4f00;
  border-bottom: 2px dotted #ff4f00;
}

.pagination li span {
  padding: 5px 0;
  width: 30px;
  height: 30px;
}

.page-numbers .current {
  background-color: #FF4F00;
  border-radius:60px;
}

.pagination li a.next:hover, .pagination li a.prev:hover {
  color: #ff4f00;
  background:none;
}

.tag .sidebar{
	border:4px double #c0c0c0;
  -moz-border-radius: 0px 15px 15px 15px;
  -webkit-border-radius: 0px 15px 15px 15px;
  border-radius: 0px 15px 15px 15px;
}

.widget_recent_entries ul{
 margin-bottom: 30px;
}

.sidebar .widget{
	border-top:1px dotted #ff4f00;
}

/*----------------------blocs wp------------------*/
.wp-block-image, .wp-block-jetpack-slideshow, .wp-block-embed {
    margin-bottom: 50px !important;
    margin-top: 50px !important;
}

/*----------------------footer------------------*/
#footer{
border-top:2px solid #c0c0c0;
}

#footer .grid-10 {
	width: 900px;
}

.grid-10, .grid-10 a {
color: #666666;
}

.grid-10 span, .grid-10 a:hover{
color: #ff4f00;
}

.grid-2{
  float: right;
  width: auto;
}

.copyright .back-top {
  font-size: 10px;
  text-align: center;
}

.grid-2 a{
  text-decoration: none;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
  border-radius:30px;
  padding:15px;
  color: #ff4f00;
  border:3px double #c0c0c0;
}

.grid-2 a:hover{
  color:#000;
  border:3px double #ff4f00;
}

/*--------------------Mini audio player------------------*/
.postid-2557 #post-2557 .mbMiniPlayer{
	width: 100% !important;
	text-align: center !important;
	margin-bottom: 20px !important;
}

/*--------------------slide jetpack------------------*/
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_slide {
    background: rgb(255, 255, 255) !important;
}


#gallery-2990-1-slideshow, #gallery-2820-1-slideshow, #gallery-2541-1-slideshow, #gallery-1134-1-slideshow, #gallery-1795-1-slideshow, #gallery-1965-1-slideshow, #gallery-1984-1-slideshow, #gallery-1986-1-slideshow, #gallery-1965-2-slideshow {
    background-color: #ffffff;
   	border: 4px double #ff4f00;
  	-moz-box-shadow: inset 5px 5px 10px 5px #343434;
		-webkit-box-shadow: inset 5px 5px 10px 5px #343434;
		-o-box-shadow: inset 5px 5px 10px 5px #343434;
		box-shadow: inset 5px 5px 10px 5px #343434;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=134, Strength=10);
		-moz-border-radius: 50px 50px 0 0;
		-webkit-border-radius: 50px 50px 0 0;
		border-radius: 50px 50px 0 0;
  }
#gallery-2990-1-slideshow .slideshow-slide, #gallery-2820-1-slideshow .slideshow-slide, #gallery-2541-1-slideshow .slideshow-slide, #gallery-1134-1-slideshow .slideshow-slide, #gallery-1795-1-slideshow .slideshow-slide, #gallery-1965-1-slideshow .slideshow-slide, #gallery-1984-1-slideshow .slideshow-slide, #gallery-1986-1-slideshow .slideshow-slide, #gallery-1965-2-slideshow .slideshow-slide {
		margin: 12px auto;
}
 
#open-pageslide, #close-pageslide, #pageslide a {
    color: #ff4f00;
    font-size: 30px;
    line-height: 40px;
}

#pageslide .block {
   border-color:#ff4f00;
}

#gallery-2548-1-slideshow, #gallery-1709-1-slideshow, #gallery-2212-1-slideshow, #gallery-1858-1-slideshow, #gallery-2601-1-slideshow {
		background-color: #ffffff;
   	border: 20px solid #ffffff;
}

#gallery-1858-1-slideshow > .slideshow-controls {
  display: none;
}

/*--------------------slideshow------------------*/
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next{
	border-radius: 50px !important;
  border:3px double #ff4f00 !important;
}
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets {
    display: none;
}
/*--------------------responsive------------------*/
@media only screen and (min-width: 801px){
	.entry-image {
    opacity: 1 !important;
	}
}

@media screen and (max-width: 680px){
	#logoheader {
		margin-bottom: 10px !important;
	 }
  
  .page-title,
  .section-header .title,
  .posts-slider .entry-title {
	  font-size:35px;
	  line-height:100%;
   }
  
  .page-title span,
  .section-header .title,
  .posts-slider .entry-title span{
    background: none repeat scroll 0% 0% transparent;
   }
  
  
  .single-box h3 {  
    font-size: 14px; 
  }
  
  .grid-2 {
    margin-top: 20px;
  }
}

@media screen and (max-width: 250px){
  
  .page-title,
  .section-header .title,
  .posts-slider .entry-title {
	  font-size:25px;
    background:none;
   }
  }