/*
 * Theme Name: Hiniker Snow Plows
 * Theme URI: http://hiniker.com
 * Description: Template for Hiniker Snow Plows. A child theme of Avada Theme. Created: 2018-02-09, CW
 * Version: 1.0
 * Author: Lime Valley Advertising, Inc.
 * Author URI: https://www.limevalley.com
 * Template: Avada
 * Note: This website is NOT programmed to be < IE11 compatible. Responsive theme.
 *
 * --------- Color Guide ---------- 
 * #ffffff	| White		 | Note
 * #f6f6f6	| Ghost		 | Soft alt bg (eg. tables)
 * #e0e0e0	| Gray		 | Borders
 * #d0d0d0	| Gray		 | Alt content bg
 * #191919	| Black		 | Body text
 * #0f57ac	| Blue		 | Secondary
 * #bf2c37	| Red		 | Primary
 *
 */


/* #Import
==================================================================================================== */

	@import url("responsive.css");



/* #Global Styles
==================================================================================================== */
	html {  }
	
	/*  typography  */
		a { 
			outline: none; 
			text-decoration: none;
			-webkit-transition: all .15s  linear;
			-moz-transition: all .15s  linear;
			-o-transition: all .15s  linear;
			-ms-transition: all .15s  linear;
			transition: all .15s  linear; }
		#main a { 
			font-weight: 600;
			text-decoration: underline; }
		#main a:hover,
		#main a:active,
		#main a:focus {
			color: #0f57ac;
			text-decoration: none; }
		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit; }
		h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
		h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active,
		h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus {
			color: inherit; }
	
		/*  headers  */
			h1, h2, h3, h4, h5, h6 {}
			h1 {}
			h2 {}
			h3 {}
			h4 { text-transform: uppercase; }
			h5 {}
			h6 {}
	
		/*  misc & styles  */
			large, .large { font-size: 1.429em; /*20*/ }
			small, .small { font-size: 0.929em; /*13*/ }
			body b, body strong { color: inherit !important; font-weight: 700; }
			body p { margin: .4em 0 0.85em; }
			body p:empty { display: none; }
			.border { border: 1px solid #f2f2f2; }
				.border a, .border img { display: block; }
			.hidden { display: none !important; }
			.noclear { clear: none !important; }
			.nomargins { margin: 0 !important; }
			.note { color: #707070; color: rgba(10, 10, 10, .6); }
			.nowrap { white-space: nowrap !important; }
			.required, abbr[title="Required"], abbr[title="required"] { color: #bf2c37 !important; }
			
			/*  buttons  */
				body .fusion-button.button-flat {
					box-shadow: 0 1px 1px rgba(0,0,0,.3) !important;
					font-weight: 500; }
				body .fusion-button.button-flat:hover {
					box-shadow: 0 3px 3px rgba(0,0,0,.3) !important; }
				body .fusion-button.button-large {
					font-size: 20px; }
				body .fusion-button.button-reset {
					border-color: #191919;
					color: #191919; }
				body .fusion-button.button-reset:hover,
				body .fusion-button.button-reset:active,
				body .fusion-button.button-reset:focus {
					border-color: #0f57ac;
					color: #0f57ac; }
				

			/*  case  */
				.capitalcase { text-transform: capitalize !important; }
				.lowercase { text-transform: lowercase !important; }
				.uppercase { text-transform: uppercase !important; }
			
			/*  colors  */
				.text-red, .text-red * { color: #bf2c37 !important; border-color: #bf2c37 !important; }
				.text-white, .text-white * { color: #fff !important; border-color: #fff !important; }
			
			/*  lists  */
				#main ul,
				#main ol {
					font-weight: 700; }
			
			/*  mime-type  */
				body a.wpfp-default .fa {
					margin-top: 5px; }
			
			/*  text alignment  */
				.textalignleft { text-align: left; }
				.textaligncenter { text-align: center; }
				.textalignright { text-align: right; }
	
	/*  forms  */
		form label {
			font-weight: 700;
			text-transform: uppercase; }
		form label abbr {
			color: #bf2c37; }
		
		form fieldset {
			border: 3px solid #e0e0e0;
			margin-bottom: 20px;
			padding: 20px 20px 0; }
		form fieldset legend {
			color: #0f57ac;
			font-weight: bold;
			padding: 0 10px; }
	
	/*  images  */
		.img-with-border {
			border: 3px solid #000;
			line-height: 0; }
	
	/*  iframes  */
		iframe {
			max-width: 100%; }
	
	/*  tables  */
		body table {
			background: #fff;
			box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
			width: 100%; }
		body table tr {
			-webkit-transition: all .15s  linear;
			-moz-transition: all .15s  linear;
			-o-transition: all .15s  linear;
			-ms-transition: all .15s  linear;
			transition: all .15s  linear; }
		body table th,
		body table td {
    		border: 1px solid #e0e0e0; }
			
		body table th {
			font-weight: 700;
   			padding: 10px; }
		body table th em {
			font-size: 0.875em; /*14*/
			font-weight: normal; }
		body table thead {
			background: #bf2c37;
			color: #fff;
			font-size: 1.625em; /*26*/
			text-align: left; }
			
		body table tbody tr:nth-child(2n) {
			background: #f6f6f6; }
		body table td {
			padding: 10px; }
		body table th[scope="row"] {
			text-align: left;
			text-transform: uppercase; }		
		
		.table-container {
			box-sizing: border-box;
			margin: 0 0 1em;
			overflow-y: auto;
			_overflow: auto;
			padding-right: 2px;
			width: 100%; }
		
		/*  hover  */
			body table tbody tr:nth-child(n):hover {
				background: #0f57ac;
				color: #fff; }
			body table tbody tr:nth-child(n):hover a,
			body table tbody tr:nth-child(n):hover * {
				border-color: #fff;
				color: #fff !important; }
			body table tbody tr:nth-child(n):hover a.fusion-button {
				background: #0f57ac !important; }
				
	/*  fusion element overrides  */
		body .fusion-sep-clear {
			height: 0; }



/* #Wrapper
==================================================================================================== */



/* #Header
==================================================================================================== */




/* #Main Menu
==================================================================================================== */

	/*  level 0 -- root  */
		body .fusion-main-menu > ul > li > a,
		body .fusion-mobile-nav-holder > ul > li.fusion-mobile-nav-item > a {
			text-transform: uppercase; }
		body.fusion-body .fusion-main-menu li > a:hover,
		body.fusion-body .fusion-main-menu li > a:active,
		body.fusion-body .fusion-main-menu li > a:focus,
		body .fusion-main-menu > ul > li.li-find-my-dealer > a,
		body .fusion-main-menu > ul > li > a > .fusion-megamenu-icon,
		body .fusion-main-menu > ul > li > a:hover > .fusion-megamenu-icon,
		body.fusion-body .fusion-main-menu li.li-find-my-dealer.current-menu-item > a,
		body.fusion-body .fusion-main-menu li.li-find-my-dealer.current_page_item > a,
		body.fusion-body .fusion-main-menu li.current-menu-item > a:hover,
		body.fusion-body .fusion-main-menu li.current-menu-item > a:active,
		body.fusion-body .fusion-main-menu li.current-menu-item > a:focus,
		body.fusion-body .fusion-main-menu li.current_page_item > a:hover,
		body.fusion-body .fusion-main-menu li.current_page_item > a:active,
		body.fusion-body .fusion-main-menu li.current_page_item > a:focus,
		body .fusion-secondary-menu > ul > li > a:hover,
		body .fusion-secondary-menu > ul > li > a:active,
		body .fusion-secondary-menu > ul > li > a:focus {
			color: #bf2c37; }
	
	/*  level 1 -- megamenu  */
		body .fusion-main-menu ul.sub-menu > li.megamenu-category-title {
			padding-bottom: 5px; }
		body .fusion-main-menu ul.sub-menu > li.megamenu-category-title > a {
			font-size: 18px;
			font-weight: 700; }
		body .fusion-main-menu ul.sub-menu > li.megamenu-category-title.current-menu-parent > a {
			background: none; }
		body .fusion-main-menu ul.sub-menu > li.megamenu-category-title > a span.fusion-megamenu-bullet {
			display: none; }
		
		/*  support > contact  */
			body .fusion-main-menu .custom-html-widget h2 {
				font-size: 50px;
				line-height: 1.2em;
				margin-bottom: 40px;
				text-align: center; }
			
	/*  level 1 -- regular dropdown  */
		body .fusion-megamenu-holder,
		body .fusion-main-menu .sub-menu {
			box-shadow: 0 6px 12px rgba(0,0,0,.5); }
	
	
	/*  mobile menu  */ 
	



/* #Main (Content)
==================================================================================================== */

	/*  title container  */
		body.fusion-body .fusion-page-title-bar {
			padding-bottom: 45px;
			padding-top: 45px; }

	/*  blog  */
		body .fusion-blog-layout-grid .post .fusion-post-wrapper {
			box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); }
		body .fusion-blog-archive .fusion-blog-layout-grid .post .fusion-post-content-wrapper {
			padding: 0; }
		body .fusion-blog-archive .fusion-blog-layout-grid .post .fusion-post-content-wrapper .fusion-post-content {
			padding: 20px; }
		body .fusion-blog-layout-grid .post .fusion-content-sep,
		body .fusion-blog-layout-grid .fusion-post-content-container {
			display: none; }
		body .fusion-blog-archive .fusion-blog-layout-grid .post .fusion-post-content-wrapper .fusion-meta-info {
			background: #bf2c37;
			color: #fff;
			font-weight: 700;
			margin: 0;
			padding: 10px 20px; }
		body #main .fusion-blog-archive .fusion-blog-layout-grid .post .fusion-post-content-wrapper .fusion-meta-info a.fusion-read-more {
			color: #fff; }
		
		/*  single post  */
			body.post-template-default.single-post #main {
				padding-bottom: 40px;
				padding-top: 40px; }




		
/* #Sidebar
==================================================================================================== */

	body .fusion-widget-area .widget_categories li a:before {
		display: none; }




/* #Footer
==================================================================================================== */

	/*  menus  */
		body .fusion-footer-widget-area .widget_nav_menu li {
			border-color: rgba(0,0,0,.25);
			border: 0;
			font-size: 0.938em; /*15*/
			padding: 5px 3px;
			text-shadow: 0 1px 3px rgba(0,0,0,.4); }
		body .fusion-footer-widget-area .widget_nav_menu li:hover {
			text-shadow: 0 3px 3px rgba(0,0,0,.8); }
		body .fusion-footer-widget-area .widget_nav_menu li:first-child a {
			font-size: 1.125em; /*18*/
			text-transform: uppercase; }
		body .widget_nav_menu li a:before {
			display: none; }
		body #wrapper .fusion-widget-area .current-menu-item > a {
			color: inherit; }

	/*  copyright  */
		body .fusion-copyright-content ul.menu {
			margin: 0;
			padding: 0; }



/* #Page-Specific / Misc
==================================================================================================== */
	
	/*  products -- landing pages  */
		body .page-list-ext {
			-webkit-column-gap: 0;
			-moz-column-gap: 0;
			column-gap: 0;
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;
			margin: 0 auto; }
		/*  body .page-list-ext.page-list-cols-1 {
			width: 33%; }  */
		body .page-list-ext.page-list-cols-2 {
			width: 66%; }
		body .page-list-ext::before, 
		body .page-list-ext::after {
			display: none; }
			
		body .page-list-ext .page-list-ext-item {
			background: #bf2c37;
			border: 1px solid #e0e0e0;
			box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
			flex-basis: 31%;
			margin: 0 1% 30px;
			padding: 0; }
		/* body .page-list-ext.page-list-cols-1 .page-list-ext-item {
			flex-basis: 98%; } */
		body .page-list-ext.page-list-cols-2 .page-list-ext-item {
			flex-basis: 48%; }
			
		body .page-list-ext .page-list-ext-item .page-list-ext-image {
			background: #fff;
			float: none;
			display: block;
			margin: 0;
			padding: 0;
			text-align: center;
			width: 100%; }
		body .page-list-ext .page-list-ext-item h3.page-list-ext-title {
			color: #fff;
			font-size: 20px;
			font-weight: 700;
			margin: 0;
			padding: 10px; }
		body #main .page-list-ext .page-list-ext-item h3.page-list-ext-title > a {
			color: #fff; }
	
	/*  products -- single  */
		
		/*  hotspots  */
			.hotspot-container .info-icon {
				background-size: 100% 100% !important;
				height: 42px; 
				margin-left: -9px;/*compensate for larger circle*/
				width: 42px; }
			.hotspot-container .info-icon-pulse1, 
			.hotspot-container .info-icon-pulse2 {
				margin-top: 36px; } 
			.hotspot-container .info-icon-pulse2:after {
				border-color: #bf2c37; }
			.hotspot-container .popover h4.popover-title {
				background-color: #f6f6f6;
				font-size: 16px;
				font-weight: bold;
				line-height: 1.2em;
				text-transform: uppercase; }
	
	/*  products -- accessories  */
	
		/*  filter  */
			body ul.fusion-filters {
				text-align: center; }
			body ul.fusion-filters li.fusion-filter {
				display: inline-block;
				float: none; }
			body ul.fusion-filters li.fusion-filter > a {
				padding: 5px 0; }
	
		/*  grid  */
			body .fusion-portfolio.fusion-portfolio-boxed .fusion-portfolio-content-wrapper {
				border: 1px solid #e0e0e0 !important;
				box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
				margin-bottom: 3px; }
			body .fusion-portfolio.fusion-portfolio-boxed .fusion-portfolio-content-wrapper h2.entry-title {
				background: #bf2c37;
				color: #fff;
				font-size: 20px;
				font-weight: 700;
				margin: 0;
				padding: 10px 20px; }
			body .fusion-portfolio.fusion-portfolio-boxed .fusion-portfolio-content-wrapper h2.entry-title > a {
				color: #fff;
				font-size: 20px; }
			body .fusion-portfolio.fusion-portfolio-boxed .fusion-portfolio-content-wrapper .fusion-content-sep {
				display: none; }
			body .fusion-portfolio.fusion-portfolio-boxed .fusion-portfolio-content-wrapper .fusion-post-content {
				padding: 20px; }
			body #main .fusion-rollover-content h4.fusion-rollover-title > a,
			body #main .fusion-rollover-content a.fusion-link-wrapper,
			body #main .fusion-portfolio.fusion-portfolio-boxed .fusion-portfolio-content-wrapper h2.entry-title > a {
				pointer-events: none; /*disable link*/ 
				text-decoration: none; }


	/*  find my dealer  */
		body #wpsl-wrap {
			background: #fff;
    		border: 1px solid #e0e0e0;
			box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); }
		body #wpsl-wrap .wpsl-search {
			background: #bf2c37;
			color: #fff;
			font-weight: 700;
			line-height: 2.625em; /*26*/
			margin-bottom: 0; }
		body #wpsl-wrap .wpsl-search #wpsl-search-wrap label {
			font-size: 1.625em; /*26*/
			line-height: 1.625em; /*26*/
			margin-bottom: 0;
			white-space: nowrap;
			width: auto; }
		body #wpsl-wrap .wpsl-search #wpsl-search-wrap .wpsl-input,
		body #wpsl-wrap .wpsl-search #wpsl-search-wrap .wpsl-select-wrap {
			margin-right: 30px; }
		body #wpsl-wrap .wpsl-search #wpsl-search-wrap .wpsl-input #wpsl-search-wrap input {
			color: #191919; }
		body #wpsl-wrap .wpsl-search #wpsl-search-wrap .wpsl-search-btn-wrap #wpsl-search-btn { /*blue*/
			background: #fff;
			border: 3px solid #0f57ac;
			box-shadow: 0 1px 1px rgba(0,0,0,.3);
			color: #0f57ac;
			font-size: 18px;
			font-weight: 600;
			line-height: 17px;
			margin-right: 0;
			padding: 8px 23px 10px;
			text-decoration: underline;
			text-transform: uppercase !important; }
		body #wpsl-wrap .wpsl-search #wpsl-search-wrap .wpsl-search-btn-wrap #wpsl-search-btn:hover,
		body #wpsl-wrap .wpsl-search #wpsl-search-wrap .wpsl-search-btn-wrap #wpsl-search-btn:active,
		body #wpsl-wrap .wpsl-search #wpsl-search-wrap .wpsl-search-btn-wrap #wpsl-search-btn:focus { /*red*/
			border-color: #bf2c37;
			color: #bf2c37; }
		body #wpsl-wrap .wpsl-search #wpsl-search-wrap > div {
			margin-bottom: 0; }
		
		/*  results  */
			body #wpsl-wrap #wpsl-result-list ul li {
				border-bottom-color: #e0e0e0;
				border-bottom-style: solid;
				font-weight: 400;
				padding: 15px 20px; }
			body #wpsl-wrap #wpsl-result-list ul li:nth-child(2n) {
				background: #f6f6f6; }
			body #wpsl-wrap #wpsl-result-list ul li .wpsl-store-location a {
				font-size: 1.563em; /*25*/
				line-height: 1.2em; }
			body #wpsl-wrap #wpsl-result-list ul li .wpsl-store-location .wpsl-street {
				margin-top: 5px; }
			body #wpsl-wrap #wpsl-result-list ul li .wpsl-direction-wrap {
				font-size: 1.125em; /*18*/ }
			body #wpsl-result-list li p {
				margin-bottom: .5em; }
			
			#wpsl-gmap, #wpsl-result-list, .wpsl-cat-results-filter .wpsl-select-wrap, .wpsl-filter .wpsl-select-wrap {
				margin: 0 !important; }
	
	/*  404  */
		body.error404 #main {
			padding-bottom: 40px;
			padding-top: 40px; }
			
			
			.red a {
    color: #bc2127 !IMPORTANT;
}

