/*
Theme Name: Hello Elementor Child
Theme URI: https://tasfabrications.com.au/
Template: hello-elementor
Text Domain: hello-elementor-child
Author: MOMO Media
Author URI: https://momomedia.com.au
Description: Website of TAS Fabrications
Tags: 
Version: 2.6.9
*/
header#site-header {display:none!important;}
header span svg {width: 20px;height: 20px;vertical-align: middle;}
a {text-decoration:none!important}
[type="submit"]:not(:disabled) {width:100%!important; background:#000!important; border:1px solid #000 !important}
label {display: inline-block;line-height: 1;vertical-align: middle;font-size: 18px;padding-bottom: 10px;text-align: left;}
img {
    width: 100%; /* Adjust the width as needed */
    height: auto;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 50%); /* Adjust the clip path to create the diagonal cut */
}

h2 {letter-spacing:0px!important;}
input, textarea, date, select {margin-bottom:10px!important}

#hero-3-box h2 span {display:block!important; font-size:15px!important}
#intro nav li {border-bottom: 1px solid black; width: 300px;}
#intro a:hover {color:black!important}
.fancy-border::before{content: ""; position: absolute;bottom: 0;right: 0; width: 100px;height: 5px;/*border thickness*/background-color: #fff; /*border color*/}
.red::before{content: ""; position: absolute;bottom: 0;right: 0; width: 100px;height: 5px;/*border thickness*/background-color: #EF4030; /*border color*/}
#services figure a::before{content: ""; position:absolute;bottom:0;right:0;width:100px;height: 5px;/* border thickness*/background-color:#AFC3C9; /* the color */}
#services figure a:hover::before{content: ""; position:absolute;bottom:0;right:0;width:100%;height: 7px;/* border thickness*/background-color:#188DC9; /* the color */}
#services figure a:hover::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0; /* Change 'right' to 'left' */
  width: 100%; /* You can adjust this value as needed */
  height: 7px;
  background-color: #188DC9;
}


#services figure a::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100px;
  height: 5px;
  background-color: #AFC3C9;
  transition: width 2s; /* Add transition property */
}

#services figure a:hover::before {
  width: 100%; /* Adjusted width for hover state */
  background-color: #188DC9;
}


#intro h2 strong, #intro h2 b {color:#188DC9!important}

@media (max-width: 767px) {
	p, li span {font-size:16px!important}
	#hero-3-box h2 {font-size:17px!important}
}



@media screen and (min-width:763px){
form .left-side, form .right-side {width:47.5%; float:left}
	form .left-side {margin-right:5%}}


@media screen and (max-width:680px)
{#partners .gallery-item {width:50%!important}
}


form select {height:43px!important}
textarea {overflow: auto;resize: vertical;height: 145px!important;}
.wpcf7-not-valid-tip {font-size: 15px;text-align: left;}



.elementor-image-box-content {width: 100%; padding: 0 20px 5px!important;}


/* Create the water border element */
.wave-animated-blue  {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .5s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%2300518c' stroke-width='1' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 30px 40%;
    border-bottom: 0;
    padding-bottom: 40px!important; margin-bottom:0!important;
	text-decoration: none;}


.flashing-image {  animation: flash 3s infinite alternate; /* Adjust the animation durations as needed */}

@keyframes flash {
  0% {opacity: 1;}
  50% {opacity: 0;}
  100% {opacity: 1;}
}

#page-header > div:last-child
{position: relative;
  padding-bottom: 0px; /* Adjust this value to control the height of the diagonal line border */

  /* Create the diagonal line border */
  &::before {
    content: "";
    position: absolute;
    left: 0;
	  bottom:-10px;
	  z-index:9999;
    width: 25%;
    height: 20px; /* Adjust this value to control the thickness of the diagonal line */
    background: repeating-linear-gradient(
      -50deg, /* Angle of the lines */
      transparent,
      transparent 5px, /* Width of each line */
      black 2px, /* Color of the lines */
      black 8px /* Spacing between each line */
    );
  }}