/*
 Theme Name: Twenty Twenty-Four Child
 Template: twentytwentyfour
*/

/* Hide submenus by default */
/* Hide submenus initially */


/* TEXT STYLES */

/*
h2, h3, h4 {
	font-family: 'Montserrat', sans-serif;
}

p {
	font-family:"Calibri", sans-serif;
}
*/


.inner-banner-section h1 {
    font-size: 48px;
}

.single-new--inner-banner h1 {
    text-align: center;
}

h2, h3, h4, p {
    color: #191919;
}

.icon-card-content h2, .icon-card-content p, .inner-banner-text__panel h1, .inner-banner-text__panel p, a, .inner-banner-text__panel span, .collumn-cards-item h6, .collumn-cards-title h4, .article-right-panel h4, .article-right-panel ul li a, .accordion-titel h6, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6  {
    color: #191919;
}

.collumn-cards-title figure {
    border: 2px solid #191919;
}

.collumn-cards-item {
    border-right: 6px solid #50b5b8;
}

a:hover, .collumn-cards-item:hover h6, .collumn-cards-item span {
    color: #50b5b8;
}

.icon-card-content p  {
    font-weight: 300;
}

/* BUTTON STYLES */

article .btn-01 a, .contact-section input[type="submit"], .btn-02 a  {
    background-color: #ffb325;
    color: #000;
}

.contact-section input[type="submit"]:hover, .contact-section input[type="submit"]:focus, .container .btn-01 a:hover, .container .btn-01 a:focus {
    background-color: #ffb325;
    color: #000;
    text-decoration: underline;
}

.container .btn-01 a:first-child:hover, .btn-01 a:first-child:focus {
    background-color: #ffb325 !important;
    color: #000;
    text-decoration: underline;
}

.btn-02 a:hover, .btn-02 a:focus {
	background-color: #ffb325 !important;
    color: #000;
    text-decoration: underline;
}

article .btn-01 a:first-child:hover {
    background-color: #ffb325 !important;
    color: #191919;
}

.icon-card-button .btn-01 a {
    background-color: #fff;
    color: #191919 !important;
    border: 4px solid #FFB325;
}

.icon-card-button .btn-01 a i {
    display: none;
}

.icon-card-button .btn-01 a:first-child:hover {
    background-color: #fff !important;
    color: #fff;
    border: 4px solid #FFB325;
}

.container article .btn-02 a, .departments-section .btn-02 a {
    background-color: #FFB325;
    color: #000 !important;
	text-transform: none;
}


.departments-section .btn-02 {
	margin-top: auto;
}


article .btn-02 a i {
    display: none;
}


article .btn-02 a:first-child:hover {
    background-color: #FFB325 !important;
    color: #000 !important;
}

.container .btn-01 a.first {
    color: #000 !important;
    background: #FFB325;
    border: 3px solid #fff;
    }

.container .btn-01 a.first i {
    display: none;
    }

.container .btn-01 a.first:hover {
    color: #000 !important;
    background: #FFB325 !important;
    border: 3px solid #fff;
    }

.container .btn-01 a.second {
    color: #000 !important;
    background: #fff;
    border: 3px solid #ffb325;
    display: none;
    }

.container .btn-01 a.second:hover {
    color: #000 !important;
    background: #50B5B8 !important;
    border: 3px solid #50B5B8;
    }
    
.banner-section .content .btn-01 a.first, .banner-section .content .btn-01 a.second {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
    }

.container .top-search-wrapper button {
	background: #FFB325;
	color: #000;
    }

.container .top-search-wrapper button img {
	display: none;
    }
    
.container .loadmore-collumn span {
	background: #42D8D4;
    }
   
.container .btn-01 a {
	background: #FFB325;
	color: #000 !important;
    } 

.container .btn-01 a:hover {
	background: #FFB325 important;
	color: #000 !important;
    } 

.container .btn-01 a:first-child:hover {
	background: #FFB325 important;
	color: #000 !important;
    } 
    

.container .icon-card .btn-01 a {
    background-color: #fff;
    color: #000;
    border: 3px solid #FFB325;
}

