/*!
Theme Name: Compassionate Cusine
Author: Clickworthy
Author URI: https://www.clickworthy.io/
Description: 
Version: 1.0.0
 */

body {
  	margin: 0;
  	padding:0;
	color:#777777;
	font-size:16px;
	line-height:normal;
}

a{
	text-decoration:none;
	transition:0.3s;
}

h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
}


/* Navigation
--------------------------------------------- */
header{
	width:100%;
}

.site-header {
  	display: flex;
  	flex-flow: row wrap;
  	align-items: center;
  	padding:30px 20px;
	margin:auto;
	max-width:1200px;
	width:100%;
	box-sizing:border-box;
	z-index: 999;
    position: relative;
}

.site-header .site-branding img{
  	display:block;
}

.site-header .main-navigation{
	margin-left:auto;
}

.site-header .open-nav-mobile,
.site-header .close-nav-mobile {
  	display: none;
}

.really-first-menu {
 	 display: flex;
 	 flex-flow: row wrap;
 	 margin: 0px;
}

.really-first-menu .menu-item {
 	 list-style: none;
}

.really-first-menu .menu-item a {
  	color: #293573;
	font-size:16px;
	font-family:'Cera Pro Medium', sans-serif; 
	font-weight:500;
  	display: block;
  	padding: 10px 20px;
}

.really-first-menu .menu-item a:hover,
.really-first-menu .menu-item a:focus {
  	color: #E28600;
}

.really-first-menu .menu-item .sub-menu .menu-item a::after {
 	 content: "";
}

[class*="menu-item-has-children"] a::after {
  	content: "\f078";
	font-family: fontawesome;
  	margin-left: 5px;
	font-size: 14px;
}

[class*="menu-item-has-children"] .sub-menu li:last-child a{
  border-bottom: none;
}

[class*="menu-item-has-children"] .sub-menu li a {
  border-bottom: 1px solid #2632381a;
  padding: 10px 15px;
  font-size: 14px;
}

[class*="menu-item-has-children"] .sub-menu .menu-item .sub-menu {
  margin-left: 70px;
}

.really-first-menu .menu-item .sub-menu {
  background: #ffffff;
  box-shadow: 0px 1px 20px 5px rgba(38, 50, 56, 0.1);
  visibility: hidden;
  opacity: 0;
  margin-left: 5px;
  width: 250px;
  position: absolute;
  padding-left: 0px;
  transform: translate3d(0, 30px, 0);
  transition: 0.3s;
  z-index: 1000;
  border-radius:5px;
  border:solid 1px #2632381a;
}

.really-first-menu .menu-item:hover > .sub-menu,
.really-first-menu .menu-item:focus-within > .sub-menu,
.really-first-menu .menu-item .sub-menu:hover,
.really-first-menu .menu-item .sub-menu:focus {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: all 0.3s ease-in-out;
}

.really-first-menu .menu-item:hover,
.really-first-menu .menu-item:focus-within {
  cursor: pointer;
}


/* Main
--------------------------------------------- */
.content-area {
  	width: 100%;
  	margin:auto;
}

.entry-site-main {
  	max-width:1200px;
 	width:100%;
	margin:auto;
	padding: 50px 20px;
	box-sizing:border-box;
}

.icegram-form input[type="submit"] {
	content:"dsdsd"
    padding: 13px 35px 13px 35px!important;
    font-size: 16px;
    line-height: 26px;
    color: #FFFFFF;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #02998E;
    border-radius: 44px 44px 44px 44px;
    background-color: #02998E;	
	transition: all 0.3s ease-in-out;
	font-weight: 600;
	font-family: "Quicksand", Sans-serif;
}

.main-menu nav.hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item a.hfe-menu-item.elementor-button {
	font-weight: 700;
}

.icegram-form {
	position: relative;
}

.icegram-form .es-email {
    width: 100%;
    border: 1px solid #fff;
	outline: unset;
	font-family: "Quicksand", Sans-serif;
}
body .icegram-form input[type="submit"] {
    position: absolute;
    top: 44px;
    transform: translateY(-57%);
    right: 4px;
	border: 1px solid #02998E!important;
	color: #ffffff!important;
}

