/*
Theme Name: SecWeb Custom
Theme URI: https://infidels.org/theme/
Author: Ray W. Johnson
Author URI: https://infidels.org/theme/
Description: Custom theme based on BlankSlate. Not a child theme.
Version: 1.0.1
Requires at least: 5.0
Tested up to: 5.7
Requires PHP: 7.0
License: Internet Infidels. All Rights Reserved.
License URI: http://infidels.org/copyrights/
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: secweb
*/

/*
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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !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}
*/

/* SECWEB */

:root {
  --ii-color: #1874CD;
  --ii-bgcolor: #EBF5FF;

  /*
  line left
  line right
  line bottom
  line top
  arrow left
  arrow right
  arrow diagonal
  */
  --icon-external-link: url('data:image/svg+xml,\
  <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 20 20"> \
    <g style="stroke:rgb(35,82,124);stroke-width:1"> \
      <line x1="5" y1="5" x2="5" y2="14" /> \
      <line x1="14" y1="9" x2="14" y2="14" /> \
      <line x1="5" y1="14" x2="14" y2="14" /> \
      <line x1="5" y1="5" x2="9" y2="5"  /> \
      <line x1="10" y1="2" x2="17" y2="2"  /> \
      <line x1="17" y1="2" x2="17" y2="9" /> \
      <line x1="10" y1="9" x2="17" y2="2" style="stroke-width:1.5" /> \
    </g> \
  </svg>');
}

* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

h1 {
  font-weight: bold;
}

.entry-content {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

.wp-block-quote {
  border: 0;
  border-left: 5px solid #000;
}

.wp-block-quote p {
  padding: 0.25rem 0 0 0.50rem;
}

.wp-block-quote cite {
  font-style: oblique;
  padding: 0.25rem 0 0 0.50rem;
}

.wp-block-table.aligncenter {
  margin: 0 auto;

}

/* table: add borders */
.secweb-table-borders > table {
  border: 1px solid #000;
}

.secweb-table-borders > table td {
  border: 1px solid #000;
}

/* tables */

.secweb-table table {
  border-collapse: collapse;
  width: 100%;
}

.secweb-table td,
.secweb-table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.secweb-table tr:nth-child(even) {
  background-color: #f2f2f2;
}

.secweb-table tr:hover {
  background-color: #ddd;
}

.secweb-table th,
.secweb-table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: var(--ii-color);
  color: white;
}

/* bad link page */

div.ii-bad-link-page {
  max-width: 720px;
  margin: 0 auto;
  padding: 1.00rem;
  border: 1px solid #000;
  border-radius: 1.00rem;
  background-color: #F8F8F8;
  color; #000;
}

div.ii-bad-info {
  font-size: 1.40rem;
}

