/*

Theme Name: Crossen Law Firm

Theme URI: http://notset.com

Description: A custom theme created for the exclusive use of Crossen Law Firm by EverEffect

Author: Clay Mabbitt

Author URI: http://sitepotion.com/

Version: 1.0

*/


/* Most styles inherited from Scorpion environment of original build. Some added here during development */

.ui-dialog.popup {
	position: fixed;
	top: 40%;
	left: 5%;
	opacity: 0;
	overflow: visible;
}
.ui-dialog.popup.dialog-out {
	pointer-events: none;
}


.swiper-wrapper {
	align-items: center;
}


.alignright {
	float: right;
	margin: 1em 0 1em 1em;
}
.alignleft {
	float: left;
	margin: 1em 1em 1em 0;
}



.new-pa-list {
    display: flex;
    flex-wrap: wrap;
}
.new-pa-list li {
    width: 100%;

    display: flex;
}
.new-pa-list li > a {
    width: 40%;
    position: relative;
    display: block;
    padding-top: 40%;
}
.new-pa-list li > a span {
    position: absolute;
    top: 60%;
    left: 0;
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
}
.new-pa-list li > div {
    width: 60%;

}
@media (min-width:801px) {
.home #MainZone .info {
	padding: 5% 0 10%;
}
}


/* STICKY HEADERS ////////////////*/
.stickynav {
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 64px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: -64px;
	transition: all .3s ease;
}
.stickynav.stickyshow {
	margin-top: 0;
}
.stickynav img {
	width: 80px;
}
#HeaderZone, #HeaderZone img, #HeaderZone .top-logo {
	transition: all .3s ease;	
}
@media (min-width:1025px) {
	#HeaderZone.scrolled {
		position: fixed;
		top: 0;
		box-shadow: 0.4em 0.6em 1.7em rgb(0 0 0 / 29%);
		width: 100%;
	}
	.overlap #HeaderZone.scrolled .header.transparent-bg {
		background-color: #317bc4;
	}
	#HeaderZone.scrolled img {
		max-width: 130px;
	}
	#HeaderZone .top-logo {
		width: 20%;
		flex-shrink: 0;
		flex-grow: 0;
	}
	#HeaderZone.scrolled .top-logo {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

/* BLOG SIDEBAR ///////////////////*/
body.single .side-zone .screen-reader-response p {
	margin: 0;
}


/* GOOGLE REVIEWS /////////////////*/
#GoogleReviewsHeader h1 {
	color: #BB0905;
	text-transform: none;
	letter-spacing: normal;
}
.review_image { 
	max-width: 300px; 
	margin: 0 auto !important;
}
ul.deck {
	list-style: none;
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	box-sizing: border-box;
	width: 80vw;
	margin: 0 auto;
	overflow-x: auto;
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */	
}
ul.deck::-webkit-scrollbar { display :none; }
ul.deck li {
	flex-shrink: 0;
	flex-grow: 0;
	box-sizing: border-box;
	margin-left: 0;
	margin-bottom: 0;
	width: 80vw;
	padding: 10px;
	display: flex;
	align-items: stretch;
}
ul.deck li p {
	line-height: 140%;
	font-style: italic;
	margin: 0;
}
ul.deck li .cardint {
	padding: 30px 10px;
	/*height: 100%;*/
	border: solid 1px #ddd;
	position: relative;
	background-color: #fff;
	box-shadow: 0.2em 0.2em 0.4em rgb(0 0 0 / 20%);	
}
ul.deck li .cardint:after {
	content: '';
	width: 34px;
	height: 34px;
	position: absolute;
	bottom: 2px;
	right: 2px;
	background: url('images/google-g.jpg') no-repeat;
}
ul.deck li .cardint:before {
	content: '';
	width: 24px;
	height: 20px;
	position: absolute;
	top: 8px;
	left: 10px;
	background: url('images/ldquote.jpg') no-repeat;
}
ul.deck .stars {
	width: 108px;
	height: 26px;
}
.deckwrapper { position: relative; }
.deckwrapper .prev, .deckwrapper .next {
	position: absolute;
	width: 7vw;
	height: 7vw;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	cursor: pointer;
	border-radius: 100%;
	color: #fff;
	transition: background-color .1s ease-in;
	background-color: #ddd;
	font-size: 8.5vw;
	line-height: 65%;
}
.deckwrapper .prev:hover, .deckwrapper .next:hover {
	background-color: #ccc;
}
.deckwrapper .prev {
	left: -2vw;
}
.deckwrapper .next {
	right: -2vw;
}
.cities-list {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}
.cities-list li {
	width: 100%;
}
.cities-list a {
	display: block;
	border-bottom: solid 1px #2E70A7;
	padding: 10px;
}
.cities-list a:hover {
	background-color: #2E70A7;
	color: #fff;
}
@media (min-width:760px) {
	.cities-list li {
		width: 31%;
		margin: 0 1%;
	}
}
@media (min-width:1025px) {
	.cities-list li {
		width: 23%;
	}
	#GoogleReviewsHeader h1 {
		position: relative;
		padding-bottom: .5em;
		margin-bottom: 1em;
	}
	#GoogleReviewsHeader h1:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		height: 1px;
		width: 300px;
		background-color: #BB0905;
	}
	.google-reviews .cols {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.deckwrapper {
		box-sizing: border-box;
		padding-left: 65px;
		padding-right: 65px;
		max-width: 900px;
	}
	ul.deck {
		width: auto;
		gap: 2%;
	}
	ul.deck li {
		width: 49%;
	}
	ul.deck li .cardint {
		padding: 20px 20px 20px 50px;
	}
	ul.deck li .cardint:before {
		top: 20px;
		left: 20px;
	}
	.deckwrapper .prev, .deckwrapper .next {
		width: 50px;
		height: 50px;
		font-size: 64px;
	}
	.deckwrapper .prev {
		left: 0;
		padding-right: 5px;
	}
	.deckwrapper .next {
		right: 0;
		padding-left: 2px;
	}
}



