/*================================
=============== Global CSS
==================================*/

body {
   font-family: 'Assistant', Arial, 'Helvetica Neue', Helvetica, sans-serif; 
   background: #fff;
   position: relative;
}

yy-hide-element {
   display: none;
}

a:hover {
   text-decoration: underline; 
}

.elementor-container {
   max-width: 100% !important;
}

.elementor-widget {
   margin-bottom: 20px;
}

.elementor-widget {
   margin-bottom: 20px;
}

.elementor-widget:last-child {
   margin-bottom: 0px;
}

.elementor-widget-heading .elementor-heading-title {
   line-height: 1.1;
}

.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
   padding: 0px;
}

/*================================
=============== Content
==================================*/

.content,
.theme-content,
.content-padding,
.content-padding-more {
   max-width: 1200px !important;
   margin: 0px auto 0px;
   border-spacing: 0px 0px;
   color: #3f3f3f;
}

.content-padding {
   padding: 30px 0px 30px 0px;
}

.content-padding-more {
   padding: 50px 0px 50px 0px;
}

.warp-content {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.warp-content,
.full-width-page-padding,
.one-column {
   padding: 30px 20px 30px 20px;
   margin: 0px 0px 0px 0px;
}

.full-width-page {
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

h1.main-title {
   padding: 5px 0px 4px 0px;
}

/*================================
=============== Right Side (If There is sidebar)
==================================*/

.main-content-warp {
   min-width: 855px;
   max-width: 855px;
   width: 855px;
   display: table-cell;
   vertical-align: top;
   padding: 0px 0px 0px 15px;
}

/*================================
=============== Sidebar
==================================*/

.sidebar-warp {
   min-width: 300px;
   max-width: 300px;
   display: table-cell;
   vertical-align: top;
   table-layout: fixed;
   padding: 5px 15px 0px 5px;
   box-sizing: content-box;
}

.sidebar-warp h2 {
   font-size: 20px;
   font-weight: bold;
   padding: 5px 0px 4px 0px;
}

.sidebar-warp .sidebar-widget {
   margin: 15px 0px 35px 0px;
}

.sidebar-warp .sidebar-widget ul li {
   border-bottom: 1px solid #F2F2F2;
   margin: 0px 0px 10px 0px;
   padding: 0px 0px 10px 0px;
   color: #393939;
}

.sidebar-warp .sidebar-widget ul li a {
   color: #393939;
}

.sidebar-warp .widget_search {
   text-align: right;
}

.sidebar-warp .widget_search input {
   height: 25px;
   width: 165px;
   padding: 0px 5px 0px 5px;
   margin: 1px 0px 0px 0px;
   color: #4d4d4d;
}

.sidebar-warp .widget_search #searchsubmit {
   background: #444444;
   font-size: 15px;
   font-weight: bold;
   color: #fff;
   height: 28px;
   width: 65px;
   padding: 2px 5px 4px 5px;
   line-height: 9px;
   border: 1px solid #6d6d6d;
   cursor: pointer;
}

.sidebar-warp .tagcloud {
   margin: 5px 0px 0px 0px;
}

.sidebar-warp .tagcloud a {
   color: #0000ee;
   display: inline-block;
   font-size: 14px !important;
   margin: 6px 5px 6px 5px;
}

.sidebar-warp .widgettitle {
   font-size: 21px;
}

/*================================
=============== Single Post Page
==================================*/

.wp-caption.alignnone {
   margin: 10px auto 10px !important;
}

.single-post .elementor-widget:not(:last-child) {
   margin-bottom: 10px;
}

.single-post {}

.single-post h3.main-services-single-headline {
   font-weight: bold;
}

.thumbnail-blog-post {
   margin: 15px 0px 20px 10px;
   display: block;
   text-align: center;
}

.thumbnail-blog-post img {
   border: 1px solid #dddddd;
}

.single-post .the-content {
   max-width: 100%;
}

.single-post .the-content img.alignnone,
.single-post .the-content img.aligncenter {
   text-align: center;
   display: block;
   margin: 15px auto 15px;
}

.single-post .the-content img.alignnone,
.single-post .the-content img.aligncenter {
   text-align: center;
   display: block;
   margin: 15px auto 15px;
}

p.post-tags {
   margin: 10px 0px 0px 0px;
}

p.post-tags a {
   color: #0000ee;
   padding: 0px 0px 0px 0px;
}

/*------ Single Post Comments Text Section -------- */

.blog-post-comment-line {
   margin-top: 10px;
   border-top: 1px solid #e0e1e1;
   padding: 40px 0px 0px 0px;
}

.blog-post-comment-line .blog-post-comment-line-title {
   margin: 0px;
}

.blog-post-comment-line .blog-post-comment-line-title p {
   margin: 0px 0px -7px 0px;
   font-size: 17px;
   line-height: 28px;
}

.blog-post-comment-line .blog-post-comment-line-text {
   margin: 0px 0px 10px 0px;
}

/*------ Social Media Icons -------- */

.nc_socialPanel {
   margin-top: 40px !important;  
}

/*================================
=============== Breadcrumb
==================================*/

.yoast-breadcrumbs {
   padding: 0px 0px 10px 5px;
   margin: 0px 0px 15px 0px;
   border-bottom: 1px solid #e7e7e7;
}

.yoast-breadcrumbs a,
.yoast-breadcrumbs a:visited,
.yoast-breadcrumbs a:active,
.yoast-breadcrumbs a:focus,
.yoast-breadcrumbs span {
   color: #0539d0;
   font-size: 15px;
   font-weight: 700;
   letter-spacing: 0.5px;
   text-decoration: none;
}

.yoast-breadcrumbs a:hover {
   text-decoration: underline;
}

.yoast-breadcrumbs span {
   color: #565656;
}

/*================================
=============== Page Data Info
==================================*/

p.post-data-line {
   padding: 7px 0px 20px 0px;
   margin: 0px 0px 25px 0px;
   border-bottom: 1px solid #e7e7e7;
   font-weight: normal;
   font-size: 15px;
   line-height: 16px;
   letter-spacing: 0.2px;
   color: #656565;
   display: block;
}

p.post-data-line a {
   color: #656565;
}

p.post-data-line a:hover {
   text-decoration: underline;
}

p.post-data-line .posted-by {}

p.post-data-line .posted-by img {
   margin: 0px 5px -3px 5px;
}

p.post-data-line .posted-on {
   padding: 0px 0px 0px 8px;
}

p.post-data-line span.posts-single-comments-title {
   background: url(../../images/comments-icon.png) no-repeat;
   background-size: contain;
   width: 17px;
   height: 17px;
   display: inline-block;
   margin: 0px 10px -5px 6px;
}

/*================================
=============== Single Image Page
==================================*/

.single-image-page {}

.single-image-page .image-and-caption {
   text-align: center;
   border: 1px solid #e5e5e5;
   margin: 10px auto 10px;
   padding: 10px;
   display: inline-block
}

/*================================
=============== Search Page
==================================*/

.searchform {
   margin: 0px 0px 20px 0px;
}

h1.main-title-search {
   font-size: 25px;
   line-height: 30px;
   margin: 0px 0px 10px 0px;
}

h1.main-title-search-bigger {
   font-size: 30px;
   line-height: 35px;
   margin: 0px 0px 10px 0px;
}

.theme-content #searchsubmit {
   cursor: pointer;
}

