/*
Theme Name: Vospers Funeral Services
Template: generatepress
Theme URI: https://vospers.co.nz
Author: Weave Digital Studio
Author URI: https://weave.co.nz/
Description: Website theme for Vospers Funerals
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gpc
*/

/*

CONTENTS:
1. Globals
    1.1 Theme Colours
    1.2 Fonts
    1.3 Layouts
    1.4 Headings
    1.5 Text
    1.6 Lists
    1.7 Links
    1.8 Icons
    1.9 Misc
2. Header
    2.1
    2.2
    2.3
3. Footer
    3.1
    3.2
4. Modules
    4.1 Gravity Forms
5. About Us
6. Contact
7. Search Results
8. Styles Page

*/



/*/////////////////////////////////////////////////////*/
/* GLOBAL */
.link-text a{
    color: #92BA4B;
    text-decoration: underline;
    font-weight: 600 !important;
}
.list-custom ul{
    list-style: none;
    margin-left: 30px !important;
}
.list-custom ul li{
    position: relative;
    margin-bottom: 15px;
}
.list-custom ul li:last-of-type{
    margin-bottom: 0 !important;
}
.list-custom ul li::before{
    position: absolute;
    content: '';
    width: 14px;
    height: 2px;
    left: -30px;
    top: 10px;
    background: #252F37;
}
@media (max-width: 767px){
	p{
		margin-bottom: 1em !important;
	}
}
/*/////////////////////////////////////////////////////*/

//* --------------------------
THEME VARIABLES
-------------------------- */

:root {

    /* COLORS VARIABLES */

    --error: #ff4e7a;

    /* MISC VARIABLES */

    --transition-1: all .3s ease-out;

}

/* --------------------------
FONTS
-------------------------- */

/*
.woff2 		=> 	Super Modern Browsers
.woff 		=> 	Modern Browsers
.ttf 		=> 	Safari, Android, iOS
.eot 		=> 	IE9 Compat Modes
.eot?#iefix 	=> 	IE6-IE8
*/


/* --------------------------
LOCAL ICONS
-------------------------- */

[class^="starter-icon-"], 
[class*=" starter-icon-"] {
    display: inline-block;
}

/* --------------------------
LAYOUT
-------------------------- */


/* --------------------------
HEADING
-------------------------- */

p+:is(h1,h2,h3,h4,h5,h6), 
ul+:is(h1,h2,h3,h4,h5,h6), 
ol+:is(h1,h2,h3,h4,h5,h6) {
    margin-top: 1em;
}

/* --------------------------
TEXT
-------------------------- */




/* ---------------------- */
/* LISTS */
/* ---------------------- */

.list-line .fl-rich-text li{
	list-style: none;
	padding-left: 31px;
	position: relative;
	margin-bottom: 22px;
}
.list-line .fl-rich-text li::before{
	content: '';
	position: absolute;
	background: #252F37;
	width: 18px;
	height: 1px;
	border-radius: 5px;
	left: 0;
	top: 12px;
}
.list-line .fl-rich-text ul{
	margin-left: 0;
}
@media(max-width: 767px){
	.list-line .fl-rich-text ul{
		margin-top: 20px;
	}
	.list-line .fl-rich-text li{
		margin-bottom: 15px;
	}
}



/* Title */
.fl-heading span{
	color: #729380; 
}

/* ---------------------- */
/* LINKS */
/* ---------------------- */
a{
	color: #252F38;
	transition: all .2s ease;
}
a:hover{
	color: #92BA4B;
}
.read-more-btn a:hover{
	color: #252F37 !important;
}


/* ---------------------- */
/* ICONS */
/* ---------------------- */



/* ---------------------- */
/* MISC */
/* ---------------------- */



/* ---------------------- */
/* MISC */
/* ---------------------- */


