/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: https://github.com/tidythemes
Description: Donations: https://calmestghost.com/donate. BlankSlate is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2023
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2023 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

body * {
  letter-spacing: .3px;
}
/* Style for the header and navigation menu */
#header {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  text-align: center;
}

/* Basic styling for the navbar */
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 42px;
  color:#F7EAD1;
  background-color: #00325E; /* Change the background color as needed */
  box-shadow: 0px 13px 20px #225BA4;
}

.navbar .phone {
  background-color: #F0AD3E;
  border-radius:10px;
  padding:5px 10px;
  color: #00325E;
}

.footer-phone {
  background-color: #F0AD3E;
  border-radius:10px;
  padding:5px 10px;
  color: #00325E;
  margin-top:15px;
}

.navbar-logo img {
  max-height: 80px; /* Adjust the max height of the logo as needed */
}

.navbar-right {
  display: flex;
  align-items: center;
}

.navbar-item {
  cursor: pointer;
  padding: 5px 10px;
}

.active {
  color: #0492CF;
  border: 1px solid #0492CF;
  border-radius: 7px;
}

.lines {
  width: 100%;
  margin-top: -14px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
  z-index: 99;
}

.thick {
  height:7px;
  background-color:#0492CF;
}

.thin {
  height:3px;
  background-color:#0492CF;
}

.orange {
  color:#F0AD3E!important;
}



.content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 90px;
  margin-bottom: 90px;
  font-size:20px;
  color:#00325E;
  text-transform:uppercase;
}

.header{
  font-size:60px;
  margin-bottom:30px;
}



.blue-bg {
  background-color:#00325E
}






























.page-name {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 75px;
  margin-bottom: 75px;
}


.section-image {
  position:relative;
}

.home-text {
  color: #00325e;
  position: absolute;
  width: 609px;
  font-size: 40px;
  right: 170px;
  top: 294px;
  text-align: center;
}

.navbar-item img {
  max-width: 30px; /* Adjust the max width of the Instagram icon as needed */
}

.title {
  text-transform:uppercase;
}

.contact {
  margin-right:28px;
}


@font-face {
	font-family: Oswald;
	src: url(fonts/Oswald.woff);
}


div#copyright {
  display: flex;
  justify-content: space-around;
}



* {
  font-family: Oswald
}

body {
  margin:0;
  padding:0;
  color:black!important;
  font-family: Oswald
}


.main-button {
  margin-top: 49px;
  background-color: black;
  color: white;
  padding: 0.5rem;
  width: 329px;
  cursor:pointer;
}


.sub-logo {
  position:absolute;
  left:59px;
  top:40px;
  z-index:99;
  width:176px;
}


.xoo-wsc-ft-btn-cart {
  display:none!important;
}

.xoo-wsc-basket {
  margin: 10px;
  z-index: 9999997;
  cursor: pointer;
  position: fixed;
  transition: 0.5s ease-out;
  align-items: center;
  justify-content: center;
  width: 45px!important;
  height: 39px!important;
}

.xoo-wsc-bki.xoo-wsc-icon-basket1 {
  display:none;
}

.xoo-wsc-sc-bki {
  font-size: 33px!important;
}

.xoo-wsc-sc-subt, .wp-block-woocommerce-checkout-express-payment-block, .ppc-button-wrapper {
  display:none;
}

.woocommerce-checkout #content {
  padding: 20px 50px 50px 50px;
}

.woocommerce-checkout .entry-title {
  display:none;
}

.xoo-wsc-basket {
  top: 7px!important;
  right: 2240px!important;
  background-color: #ffffff;
  color: #000000;
  box-shadow: none!important;
  border-radius: 50%;
  display: flex;
  width: 60px;
  height: 60px;
}




.left {
  text-align:left!important;
  margin-bottom:100px;
}

.left .card-title {
  margin-top:20px;
}
















.single-product main.site-main#main {
  padding: 50px;
}


