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

Stylesheet: Block Style
Block: Form

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

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.

******************************************************************/
/*********************
WRAPS
*********************/
/*********************
COLORS
*********************/
/*********************
FONT SIZES
*********************/
/*********************
PADDINGS
*********************/
/*********************
HEADER
*********************/
/******************************************************************

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid.

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
.text-small {
  font-size: 1.4rem;
}

.text-big {
  font-size: 2.4rem;
}

.byggemodul.form .kontaktskjema {
  display: flex;
  flex-direction: column;
}
@media (min-width: 481px) {
  .byggemodul.form .kontaktskjema {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-gap: 16px;
    text-align: left;
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
}
.byggemodul.form .kontaktskjema input[type=text],
.byggemodul.form .kontaktskjema input[type=email],
.byggemodul.form .kontaktskjema input[type=phone] {
  width: 100%;
  background: #fff;
  padding: 10px 14px;
  border-color: #022f36;
}
.byggemodul.form .kontaktskjema textarea {
  width: 100%;
  background: #fff;
  padding: 10px 14px;
  border-color: #022f36;
}
.byggemodul.form .kontaktskjema .gfield_checkbox {
  margin: 0;
  padding: 0;
}
.byggemodul.form .kontaktskjema .gfield_checkbox li {
  list-style: none;
  margin: 0;
}
.byggemodul.form .kontaktskjema .gfield_checkbox label {
  font-size: 16px;
}
.byggemodul.form .kontaktskjema .gfield_checkbox label a {
  text-decoration: underline;
}
@media (min-width: 481px) {
  .byggemodul.form .kontaktskjema .gfield_checkbox {
    grid-column: 1/3;
  }
}
.byggemodul.form .kontaktskjema input[type=submit] {
  background: #e55200;
  color: #fff;
  width: 100%;
  border: none;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.1;
  padding: 16px 30px;
  border-radius: 2px;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  word-break: break-all;
  appearance: none;
  transition: all 0.25s ease-in-out;
}
@media (min-width: 481px) {
  .byggemodul.form .kontaktskjema input[type=submit] {
    grid-column: 1/3;
  }
}
.byggemodul.form.form-partner .kontaktskjema textarea {
  grid-column: 1/3;
}