/*/////////////////////////////////////////////////////*/
/* HEADER */
.search-row .fl-search-form-fields {
    max-width: 600px;
    margin-left: auto;
}
.search-row .fl-row-content-wrap{
    transition: all .3s ease;
    opacity: 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    transform: translateY(0%);
}
.search-row.active .fl-row-content-wrap{
    opacity: 1;
    transform: translateY(125%);
}
.header-row .fl-row-content-wrap{
    position: relative;
    z-index: 9;
}
#mega-menu-primary > li{
    margin: 0 5px !important;
}
.pp-advanced-menu .pp-has-submenu.pp-active .pp-menu-toggle:before{
    border-color: #92BA4B !important;
}
.pp-has-submenu.pp-active .pp-has-submenu-container a .menu-item-text{
    border-color: transparent !important;
}
.sub-menu li a span{
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.sub-menu li a{
    color: rgba(255, 255,255, 0.4) !important;
}
#pp-search-form__input-{
    background: rgba(255, 255, 255, 0.14) !important;
    border-radius: 30px !important;
    padding-left: 18px !important;
    background-image: url(https://vospers.weaveclient.site/wp-content/uploads/Group-611.svg) !important;
    background-position-x: 95% !important;
    background-position-y: 50% !important;
    background-repeat: no-repeat !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    font-size: 16px !important;
    color: #fff !important;
}
#pp-search-form__input-::placeholder{
    color:  #fff !important;
}
.pp-screen-reader-text{
    display: none !important;
}
.pp-search-form-wrap:not(.pp-search-form--style-full_screen) .pp-search-form__input{
    width: 100% !important;
}
.pp-search-form__container{
    width: auto !important;
}
.pp-menu-search-item a{
    display: none !important;
}
.pp-menu-search-item{
    margin-top: 80px !important;
}
.pp-advanced-menu li .pp-search-form-wrap{
    position: relative;
    top: auto !important;
    right: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.pp-advanced-menu li:not(.pp-search-active) .pp-search-form-wrap{
    height: auto !important;
}
#menu-header-menu-mob-1 > li:first-of-type a .menu-item-text{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border: none !important;
}
#menu-header-menu-mob-1 > li:first-of-type a{
    width: 168px !important;
    height: 40px !important;
    background: #92BA4B !important;
    color: #fff !important;
    border-radius: 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border: 1px solid #92BA4B !important;
    transition: all 0.3s ease !important;
    margin-left: 10px !important;
    margin-bottom: 30px !important;
}
#menu-header-menu-mob-1 > li:first-of-type a:hover{
    background: #fff !important;
    color: #92BA4B !important;
}
#menu-header-menu-mob-1 > li:first-of-type a svg path{
    transition: all 0.3s ease;
}
#menu-header-menu-mob-1 > li:first-of-type a:hover svg path{
    fill: #92BA4B !important;
}
#menu-header-menu-mob-1 > li:first-of-type a svg{
    margin-right: 9px !important;
}
ul.sub-menu li a span{
    border: none !important;
    padding-left: 20px !important;
}
.menu-item-text{
    width: 100% !important;
}
.pp-advanced-menu-horizontal.pp-toggle-arrows .pp-menu-toggle{
    left: auto !important;
}
.mega-search-header a{
    display: none !important;
}
.gallery-icon a{
    display: flex;
    justify-content: flex-start;
}
.mega-menu-row > .mega-sub-menu li.mega-menu-column:first-of-type{
    background: #EAEFEC !important;
}
.mega-block-title{
    font-family: Roca !important;
    color: #3F6642 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    padding-bottom: 0 !important;
    margin-top: 24px !important;
    margin-bottom: 21px !important;
}
.widget_maxmegamenu,
#mega-menu-wrap-primary,
#mega-menu-wrap-primary #mega-menu-primary,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
    position: static !important;
}
#mega-menu-wrap-primary #mega-menu-primary{
    text-align: right !important;
}
.mega-menu-item > .mega-sub-menu{
    position: absolute !important;
    left: 50% !important;
    display: flex !important;
    align-items: stretch !important;
    /*transform: translateX(-50%) !important;*/
}
.mega-menu-item > .mega-sub-menu .mega-sub-menu {
    top: 0 !important;
}
#mega-menu-4769-0 {
    display: flex !important;
}
#mega-menu-4769-0-0 {
    height: 100% !important;
}
header{
    position: relative;
    z-index: 99;
}
#mega-menu-primary li,
#mega-menu-primary li a{
    position: static !important;
}
#mega-menu-primary > li:last-of-type a{
    width: 168px !important;
    height: 40px !important;
    background: #92BA4B !important;
    color: #fff !important;
    border-radius: 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border: 1px solid #92BA4B !important;
    transition: all 0.3s ease !important;
    margin-left: 10px !important;
}
#mega-menu-primary > li:last-of-type a:hover{
    background: #fff !important;
    color: #92BA4B !important;
}
#mega-menu-primary > li:last-of-type a svg path{
    transition: all 0.3s ease;
}
#mega-menu-primary > li:last-of-type a:hover svg path{
    fill: #92BA4B !important;
}
#mega-menu-primary > li:last-of-type a svg{
    margin-right: 9px !important;
}
.widget_maxmegamenu .widgettitle{
    display: none;
}
.mega-sub-menu{
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 100% !important;
    background: #fff;
    box-shadow: 0 3px 20px rgba(0,0,0,.16) !important;
}
.mega-sub-menu .gallery-columns-3 .gallery-item{
    max-width: 100% !important;
}
#mega-menu-primary .gallery{
    margin-bottom: 0 !important;
}
#mega-menu-primary .mega-menu-item p a{
    font-size: 15px;
    text-decoration: underline;
}
#mega-menu-primary .mega-menu-item{
    padding-top: 0px !important;
}
.gallery-icon,
.mega-sub-menu li{
    padding: 0 !important;
}
.mega-sub-menu > .mega-menu-column{
    padding: 40px !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title{
	text-transform: none;
}
#mega-menu-primary .mega-menu-item p a{
	text-decoration: none !important;
}
.mega-current-menu-item a{
    border-top: 1px solid #92BA4B !important;
    border-bottom: 1px solid #92BA4B !important;
}
/*/////////////////////////////////////////////////////*/





