/* =================================================================
   1. IMPORTS & BASE STYLES
   ================================================================ */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');

body {
  font-family: 'Poppins', sans-serif; 
  font-weight: 400;
}

* {
  margin: 0; 
  font-family: 'Poppins', sans-serif; 
  font-weight: 400;
}

a {
  text-decoration: none; 
  outline: none; 
  -webkit-transition: all .4s ease-in-out; 
  -moz-transition: all .4s ease-in-out; 
  -o-transition: all .4s ease-in-out; 
  -ms-transition: all .4s ease-in-out;
}

p, li {
  font-family: 'Poppins', sans-serif; 
  font-weight: 400; 
  font-size: 16px; 
  color: #3a3e59; 
  line-height: 30px;
}

li {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
}

.list-bullet-point li {
  position: relative;
}

.list-bullet-point li:before {
  content: ""; 
  display: block; 
  width: 8px; 
  height: 8px; 
  background: #3a3e59; 
  position: absolute; 
  left: -20px; 
  top: 10px; 
  border-radius: 18px;
}


/* =================================================================
   2. UTILITY CLASSES
   ================================================================ */
.container {
  max-width: 1170px; 
  width: 100%; 
  padding-left: 15px; 
  padding-right: 15px; 
  margin: auto;
}

.my-0 {
  margin-top: 0 !important; 
  margin-bottom: 0 !important;
}

.mx-1100 {
  max-width: 1100px;
}

.pt-70 { padding-top: 70px; }
.pt-50 { padding-top: 50px; }
.pb-40 { padding-bottom: 40px; }
.py-70 { padding-top: 50px; padding-bottom: 70px; }
.pb-0 { padding-bottom: 0px !important; }

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

.heading-title,
.text-heading .elementor-heading-title {
  color: #3A3E59; 
  font-family: "Poppins", Sans-serif; 
  font-size: 35px; 
  font-weight: 700;
}

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

.elementor-section.elementor-section-boxed > .elementor-container { 
  max-width: 1170px; 
}


/* =================================================================
   3. HEADER & NAVIGATION
   ================================================================ */
header.site-header {
  padding-bottom: 0;
}

header.site-header .header-inner {
  width: 100%; 
  max-width: 100%;
}

header.site-header .header-inner .site-logo a,
header.site-header .header-inner .site-logo a img {
  display: block; 
  position: relative; 
  z-index: 9;
}

header.site-header .site-branding.show-logo { 
  margin: auto; 
}

header.site-header .header-search-info {
  padding: 0 15px; 
  position: absolute; 
  max-width: 400px; 
  width: 100%; 
  top: 20px; 
  left: 0;
}

header.site-header .searchslide-toggle {
  background: 0 0; 
  border: none; 
  cursor: pointer; 
  outline: 0; 
  width: 28px; 
  position: relative; 
  z-index: 2; 
  height: 28px; 
  display: block; 
  margin: 0;
}

header.site-header .searchslide-toggle:before {
  content: ""; 
  display: block; 
  position: absolute; 
  width: 28px; 
  height: 28px; 
  top: 0; 
  left: 0; 
  background: url(../images/search-icon.svg) no-repeat; 
  -moz-transition: all .4s ease-in-out; 
  -o-transition: all .4s ease-in-out; 
  -ms-transition: all .4s ease-in-out;
}

header.site-header .show-search .searchslide-toggle:before {
  background: url(../images/close-icon.svg) no-repeat; 
  background-size: 24px;
}

header.site-header #searchpost {
  display: none; 
  position: absolute; 
  left: 60px; 
  top: -5px; 
  width: 100%;
}

header.site-header form.search-form {
  display: flex; 
  width: 100%; 
  border-radius: 0; 
  border-bottom: 1px solid #eccece; 
  outline: none; 
  padding: 0 5px;
}

header.site-header form.search-form label {
  width: 100%; 
  padding: 0;
}

header.site-header input.search-field {
  border: none; 
  border-radius: 0; 
  margin: 0; 
  outline: none; 
  padding: 0 15px 0 0; 
  height: 40px; 
  line-height: 40px;
}

header.site-header form.search-form input[type=submit] {
  background: url(../images/search-icon.svg) no-repeat center; 
  border: none; 
  width: 25px; 
  height: 40px; 
  font-size: 0; 
  cursor: pointer; 
  padding: 0; 
  outline: none; 
  position: relative; 
  right: 0; 
  top: 0;
}

