/*********
ARTICLE DESIGNS
*************/
.article .main-image img,
.ic-full-description img{
	width:100%;
	margin-bottom:20px
}


.ic-full-description p,
.article .articleBody p{
	padding-bottom:20px;
	padding-bottom:0px;
}


.articleBody a,
.article .articleBody p a{
	color: #3679BE;
	font-weight:bold
}

.articleBody a,
.article .articleBody p a{
	color: #3679BE;
}

.article .articleBody p a:hover{
	text-decoration:underline
}

.ic-full-description h3,
.article .articleBody h3{
	margin-bottom:10px
}

.article .articleBody ol,
.article .articleBody ul{
	margin-left:20px;
	margin-bottom:20px;
}

.article .articleBody ol li,
.article .articleBody ul li{
	padding-bottom:10px;
	padding-bottom:0px;
	font-size: 16px;
    line-height: 26px;
}


.article .articleBody ol li{
	list-style-type: decimal;
}

.article .articleBody ol li::marker {
 font-weight:bold;
 margin-right: 8px;
}



.article .articleBody ul li:before{
	content: "";
    width: 8px;
    height: 8px;
    display: block;
    background: #3679BE;
    border-radius: 10px;
    float: left;
    margin-right: 8px;
    position: relative;
    top: 8px;
}

.article .articleBody ul li ul{
	margin-left:20px
}


.article .articleBody hr{
	border:0;
	height:1px;
	width:100%;
	background:#d8d8d8;
	margin:15px 0 25px 0;
}



 a.articleGallery  {
    width:40%;
	float:left;
    display: flex;
}

 a.articleGallery:nth-child(1n+2)  {
    width:40%;
	float:right;
    display: table;
}





/*****
OPTIONS IN EDITOR
******/
.bold-font{
	font-weight:bold
}


.full-width-img{
	width:100%;
	height: auto;
    float: left;
}

.medium-width-img{
	width:50%;
	height: auto;
    float: left;
}

.medium-width-img-2{
	width:50%;
	height: auto;
    float: left;
}

.pdf-title-with-icon{}

.pdf-title-with-icon:before{
	content:"";
	display:block;
	width:26px;
	height:26px;
	background:url('../background/temp-img/icons/pdf-icon.png');
	background-size:auto;
	float: left;
    margin-right: 10px;
}


.wordfile-title-with-icon{}

.wordfile-title-with-icon:before{
	content:"";
	display:block;
	width:26px;
	height:26px;
	background:url('../background/temp-img/icons/word-icon.png');
	background-size:auto;
	float: left;
    margin-right: 10px;
}

.powerpoint-title-with-icon{}

.powerpoint-title-with-icon:before{
	content:"";
	display:block;
	width:26px;
	height:26px;
	background:url('../background/temp-img/icons/power-point-icon.png');
	background-size:auto;
	float: left;
    margin-right: 10px;
}




@media screen and (max-width: 680px) {

	.full-width-img,
	.medium-width-img{
		width:100%
	}

}