/*

	1 - SPECIAL

		1.1 - WP classes
		1.2 - Div as table
		1.3 - Embed, iframe, object, video
		1.4 - Mediaelement
		1.5 - Another special classes

	2 - EDITOR STYLE

*/

/*===============================================

	S P E C I A L
	Permanent useful styles

===============================================*/


	/*-------------------------------------------
		1.1 - WP classes
	-------------------------------------------*/

	.alignleft {
		float: left;
		margin-right: 15px;
	}

	.aligncenter {
		float: none;
		clear: both;
		display: table;
		margin-left: auto;
		margin-right: auto;
	}

	.alignright {
		float: right;
		margin-left: 15px;
	}

	.bypostauthor {
	}

	article img {
		margin-bottom: 1em;
	}

	.wp-post-image {
		display: inline-block;
		margin: 0 0 2em;
	}

	.gallery-caption {
	}

	#content-box .sticky {
		padding: 25px 25px 50px;
		background: #FFF;
	}

	a.more-link {
		display: inline-block !important;
		line-height: 1em !important;
		color: #FFF;
		text-decoration: none !important;
		white-space: nowrap;
		padding: 0.7em 1em 0.7em 1em;
		border-radius: 2px;
		background-color: #e0735e;
		transition: background-color 150ms linear;
	}
	
		a.more-link:hover {
			color: #FFF;
			background-color: #3c424f;
			transition: background-color 150ms linear;
			cursor: pointer;
		}


	/*-------------------------------------------
		1.2 - Div as table
	-------------------------------------------*/

	.div-as-table {
		position: relative;
		display: table;
	}
	
		.div-as-table > div {
			display: table-cell;
			vertical-align: middle;
		}
		
			.div-as-table > div > div {
			}


	/*-------------------------------------------
		1.3 - Embed, iframe, object, video
	-------------------------------------------*/

	embed,
	iframe,
	object,
	video {
		max-width: 100%;
	}


	/*-------------------------------------------
		1.4 - Mediaelement
	-------------------------------------------*/

	#layout .mejs-container {
		display: block;
		margin: 1em 0 2em 0;
		background: transparent;
	}

		#layout .mejs-audio {
			height: 70px !important;
		}

		.mejs-fullscreen #header {
			display: none;
		}

		.mejs-fullscreen .mejs-container {
			margin: 0;
		}

			#layout .mejs-controls {
				height: 70px !important;
				background: #3c424f;
			}

				.mejs-fullscreen #layout .mejs-controls {
					height: 83px !important;
				}

				#layout .project-wrapper-color .mejs-controls,
				#layout .mejs-video .mejs-controls {
					background: url('../images/bg-black-60.png');
				}
	
					#layout .mejs-play {
					}
	
					#layout .mejs-pause {
						background: url('../images/bg-white-50.png');
					}
	
					#layout .mejs-playpause-button {
						width: 46px;
						height: 46px;
						margin: 10px 5px 10px 10px;
						border: 2px solid #FFF;
						border-radius: 50px;
					}
	
						#layout .mejs-playpause-button button {
							width: 46px;
							height: 46px;
							margin: 0;
						}
	
						#layout .mejs-play button {
							background: url('../../../../plugins/stkit/assets/images/icons/16/glyphs/white/play.png') 54% center no-repeat;
							background-size: 16px 16px;
						}
	
							.hidpi .mejs-play button {
								background-image: url('../../../../plugins/stkit/assets/images/icons/32/glyphs/white/play.png');
							}
	
						#layout .mejs-pause button {
							background: url('../../../../plugins/stkit/assets/images/icons/16/glyphs/white/pause.png') center center no-repeat;
							background-size: 16px 16px;
						}
	
							.hidpi .mejs-pause button {
								background-image: url('../../../../plugins/stkit/assets/images/icons/32/glyphs/white/pause.png');
							}
	
						#layout .mejs-mute button {
							background: url('../../../../plugins/stkit/assets/images/icons/16/glyphs/white/speaker.png') center center no-repeat;
							background-size: 16px 16px;
						}
	
							.hidpi .mejs-mute button {
								background-image: url('../../../../plugins/stkit/assets/images/icons/32/glyphs/white/speaker.png');
							}
	
						#layout .mejs-unmute button {
							background: url('../../../../plugins/stkit/assets/images/icons/16/glyphs/white/speaker-off.png') center center no-repeat;
							background-size: 16px 16px;
						}
	
							.hidpi .mejs-unmute button {
								background-image: url('../../../../plugins/stkit/assets/images/icons/32/glyphs/white/speaker-off.png');
							}
	
						#layout .mejs-fullscreen-button button {
							background: url('../../../../plugins/stkit/assets/images/icons/16/glyphs/white/fullscreen.png') center center no-repeat;
							background-size: 16px 16px;
						}
	
					#layout .mejs-time-current,
					#layout .mejs-horizontal-volume-current {
						background: #FFF;
					}
				
						#layout .mejs-time-loaded {
							background: #E0735E;
						}
				
							#layout .mejs-time-total,
							#layout .mejs-horizontal-volume-total {
								background: url('../images/bg-black-60.png');
							}
			
								#layout .mejs-time-float {
									width: 37px;
									height: 18px;
									top: -24px;
									color: #56646F;
									background: #FFF;
									border: none;
									box-shadow: 0 0 1px rgba(0,0,0,0.2);
								}
			
									#layout .mejs-time-float-current {
										margin: 4px 3px 0 3px;
									}
			
									#layout .mejs-time-float-corner {
										top: 16px;
										border:solid 5px #FFF;
										border-color:#FFF transparent transparent;
									}
			
					#layout .mejs-time {
						padding: 29px 5px 0;
					}
			
						#layout .mejs-time span {
							font-size: 11px;
							line-height: 11px;
							opacity: 0.7;
						}
	
					#layout .mejs-time-rail {
						padding-top: 25px;
					}
	
					#layout .mejs-volume-button,
					#layout .mejs-horizontal-volume-slider {
						margin-top: 20px;
					}
	
					#layout .mejs-fullscreen-button {
						margin: 20px 7px 0 3px;
					}

			#layout .mejs-button button:focus {
				outline: 0;
			}
		
			#layout .mejs-overlay-button {
				background: url('../images/icons/256/glyphs/white/play.png') center center no-repeat;
				background-size: 100% 100%;
				opacity: 0.6;
			}
		
				#layout .mejs-overlay-button:hover {
					background-position: center center;
					opacity: 0.9;
				}

		#layout .mejs-poster {
			background-size: 100% auto;
		}

		#layout .mejs-volume-slider {
			background: #3c424f url('../images/bg-black-25.png');
		}

			#layout .mejs-video .mejs-volume-slider {
				background: url('../images/bg-black-60.png');
			}


	/*-------------------------------------------
		1.5 - Another special classes
	-------------------------------------------*/

	/*--- Visibility -----------------------------*/

	.block {
		display: block !important;
	}

	.none {
		display: none !important;
	}

	.hidden {
		visibility: hidden;
	}


	/*--- Position -----------------------------*/

	.relative {
		position: relative;
	}
	
	.absolute {
		position: absolute;
	}


	/*--- Floating -----------------------------*/

	.fl {
		float: left !important;
	}
	
	.fr {
		float: right !important;
	}

	.clear {
		font-size: 0 !important;
		line-height: 0 !important;
		width: 0 !important;
		height: 0 !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
		clear: both !important;
	}


	/*--- Alignment -----------------------------*/

	.align-center {
		text-align: center;
	}


	/*--- Fonts -----------------------------*/

	.f11 {
		font-size: 11px;
	}

	.f13 {
		font-size: 13px;
	}

	.normal {
		font-weight: normal;
	}


	/*--- Selection -----------------------------*/

	.non-selectable {
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}


/*===============================================

	E D I T O R   S T Y L E
	Additional styles for TinyMCE

===============================================*/

	body#tinymce.wp-editor {
		padding: 10px;
	}

		body#tinymce .aligncenter {
			display: table;
		}

	dl.wp-caption {
		display: inline-block;
	}

		dt.wp-caption-dt {
		}

		dd.wp-caption-dd {
			padding: 10px 5px 0;
		}