/*
Theme Name: Speaker Child
Theme URI: https://belakor.kgray.au/
Description: Child theme for Speaker
Author: Kayne Gray
Template: speaker
Version: 1.0
*/

/* ---------------------------------------------------------
   IndieMerchStore social icon
   --------------------------------------------------------- */

.wolf-core-socials-container .belakor-indiemerch-icon {
	display: block;

	width: 32px;
	height: 32px;

	max-width: 32px;
	max-height: 32px;

	position: absolute;

	top: 50%;
	left: 50%;

	transform: translate(-50%, -50%);

	object-fit: contain;

	margin: 0;
	padding: 0;

	border: 0;
	border-radius: 0;

	opacity: 1;

	transition: opacity 0.2s ease;
}

.wolf-core-socials-container
.belakor-indiemerch-link:hover
.belakor-indiemerch-icon {
	opacity: 0.65;
}

.belakor-indiemerch-link {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

/* Homepage News - smaller images with dark background */
.home #news .entry-post-grid .entry-cover {
    width: 85% !important;
    padding-bottom: 85% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Homepage News - remove white background behind images */
.home #news .entry-post-grid .entry-box {
    background-color: #1D1D1D !important;
}

/* ---------------------------------------------------------
   Mobile menu - translucent black
   --------------------------------------------------------- */

#mobile-menu-panel {
    background: rgba(0, 0, 0, 0.82) !important;
}

/* Make sure the inner panel isn't supplying another background */
#mobile-menu-panel-inner {
    background: transparent !important;
}

/* Keep navigation readable */
#mobile-menu-panel-inner,
#mobile-menu-panel-inner a {
    color: #fff !important;
}


/* Remove top content spacing on release pages only */
.single-release .content-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Remove top content spacing on release pages - mobile only */
@media screen and (max-width: 767px) {

.single-release .entry-single-release {
margin: 100px auto;
    margin-top: 0px !important;
    margin-right: auto !important;
    margin-bottom: 0px !important;
    margin-left: auto !important;
}

}


/* ---------------------------------------------------------
   Mobile floating menu button
   --------------------------------------------------------- */

@media screen and (max-width: 767px) {

    /*
     * Transparent full-width mobile bar.
     */
    #mobile-bar,
    body.untop #mobile-bar,
    body.sticking #mobile-bar,
    body.untop.sticking #mobile-bar {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;

        color: #fff !important;

        opacity: 1 !important;
    }


    /*
     * Floating box around hamburger.
     */
    #mobile-bar .hamburger-container,
    body.untop #mobile-bar .hamburger-container,
    body.sticking #mobile-bar .hamburger-container,
    body.untop.sticking #mobile-bar .hamburger-container {

        background: rgba(0, 0, 0, 0.75) !important;

        color: #fff !important;

        padding: 12px;
        margin: 10px;

        border-radius: 3px;

        opacity: 1 !important;
    }


    /*
     * Hamburger link itself.
     */
    #mobile-bar .hamburger-link,
    body.untop #mobile-bar .hamburger-link,
    body.sticking #mobile-bar .hamburger-link {

        color: #fff !important;

        opacity: 1 !important;
    }


/*
 * Actual three hamburger lines.
 */
#mobile-bar .hamburger-btn > div,
body.untop #mobile-bar .hamburger-btn > div,
body.sticking #mobile-bar .hamburger-btn > div,
body.untop.sticking #mobile-bar .hamburger-btn > div {

    background-color: #fff !important;
    border-color: #fff !important;

    opacity: 1 !important;
    transition: none !important;
}


}



/* ---------------------------------------------------------
   Homepage Videos - white titles
   --------------------------------------------------------- */

.home .epyt-gallery-title {
    color: #fff !important;
}