@font-face {
font-family: 'Ganache';
src: url(//theawkwardtraveller.com/wp-content/themes/hello-blogger/lib/fonts/ganache.woff) format('woff');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
font-display: swap;
}
@font-face {
font-family: 'Dahlia';
src: url(//theawkwardtraveller.com/wp-content/themes/hello-blogger/lib/fonts/Dahlia.woff) format('woff');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
font-display: swap;
}
.blogger-angel {
transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); }
@media only screen and (min-width: 276px) and (max-width: 1380px)  {
.kt-row-has-bg {
background-attachment: scroll !important;
}
}
.header-html-inner img.alignnone,
.mobile-html-inner img.alignnone{
vertical-align: middle;
display: inline-block;
}
.header-html-inner em,
.mobile-html-inner em {
font-family: var(--global-heading-font-family);
}
.drawer-content .site-header-item .search-toggle-open-container,
.header-mobile-social-wrap {
margin: 0 auto;
}
.site-footer-middle-section-1 .wp-block-social-links {
font-size: 18px;
}
.header-button {
--f: 5px;
--r: 10px;
--t: 10px;
inset: var(--t) calc(-1*var(--f)) auto auto;
clip-path:  polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,
calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),
var(--r) calc(50% - var(--f)/2));
}
.site-top-header-wrap.site-header-row-container.site-header-focus-item.site-header-row-layout-fullwidth {
margin-right: 10px;
}
h1 em,
h2 em,
h3 em,
h4 em {
font-family: 'Dahlia';
-webkit-font-smoothing: antialiased;
letter-spacing: normal;
text-transform: none;
font-size: 130%;
}
.hyd-imgborder img {
border: 10px solid var(--global-palette9);
}
.hyd-tabs .wp-block-kadence-tabs .kt-tabs-title-list {
justify-content: center;
}
.hyd-tabposts.grid-cols {
column-gap: 1rem;
row-gap: 1rem;
}
.kt-tabs-wrap .wp-block-kadence-tab .hyd-tabposts {
text-align: center;
}
@media screen and (min-width: 1025px) {
.hyd-tabposts.grid-lg-col-3 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.hyd-pposts.grid-lg-col-3 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.hyd-4posts.grid-lg-col-3 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 1024px) {
.loop-entry .entry-content-wrap {
padding: 1rem;
}
}
@media screen and (min-width: 768px) {
.primary-sidebar {
max-width: 600px;
}
}
@media screen and (min-width: 576px) {
.hyd-tabposts.grid-sm-col-3 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.hyd-4posts.grid-sm-col-2 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media screen and (max-width: 576px) {
.hyd-tabposts.grid-sm-col-3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.hyd-posts.grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail:not(.kb-post-no-image) {
grid-template-columns: 1fr;
}
.hyd-posts.grid-sm-col-1,
.hyd-pposts.grid-sm-col-2,
.hyd-4posts.grid-sm-col-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (min-width: 276px) {
.hyd-mobileposts.grid-sm-col-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.hyd-4posts .loop-entry {
text-align: center;
}
.grid-cols {
column-gap: 1rem;
row-gap: 1rem;
}
.hyd-4posts .loop-entry {
background: none!important;
}
.hyd-rarrow,
.hyd-larrow,
.hyd-rarrows {
position: relative;
}
.hyd-rarrow.wp-block-kadence-spacer,
.hyd-rarrow.wp-block-kadence-spacer.aligncenter {
width: 130%!important;
}
.hyd-rarrow::after,
.hyd-rarrows::after {
display: inline-block;
content: '';
width: 11px;
height: 11px;
transform: rotate(45deg);
transform-origin: center center;
border-right: 1px solid #000;
border-top: 1px solid #000;
position: absolute;
top: -3px;
right: 1px;
}
.hyd-larrow.wp-block-kadence-spacer,
.hyd-larrow.wp-block-kadence-spacer.aligncenter {
margin-left: -30%;
width: 130%!important;
}
.hyd-larrow::after {
display: inline-block;
content: '';
width: 11px;
height: 11px;
transform: rotate(-145deg);
transform-origin: center center;
border-right: 1px solid #000;
border-top: 1px solid #000;
position: absolute;
top: -4px;
left: 1px;
}
@media (max-width: 767px) {
.hyd-larrow.wp-block-kadence-spacer,
.hyd-larrow.wp-block-kadence-spacer.aligncenter {
margin-left: 0;
width: 90%!important;
}
.hyd-larrow::after {
display: inline-block;
content: '';
width: 11px;
height: 11px;
transform: rotate(45deg);
transform-origin: center center;
border-right: 1px solid #000;
border-top: 1px solid #000;
position: absolute;
top: -3px;
left: 98%;
}
.hyd-rarrow.wp-block-kadence-spacer,
.hyd-rarrow.wp-block-kadence-spacer.aligncenter {
width: 90%!important;
}
}
.hyd-img img,
.entry-related-carousel img,
.entry.loop-entry img {
opacity: 1;
width: 100%;
-webkit-transition: opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
-moz-transition: opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
-ms-transition: opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
-o-transition: opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
transition: opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
}
.hyd-img img:hover,
.entry-related-carousel img:hover,
.entry.loop-entry img:hover {
transform: scale(1.02);
opacity: .8;
}
.hyd-highlight .kt-highlight,
.hyd-highlight a .kt-highlight {
background: linear-gradient(to top, var(--global-palette1) 50%, transparent 50%)!important;
}
.hyd-highlight a .kt-highlight:hover {
background: linear-gradient(to top, var(--global-palette2) 50%, transparent 50%)!important;
color: var(--global-palette3);
}
.hyd-prettytitle {
background: linear-gradient(to top, var(--global-palette1) 50%, transparent 50%)!important;
display: inline;
}
.hyd-posts .entry-taxonomies a{
font-size: 12px;
letter-spacing: .1em;
color: #999;
}
.hyd-posts .entry.loop-entry {
border-bottom: 1px solid #eee;
padding-bottom: 20px;
}
a.post-more-link .kadence-svg-iconset {
display: none;
}
a.post-more-link {
background: linear-gradient(to top, var(--global-palette1) 50%, transparent 50%)!important;
color: #000;
display: inline;
padding: 4px;
}
a.post-more-link:hover {
background: linear-gradient(to top, var(--global-palette2) 50%, transparent 50%)!important;
color: #000;
display: inline;
padding: 4px;
}
.entry-tags a.tag-link {
background: var(--global-palette1);
border: 1px solid var(--global-palette1);
border-radius: 0;
color: #fff;
}
.entry-tags a.tag-link:hover {
background: var(--global-palette2);
border: 1px solid var(--global-palette2);
border-radius: 0;
color: #fff;
}
.entry-author-name a {
font-family: var(--global-heading-font-family);
font-size: 30px;
color:  var(--global-palette3);
}
.entry-author-profile p.entry-author-occupation {
font-family: var(--global-primary-nav-font-family);
color: var(--global-palette5);
text-transform: uppercase;
letter-spacing: .1em;
font-size: 14px;
line-height: 1;
}
.entry-author-style-normal,
.entry-author-style-center{
background: var(--global-palette9);
border-bottom: 0px !important;
padding: 20px;
box-shadow: 4px 0px 8px 0px rgba(0,0,0,0.05);
}
.entry-author-style-center .entry-author-avatar{
margin: -50px auto 0;
}
.entry-author-style-center .entry-author-avatar img,
.bypostauthor .avatar{
border: 3px solid #fff;
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
}
.entry-author-style-center .entry-author-avatar:before,
.entry-author-style-center .entry-author-avatar:after{
display: none;
}
.entry-author-style-center .entry-author-profile .entry-author-description {
max-width: 95% !important;
}
.entry-author-description {
font-size: 16px;
}
.entry-author-style-center a.social-button {
width:1.5em;
height: 1em;
color: var(--global-palette2);
background: var(--global-palette9);
border-radius: 0;
}
.entry-author-style-center a.social-button:hover {
width:1.5em;
height: 1em;
color: var(--global-palette1);
background: var(--global-palette9);
border-radius: 0;
}
.comment-respond{
background: var(--global-palette9);
padding: 30px;
margin-bottom: 25px;
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.05);
}
.comment {
margin-bottom: 25px;
padding: 30px;
}
li.comment.thread-even {
background: var(--global-palette9);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.05);
}
li.comment.thread-odd {
background: var(--global-palette9);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.05);
}
.children {
background: var(--global-palette8);
}
li.comment.thread-odd .children {
background: var(--global-palette9);
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.comment-form-wprm-rating label {
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
letter-spacing: .05em;
}
.comment-form-wprm-rating {
display: flex;
column-gap: 5px;
}
.comment-body {
border: none;
}
a.comment-reply-link {
border: none;
background: var(--global-palette1);
color: var(--global-palette9);
}
a.comment-reply-link:hover {
background: var(--global-palette2);
color: var(--global-palette9);
}
.entry-author-style-center a.social-button {
width:1.5em;
height: 1em;
color: var(--global-palette2);
background: var(--global-palette9);
border-radius: 0;
}
.entry-author-style-center a.social-button:hover {
width:1.5em;
height: 1em;
color: var(--global-palette1);
background: var(--global-palette9);
border-radius: 0;
}
.archive-description span {
font-family: var(--global-heading-font-family);
color: var(--global-palette4);
}
.archive-description a {
font-family: var(--global-primary-nav-font-family);
font-size: 90%;
transition: all .1s linear;
text-decoration: none;
font-weight: bold;
letter-spacing: .05em;
text-transform: uppercase;
}
.wp-block-search input {
font-family: var(--global-primary-nav-font-family);
text-transform: uppercase;
font-size: 12px;
letter-spacing: .1em;
border-radius: 0;
border: 0;
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.05);
}
.wp-block-search .wp-block-search__button:not(.has-background) {
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.05);
}
.hyd-search.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
border-radius: 0;
border: none;
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.05);
}
.hyd-search.wp-block-search input {
box-shadow: none;
}.rank-math-list-item {
margin-bottom: 2em; }