/*================================
=============== Comments
==================================*/

.comment-form-cookies-consent {
   display: none;
}

.bypostauthor {
	display: block;
}

/*------ Comments Form -------- */

.comments-area {
   padding: 0px 0px 0px 0px;
   margin: 25px 0px 0px 0px;
}

.comments-text p {
   padding: 5px 0px 5px 0px; 
}

.no-comments {
   font-weight: bold;
   padding: 20px;
}

.comments-area .comment-text a {
   word-wrap: break-word;
}

.comment-text img {
   margin: 10px 0px 10px 0px;
}

.comments-area label {
   display: block;
   color: #8a8a8a;
   font-size: 18px;
   font-weight: normal;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   letter-spacing: 0.2px;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
   float: none;
   display: block;
   padding: 2px 0px 0px 0px;
}

.comments-area [name=author],
.comments-area [name=email],
.comments-area [name=url] {
   width: 300px;
   height: 28px;
   margin: 0px auto 8px; 
   display: inline-block;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   background: #fcfcfc;
   border: 1px solid #dddddd;
   padding: 3px 8px 3px 8px;
   color: #575757;
   font-size: 15px;
   font-weight: normal;
}

.comments-area [name=comment] {
   width: 600px;
   height: 190px;
   margin: 0px auto 0px; 
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   background: #fcfcfc;
   border: 1px solid #dddddd;
   padding: 5px 8px 5px 8px;
   color: #575757;
   font-size: 15px;
   font-weight: normal;
}

