/**
 * Theme Name: Inglewood Park Cemetery
 * Author: L.A. Design Studio
 * Author URI: https://www.ladesignstudio.com/
 * Template: wp-bootstrap-starter
 */

:root {
    --purple : #4b1d75;
    --yellow : #fcb827;
}

body {
    font-family : 'Raleway', sans-serif;
}

select {
    border    : 1px solid #c6c6c6;
    font-size : 1rem;
    padding   : 1rem 1.125rem;
}


/*noinspection CssOverwrittenProperties*/
a[href] {
    color : #4b1d75;
    color : var(--purple);
}

.container {
    max-width : 90% !important;
}

.container-fluid.p-0 > .row {
    margin : 0;
}

.container-fluid.p-0 > .row > [class*="col-"] {
    padding : 0;
}

.flex-grow-2 {
    -ms-flex-positive : 2 !important;
    flex-grow         : 2 !important;
}

.lc-mb-0 :last-child {
    margin-bottom : 0;
}

/*noinspection CssOverwrittenProperties*/
.purple {
    color : #4b1d75 !important;
    color : var(--purple) !important;
}

/*noinspection CssOverwrittenProperties*/
.yellow {
    color : #fcb827 !important;
    color : var(--yellow) !important;
}

.white {
    color : #fff !important;
}

.bg-purple,
.bg-dark,
.bg-yellow,
.bg-light,
.bg-purple a,
.bg-dark a,
.bg-yellow a,
.bg-light a {
    color : white !important;
}

/*noinspection CssOverwrittenProperties*/
.bg-purple,
.bg-dark {
    background-color : #4b1d75 !important;
    background-color : var(--purple) !important;
}

/*noinspection CssOverwrittenProperties*/
.bg-yellow,
.bg-light {
    background-color : #fcb827 !important;
    background-color : var(--yellow) !important;
}

.bg-white {
    background-color : #fff !important;
}

.white-border {
    border : 1px solid white !important;
}

span.first-letter-purple,
span.first-letter-yellow {
    display : inline-block;
}

/*noinspection CssOverwrittenProperties*/
.first-letter-purple::first-letter {
    color : #4b1d75 !important;
    color : var(--purple) !important;
}

/*noinspection CssOverwrittenProperties*/
.first-letter-yellow::first-letter {
    color : #fcb827 !important;
    color : var(--yellow) !important;
}

.linethrough {
    -ms-flex-align  : center;
    align-items     : center;
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-pack   : center;
    justify-content : center;
}

.linethrough.text-left {
    -webkit-box-pack : start;
    -ms-flex-pack    : start;
    justify-content  : flex-start;
}

.linethrough.text-right {
    -webkit-box-pack : end;
    -ms-flex-pack    : end;
    justify-content  : flex-end;
}

/*noinspection CssOverwrittenProperties*/
.linethrough::before,
.linethrough::after {
    border-color     : #4b1d75;
    border-color     : var(--purple);
    border-top-style : solid;
    border-top-width : 1px;
    content          : '';
    display          : inline-block;
    -ms-flex         : 0 0 2rem;
    flex             : 0 0 2rem;
    width            : 2rem;
    height           : 0;
    vertical-align   : middle;
}

.linethrough::before {
    margin-right : 1.5rem;
}

.linethrough::after {
    margin-left : 1.5rem;
}

/*noinspection CssOverwrittenProperties*/
.linethrough.purple::before,
.linethrough.purple::after {
    border-color : #4b1d75 !important;
    border-color : var(--purple) !important;
}

.linethrough.white::before,
.linethrough.white::after {
    border-color : #fff !important;
}

/*noinspection CssOverwrittenProperties*/
.linethrough.yellow::before,
.linethrough.yellow::after {
    border-color : #fcb827 !important;
    border-color : var(--yellow) !important;
}

.linethrough span {
    display        : inline-block;
    -ms-flex       : 0 0 auto;
    flex           : 0 0 auto;
    max-width      : 75%;
    vertical-align : middle;
}

/*noinspection CssOverwrittenProperties*/
.linethrough.yellow {
    border-color : #fcb827 !important;
    border-color : var(--yellow) !important;
}

.letter-spacing-wide {
    letter-spacing : 0.25rem !important;
}

/*noinspection CssOverwrittenProperties*/
.button,
.button a[href] {
    color           : #4b1d75 !important;
    color           : var(--purple) !important;
    display         : inline-block !important;
    text-decoration : none !important;
}

/*noinspection CssOverwrittenProperties*/
.button {
    border-color   : #4b1d75 !important;
    border-color   : var(--purple) !important;
    border-style   : solid !important;
    border-width   : 1px !important;
    font-size      : 1rem !important;
    letter-spacing : 0.25em !important;
    line-height    : 1.25 !important;
    padding        : 1em 2.25em !important;
    text-align     : center !important;
    text-transform : uppercase !important;
}

/*noinspection CssOverwrittenProperties*/
.button:active,
.button:focus,
.button:hover,
.button:active a[href],
.button:focus a[href],
.button:hover a[href] {
    color : #fff !important;
}

