/*
Theme Name: Exertio child
Theme URI: https://themeforest.net/user/scriptsbundle/portfolio
Description: Freelance Marketplace WordPress Theme
Version: 1.0.0
Author: ScriptsBundle
Author URI: http://scriptsbundle.com/
Template: exertio
*/



/* ============= Desktop: fjern “gapet” under headeren ============= */
@media (min-width: 992px){

  /* 1) Nøytraliser margin/padding på første seksjon etter headeren,
        uansett om det er Elementor- eller tema-seksjon */
  .fr-menu.sb-header + .elementor,
  .fr-menu.sb-header + .elementor-section,
  .fr-menu.sb-header ~ .elementor-section-wrap > .elementor-section:first-child,
  .fr-menu.sb-header ~ .elementor > .elementor-section:first-child,
  .fr-bg-style2:first-child,
  .fr-bg-style2:first-of-type {
    margin-top: 0 !important;
    padding-top: 16px !important;   /* juster 0–24px etter smak */
  }

  /* 2) Hvis temaseksjonen har egen container, fjern også topp-padding der */
  .fr-bg-style2 .container,
  .fr-bg-style2 .container-fluid,
  .elementor-section.elementor-top-section:first-child > .elementor-container {
    padding-top: 0 !important;
  }

  /* 3) Sjekk at selve header-raden ikke legger på ekstra høyde */
  .fr-menu.sb-header .sb-header{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  /* 4) Hold headerinnholdet i linje (logo, søk, meny) */
  .fr-menu.sb-header .sb-header-container{
    display: flex !important;
    align-items: center !important;
    gap: 18px;
  }

  /* 5) Unngå at søkefeltet dytter ting ned med egen margin */
  .fr-menu.sb-header .header-form{ margin: 0 !important; }
}



/* Header full bredde */
.fr-menu.sb-header {
  width: 100% !important;
}



/* Øker høyden på logoen */
.navbar .navbar-brand img {
  height: 120px !important;
  max-height: 120px !important;
  width: auto !important;
}

/* Standard desktop */
.fr-menu.sb-header .sb-header-container .logo.main_logo img {
    height: 100px !important;
  max-height: 100px !important;
  width: auto !important;
}


@media (max-width: 767.98px){
  .fr-menu.sb-header .sb-header-container .logo.main_logo img {
    height: 100px !important;
  max-height: 100px !important;
  width: auto !important;
}

  }
}



/* --- Navn og e-post --- */
.profile h5 {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 600;
}
.profile p {
  font-size: 13px;
  color: #666;
  margin-bottom: 0;
}

/* --- Grønn verifisert badge --- */
.profile .verified-badge {
  color: #4CAF50;
  font-size: 14px;
  margin-left: 4px;
}

/* Compact "Se oppdrag"-knapp */
.ffm-compact-btn{
  height:36px;
  line-height:36px;
  padding:0 14px;
  min-width:110px;
  max-width:150px;
  white-space:nowrap;
}

/* On mobile, keep the right-side action row tidy */
@media (max-width: 767px){
  .fr-project-box .res-us-inline,
  .fr-project-box .fr1-top-content{
    display:flex !important;
    justify-content:flex-end;
    align-items:center;
    gap:8px;
    width:100% !important;
    float:none !important;
    margin:0;
  }
}

/* Keep the price line tidy on mobile */
@media (max-width: 767px){
  .res-us-details .price,
  .res-us-details .price *,
  .res-us-details p.price,
  .res-us-details p.price *{
    white-space: nowrap;
  }
section.fr-footer.footer_2 .fr-bg-style2.footer_2_bg{
  background: #FFFFFF !important;
}

/* --- KATEGORI-IKONER I CAROUSEL --- */
/* Treff FA font-ikoner */
.fr-explore-content .owl-carousel .owl-item .item a .fr-log-grid i,
.fr-explore-content .owl-carousel .owl-item .item .fr-log-grid i.fas,
.fr-explore-content .owl-carousel .owl-item .item .fr-log-grid i[class^="fa"] {
  color: #00BFFF !important;     /* ønsket farge */
  opacity: 1 !important;
}

/* Treff FA SVG-ikoner (hvis FA lastes som svg) */
.fr-explore-content .owl-carousel .owl-item .item a .fr-log-grid svg {
  fill: #00BFFF !important;
  color: #00BFFF !important;     /* noen temaer bruker color på svg */
  opacity: 1 !important;
}

@media (max-width: 768px){

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

/* Banner høyde */
.fr-hero-detail-style-1{
    height:180px !important;
    min-height:180px !important;
    overflow:hidden !important;
}

/* Banner bilde */
.fr-hero-detail-style-1 img,
.fr-hero-detail-style-1 .bg-image{
    height:180px !important;
    object-fit:cover !important;
}

/* Profilkort opp */
.fr-hero-details-content{
    margin-top:-50px !important;
    position:relative !important;
    z-index:999 !important;
}

/* Profilbilde mindre */
.fr-hero-details-products img{
    width:80px !important;
    height:80px !important;
    object-fit:cover !important;
    border-radius:12px !important;
}

}