/*
Theme Name: Fyzio RA
Theme URI: https://fyziora.cz
Author: Roman Klabal
Author URI: https://roman.klabal.cz
Description: Sablona pro Fyzio RA
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rcfyzio
*/

:root {
  --color-primary-light: #e1f3fb;
  --color-primary-dark: #223858;
  --color-primary: #394e6d;
  --color-text: #041f2a;
  --color-primary-lighter: #e9f3f8;

  --color-accent: #1e9dd8;
  --color-accent-light: #98c0d3;
  --color-accent-lighter: #aecddb;
  --color-accent-highlight: #77a9c0;
  --color-accent-highlight2: #4b829b;
  --color-accent-highlight3: #c0e1f0;
  
  --color-text-light: #353b3e;
  --color-text-lighter: #3c454a;
  --color-text-highlight: #2b83ab;
  --color-text-white: #ffffff;
  --color-text-footer: #fdfdfd;
  --color-bg-grey: #f3f3f3;
  --color-border-media: #223249;
}

html { box-sizing: border-box; }
*, ::after, ::before { box-sizing: inherit; }

body { 
    max-width:100%;
    font-size: 16px;
    color: var(--color-text);
    font-family: 'Manrope', sans-serif;
    margin:0;
}

h1, h2, h3 {
  color: var(--color-primary-dark);
}

h2, h3, h4 {
  text-transform: uppercase;
}

h2 {
  font-size: 1.6rem;
}

a {
	transition: all 0.3s ease;
}

body .bold {
  font-weight: bold;
}

header.full-width {
    width: 100%;
}

.logo img {
  width: 100%;
  height: auto;
  object-fit: contain;
  padding: 10px;
}

header .wrapper {
  background-color: var(--color-primary-light);
}

.logo {
  display:flex;
  padding: 0px 30px;
  max-width: 45%;
  width:310px;
  justify-content:center;
}

.intro {
    display:flex;
    justify-content: space-between;
    font-size: 0.95rem;
    background-color: var(--color-primary-light);
	transition: all 0.3s;
	min-height:105px;
}

.media-body a {
  text-decoration: none;
  color: var(--color-border-media);
  font-weight: bold;
}

.social-sites{
  display:flex;
  justify-content: center;
  align-items: center;
}

.languages {
  display:flex;
  margin-right: 20px;
}

.languages ul {
  display: flex;
  align-items: center;
  padding-left:0;
  color: var(--color-text-lighter);
  font-weight: bold;
  font-size: 1rem;
}

.languages ul span {
  margin: 0px 5px;
}

.languages ul li {
  list-style-type: none;
  line-height: 1.5;
}

.languages a {
  text-decoration: none;
  color: var(--color-primary-dark);
}

.languages li .active {
  border-bottom: solid 2px var(--color-primary-dark);
}

.languages span {
  color: var(--color-accent-light);
}

.media {
    display:flex;
}

.line {
  width: 0px;
  background-color: var(--color-accent-light);
}

.media-left {
    align-self: center;
    border-radius: 50%;
    border: solid 1px var(--color-border-media);
    height: 65px;
    width: 65px;
    background-color: var(--color-accent-light);
    margin-right: 10px;
}

.social-sites a {
  align-self: center;
  border-radius: 50%;
  border: solid 1px var(--color-accent-lighter);
  height: 50px;
  width: 50px;
  background-color: var(--color-text-white);
  text-decoration: none;
}

.social-sites a:first-child {
  margin-right: 10px;
}

.social-sites i:hover {
  background-color: var(--color-border-media);
  color: var(--color-text-white);
}


.media-left i   {
  border-radius: 50%;
  padding: 10px;
  background-color: var(--color-accent-light);
  color: var(--color-text-white);
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
}

.social-sites i {
  background-color: var(--color-text-white);
  color: var(--color-accent);
  border-radius: 50%;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}


.media-body {
    display:flex;
    flex-direction: column;
    justify-content: center;
}

.media-body .address, .media-body .calendar {
  color: var(--color-text-light);
  font-weight: bold;
}

.contact {
  padding: 50px 0px;
}