/*noinspection CssOverwrittenProperties*/
.button:active,
.button:focus,
.button:hover {
    background-color : #4b1d75 !important;
    background-color : var(--purple) !important;
    text-decoration  : none !important;
}

/*noinspection CssOverwrittenProperties*/
.button.white,
.white-button,
.button.white a[href],
.white-button a[href] {
    color           : #4b1d75 !important;
    color           : var(--purple) !important;
    text-decoration : none !important;
}

/*noinspection CssOverwrittenProperties*/
.button.white,
.white-button {
    background-color : #fff !important;
    border-color     : #4b1d75 !important;
    border-color     : var(--purple) !important;
}

/*noinspection CssOverwrittenProperties*/
.button.white:active,
.button.white:focus,
.button.white:hover,
.white-button:active,
.white-button:focus,
.white-button:hover,
.button.white:active a[href],
.button.white:focus a[href],
.button.white:hover a[href],
.white-button:active a[href],
.white-button:focus a[href],
.white-button:hover a[href] {
    color : #fff !important;
}

/*noinspection CssOverwrittenProperties*/
.button.white:active,
.button.white:focus,
.button.white:hover,
.white-button:active,
.white-button:focus,
.white-button:hover {
    background-color : #4b1d75 !important;
    background-color : var(--purple) !important;
    border-color     : #fff !important;
}

/*noinspection CssOverwrittenProperties*/
.button.button-inverse,
.button.purple,
.purple-button,
.button.button-inverse a[href],
.button.purple a[href],
.purple-button a[href] {
    color           : #fff !important;
    text-decoration : none !important;
}

/*noinspection CssOverwrittenProperties*/
.button.button-inverse,
.button.purple,
.purple-button {
    background-color : #4b1d75 !important;
    background-color : var(--purple) !important;
    border           : 1px solid #fff !important;
}

/*noinspection CssOverwrittenProperties*/
.button.button-inverse:active,
.button.button-inverse:focus,
.button.button-inverse:hover,
.button.purple:active,
.button.purple:focus,
.button.purple:hover,
.purple-button:active,
.purple-button:focus,
.purple-button:hover,
.button.button-inverse:active a[href],
.button.button-inverse:focus a[href],
.button.button-inverse:hover a[href],
.button.purple:active a[href],
.button.purple:focus a[href],
.button.purple:hover a[href],
.purple-button:active a[href],
.purple-button:focus a[href],
.purple-button:hover a[href] {
    color : #4b1d75 !important;
    color : var(--purple) !important;
}

/*noinspection CssOverwrittenProperties*/
.button.button-inverse:active,
.button.button-inverse:focus,
.button.button-inverse:hover,
.button.purple:active,
.button.purple:focus,
.button.purple:hover,
.purple-button:active,
.purple-button:focus,
.purple-button:hover {
    background-color : #fff !important;
    border-color     : #4b1d75 !important;
    border-color     : var(--purple) !important;
}

/*noinspection CssOverwrittenProperties*/
.button.button-transparent,
.button.button-transparent a[href] {
    color : #fcb827 !important;
    color : var(--yellow) !important;
}

/*noinspection CssOverwrittenProperties*/
.button.button-transparent {
    background-color : transparent !important;
    border           : 1px solid #fff !important;
}

.button.button-transparent.black,
.button.button-transparent.black a[href] {
    color : #000 !important;
}

.button.button-transparent.black {
    border-color : #000 !important;
}

/*noinspection CssOverwrittenProperties*/
.button.button-transparent:active,
.button.button-transparent:focus,
.button.button-transparent:hover,
.button.button-transparent:active a[href],
.button.button-transparent:focus a[href],
.button.button-transparent:hover a[href] {
    color : #fcb827 !important;
    color : var(--yellow) !important;
}

/*noinspection CssOverwrittenProperties*/
.button.button-transparent:active,
.button.button-transparent:focus,
.button.button-transparent:hover {
    background-color : #fff !important;
    border-color     : #fcb827 !important;
    border-color     : var(--yellow) !important;
}

.button.button-transparent.black:active,
.button.button-transparent.black:focus,
.button.button-transparent.black:hover,
.button.button-transparent.black:active a[href],
.button.button-transparent.black:focus a[href],
.button.button-transparent.black:hover a[href] {
    color : #fff !important;
}

.button.button-transparent.black:active,
.button.button-transparent.black:focus,
.button.button-transparent.black:hover {
    background-color : transparent !important;
    border-color     : #fff !important;
}

#secondary .button {
    font-size : 0.75rem !important;
}

.icon {
    background-attachment : scroll;
    background-color      : transparent;
    background-position   : center center;
    background-repeat     : no-repeat;
    background-size       : cover;
    display               : inline-block;
    width                 : 3.125rem;
    height                : 3.125rem;
}

.icon::after {
    content    : '';
    display    : block;
    visibility : hidden;
    width      : 0;
    height     : 0;
}

.facebook-icon {
    background-image : url(assets/images/icon-facebook-01.png);
}

