/*
Theme Name: hba
Theme URI: 
Author: Krzysiek Dróżdż (WPmagus.pl)
Author URI: http://wpmagus.pl/
Description: 
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: hba
*/



/* Style guide
 * ======================================== */

:root {
    --color-navy: #1b386d;
    --color-dark-navy: #193566;
    --color-blue: #298bcf;
    --color-yellow: #f99d1c;
    --color-dark-yellow: #f89407;
    --color-green: #007D57;
    --color-red: #9E1F3F;
    --color-grey: #e7eaf0;
    --color-almost-white: #fafbfc;
    --color-white: #fff;
    --color-almost-black: #0a0a0a;
    --color-black: #000;

    --color-base-text: var(--color-almost-black);
    --color-content-bg: var(--color-white);
    --color-html-bg: var(--color-navy);

    --font-base: normal 400 1.375rem/1.538 "Muller Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-0: normal 400 4.5rem/1.4 "Muller Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-1: normal 400 3rem/1.4 "Muller Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-2: normal 400 2.25rem/1.4 "Muller Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-3: normal 400 1.625rem/1.4 "Muller Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-4: normal 400 1.5rem/1.4 "Muller Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-5: normal 400 1.375rem/1.722 "Muller Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-6: normal 400 1.125rem/1.786 "Muller Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-small: normal 400 1.0625rem/1.786 "Muller Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-button: normal bold 1.25rem/1.786 "Muller Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;

    --space-base: 1.875rem;
    --space-0: 3.125rem;
    --space-1: 1.875rem;
    --space-2: 1.125rem;
    --space-3: 0.75rem;
    --space-4: 0.5rem;

    --container-width: 1240px;
    --container-max-width: calc(100vw - 2*var(--space-0));
    --content-wide-width: 1240px;
    --content-width: 1020px;
}

@media (max-width: 600px) {
    :root {
        --font-base: normal 400 1.125rem/1.786 "Muller Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
        --font-0: normal 400 3rem/1.4 "Muller Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
        --space-0: 1.875rem;
    }
}


/* Theme Color Palette
* ======================================== */

.has-hba-navy-color {color: var(--color-navy);}
.has-hba-navy-background-color {background-color: var(--color-navy); color: var(--color-white);}
.has-hba-navy-background-color h1,
.has-hba-navy-background-color h2,
.has-hba-navy-background-color h3,
.has-hba-navy-background-color h4,
.has-hba-navy-background-color h5,
.has-hba-navy-background-color h6,
.has-hba-navy-background-color a {color: var(--color-white);}

.has-hba-dark-navy-color {color: var(--color-dark-navy);}
.has-hba-dark-navy-background-color {background-color: var(--color-dark-navy); color: var(--color-white);}

.has-hba-blue-color {color: var(--color-blue);}
.has-hba-blue-background-color {background-color: var(--color-blue); color: var(--color-white);}
.has-hba-blue-background-color h1,
.has-hba-blue-background-color h2,
.has-hba-blue-background-color h3,
.has-hba-blue-background-color h4,
.has-hba-blue-background-color h5,
.has-hba-blue-background-color h6,
.has-hba-blue-background-color a {color: var(--color-white);}

.has-hba-yellow-color {color: var(--color-yellow);}
.has-hba-yellow-background-color {background-color: var(--color-yellow);}

.has-hba-dark-yellow-color {color: var(--color-dark-yellow);}
.has-hba-dark-yellow-background-color {background-color: var(--color-dark-yellow);}

.has-hba-green-color {color: var(--color-green);}
.has-hba-green-background-color {background-color: var(--color-green);}

.has-hba-red-color {color: var(--color-red);}
.has-hba-red-background-color {background-color: var(--color-red);}

.has-hba-grey-color {color: var(--color-grey);}
.has-hba-grey-background-color {background-color: var(--color-grey);}

.has-hba-almost-white-color {color: var(--color-almost-white);}
.has-hba-almost-white-background-color {background-color: var(--color-almost-white);}

.has-hba-white-color {color: var(--color-white);}
.has-hba-white-background-color {background-color: var(--color-white);}

.has-hba-almost-black-color {color: var(--color-almost-black);}
.has-hba-almost-black-background-color {background-color: var(--color-almost-black);}

.has-hba-black-color {color: var(--color-black);}
.has-hba-black-background-color {background-color: var(--color-black);}



/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1rem 0;padding:0}input,select{vertical-align:middle}

html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}

a {text-decoration: underline;}
a:hover {text-decoration: none;}

p, ul, ol, table, blockquote, address, dl {margin: var(--space-base) 0;}
h1, h2, h3, h4, h5, h6 {margin: var(--space-0) 0 var(--space-base) 0;}