.icegram-form input[type="submit"]:hover,
.icegram-form input[type="submit"]:focus {
	border: 1px solid #86C13E!important;
	color: #ffffff;
    background-color: #86C13E;	
}

.MainNav {
	position: relative;
}

.MainNav .e-con-inner > .elementor-element:last-child > .elementor-element,
.main-menu {
	position: unset;
}

.MainNav .hfe-nav-menu__layout-horizontal {
	width: 100%!important;
	left: 0!important;
	background: transparent!important;
}

.svg-list svg {
	margin: 0px!important;
}

.contact-form input,
.contact-form textarea {
	outline: unset;
	border: unset;
	border-radius: 50px;
	background-color: #fff;
	padding: 15px 30px;
	width: 100%;
	font-size: 16px;
	font-family: "Quicksand", Sans-serif;
}

.contact-form textarea {
	border-radius: 10px;
	height:100px;
}

.form-responsive {
	display: flex;
	gap: 15px;
}

.form-responsive p {
	margin: 0;
}

.contact-form .submit-btn {
	text-align: right;
}

.wpcf7 form .wpcf7-response-output {
    color: #fff;
}

.wpcf7-spinner {
    position: absolute;
    right: 145px;
    top: 15px;
}
.contact-form .submit-btn {
	position: relative;
}
.contact-form .wpcf7-not-valid-tip {
    color: #ffffff;
}
.wpcf7-submit {
	background: #02998E!important;
	font-size: 18px;
	font-weight: 600;
	font-family: "Quicksand", Sans-serif;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	width: fit-content!important;
    padding: 18px 45px!important;
	color: #ffffff;
}

.wpcf7-submit:hover,
.wpcf7-submit:focus {
	background: #ffffff!important;
	color: #3E3E3E;
}

body .eventsListing .tribe-events-widget {
	margin-bottom: 0px;
}

.eventsListing .tribe-events-widget-events-list__view-more {
	text-align: center;
}

.eventsListing .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-datetime {
    border: 1px solid #ffffff;
    border-radius: 5px;
    padding: 10px;
	background: #ffff;
}

body .eventsListing .tribe-events-widget a.tribe-events-widget-events-list__event-title-link {
	color: #fff;
	font-size: 24px;
}

.eventsListing .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-datetime span,
body .eventsListing .tribe-events-widget-events-list__event-datetime {
	color: #86C13E;
}

body .eventsListing .tribe-events-widget a.tribe-events-widget-events-list__event-title-link:hover,
body .eventsListing .tribe-events-widget a.tribe-events-widget-events-list__event-title-link:focus {
	color: #ffffff;
	border-bottom: unset;
}

.eventsListing .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-datetime span.tribe-events-widget-events-list__event-date-tag-month {
	font-size: 14px;
	color: #86C13E;
}

.eventsListing .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-daynum {
	color: #86C13E;
}

body .eventsListing .tribe-events-widget-events-list__event-datetime {
	font-size: 14px;
    margin-top: 8px;
    display: block;
	color: #fff;
}

body .eventsListing .tribe-events-widget-events-list__events {
    background-color: #86C13E !important;
    padding: 40px !important;
    border-radius: 20px;
}

.eventsListing .tribe-common .tribe-common-g-row {
	gap: 20px;
}

body .eventsListing .tribe-events-widget .tribe-events-widget-events-list__view-more-link,
body .tribe-events-c-search__button,
body .tribe-events-c-top-bar.tribe-events-header__top-bar,
.tribe-events .tribe-events-calendar-list__month-separator:after,
body.post-type-archive .tribe-events-c-subscribe-dropdown__container {
   display: none!important;
}

body .eventsListing .tribe-common .tribe-common-g-row:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px solid #ffffff66;
	margin-bottom: 20px;
}

body .image-crousel img {
	background: #fff;
}

body .eventsListing,
body .eventsListing .tribe-compatibility-container,
body .eventsListing .tribe-events-widget,
body .eventsListing .tribe-events-widget-events-list,
body .eventsListing .tribe-events-widget-events-list__events {
	height: 100%;
}

