@import url('https://fonts.googleapis.com/css?family=Nothing+You+Could+Do');

/*
Theme Name: Five Stages
Theme URI: N/A
Author: Naoca
Author URI: www.naoca.com.au
Description: Wordpress theme highlighting 5 stages of the Funeral Journey
Version: 1.0
License: Unlicensed
License URI: N/A
*/

@font-face {
    font-family: 'Avalon';
    src: url('fonts/Avalon_Regular.ttf');
}
@font-face {
    font-family: 'Effra';
    src: url('fonts/Effra_Std_He.ttf');
}

body {
    font-family: Avalon;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

ul.list-unstyled {
    margin-bottom: 0!important;
}

a {
    color: #181E8C;
}

a:hover {
    color: #181E8C;
}


/* navbars */

nav.navbar.primary {
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}

nav.navbar.primary ul {
    padding: 0 20px;
}

nav.navbar.primary ul.navbar-nav li a.nav-link:hover {
    color: #fff;
    background: #181E8C;
}

nav.navbar.primary ul.navbar-nav li {
    text-align: center;
    margin: 0;
}

nav.navbar.primary .navbar-brand {
    padding: 0 20px;
}

nav.navbar.primary .navbar-brand img {
    height: 25px;
}

nav.navbar.secondary {
    background: #181e8c;
    padding: 10px 0;
    font-size: 0.85rem;
}

nav.navbar.secondary ul {
    flex-direction: column;
}

nav.navbar.secondary ul.navbar-nav li {
    display: flex;
    align-items: center;
    justify-content: center;
}

nav.navbar.secondary ul.navbar-nav li a.nav-link {
    color: #fff!important;
    padding: 2px 0;
}

nav.navbar.secondary ul.navbar-nav li a.nav-link:hover {
    text-decoration: underline;
    text-decoration-style: dotted;
}

nav.navbar.secondary i {
    font-size: 1.35rem;
    padding: 5px;
}

.navbar-toggler {
    margin: 0 20px;
}

.dropdown-item.active, .dropdown-item:active {
	background: #181e8c!important;
	color: #fff!important;
}

/* homepage feature */

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.videoWrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.feature {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.videoText {
    font-family: 'Nothing You Could Do', cursive;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 65%;
    z-index: 30;
    text-align: center;
    color: #fff;

}

/* home boxes */

.home-box-row {
    height: 75vh;
}

.home-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
}

    .home-box#about-us {
        background-image: url('/wp-content/uploads/JM50.jpg');
    }

    .home-box#planning-ahead {
        background-image: url('/wp-content/uploads/Planning-Ahead.jpg');
    }

    .home-box#arranging-a-funeral {
        background-image: url('/wp-content/uploads/The-Funeral-Arrangement.jpg');
    }

    .home-box#funeral-options {
        background-image: url('/wp-content/uploads/JM7.jpg');
    }

    .home-box#upcoming-services {
        background-image: url('/wp-content/uploads/JM64.jpg');
    }

    .home-box#grief {
        background-image: url('/wp-content/uploads/Grief-2.jpg');
    }


    .home-box-contents {
        position: relative;
        z-index: 100;
    }

        .home-box-contents h3 {
            padding-bottom: 1rem;
        }

        .home-box-contents a {
            border: 2px solid #fff;
            border-radius: 50px;
            padding: 8px 30px;
            color: #fff;
        }

.card-header {
    padding-left: 6rem;
}

.card-text {
    border-bottom: 1px solid rgba(64, 64, 64, 0.5);
    margin-bottom: 1rem;
    margin-left: 5rem;
}

.card-text img {
    float: right;
    overflow: auto;
    width: 25%;
    height: auto;
}


/* Page Header */

