/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@        XXXXXXXXXXXXXXXXXXXXXXX          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/




/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 
/* Cookie banner default style */
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-box-show .modal-cacsp-box-bottom {
max-width: 75vw;
max-height: calc(100vh - 5rem);
display: flex;
flex-direction: column;
border: 2px solid #333;
border-radius: 5px;
}

.modal-cacsp-box-content {
width: 100% !important;
background: #2C4057 !important;
color: #fff;
}

.modal-cacsp-position .modal-cacsp-box>* {
background: #2C4057;
}

.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom {
background: #2C4057;
width: 40%;
flex-direction: column;
}

.modal-cacsp-position, .modal-cacsp-position * {
color: #fff;
}

.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-settings .modal-cacsp-box-settings-list ul li a.modal-cacsp-toggle-switch.modal-cacsp-toggle-switch-active.disabled span, .modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-settings .modal-cacsp-box-settings-list ul li span.modal-cacsp-toggle-switch.modal-cacsp-toggle-switch-active.disabled span {
color: #fff;
}

@media screen and (max-width: 540px) {
.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom {
width: 100%;
flex-direction: row;
height: 250px;
}

.modal-cacsp-position .modal-cacsp-box .modal-cacsp-box-content {
font-size: 12px;
}

.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom .modal-cacsp-box-content {
flex-grow: unset;
width: 55% !important;
}

.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom .modal-cacsp-btns .modal-cacsp-btn {
font-size: 12px;
}

.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom .modal-cacsp-box-content, .modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom .modal-cacsp-btns {
width: 45%;
}
}

/*MEDIASCREEN DATOR*/
@media only screen and (min-width: 993px) {
	
}

/*MEDIASCREEN PLATTA*/
@media only screen and (min-width: 769px) and (max-width: 992px) {
	
}

/*MEDIASCREEN MOBILE*/
@media only screen and (max-width: 768px) {

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@        Fonter - inläsning          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@font-face {
	font-family: 'Amatic SC';
 	font-weight: 700;
  	src: url("/wp-content/themes/bb-theme-child/fonts/AmaticSC-Regular.ttf") format('truetype');
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@        Fonter - Anpassning          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/



h1 {
	font-family: 'Amatic SC', cursive;
	
	line-height:120%;
	color:#3A526A;
}

h2 {
	font-family: 'Amatic SC', cursive;
	
	line-height:120%;
	color:#3A526A;
}

h3 {
	font-family: 'Cormorant Garamond', serif;
	
	line-height:120%;
	text-transform: XXXXXX;
}

h4 {
	font-family: 'Roboto', sans-serif;	
	font-weight: 500;
	line-height:120%;
	text-transform: XXXXXX;
}

h5 {
	font-family:  XXXXXXX;
	font-weight: XXX;
	line-height:120%;
	text-transform: XXXXXX;
}

h6 {
	font-family:  XXXXXXX;
	font-weight: XXX;
	line-height:120%;
	text-transform: XXXXXX;
}

p, li, ul {
	font-family: 'Roboto', sans-serif;	
	font-weight: 400;
	line-height:150%;
	text-transform: XXXXXX;
	color:black;
}

.fl-main-content a span {
	font-family:  XXXXXXX;
	font-weight: XXX;
	line-height:120%;
	text-transform: XXXXXX;
	
}

button {
	font-family:  XXXXXXX;
	font-weight: XXX;
	line-height:120%;
	text-transform: XXXXXX;
}

.menu-item a { 
	font-family: 'Amatic SC', cursive;

}


/*MEDIASCREEN DATOR*/
@media only screen and (min-width: 993px) {
	
	h1 {
		font-size:40px;
		margin-top:0px;
		margin-bottom:20px;
	}
	
	h2 {
		font-size:40px;
		margin-top:0px;
		margin-bottom:20px;
		
	}
	
	h3 {
		font-size:30px;
	}
	
	h4 {
		font-size:20px;
		margin-bottom:10px;
	}
	
	
	h5 {
		font-size:20px;
	}
	
	h6 {
		font-size:17px;
	}
	
	p, li, ul	{
		font-size:16px;
	}
	
	a	{
		font-size:15px;
	}
	
	.menu-item a { 
		font-size:20px;
		margin-bottom:2px;
	}
	
}

/*MEDIASCREEN PLATTA*/
@media only screen and (min-width: 769px) and (max-width: 992px) {
	
	h1 {
		font-size:30px;
		margin-top:10px;
	}
	
	h2 {
		font-size:30px;
		margin-top:10px;
	}
	
	h3 {
		font-size:25px;
	}
	
	h4 {
		font-size:20px;
		margin-bottom:0px;
	}
	
	
	h5 {
		font-size:15px;
	}
	
	h6 {
		font-size:15px;
	}
	
	p	{
		font-size:16px;
	}
	
	a	{
		font-size:15px;
	}
}

/*MEDIASCREEN MOBILE*/
@media only screen and (max-width: 768px) {

	h1 {
		font-size:30px;
		margin-top:10px;
	}
	
	h2 {
		font-family: 'Amatic SC', cursive;
		font-size:30px;
		margin-top:10px;
	}
	
	h3 {
		font-size:25px;
	}
	
	h4 {
		font-size:20px;
		margin-bottom:0px;
	}

	
	h5 {
		font-size:15px;
	}
	
	h6 {
		font-size:15px;
	}
	
	p	{
		font-size:16px;
	}
	
	a	{
		font-size:16px;
	}
	
	
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@        Header        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.menu-item a { 
	border:solid #3A526A 1px;

}


.menu-item a:hover { 
	border:solid white 1px;

}

#logo-bild img {
	width:auto;
}

 #menu-huvudmeny a {
    padding-left: 20px;
    padding-right: 20px;
	 padding-bottom: 0.5em;
	 padding-top:  0.5em;
 }

.page-id-8 .hide-on-start {
	display:none;
}

.fl-theme-builder-header-shrink .hide-on-scroll {
	display:none;
}


/*MEDIASCREEN MINDRE DATOR*/
@media only screen and (min-width: 1150px) and (max-width: 1400px) {
	
 #menu-huvudmeny a {
    padding-left: 20px;
    padding-right: 20px;
 }
	
	
}


