h1, h2, h3, h4, h5, h6, p, a {
	font-family: 'Open Sans', sans-serif;
	letter-spacing: .025em;
}
li a span {
	color: #0e9af1;
	font-weight: 500!important;
}
ol li {
	list-style: decimal;
	ol li {
		list-style: lower-alpha;
	}
}
a { 
	color: #165cdc;
}
a strong {
	font-weight: normal;
}

input[type='text'],
input[type='number'],
textarea {
  font-size: 16px;
}
#search-home .search-group input::placeholder {
	color: #b3b3b3;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #6b4ed8;
  -webkit-text-fill-color: #1d1b2f;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

body {
	// lighter 
// 	background: #fbfbfb !important;
	// darker 
	background: #fff!important;
	&.home {
		background: #fff!important;
	}
	&.search.search-no-results {
		background: #0b1828 !important;
		#primary.container {
			padding: 80px 0;
		}
	}
}
.container {
	max-width: 1020px !important;
}
.color-wrap {
	background:#fff;

	&.home {
		background: #f8f8fb;
		padding-top: 80px;
	}
}
header {
	width: 100%;
	background:transparent;
	position: absolute;
	z-index:9;
	
	.navbar {
		justify-content: space-between;
		max-width: 1030px;
		margin: 0 auto;
	}
	.main-nav {
	}
}
.img-wrapper {
	overflow: hidden;
}

#nav {
	padding: 20px 20px 20px 20px;
    color: #1d1b2f;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #ededed;
    position: fixed;
    z-index: 99999;
    
	a {
		color :#1d1b2f;
		display: inline-block;
		padding: 0 10px;
		font-weight: 500;
		font-size: 15px;
	}
	.newsletter {
		color: #165cdc;
	}

	a.site-title {
		width: 90px;
	}
	a.support-home-link {
		&.active {
			text-decoration: underline;
		}
		&:hover {
			text-decoration: underline;
		}
	}
	.desktop-nav {
		display: inline-block;
	} 
	.download-button {
		display: inline-block;
		font-size: 14px;
		padding: 12px 40px;
		border-radius: 5px;
		transition: 0.1s all;
		color: #fff;
		margin-left: 20px;
		background: #0e9af1;

	    &:hover {
		    background: rgb(13, 122, 189);
		    color: #fff;
			transition: 0.1s all;
			text-decoration: none;
	    }
	}
	.nav-items {
		float: none;
		//padding-left: 20px;
		// until we get the newsletter button back in
		position: relative;
		left: -20px;
		
		.active {
			text-decoration: underline;
		}
	}
	.close-search {
	    color: #000;
	    font-size: 22px;
	    position: absolute;
	    right: 12px;
	    cursor: pointer;
	    display: block;
	    z-index: 9999;
	    top: 4px;
	}	
	.search-group.topbar {
		height: 100%;
		display: none;
		
		input {
			height: 100%;
			width: 280px;
			background: none;
			border: 1px solid rgba(255,255,255,.5);
			border-radius: 5px;
			padding-left: 40px;

			&:active,
			&:focus  {
				border-color: #fff;
				
				i.fa.fa-search {
					color:#fff!important;
				}
			}
		}
		&.active {
			display: block;
			z-index: 999;
			position: absolute;
			left: 0;
			width: 100%;
			background: #fff;
			height: 42px;
			border-radius: 5px;
			transition: 0s all;
			top: 0;

			.fa.fa-search {
				color :#000!important;
			}
		}
		form { 
			height: 100%;
			
			input {
				height: 100%;
			}
			.input-group {
				height: 100%;
			}
		}
		.input-group-btn {
			position: absolute;
			z-index:99999;
			left: 0;
			top: 6px;
			
			i {
				font-size: 17px;
				color: #0d0d0d;
			}
		}

	}
	.mobile-nav-primary {
		display: none;
	}
}



