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

@font-face {
   font-family: 'opensans-hebrew';
   src: url('../fonts/opensans/regular/OpenSansHebrew-Regular.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/opensans/regular/OpenSansHebrew-Regular.woff') format('woff'), 
       url('../fonts/opensans/regular/OpenSansHebrew-Regular.ttf')  format('truetype'), 
       url('../fonts/opensans/regular/OpenSansHebrew-Regular.svg#OpenSansHebrew-Regular') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'opensans-hebrew';
   src: url('../fonts/opensans/bold/OpenSansHebrew-Bold.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/opensans/bold/OpenSansHebrew-Bold.woff') format('woff'), 
       url('../fonts/opensans/bold/OpenSansHebrew-Bold.ttf')  format('truetype'), 
       url('../fonts/opensans/bold/OpenSansHebrew-Bold.svg#OpenSansHebrew-Bold') format('svg');
   font-weight: bold;
   font-style: normal;
}

@font-face {
   font-family: 'opensans-hebrew';
   src: url('../fonts/opensans/extra-bold/OpenSansHebrew-ExtraBold.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/opensans/extra-bold/OpenSansHebrew-ExtraBold.woff') format('woff'), 
       url('../fonts/opensans/extra-bold/OpenSansHebrew-ExtraBold.ttf')  format('truetype'), 
       url('../fonts/opensans/extra-bold/OpenSansHebrew-ExtraBold.svg#OpenSansHebrew-Bold') format('svg');
   font-weight: 900;
   font-style: normal;
}

/*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: bold;
   font-family: 'opensans-hebrew', Tahoma, Geneva, Verdana, sans-serif;
   line-height: 1.1;
   color: #45a1fc;
   /* clear: both; */
}

h1 {font-size: 36px;}
h2 {font-size: 27px;}
h3 {font-size: 21px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 17px;}

.single-post h2 {font-size: 27px; font-weight: bold;}
.single-post h3 {font-size: 21px; font-weight: bold; text-decoration: underline;}
.single-post h4 {font-size: 20px; font-weight: normal;}
.single-post h5 {font-size: 18px; font-weight: normal;}
.single-post h6 {font-size: 17px; font-weight: normal;}

.h1-class {font-size: 36px;}
.h2-class {font-size: 30px;}
.h3-class {font-size: 25px;}
.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: 16px;
   font-weight: normal;
   display: block;
   padding: 0px 20px 0px 0px;
   margin: 10px 0px 10px 0px;
   line-height: 29px;
   color: #575757;
}

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

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

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: 33px;}
    h2 {font-size: 27px;}
    h3 {font-size: 23px;}
    h4 {font-size: 20px;}
    h5 {font-size: 18px;}
    h6 {font-size: 17px;}

    .single-post h2 {font-size: 27px;}
    .single-post h3 {font-size: 23px;}
    .single-post h4 {font-size: 20px;}
    .single-post h5 {font-size: 18px;}
    .single-post h6 {font-size: 17px;}

    .h1-class {font-size: 33px;}
    .h2-class {font-size: 27px;}
    .h3-class {font-size: 23px;}
    .h4-class {font-size: 20px;}
    .h5-class {font-size: 18px;}
    .h6-class {font-size: 17px;}

}