.info-icon {

    width: 42px !Important;
    height: 42px !important;

}




.product-filter-wrapper {
  width: 100%;
  margin: 0 auto; 
  padding: 20px;
  box-sizing: border-box;
}


.accordion {
  background-color: #f5f5f5;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}


.accordion-item {
  border-bottom: 1px solid #ddd;
}

.accordion-header {
  background-color: #2d2f32;
  color: white;
  padding: 15px;
  font-size: 18px;
  text-align: left;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  border: none;
  text-transform: uppercase;
}

.accordion-header:hover {
  background-color: #005bb5;
}


.accordion-content {
  padding: 20px;
  display: none; 
  
}

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


@media scnreen and (max-width: 768px) {
  .product-options {
	grid-template-columns: repeat(1, 1fr);
  }
}


.product-options, .product-summary {
  text-align: center;
  margin-top: 20px;

}

.product-item {
  margin: 10px;
  padding: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 20px;
  border-radius: 10px;
}



.product-item img {
  width: auto;
  max-height: 200px;
  object-fit: cover;
  margin-bottom: 10px;
}



.accordion-item:last-child {
  border-bottom: none;
}


@media (max-width: 768px) {
  .product-filter-wrapper {
    padding: 10px;
  }
}

.filter-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}



/* Grid layout for filters */
.category-filters {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* Create 3 equal columns */
  gap: 20px; /* Add space between the columns */
  margin-top: 20px;
}



