/*
Theme Name: ILL IT Solutions
Description: This is a child theme for Flatsome Theme thats holds all our company customistations to ensure our website is unique like our business. 
Author: ILL IT Solutions
Version: August 2024
Template: flatsome
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.absolute-footer.light.medium-text-center.text-center {
	text-align: center !important;
}

.p {
	text-align: initial !important;
}
/* START Sticky header CSS EDITS   */
.content-area {
    position: relative;
    z-index: 2;
}
.sticky-header {
    z-index: 9999; /* Higher than the title banner's z-index */
}

.page-title-banner {
    position: relative;
    z-index: 99; /* Lower than the sticky header's z-index */
}

.header-bottom {
z-index: auto;
position: fixed;
}

/* STOP Sticky header  CSS EDITS   */

/* START ISLonline CSS EDITS   */
#islpronto_image {
	width: 120px;
}
/* 
#isl-connectbox .isl-container-sm {  max-width: 150px;  padding-left: 15px;  padding-right: 15px;  margin-right: auto;  margin-left: auto;  }
#isl-connectbox .form-input-wrapper span.loader-icon {  top: 9px;}
#isl-connectbox .m-t-100 {  margin-top: 100px;  }
#isl-connectbox .m-b-10 {  margin-bottom: 10px;  }

/* Hide download bubble */
/*div#islonline-download-pointer{display: none !important;}*/

/* FINISH ISLonline CSS EDITS */

/* map box */
.map_get_direction{
margin-top: -270px;
margin-bottom: 0px;
/*background: #5d5d5d;*/
padding: 10px 20px;
}

@media only screen and (max-width: 600px) {
  .map_get_direction{
	margin-top: 0px;
	/*background: #b0afad;*/
	padding: 10px 20px;
}
}
.map_details{
	
}
.map_banner{
	margin-top: -130px
}

/* service page */
.service_icon_box{
	border: 1px solid #dedede;
	border-radius: 5px;
	padding: 30px 0;
}
.service_text_icon ul{
	list-style: none;
}
.service_text_icon ul i{
	color: #4a99d4;
}
.service_secure_icons ul{
	list-style: none;
}
.service_secure_icons i{
	float: left;
	font-size: 70px;
	margin-right: 20px;
	color: #4a99d4;
}
.service_secure_icons h3{
	color: #5d5d5d;
	font-weight: 800;
}
.service_secure_icons li p{
/* 	float: left; */
margin-left:70px !important;
}
.service_grid_text{
	padding: 50px 40px;
	padding-bottom: 0px;
}
/* absolute footer */
.absolute-footer{
	display: none;
}
.footer_bottom_space{
	padding-bottom: 0;
}

/* mobile responsive */

@media only screen and (max-width: 48em) {

}
/*Mailchimp Subscription Form Footer*/
<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
	#mc_embed_signup{; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}
	/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<style type="text/css">
	#mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto;margin-right: 10px;}
	#mergeRow-gdpr {margin-top: 20px;}
	#mergeRow-gdpr fieldset label {font-weight: normal;}
	#mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}
</style>

/* remove spacing in layouts*/

#section_map {
	padding-top: 30px;
	padding-bottom: 30px;
}

.365header{
	padding-top: 30px;
	padding-bottom: 0px;
}

