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

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

yy-hide-element {
   display: none;
}

a:hover {
   text-decoration: underline; 
}

.elementor-editor-active .yy-elementor-hide:before,
.elementor-editor-active #yy-elementor-hide:before {
   content: 'Hidden';
   position: absolute;
   top: 0px;
   left: 0px;
   background: #ff0000;
   z-index: 99;
   color: #fff;
   font-weight: bold;
   font-size: 14px;
   line-height: 1;
   padding: 8px 6px 8px 6px;
   opacity: 0.8;
   width: 60px;
   height: 30px;
   text-align: center;
}

/*================================
=============== Elementor Rest
==================================*/

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

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

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

.last-child-elementor-margin-bottom .regular-page .elementor-widget:last-child,
.last-child-elementor-margin-bottom .single-post .elementor-widget:last-child,
.last-child-elementor-margin-bottom .blog-page .elementor-widget:last-child,
.last-child-elementor-margin-bottom .image-page .elementor-widget:last-child {
   margin-bottom: 20px;
}

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

.yy-stop-elementor-padding .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap,
.yy-stop-elementor-padding .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
   padding: 0px;
}

.yy-stop-elementor-padding  .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
 padding:0px
}

/*================================
=============== Elementor custom css code
==================================*/

/* hide element on page but show them on elementor */

.yy-elementor-hide,
#yy-elementor-hide {
   display: none !important;
}

.elementor-editor-active .yy-elementor-hide,
.elementor-editor-active #yy-elementor-hide {
   display: block !important;
   position: relative;
   border: 1px solid red;
}

/* add overflow-x hidden to fix animation adding right/left scroll */

.yy-hide-overflow-x {
   overflow-x: hidden;
}

.elementor-editor-active .yy-hide-overflow-x {
    overflow-x: visible;
}

/*================================
=============== Contact Form 7 - Hide spinner
==================================*/

.wpcf7-spinner {
   display: none;
}

form.submitting .wpcf7-spinner {
   display: block;
}

/*================================
=============== Show element on hover effect
==================================*/

/* keep editor visible */
.elementor-editor-active .yy-hidden-content-warp {
  display: block;
}

/* default: hidden */
.yy-hidden-content-warp {
  display: none;
}

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

/* On small screens (<= 960px) show elements that have the mobile class */
@media (max-width: 960px) {
  .yy-hidden-content-warp.yy-show-on-mobile {
    display: block !important; /* force visible on mobile */
    opacity: 1; /* if you later use transitions */
  }
}


/*================================
=============== Cookie Consent
==================================*/

#yy-cookieBar {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   color: #fff;
   padding: 15px 10px 15px 10px;;
   text-align: center;
   z-index: 99999999999;
   font-size: 16px;
   line-height: 21px;
   display: none;
}

#yy-cookieBar .yy-cookieAccept_btn {
   color:#fff;
   border:none;
   padding: 5px 25px;
   margin-left: 10px;
   cursor:pointer;
   border-radius: 3px;
}

#yy-cookieBar a {
   color: #fff;
   text-decoration: underline;
}

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

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

   #yy-cookieBar .yy-cookieAccept_btn {
      display: block;
      margin: 10px auto 0px !important;
      width: 80%;
   }

}



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

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

.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 0px 30px 0px;
   margin: 0px 0px 0px 0px;
   /*! background: #000; */
}

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

/*================================
=============== Head Section
==================================*/

.main-title {
   margin-bottom: 0px !important;
}

h1.main-title,
.main-title h1 {
   padding: 5px 0px 10px 0px;
   line-height: 1.15;
}

h1.title_add_bottom_border {
   padding: 10px 0px 30px 0px;
   margin: 0px 0px 25px 0px !important;
   border-bottom: 1px solid #e7e7e7;
}

h1.content-not-found {
   margin: 60px 0px 60px 0px;
}

/* -------- Breadcrumb -------- */

.yoast-breadcrumbs {
   padding: 0px 0px 15px 5px;
   margin: 0px 0px 15px 0px;
   border-bottom: 1px solid #e7e7e7;
   font-size: 15px;
   line-height: 23px;
}

.yoast-breadcrumbs a,
.yoast-breadcrumbs a:visited,
.yoast-breadcrumbs a:active,
.yoast-breadcrumbs a:focus,
.yoast-breadcrumbs span {
   color: #0539d0;
   font-weight: bold;
   letter-spacing: 0.2px;
   text-decoration: none;
   font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 
   line-height: 10px;
   /*! display: inline-block; */
}

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

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

