/*
Theme Name: Sydney Child
Theme URI: https://athemes.com/theme/sydney
Template: sydney
Author: aThemes
Author URI: https://athemes.com
Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. As well as being fully compatible with Elementor, Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page. Looking for a quick start with Sydney? With just a few clicks, you can import one of our existing demos (https://athemes.com/sydney-demos/)
Tags: two-columns,right-sidebar,block-styles,custom-colors,custom-background,custom-header,custom-menu,featured-images,sticky-post,theme-options,threaded-comments,translation-ready
Version: 2.14.1689328182
Updated: 2023-07-14 15:19:42

*/

#menu-primary-menu
{
	list-style:none;
}
#menu-topbar-menu
{
	list-style:none;
	text-align:right;
}
#menu-primary-menu li,
#menu-topbar-menu li
{
	display:inline-block;
	margin-right:8px;
}
#site-logo img
{
	max-height:150px;
	width: auto;
}
#masthead img
{
/* 	max-width:150px; */
	margin-left:0;
}
.wpcf7 textarea
{
	width:100%;
	resize:none;
}
.wpcf7 label
{
	width:100%;
}
.menu-item.fa
{
	width:30px;
}
.menu-item.fa a
{
	visibility:hidden;
}
.menu-item.fa a:before
{
	font-family: 'Font Awesome 5 Brands';
  visibility: visible;
  font-size: 20px;
  height: 25px !important;
  width: 25px !important;
  background-color: transparent !important;
  color: #002859 !important;
	opacity:1 !important;
}
.menu-item.fa.fbicon a:before
{
	content:"\f09a";
}
.menu-item.fa.twicon a:before
{
	content:"\f099";
}
.menu-item.fa.linicon a:before
{
	content:"\f08c";
}
.menu-item.cus_menu a
{
	margin: 0 15px !important;
}
.service_icon .elementor-icon-box-icon
{
    display: none !important;
}
.cover-ele 
{
	width:70%; 
	text-align: left; 
	border-radius: 20px; 
	position: relative; 
	min-height: 1px; 
	height:9rem;
}
.card-ele
{
	background-color: #fff;
	width: 80%; 
	text-align:left; 
	position: absolute; 
	left: 8%; 
	top:11%;
	border-radius: 18px; 
	box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 20%); 
	height:8rem; 
	display:flex;
}

.title-ele 
{
	margin-bottom:10px;
	color:#2f3234; 
	font-size:1rem; 
	align-self:center;
	max-width:75%;
	width:72%;
	text-align:center;
}
.box-8 
{
    float: left;
    border-right: 7.5px solid;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
}
.box-9 
{
    float: left;
    width: 15px;
    height: 26px;    
}
.box-10 
{
    float: left;
    border-left: 7.5px solid;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
}
.box-18 
{
    float: left;
    border-right: 15px solid;
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
}

.box-19 
{
    float: left;
    width: 30px;
    height: 52px;   
}
.box-20 
{
    float: left;
    border-left: 15px solid;
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
}
.step-hex {
		float: left;
    width: 60px;
    align-self: center;
    position: absolute;
    right: 1%;
    top: 35%;
}
@media (min-width:768px) and (max-width:1023px)
{
	.custom-ele-sec .elementor-col-20 {	width: 50%;	}
}
@media (min-width:896px) and (max-width:1023px) 
{
	.step-hex {	right:9%;	}
	.card-ele { left:4%;	}
}
@media (min-width:768px) and (max-width:895px) 
{
	.step-hex {	right:7%;	}
	.card-ele { left:5%;	}
}
@media (max-width:767px) 
{
	.step-hex {	right:6%;	}
	.card-ele { left:6%;	}
	header nav{
		margin-top:30px!important;
	}
}

/* 25/11/2022 */
nav li.menu-item a{
	padding-top: 0px!important;
  padding-bottom: 0px!important;
  max-height: 40px;
  min-height: 40px;
}
nav ul.sub-menu{
	width:250px!important;
}

@media(max-width:500px){
	.dha_step ul{
	padding-left:25px;
 }
}
@media(min-width:768px) and (max-width:1024px){
	header nav{
		margin-top:40px!important;
	}
}
nav span.hfe-menu-toggle:hover{
	border:none!important;
}
function remove_unused_styles() {
  wp_dequeue_style('elementor-frontend');
  wp_dequeue_style('font-awesome');
  wp_dequeue_style('elementor-icons');
  // Add more handles here based on your theme/builder
}
add_action('wp_enqueue_scripts', 'remove_unused_styles', 100);