<style>
    body {}


    img {
        width: 100%;
        height: inherit;
        border-radius: 20px    }

    .ei-paragraph a {
        font-weight: 600;
        color: #00649e;

    }

    .ei-paragraph a:hover {
        font-weight: 600;
        color: #075482;

    }

    /*NAV*/
    .gital-nav-container {
        margin: 0;
        background: url("../images/Hallsta_Bakgrund_Nav.svg");
        background-repeat: no-repeat;
        background-repeat: repeat-x;
        text-transform: uppercase;
        font-weight: 600;
        -webkit-filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.5));
        filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.5));
    }

    .gital-nav {
        margin: 0em auto 0em auto;
        margin-bottom: 0px;
        height: 65px;
    }

    .gital-navMenuLogoHallsta {
        width: 244px;
        height: 140px;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        background: #fff;
        border-radius: 20px;
        margin-bottom: -36px;
    }

    .gital-navMenuLogoHallsta .gital-logoBackground {
        width: 244px;
        height: 140px;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        display: flex;
        justify-content: center;
        align-items: center;
        background: url("../images/Logo.svg");
    }

    .gital-navMenuLogoHallsta a {
        width: 212px;
        height: 87px;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .gital-navMenuLogoHallsta a img {
        width: 212px;
        height: 67px;
        margin-top: 20px;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .gital-header {
        padding-top: 0px;
        background: #fff;
    }

    .gital-navMobile {
        top: 0;
        height: 69px;
        padding-top: 10px;
        background: #fff;
    }

    .gital-navMenu>div>ul>li>ul>li:first-child {
        background: #00649e;
        padding: 1em 0 0.5em 0;
    }

    .gital-navMenu>div>ul>li>ul>li:last-child {
        background: #00649e;
        padding: 0.5em 0 1em 0;
    }


    @media screen and (max-width: 950px) {
        .gital-header {
            font-size: 12px;
        }
    }

    @media (max-width: 1366px) {

        .gital-nav {
            margin: 0 1em;
        }
    }

    .current_page_item {
        text-decoration: none;
        color: #eb212e;
    }

    .gital-navMenu a:hover {
        color: #00649e;
    }

    .gital-navMenu>div>ul>li>ul {
        width: 100%;
        margin: 0;
        font-size: 0.8em;
    }

    .gital-navMenu>div>ul>li>ul>li {
        background: #00649e;
        padding: 0.5em;
        color: #fff;
        margin: 0 -1em;
    }

    .gital-navMenu>div>ul>li>ul>li>a {
        color: #fff;
    }

    .gital-navMenu .sub-menu a:hover {
        color: inherit;
    }
    /* Hero Light */
    .g-fht {
        height: 500px;
        background-position: center;
        background-attachment: inherit;
    }

    @media (max-width: 800px) {

        .g-fht {
            height: 300px;
        }
    }

    .gital-navMobile ul li {
        background: #fff;
        padding: 1em 0;
        margin: 0;
    }

    /* Owl*/

    .g-owl-text {
        background: #00649e;
        border-radius: 20px;
        padding: 16px;
    }

    .g-owl-text a,
    .g-owl-text p,
    .g-owl-text h3,
    .g-owl-text
    {
        color: #fff;
    }

    .g-owl-text div {
        border-left: 1px solid #fff;
    }

    .g-owl .owl-dots span:after {
        color: #e3e3e3;
    }

    .g-owl .owl-dots .active span:after {
        color: #00649e;
    }

    /* Single */
    .gital-single-ul {
        background: #00649e;
        border-radius: 20px;
        padding: 1em;
        list-style: none;
    }

    .gital-single-ul a {
        color: #fff;
    }

    .gital-single-ul li {
        list-style: none;
        list-style-type: none;
    }


    .gital-single-ul span {
        color: #fff;
        margin-right: 0.5em;
    }

    /* Posts */

    .gital-page-content {
        position: relative;
    }
    

    .g-post-type {
        float: right;
        color: #00649e;
        font-size: 3em;
    }

    .g-post-type-owl {
        float: right;
        color: #fff;
        font-size: 2em;
    }

    /* Footer */
    .g-hallsta-footer {
        display: flex;
        flex-direction: column;
        gap: 32px;
        background: #00649e;
        padding: 4em 2em 2em 2em;
    }

    .g-hallsta-footer .gital-post {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: calc(32px * 2);
    }

      .g-hallsta-footer .gital-post div{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-content: center;
        text-align: center;
        max-width: 1366px;
    }

     .g-hallsta-footer .gital-post p{
        display: flex;
        text-align: center;
    }

    .g-hallsta-footer .gital-post a h3{
        display: flex;
        text-align: center;
    }

    .g-hallsta-footer > div {
        display: flex;
        justify-content: space-between;
    }

    .g-hallsta-footer > div > div > div:first-child:after {
        content: "";
        display: block;
        padding-bottom: 100%;
    }

    .g-hallsta-footer > div > div > div:first-child {
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 100%;
        border: 5px solid white;
        width: 200px;
        height: 200px;
    }

    .g-hallsta-footer a,
    .g-hallsta-footer p,
    .g-hallsta-footer h4,
    .g-hallsta-footer h3 {
        color: white;
        text-align: left;
    }
    .g-hallsta-footer__details-container {
        border-top: 1px solid white;

    }
    .g-hallsta-footer .g-hallsta-footer__logo  {
        max-height: 100px;
        max-width: 100px;
        background: white;
        border-radius: 100px;
        padding: 8px;
        aspect-ratio: 1 / 1;
    }

    .g-hallsta-footer > div:last-child p,
    .g-hallsta-footer > div:last-child h4 {
        margin: 0;
        color: #fff;
        text-align: left;
    }

    .g-hallsta-footer > div:last-child p strong {
        font-weight: bolder;
    }

    .g-hallsta-footer__contact p {
        margin: 0;
    }

    @media (max-width: 800px) {

        .gital-navFooter {
            margin-top: 32px;
         }

        .g-hallsta-footer > div {
            display: block;
        }

        .g-hallsta-footer .gital-post {
        flex-direction: column;
    }
    }
    @media (max-width: 1400px) {
    .owl-carousel {
        padding-left: 16px;
        padding-right: 16px;
    }
    }

    /* Page content */

    .gital-page-content {
        display: grid;
        justify-content: space-between;
        grid-template-areas: 
        "panorama panorama"
        "side-menu g-content";
    }

    .gital-submenu {
        order: 1;
        flex: 0 0 25%;
        grid-area: side-menu;
    }

    .gital-page-container {
        order: 2;
        flex: 0 0 75%;
        padding: 0 10%;
        grid-area: g-content;
    }

       .g-panorama {
        display: flex;
        justify-content: left;
        width: 100%;
        border-radius: 0px;
        height: 300px;
        text-align: left;
        justify-content: center;
        grid-area: panorama;
        background: #00649e;
        color: #fff;
    }

    .g-panorama h1 {
        color: #fff;
        width: 100%;
        Padding: 0;
        max-width: 1366px;
        text-align: left;
        margin: 75px 16px 0 16px;
        text-wrap: wrap;
    }
    @media (max-width: 800px) {
        .g-panorama h1 {
        margin-left: 16px;
        font-size: 40px;
        }
    }

    .gital-page-container a {
        text-decoration: underline;
    }

    @media (max-width: 800px) {

        .gital-page-content {
            display: block;
        }

        .gital-page-container {
            padding: 0;
            margin: 2em 0;
        }
    }

    /* Submenu */
    .gital-submenu {
        cursor: pointer;
        margin-bottom: auto;
    }

    .gital-submenu ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .gital-submenu ul li:first-child {
        font-size: 1.5em;
        font-weight: 100;
        text-transform: uppercase;
        margin-bottom: 0.5em;
    }

   

    .gital-submenu ul li:not(:first-child):not(.current_page_item) {
        margin: 0.5em 0;
        border-radius: 20px;
        background: #00649e;
    }

    .gital-submenu ul li:not(:first-child):not(.current_page_item):hover {
         background: #075482;
    }

    .gital-submenu ul li:not(:first-child) a {
        display: inline-block;
        position: relative;
        padding: 16px;
        width: 100%;
        height: 100%;
    }

    .gital-submenu ul .current_page_item:not(:first-child) {
        color: #eb212e;
        margin: 0.5em 0;
        border-radius: 20px;
        background: #075482;
        font-weight: 600;
    }

    .gital-submenu ul li:first-child a {
        color: #00649e;
  font-weight: bold;
    }

    .gital-submenu ul li a {
        color: #fff;
        text-decoration: none;
        &:active {
            color: #fff;
        }
    }
    .gital-submenu ul .current_page_ancestor a {
        color: #00649e;
        font-weight: bold;
    }

    .gital-post-content {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .g-image-and-text {
        display: flex;
        flex-direction: row;
        background: white;
        max-height: fit-content;
        border-radius: 20px;
        overflow: hidden;
        @media screen and (max-width: 1000px) {
		flex-direction: column;
        }	
    }


    .g-image-and-text-image {
        aspect-ratio: 1 / 1;
        padding: 2em;
    }

    .g-image-and-text-image img {
        width: 100%;
        height: 100%;
        border-radius: 0px;
        height: 100%;
        object-position: center center;
        object-fit: contain;
    }

      .gital-table4 ,
      .gital-table3 ,
      .gital-table2 ,
      .gital-table1  {
        overflow: hidden;
        border-spacing: 1px;
        padding: 10px;
        border-collapse: separate;
        border-radius: 20px;
        background: #fff;
    }

    .gital-table4 tbody,
      .gital-table3 tbody,
      .gital-table2 tbody,
      .gital-table1 tbody {
        background: #fff;
    }

    .gital-table4 th,
      .gital-table3 th,
      .gital-table2 th,
      .gital-table1 th {
        border-radius: 4px;
    }

    .gital-table4 td,
      .gital-table3 td,
      .gital-table2 td,
      .gital-table1 td {
        border-radius: 4px;
    }

    /* Table4 */
    .gital-table4 {
        width: 100%;
        border-spacing: 5px;
    }

    .gital-table4 th {
        background: #00649e;
        padding: 0.5em;
        color: #fff;
        width: 25%;
        border: 1px solid #191919;
        border-radius: 4px;
    }

    .gital-table4 td {
        padding: 0.5em;
        border: 1px solid #191919;
    }

    .gital-table4 th:nth-child(3), .gital-table4 th:nth-child(4), .gital-table4 td:nth-child(3), .gital-table4 td:nth-child(4) {
        text-align: right;
    }

    /* Table3 */
    .gital-table3 {
        width: 100%;
        border-spacing: 5px;
    }

    .gital-table3 th {
        background: #00649e;
        padding: 0.5em;
        border: 1px solid #191919;
        color: #fff;
        width: 33%;
    }

    .gital-table3 td {
        padding: 0.5em;
        border: 1px solid #191919;
    }

    /* Table2 */
    .gital-table2 {
        border-spacing: 5px;
    }

    .gital-table2 th {
        background: #00649e;
        padding: 0.5em;
        color: #fff;
        border: 1px solid #191919;
    }

    .gital-table2 td {
        padding: 0.5em;
        border: 1px solid #191919;
    }

    .gital-table2 th:nth-child(2), .gital-table2 td:nth-child(2) {
        text-align: right;
        padding: 0.5em 0.5em 0.5em 3em;
    }

    /*Form*/
    .html-container {
        margin-bottom: -20px !important;
        margin-top: 3em;
    }

    .g-form input,
    .g-form textarea {
        background: #fff;
        border: 1px solid #00649e;
        color: #00649e;
    }

    /* Avbrottsinfo */
    input.ai-subscribe-submit,
    input.ai-unsubscribe-submit {
        padding: 0.5em 1em;
        font-family: 'Open Sans', sans-serif;
        background: #191919;
        color: #fff;
        -webkit-appearance: none;
        border-radius: 0;
    }

    div#avbrottsinfo_container {
        border-radius: 0px !important;
    }

	/* GDPR Consent */
	#catapult-cookie-bar {
		background-color: #00649e !important;
		box-shadow: 0px -3px 3px rgba(1, 1, 1, .5);
	}

	#catapult-cookie-bar .g-cookie-consent {
		color: #fff;
	}

	#catapult-cookie-bar .g-cookie-consent button#catapultCookie {
		padding: .5em 1.5em;
		background: #00649e;
		transition: all .5s;
		-webkit-appearance: none;
		border: 1px solid #fff;
		color: #fff;
		font-size: 1.1em;
		white-space: nowrap;
		display: inline-block;
		border-radius: 0;
		padding: .5em 1em;
	}

	#catapult-cookie-bar .g-cookie-consent button#catapultCookie:visited {
		color: #fff;
	}

	#catapult-cookie-bar .g-cookie-consent a {
	    text-decoration: underline;
	}

	#catapult-cookie-bar .g-cookie-consent button#catapultCookie:focus,
	#catapult-cookie-bar .g-cookie-consent button#catapultCookie:hover {
		cursor: pointer;
		text-decoration: none;
		box-shadow: inset 0 0 20px 15px rgba(0, 0, 0, .15);
	}

	@media screen and (max-width:600px) {
		.g-cookie-consent {
			flex-direction: column
		}

		.g-cookie-consent span:first-child {
			margin: 0
		}

		.g-cookie-consent span:last-child {
			margin: 1em 0 0 0
		}

		.g-cookie-consent span button {
			margin: 0 !important
		}
	}

