/*
 Theme Name:   Nadace Via
 Theme URI:    https://nadacevia.cz
 Description:  Vzhled pro web Nadace Via | Potřebujete pomoct? Volejte +420 587 407 757 nebo pište pomoc@wp-admin.cz
 Author:       Tým WP-admin.cz
 Author URI:   https://wp-admin.cz
 Template:     generatepress
 Version:      0.1
 Text Domain:  nadacevia
*/

:root {
    --via-orange: #f08100;
}

/*********************
* header
*********************/
.main-navigation .inside-navigation {
    flex-wrap: nowrap;
}

.social_menu_container {
    min-width: 200px;
    max-width: 200px;
    position: relative;
}

.circle_background {
    width: 200px;
    height: 200px;
    position: absolute;
    background: #fff;
    border-radius: 100px;
    top: -45px;
}

/** cafe **/
.via-cafe-header {
    width: 100px;
    position: relative;
    display: inline-block;
    margin-left: 15px;
}

.via-cafe-header svg * {
    fill: var(--via-orange);
}

.via-cafe-header svg:hover * {
    fill: #86cbcf
}

.via-cafe-header a {
    display: block;
    width: 100px;
    padding: 0;
    margin-top: -20px
}

.via-cafe-header img {
    width: 100px
}

/** social icons and lang switcher**/


.social_icons_container {
    width: 80px;
    min-width: 80px;
    display: inline-block;
    position: relative;
    left: -12px;
}

.wpml-switcher {
    text-align: center;
}

.wpml-ls-legacy-list-vertical {
    display: inline-block;

}

.wpml-switcher .wpml-ls-legacy-list-vertical ul li a {
    color: var(--via-orange);

}

@media (max-width:768px) {
    .social_menu_container {
        display: none;
    }

    .main-navigation.toggled .social_menu_container {
        display: block;
        left: 16px;
        top: 50px;
        height: 210px;
    }

    .main-navigation .inside-navigation {
        flex-wrap: wrap;
    }

}

.social_icon_container:nth-child(2) {
    margin-left: 12px;
}

.social_icon_container {
    margin-left: 5px;
    margin-top: 1px;
    display: inline-block;
    background: var(--via-orange);
    width: 28px;
    height: 28px;
    border-radius: 14px;
    text-align: center;
}

.social_icon_container i {
    color: #fff;
    line-height: 28px;
}

/** daruj button **/

.daruj-button h3 {
    position: relative;
    text-align: center;
    font-size: 25px;
    color: var(--via-orange);
    margin-top: 15px;
    margin-bottom: 0px;
}

.daruj-button a:hover h3 {
    color: #86CBCF
}

.daruj-button img {
    display: none
}

figure.wp-block-image,
figure.gb-block-image {
    margin: 0;
    position: relative;
}

.wp-caption figcaption,
.wp-block-image figcaption.wp-element-caption,
.gb-block-image figcaption.gb-headline {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    bottom: 20%;
    margin: 0;
    font-size: 18px !important;
    color: var(--via-orange) !important;
}

/* Start Backward compatibility */


.homepage-main-buttons-wrapper {
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
    padding: 40px 10px 10px 10px;
    overflow: hidden;
}

.homepage-main-buttons-wrapper div {
    width: 33.333%;
    float: left;
    text-align: center;
    padding: 10px;
    margin-bottom: 30px;
    background-position: top;
}

.homepage-main-buttons-wrapper a:hover {
    color: #86CBCF;
}

.homepage-main-buttons-wrapper .sub-button.vypis-clanku a,
.homepage-main-buttons-wrapper .sub-button.odebirejte-via-cafe a,
.homepage-main-buttons-wrapper .podporte-nas a,
.single .sub-button a {
    padding: 42% 0 7% 0;
}


.sub-buttons {
    padding: 0;
}

.sub-button {
    /*background-image: url("img/hp/proc_proto_jak_oranz.svg"); background-repeat:no-repeat;*/
    position: relative;
    padding: 0 !important;
    width: 33.333%;
    float: left;
    text-align: center;
    margin-bottom: 30px;
}

.sub-button .ramecek {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 0 5%;
}

.sub-button a {
    width: 100%;
    box-sizing: border-box;
    padding: 9% 0;
    display: block;
    font-size: 20px;
    z-index: 10;
    position: relative;
}

.sub-button a:hover {
    color: #86CBCF;
}


.sub-button.co-nabizime {
    background-image: none;
    position: relative;
    width: 100%;
    margin-bottom: 0;
}