::-webkit-input-placeholder {color: #939393;}
:-moz-placeholder {color: #939393;}
::-moz-placeholder {color: #939393; opacity: 1;}
:-ms-input-placeholder {color: #939393;}

img {max-width: 100%; height: auto;}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {height: auto;}

embed,
iframe,
object,
video {margin: var(--space-base) 0; max-width: 100%;}

.grecaptcha-logo iframe {margin: 0;}

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {margin-bottom: 0;}

input[type="submit"],
button,
select {-webkit-appearance: none;}

address {font-style: normal;}

main, article, section, header, footer, nav, aside {display: block;}



/* Tools
 * ======================================== */

#page-wrap {overflow-x: hidden; width: 100%; position: relative;}

.container {width: var(--container-width); max-width: var(--container-max-width); margin: 0 auto;}
.container:after {content: ''; display: block; clear: both;}

.screen-reader-text {position: absolute; width: 0; height: 0; overflow: hidden;}

.video-container {width: 100%; height: 0; padding-bottom: 56.25%; position: relative;}
.video-container iframe {width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.video-container .video-thumbnail {position: relative;}
.video-container .video-thumbnail:after {content: ''; width: 7.375rem; height: 7.375rem; border-radius: 100%; position: absolute; left: 50%; top: 50%; background: rgba(0, 0, 0, .25) url('assets/images/button-play.png') no-repeat 50% 50%; background-size: contain;
    -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}

.icon a {text-decoration: none;}
.icon a span {display: none;}
.icon a:before {content: ''; font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";}
.icon--facebook a:before {content: '\f39e';}
.icon--youtube a:before {content: '\f167';}
.icon--twitter a:before {content: '\f099';}
.icon--tumblr a:before {content: '\f174';}
.icon--linkedin a:before {content: '\f0e1';}
.icon--google-plus a:before {content: '\f0d4';}
.icon--vimeo a:before {content: '\f194';}
.icon--pinterest a:before {content: '\f0d3';}
.icon--instagram a:before {content: '\f16d';}
.icon--rss a:before {content: '\f143';}
.icon--search a:before {content: '\f002'; font-weight: 600;}
.icon--phone a span {display: inline-block;}
.icon--mail a:before {content: '\f0e0';}



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

html {font-size: 16px; background: var(--color-html-bg);}
body {font: var(--font-base); color: var(--color-base-text);
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

ul,
ol {margin-left: var(--space-base);}

a {color: var(--color-navy); text-decoration: underline;
    -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}
a:hover {text-decoration: none; color: var(--color-dark-yellow);}

h1,
h2,
h3,
h4,
h5,
h6,
h1.has-text-color,
h2.has-text-color,
h3.has-text-color,
h4.has-text-color,
h5.has-text-color,
h6.has-text-color {color: var(--color-navy);}
h1 {font: var(--font-1);}
h2 {font: var(--font-2);}
h3 {font: var(--font-3);}
h4 {font: var(--font-4);}
h5 {font: var(--font-5);}
h6 {font: var(--font-6);}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {text-decoration: none;}

blockquote {font-style: italic; position: relative;}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {font: var(--font-3);}

table {border-collapse: collapse; min-width: 655px; border-radius: .25rem; overflow: hidden;}
table th,
table td {padding: var(--space-2); text-align: left;}
table thead th,
table thead td {background: var(--color-blue); border: 1px solid var(--color-blue); color: var(--color-white);}
table tbody {background: #f9f4f8;}
table tbody tr:nth-child(2n) {background: #eeedf4;}
table tbody th,
table tbody td {border: 1px solid var(--color-gray);}
table tbody td:not(:first-child) {border-left: 1px solid #fff;}

form {}
input,
button,
select,
textarea {font: var(--font-base); padding: var(--space-3) var(--space-2); max-width: 100%; width: 100%; border: 1px solid var(--color-grey); border-radius: .25rem;}

form .fields {display: grid; grid-template-columns: 1fr; grid-column-gap: var(--space-0); grid-row-gap: var(--space-1);}
form .field {}
form .field .label {display: block;}

.as-button > a,
button,
input[type="submit"],
.button,
.wp-block-button__link {min-width: 0; background: var(--color-navy); color: var(--color-content-bg); cursor: pointer; font: var(--font-button); display: inline-block; padding: var(--space-3) var(--space-2); text-align: center; border: 0; border-radius: .25rem; text-decoration: none; overflow: hidden; text-overflow: ellipsis;
    -webkit-transition: background-color .3s, color .3s; -moz-transition: background-color .3s, color .3s; -ms-transition: background-color .3s, color .3s; -o-transition: background-color .3s, color .3s; transition: background-color .3s, color .3s;
}

.as-button > a:hover,
button:hover,
input[type="submit"]:hover,
.button:hover,
.wp-block-button__link:hover {background: var(--color-dark-navy); color: var(--color-white);}


.as-button > a,
button.button--alt,
input[type="submit"].button--alt,
.button.button--alt,
.wp-block-button__link.button--alt,
.has-hba-navy-background-color .as-button > a,
.has-hba-navy-background-color button,
.has-hba-navy-background-color input[type="submit"],
.has-hba-navy-background-color .button,
.has-hba-navy-background-color .wp-block-button__link {background: var(--color-yellow);}

.as-button > a:hover,
button.button--alt:hover,
input[type="submit"].button--alt:hover,
.button.button--alt:hover,
.wp-block-button__link.button--alt:hover,
.has-hba-navy-background-color .as-button > a:hover,
.has-hba-navy-background-color button:hover,
.has-hba-navy-background-color input[type="submit"]:hover,
.has-hba-navy-background-color .button:hover,
.has-hba-navy-background-color .wp-block-button__link:hover {background: var(--color-dark-yellow);}


.thumbnail,
.video-thumbnail {display: block; background: transparent no-repeat 50% 50%; background-size: cover; overflow: hidden;}
.thumbnail img,
.video-thumbnail img {display: block; width: 100%;
    -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s;
}
.thumbnail:hover {opacity: 1;}
.thumbnail:hover img {opacity: .75;}



.meta {font: var(--font-small); margin: var(--space-2) 0;}
.meta a {color: var(--color-gray-light); text-decoration: none;}
.meta > * {margin-right: var(--space-3);}



.wpcf7 {position: relative;}
.wpcf7 br {display: none;}
.wpcf7 form .wpcf7-not-valid-tip {position: absolute; top: -16px; right: -10px; font-size: 80%; color: var(--color-bg); background: rgba(114, 17, 33, .75); display: block; padding: 4px 6px;}
.wpcf7 form .wpcf7-response-output {display: block; position: absolute; top: 100px; left: 10%; right: 10%; padding: 2rem; border: 0; text-align: center; font-size: 18px; color: var(--color-bg); font-weight: bold; box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .2); z-index: 101;}
.wpcf7 form .wpcf7-response-output.wpcf7-display-none {display: none;}
.wpcf7 form .wpcf7-response-output:after {content: 'x'; position: absolute; top: 10px; right: 12px; color: var(--color-bg); cursor: pointer;}

.wpcf7 form.sent .wpcf7-response-output {background: #5FAD56;}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {border-color: #721121; background: rgba(114, 17, 33, .75);}



.wp-pagenavi {text-align: center; display: block; width: 100%; margin: var(--space-0) 0;}
.wp-pagenavi .pages {display: none;}
.wp-pagenavi a,
.wp-pagenavi span {display: inline-block; font: var(--font-button); min-width: 3rem; padding: .25rem 0.25rem; color: var(--color-white); background: var(--color-navy); border: 0; border-radius: .25rem;}
.wp-pagenavi a:hover {color: var(--color-white); background: var(--color-dark-navy);}
.wp-pagenavi span.current {color: var(--color-white); background: var(--color-yellow);}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .nextpostslink:hover {background: transparent; color: var(--color-base-text);}



#breadcrumbs {margin: 0; font: var(--font-6); margin-left: calc(-1 * var(--space-4));}
#breadcrumbs a {text-decoration: none; display: inline-block; padding: 0 var(--space-4);}
#breadcrumbs a:hover {text-decoration: underline;}
#breadcrumbs .breadcrumb_last {display: none;}



.slick-slider {}
.slick-slider .slick-arrow {position: absolute; top: 50%; z-index: 99; border: 0; text-indent: -9999px; width: 3rem; height: 3rem; line-height: 3rem; margin-top: -4.5rem; background: transparent;}
.slick-slider .slick-arrow:before {position: absolute; color: var(--color-navy); left: 0; top: 0; right: 0; bottom: 0; text-align: center; font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 2.5rem; text-indent: 0; opacity: 1;
    -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s;
}
.slick-slider:hover .slick-arrow:before {opacity: 1;}
.slick-slider .slick-prev {left: calc(var(--space-0) - 3rem);}
.slick-slider .slick-prev:before {content: '\f104';}
.slick-slider .slick-next {right: -3rem;}
.slick-slider .slick-next:before {content: '\f105';}
.slick-dots {list-style: none; margin: calc(-1 * var(--space-0)) 0 0 0; width: 100%; text-align: center;}
.slick-dots li {margin-right: var(--space-3); display: inline-block; vertical-align: middle;}
.slick-dots button {display: block; width: 12px; height: 12px; text-indent: -9999px; border-radius: 100%; padding: 0; background: var(--color-navy);}
.slick-dots .slick-active {}
.slick-dots button:hover,
.slick-dots .slick-active button {background: var(--color-dark-yellow);}
.list .slick-dots {margin-left: var(--space-0);}


.fancybox-content {background: var(--color-grey); border-radius: .25rem; overflow: hidden;}
.fancybox-close-small {color: var(--color-blue);}


/* Articles */


/* Lists */
.list {list-style: none; margin: 0 0 0 calc(-1 * var(--space-0)); display: flex; flex-wrap: wrap;}
.list .item {margin: 0 0 var(--space-0) var(--space-0); width: calc(50% - var(--space-0));}
.list .wp-pagenavi {margin-left: var(--space-0);}
.list .item.item--no_results {width: calc(100% - var(--space-0));}


.list--blog {}
.list--blog .item {width: calc(33.333333% - var(--space-0));}
.list--blog .item .thumbnail {border-radius: .25rem; overflow: hidden; display: block; width: 100%; height: 1px; padding-bottom: 66.666666666%; position: relative;}
.list--blog .item .thumbnail img {position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover;}
.list--blog .item .title {font: var(--font-3); margin: var(--space-3) 0;}
.list--blog .item .meta {margin: var(--space-3) 0;}

@media (max-width: 960px) {
    .list--blog .item {width: calc(50% - var(--space-0));}
}


@media (max-width: 720px) {
    .list--blog .item {width: calc(100% - var(--space-0));}
}


.list--search {}
.list--search .item {width: calc(100% - var(--space-0));}


.list--pages {}
.list--pages .item {width: calc(100% - var(--space-0));}


.list--iconised-links {margin-left: 0; gap: var(--space-2);}
.list--iconised-links .item {width: auto; flex: 1 1 0; margin: 0;}
.list--iconised-links .item a {display: block; text-decoration: none; padding: var(--space-2); height: 100%; background: var(--color-white); border-radius: .25rem; text-align: center;}

@media (max-width: 720px) {
    .list--iconised-links .item {flex-basis: 35%;}
}


.list--team-group-names {display: flex; flex-wrap: nowrap; gap: var(--space-base); margin: var(--space-base) 0;}
.list--team-group-names .item {margin: 0; width: auto; text-align: center;}
.list--team-group-names .item a {text-decoration: none; padding: var(--space-4) var(--space-base); display: block; border-radius: .25rem; overflow: hidden;}
.list--team-group-names .item a:hover,
.list--team-group-names .item.active a {background: var(--color-blue); color: var(--color-white);}

@media (max-width: 720px) {
    .list--team-group-names {display: block;}
    .list--team-group-names .item {margin-bottom: var(--space-3);}
}


.list--team-groups {display: block; margin-left: 0;}
.list--team-groups > .item {margin: 0; width: 100%;}

.list--team {}
.list--team .item {width: calc(33.333333% - var(--space-0)); text-align: center;}
.list--team .item a {text-decoration: none; color: var(--color-navy);}
.list--team .item .photo {background: var(--color-navy); border-radius: .25rem; overflow: hidden; position: relative;}
.list--team .item .photo:after {content: '\f067'; position: absolute; left: 50%; top: 50%; font-family: "Font Awesome 5 Free"; line-height: 1; font-size: 2rem; font-weight: 900; color: var(--color-white); background: var(--color-blue); padding: var(--space-3); border-radius: .25rem; overflow: hidden; opacity: 0;
    -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
    -webkit-transition: opacity .3s;-moz-transition: opacity .3s;-ms-transition: opacity .3s;-o-transition: opacity .3s;transition: opacity .3s;
}
.list--team .item img {width: 100%; display: block;
    -webkit-transition: opacity .3s;-moz-transition: opacity .3s;-ms-transition: opacity .3s;-o-transition: opacity .3s;transition: opacity .3s;
}
.list--team .item a:hover .photo:after {opacity: 1;}
.list--team .item a:hover img {opacity: .8;}
.team-member-profile .name,
.list--team .item .name {font-weight: bold; margin: var(--space-2) 0 0 0;}
.team-member-profile .position,
.list--team .item .position {margin-top: 0; color: var(--color-navy);}
.list--team .item .description {display: none;}

@media (max-width: 960px) {
    .list--team .item {width: calc(50% - var(--space-0));}
}
@media (max-width: 560px) {
    .list--team .item {width: calc(100% - var(--space-0));}
}


.list--services-search-results {}
.list--services-search-results .item {width: calc(33.333333% - var(--space-0));}
.list--services-search-results .item .name {margin-bottom: 0; font-weight: bold;}
.list--services-search-results .item address,
.list--services-search-results .item .location {margin: 0;}
.list--services-search-results .item .phone,
.list--services-search-results .item .distance {margin: var(--space-2) 0;}
.list--services-search-results .item .phone > span,
.list--services-search-results .item .distance > span {color: var(--color-navy); font-weight: bold;}
.list--services-search-results .item .phone > span:after,
.list--services-search-results .item .distance > span:after {content: ': ';}

@media (max-width: 960px) {
    .list--services-search-results {height: auto;}
    .list--services-search-results .item {width: calc(50% - var(--space-0));}
}
@media (max-width: 600px) {
    .list--services-search-results .item {width: calc(100% - var(--space-0));}
}


.team-member-profile {width: var(--content-width); max-width: var(--container-max-width); display: grid; gap: var(--space-base); grid-template-columns: 18rem 1fr; background: var(--color-white); padding: var(--space-base); border-radius: .25rem; overflow: hidden;}
.team-member-profile .photo {border-radius: .25rem; overflow: hidden;}
.team-member-profile .description :first-child {margin-top: 0;}

@media (max-width: 760px) {
    .team-member-profile {display: block;}
}



/* Blocks */
/* Gutenberg Blocks */

.wp-block-embed,
.wp-block-columns {margin: var(--space-0) 0;}


.wp-block-columns {gap: var(--space-0) !important;}
.wp-block-columns .wp-block-column {overflow: hidden; border-radius: .25rem; word-break: normal; overflow-wrap: normal;}

@media (max-width: 1020px) {
    .wp-block-columns {flex-wrap: wrap !important;}
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis: 100%!important;}
}


.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {padding-left: calc(2 * var(--space-0));}


.wp-block-buttons {text-align: left; justify-content: left}


.wp-block-image {margin: var(--space-base) 0;}

.wp-block-columns .wp-block-image:first-child {margin-top: 0;}
.wp-block-columns .wp-block-image:last-child {margin-bottom: 0;}


.wp-block-gallery {}
.wp-block-gallery.has-nested-images figure.wp-block-image {flex-grow: 0;}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {object-fit: contain;}



.alignwide {width: var(--content-wide-width); max-width: var(--container-max-width); position: relative; left: 50%; margin-left: 0; margin-right: 0;
    -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);
}
.alignfull {width: 100vw; max-width: 100vw; position: relative; left: 50%;
    -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);
}



.wp-block-group.alignfull .wp-block-group__inner-container {width: var(--content-width); max-width: var(--container-max-width); margin: 0 auto;}



.wp-block-group.has-background {margin: var(--space-0) 0; padding: var(--space-base) 0;}
.wp-block-group.has-background h1:first-child,
.wp-block-group.has-background h2:first-child,
.wp-block-group.has-background h3:first-child,
.wp-block-group.has-background h4:first-child,
.wp-block-group.has-background h5:first-child,
.wp-block-group.has-background h6:first-child {margin-top: var(--space-base);}


.wp-block-group.has-background + .wp-block-group.has-background {margin-top: calc(-1 * var(--space-0));}

.wp-block-group.has-background:first-child {margin-top: calc(-1 * var(--space-0));}
.wp-block-group.has-background:last-child {margin-bottom: calc(-1 * var(--space-0));}



.wp-block-cover {min-height: 65vh;}


.wp-block-cover.is-style-has-overflow-bottom {margin-bottom: 10rem; padding: 0; align-items: flex-end;}
.wp-block-cover.is-style-has-overflow-bottom:first-child {margin-top: -5.364375rem;}
.wp-block-cover.is-style-has-overflow-bottom .wp-block-cover__inner-container {margin-bottom: -10rem;}

@media (max-width: 1040px) {
    .wp-block-cover.is-style-has-overflow-bottom:first-child {margin-top: 0;}
}



.wp-block-table .has-fixed-layout {width: calc(100% - 1px);}


.hba-block-cta_card {padding: var(--space-base); display: flex; flex-direction: column; background: transparent url('assets/images/healthy-bones-icon-white-transparent.svg') no-repeat center; background-size: cover;}
.hba-block-cta_card .hba-block__inner-container {display: flex; flex-direction: column; flex-grow: 1;}
.hba-block-cta_card .content {flex-grow: 1;}
.hba-block-cta_card .content > :first-child {margin-top: 0;}
.hba-block-cta_card h2 {font: var(--font-1);}

.wp-block-column .hba-block-cta_card {height: 100%;}



.hba-block-image_with_caption {position: relative;}
.hba-block-image_with_caption img {height: 100%; display: block; object-fit: cover;}
.hba-block-image_with_caption .caption {position: absolute; bottom: 10%; left: 0; background: var(--color-navy); color: var(--color-white); padding: var(--space-3) var(--space-base); border-radius: 0 .25rem .25rem 0;}
.hba-block-image_with_caption .caption > :first-child {margin-top: 0;}
.hba-block-image_with_caption .caption > :last-child {margin-bottom: 0;}



.wp-block-column .hba-block-image_with_caption,
.wp-block-column .hba-block-image_with_caption .hba-block__inner-container {height: 100%;}


.hba-block-iconised_links {}

.wp-block-column .hba-block-iconised_links {height: 100%;}
.wp-block-column .hba-block-iconised_links .hba-block__inner-container {padding: var(--space-2);}



.hba-block-services_search {}
.hba-block-services_search .map {height: 40vh; min-height: 360px; margin: var(--space-0) 0;}
.hba-block-services_search .map .gm-style-iw-d h3:first-child {margin-top: 0; min-width: 20rem;}
.hba-block-services_search form .fields {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; align-items: flex-end;}

@media (max-width: 960px) {
    .hba-block-services_search form .fields {grid-template-columns: 1fr 1fr;}
}
@media (max-width: 600px) {
    .hba-block-services_search form .fields {grid-template-columns: 1fr;}
}



/* Sections */
.section {}
.section .container {width: var(--content-width); max-width: var(--container-max-width);}
.section-header {background: var(--color-navy) url('assets/images/healthy-bones-icon-white-transparent.svg') no-repeat 80% center; background-size: 400px; color: var(--color-white); padding: var(--space-1) 0; margin-bottom: var(--space-0);}
.section-header a {color: var(--color-yellow); text-decoration: none;}
.section-header .section-title {color: var(--color-white); font: var(--font-0); margin: 0;}
.section-header .meta {margin: 0; opacity: .75;}



/* Header
 * ======================================== */

#header {background: var(--color-content-bg); padding: .1px 0; margin-top: var(--space-0); position: relative; z-index: 1000;}
#header .container {position: relative; width: var(--content-width); max-width: var(--container-max-width);}
#header .container:after {position: absolute; top: 100%; left: calc(-1 * var(--space-3)); right: calc(-1 * var(--space-3)); border-top: 2px solid var(--color-grey);}
#header .site-title {margin: 0; padding: 2rem 0; max-width: calc(100% - 5rem);}
#header .site-title a {width: 20.625rem; max-width: 100%; height: 3.75rem; line-height: 3.75rem; display: block; font: var(--font-1); text-decoration: none; background: transparent url('assets/images/healthy-bones-logo.png') no-repeat left 50%; background-size: contain; text-indent: -9999px;}

@media (max-width: 1040px) {
    #header {margin-top: calc(1.5 * var(--space-0));}
    #header .container:after {content: none;}

    #header .site-title {max-width: 100%;}
    #header .site-title a {margin: 0 auto;}
}


#header .nav-toggle {display: none;}

#header .nav {}
#header .nav a {text-decoration: none; display: block;}
#header .nav a:hover {opacity: 1;}
#header .nav ul {margin: 0; display: flex; gap: var(--space-base);}
#header .nav ul li {display: block; position: relative;}
#header .nav ul li > .sub-menu,
#header .nav ul li > .sub-menu-container {display: none; text-align: left; position: absolute; z-index: 10000; left: 0; min-width: 300px; background: var(--color-white); border-radius: .25rem; box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%); padding: .5rem 0;}
#header .nav ul li:hover > .sub-menu,
#header .nav ul li.hover > .sub-menu,
#header .nav ul li:hover > .sub-menu-container,
#header .nav ul li.hover > .sub-menu-container {display: block;}
#header .nav ul li ul {display: block;}
#header .nav ul li ul a {padding: 1rem 1.5rem;}

@media (max-width: 1040px) {
    /* No need for changes */
    #header .nav .nav-toggle {cursor: pointer; z-index: 10001; background: transparent; padding: 0; display: block; overflow: hidden; border-radius: 0; border: none;}
    #header .nav .nav-toggle span.burger {top: 50%; display: block; position: absolute; left: 0; right: 0;
        -webkit-transition: background 0 0.3s; -moz-transition: background 0 0.3s; -ms-transition: background 0 0.3s; -o-transition: background 0 0.3s; transition: background 0 0.3s;
    }
    #header .nav .nav-toggle span.burger:before,
    #header .nav .nav-toggle span.burger:after {position: absolute; display: block; left: 0; width: 100%; content: '';
        -webkit-transition-duration: 0.3s, 0.3s; -moz-transition-duration: 0.3s, 0.3s; -ms-transition-duration: 0.3s, 0.3s; -o-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s;
        -webkit-transition-delay: 0.3s, 0; -moz-transition-delay: 0.3s, 0; -ms-transition-delay: 0.3s, 0; -o-transition-delay: 0.3s, 0; transition-delay: 0.3s, 0;
    }
    #header .nav .nav-toggle span.burger:before {
        -webkit-transition-property: top, -webkit-transform; -moz-transition-property: top, -moz-transform; -ms-transition-property: top, -ms-transform; -o-transition-property: top, -o-transform; transition-property: top, transform;
    }
    #header .nav .nav-toggle span.burger:after {
        -webkit-transition-property: bottom, -webkit-transform; -moz-transition-property: bottom, -moz-transform; -ms-transition-property: bottom, -ms-transform; -o-transition-property: bottom, -o-transform; transition-property: bottom, transform;
    }
    #header .nav.on .nav-toggle {}
    #header .nav.on .nav-toggle span.burger {background: none;}
    #header .nav.on .nav-toggle span.burger:before {top: 0;
        -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);
    }
    #header .nav.on .nav-toggle span.burger:after {bottom: 0;
        -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);
    }
    #header .nav.on .nav-toggle span.burger:before,
    #header .nav.on .nav-toggle span.burger:after {
        -webkit-transition-delay: 0, 0.3s; -moz-transition-delay: 0, 0.3s; -ms-transition-delay: 0, 0.3s; -o-transition-delay: 0, 0.3s; transition-delay: 0, 0.3s;
    }
    #header .nav .nav-container {
        -webkit-transform: translateX(150%); -moz-transform: translateX(150%); -ms-transform: translateX(150%); -o-transform: translateX(150%); transform: translateX(150%);
        -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;
    }
    #header .nav.on .nav-container {
        -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);
    }

    /* Customize nav */
    #header .nav {padding: 0; right: 0; position: static;}
    #header .nav .nav-toggle {position: absolute; line-height: calc(1.5 * var(--space-0)); top: calc(-1.5 * var(--space-0)); left: 50%; width: 50vw; background: var(--color-yellow);}
    #header .nav .nav-toggle:hover {background: var(--color-dark-yellow);}
    #header .nav .nav-toggle span.burger {width: 1.5rem; height: 1.5rem; height: 2px; background: var(--color-white); left: calc(50% - 4rem);}
    #header .nav .nav-toggle span.burger:before,
    #header .nav .nav-toggle span.burger:after {background: var(--color-white); height: 2px; left: -.25rem}
    #header .nav .nav-toggle span.burger:before {top: -.55rem;}
    #header .nav .nav-toggle span.burger:after {bottom: -.55rem;}
    #header .nav.on .nav-toggle span.burger:before,
    #header .nav.on .nav-toggle span.burger:after {background-color: var(--color-white);}

    #header .nav .nav-container,
    #header .nav .menu li > .sub-menu-container {background: var(--color-navy); padding: calc(2 * var(--space-0)) 2rem var(--space-base) 2rem; position: absolute; top: calc(-1.5 * var(--space-0)); min-height: 100vh; right: calc(-1 * var(--space-0)); z-index: 10000; width: 100vw;}
    #header .nav .nav-container ul {display: block; float: none; width: 100%; line-height: 2rem;}
    #header .nav .nav-container ul li:first-child {}
    #header .nav .nav-container ul li {display: block; text-align: left; position: static;}

    #header .nav .menu li > .sub-menu-container {background: var(--color-blue); top: 0; margin: 0;}
    #header .nav .menu li > .sub-menu-container > img {display: none;}
    #header .nav .menu li > .sub-menu-container .title {display: block; margin: 0; color: var(--color-white); font: var(--font-base); font-weight: bold; padding: var(--space-4) 0; cursor: pointer;}
    #header .nav .menu li > .sub-menu-container .title:before {content: '\f053'; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: var(--space-3);}
    #header .nav .menu li > .sub-menu-container ul {margin-left: var(--space-0);}
    #header .nav .menu li > .sub-menu-container ul a {color: var(--color-white); padding: var(--space-4) 0;}

    #header .nav ul.menu li.on > .sub-menu-container {display: block;}

    #header .nav .nav-container ul li li {border: 0;}
    #header .nav .nav-container ul li li a {padding: var(--space-4) var(--space-base);}
    #header .nav .nav-container ul li a {padding: var(--space-4) 0; display: block; width: auto;}
    #header .nav ul li:hover > .sub-menu,
    #header .nav .menu li:hover > .sub-menu-container {display: none}
    #header .icon a span {display: inline-block; margin-left: var(--space-3);}
    #header .nav .nav-container .menu-item-has-children > a:after {content: '\f054'; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: var(--space-3);}
}

