/* #Globals
==================================================================================================== */

	/*  columns  */
		#wrapper .js-wpv-view-layout {
			display: flex;
			float: left;
			flex-flow: row wrap;
			justify-content: flex-start;
			width: 100%; }
		
		#wrapper .ctg-fusion-layout-column,
		#wrapper .js-wpv-view-layout .product-teaser-wrap {
			align-items: center;
			flex-grow: 0;
			margin: 0 1% 20px !important; }
			
		#wrapper .fusion-one-half.ctg-fusion-layout-column,
		#wrapper .js-wpv-view-layout .fusion-one-half.product-teaser-wrap {
			flex-basis: 48%; }
		#wrapper .fusion-one-third.ctg-fusion-layout-column,
		#wrapper .js-wpv-view-layout .fusion-one-third.product-teaser-wrap {
			flex-basis: 31.333%; }
	
		.js-wpv-view-layout .fusion-layout-column.fusion_builder_column {
			background: #e7e6e6;
			padding: 10px; }
		.js-wpv-view-layout .fusion-layout-column.fusion_builder_column p {
			margin-top: 0; }
		.js-wpv-view-layout .fusion-layout-column.fusion_builder_column ul {
			margin-bottom: .5em; }

	/*  headers  */
		#main .product-teaser-title h4 {
			font-size: 1em;
			margin-top: 0; }
		#main .product-teaser-wrap .product-teaser-title.fusion-portfolio-content {
			margin-top: 0; }

	/*  forms  */
		.cred-form .form-group {
			margin-bottom: 20px; }
		#main ul.wpt-form-set-radios,
		#main ul.wpt-form-set-checkboxes {
			display: inline-block;
			margin: 5px 0 0;
			padding: 0; }
		#main ul.wpt-form-set-checkboxes li.wpt-form-item.wpt-form-item-checkbox {
			clear: both;
			display: block;
			float: left;
			width: 100%; }
	
	/*  submenu  */
		#main .fusion-fullwidth.inline-menu .fusion-content-widget-area .widget,
		#main .fusion-fullwidth.inline-menu .fusion-content-widget-area .widget ul.menu {
			margin: 0; }
		#main .fusion-fullwidth.inline-menu .fusion-content-widget-area .widget ul li {
			border: 0;
			border-left: 1px solid #fff;
			line-height: 1em;
			padding: 0; }
		#main .fusion-fullwidth.inline-menu .fusion-content-widget-area .widget ul li:first-child {
			border-left: 0; }
		#main .fusion-fullwidth.inline-menu .fusion-content-widget-area .widget ul li.current-menu-item a {
			color: #1180bb;
			font-weight: 700; }
		#main .fusion-fullwidth.inline-menu .fusion-content-widget-area .widget ul li a {
			display: inline-block;
			padding: .75em 1em;
			text-decoration: none; }



/* #Archives
==================================================================================================== */

	.archived-articles .archived-article-block {
		background: #e7e6e6;
		clear: both;
		margin-bottom: 20px;
		padding: 10px; }
	.archived-articles .archived-article-block .archived-article-title {
		font-weight: 700; }
	.archived-articles .archived-article-block .archived-article-author {
		font-style: italic; }
		
	/*  producers  */
		#main .product-teaser-wrap .ctg-producer-email,
		#main .product-teaser-wrap .ctg-producer-website {
				/* These are technically the same, but use both */
				overflow-wrap: break-word;
				word-wrap: break-word;
				
				-ms-word-break: break-all;
				/* This is the dangerous one in WebKit, as it breaks things wherever */
				word-break: break-all;
				/* Instead use this non-standard one: */
				word-break: break-word;
				
				/* Adds a hyphen where the word breaks, if supported (No Blink) */
				-ms-hyphens: auto;
				-moz-hyphens: auto;
				-webkit-hyphens: auto;
				hyphens: auto; }

	/*  conference exhibitors  */
		.js-wpv-view-layout .product-teaser-featured-thumb {
			margin-bottom: 10px;
			text-align: center; }
		/*.js-wpv-view-layout .product-teaser-featured-thumb a,
		.js-wpv-view-layout .product-teaser-featured-thumb a img {
			display: block;
			width: 100%; }*/
		.js-wpv-view-layout .product-teaser-featured-thumb a img {
			min-width: 134px; }
		.js-wpv-view-layout .ctg-conf-exhibitor-url {
			font-size: 0.875em; /*14*/ }



