/**
Theme Name: Method Theme V2
Author: Method Integration
Author URI: https://www.method.me
Description: This is the child theme of Astra built for Method Integration.
Version: 2.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: method-theme
Template: astra

NOTE
----
To make this css live and overwrite cache, you need to update the version in functions.php
*/
:root {
	font-size: 		18px;
	
	--greylighter: 	#EEF5F7;
	--greylight:	#BACAD0;
	--grey:			#545F67;
	--greydark:		#2A394A;
	--greydarker:	#0F1B31;
	
	--greenlighter:	#E7F4F0;
	--greenlight:	#A9D9BF;
	--green:		#007B4A;
	--greendark:	#115B40;

	--bluelighter:	#E5F7FF;
	--bluelight:	#B3E5FF;
	--blue:			#0D71C8;
	--bluedark:		#064499;
	--bluedarker:	#022266;	

	--bluestonedarker: 	#11233C;
	--bluestonelight: 	#B7D8F8;
	--bluestonelighter: #F1F7FE;
	
	
	--m-marginbottom:	1.2em;
	
	--mob-width: 		769px;

	--screen-width: 1200px;

}
/*---- Common CSS ---- will need to consolidate this eventually */

/* user our accessible icon */
#INDmenu-btn {
	display: none !important;
}

/* for new nav - this is messy */
.entry-content {
	margin-top: 2rem;
}

/*-------------------------------------*/

.menu-button a {
    padding: 12px 24px !important;
    background: var(--blue) !important;
    border-radius: 70px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
	color: white;
}
.menu-button a:hover {
	background: var(--bluedark) !important;
	color: #fff !important;	
}

/* Sticky nav header */
.main-header-bar {
	box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.05);
}
.site-header {
    z-index: 99;
    position: fixed;
    width: 100%;
	top: 0;
}
.header-space {
    margin-top: calc(var(--verSpc) * 2);
}

/*---------- No Elementor -----------*/
@media (max-width: 769px) {
	.hide-mobile {
		display: none;
	}
}

@media (min-width: 769px) {
	.hide-desktop{
		display: none;
	}
}

.m-card-padding {
	padding: 1rem 2rem 1rem 2rem;
}

.m-card-more {
    padding: 0rem 2rem 1rem 2rem;	
	margin-top: auto;
	text-align: right;
}

/* Ensures equal heigh on cards */
.wp-block-post-template.is-flex-container li {
	display: flex;
}
	
.m-section {
	padding: 80px 10px 60px 10px;	
	background-color: white;
}

.m-section-sub {
	padding: 40px 10px 40px 10px;	
	background-color: white;
}

.m-section-thin {
	padding: 20px 10px 20px 10px;
	border-radius: 6px;
	margin-top: calc(var(--m-marginbottom)*2);	
	margin-bottom: calc(var(--m-marginbottom)*2);	
}
.m-gap-wide {
    gap: 4em !important;
}
.m-bg-green {
	background-color: var(--greenlighter);
}

.m-bg-grey {
	background-color: var(--greylighter);
}

.m-bg-greenmain {
    background-color: var(--green) !important;
}

.m-bg-greenlight {
    background-color: var(--greenlight) !important;
}

div[class*="m-section"] .wp-block-group__inner-container {
	max-width: 1200px;
	margin-left: auto !important;
	margin-right: auto !important;
}

div[class*="m-section"] .socialSharing-icon img, .m-no-bottom {
	margin-bottom: 0 !important;
}

/*div[class*="m-section"] :is(h2,h3,h4) { */
h2, h3, h4 {
	margin-bottom: 1rem;	
}

.m-bluebanner {
	background-color: var(--bluedarker);
}

.m-bluebanner :is(h1, h2, h3, h4, p) {
	color: white !important;
}