#header .nav .icon--phone {font: var(--font-1); line-height: 1;}
#header .nav .icon--phone small {display: block; font: var(--font-base); line-height: 1;}

@media (max-width: 1040px) {
    #header .nav .icon--phone {font: var(--font-base); font-weight: bold; line-height: 1;}
    #header .nav .icon--phone small {display: none;}
}


#header .nav .menu--primary {justify-content: space-between; position: absolute; left: calc(-1 * var(--space-3)); right: calc(-1 * var(--space-3)); top: 100%; gap: 0;}
#header .nav .menu--primary a {padding: var(--space-4) var(--space-3); margin: var(--space-2) 0; font-weight: bold;}
#header .nav .menu--primary .current-menu-item > a,
#header .nav .menu--primary .current_page_parent > a,
#header .nav .menu--primary > li > a:hover {background: var(--color-blue); color: var(--color-white); border-radius: .25rem;}
#header .nav .menu--primary .sub-menu-container {padding: var(--space-base); margin-top: var(--space-3); width: auto; max-width: var(--content-wide-width); grid-template-columns: 8rem 1fr; gap: var(--space-base);}
#header .nav .menu--primary .sub-menu-container:before {content: ''; position: absolute; left: 0; right: 0; top: -28px; height: 28px;}
#header .nav .menu--primary .sub-menu-container:after {content: ''; position: absolute; top: -28px; left: 10%; border-width: 14px; border-color: transparent transparent hsla(0,0%,100%,100%); border-style: solid;}
#header .nav .menu--primary > li:nth-last-child(1) .sub-menu-container,
#header .nav .menu--primary > li:nth-last-child(2) .sub-menu-container,
#header .nav .menu--primary > li:nth-last-child(3) .sub-menu-container {left: auto; right: 0;}
#header .nav .menu--primary > li:nth-last-child(1) .sub-menu-container:after,
#header .nav .menu--primary > li:nth-last-child(2) .sub-menu-container:after,
#header .nav .menu--primary > li:nth-last-child(3) .sub-menu-container:after {left: auto; right: 10%;}
#header .nav .menu--primary .hover > .sub-menu-container,
#header .nav .menu--primary :hover > .sub-menu-container {display: grid;}
#header .nav .menu--primary .sub-menu-container .title {color: var(--color-navy); font: var(--font-1); margin: 0; white-space: nowrap;}
#header .nav .menu--primary .sub-menu-container ul,
#header .nav .menu--primary .sub-menu-container form {background: var(--color-blue); padding: var(--space-base); border-radius: .25rem;}
#header .nav .menu--primary .sub-menu-container ul {display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3) var(--space-base);}
#header .nav .menu--primary .sub-menu-container ul a {color: var(--color-white); white-space: nowrap; margin: 0; padding: 0; font-weight: 400;}
#header .nav .menu--primary .sub-menu-container ul .current-menu-item > a,
#header .nav .menu--primary .sub-menu-container ul .current_page_parent > a,
#header .nav .menu--primary .sub-menu-container ul a:hover {color: var(--color-dark-yellow);}
#header .nav .menu--primary .sub-menu-container form .fields {display: flex; gap: var(--space-3) var(--space-base);}
#header .nav .menu--primary .sub-menu-container form .fields .field {min-width: 13rem;}