/* BLOCKS ///////////////////////////*/
/* VERDICTS BLOCK */
.verdicts-widget__item {
  margin-bottom: 16px;
  padding: 32px 24px;
  color: #fff;
  text-align: center;
  background: #074C96;
}
.verdicts-widget__amount {
  display: block;
  font-size: 28px;
  font-weight: 700;
}
.verdicts-widget__type {
  display: block;
  font-size: 16px;
}

@media screen and (min-width: 600px) {

.verdicts-widget {
  display: flex;
  flex-flow: row wrap;
  justify-content: left;
}
.verdicts-widget__item {
  width: calc(50% - 8px);
  margin-right: 16px;
}
.verdicts-widget__item:nth-child(2n) {
  margin-right: 0;
}

}

@media screen and (min-width: 1400px) {

.verdicts-widget__item {
  width: calc(25% - 12px);
  padding: 40px 24px;
}
.verdicts-widget__item:nth-child(2n) {
  margin-right: 16px;
}
.verdicts-widget__item:nth-child(4n) {
  margin-right: 0;
}

}



/* FAQ ACCORDION BLOCK */

.faq-accordion-title {
    font-size: 20px;
    color: #074C96;
    font-weight: 500;
    position: relative;
    padding-left: 24px;
}
@media screen and (min-width: 1200px) {
	.faq-accordion-title {
		font-size: 24px;
		padding-left: 32px;
	}
}

.faq-accordion-title a,
.faq-accordion-title a:visited,
.faq-accordion-title a:active {
      color: #074C96;
}

.faq-accordion-title:before {
	font-family: fontawesome;
	font-weight: 900;
    content: "\f067";
    position: absolute;
    top: 1px;
    left: 0;
}

.faq-accordion-title.open:before {
	content: "\f068";
}

.faq-accordion-content {
    margin: 24px 0;
    list-style-type: none;
}
  
.accordion-separator {
    width: 100%;
    margin: 8px 0 24px;
    border-bottom: 1px solid #aaa;
    opacity: 0.24;
}



@media screen and (max-width: 1023px) {
	#menu-main-navigation > li {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	.menu-item-has-children > i {
		transition: transform .5s ease 0s;
		cursor: pointer;
		font-style: normal;
		align-self: center;
		margin-left: .5em;
	}
	.menu-item-has-children > i:before {
		content: '\25BC';
	}
	.menu-item-has-children.expanded > i:before {
		content: '\25B2';
	}
	.header .top-nav .menu-item-has-children.expanded .fly-nav {
		position: relative;
		width: 100%;
		opacity: 1;
		visibility: visible;
		margin-bottom: 1em;
	}
	.header .top-nav .menu-item-has-children.expanded .fly-nav:before {
		background-color: rgba(255,255,255,.15);
	}
}
@media screen and (min-width: 1024px) {
	.menu-item-has-children i {
		display: none !important;
	}
}