/****************************************************************************/
/* This is the default custom CSS file that is included in every template.  */
/* It can be edited, but it cannot be renamed or deleted.                   */
/* You will see it included in the source of every page as                  */
/* 'Coded files/Custom/system/default/Hs Default Custom Style.css'                      */
/****************************************************************************/

/**************************/
/* imports */

/* variables */


@media (min-width: 1200px) {
    html body { font-size: 20px; }   
}

@media (max-width: 767px) {
    body.hs-blog-listing .about-author-sec { margin-left: 0; }
}

/* buttons */
body input.hs-button, 
body .hs-button, 
body .btn { font-family: fira sans, sans-serif; }

body .hs-rss-description p a {
    color: #fff;
    background-color: #8d57a1;
    border-color: #8d57a1;
}
body .hs-rss-description p a:focus, 
body .hs-rss-description p a:hover {
    color: #fff;
    background-color: #834d97;
    border-color: #814b95;
}

/* topbar */
body .topbar .social-links>a { margin-left: 4px; }
body .topbar .phone-number { margin-left: 20px; vertical-align: middle; font-family: 'volkhovregular', serif; }
body .topbar .phone-number:before { position: relative; top: 3px; content:url('https://cdn2.hubspot.net/hubfs/485933/phone2.png'); display: inline-block; margin-right: 6px; }
@media (max-width: 480px) {
    body .topbar .social-links { display: none; }
}

.topbar-right-mt10 { margin-top: 22px; }

