/* Author: Jesus Noland and Rachel Simanjuntak 
   Date: April 19, 2015 */


/* Begin verse top bar styling */

#top-menu {
	position: fixed;
	top: 5%;
	left: 2.5%;
	width: auto;
   z-index: 2;
}

#top-menu a {
	font-size: .75em;
	padding: .5em 1em;
	background: rgba(255, 255, 255, .8);
	color: #00a7d0;

	transition: all .15s ease;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
}

#top-menu a:hover {
	background: rgba(0, 167, 208, .8);
	color: #fff;

	transition: all .15s ease;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
}

#build-button {
	position: fixed;
	top: 5%;
	font-size: .75em;
	color: #00a7d0;
	right: 2.5%;
	border: solid 2px #00a7d0;
	padding: .5em 1em;
	background: #fff;
	z-index: 2;

	transition: all .15s ease;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
}

#build-button:hover {
	background: #00a7d0;
	color: #fff;
    cursor: pointer;

	transition: all .15s ease;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
}

/* End verse top bar styling */

/* add .blur to #content, #brainstorm-title, and #sidebar when editor is open */

.blur {
	filter: blur(5px); 
	-webkit-filter: blur(5px); 
	-moz-filter: blur(5px);
	-o-filter: blur(5px); 
	-ms-filter: blur(5px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
}
/* End Side bar styling */

.vbutton {
	display: inline-block;
	padding: .5em 1em;
	background-color: #fff;
	border: solid 2px #00d2bd;
	color: #00d2bd;
	width: 80%;
	cursor: pointer;

	transition: all .15s ease;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
}

.vbutton:hover {
	background-color: #00d2bd;
	color: #fff;
	width: 90%;

	transition: all .15s ease;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
}

.vbutton-small {
	display: inline-block;
	padding: .5em 1em;
	background-color: #fff;
	border: solid 2px #00d2bd;
	color: #00d2bd;
	width: 30%;
	cursor: pointer;
    text-align: center;

	transition: all .15s ease;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
}

.vbutton-small:hover {
	background-color: #00d2bd;
	color: #fff;
	width: 30%;
    text-align: center;

	transition: all .15s ease;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
}

.interface-title-inline {
    display: inline;
}

#tile_editor_photo_img {
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    margin-right: 3%;
}

#idea_image_full_popup {
    display: none;
}

@media only screen and (max-width: 400px) {
    .interface-title-inline {
        display: inline-block;
    }
    
    .vbutton {
        width: 100%;
    }
    
    #brainstorm_title_form input {
        padding: 10px;
    }
}