/*   
	Theme Name:        Clarksville TN Apartments - Custom Theme 2024
	Theme URI:         https://clarksvilletnapartments.com
	Description:       A custom theme template for WordPress.
  Author:            Thrive Creative Group, LLC.
	Version:           1.0
	Stable tag:        1.0
	Requires at least: 6.4.3
	Tested up to:      6.4.3
	License URI:       http://www.gnu.org/licenses/gpl-3.0.html

*/

@import url('https://clarksvilletnapartad694.zapwp.com/m:0/a:https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Marcellus&display=swap');
@import url('https://clarksvilletnapartad694.zapwp.com/m:0/a:https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

@media screen {
	/* Google Font Styles */
	.marcellus-regular {
	  font-family: "Marcellus", serif;
	  font-weight: 400;
	  font-style: normal;
	}
	.jost-regular {
	  font-family: "Jost", sans-serif;
	   font-optical-sizing: auto;f
	   font-weight: 400;
	   font-style: normal;
	}
	.jost-medium {
	  font-family: "Jost", sans-serif;
	   font-optical-sizing: auto;
	   font-weight: 500;
	   font-style: normal;
	}
	.jost-bold {
	  font-family: "Jost", sans-serif;
	   font-optical-sizing: auto;
	   font-weight: 700;
	   font-style: normal;
	}
	.jost-italic-regular {
	  font-family: "Jost", sans-serif;
	   font-optical-sizing: auto;
	   font-weight: 400;
	   font-style: italic;
	}
	.jost-italic-medium {
	  font-family: "Jost", sans-serif;
	   font-optical-sizing: auto;
	   font-weight: 500;
	   font-style: italic;
	}
	.jost-italic-bold {
	  font-family: "Jost", sans-serif;
	   font-optical-sizing: auto;
	   font-weight: 700;
	   font-style: italic;
	}
	
	
	
	/* Global Styling */
	* {margin: 0 0 0 0; padding: 0 0 0 0;}
	body {color: #151719; background-color: #fff; font-family: "Jost", sans-serif; font-weight: 400; font-size: 16px; line-height: 1.2em; margin: 0 0 0 0; padding: 0 0 0 0;}
	.screen-reader-text { position: absolute; left: -9999em; }

	/* Typography */
	h1, h2, h3, h4, h5, h6 {line-height: 1.3em; margin: 0.5em 0;}
	h1, h2, h3, h5 {font-family: "Marcellus", serif; font-weight: 400; font-style: normal;}
	h4, h6 {font-family: "Jost", sans-serif;font-optical-sizing: auto;font-weight: 700;font-style: normal;}
	
	h1 {font-size: 50px; font-weight: 500; line-height: 1.3em;}
	h2 {font-size: 48px; font-weight: 500; }
	h3 {font-size: 36px;}
	h4 {font-size: 24px; line-height: 1.2em; text-transform: uppercase; letter-spacing: 0.4em; font-weight: 500;}
	h5 {font-size: 24px; margin: 1em 0; line-height: 2.2em}
	h6 {font-size: 16px; line-height: 1.2em; text-transform: uppercase; font-weight: 500; line-height: 1.5em; letter-spacing: 0.2em;}
	
	/*#151719*/
/*	h6.special:before {height:10px; z-index: 1;background: red;  display: block; content: " "; position: absolute; left: 50%; margin-left: -25%; height: 10px;}
*/	
h6.special {color: #b99d75; text-align: center; display: inline-block; background: #151719; background: #151719; position: relative; z-index: 3; width: 100%; letter-spacing: 0.3em;}
hr.special-line {border-color: #fff; margin-top: -10px; z-index: -5;}
	
	p {line-height: 1.8em; margin: 1em auto 1.5em; letter-spacing: 0.05em;}
	ul, ol {margin: 1.75em 0 1.5em 2em;}
	ul li, ol li {margin: 0 0 .75em 0;}
	blockquote {border-left: 5px solid #b99d75; margin: 2em 0; background: #eee; padding: 1em 1em 1em 2em; display: block; clear: both;}
	
	b, strong {font-weight: 700;}
	em, i {}
	
	/* Links */
	a {color: #b99d75;}
	a:hover {color: #898989;} 
	a.wp-element-button:hover {background: #b99d75 !important; transition: 1s ease;}
	.has-white-color a {color: #b99d75 !important;}
  .has-white-color a:hover  {color: #ffffff !important; transition: 1s ease;}
	div.has-white-color .fancy a {color: #ffffff !important;}
	
	
	/* Images & WP Default Styles */
	img {max-width: 100%; height: auto; }
	figcaption.wp-element-caption {font-size: 16px !important; margin: 10px 0 20px 0 !important;}
	figcaption.wp-element-caption strong {font-size: 21px;}
	.wp-caption-text {}
	.sticky {}
	.gallery-caption {}
	
	/* Globals */
	.wrap {max-width: 1200px; margin: 0 auto; position: relative;}
	.clear {clear: both;}	
	.left {float: left;}
	.right {float: right;}
	.center { margin: 0 auto 0 !important;}
	embed, iframe, object {max-width: 100%;}
	
/*	hr {background: #152848; height: 5px; border: none; border-width: 0; margin: 20px auto 30px ; display: block; clear: both;}
*/	 	 	
	/* Header Black-Bar */
	.top-black {background: #151719; color: #fff; font-weight: 500; letter-spacing: 0.2em;  font-size: 14px; padding: 20px 0 10px 0;}
	.top-black a {color: #fff; text-decoration: none;}
	.top-black a:hover {color: #b99d75; transition: 1s ease;}
	.top-black ul {list-style-type: none; display: block; text-transform: uppercase; margin: 0 0 0 0; padding: 0 0 0 0;}
	.top-black ul li {display: block; float: left;}
	.top-black ul li.separator {margin: 0 0 0 0; padding: 0 40px;}
	.top-black ul.left {float: left;}
	.top-black ul.right {float: right;}
		
	/* Header Navigation */
	header {background: rgba(0,0,0,0.8);}
	header nav {position: relative; z-index: 99;}
	header nav .float {position: relative; }
	header .desktop-nav {padding-top: 80px; text-shadow: 1px 2px 5px #151719;}
	header .desktop-nav ul {display: block; list-style: none; margin: 0 0 0 0; padding: 5px 0 0 0;}
	#desktop-left {position: absolute; left: 0; top: 0;}
	#desktop-right {position: absolute; right: 0; top: 0;}
	header .desktop-nav ul li {float: left; margin: 0 20px 0 0; padding: 0 0 0 0; position: relative;}
	header .desktop-nav ul li.menu-item-has-children:after {content: "v"; display: block; float: right; color: #fff; text-shadow: 2px 2px 4px #000; margin: -40px 0 0 0; font-stretch: extra-expanded;}
	header .desktop-nav ul li a {margin: 11px 25px 0 15px; padding: 0 0 20px 0; display: block; text-transform: uppercase; color: #fff; font-weight: 600; letter-spacing: 0.16em; text-decoration: none;}
	header .desktop-nav ul ul {display: none; position: absolute; background: #151719; padding: 20px 5px 5px 5px; margin: 0 0 0 0; position: absolute; top: 40px; left: 0; z-index: 99999; width: 250px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)}
	header .desktop-nav ul li:hover a {color: #b99d75;}
	header .desktop-nav ul li:hover ul {display: block;}
	header .desktop-nav ul li:hover ul li a {color: #ffffff; text-shadow: none;}
	header .desktop-nav ul ul li {margin: 0 0 0 15px; padding: 0 0 0 0; display: block; clear: both;}
	header .desktop-nav ul ul li {border-bottom: 1px solid #fff;margin-bottom: 15px;}
	header .desktop-nav ul ul li:last-child {border-bottom: none; margin-bottom: 0;}
	header .desktop-nav ul ul li a {font-size: 18px; letter-spacing: 0.05em; color: #fff; display: block; margin: 0 0 0 0; padding: 0 0 15px 0; width: 200px; text-transform: none; font-weight: 400; }
	header .desktop-nav ul li ul li a:hover { color: #b99d75;}
	header .desktop-nav ul li.header-button {border: 2px solid #b99d75; text-shadow: 2px 2px 4px #151719; display: block; margin: 0 0 0 5px;}
	header .desktop-nav ul li.header-button a {padding: 10px 20px; display: block; margin: 0 0 0 0; font-weight: 400;}
	header .desktop-nav ul li.header-button a:hover {background: #b99d75; color: #fff; transition: 1s ease;}
	button#mobile {display: none;}
	.mobile-sidepanel {display: none;}

	/* Homepage */
	.home .metaslider .caption-wrap {top: 0; padding: 23% 0 0 0; text-align: center; opacity: 1;  background: rgba(0,0,0,0.5);}
	.home .metaslider .caption-wrap h4 {color: #b99d75; font-weight: 500; letter-spacing: 0.4em; font-size: 19px; text-shadow: 1px 2px 5px #151719; margin: 0 0 0 0;}
	.home .metaslider .caption-wrap h1 {margin: 0.3em 0 0.5em;  text-shadow: 1px 2px 5px #151719; }
	.home .metaslider .caption-wrap a {color: #fff; box-shadow: 1px 1px 4px #151719; position: relative; z-index: 999; text-decoration: none; width: 240px; font-size: 18px; letter-spacing: 0.1em; padding: 15px 0; margin: 0 auto; background: #b99d75; display: block; font-family: "Marcellus", serif; font-weight: 400; font-style: normal; text-transform: uppercase; }
	.home .metaslider .caption-wrap a:hover {background: #151719; transition: 1s ease;}	
	.column-spacing {padding: 75px 0;}
	.home .featured-section {max-width: 1200px; margin: 0 auto;}
	/* Buttons */
	.wp-block-button.fancy {margin-top: 10px; text-shadow: 1px 2px 5px #151719; box-shadow: 1px 2px 5px #151719; background-color: none !important; letter-spacing: 0.2em; border: 2px solid #b99d75; font-family: "Marcellus", serif;font-weight: 400;font-style: normal; text-transform: uppercase;}
	.is-style-outline {border: 2px solid #b99d75; color: #fff;}
	.is-style-outline a {border: 0px !important;}
	
	
	/* Separators */
	hr.wp-block-separator {width: 10%; color: #b99d75; margin: 20px auto;}
  hr.is-style-wide {width: 100%; margin: 20px auto 20px;}
	/* Covers */	
	.wp-block-cover {text-shadow: 1px 2px 5px #151719;}
	.wp-block-cover p {max-width: 75%;}
	.wp-block-cover, .wp-block-cover-image {min-height: 650px !important;}
	.wp-block-column {position: relative;}
/*	.page-template-default .wp-block-column {padding: 0 30px;}
*/	figcaption.wp-element-caption {position: absolute; bottom: 40px; left: 0; background: #151719; color: #ffffff;font-family: "Marcellus", serif;font-weight: 400;font-style: normal; font-size: 24px; padding: 15px 30px;}
	
	/* Page */
	.page-banner {position: relative; overflow: hidden; max-height: 490px;}
	.page-banner img {margin-bottom: -5px; width: 100%; height: auto;}
	.overlay {background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; /*min-height: 400px;*/}
	h2.page-title {color: #fff; text-shadow: 1px 2px 5px #151719; font-size: 75px; position: absolute; top: 43%; z-index: 9; left: 25%; margin-left: -12.5%; text-align: center; width: 75%;}
  .page-template-default .wp-block-column.wrap {max-width: 1000px; margin: 0 auto; padding: 100px 30px 75px;}
	
/*  .page-entry {padding: 35px 0 70px;}
*/
	/* Footer */
	footer {background: #151719; color: #fff; padding: 70px 0 0 0; border-top: 2px solid #fff;}
	footer a {color: #fff; text-decoration: none;}
	footer a:hover {color: #b99d75;}
	footer nav {max-width: 650px; display: block; clear: both; margin: 0 auto 70px; padding: 0 0 0 0;}
	footer nav ul {list-style: none; letter-spacing: 0.1em; margin: 0 0 0 0;}
	footer nav ul li { float: left; display: block; margin: 0 0 0 0;}
	footer nav ul li a {text-transform: uppercase; text-decoration: none; color: #fff;}
	footer nav ul li a:hover {color: #b99d75;}
	footer nav ul li a:after {content: " | "; display: block; padding: 0 50px; float: right;}
	footer nav ul li:last-child a:after {display: none;}
	footer h1#logo {margin: 0 0 0 0; padding: 0 0 0 0; line-height: 0; display: block; width: 243px; height: 193px; float: left; background: url('images/maynard.svg') center center no-repeat;}
	footer h1#logo:hover {opacity: 0.8; transition: 1 ease;}
	footer p.contact-info {text-transform: none; line-height: 2.5em; text-align: center; padding: 30px 0 0 240px; margin: 0 0 0 0; display: block; float: left;}
	footer ul.social {float: right; list-style:none; margin: 85px 0 0 0;}
	footer ul.social li {float: left; display: block; }
	footer ul.social li a {width: 50px; height: 50px; display: block; text-indent: -9999px;}
	footer ul.social li a:hover {opacity: 0.8; transition: 1s ease;}
	footer ul.social li.facebook {margin-right: 45px;}
	footer ul.social li.facebook a {background: url('images/facebook.svg') center center no-repeat;}
  footer ul.social li.directions a {background: url('images/google.svg') center center no-repeat;}	
	footer hr {margin: 90px auto 25px; height: 1px; background: #fff; border: 0px solid #fff; }
	footer p.copyright {font-size: 14px; margin: 0 0 0 0; padding: 0 0 20px 0; text-align: center;}
	
	/* Page */
	.page-wrap {max-width: 980%; width: 80%; margin: 0 auto; padding: 35px 0 50px;}
	.amenities-column {position: relative; padding: 50px 0 0;}
	.amenities-column h6 {	color: #b99d75; top: 0; text-align: center; letter-spacing: 0.4em; font-size: 20px; position: absolute; width: 50%; left: 50%; background: #151719; z-index: 99; margin: 0 0 0 -25%;}
	.amenities-column hr {position: absolute; width: 100%; top: 13px; background: #fff; z-index: 2; margin: 0 auto 0; border-color: #fff;}
	/* Error */
	.error404 .entry {padding: 50px 0;}
	.error404 .entry p {text-align: center;}
		
	/* Forms */
	.gform-theme {max-width: 800px; margin: 0 auto;}
	body .gform_wrapper .gform_footer input[type=submit] {padding: 10px 20px; display: block; font-family: "Marcellus", serif !important; font-size: 18px !important; font-weight: 400; background: #b99d75 !important;}
	body .gform_wrapper .gform_footer input[type=submit]:hover {background: #151719 !important; transition: 1s ease !important;}


	/* Input Button */
	form[name="PrePage"] input[type="submit"] {display: block; margin: 0 auto; background: #b99d75; border: 1px solid #b99d75; float: none; clear: both; color: #fff; font-size: 18px; padding: 15px 20px; font-family: "Marcellus", serif;  }
	form[name="PrePage"] input[type="submit"]:hover {background: #151719; border: 1px solid #fff; cursor: pointer; transition: 1s ease; background: none;}

	/* Mobile */
	.show-at-1200 {display: none;}

} /* END desktop screen media */

@media only screen and (max-width: 1300px) {

	.home .featured-section {max-width: 1000px;}
	h1 {font-size: 50px;}
	h2.page-title {top: 37%; font-size: 55px; width: 75%; margin-left: -12.5%; left: 25%;}
	header .desktop-nav {padding-top: 40px;}
  .page-template-default .wp-block-column.wrap {padding: 50px 50px 50px;}
	
}

@media only screen and (max-width: 1250px) {
	.wrap {width: 90%;}
	footer p.contact-info {padding: 30px 0 0 16%;}

}

@media only screen and (max-width: 1200px){
	
	.hide-at-1200 {display: none;}
	.show-at-1200 {display: block;}
	

}

@media only screen and (max-width: 1150px) {
	
	.home .featured-section {max-width: 900px;}
	
}

@media only screen and (max-width: 1100px){

	header nav#mobile-hide {display: none;}
	button#mobile { text-transform: uppercase; letter-spacing: 0.03em; display: block; width: 100%; padding: 5px 10%; text-align: right; font-size: 18px; float: left; background: #b99d75; border: 0; color: #151719; font-weight: 700; }
	button#mobile:hover {cursor: pointer; color: #ffffff; transition: 1s ease;}
	span#trigram {font-size: 24px; font-weight: 500 !important;}
	.mobile-sidepanel {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); display:block;height: 250px; width: 0;position: fixed; z-index: 9999; top: 0;left: 0;background-color: #151719; overflow-x: hidden; transition: .25s ease; height: 100%;}
	a.closebtn {text-decoration: none; font-weight: 700; font-size: 40px; background: #fff; display: block; padding: 12px 15px 15px; float: right;}
	a.closebtn:hover {background: #151719; color: #fff; transition: 1s ease;}
	.mobile-sidepanel ul {list-style: none; position: relative;}
	.mobile-sidepanel ul li {margin: 0 10px 30px 0;} 
	.mobile-sidepanel ul li a {text-transform: uppercase; letter-spacing: 0.15em; color: #fff; text-decoration: none; font-weight: 700;}	
	.mobile-sidepanel ul li a:hover, .mobile-sidepanel ul li:hover a {color: #b99d75;}
	.mobile-sidepanel ul ul.sub-menu {display: none; opacity: 0; height: 0; margin: 0 0 0 0;}
	.mobile-sidepanel ul li:hover ul li a {color: #fff;}
	.mobile-sidepanel ul li ul li {margin: 0 0 30px 0;}
	.mobile-sidepanel ul li ul li a {font-weight: 500; text-transform: none;}
	.mobile-sidepanel ul li ul li a:hover {color: #b99d75; transition: 1s ease;}
	.mobile-sidepanel ul li.open-sub-menu ul.sub-menu {display: block; transition: 1s ease; opacity: 1; margin: 30px 0 0 22px; height: auto;}
	.mobile-sidepanel ul li.open-link:before {content: '\25be'; margin-right: 10px; display: block; color: #fff; float: left;}
	.mobile-sidepanel ul ul.sub-menu:before { content: '\25b8'; display: block; color: #fff; position: absolute; top: -50px; left: -25px; background: #151719; padding: 0 5px;}
	.mobile-sidepanel ul li:hover {color: #2d81c1; cursor: pointer;}	
	.home .metaslider .caption-wrap {padding: 19% 0 0 0;}
	.page-template-default .column-spacing {padding: 35px 0 35px 0;}
	.home .featured-section {max-width: 800px;}
	h2.page-title {top: 29%;}
	
}
@media only screen and (max-width: 1050px) {
/*	.column-spacing {padding: 0 0 0 0;}
*/	h1 {font-size: 42px;}
		h2 {font-size: 36px; }
		h3 {font-size: 24px; line-height: 1.2em;}
		h4 {font-size: 20px; margin: 1em 0; line-height: 1.2em}
		h5 {font-size: 18px; }
		h6 {font-size: 16px;}
		.wp-block-button.fancy {font-size: 15px;}
		footer p.contact-info {padding: 30px 0 0 5%;}
		footer nav ul li a::after {padding: 0 25px;}
		footer nav {max-width: 500px;}
		
		
}


@media only screen and (max-width: 1000px) {
	footer h1#logo {float: none; clear: both; margin: 0 auto 20px;}
	footer p.contact-info {float: none; clear: both; margin: 0 auto 0; padding: 30px 0 0 0;}
	footer ul.social {float: none; margin: 30px auto 0 auto; width: 145px;}
	h2.page-title {top: 29%; font-size: 42px; }
	
 
}
@media only screen and (max-width: 950px) {
 	.top-black ul.hide-at-950 {display: none;}
	.home .metaslider .caption-wrap {padding: 16% 0 0 0;}
	
	
}

@media only screen and (max-width: 850px) {
	.page-template-default .column-spacing {padding: 0 0 0 0;}
	.home .featured-section {max-width: 750px;}
	h1 {font-size: 37px;}
 
}


@media only screen and (max-width: 800px) {
	.home .metaslider .caption-wrap {padding: 15% 0 0 0;}
	.home img.wp-image-56 {text-align: center; display: block; margin: 0 auto;}
	.home .featured-section .wp-block-column {max-width: 80%; margin: 0 auto;}
	.page-template-default .column-spacing {padding: 75px 0 0 0;}
	.home .featured-amenities img {display: block; margin: 0 auto;}
	figcaption.wp-element-caption {padding-left: 50%; left:-25%;}
	.home .wp-block-cover__inner-container div.wp-block-buttons {margin-bottom: 30px;}
	footer nav ul li {font-size: 14px;}
	footer nav {max-width: 470px;}
	footer p.copyright {max-width: 95%; display: block; margin: 0 auto; font-size: 12px;}
	h2.page-title {top: 27%; font-size: 40px;}
	.page-template-default .wp-block-column.wrap {text-align: center;}
	.page-template-default .wp-block-column.wrap .gform-body {text-align: left;}
	
	.amenities-column h6 {width: 75%; margin: 0 0 0 -12.5%; left: 25%;}
 
}

@media only screen and (max-width: 780px) {
	.up-margin {margin-top: -70px !important;/* background: yellow;*/}
}

@media only screen and (max-width: 700px) {
	h2.page-title {top: 27%; font-size: 35px;}
	.page-template-default .wp-block-column.wrap {max-width: 90%;}
	.wp-block-column {}
 }

@media only screen and (max-width: 650px) {
	.home .metaslider .caption-wrap {padding: 11% 0 0 0;}
	footer nav {display: none;}
	
 
}

@media only screen and (max-width: 600px) {
 	h1 {font-size: 32px; }
	h2 {font-size: 26px; }
	h3 {font-size: 22px; }
	h4 {font-size: 18px; margin: 1em 0;}
	h5 {font-size: 16px; }
	h6 {font-size: 14px;}
	h2.page-title {top: 25%; font-size: 32px;}
	.wp-block-column {padding: 0 0 0 0;}
 .amenities-column {padding: 75px 0 0 0;}
}


@media only screen and (max-width: 525px) {
	.home .metaslider .caption-wrap {padding: 9% 0 0 0;}
	
 
}

@media only screen and (max-width: 400px) {
 
}

@media print {
	body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond, 'Times New Roman', serif; color: #000; background: none; font-size: 12pt; }
	h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
	h1 { font-size: 19pt; }
	h2 { font-size: 17pt; }
	h3 { font-size: 15pt; }
	h4,h5,h6 { font-size:12pt; }
	code { font: 10pt Courier, monospace; } 
	blockquote { margin: 1.3em; padding: 1em; }
	img { display: block; margin: 1em 0; }
	a img { border: none; }
	table { margin: 1px; text-align:left; }
	th { border-bottom: 1px solid #333;  font-weight: bold; }
	td { border-bottom: 1px solid #333; }
	th, td { padding: 4px 10px 4px 0; }
	caption { background-color: #fff; margin-bottom: 2em; text-align: left; }
	thead { display: table-header-group; }
	tr { page-break-inside: avoid; } 
	a { text-decoration: none; color: #000; }
	#comments { page-break-before: always; }
	.do-not-print { display: none; }
} /* END print media */