/*!
Theme Name: Easy Eye
Theme URI: https://easyeyesound.com/
Author: FADE Agency
Author URI: https://fadeagency.com
Description: Easy Eye Sound website theme.
Version: 1.0.0
Text Domain: easy-eye
*/

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
	font-family: sans-serif;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

/**
   * Remove default margin.
   */
body {
	margin: 0;
}

/* HTML5 display definitions
	 ========================================================================== */
/**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11
   * and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

/**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
audio,
canvas,
progress,
video {
	display: inline-block;
	/* 1 */
	vertical-align: baseline;
	/* 2 */
}

/**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */
audio:not([controls]) {
	display: none;
	height: 0;
}

/**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
   */
[hidden],
template {
	display: none;
}

/* Links
	 ========================================================================== */
/**
   * Remove the gray background color from active links in IE 10.
   */
a {
	background-color: transparent;
}

/**
   * Improve readability when focused and also mouse hovered in all browsers.
   */
a:active,
a:hover {
	outline: 0;
}

/* Text-level semantics
	 ========================================================================== */
/**
   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
   */
abbr[title] {
	border-bottom: 1px dotted;
}

/**
   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
   */
b,
strong {
	font-weight: bold;
}

/**
   * Address styling not present in Safari and Chrome.
   */
dfn {
	font-style: italic;
}

/**
   * Address variable `h1` font-size and margin within `section` and `article`
   * contexts in Firefox 4+, Safari, and Chrome.
   */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
   * Address styling not present in IE 8/9.
   */
mark {
	background: #ff0;
	color: #000;
}

/**
   * Address inconsistent and variable font size in all browsers.
   */
small {
	font-size: 80%;
}

/**
   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
   */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* Embedded content
	 ========================================================================== */
/**
   * Remove border when inside `a` element in IE 8/9/10.
   */
img {
	border: 0;
}

/**
   * Correct overflow not hidden in IE 9/10/11.
   */
svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
	 ========================================================================== */
/**
   * Address margin not present in IE 8/9 and Safari.
   */
figure {
	margin: 1em 40px;
}

/**
   * Address differences between Firefox and other browsers.
   */
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

/**
   * Contain overflow in all browsers.
   */
pre {
	overflow: auto;
}

/**
   * Address odd `em`-unit font size rendering in all browsers.
   */
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Forms
	 ========================================================================== */
/**
   * Known limitation: by default, Chrome and Safari on OS X allow very limited
   * styling of `select`, unless a `border` property is set.
   */
/**
   * 1. Correct color not being inherited.
   *    Known issue: affects color of disabled elements.
   * 2. Correct font properties not being inherited.
   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
   */
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	/* 1 */
	font: inherit;
	/* 2 */
	margin: 0;
	/* 3 */
}

/**
   * Address `overflow` set to `hidden` in IE 8/9/10/11.
   */
button {
	overflow: visible;
}

/**
   * Address inconsistent `text-transform` inheritance for `button` and `select`.
   * All other form control elements do not inherit `text-transform` values.
   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
   * Correct `select` style inheritance in Firefox.
   */
button,
select {
	text-transform: none;
}

/**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
   * 3. Improve usability and consistency of cursor style between image-type
   *    `input` and others.
   */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

/**
   * Re-set default cursor for disabled elements.
   */
button[disabled],
html input[disabled] {
	cursor: default;
}

/**
   * Remove inner padding and border in Firefox 4+.
   */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
   * the UA stylesheet.
   */
input {
	line-height: normal;
}

/**
   * It's recommended that you don't attempt to style these elements.
   * Firefox's implementation doesn't respect box-sizing, padding, or width.
   *
   * 1. Address box sizing set to `content-box` in IE 8/9/10.
   * 2. Remove excess padding in IE 8/9/10.
   */
input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
   * `font-size` values of the `input`, it causes the cursor style of the
   * decrement button to change from `default` to `text`.
   */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
   * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
   *    (include `-moz` to future-proof).
   */
input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	-webkit-box-sizing: content-box;
	/* 2 */
	box-sizing: content-box;
}

