/*
Theme Name: SimpleX 341
Theme URI: https://csrtech.support/themes/
Author: Ray W. Johnson
Author URI: https://csrtech.support/raywjohnson/
Description: A no-frills basic theme base on BlankSlate.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 1.0.9
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.3
License: Copyright (c) 2022 CSR Tech Concepts Inc All Rights Reserved.
License URI: https://csrtech.support/licensing/
Text Domain: simplex341
*/

/* from BlankSlate CSS, w/o base tags reset */
/*
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
*/
.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}

/* root */

*:before, *:after {
  box-sizing: border-box
}

* {
  font-family: 'Noto Sans', sans-serif;
}

/*
ul {
  list-style: disc;
  padding: 0 0 0 1rem;
}

ul ul {
  list-style: square;
}

ul ul ul {
  list-style: circle;
}
*/

/* base */

a, a:link { text-decoration: none; color: var(--main-color); }
a:visited { color: var(--main-color); }
a:hover { color: var(--main-hover); }
a:active { color: var(--main-selected); }

b, strong { font-weight: bold; }

i, em { font-style: oblique; }

a[href^="/bad-link/?"] {
  background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAApVBMVEUAAAD6LCz9Kyr+Kin+Kin+Kin5LSz+Kin+Kin9Kin8Kyr7Kyv+Kin+Kin8Kyr9Kin9Kin9Kin7LCv+Kin7Kyv9Kin+Kin+Kin+Kin+Kin+Kin9Kin+Kin9Kin9Kir9Kin9Kin+Kin+Kin+Kin+Kin+Kin+Kin+Kin9Kir+Kin+Kin+Kin9Kyr9Kin9Kin7Kyr+Kin+Kin+Kin+Kin8Kyr8Kir+KinSB//rAAAANnRSTlMABSP6nkkD46ubDwnNjnNsYDgpGhIL9vDdpIiBW1VPQx4W18K7tq+FaOzns5Q7MCzaenh2xWVSJPRtAAABMUlEQVQYGQXBA4IkQQAAsFQbY9tc6+r/T7sEAIQQAigAyLt197d+y7L7am+wBTicZsttMh4ng7rqLTqLPmA4r46gKHzU/RgTIJ9vAEius87pExzm3WwE0NSPW9aroCl7NvF7Cg63Z2+yXv9tsK7QT5ct3jsxG5ueH1XQdEawjdcgf8Y77AbnsWPVgEfaHaTpNzB6TST3AGzTOP8HmFz3hj3AT4ynAJhcdg4/oF3FcpV2A9AscsdVi2kWy9xg1geOMdF2jxS3uBgS1ukWDMsJ/VzxGhefEC7zd3h9K2izUR2/hkB7KQ/sZyOYnGI5Ahh/dXy81FDc4ssHAMnusxOnMFz23++/CYBd+bIHoaUZXHNgXM3SPQA0y7f1Ln9cYvrsAQCSzSo7n5ebCQAAiuk0APwHaAkZ38WV/KcAAAAASUVORK5CYII=') center left no-repeat;
  padding-left: 26px;
}

/*
a[href^="/bad-link/?"]:hover {

}
*/

hr {
  height: 2px;
  border: 0;
  background-color: var(--main-color);
}

h1, h2, h3, h4, h5, h5 {
  margin: 0.20rem 0;
}

input[type="submit"] {
  border: 1px solid var(--main-color);
  background-color: var(--main-selected);
  color: var(--font-lite-color);
  border-radius: 0.20rem;
  padding: 0.20rem 0.25rem;
  cursor: pointer;
}

input[type="submit"]:hover {
  background-color: var(--main-hover);
}

p {
  line-height: 1.5;
}

/* special */

.big-page-button {
  height: 13rem;
  line-height: 13rem;
  text-align: center;
}

.big-page-button > a {
  border: 1px solid var(--main-color);
  padding: 2rem;
  border-radius: 1rem;
}

.big-page-button > a:hover {
  background-color: var(--main-hover);
  color: var(--font-lite-color);
}

/* site */

/*
#wrapper {
  max-width: 960px;
  padding: 0.75rem;
  margin: 1rem auto;
  border: 1px solid var(--main-color);
  border-radius: 0.60rem;
}

@media only screen and (max-width: 984px) {
  #wrapper {
    margin: 1rem;
  }
}
*/
/* -- */


