/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

html { background: black url(img/bg-grey-black-gradients.jpg) top center no-repeat !important; background-size: 100% !important;  }
body { }
.layout-wide-mode #wrapper, #main, body { background: transparent !important; }
.fusion-logo-link { font-family: SofiaProRegular, sans-serif; letter-spacing: 2px; color: white; font-size: 30px;  z-index: 99999; position: relative;}

@media only screen and (max-width: 1000px) {
 	.fusion-mobile-menu-design-flyout .fusion-alignleft { display: none !important; }
}

.fusion-sticky-header-wrapper { height: 105px !important; box-shadow: 0 0 0 rgba(0,0,0,0) !important; } 

.fusion-header-wrapper { height: 105px !important;  } 

.fusion-header .fusion-alignleft { position: absolute; line-height: 105px; height: 105px; }
.fusion-social-links-header { margin-top: 0; }

@media only screen and (min-width: 1000px) { .fusion-secondary-main-menu { display: none;  } }

.fusion-mobile-nav-holder > ul > li.fusion-mobile-nav-item > a, .fusion-social-network-icon::before {
    font-size: 18px !important;
    color: white; 
}

.fusion-mobile-nav-item a::before {
    color: #fff !important;
}

.fusion-mobile-nav-item .custom  { position: relative; top: -2px; }
#mobile-menu-main-1 img { max-height: 18px; vertical-align: middle !important; }

.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-toggle-icon-line {
    background-color: white !important;
}
.fusion-header-has-flyout-menu .fusion-flyout-menu-bg {
    background-color: rgba(0,0,0,0.95) !important;
}

/* scrolled up */
.fusion-body .fusion-is-sticky.fusion-header-wrapper .fusion-header,
.fusion-body .fusion-is-sticky.fusion-header-wrapper .fusion-secondary-main-menu {
    background: rgba(0,0,0,0.4) !important;
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%) !important;
}
/* init */
.fusion-body .fusion-header-wrapper .fusion-header {
    background: rgba(0,0,0,0.4) !important;
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%) !important;
}

header-wrapper .fusion-header, .fusion-body .fusion-header-wrapper .fusion-secondary-main-menu {
    background-color: rgba(0,123,0,0.5) !important;
}

.fusion-header-v5 .fusion-header, .fusion-secondary-header, .fusion-secondary-main-menu {
    border: 0px solid transparent;
}

#main {  }

/* Front Copy */
#front-topteaser-wrapper {  margin: auto; width: auto; }
#front-teaser {  position: relative;  text-align: left;  margin: auto; margin-bottom: 0px; height: auto !important;  }
#front-teaser #front-cover { position: relative; z-index: 2; width: 100%; max-width: calc(100% - 345px); }
#front-teaser #front-cover a { position: relative; }
#front-teaser #front-cover a img { max-height: 70vh; width: 100%; margin: auto;   box-shadow: 10px 10px 25px rgba(0,0,0,.7);  }
#front-copytext {   text-align: center; position: absolute; bottom: -30px; right: 0px;  z-index: 1; padding: 45px ; background: rgba(255,255,255,0.80); width: 350px;   }
.buttontotracklist { background: rgba(255,255,255, 0.9); text-align: center: line-height: 30px; display: inline-block; padding: 10px 35px 8px; border: 1px solid #ccc; box-shadow: 1px 1px 6px rgba(0,0,0,.1); color: black; text-transform: uppercase;  font-family: SofiaProRegular, sans-serif; letter-spacing: 2px;}

.buttontotracklist:hover { background: black; color: white; border-color: white; cursor: pointer;}

@media (max-width: 900px) { 
	.layout-wide-mode #main#main { padding-top: 30px; }
	#front-teaser #front-cover { margin: auto;  width: 75%;  max-width: 75%; }
	#front-teaser #front-cover a img {  max-height: inherit;  max-width: 100%; width: 100%; margin: auto;  box-shadow: 10px 10px 25px rgba(0,0,0,.7);  }
	#front-copytext {  position: relative; width: 75%; margin: auto;  bottom: 0; };
}

@media (max-width: 480px) { 
	#front-teaser #front-cover { width: 100%;  max-width: 100%; }
	#front-teaser #front-cover a img {  max-width: 100%; width: 100%;  }
	#front-copytext { width: 100%; margin: auto; };
}

.modal-content { border-radius: 0 !important; }

.modal-lg {
    width: 90% !important;
}
.modal-header {
    padding: 45px 50px;
}

/* Tracklisting modal */
#tracklisting {  margin-top: 60px; }
.tracklisting, .tracklisting h3, tracklisting li { color: white; }
.tracklisting p { color: #bbb; }
ol { list-style-position: outside;   }
li { border-bottom: 1px solid #555; margin-bottom: 8px; padding-bottom: 8px; color: white; list-style: decimal-leading-zero; }


/* Projects */


#projects-wrapper { margin-top: 100px; }
.projects { display: grid; grid-template-columns: auto auto auto auto; grid-column-gap: 20px; grid-row-gap: 20px; height: auto; } 
@media (max-width: 900px) { #projects-wrapper { margin-top: 60px; } .projects { grid-template-columns: auto auto auto; } }
.post-content .project-entry { background-size: contain !important;  position: relative; display: inline-block; margin-bottom: 0;  }
.project-entry a { text-align: left; display: block; width: 100%;  position: relative;}
.project-entry a img { position: relative; z-index: 1; }
.project-entry a .project_name { transition: all 0.3s ease-in-out; color: transparent; display: block; top: 0; left; 0; width: 100%; height: 100%; padding: 25px; text-transform: uppercase; position: absolute; font-family: SofiaProRegular, sans-serif; letter-spacing: 1.5px; font-size: 18px; z-index: 2;  }
.project-entry a:hover .project_name { background: rgba(0,0,0,0.8); color: white; }


.fusion-social-links-footer .fusion-social-networks .fusion-social-network-icon { color: white !important; }
.fusion-footer-copyright-area { padding-bottom: 40px !important; }

.to-top-right #toTop { right: 30px; }
a:hover { color: white !important; }