/************************************ this file include all pages style ******************************/

/******************* custom bootstrap css styles start *********************/

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

/******************* custom bootstrap  css styles  end *********************/

.blog-section .card {
  border: 0;
  border-bottom: 5px solid var(--blue);
}

.blog-section .card:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important ;
}

.blog-section .card .author-img img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.blog-section .card .card-footer,
.more-post-section .card .card-footer {
  background: none !important;
  border-top: none !important;
}

.pagination-section .page-link {
  margin: 0 5px;
  border: none !important;
  background: none !important;
  color: black !important;
}

.pagination-section .page-link:hover {
  background-color: var(--blue) !important;
  color: #fff !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important ;
}

.more-post-section .card .card-footer {
  border-bottom: 5px solid var(--blue);
}

.more-post-section .owl-carousel .owl-prev:hover,
.more-post-section .owl-carousel .owl-next:hover {
  background: none !important;
  color: black !important;
}

.more-post-section .owl-carousel .owl-nav {
  width: 100%;
  position: absolute !important;
  top: 30%;
}

.more-post-section .owl-carousel .owl-next {
  outline: none !important;
  right: 0;
}

.more-post-section .owl-carousel .owl-prev {
  left: 0;
  outline: none !important;
}

.more-post-section .owl-carousel img {
  object-fit: contain;
}

/********************************************  Code ReFactoring CSS *****************************/

.services:hover .media-body .heading {
  color: #fff;
}

.rightmark {
  list-style-image: url("../../dist/img/edition/rightmark.svg");
  margin-left: 20px;
}

.whitemark {
  list-style-image: url("../../dist/img/edition/whiterightmark.svg");
  margin-left: 20px;
}

.plan-section .card {
  width: 16rem;
}

/************************** google  custom search engine design start ***************************/

/* hide google bydefault placeholder */
#gs_tti50 input[type="text"] {
  background: none !important;
}

.gsc-search-button-v2 {
  background: var(--blue) !important;
  border: 1px solid var(--blue) !important;
  padding: 10px 10px 10px 10px !important;
  outline: none !important;
}

/* hide google logo and ads */
.gsc-result-info-container,
.gsc-orderby-container,
.gcsc-more-maybe-branding-root,
.gcsc-branding,
.gsc-above-wrapper-area,
.gsc-wrapper .gsc-adBlock,
.gssb_a img,
.gsc-tabsArea {
  display: none !important;
}

.gsc-result {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important ;
}

.gs-title a,
.gs-title b {
  color: var(--blue) !important;
  font-weight: bold !important;
}

.gs-image {
  border: none !important;
}

.gs-webResult {
  margin-left: 1rem !important;
}

#search-icon {
  cursor: pointer;
}

/************************** google  custom search engine design end ****************************/

/************************** share  this article style start ***********************************/

.btn-twitter {
  color: #fff;
  background-color: #8ed1fc;
  border-color: #8ed1fc;
}

.btn-twitter:hover {
  color: #8ed1fc;
  background-color: white;
}

.btn-facebook {
  color: #fff;
  background-color: #0693e3;
  border-color: #0693e3;
}

.btn-facebook:hover {
  color: #0693e3;
  background-color: white;
}

.btn-linkedin {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-linkedin:hover {
  color: var(--primary);
  background-color: white;
}

/************************** share  this article style end ***********************************/

/************************** sitemap style start *****************************************/
.site-map-section .card {
  border-top: 8px solid var(--blue) !important;
  border-radius: 6px;
  background: transparent !important;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.05) !important;
}

/************************** sitemap style end *****************************************/