@media (min-width: 769px) {
	.m-subtext-width {
		max-width: 50% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.m-width-half {
		max-width: 950px !important;
		margin-left: auto !important;
		margin-right: auto !important;	
	}	
	.m-width-third {
		max-width: 650px !important;
		margin-left: auto !important;
		margin-right: auto !important;	
	}
}

div[class*="m-section"] .wp-block-separator {
    border: none;
	max-width: 50%;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

/*** Text ***/
div[class*="m-section"] :is(h1,h2,h3,h4,h5,.lightweight-accordion-title) {
	color: var(--greydarker);
	letter-spacing: -1px;
	font-weight: 600 !important;
	padding-top: 0.5em;
}

div[class*="m-section"] h1 {
	line-height: 3rem;
	font-size: 2.8rem;
}

div[class*="m-section"] h2 {
	line-height: 2.4rem;
	font-size: 2.0rem;
}

div[class*="m-section"] h3 {
	line-height: 2.0rem;
	font-size: 1.6rem;
}

div[class*="m-section"] h4 {
	line-height: 2.0rem;
	font-size: 1.4rem;
}

div[class*="m-section"] h5, .lightweight-accordion-title {
	line-height: 1.6rem;
	font-size: 1.2rem;	
	margin-bottom: 1rem;	
}

div[class*="m-section"] h6 {
	color: var(--blue) !important;
    text-transform: uppercase;
	font-size: 1.2rem;	
    font-weight: 600;
    margin-bottom: 0 !important;
}

.m-section blockquote {
	color: var(--greydark);
	border-left: 5px solid var(--blue);
	padding: 1.2em;
	font-size: 1.2em;
}

.m-subtext-h1 {
	font-size: 1.4rem;
	line-height: 1.6rem;
	color: var(--greydark);
}

.m-text-fine {
        color: var(--grey);
        font-size: 0.6rem;
        font-weight: 400;
}

.m-text-small {
        color: var(--grey);
        font-size: 0.8rem;
        line-height: 1rem;
}

.m-text-blue {
	color: var(--blue) !important;
}

div[class*="m-section"] .wp-block-columns {
	gap: 2em;
	margin-bottom: 0;
}

.m-justified-center {
    align-items: center;
    justify-content: center;
	text-align: center;
}

.m-padding {
	padding-top: var(--m-marginbottom);	
	padding-bottom:  var(--m-marginbottom);	
}
/*** Buttons ***/
.m-section .wp-block-buttons {
	display: flex;
    flex-wrap: wrap;
	gap: 1em;
}

.m-button {
	padding-bottom: var(--m-marginbottom);
}

.m-button a {
	color: #fff;
	background: var(--blue);
	border-radius: 90px !important;
	font-weight: 600 !important;
	transition: all ease 0.3s;
	text-decoration: none;
	padding: 0.6rem 1.4rem;
	font-size: 1rem;
}

.m-button a:hover {
	background: var(--bluedark);
	color: #fff !important;
}

.m-button-attr-large {
	padding-top: var(--m-marginbottom);
}

.m-button-attr-large a {
	padding: 0.8rem 1.6rem !important;
}

.m-button-attr-ghost a {
	background: rgba(256,256,256,0);
	border: 1px solid var(--blue);
	color: var(--blue) !important;
}
.m-button-attr-ghost a:hover {
	background: var(--bluelighter);
	color: var(--blue) !important;	
}
.m-button-attr-white a {
        background: white;
        border: 1px solid white;
        color: var(--blue) !important;
}

.m-button-attr-white-outline a {
        background: rgba(256,256,256,0);
        border: 1px solid white;
        color: white !important;
}

/* for unbounce popup */
.imageCta-imageCta {
	cursor:pointer;
}
/*** cards ***/
/* https://codepen.io/njs/pen/BVdwZB */
[class*="m-check-list"] {
	list-style-type: none;
	margin-left: 0;
	padding-bottom: 1rem;
}

.m-check-list li {
	padding-left: 2.4rem;
	margin-bottom: 0.6em;
	background-image: url(/wp-content/uploads/2019/09/method-blue-check.svg);
	background-position: 0 center;
	background-size: 1.2rem 1.2rem;
	background-repeat: no-repeat;
}

.m-check-list-green li {
	padding-left: 2.4rem;
	margin-bottom: 0.6em;
	background-image: url(/wp-content/uploads/2023/01/icon-checkgreen.svg);
	background-position: 0 center;
	background-size: 1.2rem 1.2rem;
	background-repeat: no-repeat;
}

.m-card-shadow {
	box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 10%);
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	border-radius: 6px 6px 6px 6px;
	margin-block-end: 3.2rem !important;
	align-self: stretch !important;

}

.m-card-sidebar, .m-card-plain, .m-single-quote {
	padding: 2.6rem;
	background-color: white;
}

.m-card-plain, .m-single-quote {
	width: 80%;
    margin-left: auto;
    margin-right: auto;	
}

.m-single-quote .has-text-align-center {
	padding-top: var(--m-marginbottom);
}
.m-bottom-overlap {
	margin-bottom: -130px !important;
}
.m-top-overlap {
	margin-top: 120px !important;
	padding-top: 0px !important;
}

/* make the link align to the bottom */
.m-card-shadow .wp-block-group, .m-card-shadow .wp-block-group__inner-container {
	height: 100%;
}
.m-card-shadow .wp-block-group__inner-container { 
    flex-direction: column;
    display: flex;
}
.m-card-shadow .wp-block-group__inner-container .m-button { 
	margin-top: auto;	
}

.m-card-photo, .m-card-photo-green {
	background-color: white;
    border-style: solid;
    border-width: 0px 0px 4px 0px;
    box-shadow: 0px 6px 19px 0px rgb(35 80 166 / 23%);
    flex-direction: column;
    display: flex;
	margin: 0.5em;
}

.m-card-photo {
    border-color: var(--blue);
}

.m-card-photo-green {
    border-color: var(--green);
}

.m-card-photo img {
	border-radius: 6px 6px 0 0 !important;	
}

:is(.m-card-photo,.m-card-photo-green) .wp-block-group {
	padding: 1.6rem;
}
.m-card-cover {
	width: 100%;
	height: 60%;
}
.m-card-cover img {
	border-radius: 6px 6px 0 0 !important;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.m-card-icon, .m-card-icon-green, .m-card-blue, .m-card-bluelighter {
	background-color: white;
	border-style: solid;
	border-width: 4px 0px 0px 0px;
	box-shadow: 0px 6px 19px 0px rgb(35 80 166 / 23%);
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	margin: 0.7rem;
	padding: 2rem;
	--e-column-margin-right: 0.7rem;
	--e-column-margin-left: 0.7rem;
}

.m-card-icon {
	border-color: var(--blue);
}

.m-card-icon-green {
	border-color: var(--green);
}

:is(.m-card-icon,.m-card-icon-green) figure {
	width: 40%;
	margin-right: auto;
	margin-left: auto;
}

:is(.m-card-icon,.m-card-icon-green) figure img {
	width: 100%;
}

.m-card-blue {
	background-color: var(--blue) !important;
	border: 0 !important;
}

.m-card-blue :is(p, h1, h2, h3, h4, h5) {
	color: white !important;
}

.m-card-blue figure {
    width: 20%;
}

.m-card-bluelighter {
	background-color: var(--bluelighter) !important;
	border: 0 !important;
}
.m-card-bluelighter :is(p, h1, h2, h3, h4, h5) {
	color: var(--greydark) !important;
}

.m-card-photo .wp-block-read-more {
	text-align: right;
    margin-left: auto;
	margin-top: auto;
}
.m-card-photo .wp-block-post-excerpt__excerpt {
	margin: 0;
}

/*** Properties ***/
.m-quoter .wp-block-column :is(img,p) {
	margin-bottom: 0 !important;	
}
.m-quoter img {
	float: right;
	height: 5rem;
}

.m-4rem {
	width: 4rem;
	margin-right: auto;
	margin-left: auto;
}

/*** sliders and testimonials **/
.m-testimonial .wp-block-media-text {
	width: 50% !important;
	margin-right: auto !important;
	margin-left: auto !important;
	grid-template-columns:25% auto !important;
}

.m-testimonial .wp-block-media-text :is(p,img) {
	margin-bottom: 0rem !important;
}

@media (min-width: 769px) {
	.m-testimonial .wp-swiper__slide-content {
		max-width: 50% !important;
	}
}

.swiper-pagination {
	position: relative !important;
	padding-top: 1rem;
	padding-bottom: var(--m-marginbottom);	
}

/** Lightweight Accordion **/ 
.lightweight-accordion .lightweight-accordion-title {
	display: list-item;
	cursor: pointer;
}
.lightweight-accordion .lightweight-accordion-body {
	padding-left: 1.4rem;
}
.lightweight-accordion.bordered .lightweight-accordion-body {
	border: 2px solid var(--greylighter);
	border-top: 0;
}
.lightweight-accordion details[open] summary ~ * {
	animation: lwopen .5s ease-in-out;
}
.lightweight-accordion .lightweight-accordion-title :is( p, span, h1, h2, h3 ) {
	display: inline;
	font-family: inherit;
	padding-left: 0.4rem;
	font-size: 1em;
}

@keyframes lwopen {
	0%    {opacity: 0;}
	100%  {opacity: 1;}
}
/** Simple TOC **/
.simpletoc .simpletoc-collapsible {
	background-color: white;
    border-radius: 4px;
    border: 1px solid var(--greylight);	
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 18px;
}

.simpletoc .simpletoc-content {
    padding: 14px 18px 0;
    display: none;
    overflow: hidden;
    background-color: var(--greylighter);
}

.simpletoc .simpletoc-collapsible::after {
    content: "\02295";
    float: right;
    margin-left: 5px;
    font-size: 18px;
}
.simpletoc .active::after {
    content: "\2796";
}
/* turn off this icon!*/
.simpletoc-icon {
	display: none; 
}

/*--------------------------- FOOTER ------------------------------*/
.container-width-half {
        width: 50%;
        margin-left: 0px;
}
.container-no-wrap {
    flex-wrap: nowrap !important;
}
.footer-adv .footer-adv-overlay {
    background-color: rgba(255, 255, 255, 0);
}

.footer-adv .wp-block-group {
	padding: 0px;
}

@media (max-width: 769px) { /* Viewed on Mobile */	
	.footer-adv-widget .container-width-half {
		margin-left: auto;
		margin-right: auto;
		width: 50%;
	}
	.footer-adv-widget .container-no-wrap {
		margin-left: auto !important;
		margin-right: auto !important;
		width: 60%;
	}	
}

/* overwrite the excessive default bottom spacing */
.footer-adv-widget .widget, .footer-adv-widget .wp-block-columns {
        margin: 0 0 1em 0;
        gap: 0.8em !important;
}

/* overwrite excessive default gap between images */
.footer-gap {
        gap: 0.8em !important;
}

/* make the first column of the footer wider */
@media (min-width: 769px) {
	.footer-adv-widget-1 {
		width: 28% !important;
		padding-left: 20px;
		padding-right: 40px;
	}
}
@media (max-width: 769px) {
	div[class*="ast-small-footer-section"] { 
		margin-left: auto;
		margin-right: auto;
        }
}

.footer-adv .widget > *:not(.widget-title) {
    font-family: 'Source Sans Pro',sans-serif;
}

.footer-adv h3 {
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.5rem;
	color: var(--greydarker);
	margin-bottom: 16px;
}

.footer-adv .widget-title {
        font-family: Source Sans Pro,Roboto,Helvetica Neue,sans-serif;
        text-transform: inherit;
        color: var(--greydark) !important;
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1rem;
        margin: 0 0 1em 0;
        padding: 0;
}

.footer-links li {
	margin-bottom: 16px;
}
.footer-links a {
	font-size: 0.875rem;
	line-height: 1rem;	
	font-weight: 400;
	color: var(--grey);	
}

.footer-links a:hover {
        color:  var(--blue);
}

/* overwrite search */
.wp-block-search__inside-wrapper {
	background-color: white;
    border-color: var(--greylight);
    border-width: 1px 1px 1px 1px;
    border-radius: 73px;
    outline: 1px;
	border-style: solid;
}

.wp-block-search__inside-wrapper .wp-block-search__input {
    border: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    background: none;
    min-width: 0;
    padding-left: calc(50px / 3);
    padding-right: calc(50px / 3);
    -webkit-appearance: none;
	border-radius: 4rem;
}

/* Gallery */
.m-section :is(.wp-block-gallery, .blocks-gallery-grid) {
	margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.m-section :is(.wp-block-gallery, .blocks-gallery-grid) {
	margin: 0;
	display: grid;
}

@media (min-width: 769px) {
	.m-section :is(.wp-block-gallery, .blocks-gallery-grid) {
		grid-template-columns: repeat(4, 1fr);
	}
}
@media (max-width: 769px) {
	.m-section :is(.wp-block-gallery, .blocks-gallery-grid) {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 425px) {
	.m-section :is(.wp-block-gallery, .blocks-gallery-grid) {
		grid-template-columns: repeat(1, 1fr);
	}
}

.m-section .wp-block-gallery figure {
	width: inherit !important;
}
.m-section figcaption {
	background: none !important;
	margin-bottom: 1rem;
	
}
.m-gallery figcaption {
	margin-bottom: 0;
}
.m-section figcaption strong {
	color: white !important;
	font-size: 1.2rem !important;	
}

.m-section figcaption br {
    display: inherit !important; 
}

/* Extend Pagination of Query Loop */
.wp-block-query-pagination {
	display: flex;
}

.page-numbers {
    margin: 8px;
	display: inline !important;
}

.page-numbers.current {
    border-radius: 20px;
    padding: 2px 10px 2px 10px;
    margin: 4px;
}

/*-------------UI KIT-----------------*/
.arrow-link {
	margin-left: 3px;
	transition: all ease 0.3s;
	position: relative;
	top: 0px;
	left: 3px;
	height: 10px;
	width: 7px;
}

.arrow-color-blue {
	fill:none;
	stroke: var(--blue);
}

.default-link:hover .arrow-color-blue {
	stroke: var(--bluedark);
}

/*Buttons*/
/*Button Read - used in pricing guides*/
.btn-read {
	margin-bottom: calc(var(--m-marginbottom)*2);
	margin-top: calc(var(--m-marginbottom)*1.5);
}

.btn-read a {
	background: rgba(256,256,256,0) !important;
	border: 1px solid var(--blue);
	color: var(--blue) !important;

	border-radius: 90px !important;
	font-weight: 600 !important;
	padding: 10px 32px !important;
}

.btn-read a:hover {
	background: var(--bluedark) !important;
	border: 1px solid var(--bluedark) !important;
	color: #FFF !important;
}


/*Button Regular Nav*/
.nav-btn {
	margin-top: 10px;
}

.nav-btn a {
	padding: 11px 24px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	border-radius: 90px !important;
	transition: all ease 0.3s;
	background: var(--blue);
	color: #fff !important;
    justify-content: center;
}

.nav-btn a:hover {
	background: var(--bluedark) !important;
}

.arrow-btn {
	margin-left: 3px;
	transition: all ease 0.3s;
	position: relative;
    top: -1px;
	left: 3px;
}

.arrow-btn-regular {
	fill:none;
	stroke:#fff;
}

.arrow-btn-ghost {
	fill:none;
	stroke: var(--blue);
	
}

/* BUTTON with Input fields EEE 2020/09/04 */
.input-blog #form-field-email:focus{
    border-color: var(--grey) !important;
    color: var(--greydarker) !important;
}

.input-blog .elementor-button {
    background-color: var(--blue);
}

/*Cards*/
.card-style-one .elementor-column-wrap {
	background: #FFF;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	border-top: 4px solid var(--blue);
	margin: 12px;
	}

.card-testimonial .elementor-column-wrap {
	background: #FFF;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	border: 1px solid var(--greylight);
	margin: 12px;
}

.card-style-two .elementor-column-wrap {
	box-shadow: 0px 2px 15px rgba(15, 71, 111, 0.11);
	border-radius: 6px !important;
}

.card-step_text p {
    color: var(--blue) !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600 !important;
    margin-bottom: -6px !important;
    
}
.card-border-green .elementor-column-wrap {
    border-top: 4px solid var(--greenlight) !important;
}

.card-icon img {
        width: 120px !important;
        margin: auto;
}


/*Titles*/
.h1-title h1 {
	line-height: 60px !important;
color: var(--greydarker) !important;
font-weight: 600 !important;
}

.h1-title, .h2-title {
	margin-bottom: 17px !important;
}
.h3-title h3 {
	margin-bottom: 10px !important;
	font-size: 24px !important;
	font-weight: 600 !important;
	color: var(--greydarker) !important;
}

.h3--title_list {
	padding-top: 5px !important;
}

.h3-title-card_style_2 {
   margin-bottom: 12px !important;
}

.h3-title-card_style_2 h3 {
	font-size: 18px !important;
	font-weight: 600 !important; 
	color: var(--greydarker) !important;
}

.h2-title h2{
	font-size: 32px !important;
	font-weight: 600 !important;
	color: var(--greydarker) !important;
	line-height: 1.2 !important;

}



.h3-title-card {
	margin-bottom: 24px !important;
}

.h3-title-card h3{
	font-size: 18px !important;
	font-weight: 600 !important; 
	color: var(--greydarker) !important;

}

.h4-title {
	margin-bottom: 16px !important;
}

.h4-title h4{
	font-size: 18px;
	font-weight: 600;
	color: var(--greydarker);

}

.member-name_position {
	
	margin-bottom: 5px !important;
	
}


/*Paragraphs*/
/*
p {
	margin-bottom: 0 !important;
}
*/

.paragraph-larger{
	margin-bottom: 16px !important;
}

.paragraph-larger p{
	font-size: 22px;
	line-height:28px;
	color: var(--greydark);
	
}

.paragraph--white p{
	color: #fff;
}

.paragraph-regular {
	margin-bottom: 32px !important;
}

.paragraph-regular p {
	font-size: 18px;
	line-height:28px;
	color: var(--greydark);
}

.paragraph-block {
	margin-bottom: 32px !important;
}

.paragraph-block p {
	font-size: 18px;
	line-height:24px;
	color: var(--greydark);
	margin-bottom: 16px !important;
}

.paragraph-block h2 {
	color: var(--greydark);
    font-size: 32px;
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600 !important;	
}

.paragraph-block h3 {
	color: var(--greydark);
    font-size: 24px;
    margin-top: 25px;
    margin-bottom: 15px;
    font-weight: 600 !important;
}

.paragraph-block h4 {
	color: var(--greydark);
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 15px;
    font-weight: 600 !important;
}

.paragraph-small {
	font-size: 16px;
   line-height:24px;

}

.paragraph-small p {
	font-size: 16px;
   line-height:24px;

}

.paragraph_list ul li {
  color: var(--greydark); 
  /* set color of list item text */

  display: inline-block;
  list-style: none; 
  margin-left: 5px;
  /* Give the bullet room on the left hand side */

  padding: 0;
  position: relative;
}

.paragraph_list ul li::before {
  content: url('https://www.method.me/wp-content/uploads/2019/09/blue_dot_list.svg'); 
  /* Unicode of character to precede the list item */

  display: inline-block;
  font-size: 1em; 
  /* use em or % */
 
  left: -1.1225em; 
  /* use em, line up bullet flush with left hand side */

  position: absolute;
  /* Set the bullet positioned absolutely top left */

  top: -3px; 
  /* use em or % */

}

.elementor-widget-testimonial-carousel .elementor-testimonial__text {
	font-size: 18px;
	line-height:28px;
	font-style:normal;
	color: var(--greydarker);
}

.elementor-widget-testimonial-carousel .elementor-testimonial__name {
	color: var(--greydarker);
    font-size: 18px;
    font-weight: 700;
}

.elementor-widget-testimonial-carousel .elementor-testimonial__title {
	color: var(--greydarker);
    font-size: 18px;
    font-weight: 400;
}

.paragraph-testimonials .elementor-swiper-button-next {
    background: rgba(255, 255, 255, 0.5);
    padding: 10px;
    border-radius: 90px;
    right: -25px !important;
}


.paragraph-testimonials .elementor-swiper-button-prev {
    background: rgba(255, 255, 255, 0.5);
    padding: 10px;
    border-radius: 90px;
    left: -25px !important;
}

.quote_author p {
	font-size: 22px;
	font-weight: 400;
	color: var(--blue);
} 

/* QUOTE - NOTE: YOU NEED TO ADD THE QUOTES ICON ABOVE THE TEXT FIRST  */
.quote_txt {
	margin-top: 20px;
	margin-bottom: 10px !important;
}

.quote_txt p {
	color: var(--greydark);
	font-size: 28px;
	font-style: italic;
	line-height: 1.4;
 }

.quote_txt p::after {
    height: 2px;
    width: 77px;
    content: '';
    background: var(--blue);
    display: block;
    margin: 20px auto 0 auto;
}

/*Links*/


/*Testimonial Card*/
.testimonial-author img {
	width: 72px !important;
}

/*Columns*/

.left-column .elementor-column-wrap {
	padding: 0px 50px 0px 0px !important; 
}

.right-column .elementor-column-wrap {
	padding: 0px 0px 0px 50px !important; 
}

@media (max-width: 768px) {
	.left-column .elementor-column-wrap {
	padding: 0px 0px 24px 0px !important;
	
	}
	.right-column .elementor-column-wrap {
	padding: 0px 0px 0px 0px !important; 
}

	
}

 @media only screen and (min-width: 769px) and (max-width: 1024px){
	.left-column .elementor-column-wrap {
	padding: 0px 18px 0px 0px !important;
}
	 .right-column .elementor-column-wrap {
	padding: 0px 0px 0px 18px !important; 
}

}


/** Media Query **/ 

@media only screen and (max-width: 768px) {
		.h1-title h1 {
	line-height: 1.3 !important;
	color: var(--greydarker) !important;
	font-weight: 600 !important;
	font-size: 48px !important;
	}
}

@media (max-width: 544px) {
		.h1-title h1 {
	line-height: 1.2;
	font-size: 30px !important;
	}
}

/* Pricing Cards - in use */ 

.pricing-cards-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 1024px) and (min-width: 721px) { 
	.pricing-cards-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
			-ms-flex-direction: row;
				flex-direction: row;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
	.pricing-column_popular {
		margin: 22px auto 10px auto!important;
		width: 47% !important;
		background: #fff;
	}
	.pricing-column {
		margin: 20px auto !important;
		width: 47% !important;
		background: #fff;
	}
	.column-4 {
		margin: 50px auto 10px auto!important;
		width: 47% !important;
	}
}

 @media only screen and (max-width: 720px) and (min-width: 100px) { 
	   .pricing-cards-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		}
	 
	 	div[class*="pricing-column"] { 
			width: 90% !important;
			margin: 20px auto !important;
    	}
} 

div[class*="pricing-column"] {
	-webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.15);
	margin: 00px 12px 12px 12px;
	width: 50%;
	border-radius: 8px;
	background: #fff;
}

