/*!
Theme Name: Brote Child theme
Theme URI: https://layerdrops.com/brotewp/
Template: brote
Author: bracket-web
Author URI: https://themeforest.net/user/bracket-web
Description: This is a Child theme for Brote WordPress theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: brote-child
*/

/* service-pages-heading-colour: smaller headers black on service pages */
.page-id-1395 .service-details__benefits-title,
.page-id-1396 .service-details__benefits-title,
.page-id-1397 .service-details__benefits-title,
.page-id-1398 .service-details__benefits-title,
.page-id-1399 .service-details__benefits-title,
.page-id-1400 .service-details__benefits-title,
.page-id-1401 .service-details__benefits-title,
.page-id-1402 .service-details__benefits-title,
.page-id-1403 .service-details__benefits-title,
.page-id-1404 .service-details__benefits-title,
.page-id-1405 .service-details__benefits-title,
.page-id-1406 .service-details__benefits-title,
.page-id-1407 .service-details__benefits-title {
  color: #222222;
}


/* service-icons-svg-fix: size and colour Font Awesome inline-SVG icons in the What we offer items */
.service-details__points-icon svg,
.service-details__points-icon i {
  display: block;
  width: 56px;
  height: 56px;
  min-width: 56px;
  font-size: 56px;
  line-height: 56px;
  fill: var(--brote-primary);
  color: var(--brote-primary);
  transition: transform 500ms linear;
  transform: scale(1);
}
.service-details__points li:hover .service-details__points-icon svg,
.service-details__points li:hover .service-details__points-icon i {
  transform: scale(0.9);
}


/* service-icons-size: What we offer icons reduced ~40% (63px -> 38px) */
.page-id-1395 .service-details__points-icon span,
.page-id-1396 .service-details__points-icon span,
.page-id-1397 .service-details__points-icon span,
.page-id-1398 .service-details__points-icon span,
.page-id-1399 .service-details__points-icon span,
.page-id-1400 .service-details__points-icon span,
.page-id-1401 .service-details__points-icon span,
.page-id-1402 .service-details__points-icon span,
.page-id-1403 .service-details__points-icon span,
.page-id-1404 .service-details__points-icon span,
.page-id-1405 .service-details__points-icon span,
.page-id-1406 .service-details__points-icon span,
.page-id-1407 .service-details__points-icon span {
  font-size: 38px;
  line-height: 1;
}


/* service-icons-colour: What we offer icons in the light blue accent */
.page-id-1395 .service-details__points-icon span,
.page-id-1396 .service-details__points-icon span,
.page-id-1397 .service-details__points-icon span,
.page-id-1398 .service-details__points-icon span,
.page-id-1399 .service-details__points-icon span,
.page-id-1400 .service-details__points-icon span,
.page-id-1401 .service-details__points-icon span,
.page-id-1402 .service-details__points-icon span,
.page-id-1403 .service-details__points-icon span,
.page-id-1404 .service-details__points-icon span,
.page-id-1405 .service-details__points-icon span,
.page-id-1406 .service-details__points-icon span,
.page-id-1407 .service-details__points-icon span {
  color: #2F99D4;
}