/*
 Theme Name:   Meris-Child
 Theme URI:    http://thewrightcpa.com
 Description:  Meris Child Theme
 Author:       Gregory Fields
 Author URI:   http://fieldsgraphics.com
 Template:     meris
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  meris-child
*/

body {
	margin:0px;
}
#menu-menu-1 > li:nth-of-type(6) .sub-menu .sub-menu, #menu-main > li:nth-of-type(6) .sub-menu .sub-menu {
	left: -100%!important;
}

.alignleft {
	display: block;
	margin: 0 0 1.5em;
}

.alignright {
	display: block;
	margin:  0 0 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin:0 auto 1.5em;
}
.home .slogan {
		padding: 25px 0;
	}


@media screen and (min-width: 700px) {
	.alignleft {
		display: inline;
		float: left;
		margin: 0 1.5em 1.5em 0;
	}
	
	.alignright {
		display: inline;
		float: right;
		margin: 0 0 1.5em 1.5em;
	}
}

h1 {
	margin: 0 0 40px;
}

h2 {
	margin: 20px 0 20px;
}



header {
	background-color:#6a6b6c !important;
	opacity: 0.8;
}

header.sticky-header {
    background-color: #343a40 !important;
}

body header.sticky-header .site-logo {
    height: 45px;
}

@media screen and  (max-width: 920px) {
	.site-nav {
	    background-color: #4c4c4c;  
	}
	
	.site-nav li ul {
	    background-color: #4c4c4c;
	}
}
.name-box {
	display: none;
}



.home .slogan {
    padding: 155px 0 25px;
}

.slogan .quote-slit {
    z-index: 1;
}

@media screen and  (min-width: 840px) {
	.homepage-slider {
		display: block;
	}
}



.site-nav-toggle {
	margin-bottom: 20px;
}


.blog-list-page header {
    background-color: #615f5c;
    background-image: none;
    background-position: center top;
}

.sectiontitle {
	font-size: 36px;
	font-weight: normal;
	letter-spacing: 3px;
	text-align: center;
	text-transform: uppercase;
}

.our-services {
	padding-bottom: 0;
}

.our-services-content .textwidget p {
	text-align: center;
}

blockquote {
    background: #0e76bc;
    border-radius: 5px;
    border: 0;
    color: #fff;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.2;
    margin: 20px 0 40px;
    padding: 20px 30px;
}

blockquote p {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
}

.triple,
.triple ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

.triple ul li {
	margin: 0 0 20px;
}



@media screen and (min-width: 700px) {
	.triple li {
		float: left;
		margin: 0 5% 0 0;
		width: 30%;
	}
	
	.triple li:last-child {
		margin: 0;
	}
	
	.triple ul li {
		float: none;
		margin: 0 0 20px;
		width: 100%;
	}
	
	.triple ul li:last-child {
		margin: 0 0 20px;
	}
}