@media (max-width: 1040px) {
    #header .nav .menu--primary {position: static;}
    #header .nav .menu--primary a {color: var(--color-white); font-weight: normal; margin: 0;}

    #header .nav .menu--primary .sub-menu-container:before,
    #header .nav .menu--primary .sub-menu-container:after {content: none;}
    #header .nav .menu--primary .sub-menu-container ul {display: block; padding: 0;}
}


#header .menu--donate {position: absolute; top: 2rem; right: 0;}
#header .menu--donate .as-button a {padding: var(--space-2) var(--space-0);}

@media (max-width: 1040px) {
    #header .nav .menu--donate {position: static; margin-top: var(--space-base);}
}


#header .menu--secondary {position: absolute; top: calc(-1 * var(--space-0)); right: 0;}
#header .menu--secondary li {line-height: var(--space-0); position: relative;}
#header .menu--secondary li:before {content: ''; position: absolute; left: calc(-1 * var(--space-base)/2); top: 50%; height: var(--space-2); border-left: 1px solid white;
    -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
}
#header .menu--secondary li:first-child:before {content: none;}
#header .menu--secondary > li > a {color: var(--color-white);}
#header .menu--secondary > li > a:hover {color: var(--color-dark-yellow);}
#header .menu--secondary .sub-menu-container {display: block;}
#header .menu--secondary .sub-menu-container .title {display: none;}
#header .menu--secondary .sub-menu-container li {line-height: 1.538;}
#header .menu--secondary .sub-menu-container li:before {content: none;}
#header .menu--secondary .sub-menu-container {left: 0; right: auto;}

