/*
Theme Name: 2C
Theme URI: https://www.2cdevgroup.com/
Author: 2C Dev Group
Author URI: https://www.2cdevgroup.com/
Description: 2C is a modern multipurpose WordPress theme.
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 2c-original
*/
.vc_element-icon.icon-wpb-vc_icons { background-image: url(images/icon.png); }
.vc_element-icon.icon-wpb-vc_heading{ background-image: url(images/heading.png); }
.vc_element-icon.icon-wpb-vc_team { background-image: url(images/team.png); }
.vc_element-icon.icon-wpb-vc_testimonials{ background-image: url(images/testimonials.png); background-position:0px !important;}
.vc_element-icon.icon-wpb-vc_list{ background-image: url(images/list.png); }
.vc_element-icon.icon-wpb-vc_service { background-image: url(images/service.png); }
.coloredbox { background-image: url(images/colored_box.png); }
.vc_element-icon.icon-wpb-vc_counter { background-image: url(images/counter.png); }
.vc_element-icon.icon-wpb-vc_pricing_box { background-image: url(images/pricing_box.png); background-position:0px !important;}
.vc_element-icon.icon-wpb-vc_popover{ background-image: url(images/popover.png); background-position:0px !important;}
.vc_element-icon.icon-mnky_button{ background-image: url(images/button.png);}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.categories .blog-breadcrumb {
	color: #333; /* Controls Color of Blog & Right Triangle in Breadcrumbs on Single.php*/
	font-weight: 700; /* Make it slightly bold */
}
h1.php-template-headline {
	font-size: 3.625rem; /* For Headline on Category.php */
	line-height: 140%;
}
.footerwidgetcontainer {
	width:1300px;
	margin:auto;
}
.preheaderholder {
	margin:auto;
	width:1300px;
}
.catdropdowncontainer > select, .catdropdowncontainer input, .catdropdowncontainer button {
	height:45px;
}
.catdropdowncontainer {
	width: 410px;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 30px; /* Default margin-right for spacing */
	margin-bottom: 25px;
}
#category-dropdown {
	width:100%;
}
.category-result:hover {
	transform: translateY(-4px); /* Moves the div up by 4 pixels */
}
.category-result {
	position: relative; /* Ensures the element can be moved */
	transition: transform 0.3s ease; /* Smooth transition effect */
	border: 1px solid #ccc; /* Keep your existing box outline */
	background-color: #f9f9f9; /* Keep your existing background color */
	padding: 10px; /* Internal padding */
	border-radius: 4px;
	width: 388px;
	height: 320px;
	display: inline-block;
	vertical-align: top;
	margin-right: 30px; /* Default margin-right for spacing */
}
/* Remove right margin for every 3rd item */
.catdropdowncontainer:nth-of-type(3) {
    margin-right: 0;
}
.categorylink {
	text-decoration:none;
}
.categorylink:nth-of-type(3) .category-result {
    margin-right: 0;
}

.category-result img {
	width: 100%; /* Make sure image fits within its container */
	height:255px;
}
.singleheader {
	text-align:center;
	font-size:45px;
}
.searchlink {
	text-decoration:none;
}
.footercopyrightcontainer {
	padding-top:20px;
	padding-bottom:60px;
	width:1300px;
	margin:auto;
}
.footerwidgetcontainer {
	background:black;
}
.blogfooter {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:1300px;
	margin:auto;
}

.blogfooter-column {
/*	flex: 1 1 calc(33.333% - 20px); /* Allows 3 columns with space between */
	box-sizing: border-box;
	text-align:center;
	width:413px;
	background-color: #f9f9f9; /* Adjust the background color as needed */
	display:inline-block;
	border-radius:4px;
}

.blogfooter-column h2.blog-footer-widget-title {
	font-size: 1.2em;
	margin-bottom: 10px;
}


.breadcrumbs {
	padding: 10px 0px;
	width:1300px;
	margin:auto;
}
.categories > a {
	text-decoration:none;
	color:#bf422e;
	font-size:18px;
	font-weight:bold;
}
	
.categories {
	text-align:center;
}
.preheader {
	background:#f9f9f9;
	padding:50px 0px;
}
.preheader > h2 > a {
	text-decoration:none;
	color:black;
}
.preheader > h2 {
	text-align:center;
}
.pickle {
	backround:green;
}
.post-thumbnail > img {
	height:200px;
}
body {
	font-size: 16px;
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	font-weight: 300;
	color: #000000
	letter-spacing: 0.01em;
	margin: 0;
	padding: 0;
	line-height: 1.6;
}
footer, header {
}