header.site-header .header-inner nav.site-navigation {
  max-width: 100% !important; 
  margin: auto; 
  width: 100%; 
  justify-content: center; 
  border-top: 1px solid #eccece; 
  border-bottom: 1px solid #eccece; 
  margin: 20px 0 0 0; 
  padding: 15px 0;
}

header.site-header .site-navigation ul.menu li.menu-item-has-children {
  padding-right: 8px;
}

header.site-header .header-inner nav.site-navigation ul.menu > li > a {
  text-transform: uppercase; 
  padding: 12px 15px;
}

header.site-header .header-inner nav.site-navigation ul.menu li a {
  color: #3a3e59; 
  font-weight: 500;
}

header.site-header .header-inner nav.site-navigation ul.menu li a:hover {
  color: #ed6b5b;
}

header.site-header .site-navigation ul.menu li ul {
  min-width: 250px;
}

header.site-header nav ul.menu li.menu-item-has-children:after {
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content: "\f107"; 
  font-size: 18px;
}

header.site-header .header-right-menu {
  width: 100%; 
  max-width: 300px; 
  position: absolute; 
  right: 0; 
  top: 0px;
}

header.site-header .header-right-menu span.rightmenu {
  position: relative; 
  z-index: 9; 
  padding: 20px; 
  display: block; 
  text-align: right;
}

header.site-header .header-right-menu span.rightmenu i {
  font-size: 26px; 
  color: #3A3E59; 
  cursor: pointer;
}

header.site-header .header-right-menu.show-menu-content span.rightmenu i {
  color: #FFF;
}

header.site-header .header-right-menu .menu-content {
  display: none; 
  position: absolute; 
  right: 0px; 
  top: 0px; 
  width: 100%; 
  height: 600px; 
  background: #3a3e59; 
  padding: 40px; 
  z-index: 1;
}

.header-right-menu .rightside-menu ul#menu-main-menu {
  padding: 50px 0 0 0;
}

.header-right-menu .rightside-menu ul#menu-main-menu li {
  list-style: none;
}

.rightside-menu ul#menu-main-menu li {
  padding: 10px; 
  display: block;
}

.rightside-menu ul#menu-main-menu li a {
  font-size: 20px; 
  font-weight: 500; 
  color: #FFF;
}

.rightside-menu ul#menu-main-menu li a:hover {
  color: #e2e6ff;
}

.header-right-menu .menu-social-icon {
  padding: 50px 0; 
  display: flex;
}

.header-right-menu .menu-social-icon li {
  margin: 0 0 0 10px; 
  padding: 0; 
  display: block;
}

.header-right-menu .menu-social-icon li a {
  display: block;
}

.header-right-menu .menu-social-icon li a img {
  display: block;
}

.topheader-adds {
  background: #ece6ce; 
  padding: 15px; 
  text-align: center;
}


/* =================================================================
   4. POSTS & GRIDS
   ================================================================ */
.post-list-colume {
  padding: 0 0 50px 0; 
  margin: 0 -15px; 
  display: flex; 
  flex-wrap: wrap;
}

.post-list-colume li.colume-list {
  width: 100%; 
  max-width: 33.33%; 
  padding: 0 15px; 
  margin: 50px 0 0 0; 
  list-style: none;
}

.post-list-colume li.colume-list img {
  width: 100%; 
  display: block;
}

li.colume-list .featured-image-wrapper {
  display: block !important;
  overflow: hidden !important;
  position: relative !important;
}

li.colume-list .featured-image-wrapper img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  transition: transform 0.4s ease-in-out !important;
  will-change: transform;
}

li.colume-list:hover .featured-image-wrapper img {
  transform: scale(1.04) !important;
}

li.colume-list .post-title a,
li.colume-list .post-excerpt a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
  text-decoration: none;
}

.post-list-colume .cat-date-info {
  display: flex; 
  align-items: center; 
  width: 100%; 
  padding: 10px 0;
}

.post-list-colume .cat-date-info span {
  font-size: 14px; 
  font-weight: 500; 
  color: #ed6b5b; 
  line-height: 24px; 
  display: block; 
  text-transform: uppercase;
}

.post-list-colume .cat-date-info .date-txt {
  color: #999; 
  padding-left: 0; 
  margin-left: 10px; 
  display: flex; 
  align-items: center;
}

.post-list-colume .cat-date-info .date-txt:before {
  content: ""; 
  display: block; 
  width: 6px; 
  height: 6px; 
  background: #999; 
  border-radius: 10px; 
  margin: 0 10px 0 0;
}

