/*!
Theme Name: Hakai Magazine Theme
Theme URI: https://hakaimagazine.com
Description: Theme
Version: 10.0
*/

/**
 * Inline video shortcode [videogif]
 */

@media screen and ( min-width: 1200px ) {
	.gif-video.wide {
		width: 1160px !important;
		margin: 0 0 0.5em 0 !important;
		margin-left: calc(-580px + 50%) !important;
		max-width: 1160px !important;
		padding: 0;
		border: none;
		vertical-align: bottom;
	}
}

@media screen and ( min-width: 980px ) and ( max-width: 1200px ) {
	.gif-video.wide {
		width: 960px !important;
		margin: 0 0 1em 0 !important;
		margin-left: calc(-480px + 50%) !important;
		max-width: 960px !important;
		padding: 0;
		border: none;
		height: auto;
		vertical-align: bottom;
	}
}


/**
 * Pocket Share Button
 */

.pocket-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
}
.pocket-icon svg {
	position: relative;
	bottom: 1px;
	fill: #959591;
	width: 1em;
	height: 1em;
	vertical-align: middle;
}
.pocket-icon:hover svg {
	fill: #1e5d6f;
}


/**
 * Hero video
 */

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}