/*
Theme Name: Real Fake Theatre
Author: LivArt
Description: custom and private theme
Version: 0.0.1

*/

/* CSS Document */

body, html { 
	margin: 0;
	padding: 0;
	max-height:100vh;
	overflow-x: hidden;
    overflow-y: hidden;
}

.kalam-light {
  font-family: "Kalam", cursive;
  font-weight: 300;
  font-style: normal;
}

.kalam-regular {
  font-family: "Kalam", cursive;
  font-weight: 400;
  font-style: normal;
}

.kalam-bold {
  font-family: "Kalam", cursive;
  font-weight: 700;
  font-style: normal;
}


.courier-prime-regular {
  font-family: "Courier Prime", monospace;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.8px;
  line-height:16px;

}

.courier-prime-bold {
  font-family: "Courier Prime", monospace;
  font-weight: 700;
  font-style: normal;
}

.courier-prime-regular-italic {
  font-family: "Courier Prime", monospace;
  font-weight: 400;
  font-style: italic;
}

.courier-prime-bold-italic {
  font-family: "Courier Prime", monospace;
  font-weight: 700;
  font-style: italic;
}

.kanit-thin {
  font-family: "Kanit", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.kanit-extralight {
  font-family: "Kanit", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.kanit-light {
  font-family: "Kanit", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.kanit-regular {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.kanit-medium {
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.kanit-semibold {
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.kanit-bold {
  font-family: "Kanit", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.kanit-extrabold {
  font-family: "Kanit", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.kanit-black {
  font-family: "Kanit", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.kanit-thin-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.kanit-extralight-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.kanit-light-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.kanit-regular-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.kanit-medium-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.kanit-semibold-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.kanit-bold-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.kanit-extrabold-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.kanit-black-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.oswald-regular {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.oswald-light {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.fredoka-regular {
  font-family: "Fredoka", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
  font-variation-settings:
    "wdth" 89.3;
}

.jost-regular {
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
}


/*INDEX PAGE*/

.wrapper {
	background-image:url("images/brickwall.jpg");
	background-size:cover; 
	background-repeat: no-repeat;
	height:100vh;
	background-attachment: fixed;
	display: flex;
    justify-content: center;
    min-height: 100%;
	overflow: scroll;
}


.footer-bottom{
	position:fixed;
	bottom:0px;
	width :100%;
	height:11vh;
	background-image: url("images/bottom-2.png");
	background-position: bottom;
	background-size: cover;
    z-index:10 !important;

}

@media only screen and (max-width: 736px){
.footer-bottom{
	height:24vh;
}
.for-bottom{
	display:none;
}
}

/** TEST CSS**/

#parent{
	position: absolute;
    display: flex;
    width: 65%;
    flex-direction: column;
    bottom: 9vh;
	min-height: 100%;
    justify-content: flex-end;
}

@media only screen and (max-width: 736px){
#parent {
	bottom:21vh;
	width:100%;
} }

.realfake {
	text-align: center;
	display: flex;
    align-items: flex-end;
	margin-left: 6%;
	height:20vh;
}
.title {
	/*background-image: url("images/realfake-3.png");*/
    background-repeat: no-repeat;
    background-size: contain;
	background-position:bottom;
	width:90%;
	height:100%;
	z-index:6;
	text-align: right;
	align-content: flex-end;
	justify-items :right;
}
.contact-menu {
	position:relative;
	font-size:1rem;
	width:15%;
	text-align: center;
}
.title img  {
	width:100%;
	height: auto;
	
}

.contact-menu img {
	width:100%;
	height: auto;
}

.fun-link{
	display: flex;
    align-items: flex-end;
	width:15%;
	height:100%;
	background-image: url("...");
    background-repeat: no-repeat;
    background-size: contain;
	background-position: left bottom;
	z-index:6
}




.fun-link > img{
	width:87%;
	height: auto;
}

.fun-link a > img{
	width:95%;
	height: auto;
}

.fun-link a:hover > img{ 

}
.fun-link a img:last-child {
  display: none;  
}
.fun-link a:hover img:last-child {
  display: block;  
}
.fun-link a:hover img:first-child {
  display: none;  
}

.banner-1 a, .banner-2 a{
	display:inline-block;
}

.banner-1 a {
	width:8rem;
}

.banner-2 a {
	/*padding:1rem;*/
}

.banner-1 img, .banner-2 img{
	width:100%;
}

.banner-1 a img:last-child {
  display: none;  
}
.banner-1 a:hover img:last-child {
  display: block;  
}
.banner-1 a:hover img:first-child {
  display: none;  
}

.banner-2 a{
 width:10rem;
}

.banner-2 a img:last-child {
  display: none;  
}
.banner-2 a:hover img:last-child {
  display: block;  
}
.banner-2 a:hover img:first-child {
  display: none;  
}
.banners-container{
	display:flex;
	margin-top:-0.55rem;
	z-index:5;
}

.for-header{
    background-image:url("images/banner-total.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 22vh;
    display: flex;
    flex-direction: row;
    align-items: center;
	justify-content: center;
}

.for-header a {
	width:7rem;
}

.for-header a > img {
		width:100%;
}


@media only screen and (max-width: 736px){
.banners-container {
	position:relative;
	margin-top: 1.45rem;
	z-index: 5
} }

@media only screen and (max-width: 736px){
.for-header {
display: none;
} }
.banner-1{
    background-image: url(images/banner-left-cut.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 50%;
    height: 22vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: right;
    background-position: right top;
}


.banner-2{
    background-image: url(images/banner-right-cut.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 50%;
    height: 22vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    background-position: left top;
}
@media only screen and (max-width: 736px){
.empty-header {
} }
.shop-container{
	display: flex;
	flex-direction: row;
	margin-top: -3rem;	
	justify-content: center;
}

@media only screen and (max-width: 736px){
.shop-container {
    margin-top: -2rem;
} }


.balise-1{
	width: 7%;
	margin-left:3%;
	text-align:right;
	margin-right: -3%;
    z-index: 3;
}


.balise-1 > img{
	width:90%;	
}
@media only screen and (max-width: 736px){
.balise-1 > img{
  /* height:100%;*/
} }
.balise-2{
	width: 7%;
	margin-right:3%;
	text-align:left;
	margin-left: -3%;
    z-index: 3;
}

.balise-2 > img{
	width:90%;	
}

@media only screen and (max-width: 736px){
.balise-2 > img{
  /* height:100%;*/
} }

.window{
	  display: flex;
	position: relative;
	width:80%;
	overflow-y: hidden;
	background-image: url("images/inside-shop.png");
    background-position: center;
    background-size: 100% 100%;

}

.window-inside{
	position: absolute;
    top: -30%;
    width: 100%;
    height: 130%;
	background-image: url("images/rideau-fer.jpg");
    background-position: center;
    background-size: 100% 100%;
	transition: all .3s ease-out;

}
@media only screen and (max-width: 736px){
.window-inside {
background-image: none;
} }


.window:hover > .window-inside{
transform: translatey(-100%) !important;

}
.window:hover > .bubble{
visibility: visible;

}

.front{
	position: absolute;
    width: 18%;
    height: 59%;
    background-image: url(images/ninaphil.png);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0;
    left: 24vh;
    z-index: 11;

}

.window > img{
	width:100%;
}

.bubble{
	position: relative;
    width: 22%;
    height: 100%;
    left: 4%;
    bottom: 0;
    display: inline-flex;
    align-items: end;
    z-index: 11;
    visibility: hidden;
}

@media only screen and (max-width: 736px){
.bubble{
 visibility:visible;
	width:30%;
} }

.bubble >img{
	width: 120%;
    height: 100%;
}
@media only screen and (max-width: 736px){
.bubble{

}}

.bubble-2{
    position: absolute;
    right: 0;
    bottom: 10%;
    width: 72%;
    height: 65%;
    display: inline-flex;
    background-image: url(images/bubble-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	align-items: center;
	justify-content: center;
	font-size:1.2vw;
	
}

@media only screen and (max-width: 736px){
.bubble-2{
	position: relative;
	height:100%;
	z-index:11;
	font-size:12px;
	line-height: 12px;
	margin-top:2%;
}}

.inside-bubble-2{
	width: 44%;
    height: 54%;
	overflow: hidden;
	text-align: center;
    align-content: center;
	
}

#anim {
	z-index:3;
	background: blue;
	width:100px;
	height:100px;
}

#anim > img {
	width:100%;
}


#pot img{
  width:7rem;
  
}

.slide-right {
	position: absolute;
	-webkit-animation: slide-right 5s  both;
	        animation: slide-right 5s both;
	bottom: 10vh;
  	z-index:5;
	/*width:0;*/
	
}
@media only screen and (max-width: 736px){
.slide-right{
  	z-index:11;
} }


.slide-right a{
	display:inline-block;
	cursor: pointer;
}


.slide-right img{
  width:7rem;  
}

@media only screen and (max-width: 736px){
.slide-right img{
  width:5rem;  
}}


@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(-600%) rotate(0deg);
            transform: translateX(-600%) rotate(0deg);
  }

  50% {
    -webkit-transform: translateX(-100%) rotate(180deg);
            transform: translateX(-100%)rotate(180deg);
  }
  100% {
    -webkit-transform: translateX(350%) rotate(360deg);
            transform: translateX(350%)rotate(3600deg);
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(-600%)rotate(0deg);
            transform: translateX(-600%)rotate(0deg);
  }
50% {
    -webkit-transform: translateX(-100%) rotate(180deg);
            transform: translateX(-100%)rotate(180deg);
  }
  100% {
    -webkit-transform: translateX(350%) rotate(360deg);
            transform: translateX(350%)rotate(360deg);
  }
}

@-webkit-keyframes slide-right-smaller {
  0% {
    -webkit-transform: translateX(-600%)rotate(0deg);
            transform: translateX(-600%)rotate(0deg);
  }
50% {
    -webkit-transform: translateX(-100%) rotate(180deg);
            transform: translateX(-100%)rotate(180deg);
  }
  100% {
    -webkit-transform: translateX(140%) rotate(360deg);
            transform: translateX(140%)rotate(360deg);
  }
	  }

@media only screen and (max-width: 736px)
{
.slide-right {
	-webkit-animation: slide-right-smaller 5s  both;
	        animation: slide-right-smaller 5s both;
	
}
}

.hid-box {
  top: 100%;
  position: relative;
  transition: all .3s ease-out;
  background: #428bca;
  height: 100%;
  background-image: url("images/emptyshelves.jpg");
  background-size: cover;
  background-position:bottom;
  display:flex; 
  justify-content:center;
  align-items:center;
}

.hid-box img {
	width:50%;
	left:50%;
	height:50%;
}

.window:hover > .hid-box{
  top: 0;
}



/* MENU HEADER BAR*/
.menu-horizontal-bar {
	width:80%;
	display: flex; 
	justify-content:center;
	align-items: center;
	flex-direction: row;
	height:15vh;
	padding:1%;
	font-family: "Jost", sans-serif;
}

.menu-horizontal-bar > a img{
	width:80% !important;	
}

.menu-horizontal-bar a {
	text-align:center;
	justify-items:center;
}

.menu-horizontal-bar a img:last-child {
  display: none;  
}
.menu-horizontal-bar a:hover img:last-child {
  display: block;  	
}
.menu-horizontal-bar a:hover img:first-child {
  display: none; 
}

.menu-horizontal-bar a img.img-2 {
  display: none;  
}
.menu-horizontal-bar a:hover img.img-2 {
  display: block;  	
}
.menu-horizontal-bar a:hover img.img-1 {
  display: none; 
}

.menu-text {
  display: none; 
  background-color: #d51919;
  color:white;
  font-weight: bold;
}

.menu-text {
  display: none;  
}

#hmb-nav {
  display: none;  

}

#nav_btn{ 
	display:none; 
	padding: 15px; 
	cursor: pointer; 
	position: fixed;  
	width:5%;
	z-index: 3;
	position:relative;
}


#nav_btn span, #nav_btn span:before, #nav_btn span:after{ 
width: 28px; 
height: 4px; 
float: left; 
display: block; 
background-color: #d51919;
position: relative; 
text-indent: -9000px; 
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
#nav_btn span{ margin: 8px 0; z-index: 10; }
	
#nav_btn span:hover,
#nav_btn span:focus, 
#nav_btn span:hover::before, #nav_btn span:focus::before, 
#nav_btn span:hover::after, #nav_btn span:focus::after
	{ background: white;  }
	
#nav_btn span:before, #nav_btn span:after{ content: ''; position: absolute; }
#nav_btn span:before{ top: -8px; }
#nav_btn span:after{ bottom: -8px; }
#nav_btn.active span{ background-color: transparent; }
#nav_btn.active span:before, #nav_btn.active span:after{ top: 0; }
#nav_btn.active span:before{ transform: rotate(45deg); -webkit-transform: rotate(45deg); background-color: white }
#nav_btn.active span:after{ transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); top: 10px; background-color: white;}


@media only screen and (max-width: 736px){
.toggle{ display: none; }
#nav_btn{ display: block; z-index:20!important; margin-top:0px;}
#hmb-nav {display: block;  height:50px;position:absolute; left:0;}
.menu-horizontal-bar{flex-direction:column;height:100%; }
.menu-text{display: block; display: inline-block; margin: 5px; padding: 5px;width: 100px;}
.img-1{display: none}
.img-2{display: none}
.menu-horizontal-bar a:hover img.img-2 {display: none; }
.menu-horizontal-bar a:hover > span{background: black;
}

}

/*PAGE WHO WE ARE */

.wrapper-2 {
	background-image:url("images/folio.jpg");
	background-size:cover; 
	background-repeat: no-repeat;
	height:100vh;
	background-attachment: fixed;
    min-height: 100%;
	overflow: scroll;
	display: flex;
    flex-direction: column;
    align-items: center;
}



.wrapper-text{
	width:100%;
	display: flex; 
	justify-content:center;	
}

.box-text{
	margin-top: -1vh; /*new design*/
	width:62%;
	box-shadow: 1px -1px 20px 0px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 1px -1px 20px 0px rgba(0, 0, 0, 1);
	height:70vh;
	
	display: block;
	/*width:70%;*/
	background-color: white /*rgba(255,255,255,0.85)*/;
	padding:1% 3% 3% 3%;
	overflow: scroll;
	scrollbar-color: red orange;
    scrollbar-width: thin;
	font-size:14px;
	/*height:65vh;*/
}


.pages{
	background-image:url("images/black.png");
	background-size:cover;
    width: 2%;
    z-index: 3;
}


@media only screen and (max-width: 736px){
.box-text{
	margin-top:40px;
	width: 80%;
    height: 85vh;
}
.single{
	width: 80% !important;
}
}

.about-title{
	width:100%;
	height:auto;
	font-size : 5vw;
	text-transform: uppercase;
}

@media only screen and (max-width: 736px){
.about-title {
  text-align:center;
  font-size:40px
}

}

.about-image{
	max-width:30%;
	margin-right:10px;
	flex-basis: 30%;
}


@media only screen and (max-width: 736px){
.about-image{
	/*max-width:100%;
    display: contents;*/
	flex-basis: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
	margin-right:0px;
}

}

.about-image img{
	height: 100%;
    width: 100%;
    object-fit: contain;
}

.about-text{
	text-align: justify;
	font-size:16px;
	display: flex;
	align-items: flex-start;
	/*flex-wrap: wrap;*/
}

@media only screen and (max-width: 736px){
.about-text{
  flex-wrap: wrap;
}
}

.about-text p:first-child{
	margin-top:0;
}

.inner-text{
flex-basis: 68.7%;
}

@media only screen and (max-width: 736px){
.inner-text{
	flex-basis: 100%;
	margin-top:10px;
}
}

/*FOOTER OTHER PAGES*/

.footer-flex {
	width:100%;
	display: flex; 
	justify-content:center;	
	height:auto;
}

.footer-bar{
	position:absolute;
	bottom:10px;
	width:80%;
	display: flex; 
	justify-content:right;	
}

.footer-bar a {
	text-decoration: none;
}

.footer-button{
	padding:10px; 
	background-color:red;
	border-radius: 30px;
	color:white;
	font-size:1rem;
}

.top-to-bottom{
	z-index:15;
	position: absolute;
	bottom:0;
	left:0;
	animation:myAnim 2s linear 2s 1 normal both;
}
.top-to-bottom a{
	display:inline-block;
	cursor: pointer;
}


.top-to-bottom img{
  width:7rem;  
}

@media only screen and (max-width: 736px){
.top-to-bottom  img{
  width:5rem;  
}}

@keyframes myAnim {
	0% {
		animation-timing-function: linear;
		opacity: 1;
		transform: translateY(-120vh);
	}

	38% {
		animation-timing-function: linear;
		opacity: 1;
		transform: translateY(0);
	}

	55% {
		animation-timing-function: linear;
		transform: translateY(-65px);
	}

	72% {
		animation-timing-function: linear;
		transform: translateY(0);
	}

	81% {
		animation-timing-function: linear;
		transform: translateY(-28px);
	}

	90% {
		animation-timing-function: linear;
		transform: translateY(0);
	}

	95% {
		animation-timing-function: linear;
		transform: translateY(-8px);
	}

	100% {
		animation-timing-function: linear;
		transform: translateY(0);
	}
}

/* SHOWS*/
.shows {
	background-image:url("images/bouchons-2.jpg")
}

.shows-box {
	/*padding:0%;*/
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	/*height:70.5vh;
	width:76%;*/
}

.shows-box a {
	flex-basis: 35%;
	text-decoration: none;
}

@media only screen and (max-width: 736px){
.shows-box a{
	flex-basis:100%;
}
}



.shows-box a:hover {
background: #d51919;

}

.shows-title {
	background: #d51919;
	color:white;
	padding:10px;
	text-align:center;
	font-size:1.2rem;

}

.shows-image img {

}

.shows-image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	height:50%;
}

.shows-box-inner {
padding:10px;
overflow: hidden;
}

/* SINGLE SHOW*/
.margin-left {
margin-left:40px;
}
.color-grey {
color:rgba(125,125,125,1.00);
}
.color-black {
color:black;
}

.color-red {
color:red;
}
.about-text-2 {
    display: flex;
    flex-wrap: wrap;
}

.credits {
 padding-top:10px;
font-size:13px;
width: 90%;
text-align: left;
}

.reviews {
text-align: center;
padding-top: 10px;
}

.big-quote{
	font-size:20px;

}


.link a{
text-decoration: none;
}


.link a:hover >.button-link{
background: black;
}

.button-link{
	position: relative;
	background: #d51919;
	padding:6px;
	margin-top: 10px;
	color:white;
	font-weight:bold;
}
@media only screen and (max-width: 736px){
.button-link{
	display: inline-block;
}
.margin-left {
margin-left:0px;
}

.credits {
width: 100%;
}

}

.stars{
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width:100%;
	height: 28px;
}

.stars-3{
	background-image: url("images/stars-3.png");


}

.stars-4{
	background-image: url("images/stars-4.png");

}

.stars-5{
		background-image: url("images/stars-5.png");

}

.small-quote{
	font-weight: bold;

}

.bottom-labels{
/*flex-direction: column;*/
align-items: center;
}

.bottom-labels .outter-lables:last-child{
align-items:right;
}


.outter-label a{
text-decoration: none;
}

.labels {
	/*display: inline-block;*/
	position: relative;
	background: #d51919;
	padding:6px;
	margin-bottom: 5px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
	color:white;
	font-weight:bold;
}


.outter-label a:hover >.labels{
background: black;
}

.media-gallery{
display: flex;
flex-wrap: wrap;
margin-top: 30px;
}
.column-gallery{
    justify-items: center;
    column-count: 3;	
}
.single-media{
padding:10px;
flex-basis: 31.3%;
}

.single-media img{
width:100%;
height:auto;
}

.center{
	width:100%;
	margin-top:40px;
    display:flex;
	justify-content: center;
	margin-bottom: 40px;
}

 iframe{
    justify-items: center;
	width: 100%;
    min-height: 400px;
}

@media only screen and (max-width: 736px){
iframe{
	 min-height: 200px;
}
}


/*Teaching Page */
.teaching {
	background-image:url("images/oranges.jpg")
}

.t-gallery img{
	margin-bottom:10px;
}


.full-width{
	width:80%;
}

.full-width > p img{
}
@media only screen and (max-width: 736px){
.full-width{
	width: 100%;
    height: 80vh;
}
}

/* Other projects */

.projects {
	background-image:url("images/cans.jpg")
}


.p-box {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-flow: row wrap;

}

.p-box a {
	 flex-basis: 250px;
	text-decoration: none;
	margin:5px;
}

.p-box-inner {
overflow: hidden;
background-color: black
}

.p-title {
	background: #d51919;
	color:white;
	padding:10px;
	text-align:center;
	font-size:1.2rem;

}

.p-image {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	height:39%;

}

.p-image >img {
	width:100%;
	height:auto;

}


.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
 /* transition: .5s ease;*/
  background-color: black;
}

.p-image:hover .overlay{
  opacity: 0.8;
}

.p-image:hover .text{
 	opacity:1;
}

.overlay-image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  backface-visibility: hidden;
}

.text {
  color: white;
  font-size:12px;
  position: absolute;
  top: 0;
  padding:5px;
 /* left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;*/
  opacity: 0;
  
}

/*Dates Page */
.dates {
	background-image:url("images/dates-nuts.jpg");
}
.full-width-100{
	width:100%;
	display: flex;
    justify-content: center;
	flex-direction: column;
}

.full-width-100-center{
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.inner-full-width{
	margin-top:20px;
    width: 75%;
    border-bottom: solid red;
    padding-bottom: 10px;
	font-family: "Jost", sans-serif;

}

.start-end-date {
font-weight:bold;
}

.show-date-title {
	font-size:20px;
}

.show-date-desc > p {
	margin:0!important;
	
}

.location-date-title {
    display: inline-block;
    color: red;
	float:left;
}
.date-link {
    display: inline-block;
    color: red;
	float:right;
}

.date-link a {
	font-family: "Jost", sans-serif;
	text-decoration: none;
	background: #d51919;
	color:white;
	padding: 5px;
	font-weight:bold;
	font-size: 14px;
}

.date-link a:hover {
	background: black;
}


@media only screen and (max-width: 736px){
.date-link {
    margin-top:10px;
} }



/*Contact Page */
.contact {
	background-image:url("images/sweets.jpg")
}

.full-width-100-flex-center{
	 width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	flex-direction:column;
	font-size:20px;
}

.flex-row{
	flex-direction:row !important;
}


@media only screen and (max-width: 736px){
.flex-row{
		flex-direction:column !important;
}
	}

.bg-none{
	background-color:transparent !important;
	box-shadow:none !important;
    -webkit-box-shadow: none!important;
}
.bg-none-contact{
	width:80%;
	display: flex;
    flex-direction: column-reverse;
	/*background-image:url("images/label-contact.png");
	background-size: contain;*/
} 

.bg-none-contact > img{
	width:100%;
	height:auto;
	float:right;
} 

.inner-insta{
	position: absolute;
    width: 2rem;
    height: 2rem;
    margin-left: 0.5rem;
    margin-bottom: 0.4rem;
}

.inner-insta > a > img{
width:100%
}

.inner-insta a:hover > img{ 

}
.inner-insta a img:last-child {
  display: none;  
}
.inner-insta a:hover img:last-child {
  display: block;  
}
.inner-insta a:hover img:first-child {
  display: none;  
}

.gd-title {
	font-size:5vw;
	text-transform: uppercase;
	
}
.contact-link {
    position: relative;
    /* background: green; */
    display: flex
;
    top: 10px;
    /* width: 18%; */
    align-items: center;
}
.contact-link a {
    display: inline-block;
    text-align: center;
    /* height: 1%; */
    margin: 6px;
}

.contact-link a img {
    width: 2rem;
}

/* DONATE PAGE*/ 
.donate-page {
	display: flex;
	flex-direction: column;
}

.donate-link-bigger {
	font-size:20px;
}
.outter-title-rewards {
  text-align:center;
  font-size:50px;

}
.outter-rewards {
    width: 100%;
    display: flex;
    justify-content: center;
	flex-flow: wrap;

}

.inner-rewards {
   width: 15rem;
   min-height: 20rem;
   border:solid red;
   margin: 1rem;
   display: inline-grid;
}

.rewards-image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width:100%;	
   height: 10rem;
}

.first-reward {
	background-image: url("images/rewards-1.png");
}

.second-reward {
	background-image: url("images/logorealfake.png")
}

.third-reward {
	background-image: url("images/rewards-3.png");
}

.fourth-reward {
	background-image: url("images/rewards-4.png");
}

.fifth-reward {
	background-image: url("images/rewards-5.png");
}


.rewards-image > img {
	width:100%;
}

.rewards-title {
	padding-left: 5px;
	padding-right: 5px;
    margin-top: 10px;
    font-family: "oswald";
    font-size: 20px;
    margin-bottom: 0px;
}

.rewards-description {
	padding:5px;
	color: rgba(96,96,96,1.00);
	height: 7rem;

}

.rewards-price {
	padding:5px;
	display: flex;
    justify-content: center;

}
.rewards-price > a > img {
	width:6rem;
	height:auto
}

.rewards-price a:hover > img{ 

}
.rewards-price a img:last-child {
  display: none;  
}
.rewards-price a:hover img:last-child {
  display: block;  
}
.rewards-price a:hover img:first-child {
  display: none;  
}