/**
 * This file should get overwritten if Method 1 is used. If Method 2 is chosen,
 * remove this comment and start adding your styles to this file.
 */
 
/*link colors on first page where this class is used
---------------------------------------------------------------------------------*/
.frontlink {
color: grey;
}
#block-views-news-block .views-row p {
	text-align:justify;
}
.views-row a {
	text-decoration:none;
}
.ui-widget-content a {
    color: #337ab7;
}

/*Footer background color
---------------------------------------------------------------------------------*/
.footer a {
	color:#f5f5f5;
	line-height: 2em;
}
.kol1, .kol2 {
	border-right:1px solid #8e8e8e;
	padding-right:10px;
}
.kol3, .kol4 {
	border-left:1px solid #8e8e8e;
	padding-left:10px;
}
.footer-col {
    padding-left: 0;
    padding-right: 0;
}
.footer-logo {
	padding-left: 0;
	padding-right: 0;
}

/*Images that stretch over four columns - styling
---------------------------------------------------------------------------------*/
.col-sm-4 img {
width:100%;
height:auto;
}

/*logo size
---------------------------------------------------------------------------------*/
.logo {
    width: 300px;
	height:auto;
}

/*Search block
---------------------------------------------------------------------------------*/
#topmenusearch {
	float:right;
	margin-top:15px;
}
#block-search-form {
    margin-top: 1em;
}
#block-block-80, #block-block-81, #block-block-82 {
	height:5rem;
}

/* Social Media Share Buttons
---------------------------------------------------------------------------------*/
#connect {
    float:left;
    margin-right:2%;
}
#social-connect {
    float:left;
}
#social-connect ul li {
    padding-bottom:0px;
    margin-bottom:none;
}
#socialconnectlist{
    position: relative;
	height:3em;
}
#socialconnectlist li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
}
#socialconnectlist li, #socialconnectlist a {
    height: 30px;
    display: block;
}
#facebook {
    left: 0px;
    width: 31px;
    background: url('/sites/base2.nwu.ac.za/files/social_buttons.png') 0 0 rgba(0, 0, 0, 0);
}
#twitter {
    left: 39px;
    width: 31px;
    background: url('/sites/base2.nwu.ac.za/files/social_buttons.png') -39px 0 rgba(0, 0, 0, 0);
}
#linkedin {
    left: 78px;
    width: 31px;
    background: url('/sites/base2.nwu.ac.za/files/social_buttons.png') -77px 0 rgba(0, 0, 0, 0);
}
#youtube {
    left: 116px;
    width: 31px;
    background: url('/sites/base2.nwu.ac.za/files/social_buttons.png') -116px 0 rgba(0, 0, 0, 0);
}
#googleplus {
    left: 154px;
    width: 31px;
    background: url('/sites/base2.nwu.ac.za/files/social_buttons.png') -154px 0 rgba(0, 0, 0, 0);
}
#facebook a:hover {
    background: url('/sites/base2.nwu.ac.za/files/social_buttons.png') 0 -30px;
}
#twitter a:hover {
    background: url('/sites/base2.nwu.ac.za/files/social_buttons.png') -39px -30px;
}
#linkedin a:hover {
    background: url('/sites/base2.nwu.ac.za/files/social_buttons.png') -77px -30px;
}
#youtube a:hover {
    background: url('/sites/base2.nwu.ac.za/files/social_buttons.png') -116px -30px;
}
#googleplus a:hover {
    background: url('/sites/base2.nwu.ac.za/files/social_buttons.png') -154px -30px;
}

/*Language block
---------------------------------------------------------------------------------*/
#block-locale-language {
	float:right;
	margin-top:1em;
	clear:right;
}
.language-link {
    color: #999;
}
.tn.last {
    display: none;
}

