/*
Theme Name:   Fresh Coast Baking Theme
Description:  Zigcy Lite Child Theme
Template:     zigcy-lite
Version:      1.0.0
Text Domain:  zigcy-lite-child
*/
/*----------------------------------------------------
-------------------- Theme Styles --------------------
----------------------------------------------------*/
html, body {
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 1em;
	line-height: 1.5;
}
h1 {
    font-size: 6em;
	line-height: normal;
}
h2 {
    font-size: 4em;
	line-height: normal;
}
h3 {
    font-size: 3em;
	line-height: normal;
}
h4 {
    font-size: 2em;
	line-height: normal;
}
h5 {
    font-size: 1.5em;
	line-height: normal;
}
h6 {
    font-size: 1em;
	line-height: normal;
}
/*--------------------------------------------------
-------------------- Full Width --------------------
--------------------------------------------------*/
.siteorigin-panels .container {
    max-width: none;
}
.siteorigin-panels .content-area {
	padding: 0;
}
.siteorigin-panels .panel-grid {
    margin-bottom: 0 !important;
}
.siteorigin-panels .panel-grid-cell {
	max-width: 1400px;
	padding: 4em 1em;
    margin: 0 auto;
}
.panel-grid-cell {
	position: relative;
	z-index: 1;
}
.siteorigin-panels .content-area, .hentry {
	margin: 0;
}
.store-mart-lite-bread-home {
    display: none;
}
@media screen and (max-width: 992px) {
	.siteorigin-panels .sml-single-page-wrapp {
	    padding: 0px;
	}
}
/*-----------------------------------------------
--------------------- Header --------------------
-----------------------------------------------*/
header#masthead {
    position: relative;
    z-index: 100;
}
#page.site {
	clear: both;
	position: relative;
	width: 100%;
	background: white;
}
.header-bg:before {
	content: "";
	display: block;
    position: absolute;
    bottom: -5em;
    width: 100%;
    height: 150px;
    background: url(/wp-content/themes/freshcoast-theme/images/wave-v1.svg) no-repeat top center;
    background-size: cover;
    z-index: 2;
    transform: rotateX(180deg);
}
.no-wocommerce .store-mart-lite-logos {
    width: auto;
    padding-left: 4em;
    max-width: 25%;
}
.no-wocommerce .main-navigation {
    width: 100%;
    text-align: right;
    padding-right: 3em;
}
#content.site-content {
	clear: both;
}
.search-wrapp {
    display: none;
}
@media screen and (max-width: 1360px) {
	.header-bg:before {
		bottom: -4em;
	}
}
@media screen and (max-width: 992px) {
	.mob-nav-wrapper .mob-hiriz-wrapp {
		z-index: 1000;
	    position: relative;
	    box-shadow: none !important;
	}
	.mob-nav-wrapper button.menu-toggle::after {
		color: #6acbf4;
	}
	.mob-nav-wrapper .mob-hiriz-wrapp .custom-logo-link img {
		width: 80px;
	}
}
@media screen and (max-width: 768px) {
	.header-bg:before {
		bottom: -2em;
	}
}
/*-----------------------------------------------
---------- Last Section Before Footer -----------
-----------------------------------------------*/
#content .partners-row {
    padding-bottom: 18em;
}
/*-----------------------------------------------
-------------------- Footer --------------------
-----------------------------------------------*/
footer {
	clear: both;
	float: left;
	position: relative;
	width: 100%;
	background: white;
	margin-top: -3em;
}
/*.footer-bg:before {
	content: "";
	display: block;
	position: absolute;
	top: -130px;
	width: 100%;
	height: 130px;
	background: url(/wp-content/themes/freshcoast-theme/images/wave.svg) no-repeat top left;
	background-size: cover;
	z-index: 0;
}*/
.footer-bg:before {
    content: "";
    display: block;
    position: absolute;
    top: -29em;
    width: 100%;
    height: 36em;
    background: url(/wp-content/themes/freshcoast-theme/images/wave.svg) no-repeat 0;
    background-size: cover;
    z-index: 0;
}
footer .content {
	position: relative;
	z-index: 1;
	top: -75px;
}
footer .store-mart-lite-section-footer-wrap-main {
	background-color: transparent;
}
.store-mart-lite-widgets-wrap {
	justify-content: flex-start;
}
.col-2 .block.footer-widget-1, .store-mart-lite-widgets-wrap {
	border: none;
}
.col-2 .block.footer-widget-1 {
	width: auto;
	padding: 3em;
}
.store-mart-lite-footer-wrap {
    padding: 0 3em 0;
}
footer .col-3 .block.footer-widget-1 {
    width: 200px;
    padding: 20px;
    margin-left: 20px;
	margin-right: 35px;
    border-right: 0;
}
footer .widget.widget_media_image img {
	width: 100% !important;
}
footer .col-3 h2 {
	margin-bottom: 10px;
}
footer .col-3 .block.footer-widget-2 {
    width: 250px;
    border-right: 0;
}
footer .col-3 .block.footer-widget-2 a {
	color: #707070;
}
footer .col-3 .block.footer-widget-2 a:hover {
	color: #6acbf4;
}
footer .col-3 .block.footer-widget-3 {
    width: 250px;
}
footer .col-3 .block.footer-widget-3 a {
    margin-bottom: 0;
}
@media screen and (max-width: 992px) {
	footer .footer-widgets.col-3 .block {
	    margin: 0;
	}
}
@media screen and (max-width: 700px) {
	footer .col-2 .block.footer-widget-1, .store-mart-lite-widgets-wrap {
		text-align: center;
	}
	footer .footer-widgets.col-3 .block.footer-widget-1 {
		width: 100%;
		padding: 0;
	}
	footer .footer-widgets.col-3 .block.footer-widget-1 .widget_media_image {
		width: 100%;
	    max-width: 225px;
	    margin: 0 auto;
	}
	footer .footer-widgets.col-3 .block.footer-widget-2, footer .footer-widgets.col-3 .block.footer-widget-3 {
		width: calc(100% / 2);
		padding: 0;
	}
	footer .footer-widgets.col-3 .block.footer-widget-2 p, footer .footer-widgets.col-3 .block.footer-widget-3 p {
		padding: 0;
	}
	footer .store-mart-lite-footer-wrap .store-mart-lite-container {
	    width: 100%;
	    display: inline-block;
		text-align: center;
	}
}
@media screen and (max-width: 422px) {
	footer .footer-widgets.col-3 .block.footer-widget-2, footer .footer-widgets.col-3 .block.footer-widget-3 {
		width: 100%;
		padding: 0;
		text-align: center;
	}
}
/*-----------------------------------------------
-------------------- Headers --------------------
-----------------------------------------------*/
#home-header h1, #home-header p, #page-header h1, #page-header p {
	color: #fff;
}
#home-header {
    min-height: 40vw;
	position: relative;
}
#page-header h1 {
	margin-top: 1.5em;
}
#page-header {
	min-height: 20vw;
	position: relative;
}
#home-header:before, #page-header:before {
	content: '';
    width: 100%;
    height: 100%;
    position: absolute;
	background: url(/wp-content/uploads/2023/11/flame.png) no-repeat left center;
    background-size: 50%;
	transform: scaleX(-1);
    opacity: .4;
	z-index: 0;
}
#home-header .vidbg-container:before, #page-header .vidbg-container:before {
	content: '';
    width: 100%;
    height: 100%;
    position: absolute;
	background: rgb(115,85,159);
	background: linear-gradient(90deg, rgba(115,85,159,1) 0%, rgba(142,204,244,1) 50%, rgba(198,216,101,1) 100%);
    opacity: .65;
	z-index: 0;
}
#home-header .panel-grid-cell, #page-header .panel-grid-cell {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.vidbg-container video {
	width: 100%;
}
@media screen and (max-width: 1340px) {
	#page-header h1 {
		font-size: 5em;
	}
}
@media screen and (max-width: 992px) {
	#page-header {
		min-height: 25vw;
	}
	#page-header h1 {
		font-size: 4em;
	}
}
@media screen and (max-width: 768px) {
	#page-header {
		min-height: 35vw;
	}
	#page-header h1 {
		font-size: 3em;
	}
}
@media screen and (max-width: 468px) {
	#page-header h1 {
		font-size: 2em;
	}
}
/*------------------------------------------------------------------
------------------- Home Page Product / Text Row -------------------
------------------------------------------------------------------*/
#pg-2-1:has(.product-text-row ){
	position: relative;
	background: rgb(90,176,224);
	background: linear-gradient(90deg, rgba(90,176,224,1) 0%, rgba(159,220,243,1) 100%);
}
#pg-2-1:has(.product-text-row):before {
	content: '';
    width: 100%;
    height: 100%;
    position: absolute;
	background: url(/wp-content/uploads/2023/11/flame.png) no-repeat left center;
    background-size: 50%;
    opacity: .4;
	z-index: 0;
}
.product-text-row {
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.home #home-header h1 {
    line-height: 105px;
	margin-bottom: .5em;
}
.home .product-text-row h2 {
    margin-bottom: .5em;
}
.widget.widget_media_image img {
	width: 100%;
}
ol.number-list {
	margin-left: 1em;
	padding-left: 1.5em;
	list-style: none;
	counter-reset: my-awesome-counter;
}
ol.number-list li {
	counter-increment: my-awesome-counter;
	margin: 0 0 12px;
}
ol.number-list li::before {
	content: counter(my-awesome-counter) "";
	padding: 2px 8px;
    margin-left: -2.6em;
    margin-right: 1em;
    color: #fff;
	border-radius: 50%;
    background-color: #000;
}
.home .wpcp-ticker h2 {
    height: auto !important;
}
#sp-wp-carousel-pro-id-291.wpcp-ticker .wpcp-ticker h2 {
    padding-top: 1em;
}
.home .container .ow-button-base .sowb-button {
	font-weight: 600;
	border: 3px solid #fff;
	border-radius: 25px;
	background: transparent;
}
.home .container .ow-button-base .sowb-button:hover {
	border: 3px solid #000;
	background: #000;
}
@media screen and (max-width: 1340px) {
	.home #home-header h1 {
		font-size: 5em;
	    line-height: 90px;
	}
}
@media screen and (max-width: 992px) {
	.home #home-header h1 {
		font-size: 4em;
	    line-height: 75px;
		margin-top: 1.25em;
	}
	#pg-2-1:has(.product-text-row):before {
		background-size: 100%;
	}
}
@media screen and (max-width: 768px) {
	#home-header {
		min-height: 65vw;
	}
	.home #home-header h1 {
		font-size: 3em;
	    line-height: 58px;
	}
	.product-text-row .panel-grid-cell {
	    margin: 2em 4em 4em;
	    max-width: 80%;
	}
	.product-text-row .panel-grid-cell:last-child {
	    margin-top: -2em;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 80%;
	}
	.product-text-row .panel-grid-cell:first-child .so-panel {
	    text-align: center;
	}
	.product-text-row .so-panel img {
		width: 50vw;
	}
	.comanufacturing-row {
	    padding-bottom: 2em;
	}
}
@media screen and (max-width: 575px) {
	.home #home-header h1 {
		font-size: 2em;
	    line-height: 45px;
	}
}
@media screen and (max-width: 360px) {
	.home #home-header h1 {
		font-size: 1.5em;
	    line-height: 30px;
	}
}
/*---------------------------------------------------------
------------------- Comanufacturing Row -------------------
---------------------------------------------------------*/
.comanufacturing-row {
	position: relative;
	background: rgb(185,216,110);
	background: linear-gradient(90deg, rgba(185,216,110,1) 0%, rgba(169,213,147,1) 100%);
}
.comanufacturing-row.section-blue {
	background: rgb(88,146,209);
	background: linear-gradient(90deg, rgba(88,146,209,1) 0%, rgba(120,192,198,1) 100%);
}
.comanufacturing-row.section-green {
	background: rgb(185,216,110);
	background: linear-gradient(90deg, rgba(185,216,110,1) 0%, rgba(169,213,147,1) 100%);
}
.comanufacturing-row.section-purple {
	background: rgb(107,84,184);
	background: linear-gradient(90deg, rgba(107,84,184,1) 0%, rgba(133,92,174,1) 100%);
}
.comanufacturing-row:before {
	content: '';
    width: 100%;
    height: 100%;
    position: absolute;
	background: url(/wp-content/uploads/2023/11/flame.png) no-repeat left center;
    background-size: 50%;
	transform: scaleX(-1);
    opacity: .4;
	z-index: 0;
}
.comanufacturing-row.no-flame:before {
	background-image: none;
}
.comanufacturing-row h2 {
	margin-bottom: 0;
}
.comanufacturing-row h2, .comanufacturing-row .siteorigin-widget-tinymce p {
	color: #fff;
}
.wpcp-carousel-section .swiper-slide p {
    text-align: center;
}
.comanufacturing-row #sp-wp-carousel-pro-id-291 {
	align-items: flex-start !important;
}
.comanufacturing-row #sp-wp-carousel-pro-id-291 .wpcp-single-item {
	background: transparent !important;
}
.swiper-slide .wpcp-single-item {
    min-height: 25vw;
}
@media only screen and ( max-width: 1252px ) {
	.swiper-slide .wpcp-single-item {
    	min-height: 55vh;
	}
}
/*----------------------------------------------------------
------------------- Comanufacturing Page -------------------
----------------------------------------------------------*/
.comanufacturing-row.section-purple {
    padding-bottom: 16em;
}
.comanufacturing-row.section-blue h2, .comanufacturing-row.section-green h2, .comanufacturing-row.section-purple h2 {
	color: #fff;
}
.comanufacturing-row.section-green p, .comanufacturing-row.section-purple p {
	color: #fff;
}
#wpcpro-wrapper-341.wpcpro-wrapper.wpcp-tiles .wpcp-carousel-section .wpcp-slide-image::before {
	padding-top: 57%;
}
#wpcpro-wrapper-392.wpcpro-wrapper.wpcp-tiles .wpcp-carousel-section .wpcp-slide-image::before {
	padding-top: 57%;
}
.wpcpro-wrapper .wpcp-post-carousel .wpcp-single-item .wpcp-all-captions {
    padding-bottom: 1em;
}
#wpcpro-wrapper-341 #sp-wp-carousel-pro-id-341.sp-wpcp-341 .wpcp-all-captions h2.wpcp-post-title {
    padding-top: 1em;
}
#wpcpro-wrapper-392 h2 a {
	color: #352966 !important;
}
#wpcpro-wrapper-496.wpcpro-wrapper.wpcp-tiles .wpcp-carousel-section .wpcp-slide-image::before {
	padding-top: 57%;
}
.certified-logos {
	max-width: 1000px;
	margin: 0 auto;
}

