/*
Theme scription: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


:root {
	--main-green: #006829;
    --scale-amount: 1.3;
}
@font-face {
    font-family: 'Knockout';
    src: url('/wp-content/fonts/Knockout-HTF92-UltmtCruiserwt.woff2') format('woff2'),
        url('/wp-content/fonts/Knockout-HTF92-UltmtCruiserwt.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Knockout';
    src: url('/wp-content/fonts/Knockout-HTF93-UltmtHeviwt.woff2') format('woff2'),
        url('/wp-content/fonts/Knockout-HTF93-UltmtHeviwt.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout';
    src: url('/wp-content/fonts/Knockout-HTF48-Featherweight.woff2') format('woff2'),
        url('/wp-content/fonts/Knockout-HTF48-Featherweight.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout 26 Junior Flywght';
    src: url('/wp-content/fonts/Knockout-26JuniorFlywght.woff2') format('woff2'),
        url('/wp-content/fonts/Knockout-26JuniorFlywght.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout';
    src: url('/wp-content/fonts/Knockout-HTF26-JuniorFlyweight.woff2') format('woff2'),
        url('/wp-content/fonts/Knockout-HTF26-JuniorFlyweight.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout';
    src: url('/wp-content/fonts/Knockout-HTF46-Flyweight.woff2') format('woff2'),
        url('/wp-content/fonts/Knockout-HTF46-Flyweight.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout 70 Full Welterwt';
    src: url('/wp-content/fonts/Knockout-70FullWelterwt.woff2') format('woff2'),
        url('/wp-content/fonts/Knockout-70FullWelterwt.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout';
    src: url('/wp-content/fonts/Knockout-HTF90-UltmtWelterwt.woff2') format('woff2'),
        url('/wp-content/fonts/Knockout-HTF90-UltmtWelterwt.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout';
    src: url('/wp-content/fonts/Knockout-HTF67-FullBantamwt.woff2') format('woff2'),
        url('/wp-content/fonts/Knockout-HTF67-FullBantamwt.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout 49 Liteweight';
    src: url('/wp-content/fonts/Knockout-49Liteweight.woff2') format('woff2'),
        url('/wp-content/fonts/Knockout-49Liteweight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout';
    src: url('/wp-content/fonts/Knockout-HTF68-FullFeatherwt.woff2') format('woff2'),
        url('/wp-content/fonts/Knockout-HTF68-FullFeatherwt.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout 67 Full Bantamwt';
    src: url('/wp-content/fonts/Knockout-67FullBantamwt.woff2') format('woff2'),
        url('/wp-content/fonts/Knockout-67FullBantamwt.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout 66 Full Flyweight';
    src: url('/wp-content/fonts/Knockout-66FullFlyweight.woff2') format('woff2'),
        url('/wp-content/fonts/Knockout-66FullFlyweight.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout';
    src: url('/wp-content/fonts/Knockout-HTF69-FullLiteweight.woff2') format('woff2'),
        url('/wp-content/fonts/Knockout-HTF69-FullLiteweight.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout 68 Full Featherwt';
    src: url('/wp-content/fonts/Knockout-68FullFeatherwt.woff2') format('woff2'),
        url('/wp-content/fonts/Knockout-68FullFeatherwt.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout';
    src: url('/wp-content/fonts/Knockout-HTF91-UltmtMiddlewt.woff2') format('woff2'),
        url('/wp-content/fonts/Knockout-HTF91-UltmtMiddlewt.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout';
    src: url('/wp-content/fonts/Knockout-HTF49-Liteweight.woff2') format('woff2'),
        url('/wp-content/fonts/Knockout-HTF49-Liteweight.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

 


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .location-section {
        max-height: unset !important;
    }

}
.hero img {
	border-radius: 50%;
}
.hero, .date {
	position: relative;
	  font-family: 'knockout', sans-serif;

}
.hero-row {
margin-top: -180px;
}
.hero-gradient {
	z-index: 1;
	background: linear-gradient(180deg, #00A843 0%, #003C18 100%);
}
.hero-names {
	color: #5C5C5C;
text-align: center;
font-family: Open Sans;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
input.wpcf7-submit {
	background-color: #03913A !important;
	color: white;
	border-radius: 20px;
	float: right;
}
.absolute-footer {
	display: none;
}
html {
	background: white !important;
}


.heart-container {
    width: 100vw;
    min-height: 500px;
    background: #018C38;
    overflow: hidden !important;

}

.heart-container .wrapper {
    overflow: hidden !important;
}

.heart {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    opacity: 0;
    animation-name: radiate;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: normal;
    animation-fill-mode: backwards;
}

path {
    fill: #fff;
}



.heart:nth-child(1) {
    animation-delay: -1s;
}

.heart:nth-child(2) {
    animation-delay: -2s;
}

.heart:nth-child(3) {
    animation-delay: -3s;
}

.heart:nth-child(4) {
    animation-delay: -4s;
}

.heart:nth-child(5) {
    animation-delay: -5s;
}

@keyframes radiate {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    1% {
        opacity: 0.15;
    }

    100% {
        opacity: 0;
        transform: scale(2);
    }
}


.bg_heart {
	position: absolute;
	inset: 0; 
    width: 100%;
    height: 100%;
    overflow: hidden
}
.bh_heart * {
	pointer-events: none;
}

.heartbg {
    position: absolute;
    top: -50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -m-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.heartbg:before {
    position: absolute;
    top: -50%;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: 100%;
}

.heartbg:after {
    position: absolute;
    top: 0;
    right: -50%;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: 100%;
}

@-webkit-keyframes love {
    0% {
        top: 110%
    }
}

@-moz-keyframes love {
    0% {
        top: 110%
    }
}

@-ms-keyframes love {
    0% {
        top: 110%
    }
}

@keyframes love {
    0% {
        top: 110%
    }
}


.kirkja {
    transform: rotate(-5.45deg) scale(var(--scale-amount));
    transition: all 0.3s ease-in-out;
}

.kirkja:before {
	color: white;
    content: "Hátún 2, 105 Reykjavík";
}

.kirkja:hover,
.salur:hover {
    transform: rotate(0deg) scale(1.5);
}

.salur {
    transform: rotate(3.71deg) scale(var(--scale-amount));
}

.salur:before {
	color: white;
    content: "Hestheimar 14-16, 203 Kópavogur";
}

.location {
    border: 9px solid white;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    transition: all 0.3s ease-in-out;
    overflow: hidden;

}

.location:before {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    text-align: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    inset: 0;
    z-index: 2;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: translateX(-500px);


}

.location:hover::before {
    transform: translateX(0px);
    opacity: 1;
}

.location-section {
    max-height: 292px;
}
.button.secondary.is-outline.is-large:hover {
	color: var(--main-green);
}
.mobile-menu .header-button {
	min-width: 100%;
}
.mobile-menu .header-button a{
	min-width: 100%;
	padding: 10px;
}
.mobile-menu {
	display: grid;
	grid-auto-flow: column;
	position: absolute;
	bottom: 50px;
}
.mfp-content {
	position: absolute;
	bottom: 0;
	left: 0;
}