/* Form uploads */

.g-form .file_upload-container .nf-field-element {
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-template-rows: 0 auto auto;
  grid-template-areas: 
    "nonce nonce"
    "button progress"
    "uploads uploads";
}

.g-form .file_upload-container .nf-field-element .nf-fu-fileinput-button {
  grid-area: button;
  min-width: 100px;
  padding: 0.3em .5em;
  font-family: 'Open Sans', sans-serif;
  background: #00649e;
  border: none;
  color: #fff;
  -webkit-appearance: none;
  border-radius: 0;
  margin-bottom: 0;
}

.g-form .file_upload-container .nf-field-element .nf-upload-nonce {
  grid-area: nonce;
}

.g-form .file_upload-container .nf-field-element .nf-fu-progress {
  grid-area: progress;
  margin-bottom: 0;
  height: unset;
  border: 1px solid #00649e;
  margin-left: 10px;
  border-radius: 0;
  box-shadow: none;
  background: white;
}

.g-form .file_upload-container .nf-field-element .nf-fu-progress-bar {
    box-shadow: none;
    background: #00649e;
}

.g-form .file_upload-container .nf-field-element .files_uploaded {
  grid-area: uploads;
}

.g-form .file_upload-container .nf-field-element .files_uploaded p {
    margin-top: 10px;
    margin-bottom: 10px;
}
.g-form .file_upload-container .nf-field-element .files_uploaded p .delete {
  min-width: 100px;
  padding: 0.3em .5em;
  font-family: 'Open Sans', sans-serif;
  background: #00649e;
  border: none;
  color: #fff;
  -webkit-appearance: none;
  border-radius: 0;
  margin-bottom: 0;
}

