/*
Theme Name: Freaky Theme
Theme URI: http://eveharms.com
Author: Eve Harms \
Author URI: https://calmestghost.com/
Description: Writer's theme based on Generic by Bryan Hadaway (A fully responsive, SEO-friendly, Accessibility-ready, jQuery-ready, and WordPress theme review guidelines compliant starter theme for designers and developers, which comes with its own built-in CSS grid (https://generic.tools/grid/). This generic/starter/clean/simple/bare/blank/minimalist/example/cheatsheet/white-label/HTML5/CSS3/base/foundation/framework/skeleton/boilerplate/whatever theme was created specifically as a tool to assist with building client sites virtually from scratch or building and submitting your own themes. It's updated to reflect new changes in theme review requirements, to make the process much easier with a higher level of success (some theme authors never make it through), but please post bugs, suggestions for improvement, or support requests on GitHub (https://github.com/bhadaway/generic-theme/issues) if you're getting jammed up on your review ticket. Note: the aim of the project is to meet WordPress guideline requirements, but not necessarily all of its recommendations. The biggest diversion would be the semi-minification of Freaky Theme's code. If you prefer the WordPress official coding standard (https://make.wordpress.org/core/handbook/best-practices/coding-standards/) or some other popular standard, you may download a free trial of PhpStorm (https://www.jetbrains.com/phpstorm/) or use some other code formatter/beautifier to automatically and instantly bulk format all the code to your liking. If I was able to help you out, consider making a donation (https://calmestghost.com/donate). Thank you and enjoy! )
Version: 1.3.3
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Tags: accessibility-ready, one-column, two-columns, right-sidebar, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready, blog, e-commerce, portfolio
Text Domain: freaky

Freaky Theme WordPress Theme © 2015-2020 Freaky ThemeTools
Freaky Theme is distributed under the terms of the GNU GPL
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

html {
    scroll-behavior: smooth
}

body {
    line-height: 1
}

a {
    text-decoration-skip-ink: auto
}

a[href^="tel"] {
    color: inherit;
    text-decoration: none
}

button {
    outline: 0
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

q {
    display: inline;
    font-style: italic
}

q:before {
    content: '"';
    font-style: normal
}

q:after {
    content: '"';
    font-style: normal
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="password"] {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0
}

input[type="search"] {
    -webkit-appearance: textfield
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th,
td {
    padding: 2px
}

big {
    font-size: 120%
}

small,
sup,
sub {
    font-size: 80%
}

sup {
    vertical-align: super
}

sub {
    vertical-align: sub
}

dd {
    margin-left: 20px
}

kbd,
tt {
    font-family: courier;
    font-size: 12px
}

ins {
    text-decoration: underline
}

del,
strike,
s {
    text-decoration: line-through
}

dt {
    font-weight: bold
}

address,
cite,
var {
    font-style: italic
}

figcaption {
    font-size: 0.85em;
    font-style: italic;
}

.wp-block-pullquote {
    padding: 0;
}

.wp-block-pullquote blockquote p {
    font-size: 1.7em;
    font-style: italic;
    text-align: left;
    font-weight: 300;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    transition: all 0.5s ease
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 16px;
    color: #3a3a3a;
    line-height: normal;
    word-wrap: break-word;
    background: #ffffff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    margin-bottom: 30px
}

h2,
h3,
h4,
h5,
h6 {
    margin-top: 40px
}

h1 {
    font-size: 35px
}

h2 {
    font-size: 28px
}

h3 {
    font-size: 25px
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 16px
}

p {
    margin: 30px 0
}

.page #content p,
.single-post #content p {
    font-size: 18px;
    line-height: 145%
}

* p:last-of-type,
#sidebar .widget-container:last-child {
    margin-bottom: 0
}

a {
    color: #007acc
}

a:hover,
a:focus {
    text-decoration: none
}

strong {
    font-weight: bold
}

em {
    font-style: italic
}

pre {
    overflow-x: auto;
    white-space: pre-wrap
}

pre,
code {
    font-family: 'courier new', courier, serif
}

hr {
    height: 1px;
    border: 0;
    margin: 30px 0;
    background: #ccc
}

blockquote {
    padding: 15px;
    border-left: 4px solid #ccc;
    margin: 30px 0
}

blockquote p:first-of-type {
    margin-top: 0
}

.entry-content ul,
.widget-container ul,
.comment-body ul,
.entry-content ol,
.widget-container ol,
.comment-body ol {
    text-indent: -20px;
    margin: 30px 0 30px 40px
}

figure ul {
    margin: 0;
}

figure.wp-block-gallery ul {
    margin: 0;
}

figure.wp-block-gallery {
    margin-top: 1em;
}

.entry-content ol,
.widget-container ol,
.comment-body ol {
    list-style: decimal inside;
    text-indent: -18px
}

.entry-content ul ul,
.widget-container ul ul,
.comment-body ul ul,
.entry-content ol ol,
.widget-container ol ol,
.comment-body ol ol {
    margin-top: 0;
    margin-bottom: 0
}

.entry-content ul li:before,
.widget-container ul li:before,
.comment-body ul li:before {
    content: "— "
}

ul li.blocks-gallery-item:before {
    content: ""
}


.entry-content li,
.widget-container li,
.comment-body li {
    line-height: 125%;
    margin: 10px 0
}

input,
textarea {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    padding: 15px;
    border: 0;
    border-bottom: 1px solid transparent;
    outline: 0;
    margin-top: 10px;
    background: #f6f6f6
}

input:focus,
textarea:focus {
    border-bottom: 1px solid #007acc
}

input[type="submit"],
button,
.button {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 15px 25px;
    border: 0;
    background: #007acc;
    cursor: pointer
}

input[type="submit"]:hover,
input[type="submit"]:focus,
button:hover,
button:focus,
.button:hover,
.button:focus {
    opacity: 0.8
}

a img,
input[type="image"],
iframe {
    border: 0
}

img,
video,
audio,
table,
select,
textarea {
    max-width: 100% !important;
    height: auto
}

table {
    width: 100%;
    margin: 30px 0
}

#wrapper {
    width: 90vw;
    margin: 0 auto
}

#header,
#container,
#footer {
    padding: 3%;
    max-width: 960px;
}

#branding {
    float: left
}

#container {
    background: #fff
}

#content {
    width: 100%;
    padding-right: 5%;
    float: left
}

.blog #content, .archive #content, .single-post #content, .single #content, .vault_content #content, .single-vault_content #content {
    width: 75%;
}

#sidebar {
    width: 25%;
    float: right;
    margin-top: 70px;
}

#footer {
    clear: both
}

#menu {
    margin-top: 10px;
    float: right
}

#menu div:first-of-type {
    float: left
}

#menu ul {
    font-size: 0
}

#menu ul,
#menu li,
#menu a {
    position: relative;
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: unset
}

#menu li.menu-item-has-children>a:after,
#menu li.page_item_has_children>a:after {
    font-family: serif;
    content: ' ▾'
}

#menu li.current-menu-item a,
#menu li.current_page_parent a {}

#menu a {
    display: inline-block;
    font-size: 18px;
    text-align: right;
    text-decoration: none;
    line-height: 33px;
    padding-bottom: 10px;
    margin-top: -1px;
    margin-right: 25px
}

#menu a:hover,
#menu a:focus {
    color: #767676;
    text-decoration: none;
    transition: all 0.5s ease
}

#menu ul.sub-menu,
#menu ul.children {
    position: absolute;
    display: block;
    top: 100%;
    left: -9999px;
    margin-top: 20px;
    z-index: 1000
}

#menu ul.sub-menu a,
#menu ul.children a {
    width: 200px;
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 20px;
    padding: 15px;
    border: 1px solid #eee;
    background: #fff
}

#menu ul.sub-menu a:hover,
#menu ul.sub-menu a:focus,
#menu ul.children a:hover,
#menu ul.children a:focus {
    color: #767676;
    background: #f7f7f7
}

#menu li.menu-item-has-children a:hover+ul.sub-menu,
#menu li.menu-item-has-children a:focus+ul.sub-menu,
#menu li.menu-item-has-children a+ul.sub-menu:hover,
#menu li.menu-item-has-children a+ul.sub-menu:focus-within,
#menu li.page_item_has_children a:hover+ul.children,
#menu li.page_item_has_children a:focus+ul.children,
#menu li.page_item_has_children a+ul.children:hover,
#menu li.page_item_has_children a+ul.children:focus-within {
    left: 0
}

#menu .menu-toggle {
    display: none;
    text-align: center;
    padding: 0;
    border: 0;
    margin: 0;
    background: none;
    transition: unset
}

#menu .menu-toggle:hover,
#menu .menu-toggle:focus {
    color: #007acc
}

#menu .menu-icon {
    font-size: 60px
}

#search {
    float: right
}

#search .search-field {
    width: 36px;
    height: 36px;
    color: transparent;
    padding: 10px;
    border-color: transparent;
    margin-top: 0;
    background-color: transparent;
    background-image: url(images/find-light.png);
    cursor: pointer
}

#search .search-field:focus {
    width: 200px;
    border-color: #007acc;
    cursor: text
}

.widget-container .search-field {
    width: 100%
}

.error404 .entry-content .search-field,
.search .entry-content .search-field {
    width: 200px;
    margin-top: 30px
}

.error404 .entry-content .search-field,
.search .entry-content .search-field,
.widget-container .search-field {
    background-color: #f6f6f6
}

.search-field {
    background: url(images/find.png) no-repeat 98% center / 24px auto
}

#site-title h1,
#site-title a {
    display: inline;
    font-size: 40px;
    font-weight: normal;
    text-decoration: none;
    margin-bottom: 0
}

#site-title img {
    width: 320px;
    height: auto;
}

#site-description,
#copyright,
#copyright a {
    color: #8a8a8a;
    padding: 8px 0;
}

.single h1.entry-title a {
    color: #767676;
    text-decoration: none
}

h2.entry-title,
h3.widget-title {
    margin-top: 0
}

#commentform label {
    display: block
}

#commentform #comment {
    width: 100%;
    max-width: 400px !important;
    height: auto
}

#comments .comment-author {
    line-height: 14px
}

#comments .comment-author img {
    margin-right: 5px;
    float: left
}

#comments .comment {
    margin: 20px 10px
}

#comments .comment-body {
    padding: 15px
}

#comments .odd>.comment-body {
    background: #f6f6f6
}

#comments .comment-body>p {
    font-size: 16px;
    margin: 15px 0 0
}

#copyright {
    text-align: center;
    line-height: 1.5em;
}

.entry-meta,
.entry-footer,
.archive-meta {
    margin: 30px 0
}

.entry-footer {
    clear: both
}

.entry-meta,
.entry-meta a,
.entry-footer,
.entry-footer a,
.comment-meta,
.comment-meta a,
.comment-author,
.comment-author a {
    font-size: 14px;
    color: #767676
}

.sticky {
    padding-bottom: 60px;
    border-bottom: 4px solid #ccc
}

article {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 30px
}

.bypostauthor {}

.post,
.widget-container,
.search article {
    margin-bottom: 60px
}

.widget_categories > ul > li::before {
    content: "";
}

.widget_categories li {
    margin: 12px 0;
}

.widget_categories ul.children {
    margin-left: 0px;
}

.post:last-of-type {
    margin-bottom: 0
}

.wp-caption {
    width: auto !important
}

.wp-caption.aligncenter,
.wp-caption-text,
.gallery-caption {
    text-align: center
}

.alignleft {
    margin: 0 30px 30px 0;
    float: left
}

.alignright {
    margin: 0 0 30px 30px;
    float: right
}

.aligncenter {
    display: block;
    margin: 30px auto;
    clear: both
}

.wp-post-image {
    display: block;
    margin-bottom: 1em;
    margin-top: 1em;
}

.wp-block-image {
    margin-bottom: 1em;
    margin-top: 1em;
}


.entry-attachment img {
    display: block;
    margin: 60px auto 30px
}

.attachment .entry-caption {
    text-align: center
}

.nav-links {
    margin-top: 30px
}

.nav-links a,
#nav-above a {
    text-decoration: none
}

#nav-above a {
    display: block;
    font-family: tahoma, sans-serif;
    font-size: 50px;
    color: #767676;
    line-height: 0;
    margin: 30px 0 15px
}

.nav-previous {
    text-align: left;
    float: left
}

.nav-next {
    text-align: right;
    float: right
}

.note {
    display: block;
    font-size: 14px;
    padding: 20px;
    margin: 30px 0
}

.sd-content ul {
    text-indent: 0px;
}

.sd-content ul li::before {
    content: "";
}

.blue,
.blue *,
.blue-dark,
.blue-dark *,
.green,
.green *,
.green-dark,
.green-dark *,
.orange,
.orange *,
.purple,
.purple *,
.red,
.red *,
.black,
.black * {
    color: #fff
}

.white,
.white *,
.yellow,
.yellow * {
    color: #000
}

.white {
    background-color: #fff !important
}

.blue {
    background-color: #007acc !important
}

.blue-dark {
    background-color: #1c78b5 !important
}

.green {
    background-color: #91da29 !important
}

.green-dark {
    background-color: #5d8c1a !important
}

.orange {
    background-color: #f98733 !important
}

.purple {
    background-color: #bb6cf8 !important
}

.red {
    background-color: #ef645d !important
}

.yellow {
    background-color: #f8f658 !important
}

.black {
    background-color: #4a4a45 !important
}

.lighter {
    background-color: rgba(255, 255, 255, 0.05)
}

.darker {
    background-color: rgba(0, 0, 0, 0.05)
}

.box,
.box-2,
.box-3,
.box-4,
.box-5,
.box-6,
.box-1-3,
.box-2-3 {
    display: inline-block;
    width: 100%;
    padding: 5%;
    vertical-align: top;
    float: left
}

.box-2 {
    width: 50%
}

.box-3,
.box-1-3 {
    width: 33.3333333%
}

.box-4 {
    width: 25%
}

.box-5 {
    width: 20%
}

.box-6 {
    width: 16.6666667%
}

.box-2-3 {
    width: 66.6666666%
}

.left {
    text-align: left
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.clear {
    clear: both
}

.clear-left {
    clear: left
}

.clear-right {
    clear: right
}

.clear-float:after,
#header:after,
#container:after,
.boxes:after {
    display: table;
    content: '';
    clear: both
}

@media(max-width:1024px) {

    .box-5,
    .box-6 {
        width: 25%
    }

    .boxes .box-5:nth-child(5) {
        width: 100%
    }

    .boxes .box-6:nth-child(5),
    .boxes .box-6:nth-child(6) {
        width: 50%
    }
}

@media(max-width:768px) {

    #header,
    #footer {
        text-align: center
    }

    #content,
    #sidebar {
        width: 100%!important;
        padding: 0
    }

    #sidebar {
        margin-top: 12px;
    }

    #branding,
    #menu,
    #menu div:first-of-type,
    #search {
        float: none
    }

    #search {
        margin-top: 20px
    }

    #search .search-field {
        width: 100%;
        border-color: #8a8a8a;
        cursor: text
    }

    #search .search-field:focus {
        width: 100%
    }

    #menu.toggled {
        width: 100%;
        height: 100%;
        bottom: 0;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 1000
    }

    #menu .menu-toggle {
        display: inline-block
    }

    #menu ul {
        display: none
    }

    #menu.toggled ul,
    #menu.toggled ul.sub-menu,
    #menu.toggled ul.children {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        padding: 0 0 10px 0;
        margin: 0
    }

    #menu.toggled ul.sub-menu,
    #menu.toggled ul.children {
        padding-bottom: 0
    }

    #menu.toggled a,
    #menu.toggled ul.sub-menu a,
    #menu.toggled ul.children a {
        display: inline-block;
        width: 100%;
        font-size: 18px;
        text-align: center;
        line-height: 20px;
        padding: 15px 0 5px;
        border: 0;
        margin: 0;
        background: none
    }

    #menu.toggled ul.sub-menu a,
    #menu.toggled ul.children a {
        color: #ccc
    }

    .box-4,
    .box-5,
    .box-6 {
        width: 50%
    }
}

@media(max-width:767px) {

    .single .nav-links .nav-previous,
    .single .nav-links .nav-next {
        float: none
    }

    .box-3 {
        width: 50%
    }

    .boxes .box-3:nth-child(3) {
        width: 100%
    }
}

@media(max-width:480px) {

    #header,
    #container,
    #footer {
        padding: 10%
    }

    .wp-caption,
    input,
    textarea,
    .button {
        width: 100% !important
    }

    input[type="checkbox"],
    input[type="radio"] {
        width: auto !important
    }

    .box-2,
    .box-3,
    .box-4,
    .box-5,
    .box-6,
    .boxes .box-6:nth-child(5),
    .boxes .box-6:nth-child(6),
    .box-2-3,
    .box-1-3 {
        width: 100%
    }
}

@media print {
    * {
        color: #000 !important;
        background: #fff !important
    }

    body {
        padding: 50px !important;
        margin: 0 !important
    }

    #content {
        display: block !important;
        padding: 0 !important;
        margin: 0 !important
    }

    #header,
    #sidebar,
    #footer,
    #comments,
    .entry-footer,
    .navigation,
    .share,
    .video-wrap,
    iframe,
    img {
        display: none !important
    }
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    word-break: normal
}

.screen-reader-text:focus {
    background-color: #f7f7f7;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #007acc;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    right: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.skip-link {
    left: -9999rem;
    top: 2.5rem;
    z-index: 999999999;
    text-decoration: underline
}

.skip-link:focus {
    display: block;
    left: 6px;
    top: 7px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    line-height: normal;
    padding: 15px 23px 14px;
    z-index: 100000;
    right: auto
}

.visually-hidden:not(:focus):not(:active),
.form-allowed-tags:not(:focus):not(:active) {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

.search-submit {
    display: none !important
}

/* Freaky styles */

