/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> Länkar hover **/
.site a:hover, 
.site-footer a:hover {
	color: rgba(240, 240, 241, 0.6) !important;
	-webkit-transition: 250ms !important;
	transition: 250ms !important;
}

/** General >> Content **/
#content.site-content {
	
}


/*= Header ==================== */

/** Header >> Masthead **/
#masthead {
	width: 100% !important;
	position: fixed !important;
	z-index: 9999 !important;
}


/*= Main Menu ================= */

/** Main Menu >> Menu huvudmeny link **/
#menu-huvudmeny a {
	line-height: 22px !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 0 !important;
	margin-right: 18px !important;
	margin-left: 18px !important;
	border-bottom: 1px solid rgb(255, 255, 255) !important;
}

/** Main Menu >> Menu huvudmeny list item **/
#menu-huvudmeny li {
	
}

/** Main Menu >> Current menu item link **/
#menu-huvudmeny .sfHover a {
	line-height: 0 !important;
}

/** Main Menu >> Menu link (:hover) **/
#menu-huvudmeny a:hover {
	text-decoration: line-through !important;
	margin-top: -1px !important;
	border-bottom-width: 0 !important;
}

/** Main Menu >> Slideout menu active **/
.slideout-menu li a.active {
	
}


/*= Content =================== */

/** Content >> Fl builder content **/
.fl-builder-content.fl-builder-content-61 {
	
}

/** Content >> Logos title wrapper **/
#logos .fl-node-c87t3ga4uex9 .pp-logos-content .pp-logo div.title-wrapper p.logo-title {
	font-family: Gotham-Book !important;
	color: rgb(1, 1, 1) !important;
	font-size: 16px !important;
	line-height: 12px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
}

/** Content >> Kolumn i bilden **/
.fl-node-u34zgwsc57qk {
	width: 800px !important;
	max-width: 800px !important;
}

/** Content >> Tjanster heading 3 **/
#tjanster h3 {
	font-size: 40px !important;
}

/** Content >> Pp down arrow wrap pp down arrow **/
.pp-down-arrow-wrap .pp-down-arrow {
	width: 30px !important;
	height: 30px !important;
	padding-top: 5px !important;
	padding-right: 7px !important;
	padding-left: 4px !important;
}

/** Content >> Pp down arrow svg **/
.pp-down-arrow svg {
	
}

/** Content >> PP downarrow Svg 1 **/
#svg_1 {
	padding-left: 0 !important;
	transform: scale(0.45, 0.45) !important;
}

/** Content >> Play icon videos **/
.pp-video-play-icon {
	margin-left: 0 !important;
}

/** Content >> Video play arrow **/
.pp-video-play-icon svg {
	padding-right: 0 !important;
	padding-left: 6px !important;
	transform: scale(2.2, 2.2) !important;
}

/** Content >> Tjanster fl button Hover **/
#tjanster .fl-button:hover {
	background-color: rgb(1, 1, 1) !important;
}

/** Content >> Tjanster fl button text Hover **/
#tjanster .fl-button:hover .fl-button-text {
	color: rgb(255, 255, 255) !important;
}

/** Content >> Cases pp video gallery item **/
.pp-video {
	position: relative !important;
}

/** Content >> Pp video gallery filter span (#1) **/
.pp-video-gallery-filter span:nth-of-type(1) {
	color: rgba(1, 1, 1, 0.43) !important;
}

/** Content >> Bugfix mobil  Pp video gallery filter span (#1) Copy 1 **/
.pp-video-gallery-filter[style] {
	display: inline-block !important;
}

/** Content >> Pp video gallery filter Active **/
.pp-video-gallery-filter span:nth-of-type(1):hover, 
.pp-video-gallery-filter.pp-filter--active  span {
	color: rgb(1, 1, 1) !important;
}

/** Content >> PP video gallery Firefox fix **/
.pp-video-gallery .pp-video-gallery-items:not(.swiper-wrapper) {
	width: 100.1% !important;
}