.single-product .product_title.entry-title {
    font-size: 51px;
    line-height: .8;
}

.single-product .summary.entry-summary .woocommerce-Price-amount {
  font-size: 26px;
  color: black;
  margin-bottom: 29px;
  height: 30px;
  display: block;
}


.single-product button {
  background-color: black!important;
  color: white!important;
  padding: 0.5rem!important;
  width: 152px!important;
  height: 45px;
  display: block!important;
  cursor: pointer!important;
  margin-top: 12px!important;
}

.input-text.qty.text {
  position:relative!important;
  background-color:transparent!important;
  height:45px!important;
  border: 2px solid black;
  width:45px!important;
  color:black!important;
  padding:unset!important;

}

form.cart {
  display: flex;
  align-items: flex-end;
}

.woocommerce-breadcrumb {
  display:none;
}

.posted_in {
  display:none;
}

.woocommerce-tabs.wc-tabs-wrapper, .related.products {
  display:none;

}





.page-id-10 #content {
  padding:30px;
}

  article#post-10 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}


.wpcf7 form p {
  width: 100%;
}

.wpcf7 form input, .wpcf7 form textarea {
  width: 100%;
  border-bottom:1px solid black;
}


.wpcf7 form input:focus, .wpcf7 form input:active,
.wpcf7 form textarea:focus, .wpcf7 form textarea:active {
  border-bottom:1px solid black!important;
  outline:unset!important;
}

div#wpcf7-f142-o1 {
  width: 50%;
  margin-top:60px;
}

.abs {
  position: absolute;
  top: 40%;
  scale:.8;
  left: 41px;
}


.wpcf7 form .wpcf7-submit {
  background-color: black;
  color: white;
  padding: 0.5rem;
  width: 152px;
  display: block;
  cursor: pointer;
  margin-top: 28px;
  float: right;
}




.grid {
  display: flex!important;
  flex-wrap: wrap;
  padding: 7rem 63px;
  gap:30px;
  /* justify-content: space-between; */
}

.card {
  width: 23%;
  box-sizing: border-box;
  /* border: 1px solid #ddd; */
  text-align: center;
}

.card img {
  max-width: 100%; /* Make sure images don't exceed the container width */
  height: auto;
}

.card-title {
  font-size: 24px;
    font-weight: 200;
    margin-bottom: 15px;
}





.product-content {
  display:flex;
  flex-direction:column;
  align-items:center;
  font-weight: 100;
  margin-top: 14px;
}


a.button {
  background-color: black;
  color: white;
  padding: 0.5rem;
  width: 152px;
  display: block;
  cursor: pointer;
  margin-top: 28px;
}



p.price {
  font-weight: bold;
  font-size: 23px;
  margin-top: 17px;
  margin-bottom: -9px;
}













.watermark {
    position: absolute;
    left: 59px;
    top: 143px;
    opacity: .3;
    z-index: 99;
    filter: grayscale(1) invert(1);
    width: 151px;
}

.slideshow {
  position:relative;
}

.title {
  font-weight: 100;
  font-size: 25px;
  z-index: 99;
  text-align: left;
  position: absolute;
  bottom: 40px;
  left: 40px;
  color: white;
  text-shadow: 0px 2px 8px #000000;
}

.section {
  position: relative;
  height: 100%;
}

.section-body {
  width:48%;
  margin-top:30px;
}






.warranty-wrapper {
  width: 50%;
  margin-left: 65px;
  max-width: 800px;
  margin-right:100px;
}
























/* Our Team
-------------------------------------------------------*/

.our-team .team-row {
  margin-left: -40px;
  margin-right: -40px;
}

.our-team .team-wrap {
  padding: 0 40px;
}

.our-team .container-fluid {
  padding: 0 50px;
}

.team-img img {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  overflow: hidden;
  width: 100%;
}

.team-member,
.team-img {
  position: relative;
  overflow: hidden;
}

.team-title {
  margin: 30px 0 7px;
}