.fourths {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

.fourths li {
	margin: 0 0 30px;
}

@media screen and (min-width: 800px) {
	.fourths li {
		float: left;
		margin: 0 4% 0 0;
		width: 22%;
	}
	
	.fourths li:last-child {
		margin: 0;
	}
	
}

.services {
	list-style: none outside none;
}

.services li {
	background: #ecf3ef;
	padding: 20px;
	margin: 0 0 20px 0;
}

@media screen and (min-width: 700px) {
	.services li {
		float: left;
		margin: 0 2% 20px 0;
		width: 46%;
	}
}

.learn-more {
	font-size: 1.4rem;
    letter-spacing: 1px;
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase;
}

.learn-more::after {
	content: ">";
	position: relative;
	top: -2px;
	padding: 0 0 0 5px;
}

/* Footer */

.footer-nav {
	color: #fff;
	text-align: left;
	
}

.footer-nav ul {
	list-style: none outside none;
	margin: 30px 0;
	padding: 0;
}

.footer-nav ul li {
	margin: 0 0 30px;
	padding: 0;
	color: #fff;
	
}

.footer-nav ul ul {
	margin: 0;
}

.footer-nav ul ul li {
	margin: 0 0 5px;
	padding: 0;
}

.footer-nav li:hover > ul {
	display:block;
}

.footer-nav ul.sub-menu{
	margin-top:0px;
}

@media screen and (min-width: 620px) {
	.footer-nav ul li {
		float: left;
		margin: 0 5% 30px 0;
	}
	
	.footer-nav ul li:last-child {
		margin: 0 0 30px;
	}
	
	.footer-nav ul ul li {
		float: none;
		margin: 0 0 5px;
		width: auto;

	}
}

.footer-nav a {
	color: #fff;
}

.footer-nav a:active,
.footer-nav a:hover {
	color: #fff;
	text-decoration: underline;
}

.footer-widget-title {
	font-size: 18px;
	margin: 0 0 20px;
	position: relative;
	color: #00b6ff;
	font-weight: bold;
	
}
.footer-widget-title::before {
	content: '';
	position: absolute; 
	left: -15px; top: 0; bottom:0;
	width: 10px; 
	background: #00b6ff;
}
.footer-nav ul li > div {
    border-left: 2px solid #00b6ff;
    padding-left: 15px;
}
.site-info {
	color: #fff;
}

table.team { 
  width: 100%; 
  border-collapse: collapse;
  position: relative; 
}
/* Zebra striping */
.team tr:nth-of-type(odd) { 
  background: #eee; 
}

.team th { 
  background: #0e76bc; 
  color: #fff; 
  font-weight: bold; 
}

.team td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px */
@media 
only screen and (max-width: 760px) {

	/* Force table to not be like tables anymore */
	table.team, 
	.team thead, 
	.team tbody, 
	.team th, 
	.team td, 
	.team tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.team th { 
		position: absolute;
		top: -9999px;
		left: -9999px;	
	}
	
	.team tr { border: 1px solid #ccc; }
	
	.team td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	.team td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.team td:nth-of-type(1):before { content: "Name"; }
	.team td:nth-of-type(2):before { content: "Title"; }
	.team td:nth-of-type(3):before { content: "Experience"; }
	.team td:nth-of-type(4):before { content: "Areas of Expertise"; }
}
.entry-summary img, .entry-content img {
	margin-bottom: -10px!important;
}

.logo-box {
	/* padding: 0 35px; */
  }
  .entry-summary a,
  .entry-content a {
	color: #1b75bb;
}

section.home-section.our-services-content {
	padding-top: 40px;
    padding-bottom: 40px;
}

body.page-id-4871 .entry-content h1:first-of-type {
	display: block;
}
body.page-id-4871 .entry-content > h1:first-child {
	display:none;
}
body.page-id-4871 a.signup-button-join:hover {
	text-decoration:none;
}

/* Registration Form 4890  */
body.page-id-4890 .rmagic .rmrow .rminput input {
	border-top: none;
    border-left: none;
    border-right: none;
}
body.page-id-4890 .rmfield, .rminput {
	min-height: auto;
}
.padding-bt {
	padding-bottom: 0;
	padding-top: 0;
}
/* End Registration Form */

.homepage-slider .carousel-caption {
	bottom: 30%;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: 700;
	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.site-sns{
	display: block;
    float: right;
	margin:0;
}
.site-info {
 color: #fff;
 float: left;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	max-height:550px;
	width:100%;
}
.nav-site-sns ul {
    list-style-type: none;
    margin: 0;
}
.nav-site-sns ul li {
	    float: left;
    margin-left: 10px;
}
.nav-site-sns ul li a {
	color:white;
}

/* ── Design tokens ─────────────────────────────────────────────────────────── */
:root {
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
    --ease-std:    cubic-bezier(0.65, 0, 0.35, 1);
}

/* ── Typography ────────────────────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    text-wrap: balance;
}

.sectiontitle {
    letter-spacing: 0.12em;
    line-height: 1.2;
}

/* ── Header smooth transition ──────────────────────────────────────────────── */
header {
    transition: background-color 0.35s var(--ease-out),
                opacity 0.35s var(--ease-out) !important;
}

/* ── Learn More — arrow slides right ───────────────────────────────────────── */
.learn-more {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: gap 0.2s var(--ease-spring), color 0.2s;
}
.learn-more::after {
    content: "→";
    top: 0;
    padding: 0;
    transition: transform 0.2s var(--ease-spring);
}
.learn-more:hover {
    gap: 9px;
}
.learn-more:hover::after {
    transform: translateX(3px);
}

/* ── Blockquote lift ───────────────────────────────────────────────────────── */
blockquote {
    transition: box-shadow 0.25s var(--ease-out);
}
blockquote:hover {
    box-shadow: 0 6px 24px rgba(14, 118, 188, 0.18);
}