/*
Theme Name:    bayareafuneraldirector
Theme URI:     https://bayareafuneraldirector.com
Author:        Gather Innovations
Author URI:    https://gather.app
Description:   Child Theme for bayareafuneraldirector
Template:      betheme
Version:       1.6.2
*/

/* Global Styles
   ======================================== */

* { margin:0; padding:0; }
*, *:before, *:after { box-sizing:border-box; }
html, body { width:100%; height:100%; margin:0; }
html { text-rendering:optimizeLegibility !important; -webkit-font-smoothing:antialiased !important; scroll-behavior:smooth; }
a:link, a:hover, a:visited { text-decoration:none !important; }
img {
    image-rendering:-moz-crisp-edges;         
    image-rendering:  -o-crisp-edges;         
    image-rendering:-webkit-optimize-contrast;
    image-rendering:crisp-edges;
    -ms-interpolation-mode:nearest-neighbor; 
    }
p { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }


/* Random Styles
   ======================================== */

.full-width { width:100%; }
.w-90 .mcb-section-inner { width:90%; margin:auto; }
.w-80 .mcb-section-inner { width:80%; margin:auto; }
.clearfloat { clear:both; }
.no-margin { margin:0px !important; }
.no-padding { padding:0px !important; }
.padding-20 { padding:20px !important; }
.padding-40 { padding:40px !important; }
.rounded-10 { border-radius:10px !important; overflow:hidden !important; }
.rounded-20 { border-radius:20px !important; overflow:hidden !important; }
.callout { position:relative; display:block; margin-left:10px; border-left:3px solid #333; padding-left:10px; }
.box-shadow { box-shadow:0 10px 40px 0 rgb(0 0 0 / 20%) }
.hide { display:none; }
.kern1 { letter-spacing:1px !important; }
.kern-1 { letter-spacing:-1px !important; }
.uppercase { text-transform:uppercase !important; }
.underline { border-bottom:1px dotted rgba(0,0,0,0.3); }
.italic { font-style:italic; }
.heavy { font-weight:900 !important; }
.medium { font-weight:500 !important; }
.thin { font-weight:300 !important; }
.center { text-align:center; }
.align-center { display:block; margin:0px auto; }
.align-right { text-align:right !important; }
.align-left { text-align:left !important; }
.floatleft { float:left; }
.floatright { float:right; }
.big-container .section_wrapper { max-width:1540px; margin:0 auto; }
.middle-content .mcb-wrap-inner { display:flex; align-items:center; flex-wrap:wrap; }
.max-grid .mcb-wrap-inner { max-width:1580px; margin:auto; } 
.container-medium .mcb-wrap-inner { max-width:1180px; margin:auto; }
.list { list-style-type:none; margin:0 !important; padding:0; }
.list li { display:flex; margin-bottom:30px !important; align-items:flex-start; }
.list li>img { margin-right:15px; }
.list-box { position:relative; z-index:10;  }
.vertical-center li { align-items:center !important; }


/* Colors
   ======================================== */

.white { color:#fff; }
.black { color:#000 !important; }
.primary-color { color:#144E35; }
.yellow { color:#FDB835; }


/* Buttons
   ======================================== */

.button { background:#154F36; display:inline-block; padding:20px 40px !important; border:1px solid #154F36; border-radius:20px !important; color:#fff!important; font-size:18px !important; font-weight:500; }
.button:hover { background:#000000 !important; border-color:#000; }
.button>i { margin-left:8px; }

.btn-outline { background:#fff; display:inline-block; padding:20px 40px; border:1px solid #154F36; border-radius:20px; color:#154F36; font-size:18px; line-height:1.2; text-transform:uppercase; box-shadow: 1px 1px 10px rgba(0,0,0,0.5); font-weight:500; }
.btn-outline:hover { background:#154F36; border:1px solid #154F36; color:#ffffff; }
.btn-outline>i { margin-left:8px; }


/* Header
   ======================================== */

#Top_bar a.responsive-menu-toggle i { font-size:34px; line-height:34px; }
.header-simple #Top_bar:not(.is-sticky) .top_bar_left { top:-25px; }
#Top_bar.is-sticky { height:100px; opacity:1; }
#Top_bar.is-sticky #logo img.logo-sticky { max-height:90px; }
#Top_bar.is-sticky a.responsive-menu-toggle { margin-top:8px; }
.header-below { min-height:550px; display:flex; flex-direction:column; justify-content:center; }
.header-below .column { min-width:100%; }
.white-zigzag { width:100%; position:relative; display:block; top:-10px; }
.grey-zigzag { width:100%; position:relative; display:block; top:-20px; }
.footer-zigzag {  width:100%; position:relative; display:block; top:-20px; }
.header-mob { display:flex; align-items:center; color:#ffffff; margin-right:100px; }
.hadd { margin-bottom:0; }
.hadd a { color:#fff; line-height:1.3; font-size:14px; }
.hadd>span { display:block; line-height:1; }
.hadd a>b { display:block; }
.hadd a:hover { color:#FDB813 !important; }
#Header .container { max-width:1600px; }
.slogan { font-size:14px; margin-top:30px; }
.slogan>span { font-weight:bold; display:block; line-height:1; }
.slogan>a { margin-bottom:22px; display:block; font-size:22px; line-height:1.7; }
.slogan>a:hover { color:#FDB813 !important; }
.border-right { border-right:2px solid #fff; padding-right:15px; margin-right:15px; text-align:right; }


/* Menu
   ======================================== */


/* Homepage Styling
   ======================================== */

.hover-dark { background:#fff; border-radius:60px; padding:50px 40px;
box-shadow: 0px 3px 6px #6A6A6A29; border: 1px solid #154F3633; transition: 0.3s; }
.hover-dark-active { background:#154f36; color:#ffffff; box-shadow: 0px 3px 6px #6A6A6A29; border: 1px dashed #182626; }
.hover-dark-active h4,
.hover-dark-active a { color:#ffffff; }
.hover-dark .column_attr.align_center { position:relative; }
.wrap-index { z-index: 1; position: relative;}
.hover-dark.wrap-index >h4 { color:#ffffff; }
.carnes-box { width:80px; height:80px; background:#fdb813; text-align:center; display:flex; align-items:center; justify-content:center; border-radius:99px; box-shadow: 1px 1px 10px rgba(0,0,0,0.3); }
.hover-dark-active .carnes-box { background:#ffffff; }
.phn-box { position:relative;  }
.phn-over { position:absolute; top:36%; width:100%; }
.phn-over >span { display:block; font-weight:600; margin-bottom:10px; } 
.phn-over >a { font-weight:700; font-size:34px; }
#Top_bar .logo { float:none; margin:0; width: 100%; display: flex; align-items: center; justify-content:space-between }


/* Inner Pages
   ======================================= */
 
.round-box { background: #FFFFFF; box-shadow: 0px 3px 6px #00000003; border: 1px solid #2D5D3F; border-radius: 98px; padding:80px 40px }
.gredient-bg { background: transparent linear-gradient(180deg, #F2F5F4 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box; }
.round-box2 { background: #FFFFFF; box-shadow: 0px 3px 6px #00000003; border: 1px solid #2D5D3F; border-radius: 122px; padding:60px 60px; }
.maxwidth-big .mcb-wrap-inner { max-width:1580px; margin:auto; }
.maxwidth-small .mcb-wrap-inner { max-width:1180px; margin:auto; }
.equal-height .mcb-wrap-inner { display:flex; flex-wrap:wrap; }
.round-des .column_attr { border-radius:98px; padding:80px 60px; }
.round-des2 { border-radius:98px; padding:80px 60px; }
.phn-no { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; font-size:40px; line-height:1.1; font-weight:700; }
.phn-no a { color:#ffffff; }
.phn-no a:hover { color:#FDB835; }
.phn-no>span { margin:0 10px; }
.phn-no img { margin-right:5px; }


/* Hover Box
   ======================================== */

.hover-block { position:relative; overflow:hidden; min-height:379px; max-height:379px; box-shadow: 0px 0px 25px #00000029;
border-radius: 40px; }
.hover-block img.fetured { position:relative; min-height:379px; object-fit:cover; transition:transform .4s; width:100%; }
.hover-block .content-block { margin:0 auto; padding:10px; text-align:center; position:absolute; top:0; display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; width:100%; color:#fff; background:rgba(19,79,55,0.65) }
.hover-block p { color:#000; font-size:14px; line-height:1.7; padding:0 20px; display:none; font-weight:500; }
.hover-block h2 { color:#fff; }
.hover-block a { color:#FDB835; font-weight:bold; }
.hover-block a.theme-btn-light>span { display:none; }

.hover-block .lm>span { display:none; color:#134F37; font-weight:bold; }
.hover-block:hover .lm>img { display:none; }
.hover-block:hover .lm>span { display:block; }

.hover-block:hover img.fetured { transform:scale(1.3); }
.hover-block:hover .content-block { background:rgba(255,255,255,0.8); }
.hover-block:hover p { display:block; }
.hover-block:hover h2 { color:#000; }
.hover-block:hover a { color:#134F37; }
.hover-block:hover a.theme-btn-light>span { display:block; }
.hover-block:hover a.theme-btn-light>img { display:none; }
.hover-block-2 { position:relative; overflow:hidden; min-height:500px; max-height:500px; box-shadow: 0px 0px 25px #00000029;
border-radius: 40px; }
.hover-block-2 img.fetured { position:relative; min-height:500px; object-fit:cover; transition:transform .4s; width:100%; }
.hover-block-2 .content-block { margin:0 auto; padding:10px; text-align:center; position:absolute; top:0; display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; width:100%; color:#fff; background:rgba(19,79,55,0.65) }
.hover-block-2 p { color:#fff; font-size:14px; line-height:1.9; padding:0 30px; font-weight:500; }
.hover-block-2 h2 { color:#fff; }
.hover-block-2 a { background:#ffffff; padding:10px 25px; color:#134F37; }

.hover-block-2:hover img.fetured { transform:scale(1.3); }
.hover-block-2:hover .content-block { background:rgba(255,255,255,0.9); }
.hover-block-2:hover p { color:#000; }
.hover-block-2:hover h2 { color:#000; }
.hover-block-2:hover a { color:#fff; background:#134F37; }



/** Addons flexes **/

.listing-inline { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.listing-inline p { margin:0 20px; padding-bottom:30px; line-height:1.3; }
.listing-inline img { margin-bottom:10px; }
.icon-phone:before { content:'\e8f4'; transform:rotate(90deg); }
#Side_slide .contact_details { text-align:left; padding:0 25px; }


/* Footer Styling
   ======================================== */

.footer-right { display:flex; text-align:left; line-height:1.3; }
.footer_action .container { max-width:100%; }
#Footer .footer_action { background:none; }
#Footer .footer_copy .copyright { float:unset; background:#ffffff; }
#Footer .footer_copy .copyrights { float:unset; display:flex; justify-content:space-between; margin:auto; padding:0 20px 40px; align-items:center; max-width:1440px; }
#Footer .footer_copy .one { margin:0; width:100%; }
.phn { text-align:left; padding-right:20px; margin-right:20px; border-right:2px solid #FDB813; }
.phn a { font-size:30px; line-height:1.4; font-weight:600; color:#f4f4f4 !important; }
.phn a:hover { color:#fff !important; }
.phn span { display:block; font-size:14px; }
#Footer .footer_copy .one { padding-top:0; }
#Footer .footer_action .one { margin-bottom:40px; padding-top:30px; }
.copyright>img { position:relative; top:-20px; }


/* Responsive Styling
    ======================================== */

/* < 1900 ------------------------------------------------------------------------------------------------------------ < 1900 */
@media only screen and (max-width:1900px) {

}
/* < 1650 ------------------------------------------------------------------------------------------------------------ < 1650 */
@media only screen and (max-width:1650px) {

}
/* < 1600 ------------------------------------------------------------------------------------------------------------ < 1600 */
@media only screen and (max-width:1600px) {

}
/* < 1400 ------------------------------------------------------------------------------------------------------------ < 1400 */
@media only screen and (max-width:1400px) {

}
/* < 1300 ------------------------------------------------------------------------------------------------------------ < 1300 */
@media only screen and (max-width:1300px) {

}
/* < 1175 ------------------------------------------------------------------------------------------------------------ < 1175 */
@media only screen and (max-width:1174px) {

.footer-zigzag { top:-10px; }
.hphn { font-size:28px; } 
    
}

/* > 1175 ------------------------------------------------------------------------------------------------------------ > 1175 */
@media only screen and (min-width:1280px) {  
 
 .w-small .mcb-section-inner { width:65%; }
    
}
/* < 1580 ------------------------------------------------------------------------------------------------------------ < 1580 */
@media only screen and (max-width:1580px) {

}
/* < 1380 ------------------------------------------------------------------------------------------------------------ < 1380 */
@media only screen and (max-width:1380px) {

}
@media only screen and (max-width:1320px) {

}
/* > 1240 ------------------------------------------------------------------------------------------------------------ > 1240 */
@media only screen and (min-width:1240px) {
	
}
/* #Header Creative always Open	1240 - 1489 ---------------------------------------- #Header Creative always Open 1240 - 1489 */
@media only screen and (min-width:1240px) and (max-width:1489px) {

}
@media only screen and (min-width:1240px) and (max-width:1260px) {

}
/* < 1240 ------------------------------------------------------------------------------------------------------------ < 1240 */
@media only screen and (max-width:1239px) {
	
}
/* #Desktop 768 - 1239 - For Tablet #Side_slide --------------------------------------------------------- #Desktop 768 - 1239 */
@media only screen and (min-width:768px) and (max-width:1239px) {

}
/* #Desktop 960 - 1239 ---------------------------------------------------------------------------------- #Desktop 960 - 1239 */
@media only screen and (min-width:960px) and (max-width:1239px) {


}
/* #Mobile < 1024 ---------------------------------------------------------------------------------------------- #Mobile < 1024 */
@media only screen and (max-width:1024px) {

#Footer .footer_copy .copyrights { flex-direction:column; justify-content:center; text-align:center; } 
.phn-no { font-size:32px !important; line-height:1.1; font-weight:600 !important; }
.footer-right { margin-top:24px; }

}

/* #Desktop > 960 -------------------------------------------------------------------------------------------- #Desktop > 960 */
@media only screen and (max-width:960px) {
    
.round-box {  border-radius:40px; padding:50px 30px }    
.round-box2 {  border-radius:60px; padding:60px 40px }     
.copyright img { top:-10px; } 
.phn a { font-size:24px; }
.col-adjust .one-third.column { width:48%; }
.header-mob { display:none; }   
    
}


/* #Tablet (Landscape) 768 - 959 -------------------------------------------------------------- #Tablet (Landscape) 768 - 959 */
@media only screen and (min-width:768px) and (max-width:959px) {

.section_wrapper, .container, .with_aside .content_wrapper { max-width: 100%; }

}


/* #Desktop & Tablet (Landscape) > 768 -------------------------------------------------- #Desktop & Tablet (Landscape) > 768 */
@media only screen and (min-width:768px) {

.wrap-index { min-height:360px; }

}

@media only screen and (min-width:470px) and (max-width:768px) {

}
/* #Mobile for Forminator < 783 ---------------------------------------------------------------------------------------------- #Mobile < 768 */
@media only screen and (max-width:783px) {

}

/* #Mobile < 768 ---------------------------------------------------------------------------------------------- #Mobile < 768 */
@media only screen and (max-width:767px) {
	
.header-below { min-height:300px; }
.mobile-header-mini #Top_bar { padding:10px; }
.mob-hide { display:none; }
.round-box {  border-radius:20px; padding:40px 20px } 
.round-box2 {  border-radius:20px; padding:40px 20px } 
.section_wrapper, .container, .four.columns .widget-area { max-width: 100% !important; padding-left:20px!important; padding-right:20px!important;}
.footer_copy .container { padding:0 !important; } 
.w-80 .mcb-section-inner { width:92%; }
.Traditional-Honors .bottom-flower>img { position:relative; z-index:0;  opacity:0.2; }
.Traditional-Honors .list { position:relative; z-index:10; }
.round-des .column_attr { border-radius:40px; padding:40px 20px; }
.round-des2 { border-radius:40px; padding:40px 20px; }
.mv-5 { margin-top:-5px !important; }
.phn { text-align:center; padding-right:0; margin-right:0; border:none !important; margin:10px 0 20px; }
.section_wrapper, .container, .with_aside .content_wrapper { max-width: 100%; }
.col-reverse .mcb-wrap-inner { display:flex; flex-direction:column-reverse; }
.footer-right { flex-direction:column; text-align:center; }
.footer-right>div { margin-right:0 !important; }
.footer-right img { max-height:50px; }

}

/* #Mobile < 680 ---------------------------------------------------------------------------------------------- #Mobile < 680 */
@media only screen and (max-width:680px) {

}
/* #Mobile < 640 ---------------------------------------------------------------------------------------------- #Mobile < 640 */
@media only screen and (max-width:640px) {

.white-zigzag { top:-5px; }
.grey-zigzag { top:-10px; }
.footer-zigzag { top:-5px; }

}

/* #Mobile < 640 ---------------------------------------------------------------------------------------------- #Mobile < 640 */
@media only screen and (min-width:641px) {

}

/* #Mobile < 515 ---------------------------------------------------------------------------------------------- #Mobile < 515 */
@media only screen and (max-width:575px) {
    
.copyright img { top:-5px; }
.moveon { margin-top:-5px !important; }
    
}

/* #Tablet (Portrait) & Mobile (Landscape) 480 - 768 ---------------------- #Tablet (Portrait) & Mobile (Landscape) 480 - 768 */
@media only screen and (max-width:480px) {

}
/* #Mobile (Portrait) < 480 ------------------------------------------------------------------------ #Mobile (Portrait) < 480 */
@media only screen and (min-width:448px) and (max-width:500px) {

}

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

}
@media only screen and (max-width:366px) {

}
@media only screen and (max-width:340px) {

}