/*
Theme Name: Life Lanes Redesign
Theme URI: https://lifelanes.progressive.com/
Author: 96 Octane
Author URI: https://lifelanes.progressive.com/
Description: Progressive Life Lanes Website
Version: 1.1.1
*/

/* fonts */
@font-face {
    font-family: '96Sans-Regular';
    src: url("assets/fonts/96sans.eot");
    src:    local('☺'),
			url("assets/fonts/96sans.eot#iefix") format("embedded-opentype"),
            url("assets/fonts/96sans.woff2") format("woff2"),
            url("assets/fonts/96sans.woff") format("woff"),
            url("assets/fonts/96sans.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: '96Sans-Bold';
    src: url("assets/fonts/96sans-bold.eot");
    src:    local('☺'),
			url("assets/fonts/96sans-bold.eot#iefix") format("embedded-opentype"),
            url("assets/fonts/96sans-bold.woff2") format("woff2"),
            url("assets/fonts/96sans-bold.woff") formatb("woff"),
            url("assets/fonts/96sans-bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; 
	font-display: swap;
}

@font-face {
    font-family: '96Sans-Medium';
    src: url("assets/fonts/96sans-medium.eot");
    src:    local('☺'),
			url("assets/fonts/96sans-medium.eot#iefix") format("embedded-opentype"),
            url("assets/fonts/96sans-medium.woff2") format("woff2"),
            url("assets/fonts/96sans-medium.woff") format("woff"),
            url("assets/fonts/96sans-medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: '96Sans-Light';
    src: url("assets/fonts/96sans-light.eot");
    src:   local('☺'),
			url("assets/fonts/96sans-light.eot#iefix") format("embedded-opentype"),
            url("assets/fonts/96sans-light.woff2") format("woff2"),
            url("assets/fonts/96sans-light.woff") format("woff"),
            url("assets/fonts/96sans-light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

/* General Styles */
:root {
	--on-the-road: 		#bd4ec4;
	--household:		#d41659;
	--adventure:		#ff8a39;
	--turning-points:	#08caa9;
	--prog-blue:		#2d95e5;
  }
  
html,body {
	background: #f3f3f3;
	overscroll-behavior: none;
	overflow-x: hidden;
	font-size: 10px;
	-webkit-font-smoothing: antialiased; 
}

a {
	color: #007cb9;
}

.s1 a {
	text-decoration: underline;
}

.s1 a:hover {
	text-decoration: none;
}

.overflow-hidden {
	overflow: hidden;
}

.sr-only {
	border: 0;
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
}

.btn-primary {
	background-color: #007cb9;
	border: none;
	border-radius: 4px;
	font-family: '96sans-medium', 'Helvetica', 'Arial', sans-serif;
	font-size: 16px;
	height: 40px;
}

.header {
    border-bottom: 1px solid #E2E8F0;

}

.hamburger span {
	font-size: 1.25rem;
	margin-left: 5px;
	font-family: '96Sans-Medium', 'Helvetica', 'Arial', sans-serif;
}

.custom-select  {
	background: none;
	border-color: #eaeaea;
	border-radius: 0;
	border-width: 2px;
	font-size: 16px;
	height: 40px;
	padding-left: 1.5rem;
	width: 100% !important;
	flex: none !important;
	z-index: 1001;
}

.custom-select:focus {
	outline: 5px auto -webkit-focus-ring-color;
}

.custom-select-cta {
	background: none;
	border-color: #eaeaea;
	border-radius: 0;
	border-width: 2px;
	font-size: 16px;
	height: 40px;
	padding-left: 1.5rem;
	width: 100% !important;
	flex: none !important;
	/*z-index: 1001; //puts input above desktop nav? */
	appearance: none;
}

.custom-select-cta:focus {
	outline: 5px auto -webkit-focus-ring-color;
}

.input-group {
	background-color: #fff;
}

.input-group::after {
	background-color: #fff;
	border: 2px solid #eaeaea;
	color: #2d95e5;
	content: '\0203A';
	display: inline-block;
	font-size: 20px;
	height: 40px;
	transform: rotate(90deg);
	width: 40px;
	position: absolute;
    right: 0;
}



.link-hover {
	background: none;
	border: none;
	padding: 0;
}

.link-hover:not(.active) {
	transition: opacity 0.1s linear;
}

.link-hover:hover:not(.active) {

}

.mobile-progressive-bar {
	display: none;

}
.navbar {
	padding: 0;
}

@media only screen and (max-width: 991px) {
	.mobile-progressive-bar {
	display: block;
    padding: 10px 24px;
    border-bottom: 2px solid #eee;
}
	
	.phone-nav {
		position: absolute;
		right: 0;
		top: 10px;
	}
	
	.phone-nav .nav-link span {
		color: #2C2C2C;
		font-size: 12px;
	}
	
	.mobile-ll-bar {
		display: flex!important;
    	padding: 10px 0px 10px 10px;
    	width: 100%;
		justify-content: space-between;
		align-items: center;
	}
}

.mobile-ll-bar {
	display: none;
}

.mob-nav {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.mob-nav .mobile-logo {
	width: 100%;
    max-width: 130px;
}

.mobile-menu-text span {
	font-family: '96Sans-Bold', 'Helvetica', 'Arial', sans-serif;
	color: #2d2d2d;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.prog-toggler::before {
    background: url(https://www.progressive.com/Content/images/DomainProgressive/wh3/base/icons/menu.svg) no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 14px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
}

.prog-toggler {

    background-color: #fff;
    padding: 0;
    border: none;
    width: 70px;
    height: 45px;
    font-size: 13px;
    margin-left: 10px;
    padding-left: 25px;

}

.show-links .desktop-nav {
	top:0;
	margin: 0px auto 0px auto;
	position: fixed;
	transition: top 2s ease 0s;
}

.prog-desktop-nav .nav-item .nav-link::after {
	transition: all .5s;
    background-color: #707070;
    content: "";
    display: block;
    width: 100%;
    opacity: 0;
	top: 70%;
} 

.prog-desktop-nav .nav-item .nav-link:hover {
	color: #2d2d2d!important;
}

.prog-desktop-nav .nav-item .phone-link:hover {
	text-decoration: underline;
}

.prog-desktop-nav .nav-item .login-link:hover {
	text-decoration: underline;
}


.prog-desktop-nav .nav-item .phone-link:hover:after {
	opacity: 0!important;
}

.prog-desktop-nav .nav-item .login-link:hover:after {
	opacity: 0!important;
}

.prog-desktop-nav .nav-item .nav-link:hover:after {
    opacity: 1;
	background: #707070!important;

}



.navbar.active .action-menu {
	visibility: hidden;
}


.navbar-slim .mobile-ll-bar {
	position:fixed;
	width:100%;
	background: white;
	top:0;
	margin: 0px auto 0px auto;
	box-shadow: 0px 3px 6px #00000029;

}

.navbar-slim .mobile-progressive-bar {
	position: relative;
	top:0;
}



/*----- Nav Styles -----*/

.navbar {
	left: 0;
	right: 0;
	z-index: 1002;
	background: #fff;
	display: block;
	justify-content: flex-start;
	
}

.navbar-brand {
	margin-right: 2rem;
	 display: inline-block;
     padding-top: 0rem;
    padding-bottom:0rem;
     margin-right: 4rem;
    line-height: 1;
    white-space: nowrap;
}

.prog-desktop-nav {
	display: flex;
	border-bottom: 2px solid #eee;
    width: 100%;
    background: white;
	position: fixed;
	justify-content: space-between;
    align-items: center;
}




.prog-brand {
	padding: 20px;
    line-height: 0;
}

.phone-nav {
	
}

.nav.phone-nav {
	align-items: baseline;
}

.nav-item .save-articles {
	padding: 0;
}

.nav-link {
	position: relative;
	text-decoration: none;
}


.nav-link::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

.nav-link:hover::after {
  transform: scaleX(.85);
}

.ll-desktop-nav {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 0px;
	position: fixed;
    width: 100%;
    background: white;
	margin: 61px auto 0px auto;
	box-shadow: 0 5px 5px rgb(0 0 0 / 15%);
}

.ll-desktop-text {
	margin-right: 1.5rem;
}

.navbar.active .navbar-brand,
.navbar.active .navbar-toggler {
	    position: fixed;
    z-index: 1001;
}

.navbar.active .navbar-toggler {
	right: 0;
}

.navbar.show-links,
.navbar.bg-light {
	background-color: #fff !important;
	box-shadow: 0 0 25px -10px #000;
}

.nav-item.border-bottom {
	border-bottom-width: 2px !important;
}

.homepage .desktop-nav .nav-item:not(.save-articles) {
	/*display: none;
	opacity: 0;*/
}

.homepage .show-links .desktop-nav .nav-item {
	display: block;
	opacity: 1;
	margin-left: 1rem;
}

.find-agent {
	text-transform: none;
}

.find-agent a {
	text-transform: none!important;
	transition: border .2s ease-in,background-size .2s ease-in;
    background: linear-gradient(
120deg,rgba(0,119,179,.1) 0%,rgba(0,119,179,.1) 100%) no-repeat;
    background-position: 0 100%;
    background-size: 100% 0;
    border-bottom: 1px solid #0077b3;
    color: #0077b3;
    padding-bottom: 0.1em;
    text-decoration: none;
}

.find-agent a:hover {
	    background-size: 100% 100%;
    border-bottom: 0 solid rgba(0,119,179,.1);
    color: #2d2d2d;
}

.navbar.active {
	background-color: #f3f3f3 !important;
	bottom: 0;
	left: 0;
	/* overflow: auto; */
	position: fixed;
	right: 0;
	top: 0;
	z-index: 10004;
}

/* .navbar.active .explore-prods-menu {
	display: block !important;
} */

.navbar .explore-prods-menu {
	background-color: #f3f3f3;
	left: 100%;
	padding-bottom: 50px;
	position: absolute;
	right: 0;
	top: 20%;
}

.navbar .explore-prods-menu form {
	margin: 0 auto;
	width: 60%;
}

#skipcontent a {
    background: #fff;
    color: #2480fe;
    font-size: 1.2em;
    position: absolute;
    left: -10000px;
    top: 60.5px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    transition: all 0s;
    font-weight: 400;
	z-index: 9999;
}

#skipcontent a:focus {
    display: block;
    height: auto;
    left: 0;
    line-height: 60px;
    margin: 0 auto;
    padding: 0 10px;
    text-transform: none;
    width: auto;
}

/* .navbar .explore-prods-menu,
.mobile-wrap {
	transition: left .3s linear;
} */

.active .mobile-nav-active {
	display: none;
}

.mobile-nav .container-fluid svg {
	height: 15px;
	position: relative;
    top: 3px;
}

.mobile-nav .container-fluid span,
.mobile-nav .container-fluid a {
	font-family: '96Sans-Regular', 'Helvetica', 'Arial', sans-serif;
	opacity: 1;
	
}

.mobile-nav .container-fluid a:hover {
	opacity: 0.7;	
	text-decoration: none;
}

.mobile-nav .container-fluid span {
	font-size: 1.2rem;
}

.navbar a {
	color: #2d2d2d;
	position: relative;
	font-size: 1.3rem;
    text-transform: capitalize;
}

.nav {
	align-items: center;
}
.login-link {
	display: inline-flex;
}
.nav-item svg {
	max-height: 20px;
	max-width: 15px;
	position: relative;
	top: 3px;
	margin-bottom: -1px;
    display: inline-block;
    margin-top: -3px;
}

.nav.border-bottom,
.mobile-nav .border-bottom {
	border-bottom-width: 2px !important;
}

.mobile-nav .border-right {
	border-right-width: 2px !important;
}

.mobile-nav .border-top {
	border-top-width: 2px !important;
}

.nav-link {
	font-size: 1.6rem;
	padding-right: 10px;
	padding-left:10px;
}

.logo-text {
	fill: #2d2d2d;
	max-height: 30px;
    width: 120px;
}

.nav .saved-articles {
	border-left: 1px solid #2d2d2d;
	margin-left: 20px;
    margin-right: 10px;
}

.nav .saved-articles .nav-link {
	margin-left: 10px;
    margin-right: 10px;
}


.back {
	text-transform: uppercase;
	position: absolute !important;
	top: 0;
}

.back > span {
	display: inline-block;
	font-family: '96sans-medium', 'Helvetica', 'Arial', sans-serif;
	font-size: 12px;
	vertical-align: middle;
}

.back .back-arr {
	display: inline-block;
	font-family: '96sans-Light', 'Helvetica', 'Arial', sans-serif;
	font-size: 50px;
	line-height: 25px;
	padding-right: 10px;
	vertical-align: text-bottom;
}

.prog-desktop-nav .nav-link {
	font-family: '96Sans-Bold', 'Helvetica', 'Arial', sans-serif;
	padding: 2rem;
}

.mobile-progressive-bar .nav-link {
	font-family: '96Sans-Bold', 'Helvetica', 'Arial', sans-serif;
}

.ll-desktop-nav .nav-link, span {
	font-family: '96Sans-Medium', 'Helvetica', 'Arial', sans-serif;
}

/*.nav-item:not(.save-articles){
	margin-top: 5px;
}*/

.nav-item.save-articles {
	background-color: transparent;
	border-radius: 50px;
	padding: 5px;
}

.save-articles {
	box-shadow: 0 0 25px -10px #000;
}

.navbar-slim .nav-item.save-articles,
body:not(.home) .nav-item.save-articles {
	box-shadow: none;
	border-radius: 0;
	/*margin-top: 4px;*/
	padding: 0 .5rem;
}

body .navbar .nav-item.progcom {
	margin-left: .5rem;
	border-left: 1px solid currentColor;
	padding-left: 1rem;
}

body.home .navbar:not(.show-links) .nav-item.progcom {
	border-left: none;
	padding-left: .5rem;
	margin-left: 1.6rem;
}

.collapse.show {
	    display: block;
    position: fixed;
    display: none;
    top: 0rem;
    flex-direction: column;
    background-color: #fff;
    width: 100%;
    text-align: center;
    box-shadow: 0 10px 27px rgb(0 0 0 / 5%);
}




.collapsed.prog-toggler div:nth-child(2) {
	display: none;
	font-size: 2em;
}

.navbar-light .prog-toggler {
	border-radius: 50%;
	height: 50px;
	width: 50px;
}

.active .prog-toggler div:nth-child(1) {
	display: none;
}

 .prog-toggler div:nth-child(2) {
	position: absolute;
    float: right;
    right: 0;
    top: 0;
    background: #fff;
    padding: 0px;
	 font-size:6rem;
	 z-index:10005; 
}


.navbar:not(.show-links) .nav-item.save-articles {
	background-color: #fff;
}

.navbar-toggler {
    font-weight: bold !important;
    height: 50px;
    width: 50px;
    position: relative;
    top: 0;
	z-index: 0;
}

.navbar-toggler.fixed-top {
	top: 10px;
}

.navbar-toggler.collapsed {
	width: 125px;
	left: 4px;
}

.navbar-toggler,
.action-menu {
	transition: top .35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.navbar-toggler div:nth-child(2) {
	font-size: 2em;
	display:none;
}

.navbar-light .navbar-toggler {
	border-radius: 50%;
	height: 50px;
	width: 50px;
}

.active .navbar-toggler div:nth-child(1) {
	display: none;
}

.active .navbar-toggler div:nth-child(2) {
	display: block; 
}

.active .navbar-brand {
	margin-top: 60px;
}

.navbar-light .navbar-toggler-icon {
	background-image: none;
	height: auto;
	width: auto;
}

.mobile-nav {
	display: none;
    height: 100%;
    top: 48px;
    position: absolute;
    text-align: center;

    height: auto;
    width: 100vh;
    height: 100vh;
}

.mobile-wrap {
	background-color: #f3f3f3;
	bottom: 115px;
	left: 0;
	overflow: auto;
	position: absolute;
	top: 0;
	width: 100%;	
}


.mobile-wrap .nav-link {
	font-weight: 300;
	
}

.mobile-wrap .nav-link span {
	text-transform: none;
	font-weight: 300;
	-webkit-font-smoothing: antialiased; 
}
.action-menu-quote {
	align-items: center;
}

.prog-mobile-nav {
	background: #fff;
}

.navbar.active .mobile-progressive-bar {
	display:none;
}
.show.mobile-nav {
}

.navbar-slim .show.mobile-nav {
	margin-top: 0;
}

.mobile-nav .nav {
	
}
.mobile-wrap.shift {
	display: none;
}

.mobile-nav .prog-nav {
	padding: .5rem 2.5rem 5rem 2.5rem;;
	text-align: left;
	list-style: none;
	left: 0;
  
}

.prog-mobile-nav::before{
	content: "";
    display: block;
    height: 10px;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
	background: #8fd8f2;
    background: -moz-linear-gradient(65deg,#8fd8f2 0%,#ffcfde 100%);
    background: -webkit-linear-gradient(
65deg,#8fd8f2 0%,#ffcfde 100%);
    background: linear-gradient(
25deg,#8fd8f2 0%,#ffcfde 100%);
}

.mobile-nav .prog-nav .nav-item span {
	color: #707070;
    display: block;
    font-size: 1.2rem;
    font-family: '96Sans-Regular', 'Helvetica', 'Arial', sans-serif;
    margin-bottom: 3.2rem;
    margin-top: 1rem;
    padding-left: 2rem;
}

.mobile-nav .mobile-h3 {
	margin: 0;
    color: #2d2d2d;
    font-size: 14px;
    font-weight: 700;
    padding-left: 2rem;
    position: relative;
	padding-bottom: 0;
    padding-top: 3.2rem;
}

.prog-mobile-nav .prog-nav li:last-of-type {
    border-bottom: none;
}

.mobile-nav .nav-item {
	border-bottom:1px solid #d1e2e5;
	margin: 0;
}

.mobile-nav .nav-link {
	
}

.mobile-nav .nav-item svg {
	display: block;
	max-width: none;
	position: static;
	width: 20px;
}

.nav-link p {
	font-size: 1.8rem;
	font-family: '96Sans-Light', 'Helvetica', 'Arial', sans-serif !important;
	line-height: normal;
}

.mobile-nav .nav-link p {
	font-size: 1.6em !important;
	font-family: '96Sans-Light', 'Helvetica', 'Arial', sans-serif !important;
	line-height: normal;
}


.mobile-nav .nav-link  {
	font-size: 1.8em!important;
	font-family: '96Sans-Light', 'Helvetica', 'Arial', sans-serif!important;
	line-height: normal;
}


.mobile-nav .nav-link span {
	font-size: 1.4rem!important;
	line-height: normal;
	font-weight: normal!important;
}

.nav-link span {
	font-size: 1.3rem;
	-webkit-font-smoothing: antialiased; 
}





.mobile-progressive-bar .nav-link span {
	font-family: '96Sans-Medium', 'Helvetica', 'Arial', sans-serif;
}

.prog-mobile-nav .nav-item p {
	    color: #707070;
    display: block;
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 3.2rem;
    margin-top: 1rem;
    padding-left: 2rem;
    font-family: '96Sans-Regular', 'Helvetica', 'Arial', sans-serif!important;
}

.prog-mobile-nav .nav-link p {
	font-size: 1.8rem;
	font-family: '96Sans-Light', 'Helvetica', 'Arial', sans-serif!important;
	line-height: normal;
}

.prog-mobile-nav .mobile-nav .nav-link p {
	font-size: 1.8em!important;
	font-family: '96Sans-Light', 'Helvetica', 'Arial', sans-serif!important;
	line-height: normal;
}


.prog-mobile-nav .prog-nav .nav-item .nav-link  {
	color: #2d2d2d;
    font-size: 1.8rem!important;
    font-weight: 700;
    padding-left: 0;
	padding: 0;
    position: relative;
	font-family: '96Sans-Bold', 'Helvetica', 'Arial', sans-serif!important;
}


.prog-mobile-nav  .mobile-nav .nav-link span {
	font-size: 1.4rem!important;
	font-family: '96Sans-Light', 'Helvetica', 'Arial', sans-serif!important;
	line-height: normal;
	font-weight: normal!important;
}

.prog-mobile-nav  .nav-item p {
	font-size: 1.4rem;
	font-family: '96Sans-Regular', 'Helvetica', 'Arial', sans-serif!important;
	
}


.explore-prods-menu.shift {
	left: 0;
	right: 0;
}


/************************************************************************************************
*
* Global Styles
*
*/

html {
	font-family: '96Sans-Light', 'Helvetica', 'Arial', sans-serif;
    font-size: 10px;
}

* {
    color: #2d2d2d;
}

p,
.articleBody {
	font-family: '96Sans-Light', 'Helvetica', 'Arial', sans-serif!important;
    font-size: 1.8rem;
    line-height: 2em;
}

h1,
.h1:not(.explore-our-prods) {
    font-family: '96Sans-Medium', 'Helvetica', 'Arial', sans-serif;
    font-size: 4.5rem;
    padding: 10px 0 10px 0;
    line-height: 1.2em;
}

h2,
.h2 {
    font-family: '96Sans-Medium', 'Helvetica', 'Arial', sans-serif;
    font-size: 3rem;
    margin: 10px 0 10px 0;
}

h3,
.h3 {
    font-family: '96Sans-Medium', 'Helvetica', 'Arial', sans-serif;
    font-size: 1.6rem;
    line-height: 2em;
    margin: 10px 0 10px 0;
}

b, strong {
    font-family: '96Sans-Medium', 'Helvetica', 'Arial', sans-serif;
}

.container, .container-fluid {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

#homepage-title{
	bottom: calc(5% + 241px);
	left: 5%;
	position: absolute;
	z-index: 1001;
}

/************************************************************************************************
*
* Article Styles
*
*/

.articleBody p {
	margin-bottom: 4rem;
}
.articleBody ul {
	margin-bottom: 4rem;
}
.articleBody li {
	margin-bottom: 2rem;
}

.articleBody h2:not(:first-child), .articleBody .h2:not(:first-child) {
	margin-top: 8rem;
}

.articleBody table {
	width: 100%;
	margin-bottom: 4rem;
}

.articleBody td {
	vertical-align: top;
	text-align: left !important;
	padding-top: 1em;
	padding-bottom: 2em;
	line-height: 1.5;
	width: calc(50% - 9em);
}

.articleBody td:first-child {
	min-width: 9em;
}

.articleBody td:not(:first-child) {
	padding-left: 1rem;
}

.articleBody td:not(:last-child) {
	padding-right: 1rem;
}

/*.articleBody td + td {
	border-left: 1px solid #ccc
}*/

.articleBody tr + tr {
	border-top: 1px solid #ccc
}

.articleBody td p {
	text-align: left !important;
	margin-bottom: 0 !important;
	line-height: 1.5;
}

/* one item */
.articleBody td:first-child:nth-last-child(1) {
	/* -or- li:only-child { */
	width: 100%;
}

/* two items */
.articleBody td:first-child:nth-last-child(2),
.articleBody td:first-child:nth-last-child(2) ~ td {
	width: 50%;
}

/* three items */
.articleBody td:first-child:nth-last-child(3),
.articleBody td:first-child:nth-last-child(3) ~ td {
	width: 33.3333%;
}

/* four items */
.articleBody td:first-child:nth-last-child(4),
.articleBody td:first-child:nth-last-child(4) ~ td {
	width: 25%;
}

.article {
    background-color: #f3f3f3;
    padding: 125px 0 0;
}

.article .container-fluid {
    padding: 0;
}

.article .copy {
    background-color: #ffffff;
}

.body.container {
    background-color: #ffffff;
}

.body .title .h4 {
    margin-top: 7px;
}
.article-block .copy .title .h4 {
    margin-bottom: 7px;
}

.article-block .copy .body .title .h4 a {
  font-family: '96Sans-Medium', 'Helvetica', 'Arial', sans-serif;
  font-size: 2rem;
  color: #2d2d2d;
  text-decoration: none;
}

.rt-reading-time, .category:not(body) {
    font-size: 1.4rem;
    margin: 5px 0 30px 0;
    display: inline-block !important;
}

.rt-time, .rt-label {
  color: #767676;
}

.article-container-wrap .category a, 
.categories a, 
.copy .reading-time, 
.span-reading-time {
    font-family: '96Sans-Light', 'Helvetica', 'Arial', sans-serif;
    text-decoration: none;
    color: #767676;
    transition: color .2s linear;
}

.categories  {
    font-family: '96Sans-Light', 'Helvetica', 'Arial', sans-serif;
    text-decoration: none;
    color: #767676;
}
.copy .reading-time::after{
	content: 'read';
}

[id*="attachment_"] {
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
	font-size: 1.4rem;
}

.wp-caption-text em {
	font-style: normal;
}

.articleBody .category a {
	color: #767676;
}

.articleBody img {
	height: auto;
	max-width: 100%;
}

.category:not(body) a:hover {
    text-decoration: none;
    color: #2d2d2d;
}

.copy .categories,
.copy .reading-time {
    font-size: 1.4rem;
}

.categories a {
    border-right: 1px solid #808080;
    padding: 0 9px 1px 0;
    margin-right: 7px;
    transition: color .2s linear;
}

.categories span {
    border-right: 1px solid #808080;
    padding: 0 9px 1px 0;
    margin-right: 7px;
    transition: color .2s linear;
}

.categories a:hover {
  color: #2d2d2d;
}

.get-quote {
	font-size: 1.4rem;
    display: inline-block;
}

.get-quote a {
	font-family: '96Sans-Light', 'Helvetica', 'Arial', sans-serif;
	text-decoration: none;
    color: #767676;
    transition: color .2s linear;
}


.get-a-quote a:hover {
  color: #2d2d2d;
}

.external-link {
	background-color: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	position: absolute;
	right: 20px;
	top: 15px;
	overflow: visible;
    width: 16px;
}

.external-link svg {
	fill: #767676;
	height: auto;
	width: 100%;
}

.save-me {
	background-color: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	position: absolute;
	right: 20px;
	top: 15px;
	overflow: visible;
	width: 16px;
}

.save-me svg {
	fill: #767676;
	height: auto;
	width: 100%;
}

.save-me .bookmarked-img {
	display: none;
}

.save-me.saved .bookmarked-img {
	display: inline;
}

 .save-me.saved .bookmark-img {
	display: none;
}

.rt-reading-time .rt-label,
.rt-reading-time .rt-time,
.category:not(body) {
    color: #767676;
}

.articleBody .pipe {
	border-right: 1px solid #808080;
	padding: 2px 0 1px 0;
	margin: 0 9px 0 5px;
}

.articleBody .category img{
	margin-right: 10px;
	margin-bottom: 5px;
	width: 20px;
}

.article .body.container {
	overflow: hidden;
    position: relative;
    margin-top: -100px;
}

.articleBody p:not(.p1) a {
    text-decoration: none;
    color: #2d2d2d;
    border-bottom: 3px solid #2d95e5;
    transition: all .2s ease-in-out;
}

.articleBody p a:hover {
    text-decoration: none;
    color: #2d2d2d;
    border-bottom: 3px solid #8fd8f2;
    box-shadow: inset 0 -24px 0 #8fd8f2;
}

.subjects {
    margin: 50px 0;
}

.subjects a {
    font-size: 1.4rem;
    font-family: '96Sans-Regular', 'Helvetica', 'Arial', sans-serif;
    color: #2d2d2d;
    text-decoration: none;
    border: 2px solid #2d95e5;
    padding: 5px 20px;
    margin-right: 20px;
    border-radius: 25px;
    transition: background-color .3s linear;
}

.subjects a:hover {
    color: #ffffff;
    background-color: #2d95e5;
}

.rate{
	margin-bottom: 3rem;
	margin-top: 3rem;
}

.max-375{
	max-width: 375px;
}

.rating button {
	background-color: #007cb9;
	border: none;
    border-radius: 4px;
	cursor: pointer;
    height: 50px;
	transition: background-color .3s linear;
	width: 100%;
}

.rating button:hover,
.rating button.clicked {
	background-color: #0a3360;
}

.rating button.clicked .button-wrapper .button-type {
	font-family: '96Sans-Bold', 'Helvetica', 'Arial', sans-serif;
}

.rating button .button-wrapper .button-type {
    font-size: 1.6rem;
    font-family: '96Sans-Regular', 'Helvetica', 'Arial', sans-serif;
    color: #ffffff;
    margin: 6px 0 0 15px;
}

.button-wrapper .thumbsup-svg svg, .button-wrapper .thumbsdown-svg svg {
    position: relative;
    display: inline-block;
    width: 28px;
    fill: #ffffff;
}

.thumbsup-svg svg {
    top: 4px;
}

.thumbsdown-svg svg {
    top: 7px;
}

.button-wrapper {
    display: inline-block;
}

.button-wrapper > div {
    float: left;
}
.author-name-desc {
	margin-left: 125px;
	max-width: 725px;
}
.author-bio p,
.author-website a {
	font-size: 1.4rem;
	line-height:  2.4rem;
	margin-bottom: 1rem;
	text-decoration: none !important;
}
.author-bio .author {
    display: inline-block;
}

.author-bio .author .author-page-link .image {
    border-radius: 150px;
}
.author-page-link{
	float: left;
}
.author-bio .name .author-page-link,
.author-bio .name .author-page-link span,
.author-bio .name p:first-of-type {
    font-family: '96Sans-Medium', 'Helvetica', 'Arial', sans-serif;
}

.author-bio .image {
	border-radius: 50%;
	height: 100px;
	width: 100px;
}

.article .body .author-name-desc p {
	margin-bottom: 1rem;
}

.the-related{
	margin: 0 -30px 6rem -30px;
}

.clear {
    clear: both;
    float: none !important;
}

/* Campaign pages */
.tax-ll_campaign .header .container{
	background: #fff;
	margin-bottom: -100px;
	position: relative;
	top: -115px;
}
.tax-ll_campaign h1{
	padding-top: 0
}
.tax-ll_campaign #indicators{
	padding-top: 0;
}


/* Homepage Campaign section */
.section-campaign .fold{
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
	float: right;
	height: 250px;
	margin-bottom: 1rem;
	max-width: 400px;
	position: relative;
	width: 90%;
}
.read-more a,
.author-website a {
	color:#2d2d2d;
	font-family: '96Sans-Regular', 'Helvetica', 'Arial', sans-serif;
}
p.read-more {
	font-size: 1.5rem;
	font-weight: 600;
} 
.read-more::after{
	vertical-align: 1px;
}

/* Category pages */
#category-bg,
.campaign-bg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 50vh;
	margin-top: -4rem;
	overflow: hidden;
}

.category-on-the-road #category-bg  {
	background-position: center 20%;
}

.tax-site_category .title img {
	height: 3.5rem;
	margin-right: 15px;
	vertical-align: baseline;
}

.section-campaign .col-md-6{
	padding-left: 50px;
	padding-right: 50px;
}

@media screen and (min-width:991px) {
	#category-bg,
	.campaign-bg {
		margin-top: 8rem;
	}
}

/************************************************************************************************
*
* Action Menu Styles
*
*/

body:not(.navbar-slim) .action-box {
	display: none;
}

/* body:not(.single) .action-menu {
	height: 60px;
	padding-top: 10px;
} */

#share-modal, 
#quote-modal {
	outline: none !important;
}

.action-menu.action-menu-quote {
    background-color: #fff;
    border-radius: 30px;
    padding: 3px 16px;
	margin-top: 0px!important;
    right: 25px;
    text-align: center;
    bottom: 85px;
    position: static;
    width: auto;
    display: inline;
	z-index: 0;
  
}

.action-menu {
    background-color: #fff;
    border-radius: 30px;
    padding: 5px 10px;
    position: fixed;
    right: 25px;
    text-align: center;
    bottom: 85px;
    width: 50px;
    z-index: 1000;  
}

.action-menu-quote {

    height: 28px;

}

.action-menu-quote ul,
footer ul,
.indicator-arrows {
	list-style-type: none;
	padding-left: 0;
}



.action-menu ul,
footer ul,
.indicator-arrows {
	list-style-type: none;
	padding-left: 0;
}

.action-menu.fixed-top {
	left: auto;
}

/* body:not(.home) .action-menu :not(.share) li:not(:last-child),  */
.action-menu li:not(:last-child) {
    border-bottom: 1px solid #000;
	margin-top: -10px;
	/* margin: 0; */
}
.action-menu ul {
	margin-bottom:0;
}
.action-menu li {
	display: flex;
	padding: 4px;
}

.action-link {
  
    box-sizing: border-box;
    width: 100%;
	height: auto;
}

.get-quote-link {
	
}

button.action-link > div {
    margin: auto;
    display: flex;
}

button.action-link > div > svg {
    margin: auto;
}

.get-a-quote .action-link {
	border: 1px solid #1178B1;
    border-radius: 8px;
    padding: 6px 10px;
	font-size: 1.2rem;
	font-weight: 500;
}

.get-a-quote .action-link:hover {
	opacity: 1;
	background: #F2F9FC;
}


.action-menu li button {
	background: none;
	cursor: pointer;
	margin: auto;
}

.hamburger {
	background: none;
	border: 0px;
}

.mobile-modal {
	text-transform: none!important;
}

.action-menu li svg {
	height: 20px;
	margin: auto;
    width: 20px;
}

.action-box ul {
	margin-bottom: 0;
}

/* .action-menu li a[data-action-box="share"] svg {
	margin-bottom: 10px;
} */

/* .action-menu li button[data-action-box="bookmark"] svg {
	height: 25px;
	margin-bottom: 0;
	width: 25px;
} */

.action-box.share li svg {
	margin: 5px;
}

.action-box.share li:first-child svg {
	margin: 10px 5px 5px;
}

.action-menu li .active svg {
	fill: #2d95e5;
}

.copy-txt {
	height: 0;
	opacity: 0;
	width: 0;
}

body:not(.home) .action-menu li:last-child {
	border-bottom: none;
	/* margin-top: 5px; */
}

.action-menu .close {
	font-family: '96Sans-Light', 'Helvetica', 'Arial', sans-serif;
	font-size: 3em;
    position: absolute;
	right: 10px;
    top: 0;
}

/*
.action-box-wrap,
.navbar-slim .navbar.show-links,
.article-page .navbar,
.home .navbar:not(.show-links) .nav-item.save-articles
*/
.action-menu, .alert, #mma-pause {
	box-shadow: 0 0 25px -10px #000;
}

.action-box {
	display: none;
	position: absolute;
    right: 85px;
	bottom: 0;

}

.desktop-nav .action-menu .action-box {
	top: 80px;
    right: auto;
	left: calc(50% + 270px);
    position: absolute;
}

.desktop-nav .action-menu .action-box:before {
    height: 22px;
    right: 77px;
    top: -10px!important;
	transform: rotate(45deg);
    width: 20px;
    z-index: -1;
}

body:is(.single) .desktop-nav .action-menu .action-box:before {
	right: 70px;		
}

.desktop-nav .action-menu .action-box-wrap:after {
	background: white;
    height: 22px;
    right: 70px;
    top: -9px!important;
	transform: rotate(41deg);
    width: 20px;
    z-index: 0;
}

.action-menu.fixed-top {
	background-color: #fff;
    border-radius: 30px;
    padding: 5px 10px;
    position: fixed;
    right: 25px;
    text-align: center;
    bottom: 25px;
    width: 50px;
    z-index: 1000;
	height: 100px;
	display: inline-flex;
    flex-flow: column;
    justify-content: space-around;
}

.action-menu.fixed-top li {
	padding: 10px 0;
}


.action-box:before,
.action-box-wrap:after {
	content: '';
	position: absolute;
}

.action-box-wrap {
	background-color: #fff;
	border-radius: 20px;
	position: relative;
	    box-shadow: 0 0 25px -10px #000;
}

.action-box-wrap:after {

    /*border-left: 14px solid transparent;
  	border-right: 14px solid transparent;
  	border-top: 14px solid #fff;
    height: 0;
	right: 15px;
	bottom: -12px!important;
    width: 0;*/
}

.action-box:before {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    display: block;
    height: 20px;
    right: -8px;
    top: 65px!important;
    transform: rotate(45deg);
    width: 20px;
    z-index: -1;
}

body:not(.single) .action-box:before {
	left: auto;
    right: 60px;
    top: -10px;
}

.show-links .action-box {
	top: 85px;
}

.ll-desktop-nav .nav-item {

}

body:not(.single) .action-box-wrap:after {
	top: -8px;
    right: 50px;
    z-index: 1001;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #fff;
    height: 22px;
    bottom: -12px!important;
    width: 0;
    background: white;
    transform: rotate(45deg);
}

.action-box.quote .logo {
	fill: #2d95e5;
	max-height: 20px;
	width: 175px;
}

.action-box.share:before {
	top: 55%;
}

.action-box.share .action-box-wrap:after {
	top: -6px;
	right: 30px;
	z-index: -1;
}

.action-box.share:before {
	display: none!important;
}


.action-box.email {
	min-width: 325px;
}

.action-box.active {
	display: block!important;
	opacity: 1;
	z-index: 1005;
}

.active .fixed-top {
	position: static;
}

.action-box .border {
	border-width: 2px !important;
	color: #333;
	display: block;
	font-weight: bold;
}

.action-box .form-check-input {
	position: absolute;
    opacity: 0;
}

.action-box .form-check-label {
	cursor: pointer;
}

.action-box .border.on-the-road:hover,
.action-box.email .form-check-input:checked ~ .on-the-road {
	border-color: #bd4ec4 !important;
	text-decoration: none;
}

.nav-item .on-the-road,
.action-box .border.on-the-road:hover,
.action-box.email .form-check-input:checked ~ .on-the-road {
	fill: #bd4ec4;
}

.action-box .border.household:hover,
.action-box.email .form-check-input:checked ~ .household {
	border-color: #d41659 !important;
	text-decoration: none;
}

.nav-item .household,
.action-box .border.household:hover,
.action-box.email .form-check-input:checked ~ .household {
	fill: #d41659;
}

.action-box .border.adventure:hover,
.action-box.email .form-check-input:checked ~ .adventure {
	border-color: #ff8a39 !important;
	text-decoration: none;
}

.nav-item .adventure,
.action-box .border.adventure:hover,
.action-box.email .form-check-input:checked ~ .adventure {
	fill: #ff8a39;
}

.action-box .border.turning-points:hover,
.action-box.email .form-check-input:checked ~ .turning-points {
	border-color: #08caa9 !important;
	text-decoration: none;
}

.nav-item .turning-points,
.action-box .border.turning-points:hover,
.action-box.email .form-check-input:checked ~ .turning-points {
	fill: #08caa9;
}

.action-box .icon {
	display: block;
	max-height: 15px;
}

.action-box.share li {
	border: none;
}

.action-box .facebook {
	fill: #2e5c95;
}

.action-box .twitter {
	fill: #1da1f2;
}

.action-box .pinterest {
	fill: #bd081c;
}

.action-box .link {
	fill: #067462;
}


/*----- BG Colors -----*/

.bg-color-household {
	background-color: #d41659 !important;
}

.bg-color-on-the-road {
	background-color: #bd4ec4 !important;
}

.bg-color-turning-points {
	background-color: #08caa9 !important;
}

.bg-color-adventure {
	background-color: #ff8a39 !important;
}


/*----- ScrollMeter Style -----*/

.overflow-hidden .scrollmeter-wrap {
	display: none;
}

.scrollmeter-container {
	background-color: #fff;
	left: 0;
	position: absolute;
	width:100%;
	bottom: 0;
	z-index: 1;
}

.scrollmeter {
	background-color: #999;
	height: 3px;
	width: 0;
}

/* homepage */

header div {
  display: inline-block;
}

.menu ul {
  margin: 0;
}

.menu li {
  list-style: none;
  width: 25%;
}


#scroll-header {
	height: 100px;
display:none;
}

#mma {
  padding: 50px 0 0 0;
  width: 100%;
	z-index: 0;
}

#mma .h1 {
  font-size: 4rem;
  line-height: 1.25;
  margin-bottom: 0;
  text-align: center;
}

#mma p:not(.h1),
#homepage-title {
  font-family: '96Sans-Regular', 'Helvetica', 'Arial', sans-serif;
  font-size: 1.9rem;
  margin-bottom: 0;
}