.mylio-ad {
// 	background: radial-gradient(circle,rgba(43,44,64,1) 0%,rgba(20,20,27,1) 50%);

	//background: #f8f8fb;
	background: #fff;
	border: 1px solid #e4e4e4;
	padding: 0 0 0 0;
	border-radius: 10px;
	width: 100%; 
	height: auto; 
	margin: 40px 20px;
	text-align: center;
	
	br {
		display: none;
	}
	.col-4 {
		margin: 0!important;
		padding: 0;
		img {
			positin: relative;
			left: 20px;
		}
	}
	h4 {
		font-size: 28px;
		font-style: normal;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: 0em;
// 		color: rgb(255,255,255);
	}
	p {
		font-size: 16px;
		line-height: 22px;
		margin: 0;
		color: #3f3f3f;
		padding-bottom: 20px;
	}
	img {
		width: 100%;
		text-align: center;
		padding-top: 30px;
	}
	.text {
	    padding: 15px 80px;
	}

	.download-button {
		display: inline-block;
		padding: 7px 40px;
		border-radius: 5px;
		transition: 0.1s all;
		color: #fff;
		margin-left: 20px;
		background: #0e9af1;
		
	    &:hover {
		    background: rgb(13, 122, 189);
		    color: #fff;
			transition: 0.1s all;
			text-decoration: none;
	    }
	}
	
}


