/*
Theme Name: DBL Bootstrap
Theme URI: http://xtremelysocial.com/wordpress/child/
Description: Child theme for Flat Bootstrap. Includes a stylesheet (style.css) for you to restyle any of the CSS and a functions.php file to change theme parameters or components. Both files include samples of a few common things you might want to do.
Author: XtremelySocial
Author url: http://xtremelysocial.com
Version: 1.5
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Template: flat-bootstrap
Template Version: 1.9
Tags: one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, featured-image-header, full-width-template, flexible-header, theme-options, sticky-post, threaded-comments, light, translation-ready, rtl-language-support, custom-background
*/

/* 
 * IMPORT the parent theme's stylesheet(s). NOTE: This was moved to functions.php for
 * performance reasons.
 */
/*@import url("../flat-bootstrap/style.css");*/

/* PUT YOUR CHANGED STYLES HERE 
 * 
 * The best way to do this is to copy in the relevant section from the parent's style.css
 * file, change what you want, and remove the lines that you didn't change.
 *
 * NOTE: All these examples here are included just to show you how to do the most common
 * things that users have requested, such as changing colors and the look of buttons, etc.
*/

/* Change the content (page) header to dark blue. */
.content-header {
	background-color: #2980b9;
}

/* Change the main link color to dark blue. Note that the hover color is set using a 
 * neat trick with the opacity tag. This simply lightens whatever the link color is. That
 * way we don't need to try to figure out a hover color that looks good. 
 */
a {
	color: #2980b9;
}
a:hover,
a:focus {
	color: #2980b9;
	opacity: .75;
}

/* Make the buttons square, if you'd like. */
.btn {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

/* PUT ANY NEW STYLES TO USE IN YOUR CONTENT AREAS HERE SO YOU CAN EASILY PASTE THIS
 * SECTION IF YOU CHANGE THEMES
 */

body {
    font-family: 'Raleway', sans-serif;
    background: #fff;
}

p, a, h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
    font-family: 'Playfair Display', serif;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}

#page, .navbar, .after-footer {
    max-width: 100%;
}

.topbar {
    border-bottom: 1px solid #e0e0e0;
    padding: 7px 0;
}

.headerphone p, .headerphone a {
    color: #757575;
    font-size: 11px;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    margin: 0;
}

.headerphone strong {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 11px;
}

.headerphone .fa {
    color: #c3c3c3;
    font-size: 18px;
    vertical-align: middle;
}

.headersocial a {
    color: #535253;
}

.headersocial li {
    list-style: none;
    display: inline-block;
    font-size: 13px;
    margin-left: 20px;
}

.headersocial ul {
    float: right;
    margin: 0;
    padding: 0;
    line-height: 20px;
}

.headerphone .fa {
    color: #c3c3c3;
    font-size: 18px;
    vertical-align: middle;
    margin-right: 10px;
}

.headerphone .fa-clock-o {
    margin-left: 20px;
}

.container.nav-header {
    padding-top: 40px;
    padding-bottom: 40px;
}

h1.site-title {
    margin: 0;
    font-size: 22px;
}

.site-title a {
    text-transform: uppercase;
    font-family: 'Playfair Display', serif;
    color: #000;
    letter-spacing: 4px;
    font-weight: 700;
}

