@import url(../warp/css/base.css);
/*Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL


Base Styling
----------------------------------------------------------------------------------------------------*/
HTML
{
	-webkit-font-smoothing: antialiased !important;
}
BODY
{
	font: 14px / 1.4 Arial, Helvetica, sans-serif;
	color: #777777;
}
/*Header Tags*/
H1, H2, H3, H4, H5, H6
{
	color: #555555;
}
/*Links*/
A
{
	color: #61B2DD;
}
A:hover
{
	color: #2B2D30;
}
/*Colors*/
.primary-color
{
	color: #61B2DD;
}
.primary-back-color
{
	background-color: #61B2DD;
}
.secondary-color
{
	color: #2B2D30;
}
.secondary-back-color
{
	background-color: #7A7A7A;
}
/*Other Html Elements*/
ADDRESS
{
	display: block;
	margin-bottom: 20px;
	font-style: normal;
	line-height: 18px;
}
INS, MARK
{
	background-color: #61B2DD;
	color: #444444;
}
MARK
{
	color: #444;
}
HR
{
	border-top-color: #DDD;
}
PRE
{
	border: 1px solid #DDD;
	background: #FAFAFA;
	padding: 15px 20px;
	color: #2B2D30;
}
CODE
{
	padding: 1px 3px;
	/*+border-radius:3px;*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	color: #DD1111;
	background-color: #F7F7F9;
	border: 1px solid #E1E1E8;
}
::-moz-selection
{
	background: #61B2DD;
	color: #FFF;
}
::selection
{
	background: #61B2DD;
	color: #FFFFFF;
}

@media (min-width: 641px) {
	.half-size{max-width:50%;}
}

.img-right{float:right;margin-left:10px;margin-bottom:10px;}
.img-left{float:left;margin-right:10px;margin-bottom:10px;}
.embed-wrapper{max-width:600px;margin-bottom:10px;clear:both;}
.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;}
.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
h1{overflow:hidden;}
#main_wrapper img{max-width:100%;height:auto;}
hr.separator{margin:40px 0 35px 0;clear:both;}
p.separator{display:block;overflow:hidden;clear:both;}
.clear-both{clear:both;}
.highlighted{color:#008000;font-weight:bold;font-size:1.1em;}
#system FORM.submission DIV.submit{text-align:left !important;}
.icon-container{display: flex; flex-direction: row;flex-wrap:wrap}
.icon-item{width:107px;height:auto;margin:auto;text-align:center;padding:15px 0;}
.icon-item img{width:40px;}
.icon-item h4{margin:0 auto;}
@media (min-width: 480px) and (max-width: 959px) {
	.icon-item{width:60px;}
	.icon-item img{width:30px;}
	.icon-item h4{font-size:0.8em;}
}
@media (max-width: 479px) {
	.icon-item{width:90px;}
	.icon-item img{width:35px;}
	.icon-item h4{font-size:0.9em;}
}

.boxed{background:#E7E7DD;padding:25px;font-size:1.1em;}
.boxed h2{margin-top:0;font-size:2.5em;}

.promotion{background:#018256;color:#F1F1F1;padding:25px;font-size:1.1em;text-align:center;}
.promotion a{color:#F4ED22;font-weight:bold;font-size:1.4em;border:1px solid #F4ED22;padding:10px;background:#018256;}
.promotion a:hover{color:#FFFD77;border:1px solid #FFFD77;background:#21A276;}
.isblog #system .items .grid-box article.item{padding-bottom:50px;border-bottom:5px solid #018256;margin-bottom:50px;}
.isblog #system .items HEADER .title{font-size:40px;padding-bottom:40px;}