/*
Theme Name: Chaos Emporium
Text Domain: chaos-emporium
Version: 1.0
Description: Custom theme built for Chaos Emporium
Author: FOE Creative
Author URI: https://foecreative.com/
*/

@import 'css/dist/styles.theme.css';

.hero .arrow-link{
    display: none;
}

.hero.video{
    overflow: hidden;
}

.hero.video .arrow-link{
    display: block;
    width: 64px;
	height: 80px;
	position: absolute;
	left: 50%;
	margin-left: -32px;
	bottom: 30px;
    z-index: 99;
}
.hero .arrows {
	width: 64px;
	height: 80px;
}

.hero .arrows path {
	stroke: #fff;
    /* stroke: white; */
    fill: transparent;
	animation: arrow 1.2s infinite;
	-webkit-animation: arrow 1.2s infinite; 
}

#primary{
    padding-top: 1px;
}

.logo-link img{
    height: 150px; 
    width: auto;
}

@keyframes arrow{
    0% {opacity:0}
    40% {opacity:1}
    80% {opacity:0}
    100% {opacity:0}
}

@-webkit-keyframes arrow{
    0% {opacity:0}
    40% {opacity:1}
    80% {opacity:0}
    100% {opacity:0}
}

.hero .arrows path.a1 {
	animation-delay: -0.25s;
	-webkit-animation-delay: -0.25s;
}

.hero .arrows path.a2 {
	animation-delay: 0s;
	-webkit-animation-delay: 0s;
}

.arrows path.a3 {	
	animation-delay:0s;
	-webkit-animation-delay:0s;
}

@media screen and (max-width: 550px){
    .logo-link img{
        height: auto; 
        width: auto;
        max-width: 100%;
    }
}


/* Centering homepage text in the window. */
.site-main .page--home{
    margin-top: 0px;
}
.page--home .centered-text{
    margin: 0px;
    min-height: 100vh;
    padding: 10% 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page--home .block--gallery{
    margin-top: 0px;
}

@media screen and (max-width: 1100px){
    .page--home .centered-text{
        padding: 18% 0px;
        min-height: 0px;
    }
}

@media screen and (max-width: 575.98px){
    .page--home .centered-text{
        padding: 15% 0px;
        min-height: 0px;
    }

    body.home .hero{
        margin-bottom: 0px;
    }
}