.contacts {
    display:flex;
    padding: 10px 10px;
    gap:20px;
}

.menu-content {
    display:flex;
    justify-content: space-evenly;
	align-items: center;
}

.menu-all {
  display:flex;
  justify-content: space-between;
}

.menu-button {
  display:flex;
  align-items: center;
}

.menu-mob {
  display:none;
}

select {
  -moz-appearance: none;
}


/* ==== hover zavorky ====== */

 div.container {
    margin: 0 auto;
	  padding: 1em 0em;
	  text-align: center;
}

div.container a {
    color:  var(--color-text);
    text-decoration: none;
    font: 20px;
    margin: 0px 10px;
    padding: 10px 10px;
    position: relative;
    z-index: 0;
    cursor: pointer;
}
div.brackets a:before, div.brackets a:after {
    position: absolute;
    opacity: 0;
    font-size: 35px;
    top: 0px;
    transition: all 0.3s;
}

div.brackets a:before {
    content: '–';
    left: -15px;
    top:-6px;
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
}

div.brackets a:after {
    content: '–';
    right: -15px;
    top:-6px;
    transform: translateX(-10px);
}

div.brackets a:hover:before, div.brackets a:hover:after {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    color: var(--color-primary);
}

div.brackets a:hover {
  color: var(--color-primary);
}

/* ========== */

#uvod {
    background-color: var(--color-bg-grey);
}

.photo-field {
  display: none;
}

.obal, .obal1 {
  display: flex;
}

.field-text {
  background-color: var(--color-accent);
  color: var(--color-primary-lighter); 
  padding: 20px 20px 40px 20px;
  padding-left: 30px;
  box-shadow: inset 0 0 0 1000px rgb(6, 109, 150);
  flex:1;
}

.field-text h1 {
  color: var(--color-primary-lighter);
  font-size: 2rem;
  font-weight: normal;
  text-align:center;
}

.field-text ul {
  padding-left: 0;
}

.massage-foto {
  display:flex;
  max-width: 423px;;
}

.massage-foto img {
    width: 100%;
	height:100%;
  object-fit: cover;
}

.specialists {
  padding: 30px 0px;
}

.specialists h2 {
  text-align: center;
}

.specialist-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.specialists ul, .specialists li, .field-text ul, .field-text li {
  margin: 0;
  list-style: none;
}

.specialists ul, .field-text ul {
  margin: 2em 0;
}

.specialists li, .field-text li {
  margin: 1em;
  margin-left: 2em;
  font-weight: bold;
}

.specialists li:before  {
  content: '\f058';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: var(--color-accent);
  padding-top: 2px;
}

.field-text li:before {
  content: '\f058';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: var(--color-primary-light);
  padding-top: 2px;
}

.button-field a {
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
  padding: 5px 5px 5px 18px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  margin:0 auto;
  display:flex;
  width: fit-content;
  width: -moz-fit-content;
  text-decoration: none;
  align-items: center;
  margin-left: 0px;
  font-weight: bold;
}

.button-field a:hover{
  background-color:  var(--color-accent-highlight);
}

.button-field i {
  padding: 10px;
    color: var(--color-primary-light);
    border-radius: 50%;
    background-color: var(--color-primary-dark);
    margin-left: 10px;
}

.specialists-left {
  border-right: solid var(--color-accent) 1px;
}

.methods {
  background-image: url('images/blue_white_bg_ra.png');
  background-repeat:repeat-y;
  background-position:center center;
  padding: 50px 0px;
}

.our-methods h2 {
  text-align: right;
  margin-right: calc(100% - 1140px);
}

.our-methods {
  margin-left: calc((100% - 1140px) / 2);
    overflow-x: hidden;
}

.methods-line {
  display:flex;
}

.methods-card {
    display: flex;
    flex-direction: column;
    width: 300px;
    height: 350px;
    margin-right: 30px; 
}

.methods-card img {
  object-fit: cover;
    height: 250px;
    width: 300px;
}

