/*
 Theme Name:   Twenty Twenty-One Child
 Theme URI:    https://diviextended.com/
 Description:  A child theme of Twenty Twenty-One WordPress theme.
 Author:       Typework Studio
 Author URI:   https://typeworkstudio.com
 Template:     twentytwentyone
 Version:      1.0.10
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Apply this only in the WordPress Admin area */
body.wp-admin textarea,
body.wp-admin input[type="text"],
body.wp-admin input[type="email"],
body.wp-admin input[type="url"],
body.wp-admin input[type="password"],
body.wp-admin input[type="search"],
body.wp-admin input[type="number"],
body.wp-admin input[type="tel"],
body.wp-admin input[type="range"],
body.wp-admin input[type="date"],
body.wp-admin input[type="month"],
body.wp-admin input[type="week"],
body.wp-admin input[type="time"],
body.wp-admin input[type="datetime"],
body.wp-admin input[type="datetime-local"],
body.wp-admin input[type="color"] {
    background-color: #ffffff !important;
}
select {
  outline: none!important; /* General focus styles */

  box-shadow: none!important; /* Remove focus glow (if any) */
}

body, html {
    overflow-x: hidden!important;
	font-family: usual, sans-serif!important;
	
	background-color: #f9f9f9!important;
}
h1, h2, h3, h4, h5, h6, ul, ul li, a{font-family: usual, sans-serif!important;}


/*Dropdown Menu*/
#navbar {
  background-color: #fff; /* Black background color */
  position: fixed; /* Make it stick/fixed */
  top: -100px; /* Hide the navbar 50 px outside of the top view */
  width: 100%; /* Full width */
  transition: top 0.3s; /* Transition effect when sliding down (and up) */
    z-index: 9999!important;
    display: flex!important;
    align-items: center!important; justify-content: space-between;
}
a, a:active, a:focus, input:active, input:focus {
   outline: none!important;
}
p{ margin-bottom: 20px!important;}
.page-id-513 #navbar, body.page-id-5832 #navbar, body.archive #navbar, body.page-template-default #navbar, body.single #navbar, .page-id-611 #navbar, .page-id-21 #navbar, .page-id-3 #navbar{top: 0px!important; /* Hide the navbar 50 px outside of the top view */}

body.page-id-5832 .tws-menu{ display: none!important;}