.btn-refer input[type="submit"] {
	background: #FFB325;
    color: #000000 !important;
	padding: 15px 50px 15px 50px;
}

.btn-refer::after {
	display: none;
}

.btn-refer input[type="submit"]:hover {
    background-color: #FFB325 !important;
    color: #000000 !important;
    box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
    top: -4px;
    transition: all .4s ease-in-out;
}

/* Primär: fylld knapp */
.wp-block-button.is-style-primary .wp-block-button__link {
  background: var(--wp--preset--color--brand);
  color: var(--wp--preset--color--base);
  border: 2px solid var(--wp--preset--color--brand);
}

/* Sekundär: outline */
.wp-block-button.is-style-secondary .wp-block-button__link {
  background: transparent;
  color: var(--wp--preset--color--brand);
  border: 2px solid var(--wp--preset--color--brand);
}


.container #sb_instagram.sbi_palette_custom_1 #sbi_load .sbi_follow_btn a {
  background: #fff;
  border: 1px solid #FFB325;
  font-weight: 700;
  color: #000;
}

.container #sb_instagram.sbi_palette_custom_1 #sbi_load .sbi_load_btn {
  font-weight: 700;
  border: 1px solid #FFB325;
}

container

/* MENU/NAVIGATION */

.header-top-content li a, .header-top-content li p a {
    color: #fff;
	}
	


.header-top-content li a, .header-top-content li p i {
    color: #fff;
	}

.header-section .header-top-bar {
    background: #006068;
    padding: 10px 0;
	color: #191919;
	}

body .header-section .container aside .cta a {
    color: #000;
    background: #ffb325;
    }

body .header-section .container aside .cta a:hover {
    color: #000;
    background: #ffb325;
    }



@media only screen and (min-width: 1024px) {
li.current_page_item {
		color: #000000;
        padding: 10px;
        background: #50b5b8;
	}

li.current-menu-parent {
        background: #50b5b8;
	}

.menu .menu-bar .active>a {
		color: #000000;
}

.menu .menu-bar li:hover  {
        color: #000000;
        background: #50b5b8;
		padding: 10px;
		font-weight: 700;
}

.menu .menu-bar li a:hover {
        color: #000000;
}

.menu .menu-bar li a:hover span svg {
        color: #000000 !important;
}

.menu-bar li.current_page_item a:hover {
        color: #50b5b8;
}

.menu-bar li a {
        color: #000;
}

.menu .menu-bar li a:hover, .menu-bar li a.active {
        color: #000000;
    }

.menu .menu-bar li.current_page_item a:hover, .menu-bar li.current_page_item a.active {
        color: #000000;
}


.menu .menu-bar {
        gap: 1px;
}

.menu .menu-bar li {
        padding: 10px;
}

.menu .dropDown_menu {
        background: #FAF9F7;
        top: 40px;
}

.menu .dropDown_menu li, .menu .dropDown_menu li a {
        color: #000;
}

.menu .dropDown_menu li a:hover {
        color: #006068 !important;
		text-decoration: underline 3px;
        background: #FAF9F7;       
}

.menu .dropDown_menu li:hover {
        background: #FAF9F7;       
}

.menu .dropDown_menu li.current_page_item {
        color: #006068 !important;
        background: #FAF9F7;   
}

.menu .dropDown_menu li.current_page_item a {
        color: #006068 !important;
}

}

.menu .toggle-btn {
        background: #42D8D4;
        color: #000;
}

@media (max-width: 1024px) {
.menu .menu-bar li.highlight-link a {
        background: #42D8D4;
        color: #000;
    }
}




/* MOBILE NAV */

@media (max-width: 1024px) {
	.menu .dropDown_menu li a:hover {
        color: #1A7A75 !important;
    }
	.menu .dropDown_menu li a {
        color: #000 !important;
    }
	.menu .menu-bar.show li a {
        color: #191919 !important;
	}
	
	.menu .menu-bar.show li a:hover {
        color: #1A7A75 !important;
	}
	
	.menu .menu-bar  {
        background: #F5F4EF;
    }

    .menu .dropDown_menu li {
        background: #FFF;
    }

    .menu .menu-bar li.highlight-link a {
        background: #FFB325 !important;
        color: #000;
    }   
}


