/*!
Theme Name: Themer
Theme URI: https://gitlab.com/kiwi-computing/web-development
Author: Kiwi Computing
Author URI: https://kiwi-computing.dk/
Description: Themer is a custom template made by Kiwi Computing
Version: 1.0.0
Tested up to: 8.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: themer
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Themer is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
	- Nav Bar
	- Header
# Base
	- Typography
	- Elements
	- Links
	- Forms
# Layouts
	- Slick slider
	- Slider
	- Home page
	- Shop page
	- Product page
	- Contact page
	- Archive page
	- Single page
	- Search page
	- woocommerce account
	- Cart
	- Checkout
	- Footer
# Components
	- Messages
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
:root {
	--burger-menu-radius: 4em;
	--burger-menu-hover-color: #007aff;
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
	max-width: 90vw;
	margin: auto;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
h1.entry-title {
	font-weight: 700;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Navbar
	 ========================================================================== */

/* Custom logo */
.logo {
    float: left;
    max-width: 100%;
    position:relative;
    z-index:9999999;
}
.logo img {
    height: 75px;
    width: 75px;
    margin-top: 1px;
	border: none;
    margin-bottom: 10px;
	object-fit: scale-down;
}
div.site-branding {
	max-width: 2000px;
	width: 100%;
    float: left;
    top: 0;
	padding: 0;
}

@media (min-width: 1200px) {
  .container {
    max-width: 80vw;
  }
}

.progress-container {
	display: none;
}
.navbar {
    transition: all 0.4s;
	top: unset;
}

.navbar .nav-link {
    color: #fff;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: #fff;
    text-decoration: none;
}

body.home .navbar .navbar-brand {
    color: #fff;
}


/* Change navbar styling on scroll */
.navbar.active {
    background: #fff;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
}

body.home .navbar.active div.line {
	background: #000;
}

.navbar.active .nav-link {
    color: #555;
}

.navbar.active .nav-link:hover,
.navbar.active .nav-link:focus {
    color: #555;
    text-decoration: none;
}

.navbar.active .navbar-brand {
    color: #555;
}

/* Change navbar styling on small viewports */
@media (max-width: 991.98px) {
    .navbar {
        background: #fff;
		position: relative;
    }
    .navbar .navbar-brand, .navbar .nav-link {
        color: #555;
    }
	a.basketicon {
		margin: auto;
	}
}
@media (max-width: 1098px) {
	#menu-classic { display: none !important; }
	#menu-modern { display: block !important; }
}

.lock-scroll {
    overflow: hidden;
}
/* Header
	 ========================================================================== */
.home header {
	height: 0;
}
	 
.header {
	height: 6em;
}
.basketicon {
    margin: 0 30px 0 0;
    padding: 0 30px 0 0;
    align-items: center;
    position: relative;
	font-size: 16px;
}
.home .basketicon {
	position: relative;
    padding: 15px 15px;
    line-height: 10px;
    background: #abb8c382;
    text-decoration: none;
    outline: none;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 4px 4px 0 rgb(9 32 76 / 4%);
    z-index: 1;
}
.home .basketicon span, 
.home .basketicon i {
	color: #fff;
}
.home nav.active .basketicon span, 
.home nav.active .basketicon i {
	color: #007aff;
}
.home nav.active .basketicon {
	position: relative;
    background: transparent;
	box-shadow: none;
}
.basketicon span,
.basketicon i {
	color: #007aff;
}


/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

.wp-block-pullquote-2em-padding {
	padding: 2em;
}
.wp-block-pullquote-1em-padding {
	padding: 1em;
}
.cite-no-italic cite {
	font-style: normal;
}

address {
	margin: 1.5em 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
.flex-container {
  display: flex;
  flex-direction: column;
  padding-top: 2em;
}
.grid-container {
	display: grid;
	grid-column-gap: 10px;
	grid-row-gap: 0px;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 0.5fr repeat(2, 1fr); 
}
@media screen and (max-width: 600px) {
	.grid-container {
		display: grid;
		grid-column-gap: unset !important;
		grid-row-gap: unset!important;
		grid-template-columns: 1fr!important;
		grid-template-rows: 0.1fr repeat(2, 0.25fr)!important;
	}
}
h1 {
	text-align: center;
	text-align: -webkit-center;
}
ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
iframe {
	width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border: 0;
    max-width: 100%;
}
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}
.table-height-500  table {
	height: 500px;
}
.table-7-rows table tbody tr {
	 height: calc(500px / 7);
}
.table-red-border table {
  border: 2px solid red;
}

/* Links
--------------------------------------------- */
a {
	color: #b54332;
}

a:visited {
	color: #b54332;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a.wp-block-button__link {
	color: #fff;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/* 404 page
--------------------------------------------- */
.error-404 {
	text-align: -webkit-center;
	text-align: center;
}
.error-404 img {
	max-width: 20%;
}
.error-404 h1, .error-404 h2  {
	position: relative;
	background: url(/wp-content/themes/themer/img/planks.webp) 0 0 / cover no-repeat; /* Set the backround image */
	-webkit-background-clip: text; /* clip the background to the text inside the tag*/
	-webkit-text-fill-color: transparent; /* make the text transparent so the background shows through*/
	background-position-y: 20px;
	font-size: 66px;
	line-height: 80px;
	font-weight: 800;
	text-transform: uppercase;
	color: #de466c;
	text-align: center;
	text-align: -webkit-center;
	margin: auto;
}

.error-404 h1 {
	top: 3%;
}
.error-404 h2.first {
	top: 10%;
}
.error-404 h2.second {
	top: 17.5%;
}
.error-404 div.burned-wood {
	background: url(/wp-content/themes/themer/img/burned-planks.webp) 0 0 / cover no-repeat; /* Set the backround image */
	max-height: 667px;
    max-width: 1000px;
	width: 100%;
    height: 500px;
	margin: auto;
}
@media screen and (min-width:641px) and (max-width: 961px) {
	.error-404 img {
		max-width: 35%;
	}
	.error-404 h1 {
		background-position-y: -26px;
		background-position-x: -9px;
		top: 1%;
	}
	.error-404 h2.first {
		background-position-y: 15px;
		background-position-x: -22px;
		top: 8%;
		line-height: 1;
	}
	.error-404 h2.second {
		top: 17%;
		line-height: .85;
		background-position-y: -35px;
		background-position-x: -38px;
	}
}
@media screen and (max-width: 600px) {
	.error-404 img {
		max-width: 50%;
	}
	.error-404 h1 {
		background-position-y: -3px;
		top: 1%;
	}
	.error-404 h2.first {
		background-position-y: -16px;
		background-position-x: -12px;
		top: 8%;
		line-height: 0.85;
	}
	.error-404 h2.second {
		top: 17.5%;
		line-height: .8;
		background-position-y: -34px;
		background-position-x: 13px;
	}
}
/* Slick Slider
--------------------------------------------- */
.slick-slide {
    margin: 0px 20px;
}
.slick-slide img {
    width: 100%;
	max-width: 100%;
	object-fit: scale-down;
}

.slick-slider
{
	margin: auto;
	width: 200vh;
	max-width: 100%;
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Slider
--------------------------------------------- */

.home .slider {
  position: relative;
  overflow: hidden;
  height: 80vh;
  width: 100vw;
  max-width: 100%;
}

.home .slide {
  display:none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.4s ease-in-out;
}

.home .slide.current {
  display: block;
}

.home h3 {
	text-align: center;
	text-align: -webkit-center;
}

.home .slide .content {
  position: absolute;
  bottom: 70px;
  left: -600px;
  width: 600px;
  background-color: rgba(255, 255, 255, 0.8);
  color: #333;
  padding: 35px;
}

.home .slide .content h1 {
  margin-bottom: 10px;
}

.home .slide.current .content {
  transform: translateX(600px);
  transition: all 0.7s ease-in-out 0.3s;
}

.home .buttons button#next {
  position: absolute;
  top: 40%;
  right: 15px;
}

.home .buttons button#prev {
  position: absolute;
  top: 40%;
  left: 15px;
}

.home .buttons button {
  border: 2px solid #fff;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
  padding: 13px 15px;
  border-radius: 50%;
  outline: none;
}

.home .buttons button:hover {
  background-color: #fff;
  color: #333;
}

.home .btn-slider {
   color: grey;
   text-decoration: none;
   border: 1px solid;
   border-radius: 43px;
   font-size: 13px;
   padding: 7px 30px;
   line-height: 47px;
   margin-right: 10px;
   margin-left: 10px;
}

.home .btn-slider:hover {

	text-decoration: none;

}

