/*
Theme Name:   VerdantDevCore Technologies
Theme URI: 	  https://verdantdevcore.com
Description:  Official theme of VerdantDevCore Technologies
Author:       Verdant DevCore
Author URI:   https://verdantdevcore.com
Template:     hello-elementor
Version:      3.0.1
Text Domain:  verdantdevcore
*/

/* Add your custom styles below this line */

/* Enqueue the parent theme's stylesheet */
@import url('../hello-elementor/style.css');
/***
 
====================================================================
    Import Custom Fonts & Font Styling
====================================================================
***/

@font-face {
    font-family: 'Raleway';
    src: url('../verdantdevcore/assets/fonts/Raleway/Raleway-Regular.eot'); /* IE9 Compat Modes */
    src: url('../verdantdevcore/assets/fonts/Raleway/Raleway-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../verdantdevcore/assets/fonts/Raleway/Raleway-Regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../verdantdevcore/assets/fonts/Raleway/Raleway-Regular.woff') format('woff'), /* Pretty Modern Browsers */
         url('../verdantdevcore/assets/fonts/Raleway/Raleway-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../verdantdevcore/assets/fonts/Raleway/Raleway-Bold.eot'); /* IE9 Compat Modes */
    src: url('../verdantdevcore/assets/fonts/Raleway/Raleway-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../verdantdevcore/assets/fonts/Raleway/Raleway-Bold.woff2') format('woff2'), /* Super Modern Browsers */
         url('../verdantdevcore/assets/fonts/Raleway/Raleway-Bold.woff') format('woff'), /* Pretty Modern Browsers */
         url('../verdantdevcore/assets/fonts/Raleway/Raleway-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../verdantdevcore/assets/fonts/Raleway/Raleway-Medium.eot'); /* IE9 Compat Modes */
    src: url('../verdantdevcore/assets/fonts/Raleway/Raleway-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../verdantdevcore/assets/fonts/Raleway/Raleway-Medium.woff2') format('woff2'), /* Super Modern Browsers */
         url('../verdantdevcore/assets/fonts/Raleway/Raleway-Medium.woff') format('woff'), /* Pretty Modern Browsers */
         url('../verdantdevcore/assets/fonts/Raleway/Raleway-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../verdantdevcore/assets/fonts/Raleway/Raleway-ExtraBold.eot'); /* IE9 Compat Modes */
    src: url('../verdantdevcore/assets/fonts/Raleway/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../verdantdevcore/assets/fonts/Raleway/Raleway-ExtraBold.woff2') format('woff2'), /* Super Modern Browsers */
         url('../verdantdevcore/assets/fonts/Raleway/Raleway-ExtraBold.woff') format('woff'), /* Pretty Modern Browsers */
         url('../verdantdevcore/assets/fonts/Raleway/Raleway-ExtraBold.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../verdantdevcore/assets/fonts/Gilroy/Gilroy-Regular.eot'); /* IE9 Compat Modes */
    src: url('../verdantdevcore/assets/fonts/Gilroy/Gilroy-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../verdantdevcore/assets/fonts/Gilroy/Gilroy-Regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../verdantdevcore/assets/fonts/Gilroy/Gilroy-Regular.woff') format('woff'), /* Pretty Modern Browsers */
         url('../verdantdevcore/assets/fonts/Gilroy/Gilroy-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../verdantdevcore/assets/fonts/Gilroy/Gilroy-Medium.eot'); /* IE9 Compat Modes */
    src: url('../verdantdevcore/assets/fonts/Gilroy/Gilroy-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../verdantdevcore/assets/fonts/Gilroy/Gilroy-Medium.woff2') format('woff2'), /* Super Modern Browsers */
         url('../verdantdevcore/assets/fonts/Gilroy/Gilroy-Medium.woff') format('woff'), /* Pretty Modern Browsers */
         url('../verdantdevcore/assets/fonts/Gilroy/Gilroy-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../verdantdevcore/assets/fonts/Gilroy/Gilroy-Light.eot'); /* IE9 Compat Modes */
    src: url('../verdantdevcore/assets/fonts/Gilroy/Gilroy-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../verdantdevcore/assets/fonts/Gilroy/Gilroy-Light.woff2') format('woff2'), /* Super Modern Browsers */
         url('../verdantdevcore/assets/fonts/Gilroy/Gilroy-Light.woff') format('woff'), /* Pretty Modern Browsers */
         url('../verdantdevcore/assets/fonts/Gilroy/Gilroy-Light.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../verdantdevcore/assets/fonts/Gilroy/Gilroy-Thin.eot'); /* IE9 Compat Modes */
    src: url('../verdantdevcore/assets/fonts/Gilroy/Gilroy-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../verdantdevcore/assets/fonts/Gilroy/Gilroy-Thin.woff2') format('woff2'), /* Super Modern Browsers */
         url('../verdantdevcore/assets/fonts/Gilroy/Gilroy-Thin.woff') format('woff'), /* Pretty Modern Browsers */
         url('../verdantdevcore/assets/fonts/Gilroy/Gilroy-Thin.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: 100;
    font-style: normal;
}


/* Corrected selector for site title */
.site-title, h1, h2, h3, h4, h5, h6 {
    font-family: "Raleway", Arial, sans-serif;
}

body, p, a, li, span, div {
    font-family: "Gilroy", Arial, sans-serif;
}

h1 {
	font-size: 2.5rem;
	font-weight: 700 !important;
	line-height: 3rem !important;
}

h4 {
	font-size: 1.25rem;
	font-weight: 800;
	line-height: 1.625rem;
}

h5 {
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5rem;
}

p {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5rem;
}

/*
-----------------------------------
  Special font classifications
-----------------------------------
*/

.lg-sz-h1 h1{
	font-size: 3rem;
	font-weight: 700;
	line-height: 3.6rem;
}

.companies-intro p{
	font-size: 1.25rem;
	font-weight: 600;
}

.lg-sz-p p{
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.74rem;
}

.md-sz-p p{
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.4rem;
}

.why-choose-us p{
	font-size: 1.25rem;
	line-height: 1.875rem;
	font-weight: 500;
}

.sm-sz-p p{
	font-size: 0.875rem;
	line-height: 1.313rem;
	font-weight: 400;
}

.xs-sz-p p{
	font-size: 0.75rem;
	line-height: 1.313rem;
	font-weight: 400;
}

/***
=====================================
    General Classes & IDs Styling
=====================================
***/

.elementor-40 .elementor-element.elementor-element-0fe2df8:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-0fe2df8 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #022A46;
    top: -10rem;
}

