/* Scss Document */

/*		Variables	*/

$athena_blue: #262262;
$athena_grey: #eee;
$athena_light_grey: #f9f9f9;



@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?ol1wdq');
  src:  url('../fonts/icomoon.eot?ol1wdq#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?ol1wdq') format('truetype'),
    url('../fonts/icomoon.woff?ol1wdq') format('woff'),
    url('../fonts/icomoon.svg?ol1wdq#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Athena-icon:before {
  content: "\e900";
  color: #eee;
}
div[class*=col-]{
	box-sizing: border-box;
}
/* Menu Options */

a.toplevel_page_athena{
	div.wp-menu-image{
		
		&:before{
			font-family: 'icomoon' !important;
			speak: none;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;

			/* Better Font Rendering =========== */
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			content: "\e900";
		}
	}
}
.athena-wrapper{
	
	img{
		max-width:100%;
		display:block;
		height:auto;
	}
	*{
		box-sizing: border-box;
	}
	.athena-content-wrapper{
		margin-top:25px;
		box-shadow:0 0 3px rgba(0,0,0,0.35);
		
		.athena-body{
			background-color:#fff;
			&:after{
				content:"";
				display:table;
				clear:both;
			}
			
			aside{
				float:left;
				width:18%;
				background-color:#fff;
				
				ul.athena-menu{
					margin:0;
					
					
					> li{
						width:100%;
						background:$athena_grey;
						color:#333333;
						text-align: center;
						font-size:1.15em;
						margin:0;					
						
						> a{
							display:block;
							padding:8px 0;
							text-decoration: none;
							color:#111;
							font-weight:300;
							transition:all linear 0.3s;
							position:relative;
							border-bottom:solid thin darken($athena_grey, 10%);	
							border-right:solid thin darken($athena_grey, 10%);
							z-index:1;
							
							&:after{
								content: "";
								position:absolute;
								right:-13px;
								top:50%;
								transform:translateY(-50%);
								border-bottom:transparent solid 12px;
								border-top:transparent solid 12px;
								border-right:#fff solid 12px;
								transition:right linear 0.3s;
								z-index:99;
							}
							
							
							&:hover, &.active{
								background-color:darken($athena_grey, 10%);
								color:$athena_blue;
								
								&:after{
									right:-1px;
								}
							}
							
							&:focus{
								outline:none;
								box-shadow: none;
							}
						}
						
						> span{
							display:block;
							padding:5px 0;
							font-size:1.12rem;
							background-color: darken($athena_blue, 10%);
							color:#fff;
						}
						
						.athena-post-types{
							background-color:$athena_blue;
							
							li{
								margin-bottom:0;
								border-bottom:darken($athena_blue, 10%) solid thin;
								
								a{
									display:block;
									width:100%;
									text-align:center;
									padding:8px 0;
									font-size:0.9em;
									color:#fff;
									text-decoration: none;
									font-weight:300;
									transition: all linear 0.3s;
									
									&:hover{
										background-color:darken($athena_blue, 10%);
									}
								}
							}
						}
					}
				}
			}
			main{
				float:left;
				width:82%;
				
				form{
					position:relative;
					padding:0 35px;
					
					.athena-save-bar{
						width:100%;
						padding:7px 50px 7px 0;
						background-color:$athena_grey;
						position: absolute;
						top:0;
						left:0;
						text-align:right;
						
						*{
							display:inline-block;
						}
					
						.athena-save{
							margin-right:15px;
							
							.athena-saving, .athena-save-message{
								display:none;
							}
							
						}
						
						input[type=submit]{
							background-color:$athena_blue;
							padding:8px 22px;
							color:#fff;
							border-radius:5px;
							transition:all linear 0.3s;
							cursor:pointer;
							
							&:hover{
								background-color:darken($athena_blue, 10%);
							}
						}
						input[type=reset]{
							background-color:darken($athena_grey, 35%);
							padding:8px 22px;
							color:#fff;
							border-radius:5px;
							transition:all linear 0.3s;
							cursor: pointer;
							
							&:hover{
								background-color:darken($athena_grey, 45%);
							}
						}
					}
					
					.athena-form-inner{
						padding:100px 20px 0;
						
						> div{
							display:none;
							position:relative;
							
							&.active{
								z-index:99;
							}
							
							
							.athena-hide{
								display:none;
							}
							.athena-element-hold{
								box-sizing: inherit;
								padding:15px 15px 30px;
								border-bottom:$athena_grey solid thin;
								margin-bottom:15px;

								.athena-title{
									font-size:1.15em;
									font-weight: bold;
									margin-bottom:5px;
								}
								.athena-desc{
									margin-bottom: 10px;
									font-size:1.05;
								}
								.athena-profile-datetime{
									margin-top:25px;
									background-color:$athena_light_grey;
									padding:15px;
									box-sizing: inherit;
									border-radius: 5px;
								}
							}

							> div:last-of-type{
								border-bottom:none;
								margin-bottom:0;
							}
						}
						
						> div:first-child{
							display:block;
						}
					}
				}
			}
			
		}
	}
}