.facebook-icon:active,
.facebook-icon:focus,
.facebook-icon:hover,
.facebook-icon::after {
    background-image : url(assets/images/icon-facebook-02.png);
}

.twitter-icon {
    background-image : url(assets/images/icon-twitter-01.png);
}

.twitter-icon:active,
.twitter-icon:focus,
.twitter-icon:hover,
.twitter-icon::after {
    background-image : url(assets/images/icon-twitter-02.png);
}

.youtube-icon {
    background-image : url(assets/images/icon-youtube-01.png);
}

.youtube-icon:active,
.youtube-icon:focus,
.youtube-icon:hover,
.youtube-icon::after {
    background-image : url(assets/images/icon-youtube-02.png);
}

ul.social-media-list > li:not(:last-child) {
    margin-right : 1.875rem;
}

.hero {
    background-position : center top;
    background-repeat   : no-repeat;
    background-size     : cover;
    height              : 0;
    padding-bottom      : 25%;
    position            : relative;
}

.hero.two-column {
    height         : auto;
    padding-bottom : 2.5rem;
}

.hero.two-column .hero-bg {
    background-position : center top;
    background-repeat   : no-repeat;
    background-size     : cover;
    height              : 0;
    padding-bottom      : calc(100% * 2 / 3);
}

.hero h1 {
    font-size         : 2rem;
    font-weight       : normal;
    letter-spacing    : 0.25em;
    line-height       : 1.25;
    margin            : 0;
    padding           : 0;
    position          : absolute;
    top               : 50%;
    left              : 50%;
    text-transform    : uppercase;
    -webkit-transform : translate(-50%, -50%);
    -moz-transform    : translate(-50%, -50%);
    -ms-transform     : translate(-50%, -50%);
    -o-transform      : translate(-50%, -50%);
    transform         : translate(-50%, -50%);
}

.hero.two-column h1 {
    font-size         : 1.25rem;
    font-weight       : 600;
    margin            : 0 0 0.8em;
    position          : static;
    -webkit-transform : none;
    -moz-transform    : none;
    -ms-transform     : none;
    -o-transform      : none;
    transform         : none;
}

.hero h1::before,
.hero h1::after {
    border-width : 0.0625em;
    width        : 1em;
}

.hero h1::before {
    margin-right : 0.75em;
}

.hero h1::after {
    margin-left : 0.75em;
}

.hero .description {
    margin-left  : auto;
    margin-right : auto;
    max-width    : 675px;
}

.hero .description :last-child {
    margin-bottom : 0;
}

.full-height {
    height : 100vh !important;
}

.hero.full-height {
    padding-bottom : 0;
}

.post.hentry:last-child,
.post.hentry :last-child {
    margin-bottom : 0;
}

.page-content,
.page.hentry .entry-content,
.page.hentry .entry-summary {
    margin : 0;
}

.widget-posts-list ul.posts > li:not(:last-child) {
    margin-bottom : 3rem;
}

h3.widget-title {
    font-size   : 1.5rem;
    font-weight : normal;
    line-height : 1.25;
    margin      : 0 0 calc(1em * 5 / 6);
}

.page-description {
    margin-left   : auto;
    margin-right  : auto;
    margin-bottom : 3rem;
    max-width     : 640px;
    padding-top   : 4rem;
}

.page-description :last-child {
    margin-bottom : 0;
}

.fancybox-thumbs__list a::before {
    z-index : 9000001 !important;
}

.fancybox-container {
    -webkit-transform : none !important;
    -moz-transform    : none !important;
    -ms-transform     : none !important;
    -o-transform      : none !important;
    transform         : none !important;
    z-index           : 9000002 !important;
}

.fancybox-slide,
.fancybox-stage {
    z-index : 9000004 !important;
}

.fancybox-thumbs,
.fancybox-slide--image .fancybox-content {
    z-index : 9000005 !important;
}

.fancybox-caption {
    z-index : 9000006 !important;
}

.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    z-index : 9000007 !important;
}

.fancybox-progress {
    z-index : 9000008 !important;
}

.fancybox-loading {
    z-index : 9000009 !important;
}

#page {
    -webkit-transition       : transform .4s cubic-bezier(.215, .061, .355, 1) 1s, background .4s cubic-bezier(.215, .061, .355, 1), opacity .2s cubic-bezier(.215, .061, .355, 1);
    -moz-transition          : transform .4s cubic-bezier(.215, .061, .355, 1) 1s, background .4s cubic-bezier(.215, .061, .355, 1), opacity .2s cubic-bezier(.215, .061, .355, 1);
    -ms-transition           : transform .4s cubic-bezier(.215, .061, .355, 1) 1s, background .4s cubic-bezier(.215, .061, .355, 1), opacity .2s cubic-bezier(.215, .061, .355, 1);
    -o-transition            : transform .4s cubic-bezier(.215, .061, .355, 1) 1s, background .4s cubic-bezier(.215, .061, .355, 1), opacity .2s cubic-bezier(.215, .061, .355, 1);
    transition               : transform .4s cubic-bezier(.215, .061, .355, 1) 1s, background .4s cubic-bezier(.215, .061, .355, 1), opacity .2s cubic-bezier(.215, .061, .355, 1);
    -webkit-transition-delay : 0.05s;
    -moz-transition-delay    : 0.05s;
    -ms-transition-delay     : 0.05s;
    -o-transition-delay      : 0.05s;
    transition-delay         : 0.05s;
}

