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

 Theme Name:   Koliber Tłumaczenia
 Theme URI:    https://koliber.expert/
 Description:  Motyw potomny na Divi
 Author:       Home.pl
 Author URI:   https://home.pl/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

.menu-icon a {
	font-size: 20px;
    color: black!important;	
}

.tpay-banner {
    display: block;
    margin-top: 40px;	
}

.lang-p-first {
	padding-right: 10px;
}

#pricelist-table tbody {
	border: 1px solid black;
}

#pricelist-table tr td {
    border-top: 1px solid black;
    border-right: 1px solid black;	
}

.home-offer h4 {
	position: relative;
	display: inline-block;
}

.home-offer h4::before {
	content: "";
    display: block;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 0;
    height: 4px;
    background: #0000008c;
    transition: .4s;
    animation: ease-in-out;
    z-index: -1;
}

.home-offer .et_pb_column:hover h4::before {
	width: 100%;
}

.et_pb_scroll_top.et-pb-icon {
	background: black;
}

@media (min-width: 981px) {
	.menu-btn {
		border-color: black;
		border-radius: 3px;
		background-color: black;
		padding-top: 20px!important;
		padding-right: 20px!important;
		padding-bottom: 20px!important;
		padding-left: 20px!important;
		transition: .3s;
		margin-left: 14px!important;
		margin-right: 25px;
	}

	.et-fixed-header #top-menu .menu-btn a {
		color: white!important;
	}

	.menu-btn:hover {
		background: black!important;
	}

	.menu-btn a {
		color: #ffffff!important;
	}

	.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
		padding: 24px 0!important;
	}

	.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {
		padding-bottom: 0!important;
	}
	
}

#scroll a {
  padding-top: 60px;
}
#scroll a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
#scroll a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

#scroll {
	position: relative;
}

#scroll-con {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 110px;
}

/* formularz wyceny */

.step-con {
    display: flex;
    justify-content: space-between;
}

.step {
    flex-basis: 25%;
    padding-right: 15px;
}

.step-inside {
    padding: 0 10px;
}

div.wpcf7 input[type="file"] {
	width: 100%;
}

.step h3 {
    font-size: 19px;
    border-bottom: 1px solid black;
    color: black;
    margin-bottom: 20px;
}

.step .label {
	padding-bottom: 0px;	
}

#wpcf7-f288-p285-o1 input.text, #wpcf7-f288-p285-o1 input.title, #wpcf7-f288-p285-o1 input[type=text], #wpcf7-f288-p285-o1 select, #wpcf7-f288-p285-o1 textarea, #wpcf7-f288-p285-o1 input[type=email] {
    margin: 0;
    padding: 15px;
    font-size: 15px;
    width: 100%;
}

.step .wpcf7-radio {
    display: flex;
    flex-direction: column;
    color: black;	
}

.wpcf7-list-item-label .wpcf7-list-item-label {
	
}

span.wpcf7-list-item {
	margin: 0!important;
	padding-bottom: 6px!important;
}

.lang {
	display: flex;
    flex-direction: column;
    align-items: center;	
}

.lang-con {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    align-items: center;	
}

.lang-con .wpcf7-form-control-wrap  {
    width: 100%;
    padding-left: 10px;	
}

.lang-con .lang-p {
	font-weight: 700;
	color: black;
	padding-bottom: 0!important;
	display: inline;
	width: auto;
}

.lang-con p {
	width: 100%;
}

.lang img {
	transform: translateX(17px);	
	margin-bottom: 0!important;
	display: block;
}

.file-limit {
	padding-bottom: 0px;
}

.form-con {
	display: flex;	
}

.form-col:nth-child(1) {
    padding-right: 30px;	
}

.form-col-con {
    display: flex;	
}

.form-col-con-item:nth-child(1) {
    padding-right: 25px;	
}

.form-col {
    flex-basis: 50%;
    padding-right: 30px;	
}

.form-con .label {
	padding-bottom: 0!important;
}

.form-con .wpcf7-textarea {
	height: 233px;
}

.form-heading {
    font-size: 19px;
    margin-top: 55px;
    border-bottom: 1px solid black;
    margin-bottom: 25px;
}

.wpcf7-acceptance span.wpcf7-list-item {
	padding-bottom: 0px!important;
}



.checkbox {
	padding-top: 25px;	
}

.single-checkbox {
	font-size: 13px!important;
    padding-top: 10px;
}

#send-btn {
    color: #ffffff!important;
    border-width: 2px!important;
    border-color: #000000;
    border-radius: 3px;
    font-size: 15px;
    background-color: #000000;
    padding-top: 20px!important;
    padding-right: 35px!important;
    padding-bottom: 20px!important;
    padding-left: 35px!important;
    float: right;
    font-weight: 600;
    letter-spacing: 1px;
}

@media (max-width: 981px) {
	.step-con {
		flex-wrap: wrap;
	}
	.step {
		flex-basis: 100%;
		margin-top: 40px;
	}
	.form-con {
		flex-wrap: wrap;
		padding-right: 0;
	}
	.form-col {
		flex-basis: 100%;
		padding-right: 0;
		padding-top: 15px;
	}
	.form-col:nth-child(1) {
		padding-right: 0px;	
	}
	.form-col-con-item:nth-child(1) {
		padding-right: 0px;	
	}
	.form-col-con-item {
		flex-basis: 100%;
	}
	.form-col-con {
		flex-wrap: wrap;
	}
	.form-col-con-item:nth-child(2) {
		margin-top: 15px;
	}
}

@media (max-width: 1350px) {
	#top-menu li {
		font-size: 13px;
		padding-right: 10px;
	}	
}