/*
Theme Name: Ba-tech d.o.o.
Description: This is a child theme for Flatsome Theme
Author: Kolomedia.eu
Template: flatsome
Version: 1.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

body {
    font-size: 17px !important;
}
.custom-image-border-radius-1 {
    border-radius: 20px ! Important;
    border: 0 solid transparent !important;
    overflow: hidden !important;
    box-shadow: 0 3.4em 2.8em rgb(42 50 21 / 12%);
}

.absolute-footer.dark {
    color: hsla(0, 0%, 100%, .5);
    display: none !important;
}
/**** BUTTON ***/
.custom-button1 {
    color: #fff;
    background: #8b8b8b;
    background: linear-gradient(to right, #636297 20%, #55abbc 70%) !important;
    border: 2px solid #636297;
    padding: 10px 20px 10px 20px !important;
    border-radius: 0 10px 10px !important;
    color: #fff !important;
}

.color-column {;
    border-radius: 30px;
    background: #f5f5f5;
    border: 1px solid transparent;
    padding: 30px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 20px !important;
    box-shadow: 0px 20px 20px rgba(0, 0, 0, .2);
}
 
/***** TITLE ******/

.section-title-normal span {
    border-bottom: 4px solid rgb(99 98 151) !important;
    margin-bottom: -2px;
    margin-right: 15px;
    padding-bottom: 7.5px;
    text-transform: initial !important;
}

.section-title-normal {
    border-bottom: 1px solid #eae9e9 !important;
}

h2 {
    font-size: 35px !important;
    line-height: 41px;
    font-weight: 700;
    text-transform: initial !important;
}

.column-half{
	float: left;
	position: relative;
	padding: 0.25rem;
	width:50%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}

.column-full{
	
	padding: 0.25rem;
	width:100%;
}

.wpcf7 label {
    display: block;
    width: 100%;
}


element.style {
}
.wpcf7 .wpcf7-form-control-wrap {
    display: contents;
}

select {
    box-shadow: inset 0 -1.4em 1em 0 rgba(0,0,0,.02);
    background-color: #f7f7f7;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E);
    background-position: right .45em top 50%;
    background-repeat: no-repeat;
    padding-right: 1.4em;
    background-size: auto 16px;
    border-radius: 0;
    display: block;
	border-radius: 6px !Important;
}

.wpcf7 .wpcf7-not-valid-tip {
    margin-top: -10px;
    position: relative;
    padding: 5px 8px;
    line-height: 1.2em;
    border-radius: 3px;
    opacity: .8;
    background-color: #fff !important;
    color: #b20000;
}

/**---------------- Media query ----------------**/
@media only screen and (max-width: 799px) { 
	.column-half{
		width: 100%;
	}
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
	height:40px;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 input[type="tel"] {
	width: 100%;
	padding: 1px;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box;
	border: 1px solid #cacaca;
    font-size: .97em;
    color: #7c8187 !important;
    background-color: #ffffff;
    font-weight: 500;
	padding: 12px;
	box-shadow:inset 0 -1.4em 1em 0 rgba(0,0,0,.00) !important;
	border-radius: 6px;
    
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}