/*!
Theme Name:   WobbleSecure
Theme URI:    https://wobbleai.com
Author:       Mario Benedek
Description:  Child theme of Storefront
Version:      1.0.5a
Template:     storefront
Text Domain:  wobblesecurechildtheme
*/
.a-click-no-border, button, a, .a-click-no-border:active, .a-click-no-border:focus {
  border: 0;
  outline: 0;
}

.link-transition, #masthead a {
  transition: color 170ms ease-in-out, background-color 170ms ease-in;
}

.no-transition, #masthead a.button {
  transition: none;
}

.main-navigation ul li a,
.site-title a,
ul.menu li a,
.site-branding h1 a,
button.menu-toggle,
button.menu-toggle:hover,
.handheld-navigation .dropdown-toggle {
  color: #333333;
}

button.menu-toggle,
button.menu-toggle:hover {
  border-color: #333333;
}

.main-navigation ul li a:hover,
.main-navigation ul li:hover > a,
.site-title a:hover,
.site-header ul.menu li.current-menu-item > a {
  color: #747474;
}

table:not(.has-background) th {
  background-color: #f8f8f8;
}

table:not(.has-background) tbody td {
  background-color: #fdfdfd;
}

table:not(.has-background) tbody tr:nth-child(2n) td,
fieldset,
fieldset legend {
  background-color: #fbfbfb;
}

.site-header,
.secondary-navigation ul ul,
.main-navigation ul.menu > li.menu-item-has-children:after,
.secondary-navigation ul.menu ul,
.storefront-handheld-footer-bar,
.storefront-handheld-footer-bar ul li > a,
.storefront-handheld-footer-bar ul li.search .site-search,
button.menu-toggle,
button.menu-toggle:hover {
  background-color: #ffffff;
}

p.site-description,
.site-header,
.storefront-handheld-footer-bar {
  color: #404040;
}

button.menu-toggle:after,
button.menu-toggle:before,
button.menu-toggle span:before {
  background-color: #333333;
}

h1, h2, h3, h4, h5, h6, .wc-block-grid__product-title {
  color: #333333;
}

.widget h1 {
  border-bottom-color: #333333;
}

body,
.secondary-navigation a {
  color: #6d6d6d;
}

.widget-area .widget a,
.hentry .entry-header .posted-on a,
.hentry .entry-header .post-author a,
.hentry .entry-header .post-comments a,
.hentry .entry-header .byline a {
  color: #727272;
}

a {
  color: #1c6197;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline-color: #1c6197;
}

button, input[type=button], input[type=reset], input[type=submit], .button, .widget a.button {
  background-color: #4fbfa0;
  border-color: #4fbfa0;
  color: #ffffff;
}

button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover, .widget a.button:hover {
  background-color: #36a687;
  border-color: #36a687;
  color: #ffffff;
}

button.alt, input[type=button].alt, input[type=reset].alt, input[type=submit].alt, .button.alt, .widget-area .widget a.button.alt {
  background-color: #4fbfa0;
  border-color: #4fbfa0;
  color: #ffffff;
}

button.alt:hover, input[type=button].alt:hover, input[type=reset].alt:hover, input[type=submit].alt:hover, .button.alt:hover, .widget-area .widget a.button.alt:hover {
  background-color: #36a687;
  border-color: #36a687;
  color: #ffffff;
}

.pagination .page-numbers li .page-numbers.current {
  background-color: #e6e6e6;
  color: #636363;
}

#comments .comment-list .comment-content .comment-text {
  background-color: #f8f8f8;
}

.site-footer {
  background-color: #f0f0f0;
  color: #6d6d6d;
}

.site-footer a:not(.button):not(.components-button) {
  color: #333333;
}

.site-footer .storefront-handheld-footer-bar a:not(.button):not(.components-button) {
  color: #333333;
}

.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6, .site-footer .widget .widget-title, .site-footer .widget .widgettitle {
  color: #333333;
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title {
  color: #000000;
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content {
  color: #000000;
}

@media screen and (min-width: 768px) {
  .secondary-navigation ul.menu a:hover {
    color: #595959;
  }

  .secondary-navigation ul.menu a {
    color: #404040;
  }

  .main-navigation ul.menu ul.sub-menu,
.main-navigation ul.nav-menu ul.children {
    background-color: #f0f0f0;
  }
}
.hentry .entry-content .wp-block-button .wp-block-button__link,
.editor-styles-wrapper .wp-block-button .wp-block-button__link,
.wp-block-button,
button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.widget a.button {
  font-family: "Helvetica Neue", "Arial", sans-serif;
  font-size: 16pt;
  font-weight: 700;
  letter-spacing: 1px;
  border-radius: 300px !important;
  padding: 18px 40px !important;
}

.button-outline > .wp-block-button__link,
.hentry .entry-content .wp-block-button .button-outline > .wp-block-button__link {
  background-color: #fff !important;
  border-style: solid !important;
  border-width: 2px !important;
  border-color: #595959 !important;
  color: #595959 !important;
  font-size: 12px !important;
  text-transform: uppercase;
}
.button-outline > .wp-block-button__link:hover,
.hentry .entry-content .wp-block-button .button-outline > .wp-block-button__link:hover {
  background-color: #595959 !important;
  color: #fff !important;
}

.woocommerce-message {
  background-color: #6ed77a;
}

.woocommerce-error {
  background-color: #f18c3d;
}

.woocommerce-info {
  background-color: #8bd6f6;
}

body {
  font-family: "Work Sans", "Helvetica", "Arial", sans-serif;
  font-size: 13.25pt;
  color: #000;
  background-color: #424242;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Crimson Text", serif;
  letter-spacing: 0.02em;
  color: #222;
  text-rendering: optimizeLegibility;
}

h1.entry-title {
  text-align: center;
}

.entry-content h1,
h1.entry-title,
h2 {
  margin-top: 1.5em;
}

.has-background-dim h1, .has-background-dim h2 {
  margin-top: 0;
}

figure.is-type-video {
  margin: 3em 0;
}

.wp-block-column > figure.is-type-video {
  margin: 0.75em 0;
}

a:focus, button:focus,
.button.alt:focus, input:focus,
textarea:focus, input[type=button]:focus,
input[type=reset]:focus, input[type=submit]:focus,
input[type=email]:focus, input[type=tel]:focus,
input[type=url]:focus, input[type=password]:focus,
input[type=search]:focus {
  outline: 0 !important;
}

body.page #primary {
  width: 100%;
}

#masthead {
  background-color: #222;
  padding-top: 12px;
  margin-bottom: 0;
}