span.ii-bad-link { color: #00F; cursor: pointer; }

span.ii-bad-link:hover { color: #F00; }

span.ii-bad-link::after,
a.external::after, /* temp, need to locate and fix 2 links */
a.offsite::after {
  content: '';
  background: no-repeat var(--icon-external-link);
  padding-right: 1em;
}

/* aside */

.secweb-aside {
  margin: 7px;
  padding: 5px;
  float: right;
  border: 3px double #141414;
  width: 32%;
  background: #DED6C6;
}

/* info box */
.secweb-text-box-info {
  padding: 0.50rem;
  border: 1px solid #1E90FF;
  color: #000000;
  background-color: #D6EBFF;
  border-radius: 0.50rem;
}

.secweb-text-box-720 {
  max-width: 720px;
  margin: 0 auto;
}

.secweb-text-box-warning {
  padding: 0.50rem;
  border: 1px solid #FF0000;
  color: #FF0000;
  background-color: #FFF5F5;
  border-radius: 0.50rem;
}

/*
.wp-block-table.alignleft

.wp-block-table.alignright
*/

.secweb-blockquote {
  font-size: 0.95rem;
  margin-left: 100px;
  margin-right: 100px;
}

.remark {
  display: none;
}

.secweb-about-us2 {
  padding: 0.25rem;
  padding: 0.25rem;
  border: 3px double #141414;
  width: 32%;
  background: #DED6C6;
}

.secweb-about-us2 {
  float: left;
}

.secweb-about-us {
  margin: 0 0 0 0.50rem;
  padding: 0 0.50rem;
  color: #000;
  float: right;
  width: 40%;
  border-radius: 0.50rem;
  background: url('/wp-content/uploads/secweb/site/drop-of-reason-about-us.png') no-repeat center center;
  background-position: cover;
}

.secweb-about-us > a {
  color: #0089D9;
}

a.external::after, /* temp, need to locate and fix 2 links */
a.offsite::after {
  content: '';
  background: no-repeat var(--icon-external-link);
  padding-right: 1em;
}


/* thumbnails */

.secweb-thumb-summary,
.secweb-thumb-content {
  text-align: center;
  border: 1px solid var(--ii-color);
  border-radius: 0.25rem;
  padding: 0.25rem;
  background-color: var(--ii-bgcolor);
}

.secweb-thumb-summary {
  float: right;
  margin-left: 0.50rem;
}

.secweb-thumb-content {
  float: left;
  margin-right: 0.50rem;
}

/* blocks */

.wp-block-separator {
  height: 2px;
  width: 100%;
  border: 0;
  background-color: var(--ii-color);
}

.wp-block-image figcaption {
  font-size: 0.75em;
}

#site-logo {
  max-width: 100%;
}

.page-header {
  display: block;
  text-align: center;
}

.page-logo {

}

.tag-links {
  font-size: 0.9rem;
  font-style: oblique;
}

/*
.page-header div {
  background-color: #ADD8E6;
  outline: 1px solid red;
}
*/

/*
div#wrapper
  header#header
    div#gtranslate
    div#branding
    nav#menu
  div#container
    main#content
    aside#sidebar
  footer#footer
*/

div#wrapper {
  display: grid;
  gap: 0;
  grid-template-areas:
    "header"
    "bar1"
    "container"
    "bar2"
    "footer";

  max-width: 1200px;
  outline: 1px solid var(--ii-color);
  border-radius: 0.50rem;
  background-color: var(--ii-color);
  margin: 0.50rem auto;
  padding: 0;
}

header#header {
  grid-area: header;
  background-color: #FFF;
}

div#bar1 {
  display: flex;
  grid-area: bar1;
  color: #FFF;
  background-color: var(--ii-color);
  text-align: right;
  padding: 0.25rem;
}

div#bar2 {
  display: flex;
  grid-area: bar2;
  color: #FFF;
  background-color: var(--ii-color);
  text-align: right;
  padding: 0.25rem;
}

.secweb-bar2 {
  margin: auto;  /* Magic! */
  flex-grow: 1;
}

.secweb-top-link {
  color: #FFF;
  background-color: var(--ii-color);
  border-radius: 0.13rem;
  padding: 0.21rem;
}

.secweb-button-link {
  display: inline-block;
  width: auto;
  padding: 3px 7px;
  background: #AED8FF;
  border: 0;
  font-size: 13px;
  color: #001D39;
  border-radius: 5px;
}

.secweb-button-link:hover {
  background: #FFF;
}

h1.entry-title {
  margin-bottom: 0.50rem;
  padding-bottom: 0.50rem;
  font-size: 1.6em;
  line-height: 1em;
  border-bottom: 2px solid var(--ii-color);
}

.post-edit-link-box-content,
.post-edit-link-box-summary {
  float: right;
}

.post-edit-link-box-content:after,
.post-edit-link-box-summary:after {
  content: "";
  display: table;
  clear: both;
}

.post-edit-link-box-content a.post-edit-link {
  background-color: var(--ii-color);
  color: white;
  padding: 0.50rem 1.00rem;
  margin: 0.25rem 0;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
}

.post-edit-link-box-summary a.post-edit-link {
  background-color: var(--ii-color);
  color: white;
  padding: 0.25rem 0.50rem;
  margin: 0.25rem 0;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
}


div#branding {
  background-color: #FFF;
  padding: 0.50rem;
  border-bottom: 1px solid var(--ii-color);
}

nav#menu {
  background-color: var(--ii-color);
}

div#search {
  background-color: #FFF;
  padding: 0.50rem;

  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

div#container {
  grid-area: container;
  background-color: var(--ii-color);

  display: grid;
  gap: 0.50rem;
  grid-template-areas:
    "sidebar"
    "content";
}

main#content {
  grid-area: content;
  background-color: #FFF;
}

aside#sidebar {
  grid-area: sidebar;
  background-color: var(--ii-color);
  padding: 0.50rem;
  color: #FFF;
}

aside#sidebar h3 {
  font-weight: bold;
}

aside#sidebar a {
  color: #FFF;
}