.page-feature {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page-feature {
    height: 35vh;
    padding-top: 0
}

.page-feature.small {
    height: 50vh
}

.page-feature.tiny {
    height: 30vh
}

.page-feature a {
    color: #fff;
}

.page-feature-content {
    position: relative;
    display: flex;
    color: #fff;
    height: 100%;
    z-index: 100;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.page-title {
    text-transform: capitalize;
    letter-spacing: -.02em;
    font-size: 45px;
    line-height: 1.22222;
    font-weight: 300;
    margin: 0
}
.page-content ul li {
    list-style-type: square
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bg-light {
    background-color: #e0e0e0!important;
}

.bg-opaque {
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: rgb(180, 144, 66);
}

img.profile-image,
img.shadow,
.shadow {
    -webkit-box-shadow: 4px 4px 10px 0 rgba(25, 25, 25, .5);
    -moz-box-shadow: 4px 4px 10px 0 rgba(25, 25, 25, .5);
    box-shadow: 4px 4px 10px 0 rgba(25, 25, 25, .5)
}

.main-content-wrapper {
    height: 100%;
    display: flex;
    align-items: center
}

.main-content {
    position: relative;
    color: #fff;
    z-index: 100;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    text-align: center
}

.quote-text {
    background-image: url('/wp-content/uploads/quote.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 50px;
    padding-left: 5rem;
    font-style: italic;
}

.grief-box {
    border-top: 1px dashed #fff;
}

.short {
    height:50%;
}

.tall {
    height:50%;
}


/* media queries */

@media (min-width: 414px) {
    .videoText {
        margin-top: 70%
    }
    .videoText h1 {
    font-size: 2rem;
    letter-spacing: .01em;
    text-transform: uppercase;
    }
}

@media (min-width: 576px) {

    .feature {
        background-position: left top;
    }

    .modal-dialog {
        max-width: 75%;
        margin: 15px auto
    }

    .videoText {
        margin-top: 50%
    }

    .videoText h1 {
        font-size: 4rem;
        letter-spacing: .01em;
        text-transform: uppercase;
    }

}

@media (min-width: 768px) {
    nav.navbar.primary ul.navbar-nav li a.nav-link {
        font-size: 0.75rem;
    }
    nav.navbar.primary .navbar-brand img {
        height: 50px;
    }
    .videoText {
        margin-top: 45%
    }
    .videoText h1 {
    font-size: 5rem;
    letter-spacing: .01em;
    text-transform: uppercase;
    }

    .short {
        height:40%!important
    }

    .tall {
        height:60%!important
    }

    nav.navbar.primary .navbar-brand img {
        height: 35px;
    }

}

@media (min-width: 992px) {

    .cultural {
        padding: 1rem;
        font-size: 1rem;
    }
    .cultural h1 {
        font-size: 2.5rem;
    }
    .help {
        padding: 10rem 5rem;
    }
    .help-textbox {
        font-size: 1.25rem;
    }
    nav.navbar.secondary {
        padding: 0;
    }
    nav.navbar.secondary ul {
        flex-direction: row;
    }
    nav.navbar.secondary ul.navbar-nav li a.nav-link {
        padding: .5rem 1rem;
    }
    nav.navbar.primary ul.navbar-nav li a.nav-link:hover {
        color: rgb(31, 33, 111);
        background: #fff;
    }
    .grief-box {
        border-top: none;
        border-right: 1px dashed #fff;
    }
    .videoText {
        margin-top: 35%;
    }
    .videoText h1 {
        font-size: 5rem;
        letter-spacing: .01em;
        text-transform: uppercase;
    }

}

@media (min-width: 1200px) {

    nav.navbar.primary ul.navbar-nav li a.nav-link {
        font-size: 1rem;
    }

    .home-feature {
        height: calc(100vh - 125px);
    }
    .videoText {
        margin-top: 24%
    }

}

#griefBooking.modal,
#preneedBooking.modal {
    font-size: 14px!important
}

#griefBooking.modal .modal-title,
#preneedBooking.modal .modal-title {
    font-size: 16px;
    font-weight: 700
}

ul.top-menu-bar a {
    color: #fff!important;
    text-decoration: none;
}

ul.top-menu-bar {
    padding: 0;
}

ul.top-menu-bar li {
    padding: 0 1rem;
}

ul.top-menu-bar li:hover {
    color: #999999;
}

.footer-link a {
    color: #fff;
}

.footer-link a:hover {
    color: #fff;
}

.footer-text {
    color: #c7c9c8;
}

.overview-text a {
    position: relative;
    top: 1rem;
    border: 2px solid #000;
    border-radius: 50px;
    padding: 8px 30px;
    color: #000;
}

/* subnavigation */

    .bg-subnav {
        background-color: #181e8c;
        padding: 0.75rem 0;
    }

    .bg-subnav a {
        font-size: 1.25rem;
        color: #eee;
    }

    .bg-subnav a:hover {
        color: #fff;
    }

    .subnav-item {
        font-size: 1.25rem;
        color: #fff;
        padding: 0.5rem 0;
    }

.polaroid {
    position: relative;
    z-index: 1000;
} 
.polaroid img {
    height: 275px;
    border: 10px solid #fff;
    border-bottom: 45px solid #fff;
    background: #fff;
}
.tc-bg {
	min-height: 75vh;
	background-image: url('/wp-content/uploads/upcoming-back.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.form-full-width form p label,
.form-full-width input[type=text],
.form-full-width input[type=email],
.form-full-width textarea  {
	width: 100%;
}
.form-full-width span.wpcf7-list-item { 
	display: block;
}