/*
#header {}
*/


#branding {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.50rem 0.50rem;

  padding: 0.50rem;
}

#site-logo {
  justify-content: flex-start;
}

#site-logo img {
  height: 48px;
}

#site-title {
  flex: 1;
  justify-content: center;
  font-weight: bold;
}

#site-description {
  justify-content: flex-end;
  font-weight: bold;
}

/* -- */

#container { padding: 1rem; }

/*
#content {}
*/

/* -- */

/*
aside#sidebar {}
*/

aside#sidebar h3.widget-title {
  font-weight: bold;
  margin-bottom: 0.50rem;
}

form.wp-block-search label.wp-block-search__label {
  display: block;
  font-weight: bold;
  margin-bottom: 0.50rem;

}

#primary.widget-area > div.xoxo {

}

.widget-container {
  padding-top: 0.50rem;
}

.widget-container .widget-title {
  border-bottom: 1px solid var(--main-color);
}

.widget-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget-container ul li {
  line-height: 1.3;
}

.widget-container h2 {
  font-weight: bold;
  padding-bottom: 0.25rem;
  margin-bottom: 0.25rem;
  border-bottom: 1px solid var(--main-color);
}

/*.widget-container ul li {
  padding-bottom: 0.20rem;
  margin-bottom: 0.20rem;

  border-bottom: 1px solid var(--main-color);
}
*/

/* -- */

#footer {
  background-color: var(--main-color);
  color: var(--font-lite-color);
  margin-top: 0.50rem;
}

#copyright {
  text-align: right;
  padding: 1rem;
}

/* -- */

.post-edit-link {
  float: right;
  border: 1px solid var(--main-color);
  padding: 0.25rem;
  border-radius: 0.25rem;
}

.post-edit-link:hover {
  background-color: var(--main-hover);
  color: var(--font-lite-color);
}

/* -- */

/*
header {
  margin-bottom: 1rem;
}
*/

/*
article {}
*/

h1.entry-title {
  margin: 1.50rem 0 1.00rem 0;
  padding-bottom: 1.00rem;
  border-bottom: 1px solid var(--main-color);
}

h2.entry-title {
  margin: 1.50rem 0 1.00rem 0;
}

.entry-content {
  line-height: 1.8;
}

.entry-content p {
  margin: 1rem 0 1rem 0;
}

/*
  home
  page
  blog
  ????
*/

.entry-content-article ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.40rem;
}

.entry-footer {
  margin: 0.25rem 0;
  padding: 0.25rem 0;
}

/*
.entry-links {}
*/

.entry-meta {
  margin: 0.25rem 0;
  padding: 0.25rem 0;
}

.footer {
  margin: 0.25rem 0;
  padding: 0.25rem 0;
}

.nav-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.50rem;
}

/* tickets */

#wpsc_tickets_container {
  width: 100% !important;
}

/* navbar */

#toggle-nav {
  display: none;
  text-align: right;
  padding: 0.50rem 1rem;
  transition: color linear 0.15s;
  color: var(--font-lite-color);
  background: var(--main-color);
  font-size: 1.80rem;
}

#toggle-nav:hover {
  color: #CCC;
}

#menu {
  margin-top: 0.50rem;
}

#menu ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: var(--main-color);
}

#menu ul.menu > li {
  float: left;
}

#menu ul.menu > li:last-child {
  float: right;
}

#menu ul.menu a {
  display: block;
  color: var(--font-lite-color);
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

#menu ul.menu a:hover, #menu ul.menu > a:hover {
  background-color: var(--main-hover);
}

#menu ul.menu li.current-menu-item > a {
  background-color: var(--main-selected);
}

#menu ul.sub-menu {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  background-color: var(--main-color);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

#menu ul.sub-menu li {
  min-width: 160px;
  float: none;
}

#menu ul.sub-menu li a {
  display: block;
  color: var(--font-lite-color);
  background-color: var(--main-color);
  text-decoration: none;
  text-align: left;
  padding: 1.00rem 1.25rem;
}

#menu ul.sub-menu li a:hover {
  background-color: var(--main-hover);
}

#menu ul.menu li:hover ul.sub-menu {
  display: block;
}

/*
#menu ul.menu > li > a span.mobile-txt-l {
  display: none;
}
*/

#menu ul.menu > li > a span.mobile-txt-r {
  display: none;
}

/* ######################## */