/*Dropdown menu 
---------------------------------------------------------------------------------*/
#block-block-129, #block-block-131, #block-block-132 {
	clear:both;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #c3c3c3;
    color: #555;
}
.dropdown-menu {
    background-color:#333333;
}
.dropdown-menu > li > a {
    color:#ffffff;
}
/*Main menu
---------------------------------------------------------------------------------*/
.menu.nav.navbar-nav.pull-left {
    font-size: larger;
    font-weight: 600;
}

/*Boonste Carousel
---------------------------------------------------------------------------------*/
.carousel-caption {
    background-color: rgba(1, 1, 1, 0.5);
}
.carousel-caption a {
   color:#fff;
}
.carousel-caption {
    bottom: 0;
    color: #fff;
    left: 0;
    padding-bottom: 2%;
    padding-left: 2%;
    padding-top: 2%;
    position: absolute;
	text-align:left;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    width: 100%;
    z-index: 10;
}
.carousel-indicators {
    list-style: outside none none;
    position: absolute;
    right: 5%;
    top: 5%;
    z-index: 15;
}
/*News pager
---------------------------------------------------------------------------------*/
.view-news .pager {
    clear: left;
    color: black;
}
/* Wit spasie tussen die views
---------------------------------------------------------------------------------*/
#block-views-discover-block .block-title, #block-views-campus-block .block-title, #block-block-124 .block-title, #block-block-130 .block-title, #block-block-134 .block-title {
    border-top: 2px solid grey;
    padding-top: 0.8em;
}
#block-views-news-block .block-title {
	padding-top: 0.8em;
}
#block-block-146, #block-block-158{
    margin-bottom: 50px;
    margin-top: 70px;
}
/*Body CKEditor
---------------------------------------------------------------------------------*/
/*body {
    background-image: url("/sites/library.nwu.ac.za/themes/bootstrap_nwu/images/2ndtopk.png");
    background-repeat: no-repeat;
	background-size:100% 320px;
}
*/
body.cke_editable {
    background-image: none !important;
}
.cke_editable {
    background-image: none;
}
body.node-type-page-clean-top{
    background:none;
}
/*Left menu
---------------------------------------------------------------------------------*/
.panel {
	background-color:#eeeeee;
	margin-bottom:5px;
}
/*.panel a {
	color:#333;
}*/
#block-menu-menu-menu-dropdown .panel a {
	padding-left:10px;
}
/*Content bottom-padding
---------------------------------------------------------------------------------*/
.content {
	padding-bottom: 20px;
}
/*Admin displayed correctly (admin/structure/menu/manage/menu-main-menu-base2/poweredit)
---------------------------------------------------------------------------------*/
.table .checkbox {
	display: table-cell;
}
#menu-editor-overview-form .form-group {
	margin-bottom:0px;
}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
	margin-left:0px;
}
/*Front page links in blocks to be white
---------------------------------------------------------------------------------*/
#block-block-136 a, #block-block-137 a, #block-block-138 a, #block-block-139 a, #block-block-140 a, #block-block-141 a, #block-block-142 a, #block-block-143 a, #block-block-151 a, #block-block-152 a, #block-block-153 a, #block-block-154 a, #block-block-155 a, #block-block-155 a, #block-block-156 a, #block-block-157 a, #block-block-160 a{
    color: white;
}
/*Blocks border and padding*/
#campus {
    padding: 10px;
    border: 1px solid grey;

}
.mc {
    background-color: #00377c;
    border: medium none #00377c;
    color: white;
    font-weight: 600;
    margin-top:15px;
    padding: 10px;
}
.pc {
    background-color: #86112b;
    border: medium none #86112b;
    color: white;
    font-weight: 600;
    margin-top:15px;
    padding: 10px;
}
.vtc {
    background-color: #619639;
    border: medium none #619639;
    color: white;
    font-weight: 600;
    margin-top:15px;
    padding: 10px;
}
.io {
    background-color: #969696;
    border: medium none #86112b;
    color: white;
    font-weight: 600;
    margin-top:15px;
    padding: 10px;
}
/* Bullet indent*/
.node ol, .node ul {
    padding-left: 1em !important;
}

