/*
Theme Name: Lorne Child
Theme URI: https://lorne.qodeinteractive.com
Description: A child theme of Lorne
Author: Elated Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: lorne
Template: lorne
*/

@font-face {
    font-family: 'Glacior';
    src: url('https://www.jutedesign.ca/wp-content/uploads/2024/06/Glacior-Display.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
  font-family: "p22-underground", sans-serif;
}

qodef-m-text,
a,
h5 {
  font-family: "p22-underground", sans-serif !important;
}
/* SERVICES PAGE */
.page-id-2096 .interior-sub-heading,
.page-id-2096 .project-sub-heading {
  font-family: "p22-underground", sans-serif !important;
}

h1,
h2 {
  font-family: "Glacior", serif !important;
  text-transform: uppercase;
}

/* HEADER */
.qodef-header-navigation .qodef-menu-item-text {
  font-family: "p22-underground", sans-serif !important;
}
.qodef-header-navigation > ul > li > a {
  font-size: 14px;
  font-weight: 400;
  margin-left: 2px;
  margin-right: 2px;
}

.qodef-header-navigation > ul > li > a > span:hover {
  font-weight: 600;
}

.qodef-header-navigation > ul > li > a::after {
  transform: scaleX(0) !important;
}
.qodef-header-navigation > ul > li.current-menu-item > a {
  font-weight: 600 !important;
}
.qodef-header-navigation > ul > li > a .qodef-duplicate-text--hover:before,
.qodef-header-navigation > ul > li > a .qodef-duplicate-text--hover:after {
  transform: none;
  transform-origin: unset;
  transition: none;
}
.qodef-header-navigation
  > ul
  > li.qodef-menu-item--narrow
  ul:not(.qodef-drop-down--right)
  li
  > a
  span {
  --qodef-underline-height: 0px;
}

.qodef-header-navigation
  > ul
  > li.qodef-menu-item--narrow
  ul:not(.qodef-drop-down--right)
  li.current-menu-item
  > a
  span {
  font-weight: 600;
}

.qodef-mobile-header-navigation {
  background-color: #293c86;
}
.qodef-mobile-header-navigation > ul > li > a > span {
  font-family: "p22-underground", sans-serif !important;
  font-size: 16px !important;
}
.qodef-mobile-header-navigation
  > ul
  > li.current-menu-ancestor
  > a
  .qodef-menu-item-text:after,
.qodef-mobile-header-navigation
  > ul
  > li.current-menu-item
  > a
  .qodef-menu-item-text:after {
  transform: scaleX(0) !important;
}
.qodef-mobile-header-navigation
  > ul
  > li.current-menu-item
  > a
  .qodef-menu-item-text {
  font-weight: 600;
}
.qodef-svg--menu {
  height: 10px !important;
}
/* Home Page Mobile Header */
.page-id-108 #qodef-page-mobile-header {
  background-color: #fcfcfc !important;
}
/* Projects Page Mobile Header */
.page-id-4176 #qodef-page-mobile-header {
  background-color: #fcfcfc !important;
}
/* Commercial Projects Page Mobile Header */
.page-id-10340 #qodef-page-mobile-header {
  background-color: #fcfcfc !important;
}
/* Residential Projects Page Mobile Header */
.page-id-11166 #qodef-page-mobile-header {
  background-color: #fcfcfc !important;
}
/* Services Page Mobile Header */
.page-id-2096 #qodef-page-mobile-header {
  background-color: #c4d8ff !important;
}
/* Team Page Mobile Header */
.page-id-2447 #qodef-page-mobile-header {
  background-color: #fff5e6 !important;
}
/* Contact Page Mobile Header */
.page-id-1805 #qodef-page-mobile-header {
  background-color: #e2ddf2 !important;
}

/* Footer Column Paragraphs */
.footer-column p {
  font-family: "p22-underground", sans-serif !important;
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}
/* Footer Column Headers */
.footer-column h5 {
  font-family: "p22-underground", sans-serif !important;
  font-size: 12px;
  font-weight: 400;
  margin: 0px 0px 10px 0px !important;
}

/* ABOUT */
.about-header h2 {
	font-size: 48px;
}

