/*
Theme Name: Nicoletti Walker Accident Injury Lawyers - Rankings.io Child Theme
Template: rankings-io
Theme URI: https://rankings.io/
Author: Rankings.io
Author URI: https://rankings.io/
Version: 2.2.0
Tested up to: 8.0
Requires PHP: 7.1
*/

/* MAIN STYLES */

:root {
	/* MAIN STYLES */
	
	--sans-font: 'Poppins', sans-serif;
	--serif-font: 'Poppins', sans-serif;
	--accent-color: #D4AB5C;
	--font-color: #000;
	--font-color-alt: #FFF;
	--font-color-accent: #680100;
	--body-font-size: 18px;
	--body-line-height: 26px;
	--body-font-weight: 400;
	--body-color: #FFF;
	--body-color-alt: #680100;
	--transition: all 400ms;
	--border-radius: 10px;
	--content-top-margin: 1.5rem;
	--button-gradient: linear-gradient(0.95turn, #9A690A, #D4AB5C, #9A690A);
	--button-hover-color: #9A690A;

	
	/* HEADERS */
	
	--h1-size: 60px;
	--h1-line-height: 70px;
	--h1-bottom-margin: 1.5rem;
	
	--h2-size: 50px;
	--h2-line-height: 60px;
	--h2-bottom-margin: 1.5rem;
	
	--h3-size: 40px;
	--h3-line-height: 50px;
	--h3-bottom-margin: 1rem;
	
	--h4-size: 30px;
	--h4-line-height: 40px;
	--h4-bottom-margin: 1rem;
	
	--h5-size: 25px;
	--h5-line-height: 35px;
	--h5-bottom-margin: .5rem;
	
	/* GRADIENTS */
	
	--gradient-1: #680100;
	--gradient-2: #000;
	--gradient-3: #FFF;
	--gradient-4: #EDF4FA;
	
	/* BTN STYLES */
	
	--btn-font-color: #FFF;
	--btn-font-size: 20px;
	--btn-font-weight: 700;
	--btn-border: 2px solid;
	--btn-border-color: var(--accent-color);
	
	/* FORM STYLES */
	
	--form-border-radius: var(--border-radius);
	--form-padding: 1.5rem 1rem;
	
	/* BLOCK STYLES */
	
	--block-padding: 4rem 0;
	
	/* SIDEBAR STYLES */
	
	--sidebar-padding: 2rem;
	--sidebar-block-padding: 2rem 0;
	--sidebar-std-bkg-color: transparent;
	--sidebar-alt-bkg-color: var(--body-color-alt);
}

body {
	font-family: var(--sans-font);
	font-size: var(--body-font-size);
	line-height: var(--body-line-height);
	font-weight: var(--body-font-weight);
	color: var(--font-color);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	font-family: var(--serif-font);
	font-weight: 700;
	text-transform: capitalize;
}

h1, .h1 {
	font-size: var(--h1-size);
	line-height: var(--h1-line-height);
	margin-bottom: var(--h1-bottom-margin);
}

h2, .h2 {
	font-size: var(--h2-size);
	line-height: var(--h2-line-height);
	margin-bottom: var(--h2-bottom-margin);
}

h3, .h3 {
	font-size: var(--h3-size);
	line-height: var(--h3-line-height);
	margin-bottom: var(--h3-bottom-margin);
}

h4, .h4 {
	font-size: var(--h4-size);
	line-height: var(--h4-line-height);
	margin-bottom: var(--h4-bottom-margin);
}

h5, .h5 {
	font-size: var(--h5-size);
	line-height: var(--h5-line-height);
	margin-bottom: var(--h5-bottom-margin);
}

h6, .h6 {
	font-family: var(--sans-font);
	font-size: calc( var(--body-font-size) + 4px );
	line-height: calc( var(--body-line-height) + 4px );
	letter-spacing: 2.31px;
	font-weight: 300;
	color: var(--font-color-accent);
	text-transform: uppercase;
	
}

a {
	transition: var(--transition);
}

a, .rio-alt-style a:hover {
	color: var(--font-color-accent);
}

a:hover, .rio-alt-style a {
	color: var(--accent-color);
}

.btn:not(), body:not(.wp-admin) button:not(#ngage_chat_frame_widget button) {
	font-size: var(--btn-font-size);
	font-weight: var(--btn-font-weight);
	color: var(--btn-font-color);
	background: linear-gradient(0.95turn, #9A690A, #D4AB5C, #9A690A);
	border-radius: var(--border-radius);
	padding: 1rem 2rem;
	transition: var(--transition);
}

.btn:hover, body:not(.wp-admin) button:not(#ngage_chat_frame_widget button):hover {
	color: var(--button-hover-color);
	background: linear-gradient(0.95turn, #D4AB5C, #D9D9D9, #D4AB5C);
}


.site-main ul, .site-main ol {
    margin: 2rem 0;
    padding-left: 20px;
}

.site-main ul {
	list-style: none;
}

.site-main ul li, .site-main ol li {
	position: relative;
	margin-bottom: 1rem;
}

.site-main ul li:before {
    content: '\2022';
	position: absolute;
    color: var(--font-color-accent);
    font-weight: 900;
	margin: 0 20px 0 -20px;
}

hr {
    background-color: #CFCFCF;
    opacity: 1;
}

.gform_fields input, .gform_fields textarea {
	padding: var(--form-padding) !important;;
	border-radius: var(--form-border-radius);
}

.page-content, .entry-content, .entry-summary {
    margin: var(--content-top-margin) 0 0;
}

.search-form-sc {
    background-color: #FFF;
    padding: 1rem;
	border: 1px solid var(--font-color-accent);
    border-radius: var(--border-radius);
}

.search-form-sc input[type=text] {
	width: 100%;
	border: none;
}

/* HEADER */

#header-phone-svg circle {
	fill: var(--accent-color);
}

#header-phone-svg path {
	fill: var(--font-color);
}

#header-main {
	transition: var(--transition);
}

