/*
 Theme Name:     godegerninger
 Theme URI:      https://wordpress.org/themes/wp-bootstrap-starter/
 Description:    A child theme of WPBS Theme
 Author:         Afterimage Designs
 Author URI:     https://afterimagedesigns.com/
 Template:       wp-bootstrap-starter
 Version:        1.4
*/


@font-face {
  font-family: 'DRPublikSemiBoldItalic';
  src:  url('/fonts/DRPublik-SemiBoldItalic.woff2') format('woff2'),
        url('/fonts/DRPublik-SemiBoldItalic.woff') format('woff');
}

@font-face {
  font-family: 'DRPublikLightItalic';
  src:  url('/fonts/DRPublik-LightItalic.woff2') format('woff2'),
        url('/fonts/DRPublik-LightItalic.woff') format('woff');
}


@font-face {
  font-family: 'DRPublikLight';
  src:  url('/fonts/DRPublik-Light.woff2') format('woff2'),
        url('/fonts/DRPublik-Light.woff') format('woff');
}

@font-face {
  font-family: 'DRPublikItalic';
  src:  url('/fonts/DRPublik-Italic.woff2') format('woff2'),
        url('/fonts/DRPublik-Italic.woff') format('woff');
}


@font-face {
  font-family: 'DRPublikBoldItalic';
  src:  url('/fonts/DRPublik-BoldItalic.woff2') format('woff2'),
        url('/fonts/DRPublik-BoldItalic.woff') format('woff');
}

@font-face {
  font-family: 'DRPublikBlackItalic';
  src:  url('/fonts/DRPublik-BlackItalic.woff2') format('woff2'),
        url('/fonts/DRPublik-Black.woff') format('woff');
}


@font-face {
  font-family: 'DRPublikBlackItalic';
  src:  url('/fonts/DRPublik-Black.woff2') format('woff2'),
        url('/fonts/DRPublik-BlackItalic.woff') format('woff');
}





@font-face {
  font-family: 'DRPublikRoundedBold';
  src:  url('/fonts/DRPublikRounded-Bold.woff2') format('woff2'),
        url('/fonts/DRPublikRounded-Bold.woff') format('woff');
}

@font-face {
  font-family: 'DRPublikBold';
  src:  url('/fonts/DRPublik-Bold.woff2') format('woff2'),
        url('/fonts/DRPublik-Bold.woff') format('woff');
}

@font-face {
  font-family: 'DRPublikRegular';
  src:  url('/fonts/DRPublik-Regular.woff2') format('woff2'),
        url('/fonts/DRPublik-Regular.woff') format('woff');
}

@font-face {
  font-family: 'DRPublikSemiBold';
  src:  url('/fonts/DRPublik-SemiBold.woff2') format('woff2'),
        url('/fonts/DRPublik-SemiBold.woff') format('woff');
}


svg
{
  font-family: "DRPublikBold";
}





button#main-navi
{
  cursor: pointer;
  background-color: transparent;
  border:none;
  border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 12px;
    position: absolute;
    left: 50px;
    top: 30px;
    font-size: 18px;
    line-height: 18px;
    background: #0F462D;
    font-family: "DRPublikBold";
}



button#main-navi:focus
{
  outline: none;
}


.form-control
{
  border-radius: 0;
  border:none;
  font-size: 0.9rem;
}

#step1_groups .error,
#step2  .error
{
  border:2px solid red;
}


.form-group input.error
{
  border:2px solid red;
}

.eighteen_years_checkbox.error ,.betingelserne_checkbox.error
{
   border:2px solid red;
}


.modal .modal-dialog-aside{
  width: 500px;
  max-width:90%; height: 100%; margin:0;
  transform: translate(0); transition: transform .2s;
  font-family: "DRPublikRegular";
  color: #fff;
}

a#menuclose
{
    width: 30px;
    height: 30px;
    background: url(/wp-content/uploads/svg/lukke.svg) no-repeat 0 0;
    display: block;
    position: absolute;
    top: 30px;
}

div#modal_aside_left a#menuclose,
div#modal_aside_left_groups a#menuclose{
    top: 20px;
}



.modal .modal-dialog-aside .modal-content{  height: inherit; border:0; border-radius: 0;}
.modal .modal-dialog-aside .modal-content .modal-body{ overflow-y: auto; padding:80px 60px 40px 60px; }
.modal.fixed-left .modal-dialog-aside{ margin-left:auto;  transform: translateX(100%); }
.modal.fixed-right .modal-dialog-aside{ margin-right:auto; transform: translateX(-100%); }

