/*
Theme Name: Fishland FSE
Theme URI: https://gracethemes.com/themes/free-seafood-company-wordpress-theme/
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: The Fishland FSE is a versatile WordPress theme for a seafood business, fishing, fish selling, or any other fish-related business. This free Seafood company WordPress theme can take your fish-related business to new heights as it is comprised of some of the most powerful features. This multipurpose theme is also suitable for business corporate, construction, hotel, restaurant, flower shop, travel and tour website, coaching, education, sports, medical, doctor, gym, fitness, modelling and wedding. The Fishland FSE theme is widget-friendly. A lot of convenient widgets are already included in this theme. One of the most common features that everyone looks for is SEO compatibility. And this theme fulfills this need as well. As this WordPress theme is SEO-optimized, it properly exposes your business website to an audience across the globe. This free Seafood company WordPress theme offers you CTA options for assisting your audience. This Fishland FSE is the best free Seafood company WordPress theme, and it supports different languages. Demo: https://gracethemesdemo.com/fishland/
Version: 1.1
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fishland-fse
Requires PHP:  5.6
Tested up to: 6.2
Tags:blog, e-Commerce, one-column, two-columns, left-sidebar, right-sidebar, block-styles, custom-colors, editor-style, custom-background, custom-menu, featured-images, footer-widgets, template-editing, full-site-editing, block-patterns,  threaded-comments, wide-blocks, translation-ready
Fishland FSE WordPress Theme has been created by Grace Themes(gracethemes.com), 2023.
Fishland FSE WordPress Theme is released under the terms of GNU GPL
*/

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}


/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}
h1,
h2,
h3,
h4,
h5,
h6{clear: both; font-family: 'Poppins', sans-serif;}

body,
p,
html,
button,
.wp-block-button,
input,
select,
textarea{ font-family: 'Poppins', sans-serif;}
.entry-content.wp-block-post-content p{ margin-bottom:25px;}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

body.home .wp-site-blocks > * + *{
	margin-block-start:0 !important;
}
body.home .services-section-01 .is-layout-flex, 
body.home .services-section-02 .is-layout-flex{ 
	gap:0 !important;
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

/*body.home .wp-block-cover{ margin-block-start:0 !important; }*/
nav.Hdr-menu.wp-block-navigation ul{ font-weight:600 !important;}


/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}
.fse-hdr-navigation{box-shadow:0px 20px 0px -10px #b4d3e9;  position:relative;}
.fse-hdr-navigation::before{width: 0; height:0; bottom:-12px; border-top: 12px solid #028dee; border-right: 12px solid transparent; content:''; position:absolute; right:0px;}
.fse-hdr-navigation::after{content:''; position:absolute; left:0px;bottom:-12px; width:0; height:0; border-top:12px solid #028dee; border-left:12px solid transparent;}

.head-top-left { position:relative;}
.head-top-left::before {content:''; width:0; height: 0; border-top:46px solid #5c39c2; border-left:40px solid transparent; position:absolute; top:0; left:-40px;}


.block-topmenu-bar{ position:relative !important; margin-bottom:-28px !important; z-index:999 !important;}
.wp-block-navigation ul li.current-menu-item > a,
.wp-block-navigation ul li a:hover{ color:#5c39c2 !important;}
ul.wp-block-page-list li a{ font-weight:500;}
.bannerInfo { position:relative;}
.wp-block-cover.hdrbanner-BX{ margin-top:-50px !important;}


/* = Section 1 CSS
----------------------------------------------- */
.services-section-01{ margin-top:-60px; position:relative; z-index:9999}
.services-section-01 .wp-block-group .topColBX .top-3-box{ position:relative; margin-top:-80px !important}
.services-section-01 .wp-block-group .topColBX .top-3-box:hover{ background-color:#7950ee !important; border-bottom-color:#000 !important;}
.services-section-01 .wp-block-group .topColBX .top-3-box:hover h5,
.services-section-01 .wp-block-group .topColBX .top-3-box:hover h3{color:#fff !important;}

.top-3-box{ position:relative; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%); margin-right:3% !important; }
.top-3-box.Last{ margin-right:0 !important; }
.top-3-box:hover{ background-color:#7950ee}

.MidLeft-Col{ margin-right:-90px !important; z-index:9999; position:relative;}
.about-3-bx{  box-shadow: 0px 0px 40px rgb(0 0 0 / 10%);}
.about-3-bx.fse-midbx{ margin:0 -25px !important}
.Footer-LastCol{ position:relative;}
.Footer-LastCol::before {content:''; width:5px; height:80%; background:#5c39c2; position: absolute; left: 0px; top:50%; transform:translateY(-50%);}

/* = Section 3 CSS
----------------------------------------------- */
body .is-layout-constrained .Phone-IMG-BX{ margin:280px -80px 0 0 !important;}

body .is-layout-constrained .phoneBX-30{ width:55% !important; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%); }
body .is-layout-constrained .welcome-small-img-bx{ box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%); }

ul.footerSocial li.wp-block-social-link a{ font-size:24px !important; padding:15px !important;}
ul.FootSocial li a{ background-color:#15203e !important; padding:8px !important;}

ul.foot-LatestPost li{ margin-bottom:20px !important}
ul.foot-LatestPost li .wp-block-latest-posts__post-date{ color:#55a287 !important;}

.PostStyle-1 ul li{ margin-bottom:40px;}
/* = Sidebar CSS
----------------------------------------------- */
.FL-Main-Sidebar{ position:relative;}
.FL-Main-Sidebar ul.Sidebar-Latest-Post li{ margin-bottom:20px !important; min-height:70px !important;}
.FL-Main-Sidebar ul.Sidebar-Latest-Post li .wp-block-latest-posts__post-title{ margin-bottom:10px !important; display:block !important;}

/* = Contact Form 7 CSS
----------------------------------------------- */
.wpcf7{ 
	margin:30px 0 0;
	padding:0;
}
.wpcf7 input[type="text"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="email"]{ 
	width:40%;
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:0;
	height:40px;
	padding:0 15px;
}
.wpcf7 textarea{	
	color:#797979;
	margin-bottom:25px;
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	padding:10px;
	width:60%;
	height:160px;
	font-size:12px;
}
.wpcf7 input[type="submit"]{
	border-radius:40px;
	font-weight:600;
	font-size:16px;
	cursor:pointer;
	background-color:#5c39c2;
	padding:20px 40px;
	color:#ffffff;	
	width:auto;
	border:none;
	text-transform:uppercase;
}
.wpcf7 input[type="submit"]:hover{
	background-color:#101010;
}

.FL-Post-Comment.wp-block-post-comments-form input[type="submit"]{ background-color:#32373c !important}