/* Background  and site border */
.green-triangle {
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    width: 10vw;
    text-align: left;
    background: #00ff00;
}

.green-triangle img {
    height: 101vh;
    max-width: 100%;
}

.pattern-box-right {
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    width: 10vw;
    text-align: left;
    background: url(images/geometry-bg.png) 0 0 repeat transparent;
    z-index: 9;
    opacity: 0.7;
}

.pink-triangle {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 10vw;
    text-align: right;
    background: #ff00ff;
}


.pink-triangle img {
    height: 101vh;
    max-width: 100%;
    position: relative;
    left: 1px;
}

.pattern-box-left {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 10vw;
    text-align: right;
    background: url(images/geometry-bg.png) 0 0 repeat transparent;
    z-index: 9;
    opacity: 0.4;
}

/* Book Covers */
.sources {
    display: flex;
    flex: auto;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    margin: 54px 0;
}

.source-cover {
    text-align: center;
    padding: 18px;
    max-width: 185px;
}

.source-cover img {
    max-width: 100%;
    max-height: 234px;
}

/* Pinterest Board */
.super-responsive-wrapper {
    width: 100%;
    margin: auto;
  }
  
  .board-wrapper {
    margin: auto;
    text-align: center;
  }
  
  .board-wrapper span {
    overflow: hidden;
    max-width: 100%!important;
  }