.modal.show .modal-dialog-aside{ transform: translateX(0);  }



#modal_aside_left_menu .modal-body {

  padding-top: 130px

}

#modal_aside_left_menu .modal-body .nav-item .nav-link{

 font-size: 125%;
 color: #000;
 border-bottom: 1px dashed #000;
 padding-left:0;
}

#modal_aside_left_menu .modal-body .nav-item .nav-link:hover,
#modal_aside_left_menu .modal-body .nav-item .nav-link:active,
#modal_aside_left_menu .modal-body .nav-item .nav-link:visited,
#modal_aside_left_menu .modal-body .nav-item .nav-link:focus
{
 color:#000;
 background-color:transparent; 
  border-bottom: 1px dashed #000;
}




/*modl groups start*/


button#submit_group_access {
  
    margin: 0px 0 0 0;
    padding: 7px 0;
}

.headline_groups_modal
{
    text-align: left;
    padding: 40px 20px 20px 0px;
    font-size: 140%;
}

#godgerning_groups_bg .headline_groups_modal
{
  padding: 40px 20px 20px 20px;
}


.godgerning_groups_bg {
    list-style: none;
    padding: 20px 40px;
    margin: 0;
}



#select_groups_godgerning
{
 list-style: none;
 padding: 20px 10px 40px 20px;
 margin: 0;
}



/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 

.modal .modal-dialog-aside .modal-content .modal-body{ overflow-y: auto; padding:60px 20px 20px 20px; }
div#modal_aside_left a#menuclose,
div#modal_aside_left_groups a#menuclose,
div#modal_aside_left_menu a#menuclose{
  top: 20px;
  width: 20px;
  height: 20px;
}



 }






#select_groups_godgerning li
{
    cursor: pointer;
    list-style: none;
    padding: 4px 0;
    margin: 0;
}

#select_groups_godgerning li span
{
  display: inline-block;
    padding-top: 5px;
}
   


@media (max-width: 575.98px) { 

  #select_groups_godgerning .col-9
  {
        margin-top: -5px;
  }

  #select_groups_godgerning li span
  {
     padding-top: 0px;
     min-height: 50px;
  }

}   


#step1_groups #godgerning_groups_bg
{
background-color:#0032DC; 
margin-bottom: 40px;

}



#step1_groups_footer
{
padding:0px 0 0 0;
}

.betingelserne_groups_wrapper
{
display: block;
padding:0 0 20px 0;
}

.a_groups_betingelserne
{
display: inline-block;
color: #fff;
}

.a_groups_betingelserne:hover
{
text-decoration: underline;
color: #fff;
}


.betingelserne_groups_checkbox
{
   
    width: 20px;
    height: 20px;
    background-color: #fff;
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
    margin-top: 4px;
}

.betingelserne_groups_wrapper.selected .betingelserne_groups_checkbox 
{
   background: #fff url(/wp-content/uploads/icons/checkmark.svg) no-repeat 0 0;
}


#step1_groups{display: none;}

#group_access.error
{
  border:2px solid red;
}



/*modl groups end*/





.headline_modal {
    text-align: left;
    padding: 40px 20px 20px 40px;
    font-size: 140%;
}



#select_godgerning, .selectall {
    list-style: none;
    padding: 20px 40px;
    margin: 0;
}



.selectall {
    border-top: 1px dashed #fff;
    margin: 0 40px;
    padding: 20px 0 0 0;
}


#select_bottom_text{
      margin: 0 40px;
    padding: 0 0 20px 0;
}


/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 


.headline_modal {
    text-align: left;
    padding: 40px 20px 20px 20px;
    font-size: 140%;
}



#select_godgerning,
.selectall
{
  list-style: none;
  padding: 20px;
  margin:0;
}

.selectall {
    border-top: 1px dashed #fff;
    margin: 0 20px;
    padding:20px 0 0 0;
}

#select_bottom_text{
      margin: 0 20px;
      padding: 0 0 20px 0;
}

 }


ul#selectall_godgerning {
    padding: 0;
}

#select_godgerning li,
.selectall li
{
    cursor: pointer;
    list-style: none;
    padding: 4px 0;
    margin: 0;
}

#select_godgerning li span,
.selectall li span
{
   display: inline-block;
   width: 80%;
}
   