@media only screen and (max-width: 1024px){
	.about-header h2 {
		font-size: 32px;
	}
}

@media only screen and (max-width: 768px){
	.about-header h2 {
		font-size: 24px;
	}
}


/* GENERAL/MISC */

/* Portfolio Underline */
.qodef-portfolio-list.qodef-item-layout--info-left
  .qodef-e-info-left
  > a:after {
  height: 0px;
}

/* 404 */
#qodef-404-page {
  height: 60vh;
}
#qodef-404-page .qodef-404-button {
  background-color: transparent;
  border: 1px solid black !important;
  text-align: center !important;
  display: inline-block !important;
  cursor: pointer !important;
  margin-top: 10px !important;
  text-transform: capitalize !important;
}
#qodef-404-page .qodef-m-text {
  font-family: "p22-underground", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #000000;
}
#qodef-404-page svg {
  display: none;
}

/* BACK TO TOP */
#qodef-back-to-top.qodef-skin--light .qodef-back-to-top-text,
#qodef-back-to-top .qodef-back-to-top-icon * {
  color: black;
}
/* Contact Form */
label,
textarea,
select,
input[type="text"],
input[type="tel"],
input[type="email"] {
  font-family: "p22-underground", sans-serif !important;
  font-size: 14px;
}
.qodef-qi-contact-form-7 label:nth-of-type(8) span {
  margin-top: 40px;
}
button[type="submit"].qodef-layout--textual.qodef-button-circle {
  margin-top: 20px;
}
.qodef-qi-contact-form-7 button {
  font-family: "p22-underground", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  background-color: transparent;
  color: #000000;
  border: 1px solid black !important;
  padding: 15px 50px !important;
  text-align: center !important;
  display: inline-block !important;
  cursor: pointer !important;
  margin-top: 10px !important;
  text-transform: capitalize !important;
}
.qodef-qi-contact-form-7 form svg {
  display: none !important;
}

.qodef-theme-button.qodef-layout--textual.qodef-button-circle .qodef-m-text,.qodef-theme-button.qodef-textual.qodef-button-circle .qodef-m-text,button[type=submit].qodef-layout--textual.qodef-button-circle .qodef-m-text,button[type=submit].qodef-textual.qodef-button-circle .qodef-m-text {
	padding: 10px 47px 10px !important;
}

#landing-form .landing-contact-form button:hover {
	background-color: #293c86;
	border: 1px solid #293c86 !important;
	color: #ffffff;
}

#landing-form .qodef-qi-contact-form-7 label:nth-of-type(4) span {
  margin-top: 40px;
}

#newsletter-form button[type="submit"].qodef-layout--textual.qodef-button-circle {
  margin-top: 0 !important;
}
.wpcf7-form button.newsletter-form-submit {
  font-family: "p22-underground", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  background-color: transparent !important;
  text-align: center !important;
  cursor: pointer !important;
  text-transform: capitalize !important;
  position: absolute;
  right: 5px;
  margin-top: 10px;
  margin-right: 2px;
  border: 0;
  padding-left: 40px;
}
/* .wpcf7-form svg {
  display: none !important;
} */

.breadcrumbs ul {
  list-style: none;
  padding: 0;
}
.breadcrumbs li {
  display: inline;
  margin-right: 5px;
}
.breadcrumbs a {
  text-transform: capitalize;
  text-decoration: underline !important;
}
.breadcrumbs a[aria-current="page"] {
  text-decoration: none !important;
  cursor: default;
  color: black;
  font-weight: 600 !important;
}

.qodef-breadcrumbs .qodef-breadcrumbs-link {
  text-decoration: underline;
}

.qodef-breadcrumbs .qodef-breadcrumbs-current {
  text-decoration: none !important;
  background-image: none !important;
  cursor: default;
  color: black;
  font-weight: 600 !important;
}

/* PORTFOLIO PAGES */
/* Portfolio Column Reverse --- Displays the title at the top of the page */
.qodef-portfolio-single-item .qodef-e-inner {
  display: flex;
  flex-direction: column-reverse;
  margin: 0;
  margin-bottom: 75px;
}
.qodef-portfolio-single .qodef-variations--big .qodef-e-content {
  margin: 0;
  margin-bottom: 75px;
}
.qodef-title--standard-with-breadcrumbs {
  margin-top: 75px;
}

