/*
Theme Name: rcpbg
Theme URI: https://www.bootstrap.io
Version: 1683911593958
Description: The standard for Bootstrap WordPress Themes.
Author: Bootstrap
Author URI: https://www.bootstrap.io
Template: salient
Version: 5.4
Tags:
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/

@import url('library/styles/main.css');

/* MENU */
#top {
	background-color: #02203f;
	height: 90px;
}

 #header-outer #top nav > ul > li {
	margin-left: -25px !important;
}

.page-id-617 #header-outer .menu-item {
	white-space: nowrap;
}

#menu-item-3570 {
	white-space:nowrap !important;
}
	
.btn-service-amenities, .menu-title-text {
	white-space: nowrap !important;
}

.btn-service-amenities {
	white-space: nowrap !important;
	-webkit-appearance: none;
  -moz-appearance: none;
   appearance: none;
}

body.page-news #header-outer:not(.small-nav) .menu-title-text {
color: #FFFFFF !important;
}

.news-video {
	height: 100vh;
}

/* MOBILE Header */

@media only screen and (max-width: 1100px) {
	#header-outer[data-lhe=animated_underline] li>a .menu-title-text {
		font-size: 10px;
    padding-right: 10px;
	}
	#header-outer {
		height: 80px !important;
	}
	#header-outer #top #logo img {
		transform: scale(0.8);
	}
}

@media only screen and (max-width:999px) {
	.txt-over-video {
		padding-top: 0;
	}
	#top {
		height: 30px !important;
	}
	body #top #logo img {
		height: auto !important;
		width:100px !important;
	}
	.mobile-only-logo {
			transform: scale(1.03);
			z-index: 100;
			transform: scale(0.8);
		  	left: -25px;
	}
	#slide-out-widget-area.fullscreen-inline-images .inner {
			margin: 0 !important;
	}
}

/* POP UP E-Brochure CSS */

      #popup-container {
            padding: 30px;
            color: #000;
            font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
		  	background-color: #f4f3ee;
        }
        .popup-title {
            font-family: "Adobe Caslon Pro";
            font-size: 36px; 
            text-align: center; 
            font-weight: 300;
            line-height: 1.3;
        }
        .popup-description {
            font-size: 25px;
            line-height: 1.3;
            text-align: center;
            margin-top: 20px;
            letter-spacing: 2px
        }
        #content1::after{
            content: "\a";
            white-space: pre;
        }
        #two-columns {
            display: flex; 
            flex-wrap: wrap;
            margin-top: 30px;
        }
        #two-columns .popup-col {
            flex: 1 0; 
            min-width: 450px; 
            padding: 40px;
        }
        .frm_submit {
            text-align: center;
            margin-top: 25px;
        }
        .frm_submit button {
            width: 100px;
            letter-spacing: 2px;
        }
        #field_ufoid-0 {
            margin: 0px 4px 0 0;
        }
			/* Dropdown */

		.popup_dropdown {
			font-size: 15px !important;
  			font-family: inherit !important;
  			text-transform: none !important;
  			letter-spacing: 0.5px !important;
  			font-weight: 300 !important;
  			padding-bottom: 10px !important;
			padding-left: 3px;
  			margin-top: 10px;
		}
		.select2-selection {
			background: none !important;
			border-color: #000 !important;
		}
		.select2-container {
		 z-index: 100000000000 !important;
		}


		.popup_field input {
			background: none;
			border-bottom: 1px solid #000000;
			padding: 0px 0px 10px 0px;
			color: #000;
			font-size: 15px;
			font-family: Proxima Nova Rg;
		}
		.popup_label {
			font-size: 15px;
			font-family: Proxima Nova Rg !important;
			margin-top: 25px;


		}
		.popup_checkbox_label label {
			font-family: inherit !important;
			font-size: 15px;
		}
			/* Popup Media Queries */

        @media only screen and (max-width: 1620px) {
            #two-columns .popup-col {
                text-align: center;
            }
        #content1::after{
            content: "";
        }
        } 
        @media only screen and (max-width: 600px) {
            #popup-container {
                padding: 20px;
            }
            .popup-title {
                font-size: 20px; 
            }
            .popup-description {
                font-size: 14px;
                margin-top: 20px;
            }
            #two-columns .popup-col {
                min-width: 260px !important;
                padding: 0;
            }
            #content1::after{
                content: "";
            }
        }

/* SERVICE AND AMENITIES */

.btn-highlight {
	font-family: Proxima Nova Lt;
  	font-size: 15px !important;
}
.btn-highlight:hover {
}

/* Homepage Animation */
@keyframes fadeIn {
    0% {
        opacity: 0; /* Start with opacity 0 */
    }
    100% {
        opacity: 1; /* End with opacity 1 */
    }
}

.txt-over-video {
	padding-top: 140px;
}

