html {
/* [disabled]overflow: hidden; */
}
body {
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
font-family: 'Archivo', sans-serif;
font-weight: 400;
/* [disabled]background-color: #25418F; */
-webkit-font-smoothing: antialiased;
}
#slidingComments {
margin-top: 10px;
/* [disabled]margin-bottom: 20px; */
}
.content {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
/* [disabled]background-color: #000; */
}
.content.contentBackgr {
/* [disabled]background-image: url(../images/backgrounds/pages/side.png); */
background-repeat: no-repeat;
background-position: right bottom;
/* [disabled]background-attachment: fixed; */
}
.content p {
/* Mobile font */
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
font-size: 1.3rem;
font-weight: normal;
line-height: 2.1rem;
color: #3F3F3F;
/* [disabled]padding-top: 4px; */
/* [disabled]text-align: left; */
margin-bottom: 8px;
}
.row {
width: 100%;
display: block;
clear: both;
margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Archivo Narrow', sans-serif;
font-weight: 700;
letter-spacing: 0px;
}
.itemVideoContainer p {
font-size: 17px;
line-height: 15px;
color: #fff;
padding-top: 16px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 0px;
font-weight: 500;
}
/* Title tags */
h1 {
font-size: 3rem;
font-weight: 300;
line-height: 3.2rem;
/* [disabled]margin-top: 10px; */
margin-right: 0px;
margin-left: 0px;
margin-bottom: 1.2rem;
color: #FFFFFF;
/* [disabled]text-align: center; */
}
h2 {
font-size: 2rem;
line-height: 1.8rem;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 1rem;
color: #25418F;
/* [disabled]text-align: center; */
/* [disabled]font-style: italic; */
text-transform: none;
}
h3 {
font-size: 2.2rem;
font-weight: normal;
line-height: 2.2rem;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 2rem;
color: #005590;
/* [disabled]text-transform: uppercase; */
}
h4 {
font-size: 1.6rem;
font-weight: normal;
line-height: 1.8rem;
/* [disabled]margin-top: 20px; */
margin-right: 0px;
margin-left: 0px;
margin-bottom: 4px;
color: #003C67;
/* [disabled]letter-spacing: 1px; */
text-transform: none;
}
h5 {
font-size: 1.6rem;
font-weight: bold;
line-height: 1.4rem;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 1rem;
color: #FFFFFF;
letter-spacing: 1px;
text-transform: none;
}
h6 {
font-size: 1.7rem;
font-weight: bold;
line-height: 1.2rem;
margin-top: 0px;
/* [disabled]margin-right: 30px; */
margin-left: 0px;
color: #FFFFFF;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 0px;
/* [disabled]text-align: right; */
/* [disabled]margin-right: 30px; */
padding-bottom: 0px;
display: block;
}
.sectionHeading {
padding-top: 0;
padding-right: 0;
padding-left: 0;
padding-bottom: 2rem;
font-size: 1.2rem;
line-height: 1rem;
text-align: center;
letter-spacing: 2px;
text-transform: none;
/* [disabled]font-weight: 700; */
color: #B4B4B4;
}
#sliderTop {
/* [disabled]background-color: #006AB6; */
}
#topSlideshow {
}
#slideshowOverlay-logo {
position: absolute;
left: 5%;
z-index: 80;
top: 5%;
}
#slideshowOverlay-logo img {
height: 180px;
width: auto;
opacity: 0.6;
}
#slideshowOverlay {
position: absolute;
/* [disabled]top: 5%; */
left: 5%;
z-index: 100;
right: 5%;
align-self: center;
}
#slideshowOverlay p span {
color: #fff;
font-family: 'Archivo Black', sans-serif;
font-size: 2.6rem;
line-height: 2.8rem;
text-shadow: 2px 2px 4px #000;
}
#slideshowOverlay h5 {
color: #fff;
font-size: 3rem;
line-height: 3rem;
font-style: bold;
text-shadow: 2px 2px 4px #000;
}
#slideshowOverlay p {
color: #fff;
font-size: 2.2rem;
line-height: 2.4rem;
font-style: bold;
text-shadow: 2px 2px 4px #000;
}
/* needed for parallax */
.block {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
font-size: 16px;
}
.img-parallax {
width: 100vmax;
z-index: -1;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%,0);
pointer-events: none
}
/* Slide Show on main page /* @media only screen and (max-width : 700px) {
/* Show large */
.slider_Large {
display: none;
}
a {
/* [disabled]color: inherit; */
background-color: transparent;
text-decoration: none;
}
a:hover {
color: inherit;
background-color: transparent;
}
/* for scrolling on a page. The TOP is determined by the height of the header so no content gets hidde */
#goToTop {
display: block;
position: relative;
top: 80px;
visibility: hidden;
}
.anchorOffset {
display: block;
position: relative;
top: 160px;
visibility: hidden;
}
.anchorOffset-sub {
display: block;
position: relative;
top: -100px;
visibility: hidden;
}
.enableLinks a {
/* [disabled]padding-top: 3px; */
/* [disabled]padding-right: 3px; */
/* [disabled]padding-left: 3px; */
/* [disabled]padding-bottom: 0px; */
text-decoration: underline;
/* [disabled]text-decoration-color: #FBB825; */
color: inherit;
white-space: nowrap;
transform: .8s;
}
.enableLinks a:hover {
color: inherit;
text-decoration: none;
}
/* Sticky */
.stickyMenu {
position: sticky;
position: -webkit-sticky;
top: 0px;
}
.stickyPrimary {
position: sticky;
position: -webkit-sticky;
top: 80px;
}
.stickySecondary {
position: sticky;
position: -webkit-sticky;
/* [disabled]top: 144px; */
/* [disabled]background-color: #ccc; */
}
.stickyTertiary {
position: sticky;
position: -webkit-sticky;
top: 156px;
}
.stickyHighlights {
position: sticky;
position: -webkit-sticky;
top: 110px;
/* [disabled]background-color: #ccc; */
}
.stickyBGlight {
background-color: rgba(255,255,255,0.60);
padding-bottom: 1rem;
z-index: 300;
padding-top: 2rem;
margin-bottom: 2rem;
}
.stickyBGcolor1 {
/* [disabled]background-color: #2EB457; */
z-index: 200;
}
.stickyBGcolor2 {
background-color: #006AB6;
z-index: 200;
}
.flex {
display: flex;
}
/* -------------- bottom menu mobile only ----------- */
#nav-footer .footer-menu {
z-index: 10000;
position: fixed;
width: 100%;
bottom: 0px;
left: 0px;
padding-top: 0.3rem;
padding-right: 0.4rem;
padding-left: 0.4rem;
padding-bottom: 0.4rem;
background-color: #000000;
}
#nav-footer .footer-menu ul {
list-style-type: none;
padding: 0px;
display: flex;
}
#nav-footer .footer-menu ul li {
list-style-type: none;
list-style-image: none;
background-image: none;
/* [disabled]background-color: #8A2336; */
margin-bottom: 0rem;
margin-right: 0.1rem;
margin-left: 0.1em;
display: flex;
flex-grow: 1;
flex-shrink: 0;
}
#nav-footer .footer-menu ul li a {
display: flex;
flex-grow: 1;
padding-top: 14px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 14px;
}
#nav-footer .footer-menu a {
text-decoration: none;
color: #FFFFFF;
display: block;
text-align: center;
/* [disabled]border-radius: 0px; */
/* [disabled]border: 1px solid #3C2313; */
transition-duration: .5s;
transition: all .5s ease;
font-weight: 700;
background-color: #66942F;
}
#nav-footer .footer-menu ul li a .menuIcon {
font-size: 1.4rem;
opacity: 0.6;
/* [disabled]flex-basis: 40px; */
align-self: center;
margin-right: 10px;
margin-bottom: 0px;
}
#nav-footer .footer-menu ul li a .menu-item-container {
display: flex;
flex-direction: row;
justify-content: center;
margin: auto;
font-size: 1.rem;
width: 100%;
font-size: 1.3rem;
}
#nav-footer .footer-menu a:hover {
background-color: #89C541;
color: #FFFFFF;
}
#mobile-footer .menu-bottom-mobile a:active {
background-color: #000;
color: #fff;
}
/* -------- END menus ---------- */
/* Nav Links for FAQs menus */
.content .subMenuWrapper {
/* [disabled]border-top-right-radius: 6px; */
/* [disabled]border-top-left-radius: 6px; */
/* [disabled]padding-top: 1px; */
padding-right: 1px;
padding-left: 1px;
padding-bottom: 1px;
/* [disabled]border-color: #7F7F7F; */
/* [disabled]border-style: solid; */
/* [disabled]border-left-width: 1px; */
/* [disabled]border-right-width: 1px; */
/* [disabled]border-bottom-width: 1px; */
/* [disabled]border-top-width: 1px; */
margin-bottom: 12px;
background-color: #FFFFFF;
}
.content .subMenuWrapper p {
padding-top: 10px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 6px;
text-align: center;
margin: 0;
color: #7E7E7E;
line-height: 1.4rem;
font-size: 1.2rem;
}
.content .secondaryMenu {
/* [disabled]border-radius: 6px; */
/* [disabled]padding-top: 2px; */
/* [disabled]padding-right: 2px; */
/* [disabled]padding-left: 2px; */
/* [disabled]padding-bottom: 2px; */
border: 1px solid #FFFFFF;
/* [disabled]margin-top: 10px; */
}
.content .secondaryMenu ul {
list-style-type: none;
padding: 0px;
}
.content .secondaryMenu ul li {
padding: 0;
/* [disabled]margin-top: 1px; */
/* [disabled]margin-right: 1px; */
/* [disabled]margin-left: 1px; */
/* [disabled]margin-bottom: 1px; */
}
.content .secondaryMenu a {
text-decoration: none;
/* [disabled]font-family: 'Archivo Black', sans-serif; */
color: #24408E;
display: block;
text-align: center;
font-size: 1.1rem;
padding-top: 10px;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 10px;
/* [disabled]background-color: #006AB6; */
/* [disabled]border-radius: 6px; */
transition-duration: .5s;
border: 3px solid #000000;
margin: 1px;
transition: .6s;
}
.content .secondaryMenu a:link { /* unvisited link */
}
.content .secondaryMenu a:visited { /* visited link */
/* [disabled]background-color: #FFFFFF; */
/* [disabled]color: #7F7F7F; */
}
.content .secondaryMenu a:hover { /* mouse over link */
background-color: #24408E;
border-color: #24408E;
color: #FFFFFF;
}
.content .secondaryMenu a:active { /* active link */
/* [disabled]background-color: #FFFFFF; */
/* [disabled]color: #000000; */
}
.content .secondaryMenu a:focus {
background-color: #FFFFFF;
color: #000000;
}
/* Nav Links for tertiary menus */
.content .tertiaryMenu {
border: 1px solid #FFFFFF;
}
.content .tertiaryMenuBG {
/* [disabled]border-bottom-left-radius: 4px; */
/* [disabled]border-bottom-right-radius: 4px; */
border-top-right-radius: 6px;
border-top-left-radius: 6px;
padding-top: 2px;
padding-right: 2px;
padding-left: 2px;
padding-bottom: 0px;
/* [disabled]border: solid 1px #7F7F7F; */
background-color: #8A8A8A;
margin-bottom: -3px;
}
.tertiaryMenuHeader {
padding: 0;
margin: 0;
font-size: 1.2rem;
color: #fff;
text-align: center;
}
.content .tertiaryMenu ul {
list-style-type: none;
padding: 0px;
}
.content .tertiaryMenu ul li {
padding: 0;
margin: 0;
list-style-type: none;
list-style-image: none;
background-image: none;
}
.content .tertiaryMenu a {
text-decoration: none;
/* [disabled]font-family: 'Archivo Black', sans-serif; */
color: #24408E;
display: block;
text-align: center;
font-size: 1.1rem;
padding-top: 10px;
padding-right: 6px;
padding-left: 6px;
padding-bottom: 10px;
/* [disabled]background-color: #006AB6; */
/* [disabled]border-radius: 6px; */
transition-duration: .5s;
border: 3px solid #000000;
margin: 1px;
transition: .6s;
}
.content .tertiaryMenu a:hover { /* mouse over link */
background-color: #24408E;
border-color: #24408E;
color: #FFFFFF;
}
.content .tertiaryMenu a:active { /* active link */
/* [disabled]background-color: #FFFFFF; */
/* [disabled]color: #000000; */
}
.content .tertiaryMenu a:focus {
background-color: #FFFFFF;
color: #000000;
}
/* with icons */
.content .tertiaryMenuWithIcons {
/* [disabled]background: #F3B559; */
/* [disabled]border-radius: 4px; */
/* [disabled]padding: 2px; */
/* [disabled]border: solid 1px #7F7F7F; */
}
.content .tertiaryMenuWithIcons ul {
list-style-type: none;
padding: 0px;
}
.content .tertiaryMenuWithIcons ul li {
list-style-type: none;
list-style-image: none;
background-image: none;
background-color: #ccc;
margin-bottom: 2px;
}
.content .tertiaryMenuWithIcons a {
text-decoration: none;
color: #3C2313;
display: block;
text-align: center;
font-size: 1.3rem;
padding-top: 4px;
padding-right: 4px;
padding-left: 4px;
padding-bottom: 4px;
border-radius: 0px;
/* [disabled]border: 1px solid #3C2313; */
transition-duration: .5s;
transition: all .5s ease;
}
.content .tertiaryMenuWithIcons ul li a .menuIcon {
font-size: 1.6rem;
margin-bottom: 6px;
opacity: .6;
}
.content .tertiaryMenuWithIcons ul li a .menuText {
font-size: 1.4rem;
}
.content .tertiaryMenuWithIcons ul li a .menuText span {
display: block;
font-size: 1.2rem;
font-weight: normal;
}
.content .tertiaryMenuWithIcons a:hover {
background-color: #E97337;
color: #fff;
}
.content .tertiaryMenuWithIcons a:active {
background-color: #000;
color: #fff;
}
#faqIndex a {
color: #000000;
cursor: pointer;
border-radius: 5px 5px 0px 0px;
font-stretch: wider;
padding-top: 4px;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 0px;
font-size: 20px;
line-height: 30px;
}
#faqIndex a:hover {
color: #000000;
font-size: 20px;
border-radius: 5px 5px 0px 0px;
border-bottom: 1px solid #000000;
text-decoration: none;
background-color: transparent;
}
#faqIndex a:active {
color: #fff;
font-size: 20px;
border-radius: 5px 5px 0px 0px;
border-bottom: 1px solid #000000;
text-decoration: none;
background-color: #000;
}
img {
max-width: 100%;
vertical-align: middle;
transition: filter 0.3s;
}
.imgInsert a {
opacity: 1;
/* [disabled]transition: opacity .5s ease-out; */
/* [disabled]-moz-transition: opacity .5s ease-out; */
/* [disabled]-webkit-transition: opacity .5s ease-out; */
/* [disabled]-o-transition: opacity .5s ease-out; */
}
.imgInsert a:hover {
/* [disabled]opacity: 1; */
/* [disabled]transition: opacity .5s ease-out; */
/* [disabled]-moz-transition: opacity .5s ease-out; */
/* [disabled]-webkit-transition: opacity .5s ease-out; */
/* [disabled]-o-transition: opacity .5s ease-out; */
}
/* Logos in a row */
.content .layoutLogos {
/* [disabled]background: #fff; */
/* [disabled]border-radius: 4px; */
padding-top: 20px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
/* [disabled]border: solid 1px #7F7F7F; */
}
.content .layoutLogos ul {
list-style-type: none;
padding: 0px;
}
.content layoutLogos ul li {
padding: 0;
margin: 0;
list-style-type: none;
list-style-image: none;
background-image: none;
}
.content .layoutLogos ul li img {
margin-right: auto;
margin-left: auto;
}
/* Layout Elements */
/* --- Did you knw? --*/
.content #wrapperDidYouKnow {
/* [disabled]background-color: #E8E8E8; */
/* [disabled]padding-top: 10px; */
/* [disabled]padding-right: 10px; */
/* [disabled]padding-left: 10px; */
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
/* [disabled]padding-bottom: 10px; */
}
#wrapperDidYouKnow .contentDidYouKnow {
padding-top: 6px;
padding-right: 14px;
padding-left: 14px;
padding-bottom: 15px;
border-color: #526F84;
border-style: solid;
border-left-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
/* [disabled]border-top-width: 2px; */
margin-top: 0px;
background-color: #CDDDE9;
}
.content #wrapperDidYouKnow h1 {
color: #FFFFFF;
font-size: 1.2rem;
line-height: 1.4rem;
padding-top: 10px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 6px;
text-align: center;
display: block;
background-color: #526F84;
margin-bottom: 0px;
font-weight: bold;
}
.content #wrapperDidYouKnow h2 {
color: #464646;
font-size: 1.6rem;
line-height: 1.4rem;
/* [disabled]padding-top: 10px; */
padding-right: 0px;
padding-left: 0px;
/* [disabled]padding-bottom: 10px; */
margin-bottom: 6px;
}
.content #wrapperDidYouKnow p {
color: #737373;
font-size: 1rem;
line-height: 1.4rem;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
text-align: left;
}
a.button {
display:inline-block;
font-size:15px;
font-weight:400;
line-height:157%;
margin:10px 0;
color:#FFFFFF;
text-decoration:none;
padding:15px 30px;
background-color:#9BCB43;
border:0 solid;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
cursor:pointer;
text-align:center;
transition: all 0.4s linear 0s;
}
a.button:hover {
background-color:#8FBF35;
color:#FFFFFF;
font-size:15px;
font-weight:400;
}
a.button:active {
background-color:#8FBF35;
font-size:15px;
font-weight:400;
box-shadow:0 3px 2px 0 rgba(0, 0, 0, .13) inset;
color:#FFFFFF;
-moz-box-shadow:0 3px 2px 0 rgba(0, 0, 0, .13) inset;
-webkit-box-shadow:0 3px 2px 0 rgba(0, 0, 0, .13) inset;
}
/* Call 2 Action */
.wrapperContactButton {
/* [disabled]padding-right: 10px; */
/* [disabled]padding-left: 10px; */
/* [disabled]padding-bottom: 40px; */
/* [disabled]border-radius: 6px 6px 8px 8px; */
background-color: rgba(255,255,255,1.00);
text-align: center;
font-weight: normal;
transition: 0.6s;
width: 80%;
background-repeat: no-repeat;
/* [disabled]background-size: cover; */
/* [disabled]margin-bottom: 6rem; */
/* [disabled]border-left: 2px solid #6C6C6C; */
/* [disabled]border-right: 0px solid #6C6C6C; */
/* [disabled]border-bottom: 0px solid #6C6C6C; */
/* [disabled]border-top: 2px solid #6C6C6C; */
position: relative;
z-index: 200;
margin-left: auto;
margin-right: auto;
}
.wrapperContactButton:hover {
/* [disabled]border: 2px solid #FFFFFF; */
background-color: rgba(255,255,255,1.00);
}
.call2actionTopSpacing {
padding-top: 4rem;
}
.call2actionHeader {
padding-top: 0.6rem;
padding-bottom: 2rem;
}
.call2actionHeader H2 {
color: #fff;
font-size: 2rem;
font-weight: normal;
text-transform: uppercase;
}
.wrapperContactButton p {
font-size: 1.8rem!important;
line-height: 1.6rem!important;
color: #fff!important;
text-align: center!important;
}
.wrapperContactButton h4 {
font-size: 2rem;
margin-right: 0px;
margin-left: 0px;
/* [disabled]font-family: 'Archivo Black', sans-serif; */
line-height: 1;
padding-top: 1rem;
padding-bottom: 1rem;
color: #25408F;
transition: 0.6s;
text-transform: none;
padding-left: 10px;
padding-right: 10px;
}
.wrapperContactButton:hover h4 {
color: #FFFFFF;
/* [disabled]font-size: 2.6rem; */
background-color: #25408F;
}
/* FX */
/* icon inside container */
.overlayButton{
position: relative;
z-index: 1;
background-position: 0% 0%;
background-attachment: fixed;
padding-top: 80px;
padding-bottom: 90px;
padding-left: 20px;
padding-right: 20px;
border-bottom: 2px solid #FFFFFF;
margin-bottom: 30px;
border-top: 10px solid #FFFFFF;
margin-top: -12px;
}
.wrapperBGcall2action{
background-image: url(../images/backgrounds/Call2Action/m.jpg);
/* [disabled]border-top-color: #000000; */
/* [disabled]border-top-style: solid; */
/* [disabled]border-top-width: 4px; */
background-repeat: no-repeat;
background-position: bottom;
z-index: 200;
background-attachment: fixed;
}
/* Dividers */
.textDecoration {
background-image: url(../images/miscellanous/divider.png);
height: 74px;
width: 165px;
margin-right: auto;
margin-left: auto;
background-repeat: no-repeat;
margin-top: 30px;
margin-bottom: 40px;
}
.addDivider::before {
font-family: "Font Awesome 5 Pro";
content: " \f0e7";
font-size: 1em;
font-weight: 900;
color: #f5b062;
display: block;
margin-bottom: 10px;
margin-top: 20px;
}
/* change color of header when mouse moves over any part of the container */
.content .serviceContainer:hover .serviceHeader {
background-color: #7F7F7F;
/* [disabled]border-bottom: 3px solid #ed1d24; */
}
.content .serviceContainer:hover .serviceHeaderTitle p {
color: #FFFFFF;
/* [disabled]font-style: italic; */
font-weight: bold;
/* [disabled]text-transform: uppercase; */
margin-left: 0px;
}
.content .serviceContainer:hover p {
color: #FFFFFF;
}
.serviceHeader a, .serviceHeader a:active {
color: #9E9E9E!important;
text-decoration: none;
margin-right: 10px;
}
.content .serviceContainer:hover .serviceHeader a {
color: #fff!important;
}
.content .serviceContainer:hover .serviceHeader a:hover {
color: #FFFFFF!important;
text-decoration: none;
}
#pageTitle {
border-top: 0px solid rgba(255,255,255,0.40);
padding-bottom: 4px;
border-bottom-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
background-attachment: fixed;
height: 16rem;
}
.pageTitleTransparency {
background-color: #000000;
/* [disabled]margin-bottom: 8rem; */
z-index: 5000;
/* [disabled]border-bottom: 2px solid #FFFFFF; */
padding-top: 0.1rem;
padding-bottom: 0.2rem;
/* [disabled]border-top-color: #006BB6; */
/* [disabled]border-top-style: solid; */
/* [disabled]border-top-width: 5px; */
}
#infoAbovePageTitle {
/* [disabled]padding-top: 2rem; */
/* [disabled]padding-right: 2rem; */
/* [disabled]padding-left: 2rem; */
/* [disabled]padding-bottom: 10rem; */
background-color: rgba(255,255,255,0.90);
/* [disabled]margin-bottom: 12rem; */
}
#infoAbovePageTitle p {
font-size: 1.4rem;
/* [disabled]font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; */
line-height: 1.8rem;
}
.contentInsert {
padding-top: 2rem;
padding-right: 2rem;
padding-left: 2rem;
padding-bottom: 2rem;
background-color: rgba(255,255,255,0.86);
margin-left: auto;
margin-right: auto;
border: 4px solid #7D7F8B;
width: 100%;
}
.contentInsert h3 {
font-size: 2.2rem;
line-height: 2.4rem;
margin-top: 1rem;
margin-bottom: 2rem;
color: #000000;
font-weight: bold;
}
.contentInsert p{
font-size: 1.4rem;
line-height: 1.6rem;
margin-top: 10px;
margin-bottom: 10px;
color: #606060;
text-align: center;
}
#pageName p {
font-family: 'Open Sans Condensed', sans-serif;
text-align: center;
font-size: 1.3rem!important;
color: #FFFFFF;
font-weight: bold;
/* [disabled]letter-spacing: 1px; */
padding-top: 0.4rem;
padding-bottom: 0.4rem;
/* [disabled]border-radius: 6px 6px 0px 0px; */
line-height: 1.3rem!important;
/* [disabled]width: auto; */
/* [disabled]background-color: #FFFFFF; */
/* [disabled]font-style: italic; */
text-transform: capitalize;
/* [disabled]max-width: 1300px; */
margin-bottom: 0px;
}
#tagline {
clear: both;
margin-bottom: 20px;
/* [disabled]margin-top: 20px; */
/* [disabled]border-top: 1px solid #ccc; */
/* [disabled]border-bottom: 1px solid #ccc; */
padding-top: 30px;
padding-bottom: 30px;
background-color: rgba(245,176,98,0.43);
}
#tagline p {
/* [disabled]font-family: 'Tangerine', cursive; */
font-weight: 300;
font-size: 40px;
color: #7b2629;
text-align: center;
line-height: 26px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
/* Highlight Cards */
.content .highlightsContainer {
margin-bottom: 4rem;
background-repeat: no-repeat;
/* [disabled]background-position: 30px 20px; */
}
.bg1.highlightsContainer {
background-image: url(../images/backgrounds/boxes/h-earth.jpg);
background-color: #fff;
transition: .6s;
}
.bg1.highlightsContainer:hover {
background-color: #2EB457;
}
.bg1 .highlightsHeader {
background-color: #2EB457;
}
.bg1.highlightsContainer:hover .highlightsHeader {
background-color: #2EB457;
}
.bg1 .highlightsContent h3 {
color: #FFFFFF;
padding-top: 0.7rem;
padding-right: 1rem;
padding-left: 1.4rem;
padding-bottom: 0.7rem;
background-color: #9A0002;
font-size: 1.4rem;
line-height: 1.4rem;
margin-bottom: 0.6rem;
margin-top: 1.4rem;
}
.bg1 .highlightsContent p {
color: #006BB6;
margin-left: .6rem;
}
.bg1.highlightsContainer:hover .highlightsHeader h4 {
color: #FFFFFF;
}
.bg1.highlightsContainer:hover .highlightsContent p {
color: #fff;
}
.bg1.highlightsContainer:hover li {
color: #fff!important;
}
#bg2 {
background-image: url(../images/backgrounds/boxes/h-stone.jpg);
background-color: #000;
}
#bg3 {
background-image: url(../images/backgrounds/boxes/h-wood.jpg);
}
#bg4 {
background-image: url(../images/backgrounds/boxes/h-water.jpg);
}
#bg5 {
background-image: url(../images/backgrounds/boxes/h-focused.jpg);
}
#bg6 {
background-image: url(../images/backgrounds/boxes/h-team.jpg);
}
#bg7 {
background-image: url(../images/backgrounds/boxes/h-building.jpg);
}
#bg8 {
background-image: url(../images/backgrounds/boxes/h-community.jpg);
}
.content .highlightsContent {
padding-top: 0.8rem;
padding-right: 1rem;
padding-left: 1rem;
padding-bottom: 0px;
/* [disabled]background-color: rgba(255,255,255,0.80); */
/* [disabled]border: 2px solid #fff; */
border-radius: 4px;
opacity: 1;
margin-left: 0rem;
margin-right: 0rem;
}
.content .highlightsContent:hover {
/* [disabled]background-color: rgba(255,255,255,1); */
/* [disabled]background-color: #F50004; */
}
.content .highlightsHeader {
display: flex;
justify-content: space-between;
transition: .6s;
/* [disabled]border-radius: 4px; */
/* [disabled]border-left: 0px solid #fff; */
/* [disabled]border-right: 2px solid #fff; */
/* [disabled]border-bottom: 2px solid #fff; */
/* [disabled]border-top: 0px solid #fff; */
}
.hHbg1 {
background-color: #8B4513;
}
.content .highlightsContainer:hover .hHbg1 {
background-color: #C8631C;
}
.hHbg2 {
background-color: #aaa9ae;
}
.content .highlightsContainer:hover .hHbg2 {
background-color: #8F8E92;
}
.hHbg3 {
background-color: #f8981d;
}
.content .highlightsContainer:hover .hHbg3 {
background-color: #CF7E17;
}
.hHbg4 {
background-color: #00CBFF;
}
.content .highlightsContainer:hover .hHbg4 {
background-color: #00A7D1;
}
.hHbg5 {
background-color: #006CFF;
}
.content .highlightsContainer:hover .hHbg5 {
background-color: #0049AD;
}
.hHbg6 {
background-color: #32908C;
}
.content .highlightsContainer:hover .hHbg6 {
background-color: #42C1BC;
}
.hHbg7 {
background-color: #71863A;
}
.content .highlightsContainer:hover .hHbg7 {
background-color: #9AB552;
}
.hHbg8 {
background-color: #16719E;
}
.content .highlightsContainer:hover .hHbg8 {
background-color: #2194CD;
}
.content .highlightsHeader .highlightsHeaderTitle {
justify-content: flex-start;
/* [disabled]padding-left: 2rem; */
/* [disabled]padding-top: 0.6rem; */
/* [disabled]padding-bottom: 0.6rem; */
/* [disabled]padding-right: 2rem; */
}
.content .highlightsHeader .highlightsHeaderTitle h4 {
font-weight: bold;
font-size: 1.6rem;
margin: 0;
padding-top: 8px;
padding-right: 8px;
padding-left: 18px;
padding-bottom: 8px;
color: #000000;
line-height: 1.2rem;
}
.content .highlightsContent p {
text-align: left;
}
.content .buttonContainer {
background-color: #FFFFFF;
/* [disabled]padding-right: 0.4rem; */
/* [disabled]padding-left: 0.4rem; */
/* [disabled]padding-top: 2px; */
/* [disabled]padding-bottom: 1rem; */
transition: .6s all;
margin-top: 1.4rem;
}
.content .buttonContainer:hover {
background-color: #FFFFFF;
}
.content .buttonContainer h4 {
font-size: 1.3rem;
color: #006AB6;
/* [disabled]font-weight: normal; */
padding-bottom: 0.2rem;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding-top: 0.4rem;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
}
/* END Highlight Cards */
/* Containers */
.contentContainer {
padding-right: 10px;
padding-left: 15px;
padding-bottom: 28px;
margin-bottom: 20px;
padding-top: 15px;
}
.ccBG1 {
background-color: #fff;
}
.ccBG1 p {
color: #006AB6!important;
}
/* Announcements */
.AnnouncementsCont {
clear: both;
/* [disabled]width: 96%; */
margin-top: 10px;
/* [disabled]margin-right: 10px; */
/* [disabled]margin-left: 10px; */
margin-bottom: 40px;
/* [disabled]background-color: #DF1417; */
}
.announcementsCol {
width: auto;
min-height: 50px;
}
#headerAnnouncements {
padding: .4rem;
color: #AB0000;
background-color: #FFFFFF;
font-weight: 700;
/* [disabled]border-top-right-radius: 6px; */
/* [disabled]border-top-left-radius: 6px; */
text-align: center;
margin-top: 40px;
font-size: 1.5rem;
}
#contAnnouncements {
background-color: #AB0000;
padding-left: 30px;
padding-right: 30px;
min-height: 50px;
background-position: left top;
padding-top: 6px;
padding-bottom: 10px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
/* [disabled]border-top-right-radius: 10px; */
/* [disabled]border-left: 3px solid #000000; */
/* [disabled]border-right: 3px solid #000000; */
/* [disabled]border-bottom: 3px solid #000000; */
/* [disabled]border-top: 3px solid #000000; */
width: auto;
margin-top: 0px;
margin-bottom: 60px;
}
.itemCont {
margin-bottom: 10px;
}
.announceItemTitle {
float: left;
width: 70px;
clear: left;
margin-bottom: 0px;
}
#contAnnouncements .announceItemTitle p {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
font-weight: normal;
color: #000;
}
.announceItemDescr {
float: left;
}
#contAnnouncements .announceItemDescr p {
margin: 0px;
padding: 0px;
color: #000;
font-weight: 400;
}
#contAnnouncements p {
font-size: 1.4rem;
color: #FFFFFF;
font-weight: 300;
text-align: left;
line-height: 1.6rem;
}
#contAnnouncements a {
color: #FFFFFF;
text-decoration: underline;
}
#contAnnouncements a:hover {
color: #FFFFFF;
text-decoration: none;
}
.announceButton {
margin-right: auto;
margin-left: auto;
text-align: center;
}
.AnnouncementsCont .announceButton a{
color: #fff;
text-decoration: none;
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
border-radius: 6px;
background-color: #1A9082;
border: 2px solid #fff;
font-size: 24px;
}
.AnnouncementsCont .announceButton a:hover {
color: #FFFFFF;
text-decoration: none;
background-color: #1EB5A4;
}
#contAnnouncementTitle {
/* [disabled]background-color: #EBD22A; */
border-radius: 4px 4px 0px 0px;
/* [disabled]padding-top: 10px; */
padding-right: 10px;
padding-left: 10px;
/* [disabled]padding-bottom: 8px; */
width: auto;
}
#contAnnouncementTitle p {
font-size: 32px;
color: #147F76;
font-weight: 900;
text-align: center;
line-height: 28px;
letter-spacing: 1px;
margin-bottom: 0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
text-transform: uppercase;
/* stroke */
text-shadow: 2px 0px 0px rgba(0,0,0,1.00),rgb(255, 255, 255) 2.83487px 0.981584px 0px,rgb(255, 255, 255) 2.35766px 1.85511px 0px,rgb(255, 255, 255) 1.62091px 2.52441px 0px,rgb(255, 255, 255) 0.705713px 2.91581px 0px,rgb(255, 255, 255) -0.287171px 2.98622px 0px,rgb(255, 255, 255) -1.24844px 2.72789px 0px,rgb(255, 255, 255) -2.07227px 2.16926px 0px,rgb(255, 255, 255) -2.66798px 1.37182px 0px,rgb(255, 255, 255) -2.96998px 0.42336px 0px,rgb(255, 255, 255) -2.94502px -0.571704px 0px,rgb(255, 255, 255) -2.59586px -1.50383px 0px,rgb(255, 255, 255) -1.96093px -2.27041px 0px,rgb(255, 255, 255) -1.11013px -2.78704px 0px,rgb(255, 255, 255) -0.137119px -2.99686px 0px,rgb(255, 255, 255) 0.850987px -2.87677px 0px,rgb(255, 255, 255) 1.74541px -2.43999px 0px,rgb(255, 255, 255) 2.44769px -1.73459px 0px,rgb(255, 255, 255) 2.88051px -0.838247px 0px;
margin: 0px;
}
/* add icon in front of header */
#contAnnouncementTitle p::before {
font-family: "Font Awesome 5 Pro";
font-size: 1em;
font-weight: 400;
color: #f5b062;
/*content: "\f0a1";*/
padding-right: 14px;
/* moves icon */
line-height: .5em;
vertical-align: bottom;
}
/* Containers */
.gridInfoWrapper {
padding-top: 1rem;
padding-right: 1rem;
padding-left: 1rem;
padding-bottom: 2rem;
background-color: rgba(80,86,102,0.60);
border: 2px solid rgba(80,86,102,0.70);
margin-top: 1rem;
margin-bottom: 2rem;
margin-left: 1rem;
margin-right: 1rem;
}
.gridInfoTitle {
font-size: 1.8rem;
line-height: 1;
color: #FFFFFF;
font-family: 'Archivo Narrow', sans-serif;
text-align: center;
width: 100%;
background-color: #575964;
padding-top: 0.4rem;
padding-right: 1rem;
padding-left: 1rem;
padding-bottom: 0.4rem;
margin-bottom: 1rem;
}
.gridInfoHeading {
font-size: 2rem;
line-height: 1.2;
color: #FFFFFF;
font-family: 'Archivo Narrow', sans-serif;
/* [disabled]font-weight: 700; */
margin-bottom: 0.6rem;
text-align: center;
margin-top: 0.6rem;
background-color: #828696;
padding-top: 6px;
padding-right: 4px;
padding-left: 4px;
padding-bottom: 6px;
width: 100%;
}
.gridInfoContent {
font-size: 1.3rem;
line-height: 1.2;
color: #E8E8E8;
margin-bottom: .4rem;
}
.icon-color {
color: #878787;
}
.icon-color1 {
color: #B7B7B7;
}
.content .highlightsHeader {
padding-top: 4px;
padding-right: 10px;
/* [disabled]padding-left: 20px; */
padding-bottom: 0px;
/* [disabled]border-radius: 5px 5px 0px 0px; */
background-color: #FFFFFF;
/* [disabled]display: flex; */
/* [disabled]justify-content: space-between; */
transition: .6s;
/* [disabled]border-bottom: 3px solid #000000; */
z-index: 1000;
}
.content .highlightsHeader h4 {
color: #434343;
font-size: 2.2rem;
font-weight: 700;
padding-top: 4px;
/* [disabled]padding-right: 10px; */
/* [disabled]padding-left: 20px; */
padding-bottom: 16px;
margin: 0;
text-align: center;
}
.content .serviceContainer {
margin-bottom: 20px;
/* [disabled]background-color: #D4D4D4; */
padding-right: 8px;
padding-left: 15px;
padding-bottom: 15px;
/* [disabled]border: 1px solid #006AB6; */
transition: all .6s;
}
.content .serviceContainer:hover {
background-color: #7F7F7F;
}
.content .serviceHeader {
padding-top: 12px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
/* [disabled]border-radius: 5px 5px 0px 0px; */
background-color: #FFFFFF;
display: flex;
justify-content: space-between;
transition: .6s;
/* [disabled]border-bottom: 3px solid #000000; */
z-index: 1000;
}
.content .serviceHeader .serviceHeaderTitle {
justify-content: flex-start;
}
.content .serviceHeader .serviceHeaderTitle p {
font-weight: normal;
font-size: 1.2rem;
line-height: 1rem;
color: #000000;
transition: all .4s;
padding-top: 4px;
text-transform: none;
margin-left: -15px;
}
.content .serviceHeader .serviceHeaderMenu {
justify-content: flex-end;
}
.content .menuItemContainer {
padding-top: 10px;
padding-right: 15px;
padding-left: 15px;
/* [disabled]padding-bottom: 10px; */
margin-top: 14px;
border-radius: 6px;
background-color: rgba(66,123,116,0.09);
}
.content .serviceContainer .menuItemDescr {
/* [disabled]margin-left: 10px; */
/* [disabled]margin-top: 4px; */
}
.content .serviceContainer .menuItem {
float: left;
}
.content .serviceContainer .menuPrice {
float: right;
}
.content .menuPrice .narrow {
width: 80px;
}
.content .menuPrice .wide {
width: 200px;
/* [disabled]background-color: #ccc; */
}
.content .menuItem p {
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
color: #000000;
line-height: 24px;
font-size: 26px;
margin-bottom: 0px;
font-weight: 500;
}
.content .menuPrice p {
padding: 0px;
color: #000;
font-size: 20px;
text-align: right;
line-height: 24px;
}
.content .menuItemDescr p {
font-size: 20px;
line-height: 24px;
color: #525252;
}
.content .serviceContent {
/* [disabled]padding-top: 3px; */
/* [disabled]padding-right: 4px; */
/* [disabled]padding-left: 4px; */
/* [disabled]padding-bottom: 0px; */
/* [disabled]background-color: #DCDCDC; */
/* [disabled]border-left-color: #E8E8E8; */
/* [disabled]border-style: solid; */
/* [disabled]border-right-color: #E8E8E8; */
/* [disabled]border-bottom-color: #3C2313; */
/* [disabled]border-top-color: #B0E7E0; */
/* [disabled]border-radius: 0px 0px 5px 5px; */
opacity: 1;
/* [disabled]border-left-width: 0px; */
/* [disabled]border-right-width: 0px; */
/* [disabled]border-bottom-width: 3px; */
/* [disabled]border-top-width: 0px; */
}
.content .serviceContent p {
padding-top: 4px;
padding-bottom: 2px;
color: #525252;
text-align: left;
line-height: 1.3rem;
font-size: 1rem;
margin-top: 0px;
margin-bottom: 10px;
padding-left: 0px;
margin-right: 0px;
opacity: 1;
}
.content .serviceContent h2 {
padding-top: 14px;
padding-bottom: 2px;
opacity: 0.8;
color: #00A89A;
text-align: left;
line-height: 80%;
font-size: 36px;
border-left: 4px solid #B0E7E0;
margin-top: 30px;
margin-bottom: 10px;
padding-left: 10px;
border-top: 1px solid #C7BFA7;
margin-right: 6px;
}
.content .serviceContent H3 {
padding-top: 0px;
padding-bottom: 0px;
line-height: 12px;
font-size: 24px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 10px;
padding-left: 14px;
}
.content .serviceContent H6 {
/* [disabled]padding-top: 4px; */
padding-bottom: 10px;
line-height: 80%;
font-size: 21px;
color: #4B4B4B;
font-weight: normal;
}
.grow:hover {
-ms-transform: scale(1.05, 1.05); /* IE 9 */
-webkit-transform: scale(1.05, 1.05); /* Safari */
transform: scale(1.05, 1.05);
}
.transitionEffect {
-webkit-transition: all 200ms ease-in;
-webkit-transform: scale(1);
-ms-transition: all 200ms ease-in;
-ms-transform: scale(1);
-moz-transition: all 200ms ease-in;
-moz-transform: scale(1);
transition: all 200ms ease-in;
transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
}
.columns2 {
width: auto;
padding-top: 3rem;
padding-right: 3rem;
padding-left: 3rem;
padding-bottom: 3rem;
/* [disabled]margin-bottom: 20px; */
}
.columns3 {
width: auto;
margin-bottom: 20px;
}
.columns4 {
width: auto;
margin-bottom: 20px;
}
.columns5 {
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
.column3rd {
float: none;
width: auto;
}
.column4th {
float: none;
width: auto;
}
.columnOne3rd {
float: none;
width: auto;
}
.columnTwo3rd {
float: none;
width: auto;
}
.colForm {
margin-bottom: 3rem;
margin-top: 3rem;
}
.sectionBackground {
padding: 15px;
border-radius: 10px;
background-color: #1A4572;
margin-bottom: 20px;
}
.galleryWrapper {
margin-top: 3rem;
padding-top: 2rem;
padding-bottom: 1rem;
padding-left: 15px;
padding-right: 15px;
/* [disabled]border: 3px solid rgba(255,255,255,1.00); */
background-color: rgba(0,0,0,0.50);
/* [disabled]background-image: url(../images/miscellanous/decoration-section.png); */
background-repeat: no-repeat;
/* [disabled]background-position: 10px 10px; */
/* [disabled]background-size: 70px auto; */
}
.galleryWrapper h1 {
margin-top: 0;
padding: 0;
margin-bottom: 2rem;
color: #B9B9B9;
letter-spacing: 4px;
font-weight: bold;
text-align: center;
}
.galleryWrapper h4 {
/* [disabled]margin-top: 3rem; */
padding: 0;
color: #B3B3B3;
font-family: 'Archivo Black';
/* [disabled]letter-spacing: 2px; */
text-align: center;
margin-bottom: 1rem;
}
/* Floats & aligns*/
.alignLeft {
float: left;
margin-top: 4px;
margin-right: 16px;
margin-bottom: 4px;
border-radius: 5px;
margin-left: -2px;
}
.alignRight {
float: right;
margin-top: 4px;
margin-left: 16px;
margin-bottom: 4px;
border-radius: 5px;
margin-right: -2px;
}
.text-alignCenter {
text-align: center;
}
.floatLeft {
float: left;
}
.floatLeftWithMargins {
float: none;
margin-right: auto;
margin-bottom: 14px;
margin-left: auto;
margin-top: 4px;
}
.floatRight {
float: right;
}
.clearFloat {
float: none;
}
.centerText {
text-align: center;
}
.centerImage {
margin-left: auto;
margin-right: auto;
}
.noWrap {
white-space: nowrap; /* prevents links from breaking into multiple lines*/
}
.paddingSides15 {
padding-left: 0px;
padding-right: 0px
}
/* Testimonials - GLOBAL (mobile first) */
.testimWrapper {
/* [disabled]padding: 20px; */
/* [disabled]background-color: #006AB6; */
}
.testimWrapper h2 {
font-size: 3rem;
color: #fff;
font-weight: normal;
padding: 0;
margin: 0;
line-height: 2rem;
}
.testimContainer {
background-color: #D9D9D9;
padding-left: 4px;
padding-right: 4px;
margin-bottom: 30px;
padding-top: 4px;
padding-bottom: 0px;
/* [disabled]margin-top: -10px; */
/* [disabled]border-radius: 6px; */
}
.testimHeadline {
/* [disabled]background-color: #FFFFFF; */
padding-left: 2%;
padding-right: 2%;
margin-bottom: 0px;
padding-top: 1%;
/* [disabled]padding-bottom: 1%; */
/* [disabled]margin-top: -10px; */
}
.testimHeadline p {
color: #FFFFFF;
font-size: 32px;
font-weight: 700;
text-align: center;
margin-bottom: 8px;
line-height: 90%;
}
.testimWriteup {
background-color: #FFFFFF;
padding-left: 1rem;
padding-right: 1rem;
/* [disabled]margin-bottom: 20px; */
padding-top: 1rem;
padding-bottom: 1rem;
/* [disabled]margin-top: -10px; */
}
.testimWriteup p {
/* [disabled]font-family: 'Caveat', cursive; */
color: #000000;
font-size: 1.4rem;
line-height: 1.2;
margin-bottom: 12px;
}
.testimName {
/* [disabled]padding-left: 3%; */
padding-right: 6%;
margin-bottom: 0px;
padding-top: 4px;
background-color: #D9D9D9;
padding-bottom: 2px;
}
.testimName p {
text-align: right;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
font-size: 0.9rem;
color: #575757;
padding-left: 0px;
margin: 0;
line-height: 1.2;
}
#faqIndex {
padding-top: 10px;
padding-right: 10px;
padding-left: 20px;
padding-bottom: 10px;
}
.imageRoundedCorners {
border-radius : 6px;
-moz-border-radius : 6px;
-webkit-border-radius : 6px;
/* [disabled]padding-top: 6px; */
/* [disabled]padding-right: 6px; */
/* [disabled]padding-left: 6px; */
/* [disabled]padding-bottom: 6px; */
/* [disabled]border: 2px solid #000000; */
}
.imageWithOutline {
border-left-color: transparent;
border-left-style: solid;
border-right-color: #2EB457;
border-right-style: solid;
border-bottom: 7px solid #2EB457;
border-top-color: #2EB457;
border-top-style: solid;
/* [disabled]border-top-width: 5px; */
}
/* Masonry Layout */
.masonryWrapper {
columns: 300px;
background-color: #2EB457;
padding-right: 15px;
padding-left: 15px;
padding-top: 0rem;
/*column-gap: 20px;*/
}
.masonryHeader {
background-color: #2EB457;
z-index: 1000;
}
.masonryHeader h2 {
font-size: 2rem;
color: #fff;
margin: 0;
padding-top: 0.4em;
padding-right: 0;
padding-left: 0;
padding-bottom: 0.4rem;
text-align: center;
font-weight: normal;
line-height: 2rem;
}
.masonryWrapper .masonryContainer img {
width: 100%;
}
.masonryContainer {
/* [disabled]border: 1px solid #999; */
background: #fff;
}
.masonryWrapper .masonryContainer {
page-break-inside: avoid;
break-inside: avoid-column; /* keeps containers from spilling into the column to the right */
-webkit-column-break-inside: avoid;
-moz-break-inside: avoid-column;
margin-bottom: 1rem;
}
.masonryContTitle {
padding-top: 0.6rem;
padding-right: 0.6rem;
padding-left: 1rem;
padding-bottom: 0.6rem;
background-color: #006BB6;
}
.masonryWrapper .masonryContent {
padding-top: 1rem;
padding-right: 1rem;
padding-left: 1rem;
padding-bottom: 1rem;
}
.masonryWrapper .masonryContent p {
font-size: 1.4rem;
line-height: 1.8rem;
padding: 0;
margin-bottom: 1rem;
}
.masonryAccordion p {
color: #fff;
}
.masonryWrapper .masonryContTitle h3 {
color: #fff;
font-size: 1.8rem;
margin: 0;
line-height: 2.2rem;
}
.masonryWrapper .masonryContent h5 {
font-size: 1.6rem;
line-height: 1.84rem;
margin-bottom: 1rem;
padding: 0;
color: #585858;
font-weight: normal;
letter-spacing: 1px;
text-align: right;
}
/* Elements around content */
/* add the class to the (likely ) element where quotes are required or reference the element here to automatically add quotes */
.addQuotes::before {
content: url(../images/icons/leftQuotes.png);
}
.addQuotes::after {
content: url(../images/icons/rightQuotes.png);
}
.skin9 .skin9_p::before {
content: url(../images/icons/leftQuotes.png);
}
.skin9 .skin9_p::after {
content: url(../images/icons/rightQuotes.png);
}
/* backgrounds */
.fixed {
background-attachment: fixed;
}
.backgrPhoto-left, .backgrPhoto-right {
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 40px;
background-repeat: no-repeat;
width: auto;
float: none;
}
.bgPhoto-1 {
background-image: url(../images/backgrounds/sections/half-1m.jpg);
}
.bgPhoto-2 {
background-image: url(../images/backgrounds/sections/half-2m.jpg);
}
.bgPhoto-3 {
background-image: url(../images/backgrounds/sections/half-3m.jpg);
}
.bgPhoto-4 {
background-image: url(../images/backgrounds/sections/half-4m.jpg);
}
.pageTitleBG-1 {
background-image: url(../images/backgrounds/pages/Main-m.jpg);
}
.pageTitleBG-2 {
background-image: url(../images/backgrounds/pageTitles/2-m.jpg);
}
.pageTitleBG-3 {
background-image: url(../images/backgrounds/pageTitles/3-m.jpg);
}
.pageTitleBG-4 {
background-image: url(../images/backgrounds/pageTitles/Walkways-m.jpg);
}
.pageTitleBG-5 {
background-image: url(../images/backgrounds/pageTitles/Patios-m.jpg);
}
.pageTitleBG-6 {
background-image: url(../images/backgrounds/pageTitles/Specialty-m.jpg);
}
.pageTitleBG-7 {
background-image: url(../images/backgrounds/pageTitles/Finishes-m.jpg);
}
.pageTitleBG-FAQ {
background-image: url(../images/backgrounds/pageTitles/FAQ-m.jpg);
}
.pageTitleBG-Main {
background-image: url(../images/backgrounds/pageTitles/Main-m.jpg);
background-position: bottom;
padding-top: 3rem;
padding-bottom: 4rem;
}
.pageTitleBG-Main2 {
background-image: url(../images/backgrounds/pageTitles/Main_lite-m.png);
background-position: bottom;
}
.pageTitleBG-Process {
background-image: url(../images/backgrounds/pageTitles/Process-m.jpg);
}
.textCont-half-left, .textCont-half-right {
width: auto;
float: none;
margin-left: 15px;
margin-right: 15px;
margin-top: 20px;
margin-bottom: 20px;
}
.call4actionBackgr {
background-position: center bottom;
/* [disabled]background-size: cover; */
/* [disabled]background-color: rgba(8,51,11,1.00); */
background-repeat: no-repeat;
/* [disabled]background-image: url(../images/backgrounds/call4actionMobile.jpg); */
}
/* Footer */
#footer .footerContainer {
/* [disabled]min-height: 200px; */
padding-top: 2px;
background-position: left top;
/* [disabled]background-size: cover; */
/* [disabled]color: #FFFFFF; */
/* [disabled]border-top: 4px solid rgba(51,102,0,0.70); */
background-color: #FFFFFF;
background-repeat: no-repeat;
/* [disabled]background-image: url(../images/backgrounds/footerBackMobile.jpg); */
}
#footer .footerContCol {
clear: both;
width: auto;
/* [disabled]min-height: 100px; */
margin-left: auto;
margin-right: auto;
padding-right: 0px;
padding-left: 0px;
/* [disabled]padding-bottom: 2%; */
}
#footer .footerColLeft {
float: none;
width: 200px;
/* [disabled]min-height: 100px; */
padding-left: 0px;
padding-right: 0px;
margin-bottom: 20px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
}
#footer .footerColMiddle {
float: none;
width: 100px;
text-align: center;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
}
#footer .footerColRight {
float: none;
padding-left: 15px;
padding-right: 15px;
/* [disabled]padding-bottom: 10px; */
padding-top: 10px;
/* [disabled]background-color: rgba(160,160,160,1.00); */
/* [disabled]border-radius: 6px; */
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}
#footerColRight1 {
clear: left;
}
#footerColRight2 {
}
#footer .footerContactRow {
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
display: block;
clear: both;
}
#footer .footerHeading {
width: 80px;
float: left;
padding-right: 14px;
/* [disabled]padding-left: 10px; */
line-height: normal;
}
#footer .footerHeading p {
line-height: 22px;
color: #979797;
font-size: 20px;
text-align: left;
margin-bottom: 6px;
}
#footer .footerContent {
/* [disabled]float: left; */
/* [disabled]width: auto; */
}
#footer .footerContent p {
line-height: 20px;
font-size: 20px;
/* [disabled]margin-bottom: 2px; */
text-align: left;
color: #000;
padding: 0px;
background-color: #fff;
}
#footer .footerContent p a {
color: #000000;
font-size: 20px;
line-height: 24px;
height: 100%;
}
#footer .footerContent p a:hover {
color: #000000;
}
#footer .footerContactInfo a {
line-height: 20px;
font-size: 20px;
}
#footer .footerText p {
text-align: left;
font-size:15px;
margin-right:0px;
}
#footer .footerEmail {
font-size: 120%;
}
#footer .footerPhone {
font-size: 260%;
letter-spacing: 1px;
}
img.logoFooterAssociation {
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}
#logosFooter {
width: auto;
margin-top: 10px;
}
.footerContactInfo a {
color: #FFFFFF;
text-decoration: none;
background-color: transparent;
padding: 0px;
margin: 0px;
cursor: hand;
/* [disabled]font-weight: bold; */
}
#footerImage1Cont {
width: 100px;
margin-right: auto;
margin-left: auto;
float: left;
}
#footerImage2Cont {
float: left;
margin-bottom: 16px;
}
#footerImage3Cont {
clear: both;
}
#footerImage4Cont {
}
#footerImage4Cont {
}
#footerImage1Size {
width: auto;
margin-top: 0px;
}
#footerImage2Size {
width: auto;
margin-top: 0px;
}
#footerImage3Size {
width: auto;
/* [disabled]margin-top: 26px; */
margin-right: 10px;
}
#footerImage4Size {
width: auto;
margin-top: 0px;
}
.footerCopyright {
/* [disabled]border-top: 3px solid rgba(160,160,160,1.00); */
padding-top: 10px;
padding-bottom: 10px;
background-color: #432628;
}
.footerCopyright a {
color: #fff;
}
.footerCopyright a:hover {
color: #878787;
}
.footerCopyrightCol {
width: auto;
/* [disabled]min-height: 100px; */
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
/* [disabled]padding-top: 10px; */
}
p.footerCopyrightText {
font-size: 15px;
font-weight: 400;
text-align: center;
color: #BCBCBC;
/* [disabled]letter-spacing: 1px; */
}
/* Image Resizing */
.imageResize100width {
height: auto;
margin-bottom: 14px;
display: block;
width: 100%;
}
/* Make image 100% width on phones. Refer to Media Query below for sizing on larger screens. */
.imageResizePercentage {
width: 100%;
max-width: 100%;
height: auto;
/* [disabled]display: block; */
}
.imageMinWidth200 {
width: 100%;
height: auto;
max-width: 200px;
}
.imageCenter {
margin-left: auto;
margin-right: auto;
}
.minWith30percent {
min-width: 30%;
}
.minWith40percent {
min-width: 40%;
}
/* Page title properties */
.titleContFullWidth {
clear: both;
/* [disabled]min-height: 100px; */
text-align: center;
/* [disabled]padding-top: 1%; */
padding-right: 1%;
padding-left: 1%;
padding-bottom: 1%;
width: auto;
}
.divider {
border-top: 1px solid #cccccc;
padding-top: 10px;
width: 400px;
margin: auto;
}
/* Margins */
.marginBottom0 {
margin-bottom: 0px;
}
.marginBottom10 {
margin-bottom: 10px;
}
.marginBottom20 {
margin-bottom: 20px;
}
.marginBottom25 {
margin-bottom: 25px;
}
.marginBottom30 {
margin-bottom: 30px;
}
.marginBottom40 {
margin-bottom: 40px;
}
.marginBottom50 {
margin-bottom: 50px;
}
.marginTop5 {
/* [disabled]margin-bottom: 10px; */
margin-top: 5px;
}
.marginTop10 {
/* [disabled]margin-bottom: 10px; */
margin-top: 10px;
}
.marginTopPull10 {
/* [disabled]margin-bottom: 10px; */
margin-top: -10px;
}
.marginTop20 {
margin-top: 20px;
}
.marginTop30 {
margin-top: 30px;
}
.marginTop40 {
margin-top: 40px;
}
.marginTop50 {
margin-top: 50px;
}
.marginTop60 {
margin-top: 60px;
}
.marginLeft10 {
margin-left: 10px;
}
.marginLeft20 {
margin-left: 20px;
}
.marginRight5 {
margin-right: 5px;
}
.marginRight10 {
margin-right: 10px;
}
.marginRight15 {
margin-right: 15px;
}
.marginRight20 {
margin-right: 20px;
}
.noBottomMargin {
padding-bottom: 0px;
margin-bottom: 4px;
}
.MaxColWidth {
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
max-width: 1300px;
}
.colWidthMin30percent {
width: 200px;
}
.colWidthMin50percent {
width: 50%;
}
.contFill {
background-color: #FFFFFF;
border-radius: 10px;
margin-top: 0px;
margin-bottom: 20px;
/* [disabled]border: 1px solid rgba(131,131,131,0.30); */
/* [disabled]margin-left: 10px; */
/* [disabled]margin-right: 10px; */
}
#contSection1 {
padding-top: 3rem;
padding-bottom: 5rem;
/* [disabled]border-bottom-color: #FFFFFF; */
/* [disabled]border-bottom-style: solid; */
/* [disabled]border-bottom-width: 10px; */
/* [disabled]border-top-color: #E0E0E0; */
/* [disabled]border-top-style: solid; */
/* [disabled]border-top-width: 6px; */
background-color: #006BB6;
/* [disabled]margin-bottom: 10px; */
/* [disabled]margin-left: 0px; */
/* [disabled]margin-right: 0px; */
}
#contSection1 p {
/* [disabled]color: #fff; */
padding-bottom: 12px;
}
#contSection2 {
padding-top: 3rem;
padding-bottom: 5rem;
background-color: #24408E;
}
#contSection2 p {
color: #fff;
}
#contSection3 {
padding-top: 1rem;
padding-bottom: 5rem;
background-color: #2EB457;
}
#contSection3 p {
/* [disabled]color: #fff; */
}
.wrapperLogosSliding {
padding-top: 3rem;
padding-bottom: 2rem;
/* [disabled]border-bottom-color: #2EB457; */
border-bottom-style: solid;
/* [disabled]border-bottom-width: 18px; */
border-top-color: #2EB457;
border-top-style: solid;
/* [disabled]border-top-width: 12px; */
background-color: #FFFFFF;
}
.wrapperLogosStationary {
padding-top: 30px;
padding-bottom: 0px;
border-bottom-color: #8A8D8F;
border-bottom-style: solid;
/* [disabled]border-bottom-width: 10px; */
border-top: 3px solid #949494;
background-color: #FFFFFF;
}
.logoInTestimonial {
max-width: 250px;
padding-bottom: 10px;
margin-left: auto;
margin-right: auto;
}
.wrapperCommentsSliding {
/* [disabled]padding-top: 2rem; */
padding-bottom: 1rem;
/* [disabled]border-bottom-color: #8A8D8F; */
/* [disabled]border-bottom-style: solid; */
/* [disabled]border-bottom-width: 10px; */
/* [disabled]border-top: 3px solid #949494; */
/* [disabled]margin-top: 1rem; */
margin-bottom: 0;
/* [disabled]background-color: #FFFFFF; */
}
.contSection3 {
padding: 10px 6px;
border-bottom-color: #8A8D8F;
border-bottom-style: solid;
/* [disabled]border-bottom-width: 10px; */
border-top-color: #8A8D8F;
border-top-style: solid;
/* [disabled]border-top-width: 6px; */
background-color: #FF0004;
}
/* Padding */
.paddingTop10 {
padding-top: 10px;
}
.paddingTop20 {
padding-top: 20px;
}
.paddingTop30 {
padding-top: 30px;
}
.paddingTop40 {
padding-top: 40px;
}
.paddingBottom10 {
padding-bottom: 10px;
}
.paddingBottom20 {
padding-bottom: 20px;
}
.paddingBottom30 {
padding-bottom: 30px;
}
.paddingBottom40 {
padding-bottom: 40px;
}
.paddingLR20 {
padding-left: 20px;
padding-right: 20px;
}
.topSpacer4contentSlider {
margin-top: 30px;
}
/* Text mods */
#logoBar h3 {
color: #0770AF;
text-align: center;
font-weight: 700;
/* [disabled]letter-spacing: 2px; */
font-size: 160%;
}
.listingDetails h3 {
font-size: 110%;
color: #FFFFFF;
background-color: rgba(139,2,28,1.00);
text-align: center;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
border-radius: 4px;
}
.listingDetails p {
font-size: 90%;
color: #2E2E2E;
}
/* YouTube Videos */
/* Wrap a DIV with class 'responsiveVideo' around the YouTube embed code to make them responsive */
.responsiveVideo {
display:block;
width:auto;
height:426px;
min-height:426px;
}
.responsiveVideo iframe {
width:100%;
height:100%;
}
/* Google Maps */
/* Wrap a DIV with class 'makeResponsive' around the Google embed code to make them responsive */
.responsiveMap {
overflow:hidden;
padding-bottom:70%;
/* Set Aspect Ratio */
position:relative;
height:0;
}
.responsiveMap iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
/* BACKGROUNDS */
/* Page Title Backgrounds */
/* Boxes */
/* Box backgrounds */
.bgStyle1 {
/* [disabled]background-image:url(../images/backgrounds/boxes/1.jpg); */
}
.bgStyle2 {
background-image: url(../images/backgrounds/boxes/2.jpg);
background-color: #1A4572;
/* [disabled]padding-left: 20px; */
/* [disabled]padding-right: 20px; */
}
.bgStyle3 {
background-image:url(../images/backgrounds/boxes/3.jpg);
}
.bgStyle4 {
background-image:url(../images/backgrounds/boxes/4.jpg);
}
.bgStyle5 {
background-image:url(../images/backgrounds/boxes/5.jpg);
}
.bgStyle6 {
background-image:url(../images/backgrounds/boxes/6.jpg);
}
/* ------------- End Boxes ------- */
.transparent {
color: transparent;
}
.noClickCursor {
cursor: default;
text-decoration: none!important;
/* [disabled]color: #FFFFFF; */
}
.noClickCursor:hover {
cursor: default;
text-decoration: none!important;
}
/* used for Fontawesome */
.icon::before {
position: relative;
display: block;
/*display: inline-block;*/
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
/* Push down destinations for page anchors by the height of the fixed header */
/*
*/
.pushDownAnchor {
margin: -130px 0px 130px 0px;
position: absolute;
padding: 0px;
}
.pushDownAnchor a {
color: transparent;
background-color: transparent;
border: 0px;
}
/* Hide information */
.hideOnPhones {
display: none;
}
.hideOnLarge p {
color: #ED3340;
margin-left: 15px;
margin-right: 15px;
}
/* Video */
.videoResponsive {
overflow:hidden;
padding-bottom:50%;
/* Set Aspect Ratio */
position:relative;
height:0;
}
.videoResponsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
/* Push slideshow down beyond mobile header */
.Spacer4SlideshowHeight {
margin-top: 0px;
/* [disabled]clear: both; */
margin-bottom: 0px;
/* [disabled]background-color: #FFFFFF; */
}
/* MOBILE: Move content + Slideshow down/up to show below sticky header - adjust height to content below the header. */
#page-content {
float: none;
width: auto;
/* [disabled]background-position: right bottom; */
/* [disabled]background-repeat: no-repeat; */
/* [disabled]background-attachment: fixed; */
/* [disabled]background-color: #FFFFFF; */
/* [disabled]padding-top: 60px; */
}
.contactInfoContainer {
padding-left: 2%;
padding-right: 6%;
/* [disabled]z-index: -10; */
/* [disabled]position: absolute; */
padding-bottom: 0px;
width: 90%;
/* [disabled]background-color: #ccc; */
float: right;
}
/* Effects */
.hoverEffectGrow {
-webkit-transform: scale(.90);
transform: scale(.90);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.hoverEffectGrow:hover {
-webkit-transform: scale(.095);
transform: scale(.95);
}
/* Facebook Feed common formatting */
#fbContainer {
margin-bottom: 40px;
margin-right: auto;
margin-top: 30px;
margin-left: auto;
width: 380px;
}
#fbContainer p {
font-size: 28px;
/* [disabled]line-height: 14px; */
color: #818181;
padding: 0px;
margin: 0px;
text-align: center;
font-weight: 700;
}
/* Page Scroll Progress Indicator */
/* The progress container */
.progress-container {
width: 100%;
height: 4px;
background: #fff;
}
/* The progress bar */
.progress-bar {
height: 3px;
/* [disabled]background: #000; */
width: 0%;
border-top: 3px solid #25408F;
border-bottom-color: rgba(255,255,255,1.00);
border-bottom-style: solid;
/* [disabled]border-bottom-width: 2px; */
}
/* ------------------------ Large screen properties --------------------------------- */
/* ---------------------------------------------------------------------------------- */
@media screen and (min-width : 660px) {
.content {
}
.content.contentBackgr {
/* [disabled]background-image: url(../images/backgrounds/pages/side.png); */
}
.content p {
font-size: 1.2rem;
line-height: 1.4rem;
/* [disabled]text-align: justify; */
margin-bottom: 12px;
}
p.headingOnDark {
font-size: 34px;
line-height: 40px;
}
.paddingSides15 {
padding-left: 15px;
padding-right: 15px
}
/* Content sections */
#contSection1 {
padding-top: 3rem;
padding-bottom: 5rem;
}
#contSection1 p {
}
#contSection2 {
padding-top: 3rem;
padding-bottom: 2rem;
}
#contSection2 p {
}
#contSection3 {
padding-top: 2rem;
padding-bottom: 5rem;
}
#contSection3 p {
}
#contSection4 {
}
#contSection4 p {
}
.logoInTestimonial {
max-width: 200px;
padding-bottom: 10px;
}
/* Highlight Cards + Grid Info */
.gridInfoWrapper{
margin-bottom: 2rem;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
margin-top: 0.2rem;
}
.gridInfoTitle {
font-size: 2.4rem;
line-height: 1;
}
.gridInfoHeading {
font-size: 1.6rem;
line-height: 1;
}
.gridInfoContent {
font-size: 1.2rem;
line-height: 1.2;
}
.content .highlightsContent {
/* [disabled]margin-left: 3rem; */
/* [disabled]margin-right: 1.3rem; */
}
.content .highlightsHeader {
}
/* END Highlight Cards */
/* Nav Links for FAQ */
.content .secondaryMenu a {
font-size: 1.1rem;
white-space: nowrap;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 12px;
padding-right: 12px;
}
.content .secondaryMenu ul {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.content .secondaryMenu ul li {
flex: 1 1 0;
margin: 0;
}
/* Nav Links for tertiary menu */
.content .tertiaryMenu a {
font-size: 1rem;
white-space: nowrap;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 0px;
}
.content .tertiaryMenu ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
text-align: center;
}
.content .tertiaryMenu ul li {
margin: 0;
flex-grow: 1;
flex-basis: auto;
flex-shrink: 0;
}
/* Menus */
.content .tertiaryMenuWithIcons ul {
display: flex;
/* [disabled]justify-content: space-between; */
flex-wrap: wrap;
/* [disabled]align-items: stretch; */
/* [disabled]flex-grow: 1; */
}
.content .tertiaryMenuWithIcons ul li {
margin-top: 1px;
margin-right: 1px;
margin-left: 1px;
margin-bottom: 1px;
flex-grow: 1;
flex-shrink: 0;
display: flex;
}
.content .tertiaryMenuWithIcons ul li a {
display: flex;
flex-grow: 1;
}
.content .tertiaryMenuWithIcons ul li a .menuIcon {
flex-basis: 40px;
font-size: 1.6rem;
align-self: center;
/* [disabled]background-color: #fff; */
margin-right: 6px;
margin-bottom: 0px;
}
.content .tertiaryMenuWithIcons ul li a .menuText {
font-size: 1rem;
font-weight: bold;
text-align: left;
}
.content .tertiaryMenuWithIcons ul li a .menuText span {
display: block;
font-size: 0.9rem;
font-weight: normal;
text-align: left;
}
/* Footer Menu */
#nav-footer .footer-menu ul li a .menuIcon, #nav-footer-contact .footer-menu ul li a .menuIcon {
font-size: 1.6rem;
/* [disabled]flex-basis: 40px; */
margin-right: 20px;
}
#nav-footer .footer-menu ul li a .menu-item-container {
font-size: 1.6rem;
}
/* ---------------------- */
.menu-item-container .icon-rotate {
display: inline-block;/* mandatory to be able to use transform */
transition: 0.6s;
}
.menu-item-container:hover .icon-rotate {
transform: rotate(360deg);
}
/* for scrolling on a page. The TOP is determined by the height of the header so no content gets hidden */
.anchorOffset {
display: block;
position: relative;
top: 120px;
visibility: hidden;
}
.anchorOffset-sub {
display: block;
position: relative;
top: -50px;
visibility: hidden;
}
/* layout for logo row */
.content .layoutLogos ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
text-align: center;
}
.content .layoutLogos ul li {
margin-right: auto;
margin-left: auto;
flex-grow: 1;
flex-shrink: 0;
justify-content: center;
}
/* ---------------------- */
#SlidingComments {
margin-top: 10px;
margin-bottom: 20px;
}
.titleContFullWidth {
clear: both;
/* [disabled]min-height: 200px; */
/* [disabled]padding-left:20%; */
text-align: left;
}
#contAnnouncementTitle p {
font-size: 42px;
line-height: 36px;
}
#headerAnnouncements {
border-top: 2px solid #fff;
margin-top: 0;
font-size: 1.3rem;
}
#contAnnouncements {
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 30px;
margin-top: 0px;
}
.announceItemTitle {
float: left;
width: 190px;
clear: left;
}
#contAnnouncements .announceItemTitle p {
/* [disabled]font-weight: bold; */
font-size: 30px;
line-height: 30px;
}
.announceItemDescr {
float: left;
}
#contAnnouncements .announceItemDescr p {
font-size: 30px;
line-height: 30px;
}
#contAnnouncements p {
font-size: 1.2rem;
text-align: left;
line-height: 1.7rem;
}
#SlidingComments {
margin-top: 30px;
}
#SlidingComments h1 {
font-size: 1.6rem;
margin: 0;
padding: 0;
line-height: 1.4rem;
}
#watermarkWrapper {
display: flex;
align-content: flex-end;
align-items: flex-end;
}
#watermark {
/* [disabled]background-position: right bottom; */
background-repeat: no-repeat;
z-index: 4000;
position: fixed;
height: 250px;
width: 50px;
right: 0px;
border-left: 2px solid #fff;
border-right: 0px solid #fff;
border-bottom: 2px solid #fff;
border-top: 2px solid #fff;
background-color: #009B2F;
display: flex;
align-items: center;
border-bottom-left-radius: 6px;
/* [disabled]border-bottom-right-radius: 6px; */
/* [disabled]border-top-right-radius: 6px; */
border-top-left-radius: 6px;
justify-content: center;
transition: 0.6s;
top: 160px;
}
#watermark:hover {
background-color: #00C43C;
}
#watermark img {
}
#pageTitle {
/* [disabled]padding-top: 14rem; */
background-size: cover;
height: 20rem;
}
#pageName p {
font-size: 1.4rem;
line-height: 1.4rem;
padding-top: 1rem;
padding-bottom: 0.7rem;
margin-left: 12rem;
/* [disabled]margin-bottom: 4rem; */
/* [disabled]padding-left: 1.4rem; */
text-align: left;
}
#infoAbovePageTitle p {
padding-right: 0.5rem;
padding-left: 0.5rem;
font-size: 1.4rem;
line-height: 1.6rem;
}
.contentInsert {
padding-top: 1.6rem;
padding-right: 2em;
padding-left: 2em;
padding-bottom: 3rem;
max-width: 700px;
}
.contentInsert h3 {
font-size: 2.6rem;
line-height: 3rem;
margin-top: 1.4rem;
margin-bottom: 1.4rem;
}
.contentInsert p{
font-size: 1.4rem;
line-height: 1.6rem;
margin-top: 10px;
margin-bottom: 10px;
text-align: justify;
}
/* Call 2 Action */
.call2actionTopSpacing {
padding-top: 4rem;
}
.wrapperContactButton p {
font-size: 2.2rem!important;
line-height: 2.4rem!important;
}
.wrapperContactButton h4 {
font-size: 2.2rem;
margin-right: 0px;
margin-left: 0px;
padding-top: 1rem;
/* [disabled]padding-right: 3rem; */
/* [disabled]padding-left: 3rem; */
padding-bottom: 1rem;
line-height: 1.2;
margin-bottom: 0px;
margin-top: 0px;
}
.wrapperContactButton:hover h4 {
/* [disabled]font-size: 2.8rem; */
}
.wrapperBGcall2action {
background-image: url(../images/backgrounds/Call2Action/l.jpg);
-o-background-size: cover;
padding-top: 9rem;
background-size: cover;
}
/* Footer and Logos */
.footerCopyright {
/* [disabled]min-height: 127px; */
}
.footerCopyrightCol {
/* [disabled]min-height: 94.09375px; */
width: 90%;
/* [disabled]padding-left: 15px; */
/* [disabled]padding-right: 15px; */
margin-left: auto;
margin-right: auto;
}
p.footerCopyrightText {
color: #ccc;
}
/* Testimonial boxes - large screen */
.testimWrapper {
/* [disabled]padding: 20px; */
}
.testimWrapper h2 {
font-size: 2rem;
padding-top: 0;
padding-right: 0;
padding-left: 0;
padding-bottom: 10px;
line-height: 1.8rem;
}
.testimHeadline p {
font-size: 22px;
margin-bottom: 8px;
line-height: 90%;
}
.testimWriteup p {
font-size: 1.4rem;
line-height: 1.2;
}
.testimName p {
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0;
font-size: 1rem;
}
/* Title tags */
h1 {
font-size: 2.8rem;
line-height: 2.4rem;
/* [disabled]margin-top: 20px; */
margin-bottom: 10px;
}
h2 {
font-size: 2.6rem;
line-height: 2.4rem;
margin-bottom: 1rem;
}
h3 {
font-size: 2rem;
line-height: 1.4rem;
margin-bottom: 1.6rem;
margin-right: 0px;
margin-left: 0px;
}
h4 {
font-size: 1.6rem;
line-height: 1.4rem;
/* [disabled]margin-top: 20px; */
margin-bottom: 1rem;
}
h5 {
font-size: 1.4rem;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 10px;
line-height: 1.6rem;
}
h6 {
font-size: 1.8rem;
line-height: 0.8rem;
padding: 0;
margin: 0;
text-align: left;
}
.sectionHeading {
/* [disabled]margin: 0; */
/* [disabled]padding: 0; */
font-size: 1.4rem;
line-height: 1rem;
}
/* Google Maps */
/* Wrap a DIV with class 'makeResponsive' around the Google embed code to make them responsive */
.responsiveMap {
overflow: hidden;
padding-bottom: 60%;
/* Set Aspect Ratio */
position: relative;
height: 0;
}
.responsiveMap iframe {
left: 0;
top: 0;
/* [disabled]height: 80%; */
width: 100%;
}
.colRightContainer {
/* [disabled]margin-top: 0px; */
/* [disabled]margin-right: 0px; */
/* [disabled]margin-left: 10px; */
/* [disabled]margin-bottom: 0px; */
clear: both;
}
.columnOne3rd {
float: left;
width: 33%;
}
.columnTwo3rd {
float: left;
width: 66%;
}
.textCont-backgrPhoto-left {
padding-top: 40px;
padding-bottom: 60px;
max-width: 560px;
float: right;
}
.textCont-backgrPhoto-right {
padding-top: 40px;
padding-bottom: 60px;
max-width: 560px;
}
.textCont-backgrPhoto-left p {
font-size: 22px;
line-height: 28px;
text-align: right;
}
.textCont-backgrPhoto-right p {
font-size: 22px;
line-height: 28px;
}
.continuePageTitleBackgroundInContent {
background-image: url(../images/backgrounds/pageTitle_bottomContinue.png);
background-repeat: no-repeat;
background-position: right top;
}
.call4actionBarHeight {
clear: both;
padding-top: 0px;
}
.call4actionBackgr {
/* [disabled]background-image: url(../images/backgrounds/call4actionDecoration.png); */
background-position: center top;
/* [disabled]padding-top: 138px; */
background-repeat: no-repeat;
padding-bottom: 0px;
}
.backgrPhoto-left {
width: 46%!important;
border-bottom-right-radius: 6px;
padding-right: 2%;
padding-left: 2%;
border-top-right-radius: 6px;
float: left;
}
.backgrPhoto-right {
width: 46%!important;
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
padding-left: 2%;
padding-right: 2%;
float: right;
}
.bgPhoto-1 {
background-image: url(../images/backgrounds/sections/half-1.jpg);
}
.bgPhoto-2 {
background-image: url(../images/backgrounds/sections/half-2.jpg);
}
.bgPhoto-3 {
background-image: url(../images/backgrounds/sections/half-3.jpg);
}
.bgPhoto-4 {
background-image: url(../images/backgrounds/sections/half-4.jpg);
}
.pageTitleBG-1 {
background-image: url(../images/backgrounds/pages/Main-l.jpg);
/* [disabled]background-position: left center; */
}
.pageTitleBG-2 {
background-image: url(../images/backgrounds/pageTitles/2-l.jpg);
}
.pageTitleBG-3 {
background-image: url(../images/backgrounds/pageTitles/3-l.jpg);
}
.pageTitleBG-4 {
background-image: url(../images/backgrounds/pageTitles/Walkways-l.jpg);
}
.pageTitleBG-5 {
background-image: url(../images/backgrounds/pageTitles/Patios-l.jpg);
}
.pageTitleBG-6 {
background-image: url(../images/backgrounds/pageTitles/Specialty-l.jpg);
}
.pageTitleBG-7 {
background-image: url(../images/backgrounds/pageTitles/Finishes-l.jpg);
}
.pageTitleBG-FAQ {
background-image: url(../images/backgrounds/pageTitles/FAQ-l.jpg);
}
.pageTitleBG-Main {
background-image: url(../images/backgrounds/pageTitles/Main-l.jpg);
/* [disabled]background-size: cover; */
}
.pageTitleBG-Main2 {
background-image: url(../images/backgrounds/pageTitles/Main_lite-l.png);
}
.pageTitleBG-Process {
background-image: url(../images/backgrounds/pageTitles/Process-l.jpg);
}
.cover { /* no cover needed on mobile because images are small enough */
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
.textCont-half-left {
max-width: 600px;
margin-top: 0px;
padding-top: 6px;
margin-left: 1%;
margin-right: 1%;
width: 48%;
float: right;
}
.textCont-half-right {
max-width: 600px;
float: left;
margin-top: 0px;
padding-top: 6px;
width: 48%;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 0px;
}
#tagline p {
font-size: 47px;
line-height: 40px;
}
/* Masonry Panels */
.masonryContTitle {
padding-top: 0.6rem;
padding-right: 0.6rem;
padding-left: 1rem;
padding-bottom: 0.6rem;
}
.masonryWrapper .masonryContent {
padding-top: 1rem;
padding-right: 1rem;
padding-left: 1rem;
padding-bottom: 1rem;
}
.masonryWrapper .masonryContent p {
font-size: 1rem;
line-height: 1.4rem;
padding: 0;
margin-bottom: 1rem;
}
.masonryWrapper .masonryContTitle h3 {
font-size: 1.2rem;
margin: 0;
line-height: 1.6rem;
}
.masonryWrapper .masonryContent h5 {
font-size: 1.2rem;
line-height: 1.4rem;
margin-bottom: 1rem;
padding: 0;
text-align: right;
}
/* Maps */
.makeResponsive {
overflow: hidden;
padding-bottom: 30%;
position: relative;
height: 0;
}
/* Announcements */
.AnnouncementsCont {
/* [disabled]width: 80%; */
margin-top: 20px;
margin-bottom: 60px;
}
/* --- Did you know? --*/
.content #wrapperDidYouKnow {
margin-right: 2px;
margin-left: 2px;
margin-bottom: 0px;
border-top-color: #fff;
border-top-style: solid;
/* [disabled]border-top-width: 1px; */
margin-top: 0px;
}
.content #wrapperDidYouKnow h1 {
font-size: 1.4rem;
line-height: 1.6rem;
}
.content #wrapperDidYouKnow h2 {
font-size: 1.4rem;
line-height: 1.6rem;
}
.content #wrapperDidYouKnow p {
font-size: 1rem;
line-height: 1.4rem;
}
/* Show information hidden on phones */
.hideOnPhones {
display: block;
}
.AnnouncementsCont .announceButton a{
padding-top: 10px;
padding-right: 40px;
padding-left: 40px;
padding-bottom: 10px;
border-radius: 6px;
font-size: 30px;
}
.hideOnLarge {
display: none;
width: auto;
}
.stickyMenu {
/* [disabled]position: sticky; */
/* [disabled]position: -webkit-sticky; */
/* [disabled]top: 0px; */
}
.stickyPrimary {
position: sticky;
position: -webkit-sticky;
top: 94px;
}
.stickySecondary {
position: sticky;
position: -webkit-sticky;
top: 146px;
/* [disabled]background-color: #ccc; */
}
.stickyTertiary {
position: sticky;
position: -webkit-sticky;
top: 160px;
}
.stickyHighlights {
position: sticky;
position: -webkit-sticky;
top: 130px;
/* [disabled]background-color: #ccc; */
}
.stickyFB {
position: sticky;
position: -webkit-sticky;
top: 130px;
}
.stickyWatermark {
position: sticky;
position: -webkit-sticky;
top: 10px;
}
.content .secondaryMenu {
/* [disabled]margin-top: 0px; */
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}
.content .tertiaryMenu {
margin: 0;
}
/* Shrink aligned image inserts on larger screen */
.imageResizePercentage {
/* [disabled]min-width: 180px; */
max-width: 30%!important;
/* [disabled]display: inline; */
}
.resizePercLarge {
width: 50%;
min-width: 220px;
}
.resizePercSmall {
max-width: 46%;
min-width: 250px;
}
.floatLeftWithMargins {
float: left;
margin-right: 20px;
margin-bottom: 2px;
/* [disabled]margin-top: 10px; */
}
/* Create Columns */
.colForm {
min-width: 360px;
margin-top: 0px;
margin-bottom: 1rem;
}
.columns2 {
display: flex;
/* [disabled]margin-bottom: 40px; */
padding-bottom: 3rem;
padding-top: 2rem;
}
.cols2LeftContainer {
padding-right: 20px;
min-height: 10px;
border-right-width: thin;
/* [disabled]padding-bottom: 50px; */
}
.content .highlightsHeader {
margin-bottom: 3px;
/* [disabled]padding-left: 8rem; */
/* [disabled]margin-top: 3rem; */
padding-bottom: 4px;
padding-right: 15px;
}
.content .highlightsHeader h4 {
font-size: 1.4rem;
margin: 0;
padding-top: 0px;
padding-right: 0px;
padding-left: 1rem;
padding-bottom: 4px;
text-align: left!important;
}
/* Containers */
.galleryWrapper {
/* [disabled]margin-top: 1rem; */
padding-top: 1rem;
padding-bottom: 1rem;
/* [disabled]background-position: 10px 10px; */
border: 3px solid #B3B3B3;
/* [disabled]background-size: 100px auto; */
margin-left: 1rem;
margin-right: 1rem;
margin-bottom: 3rem;
}
}
@media only screen and (min-width : 760px) {
/* Create Columns */
.columns3 {
display: flex;
}
.cols3LeftContainer {
margin-right: 20px;
padding-right: 20px;
/* [disabled]min-height: 10px; */
/* [disabled]border-right: thin dashed rgba(255,255,255,0.51); */
}
.columns4 {
display: flex;
}
.columns4Pairs {
flex-direction: column;
padding-right: 30px;
}
.minColWidthHalf {
min-width: 50%;
}
}
@media only screen and (min-width : 800px) {
/* Hide narrow and wide FB feed on larger screens */
#fbContainer {
min-width: 440px;
}
#fbFeedNarrow {
display: none;
}
#fbFeedMedium {
display: none;
}
#fbFeedWide {
display: inline;
}
.minColWidth {
min-width: 330px;
}
}
@media only screen and (min-width : 990px) {
/* Shrink aligned image inserts on larger screen */
.imageResizePercentage {
/* [disabled]min-width: 260px; */
max-width: 40%!important;
/* [disabled]display: inline; */
}
.resizePercLarge {
width: 50%;
min-width: 220px;
}
.resizePercSmall {
max-width: 46%;
min-width: 250px;
}
.floatLeftWithMargins {
float: left;
margin-right: 20px;
margin-bottom: 2px;
/* [disabled]margin-top: 10px; */
}
/* The point at which the column divs in the footer are no longer stacked and can be spread out horizontally */
#footer .footerContainer {
background-image: url(../images/backgrounds/footerBack.png);
padding-top: 0px;
background-position: left 40px;
}
#footer .footerContCol {
min-height: 0px;
/* [disabled]width: 100%; */
padding-left: 0px;
padding-right: 0px;
margin-left: 0px;
margin-right: 0px;
}
#footer .footerColLeft {
float: left;
width: 340px;
min-height: 0px;
/* [disabled]padding-left: 15px; */
/* [disabled]padding-right: 15px; */
margin-bottom: 20px;
/* [disabled]min-width: 390px; */
/* [disabled]margin-top: 80px; */
/* [disabled]margin-left: 260px; */
}
#footer .footerColMiddle {
float: left;
width: 360px;
/* [disabled]min-height: 330px; */
padding-left: 0px;
padding-right: 0px;
/* [disabled]padding-top: 42px; */
}
#footer .footerColRight {
width: 430px;
min-height: 0px;
padding-left: 0px;
/* [disabled]padding-right: 40px; */
text-align: left;
/* [disabled]padding-bottom: 10px; */
padding-top: 0px;
margin-bottom: 0px;
border-radius: 6px 0px 0px;
margin-top: 0px;
float: right;
}
#footerColRight1 {
margin-bottom: 20px;
}
#footerColRight2 {
}
#footerImage1Cont {
width: auto;
}
#footerImage2Cont {
width: auto;
}
#footerImage3Cont {
margin: 0px;
float: left;
clear: none;
}
#footerImage4Cont {
}
#footerImage4Cont {
}
#footerImage1Size {
width: 70px;
margin-top: 20px;
/* [disabled]margin-right: 10px; */
margin-left: 60px;
}
#footerImage2Size {
width: auto;
margin-top: 0px;
}
#footerImage3Size {
width: auto;
margin-top: 0px;
margin-right: 0px;
margin-left: 10px;
}
#footerImage4Size {
width: auto;
margin-top: 0px;
}
#footer .footerHeading {
width: 90px;
/* [disabled]float: left; */
margin-right: 12px;
}
#footer .footerHeading p {
line-height: 24px;
font-size: 20px;
text-align: right;
}
#footer .footerContent {
float: left;
width: 300px;
}
#footer .footerContent p {
line-height: 24px;
font-size: 20px;
/* [disabled]margin-bottom: 2px; */
text-align: left;
}
#footer .footerContent p a {
font-size: 20px;
line-height: 24px;
}
#footer .footerContactInfo p {
/* [disabled]font-size: 24px; */
/* [disabled]color: #1A4572; */
}
#footer .footerText p {
text-align: left;
/* [disabled]font-size:15px; */
margin-right: 0px;
}
#footer .footerEmail {
font-size: 110%;
}
#footer .footerPhone {
font-size: 190%;
letter-spacing: 1px;
}
/* Create Columns */
.cont3cols {
}
.cont4cols {
}
}
/* Hide 1st footer column on small screen when I need more room */
@media only screen and (max-width : 1070px) {
.hideFooterColOnPhone {
display: none;
}
}
@media only screen and (max-width : 768px) {
/* Page Title Backgrounds */
.pageBackground2cols {
background-image: none;
}
}
@media only screen and (min-width : 1024px) {
.footerContCol {
/* [disabled]max-width: 1232px; */
}
.footerCopyrightCol {
max-width: 1232px;
}
}
/* End 768 */
@media only screen and (min-width : 620px) {
/* Size at which the header contact container floats to the right */
/* (#) */
/* push content below header. For some reason a negative margin is needed */
#page-content {
/* [disabled]background-image: url(../images/backgrounds/pageBorder.png); */
/* [disabled]background-position: right 160px; */
/* [disabled]background-repeat: no-repeat; */
/* [disabled]background-attachment: fixed; */
/* [disabled]margin-top: -70px; */
}
/* Call 4 Action */
#call4actionContainer {
/* [disabled]min-width: 700px; */
/* [disabled]max-width: 900px; */
margin-bottom: 0px;
margin-top: 60px;
}
#call4actionHeader p {
font-size: 50px;
line-height: 40px;
}
.call4actionCol {
width: 90%;
padding-left:15px;
padding-right:15px;
margin-left:auto;
margin-right:auto;
}
.call4actionButtonCont {
float: none;
/* [disabled]width: 60%; */
/* [disabled]min-height: 50px; */
padding-left: 0px;
margin-right: auto;
margin-left: auto;
padding-right: 0px;
margin-top: -4px;
}
}
@media only screen and (min-width : 891px) {
/* show background image only on larger displays */
body {
/* [disabled]background-image: url(../images/backgrounds/body.png); */
/* [disabled]background-position: 40px top; */
/* [disabled]background-repeat: no-repeat; */
}
/* Change top-margin to push content below header */
#page-content {
}
/* decorative background behind contact info */
.contactBack {
z-index: -1;
font-size: 30px;
font-weight: 900;
color: #868686;
position: absolute;
/* [disabled]letter-spacing: -1px; */
}
.showLogoOnMobile {
display: none;
}
#topSlideshow {
}
#slideshowOverlay-logo {
left: 5%;
z-index: 80;
top: 5%;
}
#slideshowOverlay-logo img {
height: 220px;
width: auto;
}
#slideshowOverlay {
/* [disabled]top: 20%; */
}
#slideshowOverlay p span {
font-size: 3.2rem;
line-height: 3.4rem;
}
#slideshowOverlay h5 {
font-size: 3rem;
line-height: 2.4rem;
}
#slideshowOverlay p {
font-size: 2.5rem;
line-height: 2.8rem;
}
.Spacer4SlideshowHeight {
margin-top: 0px;
/* [disabled]clear: both; */
}
}
/* Slideshows */
@media only screen and (max-width : 700px) {
/* Hide large slideshow on small screens. The width is determined by width of mobile slideshow */
.slider_Large {
display: none
}
.slider_Mobile {
display: flex;
position: relative
}
}
@media only screen and (min-width : 700px) {
/* Hide small slideshow on large screens */
.slider_Mobile {
display: none;
}
.slider_Large {
display: flex;
position: relative
}
}