.comments-area #submit {
   margin: 3px 0px 10px 0px;
   font-size: 18px;
   background: #3f3f3f;
   color: #fff;
   font-weight: bold;
   border: 1px solid #b7b7b7;
   padding: 3px 20px 5px 20px;
   cursor: pointer;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   letter-spacing: 0.5px;
}

.comments-area h2.comments-title {
   font-size: 25px;
   font-weight: bold;
   color: #3a3a3a;
   text-decoration: none;
   margin: 0px 0px 10px 0px;
   border-bottom: 2px solid #0096d6;
}

.comments-area h3.comment-reply-title {
   font-size: 22px;
   font-weight: bold;
   color: #3f3f3f;
   text-decoration: none;
   margin: 25px 0px 0px 0px;
}

h3.comments-amount-title {
   font-size: 22px;
   font-weight: bold;
   color: #646464;
   text-decoration: none;
   margin: 25px 15px 0px 0px;
}

h3.comments-amount-title span.comment-icon {
   width: 22px;
   height: 22px;
   display: inline-block;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 4px;
   background: url(../../images/comments-icon.png) 0% 4px no-repeat;
}

.comments-area h3.comment-reply-title a {
   color: #0a0fe0;
   font-size: 14px;
   text-decoration: underline;
}

.comments-area p.comment-notes {
   font-size: 15px;
   font-weight: normal;
   color: #3a3a3a;
   text-decoration: none;
   margin: 5px 0px 10px 0px;
   display: none;
}

.comments-area p.logged-in-as {
   font-size: 18px;
   font-weight: normal;
   color: #3a3a3a;
   text-decoration: none;
   margin: 5px 0px 0px 0px;
}

/*------ Comments Display -------- */

.comments-area ol.comment-list {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.comments-area ol.comment-list li {
   list-style: none;
   margin: 10px 0px 0px 0px;
   background: #fff;
   padding: 15px;
   border: 1px solid #dddddd;
   font-weight: bold;
   font-size: 15px;
   color: #7e7e7e;
   text-decoration: none;
   line-height: 16px;
   width: 90%;
}

.comments-area ol.comment-list li {
   background: #f3f4f4;
}

.comments-area ol.comment-list li li li,
.comments-area ol.comment-list li li li li li,
.comments-area ol.comment-list li li li li li li li {
   background: #fbfbfb;
}

.comments-area ol.comment-list li li,
.comments-area ol.comment-list li li li li,
.comments-area ol.comment-list li li li li li li,
.comments-area ol.comment-list li li li li li li li li {
   background: #fff;
}

.comments-area .comment-text {
   padding: 2px 10px 5px 10px;
   margin: 5px 0px 0px 0px;
}

.comments-area .commentmetadata {
   margin: 4px 0px 0px 0px;
}

.comments-area .commentmetadata a {
   color: #808080;
   font-weight: normal;
}

.comments-area .comment-left-side {
   float: right; 
   margin: 10px 10px 0px 0px;
}

.comments-area .comment-main-content-warp {
   float: right; 
   margin: 0px 5px 0px 0px;
}

.comments-area .comment-main-content-warp img {
   margin: 0px;
   border: 1px solid #dedede;
   max-width: 50px;
   padding: 3px;
}

.comments-area .comment-writer-name {}

.comments-area .comment-writer-name a {
   color: #767676; 
   font-size: 15px;
   font-weight: bold;
   letter-spacing: 0.3px;
}

.comments-area .commentmetadata a:hover {
   text-decoration: none;
}

.comments-area a.comment-reply-link {
   text-decoration: underline;
   background: #fff;
   border: 1px solid #e3e3e3;
   color: #8c8c8c;
   padding: 2px 10px 3px 10px;
   margin: 10px 0px 0px 0px;
   display: inline-block;
   text-decoration: none;
   border-radius: 3px;
   font-size: 13px;
   letter-spacing: 0.1px;
}

.comments-area a.comment-reply-link:hover {
   background: #aeaeae;
   color: #fff;
}

.comment-text p {
   font-size: 17px;
   color: #5c5c5c;
}

/*================================
=============== Theme Pagination
==================================*/

.theme-pagination {
   padding: 0px 0px 0px 0px;
   margin: 5px 10px 0px 10px;
   display: block;
}

.inner-posts-pages {
   margin: 5px 0px 0px 0px;
}

.theme-pagination a,
.theme-pagination span {
   font-size: 15px;
   font-weight: bold;
   color: #696a6c;
   border: 1px solid #b4b4b4;
   text-decoration: none;
   padding: 5px 10px 5px 10px;
   margin: 10px 1px 0px 1px;
   display: inline-block;
}

.theme-pagination span {
   background: #ffeded;
   border: 1px solid #b4b4b4;
   color: #696a6c;
}

.theme-pagination a:hover {
   background: #ffeded;
   color: #696a6c;
}

.theme-pagination a.next,
.theme-pagination a.next:hover,
.theme-pagination a.prev,
.theme-pagination a.prev:hover {
   border: none;
   padding: 0px 3px 0px 3px;
   margin: 0px;
   font-size: 16px;
   background: none;
   color: #696a6c;
}

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

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

   .theme-pagination {
      margin: 15px 0px 10px 0px;
      text-align: center;
   }

}