/*noinspection CssOverwrittenProperties*/
/*body.sfm-body-pushed > *:not([class*="sfm-"]):not(.fancybox-container) {
    -webkit-transform : translate(320px, 0) !important;
    -moz-transform    : translate(320px, 0) !important;
    -ms-transform     : translate(320px, 0) !important;
    -o-transform      : translate(320px, 0) !important;
    transform         : translate(320px, 0) !important;
    -webkit-transform : translate3d(320px, 0, 0) !important;
    -moz-transform    : translate3d(320px, 0, 0) !important;
    -ms-transform     : translate3d(320px, 0, 0) !important;
    -o-transform      : translate3d(320px, 0, 0) !important;
    transform         : translate3d(320px, 0, 0) !important;
    width             : calc(100% - 320px) !important;
}*/

.sfm-navicon-button {
    height : 62px !important;
}

.sfm-navicon-button::after {
    margin            : 0 !important;
    -webkit-transform : translateY(calc(-100% - 0.5em)) !important;
    -moz-transform    : translateY(calc(-100% - 0.5em)) !important;
    -ms-transform     : translateY(calc(-100% - 0.5em)) !important;
    -o-transform      : translateY(calc(-100% - 0.5em)) !important;
    transform         : translateY(calc(-100% - 0.5em)) !important;
}

.sfm-navicon {
    top : 22px;
}

#sfm-sidebar .sfm-logo {
    margin-top : -30px !important;
}

#sfm-sidebar .sfm-menu li {
    padding-left : 30px !important;
}

body #sfm-sidebar .sfm-menu li a,
body #sfm-sidebar .sfm-chapter,
body #sfm-sidebar .widget-area,
body .sfm-search-form input {
    padding-left : 20px !important;
}

.sfm-no-mobile #sfm-sidebar .sfm-menu-level-0 a::before,
.sfm-no-mobile #sfm-sidebar .sfm-menu-level-0 .sfm-active-item a::before,
.sfm-no-mobile #sfm-sidebar .sfm-menu-level-0 .sfm-active-smooth a::before {
    background-color : transparent !important;
}

#sfm-sidebar .sfm-menu li:last-child::after {
    display : block !important;
}

/*noinspection CssOverwrittenProperties*/
#sfm-sidebar .sfm-menu-level-0 > li:active > a,
#sfm-sidebar .sfm-menu-level-0 > li:hover > a,
#sfm-sidebar .sfm-menu-level-0 > li.sfm-active-class > a {
    background-color : transparent !important;
    color            : #fcb827 !important;
    color            : var(--yellow) !important;
}

/*noinspection CssFloatPxLength*/
#sfm-sidebar .sfm-menu-level-0 > li.sfm-has-child-menu.sfm-active-item > a::after {
    content           : '';
    display           : block;
    width             : 0;
    height            : 0;
    border-left       : 32px solid #4b1d75;
    border-top        : 18.5px solid transparent;
    border-bottom     : 18.5px solid transparent;
    position          : absolute;
    right             : -32px;
    top               : 50%;
    -webkit-transform : translateY(-50%);
    -moz-transform    : translateY(-50%);
    -ms-transform     : translateY(-50%);
    -o-transform      : translateY(-50%);
    transform         : translateY(-50%);
}

#sfm-sidebar .sfm-view-level-1 > li::after,
#sfm-sidebar .sfm-menu-level-1 > li::after {
    background-color : #d99b36 !important;
}

/*noinspection CssOverwrittenProperties*/
#sfm-sidebar .sfm-view-level-1 > li > a,
#sfm-sidebar .sfm-menu-level-1 > li > a {
    color : #4b1d75 !important;
    color : var(--purple) !important;
}

#sfm-sidebar .sfm-view-level-1 li:active > a,
#sfm-sidebar .sfm-menu-level-1 li:hover > a,
#sfm-sidebar .sfm-view-level-1 li:active > a,
#sfm-sidebar .sfm-menu-level-1 li:hover > a,
#sfm-sidebar .sfm-view-level-1 li.sfm-active-class > a,
#sfm-sidebar .sfm-menu-level-1 li.sfm-active-class > a {
    color : #fff !important;
}

#sfm-sidebar .sfm-copy p {
    line-height : 1.5;
}

#sfm-sidebar .sfm-copy p span {
    font-size : 1.5em;
}

#content.site-content {
    padding : 0;
}

#content img {
    max-width : 100%;
    width     : auto;
    height    : auto;
}

#footer-menu,
#footer-contact {
    height  : 100%;
    padding : 2.5rem 0;
}

#footer-menu a[href] {
    color : black;
}

#footer-menu h3.menu-title {
    color          : #bbb;
    font-size      : 0.5rem;
    font-weight    : normal;
    letter-spacing : 4px;
    line-height    : 1.25;
    margin         : 0 0 1rem;
    text-transform : uppercase;
}