/* #Products
==================================================================================================== */
		
	/*  products grid  */
		#wrapper #ctg-products {
			float: right;
			width: calc(100% - 23% - 40px); }
		
	/*  sidebar  */
		#wrapper .sidebar.sidebar-left {
			float: left; }
		.sidebar.sidebar-left form.wpv-filter-form .form-group,
		.sidebar.sidebar-left form.wpv-filter-form .form-group .form-interior,
		.sidebar.sidebar-left form.wpv-filter-form .form-group .form-interior .form-item {
			float: left;
			width: 100%; }
		.sidebar.sidebar-left form.wpv-filter-form .form-group {
			font-size: 0.938em; /*15*/
			margin-bottom: 10px; }
		.sidebar.sidebar-left form.wpv-filter-form .form-group .form-interior {
			padding: 10px 5%; }
		.sidebar.sidebar-left form.wpv-filter-form .form-group .form-interior .form-item {
			clear: left;
			margin-bottom: 5px; }
		.sidebar.sidebar-left form.wpv-filter-form .form-group .form-interior .form-item label {
			line-height: 1.1em;
			max-width: 80%; }
		
		/*  supported platforms  */
			.sidebar.sidebar-left form.wpv-filter-form .form-group.platforms input.platform-options { }
			.sidebar.sidebar-left form.wpv-filter-form .form-group.platforms label {
				background: url('images/software-products/supported-platforms-sprite.png') 0 0 no-repeat;
				padding-left: 22px; }
			.sidebar.sidebar-left form.wpv-filter-form .form-group.platforms #form-6df332fabfb5f04c6c3bcb4f29fe1111-2-wrapper label { background-position: 0 -20px; }
			.sidebar.sidebar-left form.wpv-filter-form .form-group.platforms #form-dc0ea9813c9906039b804c56c31b99a8-3-wrapper label { background-position: 0 -40px; }
			.sidebar.sidebar-left form.wpv-filter-form .form-group.platforms #form-5a249d43f16377296cb3bcf0aaba3ac6-4-wrapper label { background-position: 0 -60px; }
			.sidebar.sidebar-left form.wpv-filter-form .form-group.platforms #form-130057d29828709797474075d8cc481e-5-wrapper label { background-position: 0 -80px; }
			.sidebar.sidebar-left form.wpv-filter-form .form-group.platforms #form-1af8ae5ac7f58ef1baace08dcdbdbd0c-6-wrapper label { background: none; }
		
		/*  toggle widgets  */
			.sidebar.sidebar-left form.wpv-filter-form .form-group.ctg-toggle {
				border: 1px solid #d6d6d6;
				border-bottom: 0; }
			.sidebar.sidebar-left form.wpv-filter-form .form-group.ctg-toggle h4 {
				background: #fff;
				border-bottom: 1px solid #d6d6d6;
				color: #595959;
				cursor: pointer;
				font-size: 1em;
				font-weight: 400;
				height: 36px;
				line-height: 36px;
				margin: 0;
				padding: 0 0 0 .5em;
				text-decoration: underline; }
			.sidebar.sidebar-left form.wpv-filter-form .form-group.ctg-toggle h4.open,
			.sidebar.sidebar-left form.wpv-filter-form .form-group.ctg-toggle h4:hover,
			.sidebar.sidebar-left form.wpv-filter-form .form-group.ctg-toggle h4:active,
			.sidebar.sidebar-left form.wpv-filter-form .form-group.ctg-toggle h4:focus {
				background: #61c5e1;
				color: #fff;
				font-weight: 700;
				text-decoration: none; }
			.sidebar.sidebar-left form.wpv-filter-form .form-group.ctg-toggle h4:after {
				background: #fff url("images/software-products/toggle-carrot.png") center center no-repeat;
				border-bottom: 1px solid #d6d6d6;
				border-left: 1px solid #d6d6d6;
				content: " ";
				float: right;
				height: 35px;
				text-align: center;
				width: 36px; }
			.sidebar.sidebar-left form.wpv-filter-form .form-group.ctg-toggle h4:hover:after,
			.sidebar.sidebar-left form.wpv-filter-form .form-group.ctg-toggle h4:active:after,
			.sidebar.sidebar-left form.wpv-filter-form .form-group.ctg-toggle h4:focus:after { }
			.sidebar.sidebar-left form.wpv-filter-form .form-group.ctg-toggle .form-interior {
				border-bottom: 1px solid #d6d6d6; }

	
	/*  products: category grid  */
		.split-blocks {
			float: none;
			text-align: center;
			width: 100%; }
		.split-blocks .fusion-one-third.product-teaser-wrap {
			background: #61c5e1;
			background: rgb(231,230,230);
			background: -moz-linear-gradient(top,  rgba(231,230,230,1) 0%, rgba(231,230,230,1) 40%, rgba(97,197,225,1) 40%, rgba(97,197,225,1) 100%);
			background: -webkit-linear-gradient(top,  rgba(231,230,230,1) 0%,rgba(231,230,230,1) 40%,rgba(97,197,225,1) 40%,rgba(97,197,225,1) 100%);
			background: linear-gradient(to bottom,  rgba(231,230,230,1) 0%,rgba(231,230,230,1) 40%,rgba(97,197,225,1) 40%,rgba(97,197,225,1) 100%);
			color: #0c0c0c;
			line-height: 1.2em;
			min-height: 222px;
			padding: 8px 0; }
		.split-blocks .fusion-one-third.product-teaser-wrap .fusion-column-wrapper a {
			color: #0c0c0c; }
		.split-blocks .fusion-one-third.product-teaser-wrap .fusion-column-wrapper > div {
			font-size: 0.875em; /*14*/
			padding: 0 8px 5px; }
		.split-blocks .fusion-one-third.product-teaser-wrap .fusion-column-wrapper > .product-teaser-featured-thumb {
			min-height: 109px;
			padding-bottom: 5px;
			vertical-align: bottom; }
		.split-blocks .fusion-one-third.product-teaser-wrap .fusion-column-wrapper > .product-teaser-featured-thumb a {
			background: url('images/software-products/product-photo-unavailable.png') center center no-repeat;
			display: block;
			margin: 0 auto;
			max-width: 136px;
			min-height: 104px; }
		.split-blocks .fusion-one-third.product-teaser-wrap .fusion-column-wrapper > .product-teaser-featured-thumb a img {
			background: #fff;
			border: 1px solid #fff;
			max-width: 100%;
			min-height: 106px;
			min-width: 134px;
			width: auto; }
		.split-blocks .fusion-one-third.product-teaser-wrap .fusion-column-wrapper > .product-teaser-title {
			background: #61c5e1;
			font-size: 1em;
			font-weight: 700;
			padding-top: 5px; }
		.split-blocks .fusion-one-third.product-teaser-wrap .fusion-column-wrapper > .product-teaser-author {
			font-style: italic; }
		.split-blocks .fusion-one-third.product-teaser-wrap .fusion-column-wrapper > .product-teaser-price {
			color: #fff;
			font-weight: 700; }
	
	/*  featured  */
		#ctg-products .fusion-one-third.product-teaser-wrap.featured {
			border: 4px solid #f69432; }

	/*  products: single  */
			body.guide-product-template-default .fusion-layout-column {
				margin-left: 4%; }
			body.guide-product-template-default .fusion-layout-column.fusion-column-first {
				margin-left: 0; }
			body.guide-product-template-default .fusion-layout-column.fusion_builder_column_1_2 {
				width: 48%; }
	
		/*  image/video  */
			body.guide-product-template-default .ctg-single-product-featured-image {
				text-align: center; }
			body.guide-product-template-default .ctg-single-product-featured-image .ctg-guide-product-video {
				margin-top: 30px; }
	
		/*  details  */
			body.guide-product-template-default .ctg-single-product ul {
				margin-top: 0; }
			body.guide-product-template-default .ctg-single-product .ctg-single-product-detail {
				margin: 0 0 20px; }	
			body.guide-product-template-default .ctg-single-product .ctg-guide-product-author {
				font-style: italic;
				font-weight: 600; }
			body.guide-product-template-default .ctg-single-product .ctg-guide-product-price,
			.woocommerce .price,
			.woocommerce .price > span.amount {
				color: #e4912b;
				font-size: 1em;
				font-weight: 700; }
			body.guide-product-template-default .ctg-single-product .ctg-guide-product-type-traits .detail-block {
				display: inline-block;
				max-width: 49.5%;
				padding-left: 4%;
				vertical-align: top;
				width: 100%; }
		
	body.guide-product-template-default .ctg-single-product hr {}
	
	body.guide-product-template-default .interior-block {
		font-size: 0.938em; /*15*/ }
		
		/*  producer  */
			body.guide-product-template-default .ctg-single-product-producer h3 {
				margin: 0 30px 10px; }
			body.guide-product-template-default .ctg-single-product-producer .interior-block {
				background: #e7e6e6;
				clear: left;
				overflow: hidden;
				padding: 20px 30px 0; }
			body.guide-product-template-default .ctg-single-product-producer .interior-block h4 {
				margin: 0 0 10px; }
		
		/*  related articles  */
			body.guide-product-template-default .ctg-single-product-related-articles h3 {
				margin-top: 0; }
		
		/*  social media sharing  */
			body.single .fusion-sharing-box {
				clear: both;
				float: left; }
			body.single .fusion-sharing-box a {
				text-decoration: none; }



/* #Desktop
================================================== */
@media only screen and (max-width: 1001px) {

	/*  products  */
		html #wrapper .sidebar.sidebar-left,
		html #wrapper #ctg-products {
			float: none;
			width: 100%; }
		html #wrapper .sidebar.sidebar-left {
			margin-bottom: 40px; }

}