@media (max-width: 1023px) {
  .menu-bar.show .dropDown_menu li a {
    white-space: normal;
    word-break: break-word;
    line-height: 1.4em;
  }
}

@media only screen and (max-width: 760px) {
    .inner-banner-section h1, .single-new--inner-banner h1 {
        font-size: 22px;
    }
}



/* ARTICLES */

.specialist-section .container article {
    background-color: #F3FCFA;
}

.specialist-section .container article h4, .specialist-section .container article p {
    color: #191919;
}

.founders-section ul li {
    background-color: #faf9f7;
}

.founders-section ul li:hover {
    background-color: #f5f4ef;
}

.pricing-table-wrap .pricing-table-col .pricing-table-card table tr th {
    background-color: #50b5b8;
	color: #191919;
    }

.pricing-table-wrap .pricing-table-col .pricing-table-card table tr td {
	background: #f5f4ef;
	color: #191919;
    }    
    
.icon-card-top {
	border: 0px;
    background-color: #F5F4EF;
    }

.container .facts-advice-wrap {
    background-color: #F5F4EF;
    }


/* TEXT-STYLES */

.container .text-cont-box p {
	color: #191919;
}

.container .resa-listing-area p {
	color: #191919;
}


.container .resa-listing-area {
	background-color: #faf9f7;
}

.content-section .contact-section .container .contact-form {
    background-color: #F5F4EF;
}

.contact-section input[type="text"], .contact-section input[type="tel"], .contact-section input[type="email"], .contact-section textarea {
    background: #FFFFFF;
    border: 1px solid #000000;
}

.contact-section input[type="text"]:focus, .contact-section input[type="tel"]:focus, .contact-section input[type="email"]:focus, .contact-section textarea:focus {
    border: 2px solid #006068;
}

.content-section .welcome-section h6, .contact-section .container .contact-form h6  {
	color: #191919;
}

.loadmore-collumn a:hover, a:active, a:focus {
	color: #50b5b8;
}

.content-section .container p {
	color: #191919;
}

.content-section .container ul li {
	color: #191919;
}

.yoast-breadcrumbs a, .breadcrumb_last {
	color: #191919;
}

.inner-banner-section .container h2 {
	color: #191919;
}

.single-new--inner-banner h4, .container h5 {
	color: #191919;
}

.banner-section .container .content h1, .banner-section .container .content p, .banner-section .container .content ul {
    color: #191919;
}

.banner-section .container .content p {
    font-weight: 300;
}

.banner-section .container .content ul {
    line-height: 1.4;
    font-size: 18px;
}

.banner-section .container .content ul li {
    position: relative;
    padding-left: 24px;
}


.banner-section .container .content ul {
    list-style: none;
    padding-left: 0;
}

.banner-section .container .content ul li::before {
    position: absolute;
    content: "";
    top: 5px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(assets/images/circle-check-regular.svg) no-repeat center center;
}

.welcome-section .container figure .img-icon {
    display: none !important; 
}

.container .new-inner-banner-content h1, .container .new-inner-banner-content p, .container .top-heading-search p, .container .top-heading-search h2, .container .loadmore-collumn h4, .container .loadmore-collumn p   {
	color: #191919;
}

.loadmore-trigger i {
    display: none; 
}

.new-inner-banner-content p {
    font-weight: 300;
}

@media (min-width: 1024px) {
.icon-card-content p {
    margin: 0 50px;
	}
}



.patient-form-wrap h6, .patient-form-wrap label, .patient-form-wrap span {
    color: #191919;
}

.patient-form-wrap input[type="text"]:focus, .patient-form-wrap input[type="tel"]:focus, .patient-form-wrap input[type="email"]:focus, .patient-form-wrap input[type="file"]:focus, .patient-form-wrap textarea:focus {
    border-color: #006068;
    border: 2px solid #006068;
}

.patient-form-wrap input[type="text"], .patient-form-wrap input[type="tel"], .patient-form-wrap input[type="email"], .patient-form-wrap input[type="file"], .patient-form-wrap textarea {
    border: 1px solid #191919;
}

