/*
 Theme Name:   Oreon
 Theme URI:    https://example.com
 Description:  A child theme of OceanWP for Oreon Development
 Author:       Oreon Team
 Author URI:   https://oreon.dev
 Template:     oceanwp
 Version:      1.0.0
*/

/*@import url("../oceanwp/style.css"); */


/* Headings / h1 */

body{
    font-family: "Varela Round", Sans-serif;

}

p{
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif  !important;
    font-size: 16px !important;
    font-weight: 200  !important;
    line-height: 18px  !important;
}

h1{

font-style: normal !important;
font-weight: 900 !important;
font-size: 3.5em !important;
line-height: 1em !important;
letter-spacing: 0.05em !important;
text-transform: capitalize !important;
color: var(--e-global-color-text) !important;
font-family: var( --e-global-typography-primary-font-family ), Sans-serif !important;

}


h2{

font-style: normal !important;
font-weight: 700 !important;
font-size: 42px !important;
line-height: 50px !important;
letter-spacing: 0.05em !important;
text-transform: capitalize !important;
color: var(--e-global-color-text) ;

}


.footer h2 {
color: var(--e-global-color-c5b1e46) !important;
font-size: 1.8em !important;
line-height: 1em !important;

}


h3{
font-style: normal !important;
font-weight: 500 !important;
font-size: 24px !important;
line-height: 30px !important;
color: var(--e-global-color-text) !important;

}



.headline{
	color: var( --e-global-color-secondary ) !important;
}



.headline h3{
	font-size:1.5em;
		line-height:1.5em;
	font-weight: 400;
	text-transform: capitalize !important;
}

.subheadline h2{
	color: var( --e-global-color-secondary ) !important;
  font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
	font-size:1.5em !important;
	line-height:1.5em !important;
	font-weight: 400;
	line-height:1.8em;
	text-transform: capitalize !important;
}



.footer-contact h2 {
	margin-top:20px !important;
	color:#fff !important;
	font-size:30px;
}


.footer-contact h3 {
	margin-top:20px !important;
	color:#fff !important;
	font-size:20px;
}


/*---------------------buttons---------------------------*/


.obutton{
    background-color: var( --e-global-color-accent ) !important;
    color: var( --e-global-color-text ) !important;
}


.obutton:hover{
	color: var( --e-global-color-7922030 ) !important;
    background-color: var( --e-global-color-primary ) !important;
}

.button-primary-color {
	background-color: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-7922030) !important;
	  padding: 10px 20px;
    border-radius: 4px;

}


.oreon-boxhome .button-primary-color {
    position:absolute !important;
	bottom:10px !important;
	width:80% !important;

}

.button-primary-color:hover{
		background-color: var(--e-global-color-accent) !important;
        color: var(--e-global-color-7922030) !important;
	    transform: scale(1.1); /* Slightly enlarges the button */
}


.button-primary-color:focused{
		background-color: var(--e-global-color-accent) !important;
        color: var(--e-global-color-7922030) !important;
	    transform: scale(1.1); /* Slightly enlarges the button */
}

.button-primary-color:hover a{
        color: var(--e-global-color-7922030) !important;
	    transform: scale(1.1); /* Slightly enlarges the button */
}


.button-primary-color:focused{
        color: var(--e-global-color-7922030) !important;
	    transform: scale(1.1); /* Slightly enlarges the button */
}




.olink-primary-color a {
	background-color: transparent !important;
    color: var(--e-global-color-text) !important;
	  padding: 10px 20px;
    border-radius: 4px;

}

.olink-primary-color a:hover{
		background-color: transparent !important;
        color: var(--e-global-color-accent) !important;
	    transform: scale(1.1); /* Slightly enlarges the button */
}


.olink-primary-color a:focused{
		background-color: transparent !important;
        color: var(--e-global-color-secondary) !important;
	    transform: scale(1.1); /* Slightly enlarges the button */
}




.obutton-primary-color a {
	background-color: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-7922030) !important;
	  padding: 10px 20px;
    border-radius: 4px;

}

.obutton-primary-color a:hover{
		background-color: var(--e-global-color-accent) !important;
        color: var(--e-global-color-7922030) !important;
	    transform: scale(1.1); /* Slightly enlarges the button */
}


.obutton-primary-color a:focused{
		background-color: var(--e-global-color-accent) !important;
        color: var(--e-global-color-7922030) !important;
	    transform: scale(1.1); /* Slightly enlarges the button */
}



.obutton-dark-bg-color a {
	background-color: var(--e-global-color-7d90059) !important;
    color: var(--e-global-color-text) !important;
	padding: 10px 20px;
    border-radius: 4px;

}

.obutton-dark-bg-color a:hover{
		background-color: var(--e-global-color-secondary) !important;
        color: var(--e-global-color-7922030) !important;
	    transform: scale(1.1); /* Slightly enlarges the button */
}