#select_godgerning li:before,
.selectall li:before
{
    content: ' ';
    width: 20px;
    height: 20px;
    background: #fff;
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
    margin-top: 4px;
}

#select_godgerning li.selected::before,
.selectall li.selected::before
{
 background: #fff url(/wp-content/uploads/icons/checkmark.svg) no-repeat 0 0;
}



#step1 #godgerning_bg
{
background-color:#0032DC; 
}



#step1_footer
{
padding:30px 0 0 0;
}

.betingelserne_wrapper,
.betingelserne_wrapper,
.eighteen_years_wrapper
{
display: block;
padding:0 0 20px 0;
color: #000;
font-size: 90%;
margin-top: 7px;
}


.eighteen_years_wrapper
{
padding:0;
}

.a_betingelserne,
.a_betingelserne_step2
{
display: inline-block;
color: #000;
text-decoration: underline;
font-family: 'DRPublikBold';

}




.a_betingelserne:hover,
.a_betingelserne_step2:hover
{
text-decoration: none;
color: #000;
}



.betingelserne_checkbox,
.betingelserne_checkbox_step2,
.eighteen_years_checkbox
{
   
    width: 20px;
    height: 20px;
    background-color: #fff;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    margin-top: 1px;
    cursor: pointer;
}

.eighteen_years_wrapper span{
  display: inline-block;
  width: calc(100% - 30px);
}


@media (max-width: 575.98px) { 

  .betingelserne_checkbox, 
  .betingelserne_checkbox_step2
  {
     margin-right: 10px;
  }

  #gotostep2
  {
    font-size: 96%;
  }
    
 
  }

.betingelserne_checkbox.selected,
.betingelserne_checkbox_step2.selected,
.eighteen_years_checkbox.selected
{
   background: #fff url(/wp-content/uploads/icons/checkmark.svg) no-repeat 0 0;
}

.form_btn
{
   width: 100%;
   padding: 4px 0;
   background-color:#918200;
   color: #fff;
   border:none;
   margin:0px 0;
  display: block;
  text-align: center;
}

#gotostep2
{
  background-color: #fff;
  color: #0032DC;
}

a.form_btn
{
   margin:30px 0;

  }

a.form_btn:hover
{
  color: #fff;
  text-decoration: none;
}


#step2
{
  display: none;
}


/*FORM START*/
input[type="file"] {
    display: none;
}
label.custom-file-upload {
  border: none;
    display: inline-block;
    cursor: pointer;
    background-color: #918200;
    color: #fff;
    width: 97%;
    text-align: center;
    font-family: 'DRPublikBoldItalic';
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    font-size: 85%;
    padding: 0.575rem 0.45rem;


}

label.custom-file-upload span{
   
   display: block;
   font-size: 80%;

}

#main_image_show_name.selected,
#main_video_show_name.selected,
#main_image_show_name_groups.selected,
#main_video_show_name_groups.selected
{
    background: transparent url(/wp-content/uploads/icons/close.svg) no-repeat 100% 0;
    padding: 4px 20px 4px 20px;
    background-size: 14px;
    cursor: pointer;
    position: absolute;
    right: -16px;
    top: -31px;
}
/*FORM SLUT*/


.page-template-infopages #header-logo-img,
.search-results #header-logo-img,
.error404 #header-logo-img
{
    border: none;
    width: 140px;
    padding-right: 20px;
    margin-top: 10px;
    display: inline-block;
    padding-right: 20px;
}




.page-template-infopages ul.info_box_logoer {
    list-style: none;
    padding:40px 0;
    width: 100%;
}

.page-template-infopages ul.info_box_logoer li {
     list-style: none;
    display: inline-block;
    width: 150px;

}

.page-template-infopages ul.info_box_logoer li img{
    margin: auto;
    width: 75px;
}

.page-template-infopages ul.info_box_logoer li a{
   
}


@media (max-width: 1199.98px)
{ 

.page-template-infopages ul.info_box_logoer {
    list-style: none;
    padding: 30px 0 0 0;
    width: 100%;
}

.page-template-infopages ul.info_box_logoer li {
     list-style: none;
    display: inline-block;
    width: 32%;
    text-align: center;
}

.page-template-infopages ul.info_box_logoer li img{
    margin: auto;
    width: 75px;
}

.page-template-infopages ul.info_box_logoer li a{
    margin: auto;
}

}


.page-template-infopages nav,
.search-results nav,
.error404 nav
{
  display: none;
  text-align: right;
  padding: 20px;
}

