/* AICON Bold */
@font-face {
    font-family: 'AICON';
    src: url('../fonts/AICON-Bold.woff2') format('woff2'),
         url('../fonts/AICON-Bold.woff') format('woff');
    font-weight: 700; /* Bold */
    font-style: normal;
}

/* AICON ExtraBold */
@font-face {
    font-family: 'AICON';
    src: url('../fonts/AICON-ExtraBold.woff2') format('woff2'),
         url('../fonts/AICON-ExtraBold.woff') format('woff');
    font-weight: 800; /* ExtraBold */
    font-style: normal;
}

/* AICON Medium */
@font-face {
    font-family: 'AICON';
    src: url('../fonts/AICON-Medium.woff2') format('woff2'),
         url('../fonts/AICON-Medium.woff') format('woff');
    font-weight: 500; /* Medium */
    font-style: normal;
}

/* AICON Regular */
@font-face {
    font-family: 'AICON';
    src: url('../fonts/AICON-Regular.woff2') format('woff2'),
         url('../fonts/AICON-Regular.woff') format('woff');
    font-weight: 400; /* Regular (Normal) */
    font-style: normal;
}

/* AICON SemiBold */
@font-face {
    font-family: 'AICON';
    src: url('../fonts/AICON-SemiBold.woff2') format('woff2'),
         url('../fonts/AICON-SemiBold.woff') format('woff');
    font-weight: 600; /* SemiBold */
    font-style: normal;
}

/* twoweekendssans Regular */
@font-face {
    font-family: 'TwoWeekendsSans';
    src: url('../fonts/twoweekendssans-regular.woff2') format('woff2'),
         url('../fonts/twoweekendssans-regular.woff') format('woff');
    font-weight: 400; /* Regular */
    font-style: normal;
}



/*-----------Fonts--------------*/
p {
    font-family: 'TwoWeekendsSans', Roboto, Arial, sans-serif !important;
}

body {
    font-family: 'TwoWeekendsSans', Roboto, Arial, sans-serif !important;
}

.sjurebodytext {
    font-family: 'TwoWeekendsSans', Roboto, Arial, sans-serif !important;
}

.banner-style-five h2 {
   font-family:'AICON', Arial, sans-serif !important; 
	font-size: 35px !important;
	font-weight: 600;
    letter-spacing: -2px;
	margin-bottom: 25px;
    line-height: 120%;
	text-shadow: none;
	color: #000000;
	text-transform: uppercase;
}
.banner-style-five h4 {
    display: inline-block;
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 10px;    
  line-height: 120%;
}

h2 {
    font-family: 'AICON', Arial, sans-serif !important;
    letter-spacing: -2px;
  	font-size: 30px !important;
}

h4 {
    font-family: 'TwoWeekendsSans', Roboto, Arial, sans-serif !important;
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
}

.elementor-button-text {
  font-family: 'TwoWeekendsSans', Roboto, Arial, sans-serif !important;
}

.breadcrumb-area h1{
    font-family: 'TwoWeekendsSans', Roboto, Arial, sans-serif !important;
  }

/* Article overview headers */
.sjure_articleheader{
    font-family: 'TwoWeekendsSans', Roboto, Arial, sans-serif !important;  
}


/* ---------------- ABOUT SECTION -----------*/
/* about section subtitle */
.team-right-info span{
      font-family: 'TwoWeekendsSans', Roboto, Arial, sans-serif !important;
}

/* about section title */
.team-right-info h2 {
          font-family: 'TwoWeekendsSans', Roboto, Arial, sans-serif !important;
  		  letter-spacing: 0px !important;
}

.social a.btn {
     font-family: 'TwoWeekendsSans', Roboto, Arial, sans-serif !important;
}

.btn.circle {
border-radius: 5px !important;
}

.sjurebutton {
    background-color: #5153FF; 
  color: #ffffff;
}

.sjurebutton:hover {
    background-color: #10393B;
}

/* Reverse order about section*/
@media (max-width: 992px) {
    .team-single-area .team-content-top .row {
        display: flex;
    }
    
    .team-single-area .text-container {
        order: 2; /* Place text container at the bottom */
    }

    .team-single-area .image-container {
        order: 1; /* Place image container at the top */
    }
}


/* lower padding top for reversed about section */
.about-padding-top {
	position: relative;
}
.about-padding-top {
	padding-top: 45px;
}
@media only screen and (max-width: 767px) {
	.about-padding-top {
		padding-top: 25px;
	}
}





/* ------------main menu font and hover feature-------------*/
nav.navbar ul.nav>li>a {
    font-family: 'TwoWeekendsSans', Roboto, Arial, sans-serif !important;
}