/*/////////////////////////////////////////////////////*/
/* FOOTER */
/*/////////////////////////////////////////////////////*/

@media(max-width: 767px){
	.map-col > .fl-col-content{
		display: flex;
		flex-direction: column-reverse;
	}
}




/*/////////////////////////////////////////////////////*/
/* MODULES */
/*/////////////////////////////////////////////////////*/


/* customer reviews */
.customer-header{
    display: flex;
    align-items: center;
}
.customer-header__img{
    max-width: 77px;
    flex-basis: 77px;
}
.customer-header__img img{
	width: 100%;
	height: 77px;
	border-radius: 50%;
}
.customer-header__info{
    flex: 1;
    padding-left: 24px;
}
.customer-header__info img{
    width: 138px !important;
    max-width: 100%;
}
.customer-header__info h4{
    color: #555555;
    margin-top: 11px;
}
.customer-text{
    margin-top: 33px;
}
.customer-text p{
    color: #757C81;
}
.customer-text a{
    text-transform: uppercase;
    font-size: 13px;
    color: #555555;
    transition: all .2s ease !important;
}
.customer-text a:hover{
    color: #729380;
}
.custom-arrow-customer{
    display: flex;
    justify-content: flex-end;
}
.customer-text-grid a{
	font-weight: 500;
	color: #92BA4B;
	text-decoration: underline;
	text-transform: capitalize;
}

@media(max-width: 767px){
    .customer-text{
        margin-top: 20px;
    }
    .customer-text p{
        margin-bottom: 25px;
    }
	.customer-header__info{
		padding-left: 15px;
	}
}
/*Google Map Style*/
.maps-module .pp-google-map{
    border-radius: 20px;
}
/*End Google Map Style*/