@media only screen and ( max-width: 768px ) {
	#wpcpro-wrapper-392 #sp-wp-carousel-pro-id-392.sp-wpcp-392 .wpcp-all-captions .wpcp-post-title a {
		font-size: .65em;
		}
}
/*--------------------------------------------------
------------------- Partners Row -------------------
--------------------------------------------------*/
.partners-row {
	position: relative;
	color: #fff;
	background: rgb(228,137,4);
	background: linear-gradient(90deg, rgba(228,137,4,1) 0%, rgba(119,42,57,1) 100%);
}
.partners-row h1, .partners-row h2, .partners-row h3, .partners-row h4, .partners-row p, .partners-row a {
	color: #fff;
}
/*---------------------------------------------------
------------------- Partners Page -------------------
---------------------------------------------------*/
.partners-row .body-text {
	max-width: 840px;
	margin: 0 auto;
}
#wpcpro-wrapper-407.wpcpro-wrapper.wpcp-tiles .wpcp-carousel-section .wpcp-slide-image::before {
	padding-top: 57%;
}
#wpcpro-wrapper-407 img {
    max-height: none !important;
    object-fit: contain;
}
.wpcpro-wrapper .wpcp-post-carousel .wpcp-single-item .wpcp-all-captions {
    padding: 0 0 1em;
}
#wpcpro-wrapper-407 #sp-wp-carousel-pro-id-407.sp-wpcp-407 .wpcp-all-captions .sp-wpcp-read-more {
    margin-top: 0;
}
#wpcpro-wrapper-407 #sp-wp-carousel-pro-id-407.sp-wpcp-407 .wpcp-all-captions .wpcp-post-meta .post-categories a {
	display: none;
}
#wpcpro-wrapper-407 ul.wpcp-post-meta {
    display: none;
}
/*---------------------------------------------------
--------------------- About Page --------------------
---------------------------------------------------*/
#pg-54-2 {
    margin-top: -10em;
}
#pg-54-1, #pg-54-2 {
	background: #efefef;
}
#about-page {
	max-width: 1400px;
    padding: 0 1em 20em;
    margin: 0 auto;
}
.bio-col .widget_media_image {
    border: 2px solid #00a8df;
    padding: 5px;
    line-height: 0;
}
.bio-text {
    margin-top: -2em;
}
.bio-text h4 {
	color: #00a8df;
	margin-bottom: -1em;
}
@media only screen and ( max-width: 1230px ) {
	.bio-text h4 {
		font-size: 1.5em;
		margin-top: 1.5em;
	}
	.bio-text h5 {
		font-size: 1.25em;
		margin-top: 1.25em;
	}
}
@media only screen and ( max-width: 767px ) {
	#about-page {
		display: inline-block;
	}
	#about-page div.panel-grid-cell:nth-child(1n+2) {
	    width: calc(100% / 2 - 1em);
	    margin: 0;
	    max-width: none;
	    display: inline-block;
	}
	#about-page div.panel-grid-cell:nth-child(2n) {
		margin-right: .5em;
	}
	#about-page div.panel-grid-cell:nth-child(3n) {
		margin-left: .5em;
	}
}
@media only screen and ( max-width: 448px ) {
	#about-page div.panel-grid-cell:nth-child(1n+2) {
	    width: 100%;
	    margin: 0;
	}
}
/*---------------------------------------------------
------------------- Contacts Page -------------------
---------------------------------------------------*/
#pg-133-1 {
	padding-bottom: 4em;
	background: #efefef;
}
#contact-page {
	max-width: 1400px;
    padding: 0 1em 17em;
    margin: 0 auto;
}
#contact-page .google-maps {
	padding-bottom: 125%;
}
#contact-page .panel-grid-cell h4 {
	margin-top: 0;
    margin-bottom: 10px;
}
#contact-page .wpcf7-form input, #contact-page .wpcf7-form textarea {
    width: 100%;
    padding: 0 15px;
}
#contact-page .wpcf7-form textarea {
    padding: 15px;
    min-height: 100px;
    resize: vertical;
    overflow: auto;
}
#contact-page .wpcf7-form input::placeholder, #contact-page .wpcf7-form textarea::placeholder {
    color: #ccc;
}
#contact-page form input[type="submit"] {
    width: 100%;
    float: right;
    max-width: 200px;
    background: transparent;
    border: 3px solid #000;
    border-radius: 25px;
    color: #000;
}
#contact-page form input[type="submit"]:hover {
    background: #000;
    color: #fff;
	cursor: pointer;
}
textarea, select, input, button { outline: none; }