.hero-animation {
    opacity: 0; /* Initially hide the element */
    animation: fadeIn 1s ease-in-out 0.5s forwards;
	height: 100vh;
}

@media only screen and (max-width:600px) {
	.hero-animation {
		height: 80vh;
	}

	#slide-out-widget-area.fullscreen-inline-images .inner .off-canvas-menu-container {
		padding-top:65px;
	}

	.sub-menu .wrap {
		padding-top:20px;
		font-size: 12px;
	}

	#slide-out-widget-area .menuwrapper .menu-item-has-children .sub-menu .menu-item-object-page:not(:last-child):after {
	  top: 27px !important;;
	}
	
}


/* Landing Broker */

    .landing-broker {
        background-color: #f4f3ee;
        text-align: center;
        padding: 90px 0px;
    }
    .landing-max-width {
        margin: 0 auto;
        max-width: 1285px;
    }
    .main-title {
        background-color: black;
        color: #f4f3ee;
        font-size: 40px;
        padding: 30px 0px 20px;
    }
    .display-class {
        display: block;
    }
    .text-bl {
        font-size: 45px;
        font-weight: bold;
        text-transform: uppercase;
        padding-top: 50px;
    }
    .text-rg {
        font-size: 32px;
        font-weight: 400;
        text-transform: uppercase;
        padding-top: 20px;
    }
    .text-lh {
        font-size: 25px;
		font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 200;
       	padding: 50px 0px 0px;
    }
    /* Basic styling for two-column layout */
    .two-column-container {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin: 20px 0;
    }
    .two-column-left,
    .two-column-right {
        flex: 1 1 45%;
    }
    .two-column-left {
        /* Adjust left column styling */
        padding: 20px;
    }
    .two-column-left img {
        width: 100%;
    }
    .two-column-right {
        /* Adjust right column styling */
        padding: 20px;
    }
    .landing-disclaimer {
        font-size: 13px;
        font-weight: 200;
    }
   
	.landing_form input {
			background: none !important;
			border-bottom: 1px solid #000000;
			color: #000;
			font-size: 15px !important;
			font-family: Proxima Nova Rg;
			border-width: 0px 0px 1px 0px !important;
		  	border-radius: 0px !important;
		  	border-color: black !important;
	}
	.broker_submit {
		  text-align: center;
		  margin-top: 25px;
	}
	.broker_submit button {
			letter-spacing: 3px;
	}
 /* Responsive adjustments */
    @media (max-width: 768px) {
		.landing-broker {
			background-color: #f4f3ee;
			text-align: center;
			padding: 69px 0px;
    	}
        .main-title {
            font-size: 22px;
            padding: 15px 0;
        }
        .landing-mobile-pd {
            padding: 30px 20px;
        }
        .text-bl {
            font-size: 17px;
            padding: 10px;
        }
        .text-rg {
            font-size: 15px;
            padding-top: 5px;
			width: 300px;
    		margin: 0 auto;
        }
        .text-lh {
            font-size: 14px;
            font-weight: 200;
            padding: 10px 0px;
			width: 240px;
    		margin: 0 auto;
        }
        .landing-disclaimer {
            font-size: 10px;
            font-weight: 200;
			padding: 0 20px;
        }
        .two-column-container {
            flex-direction: column;
			margin: 0px;
        }
        .two-column-left {
        /* Adjust left column styling */
            padding: 0px;
        }
		.landing_form input {
			padding-top: 0px !important;
		}
    }

/* Residences > Floorplans > Image Gallery */


.thumb-gallery {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top: 10px;
}

.thumb-gallery>* {
    padding-right: 5px;
}

.thumb-gallery li {
    list-style-type: none !important;
}
.thumb-gallery li img {
    width: 230px !important;
}
.thumb-gallery>*>* {
    display: inline-block;
    position: relative
}

.thumb-gallery>*>::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.4));
    transition: opacity .1s ease-in-out
}

.thumb-gallery>*>:hover::after {
    opacity: 0
}

.thumb-gallery>.uk-active>::after {
    opacity: 0
}

.uk-position-center-left, 
.uk-position-center-right {
    transform: translateY(-50%); /* Center arrows vertically relative to the slideshow */
    top: 35%;
}

.uk-slideshow-items {
    position: relative;
}

.uk-position-relative {
    padding-bottom: 40px; /* Add spacing to account for the thumbnails */
}

/* Fade-in animation only for newly swapped content */
.fade-in {
  opacity: 0;                 /* Start invisible */
  transition: opacity 1s ease-in; /* Smooth fade-in effect over 1 second */
}

.fade-in.visible {
  opacity: 1;                 /* Fully visible */
}

/* Ensure initial content is always visible */
#title-swap, #content-swap, #img-swap {
  opacity: 1;                 /* Default visibility */
  transition: none;           /* No animation for initial state */
}

.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
	text-decoration: none !important;
}