nav
{
  display: none;
  text-align: left;
  padding: 20px;
  position: relative;
}






@media (max-width: 1199.98px)
{

button#main-navi
{

    left: 20px;
}



.page-template-infopages #header-logo-img,
.search-results #header-logo-img,
.error404 #header-logo-img
{
 
    border: none;
    width: 70px;
    padding-right: 0;
}


 }


 /* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) 
{ 
 
/* #main-navi
{
    position: absolute;
    top: 40px;
    right: 20px;
}
*/

}

  
  .infopage_wrpper
  {
    padding-bottom: 20px;
  }

.infopage_footer
{
  padding-top: 40px;
  padding-bottom: 40px;
}


@media (max-width: 1199.98px)
{ 

/*.page-template-infopages #header-logo-img,
.search-results #header-logo-img,
.error404 #header-logo-img
{
  border:none;
  width: 80px;
  height: 80px;
  padding-right: 20px;
}


.page-template-infopages nav,
.search-results nav,
.error404 nav
{
  display: none;
  text-align: left;
  padding: 20px;
  position: relative;
}
*/
}


/*GRID START*/

html,body,div#page
{
  height: 100%;
  font-family: "DRPublikBold";
  font-size: 100%;
}

.flex-grid {
  display: flex;
  height: 33.333333%;
  min-height: 210px;
}
.col {
  flex: 1;
  height: 100%;
  width: 20%;
  padding-right: 0px;
  padding-left: 0px;
  position: relative;

}
.col.big
{
  flex: 2;
  height: 100%;
  width: 40%
}

/*GRID END*/

.bg-yellow
{
  background-color:#ffe150;
/*  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;*/
}

.bg-purple
{
    background-color:#C37DFF;
   /* -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;*/
}

.bg-orange
{
   background-color:#FF8C00;
 /*  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;*/
}

.bg-blue
{
  background-color:#005f9b;
/*  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;*/
}

.bg-darkblue
{
   background-color:#0032DC;
  /* -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;*/
}


.bg-green
{
  background-color:#0f462d;
 /* -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;*/
}

.bg-pink
{
  background-color:#ff91c8;
 /* -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;*/
}

.bg-turkis{

background-color:#1affff;
 /* -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;*/
}


.bg-ultra-turkis
{
    background-color: #00CDBE;
}

.bg-ultra-lyserod
{
    background-color: #FFD2EB;
}

.bg-ultra-brun
{
  background-color: #918200;
}

.bg-ultra-green
{
  background-color: #0f462d;
}

.bg-ultra-gul
{
  background-color: #ffe150;
}

.bg-ultra-sec-blue
{
  background-color:#005f9b;
}
.bg-ultra-sec-lys-gul
{
  background-color:#ffe6c8;
}
.bg-ultra-sec-dark-turkis
{
  background-color:#87a5aa;
}

.bg-ultra-sec-lys-green
{
  background-color:#c8e6dc;
}

.bg-ultra-sec-lys-brun
{
  background-color:#dca06e;
}

.bg-ultra-sec-lys-rod
{
  background-color:#e66446;
}

.bg-ultra-sec-dark-blaa
{
  background-color:#00323c;
}

.bg-ultra-sec-dark-green
{
  background-color:#199146;
}







/*CONTENT IMG CLASSES START*/


.illustration{
  background-repeat: no-repeat; 
  background-position:center;
  background-size:contain;
  width: 100%;
  height: 100%;
}


.illustration.ill_bottom_right
{
   background-position:bottom right;
}

.illustration.ill_bottom_left
{
   background-position:bottom left;
}

.illustration.ill_top_right
{
   background-position:top right;
}

.illustration.ill_top_left
{
   background-position:top right;
}



.userimg,
.midl_userimg
{
  position: absolute;
  top: 0;
  left:0;
  background-repeat: no-repeat;
  background-size:cover;
  background-position:center;
  width: 100%;
  height: 100%;
 /*-webkit-transition: background 2s ease-out;
  -moz-transition: background 2s ease-out;
  -o-transition: background 2s ease-out;
  transition: background 2s ease-out;*/

}


.d-logo
{
    position: absolute;
    left: 40px;
    width: 129px;
    height: 129px;
    top:34px;
}

.d-navi
{
   position: absolute;
    right:40px;
    width: 40px;
    height: 40px;
    top:29px;
}