#search-home {
	
    margin: 0 auto;
    padding: 130px 0 0;
    background-color: #f8f8fb;
    background-size: cover;    
    height: 510px;
    text-align: center;
    position: relative;
    z-index: 1;
	
	&.home {
	    //background: url('/wp-content/uploads/2021/05/camera-guy.jpg'); 
	    background: url('/wp-content/uploads-webpc/uploads/2021/06/shot-on-hero-1024x512.jpg.webp');
	    background-size: cover;
	    height: 510px;
	    
	    p, h1 {
		    color: #fff;
		    max-width: 820px;
		    margin: 0 auto;		    
	    }
	    p {
		    margin-bottom: 40px;
	    }
	}
	
	&.cats {
		height: 340px;
		
		h1,p {
			color: #212529;
		}
	}
	&.inner {
		text-align: left;
		padding: 85px 0 50px 0;
		min-height: 300px;

		
		h1 {
			border-bottom: none;
			font-size: 45px;
		}
		p {
			margin-bottom: 0;
		}
	}
	&.navigation {
	
		padding: 100px 0 0;
		margin-bottom: 0px;
		height: 274px;
		
		h1 {
			position: relative;			
		}
	}
	&.search-results {
	    padding: 122px 0 0;
	    background: #0b1828 !important;
	    height: 324px;
	    margin-bottom: 20px;
		
		.search-group {
			max-width: 878px;
		}

		p {
		    margin: 0px 0 15px 0;
		    text-align: left;
		    font-size: 26px;
		    font-weight: 600;
		    
		    span {
			    color: #6b4ed8;
		    }
		}
		.search-group {
			position:relative;
			top: 30px;
		}
		.category-navigation {
			bottom: -75px;
		}
	}
	.overlay {
	    z-index: 9;
	    position: absolute;
	    width: 100%;
	    height: 430px;
	    background: rgba(0,0,0,.6);
	    top: 80px;
	}
	.content-upper {
		z-index: 10;
		position: relative;
	}
	.content-area {
		padding: 30px 15px 20px 15px;
	}
	 
	h1 {
	    color: #fff;
		margin: 0;
		font-weight: 600;
		font-size: 55px;
		padding: 15px 0;
		padding-bottom: 10px;

	}
	p {
	    color: #fff;
		font-size: 20px;
		font-weight: 500;
		margin-bottom: 2em;
		
	}
	.byline {
		display: inline-block;
		padding-bottom: 10px;
		margin-bottom: 0;
		font-size: 16px!important;
		a {
			color: #1d1b2f;
			text-decoration: underline;
		}
		
	}
	.search-group {
		margin: 0 auto;
		max-width: 588px;
		&.nav {
			max-width: 300px;
		}
		
		input {
			width: 100%;
			height: 52px;
			border-radius: 5px;
			padding-left: 50px;
			font-size: 18px;
			background: #fff;
			color: #1d1b2f;
			&:focus,
			&:active {
				.input-group-btn i {
					color: #1d1b2f;
				}
			}
		}
		.input-group-btn {
			top: -44px;
			position: relative;
			z-index:99999;
			
			
			i {
				font-size: 18x;
				color: #0d0d0d;
			}
		}
	}
	.category-navigation {
		bottom: -69px;
		position: relative;
		margin: 0 auto;
		width: 100%;
		cursor: pointer;	

		a.tab {
			border-radius: 5px 5px 0 0;
		    background: none;
		    display: inline-block;
		    font-size: 16px;
		    padding-bottom: 15px;
		    color: #fff;
		    padding: 10px 25px;
		    transition: .1s all;
		    text-decoration: none;
		    font-weight: 600;
			
			&.active {
				background: #fff;
				color: #000;
				&:hover {
					background: #fff;
				}
			}
			&:hover {
				background: rgba(255,255,255,.3);
			}
		}

	}
}
#home-buttons {
	position: relative;
	padding-bottom: 40px;
	border-bottom: 1px solid #e4e4e4;
	[class^="col"]{
		margin: 15px;
	}
	.row {
		position: relative;
	}
	.col-4 {
		padding: 0;
	}
	.col-4.item {
		background: #f8f8fb;
		padding: 0 0 0 0;
		border-radius: 5px;
		position: relative!important;
		top: 0;
		transition: .2s all;
		border: 1px solid #ddd;
		
		img {
			//height: 215px;
			position: relative;
			//right: 55%;
			//max-width: none;
			width: 100%;
			transition: .2s all;
			border-radius: 5px 5px 0 0;
			opacity: 1;	
		}
		
		&:hover {
			background: #fff;
			//top: -2px; 
		    transition: .2s all;
		    box-shadow: 0 3px 10px 0 rgba(0,0,0,.10);
		    position: relative;
		    z-index: 999;
			text-decoration: none;

			a, p, h3 {
				text-decoration: none;
			}
			h3 {
				color: #0e9af1;
			}
			img {
				opacity: .9;
				transition: .2s all;
				-webkit-transform: translateZ(0);
			}
		}
	}
	
	.row.featured {
		background: #f8f8fb;
		padding: 0 0 0 0;
		border-radius: 5px;
		position: relative!important;
		transition: .2s all;
		top: 0;
		border: 1px solid #ddd;
		margin: 0 0 40px 0;
		
		.col-4 {
			margin: 0 15px 0 0;
			
			div {
				
			}
		}
		.col-8 {
			padding-left: 0;
			margin: 30px 15px 15px 15px;
		}
		
		a {
			display: flex;
		}

		p {
			font-size: 18px;
			line-height: 26px;
		}
		h3 {
			font-size: 24px;
			line-height: 32px;
			font-weight: 500;
			margin: 0 0 15px 0;			
		}
		img {
			transition: .2s all;
			border-radius: 5px 0 0 5px;
		}
		
		&:hover {
			background: #fff;
			//top: -2px; 
		    transition: .2s all;
		    background-color: #fff;
		    box-shadow: 0 3px 10px 0 rgba(0,0,0,.10);
		    position: relative;
		    z-index: 999;
// 		    box-shadow: 0 4px 3px rgba(0,0,0,0.15);
			text-decoration: none;

			a, p, h3 {
				text-decoration: none;
			}
			.more {
				color: #0e9af1;
			}
			h3 {
				color: #0e9af1;
			}
			img {
				opacity: .9;
				-webkit-transform: translateZ(0);
				transition: .2s all;
			}
			
		}
		
	}



	
	article {
		border-radius: 0px;
		text-align: left;
		padding: 0;
	}
	.content-wrap {
		margin: 0 auto;
		text-align: left;
	}	
	img {
		width: 100%;
	}
	
	.text {
		//padding: 24px;
		padding: 30px 20px 30px 20px;
	}
	a.more {
		position: absolute;
		right: 20px;
		top: -37px;
	}
	h2 {
		display: inline-block;
		&:not(:first-of-type) {
			margin-top: 40px;
		}
	}
	h3 {
		font-size: 18px;
		line-height: 24px;
		font-weight: 600;
		margin: 0 0 10px 0;

	}
	h4 {
		width: 100%;
		display: block;
		padding: 0 10%;
	}
	p {
		font-size: 16px;
	    line-height: 24px;
		margin: 0;
		color: #3f3f3f;
		
		&.category {
			font-size: 12px!important;
			text-transform: uppercase;
			padding-bottom: 5px;
			letter-spacing: .1em;
			font-weight: 600;
			color: #7c7c7c;
		}
	}
	.post.hentry {
		margin-bottom: 0;
	}
	
	.col-12 {
		max-width: 98.666667%;

	}
	.col-8 {
		max-width: 64.6666667%;
	}
	.col-6 {
		max-width: 46.666667%;
	}
	.col-3,
	.col-4 {
		max-width: 30%;
	}
	.col-3 {
		max-width: 23%;
	}
	&.related {
		margin-top: 40px;
		padding-top: 40px;
		border-top: 1px solid #e4e4e4;
		.col-10 {
			display: flex;
		}
	}

}