@media (max-width: 500px) {
   .home .slider {
	max-width: 100%;
   }
  .home .slide .content {
    bottom: -300px;
    left: 0;
    width: 100%;
  }
  .home .slide .content p {
	margin-bottom: 0.25em;
  }

  .home .slide.current .content {
    transform: translateY(-300px);
  }
  .home .buttons button#prev, .home .buttons button#next {
	top: 92%;
  }
  .home .buttons button {
	padding: 6px 8px;
	border: 2px solid #717171;
	color: #717171;
  }
}

/* Slider container styling */
.logos.slider-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.logos.slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

/* Slide styling */
.logos.slider .slide {
  flex: 0 0 33.33%; /* Default: Show three images per view (100% / 3 = 33.33%) */
  box-sizing: border-box;
  margin:10px;
}

/* Show one image per view on smaller screens */
@media (max-width: 768px) {
  .logos.slider .slide {
    flex: 0 0 100%; /* 100% width for one image on mobile */
  }
}



/* Home page
--------------------------------------------- */
.home #primary {
	max-width: 90vw;
	margin: auto;
}
.home .grid-item:nth-child(1).info
 {
   grid-area: 1 / 1 / 2 / 4;
}
.home .grid-item:nth-child(2) {
   grid-area: 1 / 1 / 2 / 4;
}
.home .grid-item:nth-child(3) {
    grid-area: 1 / 4 / 3 / 5; 
}

.home .grid-item:nth-child(4) {
    grid-area: 2 / 1 / 3 / 4; 
}
.home .grid-item:nth-child(5) {
   grid-area:  3 / 1 / 4 / 5; 
}

div.news {
	padding: 8em 0 0;
	padding-right: 10px;
}
div.info {
	padding-left: 5em;
	padding-right: 10px;
	flex-direction: row;
}
div.info h1 {
	margin-top:0em;
}
div.info .container-left {
	width:40%;
	padding-right:2em;
	flex: 1
}
div.info .container-right {
	width:40%;
	height: fit-content;
}
div.info .container-right img {
	max-height: 45vh;
}
div.info canvas {
	position: absolute;
	z-index: 1;
    top: 2em;
}
#watermark {
    position: relative;
	margin: auto;
}

#watermark::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10%;
    right: 0;
    bottom: 0;
    background: inherit;
    opacity: 0.25; /* Set the opacity here */
    z-index: -1; /* Ensure the background is behind the content */
    background-image: url('/wp-content/themes/themer/redirect-logo.php');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 25% 0;
}

section.cards {
  margin: 0 auto;
  display: flex;
  grid-auto-flow: row dense;
  padding-bottom: 2em;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.card {
  display: flex;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.25s ease;
}

.card:hover {
  transform: scale(1.05);
}

.vertical {
    position: relative;
    width: 350px;
    height: 350px;
    overflow: hidden;
    flex-direction: column;
    grid-row: span 2;
    grid-column: span 1;
}

.vertical .card_img {
    width: 100%;
    max-height: 150px;
    overflow: hidden;
}

.card_content {
  padding: 16px;
}

.card_title {
  font-size: 18px;
  opacity: 0.8;
  font-weight: 700;
  padding-bottom: 0.5em;
  transition: all 0.25s ease;
}

.card_date {
  font-size: 14px;
  padding-bottom: 0.5em;
  opacity: 0.3;
}

.card_excerpt {
  font-size: 16px;
  margin-bottom: 1.5em;
}

.card_button, .comment-form input.submit {
    position: relative;
    padding: 15px 15px;
    line-height: 10px;
    background: #cc3d26;
    color: #fff;
    text-decoration: none;
    outline: none;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 4px 4px 0 rgb(9 32 76 / 4%);
    z-index: 1;
}

.card_button:hover, .card_button:active, .card_button:visited {
	color: #fff;
}
div.service {
	max-width: 100%;
}
.flex-container .service-container {
    position: relative;
    max-width: 100%;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    padding-bottom: 2em;
}

.flex-container .serviceBox {
    position: relative;
    width: 20vw;
    height: 25vw;
    background: #51446e;
    border-radius: 20px;
    overflow: hidden;
    flex-direction: column;
    grid-row: span 2;
    grid-column: span 1;
	max-height: 300px;
	max-width: 300px;
}

.flex-container .serviceBox .icon-and-title {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--i);
    transition: 0.5s;
    display: flex;
    flex-direction: column; /* Stack img and h3 vertically */
    justify-content: center;
    align-items: center;
    z-index: 2;
    transition-delay: 0.25s;
}

.flex-container .serviceBox .icon {
    position: relative;
	  top: 0;
	  left: 0;
	  transition: 0.5s;
		transition-delay: 0s;
	  transition-delay: 0s;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  z-index: 2;
	  transition-delay: 0.25s;
}

.flex-container .serviceBox h3 {
    font-size: 1.5rem;
	padding-left: 1em;
	padding-right: 1em;
}

.flex-container .serviceBox:hover .icon-and-title {
    top: 30px;
    left: calc(50% - 40px);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    transition-delay: 0s;
}

.flex-container .serviceBox .icon-and-title img {
    width: 50%;
    transition: width 0.5s, border-radius 0.5s;
    transition-delay: 0.25s;
}

.flex-container .serviceBox:hover .icon-and-title img {
    width: 100%;
    border-radius: 50%; /* Make image circular on hover */
    transition-delay: 0s;
}

.flex-container .serviceBox .icon-and-title h3 {
    margin-top: 10px;
    color: #fff;
    transition: opacity 0.5s;
    transition-delay: 0.25s;
}

.flex-container .serviceBox:hover .icon-and-title h3 {
    opacity: 0; /* Hide h3 on hover */
    transition-delay: 0s;
}

.flex-container .serviceBox .content {
    position: relative;
    padding: 20px;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    z-index: 1;
    transform: scale(0);
    transition: 0.5s;
    transition-delay: 0s;
}
.flex-container .row {
	max-width: 1140px;
	align-self: center;
}
/* FOR DESKTOP */
.flex-container .serviceBox:hover .content {
    transform: scale(1);
    transition-delay: 0.25s;
}

.flex-container .serviceBox h3, .flex-container .serviceBox:hover .content h3  {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #fff;
	display: block;
}
.flex-container .serviceBox:hover h3 {
	display: none;
	font-size: 1.25em;
}

.flex-container .serviceBox .content p {
    font-weight: 300;
    line-height: 1.5em;
}
/* Simulate hover on mobile by always showing the .content */
@media (max-width: 768px) {
    /* Show .content like hover */
    .flex-container .serviceBox .content {
        transform: scale(1);
        opacity: 1;
        pointer-events: auto;
        transition-delay: 0s;
        display: block;
        text-align: center;
        padding: 1em;
    }

    /* Style image like on hover */
	.flex-container .serviceBox .icon-and-title {
		top: 30px;
		left: calc(50% - 40px);
		width: 80px;
		height: 80px;
		border-radius: 50%;
		transition-delay: 0s;
	}
    .flex-container .serviceBox .icon-and-title img {
        width: 100%;
        border-radius: 50%;
        transition-delay: 0s;
    }

    /* Fade out the original title */
    .flex-container .serviceBox .icon-and-title h3 {
        opacity: 0;
        transition: opacity 0.5s;
        transition-delay: 0s;
        height: 0;
        overflow: hidden;
    }

    /* Ensure content h3 is shown */
    .flex-container .serviceBox .content h3 {
        display: block;
        margin-top: 0;
        margin-bottom: 0.5em;
        color: #fff;
        font-size: 1.2em;
    }

}


@media screen and (max-width: 1025px) {
	
}
@media screen and (max-width: 768px) {
	.flex-container .row {
		max-width: 720px;
	}
   #watermark::before {
     background-position: 0% 60%;
   }
}
@media (max-width: 1025px) {
	.home .grid-item:nth-child(2) {
	   grid-area:  1 / 1 / 2 / 4;
	}
	.home .grid-item:nth-child(3) {
		grid-area: 2 / 1 / 3 / 4; 
	}

	.home .grid-item:nth-child(4) {
		grid-area: 3 / 1 / 4 / 4; 
	}
	.home .grid-item:nth-child(5) {
	   grid-area:  4 / 1 / 5 / 4; 
	}
	section.cards {
	   flex-wrap: wrap;
    }
	div.news {
		padding-right: unset;
		padding-top: 2em;
	}
	.grid-item {
		margin: auto;
	}
	.flex-container .row {
		max-width: 960px;
	}
.flex-container .serviceBox {
  width: 100%;
  max-width: 300px;
  height: auto;
  aspect-ratio: 1 / 1.2; /* Or remove entirely for natural height */
}

	div.info {
		flex-direction: column;
		padding-left: 0;
		padding-right: 0;
	}
	div.info .container-left {
		order: 2;
		width: 90%;
		padding-right: 0;
		margin: auto;
		max-width: 40vh;
	}
	div.info .container-right {
		margin:auto;
		width: 50%;
		max-width: fit-content;
	}
	.vertical {
		width: 80vw;
	}
}
@media screen and (max-width: 480px) {
	.flex-container .row {
		max-width: 540px;
	}
}