/*custom Captch-badge text to hide badge */ 
.qcf-main::after { content: "This site is protected by reCAPTCHA and the Google
    <a href="https://policies.google.com/privacy">Privacy Policy</a> and
    <a href="https://policies.google.com/terms">Terms of Service</a> apply."; font-size: smaller; color: gray; display: block; /* or inline, depending on your layout */ }

/*Hide Captch-badge */ 
.grecaptcha-badge { 
visibility: hidden; 
}

/* Move Captch-badge up 
.grecaptcha-badge { 
	bottom: 130px !important; 
}*/

.button.mfp-close{
    z-index: 99;
    color: white;
}

/*************** COLORS ***************/
.breadcrumbs, .widget .current-cat>a, .social-icons, span.amount, .nav-dropdown li.active>a, .breadcrumbs a.current, .breadcrumbs a:hover, .off-canvas .nav-vertical>li>a, .header .html a  {
    color:#5d5d5d; /* DARK BLUE */
}
ul li.bullet-checkmark:before, ul li.bullet-arrow:before, ul li.bullet-star:before, .ux-menu-link--active .ux-menu-link__link, .ux-menu-link:hover .ux-menu-link__link {
    color: #4a99d4;  /* Blue */
}
ins .woocommerce-Price-amount {
    color: #f26722; /* ORANGE */
}
/*************** ROUND CORNERS ***************/
.product-gallery-slider img, .product-thumbnails img, .round-corners, .round-corners .fill, .round-corners .box-image, .entry-image img, #comments .comment-respond,  .box-image, .post-item .entry-image img, .badge-inner.bg-fill, .has-border, .product-thumbnails a, input, textarea {
    border-radius: 10px ;
}
.round-corners-top, .round-corners-top .fill, .round-corners-top .box-image, .round-corners-top img {
    border-radius: 10px 10px 0px 0px;
}
@media screen and (min-width: 850px) {
.round-corners-left .fill {
    border-radius: 10px 0px 0px 10px;
}
.lightbox-content {
    padding: 10px;
    border-radius: 10px;
}

/*************** GENERAL ***************/
.collapse p, .collapse h1, .collapse h2, .collapse h3, .collapse h4 {
	margin-bottom:0px;
}
p:not(.stars) a:not(.button,.woocommerce-loop-product__link) {
    background-image: linear-gradient(transparent calc(100% - 1px),currentColor 1px);
    background-position: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    transition: all 0.2s;
    padding-bottom: 1px;
}
.box-overlay.dark .box-text, .box-shade.dark .box-text {
    text-shadow: none;
}
p i {
    display: block;
    padding: 0px 5px 0px;
    float: left;
}
.testimonial-text.is-italic {
    font-style: unset !important;
}
.breadcrumbs a {
    font-weight: bolder;
}
.nav-pagination>li>span, .nav-pagination>li>a {
    border: 0px;
}
/*************** UNDERLINED - LINK STYLING ***************/
.dark .button.is-form:hover, .button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}
p:not(.stars) a:not(.button, .woocommerce-loop-product__link) {
    background-image: linear-gradient(transparent calc(100% - 1px),currentColor 1px);
	background-position: 100%;
    background-size: 100% 100%;
	background-repeat: no-repeat;
    position: relative;
    transition: all .2s;
	padding-bottom:1px;
}
p a:hover:not(.button) {
    background-size: 0 100%;
}
.button.is-underline:hover:before {
    right: 0%;
    width: 0%;
    left: inherit;
}
.button.is-underline:before {
    left: 0px;
    width: 100%;
    opacity: 1;
}
u {
    text-underline-offset: 3px;
}
/*************** ACCORDION ***************/
.accordion-item .toggle i {
    font-size: 1em;
}
.accordion-item {
    background: #F0F6F9;  /* BLUE PASTEL */
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 10px;
}
.accordion-title {
    border-top: 0px;
    font-size: 100%;
}
.accordion-title.active {
    background-color: transparent;
}
.accordion-inner {
    padding: 1em;
}
/*************** YITH WHISHLIST ***************/
.image-tools .wishlist-button:hover {
    background-color: #FD6571;
    border-color: #FD6571;
}
/*************** SHOP: ARCHIVE ***************/
.archive.woocommerce #wrapper, .archive.woocommerce #main {
    background-color: #F0F6F9;
}
/*************** SHOP: SINGLE PRODUCT ***************/
.single-product .container-width {
    max-width: 100%;
}
#reviews .large-7, #reviews .large-5 {
    max-width: 100% !important;
    flex-basis: 100%;
}
.product-section-title.uppercase {
    text-transform: none;
    letter-spacing: 0px;
}
.product-section {
    border-top: 0px;
}
.slider-nav-reveal .flickity-prev-next-button:hover, .slider-nav-reveal .flickity-prev-next-button {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}