/*
Theme Name:   Ithaca Immigration
Template:     Divi
Version:      1.0.0
*/

/* Styling for current menu item */
#top-menu li.current-menu-item.ithaca-menu-item>a:before,
#top-menu li.ithaca-menu-item a:hover:before {
   content: "";
   background: #6633ff; /* Change color value here as desired */
   width: 0; /* Start width as 0 for the animation */
   height: 2px; /* Line height */
   position: absolute;
   left: 0;
   top: 1.2em;	
   bottom: 0;
   transition: width 0.3s ease; /* Animate the width */
}

#top-menu li.current-menu-item.ithaca-menu-item>a:before,
#top-menu li.ithaca-menu-item a:hover:before {
   width: 100%; /* Animate to full width on hover and for current item */
}

.consultation-button {
   padding-right: 0px !important; 
   margin-right: 22px;
   display: flex;                /* Enable flexbox */
   justify-content: center;      /* Center content horizontally */
   align-items: center;          /* Center content vertically */
   border: 1px solid #8405fa;
   text-align: center;
   border-radius: 19px;
   background: #9b51e0;
   color: white !important;
   transition: all .3s 0s;
   height: 100%;                  /* Ensure the <li> has full height */
}

/* Ensure the <a> is a block-level element and centered */
.consultation-button a {
   padding-right:0px !important;
   display: block;               /* Treat <a> as block to control alignment */
   padding: 10px 20px !important; /* Adjust padding */
   color: white !important;
   text-align: center;           /* Center text inside <a> */
   text-decoration: none;        /* Remove underline */
   width: 100%;                  /* Force <a> to take full width of the parent */
   border-radius: 15px;          /* Optional: Apply border radius for rounded corners */
}

/* Hover effect */
.consultation-button:hover {
   background: #8a47d0;          /* Change background color on hover */
   transition: all .2s 0s;
}


/* Ensure that the .et-pb-icon container has a fixed size */
.ithaca-blurb .et-pb-icon {
   width: 85px; /* Set the desired width */
   height: 80px; /* Set the desired height */
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden; /* Prevent the icon from overflowing */
}

/* Ensure the icon size stays within the bounds */
.ithaca-blurb .et-pb-icon i {
   font-size: 30px; /* Control the icon's size */
}

.et-social-behance a.icon:before {
	content: "\e671";
	font-family: "Font Awesome 6 Brands" !important;
}