.header-nav a,
.header-nav .root-button {
text-decoration: none;
color: var(--body);
display: block;
width: 100%;
font-size: 0.9em;
} .header-nav .courtesy-bar {
margin-top: 0.5em;
margin-bottom: 0.5em;
padding-bottom: 0.3em;
border-bottom: solid 1px var(--border);
}
.header-nav .courtesy-bar > ul{
-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;
}
.header-nav .courtesy-bar li {
margin-left: 0.5em;
}
.header-nav .courtesy-bar a{
padding-left: 0.5em;
}
.header-nav .courtesy-bar a span{
margin-left:0.3em;
}
.header-nav .courtesy-bar a:before{
content:"";
font-family: fontAwesome;
}
.header-nav .courtesy-bar li.phone a:before{
content:"\f095";
}
.header-nav .courtesy-bar li.blog a:before{
content:"\f1ea";
}
.header-nav .courtesy-bar li.login a:before{
content:"\f090";
}
.header-nav .header-logo {
max-width: 15em;
width: 100%;
margin-right: 1em;
}
.header-nav li,
.header-nav ul {
list-style: none;
margin: 0;
padding: 0;
position: relative;
} @media(min-width:1000px){
.header-nav .row-2 .depth-1 {
color: inherit;
list-style: none;
display: inline-block;
margin-left:0.5em;
}
.header-nav .menu-list {
float: right;
margin-bottom: 0.5em;
}
.header-nav .row-2 .depth-1 .root-button{
text-align: center;
padding: 0.3em 1em;
border: solid 1px transparent;
}
.header-nav .row-2 .depth-1.menu-item-has-children .root-button:after {
content: "\f0d7";
position: relative;
font-family: fontAwesome;
margin-left: 4px;
}
.header-nav .row-2 .depth-2:hover > a,
.header-nav .row-2 .depth-1:not(:nth-last-child(1)):not(:nth-last-child(2)):hover > a{
color:var(--primary);
}
.header-nav .row-2 .menu-item-has-children.depth-1:not(:nth-last-child(1)):not(:nth-last-child(2)):hover:after,
.header-nav .row-2 .menu-item-has-children.depth-1:not(:nth-last-child(1)):not(:nth-last-child(2)):hover:before{
content: "";
left: 2em;
bottom: -1.15em;
background-color: #fff;
border: 1px solid var(--border);
display: inline-block;
position: absolute;
border-radius: .1875rem 0 0;
transform: rotate(45deg);
width: 1em;
height: 1em;
transition: .4s ease-in-out;
}
.header-nav .row-2 .menu-item-has-children.depth-1:not(:nth-last-child(1)):not(:nth-last-child(2)):hover:after {
border-color: transparent;
bottom: -1.2em;
}
.header-nav .row-2 .depth-1:not(:nth-last-child(1)):not(:nth-last-child(2)):hover .li-spacer {
position: absolute;
width: 100%;
height: 1em;
}
.header-nav .row-2 .depth-1:not(:hover) > ul{
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .4s;
z-index: 10;
left: 0;
}
.header-nav .row-2 .depth-1 > ul {
position: absolute;
background-color: var(--white);
min-width: 250px;
transition: .4s ease-in-out;
border-radius: .3em;
border: solid 1px var(--border);
padding: 0.5em;
box-shadow:var(--shadow);
top: 2.8em;
} .header-nav .row-2 .depth-1 li:not(:last-of-type) {
border-bottom: solid 1px rgb(228 228 228);
}
.header-nav .row-2 .depth-2 {
color: #E5E5E5;
}
.header-nav .row-2 .depth-2 a{
padding: 0.3em 0;
}
.header-nav .row-2 .mobile-more,
.header-nav .row-2 .mobile-toggles{
display:none;
}
.header-nav .row-2 .depth-1:nth-last-child(2) > a,
.header-nav .row-2 .depth-1:nth-last-child(1) > a{
color: #fff;
border-radius:0.3em;
}
.header-nav .row-2 .depth-1:nth-last-child(2) > a:hover,
.header-nav .row-2 .depth-1:nth-last-child(1) > a {
background-color:var(--darkBlue);
}
.header-nav .row-2 .depth-1:nth-last-child(1) > a:hover,
.header-nav .row-2 .depth-1:nth-last-child(2) > a {
background-color:var(--primary);
}
}
@media(min-width:999px) and (max-width:1100px){
.header-nav {
font-size: 0.9em;
}
}
@media(max-width:999px){  
.header-nav .menu-list > li:not(.is-selected) > ul,
body.is-mobile-menu .header-nav .menu-bar,
body:not(.is-mobile-menu) .header-nav .nav-close,
body:not(.is-mobile-menu) .header-menu {
display: none;
}
.header-nav .header-logo {
max-width: 11em;
}
.mobile-toggles {
font-size: 1.5em;
color:var(--primary);
}
.is-mobile-menu > header.header {
overflow-y: auto;
height: 100%; }
.is-mobile-menu .header-menu {
position: absolute;
width: 100%;
left: 0;
top: 6em;
border-top: solid 1px var(--border);
}
.header-nav .menu-list li {
border-bottom: solid 1px var(--border);
}
.header-nav .menu-list > li{
background-color:var(--white);
} 
.header-nav .menu-list a,
.header-nav .menu-list .root-button{
padding: 1em;
} .header-nav .menu-list .menu-item-has-children .root-button{
max-width: 90% !important;
}
.header-nav .row-2 .mobile-more{
position: absolute;
display: inline-block !important;
width: 10% !important;
height: 4em;
top: 0;
right: 0;
text-align: center;
}
.header-nav .row-2 .mobile-more svg{
position: relative;
top: 1.1em;
}
.header-nav .depth-1.is-selected .mobile-more{
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.header-nav .menu-list .depth-2{
background-color: var(--darkBlue)
}
.header-nav .menu-list .depth-2 a{
color:var(--white);
}
}
@media(max-width:768px){
.header-nav a{
font-size: 1em;
}
}
@media(max-width:480px){
.header-nav .courtesy-bar li.login{
display: none;
}
.header-nav .courtesy-bar > ul{
-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
.header-nav .courtesy-bar li{
margin: 0;
}
.header-nav .menu-list .menu-item-has-children > a{
max-width: 85% !important;
}
.header-nav .row-2 .mobile-more{
width: 15% !important;
}
}.p-table .top-overview {
margin-bottom: 5em;
} .payment-options .payment-types {
font-size: 15px;
}
.payment-options {
padding: 1em;
}
.price-toggle {
width: 2.5em;
background-color: var(--border);
height: 1.4em;
display: inline-block;
border-radius: 100px;
position: relative;
cursor: pointer;
margin: 0 0.4em;
}
.price-pill {
height: 1.4em;
width: 1.4em;
border-radius: 100px;
background-color: var(--primary);
display: block;
margin-left: 0;
transition: all ease-in-out 0.15s;
left: 0;
position: absolute;
border: solid 4px var(--border);
}
.price-toggle.active .price-pill{
left: calc(100% - 1.4em);
}
.p-table .tier-price:not(.active) {
display: none;
} .price-external {
cursor: pointer;
}
.price-external .asp_product_item > div:not(.asp_product_buy_button) {
display: none;
}
.price-external .asp_product_item {
padding: 0;
border: 0;
margin: 0;
}
.p-table .lg span.price-external {
padding: 0 !important;
width: initial !important;
}
.p-table .lg span.price-external{
width: 81% !important;
}
.p-table .lg span.price-external .asp_product_buy_btn_container,
.p-table .lg span.price-external button {
display: block;
width: 100%;
}
.p-table .lg  span.price-external button {
margin: 0;
padding-top: 0.45em;
padding-bottom: 0.45em;
} .p-table .tooltip-wrap {
position: relative;
margin-left: .1em; top: -.2em;
}
.p-table .tooltip {
position: absolute;
max-width: 200px;
min-width: 200px;
width: 100%;
font-size: 13px;
line-height: 1.4;
color: #fff;
padding: .5em;
border-radius: .5em;
background-color: rgba(0,0,0,.8);
left: 50%;
transform: translateX(-50%);
bottom: calc(2.4em);
display: none
}
.p-table .tooltip:after {
position: absolute;
content: "";
left: 50%;
transform: translateX(-50%) rotate(45deg);
bottom: -0.4em;
border: solid .5em rgba(0,0,0,.8);
border-top-color: transparent;
border-left-color: transparent
}
.p-table .tooltip-wrap:hover .tooltip {
display: block
}
.p-table .md .item .sticker,
.p-table .lg .sticker{
position: absolute;
font-size: 13px;
background-color: #36b476;
margin: 0;
padding: 0.1em 0.5em;
color: #fff;
width: auto;
z-index: 1;
left: 0;
top: -0.7em;
}
.p-table .md .item .sticker{
border-top-left-radius: 8px;
}
.p-table .md .item .sticker:before,
.p-table .lg .sticker:before {
position: absolute;
width: 10px;
content: "";
height: 10px;
top: 0;
right: -10px;
z-index: 0;
border: solid 5px #188c53;
border-top-color: transparent;
border-right-color: transparent;
} @media(min-width:869px){
.p-table .lg {
border-bottom: solid 1px var(--border);
position: relative;
}
.p-table .lg:before{
content: "";
position: absolute;
background-image: url(//spoken-here.com/wp-content/uploads/2020/08/plus-patterns_square.svg);
left: auto;
right: -1.3em;
top: -1.3em;
width: 10em;
height: 17em;
background-size: 72%;
}
.p-table .md {
display: none;
} 
.p-table .lg ul,
.p-table .lg ul {
list-style: none;
padding: 0;
margin: 0;
}
.p-table .lg .tr li {
padding: 1.2em;
font-size:0.95em;
background-color: #fff;
border-top: solid 1px var(--border);
}
.p-table .lg .tr .row-title {
border-left: solid 1px var(--border);
}
.p-table .lg .th-title, 
.p-table .lg .row-title {
min-width: 32%;
max-width: 32%;
} .p-table .lg .th-title {
align-items:flex-end;
position: relative;
justify-content: center;
background-color:transparent !important;
}
.p-table .lg .th-title:before{
content: "";
position: absolute;
width: 6em;
height: 6em;
background-size: contain;
background-image: url(//spoken-here.com/wp-content/uploads/2020/07/logo-spokenhere_icon.svg);
left: auto;
right: -2em;
opacity: 0.1;
bottom: 1em;
z-index: -1;
}
.p-table .col-1-title {
display: block;
width: 100%;
padding: 0.75em 1em;
background-color: var(--border);
text-align: left;
font-weight: 900;
font-size: 1.1em;
color:#000;
}
.p-table .lg .th li {
text-align: center;
background-color: #fff;  position: relative;
}
.p-table .lg .th-title > div {
width: 100%;
}
.p-table .lg .tier-type {
background-color: var(--sBlue);
padding: 1em;
border-top: solid 1px var(--border);
}
.p-table .lg .th > li:nth-child(2) .tier-type {
background-color: #eeeeee;
}
.p-table .lg .th > li:nth-child(4) .tier-type {
background-color: #a4a3a4;
color:#fff;
}
.p-table .lg .th > li:nth-child(5) .tier-type {
background-color: var(--darkBlue);
color: #fff;
}
.p-table .lg .tier-type-snippet {
font-size: 13px;
}
.p-table .lg .tier-type-title {
font-size: 1.2em;
color:inherit;
}
.p-table .lg .th .tier-price{
padding: 1em 1em 4.5em;
}
.p-table .lg .th .number {
font-size: 2em;
font-weight: 600;
color:#000;
}
.p-table .lg .th .number-snippet {
font-size: 0.8em;
}
.p-table .lg .th .price-external{
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.p-table .lg .price-external {
bottom: 1.4em;
font-size: 14px;
text-decoration: none;
padding: 0.5em 1em;
background-color: var(--primary);
width: 81%;
color: #fff;
border-radius: 0.2em;
display: block;
margin: auto;
}
.p-table .lg .th .price-external:hover{
background-color:var(--darkBlue);
} .p-table .lg .tr:nth-child(2n) li { } .p-table .lg .row-cols { border-left: solid 1px var(--border); }
.p-table .lg li:nth-last-child(1) {
border-right: solid 1px var(--border);
}
} @media(max-width:868px){
.p-table .lg {
display: none;
}  
.p-table .top-overview {
margin-bottom: 2em;
}
.p-table .md .col-1-title {
text-align: center;
font-size: 1.5em;
margin-bottom: 0.5em;
}
.p-table .md .item {
padding: 2em;
position: relative;
border-radius: 2em;
border:var(--border);
}
.p-table .md .item.has-sticker{
border-top-left-radius: 0;
}
.p-table .md .item:not(:last-of-type) {
margin-bottom: 2em;
}
.p-table .md .item.item-0 {
background-color: #eeeeee;
}
.p-table .md .item.item-1 {
background-color: var(--sBlue);
}
.p-table .md .item.item-2 {
background-color: #a4a3a4;
color:#fff;
}
.p-table .md .item.item-3 {
background-color: var(--darkBlue);
color:#fff;
}
.p-table .md .item.item-2 .tier-title,
.p-table .md .item.item-3 .tier-title{
color:#fff;
}
.p-table .md .item.item-2 .table li:before,
.p-table .md .item.item-3 .table li:before{
background-color:#fff;
}
.p-table .md .table {
list-style: none;
padding: 0;
margin: 0;
}
.p-table .md .table li {
padding: 0.5em 0 0.5em 1.2em;
font-size: 0.95em;
position: relative;
display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
.p-table .md .table li:before{
content: "";
position: absolute;
left: 0;
width: 0.5em;
height: 0.5em;
background-color: var(--body);
top: 1em;
}
.p-table .md .tier-price {
font-size: 2.5em;
font-weight: 700;
margin-bottom: 0.3em;
padding-bottom: 0.3em;
border-bottom: solid 1px #dcdcdc;
}
.p-table .md .tier-price span {
font-size: 14px;
font-weight: 500;
}
.p-table .md .tier-title {
font-size: 1em;
margin-bottom: 0;
}
.p-table .md .tier-snippet {
font-size: 0.95em;
font-style: italic;
}
.p-table .md .button.price-external {
box-shadow: none !important;
margin-top: 1em;
} .p-table span.price-external div,
.price-external .asp_product_buy_btn_container button {
box-shadow: none !important;
}
}section.simp-content.option-2 {
overflow: visible;
} .simp-content.option-2 .columns-main-wrap{
padding:2em;
background-color:var(--lorange);
box-shadow: var(--shadow);
position: relative;
}
.simp-content.option-2 .columns-main-wrap:after {
content: "";
position: absolute;
width: 1.5em;
height: 1.5em;
background-color: var(--primary);
top: -.75em;
z-index: -1;
transform: rotate(45deg);
left: 8em;
}
.simp-content.option-2 li{
color:var(--darkBlue);
}
.simp-content.option-2 .col-2 {
border-left: solid 1px var(--sBlue);
padding-left: 2%;
margin-left: 2%;
}
@media(max-width:980px){
.simp-content.option-2 .checkmarks_2-col ul li {
-webkit-box-flex: 1;-ms-flex: auto;flex: auto; max-width: none;min-width: inherit;
width: 100%;
}
}
@media(max-width:768px){
.simp-content.option-2 .cols {
-webkit-box-flex: 1;-ms-flex: auto;flex: auto; max-width: none;min-width: inherit;
width: 100%;
border-left: 0;
margin-left: 0;
padding-left: 0;
}
.simp-content.option-2 .cols:not(:first-of-type){
border-top: solid 1px var(--sBlue);
margin-top: 1em;
padding-top: 1em;
}
}
@media(max-width:480px){
.simp-content.option-2 .columns-main-wrap{
padding:1.5em 1em;
}
}section.main-footer{
font-size: 0.85em;
padding:2em 0 1em;
}
.main-footer ul {
list-style: none;
margin: 0;
padding: 0;
}  
.main-footer a{
text-decoration: none;
color:inherit;  
display: block;
}
.main-footer a:hover{
color:var(--primary);
}
.main-footer .depth-1 > a:hover {
color:var(--white);
} .main-footer .footer-social li {
margin-left: 0.5em;
}
.main-footer .footer-social a {
display: inline-block;
color: var(--darkBlue);
background-color: #fff;
line-height: 30px;
height: 2em;
width: 2em;
border-radius: 100%;
text-align: center;
position: relative;
}
.main-footer .footer-social a svg {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);
top: 50%;
}
.main-footer .footer-social a:hover {
color: #fff;
background-color: var(--primary);
}
.main-footer .footer-social-wrap .col-2 ul{
-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;
}
.main-footer .flex-wrap.row-2 {
margin-top: 0.5em;
padding-top: 2em;
border-top: solid 1px rgb(255 255 255 / 20%);
}  .main-footer .address-wrap{
color:#fff;
}
.main-footer .address-wrap li {
margin-top: 0.5em;
}
.main-footer .address-wrap a {
padding:0 0 0 2em;
position: relative;
}
.main-footer .address-wrap a:before{
content:"";
position: absolute;
left:0;
font-family: fontAwesome;
}
.main-footer .address-wrap .phone a:before{
content:"\f095";
}
.main-footer .address-wrap .email a:before{
content:"\f003";
}
.main-footer .address-wrap .address a:before{
content:"\f041";
}
.main-footer .certified-logo{
margin-top:1em;
}
.main-footer .certified-logo img{
max-width: 120px;
}
.main-footer .certified-logo .text{
color:#b9b9b9;
font-size: 0.9em;
margin-bottom: 0;
} .main-footer .row-2 .col-1 {
max-width: 250px;
}
.main-footer .row-2 .col-2 {
padding-left: 5%;
} .main-footer .row-2 .depth-1 {
color:#fff;
max-width: 23%;
width: 100%;
margin-left: 4%;
} .main-footer .row-2 .depth-2{
color:#b9b9b9;
margin-top: 0.5em;
font-size: 0.95em;
}
.main-footer .copywrite{
color:#E5E5E5;
font-size:0.9em;
margin-top:1.7em;
padding-top:1em;
border-top:solid 1px rgb(255 255 255 / 20%);
}
.main-footer .wpcf7-response-output {
color: #fff !important;
} @media (min-width: 769px){
.main-footer .address-wrap{
font-size: 0.90em;
}
}
@media (max-width: 768px){
.main-footer .row-2 .col-1 {
max-width: none;
width: 100%;
margin-bottom: 2em;
display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;
}
.main-footer .row-2 .col-1 .footer-logo {
max-width: 15em;
width: 100%;
}
.main-footer .row-2 .col-2 {
padding-left: 0;
}
.main-footer .flex-wrap.row-2 .col-2{
display:none;
}
.main-footer .address-wrap{
margin-left: auto;
}
.main-footer .copywrite{
margin-top: 0;
}
}
@media (max-width: 630px) and (min-width:490px){
.main-footer .footer-social-wrap .col-2 {
max-width: 200px;
min-width: initial;
}
.main-footer .footer-social-wrap .col-1 {
max-width: none;
}
}
@media (max-width: 480px){
.main-footer .row-2 .col-1{
display:block;
}
.main-footer .simple-sub-form {
margin: auto;
}
.main-footer .footer-social-wrap .cols {
-webkit-box-flex: 1;-ms-flex: auto;flex: auto;
max-width: none;
min-width: inherit;
width: 100%;
}
.main-footer .footer-social-wrap .col-1 {
margin-bottom: 1em;
}
.main-footer .footer-social-wrap .col-2 ul{
-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}
.main-footer .footer-social li{
margin: 0 0.5em;
}
}