/*
Theme Name: 	Sneaky Rascal
Template:		betheme
Version: 		1.6.2
*/

/* -------------------------------------------------------------- */

.brandback h1,
.brandback h2,
.brandback h3,
.brandback h4,
.brandback h5,
.brandback p,
.brandback a,
.brandback li {
	color: #fff;
}

h1,h2 {line-height:1.1;}

#mission:before {
    content: " ";
    position: absolute;
    width: 300%;
    height: 300%;
    top: 26%;
    left: -150%;
    background-image: url(/wp-content/uploads/kickinrad5pc.svg);
    transform: rotate(-43deg);
    background-size: 15%;
	transition: all 2s ease-in;
}
#mission:hover:before {
/* 	filter: blur(10px); */
	background-size: 16%;
}

/* BUTTONS */
.section a.button {
	background-image: linear-gradient(to left, #f5a846 0%, #fe5f55 100%);
	transform: all 0.2s ease-in-out;
	padding: 0.3em 1em; 
}
.section a.button:hover {
	background-image: linear-gradient(to left, #f5a846 0%, #fe5f55 120%);
}
a.button span {
/*     background-color: #535457; */
    color: #fff;
/*     mix-blend-mode: darken; */
    text-transform: uppercase;
    letter-spacing: 1px;
/*     text-shadow: 0 0 2px rgba(0,0,0,0.3); */
}
 a.button .button_icon {
/*     background-color: #535457; */
	text-shadow: 0 0 2px rgba(0,0,0,0.3);
}

a.button span {

    color: #000;
/*     mix-blend-mode: darken; */
/*     -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}


	/*CRASH TEST FOXTER*/
	#mission .image_frame .image_wrapper, #mission .image_frame {overflow: visible;}
	#mission img {transform: scale(1.9) translateX(3em);}

@media (max-width: 480px) {
	#mission img {transform: scale(1.5) translateX(3em) translateY(2em);}
	}

.single-post .sidebar span.date {
	font-size: 0.7em;
}

/* CApS */
.shapecap {
	font-size:10em;
	margin-top: 3rem;
}
.single-post p {text-align:justify;}

/* TOOLTIPS */
[data-title] {
  text-decoration-line: underline;
    text-decoration-style: wavy;
	text-decoration-color: pink;
	text-decoration-skip-ink: none;
  cursor: help;
}

[data-title]:hover::before {
    content: attr(data-title);
    position: absolute;
    top: -1em;
    display: inline-block;
    padding: 0.25em 0.75em 0.45em;
    border-radius: 1em 1em 1em 0;
    background: rgba(0,0,0,0.9);
    color: #fff;
    font-size: 0.9em;
	font-style: italic;
    white-space: nowrap;
    z-index: 99;
}
[data-title]:hover::after {
    content: "";
    position: relative;
    top: -1em;
    display: inline-block;
    color: #fff;
    border: 8px solid transparent;
    border-left: 8px solid rgba(0,0,0,0.9);
    z-index: 99;
    left: -2.8em;
}

.blog-teaser li:first-child img {width: 100%;}

#Filters .filters_buttons li {display: inline;float:unset;}

/* JAMES MASONRY */
.masonry:not(.tiles) .post-item {background: rgba(255,255,255,0.05);}
.masonry:not(.tiles) .post-item .post-footer {display:none;}
.masonry:not(.tiles) .post-item .image_frame {border-color: #000;}

h2.entry-title {background-image: linear-gradient(to right, #f5a846 0%, #fe5f55 100%); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;}
.style-simple #Filters .filters_wrapper ul li.featured {display: none;}


/* DANS -------------------------------------------------------------- */

/* ----- DF GLOBAL ----- */

.df-bold {
font-weight: 700;
}

/* ----- DF POST -----*/

.df-img-top {
padding-top: 10em !important;
padding-bottom: 100px;
margin-top: 10px;
}

.df-post-title h1, .df-post-title h2 {
   font-family: "montserrat";
   text-transform: uppercase;
   text-align: center;
   color: #fff;
}

.df-post-title h1 {
    font-size: 5em;
    margin-bottom: 50px;
}

.df-post-title h2 {
    font-size: 2em;
}

.df-rev p:first-child {
	font-weight: 700;
	font-size: 1.4em;
	line-height: 1.2em;
}

.df-copy {
    margin-top: -6em;
    background: #fff;
    margin-left: -5em;
    padding: 10px 20px;
}

.df-s-drop { 
background-size: 75% !important; 
opacity: 0.05;
}

img.vert {
	width: 49.5%;
}

img.vert:nth-child(2) {
	float: right;
}

/* END DANS -------------------------------------------------------------- */
@media (max-width: 480px) {
	.df-post-title h1 {
		font-size: 4.3em;
		margin-bottom: 50px;
	}
}