/*
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... */ 

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------HEADER------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.fl-theme-builder-header-sticky .logo-mobil {
	display:none;
}

.fl-theme-builder-header .fl-builder-content .fl-button i {
	display:block !important;
	padding-bottom:5px;
	margin-left:auto;
	margin-right:auto;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------AKTUELLT------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.pp-content-post {
    background: none !important;
    border:dashed white 1px;
}


.kalender-huvud-div {
	text-align:center;
	padding:5%;
}



.kalender-huvud-div img {
	filter: invert(100%) !important;
	max-height:150px;
	width:auto:
		
}



.kalender-huvud-div, 
.kalender-huvud-div h3, 
.kalender-huvud-div h5 {
	color:white;
}

a:hover {
	text-decoration:none;
}


.invert-color {
	    filter: invert(1);

}


/* =======================================================================================================================================================================
                                                                           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%;
}


.fl-module-content p a {
	color:black;
	text-decoration:underline;
}

.fl-module-content p a:hover {
	color:#91AA9D;
}


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


/******** KNAPP MOT MÖRK ********/
.knapp-mot-mork a.fl-button,  .knapp-mot-mork {
	background:none;
	border:solid white 1px;
}

.knapp-mot-mork a.fl-button:hover, .knapp-mot-mork:hover {
	background:white;
	border:solid white 1px;
}

/*knapptexten*/
.knapp-mot-mork a.fl-button span, .knapp-mot-mork  {
  	color:white;
}

.knapp-mot-mork a.fl-button:hover span, .knapp-mot-mork:hover  {
  	color:black !important;
}


/******** KNAPP MOT LJUS ********/

.knapp-mot-ljus a.fl-button, .knapp-mot-ljus button, .knapp-mot-ljus input, .knapp-mot-ljus button  {
	background:none !important;
	border:solid black 1px !important;
}

.knapp-mot-ljus a.fl-button:hover, .knapp-mot-ljus button:hover, .knapp-mot-ljus input:hover, .knapp-mot-ljus button:hover {
	background:black !important;
	border:solid black 1px !important;

}


/*knapptexten*/
.knapp-mot-ljus a.fl-button span, .knapp-mot-ljus button, .knapp-mot-ljus button a, .knapp-mot-ljus input, .knapp-mot-ljus button {
  	color:black !important;
}

.knapp-mot-ljus a.fl-button:hover span, .knapp-mot-ljus button:hover, .knapp-mot-ljus button:hover a, .knapp-mot-ljus input:hover, .knapp-mot-ljus button:hover {
  	color:white !important;
	text-decoration:none !important;
}

/* Cookie modal */
.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom {
	max-width: 500px; 
	width: auto;
	max-height: calc(100vh - 5rem);
	display: flex;
	flex-direction: column;
	border: 2px solid #333;
	border-radius: 5px;
}
.modal-cacsp-box-content {
	width: 100% !important;
}