label {
  font-size: 16px;
  margin-bottom: 10px;
  text-align: center;
}

select {
  width: 100%; /* Ensure the select takes full width of the container */
  height: 115px; 
  font-size: 16px;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}


/* For smaller screens, make the grid responsive */
@media (max-width: 768px) {
  .category-filters {
    grid-template-columns: repeat(2, 1fr); /* Change to 2 columns on smaller screens */
  }
}

@media (max-width: 480px) {
  .category-filters {
    grid-template-columns: 1fr; /* Stack into a single column on mobile */
  }
}


.category-filters {

    /* gap: 250px; */
    /* column-gap: 150px; */
}

/* Container for both product list and product details */
.product-container {
  display: flex;
  justify-content: space-between;
  gap: 20px; /* Space between the product list and details */
  margin-top: 20px;
}

/* Left side: Product list */
.product-list {
  flex: 1; /* Takes up 50% of the width */
  max-height: 700px; /* Limit height to allow scrolling */
  overflow-y: auto; /* Allows scrolling if there are many products */
  padding: 0px 10px 10px;
  border-radius: 8px;
}

.product-item input[type="radio"] {
    opacity: 0;
    width: 0;
    height: 0;
	margin: 0px;
}
.product-item:has(input[type="radio"]:checked) {
  background-color: #d1d1d1;
  color: #ffffff;
}