#homepage-title span {
	border-left: 1px solid #2d2d2d;
	margin: 10px;
	padding-left: 10px;
}

.menu ul {
  margin: 0;
}

.menu li{
  list-style: none;
  width: 25%;
}
.slide-inner{
	overflow: hidden;
	position: relative;
	top: 0;
}
.slide-item {
  /* opacity: 0; */
  position: absolute;
  top: 0;
  transition: .5s opacity;
  width: 100%;
}

.slide-item-bg {
	background-position:  50% 75%;
	background-repeat: no-repeat;
	background-size: cover;
	height: calc(90vh - 180px);
}

.slide-item-bg img {
	object-position: center;
}

.slide-inner :nth-child(1) .slide-item-bg img {
	object-position: top center;
}

.slide-inner :nth-child(3) .slide-item-bg img {
	object-position: bottom center;
}


.slide-inner :nth-child(4) .slide-item-bg img {
	object-position: center top;
}
.slide-text span:first-of-type{
	padding-left: .5rem;
	padding-right: .5rem;
}

#category-bg img {
	object-fit: cover;
}

.slide-item.active {
	opacity: 1;
	position: relative;
	z-index: 1000;
}

.slide-text {
	bottom: 5%;
	left: 5%;
	margin: 0 auto;
	opacity: 0;
	position: absolute;
	width: 93%;
}
.active .slide-text{
	opacity: 1;
}