/* Meta box control */
.athena-menu-content{
	box-sizing:border-box;
	padding:15px;
	
	.athena-hide{
		display:none;
	}
	.athena-element-hold{
		box-sizing: inherit;
		padding:15px 15px 30px;
		border-bottom:$athena_grey solid thin;
		margin-bottom:15px;
		
		.athena-title{
			font-size:1.15em;
			font-weight: bold;
			margin-bottom:5px;
		}
		.athena-desc{
			margin-bottom: 10px;
			font-size:1.05;
		}
		.athena-profile-datetime{
			margin-top:25px;
			background-color:$athena_light_grey;
			padding:15px;
			box-sizing: inherit;
			border-radius: 5px;
		}
	}
	
	.athena-post_meta-hold{
		span{
			font-weight:bold;
		}
		
		.athena-enable{
			margin-bottom:13px;
			
			span{
				padding-right:15px;
			}
			input{
				margin-top:0;
			}
		}
		
		.athena-profile{
			select{
				margin-top:5px;
			}
		}
		
		.athena-sep-title{
			text-align: center;
			margin:8px 0;
			font-weight:bold;
		}
		
		.athena-date-picker{
			
			.form-group{
				margin-top:5px;
			}	
		}
	}
	
	> div:last-of-type{
		border-bottom:none;
		margin-bottom:0;
	}
}

/* Post Type Meta Overrides */

#athena-post-settings{
	
	.athena-element-hold{
		padding:10px 0 10px;
		border-bottom:none;
		margin-bottom:0;
		
		.athena-title{
			font-size:1em;
		}
	}
}
.select2-search__field{
	width:250px !important;
}

/* Media button styles */

.athena-profile-option-button{
	span{
		font-size:1.5em;
		float:left;
		padding:3px 5px 0 0;
		
		&:before{
			color:#555d66;
		}
	}
}

/* JBox CSS */

