/*
Theme Name: Lichtman Law
Theme URI: https://mostexposure.com/
Author: Most Exposure
Author URI: https://mostexposure.com/
Description: Wordpress theme designed for Lichtman Law.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: litchtmanlaw
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/
:root {
	--primary:#0f2e40;
	--primary-hover:#0b283d;
}
body{font-family: 'Josefin Sans', sans-serif;font-size:15px; overflow-x: hidden;}
a{color:#0b283d;-webkit-transition:all linear .3s 0s; transition:all linear .3s 0s;text-decoration:underline;}
a:hover{color:#0b283d;text-decoration:none;}
a:focus,button:focus{text-decoration:none;outline:0;}
a.under, span.under a { text-decoration:underline !important;}
h1,h2,h3,h4,h5,h6{font-weight: bold;}
section{padding: 80px 0;}
img{max-width: 100%;}

.pull-left { float:left;}
.pull-right { float:right;}
.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center; margin:0 auto 10px; display:block;}
.alignnone { float:none;}
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; margin-bottom:1rem; padding:4px; max-width:100%; border-radius:4px; -webkit-border-radius:4px;}
.wp-caption img { margin:0; padding:0; border:0;}
.wp-caption p.wp-caption-text { font-size:12px; padding:0 5px; margin:0;}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.br-0 { border-radius:0; -webkit-border-radius:0;}
.clear { clear:both;}
.mrb-10 { margin:0 10px 10px 0;}
.form-group { margin-bottom:1rem;}

.btn {font-size: 14px;}
.btn_styled {padding: 10px 15px;}
.btn-primary {background: var(--primary); border-color: var(--primary);}
.btn-primary:hover, .btn-primary:focus {background: var(--primary-hover); border-color: var(--primary-hover);}
.header_bar{background: rgba(243,240,236,1); padding: 20px 0;}
.logo {position: relative; display: block;}
.top_right {float: right;}
ul.top_link{ list-style: none; margin: 0; padding: 0;     display: flex; flex-wrap: wrap;}
ul.top_link li {border-right: #d6d6d6 3px solid; padding-right: 15px; margin-right: 15px; font-size: 14px; text-align: center;     align-self: center!important;}
ul.top_link li:last-child{ border-right:0; padding-right: 0; margin-right: 0;}
.star_view {font-size: 18px;}
.star_view span{display: inline-block;}
.star_view span.checked{color: #feab1f;}
.top_contact a{font-size: 24px;font-weight: 500; display: block;} 
.hero_banner  {height: 720px; position: relative;  background-repeat: no-repeat; background-size: cover; background-position: center;}
.hero_caption {width: 1200px; position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); z-index: 1; color: white;}
.hero_caption .caption {left: 0; max-width:650px;}
.hero_caption h5 {color: rgb(131, 146, 153); font-weight: 400;}
.hero_caption h1 {font-size:52px;  font-family: 'Playfair Display', serif; font-weight: 400;}
.feature_wrapper { margin-top: -143px;position: relative;z-index: 1;}
.feature_wrapper:before {background: #9facb2; height: 38px; left: 0; right: 0; bottom: 0; position: absolute; content: "";z-index: -1;}

.feature-item { padding: 25px; background: #839299; transition: all .5s ease-in-out; text-align: center; color: white;}
.feature_wrapper .row [class*=col]:nth-child(even) .feature-item { background: #9facb2;}
.feature-item h3 {font-size:72px;  font-family: 'Playfair Display', serif; font-weight: 400;}
.feature-item p { font-size: 14px;}
footer {position: relative;}
.footer_wrapper { background: #f3f0ec; padding: 20px 0;}
.footer_bar { background: #e5e5e5; text-align: center; padding: 15px 0; font-size: 13px;}

.inner_contents { min-height:500px;}

@media (max-width:1380px){
.hero_banner {background-position: right;}
ul.top_link li {padding-right: 10px; margin-right: 10px; }
}
@media (max-width:1199px){
.header_bar .container, .footer_wrapper .container {max-width: 100%;}
.logo .row {margin: 0 -7px;}
.logo .row [class*=col] {padding: 0 7px;}
.hero_caption { width: 80%;}
}
@media (max-width:991px){
.top_bar {background: #9facb2; text-align: center; color: white;}
.top_bar a{color: white;}
.top_bar ul {list-style: none; margin: 0; padding: 0;}
.top_bar ul li {display: inline-block;}
.top_bar ul li.top_btn{margin-left: 10px;}
.top_bar ul li.top_btn .btn{ padding: 12px 14px; border-radius: 0;}
.logo_bar {text-align: center; padding: 15px 0;}
.logo {text-align: center; max-width: 300px; margin: 0 auto;}
.logo_icon img {max-width: 60px;}
.logo_img img {max-width: 222px;}
.star_bar {background: #9facb2; text-align: center; color: white; padding: 5px 0;}

.star_bar .star_view {display: inline-block; margin-right: 7px; line-height: 0; margin-top: 3px;}
.star_bar a {color: black;}
.hero_caption {top: 50%;}
.feature_wrapper {margin-top: 0; background: #9facb2;}
.feature_wrapper:before{ display: none;}
.feature-item { background:#9facb2; }

.feature_wrapper .row [class*=col]:first-child .feature-item, .feature_wrapper .row [class*=col]:last-child .feature-item { background:  #839299;}
.footer_wrapper {text-align: center;}
.footer_wrapper ul.top_link { display: block; margin-top: 15px;}
ul.top_link li {border-right: 0; padding-right: 0; margin-right: 0; display: block;}
.footer_wrapper ul.top_link li+li {margin-top: 15px;}
}
@media (max-width:767px){
.mobile_banner {position: relative; height: 1000px;}
.mobile_caption {width: 80%; position: absolute; left: 50%; bottom: 60px; transform: translateX(-50%); text-align: center; color: white;}
.mobile_caption h5 {font-weight: 400; font-size: 22px;}
.mobile_caption h1 {font-size:6vw;;  font-family: 'Playfair Display', serif; font-weight: 400;}

}
@media (max-width:640px){
.mobile_caption h5 {font-size: 18px;}
}
@media (max-width:575px){
.mobile_banner {position: relative; height: 800px;}
.feature-item h3 {font-size: 9vw;}
.feature-item p {margin-bottom: 0;}
}
@media (max-width:480px){
}
@media (max-width:425px){
.mobile_banner {height: 750px;}
.mobile_caption h5 {font-size: 15px;}
}
@media (max-width:414px){
.star_bar {font-size: 13px;}
}
@media (max-width:375px){
.mobile_banner {height: 650px;}
.feature-item p {font-size: 13px;}
}
@media (max-width:360px){
}
@media (max-width:320px){
.mobile_banner {height: 550px;}
}