/*Short Course
---------------------------------------------------------------------------------*/
/*View - View Display van Content type soos gebruiker dit sien------*/
.field.field-name-field-proposed-offer {
	margin-top: 5px;
	margin-bottom: 5px;
}
.node-short-course .field-label {
    text-align: left;
    padding: 5px;
}
.node-short-course .field-items {
    padding: 5px;
}
/*Edit - Edit Display van Content type soos gebruiker dit sien
---------------------------------------------------------------------------------*/
.node-short_course-form .help-block {
	padding-left:20px;
	color:purple;
	font-style:italic;
}
.node-short_course_event-form .help-block {
	padding-left:20px;
	color:purple;
	font-style:italic;
}
.panel-heading {
	margin-bottom:0px;
}
.panel-body {
	padding-top:0px;
}
#switch_edit-field-admin-purposes-icas-decisi-und-0-value {
    display:none;	
}
#edit-field-admin-purposes-icas-decisi-und-0-format {
    display:none;
}
#node_short_course_form_group_professional_bdys_grp_div .tabledrag-toggle-weight-wrapper {
	display:none;
}
#edit-field-additional-information-und-0-format {
	display:none;
}
#node_short_course_form_group_professional_bdys_grp_div label {
	height: 55px;
	text-align:center;
}
#edit-field-professional-body-name-pic > div {
	float:left;
	width:10%;
    padding-top:31px;	
}
#edit-field-professional-body-name-pic .form-control.form-select {
	height:332px;
}
#edit-field-proffesional-body-names > div {
    float: left;
    width: 18%;
}
#edit-field-cpd-approval > div {
    float: left;
    width: 10%;
}
#edit-field-cpd-number > div {
    float: left;
    width: 8%;
}
#edit-field-number-of-points > div {
    float: left;
    width: 8%;
}
#edit-field-reporting-requirements > div {
    float: left;
    width: 14%;
}
#edit-field-start-date-of-permission > div {
    float: left;
    width: 14%;
}
#field-start-date-of-permission-values .field-label {
	text-align:center;
}
#edit-field-end-date-of-permission > div {
    float: left;
    width: 14%;
}
#field-end-date-of-permission-values .field-label {
	text-align:center;
}
#edit-field-cpd-permission-document > div {
    float: left;
}
.form-type-textfield.form-item-field-start-date-of-permission-und-0-value-date.form-item.form-group input, .form-type-textfield.form-item-field-end-date-of-permission-und-0-value-date.form-item.form-group input, .form-type-textfield.form-item-field-course-date-und-0-value-date.form-item.form-group input, .form-type-textfield.form-item-field-course-date-end-und-0-value-date.form-item.form-group input {
	width:99px;
}
#switch_edit-field-course-outcomes-und-0-value {
    display: none;
}
#edit-field-course-outcomes-und-0-format {
    display: none;
}
/*
#node_short_course_form_group_specific_events .tabledrag-toggle-weight-wrapper {
	display:none;
}
#node_short_course_form_group_specific_events .field-multiple-drag, #node_short_course_form_group_presenters_all .field-multiple-drag {
	display:none;
}
#node_short_course_form_group_specific_events .field-label {
	height:62px;
	text-align:center;
}
#edit-field-venues > div {
    float: left;
    width: 15%;
    padding-top:15px;
}
#edit-field-language-of-tuition-event > div {
    float: left;
    width: 14%;
}
#edit-field-presenters > div {
    float: left;
    width: 20%;
}
#edit-field-course-date > div {
    float: left;
    width: 16%;
}
#edit-field-course-date-end > div {
    float: left;
    width:16%;
}
#edit-field-cost > div {
    float: left;
    width: 14%;
}
#short-course-node-form .location-wrapper {
    display: none;
}
#short-course-event-node-form .location-wrapper {
    display: none;
}
#field-course-date-values .container-inline-date label, #field-course-date-end-values .container-inline-date label{
	display:none;
}
#field-course-date-values .date-padding, #field-course-date-end-values .date-padding {
	padding:0px;
	padding-top:3px;
	padding-left:1px;
}
#field-course-date-values .panel-body, #field-course-date-end-values .panel-body {
	width:144px;
	height:42px;
}
#node_short_course_form_group_presenters_all label, #node_short_course_full_group_presenterss .field-label {
	height:35px;
	padding-left:50px;
}
#edit-field-name-of-presenter-and-inst > div {
    float: left;
    width: 20%;
	padding-top:15px;
}
#edit-field-occupatn > div {
    float: left;
    width: 20%;
}
#edit-field-highest-applicable-qual > div {
    float: left;
    width: 20%;
}
#edit-field-professional-reg > div {
    float: left;
    width: 20%;
}
#edit-field-years-of-applicable-exp > div {
    float: left;
    width: 20%;
}
.field.field-name-field-name-of-presenter-and-inst.field-type-text.field-label-above, .field.field-name-field-occupatn.field-type-text.field-label-above, .field.field-name-field-highest-applicable-qual.field-type-text.field-label-above, .field.field-name-field-professional-reg.field-type-text.field-label-above, .field.field-name-field-years-of-applicable-exp.field-type-text.field-label-above  {
    float: left;
    width: 20%;
}
*/
#short-course-event-node-form .location-wrapper {
    display: none;
}
#node_short_course_event_form_group_presenters_allofthem label, #node_short_course_full_group_presenterss .field-label {
	height:35px;
	padding-left:50px;
}
#node_short_course_event_form_group_presenters_allofthem .field-multiple-drag {
	display:none;
}
.field-type-datetime.field-name-field-start-date-of-course.field-widget-date-popup.form-wrapper.form-group {
    float: left;
    padding-right: 5%;
    width: 35%;
}
.field-type-datetime.field-name-field-end-date-of-course.field-widget-date-popup.form-wrapper.form-group {
    float: left;
    width: 30%;
}
#edit-field-course-fee {
    clear: left;
}
#edit-field-name-of-presenters > div {
    float: left;
    width: 20%;
	padding-top:15px;
}
#edit-field-occupation-all > div {
    float: left;
    width: 20%;
}
#edit-field-occupations > div {
    float: left;
    width: 20%;
}
#edit-field-professional-registration > div {
    float: left;
    width: 20%;
}
#edit-field-yrs-of-applicable-exp > div {
    float: left;
    width: 20%;
}
.field.field-name-field-name-of-presenter-and-inst.field-type-text.field-label-above, .field.field-name-field-occupatn.field-type-text.field-label-above, .field.field-name-field-highest-applicable-qual.field-type-text.field-label-above, .field.field-name-field-professional-reg.field-type-text.field-label-above, .field.field-name-field-years-of-applicable-exp.field-type-text.field-label-above  {
    float: left;
    width: 20%;
}
#field-name-of-presenters-add-more-wrapper .tabledrag-toggle-weight-wrapper a, #field-occupation-all-add-more-wrapper  .tabledrag-toggle-weight-wrapper a, #field-occupations-add-more-wrapper .tabledrag-toggle-weight-wrapper a, #field-professional-registration-add-more-wrapper .tabledrag-toggle-weight-wrapper a, #field-yrs-of-applicable-exp-add-more-wrapper .tabledrag-toggle-weight-wrapper a {
	display:none;
}