/* Responsive stuff */

@media (min-width: 483px){
    .green-triangle, .pink-triangle {
        display: block;
    }

    #wrapper {
        width: 80vw;
    }
}

@media (min-width: 768px){

    #wrapper {
        width: 60vw;
    }

     .pattern-box-right, .pattern-box-left, .green-triangle, .pink-triangle {
        width: 20vw;
     }


}

/* Link menu */
#linktree a {
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.5px;
}

#linktree li {
    padding: 16px 0;
    border-bottom: 1px solid #bbbbbb;
}

ul#linktree {
    padding: 0px 40px;
    list-style: upper-roman;
}

body.page-template-page-links {
    padding-top: 10px!important;
}

.page-template-page-links .mob-menu-header-holder.mobmenu {
    display: none;
}

/* muddle */

#heybuddyhey-muddle .muddle {
    max-width: calc(100vw - 36px);
    height: calc(98vh - 80px)!important;
    line-height: 1.2em;
    margin-top: 48px;
    top: 20px;
}

.muddle-body img {
    display: none;
}

.muddle-body input {
    width: 90%;
    text-align: center;
}

#heybuddyhey-muddle .muddle-footer {
    position: relative!important;
    bottom: 0!important;
}

@media (min-width: 600px){

    #heybuddyhey-muddle .muddle {
        height: 425px!important;
    }

    #heybuddyhey-muddle .muddle-footer {
        position: absolute!important;
        bottom: 20px!important;
    }

    .muddle-text {
        display: flex;
    }
    
    .muddle-body img {
        display: block;
        width: 180px;
        margin-right: 42px;
    }
    
    .muddle-body p {
        margin: 0 0 0 17px;
    }
    
    #heybuddyhey-muddle form.pure-form {
        text-align: left;
        margin: 20px 0px 0 20px;
    }
    
    .muddle-form input#submit {
        position: absolute;
        right: 0;
        top: 0px;
        width: 145px;
    }
    
    .muddle-form input#email {
        position: absolute;
        left: 0;
        top: 0;
        margin-left: 16px;
        height: 45px;
        width: calc(100% - 190px)
    }
    
    .muddle-form {
        position: relative;
    }

}

/* Hide google recaptcha */
.grecaptcha-badge { visibility: hidden; }

.sib-form__declaration {
    display: none;
}

.sib-container {
    padding-top: 0px;
    margin-top:0px;
    background: transparent;
}

.sib-form {
    padding-top: 0px;
    margin-top:0px;
}

/* landing page */
.page-template-page-landing .mobmenu-overlay, .page-template-page-landing .mobmenu-panel, .page-template-page-landing .mobmenu {
    display: none;
}

body.page-template-page-landing {
    padding-top: 0;
}