.post-list-colume .post-title a {
  font-size: 22px; 
  font-weight: 600; 
  color: #3a3e59; 
  line-height: 30px;
}

.post-list-colume .post-title a:hover {
  color: #ed6b5b;
}

.stickypost-list.post-list-colume li.colume-list {
  display: flex; 
  max-width: 50%; 
  margin-top: 40px; 
  flex-wrap: wrap;
}

.stickypost-list .col-50 {
  width: 100%; 
  max-width: 50%;
}

.stickypost-list .image-thumbnail {
  padding: 0 20px 0 0;
}

.stickypost-list.post-list-colume .cat-date-info {
  padding: 0 0 15px 0;
}


/* =================================================================
   5. SINGLE POST & CONTENT
   ================================================================ */
.category-title-header h1 span {
  color: #ed6b5b;
}

p.not-search-content {
  padding: 25px 0 35px; 
  font-size: 20px;
}

.singlepost-info {
  padding: 50px 15px;
}

.singlepost-info .row {
  display: flex; 
  flex-wrap: wrap; 
  margin-left: -15px; 
  margin-right: -15px;
}

.singlepost-info [class*="col-"] {
  width: 100%; 
  padding-left: 15px; 
  padding-right: 15px;
}

.singlepost-info .col-sm-9 { max-width: 75%; }
.singlepost-info .col-sm-8 { max-width: 66.666667%; }
.singlepost-info .col-sm-2 { max-width: 16.666667%; }
.singlepost-info .col-sm-3 { max-width: 25%; }
.singlepost-info .col-sm-4 { max-width: 33.333333%; }
.singlepost-info .col-sm-5 { max-width: 41.666667%; }
.singlepost-info .col-sm-6 { max-width: 50%; }
.singlepost-info .col-sm-7 { max-width: 58.333333%; }

.single-post-header .cat-txt a {
  color: #ed6b5b; 
  font-size: 15px; 
  font-weight: 600; 
  text-transform: uppercase; 
  display: inline-block; 
  border-bottom: 1px solid;
}

.single-post-header h1.singlepost-title {
  font-size: 47px; 
  font-weight: 600; 
  color: #3a3e59; 
  padding: 15px 0; 
  margin: 0;
}

.single-post-header span.date-txt {
  color: #999; 
  font-size: 14px; 
  margin: 0; 
  padding: 0 0 20px 0; 
  display: flex; 
  align-items: center;
}

.singlepost-header-author {
  display: flex; 
  align-items: center; 
  margin-bottom: 15px;
}

.singlepost-header-author img {
  width: 50px; 
  height: 50px; 
  -webkit-border-radius: 100px; 
  -moz-border-radius: 100px; 
  border-radius: 100px; 
  margin: 0 15px 0 0;
}

.singlepost-header-author .author-content {
  font-size: 13px; 
  font-weight: 500; 
  color: #999;
}

.singlepost-header-author .author-title a.author-link {
  font-size: 16px;
  font-weight: 600; 
  color: #3a3e59;
}

.single-post-content .black-heading-txt {
  font-size: 35px; 
  font-weight: bold; 
  color: #222; 
  margin: 0; 
  padding: 20px 0 10px;
}

.single-post-content .red-heading-txt {
  font-size: 25px; 
  font-weight: bold; 
  color: #ed6b5b; 
  margin: 0; 
  padding: 20px 0 10px;
}

.single-post-content a {
  color: #3a79f9;
}

.single-post-content a:hover {
  text-decoration: none;
}

.single-post-content h2 {
  font-weight: 700; 
  font-size: 33px; 
  margin: 30px 0 5px 0;
}

.single-post-content h3 a {
  font-weight: 600;
}

.single-post-content h3, u {
  font-weight: 600; 
  font-size: 27px; 
  color: #ed6b5b; 
  margin: 40px 0 5px 0;
}

.single-post-content h4 {
  font-weight: 600; 
  color: #333; 
  margin: 30px 0 5px 0;
}

.single-post-content h4 a {
  font-weight: 600; 
  color: #333; 
  text-decoration: none;
}

.single-post-content h4 a:hover {
  color: #ed6b5b; 
  text-decoration: none; 
  border-bottom: 2px #ed6b5b dotted;
}

.single-post-content img {
  margin-top: 20px;
}

.single-post-content .download-btn {
  font-family: "Poppins", Sans-serif; 
  font-weight: 500; 
  color: #fff; 
  background-color: #3a3e59; 
  padding: 10px 25px 10px 30px; 
  display: inline-block; 
  margin: 10px 0 30px 0;
}

