/*   
Theme Name: Attorney
Theme URI: https://www.thatguycode.com/
Description: A custom resposive theme
Author: ThatGuyCode
Author URI: https://www.thatguycode.com/
Version: 1.0
*/
/*
    VARIABLES
    
    ----------------------- */
/*
    COLORS
    
    ----------------------- */
/*
    MEDIA QUERIES
    
    ----------------------- */
/*
 *	MIXINS
 *	================================================== */
/*
    SITE CSS
    
    ----------------------- */
body {
  font-family: 'Open Sans', sans-serif;
}

/*  HEADER  */
.topbar {
  background-color: #0F3041;
  color: #FFF;
  padding: 10px;
}

header {
  position: relative;
  box-shadow: 0px 7px 10px -4px rgba(60, 60, 60, 0.75);
  -webkit-box-shadow: 0px 7px 10px -4px rgba(60, 60, 60, 0.75);
  -moz-box-shadow: 0px 7px 10px -4px rgba(60, 60, 60, 0.75);
  z-index: 10;
}

header nav .navbar-brand {
  width: 200px;
}

header nav .navbar-brand img {
  max-width: 100%;
}

header nav .nav-link {
  color: #0F3041;
  padding: 0 0.8rem 0 0.8rem !important;
  text-transform: uppercase;
}

header nav .nav-link:hover {
  color: #C8242F !important;
}

@media screen and (max-width: 1024px) {
  header nav .nav-link {
    display: block;
    text-align: center;
    padding: 5px !important;
  }
}

header nav .current .nav-link {
  color: #C8242F !important;
}

/*  MAIN   */
main h1, main h2 {
  color: #0F3041;
}

@media screen and (max-width: 1024px) {
  main h1 {
    font-size: 40px !important;
  }
  main h2 {
    font-size: 25px !important;
  }
}

main .blogs, main .single-page {
  margin-bottom: 50px;
}

main .blogs .article .date, main .single-page .article .date {
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  color: #707070;
}

main .blogs .article .category, main .single-page .article .category {
  display: inline-block;
  margin-right: 10px;
  padding: 5px 10px;
  background-color: #C8242F;
  color: #FFF;
}

main .blogs .article strong, main .single-page .article strong {
  font-size: 25px;
  display: block;
  clear: both;
  width: 100%;
  margin-bottom: 10px;
}

main .blogs .article strong a, main .single-page .article strong a {
  color: #000;
}

main .blogs .article strong a:hover, main .single-page .article strong a:hover {
  color: #C8242F;
}

main .blogs .article img, main .single-page .article img {
  max-width: 100%;
  margin-bottom: 20px;
}

main .single-page {
  margin-top: 80px;
}

main .single-page .sidearticles h2 {
  font-size: 25px;
  margin: 0;
  font-weight: 600;
}

main .single-page .sidearticles strong {
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
}

main .wpforms-form button.wpforms-submit {
  background-color: #0F3041 !important;
  color: #FFF !important;
  border: none !important;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  min-width: 100px;
}

main .wpforms-form button.wpforms-submit:hover {
  background-color: #C8242F !important;
}

/*  FOOTER  */
footer {
  color: #FFF;
  background-color: #0F3041;
  padding: 20px;
  text-align: center;
}

footer strong {
  font-weight: 600;
  font-size: 20px;
}

footer hr {
  border-color: #144158;
}

footer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

footer .copyright {
  color: #8e9094;
  font-size: 14px;
  text-align: center;
}

footer a {
  color: #FFF;
}

footer a:hover {
  color: #C8242F;
}

footer .social-icons {
  margin-bottom: 20px;
  text-align: center;
}

footer .social-icons a {
  font-size: 30px;
  padding-right: 25px;
}

footer img {
  max-width: 50% !important;
  margin-bottom: 30px;
}

footer .wp-caption-text {
  display: none;
}

.social-icons {
  text-align: right;
}

.social-icons a {
  display: inline-block;
  font-size: 20px;
  padding: 0 15px 0 0;
  color: #FFF;
}

.social-icons a:hover {
  color: #C8242F;
}


@media screen and (max-width: 1024px) {
	.home-banner {
		padding: 0 0 30px 0!important;
		box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	}
	.home-banner h1 {
		font-size: 30px !important;
		padding: 30px 0 0 !important;
	}
	.home-banner .elementor-widget-container {
		margin:0!important;
	}
	.home-banner .elementor-button {
		margin-bottom:10px!important;
		padding:10px!important;
		min-width:200px!important;
	}
}


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