/*================================
=============== Edit Button
==================================*/

a.yy-edit-button {
   position: absolute;
   top: 0px;
   left: 0px;
   background: #858585;
   border: 1px solid #dbdbdb;
   line-height: 25px;
   opacity: 0.8;
}

a.yy-edit-button span {
   width: 24px;
   height: 18px;
   display: inline-block;
   background: url(../../images/edit-button.png) no-repeat;
   background-position: 2px 4px;
}

a.yy-edit-button:hover {
   background: #4e4e4e;
}

/*================================
=============== 404 Error Page
==================================*/

.error-page-404 {
   padding: 30px 0px 30px 0px;
}

.error-page-404 ul {
   margin: 20px 20px 20px 20px;
}

.error-page-404 ul li {
   padding: 3px 0px 10px 0px;
}

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

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

   /*------ Content -------- */

   .warp-content,
   .one-column,
   .full-width-page-padding {
      max-width: 100%;
      margin: 10px 0px 10px 0px;
      padding: 10px 0px 10px 0px;
   }

   .content,
   .theme-content,
   .full-width-page-padding .main-content {
      padding: 0px 15px 0px 15px;
      margin: 0px 0px 0px 0px;
      width: auto;
      max-width: 100%;
   }

   .content-padding,
   .content-padding-more {
      padding-right: 15px;
      padding-left: 15px;
      margin: 0px 0px 0px 0px;
      width: auto;
      max-width: 100% !important;
   }

   .full-width-page {
      max-width: 100%;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
   }

   .full-width-page img {
      max-width: 98%;
   }

   /*------ Right Side -------- */

   .main-content-warp {
      table-layout: auto;
      min-width: inherit;
   }

   /*------ Sidebar -------- */

   .sidebar-warp {
      margin: 0px 0px 0px 0px;
   }

}

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

   /*------ Blog Page -------- */

   .thumbnail-blog-post {
      float: none;
      margin: 5px auto;
      text-align: center;
      max-width: 100%;
   }

   .thumbnail-blog-post img {
      max-width: 100%; 
   }

   .yoast-breadcrumbs {
      display: none;
   }

   /*------ Right Side -------- */

   .main-content-warp {
      display: block;
      width: auto;
      max-width: 100%;
      margin: 0 auto;
      padding: 0px 0px 20px 0px;
   }

   /*------ Sidebar -------- */

   .sidebar-warp {
      width: auto;
      min-width: inherit;
      max-width: 100%;
      display: block;
      margin: 0px 0px 0px 0px;
      padding: 5px 5px 0px 5px;
      text-align: center;
   }

   .sidebar-warp ul {
      padding: 0px 0px 0px 0px;
   }

   .sidebar-warp ul li {
      list-style-position: inside;
   }

   .sidebar-warp .widget_search {
      text-align: center; 
   }

}

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

   /*------ Content -------- */

   .warp-content img {
      margin: 10px auto 10px;
   }

   .full-width-page img {
      max-width: 98%;
   }

}

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

   body {
      position: initial;
   }

}