@charset "utf-8";

/* CSS Document */
input, button, select, textarea {
	max-width: 100%;
}

a {
    color: #5f8996;
    text-decoration: none;
}

.region-content a {
    color: #5f8996;
}

img {
    height: auto;
    max-width: 100%;
}

/*
#wrapper {
    min-height: 100vh;
}
*/

.main-header h1 {
  color: #fff;
  font-size: 3em;
}

.main-header::after {
    background: rgba(21, 22, 26, 0.28) none repeat scroll 0 0 !important;
    bottom: 0 !important;
    content: "" !important;
    left: 0 !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
}

/*Sidhuvud*/
.navbar.navbar-default {
    background: #5f8996 none repeat scroll 0 0;
}

.path-frontpage .main-header {
    background: rgba(0, 0, 0, 0) url("../images/flygplan.jpg") repeat scroll 0 0 / cover ;
	height: 100vh;
}

.page-node-53 #wrapper {
    background: rgba(0, 0, 0, 0) url("../images/berg1920.jpg") repeat scroll 0 0 / cover ;
    padding: 20px;
}

.page-node-53 .col-md-12 {
    min-height: 0px;
}

.main-header {
    background: #fff;
    color: #fff;
    margin-bottom: 0px;
    padding: 0px;
    position: relative;
}

/*Textblock första sidan Välkommen text*/
.welcome-banner-text {
    line-height: 160%;
    max-width: 850px;
    padding: 20px 20px;
    text-align: center;
    margin-top: 70px;
}

.path-frontpage .region-welcome-banner-text {
    float: right;
    margin-top: 25vh;
}


/*Fontawsome ikoner sidhuvud*/
.symboler .views-view-grid .views-col {
    float: right;
    margin-right: 25px;
    margin-top: 20px;
}

/*Block fontawsemo region-topwidget*/

.region-topwidget-first .block-block-content, .region-topwidget-second .block-block-content, .region-topwidget-third .block-block-content {
	min-height: 300px;
	}

/*Fontavsome ikoner första sidan*/
/*
#block-webshopblockstartsida-2 .fa, #block-supportblockstartsida .fa, #block-hemsidorblockstartsida-2 .fa, #block-behovavfilmellerfotostartsida .fa, #block-behovavgrafiskprofilstartsida .fa, #block-infodrupalstartsida-2 .fa-drupal {
	background: none;
    border-radius: 0%;
    font-size: 100px;
    height: 100px;
    margin-bottom: 0;
    padding: 0;
    width: 150px;
	color: #5f8996;
}
*/

#block-views-block-symboler-block-1 .svg-inline--fa {
  font-size: 2em;
  color: #fff;
}

/*#block-webshopblockstartsida-2 .fa {
	color: #000;
	}
	
#block-supportblockstartsida .fa {
	color: #cc3333;
	}

#block-hemsidorblockstartsida-2 .fa {
	color: #5f8996;
	}*/



/*Meny Menu*/
#main-menu {
	font-size: 18px;
	}
/*Läs mer knappar*/
.readmore {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.readmore a {
    background: #5f8996 none repeat scroll 0 0;
    border: medium none;
    border-radius: 24px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin: 10px 0;
    min-width: 160px;
    padding: 15px 23px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;
}

/*Knappar submit buttons*/
.btn, input[type="submit"] {
    background: #5f8996 none repeat scroll 0 0;
    border: medium none;
    border-radius: 24px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin: 10px 0;
    min-width: 160px;
    padding: 15px 23px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;	
}

/*Kontakta oss*/
.webform-submission-kontakta-oss-node-53-add-form {
    float: left;
    width: 40%;
	background: #fff none repeat scroll 0 0;
    border: 1px solid;
    border-color: transparent;
    border-radius: 10px;
	padding: 0px 20px 20px 20px;
}


#block-kontaktaoss {
    background: #fff none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 0px 20px 20px 20px;
}

#block-views-block-medarbetare-block-1 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid;
    border-color: transparent;
    border-radius: 10px;
    padding: 0px 20px 20px 20px;
	width: 55%;
	float: right;
}


/*Referenser*/
#views-bootstrap-referenser-page-1 .col {
    background: #5f8996 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    margin: 10px;
    padding-top: 15px;
    width: 31%;
}

.referenser a {
    color: #fff;
}

.referenser .views-field {
    text-align: center;
}

.referenser .sidhuvud-referenser {
    text-align: center;
}

.path-referenser .block-page-title-block {
    text-align: center;
}

/*Så här går det till*/
/*.font-arbetsflode .fa {
    background: #5f8996 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 60px;
    height: 120px;
    margin-bottom: 20px;
    padding: 32px;
    width: 120px;
}*/

.font-arbetsflode {
    text-align: center;
}

.arbetsflode .views-col {
    margin: 15px;
    padding: 10px;
    width: 30% !important;
}

.arbetsflode .views-field {
    text-align: center;
}

.path-sa-gar-det-till .block-page-title-block {
    text-align: center;
}

.arbetsflode .sidhuvud-arbetsflode {
    text-align: center;
}

/*Social medier*/
.font-social .fa {
    color: #fff;
    font-size: 30px;
}

.font-social {
    text-align: center;
}

/*Underhåll*/
.maintenance-msg {
	background: none;
	border: none;
	box-shadow: none;
	}
	
.maintenance-page {
    background: #5f8996 url("/themes/drupal8_zymphonies_theme/images/maintenance-bg.png") no-repeat scroll center center;
}

@media (max-width: 767px) { 
.region-primary-menu #block-bootstrap-pop-main-menu {
    background: #fff none repeat scroll 0 0;
    position: absolute;
    width: 100%;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #5f8996 ;
}