.tribe-events .tribe-events-calendar-list__month-separator {
    padding: 10px;
    background: #02998E;
	justify-content: center;
	border-radius: 8px;
}

.tribe-events .tribe-events-calendar-list__month-separator time {
	color: #ffffff;
}

body.post-type-archive .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
    margin-top: 25px;
}

body.post-type-archive .tribe-common-g-row.tribe-events-calendar-list__event-row {
	background: #86C13E;
	padding: 20px;
	border-radius: 20px;
}

body.post-type-archive .tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
	background: #ffffff;
	justify-content: center;
	border-radius: 10px;
	max-height: 75px;
}

body.post-type-archive .tribe-events .tribe-events-calendar-list__event-date-tag-datetime > span {
	color: #02998E!important;
}

body.post-type-archive span.tribe-event-date-start,
body.post-type-archive .tribe-events-calendar-list__event-title-link,
body.post-type-archive .tribe-events-calendar-list__event-description p {
    color: #ffffff!important;
}

body.post-type-archive .tribe-events-calendar-list__event-description {
	margin-top: 5px!important;
}

body.post-type-archive .tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters>.tribe-common-g-col {
	padding: 0;
}

body.post-type-archive .tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-c-events-bar {
    border-radius: 10px;
    overflow: auto;
	overflow-y: hidden;
}

body.post-type-archive .tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input:focus {
	outline: unset;
}

body.post-type-archive .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day:hover:after {
    background-color: #86C13E;
}

body .tribe-common .tribe-common-anchor-thin {
	font-size: 24px;
	color: #ffffff;
}

body.post-type-archive .tribe-common .tribe-common-anchor-thin:hover,
body .tribe-common .tribe-common-anchor-thin:hover,
body .tribe-common .tribe-common-anchor-thin {
	border: unset;
}

.tooltipster-fade.tooltipster-show,
body .tribe-events-header__events-bar {
	display: none!important;
}

body.post-type-archive .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-date-tag {
	width: 120px!important;
}

body.post-type-archive .tribe-events .tribe-events-l-container {
    padding-top: 30px !important;
	padding-bottom: 80px;
}

body.post-type-archive .elementor-divider-separator {
    border-block-start: var(--divider-border-width) var(--divider-border-style) var(--divider-color)!important;
}

body.post-type-archive .elementor-divider {
    display: flex;
}

body .tribe-events-widget .tribe-events-widget-events-list__event-date-tag {
	max-height: 75px;
}

#current-value, #volunteer-hours, #dollar-value{
	color: var(--e-global-color-text);
    font-family: "Quicksand", Sans-serif;
    font-size: 70px;
    font-weight: 700;
	text-align:center;
	display: block;
}


@media (min-width: 1024px) {
	.main-menu nav.hfe-nav-menu__layout-horizontal .hfe-nav-menu li:last-child a,
	.icegram-form input[type="submit"] {
		padding: 13px 35px 13px 35px!important;
		font-size: 16px;
		line-height: 26px;
		color: #86C13E !important;
		border-radius: 44px 44px 44px 44px;
		transition: all 0.3s ease-in-out;
		font-weight: 600;
		font-family: "Quicksand", Sans-serif;
	}
	.main-menu nav.hfe-nav-menu__layout-horizontal .hfe-nav-menu li:last-child a {
		background:#fff;
		line-height: 26px;
		border: unset;
		height: 56px;
	}
	.main-menu nav.hfe-nav-menu__layout-horizontal .hfe-nav-menu li:last-child a:hover,
	.main-menu nav.hfe-nav-menu__layout-horizontal .hfe-nav-menu li:last-child a:focus {
		opacity: 0.8;	
	}
	.main-menu nav.hfe-nav-menu__layout-horizontal .hfe-nav-menu li:last-child a:before {
        content: '';
        height: 18px;
        width: 18px;
        background: url(https://www.compassionatecuisine.ca/wp-content/uploads/2024/07/donate.svg);
        background-repeat: no-repeat;
        background-size: 18px;
        position: absolute;
        left: 30px;
        top: 20px;
        opacity: 1 !important;
        background-color: transparent !important;
    }
	.main-menu nav.hfe-nav-menu__layout-horizontal .hfe-nav-menu li:last-child a span {
		padding-left: 22px;
	}
}

@media (max-width: 1024px) {
.MainNav .hfe-nav-menu__layout-horizontal > .hfe-nav-menu {
    width: 95%;
    margin: auto;
    background: #fff;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);
    padding: 15px 30px;
    border-radius: 20px;
}
.social-section .elementor-icon-list-items {
		display: none!important;
	}
	body .main-menu a.hfe-menu-item {
		color: #3E3E3E!important;
	}
	#current-value, #volunteer-hours, #dollar-value{
    font-size: 50px;
}
}