/*MEDIASCREEN MINDRE DATOR*/
@media only screen and (max-width: 1149px) {
	
 #menu-huvudmeny a {
    padding-left: 1em;
    padding-right: 1em;
 }
	
	
}

		



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@        Generella ändringar          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

.tre-kolumn-padding-text, .femti-femti-kolumner  {
	padding-top:3%;
	padding-bottom:3%;
	padding-left:3%;
	padding-right:3%;
}


/*MEDIASCREEN MOBILE*/
@media only screen and (max-width: 768px) {
	.tre-kolumn-padding-text, .femti-femti-kolumner  {
	padding-top:7%;
	padding-bottom:7%;
	padding-left:7%;
	padding-right:7%;
}
}

a:hover, a:visited {
	text-decoration:none;
}

.rund-bild img {
	border-radius:50%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@        startsida          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@        LUNCH @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/




.lunch-repeater-bild,
.lunch-repeater-text
{
	display:inline-block;
	width:50%;
	float:left;
}


.lunch-repeater-bild
{
	width:15%;
	text-align:right;
}

.lunch-repeater-text
{
	width:85%;
}



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@        Familje / upplevelser - Singel         @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


.fl-post-grid-post {
	background:none;
	border:none;
}

.upp-fam-huvud-div {
	height:400px;
	width:100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	background-image:url(https://dossberget.se/wp-content/uploads/2022/05/frame-2-1.png);

}

.upplevelse-familj-text {
	margin-top:-20px;
	margin-left:110px;
}

.upp-fam-huvud-div a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}  

.upp-fam-huvud-div img  {
    height: 64%;
    width: 74%;
    object-fit: cover;
}



/*MEDIASCREEN PLATTA*/
@media only screen and (min-width: 769px) and (max-width: 992px) {
	
	.upp-fam-huvud-div {
	height:400px;
}	
}

/*MEDIASCREEN MOBILE*/
@media only screen and (max-width: 768px) {
	.upp-fam-huvud-div {
	height:300px;
}	

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@        Familje / upplevelser arkiv      @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


.huvuddiv-alla-arkiv {
    padding:15px;
}


.overblick-arkiv-titel {
	text-align:center;
	margin-bottom:-10px;
	font-size:45px;
}

.fl-post-grid-post {
	background:none;
	border:none;
}

.upp-fam-huvud-div-arkiv {
	height:500px;
	width:100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	background-image:url(https://dossberget.se/wp-content/uploads/2022/05/frame-2-1.png);
}


.upp-fam-huvud-div-arkiv a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;

}  


.upp-fam-huvud-div-arkiv img  {
    height: 70%;
    width: 80%;
    object-fit: cover;
}



/*MEDIASCREEN PLATTA*/
@media only screen and (min-width: 769px) and (max-width: 992px) {
	
	.upp-fam-huvud-div-arkiv {
		height:300px;
	}	
	
}

/*MEDIASCREEN MOBILE*/
@media only screen and (max-width: 768px) {
	
	.upp-fam-huvud-div-arkiv {
		height:250px;
	}	

}

/* =======================================================================================================================================================================
                                                                          Knappar
======================================================================================================================================================================= */


/******** KNAPP MOT MÖRK ********/
.knapp-mot-mork a.fl-button {
	border-color: #ffffff;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
	border-radius: 0;
	background-color: transparent;
	transition: ease-in-out .2s;
	padding: 12px 24px;
	width: 250px;
}


.knapp-mot-mork a.fl-button:hover {
	border-color: #ffffff;
	background-color: white !important;

}



.knapp-mot-mork a.fl-button:hover span {

	color:#3A536A !important;
}