body, html {
    margin: 0;
    padding: 0;
    height: 100%;
}
html {
font-size: 62.5%;
}

body {
font-size: 14px;
font-size: 1.4rem;
	width: 100%;
        height: 100%;
}
p {
	font-weight: 300;
}
.fs-big {
  font-size: 2.5rem;
}

.fs-bigger {
  font-size: 3rem;
}

.fs-biggest {
  font-size: 3.5rem;
}
h1, h2, h3 {
    letter-spacing: -2px;
}
@media (max-width: 575px) {
    h1, h2, h3, h4, h5, h6 {
        letter-spacing: normal;
    }
}
.rounded-4 {
    border-radius: 2rem!important;
}
/*===================================
======== Standard stuff =============
=====================================*/
.superScript {
    font-size: .95rem;
    padding: .48rem;
    position: relative;
    top: -7px;
}
.post-type-archive-bv_blog .card a {
    text-decoration: none!important;
    color: #000;
    text-transform: uppercase;
    letter-spacing: normal;
}
.post-type-archive-bv_blog .navbar-light .navbar-nav .nav-link {
    color: #272727;
}
.post-type-archive-bv_blog .header_standard:before {
    background: transparent!important;
}
.standard_text h2:first-of-type {
    font-size: 4rem;
}
.standard_text h2 {
    margin-bottom: 2rem;
    margin-top: 2rem;
}
.standard_text h2:first-of-type {
    font-size: 4rem;
    margin-top: 0;
}
.standard_text p {
    font-size: 1.2em;
    line-height: 26px;
    line-height: 2.5rem;
    padding: 0.6rem 0;
}
.standard_text .list-inline {
    font-size: 1.7rem;
}

.standard_text .list-inline li span {
    display: inline-block;
    margin-right: 15px;
    padding-bottom: 0px;
    border-bottom: 6px solid #9dc394;
    margin-bottom: 8px;
}

  /* Custom styles for the bullet points */
  .bigBullets li::after {
    content: "\2022"; /* Unicode character for bullet point */
    font-size: 24px; /* Adjust the size of the bullet point */
    vertical-align: middle;
    margin-right: 5px; /* Adjust the space between the bullet point and the text */
  }
.bigBullets li:last-of-type::after {
    display: none;
}

.decor_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
	opacity: 0.4;
}

@media (max-width: 991px) {
    .decor_wrapper {
        /*display:none*/
    }
}

.decor_wrapper .item_decor {
    position: absolute
}

.decor_wrapper .item_decor.left_bottom {
    left: 0;
    bottom: 0;
	opacity: 0.4;
}
.page-template-commodity_processing .decor_wrapper .item_decor.left_bottom {
    left: -33%!important;
    bottom: -50%!important;
}
.decor_wrapper .item_decorleft_top {
    left: 0;
    top: 0
}

.decor_wrapper .item_decor.right_top {
    right: 0;
    top: 0
}

.decor_wrapper .item_decor.right_bottom {
    right: 0;
    bottom: 0
}

.decor_wrapper .item_decor.tranform_top50 {
    transform: translate(0,-50%)
}

.decor_wrapper .item_decor.tranform_top50_plus {
    transform: translate(0,50%)
}
.dark_gray_bg {
	background: #dbdcdd;
}
/*===================================
========== Heros ===============
=====================================*/
.term-muffins .header_standard {
	background-position:center 40%!important;
} 
.term-wg-crumbles-cowboy-bread .header_standard{
	background-position:center 43%!important;
}
.page-template-explore .header_standard{
	background-position:center 16%!important;
}
.term-whole-grain-baked-cookies .header_standard{
	background-position:center top!important;
}
.term-wg-crumbles-cowboy-bread .header_standard {
    background-position: center bottom 26%!important;
}
.term-holiday-cookies .header_standard {
    background-position: center top!important;
}
.term-whole-grain-baked-cookies .header_standard {
    background-position: center 43%!important;
}
/*===================================
========== Commodity page ===========
=====================================*/

