/* The Decker Law Firm Mobile CSS

Version: 1.9


*/

.tiled-gallery-caption {
	display: none !important;
}
span.mobile_menu_label {
	display: none;
}
span.indicator {
	display: none;
}
* {
	-webkit-overflow-scrolling: touch;
}
.allexamples {
	position: absolute;
	bottom: 0;
	font-size: 18px;
	font-weight: 700;
	width: 100%;
	text-align: center;
	background: #e9e9e9;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	position: fixed;
}
body,
html {
	width: 100%;
	height: 100%;
}
.menu {
	display: none;
}
@media only screen and (max-width: 1320px) {
	.container {
		max-width: 100%;
		width: 100%;
	}
}
@media only screen and (max-width: 1160px) {
	.attorneys h2,
	.meet h2 {
		font-size: 4em;
	}
}
@media only screen and (max-width: 1024px) {
	#header.site-header {
		/* background: #6a0407; */
		padding: 0;
	}
	/* .header-widget-area {
		display: none;
	} */
	/* .site-header .custom-logo {

		display: none;
	} */
	/* .site-header .custom-logo-link {
		width: 225px;
		height: 145px;
		background: url(/wp-content/uploads/2021/06/decker-60th-logo.png) no-repeat
			center center;
		display: block;
	} */
	.desktop,
	.desktop.slick-slider {
		display: none;
	}
	.mobile-text {
		display: block;
	}
	.mobile-text h2 {
		font-size: 1.75em;
		text-align: center;
	}
	.mobile-text h3 {
		font-size: 1.25em;
		text-align: center;
	}
	.quick-contact {
		padding: 0;
	}
	.quick-contact .container.mobile {
		display: flex;
		padding: 0;
	}
	.mobile .block {
		width: 100%;
		justify-content: center;
	}
	.mobile .block a {
		color: #fff;
		font-size: 1.85em;
		font-weight: 600;
		padding: 12px 0;
		height: 100%;
		width: 100%;
		line-height: 100%;
		text-align: center;
		text-transform: uppercase;
	}
	.quick-contact .mobile .call {
		border-left: 1px solid #a85759;
		border-right: 1px solid #a85759;
	}
	.quick-contact .mobile .call a {
		background: #003057;
	}
	.quick-contact .mobile .text {
		border-left: 1px solid #a85759;
		border-right: 1px solid #a85759;
	}
	.quick-contact .mobile .text a {
		background: #003057;
	}
	.ion-md-chatboxes .ion,
	.ion-md-phone .ion {
		width: 42px;
		height: 42px;
		font-size: 32px;
		color: #fff;
	}
	.ion-md-chatboxes:after {
		color: #fff;
		content: "\f2d4";
		font-family: Ionicons;
		font-size: 1.25em;
		vertical-align: middle;
		padding-right: 5px;
	}
	.ion-md-phone:after {
		color: #fff;
		content: "\f4b9";
		font-family: Ionicons;
		font-size: 1.25em;
		vertical-align: middle;
		padding-right: 10px;
	}
	.btn-open::after {
		color: #fff;
		content: "\f394";
		font-family: Ionicons;
		-webkit-transition: all 0.2s linear 0s;
		-moz-transition: all 0.2s linear 0s;
		-o-transition: all 0.2s linear 0s;
		transition-property: all 0.2s linear 0s;
	}
	.hero {
		height: 60vh;
	}
	.title-area {
		padding: 2rem;
		margin-top: 0;
	}
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		padding: 0 20px;
	}
	.blog_comment,
	.entry-comments-link,
	.zp_like_holder,
	.zp_post_read,
	.zp_post_view {
		display: inline-block;
	}
	.archive-pagination {
		padding: 0 15%;
	}
	.img-circle {
		height: auto !important;
	}
	.content-sidebar .content,
	.content-sidebar .sidebar,
	.sidebar-content .content,
	.sidebar-content .sidebar {
		float: left;
		margin-left: 8.33333%;
		margin-right: 0;
		width: 83.3333%;
	}
	.sidebar {
		margin-top: 40px;
	}
	.zpps-post-slider .post_slide_content .entry-title {
		font-size: 30px !important;
	}
	.nav-primary .genesis-nav-menu {
		display: none;
	}
	.zp_secondary_nav_wrap.navbar {
		display: none;
	}
	.menu-btn {
		position: absolute;
		top: 6px;
		right: 20px;
		z-index: 999;
		display: inline;
		font-size: 32px;
	}
	.menu-btn a {
		display: inline-block;
		text-decoration: none;
	}
	.btn-open:after {
		color: #fff;
		content: "\f394";
		font-family: Ionicons;
		-webkit-transition: all 0.2s linear 0s;
		-moz-transition: all 0.2s linear 0s;
		-o-transition: all 0.2s linear 0s;
		transition-property: all 0.2s linear 0s;
	}
	.btn-open:hover:after {
		color: #f6efd9;
	}
	.btn-close:after {
		color: #fff;
		content: "\f2d7";
		font-family: Ionicons;
		-webkit-transition: all 0.2s linear 0s;
		-moz-transition: all 0.2s linear 0s;
		-o-transition: all 0.2s linear 0s;
		transition-property: all 0.2s linear 0s;
	}
	.btn-close:hover:after {
		color: #f6efd9;
	}
	.menu-btn {
		position: absolute;
		top: 70px;
		right: 20px;
		z-index: 999;
		display: inline;
		font-size: 32px;
	}
	.menu-btn a {
		display: inline-block;
		text-decoration: none;
	}
	.btn-open:after {
		color: #fff;
		content: "\f394";
		font-family: Ionicons;
		-webkit-transition: all 0.2s linear 0s;
		-moz-transition: all 0.2s linear 0s;
		-o-transition: all 0.2s linear 0s;
		transition-property: all 0.2s linear 0s;
		font-size: 1.5em;
	}
	.btn-open:hover:after {
		color: #f6efd9;
	}
	.btn-close:after {
		color: #fff;
		content: "\f2d7";
		font-family: Ionicons;
		-webkit-transition: all 0.2s linear 0s;
		-moz-transition: all 0.2s linear 0s;
		-o-transition: all 0.2s linear 0s;
		transition-property: all 0.2s linear 0s;
	}
	.btn-close:hover:after {
		color: #f6efd9;
	}
	.overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 99;
		display: none;
		overflow: auto;
		width: 100%;
		height: 100%;
		background: #010c2a;
	}
	.overlay .menu {
		display: block;
		margin: 10% auto;
		width: 80%;
	}
	.overlay .menu.genesis-nav-menu {
		margin-bottom: 125px;
	}
	.overlay .menu ul {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.overlay .menu ul li {
		float: none;
		padding: 15px 0;
		width: 100%;
		list-style: none;
		text-align: center;
		text-transform: uppercase;
	}
	.overlay .menu ul li a {
		color: #f6efd9;
		font-weight: 700;
		font-size: 20px;
	}
	.overlay .menu ul ul {
		margin-top: 50px;
	}
	.overlay .menu ul ul li {
		position: relative;
		float: none;
		margin: 0;
		width: 100%;
		border: 0;
	}
	.overlay .menu ul ul li a {
		color: #fff;
		text-transform: capitalize;
		font-weight: 700;
		font-size: 14px;
	}
	.overlay .menu ul ul li a:hover {
		color: #f6efd9;
	}
	.specialties-container {
		justify-content: space-evenly;
	}
	.specialties-item.fourth,
	.specialties-item.third {
		width: 45%;
	}
	.specialties-item.fourth h3 {
		font-size: 1.25em;
	}
	.content p,
	.entry-content ol,
	.entry-content p,
	.entry-content ul,
	.taxonomy-description > p,
	.textwidget p,
	.zp_masonry_content,
	span.zp_masonry_content,
	span.zp_masonry_link_desc {
		font-size: 1.2em;
		line-height: 1.625;
		font-weight: 400;
	}
}
@media only screen and (max-width: 991px) {
	.content-sidebar .content,
	.content-sidebar .sidebar,
	.sidebar-content .content,
	.sidebar-content .sidebar {
		float: left;
		margin-left: 0;
		margin-right: 0;
		padding: 0 35px;
		width: 100%;
	}
	.home-widget {
		padding: 0 20px;
	}
	.full-width-content .content {
		margin-left: 0;
		padding: 0 25px;
		width: 100%;
	}
	.zp-post-box .post_layout_3:first-child .entry-title {
		font-size: 30px;
		font-size: 3rem;
	}
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		width: 48% !important;
	}
	.footer-widgets .wrap {
		padding: 3% 0;
	}
	.center-content h2.desktop,
	.center-content p {
		display: none;
	}
	.center-content {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		text-align: center;
		margin: 0 0 10px;
	}
	.center-content h2.mobile {
		display: block;
		text-align: center;
		margin: 0;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
	}
	.center-content h2.mobile {
		display: block;
	}
	.welcome-contact .container {
		display: block;
	}
	.welcome-contact .container .left,
	.welcome-contact .container .right {
		width: 100%;
		padding: 25px 20px;
	}
	.welcome-contact .container .left {
		padding-right: 35px;
	}
	.attorneys h2,
	.meet h2 {
		font-size: 3.25em;
	}
}
@media only screen and (max-width: 768px) {
	.container {
		max-width: 750px;
		width: 100%;
	}
	.hero {
		height: 42vh;
	}
	.attachment.single .content_container,
	.page .page,
	.single-post .content_container {
		padding: 40px 0;
	}
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		padding: 40px;
		width: 100%;
	}
	.zp_footer_left.col-md-4 {
		margin-bottom: 20px;
		text-align: center;
	}
	.sidebar .widget {
		padding: 40px 0;
	}
	.site-header .custom-logo {
		max-width: 300px;
	}
	.site-footer .zp_footer_right .creds {
		display: block;
		float: none;
		line-height: 34px;
		margin-bottom: 20px;
		text-align: center;
		white-space: normal;
		word-break: break-word;
	}
	.zp_footer_right.col-md-8 {
		text-align: center;
		white-space: nowrap;
		word-break: break-word;
	}
	.site-footer .zp_footer_right .bottom-widget,
	.site-footer .zp_footer_right .bottom-widget .widget_nav_menu {
		float: none;
	}
	.bottom-widget .widget_nav_menu ul {
		display: inline-block;
		margin: 0;
		padding: 0;
	}
	.jp-mute,
	.jp-volume-bar {
		display: none !important;
	}
	.jp-progress {
		padding: 0 4% 0 40px;
	}
	.specialties {
		padding: 25px 35px;
	}
	.specialties-item.fourth,
	.specialties-item.third {
		width: 90%;
	}
	.welcome-contact .container .right {
		display: none;
	}
	.attorneys h2,
	.meet h2 {
		font-size: 2em;
	}
	.attorneys {
		background: url(../images/attorneys-mobile-mermaid.png) no-repeat center top;
		padding: 25px 35px;
	}
	.attorneys h2 {
		margin-bottom: 50px;
	}
	.meet {
		background-image: none;
		background-color: #252e48;
	}
	.meet h2 {
		margin-bottom: 25px;
		padding: 0 25px;
	}
	.contact-map .responsive-map,
	.contact-map-banner .responsive-map {
		padding-bottom: 50%;
	}
}
@media only screen and (max-width: 760px) {
	.zp_sticky_header {
		display: none !important;
	}
	.btn-icon.mobile {
		display: flex;
		width: 100%;
		border-radius: 0;
		margin: 0;
	}
	.btn-icon.mobile span.left,
	.btn-icon.mobile span.right {
		float: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	.btn-icon.mobile span.right {
		flex-grow: 1;
		text-align: center;
	}
	.btn-icon.mobile span.right p {
		font-size: 0.5em;
	}
	.btn-icon.mobile span.right p.phone {
		font-size: 1em;
	}
	.archive-pagination ul {
		padding: 8% 20%;
	}
	.column_wrapper > div {
		margin-bottom: 20px;
	}
	.zpps-post-slider .post_slide_content .entry-title {
		font-size: 22px !important;
	}
	article.post_layout_3.post_feature_item header.entry-header {
		margin-top: 0;
		padding: 40px 20px 0;
	}
	article.post_layout_3.post_feature_item div.entry-content {
		padding: 0 20px;
	}
	.overlay .menu ul li {
		float: none;
		margin-bottom: 5px;
		width: 100%;
	}
	.overlay .menu ul li:last-child {
		border: 0;
	}
	.overlay .menu ul ul {
		margin-top: 20px;
	}
	.menu-btn {
		right: 15px;
	}
	.attorneys .wrap div.attorney-card {
		max-width: 75%;
		margin: 0 auto;
	}
	.attorneys .attorney-card .info .name p {
		font-size: 1em;
	}
	.attorneys .attorney-card .info {
		padding: 0 5px 5px;
	}
	/* .site-header .custom-logo-link {
		width: 145px;
		height: 100px;
		display: block;
		background-size: contain;
	} */
	.specialties-container {
		justify-content: space-around;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.specialties .wrap {
		padding: 0;
	}
	.specialties-item {
		margin: 10px 0;
		padding: 25px 10px;
		flex: 0 0 auto;
	}
	.specialties-item img {
		width: 45%;
	}
	.specialties-item.third {
		width: 95%;
	}
	.specialties-item.fourth {
		width: 48%;
		display: none;
	}
	.specialties-item.fourth h3,
	.specialties-item.third h3 {
		font-size: 0.9em;
	}
	.specialties-item h3 span {
		display: none;
	}
	.footer-widgets {
		padding: 0;
	}
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		padding: 20px;
	}
	.contact-map .responsive-map,
	.contact-map-banner .responsive-map {
		padding-bottom: 100%;
	}
}
@media only screen and (max-width: 600px) {
	.hero {
		height: 40vh;
	}
	.zp-post-box .post_layout_3 {
		margin-right: 0;
		max-width: 100%;
		width: 100%;
	}
	.zp-post-box .post_layout_2 {
		margin-left: 0;
		max-width: 100%;
		width: 100%;
	}
	.format-link h2,
	.format-quote .entry-content > h2,
	.single_portfolio_title h1,
	h1.entry-title {
		font-size: 30px;
		font-size: 3rem;
	}
	.content_container {
		padding: 40px 20px;
	}
	.archive-pagination ul {
		padding: 20px;
	}
	.attachment.single .content_container,
	.page .page,
	.single-post .content_container {
		padding: 0;
	}
	.single_portfolio_container.single_portfolio_content {
		float: left;
		overflow: hidden;
		padding: 0 30px 50px;
	}
	.single_portfolio_title.col-md-12 {
		padding: 40px 30px 0;
	}
	.after-entry.widget-area {
		padding: 30px 0;
	}
	.comment-respond,
	.entry-comments {
		padding: 30px 0;
	}
	.archive.woocommerce-page .content {
		padding: 40px 20px;
	}
	.woocommerce div.product {
		padding: 40px 0;
	}
	.page-template-masonry_template .intro {
		max-width: 100%;
		text-align: center;
	}
	.intro {
		padding: 20px 20px;
	}
	.archive-pagination {
		padding: 0;
	}
	.entry-content blockquote {
		margin: 45px 0 45px 0;
		padding: 25px;
	}
	.header_two .title-area {
		float: none;
		margin: 0;
		text-align: left;
		width: 100%;
	}
	.title-area h1.site-title::after,
	.title-area p.site-title::after {
		margin-left: 0;
		margin-right: 0;
	}
	.meet {
		padding: 25px 0;
	}
}
@media only screen and (max-width: 480px) {
	.site-title {
		padding: 20px 0;
	}
	.nav-primary .mobile_menu {
		top: 6px;
	}
	.title-area {
		margin-bottom: 0;
		width: auto;
	}
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		margin-bottom: 30px;
		padding: 0 10%;
	}
	.site-header .custom-logo {
		max-width: 260px;
	}
	.site-footer {
		padding: 50px 10%;
	}
	.format-link h2,
	.format-quote .entry-content > h2,
	h1.entry-title {
		font-size: 30px;
	}
	.author-box {
		padding: 50px 20px;
	}
	a img.alignright {
		margin: 5px 20px 24px 0;
	}
	a img.alignleft {
		margin: 5px 0 24px 20px;
	}
	.wp-caption.alignleft,
	.wp-caption.alignright {
		margin: 5px 20px 24px 20px;
	}
	.jp-jplayer,
	.jp-jplayer img {
		height: auto !important;
	}
	.single_portfolio_container.single_portfolio_content {
		padding: 0 0 30px;
	}
	.single_portfolio_title.col-md-12 {
		padding: 30px 0 0;
	}
	.single-post .content_container {
		padding: 30px 0;
	}
	.author-box-content > p {
		padding: 0;
	}
	.zpps-post-slider .post_slide_content .entry-title {
		font-size: 22px !important;
	}
	article.post_layout_3.post_feature_item header.entry-header {
		margin-top: 0;
		padding: 40px 20px 0;
	}
	article.post_layout_3.post_feature_item div.entry-content {
		padding: 0 20px;
	}
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		width: 100% !important;
	}
	.woocommerce #reviews #comments ol.commentlist {
		padding-left: 0;
	}
	span.entry-footer-right {
		display: inline-block;
		float: left;
		text-align: left;
		width: 100%;
	}
	span.entry-footer-left {
		display: inline-block;
		float: left;
		width: 100%;
	}
	#header.site-header {
		margin: 0 auto;
	}
	.layout_section > .container {
		margin: 0;
		max-width: 100%;
		padding: 0;
		width: 100%;
	}
}
@media only screen and (max-width: 320px) {
	.sliding_panel_trigger_small {
		display: block;
	}
	.zp-sliding-sidebar-wrap {
		left: -315px;
		width: 315px;
	}
	.sliding_panel_trigger.open_sidebar {
		left: 315px;
	}
	.zpps-post-slider .post_slide_content {
		width: 100%;
	}
}