/*
Theme Name: okken
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/


@media only screen and (max-width: 768px) and (min-width: 640px) {
	.tabs li.nav-item {
		width: 33%;
	}
}
@media only screen and (max-width: 640px) and (min-width: 360px) {
	.tabs li.nav-item {
		width: 50%;
	}
}

@media only screen and (max-width: 360px) {
	.tabs li.nav-item {
		width: 100%;
	}
}

.wpcf7-checkbox.form-control .wpcf7-list-item {
	display: inline-block;
	width: calc(25% - 1em);
}

@media only screen and (max-width: 768px) {
	.wpcf7-checkbox.form-control .wpcf7-list-item {
		display: block;
		width: 100%;
		margin: 0;
	}
}

.wpcf7-form .form-group > label {
	width: max-content;
	padding: 0 30px 0 10px;
	display: block;
	font-weight: bold;
	color: black;
	border-bottom: 3px solid var(--red);
	transition: all 0.3s linear;
}

.wpcf7-form .form-group:hover > label {
	padding: 0 50px 0 20px;
}

.wpcf7-form select.form-control {
	background: #f7f7f7 url("../porto/images/select-bg.svg") 96% 49%/26px 60px no-repeat;
	line-height: 33px;
}

.wpcf7-form .form-control {
	border: 1px solid #ddd;
}

.wpcf7-form .form-control:focus, .wpcf7-form select:focus {
    box-shadow: 0 2px 2px rgba(0,0,0,0.175) inset;
    background-color: #fafafa;
    color: #777;
}

.meta-comments,
.meta-author {
	display: none !important;
}