/*
	Abstracts are helpers, variables and functions
	for scss compliation.
*/
/*
	@TODO: Add to theme: new division fix for updated sass package.
*/
/**==================================================================================================================================
BREAKPOINT
@TODO: remove? What is use case?? either use simple global points or write custom line. why does first breakpoint have to be 0?
 ==================================================================================================================================*/
/**==================================================================================================================================
BREAKPOINT ENDS
==================================================================================================================================*/
span.edit-link {
  display: inline-block;
  background-color: yellow;
  font-weight: 700;
  position: fixed;
  left: 0;
  bottom: 3.125rem;
  transform: translateX(-45px);
  transition: all 0.4s;
}

span.edit-link a {
  display: block;
  padding: 0.9375rem;
}

span.edit-link:hover {
  transform: translateX(0);
}

/*
	Variables for compliation
	NB! Colors should be added to base/config file as css root variable.
*/
/**
 * Block section background colors.
 * Include the background options ACF fields group to use these.
 */
/*
 * makes ul/ol as a dropdown select (normaly in mobile)
 * Structure: div > title > list > li > a
*/
/*
	Variables for legacy dc plugins
*/
body main#primary section.shortcode {
  /**
   * WP FORMS
   */
}

body main#primary section.shortcode.dark-theme {
  background-color: #375172;
}

body main#primary section.shortcode.dark-theme * {
  color: #fff;
}

body main#primary section.shortcode .wpforms-container * {
  color: #375172;
}

body main#primary section.shortcode .wpforms-container ::-moz-placeholder {
  color: #5c728f;
}

body main#primary section.shortcode .wpforms-container ::placeholder {
  color: #5c728f;
}

body main#primary section.shortcode .wpforms-container ::-webkit-input-placeholder {
  color: #5c728f;
}

body main#primary section.shortcode .wpforms-container :-moz-placeholder {
  color: #5c728f;
}

body main#primary section.shortcode .wpforms-container ::-moz-placeholder {
  color: #5c728f;
  opacity: 1;
}

body main#primary section.shortcode .wpforms-container :-ms-input-placeholder {
  color: #5c728f;
}

body main#primary section.shortcode .wpforms-container h2 {
  font-size: 2.625rem;
  font-weight: 400;
  margin-bottom: 2.5rem;
}

body main#primary section.shortcode .wpforms-container .wpforms-field-description {
  font-size: 1.125rem !important;
  color: #375172 !important;
  line-height: 1.5625rem;
}

body main#primary section.shortcode .wpforms-container .wpforms-layout-row,
body main#primary section.shortcode .wpforms-container .wpforms-field-layout-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 8.75rem;
  margin: 0;
}

@media screen and (max-width: 1023px) {
  body main#primary section.shortcode .wpforms-container .wpforms-layout-row,
body main#primary section.shortcode .wpforms-container .wpforms-field-layout-columns {
    grid-template-columns: 1fr;
    grid-gap: 35 px;
  }
}
body main#primary section.shortcode .wpforms-container .wpforms-layout-row .wpforms-layout-column,
body main#primary section.shortcode .wpforms-container .wpforms-field-layout-columns .wpforms-layout-column {
  padding: 0;
  width: 100%;
}

@media screen and (max-width: 1023px) {
  body main#primary section.shortcode .wpforms-container .wpforms-field-layout-columns {
    grid-gap: 1.25rem;
  }
}
body main#primary section.shortcode .wpforms-container .wpforms-field-divider {
  border: none;
}

body main#primary section.shortcode .wpforms-container .wpforms-field-divider h3 {
  font-size: 1.25rem;
  font-weight: 700;
}

body main#primary section.shortcode .wpforms-container .wpforms-field-text {
  display: flex;
  flex-direction: column;
}

body main#primary section.shortcode .wpforms-container .wpforms-field-text input {
  order: 2;
}

body main#primary section.shortcode .wpforms-container .wpforms-field-text .wpforms-field-description {
  order: 1;
  margin-bottom: 0.625rem;
}