/*Our Location Page */
.text-semibold{
	font-weight: 600;
}
/*End Our Location Page*/
/*Funeral Pricing Page*/
.price-text{
    font-size: 26px;
}
.button-auto{
    margin-top: auto;
}
.pricing-box{
    border: 1px solid #fff !important;
    transition: all 0.3s ease;
}
.pricing-box:hover{
    border: 1px solid #92BA4B !important;
}
/*End of Funeral Pricing Page*/

/* ---------------------- */
/* GRAVITY FORMS */
/* ---------------------- */







/*/////////////////////////////////////////////////////*/
/* ABOUT US */
/*/////////////////////////////////////////////////////*/



/*/////////////////////////////////////////////////////*/
/* CONTACT */
/*/////////////////////////////////////////////////////*/


/*///////////////////////////////*/
/* SEARCH RESULTS */
.fl-node-5fa1eba0cab9d .pp-content-grid-pagination li a.page-numbers, .fl-node-5fa1eba0cab9d .pp-content-grid-pagination li span.page-numbers, .fl-node-5fa1eba0cab9d .pp-content-grid-load-more a{
	border-radius: 5px;
}
/*///////////////////////////////*/



/*/////////////////////////////////////////////////////
7. MISC
/////////////////////////////////////////////////////*/

.fl-builder-block-thumbnail {
    display: none;
}

/* --- responsive embed --- */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.embed-container iframe, .embed-container object, .embed-container embed, .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*/////////////////////////////////////////////////////
8. STYLES TEMPLATE
/////////////////////////////////////////////////////*/

[class*="av-demo-font-"] {
    font-size: 24px;
}
[class*="av-demo-font-"] h2, 
[class*="av-demo-font-"] h3 {
    margin-bottom: .75em; 
}
.av-demo-font-1, 
.av-demo-font-1 h2, 
.av-demo-font-1 h3 {
    font-family: "Font 1"; 
}
.av-demo-font-2, 
.av-demo-font-2 h2, 
.av-demo-font-2 h3 {
    font-family: "Font 2"; 
}

#weave_2cols_reviews .ndrsl-live-shadow-bg,
#weave_grid_reviews .ndrsl-live-shadow-bg {
    box-shadow: unset;
    border: 1px solid #92BA4B;
}

#weave_grid_reviews .padding {
    padding: 30px !important;
}

#weave_2cols_reviews .padding {
	padding: 20px !important;
}

#weave_2cols_reviews .ndrsl-live-compact-card .ndrsl-live-user-container .ndrsl-live-user-contents, 
#weave_grid_reviews .ndrsl-live-compact-card .ndrsl-live-user-container .ndrsl-live-user-contents {
    display: flex;
    flex-direction: column-reverse;
}

#weave_2cols_reviews .ndrsl-live-compact-card .ndrsl-live-user-container .ndrsl-live-user-contents .ndrsl-live-user-name,
#weave_grid_reviews .ndrsl-live-compact-card .ndrsl-live-user-container .ndrsl-live-user-contents .ndrsl-live-user-name {
    font-size: 18px;
    font-family: Roca;
    margin-top: 11px;
}

#weave_2cols_reviews .ndrsl-live-testimonial .ndrsl-read-more,
#weave_grid_reviews .ndrsl-live-testimonial .ndrsl-read-more {
    font-weight: 500 !important;
    color: #92BA4B !important;
    text-decoration: underline;
    text-transform: capitalize;
    font-size: 13px !important;
    border: unset;
    display: block;
    margin-top: 1.5em;
    opacity: unset;
}

#feedbacgrid .parent {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

#feedbacgrid .child {
  padding: 10px;
}

#feedbacgrid .number {
  font-size: 36px;
  font-family: ;
}