.pricing-column_popular {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--blue);
	border-radius: 0px 0px 8px 8px !important;
}
.pricing-column_popular .pricing-card_header {
    background-color: var(--bluedarker);
    border-radius: 0;	
}

.pricing-column_popular .pricing-card_header h3 {
    color:	white !important;
}

.pricing-column_green .pricing-card_header {
    background-color: var(--green);	
}

.pricing-column_green .pricing-card_header h3 {
    color:	white !important;
}

.pricing-card_header {
    background-color: var(--bluelight);
    margin: auto;
    padding: 24px 0 6px 0;
    width: 100%;
    border-radius: 3px 3px 0 0;
    margin-bottom: 8px;
}

.pricing-card_header h3 {
    text-align: center;
	color: var(--greydarker);
}

.pricing-card_header p {
    font-size: 16px;
    font-weight: 300;
    color: var(--blue);
    
    text-align: center;
    margin-bottom: 0px;
    line-height: 21px;
}

.pricing-card_hilite {
	border-radius: 8px 8px 0px 0px;
    margin-bottom: 0px;
    margin-top: -40px;
    padding: 8px;
    background-color: var(--blue);
    color: white;
    text-align: center;
    font-weight: 600;	
}

.pricing-card_body .price  {
    text-align: center;
    margin-bottom: -4px;
}

