/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 26 2023 | 14:05:27 */
.avatar,
form.avatar_form .gfield_radio .gchoice input[value="avatar---1"] ~ label,
.avatar---1{ background-image: url('https://thefatpirate.com/wp-content/uploads/avatar/avatar---1.jpg')}
form.avatar_form .gfield_radio .gchoice input[value="avatar---2"] ~ label,
.avatar---2{ background-image: url('https://thefatpirate.com/wp-content/uploads/avatar/avatar---2.jpg')}
form.avatar_form .gfield_radio .gchoice input[value="avatar---3"] ~ label,
.avatar---3{ background-image: url('https://thefatpirate.com/wp-content/uploads/avatar/avatar---3.jpg')}
form.avatar_form .gfield_radio .gchoice input[value="avatar---4"] ~ label,
.avatar---4{ background-image: url('https://thefatpirate.com/wp-content/uploads/avatar/avatar---4.jpg')}
form.avatar_form .gfield_radio .gchoice input[value="avatar---5"] ~ label,
.avatar---5{ background-image: url('https://thefatpirate.com/wp-content/uploads/avatar/avatar---5.jpg')}
form.avatar_form .gfield_radio .gchoice input[value="avatar---6"] ~ label,
.avatar---6{ background-image: url('https://thefatpirate.com/wp-content/uploads/avatar/avatar---6.jpg')}
form.avatar_form .gfield_radio .gchoice input[value="avatar---7"] ~ label,
.avatar---7{ background-image: url('https://thefatpirate.com/wp-content/uploads/avatar/avatar---7.jpg')}
form.avatar_form .gfield_radio .gchoice input[value="avatar---8"] ~ label,
.avatar---8{ background-image: url('https://thefatpirate.com/wp-content/uploads/avatar/avatar---8.jpg')}
form.avatar_form .gfield_radio .gchoice input[value="avatar---9"] ~ label,
.avatar---9{ background-image: url('https://thefatpirate.com/wp-content/uploads/avatar/avatar---9.jpg')}
form.avatar_form .gfield_radio .gchoice input[value="avatar---10"] ~ label,
.avatar---10{ background-image: url('https://thefatpirate.com/wp-content/uploads/avatar/avatar---10.jpg')}
form.avatar_form .gfield_radio .gchoice input[value="avatar---11"] ~ label,
.avatar---11{ background-image: url('https://thefatpirate.com/wp-content/uploads/avatar/avatar---11.jpg')}
form.avatar_form .gfield_radio .gchoice input[value="avatar---12"] ~ label,
.avatar---12{ background-image: url('https://thefatpirate.com/wp-content/uploads/avatar/avatar---12.jpg')}
form.avatar_form .gfield_radio .gchoice input[value="avatar---13"] ~ label,
.avatar---13{ background-image: url('https://thefatpirate.com/wp-content/uploads/avatar/avatar---13.jpg')}
form.avatar_form .gfield_radio .gchoice input[value="avatar---14"] ~ label,
.avatar---14{ background-image: url('https://thefatpirate.com/wp-content/uploads/avatar/avatar---14.jpg')}
form.avatar_form .gfield_radio .gchoice input[value="avatar---15"] ~ label,
.avatar---15{ background-image: url('https://thefatpirate.com/wp-content/uploads/avatar/avatar---15.jpg')}

form.avatar_form .gfield_radio{
    font-size: 0px;
}

form.avatar_form .gfield_radio .gchoice{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    width: 180px;
    height: 180px;
    margin: 0px 10px 10px 0px;
    position: relative;
}

@media (max-width: 768px){
	form.avatar_form .gfield_radio .gchoice{
		width: 35vw;
		height: 35vw;
	}
}


form.avatar_form .gfield_radio .gchoice input{
    display: none;
}

form.avatar_form .gfield_radio .gchoice input:checked ~ label:hover,
form.avatar_form .gfield_radio .gchoice input:checked ~ label,
form.avatar_form .gfield_radio .gchoice label:hover,
form.avatar_form .gfield_radio .gchoice label{
    font-size: 0px;
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: 100%;
    display: block;
    border: 5px solid var(--bricks-color-pilrec);
    cursor: pointer;
    background-size: cover !important;
	-webkit-transition: all 300ms cubic-bezier(0.000, 0.845, 0.440, 1.000); 
	-moz-transition: all 300ms cubic-bezier(0.000, 0.845, 0.440, 1.000); 
	-o-transition: all 300ms cubic-bezier(0.000, 0.845, 0.440, 1.000); 
	transition: all 300ms cubic-bezier(0.000, 0.845, 0.440, 1.000);
}

form.avatar_form .gfield_radio .gchoice input:checked ~ label{
    border: 5px solid var(--bricks-color-rmjriu);
	pointer-events: none;
}