/*
#------------------------------------------------------------------------
# University - May Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2014 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com
*/

/* Here you can include your override CSS styles */


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

/* search module placement */

#gkHeaderModules {
bottom: auto;
left: 0;
position: absolute;
top: 115px;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
width: 100%;
z-index: 100;
}


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

/* tables to div settings */

.rTable {
  display: table;
  width: 100%;
}
.rTableRow {
  display: table-row;
}
.rTableHeading {
  background-color: #ddd;
  display: table-header-group;
}
.rTableCell,
.rTableHead {
  display: table-cell;
  padding: 2px 1px 2px 3px;
  border: 1px solid #999999;
}
.rTableHeading {
  display: table-header-group;
  background-color: #ddd;
  font-weight: bold;
}
.rTableFoot {
  display: table-footer-group;
  font-weight: bold;
  background-color: #ddd;
}
.rTableBody {
  display: table-row-group;
}


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

/* reduced margin in tables */

tbody tr td {
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    padding: 5px;
}

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

/* hide page url from article */
article header.nodate {
  display:none;
}

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

/* move breadcrumbs */
#gkBreadcrumb {
    border-bottom: 1px solid #e5e5e5;
    font-size: 11px;
    margin: -30px 0 20px;
    overflow: hidden;
    padding: 0 0 0px;
}

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

/* Image Show GK4 Slider */
.gkIsWrapper-gk_university figcaption > div {
    float: left;
    padding-top: 100px;
}

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

/* GK5 News Show Pro */
          /* Artikel text */
.nspArt p.nspText a {
    color: #333;
    display: block !important;
    font-size: 15px;
    padding: 0 5px;
}
    /* lees meer */
.readon, .readon-button {
    font-size: 13px;
    font-style: normal;
    padding: 2px 8px 0px;
}
    /* link header */
.nspArt h4.nspHeader {
    font-size: 16px;
}

.nspLinks ul li h4 {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 6px;
    img { max-width:100%}
    style="width:300px;
}

.nspLinks ul li {
    font-size: 12px;
    margin: 0 !important;
    padding: 5px 5px;
}

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

/* gk social twitter */

.gkTweet {
    padding: 0px 0px;
}

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


/*headers */
h2 {
    text-transform: uppercase;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 22px;
    font-weight: 700;
    margin: 10px 0 0;
    text-transform: none;
}
h5 {
    color: #1b1d1f;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    margin: 0;
    text-transform: none;
   }
h1, h2, h3, h4, h5, h6 {
    padding: 5px 0 5px 0;
 }

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

/* normal links in stead of italic */

.gkContent a {
    font-style: normal;
}

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

/* make logo responsive */
/* padding verkleind van 10 naar 1 */
#gkLogo img {
  padding-top: 1px;
  max-width: 100%;
}

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

/* mobile menu settings */

 #gkMobileMenu i {
 color: #E96F2C;
 height: 44px;
 padding: 0!important;
 position: relative;
 right: 12px;
 text-align: center;
 /* text-indent: 24px; */
 width: 54px;
 }

/* make mobile menu sticky (with optional transparant) background */
#gkHeaderNav {
/* background-color: rgba(0,0,0,.5) none repeat scroll 0 0;   */
 background: #eeeeee none repeat scroll 0 0;
 position: fixed;
 }

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

/* main menu */

/* move menu higher */
#gkHeaderNav {
    padding: 5px 0 0;
    /* reduce position height */
    height: 130px;
}

/* move main menu to right and up */
#gkMainMenu
.gkMenu > ul {
    margin: -115px 0px 0px 305px;
}

/* adjust menu font size */
.gkMenu > ul > li > a {
    color: #111;
    display: block;
    height: 60px;
    line-height: 3;
    padding: 0 10px;
    position: relative;
    font-size: 18px;
}

/* reduce menu height */
.gkMenu > ul > li {
    height: 0;
}

/* submenu outside boxes */
.gkMenu > ul > ul {
    padding: 12px 0 8px;
    background: #999;
}

/* submenu inside boxes */
/* larger darker font size menu childcontent */
.gkMenu > ul > li div.childcontent a {
    color: #222;
    display: block;
    padding: 7px 0;
    font-size: 14px;
    font-weight: bold;
    background: #F8F8FF;
}