#header-main.rio-scrolled-nav {
	background-color: var(--body-color-alt);
}

#header-main .menu-item > a, #footer-menu .menu-item > a {
    color: var(--font-color-alt);
}

#header-main .menu-item:hover > a, #footer-menu .menu-item:hover > a {
    color: var(--accent-color);
}

#header-main .header-cta .btn {
	padding: 1rem;
	font-size: 16px;
}

.nav-link.dropdown-toggle.alt-dropdown-toogle:last-of-type:before {
	content: '\f078';
	font-size: .75rem;
}

ul.dropdown-menu {
    padding: 0;
    background-color: var(--body-color-alt);
}

ul.dropdown-menu .menu-item {
	border-bottom: 1px solid var(--accent-color);
}

ul.dropdown-menu .menu-item a {
    padding: .5rem !important;
}

ul.dropdown-menu .menu-item:hover a {
	background-color: var(--font-color-accent);
}

.header-top a {
	color: var(--font-color-alt);
}

.header-top a:hover {
	color: var(--accent-color);
}

/* INNER */

body.home .loc-cell-7449 {
	display: none;
}

#breadcrumbs {
	margin: 0;
	padding: var(--content-top-margin) 0 0;
}

.flickity-enabled {
	padding-bottom: 0 !important;
}

.flickity-button {
	display: none;
}

.flickity-enabled .flickity-page-dots {
    position: relative;
    bottom: 0 !important;
}

.flickity-enabled .flickity-page-dots .dot {
	width: 15px;
	height: 15px;
	background-color: var(--body-color);
	border: 2px solid var(--body-color-alt);
	opacity: 1;
}

.flickity-enabled .flickity-page-dots .dot.is-selected {
	background-color: var(--accent-color);
}

/* BLOG */

.blog .all-containers, .search-results .all-containers, .archive .all-containers {
	padding: var(--block-padding);
}

.pagination {
	justify-content: center;
	padding: 4rem 0;
}

.nav-links {
	display: flex;
	flex-direction: row;
}

.page-numbers {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 45px;
	width: 45px;
	margin: 0 .25rem;
	border: 1px solid var(--body-color-alt);
}

