/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Mar 03 2024 | 03:02:07 */
body {
  font-size: 14px; /* This sets the default font size to 16px */
}

h1, h2, h3 {
    font-size: 1.5em; /* Adjusts the size, 1.5em is a suggestion and should be modified based on your design */
    font-weight: normal; /* Removes bold formatting */
    color: #333; /* Professional, subdued color; change as needed */
    margin-top: 0.5em; /* Adds a little space above the header */
    margin-bottom: 0.5em; /* Adds a little space below the header */
    text-transform: none; /* Ensures text is not uppercase, lowercase or capitalized */
    letter-spacing: normal; /* Prevents spacing out letters too much */
    line-height: 1.2; /* Adjust line height for better readability */
}

/* You may want to set specific sizes for each header type */
h1 {
    font-size: 1.8em; /* Slightly larger than h2 and h3 */
}

h2 {
    font-size: 1.6em; /* Middle size */
}

h3 {
    font-size: 1.4em; /* Smallest size */
}

.gullu-knowledge-base {
    background: #FFF;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 10px 10px 0.5px 10px;
    margin: -15px;
  }

  .gullu-title {
    background-color: #3982cf;
    color: white;
    padding: 10px;
    border-radius: 5px;
    margin: -5px;
    text-align: center;
	font-size: 16px;
	font-weight: bold;
  }

  .gullu-list {
    list-style: none;
    padding: 0;
  }

  .gullu-list li {
    margin-bottom: 10px;
  }

  .gullu-list li a {
    display: block;
    background: #E9ECEF;
    color: #000;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s;
  }

  .gullu-list li a:hover {
    background: #DDE2E5;
  }

  .full-width-link {
    text-align: left;
    display: block;
    white-space: nowrap; /* Prevent text from wrapping to a new line */
    overflow: hidden; /* Hide text that doesn't fit in the element */
    text-overflow: ellipsis; /* Add ellipsis to overflowed text */
	
  }
.wp-block-search .wp-block-search__inside-wrapper .wp-element-button{
    background-color:#4d8ac0 !important;
}

/*menu*/
/* Base styles for the navigation */
.wp-block-navigation__responsive-container-content {
    /* Transparent background with a subtle white border */
    background-color: rgba(255, 255, 255, 0.05); 
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5px; /* Rounded corners for the menu container */
    padding: 1px 2px; /* Padding around the menu */
    box-shadow: 0 2px 0px rgba(0, 0, 0, 0.2); /* Soft shadow for depth */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px; /* Align to the right of the header */
}

/* Style for the navigation list */
.wp-block-navigation__container {
    display: flex;
    justify-content: space-between; /* Distribute space between menu items */
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0; /* Reset default margins */
}

/* Style for each navigation item */
.wp-block-navigation-item {
    margin: 0 5px; /* Equal spacing between items */
}

/* Style for each navigation link */
.wp-block-navigation-link a {
    text-decoration: none;
    color: #ffffff; /* White color for the links */
    font-size: 14px;
    padding: 8px; /* Padding for a larger clickable area */
    transition: all 0.3s ease-in-out; /* Smooth transition for hover effects */
}

/* Hover and focus effects for links */
.wp-block-navigation-link a:hover,
.wp-block-navigation-link a:focus {
    color: #DDDDDD; /* Slightly lighter color on hover for a subtle effect */
    text-decoration: none; /* No underline on hover */
    background-color: rgba(255, 255, 255, 0.1); /* Slightly darker background on hover for visibility */
    border-radius: 5px; /* Rounded corners for the hover background */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .wp-block-navigation__responsive-container-content {
        margin-right: 0; /* Remove margin on smaller screens */
        border-radius: 0; /* Full width without rounded corners */
        border: none; /* Remove border on smaller screens */
        box-shadow: none; /* Remove shadow on smaller screens */
    }

    .wp-block-navigation__container {
        flex-direction: column; /* Stack items vertically on smaller screens */
    }

    .wp-block-navigation-item {
        margin: 5px 0; /* Space out items when stacked */
    }
}