/*===================================
========== Slideout ===============
=====================================*/
div#mobile-menu {
    background: #6aa170;
	color:#ffffff;
}
div#mobile-menu a {
    color: #fff;
    text-decoration: none;
}div#mobile-menu .bv_button_standard {
    padding-left: 0;
}div#mobile-menu li {
    margin: 0.5rem 0;
}
.slideout-menu {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 9999; /* make sure slideout menu stays on top of other content */
    width: 256px; /* the width of the menu */
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    transform: translate(-100%); /* initially hides the menu off-screen */
    transition: transform 0.3s ease; /* smooth transition effect */
}
.slideout-open .slideout-menu {
    display: block;
    transform: translate(0); /* brings the menu on-screen when active */
}
      .slideout-panel {
        position: relative;
        z-index: 1;
        will-change: transform;
      }

      .slideout-open,
      .slideout-open body,
      .slideout-open .slideout-panel {
        overflow: hidden;
      }

      
#panel:before {
    content: '';
    display: block;
    background-color: rgba(0,0,0,0);
    transition: background-color 0.5s ease-in-out;
}

#panel.panel-open:before {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 9998; /* should be below the menu */
}

.mobileMe .navbar-toggler {
    /* border: none; */
    background: transparent;
    margin-right: 20px;
    border: 1px solid #fff;
    height: 35px;
}

.mobileMe .navbar-toggler-icon {
    background-image: none;
    display: initial!important;
}
.mobileMe .navbar-toggler-icon::before,
.mobileMe .navbar-toggler-icon::after {
    content: '';
    display: block;
    width: 22px;
    height: 2px;
    background: white;
    position: relative;
}

.mobileMe .navbar-toggler-icon::before {
    bottom: 5px;
}

.mobileMe .navbar-toggler-icon::after {
    top: 5px;
}
/*===================================
========== Search ===============
=====================================*/
.button_close_filter {
   /* BORDER: 2PX SOLID #272727!IMPORTANT;
    padding: 6px 15px;*/
    color: #272727;
    font-weight: bold!important;
    font-size: 30px!important;
}
#filter .active {
    background: #6aa170!important;
}
	.search h2 {
		border-bottom: 1px solid #ccc;
		padding-bottom: 14px;
	}
	 #search {
				position: relative;
			}

			#search .bi-search {
		margin-right: 1rem; /* Adjust as needed for space between the icon and input */
	}

	#search input {
		background: white;
		border: 1px solid green; /* Adjust as needed for border color */
		color: green; /* Adjust as needed for text color */
	}
	.search_section span.bi.bi-search {
		font-size: 33px;
		position: relative;
		top: 2px;
			color: #6aa170;
	}.search_section input {
		border: 5px solid #6aa170;
		border-radius: 19px;
		min-width: 150px;  /* adjust as needed */

	}.form-control::placeholder {
		color: #6aa170;
		text-align: left;
	}
	#filter .bi-x-lg {
		cursor: pointer;
	}
	.filter-overlay{

		position: absolute;
	  z-index: 100;
	  width: 100%;
	}
	.close-btn {
	  cursor: pointer;
	}
	.list-group-item {
		cursor: pointer;
	}

	.list-group-item:hover {
		background-color: #f8f9fa;
	}

	.btn-primary {
		background-color: #007bff;
		border-color: #007bff;
		color: #fff;
	}

	.btn-primary:hover {
		background-color: #0056b3;
		border-color: #0056b3;
	}
	.search_section input, .search_section button {
		font-size: 3rem;
	}
	#filter .filterTag {
		background: transparent;
		font-size: 14px!important;
		border-color:#000!important;
		color:#000000!important;
		border-radius: 9px;
	}
	#filter .card {
		background: #cdcdcd;
		border-radius: 2.7rem;
	}
.card-header {
	background-color:transparent;
	background:transparent;
	border: 0;
}
select.filterTag {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="black" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right .75rem center!important;
  padding-right: 2.5rem;
  background-size: 1.5rem;
}
/*============================================================
=============== handle the modal drawar slide down  ========*/
@media (max-width: 768px) { /* This ensures the styling only applies to mobile devices */
  .modal.top .modal-dialog {
    transform: translate(0, 0);
    top: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
  }
  .modal.fade:not(.in).top .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
/*===================================
========== contact ===============
=====================================*/
.custom-textarea-height {
    height: 150px;
}
/*===================================
========== Breadcrumb ===============
=====================================*/
/*#breadcrumb.row {
    background-color: rgba(0, 0, 0, 0.5);
}
#breadcrumb {
  padding: 10px 35px 0 55px;
}
*/
#breadcrumb a {
    color: #00000096;
    text-decoration: none;
}
.breadcrumb {
  font-size: 1.03846em;
  color: #FFFFFF;
  background: none;
  padding: 0;
  margin: 0 0 5px 0;
  border: none;
  box-shadow: none;
  min-height: 25px;
}
#breadcrumb.row {
    /* background-color: rgba(0, 0, 0, 0.5); */
    /*border: 1px dashed #0000002b;*/
    border-top: 0;
    /*border-radius: 0 0px 11px 11px;*/
	border-left:0;
	border-right:0;
}
.breadcrumb-item {
  display: inline-block;
  text-shadow: none;
}