.flex-container .product-grid {
  overflow: hidden;
  text-align: center;
  text-align: -webkit-center;
  position: relative;
  transition: all 0.5s ease 0s;
}
.flex-container .product-grid .product-image {
  overflow: hidden;
}
.flex-container .product-grid:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.flex-container .product-grid .product-image a {
  display: block;
}
.flex-container .product-grid .product-image img {
  width: 100%;
  height: auto;
  transition: all 0.5s ease 0s;
}
.flex-container .product-grid:hover .product-image img {
  transform: scale(1.1);
}
.flex-container .product-grid .product-content {
  padding: 12px 12px 15px;
  transition: all 0.5s ease 0s;
}
.flex-container .product-grid:hover .product-content {
  opacity: 0;
}
.flex-container .product-grid .title {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0 0 10px;
  transition: all 0.3s ease 0s;
}
.flex-container .product-grid .title a {
  color: #000;
  font-size: 20px;
}
.flex-container .product-grid .title a:hover {
  color: #2e86de;
}
.flex-container .product-grid .price {
  font-size: 18px;
  font-weight: 600;
  color: #2e86de;
}
.flex-container .product-grid .price span {
  color: #000;
  font-size: 15px;
  font-weight: 400;
  margin-left: 7px;
  display: inline-block;
}
.flex-container .product-grid .social {
  background-color: #fff;
  width: 100%;
  padding: 1em 0;
  margin: 0;
  list-style: none;
  opacity: 0;
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  z-index: 1;
  transition: all 0.5s ease 0s;
}
.product-grid:hover .social {
  opacity: 1;
  bottom: 20px;
}
.flex-container .product-grid .social li {
  display: inline-block;
}
.flex-container .product-grid .social li a:hover {
	border: 0;
}
.flex-container .product-grid .social li a {
  color: #909090;
  font-size: 16px;
  line-height: 45px;
  text-align: center;
  text-align: -webkit-center;
  height: 45px;
  width: 45px;
  margin: 0 7px;
  border: 1px solid #909090;
  border-radius: 50px;
  display: block;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.flex-container .product-grid .social li a:hover {
  color: #fff;
  background-color: #2e86de;
  width: 80px;
}
.flex-container .product-grid .social li a:after, .product-grid .social li a:before {
  content: attr(data-tip);
  color: #fff;
  background-color: #2e86de;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 20px;
  padding: 1px 5px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  top: -30px;
}
.flex-container .product-grid .social li a:after {
  content: "";
  height: 15px;
  width: 15px;
  border-radius: 0;
  transform: translateX(-50%) rotate(45deg);
  top: -20px;
  z-index: -1;
}
.flex-container .product-grid .social li a:hover:after, .product-grid .social li a:hover:before {
  opacity: 1;
}
.flex-container .product-grid .social .fa {
	background: none;
	padding: 0;
}
.flex-container .product-grid .social .fa:hover, .flex-container .product-grid .social a:hover > .fa {
	color: white;
}
.flex-container .row .col-md-4 {
	padding-bottom: 2em;
}
@media only screen and (max-width: 990px) {
  .flex-container .product-grid {
    margin-bottom: 30px;
  }
}

/* Shop page
--------------------------------------------- */
.woocommerce-shop h3, p.woocommerce-result-count, form.woocommerce-ordering {
	text-align: -webkit-center;
	text-align: center;
}
.responsive-container {
	max-width: 100%;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 2em;
	padding-top: 2em;
}
.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.woocommerce-shop .product {
  border-radius: 0.25rem;
  border: 1px solid #dedede;
  text-decoration: none;
  font-weight: 400;
  transition: 0.15s ease;
  overflow: hidden;
  flex-direction: column;
  grid-row: span 2;
  grid-column: span 1;
}
.woocommerce-shop .product:hover, .product:focus {
  outline: none;
  box-shadow: 0 0 0 0.25rem pink;
}
.woocommerce-shop .product:hover .product-content, .product:focus .product-content {
  border-color: transparent;
}

.woocommerce-shop .product-image {
  border-radius: 0.25rem 0.25rem 0 0;
  overflow: hidden;
}

.product-content {
  padding: 1rem;
  border-radius: 0 0 0.25rem 0.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.15s ease;
  background-color: #FFF;
}
.add-to-cart-container {
  padding: 7px 30px;
  border-radius: 30px;
}
.add-to-cart-container:hover {
  background-color: #ebebeb;
}
.woocommerce-shop .product .product-content .add_to_cart_button {
  color: #000;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.15s ease;
  border: 0;
}
.woocommerce-shop .product .product-content .add_to_cart_button:hover {
	color: black;
	text-decoration: none;
}

.product-info {
  display: flex;
  flex-direction: column;
  color: black;
  text-align: left;
  text-align: -webkit-left;
}

.product-info h2 {
  font-size: 1.125rem;
  line-height: 1.25;
}
.woocommerce-shop .product .price {
  margin-top: 0.25rem;
  font-size: 15px;
}
.onsale {
  padding: 0.5rem 1rem;
  position: relative;
  top: 0;
  z-index: 0;
  font-weight: bold;
  font-size: 1.8rem;
  color: #ff0808;
}
.onsale::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #eee;
  z-index: -1;
  transform: skew(-10deg);
  box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.1);
}
@media all and (max-width: 1000px) {
	.responsive-container {
		width: 80%
	}
	.grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media all and (max-width: 600px) {
	.grid {
		grid-template-columns: repeat(1, 1fr);
	}
	.onsale {
		left: 0%;
	}
}
/* Product page
--------------------------------------------- */
.product_title {
	font-size: 3rem;
    text-transform: capitalize;
    font-weight: 700;
    position: relative;
    color: #12263a;
    margin: 0;
	text-align: start;
	text-align: -webkit-left;
}
.product_title::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 80px;
    background: #12263a;
}
.wc-tabs-wrapper h2 {
	font-size: 2rem;
	margin: 0;
	text-align: start;
	text-align: -webkit-left;
	position: relative;
    color: #12263a;
}
.product ul.wc-tabs {
	border-bottom: 1px solid #ddd;
	height: 45px;
	list-style: none;
}
.product ul.wc-tabs:before {
	display: table;
    content: " ";
}
.product ul.wc-tabs > li {
	float: left;
	height: 45px;
	text-decoration: none;
	outline: none;
	display: inline-block;
	padding: 2px;
}
.product ul.wc-tabs > li:hover {
	background-color: #ddd;
}
.product ul.wc-tabs > li.active:hover{
	background-color: transparent;
}
.product ul.wc-tabs > li:hover {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
.product ul.wc-tabs > li:hover > a {
	text-color: #fff;
	color: #337ab7;
	text-decoration: none;
	outline: none;
}
.product ul.wc-tabs > li:select {
	outline: none;
	text-decoration: none;
}
.product ul.wc-tabs > li > a {
	margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.product ul.wc-tabs > li.active > a {
	color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;;
}
span.last-price{
    color: #f64749;
    text-decoration: line-through;
}
.product-template-default .product {
    max-width: 1100px;
	width: 80%;
    margin: 0 auto;
}
.product-template-default .product .entry-summary {
	padding-left: 1.5rem;
	display: grid;
    grid-gap: 1.5rem;
	margin: 0;
	height: fit-content;
}
.product-template-default .product .onsale {
	position: relative;
	left: 5%;
}
.product input {
	border-radius: 0;
    width: 100%;
    max-width: 70px;
	height: 50px;
	text-align: center;
	text-align: -webkit-center;
}
.product button {
	background-color: #fff;
	border: 0 solid #e2e8f0;
	box-sizing: border-box;
	color: #0d172a;
	cursor: pointer;
	display: inline-block;
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1;
	padding: 1rem 1.6rem;
	text-align: center;
	text-decoration: none #0d172a solid;
	text-decoration-thickness: auto;
	transition: all .1s cubic-bezier(.4, 0, .2, 1);
	box-shadow: 0px 1px 2px rgba(166, 175, 195, 0.25);
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}
.product button:hover {
	background-color: #1e293b;
	color: #fff;
}
@media (min-width: 768px) {
  .product button {
    font-size: 1.125rem;
    padding: 1rem 2rem;
  }
}
.product form > table {
	display: unset;
}
.product form > div > div, .product-type-simple form {
	display: flex;
}
.woocommerce-product-gallery {
	overflow: hidden;
	max-width: 50%;
	height: fit-content;
	padding-bottom: 2em;
}
.flex-active-slide {
	display: flex;
    width: 100%;
    transition: all 0.5s ease;
}
.flex-active-slide img{
    min-width: 100%;
}
.flex-control-nav {
	display: flex;
	max-height: 120px;
}
.flex-control-nav li {
	margin-right: 0.4em;
}
.flex-control-nav li img {
	height: auto;
}
body.product-template-default div.product .woocommerce-product-gallery ol.flex-control-nav li img {
	opacity: 1;
}
.flex-control-nav li:hover {
	opacity: 0.8;
}
body.product-template-default div.product .woocommerce-product-gallery .flex-viewport {
	height: 500px !important;
	min-width: 100%;
}
.price, .product .cart {
	text-align: start;
	text-align: -webkit-left;
}
.product_meta {
	display: none;
}
.woocommerce-tabs {
	padding-top: 2em;
	position: relative;
	padding-left: 1.5rem;
    display: grid;
    grid-gap: 1.5rem;
}
section.related div.responsive-container {
	width: 100%;
}
section.related .product-image, section.related h2, section.related span, section.related .add-to-cart-container {
	text-align: center;
	text-align: -webkit-center;
	margin: auto;
}
section.related .add-to-cart-container {
	width: 60%;
}
section.related .product-content {
	display: block;
}
.woocommerce-page h3 {
	text-align: center;
	text-align: -webkit-center;
}
table.shop_table_responsive tr td.actions {
	display: table-cell;
}
/* Contact page
--------------------------------------------- */
.our-team {
    margin-top: 2rem;
}

.our-team h3 {
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 1rem;
}

/* Grid layout: exactly 4 per row */
.team-members {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
}

/* Individual member */
.team-member {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    min-height: 300px; /* Ensures consistent card height */
    box-sizing: border-box;
}

.team-photo img {
    width: 100%;
    max-width: 120px;
    height: auto;
    border-radius: 50%;
    object-fit: cover;
}

.team-name {
    margin-top: 0.5rem;
    font-weight: bold;
    font-size: 1rem;
}

.team-meta {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.25rem;
    margin-top: 0.5rem;
    width: 100%;
}

.team-meta p {
    margin: 0;
    font-size: 0.8rem;
    min-height: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.team-meta p.team-position {
	font-weight: bold;
}

/* Make sure team section doesn't overflow the column */
.col2.column1.first .our-team {
    width: 100%;
    box-sizing: border-box;
}

/*  Form Styling */
.container {
	padding: 0 50px 70px;
}
@media (min-width: 768px) {
	.container {
		padding: 0px 0px 70px;
	}
}
.textcenter {
	text-align: center;
}
.section-top {
	text-align: center;
	display: table;
	width: 100%;
}
.section-top .shtext {
	display: block;
	margin-top: 20px;
}
.section-top .seperator {
	border-bottom:1px solid #a2a2a2;
	width: 35px;
	display: inline-block;
	margin: 20px;
}

.section-top h1 {
	font-size: 40px;
	color: #A44DD8;
	font-weight: normal;
}
.section-buttom h3 {
	text-align: -webkit-center;
    text-align: center;
}
.page-template-contact-page .section-buttom {
    width: 100%;
    margin: 25px auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.col2 {
  flex: 1 1 100%;
}

.column1,
.column2 {
  flex: 1 1 48%;
}
.section-buttom .col2 {
	width: 48.71%;
}
.section-buttom .col2.first,
.section-buttom .col2.last {
    float: none;
    height: auto;
	padding-bottom: 2em;
}
.section-buttom .col2.first iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
	display: block;
}
.section-buttom .col2.column2 {
	padding: 0 30px;
}
.section-buttom span.collig {
	color: #a2a2a2;
	margin-right: 10px;
	display: inline-block;
}
.section-buttom .sec2addr {
	display: block;
	line-height: 26px;
}
.section-buttom .sec2addr p {
	margin-bottom: 10px;
}

.section-buttom .sec2contactform .form-control {
	height: 100%;
	padding: 0;
	border: none;
}
.section-buttom .sec2contactform input[type="text"], 
.section-buttom .sec2contactform input[type="email"],
.section-buttom .sec2contactform  input[type="tel"],
.section-buttom .sec2contactform  input[type="number"],
.section-buttom .sec2contactform  input[type="date"],
.section-buttom .sec2contactform textarea {
    width: 100%;
	padding: 18px;
    border: 0;
    background: #EDEDED;
    margin: 7px 0;
}
.section-buttom .sec2contactform textarea {
	width: 100%;
	display: block;
	color: #666;
  resize:none;
}
.section-buttom .sec2contactform input[type="submit"] {
	padding: 15px 40px;
    color: #fff;
    border: 0;
    background: #b54332;
    font-size: 16px;
    text-transform: uppercase;
    margin: 7px 0;
    cursor: pointer;
}
.section-buttom .sec2contactform h3 {
	font-weight: normal;
    margin: 20px 0;
    margin-top: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 19px;
    color: #A44DD8;
}

/* @media querries */

@media only screen and (max-width: 1266px) {
	.section-buttom {
		width: 100%;
	}
}
@media only screen and (max-width: 960px) {
	.section-buttom .col2 {
		width: 100%;
		display: block;
	}
	.section-buttom .col2.first {
		margin-bottom: 10px;
	}
	.section-buttom .col2.column2 {
		padding: 0;
	}
	body .sec2map {
		height: 250px !important;
	}
	.page-template-contact-page .section-buttom {
		max-width: 90%;
		flex-direction: column;
		align-items: stretch;
	}
	.section-buttom .col2.column2.last {
		order: -1;
	  }
	.section-buttom .col2 {
		width: 100% !important;
		max-width: 100%;
		padding: 0 !important;
	}

	.section-buttom .col2.first,
	.section-buttom .col2.last {
		padding-bottom: 0;
	}
}
@media only screen and (max-width: 768px) {
	.section-buttom .sec2addr {
		font-size: 14px;
	}
	.section-buttom .sec2contactform h3 {
		font-size: 16px;
	}
	.section-buttom .sec2contactform input[type="text"], .section-buttom .sec2contactform input[type="email"], .section-buttom .sec2contactform textarea {
		padding: 10px;
		margin:3px 0;
	}
	.section-buttom .sec2contactform input[type="submit"] {
		padding: 10px 30px;
		font-size: 14px;
	}
	.wpcf7-form.sec2contactform {
		display: flex;
		flex-direction: column;
	}

	.wpcf7-form.sec2contactform p, div.section-buttom .two-inputs-inline p {
		width: 100%;
		margin-right: 0;
		display: block;
	}

	.wpcf7-form.sec2contactform label {
		display: block !important;
		width: 100% !important;
		margin-right: 0 !important;
	}

	.wpcf7-form.sec2contactform input,
	.wpcf7-form.sec2contactform textarea,
	.wpcf7-form.sec2contactform select {
		width: 100% !important;
		box-sizing: border-box;
	}

	.long-text-inline {
		margin-bottom: 1em;
	}

	.two-inputs-inline {
		flex-direction: column;
	}

}
@media only screen and (max-width: 420px) {
	.section-top h1 {
		font-size: 28px;
	}	
}
/* blog page
--------------------------------------------- */
/* Responsive Container */
.page-template-blog-page .main-container {
  margin: 40px auto;
  padding: 0 15px;
  max-width: 960px;
}
.page-template-blog-page div.col-12 {
  margin: 0 auto;
}

/* Post Card Style */
.post-container {
  max-width: 700px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* Individual Post */
.post {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  transition: transform 0.2s ease;
}
.post:hover {
  transform: translateY(-3px);
}

/* Byline */
.post-byline {
  font-size: 0.9em;
  color: #888;
  margin-bottom: 10px;
}

/* Headline */
.post-heading {
  font-size: 1.5rem;
  margin: 10px 0;
  color: #222;
}

/* Body */
.post-body {
  font-size: 1rem;
  color: #555;
}

/* Thumbnail */
.img-container {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 15px;
}
.img-container img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* Mobile Adjustments */
@media (max-width: 1098px) {
  .single-post div.progress-container {
	display: none;
  }
  .post-heading {
    font-size: 1.25rem;
  }
  .post-body {
    font-size: 0.95rem;
  }
  .card_button {
    width: 100%;
    text-align: center;
  }
}
/* archive page
--------------------------------------------- */

/* single page
--------------------------------------------- */

.show-on-mobile {
	display:none !important;
}
@media screen and (max-width: 768px) {
	.show-on-mobile {
		display:block !important;
	}
	.hide-on-mobile {
		display:none !important;
	}
}

.section-buttom .two-inputs-inline p {
	display: inline-flex;
  	width: 45%;
  	margin-right: 4%;
}
.section-buttom .two-inputs-inline label {
  	width: 100%;
}

.section-buttom p.long-text-inline {
  display: inline-flex;
  width: 45%;  /* Same width as the other inline elements */
  margin-right: 4%;  /* Keep a small margin if needed */
  word-wrap: break-word;  /* Ensures long text breaks properly */
}

.section-buttom .long-text-inline p {
	display: unset;
  	width: 100%;
  	margin-right: unset;
}

.section-buttom .sec2contactform .acceptance-submit-group {
	display: flex;
	align-items: center;
	justify-content: space-between; /* Aligns the checkbox and submit button */
	gap: 10px; /* Adjusts space between elements */
}
.section-buttom .sec2contactform .acceptance-submit-group .wpcf7-acceptance {
  flex-grow: 1; /* Ensures the checkbox label takes up available space */
}

.fire-list {
	list-style-type: none;
	margin: unset;
}

.fire-list li {
	position: relative;
	padding-left: 20px;
	padding-bottom: 10px;

}

.fire-list li::before {
	content: "\1F525"; /* Unicode for fire symbol */
	position: absolute;
	left: -3px;
	top: 0;
}

blockquote p {
	margin-bottom: unset;
}

main.single, main.content-page{
  max-width: 1000px;
}
/* search page
--------------------------------------------- */
.result {
  margin: 25px 0;
  padding: 30px 0;
}
.searchbar {
  text-align: center;
  margin-top: 30px;

}

.search-form label input[type='search'] {
  border: 1px solid #bababa;
  width: 480px;
  padding: 0 5px;
  height: 36px;
  line-height: 36px;
  border-radius: 5px;
  font-size: 16px;
  margin-bottom: 25px;
}

.search-form input[type="submit"] {
  border: 1px solid #235F9C;
  height: 36px;
  background: #235F9C;
  color: #fff;
  padding: 0 10px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 5px;
  flex: 1 auto;
  margin: 0 20px;
}

.search-form input[type="submit"]:hover {
  background: #102c49;
}
@media (max-width: 500px) {

  .search-form input[type="submit"] {
    margin: 0 5px;
  }
}
.search main{
  max-width: 1000px;
  margin: 250px auto 0;
}
.search article {
  font-family: 'Lora', serif;
  background: #fff;
  padding: 20px 50px;
  margin-bottom: 20px;
}
.search article img {
	float: left;
    margin: 0 5px 5px 0;
	max-width: 10%;
}
.search article h2 {
	font-size: 1.5em;
}
.search article footer {
	float: left;
	display: block;
	height: fit-content;
}
.search article footer .card_button {
	display: block;
	width: fit-content;
}
.search article .entry-summary {
	display: block;
	margin-block-start: 1em;
}
/* Woocommerce account
--------------------------------------------- */
.woocommerce-account.logged-in div.woocommerce {
  width: 100%;
  margin: auto;
  max-width: 100%;
}
.woocommerce-MyAccount-navigation {
	text-align: left;
}
.woocommerce-MyAccount-navigation ul {
	list-style-type: none;
	position:relative;
	margin: 0;
}
.woocommerce-MyAccount-navigation ul li a {
	width:225px;
	padding-left:20px;
	height:50px;
	line-height:50px;
	display:block;
	overflow:hidden;
	position:relative;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
	color:#686868;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;			
}
.woocommerce-MyAccount-navigation ul li a:hover {
	background:#efefef;
}
.woocommerce-MyAccount-navigation-link a::before {
	font-weight: 900;
	content: "\f570";
	margin: 5px;
}
.woocommerce-MyAccount-navigation-link--dashboard a::before {
	font-weight: 900;
	content: "\f3fd";
	margin: 5px;
}
.woocommerce-MyAccount-navigation-link--orders a::before {
	font-weight: 900;
	content: "\f543";
	margin: 5px;
}
.woocommerce-MyAccount-navigation-link--downloads a::before {
	font-weight: 900;
	content: "\f56d";
	margin: 5px;
}
.woocommerce-MyAccount-navigation-link--edit-address a::before {
	font-weight: 900;
	content: "\f2b9";
	margin: 5px;
}
.woocommerce-MyAccount-navigation-link--edit-account a::before {
	font-weight: 900;
	content: "\f007";
	margin: 5px;
}
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
	font-weight: 900;
	content: "\f2f5";
	margin: 5px;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
	background:#efefef;
}
.woocommerce-Addresses.addresses {
	display: flex;
    width: 100%;
}
.woocommerce-Addresses .col-1,
.woocommerce-Addresses .col-2 {
	flex: 0 0 50%;
    max-width: 50%;
}	
.woocommerce-account div.woocommerce {
  width: 360px;
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 360px;
  margin: 0 auto 100px;
  padding: 45px;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.woocommerce-account div.woocommerce form input,
.woocommerce-account div.woocommerce-MyAccount-content form input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.woocommerce-account div.woocommerce form button,
.woocommerce-account div.woocommerce-MyAccount-content form button{
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #4CAF50;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.woocommerce-account div.woocommerce form button:hover, 
.woocommerce-account div.woocommerce form button:active,
.woocommerce-account div.woocommerce form button:focus,
.woocommerce-account div.woocommerce-MyAccount-content form button:hover, 
.woocommerce-account div.woocommerce-MyAccount-content form button:active,
.woocommerce-account div.woocommerce-MyAccount-content form button:focus {
  background: #43A047;
}
.woocommerce-account div.woocommerce form p,
.woocommerce-account div.woocommerce form p span.password-input,
.woocommerce-account div.woocommerce-MyAccount-content form p,
.woocommerce-account div.woocommerce-MyAccount-content form p span.password-input {
  width: 100%;
}
.woocommerce-account div.woocommerce-MyAccount-content div.woocommerce-address-fields__field-wrapper p {
  display: contents;
}
.woocommerce-account div.woocommerce-MyAccount-content .title h3 {
  margin-bottom: 1.5rem;
}
.woocommerce-account div.woocommerce-MyAccount-content .edit {
  position: relative;
  padding: 15px 30px;
  line-height: 10px;
  background: #cc3d26;
  color: #fff;
  text-decoration: none;
  outline: none;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 4px 4px 0 rgb(9 32 76 / 4%);
  z-index: 1;
  width: 20em;
}
/* Cart
--------------------------------------------- */
.woocommerce-cart-form {
	margin: auto;
}
.woocommerce-cart-form__cart-item {
	border-bottom: 2px;
	border-color: #fafafa;
}
.woocommerce-cart-form__cart-item:nth-child(even):not(:first-child),
.woocommerce-cart-form__cart-item:nth-child(even):not(:last-child),
.shop_table.shop_table_responsive tr:nth-child(even):not(:first-child),
.shop_table.shop_table_responsive tr:nth-child(even):not(:last-child) {
	background: #fafafa;
}
.cart_totals .shop_table.shop_table_responsive tr {
	display: block;
	padding-bottom: 1em;
}
.cart_totals .shop_table.shop_table_responsive th {
	width: 1em;
}
.cart_totals .shop_table.shop_table_responsive td {
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}
.cart_totals ul.woocommerce-shipping-methods,
.woocommerce-checkout-review-order-table ul.woocommerce-shipping-methods,
.woocommerce-checkout-payment ul.payment_methods {
	margin: 0;
	padding: 0;
}
.woocommerce-cart-form__cart-item:last-child {
	padding-bottom: 2em;
}	
.woocommerce-cart-form__cart-item td {
	padding-top: 1em;
	padding-bottom: 1em;
}
.woocommerce-cart-form__cart-item td.product-thumbnail {
	padding: 2em;
}
.woocommerce-cart-form__cart-item td.product-thumbnail::before {
	content: "";
}
.product-remove a {
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  color: #ffffff;
  font-weight: bold;
  background: #e0e0e0;
  padding: 7px;
  height: 25px;
  width: 25px;
  display: inline-block;
  border-radius: 100%;
  line-height: .85;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
.product-remove a:hover {
  background: #f30;
}
.actions {
  border: 2px solid #efefef;
  width: 35%;
  padding: 2%;
}
.coupon {
  display: flex;
  padding-bottom: 1em;
}
.actions label {
  display: block;
  width: 50%;
  font-size: 1.15em;
  margin-bottom: .5em;
  letter-spacing: -.025em;
  padding-right: 5px;
}
.actions input {
  width: 85%;
  font-size: 1em;
  padding: .5em;
  float: left;
  border: 1px solid #dadada;
}
.actions input:active, .actions input:focus {
  outline: 0;
}
.actions button,
form a.shipping-calculator-button,
.wc-proceed-to-checkout a.checkout-button,
div.woocommerce-checkout-payment button {
  float: left;
  width: 25%;
  padding: .75em 0;
  border-radius: 1em 1em 1em 1em;
  text-align: center;
  border: 1px solid #82ca9c;
  background-color: #82ca9c;
}
form a.shipping-calculator-button,
.wc-proceed-to-checkout a.checkout-button,
div.woocommerce-checkout-payment button {
	width: auto;
	color: black;
	font-size: 1rem;
	padding: 0.75em 0.5em;
}
.actions .coupon button {
  border-radius: 0 1em 1em 0;
}
.actions button:hover,
form a.shipping-calculator-button:hover,
.wc-proceed-to-checkout a.checkout-button:hover,
div.woocommerce-checkout-payment button:hover {
  border: 1px solid #f69679;
  background: #f69679;
}
.actions button:link,
.actions button:visited,
div.woocommerce-checkout-payment button:link,
div.woocommerce-checkout-payment button:visited {
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -.015em;
  font-size: 1em;
  padding: 1em 3em;
  color: #fff;
  background: #82ca9c;
  font-weight: bold;
  border-radius: 50px;
  float: right;
  text-align: right;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
.actions button:after,
.wc-proceed-to-checkout a.checkout-button:after,
div.woocommerce-checkout-payment button:after {
  content: "\276f";
  padding: .5em;
  position: relative;
  right: 0;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.actions button:hover,
.actions button:focus,
.actions button:active {
  background: #f69679;
}
.actions button:hover:after,
.actions button:focus:after,
.actions button:active:after {
  right: -10px;
}
.coupon button {
  font-size: 0.9em;
  padding: 0.5em;
}
.actions button {
  margin: auto;
}
.cart-collaterals table {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
tr.woocommerce-shipping-totals td ul,
ul.payment_methods li.wc_payment_method {
	list-style: none;
}
.cart_totals table tr .recurring-amount {
	margin: 0;
}
div.woocommerce {
	max-width: 85%;
	margin: auto;
}
div.woocommerce h2 {
	text-align: center;
    text-align: -webkit-center;
}
div.cart_totals {
	width: 100%;
}
.cart-collaterals table {
	font-size: 1.25rem;
	display:block;
}
.cart-collaterals table tbody {
	max-width: inherit;
}
tr.woocommerce-shipping-totals td {
	word-wrap: break-word;
	word-break: break-all;
}
.wc-proceed-to-checkout {
	margin: auto;
	width: fit-content;
}
@media screen and (max-width: 767px) {
	.woocommerce-cart-form__cart-item td img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}
	.woocommerce-cart-form__cart-item td {
		max-width: 50%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}
	.actions {
		width: 100%;
	}
	.actions label {
		width: auto;
	}
	.coupon button {
		font-size: 0.8em;
	}
	.actions input {
		width: 65%;
	}
	ul.woocommerce-shipping-methods li label {
		display: flex;
	}
	.cart-collaterals table td p {
		padding-left: 0px;
		float: left;
	}
	.cart_totals .shop_table.shop_table_responsive tr td {
		white-space: unset;
		text-align: left;
	}
	.cart-collaterals table.shop_table_responsive tr td::before {
		content: "";
	}
	.cart-collaterals table.shop_table_responsive tbody th {
		display: block;
	}
	.actions button:after {
		content: "";
	}
}
@media screen and (max-width: 600px) {
	.coupon button {
		width: 30%;

	}
}
/* Checkout
--------------------------------------------- */
.woocommerce-info {
	color: #000;
}
.woocommerce-form-coupon-toggle {
	margin-bottom: 2em;
}
form.checkout_coupon {
    border: 2px solid #efefef;
    padding: 2%;
	background: #fafafa;
	display: flex;
}
form.checkout_coupon p {
	margin: unset;
}
form.checkout_coupon input.input-text {
    font-size: 1em;
    float: left;
    border: 1px solid #dadada;
}
form.checkout_coupon button {
  float: left;
  width: 25%;
  padding: .75em 0;
  border-radius: 1em 1em 1em 1em;
  text-align: center;
  border: 1px solid #82ca9c;
  background-color: #82ca9c;
}
form.checkout_coupon button {
	width: auto;
	color: black;
	font-size: 1rem;
	padding: 0.75em 0.5em;
}
form.checkout_coupon button {
  border-radius: 0 1em 1em 0;
}
form.checkout_coupon button:hover {
  border: 1px solid #f69679;
  background: #f69679;
}
form.checkout_coupon button:link,
form.checkout_coupon button:visited {
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -.015em;
  font-size: 1em;
  padding: 1em 3em;
  color: #fff;
  background: #82ca9c;
  font-weight: bold;
  border-radius: 50px;
  float: right;
  text-align: right;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
form.checkout_coupon button:after {
  content: "\276f";
  padding: .5em;
  position: relative;
  right: 0;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
form.checkout_coupon button:hover,
form.checkout_coupon button:focus,
form.checkout_coupon button:active {
  background: #f69679;
}
form.checkout_coupon button:hover:after,
form.checkout_coupon button:focus:after,
form.checkout_coupon button:active:after {
  right: -10px;
}
.woocommerce-info a {
	color: #0031c3;
}
.woocommerce-info a:hover,
.woocommerce-info a:focus,
.woocommerce-info a:active {
	color: #191970;
}
form.woocommerce-checkout #customer_details {
	display: flex;
}
#customer_details .col-1 {
	flex: 0 0 60%;
    max-width: 60%;
}
#customer_details .col-2 {
	flex: 0 0 60%;
    max-width: 60%;
}
div.woocommerce-billing-fields #billing_first_name_field,
div.woocommerce-shipping-fields #shipping_first_name_field {
	width: 50%;
    float: left;
	margin-right: 0;
}
div.woocommerce-billing-fields #billing_last_name_field,
div.woocommerce-shipping-fields #shipping_last_name_field {
	width: 50%;
    float: left;
}
div.woocommerce-billing-fields p,
div.woocommerce-shipping-fields p {
	display: flex;
	float: left;
	width: 100%
}
div.woocommerce-billing-fields input,
div.woocommerce-billing-fields select,
div.woocommerce-billing-fields p span.select2-selection,
div.woocommerce-shipping-fields input,
div.woocommerce-shipping-fields select,
div.woocommerce-shipping-fields p span.select2-selection,
div.woocommerce-additional-fields textarea  {
	border: 1px solid #ddd;
    background-color: #fff;
    color: #959595;
    width: 100%;
    padding: 10px;
    font-size: 12px;
    margin: 7px 0 25px 0;
}
div.woocommerce-billing-fields p span.select2-selection,
div.woocommerce-shipping-fields p span.select2-selection {
	height: auto;
}
div.woocommerce-billing-fields p span.select2-selection span.select2-selection__arrow,
div.woocommerce-shipping-fields p span.select2-selection span.select2-selection__arrow {
	top: 1.5em;
}
div.woocommerce-billing-fields span,
div.woocommerce-shipping-fields span {
	width: 100%;
	margin-right: 2em;
}
div.woocommerce-shipping-fields input[type="checkbox"] {
    margin: 5px 10px 5px 0px;
	width: 5%;
}
div.woocommerce-additional-fields .notes,
div.woocommerce-additional-fields .notes span {
	width: 100%;
}
div.woocommerce-checkout-review-order {
	text-align: left;
}
div.woocommerce-checkout-payment {
	background: #ebe9eb;
    border-radius: 5px;
}
div.woocommerce-checkout-payment ul.wc_payment_methods,
div.woocommerce-checkout-payment .place-order {
	text-align: left;
    padding: 1em;
    margin: 0;
    list-style: none outside;
}
div.woocommerce-checkout-payment ul.wc_payment_methods {
	border-bottom: 1px solid #d3ced2;
}
div.woocommerce-checkout-payment .payment_box {
	position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 1em;
    margin: 1em 0;
    font-size: .92em;
    border-radius: 2px;
    line-height: 1.5;
    background-color: #dfdcde;
    color: #515151;
}
table.woocommerce-checkout-review-order-table th {
	font-size: 1.5rem;
}
table.woocommerce-checkout-review-order-table td {
	font-size: 1rem;
}
.cart_item:nth-child(even):not(:first-child),
.cart_item:nth-child(even):not(:last-child) {
    background: #fafafa;
}
@media screen and (max-width: 600px) {
	form.checkout_coupon {
		display: block;
	}
	form.checkout_coupon button {
	    border-radius: 0;
		font-size: smaller;
	}
	form.woocommerce-checkout #customer_details {
		display: block;
	}
	#customer_details .col-1 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	#customer_details .col-2 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	div.woocommerce-billing-fields h3,
	div.woocommerce-shipping-fields h3{
		text-align: left;
		text-align: -webkit-left;
		font-size: 1.25em;
	}
	table.woocommerce-checkout-review-order-table th {
		font-size: .9rem;
	}
	table.woocommerce-checkout-review-order-table td {
		font-size: .7rem;
	}
}
/* Footer
--------------------------------------------- */
@media screen and (max-width: 600px) {
  .logo-part img {
	max-width: 50%;
  }
  .col-md-6 .logo-part {
	border-right: none;
	text-align: center;
	text-align: -webkit-center;
  }
  .px-4 .btn-footer-about {
	display: grid;
	margin-bottom: 5%;
  }
  .footer-menu {
	width: 50%;
  }
  .navbar.active {
	top: 0;
  }
  .menu-inner {
	margin: auto;
    position: relative;
    top: 50%;
  }
}
@media screen and (min-width:641px) and (max-width: 961px) {
  .logo-part img {
	max-width: 80%;
  }
  .px-4 .btn-footer-about {
	display: block;
	margin-bottom: 5%;
  }
  a.btn-footer {
	margin-right: 0;
  }
  .social a.fa {
	padding: 4px 8px;
  }
}
  .btn-footer-about {
	display: grid;
  }
 .bg-grey {
   background: #292929;
 }

 .logo-footer {
   margin-bottom: 40px;
   max-width: 150px;
 }

 footer {
   color: grey;
   width: 100%;
   margin: auto;
 }

 footer p {
   font-size: 12px;
   font-family: 'Roboto', sans-serif;
 }

 footer h6 {
   font-family: 'Playfair Display', serif;
   margin-bottom: 40px;
   margin-top: 20px;
   position: relative;
 }

 footer h6:after {
   position: absolute;
   content: "";
   background: grey;
   width: 12%;
   height: 1px;
   left: 0;
   bottom: -20px;
 }
 .btn-footer {
   color: grey;
   text-decoration: none;
   border: 1px solid;
   border-radius: 43px;
   font-size: 13px;
   padding: 7px 30px;
   line-height: 47px;
   margin-right: 30%;
   margin-top: 5%;
 }

 .btn-footer:hover {

   text-decoration: none;

 }

 .form-footer input[type="text"] {
   border: none;
   border-radius: 16px 0 0 16px;
   outline: none;
   padding-left: 10px;

 }

 ::placeholder {
   font-size: 10px;
   padding-left: 10px;
   font-style: italic;
 }

 .form-footer input[type="button"] {
   border: none;
   background: #232323;
   margin-left: -5px;
   color: #fff;
   outline: none;
   border-radius: 0 16px 16px 0;
   padding: 2px 12px;
 }

 .social .fab {
   color: grey;
   font-size: 22px;
   padding: 10px 15px;
   background: #3c3c3c;
 }

.social i.colored.fa-facebook { color: #1877f2; }
.social i.colored.fa-twitter { color: #1da1f2; }
.social i.colored.fa-linkedin { color: #0077b5; }
.social i.colored.fa-instagram { color: #e1306c; }
.social i.colored.fa-youtube { color: #ff0000; }

 footer ul li {
   list-style: none;
   display: block;
 }

 footer ul {
   padding-left: 0;
   margin: 0;
 }

 footer ul li a {
   text-decoration: none;
   color: #999 !important;
   text-decoration: none;
 }

 footer a:hover {
   text-decoration: none;
   color: #f5f5f5;

 }

 .logo-part {
   border-right: 1px solid grey;
   height: 100%;
 }
@media only screen and (max-width: 1200px) {
	a.btn-footer {
		font-size: 12px;
		line-height: 30px;
	}
	div.px-4 {
		padding-left: 0;
	}
}
@media screen and (max-width: 991.98px) and (min-width: 768px) {
  .row {
    display: flex;
    flex-direction: column !important;
  }

  .col-md-6 {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
	margin: 0 auto;
	max-width: 500px;
  }
  .col-md-6 p {
	  text-align: center;
  }
  
   .px-4 {
    width: 45%;
    padding-left: 15px !important;
    padding-right: 15px !important;
    text-align: left;
  }

  .logo-part {
    border-right: none;
    text-align: center;
  }

  .logo-part img {
    max-width: 80%;
    margin-bottom: 20px;
  }
  .row-menu {
	  flex-direction: unset!important;
  }
  .footer-menu {
    width: 50% !important;
    text-align: center;
    margin-bottom: 20px;
  }

  .btn-footer-about {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }

  .btn-footer {
    margin: 0 auto;
  }

  .social {
    text-align: center;
    margin-top: 20px;
	margin-bottom: 10px;
  }

  .social a {
    margin: 0 8px;
  }

  footer h6:after {
    left: 50%;
    transform: translateX(-50%);
  }
  footer h6 {
	text-align: center;
  }
}



/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Base styles for the details container */
.wp-block-details {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 1rem;
  background-color: #f9f9f9;
  font-family: system-ui, sans-serif;
  max-width: 600px;
  margin: 1rem auto;
  transition: box-shadow 0.3s ease;
}

.wp-block-details[open] {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Styling the summary line */
.wp-block-details summary {
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
  padding: 0.5rem 0;
  list-style: none;
}

.wp-block-details summary::marker {
  display: none; /* Hide default marker */
}

/* Add a custom disclosure icon */
.wp-block-details summary::after {
  content: "▾";
  float: right;
  transition: transform 0.3s ease;
}

.wp-block-details[open] summary::after {
  transform: rotate(180deg);
}

/* List styling */
.fire-list {
  padding-left: 1.5rem;
  margin-top: 1rem;
}

.fire-list li {
  margin-bottom: 0.5rem;
  line-height: 1.5;
}

/* Mobile-specific behavior */
.show-on-mobile {
  display: none;
}

@media (max-width: 768px) {
  .show-on-mobile {
    display: block;
  }
}

/* Messages
--------------------------------------------- */

.woocommerce-MyAccount-content .woocommerce-Message,
.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-Message,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	max-width: 400px;
	padding: .75rem 1.25rem;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),  0 2px 4px -1px rgba(0, 0, 0, 0.06);
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
	border-top-style: solid;
	border-top-width: 4px;
	margin: auto;
}
.woocommerce-Message,
.woocommerce-message {
  display: flex;
}
.woocommerce-message.woocommerce-info a,
.woocommerce-Message.woocommerce-info a {
	color: #4299e1;
}
.woocommerce-message.woocommerce-info,
.woocommerce-Message.woocommerce-info,
.woocommerce-notices-wrapper > .woocommerce-info {
	border-color: #4299e1;
    background-color: #ebf8ff;
    color: #4299e1;
}
.woocommerce-notices-wrapper > .woocommerce-message {
	border-color: #38b2ac;
    background-color: #e6fffa;
    color: #234e52;
}
.woocommerce-notices-wrapper .woocommerce-message a {
	color: #234e52;
}
.woocommerce-notices-wrapper > .woocommerce-error {
	border-color: #f56565;
    background-color: #fff5f5;
    color: #c53030;
	list-style-type: none;
}
.woocommerce-notices-wrapper .woocommerce-error a {
	color: #c53030;
}
/* Navigation
--------------------------------------------- */
/* Classic Menu - No Background */
.navbar.classic {
    background: transparent; /* No background */
    padding: 10px 0;
    text-align: center;
}

/* Classic Menu Layout */
.classic-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}

/* Classic Menu Items */
.classic-menu li {
    display: inline-block;
    margin: 0 15px;
}

/* Classic Menu Links - Matches Theme Colors */
.classic-menu li a {
    color: inherit; /* Uses theme's default text color */
    font-size: 16px;
    padding: 10px 15px;
    text-decoration: none;
}

/* Hover Effect - Subtle Underline */
.classic-menu li a:hover {
    border-bottom: 2px solid currentColor; /* Uses text color for underline */
    border-radius: 0;
    transition: border-bottom 0.2s ease-in-out;
}

/* Hide burger menu when classic menu is active */
.navbar.classic .burger-menu,
.navbar.classic .menu {
    display: none;
}  

/* modern menu */
.menu {
  display: none;
}
.menu.open {
  display: block;
}
#burger-toggle {
  position: absolute;
  appearance: none;
  opacity: 0;
}
#burger-toggle:checked{
  opacity: 1;
  visibility: visible;
}
#burger-toggle:checked ~ .menu {
  opacity: 1;
  visibility: visible;
}
#burger-toggle:checked ~ .logo {
  display: flex;
  justify-content: center;
  margin: auto;
}
#burger-toggle:checked ~ .logo img {
  height: 200px;
  width: 100%;
  animation: menu-logo 1.25s;
}

@keyframes menu-logo {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
#burger-toggle:checked ~ .menu .menu-nav-item {
  transform: translateY(0);
  transition: 1.2s 0.1s cubic-bezier(0.35, 0, 0.07, 1);
}

#burger-toggle:checked ~ .burger-menu .line::after {
  transform: translateX(0);
}
#burger-toggle:checked ~ .burger-menu .line:nth-child(1) {
  transform: translateY(calc(var(--burger-menu-radius) / 5)) rotate(45deg);
  background: #007aff;
}
#burger-toggle:checked ~ .burger-menu .line:nth-child(2) {
  transform: scaleX(0);
}
#burger-toggle:checked ~ .burger-menu .line:nth-child(3) {
  transform: translateY(calc(var(--burger-menu-radius) / -5)) rotate(-45deg);
  background: var(--burger-menu-hover-color);
}