@media (max-width: 992px) {
	.main-nav-sec {
		top: -24px!important;
	}
	.form-responsive {
		display: flex;
		gap: 15px;
		flex-direction: column;
	}
}

@media only screen and (max-width: 767px) {
  .site-header {
    max-width: 100% !important;
  }
  .site-header .site-branding {
    width:60%;
	z-index: 1000;
  }
  .site-header .site-branding img{
    width:100%;
	height:auto;
  }
  .site-header .open-nav-mobile,
  .site-header .close-nav-mobile {
    display: initial;
  }
  .site-header .open-nav-mobile {
    color:#293573;
    text-transform: uppercase;
	margin-left: auto;
  }
  .site-header .open-nav-mobile::before {
    content: "";
    display: inline-block;
    background: #293573;
    box-shadow: 0 -8px 0 0 currentColor, 0 -16px 0 0 currentColor;
    width: 25px;
    height: 4px;
	border-radius:10px;
  }
  .site-header .main-navigation {
    background: #ffffff;
    box-shadow:0 5px 10px #00000020;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    z-index: 999;
  }
  .main-navigation .close-nav-mobile {
    background: #ffffff;
    color:#293573;
    order: -1;
    padding: 29px 20px;
    transition: 0.2s ease-out;
    text-align: right;
    font-size: 30px;
  }
  .site-header .main-navigation:target {
    display: flex;
    flex-flow: column nowrap;
  }
  .really-first-menu {
    flex-flow: column nowrap;
    padding: 20px 50px;
  }
  .really-first-menu .menu-item,
  .really-first-menu .menu-item .sub-menu,
  .really-first-menu .menu-item .sub-menu .menu-item {
    margin: 0px;
  }
  .really-first-menu .menu-item a,
  .really-first-menu .menu-item .sub-menu .menu-item a {
    padding: 10px;
    text-decoration: none;
    word-wrap: break-word;
  }
  .really-first-menu .menu-item a:hover {
    background: rgba(38, 50, 56, 0.1);
    text-decoration: none;
  }
  .really-first-menu .menu-item + .menu-item {
    margin-left: 0px;
    margin-top: 10px;
  }
  .really-first-menu .menu-item .sub-menu {
    position: static;
    visibility: visible;
    opacity: 1;
    transform: none;
    transition: none;
    box-shadow: none;
	border: none;
  }
  .really-first-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item a {
    padding-left: 35px;
  }
  [class*="menu-item-has-children"] .sub-menu li:last-child {
    border-bottom: none;
  }
  [class*="menu-item-has-children"] .sub-menu li a {
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: none;
	margin-left: 20px;
  }
  [class*="menu-item-has-children"] .sub-menu .menu-item .sub-menu {
    margin-left: 0px;
  }
	.main-nav-sec {
		top: -20px!important;
	}
	.elementor-widget-image-carousel .swiper-slide {
		text-align: left!important;
	}
	body.post-type-archive .tribe-common-g-row.tribe-events-calendar-list__event-row,
	body .eventsListing .tribe-common .tribe-common-g-row {
		flex-direction: column;
		gap: 18px;
	}
	body.post-type-archive .tribe-common .tribe-common-a11y-hidden {
        visibility: visible;
    }

}