nav.navbar ul.nav > li {
    position: relative;
    margin-right: 20px; /* Space between menu items */
}

nav.navbar ul.nav > li:last-child {
    margin-right: 0; /* No extra space on the last item */
}

nav.navbar ul.nav > li > a {
    font-family: 'TwoWeekendsSans', Roboto, Arial, sans-serif !important;
    color: #333;
    text-decoration: none;
    position: relative;
    z-index: 1;
    transition: color 0.3s ease;
    padding: 0; /* No extra padding on text */
}

nav.navbar ul.nav > li > a:hover {
    color: white;
}

nav.navbar ul.nav > li > a::before {
    content: ''; 
    position: absolute;
    top: -10px;  /* Account for padding */
    left: -10px; /* Account for padding */
    width: calc(100% + 20px); /* Add padding to width */
    height: calc(100% + 20px); /* Add padding to height */
    background-color: #10393B;
    z-index: -1; 
    border-radius: 0px; /* Optional: rounded corners */
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 0; 
    pointer-events: none; /* Prevent hover affecting layout */
}

nav.navbar ul.nav > li > a:hover::before {
    opacity: 1; 
}
/*---------------------main menu CTA----------------------*/
.navbar .attr-right .attr-nav li.button a {
font-weight: 400;
}


/* ------------services headlines------------- */
.info h4 {
      font-weight: bold;
}

.cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0; /* Reset top positioning */
    transform: translateY(0); /* Reset any translation */
}

.banner-style-five h4 b {
    top: 0px;
    font-weight: 600;
    color: var(--color-optional);
}


.sjuretext-box {
    width: 70% !important;        /* 70% width for desktop */
    margin: 0 auto;
    padding: 20px;
}

.btn-shape {
      font-family: 'TwoWeekendsSans', Roboto, Arial, sans-serif !important;
  }

@media (max-width: 768px) {
    .sjuretext-box {
        width: 90vw !important;    /* 90% of the viewport width for mobile */
        padding: 15px;
    }
}

/* Services background colors */
.service-style-three .icon.service1 {
	background: #FEAC61;
}

.service-style-three .icon.service2 {
	background: #b8386b;
}

.service-style-three .icon.service3 {
	background: #6c86af;
}

.service-style-three .icon.service4 {
	background: #6ebedc;
}
.service-style-three .icon.service5 {
	background: #8bb36f;
}
.service-style-three .icon.service6 {
	background: #6c6453;
}


/* -----------------CONTACT FORMS---------------*/

input {
    border: 1px solid #000000 !important;
}
/* contact form label texts*/
.wpforms-field-label{
      font-family: 'TwoWeekendsSans', Roboto, Arial, sans-serif !important;
}

/* contact form button text*/
.wpforms-submit-1389{
      font-family: 'TwoWeekendsSans', Roboto, Arial, sans-serif !important;
}


/* Center the form container */
.wpforms-container.wpf-center {
    margin: 0 auto !important;
    max-width: 800px !important;
    width: 800px !important;
}
/* Center submit button and make it full width */
.wpf-center .wpforms-submit-container {
    display: inline-block;
    text-align: center;
    width: 100% !important;
}
/* Center page break elements */
.wpf-center .wpforms-field-pagebreak {
    display: inline-block;
    text-align: center;
    width: 100% !important;
}
/* Remove default page break button decorations */
.wpf-center .wpforms-pagebreak-left .wpforms-page-button:before,
.wpf-center .wpforms-pagebreak-left .wpforms-page-button:after {
    content: none;
}
/* Center all text elements */
.wpf-center .wpforms-title,
.wpf-center .wpforms-description,
.wpf-center .wpforms-field-label,
.wpf-center .wpforms-field-sublabel,
.wpf-center .wpforms-field-description {
    text-align: center;
}
/* Mobile responsiveness */
@media only screen and (max-width: 800px) {
    .wpforms-container.wpf-center {
        max-width: unset !important;
        width: auto !important;
    }
}
/* ----------------END OF CONTACT FORMS---------------*/



/* ------------about section reverse layout----------- */
.team-left-info {
  margin-right: -20% !important;
  margin-left: 0 !important;
}

@media only screen and (max-width: 992px) {
    .team-left-info {
        margin: 0 !important;
    }
}

/*-------------hide author and dates in blog posts--------------*/
.meta ul li:first-child, /* Hides the author */
.meta ul li:nth-child(2) { /* Hides the date */
    display: none !important;
}


/*------------------Fix width of contact form to ensure it also works on articles pages-------------------*/
#wpforms-1389-field_2 {
  width: 775px;
}
#wpforms-1389-field_3 {
  width: 775px;
}