/**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
   * Define consistent border, margin, and padding.
   */
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
legend {
	border: 0;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
textarea {
	overflow: auto;
}

/**
   * Don't inherit the `font-weight` (applied by a rule above).
   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
   */
optgroup {
	font-weight: bold;
}

/* Tables
	 ========================================================================== */
/**
   * Remove most spacing between table cells.
   */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

cite {
	font-weight: bold;
	font-style: italic;
}


@font-face {
	font-family: 'windsor_btroman';
	src: url("https://easyeyesound.com/wp-content/themes/easy-eye/fonts/windsorbtroman-webfont.woff2") format("woff2"), url("https://easyeyesound.com/wp-content/themes/easy-eye/fonts/windsorbtroman-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'compacta_icgbold';
	src: url("https://easyeyesound.com/wp-content/themes/easy-eye/fonts/compactaicgbold-webfont.woff2") format("woff2"), url("https://easyeyesound.com/wp-content/themes/easy-eye/fonts/compactaicgbold-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}


nav ul {
	margin: 0 auto;
	text-align: center;
	background: #009cd6;
	border: 6px solid #000000;
	border-radius: 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 1280px;
	overflow: hidden;
	color: #000;
	-webkit-transition: max-height 0.5s;
	transition: max-height 0.5s;
	padding: 0;
	z-index: 999;
}

nav ul li {
	display: inline-block;
	padding: 10px 20px;
	cursor: pointer;
}

nav ul li a {
	text-decoration: none;
	color: inherit;
	font-size: 36px;
	text-transform: uppercase;
	text-shadow: 1.8px 1px #004e6b;
}

nav ul li a:hover {
	color: #fff;
}

.nav-icon {
	width: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px 10px;
	cursor: pointer;
	color: #000;
	display: none;
	text-align: right;
	position: absolute;
	top: 10px;
	right: 10px;
}

@media (max-width: 1026px) {
	nav ul {
		max-height: 0;
		position: absolute;
		top: -500px;
		right: 80px;
		max-width: 250px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
	}

	.show-menu {
		max-height: 100em;
		top: 30px;
	}

	nav ul li {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		padding: 10px;
		text-align: center;
		cursor: pointer;
	}

	nav ul li a {
		font-size: 20px;
	}

	.nav-icon {
		display: block;
	}
}

.news li {
	list-style-type: none;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
	margin-bottom: 30px;
}

.news-title h1 {
	font-family: "compacta_icgbold", sans-serif;
	text-transform: uppercase;
	font-size: 36px;
}

@media only screen and (max-width: 767px) {
	.news-title h1 {
		font-size: 26px;
	}
}
.news-title a {
	color: #000;
	text-decoration: none;
}
.news-title a:hover {
	color: #f15592;

}

.read-more a {
	font-size: 14px;
	text-transform: uppercase;
	color: #f15592;
	padding-bottom: 30px;
	display: block;
}

.read-more a:hover {
	color: #000;
}

@media only screen and (max-width: 767px) {
	.read-more a {
		font-size: 12px;
	}
}

.news-image-wrapper {
	position: relative;
}
.news-image {
	height: 350px;
}

.artist-news-image {
	height: 250px;
	margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
	.news-image {
	height: 300px;
}
}
.news-date {
	position: absolute;
	left: 0;
	bottom: 0;
	font-family: "windsor_btroman", serif;
	font-size: 16px;
	display: block;
	color: #ffffff;
	text-transform: capitalize;
	padding: 10px 20px;
	background: #000000;
}

@media only screen and (max-width: 767px) {
	.news-date {
		font-size: 12px;
	}
}

.artist-wrapper {
	position: relative;
}
.artist-videos {
	text-align: center;
}

.artist-image {
	display: block;
}

.artists li {
	list-style-type: none;
}

.artist-url {
	font-size: 20px;
}

.artist-news ul {
	margin: 0;
	padding: 0;
}

.artist-news li {
	display: inline-block;
	margin-bottom: 0%;
	vertical-align: top;
	width: 48%;
	margin-right: 10px;
}

.artist-news .news-title h1 {
	font-size: 26px;
}

@media screen and (max-width: 1026px) {
	.artist-news li {
		width: 100%;
		margin-right: 0;
	}
}

.artist-title {
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 4px;
	font-family: "windsor_btroman", serif;
	font-size: 26px;
}

@media only screen and (max-width: 767px) {
	.artist-title {
		font-size: 16px;
	}
}

.artist-title a {
	display: block;
	color: #ffffff;
	text-transform: capitalize;
	padding: 10px 20px;
	background: #000000;
	position: relative;
}

.artist-title a:hover {
	color: #f15592;
}

.artist-category {
	font-family: "compacta_icgbold", sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 24px;
}

.artist-category a {
	color: #f15592;
}

.artist-category a:hover {
	color: #000;
}
.artist-release-title {
	font-family: "compacta_icgbold", sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 34px;
}
.artist-release-title a {
	color: #f15592;
}
.artist-release-title a:hover {
	color: #000;
}
@media only screen and (max-width: 767px) {
	.artist-category {
		font-size: 20px;
	}
}

.artist-photo-credit {
	font-size: 10px;
	text-transform: uppercase;
	clear: both;
	padding: 10px 0 20px 0;
}

.single-artist-title {
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 20px;
	font-family: "compacta_icgbold", sans-serif;
}

@media only screen and (max-width: 767px) {
	.single-artist-title {
		font-size: 14px;
	}
}

.artist-links {
	text-align: center;
	margin: 0;
	padding: 0;
}

.artist-social-icons {
	margin: 10px 0;
}

.artist-social-icons li {
	display: inline;
	margin: 0;
	padding: 0;
	text-align: center;
}

.artist-social-icons .fab {
	color: #000;
	border-radius: 50%;
	border: 5px solid #000;
	padding: 10px;
	background: #f15592;
	width: 20px;
	height: 20px;
	font-size: 20px;
	margin: 0;
	-webkit-transition: .5s;
	transition: .5s;
}

.artist-social-icons .fab:hover {
	background: #009cd6;
}

@media screen and (max-width: 1026px) {
	.artist-social-icons .fab {
		width: 10px;
		height: 10px;
		font-size: 10px;
	}
}

.continue-reading {
	margin-top: 10px;
}

.continue-reading a {
	color: #f15592;
}

.continue-reading a:hover {
	color: #000;
}

.artist-header,
.artist-bio,
.artist-tour-dates {
	margin-bottom: 30px;
}

.artist-press-photos ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: auto;
}

.artist-press-photos li {
	margin: 0 10px 10px 0;
	width: 18%;
	float: left;
}

@media screen and (max-width: 1026px) {
	.artist-press-photos li {
		width: 30%;
	}
}
@media screen and (max-width: 700px) {
	.artist-press-photos li {
		width: 45%;
	}
}
.homepage-artist-name {
	font-family: "compacta_icgbold", sans-serif;
	font-size: 24px;
	text-transform: uppercase;
}
.homepage-video-title {
	font-size: 26px;
	margin-bottom: 30px;
}
.artist-video-title {
	font-size: 26px;
	margin-bottom: 30px;
	text-align: center;
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	margin-bottom: 10px;
}

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

.release-buy-buttons {
	margin-top: 30px;
}

.music li {
	margin-bottom: 60px;
}

.footer {
	text-align: center;
	padding: 20px;
}

.footer-newsletter {
	margin-bottom: 50px;
}

.footer-newsletter h1 {
	font-size: 40px;
	font-family: "compacta_icgbold", sans-serif;
}

.footer-links {
	color: #000;
	font-size: 13px;
	text-align: center;
}

.footer-social-media {
	margin: 30px 0;
}

.footer-social-media li {
	display: inline;
	margin: 0;
	padding: 0;
}

.footer-social-media ul {
	margin: 0;
	padding: 0;
}

.fab {
	color: #000;
	border-radius: 50%;
	border: 5px solid #000;
	padding: 10px;
	background: #f15592;
	width: 25px;
	height: 25px;
	font-size: 25px;
	margin: 25px 0;
	-webkit-transition: .5s;
	transition: .5s;
}

.fab:hover {
	background: #009cd6;
}

.divider {
	margin: 50px auto 30px auto;
}

.eddy {
	display: block;
	position: absolute;
	right: -60px;
	bottom: 28px;
}

@media only screen and (max-width: 767px) {
	.eddy {
		display: none;
	}
}

body {
	background: #21c33a;
	font-family: "windsor_btroman", serif;
	font-size: 17px;
	overflow-x: hidden;
}

.songkick-font {
	font-family: "Neuton", serif;
	font-size: 20px;
	font-weight: 800;
}
a {
	text-decoration: none;
	color: #f15592;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

a:hover {
	color: #000;
}

h1 {
	margin: 0;
	padding: 0;
}

h2 {
	font-family: "compacta_icgbold", sans-serif;
	text-transform: uppercase;
	font-size: 36px;
	margin-bottom: 20px;
	padding: 0;
}

.wrapper {
	max-width: 1170px;
	margin: 0 auto;
	background: url(img/bg-page.png) repeat-y scroll center -2px transparent;
	position: relative;
	overflow: visible;
}

@media only screen and (max-width: 1200px) {
	.wrapper {
		margin: 0 15px;
	}
}

.header {
	padding-top: 15px !important;
}

.pre-header {
	position: absolute;
	top: 10px;
	right: 0;
	z-index: 999;
	width: 100%;
}

@media only screen and (max-width: 1026px) {
	.pre-header {
		display: none;
	}
}

.header-social-media {
	text-align: right;
	margin-right: 10px;
}

.header-social-media li {
	display: inline;
	margin: 0;
	padding: 0;
	text-align: center;
}

.header-social-media ul {
	margin: 0;
	padding: 0;
}

.header-social-media .fab {
	color: #000;
	border-radius: 50%;
	border: 5px solid #000;
	background: #f15592;
	width: 20px;
	height: 20px;
	font-size: 20px;
	margin: 0;
	-webkit-transition: .5s;
	transition: .5s;
}

.header-social-media .fab:hover {
	background: #009cd6;
}

.wrapper-pre-header {
	max-width: 1170px;
	margin: 0 auto;
}

.page-content {
	max-width: 1000px;
	margin: 0 auto;
	padding: 10px 0 30px 0;
}

@media only screen and (max-width: 1200px) {
	.page-content {
		padding: 5px 30px 30px 30px;
	}
}

@media only screen and (max-width: 1026px) {
	.page-content {
		padding: 5px 15px 30px 15px;
	}
}
.page-content-news {
	max-width: 650px;
	margin: 0 auto;
	padding: 10px 0 30px 0;
}
@media only screen and (max-width: 1200px) {
	.page-content-news {
		padding: 5px 30px 30px 30px;
	}
}
@media only screen and (max-width: 1026px) {
	.page-content-news {
		padding: 5px 15px 30px 15px;
	}
}
.header-wrapper {
	background: url(img/bg-header.png) no-repeat scroll center top;
	height: 400px;
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
	background-size: 98% auto;
}

@media only screen and (max-width: 767px) {
	.header-wrapper {
		height: auto;
		max-width: 1280px;
		margin: 0 auto;
		position: relative;
		background-size: 94% auto;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1026px) {
	.header-wrapper {
		height: auto;
		max-width: 1026px;
		margin: 0 auto;
		position: relative;
		background-size: 94% auto;
	}
}

.logo {
	text-align: center;
	padding: 10px 0;
}

@media only screen and (max-width: 767px) {
	.logo img {
		max-width: 145px;
		margin: 0 auto;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1026px) {
	.logo img {
		max-width: 260px;
		margin: 0 auto;
	}
}

.tagline-wrapper {
	margin: 0 10px;
}

.tagline {
	background: #f15592;
	border: 6px solid #000000;
	border-radius: 50px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: normal;
	font-size: 35px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.5px;
	max-width: 850px;
	margin: 0 auto;
}

@media only screen and (max-width: 1026px) {
	.tagline {
		font-size: 20px;
		line-height: 1.2;
	}
}

.word-break {
	display: block;
}

@media screen and (min-width: 1026px) {
	.word-break {
		display: inline;
	}
}

.img-fluid {
	max-width: 100%;
	height: auto;
}

.page-title {
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	margin: 30px 0;
}

@media only screen and (max-width: 767px) {
	.page-title {
		font-size: 12px;
	}
}

.left-wrapper {
	max-width: 100%;
	display: block;
	margin: 0;
	text-align: center;
}

.right-wrapper {
	display: block;
	width: 100%;
	vertical-align: top;
	padding-bottom: 0;
	text-align: center;
	margin-top: 0;
}

@media only screen and (min-width: 1026px) {
	.left-wrapper {
		max-width: 35%;
		display: inline-block;
		margin: 0;
	}

	.right-wrapper {
		display: inline-block;
		width: 60%;
		vertical-align: top;
		margin-left: 30px;
		padding-bottom: 0;
		text-align: left;
		margin-top: 0;
	}
}

.main-content ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.latest-videos {
  list-style-type: none;
  margin: 0!important;
  padding: 0!important; }

.news-image,
.artist-image,
.release-image,
.artist-press-image {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	margin-bottom: 20px;
}

.news-image:hover,
 .artist-image:hover,
 .release-image:hover,
 .artist-press-image:hover{
	opacity: 0.7;
}
.artist-press-image-img {
	position: relative;
    float: left;
    width:  100%;
    height: 200px;
    background-position: 50% 50%;
    background-repeat:   no-repeat;
    background-size:     cover;

}

@media screen and (max-width: 1026px) {
	.artist-press-image-img {
	position: relative;
    float: left;
    width:  100%;
    height: 150px;
    background-position: 50% 50%;
    background-repeat:   no-repeat;
    background-size:     cover;

}
}

.btn-primary {
	color: #000;
	text-transform: uppercase;
	background: #f15592;
	border-radius: 25px;
	border: 5px solid #000;
	padding: 7px 17px;
	font-size: 18px;
	position: relative;
	line-height: 1;
}

.btn-primary:hover {
	background: #009cd6;
	color: #000;
}
.btn-artist-link {
	color: #000;
	text-transform: uppercase;
	background: #f15592;
	border-radius: 25px;
	border: 5px solid #000;
	padding: 7px 17px;
	font-size: 18px;
	position: relative;
	line-height: 1;
}

.btn-artist-link:hover {
	background: #009cd6;
	color: #000;
}
@media screen and (max-width: 800px) {
.btn-artist-link {
	display: block;
	margin: 10px 0;
	font-size: 12px;
}
}

.btn-sm {
	font-size: 12px;

}

.section-wrapper {
	margin-top: 60px;
}

.fa-angle-double-right {
	line-height: 1em;
	margin-left: 20px;
}


/*
WP-PageNavi plugin
*/

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
border: 4px solid #000;
    padding: 5px 10px;
    border-radius: 50%;
    box-sizing: border-box;
    background: #21c33a;
    line-height: 1;
	margin-right: 5px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border: 4px solid #000;
    padding: 5px 10px;
    border-radius: 50%;
    box-sizing: border-box;
    background: #f15592;
    line-height: 1;
	color: #000;
}
/*
Wordpress core alignments
*/
img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}
img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.main-content img { height: auto; max-width: 100%; }

.release-title {
	font-size: 16px;
	margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
	.release-title {
	font-size: 12px;
}
}

.instagram-media {
	margin:20px auto!important;
}





/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1; 
  padding-top: 10px;
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #ffffff;
  margin: auto;
  padding: 0;
  border: 5px solid #000;
  max-width: 600px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: #000000;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 20px 20px 0 20px;
  background-color: #21c33a;
  color: #000000;
	font-family: "compacta_icgbold", sans-serif;
}

.modal-body {
	background-color: #21c33a;
	padding: 20px;
}

.modal-footer {
  padding: 0 20px 20px 20px;
  background-color: #21c33a;
  color: white;
}
hr {
	border-top: 1px solid #000;
	border-bottom: 0;
	margin: 20px 0;
}
.current-menu-item a {
	color: #fff;
}