.qodef-portfolio-single .qodef-portfolio-title {
  display: none;
}

.qodef-page-title.qodef-title--standard-with-breadcrumbs .qodef-m-content {
  flex-direction: column-reverse;
  align-items: flex-start;
}
.qodef-page-title.qodef-title--standard-with-breadcrumbs .qodef-breadcrumbs {
  margin-bottom: 15px;
}

/* Overwrites the Grid from going down to 66% on Portfolio Page */
.qodef-portfolio
  .qodef-grid.qodef-layout--template
  > .qodef-grid-inner
  > .qodef-grid-item {
  width: 100% !important;
}
.qodef-grid.qodef-layout--template
  > .qodef-grid-inner
  > .qodef-grid-item.qodef-col--4 {
  display: none;
}
/* General Styles for Outer Container and Image Containers */
.outer-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.image-container {
  width: calc(100% - 40px);
  margin-bottom: 20px;
}
.image-container img {
  width: 100%;
  height: auto;
  display: block;
}
.image-container.portrait-images {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}
.image-container.portrait-images img {
  width: calc(50% - 10px);
  margin-right: 20px;
}
.image-container.portrait-images img:last-child {
  margin-right: 0;
}
/* Text and Navigation Styles */
.text-column p,
.nav-list li {
  font-family: "p22-underground", sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.nav-column h5 {
  font-family: "p22-underground", sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  margin: 0 0 10px 0;
}
.qodef-portfolio-single .qodef-portfolio-title h2 {
  color: #f27407;
  font-family: "Glacior", serif !important;
  font-weight: 500;
  text-transform: uppercase;
}
/* Two Column Text Container */
.two-column-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 0 20px 0;
}
.text-column,
.nav-column {
  flex-basis: 50%;
}
.nav-column {
  padding-left: 50px;
}
.nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.portfolio-subtitle {
  width: 75%;
  padding-top: 10px;
  margin-top: 0px;
}
/* Scalable Titles for Custom Portfolio Pages */
.scalable-title,
.scalable-title-h2 {
  color: #e6a33d;
  font-family: "Glacior", serif !important;
  font-weight: 500;
  text-transform: uppercase;
  margin-left: 20px;
}
.scalable-title {
  font-size: calc(min(100vw / (15), 56px));
}
.scalable-title-h2 {
  align-self: start;
  font-size: calc(min(100vw / (20), 56px));
}

/* Portfolio Bottom Navigation */
#qodef-single-portfolio-navigation .qodef-e-title {
  color: #293c86;
  font-family: "Glacior", serif !important;
  font-weight: 500;
  text-transform: uppercase;
  font-size: calc(min(100vw / (20), 48px));
  letter-spacing: 0px;
}
#qodef-single-portfolio-navigation .qodef-m-nav .qodef-m-nav-label {
  font-family: "Glacior", serif !important;
  --qodef-text-color: #293c86;
  --webkit-text-stroke-color: none;
  --webkit-text-fill-color: none;
}
#qodef-single-portfolio-navigation .qodef-m-nav .qodef-m-nav-label span {
  color: #293c86;
  font-family: "Glacior", serif !important;
  font-weight: 400;
  text-transform: uppercase;
  font-size: calc(min(100vw / (25), 36px));
  letter-spacing: 0px;
}
#qodef-single-portfolio-navigation .qodef-m-inner img {
  display: none;
}
#qodef-single-portfolio-navigation {
  margin: 50px 0 25px 0 !important;
}
/* Default styles */
#qodef-single-portfolio-navigation .qodef-m-inner a {
  height: 350px;
  width: 450px;
}

#qodef-single-portfolio-navigation .qodef-m-nav .qodef-m-nav-label span {
  -webkit-text-stroke-width: 0px;
}
#qodef-single-portfolio-navigation .qodef-m-nav-label {
  -webkit-text-stroke-width: 0px;
}

/* When the screen is 1024px wide */
@media screen and (max-width: 1024px) {
  #qodef-single-portfolio-navigation .qodef-m-inner a {
    width: 300px;
    height: 250px;
  }
}