aside#sidebar a:hover {
  color: #072441;
}

aside#sidebar hr {
  background-color: #FFF;
  height: 2px;
  border: 0;
}

footer#footer {
  grid-area: footer;
  background-color: #FFF;
  text-align: center;
  padding: 0.50rem;
  font-size: 0.70em;
}

.spacer-bottom {
  height: 0.30rem;
}

/* page + entry */
.the-home-page {

}

.the-blog-page {
  padding: 0.50rem;
}

.the-post-page {
  padding: 0.50rem;
}

.entry-footer {
  border-top: 2px solid var(--ii-color);
  margin-top: 0.50rem;
  padding-top: 0.50rem;
}

.footer {
  margin-top: 0.50rem;
  padding-top: 0.50rem;
}

.secweb-cats-n-tags {
  padding: 0;
  margin: 0.25rem 0;
}

/* sidebar */

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

ul.xoxo ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0.25rem 0.25rem;
}

ul.xoxo h3.widget-title {
  margin: 0;
  padding: 0;
}

/* search form */

form.search-form input[type=search] {
  padding: 0.50rem 1.00rem;
  margin: 0.25rem 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  max-width: 50%;
}

form.search-form input[type=submit] {
  background-color: var(--ii-color);
  color: white;
  padding: 0.50rem 1.00rem;
  margin: 0.25rem 0;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
}

form.search-form input[type=submit]:hover {
  background-color: #072441;
}

/* Authors */

.secweb-author {
/*
  border-bottom: 1px solid var(--ii-color);
*/
  margin-bottom: 0.50rem;
  padding: 0;
}
span.secweb-excerpt-more-link {

}

span.secweb-excerpt-more-link-data {
  display: none;
}

.secweb-author-description {
  padding: 0.50rem 0.50rem 0.50rem 1.00rem;
}

.secweb-author-published_list {
  border-bottom: 2px solid var(--ii-color);
  margin-bottom: 0.50rem;
}

.secweb-author-category-header {
  font-size: 1.4em;
  font-weight: bold;
  font-style: normal;
  border-bottom: 1px solid var(--ii-color);
}

/* simple table */

.secweb-table {
  width: 100%;
  display: block;
}
.secweb-table tbody,
.secweb-table tr,
.secweb-table td {
  display: block;
}
.secweb-table td {
  vertical-align: top;
}

/* SecWeb Standardized Elements */

.secweb-def-term {
  padding: 0 0 0.5rem 0;
}

.secweb-def-defn {
  padding: 0 0 0.5rem 2rem;
}

ol.secweb-list-upper-alpha { list-style: upper-alpha; }
ol.secweb-list-lower-alpha { list-style: lower-alpha; }
ol.secweb-list-upper-roman { list-style: upper-roman; }
ol.secweb-list-lower-roman { list-style: lower-roman; }
ol.secweb-list-upper-latin { list-style-type: upper-latin; }
ol.secweb-list-lower-latin { list-style-type: lower-latin; }
ol.secweb-list-upper-greek { list-style-type: upper-greek; }
ol.secweb-list-lower-greek { list-style-type: lower-greek; }
ol.secweb-list-decimal { list-style-type: decimal; }
ol.secweb-list-decimal-leading-zero { list-style-type: decimal-leading-zero; }
ol.secweb-list-none { list-style-type: none; }
ol.secweb-list-cjk-ideographic { list-style-type: cjk-ideographic; }
ol.secweb-list-armenian { list-style-type: armenian; }
ol.secweb-list-georgian { list-style-type: georgian; }
ol.secweb-list-hebrew { list-style-type: hebrew; }
ol.secweb-list-hiragana { list-style-type: hiragana; }
ol.secweb-list-hiragana-iroha { list-style-type: hiragana-iroha; }
ol.secweb-list-katakana { list-style-type: katakana; }
ol.secweb-list-katakana-iroha { list-style-type: katakana-iroha; }

/* MENU
div#menu-mainmenu-container
ul#menu-mainmenu.menu
*/
nav#menu {
  display:block;
}

#hamburger-btn {
  display: none;
  cursor: pointer;
}

#hamburger-btn span {
  display: block;
  height: 0.25rem;
  width: 1.80rem;
  background: white;
  margin: 0.25rem;
  border-radius: 1px;
}