#content {
  background-color: #fff;
  padding-top: 0;
  min-height: 500px;
}

.site-header .site-branding {
  width: 100%;
  margin: 0;
}

.site-header .site-logo-anchor img, .site-header .site-logo-link img, .site-header .custom-logo-link img {
  max-width: 119px !important;
  margin: 0 auto;
}

.site-header {
  border-bottom: 0;
}

.hentry .entry-content .wp-block-cover .wp-block-cover__inner-container,
.editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
  padding-top: 1em !important;
}

.wp-block-cover > .wp-block-cover__inner-container > h1 {
  font-size: 38px !important;
}

.has-white-color {
  color: #fff !important;
}

@media (max-width: 66.4989378333em) {
  .col-full {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .content-area .entry-content > .wp-block-columns {
    padding: 0 10%;
  }
}
@media (min-width: 768px) {
  .content-area .entry-content > .wp-block-columns {
    padding: 0 25%;
  }
  .content-area .entry-content > .wp-block-columns.full-width {
    padding: 1.25em 2.375em;
  }
  .content-area .entry-content > .wp-block-columns.full-width h2 {
    margin-top: 0;
  }
  .content-area .entry-content figure.wp-block-image {
    margin: 0 !important;
  }

  body.page-id-6415 .content-area .entry-content > .wp-block-columns {
    padding: 2.5em;
  }
}
.wp-block-cover__inner-container > .wp-block-columns {
  width: 100%;
}

#site-navigation {
  text-align: center;
}

button.menu-toggle, button.menu-toggle:hover {
  max-width: 140px !important;
  float: none;
  margin-top: 1.25em;
}

.primary-navigation {
  text-align: center;
}

.handheld-navigation {
  text-align: center;
}

#masthead a {
  color: #fff;
  font-family: "Nunito Sans", sans-serif;
}
#masthead a:hover {
  color: #a6a6a6;
}
#masthead a.button {
  color: #fff;
}
#masthead li.menu-item {
  letter-spacing: 1.6px;
}

.storefront-primary-navigation {
  font-size: 12pt;
}

@media (min-width: 768px) {
  #masthead {
    margin-top: -67px;
    padding-bottom: 17px;
  }

  #masthead .storefront-primary-navigation {
    margin-top: 80px;
    margin-bottom: 0;
  }
  #masthead a.custom-logo-link {
    width: 200px;
    margin: 0 auto;
  }
  #masthead .site-branding {
    position: relative;
    top: 70px;
  }
  #masthead .main-navigation ul.menu > li > a,
#masthead .main-navigation ul.nav-menu > li > a {
    padding: 8px 5px;
    margin: 0 5px;
  }
  #masthead #site-header-cart a.cart-contents {
    padding-top: 8px;
  }

  #masthead .primary-navigation li.current-menu-item > a {
    color: #a6a6a6;
  }
  #masthead .primary-navigation li:first-of-type > a {
    margin-left: 0;
  }
}
abbr[title] {
  text-decoration: none;
}

footer.site-footer {
  background-color: #424242;
  color: #b3b3b3;
  padding: 0;
}

.site-footer a:not(.button),
.site-footer a:not(.button):not(.components-button) {
  color: #b3b3b3;
}

@media (min-width: 768px) {
  .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container,
.editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
    padding-bottom: 1em;
  }
}
form.frmWblDownload {
  text-align: center;
}
form.frmWblDownload .yourEmail {
  width: 300px;
}
form.frmWblDownload .btnSubmit {
  margin-top: 1em;
}

@media (min-width: 768px) {
  .footer-widgets.col-4 .block {
    width: 50%;
    float: left;
    margin: 0;
  }
}
body.blog .content-area {
  margin-top: 1.5em;
}
body.blog .wp-block-column.blog-index-entry {
  margin-top: 1.5em;
}
body.blog .blog-index-entry {
  text-align: center;
}
body.blog .blog-index-entry small {
  color: #a6a6a6;
}
body.blog .blog-index-entry h2 {
  font-size: 18pt;
  font-weight: bold;
  margin-top: 0.5em;
}
body.blog .blog-index-entry p.excerpt {
  font-size: 0.9em;
}