/* https://codepen.io/gin85cc/pen/jrOgRq */

span.x1 {
  display: inline-block;
  vertical-align: middle;
  cursor: cell;
}

span.x2 {
  display: inline-block;
  border-radius: 50%;
}

span.x2:hover .tik {
  border: 0.2em solid var(--font-lite-color);
  background-color: var(--main-color);

}

span.x2:hover .tik:after {
  border-top: 0.2em solid var(--font-lite-color);
  border-right: 0.2em solid var(--font-lite-color);
}

.tik {
  display: inline-block;
  width: 2em;
  height: 2em;
  border: 0.2em solid var(--main-selected);
  border-radius: 50%;
}

.tik:after {
  content: '';
  display: inline-block;
  margin-top: 0.3em;
  margin-right: 0.4em;
  width: .6em;
  height: .6em;
  border-top: 0.2em solid var(--main-selected);
  border-right: 0.2em solid var(--main-selected);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

/* tooltips */
/*

.ui-tooltip, .arrow:after {
  background: var(--main-color);
  border: 2px solid var(--main-selected);
}
.ui-tooltip {
  padding: 10px 20px;
  color: var(--font-lite-color);
  border-radius: 20px;
  font: bold 14px "Helvetica Neue", Sans-Serif;
  text-transform: uppercase;
  box-shadow: 0 0 7px var(--main-hover);
  max-width : 128px;
}
.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}
.arrow.top {
  top: -16px;
  bottom: auto;
}
.arrow.left {
  left: 20%;
}
.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px var(--main-color);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow.top:after {
  bottom: -20px;
  top: auto;
}
*/

/* recent posts shortcode */

.s341-recent-posts {
  line-height: 1.6;
}

.s341-recent-posts div.s341-recent-post {
  margin: 0.50rem 0 0 0;
  padding: 1.50rem;
  border: 1px solid var(--main-color);
}

.s341-recent-post-title {
  padding: 1rem 0 2rem 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--main-color);
  font-size: 1.4rem;
  font-weight: bold;
}

.s341-recent-post-credentials {
  margin: 1rem;
}

.s341-recent-post-content {
  margin: 2rem 0 1rem 0;
  text-align: justify;
}

.s341-recent-post-meta {

}

.s341-pagination {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.s341-pagination .page-numbers {
  display: inline-block;
  color: #000;
  padding: 0.50rem 1rem;
  text-decoration: none;
  border: 1px solid #DDD;
}

.s341-pagination span.page-numbers.current,
.s341-pagination a:hover {
  background-color: var(--main-color);
  color: #FFF;
  border: 1px solid var(--main-color);
}

.s341-pagination a:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.s341-pagination a:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

/*

ul.page-numbers {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.page-numbers li a.prev {

}

ul.page-numbers li a.next {

}

ul.page-numbers li {
  display: inline-block;
}

ul.page-numbers li .page-numbers {
  color: black;
  padding: 0.50rem 1rem;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #DDD;
}

ul.page-numbers li span.current {
  background-color: var(--main-color);
  color: white;
  border: 1px solid var(--main-color);
}

ul.page-numbers li span:hover:not(.current) {background-color: #ddd;}
*/

/* media queries */

@media print {
  #sidebar {
    display: none;
  }

  #disqus_thread {
    display: none;
  }
}

@media only screen and (max-width: 768px) {

  #toggle-nav {
    display: block;
  }

  #menu {
    display: none;
  }

  #menu ul.menu li {
    float: none;
    display: block;
  }

  #menu ul.menu > li:last-child {
    float: none;
  }

  #menu ul.sub-menu {
    display: none;
    position: relative;
  }

  #menu ul.menu li:hover ul.sub-menu {
    display: none;
  }

  #menu ul.menu a {
    padding: 0.50rem 1.00rem;
  }

  #menu ul.menu > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1.00rem;
  }

  #menu ul.menu > li > a > span.mobile-txt-l {
    display: inline-block;
    flex: 1;
    text-align: left;
  }

  #menu ul.menu > li > a > span.mobile-txt-r {
    display: inline-block;
    flex: 1;
    text-align: right;
  }

  #menu ul.sub-menu li a:before {
    content: "\2192  ";
  }
}

/* === [ FIN: CSRTech_Simplex341_Theme                                  ] === */
/* === [ (c) 2022 CSR Tech Concepts Inc All Rights Reserved.            ] === */