#mma-pause {
	cursor: pointer;
	height: 35px;
	padding: 5px 17px;
	right: 25px;
	top: calc(93vh - 230px);
	width: 85px;
	z-index: 1000;
}

.play-pause{
	background-color: #ffffff;
	border-radius: 50px;
	color: #2d2d2d;
	font-size: 1.2rem;
	height: 25px;
	position: absolute;
	text-align: center;
	white-space: nowrap;
	width: 75px;
}
.play-pause div{
	background-image: url('assets/images/icons/pause.svg');
	background-position: 3px 2px;
	background-repeat: no-repeat;
	background-size: 5px 7px;
	border: 1px currentColor solid;
	border-radius: 10px;
	height: 13px;
	width: 13px;
}
.play-pause div::after{
	content: 'Pause';
	display: inline-block;
	margin-left: 17px;
	margin-top: -3px;
	vertical-align: top;
}
.play-pause.paused div{
	background-image: url('assets/images/icons/play.svg');
	background-position: 4px 2px;
	
}
.play-pause.paused div::after{
	content: 'Play';
}

.slide-controller {
  	background: #ffffff;
  	height: 130px;
	display: -ms-flex; 
	display: flex;
  	flex-direction: row;
  	justify-content: space-around;
}

.slide-controller li {
	list-style: none;
}