#featured-articles,
#misc  {
	padding: 40px 0;
	background: #fff;
	
	h3 {
		text-align: center;
		font-size: 21px;
		padding-bottom: 15px;
	}
	a { 
		color: #006b93;
		display: block;
		padding-bottom: 5px;
	}
}

#misc {
	background: #f8f8fb;
}
footer {
	background: #0b1828!important;
	color: #fff;
	min-height: 100px;
	text-align: center;
}


// NAVIGATION PAGES
.navigation-page {
	padding-top: 60px;

    img {
	    width: 35px;
	    margin-right: 5px;
    }
	
	h3 {
	    font-size: 22px;
	    line-height: 25px;
	    padding-bottom: 10px;
	    font-weight: 700;
	}
	
}
.listed-categories {
	padding-left: 30px;
	padding-bottom: 40px;
	margin-bottom: 40px;
	column-count: 2;
	column-gap: 50px;
    border-bottom: 1px solid #ddd;

	&:last-of-type {
		border-bottom: none;
	}

	li {
		list-style: disc;
		display: list-item;
		color: #89898b;
		font-size: 15px!important;
		line-height: 20px;
	}
	a {
		color: #006b93;
		font-weight: 500;
	}	
	
	.left,
	.right {
		width: 100%;
		padding: 0 0px 12px 0;

	}
	.left {
		float: left;
		padding-right: 10px;
	}
	.right {
		float: right;
		position: relative;
	}
}	

#colophon {
	a{
		margin: 0 10px;
		color: #fff!important;
		display: inline-block;
	}
}