.sub-button.co-nabizime a {
    padding: 115px 0 0 0 !important;
}

.sub-button.co-nabizime:hover a,
.grey .sub-button.co-nabizime:hover a {
    color: #86CBCF;
}

.sub-button.co-nabizime .image {
    position: absolute;
    width: 100%;
    overflow: hidden;
    padding: 0;
}

.sub-button.co-nabizime .image img {
    border-radius: 100%;
    width: 31%;
    height: 31%;
}

.sub-button.co-nabizime .ramecek {
    top: 60px;
    margin-bottom: 0;
    padding: 0;
}

.sub-button.co-nabizime .image svg {
    /*max-width: 90px;*/
    max-width: 100px;
}

.sub-button.co-nabizime svg {
    width: 100%;
}


.grey .sub-button.co-nabizime svg * {
    fill: grey;
}

.grey .sub-button.co-nabizime a,
.parent-button-co-nabizime.grey span {
    color: grey;
}

.sub-button.co-nabizime svg .cls-4,
.sub-button.co-nabizime svg .cls-5 {
    fill: #fff !important;
}

.sub-button.co-nabizime svg .sykorovi {
    font-size: 24px;
    fill: white;
    text-align: center;
}

.sub-button.co-nabizime:hover svg *,
.grey .sub-button.co-nabizime:hover svg * {
    fill: #86CBCF;
}

.sub-button.co-nabizime:hover {
    background-image: none;
}


.parent-button-co-nabizime ul {
    margin-top: 170px;
    text-align: left;
    width: 100%;
    padding: 0 10%;
    margin-bottom: 0;
}

.parent-button-co-nabizime span {
    position: absolute;
    top: 200px;
    left: 0;
    float: left;
    padding: 0 10%;
}

.parent-button-co-nabizime span {
    color: #f08100;
}

.sub-button.co-nabizime:hover span,
.grey .sub-button.co-nabizime:hover span {
    color: #86CBCF;
}

.sub-button.co-nabizime.nkp a {
    padding: 103px 0 0 0 !important;
    max-width: 230px;
    margin: 0 auto;
}

/* END Backward compatibility */

