/* Customizations */

.ma-0,
.my-0,
.mt-0 {
margin-top: 0;
}

.ma-q,
.my-q,
.mt-q {
margin-top: .25rem;
}

.ma-h,
.my-h,
.mt-h {
margin-top: .5rem;
}

.ma-1,
.my-1,
.mt-1 {
margin-top: 1rem;
}

.ma-2,
.my-2,
.mt-2 {
margin-top: 2rem;
}

.ma-3,
.my-3,
.mt-3 {
margin-top: 3rem;
}

.ma-0,
.my-0,
.mb-0 {
margin-bottom: 0;
}

.ma-q,
.my-q,
.mb-q {
margin-bottom: .25rem;
}

.ma-h,
.my-h,
.mb-h {
margin-bottom: .5rem;
}

.ma-1,
.my-1,
.mb-1 {
margin-bottom: 1rem;
}

.ma-2,
.my-2,
.mb-2 {
margin-bottom: 2rem;
}

.ma-3,
.my-3,
.mb-3 {
margin-bottom: 3rem;
}

.ma-0,
.mx-0,
.ml-0 {
margin-left: 0;
}

.ma-q,
.mx-q,
.ml-q {
margin-left: .25rem;
}

.ma-h,
.mx-h,
.ml-h {
margin-left: .5rem;
}

.ma-1,
.mx-1,
.ml-1 {
margin-left: 1rem;
}

.ma-2,
.mx-2,
.ml-2 {
margin-left: 2rem;
}

.ma-3,
.mx-3,
.ml-3 {
margin-left: 3rem;
}

.ma-0,
.mx-0,
.mr-0 {
margin-right: 0;
}

.ma-q,
.mx-q,
.mr-q {
margin-right: .25rem;
}

.ma-h,
.mx-h,
.mr-h {
margin-right: .5rem;
}

.ma-1,
.mx-1,
.mr-1 {
margin-right: 1rem;
}

.ma-2,
.mx-2,
.mr-2 {
margin-right: 2rem;
}

.ma-3,
.mx-3,
.mr-3 {
margin-bottom: 3rem;
}

.pa-0,
.py-0,
.pt-0 {
padding-top: 0;
}

.pa-q,
.py-q,
.pt-q {
padding-top: .25rem;
}

.pa-h,
.py-h,
.pt-h {
padding-top: .5rem;
}

.pa-1,
.py-1,
.pt-1 {
padding-top: 1rem;
}

.pa-2,
.py-2,
.pt-2 {
padding-top: 2rem;
}

.pa-3,
.py-3,
.pt-3 {
padding-top: 3rem;
}

.pa-0,
.py-0,
.pb-0 {
padding-bottom: 0;
}

.pa-q,
.py-q,
.pb-q {
padding-bottom: .25rem;
}

.pa-h,
.py-h,
.pb-h {
padding-bottom: .5rem;
}

.pa-1,
.py-1,
.pb-1 {
padding-bottom: 1rem;
}

.pa-2,
.py-2,
.pb-2 {
padding-bottom: 2rem;
}

.pa-3,
.py-3,
.pb-3 {
padding-bottom: 3rem;
}

.pa-0,
.px-0,
.pl-0 {
padding-left: 0;
}

.pa-q,
.px-q,
.pl-q {
padding-left: .25rem;
}

.pa-h,
.px-h,
.pl-h {
padding-left: .5rem;
}

.pa-1,
.px-1,
.pl-1 {
padding-left: 1rem;
}

.pa-2,
.px-2,
.pl-2 {
padding-left: 2rem;
}

.pa-3,
.px-3,
.pl-3 {
padding-left: 3rem;
}

.pa-0,
.px-0,
.pr-0 {
padding-right: 0;
}

.pa-q,
.px-q,
.pr-q {
padding-right: .25rem;
}

.pa-h,
.px-h,
.pr-h {
padding-right: .5rem;
}

.pa-1,
.px-1,
.pr-1 {
padding-right: 1rem;
}

.pa-2,
.px-2,
.pr-2 {
padding-right: 2rem;
}

.pa-3,
.px-3,
.pr-3 {
padding-bottom: 3rem;
}

/* centers the top ad 970x90 */
.adtop
{
	text-align: center;
	min-height: 90px;
}

.adtop-fit, .ad-fit
{
	width: fit-content;
}

.adtop-minh-280
{
	min-height: 280px;
}

.entry__inforial-title-center
{
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	color: #666;
}

/* full width for blog content */
.entry--blog {
	max-width: inherit;
}