// CONTENT PAGES
article {
	overflow: hidden;
}
.content-area {
	padding-top: 60px;
	
	h1.entry-title {
		font-size: 32px;
		font-weight: 600;
		padding-top: 40px;
	}
	a { 
		color: #165cdc;
	}	
	.breadcrumbs {
		a {
			color: #006b93;
			font-size: 14px;
		}
	}

	.blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
	    display: block;
	    align-items: flex-end;
	    justify-content: flex-start;
	}
	
	.entry-content {
		margin: 0;
		p, ul li {
			font-size: 16px;
			line-height: 26px;
		}
		li {
			padding-bottom: 20px;
		}
		img {
			width: 100%;
			margin: 20px 0;
		}
		.alert.note {
			margin-top:15px;
			border-color: #67C2F2;
			background: #e2f5ff;		
		}
		.alert.warning {
			background: #fff6e9;
			border-color: #F0B258;
			margin-top:15px;			
		}
	}
	.responsive-tabs {
		h3 {
			padding-top: 0;
		}
		.responsive-tabs__panel {
			border-color: #aaa;
			position: relative;
			z-index: 1;
			padding: 30px 30px 0;
		}
		.responsive-tabs__list {
			margin: 20px 0 0 0;
		}
		ul {
			padding-left: 0;
		}
		ol li {
			list-style: decimal;
			color: #505050;

			ol li {
				&:first-of-type {
					padding-top: 10px;
				}
				list-style: disc;
				padding-bottom: 5px!important;	
			}
		}
		li {
			padding-bottom: 20px;
			margin-bottom: -1px;
			font-size: 18px;
			line-height: 26px;
			border-radius: 5px 5px 0 0;
			color: #777;
			font-family: 'Open Sans';
			list-style: none;
			
			a span {
				color: #007bff;
			}
			span {
				color: #212529;
			}
			
			&:hover {
				padding-bottom: 20px;
			}
			&.responsive-tabs__list__item {
				background: #f9f9f9;
				z-index: 0;
				position: relative;
				border-color: #ddd;
				max-width: 30%;
				overflow: hidden;
			}
			&.responsive-tabs__list__item--active {
				border-color: #aaa;
				background: #fff;
				z-index: 2;
				position:relative;
				color: #006b93;
			}
		}

	}
	#was-this-helpful {
		display: block;
	    background: none;
	    padding: 30px 0 40px;
	    border-top: 1px solid #dedede;
	    border-bottom: 1px solid #dedede;
	    margin: 60px 0 0px 0;

		
		#wthf-title,
		#wthf-yes-no {
			width: 100%; 
		}
		#wthf-title {
			padding-right: 0;
			padding-bottom: 20px;
			font-size: 18px;
			font-weight: 600;
		}
		#wthf-yes-no span {
			margin-right: 0.4em;
			padding: 10px 20px;
			border: 2px solid #2b8400;
			box-shadow: none;
			border-radius: 5px;
			font-size: 16px;
			color: #2b8400;
			transition: 0.1s all;
			width: 145px;
			display: inline-block;
		    
		    &:hover {
			    background: #2b8400;
			    color: #fff;
		    }
		}
		&.wthf-disabled:after {
		    position: absolute;
		    left: 30%;
		    top: 72px;
			font-size: 18px;
			font-weight: 400;
			transition: .2s all;
		}		
	}
	.prev-or-next-article {
		padding: 40px 0 60px 0;
	}
	
	// Author Box Plugin
	.saboxplugin-wrap {
	    margin: 60px 0;
	    border: none;
	}
	
}


//
.igsv-table {
	tr {
		&:nth-child(even) {
			background: #f7f7f7;	
		}
	}
}

// INDIVIDUAL ARTICLE PAGES
.single-post {
	h2 {
		font-size: 1.75em;
	}
	h2, h3 {
		padding: 10px 0 0 0;
	}
	h4 {
		font-size: 20px;
		line-height: 20px;
		padding-top: 40px;		
	}
}

// SEARCH
.search-result {
	padding-top: 40px;
	
	&:first-of-type {
		padding-top: 80px;
	}
	
	p {
		padding: 0;
		margin: 0;
		line-height: 24px;
		letter-spacing: .025em;
		a {
			color: #0286b7;
			font-weight: 500;
		}
	}
	.entry-summary {
		margin-top: 0;
	}
	&:last-of-type {
		padding-bottom: 80px;
	}

}

// MOBILE CATEGORY NAV
.mobile-nav-category.close {

}

.mobile-nav-category li {
    list-style: none;
    text-align: left;
}

.mobile-nav-category li a {
    border-radius: 4px;
    margin-bottom: 4px;
    display: block;
    color: #1d1c1d;
    text-decoration: none;
    padding: 5px 10px 6px;
    font-size: 15px;
    line-height: 22px;
    border: 1px solid transparent;
}

