/* Custom CSS - The CSS properties in this stylesheet will over-write any original template styles if the same class names are used in addition to custom styles which can also be added. */
A
{
    color: #3366CC;
}

.portal {
margin-top: 80px;
}


.feature-item {

    /*clear: both;*/

    margin-left: -15px;

    

    margin-bottom: 21px;

    padding: 0;

	/* width: 48%; */

    font-size: small;

/*     border: 1px solid #cecece; */

}

.feature-item .published {

    font-style: italic;

}

.feature-item .thumbnail {

    margin-left: 0;

    margin-bottom: 8px;

    float: left;

    width: 100%;

    position: relative;

    min-height: 1px;

    padding-left: 0px;

    padding-right: 15px;

}





.feature-item .info {padding-top: 8px; padding-right:}

@media (max-width:768px) {

    .feature-item {width: 100%; margin: auto; margin-bottom: 21px;}

    .feature-item .thumbnail {

    float: none; 

    width: 100%;

	display: block;    

    }

     .feature-item .btn { margin-right: 10px; margin-bottom: 10px;}

     .info {padding: 12px 0 0 8px; }

     

}@media (min-width:1282px) {

    .feature-item .thumbnail {

    float: left;

    width: 16.66666667%}

    

}.two-column .feature-item .thumbnail {

    position: relative;

    min-height: 1px;

    padding-left: 0px;

    padding-right: 15px;

}

@media (min-width:1282px) {

    .two-column .feature-item .thumbnail {

    float: left;

    width: auto}

    .feature-item .btn {margin-right: 10px; margin-bottom: 10px;}

}.feature-item .thumbnail img {

    

    height: auto;

}

 /*=================*/

.feature-item-flip {

    /*clear: both;*/

    margin-left: -15px;

    

    margin-bottom: 21px;

    padding: 0;

	/* width: 48%; */

    font-size: small;

/*     border: 1px solid #cecece; */

}

.feature-item-flip .published {

    font-style: italic;

}

.feature-item-flip .thumbnail {

    margin-left: 0;

    margin-bottom: 8px;

    float: right;

    width: 100%;

    position: relative;

    min-height: 1px;

    padding-left: 0px;

    padding-right: 0px;

}



.feature-item-flip .info {padding-top: 8px; padding-left: 10px;}

@media (max-width:768px) {

    .feature-item-flip {width: 100%; margin: auto; margin-bottom: 21px;}

    .feature-item-flip .thumbnail {

    float: none; 

    width: 100%;

	display: block;    

    }

     .feature-item-flip .btn { margin-right: 10px; margin-bottom: 10px;}

     .info {padding: 12px 0 0 8px; }

     

}@media (min-width:1282px) {

    .feature-item-flip .thumbnail {

    float: right;

    width: 16.66666667%}

    .feature-item-flip .btn {float: left; margin-left: 0px; margin-bottom: 10px;}

}.two-column .feature-item-flip .thumbnail {

    position: relative;

    min-height: 1px;

    padding-left: 0px;

    padding-right: 0px;

    margin-left: 0;

    

}



@media (min-width:1282px) {

    .two-column .feature-item-flip .thumbnail {

    float: right;

    width: 55%}

}.feature-item-flip .thumbnail img {

    

    

    height: auto;

}



.pathways-row {background: #eef3f7; margin: 30px 0 10px 0; padding: 20px; margin: 0 -76px 0 -75px;}

.pathways{text-align: center; width: 20%;}

.pathways p{ font-size: small; line-height: 14px;}

.pathways p.item-title{margin: 8px 0; font-size: 12px; font-weight: bold; line-height: 18px;}



@media (max-width:980px) {

	.pathways{ width: 50%;}

	.pathways-row {background: #eef3f7; padding: 20px; margin: 0 -50px 0 -50px;}

}



@media (max-width:490px) {

	.pathways{ width: 100%;}

}

.pathways-3-grid{text-align: center;}

.thumbnail span.icon {font-size: 250%;}
.thumbnail img.icon {max-height: 46px; max-width: 46px;}



.feature-item {
    /*clear: both;*/
    margin-left: -15px;
    margin-bottom: 21px;
    padding: 8px;
    font-size: small;
    border: 1px solid #cecece;
}

.feature-item-flip {
    /*clear: both;*/
    margin-left: -15px;
    margin-bottom: 21px;
    padding: 8px;
    font-size: small;
    border: 1px solid #cecece;
}

.servicehome
{
	border: 1px solid #cecece;
	padding:4px;
	width:20%;
}

.support-item{
    margin-left: -15px;
    margin-bottom: 21px;
    padding: 8px;
    font-size: small;
}

.publication-list{
    border: 1px solid #cecece;
    padding:4px;
}
.headline{
   font-size: 1.25em;
   font-weight: 300;
}

/*UL li {
list-style:  circle outside;
}*/