/*
Theme Name: Skills
Theme URI: https://digitalconsulting.lk
Description: Theme for Skills International (Pvt) Ltd
Author: Digital Consulting
Author URI: https: //digitalconsulting.lk
Version: 1.0.0
Template: Divi
*/

/*.et-social-icons {margin-left:75vw;}*/
/*.et-social-icons {margin-left:30vw;} */
#top-header .et-social-icons {
    float: right !important;
}

#top-header #et-info {
    width: 100%;
}

.single #sidebar {display: none;}
.single #left-area {width: 100%;}
.single #main-content .container:before {width: 0;}

/*move the image position to the top*/
.pa-testimonial-image-top .et_pb_testimonial_portrait {
	float: none;
	display: block;
	margin: 0 auto 20px;
}
/*remove the margin to the left of the text*/
.pa-testimonial-image-top .et_pb_testimonial_description {
	margin-left: 0px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #c13a2e !important;
  color: white;
}

/*this sets the height of the image module*/
.pa-full-height-image-column {
	height: calc(100vh - 110px);
}
/*this sets the height of the image container*/
.pa-full-height-image-column .et_pb_image_wrap {
	height: calc(100vh - 110px);
}
/*this sets the height and fit of the actual image*/
.pa-full-height-image-column img {
	object-fit: cover;
	height: calc(100vh - 110px);
}

/*bullet checklist*/
.pa-bullet-list-1 ul {
list-style-type: none!important;
}
.pa-bullet-list-1 ul li:before {
content: '\e052'!important;
color: #c13a2e;
font-family: 'ETMODULES'!important;
margin-right: 10px;
margin-left: -14px;
font-size: 1.2em!important;
}

a:hover {
     /*color: #FF0000;*/
     text-decoration: underline;
}

/* Style the Divi Form Success Message */
.et-pb-contact-message p {
    color: #c13a2e;
    font-size: 18px;
    font-weight: 700;
    /*text-transform: uppercase;*/
}

/* Style the Divi Form Error Message */
.et-pb-contact-message li {
    color: #c13a2e;
    font-weight: 700;
    font-size: 18px;
}

/* change map project list color to odd and even divs */
.mapsvg-controller-view-content .mapsvg-directory-item:nth-child(even) {
	background-color: #f0f0f0;
}

.mapsvg-controller-view-content .mapsvg-directory-item:nth-child(odd) {
	background-color: #ccc;
}

/*menu text color when hovering*/
.nav li li a:hover {
	color: #c13a2e !important;
}
/* Change color on Mobile Menu  */
.et_mobile_menu li a:hover {
	color: #c13a2e !important;
	opacity:1 !important;
}

/*Make Blog Grid Posts The Same Height*/
@media only screen and (min-width: 768px) {
.et_new_grid_blog .et_pb_post {
	min-height: 520px;
	max-height:520px;
}
}

/*floating message for bestweb*/
/*#floating-image {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
    display: inline-block;
    position: fixed;
}

#floating-image img {
    max-width: 150px;
    max-height: 150px;
}

#close-button {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #ff0000;
    color: #ffffff;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#close-button:hover {
    background: #cc0000;
}*/

#floating-container {
    position: fixed;
    bottom: 20px; /* Adjust the value to move the container up or down */
    left: 20px; /* Adjust the value to move the container left or right */
    z-index: 9999; /* Ensures the container stays on top of other content */
    display: flex; /* Aligns the images horizontally */
    align-items: flex-start; /* Aligns images to the top */
    background-color: transparent; /* Ensure background is transparent */
    padding: 10px; /* Padding around the container */
    border-radius: 10px; /* Optional: Add some border radius for rounded corners */
}

.floating-image {
    position: relative; /* Ensures the close button is positioned relative to the container */
    margin-right: 10px; /* Adjust the spacing between the images */
}

.floating-image img {
    max-width: 150px; /* Adjust the value to resize the first image */
    max-height: 150px; /* Adjust the value to resize the first image */
}

.second-image {
    /*padding: 15px;*/ /* Add 15px padding around the second image */
	background-color: white;
}

.second-image img {
    max-height: 150px; /* Minimum height of the second image */
    width: auto; /* Ensures the image maintains its aspect ratio */
    height: auto; /* Ensures the image maintains its aspect ratio */
}

#close-button {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #ff0000; /* Red background color */
    color: #ffffff; /* White text color */
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#close-button:hover {
    background: #cc0000; /* Darker red on hover */
}

.dc-testimonial-home .et_pb_posts .et_pb_post {
    padding: 30px;
    background: #f2f2f2;
    border-radius: 10px;
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid; /* IE 10+ */
}

/*make the entire blog and custom post types clickable*/
/*add a neceassry position to the blog posts*/
.et_pb_blog_grid .et_pb_post, .et_pb_posts .et_pb_post {
	position: relative;
}
/*make the title link spread over the entire post*/
.et_pb_blog_grid .et_pb_post .entry-title a:after, .et_pb_posts .et_pb_post .entry-title a:after {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
/*change the mouse cursor into a pointer*/
.et_pb_blog_grid .et_pb_post:hover, .et_pb_posts .et_pb_post:hover {
	cursor: pointer;
}

/*sector change image color on row hover*/
.custom_row:hover .image-hover-effect {
filter: hue-rotate(0deg) saturate(100%) brightness(100%) contrast(100%) invert(0%) sepia(0%) opacity(100%) blur(0px);
	backface-visibility: hidden;
}

/*hide job board alert banner*/
.sjb-alert-banner {
	display: none !important;
}
/*add bullets to side bar recent posts widget*/
/*.widget-area .widget ul {
	padding-left:20px;
	list-style:disc;
}*/

.et_pb_widget_area ul {
	list-style: outside none disc !important;
}