/* ---------------------------------
----------------- Basic Reset
--------------------------------- */

html, body, div, hgroup, h1, h2, h3, h4, h5, h6, p, a, blockquote, address, time, span, em, strong, img, ol, ul, li {
   margin: 0px;
   padding: 0px;
   border: 0px;
   word-wrap: break-word;
}

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

/* fix elementor problem with # links */
html {
    scroll-behavior: auto !important;
}

/*================================
=============== WordPress Core Code
==================================*/

.alignnone {
   margin: 8px 0px 0px 0px;
}

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

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

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

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

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

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

.wp-caption.alignright {
   margin: 10px 0px 10px 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. */
}

/*------ 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 */
}

/* ---------------------------------
----------------- Mobile
--------------------------------- */

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

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

   .wp-caption.alignnone,
   .wp-caption.alignleft, 
   .wp-caption.alignright {
      margin: 15px auto 15px !important;;
   }

}

/*================================
=============== Theme Reset
==================================*/

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

h1, h2, h3, h4, h5, h6 {
   color: #505050;
}

a,
a:hover {
   color: #2020fe;
   text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
   display: block;
   padding: 4px 0px 4px 0px;
   font-weight: bold;
   font-family: Tahoma, Geneva, Verdana, sans-serif;
   line-height: 1.1;
}

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

.single-post h1 {font-size: 40px;}
.single-post h2 {font-size: 30px;}
.single-post h3 {font-size: 22px; text-decoration: underline;}
.single-post h4 {font-size: 20px;}
.single-post h5 {font-size: 18px;}
.single-post h6 {font-size: 17px;}

.single-post .main-content-warp h3, 
.single-post .main-content-warp h4, 
.single-post .main-content-warp h5, 
.single-post .main-content-warp h6 {
   font-weight: normal;
 }

.h1-class {font-size: 40px;}
.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;}

ol, ul {
   line-height: 29px;
   font-weight: normal;
   display: block;
   padding: 0px 0px 0px 0px;
   margin: 10px 0px 10px 0px;
}

ol li,
ul li {
   padding: 5px 0px 5px 0px;
   list-style-position: inside;
}

p {
   font-weight: normal;
   padding: 6px 0px 6px 0px;
}

/* body, p, td, tr, ol, ul, table { */
body {
   font-size: 17px;
   line-height: 29px;
   color: #6d6d6d;
}

button, input, select, textarea {
   max-width: 100%;
   font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 
   font-size: 15px;
}

button, input, select, textarea, ol, ul, p, td, tr, ol, ul {
   letter-spacing: 0px;
}

body ::-webkit-input-placeholder {color: #b8b8b8; opacity: 1;}
body ::-moz-placeholder {color: #b8b8b8; opacity: 1;}
body ::-ms-input-placeholder {color: #b8b8b8; opacity: 1;}
body ::-moz-placeholder {color: #b8b8b8; opacity: 1;}

pre {
   padding: 10px 20px 10px 20px;; 
   margin: 0px;
   line-height: 1.2;
   background: #f0f0f0;
   border: 10px solid #fff;
   outline: 1px solid #cccccc;
   overflow: auto;
   color: #252525;
   white-space: pre-wrap;
   font-size: 15px;
   font-weight: normal;
}

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

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

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

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

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

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

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

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

strong {
   font-weight: bold;
}

.clear {
   clear: both;
}

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

   .single-post h1 {font-size: 35px;}
   .single-post h2 {font-size: 30px;}
   .single-post h3 {font-size: 22px; text-decoration: underline;}
   .single-post h4 {font-size: 20px;}
   .single-post h5 {font-size: 18px;}
   .single-post h6 {font-size: 17px;}

   .h1-class {font-size: 35px;}
   .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;}

   table tr td { 
      padding: 10px;
   }
   
   /* Fixing Youtube Videos */

    .video-container {
        position:relative;
        padding-bottom:56.25%;
        padding-top:30px;
        height:0;
        overflow:hidden;
    }

    .video-container iframe, 
    .video-container object, 
    .video-container embed {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }
}

/*================================
=============== Useful class
==================================*/

.yy-align-center {
   text-align: center;
}

.yy-align-right {
   text-align: right;
}

.yy-align-left {
   text-align: left;
}

.yy-direction-ltr {
   direction: ltr;
}

.yy-mark-section {
   padding: 10px 15px 10px 15px;
}

.yy-mark-section,
.yy-mark-text p {
   background: #fcff00;
}

.yy-mark-section p,
.yy-mark-text p {
   color: #242424 !important;
}

.direction-ltr-inline-block {
   direction: ltr;
   display: inline-block;
}

.inline-block-class {
   display: inline-block;
}

img.image-gray-border,
.image-gray-border img {
   border: 1px solid #cecdcd;
}

img.image-white-border,
.image-white-border img {
   border: 1px solid #fff;
}

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