.product-item {
  background-color: #f0f0f0;
}

.product-item label {
	text-align: left;
	margin-bottom: 0px;
}

.product-item h3 {
  font-size: 16px;
  text-align: left;
}


/* .animated-hidden {
	height: 0px !important;
} */
/* Right side: Product details */
.product-details {
  flex: 1; /* Takes up the other 50% of the width */
  padding: 20px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  max-height: 800px;
  max-width: 50%;
  overflow: hidden;

}

.plow-details {
	display: none;
}

.product-image {
	overflow-y: auto;
	max-height: 700px;
}

/* Product Image Section */
.product-image img {
    width: auto;
    max-height: 200px;
	object-fit: cover;
	border-radius: 8px;
}

/* Product Description Section */
.product-description {
  margin-top: 20px;
  font-size: 16px;
  color: #333;
}

/* Product Options Section */
.product-options {
  margin-top: 20px;
  font-size: 16px;
}

/* Adjust layout for smaller screens */
@media (max-width: 768px) {
  .product-container {
    flex-direction: column; /* Stack the product list and details vertically */
  }
  
  .product-list {
    max-height: 400px; /* Adjust height for smaller screens */
  }

  .product-details {
    margin-top: 20px;
  }
}


/* General Button Styling */
button {
  background-color: #0073e6; /* Default blue color */
  color: white;
  padding: 15px 30px; /* Increase padding to make buttons larger */
  font-size: 18px; /* Increase font size for readability */
  border: none;
  border-radius: 8px; /* Rounded corners */
  cursor: pointer;
  text-align: center;
  width: auto; /* Make the button fit its content */
  display: inline-block;
  margin: 10px 0; /* Space between buttons */
  transition: background-color 0.3s ease; /* Smooth hover effect */
}

