/*
 Theme Name:   Spane
 Description:  Flaton Pro Child Theme
 Author:       anlo
 Template:     flatonpro
 Version:      1.0.0
 Text Domain:  spane
*/

/* GLOBAL */

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  line-height: 1.3;
}

blockquote {
  font-style: italic;
  font-size: 80%;
}

/* HEADER */
#masthead h1 {
  text-transform: uppercase;
  text-align: left;
}
#masthead h2 {
  margin: 15px 0 0 0;
  font-size: 2rem;
  color:#55a108;
  text-align: left;
}

#gallery-1,
#gallery-2,
#gallery-3,
#gallery-4,
#gallery-5 {
  margin: 20px 0 0 -25px !important;
}

/* BTN */
.btn-success,
.widget_button-widget a.btn.green {
  background: #55a108 !important; }

.btn-success,
.widget_button-widget a.btn.green:hover {
  background: #363 !important;
}

/* SLIDER */
.slide {
	float:right;
	padding: 10px;
	margin: 0 10px 0 0;
}
.slide span {
	display:block;
	float:right;
	color:#55a108;
	font-family: "Bitter", serif;
	margin:0 0 10px 0;
}

/* CARROUSEL */
.sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item h3 {
  color: #E64427;
  text-transform: uppercase;
  font-size:13px;
}

/* CONTENT */
.home .site-content {
  padding: 40px 0 !important;
}
.hentry {
    margin: 0 0 2rem;
}
.entry-content ul, ol {
  margin: 0 0 1.5em 1em;
}
.entry-content li {
   margin-bottom: 15px;
 }
.entry-title {
  color: #E64427;
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.entry-content h1 {
  color: #E64427;
  font-size: 30px;
  text-transform: uppercase;
}

.ui-accordion .ui-accordion-content,
.toggle .toggle-content {
  background-color: #FFFFFF !important;
}


.page-id-28 .entry-content ol {
  counter-reset: repas;
}
.page-id-28 .entry-content li {
  list-style-type: none;
  counter-increment: repas;
  margin-bottom: 30px;
}
.page-id-28 .entry-content li:before {
  content: counter(repas);
  padding: 10px 15px;
  margin-right: 8px;
  vertical-align: top;
  background: #55a108;
  -moz-border-radius: 60px;
  border-radius: 60px;
  font-weight: normal;
  font-size: 0.9em;
  color: white;
}

/* A ADOPTER */
.qualificatif span {
  font-weight: bold;
  letter-spacing: 1px;
}

/* PAGE ADOPTION SINGLE */
.item {
  overflow: hidden;
  width: 33.33%;
  margin: 0;
}
#filters, #portfolio {
  padding: 0;
}
.single-portfolio h1 {
  text-align: center;
}
.single-portfolio .list-title {
  font-weight: bold;
}
.single-portfolio .thumbnail {
  background-color: #F0F2F3;
  padding-top: 20px;
}
.single-portfolio .column {
  width: 100%;
}
.single-portfolio .qualificatif {
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  line-height: 35px;
  margin-left: -30px;
}
.single-portfolio .wrapper {
  margin: 20px 0 0 0;
  border-left: 3px #55a108 solid;
  padding: 0 0 0 20px;
}
.single-portfolio .description {
  margin: 20px 0 0 0;
  border-left: 3px #55a108 solid;
  padding: 0 0 0 20px;
}
.single-portfolio blockquote {
  margin: 1.5em 1.5em;
  font-style: italic;
  color: #666;
}
.single-portfolio .description img {
  margin: 20px 0 0 0;
}
.single-portfolio .info_supp {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: #55B9FF;
  padding: 15px; letter-spacing:1px;
  margin-top: 20px;
}

/* WIDGET */
.widget_social-networks-widget ul li a, .share-box ul li a {
  margin-right: 0;
}
.top-right .widget_social-networks-widget {
  min-height: 30px;
}
#colophon .widget ul li {
  border-bottom: none;
}
#colophon .widget_nav_menu li {
  padding: 0;
}

/* FOOTER */
#colophon .widget-title {
  margin: 0;
  padding: 0;
}
#colophon .textwidget {
  margin: 0;
}


/* MEDIA QUERIES */

@media only screen and (max-width: 1035px) {

	.slide {
    display: none;
  }

}

@media only screen and (max-width: 992px) {

  h4 {
    font-size: 1.8rem;
  }
  .item {
    width: 50%;
  }

}


@media only screen and (max-width: 700px) {

  #primary-nav {
    display: none;
  }
  .site-content {
      padding: 20px 0;
  }
  .portfolio-excerpt a.btn-readmore {
    font-size: 12px;
  }


}