.jBox-closeButton-box:before,.jBox-pointer:after,.jBox-spinner:before{content:''}.jBox-wrapper{text-align:left;box-sizing:border-box}.jBox-container,.jBox-content,.jBox-title{position:relative;word-break:break-word;box-sizing:border-box}.jBox-container{background:#fff}.jBox-content{padding:8px 10px;overflow-x:hidden;overflow-y:auto;transition:opacity .2s}.jBox-pointer,body[class*=" jBox-blockScroll-"],body[class^=jBox-blockScroll-]{overflow:hidden}.jBox-Mouse .jBox-container,.jBox-Tooltip .jBox-container{border-radius:3px;box-shadow:0 0 3px rgba(0,0,0,.25)}.jBox-Mouse .jBox-title,.jBox-Tooltip .jBox-title{padding:8px 10px 0;font-weight:700}.jBox-hasTitle.jBox-Mouse .jBox-content,.jBox-hasTitle.jBox-Tooltip .jBox-content{padding-top:5px}.jBox-Mouse{pointer-events:none}.jBox-pointer{position:absolute}.jBox-pointer-top{top:0}.jBox-pointer-bottom{bottom:0}.jBox-pointer-left{left:0}.jBox-pointer-right{right:0}.jBox-pointer-bottom,.jBox-pointer-top{width:30px;height:12px}.jBox-pointer-left,.jBox-pointer-right{width:12px;height:30px}.jBox-pointer:after{width:20px;height:20px;position:absolute;background:#fff;transform:rotate(45deg)}.jBox-pointer-top:after{left:5px;top:6px;box-shadow:-1px -1px 2px rgba(0,0,0,.15)}.jBox-pointer-right:after{top:5px;right:6px;box-shadow:1px -1px 2px rgba(0,0,0,.15)}.jBox-pointer-bottom:after{left:5px;bottom:6px;box-shadow:1px 1px 2px rgba(0,0,0,.15)}.jBox-pointer-left:after{top:5px;left:6px;box-shadow:-1px 1px 2px rgba(0,0,0,.15)}.jBox-Modal .jBox-container{border-radius:4px}.jBox-Modal .jBox-content{padding:15px 20px}.jBox-Modal .jBox-title{border-radius:4px 4px 0 0;padding:15px 20px;background:#fafafa;border-bottom:1px solid #eee}.jBox-Modal .jBox-footer{border-radius:0 0 4px 4px}.jBox-Modal.jBox-closeButton-title .jBox-title{padding-right:55px}.jBox-Modal .jBox-container,.jBox-Modal.jBox-closeButton-box:before{box-shadow:0 3px 15px rgba(0,0,0,.4),0 0 5px rgba(0,0,0,.4)}.jBox-closeButton{cursor:pointer;position:absolute}.jBox-closeButton svg{position:absolute;top:50%;right:50%}.jBox-closeButton path{transition:fill .2s;fill:#aaa}.jBox-closeButton:hover path{fill:#888}.jBox-closeButton:active path{fill:#666}.jBox-overlay .jBox-closeButton{top:0;right:0;width:40px;height:40px}.jBox-overlay .jBox-closeButton svg{width:20px;height:20px;margin-top:-10px;margin-right:-10px}.jBox-overlay .jBox-closeButton path,.jBox-overlay .jBox-closeButton:active path{fill:#ddd}.jBox-overlay .jBox-closeButton:hover path{fill:#fff}.jBox-closeButton-title .jBox-closeButton{top:0;right:0;bottom:0;width:40px}.jBox-closeButton-title .jBox-closeButton svg{width:12px;height:12px;margin-top:-6px;margin-right:-6px}.jBox-closeButton-box .jBox-closeButton{top:-8px;right:-10px;width:24px;height:24px;background:#fff;border-radius:50%}.jBox-closeButton-box .jBox-closeButton svg{width:10px;height:10px;margin-top:-5px;margin-right:-5px}.jBox-hasTitle.jBox-Modal.jBox-closeButton-box .jBox-closeButton{background:#fafafa}.jBox-closeButton-box:before{position:absolute;top:-8px;right:-10px;width:24px;height:24px;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.3)}.jBox-pointerPosition-top.jBox-closeButton-box:before{top:5px}.jBox-pointerPosition-right.jBox-closeButton-box:before{right:2px}.jBox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.82)}.jBox-spinner,.jBox-spinner:before{box-sizing:border-box;width:24px;height:24px}.jBox-footer{background:#fafafa;border-top:1px solid #eee;padding:8px 10px;border-radius:0 0 3px 3px}.jBox-draggable{cursor:move}@keyframes jBoxLoading{to{transform:rotate(360deg)}}.jBox-loading .jBox-content{opacity:.2}.jBox-loading-spinner .jBox-content{min-height:38px!important;min-width:38px!important;opacity:0}.jBox-spinner{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px}.jBox-spinner:before{display:block;border-radius:50%;border:2px solid rgba(0,0,0,.2);border-top-color:rgba(0,0,0,.8);animation:jBoxLoading .6s linear infinite}[class*=" jBox-animated-"],[class^=jBox-animated-]{animation-fill-mode:both}@keyframes jBox-tada{0%{transform:scale(1)}10%,20%{transform:scale(.8) rotate(-4deg)}30%,50%,70%,90%{transform:scale(1.2) rotate(4deg)}40%,60%,80%{transform:scale(1.2) rotate(-4deg)}100%{transform:scale(1) rotate(0)}}.jBox-animated-tada{animation:jBox-tada 1s}@keyframes jBox-tadaSmall{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-2deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(2deg)}40%,60%,80%{transform:scale(1.1) rotate(-2deg)}100%{transform:scale(1) rotate(0)}}.jBox-animated-tadaSmall{animation:jBox-tadaSmall 1s}@keyframes jBox-flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.jBox-animated-flash{animation:jBox-flash .5s}@keyframes jBox-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.jBox-animated-shake{animation:jBox-shake .4s}@keyframes jBox-pulseUp{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.jBox-animated-pulseUp{animation:jBox-pulseUp .25s}@keyframes jBox-pulseDown{0%,100%{transform:scale(1)}50%{transform:scale(.85)}}.jBox-animated-pulseDown{animation:jBox-pulseDown .25s}@keyframes jBox-popIn{0%{transform:scale(0)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.jBox-animated-popIn{animation:jBox-popIn .25s}@keyframes jBox-popOut{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(0)}}.jBox-animated-popOut{animation:jBox-popOut .25s}@keyframes jBox-fadeIn{0%{opacity:0}100%{opacity:1}}.jBox-animated-fadeIn{animation:jBox-fadeIn .2s}@keyframes jBox-fadeOut{0%{opacity:1}100%{opacity:0}}.jBox-animated-fadeOut{animation:jBox-fadeOut .2s}@keyframes jBox-slideUp{0%{transform:translateY(0)}100%{transform:translateY(-300px);opacity:0}}.jBox-animated-slideUp{animation:jBox-slideUp .4s}@keyframes jBox-slideRight{0%{transform:translateX(0)}100%{transform:translateX(300px);opacity:0}}.jBox-animated-slideRight{animation:jBox-slideRight .4s}@keyframes jBox-slideDown{0%{transform:translateY(0)}100%{transform:translateY(300px);opacity:0}}.jBox-animated-slideDown{animation:jBox-slideDown .4s}@keyframes jBox-slideLeft{0%{transform:translateX(0)}100%{transform:translateX(-300px);opacity:0}}.jBox-animated-slideLeft{animation:jBox-slideLeft .4s}