/******************************************************************

Stylesheet: Block Style
Block: Cards

******************************************************************/
/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
.phone-block {
  background-color: #fff;
  padding: 20px;
  border-radius: 1rem;
  -webkit-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.1);
}
.phone-block .phone {
  color: #323944;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
}
@media screen and (max-width: 991px) {
  .phone-block .phone {
    font-size: 1rem;
  }
}
.phone-block .phone .phone_ico {
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 42px;
  height: 42px;
  background-position: center;
  background-repeat: no-repeat;
}
.phone-block .phone .phone_ico::after {
  content: "";
  display: block;
  z-index: 1;
  position: absolute;
  width: 42px;
  height: 42px;
  background-color: #2FB95D;
  border-radius: 100%;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.phone-block .phone .phone_ico img {
  position: absolute;
  z-index: 2;
}
.phone-block .phone span::after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background-color: #043A3A;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.phone-block .phone:hover {
  color: #043A3A;
}
.phone-block .phone:hover .phone_ico::after {
  background-color: #A6F543;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.phone-block .phone:hover span::after {
  width: 100%;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

body.block-editor-page .byggemodul.cards .ak-card .ak-card-container {
  pointer-events: none;
}