.slide-btn {
	border-top: 5px transparent solid;
	cursor: pointer;
	display: inline-block;
	padding-top: 3rem;
	position: relative;
	transition: .5s all;
	width: 200px;
}

.slide-btn.active {
	padding-top: 2.5rem;
}

.slide-btn svg {
	height: 18px;
	fill: #555;
}

.slide-btn .h3 {
	color: #2d2d2d;
	font-size: 2.2rem;
}

a.slide-btn:hover {
	text-decoration: none !important;
}

.slide-btn:hover[data-cat="road"],
.slide-btn.active[data-cat="road"],
.slide-btn:hover[data-cat="road"] g,
.slide-btn.active[data-cat="road"] g,
.categories .road g {
  border-top-color: #bd4ec4;
  fill: #bd4ec4;
}

.slide-btn:hover[data-cat="house"],
.slide-btn.active[data-cat="house"],
.slide-btn:hover[data-cat="house"] g,
.slide-btn.active[data-cat="house"] g,
.categories .home g {
  border-top-color: #d41659;
  fill: #d41659;
}

.slide-btn:hover[data-cat="adventure"],
.slide-btn.active[data-cat="adventure"],
.slide-btn:hover[data-cat="adventure"] g,
.slide-btn.active[data-cat="adventure"] g,
.categories .adventure g {
  border-top-color: #ff8a39;
  fill: #ff8a39;
}

