/*
Theme Name: Astra Child for Helheten KBT
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 3.9.4.1671988025
Updated: 2022-12-25 18:07:05

*/
/* GLOBAL > FONTS > LOAD BOMBINATE */
@font-face {
  font-family: 'Bombinate';
  src: url('assets/fonts/bombinate.woff2') format('woff2'),
       url('assets/fonts/bombinate.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* GLOBAL > FONTS > HEADINGS > H1 */
h1 {
	color: #333333 !important;
}
h1.smg_h1 {
    padding: 0 30px 0px 30px !important;
    margin-bottom: 30px !important;
	color: #333333 !important;
}
h1, .entry-content h1 {
	line-height: 44px !important;
    letter-spacing: -2px !important;    
}
@media only screen and (min-width: 1025px) {
h1, .entry-content h1 {
	font-size: 39px !important; 
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
h1, .entry-content h1 {
	font-size: 35px !important; 
}
}
@media only screen and (max-width: 767px) {
h1, .entry-content h1 {
	font-size: 35px !important; 
}
}
/* GLOBAL > FONTS > HEADINGS > Helheten */
.h1_helheten {
    font-family: 'Bombinate', 'Forum', serif;
    font-size: 70px;
	line-height: 0.9;
}
.h2_helheten {
    font-family: 'Bombinate', 'Forum', serif;
    font-size: 67px;
	line-height: 0.9;
}
.h3_helheten {
    font-family: 'Bombinate', 'Forum', serif;
    font-size: 64px;
	line-height: 0.9;
}
/* GLOBAL > FONTS > HEADINGS > H1 > LINKS */
h1 a {
	color: #259CFF !important;
}
h1 a:hover {
	color: #EAC31B !important;
}
/* GLOBAL > FONTS > HEADINGS > H2 */
h2 {
	color: #333333 !important;
}
h2.smg_h2 {
    padding: 30px 30px 10px 30px !important;
	color: #333333 !important;
}
h2, .entry-content h2 {
	line-height: 44px !important;
    letter-spacing: -2px !important;    
}
@media only screen and (min-width: 1025px) {
h2, .entry-content h2 {
	font-size: 39px !important; 
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
h2, .entry-content h2 {
	font-size: 35px !important; 
}
}
@media only screen and (max-width: 767px) {
h2, .entry-content h2 {
	font-size: 35px !important; 
}
}
/* GLOBAL > FONTS > HEADINGS > H2 > LINKS */
h2 a {
	color: #259CFF !important;
}
h2 a:hover {
	color: #EAC31B !important;
}
/* GLOBAL > FONTS > HEADINGS > H3 */
h3 {
	color: #333333 !important;
}
h3 a,
h3.elementor-post__title {
	color: #259CFF !important;
}
h3 a:hover,
h3.elementor-post__title:hover {
	color: #EAC31B !important;
}
h3.smg_h3 {
    padding: 20px 30px 0px 30px !important;
	color: #333333 !important;
}
h3, .entry-content h3 {
	line-height: 40px !important;   
}
@media only screen and (min-width: 1025px) {
h3, .entry-content h3 {
	font-size: 32px !important; 
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
h3, .entry-content h3 {
	font-size: 31px !important; 
}
}
@media only screen and (max-width: 767px) {
h3, .entry-content h3 {
	font-size: 29px !important; 
}
}
/* GLOBAL > FONTS > HEADINGS > H4 */
h4 {
	color: #333333 !important;
}
h4 a {
	color: #259CFF !important;
}
h4 a:hover {
	color: #EAC31B !important;
}
/* GLOBAL > FONTS > BUTTONS */
.elementor-widget:not(.elementor-widget-eael-google-map) button,
.ast-button,
.elementor-button, 
input#submit, 
input[type="button"], 
input[type="submit"], 
input[type="reset"] {
    font-size: 1rem !important;
	color: #333333 !important;
	background-color: #ffd000 !important;
	border-color: #ffd00000 !important;
}
.elementor-widget:not(.elementor-widget-eael-google-map) button:hover,
.ast-button:hover,
.elementor-button:hover, 
input#submit:hover, 
input[type="button"]:hover, 
input[type="submit"]:hover, 
input[type="reset"]:hover {
    font-size: 1rem !important;
	color: #ffd000 !important;
	background-color: #333333 !important;
	border-color: #33333300 !important;
}
/* GLOBAL > MOBILE FONTS > BODY */
@media only screen and (max-width: 920px) {
body {
    font-size: 16px !important;
}
/* MOBILE FONTS > ELEMENTOR POST EXCERPTS */
.elementor-posts .elementor-post__excerpt p {
    font-size: 16px !important;
}
}

/* GLOBAL */
/* ========================== GLOBAL > ALL PAGES & POSTS ========================== */
/* #page {
    margin-top: 40px !important;
} */
/* ========================== GLOBAL > TICKER ========================== */
.ticker_text {
    text-align: center !important;
}
.t4b-news {
    left: -6px !important;
}
@media screen and (min-width: 480px) {
}
/* ALL ELEMENTS > REMOVE BORDER AROUND ELEMENT WHEN ELEMENTS IS IN FOCUS / CLICKED */
*:focus {
    outline: none !important;
}
.ast-header-button-1 .ast-custom-button:hover {
	color: #ffd936 !important;
    border-color: #ffd936 !important;
}
/* BUTTONS */
.elementor-element .elementor-button:hover, 
.elementor-element .elementor-button:focus {
    /* color: #69727d !important; */
}
/* ALL PAGES HEADER > HEADER > MAIN IMAGE */
/* make background white */
/* .elementor-background-overlay {
    background-color: #FFFFFF;
} */

/* .elementor-container {
    background-color: #ffffff;
} */
/* ALL PAGES HEADER > MENU > REMOVE BORDER AROUND SUBMENU */
ul.sub-menu {
    border-color: #fff !important;
}
/* ALL PAGES HEADER > MOBILE MENU > SLÅ PÅ / AV KNAPP */
button.menu-toggle.main-header-menu-toggle.ast-mobile-menu-trigger-fill {
    background: #333333 !important;
}
.ast-theme-transparent-header .mobile-menu-toggle-icon .ast-mobile-svg {
    fill: #ffd936 !important;
}
/* ALL PAGES HEADER > MOBILE MENU > OPEN SUBMENU BUTTONS */
@media screen and (max-width: 920px) {
.main-header-menu button {
	background-color: initial !important;
}
}

/* ALL PAGES AND POSTS > ENTIRE PAGES AND POSTS */
/* fade in pages and posts via this code because the elementor fade-in header is not used in posts and to make everything smoother */
#page {
  -webkit-animation-name: fadeInPost;
  animation-name: fadeInPost;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInPost {
  0% {opacity: 0;}
  100% {opacity: 1;}
  }
  @keyframes fadeInPost {
  0% {opacity: 0;}
  100% {opacity: 1;}
  }
/* GLOBAL > ALL PAGES AND POSTS > MAKE HEADINGS AND PARAGRAPHS NARROWER */
@media only screen and (min-width: 1025px) {
h1,
h2,
h3,
.smg_full_width_par {
    max-width: 900px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
h1,
h2,
h3,
.smg_full_width_par {
    max-width: 700px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}
}
/* posts h1, h2, h3 */
.single-post h1,
.single-post h2,
.single-post h3,
h3.elementor-post__title,
h3.comments-title,
h3.comment-reply-title {
	max-width: none !important;
}
/* GLOBAL > ALL PAGES AND POSTS > IMAGE TABLES */
@media only screen and (max-width: 767px) {
.smg_image_table img {
	width: 100vw !important;
}
}
/* GLOBAL > RECAPTCHA BADGE */
.grecaptcha-badge {
    display: none !important;
}
/* GLOBAL > PAGE BOTTOM > FRÅGOR  */
.fragor_text a {
	color: #ffd936 !important;
}

/* STRESSHANTERING FEATURE LIST TEXT */
p.eael-feature-list-content {
    font-size: 15px !important;
} 
/* PAGES */
/* START PAGE > HEADER > BACKGROUND IMAGE */
/* .home .elementor-11 .elementor-element.elementor-element-ca7541c > .elementor-container {
    min-height: calc(100vh - 50px) !important;
} */
/* START PAGE > FONTS > HEADINGS > H1 */
.home h1, .home .entry-content h1 {
	line-height: 44px !important;
    letter-spacing: -2px !important;    
}
@media only screen and (min-width: 1025px) {
.home h1, .home .entry-content h1 {
	font-size: 47px !important; 
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.home h1, .home .entry-content h1 {
	font-size: 44px !important; 
}
}
@media only screen and (max-width: 767px) {
.home h1, .home .entry-content h1 {
	font-size: 40px !important; 
}
}

/* POSTS */
/* POSTS > POSTS HEADINGS */
/* POSTS > POSTS HEADINGS > H1 */
@media only screen and (min-width: 1025px) {
.post-template-default h1.ast-advanced-headers-title {
    -webkit-text-size-adjust: 100% !important;
    --ast-container-default-xlg-padding: 6.67em !important;
    --ast-container-default-lg-padding: 5.67em !important;
    --ast-container-default-slg-padding: 4.34em !important;
    --ast-container-default-md-padding: 3.34em !important;
    --ast-container-default-sm-padding: 6.67em !important;
    --ast-container-default-xs-padding: 2.4em !important;
    --ast-container-default-xxs-padding: 1.4em !important;
    --ast-global-color-0: #ffd936 !important;
    --ast-global-color-1: #dab200 !important;
    --ast-global-color-2: #536942 !important;
    --ast-global-color-3: rgba(82,104,64,0.75) !important;
    --ast-global-color-4: #f6f8f5 !important;
    --ast-global-color-5: #ffffff !important;
    --ast-global-color-6: rgba(82,104,64,0.8) !important;
    --ast-global-color-7: rgba(82,104,64,0.5) !important;
    --ast-global-color-8: rgba(82,104,64,0.3) !important;
    --ast-border-color: #dddddd !important;
    --e-global-color-astglobalcolor0: #ffd936 !important;
    --e-global-color-astglobalcolor1: #dab200 !important;
    --e-global-color-astglobalcolor2: #536942 !important;
    --e-global-color-astglobalcolor3: rgba(82,104,64,0.75) !important;
    --e-global-color-astglobalcolor4: #f6f8f5 !important;
    --e-global-color-astglobalcolor5: #ffffff !important;
    --e-global-color-astglobalcolor6: rgba(82,104,64,0.8) !important;
    --e-global-color-astglobalcolor7: rgba(82,104,64,0.5) !important;
    --e-global-color-astglobalcolor8: rgba(82,104,64,0.3) !important;
    --page-title-display: block !important;
    font-style: normal !important;
    -webkit-font-smoothing: antialiased !important;
    font-family: 'DM Sans',sans-serif !important;
    --e-global-color-primary: #6EC1E4 !important;
    --e-global-color-secondary: #54595F !important;
    --e-global-color-text: #7A7A7A !important;
    --e-global-color-2e6c5c0: #9FCE00 !important;
    --e-global-typography-primary-font-family: "Roboto" !important;
    --e-global-typography-primary-font-weight: 600 !important;
    --e-global-typography-secondary-font-family: "Roboto Slab" !important;
    --e-global-typography-secondary-font-weight: 400 !important;
    --e-global-typography-text-font-family: "Roboto" !important;
    --e-global-typography-text-font-weight: 400 !important;
    --e-global-typography-accent-font-family: "Roboto" !important;
    --e-global-typography-accent-font-weight: 500 !important;
    word-wrap: break-word !important;
    hyphens: auto !important;
    text-align: center !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    line-height: 1 !important;
    margin: 0 auto 0 auto !important;
    color: var(--e-global-color-astglobalcolor5 ) !important;
    font-size: 75px !important;
    font-weight: bold !important;
    letter-spacing: -3px !important;
}
/* move h1 up to center it */
.post-template-default .ast-inside-advanced-header-content {
    margin-bottom: 150px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.post-template-default h1.ast-advanced-headers-title {
    -webkit-text-size-adjust: 100% !important;
    --ast-container-default-xlg-padding: 6.67em !important;
    --ast-container-default-lg-padding: 5.67em !important;
    --ast-container-default-slg-padding: 4.34em !important;
    --ast-container-default-md-padding: 3.34em !important;
    --ast-container-default-sm-padding: 6.67em !important;
    --ast-container-default-xs-padding: 2.4em !important;
    --ast-container-default-xxs-padding: 1.4em !important;
    --ast-global-color-0: #ffd936 !important;
    --ast-global-color-1: #dab200 !important;
    --ast-global-color-2: #536942 !important;
    --ast-global-color-3: rgba(82,104,64,0.75) !important;
    --ast-global-color-4: #f6f8f5 !important;
    --ast-global-color-5: #ffffff !important;
    --ast-global-color-6: rgba(82,104,64,0.8) !important;
    --ast-global-color-7: rgba(82,104,64,0.5) !important;
    --ast-global-color-8: rgba(82,104,64,0.3) !important;
    --ast-border-color: #dddddd !important;
    --e-global-color-astglobalcolor0: #ffd936 !important;
    --e-global-color-astglobalcolor1: #dab200 !important;
    --e-global-color-astglobalcolor2: #536942 !important;
    --e-global-color-astglobalcolor3: rgba(82,104,64,0.75) !important;
    --e-global-color-astglobalcolor4: #f6f8f5 !important;
    --e-global-color-astglobalcolor5: #ffffff !important;
    --e-global-color-astglobalcolor6: rgba(82,104,64,0.8) !important;
    --e-global-color-astglobalcolor7: rgba(82,104,64,0.5) !important;
    --e-global-color-astglobalcolor8: rgba(82,104,64,0.3) !important;
    --page-title-display: block !important;
    font-style: normal !important;
    -webkit-font-smoothing: antialiased !important;
    font-family: 'DM Sans',sans-serif !important;
    --e-global-color-primary: #6EC1E4 !important;
    --e-global-color-secondary: #54595F !important;
    --e-global-color-text: #7A7A7A !important;
    --e-global-color-2e6c5c0: #9FCE00 !important;
    --e-global-typography-primary-font-family: "Roboto" !important;
    --e-global-typography-primary-font-weight: 600 !important;
    --e-global-typography-secondary-font-family: "Roboto Slab" !important;
    --e-global-typography-secondary-font-weight: 400 !important;
    --e-global-typography-text-font-family: "Roboto" !important;
    --e-global-typography-text-font-weight: 400 !important;
    --e-global-typography-accent-font-family: "Roboto" !important;
    --e-global-typography-accent-font-weight: 500 !important;
    word-wrap: break-word !important;
    hyphens: auto !important;
    text-align: center !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    line-height: 1 !important;
    margin: 0 auto 0 auto !important;
    color: var( --e-global-color-astglobalcolor5 ) !important;
    font-weight: bold !important;
    font-size: 55px !important;
    letter-spacing: -2px !important;
}
/* move h1 up to center it */
.post-template-default .ast-inside-advanced-header-content {
    margin-bottom: 150px !important;
}
}
@media only screen and (max-width: 767px) {
.post-template-default h1.ast-advanced-headers-title {
    -webkit-text-size-adjust: 100% !important;
    --ast-container-default-xlg-padding: 6.67em !important;
    --ast-container-default-lg-padding: 5.67em !important;
    --ast-container-default-slg-padding: 4.34em !important;
    --ast-container-default-md-padding: 3.34em !important;
    --ast-container-default-sm-padding: 6.67em !important;
    --ast-container-default-xs-padding: 2.4em !important;
    --ast-container-default-xxs-padding: 1.4em !important;
    --ast-global-color-0: #ffd936 !important;
    --ast-global-color-1: #dab200 !important;
    --ast-global-color-2: #536942 !important;
    --ast-global-color-3: rgba(82,104,64,0.75) !important;
    --ast-global-color-4: #f6f8f5 !important;
    --ast-global-color-5: #ffffff !important;
    --ast-global-color-6: rgba(82,104,64,0.8) !important;
    --ast-global-color-7: rgba(82,104,64,0.5) !important;
    --ast-global-color-8: rgba(82,104,64,0.3) !important;
    --ast-border-color: #dddddd !important;
    --e-global-color-astglobalcolor0: #ffd936 !important;
    --e-global-color-astglobalcolor1: #dab200 !important;
    --e-global-color-astglobalcolor2: #536942 !important;
    --e-global-color-astglobalcolor3: rgba(82,104,64,0.75) !important;
    --e-global-color-astglobalcolor4: #f6f8f5 !important;
    --e-global-color-astglobalcolor5: #ffffff !important;
    --e-global-color-astglobalcolor6: rgba(82,104,64,0.8) !important;
    --e-global-color-astglobalcolor7: rgba(82,104,64,0.5) !important;
    --e-global-color-astglobalcolor8: rgba(82,104,64,0.3) !important;
    --page-title-display: block !important;
    font-style: normal !important;
    -webkit-font-smoothing: antialiased !important;
    font-family: 'DM Sans',sans-serif !important;
    --e-global-color-primary: #6EC1E4 !important;
    --e-global-color-secondary: #54595F !important;
    --e-global-color-text: #7A7A7A !important;
    --e-global-color-2e6c5c0: #9FCE00 !important;
    --e-global-typography-primary-font-family: "Roboto" !important;
    --e-global-typography-primary-font-weight: 600 !important;
    --e-global-typography-secondary-font-family: "Roboto Slab" !important;
    --e-global-typography-secondary-font-weight: 400 !important;
    --e-global-typography-text-font-family: "Roboto" !important;
    --e-global-typography-text-font-weight: 400 !important;
    --e-global-typography-accent-font-family: "Roboto" !important;
    --e-global-typography-accent-font-weight: 500 !important;
    word-wrap: break-word !important;
    hyphens: auto !important;
    text-align: center !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    line-height: 1 !important;
    margin: 0 auto 0 auto !important;
    color: var( --e-global-color-astglobalcolor5 ) !important;
    font-weight: bold !important;
    letter-spacing: -2px !important;
    font-size: 39px !important;
}
/* move h1 up to center it */
.post-template-default .ast-inside-advanced-header-content {
    margin-bottom: 150px !important;
}
/* make h1 break to avoid it being to close to edges */
.ast-container.ast-title-bar-align-center {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
}
@media only screen and (max-width: 921px) {
.ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .comments-area .comment-respond, .ast-separate-container .comments-area .ast-comment-list li, .ast-separate-container .ast-woocommerce-container, .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container.ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container.ast-two-container #secondary .widget, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .comments-area .comments-title {
    background-color: #f6f8f5 !important;
    background-image: none !important;
}
}
/* POSTS > MAIN IMAGE */
/* En lyckligare vår */
@media only screen and (min-width: 922px) {
.postid-4430 .ast-title-bar-wrap {
    background-size: 100% 100% !important;
}
}
/* POSTS > CONTENT */
/* Main content */
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
.post-template-default .ast-post-format-.single-layout-1.ast-no-date-box {
    padding-bottom: 10px;
}
}
/* POSTS > META */
.entry-meta, 
.entry-meta * {
	color: #333333 !important;
}
/* POSTS > POSTS NAVIGATION */
.ast-separate-container .post-navigation {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
@media only screen and (min-width: 421px) {
.ast-separate-container .post-navigation a {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
}
@media only screen and (max-width: 420px) {
.ast-separate-container .post-navigation a {
    padding-left: 0 !important;
    padding-right: 11px !important;
}
}
/* POSTS > POSTS COMMENTS */
@media only screen and (min-width: 1201px) {
.post-template-default li#li-comment-2 {
    padding-top: 2em !important;
	padding-bottom: 4.2em;
}
.post-template-default h3.comments-title {
    padding-top: 2em !important;
	padding-left: 3.2em !important;
}
}
@media only screen and (min-width: 922px) and (max-width: 1200px) {
.post-template-default li#li-comment-2 {
    padding-top: 1.6em !important;
	padding-bottom: 4.2em;
}
.post-template-default h3.comments-title {
    padding-top: 2em !important;
	padding-left: 1em !important;
}
}
@media only screen and (min-width: 546px) and (max-width: 921px) {
.post-template-default li#li-comment-2 {
	padding-bottom: 3.2em;
}
.post-template-default h3.comments-title {
    padding-bottom: 0 !important;
	padding-left: 1em !important;
}
}
@media only screen and (max-width: 545px) {
.post-template-default li#li-comment-2 {
	padding-bottom: 4.2em;
}
.post-template-default h3.comments-title {
    padding-bottom: 0 !important;
	padding-left: 0.4em !important;
}
}
/* POSTS > POSTS FORM */
/* Posts comment form. Name, email, web fields */
@media only screen and (max-width: 767px) {
.post-template-default .ast-float {
    float: none !important;
}
}
/* Posts comment form. Send button. */
.post-template-default p.form-submit {
    margin-top: 25px !important;
}
/* Posts comment form. Position. */
@media only screen and (min-width: 922px) {
#respond {
    margin-bottom: 1em !important;
}
}
@media only screen and (max-width: 921px) {
#respond {
    margin-bottom: 3em !important;
}
}
/* POSTS > POSTS SIDEBAR */
.post-template-default.ast-two-container #secondary .widget {
    padding: 0 !important;
	background-color: #fff !important;
}
@media only screen and (min-width: 922px) {
.smg_blog_sidebar {
	margin-top: -32px !important;
}
}
/* POSTS > POSTS SIDEBAR > CARDS */
.card_column {
	pointer: hand;
}	
/* card_kbt */
.card_kbt h3 > a  {
    display: none !important;    
}
.card_kbt h3:after {
    content: 'KBT Stockholm' !important;
	hyphens: auto !important;
}
/* card_samtalsterapi */
.card_samtalsterapi h3 > a {
    display: none !important;        
}
.card_samtalsterapi h3:after {
    content: 'Samtalsterapi Stockholm' !important;
	hyphens: auto !important;
}
/* card_stresshantering */
.card_stresshantering h3 > a {
    display: none !important;        
}
.card_stresshantering h3:after {
    content: 'Stresshantering Stockholm' !important;
	hyphens: auto !important;
}
/* card_mindfulness */
.card_mindfulness h3 > a {
    display: none !important;        
}
.card_mindfulness h3:after {
    content: 'Mindfulness Stockholm' !important;
	hyphens: auto !important;
}
/* card_psykosyntes */
.card_psykosyntes h3 > a {
    display: none !important;        
}
.card_psykosyntes h3:after {
    content: 'Psykosyntes Stockholm' !important;
	hyphens: auto !important;
}
/* card_kbt_pa_natet */
.card_kbt_pa_natet h3 > a {
    display: none !important;        
}
.card_kbt_pa_natet h3:after {
    content: 'KBT, Samtalsterapi & Stresshantering på nätet' !important;
	hyphens: auto !important;
}