.overlay {
  background-color: rgba(20,20,20,.7);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.team-details {
  opacity: 0;
  padding: 5%;
  overflow: hidden;
  width: 100%;
  z-index: 2;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.team-details p {
  color: #fff;
}

.team-img:hover .team-details {
  opacity: 1;
  /* margin-top: -80px; */
}

.team-img:hover .overlay {
  opacity: 1;
}

.socials a {
  display: inline-block;
  width: 37px;
  height: 37px;
  background-color: transparent;
}

.socials i {
  line-height: 37px;
  color: #616161;
  font-size: 14px;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.team-details .socials i {
	color: #fff;
}

.socials a:hover i {
  color: #fff;
  background-color: #355c7d;
}



.page-desc {
  width: 639px;
  text-align: center;
}



.col-head {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 11px;
}






.pc-bg {
  display:block;
}
.mob-bg {
  display:none;
}





.col {
  padding: 0 41px;
}


.boxes .column {
  width: 497px;
}


.text-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00325ec2;
  display: flex;
  /* justify-content: space-evenly; */
  padding: 20px;
  box-sizing: border-box;
  color: white;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  transition:all 2s;
}

.column {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 60px;
  padding-top:20px!important;
}

.column img {
  width: 75px;
  margin-bottom: 22px;
}

.column-header {
  font-size:35px;
  font-weight:bold;
  color:#F0AD3E;
  text-transform:uppercase;
}

.vision .column img {
  width:50px;
}


hr {
    width: 78%;
    margin-bottom: 50px!important;
    margin-top: 50px!important;
}


.vision .columns {
  padding-top:0!important;
  margin-top:-30px;
  width: 60%;
}


.sub-header {
  color:#00325E;
  font-size:40px;
}


.blue {
  color:#00325E;
  width:200px;
  text-transform:uppercase;
}

.name {
  font-size:25px;
}

.row {
  display: flex;
  width: 70%;
}

.people .row {
  width:100%;
}

.col-md-4.col-sm-6.team-wrap {
  width: 100%;
}


.people .team-details div {
  justify-content: center;
  display: flex;
  align-items: center;
  color: white;
  font-size: 16px;
  margin-top: 0px!important;
}

.form-row p {
  display:flex;
}

.form-row {
  margin-top:50px;
}


.row.team-row {
  display: flex;
  justify-content: center;
}


.wpcf7 form input, .wpcf7 form textarea {
  border-bottom: 1px solid #0492CF;
}

.col .footer-phone {
  cursor:pointer;
}

.form {
  width: 50%;
}

form label {
  color:#00325E;
}

form textarea {
  height: 200px;
}

form input, form textarea {
  color:black;
  font-size:18px;
  font-weight:100;
}

.wpcf7 form .wpcf7-submit {
  background-color: #F0AD3E;
  border-radius:10px;
  padding:5px 10px;
  color: #00325E;
  border:none!important;
}










.pages-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.pages {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background-color: #000000cf;
  z-index: 333;
  justify-content: center;
  transform: translate(-50%, -50%);
  overflow-x: auto;
  overflow-y: hidden;
}

.pages img {
  height: auto;
  width: auto;
  cursor:pointer;
  transform: scale(.9);
}

.pages.active {
  display: flex;
}

.pages-overlay.active {
  display: flex;
}

.close-btn {
  position: absolute;
  top: 56px;
  right: 33px;
  font-size: 104px;
  color: #fff;
  cursor: pointer;
  line-height: 0px;
  z-index:33999;
}


.collab {
  display: flex;
  margin-top: 98px;
  margin-bottom: 50px;
  gap: 49px;
  align-items: center;
}
.small {
  transform: scale(.8);
  text-transform: none;
  color: #413e3e;
  padding: 0 279px;
}



.map iframe {
  margin-top: -46px;
}

.map {
  overflow: hidden;
  border-radius:25px;
  border: 5px solid #00325E;
}







.video {
  width: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
}

.vid-container {
  width:60%;
  height:550px;
  border:5px solid #00325E;
  border-radius:25px;
  background-color:white;
  z-index:2;
  position:relative;
}

.grid {
  display: grid;
  grid-template-columns: repeat(3, 300px);
  grid-template-rows: repeat(4, 300px);
  gap: 50px;
  justify-content: center;
  align-items: center;
}

/* .grid-item {
  position: relative;
  width: 400px;
  height: 373px;
} */

.grid-item {
  position: relative;
  height: 100%;
}

.grid-item img {
  width: 100%;
  /* height: 100%; */
  object-fit: cover;
}

.item-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  display: none;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* .grid-item:hover .item-text {
  display: flex;
} */



.left {
  margin-left: -100vw;
}

.right {
  margin-left: 100vw;
}



.end-section {
  display: flex;
  flex-direction: row;
  padding: 7rem;
  /* text-align: center; */
}



.date .det {
  font-size:14px;
  margin-bottom:10px;
  color:black;
}

.page-container {
  width: 100%;
  height: auto;
}


#footer {
  background-color: #00325E; /* Set your desired background color */
  color: white; /* Set your desired text color */
  padding: 20px 0;
  box-shadow: 0px -13px 20px #225BA4;
  z-index: 999;
  position: relative;
}

.footer-content {
  display: flex;
  flex-direction: column;
  color:#F7EAD1;
  align-items: flex-start;
  margin: 55px 0 100px 0;
}

.footer-content .header {
  color:#F0AD3E;
  font-size:20px;
}

.slideshow {
  position:relative;
}

#container {
  /* padding-top: 20px!important; */
  /* padding: 40px;  */
  min-height: 100vh;
  /* background-image: url('https://cdn.discordapp.com/attachments/729615524128096258/1168701795762188348/image.png?ex=6552b95d&is=6540445d&hm=f7b59f614381767b4ea5284e63760a5841e9c14884dcec255ab1eccb3ac6b61c&') */
}