.slide-btn:hover[data-cat="turning"],
.slide-btn.active[data-cat="turning"],
.slide-btn:hover[data-cat="turning"] g,
.slide-btn.active[data-cat="turning"] g,
.categories .turning g {
  border-top-color: #08caa9;
  fill: #08caa9;
}

.hovertext {
	font-size: 14px;
	opacity: 0;
	transition: opacity .5s;
	margin-bottom: 0;
	margin-top: 4px;
}

/* .hovertext::after, */
.slide-text p:not(:first-child)::after,
.read-more::after, 
.author-website a:after,
.saved-empty a:after,
#four04 a:after {
	content: '\0203A';
	display: inline-block;
	margin-left: 5px;
	transition: margin-left .25s
}
.hovertext:hover::after,
.slide-text p:not(:first-child):hover::after,
.read-more:hover::after,
.author-website a:hover::after,
#four04 a:hover:after {
	margin-left: 15px;
}
.read-more a:hover {
	text-decoration: none;
}

.slide-btn:hover .hovertext,.active .hovertext{
  	opacity: .7;
}
.slide-btn .dot{
  border-bottom: none;
  bottom: 5px;
  color: transparent;
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.slide-btn .dot:hover{
    /* background: none; */
    border-bottom: none;
    box-shadow: none;
}
.slide-btn:hover .hovertext{
  opacity: 1;
}
.slide-btn .h3{
  line-height: normal;
  transition: all .5s;
}

.slide-btn:hover .h3,
.slide-btn.active .h3 {
  margin: 0
}

.category-buttons a{
  padding-right: 18%;
}
#indicators{
	bottom: -10px;
  	height: 100px;
  	padding-top: 45px;
  	position: absolute;
}
.indicator-btn:hover{
  	cursor: pointer;
}

.indicator-btn:nth-of-type(1).active svg,
.indicator-btn:nth-of-type(1):hover svg {
    fill: #bd4ec4;
}

.indicator-btn:nth-of-type(2).active svg,
.indicator-btn:nth-of-type(2):hover svg {
    fill: #d41659;
}

.indicator-btn:nth-of-type(3).active svg,
.indicator-btn:nth-of-type(3):hover svg {
    fill: #ff8a39;
}

.indicator-btn:nth-of-type(4).active svg,
.indicator-btn:nth-of-type(4):hover svg {
    fill: #08caa9;
}

.neutral .indicator-btn.active svg,
.neutral .indicator-btn:hover svg {
	fill: #2d95e5;
}

.indicator-btn::after,
.indicator-arrows  .arrow::after {
  background: rgba(0,0,0,0);
  content: "";
  display: block;
  height: 30px;
  left: -10px;
  position: relative;
  top: -10px;
  width: 30px;
}

#indicators .row{
	margin-left: unset;
  	width: 100%;
}
#indicators .dots{
  display: -ms-flex; 
  display: flex;
  justify-content: space-around;
  /* max-width: 140px; */
  position: relative;
  z-index: 10;
}
#indicators .dots a{
	display: block;
	height: 100%;
	width: 100%;
}
#indicators ul.dots{
	top: -41px;
}
.indicator-btn{
  
  display: inline-block;
  height: 10px;
  margin: 3px 11px;
  width: 10px;
}

.indicator-btn button {
	background: none;
	border: 0;
	padding: 0;
}

.indicator-btn svg {
	display: block;
	fill: #767676;
	height: 10px;
	width: 10px;
}

.indicator-arrows{
  display: -ms-flex; 
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
  top: -25px;
  width: 300px;
}
.arrow.flip{
  transform: scaleX(-1);
}
.article-container{
	display: -ms-flex; 
	display: flex;
}

.hero {
	height: 50vh;
	max-height: 500px;
	min-height: 275px;
	position: relative;
}

.hero img {
	object-position: top center;
}

.article-block {
	margin: 0 0 30px 0;
} 

.carousel-item,.carousel-item.active{
  display: inline-block;
}
.article-block .copy {
	background: #ffffff;
	bottom: 0;
	left: 0;
	min-height: 137px;
	padding: 15px 20px;
	position: relative;
	right: 0;
	white-space: normal;
}

.article-block .image img, .image-cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.article-block .image a {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	height: 200px;
	width: 100% !important;
}

.article-block .categories, .article-block .reading-time{
  	display: inline-block;
  	white-space: nowrap;
}
.article-block .categories span{
  	display: inline;
}

.article-block .categories img {
	height: 13px;
    margin-right: 7px;
    margin-bottom: 4px;
  	vertical-align: middle;
  	width: 14px !important;
}

#endless-scroll {
  	overflow: hidden;
  	padding-bottom: 111px;
  	position: relative;
  	width: 100%;
}

#endless-scroll>h3{
	font-size: 1.6rem;
}

#endless-scroll .image {
	height: 300px;
}

#endless-scroll .image a {
	height: 100%;
}

#endless-scroll .article-block .categories img {
	margin-right: 7px;
	width: 18px !important;
}
#endless-scroll .article-container{
	display: block;
	margin-left: 0px; 
  	width: 300vw;
}
.slider-inner{
	display: -ms-flex; 
	display: flex;
	margin-left: 100%;
	padding: 0;
	transition: .5s margin-left ease;
  	white-space: nowrap;
  	width: 100%;
}

.slider-inner .copy .body .title .h4 a {
  font-size: 1.8em;
}

.slider-inner .article-block {
	display: block;
	height: auto;
	left: 0;
	margin: 0 25px 0 0;
	position: relative;
	top: 0;
	width: calc(50vw - 25px);
}
.section-campaign {
	background: #ffffff;
	padding-bottom: 6rem;
}

.section-campaign h2, 
#endless-scroll h1 {
	font-size: 1.6rem;
	margin: 6rem auto;
	text-transform: uppercase;
}

#endless-scroll .content{
  background: rgba(255,255,255,1);
  bottom: 0;
  height: auto;
  padding-left: 15px;
  top: unset;
}

#ajax-load-more {
	padding: 0 15px;
	width: 100%;
}

.alm-btn-wrap {
	text-align: center;
}

.alm-load-more-btn {
	background: transparent;
	border: none;
	cursor: pointer;
	font-size: 1.5rem;
	font-weight: 600;
  	opacity: 1;
  	margin: 10px 0px 0px 0px;
}

.alm-load-more-btn:after{
	content: ' +';
}

.alm-load-more-btn:hover{
	opacity: .7;
}

.alert.fixed-bottom {
	bottom: -100px;
}

.alert.fixed-bottom.show {
	bottom: 0;
}

.alert {
	background-color: #fff;
	/* border: 2px solid #dee2e6; */
	border-radius: 25px;
	border-bottom-left-radius: 3px;
	color: #2d95e5;
	font-family: '96Sans-Medium', 'Helvetica', 'Arial', sans-serif;
	font-size: 1.4em;
	height: 50px;
	margin-left: 1rem;
	padding: 1.25rem 2.25rem;
	transition: bottom .35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	right: auto;
}

footer {
	background-color: #fff;
}

footer .h4 {
	color: #2d2d2d;
	font-family: '96Sans-Medium', 'Helvetica', 'Arial', sans-serif;
}

footer .logo {
	fill: #2d95e5;
	max-height: 24px;
	width: 200px;
}

footer ul:not(.social) li {
	font-size: 1.4em;
	margin: 20px 0 0;
}

footer a {
	color: #2d2d2d;
	font-family: '96Sans-Regular', 'Helvetica', 'Arial', sans-serif;
	font-size: 1.4rem;
}

footer .social li {
	display: inline-block;
}

footer .social a {
	background-color: #767676;
	border-radius: 50%;
	box-sizing: content-box;
	display: inline-block;
	height: 15px;
	width: 15px;
	padding: 7px;
}

footer .social {
	margin-bottom: 2rem;
}

footer .social svg {
	fill: #fff;
	height: 15px;
	width: 15px;
}

footer #search-form {
	margin: 30px 0;
	max-width: 300px;
	position: relative;
}

footer #search-form label {
	cursor: text;
	line-height: 35px;
	position: absolute;
}

footer #search,
footer #search-form label {
	background-color: #eee;
	border-radius: 17.5px;
	height: 35px;
	padding: 0 20px;
	width: 100%;
}

footer form {
	font-size: 1.8em;
}

footer button {
	background-color: transparent;
	cursor: pointer;
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 999;
}

footer button svg {
	fill: #2d2d2d;
	height: 20px;
	width: 20px;
}

footer .border-right {
	border-color: #2d2d2d !important;
}

footer .terms a:first-child {
	padding-right: 15px;
	margin-right: 15px;
}


/* category page styles */
.category .header{
	margin-top: -150px;
}
.category .header > div{
	background: #fff;
	padding: 4rem;
}
.category .header .title{
	font-size: 3rem;
	line-height: 1;
	padding: 0;
}
.category .header .tagline{
	font-size: 4.5rem;
}
.category .header .cat-icon{
	margin-right: 15px;
	vertical-align: baseline;
	width: 26px !important;
}

#post-select {
	margin-top: 30px;
	margin-bottom: 30px;
}

#post-select div button {
	background-color: #fff;
	border: 2px solid #007cb9;
	color: #007cb9;
	display: block;
	float: left;
	font-family: '96Sans-Light', 'Helvetica', 'Arial', sans-serif;
	font-size: 1.4rem;
	margin: 0;
	padding: 10px;
	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
	width: 50%;
}