.mobile-nav-category li a:hover {
    background-color: #ebf6fd;
    border: 1px solid #dcf0fb;
}

.mobile-nav-category li a.active {
    background-color: #2d9ee0;
    color: #fff;
    padding: 3px 10px 4px;
    line-height: 22px;
    border: 1px solid transparent;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
}

.mobile-nav-category li.sep {
    height: 16px;
}


.mobile-nav-category.compact {
    transform: translate3d(0, 0, 0);
    background-color: #f8f8fb;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    bottom: -68px;
    padding-left: 0;
}

.mobile-nav-category.compact.stick {
    width: 100%;
    top: 0;
}

.mobile-nav-category.compact li a {
    display: none;
    margin-bottom: 0;
    border-radius: 0;
    padding: 1rem 2rem;
    background-color: #f8f8fb;
    color: #1d1c1d;
    font-size: 16.1px;
    line-height: 21px;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.mobile-nav-category.compact li a .mobile-nav-category.compact li a, .mobile-nav-category.compact li a.active, .mobile-nav-category.compact li a:first-child {
    font-weight: 500;
    display: block;
    color: #006b93;
    padding-left: 30px;
}

.chevron::before {
	border-style: solid;
	border-width: 0.15em 0.15em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.45em;
}

.chevron.right:before {
	left: 0;
	transform: rotate(45deg);
}

.chevron.bottom:before {
	top: 0;
	transform: rotate(135deg);
}

.chevron.left:before {
	left: 0.25em;
	transform: rotate(-135deg);
}
.mobile-nav-category a.tab {
	padding-left: 50px!important;
}
.slide-mobile-nav {
	display: none;
}
.mobile-nav-category.compact .toggle a {
	font-weight: 700!important;
	cursor: pointer;
}
.mobile-nav-category.compact .toggle:after {
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    content: '';
    display: inline-block;
    height: 0.45em;
    left: 0.15em;
    position: relative;
    top: 0.15em;
	transform: rotate(135deg);
    vertical-align: top;
    width: 0.45em;
    position: absolute;
    left: 130px;
    top: 19px;
    font-size: 19px;
    transition: .2s all;
}
.mobile-nav-category.compact.open .toggle:after {
	transform: rotate(-45deg);
    top: 24px;	
}
.mobile-nav-category.compact.open .toggle a {
	color: #034a65;
	background-color: #fff;
	transition: .2s all;
}
.mobile-nav-category.compact li a.active {
	background: #effbff;
}
.mobile-nav-category.compact .close {
/*
    cursor: pointer;
    z-index: 1;
    position: absolute;
    display: block;
    right: 20px;
    top: 1px;
    font-size: 34px;
    width: 40px;
    height: 40px;
    font-weight: 300;
    opacity: .6;
*/
}

.mobile-nav-category.compact .close:before {
/*
    content: '⊕';
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    left: 5px;
    color: #555459;
    top: 5px;
*/
}

.mobile-nav-category.compact.open {
    z-index: 2000;
    height: auto;
}

.mobile-nav-category.compact.open li a {
    display: block;
}

.mobile-nav-category.compact.open li a:hover {
    background-color: rgba(227, 227, 227, .5);
}

.mobile-nav-category.compact.open .close {
    z-index: 2001;
    opacity: 1;
}

.mobile-nav-category.compact.open .close:before {
    color: #555459;
    content: '⊗';
}



// MOBILE PRIMARY NAV
.search-btn.toggle {
	color :#1d1b2f;
	font-size: 18px;
	
	&:hover {
		color: #bababa !important;
	}
}
.navbar-toggler {
	position: absolute;
	display: none;
	padding: 0!important;
	z-index: 999;
	width: 32px;
	height: 26px;
	margin: 0;
	position: relative;
	transition: .2s all;
	cursor: pointer;

 }

.navbar-toggler span {
  position: absolute;
  background-color: #1d1b2f;
  height: 3px;
  width: 100%;
  transition: .3s all;
  -moz-transition: .3s all;
}

.navbar-toggler.active span {
	background-color: #1d1b2f;
}

.navbar-toggler.active span:first-child {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}

.navbar-toggler span:nth-child(2) {
  top: 7.5px;
}

.navbar-toggler span:last-child {
  top: 15.5px;  
}

.navbar-toggler.active span:nth-child(2) {
  height: 2.5px;
  -webkit-transform: translate(0,10px);
  -moz-transform: translate(0,10px);
}

.navbar-toggler.active span:last-child {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  top:0;
}


.mobile-nav-primary {
	display: block;
	overflow: hidden;
	width: 130%;
	background: #eee;
	color: #fff;
	position: absolute;
	z-index: 3;
	left: -16%;
	top: -20px;
	text-align: center;
	
	&.open {
		display:block!important;
	}
	ul {
		padding: 40px;
	}

	li {
		list-style: none;
		font-size: 20px;
		padding-bottom: 15px;
		a {
		}
	}
	.download-button {
		display: inline-block;
		padding: 7px 40px;
	    border: 1px solid #1d1b2f!important;
	    border-radius: 5px;
	    transition: .1s all;
	    margin-left: 20px;
	    margin: 5px 0;
	    
	    &:hover {
		    background: #fff;
		    color: #000;
			transition: .1s all;
			text-decoration: none;
	    }
	}
}


@media (max-width:320px){
	.mobile-nav-category.compact li a{
		line-height:16px;
	}
	.mobile-nav-category.compact{
		height:49px;
	}
}
@media (min-width:991px) {
	.mobile-nav-category{
		display: none;
	}
	.category-navigation {
		position: relative;
// 		bottom: -63px;
	}	
}
@media (max-width: 991px) {
	.search-btn.toggle {
		color: #1d1b2f;
		position: absolute;
		right: 51px;
		font-size: 18px;
		top: -2px;
		display: inline-block;
	}
	.category-navigation {
		display: none;
	}
    .mobile-nav-category li a {
        text-shadow: none !important;
    }

    .mobile-nav-category li.sep {
        height: 0;
        display: none;
    }

    .mobile-nav-category {
        overflow: hidden;
    }
    .listed-categories {
		column-count: 1;
		column-gap: 0px;
    }
	.listed-categories .right,
	.listed-categories .left {

	}
	.listed-categories .right {
		right: 0;
	}
	.desktop-nav {
		display: none;
	}
	.mobile-nav-primary {
		display: block;
	}
	#nav .desktop-nav {
		display: none;
	}
	.navbar-toggler {
		display: inline-block;
		top: 4px;
	}
}
@media (max-width: 815px) {

	#search-home {
		h1 {
			font-size: 48px;
		}
	}
	#home-buttons .row.featured a  {
		display: block;
	}
	#home-buttons {
		margin: 0 auto;
	    width: 85%;
	    
	    .col-4,
	    .col-6,
	    .col-8,
	    .col-3 {
		    max-width: 100%;
		    flex: 0 0 100%;
	    }
	    p {
		    padding: 0;
	    }
	    .col-3,
		.col-4,
		.col-6 {
			margin: 20px 0;
			background: #fff;
		}
		.col-6 {
			margin-top: 15px;
		}
		
		.mylio-ad {
			margin: 20px 0;
			
			br {
				display: block;
			}
			.col-3,
			.col-4 {
				background: none;
			}
			.col-8 {
				padding: 0 40px 20px;
				text-align: center;
				flex: 0 0 92%;
				
				p {
					padding: 20px 0!important;
				}
				h4 {
					padding: 0;
				}
				.download-button {
					font-size: 16px;
				}
			}
		}
		
	    
	}
	#home-buttons .col-3.getting {
		display: none;
	}	

	#home-buttons .text {
	    padding: 10px;
	    float: left;
	    width: 75%;
	    text-align: left;
	}
	#home-buttons .getting-started {
		padding: 0 0 40px 0;
		img {
			left: 0;
			top: 20px;
		}
		.text {
			left: 0;
		}
	}

}



