@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//bypsykologene.no/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.7") format("woff2");
	font-display:swap;
}

:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #394E6ACC;
	--wd-text-font-size: 16px;
	--wd-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(57,78,106);
	--wd-entities-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(57,78,106);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(74,119,153);
	--wd-alternative-color: rgb(51,138,98);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(57,78,106);
	--wd-link-color-hover: rgba(57,78,106,0.42);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(232,240,244);
	background-image: none;
}
.page .wd-page-content {
	background-color: rgb(249,249,249);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-portfolio .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-portfolio .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: #0a0a0a;
}

* {
  scroll-behavior: smooth;
}
.main-page-wrapper {
  background-image: none !important;
}

.category-uncategorized .meta-post-categories,
.category-uncategorized .wd-post-cat {
  display: none !important;
}
.post-date.wd-post-date.wd-style-with-bg.woodmart-post-date {
  display: none;
}
.wp-caption {
  padding-bottom: 30px;
}

/* Single post */
.attachment-post-thumbnail {
  display: none;
}

/* Bestill time knapp i menu */
/*.btn-shape-semi-round {
  border-radius: 35px;
  padding: 10px 14px 10px 14px;
}*/

.website-wrapper {
  background-color: rgb(249, 249, 249);
}

body:not(.search-results) .main-page-wrapper {
  padding-top: 0;
}
.site-content {
  margin-bottom: 0px;
}

.woodmart-nav-link {
  text-decoration: none !important;
}

/* Adjusting the search blog result page
.wd-blog-holder {
	padding-top:250px;
}
*/

/* Single post design */
h3 {
  font-size: 18px;
}
p:has(iframe) {
  text-align: center;
  margin: auto;
}

.wp-caption.alignnone,
.article-body-container > img {
  margin: auto;
}

li.meta-featured-post {
  display: none;
}
.wp-block-latest-comments footer:before {
  content: none;
}
.wp-block-search .wp-block-search__button,
#submit {
  background-color: #4a7799;
}
.wp-block-search .wp-block-search__button:hover {
  background-color: #629ecc;
}

.wp-block-latest-posts__post-title,
.wp-block-latest-comments__comment-link,
.wp-block-archives-list wp-block-archives {
  text-decoration: none !important;
}

/*SVG color*/
.svgimg svg {
  color: #6caee0 !important;
}

/* Fix for svart svg i img tag framside */
#tjeneste-desk .info-svg-wrapper {
  filter: invert(78%) sepia(73%) saturate(2105%) hue-rotate(177deg)
    brightness(90%) contrast(94%);
}
#tjeneste-desk .wpb_column:hover .info-svg-wrapper {
  filter: invert(91%) sepia(100%) saturate(0%) hue-rotate(300deg)
    brightness(104%) contrast(102%);
}

.post-single-page,
.sidebar-container {
  margin-top: 10%;
}
.sidebar-container {
  padding-left: 38px;
}
.back-to-archive {
  display: none !important;
}

/* Service pages image and pattern*/
.image-tjeneste img {
  border-radius: 15px;
  position: relative;
  z-index: 10;
}

.pattern {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -2rem;
  margin-right: -5rem;
  color: #98d1ea;
  opacity: 0.45;
}

/* SoMe Icons footer */
.vc_icon_element {
  display: inline !important;
}

.testimonial {
  font-size: 24px;
  font-style: italic;
}

/* Quotemark */
#Capa_1 {
  width: 55px;
}
#Capa_2 {
  width: 25px;
}

/*Farge for a linker, gjelder mest for footer*/
a {
  color: rgb(57, 78, 106);
}

a:hover {
  color: rgba(57, 78, 106, 0.42);
}

/*Text decorations for links in text*/
p a {
  text-decoration: underline !important;
}

/*Text decorations for links in lists*/
li a {
  text-decoration: underline !important;
}

/* Adjusting menu */
.whb-flex-row.whb-general-header-inner {
  padding: 20px 10% 0 10%;
}
form,
input.s,
.wd-sub-menu li > a {
  color: #606060 !important;
}

