:root{
--primary:rgb(139,0,0);
--light:rgb(255,234,234);
font-family: "Segoe UI", Arial, sans-serif;
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 0;
margin: 0;
padding: 0;
}
body{
margin: 0;
}
ul {
display: block;
list-style-type: none;
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 0;
}
.flex-center{
display: flex;
justify-content: center;
align-items: center;
}
.nav-outer{
width: 100%;
min-height: 100px;
background-color: var(--primary);
flex-wrap: wrap;
}
.nav-inner-top{
width: 100%;
max-width:1800px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
flex-basis: 100%;
}
.nav-logo-container{
padding: 15px 25px 15px 50px;
}
#nav-img{
max-height: 62px;
}
.nav-items-container{
margin: 0 50px 0 0;
}
.menu-main-menu-container ul{
display: flex;
list-style: none;
margin-bottom: 0;
margin-left: 0;
}
.menu-main-menu-container li{
text-decoration: none;
padding-left: 20px;
transition: transform .2s;
}
.menu-main-menu-container .current-menu-item a{
text-decoration: underline;
text-decoration-thickness: 1px;
text-decoration-color:white;
}
.menu-main-menu-container li:hover{
transform: scale(1.04);
}
#menu-main-menu{
margin-left: 0!important;
}
.menu-main-menu-container li a{
color: white;
text-decoration: none;
padding-left: 8px;
font-size: 1.35rem;
} 
.nav-inner-bottom{
background-color: var(--light);
flex-basis: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.nav-inner-bottom-container{
max-width: 1800px;
width: 100%;
}
.nav-mobile-icon-container,.nav-mobile-close-icon-container{
display: none;
}
.nav-sm-logo-container{
width:100%;
max-width:1800px;
display: flex;
align-items: center;
justify-content: flex-end;
margin-right: 50px;
}
.nav-sm-logo-container a{
display: flex;
align-items: center;
justify-content: center;
}
.nav-sm-logo-container img{
padding: 4px 0 4px 10px;
height: 18px;
}
.nav-fubar{
margin-right: 50px;
}
@media(max-width:1150px){
#nav-img {
max-height: 45px;
}
.menu-main-menu-container li a{
font-size: 1.25rem;
} 
}
@media(max-width:925px){
.nav-logo-container {
padding-left: 15px;
}
.nav-items-container,.nav-fubar{
margin-right: 15px;
}
.menu-main-menu-container li a{
font-size: 1.21rem;
padding-left: 4px;
}
.menu-main-menu-container li {
padding-left: 14px;
}
.nav-sm-logo-container img{
padding: 6px 0 6px 20px;
height: 20px;
}
}
@media(max-width:700px){
.nav-items{
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 85vw;
background-color: var(--primary);
display: none;
z-index: 999;
}
.menu-main-menu-container ul{
flex-direction: column;
}
.menu-main-menu-container li{
border-bottom: 1px solid rgb(97 0 0);
}
.menu-main-menu-container li a{
padding: 15px 15%;
color: white;
font-size: 1.4rem;
display: block;
}
.nav-mobile-icon-container{
display: block;
flex: 1;
text-align: right;
}
.nav-mobile-close-icon-container{
display: block;
text-align: right;
padding: 10px;
}
.nav-mobile-close-icon-container img{
height: 30px;
padding: 5px;
}
.menu-main-menu-container li:hover{
transform: unset;
}
}
@media(max-width:500px){
#nav-img {
max-height: 35px;
}
.nav-inner-bottom-container{
padding-bottom: 3px;
}
}
@media screen and (orientation:landscape)and (max-height: 600px){
.menu-main-menu-container li a{
padding: 5px 15%;
}
} .footer-outer{
width: 100%;
min-height: 100px;
background-color: var(--primary);
flex-wrap: wrap;
color: white;
}
.footer-inner{
width: 100%;
max-width:1800px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
flex-basis: 100%;
font-size: 0.9rem;
margin: 25px;
}
.footer-block{
display: flex;
flex-direction: column;
justify-content: flex-end;
margin: auto 0 0 0;
padding: 20px 15px;
}
.footer-inner p{
margin: 0;
line-height: 1rem;
}
.footer-heading {
font-weight: bold;
margin-bottom: 0;
margin-top: 8px !important;
}
.footer-heading-company-no{
display: inline;
}
.footer-heading a{
color: white;
text-decoration: none;
}
.company-number a[href^=tel] {
color: white;
text-decoration: none;
pointer-events: none;
}
.company-number{
font-weight: normal;
color: white;
text-decoration: none;
display: inline;
}
.footer-block-row{
display: flex;
align-items: center;
margin: 2px 0;
}
.footer-block-row a{
color: white;
text-decoration: none;
margin-left: 8px;
}
@media(max-width:900px){
.footer-block-row{
margin: 10px 0;
}
}
#footer-img{
max-height: 40px;
}
.page-container{
max-width: 1800px;
margin: auto;
}
.hero-container{
max-width: 100%;
position: relative;
}
.hero-images{
position: absolute;
top: -2000px;
opacity: 0;
}
#hero-img{
max-width: 100%;
}
#hero-txt{
position: absolute;
bottom: 0;
left: 4%;
font-size: 1.6rem;
color: var(--primary);
color: white;
font-weight: bold;
}
@media(max-width:800px){
#hero-txt{
font-size: 1.45rem;
}
}
@media(max-width:650px){
#hero-img{
max-width: unset;
height: 170px;
width: 100%;
object-fit: cover;
}
#hero-txt{
font-size: 1.2rem;
}
}
@media(max-width:450px){
#hero-txt{
font-size: 0.9rem;
}
}
.front-page-content{
margin: 50px;
}
.front-page-content h1{
font-size: 2.5rem;
}
.front-page-content p{
font-size: 1.1rem;
margin-bottom: 10px;
color: rgb(80, 80, 80);
}
@media(max-width:1150px){
.front-page-content p{
font-size: 1rem;
}
}
@media(max-width:920px){
.front-page-content{
margin: 50px 15px;
}
.front-page-content h1{
font-size: 2rem;
}
.front-page-content p{
margin-bottom: 0; }
}
@media(max-width:400px){
.front-page-content h1{
font-size: 1.6rem;
}
}
.cards{
display: flex;
align-items: center;
justify-content: space-between;
margin: 150px 25px 200px 25px;
}
.card-container{
margin: 20px;
border-radius: 20px;
-webkit-box-shadow: 1px 1px 10px 0px var(--light);
-moz-box-shadow: 1px 1px 10px 0px var(--light);
box-shadow: 1px 1px 10px 0px var(--light);
max-width: 300px;
}
@media(max-width:950px){
.card-container{
margin:10px;
}
.cards{
margin-top: 120px; 
}
}
@media(max-width:750px){
.cards{
flex-wrap: wrap;
margin-top: 100px;
margin-bottom: 150px;
}
.card-container{
flex-basis: 43%;
}
}
@media(max-width:360px){
.card-container{
flex-basis: 100%;
}
}
.card-img{
border-radius: 20px 20px 0 0;
max-width: 100%; 
opacity: 0.75;
}
.card-link{
text-decoration: none;
color: var(--primary);
font-size: 1.5rem;
}
.card-text{
display: block;
text-align: center;
padding: 5px;
}
.card-container:hover  .card-img, .card-container:hover  .card-text {
opacity: 1.2;
font-weight: bold;
}
h1,h2,h3,h4,h5,h6{
color: var(--primary);
font-weight: normal;
}
.page-content h1{
font-size :2.5rem;
}
.page-content{
margin: 50px auto;
max-width: 1000px;
padding:0 25px 80px 25px;
}
.page-content p, .page-content ul li{
color: rgb(80, 80, 80);
font-size: 1.1rem;
}
.page-content img{
margin-top: 25px;
}
.wp-block-image{
margin-right: 10px;
}
@media(min-width:381px){
.wp-block-image img{
margin-right:10px;
}
}
.page-content ul{
list-style: disc;
margin-left: 25px;
}
@media(max-width:700px){
.page-content p, .page-content ul li{
font-size: 1rem;
}
.page-content h1{
font-size: 2rem;
}
.page-content h2{
font-size: 1.6rem;
margin-top: 100px;
}
}
.contact-container{
display: flex;
margin-bottom: 100px;
}
.contact-block { flex-basis: 100%;
margin: 25px;
display: flex;
justify-content: center; }
.contact-block-container{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 0 50px;
}
.contact-left-block {
flex-basis: 55%;
}
.contact-left-block a img{
height: 30px;
margin: 10px auto 10px 5px;
}
.contact-h3{
margin-bottom: 0;
font-size: 1.7rem;
font-weight: normal;
}
.contact-left-block p{
margin: 3px auto 10px 5px;
font-size: 1.3rem;
}
.contact-left-block p a{
text-decoration: none;
color: var(--primary);
}
.contact-page .page-content {
padding-bottom: 20px;
}
.grecaptcha-badge{
display: none;
}
.hide{
display: none;
}
.contact-right{
display: block !important;
border-left: 1px solid var(--primary);
}
.wsx-contact-container{
display: flex;
justify-content: center;
align-items: center;
}
.contact-form{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-evenly;
padding: 20px;
}
.contact-form input, .contact-form div , .contact-form button,.contact-form textarea{
flex-basis: 80%;
max-width: 450px;
border: 1px solid rgb(228, 202, 202);
}
.contact-form button{
max-width: 50%;
padding: 10px;
background-color: var(--primary);
color: white;
border: none;
border-radius: 10px;
font-size: 1.2rem;
margin-top: 40px !important;
cursor: pointer;
}
.contact-form button:hover{
filter: brightness(1.75);
}
.contact-form input,.contact-form button ,.contact-form textarea{
margin-top: 20px;
}
.contact-form input{
height: 1.7rem;
border-radius: 10px;
font-size: 1rem;
font-family: "Segoe UI", Arial, sans-serif;
padding: 5px;
}
.contact-form textarea{
height: 150px;
border-radius: 10px;
padding: 5px;
font-family: "Segoe UI", Arial, sans-serif;
font-size: 1rem;
}
.contact-missing-info{
color: var(--primary);
border: none !important;
font-size: 0.9rem;
}
@media(max-width:1100px){
.contact-block-container{
padding:25px
}
.contact-left .contact-block-container{
display: block;
}
}
@media(max-width:950px){
.contact-container{
flex-direction: column;
}
.contact-left{
order: 2;
}
.contact-right{
order: 1;
border-left: none;
border-bottom: 1px solid var(--primary);;
margin-top: 0;
}
.contact-page .page-content{
margin-bottom:20px;
}
.contact-right .contact-block-container{
padding-top:0;
}
.contact-right .contact-block-container h3{
margin-top:0;
}
}
@media(max-width:782px){
.wp-block-image img{
width: 100%;
}
}
@media(max-width:600px){
.contact-form input, .contact-form div, .contact-form button, .contact-form textarea{
flex-basis: 95%;
}
}
@media(max-width:405px){
.contact-form{
padding: 20px 0;
}
.contact-form input, .contact-form div, .contact-form button, .contact-form textarea{
flex-basis: 98%;
}
.contact-right .contact-block-container {
padding:0;
}
}
.latitude-services{
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
h2{
margin-top:150px;
font-size: 2rem;
}
p.word{
flex: unset;
margin:7px;
padding: 4px 5px 4px 5px;
border-radius: 15px;
font-size: 0.9rem;
-webkit-box-shadow: 1px 1px 3px 0px var(--light);
-moz-box-shadow: 1px 1px 3px 0px var(--light);
box-shadow: 1px 1px 3px 0px var(--light);
}
.past-work div{
flex-wrap: nowrap !important;
}
.past-work div div:first-child{
flex-basis:33.33% !important;
max-width: 170px;
}
.past-work div div:nth-child(2){
flex-basis:66.66% !important;
}
.past-work img{
max-width: 150px;
}
@media (max-width: 550px){
.past-work div div:first-child{
max-width: 120px;
}
}
@media (max-width: 380px){
.past-work{
margin-top: 50px !important;
}
.past-work div{
flex-wrap: wrap !important;
justify-content: center;
}
.past-work h3{
text-align: center;
}
.past-work h3, .past-work img{
margin-top: 0;
}
h2, h1{
text-align: center;
}
}
.footer-wsx-link a{
color: white;
font-size: 0.65rem;
text-decoration: none;
display: block;
}
.footer-wsx-link{
background-color: var(--primary);
text-align: center;
padding-bottom: 11px;
}