/*
Theme Name: My Onepress
Description: Theme enfant de Total
Author: Antoine B.
Author URI: 
Template: onepress 
Version: 0.1.0
*/

/**
* Masthead - Shrink on Scroll
**/

* {
    padding: 0;
    margin: 0;
 }
 
.site-logo-div img {
  height: 55px;
  width:auto;
   -webkit-transition: all 0.5s ease-in-out;
  /* Safari */
  -webkit-transition: all .5s ease-in-out;
  transition: all 0.5s ease-in-out;
} 

.onepress-menu a {
	font-family:montserrat;
	font-size: 13px;
	letter-spacing: 0.5px;
}

.site-footer .site-info {
  font-family:montserrat;
}

.vignette {
	background-image: url('https://windmyroof.com/wp-content/uploads/2018/06/linkedin64.png');
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.25s ease-in-out;
  /* Safari */
  -webkit-transition: all .25s ease-in-out;
  transition: all 0.25s ease-in-out;
}


.vignette:hover img {
  
  -webkit-transition: all 0.25s ease-in-out;
  /* Safari */
  -webkit-transition: all .25s ease-in-out;
  transition: all 0.25s ease-in-out;
  opacity: 0.5;
}
 
header.site-header.shrink {
  height:50px;
  line-height:50px;
}

.site-logo-div.shrink {
  line-height:50px;
}

.site-logo-div.shrink img{
  height: 40px;
  width:auto;
  -webkit-transition: all 0.5s ease-in-out;
  /* Safari */
  -webkit-transition: all .5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.onepress-menu.shrink a {
  font-size: 13px;
  letter-spacing: 0.5px;
  -webkit-transition: all 0.5s ease-out;
  /* Safari */
  -webkit-transition: all .5s ease-out;
  transition: all 0.5s ease-out;
}

blockquote p {
  font-style: normal;
}

/* Breadcrumbs
------------------------------*/
.breadcrumbs {
  font-size: 10px;
  padding: 15px 0px;
}
@media screen and (min-width: 720px) {
  .breadcrumbs {
    font-size: 12px;
  }
}
.breadcrumbs i {
  margin: 0px 6px;
}
.breadcrumbs a {
  text-decoration: none;
  color: #777777;
  font-weight: 600;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs span {
  margin-right: 20px;
  position: relative;
}
@media screen and (min-width: 720px) {
  .breadcrumbs span {
    margin-right: 40px;
  }
}
.breadcrumbs span span {
  margin-right: 0;
}
.breadcrumbs a:before {
  /* border-bottom: 6px solid transparent;
  border-left: 6px solid rgba(0, 0, 0, 0.2);
  border-top: 6px solid transparent; */
  content: "";
  display: inline-block;
  position: absolute;
  right: -11px;
  top: 2px;
}
@media screen and (min-width: 720px) {
  .breadcrumbs a:before {
    right: -23px;
    top: 3px;
  }
}
.breadcrumbs a:after {
  /* border-bottom: 5px solid transparent;
  border-left: 5px solid #ffffff;
  border-top: 5px solid transparent; */
  content: "";
  display: inline-block;
  position: absolute;
  right: -10px;
  top: 3px;
}
@media screen and (min-width: 720px) {
  .breadcrumbs a:after {
    right: -22px;
    top: 4px;
  }
}


.calculatorclass1 input{ font-size:24px; text-align:center;}

.tweet-feed {

max-height: 400px;

}

.tweet-feed-content {

height: 400px;

}

.site-footer{
  background-color: #222;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	
	text-align: center;
	font: bold 16px sans-serif;

	/*padding: 50px 50px;*/
	margin-top: 50px;
	font-family:montserrat;
	margin: auto;
	width: auto;
}

.site-footer .footer-left,
.site-footer .footer-center{
	display: inline-block;
	vertical-align: center;
}

/* Footer left */

.site-footer .footer-left{
	width: 250px;
	color: #FFFFFF;
	text-align: justify;
	font-size: 12px;
	font-weight:300;
}

/* Footer phrase accroche */

.site-footer .accroche{
	width: 250px;
	color: #FFFFFF;
	text-align: justify;
	font-size: 12px;
	font-weight:300;
}


/* Footer links */

.site-footer .footer-links{
	color:  #ffffff;
	margin: 0px 0 20px;
	padding: 0;
}

.site-footer .footer-links a{
	display:inline-block;
	line-height: 1.0;
	text-decoration: none;
	color:  inherit;
}

.site-footer .footer-company-name{
	color:  #8f9296;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

/* Footer Center */

.site-footer .footer-center{
	width:50%;
  text-align: right;
}

.site-footer .footer-center i{
	background-color:  #33383b;
	color: #ffffff;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	vertical-align: middle;
	margin-left: 15px;
}

.site-footer .footer-center i.fa-envelope{
	font-size: 17px;
	line-height: 38px;
}

.site-footer .footer-center p{
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	margin:0;
}

.site-footer .footer-center p span{
	display:block;
	font-weight: normal;
	font-size:14px;
	line-height:2;
}

.site-footer .footer-center p a{
	color:  #5383d3;
	text-decoration: none;;
}



.site-footer .footer-icons{
	margin-top: 0px;
	margin-bottom: 25px
}

.site-footer .footer-icons a{
	
	width: 30px;
	height: 30px;
	cursor: pointer;
	border-radius: 2px;

	font-size: 17px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;

	margin-right: 0px;
	margin-left: 15px;
	margin-bottom: 15px;
}

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 880px) {

	.site-footer{
		font: bold 12px sans-serif;
		font-family:montserrat;
	}

	
	.site-footer .footer-center,
	.site-footer .footer-right{
		display: block;
		width: 100%;
		/*margin-bottom: 40px;*/
		text-align: center;
	}

	.site-footer .footer-center i{
		margin-left: 0;
	}

}

.youtube {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.youtube img {
    width: 100%;
    top: -16.84%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.breadcrumbs {
display: none;
}