#footer-menu ul.menu {
    margin : 0 0 2.5rem;
}

#footer-menu .flex-column:last-child > *[class*="col-"]:last-child ul.menu {
    margin-bottom : 0;
}

#footer-contact > *[class*="col-"] {
    max-width : 200px;
}

#footer-contact > *[class*="col-"]:not(:last-child) {
    margin-bottom : 1rem;
}

#footer-contact .contact-address {
    color       : #000;
    line-height : 1.25;
}

#footer-contact .contact-address a[href] {
    color : black !important;
}

#footer-contact .contact-address :last-child {
    margin-bottom : 0;
}

#footer-contact .contact-button .button {
    padding : 1rem 1.75rem !important;
}

footer#colophon {
    font-size : 1rem;
}

#colophon .widget {
    margin : 0;
}

body.home .video-overlay {
    opacity            : 0;
    position           : absolute;
    top                : 0;
    left               : 0;
    -webkit-transition : all 0.2s linear;
    -moz-transition    : all 0.2s linear;
    -ms-transition     : all 0.2s linear;
    -o-transition      : all 0.2s linear;
    transition         : all 0.2s linear;
    width              : 100%;
    z-index            : 1000000;
}

body.home .video-overlay.visible {
    opacity : 1;
}

body.home .video-overlay > .inner {
    height            : 23.25rem;
    position          : absolute;
    left              : 50%;
    top               : 33%;
    -webkit-transform : translate(-50%, -50%) /*scale(0.75)*/;
    -moz-transform    : translate(-50%, -50%) /*scale(0.75)*/;
    -ms-transform     : translate(-50%, -50%) /*scale(0.75)*/;
    -o-transform      : translate(-50%, -50%) /*scale(0.75)*/;
    transform         : translate(-50%, -50%) /*scale(0.75)*/;
    width             : 75%;
}

body.home .video-overlay h1 {
    color          : white;
    font-size      : 36px;
    font-weight    : bold;
    letter-spacing : 12px;
    line-height    : 1.5;
    margin         : 0;
    text-transform : uppercase;
}

/*noinspection CssOverwrittenProperties*/
body.home .video-overlay h1::first-letter {
    color : #fcb827 !important;
    color : var(--yellow) !important;
}

body.home .video-overlay button {
    background : transparent url(assets/images/play-button.png) no-repeat;
    border     : 0 none;
    padding    : 0;
    width      : 141px;
    height     : 141px;
}

body.home .video-overlay button:focus {
    outline : 0 none;
}

#content .section {
    background-repeat : no-repeat;
    padding           : 5rem 0;
    position          : relative;
}

#content .section.light {
    background-color : white;
}

/*noinspection CssOverwrittenProperties*/
#content .section.dark {
    background-color : #4b1d75 !important;
    background-color : var(--purple) !important;
    color            : #fff;
}

#content .section.dark a[href] {
    color : #fff;
}

#content .title {
    font-size      : 1.25rem;
    letter-spacing : 0.25em;
    line-height    : 1.25;
    margin         : 0 0 0.8em;
    padding        : 0;
    text-transform : uppercase;
}

#content .subtitle {
    font-size   : 2rem;
    font-weight : normal;
    line-height : 1.2;
    margin      : 0 0 0.625em;
    padding     : 0;
}

#content .subtitle.smaller,
#content .subtitle.years {
    font-size     : 1.25rem;
    margin-bottom : 1.5em;
}

/*noinspection CssOverwrittenProperties*/
#content .page-header {
    background-color : #4b1d75;
    background-color : var(--purple);
    color            : #fff;
    margin-bottom    : 4.75rem;
    padding          : 3rem 0;
}

#content .page-header :last-child {
    margin : 0;
}

#content .page-header .subheading {
    text-align : center;
}

body.home #section-3,
body.page-template-interment-choices #section-1 {
    padding : 0;
}

body.home #section-3 .container-fluid,
body.page-template-interment-choices #section-1 .container-fluid {
    padding : 0;
}

body.home #section-3 .container-fluid > .row,
body.page-template-interment-choices #section-1 .container-fluid > .row {
    margin : 0;
}

body.home #section-3 .container-fluid > .row > *[class*="col-"],
body.page-template-interment-choices #section-1 .container-fluid > .row > *[class*="col-"] {
    padding : 0;
}

body.home #section-3 .container-fluid > .row > *[class*="col-"] > .inner,
body.page-template-interment-choices #section-1 .container-fluid > .row > *[class*="col-"] > .inner {
    background-repeat : no-repeat;
    background-size   : cover;
    height            : 0;
    padding-bottom    : calc(100% * 588 / 480);
    position          : relative;
}

body.home #section-3 .container-fluid > .row > *[class*="col-"] > .inner::before,
body.page-template-interment-choices #section-1 .container-fluid > .row > *[class*="col-"] > .inner::before {
    background      : url(assets/images/team-overlay.png) repeat;
    background-size : auto 100%;
    content         : '';
    display         : block;
    position        : absolute;
    width           : 100%;
    height          : 100%;
    z-index         : 1;
}