@media (max-width: 1620px) {
    #header .nav .menu--secondary li:nth-child(2) > .sub-menu-container {left: auto; right: 0;}
}
@media (max-width: 1350px) {
    #header .nav .menu--secondary li > .sub-menu-container {left: auto; right: 0;}
}
@media (max-width: 1040px) {
    #header .menu--secondary {position: static;}
    #header .menu--secondary li {line-height: unset;}
    #header .menu--secondary li:before {content: none;}
}



#header .menu--quick-contact {position: absolute; top: 2rem; right: 16rem;}

@media (max-width: 1040px) {
    #header .menu--quick-contact {left: 0; right: auto; top: calc(-1.5 * var(--space-0));}
    #header .nav .menu--quick-contact > li {line-height: calc(1.5 * var(--space-0));}
    #header .menu--quick-contact > li > a {color: var(--color-white);}
    #header .menu--quick-contact > li > a:hover {color: var(--color-dark-yellow);}
}



#header .search-form {position: absolute; top: calc(-1 * var(--space-0)); left: 0; gap: var(--space-4); padding: .3rem 0; display: none;}
#header .search-form input {padding: .125rem 1rem;}
#header .search-form input[type="search"] {min-width: 20rem;}
#header .search-form input[type="submit"] {background: var(--color-blue);}
.search-on #header .search-form {display: flex;}
.search-on .search-toggle a:before {content: '\f00d';}