.navbar-default .navbar-toggle {
    background: #fff none repeat scroll 0 0;
    margin-right: 0;
}

.path-frontpage .region-welcome-banner-text {
    float: none;
    margin-top: -10vh;
	z-index: 1;
}


/*Döljer blocket med social ikoner */
#block-views-block-symboler-block-1 {
display: none;
}

/*Så här går det till*/
.arbetsflode .views-col {
    margin-left: 2px;
    margin-right: 2px;
    padding: 0;
    width: 100% !important;
}

/*Referenser mobil*/
#views-bootstrap-referenser-page-1 .col {
    width: 100% !important;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

/*Kontatka oss mobil*/
.page-node-53 .region.region-breadcrumb {
    padding-top: 20px;
}

.webform-submission-kontakta-oss-node-53-add-form {
    float: none;
    width: 100%;
	padding: 0px 20px 20px 20px;
}

#block-kontaktaoss {
    padding: 0px 20px 20px 20px;
}

#block-views-block-medarbetare-block-1 {
    padding: 0px 20px 20px 20px;
	width: 100%;
	float: none;
}

.page-node-53 .region-content {
    padding: 5px;
	margin-top: 20px;
	width: 100%;
}

.page-node-53 #wrapper {
    padding: 0px;
}

.page-node-53 .block-page-title-block {
    text-align: center;
}
.page-node-53 .btn, input[type="submit"] {
	display: table;
	margin-left: auto;
	margin-right: auto;
}



}

@media (max-width: 322px) {

}

@media (min-width: 768px) and (orientation: portrait) {
input, button, select, textarea {
	width: 100% !important;
}

#edit-actions {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 37% !important;
}

.page-node-53 .region.region-breadcrumb {
    padding-top: 20px;
}

.webform-submission-kontakta-oss-node-53-add-form  {
    float: none;
    width: 100%;
	padding: 0px 20px 20px 20px;
}

#block-kontaktaoss {
    padding: 0px 20px 20px 20px;
}

#block-views-block-medarbetare-block-1 {
    padding: 0px 20px 20px 20px;
	width: 100%;
	float: none;
}

.page-node-53 .region-content {
    padding: 5px;
	margin-top: 20px;
	width: 100%;
}

#views-bootstrap-referenser-page-1 .col {
    width: 45% !important;
}

.arbetsflode .views-col {
    margin: 1px;
    padding: 1px;
    width: 30%;
}
}

@media (max-width: 767px) and (orientation: portrait) { 


}

@media (min-width: 360px) and (max-width: 767px) and (orientation: portrait) { 
.path-frontpage .region-welcome-banner-text {
    float: none;
    margin-top: 20vh;
}

}

@media (max-width: 480px) and (orientation: landscape) { 
.path-frontpage .region-welcome-banner-text {
    float: none;
    margin-top: -30vh;
}
}

@media (min-width: 481px) and (max-width: 640px) and (orientation: landscape) { 
.path-frontpage .region-welcome-banner-text {
    float: none;
    margin-top: -15vh;
}
}

/*Blocket menyn sidfot*/
.footer-menu {
  background: #5f8996 !important;
  color: #fff;
}

.footer-menu nav li a {
  display: block;
  padding: 4px 20px 4px 0;
  color: #fff;
}


/*******COOKIE INSTÄLLNINGSR***********/
/*Byt ut alla färger till temats färger*/

/*Text storlek*/
.cookiesjsr-links.links--row {
  font-size: 1.2em;
}

.cookiesjsr-banner--text {
  font-size: 1.2em;
}

.cookiesjsr-layer a {
  font-size: 1.2em;
}

.cookiesjsr-layer {
  font-size: 1.2em;
}

.cookiesjsr-btn {
    font-size: 1.2em;
}

/*Bestämmer färgen på bannern*/
.cookiesjsr-banner {
   background-color: #5f8996 !important;
}

/*Bestämmer färgen på huvudfönstret*/
.cookiesjsr-service-group.active .cookiesjsr-service-group--content {
 background:#5f8996 !important;
}

/*Bestämmer färgen på flikarna*/
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab {
 background:#5f8996!important;
}

/*Bestämmer färgen på spara knappen*/
.cookiesjsr-btn.important.invert {
 background-color:#5f8996 !important;
 border-color:#5f8996 !important;
 color: #fff !important;
}

/*Bestämmer färgen på knapparna*/
.cookiesjsr-btn {
 background-color: #fff !important;
 border:2px solid #5f8996 !important;
 color: #000 !important;
}

/*Ändringar för drupal 10.4*/
.navbar.navbar-default {
  margin-top: -10px;
  margin-bottom: -10px;
}

.block.block-layout-builder.block-field-blockblock-contentfont-awesome-blockfield-font-awesome-icon {
  font-size: 7em;
  color: #5f8996;
}

.topwidget a {
  color: #5f8996;
}

@media (min-width: 768px) {
.menu-base-theme {
    background: transparent !important;
  }
  .menu-base-theme a, .menu-base-theme a:hover, 
  .menu-base-theme a:focus, .menu-base-theme a:active, 
  .menu-base-theme a.highlighted {
    padding: 13px 24px;
    background: #5f8996;
    color: white;
  }
  .menu-base-theme a:hover, .menu-base-theme a:focus, .menu-base-theme a:active, .menu-base-theme a.highlighted {
    background: #2b82ac;
  }
  .menu-base-theme a.current {
    background: #006892;
    color: white;
  }
}

.font-arbetsflode {
  font-size: 5em;
  color: #5f8996;
}