/** Content >> Cases pp video info **/
#cases .pp-video-info {
	font-family: Gotham-Book !important;
	color: rgb(255, 255, 255) !important;
	font-size: 14px !important;
	text-align: center !important;
	text-indent: 10px !important;
	background-color: #fff !important;
	/*background-image: linear-gradient(rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.51));*/
	width: 100% !important;
	padding-top: 90px !important;
	border: 1px solid rgba(0, 0, 0, 1) !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	color: #000 !important;
	pointer-events: none !important;
}

/** Content >> Video gallery filter <480 **/
.pp-video-gallery .pp-video-gallery-filters {
	
}

/** Content >> Video gallery filter < 480 Copy 1 **/
.pp-video-gallery .pp-video-gallery-filters .pp-video-gallery-filter:not(.pp-filter--active) {
	
}

/** Content >> Logos logo slider next **/
.pp-logos-content .logo-slider-next {
	
}


/*= Personal ================== */

/** Personal >> Om luftskeppet pp content post grid **/
#om-luftskeppet .pp-content-post-grid {
	color: rgb(255, 255, 255) !important;
}

/** Personal >> Om luftskeppet pp content grid post title **/
#om-luftskeppet .pp-content-grid-post-title {
	line-height: 17px !important;
}

/** Personal >> Om luftskeppet pp content grid post excerpt **/
#om-luftskeppet .pp-content-grid-post-excerpt {
	font-size: 12px !important;
	line-height: 18px !important;
	margin-top: 5px !important;
}

/** Personal >> Om luftskeppet pp content grid post more link **/
#om-luftskeppet .pp-content-grid-post-more-link {
	font-family: Gotham-Bold !important;
	font-size: 12px !important;
	line-height: 16px !important;
	margin-top: 10px !important;
}

/** Personal >> Om luftskeppet pp content grid post more link Copy 1 **/
#om-luftskeppet .pp-content-grid-post-more-link p {
	margin-bottom: 2px !important;
}

/** Personal >> Om luftskeppet pp content grid post image **/
#om-luftskeppet .pp-content-grid-post-image {
	height: 268px !important;
	margin-bottom: 10px !important;
	position: relative !important;
	overflow: hidden !important;
}

/** Personal >> Om luftskeppet pp content grid post image Copy 1 **/
#om-luftskeppet .pp-content-grid-post-image img {
	width: auto !important;
	height: auto !important;
	margin: auto !important;
	position: absolute !important;
	top: -100% !important;
	bottom: -100% !important;
	left: -100% !important;
	right: -100% !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

/** Personal >> Om luftskeppet pp content grid post **/
#om-luftskeppet .pp-content-grid-post {
	margin-bottom: 40px !important;
}

/** Personal >> Om luftskeppet link **/
#om-luftskeppet a {
	color: rgb(255, 255, 255) !important;
}

/** Personal >> Om luftskeppet link Copy 1 **/
#om-luftskeppet a {
	color: rgb(255, 255, 255) !important;
}

/** Personal >> Om luftskeppet link (:hover) **/
#om-luftskeppet a:hover {
	color: rgba(255, 255, 255, 0.6) !important;
}


/*= Formulär ================= */

/** Formulär >> Wpforms one third wpforms field large **/
div.wpforms-container-full .wpforms-form .wpforms-first {
	position: relative !important;
	clear: none !important;
}

/** Formulär >> Wpforms submit 141 **/
#wpforms-submit-141 {
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	background-color: rgb(255, 255, 255) !important;
	width: 100% !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	border-color: rgb(1, 1, 1) !important;
}

/** Formulär >> Wpforms submit Hover **/
#wpforms-submit-141:hover {
	color: rgb(255, 255, 255) !important;
	text-transform: uppercase !important;
	background-color: rgb(1, 1, 1) !important;
}

/** Formulär >> Kontakt wpforms field large **/
#kontakt .wpforms-field-large {
	font-size: 12px !important;
	font-weight: 600 !important;
	background-color: rgb(237, 237, 237) !important;
	border-width: 0 !important;
}

