/* Load fonts ------------------------------- */

/*
font-family: 'Assistant', sans-serif;
font-weight: 400,600,700,800;
*/
@import url('https://fonts.googleapis.com/css?family=Assistant:400,600,700,800&display=swap');

/*limited reset*/
html, body, div, hgroup, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li{
   margin: 0px;
   padding: 0px;
   border: 0px;
}

header, section, footer, aside, nav, main, article, figure, canvas, video  {
   display: block;
   margin: 0px;
   padding: 0px;
   border: 0px;
}


/* =WordPress Core
-------------------------------------------------------------- */

.alignnone {
   margin: 5px 0px 10px 0px;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin: 5px auto 5px auto;
}

.alignright {
   float:right;
   margin: 5px 0px 10px 20px;
}

.alignleft {
   float: left;
   margin: 5px 20px 20px 0px;
}

a img.alignright {
   float: right;
   margin: 5px 0px 10px 20px;
}

a img.alignnone {
   margin: 5px 20px 10px 0px;
}

a img.alignleft {
   float: left;
   margin: 5px 20px 10px 0px;
}

a img.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.wp-caption {
   background: #fff;
   border: 1px solid #f0f0f0;
   max-width: 96%; /* Image does not overflow the content area */
   /* width: auto !important; */
   padding: 10px 5px 10px 5px;
   text-align: center;
}

.wp-caption.alignnone {
   margin: 5px 20px 20px 0px;
}

.wp-caption.alignleft {
   margin: 5px 20px 20px 0px;
}

.wp-caption.alignright {
   margin: 5px 0px 20px 20px;
}

.wp-caption img {
   border: none;
   height: auto;
   margin: 0px 0px 0px 0px;
   max-width: 98%;
   padding: 0px 0px 0px 0px;
   width: auto;
}

.wp-caption p.wp-caption-text,
.gallery .gallery-caption,
.image-page-caption p {
   font-size: 13px;
   line-height: 17px;
   margin: 0px 0px 0px 0px;
   padding: 4px 5px 4px 5px;
   color: #767676;
}

.sticky {} /* sticky post style */

/* Text meant only for screen readers. */

.screen-reader-text {
   clip: rect(1px, 1px, 1px, 1px);
   position: absolute !important;
   white-space: nowrap;
   height: 1px;
   width: 1px;
   overflow: hidden;
}

.screen-reader-text:focus {
   background-color: #f1f1f1;
   border-radius: 3px;
   box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   clip: auto !important;
   color: #21759b;
   display: block;
   font-size: 14px;
   font-size: 0.875rem;
   font-weight: bold;
   height: auto;
   left: 5px;
   line-height: normal;
   padding: 15px 23px 14px;
   text-decoration: none;
   top: 5px;
   width: auto;
   z-index: 100000; /* Above WP toolbar. */
}

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

   .alignright,
   .alignleft,
   a img.alignright,
   a img.alignleft {
      float: none;
      margin: 10px auto 10px !important;
      display: block;
   }
   
   .wp-caption.alignnone,
   .wp-caption.alignleft, 
   .wp-caption.alignright {
      margin: 10px auto 10px;
   }

}

/* IE older browsers support ------------------------------- */

img.size-large,
img.header-image,
img.wp-post-image,
img[class*="attachment-"] {
   height: auto;
   width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
}

/* Theme Reset ------------------------------- */

h1, h2, h3, h4, h5, h6, p, span, 
object, blockquote, pre, address, cite, code, .contentdel, ul, ol,
small, strong, sub, sup, b, i, fieldset, label, legend, table {
   color: inherit;
}

h1, h2, h3, h4, h5, h6, p, ol, ul, table {
   color: #575757;
}

a,
a:visited,
a:active,
a:focus,
a:hover {
   color: #2020fe;
   text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
   display: block;
   padding: 4px 0px 4px 0px;
   font-weight: 700;
   font-family: 'Assistant', Tahoma, Geneva, Verdana, sans-serif;
   line-height: 1.1;
   color: #1781cb;
   /* clear: both; */
}

h1 {font-size: 40px;}
h2 {font-size: 30px;}
h3 {font-size: 22px;}
h4 {font-size: 23px;}
h5 {font-size: 21px;}
h6 {font-size: 19px;}

.h1-class, .h1-class h2 {font-size: 40px;}
.h2-class {font-size: 30px;}
.h3-class {font-size: 22px;}
.h4-class {font-size: 21px;}
.h5-class {font-size: 21px;}
.h6-class {font-size: 19px;}

button,
input,
select,
textarea {
   max-width: 100%;
}

ol, ul {
   font-size: 18px;
   font-weight: normal;
   display: block;
   padding: 0px 20px 0px 0px;
   margin: 10px 0px 10px 0px;
   line-height: 29px;
   color: #6d6d6d;
}

ol li,
ul li {
   padding: 5px 0px 5px 0px;
}

p {
   font-size: 18px;
   line-height: 29px;
   font-weight: normal;
   padding: 6px 0px 6px 0px;
   color: #6d6d6d;
}

pre {
 padding: 10px 10px 10px 10px;; 
  margin: 0px;
  line-height: 1.2;
  background: #e1e0e0;
  border: 10px solid #f5f5f5;
  outline: 1px solid #cccccc;
  overflow: auto;
  color: #000;
  white-space: pre-wrap;
}

img {
   max-width: 100%;
   height: auto;
}

iframe,
embed {
   max-width: 100%;
}

fieldset {
   border: 1px solid #cccccc;
   color: #606060;
}

.clear {
   clear: both;
}

.table-warp {
  max-width: 100%;
  overflow: auto;
}

table {
  border-collapse:collapse;
  text-align: center;
}

table.full-size {
    width: 100%;
}

table tr th { 
  background: #007baf;
  color: #fff;
  padding: 10px 20px 10px 20px;
  border: 1px solid #dedede;
}

table tr td { 
  padding: 15px 20px 15px 20px;
  border: 1px solid #dedede;
}

/*================================
=============== Mobile
==================================*/

@media only screen and (max-width: 768px) {
   
   h1, h2, h3, h4, h5, h5 {
      line-height: 1.2; 
  }

  h1 {font-size: 35px;}
  h2 {font-size: 30px;}
  h3 {font-size: 22px;}
  h4 {font-size: 23px;}
  h5 {font-size: 21px;}
  h6 {font-size: 19px;}

  .h1-class, .h1-class h2 {font-size: 35px;}
  .h2-class {font-size: 30px;}
  .h3-class {font-size: 22px;}
  .h4-class {font-size: 23px;}
  .h5-class {font-size: 21px;}
  .h6-class {font-size: 19px;}

}