/*CONTENT IMG CLASSES SLUT*/


.wrapper_charity_box
{
  display: table;
  height: 100%;
  width: 100%;
}

.wrapper_insite_charity_box
{
  display: table-cell;
  vertical-align: middle;
}


div#counter_wrapper 
{
    width: 100%;
    padding: 0 0 0 30px;

}

div#charity_headline 
{
    color: #feff5b;
    margin-left: 5px; 
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 140%;
}

div#counter_wrapper ul#numbers
{
   margin:0;
   padding:0;
   list-style: none;
}

div#counter_wrapper ul#numbers li
{
  display: inline-block;
  list-style: none;
  padding:5px 15px;
  color: #0032DC;
  background-color:#feff5b;
  margin: 0 5px;
  font-size:250%; 
}

  /* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 

    div#counter_wrapper ul#numbers li
    {
       font-size:200%; 
    }
 }


#gerning_info_wrapper
{
margin: 10px 30px 0 35px;
font-size:180%;
color: #feff5b;
}

#gerning_info_wrapper #navn
{
text-transform: uppercase;
padding-right: 5px;
}

#gerning_info_wrapper #by
{
  text-transform: capitalize;
  padding-left: 5px;
}

#gerning_wrapper
{
margin: 0px 30px 0 35px;
font-size:140%; 
color: #feff5b;
}


@media (max-width: 1199.98px){

   /* div#charity_headline.cl4
    {
        width: calc(100% - 19px);
    }

    div#charity_headline.cl5
    {
        width: calc(100% - 83px);
    }

    div#charity_headline.cl6
    {
        width: calc(100% - 147px);
    }

    div#charity_headline.cl7
    {
        width: calc(100% - 214px);
    }*/

 }


 /* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) 
{ 

/*div#charity_headline.cl4
    {
        width: calc(100% - -2px);
    }

    div#charity_headline.cl5
    {
        width: calc(100% - 56px);
    }

    div#charity_headline.cl6
    {
        width: calc(100% - 114px);
    }

    div#charity_headline.cl7
    {
        width: calc(100% - 118px);
    }
*/


 
    #gerning_info_wrapper
    {
    font-size:150%;
    margin: 10px 10px 0 10px;
    }

    #gerning_wrapper
    {
    font-size:100%; 
    margin: 0px 10px 0 10px;
    }


    div#charity_headline
    {
      font-size:100%; 
    }

 }




.page-template-infopages a.infopage_btn, .search-results a.infopage_btn, .error404 a.infopage_btn
{
    margin: 20px 0;
    background-color: #918200;
    font-family: 'DRPublikBold';
    padding: 12px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
}



/*GRID CONTENT START*/





button.btn_overlayer_form
{

    text-transform:uppercase;
    background-color: #ff90c8;
    border: 0;
    padding: 4px 20px;
    position:absolute;
    bottom: 40px;
    right: 40px;
    font-size: 140%;
    color:#0032dc;
}

button.btn_overlayer_form:focus
{
  outline: none;
}


#regi-close
{
    width: 60px;
    height: 60px;
    background: url(/wp-content/uploads/svg/lukke.svg) no-repeat 50%;
    display: block;
    position: absolute;
    top: 10px;
    left: 20px;
    background-size: 30px 30px;
}


#regi-download
{
    text-transform: uppercase;
    background-color: #00A046;
    border: 0;
    padding: 4px 20px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    font-size: 140%;
    animation: pulse 2s infinite;
    color: #7BFF1F;
}

#regi-download:focus
{
  outline: none;
}

#regi-download:hover
{
  text-decoration: none;
}