.obutton-dark-bg-color a:focused{
		background-color: var(--e-global-color-accent) !important;
        color: var(--e-global-color-7922030) !important;
	    transform: scale(1.1); /* Slightly enlarges the button */
}



.obutton-rounded{
    fill: var( --e-global-color-primary ) !important;
    color: var( --e-global-color-primary ) !important;
    background-color: #ffffff !important;
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
}


.obutton-rounded:hover{
	color: var( --e-global-color-7922030 ) !important;
    background-color: var( --e-global-color-primary ) !important;
}


/*---------------------End of buttons---------------------------*/

.text-white {
 color:#fff !important;
}


.text-cream {
 color:#FDF5E6 !important;
}


.oreon-box{
	 margin: 10px 10px;
	    padding: 10px 10px;
    border-style: solid;
    border-color: var( --e-global-color-text );
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgba(221.25, 29.339673913043484, 29.339673913043484, 0.29);
    box-shadow: 0 0 10px 0 rgba(242,89,27,0.2);

}

.oreon-boxhome{
	margin: 5px;
	padding:10px;
    border-radius: 10px 10px 10px 10px;

    border-style: solid;
    border-color: var( --e-global-color-text );
    box-shadow: 0px 0px 10px 0px rgba(221.25, 29.339673913043484, 29.339673913043484, 0.29);
    box-shadow: 0 0 10px 0 rgba(242,89,27,0.2);

}

.oreon-boxhome .elementor-image-box-img img {
    height: 64px !important;
    width: 64px !important;
    color: var( --e-global-color-primary ) !important;

}




.tech-stack-nav figcaption{
	    color: var( --e-global-color-primary ) !important
}


.oreon-box h3{
	color:var( --e-global-color-secondary ) !important; 
}




.item-information-border{
    box-shadow: 0px 15px 50px 0px #fdf0e5;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 10px;
    padding: 5px 5px ;
    border-radius: 35px 35px 35px 35px;
}

.elementor-nav-menu--main .elementor-item.elementor-item-active{
    background-color: #AF0E0E !important /*var(--e-global-color-primary) !important */;
    color: #fff !important;
    fill: #AF0E0E !important;
    font-weight: bold !important;
}

.elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
   background-color: unset !important; 
}

li.menu-item > a{
	font-size: 16px !important;
	font-weight:400 !important;
}




.oreon-boxhome {
    margin: 5px;
    padding: 5px;
    border-radius: 10px;
    border-style: solid;
    border-color: #fdf8f7;
    border-width: 1px;
   /* background-color: #fdf8f7; 
    box-shadow: 0 0 10px 0 rgba(221.25, 29.339673913043484, 29.339673913043484, .29); */
    /* box-shadow: 0 0 10px 0 rgb(248 172 15); */
}



.section-gradient-brown-overlay {
    background-color: transparent;
    background-image: linear-gradient(180deg, var(--e-global-color-secondary) 0%, #7b3636 80%);
    opacity: 1;
}






/* Case Study Category List Buttons */
.case-category-tree {
  list-style: none;
  padding-left: 0;
}

.case-category-tree ul {
  list-style: none;
  margin-left: 20px;
  padding-left: 10px;
  border-left: 2px solid #ccc;
}

.case-category-tree li {
  margin: 5px 0;
}

.case-category-tree a {
  text-decoration: none;
  color: #333;
}

.case-category-tree a:hover {
  text-decoration: underline;
}



.no-case-studies {
  padding: 20px;
  background: #f9f9f9;
  border-left: 4px solid #e91e63;
  color: #333;
  font-weight: 500;
}

#case-study-filter ul {
  list-style: none;
  margin: 0;
  padding-left: 1rem; /* keeps tree indentation */
}

#case-study-filter ul ul {
  margin-left: 1rem; /* child levels */
  padding-left: 1rem;
  border-left: 2px solid #ddd; /* optional tree line */
}

#case-study-filter li {
  margin-bottom: 6px;
}

#case-study-filter label {
  display: flex;
  align-items: center;
  gap: 6px;
}




.service-section .box-service{
    border-radius: 20px !important;
}


.offer-section .box-offer{
    border-radius: 15px !important;
    padding: 50px 20px 20px 20px;
}



.common-challenges  h3 {
font-style: normal !important;
font-weight: 500 !important;
font-size: 20px !important;
line-height: 22px !important;
color: var(--e-global-color-primary) !important;
margin-bottom: 10px !important;

}



.common-challenges  h2 {
color: var(--e-global-color-secondary) !important;
margin-bottom: 10px !important;

}



.offer-section .elementor-widget-container h3{
    color: var(--e-global-color-7d90059) !important;
}



.offer-section h3.elementor-icon-box-title{
    color: var(--e-global-color-text) !important;
}


svg {
  width: 64px;        /* Adjust size */
  height: 64px;       /* Adjust size */
  fill: var(--e-global-color-secondary);      /* Change to your desired color */
}