.nav-link, .nav-link a {
color: #FFFFFF !important;
}
.nav-link:hover, .nav-link a:hover, .nav-link:active, .nav-link a:active {
text-decoration: underline !important;
}
.nav-link.active {
text-decoration: underline;
}
.purple_bg
{
background-color: #eebd22 !important;
}
.gray_bg
{
background-color: #444444 !important;
}
.text-smaller{
font-size: smaller;
}
.text-larger{
font-size: 30px;
}
.city_block{
background-color: #444444;
min-height:80px !important;
}
.seperator{
background-color:transparent !important;
height: 0px !important;
border-bottom: 2px solid transparent !important;
margin-top:0px !important;
margin-bottom:10px !important;
width:95% !important;
margin-left:auto;
margin-right:auto;
padding:0px !important;
}
.square-corners {
border-radius: 0 !important;
width:374px !important;
margin-right: 0px !important;
}
.noUi-connect
{
background-color: #eebd22 !important;
height:20px;
}
.noUi-base::before {
content: "Age";
color: white;
position: absolute;
left: 45%;
font-weight: bold;
z-index:10000;
top:-3px;
text-transform: uppercase;
font-size:13px;
}
#breast-slider .noUi-base::before {
content: "Breasts";
color: white;
position: absolute;
left: 45%;
font-weight: bold;
z-index:10000;
top:-3px;
text-transform: uppercase;
font-size:13px;
}
#height-slider .noUi-base::before {
content: "Height";
color: white;
position: absolute;
left: 45%;
font-weight: bold;
z-index:10000;
top:-3px;
text-transform: uppercase;
font-size:13px;
}
#weight-slider .noUi-base::before {
content: "Weight";
color: white;
position: absolute;
left: 45%;
font-weight: bold;
z-index:10000;
top:-3px;
text-transform: uppercase;
font-size:13px;
}
.noUi-tooltip{
border:0px;
background-color: transparent;
color: #fff;
font-weight: bold;
}
.slider{
margin-top:40px;
margin-bottom:20px;
}
.spinner-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.7);
display: flex;
justify-content: center;
align-items: center;
z-index: 100; /* Ensure it's above other content */
}
#left_column {
position: relative;
}
#left_column.blur {
filter: blur(2px);
}
.accordion-button{
border-bottom-color: #999 !important
}
.accordion-item {
border: none !important;
border-style: none !important;
}
.accordion-item h2{
border-bottom: 1px solid #999999 !important;
}
.accordion-button:not(.collapsed) {
position: relative; /* Ensure the button can serve as a reference point for positioning */
}
.accordion-button:not(.collapsed)::after {
/* Override Bootstrap's default arrow */
transform: none !important;
/* Set the SVG for the 'up' triangle */
content: url('data:image/svg+xml;utf8,') !important;
border: none !important;
border-style: none !important;
}
/* When the accordion button is collapsed (i.e., it is closed) */
.accordion-button.collapsed::after {
/* Override Bootstrap's default arrow */
/* Set the SVG for the 'down' triangle */
content: url('data:image/svg+xml;utf8,') !important;
/* Optionally adjust alignment */
transform: none !important;
border: none !important;
border-style: none !important;
}
.accordion-button:not(.collapsed)::after {
background-image: var(--bs-accordion-btn-active-icon);
transform: var(--bs-accordion-btn-icon-transform);
}
.form-check-label{
font-size:13px;
}
.bootstrap-iso .formden_header h2, .bootstrap-iso .formden_header p, .bootstrap-iso form
{
color: #ffffff
}
.bootstrap-iso form button, .bootstrap-iso form button:hover
{
color: white !important;
}
.bootstrap-iso .btn-custom
{
background: #347a05
}
.bootstrap-iso .btn-custom:hover
{
background: #347a05;
}
.bootstrap-iso .form-control:focus
{
border-color: #347a05; -webkit-box-shadow: none; box-shadow: none;
}
.bootstrap-iso .has-error .form-control:focus
{
-webkit-box-shadow: none; box-shadow: none;
}
.asteriskField
{
color: red;
}
.bootstrap-iso form .input-group-addon
{
color:#555555; background-color: #ffffff; border-radius: 4px; padding-left:12px
}
#public:hover, #private:hover, #video:hover{
cursor: pointer;
}
@media (max-width: 767px)
{
.carousel-inner .carousel-item > div
{
display: none;
}
.carousel-inner .carousel-item > div:first-child
{
display: block;
}
}
.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev
{
display: flex;
}
/* medium and up screens */
@media (min-width: 768px)
{
.carousel-inner .carousel-item-end.active,
.carousel-inner .carousel-item-next {
transform: translateX(30%);
}
.carousel-inner .carousel-item-start.active,
.carousel-inner .carousel-item-prev {
transform: translateX(-30%);
}
}
.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start
{
transform: translateX(0);
}
.carousel.carousel-fade .carousel-item {
display: block;
opacity: 0;
transition: opacity ease-out .7s;
}
.carousel.carousel-fade .carousel-item.active {
opacity: 1 !important;
}
ul.nav-tabs a.nav-link:hover{
border: 1px solid transparent !important;
text-decoration:none !important
}
ul.nav-tabs a.nav-link:focus{
border: 1px solid transparent !important;
text-decoration:none !important
}
ul.nav-tabs a.nav-link.active {
text-decoration:none !important;
border: 0px !important;
background-color:#eebd22 !important;
}
ul.nav-tabs a.nav-link.active:hover {
border: 0px solid transparent !important;
}
.vip-advertiser-image {
background-position: center;
background-repeat: no-repeat;
overflow: hidden; /* Prevent any overflow from the div */
}
@media (max-width: 991px) { /* Adjust based on where you see the issue */
.vip-advertiser-image {
height: auto; /* Set a fixed height or keep it auto based on your design */
}
}
/* Custom CSS */
.select-stack {
display: flex;
flex-direction: column;
}
.select-stack .form-select {
margin-bottom: 10px; /* Or use margin classes like mt-2 from Bootstrap */
}
@media (max-width: 576px) {
.text-small-sm {
font-size: 0.75rem !important; /* Adjust the size as needed */
}
.header-mb-sm {
margin-bottom:15px
}
.d-sm-none {
display:none
}
}
@media (min-width: 769px) {
#mobileMenu, .menucontainer, .hamburger-menu{display:none !important;}
.large_dd {display:flex !important}
.small_dd {display:none !important}
.searchcontrols{background-color: #444444; max-width:500px;}
.searchform{max-width:500px;}
.advanced_results{margin-left:10px;}
.searchrow{max-width:500px !important;}
#search-panel{margin-left:25px !important;}
body{padding-left:0px;}
}
/* Media query for mobile devices */
@media (max-width: 768px) {
.large_dd {display:none !important}
.small_dd {display:block !important}
.form-select {
display: block !important;
width: 100% !important;
margin-bottom: 10px !important; /* Optional: Adds space between selects */
}
.searchslider{max-width:85vw !important; width:85vw !important}
#mobileMenu{display:block !important}
.desktopnav{display:none}
#desktoptabs{display:none}
body{padding-left:0px !important; padding-right:0px !important;}
.searchcontrols{padding-left:0px !important; padding-left:25px !important; padding-right:25px !important;}
.searchform{max-width:100%;}
.advanced_results{margin-left:0px;}
#advanced{padding-left:10px !important}
#searchcontrols{padding-left:0px !important; max-width:100% !important}
#search-panel {
max-width: 100vw !important;
margin-left: 0px !important;
width: 100vw !important;
}
.container-fluid{max-width: 95vw !important; padding-left: 0px !important}
}