/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 
 * Author Lautaro Angelico (https://lautaroangelico.com/)
 * Copyright (c) 2013-2020 Lautaro Angelico, All Rights Reserved
 
 * Licensed under the MIT license
 * http://opensource.org/licenses/MIT
 
 =========================================================
 
*/
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	border-top: none !important;
}

a:focus,
a:hover {
	color: inherit !important;
	text-decoration: none !important;
}

.form-control {
	background: #fafafa;
	border: 1px solid #e3e3e3;
	color: #666;
}

.form-control:focus {
	border: 1px solid #ccc;
}

/* http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3 */
.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}

/* http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 */
.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.thumbnail {
	background-color: #f1f1f1;
	border: 1px solid #e3e3e3;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
	border-color: rgb(51, 122, 183);
}

.btn-primary {
	color: rgb(51, 122, 183);
	background-color: transparent;
	border-color: rgb(51, 122, 183);
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
	color: #fff !important;
	background: rgb(51, 122, 183) !important;
	border: 1px solid rgb(51, 122, 183) !important;
}

/* SOCIAL ICONS */
.social-icons {
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	padding-top: 20px;
}

.social-icon {
	display: inline-block;
	position: relative;
	color: rgba(255, 255, 255, 0.7) !important;
	margin-right: 7px;
	transition: all 0.3s ease;
}

.social-icon::before {
	content: '';
	position: absolute;
	margin-top: -3px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	width: 39px;
	height: 39px;
	background-color: white;
	border-radius: 50%;
	transition: transform 0.1s ease;
	z-index: 0;
}

.social-icon:hover::before {
	transform: translate(-50%, -50%) scale(1);
}

.social-icon svg {
	position: relative;
	z-index: 1;
	/* filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5)); */
}

.social-icon:hover {
	transform: scale(1.1);
}

.social-icon:hover svg {
	filter: drop-shadow(0 0 1px white);
}

.social-icon.whatsapp:hover {
	color: #25D366 !important;
}

.social-icon.facebook:hover {
	color: #1877F2 !important;
}

.social-icon.discord:hover {
	color: #5865F2 !important;
}

/* Discord needs smaller circle since icon shape is different */
.social-icon.discord::before {
	width: 28px;
	height: 13px;
	border-radius: 8px;
	margin-top: 0;
}