.g-search-field {
    margin-top: 10px;
    height: fit-content;
    padding:  10px;
    box-shadow: unset !important;
    border: 2px solid #00649e;
    color: #00649e;
    border-radius: 20px;
}

/* Added 20210923 - Mirva Webb - Ninni Ericsson - START  */

.g-cookie-consent__button button {
	color: white;
	background-color: #00649e;
}

/* Added 20210923 - Mirva Webb - Ninni Ericsson - END  */


/* Relevanssi */
.relevanssi-live-search-results {
    position:  fixed !important;
  box-sizing: border-box;
  margin-top: 10px !important;
  -moz-box-sizing: border-box;
  background: #fff;
  -webkit-box-shadow: 0 0 2px 0 rgba(30, 30, 30, 0.4);
  box-shadow: 0 0 2px 0 rgba(30, 30, 30, 0.4);
  border-radius: 20px !important;
  padding: 16px !important;
  width: 315px;
  min-height: 175px;
  max-height: 300px;
}

@media screen and (max-width:800px) {
  .relevanssi-live-search-results {
    width: 100% !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    margin: 0 auto !important;
    max-height: 800px !important;
  }

	}

.relevanssi-live-search-result p {
  font-size: 1em !important;
  font-weight: 600 !important;
  padding: 1em 0.5em !important;
  margin: 0;
  text-wrap: wrap !important;
}

.relevanssi-live-search-result-status p {
  font-size: 0.8em;
  padding: 1em 0.5em !important;
  border-bottom: 1px solid rgba(30, 30, 30, 0.1) !important;
}

.relevanssi-live-search-result--focused {
  background: #ddd;
}

.relevanssi-live-search-result--focused a {
  color: #000;
}

.relevanssi-live-search-result:last-of-type p {
  border-bottom: 0;
}

.relevanssi-live-search-result a {
  display: block;
  white-space: nowrap;
    overflow: unset !important;
    text-wrap: wrap !important;
  text-decoration: none !important;
  text-overflow: ellipsis;
}

.relevanssi-live-search-result a:hover {
  color: #00649e !important;
}

/* Bullet proof Screen Reader Only text */
.relevanssi-live-search-instructions {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.rlv-has-spinner {
  width: 56px;
  height: 56px;
  border: 8px solid #0052ec;
  border-right-color: transparent;
  border-radius: 50%;
  position: relative;
  animation: loader-rotate 1s linear infinite;
  margin: 1em auto;
}
.rlv-has-spinner::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #0052ec;
  border-radius: 50%;
  position: absolute;
  top: -1px;
  left: 33px;
}
@keyframes loader-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

</style>