/* #Tablet (Landscape)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 1000px) {

}

/* #Tablet (Portait only)
================================================== */
/* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */
@media only screen and (min-width: 768px) and (max-width: 999px) {
	

}


/*  #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 768px) {	
	
	/*  submenu  */
		html #main .fusion-fullwidth.inline-menu .fusion-content-widget-area .widget ul {
			padding: 0 0 .25em; }
		html #main .fusion-fullwidth.inline-menu .fusion-content-widget-area .widget ul li {
			margin: .25em 0 0; }
		html #main .fusion-fullwidth.inline-menu .fusion-content-widget-area .widget ul li a {
			padding: .5em; }
			

	/*  split blocks  */
		html #wrapper .fusion-one-half.ctg-fusion-layout-column,
		html #wrapper .js-wpv-view-layout .fusion-one-half.product-teaser-wrap
		html #wrapper .fusion-one-third.ctg-fusion-layout-column,
		html #wrapper .js-wpv-view-layout .fusion-one-third.product-teaser-wrap {
			flex-basis: 48%; }

}


/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 479px) {
	
	/*  submenu  */
		html #main .fusion-fullwidth.inline-menu .fusion-content-widget-area .widget ul li a {
			font-size: 0.875em; /*14*/ }
			
	
	/*  split blocks  */
		html .split-blocks .fusion-one-third.product-teaser-wrap {
			min-height: 1px; }
		html .split-blocks .fusion-one-third.product-teaser-wrap .fusion-column-wrapper > .product-teaser-featured-thumb {
			min-height: 20px; }
			
		html #wrapper .fusion-one-half.ctg-fusion-layout-column,
		html #wrapper .js-wpv-view-layout .fusion-one-half.product-teaser-wrap
		html #wrapper .fusion-one-third.ctg-fusion-layout-column,
		html #wrapper .js-wpv-view-layout .fusion-one-third.product-teaser-wrap {
			flex-basis: 98%; }
		
		
 }