/*
╔═══════╗╔═╗─╔═╗╔═╗─╔═╗╔══════╗
║███████║║█║─║█║║█║─║█║║██████║
║█╔╗█╔╗█║║█║─║█║║█║─║█║║█╔══╗█║
╚═╝║█║╚═╝║█╚═╝█║║█║─║█║║█║──╚═╝
───║█║───║█████║║█║─║█║║█║
───║█║───║█╔═╗█║║█║─║█║║█║╔═══╗
───║█║───║█║─║█║║█╚═╝█║║█╚╝█▀█║
───║█║───║█║─║█║║█████║║█▄▄▄▄█║
───╚═╝───╚═╝─╚═╝╚═════╝╚══════╝
╔═╗────╔═══╗╔════╗╔════╗
║█║────║███║║████║║████║
║█║────╚╣█╠╝║█╔══╝║█╔══╝
║█║─────║█║─║█╚══╗║█╚══╗
║█║─────║█║─║████║║████║
║█║─╔═╗─║█║─║█╔══╝║█╔══╝
║█╚═╝█║╔╣█╠╗║█║───║█╚══╗
║█████║║███║║█║───║████║
╚═════╝╚═══╝╚═╝───╚════╝
*/

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}

html,
body{
	height: 100%;
	min-height: 100%;
}
body{
	overflow-x: hidden;
}
.brand span, button, h2, h3{
	font-family: 'Press Start 2P', cursive;
}
button{
	font-size: .9em;
}
button .fa{
	font-size: 1.4em;
}
p{
	margin: 25px 0;
}
.heading p{
	margin: 0;
	margin-top: 15px;
}
h2{
	line-height: 46px;
}
.like-h3{
	display: block;
	font-family: 'Press Start 2P', cursive;
	font-size: 1.17em;
	margin: 0;
    padding: .6em 0 0;
    line-height: 1;
}
canvas{
	display: none;
}
select{
	max-width: 100px;
	width: 100px;
	margin: .3em 0;
	height: 2.2em;
}
.pseudo[data-tooltip]:after{
	background: rgba(0, 0, 0, .9);
	color: #fff;
	font-size: initial;
}
nav{
	box-shadow: none;
	border-bottom: solid 3px #0074d9;
}
nav .brand:hover .logo{
	margin-top: -10px;
}
nav .logo{
	height: 1em;
}
nav .right-menu{
	float: right;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
nav .right-menu>*{
	margin-right: .6em;
}
.wrap{
    position: relative;
    padding-top: 52px;
    margin-bottom: 50px;
}
.section{
	padding: 30px 0;
}
.img-responsive{
	display: block;
    max-width: 100%;
    height: auto;
}
.text-center{
	text-align: center;
}
.dropimage{
	padding: 0;
	min-height: 400px;
	border-radius: 0;
	z-index: 9;
	background-image: url(../img/placeholder.png);
}
.dropimage input{
	z-index: 9;
}
.img-container{
	position: relative;
}
.container-hidden{
	opacity:0;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:-99;
}
.img-container-hidden{
	position: relative;
}
.joint, .glassess, .bling{
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
}
.glassess{
	background-image: url('../img/glassess.png');
}
.joint{
	background-image: url('../img/canna.png');
	background-position: center center;
}
.bling{
	display: none;
	background-image: url('../img/bling.png');
}
.visible{
	display: block;
}
.pull-right{
	float: right;
}
.footer{
	width: 100%;
	min-height: 500px;
	color: #fff;
	background-color: #cf5604;
	text-align: center;
}
.footer a{
	color: #fff;
	text-decoration: underline;
}
.footer .section{
	padding-top: 60px;
}
.footer .copy{
	padding: 25px 0;
	border-top: dashed 3px #fff;
}
@media(min-width: 750px) {
	.save{
    	display: none;
    }
}
@media(max-width: 750px) {
    .pull-right{
    	float: none;
    }
    button, label.button.dangerous{
    	width: 100%;
    	margin-top: .6em;
    }
    .buttons > div, .footer .flex > div{
    	margin: 0 .6em;
    }
    .save{
    	display: block;
    }
    .right-menu{
    	display: none;
    }
}

/* Animation */
@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}
.rotate {-webkit-animation: rotating 2s linear infinite;}