#post-select div button:first-child {
	border-radius: 50px 0 0 50px;
}

#post-select div button:last-child {
	border-radius: 0 50px 50px 0;
}

#post-select .active {
	background: #007cb9;
	color: #ffffff;
	font-family: '96Sans-Medium', 'Helvetica', 'Arial', sans-serif;
}

.instagram-media {
	min-width: auto !important;
}

.page-template-page-saved-articles h1,
.page-template-searchpage h1,
.saved-articles .page-title {
	font-size: 3.5rem;
	margin-top: 90px;
}


.saved-empty {
	align-items: center;
	display: flex;
	margin: 0 auto;
	min-height: 400px;
	width: 90%;
}

.saved-empty a {
	color: #2d2d2d;
	font-family: '96Sans-Bold', 'Helvetica', 'Arial', sans-serif;
	text-transform: uppercase;
}

.saved-empty a:hover:after {
	margin-left: 10px;
}

.saved-empty-wrap {
	width: 100%;
}

/* 404 Page */
#four04{
	margin: 15vh 0;
}

#four04 h1 {
	border-bottom: 3px currentColor solid;
	font-family: '96Sans-Regular', 'Helvetica', 'Arial', sans-serif;
	font-size: 4rem;
	margin: 0 auto 2rem auto;
	padding-bottom: 2px;/*adjust for underline distance*/
	width: 70px;
}

#four04 h2 {
	font-size: 4.5rem;
    max-width: 675px;
    margin: 4rem auto 6rem auto;
}

#four04 ul{
	list-style: none;
	margin-top: 3rem;
	padding-left: 0;
	text-align: center;
}

#four04 li{
	margin-bottom: 2rem;
}

#four04 svg{
	margin-right: .9rem;
	width: 1.6rem;
}

#four04 a{
	color: #2d2d2d;
	font-size: 1.8rem;
	font-family: '96Sans-Bold', 'Helvetica', 'Arial', sans-serif;
	text-decoration: none !important;
}

.page-template-page-policy .article .body.container{
	padding-top: 17rem;
}

/* **************************MEDIA QUERIES******************************* */
/*condensed nav on tablet (iPad)*/
@media only screen and (max-width: 1130px) and (min-width: 991px) {
	/* Homepage */
	.navbar-brand {
		padding-left: 0 !important;
	}
	.homepage .show-links .desktop-nav .nav-item {
		margin-left: 0;
	}
	body .navbar .nav-item.progcom {
		padding-left: .5rem;
	}
	.nav-link {
		padding-right: 1rem;
	}
}
@media only screen and (max-width: 991px) {
	/* Homepage */
	#homepage-title{
		bottom: unset;
		left: calc(50% - 309px);
		text-align: center;
		top: calc(50vh - 67px);
		width: 600px;
	}
	
	#mma {
		padding: 0;
	}
	
	.article {
    	padding: 0px 0 0;
	}	
	
	
	.action-menu.fixed-top li {
		margin-top: -10px;
	}
}

@media screen and (max-width: 1075px){
.ll-desktop-text {
	margin-right: 0rem;
}
}

@media screen and (max-width: 767px){
	#homepage-title{
		bottom: unset;
		left: calc(50% - 150px);
		text-align: center;
		top: calc(50vh - 82px);
		width: 300px;
	}
	#homepage-title span{
		border: none;
		margin: 0;
		padding: 0;
	}
	#mma .h1 {
		height: 7.45rem;
	}
	#endless-scroll{
		margin-left: 0;
		padding-bottom: 50px;
	}
	#endless-scroll .article-container{
		margin-left: 0;
	}
	.slider-inner{
		width: auto;
	}
	#endless-scroll .article-block{
		margin: 0px;
		width: 100vw !important;
	}
	#endless-scroll .image{
		height: 75vw;
		width: 100vw;
	}
	#endless-scroll .image img{
		
		width: 100vw !important;
	}

	#endless-scroll .copy {
		position: absolute;
	}

	#endless-scroll #indicators{
		bottom: -39px;
	}
	#endless-scroll .article-container{
		margin-left: 0px;
		width: 500%;
	}
	#endless-scroll .save-me{
		right: 30px;
	}
	.slider-inner{
		display: -ms-flex; 
		display: flex;
	}
	#endless-scroll .article-container{
		max-width: unset;
		padding-left: 0;
		padding-right: 0;
	}

	.the-related {
		margin: 0;
	}

	/*.the-related > div,*/
	.article-container-wrap {
		padding: 0;
	}

	.article-container-wrap {
		margin-top: 20px;
	}

	.article-container-wrap .row {
		margin: 0;
	}

	/* Article block rearrange */
	.article-container > div, .alm-reveal > div{
		border-bottom: thin solid #ccc;
		margin-bottom: 30px;
		padding-bottom: 15px;
	}
	/* rules above ajaxed blocks */
	.alm-reveal.row {
		position: relative;
	}
	.alm-reveal.row:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 1px;
		background: #ccc;
		left: 0;
		transform: translateY(-30px);
	}
	#ajax-load-more{
		border-bottom: none;
		padding: 0;
	}
	.article-block.row{
		margin: 0;
		/* padding: 0 15px; */
	}
	.article-block .categories img{
		width: 16px !important;
	}
	.col-7.copy{
		background: none;
		min-height: 135px;
		padding: 0 0 0 15px;
		position: relative;
	}
/*
	.col-5.image img{
		max-height: 100px;
	}
*/
	
	.copy .reading-time::after{
		content: '';
	}
	#endless-scroll .copy .reading-time::after{
		content: 'read';
	}

	.article-container-wrap .save-me {
		top: 1px;
		right: 0;
	}

	.copy .save-me {
		height: 19px;
		width: 15px;
	}

	#endless-scroll .article-block .copy .body .title .h4 a{
		font-family: '96Sans-Regular', 'Helvetica', 'Arial', sans-serif;
		font-size: 2.5rem;
		line-height: 3.2rem;
	}
	#endless-scroll .copy .categories,#endless-scroll .copy .reading-time{
		font-size: 1.4rem;
	}

	.article-block .image a {
		height: 120px;
	}

	/* Homepage Campaign section */
	.section-campaign {
		padding-bottom: 2.5rem;
	}

	.section-campaign .col-md-6.text-md-right {
		padding-left: 0px;
		padding-right: 0px;
	}

	.section-campaign .fold {
		background-position-x: 0px;
		background-size: cover;
		float: none;
		height: 60vw;
		margin-bottom: 0;
		max-width: unset;
		width: 100%;
	}

	.section-campaign h3 {
		font-size: 2.4rem;
		margin: 0;
	}

	.section-campaign h2 {
		font-size: 1.4rem;
		margin: 20px 0;
	}

	.campaign-details p {
		font-size: 1.6rem;
	}

	.campaign-details .read-more {
		font-size: 1.2rem;
	}

	/* Category Pages */
	.category .header{
		margin: -150px 0 0 0;
	}
	.category .header .title{
		font-size: 2rem;
	}
	.category .header .cat-icon{
		margin-right: 10px;
		width: 16px !important;
	}
	.category .header .tagline{
		font-size: 2.8rem;
	}
	.category .article-container{
		margin: 0;
	}

	/* Article */
	.hero {
		height: calc(50vh - 140px)
	}
	.author-bio .image {
		border-radius: 50%;
		height: 100px;
		margin-right: 15px;
		width: 100px;
	}
	.author-name-desc {
		margin-left: 0;
		margin-top: 125px;
	}
	.no-flow {
		margin-left: 115px;
	}

	/* 404 */
	#four04 {
		margin: 5vh auto;
	}
	#four04 h2 {
		font-size: 2rem;
		max-width: 80vw;
	}
}

@media screen and (max-width: 991px) {

	.mobile-nav-active {
		display: none;
	}

}

@media screen and (max-width: 576px) {
	.h1b{
		font-weight: 500;
	}
	
	/* end homepage styles */
	.tax-ll_campaign .pg-title{
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	
	#four04{
		font-size: 3rem;
	}


	.page-template-page-policy .article .body.container{
		padding-top: 4rem;
	}
}

@media only screen and (min-width: 576px) {
	.article .body.container {
		padding: 4rem 10em;
	}
}

@media only screen and (min-width: 992px) {
	body:not(.home) .navbar {
		background-color: #fff !important;
		box-shadow: 0 5px 5px rgba(0,0,0,0.15);
	}

	.navbar-toggler,
	.mobile-nav {
		display: none;
	}

	.navbar-slim .navbar {
		top: 0;
		left: 0;
		right: 0;
		z-index: 1000;
	}

	.navbar {
		/*background-color: transparent;*/
	}

	.action-menu.fixed-top {
		top: auto;
	}

	/* body:not(.single) .action-menu ul {
		margin-top: 5px;
	} */

	.navbar-toggler,
	.mobile-nav {
		display: none;
	}

	.navbar-slim .navbar {
		top: 0;
		left: 0;
		right: 0;
		z-index: 1000;
	}

	.navbar {
		/*background-color: transparent;*/
	}

	.action-menu.fixed-top {
		top: auto;
	}

	.nav-link::after{
		content: '';
		display: block;
		height: 1px;
		width: 100%;
	}


	.action-box.share .action-box-wrap {
		padding: 1.5rem 3.5rem !important;
	}

	.category-on-the-road .nav li:nth-of-type(1) a:nth-child(1)::after,
	.nav li:nth-of-type(1) a:hover::after {
		background: #bd4ec4;
	}

	.category-household  .nav li:nth-of-type(2) a:nth-child(1)::after,
	.nav li:nth-of-type(2) a:hover::after {
		background: #d41659;
	}

	.category-adventure .nav li:nth-of-type(3) a:nth-child(1)::after,
	.nav li:nth-of-type(3) a:hover::after {
		background: #ff8a39;
	}

	.category-turning-points  .nav li:nth-of-type(4) a:nth-child(1)::after,
	.nav li:nth-of-type(4) a:hover::after {
		background: #08caa9;
	}
}