.site-description {
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 0;
    color: #9d8f78;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.site-branding-text {
    text-align: center;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.menu-main-menu-container {
    text-align: center;
}

.navbar-nav {
    float: none;
    display: inline-block;
}

.navbar-nav > li > a {
    font-size: 14px;
    font-weight: 400;
    background: transparent;
    transition: 0s all;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background: url(http://sherryparkslaw.com/wp-content/uploads/2017/04/btn-hover.png) no-repeat scroll center bottom;
}

.consultation {
    text-align: right;
}

.consultation a {
    background: #aea597;
    color: #fff;
    padding: 12px 15px;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    border: 4px double;
}

h2.heading {
    text-transform: uppercase;
    font-family: 'Playfair Display', serif;
    color: #000;
    letter-spacing: 7px;
    text-align: center;
    font-weight: 700;
    font-size: 26px;
    margin-top: 0;
}

h2.heading.light {
    color: #fff;
}

h2.heading span {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #767676;
    text-transform: uppercase;
    letter-spacing: 6px;
}

h2.heading.light span {
    color: #fff;
}

.attorney-section {
    padding: 30px 0 70px;
}

.about-section {
    background: url(http://sherryparkslaw.com/wp-content/uploads/2017/04/about-bg.jpg) no-repeat scroll 0 0 / cover;
    padding: 50px 0 100px;
}

.sherry-creds {
	margin-top: 70px;
}

.sherry-pic {
    margin-top: 55px;
}

.about-section p {
    font-size: 15px;
    text-align: justify;
    font-weight: 400;
}

.about-section .heading {
    text-align: left;
}

.about-section .heading span {
    color: #fff;
}

.practices-section {
    margin-top: -100px;
}

.practices-section .row:first-child {
    background: #fff;
    padding: 40px;
}

.practices-section p {
    margin-top: 15px;
    text-align: center;
}

.practice-card {
    background: #565656;
    text-align: center;
    color: #fff;
    padding: 45px 40px;
}

.practice-card.light {
    background: #e0ddd9;
    color: #535353;
}

.practice-card h3 {
    font-size: 18px;
    letter-spacing: 5px;
    padding-top: 20px;
}

.practice-card p {
    font-size: 14px;
    line-height: 17px;
}

.practices-section .col-md-3 {
    padding: 5px;
}

.results-section {
    background: url(http://sherryparkslaw.com/wp-content/uploads/2017/04/testimonial-bg.jpg) no-repeat scroll 0 0 / cover;
    padding: 150px 0 70px;
    margin-top: -100px;
    color: #fff;
    text-align: center;
}

.easy_testimonial_image_wrapper {
    display: none;
}

.testimonial-client {
    color: #cfc4b3;
}

.easy-t-cycle-pager span.cycle-pager-active {
    color: #cfc4b3;
}

.results-section .col-md-2 img {
    padding-top: 60px;
}

.signup {
    background: #fff;
    padding: 40px 0;
}

.newsletter-section {
    background: #e8e8e8;
    border-top: 30px solid #fff;
    border-bottom: 30px solid #fff;
}

.contact-section {
    background: url(http://sherryparkslaw.com/wp-content/uploads/2017/04/contact-bg.png) no-repeat scroll 0 0 / cover;
    padding: 50px 0;
}

.wpcf7 {
    margin-top: 25px !important;
}

.wpcf7-form-control {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid white;
    background: transparent;
    padding: 10px 10px;
    font-size: 13px;
    color: #fff;
}

.wpcf7-form-control.wpcf7-submit {
    background: #aea597;
    border-radius: 0px;
    padding: 10px;
    text-transform: uppercase;
    font-size: 14px;
}

.overlay {
    background: transparent;
    position: relative;
    width: 100%;
    height: 350px;
    top: 350px;
    margin-top: -350px;
    z-index: 1;
}

.info-section {
    line-height: 0;
}

.info-section .container {
    line-height: 1.42857143;
}

.info-section img {
    display: inline-block;
}

.info-section p {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    font-weight: 600;
    color: #000;
    font-size: 18px;
    padding: 0 0 0 20px;
}

.info-section p span {
    display: block;
    font-weight: 300;
}

.info-section .container {
    padding: 50px 0;
}

.info-section p, .info-section a span {
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 2px;
    font-family: 'Raleway', sans-serif;
}

.info-section a {
    font-family: 'Playfair Display', serif;
    color: #000;
    font-size: 14px;
}

div.wpcf7-response-output {
    display: block !important;
    float: left;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 5px;
    margin-top: 0px;
}

footer {
    background: #565656;
}

.after-footer {
    background: #b9b2a6;
    margin-top: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.footer-social ul {
    float: right;
}

.footer-social li {
    display: inline-block;
    padding: 0 5px;
}

.footer-social li a {
    color: #fff;
}

#footer-navigation ul.dividers > li:nth-child(n+2)::before {
    border-left: 1px solid #000;
    margin-right: 17px;
}

.sidebar-footer a:hover:not(.btn), .sidebar-footer a:focus:not(.btn), .footer-nav-menu a:hover:not(.btn), .footer-nav-menu a:focus:not(.btn) {
    color: #000;
}

.list-inline > li {
    display: inline-block;
    padding-right: 15px;
    padding-left: 0;
}

button:hover, button:focus, html input[type="button"]:hover, html input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.footer-nav-menu a:not(.btn), .footer-social li {
    font-size: 13px;
    letter-spacing: 2px;
}

.credits-footer {
    padding-bottom: 70px;
}

.top-button {
    width: 44px;
    margin: -20px auto 0;
}

.site-credits {
    color: #a7a7a7;
    font-size: 12px;
}

#site-credits, .footer-logo, .dbl-credits {
    padding-top: 40px;
}

.footer-logo h2 {
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
    line-height: 18px;
}

.footer-logo h2 span {
    font-size: 14px;
    font-weight: 300;
    font-family: 'Raleway', sans-serif;
    color: #a29d93;
}

.dbl-credits {
    font-size: 12px;
    text-align: right;
}

.dbl-credits a, .site-credits a {
    color: #a7a7a7;
}

.mc-field-group {
    padding: 0 5px;
}

.mc-field-group input {
    width: 100%;
    margin-top: 15px;
    font-size: 14px;
    padding: 5px 10px;
}

#mc-embedded-subscribe {
    background: #565656;
    border: 4px double #fff;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 40px;
    margin: 20px auto 0;
    display: block;
}


@media screen and (max-width: 1199px) {
.consultation a {
    padding: 10px 5px;
    font-size: 12px;
}
.info-section a {
    font-size: 14px;
}
.info-section img {
    display: block;
	padding-bottom: 15px;
}

.info-section p {
    display: block;
}
.sherry-creds {
    margin-top: 100px;
}
.sherry-pic {
    margin-top: 170px;
    text-align: center;
}
}

@media screen and (max-width: 991px) {
.consultation {
    text-align: center;
}
.attorney-section {
    padding: 30px 0;
}
.info-section {
    text-align: center;
}
.info-section p {
    text-align: center;
    padding: 10px 0;
}
.info-section img {
    display: block;
}
.contact-section {
    padding: 50px 0 0;
}
.results-section {
    padding: 150px 0 40px;
}
.sherry-creds {
    margin-top: 0px;
}
.sherry-pic {
    margin-top: 0px;
}
}

@media screen and (max-width: 767px) {
.topbar {
    text-align: center;
}
.headersocial ul {
    float: none;
}
.consultation a {
    width: 100%;
    margin-top: 30px;
}
.container.nav-header {
    padding-bottom: 15px;
}
h2.heading {
    font-size: 20px;
}
h2.heading span {
    font-size: 16px;
}
.results-section {
    padding: 50px 0 30px;
    margin-top: 0;
}
.info-section a {
    font-size: 15px;
}
.practices-section .row:first-child {
    padding: 40px 0px;
}
.info-section p {
}
.info-section .container {
    padding: 30px 15px;
}
#site-credits, .footer-logo, .dbl-credits {
    padding-top: 20px;
    text-align: center;
}
.footer-social.pull-right {
    float: none !important;
    text-align: center;
    overflow: hidden;
}
.footer-social.pull-right ul {
    float: none;
}
}

@media screen and (max-width: 479px) {

}