.field-type-datetime.field-name-field-start-date-of-permission.field-widget-date-popup.form-wrapper.form-group legend, 
.field-type-datetime.field-name-field-end-date-of-permission.field-widget-date-popup.form-wrapper.form-group legend {
	padding:6px;
}
.field-type-datetime.field-name-field-start-date-of-permission.field-widget-date-popup.form-wrapper.form-group .panel-title.fieldset-legend .field-type-datetime.field-name-field-end-date-of-permission.field-widget-date-popup.form-wrapper.form-group .panel-title.fieldset-legend {
	font-size:11px;
}

#field-proffesional-body-names-values .field-multiple-drag, #field-cpd-approval-values .field-multiple-drag, #field-cpd-number-values .field-multiple-drag, #field-number-of-points-values .field-multiple-drag, #field-reporting-requirements-values .field-multiple-drag, #field-start-date-of-permission-values .field-multiple-drag, #field-end-date-of-permission-values .field-multiple-drag {
	display:none;
}
.field.field-name-field-proffesional-body-names.field-type-text.field-label-above,
.field.field-name-field-start-date-of-permission.field-type-datetime.field-label-above,
.field.field-name-field-end-date-of-permission.field-type-datetime.field-label-above {
	width:20%;
    float: left;
}
.field.field-name-field-cpd-approval.field-type-text.field-label-above, .field.field-name-field-cpd-number.field-type-text.field-label-above, .field.field-name-field-number-of-points.field-type-text.field-label-above,
.field.field-name-field-reporting-requirements.field-type-text.field-label-above {
    width: 10%;
    float: left;
}
.field.field-name-field-proffesional-body-names.field-type-text.field-label-above .field-label,.field.field-name-field-cpd-approval.field-type-text.field-label-above .field-label, 
.field.field-name-field-cpd-number.field-type-text.field-label-above .field-label, .field.field-name-field-number-of-points.field-type-text.field-label-above .field-label,
.field.field-name-field-reporting-requirements.field-type-text.field-label-above .field-label,
.field.field-name-field-start-date-of-permission.field-type-datetime.field-label-above .field-label,
.field.field-name-field-end-date-of-permission.field-type-datetime.field-label-above .field-label {
	height:60px;
}
#field-start-date-of-permission-values legend, #field-end-date-of-permission-values legend {
	display:none;
}
#field-start-date-of-permission-values .panel-body, #field-end-date-of-permission-values .panel-body {
	height:42px;
	width:144px;
}
#field-start-date-of-permission-values .date-padding, #field-end-date-of-permission-values .date-padding {
	padding:0px;
	padding-top:3px;
}
#field-start-date-of-permission-values input, #field-end-date-of-permission-values input, #field-course-date-values input, #field-course-date-end-values input  {
	width:116px;
}
#field-start-date-of-permission-values legend, #field-end-date-of-permission-values legend, #field-course-date-values legend, #field-course-date-end-values legend {
	display:none;
}
.field-type-datetime.field-name-field-start-date-of-permission.field-widget-date-popup.form-wrapper.form-group, .field-type-datetime.field-name-field-end-date-of-permission.field-widget-date-popup.form-wrapper.form-group {
    float: left;
    width: 16%;
}
.outcomes td {
	background: #f2f2f2;
    border: 1px solid #e0e0e0;
    padding: 10px;
    vertical-align: top;
}
.outcomes h4 {
	text-align:center;
}
.field-name-field-mode-of-delivery {
	padding-top: 20px;
}
.front-link h1 {
	font-size: 1.5em;
}
.front-link {
	color: grey;
}
.pager li > a, .pager li > span {
	color: grey;
}
.logo img {
    height: auto;
    padding-top: 2em;
	padding-bottom: 1em;
    width: 300px;
}
.dropdown-menu > li > a {
	line-height:2em;
}
.navbar {
	margin-bottom:0px;
}
#block-menu-menu-menu-dropdown {
	padding-top:20px;
}
.dropdown-header {
    font-size: 1.2em;
}
.node-form.node-short_course-form .location-wrapper {
    display: none;
}
#edit-field-course-outcomes-criteria-und-0-format {
    display: none;
}
.field-type-text.field-name-field-field-discipline-or-topic.field-widget-text-textfield.form-wrapper.form-group label, .field-type-text.field-name-field-field-discipline-or-topic.field-widget-text-textfield.form-wrapper.form-group input {
    display: none;
}
#short-course-node-form .fieldset-title {
    font-size: 1.2em;
}
#edit-field-course-title-helptext label {
    display: none;
}
#edit-field-course-title-helptext input {
    display: none;
}
#edit-field-company-audience-specific- label {
    display: none;
}
#edit-field-company-audience-specific- input {
    display: none;
}
/*
body.page-node-37283, body.page-node-37284, body.page-node-37285, body.page-node-43640  {
    background-color: #D0D3e2;
    background-repeat: no-repeat;
	background-size: 100% 910px;
}*/