/* Footer
 * ======================================== */

#footer {color: var(--color-white); padding-bottom: var(--space-0);}
#footer a {text-decoration: none; color: var(--color-white);}
#footer a:hover {color: var(--color-dark-yellow);}
#footer ul {list-style: none; margin-left: 0;}

#footer > .container {display: grid; grid-template-columns: 2fr 3fr; column-gap: var(--space-0);}

@media (max-width: 1160px) {
    #footer > .container {grid-template-columns: 2fr 5fr;}
}
@media (max-width: 1060px) {
    #footer > .container {grid-template-columns: 2fr 6fr;}
}
@media (max-width: 960px) {
    #footer > .container {display: block;}
}


#footer .widgets-container {grid-row: 1 / span 2; display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: var(--space-0);}
#footer .widgets-container .widget {margin: var(--space-0) 0;}
#footer .widgets-container .menu {margin-top: 0;}
#footer .widgets-container .menu li {margin-bottom: var(--space-3);}

@media (max-width: 1160px) {
    #footer .widgets-container {grid-row: 1;}
}
@media (max-width: 700px) {
    #footer .widgets-container {display: block; text-align: center;}
    #footer .widgets-container .widgets {width: 24rem; max-width: 100%; margin-left: auto; margin-right: auto;}
}


#footer .site-title {grid-row: 1; margin: var(--space-0) 0; padding: 0; max-width: 100%;}
#footer .site-title a {width: 20.625rem; max-width: 100%; height: 3.75rem; line-height: 3.75rem; display: block; text-decoration: none; background: transparent url('assets/images/healthy-bones-logo-white.png') no-repeat left 50%; background-size: contain; text-indent: -9999px;}

