/* =============================================================================
   Header
   ========================================================================== */
#edit_mode, #edit_mode_back {
	position: relative;
	padding: 0px .25%;
	width: 99.5%;
	height: 50px;
}
#edit_mode {
	position: fixed;
	background: #840000;
	color: #fff;
	font-family: sans-serif;
	z-index: 99999;
}
.edit_mode_left {
	display: block;
	float: left;
}
.edit_mode_right {
	display: block;
	float: right;
	margin-left: .25%;
}
    .edit_mode_right a {
        text-align: center;    
        font-family: sans-serif;
        font-weight: 300;
        font-size: 1.125em;
        padding: 10px 15px;
        margin: 3px 0px;
        display: block;
        border: 0;
        border-radius: 3px;
        height: 24px;
        color: #84C343; /*Alert Green*/    
        background: #fff;
    }
        .edit_mode_right a:hover { 
            color: #fff;
            background: #96CC56; /* Lighter Alert Green */
        }
	.edit_mode_right form {
		margin-top: 0px;
	}
.edit_mode_title{
	margin-top: 15px;
	text-transform: uppercase;
}
.edit_mode input[type="submit"] {
    text-align: center;    
    font-family: sans-serif;
    font-weight: 300;
    font-size: 1.125em;
    padding: 2px 15px;
    margin: 3px 0px;
    display: block;
    border: 0;
    border-radius: 3px;
    width: 100%;
    height: 44px;
}
    input[type="submit"]:focus {    
        outline: none; 
    }
.edit_mode_save input[type="submit"] {
    color: #84C343; /*Alert Green*/    
    background: #fff;
}
    .edit_mode_save input[type="submit"]:hover { 
    	color: #fff;
	    background: #96CC56; /* Lighter Alert Green */
	}
.edit_mode_done input[type="submit"] {
    color: #D62D21; /*Alert Red */    
    background: #fff;
}
    .edit_mode_done input[type="submit"]:hover { 
    	color: #fff;
	    background: #E53530; /* Lighter Alert Red */
	}
/* =============================================================================
   EDITING
   ========================================================================== */
.editable{
    width: 100%; /*fall back if needed */   
}
    .editable:hover {
        background: rgba(238, 238, 238, 0.7);
        cursor: pointer;
    }
    .editable:focus {
        background: transparent; /**/
        outline: 1px solid #333; /**/
        cursor: text;
    }

/* =============================================================================
   ALERT
   ========================================================================== */
.full_screen_dim_wrapper{
    position: fixed;
    width: 100%;
    margin: 0px;    
    min-height: 100%;   
    min-height: 100vh;
    background: rgba(0,0,0, .5);
    z-index: 101;
}
.full_screen_loading{
    position: absolute;
    width: 240px;
    height: 240px;
    border-radius: 120px;
    top: 50%;
    left: 50%;
    margin-left: -120px;
    margin-top: -120px;
    background: #fff;
    background: rgba(255,255,255, .9);
}
.full_screen_loading_content{
    color: #84C343; /*Alert Green*/
    text-align: center;
    font-family: 'HelveticaNeue', helvetica;
    font-weight: 300;
    font-size: 1.5em;
    position: absolute;
    width: 128px;
    height: 128px;
    top: 50%;
    left: 50%;
    margin-left: -64px;
    margin-top: -64px;
}
.full_screen_loaded{
    background: #84C343; /*Alert Green*/
}
.full_screen_loaded_content{
    color: #fff;
    padding: 105px 10px;
    text-align: center;
    font-family: 'HelveticaNeue', helvetica;
    font-weight: 100;
    font-size: 1.5em;
}

/* =============================================================================
   ----------/////////  MEDIA QUERRIES  /////////------------
   ========================================================================== */
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 979px) {

}
@media screen and (max-width: 859px) {
	
}
@media screen and (max-width: 767px) {

}
@media screen and (max-width: 640px) {

}
@media screen and (max-width: 479px) {
    .full_screen_alert{
        width: 160px;
        height: 160px;
        border-radius: 80px;
        margin-left: -80px;
        margin-top: -80px;
    }
    .full_screen_alert_content{
        padding: 70px 5px;
        font-size: 1.05em;
    }

}