.method-text {
  background-color: var(--color-primary-light);
  color: var(--color-text);
  font-size: 1rem;
  line-height: 1.2;
  font-weight: bold;
  height: 80px;
  display:flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.method-text p {
	padding-left:8px;
	padding-right:8px;
}

.methods-arrows > span {
    background-color: var(--color-primary-dark);
    border:2px solid var(--color-primary-dark);
    border-radius:50%;
    display:inline-block;
    margin-right:9px;
    color: var(--color-primary-light);
    cursor:pointer;
    transition: all 0.3s ease;
    width:40px;
    height:40px;
    text-align:center;
}
.methods-arrows > span i {
    line-height:36px;
}
.methods-arrows > span:hover {
    background-color: var(--color-primary);
    color: var(--color-text-white);
}

.our-philosophy {
  display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 30px;
    padding: 50px 0px;
    max-width: 100%;
}

.philosophy-left img{
  width: 350px;
  height: 350px;
  object-fit: cover;
  position:relative;
}

.philosophy-right img {
    object-fit: cover;
    width: 400px;
    height: 250px;
    margin-left: -100px;
    padding-top: 30px;
}

.philosophy-right p {
  line-height: 1.6;
}

.team h2::after, .contact-form h2::after, .philosophy-right h2::after, .methods h2::before {
  display: inline-block;
  content: "";
  border-top: 2px solid #006163;
  width: 50px;
  margin: 0 20px;
  transform: translateY(-0.3rem);
  -webkit-transform: translateY(-0.3rem);
  -moz-transform: translateY(-0.3rem);
  -ms-transform: translateY(-0.3rem);
  -o-transform: translateY(-0.3rem);
}

.team {
  padding: 70px 0px 50px 0px;
}

.team-member {
  display:flex;
  flex-wrap: wrap;
  max-width: 100%;
  gap: 30px;
  margin-top: 30px;
}

.team-member-photo {
  display:flex;
}

.second {
  flex-direction: row-reverse;
}

.second .member-timeline {
  width: 70%;
}

.member-text:nth-child(odd) {
  /*text-align:right;
  padding-right: 30px;*/
}

.team-member p {
  margin-bottom:0;
  margin-top: 10px;
}

.team-member img {
  width: 300px; 
  object-fit: cover;
  height:100%;
}

.team-member-mob {
  display:none;
}

.show {
  display:none;
}

.member-timeline, .second .member-timeline {
  width: 70%;
  padding-bottom: 20px;
}

@media screen and (min-width: 901px) and (max-width: 1100px) {
  .member-timeline, .second .member-timeline {
    width: 60%;
  }
}

.member-text {
  background-color: var(--color-bg-grey);
  padding: 30px 0px 20px 30px;
  width:100%;
}

.philosophy {
  width:100%;
  background-color: var(--color-bg-grey);
}

.member-text h3 {
  margin-top: 0;
  margin-bottom: 10px;
}

.member-text ul {
  list-style: none;
  padding-left:25px;
  margin-bottom:0;
  line-height: 1.8;  
  
}
.member-text li::before {
  content: '\f054';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.3em;
  color: var(--color-accent);
  padding-top: 0px;
}

.team-member h3, .team-member-mob h3 {
  text-transform: capitalize;
  font-size: 1.5rem;
  margin: 0.3rem 0 1rem;
}
.team-member h4, .team-member-mob h4 {
  font-size: 1.1rem;
  margin:0;
  margin-top:1em;
}

.timeline-dates {
    display: grid;
    grid-template-columns: 1fr 3fr;
    max-width: 100%;
    column-gap:10px;
}

 .highlight {
  color: var(--color-text-highlight);
  font-weight: bold;
}
.philosophy-right strong {
     color: var(--color-text-highlight);
}


.pricelist {
    background-color: var(--color-bg-grey);
}

.fb-posts {
    background-color: var(--color-bg-grey);
    padding:30px 0px;
}
.fb-posts h2 {
    text-align:center;
    margin-bottom:25px;
}
.fb-posts a {
    color: var(--color-primary);
}
.cff-item {
    border: 1px solid var(--color-primary-light) !important;
}

@media screen and (max-width: 780px) {
	#cff.cff-masonry .cff-item.cff-box {
		margin-left: 0% !important;
		margin-right: 0% !important;
	}
	.fb-posts {
		padding:18px 10px;
	}
}

