/*
Theme Name: scubanation
Theme URI: scubanation/life
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: 20260225
Tags: responsive, bootstrap, bootstrap 5, theme options, customizable, clean, grid
*/

/* Customizable Theme Settings */
@import url('css/_vars.css');

/* Core Theme Styles */
@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');

/* Widget Styles Used in Slice */
@import url('css/widget-social.css');

/* ***** ADD ALL CUSTOM STYLES BELOW THIS LINE *****  */

#logo a {
  display: block;
  text-transform: none;
}
.logo-text-1 {
  font-size: 27px;
  font-weight: 300;
}
.logo-text-2 {
  font-size: 15px;
  font-weight: 500;
  color: #00acee;
}
.header-right ul li a {
  font-size: 18px;
  color: #fff;  
}
.footer {text-align: center;}
ul.sponsors-list {
  display: block;
  text-align: center;
  margin: 0;
  padding: 0;
}
ul.sponsors-list li {
  display: inline-block;
  list-style: none;
  margin: 5px;
  font-size: 17px;
  font-weight: 300;
  color: #fff;
}
ul.sponsors-list li > * {
  font-size: 17px;
  padding: 6px 14px;
  color: #fff;
  border-radius: 16px;
  background: #2c2e38;
}
ul.sponsors-list li > a:hover {
  background: #535560;
}
.sponsors-text {
  font-size: 17px;
  font-weight: 300;
  color: #fff;
}
.elementor-button-icon .e-font-icon-svg.e-fas-circle {
  color: #e24b4a;
  fill: #e24b4a;
  height: 10px;
}

.btn.btn-outline-primary, input.btn.btn-outline-primary, body .elementor-element.elementor-button-info .elementor-button {
  background: rgba(0,0,0,0.2) !important;
}
.btn.btn-outline-primary:hover, input.btn.btn-outline-primary:hover, body .elementor-element.elementor-button-info .elementor-button:hover {
  background: rgba(0,0,0,1) !important;
}

@media only screen and (min-width: 992px) and (max-width: 1400px) {
  .logo-text-1 {
    font-size: 20px;
  }
  .logo-text-2 {
    font-size: 10px;
  }
  #logo img {max-height: 80px;}
}

.button-large .btn, .button-large input.btn, .button-large .elementor-button, .header-links .menu > ul > li.btn.btn-primary.button-large > a {
	padding: 14px 24px !important;
	font-size: 18px !important;
}

#footer {
  background: #000 url(images/footer.jpg) no-repeat center bottom / cover;
}