.price-style {
	color: var(--greydarker) !important;
	font-weight: 600 !important;
}

.pricing-card_info {
    text-align: center;
}

@media only screen and (min-width: 1024px) {
    .pricing-card_info {
		text-align: center;
		margin: auto 50px;
	}
}

.m-section .pricing-card_info p {
	margin-bottom: 0 !important;
}

.pricing-card_small {
	text-align: center; 
	color: var(--grey); 
	font-size: 0.8em;
}

.pricing-card_billing {
	text-align: center; 
	color: var(--greydark); 
	font-size: 1.2em;
}

.pricing-card_body {
	padding:	1.4rem 1rem 2rem 1rem;
    border-radius: 0px 3px 3px 3px;
    color: var(--greydark);
}

.pricing-card_body li {
    list-style-type: none;
    font-size: 16px;
    font-weight: 400;
    color: var(--greydark);
}
.pricing-card_body ul {

    max-width: fit-content;
    margin: auto !important;
}

.price_btn-container  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 10px;
}

.project-list_container {
    padding: 0 40px;
}

.project-list_title {
    font-weight: 700;
    font-size: 18px;
    color: var(--greydarker);
    margin-bottom: 10px !important;
}

.project-list_container ul li {
    list-style-type: circle;
    color: var(--greydark);
	margin-left: 1rem;
}