h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}
.centered {
	max-width: 1300px;
	position: relative;
	margin: 0 auto;
}
.container {
	width: 80%;
	margin: 0 auto;
	padding: 20px;
}
footer {
	background:black;
	padding: 0px 15px;
}
.footer-widgets > div {
	display:inline-block;
	width:25%;
}
.footer-widgets {
	width:100%;
	margin:auto;
	display: flex;
	flex-wrap: wrap;
	padding: 60px 0px 20px 0px;
}

.footer-widgets > div {
	box-sizing: border-box; /* Ensure padding is included */
}

/* 1 Column */
.column-count-1 > div {
	width: 100%;
}

/* 2 Columns */
.column-count-2 > div {
	width: 50%;
}

/* 3 Columns */
.column-count-3 > div {
	width: 33.33%;
}

/* 4 Columns */
.column-count-4 > div {
	width: 25%;
}
.footer-row {
	margin-bottom:15px;
}
.categoryselect {
	border: 1px solid #ccc;
	border-radius:4px;
	background:white;
	color: #414546;
	font-size: 14px;
}
.choosecat {
	font-weight:bold;
	font-size:14px;
	color: #333 ;
}
#search-box:focus {
	outline: none !important; /* Remove outline if using inset shadow */
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Grey box-shadow */
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	color: #414546;
	font-size: 14px;
}
#search-box {
	width:300px;
	border-radius:4px;
	border: 1px solid #CACACA;
	color: #414546;
	font-size: 14px;
}
.search-submit {
	width:102px;
}
.categoryselect:focus {
	outline: none !important; /* Remove outline if using inset shadow */
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Grey box-shadow */
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	color: #414546;
}
.vbottom {
	vertical-align:bottom;
}
.search-form input[type="text"] {
	border-radius: 4px !important;
	border: 1px solid #CACACA;
	width: 75%;
	padding: 10px;
	border: 1px solid #ddd;
}
.search-form input[type="submit"] {
	padding: 10px 15px;
	cursor: pointer;
	transition: background-color 0.3s;
	background-color: #E1E1E1 !important;
	color: #333 ;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.01em !important;
	border: 1px solid #CBCBCB !important;
	border-radius: 4px !important;
}
.search-form input[type="submit"]:hover {
	background-color: #C2C2C2 !important;
	color: #333 !important;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.01em !important;
	border: 1px solid #AFAFAF !important;
	border-radius: 4px !important;
}
.search-form input[type="submit"]:active {
	background-color: #9F9F9F  !important;
	color: #333 !important;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.01em !important;
	color: #fff;
	border: 1px solid #8F8F8F !important;
	border-radius: 4px !important;
}
article {
}
.entry-title {
	font-size: 20px;
	margin-bottom: 10px;
}
.wp-element-button {
	background-color: #E1E1E1;
	color: #333! important;
	font-size: 14px;
	letter-spacing: 0.04em;
	border: 1px solid #CBCBCB;
	border-radius: 4px;
}
.wp-element-button:hover {
	background-color: #C2C2C2;
	color: #333;
	font-size: 14px;
	letter-spacing: 0.04em;
	border: 1px solid #AFAFAF;
	border-radius: 4px;
}
.wp-element-button:active {
	background-color: #9F9F9F;
	color: #333;
	font-size: 14px;
	letter-spacing: 0.04em;
	border: 1px solid #8F8F8F;
	border-radius: 4px;
}
.search-result {
	display: flex;
	border: 1px solid #ccc; /* Keep your existing box outline */
	background-color: #f9f9f9; /* Keep your existing background color */
	margin-bottom: 20px; /* Spacing between results */
	padding: 10px; /* Internal padding */
	border-radius:4px;
}
.search-result .post-thumbnail {
	width: 20%; /* 20% width for the thumbnail */
	display: flex;
	align-items: center; /* Center vertically */
	justify-content: center; /* Center horizontally */
	margin-right: 15px; /* Additional space between image and content */
}
.search-result .post-details {
	width: 80%; /* 80% width for post details */
}
.search-result img {
	max-width: 100%; /* Make sure image fits within its container */
	height: auto; /* Maintain aspect ratio */
}
.secondarymenu {
	display:inline-block;
	text-align:left;
}
.secondarymenuright {
	display:inline-block;
	float:right;
	text-align:right;
}
/* General menu styling */
#menu-secondary-menu,
#menu-right-secondary-menu {
	list-style: none; /* Remove default list styling */
	padding: 0;
	margin: 0;
	display: flex; /* Make it a horizontal menu */
}