body main#primary section.shortcode .wpforms-container .wpforms-field-divider, body main#primary section.shortcode .wpforms-container .wpforms-field-label-inline {
  color: #375172;
}

body main#primary section.shortcode .wpforms-container input[type=text],
body main#primary section.shortcode .wpforms-container input[type=email],
body main#primary section.shortcode .wpforms-container input[type=tel],
body main#primary section.shortcode .wpforms-container input[type=url],
body main#primary section.shortcode .wpforms-container input[type=number],
body main#primary section.shortcode .wpforms-container input[type=password],
body main#primary section.shortcode .wpforms-container input[type=search],
body main#primary section.shortcode .wpforms-container input[type=date],
body main#primary section.shortcode .wpforms-container input[type=datetime],
body main#primary section.shortcode .wpforms-container input[type=datetime-local],
body main#primary section.shortcode .wpforms-container input[type=month],
body main#primary section.shortcode .wpforms-container input[type=week],
body main#primary section.shortcode .wpforms-container input[type=time],
body main#primary section.shortcode .wpforms-container input[type=file],
body main#primary section.shortcode .wpforms-container textarea {
  border-color: #375172;
  font-size: 1.25rem;
  padding: 1.25rem;
  line-height: 1.5625rem;
  height: auto;
  border-radius: 0.3125rem;
}

body main#primary section.shortcode .wpforms-container textarea {
  height: 18.75rem;
}

body main#primary section.shortcode .wpforms-container .wpforms-field-file-upload .wpforms-uploader {
  border: 2px dashed #375172;
  background-color: #d3dbe8;
}

body main#primary section.shortcode .wpforms-container .wpforms-field-file-upload .wpforms-uploader * {
  color: #375172;
}

body main#primary section.shortcode .wpforms-container .wpforms-field-file-upload .wpforms-field-description {
  margin-top: 0.625rem;
}

body main#primary section.shortcode .wpforms-container input[type=checkbox]:before, body main#primary section.shortcode .wpforms-container input[type=radio]:before {
  border-color: #375172;
}

body main#primary section.shortcode .wpforms-container .wpforms-field-radio fieldset {
  display: flex;
  flex-direction: column;
}

body main#primary section.shortcode .wpforms-container .wpforms-field-radio fieldset ul {
  border: solid 1px #375172;
  border-radius: 0.3125rem;
  padding: 1.25rem;
  order: 2;
}

body main#primary section.shortcode .wpforms-container .wpforms-field-radio fieldset .wpforms-field-description {
  order: 1;
  margin-bottom: 0.625rem;
}

body main#primary section.shortcode .wpforms-container .wpforms-field-checkbox fieldset {
  display: flex;
  flex-direction: row;
}

body main#primary section.shortcode .wpforms-container .wpforms-field-checkbox fieldset label {
  display: none;
}

body main#primary section.shortcode .wpforms-container .wpforms-field-checkbox fieldset ul {
  padding-top: 0.25rem;
}

body main#primary section.shortcode .wpforms-container .wpforms-field-checkbox fieldset .wpforms-field-description {
  margin-top: 0;
  padding-left: 1.25rem;
}

body main#primary section.shortcode .wpforms-container .wpforms-submit-container {
  width: calc(50% - 70px);
  float: right;
}

body main#primary section.shortcode .wpforms-container .wpforms-submit-container .wpforms-submit {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  padding: 0.625rem 3.125rem;
  border-radius: 200px;
  color: #fff;
  background-color: #375172;
  font-size: 1.125rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}

body main#primary section.shortcode .wpforms-container .wpforms-submit-container .wpforms-submit:hover {
  background: #b3d4cd;
  color: #375172;
}

@media screen and (max-width: 1023px) {
  body main#primary section.shortcode .wpforms-container .wpforms-submit-container {
    width: 100%;
    float: none;
    margin-top: 1.25rem;
  }
}