:root {
  --blue: #3cb4e5;
  --blue-1: rgba(60, 180, 229, 0.2);
}

@media (max-width: 1024px){
#sp-header .logo {
  height: 100px;
}

#sp-header {
  height: 100px;
}

.logo-image {
  max-height: 80px!important;
}}

.sp-page-builder .page-content .screen {
  height: 100vh; 
}

.article-social-share .social-share-icon ul li a, .article-social-share .social-share-icon ul li a:hover {
  color: var(--blue);
  background-color:#fff;
}

#sp-footer {
text-align:center;
}

#sp-footer .social-icons a, #sp-footer .social-icons a:hover {
color: #666;
font-size:28px;
}

#sp-footer a, #sp-bottom a, #sp-footer a:hover, #sp-bottom a:hover {
  color: #000;
}

.sppb-addon-title, h1 {
font-family:"barlow";
}

.acym_module_form input {
max-width: 220px !important;
margin:auto;
}
.btn-primary, .sppb-btn-primary {
  border-color: var(--blue);
  background-color: var(--blue);
}

.acym_module {
margin-bottom:50px;
}


.offcanvas-menu {
  padding-top: 40px;
}
.speasyimagegallery-modal-wrapper {
    background: #fff;
}

.article-list .article {
  background-color: #efefef;
}

.article-list .article .readmore a {
  font-weight: 500;
  background-color: var(--blue);
  color: #FFFFFF;
  padding: 8px 22px 10px 22px;
  font-size: 16px;
  border-radius: 4px;
  margin-bottom: 15px;
  display: table;
}
@media only screen and (max-width: 767px){
body {
  font-size: 16px!important;
}}
.sp-megamenu-parent > li > a {
text-transform: uppercase;
}

@media only screen and (max-width: 1024px){
.logo-image {
  max-height: 20px;
}

body.ltr #offcanvas-toggler.offcanvas-toggler-right { margin-left: 0px;
}}
@media only screen and (max-width: 340px){
.logo-image {
 max-height: 15px!important;
}}

body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler {
  width: 100%;
  text-align: right;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
  font-size: 24px;
  font-weight: 500;
line-height: 30px;
  text-transform: uppercase;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  font-size: 24px;
  line-height: 34px;
  font-weight: 400;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
font-size: 18px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
font-size: 18px;
}

@media screen and (max-width: 840px) {
  .acym__modal .acym__modal__content {
    margin: 0 !important;
    width: 100%!important;
    height: 60%!important;
  }
}

.acym__modal .acym__modal__content {
margin: 15% auto !important;
  width: 50%;
  height: 50%;
}