.locale-untranslated, tn.last {
	display:none;
}
#block-block-135.page-node-37283 {
    margin-top: 3%;
    margin-bottom: 3%;
}
#block-block-135, #block-block-149 {
    color: #fff;
    margin-bottom: 1%;
	  padding-top:1em;
	  padding-bottom:1em;
}
#block-block-137, #block-block-151 {
	height:300px;
}
.grey-block-1, .grey-block-2, .grey-block-3, .grey-block-4 {
    background-color: #3c3c3c;
	background-color: rgba(60, 60, 60, 0.7);
    color:#fff;
}
.grey-block-1, .grey-block-2 {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}
.grey-block-3{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	height:165px;
}
.grey-block-4 {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 0;
	border-top-right-radius: 0;
}
button, input, optgroup, select, textarea {
    color: #4d5d5d;
}
.bgblue {
    background-color: #99a1be;
    color: #fff;
}
.bgblue h2{
    color: #00748D;
    font-size: 1.5em;
	  font-weight: 700 !important;
}
.bgblue {
    padding-left: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-right: 1em;
}
.bgbluetop {
	  background-color: #99a1be;
    padding-left: 1em;
    padding-right: 1em;
	  padding-top: 0.3em;
    padding-bottom: 0.3em;
}
.bgblue a {
    color: #fff;
}
.btn.btn-danger.btn-block.btn-lg {
    background-color: #00748D;
    border: #00748D;
}
.btn.btn-danger.btn-sm {
    background: #00748D;
    border: #00748D;
    margin-bottom: 1em;
}
.btn-danger:hover, .open > .dropdown-toggle.btn-danger {
    color: #99a1be;
    background-color: #00748D;
    border-color: #00748D;
	  color:#99a1be;
}
.btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .dropdown-toggle.btn-danger {
    color: #99a1be;
    background-color: #00748D;
    border-color: #00748D;
}
#block-block-138, #block-block-161, #block-block-152, #block-block-162 {
    padding-right: 0px !important;
	  padding-left: 22px !important;
}
#block-block-137 .block-title.block-title, #block-block-138 .block-title.block-title, #block-block-151 .block-title.block-title, #block-block-152 .block-title.block-title {
	color: #99BBDE;
	font-size: 1.5em;
	padding-left: 1em;
}
#block-block-140, #block-block-141, #block-block-142, #block-block-154, #block-block-155, #block-block-156 {
    margin-top: 1%;
    height: 264px;
}
#block-block-143, #block-block-157{
	margin-top: 1%;
}
#block-block-139 .block-title.block-title, #block-block-140 .block-title.block-title, #block-block-141 .block-title.block-title, #block-block-142 .block-title.block-title, #block-block-143 .block-title.block-title, #block-block-153 .block-title.block-title, #block-block-154 .block-title.block-title, #block-block-155 .block-title.block-title, #block-block-156 .block-title.block-title, #block-block-157 .block-title.block-title {
	color: #A1Cd87;
	font-size: 1.5em;
	padding-left: 1em;
}
#block-block-138 a, #block-block-152 a{
    color:#fff;
}
#block-block-138, #block-block-152 {
	height:200px;
}
.icon.fa.fa.fa-clock-o, .icon.fa.fa.fa-phone-square, .icon.fa.fa.fa-map-marker, .icon.fa.fa.fa-group {
    padding-right: 4%;
    padding-left: 4%;
}
#block-block-139, #block-block-153 {
	height:100px;
}
#block-block-139 li, #block-block-153 li  {
    float: left;
    padding-right:6px;
}
#block-block-139 > ul, #block-block-153 > ul {
    list-style:none;
    margin-left: -32px;
}
#block-block-145 {
    margin-bottom: -10px;
}
/*Webform*/
.webform-client-form .btn {
    margin-top: 15px;
}
.fpage{ 
	border-top: 8px solid #00748d;
} 
#edit-submit {
    margin-bottom: 20px;
}
@media only screen and (min-width: 768px) { 
	.field-name-body .col-sm-3 .bgblue { 
		height: 260px; 
	}
}
@media screen and (max-width: 768px) {
  .block-system .col-sm-3 {
    margin-top: 9px;
}
	/*
body {
    background-image: url("/sites/library.nwu.ac.za/themes/bootstrap_nwu/images/2ndtopk.png");
    background-repeat: no-repeat;
	background-size:800px 270px;
}
	*/
#block-block-138, #block-block-161 {
	  padding-left: 0px !important;
}	
 .grey-block-1, .grey-block-2, .grey-block-3, .grey-block-4 {
     width: 100%;
}
.grey-block-3{
	height:auto;
}
#block-block-138, #block-block-140, #block-block-141, #block-block-142, #block-block-143, #block-block-152, #block-block-154, #block-block-155, #block-block-156, #block-block-157 {
    height: auto;
    margin-top: 2%;
}
#block-block-146, #block-block-158 {
    background-color: #ffffff;
    padding: 5px;
}
#block-block-146 .col-sm-4, #block-block-158  .col-sm-4{
    padding-bottom: 20px;
}
ul li{
	line-height: 2em;}