/* SmartEmailing formulare - v obsahu*/
#se20-webform-666377-dh6olh0wfmk70zxi0i4zmq2ps7hjtlsqbbwnzhb03xfbq3buwkrfdbqh70fk6abvulw7mhlpkb0e41g3a4pu0lgojwwmuov0sl35  ul {
    list-style: none;
    padding: 0;
  margin: 0px;
  }
  
  #se20-webform-666377-dh6olh0wfmk70zxi0i4zmq2ps7hjtlsqbbwnzhb03xfbq3buwkrfdbqh70fk6abvulw7mhlpkb0e41g3a4pu0lgojwwmuov0sl35  li {
    margin-bottom: 15px;
  }
  
  #se20-webform-666377-dh6olh0wfmk70zxi0i4zmq2ps7hjtlsqbbwnzhb03xfbq3buwkrfdbqh70fk6abvulw7mhlpkb0e41g3a4pu0lgojwwmuov0sl35  label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
  }
  
  #se20-webform-666377-dh6olh0wfmk70zxi0i4zmq2ps7hjtlsqbbwnzhb03xfbq3buwkrfdbqh70fk6abvulw7mhlpkb0e41g3a4pu0lgojwwmuov0sl35  input[type="text"] {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    margin-bottom: 10px;
	  color: #000000;
  }
  #se20-webform-666377-dh6olh0wfmk70zxi0i4zmq2ps7hjtlsqbbwnzhb03xfbq3buwkrfdbqh70fk6abvulw7mhlpkb0e41g3a4pu0lgojwwmuov0sl35 {
    width: 40%;
  }
  
  #se20-webform-666377-dh6olh0wfmk70zxi0i4zmq2ps7hjtlsqbbwnzhb03xfbq3buwkrfdbqh70fk6abvulw7mhlpkb0e41g3a4pu0lgojwwmuov0sl35  label[for="frm-webFormHtmlRenderer-webFormForm-fields-cf_32"] {
    font-size: 11px;
  }
  
  #se20-webform-666377-dh6olh0wfmk70zxi0i4zmq2ps7hjtlsqbbwnzhb03xfbq3buwkrfdbqh70fk6abvulw7mhlpkb0e41g3a4pu0lgojwwmuov0sl35  input[type="checkbox"] {
    padding: 8px;
    box-sizing: border-box;
    margin-bottom: 10px;
  }
  
  #se20-webform-666377-dh6olh0wfmk70zxi0i4zmq2ps7hjtlsqbbwnzhb03xfbq3buwkrfdbqh70fk6abvulw7mhlpkb0e41g3a4pu0lgojwwmuov0sl35  input[type="submit"] {
    background-color: #F08100;
    color: #fff;
    margin-left: 50px;
    border: none;
    cursor: pointer;
    font-size: 16px;
  }
  #se20-webform-666377-dh6olh0wfmk70zxi0i4zmq2ps7hjtlsqbbwnzhb03xfbq3buwkrfdbqh70fk6abvulw7mhlpkb0e41g3a4pu0lgojwwmuov0sl35  input[type="submit"]:hover {
  background-color: #444444;
  }
  #se20-webform-666377-dh6olh0wfmk70zxi0i4zmq2ps7hjtlsqbbwnzhb03xfbq3buwkrfdbqh70fk6abvulw7mhlpkb0e41g3a4pu0lgojwwmuov0sl35  a:hover {
    text-decoration: underline;
  }
  
  /* SmartEmailing formulare - footer */
  
  #se20-webform-666377-885moar66p47wwvn7d35jnyl100h6w17qtikoj0zo4xlyipbk32v6v3bo9l89t9fiv9g1y7dw9lgwvnf6ft4vksq8l8fuayvtlyv ul {
  list-style: none;
  padding: 0;
  }
  
  #se20-webform-666377-885moar66p47wwvn7d35jnyl100h6w17qtikoj0zo4xlyipbk32v6v3bo9l89t9fiv9g1y7dw9lgwvnf6ft4vksq8l8fuayvtlyv li {
  margin-bottom: 15px;
  }
  
  #se20-webform-666377-885moar66p47wwvn7d35jnyl100h6w17qtikoj0zo4xlyipbk32v6v3bo9l89t9fiv9g1y7dw9lgwvnf6ft4vksq8l8fuayvtlyv label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
  }
  
  #se20-webform-666377-885moar66p47wwvn7d35jnyl100h6w17qtikoj0zo4xlyipbk32v6v3bo9l89t9fiv9g1y7dw9lgwvnf6ft4vksq8l8fuayvtlyv input[type="text"] {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  margin-bottom: 10px;
	  color: #000000;
  }
  
  #se20-webform-666377-885moar66p47wwvn7d35jnyl100h6w17qtikoj0zo4xlyipbk32v6v3bo9l89t9fiv9g1y7dw9lgwvnf6ft4vksq8l8fuayvtlyv label[for="frm-webFormHtmlRenderer-webFormForm-fields-cf_32"] {
  font-size: 11px;
  }
  
  #se20-webform-666377-885moar66p47wwvn7d35jnyl100h6w17qtikoj0zo4xlyipbk32v6v3bo9l89t9fiv9g1y7dw9lgwvnf6ft4vksq8l8fuayvtlyv input[type="checkbox"] {
  padding: 8px;
  box-sizing: border-box;
  margin-bottom: 10px;
  }
  
  #se20-webform-666377-885moar66p47wwvn7d35jnyl100h6w17qtikoj0zo4xlyipbk32v6v3bo9l89t9fiv9g1y7dw9lgwvnf6ft4vksq8l8fuayvtlyv input[type="submit"] {
  background-color: #444444;
  color: #fff;
  margin-left: 0px;
  border: none;
  cursor: pointer;
  font-size: 16px;
  }
  #se20-webform-666377-885moar66p47wwvn7d35jnyl100h6w17qtikoj0zo4xlyipbk32v6v3bo9l89t9fiv9g1y7dw9lgwvnf6ft4vksq8l8fuayvtlyv input[type="submit"]:hover {
  background-color: #000000;
  }
  
  #se20-webform-666377-885moar66p47wwvn7d35jnyl100h6w17qtikoj0zo4xlyipbk32v6v3bo9l89t9fiv9g1y7dw9lgwvnf6ft4vksq8l8fuayvtlyv a:hover {
  text-decoration: underline;
  }
  @media only screen and (max-width: 768px) {
  #se20-webform-666377-dh6olh0wfmk70zxi0i4zmq2ps7hjtlsqbbwnzhb03xfbq3buwkrfdbqh70fk6abvulw7mhlpkb0e41g3a4pu0lgojwwmuov0sl35 {
    width: 100%;
  }
  }