/*
Theme Name: Kalium - Freelancer Theme
Theme URI: https://laborator.co/themes/kalium/
Author: Laborator
Author URI: https://laborator.co/
Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: <a href="https://themeforest.net/user/laborator">Envato</a> &bull; <a href="https://twitter.com/thelaborator">Twitter</a> &bull; <a href="https://www.facebook.com/laboratorcreative">Facebook</a> &bull; <a href="https://www.instagram.com/laboratorcreative/">Instagram</a>
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
*/
/* ===========================================================
Custom modification only for FREELANCER Demo - START
=========================================================== */

/* CompTech Custom CSS */

/*
.labeled-textarea-row label{
    position: relative;
}
*/

body .site-footer {
    margin: 0;
}

.site-footer.footer-bottom-vertical .footer-bottom .footer-bottom-content .footer-content-right {
    margin-bottom: 15px;
}

.site-footer.footer-bottom-vertical .footer-bottom .footer-bottom-content{
	padding-bottom: 50px;
}

.grecaptcha-badge {
    display: none;
}

span.wpcf7-not-valid-tip{
	direction: ltr;
}

.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu li a {
    font-size: 24px;
}

.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container{
	text-align: center;
}

.home-approach a {
    color: #242321!important;
}

@media only screen and (max-width: 768px) {
	.home-approach {
	    display: flex;
	    flex-wrap: wrap;
	    flex-direction: column-reverse;
	}
}

@media only screen and (min-width: 768px) {
	.reverse-order{
	    display: flex;
	}
}

@media only screen and (min-width: 992px) {
	.wpcf7 .row {
	    display: flex;
	}
}

.wpcf7 .row {
	direction: rtl;
}

.wpcf7-form-control-wrap{
	width: 100%;
}

.wpcf7 .col-md-4{
	
    padding-left: 15px;
}

.wpcf7 .col-sm-12{
	
	padding-left: 15px;
}

.wpcf7 .labeled-input-row input {
    width: 100%;
}

.wpcf7 .labeled-input-row{
	flex-wrap: nowrap;
}

.right-to-left ul{
    padding-right: 20px;
    color: #555;
}

body {
    font-size: 16px;
    line-height: 1.5;
}

.box-content-p {
    font-size: 16px;
    line-height: 1.5;
}

.site-footer .footer-bottom-content a {
    font-size: 18px;
    font-weight: 600;
}

.footer-bottom-content {
    font-size: 18px;
    font-weight: 600;
    color: #666;
}

.right-to-left{
	direction: rtl;
}

.main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>a {
    font-size: 18px;
    font-weight: 600;
}

.standard-menu-container div.menu>ul>li+li, .standard-menu-container ul.menu>li+li {
    margin-right: 25px;
    margin-left: 0;
}

.standard-menu-container{
	direction: rtl;
	margin-top: -100px;
}




/* End CompTech Custom CSS */


/* Center Titles */
.wpb_wrapper .section-title {
    text-align: center;
}

/* Titles: Top Margin */
body.page .section-title h1, body.page .section-title h2, body.page .section-title h3 {
    margin-top: 60px !important;
}

/* Top Menu: Bottom padding for contact form labels  */
.top-menu--widgets .widgettitle {
    color: #FFF;
}

/* Top Menu: Remove underline from titles on mouseover */
.top-menu-container .top-menu ul li a:after {
    background-color: transparent;
}

/* Blog: Remove underline from titles on mouseover */
.blog-posts .post-item .post-details .post-title a:after {
    display: none;
}

/* Background Image */
.wrapper {
    background:url(https://www.talibobrov.co.il/wp-content/uploads/2020/06/pattern-29.jpg);
}

/* Contact: Input Form Border Color */
.labeled-input-row input {
    border-bottom-color: #ededed;
}

/* Contact: Input Form Border Color */
.labeled-textarea-row textarea {
    background-image: linear-gradient(#ededed 1px, transparent 1px);
}
/* ===========================================================
Custom modification only for FREELANCER Demo - END
=========================================================== */

/* ===========================================================
User CSS modifications
=========================================================== */
.example {
    color: red !important;
}