body.home #section-3 .container-fluid > .row > *[class*="col-"] > .inner > a[href],
body.page-template-interment-choices #section-1 .container-fluid > .row > *[class*="col-"] > .inner > a[href] {
    display  : block;
    position : absolute;
    width    : 100%;
    height   : 100%;
    z-index  : 10;
}

body.home #section-3 .container-fluid > .row > *[class*="col-"] > .inner .content,
body.page-template-interment-choices #section-1 .container-fluid > .row > *[class*="col-"] > .inner .content {
    padding        : 0 15px;
    position       : absolute;
    left           : 0;
    bottom         : 0;
    width          : 100%;
    height         : 14.375rem;
    padding-bottom : 5.25rem;
    z-index        : 10;
}

body.home #section-3 .container-fluid > .row > *[class*="col-"] > .inner .content h3,
body.page-template-interment-choices #section-1 .container-fluid > .row > *[class*="col-"] > .inner .content h3 {
    font-size     : 2.25rem;
    line-height   : 1.25;
    margin-bottom : 4rem;
    text-shadow   : 2px 2px 3px black;
}

body.home #section-4 .title {
    font-size      : 2rem;
    letter-spacing : 2px;
    margin-bottom  : 4rem;
    text-transform : none;
}

#content .post.hentry .entry-title,
body.home #section-4 .event .event-title {
    border      : 0 none;
    font-size   : 1.5rem;
    font-weight : normal;
    line-height : 1.25;
    margin      : 0 0 calc(1em * 5 / 6);
    padding     : 0;
}

#content #secondary .post.hentry .entry-title {
    font-size : 1rem;
}

#content .post.hentry .posted-on,
body.home #section-4 .event .event-date {
    color          : #24292e;
    font-size      : 1rem;
    font-weight    : normal;
    letter-spacing : 0.25em;
    line-height    : 1.25;
    margin         : 0 0 1em;
    text-transform : uppercase;
}

#content #secondary .post.hentry .posted-on {
    font-size : 0.75rem;
}

#content .post.hentry .entry-content {
    margin-top : 0;
}

#content .post.hentry .excerpt,
body.home #section-4 .event .event-excerpt {
    margin-bottom : 1.5rem;
}

body.home #section-4 .event .event-excerpt :last-child {
    margin-bottom : 0;
}

#content .post.hentry .post-thumbnail img,
body.home #section-4 .event .thumbnail img {
    width : 100%;
}

#content .mapplic-pin {
    background-image : url(assets/images/icon-map-pin.png);
    background-size  : 100%;
    width            : 20px;
    height           : 24px;
}

#content .mapplic-tooltip:not(.mapplic-hovertip) .mapplic-tooltip-title {
    display : none;
}

#content .mapplic-tooltip.mapplic-hovertip .mapplic-tooltip-title {
    color : #fff;
}

/*noinspection CssOverwrittenProperties*/
#content .mapplic-tooltip {
    background-color : #4b1d75;
    background-color : var(--purple);
    color            : #fff;
}

#content .mapplic-tooltip-content {
    max-height : none;
}

#content .mapplic-tooltip-content :last-child {
    margin-bottom : 0;
}

#content .mapplic-tooltip-content p,
#content .mapplic-tooltip-content img {
    margin : 0 0 0.5rem;
}

#content .mapplic-tooltip-content a {
    color          : #fff;
    text-transform : uppercase;
}

#content .mapplic-tooltip-close {
    background  : none;
    color       : #fff;
    font-size   : 1.5rem;
    line-height : calc(11em / 24);
    opacity     : 1;
    padding     : 0;
    width       : auto;
    height      : auto;
    top         : 2px;
    right       : 2px;
}

#content .mapplic-tooltip-close::before {
    content : '\00d7';
    display : inline-block;
}

/*noinspection CssOverwrittenProperties*/
#content .mapplic-tooltip-triangle {
    border-color : #4b1d75 transparent transparent transparent !important;
    border-color : var(--purple) transparent transparent transparent !important;
}

#content .mapplic-zoom-buttons,
#content .mapplic-container > .mapplic-button {
    z-index : 3000001;
}

#content .mapplic-zoom-buttons {
    top    : 0;
    bottom : auto;
    left   : auto;
    right  : 0;
}

.flexslider {
    border : 0 none;
    margin : 0;
}

.flexslider .flex-control-nav {
    margin-top : 16px;
    position   : static;
}

/*noinspection CssOverwrittenProperties*/
.flexslider .flex-direction-nav a {
    background-color  : #4b1d75;
    background-color  : var(--purple);
    font-size         : 0;
    height            : auto;
    margin            : 0;
    text-align        : center;
    -webkit-transform : translateY(-50%);
    -moz-transform    : translateY(-50%);
    -ms-transform     : translateY(-50%);
    -o-transform      : translateY(-50%);
    transform         : translateY(-50%);
}

.flexslider .flex-direction-nav a::before {
    color : #fff;
}

#content .col-category :last-child,
#content .col-team-member :last-child {
    margin : 0;
}