.page-numbers.current, .page-numbers:hover {
	color: #FFF !important;
	background-color: var(--body-color-alt);
	border-color: var(--body-color-alt);
}

.page-numbers:hover path {
	fill: var(--font-color-alt) !important;
}

.page-numbers.next, .page-numbers.prev {
	width: fit-content;
	border: none;
	padding: 0 .25rem;
}

/* SIDEBAR */

.sidebar-cont {
	padding: var(--content-top-margin) var(--sidebar-padding);
}

.sidebar-cont .gform_button, .rio-block-sidebar .gform_button {
	width: 100%;
}

.sidebar-cont .rio-std-style, .rio-block-sidebar .rio-std-style {
	color: var(--font-color);
	background-color: var(--sidebar-std-bkg-color)
}

.sidebar-cont .rio-alt-style, .rio-block-sidebar .rio-alt-style {
	color: var(--font-color-alt);
	background-color: var(--sidebar-alt-bkg-color)
}

/* FOOTER */

footer#colophon .rio-alt-style {
	background: #000;
}

.site-info, .site-info a {
    color: #C1BDBD;
}

.site-info a:hover {
    color: var(--accent-color);
}

/* SEARCH */

#rio-search-banner {
	background-color: #0000004d;
	padding: 5rem 0;
}

#rio-search-banner .search-form {
    border-radius: var(--border-radius);
}

#rio-search-banner button[type=submit] {
    margin: 1.5rem 1rem;
    padding: 1.5rem 2.5rem;
}

/* SC */

.sc-grid-cell img {
	max-width: 200px;
}

.sc-grid-container > p {
    display: none;
}

.sc-grid-cell:not(:last-of-type):before {
    content: '';
    position: absolute;
    top: 2rem;
    bottom: 2rem;
    right: 0;
    border: .2px solid var(--font-color);
	opacity: .4;
}

.rio-accor [rio-info="rio-faq-header"]{
	font-family: var(--serif-font);
	font-size: calc( var(--body-font-size) + 6px );
	font-weight: 700;
	border: none;
	border-bottom: .2px solid var(--font-color-accent);
    padding: 1rem 40px 1rem 0;
}

.rio-accor [rio-info="rio-faq-header"].open {
	border: none;
}

.rio-accor [rio-info="rio-faq-header"]:before {
	content: 'ᐩ';
    top: 0;
    bottom: 0;
    left: unset;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
	color: var(--accent-color);
	font-weight: 900;
}

.rio-accor-a {
	border-bottom: .2px solid var(--font-color-accent);
}

/* RESPONSIVE */

@media (max-width: 1199px){
	#header-main {
		max-height: 100vh;
		overflow-y: auto;
		background-color: var(--body-color-alt);
	}
	ul.navbar-nav .rio-search-toggle.menu-item.rio-search-icon a {
		visibility: visible;
		max-width: 100% !important;
	}

	ul.navbar-nav .rio-search-toggle.menu-item.rio-search-icon a:before {
		content: none;
	}
	
}

@media (max-width: 767px){
	h1, .h1 {
		font-size: calc(var(--h1-size) - 10px);
		line-height: calc(var(--h1-line-height) - 10px);
	}

	h2, .h2 {
		font-size: calc(var(--h2-size) - 10px);
		line-height: calc(var(--h2-line-height) - 10px);
	}

	h3, .h3 {
		font-size: calc(var(--h3-size) - 10px);
		line-height: calc(var(--h3-line-height) - 10px);
	}

	h4, .h4 {
		font-size: calc( var(--body-font-size) + 4px );
		line-height: calc( var(--body-line-height) + 4px );
	}

	h5, .h5 {
		font-size: calc( var(--body-font-size) + 2px );
		line-height: calc( var(--body-line-height) + 2px );
	}
}

