/* Theme Name: Primrose Creek Responsive Author: Sharp Hue */ /*Basics*/ html, body, .wrapper { min-width:960px; } .container { width:960px; } html { background:#f7f6f2; } body { background:#f7f6f2; font-family:Arial, Helvetica, sans-serif; } h1,h2,h3,h4,h5,h6 { color:#5e480e; font-size:20px; font-weight:normal; } p, label, ul, ol, input, textarea { color:#1d1d1d; font-size:12px; line-height:21px; } a { color:#4573b3; } a:hover { text-decoration:none; } em { font-style:italic; } strong { font-weight:bold; } img { max-width:100%; height:auto !important; } /*Fonts*/ h1,h2,h3,h4,h5,h6, #calendar .date, #sidenav ul li a { font-family: "kepler-std",serif; } #promo p, #introduction h2 { font-family: "myriad-pro",sans-serif; } #nav ul li a { font-family: "Times New Roman", Times, serif; } /*Misc*/ .comments-link { display:none; } /*Wrappers*/ .wrapper.header { z-index:10; background:#ddd9d3 url(images/structure/header.jpg) repeat-x; border-bottom:1px solid #fff; } .wrapper.promo { z-index:9; background:#000000; } .wrapper.tan { z-index:9; background:#d1cbc5 url(images/structure/gradient.png) repeat-x; } .wrapper.content { z-index:9; background:#f7f6f2 url(images/structure/gradient2.jpg) repeat-x; } .wrapper.footer { z-index:9; background:#f7f6f2 url(images/structure/footer.jpg) repeat-x; } /*Header*/ #header { position:relative; height:128px; } #header .logo { position:absolute; left:0px; top:12px; } #header .contact-us-btn { position:absolute; right:0px; top:18px; } #header .contact-us-btn a { display:block; width:144px; height:37px; background: url(images/structure/contact-us-btn.png) no-repeat; } #header .contact-us-btn a:hover { opacity: .9; } #header .social { position:absolute; right:158px; top:18px; } #header .social p { text-align: right; padding:0; } #header .social .facebook { display:inline-block; width:25px; height:25px; background:url(images/structure/social.png) no-repeat 0px 0px; } #header .social .twitter { display:inline-block; width:25px; height:25px; background:url(images/structure/social.png) no-repeat -29px 0px; margin:0 0 0 4px} #header .social .youtube { display:inline-block; width:37px; height:25px; background:url(images/structure/ico-youtube.png) no-repeat; margin:0 0 0 2px} #header .like { position:absolute; right:249px; top:20px; } #header .weather { position:absolute; top:20px; left:390px; line-height:30px; overflow:hidden;} #header .weather .holder { position:relative; width:200px; height:60px; } #header .weather .wu-copyright,#header .weather .wu-forecast-header,#header .weather .wu-forecast-text { display:none; } #header .weather table, #header .weather table tr, #header .weather table td { padding:0; margin:0; color:#222; } #header .weather .wu-cond-text {position:absolute; top:10px; left:45px; font-size:12px; padding:0; margin:0; line-height:18px; } #header .weather .wu-cond-highlow {position:absolute; top:20px; left:45px; font-size:13px;} #header .weather .wu-cond-highlow .wu-cond-split,#header .weather .wu-cond-highlow .wu-cond-high,#header .weather .wu-cond-highlow .wu-cond-low { color:#222;} #header .weather .wu-icon, #header .weather .wu-icon img { margin:0; padding:0;width:44px; height:44px;} /*Nav*/ #nav { position:absolute; height:60px; right:0; bottom:0; } #nav ul { float:right; display:table; height:60px; list-style:none; } #nav ul li { float:left; margin:0 0 0 50px; } #nav ul li a { display:inline-block; height:60px; line-height:60px; font-size:20px; color:#2a2a2a; text-decoration:none; } #nav ul li:hover a { color:#4573b3; } #nav ul li.current-menu-item a, #nav ul li.current-menu-parent a, #nav ul li.selected a { color:#4573b3; } #nav ul li.drop { padding-left:15px; background:url(images/structure/nav-arrow.png) no-repeat left center; } /*Sub Nav*/ #nav ul li .sub { position:relative; } #nav ul ul { display:none; position:absolute; left:-17px; top:0px; min-width:230px; height:auto; padding:10px 0; background:#f9f9f9; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 3px 5px #999; -moz-box-shadow: 0 3px 5px #999; box-shadow: 0 3px 5px #999; } .home #nav ul ul { -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; } #nav ul li:hover ul { display:block; } #nav ul li:hover ul li { float:none; margin:0; } #nav ul li:hover ul li a { display:block; height:auto; padding:1px 25px; line-height:25px; font-size:15px; color:#555; text-decoration:none; white-space:nowrap; background:none; } #nav ul li:hover ul li:hover a { background:#d9d4ce; color:#4573b3; } /*Side Nav*/ #sidenav .spacing { padding:45px 45px 45px 0; } #sidenav ul { list-style:none; } #sidenav ul li { border-top:1px solid #d8d3cb; } #sidenav ul li:first-child { border:none; } #sidenav ul li a { display:block; padding:15px 0; line-height:18px; color:#5e480e; font-size:20px; text-decoration:none; } #sidenav ul li:hover a { color:#4573b3; } #sidenav ul li.current-menu-item a { color:#000000; } /*Promo*/ #promo { position:relative; height:350px; } #promo .wrapper.promo { height:350px; z-index: 2; } #promo .wrapper.page { z-index: 5; } #promo .message { position:absolute; left:0; top:100px; } #promo .message h3 { padding: 0 0 10px 0; font-size: 52px; line-height: 45px; color:#fff; font-weight: 400; } #promo .message p { min-height:52px; padding: 0 0 25px 0; font-size: 20px; line-height: 26px; color:#fff; font-weight: 300; } #promo .message .learn-more-btn a { display:block; width:160px; height:40px; background:url(images/structure/learn-more-btn.png) no-repeat; } #promo .message .learn-more-btn a:hover { opacity:.9; } #promo .cycles { width:100%; height:350px; z-index:2; } #promo .cycles .cycle { display:none; width:100%; height:350px; } #promo .cycles .cycle:first-child { display:block; } #promo .pager { position:absolute; bottom:95px; left:220px; } #promo .pager a { float:left; display:block; width:9px; height:9px; margin-right:10px; background:url(images/structure/pager.png) no-repeat; } #promo .pager a.activeSlide { background-position:0px -9px; } #promo .v1 { background:#000 url(/wp-content/uploads/2023/05/primrose-creek-available-properties-bg.jpg) no-repeat center top; } #promo .v2 { background:#000 url(images/structure/promo2.jpg) no-repeat center top; } #promo .v3 { background:#000 url(images/structure/promo3.jpg) no-repeat center top; } #promo .v4 { background:#000 url(images/structure/promo4.jpg) no-repeat center top; } /*Conversions*/ #conversions { height:177px; background: url(images/structure/conversion.png) no-repeat center center; } #conversions .block:first-child { width:308px; padding-left:0; } #conversions .block { width:326px; padding:18px 0 19px 18px; } #conversions .block:first-child .frame { margin-left:0; } #conversions .frame { position: relative; } #conversions .frame:hover img { opacity: .9; } #conversions .frame:hover h4 { color:#4573b3; } #conversions img { margin:10px; border:1px solid #726d5f; } #conversions h4 { text-align: center; line-height: 22px; color:#3a3a3a; } #conversions a { position: absolute; left:0; top:0; right:0; bottom:0; background:url(images/structure/clear.png); } /*Introduction*/ #introduction .spacing { padding:35px 15px 35px 0; } #introduction h1 { margin:0 0 15px 0; padding:0 0 15px 0; color:#5e480e; font-size: 38px; line-height: 38px; text-transform: uppercase; white-space: nowrap; border-bottom:1px solid #999999; } #introduction h2 { padding:0 0 15px 0; letter-spacing: 5px; color:#2f2f2f; text-transform: uppercase; font-size: 17px; font-weight: 400; white-space: nowrap; } #introduction .flyover { display:block; margin:0 0 20px 0; } #introduction p { padding:0 0 15px 0; } /*Properties*/ #properties .spacing { padding:35px 0 35px 12px; } #properties h2 { height:50px; padding:0 15px 0; font-size: 30px; line-height: 50px; color:#fff; background: url(images/structure/bar.png) no-repeat; } #properties .more-btn { float:right; margin:14px; } #properties .more-btn a { display:block; width:50px; height:22px; background: url(images/structure/more-btn.png) no-repeat; } #properties .more-btn a:hover { opacity: .9; } #properties .frame { padding:20px 20px 1px 20px; background: #fff; border:1px solid #d1cec7; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -o-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; } #properties article { position:relative; display:table; width:100%; height:65px; margin:0 0 20px 0; } #properties article .thumb { position: absolute; left:0px; top:0px; background:#fff; padding:1px; border:1px solid #999999; } #properties article .thumb a { display:block; width:64px; height:64px; overflow:hidden; } #properties article .thumb img { max-width:none; } #properties article h3 { padding:0 0 0 80px; font-size:15px; line-height:20px; font-weight:700; font-family: sans-serif; } #properties article h3 a { color:#5e480e; text-decoration: none; } #properties article h3 a:hover { color:#4573b3; } #properties article p { padding:0 0 0 80px; font-size: 12px; color:#585858; line-height: 19px; } #properties article .read { display:inline-block; padding:0 0 0 80px; font-size: 12px; line-height: 19px; } /*Properties Page*/ #content.properties article { display:table; } #content.properties .entry-content { float:right; width:660px; } #content.properties header { float:left; width:300px; } #content.properties footer { display:none; } #content.properties .entry-meta { display:none; } #content.properties .spacing { padding:40px 0 0 0; } #properties-page .spacing { padding:0; } #properties-page .spacing .holder { width:960px; display:table; margin:0 0 50px 0;} #properties-page .spacing .holder a.block { text-decoration:none; width:229px; height:270px; border:1px solid #e4e3df; -moz-border-radius:3px; border-radius:3px; float:left; display:block; margin:0 12px 12px 0; background:#fff; } #properties-page .spacing .holder a.block.fourth { margin:0 0 12px 0; } #properties-page .spacing .holder a.block span.thumb { position:relative; display:block; margin:20px auto 0 auto; width:192px; height:127px; overflow:hidden; } #properties-page .spacing .holder a.block span.mls-number { position:absolute; bottom:0; left:0; display:block; width:192px; line-height:24px; padding-top:20px; height:24px; background:url(images/structure/mls-shade.png) repeat-x; text-align:center; color:#fff; font-family:Arial, Sans-Serif; font-size:12px; } #properties-page .spacing .holder a.block span.thumb img { width:192px; height:auto; } #properties-page .spacing .holder a.block span.group { padding:10px 20px 5px 20px; display:block; width:188px; height:20px; line-height:20px; font-size:17px; font-family:Arial, Sans-serif; line-height:20px; } #properties-page .spacing .holder a.block span.price { text-decoration:none; text-align:right; float:right; color:#4573b3; font-weight:bold; line-height:20px; } #properties-page .spacing .holder a.block span.acres { text-decoration:none; text-align:left; color:#2e2d29; line-height:20px;} #properties-page .spacing .holder a.block span.address { text-decoration:none; text-align:right; color:#2e2d29; font-size:12px; line-height:20px; padding:0 20px; } #properties-page .spacing .holder a.block span.btn { display:block; margin:5px auto 20px auto; border:1px solid #174584; -moz-border-radius:2px; border-radius:2px; width:188px; height:32px; line-height:32px; color:#fff; font-size:16px; font-family:Arial, Sans-Serif; text-align:center; background:#4472b1;background-image: -webkit-gradient(linear, left top, left bottom, from( #4472b1 ), to( #3b66a2 ));background-image: -webkit-linear-gradient( #4472b1 , #3b66a2 );background-image: -moz-linear-gradient( #4472b1 , #3b66a2 );background-image: -ms-linear-gradient( #4472b1 , #3b66a2 );background-image: -o-linear-gradient( #4472b1 , #3b66a2 );background-image: linear-gradient( #4472b1 , #3b66a2 ); } /*News*/ #news .spacing { padding:35px 0 35px 12px; } #news h2 { height:50px; padding:0 15px 0; font-size: 30px; line-height: 50px; color:#fff; background: url(images/structure/bar.png) no-repeat; } #news .more-btn { float:right; margin:14px; } #news .more-btn a { display:block; width:50px; height:22px; background: url(images/structure/more-btn.png) no-repeat; } #news .more-btn a:hover { opacity: .9; } #news .frame { padding:20px 20px 1px 20px; background: #fff; border:1px solid #d1cec7; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -o-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; } #news article { position: relative; display:table; width:100%; margin:0 0 20px 0; } #news article .thumb { position: absolute; left:0px; top:0px; background:#fff; padding:1px; border:1px solid #999999; } #news article .thumb span { display:block; width:64px; height:64px; overflow:hidden; } #news article .thumb span img { max-width:none; } #news article h3 { padding:0 0 0 80px; font-size: 15px; line-height: 20px; font-weight: 700; font-family: sans-serif; } #news article h3 a { color:#5e480e; text-decoration: none; } #news article h3 a:hover { color:#4573b3; } #news article p { padding:0 0 0 80px; font-size: 12px; color:#585858; line-height: 19px; } #news article p span { font-style: italic; display:none; } #news article .read { display:inline-block; padding:0 0 0 80px; font-size: 12px; line-height: 19px; } /*Footer*/ #footer { position:relative; min-height: 154px; } #footer .last p { text-align:right; } #footer p { padding:30px 0; color:#3e3e3e; font-size:11px; line-height: 18px; } #footer p a { color:#2b557e; } /*Content*/ #content .spacing { padding:45px 0; } #content h1 { margin:0 0 15px 0; padding:0 0 15px 0; color:#5e480e; font-size: 38px; line-height: 38px; text-transform: uppercase; } #content h2 { margin:0 0 12px 0; color:#5e480e; font-size:24px; line-height:36px; font-weight:700; } #content h3 { margin:0 0 11px 0; color:#5e480e; font-size:22px; line-height:33px; font-weight:700; } #content h4 { margin:0 0 9px 0; color:#5e480e; font-size:18px; line-height:27px; font-weight:700; } #content h5 { margin:0 0 8px 0; color:#5e480e; font-size:16px; line-height:24px; font-weight:700; } #content h6 { margin:0 0 7px 0; color:#5e480e; font-size:14px; line-height:21px; font-weight:700; } #content p { margin:0 0 20px 0; font-size:14px;} #content ul, #content ol { padding:0 0 0 20px; margin:0 0 20px 20px; } #content ul { list-style:square; } #content li { padding:4px 0; } /*FAQs*/ #faqs .spacing { padding:0 0 25px 0; } #faqs .faq { position:relative; margin: 0; padding:15px 0 0 0; border-top:1px solid #ccc; cursor:pointer; } #faqs .faq:first-child { border:none; } #faqs .faq .icon { position:absolute; left:0px; top:15px; height:20px; width:20px; background:#4573b3 url(images/structure/faq.png) no-repeat 3px center; } #faqs .faq.selected .icon { background-position:-97px center; } #faqs .faq p { padding:0 0 15px 0; font-size:12px; color:#999; } #faqs .faq h2 { padding:0 0 15px 35px; color:#666; font-size:17px; line-height:20px; font-weight:300; text-transform:none; } #faqs .faq h2:hover { color:#000; } #faqs .faq .answer { display:none; } #faqs .faq:first-child .answer { display:block; } /*Testimonials*/ #testimonials .spacing { padding:0 0 25px 0; } #testimonials .testimonial { position:relative; margin:0 0 20px 0; padding:25px 25px 20px 50px; border-bottom:1px solid #ddd; background:#f9f9f9 url(images/structure/quote.png) no-repeat 12px 12px; } #testimonials p { font-size:13px; line-height:22px; font-weight:300; color:#999; font-style:italic; } #testimonials p span { display:block; font-size:16px; line-height:18px; text-align:right; color:#888; font-weight:400; font-style:normal; } /*Featured Links*/ #favorite-links { width:100%; display:table; margin-bottom:50px; } #favorite-links a.block { float:left; width:300px; height:250px; display:block; text-decoration:none; -moz-border-radius:3px; border-radius:3px; background:#fff; margin:0 20px 20px 0; padding:15px; } #favorite-links a.block .image { float:left; display:block; position:relative; margin:0 15px 10px 0; } #favorite-links a.block .image img { max-width:100px; max-height:100px; display:inline; vertical-align:middle;} #favorite-links a.block h2 { font-size:20px; line-height:24px;} #favorite-links a.block p { font-size:14px; } /*Gallery*/ #gallery .spacing { padding:45px 0; } #gallery .gallery { display:table; width:977px; padding:0 0 15px 0; margin:0 0 0 -17px; } #gallery .gallery .gallery-item { position:relative; float:left; opacity:.9; width:220px; height:160px; margin:0 0 17px 17px; overflow:hidden; border:3px solid #fff; } #gallery .gallery .gallery-item img { vertical-align:top; } #gallery .gallery .gallery-caption { display:block; position:absolute; left:0px; top:160px; width:100%; padding:8px 0; line-height:13px; text-align:center; font-size:11px; color:#fff; background: rgba(0, 0, 0, .5); } #gallery.video .gallery .gallery-item a { position:absolute; left:0px; top:0px; right:0px; bottom:0px; display:block; cursor:pointer; background:url(images/structure/play.png) no-repeat center center; } /*Gallery Nav*/ #gallerynav { margin:10px 5px 17px 5px; border-bottom:1px solid #ddd; } #gallerynav a { display:inline-block; font-size:11px; text-transform:uppercase; color:#777; text-decoration:none; padding:10px 8px 4px 8px; margin:0 10px 0 0; } #gallerynav a:hover { border-bottom:2px solid #4573b3; } #gallerynav a.active { border-bottom:2px solid #4573b3; } /*Staff*/ #staff .block { width:50%; } #staff .member { display:table; margin:0 0 50px 0; } #staff .image { float:left; } #staff .image span { display:block; width:150px; height:150px; overflow:hidden; } #staff .image img { width:auto !important; height:auto !important; max-width:150px; max-height:150px; min-width:150px; min-height:150px; } #staff .info { padding:0 40px 0 165px; } #staff h2 { padding:0; color:#555; font-size:22px; line-height:25px; font-weight:400; } #staff h3 { padding:0; color:#777; font-size:15px; line-height:17px; font-weight:400; } #staff .bio p { padding:15px 0; } #staff .contact { padding:15px 0 0 0; } #staff .contact.split .phone { padding:0 15px 0 0; margin:0 15px 0 0; border-right:1px solid #ddd; } #staff .contact p a { display:inline-block; color:#888; text-decoration:none; text-transform:uppercase; } #staff .phone { font-size:15px; cursor:default; } #staff .email { font-size:12px; } #staff .email:hover { color:#222; } /*Sponsors*/ #sponsors .sponsor { float:left; width:218px; margin:10px; border:1px solid #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } #sponsors .sponsor:hover { border:1px solid #ddd; } #sponsors .name { } #sponsors .name h2 { font-size:20px; } #sponsors .name h2 a { text-decoration:none; } #sponsors .name .center { display: table-cell; text-align: center; vertical-align: middle; width: 320px; height: 50px; } #sponsors .name .center * { vertical-align: middle; } .ie7 #sponsors .name .center span { display: inline-block; height: 100%; } #sponsors .logo { } #sponsors .logo img { max-width:200px; max-height:120px; } #sponsors .logo .center { display: table-cell; text-align: center; vertical-align: middle; width: 320px; height: 120px; } #sponsors .logo .center * { vertical-align: middle; } .ie7 #sponsors .logo .center span { display: inline-block; height: 100%; } /*Calendar*/ #calendar .spacing { padding:0 0 25px 0; } #calendar .frame { border-bottom:1px solid #ccc; background:url(images/structure/calendar-frame.png) repeat-y; } #calendar .date { padding:0 5px; color:#fff; font-size:18px; text-transform:uppercase; font-weight:700; line-height:25px; background:#999 url(images/structure/c-arrow.png) no-repeat right 0px; } #calendar .date span { display:inline-block; padding:0 5px 0 0; font-size:17px; } #calendar .event:hover .date { background-color:#888; } #calendar .event.selected .date { background:#666 url(images/structure/c-arrow.png) no-repeat right -100px; } #calendar .padding { padding:15px; } #calendar h2 { padding:0; color:#444; font-size:24px; line-height:30px; font-weight:400; } #calendar .text { padding:10px 0 0 0; } /*Information*/ #information .cell { width:180px; } #information h3 { padding:15px 0 5px 0; color:#444; font-size:22px; line-height:25px; font-weight:400; } #information p { } #information a.tel { color:#888; text-decoration:none; cursor:pointer; } /*Contact*/ #contact .frm_forms .frm_form_field { position:relative; float:left; padding:0 0 20px 0; margin:0; } #contact .frm_forms .frm_form_field.full { width:600px; } #contact .frm_forms .frm_form_field.full input, #contact .frm_forms .frm_form_field.full textarea { width:100%; } #contact .frm_forms .frm_form_field.half { width:290px; padding-left:20px; } #contact .frm_forms .frm_form_field.half input, #contact .frm_forms .frm_form_field.half textarea { width:100%; } #contact .frm_forms .frm_form_field.third { width:190px; padding-left:15px; } #contact .frm_forms .frm_form_field.third input, #contact .frm_forms .frm_form_field.third textarea { width:100%; } #contact .frm_forms .frm_form_field.first { padding-left:0; } .wide #contact .frm_forms .frm_form_field.full { width:960px; } .wide #contact .frm_forms .frm_form_field.full input, .wide #contact .frm_forms .frm_form_field.full textarea { width:100%; } .wide #contact .frm_forms .frm_form_field.half { width:465px; padding-left:30px; } .wide #contact .frm_forms .frm_form_field.half input, .wide #contact .frm_forms .frm_form_field.half textarea { width:100%; } .wide #contact .frm_forms .frm_form_field.third { width:300px; padding-left:30px; } .wide #contact .frm_forms .frm_form_field.third input, .wide #contact .frm_forms .frm_form_field.third textarea { width:100%; } .wide #contact .frm_forms .frm_form_field.first { padding-left:0; } #contact .frm_forms .frm_form_field.txt input, #contact .frm_forms .frm_form_field.area textarea { display:block; padding:7px 10px; font-size:12px; line-height:16px; background:#fff; border:1px solid #ddd; border-bottom:1px solid #ccc; -webkit-box-shadow: inset 0 0 3px #eee; -moz-box-shadow: inset 0 0 3px #eee; box-shadow: inset 0 0 3px #eee; } #contact .frm_forms .frm_form_field.txt input:focus, #contact .frm_forms .frm_form_field.area textarea:focus { border:1px solid #bbb; } #contact .frm_forms .frm_submit input { padding:8px 25px; background:#4573b3; border:none; color:#fff; font-size:13px; text-transform:uppercase; line-height:36px; box-shadow:none; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; } #contact .frm_forms .frm_submit input:hover { opacity:.9; } #contact .frm_forms .frm_primary_label { display:block; } #contact .frm_forms .frm_error { position:absolute; right:0px; top:0px; font-weight:normal; color:#d90000; font-size:11px; } #contact .frm_forms .frm_error_style { display:none; } #contact .frm_forms .frm_message { background:#f1f1f1; border:1px solid #ddd; } #contact .frm_forms .frm_message p { padding:30px; } /*Colorbox*/ #cboxContent, #cboxContent button { font-size:10px; text-transform:uppercase; color:#555; } /*UI*/ #ui-datepicker-div { font-size: 11px; } /*Edit*/ .edit-link { display:block; padding:15px 0; } .edit-link a { font-size:11px; text-transform:uppercase; } /* Alignment */ .alignleft { float: left; margin:6px 20px 14px 0; } .alignright { float: right; margin:6px 0 14px 20px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; padding:6px 0 14px 0; } /*Blog*/ #blog .spacing { padding:45px 60px 45px 0; } #blog article { padding:0 0 40px 0; } #blog h1 { margin:0 0 0 0; padding:0 0 15px 0; color:#5e480e; font-size: 32px; line-height: 32px; text-transform: uppercase; } #blog h1 a { color:#5e480e; text-decoration:none; } #blog h1 a:hover { text-decoration:none; color:#4573b3; } #blog h1.archive-title { padding:5px 0 3px 0; margin:0 0 25px 0; color:#666; font-size:16px; font-style:italic; border-bottom:1px solid #ccc; font-family:Arial; } #blog h1.archive-title a { color:#888; text-decoration:none; } #blog h1.archive-title a:hover { color:#888; text-decoration:none; } #blog h2 { margin:0 0 12px 0; color:#5e480e; font-size:24px; line-height:36px; font-weight:700; } #blog h3 { margin:0 0 11px 0; color:#5e480e; font-size:22px; line-height:33px; font-weight:700; } #blog h4 { margin:0 0 9px 0; color:#5e480e; font-size:18px; line-height:27px; font-weight:700; } #blog h5 { margin:0 0 8px 0; color:#5e480e; font-size:16px; line-height:24px; font-weight:700; } #blog h6 { margin:0 0 7px 0; color:#5e480e; font-size:14px; line-height:21px; font-weight:700; } #blog p { margin:0 0 20px 0; } #blog ul, #blog ol { padding:0 0 0 20px; margin:0 0 20px 20px; } #blog ul { list-style:square; } #blog li { padding:4px 0; } #blog input[type="submit"] { padding:0 5px; } /*Meta*/ #blog .blog-meta-info { display:table; width:100%; padding:5px 0; margin:0 0 10px 0; border-bottom:1px dotted #999; } #blog .blog-meta-info { color:#888; font-size:11px; text-transform:uppercase; } #blog .blog-meta-info a { color:#888; font-size:11px; text-transform:uppercase; text-decoration:none; } #blog .blog-meta-info a:hover { color:#4573b3; } #blog .blog-meta-info .meta-info { float:left; display:none; } #blog .blog-meta-info .comments-link { float:left; border-left:1px solid #ccc; padding:0 0 0 10px; margin:0 0 0 10px; } #blog .blog-meta-info .entry-date { padding-left:2px; } #blog .entry-meta { display:none; } /*Blog Nav*/ #blognav { width:100%; } #blognav .spacing { padding:95px 0 45px 0; } #blognav h3 { display:inline-block; background:#f7f6f2; color:#4573b3; font-size:17px; line-height:20px; text-transform:uppercase; padding:0 3px 0 0; margin:20px 0 10px 0; font-weight: 600; } #blognav ul { width:100%; margin:0; padding:0; list-style:none; } #blognav ul li { width:100%; margin:0; padding:0 0 0 0; border-bottom:1px solid #ccc; } #blognav ul li a { display:block; margin:0; padding:5px 1px; line-height:16px; color:#888; font-size:12px; text-decoration:none; } #blognav ul li a:hover { color:#4573b3; } #blognav aside { padding:0 0 20px 0; background:url(images/structure/lines.png) no-repeat left 22px; } #blognav aside:first-child { padding:0px 0 10px 0; background:none; } /*Search*/ #blognav #searchform { position:relative; width:100%; } #blognav #searchform #s { width:100%; height:26px; padding:0 9px; background:#f9f9f9; color:#444; border:1px solid #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; outline:none; } #blognav #searchform #s:focus { background:#fff; border:1px solid #ddd; } #blognav #searchform .screen-reader-text { display:none; } #blognav #searchform #searchsubmit { position:absolute; right:0px; top:0px; width:28px; height:28px; border:none; text-indent:-9999px; cursor:pointer; background:url(images/structure/search.png) no-repeat center center; } /*Nav Below*/ #blog nav { display:table; width:100%; } #blog nav .assistive-text { display:none; } #blog nav .nav-previous { float:left; } #blog nav .nav-previous a { display:block; background:#4573b3; font-size:11px; text-transform:uppercase; color:#fff; text-decoration:none; padding:3px 5px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; } #blog nav .nav-previous:hover a { opacity:.9; } #blog nav .nav-next { float:right; } #blog nav .nav-next a { display:block; background:#4573b3; font-size:11px; text-transform:uppercase; color:#fff; text-decoration:none; padding:3px 5px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; } #blog nav .nav-next:hover a { opacity:.9; } /*Custom Comments*/ #blog h2.comments-title { padding:50px 0 0 0; margin:0; font-size:13px; } #blog .comments-area article header cite a { color: #444; } #blog .comments-area cite { padding-left:60px; margin:0; } #blog .comments-area time { padding-left:60px; margin:0; } #blog .comments-area header { padding:0 0 10px 0; margin:0; } #blog .comments-area ol { padding:0; margin:0; border:none; list-style:none; } #blog .comments-area ol li { padding:0; margin:0; border:none; list-style:none; } #blog .comments-area ol li ol li { padding:0 0 0 20px; } #blog .comments-area ol li ol li ol li { padding:0; } #blog .comments-area article { border:1px dotted #ccc; padding:10px; margin:20px 0; } /*Custom Respond*/ #blog #respond form { padding:0; margin:0; } #blog #respond p.logged-in-as { padding:0; margin:0; } /* =Comments -------------------------------------------------------------- */ .comments-title { margin-bottom: 18px; margin-bottom: 1.428571429rem; font-size: 12px; font-size: 1.142857143rem; line-height: 1.5; font-weight: normal; } .comments-area article { margin: 24px 0; margin: 1.714285714rem 0; } .comments-area article header { margin: 0 0 48px; margin: 0 0 3.428571429rem; overflow: hidden; position: relative; } .comments-area article header img { float: left; padding: 0; line-height: 0; } .comments-area article header cite, .comments-area article header time { display: block; margin-left: 85px; margin-left: 6.071428571rem; } .comments-area article header cite { font-style: normal; font-size: 15px; font-size: 1.071428571rem; line-height: 1.42857143; } .comments-area article header time { line-height: 1.714285714; text-decoration: none; font-size: 12px; font-size: 0.857142857rem; color: #5e5e5e; } .comments-area article header a { text-decoration: none; color: #5e5e5e; } .comments-area article header a:hover { color: #21759b; } .comments-area article header cite a { color: #444; } .comments-area article header cite a:hover { text-decoration: underline; } .comments-area article header h4 { position: absolute; top: 0; right: 0; padding: 6px 12px; padding: 0.428571429rem 0.857142857rem; font-size: 12px; font-size: 0.857142857rem; font-weight: normal; color: #fff; background-color: #0088d0; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, #009cee, #0088d0); background-image: -moz-linear-gradient(top, #009cee, #0088d0); background-image: -ms-linear-gradient(top, #009cee, #0088d0); background-image: -o-linear-gradient(top, #009cee, #0088d0); background-image: linear-gradient(top, #009cee, #0088d0); border-radius: 3px; border: 1px solid #007cbd; } .comments-area li.bypostauthor cite span { position: absolute; margin-left: 5px; margin-left: 0.357142857rem; padding: 2px 5px; padding: 0.142857143rem 0.357142857rem; font-size: 10px; font-size: 0.714285714rem; } a.comment-reply-link, a.comment-edit-link { color: #686868; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; } a.comment-reply-link:hover, a.comment-edit-link:hover { color: #21759b; } .commentlist .pingback { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; } .commentlist { padding:15px; border:1px dotted #555; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; } /* Comment form */ #respond { margin-top: 48px; margin-top: 3.428571429rem; } #respond h3#reply-title { font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; } #respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; margin-left: 0.714285714rem; font-weight: normal; font-size: 12px; font-size: 0.857142857rem; } #respond form { margin: 24px 0; margin: 1.714285714rem 0; } #respond form p { margin: 11px 0; margin: 0.785714286rem 0; } #respond form p.logged-in-as { margin-bottom: 24px; margin-bottom: 1.714285714rem; } #respond form label { display: block; line-height: 1.714285714; } #respond form input[type="text"], #respond form textarea { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; padding: 10px; padding: 0.714285714rem; width: 100%; } #respond form p.form-allowed-tags { margin: 0; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #5e5e5e; } #respond .required { color: red; } /*Email Subscribe*/ .subscribe form { padding:20px !important; border:1px solid #ccc !important; } .subscribe form p.title { color:#5e480e; font-size:20px; margin-bottom:10px; font-family: "Times New Roman", Times, serif; font-weight:bold; } .subscribe form input.text { width:200px; height:36px; padding:0 9px; background:#f9f9f9; color:#444; border:1px solid #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; outline:none; } .subscribe form input.text:focus { background:#fff; border:1px solid #ddd; } .subscribe form input.btn { margin:20px auto 0; color:#fff; width:150px; height:35px; border: 1px solid #8e6e19; font-size:16px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background: #4371b0; /* Old browsers */ background: -moz-linear-gradient(top, #4371b0 0%, #355c92 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4371b0), color-stop(100%,#355c92)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4371b0 0%,#355c92 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4371b0 0%,#355c92 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4371b0 0%,#355c92 100%); /* IE10+ */ background: linear-gradient(to bottom, #4371b0 0%,#355c92 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4371b0', endColorstr='#355c92',GradientType=0 ); /* IE6-9 */ } .subscribe form input.btn:hover{ background: #6787af; /* Old browsers */ background: -moz-linear-gradient(top, #6787af 1%, #4d6a91 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#6787af), color-stop(100%,#4d6a91)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6787af 1%,#4d6a91 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6787af 1%,#4d6a91 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6787af 1%,#4d6a91 100%); /* IE10+ */ background: linear-gradient(to bottom, #6787af 1%,#4d6a91 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6787af', endColorstr='#4d6a91',GradientType=0 ); /* IE6-9 */ } /*Media*/ @media all and (min-width: 1600px) { } @media all and (max-width: 960px) and (min-width: 601px) { } @media all and (max-width: 600px) { /*Basics*/ html, body, .wrapper, .container { min-width:320px; } /*Containers*/ .container { width:100%; margin:0; } /*Grid*/ [class*='col-'], .block, .cell { width:100%; padding:0; } /*Header*/ #header { position:relative; height:60px; } #header .logo { left:50%; top:6px; margin:0 0 0 -60px; } #header .logo img { width:120px; } #header .contact-us-btn { position:absolute; right:0; top:0; } #header .contact-us-btn a { display:block; width:60px; height:60px; background:#4573b3 url(images/structure/contact.png) no-repeat center center; } #header .contact-us-btn a:hover { opacity: .9; } #header .social { display:none; right:8px; top:67px; } #header .social p { text-align: right; padding:0; } #header .social .facebook { display:inline-block; width:25px; height:25px; background:url(images/structure/social.png) no-repeat 0px 0px; } #header .like { display:none; right:38px; top:70px; } /*Nav*/ #nav { position:relative; left:auto; top:auto; right:auto; bottom:auto; width:100%; height:auto; z-index: 100; } #nav nav { position:absolute; left:auto; top:60px; right:auto; bottom:auto; width:100%; } #nav nav ul { display:none; width:100%; height:auto; max-height:none; background:#5e480e; } #nav.on nav ul { display:block; } #nav ul { float:none; display:block; height:auto; list-style:none; } #nav ul li { display:block; height:auto; float:none; padding:0; margin:0; } #nav ul li:first-child { border-left:none; } #nav ul li.drop { padding:0; background-position:95% 14px; } #nav ul li a { display:block; height:auto; padding:10px 20px; line-height:20px; text-align:left; color:#fff; } #nav ul li:hover { background-color:#4b390a; } #nav ul li:hover a { color:#fff; } #nav ul li.current-menu-item a, #nav ul li.current-menu-parent a, #nav ul li.selected a { color:#fff; } #nav .menu { display:none; position: absolute; left:0; top:-60px; width:60px; height:60px; background:#4573b3 url(images/structure/menu.png) no-repeat center center; cursor:pointer; } #nav .menu.done { display:block; } #nav.on nav .menu { background-color:#5e480e; } /*Sub Nav*/ #nav ul li.drop .sub { position:relative; } #nav ul li.drop:hover .sub ul { display:block; } #nav.on nav ul li.drop .sub ul { display:none; } #nav.on nav ul li.drop.on .sub ul { display:block; } #nav ul ul { display:none; position:relative; left:auto; top:auto; min-width:0; height:auto; max-height:none; background:#444; } #nav ul li.drop .sub ul li { float:none; } #nav ul li.drop .sub ul li ul { display:none; } /*Sub Nav*/ #nav ul li .sub { position:relative; } #nav ul ul { display:none; position:relative; left:auto; top:auto; min-width:0; height:auto; padding:0 0 10px 0; background-color:#4b390a; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .home #nav ul ul { -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; } #nav ul li.drop ul { display:block; background-color:#4b390a; } #nav ul li.drop ul li { float:none; margin:0; padding:0; } #nav ul li.drop ul li a { display:block; height:auto; padding:5px 20px; line-height:20px; font-size:15px; color:#fff; text-decoration:none; white-space:normal; background:none; } #nav ul li.drop ul li:hover a { background:#2b2105; color:#fff; } /*Promo*/ #promo { height:250px; } #promo .wrapper.promo { height:250px; } #promo .message { left:20px; top:20px; } #promo .message h3 { font-size:35px; text-shadow: 0 1px 1px #000; } #promo .message p { font-size:18px; text-shadow: 0 1px 1px #000; } #promo .cycles { height:250px; } #promo .cycles .cycle { height:250px; } #promo .pager { display:none; } #promo .v1 { background-position:center -50px; } #promo .v2 { background-position:center -50px; } #promo .v3 { background-position:center -50px; } #promo .v4 { background-position:center -50px; } /*Conversions*/ #conversions { height:auto; background:none; } #conversions .block:first-child { width:100%; padding:0; } #conversions .block { width:100%; padding:0; text-align:center; } #conversions .block:first-child .frame { padding-top:25px; } #conversions .frame { position: relative; padding:15px; margin:1px; background:#fff; } #conversions img { margin:0; } /*Introduction*/ #introduction .spacing { padding:25px; } #introduction h1 { white-space:normal; } #introduction h2 { white-space:normal; } /*Properties*/ #properties .spacing { padding:0 25px 25px 25px; } #properties h2 { background:#4573b3; } /*News*/ #news .spacing { padding:0 25px 25px 25px; } #news h2 { background:#4573b3; } /*Footer*/ #footer .last p { padding-top:0; text-align:center; } #footer p { padding:30px; text-align:center; } /*Properties Page*/ #content.properties .spacing { padding:45px 15px 15px 15px; } #content.properties article { display:block; } #content.properties .entry-content { float:none; width:auto; } #content.properties header { float:none; width:auto; } #content.properties footer { display:none; } #content.properties .entry-meta { display:none; } #properties-page .spacing { padding:15px; } #properties-page .spacing .holder { width:100%; margin:0;} #properties-page .spacing .holder a.block { width:100%; height:auto; text-align:center; } #properties-page .spacing .holder a.block span.group { width:auto; text-align:center; } #properties-page .spacing .holder a.block span.price { display:inline-block; padding:0 0 0 10px; float:none; } #properties-page .spacing .holder a.block span.acres { display:inline-block; padding:0 10px 0 0; } /*Side Nav*/ #sidenav { display:none; } /*Content*/ #content .spacing { padding:45px 15px 15px 15px; } /*FAQs*/ #faqs .spacing { padding:75px 15px 15px 15px; } /*Staff*/ #staff .spacing { padding:75px 15px 15px 15px; } #staff .block { width:100%; } #staff .image span { width:100px; height:100px; } #staff .image img { max-width:100px; max-height:100px; min-width:100px; min-height:100px; } #staff .info { padding:0; } #staff h2 { padding:0 0 0 115px; } #staff h3 { padding:0 0 0 115px; } #staff .contact { min-height:50px; padding:15px 0 0 115px; } #staff .contact p.split .phone { padding:0; margin:0; border-right:none; } #staff .contact p a { display:block; padding:5px 0; } /*Team*/ #team .spacing { padding:75px 15px 15px 15px; } #team .thumb span { width:100px; height:100px; } #team .thumb img { width:100px !important; height:auto !important; } #team .info { padding:0; } #team h2 { padding:0 0 5px 115px; } #team h3 { padding:0 0 0 115px; } #team .bio p { padding:15px 0; } #team .contact { min-height:50px; padding:15px 0 0 115px; } #team .contact p.split .phone { padding:0; margin:0; border-right:none; } #team .contact p a { display:block; padding:5px 0; } /*Sponsors*/ #sponsors .spacing { padding:75px 15px 15px 15px; } #sponsors .grid { width:100%; margin:0; } #sponsors .sponsor { float:none; width:auto; margin:0 0 25px 0; } #sponsors .sponsor .inner { width:218px; margin:0 auto; } /*Gallery*/ #gallery .spacing { padding:75px 15px 15px 15px; } #gallery .gallery { display:table; width:100%; padding:0 0 10px 0; margin:0; } #gallery .gallery .gallery-item { width: 50%; height: auto; margin: 10px 0 0 0; padding:0 5px; border: none; } #gallery .gallery .gallery-item, #gallery .gallery .gallery-item:after, #gallery .gallery .gallery-item:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #gallery .gallery .gallery-caption { display:none; visibility:hidden; } /*Events*/ #events .spacing { padding:75px 15px 15px 15px; } #events.one .cell { width: 33.333333333%; background:#f1f1f1; border:2px solid #fff; } #events.one .cell:nth-child(even) { background:#f9f9f9; } #events.one .event { position:relative; } #events.one .date { position:absolute; right:5px; top:5px; padding:0 5px; color:#777; font-size:18px; text-transform:uppercase; font-weight:700; line-height:25px; } #events.one .date span { display:inline-block; padding:0 5px 0 0; font-size:17px; } #events.one .padding { padding:15px; } #events.one h2 { padding:0; color:#444; font-size:24px; line-height:30px; font-weight:400; } #events.one .text { padding:10px 0 0 0; } #events.two .event { position:relative; } #events.two .date { position:absolute; left:0px; top:5px; width:70px; height:70px; text-align:center; color:#f1f1f1; font-size:42px; line-height:25px; text-transform:uppercase; font-weight:300; background:#999; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #events.two .date span { display:block; padding:8px 0 0 0; font-size:23px; font-weight:700; } #events.two .padding { padding:0 15px 30px 90px; } #events.two h2 { padding:0; color:#444; font-size:24px; line-height:30px; font-weight:400; } #events.two .text { padding:10px 0 0 0; } #events.three .frame { border-bottom:1px solid #ccc; background:url(images/structure/calendar-frame.png) repeat-y; } #events.three .date { padding:0 5px; color:#fff; font-size:18px; text-transform:uppercase; font-weight:700; line-height:25px; background:#999 url(images/structure/c-arrow.png) no-repeat right 0px; } #events.three .date span { display:inline-block; padding:0 5px 0 0; font-size:17px; } #events.three .event:hover .date { background-color:#888; } #events.three .event.active .date { background:#666 url(images/structure/c-arrow.png) no-repeat right -100px; } #events.three .padding { padding:15px; } #events.three h2 { padding:0; color:#444; font-size:24px; line-height:30px; font-weight:400; } #events.three .text { padding:10px 0 0 0; } /*Contact*/ #contact .spacing { padding:15px; } #contact * { max-width:100%; } #contact .frm_forms .frm_form_field.full { width:100%; } #contact .frm_forms .frm_form_field.full input, #contact .frm_forms .frm_form_field.full textarea { width:100%; } #contact .frm_forms .frm_form_field.half { width:100%; padding-left:0; } #contact .frm_forms .frm_form_field.half input, #contact .frm_forms .frm_form_field.half textarea { width:100%; } #contact .frm_forms .frm_form_field.third { width:100%; padding-left:0; } #contact .frm_forms .frm_form_field.third input, #contact .frm_forms .frm_form_field.third textarea { width:100%; } #contact .frm_forms .frm_form_field.first { padding-left:0; } #contact.wide .frm_forms .frm_form_field.full { width:100%; } #contact.wide .frm_forms .frm_form_field.full input, #contact.wide .frm_forms .frm_form_field.full textarea { width:100%; } #contact.wide .frm_forms .frm_form_field.half { width:100%; padding-left:0; } #contact.wide .frm_forms .frm_form_field.half input, #contact.wide .frm_forms .frm_form_field.half textarea { width:100%; } #contact.wide .frm_forms .frm_form_field.third { width:100%; padding-left:0; } #contact.wide .frm_forms .frm_form_field.third input, #contact.wide .frm_forms .frm_form_field.third textarea { width:100%; } #contact.wide .frm_forms .frm_form_field.first { padding-left:0; } #contact .frm_forms .frm_submit input { width: 100%; padding: 10px 25px; font-size:20px; } #contact .contact .spacing h2 {font-weight: normal; font-size: 27px;} #contact .contact .spacing h3 {font-weight: normal; color:#3A3A3A; margin-bottom: 8px;} #contact .contact .spacing .contact-info {color: #3A3A3A;} #contact .contact a {text-decoration: none;} /*Blog*/ #blog .spacing { padding:75px 15px 15px 15px; } #blog article { padding:0 0 20px 0; } /*Blog Nav*/ #blognav .spacing { padding:15px; } /*Comment Form*/ #respond form p.form-allowed-tags { display:none; } }