@media only screen and (max-width: 991px) {
	
	a.navbar-brand {
		width:100%;
		max-width:30px;
	}
	.navbar-brand {
		margin: 0;
		padding: 15px 0;
	}
	/* Homepage */
	#mma .h1 {
		font-size: 2.6rem;
		padding-bottom: 0;
	}

	#mma p { 
		line-height: 2.3rem;
	}

	.slide-item{ 
		width: 100%;
	}

	.slide-item-bg {
		background-position: center center;
		height: 50vh;
	}

	.slide-inner :nth-child(1) .slide-item-bg {
		background-position: center top;
	}

	.slide-inner :nth-child(3) .slide-item-bg {
		background-position: right center;
	}

	.slide-text {
		background: #fff;
		bottom: 0;
		left: 0;
		padding: 4rem 2rem 85px 2rem;
		position: relative;
		transform: translateY(-30%);
	}

	.slide-text a{
		color: #000;
		font-family: '96Sans-Regular', 'Helvetica', 'Arial', sans-serif;
		font-size: 1.5rem;
	}

	.slide-text h1 br {
		display: none;
	}

	.slide-item.active hr {
		display: block !important;
	}

	.slide-item hr {
		border: none;
		height: 3px;
		margin-top: 4rem;
		width: 50px;
	}

	#mma-pause {
		display: none;
	}
	
	.slide-controller {
		height: 0;
		left: calc(50% - 60px);
		padding-left: 0;
		position: relative;
		top: -10rem;
		width: 120px;
		z-index: 1000;
	}

	.slide-btn{
		height: 40px;
		width: 30px;
	}

	.slide-btn p,
	.slide-btn .h3{
		opacity: 0;
	}

	.slide-btn .link{
		opacity: 1;
		text-align: center;
	}

	.slide-btn .dot {
		border-radius: 100px;
		background: #757575;
		color: transparent;
		display: inline-block;
		height: 8px;
		margin-left: -5px;
		text-align: center;
		vertical-align: middle;
		width: 8px;
	}

	.slide-btn :not(.dot) {
		display: none;
	}

	.slide-btn:hover,
	.slide-btn.active,
	.slide-btn:hover g,
	.slide-btn.active g,
	.categories .road g {
		border-top-color: transparent !important;
	}

	.slide-btn:active[data-cat="road"] .dot,
	.slide-btn.active[data-cat="road"] .dot,
	.slide-item:nth-of-type(1) hr{
		background: #bd4ec4;
	}

	.slide-btn:active[data-cat="house"] .dot,
	.slide-btn.active[data-cat="house"] .dot,
	.slide-item:nth-of-type(2) hr{
		background: #d41659;
	}

	.slide-btn:active[data-cat="adventure"] .dot,
	.slide-btn.active[data-cat="adventure"] .dot,
	.slide-item:nth-of-type(3) hr{
		background: #ff8a39;
	}

	.slide-btn:active[data-cat="turning"] .dot,
	.slide-btn.active[data-cat="turning"] .dot,
	.slide-item:nth-of-type(4) hr{
		background: #08caa9;
	}

	.slide-btn:hover .hovertext{
		opacity: 0;
	}

	.slide-controller-mobile {
		bottom: 7rem;
		height: 0;
		justify-content: space-between;
		margin: -75px auto 1rem auto;
		padding: 0;
		position: relative;
		width: 300px;
		z-index: 1000;
	}
	.hovertext{
		display: none;
	}

	.scrollmeter-container {
		background-color: transparent;
		bottom: auto;
		position: fixed;
		top: 0;
	}

	.article .body.container {
		margin: -40px auto 0;
		width: 95%;
	}
	.action-menu {
		box-shadow: 0 0 0px 0px #000;
		background: transparent;
		z-index: 1002;
	}
	.action-menu li {
		display: flex;
		padding: 2px;
	}
	.action-menu li svg {
		/* margin: 5px 10px 0; */
		margin: auto;
	}

	.category .action-menu li svg {
		margin: 0;
	}

	.action-menu li a[data-action-box="bookmark"] svg {
		margin-top: 0;
	}
	
	.action-menu.fixed-top {
		margin-left: 0!important;
		right: 125px;
		text-align: center;
		top: -200px!important;
		width: auto;;
		z-index: 1000;
		height: 85px;
		background:transparent;
		 flex-flow: column;
		justify-content: space-around;
}
	
		.action-menu.fixed-top.fixe-top {
			margin-right: 10px;
			top: -10px!important;
			z-index: 1002;
		
}

	.action-box.share li:first-child svg,
	.action-box.share li:not(:last-child) svg,
	.action-box.share li:last-child svg {
		margin: 0;
	}

	.action-link {
		margin: auto;
	}
	
	.mobile-modal .action-link {
		padding: 8px 8px !important;
		margin: auto;
	}
	.action-menu li:first-child:last-child .action-link {	/*P only*/
		padding: 5px 5px !important;
	}
	.action-menu li svg {
		margin: auto;
		width: 21px;
		height: 21px;
	}

	/* .action-menu li a[data-action-box="share"] svg {
		margin-bottom: 0;
	} */

	.desktop-nav,
	.homepage .action-menu li:nth-child(3),
	.homepage .action-menu li:nth-child(4) {
		display: none;
	}

	.navbar-slim .navbar:not(.active) .navbar-toggler {
		    z-index: 10009;
			position: relative;
			top: 0;
	}

	.action-menu.fixed-top,
	.navbar-slim .navbar:not(.active) .navbar-toggler.fixed-top {
		margin-left: 55px;
		top: 8px;
		z-index: 1002;
	}

	.navbar.show-links {
		background-color: transparent;
	}

	.navbar-slim .navbar:not(.active) .navbar-toggler,
	.homepage .navbar:not(.active) .navbar-toggler {
		background-color: #fff;
		padding: 0;
	}

	.navbar-slim .action-menu {
		
	}
	

	.action-menu.fixed-top li {
		padding: 10px 8px;
	}
	
	.action-menu-quote {
		display:inline-flex;
		float:right;
		margin-top: 8px;
	}
	
	body:is(.single) s.action-menu-quote {
		margin-top: 16px;
		
	}
	
	body:is(.single.navbar-slim) .mobile-ll-bar .action-box.quote .action-box-wrap {
		min-width: 305px;
		right: -70px;
		top: 0px;
		position: absolute;
	}
	
	body:is(.navbar-slim) .mobile-ll-bar .action-box.quote .action-box-wrap {
		min-width: 305px;
		right:-70px;
		top: 0px;
		position: absolute;
	}
	
	body:not(.single) .action-menu {
		margin-top: 16px;
		
	}
	.action-menu ul {
		display:flex;
		float: right;
		right: 0;
		position: absolute;
		padding-right: 10px;
		align-items: baseline;
	
	}
	.action-menu li {
		border-bottom: none !important;
	
	}

	.action-menu li:not(:last-child) {
		border-right: 0px solid #000;
	}

	.action-menu .action-box {
		
	}



	.mobile-ll-bar .action-box.quote .action-box-wrap {
		min-width: 305px;
		right: -70px;
		top: 15px;
		position: absolute;

	}
	
	
	
	.action-box.share .action-box-wrap {
		position: absolute;
		left: -20px;
    	top: -10px;
		min-height: 180px;
		width: 80px;
		z-index: 2;

	}
	
	.action-box.share ul {
		padding-right: 30px;
	}
	
	.show-links .action-box {
		top: 65px;
	}

	

	.action-box-wrap:after {
		border-width: 0 14px 14px 14px;
		border-color: transparent transparent #fff transparent;
	}
	
	.action-box-wrap:after {	
		top: -8px;
		right: 74px;
		z-index: 1001;
		border-left: 14px solid transparent;
		border-right: 14px solid transparent;
		border-top: 14px solid #fff;
		height: 22px;
		bottom: -12px!important;
		width: 0;
		background: white;
		transform: rotate(45deg);
	}

	 
	.action-box:before {
		box-shadow: 0 0 10px rgb(0 0 0 / 25%);
		display: block;
		height: 20px;
		right: -30px;
		bottom: -60px!important;    
		transform: rotate(45deg);
		width: 20px;
		z-index: -1;
	}



	.action-box.share ul {
		clear: both;
		flex-direction: column;
	}

	.action-box.share li {
		border: none;
		float: left;
		width: 25%;
	}

	/* body:not(.page-template-page-saved-articles .tax-ll_campaign) .action-menu li svg {
		margin: 5px 10px 0;
	} */

	body:not(.single) .action-menu li svg {
		margin: 0 !important;
	}

	h1,
	.h1:not(.explore-our-prods) {
		font-size: 3rem;
		line-height: 1.25em;
	}

	h3 {
		font-size: 1.8rem;
		line-height: 1.4em;
		margin: 20px 0;
	}

	p,
	.articleBody ul,
	.articleBody td {
		font-size: 1.6rem;
		line-height: 1.8em;
	}
	.articleBody td {
		line-height: 1.4em;
	}

	.section-campaign .col-md-6.text-md-right {
		padding-left: 0px;
	}

	.page-template-page-policy .article .body.container{
		padding-top: 10rem;
	}
}

.nav-util {
	background-color: #f3f3f3;
	bottom: 0;
	position: fixed;
}

.mobile-wrap .nav-item {
	display: block;
	width: 100%;
}

.navbar.active .navbar-brand,
.navbar.active .navbar-toggler {
	position: fixed;
	z-index: 1;
}

@media only screen and (min-height: 815px) {
	.navbar.active {
		bottom: auto;
		padding-bottom: 10px;
	}

	.show .mobile-wrap,
	.collapsing .mobile-wrap {
		position: relative;
		top: 0;
	}

	.nav-util {
	}
	
	
}


@media only screen and (max-width: 767px) {
	.external-link {
		right: 0;
		top: 0px;
	}
	
}

@media only screen and (max-height: 550px) {
	.slide-text {
		transform: translateY(-20%);
	}

	.slide-controller-mobile {
		margin-top: -50px;
	}
	
/*
	.get-quote {
		display:block;
	}
*/
}

@media only screen and (max-height: 550px) and (max-width: 991px) {
	#homepage-title {
		transform: translateY(48%);
	}
}

@media only screen and (max-width: 550px) {
	.slide-item-bg {
		background-size: cover;
	}

	.rating button .button-wrapper .button-type {
		font-size: 1.4rem;
		margin-left: 7px;
	}
}

@media only screen and (max-width: 400px) {
	.article-block .categories a {
		margin-right: 5px;
		padding-right: 7px;
	}

	.article-block .copy .reading-time {
		margin-right: 12px;
	}

	.article-container-wrap .save-me {
		top: 1px;
		right: -5px;
	}
	

}

@media only screen and (max-width: 374px) {
	.article-container .article-block .reading-time {
		display: none;
	}
	
	.get-quote {
		display: none;
	}

	.categories a {
		border: none;
	}

	.indicator-arrows,
	.slide-controller-mobile {
		width: unset;
	}

	.slide-controller-mobile {
		padding: 0 40px;
	}
	
	
}

@media only screen and (max-height: 350px) and (max-width: 991px) {
	.slide-item-bg {
		background-size: cover;
	}
}

@media only screen and (min-width: 1200px){
	/* Fix carousel image height on excessive browser width  */
	#endless-scroll .image, #endless-scroll .image a{
		height: 25vw;
	}
}

@media screen and (-ms-high-contrast: active) {
	svg,
	.slide-btn svg,
	footer button svg,
	.logo-text {
		fill: #fff;
	}
}