.single-post-content ul {
  margin-bottom: 30px;
}

.single-post-content ul li {
  padding-bottom: 15px;
}

.single-post-content .highlight {
  width: 100%; 
  background: #11002b url(https://immenseart.com/wp-content/themes/hello-elementor-child/images/highlight-bg.jpg) no-repeat center center; 
  float: left; 
  padding: 30px 40px; 
  margin: 10px 0 30px 0; 
  text-align: center;
}

.single-post-content .highlight span {
  color: #fff; 
  font-size: 16px; 
  text-transform: uppercase; 
  font-weight: 600; 
  letter-spacing: 3px;
}

.single-post-content .highlight h5 {
  font-size: 40px; 
  color: #fff; 
  font-weight: 600;
}

.single-post-content .highlight a {
  color: #11002b; 
  background: #e8b031; 
  padding: 10px 30px; 
  display: inline-block; 
  margin: 10px 0 0 0;
}

.single-post-content .highlight a:hover {
  text-decoration: none; 
  color: #11002b; 
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; 
  transform: translate3d(0, 0, 0); 
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% { transform: translate3d(-1px, 0, 0); }
  20%, 80% { transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% { transform: translate3d(-2px, 0, 0); }
  40%, 60% { transform: translate3d(2px, 0, 0); }
}

.single-featured-post {
  padding: 10px 0 0 0; 
  position: sticky; 
  top: 10px; 
  height: 780px;
}

.single-featured-post .post-list-colume.stickypost-list {
  padding: 0;
}

.single-featured-post h3 {
  font-size: 18px; 
  font-weight: 700; 
  color: #ed6b5b; 
  text-transform: uppercase; 
  border-bottom: 4px solid #ece6ce; 
  padding: 0 0 5px 0;
}

.single-featured-post .stickypost-list.post-list-colume li.colume-list {
  max-width: 100%; 
  margin: 15px 0 0 0;
}

.single-featured-post .stickypost-list.post-list-colume li.colume-list .col-50 {
  padding: 0;
}

.single-featured-post .post-title a {
  font-size: 15px; 
  color: #3a3e59; 
  line-height: 26px; 
  display: inline-block;
}

.comment-form-area h2#reply-title {
  color: #3A3E59; 
  font-family: "Poppins", Sans-serif; 
  font-size: 24px; 
  font-weight: 700;
}

.comment-form-area textarea {
  border: 1px solide #CCC; 
  outline: none; 
  height: 130px; 
  resize: none;
}

.comment-form-area p input {
  border: 1px solide #CCC; 
  outline: none;
}

.comment-form-area p.comment-form-author,
.comment-form-area p.comment-form-email,
.comment-form-area p.comment-form-url {
  width: 100%; 
  max-width: 33.33%; 
  float: left; 
  padding: 0 15px 0 0;
}

.comment-form-area p.comment-form-url {
  padding: 0;
}

.post-author-bio {
  margin: 30px 0 0 0; 
  padding: 25px 0; 
  border-top: 3px solid #ece6ce; 
  border-bottom: 3px solid #ece6ce;
}

.post-author-bio .row {
  flex-wrap: inherit;
}

.post-author-bio .author-avatar.thumbnail {
  max-width: 110px;
}

.post-author-bio .author-avatar.thumbnail img {
  width: 80px; 
  height: 80px; 
  -webkit-border-radius: 100px; 
  -moz-border-radius: 100px; 
  border-radius: 100px;
}

.post-author-bio h2.author-title {
  margin: 0 0 10px; 
  color: #3a3e59; 
  font-size: 18px; 
  font-weight: 500;
}

.post-author-bio p.author-description {
  color: #777; 
  margin: 0; 
  padding: 5px 0;
}

.single-post-txt-img {
  background: #f9ac66; 
  padding: 50px 25px;
}

.single-post-txt-img h3 {
  font-size: 42px; 
  font-weight: 600; 
  color: #FFF; 
  margin: 0 0 25px 0;
}

.single-post-txt-img h4 {
  font-size: 32px; 
  font-weight: 400; 
  color: #3a3e59;
}

.custom-page {
  width: 100%;
}

.custom-page h3 {
  font-weight: 600; 
  font-size: 27px; 
  color: #ed6b5b; 
  margin: 20px 0 5px 0;
}


/* =================================================================
   6. COMPONENTS & WIDGETS
   ================================================================ */
.custompagination {
  display: flex; 
  flex-wrap: wrap;
}

