/*!
Theme Name: dacoffey
Theme URI: http://underscores.me/
Author: CPM Webdesign
Author URI: https://cpmwebdesign.co.uk
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dacoffey
Tags: Custom Template, Bootstrap 5,

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

dacoffey is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*
 * Custom css (https://cpmwebdesign.co.uk/)
 * 
 */
/*--------------------------------------------------------------
# vars
--------------------------------------------------------------*/
:root {
  --daca-gold: #C4AB69;
  --daca-blue: #2F3A77;
  --daca-navy: #0C1236;
  --daca-main-font: "Nunito Sans", sans-serif;
  --daca-heading-font: "Merriweather", serif;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: .875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
typography
--------------------------------------------------------------*/

.quantity {
  margin-bottom: 1rem;

}

.quantity input {
  padding: 0.5rem;
  border-radius: 3px;
}


body {
  margin: 0;
  font-family: var(--daca-main-font);
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.575rem;
  color: #000;
  text-align: left;
  background-color: #fff;
  padding: 0;
}

p {
  font-style: italic;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--daca-heading-font);

}

.callout-text {
  font-style: italic;
  font-weight: 400;
  font-size: 1.25rem;
}

.hr-gold {
  color: var(--daca-gold);
  opacity: 1;
  width: 89px;
  margin: 3rem auto;
}

/*--------------------------------------------------------------
Page top 
--------------------------------------------------------------*/

img.custom-logo {
  width: 252px;
  height: auto;
}

.hero-home {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F9F9F9;
  color: white;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center top;
}

.hero-page {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: #0C1236;
}