/* set active menu color */
.gkMenu > ul > li.active > a {
    color: rgb(251,154,131);
}

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

/* menu side bar settings */
.menu li a, .icons-menu li a {
    color: #1b1d1f;
    display: inline-block;
    padding: 8px 0;
    font-size: 17px;
}
.box .header {
    color: #010101;
    font-size: 20px;
    padding: 0px;
}

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

/* margin arround images */
section img {
 	margin: 10px 10px 5px 10px }

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

/* reduce distance on mainbody and mainboddybottom */
/* fontsize 15 ipv 14 standard article */
#gkMainbody {
    margin-top: 0;
    padding-top: 0px;
    margin-bottom: 0px;
        font-size: 15px;
}

#gkMainbodyBottom {
    padding-top: 5px!important;
  }

/* ========================================== */
       
/* reduced padding arround 'blocks' */
.gkblock-1, .gkblock-2, .gkblock-3 {
    margin: 10px 0;
    padding: 0px 20px;
}

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

/* reduced margin above boxes (sidebar/inset) */
.box + .box {
    margin: 0px 0 0;
}

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

/* no padding + no border-top line banners */
div.banneritem {
    border-top: 0px solid #e5e5e5;
    padding: 0px;
}

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

/*reduced space below content */

.blog article, .blog-featured article {
    margin-bottom: -40px !important;
}

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

/* reduce distance on top of pages */
#gkPageContent.gkPage, .jomsocial #gkPageContent {
  padding: 20px;
}

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

/* more header background space */
#gkHeader.gkPage {
    padding: 150px 0 0 !important;
}

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

/* increase margin between item body and top1 */

.itemBody {
  margin-top: 45px;        /* wide screen - was 55px */
}

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


/*reduced margin around module positions - only results for homepage... */
#gkTop1, #gkTop2 {
    padding: 0px;
/*    margin-top: -20px!important;
    margin-bottom: -120px;
*/
    height: 60px;
}

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

 /* move Header-bg a bit lower on wide screens */
 #gkHeaderBg {
 padding-top: 108px;
 }

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

/* noheader module (menu) in small screens */

@media only screen and (max-width:1040px) {
#gkMobileMenu #gkHeaderModules {
display: none;
}
  #gkMainbody .blog-featured {
  margin-top: 5px;        /* home page 'featured' */
}
#gkBreadcrumb {            /* aangepaste marge breadcrumbs */
    margin: -15px 0 5px;
}
 /* move Header-bg a bit higher on small screens */
 #gkHeaderBg {
 padding-top: 0px;
 }

/*reduced margin around module positions - only results for homepage... */
#gkTop1, #gkTop2 {
    padding: 0px;
    margin-top: -20px!important;
    margin-bottom: -120px;
    height: 100px;
}
}

@media only screen and (max-width:580px) {
  #gkMainbody .blog-featured {
  margin-top: 65px;        /* home page 'featured' */
}
  #gkMainbody {
  margin-top: 65px;        /* overige paginas */
}
#gkBreadcrumb {            /* aangepaste marge breadcrumbs */
    margin: -15px 0 5px;
}
/*reduced margin around module positions - only results for homepage... */
#gkTop1, #gkTop2 {
    padding: 0px;
    margin-top: -20px!important;
    margin-bottom: -120px;
    height: 100px;
}
}

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



/* mini logo on small screens */

@media only screen and (max-width:1040px) {
#gkHeaderNav {
height: 80px;
position: relative;
}

#gkHeaderModules {
bottom: auto;
height: 12px;
left: 60%;
margin-left: -145px !important;
padding: 0 !important;
right: auto;
top: 45px;
width: 290px;
}

/* set maximum height for logo on small screens */
/* aangepast van 60px naar 74px ivm vervorming */

#gkLogo img {
height: 74px;
}

/* set space for logo on small screens */

#gkHeader.gkPage {
    padding: 0px 0 0 !important;
}
}

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



/* hide side bar on small screens */
@media only screen and (max-width:1040px) {
#gkSidebar {
display: none;
}

/* adjust margin */
.itemBody {
  margin-top: 120px;
}
}

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

/* hide header_bg on small screens */

@media only screen and (max-width:580px) {
#gkHeaderBg {
display: none;
}
.itemBody {
  margin-top: 45px;
}
#gkHeader.gkPage {
    padding: 0px 0 0 !important;
}
}

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