/* When the screen is 768px wide */
@media screen and (max-width: 768px) {
  #qodef-single-portfolio-navigation .qodef-m-inner a {
    width: 200px;
    height: 120px;
  }
}

/* When the screen is 680px wide, hide the bounding box */
@media screen and (max-width: 680px) {
  #qodef-single-portfolio-navigation .qodef-m-nav.qodef--next {
    flex-direction: unset;
  }
}

#qodef-single-portfolio-navigation .qodef-m-nav:after {
  background-color: #fcfcfc;
}

/* TEAM PAGE */
.qodef-e-content p,
.qodef-e-content-top h5 {
  font-family: "p22-underground", sans-serif;
  color: #000000 !important;
  font-size: 14px !important;
  font-weight: 400;
}

/* SERVICES PAGE */
table {
  width: 100%;
  border-collapse: unset;
  border-spacing: 0 !important;
}
table td {
  border: none;
  border-right: none;
}
th,
td {
  border: none;
  padding: 0px !important;
  text-align: left;
}

/* FOOTER */
/* Button */
#custom-contact-button {
  font-family: "p22-underground", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1.2px;
  background-color: transparent !important;
  color: #000000 !important;
  border: 1px solid black; /* Adjust the color as needed */
  padding: 15px 50px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  margin-top: 10px;
}
/* SIDE AREA AND CUSTOM FORM */
#lorne_core_side_area_opener-5 {
  display: none;
}
#qodef-side-area {
  background-color: #ffffff !important;
}
#qodef-side-area button {
  font-family: "p22-underground", sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  background-color: transparent !important;
  color: #000000 !important;
  border: 1px solid black !important;
  text-align: center !important;
  display: inline-block !important;
  cursor: pointer !important;
  text-transform: capitalize !important;
}
#qodef-side-area form svg {
  display: none !important;
}
#block-19 form * {
  font-family: "p22-underground", sans-serif !important;
  margin: 0 !important;
  font-size: 12px;
}
#block-19 form button {
  margin-top: 10px !important;
}
#block-19 label:nth-of-type(8) {
  margin-top: 40px !important;
}

/* HOMEPAGE */
/* Homepage Title Scale */
.scalable-title-home h2 {
  font-size: calc(min(100vw / (15), 200px));
  line-height: 1.1;
  white-space: nowrap; /* Prevents the text from wrapping */
  width: 100%;
  letter-spacing: 2px;
}

/* PROJECTS */
/* Projects Title Scale */
.scalable-title-projects h2 {
  font-size: calc(min(50vw / (7), 64px));
  white-space: normal;
  width: 50%;
}
.projects-coming-soon {
  font-family: "Glacior", serif !important;
}
.qodef-e-content .qodef-e-info-left a {
  font-family: "p22-underground", sans-serif !important;
  color: #000000 !important;
  font-size: 14px;
  font-weight: 400;
}
.qodef-e-content .qodef-e-info-left h5 a {
  font-family: "p22-underground", sans-serif !important;
  color: #000000 !important;
  font-size: 16px;
  font-weight: 500;
}
/* Commercial Title Scale */
.scalable-title-commercial {
  font-size: calc(min(100vw / (15), 64px));
  color: #293c86 !important;
  font-family: "Glacior", serif !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  white-space: normal;
  width: 100%;
  line-height: 0.9;
}
/* SERVICES */
/* Services Title Scale */
.scalable-title-services h2 {
  font-size: calc(min(50vw / (7), 64px));
  white-space: nowrap;
  width: 50%;
}
.scalable-subhead-services h2 {
  font-size: calc(min(100vw / (20), 64px));
  width: 95%;
  line-height: 1.1;
  white-space: normal;
}
/* TEAM */
/* Team Title Scale */
.scalable-title-team h2 {
  font-size: calc(min(100vw / (20), 64px));
  width: 75%;
  line-height: 1.1;
  white-space: normal;
}
/* CONTACT */
/* Contact Title Scale */
.scalable-title-contact h2 {
  font-size: calc(min(100vw / (15), 64px));
  word-wrap: break-word; /* Break long words that exceed the width */
  color: #293c86 !important;
  font-family: "Glacior", serif !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
}