.site-main .template-preview
{
	padding: 0px;
	margin-bottom: 20px;
}

.site-main .preview p.image_title
{
	display: block;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.sharebar_stumble
{
	text-align: center;
	margin: auto;
	width: 50px;
}
.sharebar_scoopit
{
	text-align: center;
	margin: auto;
	width: 55px;
}

.alert h3.custom-prod__title
{
	padding-top: 10px;
}

/* Fixes layout in /ppt/ - the margin was added to the .post class */
article.type-ppttemplates
{
	margin-bottom: 25px;
}

div.entry__content .container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
div.entry__content .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.post-list__thumb
{
	width: 100px;
}

/* Fixes the height in related posts (blog), and in archive */
.post-list__thumb img, div.entry__content img, .u-category__thumb img
{
	height: auto;
}

img.entry__img
{
	height: auto;
}

/* Fixes the magnific popup width */
.mfp-iframe-holder .mfp-content {
	width: auto;
}
.mfp-ajax-holder .mfp-content {
	width: auto;
}

/* Fix issue in single page */
.related .col-sm-4:nth-child(3n+1) {
    clear: left;
}

.post-list.section .col-sm-4:nth-child(3n+1) {
    clear: left;
}

.search-page .post-list.section .col-sm-4:nth-child(3n+1) {
    clear: none;
}
.search-page .post-list.section .col-sm-4:nth-child(4n+1) {
    clear: left;
}

.archive h2
{

}

.archive h3
{

}

.btn-orange
{
	background-color: #ff9800;
}

.btn-green
{
	background-color: #4caf50;
}

.btn-green:hover, .btn-green:focus {
    background-color: #3a823d;
    color: #fff;
}

.btn-blue
{
	background-color: #2196f3;
}

.btn-new
{

}

.btn--download
{
	background-color: #1976d2;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 512 512'%3E%3Cpath d='M438.6 310.6l-160 160c-12.5 12.5-32.8 12.5-45.3 0l-160-160c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l105.4 105.4v-306.7c0-17.7 14.3-32 32-32s32 14.3 32 32v306.7l105.4-105.4c6.2-6.2 14.4-9.4 22.6-9.4s16.4 3.1 22.6 9.4c12.5 12.5 12.5 32.8 0 45.3z' fill='%23fff' /%3E%3C/svg%3E%0A");
	background-size: 20px;
}

ul.tick 
{
	list-style:none;
	margin: 0px;
	padding: 0px;
}
ul.tick li:before
{
	content: '✓';
	font-weight: bold;
	color: #006600;
	padding-right: 10px;
}

.entry__ad-trans
{
	background: transparent;
    border: none;
    padding: 12px 0;
	width: fit-content;
	margin: 20px auto;
}

#page .featured
{
	margin-top: 20px;
}

.block-unit, .aff-unit {
  margin: auto;
  max-width: 100%;
}
.block-unit img, , .aff-unit img {
  display: block;
}
.block-unit.adtop, .aff-unit.adtop {
  margin-bottom: 16px;
}
.block-unit--s970, .aff-unit--s970 {
  width: 970px;
}
.block-unit--s468, .aff-unit--s468 {
  width: 468px;
}
.block-unit--s338, .aff-unit--s338 {
  width: 338px;
}
.block-unit--s300, .aff-unit--s300 {
  width: 300px;
}

.block-unit-lazy
{
	max-width: 100%;
	padding: 10px;
	margin-bottom: 10px;
	display: flex;
	justify-content: center;
}


.video-container
{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 35px;
	height: 0;
	overflow: hidden;
	margin-bottom: 30px;
}

.video-container iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Fix picture border with img added by Imagify */
picture.entry__img.alignright
{
	margin: 0px !important;
}

picture.entry__img img.entry__img
{
	padding: 0px;
	border: 0px;
}

.inforial-inner-tag
{
	margin: 20px 0px;
}

header .logo
{
	max-width: 203px;
	max-height: 66px;

	width: 203px;
	height: 66px;
}

.menu-toggler {
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 27 32'%3E%3Cpath d='M27.4 24v2.3q0 0.5-0.3 0.8t-0.8 0.3h-25.1q-0.5 0-0.8-0.3t-0.3-0.8v-2.3q0-0.5 0.3-0.8t0.8-0.3h25.1q0.5 0 0.8 0.3t0.3 0.8zM27.4 14.9v2.3q0 0.5-0.3 0.8t-0.8 0.3h-25.1q-0.5 0-0.8-0.3t-0.3-0.8v-2.3q0-0.5 0.3-0.8t0.8-0.3h25.1q0.5 0 0.8 0.3t0.3 0.8zM27.4 5.7v2.3q0 0.5-0.3 0.8t-0.8 0.3h-25.1q-0.5 0-0.8-0.3t-0.3-0.8v-2.3q0-0.5 0.3-0.8t0.8-0.3h25.1q0.5 0 0.8 0.3t0.3 0.8z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.post__actions {
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' width='110' height='107.5' viewBox='0 0 88 86' version='1.1'%3E%3Cstyle%3E.s0%7Bfill:%23d24625;%7D.s1%7Bfill:%23fff;%7D%3C/style%3E%3Cg transform='translate(-223.01556,0)'%3E%3Cpath d='M269.3 0 275 0c0 3 0 6 0 9 10.7 0.1 21.4-0.1 32.1 0.1 2.3-0.2 4.1 1.6 3.9 3.9 0.2 18.7 0 37.4 0.1 56.1-0.1 2 0.2 4.3-1 6.1-1.5 1.1-3.4 0.9-5.1 1-10 0-20 0-30 0 0 3.3 0 6.7 0 10l-6.2 0c-15.2-2.8-30.5-5.3-45.8-8 0-23.3 0-46.7 0-70C238.5 5.4 253.9 2.6 269.3 0z' fill='%23d24625'/%3E%3Cpath d='m275 12c11 0 22 0 33 0 0 20.3 0 40.7 0 61-11 0-22 0-33 0 0-2.7 0-5.3 0-8 8 0 16 0 24 0 0-1.3 0-2.7 0-4-8 0-16 0-24 0 0-1.7 0-3.3 0-5 8 0 16 0 24 0 0-1.3 0-2.7 0-4-8 0-16 0-24 0 0-2 0-3.9 0-5.9 4 1.2 8.5 1.2 12-1.2 3.8-2.3 5.8-6.6 6.2-10.9C288.8 34 284.4 34 280 34c0-4.3 0.1-8.7-0.1-13-1.6 0.3-3.3 0.7-4.9 1 0-3.3 0-6.6 0-10z' fill='%23fff'/%3E%3Cpath d='m282 18.9c7 0.3 12.8 6.2 13.2 13.1-4.4 0.1-8.8 0-13.2 0 0-4.4 0-8.8 0-13.1z' fill='%23d24625'/%3E%3Cpath d='m239.1 26.4c5.4 0.3 12-2.1 16.5 1.9 4.3 5.2 3.2 14.9-3.2 18-2.3 1.2-4.9 1-7.3 0.9 0 3.9 0 7.8 0 11.7-2-0.2-4-0.3-5.9-0.5-0.1-10.7-0.1-21.4 0-32z' fill='%23fff'/%3E%3Cpath d='m245 31.8c2-0.1 4.4-0.4 5.7 1.4 1.1 2 1.1 4.5 0.1 6.6-1.1 2.1-3.7 1.9-5.7 2.1-0.2-3.3-0.2-6.7-0.2-10.1z' fill='%23d24625'/%3E%3C/g%3E%3C/svg%3E");
}

.post-meta__tag
{
	border-radius: 5px;
	padding: 10px 16px;
}

.post-meta {
    border: none;
	padding: 0px;
	font-size: inherit;
}

.entry--blog .last-updated {
	font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
}



.entry--blog .custom-cta-container {
    max-width: 100%;
    border: 0;
	padding: 10px 25px;
    text-align: center;
    float: none;
}

.entry--blog .custom-cta-container a
{
	font-size: 16px;
	max-width: 300px;
	border-radius: 5px;
	background-color: #f7941d;
	color: #fff!important;
	text-align: center;
	padding: 10px 10px;
	width: 100%;
	display: block;
	margin: auto;
	margin-top: 15px;
}

.u-category__thumb
{
	width: 250px;
}

.wp-pagenavi
{
	font-size: 16px;
}


/* Fixes breadcrumb in wp seo yoast upgrade to 20.0 */
.breadcrumbs {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background-color: #eceff1;
	border-radius: 4px 4px 0 0;
	color #757575;
	font-size: 12px;
	height: 36px;
	padding-left: 12px;
}

.breadcrumbs span {
	line-height: 36px;
	float: left;
}

.breadcrumbs span:not(:last-child):after {
	content: '\203A';
	color: #9e9e9e;
	margin: 0 12px;
	font-size: 24px;
	line-height: 1;
	position: relative;
	top: 2px;
}

.breadcrumbs .breadcrumb_last {
	font-weight: 700;
	float: none;
	line-height: 36px;
}





@media (max-width: 767px){

	body
	{
		background-color: #fff;
	}

	header .logo
	{
		width: 102px;
		height: 33px;
	}
	
	.template-preview .block-unit--s300
	{
		width: 100%;
	}

	.breadcrumbs2 
	{
		display: block;
		position: relative;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		margin-bottom: 10px;
	}

	.u-category__thumb {
		width: 100%;
	}
	.u-category__thumb img {
		width: 100%;
	}
	
	.entry--full {
		padding-right: 0px;
	}
	  
	.col-sm-1{
	float: left;
	width: 8.33333%;
	}
	
	.col-sm-2{
	float: left;
	width: 16.66667%;
	}
	
	.col-sm-3{
	float: left;
	width: 25%;
	}
	
	.col-sm-4{
	float: left;
	width: 33.33333%;
	}

	.col-sm-6{
	float: left;
	width: 50%;
	}
}
  

/* roboto-condensed-300 - latin */
@font-face {
	font-family: 'Roboto Condensed';
	font-display: swap;
	font-style: normal;
	font-weight: 300;
	src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
		 url('fonts/roboto-condensed-v18-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('fonts/roboto-condensed-v18-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* roboto-condensed-300italic - latin
  @font-face {
	font-family: 'Roboto Condensed';
	font-display: swap;
	font-style: italic;
	font-weight: 300;
	src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'),
		 url('fonts/roboto-condensed-v18-latin-300italic.woff2') format('woff2'),
		 url('fonts/roboto-condensed-v18-latin-300italic.woff') format('woff');
  }
  */
  /* roboto-condensed-regular - latin */
  @font-face {
	font-family: 'Roboto Condensed';
	font-display: swap;
	font-style: normal;
	font-weight: 400;
	src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
		 url('fonts/roboto-condensed-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('fonts/roboto-condensed-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }




  /* roboto-regular - latin */
@font-face {
	font-family: 'Roboto';
	font-display: swap;
	font-style: normal;
	font-weight: 400;
	src: local('Roboto'), local('Roboto-Regular'),
		 url('fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('fonts/roboto-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* roboto-italic - latin */
  @font-face {
	font-family: 'Roboto';
	font-display: swap;
	font-style: italic;
	font-weight: 400;
	src: local('Roboto Italic'), local('Roboto-Italic'),
		 url('fonts/roboto-v20-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('fonts/roboto-v20-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* roboto-500 - latin */
  @font-face {
	font-family: 'Roboto';
	font-display: swap;
	font-style: normal;
	font-weight: 500;
	src: local('Roboto Medium'), local('Roboto-Medium'),
		 url('fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('fonts/roboto-v20-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* roboto-500italic - latin */
  @font-face {
	font-family: 'Roboto';
	font-display: swap;
	font-style: italic;
	font-weight: 500;
	src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
		 url('fonts/roboto-v20-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('fonts/roboto-v20-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* roboto-700 - latin */
  @font-face {
	font-family: 'Roboto';
	font-display: swap;
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Bold'), local('Roboto-Bold'),
		 url('fonts/roboto-v20-latin-700.woff2') format('woff2'),
		 url('fonts/roboto-v20-latin-700.woff') format('woff');
  }
 



body .entry
{
	font-size: 16px;
	line-height: 1.7;
}

body .entry p
{
	margin-bottom: 20px;
}

.entry__content figure {
    margin-left: 0px;
    margin-right: 0px;
}

.entry__content p, .entry__content li, .entry-list p {   /* __style__2023 */
	/* color: #314351; */
    font-size: 16px;
    line-height: 30px;
}

.entry__content p {
	margin-bottom: 1.5em;
}

.entry__content p strong {
    font-weight: 500;
}

.entry__content h2 {
    font-size: 28px;
	line-height: 46px;
}

.entry__content h3 {
    font-size: 22px;
	line-height: 38px;
}

.entry__content h4 {
    font-size: 19px;
	line-height: 28px;
}

html[amp] .hide-amp
{
	display: none;
}

.entry--blog figure figcaption
{
	text-transform: uppercase;
    letter-spacing: 1px;
    color: #888888;
    font-size: 80%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.yarpp-related .related
{
	padding-top: 10px;
}

article.post .yarpp-related a {
    font-weight: 500;
}

.yarpp-related h3
{
	font-weight: 500;
}