/* Hover Effects for Buttons */
button:hover {
  background-color: #005bb5; /* Darker blue on hover */
}

/* Special Button for 'Request a Quote' */
#download_pdf_button {
  background-color: #28a745; /* Green color for 'Request a Quote' */
}

#download_pdf_button:hover {
  background-color: #218838; /* Darker green on hover */
}

/* Adjust the layout for product-image and buttons */
.product-options img, .product-summary img {
  width: 100%; /* Make the image take full width */
  max-width: 300px; /* Limit the image size */
  height: auto;
  display: block;
  margin-bottom: 20px; /* Add space between the image and buttons */
}

/* Styling for Product Summary Section */
.product-summary {
  text-align: center; /* Center the content */
  margin-top: 20px;
}

#view_summary_button {
  background-color: #0073e6;
  color: white;
  padding: 20px 40px; /* Larger button with more padding */
  font-size: 20px; /* Larger font */
  border-radius: 10px; /* Rounded corners */
  margin-top: 20px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#view_summary_button:hover {
  background-color: #005bb5;
}

/* Specific styles for buttons within the summary accordion */
.product-summary button {
    font-size: 12px;
    padding: 18px 31px;
    border-radius: 10px;
}

.product-summary button#download_pdf_button {
  background-color: #19181a; /* Yellow color for 'Request a Quote' */
}