/* HOVER POPUP */
#hoverPopup {
  max-width: 400px; /* Maximum width of the popup */
  max-height: 400px; /* Maximum height of the popup */
  color: #ffffff;
  background-color: #293c86;
  padding: 10px;
  border-radius: 5px;
  overflow: auto; /* Enable scrollbars if content overflows */
  white-space: normal; /* Ensure text wraps */
  word-wrap: break-word; /* Break long words that exceed the width */
  line-height: 1.4; /* Adjust line height for better readability */
}

#qodef-page-header-inner.qodef-skin--dark .qodef-header-navigation > ul > li > a,
#qodef-page-header-inner.qodef-skin--dark .qodef-header-navigation > ul > li > a:hover {
	color: #FFF !important;
}

/* MEDIA QUERIES */
@media (max-width: 1024px) {
  /* Adjustments for Medium Screens */
  .outer-container {
    padding: 0;
    margin: 0 5px;
  }

  .text-column p,
  .nav-list li {
    font-size: 14px;
  }
  .nav-column h5 {
    font-size: 16px;
  }

  .image-container {
    width: 100%;
    margin-bottom: 10px;
  }

  .image-container.portrait-images img {
    width: calc(50% - 5px);
    margin-right: 10px;
  }

  .image-container.portrait-images img:last-child {
    margin-right: 0;
  }
}

@media (max-width: 775px) {
  /* Two Column Text Container */
  .two-column-container {
    flex-direction: column; /* Stack items vertically */
    padding: 0px;
  }
  .text-column,
  .nav-column {
    flex-basis: 100%;
    padding-right: 0px;
    padding-left: 0px;
    padding: 10px 0 10px 0;
  }
  #qodef-single-portfolio-navigation {
    margin: 0 !important;
  }
  .portfolio-subtitle {
    width: 100%;
    padding-top: 25px;
    margin-top: 0px;
  }
  .footer-column {
    margin-top: 30px;
  }
  #block-19 form textarea {
    resize: none;
  }

  .qodef-portfolio-list.qodef-item-layout--info-left
    .qodef-e.qodef-item-multiple-images
    .qodef-e-image
    > div:nth-of-type(2) {
    margin-left: 15px;
  }
}

@media (max-width: 575px) {
  /* Adjustments for Small Screens */

  .scalable-title-home h2 {
    font-size: calc(100vw / (8));
    white-space: normal;
  }
  .scalable-title-projects h2 {
    width: 60%;
  }
  .scalable-title-commercial {
    font-size: calc(min(100vw / (10), 36px));
  }

  .scalable-title-services h2 {
    font-size: calc(100vw / (10));
    white-space: nowrap;
  }
  .scalable-subhead-services h2 {
    font-size: calc(min(100vw / (10), 36px));
  }

  .scalable-title-team h2 {
    font-size: calc(min(100vw / (10), 36px));
    width: 100%;
  }

  .scalable-title-contact h2 {
    font-size: calc(min(100vw / (10), 36px));
  }
  .scalable-title-contact br {
    display: none;
  }
  /* SIDE AREA MOBILE */
  #qodef-side-area {
    transition: none !important; /* Disables transitions */
  }
  .qodef-side-area--opened #qodef-side-area {
    width: 80%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-height: 50%;
    max-height: 90%;
    border: solid 1px black;
  }
  /* Ensure the close button is visible and correctly positioned when side area is opened */
  .qodef-side-area--opened #qodef-side-area-close {
    position: fixed;
    top: 10px;
    right: 10px;
  }
  /* Form 7 Text Description Area */
  .wpcf7-form-control-wrap textarea {
    max-height: 100px;
  }

  /* TABLES */
  .responsive-table td {
    font-family: "p22-underground", sans-serif !important;
    display: block;
    width: 100%;
  }
  /* FOOTER COLUMNS */
  .footer-column h5 {
    margin: 15px 0px 10px 0px !important;
  }
  .qodef-grid-item:nth-child(4) {
    margin-top: 15px;
  }
  .page-id-2447
    .qodef-grid.qodef-gutter--normal
    > .qodef-grid-inner
    > .qodef-grid-item {
    padding: 5px;
  }
  #hoverPopup {
    max-width: 300px; /* Maximum width of the popup */
  }
}