@media (max-width: 575px){
	
	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
		overflow-wrap: break-word;
		word-break: break-word;
	}
	
	h1, .h1 {
		font-size: calc(var(--h1-size) - 15px);
		line-height: calc(var(--h1-line-height) - 15px);
	}

	h2, .h2 {
		font-size: calc(var(--h2-size) - 15px);
		line-height: calc(var(--h2-line-height) - 15px);
	}

	h3, .h3 {
		font-size: calc(var(--h3-size) - 10px);
		line-height: calc(var(--h3-line-height) - 10px);
	}

	h4, .h4 {
		font-size: calc( var(--body-font-size) + 2px );
		line-height: calc( var(--body-line-height) + 2px );
	}

	h5, .h5 {
		font-size: var(--body-font-size);
		line-height: var(--body-line-height);
	}

	h6, .h6 {
		font-size: var(--body-font-size);
		line-height: var(--body-line-height);
	}
}

@media (min-width: 1200px){
	
	.navbar .nav-item .dropdown-menu{
		display: none;
	}

	.navbar .nav-item:hover > .dropdown-menu {
		display: block;
		top: 100%;
	}
	
	.navbar .nav-item .dropdown-menu .dropdown-menu {
		top: 0;
		left: 100%;
	}
	
}

 
/* CSS Changes */
div.rio-sc-grid-cell h3 {
	font-weight: 400;
}

/* Grid Block Results */
.border-end {
	border-right: 1px rgba(255, 255, 255, 0.25) solid !important;
	height: 49px;
	margin-top: 1.5rem;
}
.rio-sc-grid-cell:last-of-type {
	margin-top: 1.5rem;
	margin-left: -30px;
}
.rio-sc-grid-cell h3 {
	margin-bottom: 0;
}
.rio-sc-grid-cell p {
	line-height: 1;
}
.rio-sc-grid-container {
	margin-top: 1rem;
	justify-content: left !important;
	margin-left: -2rem;
	max-width: 35rem;
}
.border-end p {
	margin-bottom: 0 !important;
}
.rio-sc-grid-cell:last-of-type p {
	margin-bottom: 0 !important;
}


@media (max-width: 992px){
	.sc-social-block {
  		width: 40%;
  		margin-right: auto;
  		margin-left: auto;
	}
	.staff-carousel {
		display: none;
	}
	.hero-block h6 {
		margin-top: 50px;
	}
}
@media (max-width: 767px){
	.rio-sc-grid-container {
		justify-content: center !important;
		margin-left: 0;
	}
	.rio-sc-grid-cell {
		width: 30%;
	}
	#menu-footer-menu {
		flex-direction: column !important;
		text-align: center;
		margin-left: 0;
	}
	.sc-social-block {
  		width: 40%;
  		margin-right: auto;
  		margin-left: auto;
	}
	.staff-carousel {
		display: none;
	}
}

@media (max-width: 575px){
	.rio-sc-grid-container {
		justify-content: center !important;
		margin-bottom: -150px;
	}
	.home-hero .hero-inner::before {
		display: none;
	}
	.hero-inner > a:nth-child(4) {
		width: 100%;
	}
	#menu-footer-menu {
		flex-direction: column !important;
		text-align: center;
		margin-left: 0;
	}
	.sc-social-block {
  		width: 40%;
  		margin-right: auto;
  		margin-left: auto;
	}
	.staff-carousel {
		display: none;
	}
}

@media (max-width: 480px){
	.rio-sc-grid-cell {
    	width: 45% !important;
	}
	.rio-sc-grid-container {
		margin-bottom: -50px;
  	}
	.rio-sc-grid-cell:last-of-type {
  		margin-top: 2.5rem;
  		margin-left: 0px;
	}
	h1 {
		font-size: calc(var(--h1-size) - 20px);
	}
	h2 {
		font-size: calc(var(--h2-size) - 20px);
	}
	div.py-5:nth-child(2) > div:nth-child(1) > a:nth-child(4) {
		padding: 1rem 0rem;
	}
	#menu-footer-menu {
		flex-direction: column !important;
		text-align: center;
		margin-left: 0;
	}
	.pb-5 > div:nth-child(1) > div:nth-child(1) {
		margin-right: auto;
		margin-left: auto;
	}
	.staff-carousel {
		display: none;
	}
}


.navbar {
	max-width: 1300px;
}