/*
Theme Name: STHellen
Description: A WordPress theme for ACK St Hellen's church.
Author: Patrick Muriungi
Author URI: https://codingpatrick.netlify.com
Version: 1.1.24
Requires at least: 5.9
Tested up to: 6.2
Requires PHP: 7.0
Text Domain: ST Hellen Theme
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: StHellen

StHellen is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
:is(h1, h2, h3) {
  font-family: "" jost ", " Helvetica Neue Light ", sans-serif";
}

article {
  position: relative;
  padding: 0;
}

.post-thumbnail img {
  width: 100%;
  object-fit: cover;
  height: auto;
  padding: 0;
}

.blog-post-list {
  position: relative;
}
.blog-post-list .post-thumbnail {
  display: block;
  overflow: hidden;
}
.blog-post-list .post-thumbnail img {
  width: 100%;
  object-fit: cover;
  height: 14rem;
  padding: 0;
}

.main-section {
  background-color: #fff;
  padding: 2rem 0;
}

.page-header {
  position: relative;
  background-color: #9E3494;
  background: linear-gradient(to top, rgba(158, 52, 148, 0.7), rgba(158, 52, 148, 0.7)), url("../images/title_bg-3.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: cover;
  object-fit: cover;
  padding: 4.5rem 2rem;
  min-height: 14rem;
  z-index: -1;
}
.page-header :is(h4, h5) {
  color: #f8f9fa;
  font-family: "jost", sans-serif;
  font-weight: 500;
  text-transform: capitalize;
}
.page-header .entry-meta {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 10px;
}
.page-header .overlay-with-primary-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(158, 52, 148, 0.8);
  mix-blend-mode: color;
}

.blog-grid-layout {
  margin: 3rem 0;
  background-color: #fff;
  padding: 2rem 1rem;
}
.blog-grid-layout img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 2rem 0;
}

.single-post-navigation {
  margin-top: 3rem;
  gap: 0.4rem;
}
.single-post-navigation .previous-post {
  padding: 2rem 1rem;
  background-color: #e9ecef;
}
.single-post-navigation .previous-post:hover {
  background-color: #69276E;
  color: #9E3494;
}
.single-post-navigation .next-post {
  padding: 2rem 1rem;
  background-color: #e9ecef;
}
.single-post-navigation .next-post:hover {
  background-color: #69276E;
  color: #9E3494;
}

.entry-footer {
  margin-top: 3rem;
}
.entry-footer .cat-links {
  max-width: 100%;
}
.entry-footer .cat-links a {
  background-color: #9E3494;
  padding: 0.5rem 0.8rem;
  border-radius: 5px;
  color: #fff;
}
.entry-footer .cat-links a:hover {
  background-color: #69276E;
  color: #fff;
}
.entry-footer .tags-links a {
  background-color: #e9ecef;
  padding: 0.2rem;
}

.post-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.post-meta li {
  list-style-type: none;
}

.archive-content {
  margin-top: 5rem;
  background-color: #fff;
}

.elementor-heading-title :is(h1, h2, h3, h4, h5) {
  font-family: "Cormorant Garamond", serif;
  color: #1C244B;
  border-bottom: 2px dashed #161926;
}

.site-navigation a {
  color: #69276E;
}

.wp-block-group {
  margin-top: 2rem;
  padding: 1rem;
  border-bottom: 2px solid #9E3494;
  background-color: #fff;
  padding: 30px;
  border-radius: 10px;
}
.wp-block-group li::before {
  list-style-type: disc;
  margin-right: 0.5rem;
  line-height: 1.8rem;
  margin-bottom: 1.8rem;
}

.single-sermon {
  position: relative;
}

/*========================================================
		SERMON TOP HEADER SECTION
==========================================================*/
.sermon-top-header-section {
  position: relative;
  background-color: #9E3494;
  background: linear-gradient(to bottom, rgba(158, 52, 148, 0.8), rgba(255, 255, 255, 0.7)), url("../images/title_bg-1.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: cover;
  padding: 1.5rem 1rem;
}
@media (min-width: 768px) {
  .sermon-top-header-section {
    padding: 3.5rem 2rem;
  }
}
.sermon-top-header-section :is(h2, h3) {
  color: #1C244B;
  font-family: "Cormorant Garamond", serif;
  border-bottom: 1px dashed #dee2e6;
  padding-bottom: 10px;
  text-transform: capitalize;
}
.sermon-top-header-section .sermon-image {
  width: 100%;
  padding: 0;
}
.sermon-top-header-section .sermon-image img {
  height: 200px;
  object-fit: cover;
}
@media (min-width: 768px) {
  .sermon-top-header-section .sermon-image img {
    height: 25rem;
    object-fit: cover;
  }
}
.sermon-top-header-section .sermon-image img:hover {
  opacity: 0.6;
}
.sermon-top-header-section .sermon-meta {
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .sermon-top-header-section .sermon-meta {
    padding-top: 3rem;
  }
}
.sermon-top-header-section .sermon-meta ul {
  padding-left: 10px;
}
@media (min-width: 768px) {
  .sermon-top-header-section .sermon-meta ul {
    padding-left: 0.8rem;
  }
}
.sermon-top-header-section .sermon-meta ul li {
  list-style-type: none;
  padding: 1px 0;
}
@media (min-width: 768px) {
  .sermon-top-header-section .sermon-meta ul li {
    padding: 10px 0;
  }
}
.sermon-top-header-section .sermon-meta i {
  color: #9E3494;
  padding: 0 0.5rem;
}
.sermon-top-header-section .sermon-meta button {
  color: #69276E;
  margin-bottom: 20px;
}
.sermon-top-header-section .sermon-meta button i {
  color: #69276E;
}
.sermon-top-header-section .sermon-meta button:hover {
  background-color: #9E3494;
  color: #fff;
}
.sermon-top-header-section .sermon-meta button:hover i {
  color: #fff;
}
.sermon-top-header-section :is(h4, h5) {
  color: #1C244B;
  text-transform: capitalize;
  font-family: "Cormorant Garamond", serif;
}
@media (min-width: 768px) {
  .sermon-top-header-section :is(h4, h5) {
    font-weight: 500;
  }
}

/*=======================================================
			SERMON DETAILS SECTION	
==========================================================*/
.sermon-details {
  position: relative;
  padding-top: 5rem;
  background-color: #fff;
  /*
  SERMON COMMENTS SECTION
  */
}
.sermon-details :is(h2, h3) {
  color: #1C244B;
  font-family: "Sthellen Heading";
  border-bottom: 1px dashed #dee2e6;
  padding-bottom: 10px;
  padding-bottom: 10px;
  font-weight: 700;
  text-transform: capitalize;
}
.sermon-details .comments {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  margin-bottom: 2rem;
}
.sermon-details .comments form {
  padding: 10px;
}
@media (min-width: 768px) {
  .sermon-details .comments form {
    padding: 2rem;
  }
}
.sermon-details .comments form input, .sermon-details .comments form textarea {
  width: 100%;
}
.sermon-details .comments form button {
  background-color: #9E3494;
}
.sermon-details .sermon-data {
  position: relative;
  padding: 2rem;
}
.sermon-details .sermon-data h3 {
  text-transform: capitalize;
}

.sermons-archive {
  position: relative;
}

/* 
* SERMON CONTENT SECTION
*	
*/
.sermon-content {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 5rem;
  background-color: #fff;
}
.sermon-content .sermon-item {
  background-color: #fff;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  margin-bottom: 1rem;
}
.sermon-content .sermon-item img {
  width: 100%;
  height: 15rem;
  object-fit: cover;
}
.sermon-content .sermon-item img:hover {
  opacity: 0.8;
  transition: 0.3s all;
}
.sermon-content .sermon-item :is(h3, h4, h5) {
  font-family: "Cormorant Garamond", serif;
  color: #1C244B;
  border-bottom: 1px dashed #dee2e6;
  padding-bottom: 10px;
}
.sermon-content .sermon-item i {
  color: #9E3494;
}
.sermon-content .sermon-item .btn {
  color: #9E3494;
}
.sermon-content .sermon-item .btn:hover {
  background-color: #69276E;
  color: #fff;
}
.sermon-content .sermon-item .btn:hover i {
  color: #fff;
}
.sermon-content .sermon-item p {
  color: #1C244B;
  font-family: "jost", serif;
}

/*	
*	Category Badge
*/
.category-badge {
  background-color: #9E3494;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.category-badge a {
  color: #fff;
}
.category-badge:hover {
  background-color: #fff;
  transition: 0.2s all;
}
.category-badge:hover a {
  color: #9E3494;
}

/* 
* SERMON CATEGORY SECTION
*	
*/
.sermon-category-content {
  position: relative;
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.sermon-category-content .category-item {
  background-color: #fff;
  position: relative;
}
.sermon-category-content .category-item .category-body {
  padding: 1.5rem;
}
.sermon-category-content .category-item .category-body :is(h2, h3) {
  font-family: "Cormorant Garamond", serif;
  text-align: center;
}
.sermon-category-content .category-item .category-body i {
  padding-right: 5px;
  color: #9E3494;
}
.sermon-category-content .category-item img {
  width: 100%;
  height: 200px;
}
.sermon-category-content .category-item img:hover {
  opacity: 0.6;
}
.sermon-category-content .category-item .play {
  background-color: #9E3494;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sermon-category-content .category-item .play a {
  color: #fff;
}
.sermon-category-content .category-item .play:hover {
  background-color: #fff;
  transition: 0.2s all;
}

/*============================================================
		St Hellen's Top Section
=============================================================*/
.sthellen-events-top-section {
  position: relative;
  background-color: #9E3494;
  background: linear-gradient(to bottom, rgba(158, 52, 148, 0.8), rgba(255, 255, 255, 0.7)), url("../images/title_bg-1.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: cover;
  padding: 4.5rem 2rem;
}
.sthellen-events-top-section :is(h2, h3) {
  color: #1C244B;
  font-family: "Cormorant Garamond", serif;
  border-bottom: 1px dashed #dee2e6;
  padding-bottom: 10px;
  font-weight: 700;
  text-transform: capitalize;
}
.sthellen-events-top-section .events-image {
  padding: 0;
}
.sthellen-events-top-section .events-image img {
  width: 100%;
  height: 22rem;
  object-fit: cover;
}
.sthellen-events-top-section .events-image img:hover {
  opacity: 0.6;
}
.sthellen-events-top-section .events-meta {
  padding-top: 3rem;
}
.sthellen-events-top-section .events-meta ul {
  padding-left: 0;
}
@media (min-width: 768px) {
  .sthellen-events-top-section .events-meta ul {
    padding-left: 0.8rem;
  }
}
.sthellen-events-top-section .events-meta ul li {
  list-style-type: none;
  padding: 0.5rem 0;
}
.sthellen-events-top-section .events-meta i {
  color: #9E3494;
  padding: 0 0.5rem;
}

/*=========================================================
	EVENTS CONTENT SECTION
==========================================================*/
.event-content {
  position: relative;
  background-color: #fff;
  padding-top: 5rem;
  margin-bottom: 5rem;
}
.event-content .event-details {
  padding-top: 3rem;
  padding-bottom: 2rem;
}
.event-content .event-item {
  position: relative;
  margin-bottom: 1rem;
  background-color: #fff;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.event-content .event-item img {
  width: 100%;
  height: 15rem;
  object-fit: cover;
}
.event-content .event-item img:hover {
  opacity: 0.8;
  transition: 0.3s all;
}
.event-content .event-item :is(h3, h4, h5) {
  font-family: "Cormorant Garamond", serif;
  color: #9E3494;
  border-bottom: 1px dashed #dee2e6;
  padding-bottom: 10px;
  text-transform: capitalize;
  font-weight: 600;
}
.event-content .event-item p {
  padding-top: 1rem;
}
.event-content .event-item li {
  color: #1C244B;
}
.event-content .event-item li i {
  color: #9E3494;
}
.event-content .event-item .btn {
  color: #fff;
}
.event-content .event-item .btn:hover {
  color: #fff;
}

/*===========================================================
	EVENTS audio-video
============================================================*/
.events-audio-video {
  padding: 2rem 0;
  background-color: #f8f9fa;
}

/*
* EVENTS COMMENTS
*/
.events-comments {
  background-color: #fff;
  padding-top: 2rem;
}

/*==============================================================
				 St Hellen's TOP Section
================================================================*/
.sthellen-departments-top-section {
  position: relative;
  background-color: #9E3494;
  background: linear-gradient(to bottom, rgba(158, 52, 148, 0.8), rgba(255, 255, 255, 0.7)), url("../images/title_bg-1.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: cover;
  padding: 4.5rem 2rem;
}
.sthellen-departments-top-section p {
  font-family: "" jost ", " HelveticaNeue-Light ", " Helvetica Neue Light ", " Helvetica Neue ", Helvetica, Arial, " Lucida Grande ", sans-serif";
}
.sthellen-departments-top-section :is(h2, h3) {
  color: #1C244B;
  font-family: "Cormorant Garamond", serif;
  border-bottom: 1px dashed #dee2e6;
  padding-bottom: 10px;
}
.sthellen-departments-top-section .departments-image {
  /*		width: 100%;*/
  padding: 0;
}
.sthellen-departments-top-section .departments-image img {
  height: auto;
}
@media (min-width: 768px) {
  .sthellen-departments-top-section .departments-image img {
    height: 25rem;
    object-fit: cover;
  }
}
.sthellen-departments-top-section .departments-image img:hover {
  opacity: 0.6;
}
.sthellen-departments-top-section .departments-meta {
  padding-top: 3rem;
}
.sthellen-departments-top-section .departments-meta ul {
  padding-left: 0;
}
@media (min-width: 768px) {
  .sthellen-departments-top-section .departments-meta ul {
    padding-left: 0.8rem;
  }
}
.sthellen-departments-top-section .departments-meta ul li {
  list-style-type: none;
  padding: 0.5rem 0;
}
.sthellen-departments-top-section .departments-meta i {
  color: #9E3494;
  padding: 0 0.5rem;
}

/*========================================================== 
	 DEPARTMENT CONTENT SECTION
============================================================*/
.department-content {
  position: relative;
  background-color: #fff;
  padding-top: 5rem;
  margin-bottom: 5rem;
}
.department-content .department-details {
  padding-top: 3rem;
  padding-bottom: 2rem;
}
.department-content .card {
  background-color: #fff;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.department-content .card img {
  width: 100%;
  min-height: 15rem;
  object-fit: cover;
}
.department-content .card img:hover {
  opacity: 0.8;
  transition: 0.3s all;
}
.department-content .department-item {
  position: relative;
  margin: -4rem 20px 1rem 20px;
  background-color: #fff;
  border-radius: 18px;
  min-height: 10rem;
}
.department-content .department-item :is(h3, h4, h5) {
  color: #1C244B;
  border-bottom: 1px dashed #dee2e6;
  padding-bottom: 10px;
}
.department-content .department-item p {
  padding-top: 1rem;
  color: #1C244B;
}
.department-content .department-item li {
  color: #1C244B;
}
.department-content .department-item li i {
  color: #9E3494;
}
.department-content .department-item .btn {
  color: #fff;
}
.department-content .department-item .btn:hover {
  color: #fff;
}

/*===========================================================================
* departments audio-video
===========================================================================*/
.departments-audio-video {
  padding: 2rem 0;
  background-color: #f8f9fa;
}

/*
* departments COMMENTS
*/
.departments-comments {
  background-color: #fff;
  padding-top: 2rem;
}

/*========================================================
	St Hellen's TOP Section
============================================================*/
.sthellen-cell-groups {
  position: relative;
  padding: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .sthellen-cell-groups {
    padding: 4.5rem 2rem;
  }
}
.sthellen-cell-groups :is(h2, h3) {
  color: #1C244B;
  font-family: "Cormorant Garamond", serif;
  border-bottom: 1px dashed #dee2e6;
  padding-bottom: 10px;
  font-weight: 700;
  text-transform: capitalize;
}
.sthellen-cell-groups .cell-image {
  width: 100%;
  padding: 0;
}
.sthellen-cell-groups .cell-image img {
  object-fit: cover;
}
.sthellen-cell-groups .cell-image img:hover {
  opacity: 0.6;
}
.sthellen-cell-groups .cell-meta {
  padding: 0.6rem;
}
@media (min-width: 768px) {
  .sthellen-cell-groups .cell-meta {
    padding: 1.6rem;
  }
}
.sthellen-cell-groups .cell-meta ul {
  padding: 1rem;
}
.sthellen-cell-groups .cell-meta ul li {
  list-style-type: none;
  padding: 0.5rem 0;
}
.sthellen-cell-groups .cell-meta h6 {
  font-size: 10px;
}
@media (min-width: 768px) {
  .sthellen-cell-groups .cell-meta h6 {
    font-weight: light;
  }
}
.sthellen-cell-groups .cell-meta i {
  color: #9E3494;
  padding: 0 0.5rem;
}
.sthellen-cell-groups .btn {
  color: #9E3494;
}
.sthellen-cell-groups .btn:hover {
  color: #fff;
}
.sthellen-cell-groups .btn:hover i {
  color: #fff;
}

.community-content {
  padding-top: 5rem;
  background-color: #fff;
}
.community-content .community-details {
  padding: 1rem;
}

/*======================================================
	Search Bar
========================================================*/
.search-details {
  position: relative;
  margin-top: 0;
  background-color: #dee2e6;
}
.search-details .search-bar {
  padding: 1rem;
  width: 100%;
}
.search-details .search-bar form {
  width: 100%;
}

/*=========================================================
	404 Page Not Found
==========================================================*/
.page-404-details {
  position: relative;
  padding: 5rem 0;
  background-color: #9E3494;
  background: linear-gradient(to bottom, rgba(158, 52, 148, 0.8), rgba(255, 255, 255, 0.7)), url("../images/title_bg-1.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: cover;
}
.page-404-details i {
  color: #9E3494;
  font-size: 5rem;
}

.page-404 {
  position: relative;
  padding: 1rem 0;
}
.page-404 .page-content {
  padding: 5rem 0;
}

.footer {
  position: relative;
  background-color: #25293D;
  padding-top: 3rem;
  color: #ced4da;
  font-family: "jost", sans-serif;
  /* STYLE THE SOCIAL MEDIA CONTENT */
}
.footer .sthellen-info {
  position: relative;
  color: #fff;
}
.footer .sthellen-info i {
  font-size: 1.8rem;
  color: #fff;
  padding-right: 12px;
}
.footer .sthellen-info i:hover {
  color: #9E3494;
}
.footer .sthellen-info li {
  list-style-type: none;
}
.footer a {
  color: #fff;
  text-decoration: none;
}
.footer a:hover {
  text-decoration: underline;
  color: #9E3494;
}
.footer .church-info {
  position: relative;
}
.footer .links {
  position: relative;
}
.footer .links ul {
  padding: 0;
}
.footer .links ul li {
  list-style-type: none;
  margin-bottom: 14px;
  text-transform: capitalize;
}
.footer :is(h2, h3, h4) {
  margin-bottom: 1rem;
  border-bottom: 1px dashed #9E3494;
  padding-bottom: 10px;
  padding-bottom: 0.5rem;
  text-transform: capitalize;
  font-family: "jost", serif;
  line-height: 1.8;
}
.footer .useful-info {
  position: relative;
}
.footer .useful-info :is(h4, h5) {
  color: #9E3494;
}
.footer .footer-sm {
  padding: 1rem 0;
}
.footer .footer-sm a {
  color: #fff;
}
.footer .footer-sm a i {
  margin-left: 0.3rem;
}
.footer .footer-sm a:hover {
  color: #9E3494;
}

.site-content {
  position: relative;
  margin-top: 2rem;
  padding: 2rem 0;
}

.church-contact {
  margin-top: 2rem;
  padding: 3rem 0;
}
.church-contact .contact-info {
  position: relative;
  vertical-align: middle;
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.church-contact .contact-info:hover {
  background-color: #9E3494;
  transition: 0.3s all;
}
.church-contact .contact-info:hover h5 {
  color: #fff;
}
.church-contact .contact-info:hover i {
  color: #fff;
}
.church-contact .contact-info h5 {
  color: #9E3494;
}
.church-contact .contact-info i {
  color: #9E3494;
  padding: 0 10px;
  font-size: 24px;
}
.church-contact :is(h4, h5) {
  color: #9E3494;
}

/*==============================================================
        FOOTER BOTTOM SECTION 
===============================================================*/
.footer-bottom {
  background-color: #161926;
  padding: 3rem 0;
  color: #ced4da;
}
.footer-bottom__copyright {
  color: #fff;
}
.footer-bottom__copyright a {
  color: #9E3494;
  text-decoration: none;
}
.footer-bottom__copyright a:hover {
  text-decoration: underline;
  color: #9E3494;
}
.footer-bottom__dev {
  color: #fff;
}
.footer-bottom__dev .badge {
  color: #fff;
  background-color: #9E3494;
}
.footer-bottom__dev .badge a {
  color: #fff;
  text-decoration: none;
}
.footer-bottom__dev .badge:hover {
  text-decoration: none;
  color: #fff;
  background-color: #69276E;
}
.footer-bottom__logo {
  padding-top: 1rem;
}


/* CONTACT FORM */
/* Contact Form 7 Styling */
.st-helen-cf7-form {
  max-width: 600px;
  margin: 0 auto;
  padding: 30px;
  background: #f7fafc;
  border-radius: 10px;
  box-shadow: 0 2px 15px rgba(0,0,0,0.1);
}

.st-helen-cf7-form .form-group {
  margin-bottom: 20px;
}

.st-helen-cf7-form label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #4a5568;
}

.st-helen-cf7-form .form-control {
  width: 100%;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 5px;
  font-size: 16px;
}

.st-helen-cf7-form textarea.form-control {
  height: 150px;
}

.st-helen-cf7-form .submit-btn {
  background: #2b6cb0;
  color: white;
  border: none;
  padding: 12px 25px;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.3s;
}

.st-helen-cf7-form .submit-btn:hover {
  background: #2c5282;
}


.wpcf7-response-output {
  margin: 20px 0 0 !important;
  padding: 10px !important;
  border-radius: 5px !important;
}

.wpcf7-mail-sent-ok {
  background: #c6f6d5!important;
  color: #22543d !important;
  border: none !important;
}

.wpcf7-validation-errors,
.wpcf7-mail-sent-ng {
  background: #fed7d7 !important;
  color: #742a2a !important;
  border: none !important;
}
/*================================================== 
         Back to Top Button 
 ===================================================*/
.back-to-top {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #9E3494;
  padding: 10px;
  border-radius: 5px;
  font-size: 16px;
  z-index: 9999;
}
.back-to-top i {
  color: #fff;
  font-size: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.back-to-top:hover {
  color: #1C244B;
}

/*# sourceMappingURL=style.css.map */