.wpr-sub-mega-menu{
	margin-top: -150px;
	z-index: 1000;
}

/* Container Styling */
#main-header .gt_selector .notranslate {
    position: relative;
    display: inline-block;
}

/* Style the select element */
#main-header .gt_selector .notranslate {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('https://verdantdevcore.com/wp-content/uploads/2024/06/language-square.svg') no-repeat left center;
    padding-left: 30px;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    border: 1px solid #ccc;
    border-radius: 8px; 
    background-size: 20px 20px;
}

/* Ensure icon is not repeated in options */
#main-header.gt_selector.notranslate option {
    background: none !important;
    padding-left: 0 !important;
}

/* Bolden and style the "Languages" header in the dropdown */
#main-header.gt_selector.notranslate option:first-child {
    font-weight: bold;
    pointer-events: none; 
}

/* Add spacing and padding to dropdown options */
#main-header.gt_selector.notranslate option {
    padding: 10px; 
    margin-bottom: 32px; 
}

/* Additional styling for the dropdown itself */
#main-header.gt_selector.notranslate {
    padding: 10px; 
    border-radius: 8px; 
}

/* Styling the chat message text*/

.initial-message-text {
    font-family: Gilroy;
	font-weight: 300;
    line-height: 20px;
}


/*
==========================================
    Homepage Customisation & Sections
==========================================
*/

.services-carousel .elementor img {
    width: 100% !important;
}

.swiper-arrows-position-outside .mySwiper {
    position: static;
    width: 100% !important;
}

#client-testimonials .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic {
    display: none;
}

/*
==========================================
  Stick Header
==========================================
*/

/*
=========================================================
 Media queries for label display on smaller screens 
=============================================================
*/

@media screen and (min-width: 1200px) {
	
}

@media screen and (max-width: 1200px) {
	
}

@media screen and (max-width: 1024px) {

	h1 {
	font-size: 1.6rem;
	font-weight: 700 !important;
	line-height: 2.125rem !important;
	}

	h4 {
	font-size: 1.25rem;
	font-weight: 800;
	line-height: 1.25rem;
	}

	p {
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.25rem;
	}
	
	.why-choose-us p{
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 500;
	}
	
	.lg-sz-h1 h1{
	font-size: 2rem;
	font-weight: 700;
	line-height: 2.6rem;
	}
	
	.lg-sz-p p{
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.5rem;
	}

}

@media screen and (max-width: 767px) {

	h1 {
	font-size: 1.5rem;
	font-weight: 700 !important;
	line-height: 2rem !important;
	}

	h4 {
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.25rem;
	}

	p {
	font-size: 0.825rem;
	font-weight: 400;
	line-height: 1.25rem;
	}

	.companies-intro p{
	font-size: 1rem;
	font-weight: 600;
	}

  .lg-sz-p p{
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.74rem;
	}

	.md-sz-p p{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.4rem;
	}
 
	.why-choose-us p{
	font-size: 0.825rem;
	line-height: 1.25rem;
	font-weight: 500;
	}
	
	.lg-sz-h1 h1{
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.4rem;
}
}