/*
Theme Name: AM Technical
Template: hello-elementor
Author: The Brandesign group
Description: A child theme for Hello Elementor
Version: 1.0
*/



/* ------------------------GLOBALS ------------------------*/

:root {
	--site-color-orange: #F26923;
    --site-color-dark-blue: #0B3C5B;
	--site-color-grey: #707070;
	--site-color-white: #FFFFFF;
	--site-color-black: #191919;
    --site-color-: ;
	--site-color-: ;
	--site-color-: ;
	--site-color-: ;
}


body{
	overflow-x:hidden !important;
}



/* Menu CSS */

#bd-header-menu .elementor-nav-menu--main .elementor-item.elementor-item-active::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: -1px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #F26923;
    
    /* Clean background */
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;

    /* Positioning tweaks */
    vertical-align: middle;
    position: relative;
    top: 0px;
    margin-right: 5px;
}

#bd-header-menu .elementor-nav-menu--main .elementor-item.elementor-item-active {
    color: #F26923 !important;
}

/* End */


/* Padding */
.main-padding{
    padding: 40px 0px!important; 
}

.heading-padding{
	padding: 40px 0px 20px !important;
}

.top-padding{
	padding: 40px 0px 0px !important;
}

.bottom-padding{
	padding: 0px 0px 40px !important;
}

/* ------------------------END GLOBALS ------------------------*/

/* Custom css */


#bd-services-cards:hover{
	transition:all ease-in-out 0.3s;
	transform:translatey(-10px);
}

#bd-orange-triangle{
	position:absolute;
	left:-7px;
	bottom:-7px;
}

.elementor-slideshow__title{
	display: none;
}

/* ------------------------BUTTONS ------------------------*/

/* Button Wrapper */
#bd-white-btn a {
  display: inline-block !important;
  position: relative !important;
  padding: 5px 30px !important;
  color: white !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  border: 2px solid white !important;
  background-color: transparent !important;
  font-family: sans-serif !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth grow + shadow */
  z-index: 1 !important;
}

/* Hover Effect */
#bd-white-btn a:hover {
  transform: scale(1.08); /* Button grows on hover */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Optional shadow lift */
}

/* Triangle Shape Inside Button */
#bd-white-btn a::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 0 !important;
  height: 100%;
  border-bottom: 28px solid white !important;
  border-right: 28px solid transparent !important;
  z-index: 1 !important;
  transition: inherit; /* Triangle follows button animation */
}

/* Button Text Layered Above Triangle */
#bd-white-btn span {
  position: relative !important;
  z-index: 2 !important;
}


/* ------------------------END BUTTONS ------------------------*/




/* ------------------------Media Query ------------------------*/


/* ------------------------Mobile Query------------------------*/
@media only screen and (max-width: 1024px) {
	
.main-padding{
    padding: 20px 0px!important; 
}

.heading-padding{
	padding: 20px 0px 10px !important;
}

.top-padding{
	padding: 20px 0px 0px !important;
}

.bottom-padding{
	padding: 0px 0px 20px !important;
}
	
}


    /* --------------GLOBALS --------------*/

/* Shared Base Style – No Left Padding */
.bd-orange-triangle-heading,
.bd-white-triangle-heading {
  position: relative;
  padding-left: 0;
  line-height: 1.2;
}

/* Orange Triangle */
.bd-orange-triangle-heading::before {
  content: '';
  position: absolute;
  top: 0.45em;
  left: -1.4em; /* Shift triangle to left of text */
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 1.2em 1.2em 0;
  border-color: transparent transparent #F26923 transparent;
}

/* White Triangle */
.bd-white-triangle-heading::before {
  content: '';
  position: absolute;
  top: 0.45em;
  left: -1.4em;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 1.2em 1.2em 0;
  border-color: transparent transparent #ffffff transparent;
}


/* BD Gallery Styles */
.bd-gallery-item {
  position: relative;
  flex: 0 0 calc(20% - 15px);
  max-width: calc(20% - 15px);
}

.bd-gallery-item img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  display: block;
}

.bd-gallery-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 10px;
}

.bd-gallery-item:hover::after {
  opacity: 1;
}

.bd-gallery-item:hover::before {
  content: "";
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  height: 300px;
  background-image: inherit;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 10px 30px rgba(0,0,0,0.4);
  border-radius: 10px;
  z-index: 10;
}

/* JavaScript adds the image as a background */





/* ============================
   Contact Form Styling
============================ */
.forminator-ui input,
.forminator-ui textarea,
.forminator-ui .forminator-select select {
    border: none !important;
    background-color: #f2f2f2 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 12px 15px !important;
    font-size: 14px;
    color: #000 !important;
}

/* ============================
   Label Styling
============================ */
.forminator-label {
    font-size: 12px;
    font-weight: bold;
    color: #0a1e35;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
}

/* ============================
   Focus Styling for Inputs
============================ */
.forminator-ui input:focus,
.forminator-ui textarea:focus {
    outline: none !important;
    border: 2px solid #F26923 !important;
    background-color: #f2f2f2 !important;
}

/* ============================
   Focus Styling for Select
============================ */
.forminator-ui .forminator-select select:focus {
    outline: none !important;
    border: 2px solid #F26923 !important;
    background-color: #f2f2f2 !important;
}

/* Style dropdown options */
.forminator-ui .forminator-select select option {
    background-color: #f2f2f2 !important;
    color: #000 !important;
    padding: 10px;
}

/* ============================
   Textarea Styling
============================ */
textarea.forminator-textarea {
    height: 120px !important;
    resize: none;
}

/* ============================
   Button Styling
============================ */
.forminator-button {
    background-color: #f26923 !important;
    border: none !important;
    padding: 12px 25px;
    color: #fff !important;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.forminator-button:hover {
    background-color: #d9561c !important;
}

/* ============================
   Layout Spacing
============================ */
.forminator-row {
    margin-bottom: 15px !important;
}

h3.forminator-title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    color: #0a1e35;
    margin-bottom: 20px;
}

.forminator-ui.forminator-custom-form[data-design=basic] .forminator-description span {
    display: none !important;
}

	
	
	
    /* --------------GLOBALS --------------*/
    
    
  }

  /* ------------------------End Mobile Query------------------------*/

  /* ------------------------Tablet Mobile Query ------------------------*/

  @media only screen and (min-width: 601px) and (max-width: 1024px) {
    /* Styles for tablets (portrait and landscape) */
    
	  
	  
	  
	  
	  
	  
	  
  }