.pricelist-detail {
  display: flex;
  align-items: center;
  padding: 30px 50px 30px 0px; 
}

.prices {
  max-width: 100%;
  justify-content: space-between;
  display:flex;
  flex-wrap:wrap;
}

.prices h2 {
  color: var(--color-primary-dark);
  margin-top: 0;
}

.prices img {
    height: 100%;
  width: 100%; 
  object-fit: contain;
  display: block;
}

.ceny {
  width: 1140px;
  justify-content: space-between;
}

.procedure {
  display:grid;
  grid-template-columns: 1fr 1fr;
  line-height: 1.6;
  max-width: 100%;
}

.pricelist-detail hr {
    border-bottom: 1px solid var(--color-accent-highlight2);
    color: transparent;
    height:0px;
    display:block;
}

.procedure-name {
  text-transform: uppercase;
}

.procedure div:nth-child(2) {
  justify-self: end;
}

.procedure-duration {
  color: var(--color-accent-highlight2);
  font-weight: bold;
}

.disclaimer {
  color:var(--color-text-highlight);
  font-weight: 500;
  font-size: 1.4rem;
  margin-bottom: 30px;
}

.prices-button {
  margin-top:20px;
}

.cenik-fotka {
    width: 40%;
  }



.address-form {
    display: grid;
    grid-template-columns: 3fr 2fr;
    grid-gap: 30px;
    margin:30px auto;
    max-width: 100%;
}

.full-address {
    background-color: var(--color-primary-light);
    padding: 30px;
    color: var(--color-primary);
    line-height: 1.5;
    font-size: 0.9rem;
}
   
.full-address h4 {
    margin: 0 auto;
    font-size: 1.4rem;
}

.full-address  a {
    text-decoration: none;
    color: var(--color-primary);
    font-weight:bold;
}

.full-address hr {
    background-color: var(--color-accent-highlight3);
    border: var(--color-accent-highlight3);
    height:1px;
    margin: 25px auto;
}

 .full-address .button, .menu-button a, .prices-button a{
    background-color: var(--color-primary-dark);
    color: var(--color-text-footer);
    padding: 10px 18px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    margin:0 auto;
    display:flex;
    width: fit-content;
    font-weight: bold;
    width: -moz-fit-content;
    text-decoration: none;
}

.full-address .button:hover, .menu-button a:hover, .prices-button a:hover {
  background-color: var(--color-primary) ;
}

footer {
    background-color: var(--color-primary);
    color: var(--color-primary-light);
    padding: 15px;
    text-align: center;
    line-height: 2;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.9rem;
}

footer a {
    text-decoration: none;
    color: var(--color-text-white);
}

iframe {
  display:block;
}

.fixed-header {
	position:fixed;
	z-index:2;
	width:100%;
	transition: all 0.3s ease;
}
body.has-scroll .fixed-header {
	box-shadow: 0px 0px 5px 0px rgba(178, 212, 226, 0.8);
}
body.has-scroll .intro {
	min-height:auto;
}
section.menu {
	background-color:white;
}
body .menu-all .container {
	transition: all 0.3s ease;
}
body.has-scroll .menu-all .container {
	padding-top:0.5em;
	padding-bottom:0.5em;
}
body .logo img {
    transition: all 0.3s ease;
}
body.has-scroll .logo img {
    width: 190px;
}
#uvod {
    padding-top:180px;
}