/* Shadow on title */
.woodmart-title-container.title.wd-font-weight-.wd-fontsize-xxxl {
  text-shadow: 1px 1px 1px rgb(0 0 0 / 25%);
}

/* Dividing hero image */
.svg {
  position: absolute !important;
  margin-left: -140px;
  top: 0px;
  bottom: 0px;
  left: 0px;
  height: 100%;
  width: 12rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-translate-x: 50% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-translate-x: 50% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* Review section */
.star-rating {
  display: none !important;
}
.review-bg > .vc_column-inner {
  border-bottom-right-radius: 160px 160px;
}

/* Front page hero image*/
.kontor img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  top: 0px;
  bottom: 0px;
}

.merker-right {
  padding-right: 0;
}

/* Psykolog card */
.card-image img {
  border-radius: 10px;
  object-fit: cover;
}

/* Adjusting the aspectratio of the images */
.aspect-w-3 {
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 3;
}
.aspect-w-3 > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.aspect-h-2 {
  --tw-aspect-h: 2;
}
/* Navbar on smaller screens*/
.whb-flex-row.whb-general-header-inner {
  padding: 0 0 0 0 !important;
}
/* Navbar on larger screens */
@media only screen and (min-width: 1920px) {
  .whb-flex-row.whb-general-header-inner {
    padding: 0 7% 0 7% !important;
  }
}

/*Fagblogg fiks, iframe midstilling og br etter*/
.post .entry-content iframe {
  display: grid;
  margin: auto;
}

/*WP forms, hide Emne felt på blogg kontaktskjemaer*/
.blogg_emne_hidden {
  display: none !important;
}

/*La knapper på karuseller vises*/
.wd-btn-arrow {
  opacity: 1;
  visibility: visible;
}

/*H4*/
h4 {
  color: rgb(57, 78, 106) !important;
}

/*Lage popups*/
#madeleine_popup_instantiate,
#sander_popup_instantiate,
#sivert_popup_instantiate {
  display: none !important;
}

/*Blogg sider*/
.status-publish .meta-post-categories,
.status-publish .post-img-wrapp img,
.status-publish .wd-post-thumb,
.status-publish .article-body-container {
  border-radius: 15px !important;
}

.status-publish .wd-post-thumb {
  overflow: unset;
}

/* Blogg sider  */
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
  .status-publish .post-img-wrapp img {
    border-radius: 25px;
  }
}

/*WP forms, automatisk svar boks*/

.wpforms-confirmation-container-full {
  background-color: #e8f0f4 !important;
  border: none !important;
}

/*Skjul "Comments are disabled"*/
.no-comments {
  display: none;
}

/* ---------------------------------------------- Custom cards ---------------------------------------------- */
#card-madeleine {
  background-image: url("https://i0.wp.com/bypsykologene.no/wp-content/uploads/2023/10/Psykolog-Madeleine-Christensen.jpg");
}

#card-sander {
  background-image: url("https://i0.wp.com/bypsykologene.no/wp-content/uploads/2023/10/Psykolog-Sander-Rosoy.jpg");
}

#card-sivert {
  background-image: url("https://i0.wp.com/bypsykologene.no/wp-content/uploads/2023/10/Psykolog-Sivert-Straume.jpg");
}

.card-container {
  color: white !important;
  border-radius: 15px;
  margin: auto;
  width: 300px;
  height: 500px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.8s;
  cursor: pointer;
}

.card-container:hover {
  transform: translateY(-10px);
}

.card-container p,
.card-container h3,
.card-container a {
  margin-left: 10px;
  margin-right: 10px;
}
/*
.card-bulletpoints-container{
    height: 230px;
    display: flex;
    width: 300px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom:20px;
}*/

/*
.card-bulletpoints{
    background-color: rgb(108,174,224);
    border-radius: 15px;
    padding: 0px 23px 0px 23px;
    margin-bottom:10px;
    display:flex;
    align-items: center;
}
*/
.card-bullet-icon::before {
  content: url("https://bypsykologene.no/wp-content/uploads/2022/12/check-bp.svg");
  height: 15px;
  width: 15px;
  display: inline-grid;
}