/*mobile menu*/
@media (max-width: 768px) {
    /* Mobile menu container styles */
    .wp-block-navigation__responsive-container-content {
        display: block; /* Display the navigation */
        position: fixed; /* Fixed position at the top */
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000; /* Ensure it's above other content */
        background-color: transparent; /* Transparent background */
        padding: 20px 10px; /* Padding around the menu items */
        text-align: left; /* Align text to the left */
    }

    /* Mobile navigation list styles */
    .wp-block-navigation__container {
        display: block; /* Stack the menu items vertically */
        margin: 0;
        padding: 0;
        background-color: #ffffff; /* White background for the dropdown */
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Add shadow for depth */
        border-radius: 5px; /* Slight rounding of corners */
    }

    /* Mobile navigation item styles */
    .wp-block-navigation-item {
        display: block; /* Full width */
        margin: 0; /* Remove margin for full width */
    }

    /* Mobile navigation link styles */
    .wp-block-navigation-link a {
        display: block; /* Full-width clickable area */
        color: #333; /* Dark color for text for contrast */
        padding: 15px; /* Larger padding for easier touch */
        text-decoration: none; /* No underline */
        font-size: 1em; /* Appropriate font size for mobile */
        transition: background-color 0.3s; /* Smooth transition for background */
    }

    /* Mobile navigation link hover and focus styles */
    .wp-block-navigation-link a:hover,
    .wp-block-navigation-link a:focus {
        background-color: #e4e4e4; /* Light gray background for item hover state */
    }
}


/*dll categories*/
.dll-category-list {
    display: flex;
    flex-wrap: wrap; /* Allow categories to wrap onto the next line */
    justify-content: center;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f8f8f8;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.dll-category {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 8px;
    margin: 5px; /* Add some space between categories */
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    color: #333333;
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s;
}

.dll-category:hover {
    background-color: #007bff;
    color: #ffffff;
}

/* Responsive design for smaller screens */
@media (max-width: 768px) {
    .dll-category {
        padding: 6px 10px; /* Slightly reduce padding on smaller screens */
        font-size: 0.9em; /* Reduce font size */
    }
}

/* Further responsiveness for very small screens */
@media (max-width: 480px) {
    .dll-category {
        padding: 5px 8px; /* Further reduce padding for very small screens */
        font-size: 0.8em; /* Further reduce font size */
    }
}

.dll-category-current {
    color: #FF0000; /* Change to your desired highlight color */
}


/*page css white background*/
.wp-site-blocks .wp-block-group .wp-block-post-content-is-layout-constrained {
    margin: 10px 7%;
    padding: 10px 0;
    background-color: #ffffff;
    box-shadow: 0 0 3px 0 #d0dcd;
    border-radius: 5px;
	text-align: justify;
}

/*space no result find*/
.wp-site-blocks .wp-block-group .wp-block-query-no-results{
	padding-top:0px;
}
/*search result spacing*/
.wp-site-blocks .wp-block-group .wp-block-query .wp-block-group ul{
	padding-left:2% !important;
}
/*title search size*/
.wp-site-blocks .wp-block-group h1{
	font-size:20px !important;
}

/*search Link */
.wp-block-post-template .hentry a{
	font-size:20px;
}

/*title search margin*/
.wp-site-blocks .wp-block-group h1{
	max-width:100%;
}

.wp-block-query .wp-block-group ul{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	box-shadow:0px 0px 3px 0px #d1d1d1;
}

.wp-block-post-template .hentry p{
	text-align:justify;
}

.wp-site-blocks .wp-block-group .wp-block-query .wp-block-group ul{
	padding-left:2% !important;
	padding-right:2% !important;
}

/*space between blocs*/
.wp-site-blocks .wp-block-template-part > .wp-block-group > .wp-block-group{
	margin-top:-4px !important;
	margin-bottom:-4px !important;
	
}