/*	
body.page-node-37283, body.page-node-37284, body.page-node-37285  {
    background-image: url("/sites/library.nwu.ac.za/themes/bootstrap_nwu/library-science.jpg");
    background-repeat: no-repeat;
	background-size: cover;
}
	*/
.kol1, .kol2, .kol3, .kol4 {

	padding-right:0;
	border:none;
	padding-left:0;
	text-align:left;
}	
}
/*Staff Member CSS*/
.field.field-name-field-title {
    float: left;
    margin-right: 0.5rem;
}
#node_staff_member_full_group_personal_details .field-label {
    width: 142px;
}
.node-staff-member .field-name-field-image-attach img {
    height: auto;
    width: 100%;
}
.field-name-field-title, .field-name-field-title-name-and-surname {
    font-size: 2rem;
}
.field-name-field-research-gate-image, .field-name-field-linkedin-image, .field-name-field-google-scholar-image, .field-name-field-nwu-expert-image, .field-nwu-expert-image, .field-name-field-orcid-id-image, .field-name-field-other-1-image, .field-name-field-other-2-image, .field-name-field-other-3-image {
    float: left;
    padding-right: 1rem;
}
.node-type-staff-member .page-header {
    display: none;
}
.view-staff-members .field-label {
    width: 140px;
    font-weight:bold;
}
/*Search -----------------------------------------------------------*/
#search-form .form-type-checkboxes.form-item-type.form-item.form-group {
    display: none;
}
#search-form .form-type-checkboxes.form-item-language.form-item.form-group {
    display: none;
}
.page-search .breadcrumb {
    display: none;
}
/*Purple----------------------------------------------------------*/
/*-------------------Purple in header---------------------------*/
.navbar-default {
    background-color: #6c3d91;
    border-color: #6c3d91;
}
/*-------------------Purple in footer---------------------------*/
.region.region-footer .row {
    background-color: #6c3d91;
    padding-top: 1em;
}
.footer.container-fluid {
    background: #6c3d91;
}
/*Float right--------------------------------------------------------*/
.img-right {
    float: right;
	  padding-top: 1em;
}