@media (min-width: 1140px) and (max-width: 1340px) {
	  .intro {
		font-size:0.8rem;
	}
	.contacts {
		gap:10px;
	}
}
@media (min-width: 1140px) {
	  .wrapper {
		width: 1140px;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 1140px) {
  body.has-scroll .fixed-header {
	  box-shadow:none;
  }
  #uvod {
	  padding-top:152px;
  }
  .logo {
	  width:auto;
	  max-height:110px;
  }
  .contact {
    padding: 0;
  }

  .contacts {
    display:none;
  }

  .logo {
    padding: 0px 10px;
  }

  .logo img {
    width: 40vw;
    padding: 5px;
  }

  .social-sites {
    display:none;
  }

  .menu-content {
    display:none;
  }

  .menu-show {
    display:none;
  }
  .menu-button .button {
    display:none;
  }

  .menu-show a:active {
    background-color:var(--color-accent) ;
    color:#ffff;
  }   
  
  .menu-mobile-content {
    display: flex;
    flex-wrap: wrap;
  }

  .menu-mobile-content a {
    text-decoration: none;
    width: 100%;
    text-align: center;
    color: var(--color-accent);
    background-color:var(--color-primary-light);
    padding: 12px;
    font-weight: bold;
  }

  .social-sites-mob {
    width: 100%;
    display: flex;
  }

  .social-sites-mob a:first-child {
    display: flex;
    justify-content: flex-end;
  }
  .social-sites-mob a:last-child {
    display: flex;
    justify-content: flex-start;
  }

  .intro {
    display:none;
  }

  .languages {
    margin-right: 5px;
  }

  .mobile {
    padding:0px;
    margin:0px;
  }

  .mobile .logo {
    padding:10px;
  
  }

  .mobile .logo img {
    margin: 0 auto;
  }

  .topnav {
    display:flex;
    justify-content: space-between;
    background-color: var(--color-primary-light);
  }

  .topnav .logo {
    order: 1;
  }

  .topnav .languages {
    order: 2;
  }


  .hamburger {
    align-self: center;
    order: 3;
    margin-right: 12px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: var(--color-accent);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .hamburger i.fa-bars {
	  display:block;
  }
  .hamburger i.fa-times {
	  display:none;
  }
  .hamburger.hamburger-open i.fa-bars {
	  display:none;
  }
  .hamburger.hamburger-open i.fa-times {
	  display:block;
  }

  .hamburger i {
    color: white;
  }
  .tab-top-line {
    display:flex;
    padding: 10px;
    justify-content: space-evenly;
	background-color:white;
  }

  .tab-top-line a {
    text-decoration: none;
    color: #006163;
  }

  .tab-top-line i {
    margin-right: 15px;
  }

}

@media screen and (max-width: 1000px) {

  .field {
    grid-template-columns: 1fr;
  }
  .field-text {
	background-size: cover;
	background-position: center top;
    box-shadow: inset 0 0 0 1000px rgba(6, 109, 150,.6);
    opacity: 0.9;
    width: 100%;
	min-height:60vh;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
  }
  
  .photo-field {
    display:none;
  }

  .photo-field img {
    display:block;
    width: 100%;
  }

  .massage-foto {
    display:none;
  }

  .methods {
    background-image: none;
    padding: 30px 15px;
  }
  
  .our-methods {
    margin-left:0;
 
  }
  .our-methods h2 {
    text-align: center;
    margin-right:0;
  }

  .member-text, .full-address {
    padding: 30px 15px;
  }

  footer {
    font-size: 0.7rem;
}
}



@media only screen and (min-width: 1141px) {
  .mobile {
    display:none;
  }
  .tab-top-line {
      display:none;
  }
  
}

@media only screen and (max-width: 600px) {
  #uvod {
	  padding-top:65px;
  }
  .logo img {
    width: auto;
  }
  .topnav {
	  height: 65px;
  }
  .hamburger {
	width:45px;
	height:45px;
  }
  .hamburger i.fa {
	  font-size:1.5em;
  }
  .tab-top-line {
    display:none;
  }

  .logo {
    width: auto;
  }
  .button-field .button {
    margin: 0 auto;
  }

  .address-form {
    grid-template-columns: 1fr;
    margin:0;
  }

  

  .pricelist-detail {
    padding: 30px 10px;
    left: 0;
    width: 100%
  }

  .cenik-fotka {
    width: 100%;
  }
  .prices img {
    height:auto;
    width: 100%;
  }

  .show {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    padding-top: -30px;
    background-color: var(--color-primary-dark);
    color: var(--color-text-white);
    margin-top: -10px;
  }

  .specialist-list {
    grid-template-columns: 1fr;
  }

  .specialists ul {
    margin:0;
    padding-left: 20px;
  }

  .specialists li {
    font-weight: normal;
    margin: 0.5rem;
  }
  
  .specialists-left {
    border-right: none;
  }

  .specialists.right {
    padding-top: 10px;
  }
  
  .our-philosophy {
    grid-template-columns: 1fr;
    gap:0;
    padding:0;
  }

  .philosophy-left {
    max-width: 100%;
    height: 300px;
  }

  .philosophy-left img {
    width: 100%;
    height: 300px;
  }

  .philosophy-right img {
    display:none;
  }

  .methods-left {
    display:none;
  }
 

  .field-text h1 {
    font-size: 1.5rem;
    text-align: center;
  }
  .field-text li{
    font-weight: normal;
  }

 .methods-right h2 {
   max-width: 100vw;
 }


}