#content .col-category .bg {
    height         : 100%;
    padding-top    : 1.5rem;
    padding-bottom : 1.5rem;
    position       : relative;
}

#content .col-category .title {
    font-size   : 2rem;
    line-height : 1.5;
}

#content .col-team-member::before {
    content         : '';
    background      : url(assets/images/team-overlay.png) repeat;
    background-size : auto 100%;
    display         : block;
    position        : absolute;
    width           : 100%;
    height          : 100%;
    z-index         : 1;
}

#content .col-team-member .team-member-photo {
    background-position : center top;
    background-repeat   : no-repeat;
    background-size     : cover;
    height              : 0;
    padding-bottom      : calc(100% * 586 / 480);
}

#content .col-team-member .team-member-photo > a[href] {
    display  : block;
    position : absolute;
    width    : 100%;
    height   : 100%;
    z-index  : 10;
}

#content .col-team-member .team-member-text {
    padding  : 0 15px;
    position : absolute;
    left     : 0;
    bottom   : 20px;
    width    : 100%;
    z-index  : 15;
}

#content .col-team-member .team-member-text .title {
    font-size      : 1.5rem;
    font-weight    : normal;
    letter-spacing : 0;
    margin         : 0;
}

.page-template-about-us #content #section-2 {
    padding-bottom : 0;
}

.page-template-about-us #content #section-2 .description {
    margin-left    : auto;
    margin-right   : auto;
    max-width      : 950px;
    padding-bottom : 2.5rem;
}

.page-template-team-member #content #section-2 .content {
    margin-left   : auto;
    margin-right  : auto;
    margin-bottom : 2.5rem;
    max-width     : 900px;
}

body.archive .post.hentry,
body.category .post.hentry,
body.single .post.hentry {
    border-top : 1px solid #ddd;
    margin     : 0;
    padding    : 3rem 0;
}

body.archive .post.hentry .event-date,
body.category .post.hentry .event-date,
body.single .post.hentry .event-date {
    font-size : 1.5rem;
    margin    : 0 0 0.5em;
    padding   : 0;
}

body.archive .post.hentry .event-time,
body.category .post.hentry .event-time,
body.single .post.hentry .event-time,
body.archive .post.hentry .event-location,
body.category .post.hentry .event-location,
body.single .post.hentry .event-location {
    margin-bottom : 0.5em;
    padding-left  : 1.375rem;
    position      : relative;
}

body.archive .post.hentry .event-time i,
body.category .post.hentry .event-time i,
body.single .post.hentry .event-time i,
body.archive .post.hentry .event-location i,
body.category .post.hentry .event-location i,
body.single .post.hentry .event-location i {
    position       : absolute;
    left           : 0;
    top            : 0.25rem;
    text-align     : center;
    vertical-align : middle;
    width          : 1rem;
}

body.archive #secondary #past-events h1.title,
body.category #secondary #past-events h1.title,
body.single #secondary #upcoming-events h1.title {
    line-height   : 3.4375rem;
    margin-bottom : 1.5rem;
}

body.archive #secondary ul.events,
body.category #secondary ul.events,
body.single #secondary ul.events {
    background : #f4f4f4;
    margin     : 0;
    padding    : 1.5rem 3rem;
}

body.archive #secondary ul.events > li.event,
body.category #secondary ul.events > li.event,
body.single #secondary ul.events > li.event {
    border-bottom : 1px solid #ddd;
    margin        : 0;
    padding       : 2.25rem 0;
}

body.archive #secondary ul.events > li.event:last-child,
body.category #secondary ul.events > li.event:last-child,
body.single #secondary ul.events > li.event:last-child {
    border-bottom : 0 none;
}

body.archive #secondary ul.events > li.event .event-title,
body.category #secondary ul.events > li.event .event-title,
body.single #secondary ul.events > li.event .event-title {
    font-size   : 1.25rem;
    font-weight : 400;
    margin      : 0 0 0.5em;
    padding     : 0;
}

body.archive #secondary ul.events > li.event .event-date,
body.category #secondary ul.events > li.event .event-date,
body.single #secondary ul.events > li.event .event-date {
    color       : #000;
    font-weight : 700;
    margin      : 0;
}

body.archive #secondary ul.events > li.event .event-date a,
body.category #secondary ul.events > li.event .event-date a,
body.single #secondary ul.events > li.event .event-date a {
    color : #000;
}

nav.posts-nav {
    border-top    : 1px solid #ddd;
    border-bottom : 1px solid #ddd;
    margin        : 0 0 3rem;
    padding       : 2.25rem 0;
    text-align    : center;
}

nav.posts-nav ul.pages {
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-direction    : row;
    flex-direction        : row;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    -ms-flex-wrap         : wrap;
    flex-wrap             : wrap;
    justify-content       : center;
    margin                : 0;
}

nav.posts-nav ul.pages > li:not(:last-child) {
    margin-right : 0.5rem;
}

@media screen and (min-width : 576px) {
    #content .mapplic-pin {
        width  : 25px;
        height : 30px;
    }
}

