@charset "UTF-8";
/*
Theme Name: norwaycup
Theme URI: norwaycup.no
Author: The Pitch // Ida-marie Berntsen
Tested up to: 6.7.1
Requires PHP: 7.3
Version: 1.0.1
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ollie
Template: ollie
*/
.border {
border: 1px solid;
}
html.sr .scroll-reveal {
visibility: hidden;
}
/* Disable tap highlight on iOS */
* {
-webkit-tap-highlight-color: transparent;
}
.site-container {
/************************/
/* Desktop Mega menu OPEN
/************************/
/************************/
/* DESKTOP Menu + MEGA MENU
/************************/
/* Anvend effekten på alle .SMN_effect-46 a, bortsett fra de inne i .no-effect */
/* Pil etter alle eksterne knapper i wp-block-buttons */
/* Spesifikk stil for lenker i .footer */
/* Hover-effekt for lenker i .footer */
/************************/
/* Search page and results - Search and filter plugin */
/************************/
/* Registration button with circular arrow icon */
/* Responsive adjustments */
/* Responsive adjustments */
/* Juster høyde med modifier-klasser */
/* Video bakgrunn */
/* Overlay for bedre lesbarhet */
/* Juster overlay-opasitet */
/* Innholdscontainer - alt Gutenberg-innhold ligger her */
/* Responsiv */
/* Eksempel hvis siden har ID 123 */
}
.site-container .padding-left-right-desktop {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1024px) {
.site-container { /* Juster denne bredden etter behov */ }
.site-container .padding-left-right-desktop {
padding-left: 3rem !important; /* Juster verdien etter ønske */
padding-right: 3rem !important;
}
.site-container .hero-padding-large {
padding-top: 11rem !important;
padding-bottom: 11rem !important;
padding-left: 2rem !important;
padding-right: 2rem !important;
}
}
.site-container .no-section-padding {
margin-block-start: 0 !important;
margin-block-end: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
@media (max-width: 768px) {
.site-container .hide-mobile {
display: none !important;
visibility: hidden !important;
}
}
@media (min-width: 769px) and (max-width: 1341px) {
.site-container .hide-medium {
display: none !important;
visibility: hidden !important;
}
}
@media (min-width: 1210px) {
.site-container .hide-large {
display: none !important;
visibility: hidden !important;
}
}
@media (max-width: 1307px) {
.site-container .hide-desktop-menu {
display: none !important;
visibility: hidden !important;
}
}
@media (min-width: 769px) and (max-width: 1341px) {
.site-container .hide-mobile-menu {
display: none !important;
visibility: hidden !important;
}
}
@media (max-width: 768px) {
.site-container .site-logo img {
width: 125px !important;
height: auto;
text-align: left !important;
}
}
.site-container .wp-block-navigation__responsive-container-close {
color: white;
}
.site-container .wp-block-navigation__responsive-container.is-menu-open {
background-color: #161E32 !important;
}
.site-container .mobile-menu-btn {
color: white !important;
background-color: #0E131f !important;
border-radius: 5px;
}
.site-container #nav-4 {
color: white !important;
background-color: #161E32 !important;
border-radius: 5px;
}
.site-container .home header {
position: relative; /* eller absolute/fixed om du vil flytte den */
z-index: 9999;
margin-bottom: -135px; /* juster slik at den overlapper elementet over */
}
.site-container header {
position: relative; /* eller absolute/fixed om du vil flytte den */
z-index: 9999;
margin-bottom: -200px; /* juster slik at den overlapper elementet over */
}
.site-container .menu-overlay-divider {
border-left: 1px solid #2175FF;
}
.site-container .mega-menu-open .gw-mm-item.has-children button.active::after {
content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-top;
padding-bottom: 1.9rem;
}
.site-container .mega-menu-open .wp-block-boldblocks-breadcrumb-block {
visibility: hidden;
}
.site-container .gw-mm-item__link {
color: transparent !important;
background-color: #0E131f;
border-radius: 10px;
}
.site-container .desktop-menu .wp-block-column {
border-radius: 0 !important;
}
.site-container .desktop-menu .gw-mm-item__dropdown {
background: transparent;
}
@media (max-width: 768px) {
.site-container .desktop-menu .gw-mm-item__dropdown {
padding: 0;
}
}
@media (min-width: 1024px) {
.site-container .desktop-menu .gw-mm-item__dropdown {
margin-top: 1.8rem;
}
}
.site-container .desktop-menu .gw-mm-item__dropdown-wrapper {
background: transparent;
display: block;
visibility: hidden;
transform: translateY(10px);
opacity: 0;
transition: opacity 0s ease, visibility 0s ease, transform 0s ease;
height: auto !important;
}
.site-container .desktop-menu .gw-mm-item__dropdown-wrapper .subheader a {
color: black;
text-decoration: none;
}
.site-container .desktop-menu .gw-mm-item__dropdown-wrapper .subheader a:hover {
text-decoration: underline;
}
.site-container .desktop-menu .gw-mm-item__dropdown-wrapper.active {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
.site-container .desktop-menu .gw-mm-item__dropdown-wrapper:not(.active) {
visibility: hidden; /* Hide the menu when not active */
opacity: 0;
transform: translateY(0px); /* Slide up effect */
}
.site-container .desktop-menu .gw-mm-item.has-children .gw-mm-item__link a {
padding-right: 10px;
text-decoration: none;
font-size: 1rem;
}
.site-container .desktop-menu .gw-mm-item.has-children button {
margin-right: 10px;
cursor: pointer;
/* Remove default dashicon **/
}
.site-container .desktop-menu .gw-mm-item.has-children button:after {
content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-top;
padding-top: 0.5rem;
}
.site-container .desktop-menu .gw-mm-item.has-children button span {
display: none;
}
@media (max-width: 768px) {
.site-container .gw-mm-item__dropdown-wrapper {
margin-top: 0 !important;
}
.site-container .desktop-menu .gw-mm-item__dropdown {
padding-top: 0 !important;
}
}
.site-container .SMN_effect-46 a:not(.wp-block-button__link) {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0 !important;
text-decoration: none !important;
}
.site-container .SMN_effect-46 a:not(.wp-block-button__link):before {
content: "";
position: absolute;
z-index: -1;
height: 1px;
left: 0;
right: 0;
bottom: 0;
background: white;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.site-container .SMN_effect-46 a:not(.wp-block-button__link):hover:before,
.site-container .SMN_effect-46 a:not(.wp-block-button__link):focus:before,
.site-container .SMN_effect-46 a:not(.wp-block-button__link):active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.site-container .wp-block-button {
position: relative;
display: inline-block;
overflow: hidden;
}
.site-container .wp-block-button a {
display: inline-flex; /* Bruk flexbox for å midtstille innholdet */
align-items: center; /* Midtstiller vertikalt */
justify-content: center; /* Midtstiller horisontalt */
text-align: center;
gap: 0.375rem;
transition: 0.3s ease;
padding-left: 1.7rem;
padding-right: 1.7rem;
}
.site-container .wp-block-button a:hover {
text-decoration: none;
}
.site-container .wp-block-button img {
position: relative;
transition: transform 0.3s ease;
height: 1em; /* Sørger for at bildet skaleres til tekstens høyde */
}
.site-container .wp-block-button:hover img {
transform: translateX(5px); /* Flytter bildet (f.eks. en pil) litt til høyre ved hover */
}
.site-container .wp-block-button a.has-blue-background-color:hover {
background-color: #0052d8 !important;
}
.site-container .wp-block-button a.has-medium-blue-background-color:hover {
background-color: #0865ff !important;
}
.site-container .wp-block-button a.has-light-blue-background-color:hover {
background-color: #00c9fc !important;
}
.site-container .wp-block-button a.has-red-background-color:hover {
background-color: #e6000c !important;
}
.site-container .wp-block-button a.has-grey-background-color:hover {
background-color: #dfdfdf !important;
}
.site-container .wp-block-button a.has-yellow-background-color:hover {
background-color: #e5c700 !important;
}
.site-container .wp-block-button a.has-orange-background-color:hover {
background-color: #e66c00 !important;
}
.site-container .wp-block-button a.has-green-background-color:hover {
background-color: #00cb49 !important;
}
.site-container .wp-block-button a.has-black-background-color:hover {
background-color: #161e31 !important;
}
.site-container .wp-block-button a.has-medium-green-background-color:hover {
background-color: #71cc8b !important;
}
.site-container .wp-block-button a.has-light-green-background-color:hover {
background-color: #b3e8c6 !important;
}
.site-container .wp-block-button a.has-medium-orange-background-color:hover {
background-color: #ff9c42 !important;
}
.site-container .wp-block-button a.has-light-black-background-color:hover {
background-color: #0e1320 !important;
}
.site-container .wp-block-button a.has-grey-blue-background-color:hover {
background-color: #c7d5f4 !important;
}
.site-container .wp-block-button a.has-light-orange-background-color:hover {
background-color: #ffcea1 !important;
}
.site-container .wp-block-button a.has-medium-beige-background-color:hover {
background-color: #ffd4b0 !important;
}
.site-container .wp-block-button a.has-beige-background-color:hover {
background-color: #f5e3d5 !important;
}
.site-container .wp-block-button a.has-dark-blue-background-color:hover {
background-color: #0047ba !important;
}
.site-container .wp-block-button a.has-white-background-color:hover {
background-color: #FAF5F5 !important;
}
.site-container .wp-block-button.is-style-outline .wp-block-button__link:hover {
background-color: #0051D3;
color: white !important;
border: none;
outline: 2px solid transparent;
outline-offset: -3.5px;
}
.site-container .to-the-top img {
display: inline-block;
transition: transform 0.3s ease-in-out;
}
.site-container .to-the-top img:hover {
animation: bounce 0.6s ease infinite;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-10px);
}
60% {
transform: translateY(-5px);
}
}
.site-container .home .breadcrumbs {
display: none;
}
.site-container .home .bread {
display: none;
}
.site-container .bread {
padding-left: 2rem !important;
}
.site-container .breadcrumbs a {
border-bottom: 1px solid !important;
text-decoration: none !important;
color: #5e6267;
}
.site-container .breadcrumb-icon {
padding-left: 0.6rem;
padding-right: 0.6rem;
font-size: 8px; /* endre størrelse */
vertical-align: middle; /* sentrer ikon med tekst */
}
.site-container .breadcrumb {
font-size: 0.7rem !important;
}
@media (max-width: 768px) {
.site-container .breadcrumb {
font-size: 0.7rem !important;
}
}
.site-container .swiper img {
border-radius: 10px !important;
}
.site-container .links a {
border-bottom: 1px solid #005CF1;
text-decoration: none;
}
.site-container .links a:hover {
border-bottom: 1px solid transparent;
}
.site-container .wp-block-post-terms {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 8px 20px;
border: 1px solid;
border-radius: 50px;
}
.site-container .wp-block-post-terms:hover {
background-color: #2175FF;
border: 1px solid #2175FF;
}
.site-container .wp-block-post-terms:hover a {
color: white !important;
}
.site-container .wp-block-post-terms::before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #84D39A;
flex-shrink: 0;
}
.site-container .wp-block-post-featured-image a img {
width: 100%;
height: auto;
object-fit: cover;
object-position: top;
transition: transform 0.3s ease;
}
.site-container .wp-block-post-featured-image a:hover img {
transform: scale(1.02);
}
.site-container .post-front-focus .wp-block-post-title a {
position: relative;
display: inline-block;
text-decoration: none;
transition: color 0.3s ease;
}
.site-container .post-front-focus .wp-block-post-title a:hover {
color: #0051D3;
}
.site-container .post-front-focus .wp-block-post-title a::after {
content: "";
display: block; /* gjør at den legger seg på neste linje */
width: 32px;
height: 32px;
background: url("/wp-content/themes/norwaycup/assets/images/arrowbuble-darkblue.svg") no-repeat center;
background-size: contain;
margin-top: 2rem; /* avstand fra teksten */
padding-bottom: 2rem !important;
transition: transform 0.3s ease, margin-left 0.3s ease;
}
.site-container .post-front-focus .wp-block-post-title a:hover::after {
transform: translateX(10px); /* skyv den litt mot høyre på hover */
margin-left: 10px;
}
.site-container .post-front .wp-block-post-title a {
position: relative;
display: inline-block;
text-decoration: none;
transition: color 0.3s ease;
}
.site-container .post-front .wp-block-post-title a:hover {
color: #0051D3;
}
.site-container .post-front .wp-block-post-title a::after {
content: "";
display: block; /* gjør at den legger seg på neste linje */
width: 32px;
height: 32px;
background: url("/wp-content/themes/norwaycup/assets/images/arrowbuble-white.svg") no-repeat center;
background-size: contain;
margin-top: 2rem; /* avstand fra teksten */
transition: transform 0.3s ease, margin-left 0.3s ease;
}
.site-container .post-front .wp-block-post-title a:hover::after {
transform: translateX(10px); /* skyv den litt mot høyre på hover */
margin-left: 10px;
}
.site-container .post-hero-img img {
max-height: 700px !important;
overflow: hidden !important;
}
.site-container .gruppe {
position: relative; /* Viktig for at absolute skal være relativ til denne */
}
.site-container .gruppe-innhold {
z-index: 1;
}
.site-container .about-links {
padding: 10px; /* Juster etter behov */
transition: all 0.3s ease-in-out;
position: relative;
}
.site-container .about-links :where(.wp-block-columns) {
margin-bottom: 0 !important;
}
.site-container .about-links:hover {
background-color: #fefefe !important;
transform: scale(1.05);
transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.site-container .about-links a {
text-decoration: none;
}
.site-container .about-links a:hover {
text-decoration: underline;
}
.site-container .about-links::after {
content: "→"; /* Høyrepil */
display: block;
font-size: 1.2em;
opacity: 1;
transition: opacity 0.3s ease-in-out;
}
.site-container .about-links:hover::after {
opacity: 1;
}
.site-container .sports-links {
padding: 10px; /* Juster etter behov */
transition: all 0.3s ease-in-out;
position: relative;
}
.site-container .sports-links :where(.wp-block-columns) {
margin-bottom: 0 !important;
}
.site-container .sports-links:hover {
background-color: #fefefe !important;
transform: scale(1.05);
transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.site-container .sports-links a {
text-decoration: none;
}
.site-container .sports-links a:hover {
text-decoration: underline;
}
.site-container .sports-links::after {
content: "→"; /* Høyrepil */
display: block;
font-size: 1.2em;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.site-container .sports-links:hover::after {
opacity: 1;
}
.site-container .wp-block-button a:hover::after {
transform: translateX(4px);
}
.site-container .no-fill-btn {
padding: 0 !important;
}
.site-container .no-fill-btn a {
padding: 0 !important;
border-bottom: 1px solid;
border-radius: 0;
}
.site-container .no-fill-btn a:hover {
border-bottom: 1px transparent solid;
}
.site-container a.external::after {
content: "→";
display: inline-block;
margin-left: 0.3em;
font-size: 1.2rem;
transform: rotate(-45deg) translateX(0);
transition: transform 0.2s ease;
}
.site-container a.external:not(.menu-btn):hover::after {
transform: rotate(-45deg) translateX(4px);
}
.site-container .menu-btn a::after {
content: "";
}
.site-container .menu-btn a::after {
display: none;
}
.site-container .wp-block-table thead {
background: #005CF1;
border-bottom: 2px solid #005CF1;
text-align: left !important;
color: white;
}
.site-container .wp-block-table td, .site-container .wp-block-table th {
border: 1px solid #d0cfcf !important;
padding: 1rem;
}
.site-container .wp-block-aab-accordion-block {
border-radius: 10px 10px 0px 0px !important;
}
.site-container .footern {
position: relative; /* eller absolute/fixed om du vil flytte den */
z-index: 9999;
margin-top: -492px; /* juster slik at den overlapper elementet over */
}
.site-container .footer a {
text-decoration: none;
position: relative;
display: inline-block;
color: white; /* Teksten forblir hvit */
}
.site-container .footer a::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 100%;
background: linear-gradient(to right, #005CF1 50%, transparent 50%); /* Linjen blir blå */
background-size: 200% 100%;
background-position: left;
transition: background-position 0.4s ease;
}
.site-container .footer a:hover::after {
background-position: right;
}
@media (min-width: 1040px) {
.site-container .padding-large {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
}
@media (min-width: 769px) and (max-width: 1039px) {
.site-container .padding-large {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
}
.site-container :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
border: transparent !important;
}
.site-container .src-menu .wp-block-search {
width: 200px !important;
background-color: transparent;
border-radius: 10px;
}
.site-container .wp-block-search__input {
background-color: #00B140;
padding-left: 1rem;
}
.site-container .src .wp-block-search {
background-color: #00B140;
border-radius: 10px;
}
.site-container .src .wp-block-search__input {
background-color: #00B140;
padding-left: 1rem;
}
.site-container .cat-post-page {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 8px 20px;
border: 1px solid #0E131f;
border-radius: 50px;
font-size: 0.9rem;
font-weight: 500;
}
.site-container .cat-post-page a {
border-bottom: none !important;
text-decoration: none !important;
}
.site-container .cat-post-page:hover {
background-color: #005CF1;
color: white !important;
border: 1px solid #005CF1;
}
.site-container .cat-post-page:hover a {
color: white !important;
}
.site-container .cat-post-page::before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #84D39A;
flex-shrink: 0;
}
.site-container .search-filter-input-button {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 8px 20px;
border: 1px solid #0E131f;
border-radius: 50px;
color: #0E131f !important;
}
.site-container .search-filter-input-button a {
border-bottom: none !important;
text-decoration: none !important;
}
.site-container .search-filter-input-button--is-selected::before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #84D39A;
flex-shrink: 0;
}
.site-container .search-filter-input-button {
background-color: transparent;
font-size: 1rem;
color: #0051D3;
font-weight: 500;
border-radius: 50px;
}
.site-container .search-filter-input-button--is-selected {
background-color: #2175FF;
color: white !important;
border: 1px solid #2175FF;
}
.site-container .search-filter-input-button:hover:not(.is-disabled):not(.search-filter-input-button--is-selected) {
background-color: #2175FF;
color: white !important;
border-color: transparent;
transition: transform 0.2s ease;
}
.site-container .search-filter-input-button--is-selected:hover, .site-container .search-filter-input-button--is-selected:focus, .site-container .search-filter-input-button--is-selected:active {
background-color: #2175FF;
color: white !important;
border: 1px solid #2175FF;
border-color: transparent;
}
.site-container .search-filter-input-button:focus, .site-container .search-filter-input-button:active {
box-shadow: none;
}
.site-container :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
border: transparent !important;
}
.site-container .src-menu .wp-block-search {
width: 200px !important;
background-color: #FAF1EA;
border-radius: 10px;
}
.site-container .wp-block-search__input {
background-color: #FAF1EA;
padding-left: 1rem;
}
.site-container .src .wp-block-search {
background-color: #FAF1EA;
border-radius: 10px;
}
.site-container .src .wp-block-search__input {
background-color: #FAF1EA;
padding-left: 1rem;
}
.site-container .searchandfilter {
color: #0E131f !important;
}
.site-container .searchandfilter .search-filter-input-radio__label {
color: #0E131f !important;
}
.site-container .searchandfilter .search-filter-style--id-1.search-filter-style--search-text {
color: #0051D3 !important;
border-radius: 10px;
border-color: #005CF1;
}
.site-container .searchandfilter #search-filter-input-radio-0 {
margin-right: 1rem !important;
}
.site-container .searchandfilter .search-filter-input-radio__label {
padding-left: 0 !important;
}
.site-container .searchandfilter .search-filter-input-text {
padding-top: 1rem;
padding-bottom: 1rem;
}
.site-container .searchandfilter .search-filter-input-group {
margin: 0;
display: flex;
flex-wrap: wrap; /* 💡 tillat linjeskift */
padding-left: 0;
gap: 1rem;
display: flex;
max-width: 100%;
}
.site-container .searchandfilter .search-filter-input-group input[type=checkbox], .site-container .searchandfilter .search-filter-input-group input[type=radio] {
display: none;
margin: 0;
}
.site-container .searchandfilter .search-filter-input-group input[type=checkbox]:checked + label, .site-container .searchandfilter .search-filter-input-group input[type=radio]:checked + label {
color: #0051D3 !important;
background: #84D39A;
cursor: pointer;
}
.site-container .searchandfilter .search-filter-input-group label {
padding: 1rem 1.5rem 1.3rem 1.5rem;
background: #C7EED5;
background-color: #C7EED5;
border: none;
border-radius: 10px;
display: block;
line-height: 1rem;
transition: all 0.3s;
font-weight: 500;
}
.site-container .searchandfilter .search-filter-input-group label:hover {
background: #84D39A;
color: #fefefe;
cursor: pointer;
}
@media (max-width: 768px) {
.site-container .searchandfilter .search-filter-input-group label {
font-size: 0.9rem;
padding: 0.75rem 0.9rem 0.9rem 0.9rem;
}
}
.site-container .searchandfilter .search-filter-input-group .search-filter-input-radio__control {
display: none !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.site-container .searchandfilter .search-result-content ul {
list-style: none !important; /* Fjerner standard bullet points */
padding-left: 0; /* Fjerner ekstra innrykk */
line-height: 1.75;
}
.site-container .searchandfilter .search-result-content ul li {
padding-bottom: 0.2rem !important;
}
.site-container .searchandfilter .search-result-content ul li a {
text-decoration: underline !important;
border-bottom: none;
}
.site-container .searchandfilter .search-result-content ul li a:hover {
border-bottom: none;
text-decoration: none !important;
}
.site-container .wp-block-button.registration-button-style .wp-block-button__link {
position: relative;
width: 100%;
height: 2.6rem;
background: #005CF1 !important;
border: none;
border-radius: 60px !important;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 7px 0 30px !important;
transition: opacity 0.2s ease;
text-decoration: none;
color: white !important;
font-size: 1rem !important;
font-weight: 600;
transition: background 0.3s ease, transform 0.2s ease;
}
.site-container .wp-block-button.registration-button-style .wp-block-button__link:hover {
background: #0052d8 !important;
}
.site-container .wp-block-button.registration-button-style .wp-block-button__link:active {
opacity: 0.8;
}
.site-container .wp-block-button.registration-button-style .wp-block-button__link::after {
content: "";
width: 2.2rem;
height: 2.2rem;
background-color: #0E131f;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12h20M15 5l7 7-7 7'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 15px 15px;
margin-left: 13px;
transition: transform 0.2s ease;
}
@media (max-width: 768px) {
.site-container .wp-block-button.registration-button-style .wp-block-button__link {
height: 2.2rem;
font-size: 1rem !important;
padding: 0 5px 0 25px !important;
}
.site-container .wp-block-button.registration-button-style .wp-block-button__link::after {
width: 2rem;
height: 2rem;
background-size: 15px 15px;
}
}
.site-container .wp-block-button.registration-button-style-hero .wp-block-button__link {
position: relative;
width: 100%;
height: 3.2rem;
background: #fefefe !important;
border: none;
border-radius: 60px !important;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 10px 0 35px !important;
transition: opacity 0.2s ease;
text-decoration: none;
color: #0E131f !important;
font-size: 1.1rem !important;
font-weight: 600;
transition: background 0.3s ease, transform 0.2s ease;
}
.site-container .wp-block-button.registration-button-style-hero .wp-block-button__link:hover {
background: #f1f5fc !important;
}
.site-container .wp-block-button.registration-button-style-hero .wp-block-button__link:active {
opacity: 0.8;
}
.site-container .wp-block-button.registration-button-style-hero .wp-block-button__link::after {
content: "";
width: 2.5rem;
height: 2.5rem;
background-color: #1a1d2e;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12h20M15 5l7 7-7 7'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 15px 15px;
margin-left: 13px;
transition: transform 0.2s ease;
}
@media (max-width: 768px) {
.site-container .wp-block-button.registration-button-style-hero .wp-block-button__link {
height: 2.2rem;
font-size: 1rem !important;
padding: 0 5px 0 25px !important;
}
.site-container .wp-block-button.registration-button-style-hero .wp-block-button__link::after {
width: 2rem;
height: 2rem;
background-size: 15px 15px;
}
}
.site-container .about-video video {
border-radius: 15px !important;
}
.site-container .front-hero-video {
position: relative;
min-height: 90vh;
overflow: hidden;
align-items: center;
justify-content: center;
border-radius: 15px !important;
}
.site-container .front-hero-video.height-small {
min-height: 50vh;
}
.site-container .front-hero-video.height-medium {
min-height: 55vh;
}
.site-container .front-hero-video.height-large {
min-height: 100vh;
}
.site-container .front-hero-video.height-full {
min-height: 100vh;
}
.site-container .front-hero-video video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translate(-50%, -50%);
object-fit: cover;
z-index: 0;
pointer-events: none;
}
.site-container .front-hero-video::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
pointer-events: none;
}
.site-container .front-hero-video.overlay-light::after {
background: rgba(0, 0, 0, 0.2);
}
.site-container .front-hero-video.overlay-dark::after {
background: rgba(0, 0, 0, 0.4);
}
.site-container .front-hero-video.overlay-none::after {
display: none;
}
.site-container .front-hero-video > .wp-block-group__inner-container,
.site-container .front-hero-video > *:not(video) {
position: relative;
z-index: 2;
width: 100%;
color: white;
text-align: center;
}
@media (max-width: 768px) {
.site-container .front-hero-video {
min-height: 60vh;
}
.site-container .front-hero-video.height-small {
min-height: 40vh;
}
.site-container .front-hero-video.height-medium {
min-height: 50vh;
}
}
.site-container .blue-line {
display: inline-flex;
align-items: center;
gap: 20px;
}
.site-container .blue-line::after {
content: "";
width: 1px;
height: 30px;
background-color: #0051D3;
flex-shrink: 0;
}
.site-container .blue-line::before {
content: "";
width: 1px;
height: 30px;
background-color: #0051D3;
flex-shrink: 0;
}
.site-container .yellow-line {
display: inline-flex;
align-items: center;
gap: 20px;
}
.site-container .yellow-line::after {
content: "";
width: 1px;
height: 30px;
background-color: #FFD700;
flex-shrink: 0;
}
.site-container .yellow-line::before {
content: "";
width: 1px;
height: 30px;
background-color: #FFD700;
flex-shrink: 0;
}
.site-container .countdown-container {
display: flex;
gap: 20px;
padding: 20px;
width: 100%;
max-width: 1400px;
margin: 0 auto;
}
.site-container .time-unit {
background: #161E32;
border-radius: 15px;
padding: 20px 40px;
flex: 1;
text-align: center;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.site-container .digit-display {
font-size: 3.2rem;
font-weight: 700;
color: #ffffff;
font-family: "DigitalNumbers", monospace;
letter-spacing: 8px;
margin-bottom: 10px;
}
.site-container .label {
font-size: 18px;
color: #8b9dc3;
padding-top: 15px;
}
@media (max-width: 768px) {
.site-container .countdown-container {
flex-wrap: wrap;
gap: 15px;
}
.site-container .time-unit {
flex: 1 1 calc(50% - 7.5px);
min-width: 140px;
padding: 30px 20px;
}
.site-container .digit-display {
font-size: 2.5rem;
}
.site-container .label {
font-size: 16px;
}
}
@font-face {
font-family: "DigitalNumbers";
src: url("/wp-content/themes/norwaycup/assets/fonts/DigitalNumbers-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "BarlowSemiCondensedBlackItalic";
src: url("/wp-content/themes/norwaycup/assets/fonts/BarlowSemiCondensed-BlackItalic.ttf") format("truetype");
font-weight: 900;
font-style: italic;
font-display: swap;
}
.site-container .front-hero-title {
font-family: "BarlowSemiCondensedBlackItalic", sans-serif;
}
.site-container .countdown-container-over-video {
display: flex;
gap: 10px;
padding: 20px;
width: 100%;
max-width: 650px;
margin: 0 auto;
}
.site-container .countdown-container-over-video .time-unit {
background: transparent;
border-radius: 5px;
padding: 5px 10px;
flex: 1;
text-align: center;
box-shadow: none;
}
.site-container .countdown-container-over-video .digit-display {
font-size: 2.4rem;
font-weight: 700;
color: #ffffff;
font-family: "DigitalNumbers", monospace;
letter-spacing: 8px;
margin-bottom: 10px;
}
.site-container .countdown-container-over-video .label {
font-size: 0.9rem;
color: #8b9dc3;
padding-top: 1px;
}
@media (max-width: 768px) {
.site-container .countdown-container-over-video {
display: none;
overflow: hidden;
}
}
.site-container .tilt-left {
transition: transform 0.2s ease-out !important;
}
.site-container .tilt-left:hover {
transform: rotateZ(-3deg) !important;
}
.site-container .hero-shortcuts img {
transition: transform 0.2s ease;
}
.site-container .hero-shortcuts:hover img {
transform: translateX(4px);
}
.site-container .elipse-bg {
background-image: url("/wp-content/themes/norwaycup/assets/images/Elipse-3.svg");
background-position: right 250px top 300px; /* 100px fra høyre, 200px fra toppen */
background-repeat: no-repeat;
background-size: 50%;
position: relative;
}
.site-container .elipse-menu-bg {
background-image: url("/wp-content/themes/norwaycup/assets/images/Elipse-double-opacity-more.svg");
background-position: right 10px top 120px; /* 100px fra høyre, 200px fra toppen */
background-repeat: no-repeat;
background-size: 120%;
position: relative;
}
.site-container .wp-block-aab-accordion-block {
border: none !important;
}
.site-container .aab__accordion_head {
border-bottom: 1px solid !important;
}
.site-container p a:not(.footer) {
text-decoration: none;
border-bottom: 1px solid #0051D3;
padding-top: 0 !important;
margin-top: 0 !important;
transition: border-bottom 0.3s ease;
}
.site-container p a:not(.footer):hover {
border-bottom: 1px solid transparent;
text-decoration: none;
}
.site-container .no-effect a {
border-bottom: none !important;
text-decoration: none !important;
}
@media (min-width: 1211px) {
.site-container .bottom-footer {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
}
.site-container .country-selector.weglot-dropdown a, .site-container .country-selector.weglot-dropdown span {
font-size: 1.2rem;
text-transform: uppercase;
}
.site-container .country-selector.weglot-dropdown {
background-color: transparent;
}
.site-container .country-selector.weglot-dropdown .wgcurrent {
border: 0;
}
.site-container .country-selector.weglot-dropdown .wgcurrent:after {
display: none;
}
.site-container .wglanguage-name::after {
content: "";
display: inline-block;
width: 25px;
height: 25px;
margin-left: 8px;
background-image: url("/wp-content/themes/norwaycup/assets/images/Globe.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
margin-top: -3px;
}
.site-container .country-selector.weglot-dropdown ul {
border: 1px solid white;
background: white;
border-radius: 5px;
}
.site-container .country-selector.weglot-dropdown .wgcurrent a, .site-container .country-selector.weglot-dropdown .wgcurrent span {
padding-right: 0px !important;
}
.site-container .cat-none a {
pointer-events: none;
text-decoration: none;
cursor: default;
}
.site-container .page-id-19, .site-container .page-id-34, .site-container .page-id-54 .breadcrumbs,
.site-container .page-id-19, .site-container .page-id-34, .site-container .page-id-54 .breadcrumb {
color: white !important;
}
.site-container .wp-block-button svg {
position: relative;
transition: transform 0.3s ease;
height: 1em; /* Sørger for at bildet skaleres til tekstens høyde */
}
.site-container .wp-block-button:hover svg {
transform: translateX(5px); /* Flytter bildet (f.eks. en pil) litt til høyre ved hover */
}