@media (max-width: 1160px) {
    #footer .site-title a {width: 100%;}
}
@media (max-width: 960px) {
    #footer .site-title a {background-position: 50%;}
}


#footer .copyright {margin-bottom: 0;}
#footer .copyright .widget {font: var(--font-small);}

@media (max-width: 1160px) {
    #footer .copyright {grid-column: 1 / span 2;}
}


#footer .newsletter {background: var(--color-blue); padding: var(--space-0) 0;}
#footer .newsletter a {text-decoration: underline;}
#footer .newsletter a:hover {text-decoration: none;}
#footer .newsletter input {border: 0;}
#footer .newsletter label > span:first-child {display: none;}
#footer .newsletter .fields {display: flex; justify-content: space-between;}
#footer .newsletter .title {text-align: center; font: var(--font-1); margin-top: 0; color: var(--color-white);}
#footer .newsletter .note {text-align: center; margin: 0; color: var(--color-white);}

@media (max-width: 960px) {
    #footer .newsletter .fields {display: grid; grid-template-columns: 1fr 1fr 1fr;}
    #footer .newsletter .fields .field--submit {grid-column: 2;}
}

@media (max-width: 720px) {
    #footer .newsletter .fields {grid-template-columns: 1fr; text-align: center;}
    #footer .newsletter .fields .field {max-width: 24rem; margin-left: auto; margin-right: auto;}
    #footer .newsletter .fields .field--submit {grid-column: 1;}
}


