/*
Theme Name: lawbaron
Theme URI: lawbaron.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-1 search-button-mobile-1 search-type-1
Version: 20251012
Tags: responsive, bootstrap, bootstrap 5, theme options, customizable, clean, grid
*/

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

/* Third-party Plugins */
@import url('css/swiperjs/swiper-bundle.min.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 */
@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 *****  */

#header {padding: 36px 0;}

.absheader #header, .absheader #header-main {background: 0;}

#header-primary {
  border-radius: 22px;
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
  background: #fff;
}
#logo img {margin: 0 auto; text-align: center;}
#newsletter-section {
  background-image: url(images/newsletter-section.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
html, body {background: #001330;}
#footer {
  background: #001330 url(images/footer.png) no-repeat center bottom;
}

.footer-bottom-group {
  padding: 35px 0;
  border-top: 1px solid #6f7887;
}

.footer + .footer {margin-top: 35px;}

ul.contact-methods li a {padding-left: 60px;}

ul.contact-methods li a i {
  font-size: 42px;
  color: #d4a28c;
  transition: all 500ms ease;
}
ul.contact-methods li a:hover i {color: #516583;}

.cm1 {
  color: var(--headline_footer_top);
  font-size: 16px;
  font-weight: bold;
}
.cm2 {font-weight: 500;}


h1 span, h2 span, h3 span {
  font-family: var(--font_accent);
  font-style: italic;
  text-decoration: underline;
}

#top-bar {
  border-radius: 0 22px 0 0;
}

#top-bar ul li + li {margin-left: 30px;}

#main-bar {padding-right: 20px;}

.header-button {
  display: inline-block;
  margin: 5px;
  vertical-align: middle;
}
.header-button i {color: #000;}

.vertical-align-middle {vertical-align: middle;}

.blue-box {
  max-width: 360px;
  margin: 0 auto;
}


@media only screen and (min-width: 1400px) {
  h1 {font-size: 56px;}
}
@media only screen and (max-width: 1199.98px) {
  #header .btn {
    padding: 7px 10px !important;
    font-size: 13px !important;
  }
}
@media only screen and (min-width: 992px) {
  #newsletter-section h3 {
    font-size: 55px;
  }
}

@media only screen and (max-width: 991.98px) {
  #header {padding: 15px 0;}
  #logo {padding-left: 20px;}
  #newsletter-section {
    padding: 50px 0;
  }
}