/*custom CSS file by Interactive solutions*/



body {
background: url('background.jpg') no-repeat fixed top;
}

h2, .uk-h2 {
font-size: 26px;
line-height: 30px;
}

em {
color: #444444;
}

.image_caption {
background-color: #F3F3F3;
border: #F3F3F3 1px solid;
border-radius: 4px;
width: 97%;
display: inline-block;
padding: 10px;
font-size: 90%;
font-style: italic;
}

.image_caption img {
float: left;
}


/*----------Header styles--------------*/

.tm-headerbar, .tm-navbar {
margin-top: 20px;
margin-bottom: 20px;
}

.tm-headerbar .uk-panel {
max-width: 250px;
}

/*----------Article content styles--------------*/

.tm-content {
padding: 20px;
/*background: rgba(255,255,255,0.9);*/
background: #ffffff;
color: #444444;
border: 1px solid #dddddd;
border-radius: 4px;
}

.tm-content img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-right: 15px;
}

/*----------Module styles--------------*/

.uk-panel-box {
padding: 20px;
background: rgba(255,255,255,0.9);
color: #444444;
border: 1px solid #dddddd;
border-radius: 4px;
}


.mod-home-intro {
background: rgba(0,155,196,0.9);
color: #ffffff;
/*border: 1px solid #00a8d5;*/
border: 1px solid rgba(0,155,196,0.9);
border-radius: 4px;
}

/*.mod-blue h1, h2, h3 {
color: #ffffff;
}*/

.mod-exco {
height: 102px;
}


/* ----- Footer styles ------ */

.mod-footer {
text-align: left;
padding: 20px;
background: rgba(0,155,196,0.9);
color: #ffffff;
border: 1px solid rgba(0,155,196,0.9);
border-radius: 4px;
}

.mod-footer a {
color:#ffffff;
}

.footer-section {
width: 295px;
height: 170px;
float:left;
}

/* --------Blog-styles -------*/

.iea-blog .tm-content img {
float:left;
margin-right: 15px;
}

------- Fix for new module position which didn't adjust layout on small screens -------

@media (min-width: 768px) {
.uk-width-1-4 {
  width: 25%; !important
}
}