/*Medium devices (tablets, less than 992px)*/ 
@media (max-width: 991.98px) { 

.btn_overlayer_form_wrapper
    {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    }

button.btn_overlayer_form
{

    text-transform:uppercase;
    background-color: #ff90c8;
    border: 0;
    padding: 4px 20px;
    position:unset;
    font-size: 140%;
    color:#0032dc;


}


#regi-download
{
    text-transform: uppercase;
    background-color: #00A046;
    border: 0;
    padding: 4px 20px;
    position: unset;
    font-size: 140%;
    color: #7BFF1F;
}


 }





  /* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 

   


 }


/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 

header.flex-grid {
    display: flex;
    height: 75%;
    flex-wrap: wrap;
    flex-direction: row;
}
header .col {
    flex: 50%;
    height: 50%;
    width: 50%;
    padding-right: 0px;
    padding-left: 0px;
    position: relative;
}

header .col:nth-child(4)
{
display: none;
}

header .col.big
{
  flex: 100%;
  height: 50%;

}



.flex-grid {
    display: flex;
    height: 100%;
    flex-wrap: wrap;
    flex-direction: row;
    min-height: 210px;
}

 .col {
    flex: 50%;
    height: 50%;
    width: 50%;
    padding-right: 0px;
    padding-left: 0px;
    position: relative;
}



col.devicehide
{
  display: none;
}


.col.big
{
  flex: 100%;
  height: 50%;

}

.illustration{
  background-repeat: no-repeat; 
  background-position:center;
  background-size:contain;
  width: 100%!important;
  height: 100%!important;
}


.wrapper_charity_box
{
  display: table;
  height: 100%;
}

.wrapper_insite_charity_box
{
  display: table-cell;
  vertical-align: middle;
}



  div#counter_wrapper
  {
    text-align: center;
    padding-left: 0;
  }

  #gerning_info_wrapper
  {
  text-align: center;
   padding-left: 0;
  }

  #gerning_wrapper
  {
  text-align: center;
   padding-left: 0;
  }

nav
{
  display: block;
}

 }


 /* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 


.flex-grid,
header.flex-grid
 {
    height: 100%;
}

footer .col.big
{
height: 66%;
}

 }

   /* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 

   
.flex-grid,
header.flex-grid {

    height: 75%;
    
}

footer .col.big
{

height: 66.666%;
}


 }



/*GRID CONTENT END*/

/**validation**/

.alert-step1,
.alert-step2,
.alertgroups-step1
{
display: none;
padding: 10px;
margin-bottom: 20px;
position: relative;
color: #000;
}

.alert-luk
{
    background: transparent url(/wp-content/uploads/icons/close.svg) no-repeat 100% 0;
    padding: 4px 20px 4px 20px;
    background-size: 14px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    height: 20px;
    width: 20px;
}

/**INFO SIDER**/

.page-template-infopages strong,
.search-results strong,
.error404 strong,
.page-template-infopages b,
.search-results b,
.error404 b
{
 
  font-family: 'DRPublikSemiBold';
}


.page-template-infopages,
.search-results,
.error404
{
  background: #FFD2EB;
  color: #000;
  font-family: 'DRPublikRegular';
}

.page-template-infopages a,
.search-results a,
.error404 a
{
  color: #000;
  text-decoration: underline;
}

#modal_aside_left_menu a
{
  text-decoration: none;
}



.page-template-infopages div#page
{
  font-family: 'DRPublikRegular';
}

.page-template-infopages h1,
.page-template-infopages h2,
.page-template-infopages h3,
.search-results h1,
.error404 h1,
.search-results h2,
.error404 h2,
.search-results h3,
.error404 h3
{
  color: #000;

}

.page-template-infopages div#page strong
{
   font-family: 'DRPublikSemiBold';
}

.page-template-infopages h1
{
     border-bottom: 3px solid #000;
    font-size: 125%;
    font-family: 'DRPublikBold';
    margin-bottom: 20px;
}
.page-template-infopages h2,
.search-results h2,
.error404 h2
{
  font-size: 125%;
  padding-top: 20px;
  font-family: 'DRPublikRegular';
}

.space-line{
    border-bottom: 3px solid #000;
    padding-top: 20px;
    margin-bottom: 40px;
}

.page-template-infopages nav,
.search-results nav,
.error404 nav
{
  display: block;
}


/**Loader start**/

div#loader-alert {
  position:fixed;
  width: 372px;
  height: auto;
  top: 2vh;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
     display: none;
     z-index: 1051;
}

/*div#loader-text {
    color: #fff;
    font-size: 150%;
    position: absolute;
    bottom: 46%;
    left: 30%;
}*/
div#loader-text {
    color: #fff;
    font-size: 150%;
    position: absolute;
    bottom: 37%;
    left: 30%;
    text-align: center;
}

/**Loader start**/


/**effekt/***/


#one_click_donate
{
animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(145, 130,0, 0.6);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(145,130,0, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(145,130,0, 0);
  }
}


 svg.flyingheart {
  position:fixed;
  width: 20vw;
  height: 20vh;
  bottom: 150px;
  right: 20px;
  z-index: 0;
}

@media (max-width: 575.98px) { 
  
   div#loader-alert {

      width: auto;
    
  }
}