.burger-menu {
  position: relative;
  z-index: 100;
  display: block;
  width: var(--burger-menu-radius);
  height: var(--burger-menu-radius);
  outline: none;
  cursor: pointer;
}
body.home .burger-menu .line {
  background: #fff;
}
.burger-menu .line {
  position: absolute;
  left: 25%;
  width: 50%;
  height: 3px;
  background: #000;
  border-radius: 10px;
  overflow: hidden;
  transition: 0.5s;
}
.burger-menu .line:nth-child(1) {
  top: 30%;
}
.burger-menu .line:nth-child(2) {
  top: 50%;
}
.burger-menu .line:nth-child(3) {
  top: 70%;
}
.burger-menu .line::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--burger-menu-hover-color);
  transform: translateX(-100%);
  transition: 0.25s;
}
.burger-menu .line:nth-child(2)::after {
  transition-delay: 0.1s;
}
.burger-menu .line:nth-child(3)::after {
  transition-delay: 0.2s;
}
.burger-menu:hover .line::after {
  transform: translateX(0);
}

.menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1a1e23;
  opacity: 0;
  overflow-x: hidden;
  visibility: hidden;
  transition: 0.3s;
}
@media screen and (min-width: 1099px) and (max-width: 1333px) {
	.classic-menu li {
		margin: 0 0px;
	}
}
@media screen and (max-width: 1098px) {
	div.menu-inner {
		width: 100%;
	}
	li.menu-nav-item {
		margin-bottom: 5%;
		margin-top: 5%;
	}
	li.menu-nav-item {
		border-bottom: dashed #cc3d26 3px;
	}
	ul.menu-nav {
		padding-top: 15%;
		display: inline-grid;
		margin: 0 auto;
		max-width: 100%;
		text-align: left;
	}
}
@media screen and (max-width: 600px) {
  body.home .burger-menu .line {
	background: #000;
  }
  ul.menu-nav {
	display: inline-grid;
  }
	#burger-toggle:checked ~ .logo img {
		height: 100px;
	}
	div.menu-inner {
		width: 100%;
		top: 15%;
	}
	li.menu-nav-item {
		margin-bottom: 5%;
		margin-top: 5%;
	}
}
@media screen and (min-width:641px) and (max-width: 961px) {
  .burger-menu .line {
	background: #000;
  }
  ul.menu-nav {
	display: inline-grid;
  }
}
@media screen and (max-width: 750px) {
  .menu {
    display: block;
  }
}
.menu-inner {
	width: 50%;
}
.menu-nav {
  display: inline-block;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  text-align: center;
  text-align: -webkit-center;
  list-style-type: none;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 750px) {
  .menu-nav {
    flex-direction: column;
  }
}
.menu-nav-item {
  flex: 1;
}
.menu-nav-item {
  position: relative;
  display: inline-flex;
  margin: 10%;
}
.menu-nav-item {
  overflow: hidden;
  transform: translateY(102%);
}

