/*-------------------------------------------------------
Theme Name: Applied Bolting Technology Child Theme
Theme URI: 
Description: A child theme template for Divi
Author: Stephen Suplita
Author URI: https://whitewhaledesigns.com/
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/

.entry-content a:not(.et_pb_button) {
	text-decoration: underline;
}

/*align the hamburger menu to the right right*/

.pa-fullscreen-menu .et_pb_menu__wrap {
	justify-content: flex-end !important;
}





/*style the opened menu*/

.pa-fullscreen-menu .opened #mobile_menu1 {
	width: 100vw !important;
	position: fixed !important;
	top: 0em !important;
	left: 0vw !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	flex-direction: column !important;
	opacity: 1 !important;
	visibility: visible !important;
	transition: visibility 0.3s, opacity 0.3s ease-in-out;
	padding: 0 !important;
}


/*style the closed menu*/

.pa-fullscreen-menu .closed #mobile_menu1 {
	background-color: #fff !important;
	text-align: center !important;
	width: 100vw !important;
	position: fixed !important;
	left: 100vw !important;
	top: 0em !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-direction: column !important;
	transition: visibility 0.3s, opacity 0.3s, left 1s, ease-in-out;
	opacity: 0 !important;
	visibility: hidden !important;
}


/*remove the bullet points from the list items*/

.pa-fullscreen-menu #mobile_menu1 li {
	list-style: none !important;
	text-align: center !important;
	width: 100%
}


/*move the menu to the top above other elements*/

.pa-fullscreen-menu .et_pb_menu__wrap span.mobile_menu_bar {
	z-index: 999999 !important;
}


/*change the opened menu icon*/

.pa-fullscreen-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
	content: "\4d" !important;
	background: #000000 !important;
	border-radius: 32px;
}

.pa-fullscreen-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
  transition: content 1s linear;
  animation-direction: reverse;
}


/*make the hamburger menu fixed position on mobile*/

.pa-fullscreen-menu .opened .mobile_menu_bar {
	/*position: fixed !important;*/
}


/*remove the default blue border top on the mobile menu*/

.pa-fullscreen-menu .et_mobile_menu {
	border-top: none;
}


/*remove the default background color on menu items*/

.pa-fullscreen-menu .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*remove the default hover background color and adjust opacity*/

.et_mobile_menu li a:hover {
	background-color: transparent;
	opacity: 1;
}


/*remove the default border bottom on menu items*/

.pa-fullscreen-menu .et_mobile_menu li a {
	border-bottom: none;
}

/*Display Divi mobile menu on desktop*/
@media (min-width: 980px) {
.et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu {
    display: none;
}
.et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu {
    display: flex;
    float: none;
    margin: 0 5px;
}
}

sup {
  font-size: 60%; 
  vertical-align: super;
  line-height: 0;
  position: static;
}

/*
.big_header sup {
    bottom: 1.5rem;
    font-size: 12px;
}
*/
.header.orange {
	color: #f47c26;
}

.et_pb_toggle_open .et_pb_toggle_title:before {
    display: block !important;
    content: "\43;";
}

.orange {
    color: #f47c26 !important;
	font-weight: bold !important;
}

ol.olist {
	margin:20px 0;
}

ol.olist { counter-reset: item; }
ol.olist li { display: block; }

ol.olist li:before {
            content: counter(item) ". ";
            counter-increment: item;
            color: #f47c26;
	font-weight: bold !important;
}

ul.ul_list li {
  list-style: none;
}

ul.ul_list li:before {
  content: '\2022';
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -10px;
  top: 0;
  color: #f47c26;
  font-size: 24px !important;
}


ul.image_dl {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.image_dl li {
	display: inline-block;
	padding: 5px 10px;
	margin-right: 5px;
	background: #f47c26;
	border-radius: 8px;
}

ul.image_dl li a {
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none !important;
}

.logo-show-more-container,
.image-show-more-container {
display:none;
}
.et-fb .logo-show-more-content {
display:block;
}

.logo-show-more-toggle,
.image-show-more-toggle {
cursor:pointer;
	text-decoration: none !important;
}

.logo-show-more-toggle:hover,
.image-show-more-toggle:hover {
    text-decoration: none !important;
}

.logo-show-more-toggle:after,
.image-show-more-toggle:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f13a";
    margin-left: 5px;
}
.logo-show-more-toggle_active:after,
.image-show-more-toggle_active:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f139";
    margin-left: 5px;
} 

select.grade,
select.diameter {
	width: 50% !important;
	font-size: 18px !important;
	padding: 5px 10px;
}

#et-boc .area-outer-wrap[data-da-color=dark] .da-close {
    background: #f47c26;
    -webkit-box-shadow: 0 0 0 1px #ffffff08;
    box-shadow: 0 0 0 1px #ffffff08;
    color: #eee;
    text-shadow: 0 0 1px #000, 0 0 3px #000a;
	border-radius: 15px;
}

.video-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 40px;
}
.video-item {
	text-align: center;
}
.video-item img {
	width: 100%;
	border-radius: 8px;
	transition: transform 0.2s;
}
.video-item img:hover {
	transform: scale(1.05);
}
.video-item h4 {
	text-align: left !important;
	font-size: 18px !important;
	margin-top: 5px !important;
	color: #F47C26 !important;
	font-weight: 700;
}

.yt-page-link {
	font-weight: 600;
	padding-right: 5px;
	font-size: 16px;
	text-decoration: none;
}

.yt-page-link:hover {
	text-decoration: underline;
}

/** contact us hubspot iframe **/

.iframe-container {
	position: relative; 
	width: 100%; 
	overflow: hidden;
	padding-top: 56.25%; 
}

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

.flange-overlay {
	position:absolute; 
	z-index: 1; 
	width:200px; 
	right:-100px;  
	top:calc(50% - 100px); 
	transition: transform 0.5s ease;
}

.structural-overlay {
	width:200px; 
	transition: transform 0.5s ease;
}

.flange-overlay:hover,
.structural-overlay:hover {
	transform: rotate(180deg); 
}


#gform_submit_button_1 {
	background: #f47c26 !important;
	color: #fff !important;
	text-transform: uppercase !important;
    font-size: 14px;
    border-color: #f47c26;
    border-radius: 8px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

i.bio {
	font-size: 28px !important;
	display: inline-block;
	margin-right: 5px;
}