/*
Theme Name: Very Important Play
Theme URI: http://www.veryimportantplay.com
Version: 1.0
template: bb-theme
*/


img.badge {max-width:5rem}
img.avatar-vip {max-height:3em; padding:0.5rem}

.child-avatargroup {}
.child-avatargroup span {display:block}
.child-avatargroup img {height:2.5em; width:auto}


.avatargroup {}
.avatargroup span {}
.avatargroup span img {height:2.5em; width:auto}
    


.tooltip-container {position: relative; display: inline-block; cursor: pointer; }
.tooltip-text {visibility: hidden; background-color: black; color: white; text-align: center; padding: 5px; border-radius: 5px; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); white-space: nowrap; opacity: 0; transition: opacity 0.3s ease-in-out; }
.tooltip-container:hover .tooltip-text {visibility: visible; opacity: 1; }



table.table-vip {border-collapse: separate; border-spacing: 0; width: 100%; font-size: 0.85em; border-radius: 0.8em; overflow: hidden}
table.table-vip thead tr th {background:#fff8e1}
table.table-vip thead th:first-child {border-top-left-radius: 10px}
table.table-vip thead th:last-child {border-top-right-radius: 10px}
table.table-vip thead tr th,
table.table-vip tbody tr td {padding:0.8em; vertical-align: top}
table.table-vip tbody tr td {background:#fff}
table.table-vip tbody tr:nth-child(even) {}
table.table-vip tbody tr:hover {}
table.table-vip tbody tr:nth-of-type(even) {}
table.table-vip tbody tr:last-of-type {}
table.table-vip {}
table.table-vip.info {}
table.table-vip.info th {background-color: #ffce1e}

table.table-vip.clean {}
table.table-vip.clean th,
table.table-vip.clean tbody tr td {background-color:none}

table.table-vip-datalist {border-collapse: separate; border-spacing: 0; width: 100%; font-size: 0.85em; border-radius: 0.8em; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
table.table-vip-datalist thead tr th {background:#fff8e1}
table.table-vip-datalist thead th:first-child {border-top-left-radius: 10px}
table.table-vip-datalist thead th:last-child {border-top-right-radius: 10px}
table.table-vip-datalist thead tr th,
table.table-vip-datalist tbody tr th,
table.table-vip-datalist tbody tr td {padding:0.8em; vertical-align: top}
table.table-vip-datalist tbody tr th {background:#fff}
table.table-vip-datalist tbody tr td {background:#fff}



.panel {border: 1px solid #f0f0f0; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; background: #fff; margin-bottom: 2em}

.fl-button-lightbox-content {-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;}
button.mfp-close {}


/*
.table-vip {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
}


.table-vip thead th {
    background-color: red;
    color: white;
    padding: 10px;
    text-align: left;
    border-bottom: 2px solid #ddd;
}


.table-vip tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}

.table-vip tbody tr:hover {
    background-color: #ddd;
}


.table-vip tbody td {
    padding: 8px;
    border-bottom: 1px solid #ddd;
}
*/












.frm_style_formidable-style.with_frm_style .frm_error {background: #fa3b1d; color: #fff; padding: 0.8rem}


.vip-success {display: block; line-height: 3rem; text-transform: capitalize}

.btn-vip {
display: inline-block;
padding: 0.3em 1em;
color: #ffffff !important;
background-color: #007bff;
border-radius: 1rem;
border: none;
text-align: center;
cursor: pointer;
transition: background-color 0.3s ease;
}

.btn-vip:hover {
background-color: #0056b3;
}

.btn-vip:active {
background-color: #004494;
}




@font-face {
  font-family: "geomanist-regular";
  src:  url("font/geomanist-regular-webfont.woff2") format("woff2"),
        url("font/geomanist-regular-webfont.woff") format("woff");
  font-weight: normal;
}



@font-face {
	font-family: "geomanist-black-italic-webfont";
	src: url("font/geomanist-black-italic-webfont.woff2") format("woff2"),
		url("font/geomanist-black-italic-webfont.woff") format("woff");
	font-weight:normal;
}
@font-face {
	font-family: "geomanist-black-webfont";
	src: url("font/geomanist-black-webfont.woff2") format("woff2"),
		url("font/geomanist-black-webfont.woff") format("woff");
	font-weight:normal;
}
@font-face {
	font-family: "geomanist-bold-italic-webfont";
	src: url("font/geomanist-bold-italic-webfont.woff2") format("woff2"),
		url("font/geomanist-bold-italic-webfont.woff") format("woff");
	font-weight:normal;
}
@font-face {
	font-family: "geomanist-bold-webfont";
	src: url("font/geomanist-bold-webfont.woff2") format("woff2"),
		url("font/geomanist-bold-webfont.woff") format("woff");
	font-weight:normal;
}
@font-face {
	font-family: "geomanist-book-italic-webfont";
	src: url("font/geomanist-book-italic-webfont.woff2") format("woff2"),
		url("font/geomanist-book-italic-webfont.woff") format("woff");
	font-weight:normal;
}
@font-face {
	font-family: "geomanist-book-webfont";
	src: url("font/geomanist-book-webfont.woff2") format("woff2"),
		url("font/geomanist-book-webfont.woff") format("woff");
	font-weight:normal;
}
@font-face {
	font-family: "geomanist-extralight-italic-webfont";
	src: url("font/geomanist-extralight-italic-webfont.woff2") format("woff2"),
		url("font/geomanist-extralight-italic-webfont.woff") format("woff");
	font-weight:normal;
}
@font-face {
	font-family: "geomanist-extralight-webfont";
	src: url("font/geomanist-extralight-webfont.woff2") format("woff2"),
		url("font/geomanist-extralight-webfont.woff") format("woff");
	font-weight:normal;
}
@font-face {
	font-family: "geomanist-light-italic-webfont";
	src: url("font/geomanist-light-italic-webfont.woff2") format("woff2"),
		url("font/geomanist-light-italic-webfont.woff") format("woff");
	font-weight:normal;
}
@font-face {
	font-family: "geomanist-light-webfont";
	src: url("font/geomanist-light-webfont.woff2") format("woff2"),
		url("font/geomanist-light-webfont.woff") format("woff");
	font-weight:normal;
}
@font-face {
	font-family: "geomanist-medium-italic-webfont";
	src: url("font/geomanist-medium-italic-webfont.woff2") format("woff2"),
		url("font/geomanist-medium-italic-webfont.woff") format("woff");
	font-weight:normal;
}
@font-face {
	font-family: "geomanist-medium-webfont";
	src: url("font/geomanist-medium-webfont.woff2") format("woff2"),
		url("font/geomanist-medium-webfont.woff") format("woff");
	font-weight:normal;
}
@font-face {
	font-family: "geomanist-regular-italic-webfont";
	src: url("font/geomanist-regular-italic-webfont.woff2") format("woff2"),
		url("font/geomanist-regular-italic-webfont.woff") format("woff");
	font-weight:normal;
}
@font-face {
	font-family: "geomanist-regular-webfont";
	src: url("font/geomanist-regular-webfont.woff2") format("woff2"),
		url("font/geomanist-regular-webfont.woff") format("woff");
	font-weight:normal;
}
@font-face {
	font-family: "geomanist-thin-italic-webfont";
	src: url("font/geomanist-thin-italic-webfont.woff2") format("woff2"),
		url("font/geomanist-thin-italic-webfont.woff") format("woff");
	font-weight:normal;
}
@font-face {
	font-family: "geomanist-thin-webfont";
	src: url("font/geomanist-thin-webfont.woff2") format("woff2"),
		url("font/geomanist-thin-webfont.woff") format("woff");
	font-weight:normal;
}
@font-face {
	font-family: "geomanist-ultra-italic-webfont";
	src: url("font/geomanist-ultra-italic-webfont.woff2") format("woff2"),
		url("font/geomanist-ultra-italic-webfont.woff") format("woff");
	font-weight:normal;
}
@font-face {
	font-family: "geomanist-ultra-webfont";
	src: url("font/geomanist-ultra-webfont.woff2") format("woff2"),
		url("font/geomanist-ultra-webfont.woff") format("woff");
	font-weight:normal;
}