/*
Theme Name: Centennial Terrace RVA
Author: Seablaze
Author URI: http//:www.seablaze.com
Description: Custom WordPress Theme.
Version: 1
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout, custom-menu, editor-style, featured-images, accessibility-ready
Text Domain: wpcustomtheme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =================================== CSS Reset =================================== */
/**
 * 7.0 Accessibility
 */

/* Text meant only for screen readers */
.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font: bold 14px/normal "Noto Sans", sans-serif;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	font: bold 14px/normal "Open Sans", sans-serif;
}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}

/**
 * 8.0 Alignments
 */

.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 1.2em;
}


/**
 * 9.0 Clearings
 */

.clear:before,
.clear:after,
.site:before,
.site:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.nav-links:before,
.nav-links:after,
.comment-navigation:before,
.comment-navigation:after,
.social-navigation ul:before,
.social-navigation ul:after,
.textwidget:before,
.textwidget:after {
	content: "";
	display: table;
}
.clear:after,
.site:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.nav-links:after,
.comment-navigation:after,
.social-navigation ul:after,
.textwidget:after {
	clear: both;
}

/* HOME POPUP CSS START */

.popup-outer {
        position: fixed;
        background: rgba(0,0,0,.7);
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1111;
    }
    .popup-main {
        position: absolute;
        background: #f8f5ef;    
        width: 900px;    
        top:3%;
        left: 50%;  
        margin-left: -450px;
        z-index: 1112;
        font-family:'Open Sans', Arial, Helvetica, sans-serif !important;
        display: block;
    }
    .popup-inner {
        padding: 26px;
        padding-top: 35px;
    }
    .popup-close {
        display: block;
        width: 12px;
        height: 12px;
        cursor: pointer;
        top: 18px;
        right: 10px;
        position: absolute;
        background: url(https://centennialterrace.rentbot.website/wp-content/uploads/2024/02/close.png) no-repeat center center;
        z-index: 10;
        background-size: 100% auto;
    }
    .popup-inner h2 {
        font-size: 24px !important;
        margin: 0 auto 15px !important;
        text-align: center !important;
        color: #000 !important;
        font-family:'Open Sans', Arial, Helvetica, sans-serif !important;
        text-transform: none;
        font-weight: bold;
        max-width: 600px;
    }
    .popup-box-block {
        overflow: hidden;
        background: #fff;
    }
    .popup-card-box {
        width: 50%;
        float: left;
    }
    .popup-card-box a,
    .popup-card-box a:hover {
        text-decoration: none !important;
    }
    .popup-cardbox-in {
        background: #fff;
        margin:0;
        padding: 15px;
        padding-bottom: 20px;
        position: relative;
        font-family:'Open Sans', Arial, Helvetica, sans-serif !important;
    }
    .popup-card-box:first-child .popup-cardbox-in {
        margin-right: 13px;
    }
    .popup-card-box:first-child .popup-cardbox-in:after {
        display: block;
        content: "";
        width: 26px;
        position: absolute;
        top: 0;
        right: -26px;
        bottom: 0;
        background:#f8f5ef;
    }
    .popup-card-box:last-child .popup-cardbox-in {
        margin-left: 13px;
    }
    .popup-card-box:last-child .popup-cardbox-in:after {
        display: block;
        content: "";
        width: 26px;
        position: absolute;
        top: 0;
        left: -26px;
        bottom: 0;
        background:#f8f5ef;
    }
    .popup-cardbox-in img {
        max-width: 100%;
        height: 100%;
        vertical-align: middle;
        margin: 0;
        display: inline-block;
    }
    .popup-cardbox-in h3 {
        font-size: 22px !important;
        margin: 0 !important;
        padding: 15px 0 2px !important;
        color: #000 !important;
        font-family:'Open Sans', Arial, Helvetica, sans-serif !important;
        text-transform: none;
        font-weight: bold;
    }
    .popup-cardbox-in .availability {      
        font-family:'Open Sans', Arial, Helvetica, sans-serif !important;
        font-size: 16px;
        margin-bottom: 20px;
    }
    .popup-cardbox-in .popup-subtitle {
        font-family:'Open Sans', Arial, Helvetica, sans-serif !important;
        font-size: 16px;
        margin-bottom: 15px;
        line-height: 1.5;
        color: #818181;
    }
    .popup-cardbox-in .popup-subtitle em {
       color: #000;
    }
    .popup-cardbox-in .popup-amenities,
    .popup-cardbox-in .popup-amenities ul li {
        font-size: 16px;
        font-family:'Open Sans', Arial, Helvetica, sans-serif !important;
        color: #333;
		line-height:2.2;
    }
    .popup-cardbox-in .popup-amenities ul {
        margin: 0;
        padding-top: 5px;
        padding-bottom: 10px;
        padding-left: 24px;
    }
    .popup-cardbox-in .popup-amenities ul li {
        margin-bottom: 5px;
        font-size: 14px;
    }
    .popup-cardbox-in .availability {
        color: #333;
    }    
    .popup-cardbox-in .availability strong {
        color: #b99645;
    }
    .popup-button {
        text-align: center;
    }
    .popup-button a,
    .popup-button .popupenter {
        padding: 8px 50px;
        background: #b99645;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        border-radius: 35px;
        text-decoration: none;
        display: inline-block;
        vertical-align: middle;
        font-family:'Open Sans', Arial, Helvetica, sans-serif !important;
        cursor: pointer;
    }
    .popup-button a:hover,
    .popup-button .popupenter:hover {
        background: #ab801d;
        text-decoration: none;
        color: #fff;
    }
    .closeonly {
        cursor: pointer;
    }
    @media screen and (max-width:939px) { 
        .popup-main {
            width: 700px;
            margin-left: -350px;
        }
    }
    @media screen and (max-width:767px) { 
        .popup-main {
            width: 90%;
            left: 5%;
            right: 5%;
            margin: 0;
        }
        .popup-box-block {
            background: none;
        }
        .popup-card-box:first-child .popup-cardbox-in {
            margin-right: 0;
        }
        .popup-card-box:last-child .popup-cardbox-in {
            margin-left: 0;
        }
        .popup-card-box:first-child .popup-cardbox-in::after,
        .popup-card-box:last-child .popup-cardbox-in::after {
            display: none;
        }
        .popup-card-box {
            width: 100%;
            text-align: center;
        }
        .popup-card-box:first-child {
            margin-bottom: 26px;
        }
        .popup-cardbox-in .availability {
            height: auto;
            margin-bottom: 20px;
        }
        .popup-cardbox-in {
            padding-bottom: 20px;
        }
        .popup-button a,
        .popup-button .popupenter {
            font-size: 14px;
            padding: 12px 40px;
            border-radius: 4px;
        }
        .popup-cardbox-in .popup-amenities {
            text-align: left;
        }
        .popup-cardbox-in .popup-amenities ul {
            text-align: left;
        }
    }

/* HOME POPUP CSS ENDS */