/******************************************************************
Theme Name: Manning Law
Theme URI: https://www.manninglaw.com
Description: This site was built using the Bones Development Theme. For more information about Bones or to view documentation, you can visit the <a href="https://github.com/eddiemachado/bones/issues" title="Bones Issues">Bones Issues</a> page on Github.
Author: TriMark Digital
Author URI: https://www.trimarkdigital.com
******************************************************************/

/* .slide-services {
	font-size: 0;
}
.slide-services .masthead-slide-title {
	text-align: center;
}
.slide-service {
	display: inline-block;
	width: 49%;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	text-align: center;
}
.slide-service img {
	width: 60px;
}
@media only screen and (min-width : 640px) {
	.slide-services .masthead-slide-title {
		text-align: left;
		padding: 15px;
	}
	.slide-service {
		width: 24%;
		margin-bottom: 10px;
	}
}
@media only screen and (min-width : 960px) {
	.slide-service img {
		width: 100px;
	}
	.slide-service.traffic img {
		width: 120px;
	}
	.slide-service {
		font-size: 14px;
	}
} */

.responsive-tabs ul {
margin: 20px 0;
}
.responsive-tabs li {
display: inline-block;
    padding-left: 0 !important;
}
.responsive-tabs li a.active {
background: #134061;
color: #fff;
}
.responsive-tabs li a {
border: 1px solid #134061;
display: inline-block;
color: #134061;
margin-right: 15px;
padding: 10px 25px;
text-decoration: none;
}
.responsive-tabs li:before {
	content: none !important;
}
#related-block {
	display: none;
}

.g-recaptcha div {
	margin-bottom: 3px;
	width: 100% !important;
}
.g-recaptcha div iframe { width: 100% !important; }
.g-recaptcha .rc-anchor { width: 99% !important; }

.sidebar-form .form-row { margin: 25px 0 8px !important; }
.sidebar-form .g-recaptcha div { margin-bottom: 20px !important; }

