#masthead {
margin: 0;
padding: 0;
width: 100%;
max-width: 100%;
background: #f5f3f0;
position: fixed;
z-index: 111;
top: 0;
right: 0;
left: 0;
}
.auto-container {
width: 1400px;
margin: auto;
}body {
font-family: 'Roboto', sans-serif !important;
font-size: 1rem;
font-weight: 300;
line-height: 1.5;
color: #373737;
text-align: left;
}a {
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.site-logo {
float: left;
width: 22%;
}.header-inner {
width: 90%;
float: left;
}.phone-nav {
float: left;
width: 10%;
}
#site-navigation {
float: left;
width: 76%;
text-align: right;
}
.primary-menu-container {
float: right;
margin: 0 0 0;
}.header-inner-nav {
padding: 0 20px 0 0;
}.header-phone {
float: right;
padding: 40px 20px 0px 0;
}
.header-phone a {
font-size: 18px;
color: #353441 !important;
font-weight: 600;
letter-spacing: 1px;
text-decoration: none;
}.phone-nav li a {
width: 100%;
background: #e24b30;
float: left;
text-align: center;
text-decoration: none;
color: #fff !important;
padding: 18px 15px;
position: relative;
text-transform: uppercase;
font-weight: 800;
}
.phone-nav li a:hover
{
background:#ad2f18;
}
#primary-menu-list a {
color: #84827e;
font-size: 15px;
text-transform: uppercase;
padding: 10px 19px 9px 20px;
margin: 0;
-webkit-transition: all .3s cubic-bezier(.77,0,.175,1) 0s;
transition: all .3s cubic-bezier(.77,0,.175,1) 0s;
letter-spacing: 1px;
}
#primary-menu-list .menu-item-has-children a {
background: url(https://landmarkroof1.wpengine.com/wp-content/uploads/2023/02/drop-arrow.png) no-repeat right;
}
.sub-menu::before
{
display:none !important;
}
.sub-menu-toggle {
display: none !important;
}
#primary-menu-list .icon-plus {
display: inline-block !important;
vertical-align: top !important;
}
.entry-header.alignwide {
display: none;
}
#main {
padding: 0;
margin: 97px 0 0;
}
.entry-content {
margin: 0 !important;
}
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1400px;
}
.banner-outer {
padding: 200px 0 120px;
}
.banner-outer h2 {
font-weight: 500 !important;
font-family: 'Playfair Display', serif !important;
font-size: 3.75rem;
padding: 0 10%;
line-height: 70px;
}
.btn-outer a.elementor-button-link.elementor-button.elementor-size-sm {
padding: 0;
background: none;
font-family: 'Roboto', sans-serif;
letter-spacing: .1em;
font-size: 1.25rem;
text-transform: uppercase;
margin: 20px 0 0;
position:relative;
}
.btn-outer a.elementor-button-link.elementor-button.elementor-size-sm::after {
position: absolute;
bottom: -12px;
margin: auto;
left: 0;
right: 0;
content: "";
background: #fff;
height: 2px;
width: 100%;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.btn-outer a.elementor-button-link.elementor-button.elementor-size-sm:hover::after {
width:80%;
}
.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), [class*="inner-container"] > :not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .default-max-width {
max-width: 100% !important;
}
.field-main {
width: 100%;
float: left;
}
.field-main-left {
float: left;
width: 50%;
padding: 0 15px;
}
.field-main label {
text-transform: uppercase;
font-size: 1rem;
letter-spacing: 1.5px;
color: #fff;
font-family: 'Roboto', sans-serif;
margin: 20px 0 7px;
display: inline-block;
vertical-align: top;
}
.feild-outer {
width: 100%;
border: none !important;
}
textarea.feild-outer {
height: 160px;
}
.wpcf7-form-control.has-spinner.wpcf7-submit.field-btn {
padding: 0;
font-family: 'Roboto', sans-serif;
letter-spacing: .1em;
font-size: 1.25rem;
text-transform: uppercase;
margin: 180px 0 0;
position: relative;
background: none !important;
border:none;
border-bottom:2px solid #fff;
float: right;
}
.wpcf7-form-control.has-spinner.wpcf7-submit.field-btn {
color:#fff;
}
.contact-outer h2 {
font-size: 1.75rem;
font-weight: 500 !important;
letter-spacing: 0;
line-height: 1.2;
font-family: 'Playfair Display', serif !important;
}
.contact-outer {
padding: 80px 0;
}
.about-outer {
padding: 230px 0 0;
margin: 0 0 -100px;
z-index: 1;
}
.built-img img {
max-width: 100% !important;
width: 100% !important;
}
.about-outer h3 {
font-size: .875rem;
font-family: 'Roboto', sans-serif !important;
text-transform: uppercase;
font-weight: 500 !important;
position: relative;
}
.about-outer h3::after {
content: "";
position: absolute;
top: 7px;
background: #997c55;
left: -44px;
width: 33px;
height: 1px;
}
.about-outer h2 {
font-size: 2.5rem;
font-weight: 500 !important;
font-family: 'Playfair Display', serif !important;
line-height: 50px;
}
.about-outer p {
font-size: 20px;
line-height: 1.7;
font-family: 'Roboto', sans-serif !important;
font-weight: 300 !important;
}.about-left {
padding: 0 12% 0 50px;
}.about-left .btn-outer a.elementor-button-link.elementor-button.elementor-size-sm {
font-size: 18px;
color: #ad2f18;
}
.about-left .btn-outer a.elementor-button-link.elementor-button.elementor-size-sm::after
{
background:#ad2f18;
}
.port-folio {
padding: 70px 0;
margin: -3px 0 0;
}
.port-folio h3 {
font-size: 16px;
line-height: 1.7;
font-family: 'Roboto', sans-serif !important;
font-weight: 300 !important;
text-transform: uppercase;
position: relative;
padding: 0 0 16px;
}
.port-folio h3::after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #fff;
width: 50px;
height: 1px;
content: "";
margin: auto;
}
.title-outer h2 {
font-size: 46px;
font-weight: 100 !important;
font-family: 'Playfair Display', serif !important;
}
.portfolio-img-outer {
padding: 20px 110px 0;
}.portfolio-img img {
max-width: 100% !important;
}.portfolio-img1 {
padding: 50px 0 0;
}.slider-inner-left {
float: left;
width: 65%;
padding: 10px 0 0;
}
.slider-inner-right {
width: 30%;
float: left;
text-align: center;
padding: 0 20px 50px;
}
.slider-inner-right img {
width: 210px !important;
height: 210px !important;
border-radius: 100%;
object-fit: cover;
-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.33);
box-shadow: 0 15px 30px rgba(0,0,0,.33);
}
.slider-inner-left p {
font-size: 2.125rem;
font-style: italic;
line-height: 1.5;
font-family: 'Playfair Display', serif !important;
color: #373737;
}
.slider-inner-left h3 {
font-size: 19px;
text-transform: uppercase;
margin: 30px 0 0;
font-weight: 100;
line-height: 30px;
}
.slider-outer {
padding: 100px 0px 0;
}
.slider-inner {
float: left;
width: 100%;
padding: 0 80px;
}
.about-outer.roofing {
padding: 50px 0 0;
margin: -3px 0 0;
}
.about-outer.roofing .about-left {
padding: 130px 100px 0 30px;
}
.roof-inner {
padding: 30px;
}
.roof-inner .elementor-widget-wrap.elementor-element-populated {
background: hsla(36,20%,95%,.9) !important;
height: 410px;
}
.roof-inner h2 {
font-style: italic;
line-height: 1.5;
font-family: 'Playfair Display', serif !important;
font-size: 30px;
}
.roof-inner .elementor-widget-heading {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.about-outer.proudly {
padding: 80px 0;
margin: 0;
}
.social-icons {
margin: 20px 0;
}
.insta-outer {
padding: 20px 310px 0;
}
.follow-us-outer {
margin: 0 0 -100px;
z-index: 1;
}
.widget-area {
display: none !important;
}
.entry-footer.default-max-width {
display: none !important;
}
#colophon {
width: 100%;
padding: 60px 0;
margin: 0;
background: url(https://landmarkroof1.wpengine.com/wp-content/uploads/2023/02/bg_pattern.png) repeat;
max-width: 100%;
}
.footer-top {
float: left;
width: 100%;
padding: 40px 0 60px;
}
.footer-top-left {
float: left;
width: 50%;
padding: 0 0 0;
}
.footer-top-right {
float: left;
width: 50%;
padding: 0 0 0 30px;
}
.footer-top-left li {
width: 33.33%;
float: left;
padding: 0 20px 0 0px;
}
.footer-top-left li a {
background: #fff;
float: left;
width: 100%;
height: 100px;
margin: 10px 0;
text-align: center;
position: relative;
padding: 0 20px;
}
.footer-top-left li:nth-child(3) a img {
width: 100%;
}
.footer-top-left li a img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.footer-top-right h2 {
font-size: 50px;
font-weight: 100;
font-family: 'Playfair Display', serif;
color: #fff;
margin: 0 0 16px;
}
.footer-get-started a {
position: relative;
color: #fff !important;
text-decoration: none;
font-family: 'Roboto', sans-serif;
font-size: 17px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
}
.footer-get-started a::after {
position: absolute;
bottom: -7px;
margin: auto;
left: 0;
right: 0;
content: "";
background: #fff;
height: 2px;
width: 100%;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.footer-get-started a:hover::after {
width: 80%;
}
.footer-get-left {
float: left;
width: 50%;
padding: 0 20px 0 0;
}
.footer-get-inner {
float: left;
width: 100%;
margin: 60px 0 0;
}
.footer-get-started {
float: left;
width: 100%;
}
.footer-get-left p {
color: #fff;
font-size: 18px;
}.footer-get-left.footer-get-left a {
color: #fff;
font-weight: 700;
font-size: 18px;
margin: 10px 0 0;
text-decoration:none;
display: inline-block;
vertical-align: top;
}
.footer-inner {
float: left;
width: 100%;
border-top: 1px solid #505e71;
padding: 30px 0 0;
}
.footer-inner-left {
float: left;
width: 50%;
}
.footer-inner-left li {
float: left;
border-right: 3px solid #fff;
line-height: 14px !important;
margin: 0 12px 0 0px;
padding: 0 12px 0 0px;
}
.footer-inner-left li:last-child
{
border:none;
}
.footer-inner-left li a {
color: #fff !important;
text-decoration: none;
font-weight: 600;
font-size: 18px;
}
.footer-inner-left p {
float: left;
width: 100%;
color: #fff;
font-size: 20px;
}
.footer-inner-right {
float: left;
width: 50%;
text-align: right;
padding: 28px 0 0;
}
.footer-inner-right ul {
float: right;
}.footer-inner-right li {
float: left;
margin: 0 0 0 20px;
}
.footer-inner-right li a {
color: #fff !important;
font-size: 26px;
}
.roofing-para p {
font-size: 19px;
font-weight: 300 !important;
line-height: 30px;
padding: 50px 25% 20px;
}
.about-outer.discover {
padding: 80px 18% 0;
}
.about-outer.discover .about-left {
padding: 0 0 0 20px;
}
.btn-outer.btn-outer2 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: none;
}
.roof-inner:hover .elementor-widget-wrap.elementor-element-populated {
background: rgba(226,75,48,.9) !important;
}
.roof-inner:hover .elementor-widget-wrap.elementor-element-populated h2 {
color: #fff !important;
}
.roof-inner:hover .elementor-widget-wrap.elementor-element-populated .elementor-widget-heading {
top: 40%;
}
.roof-inner:hover .elementor-widget-wrap.elementor-element-populated .btn-outer.btn-outer2 {
display:block;
}
.btn-outer.btn-work {
position: absolute;
top: 41%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(226,75,48,.9) ;
width: 82%;
height: 65%;
display:none;
}
.btn-outer.btn-work a.elementor-button-link.elementor-button.elementor-size-sm {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 16px;
width: 57%;
}
.portfolio-img-outer.built-quality .portfolio-img2 .btn-outer.btn-work {
height: 79%;
top: 48%;
}
.portfolio-img  .elementor-widget-wrap.elementor-element-populated:hover .btn-outer.btn-work
{
display:block;
}
.slider-outer .autohide-arrows .owl-nav {
display: block !important;
}
.slider-outer .autohide-arrows .owl-nav {
display: block !important;
bottom: 0 !important;
position: absolute;
right: 13%;
width: 100px;
}
.slider-outer .white .sa_owl_theme .owl-nav .owl-prev {
background: url(https://landmarkroof1.wpengine.com/wp-content/uploads/2023/02/left-arrow.png) no-repeat top center !important;
}
.slider-outer .white .sa_owl_theme .owl-nav .owl-next {
background: url(https://landmarkroof1.wpengine.com/wp-content/uploads/2023/02/right-arrow.png) no-repeat top center !important;
}
.slider-outer .white .sa_owl_theme .owl-nav .owl-prev:hover {
background: url(https://landmarkroof1.wpengine.com/wp-content/uploads/2023/02/left-arrow.png) no-repeat top center !important;
}
.slider-outer .white .sa_owl_theme .owl-nav .owl-next:hover {
background: url(https://landmarkroof1.wpengine.com/wp-content/uploads/2023/02/right-arrow.png) no-repeat top center !important;
}.insta-con {
position: absolute;
top: 30px;
left: 0;
height: 63%;
width: 74% !important;
margin: auto;
right: 0;
display:none;
background: rgba(226,75,48,.9) ;
}
.insta-con .elementor-social-icons-wrapper.elementor-grid {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.insta-inner:hover .insta-con
{
display:block;
}.banner-outer.banner-inner {
padding: 180px 0 200px;
}
.expert-para {
padding: 80px 26%;
}
.expert-para p {
font-weight: 300 !important;
font-size: 19px;
line-height: 29px;
}
.about-outer.need-roof.reroof {
margin: 0;
padding: 10px 0 120px;
}
.flashlight ul {
padding: 0;
margin: 0;
list-style: none;
}
.flashlight li {
font-size: 18px;
font-weight: 700;
margin: 12px 0;
position: relative;
padding: 0 0 0 19px;
}
.flashlight li::after {
position: absolute;
top: 11px;
left: 0;
background: #f00;
width: 7px;
height: 7px;
content: "";
border-radius: 100%;
}
.cedar-outer img {
width: 177px !important;
height: 177px !important;
border-radius: 100%;
object-fit: cover;
}
.cedar-outer h2 {
font-size: 2.5rem;
font-weight: 500 !important;
font-family: 'Playfair Display', serif !important;
}
.cedar-outer p {
font-size: 20px;
line-height: 1.7;
font-family: 'Roboto', sans-serif !important;
font-weight: 300 !important;
}
.cedar-outer {
padding: 0 50px 30px;
}.davinci {
padding: 0 15%;
}
.cedar-outer {
margin: -40px 0 0;
}
.begin-left {
padding: 0 40px 0 0;
}
.begin {
padding: 20px 310px 0 0px;
}
.begin-right h4 {
font-size: 30px;
font-weight: 500 !important;
font-family: 'Playfair Display', serif !important;
}
.begin-right p {
font-size: 18px;
line-height: 1.5;
font-family: 'Roboto', sans-serif !important;
font-weight: 300 !important;
}
.port-folio.our-process h3::after
{
background:#997C55;
}
.port-folio.our-process h2 {
margin: 0 0 50px;
}
.about-outer.need-roof.free {
padding: 70px 0 0;
}
.about-outer.need-roof.free::after
{
background:#ebe7e1;
height:1px;
width:60%;
position:absolute;
top:0;
left:0;
right:0;
margin:auto;
content:"";
}
.about-outer.natural-look {
padding: 0 0 110px;
margin: 0;
}
.about-outer.natural-look .about-left {
padding-top: 80px;
}
.natural-img {
margin: -80px 0 0;
}
.installed-cedar::after {
background: url(https://landmarkroof1.wpengine.com/wp-content/uploads/2023/02/bg_pattern.png) repeat;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 500px;
z-index: -1;
}
.installed-cedar .portfolio-img1 {
padding: 0;
}
.installed-cedar .elementor-widget.elementor-widget-image {
margin: 0;
}
.installed-cedar .portfolio-img-outer {
padding: 0px 110px 0;
}
.btn-outer.btn-work {
top: 50%;	
height: 83%;
}
.btn-gallery .btn-outer a.elementor-button-link.elementor-button.elementor-size-sm {
color: #e24b30;
}
.btn-gallery .btn-outer a.elementor-button-link.elementor-button.elementor-size-sm {
color: #ad2f18;
font-size: 17px;
}
.btn-gallery {
padding: 20px 0 0;
}
.projects-btns {
text-align: center;
padding: 10px 0 30px;
}
.projects-btns ul {
padding: 0;
margin: 0;
list-style: none;
}
.projects-btns li {
display: inline-block;
vertical-align: top;
}
.projects-btns li a {
transition: all .2s ease-in-out;
padding: 12px 20px;
font-size: 15px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
margin: 0 20px;
display: inline-block;
vertical-align: top;
}
.projects-btns li a:hover {	
background: #e24b30 !important;
border-color: #19212b !important;
color: #fff !important;
-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.33) !important;
box-shadow: 0 15px 30px rgba(0,0,0,.33) !important;
}
.projects-btns li a.active-btn {	
background: #e24b30 !important;
border-color: #19212b !important;
color: #fff !important;
-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.33) !important;
box-shadow: 0 15px 30px rgba(0,0,0,.33) !important;
}
.achive-img {
margin: -100px 0 0 0;
}
.achive-img img {
border-radius: 100%;
}
.our-mission-outer h2 {
font-style: italic;
font-weight: 100 !important;
font-family: 'Playfair Display', serif !important;
font-size: 32px;
line-height: 46px;
padding: 20px 16% 10px;
}
.our-mission-outer .elementor-button-link.elementor-button.elementor-size-sm {
font-size: 16px !important;
}
.our-mission-outer {
padding: 0 0 90px;
}
.about-left.family-outer {
padding: 0;
}
.family-outer img {
max-width: 100% !important;
}
.family-outer h2 {
font-size: 36px;
margin: 0 !important;
}
.family-outer p {
font-size: 20px;
line-height: 1.7;
font-family: 'Roboto', sans-serif !important;
font-weight: 300 !important;
}
.about-outer.employment {
padding: 90px 0;
margin: 0 0 0px;
}
.safety-right .elementor-widget-wrap.elementor-element-populated {
padding: 120px !important;
}
.sm-title h3 {
font-size: .875rem;
font-family: 'Roboto', sans-serif !important;
text-transform: uppercase;
font-weight: 500 !important;
position: relative;
}
.sm-title h3::after {
content: "";
position: absolute;
top: 7px;
background:#997c55;
left: -44px;
width: 33px;
height: 1px;
}
.main-title h2 {
font-size: 2.5rem;
font-weight: 500 !important;
font-family: 'Playfair Display', serif !important;
line-height: 50px;
}
.title-para p {
font-size: 20px;
line-height: 1.7;
font-family: 'Roboto', sans-serif !important;
font-weight: 300 !important;
}
.safety-left .elementor-widget-image {
height: 100%;
}
.safety-left .elementor-widget-container {
height: 100%;
}
.safety-left img {
height: 100% !important;
object-fit: cover;
}
.intaller-bussiness {
margin: 50px 0;
}
.intaller-bussiness h3 {
font-size: 36px;
font-weight: 100 !important;
font-family: 'Playfair Display', serif !important;
}
.intaller-bussiness h4 {
font-size: 20px;
font-family: 'Roboto', sans-serif !important;
font-weight: 400 !important;
margin: 20px 0 10px;
line-height: 30px;
}
.intaller-bussiness img {
max-width: 200px !important;
}
.intaller-bussiness.roof-should h4 {
font-size: 19px;
font-weight: 600 !important;
letter-spacing: 1px;
text-transform: uppercase;
}
.current-open {
padding: 60px 20% 80px;
}
.roof-title h3 {
font-size: 19px;
font-weight: 600 !important;
letter-spacing: 1px;
text-transform: uppercase;
}
.current-open-inner {
padding: 40px 0 0;
}
.current-open-inner .btn-outer a.elementor-button-link.elementor-button.elementor-size-sm {
font-size: 18px;
letter-spacing: inherit;
}
.current-open-inner .btn-outer a.elementor-button-link.elementor-button.elementor-size-sm::after {
background: #E24B30;
}
.visa-option .elementor-icon-list-text {
font-size: 18px;
color: #000;
font-weight: 700 !important;
}
.visa-option .elementor-icon-list-item {
margin: 10px 0;
}
.visa-option a {
color: #e24b30;
}
.intaller-bussiness2 {
padding: 0 0 50px;
}
.privacy a {
color: #e24b30 !important;
}
.address-outer ul {
list-style: none;
padding: 0;
margin: 0;
}
.address-outer li {
width: 50%;
float: left;
padding: 20px 20px 20px 0;
color: #fff;
}
.address-outer li strong {
float: left;
width: 38px;
font-size: 38px;
}
.address-outer li strong i {
vertical-align: top;
}
.address-outer li span {
font-size: 20px;
font-weight: 600;
padding: 0 0 0 10px;
float: left;
width: 88%;
}
.address-outer li span a {
color: #fff;
}
.contact-left {
padding: 50px 70px 0px 0;
}
.contact-left iframe {
height: 420px;
}
.contact-right {
margin: -60px 0 0;
}
.qurstion-inner .elementor-widget-wrap.elementor-element-populated {
padding: 40px;
}.qurstion-inner .field-main-left {
padding: 0;
width: 100%;
}
.qurstion-inner .wpcf7-form-control.has-spinner.wpcf7-submit.field-btn {
margin: 0;
}.contact-inner {
padding: 0 0 100px;
margin: 0 0 112px;
}
.quote-form {
padding: 0 28%;
}
.quote-form label {
font-size: 18px;
font-family: 'Roboto', sans-serif !important;
margin: 20px 0 10px;
line-height: 30px;
float: left;
width: 100%;
text-transform: uppercase;
letter-spacing: 1px;
}
.quote-field {
-webkit-box-shadow: inset 0 1px 1px rgba(55,55,55,.075);
box-shadow: inset 0 1px 1px rgba(55,55,55,.075);
-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
font-family: Open Sans,Roboto,Helvetica Neue,Arial,sans-serif;
color: #beb9b1;
border: none !important;
width: 100%;
outline: none !important;
}
.quote-field:focus {
color: #495057;
background-color: #fff;
border-color: #5b769b;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(55,55,55,.075),0 0 0 .2rem rgba(44,57,75,.25);
box-shadow: inset 0 1px 1px rgba(55,55,55,.075),0 0 0 .2rem rgba(44,57,75,.25);
}
.quote-form .wpcf7-list-item {
width: 100%;
}
.quote-form .wpcf7-list-item label {
margin: 0;
border: none !important;
box-shadow: inherit !important;
}
.wpcf7-checkbox.quote-field {
box-shadow: inherit !important;
color: #000;
}
.quote-field .wpcf7-list-item-label {
margin: 0 0 0 14px;
display: inline-block;
vertical-align: top;
}
textarea.quote-field {
height: 120px;
}
.quote-form .field-btn {
margin: 0 !important;
color: #e24b30 !important;
border-bottom: 3px solid #e24b30 !important;
}
.quote-form {
padding: 0 28% 110px;
}
.ready-inner {
padding: 250px 18% 0;
}
.ready-inner img {
border-radius: 100%;
width: 210px !important;
height: 210px !important;
object-fit: cover;
max-width: 210px !important;
margin: -130px 0 20px;
-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.33);
box-shadow: 0 15px 30px rgba(0,0,0,.33);
}
.ready-inner .elementor-widget-wrap.elementor-element-populated {
padding: 10px 20px 80px;
}
.redmond-right-inner {
background-color: #f5f3f0;
-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.33);
box-shadow: 0 15px 30px rgba(0,0,0,.33);
margin-top: -50px;
padding: 35px 40px 60px;
}
.redmond-right {
padding: 0 0 0 100px;
}
.redmond-right-inner h3 {
font-size: 17px;
text-transform: uppercase;
font-weight: 300 !important;
}
.redmond-right-inner h2 {
font-size: 18px;
font-weight: 500 !important;
text-transform: uppercase;
text-transform: ;
letter-spacing: 1px;
}
.redmond-right-inner .elementor-widget-heading {
margin: 0;
}
.redmond-right-inner h3 {
font-size: 17px;
text-transform: uppercase;
font-weight: 300 !important;
margin: 30px 0 9px;
}
.social-icons ul {
margin: 0;
padding: 0;
list-style: none;
}
.social-icons li {
float: left;
}.social-icons li a {
float: left;
text-align: center;
height: 38px;
width: 38px;
font-size: 17px;
background: ;
background: #ebe7e1;
border-radius: 100%;
margin: 0 13px 0 0;
padding: 5px 0 0;
color: #e24b30;
}
.social-icons li a:hover
{
color:#fff;
background:#e24b30;
}
.redmond-left {
padding: 50px 0 0;
}
.social-icons {
margin: 0;
}
.top-quilty {
padding: 80px 0 100px;
}
.top-quilty-inner {
padding: 0 0 60px;
}
.quality-slider .elementor-swiper-button.elementor-swiper-button-prev {
left: inherit;
right: 120px;
top: 88%;
background: #fff;
color: #e24b30;
padding: 16px 12px;
font-size: 40px;
}
.quality-slider .elementor-swiper-button.elementor-swiper-button-next {
left: inherit;
right: 56px;
top: 88%;
background: #fff;
color: #e24b30;
padding: 16px 12px;
font-size: 40px;
}
.top-quilty.similar-pro {
padding-bottom: 0;
}
.title-outer.roofinh-title h2 {
font-size: 64px;
}
.roof-title2 h3 {
font-family: 'Roboto', sans-serif !important;
font-weight: 600 !important;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 20px;
margin: 30px 0 0;
}
.roof-position .field-main label {
color: #353441;
font-weight: 800;
}
.roof-position .feild-outer {
width: 100%;
border: none !important;
border: 1px solid #beb9b1 !important;
}
.roof-position .field-main-left {
width: 100%;
}
.roof-position .wpcf7-form-control.has-spinner.wpcf7-submit.field-btn {
color: #f00;
margin:30px 0 0;
border-color: #f00;
}
.upload {
margin: 30px 0 0;
}
.roof-position .field-main {
width: 50%;
}
.roof-position {
padding: 0 0 80px;
}
.social-outer ul {
float: right;
}
.social-outer .social-icons li {
width: 100%;
text-align: right;
margin: 10px 0;
}
.social-outer .social-icons li a {
float: right;
}
.page-id-1036 #masthead {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 1009;
background: #f5f3f0;
-webkit-box-shadow: 0 0 10px 3px rgba(55,55,55,.3);
box-shadow: 0 0 10px 3px rgba(55,55,55,.3);
}
.intaller-bussiness.roofing-install {
margin: 160px 0 50px;
}
.media-img-sticky ul {
position: fixed;
}
.page-id-1040 #masthead {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 1009;
background: #f5f3f0;
-webkit-box-shadow: 0 0 10px 3px rgba(55,55,55,.3);
box-shadow: 0 0 10px 3px rgba(55,55,55,.3);
}
.page-id-1042 #masthead {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 1009;
background: #f5f3f0;
-webkit-box-shadow: 0 0 10px 3px rgba(55,55,55,.3);
box-shadow: 0 0 10px 3px rgba(55,55,55,.3);
}
.about_us_banner {
text-align: center;
padding: 23.125rem 15px 7.1875rem;
}
.about_us_banner li {
color: #fff;
list-style: none;
}
.about_us_banner ul {
padding: 0;
margin: 0;
list-style: none;
}
.about_us_banner ul li a {
color: #fff;
font-size: .875rem;
text-transform: uppercase;
font-weight: 600;
text-decoration: none;
}
.about_us_banner h1 {
font-size: 3.75rem;
font-weight: 500 !important;
font-family: 'Playfair Display', serif !important;
color: #fff;
padding: 30px 10% 0;
line-height: 70px;
}
.about_us_banner {
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
position: relative;
margin: 0 !important;
}
.about_us_banner::after {
content: "";
background: #00000017;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.about_us_banner .auto-container {
z-index: 1;
position: relative;
}
.post-inner-left p {
font-size: 1.125rem;
line-height: 1.7;
font-family: 'Roboto', sans-serif;
font-weight: 300;
margin: 0 0 20px;
color: #373737;
}
.post-inner-left h2 {
font-size: 2.5rem;
font-weight: 100;
font-family: 'Playfair Display', serif;
margin: 30px 0 10px;
}
#comments {
display: none;
}
.post-inner-left {
width: 83%;
float: left;
}
.post-inner-right {
float: left;
width: 17%;
padding: 0 0 0 40px;
}
.post-inner-right ul {
list-style: none;
margin: 0;
padding: 0;
float: right;
}
.post-inner-right li {
width: 100%;
margin: 0 0 20px;
}
.post-inner-right li a {
float: right;
}
.post-inner-left h3 {
font-size: 1.75rem;
font-weight: 100;
font-family: 'Playfair Display', serif;
margin: 30px 0 10px;
}
.related-stories {
width: 100%;
float: left;
position: relative;
padding: 80px 0;
}
.related-stories h4 {
text-align: center;
color: #997c55;
text-transform: uppercase;
font-size: .875rem;
font-family: 'Roboto', sans-serif;
font-weight: 400;
margin: 0 0 60px;
position: relative;
padding: 0 0 20px;
}
.related-stories h4::after {
background: #997c55;
content: "";
width: 35px;
height: 1px;
position: absolute;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}
.related-stories li {
width: 33.33%;
float: left;
padding: 0 20px;
clear: inherit !important;
}
.related-stories li .upl-post-thumbnail img {
-webkit-box-shadow:0 16px 20px rgba(0,0,0,.33);
box-shadow:0 16px 20px rgba(0,0,0,.33);
margin-bottom: 40px !important;
}
.related-stories li .upl-post-date {
color: #997c55;
font-family: 'Roboto', sans-serif;
font-size: .875rem;
text-transform: uppercase;
}
.related-stories li .upl-post-title {
font-size: 1.75rem;
font-weight: 100;
font-family: 'Playfair Display', serif;
margin: 30px 0 10px;
color: #373737;
}
.related-stories li .upl-post-title a {
color: #373737;
text-decoration: none;
}
.related-stories li .upl-post-excerpt {
font-size: 1.125rem;
line-height: 1.7;
font-family: 'Roboto', sans-serif;
font-weight: 300;
margin: 0 0 20px;
color: #373737;
}
.navigation.post-navigation {
display: none;
}
.related-stories::after {
content: "";
background: url(https://landmarkroof1.wpengine.com/wp-content/uploads/2023/02/bg_pattern.png);
width: 100%;
height: 250px;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: -1;
}
.date-post {
text-transform: uppercase;
font-size: 17px;
font-weight: 400;
margin: 0 0 60px;
border-bottom: 2px solid #f5f3f0;
padding: 0 0 40px;
}
.date-post h6 {
color: #997c55;
margin: 0 0 15px;
}
.post-inner {
padding: 30px 0 0;
}
.post-inner-left ul {
padding: 10px 0 25px 30px;
list-style: none;
margin: 0;
}
.post-inner-left li {
font-size: 18px;
color: #000;
font-weight: 600;
margin: 0 0 10px;
position: relative;
padding: 0 0 0 14px;
}
.post-inner-left li::after {
position: absolute;
background: #f00;
content: "";
top: 12px;
left: 0;
width: 7px;
height: 7px;
border-radius: 100%;
}
.category-banner {
text-align: center;
margin: 0 !important;
background: url(https://landmarkroof1.wpengine.com/wp-content/uploads/2023/02/5de5623abad7e.png) no-repeat top center;
padding: 23.125rem 15px 7.1875rem;
background-size: cover;
width: 100%;
}
.category-banner::after {
content: "";
background: #00000017;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.category-banner .auto-container {
z-index: 1;
position: relative;
}
.category-banner h2 {
font-size: 3.75rem;
font-weight: 500 !important;
font-family: 'Playfair Display', serif !important;
color: #fff;
padding: 30px 10% 0;
line-height: 70px;
}
.categories-outer::after {
content: "";
background: url(https://landmarkroof1.wpengine.com/wp-content/uploads/2023/02/bg_pattern.png);
width: 100%;
height: 341px;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: -1;
}
.categories-outer {
position: relative;
padding: 80px 0;
margin: 0;
float: left;
width: 100%;
}
.categories-inner ul {
padding: 0;
margin: 10px 0 0;
list-style: none;
text-align: center;
}
.categories-inner.projects-btns li a {
transition: all .2s ease-in-out;
padding: 12px 20px;
font-size: 15px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
margin: 0 20px;
text-decoration: none;
}
.categories-inner.projects-btns li.current-cat a {
background: #e24b30 !important;
border-color: #19212b !important;
color: #fff !important;
-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.33) !important;
box-shadow: 0 15px 30px rgba(0,0,0,.33) !important;
}
.categories-posts article {
width: 33.33%;
float: left;
padding: 0px 15px;
position: relative;
min-height: 710px;
}
.categories-posts article .post-thumbnail-inner.alignwide img {
height: 220px !important;
object-fit: cover;
}
.categories-posts article h2 {
position: absolute;
font-size: 1.75rem;
font-weight: 100;
font-family: 'Playfair Display', serif;
margin: 30px 0 10px;
top: 300px;
height: 72px;
float: left;
color:#373737;
overflow: hidden;
}.categories-posts article h2 a {
text-decoration: none;
}
.categories-posts article .entry-content {
margin: 105px 0 0 !important;
font-size: 18px;
}
.categories-posts article .entry-content .more-link {
color: #e24b30;
font-size: 19px;
font-weight: 500;
display: block ruby;
}
.categories-posts article a:hover
{
color:#ad2f18;
}
.category-banner h2 {
z-index: 1;
}
.sub-menu {
-webkit-transition: visibility 0s cubic-bezier(.77,0,.175,1) .2s,opacity .3s cubic-bezier(.77,0,.175,1) 0s !important;
transition: visibility 0s cubic-bezier(.77,0,.175,1) .2s,opacity .3s cubic-bezier(.77,0,.175,1) 0s !important;
background: #997c55;
padding: 25px 45px 0 !important;
border: none !important;
width: 200px;
}
.sub-menu li a {
background: none !important;
padding: 0 !important;
color: #fff !important;
}
.sub-menu li {
background: none !important;
text-align: left;
margin: 17px 0 !important;
}
.sub-menu::after
{
display:none !important;
}
#rmp_menu_trigger-1182 .responsive-menu-pro-inner, #rmp_menu_trigger-1182 .responsive-menu-pro-inner::before, #rmp_menu_trigger-1182 .responsive-menu-pro-inner::after {
background-color: #000;
}
#rmp_menu_trigger-1182:hover, #rmp_menu_trigger-1182:focus {
background: none !important;
text-decoration: none !important;
outline: none;
}
#rmp_menu_trigger-1182:hover .responsive-menu-pro-inner, #rmp_menu_trigger-1182:hover .responsive-menu-pro-inner::before, #rmp_menu_trigger-1182:hover .responsive-menu-pro-inner::after {
background-color: #000;
}
#rmp_menu_trigger-1182 {
background: transparent;
}
.menu-item-has-children:hover .sub-menu {
display: block;
}.sub-menu {
display: none;
}
#rmp-container-1182 {
background-color: #2c394b;
padding-top: 60px;
}
#rmp-menu-1182 a {
background: none !important;
text-transform: uppercase;
font-weight: 500 !important;
letter-spacing: 1px !important;
font-size: 14px !important;
border-top: 1px solid #595959;
}#rmp_menu_trigger-1182.is-active {
background: none;
}
#rmp_menu_trigger-1182 {
padding: 0 !important;
width: 24px;
height: 33px;
top: 12px;
right: 15px;
}
#rmp_menu_trigger-1182 {
top: 32px;
right: 15px;
}
#rmp_menu_trigger-1182.is-active {
top: 10px;
}
#rmp_menu_trigger-1182:hover::before
{
background:#fff;
}
#rmp_menu_trigger-1182:hover::after
{
background:#fff;
}
.review-left .elementor-widget.elementor-widget-image img {
width: 150px !important;
height: 150px !important;
object-fit: cover;
border-radius: 100%;
}
.review-left {
padding: 20px 60px;
}
.title-para.title-para2 p {
font-weight: 400 !important;
}
.review-outer {
padding: 50px 0;
}
#primary-menu-list a:hover
{
text-decoration:none !important;
}
#primary-menu-list a:focus
{
outline:none !important;
background:none !important;
text-decoration:none !important;
}
#menu-item-1138 {
margin: 7px 0px 22px -20px !important;
}
#menu-item-1138 a {
font-weight: 700;
text-transform: uppercase !important;
}
.sub-menu li a {
text-transform: capitalize !important;
}
#menu-item-1148 a {
font-weight: 700;
text-transform: uppercase !important;
}
#menu-item-1148 {
margin: 22px 0px 2px -20px !important;
}
.current_page_item a {
color: #987b55 !important;
text-decoration: none !important;
}
.sub-menu li a:hover
{
color:#433e43 !important;
}
.sub-menu .current_page_item a
{
color:#433e43 !important;
}
#menu-item-1151 {
margin: 7px 0px 22px -20px !important;
}
#menu-item-1151 a {
font-weight: 700;
text-transform: uppercase !important;
}
#menu-item-1158 a {
font-weight: 700;
text-transform: uppercase !important;
}
#menu-item-1158 {
margin: 22px 0px 2px -20px !important;
}
.phone-nav li {
position: relative;
}
.phone-nav li::after {
content: "";
top: 65px;
right: 0;
left: 0;
width: 50px;
height: 2px;
background: #b5341d;
margin: auto;
position: absolute;
}
.portfolio-img-outer.built-quality .btn-outer.btn-work {
top: 41%;
height: 65%;
}
#menu-item-1160 .sub-menu li a{
font-weight: 700;
text-transform: uppercase !important;
}
#menu-item-1160 .sub-menu li {
margin: 7px 0px 22px -20px !important;
}
#menu-item-1166 .sub-menu li a{
font-weight: 700;
text-transform: uppercase !important;
}
#menu-item-1166 .sub-menu li {
margin: 7px 0px 22px -20px !important;
}
#menu-item-1174 .sub-menu li a{
font-weight: 700;
text-transform: uppercase !important;
}
#menu-item-1174 .sub-menu li {
margin: 7px 0px 22px -20px !important;
}
#menu-item-1180 .sub-menu li a{
font-weight: 700;
text-transform: uppercase !important;
}
#menu-item-1180 .sub-menu li {
margin: 7px 0px 22px -20px !important;
}
#menu-item-1184 .sub-menu {
padding-bottom: 25px !important;
}
#menu-item-1150 .sub-menu {
padding-bottom: 25px !important;
}.built-img.img-built img {
margin: -110px 0 0;
}
.port-btn .elementor-button-link.elementor-button.elementor-size-sm {
color: #e24b30;
font-size: 16px !important;
}
.port-btn .elementor-button-link.elementor-button.elementor-size-sm::after
{
background:#e24b30 !important;
}
.port-btn .elementor-button-link.elementor-button.elementor-size-sm:hover
{
color:#ad2f18;
}
.port-btn .elementor-button-link.elementor-button.elementor-size-sm::after:hover
{
background:#ad2f18 !important;
}
.resi-border {
border-top: 25px solid #997C55;
}
.recaptcha {
margin: 20px 0 0;
display: inline-block;
}.banner-inner::after {
content: "";
position: absolute;
height: 75px;
width: 1px;
background: #beb9b1;
bottom: -35px;
left: 0;
right: 0;
margin: auto;
}.astm-search-menu.is-menu.is-dropdown.menu-item a {
padding: 10px 0 0 11px !important;
}
#menu-item-1514 {
margin: 7px 0px 22px -20px !important;
}
#menu-item-1514 a{
font-weight: 700;
text-transform: uppercase !important;
}
#menu-item-1512 {
margin: 7px 0px 0 -20px !important;
float: left;
}
#menu-item-1512 a{
font-weight: 700;
text-transform: uppercase !important;
}
#menu-item-1517 {
margin: 7px 0px 22px -20px !important;
}
#menu-item-1517 a{
font-weight: 700;
text-transform: uppercase !important;
}
#menu-item-1511 {
margin: 7px 0px 0 -20px !important;
float: left;
}
#menu-item-1511 a{
font-weight: 700;
text-transform: uppercase !important;
}
.categories-posts {
border: none !important;
background: none !important;
margin: auto;
max-width: 1170px;
}
.navigation.pagination {
display: none;
}