@media (max-width: 898px) and (max-height: 500px) {

  /* .navbar-left {
    display:none;
  } */

  .mob-remove {
    display:none!important;
  }

  .contact {
    margin-right:0;
  }


.navbar-right {
  justify-content: space-between;
  width: 150%;
  scale: .8;
  /* margin-right: -72px; */
  margin-left: -70px;
  margin-right: -112px;
}

.vid-container {
  height:309px;
}

.page-template-template-heritage-php .page-name img {
  /* padding:30px; */
  scale:.8
}

.second-image {
  width: 333px;
  /* margin-top:-130px!important; */
}

/* 
.pc-bg {
  display:none;
}
.mob-bg {
  display:block;
} */

.row.team-row {
  flex-wrap:wrap;
}

.col-md-4.col-sm-6.team-wrap {
  width: 48%;
}

.team-img:hover .team-details {
  height: 100%;
  display: flex;
}

.team-member {
  margin-bottom:150px;
  margin-top:-90px;
}

.people-team {
  margin-top: -20px!important;
}


.boxes .column {
  width:290px;
  scale:.8;
  padding:20px;
}

.boxes .column img {
  width:58px;
}

.column-header {
  margin-top: 20px;
}

.boxes  .column-header {
  margin-top: 39px;
}

.vision .column {
  padding:0;
}

.page-template-template-work-for-people-php .row {
  width: 90%;
}

.page-template-template-contact-php .col {
  width:50%;
  white-space:nowrap;
}

.page-template-template-contact-php .map {
  height:300px;
}

.last {
  margin-bottom:50px;
}

.small {
  padding:0;
}

.collab {
  padding: 30px;
}



.title {
  bottom: 19px;
  left: 19px;
  font-size:16px;
}




.text-overlay {
  overflow:hidden;
}

.vision .columns {
  width: 70%;
}

.boxes .right .columns {
  margin-top:-34px;
}






.jobs .col {
  padding: 0 18px;
}

.news .col {
  padding: 0 10px;
}





}