.custompagination a, 
.custompagination span {
  display: block; 
  padding: 0; 
  margin: 0 5px; 
  width: 40px; 
  height: 40px; 
  text-align: center; 
  line-height: 40px; 
  border-radius: 4px; 
  font-size: 18px; 
  font-weight: 500; 
  border: 1px solid #ED6B5B; 
  background: #ED6B5B; 
  color: #FFF;
}

.custompagination a:hover,
.custompagination span.page-numbers.current {
  background: #ECE6CE; 
  border-color: #d9d2b4; 
  color: #FFF;
}

.best-website-2022 {
  margin-top: 70px;
}

.best-website-2022 > .elementor-container.elementor-column-gap-default {
  background: #F9AC66; 
  max-width: 1140px;
}

.best-website-2022 .elementor-widget-image img {
  margin-top: -61px;
}

.best-website-2022 h2.elementor-heading-title {
  font-size: 45px; 
  font-weight: 600; 
  line-height: normal; 
  color: #FFF; 
  padding-top: 40px;
}

.best-website-2022 .elementor-widget-text-editor {
  font-size: 22px;
  font-weight: 400; 
  color: #3a3e59;
}

.product-tool-content .elementor-widget-image img {
  width: 100%; 
  border-bottom: 5px solid #ed6b5b;
}

.product-tool-content .icon-text-icon .elementor-icon-box-wrapper {
  display: inline-block !important; 
  width: auto; 
  position: relative; 
  padding: 0 25px 0 0; 
  -webkit-transition: all .2s ease-in-out; 
  -moz-transition: all .2s ease-in-out; 
  -o-transition: all .2s ease-in-out; 
  -ms-transition: all .2s ease-in-out;
}

.product-tool-content .icon-text-icon .elementor-icon-box-wrapper:hover {
  padding: 0 30px 0 0;
}

.product-tool-content h3.elementor-icon-box-title {
  display: none;
}

.product-tool-content .elementor-icon-box-icon {
  margin: 0; 
  position: absolute; 
  right: 0; 
  top: 5px; 
  height: 18px;
}

.product-tool-content a {
  color: #3a3e59; 
  font-weight: 600;
}

.product-tool-content a:hover {
  color: #ED6B5B;
}

.topis-links-info ul {
  padding: 0;
}

.topis-links-info ul li {
  list-style: none;
}

.topis-links-info ul li a {
  font-size: 15px; 
  font-weight: 500; 
  color: #3a3e59; 
  border-bottom: 1px solid #FFF; 
  display: block; 
  padding: 5px 25px 5px 0; 
  position: relative; 
  overflow: hidden;
}

.topis-links-info ul li a:hover {
  border-bottom: 1px solid #ece6ce;
}

.topis-links-info ul li a:before {
  content: "\f061"; 
  display: block; 
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  position: absolute; 
  right: -20px; 
  top: 5px; 
  color: #ED6B5B; 
  opacity: 0; 
  -webkit-transition: all .2s ease-in-out; 
  -moz-transition: all .2s ease-in-out; 
  -o-transition: all .2s ease-in-out; 
  -ms-transition: all .2s ease-in-out;
}

.topis-links-info ul li a:hover:before {
  opacity: 1; 
  right: 1px;
}

.newsletters-section p {
  color: #FFF;
}

.es_subscription_form {
  display: flex; 
  justify-content: center; 
  width: 100%; 
  max-width: 575px; 
  margin: auto; 
  position: relative;
}

.es_subscription_form .es-field-wrap {
  width: 100%; 
  margin: 0;
}

.es_subscription_form .es-field-wrap label {
  width: 100%;
}

.es_subscription_form .es-field-wrap label input[type=email] {
  border: none; 
  height: 55px; 
  line-height: 55px; 
  padding: 0 15px; 
  font-size: 16px; 
  outline: none; 
  font-family: 'Poppins', sans-serif; 
  color: #000;
}

.es_subscription_form input[type=submit] {
  background: #3a3e59; 
  border: none; 
  outline: none; 
  margin: 0 0 0 20px; 
  font-size: 16px; 
  color: #FFF; 
  text-transform: uppercase; 
  padding: 0; 
  height: 55px; 
  line-height: 55px; 
  width: 100%; 
  text-align: center; 
  display: block; 
  max-width: 165px;
}

.es_subscription_form input[type=submit]:hover {
  background: #4d5487;
}

.es_subscription_message.success {
  margin: 20px auto 0; 
  text-align: center; 
  width: 100%; 
  display: block; 
  max-width: 575px; 
  background: #ebffeb; 
  border-radius: 4px; 
  padding: 5px;
}