.card-title {
  font-size: 22px;
  color: white !important;
  position: relative;
  bottom: -300px;
  transition: 0.5s;
  transition-timing-function: cubic-bezier(0.8, 0.01, 0.05, 0.8);
}

.card-container:hover .card-title {
  bottom: -180px;
}

.card-cover {
  border-radius: 15px;
  position: absolute;
  height: 500px;
  width: 300px;
  display: block;
  background-color: rgba(0, 0, 0, 0.2);
}

.card-subtitle {
  position: relative;
  bottom: -400px;
  transition: 0.8s;
  opacity: 0;
  transition-delay: 150ms;
}

.card-container:hover .card-subtitle {
  bottom: -350px;
  opacity: 1;
}

.card-container .card-btn {
  transition: 0.8s;
  opacity: 0;
  transition-delay: 150ms;
  position: relative;
  bottom: -340px;
  background-color: white;
  color: rgb(74, 119, 153);
  padding: 10px 15px 10px 15px;
}

.card-btn:first-of-type {
  margin-bottom: 10px;
}

.card-container:hover .card-btn {
  color: #4a7799;
  opacity: 1;
}

.card-blue-gradient {
  border-radius: 15px;
  position: relative;
  height: 500px;
  width: 300px;
  display: flex;
  flex-direction: column;
  align-items: start;
  background: linear-gradient(
    0deg,
    rgba(74, 119, 153, 1) 0%,
    rgba(74, 119, 153, 0) 100%
  );
  background-position-y: 500px;
  background-repeat: no-repeat;
  transition: 0.8s;
  transition-delay: 150ms;
}

.card-container:hover .card-blue-gradient {
  background-position-y: 0px;
}

/*Mobile*/
@media screen and (max-width: 768px) {
  .card-container {
    margin-bottom: 30px;
  }
}

/*Class that gets toggled for Javascript functions*/
.toggle_card_blue_gradient {
  background-position-y: 0px !important;
}

.toggle_card_container {
  transform: translatey(-10px) !important;
}

.toggle_card_title {
  bottom: -180px !important;
}

.toggle_card_subtitle {
  bottom: -350px !important;
  opacity: 1 !important;
}

.toggle_card_btn {
  color: #4a7799 !important;
  opacity: 1 !important;
}

/*--------------------------------------------------------*/

/* WP Forms Submit button */
.wpforms-form input[type="submit"],
.wpforms-form button[type="submit"] {
  background-color: var(--wd-primary-color) !important; /* Yellow background */
  border: none !important;
  color: #fff !important;
  border-radius: 15px !important;
}

/*WP select-tag*/
#wpforms-51-field_12 {
  border-radius: 15px !important;
}

/* WP reCAPTCHA text */
.google_policy_terms_contact_form {
  font-size: 12px !important;
}

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

/*Search widget for search pages*/
.wp-block-search__input,
.wp-block-search__button {
  border-radius: 15px !important;
}

/*Search bar for "Fagblogg"*/
form input:first-of-type {
  border-radius: 15px !important;
}

/*Fagblogg pagination numbers at the bottom*/
.blog-footer nav span,
.blog-footer nav a {
  border-radius: 15px !important;
}

/*Cookie consent plugin styling*/
.cky-btn {
  border-radius: 35px !important;
}

.cky-btn-revisit-wrapper {
  background-color: #6caee0 !important;
}

@media only screen and (max-width: 768px) {
  .cky-btn-revisit-wrapper {
    width: 30px !important;
    height: 30px !important;
  }
  .cky-btn-revisit img {
    width: 20px !important;
    height: 20px !important;
  }
}

/*Google Icons*/
.google_icon {
  vertical-align: top !important;
}

/*Header button*/
header .woodmart-button-wrapper {
  margin-bottom: 0px !important;
}

/*Search result container, header*/
header .wd-search-dropdown {
  border-radius: 20px !important;
}

/* Blog list */
.wd-posts article h3.wd-post-title {
  font-size: 26px;
  line-height: 1.4;
}

/* Blog-kategori-merke*/
.wd-post-cat.wd-style-with-bg {
  border-radius: 15px !important;
}
.wd-post-cat a {
  color: white;
}

