/*
Theme Name: Kalium - Shop 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 SHOP Demo - START
=========================================================== */

/* Homepage: Free Shipping Text Align */
.free-shipping {
    text-align: center;
}

/* Footer: Link Color */
footer.main-footer a {
    color: #bbb !important;
}

/* Footer Inverted: Background Color */
footer.main-footer-inverted {
    background-color: #333 !important;
}

/* Footer: Border Color */
.main-footer.main-footer-inverted hr {
    border-color: rgba(255,255,255,.1);
}

/* Footer: Removed Margin Bottom for Widgets */
.footer-widgets .widget.widget_nav_menu {
    margin-bottom: 0px;
}

/* Footer: Decreased Padding for Widgets */
.footer-widgets .widget ul li {
    padding: 2px 0px;
}

/* Separator Line */
.vc_separator.vc_sep_color_grey .vc_sep_line {
    border-color: #333;
}

/* Sidbar Right: Added an extra padding on the left */
.blog-sidebar.shop-sidebar.shop-sidebar-right {
    padding-left: 20px;
}

/* Blog: Textarea Lines */
.comment-form textarea {
    background-image: linear-gradient(#DDD 1px, transparent 1px);
}

/* Blog: Textarea Lines */
.labeled-input-row input {
    border-bottom-color: #DDD;
}

/* ===========================================================
Custom modification only for SHOP Demo - END
=========================================================== */

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

/* ===========================================================
Copy form aquamen child theme - START
=========================================================== */

/* Contact - Contact Form */
.contact-form .form-group,
.comment-respond .labeled-textarea-row,
.comment-respond .labeled-input-row {
	padding: 16px 22px;	
	background: #F0F0F0;
	margin-bottom: 30px;
}

.contact-form .contact-form-privacy-policy {
    padding: 0px;
    background: transparent;
}

.contact-form .form-group label, .comment-form label {
	margin-right: 10px;	
}

.single-post .comment-form {
	width: 100%;
	margin-left: 0px;
}

.logged-in-as {
    padding-left: 0px !important;
}

.single-post .comment-form>p {
	padding: 16px 22px;
}

.single-post .comment-form>p.form-submit {
	padding: 0px;
}

.comment-respond .labeled-input-row {
	border-right: 1px solid #FFF;
}

/* Contact - Placeholder */
.contact-form .form-group label,
.comment-respond .labeled-textarea-row label,
.comment-respond .labeled-input-row label {
	border-bottom: none;
    color: #999;
}

/* Contact - Fields Styling */
.contact-form input, 
.contact-form textarea {
    background-image: none;	
	border-bottom: none;
	padding: 0px;
}

/* Contact - Send Button */
.contact-form .send {
	margin: 0px;
}

@media screen and (max-width: 768px) {
	/* Contact - Send Button Full Width in Mobile */
	.contact-form .send {
		width: 100%;	
	}
	
	/* Contact - Margin Bottom in Mobile */
	.contact-form .form-group {
		margin-bottom: 15px;	
	}
}


/* Contact: Address Padding  */
.our-location {
	padding: 65px 0;
}

/* Contact: Address Padding on Mobile */
@media screen and (max-width: 768px) {
	.our-location {
		padding: 35px 0;
	}
}

/* Contact: Remove Margin from Title */
.our-location .wpb_wrapper .section-title>h2 {
	margin-top: 0px;	
}

/* Contact: Social Networks Remove Margin */
.contact-form .social-networks.rounded {
	margin-left: 0px;
	padding-left: 0px;
}

/* Contact: Social Networks Background Color */
.social-networks.rounded li a {
  background: #EEE;
}

/* Contact: Social Networks Margin */
.social-networks.rounded li {
	margin-right: 10px;
}

/* ===========================================================
Copy form aquamen child theme - END
=========================================================== */