#buyfont {
	width:95%;
	float: none; 
	height: auto;	
	margin: 0 auto;
}
a.buywings_butn {
	box-shadow: 2px 2px 2px 0px #767e87;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border-radius:6px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #154682;
	margin-bottom:18px;
}
a.buywings_butn:hover {
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	background-color:#0061a7;
	color:#fff;
}
a.buywings_butn:active{
	position:relative;
	top:1px;
}
#wings-content h2 {font-size:1.4em;margin-top:0px;margin-bottom:2px;}
#wings-content h3 {font-size:1.2em;margin-top:0px;margin-bottom:2px;}
ul.wings-list {
	margin-top:2px;
	margin-bottom:2px;	
	list-style-type:disc; 
	list-style-position:outside;
	padding-left:20px;
}
ul.wings-list-highlight {
	margin-top:0; 
	margin-bottom:0; 

	list-style-type:disc; 
	list-style-position:outside;
}
li.wings-list-highlight span {
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	background-color:#ffffcc;
}
.wings-strike {
	text-decoration:line-through;
}
/*pictures on product level pages */
div.redraw {width:100%;display:table;vertical-align:middle;}
div.redraw-img {display:table-cell;vertical-align:middle;width:30%;}
div.redraw-img img {width:90%;max-width:400px;padding:3%;}
div.redraw-txt {display:table-cell;vertical-align:middle;width:70%;}
#redraw #redraw-img {width:100%;min-width:120px;max-width:320px;min-height:120px;background-image:url(https://www.wingsxpsoftware.com/global-includes/wings/slow-redraw.jpg);background-repeat:no-repeat;background-position:center center; background-size:cover;}
/*topbox holds infobox and pricebox, info box is the top paragraph on the level pages, pricebox is the box on the side with the price/buy button*/
#wings-topbox {
    width: 100%;
    margin: 0;
	box-sizing: border-box;
	overflow:hidden;
}
#wings-pricebox-text {
	float:left;
	width:46%;
	box-sizing: border-box;
	min-width:240px;
	margin: 12px 16px 0 0;
	font-size:1.1em;
}
#wings-pricebox-text-2021 {
	display:inline-block;
	width:46%;
	box-sizing: border-box;
	min-width:240px;
	margin: 12px 16px 0 0;
	font-size:1.1em;
	vertical-align:middle;
}
#wings-pricebox {
	float: left;
	width:48%;
	margin-left:2%;
	box-sizing: border-box;
	padding:8px 8px 4px 8px;
	margin:0 0 0 16px;
	border: 1px solid #000;	
	text-align:center;
}
#wings-pricebox-2021 {
	display:inline-block;
	width:48%;
	margin-left:2%;
	box-sizing: border-box;
	padding:8px 8px 4px 8px;
	margin:0 0 0 16px;
	border: 1px solid #7835ff;
	border-radius: 15px;
	text-align:center;
	background-color:#e7ddff;
	vertical-align:middle;
	
}
#wings-pricebox, #wings-pricebox-2021  h2{
	font-size:1.2em;
}
#wings-content h1 {color:#492378;margin-top:16px;padding-top:8px;}
#wings-content h2, #wings-content h3, #wings-content h4, #wings-content h5 {color:#492378;margin-top:24px;}
#wings-leftfeature {float:left;width:48%;min-width:300px;}
#wings-rightfeature {float:left;width:48%;min-width:300px;margin-left:2%;}
@media (max-width: 780px) {
	#wings-pricebox, #wings-pricebox-2021 {
	float:none;
	display:block;
	width:90%;
	max-width:480px;
	margin:12px auto;
	}
	#wings-pricebox h2, #wings-pricebox-2021 h2 {font-size: 1.1em;
	}
	#wings-pricebox-text, #wings-pricebox-text-2021 {
		float:none;
		width:100%;
		display:block;
	}
	div.redraw { display: flex; flex-direction: column; margin-bottom:12px;}
	div.redraw-img { width:100%; text-align:center; order: 1; }
	div.redraw-txt { width:100%; order: 2; }
	#wings-leftfeature, #wings-rightfeature  {float:none;display:block;width:100%;}
}
#wings-pricebox a:link, #wings-pricebox-2021 a:link {color:#00f;font-weight:bold;}
#wings-pricebox a:hover, #wings-pricebox-2021 a:hover {color:#f00;font-weight:bold;}
/*purple boxes on product level pages */

.wings-purple-box {
	float:left;
	box-sizing: border-box;    
	border: 1px solid #7835ff;
	border-radius: 15px;
	border-collapse:collapse;
	background-color:#e7ddff;
	padding:6px;
	margin:6px;
}
.list-2-columns {column-count:2; column-gap:36px; padding:0.01px;border-top:0.5px solid transparent;border-bottom:0.5px solid transparent;}
.avoid-break, .list-2-columns li {
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
	page-break-inside: avoid; /* Firefox */
	break-inside: avoid; /* IE 10+ */
	border-top:0.01px solid transparent;
	border-bottom:0.01px solid transparent;
}
.list-2-columns h3 {padding:0.01px;}
#wings-content div h2 {padding:0.01px;}
.list-2-columns h3::before, .list-2-columns h3::after{
    content: ' ';
    display: table;
}
.avoid-break h3::before, .avoid-break h3::after{
    content: ' ';
    display: table;
}
#wings-content div h2::before, #wings-content div h2::after{
    content: ' ';
    display: table;
}

@media (min-width: 980px) {
  .wings-purple-box {
    width:calc(50% - 12px);
	min-height:202px;
  }
}
@media (min-width: 900px) and (max-width: 979px){
  .wings-purple-box {
    width:calc(50% - 12px);
	min-height:242px;
  }
}
@media (min-width: 800px) and (max-width: 899px){
  .wings-purple-box {
    width:calc(50% - 12px);
	min-height:272px;
  }
}
@media (min-width: 700px) and (max-width: 799px){
  .wings-purple-box {
    width:calc(50% - 12px);
	min-height:316px;
  }
}
@media (min-width: 600px) and (max-width: 699px){
  .wings-purple-box {
    width:calc(50% - 12px);
	min-height:372px;
  }
}
@media (min-width: 300px) and (max-width: 599px) {
  .wings-purple-box {
    width:calc(100% - 12px);
  }
}
.purple-boxes-2021 {
	display: flex;
	width: 100%;
}
.wings-purple-box-2021 {
	width: 100%;
	min-width: 0;
	min-height:100%;
	box-sizing: border-box;    
	border: 1px solid #7835ff;
	border-radius: 15px;
	border-collapse:collapse;
	background-color:#e7ddff;
	padding:6px;
	margin:12px;
}
@media (max-width:639px) {
	.purple-boxes-2021 {
		display: block;
	}
	.wings-purple-box-2021 {
		display: block;
		width:90%;
		margin:12px auto;
	}
	.list-2-columns {column-count:1;}
}
#wings-content, #wings-content > div {
      -webkit-box-sixing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}
.wings-features {
	display: flex;
	width: 100%;
}
.wings-features-list {	
	width: 100%;
	min-width: 0;
	min-height:100%;
	box-sizing: border-box;
	padding:6px;
	margin:12px;
}
@media (max-width:639px) {
	.wings-features {
		display: block;
	}
	.wings-features-list {
		display: block;
		width:90%;
		margin:12px auto;
	}
}
/* these breakspaces are numbered and are used to add extra spacing between sections - they have ids so you can easily override these values */
.wings-breakspace-1 {height:16px;}