@media (min-width 768px) {
}

@media (max-width: 576px) {
	#search-home.inner {
		padding: 60px 0 50px 0;
		h1 {
			font-size: 38px;
		}
	}
	#search-home .overlay {
		top: 78px;
		height: 433px;
	}
	.col-2 {
		display: none;
	}
	#main .col-8 {
		flex: 0 0 100%;
		width: 100%!important;
		max-width: 100%!important;
	}
	.col-10 {
		flex: 0 0 100%!important;
		max-width: 100%!important;		
	}

}


@media (max-width: 767px) {
	
	.tabtitle.responsive-tabs__heading.responsive-tabs__heading--active,
	.tabtitle.responsive-tabs__heading.responsive-tabs__heading:hover {
	    background: #495a65;
	    color: #fff;
	}
	#home-buttons .col-4.item img {
		right: 0;
		width: 100%;
	}	
}

@media (max-width: 600px) {

}






// ALL OF THIS FOR SOCIAL SHARE BUTTONS
.ssbp-wrap .ssbp-list li:first-of-type {
	margin-left: 0!important;
}
.ssba img {
	border:  0;
	box-shadow: none !important;
	display: inline !important;
	vertical-align: middle;
	box-sizing: unset;
}

.ssba-classic-2 .ssbp-text {
	display: none!important;
}
.ssbp-list li a {
	height: 32px!important; width: 32px!important;
}
.ssbp-list li a:hover {
}

