/*
Theme Name:    ift-2023
 Theme URI:    https://longislandfuneraltrade.com
 Description:  Blank Canvas Child Theme developed by Electric Bricks for Long Island Funeral Trade
 Author:       Keith Paul
 Author URI:   https://electricbricks.net
 Template:     eb-blank-canvas
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         eb-blank-canvas, responsive-layout, electricbricks
 Text Domain:  ift-2023
*/


@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;600;700&family=Poppins&display=swap');

/*BODY*/
html {height:100%;}
body{background-color: #ffffff; color: #666666;font-family: 'Poppins', sans-serif;font-weight: 400;height:100%;overflow-x: hidden;}

/*FONTS*/
h1 {font-size:2.5rem;}
h1, h2, h3, h4 {font-weight:700;color:#1A1466;font-family: 'Fira Sans', sans-serif;}
h1 span, h2 span, h3 span {font-weight:700;}
h2 {font-size: 2.25rem;}
h3 {font-size:1.5rem;font-weight: 600;}
h4 {font-weight:400;font-size:1.25rem;}
h1.entry-title {margin: 0;text-align:center;padding:40px 0 0;}
.single .post h1.entry-title {text-transform:none;text-align: left;}
.home h1.entry-title {display:none;}

.pageTitleImage h1::after {
	content: "";
	display: block;
	border-bottom: 3px solid #00BFBF;
	width: 5%;
	position: relative;
	bottom: -6px; /* your padding + border-width */
	margin:0 auto;
}

h2 a, h3 a {color:#2f2f2f;}
a {color:#2699FB ; text-decoration: none;}
a:hover {color:#2699FB;}
blockquote {font-size:1.25rem;font-weight:400;}
.phone {color:#28487F;padding:0;display:block;text-align:center;margin:0;font-weight:600;font-size:1.25rem;}
.phone i {color:#28487F;}
.social-icons i {color:#28487F;}
.topnav a {color:#58595B;font-size:1rem;}
.hero h1 span {font-weight:700;}
.hero-services i {color:#9FD356;}
.case-studies h4 a {color:#58595B;font-weight:700;}
.read-more {display:block;}
.contact-info i {color:#2699FB;}
.intro {padding:0 15% 0;font-weight:400;}
/*.intro h2 {font-size:24px;}*/

.label {
	font-size:.875rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    color: #00BFBF;
	margin:0;
}
.label:before, .label:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 10%;
    height: 1px;
    content: '\a0';
    background-color: #84e8e8;
    margin-left: 12px;
}
.label:before {
    margin-left: -11%;
    text-align: right;
}


/* Page images */
.vc_single_image-wrapper img {border-radius:6px!important;}

/* CASE STUDIES */
.case-studies h4 a {color:#58595B;font-weight:700;}
.case-studies img {border-radius:16px!important;}

/* NEWSLETTER  */
.newsletter legend, .newsletter label {color:#ffffff!important;}

.stars {
    width: 100%;
    height: 25px;
    background: url('/wp-content/uploads/2023/11/icon-stars.png');
    background-position: center;
	background-repeat: no-repeat;
    margin-bottom: 16px!important;
}

/*Service cards*/
.blurb .vc_column-inner {box-shadow:#2699FB40 0 0 48px;border-color:#ededed;background-color:white;padding-top:24px;border-radius:4px;transition: all 0.4s ease-in-out 0s !important;}
.services .blurb .vc_column-inner:hover {background:#1A1466;color:#ffffff;}
.services .blurb .vc_column-inner:hover h3{color:#ffffff;}
.services .blurb .vc_column-inner:hover .btn {border:1px solid #ffffff;}

/*JUMBOTRON*/
.jumbotron {color:#fff;min-height:450px;margin-bottom:0;}
.jumbotron h3 {color:#fff;font-size:2.5rem}
.jumbotron h3 span {font-size:1.5rem;font-weight:500; vertical-align: text-top;color:#95CE45;}
.jumbotron p {margin-bottom:24px;}
.jumbotron .label {margin:0;}

/*CARDS*/
.cards .imageCrop {width:auto;height:250px;border-radius:4px 4px 0 0;background-size: cover;background-position: top;}
.cards .row > div {margin-bottom:24px!important;}
.card {height:100%;box-shadow:#2699FB40 0 0 48px;border-color:#ededed; border-radius:4px;}
/*.card p.label:after {content:none}*/

/*UBERMENU*/
.ubermenu-responsive-toggle i {font-size:1.25rem;color:#fff;}
.ubermenu-item {border:none!important;}
.topnavMobile .ubermenu-responsive {background-color:#1A1466!important;}

/* TESTIMONIALS */
.testimonial {margin-bottom:40px;padding:24px;box-shadow: 0 0 24px #e9e9e9;border-radius:8px;}

/*Forms*/
.quick-form .wpforms-container .wpforms-field-label {color:#ffffff;}

/*.error404 h1, .post h1, .blog h1, .author h1, .search h1, .category h1 {padding: 40px 0 24px;}*/
.search h1 span {color: #bcbcbc;}
#main_ul-topnav-menu .btn-outline a {border:1px solid #F21651;margin-left:16px;}
.readMore a {color:#b2b2b2;}
.readMore a i {color:#ED9B3C;padding-right:4px;}

/********** Widgets  **********/
.headerRightWidget a {color:#f6eee3;}
.mainnav .socialMediaWidget {padding:6px;text-align:center;}

.service {display:flex;align-items:center;}
.service img {margin-right:14px;}

.blog h2 {font-size:1.5rem;}
p.badge {color:#4075E3;font-size: 1rem;text-transform: uppercase;padding:0;margin:0;}


/*Label above titles*/
/*.label:after {position: absolute;content: "";height: 1px;background-color: #00BFBF;width: 100px;margin-left: 8px;top: 50%;}*/

.alignnone, .aligncenter, .alignleft, .alignright{max-width: 100%; height: auto; display: block;}
a.offScreen{position: absolute; left: -1000px; top: -1000px; width: 1px; height: 1px; overflow: hidden;}
a.offScreen:focus, a.offScreen:active, a.offScreen:hover{position: absolute; left: 0; top: 0; width: auto; height: auto; overflow: visible; background-color: #FF3; border: 1px dotted #000;}

header .logo img {padding-bottom:12px;width:200px;}

/*HEADERS*/
/*.blog header, .single header {background-image: url(/wp-content/uploads/2023/11/bg-hero-1.jpg);background-position: 50% 50%;height:450px;padding:32px 0;}*/
header {position: absolute;top:0;z-index:2;padding:0;}
header.showImage, header.home{margin-bottom: 0;}
header .container {flex:1;}
header li {list-style: none;}
header li:before {content:none;}
header .socialIcons > li{display: inline; margin: 0 3px;}
header h3 {color:#ED9B3C;}
header .logo img {padding-bottom:12px;width:200px;}

/* Header CTA */
.cta {text-align:center;}
.cta-buttons i {color:#00BFBF;padding-right:6px}
.cta-buttons span {color:#fff;font-weight:700;margin-right:16px;}
.cta-buttons a {color:#fff;}
.cta-btns {display:none;}
.cta-btns a {margin:0 4px;border: 1px solid #1A1466;}

.headerRightWidget .textwidget {display:flex;justify-content: center;flex-wrap:wrap;text-align: center;padding:0 16px;}
.headerRightWidget .textwidget p {padding:14px 0 0;}
.headerRightWidget .textwidget a {margin-top:14px}
#preHeaderLeft .textwidget {display:block;text-align:center;}
#preHeaderRight {text-align: center;}
.home .headerRightWidget .textwidget h3 {display:none;}
.prenav a {color:#fff;}
#preHeaderLeft .textwidget {display:block;text-align:center;}
#preHeaderRight {text-align: center;}
.socialMediaWidget p {margin:0;}
.socialMediaWidget a {padding:0 8px;color:#fff;font-size:1.25rem;}
.social-icons i{/* min-width: 30px; *//* min-height: 30px; *//* border: 1px solid #f16281; */border-radius: 30px;/* padding: 12px; */margin:0 6px 0;font-size:1.25rem;}
.main-nav {padding-bottom: 12px;}
header .logo {display:flex;justify-content: center;}

/*CONTACT*/
.contact i {color:#8D5BA5;padding-right:6px;}
.contact h4 {padding-bottom:16px;}
.contact .address span {display:block;padding-left:26px;}

/* Header Left mobile icon*/
.mobilePhoneIcon {width: auto;position: absolute; z-index: 999;left: 20px;top: 14px;font-size: 20px;color:#00BFBF;}
.mobilePhoneIcon a {font-size:1.25rem;padding-right:14px;color:#00BFBF;}

/*---- Interior hero image section----*/
.pageTitleImage {
    background-position: center;
    background-size: cover;
    min-height: 550px;
    display: flex;
    align-items: stretch;
}
.pageTitleTint {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
}

.pageTitleImage h1, .pageTitleImage h2 {color: #fff;flex-grow: 1;width: 100%;text-shadow: 0 0 10px #898989;padding: 48px 0 0;}

/*---- Form Display----*/
input[type="text"], 
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="password"]
{padding:6px 10px;height:38px;border:1px solid #ccc;border-radius:2px;}
select {padding:4px 10px;height:38px;border:1px solid #ccc;border-radius:2px;}
button[type="submit"] {background-color:#1A1466!important;color:#fff!important;border-radius:3px!important;font-weight:400!important;padding: 10px 20px!important; 
}
.select2-selection__arrow {top:6px!important;}


.woocommerce-page form .show-password-input {top:auto;}
.select2-selection {padding:4px 10px 0 0!important;height:38px!important;border:1px solid #ccc!important;border-radius:2px;}
.page-template-page-no-image h1 {margin-top:32px;padding:32px 0;}

/*---- Mobile hamburger menu----*/
.symbol_menu {font-size: 56px;position: absolute;top: -6px;right: 10px;color:#333;}
.symbol_cross {font-size: 16px;position: absolute;right: 18px;color:#333;} 

/*---- Services----*/
#services .icon img {height:45px;width:auto;margin-bottom:16px;}
#services .card {box-shadow:0 0 29px #e4e4e4;padding:16px;margin:0;border:none;}

/********** News **********/
.blog .card .noImage {background:none;height:auto;}

/***** Top Margins page *****/
/*.search #content, .blog #content {margin-top:48px;}*/

/**** *WooCommerce pages ******/
.single-product .product_meta, .woocommerce-breadcrumb, .woocommerce-ordering {display:none;}
.woocommerce header {background:none;box-shadow:none;}
.woocommerce-page a h2 {color:#333;font-size:1.5rem!important;}
.woocommerce ul.products li.product .price {font-size:1.25rem;color:#BC042C;}
.single-product #content {margin-top:60px;}
.woocommerce-page .woocommerce-info {border-top-color:#BC042C}
.products .main-image {height:300px;width:100%;background-position: center; background-size: cover;}
.woocommerce-page .woocommerce-message {border-color:#BC042C}
.woocommerce-variation-price {padding-bottom:16px}
.products .card {margin-bottom:16px;}
.single-product .woocommerce div.product p.price {color:#F21651!important;}
.products .price {color:#F21651;padding-bottom:8px;}
.products .woocommerce-product-gallery__trigger {display:none;}
.main-image {height:250px;width:auto;background-size:cover;background-position:center;}


/***** Event page *****/
.single-event #content {margin-top:40px;}
.single-event .module {border-bottom:4px solid #000;}

/*---- Content ----*/
.home #content  {padding-top:0;}
/*#content {padding-top:56px;flex-grow:1;}*/
#content .no-results {padding-bottom:42px;}

/*---- Counter----*/
.counter h3 {border:6px solid #BC042C;border-radius:50px;width:100px;height:100px;line-height:1.5;margin:0 auto 24px}

/********** LI styles with font aeseom icon **********/
.list-style ul {margin: 0 0 24px;list-style:none;}
.list-style li {margin-bottom:16px;font-size:1rem;}
.list-style li:before {
	font-family: 'Font Awesome 6 Pro';
    content: '\f058';
    margin: 0 8px 0 -27px;
    color: #00BFBF;
    font-size: 20px;
	font-weight:400
}

.wp-caption-text, .sd-title, .jp-relatedposts-headline{font-size:12px; color:#999; padding-top:10px;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxCurrent{font-size:12px;}

/********** begin button classes **********/
.cta-btns a.btn {background:none!important;border:1px solid #ffffff;}

.btn {padding:0;}
a.btn, a.btn:visited, .btn button, .btn a, .button {
	background-color: #1A1466!important; 
	padding: 10px 20px; 
	color: #fff!important; 
	font-weight: 700; 
	transition: all 0.4s ease-in-out 0s !important;
	font-size:14px;
    text-transform: uppercase;
    border-radius:4px!important;
	text-shadow: 1px 1px 2px #707070;}
a.btn:hover, a.btn:active, .btn button:hover, .btn a:hover{
	background: #f5f5f5!important; color:#00BFBF!important;border:1px solid #00BFBF!important;text-shadow:none;}

a.read-more, .read-more button, .read-more a, .button {
	background: none!important; 
	background-image:none!important;
	color: #2699FB!important; 
	font-weight: 700; 
	transition: all 0.2s ease-in-out 0s !important;
    text-transform: uppercase;
}

.outline a {background:none!important; padding: 12px; color:#fff;border:1px solid #fff!important;}
a.outline:hover, .outline a:hover, .outline a:hover {background:#8D5BA5!important;}

/********* Jumbotron ************/
#jumbotron {min-height:400px;align-items:center;display:flex;}

/*---- Blog pages ----*/
.blog .post, .category .post{display: flex;flex-wrap: wrap; padding: 16px; background: #ffffff;margin: 0 0 24px;justify-content: space-between;}
.blog .post > div{}
.blog .post:last-child, .category .post:last-child{border-bottom: none;}
.blog .post img {padding:0 16px 0 0;width:100%;height:auto;}
.blog h2 a {color:#333;}
.blog h2:after {content:none;}
.blog .more-link {display:block;padding-top:16px}
.blog .post, .category .post {background-color: #fff; box-shadow: 0 0 24px #e9e9e9; padding: 24px; margin: 35px 0;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background-color: #8a979b; border-color: #8a979b;}
.pagination > li > a, .pagination > li > span, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{color: #8a979b;}
.single .post, .single .case-study {padding:40px 0;}
.single .featuredImage img {width:100%;height:auto;}

/*---- Search pages ----*/
.search .post {margin-bottom:32px;}

#nav-above, #nav-below {display:none;}
.entry-meta {padding:0 0 16px}
.entry-date abbr{border: none; text-decoration: none;}
.entry-content img{margin: 0 auto;}
.single .post {padding:40px 0;}
.nav-previous{float: left; display: inline-block;}
.nav-next{float: right; display: inline-block;}
.entry-date abbr{border: none; text-decoration: none;}
.entry-content img{margin: 0 auto;}
/*.postRow > div {padding:16px}*/
.postThumbnailBkgd{height: 325px;background-size: cover;background-repeat: no-repeat;background-position: center;display: flex;align-items: center;text-align: center;transition: all 0.2s ease-in-out 0s;margin-bottom:16px;border-radius:4px;}
.postRow {margin-left:auto;}
.entry-utility {display:none;}
/*---- Author pages ----*/
.author .stories p {padding:0;margin:0;}
.author .stories li {padding:0 0 16px}
.author .stories a {line-height:1.5rem;}
/*.blog .entry-meta, .single .entry-meta, .single .featuredImage {display:none;}*/

/*---- Footer ----*/
footer {background-color:#1A1466;padding:0;position: sticky;top: 100vh;color:#A7A7A7;}
footer .social-icons {margin-top:16px;}
#footerTop {color: #888; font-size: .9em; text-align: center;}
footer, footer .container {/* margin-top: 0; */}
footer .row {align-items:center;}
.legal p {font-size:0.875rem;margin:0;}
footer h2 {font-size: 1rem;color:#ffffff;margin-top:40px;}
footer a {color: #A7A7A7;/* padding:0 16px; */}
footer .social li{display: inline; font-size: 20px; padding: 0 5px;}
ul.widget-area {list-style: none; padding: 0; margin: 0;}
footer ul {padding:0;margin:0;/* text-align:center; */}
footer li {line-height:1.5rem;padding:0;margin:0;list-style: none;}
footer li:before, #subFooter li:before {content:none;}
#footerTopWidget .widget-area {/* text-align:center; */}
#footerTopWidget .widget-area img {width: auto;height:auto;}
.footerWidget {display:flex;justify-content:center;flex-direction:column;}
.footerWidget li {width:100%;margin: 0;}
.foot-nav {padding:20px 0 0;}
.foot-nav .logo {width:200px;margin-bottom:16px;}
.footerWidget #media_image-3 img{width:240px!important;}
.copyright {text-align:center;font-size:14px;}
#footer .widget-area p {margin:0;}
#footer .widget-area i {margin:0;color:#00BFBF;padding-right:6px}

#subFooter {background-color: #2162a7;bottom: 0;width: 100%;color:#ccc;padding:20px;font-size:12px;font-weight:300;}
#subFooter .eb{opacity:0.5; transition: all 0.2s ease-in-out 0s;}
#subFooter .eb:hover{opacity:1;}
#subFooter a{color:#ccc; font-size:.875rem;}
#subFooter p{color:#ccc;font-size:.875rem;margin: 0;}
#footerLeftWidget img {width:auto;max-height:160px;padding: 0 0 24px;}
#subFooter .widget-area {padding:0;}
footer .legal {padding:16px 0;}

/*Legal compliance links*/
.menu.legalCompliance{display: flex; justify-content: center;flex-direction:column;}
.menu.legalCompliance li{display: inline-block; margin:0 0 0 5px;}
.menu.legalCompliance li::after {content:none;}
.menu.legalCompliance li:last-child::after{content: none;}

/*Social icon menu*/
#footer .socialIcons > li{display: inline; margin: 0 3px;}
.socialIcons > li a{font-size: 1.25rem; border: 1px solid #73b6d5; padding: 5px; width: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50px;  transition: all 0.2s ease-in-out 0s;}
.socialIcons > li a:hover{background-color: rgba(0,0,0,0.25);}
.socialIcons a:hover{color: #fff !important; text-decoration: none;}
header .socialIcons > li a {border:none;padding:0;height:auto;}
header .socialIcons > li a:hover{background-color:rgba(0,0,0,0.0);color:#cccccc;}

#subFooter a:hover{text-decoration: underline;}
#ebFooterLogo{margin-top:5px;}

@media only screen and (max-width: 767px) {
	.phone {/* flex:100%; *//* text-align:center; */}
	.headerRightWidget a {margin:8px;}
	footer {text-align:center;}
}

@media only screen and (min-width: 768px) {
.cta-btns {display:inline;}
.footerWidget .widget {padding: 24px;}
.copyright {text-align:right;font-size:14px;}
.menu.legalCompliance{justify-content:flex-start;font-size:14px;}
.logo img {padding-bottom:0;max-width: 200px;}
/*.main-nav {padding-top:20px;padding-bottom:16px;}*/
.cta {text-align:right;}
.mainnav .socialMediaWidget {padding:0;text-align:left;}
.logoLink {text-align: left;}
.mainnav .btn{display:none;}
.socialMediaWidget {margin-left:32px!important;}
header {padding:32px 0;}
header .inner {max-width: 1320px;margin:0 auto;display:flex;align-items:center;}
.topnav {align-items: center;}
#menu-cta-menu li {padding: 0 12px;}
/*.cta {display: none;}*/

/*---- Verticals ----*/
#services .card {width:45%;}
#preHeaderLeft .textwidget {display:flex;padding-left:32px;}
#preHeaderRight {text-align: right;}
#preHeaderLeft .textwidget span {margin-right:12px;}
#preHeaderLeft .textwidget p {padding:0 12px 0 ;margin:0;color:#fff;}
.prenav i {color: #b0e665;margin-right:6px;}
header .prenav .email {display:block;}
.socialIcons {display:block;margin:0}
.postThumbnailBkgd {margin-bottom:0;}
#services .card {margin:8px;}
.mid #menu-footer-menu {display:flex;flex-direction:row;width:100%;}
.mid #menu-footer-menu li {text-align:center;}
.menu.legalCompliance{flex-direction:row;}
.menu.legalCompliance li::after{content: '|'; margin-left: 5px;}
#logo {padding: 12px;height: 170px;max-width:100%;position:absolute;z-index:5;top:20px}
.logoLink {padding: 12px 24px 12px 0;}
.headerRightWidget .textwidget {justify-content: space-between;align-items:center;}
header .logo {display:block;}
header .prenav {background: #179cd8;padding: 18px 24px;}
header .prenav p {margin:0;}

.headerRightWidget .textwidget a {margin:0 12px;}
.home .headerRightWidget .textwidget h3 {display:block;}
#menu-cta-menu{text-align: right;width: 100%;color:#fff;/* display:flex; */justify-content: flex-end;padding:12px 0;flex-direction: row;}
	
.footerWidget {flex-direction:row;}
.footerWidget li {flex: 1 0 0%;}

}

@media only screen and (min-width: 992px) {
/*footer .container {flex-direction:column;}	*/
/*---- Services----*/
#hero {position:relative;}
.featuredSection {position:absolute;bottom: -334px;z-index:999;}
#intro {margin-top:400px!important;}
}