@media screen and (min-width : 768px) {
    .hero h1 {
        font-size : 3rem;
    }

    .linethrough span {
        max-width : 90%;
    }

    body.home #section-1 .watermark-image img,
    body.home #section-5 .watermark-image img {
        position : absolute;
        width    : calc(100% * 1 / 6);
    }

    body.home #section-1 .watermark-image img {
        right  : 0;
        bottom : 0;
    }

    body.home #section-5 .watermark-image img {
        left   : 0;
        bottom : 0;
    }

    body.home #section-2 .bg-image {
        background-repeat : no-repeat;
        background-size   : cover;
        height            : 0;
        padding-bottom    : calc(100% * 450 / 1551);
        position          : relative;
    }

    body.home #section-2 .bg-image .button {
        position          : absolute;
        left              : 50%;
        top               : 50%;
        -webkit-transform : translate(-50%, -50%);
        -moz-transform    : translate(-50%, -50%);
        -ms-transform     : translate(-50%, -50%);
        -o-transform      : translate(-50%, -50%);
        transform         : translate(-50%, -50%);
    }

    body.home #section-6 .row > *[class*="col-"]:first-child {
        margin-right : 3.4%;
    }

    body.home #section-6 .row > *[class*="col-"]:last-child {
        margin-left : 3.4%;
    }

    #content .mapplic-pin {
        width  : 30px;
        height : 36px;
    }

    #content .col-category,
    #content .col-team-member {
        padding-top    : 0;
        padding-bottom : 0;
    }

    #content .col-category .bg {
        margin : 0;
    }

    #content .col-category .title {
        max-width         : 100%;
        padding           : 0 15px;
        position          : absolute;
        left              : 50%;
        top               : 50%;
        -webkit-transform : translate(-50%, -50%);
        -moz-transform    : translate(-50%, -50%);
        -ms-transform     : translate(-50%, -50%);
        -o-transform      : translate(-50%, -50%);
        transform         : translate(-50%, -50%);
    }
}

@media screen and (min-width : 992px) {
    .flex-grow-lg-2 {
        -ms-flex-positive : 2 !important;
        flex-grow         : 2 !important;
    }

    .hero.two-column {
        padding : 0;
    }

    .hero.two-column .hero-bg {
        padding-bottom : 31.25%;
    }

    .hero.two-column .hero-text {
        padding-left : 30px;
    }

    .hero h1 {
        font-size : 3.5rem;
    }

    #content .mapplic-pin {
        width  : 35px;
        height : 42px;
    }

    #footer-menu .flex-column > *[class*="col-"]:last-child ul.menu {
        margin-bottom : 0;
    }

    #footer-contact {
        font-size : 0.75rem;
    }

    #footer-contact .contact-button .button {
        font-size      : 0.75rem !important;
        letter-spacing : 3px !important;
        padding        : 0.75rem 1rem !important;
    }

    body.home #section-3 .container-fluid > .row > *[class*="col-"] > .inner > .content h3,
    body.page-template-interment-choices #section-1 .container-fluid > .row > *[class*="col-"] > .inner > .content h3 {
        font-size : 1.5rem;
    }
}

@media screen and (min-width : 1200px) {
    .flex-grow-xl-2 {
        -ms-flex-positive : 2 !important;
        flex-grow         : 2 !important;
    }

    .hero h1 {
        font-size : 4rem;
    }

    #content .mapplic-pin {
        width  : 40px;
        height : 48px;
    }

    #footer-menu,
    #footer-contact {
        padding : 5.25rem 0;
    }

    #footer-menu {
        padding-left  : 2.75rem;
        padding-right : 2.75rem;
    }

    #footer-menu h3.menu-title {
        margin-bottom : 1.5rem;
    }

    #footer-menu ul.menu {
        margin-bottom : 5.25rem;
    }

    #footer-menu ul.menu > li:not(:last-child) {
        margin-bottom : 0.75rem;
    }

    #footer-contact {
        font-size : 1rem;
    }

    body.home #section-3 .container-fluid > .row > *[class*="col-"] > .inner > .content h3,
    body.page-template-interment-choices #section-1 .container-fluid > .row > *[class*="col-"] > .inner > .content h3 {
        font-size : 1.75rem;
    }

    #content .col-category .title {
        font-size : 1.75rem;
    }
}

@media screen and (min-width : 1600px) {
    #content .mapplic-pin {
        -webkit-transform : translate(-11px, -12px);
        -moz-transform    : translate(-11px, -12px);
        -ms-transform     : translate(-11px, -12px);
        -o-transform      : translate(-11px, -12px);
        transform         : translate(-11px, -12px);
        width             : 2.5rem;
        height            : 3rem;
    }

    body.home #section-3 .container-fluid > .row > *[class*="col-"] > .inner > .content h3,
    body.page-template-interment-choices #section-1 .container-fluid > .row > *[class*="col-"] > .inner > .content h3 {
        font-size : 2.25rem;
    }
}

/*noinspection CssFloatPxLength*/
@media screen and (max-width : 767.98px) {
    body.home #section-2 .bg-image {
        background-image : none !important;
    }
}
