:root {
  --color-black: #000000;
  --color-darkGrey: rgba(0, 0, 0, 0.7);
  --color-lightGrey: #f8f7f2;
  --color-bgGrey: #f8f7f2;
  --color-borderGrey: #eae4d8;
  --color-primary: #c1ab99;
  --color-secondary: rgba(193, 171, 153, 0.7);
  --color-emphasis: #c6804f;
}

/* ==========================================================================
   Global
   ========================================================================== */

@font-face {
  font-family: "Abramo Script";
  src: url("../fonts/Abramo-Script.woff2") format("woff2");
}
@font-face {
  font-family: "Gill Sans Bold";
  src: url("../fonts/Gill-Sans-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Gill Sans Light";
  src: url("../fonts/Gill-Sans-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Gill Sans Light Italic";
  src: url("../fonts/Gill-Sans-Light-Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: normal;
}
@font-face {
  font-family: "TheElfkinEditorial Regular";
  src: url("../fonts/TheElfkinEditorial-Regular.woff2") format("woff2");
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

strong {
  font-family: "Gill Sans Bold", "Gill Sans MT", Calibri, "Trebuchet MS",
    sans-serif;
}
.text-bold {
  font-family: "Gill Sans Bold", "Gill Sans MT", Calibri, "Trebuchet MS",
    sans-serif;
}

p {
  margin-bottom: 0 !important;
}
* + p {
  margin-top: 1rem !important;
}
.font-script {
  font-family: "Abramo Script";
}
.uk-leader-fill {
  position: relative;
  display: inline-block;
  width: 100%;
}
.uk-leader-fill::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  border-bottom: 2px solid #eae4d8;
}
.project_subtitle {
  font-weight: bold;
}
.portfolio-quote-text {
  line-height: 1.4;
}
.portfolio-quote-text em {
  color: var(--color-emphasis) !important;
  font-size: 17px !important;
  /* font-weight: bolder;
  letter-spacing: 0.5px !important; */
}
.portfolio-quote-name em {
  /* font-family: "Gill Sans Bold", "Gill Sans MT", Calibri, "Trebuchet MS",
    sans-serif;
  color: var(--color-emphasis) !important; */
  font-weight: bolder;
  color: var(--color-emphasis) !important;
}
.section__cta h3.uk-heading-medium {
  color: rgb(248, 247, 242, 0.7) !important;
}
/* navigation */
.uk-navbar-nav > li.uk-active > a,
.uk-navbar-nav > li:hover > a {
  font-family: "Abramo Script";
  text-transform: capitalize;
  font-size: 36px;
  font-weight: normal;
}

.uk-navbar-nav .item-101:hover a {
  text-transform: capitalize !important;
}

.column__bg-pattern .uk-background-norepeat {
  background-size: calc(100% - 100px) 100%;
  background-position: left top;
}

.section__bg-right-expand .uk-background-norepeat {
  background-size: calc(50% - 100px) 100%;
  background-position: right top;
}
.section__bg-right-expand--project .uk-background-norepeat {
  background-size: calc(50% + 150px) 100%;
  background-position: right top;
}
.uk-button {
  padding-top: 4px;
  padding-right: 16px;
}
.uk-button .uk-icon svg polyline {
  stroke-width: 1.5px !important;
  transition: all 0.3s ease;
}
.uk-button-default .uk-icon svg polyline {
  stroke: var(--color-emphasis) !important;
}
.uk-button-default:hover .uk-icon svg polyline {
  stroke: #fff !important;
  /* stroke: var(--color-emphasis) !important; */
}
.uk-light .uk-button-default .uk-icon svg polyline {
  /* stroke: #fff !importan */
  stroke: var(--color-emphasis) !important;
}
.uk-light .uk-button-default:hover .uk-icon svg polyline {
  /* stroke: var(--color-primary) !important; */
  stroke: var(--color-emphasis) !important;
}
.custom-button .uk-button-default .uk-icon svg polyline {
  /* stroke: #fff !important; */
  stroke: var(--color-emphasis) !important;
}
.custom-button .uk-button-default:hover .uk-icon svg polyline {
  /* stroke: var(--color-primary) !important; */
  stroke: var(--color-emphasis) !important;
}

.ba-form-submit-btn-wrapper {
  width: fit-content !important;
  font-family: "Gill Sans Bold", "Gill Sans MT", Calibri, "Trebuchet MS",
    sans-serif !important;
}

.column__tile-sm {
  padding-top: 60px;
}
/* responsive button */
.button--longtext a.uk-button {
  line-height: 48px;
}

/* underline button */
.underline {
  position: relative;
  white-space: nowrap;
}

.underline::after {
  content: "";
  position: absolute;
  display: inline-block;
  bottom: -11px;
  background-repeat: no-repeat;
  background-size: contain;
  height: 16px;
}
.underline-sm::after {
  background-image: url("../images/ROD_Logo_line-sm--orange.svg");
  left: -6px;
  right: -6px;
}
.underline-lg::after {
  background-image: url("../images/ROD_Logo_line-lg--orange.svg");
  left: -12px;
  right: -12px;
}

a.uk-button:hover .btn-arrow-right {
  background-position: 2px 50%;
}

.btn-arrow-right {
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 0px 50%;
  padding-left: 18px;
  margin-left: 10px;
  transition: all 0.3s ease;
}

.btn-arrow-right--primary {
  background-image: url(/images/arrow-right--primary.svg);
}

.btn-arrow-right--secondary {
  background-image: url(/images/arrow-right.svg);
}

.social-links .el-item {
  padding-left: 12px !important;
}

/* Navbar icon colour */
.uk-navbar-parent-icon,
.uk-nav-parent-icon {
  color: var(--color-primary) !important;
}

.section__cta {
  padding-top: 100px;
  padding-bottom: 100px;
}
.section__cta--small {
  padding-top: 70px;
  padding-bottom: 70px;
}
.grid__social > .uk-grid {
  display: flex;
  justify-content: flex-end;
}
.grid__social .el-title:hover {
  color: var(--color-primary);
}
.uk-grid-small .uk-width-expand {
  padding-left: 12px;
}

footer {
  position: relative;
  z-index: 3;
}
.footer__company-detail .el-content {
  font-size: 14px !important;
  text-transform: unset !important;
  letter-spacing: 0 !important;
  vertical-align: bottom !important;
  padding-top: 4px !important;
  margin-top: 0 !important;
}
.footer__company-detail .el-item {
  margin-top: 0 !important;
}
/* ==========================================================================
   Home Page
   ========================================================================== */

.tm-box-decoration-secondary::before {
  z-index: 2;
}

/* ==========================================================================
   The Studio Page
   ========================================================================== */

.heading-italic {
  font-size: 2.2rem;
  font-family: "Gill Sans Light Italic", "Gill Sans Light", "Gill Sans MT",
    Calibri, "Trebuchet MS", sans-serif;
  font-weight: 200;
}

.visions-grid .uk-grid-divider > :not(.uk-first-column)::before {
  border-color: rgb(193, 171, 153, 0.7) !important;
}
.pring-table__wrapper table th {
  font-weight: normal;
  font-family: "Gill Sans Bold", "Gill Sans MT", Calibri, "Trebuchet MS",
    sans-serif;
}

/* ==========================================================================
   The Client Journey Page
   ========================================================================== */

.client-journey__container {
  display: flex;
  align-items: start;
  gap: 40px;
  transition: margin-bottom 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.client-journey__image {
  width: 9%;
}
.client-journey__text {
  width: 90%;
}
.client-journey__text-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  transition: margin-top 0.3s ease;
}
.client-journey__text-title h2 {
  margin-top: 10px;
}
.client-journey__text-title .uk-button svg {
  width: 36px;
  height: 36px;
}
.client-journey__container .uk-button.rotated {
  transform: rotateX(180deg);
  transition: transform 0.3s ease;
  transform-origin: center;
}
.divider-transition {
  transition: transform 0.3s ease;
}
.grid__client-journey .el-content {
  padding-right: 60px !important;
}

/*Adjust Responsive*/
/*xlarge desktop*/
@media all and (min-width: 1400px) and (max-width: 1599px) {
  .uk-navbar-nav > li,
  .uk-navbar-nav > li > a {
    font-size: 15px;
  }
  .uk-navbar-nav {
    gap: 25px;
  }
  .uk-logo img {
    height: 120px !important;
  }
  .uk-navbar-item,
  .uk-navbar-toggle {
    min-height: 140px !important;
  }
}

/*large desktop*/
@media all and (min-width: 1200px) and (max-width: 1399px) {
  .tm-header {
    display: none !important;
  }
  .tm-header-mobile {
    display: block !important;
  }
  .uk-navbar-item,
  .uk-navbar-toggle {
    min-height: 120px !important;
  }
}

/*small desktop*/
@media all and (min-width: 960px) and (max-width: 1199px) {
  .visions-grid .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
    border-color: rgb(193, 171, 153, 0.7) !important;
  }
  .uk-navbar-item,
  .uk-navbar-toggle {
    min-height: 120px !important;
  }
  /* footer */
  .grid__social > .uk-grid {
    justify-content: center;
  }
  .grid__social > .uk-grid > .uk-grid-small .uk-width-expand {
    padding-left: 6px !important;
  }
  .column__tile-sm--padding-top-none {
    padding-top: 0px;
  }
  .footer__company-detail .el-content {
    padding-top: 0px !important;
  }
  .uk-grid-small .uk-width-expand {
    padding-left: 16px;
  }
}

/*ipad*/
@media all and (min-width: 640px) and (max-width: 959px) {
  .visions-grid .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
    border-color: rgb(193, 171, 153, 0.7) !important;
  }
  .button--longtext a.uk-button {
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .uk-navbar-item,
  .uk-navbar-toggle {
    min-height: 120px !important;
  }

  .heading-script {
    left: 0 !important;
    top: 10px !important;
  }
  .column__tile-sm--padding-top-none {
    padding-top: 0px;
  }
  /* HERO SECTION START */
  .section__home-hero > div.uk-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.5)
    );
    pointer-events: none;
  }

  /* footer */
  .grid__social > .uk-grid {
    justify-content: center;
  }
  .column__bg-pattern .uk-background-norepeat {
    background-size: 100% calc(100% - 80px);
    background-position: right top;
  }
  .section__bg-right-expand .uk-background-norepeat {
    background-size: calc(100% - 100px) 70%;
    background-position: right top;
  }
  .column__bg-pattern--left .uk-background-norepeat {
    background-size: 100% calc(100% - 80px);
    background-position: right bottom;
  }
  .elevating-lines img {
    width: 300px !important;
  }
  .uk-grid-small .uk-width-expand {
    padding-left: 16px;
  }
}

