/*
Theme Name: Otelli - Retirement Security
Template: salient
*/

@import "tailwindcss" important;

@theme {
    --font-script: 'Bodoni Moda', Georgia, serif;
    --font-display: 'Inter', Arial, sans-serif;
    --color-primary: #005668;
    --color-secondary: #6EA088;
    --color-secondary-hover: #7dac95;
}

.flexslider
{
    @apply relative mb-0 border-0;
}
.flexslider .slides li img
{
    @apply rounded-lg cursor-pointer hover:opacity-80;
}
.flex-direction-nav
{
    @apply absolute top-0 right-0 bottom-0 left-0 z-10 grid grid-cols-2 h-full items-center pointer-events-none rounded-none;
}
.flex-nav-prev
{
    @apply flex justify-start cursor-pointer rounded-l-none pointer-events-none;
}
.flex-nav-next
{
    @apply flex justify-end cursor-pointer pointer-events-none;
}
.flex-nav-prev a,
.flex-nav-next a
{
    @apply relative w-15 h-15 flex justify-center items-center bg-white text-[0px] pointer-events-auto;
}
.flex-nav-prev a
{
    @apply left-0;
    border-radius: 0 4px 4px 0 !important;
    -webkit-border-radius: 0 4px 4px 0 !important;
}
.flex-nav-next a
{
    @apply right-0 rounded-r-none rounded-l;
    border-radius: 4px 0 0 4px !important;
    -webkit-border-radius: 4px 0 0 4px !important;
}
.flex-nav-prev a:before,
.flex-nav-next a:before
{
    @apply text-primary relative h-13 leading-13 translate-y-[2px];
}
.flex-direction-nav li
{
    @apply list-none;
}

.bg-primary .control label
{
    @apply hidden;
}
.bg-primary .control input,
.bg-primary .control select
{
    @apply bg-white rounded h-10;
}
.control.control-address_keyword
{
    @apply relative;
}
.control.control-address_keyword .current-location
{
    @apply z-10 top-[50%] translate-y-[-50%] w-[20px] h-[20px] right-2 opacity-60;
}

.bg-primary input[type="submit"]
{
    @apply flex items-center bg-secondary hover:bg-secondary-hover rounded h-10 text-base/1;
}

.fancy-select-wrap
{
    @apply w-full p-0;
}


.properties.clear li
{
    @apply flex flex-col md:grid md:grid-cols-2 gap-2 items-stretch list-none float-none clear-none border-none;
}
.properties.clear li .thumbnail
{
    @apply flex justify-end w-auto float-none;
}
.properties.clear li .thumbnail img
{
    @apply rounded-xl;
}
.properties.clear li .details
{
    @apply bg-primary rounded-xl text-white p-6;
}
.properties.clear li:after
{
    @apply hidden;
}