@media screen and (-ms-high-contrast: black-on-white) {
	svg,
	.slide-btn svg,
	.logo-text,
	.button-wrapper .thumbsup-svg svg,
	.button-wrapper .thumbsdown-svg svg {
		fill: #000;
	}
}

/* .save-articles,
.save-me,
#ajax-load-more {
	display: none;
} */

/* body:not(.home) .action-menu :not(.share) li:nth-child(2) {
	border-bottom: none;
	
} */

/* .action-menu li a[data-action-box="share"] svg {
	margin-bottom: 0;
} */

/* BOTTOM CTA */

.bottom-cta {
	background: #fff;
	text-align: center;
	margin-bottom: 6rem;
    margin-top: 3rem;
}

.bottom-cta .input-group {
	text-align: center;
}

.btn-lg svg {
	margin-bottom: -1px;
}



.mobile-modal {
	color: #1178B1;
	padding: 0px 10px;
    font-size: 14px;
    display: inline-block;
	font-family: '96Sans-Medium', 'Helvetica', 'Arial', sans-serif;

}

.desktop-modal {
}

@media only screen and (max-width: 991px) {
	
	
	
}

.homepage .action-menu {
}

.category .action-menu {
}

.homepage .action-menu-quote {

}

.category .desktop-nav .action-menu .action-box {
   
}


.action-link:hover {
	text-decoration: none;
}

.capitalize {
	text-transform: capitalize!important;
}


.quote-flo {
	background-image: url('assets/images/quote_flo.jpg')
}



.mobile-h3 .nav-link::before {
	transition: height .35s,width .35s,bottom .35s;
     top: 10px;
    left: -25px;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    width: 2rem;
	transform: rotate(-90deg) skewY(25deg);
}


.mobile-nav #explore::before {
	background: #e4b9e4;
	background: -webkit-linear-gradient(335deg, #e4b9e4 0%, #8fd8f2 100%);
	background: -o-linear-gradient(335deg, #e4b9e4 0%, #8fd8f2 100%);
	background: linear-gradient(65deg, #e4b9e4 0%, #8fd8f2 100%);
}

.mobile-nav #claims::before {
	background: #8fd8f2;
    background: -webkit-linear-gradient(335deg, #8fd8f2 0%, #bdefe6 100%);
    background: -o-linear-gradient(335deg, #8fd8f2 0%, #bdefe6 100%);
    background: linear-gradient(65deg, #8fd8f2 0%, #bdefe6 100%);
}

.mobile-nav #about::before {
background: #ffcfde;
    background: -webkit-linear-gradient(335deg, #ffcfde 0%, #ffcc8f 100%);
    background: -o-linear-gradient(335deg, #ffcfde 0%, #ffcc8f 100%);
    background: linear-gradient(65deg, #ffcfde 0%, #ffcc8f 100%);
}

.mobile-nav #resources::before {
    background: #ffcfde;
    background: -webkit-linear-gradient(335deg, #ffcfde 0%, #e4b9e4 100%);
    background: -o-linear-gradient(335deg, #ffcfde 0%, #e4b9e4 100%);
    background: linear-gradient(65deg, #ffcfde 0%, #e4b9e4 100%);
}





.header{
    border-bottom: 1px solid #E2E8F0;
}

.navbar {
 
}

.hamburger {
    display: none;
}

.bar {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #101010;
}

.nav-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-item {
}

.nav-link{
    font-size: 1.6rem;
    font-weight: 400;
    color: #475569;
}

.nav-link:hover{
    color: #482ff7;
}

.nav-logo {
    font-size: 2.1rem;
    font-weight: 500;
    color: #482ff7;
}


@media only screen and (max-width: 991px) {
    .nav-menu {
		display: block;
        position: fixed;
        display:none;
        top: 0rem;
        flex-direction: column;
        background-color: #fff;
        width: 100%;
        text-align: center;
     
        box-shadow:
            0 10px 27px rgba(0, 0, 0, 0.05);
    }

    .nav-menu.active {
        display: block;
		left: 0;
    }

    .nav-item {
        margin: 1.5rem 0;
    }

    .hamburger {
        display: block;
        cursor: pointer;
		padding: 1px;
    }
	
	.hamburger.active {
	
	}
	
	.hamburger .ham-close {
		display:none;
	}
	
	.hamburger.active .ham-close {
		display: block;
		position: fixed;
		z-index: 1;
		top: 12px;
		height: 45px;    
		width: 75px;
		line-height: 1;
		right: 0;
		font-size: 4em;
		text-transform: lowercase;
		padding: 0 6px;
	}
	
	.mobile-menu-text {
		text-transform: uppercase;
    	font-weight: 900;
    	text-align: left;
    	padding: 25px 50px 10px 25px;
    	font-size: 1.6rem;
    	letter-spacing: .5px;
	}


}

   .hamburger {
        cursor: pointer;
		
    }

@media only screen and (max-width: 400px) {
	.mob-nav .mobile-logo {
	width: 100%;
    max-width: 112px;
}
	
}

@media only screen and (max-width: 350px) {
	.navbar-toggler.collapsed {
		width: 55px;
		left: 4px;
	}
	.action-menu.fixed-top li {
		padding: 10px 5px;
	}
	
}


/*Style for the first level menu bar*/
.logo-ll-text {
	margin-left: 10px!important; 
	line-height: 2;
	margin-top: 3px;
	font-size: 1.25rem;
    font-family: '96Sans-Medium', 'Helvetica', 'Arial', sans-serif;
}
ul#mobile-ll-menu{
 	 margin: 0;
	padding: 0;
}

#mobile-ll-menu .logo-text {
	position: absolute;
}

ul#mobile-ll-menu > li{
  float:left;
  list-style-type:none;
  position:relative;
}

label{
  position:relative;
  display:block;
  line-height:3em;
  cursor:pointer;
}

#ll-mobile-label {
	display: inline-flex;
	align-items: center;
}

.lifelanes-trigger[aria-expanded="false"] #ll-mobile-label:after{
	content:"";
	position: relative;
	top: 2px;
	left: 4px;
	display: inline-block;
	content: ' ';
	background-image: url('assets/images/icons/menu-arrow.svg');
	background-size: 8px 8px;
	height: 8px;
	width: 8px;
	transform: rotate(0deg);
	transition: ease .5s;
  }


.lifelanes-trigger[aria-expanded="true"] #ll-mobile-label:after{
	content:"";
	position: relative;
	top: 2px;
	left: 4px;
	display: inline-block;
	content: ' ';
	background-image: url('assets/images/icons/menu-arrow.svg');
	background-size: 8px 8px;
	height: 8px;
	width: 8px;
	transform: rotate(-180deg);
  	transition: ease .5s!important;

 }

label:hover,
input:checked ~ label{
	
}

input:checked ~ #ll-mobile-label:after{
transform: rotate(-180deg);
  transition:ease .15;
}


#checkbox {
  display: none;
}

.square {
  transition: all 0.75s 0.25s;
   transform: rotate(-180deg);
}




/*show the second levele menu of the selected voice*/
input:checked ~ ul.submenu{
  max-height:490px;
  transition:max-height 0.5s ease-in;
}

input:checked .logo-ll-text .arrow {
  transform: rotate(270deg);
	margin-left: 4px;
}

#ll-dropdown-menu ~ label i {
  transition: all ease-in-out .3s;
}

#ll-dropdown-menu:checked ~ label i {
  transform: rotate(-180deg);
}

.logo-ll-text .arrow {
 transition: all ease-in-out .3s;

}

.input:checked ~ .arrow {
	  transform: rotate(-180deg);

}

/*style for the second level menu*/
ul.submenu{
	  padding:0;
	  overflow:hidden;
	  list-style-type:none;
	  background:#F3F3F3;
	  box-shadow:0 0 1px rgba(0,0,0,.3);
	  transition:max-height 0.5s ease-out;
	  position:absolute;
	  right: 0;
	  left: 0;
	  top: 100px;
}

.show-links ul.submenu {
	top: 48px;
}

ul.submenu .nav-item .nav-link p {
	font-size: 1.5rem;
    font-family: '96Sans-Medium', 'Helvetica', 'Arial', sans-serif !important;
    line-height: normal;
	display: inline-block;
	letter-spacing: .38px;
}

ul.submenu .nav-item .nav-link svg {
	display: inline-block;
	margin-right: 10px;
	max-height: 11px;
}

.align-together {
	display: flex;
	align-items: center;
}

ul.submenu .nav-item .nav-link .nav-text {
	font-size: 1.2rem;
    font-family: '96Sans-Regular', 'Helvetica', 'Arial', sans-serif !important;
    line-height: normal;
	display: block;
	margin-top: 7px;
}

ul.submenu .nav-item .nav-link {
	text-transform: none;
	padding-bottom: 20px;
}

ul.submenu .nav-item {
	padding: 0 30px 5px 30px;
}

.submenu .nav-util {
	position: relative;
}

.submenu .nav-util svg {
	max-width: 13px;
	margin-right: 10px;
}

.submenu .nav-util .border-top a {
	display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
}

ul.submenu li a{
  display:block;
  padding:12px;
  color:#2D2D2D;
  text-decoration:none;
  white-space:nowrap;
}

ul.submenu li a:hover{

}


.lifelanes-mobile-toggle {
	list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
	width: 100%;
    justify-content: space-between;
	align-items: center;
}

.lifelanes-mobile-toggle h3 {
  margin: 0;
  padding: 0;
}

.lifelanes-mobile-toggle:focus-within {
}

.lifelanes-mobile-toggle:focus-within h3 {

}

.lifelanes-mobile-toggle > * + * {

}

.lifelanes-trigger {
  outline: none;
	background: none;
}

.lifelanes-trigger:focus,
.lifelanes-trigger:hover {
  background: none;
	border: none;
}

.lifelanes-trigger:focus {
  outline: 5px auto -webkit-focus-ring-color;
}



.lifelanes-mobile-toggle button::-moz-focus-inner {
  border: 0;
}


.lifelanes-trigger:focus .accordion-title {
  border-color: hsl(216deg 94% 43%);
}


.lifelanes-trigger[aria-expanded="true"] .accordion-icon {
  transform: translateY(-50%) rotate(-135deg);
}

.lifelanes-menu-panel {
  margin: 0;
  padding: 1em 1.5em;
	  transition: all .5s ease-in-out;
}

/* For Edge bug https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4806035/ */
.lifelanes-menu-panel[hidden] {
  display: none;
	  transition: all .5s ease-in-out;
}

.lifelanes-mobile-toggle button {
	border: none;
	margin: 0;
	padding: 0;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-menu {
	border: 0px solid #000;
}


.dropdown-menu.show {
	display: block!important;
    width: 100%;
    left: 0;
    right: 0;
    padding: 0;
}

.dropdown-toggle {
  position: relative;
  padding-right: 2rem;
}


.dropdown-menu {
  display: none;
}

.dropdown-on > .dropdown-menu {
  display: block;
}