/* header */
.topbar-left, .topbar-bar { max-width: 50%; }
body .navbar-default { border: none; border-color: #fff; }
body .navbar-nav { font-family: montserrat, sans-serif; text-transform: uppercase; font-size: 16px; }
body .navbar-header .hs_cos_wrapper_type_logo > a { display: block; padding: 10px 0 9px; }
@media (max-width: 767px) {
    body .navbar-header .hs_cos_wrapper_type_logo > a { padding-left: 15px; }
}
@media (min-width: 1200px) {
    body .navbar-nav  {height: 100px; }
    body .navbar-default .navbar-right > span > div > ul > li:last-child/*,
    body .navbar-default .navbar-right > span > div > ul > li:nth-last-child(2)*/ { margin-top: 26px; margin-left: 20px; }
    body .navbar-default .navbar-right > span > div > ul > li:last-child > a/*,
    body .navbar-default .navbar-right > span > div > ul > li:nth-last-child(2) > a */ {
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 2px solid #8B5BA3;
        white-space: nowrap;
        padding: 12px 20px;
        font-size: 13px;
        line-height: 1.5;
        border-radius: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #fff;
        background-color: #8B5BA3;
        transition: all 0.2s;
        font-family: 'fira sans', sans-serif;
    }
    /*body .navbar-default .navbar-right ul > li:nth-last-child(2) > a:hover,
    body .navbar-default .navbar-right ul > li:nth-last-child(2) > a:focus {
        color: #fff;
        background-color: #834d97;
        border-color: #834d97;
    }*/
    
    body .navbar-default .navbar-right > span > div > ul > li:last-child > a {
        color: #8B5BA3;
        background-color: #fff;
        border-color: #8B5BA3;
        border-width: 2px;
    }
    body .navbar-default .navbar-right > span > div > ul > li:last-child > a:hover,
    body .navbar-default .navbar-right > span > div > ul > li:last-child > a:focus {
        color: #fff;
        background-color: #8B5BA3;
        border-color: #8B5BA3;
    }
}
@media (max-width: 1199px) {
    body .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 { float: none; }
}

/* hero section */
body .hero-section h1 { margin: 0 0 10px; }
body.homepage .hero-section .vertical-align-middle { max-width: 600px; }
@media (min-width: 992px) {
    body .hero-section > .container { height: 600px; }
}

/* typography */
body .section-header h1:after { background-color: #adafb1; }
.text-brand-primary { color: #8d57a1; }

/* content blocks */
.content-block-title { color: #8d57a1; margin: 20px 0 30px; }
.content-block-services .content-block { text-align: left; }
.content-block-services .content-block-title { font-family: fira sans, sans-serif; font-size: 28px; color: inherit; margin-bottom: 10px; margin-top: 30px; }

/* RSS feeds */
.hs-rss-title { font-weight: bold; }

/* testimonials */
body blockquote { font-size: inherit; }
body .testimonial .details .name,
body .testimonial .details .title { font-family: fira sans, sans-serif; font-size: 20px; color: #4a4a4a; }
.blockquote-large blockquote { font-weight: 300; position: relative; padding-top: 110px; padding-left: 0; }
.blockquote-large .testimonial-headshot { display: none; }
.blockquote-large .testimonial .details { padding-left: 0; }
.blockquote-large blockquote > span:before { content: ''; display: block; height: 74px; width: 107px; background: url('//offers.ladyannefunerals.com.au/hubfs/quote-large.png') no-repeat top left; position: absolute; top: 0; left: 0; }

/* video modal */
.column-half { position: relative; }
.column-half .mpf-video { position: absolute; top: 50%; left: 50%; height: 142px; width: 139px; margin-top: -71px; margin-left: -69px; }

/* blog */
@media (min-width: 768px) { 
    body .post-listing > .post-item h2,
    body .section.hs-blog-listing .post-item h3 {  font-weight: bold; margin-bottom: 12px; font-size: 28px; } /* SB removed font-family: fira sans, sans-serif; per AT 14th dEc 2016 */
}
body .hs-blog-listing .post-header .post-meta { color: inherit; }
body .hs-blog-listing .post-comments,
body .hs-blog-listing .post-topics,
/* body .hs-blog-listing .btn { display: none; } commented out to keep button visible - SB */

body .blog-hero-section h1 { /* font-family: fira sans, sans-serif; */font-weight: bold; margin-bottom: 26px; }
body .blog-hero-section .post-meta { font-weight: 300; }
body .blog-hero-section .post-meta a { color: #fff; }

@media (min-width: 992px) {
    body.blog .hero-section>.container { height: 600px; }
}

body .blog-sidebar,
body .blog-sidebar .widget-type-post_filter ul li { font-size: 16px; }
body .blog-sidebar .widget-type-post_filter ul li { margin-bottom: 10px; }
body .blog-sidebar .block h3 { color: inherit; font-family: fira sans, sans-serif; font-size: 20px; }

body blockquote:before { background-image: url('//cdn2.hubspot.net/hubfs/485933/blockquote.png'); }


body .topbarwhite { min-height: 50px; line-height: 50px; font-size: 13px; background-color: white;}

/**********specific place element modifyers****************/
/****blog text**/

body.hs-blog-post .section.post-footer {
    padding-left: 0px;
}

body .post-body hr { /* Get rid of border line */
    border: none;
}

body .post-body > span > p:nth-of-type(1)::first-letter {
    font-size: 200%;
}

body .post-body blockquote p {
    color: #888;
    font-size: 16px;
}

/*****blog layout*****/

body .section.section_blog {
    padding-top: 0px;
}

.section.section-post-meta {
    border-bottom: 1px solid #E4E4E4;
}

/**********specific elements****************/

/********* FOOTER STYLES *****************/



/******************NAV BAR ***********************/

body .navbar ul {
    color: #888888;

}


.hs-input,
.form-control {    	
 border: none ;
}


/**** Changes from styles-tt.css ***/
/* JW: questionable code until end of comment
blockquote { 
    color: #888888;
}

.blockquote-services blockquote { 
    color: black;
    font-style: normal;
    padding-left: 0px;
    
}

.blockquote-services p {
    color: black;
}

body .blockquote_float {
    width: 600px !important;
    float: right !important;
    
}
    
@media screen and (min-width: 1440px) { 
        
        body .blockquote_float {
            float: left !important;
        }
    
    
}

body .blockquote_wrap {
    width: 700px !important;
}

body .container_services {
        margin-top: 170px;
    }


@media screen and (min-width: 1630px) { 

    body .container_services {
        width: 800px !important;
    }

}

@media screen and (min-width: 1800px) { 

    body .container_services {
        width: 880px !important;
    }

}

@media screen and (max-width: 990px) { 

    body .container_services {
        margin: 0px !important;
    }
    
    .image_bg_fill>div {
    float: none;
    
    
}

}

@media screen and (min-width: 2000px) { 

    body .container_services {
        width: 950px !important;
    }

}

@media screen and (max-width: 1200px) { 

    body .blockquote_float {
        width: 500px !important;
    }

}

/*@media screen and (max-width: 1800px) { 
  
  body .blockquote_wrap {
    width: 600px !important;
}
    
}*/

.blockquote-services blockquote:before { content: ''; display: block; width: 68px; height: 47px; position: absolute; top: -80px; left: 0px; background: url('//cdn2.hubspot.net/hubfs/485933/blockquote.png'); }

/* Uppercase nav ul items first level only */


/* footer */
body .footer-container-wrapper { padding-top: 50px; padding-bottom: 0; background-color: #505c74; color: #fff; font-size: 14px; font-weight: 300; }
body .footer-container-wrapper .section-header h1 { color: #fff; padding-bottom: 10px; margin-bottom: 40px; }
body .footer-container-wrapper .section-header h1:after { background: #fff; width: 23px; }
body .footer-container-wrapper a { color: #fff; }
body .footer-container-wrapper a:hover { opacity: 0.7; text-decoration: none; }
body .footer-container-wrapper .hs-menu-wrapper.hs-menu-flow-vertical li { margin-bottom: 6px; }
body .footer-container-wrapper .widget-type-cell { margin-bottom: 0px; }
body .footer-container-wrapper .copyright { margin: 0; margin-top: 50px; color: #fff; padding-top: 25px; padding-bottom: 25px; /*background: #394151; SB commented out 4 Oct 2016 to change bg colour of footer to default*/ }
body .footer-container-wrapper .social-links { margin-top: 6px; margin-bottom: 35px; }
body .footer-container-wrapper .social-links>a { color: #505c74; }
@media (min-width: 768px) and (max-width: 991px) {
    body .footer-container-wrapper .row-fluid .span9,
    body .footer-container-wrapper .row-fluid .span3 { width: 50%; }
    body .footer-container-wrapper .row-fluid .span3 { text-align: right; }
    body .footer-container-wrapper .widget-type-cell { margin-left: 0; }
}
@media (max-width: 767px) {
    body .footer-container-wrapper .section-header h1:after { left: 50%; margin-left: -11.5px; }
    body .footer-container-wrapper .footer-container { max-width: none; }
}
@media (min-width: 1200px) {
    body .footer-container-wrapper { font-size: 16px; }
}

.foot_phone { font-family: 'volkhovregular', serif; }
.foot_phone:before {
    content: url('//cdn2.hubspot.net/hubfs/485933/phone2.png?t=1468390136422');
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: 5px;
}


.section-bg-white { background-color: white; }

    /* Hero section small version============================================================ */
.hero-section-tint { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 1; opacity: 0.75; }



/*.section-post-meta { padding-top: 34px; padding-bottom: 34px; font-size: 13px; }*/
.section-post-meta { padding-top: 20px; padding-bottom: 20px; font-size: 13px; }

/* End style-tt */


/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}



/* JW */
/* topbar */

/* hero section */
body .hero-section h2 { margin-bottom: 30px; }

/* typgraphy */
body p, body ul, body ol { margin-bottom: 20px; }
body .page-header { margin: 0; padding: 0; }
body .section-header h1 { color: #8d57a1; }
body label { font-weight: normal; }

/* RSS feed */
@media (min-width: 992px) {
    body .hs-rss-module .hs-rss-item { width: 33.333%; }
}


/* changing all blockquotes in testiomonials to light font-weight */
.testimonial-block .name {
    font-weight: 400;
}

/* Pricing header styling */
.pricing-table-header { padding: 60px 20px 50px; }
.pricing-table-header .btn { margin-top: 20px; }
.pricing-content { padding: 20px; text-align: center; }
.pricing-content ul { list-style: none; padding: 0; margin: 0; }
.pricing-content ul li { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,0.1); }
.pricing-content ul li:last-child { margin-bottom: 0; border: none; }

/* Stick Nav Bar */
.header-container-wrapper { position:fixed; top:0; left:0; width:100%; z-index:555;}
.content-block-content { position: relative; padding-bottom: 40px; }
.content-block-content .hs-cta-wrapper { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; }

.hero-section { padding-top: 151px; }

.hero-section .btn + .btn { margin-left: 30px; }
.content-block-services .content-block { margin-bottom: 45px; }
@media (max-width: 480px) {
    .hero-section .btn,
    .hero-section .btn[style] { display: block; max-width: 70%; float: none; width: auto; margin-left: auto!important; margin-right: auto; margin-top: 8px; }
}
@media (max-width: 767px) {
    blockquote { padding-left: 97px!important; }
    body .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { left: 0; right: 0; }
}

/* resources page hero-arrow */
.hero-arrow {
    border-right: 6px solid; 
    border-bottom: 6px solid;
    color: #FFF; /* make greeen */
    width: 50px; 
    height: 50px;
    margin: auto; /*center */
    transform: rotate(45deg);
}

/* PPC LP hero */
.ppc-hero-section {}
.ppc-hero-section>.container {height:auto!important; padding-bottom: 20px;}
#hero-form {background-color:rgba(249, 245, 250, 0.8); padding:20px;}
#hero-form form label {display:none!important;}

.ppc-video-section {}
.ppc-video-section .modal-img-centre a img{margin-left:auto; margin-right:auto; display:block;}
.ppc-video-section .padded-column {padding:20px;}

/* changing blog nav to white bg */
.blog .widget-type-post_filter.topics-nav { background-color: #FFF; color: #4a4a4a; border-bottom: 1px solid #ccc;  font-family: Montserrat,Helvetica,Arial,sans-serif; font-size: 16px; }
.blog .widget-type-post_filter.topics-nav ul li a { color: #4a4a4a; }


/*.blog h1 { font-size: 60px }
.blog h2 { font-size: 48px }
.blog h3 { font-size: 32px }
.blog h4 { font-size: 28px }
.blog h5 { font-size: 24px }
.blog h6 { font-size: 22px }*/
.blog, .blog .body-container-wrapper p { font-size: 20px; font-weight: 300; }
.blog strong { font-weight: 700 }
/* .blog .hero-section h1 { font-family: fira sans,sans-serif;}*/

/* resources page hero styling */
@media (min-width: 992px) {
    .resources-page .hero-section .container { height: 500px; }
    .ppc-hero-section .hero-section .container { height: 300px; }
}
.resources-page p { font-size: 16px; }