.elementor-kit-7{--e-global-color-primary:#3E3164;--e-global-color-secondary:#D5D0FF;--e-global-color-text:#28272C;--e-global-color-accent:#63DBAE;--e-global-color-9bf29c7:#3E3164;--e-global-color-03083fd:#6B5B95;--e-global-color-0994212:#D5D0FF;--e-global-color-1aeaa22:#FF8164;--e-global-color-a5c8876:#63DBAE;--e-global-color-9c0d75e:#C5D8FA;--e-global-color-b00cba9:#F9F1C8;--e-global-color-2eff632:#28272C;--e-global-color-8118ee1:#DCD7D1;--e-global-color-bb30a82:#F6F5F3;--e-global-color-5a8372c:#000000;--e-global-color-aa1c169:#FFFFFF;--e-global-typography-primary-font-family:"Cheltenham";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"DM Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Cheltenham";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-bb30a82 );color:var( --e-global-color-text );font-family:"DM Sans", Sans-serif;font-size:21px;line-height:1.4em;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-primary );font-size:18px;font-weight:600;color:var( --e-global-color-secondary );border-style:none;border-radius:99px 99px 99px 99px;padding:15px 30px 15px 30px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-primary );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 p{margin-block-end:30px;}.elementor-kit-7 h1{font-family:"Cheltenham", Sans-serif;font-size:60px;line-height:1.2em;}.elementor-kit-7 h2{font-family:"Cheltenham", Sans-serif;font-size:40px;line-height:1.3em;}.elementor-kit-7 h3{font-family:"Cheltenham", Sans-serif;font-size:30px;line-height:1.3em;}.elementor-kit-7 h4{font-family:"Cheltenham", Sans-serif;font-size:25px;}.elementor-kit-7 h5{font-family:"Cheltenham", Sans-serif;}.elementor-kit-7 h6{font-family:"Cheltenham", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--container-default-padding-top:30px;--container-default-padding-right:30px;--container-default-padding-bottom:30px;--container-default-padding-left:30px;}.elementor-widget:not(:last-child){--kit-widget-spacing:30px;}.elementor-element{--widgets-spacing:30px 30px;--widgets-spacing-row:30px;--widgets-spacing-column:30px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-7{font-size:20px;}.elementor-kit-7 h1{font-size:55px;}.elementor-kit-7 h2{font-size:35px;}.elementor-kit-7 h3{font-size:28px;}.elementor-kit-7 h4{font-size:22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{font-size:18px;}.elementor-kit-7 h1{font-size:45px;}.elementor-kit-7 h2{font-size:30px;}.elementor-kit-7 h3{font-size:26px;}.elementor-kit-7 h4{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//**
 * Custom WordPress/Elementor Styles
 * 
 * A collection of custom styles for enhancing WordPress and Elementor functionality
 * Including custom components, overrides, and specialized styling
 *
 * Table of Contents:
 * 1. Reset & Basics
 * 2. Text Selection
 * 3. Typography Components
 * 4. Navigation & Menu
 * 5. Links & Buttons
 * 6. Layout Components
 * 7. Custom Effects
 * 8. Lists & Content
 * 9. Footer Styles
 * 10. Media Queries
 */

/* ==========================================================================
   1. Reset & Basics
   ========================================================================== */

/* Remove focus outline */
*:focus {
    outline: none;
}

/* Remove search input browser styles */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { 
    display: none; 
}

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

/* ==========================================================================
   2. Text Selection
   ========================================================================== */

::-moz-selection {
    color: var(--e-global-color-text);
    background: var(--e-global-color-accent);
}

::selection {
    color: var(--e-global-color-text);
    background: var(--e-global-color-accent);
}

/* ==========================================================================
   3. Typography Components
   ========================================================================== */

/* Blockquote styling */
blockquote {
    font-size: 20px;
    font-weight: 600;
    font-style: italic;
    margin: 60px;
    padding: 30px 30px 10px;
    line-height: 1.45;
    position: relative;
    color: var(--e-global-color-text);
    border-left: 5px solid var(--e-global-color-accent);
    background: none;
}

blockquote cite {
    color: var(--e-global-color-text);
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

blockquote cite:before {
    content: "\2014 \2009";
}

/* Horizontal ruler */
hr {
    width: 50%;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin: 30px 0 !important;
}

/* ==========================================================================
   4. Navigation & Menu
   ========================================================================== */

/* Active menu items */
.elementor-nav-menu--main .elementor-item.elementor-item-active {
    color: var(--e-global-color-text);
    font-weight: 600;
}

/* Italic style for current items */
.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a,
.elementor-nav-menu .current_page_ancestor > a {
    font-weight: 600 !important;
}

/* Keep Prosjekter menu active on single project */
body.single-prosjekt .elementor-nav-menu .current-menu-ancestor > a:after,
body.single-prosjekt .elementor-nav-menu .current_page_ancestor > a:after {
    transform: scaleX(1) !important;
    opacity: 1 !important;
}

/* Active tab styling */
.e-n-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
    font-weight: bold;
    font-size: 1.2em;
}

.e-n-tabs .e-n-tab-title .e-n-tab-title-text {
    transition: all 0.3s ease;
}

/* ==========================================================================
   5. Links & Buttons
   ========================================================================== */

/* Text content links */
.text-content a:not(.elementor-button-link) {
    position: relative;
    color: var(--e-global-color-text);
    text-decoration: none !important;
    font-weight: 500;
}

.text-content a:not(.elementor-button-link):after,
.text-content a:not(.elementor-button-link):before {
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 2px;
    background-color: var(--e-global-color-text);
    transition: .5s width;
    width: 0;
}

.text-content a:not(.elementor-button-link):before {
    width: 100%;
    opacity: .1;
}

.text-content a:not(.elementor-button-link):hover:after {
    width: 100%;
}

/* Text-only version of line-left link style */
.custom-link-line-left.text-only .elementor-heading-title {
   padding: 0;
   border: none;
   border-radius: 0;
   background: none;
}

.custom-link-line-left.text-only .elementor-heading-title::before {
   content: '';
   width: 30px;
   height: 1px;
   background-color: currentColor;
   margin-right: 10px;
   transition: background-color 0.3s ease;
}

/* Hover effect for text-only version */
.custom-link-line-left.text-only .elementor-heading-title:hover {
   background: none;
   color: var(--e-global-color-accent) !important;
}

.custom-link-line-left.text-only .elementor-heading-title:hover::before {
   background-color: var(--e-global-color-accent) !important;
}

/* ==========================================================================
   6. Layout Components
   ========================================================================== */

/* Image zoom effect */
.image-zoom .elementor-widget-container {
    overflow: hidden;
}

.image-zoom img {
    transition: transform 0.5s ease-in-out;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.e-loop-item:hover .image-zoom img {
    transform: scale(1.05);
}

/* Alternative: Target all iframes in HTML widgets */
.elementor-widget-html iframe {
    width: 100% !important;
    min-width: 100% !important;
}


/* ==========================================================================
   7. Custom Effects
   ========================================================================== */

/* Custom cursor */
.custom-cursor,
.custom-cursor * {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg%3E%3Ccircle cx='50' cy='50' r='48' style='fill: %23F6CA21'/%3E%3Cpath d='M30 50 L70 50 M70 50 L60 40 M70 50 L60 60' style='stroke: %23000000' stroke-width='2' fill='none'/%3E%3C/g%3E%3C/svg%3E") 50 50, auto;
}

/* Hover underline effect */
.elementor-widget.hover-underline .elementor-widget-container {
    display: inline-block;
    width: fit-content;
}

.elementor-widget.hover-underline .elementor-heading-title {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size 0.3s ease-in-out;
    display: inline;
}

.e-loop-item:hover .elementor-widget.hover-underline .elementor-heading-title {
    background-size: 100% 1px;
}

/* Image multiply effect */
.imgMultiply {
    mix-blend-mode: multiply;
}

/* ==========================================================================
   8. Lists & Content
   ========================================================================== */

/* Basic list spacing */
.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
    margin-bottom: 1rem;
}

/* Basic list spacing */
.text-content ul,
.text-content ol {
    margin-bottom: 1rem;
}

/* ==========================================================================
   9. Footer Styles
   ========================================================================== */

/* Footer general text size */
.footer-content {
    font-size: 0.85em;
}

/* Footer text links */
.footer-text a:not(.elementor-button-link) {
    position: relative;
    color: var(--e-global-color-text);
    text-decoration: none !important;
}

.footer-text a:not(.elementor-button-link):after,
.footer-text a:not(.elementor-button-link):before {
    content: '';
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 1px;
    background-color: var(--e-global-color-text);
    transition: .5s width;
    width: 0;
}

.footer-text a:not(.elementor-button-link):before {
    width: 100%;
    opacity: .2;
}

.footer-text a:not(.elementor-button-link):hover:after {
    width: 100%;
}

/* Footer link underline effect */
.footer-link a {
    position: relative;
    text-decoration: none;
    background-image: linear-gradient(var(--e-global-color-text), var(--e-global-color-text));
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size 0.3s ease-in-out;
}

.footer-link a:hover {
    background-size: 100% 1px;
}

/* ==========================================================================
   10. Media Queries
   ========================================================================== */

@media only screen and (max-width: 600px) {
    hr {
        width: 50%;
        margin: 30px auto !important;
    }
}

.external-link-icon a {
  text-decoration: none;
}

.external-link-icon a::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 6px;
  vertical-align: -2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.external-link-icon a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cheltenham';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://hrkollektivet.no/wp-content/uploads/2026/01/font-1.woff2') format('woff2'),
		url('https://hrkollektivet.no/wp-content/uploads/2026/01/font-1.woff') format('woff');
}
@font-face {
	font-family: 'Cheltenham';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://hrkollektivet.no/wp-content/uploads/2026/01/font-2.woff2') format('woff2'),
		url('https://hrkollektivet.no/wp-content/uploads/2026/01/font-2.woff') format('woff');
}
@font-face {
	font-family: 'Cheltenham';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://hrkollektivet.no/wp-content/uploads/2026/01/font-3.woff2') format('woff2'),
		url('https://hrkollektivet.no/wp-content/uploads/2026/01/font-3.woff') format('woff');
}
@font-face {
	font-family: 'Cheltenham';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('https://hrkollektivet.no/wp-content/uploads/2026/01/font-4.woff2') format('woff2'),
		url('https://hrkollektivet.no/wp-content/uploads/2026/01/font-4.woff') format('woff');
}
/* End Custom Fonts CSS */