.tws-menu{ display: flex!important; width: 100%;
justify-content:space-between!important; position: absolute; top: 0; left: 0; z-index: 999; align-items:center!important;}
.logo{ margin-left: 2%!important; padding: 25px 0!important; width: 18%; position: absolute; top: 0px; left:0;z-index: 999!important;}
.logo img{max-width: 200px; min-width: 100px}
#navbar .logo img{max-width: 200px; min-width: 100px}
.tws-topnav{ width: 100%;  margin-right: 0%!important; padding:15px 0 15px 0;font-family: usual, sans-serif!important; }
.tws-topnav ul { list-style: none; width: 100%; min-width: 100%!important;  margin: 0px auto; padding:0;text-align: right!important; display:block!important; }
.tws-topnav ul li{ display: inline-block;position: relative!important;text-align: center!important; padding: 15px!important; }
.tws-topnav ul li a{ text-decoration: none!important; font-size: 16px!important; color: #fff; font-weight: 400!important;padding:5px 10px!important;font-family: usual, sans-serif!important; }


.tws-topnav ul li ul{text-align: left!important; background-color: #fff!important; transform: translateY(-10px)!important; /* Slight upward position for animation */
  transition: opacity 0.3s ease, transform 0.3s ease!important; /* Smooth dropdown transition */display:none!important;}
.tws-topnav ul li:hover ul{display: block!important; position: absolute!important; top: 50px!important; left:0px; width: 270px!important;
  opacity: 1;
  transform: translateY(0)!important; /* Dropdown slides into place */}
.tws-topnav ul li ul li{position: relative!important;text-align: left!important; display: block!important; }
.tws-topnav ul li ul li{ padding: 0px 10px 0 30px!important;background-image: url('/images/gray-arrow.png'); background-position:15px center!important; background-size: 10px!important; background-repeat: no-repeat;}
.tws-topnav ul li ul li a{ font-size: 14px!important; text-align: left!important; text-transform: none!important; font-weight: 500!important; padding: 0!important; margin:  0!important;font-family: usual, sans-serif!important;}
.tws-topnav ul li:hover, .tws-topnav ul li:hover ul{ background-color: #fff!important;}
.tws-topnav ul li:hover ul{padding: 10px 5px 20px!important;}
.tws-topnav ul li:hover a{ color: #333!important;}

#navbar .tws-topnav ul li a{ color: #333; }
.tws-topnav ul li a:hover, #navbar .tws-topnav ul li a:hover{color:#BE601B!important}
#navbar .tws-topnav ul li.cta, .tws-topnav ul li.cta{background-color: #BE601B!important; color: #fff!important; border-radius:7px!important; }
.tws-topnav ul li.cta a:hover{color:#fff!important; border-radius:7px!important;}
.tws-topnav ul li.cta:hover, #navbar .tws-topnav ul li.cta:hover{background-color: #de6913!important;border-radius:7px!important;}
.tws-topnav ul li.cta:hover a,.tws-topnav ul li.cta:hover a,
#navbar .tws-topnav ul li.cta a, #navbar .tws-topnav ul li.cta:hover a{color:#fff!important; border-radius:7px!important;}
button.sub-menu-toggle{ display: none!important}



/*MegaMenu Styles*/


/*Home Page*/
.list ul{ list-style: none!important;}
.about-nav ul li{display: block!important; padding-top: 0px!important; padding-bottom: 0px!important;}
.tws-search{width: 20%; text-align: right;}
button.mfp-close{ background-color: transparent!important;}
a.eael-post-elements-readmore-btn{display: inline-block!important;}

.ctus a{ text-decoration: underline!important; color: #BE601B!important;}
.tws-footer{display: flex; width:100%; background-color: #333!important; padding: 35px 2%; margin-top: 40px!important;
justify-content: space-between; align-content: center; color: #ccc!important;font-size: 13px!important;}
.tws-footer a{color:#dadada!important;}
.copyright{width: 33.3333%}
.add{text-align: center; width: 33.3333%}
.social{text-align:right;width: 33.3333%}
.social a{display: inline-block;margin: 0 15px!important; font-size:15px!important;}

#responsive-menu-pro-additional-content{ padding: 0!important; margin: 10px 5% 10px!important;color:#ccc!important}
#responsive-menu-pro-additional-content a{color:#BE601B!important; text-decoration: underline!important;font-family: usual, sans-serif!important; }
#responsive-menu-pro-title, #responsive-menu-pro-title-image{ margin: 0!important; padding: 10px!important;}
.responsive-menu-pro-search-box{ border: solid 1px #999!important;	font-family: usual, sans-serif!important; color: #ccc!important; font-size: 10px!important;}
.responsive-menu-pro-search-box::placeholder{ color: #ccc!important;font-family: usual, sans-serif!important;}

/*About Us*/
.sidenav ul {list-style:none!important }
/*History Timeline*/
.history-timeline h3.eael-timeline-title{font-weight: 300!important; line-height: 1.2em!important;}
.history-timeline h3.eael-timeline-title a{font-weight: 300!important; line-height: 1.2em!important;}

ul.services-bar { margin: 0 0 0 5px!important; padding: 0!important; list-style: none!important; font-size: 15px!important;}
ul.services-bar  li{padding:5px 0px 5px 20px!important; background-image: url('/images/menu-arrow.png'); background-repeat: no-repeat; background-position: left center!important;background-size:5px!important}
/*News*/
h3.elementor-post__title a:hover{ color: #BE601B!important; }
a.elementor-post__read-more{text-decoration: underline!important;}
a.elementor-post__read-more:hover{ color: #000!important; text-decoration: underline!important;}
.sbar{ font-size: 14px!important;}
.sbar h2{ margin-bottom: 14px!important; padding-bottom:14px!important; margin-top:20px!important; font-weight: 500!important; font-size: 20px!important; border-bottom: solid 1px #ccc!important;}
.sbar ul { margin: 0px!important;}
.sbar ul li{ margin: 0!important;}
.sbar ul li a{ font-size:14px!important; padding: 5px 0!important; margin: 0!important;}
.sbar label{ margin-bottom: 20px!important; font-weight: 700!important;}
.sbar input.wp-block-search__input{ font-family: "neulis-sans", sans-serif!important;border: solid 1px #c9c9c9!important;  margin-top: 10px!important;-webkit-border-top-left-radius: 7px!important;
-webkit-border-bottom-left-radius:  7px!important;
-moz-border-radius-topleft: 7px!important;
-moz-border-radius-bottomleft:  7px!important;
border-top-left-radius:  7px!important;
border-bottom-left-radius:  7px!important; font-size: 14px!important;}
.sbar button{margin-top: 10px!important; font-size: 14px!important;border-top-radius: 7px!important;-webkit-border-top-right-radius:  7px!important;
-webkit-border-bottom-right-radius:  7px!important; font-weight: 700!important;
-moz-border-radius-topright:  7px!important;
-moz-border-radius-bottomright:  7px!important;
border-top-right-radius: 7px!important;
border-bottom-right-radius:  7px!important;}
.sbar button:hover{ border-color: #f90!important; background-color:#f90!important; color: #333!important; }
.sbar label{ margin-bottom: 20px!important; font-weight:400!important;font-family: "usual", sans-serif!important; font-size: 20px!important;}
.sbar input.wp-block-search__input{ border: solid 1px #c9c9c9!important;  margin-top: 10px!important;-webkit-border-top-left-radius: 7px!important;
-webkit-border-bottom-left-radius:  7px!important;
-moz-border-radius-topleft: 7px!important;
-moz-border-radius-bottomleft:  7px!important;
border-top-left-radius:  7px!important;
border-bottom-left-radius:  7px!important; font-size: 14px!important;}
.sbar button{margin-top: 10px!important; font-size: 14px!important;border-top-radius: 7px!important;font-family: "neulis-sans", sans-serif!important;-webkit-border-top-right-radius:  7px!important;
-webkit-border-bottom-right-radius:  7px!important; font-weight: 700!important; background-color:#BE601B!important;
-moz-border-radius-topright:  7px!important;
-moz-border-radius-bottomright:  7px!important;
border-top-right-radius: 7px!important;color: #fff!important;
border-bottom-right-radius:  7px!important;}
.sbar button:hover{ border-color: #333!important; background-color:#333!important; color: #fff!important; }
.sbar a:hover{color:#BE601B!important;}
/*Services Sidebar*/
.buy-sbar a:hover{color:#BE601B!important;}
.buy-sbar a.link{color:#BE601B!important; text-decoration: underline!important; display: block; margin-top: 10px!important;}
a.plink{color:#BE601B!important; text-decoration: underline!important; }
.buy-sbar a.link:hover, a.plink:hover{color: #333!important;}
h3 a:hover{color:#BE601B!important; }
button.agree{color:#fff!important; border-radius: 35px!important;}

/*Request Quote*/
#frm_field_38_container{text-align: center!important;}
#field_c5l9g_label{text-align: center!important;}
.frm_flex{text-align: center!important; justify-content: center!important;}

@media all and (max-width:1180px){ 
    .tws-topnav{display: none;}
.tws-search{width: 15%; text-align: right; margin-right: 80px}
    .tws-search{display: none!important;}
    
}
@media all and (max-width:599px){
	.tws-footer{display: flex; width:100%; background-color: #333!important; padding: 35px 40px; margin-top: 40px!important;
justify-content: space-between; align-content: center; color: #ccc!important;font-size: 13px!important;}
    #navbar{ min-height: 55px!important; max-height: 55px!important;}
	#navbar .logo img{max-width: 130px; min-width: 7px}
	
    .tws-menu{ display: flex!important; width: 100%;
justify-content:center!important; position: absolute; top: 0; left: 0; z-index: 999; align-items:center!important;}
    .logo{ margin-left: 0%!important; padding: 15px 0!important; width: 100%!important; text-align:center!important; }

    .logo img{max-width: 180px; min-width: 100px}
    
    .tws-footer{display: flex; width:100%; background-color: #333!important; padding: 35px 60px;  margin-top: 40px!important;
justify-content: space-between; align-content: center; color: #ccc!important;font-size: 13px!important;flex-direction:column!important;}
    .copyright{text-align:center;width: 100%; padding-bottom: 10px!important;}
.add{text-align: center; width:100%; padding-bottom: 10px!important;}
.social{text-align:center;width: 100%}
  
}