/*

Theme Name: Bohrman Manufacturing

Description: Ocreative Client Website

Author: Ocreative

Author URI: https://www.ocreative.com

Template: Avada

Version: 1.0.0

Text Domain:  Avada

*/

/* Text Styling */

h1, h2, h3, h4, h5, h6, p {text-wrap:pretty !important;}

.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text p, .white-text li, .white-text .vfb-control-label, .white-text {
	color:#FFF !important;
}

.white-links a {color:#FFF !important;}
.white-links a:hover {color:#f68d2e !important;}

.small-text p {
	font-size:14px !important; 
	line-height:18px !important; 
} 

.large-bold strong {font-size:23px !important; line-height:29px !important;}

/* Text Underlines */

.orange-underline{ 
  position: relative;
  display: inline-block;
  white-space: nowrap;
  z-index: 0; /* creates a stacking context */
}

.orange-underline::after{
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  bottom: 7px;
  background: #f68d2e;
  border-radius: 2px;

  transform: scaleX(0);
  transform-origin: left center;

  transition: transform 1200ms ease;
  transition-delay: 150ms;

  z-index: -1;            /* <-- underline behind */
}

.orange-underline.is-visible::after{
  transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce){
  .orange-underline::after{
    transition: none;
    transform: scaleX(1);
  }
}

/* Button Styling */

.button {
  /* defaults colors */
  --arrow-color: #7fc6c2;
  --border-color: #e9e9e9;

  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size:20px;

  background: var(--background-color);
  color:  var(--text-color);
  border: 0px solid var(--border-color);

  padding: 7px 24px;
  font-weight: 800;
  text-decoration: none;

  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

.button::after{
  content: "";
  width: 23px;
  height: 23px;
  flex: 0 0 23px;

  /* arrow color */
  background-color: var(--arrow-color);

  /* sharper “incut” arrow */
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M1.00%2010.08%20L1.33%209.41%20L3.01%209.07%20L14.05%209.24%20L13.55%208.40%20L11.12%206.48%20L11.12%205.48%20L13.71%202.88%20L14.72%202.88%20L22.33%2010.33%20L23.00%2011.67%20L22.50%2013.51%20L14.72%2021.12%20L13.38%2020.95%20L11.12%2018.69%20L11.12%2017.52%20L14.05%2015.26%20L14.38%2014.59%20L1.67%2014.59%20L1.00%2013.76%20Z%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M1.00%2010.08%20L1.33%209.41%20L3.01%209.07%20L14.05%209.24%20L13.55%208.40%20L11.12%206.48%20L11.12%205.48%20L13.71%202.88%20L14.72%202.88%20L22.33%2010.33%20L23.00%2011.67%20L22.50%2013.51%20L14.72%2021.12%20L13.38%2020.95%20L11.12%2018.69%20L11.12%2017.52%20L14.05%2015.26%20L14.38%2014.59%20L1.67%2014.59%20L1.00%2013.76%20Z%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;

  transition: background-color .18s ease, transform .18s ease;
}

/* variants */
.button-teal { --arrow-color: #7fc6c2; --background-color: #FFF; --text-color: #000;}
.button-orange { --arrow-color: #f68d2e; --background-color: #FFF; --text-color: #000;}
.button-blue { --arrow-color: #3a4559; --background-color: #FFF; --text-color: #000;}
.button-teal-bg { --arrow-color: #FFF; --background-color: #50848f; --text-color: #FFF;}
.button-blue-bg  { --arrow-color: #FFF; --background-color: #3a4559; --text-color: #FFF;}
.button-orange-bg  { --arrow-color: #FFF; --background-color: #d86836; --text-color: #FFF;}

/* hover: orange background + white text + white arrow */
.button:hover,
.button:focus-visible{
  background: #f68d2e;
  border-color: #f68d2e;
  color: #fff;
}

.button:hover::after,
.button:focus-visible::after{
  background-color: #fff;
  transform: translateX(2px);
}

.double-button .button {margin-right:20px !important;}

/* Link Styling */

.arrow-link a {font-weight:bold !important;}

.arrow-link a::after {
	padding-left:5px;
	color:#0084b7;
	display:absolute; 
	top:15px; 
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f30b"; 
	font-size:16px !important;
}

.arrow-link:hover a::after {
	padding-left:5px;
	color:#005aaa;
	display:absolute; 
	top:15px; 
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f30b"; 
}

.white-link:hover::after {
  width: 25%;
  margin:0px auto;
}

.white-link {
  display: inline-block;
  font-weight:bold;
}

.white-link::after {
  content: '';
  width: 100%;
  height: 2px;
  display: block;
  background: #FFF;
  transition: 300ms;
  margin:0px auto;
}

.black-link:hover::after {
  width: 25%;
  margin:-4px auto;
}

.black-link {
  display: inline-block;
  font-weight:bold;
  color:#000 !important;
}
 
.black-link::after {
  content: '';
  width: 100%;
  height: 2px;
  display: block;
  background:rgba(0,0,0,1.00);
  transition: 300ms;
  margin:-4px auto;
}


/* Misc Styling */

.background-contain .fusion-column-wrapper, .background-contain {
    background-size:contain !important;
    
}

.background-cover .fusion-column-wrapper, .background-cover {
    background-size:cover !important;
    
}

.background-auto .fusion-column-wrapper, .background-auto {
    background-size:auto !important;
    
}

.uppercase {
	text-transform:uppercase !important;
}

/* Header Styling */

#menu-main-menu {margin-top:8px !important;}

/* Force Bottom Bar highlight to stay "on" for current menu items (legacy header) */

.menu-text {color:#FFF !important;}

.current_page_item .fusion-bottombar-highlight:not(.fusion-main-menu-icon):after {
  transform: scaleX(1) !important;
  opacity: 1 !important;
  top:51px !important;
}


/* Custom Bullet List */

.orange-checklist ul {padding-left:0px !important; margin-top:0px !important;}

.orange-checklist li {
    background: url(/wp-content/uploads/2026/02/Arrow0106-DkOrange@2x-100.jpg) no-repeat 7px 4px transparent;
    list-style-type: none;
    margin: 0;
	background-size:19px;
    padding: 0px 0px 5px 34px;
    vertical-align: middle;
}

.orange-circle-checklist ul {padding-left:0px !important; margin-top:0px !important; margin-bottom:5px !important;}

.orange-circle-checklist li {
    background: url(/wp-content/uploads/2026/02/CheckMark@2x.png) no-repeat 7px 0px transparent;
    list-style-type: none;
    margin: 0;
	background-size:29px;
	font-size:24px !important;
	font-weight:600 !important;
    padding: 0px 0px 12px 42px;
    vertical-align: middle;
}

.space-bullets li {margin-bottom:15px !important;}

/* Animation Styling */ 

.resp-iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 82.25%;
}

.resp-iframe-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Homepage Styling */

	/* Carousels */

	.awb-imageframe-style-schantel .awb-imageframe-caption-container .awb-imageframe-caption-text {padding:0px !important;}

	.awb-imageframe-caption-title {
	  text-decoration-line: underline;
	  text-decoration-color: #83c1c0;     
	  text-decoration-thickness: 4px;     
	  text-underline-offset: 0.10em;      
	  text-decoration-skip-ink: none;
	}

	.first-carousel .swiper-slide:nth-child(2) .awb-imageframe-caption-title {text-decoration-color:#d86835 !important;}

	.awb-imageframe-style-dany img, .awb-imageframe-style-dario img, .awb-imageframe-style-navin img, .awb-imageframe-style-resa img, .awb-imageframe-style-schantel img {opacity:1.0 !important;}

	/* Why Choose */

.why-choose strong {font-weight:900 !important; font-size:26px !important; line-height:32px !important;}

.why-choose-quote strong {font-weight:900 !important; font-size:38px !important; line-height:44px !important;}

	/* Vinyl Coated Clamps */

.specifications span {text-decoration-color:#3b4559 !important}

.specifications strong {font-size:27px !important; line-height:33px !important;}

.spec-values {line-height:38px !important;}

.table-1 table, .tkt-slctr-tbl-wrap-dv table, .table-1 table th, .tkt-slctr-tbl-wrap-dv table th, .table-1 tr td, .tkt-slctr-tbl-wrap-dv tr td, .table-1 tr:nth-child(2n), .tkt-slctr-tbl-wrap-dv tr:nth-child(2n){
	background:transparent !important; 
	border:0px !important; 
	color:#FFF !important;
	box-shadow:none !important;
}

.table-1 table th {
	font-family:amplitude !important; 
	font-size:26px !important; 
	line-height:32px !important; 
	font-weight:bold !important;
	text-decoration:underline !important;
	text-decoration-color:#d86835 !important;
	width:17.5% !important;
}

.table-1 table th:last-child {width:30% !important;}

td {vertical-align:top !important;}

/* Clips Page */

.vinyl-dipped-details h5 {padding-bottom:0px !important; margin-bottom:0px !important;}

.anchor-links a {font-size:26px !important; line-height:32px !important;}

/* Request a Quote Page */

.contact-links a {color:#000 !important;}
.contact-links a:hover {color:#f68d2e !important;}

.quote-form .fusion-form-form-wrapper .fusion-form-field {margin-top:9px !important; margin-bottom:9px !important;}

.button-xlarge {padding:9px 21px !important;}

.fusion-button i {color:#d86835 !important;}
.fusion-button:hover i {color:#FFF !important;}

/* Responsive Styling and Media Queries */

/* Mobile Menu */

.fusion-mobile-menu-icons a {
	font-size:34px !important;
}

/* Media Queries */

@media screen and (max-width:1680px) {
	
	h1, h2 {font-size:70px !important; line-height:78px !important;}
	h3, h4 {font-size:30px !important; line-height:36px !important;}
	h5, h6 {font-size:26px !important; line-height:32px !important;}
	
}

@media screen and (max-width:1024px) {
	
	.double-button .button {margin-right:0px !important; margin-top:5px !important;}
	
	/* Misc */
	
	.background-removal {background:none !important;}
	
	.border-removal {border:0px !important;}

}

@media screen and (max-width:1440px) {
	
	h1, h2 {font-size:60px !important; line-height:68px !important;}
	h3, h4 {font-size:27px !important; line-height:33px !important;}
	h5, h6 {font-size:23px !important; line-height:29px !important;}
	
	.why-choose strong {font-weight:900 !important; font-size:24px !important; line-height:30px !important;}

	.why-choose-quote strong {font-weight:900 !important; font-size:34px !important; line-height:40px !important;}
	
}

@media screen and (max-width:800px) {
	
	h1, h2 {font-size:48px !important; line-height:54px !important;}
	h3, h4 {font-size:25px !important; line-height:31px !important;}
	h5, h6 {font-size:22px !important; line-height:28px !important;}
	p {font-size:19px !important; line-height:25px !important;}
	
	.large-bold strong {font-size:21px !important; line-height:27px !important;}
	
	.why-choose strong {font-weight:900 !important; font-size:22px !important; line-height:28px !important;}

	.why-choose-quote strong {font-weight:900 !important; font-size:30px !important; line-height:36px !important;}
	
}