img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} body { font-family: 'Questrial', sans-serif; font-size: 16px; color: #4d4d4d; line-height: 1.5; text-align: center; position: relative; } h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote { text-align: left; } h1, h2, h3, h4, h5, h6, p, form { padding: 0 10px; } body, header ul, nav ul, .subnav ul, section aside ul { padding: 0; margin: 0; } img, iframe { max-width: 100%; } a img, iframe { border: none; } a, nav a:hover, aside a:hover, footer a:hover { text-decoration: none; color: #05944e; transition: all 0.3s linear 0.01s; } a:hover { text-decoration: underline; } .subnav a:hover, .btn:hover { text-decoration: none; } hr { border-width: 1px; border-color: #eee; border-style: none none solid; margin: 30px 0; } .fullwidth { width: calc(100% - 20px) } .imgLeft, .imgRight { max-width: 50%; } .imgLeft { float: left; margin: 5px 4% 1% 1%; } .imgCenter { display: block; margin: 40px auto; } .imgRight { float: right; margin: 5px 1% 1% 4%; } .clear { clear: both; } .halfcol { width: 49%; display: block; text-align: center; } .halfcol a { margin: 30px 50px; } .center { text-align: center; } .nowrap, a[href^=tel] { white-space: nowrap } .wrap { max-width: 1020px; display: block; margin: 0 auto; position: relative; } .grid { display: grid; grid-gap: 0 10px } .grid.half { grid-template-columns: repeat(2,1fr); } .grid.third { grid-template-columns: repeat(3,1fr); } .grid.quad { grid-template-columns: repeat(4,1fr); } .table { display: table; width: 100%; } .table > div { display: table-cell; vertical-align: top; } .table.half > div { width: 50%; } .table.half > div:first-of-type { padding-right: 2%; } .table.half > div:last-of-type { padding-left: 2%; } .table.third > div { width: 33%; } .table.third > div:nth-of-type(1) { padding-right: 4%; } .table.third > div:nth-of-type(2) { padding: 0 2%; } .table.third > div:nth-of-type(3) { padding-left: 4%; } .table.quad > div { width: 25%; } header .table > div, .subfoot .table > div { vertical-align: middle; } nav ul, nav li, .subnav li, aside li, .halfcol, .boardlist li { display: inline-block; } header { font-size: 14px; padding: 10px 10px 0; margin-bottom: -20px; } header ul { list-style: none; padding: 0 10px; } header .table > div:nth-of-type(1) { text-align: left; } header .table > div:nth-of-type(1) img { max-width: 200px; } header .table > div:nth-of-type(3) p { text-align: center; } header .table > div:nth-of-type(4) { text-align: right; } header img:last-of-type { z-index: -1; position: relative; } nav { font-size: 14px; background-color: #fc9943; padding: 11px 10px; text-align: left; } nav a { display: block; color: #fff; padding: 10px; } nav li { line-height: 1; border-right: 1px solid rgba(255,255,255,.3); } nav li:last-of-type { text-transform: uppercase; border: none; } nav ul ul { display: none; min-width: 200px; background: #fc9943; margin: 0; position: absolute; z-index: 999; } nav .tax li { text-transform: none; } nav ul ul li { display: block; text-align: left; border: none; } nav li:hover > ul { display: block; } .cycle-slideshow { height: 600px; position: relative; overflow: hidden; } .cycle-slideshow span { display: block; width: 100%; height: 100%; background-size: cover; background-position: center; } .cycle-slideshow .overlay { height: 600px; } .cycle-prev, .cycle-next { position: absolute; top: 0; width: 5%; z-index: 888; height: 100%; cursor: pointer; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0; } .cycle-prev { left: 0; background-image: url(/images-design/arrow-prev.png); } .cycle-next { right: 0; background-image: url(/images-design/arrow-next.png); } .cycle-prev:hover, .cycle-next:hover { opacity: .5; transition: all .3s linear .01s; } .slide1 { background-image: url(/images-design/slides/fulton.jpg); } .slide2 { background-image: url(/images-design/slides/oak-grove.jpg); } .slide3 { background-image: url(/images-design/slides/park.jpg); } .slide4 { background-image: url(/images-design/slides/playground.jpg); } .slide5 { background-image: url(/images-design/slides/wh-house.jpg); } .slide6 { background-image: url(/images-design/slides/wh-playground.jpg); } .slide7 { background-image: url(/images-design/slides/wh-townhouse.jpg); } .slide8 { background-image: url(/images-design/slides/young-homes.jpg); } .slide9 { background-image: url(/images-design/slides/young-office.jpg); } .subnav { font-family: 'Archivo Black', sans-serif; font-size: 15px; background-color: #036334; padding: 15px 0; } .subnav a { display: block; margin: 0 auto; font-size: 12px; border-radius: 50%; width: 120px; height: 120px; background-color: rgba(255, 255, 255, 0.8); line-height: 16px; text-transform: uppercase; } .subnav a:hover { background-color: #fff; } .subnav p { width: auto; text-align: center; margin: 0 10px; position: relative; top: 50%; transform: translateY(-50%); } .subnav li { vertical-align: middle; padding: 5px; } .subnav li:nth-of-type(1) a { color: #277ad8; } .subnav li:nth-of-type(2) a { color: #da331c; } .subnav li:nth-of-type(3) p { margin: 0; } .subnav li:nth-of-type(3) a { color: #c300c5; } .subnav li:nth-of-type(4) a { color: #c74f23; } .subnav li:nth-of-type(5) a { color: #4c994b; } .subnav li:nth-of-type(6) a { color: #967a32; } .subnav li:nth-of-type(7) a { color: #375551; } .subnav li:nth-of-type(8) a { color: #513554; } .subnav ul ul { display: none; min-width: 200px; margin: 0; position: absolute; z-index: 999;} .subnav li:hover > ul { display: block; } .subnav ul ul li a { display: block; margin: 0 auto; font-size: 11px; line-height: 12px; border-radius: 0%; background-color:#fff; height:20px; width:140px; text-transform: none; } .banner { background-size: cover; background-position: center; } .banner .overlay { height: 300px; background-color: rgba(0,0,0,.4); } .banner .wrap { top: 50%; transform: translateY(-50%); } .banner p { width: 65%; font-family: 'Archivo Black', sans-serif; font-size: 30px; text-align: center; color: #fff; margin: 0 auto; text-shadow: 1px 1px 3px rgba(0,0,0,.8); } .row1, .row2 { padding: 30px 0 40px; } .row1 h2, .row1 h3 { font-weight: normal; } .row1 h2, .row1 h3 { color: #fc9943; margin-top: 20px; } .row1 .btn { padding: 7px 50px; margin: 30px 0 40px; } .row1 a img { max-height: 550px; } .row2 { background-color: #fc9943; } .row2, .row2 h2, .row2 p { color: #fff; } .row2 h2 { font-family: 'Archivo Black', sans-serif; font-size: 20px; text-align: center; text-transform: uppercase; margin: 20px 0 40px; } .row2 .table > div:first-of-type { width: 70%; } .row2 .table > div:last-of-type { width: 30%; } .row2 ul { list-style: none; line-height: 1.8; padding: 0; margin: 15px 50px; } .row2 input[type=text], .row2 input[type=email], .row2 input[type=tel], .row2 textarea { background-color: #fff; } .row2 input[type=submit] { background-color: transparent; border: 2px solid #ccc; padding: 13px 70px; } .row2 input[type=submit]:hover { background-color: #ccc; } .ihope{max-width: 600px;} aside { padding: 0 10px 40px; } aside li { line-height: 1; border-right: 1px solid rgba(0,0,0,.3); } aside li:last-of-type { border: none; } section aside a { display: block; color: #4d4d4d; padding: 0 15px; } section { padding: 40px 0; } section h1, section h2, section h3, section h4 { font-weight: normal; text-transform: uppercase; color: #fc9943; } section h2, section h3, section h4 { margin-top: 30px; } section h1 { font-family: 'Archivo Black', sans-serif; font-size: 20px; } section h2, section h3 { font-size: 18px; } section h4 { font-size: 16px; } section ul, section ol { padding-left: 30px; padding-right: 10px; } .indent { padding-left: 35px; } .spacing li { margin-bottom: 10px; } .nolist { list-style: none; padding: 0 10px } section li { margin: 5px 0; } section table { width: 100%; border-collapse: collapse; margin: 20px 0; border: 1px solid #eee; } section table tr:nth-of-type(odd) { background-color: #fafafa; } section table th, section table td { padding: 10px 2%; border: 1px solid #eee; } section table th { font-weight: normal; text-transform: uppercase; } section table th span { text-transform: none; } .housing img { object-fit: cover; width: 100%; height: 200px; } .housing .imgBottom { object-position: bottom; } .housing .cycle-slideshow { height: 200px; } .income th, .income td { text-align: center; padding: 10px; } .btn { display: inline-block; background-color: #fc9943; color: #fff; padding: 7px 40px; margin-top: 10px; border-radius: 50px; } .btn:hover { background-color: #c95116; } .btn i { display: inline-block; margin-left: 10px } .small { font-size: 14px; } .boardlist { padding: 0; margin: 20px 0; text-align: center; } .boardlist li { width: calc((100% / 7) - 0.25em - 10px); margin: 5px; text-align: center; vertical-align: top; } .boardlist img { display: block; object-fit: cover; width: 100%; height: 170px; margin-bottom: 5px } .map { width: 100%; height: 400px; margin: 20px 0 30px; } .address ul { list-style: none; line-height: 1.6; padding: 0 10px; margin-bottom: 30px; } .address > div:first-of-type { width: 30%; } .address > div:last-of-type { width: 70%; } .jQexpiring, .hide { display: none; } .jobs p { margin: 0; padding: 10px 0 20px; } form { margin: 20px 0; } form .table.half > div:first-of-type { padding-right: 1%; } form .table.half > div:last-of-type { padding-left: 1%; } form input[type=text], form input[type=email], form input[type=tel], form input[type=submit], form textarea, form select { font-family: 'Questrial', sans-serif; font-size: 16px; line-height: 2 } form input[type=text], form input[type=email], form input[type=tel], form textarea, form select { width: calc(100% - 40px); background-color: #f5f5f5; margin-bottom: 10px; padding: 9px 20px; border: none; } form select { width: 100%; height: 50px } form textarea { height: 100px; padding: 10px 20px; } form input[type=submit] { background-color: #fc9943; color: #fff; padding: 10px 80px; border: none; border-radius: 50px; } form input[type=submit]:hover { cursor: pointer; text-decoration: none; background-color: #c95116; color: #fff; transition: all .3s linear .01s; } .radform {border: 1px solid #fc9943; background-color: rgb(240, 202, 153); margin-top: 20px;} .radform textarea {height: 150px;} footer .wrap, .subfoot .table { padding: 20px 0; } footer { background-color: #fc9943; } footer, footer a { color: #fff; } footer h3 { font-size: 18px; font-weight: normal; margin-right: 50px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.3); } footer ul { font-size: 14px; list-style: none; padding: 0 10px; margin: 4% 0; } footer li { margin: 6px 0; } footer li a { display: block; padding: 4px; } .subfoot { padding: 40px; background-color: #fff; color: #4d4d4d } .subfoot p { text-align: center; } .subfoot .table > div:nth-of-type(1) p { text-align: left; } .subfoot .table > div:nth-of-type(3) p { text-align: right; } @media(max-width:999px) { nav ul ul { display: none !important } header .table > div:nth-of-type(4) { display: none; } header { margin-bottom: 0; } nav ul { width: 100%; text-align: center; } .boardlist li { font-size: 14px; } .row2 h2 { margin: 20px 0; } .row2 .table > div:first-of-type { width: 60%; } .row2 .table > div:last-of-type { width: 40%; } } @media(max-width:900px) { } @media(max-width:800px) { .row2 .table > div:first-of-type, .row2 .table > div:last-of-type { width: 50%; } .address > div:first-of-type { width: 40%; } .address > div:last-of-type { width: 60%; } } @media(max-width:767px) { .cycle-slideshow { height: 400px; } .banner p { width: 90% } aside { padding-bottom: 20px; } aside li { border: none; } section aside a { padding: 10px 20px; border: 1px solid #eee; } .housing.table.quad > div { display: inline-block; width: calc(50% - 10px); text-align: left; } .boardlist li { width: 155px; } .subfoot { padding: 40px 20px; } footer > .wrap > .table > div { display: inline-block; width: 50% !important; } .grid.housing { grid-template-columns: repeat(2,1fr); } } @media(max-width:700px) { header .table > div { display: inline-block; width: calc(50% - 20px) !important; } header .table > div:nth-of-type(1) { text-align: right; padding-right: 20px; } header .table > div:nth-of-type(2) { padding-left: 20px; } header .table > div:nth-of-type(3) { display: block; width: auto !important; } nav li { margin: 10px 0; } } @media(max-width:600px) { .table.half, .table.half > div, .row2 .table > div { display: block; width: auto !important; padding: 0 !important; } .row2 ul { margin: 15px 10px; } section table { font-size: 14px; } .address > div { width: 50% !important; } .address #contact input[type=submit] { width: 100%; padding: 15px 0; } .subfoot { padding: 40px 0; } .subfoot .table > div { padding: 0 !important; } .grid.half { grid-template-columns: none; } .ihope {width: calc(100% - 50px); } } @media(max-width:500px) { header .table > div { display: inline-block; width: calc(50% - 10px) !important; } header .table > div:nth-of-type(1) { padding-right: 10px; } header .table > div:nth-of-type(2) { padding-left: 10px; } .banner p { line-height: 1.2; } section table th, section table td { padding: 10px 1%; } .address > div { display: block; width: auto !important; } .subfoot .table > div { display: block; width: auto !important; } .subfoot .table > div p { text-align: center !important; } .subfoot .table { padding: 0; } .grid.housing, form .grid { grid-template-columns: none !important; } .housing img, .housing .cycle-slideshow { height: 300px; padding: 0 10px; } .housing img { width: calc(100% - 20px); } } @media(max-width:450px) { header .table > div { display: block; width: auto !important; } header .table > div, header li { text-align: center !important; } header .table > div:nth-of-type(1) { padding-bottom: 10px; } } @media(max-width:400px) { .boardlist li { width: 145px; } .income th, .income td { padding: 10px 0; } }