@import url("https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i");
@font-face {
font-family: 'Kalam';
src: url(//heritagedesignlaw.com/wp-content/themes/bustr/theme/Kalam-Light.ttf); }
body {
color: #3c3535;
background-color: #f4f4f4;
font-weight: 400;
font-family: 'Lato', sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
hr {
margin-top: 0.2em;
margin-bottom: 0.2em; }
hr.thick {
margin-top: 1em;
margin-bottom: 1em;
background-color: #ff6200;
width: 100px;
height: 5px;
border: none; }
article hr.thick {
margin-bottom: 3em;
}
article ul {
list-style-type: none;
}
article li:before {
font-family: 'FontAwesome';
content: '\f0da';
margin:0 5px 0 -15px;
}
article header h1{
color: #07396d;
}
.input-group-addon,
.text-white hr {
background-color: #fff; }
.input-group-addon {
color: #07396d; }
p {
font-size: 16px; }
.main ul {
list-style-type: none; }
.main ul li {
list-style-type: none;
padding-left: 1.3em; }
.main ul li:before {
content: '\f0da';
font: normal normal normal 14px/1 FontAwesome;
margin-left: -1.3em;
width: 1.3em;
display: inline-block; }
.roundel {
background-color: #07396d;
display: inline-block;
width: 47px;
height: 47px;
color: #fff;
font-size: 17px;
text-align: center;
line-height: 45px;
border-radius: 50%;
border: 1px solid #fff; }
.roundel:hover {
background-color: #ff6200; }
.force-middle {
display: flex;
flex-direction: column;
justify-content: center; }
.relative {
position: relative; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700; }
.navbar li,
.roundel,
a {
transition: all 0.2s ease-in; }
.navbar {
padding: 0; }
.navbar li:hover {
background: #ff6200; }
.navbar-nav {
justify-content: center; }
.navbar-nav .active {
background: #0a529d; }
.navbar-nav .dropdown-menu {
color: #fff;
background-color: #07396d;
padding: 0;
margin-top: -1px;
display: block;
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.2s linear; }
.navbar-nav .dropdown-item {
background: #07396d; }
.navbar-nav .dropdown-item:hover {
color: #fff;
background-color: #ff6200; }
.navbar li.clientsignin>a {
background: #ff6200;
}
.navbar li.clientsignin:hover>a {
background: #0a529d;
}
.menu-item-has-children:hover .dropdown-menu {
visibility: visible;
opacity: 1;
height: auto; }
.menu-item-has-children:hover .dropdown-menu li {
padding: 0; }
.navbar a,
.text-white,
.text-white a {
color: #fff;
text-shadow: 0 0 2px #333; }
.text-blue {
color: #07396d; }
.navbar-toggleable-md .navbar-nav .nav-link {
padding-right: 1.5rem;
padding-left: 1.5rem;
white-space: nowrap; }
.btn-primary {
background-color: #1a3757;
cursor: pointer; }
.card {
overflow: hidden; }
.btn-primary,
.form-control,
.input-group-addon {
border: 0; }
.btn-primary {
background: #07396d; }
.btn-primary:hover {
background: #ff6200; }
.bg-primary {
background-color: #07396d !important; }
.carousel-control-next,
.carousel-control-prev {
font-size: 50px;
position: absolute;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
color: #1a3757;
text-align: center;
opacity: 0.5; }
.carousel-control-next:hover,
.carousel-control-prev:hover {
color: #26507e; } #hero h1 {
font-family: "Kalam", cursive;
font-size: 36px; }
#hero-front {
background: linear-gradient(to right, rgba(28, 63, 105, 0.85) 0%, rgba(27, 63, 106, 0) 100%), url(//heritagedesignlaw.com/wp-content/themes/bustr/img/bg-hero-front.jpg) no-repeat right center;
background-size: cover;
padding-top: 8em;
padding-bottom: 8em; }
#hero-inner {
background: linear-gradient(to top, rgba(28, 63, 105, 0.85) 0%, rgba(7, 57, 109, 0.5) 100%), url(//heritagedesignlaw.com/wp-content/themes/bustr/img/bg-hero.jpg) no-repeat center center;
background-size: cover;
padding-top: 2em;
padding-bottom: 2em; }
#hero-badges img {
padding: 0 1em; }
#small-bio {
background: linear-gradient(180deg, rgba(26, 56, 87, 0.85) 0%, rgba(69, 123, 181, 0.85) 100%), url(//heritagedesignlaw.com/wp-content/themes/bustr/img/bg-bio.jpg) no-repeat center center;
background-size: cover;
padding-top: 1em;
padding-bottom: 1em; }
#small-bio .header {
font-size: 20px; }
#mastersdegree {
font-size: 36px;
font-weight: 700;
line-height: 1.2;
display: block; }
#wrapper-header {
background: url(//heritagedesignlaw.com/wp-content/themes/bustr/img/bg-header.jpg) no-repeat center center;
background-size: cover;
padding: 1em 2em 0; }
#wrapper-header .phone {
font-size: 36px; }
#wrapper-header a.phone {
color: #07396d; }
#wrapper-practice-areas {
background: #07396d; }
#wrapper-practice-areas .wrapper-practice:nth-child(1) {
background: url(//heritagedesignlaw.com/wp-content/themes/bustr/img/bg-pa-1.jpg) no-repeat center center;
background-size: cover;
min-height: 250px;
overflow: hidden; }
#wrapper-practice-areas .wrapper-practice:nth-child(1) .practice-header {
padding: 2em 0; }
#wrapper-practice-areas .wrapper-practice:nth-child(1):hover .practice-body {
visibility: visible;
opacity: 1;
max-height: 300px; }
.practice-body span{
display: block;
margin: 0 -0.5em -0.5em;
background: #07396d;
padding: 0.3em;
}
#wrapper-practice-areas .wrapper-practice:nth-child(2) {
background: url(//heritagedesignlaw.com/wp-content/themes/bustr/img/bg-pa-2.jpg) no-repeat center center;
background-size: cover;
min-height: 250px;
overflow: hidden; }
#wrapper-practice-areas .wrapper-practice:nth-child(2) .practice-header {
padding: 2em 0; }
#wrapper-practice-areas .wrapper-practice:nth-child(2):hover .practice-body {
visibility: visible;
opacity: 1;
max-height: 300px; }
#wrapper-practice-areas .wrapper-practice:nth-child(3) {
background: url(//heritagedesignlaw.com/wp-content/themes/bustr/img/bg-pa-3.jpg) no-repeat center center;
background-size: cover;
min-height: 250px;
overflow: hidden; }
#wrapper-practice-areas .wrapper-practice:nth-child(3) .practice-header {
padding: 2em 0; }
#wrapper-practice-areas .wrapper-practice:nth-child(3):hover .practice-body {
visibility: visible;
opacity: 1;
max-height: 300px; }
#wrapper-practice-areas .practice {
background: linear-gradient(180deg, rgba(7, 57, 109, 0.8) 0%, rgba(7, 57, 109, 0.8) 100%);
position: absolute;
bottom: -250px;
width: 100%; }
#wrapper-practice-areas .practice-body {
visibility: hidden;
opacity: 0;
max-height: 0;
-webkit-transition: max-height 1s, visibility 0.3s, opacity 0.3s linear;
-moz-transition: max-height 1s, visibility 0.3s, opacity 0.3s linear;
-ms-transition: max-height 1s, visibility 0.3s, opacity 0.3s linear;
-o-transition: max-height 1s, visibility 0.3s, opacity 0.3s linear;
transition: max-height 1s, visibility 0.3s, opacity 0.3s linear; }
#wrapper-content {
padding-top: 2em;
padding-bottom: 2em;
background: url(//heritagedesignlaw.com/wp-content/themes/bustr/img/bg-content.jpg) no-repeat center center;
background-size: cover; }
#wrapper-videos .container {
max-width: 1170px;
}
#videos-playlist h4 {
font-size: 16px;
font-weight: 400;
font-style: italic;
line-height: 20px;
}
#videos .my-2 {
margin: 0!important;
}
#videos-video {
padding: 0;
background: url(//heritagedesignlaw.com/wp-content/themes/bustr/img/video-bg.jpg) no-repeat center center;
background-size: cover;
padding: 85px 0;
}
#videos-video .video-btn {
transition: all ease-in-out .3s;
}
#videos-video .video-btn:hover {
transition: all ease-in-out .3s;
transform: scale(1.2);
cursor: pointer;
}
#videos-video .plan-video {
width: 100%;
height: 100%;
display: none;
}
#videos-video .visible {
display: block;
}
#wrapper-videos #videos {
color: #fff;
background-color: #3c3535; }
#wrapper-videos #videos-playlist {
font-weight: 300;
font-style: italic;
}
#wrapper-videos #videos-playlist .current a:hover {
color: #fff;
text-decoration: none;
padding-left: 0;
}
#wrapper-videos #videos-playlist ul {
padding-left: 0; }
#wrapper-videos #videos-playlist li {
color: #fff;
list-style-type: none;
border-bottom: 1px solid #fff;
padding-left: 2em;
margin: 0.2em;
position: relative;
transition: all ease-in-out .3s;
}
#wrapper-videos #videos-playlist li:hover {
font-weight: 700;
padding-left: 2.2em;
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
transition: all ease-in-out .3s;
cursor: pointer;
}
#wrapper-videos #videos-playlist .current li:hover {
padding-left: 2em;
}
#wrapper-videos #videos-playlist .current {
color: #ff6200;
font-weight: bold; }
#wrapper-videos #videos-playlist .current:before {
content: "\f144";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
left: 0.7em;
top: 0.25em; }
#wrapper-videos #paragraph {
background: url(//heritagedesignlaw.com/wp-content/themes/bustr/img/paragraph.jpg) no-repeat center center;
background-size: cover;
padding: 55px 0px;
}
#paragraph img {
vertical-align: middle;
}
#wrapper-videos #about {
background: linear-gradient(180deg, rgba(7, 57, 109, 0.8) 0%, rgba(7, 57, 109, 0.8) 100%), url(//heritagedesignlaw.com/wp-content/themes/bustr/img/bg-bio.jpg) no-repeat center center;
background-size: cover; }
#about-image {
width: 30%;
}
#about-text {
width: 70%;
margin-bottom: 0px!important;
padding: 0 15px;
}
#about-text h4 {
font-size: 16px;
font-weight: 300;
font-style: italic;
line-height: 20px;
}
#about-text h4::after {
display: block;
width: 100px;
height: 1px;
background: rgba(255, 255, 255, 0.15);
content: '';
margin: 5px 0;
}
h1 {
font-size: 1.7rem;
}
#about-text h1 {
font-size: 20px;
font-style: italic;
line-height: 24px;
font-weight: 400;
margin: 0 0 5px 0;
}
#about-text p {
font-weight: 300;
line-height: 19px;
}
#wrapper-praise .container {
padding-top: 3em;
padding-bottom: 3em; }
#wrapper-praise .fa, #wrapper-praise h2 {
color: #07396d; }
#wrapper-praise h2 {
font-size: 24px;
margin-top: 1em;
}
#wrapper-praise p {
font-style: italic;
}
#wrapper-praise .fa {
font-size: 5em; } #wrapper-cta {
background: linear-gradient(270deg, rgba(7, 57, 109, 0.8) 0%, rgba(7, 57, 109, 0.8) 100%), url(//heritagedesignlaw.com/wp-content/themes/bustr/img/bg-cta.jpg) no-repeat bottom center;
background-size: cover;
padding-top: 3em;
padding-bottom: 3em; }
#wrapper-cta h1 {
font-family: "Kalam", cursive;
text-decoration: underline;
font-size: 48px;
margin-bottom: 0; }
#wrapper-contacts {
background: linear-gradient(180deg, rgba(28, 63, 105, 0.85) 0%, rgba(28, 63, 105, 0) 100%), url(//heritagedesignlaw.com/wp-content/themes/bustr/img/bg-form.jpg) no-repeat center center;
background-size: cover;
padding: 3em 0; }
#wrapper-contacts textarea {
height: 70px; }
#wrapper-footer {
background: linear-gradient(to right, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.75) 100%), url(//heritagedesignlaw.com/wp-content/themes/bustr/img/bg-footer.jpg) no-repeat center center;
background-size: cover; }
#wrapper-footer #footer-content {
padding: 2em; }
#wrapper-copyright {
background: #07396d;
padding: 0.5em;
padding-bottom: 2em;}
@media (min-width: 992px) {
.navbar-toggleable-md {
display: block !important; }
.menu-item-has-children:hover .dropdown-menu {
visibility: visible;
opacity: 1;
height: auto; } }
@media (max-width: 992px){
.navbar-nav .dropdown-menu {
display: none;
}
.navbar-nav .show .dropdown-menu {
display: block;
}
} @media (max-width: 768px) {
#wrapper-header {
padding: 1em;
}
#wrapper-header img {
width: 100%;
}
#hero-front .mt-5 {
margin-top: 0!important;
}
#wrapper-about,
#wrapper-blognews-bottom,
#wrapper-blognews-top,
.noclip {
clip-path: none; }
#wrapper-blognews-top {
padding: 0; }
#wrapper-praise .container {
padding-top: 1em;
padding-bottom: 1em; }
#news h4 {
font-size: 1em; } }
@media (max-width: 1200px) {
#hero-front {
padding-top: 1em;
padding-bottom: 1em; } } .practice {
font-style: italic;
padding: 0.5em;
}
.practice-header {
font-weight: 600;
}
.video-page-wrapper {
margin-bottom: 30px;
text-align: center;
}
.video-page-wrapper h4 {
font-style: italic;
margin-bottom: 15px;
}
.part-section {
padding: 10px 30px;
background: #f1f1f1;
border-radius: 5px;
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.3);
}