/*mobile*/
@media (max-width: 639px) {
  .visions-grid .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
    border-color: rgb(193, 171, 153, 0.7) !important;
  }

  .button--longtext a.uk-button {
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .uk-navbar-item,
  .uk-navbar-toggle {
    min-height: 120px !important;
  }
  .elevating-lines img {
    width: 250px !important;
  }
  .column__tile-sm--padding-top-none {
    padding-top: 0px;
  }
  .heading-script {
    left: 0 !important;
    top: 10px !important;
  }
  .column__tile-sm {
    padding-top: 20px;
  }
  .column__home-intro-image .uk-tile {
    padding-right: 24px;
  }
  /* HERO SECTION START */
  .section__home-hero-sublayout {
    bottom: 17vh !important;
  }
  .section__home-hero > div.uk-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.5)
    );
    pointer-events: none;
  }
  .section__cta,
  .section__cta--small {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* footer */
  .grid__social > .uk-grid {
    justify-content: center;
  }

  .uk-grid-small .uk-width-expand {
    padding-left: 16px;
  }

  .section__bg-right-expand .uk-background-norepeat {
    background-size: calc(100% - 100px) 70%;
    background-position: right top;
  }

  .column__bg-pattern--left .uk-background-norepeat {
    background-size: calc(100% - 90px) 100%;
    background-position: right top;
  }
  .client-journey__image {
    width: 15%;
  }
  .client-journey__text {
    width: 85%;
  }
  .client-journey__container {
    gap: 30px;
  }
  .client-journey__text-title {
    align-items: start;
  }
  .client-journey__text-title .uk-button {
    margin-top: 28px;
  }
  .grid__client-journey .el-content {
    padding-right: 0 !important;
  }
  /* fade indicator */
  .pring-table__wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(
      to left,
      rgb(193, 171, 153, 0.3),
      rgba(0, 0, 0, 0)
    );
  }
}

/* ==========================================================================
	Sitemap
   ========================================================================== */

.treeview a {
  color: var(--color-black);
}

.treeview a.selected {
  background-color: transparent;
  text-decoration: none;
  font-size: 16px;
}

.treeview .hover {
  color: var(--color-primary);
}