.checkbox-list input[type="radio"]:checked+label::before {
    border: 1px solid #006068;
    background: #006068;
}

.checkbox-list label::before {
    border: 1px solid #191919;
}

.checkbox-list label::after {
    background: #006068;
    border: 1px solid #006068;
}

.btn-01 .fa-angles-right {
    display: none;
}

/* KUNSKAPSBANKEN */

.article-right-panel h4 {
    background: #50B5B8;
}

.article-right-panel ul li a.active  {
    background: #faf9f7;
}

.article-right-panel ul li a {
	font-weight: 300;
}

.text-content_area_wrap {
    background: #faf9f7;
}

.text-content_area_wrap p a {
    color: #50B5B8;
}

.collumn-cards-title h4 {
    padding: 0px;
}

.collumn-cards-title figure {
    display: none;
}

.collumn-cards-title figure {
    display: none;
}


.resa-listing-cont h4 {
    border-bottom: 1px solid #50b5b8;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
}

.founders-section ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch; /* gör att alla li får samma höjd som den högsta */
    padding: 0;
    list-style: none;
}


.founders-section ul li {
    margin: 0 0 30px 0; /* avstånd mellan raderna */
    padding: 15px;
    width: calc(33.333% - 20px); /* tre kolumner */
    background-color: #F4F7F8;
    border-radius: 6px;
    box-shadow: 0px 4px 44px 0px #0000000A;
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease-out;
}

@media (max-width: 991px) {
  .founders-section ul li {
    width: calc(50% - 15px);
  }
}

@media (max-width: 600px) {
  .founders-section ul li {
    width: 100%;
  }
}

/* Bas – inga tvingade höjder */
.founders-section.omoss-page ul li {
  min-height: 0;      /* eller: min-height: auto; */
  height: auto;
}

/* Överstyr även de breakpoints som parent-temat sätter */
@media (min-width: 768px) {
  .founders-section.omoss-page ul li {
    min-height: 0;
  }
}
@media (min-width: 1200px) {
  .founders-section.omoss-page ul li {
    min-height: 0;
  }
}

.founders-section ul li a {
  display: block;
  color: inherit; /* behåll normal textfärg */
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

.founders-section ul li:hover a h3,
.founders-section ul li a:hover h3 {
  color: #50b5b8;
}

.founders-section ul li a:hover, .founders-section ul li a:active {
    color: #50b5b8;
}

.founders-section ul li h3 {
  transition: color 0.2s ease-in-out;
}

@media (max-width: 767px) {
  .new-banner-bg img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
  }
}

@media (min-width: 768px) {
  .icon-cards-block .row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }
  .icon-cards-block .row > .col-md-6 {
    width: auto; /* nolla ev. tidigare width */
  }
}

.content-section ul.resa-listing-cont ul li {	
	list-style: none;
}

.content-section ul.resa-listing-cont ul {
	padding: 0px;
}

.departments-section ul li figure  {
    text-align: center;
}

.departments-section ul li  {
    display: flex;
    flex-direction: column;
}

.departments-section ul li figure img {
    background-color: #50b5b8;
    border-radius: 40px;
    height: 70px;
    width: 70px;
    opacity: .2;
    box-sizing: border-box;
    padding: 15px;
    opacity: 100;
}

@media (min-width: 768px) {
.menu-bar li a {
    font-size: 16px;
	}
}

@media (min-width: 768px) {
.content-section .departments-section ul li {
    width: 30%;
	}
}

@media (max-width: 767px) {
.content-section .departments-section ul li {
    width: 100%;
	}
}

.banner-section .content {
	padding: 0px !important;
}

@media only screen and (max-width: 760px) {
    .banner-section .content ul li {
        font-size: 15px;
    }
}

.banner-section .container .content h1 {
    font-size: 46px;
}


@media only screen and (max-width: 760px) {
.banner-section .container .content h1 {
        font-size: 30px;
    }
}

/* FOOTER */

.footer-section {
    background: #006068;
	color: #ffff;
}

.cd-top {
    background: #50b5b8 url(../twentytwentyfour/assets/fonts/cd-top-arrow.svg) no-repeat center !important;
}