/*
    SuperDinker Styles
*/

:root{
	--blue:#3366ff;
	--red:#cc0000;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

/* forms
----------------------------------------*/
input[type=date], 
input[type=email], 
input[type=number], 
input[type=password], 
input[type=search], 
input[type=tel], 
input[type=text], 
input[type=url], 
select, 
textarea {
   border: 1px solid #ccc;
}

.form-field {
	padding:0 0 15px;
	position:relative;
}

.form-field p {
	margin:0 0 10px;
}

.form-field label {
	clear:both;
	font-weight:bold;
	position:relative;
}

.fancy-radio {
	position:relative;
}

.fancy-radio label {
	background:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	border:1px solid #ccc;
	display:block;
	padding:15px;
	margin:0 0 10px;
}

.fancy-radio label span {
	display:block;
	font-size:12px;
	font-weight:normal;
	padding:5px 0 0 0;
	color:#333;
}

.fancy-radio label:hover, .fancy-radio input[type="radio"]:checked+label  {
	
	border:1px solid #00A2F6;
	color:#00A2F6;
}

.fancy-radio input {
	position:absolute;
	left:3px;
	top:3px;
	z-index:-1;
}

#gform_multifile_messages_3_15 {
	
	display:none !important;
	
}

.top-menu a:not(.display-name){
	padding:0 0 0 10px;
}

.top-menu .sd-pop-account-menu {
	display:none;
}

.top-menu .sd-pop-account-menu.active {
	display:block;
	position:absolute;
	right:0;
	top:50px;
	padding:25px;
	width:250px;
	border:solid 1px #ccc;
	background:#fff;
	z-index:9999;
}

.top-menu .sd-pop-account-menu a.sd-close-account-menu {
	color:#333;
	position:absolute;
	right:8px;
	top:8px;
	font-size:18px;
}

.top-menu .sd-pop-account-menu a.sd-close-account-menu:hover {
	color:#cc0000;
}

.top-menu .sd-pop-account-menu .sd-pop-account-menu-arrow {
	width: 10px;
  height: 10px;
  background:#fff;
  border-left:solid 1px #bbb;
  border-top:solid 1px #bbb;
  transform: rotate(45deg);
  position:absolute;
  top:-5px;
  right:15px;
}

.top-menu .sd-pop-account-menu p:last-child {
	margin-bottom:0px;
}

.top-menu .sd-pop-account-menu a i {
	margin-right:5px;
}


/* global structure
----------------------------------------- */

.sd-container {
	display:flex;
	justify-content:space-between;
}

.sd-container .sd-left-col,
.sd-container .sd-right-col {
	width:20%;
}

.sd-container .sd-center-col {
	width:60%;
	padding:0 50px;
}

.sd-left-col-heading {
	font-size:18px;
}

/* sd header
----------------------------------------*/
.sd-user-header-image {
	display:flex;
	align-items:center;
}

.sd-user-header-image a{
	line-height:1em;
	display:inline-block;
}

.sd-user-header-image img{
	width:40px;
	height:40px;
	border-radius:50%;
	line-height:1em;
	display:inline-block;
}

/* sd search
----------------------------------------*/

.sd-search-bar {
	padding:0 0 25px;
}

/* user dashboard
----------------------------------------- */

.sd-user-dashboard-avatar {
	display:flex;
	align-items:center;
	padding:0 0 25px;
}

.sd-user-dashboard-image img{
	max-width:25px;
	border:solid 1px #eee;
	margin:0 10px 0 0;
	padding:0;
	height:25px;
	width:25px;
	line-height:25px;
	vertical-align:bottom
}

.sd-user-dashboard-name {
	font-weight:bold;
	line-height:1em;
}

/* user profile
----------------------------------------- */
.sd-profile {
	display:flex;
	padding:0 0 50px;
}

.sd-profile-img {
	position:relative;
	width:25%;
}

.sd-profile-img .update{
	position:relative;
}

.sd-profile-img img{
	border-radius:50%;
	border:solid 1px #ccc
}

.sd-profile-content {
	text-align:left;
	padding:0 0 0 30px;
	font-size:14px;
}

