/*
 Theme Name:   Blueline Design Getwid Theme
 Theme URI:    https://bluelinedesign.se/
 Description:  Clean Gutenberg Theme based on Getwid
 Author:       Blueline Design
 Author URI:   https://bluelinedesign.se/
 Template:     getwid-base
 Version:      1.0.0
 Text Domain:  blueline-design-gw
*/

/*
 Rosa: #f553ca
 Gul: #ffff00
 Aprikos 1: #FBB360
 Aprikos 2: #FAA445
 Granit: #6c727a
 Diabas: #555454
 */

html {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}



.wp-block-getwid-content-slider-slide__wrapper {
	position: relative; /* If you want text inside of it */
	width: 100%;
	padding-top: 100%; /* 1:1 Aspect Ratio */

}

.wp-block-getwid-content-slider-slide__wrapper > * {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:#0CC;
	display:none;
}

.wp-block-getwid-content-slider-slide__wrapper  img {
	width:100%;
	height:auto;

}


/* Responsive rubriker */

h1 { 
	/*  font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); */
	font-size: calc(38px + (62 - 38) * ((100vw - 300px) / (1140 - 300)));
	line-height:1.2;
}

h2 { 
	/*  font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); */
	font-size: calc(32px + (38 - 32) * ((100vw - 300px) / (1140 - 300)));
}