.divider_container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.divider {
    /* padding: 40px 0; */
    border-top: 1px solid var(--greylight);
    margin-top: 30px;
    width: 100%;
    margin-bottom: 20px;
}

.pricing-card_credits {
	text-align: center; 
	font-weight: 600; 
	color: var(--greydark); 
	font-size: 20px;
	margin-bottom: 0px !Important;
}

.pricing-card_credits strong{
box-shadow: inset 0 0px 0 white, inset 0 -1px 0 var(--greydark);
}

/* List with Check Icon */ 
.bullet-list {
    list-style: none;
    padding-left: 0;
    margin-left: 0px !important;
    margin-bottom: 0px;
}

.ordered-list {
    padding-left: 0;
    margin-left: 18px !important;
    margin-bottom: 0px;
}
.ordered-list li {
	line-height: 24px;
	margin-bottom: 14px;
	color: var(--greydark);
	font-family: "Source Sans Pro", Sans-serif;
}


.ordered-list  li:last-child {
	margin-bottom: 0;
}

.list-inside {
	margin-top: 15px;
}

.bullet-list li {
	background-image: url(https://www.method.me/wp-content/uploads/2019/09/bullet-list.svg);
    background-repeat: no-repeat;
    padding-left: 20px;
	line-height: 24px;
	margin-bottom: 14px;
    background-position-y: 9px;
	color: var(--greydark);
	font-family: "Source Sans Pro", Sans-serif;
}

.bullet-list li:last-child {
	margin-bottom: 0;
}

strong {
	color: var(--greydarker);
}

/* 2021/08/30 - Errol Elumir - Cleaning up Pricing Tables */

.table-pricing-border { 
    background-color: #FFF;		
    border-style: none;
    border-spacing: 0;
	border: none;
    margin: 0;
    table-layout: auto;
    font-size: 20px;
}

.pricing-col-icon {
    width: 10%;
    text-align: center !important;
}

.pricing-header-row {
	border-width: 0 0 1px 0;
	padding: 20px 20px 20px 20px;
	vertical-align: middle;
	text-align: left;
}
.pricing-header-row img {
	margin-bottom: 0;
	max-width: 34px;
}

.pricing-header-row h4 {
	display: inline;
    padding-left: 8px;	
}
.pricing-header-row p {
	padding-left: 2.6em;
	margin-bottom: 0;	
}

.pricing-header-mobile { 
	vertical-align: middle;
}

.pricing-header-mobile p { 
	margin-bottom: 0;	
}

.pricing-title-mobile { 
    color: var(--greydarker);
    font-weight: 700;
    font-size: 16px;
    position: relative;
    top: 3px;
    padding-left: 8px;
}

.sticky-th { 
    background: #022266;
    position: sticky;
    top: 0;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    color: white;
    height: 73px;
    font-weight: 700;
    font-size: 18px;
    line-height: 1em;
    padding: 15px 24px 15px 24px;
    vertical-align: middle;
    z-index: 10;
}


.table-pricing-titles {
    color: var(--greydarker);
    font-weight: 700;
    font-size: 22px;
    position: relative;
    top: 3px;
    padding-left: 8px;
}

.table-integrations-titles {
    color: var(--greydarker);
    font-weight: 700;
    font-size: 24px;
    position: relative;
    top: 3px;
    margin-bottom: 0px;
    padding-left: 8px;
}

/* 2021/03/24 - Errol - Search and filter styles */
.searchandfilter ul {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    list-style-type: none;
	margin-left: 0.5rem;
	margin-bottom: 2rem;
}

.searchandfilter select.sf-input-select {	
    background-color: white;
    border-color: var(--greylight);
    border-width: 1px 1px 1px 1px;
    border-radius: 73px;
    outline: 1px;
    border-style: solid;
    padding-left: calc(50px / 3);
    padding-right: calc(50px / 3);
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    min-width: 250px;
}

/* https://codepen.io/vkjgr/pen/VYMeXp */
.searchandfilter select {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

.searchandfilter select:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}

/* 2021/05/26 - Errol - I hate the mobile menu */
.ast-header-break-point .ast-icon.icon-arrow svg {
	height: 0.6em;
	width: 0.6em;
    position: relative;
    margin-left: 10px;
	fill: var(--blue);
}

.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle {
    display: inline-block;
    position: absolute;
    font-size: inherit;
    top: -1px;
    right: 20px;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .9em;
    font-weight: 400;
    line-height: inherit;
    transition: all .2s;
	background-color: #f9f9f9;
	border-color: #f9f9f9;	
}

/* 2022/09/07 - Errol - Still hate the mobile menu */
.ast-header-break-point .main-navigation ul .menu-item .menu-link {
    padding: .5em .9em .5em;
    display: inline-block;
    width: 100%;
}
.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle {
    display: inline-block;
    position: absolute;
    font-size: inherit;
    right: 20px;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    line-height: inherit;
    line-height: 2;
    background-color: transparent;
}

.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu {
    line-height: 2;
}

.ast-header-break-point .main-navigation ul.sub-menu .menu-item .menu-link:before {
    content: "";
}

/* 2022/01/05 - Errol - footnote for image credits */
.footnote {
	font-size: small !important;
	margin-bottom: var(--m-marginbottom);		
	font-style: italic;    
}

/* 2022/03/25 - Errol - Check marks and QB for LI */
.check {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.check li{
    display: block;
    background-image: url(https://www.method.me/img/icons/icon-checkblue.svg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 27px;
    padding-top: 0;
    text-align: left;
}

:is(.check,.m-check-list-green) .qbli {
    background-image: url(https://www.method.me/img/icons/icon-QuickBooks.svg);
    background-size: 21px;
}

.wistia_responsive_padding {
	margin-bottom: 40px;
}


/* meld 2023 with this one */
@media (max-width: 769px) { /* Viewed on Mobile */	
	.custom-button, .ast-custom-button {
		display: block;
		width: 100%;
		max-width:100%;
		margin-bottom: 1.2em;
	}
}

@media (max-width: 889px) { /* Viewed on Mobile */	
	.custom-button, .ast-custom-button {
		display: block;
		width: 100%;
		max-width:100%;
	}
}

@media (min-width: 890px) {
	.padding-left-16 {
		padding-left: 16px;
	}
	.padding-right-16 {
		padding-right: 16px;		
	}
	.margin-left-16 {
		margin-left: 16px;		
	}
}

.custom-button, .ast-custom-button {
	padding: 12px 24px !important;
	background: var(--blue);
	border-radius: 70px;
	
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.5rem;
	text-align: center;
    transition: all ease 0.3s;	
}

.custom-button:hover, .ast-custom-button:hover {
	background: var(--bluedark);
	color: #fff !important;
}

.custom-button.button-ghost {
	/* Blue/Blue-Primary */
	border: 1px solid var(--blue);
	background: #FFFFFF;
	padding: 12px 24px;
	border-radius: 70px;
	
	box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    word-break: break-word;	
    transition: all ease 0.3s;
	color: var(--blue);

}

.custom-button.button-ghost:hover {
	background: var(--bluelighter);
	color: var(--blue) !important;
}

.button-ghost .wp-block-button__link {
	white-space: nowrap;
	text-decoration: none;	
	font-size: 1rem;
	line-height: 1.5rem;
	text-align: center;
	/* Blue/Blue-Primary */
	color: var(--blue);
}

/* below is not efficient, I know */
.button-subtext-nobg {
	margin-top: 1rem;
	padding: 4px 8px;
	border-radius: 100px;
	width: 318px;
	font-size: 0.875rem;
	line-height: 1rem;
	color: var(--grey);
	white-space:nowrap;
}