/* Style the menu items */
#menu-secondary-menu li,
#menu-right-secondary-menu li {
	display: inline-block;
}

/* Style the links inside the menu */
#menu-secondary-menu a,
#menu-right-secondary-menu a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
}

/* Hover effect */
#menu-secondary-menu a:hover,
#menu-right-secondary-menu a:hover {
	color:blue;
}

/* Align #menu-right-secondary-menu to the right */
#menu-right-secondary-menu {
	margin-left: auto; /* Pushes it to the right if inside a flex container */
}

.bottomspace {
	height:60px;
}

.container-topbar {
	margin:10px 0px;
}
@media only screen and (max-width: 1300px) {
	.secondarymenu, .secondarymenuright {
		display: none !important; /* Hide on Screens 576px to 1199.98px */
	}
	.footerwidgetcontainer {
		width:100%;
	}
	.column-count-2 > div {
		width: 33%;
	}
	.column-count-3 > div {
		width: 33%;
	}
	.column-count-4 > div {
		width: 50%;
	}
}
@media only screen and (max-width: 992px) {
	.footerwidgetcontainer {
		width:100%;
	}
	.column-count-2 > div {
		width: 33%;
	}
	.column-count-3 > div {
		width: 33%;
	}
	.column-count-4 > div {
		width: 50%;
	}
}
@media only screen and (max-width: 768px) {
	.footerwidgetcontainer {
		width:100%;
	}
	.column-count-2 > div {
		width: 50%;
	}
	.column-count-3 > div {
		width: 100%;
	}
	.column-count-4 > div {
		width: 50%;
	}
}
@media only screen and (max-width: 600px) {
	.blogfooter {
		width:100%;
		padding:0px;
	}
	.preheaderholder {
		width:100%;
	}
	.secondarymenuright {
		float:none;
	}
	.secondarymenuright {
		display:inline-block;
		text-align:left;
	}
	.centered {
		padding:0px 15px;
	}
	.footerwidgetcontainer {
		width: 100%;
	}
	.copyrightcontainer {
		padding:0px 15px;
	}
	.column-count-2 > div {
		width: 100%;
	}
	.column-count-3 > div {
		width: 100%;
	}
	.column-count-4 > div {
		width: 100%;
	}
	.menucontainer {
		display:none !important;
	}
	.footercopyrightcontainer {
		width:100%;
	}
	.category-result {
		padding: 10px; /* Internal padding */
		width:100%;
		box-sizing: border-box;
	}
	.blogfooter-column {
		flex: 1 1 100%; /* Stack columns on top of each other */
		margin-bottom: 20px;
	}
	.wp-block-search__input {
		width:100%;
		border-radius: 4px !important;
		border: 1px solid #CACACA;
	}
	.vc_pageable-slide-wrapper  {
		margin-right:0 !important;
	}
	.wp-block-search__input {
		max-width:100%;
	}
	.custom-logo {
		height: 50px;
	}
	.topmenu > ul > li {
		display: block;
	}
	.wp-block-search__inside-wrapper {
		display: block;
		margin: auto;
	}
	main {
	}
	.precontentcontainer {
		position:relative;
		z-index:0;
	}
}
/* For testing design */
/* For testing design */
/*
.mainwrapper {
	background: lime;
}
main {
	background: skyblue;
}
body {
	background: lightgray;
}
header {
	background: violet;
}
footer {
	background: coral;
}
.widget_shopping_cart_live_region {
	background: darkred;
}
.container-topbar {
	background: yellow;
}
.menucontainer {
	background: tomato;
}
.rightmenu {
	background: deepskyblue;
}
.topmenu {
	background: lightseagreen;
}
.topmenu li {
	background: salmon;
}
.topmenu li ul {
	background: lightcoral;
}
.custom-logo {
	background: purple;
}
#mobilemenu {
	background: navy;
}
.hiddenmobile {
	background: darkgreen;
}
.hiddenmobile li {
	background: orange;
}
.hiddenmobile .sub-menu {
	background: mediumorchid;
}
.entry-content {
	background: palegreen;
}
.footerwidgetcontainer {
	background: saddlebrown;
}
.footer-widgets {
	background: goldenrod;
}
.footer-row {
	background: wheat;
}
.copyrightcontainer {
	background: firebrick;
}
.footercopyrightcontainer {
	background: royalblue;
}