/*
 * Naver Plugin [Formstone Library]
 * @author Ben Plum
 * @version 0.0.9
 *
 * Copyright © 2013 Ben Plum <mr@benplum.com>
 * Released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
 */
 
.naver .naver-handle {
	cursor: pointer;
	display: none;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 20px;
	right: 10px;
	z-index: 900;
	text-transform: uppercase; 
	 	-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		     -o-user-select: none;
			    user-select: none;
 	}
.naver .naver-handle:before {
	content: '';
	display: block;
	float: right;
	height: 60px;
	width: 60px;
	background: url(../img/fs-naver-icon.png) no-repeat center;
	-webkit-background-size: 60px 60px;
	-o-background-size: 60px 60px;
	-khtml-background-size: 60px 60px;
	background-size: 60px 60px;
	}
 	.naver .naver-wrapper { height: auto; }
 	.naver .naver-container:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
 	
 	@media screen and (min-width:799px) {
 		.naver .naver-wrapper { height: auto !important; }
 	}
 	
	@media screen and (max-width: 799px) {
		/* Mobile Only */
		.naver.active .naver-handle { display: block; }
		.naver.active .naver-wrapper { height: 0px; overflow: hidden; }
		
		/* Animated - Experimental! Performs poorly on mobile */
		.naver.animated .naver-wrapper {
			-webkit-transition: height 0.2s ease-out;
			   -moz-transition: height 0.2s ease-out;
			    -ms-transition: height 0.2s ease-out;
			     -o-transition: height 0.2s ease-out;
			        transition: height 0.2s ease-out;
		}
		.naver.animated .naver-container { opacity: 0; 
			-webkit-transition: opacity 0.2s ease-out;
			   -moz-transition: opacity 0.2s ease-out;
			    -ms-transition: opacity 0.2s ease-out;
			     -o-transition: opacity 0.2s ease-out;
			        transition: opacity 0.2s ease-out;
		}
		.naver.animated.open .naver-container { opacity: 1; }
	}