.menu-nav-item a {
  color: white;
  text-decoration: none;
  font-size: 2rem;
}

.menu-nav-item::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--burger-menu-hover-color);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.5s;
}
.menu-nav-item:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* Posts and pages
--------------------------------------------- */

.site-main {
	position:unset;
	align-items: center;
	display: block;
	justify-content: center;
	max-width: 1500px;
}

.content-page, .shop, .single {
	width: 100%;
	margin: 0 auto;
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	text-align: -webkit-right;
	flex: 1 0 50%;
}
.sticky {
	display: block;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Article Styling */
article, .content-page {
	margin: 2rem auto;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	transition: transform 0.2s ease;
}
article:hover {
	transform: translateY(-5px);
}

/* Entry Header */
.entry-header {
	padding: 1.5rem;
	background-color: #f0f4f8;
	border-bottom: 1px solid #dde3ea;
	text-align: center;
}
.entry-title {
	font-size: 2rem;
	margin: 0;
	font-weight: bold;
	color: #1e3a5f;
}
.entry-title a {
	text-decoration: none;
	color: inherit;
}
.entry-title a:hover {
	color: #007acc;
}
.entry-meta {
	font-size: 0.875rem;
	color: #7b8a9a;
	margin-top: 0.5rem;
}

/* Thumbnail */
.post-thumbnail img {
	width: 100%;
	height: auto;
	display: block;
}

/* Content */
.entry-content {
	padding: 1.5rem;
	font-size: 1rem;
	color: #34495e;
}
.entry-content p {
	margin-bottom: 1rem;
}

/* Footer */
.entry-footer {
	padding: 1rem 1.5rem;
	background-color: #f0f4f8;
	border-top: 1px solid #dde3ea;
	text-align: right;
}
.edit-link {
	font-size: 0.875rem;
	color: #007acc;
	text-decoration: none;
}
.edit-link:hover {
	color: #005a99;
}

/* Comments */
#comments {
	margin-top: 2rem;
	background: #ffffff;
	border-radius: 8px;
	padding: 1.5rem;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.comment-form textarea {
	width: 100%;
	padding: 0.75rem;
	font-size: 1rem;
	border: 1px solid #ccc;
	border-radius: 6px;
	resize: vertical;
}
.comment-form input.submit:hover {
	background: #005a99;
}

/* Responsive Typography and Padding */
@media (max-width: 768px) {
	.entry-title {
		font-size: 1.5rem;
	}
	.entry-content,
	.entry-header,
	.entry-footer {
		padding: 1rem;
	}
}
/* The progress container (grey background) */
.single-post .progress-container {
  width: 100%;
  height: 8px;
  background: #ccc;
  position: fixed;
  z-index: 1035;
  display: block;
}

/* The progress bar (scroll indicator) */
.progress-bar {
  height: 8px;
  background: #04AA6D;
  width: 0%;
}
/* Comments
--------------------------------------------- */
/* === Comments Area === */
.comments-area {
  max-width: 700px;
  margin: 3rem auto;
  padding: 1rem;
  font-family: system-ui, sans-serif;
  color: #1a202c;
}

.comments-title {
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 2rem;
  color: #2d3748;
}

/* === Comment List === */
.comment-list,
.children {
  list-style: none;
  margin: 0;
  padding: 0;
}

.comment {
  position: relative;
  margin-bottom: 2rem;
}

.comment-body {
  background-color: #f9fafb;
  border: 1px solid #e2e8f0;
  padding: 1.25rem;
  border-radius: 0.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  position: relative;
}

/* === Author Info === */
.comment-author {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}

.comment-author .avatar {
  width: 40px;
  height: 40px;
  border-radius: 9999px;
  margin-right: 0.75rem;
}

.comment-author .fn {
  font-weight: 600;
  color: #2b6cb0;
}

.comment-author .says {
  font-style: italic;
  color: #718096;
  margin-left: 0.3rem;
}

/* === Metadata === */
.comment-metadata {
  font-size: 0.85rem;
  color: #718096;
  margin-bottom: 0.5rem;
}

.comment-metadata a {
  color: #718096;
  text-decoration: none;
}

.comment-metadata a:hover {
  text-decoration: underline;
}

.edit-link a {
  font-size: 0.75rem;
  margin-left: 1rem;
  color: #a0aec0;
}

.edit-link a:hover {
  text-decoration: underline;
}

/* === Content === */
.comment-content p {
  margin: 0 0 1rem 0;
  line-height: 1.6;
}

/* === Reply Link === */
.reply {
  margin-top: 0.5rem;
}

.reply a {
  font-size: 0.875rem;
  color: #3182ce;
  text-decoration: none;
}

.reply a:hover {
  text-decoration: underline;
}

/* === Nested Replies === */
.children {
  margin-top: 1.5rem;
  padding-left: 1.5rem;
  border-left: 2px solid #e2e8f0;
}

.children.collapsed {
  display: none;
}

/* === Toggle Button === */
.comment-toggle {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 0.75rem;
  background: #edf2f7;
  border: none;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  cursor: pointer;
  color: #4a5568;
  transition: background 0.2s;
}

.comment-toggle:hover {
  background: #e2e8f0;
}

/* === Comment Form === */
.comment-respond {
  margin-top: 3rem;
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  padding: 2rem;
}

.comment-reply-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.logged-in-as,
.required-field-message {
  font-size: 0.875rem;
  color: #4a5568;
  margin-bottom: 1rem;
}

.comment-form-comment label {
  display: block;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.comment-form-comment textarea {
  width: 100%;
  padding: 0.75rem;
  font-size: 1rem;
  border-radius: 0.375rem;
  border: 1px solid #cbd5e0;
  resize: vertical;
  min-height: 120px;
  margin-bottom: 1rem;
}
.no-comments {
  color: #718096;
  font-style: italic;
  margin-top: 2rem;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
	text-align: -webkit-center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	text-align: -webkit-center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}
.wp-block-gallery figure.wp-block-image {
	padding-bottom: 10px;
}
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}