/* ---------------------------------------------------------------------------------------------

	Theme Name: WorkDigital Foundation Child
	Version: 0.1
	Description: Child theme for WorkDigital Foundation theme
	Author: WorkDigital
	Author URI: https://workdigital.dk
    Template: wd-foundation

/* --------------------------------------------------------------------------------------------- */


.wp-block-cover {
    margin-bottom: 3rem;
}

.wp-block-group.has-background {
padding: 40px; 
border-radius: var(--theme-border-radius); 
}

.wp-block-group {
    margin-bottom: 40px; 
}

.wp-block-group.has-background-color-background-color {
    box-shadow: var(--shadowlevel-1);
}


.wp-block-cover, .wp-block-button__link.wp-element-button, li.btn {
    color: var(--background-color);
}

.wp-element-button, li.btn {
    border-radius: var(--theme-border-radius) !important;
}


.wp-block-button .wd-icon svg {
height: 24px;
width: 24px !important; 
}


.wp-block-button {
    width:  100%;
	max-width: 350px; 
	font-size: 17px; 
}

.wp-block-cover .wp-block-button {
	max-width: fit-content;
}


/* CARDS */ 

.wd-card-title {
    font-weight: bold !important;
}

.wd-card-content p {
    font-size: 14px !important;
    letter-spacing: 0.25px;
    line-height: 20px;
}

.wd-card-image-wrapper {
    max-height: 258px;
    height:  100%;
}

.wp-block-cover span{
background: linear-gradient(0deg, var(--dark), transparent 50%) !important;
}



/* CONTACT FORM */ 
.wd-contact-form {
display: flex; 
}


form.wd-contact-form-inner {
    width: 100%;
}

form.wd-contact-form-inner h3 {
   padding: 20px;
    margin: 0;
    display: block;
    text-align: center;
    background: var(--primary-color);
    color: var(--light);
    font-size: var(--medium-font-size);
    border-radius: 0;
}

.wd-contact-form .kontaktform-rows img {
width: 100%; 
height: 100%; 
object-fit: cover; 
overflow: clip; 
inset: 0; 
}

form.wd-contact-form-inner {
padding: 0 !important; 
border-radius: 10px !important; 

}
.input-wrapper {}

.kontaktform-rows:last-child {
    margin: 20px;
}

form.wd-contact-form-inner input, form.wd-contact-form-inner textarea, .wd-contact-form button {
    border-radius: 10px !important; 
}

.wd-contact-form button{
    color: var(--light)!important; 

}


.wd-contact-form .kontaktform-form-row {
  background-color: var(--surface-color);
  display: flex;
  flex-direction: row;
}

.wd-contact-form .kontaktform-rows {
  display: flex !important; 
width: 100%; 
  flex-direction: column; 
}


.wd-contact-form .wd-icon *:not(rect) {
    width: 24px !important; 
    height: 24px !important; 
}

.wd-contact-form .wd-field-icon,
.wd-contact-form .wd-field-icon .wd-icon,
.wd-contact-form .wd-field-icon svg {
  width: auto;
  height: auto;

}

.wd-contact-form .wd-field-icon .wd-icon {

display: flex; 
}


/* GENERELL STYLING */
.wp-block-columns.is-type-default.is-layout-flex.wp-block-columns-is-layout-flex {
    margin-bottom: 3rem;
}


/* HEADER */ 

.menu-item a .menu-label{
    font-size: 18px; 
}

.menu-item .menu-label{
    font-size: 18px; 
}



li.btn.menu-item a {
      display: flex;
        padding-left: 20px !important;
    padding-right: 24px !important;
    height: 50px !important;
    width: auto ; 
    
}

li.btn.menu-item a span {
font-weight: 900 !important; 
}

.main-header .menu-item.btn {
    display: flex;
    align-items: center;
    height: 50px;
    margin: auto; 
}

.main-header-menu a .wd-icon.menu-icon *:not(rect) {
         width: 24px !important; 
    }

a.main-header-logo-link img {
padding: 2px; 
}

.wp-block-cover__inner-container .wp-block-group.wdf-width.wdf-width--standard-width {
    margin-bottom: 0;
}

.wp-block-cover .wp-block-group__inner-container p.wp-block-paragraph {
    max-width: 60ch;
}


td {
    word-break: keep-all;
    line-break: auto; 
    line-height: normal;
     
}

table {
border-spacing: 0;
table-layout: fixed 
width: 90%; 
margin: 10px auto; 
border-collapse: collapse;
  color: var(--text-color);
}


.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: var(--accent-color-faded) !important; 
}


.wp-block-table td:first-child {
    width: 90px;
}


.wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
    max-width: 100%;
}

ul.wp-block-list {
    margin: 0!important;
}


@media screen and (max-width: 1200px ) {
.wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex, .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex {
    flex-direction: column;
}

.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow, .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex {
    max-width: 100% !important;
}
}

@media screen and (max-width: 699px ) {
.wp-block-group.align-full.is-type-content-right-side.wdf-width.wdf-width--standard-width, .wdf-width--standard-width {
    max-width: 90% !important;
    width: 90%;
}
.header-topper.header-topper--only-desktop {
display: none; }

	.wd-contact-form .kontaktform-rows {
  width: auto !important; 
}

.wp-block-group.wdf-width.wdf-width--standard-width {
  margin: 0 auto;
  max-width: 90% !important;
}

.wdf-width--standard-width {
  --wdf-width: var(--standard-width);
  width: 90%;
}

.wp-block-button {
    max-width: 100% !important;
}
}

@media screen and (max-width: 499px) {
.kontaktform-form-row {
    flex-direction: column!important;
}



.kontaktform-form-row img {
max-height: 200px; }
}