/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */


#et-top-navigation{
  font-weight: 400!important;
}

.et_pb_widget{
  float:none!important;
}

#erfaringer.wp-block-toolset-views-custom-search-container .checkbox label{
    background: #e0dcf8;
    text-transform: uppercase;
    color: #5c5c5c;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9a7aa6, endColorstr=#9a7aa6);
    transition: all .2s;
    border-width: 0px;
    border-style: solid;
    border-color: #ffffff;
    border-radius: 2px;
    width: 100%;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-border-radius: 2px;
    padding: 8px 10px;
    line-height: 50px;
    font-size: 14px;
    margin:0;
}
#erfaringer.wp-block-toolset-views-custom-search-container .checkbox label:hover{color:#ffffff;background:#7763ef;cursor:pointer;}


#erfaringer.wp-block-toolset-views-custom-search-container .checkbox{
    float: left;
    padding-right: 7px;
    width: auto;
    line-height: 10px;
      height: 42px;
}

#erfaringer.wp-block-toolset-views-custom-search-container input[type="checkbox"]{display: none;}
#erfaringer .wpv-reset-trigger {
  padding-left:0px
}

#erfaringer.wp-block-toolset-views-custom-search-container input[type=text]{
    line-height: 20px;
    padding: 6px;
}
#erfaringer.wp-block-toolset-views-custom-search-container input[type=submit]{
    background: #e0dcf8;
    text-transform: uppercase;
    color: #5c5c5c;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9a7aa6, endColorstr=#9a7aa6);
    transition: all .2s;
    border-width: 0px;
    border-style: solid;
    border-color: #ffffff;
    border-radius: 2px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-border-radius: 2px;
    padding: 8px 10px;
    line-height: 16px;
    font-size: 14px;
    margin:0 8px 0 0;
}

#erfaringer.wp-block-toolset-views-custom-search-container input[type=submit]:hover{color:#ffffff;background:#7763ef;cursor:pointer;}



@media (max-width: 781px) {
  
  #erfaringer-filtering{
    display:none;
  }
    /* Change grid to 2 columns on mobile */
    #erfaringer-header,
    #erfaringer-body {
        display: grid !important;
        grid-template-columns:  65% 35% !important; /* 50% / 50% */
        grid-template-rows: auto auto auto !important;
        gap: 8px !important;
    }

    /* Col 1 in first row, first half */
    #erfaringer-header > .tb-grid-column:nth-child(1),
    #erfaringer-body > .tb-grid-column:nth-child(1) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    /* Col 3 in first row, second half */
    #erfaringer-header > .tb-grid-column:nth-child(3),
    #erfaringer-body > .tb-grid-column:nth-child(3) {
        grid-column: 2 !important;
        grid-row: 1 !important;
      text-align:right;
    }

    /* Col 2 full width in row 2 */
    #erfaringer-header > .tb-grid-column:nth-child(2),
    #erfaringer-body > .tb-grid-column:nth-child(2) {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
    }

    /* Col 4 full width in row 3 */
    #erfaringer-header > .tb-grid-column:nth-child(4),
    #erfaringer-body > .tb-grid-column:nth-child(4) {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
    }
      #erfaringer-header > .tb-grid-column:nth-child(4) p,
    #erfaringer-body > .tb-grid-column:nth-child(4) p
  {text-align:left!important;}
}

#erfaringer-body, #erfaringer-header {
	grid-template-columns: 180px auto 170px 25px;
}


#erfaringer-header{
  clear: both;
  padding-top:20px;
}
.wp-block-buttons .wp-block-button__link{
background-color: #7763ef;
  border-radius:3px;
}


#erfaringer.wp-block-toolset-views-custom-search-container label:has(input[type="checkbox"]:checked) {
background-color: #7763ef;
  color:#ffffff;
}
#erfaringer-filtering .wpv-sorting-block-item{
  margin-left:5px;
}

#erfaring-search-bar, #erfaringer-search{
  float:left;
}
#erfaringer-filtering{
  float:right;
}



#erfaringer-body{
    padding: 5px 0;
    border-top: 1px solid #d1d1d1;
}

#erfaringer-body .tb-field {
    margin-bottom: 0;
}

#erfaringer-pagenavi {
  padding: 30px;
  justify-content: center;
}

#erfaringer-pagenavi ul.wpv-pagination-nav-links-container{
  padding: 0px;
}

form.js-wpv-filter-form-89348, form.js-wpv-filter-form-89458, form.js-wpv-filter-form-89460 {
  display:none;
}

.tb-grid-column>*{
  overflow:hidden;
}

.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) #main-content .container{
    width: 80%;
    max-width: 1080px;
    margin: auto;
}

.erfaringer-form textarea, .erfaringer-form input, .erfaringer-form select{
    margin-bottom: 0.5rem;
    width: 100%;
    border: 1px solid #e9e9e9;
    padding: 0.8rem;
}

.erfaringer-form input[type="submit"]{
  margin-top:16px;
  text-align:center;
      font-size: 1rem;
    line-height:1.6;
      color: #ffffff;
    border: 2px solid #7763ef;
    background: #7763ef;
  margin-bottom:40px;
  font-family:'Inria Serif',Georgia,"Times New Roman",serif;
  font-weight: bold;
}

.erfaringer-form input[type="submit"]:hover{
    border: 2px solid #4f35ea;
    background: #4f35ea;
  cursor:pointer;
}

.erfaringer-form{
    padding-bottom:40px;
}