.breadcrumb-item+.breadcrumb-item::before {
  content: ">";
  color: inherit;
}
#breadcrumb {
	text-transform: uppercase;
    color: #212529;
}
.thisDash {
    background-image: linear-gradient(to right, #6aa170 50%, transparent 50%);
    background-size: 10px 100%; /* Change first value to change dash width, second value for height */
    height: 2px; /* Change for border thickness */
    width: 100%;
}
.product_rows .card .card-body .arrow_right {
    color: black;
}
/*custimzation for 
Now, you'll want to ensure the card's content properly fills up the space. You can do this by setting the .card-body to flex-grow: 1.
*/.card_title_bv span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
}
/*.card-body {
    flex-grow: 1;
}*/
.arrow_right:hover:after {
    transform: translate(5px,0);
}
.arrow_right:after { 
    display: inline-block;
    vertical-align: middle;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='8' viewBox='0 0 17 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 4L10 8V5H0V3H10V0L17 4Z' fill='%230A152E'/%3E%3C/svg%3E");
    width: 17px;
    height: 8px;
    margin-left: 9px;
    transition: all .2s linear;
}
/*COLORS*/
#primary-menu .nav-link:hover  {
    color: #fff8c7;
}.navbar-light .navbar-nav .nav-link:hover:after {
    width: 100%;
}
@media (min-width: 992px) {
.navbar-light .navbar-nav .nav-link:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    right: 0;
    height: 2px;
    margin: 0 auto;
    width: 0;
    transition: all .2s linear;
    background: linear-gradient(90deg,#005cb9 24.49%,#ffd600 95.95%);
}
.navbar-light .navbar-nav .PDF_nav_button .nav-link:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    right: 0;
    height: 2px;
    margin: 0 auto;
    width: 0;
    transition: all .2s linear;
    background: transparent;
}	
}
.navbar-light .navbar-nav .nav-link {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.header_standard {
    overflow: hidden;
    position: relative;
}
.header_standard::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent);*/
    z-index: 1;
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.2), transparent)
}
.header_standard div {
    position: relative;
    z-index: 2;
}
.bv_gray {background:#B1B1B1;}
.bv_bg_light{background:#F9F7F1;}
/*Custom width  pages*/
.container_categories {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: var(--bs-gutter-x, .75rem);
  padding-left: var(--bs-gutter-x, .75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container_categories {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container_categories {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container_categories {
    max-width: 990px;
  }
}

@media (min-width: 1200px) {
  .container_categories {
    max-width: 1140px;
  }
}
.container_smallest {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: var(--bs-gutter-x, .5rem);
  padding-left: var(--bs-gutter-x, .5rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container_smallest {
    max-width: 500px;
  }
}

@media (min-width: 768px) {
  .container_smallest {
    max-width: 680px;
  }
}

@media (min-width: 992px) {
  .container_smallest {
    max-width: 950px;
  }
}

@media (min-width: 1200px) {
  .container_smallest {
    max-width: 1100px;
  }
}
.container_blog_article {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: var(--bs-gutter-x, .5rem);
  padding-left: var(--bs-gutter-x, .5rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container_blog_article {
    max-width: 500px;
  }
}

@media (min-width: 768px) {
  .container_blog_article {
    max-width: 680px;
  }
}

@media (min-width: 992px) {
  .container_blog_article {
    max-width: 950px;
  }
}

@media (min-width: 1200px) {
  .container_blog_article {
    max-width: 950px; /* Keeping it consistent as per your request */
  }
}

.bv_gray_card_bg {
	/*background: rgb(248,246,239);
background: -moz-linear-gradient(90deg, rgba(248,246,239,1) 5%, rgba(255,255,255,1) 75%);
background: -webkit-linear-gradient(90deg, rgba(248,246,239,1) 5%, rgba(255,255,255,1) 75%);
background: linear-gradient(90deg, rgba(248,246,239,1) 5%, rgba(255,255,255,1) 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f6ef",endColorstr="#ffffff",GradientType=1);
	border-radius: 2rem;*/
	border:1px solid #f9f7f1!important;
}
/*Custom width  pages end*/
.bv_button_standard {
	padding: 0.23rem 2rem;
}
.bv_main_green_bg {
	background:#6aa170;
	color:#ffffff;
}
.bv_main_green_bg a{
	color:#ffffff!important;
}


.card.bv_blog_card.loaded {
    opacity: 1;
}

.PDF_nav_button {
    border-radius: 12px;
    
}select#rep {
    color: #6aa170;
}.sample-request-checkbox input {
    height: 20px;
    width: 20px;
    position: relative;
    top: 3px;
    border: 2px solid #6aa170;
}.bv_main_green_bg h2 {
    color: #485548;
}
h1 {
    font-size: 44px;
    font-size: 4.4rem;
    color: #485448;
}.font_extra_bold {
    font-weight: 800; /* or 900, depending on the specific font */
}
.bigBodyText p {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 2.23rem;
    padding: 1.3rem 0px;
}
/*home*/

.parent-of-rotating-img {
    position: relative;
    z-index: 40;
}
.homeBodyNavCard {
    background-color: #EBE6D3;
    border-radius: 1.63rem;
    margin: 0.4rem 0 0.4rem 0.4rem;
}

.home_nav_bg1 {
	background-image:url("/wp-content/uploads/2023/07/AN_Card_02_1st.png");
	background-position: right;
    background-repeat: no-repeat;
}
.home_nav_bg2 {
	background-image:url("/wp-content/uploads/2023/07/AN_Card_2nd.png");
	background-position: right;
    background-repeat: no-repeat;
	
}
.home_nav_bg3 {
	background-image:url("/wp-content/uploads/2023/07/AN_Card_3rd.png");
	background-position: right;
    background-repeat: no-repeat;
}
.homeBodyNavCard:first-of-type {margin-top:0;}
.homeBodyNavCard:last-of-type {margin-bottom:0;}

.homeBodyNavCard img {
    max-width: 323px;
}
.overflow-hidden-bottom::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -60px;
    height: 60px; /* adjust as needed */
    background: white; /* should match your container background */
}
.homeBodyNavCard h3 {
    font-size: 3.5rem;
    line-height: 3.1rem;
    margin-bottom: 2.9rem;
}
.homeBodyNavCard a {
    font-size: 2.2rem;
    text-decoration: none;
    color: black;
    border-bottom: 6px solid #9dc394;
}
/*===================================
========== Calendar ===============
=====================================*/
.bigger1 {
    font-size: .75em; /* this is the default font size */
     display:block;
}

.bigger2 {
    font-size: 1.2em; /* 20% larger than the default */
     display:block;
}

.bigger3 {
    font-size: 1.4em; /* 40% larger than the default */
     display:block;
}
.calendar_item .desc {
    font-size: 12px;
}.mobile_version_homecard img {
    left: -1%;
    position: relative;
    top: -27px;
	width: 185px!important;
}.upcomingHolidays h3 {
    font-size: 26px;
}.productSpotlight img {
    max-height: 133px;
}
.upcomingHolidays {
    background: #dbdcdd;
}
/*FONTS*/
.main_font {
	font-family: "filson-soft", sans-serif;
}
.text-bv-white-blue {color:#DEEBFF;}
.carousel a {
    border: 3px solid #fff;
    border-radius: 18px;
    font-size: 2.34rem;
}
/*ANIMATIONS*/
.rotating-img {
    background-repeat: no-repeat;
    background-position: center;
	width: 330px;
    height: 334px;
	    background-size: contain;
	transform: rotate(90deg);
}
/* Add to the parent div or container holding the rotating image. 
Ensure this doesn't undesirably hide content */
.parent-of-rotating-img {
    overflow: hidden;
}
/*.rotating-img {
  width: 200px;
  height: 200px;
  background-size: cover;
  background-position: center;
  transition: transform 1s;
}

.rotate {
  transform: rotate(180deg);
}*/
/*.rotating-img {
  transition: transform 0.3s ease;
	background-size: auto;
  background-position: center;
  transition: transform 1s;
	background-repeat:no-repeat;
}*/

 .custom-list-inline-default {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .custom-list-inline-default .list-inline-item:not(:last-child)::after {
    content: "\2022";
    margin: 0 5px;
  }
/*ANIMATIONS END*/
.full-height {
    height: 100vh;
    scroll-snap-align: start;
    position: relative;
}
.vh-60 {
    height: 60vh!important;
}
.carousel-inner, .carousel-item, .carousel-background {
    height: 100vh;
}

.carousel-background {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	/*background-size: 117%;*/
    position: absolute;
    width: 100%;
}

.carousel {
    padding:0;
}

.carousel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent);*/
	background: linear-gradient(to bottom,rgba(0,0,0,.36),transparent);
    z-index: 1;
}
.carousel-item .position-relative {
    z-index: 5;
}
.navbar {
    z-index: 2;
    position: relative;
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(255 255 255);
}
.navbar .container,
.navbar-brand,
.nav-link {
    position: relative;
    z-index: 3; 
}

.carousel-control-prev, .carousel-control-next {
    z-index: 2;
}

/*BACKGROUND TEXTURES*/
.leaf_texture_RL {
	background-image:url('images/leaf_texture.jpg');
	background-size:cover;
}

/*===========================================================================
========================== Product Page =====================================
============================================================================*/

.product_rows img.card-img-top {
    max-height: 200px!important;
    width: auto;
}
.card .table .row {
    border-bottom: 1px solid #000;
}
.col.ProductNumbs {
    border-left: 3px solid #9dc394;
}
.product_rows .card-header {
    background: linear-gradient(0deg, #f9f7f1 50%, transparent 50%);
}
.card_title_bv {
    font-size: 24px;
    font-weight: 800;
    font-size: 2.4rem;
}
.card .tags {
    padding: 3px;
    border-radius: 17px;
}
.card .PDF_nav_button {
    border-radius: 21px;
    
}
.tax-bv_categories h2 {
    position: relative;
    display: inline-block;
    background: #fff; /* Set to the color of your page background */
    padding: 0 0.5em; /* Adjust as needed */
    box-decoration-break: clone; /* This makes the background extend behind the line */
}

.tax-bv_categories h2::after {
    /*content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: calc(100% - 100px);*/ /* Adjust the pixel value to make the line fit the parent */
    /*border-top: 2px dashed #6aa170;
    transform: translateY(-50%);*/
}

/*===========================================================================
========================== Blog   =========================================
============================================================================*/
.load-more-container {
    text-align: center;
    margin: 20px 0;
}

#loadMoreBtn {
    background-color: #007BFF;
    border: none;
    color: white;
    padding: 12px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
}

#loadMoreBtn:hover {
    background-color: #0056b3;
}

.spinner {
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    transform-origin: center;
}

.path {
    stroke: #d4d4d4;  /* Spinner color */
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

.post-navigation-section {
    margin: 40px 0 0;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 500px) {
    .post-navigation-section {
        display:block
    }
}

.post-navigation-section a {
    width: 100%;
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    padding: 6% 9%;
    font-size: 22px;
    color: #fff!important;
    overflow: hidden;
	text-decoration:none;
}

.post-navigation-section a:hover .nav-previous-post__image img {
    transform: scale(1.1)
}

.post-navigation-section a:hover .nav-previous-post__image:before {
    background-color: rgba(13,13,13,.9)
}

.nav-previous-post__text {
    font-size: 16px;
    font-weight: 200;
}

.nav-previous-post__image img {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform 0.4s cubic-bezier(.05,.2,.1,1) 0s
}

.nav-previous-post__image:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(13,13,13,.35);
    transition: background-color 0.4s cubic-bezier(.05,.2,.1,1) 0s
}

.post-type-archive-bv_blog .header_standard:before {
    background: #005cb9;
}
.single-bv_blog .entry-content .container.container_blog_article {
    position: relative;
    top: -14rem;
    background: #fff;
    z-index: 5;
}
p.details a {
    color: #fff;
}
.single-bv_blog .header_standard::before {
    display: none;
}
.blog_post > .entry-content > .container > div > p:first-of-type {
    font-size: 1.2em; 
    font-weight: bold; 
    color: #555;
    padding-bottom: 15px;
}

.blog_post {
    font-size: 18px;
    line-height: 1.8;
    color: #333;
    font-family: "Helvetica Neue", sans-serif;
}

/* Headings */
.blog_post h1, .blog_post h2, .blog_post h3, .blog_post h4, .blog_post h5, .blog_post h6 {
    margin-top: 30px;
    margin-bottom: 20px;
    color: #2c3e50;
    font-weight: bold;
}

.blog_post h1 {
    font-size: 44px;
}

.blog_post h2 {
    font-size: 40px;
}

.blog_post h3 {
    font-size: 36px;
}

.blog_post h4 {
    font-size: 32px;
}

.blog_post h5 {
    font-size: 28px;
}

.blog_post h6 {
    font-size: 24px;
}

/* Paragraphs and Links */
.blog_post p {
    margin-bottom: 20px;
}

.blog_post a {
    color: #3498db;
    text-decoration: none;
}

.blog_post a:hover {
    color: #2980b9;
}

/* Graphical Lists */
.blog_post ul, .blog_post ol {
    margin-bottom: 24px;
}

.blog_post ul {
    list-style-type: none; /* Remove default bullet points */
    padding-left: 30px; /* Increase padding to accommodate bigger bullet points */
}

.blog_post ul li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 35px; /* Adjust this to create space between the bullet and the text */
}

.blog_post ul li:before {
    content: "•"; /* This is a bullet point */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 35px; /* Further increase for a bigger bullet */
    color: #3498db; /* Bullet color, adjust if needed */
    margin-right: 15px;
}


.blog_post ol {
    list-style-type: none;
    counter-reset: item;
    padding-left: 32px;
}

.blog_post ol li {
    margin-bottom: 14px;
    position: relative;
    padding-left: 50px; /* Adjusted to account for the larger circle */
}

.blog_post ol li:before {
    content: counter(item);
    counter-increment: item;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #221e1f; /* Text color */
    background-color: #ffd600; /* Circle color */
    border-radius: 50%; /* Makes the square background a circle */
    width: 36px; /* Width of the circle */
    height: 36px; /* Height of the circle */
    display: flex; /* These three lines center the number in the circle */
    justify-content: center;
    align-items: center;
    font-size: 20px; /* Font size of the number */
    font-weight: bold;
}


/* Definition lists */
.blog_post dl {
    margin-bottom: 24px;
}

.blog_post dt {
    font-weight: bold;
    margin-top: 16px;
}

.blog_post dd {
    margin-left: 28px;
}

/* Alignment and captions */
.blog_post .alignright, .blog_post .alignleft, .blog_post .aligncenter, .blog_post .wp-caption {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.blog_post .alignright {
    float: right;
    margin: 0 0 24px 24px; 
}

.blog_post .alignleft {
    float: left;
    margin: 0 24px 24px 0;
}

.blog_post .aligncenter {
    display: block;
    margin: 0 auto 24px auto;
}

.blog_post .wp-caption-text {
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.05);
    padding: 8px;
}

.b_single_banner {
    position: relative;
    min-height: 496px;
    color: #fff
}
.blog_post blockquote {
    font-size: 1.4em;  /* Makes the text larger */
    font-style: italic; /* Typically, blockquotes are italicized */
    color: #555;   /* A subtle dark color */
    border-left: 5px solid #005cb9; /* A bold left border for emphasis */
    padding-left: 20px; /* Padding to separate text from the border */
    letter-spacing: 0.8px; /* Slight letter spacing */
    line-height: 1.6; /* Enhanced readability */
    margin: 20px 0; /* Some space before and after the blockquote */
}

@media (max-width: 1199px) {
    .b_single_banner {
        min-height:400px
    }
}

@media (max-width: 991px) {
    .b_single_banner {
        min-height:350px
    }
}

@media (max-width: 767px) {
    .b_single_banner {
        min-height:256px
    }
}

@media (max-width: 991px) {
    .b_single_banner .page_title {
        font-size:32px
    }
}

.b_single_banner.blog_banner {
    text-align: center
}

.b_single_banner.blog_banner .page_title {
    margin: 0 auto 15px
}

.b_single_banner.blog_banner .content {
    margin: 0 auto
}

.b_single_banner .banner_image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.b_single_banner .banner_image.has_darker::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2d2d2d;
    opacity: .4
}

.b_single_banner .banner_image_desktop,.b_single_banner .banner_image_mobile {
    height: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@media (max-width: 767px) {
    .b_single_banner .banner_image_desktop {
        display:none
    }
}

.b_single_banner .banner_image_mobile {
    display: none
}

@media (max-width: 767px) {
    .b_single_banner .banner_image_mobile {
        display:block
    }
	.single-bv_blog .entry-content .container.container_blog_article{top:0!important;}
}
/*.blog_post .alignright {
    width: 100%;
    padding: 20px;
    float: none!important;
    margin: 0 auto;
}
.blog_post .wp-caption {
	box-shadow:none!important;
	width:;100%!important
}*/
.grecaptcha-badge {
    z-index: 5000!important;
}
/* Mobile styles */
.blog_post img {
    width: auto;
    height: auto;
    max-width: 100%; /* Ensure the image isn't wider than its container */
}
@media (max-width: 576px) {  /* This is the Bootstrap 5 breakpoint for mobile views */
    .alignleft, .alignright, .aligncenter {
        float: none!important;
        margin-left: auto!important;
        margin-right: auto!important;
        text-align: center!important; /* This is for elements that might have text */
    }
	.blog_post p {padding:15px;}
	.blog_post ul, ol {
		padding-left: 8px!important;
	}
	.blog_post img {
		width: 100% !important;
		height: auto !important;
	}
	.blog_post figure {
		width: 100%!important;
	}
}
.b_single_banner .content_wrapper {
    padding: 50px 0
}

@media (max-width: 767px) {
    .b_single_banner .content_wrapper {
        padding:30px 0 50px
    }
}

.b_single_banner .page_title {
    margin: 0 0 15px;
    max-width: 672px
}

.b_single_banner .content {
    max-width: 755px;
    font-weight: 300;
    font-size: 27px
}

@media (max-width: 1199px) {
    .b_single_banner .content {
        font-size:18px
    }
}

@media (max-width: 767px) {
    .b_single_banner .content {
        font-size:16px
    }
}

.b_single_banner .content h3 {
    margin: 0 0 5px;
    font-weight: 600;
    font-size: 27px;
    margin: 0 0 20px
}

@media (max-width: 1199px) {
    .b_single_banner .content h3 {
        font-size:18px
    }
}

.b_single_banner .button_wrapper {
    padding: 30px 0 0
}

.b_single_banner .contact_page {
    margin: 0 -15px
}

@media (max-width: 767px) {
    .b_single_banner .contact_page {
        text-align:center
    }
}

.b_single_banner .contact_page .left_content {
    width: 55%;
    padding: 0 15px
}

@media (max-width: 767px) {
    .b_single_banner .contact_page .left_content {
        width:100%
    }
}

@media (max-width: 767px) {
    .b_single_banner .contact_page .left_content .page_title {
        display:none
    }
}

.b_single_banner .contact_page .content_inner {
    max-width: 600px
}

@media (max-width: 767px) {
    .b_single_banner .contact_page .content_inner {
        max-width:100%
    }
}

.b_single_banner .contact_page .right_content {
    width: 45%;
    padding: 0 15px
}

@media (max-width: 767px) {
    .b_single_banner .contact_page .right_content {
        width:100%;
        -ms-flex-order: -1;
        order: -1
    }
}

.b_single_banner .contact_page .right_content img {
    margin: 0 auto
}

.b_single_banner .contact_page .image_wrapper {
    padding: 40px 0 0;
    margin: 0 -15px 0 0
}

@media (max-width: 767px) {
    .b_single_banner .contact_page .image_wrapper {
        padding:0;
        margin: 0 0 40px
    }
}
/*===========================================================================
========================== Footer   =========================================
============================================================================*/
address {
    line-height: 1; /* Adjust to whatever value suits your design */
}
footer .bv_button_standard {
    padding: initial;
}
footer .menu-item {
    margin: 0!important;
    line-height: 2.2rem;
}
footer a {
    color: #FFFFFF;
}
footer a:visited {
    color: #FFFFFF;
}
footer .nav-link {
    color: #fff;
}
footer .nav-link:visited  {
    color: #fff;
}
footer .nav-link:hover  {
    color: #cbf0cf;
}
/* Make Google Map responsive */
.map-responsive {
    overflow: hidden;
    padding-bottom: 30%; /* aspect ratio for a 16:9 image */
    position: relative;
    height: 0;
    width: 50%;
    margin: 0 auto; /* center the element */
	border-radius: 30px;
}

.map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

/* Style Footer Menu */
.footer-nav ul li {
    line-height: 2;
}

.footer-nav ul a {
    color: #333;
    text-decoration: none;
}

.footer-nav ul a:hover {
    color: #007BFF;
}