@media only screen and ( max-width: 767px ) {
	#contact-page .google-maps {
		padding-bottom: 75%;
    	margin-top: 1em;
	}
}
/*--------------------------------------------------
------------------- Carousel Row -------------------
--------------------------------------------------*/
.wpcp-carousel-wrapper.wpcp-wrapper-291.wpcp-loaded, .wpcp-carousel-wrapper.wpcp-wrapper-306.wpcp-loaded {
    margin: 0 calc(50% - 50vw);
}
.wpcp-carousel-section.nav-vertical-center {
	margin: 0;
}
.wpcp-carousel-section {
	padding-top: 1em;
}
.swiper-wrapper .swiper-slide {
    box-shadow: 0 0 8px rgba(0,0,0,.25);
}
.wpcp-carousel-section .wpcp-single-item img {
	width: 100%;
}
.wpcp-prev-button, .wpcp-next-button {
    display: none;
}
.wpcp-carousel-section .wpcp-swiper-dots {
	margin-top: 15px;
}
.wpcp-carousel-section .wpcp-swiper-dots .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background-color: transparent !important;
    border: 2px solid #fff;
}
.wpcp-carousel-section .wpcp-swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #fff !important;
}
.textwidget .wpcp-post-carousel .wpcp-single-item h2.wpcp-post-title {
    text-align: center;
    font-size: 2em;
    font-weight: 900;
}
@media only screen and ( max-width: 1252px ) {
	.wpcp-post-carousel .wpcp-single-item h2.wpcp-post-title {
    	font-size: 1.5em;
	}
}
.partners-row .wpcp-carousel-section .wpcp-post-content p {
	color: #000;
}
/*-------------------------------------------------
--------------- Specializations Row ---------------
-------------------------------------------------*/
.specializations-row #sp-wp-carousel-free-id-392.sp-wpcp-392 .wpcp-single-item {
	border: none;
}
.specializations-row .wpcp-carousel-wrapper #sp-wp-carousel-free-id-392.wpcp-post-carousel .wpcp-single-item {
	background: transparent;
}
.specializations-row .textwidget .wpcp-post-carousel .wpcp-single-item h2.wpcp-post-title {
	font-size: 1.5em;
	color: #352a66;
}
.specializations-row .wpcp-single-item h2 a {
	color: #352a66;
}
/*-------------------------------------------------
-------------------- Logos Row --------------------
-------------------------------------------------*/
.logo-row {
	padding-bottom: 3em;
}
#wpcpro-wrapper-306.wpcpro-wrapper.wpcp-tiles .wpcp-carousel-section .wpcp-slide-image::before {
	padding-top: 57%;
}
#wpcpro-wrapper-306 .wpcp-all-captions  {
	display: none;
}
/*-------------------------------------------------
------------------ Instagram Row ------------------
-------------------------------------------------*/
.instagram-row {
	background: rgb(116,89,161);
	background: linear-gradient(90deg, rgba(116,89,161,1) 0%, rgba(122,134,194,1) 100%);
}
.instagram-row .panel-grid-cell {
    padding: 1em 1em 0;
}
.instagram-gallery-feed {
    margin: 0 calc(50% - 50vw);
}
#instagram-gallery-feed-0 .swiper-container .instagram-gallery-item__media-mask {
    background-color: rgba(116,91,163,.75)!important;
}
.swiper-button-prev, .swiper-button-next {
    display: none;
}
#instagram-gallery-feed-0 .swiper-container .swiper-pagination {
	width: 100% !important;
    position: relative;
    top: auto;
    bottom: auto;
    display: block;
    margin-top: 15px;
	left: 0;
	right: 0;
	transform: none;
}
#instagram-gallery-feed-0 .swiper-container .swiper-pagination .swiper-pagination-bullet {
    transform: scale(1);
    width: 15px;
    height: 15px;
    background: #fff;
    left: auto !important;
    background-color: transparent;
    border: 2px solid #fff;
	opacity: 1;
}
#instagram-gallery-feed-0 .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-main {
	background-color: #fff;
}
/*-------------------------------------------------
------------- Page Layout for Mobile --------------
-------------------------------------------------*/
@media screen and (max-width: 992px) {
	.container #main .entry-content .panel-layout div.panel-grid:nth-child(n+2) > .panel-row-style {
	    width: 100%;
	    padding-left: 1em;
	    padding-right: 1em;
	}
	.container #main .entry-content h2 {
		font-size: 3em;
	}
}
@media screen and (max-width: 768px) {
	.container #main .entry-content h2 {
		font-size: 2em;
	}
	.container #main .entry-content h3.widget-title {
	    margin-top: 1em;
	}
}
@media screen and (max-width: 468px) {
	.container #main .entry-content h2 {
		font-size: 1.5em;
	}
}