/* Fonts */

/* arvo-regular - latin */
@font-face {
  font-family: 'Cambo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('../woff2/cambo-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../woff/cambo-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local(''),
       url('../woff2/lato-v23-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../woff/lato-v23-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-100italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local(''),
       url('../woff2/lato-v23-latin-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../woff/lato-v23-latin-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(''),
       url('../woff2/lato-v23-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../woff/lato-v23-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local(''),
       url('../woff2/lato-v23-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../woff/lato-v23-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('../woff2/lato-v23-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../woff/lato-v23-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('../woff2/lato-v23-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../woff/lato-v23-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(''),
       url('../woff2/lato-v23-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../woff/lato-v23-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local(''),
       url('../woff2/lato-v23-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../woff/lato-v23-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local(''),
       url('../woff2/lato-v23-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../woff/lato-v23-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-900italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local(''),
       url('../woff2/lato-v23-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../woff/lato-v23-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* HTML */
html {
  scroll-padding-top: 230px;
}
/* Body */
body {
  font-family: "Lato", Arial, Sans-Serif;
}
.container {
  max-width: 1300px;
}

.font-cambo, .entry-title {
  font-family: "Cambo", "Lato", Arial, Sans-Serif;
}

.text-businesstech {
  color: #274d89;
}

.text-spacing-wide {
  letter-spacing: 0.2rem;
}
.wrapper {
  max-width: 1300px;
  margin: 0 auto;
}

/* Article */
.post .entry-content p, .post .entry-content li  {
  font-size: 1.1rem;
  line-height: 1.8
}

.post .entry-content :is(h1, h2, h3, h4, h5, h6)  {
  margin-bottom: 1rem;
}

.post .entry-content p a, .post .entry-content li a  {
  color: #343a40;
  text-decoration: none;
  border-bottom: solid 2px #274d89;
}
.post .entry-content p a:hover, .post .entry-content li a:hover  {
  color: #ffffff;
  text-decoration: none;
  background: #274d89;
}
.post .entry-content figure  {
  padding: 5px 0px 5px 0px;
}
.post .entry-content figure img  {
  background-color: #f8f9fa;
}
.wp-block-image figcaption {
  font-size: 80%;
  color: #6c757d;
  text-align: center;
}
.wp-block-quote {
  padding-left: 20px;
  background: #f8f9fa;
  border-left: solid 2px #343a40;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-right: 15px;
}

.post .entry-content table {
  width: 100%;
}
.post .entry-content table tr {
  border-bottom: solid 1px #dee2e6;
}
.post .entry-content table tr th {
  text-align: center;
  background: #f8f9fa;
  border-top: solid 1px #dee2e6;
}
hr {
  color: #dee2e6;
}
.post iframe {
  width: 100%;
}

.has-red-color {
  color: #dc3545!important;
}
.has-green-color {
  color: #28a745!important;
}
.has-orange-color {
  color: #fd7e14!important;
}
.has-yellow-color {
  color: #ffc107!important;
}
.has-blue-color {
  color: #007bff!important;
}

/* Sticky Social Share Box */
.sticky-social-share {
  padding-top: 25px;
  margin-top: -25px;
}

/* Sticky Article Quotes Box */
.sticky-sidebar-container {
  right: 0px;
}
.sticky-sidebar {
  padding-top: 0px;
  margin-top: 0px;
}


@media (min-width: 992px) {
  .sticky-sidebar {
    padding-top: 25px;
    margin-top: -25px;
  }
}
.embed-responsive-item {
  object-fit: cover;
  background-color: #f8f9fa;
}
.author-link a {
  color: inherit !important;
  text-decoration: none;
}


/* Chart range selector */
.quote-chart-range {
  cursor: pointer;
}
.quote-chart-range:hover {
  border-bottom: solid 1px #212529;
}
.quote-chart-range.range-active {
  border-bottom: solid 1px #212529;
}

/* Social media icons */
.fa-facebook-f {
  color: #3b5998;
}
.fa-twitter {
  color: #55acee;
}
.fa-linkedin-in {
  color: #0077b5;
}
.fa-whatsapp {
  color: #1ebea5;
}
.fa-youtube{
  color: #FF0000;
}

/* Additional bootstrap for position based on screen size */
@media (min-width: 576px) {
  .position-sm-static {
    position: static !important;
  }
  .position-sm-relative {
    position: relative !important;
  }
  .position-sm-absolute {
    position: absolute !important;
  }
  .position-sm-fixed {
    position: fixed !important;
  }
  .position-sm-sticky {
    position: sticky !important;
  }
}

@media (min-width: 768px) {
  .position-md-static {
    position: static !important;
  }
  .position-md-relative {
    position: relative !important;
  }
  .position-md-absolute {
    position: absolute !important;
  }
  .position-md-fixed {
    position: fixed !important;
  }
  .position-md-sticky {
    position: sticky !important;
  }
}

@media (min-width: 992px) {
  .position-lg-static {
    position: static !important;
  }
  .position-lg-relative {
    position: relative !important;
  }
  .position-lg-absolute {
    position: absolute !important;
  }
  .position-lg-fixed {
    position: fixed !important;
  }
  .position-lg-sticky {
    position: sticky !important;
  }
}

@media (min-width: 1200px) {
  .position-xl-static {
    position: static !important;
  }
  .position-xl-relative {
    position: relative !important;
  }
  .position-xl-absolute {
    position: absolute !important;
  }
  .position-xl-fixed {
    position: fixed !important;
  }
  .position-xl-sticky {
    position: sticky !important;
  }
}

/* Navbar */
.navbar-desktop .navbar .navbar-nav .nav-item::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #343a40;
  width: 0%;
  content: "";
  height: 1px;
}
.navbar-desktop .navbar .navbar-nav .nav-item:hover::after {
  width: 100%;
}

/* Change default Vivid green cyan colour */
.has-vivid-green-cyan-color {
  color: #038E00 !important;
}

/* Active chart option */
.chart-option:hover {
  background-color: #f8f9fa;
  cursor: pointer;
}
.chart-option-active {
  background-color: #f8f9fa;
}

/* Tab styling */
.tab-control .active {
  color: #343a40 !important;
  font-weight: bold;
  border-bottom: solid 2px #343a40;
}

/* Prevent blue outline on input */
.form-control:focus {
  border-color: #ced4da; /* default B5 color or set your own color*/
  outline: none !important;
  box-shadow: none !important;
}

/* Chart loading gif */
.quote-chart-container {
  background-image: url("../gif/loading-chart.gif");
  background-position: center;
  background-repeat: no-repeat;
}


@media (max-width: 767px) {
  .post-list .entry-title {
    font-size: 1.25rem;
  }
  .feature-title {
    font-size: calc(1.75rem + 1.5vw);
  }
}

/* Scale container for screens that are zoomed/scaled in */
@media (max-width: 1600px) {
  .container {
    max-width: 1184px;
  }
  .wrapper {
    max-width: 1184px;
  }
}