.hero-home-holder {
  height: 100vh;
  display: flex;
  align-items: center;
  z-index: 1;
  position: absolute;
  color: white;
  text-align: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero-home-holder .heroblock {
  display: inline-block;
}

ul {
  line-height: 2rem;
}

/*--------------------------------------------------------------
Buttons 
--------------------------------------------------------------*/
/* push the button wrapper to the bottom */
.col-12.col-md-12.col-lg-6.col-xl-4 .wp-bootstrap-blocks-button {
  margin-top: auto;
}

.btn,
.send-btn {
  padding: .5rem 2rem;
  font-size: 1.25rem;
  border-radius: 20rem;
  font-size: 1.125rem;
  min-width: 220px;
  border: 1px solid transparent;
  font-style: normal;
  margin-top: 10px;
}

.wp-bootstrap-blocks-button {
  display: inline-block;
}

.navy-btn.btn-primary {
  background-color: var(--daca-navy);
  border-color: var(--daca-navy);
  color: white;
}

.blue-btn.btn-primary {
  background-color: var(--daca-blue);
  border-color: var(--daca-blue);
  color: white;
}

.top-phone-btn.btn-secondary {
  background-color: transparent;
  border-color: white;
}

.send-btn,
.gold-btn.btn-primary {
  background-color: var(--daca-gold);
  border-color: var(--daca-gold);
  color: black;
}

/*.top-phone-btn.btn-secondary:hover, .gold-btn.btn-primary:hover {
  background-color: var(--daca-blue);
  border-color: var(--daca-blue);
  color: white;
}*/
/*--------------------------------------------------------------
Content Specific and grids 
--------------------------------------------------------------*/
.overview-small {
  min-height: 140px;
}

.overview {
  min-height: 190px;
}

.support-heading:before,
.timely-heading:before,
.pricing-heading:before,
.expert-heading:before,
.personalised-heading:before,
.reliable-heading:before,
.save-time:before,
.accuracy:before,
.compliant:before,
.cash-flow:before,
.reports:before,
.secure:before,
.expertise:before,
.reliability:before,
.transparent-pricing:before,
.tailored-solutions:before,
.dedicated-support:before,
.results-driven:before {
  margin-right: 0.75rem;
  position: relative;
  display: inline-block;
  width: 70px;
  text-align: center;
  top: 0.5rem;
}

.reliable-heading:before {
  content: url("dist/images/user-tie.svg");
}

.personalised-heading:before {
  content: url("dist/images/user-gear.svg");
}

.expert-heading:before {
  content: url("dist/images/book-bookmark.svg");
}

.pricing-heading:before {
  content: url("dist/images/pricing.svg");
}

.timely-heading:before {
  content: url("dist/images/clock.svg");
}

.support-heading:before {
  content: url("dist/images/user-headset.svg");
  filter: invert(1);
}

.save-time:before {
  content: url("dist/images/clock.svg");
}

.accuracy:before {
  content: url("dist/images/clipboard-list-check.svg");
}

.compliant:before {
  content: url("dist/images/scale-balanced-white.svg");
}

.cash-flow:before {
  content: url("dist/images/cash-flow.svg");
}

.reports:before {
  content: url("dist/images/file-chart-column.svg");
}

.secure:before {
  content: url("dist/images/binary-lock.svg");
}

.expertise:before {
  content: url("dist/images/graduation-cap.svg");

}

.reliability:before {
  content: url("dist/images/shield-check.svg");

}

.transparent-pricing:before {
  content: url("dist/images/pricing-black.svg");

}

.tailored-solutions:before {
  content: url("dist/images/puzzle.svg");
}

.dedicated-support:before {
  content: url("dist/images/user-headset.svg");
}

.results-driven:before {
  content: url("dist/images/chart-column.svg");
}

.bookkepping-heading:before,
.vat-heading:before,
.payroll-heading:before,
.wills-heading:before,
.tax-heading:before,
.secretarial-heading:before {
  display: block;
  margin: 1rem 0;
}

.bookkepping-heading:before {
  content: url("dist/images/book-open-cover.svg");
}

.vat-heading:before {
  content: url("dist/images/calculator.svg");
}

.three-services .secretarial-heading:before,
.three-services .vat-heading:before {
  filter: invert(1);
}

.payroll-heading:before {
  content: url("dist/images/money-check-pen.svg");
}

.wills-heading:before {
  content: url("dist/images/file-pen.svg");
}

.tax-heading:before {
  content: url("dist/images/file-invoice.svg");
}

.secretarial-heading:before {
  content: url("dist/images/lightbulb-on.svg");
}

.three-services {
  padding: 0 0 5rem;
}

.services-grid {
  text-align: center;
  padding: 5rem 0;
}

.services-grid h3 {
  margin-bottom: 2rem;
}

.blue-col {
  background-color: var(--daca-blue);
  color: white;
  border-radius: 10px;
}

.contact-bg a {
  color: inherit;
}

.contact-bg {
  background-color: var(--daca-navy);
  color: white;
  padding: 5rem 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center top;
  background-image: url("../../uploads/2025/03/contact-bg.webp");
}

.blue-bg {
  background-color: var(--daca-blue);
  color: white;
  padding: 5rem 0;
}

.navy-bg {
  background-color: var(--daca-navy);
  color: white;
  padding: 5rem 0;

}

.navy-bg p {
  font-weight: 300;
}

.white-bg {
  background-color: #fff;
  color: black;
  padding: 5rem 0;

}

/*--------------------------------------------------------------
contact form
--------------------------------------------------------------*/
.nf-input-limit,
.nf-form-fields-required {
  display: none;
}

.nf-field-element input {
  border-radius: 100px;
}

.field-wrap textarea {
  border-radius: 20px;
}

.field-wrap>div input,
.field-wrap textarea {
  padding: 0.5rem 1rem;
  border: 1px solid transparent;
  width: 100% !important;
}

/*--------------------------------------------------------------
Navbar and Navigation
--------------------------------------------------------------*/
.offcanvas-collapse {
  visibility: visible !important;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #002A5C;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #000;
  text-decoration: none;
  background-color: var(--daca-gold);
}

.dropdown-menu .dropdown-item {
  border-radius: 5rem;
}

.dropdown-menu {
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: 20px;
  padding: 1rem;
}

.bg-dark {

  background-color: rgba(12, 18, 54, 0) !important;
  transition: all .5s linear;
  -webkit-transition: all .5s linear;
  -moz-transition: all .5s linear;
  -o-transition: all .5s linear;
}

.fadein {
  background-color: rgba(12, 18, 54, 0.9) !important;
  transition: all .5s linear;
  -webkit-transition: all .5s linear;
  -moz-transition: all .5s linear;
  -o-transition: all .5s linear;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  color: #fff;
  border-radius: 100px;
  font-size: 1rem;
  text-align: center;
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
  color: #000;
  background-color: var(--daca-gold);
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: #000;
  background-color: var(--daca-gold);
}

.navbar-toggler .icon-bar {
  transform: rotate(0deg) translate(0px, 0px);
  transition: ease all .2s;
}

.navbar-toggler .icon-bar {
  display: block;
  width: 38px;
  height: 3px;
  border-radius: 0;
}

.navbar-toggler .icon-bar+.icon-bar {
  margin-top: 8px;
}

.navbar-toggler:hover>.icon-bar:nth-child(2) {
  width: 38px;
  transition: ease all .2s;
}

.navbar-toggler:active>.icon-bar:nth-child(2) {
  width: 38px;
  transition: ease all .2s;
}

.navbar-toggler:not(.bend) .icon-bar:nth-child(1) {
  transform: rotate(45deg) translate(6px, 9px);
  transition: ease all .2s;
}

.navbar-toggler:not(.bend) .icon-bar:nth-child(2) {
  opacity: 0;
  transition: ease all .2s;
}

.navbar-toggler:not(.bend) .icon-bar:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -9px);
  transition: ease all .2s;
}