.product-summary button#download_pdf_button:hover {
  background-color: #77d5e6; /* Darker yellow on hover */
}

.product-summary button#print_button {
  background-color: #19181a; /* Green color for 'Print' */
}

.product-summary button#print_button:hover {
  background-color: #19181a; /* Darker green on hover */
}


/* Initially hide the summary accordion content */
.accordion-item#summary-accordion .accordion-content {
  display: none;

}

.accordion-item#summary-accordion.active .accordion-content {
  display: block; /* Display when 'active' class is added */
}



.vehicle-selection {
  background: #f7f8fa;
  border-radius: 10px;
  padding: 15px 20px;
  margin-bottom: 20px;
  line-height: 1.6;
  color: #333;
  font-size: 15px;
}

.vehicle-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.vehicle-details {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vehicle-details span {
  background: #e9ecef;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 14px;
}

.change-vehicle-btn {
  background: #007bff;
  color: #fff;
  border: none;
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
}

.change-vehicle-btn:hover {
  background: #0056b3;
}

.product-summary-content {

  align-items: center;
  gap: 25px;
}

.product-summary-image {
  max-width: 220px;
  border-radius: 8px;
}

.product-summary-info {
  flex: 1;
}

.product-title {
  margin-bottom: 15px;
  font-size: 18px;
  color: #000;
}

.summary-buttons {
  display: flex;
  gap: 12px;
   margin-left: 33px;
}

.summary-btn {
  padding: 10px 18px;
  border-radius: 6px;
  font-weight: 600;
  border: none;
  cursor: pointer;
}

.black-btn {
  background: #000;
  color: #fff;
}

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

h3.product-title.fusion-responsive-typography-calculated {
    text-align: justify;
    margin-left: 33px;
}
img.product-summary-image {
    margin-left: 33px;
}

@media screen and (max-width: 768px) {
	#main:has(.product-filter-wrapper) {
		padding: 10px !important;
	}

	.accordion-header {
		font-size: 15px;
		font-weight: bold;
	}

	.product-filter-wrapper {
		padding: 0px !important;
	}

	.accordion-content {
		padding: 0px !important;
	}

	.product-details {
		max-width: 100%;
		padding: 5px !important;
	}

	.product-item {
		margin: 0px 0px 20px !important;
	}

	.product-item label {
		text-align: center;
	}
}