.sd-profile-content h3 {
	font-size:21px;
	margin:10px 0 10px;
	padding:0;
}

/* user profile update
----------------------------------------- */
.gpfup__droprea--maxed {
	display:none !important;
}

/* listing Filters
----------------------------------------*/

.sd-apply-filters-btn {
	padding: 5px 0 20px;
	position: sticky;
	top:0;
	background: #fff;
	z-index:99;
}

.sd-apply-filters-btn input {
	width: 100%;
}

.sd-filter-row {
	padding:0 0 20px;
}

.sd-filter-row label, .sd-filter-row p, .sd-filter-row legend {
	font-weight: bold;
	margin:0 0 5px 0;
	padding: 0;
}

.filter-distance {
	padding: 0 0 5px 0;
}

.filter-prices {
	display: flex;
	align-items: center;
}

.filter-prices span {
	display: inline-block;
	padding:0 10px;
}

.filter-price label, .filter-brand label {
	display: block;
	font-weight: normal;
}

.filter-brand-list {
	height: 200px;
	overflow-y: scroll;
}

.filter-brand-list::-webkit-scrollbar {
    height: 7px;
    width: 7px;
    background: #efefef;
}

.filter-brand-list::-webkit-scrollbar-thumb {
    background: #023054;
   
}

.filter-shoe-size label {
	position: relative;
	margin: 
}

.filter-shoe-size label input {
	position:absolute;
	top:5px;
	left:5px;
	z-index:1;
}

.filter-shoe-size label span {
	padding: 5px;
	margin: 0 10px 10px 0;
	border:solid #ccc 2px;
	display: inline-block;
	z-index:2;
	background: #fff;
	position: relative;
	font-weight: normal;
}

.filter-shoe-size label span:hover {
	border-color: var(--blue);
}

.filter-shoe-size label input:checked + span {
  border-color: var(--blue);
}
/* listings
----------------------------------------*/

.sd-listings-grid {
	display: flex;
	gap: 20px; 
	flex-wrap: wrap;
	flex-direction: row;
}

.sd-listings-grid .sd-listing {
	width: calc(33.33% - 13.33px);
	padding: 25px;
	border: solid 1px #ddd;
	border-radius: 3px;
}

.sd-listings-grid .sd-listing .sd-listing-title h2 {
	padding: 0;
	margin: 0;
}

.sd-listings-grid .sd-listing .sd-listing-title h2 a {
	font-size: 21px;
	font-weight: normal;
	color: #333;
}

.sd-listings-grid .sd-listing .sd-listing-title h2 a:hover {
	color: var(--blue);
}

.sd-listings-grid .sd-listing .sd-listing-price {
	font-size: 22px;
	font-weight: bold;
}

/* groups
----------------------------------------*/

.sd-group-visibility {
	display:none;
}

.sd-group-visibility.active {
	display:block;
}

h3.sd-your-groups {
	margin-top:30px;
}

.sd-group-image img {
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	border-radius:15px;
}

h1.sd-group-title {
	position:relative;
	font-size: 28px;
}

a.sd-edit-group-pencil {
	font-size:18px;
	top:-20px;
	display:inline-block;
	position:relative;
}

.sd-group-post {
	padding: 10px 25px;
	background: #f0f7fa;
	border:solid 1px #ddd;
	border-radius:25px;
	cursor: text;
}

.sd-group-post.active {
	padding: 50px;
	border-radius:25px;
}

.sd-group-post-form {
	display:none;
}

.sd-group-post.active .sd-group-post-text {
	display: none;
}

.sd-group-post.active .sd-group-post-form {
	display: block;
}

/* error messages
----------------------------------------*/

.sd-message{
	padding:10px; 
	background:#f9f9f9;
	margin:0 0 25px;
	position:relative;
}

.sd-message.hide{
	display:none;
}

.sd-message.error{
	border-bottom:solid 5px #cc0000;
}

.sd-message.success{
	border-bottom:solid 5px #339933;
}

.sd-message.warning{
	border-bottom:solid 5px #ffcc00;
}

.sd-error-dismiss {
	position:absolute;
	right:5px;
	top:0px;
}

.sd-error-dismiss a{
	color:#cc0000;
}