html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color: #000;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
*, *:before, *:after {
border:0;
border-collapse:collapse;
margin:0;
padding:0;
line-height:normal;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
body {
font: 400 normal 16px/16px Arial, Helvetica, sans-serif;
}
audio,
canvas,
img,
video {
vertical-align: middle;
}
section {
position:relative;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
input, textarea {
font:inherit;
}
input[type="submit"] {
box-shadow: none;
}
textarea {
resize: vertical;
font-family: inherit;
font-size: inherit;
}
a, .trans {
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
a {
color:#FFF;
}
a:hover {
color:#EEE;
}
a:active {
color:#EEE;
}
a.current {
}
p {
font-size:1em;
line-height: 1.5em;
}
article {
}
article p {
line-height: 1.75em;
}
.full {
width:100%;
}
.half {
width:50%;
}
.third {
width:33.33%;
}
.twothird {
width:66.66%;
}
.fourth {
width:25%;
}
.threefourth {
width:75%;
}
.left {
float:left;
}
.right {
float:right;
}
.center {
margin:0 auto;
}
.clearfix:before,
.clearfix:after {
content: " "; display: table; }
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.fill {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
z-index: 200;
}
.fullbg {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.fixedbg {
background-attachment: fixed;
} .tleft {
text-align: left;
}
.tright {
text-align: right;
}
.tcenter {
text-align: center;
} .pad-half {
padding: 0.5em;
}
.pad0-1 {
padding: 0 1em;
}
.pad0-2 {
padding: 0 2em;
}
.pad1 {
padding: 1em;
}
.pad1-0 {
padding: 1em 0;
}
.pad2 {
padding: 2em;
}
.pad2-0 {
padding: 2em 0;
}
.pad3-0 {
padding: 3em 0;
}
.pad4-0 {
padding: 4em 0;
}
.padt1 {
padding-top: 1em;
}
.padt2 {
padding-top: 2em;
}
.padt3 {
padding-top: 3em;
}
.padb2 {
padding-bottom: 2em;
}
.padb3 {
padding-bottom: 3em;
} .mar0-1 {
margin: 0 1em;
}
.mar0-2 {
margin:0 2em;
}
.mar1 {
margin:1;
}
.mar1-0 {
margin:1em 0;
}
.mar2 {
margin:2em;
}
.mar2-0 {
margin:2em 0;
} sup {
vertical-align: super;
font-size: 50%;
}
.center {
margin: 0 auto;
}
.upper {
text-transform: uppercase;
}
.lower {
text-transform: lowercase;
}
.hidden {
display: none;
}
.noscroll {
height:100%;
overflow:hidden;
}
.figure {
overflow:hidden;
position:relative;
}
.figure img, .stretch {
width:100%;
height:auto;
}.p11neutra-light {
font-family: 'p11neutra-light', Arial, Helvetica, sans-serif;
font-weight: 200;
}
.p11neutra-book {
font-family: 'p11neutra-book', Arial, Helvetica, sans-serif;
font-weight: 500;
}
.p11neutra-demi {
font-family: 'p11neutra-demi', Arial, Helvetica, sans-serif;
font-weight: 500;
}
.p11neutra-demiitalic {
font-family: 'p11neutra-demiitalic', Arial, Helvetica, sans-serif;
font-weight: 500;
}
body, html {
}
body {
margin: 0;
padding: 0;
font: 400 normal 16px/16px 'p11neutra-book', Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
color: #000;
}
*:focus,
*:focus label,
a:focus,
a:focus .tab-outline,
input:focus,
button:focus,
.checkboxitem label:focus-within {
outline: 2px dotted #00a0ed!important;
}
a.tab-inside:focus {
outline: none!important;
}
a.tab-inside:focus .tab-outline {
outline: 2px dotted #00a0ed!important;
}
body.using-mouse *:focus,
body.using-mouse *:focus label,
body.using-mouse a:focus,
body.using-mouse a.tab-inside:focus .tab-outline,
body.using-mouse input:focus,
body.using-mouse button:focus,
body.using-mouse .checkboxitem label:focus-within {
outline: none!important;
} a.ada-skip-to-content {
left:-999px;
position:absolute;
top:auto;
width:1px;
height:1px;
overflow:hidden;
z-index:-9999;
text-decoration: none;
}
a.ada-skip-to-content:focus, a.ada-skip-to-content:active {
color: #fff;
background-color: #000000;
left: 5px;
top: 5px;
width: 200px;
height: auto;
overflow:auto;
padding:5px;
border-radius: 5px;
text-align:center;
font-size:1.2em;
z-index:9999;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}
ul {
}
li {
}
p {
margin: 0 0 1.125em 0;
}
p.small {
font-size: 0.75em;
}
a:link, a:visited {
text-decoration: none;
color: #c66a2d;
}
a:hover, a:active {
color: #263746;
}
strong {
font-weight: 600;
}
.bgpattern1 { background-image: url(//www.thepierce.com/wp-content/themes/client-theme/images/global/dots-trans.png);}
.bgpattern2 { background-image: url(//www.thepierce.com/wp-content/themes/client-theme/images/global/dots-smaller.png);}
.bgwhite { background-color: #fff; } .bgorange { background-color: #B35F2A; }
.bgbrown { background-color: #31251c; }
.bggray { background-color: #4d4d4f; }
.bgblue { background-color: #263746; } .bggreen { background-color: #747C1E; }
.bgturq { background-color: #427380; }
.bgtranswhite { background-color: rgba(255,255,255,.9)}
.bgtransblack { background-color: rgba(0,0,0,.9)}
.bgtransgreen { background-color: rgba(119,128,25,.9)}
.bgtransturq { background-color: rgba(66,115,128,.9)}
.bgtransblue { background-color: rgba(38,55,70,.9)}
.bgtransorange { background-color: rgba(184,106,45,.9)}
.twhite { color: #fff !important; } .torange { color: #B35F2A !important; }
.tbrown { color: #31251c !important; }
.bgcenter {
background-position: top center;
}
.cleanlist {
margin: 0 0 1em;
padding: 0;
}
.cleanlist h2 {
display: block;
font-size: 1em;
font-weight: 500;
color: #000;
text-align: center;
margin: 0 0 0.5em -15px;
padding: 0;
}
.cleanlist li {
color: #512B1C;
font-size: 1.063em;
line-height: 1.125em;
margin: 0 0 0.5em;
padding: 0.25em 0;
}
.cleanlist li ul {
margin: 1em 0 0 1em;
padding: 0;
}
.cleanlist li ul li {
color: #512B1C;
font-size: 1.063em;
line-height: 1.125em;
margin: 0 0 0.5em;
padding: 0.25em 0;
} .fancybox-title-float-wrap .child {
font-family: 'p11neutra-book', Arial, Helvetica, sans-serif !important;
font-size: 1.5em !important;
font-weight: 500 !important;
} .browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
header, footer, section {
clear: both;
width: 100%;
position: relative;
}
.wrapper, .wrapper-full {
max-width: 980px;
width: 95%;
margin: 0 auto;
position: relative;
}
.wrapper-full {
width: 100%;
}  #knocktab {
position: fixed;
top: 300px;
right: 0;
font-size: 3em;
color: #c66a2d;
}
#uplink {
display: none;
position: fixed;
right: 2em;
bottom: 15em;
z-index: 2000;
background-color: rgba(0,0,0,.7)
}
#uplink:hover {
background-color: #000;
}
header {
position: absolute;
left: 0;
top: 0;
z-index: 999;
}
header.gosmall {
position: fixed;
-webkit-box-shadow: 1px 8px 5px -3px rgba(0,0,0,0.52);
-moz-box-shadow: 1px 8px 5px -3px rgba(0,0,0,0.52);
box-shadow: 1px 8px 5px -3px rgba(0,0,0,0.52);
}
#logo {
left: 0;
position: absolute;
top: 20px;
z-index: 900;
opacity: 1;
transition: opacity 0.3s ease 5s, top 0.5s ease 5s;
-webkit-transition: opacity .3s, top .5s;
-moz-transition: opacity .3s, top .5s;
-ms-transition: opacity .3s, top .5s;
-o-transition: opacity .3s, top .5s;
}
header.gosmall #logo {
top: 0;
opacity: 0;
}
#smalllogo {
left: 25px;
position: absolute;
top: 10px;
z-index: 1000;
opacity: 0;
transition: opacity 0.3s ease 5s, top 0.5s ease 5s;
-webkit-transition: opacity .3s, top .5s;
-moz-transition: opacity.3s, top .5s;
-ms-transition: opacity .3s, top .5s;
-o-transition: opacity .3s, top .5s;
}
header.gosmall #smalllogo {
opacity: 1;
}
#mobilelogo {
display: none;
width: 45px;
left: 25px;
position: absolute;
top: 47px;
z-index: 1000;
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
#mobilelogo.gosmall {
position: fixed;
top: 7px;
}
#topbar {
height: 60px;
}
header.gosmall #topbar {
display: none;
}
#topsnipe {
width: 60%;
position: absolute!important; 
top: 50%; 
left: 0%; 
transform: translateY(-50%); 
}
#topsnipe h2 {
font-size: 1.5em;
padding: .125em 0 0 0;
display: block;
width: 100%;
position: absolute!important; 
top: 50%; 
left: 0%; 
transform: translateY(-50%); 
}
#topsnipe a  {
color: #fff;
display: block;
}
#topsnipe a:hover  {
color: #000;
}
#headnumber {
color: #fff;
font-size: 1.5em;
display: inline-block;
margin: 0.05em 0.5em 0 0;
}
#headnumber a:link, #headnumber a:visited {
color: #ffffff;
}
#headnumber a:hover  {
color: #000;
}
#mobilephone {
display: none;
font-size: 1.75em;
position: absolute;
right: 70px;
top: 58px;
z-index: 1100;
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
#mobilephone.gosmall {
position: fixed;
top: 17px;
}
#topbar .social {
width: 40%;
}
.social {
list-style: outside none none;
margin: 0;
padding: 0;
text-align: right;
}
.social li, .slicknav_nav ul.social, .slicknav_nav ul.social li {
display: inline-block;
margin: 0;
padding: 0;
text-align: center;
width: auto;
}
.social a.icon:link, .social a.icon:visited {
background: url(//www.thepierce.com/wp-content/themes/client-theme/images/global/bg-social.jpg);
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
border-radius: 50%;
color: #fff;
display: block;
font-size: 1.125em;
font-style: normal;
font-weight: 300;
height: 30px;
line-height: 1em;
margin: 0 0 0 5px;
padding: 6px 0 5px 1px;
text-align: center;
text-decoration: none;
width: 30px;
}
.social a:hover, .social a:active {
color: #000;
}
.socialmobile {
display: none;
}
#mainnav {
list-style: outside none none;
margin: 0;
padding: 1em 0 0;
width: 85%;
height: 90px;
float: right;
}
header.gosmall #mainnav  {
height: 75px;
}
#mainnav li { width: 30%;
display: block;
float: left;
list-style: outside none none;
margin: 0 0 1em;
padding: 0;
}
header.gosmall #mainnav li  {
margin: 0 0 .5em;
}
#mainnav li a:link, #mainnav li a:visited {
color: #2b4b54;
display: block;
font-size: 1.125em;
font-style: normal;
font-weight: 300;
margin: 0;
padding: 0;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
#mainnav li a:hover, ul.menu li a:active {
color: #263746;
}
#mainnav li.active a, .slicknav_nav li.active a {
color: #64391e!important;
font-weight: 700;
}
.slicknav_menu {
display:none;
height: 60px;
position: absolute!important;
top: 40px;
margin: 0!important;
background: #fff!important; width: 100%;
z-index: 999!important;
right: 0!important;
}
.slicknav_menutxt {
display: none!important;
}
.slicknav_menu.gosmall {
position: fixed!important;
top: 0;
}
.slicknav_menu .slicknav_icon-bar {
width: 1.5em!important;
background-color: #263746!important;
}
.slicknav_btn {
width: 40px;
margin: 5px 5px 14px!important;
padding: 10px 0!important;
background: none!important;
}
.slicknav_nav, .slicknav_nav ul {
background: #263746!important;
}
.slicknav_nav a {
color: #fff!important;
font-size: 1.25em!important;
margin: 5px!important;
}
.slicknav_nav ul.social {
width: 100%;
text-align: center;
padding: 1em 0;
}
#toppattern {
position: absolute;
left: 0;
top: -45px;
z-index: 200;
width: 100%;
height: 130px;
background: url(//www.thepierce.com/wp-content/themes/client-theme/images/global/dots-top.png) center 5px repeat-x;
} #slider {
position: relative;
width: 100%;
height: 600px;
margin-top: 150px;
background-color: #000000;;
overflow: hidden;
aspect-ratio: 16 / 9;
}
#slideholder {
width: 100%;
height: 100%;
overflow: hidden;
}
#slideholder .slide {
width: 100%;
height: 123%;
background-size:cover;
background-position: center top;
background-repeat: no-repeat;
}
h1#sectiontitlehome {
color: #fff;
display: block;
font-size: 4.5em;
line-height: 1em;
position: absolute;
right: 0.5em;
text-align: right;
top: 1.5em;
width: 100%;
z-index: 500;
background: none!important;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
-webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
-ms-text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
-o-text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
-webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}
h1#sectiontitle {
background: #31251c none repeat scroll 0 0;
bottom: 0.5em;
color: #fff;
display: block;
font-size: 2.5em;
font-weight: lighter!important;
line-height: 1em;
padding: 0.25em 0 0.25em;
position: absolute;
text-align: center;
width: 100%;
z-index: 900;
} #slidertexture {
background: rgba(0, 0, 0, 0) url(//www.thepierce.com/wp-content/themes/client-theme/images/global/dots-top-rev.png) repeat-x scroll center 5px;
bottom: 4px;
height: 130px;
left: 0;
position: absolute;
width: 100%;
z-index: 800;
}
#subhead {
padding: 1.75em 0;
}
#subhead h2 {
font-size: 2em;
} .homebox {
width: 47%;
margin: 0 1.5%;
position: relative;
}
#homebox1, #homebox2, #homebox3, #homebox4 {
transition: background 0.5s ease 5s;
-webkit-transition: background .5s;
-moz-transition: background.5s;
-ms-transition: background .5s;
-o-transition: background .5s;
position: relative;
overflow: hidden;
}
#homebox1 {
background: rgba(66,115,128,.80);
}
#homebox1:hover {
background: rgba(66,115,128,1);
}
#homebox1 .vidholder img {
opacity: 0;
}
#homebox1 .vidholder {
position: absolute;
left: 0;
top: 0;
position: relative;
overflow: hidden;
}
#homebox1 video {
height: auto;
left: -15%;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 0;
width: auto;
z-index: 0;
}
#homebox2 {
background: rgba(38,55,70,.80);
}
#homebox2:hover {
background: rgba(38,55,70,1);
}
#homebox3 {
background: rgba(198,106,45,.80);
}
#homebox3:hover {
background: rgba(198,106,45,1);
}
#homebox4 {
background: rgba(119,128,28,.80);
}
#homebox4:hover {
background: rgba(119,128,28,1);
} #homebox1 .vidholder img {
opacity: 0;
}
#homebox4 .vidholder {
position: absolute;
left: 0;
top: 0;
position: relative;
overflow: hidden;
}
#homebox4 .vidholder video {
height: auto;
left: 0;
min-height: 100%;
min-width: 100%;
position: absolute;
bottom: 0;
width: auto;
z-index: 0;
}
.homebox.boxt {
padding-top: 4em;
}
.homebox.boxb {
padding-bottom: 4em;
}
.homebox.boxb img, .homebox.boxt img {
transition: opacity 0.5s ease .5s;
-webkit-transition: letter-spacing .5s;
-moz-transition: letter-spacing .5s;
-ms-transition: letter-spacing .5s;
-o-transition: letter-spacing .5s;
}
.homebox.boxb h2, .homebox.boxt h2 {
color: #fff;
display: block;
font-size: 1.75em;
left: 0;
padding: 0.7em 0;
position: absolute;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
width: 100%;
-webkit-transition: all .9s ease-in;
-moz-transition: all .9s ease-in;
-ms-transition: all .9s ease-in;
-o-transition: all .9s ease-in;
transition: all .9s ease-in;
}
.homebox.boxb h2.boxtitle2, .homebox.boxt h2.boxtitle2 {
display: none;
}
.homebox.boxb:hover > h2.boxtitle2, .homebox.boxt:hover > h2.boxtitle2 {
display: block;
}
.homebox.boxb:hover > h2.boxtitle2:after, .homebox.boxt:hover > h2.boxtitle2:after {
font-family: FontAwesome;
font-size: .65em;
display: inline-block;
content: '\f054';
padding: .25em 0;
margin-left: .5em;
vertical-align: top;
}
.homebox.boxb:hover > h2.boxtitle, .homebox.boxt:hover > h2.boxtitle {
display: none;
}
.homebox.boxb:hover > img, .homebox.boxt:hover > img {
opacity: .9;
}
.homebox.boxt h2 {
top: 0;
}
.homebox.boxt h2 {
bottom: 0;
} .homeboxbig {
height: 550px;
background-color: #000000;
}
.homeboxbig .homeboxbigholder .fullcircle {
position: absolute;
left: 50%;
top: 50%;
width: 400px;
height: 400px;
border-radius: 50%;
background-color: rgba(128,175,59,.8);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
transition: all 0.3s ease 3s;
-webkit-transition: all .3s;
-moz-transition: all. 3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#homeboxbig2.homeboxbig .homeboxbigholder .fullcircle  {
background-color: rgba(198,106,45,.8);
}
.homeboxbig .homeboxbigholder h2 {
color: #fff;
display: block;
font-size: 3em;
padding: 0;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
width: 100%;
position: absolute;
left: 50%;
top: 50%;
z-index: 500;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
-webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
-ms-text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
-o-text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
-webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}
.homeboxbig .homeboxbigholder h2.circletitle2 {
display: none;
}
.homeboxbig .homeboxbigholder:hover > .fullcircle {
background-color: rgba(128,175,59,1);
width: 450px;
height: 450px;
}
#homeboxbig2.homeboxbig .homeboxbigholder:hover > .fullcircle  {
background-color: rgba(198,106,45,1);
}
.homeboxbig .homeboxbigholder:hover > h2.circletitle2:after {
font-family: FontAwesome;
font-size: .65em;
display: inline-block;
content: '\f054';
padding: .25em 0;
margin-left: .5em;
vertical-align: top;
}
.homeboxbig .homeboxbigholder:hover > h2.circletitle {
display: none;
}
.homeboxbig .homeboxbigholder:hover > h2.circletitle2 {
display: block;
}  #home-popup {
display: none;
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
z-index: 1500;
background: rgba(255, 255, 255, .85);
}
#home-popup #home-popup-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 600;
width: 90%;
box-sizing: border-box;
max-width: 800px;
background-color: rgba(255, 255, 255, .95);
padding: 3em 2em;
text-align: center;
color: #4d4d4f;
-webkit-box-shadow: 4px 6px 5px -1px rgba(0, 0, 0, .35);
-moz-box-shadow: 4px 6px 5px -1px rgba(0, 0, 0, .35);
-ms-box-shadow: 4px 6px 5px -1px rgba(0, 0, 0, .35);
-o-box-shadow: 4px 6px 5px -1px rgba(0, 0, 0, .35);
box-shadow: 4px 6px 5px -1px rgba(0, 0, 0, .35);
}
@media (max-width:640px) {
#home-popup #home-popup-content {
padding: 1.5rem;
}
}#home-popup #home-popup-content #popup-amenities {
padding: 0 0 2em;
}
#home-popup #home-popup-content #popup-amenities .popup-amenity img {
height: 90px;
width: auto;
padding-bottom: 1em;
}
@media (max-width:845px) {
#home-popup #home-popup-content #popup-amenities .popup-amenity img {
height: 10vw;
}
}#home-popup #home-popup-content #popup-amenities .popup-amenity h2 {
font-family: din-medium, Arial, Helvetica, sans-serif;
color: #427380;
text-transform: uppercase;
font-size: 0.75em;
}
@media (max-width:845px) {
#home-popup #home-popup-content #popup-amenities .popup-amenity h2 {
font-size: 1.75vw;
}
}#home-popup #home-popup-content #popup-amenities .popup-amenity.amenity-1 {
width: 19%}
#home-popup #home-popup-content #popup-amenities .popup-amenity.amenity-2 {
width: 18%}
#home-popup #home-popup-content #popup-amenities .popup-amenity.amenity-3 {
width: 18%}
#home-popup #home-popup-content #popup-amenities .popup-amenity.amenity-4 {
width: 26%}
#home-popup #home-popup-content #popup-amenities .popup-amenity.amenity-5 {
width: 17%}
#home-popup #home-popup-content h2 {
font-size: 2.25em;
margin-bottom: .25em;
color: #b86a2d;
font-weight: 600;
}
@media (max-width:640px) {
#home-popup #home-popup-content h2 {
font-size: 1.75em;
}
}#home-popup #home-popup-content p {
margin-bottom: 1em;
font-weight: 600;
}
@media (max-width:640px) {
#home-popup #home-popup-content p {
font-size: .9rem;
}
}#home-popup #home-popup-content h3 {
font-size: 1.75em;
}
@media (max-width:640px) {
#home-popup #home-popup-content h3 {
font-size: 1.15em;
}
}#home-popup #home-popup-content img.logo {
max-width: 13%;
height: auto;
}
#home-popup #home-popup-content .button {
background-color: #31251c;
padding: 1rem 2rem;
width: 90%;
max-width: 550px;
line-height: 1.125em;
margin: 1em auto 0;
-webkit-transition: background-color .5s ease;
-moz-transition: background-color .5s ease;
-ms-transition: background-color .5s ease;
-o-transition: background-color .5s ease;
transition: background-color .5s ease;
}
#home-popup #home-popup-content .button:hover {
background-color: #a05827;
}
#home-popup #home-popup-content #home-popup-close {
position: absolute;
top: 10px;
right: 0;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 2em;
width: 50px;
height: 50px;
text-align: center;
line-height: 1em;
color: #56565a;
cursor: pointer;
}
#home-popup #home-popup-content #home-popup-close:hover {
color: #3d3d40;
} #intro p {
font-size: 1.125em;
line-height: 1.75em;
margin: 0;
}
#intro h2 {
font-size: 1.25em;
line-height: 1.75em;
margin: 0;
}
.fulltitle {
font-size: 1.75em;
}
.detailslist {
margin: 0;
list-style: none;
margin: 0 0 2em;
padding: 0 2em;
text-indent: -1.6em;
}
.detailslist li {
color: #fff;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 1.125em;
line-height: 1em;
}
.detailslist li:before {
content: "• ";
color: #fff;
padding-right: 1em;
}
#amenities1images .vidholder img, #amenities2images .vidholder img {
opacity: 0;
}
#amenities1images .vidholder, #amenities2images .vidholder {
position: absolute;
left: 0;
top: 0;
position: relative;
overflow: hidden;
}
#amenities1images .vidholder video, #amenities2images .vidholder video {
height: auto;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 0;
width: auto;
z-index: 0;
} .availabilitywidget {
max-height: 550px;
} .menu-gallery-menu li {
display: inline-block;
}
.menu-gallery-menu li a {
color: white;
background: #231f20;
font-size: 1.2rem;
transition: 0.2s all ease-in-out;
padding: 1rem; display: block;
margin: .25em;
}
.menu-gallery-menu li a:hover {
color: #80af3b;
font-size: 1.2rem;
}
.menu-gallery-menu li.active a {
color: #80af3b;
}
.galleryimage {
width: 29%;
float: left;
margin: 0 2.125% 2em; overflow: hidden;
position: relative;
}
.galleryimage .caption {
display: block;
width: 100%;
height: 100%;
font-size: 1.5em;
position: absolute;
top: 0;
left: 0;
padding: 0;
z-index: 200;
color: #fff;
text-align: center;
background-color: rgba(38, 55, 70,.7);
opacity: 0;
transition: opacity 0.5s ease 5s;
-webkit-transition: opacity .5s;
-moz-transition: opacity.5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
}
.galleryimage .caption .captiontext {
position: absolute;
top: 50%;
left: 0;
width: 100%;
padding: 0 1em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.galleryimage a:hover > .caption {
opacity: 1;
} #the-gallery {
overflow: hidden;
background: #ddd;
} .the-gallery iframe {
width: 100%;
height: 600px;
}
@media screen and (max-width: 640px) {
.the-gallery iframe {
height: 300px;
}
} #surroundingsmap {
height: 80vh;
overflow: hidden;
}
#surroundingsmap .fulltitle {
font-size: 1.5em;
} #intro h2#contactaddress {
margin: 1em 0 0 0;
}
#knockbtn {
display: block;
width: 50%;
margin: 0 auto;
background-color: #c66a2d;
text-decoration: none;
text-align: center;
padding: .5em;
margin-top: 1em;
color: #fff;
font-size: 1.5em;
}
#knockbtn:hover {
background-color: #b75525;
}
#googledirections form {
display: table;
margin: 0 auto;
position: relative;
vertical-align: middle;
width: 90%;
}
#googledirections h3 {
display: table-cell;
margin: 0;
padding: 0 2em 0 0;
text-align: center;
vertical-align: middle;
width: 35%;
}
#saddr {
font-family: Arial, Helvetica, sans-serif; border: 1px solid #fff;
color: #000;
display: table-cell;
font-size: 1em;
height: 2.5em;
margin: 0;
padding: 0 2.75em 0 0;
text-indent: 15px;
width: 100%;
}
#google-btn {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: transparent; color: #000;
font-family: FontAwesome;
font-size: 1.25em;
height: 100%;
margin: 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 2.5em;
}
#google-btn:hover {
color: #747C1E;
cursor: pointer;
}
#gmap {
height: 0;
overflow: hidden;
padding-bottom: 40%;
position: relative;
}
#gmap iframe {
height: 100% !important;
left: 0;
position: absolute;
top: 0;
width: 100% !important;
} #interest-form {
padding:2em 0;
background: rgba(38,55,70,0.90);
color:#fff;
transition: height 1s;
-webkit-transition: height 1s;
}
#interest {
display:table;
width: 100%;
}
#interest p {
padding:0 15% 2em;
text-align: center;
font-size: 1.2em;
}
#interest h2 {
display: block;
color: #FFFFFF;
text-transform: uppercase;
font-size: 2em;
font-weight: 700;
text-align: center;
margin: 0 0 1em 0;
}
#interest fieldset {
padding:2em;
margin:1.5em;
}
#interest fieldset legend {
text-align: center;
margin: 0px 25%;
padding-top: 1em;
width: 50%;
font-size:1.5em;
}
#interest div {
padding:1em;
}
#interest div#sec1, #interest div#sec2, #interest div#sec3 {
padding:0;
}
#interest div#sec2 div.left {
clear:left;
}
#interest label {
font-weight: 300;
width:100%;
letter-spacing: 2px;
padding:0.5em 0.5em 0.5em 0;
}
#interest input {
width:100%;
background:#fff;
padding:0.75em 0.5em;
letter-spacing: 0.5px;
font-size: 1em;
margin-top:0.5em;
}
#interest textarea {
width:100%;
background:#fff;
padding:0.75em 0.5em;
margin-top:0.5em;
letter-spacing: 0.5px;
font-size: 1em;
resize:none;
height: 19.65em;
overflow:auto;
}
#interest select {
width:100%;
background:#f6f1ea;
letter-spacing: 0.5px;
font-size: 1em;
margin-top:0.5em;
padding:1em 0.5em;
}
#interest select:after {
position:relative;
content: 'â–¼';
background:#f6f1ea;
padding:1em 0.5em;
z-index:500;
}
#interest option {
width:100%;
background:#f6f1ea;
letter-spacing: 0.5px;
font-size: 1em;
border:none;
box-shadow: none;
}
#interest input[type="submit"] {
border: none;
width: 220px;
height: auto;
z-index: 400;
font-size: 1.125em;
font-weight: 900;
background: #427380;
color:#FFF;
opacity: 0.85;
position: relative;
float: right;
transition:all 0.5s;
-webkit-transition:all 0.5s;
}
#interest input[type="submit"]:hover {
background-color: : #427380;
cursor: pointer;
opacity:1;
}
#form-submit {
width: 100%;
float: right;
padding: 0 1em;
}
#interest div#process {
}
img.processing {
box-shadow:0 0 0 10px #fff;
border-radius: 200px;
display:block;
margin:2em auto;
background:#fff;
width:64px;
height:64px;
}
p.processing {
color: #fff;
text-transform: uppercase;
font-size: 1em !important;
}
#success { text-align: center;
} #categories {
width: 30%;
float: left;
margin-right: 3%;
}
#facebook {
width: 30%;
float: left;
margin-right: 3%;
}
#weather {
width: 33%;
float: left;
}
#newstop h2 {
display: block;
font-size: 1.25em;
text-align: left;
border-bottom: 1px solid #B35F2A;
margin-bottom: 1em;
padding-bottom: .25em;
}
#categories ul, #categories ul li, #categories ul li a {
color: #2b4b54;
display: block;
width: 100%;
text-align: left;
}
#categories ul li {
font-size: 1.125em;
margin-bottom: 0.5em;
}
#categories ul li.current-cat a {
color: #64391e!important;
font-weight: 700;
}
#weather {
color: #263746;
}
#weather-temp {
font-size: 5em;
line-height: 1em;
width: 50%;
float: left;
text-align: center;
}
#weather-icon {
width: 50%;
float: right;
text-align: center;
}
#weather-icon i {
font-size: 4em;
line-height: 1em;
}
#weather-icon p {
margin: 0;
}
.featuredimg {
}
#newscontent .newspost {
margin: 0 0 2em 0;
}
#newscontent .newspost.green { background-color: rgba(119,128,25,.9)}
#newscontent .newspost.turq { background-color: rgba(66,115,128,.9)}
#newscontent .newspost.blue { background-color: rgba(38,55,70,.9)}
#newscontent .newspost.orange { background-color: rgba(184,106,45,.9)}
#newscontent .newspost article {
margin: 0;
color: #fff;
}
#newscontent .newspost article a {
color: #fff;
text-decoration: underline;
}
#newscontent .newspost article a.more {
text-decoration: underline;
}
#newscontent .newspost article a:hover {
color: #263746;
}
#newscontent .newspost.blue article a:hover {
color: #b86a2d;
}
#newscontent .newspost article .postheader {
padding: 1em 0;
margin-bottom: 1em;
border-bottom: 1px solid #fff;
}
#newscontent .newspost article .postheader a {
text-decoration: none;
}
#newscontent .newspost article p {
text-align: left;
line-height: 1.5em;
margin-bottom: 2em;
}
#newscontent .newspost article p:last-of-type {
margin: 0;
}
#newscontent .newspost article h2 {
font-size: 2em;
margin: 0 0 .125em 0;
}
#newscontent .newspost article h3 {
font-size: 1.25em;
margin: 0;
}
#newscontent .newspost img {
width: 100%;
height: auto;
}
.navigation .navitem a {
color: #fff;
display: block;
background-color: #2b4b54;
}
.navigation .navitem a:hover {
color: #fff;
display: block;
background-color: #2b4b54;
} #footerblocks {
text-align: center;
}
#footerblocks .wrapper {
padding: 3em 0 1.5em;
}
#footlogo {
max-width: 13.25%;
margin: -1% 2.375% 0;
}
#footersnipe, #footernews {
width: 41%;
position: relative;
}
#footersnipe .fntext, #footernews .fntext  {
padding: 0.25em 5%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
z-index: 200;
}
#footersnipe .fntext h2, #footernews .fntext h2 {
color: #fff;
display: block;
font-size: 2.5em;
line-height: 1.125em;
text-align: center;
width: 100%;
z-index: 200;
padding: 0 1.125em;
transition: 0.25s color ease-out;
-webkit-transition: 0.25s color ease-out;
-moz-transition: 0.25s color ease-out;
-ms-transition: 0.25s color ease-out;
-o-transition: 0.25s color ease-out;
}
#footernews .fntext h2 {
line-height: 1.5em;
}
#footersnipe .fntext h2 {
margin-bottom: .5em;
}
#footernews .fntext h2 i.smallarrow {
font-size: 0.55em;
padding: 0;
vertical-align: middle;
}
#footersnipe .fntext .snipe-text, #footernews .fntext .snipe-text {
color: #fff;
display: block;
font-size: 2em;
line-height: 1.125em;
text-align: center;
width: 100%;
z-index: 200;
transition: 0.25s color ease-out;
-webkit-transition: 0.25s color ease-out;
-moz-transition: 0.25s color ease-out;
-ms-transition: 0.25s color ease-out;
-o-transition: 0.25s color ease-out;
}
#footersnipe .fntext .snipe-text:after {
font-family: FontAwesome;
font-size: .60em;
font-weight: 200;
display: inline-block;
content: '\f054';
padding: 0;
margin-left: .5em;
vertical-align: middle;
}
#footersnipe .fadedback, #footernews .fadedback {
background-color: #263746;
opacity: .85;
display: block;
position: absolute;
left: .75em;
right: .75em;
top: .75em;
bottom: .75em;
z-index: 100;
transition: 0.25s top ease-out, 0.25s bottom ease-out, 0.25s left ease-out, 0.25s right ease-out;
-webkit-transition: 0.25s top ease-out, 0.25s bottom ease-out, 0.25s left ease-out, 0.25s right ease-out;
-moz-transition: 0.25s top ease-out, 0.25s bottom ease-out, 0.25s left ease-out, 0.25s right ease-out;
-ms-transition: 0.25s top ease-out, 0.25s bottom ease-out, 0.25s left ease-out, 0.25s right ease-out;
-o-transition: 0.25s top ease-out, 0.25s bottom ease-out, 0.25s left ease-out, 0.5s right ease-out;
}
#footernews .fadedback {
background-color: #77801c;
}
#footersnipe a, #footernews a {
display: block;
position: absolute;
left: .25em;
right: .25em;
top: .25em;
bottom: .25em;
z-index: 100;
background: #000000;
}
#footersnipe a:hover > .fntext h2,#footersnipe a:hover > .fntext .snipe-text {
color: #80af3b;
}
#footernews a:hover > .fntext h2 {
color: #263746;
}
#footersnipe a:hover > .fadedback, #footernews a:hover > .fadedback  {
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.newsslide {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#footerinfo {
margin: 0 0 2em 0;
}
#footerinfo h2 {
font-size: 1.5em;
line-height: 1.5em;
}
#footerinfo a {
color: #fff;
text-decoration: underline;
}
#footerinfo a:hover {
color: #000;
}
.social.footsocial {
text-align: center;
margin-top: 1em;
}
footer {
margin: 3em 0 0 0;
}
#footerdots {
position: absolute;
left: 0;
top: -3em;
width: 100%;
height: 90px;
background-image: url(//www.thepierce.com/wp-content/themes/client-theme/images/global/dots-footer.png);
background-position: center;
}
#copyright { line-height:1.5em;
}
#footer a {
color: #fff;
}
#footer a:hover {
color: #80af3b;
}
#resbtn, #applybtn {
display: block;
padding: .5em 0;
text-align: center;
background-color: #231f20;
}
#resbtn {
width: 98px;
margin-left: 5px;
}
#applybtn {
width: 97px;
}
#websiteguide ul {
color: #c66a2d;
margin: 0;
padding: 0 5em;
text-align: left;
}
#websiteguide ul li {
list-style: outside none none;
margin: 0 0 .5em 0;
}
#websiteguide ul li ul {
margin: 0.5em 0 0 1em;
padding: 0;
}  #unit-availability {
background: #263746 url(//www.thepierce.com/wp-content/themes/client-theme/images/availability/dots-availability.png) repeat-x scroll center bottom;
padding-bottom: 85px;
} @media screen and (min-width: 1600px) {
#slider {
min-height: 700px;
}
}
@media screen and (min-width: 1900px) {
#slider {
min-height: 800px;
}
}
@media screen and (max-width: 1024px) {
#mainnav {
width: 75%;
}
#categories {
width: 45%;
float: left;
margin-right: 5%;
}
#facebook {
display: none;
}
#weather {
width: 50%;
float: left;
}
} @media screen and (max-width: 979px) {
.plan-links .fpenlarge, .plan-links .fppdf, .plan-links .planavail, .plan-links .furnish {
float: left;
margin: 0;
padding: 1em;
text-align: left;
width: 50%;
}
.plan-links .fpenlarge a, .plan-links .fppdf a, .plan-links .planavail a, .plan-links .furnish a {
margin: 0;
}
#surroundingsmap {
height: auto;
}
#map-side-bar-menu {
height: auto !important;
}
#footercontent {
text-align: center;
}
#copyright {
width: 100%;
text-align: center;
}
#resbtn, #applybtn {
width: 150px;
float: none!important;
display: inline-block;
}
}
@media screen and (max-width: 768px) {
body {
font-size: 15px;
}
.half, .third, .twothird, .fourth, .threefourth, .fifth {
width: 100%;
}
#mobilelogo, #mobilephone {
display: block;
}
#topbar {
height: 40px;
} #topsnipe {
width: 100%;
}
#topsnipe h2 {
font-size: 1.25rem;
text-align: center;
}
#topbar .social {
display:none;
}
#topbar .social {
width: 40%;
}
#navbar {
display: none;
}
.slicknav_menu {
display:block;
}
#slider {
margin-top: 100px;
height: 400px;
}
#toppattern {
top: -80px;
}
#slidertexture {
bottom: -60px;
}
#slideholder .slide {
height: 100%;
}
h1#sectiontitle {
font-size: 3em;
}
#subhead h2 {
font-size: 1.5em;
} .homebox {
margin: 0;
position: relative;
width: 100%;
}
.homebox:first-of-type {
margin: 0 0 3em;
}
.homeboxbig {
height: 500px;
}
.homeboxbig .homeboxbigholder h2 {
font-size: 2.5em;
}
.homeboxbig .homeboxbigholder .fullcircle {
height: 300px;
width: 300px;
}
.homeboxbig .homeboxbigholder:hover > .fullcircle {
width: 350px;
height: 350px;
} .detailslist{
margin: 0;
}
.amenitiesimages {
margin: 1em 0 0 0;
}
.amenitiesimages img {
width: 100%;
}  .availabilitywidget {
margin: 2em 0 0 0;
}
.furnish {
display: none;
}
.plan-links .fpenlarge, .plan-links .fppdf, .plan-links .planavail, .plan-links .furnish {
width: 100%;
text-align: center;
} .galleryimage {
width: 46%;
margin: 0 2% 2em;
} #gmap {
padding-bottom: 60%;
} #footersnipe, #footernews {
width: 100%;
}
#footersnipe {
margin-bottom: 2em;
}
#footlogo {
display: none;
}
#copyright, #resbtn {
text-align: center;
float: none!important;
margin: 0 auto;
}
#copyright {
width: 100%;
margin-bottom: 1em;
}
} @media screen and (max-width: 600px) {
#intro .wrapper.pad2 {
padding: 2em 1em;
} .galleryimage {
width: 100%;
margin: 0 0 2em;
} #googledirections h3 {
float: left;
margin: 0 0 0.5em;
width: 100%;
}
#saddr {
float: left;
height: 2.5em;
margin: 0;
width: 100%;
}
#google-btn {
top: auto;
bottom: 0;
height: 2em;
width: 2.5em;
}
}
@media screen and (max-width: 480px) {
#topsnipe h2 {
font-size: 1em;
}
.slicknav_menu {
position: absolute!important;
} #uplink {
display: none!important;
}
.homeboxbig {
height: 400px;
}
.homeboxbig .homeboxbigholder .fullcircle {
height: 250px;
width: 250px;
}
.homeboxbig .homeboxbigholder:hover > .fullcircle {
width: 300px;
height: 300px;
} #amenities1 .wrapper.pad2, #amenities2 .wrapper.pad2 {
padding: 2em 1em;
} #weather {
display: none;
}
#categories {
width: 100%;
float: none;
} #gmap {
padding-bottom: 70%;
} #footersnipe .fntext h2, #footernews .fntext h2 {
font-size: 2em;
}
} @media screen and (max-width: 320px) {
}  .privacy-policy ul {
margin: 0 0 2rem;
}
.privacy-policy ul li { margin: 0 0 10px 1rem;
}
#privacy-alert { background-color: #000000;
display: none;
padding: 1rem 2rem;
width: 100%;
text-align: center;
position: fixed;
z-index: 9999;
bottom: 0;
-webkit-box-shadow: 0px 10px 25px 0px rgba( 2, 2, 2, 0.50 );
-moz-box-shadow: 0px 10px 25px 0px rgba( 2, 2, 2, 0.50 );
box-shadow: 0px 10px 25px 0px rgba( 2, 2, 2, 0.50 );
}
#privacy-alert h2 { font-size: 16px !important; color: #ffffff;
font-weight: 400;
line-height: 2em !important;
}
#privacy-alert h2 a {
color: #ffffff;
text-decoration: underline;
}
#privacy-alert h2 a:hover {
color: #192d41;
}
#privacy-alert i,
#privacy-alert-toggle {
color: #ffffff;
position: absolute;
top: .75rem;
left: .5rem;
font-size: 1.5rem;
cursor: pointer;
}
@media screen and (max-width: 840px) {
#privacy-alert-toggle {
width: 20px;
height: 20px;
}
#privacy-alert h2 {
font-size: .9rem;
}
}
#privacy-policy-agree {
text-decoration: none !important;
padding: .5rem 1rem;
color: #2b4b54!important;
background: #ffffff;
display: inline-block;
}
.privacy-policy .wrapper { line-height: 1.75em;
}
.privacy-policy .wrapper h2 {
font-size: 1.5em;
line-height: 1.75em;
}
.privacy-policy .wrapper h2.bigger {
font-size: 2em;
}
.privacy-policy .wrapper a {
color:#fff;
} .sr-only, .offscreen {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}