@media only screen and (min-width: 601px) and (max-width: 1000px) {
  

  .philosophy-left img {
    width: 275px;
  }


  .pricelist-detail {
    left:calc(100% - 100vw / 2);
    width: auto;
    display:flex;
    flex-direction: column;
  }

  .cenik-fotka {
    display:flex;
  }

  
}

@media only screen and (min-width: 601px) and (max-width: 800px) {
  .address-form {
    grid-template-columns: 1fr;
  }
}
 
@media only screen and (max-width: 400px) {
	.methods-card {
		margin-right: 15px; 
	}
}

@media only screen and (max-width: 900px) {

.team-member{
  display:none;
}

.team-member h3 {
  text-transform: capitalize;
}

.team-member-mob, .team-member-photo-mob, .timeline-dates-mob {
  display:block;
}

.member-text:nth-child(odd) {
  text-align:left;
}

.team-member-photo-mob img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  object-position: top;
}

.show-mob {
  display: flex;
  justify-content: space-between;
  padding: 0px 20px;
  background-color: var(--color-primary-dark);
  color: var(--color-text-white);
  align-items: center;
  margin-top: -5px;
}

.cv-toggle {
  display:none;
}

.timeline-dates-mob {
  display: grid;
  grid-template-columns: 2fr 4fr;
  padding: 10px;
} 

.timeline-dates-mob p {
  margin: 5px;
}

.highlight, .timeline-dates-mob p {
  align-self: center;
}
}

@media screen and (max-width: 1000px) {
  .specialist-list, .philosophy-right, .team, .pricelist-detail, .contact {
    padding: 20px;
  }
}

@media screen and (max-width: 700px) {
  .obal1 {
    flex-wrap: wrap;
  }
  .prices {
    height: auto;
  }

  .prices img {
    width: 100%;
    height:auto;
	display: block;
  }

  .pricelist-detail {
    width: 100%;
    padding: 20px;
  }
  .cenik-fotka {
    width: 100%;
  }
}

#kontakt .wpforms-submit-container button.wpforms-submit  {
    background-color: var(--color-primary-dark);
    color: var(--color-text-footer);
    border:none;
    font-family: 'Manrope', sans-serif;
    font-weight: bold;
    transition: all 0.3s ease;
    border-radius: 50px;
    line-height: 1.5;
    font-size: 0.9rem;
    padding:10px 18px;
}
#kontakt .wpforms-submit-container button.wpforms-submit:hover  {
    background-color: var(--color-primary);
}

.media-body p {
	margin:0;
}

/* Safari 7.1+ */
@media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) and (display:flow-root) { 
	.media {
		padding: 0px 10px;
	}
	.team-member-photo img {
		padding-right:30px;
	}
	.team-member.second .team-member-photo img {
		padding-left:30px;
	}

}}

#cc--main {
  --cc-text: var(--color-text);
  --cc-btn-primary-bg: var(--color-primary);
  --cc-btn-primary-border-color: var(--color-primary);
  --cc-btn-primary-hover-bg: var(--color-primary-dark);
  --cc-btn-primary-hover-border-color: var(--color-primary-dark);
}