/*
Theme Name: Gävle Energi
Template: geab
Theme URI: https://www.gavleenergi.se
Author: Gävle Energi AB
Author URI: https://www.gavleenergi.se
Description: Gävle Energi AB
Version: 4.0
Text Domain: gavleenergi
*/
.wave{
/* background-size: 103% auto;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 130px;
padding: 30px;*/
position: relative;
width: 100%;
padding-bottom: 7.2%;
overflow: visible;
}
.wave::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
background-size: 103% auto;
background-repeat: no-repeat;
background-position: center;
z-index: -1;
}
/*
@media (max-width: 468px) {
.wave{
height: 60px;
}
}
.wave.lg{
height: 130px;
}
.wave.sm{
height: 30px;
}
*/
.bg-primary{
background-color: #47525D !important;
}
/*.bg-secondary, .has-light-orange-background-color{
background-color: #FFF2E3;
}*/
.bg-dark{
background-color: #47525D !important;
}
.bg-light{
background-color: #F6F6F6 !important;
}
.btn-link{
color: #47525D!important;
text-decoration: underline;
cursor: pointer;
}
h1{
font-weight: 900;
}
@media only screen and (min-width: 768px) {
.box-header h1{
line-height: 1;
letter-spacing: -1px;
font-size: 4vw;
}
}
.box-header h1 span{
background: #C90C4D;
background: linear-gradient(40deg, #C90C4D 0%, #F8B808 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 768px) {
.box-header p.lead{
font-size: 1.802rem;
line-height: 1.4em;
}
}
.btn-link:hover{
color: #126A72 !important;
}
.btn-link:active, .btn-link:focus{
color: #47525D !important;
}
.btn-primary, .wp-block-button:not(.is-style-outline) .wp-block-button__link{
background: #47525d !important;
color: #fff !important;
border: 2px solid #47525d !important;
text-decoration: none;
}
.btn-primary:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{
background: #3C454E !important;
border: 2px solid #3C454E !important;
text-decoration: none;
}
.btn-primary:active, .btn-primary:focus, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus{
background: #181919 !important;
border: 2px solid #181919 !important;
outline: none;
color: #fff !important;
box-shadow: none !important;
}
.btn-secondary, .wp-block-button.is-style-outline .wp-block-button__link {
background: #fff !important;
color: #47525D !important;
border: 2px solid #47525D !important;
text-decoration: none;
}
.btn-secondary:hover, .wp-block-button.is-style-outline .wp-block-button__link:hover{
background: #EBECED !important;
border: 2px solid #3C454E !important;
text-decoration: none;
}
.btn-secondary:active, .btn-secondary:focus, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link:active{
background: #D8DADB !important;
border: 2px solid #181919 !important;
outline: none;
box-shadow: none !important;
}
.btn-default{
border: none !important;
text-decoration: underline;
}
.has-light-green-background-color{
background: #ECF3EB;
}
.has-dark-green-background-color{
background: #336027;
}
.has-dark-red-background-color{
background: #B10000;
}
.has-dark-red-background-color{
background: #B10000 ;
}
.has-gray-green-background-color{
background: #F8F8F8 ;
}
.has-gray-green-background-color{
background: #F8F8F8 ;
}
/*.bg-top, .bg-beige, .has-beige-background-color{ background: #F0EEEA;}*/
.bg-dark-gray, .has-text-background-color{ background: #47525d;}
.bg-light-gray, .has-light-gray-background-color{ background: #F8F8F8;}
.bg-light-orange, .has-light-orange-background-color{ background: #FFF2E3;}
/*.bg-light-pink, .has-light-pink-background-color{ background: #FFEEF4;}*/
.bg-dark-pink, .has-dark-pink-background-color{ background: #9E0C3D;}
.bg-light-green, .has-light-green-background-color{ background: #E3F2D7;}
.bg-dark-green, .has-dark-green-background-color{ background: #14540B;}
.bg-light-blue, .has-light-blue-background-color{ background: #E4F9F6;}
.bg-dark-blue, .has-dark-blue-background-color{ background: #02547E;}
.has-background.bg-pattern{
background: #F0EEEA url('data:image/svg+xml,') no-repeat bottom right;
background-size: cover;
}
.has-background.bg-blur{
background: url(img/bg_blur.png) no-repeat center center;
background-size: cover;
}
.text-beige, .has-beige-color{ color: #F0EEEA;}
.text-light-gray, .has-light-gray-color{ color: #F8F8F8;}
.text-light-orange, .has-light-orange-color{ color: #FFF2E3;}
/*.text-light-pink, .has-light-pink-color{ color: #FFEEF4;}*/
.text-dark-pink, .has-dark-pink-color{ color: #9E0C3D;}
.text-light-green, .has-light-green-color{ color: #E3F2D7;}
.text-dark-green, .has-dark-green-color{ color: #14540B;}
.text-light-blue, .has-light-blue-color{ color: #E4F9F6;}
.text-dark-blue, .has-dark-blue-color{ color: #02547E;}
header.hero .entry-content{
background: #010302 url(img/geab_hero.jpg) no-repeat center center;
}