/* Hides header on radio page */

div.page-title-inner.page-title-inner-bgcheck .page-title {
	font-size: 20px;
}

.page-id-15133 .stuning-header-inner {
	display: none !important;
}

.page-id-15133 article {
	border: 0px !important;
}

.page-id-15133 .dfd-blog-title {
	position: relative !important;
	min-height: 87px !important;
}

.page-id-15133 .dfd-blog-title a {
	position: absolute !important;
	top: 0px !important;
}

.page-id-15133 #layout {
	margin-top: 70px !important;
}

.page-id-15133 #portfolio-page {
	padding-top: 0px !important;
}

.page-id-15133 .dfd-blog-title {
	color: #fff !important;
	text-align: left;
}

.page-id-15133 .filter li a:before {
	background: #fff !important;
}

.page-id-15133 .filter li.active a:before {
	background: transparent !important;
}

.page-id-15133 .filter .active a {
	border: 1px solid #fff !important;
}

.page-id-15133 .portfolio-entry-hover {
	padding: 20px !important;
}

.page-id-15133 .portfolio-entry-hover .title-wrap, .widget-title {
	height: 100% !important;
}

.page-id-15133 .portfolio-entry-hover .title-wrap, .widget-title a {
	height: 100% !important;
	display: block !important;
}

.page-id-15133 .portfolio-entry-hover .title-wrap, .widget-title a span {
	position: relative !important;
	top: 45% !important;
}
 
.radio-page-sort-container {
	height: 70px;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.radio-page-sort-container .sort-panel {
	text-align: center;
}

.page-id-15133 #portfolio-page .project .cover, #grid-folio .project .cover {
	background: #000 !important;
}

/* Changes padding to add symmetry to list item glyphicon*/
.page-id-15133 .filter li a {
	padding: 0 20px 0 25px !important;
}

/*Changes left offset to preserve list item glyphicon*/
.page-id-15133 .filter li a:before {
	left: 5px !important;
}

.page-id-15133 .pagination .prev-next-links a, .pagination ul.page-numbers li a {
	color: #8a8f6a !important;
}

.page-id-15133 .filter li a, .page-id-15133 .pagination .prev-next-links a:hover,
.pagination ul.page-numbers li a:hover {
	color: #fff !important;
}

.page-id-15133 .pagination ul.page-numbers li .current {
	border-color: #e8e8e8 !important;
	color: #fff !important;
    font-weight: bold;
}

.page-id-15133 .pagination ul.page-numbers li:first-child a {
	border-left: none !important;
}

.page-id-15133 .pagination ul.page-numbers {
	border-right: 1px solid #e8e8e8;
}
.page-id-15133 #change_wrap_div {
	z-index: auto;
}

.melodic_radio_schedule {
	display: none;
    max-height: 90vh;
    width: 70vw;
    overflow: auto;
    position: fixed;
    z-index: 9999;
    padding: 20px;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.melodic_radio_schedule_overlay {
	display: none;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.85);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9000;
}

.melodic_radio_schedule_toggle {
	position: fixed;
    bottom: 40px;
    z-index: 100;
    right: 90px;
    border-radius: 3px;
    padding: 10px;
    width: 80px;
    opacity: 1 !important;
    background: #fff;
    cursor: pointer;
    transition: all .3s ease;
    color: #28262b;
}

.melodic_radio_schedule_toggle:hover {
	background: #28262b;
	color: #fff;
}

.melodic_radio_schedule_toggle_close {
	position: absolute;
    right: 15px;
    top: 0px;
    font-size: 15px;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    z-index: 100;
}

.radio_bar_container {
	position: relative;
	display: none;
    z-index: 100;
}

.radio_bar_container iframe {
	position: fixed;
    bottom: 40px;
    left: 40px;
}

.home #footer {
	z-index: 0;
}

.home #sub-footer {
	z-index: 0;
}

@media only screen and (max-width: 768px) {
	.melodic_radio_schedule {
		width: 100%;
	}
}

@media only screen and (max-width: 568px) {
	.melodic_radio_schedule {
		padding: 5px;
	}
	.melodic_radio_schedule_toggle_close {
		right: 2px;
		top: 2px;
		font-size: 12px;
	}
}

@media only screen and (min-width: 768px) {
  .page-id-15133 .dfd-blog-title {
    display: none !important;
  }

  .radio_bar_container {
	display: block;
  }
}

@media only screen and (min-width: 769px) {
  .page-id-15133 .page-nav {
	margin-bottom: 50px !important; 
	margin-top: 0px !important; 
  }
}