/*Blog dato skyv opp slik den ikke overlapper tekst*/
.wd-post-date.wd-style-default,
.wd-post-date.wd-style-with-bg {
  top: -35px !important;
}

/* Fot */
footer {
  color: #606060 !important;
}

/* Header banner */
.header-banner {
  color: #a84341;
  background-color: #f2dede;
}

.header-banner a {
  text-decoration: underline;
}

/* Skjul Bestil time-knapp på podkastsider */
.category-psykologkameratene .order_button,
.page-psykologkameratene .order_button {
  display: none;
}

/* Bedre avstand rundt tittel og beskrivelse */
.page-psykologkameratene .archive-meta,
.blog .archive-meta {
  margin-bottom: 2em;
}
.category-psykologkameratene .archive-meta {
  margin-bottom: 4em;
}

@media (min-width: 768px) {
  .page-psykologkameratene .archive-meta,
  .blog .archive-meta {
    margin: 3em 0;
  }
  .category-psykologkameratene .archive-meta {
    margin: 3em 0 5em;
  }
}

/* Sett inn beskrivelse før transkripsjon */
.transcript::before {
  content: "Automatisk transkripsjon";
  display: block;
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 1rem;
  color: var(--wd-title-color);
}

.podcast-links {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 10px 0 30px;
}

.podcast-link {
  display: flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  transition: opacity 0.2s ease;
}

.podcast-link:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.podcast-link img {
  width: 30px;
  height: 30px;
}

.category .site-content,
.paged .site-content,
.search-results .site-content {
  margin-top: 2rem;
}

/* Sentrerte sider med  maksbredde */
.search-results main,
.author main,
.blog main,
.category main,
.paged main,
.page-psykologkameratene main {
  margin-left: auto;
  margin-right: auto;
  max-width: 60rem;
}

.single-post main,
.post-10368,
.post-10638,
.post-10648 {
  margin-left: auto;
  margin-right: auto;
  max-width: 75ch;
}

/* Fiks blog thumbnail hover zoom */
.wd-post:hover .wd-post-img {
  transform: none !important;
  transition: none !important;
}
.wd-post .wd-post-img {
  overflow: hidden;
  border-radius: 15px;
}
.wd-post-img img {
  transition: all 0.5s cubic-bezier(0, 0, 0.44, 1.18);
}
.wd-post:hover .wd-post-img img {
  transform: scale(1.1);
}

/* Fra Tilpass-siden */
@media (min-width: 768px) {
  .wp-singular article.page:not(:has(.wpb-content-wrapper)) {
    width: 66.66666667%;
  }
}

article.page {
  margin-top: 30px;
}

article.page img,
article.post img {
  border-radius: 15px;
}

article.page h2,
h3,
h4,
article.post h2,
h3,
h4 {
  margin-bottom: 12px;
}

article.page p,
article.page ul,
article.page ol,
article.post p,
article.post ul,
article.post ol {
  margin-bottom: 30px;
}

article.page .wp-caption {
  padding-bottom: 0;
}

article.post .wp-caption {
  margin-top: 30px;
}

article.post .wd-entities-title {
  color: var(--wd-title-color);
  font-weight: 600;
  line-height: 46px;
  font-size: 36px;
}

@media (max-width: 767px) {
  article.post .wd-entities-title {
    line-height: 34px;
    font-size: 24px;
  }
}

.single-post .main-page-wrapper {
  background-color: #f9f9f9;
}

.wd-prefooter {
  background-color: unset;
}

/* Author box container */
.author-box {
  background-color: #e7f0f4;
  border: 1px solid #d0dce2;
  border-radius: 0.75em;
  padding: 1.75em 2em;
  margin: 2.5em 0 !important;
}

/* Heading */
.author-box h3 {
  margin: 0 0 1.25em 0;
  font-size: 1.2em;
}

/* Paragraphs */
article .author-box p {
  margin-bottom: 1em;
}

/* Last paragraph - no bottom margin */
.author-box p:last-of-type {
  margin-bottom: 0;
}