/** Formulär >> Wpforms 141 field 5 **/
div.wpforms-container-full .wpforms-form .wpforms-two-thirds {
	position: relative !important;
	float: right !important;
}

/** Formulär >> Required **/
.wpforms-first.required:before {
	font-family: Gotham-Bold !important;
	color: rgb(255, 0, 0) !important;
	font-size: 16px !important;
	font-weight: 900 !important;
	position: absolute !important;
	top: 5px !important;
	right: 6px !important;
	display: block !important;
	content: "*" !important;
}

/** Formulär >> Wpforms form 141 wpforms error **/
#wpforms-form-141 .wpforms-error {
	font-size: 10px !important;
	line-height: 12px !important;
}

/** Formulär >> Wpforms form 141 wpforms field large **/
#wpforms-141-field_5-container textarea {
	height: 212px !important;
	resize: none !important;
}


/*= Footer ==================== */

/** Footer >> Site footer paragraph **/
.site-footer p {
	font-size: 10px !important;
}


/*( < 980 )*/
@media (max-width: 979.98px) {

	/*= Content =================== */

	/** Content >> PP video gallery Firefox fix **/
	.pp-video-gallery .pp-video-gallery-items:not(.swiper-wrapper) {
	
}

	/** Content >> Video fix 2 kolumner **/
	.fl-node-2j5wznhi3087 .pp-video-gallery .pp-video-gallery-item:nth-of-type(3n) {
	margin-right: 0 !important;
}


}


/*( < 768 )*/
@media (max-width: 767.98px) {

	/*= Content =================== */

	/** Content >> Fl builder content **/
	.fl-builder-content.fl-builder-content-61 {
	padding-top: 44px !important;
}

	/** Content >> Kolumn i bilden **/
	.fl-node-u34zgwsc57qk {
	width: 75% !important;
}

	/** Content >> Video fix 2 kolumner **/
	.fl-node-2j5wznhi3087 .pp-video-gallery .pp-video-gallery-item:nth-of-type(3n) {
	
}


}


/*( < 480 )*/
@media (max-width: 479.98px) {

	/*= Content =================== */

	/** Content >> Fl builder content **/
	.fl-builder-content.fl-builder-content-61 {
	padding-top: 81px !important;
}

	/** Content >> Kolumn i bilden **/
	.fl-node-u34zgwsc57qk {
	width: 88.42% !important;
}

	/** Content >> Cases pp video info **/
	#cases .pp-video-info {
	
}

	/** Content >> Video gallery filter <480 **/
	.pp-video-gallery .pp-video-gallery-filters {
	-webkit-flex-direction: row !important;
	-moz-flex-direction: row !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
}

	/** Content >> Video gallery filter < 480 Copy 1 **/
	.pp-video-gallery .pp-video-gallery-filters .pp-video-gallery-filter:not(.pp-filter--active) {
	display: inline !important;
}

	/** Content >> Bugfix mobil  Pp video gallery filter span (#1) Copy 1 **/
	.pp-video-gallery-filter[style] {
	display: block !important;
}

	/** Content >> Logos logo slider next **/
	.pp-logos-content .logo-slider-next {
	margin-right: 0 !important;
}

	/** Content >> Bx next svg **/
	.bx-next svg {
	margin-left: 6px !important;
}

	/** Content >> Bx prev svg **/
	.bx-prev svg {
	margin-right: 6px !important;
}


	/*= Main Menu ================= */

	/** Main Menu >> Mobil hamburger **/
	.main-navigation .menu-toggle {
	font-size: 22px !important;
}

	/** Main Menu >> Slideout menu **/
	.slideout-menu {
	margin-top: 7px !important;
}

	/** Main Menu >> Slideout menu links **/
	.slideout-menu li a {
	font-size: 14px !important;
	margin-top: 4px !important;
}

	/** Main Menu >> Slideout menu active **/
	.slideout-menu li a.active {
	text-decoration: line-through !important;
}


}