/* Print Button */
.secweb-print-btn {
  display:inline-block;
  margin: 0;
  padding: 0.20rem 0.40rem 0.20rem 1.80rem;
  background-color: #428bca;
  color: #f9f9f9;
  font-family:"Lucida Grande", 'LucidaSansRegular', Arial, Helvetica, sans-serif;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-shadow: 1px 1px 1px #111;
  box-shadow: 1px 1px 1.2px #555555;
  -moz-box-shadow: 1px 1px 1.2px #555555;
  -webkit-box-shadow: 1px 1px 1.2px #555555;

  background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAn1BMVEUAAAAAAAAFBQUAAAABAQEAAAAAAAAAAAAAAAAAAAAaGhopKSkWFhYXFxcTExMKCgoEBAQJCQkPDw8jIyMbGxsCAgITExMCAgINDQ0HBwcDAwMGBgYQEBAHBwcICAgVFRUFBQUlJSUjIyMkJCQAAAAnJycAAAAaGhobGxtDQ0MAAABFRUUAAAAfHx8UFBQPDw8cHBwTExMXFxcYGBgAAADbZBViAAAANHRSTlMA4jqS4tPLlzF88Zc58ZeX9tOXSTL59O7l49vQz8Ctq6SQgndmVUcsJB0dC+Hcxri2flQe84iOAQAAANJJREFUKM+V0dl2gjAUheEdBmtbKCA4z/PU1mm//7MJ5BijeON3k4t/JVk5QWEz8nJKqWLpji646bEVfpXCMGzxD8LhEZYDA2gBI1g+THDYeAyOCT9vhWw2ZuJafI5nGZA2+UJziT6fdc8nso9OJcyBhB68Shjus5hKQoWCYq7tW9okZcfzO3JyRwO7utjpoDDQwaVwdRggjcujVp9iVYY4BbaLKSMsvwtzfcd0sZUhRnJUzQzRhI1TqD+GgBNYJuYH9x36NSNhDzfr/191N1wjdwX7xS6PXArLUQAAAABJRU5ErkJggg==') left center no-repeat;
}
.secweb-print-btn:hover {
  background-color: #FFFFFF;
  color: #0000FF;
  text-decoration:none;
}


/**
 * Menu Framework starts from here ...
 * ------------------------------
 */

.secweb-page-menus,
.secweb-page-menus ul {
  margin:0 0 0 1em; /* indentation */
  padding:0;
  list-style:none;
  color:#00274D;
  position:relative;
}

.secweb-page-menus ul {margin-left:.5em} /* (indentation/2) */

.secweb-page-menus:before,
.secweb-page-menus ul:before {
  content:"";
  display:block;
  width:0;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  border-left:1px solid;
}

.secweb-page-menus li {
  margin:0;
  padding:0 1.0em; /* indentation + .5em */
  line-height: 1.5em; /* default list item's `line-height` */
  position:relative;
}

.secweb-page-menus li:before {
  content:"";
  display:block;
  width:10px; /* same with indentation */
  height:0;
  border-top:1px solid;
  margin-top:-1px; /* border top width */
  position:absolute;
  top:1em; /* (line-height/2) */
  left:0;
}

.secweb-page-menus li:last-child:before {
  background:white; /* same with body background */
  height:auto;
  top:1em; /* (line-height/2) */
  bottom:0;
}

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

  nav#menu {
    display:none;
  }

  #hamburger-btn {
    display: inline-block;
  }

  #hamburger-menu:checked ~ nav#menu {
    display:none;
  }

  #hamburger-menu:checked + nav#menu {
    display:block;
  }

  .secweb-print-btn {
    display: none !important;
  }
}

/* less than large screen */

/*
@media screen and (min-width: 1210px) {
  div#wrapper {
    margin: 0.50rem auto 2.50rem auto;
  }
}
*/

/* large screen */

@media screen and (min-width: 800px) {

  .secweb-table {
    display: table;
  }

  .secweb-table tbody {
    display: table-row-group;
  }

  .secweb-table tr {
    display: table-row;
  }

  .secweb-table td {
    display: table-cell;
  }
}

@media screen and (min-width: 600px) {

  div#container {
    grid-template-columns: 200px 1fr;
    grid-template-areas:
      "sidebar content";
  }

  footer#footer {
    font-size: 1em;
  }

  .spacer-bottom {
    height: 0.80rem;
  }

  .page-header {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }

  form.search-form input[type=search] {
    max-width: 80%;
  }

}


/* FIN */