.ssbp-list li a::before {line-height: 32px!important;; font-size: 16px;}
.ssbp-list li a:hover::before {}
.ssbp-list li {
	margin-left: 12px!important;
}

.ssba-share-text {
	font-size: 12px;  font-weight: normal; font-family: inherit;
}

#ssba-bar-2 .ssbp-bar-list {
	max-width: 48px!important;;
}
#ssba-bar-2 .ssbp-bar-list li a {
	height: 24px!important; 
	width: 24px!important;
}
#ssba-bar-2 .ssbp-bar-list li a:hover {
}

#ssba-bar-2 .ssbp-bar-list li a::before {
	line-height: 20px!important; 
	font-size: 12px!important;
}
#ssba-bar-2 .ssbp-bar-list li a:hover::before {}
#ssba-bar-2 .ssbp-bar-list li {
margin: 0px 0!important;
}
@media only screen and ( max-width: 750px ) {
	#ssba-bar-2 {
		display: block;
	}
}
@font-face {
	font-family: 'ssbp';
	src:url('https://mylionewblog.wpengine.com/wp-content/plugins/simple-share-buttons-adder/fonts/ssbp.eot?xj3ol1');
	src:url('https://mylionewblog.wpengine.com/wp-content/plugins/simple-share-buttons-adder/fonts/ssbp.eot?#iefixxj3ol1') format('embedded-opentype'),
	url('https://mylionewblog.wpengine.com/wp-content/plugins/simple-share-buttons-adder/fonts/ssbp.woff?xj3ol1') format('woff'),
	url('https://mylionewblog.wpengine.com/wp-content/plugins/simple-share-buttons-adder/fonts/ssbp.ttf?xj3ol1') format('truetype'),
	url('https://mylionewblog.wpengine.com/wp-content/plugins/simple-share-buttons-adder/fonts/ssbp.svg?xj3ol1#ssbp') format('svg');
	font-weight: normal;
	font-style: normal;
	
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ssbp--theme-2 .ssbp-btn {
	line-height: 1em!important;
}
.ssbp-list li a::before {
    line-height: 22px!important;
    font-size: 12px!important;
}
.ssbp-list li a {
    height: 24px!important;
    width: 24px!important;
}
.ssba-modern-2 {
	display: none;
}