/* -------- Page Data Info -------- */

p.post-data-line {
   padding: 4px 0px 24px 0px;
   margin: 0px 0px 25px 0px;
   border-bottom: 1px solid #e7e7e7;
   font-size: 13px;
   line-height: 22px;
   letter-spacing: 0px;
   color: #6a6a6a;
   display: block;
   font-weight: bold;
}

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

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

p.post-data-line .posted-by {
   display: inline-block;
   padding: 0px 0px 0px 9px;
}

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

p.post-data-line .posted-on {
   padding: 0px 0px 0px 9px;
   display: inline-block;
}

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 0px -5px 6px;
}

/* -------- Full Width Header -------- */

.full-width-head-section {
   background: #efefef;
   padding: 25px 10px 25px 10px;
   text-align: center;
   border: 1px solid #cfcfcf;
   position: relative;
   margin: 10px 0px 0px 0px;
   z-index: 1;
}

.full-width-head-section .title-head-section {
   /* allow us to set a width for the title head */
}

.full-width-head-section h1.main-title {
   padding: 0px 0px 5px 0px;
}

.full-width-head-section .yoast-breadcrumbs {
   padding: 0px 0px 0px 0px;
   margin: 5px 0px 5px 0px;
   border-bottom: none;
}

.full-width-head-section p.post-data-line {
   padding: 0px 0px 0px 0px;
   margin: 5px 0px 5px 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,
.elementor-sidebar {
   min-width: 260px;
   max-width: 260px;
}

.sidebar-warp {
   display: table-cell;
   vertical-align: top;
   table-layout: fixed;
   padding: 5px 15px 0px 5px;
   box-sizing: border-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:first-child {
   margin-top: 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;
   margin: 7px 0px 0px 0px;
}

.sidebar-warp .widget_search div {
   display: flex;
}

.sidebar-warp .widget_search input {
   height: 25px;
   width: 150px;
   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: 27px;
   width: 65px;
   padding: 2px 5px 4px 5px;
   line-height: 9px;
   border: 1px solid #6d6d6d;
   cursor: pointer;
   position: relative;
   top: 0px;
}

.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;  
}

/*================================
=============== 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: 17px;
   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: 30px;
   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-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-weight: normal;
}

.comments-area [name=author],
.comments-area [name=email],
.comments-area [name=url],
.comments-area [name=comment] {
   font-size: 16px;
}

.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.2px;
}

.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;
   padding: 0px 7px 0px 8px;
}

.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: 16px;
   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: 13px 0px 0px 0px;
   display: block;
   background: #fff;
   padding: 15px;
   border: 1px solid #dddddd;
   font-size: 15px;
   color: #7e7e7e;
   text-decoration: none;
   line-height: 16px;
   width: 80%;
}

.main-content-warp .comments-area ol.comment-list li {
   width: 90%;
}

.main-content-warp .comments-area ol.comment-list li ol {
   padding: 0px 5px 0px 5px;
}

.main-content-warp .comments-area ol.comment-list li li {
   width: 95%;
}

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

.comments-area ol.comment-list li li {
   width: 90%;
}

.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-edit-link {
   color: #808080;
   font-weight: normal;
   text-decoration: none;
}

.comments-area .comment-edit-link:hover {
   text-decoration: underline;
}

.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 {
   font-weight: bold;
}

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

.comments-area .comment-writer-name a:hover {
   text-decoration: underline;
}

.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: 0px;
}

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

.comment-text p {
   color: #5c5c5c;
}

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

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

   .comments-area ol.comment-list li,
   .main-content-warp .comments-area ol.comment-list li {
      width: 90%;
   }

}

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

   .comments-area [name=author],
   .comments-area [name=email],
   .comments-area [name=url],
   .comments-area [name="comment"] {
      width: 98%;
   }

   .main-content-warp .comments-area ol.comment-list li ol {
      padding: 0px 0px 0px 10px;
   }

}

/*================================
=============== 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: 2px 11px 2px 11px;
   margin: 10px 1px 0px 1px;
   display: inline-block;
}

.theme-pagination .show-all-pages {
   margin-right: 5px;
}

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

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

.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
==================================*/

.yy-edit-buttons {
   position: absolute;
   top: 0px;
   left: 0px;
   color: #f4f4f4;
   font-size: 15px;
   font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
   text-align: center;
   letter-spacing: -0.3px;
   opacity: 0.8;
}

.yy-edit-buttons a.yy-fast-edit-button {
   display: block;
   border: 1px solid #dbdbdb;
   background: #858585;
   line-height: 25px;
   width: 24px;
   float: left;
   clear: both;
   box-sizing: initial;
}

.yy-edit-buttons span.yy-fast-button-id {
   display: block;
   border: 1px solid #dbdbdb;
   background: #858585;
   line-height: 25px;
   padding-right: 4px;
   padding-left: 4px;
   clear: both;
   box-sizing: initial;
}

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

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

.yy-edit-buttons a.yy-edit-button-elementor {
   top: 27px;
}

.yy-edit-buttons a.yy-edit-button-elementor span {
   background-position: 3px -15px;
}

.related-post-warp .yy-edit-buttons a.yy-edit-button-elementor span {
   background-position: 4px -15px;
}

.yy-edit-buttons a.yy-edit-button-duplicate span {
   background-position: 3px -34px;
}

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


/*================================
=============== Buttons
==================================*/

.blog-blue-button a {
   display: block;
   max-width: 70%;
   margin: 5px auto 10px;
   font-weight: normal;
   padding: 8px 5px 8px 5px;
   background: #004f9e;
   border-radius: 5px;
   color: #fff;
   text-align: center;
   font-weight: bold;
   font-size: 19px;
}

.blog-blue-button a:hover {
   background: #004890;
   text-decoration: none;
}

.blog-blue-button a span {
   color: #fff;
   padding: 8px 26px 8px 3px;
   margin: 0px -10px -1px 4px;
   background: url(../../images/arrows-icons.png) no-repeat;
   background-position: -30px -1px;
   cursor: pointer;
   display: inline-block;
}

.yy-big-blue-button,
.yy-big-green-button { 
   text-align: center;
   display: block;
   margin: 0 auto;
   padding: 0px;
}

.yy-big-blue-button a,
.yy-big-green-button a {
   font-size: 39px;
   line-height: 42px;
   font-weight: 700;
   text-decoration: none !important;
   background-color: transparent;
   border-radius: 15px 15px 15px 15px;
   padding: 25px 45px 28px 45px;
   color: #fff;
   margin: 0 auto;
   display: inline-block;
}

.yy-big-blue-button a:before,
.yy-big-green-button a:before {
   content: '';
   width: 36px;
   height: 22px;
   margin: 0px 0px 0px 6px;
   color: #fff;
   background: url(../../images/right-arrow.png) no-repeat;
   cursor: pointer;
   display: inline-block;
}

.yy-big-blue-button a {
   background-image: linear-gradient(180deg, #4092E4 0%, #2966A5 100%);
}

.yy-big-blue-button a:hover {
   background-image: linear-gradient(180deg, #4092E4 0%, #1f578e 100%);
}

.yy-big-green-button a {
   background-image: linear-gradient(180deg, #38cf5b 0%, #1b7f32 100%);
}

.yy-big-green-button a:hover {
   background-image: linear-gradient(180deg, #36cb59 0%, #18722c 100%);
}

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

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

   .blog-blue-button a {
      display: block;
      max-width: 90%;
   } 

   .yy-big-blue-button a,
   .yy-big-green-button a {
      padding: 25px 15px 28px 15px;
   }
   
}

/*================================
=============== Videos Loading
==================================*/

.video-container-full-width iframe,
.video-container-full-width img.youtube-place-holder {
   width: 896px !important;
   height: 504px;
   background: #000;
}

.video-container-full-width iframe,
.video-container-full-width img.youtube-place-holder {
   width: 896px !important;
   height: 504px;
   background: #000;
}

.main-content-warp .video-container-full-width iframe,
.main-content-warp .video-container-full-width img.youtube-place-holder {
   width: 740px !important;
   height: 416px;
   background: #000;
}

.yy-bunny-video-wrap {
   max-width: 896px;
   margin: 0 auto;
}

.hidden-youtube-video {
   display: none;
}

.video-container .youtube-play-button {
   width: 68px;
   height: 48px;
   left: 50%;
   top: 50%;
   margin-left: -36px;
   margin-top: -36px;
   position: absolute;
   background: rgba(0, 0, 0, 0.6);
   cursor: pointer;
   border-radius: 10px;
   transition: all 0.7s ease-in-out;
}

.video-container .youtube-play-button span {
   background: url(../../images/youtube-icon.png) no-repeat;
   background-position: center center;
   display: block;
   width: 68px;
   height: 48px;
}

.video-container-img {
   position: relative;
}

.video-container-img .youtube-img-warp {
   position: relative;
   width: auto;
   display: inline-block;
   margin: 0 auto;
   padding: 0px;
}

.video-container-img .youtube-img-warp img {
   cursor: pointer;
   transition: all 0.4s ease-in-out;
   margin: 0px !important;
}

.video-container-img .youtube-img-warp:hover img {
   filter: brightness(85%);
}

.video-container-img .youtube-img-warp:hover .youtube-play-button {
   background: #ff0000;
}

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

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

   .video-container-full-width img.youtube-place-holder {
      height: auto !important;
   }

}

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

   /* Fixing Youtube Videos */


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

   .video-container-img {
      position: relative;
      padding-bottom: 0px !important;
      padding-top: 0;
      height: auto;
      overflow: initial;
   }

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

}

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

   .video-container {
      padding-bottom: 50%;

   }

}

/*================================
=============== Author Box
==================================*/

.author-box {
   max-width: 1100px;
   padding: 20px 10px 20px 10px;
   margin: 30px auto 20px;
   border: 1px solid #e2e2e2;
   border-radius: 20px;
}

.author-box .author-right-side {
   display: inline-block;
   vertical-align: top;
   margin: 10px 10px 25px 10px;
   max-width: 83%;
}

.author-box .author-left-side {
   display: inline-block;;
   vertical-align: middle;
   margin: 10px 20px 15px 0px;
   max-width: 15%;
}

.author-box .author-left-side img {
   border-radius: 50%;
   margin: 0px 0px 0px 10px;
   width: 110px;
   border: 1px solid #e2e2e2;
}

.author-box .author_name {
   display: block;
   font-size: 22px;
   color: #494949;
   margin: 0px 0px 10px 0px;
}

.author-box .author_description {
   font-size: 17px;
   line-height: 29px;
   font-weight: normal;
   padding: 6px 0px 6px 0px;
   color:#646464;
}

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

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

   .author-box {
      text-align: center;
   }

   .author-box .author-right-side {
      display: block;
      max-width: 100%;
   }

   .author-box .author-left-side {
      display: block;
      max-width: 100%;
   }

}

