/******************************************************************
Theme Name: Manning Law Landing Page (Responsive)


This is being used for styles that will be changed more often.*/

@media screen and (max-width: 767px) { 
	.practice-area-list {display:none;}
	.footer .phone .num-footer {font: normal 20px/20px "Century Gothic", Helvetica, Arial, sans-serif !important;}
	footer .phone {font: normal 20px/20px "Century Gothic", Helvetica, Arial, sans-serif !important;}
	.wistia-vid, .wistia-vid p {display:block;margin:0px auto;width:100%;text-align:center;}
}

.wistia-vid {padding:10px;}
.wistia-vid p {color:#295f7f;font: italic 800 15px/16px "Century Gothic", Helvetica, Arial, sans-serif;position:relative;bottom:10px;text-align:center;}
.wistia-vid .sidebar {color:#295f7f;font: italic 800 15px/16px "Century Gothic", Helvetica, Arial, sans-serif;position:relative;bottom:10px;margin:0px;padding:0px;text-align:center;}

.header nav {
background: #245d7d; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#245d7d', endColorstr='#2b2c2a'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#245d7d), to(#2b2c2a)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #245d7d,  #2b2c2a); /* for firefox 3.6+ */
}

/*---Header Image Styles---*/
.slider .slider1 {background:url(library/img/home-slider1.jpg) top center no-repeat;}
.slider .slider2 {background:url(library/img/home-slider2.jpg) 50% 0% no-repeat;}
.slider .slider3 {background:url(library/img/home-slider3.jpg) 50% 0% no-repeat;}
.slider .slider4 {background:url(library/img/home-slider4.jpg) 50% 0% no-repeat;}
.slider .slider5 {background:url(library/img/home-slider5.jpg) 50% 0% no-repeat;}

/*---Other Styles---*/
.aligncenter {margin:0px auto; display:block;}
.clearfix {clear:both;}
.border {padding:4px; border: 1px solid #c8bda4;}
.margtop {margin-top: 10px;}
.footer-small {font-style:italic; font-size:11px;line-height:14px;color:#7ca0b4;margin:0;float:right;width:50%;}
.footer-small strong {color:#FFF;font-weight: normal;}
.footer article .disclaimer {margin: 0px !important; padding: 0px !important;}

/*---Testimonial List---*/
.testimonials {margin:0px 0px 10px 0px;padding:0px;}
.testimonials li {list-style:none; background:url(library/img/icon-person.jpg) left top no-repeat;margin:0px 0px 20px 0px; padding:0px 0px 0px 55px;clear:both;min-height: 48px;}

/*---Contact Page Divs---*/
.contact-map {width:100%;clear:both;}
.contact-left {width:320px; float:left;padding-right:20px;}
.contact-right {width:320px;float:left;}

/*--Homepage List Divs---*/
.list-left{width:210px;float:left;padding-right:15px;margin:5px 0px;}
.list-middle{width:210px;float:left;padding-right:15px;margin:5px 0px;}
.list-right{width:210px;float:left;margin:5px 0px;}

.conv-codes {display: none;}

/* Error Message Styles */
.error { border: 1px solid #295f7f; color: #e1950c; background: #bed6e3;}

/*--Blog Styles--*/
.bodyCopy .postmetadata {font: 100 12px/15px Helvetica, Arial, sans-serif; font-style:italic;}
small {font: bold 12px/32px Helvetica, Arial, sans-serif;color:#505248;}
.blog-nav {width:100%;font: 100 13px/15px Helvetica, Arial, sans-serif;color:#505248;}
.blog-nav-left {float:left;width:50%;text-align:left;}
.blog-nav-right {float:right;width:50%;text-align:right;}
.recent-posts ul {font:100 15px/16px Helvetica, Arial, sans-serif;color:#505248; margin:5px;padding-left:10px;list-style: square;}
.recent-posts li a {color:#505248;padding-bottom:5px;}

/*---Google Map Responsive---*/
.google-maps {border: 1px solid #888; position: relative;padding-bottom: 70%; height: 0;overflow: hidden; margin-bottom: 20px;}
.google-maps iframe {padding: 2px; position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}

/*---Mobile Updates---*/
.bodyCopy p {
	color: #222;
}

.contactPage input[type='tel'], .contactPage input[type='email'] {
	padding: 5px 10px;
	width: 55% !important;
	margin: 5px 2.5% 5px 0;
	border: 1px solid #bebebe;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
	color: #000;
	float: left;
	box-shadow: #dadada 0 0 7px 0 inset;
	font: normal 14px/24px "Century Gothic", Helvetica, Arial, sans-serif;
	font-style: italic;
	-webkit-appearance: none;
}

.logo-header {
	width: 150px;
	max-height: 85px;
}
@media(min-width: 770px) {
	.logo-header {
		margin: 12px 0 !important;
	}
}


/* FACELIFT
==================== */
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { background: #fff; }
.header .eyebrow { background: #326b95; }
.header nav { background: #134061; }
.header nav .phone { color: #d9a229; font: 600 16px/1 "Lato",sans-serif; text-transform: uppercase; margin: 1.5em 0 .5em 5em; }
.header nav .phone .num-header { font: normal 37px/1 Baskerville,"Baskerville Old Face","Goudy Old Style",Garamond,"Times New Roman",serif; }
.header nav .phone span { display: block; text-align: center; }
@media(min-width: 480px) {
	.header nav .phone span { display: inline-block; max-width: 125px; }
}
.header nav .parentItem { font: 300 17px/1 "Lato",sans-serif; text-transform: uppercase; }
.header nav .parentItem a { color: #fff;}
.headerForm .small { font: 300 20px/1 "Lato",sans-serif; }
.headerForm .big { font: 300 24px/1 "Lato",sans-serif; }
.headerForm { background: rgba(255,255,255,0.8); }
.bodyCopy p, .contactCopy p { font: 300 18px/1.5 "Lato",sans-serif; }
.bodyCopy h1, .contactCopy h1 { color: #3f4345; font: normal 35px/1 Baskerville,"Baskerville Old Face","Goudy Old Style",Garamond,"Times New Roman",serif; text-align: center; text-transform: uppercase; padding: 30px 0 0;}
.bodyCopy h3, .contactCopy h3 { font: 300 26px/28px Baskerville,"Baskerville Old Face","Goudy Old Style",Garamond,"Times New Roman",serif; }
.bodyCopy h4, .contactCopy h4 { font: 300 20px/1 "Lato",sans-serif; text-align: center; padding-bottom: 20px; }
.blue-button, .headerForm input[type='submit'], .internalSidebar .contact input[type='submit'] { background: #134061; border: none; outline: none; font: 300 14px/1 "Lato",sans-serif !important; }
.headerForm input[type='tel'], .headerForm input[type='email'] { width: 70%; float: right; margin: 8px 0; padding: 5px 15px; font: italic 15px/26px "Century Gothic", Helvetica, Arial, sans-serif; font-weight: 100; border-radius: 4px; border: 1px solid #b6b6b6; }

.footer { background: #3f4345; }
.footer header { font: 600 24px/30px Baskerville,"Baskerville Old Face","Goudy Old Style",Garamond,"Times New Roman",serif; }
.footer li { font: 300 16px/1.3 "Lato", sans-serif; }
.footer .phone .num-footer { color: #d9a229; font: 600 normal 37px/1 Baskerville,"Baskerville Old Face","Goudy Old Style",Garamond,"Times New Roman",serif; }
.copyright { background: #326b95; color: #fff; }
.copyright a { color: #fff; }
.copyright .alignLeft { float: none; text-align: center; }
.copyright .alignRight { float: none; text-align: center; }
.mobile-accreds { display: block; }
.footer-accreds { display: none; }
.disclaimer-mobile { display: block; width: 100%; float: none; }
.disclaimer-desktop { display: none; }

.practice-area { padding: 0 0 0 40px; font: 100 15px/20px "Century Gothic", Helvetica, Arial, sans-serif !important; }
.practice-areas { background-color: #134061; color: #fff; }
.practice-areas article { padding: 30px 10px; }
.practice-areas h3 { font: 300 42px/1 Baskerville, "Baskerville Old Face", "Goudy Old Style", Garamond, "Times New Roman", serif; text-align: center; }
.practice-areas p { text-align: center; padding-bottom: 40px; }
.practice-areas h3, .practice-areas p, .practice-areas ul { color: #fff; }

.meet-us article { padding: 30px 10px; }
.meet-us h3 { font: 300 42px/1 Baskerville, "Baskerville Old Face", "Goudy Old Style", Garamond, "Times New Roman", serif; text-align: center; margin-bottom: 30px; }
.meet-us h4 { font: normal 26px/1 "Lato", Helvetica, Arial, sans-serif; text-align: center; padding-bottom: 0; margin: 20px 0 5px; }
.meet-us .read-bio { font: normal 18px/1 "Lato", Helvetica, Arial, sans-serif; color: #4e2e15; }
.meet-us .manning-lawyer { margin-bottom: 30px; text-align: center; }
.meet-us .lawyer-photo { float: none; width: 140px; }
.meet-us .lawyer-details { float: none; padding-left: 0px; margin-top: 0px; }
.meet-us .lawyer-container:after { clear:both; padding-bottom: 40px; }
.footer-accreds { padding-top: 15px; }
.footer header .light { display: block; font-size: 16px; line-height: 22px;}


@media screen and (min-width: 640px) {
	.practice-area { float: left; width: 50%; padding: 0 4px 0; }
	.copyright .alignLeft { float: left; }
	.copyright .alignRight { float: right; }
	.mobile-accreds { display: none; }
	.footer-accreds { display: block; }
	.disclaimer-mobile { display: none; }
	.disclaimer-desktop { display: block; }
}

@media screen and (min-width: 940px) {
	.bodyCopy h1, .contactCopy h1 { color: #3f4345; font: normal 40px/1 Baskerville,"Baskerville Old Face","Goudy Old Style",Garamond,"Times New Roman",serif; text-align: center; text-transform: uppercase; padding: 30px 0 0;}
	.meet-us .manning-lawyer { float: left; width: 50%; text-align: left; }
	.meet-us .lawyer-photo { float: left; width: 180px;}
	.meet-us .lawyer-details { float: left; padding-left: 30px; margin-top: 100px; }
	.meet-us h4 { margin: 15px 0; text-align: left; }
	.meet-us p:first-of-type { padding-top: 30px; }
	.practice-area { float: left; width: 24%; padding 0; }
	.header nav .phone .num-header { font: normal 42px/1 Baskerville,"Baskerville Old Face","Goudy Old Style",Garamond,"Times New Roman",serif; }
	.footer .phone .num-footer { color: #d9a229; font: 600 normal 42px/1 Baskerville,"Baskerville Old Face","Goudy Old Style",Garamond,"Times New Roman",serif; }
}

@media screen and (max-width: 767px) {
	.practice-area-list { display: block; }
}

@media screen and (min-width: 940px) and (max-width: 1030px) {
	.practice-area-list .small { width: 18%; margin: 0 10px 0; }
	.practice-area-list .large { width: 36%; margin: 0 10px 0; }
}

.section-why-choose { position: relative; overflow: hidden; text-align: left; display: block; width: 100%; background: #F0F1F3; padding: 0px 0px 60px 0px; }
.section-why-choose h3 { font: 300 42px/1 Baskerville, "Baskerville Old Face", "Goudy Old Style", Garamond, "Times New Roman", serif; text-align: center; margin-bottom: 30px; }
.section-why-choose h2 { text-align: center; color: #c8e2fa; }
.section-why-choose h2.hide-desktop { display: block; }

@media screen and (min-width: 960px) {
	.section-why-choose h2.hide-desktop { display: none; }
	.footer header .light { display: inline-block; font-size: 22px; line-height: inherit; }
}

.section-why-choose .content-window .bx-viewport { height: 360px; }

.section-why-choose .content-window { transition: all 0.3s ease; position: relative; background: #f4f4f4; }
.section-why-choose .content-window .content-controls { position: absolute; z-index: 9; margin: 10px auto; width: 100%; height: 20px; font: 900 16px/16px "Lato", sans-serif; text-transform: uppercase; color: #a7a7a7; }

.section-why-choose .content-window .content-controls a { color: #a7a7a7; }
.section-why-choose .content-window .content-controls a.next { position: absolute; right: 10px; float: right; color: #a7a7a7; }

.section-why-choose .content-window .content-controls a.next .arrow { display: inline-block; width: 12px; height: 12px; background: url(library/svg/arrow-gray.svg) center center/contain no-repeat; }
.section-why-choose .content-window .content-controls a.prev { position: absolute; left: 10px; float: left; color: #a7a7a7; }
.section-why-choose .content-window .content-controls a.prev .arrow-prev { display: inline-block; width: 12px; height: 12px; background: url(library/svg/arrow-gray.svg) center center/contain no-repeat; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
.section-why-choose .content-window .content-controls a:hover { color: #326b95; text-decoration: none; }
.section-why-choose .content-window .content-blocks { transition: all 0.3s ease; }
.section-why-choose .content-window .content-blocks li { background: #fff; min-height: 300px;}

@media screen and (min-width: 450px) {
	.section-why-choose .content-window .content-blocks li { min-height: 360px; }
}

.section-why-choose .content-window .content-blocks li:first-of-type { display: inline-block; }
.section-why-choose .content-window .content-blocks li .img-window { position: relative; width: 100%; height: 100%; min-height: 140px; background: #a7a7a7; top: 0px; margin: 0px; padding: 0px; }
.section-why-choose .content-window .content-blocks li .img-window h2 { color: #fff; margin: 0; position: absolute; bottom: 10px; left: 0px; font: 800 26px/30px "Lato", sans-serif; text-align: center; padding: 0 10px; }

@media screen and (min-width: 640px) {
	.section-why-choose .content-window .content-blocks li .img-window h2 { color: #fff; margin: 0; position: absolute; bottom: 10px; left: 0px; font: 800 24px/32px "Lato", sans-serif; text-align: left; }
    .section-why-choose .content-window .content-blocks li .img-window img { max-width: 140px; width: 100%; margin: 10px; }
	.section-why-choose .content-window .content-blocks li .img-window img { max-width: 220px; }
	.section-why-choose .content-window .content-blocks li p { padding: 20px 10px 20px !important; }
}

.section-why-choose .content-window .content-blocks li p { padding: 10px 10px 20px 10px; }      
.section-why-choose .content-window .content-blocks li.determination .img-window { background: url("library/img/why-slider-1.jpg") center center/cover no-repeat; }
.section-why-choose .content-window .content-blocks li.too-late .img-window { background: url("library/img/why-slider-2.jpg") center center/cover no-repeat; }
.section-why-choose .content-window .content-blocks li.experience .img-window { background: url("library/img/why-slider-3.jpg") center center/cover no-repeat; }
.section-why-choose .content-window .content-blocks li.best-job .img-window { background: url("library/img/why-slider-4.jpg") center center/cover no-repeat; }
.section-why-choose .content-window .content-blocks li.trust .img-window { background: url("library/img/why-slider-5.jpg") center center/cover no-repeat; }
        
.section-why-choose .content-pager { display: none; position: relative; padding-left: 40px; }
.section-why-choose .fivecol { margin-left: 0; }
.section-why-choose .sevencol { margin-left: 0; }



@media screen and (min-width: 768px) {
	.section-why-choose .content-pager { display: block; }
}
    
.section-why-choose .content-pager .pager-box { background: #164163; padding: 15px 0px; }
.section-why-choose .content-pager .pager-box h2 { color: #c8e2fa; position: absolute; top: -46px; }
.section-why-choose .content-pager .pager-box a { display: block; padding: 15px 10px; margin: 10px 20px 10px 0; color: #fff; background: #7A9DB1; font-weight: 900; font-size: 18px; cursor: pointer; }

.section-why-choose .content-pager .pager-box a.active { background: #D7A100; }
.section-why-choose .content-pager .pager-box a:hover { background: #326b95; color: #fff; text-decoration: none; }

.internalSidebar .contact input[type='tel'], .internalSidebar .contact input[type='email'] { width: 70%; float: right; margin: 8px 0; padding: 5px 15px; font-style: italic;
	font-weight: 100; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 1px solid #b6b6b6;
}

.section-why-choose .content-blocks p { font: 300 16px/1.5 "Lato", sans-serif; }

@media screen and (min-width: 640px) {
	.section-why-choose .content-blocks p { font: 300 20px/1.5 "Lato", sans-serif; }
	.section-why-choose .content-window .content-controls { bottom: 0px ; }	
}

/* HEADER FORM */
/*
.headerForm .form-row { position: relative; }
.headerForm label { float: none; width: 100% !important; text-align: left; position: absolute; left: 1px; right: 1px; top: 15px; bottom: 10px; padding: 0 0.5em; margin: 0; }
.headerForm input[type="text"], .headerForm input[type="tel"], .headerForm input[type="email"], .headerForm textarea, .headerForm .contactPage select, .contactPage .headerForm select { width: 100%; float: none; border-radius: 0; margin: 4px 0; }
.headerForm input[type="submit"] { display: inline-block; width: 100%; padding: 15px 0; border-radius: 0; background: #326b95; font-size: 18px !important; margin: 4px 0; }
*/

.verbal .small { color: #2c2c2c; font: bold 18px/18px "Friz-Quadrata-Regular"; }
.verbal .big { color: #295f7f; font: bold 23px/24px "Friz-Quadrata-Regular"; }


/* HAMBURGER NAV
========================== */
/*

.header {
	position: fixed;
	top: 0;	
}
*/

@media screen and (max-width: 768px) {
	.logo-header {
		float: left !important;
		margin: 0 0 0 30px !important;
		width: 200px !important;	
	}
}

#menu-main-menu, #tinynav1 {
	display: none;
}

@media screen and (min-width: 768px) {
	#menu-main-menu {
		display: block;
	}
}

nav .button_container {
	position: absolute;
	top: 5%;
	right: 5%;
	height: 50px;
	width: 35px;
	cursor: pointer;
	z-index: 100;
	transition: opacity .25s ease;
	display: block;
}

@media screen and (min-width: 768px) {
	nav .button_container {
		display: none;
	}
}
  
nav .button_container:hover {
	opacity: .7;
}
 
nav .button_container.active {
	position: fixed;
}

nav .button_container.active .top {
	transform: translateY(11px) translateX(0) rotate(45deg);
    background: #fff;
}

nav .button_container.active .middle {
    opacity: 0;
    background: #fff;
}
    
nav .button_container.active .bottom {
    transform: translateY(-11px) translateX(0) rotate(-45deg);
    background: #fff;
}

nav .button_container span {
  	background: #fff;
  	border: none;
  	height: 5px;
  	width: 100%;
  	position: absolute;
  	top: 0;
  	left: 0;
  	transition:  all .35s ease;
  	cursor: pointer;
}
    
nav .button_container span:nth-of-type(2) {
	top: 11px;
}
    
nav .button_container span:nth-of-type(3) {
    top: 22px;
}
nav .button_container span.text {
	background: none;
	color: white;
	font-size: 12px; font-weight: bold;
	height: auto;
	top: 33px;
}

nav .overlay {
  position: fixed;
  background: #326b95;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
  z-index: 99;
}
  
nav .overlay.open {
    opacity: .9;
    visibility: visible;
    height: 100%;
}
    
nav .overlay.open li {
	animation: fadeInRight .5s ease forwards;
    animation-delay: .35s;
}
      
nav .overlay.open:nth-of-type(2) {
    animation-delay: .4s;
}

nav .overlay.open:nth-of-type(3) {
    animation-delay: .45s;
}

nav .overlay.open:nth-of-type(4) {
    animation-delay: .50s;
}

nav .overlay-menu {
    position: relative;
    height: 70%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 40px;
    font-family: Baskerville, "Baskerville Old Face", "Goudy Old Style", Garamond, "Times New Roman", serif;
    font-weight: 400;
    text-align: center;
}

nav .overlay-menu ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    height: 100%; 
}
    
nav .overlay-menu ul li {
      display: block;
      height: 25%;
      height: 25%;
      min-height: 50px;
      position: relative;
      opacity: 0;
}

nav .overlay-menu ul li a {
    display: block;
    position: relative;
    color: #fff;
    text-decoration: none;
}
        
nav .overlay-menu ul li a:hover:after, nav nav ul li a:focus:after, nav nav ul li a:active:after {
    width: 100%;
}
        
nav .overlay-menu ul li a:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 0%;
    transform: translateX(-50%);
    height: 3px;
    background: #fff;
    transition: .35s;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
.headerForm .expungement {
	display: block;
	text-align: center;
	color: #295f7f;
	font: bold 16px/22px "Friz-Quadrata-Regular"
}
@media(min-width:768px) {
	.headerForm { min-height: 408px; height: auto; }
}
.internalSidebar .contact .small { font-size: 18px; }

.slider li {
	background-size: cover !important;
}
@media(min-width: 767px) {
	.slider li {
		height: 570px;
	}
}
@media(min-width: 1030px) {
	.slider li {
		height: 600px;
	}
}