#footer .menu .as-button > a {width: 100%;}
#footer .menu .as-button > a:hover {color: var(--color-white);}
#footer #menu-social {display: flex; justify-content: space-between; font-size: 2rem;}
#footer #menu-privacy {display: flex; font: var(--font-small); justify-content: space-between;}
#footer #menu-privacy li {flex: 1 1 auto; text-align: center; line-height: 1;}
#footer #menu-privacy li + li {border-left: solid 1px white;}
#footer #menu-privacy li:first-child {text-align: left;}
#footer #menu-privacy li:last-child {text-align: right;}





/* Main
 * ======================================== */

#main {background: var(--color-content-bg); padding: 5.364375rem 0 var(--space-0) 0;}

@media (max-width: 1040px) {
    #main {padding-top: 0;}
}


/* Print
 * ======================================== */

@media print {
    body {background: none !important; color: #2b2b2b; font-size: 12pt; width: 100%;}
    #header {background: none; min-height: 100px;}
    #header .site-title a {height: 100px;}
    #header .site-title:after {position: absolute; right: 0; top: 0;}
    #header nav {display: none;}
    #footer {display: none;}
    h2, h3 {page-break-after: avoid;}
    article a {font-weight: bolder; text-decoration: none;}
    article a[href^=http]:after {content:" <" attr(href) "> ";}
}



/* WP Styles
 * ======================================== */

.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center;}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {margin: .5em 1rem .5em 0;}
.wp-caption.alignleft {margin: .5em 1rem .5em 0;}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {margin: .5em 0 .5em 1rem;}
.wp-caption.alignright {margin: .5em 0 .5em 1rem;}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {margin-top: .5em; margin-bottom: .5em;}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {padding-top: .5em; width: 50%;}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {margin-bottom: .5em;}

.wp-caption {margin-bottom: 1rem; color: #767676;}
.wp-caption img[class*="wp-image-"] {display: block; margin: 0;}
.wp-caption-text {font-style: italic; line-height: 1.4; margin: .5em 0;}
div.wp-caption .wp-caption-text {padding-right: 1rem}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {padding-left: 1rem; padding-right: 0;}

.wp-smiley {border: 0; margin-bottom: 0; margin-top: 0; padding: 0;}