.home-section .home-bottom-form .page-wrapper { padding: 15px 10px 15px; }
.home-bottom-form { display: block; width: 100%; margin: auto; padding: 0px; }
.home-bottom-form .form-row { width: 48%; display: inline-block; vertical-align: top; }
.home-bottom-form .form-row.form-row-captcha {
margin-top: 10px;
max-width: 303px;
}
.home-bottom-form .form-row.form-row-submit .btn{
margin: 0 auto!important;
}
.home-bottom-form .form-row label { display: block; text-align: left; padding-top: 10px; padding-left: 8px;width: 100%; text-transform: uppercase; color: #575d60; font-size: 14px; }
.home-bottom-form .form-row input, .home-bottom-form .form-row textarea { display: inline-block; text-align: left; width: 96%; color: #575d60; font-size: 20px; line-height: 20px; height: 48px; padding: 4px 6px; border: 1px solid #575d60; vertical-align: middle; }
.home-bottom-form .form-row textarea { padding: 12px 6px 0px 6px; }
.home-bottom-form .form-row input:focus, .home-bottom-form .form-row textarea:focus { outline: 0 !important; border: 1px solid #d9a229; }
.home-bottom-form .form-row-submit { width: 100%; }
.home-bottom-form .form-row .btn-blue { margin: 0px !important; padding: 13px 20px; width: 50%; position: relative; top: 18px; height: 50px; }
.home-bottom-form input[name="breathing"] { display: none; }
.home-bottom-form .error label { color: red !important; }
.home-bottom-form .error input { border: 1px solid red !important; }

@media screen and (min-width: 960px){
	.home-section .home-bottom-form .page-wrapper { padding: 15px 10px 15px; }
	.home-bottom-form { display: block; width: 100%; margin: 0px; padding: 0px; }
	.home-bottom-form .form-row { width: 14%; display: inline-block; vertical-align: top; }
	.home-bottom-form .form-row label { display: block; text-align: left; padding-top: 0px; padding-left: 0px; width: 100%; text-transform: uppercase; color: #575d60; font-size: 14px; }
	.home-bottom-form .form-row input, .home-bottom-form .form-row textarea { display: block; text-align: left; width: 96%; color: #575d60; font-size: 20px; line-height: 20px; height: 48px; padding: 4px 6px; border: 1px solid #575d60; vertical-align: middle; }
	.home-bottom-form .form-row textarea { padding: 12px 6px 0px 6px; }
	.home-bottom-form .form-row input:focus, .home-bottom-form .form-row textarea:focus { outline: 0 !important; border: 1px solid #d9a229; }
	.home-bottom-form .form-row .btn-blue { margin: 0px !important; padding: 13px 20px; width: 100%; position: relative; top: 18px; height: 50px; }
	.home-bottom-form input[name="breathing"] { display: none; }
	.home-bottom-form .error label { color: red !important; }
	.home-bottom-form .error input { border: 1px solid red !important; }

		.home-bottom-form .form-row.form-row-captcha{
				width: 25%;
			min-width: 303px;
			}
}

@media only screen and (min-width : 968px) {
	.homepage-scroll-arrows {
		display: none;
	}	
}


.home-section-experts .section-expert-list .expert-list-item:first-child {
	min-height: 0;
}
@media screen and (min-width: 960px) {
	.home-section-experts .section-expert-list .expert-list-item:first-child {
		min-height: 200px;
	}
}

/* ============== Criminal Charges Categoriesn ============== */
.criminal-categories { display: block; text-align: center; margin: 0; padding: 0; list-style: none !important; }
.body .wp-the-content .criminal-categories li:before { display: none; }
.criminal-categories li:hover { cursor: pointer; background: #5485a8; color: #fff;}

@media screen and (max-width: 619px){
	.criminal-categories li { display: inline-block; width: 100%; max-width: 44%; margin: 2%;  list-style: none !important; background: #134061; color: #fff; padding: 0 !important; overflow: hidden; transition: all 0.2s ease; }
	.criminal-categories li a.category-button { display: block; width: 100%; height: 100%; color: #fff !important; font: 300 20px/1.2 "Lato",sans-serif; padding: 12px 0px !important; position: relative; z-index: 99; border-bottom: 5px solid #326b95; }
	.background-icon { display: inline-block !important; position: absolute; left: 0px !important; bottom: 18px !important;  width: 100%; height: 100%; overflow: visible; font: normal 110px/110px "Baskerville","Baskerville Old Face","Goudy Old Style","Garamond","Times New Roman",serif; color: #326b95; letter-spacing: 10px; z-index: 9; opacity: 0.4; }
	.line1, .line2 { display: block; margin: 0 auto; }
}

@media screen and (min-width: 620px){
	.criminal-categories li { display: inline-block; width: 100%; max-width: 285px; margin: 15px 20px 10px 0px;  list-style: none !important; background: #134061; color: #fff; padding: 0 !important; overflow: hidden; transition: all 0.2s ease; }
	.criminal-categories li a.category-button { display: block; width: 100%; height: 100%; color: #fff !important; font: 300 24px/1.1 "Lato",sans-serif; padding: 20px 0px !important; position: relative; z-index: 99; border-bottom: 5px solid #326b95; }
	.background-icon { display: inline-block !important; position: absolute; left: 0px !important; bottom: 15px !important;  width: 100%; height: 100%; overflow: visible; font: normal 104px/104px "Baskerville","Baskerville Old Face","Goudy Old Style","Garamond","Times New Roman",serif; color: #326b95; letter-spacing: 10px; z-index: 9; opacity: 0.4; }
	.line1, .line2 { display: inline; margin: 0; }
}

/*----------- Expertise Section: New Homepage Icons  ------------*/
.home-section-experts { background: linear-gradient(#fff, #eff1f2) !important; }
.home-section-experts p {font: 300 18px/1.5 "Lato",sans-serif !important; text-align:center !important; padding:5px 30px;}
.home-section-experts .section-expert-list { display: block !important; width: 100% !important; margin: 0 auto !important; text-align: center !important; padding: 0px 5px; }
.home-section-experts .section-expert-list .expert-list-item { width: 50% !important; min-height: auto !important; display: block !important; float: left !important; transition: all 0.5s ease-out; }
.home-section-experts .section-expert-list .expert-list-item:first-child { min-height: auto !important; }
.home-section-experts .section-expert-list img { width: 70px !important; position: relative !important; left: auto !important; display: block !important; margin: 0 auto !important; }

.icon { display: block; width: 125px; height: 125px; border: 10px solid #326b95; border-radius: 50%; margin: 0 auto;  }
.mallet { background: #134061 url(library/img/criminal-defense-white.png) center center / contain no-repeat; background-size: 70px; }
.car { background: #134061 url(library/img/traffic-white.png) center center / contain no-repeat; background-size: 75px; }
.keys { background: #134061 url(library/img/dwi-white.png) center center / contain no-repeat; background-size: 60px; }
.courthouse { background: #134061 url(library/img/federal-crime-white.png) center center / contain no-repeat; background-size: 65px; }
.icon-label { display: block; width: 100%; text-align: center; margin: 20px auto; }

.home-section-experts .expert-body { opacity: 0; }
	
@media screen and (min-width: 40em){
	.home-section-experts .section-expert-list .expert-list-item { width: 25% !important; }
	.icon { width: 150px; height: 150px; }
}
@media screen and (min-width: 60em){
	.home-section-experts .section-expert-list { padding: 0px 30px !important; }
	.icon { width: 200px; height: 200px; }
	.mallet { background-size: 90px; }
	.car { background-size: 95px; }
	.keys { background-size: 80px; }
	.courthouse { background-size: 85px; }
	
	.home-section-experts .expert-body { opacity: 0; padding: 15px 10px; font: 300 15px/1.4 "Lato",sans-serif !important; }
	.home-section-experts .expert-body.short { padding: 30px 10px; }
	.icon:hover .expert-body { opacity: 1; transition: all 0.5s ease-out; }
	.icon:hover { border: 10px solid #326b95; background: #fff; transition: all 0.5s ease-out; }
	
	.left-shape { shape-outside: polygon(55% 0, 0 50%, 55% 100%, 0% 100%, 0 50%, 0% 0%); float: left; width: 50%; height: 100%; }
	.right-shape { shape-outside: polygon(100% 0%, 100% 50%, 100% 100%, 45% 100%, 100% 50%, 45% 0); float: right; width: 50%;  height: 100%; }
}

@media screen and (min-width: 80em){
	.home-section-experts .section-expert-list { padding: 10px 90px !important; }
}


/* SLIDER - EXPERTISE */
.masthead-slide4 .masthead-aligner { display:block !important; }
.masthead-slide4 .btn-slide1 { display: inline-block !important; clear: both !important; }
.slider-expertise-list { display: none !important; }

@media screen and (min-width: 60em){
	.slider-expertise-list { display: inline-block !important; margin: 0px auto; padding-top: 20px; width: 100%; max-width: 100%; text-align: center; }
	.slider-expertise-list .slider-icon { display: block !important; float: left; text-align: center; width: 30%; height: auto; padding: 1%; }
	.slider-expertise-list .slider-icon i { display: block !important; width: 110px; height: 110px; margin: 4px auto; }
	.slider-expertise-list .slider-icon i.slider-mallet { background: url(library/img/criminal-defense-white.png) center center / contain no-repeat; background-size: 80px; }
	.slider-expertise-list .slider-icon i.slider-car { background: url(library/img/traffic-white.png) center center / contain no-repeat; background-size: 100px; }
/* 	.slider-expertise-list .slider-icon i.slider-keys { background: url(library/img/dwi-white.png) center center / contain no-repeat; background-size: 50px; } */
	.slider-expertise-list .slider-icon i.slider-courthouse { background: url(library/img/federal-crime-white.png) center center / contain no-repeat; background-size: 75px; }
	.slider-expertise-list .slider-icon span { font: 300 20px/20px "Lato", sans-serif; text-transform: none; display: block; margin: 0px auto; padding: 15px 4px; background: #d9a229; }
	.slider-expertise-list .slider-icon span:hover { background: #e1b554; }
	
	.masthead-slide4 .btn-slide1 { display: none !important; }
	.masthead-slide4 .masthead-slide-title { font-size: 50px !important; }
	.masthead-slide4 .masthead-slide-body { font-size: 20px !important; }
}
@media screen and (min-width: 80em){
	.slider-expertise-list .slider-icon span { font: 300 24px/24px "Lato", sans-serif; }
}

@media only screen and (min-width : 968px) {
	.img-accred {
		width: 100%;
	}	
}

#breadcrumb h2 {
	color: #326b95;
	font-size: 15px;
	line-height: 18px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

#breadcrumb h2 a {
	color: #326b95;
	font-size: 15px;
	line-height: 18px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}


.section-accreds p {font: 300 18px/1.5 "Lato",sans-serif !important; text-align:center !important; padding:5px 30px;}

ul li {
	font: 300 18px/1.7 "Lato", sans-serif;
}

.resume-title:after { content: ''; height: 1px; width: 30%; /* background: #326b95; */ background: #3f4345; display: block; margin-top: 15px; }
.resume-card { padding: 0 0 20px; position: relative; border-bottom: 1px solid #ccc; display: flex; }
.resume-contact li:before { display: none !important; }
.resume-contact li { display: block; padding-left: 30px !important;}
.resume-contact li:nth-of-type(1) { padding-left: 30px !important; }
.resume-card svg { width: 15px; height:	22px; margin-top: -8px; position: relative; top: 5px; left: -10px; fill: #326b95; }
.resume-card svg:hover { fill: #5ea9de; }
.resume-lawyer { margin: 0px 0 10px; }
.resume-photo {  margin: 20px 0; float: none; width: 140px; height: 210px; }

@media screen and (min-width: 360px) {
	.resume-photo { margin: 0 20px 15px 0; float: left; }
}	
@media screen and (min-width: 492px) {
	.resume-photo { margin: 20px 20px 15px 0; width: 180px; height: 270px; }
	.resume-lawyer { margin: 25px 0 10px; }	
}
@media screen and (min-width: 1024px) {
	.resume-contact li { display: inline-block; padding-left: 30px !important;}
	.resume-contact li:nth-of-type(1) { padding-left: 15px !important; }
}

.our-attorneys-link svg { width: 15px; height:	22px; margin-top: -8px; position: relative; top: 5px; left: 0; margin-right: 10px; fill: #326b95; }
.our-attorneys-link svg:hover { fill: #5ea9de;}
	
/*
.resume-header {
	background: #fff;
	border-top: 10px solid #326b95;
}
.resume-header img {
	margin: 0 20px 0 0 !important;
}
*/

.header-contact-wrapper .contact-text {
	font: bold 12px/1.1 "Lato", sans-serif !important;
	top: 8px !important;
	text-align: center;
}
.header-contact-wrapper .contact-text span {
	font: bold 17px/1.1 "Lato", sans-serif !important;
}

.header-logo-2016 {
	background-image: url(library/img/logo-manning-law.png);
	background-repeat: no-repeat;
	margin-top: 2px;
	margin-bottom: 10px;
	height: 43px;
	width: 140px;
	display: block;
	background-size: cover;
	text-indent: -9999px;
}

.footer-logo-2016 {
	background-image: url(library/img/logo-manning-law.png);
	background-repeat: no-repeat;
	height: 71px;
	width: 230px;
	display: block;
	background-size: cover;
	text-indent: -9999px;
	margin: 0 auto;
}

@media screen and (min-width: 640px) {
	.header-logo-2016 {
		height: 55px;
		width: 178px;
		margin-bottom: 0;
	}
}

@media screen and (min-width: 960px) {
	.header-logo-2016 {
		height: 85px;
		width: 274px;
	}	
}

@media screen and (min-width: 1060px) {
	.footer-logo-2016 {
		height: 75px;
		width: 242px;
	}
}

.footer-body .home-footer-location-info li {
	font: 100 15px/1.8 "Lato", sans-serif !important;
}
.footer-body .home-footer-location-info .phone-footer {
	font: 100 36px/1.5 "Lato", sans-serif !important;
}

/* EYEBROW
======================== */
.eyebrow { background: #3f4345; text-align: center; }
.eyebrow p { color: #fff; margin: 0; padding: 10px 0; text-align: center; font-weight: 100; font-size: 12px; letter-spacing: 2px; position: relative; animation-name: eyebrow-motion; animation-duration: 1s; -webkit-animation-name: eyebrow-motion; -webkit-animation-duration: 1s; }
.eyebrow span { color: #d9a229; display: block; }
.eyebrow a { display: inline-block; }

@-webkit-keyframes eyebrow-motion {
	0%   { top: -40px; }
    100% { top: 0px; }
}

@keyframes eyebrow-motion {
    0%   { top: -40px; }
    100% { top: 0px; }
}

@media screen and (min-width: 390px) {
	.eyebrow span { display: inline-block; }
}

/* STARBURST IN HEADER
========================== */
header .starburst {
	display: block;
	background: url(library/img/financing-oval.png) no-repeat;
	background-size: cover;
	width: 100px;
	height: 105px;
	overflow: visible;
	z-index: 999;
	float: left;
	position: relative;
	right: 60px;
	bottom: 40px;
	text-indent: -9999px;
	margin-right: -70px;
}

header .starburst-mobile {
	display: block;
	background: url(library/img/financing-oval.png) no-repeat;
	background-size: cover;
	width: 100px;
	height: 105px;
	overflow: visible;
	z-index: 999;
	position: absolute;
	right: 10px;
	bottom: -30px;
	text-indent: -9999px;
}

/* spacing fix */
.form .form-cta { padding: 10px 10px 15px 10px !important; }

@media screen and (min-width: 960px) {
	header .starburst-mobile {
		display: none;
	}
}

@media screen and (min-width: 1170px) {
	header .starburst { top: -55px;}
}

@media screen and (min-width: 60em) {
	.home-masthead .home-masthead-form .form-cta span { font-size: 25px !important;}
}



/* ===== CLOSING CTA
/* ================================================================================ */

.closing-cta {
	width: 100%;
	background: red;
	font: 300 18px/1.25 Baskerville,"Baskerville Old Face","Goudy Old Style",Garamond,"Times New Roman",serif !important;
}
.closing-cta-title {
	margin-bottom: 10px;
	color: #326b95;
	font-size: 24px;
	line-height: 1.15;
}
.closing-cta-btn {
	margin-top: 15px;
}

/* Fixing Weird slider cut off mobile */ 
@media screen and (max-width: 400px) {
	.home-masthead .masthead-slide {
		height:300px !important;
	}
	.header-masthead {
		height:315px !important;
	}
	.header-masthead .masthead-slider-wrapper .home-masthead .bx-wrapper .bx-viewport {
		overflow:visible !important;
	}
}

/* Updating form headers */ 
.home-masthead .home-masthead-form .form-row { clear: both; }
.home-masthead .home-masthead-form .form-cta span {
	display: block;
}
/*Mobile Header Icon Update*/
@media only screen and (max-width: 959px){
.mobile-nav-trigger-contact{
    display: flex;
    flex-wrap:wrap;
    top: -15px!important;
    width: 38px;
    margin-right: 20px;
    font-weight: 700!important;
}
.mobile-nav-trigger-contact:before{
    display: none;
}
.flex-on-em svg {
    width: 38px;
    height: 38px;
    margin-bottom: 5px;
	margin-left: 5px;
}
.mobile-nav-trigger-wrapper {
    display: flex;
    flex-wrap: nowrap;
}
.mobile-nav-trigger.mobile-nav-trigger-main {
    font-weight: 500;
}
.mobile-nav-trigger.mobile-nav-trigger-contact svg{
    stroke-width: 1.5px; 
    stroke: #d9a229;
    stroke-linecap: round!important;
}
}

/*--Google Optimize Variant Styling Changes--*/
div.google-optimize-variant.show-variant .btn-orange {
    background: #999999;
}
div.google-optimize-variant.show-variant .btn-orange:hover {
    background: #575d60;
}
div.google-optimize-variant.show-variant .btn-blue {
    background: #d9a229!important;
}
div.google-optimize-variant.show-variant .btn-blue:hover {
    background: #a06e00!important;
}