.es_subscription_message.error {
  margin: 20px auto 0; 
  text-align: center; 
  width: 100%; 
  display: block; 
  max-width: 575px; 
  background: #fff3f3; 
  border-radius: 4px; 
  padding: 5px;
}

.es_subscription_form span#spinner-image {
  position: absolute; 
  right: 5px; 
  width: 22px; 
  top: 16px; 
  border-radius: 30px; 
  background: #FFF; 
  padding: 0; 
  height: 22px;
}

.es_subscription_form span#spinner-image img {
  padding: 4px;
}


/* =================================================================
   7. FOOTER
   ================================================================ */
body .elementor-location-footer section.site-footer {
  border-top: 1px solid #ece6ce; 
  max-width: 100%; 
  width: 100%;
}

.site-footer {
  border-top: 1px solid #ece6ce; 
  padding-top: 50px; 
  padding-bottom: 30px;
}

.site-footer p {
  margin: 0;
}

.site-footer .footer-link-nav ul.menu li.menu-item a {
  font-family: "Poppins", Sans-serif; 
  font-size: 15px; 
  font-weight: 500; 
  text-transform: uppercase; 
  padding: 0; 
  margin: 5px 15px; 
  color: #3A3E59;
}

.site-footer .footer-link-nav ul.menu li.menu-item a:hover {
  color: #ED6B5B;
}

.site-footer .by-text-link p {
  font-weight: 500; 
  color: #777; 
  font-size: 15px; 
  padding: 10px 0;
}

.site-footer .by-text-link a {
  color: #3a3e59; 
  border-bottom: 2px solid #777;
}

.site-footer .by-text-link a:hover {
  color: #ED6B5B; 
  border-bottom: 2px solid #ED6B5B;
}

.site-footer strong {
  font-weight: 600;
}

.site-footer .copy-right-txt p {
  font-weight: 500; 
  color: #999; 
  font-size: 15px;
}

.site-footer .copy-right-txt a {
  color: #3a3e59;
}

.site-footer .copy-right-txt a:hover {
  text-decoration: none;
}

.site-footer .footer-inner .copyright {
  padding-top: 10px;
}

.site-footer.footer-stacked .footer-inner {
  max-width: 100%;
}


/* =================================================================
   8. MEDIA QUERIES
   ================================================================ */
@media screen and (max-width:767px) {
  .post-list-colume { padding-bottom: 30px; }
  .post-list-colume li.colume-list { max-width: 100%; margin: 30px 0 0 0; }
  .es_subscription_form { flex-wrap: wrap; }
  .es_subscription_form input[type=submit] { margin: 15px 0 0 0; }
  .stickypost-list.post-list-colume li.colume-list { max-width: 100%; }
  .stickypost-list .col-50 { max-width: 100%; }
  .singlepost-info [class*="col-"] { max-width: 100%; }
  .right-sidebar img { display: block; padding-top: 10px; margin-left: auto; margin-right: auto; }
}

@media screen and (max-width:820px) {
  .best-website-2022 h2.elementor-heading-title { font-size: 32px; padding-top: 20px; }
  .stickypost-list .image-thumbnail { padding: 0 0 20px 0; }
}

@media screen and (min-width:768px) and (max-width:820px) {
  .topis-links-info .elementor-column.elementor-col-25 { width: 50%; }
  .post-list-colume li.colume-list { max-width: 50%; }
  .stickypost-list .col-50 { width: 100%; max-width: 100%; }
}

@media screen and (max-width:992px){
  header.site-header .header-inner { padding: 0; }  
  header.site-header .header-inner .site-logo a img { max-width: 224px; }  
  header#site-header { padding: 20px 15px; }
  .site-navigation-toggle-holder { margin: 0; padding: 0; max-width: 33px; position: absolute; right: 15px; top: 21px; }  
  header.site-header nav ul.menu li.menu-item-has-children:after { display: block; position: absolute; top: 20px; right: 20px; pointer-events: none; }  
  header.site-header .header-search-info { max-width: 100%; }  
  header.site-header #searchpost { left: 0px; top: 51px; padding: 0px; z-index: 9; background: #FFF; }  
  header.site-header form.search-form { padding: 0 15px; }  
  .header-right-menu { display: none; }
  i.eicon-menu-bar:before { position: relative; top: 1px; }
}

@media screen and (min-width:993px){
  header.site-header .site-navigation ul.menu li.desktop-h { display: none; }
}