/*================================
=============== Footer
==================================*/

.copyright-footer {
   max-width: 100%;
   text-align: center;
   padding: 12px 5px 12px 5px;
   margin: 0px 0px 0px 0px;
}

.copyright-footer .footer-warp {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0px 10px 0px 10px;
}

.copyright-footer .copyright-footer-left {
   float: left;
   max-width: 46%;
   display: inline-block;
   text-align: left;
   padding: 0px 0px 0px 10px;
}

.copyright-footer .copyright-footer-right {
   float: right;
   max-width: 48%;
   display: inline-block;
   text-align: right;
}

.copyright-footer p {
   font-weight: normal;
   text-decoration: none;
   padding: 10px 5px 8px 5px;
   margin: 0px 0px 0px 0px;
   letter-spacing: 0px;
}

.copyright-footer p,
.copyright-footer p a {
   color: #999999;
}

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

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

   .copyright-footer {
      padding: 6px 0px 16px 0px;
   }

   .copyright-footer .copyright-footer-right {
      float: none;
      text-align: center;
      max-width: 100%;
      display: block;
   }

   .copyright-footer .copyright-footer-left {
      float: none;
      text-align: center;
      max-width: 100%;
      display: block;
   }   

   .copyright-footer p {
      padding: 9px 5px 0px 5px;
   }

}

/*===================================================
=========================== 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,
   .content-bigger,
   .full-width-page-padding .main-content {
      padding: 0px 20px 0px 20px;
      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: 100%;
   }

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

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

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

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

   .sidebar-warp,
   .elementor-sidebar {
      width: auto;
      min-width: inherit;
      max-width: 100%;
   }

   .sidebar-warp {
      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 -------- */

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

   .blog-column-posts .thumbnail-image img {
      margin: 0px auto 10px;
   }

   .add-mobile-img-margin .no-mobile-padding img {
      margin: 0px auto 0px;
   }

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

}

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

   body {
      position: initial;
   }

}