a { outline: none; color:#24c0d4; }

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .more-link {
    font-family: "Saira Condensed", sans-serif;
	text-transform:none;
}

body:not(.home) .site-header {
	/* border-bottom:1px solid #0C0C0C; */
	/* background:#070707; */
}

body.single .site-main > .hentry > .entry-header .entry-title, body.page .site-main > .hentry > .entry-header .entry-title {
 	font-size: calc(28px + (60 - 28) * ((100vw - 300px) / (1140 - 300)));
    max-width: none;

	/* border-top-right-radius:calc(16px + (32 - 16) * ((100vw - 300px) / (1140 - 300))); */
}

.post-4032 .entry-header .entry-title {
	position:relative;
	text-align:left !important;
}

.post-4032 .entry-header .entry-title::after {
	content: "";
	position:absolute;

	left:0;
	bottom:-10px;
	border-top:8px solid #24c0d4;
	width:22%;

}

.entry-header .entry-title,
.page-header .page-title {
	color:#FFF;
	
}

.wp-block-getwid-banner.has-text-animation-opacity-bottom:hover img { 
	filter: brightness( 50% );
}

/*.wp-block-getwid-banner.has-text-animation-opacity-bottom:hover .wp-block-getwid-banner__title {
	opacity:0;
}*/


.wp-block-getwid-banner .wp-block-getwid-banner__title {
	font-family: "Squada One" !important;
	font-size:1.2em;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:0.3em 0;
	/* background-color:rgba(36, 192, 212, 0.05); */
	background-color:rgba(0, 0, 0, 0.6);
	/* color:#24c0d4; */
  	/*transition: 0.3s;*/
}


/* Slider punktavigering aktiv */

.wp-block-getwid-images-slider .slick-dots li.slick-active button:before,
.wp-block-getwid-media-text-slider .slick-dots li.slick-active button:before,
.wp-block-getwid-post-slider .slick-dots li.slick-active button:before,
.wp-block-getwid-post-carousel .slick-dots li.slick-active button:before {
	color: #24c0d4; /* #8f4ec7 */
}


/* Zooma bilder vid mus över */
.zoom-images .wp-block-getwid-template-post-featured-image {
	overflow:hidden;
}

.zoom-images .wp-block-getwid-template-post-featured-image img { 
	transition: transform .5s; /* Animation */
	/*transform-origin: top left;*/
}

.zoom-images .wp-block-getwid-template-post-featured-image img:hover { 
	transform: scale(1.03); /* (115% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	/* transform-origin: top left; */
}




.blueline-scroll {
	display: flex;
	position:fixed;
	top:0;
	left:0;
	height:0;
	width:2px;
	z-index:9999;
	background:#24c0d4;	
}

.blueline-scroll span {
  display: inline-block;
  align-self: flex-end;
  font-size:12px;
  text-align:center;
  color:#fff;
}



body.blog .site-main > .hentry, body.search .site-main > .hentry, body.archive .site-main > .hentry {
  

  /* margin-top: 5.625rem;
    margin-bottom: 0;
    padding-bottom: calc(5.625rem + 8px);
    position: relative;*/
}

body.blog .site-main > .hentry:after, body.search .site-main > .hentry:after, body.archive .site-main > .hentry:after {
	border-bottom: none;
}


.post-border {
	max-width:938px;
	margin:auto;
	padding-bottom:2em;
	/*padding:1em 1em 2em 1em;
	border:1px solid #212121;*/
	
	/*
    box-shadow: 0 1px 2px rgba(153,153,153,0.07), 
                0 2px 4px rgba(153,153,153,0.07), 
                0 4px 8px rgba(153,153,153,0.07), 
                0 8px 16px rgba(153,153,153,0.07),
                0 16px 32px rgba(153,153,153,0.07), 
                0 32px 64px rgba(153,153,153,0.07); */


}




.post-thumbnail-wrapper { 
	margin-bottom: 0; /* 3.125rem; */
}

.post-border .post-thumbnail-wrapper {
	margin-top: -1em;
	margin-right: -1em;
	margin-left: -1em;
}

.post-thumbnail-wrapper img {
	width:100%;
	height:auto;
}

.blueline-anim-wrapper { 
	max-width:938px;
	margin:auto;

	margin-bottom: 3.125rem; 

}

/* En animerad blå linje */
.blueline-anim {

	background: #24c0d4;

	height:6px;
	width:0;

	/*border-top-right-radius:4px;
	border-bottom-left-radius:4px; */
	

	
	-webkit-transition: width 0.5s ease-in-out;
	-moz-transition: width 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out;
	transition: width 0.5s ease-in-out;
}

.blueline-anim.enter {
	width:100%;
}





.blueline-buzz .wp-block-getwid-template-post-featured-image {
	margin-bottom:0.5em; 
}

.single.single-post .post-thumbnail img,
.blueline-buzz .wp-block-getwid-template-post-featured-image img {
	width:100%;
	height:auto;

	/*border-bottom-left-radius:calc(16px + (32 - 16) * ((100vw - 300px) / (1140 - 300)));*/
}

.blueline-buzz .wp-block-getwid-template-post-title {
	 margin-bottom:0; 
}

.blueline-buzz .wp-block-getwid-template-post-meta {
	font-style:normal;
	margin-bottom:0.5em; 
}

.blueline-buzz .wp-block-getwid-template-post-link a {
	text-transform:none;
	font-weight:normal;
}



body.page-template-fixedmenu .site-header {
	position:absolute;
	width:100%;
	border-bottom:none;
}


body.page-template-fixedmenu .site-branding { 
	/*position:absolute; 
	z-index:1;*/
	z-index:1
}

.site-branding img {
	height:30px;
	width:auto;

}

/*
.menu-toggle {
	color:#24C0D4 !important;

}
*/


body.archive { 

}


body.archive .site-content {
	display:flex;
	max-width:1320px;
	margin:auto;
} 

body.archive .site-main  {
	max-width: 950px;
}

body.archive .secondary  {
	max-width: 370px;
	margin-top:7.5rem;
}

/* ******************************************************** */
/* Utsende tagglänkar */
/* ******************************************************** */
.tags-links a {
    color: #fff;
    background: #24c0d4;
	border-top-right-radius:8px;
	border-bottom-left-radius:8px;
	font-family: "Saira Condensed";
	font-weight:normal;
}


/* Ta bort getwid original snedstreck / */
.entry-meta > span:after {
  content: ''; /* '/' */
  margin: 0;
}

.entry-meta .posted-on,
.entry-meta .edit-link  {     
	color: #fff;
	background: #111;
	font-style:normal;
	font-weight:bold;
	border-top-right-radius:8px;
	border-bottom-left-radius:8px;
	padding:0.5em 1em;
	margin-right:1em;
}

input[type="submit"] { 
	border-top-left-radius:0;
	border-bottom-right-radius:0;
}


/* ******************************************************** */
/* Utseende postnavigering */
/* ******************************************************** */


/*
.post-navigation .nav-previous + .nav-next {
    margin-top: 0;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
	width:50%;

}

.post-navigation-wrapper .previous .post-title, 
.post-navigation-wrapper .next .post-title {
    font-size: 12px;
}*/

.post-navigation-wrapper {
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	
}

.post-navigation-wrapper .previous .lnr,  
.post-navigation-wrapper .next .lnr {
    background: #555454;
    color: #fff;
	font-size:16px;
	width:40px;
	height:40px;
}


/* Gutenberg hjälpklasser */
.photo-icon {
	position:relative;

}

.photo-icon  img {
	border-radius:50%;
	transition: all .2s ease-in-out;
	border:4px solid #333;
	/* animation: circle 6s linear infinite; */
}

.photo-icon figure::after  {
	width:15px;
	height:15px;
	background:#F09; 
	content:" ";
	border-radius:50%;
	position:absolute;
	top:0; bottom:0; left:0;right:0;
	overflow:hidden;
	margin:auto;
	animation: circle 20s linear infinite;
}



.photo-icon img:hover {
	border:4px solid #999;
}


@keyframes circle{
  0%{
    transform:rotate(0deg)
              translate(-75px)
              rotate(0deg);
  
  }
  100%{
    transform:rotate(360deg)
              translate(-75px)
              rotate(-360deg);
  }
}








/*
.site-header p.site-title a {
	color:#FFF !important;
	font-size:0.9em !important;
	font-family: "Work Sans", sans-serif !important;
	letter-spacing: 0px !important;

}*/

body.page-template-fixedmenu .site-header a,
body.page-template-fixedmenu .site-header button { 

}





.wp-block-getwid-section__wrapper[style="min-height:100vh"] {
	/* height: calc(100vh - calc(100vh - 100%)); */
	/*min-height:100vh;
	min-height: -webkit-fill-available;*/
	/* min-height:300vh */
}







.btn-more-main {

	position:absolute;
	bottom:20px;
	padding:20px;
	left:50%;
	z-index:9999;
	color:#fff;
	cursor:pointer;
	
}

.hide-on-mobile {
	display:none;
}







/*
.home .getwid-init:after {
	
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f078";	
	
	display:block;
	position:absolute;
	top:-80px;
	left:50%;
	z-index:20;
	color:#fff;
	cursor:pointer;
	
	
}*/


.wp-block-getwid-section.alignfull .wp-block-media-text { /* Getwid fix */
	margin-left:-1em;
	margin-right:-1em;
}

.wp-bootstrap-blocks-container {
  padding-right: var(--bs-gutter-x, 0);
  padding-left: var(--bs-gutter-x, 0);
}



.wp-block-button,
.wp-block-button .wp-block-button__link  {
	min-width:200px;
}	
	


@media (max-width: 767px) {
	
	.wp-block-button {
		width:100%;
	}
	
	.wp-block-button .wp-block-button__link  {
		width:100%;
	}		
}


@media (min-width: 992px) { 

	.hide-on-mobile {
		display:block;
	}


}



.main-navigation .sub-menu a {
	font-size:0.9em; 
}


.main-navigation ul ul {

    -webkit-box-shadow:  none;
    box-shadow: none;
	
}


/* Ändra bakgrundsfärg på menyanimeringen för mobila enheter */
.primary-menu-wrapper:after {
	/* background: rgba(240, 240, 240, 0.98); */ 
	 background: rgba(20, 20, 20, 0.96);
	 position:fixed;	
}

/* Animera en linje på desktop */
.primary-menu[aria-expanded="false"] > .menu-item:after {
	position:absolute;
	top:40px;
	left:10%;
	content: '';
	background-color: #24c0d4;
	height:1px;
	width: 80%;

	transform: scaleX(0);
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}

.primary-menu[aria-expanded="false"] > .menu-item:hover:after {
	transform: scaleX(1);
	transform-origin: bottom left;
}


.primary-menu[aria-expanded="false"] .sub-menu {
	background-color:rgba(36, 36, 36, 0.8); /*#242424; */ /* #24c0d4; */
	border-top-right-radius:16px;
	border-bottom-left-radius:16px;
	


}

.primary-menu[aria-expanded="false"] .sub-menu a {
	color:#FFF;
}

.primary-menu[aria-expanded="false"] .sub-menu a:hover {
	color:#ccc;
}

.main-navigation {
	font-size:0.9em;
}

.main-navigation .phone,
.main-navigation .email {
	display:none;
}

.main-navigation.toggled .phone,
.main-navigation.toggled .email {
	display:inherit;
}

.main-navigation .phone a,
.main-navigation .email a {
	color:#24c0d4 !important;
}

.main-navigation .email a {
	padding:0rem 1.25rem;
}

.sub-menu .menu-item.icon {
	background-size: 50px 50px;
	background-repeat:no-repeat;
	background-position:20px 9px; /* xpos ypos */
	vertical-align:middle;
}

.sub-menu .menu-item.icon a {
	padding-left:94px;
	margin-bottom:0.4em;
}

.sub-menu .menu-item.icon-design-dev {
	background-image:url(images/icon-design-and-dev.png);
}

.sub-menu .menu-item.icon-web-expert {
	background-image:url(images/icon-web-expert-64.png);
}

.sub-menu .menu-item.icon-on-page-optimering {
	background-image:url(images/icon-on-page-optimering.png);
}

.sub-menu .menu-item.icon-wp-ready {
	background-image:url(images/icon-wp-ready-green-64.png);
}

.sub-menu .menu-item.icon-wp-rescue {
	background-image:url(images/icon-wp-rescue-64.png);
}

.sub-menu .menu-item.icon-web-hosting {
	background-image:url(images/icon-hosting-64.png);
}

.sub-menu .menu-item.icon:last-child a { 
	margin-bottom:0;
}

.site-header {
	border-color: transparent;
}

.site-content {
	background: transparent;
}




/* Sidfot */
/*
.footer-sidebars-wrapper {
	margin-top:0;

}

.footer-sidebars-wrapper, .site-footer {
	background:#f0f0f0;
}

.footer-sidebars {
	padding-top:4.6875rem;
}

.site-footer {
	margin-top:0;
}*/

.site-footer  {
	text-transform:none;

}


/* ****************************************************************** */
/* Hjälpklasser */
/* ****************************************************************** */

.link-light, 
.link-light a { 
	color:#FFF; 
}

.link-dark, 
.link-dark a { 
	color:#000; 
}


/* ****************************************************************** */
/* Contact form 7 */
/* ****************************************************************** */


.wpcf7-not-valid-tip {
    color: #cc0066;
}


.wpcf7 form .wpcf7-response-output {
  
    padding: 0.5em 1em;
  
}


/* Formuläret skickat */
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #24c0d4;
	border-radius:10px;

}

/* Felaktigt ifyllt formulär */
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #cc0066;
	border-radius:10px;

}

/* **************************************************************************************
 * Knappar GenerateBlocks - utan understrukning
 * **************************************************************************************/
 
.gb-container a.gb-button:hover {
	text-decoration:none;
}