.navbar-toggler {
  background: var(--daca-navy);
  color: #fff;
}

.navbar-toggler:not(:disabled):not(.disabled) {
  padding: 12px 12px 12px 13px;
  outline: none;
  border-radius: 0;
  border: none;
  /* border-radius:2px;*/
}

.navbar-toggler .icon-bar {
  background-color: #fff;
}



/*--------------------------------------------------------------
# back to top
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/
.site-footer {
  background-color: var(--daca-navy);
  color: white;
}

.site-footer a {
  color: inherit;
  text-decoration: none;
}

.copyright {
  background-color: white;
  color: black;
}

ul.contact-list {
  list-style: none;
  padding-left: 0;
}

ul.contact-list li a span {
  color: var(--daca-gold);
}

.site-footer address {
  margin-bottom: 0;
}

#nav_menu-2,
#nav_menu-3,
#nav_menu-4,
#block-5,
#block-4 {
  margin: 0 auto;
  justify-content: center;
  display: flex;
}

/*--------------------------------------------------------------
# tabs
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# break points
--------------------------------------------------------------*/
@media (max-width:1559px) {}

/*--------------------------------------------------------------
# max-width:1280px
--------------------------------------------------------------*/
@media (max-width:1280px) {
  img.custom-logo {
    width: 232px;
    height: auto;
  }
}

/*--------------------------------------------------------------
# max-width:992px
--------------------------------------------------------------*/
@media (max-width:992px) {
  .offcanvas-collapse {
    position: fixed;
    top: 0px;
    /* Height of navbar */
    bottom: 0;
    right: 100%;
    left: -100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    /*background-color: var(--darkgrey);*/
    background: linear-gradient(#2f3a77 0%, #0c1236 100%);
    background-color: var(--daca-navy);
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: left, visibility;
    padding-top: 150px;
    z-index: -1;
  }

  .offcanvas-collapse.open {
    left: 0;
    visibility: visible;
  }
}

/*--------------------------------------------------------------
# max-width:768px
--------------------------------------------------------------*/
@media (max-width:768px) {

  #nav_menu-2,
  #nav_menu-3,
  #nav_menu-4,
  #block-5,
  #block-4 {
    justify-content: left;
  }
}

/*--------------------------------------------------------------
# max-width:596px
--------------------------------------------------------------*/
@media (max-width:596px) {
  .hero-home-holder br {
    display: none;
  }

  img.custom-logo {
    width: 190px;
    height: auto;
  }

  .site-branding {
    margin: auto;
  }

  .navbar-toggler:not(:disabled):not(.disabled) {
    position: absolute;
    right: 5px;
  }

  .results-driven,
  .expertise,
  .reliability,
  .transparent-pricing,
  .tailored-solutions,
  .dedicated-support,
  .support-heading,
  .timely-heading,
  .pricing-heading,
  .expert-heading,
  .personalised-heading,
  .reliable-heading {
    display: flex;
  }

  .btn,
  .send-btn {
    width: 100%;
  }

  .wp-bootstrap-blocks-button {
    width: 100%;
  }

  .entry-title {
    text-align: center;
  }

  .hero-home-holder .heroblock {
    width: 100%;
  }
}

/* Small devices (landscape phones,576px and up)*/
@media (max-width:380px) {
  img.custom-logo {
    width: 180px;
    height: auto;
  }
}

/* Medium devices (tablets,768px and up)*/
@media (min-width:768px) {}

/*Large devices (desktops,992px and up)*/
@media (min-width:992px) {}

/* Extra large devices (large desktops,1200px and up)*/
@media (min-width: 1200px) {

  .h1,
  h1 {
    font-size: 3rem;
  }
}