/*
Theme Name: megapixlz
Theme URI: megapixlz.com
Description: A responsive theme built on Bootstrap 5.
Author: Mandile Web Design
Body Classes: desktop-menu-child-indicator-3 desktop-menu-current-link-style-0 desktop-menu-dropdown-style-2 desktop-menu-hover-style-0 header-0 mobile-nav-option-2 mobile-nav-parent-toggle-style-1 newsletter-style-3 search-button-desktop-0 search-button-mobile-0 search-type-1
Version: 20250201
Tags: responsive, bootstrap, bootstrap 5, theme options, customizable, clean, grid
*/

@import url('css/vars.css');
@import url('css/doc.css');
@import url('css/animations.css');
@import url('css/elements.css');
@import url('css/header.css');
@import url('css/footer.css');
@import url('css/blog.css');
@import url('css/cpt.css');
@import url('css/swiperjs/swiper-bundle.min.css');

/* Widgets */
@import url('css/widget-accordion.css');
@import url('css/widget-anchored-headlines.css');
@import url('css/widget-facts-labels.css');
@import url('css/widget-gallery.css');
@import url('css/widget-page-thumbs-menu.css');
@import url('css/widget-recent-posts.css');
@import url('css/widget-social.css');
@import url('css/widget-video.css');

/* ***** ADD ALL CUSTOM STYLES BELOW THIS LINE *****  */
.anchoredheadlines-intro, .footer.widget_nav_menu ul li a {font-family: "Oswald", sans-serif; font-weight: 100; text-transform: uppercase;}
.footer.widget_nav_menu ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer.widget_nav_menu ul li {
  display: inline !important;
  margin: 0 20px !important;
  padding: 0 !important;
  list-style: none !important;
}
.footer.widget_nav_menu ul li a {font-size: 16px;}
.anchoredheadlines-intro {font-size: 15px;}
.footer h3 {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
}
.cxis-social-widget-menu.rotating-circles ul li a {
  color: #000;
  background: #fff;
}
h1.anchoredheadlines-headline {
  text-transform: uppercase;
  line-height: 1.18em;
  font-family: "Oswald", sans-serif;
  font-weight: 100;
}
.home-testimonials .recent-post-content {
  color: #000;
  font-size: 16px;
  line-height: 36px;
  margin-bottom: 35px;
}
.home-testimonials .recent-post-thumb {
  margin-bottom: 35px;
}
.home-testimonials .recent-post-thumb img {
  display: block;
  margin: 0 auto;
  text-align: center;
  border-radius: 50%;
  max-height: 100px;
  max-width: 100px !important;
  width: auto !important;
  border: 2px solid #000;
}
.home-testimonials .recent-post-testimonial-author {
  font-size: 28px;
  font-weight: 500;
}

.services-carousel .gb {padding: 0 75px;}
.services-carousel .gb-inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -12px;
	margin-left: -12px;
	box-sizing: border-box;
}
.services-carousel .gb-image {
  box-sizing: border-box;
  padding: 0 12px;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  text-align: center;
  color: #fff;
}
.services-carousel .gb-content {
  box-sizing: border-box;
  padding: 0 12px;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  text-align: center;
  color: #fff;
  margin-top: 35px;
}
.services-carousel .gb-content-title {font-size: 32px; margin-bottom: 15px;}
@media only screen and (min-width: 992px) {
  h1.anchoredheadlines-headline {font-size: 85px;}
  .services-carousel .gb-image {
    text-align: left;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }
    .services-carousel .gb-image img {margin: 0; text-align: left;}
  .services-carousel .gb-content {
    text-align: left;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
    margin-top: 0;
  }
  .services-carousel .gb-content-title {font-size: 54px;}
}

.floating-label .form-control {
  border-radius: 0;
  background: #cdcdcc;
}