/* This gives a heading a cream background box */ 
.sidebarheading {
background-color: #E9E4E0;
padding: 3% 5%;
margin: 0.5em 0 !important;
}

/* This removes margin at the top */
.notop {
margin-top: 0px !important;
}

/* This adjusts the top and bottom margins for headings */
.sidehead {
margin-top: 1em !important;
margin-bottom: 0.5em !important;
font-weight: bold;
}

/* This adjusts the bottom margins for headings at top of the sidebar */
.sidehead-top {
margin-bottom: 0.5em !important;
font-weight: bold;
}

/*This is removes word wraps on body content */
.entry-content {
    -moz-hyphens: none;
    word-wrap: none;
}

/* This changes the side bar - projects */

.research_col .pt-cv-title a {
    font-weight: normal;
    font-size: 0.8em !important;
}

/* This changes the font in Cocorico toggle to Open Sans */

.cs_toggle p.cs_toggle_button a {
font-family: arial,san-serif;
}

/* This adds an icon font to listed menu items */
.listicon {
position:relative;
}

.listicon:before {
    content: "\f105"; 
    font-family: FontAwesome;
    left:px;
    position:absolute;
    top:-5px;
}

.listicon a {
    margin-left: 20px;
}

.listdoc {
position:relative;
}

.listdoc:before {
    content: "\f15b"; 
    font-family: FontAwesome;
    left:px;
    position:absolute;
    top:-5px;
}

.listdoc a {
    margin-left: 20px;
}

/* WP-Filebase CSS */

.wpfb-pubimage, .wpfb-pubcon {
	float:left;
}

.wpfb-fullpubcon {
       clear:both;
       padding: 2rem 0px;
}

.wpfb-pubimage {
	margin-right: 2rem !important;
}

.wpfb-aut, .wpfb-year, .wpfb-title {
	margin-bottom: 0.5em !important;
}

.wpfb-aut, .wpfb-year {
	font-size: 1.5rem !important;
}

.wpfb-title {
font-weight: bold;
}

/* This adds margin to the top of an element */

.magtop {
margin-top: 2em !important;
}

/* This changes the size of the accordion text */
.entry-content .cs_toggle_content p {
    font-size: 100% !important;
}

/* This changes the size of the heading for map */
.afmap h2 {
   font-size: 2em;
}

/* This replaces the Africa map */

/* These change the colors on the legend for the map */
.afmap ul li::after {
    color: #71bf44;
}
.afmap ul li.afc::after {
    color: #ffd204;
}
.afmap ul li.afe::after {
    color: #b185bc;
}
.afmap ul li.afs::after {
    color: #63c9d5;
}

/* These add underlines to the legend links */
.afw, .afc, .afe, .afs {
    text-decoration: underline;
}

/* This fixes the alignment of the social sharer on each page */
.label {
    padding: .2em 0 .3em;
    font-weight: normal;
    line-height: 1;
    color: #313131;
} 

/* This changes the caption on photos with in the site - This should be transferred to the Style.css */
.wp-caption-text {font-size: 1.7rem;}


/*This adds border to publication - thumbnail images*/
.docthumb {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: border 0.3s ease 0s, box-shadow 0.3s ease 0s;
}

/* This changes that body content link colors */
.entry-content a, .entry-summary a, .page-content a, .comment-content a, .pingback .comment-body > a {
    border-bottom: none;
    color:#f26522;
}

a:focus, a:hover {
    color: #f26522;
    text-decoration: underline;
}

/* These are custom changes for the logo for 50th year */
.site-logo {
background-color: #fff;
    width: 298px;
}

.main-navigation .menu-item > a {
    padding: 0.775em 10px;
}

.top-navigation ul.nav-menu {
    margin-left: 298px;
}

.main-navigation ul.nav-menu {
    margin-left: 298px;
}

.search-w form.gsc-search-box {
    margin-left: 298px;
}

@media handheld, only screen and (max-width: 900px) {
.main-navigation ul.nav-menu {
    margin-left: 0 !important;
}
}

@media handheld, only screen and (max-width: 600px) {
.site-header {
    background-color: #fff;
}
}

/* Main menu design change */
.main-navigation .menu-item > a:hover {
    color: #f26522;
    text-shadow: 1px 1px 1px #505050;
    text-decoration: none;
}

/* This changes the color of breadcrumb links */
.breadcrumbs-w a {
    color: #f26522;
}

/* This changes the text decoration on hover for the quick links */
.top-navigation a:hover {
    text-decoration: none;
}

/* This the text shadow on the home page strategic initatives */
div#ini-box1, div#ini-box2, div#ini-box3, div#ini-box4 {
    text-shadow: 1px 1px 1px #737373;
}

/* This changes the text size for tables */
.su-table {
    font-size: 14px;
}

/* This changes the allowed width of the breadcrumbs */
.breadcrumbs-w {
    width: 84%;
}
/* This changes the styling of the list items */
ul, ol {list-style: square;}

/* This changes the left margin of the list items */
.listmar {margin-left: 1.6842em;}

/* This changes the size of font size in the sidebar */
.su-column.su-column-size-1-3 li {
    font-size: 16px;
}

/* This changes the margins around the list items in the sidebar */
.su-column-size-1-3 ul, .su-column-size-1-3 ol, ul.wpv-loop.js-wpv-loop {
margin: 0 0 0.5em 1.25em;
}

/* This adds a border on the sidebar headings */
.sidehead-top, .sidehead {
border-bottom: 2px solid #e9e4e0;
}

/* This adds the a top border for the 'more' link*/
.moreitmlink {
border-top: 1px solid #e9e4e0;
font-size: 16px;
}

/* This adds the double arrow for 'more' links */
.moreitmlink a:after, .bodymorelink a:after, .archivesmorelink  a:after {
    content: "\f101";
    font-family: FontAwesome;
    margin-left: 5px;
    position: absolute;
}

/* This adds the double arrow for 'more' links for news items and body links only */
.newsmorelink a:after, .bodymorelink a:after {
    content: "\f101";
    font-family: FontAwesome;
    margin-left: 5px;
    position: relative;
}

/* This changes the 'more' link to a table element */
/* .newsmorelink, .bodymorelink, .archivesmorelink  {
display: table;
} */

/* This adds margin to the top of the news more links */
.archivesmorelink  {
margin-top: 5px;
}

/* This adds a margin to the top of heading under the Shortcode Ultimate */
.theading {margin-top: 2em !important;}

/* This hides menu items in responsive view */
@media only screen and (min-width: 1023px) {
    #menu-item-6452, #menu-item-6453, #menu-item-6454 {
        display: none;
    }
}

/* This changes the size of font in the footer widget*/
.footerwig {
font-size: 14px;
}

/* This is changes the heading 2 weight */
h2 {
font-weight: bold;
}

#disqus_thread {max-width: 1024px; margin: 0 auto;}

/*  This changes the size of the media querie  for bottom features on the Home page */
@media (max-width: 1200px) {
 .elementor-2 .elementor-element.elementor-element-zvrnh1x .elementor-heading-title {
    font-size: 26px !important;
}
}

/* This changes the width of the drop-down menu */
.main-navigation ul.nav-menu .sub-menu {
min-width: 225px;
}

/* This adjusts the menu and drop down menu size for devices between 901 and 1365 screen sizes */

@media (min-width: 901px) and (max-width: 1365px) {
.main-navigation .menu-item > a {
    font-size: 13px !important;
    /* padding-bottom: 21px !important; */
}

.main-navigation .menu-item.current-menu-item > a:after {
    margin-top: 30px !important;
}
.main-navigation ul.nav-menu .sub-menu {
    min-width: 200px;
}
.main-navigation .menu-item > a {
    padding: 1.2em 10px;
}
}

/* This changes the navigation on the archives */ 
.pagenationbutton {
-webkit-appearance: button;
    background-color: #bfd234;
    border: 0;
    color: #fff !important;
    text-decoration: none !important;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    padding: 0.7917em 1.5em;
    text-transform: uppercase;
    border-radius: 3px;
}

/* This makes tables responsive */
.tblresponsive {
 overflow-x:auto;
}

/* This makes ultimate shortcodes tables response */
div.su-table table {
width:initial !important;
}
.su-table {
overflow-x: auto;
}

/* This changes icon on the accordian */
.cs_toggle p.cs_toggle_button:before {
content: ' ' !important;
}

/* This centers the financial tables in the Finance section */
div.su-table .fintable {
margin: 0 auto !important;
}

/* This changes the IITA logo */
@media (min-width: 901px) {
.site-logo {padding: 16px; background-color: rgba(255, 255, 255, 0.6); !important}
}

@media (min-width: 601px) {
.site-logo {padding: 16px; !important}
}

/* Map font size replacement */
/* a {font-size: 18px; !important} */

/* New logo without IITA 50*/
.site-logo {
    width: 217px !important;
}

.top-navigation ul.nav-menu, .main-navigation ul.nav-menu {
    margin-left: 218px !important;
}

/* Nairobi Innovation Week speakers - change the images to circles */
img.aligncenter.size-full.wp-image-15317, img.aligncenter.size-full.wp-image-15318, img.aligncenter.size-full.wp-image-15319, img.aligncenter.size-full.wp-image-15320 {
    border-radius: 50%;
}

/* Fix for order list */
ol {
    list-style: decimal !important;
}

.media-w {
	background-color: #5d5d5d !important;
}

.menu-footer-menu-col-2-container
{
padding-left: 30%;
}

.menu-footer-menu-col-3-container
{
padding-left: 20%;
}

/* Changes footer background and text color */
.site-footer {
	background-color: #131a22 !important;
}

.site-footer p{
        color: #8a8a8a !important;
}

.site-footer a{
      color: #888 !important;
}

.footerwig a{
color: #888 !important;
}

.site-info-w {
        color: #777 !important;
}
/*Homepage event widget styling*/

.ecwd_theme_calendar .calendar-head {
	background: #131a22 !important;
}

.ecwd_theme_calendar .calendar-head .current-month {
	font-size: 28px;
	border-left: 1px solid #fff !important;
	border-right: 1px solid #fff !important;
}

.ecwd_theme_calendar .calendar-head .next {
	border-left: 1px solid #fff !important;
}

.ecwd_theme_calendar .ecwd_calendar_view_tabs .filter-container ul {
	display: none;
}

.calendar_main a:not(.cpage) {
	font-weight: bold;
}

.ecwd_theme_calendar .ecwd-pagination .page, .ecwd_theme_calendar table.cal_blue.mini .current-day, .ecwd_theme_calendar table.cal_blue.mini td ul.events li {
	background: #384556 !important;
}

.ecwd_theme_calendar .ecwd_list .ecwd-list-date {
	background: #323c49 !important;
        padding: 10px;
}

.wpb_content_element {
margin-bottom: 0px !important;
}


#mapleg{
top: 320px !important;
left: 20px !important;
background: none  !important;
border: none  !important;
}

.eventon_main_section{
padding-top: 15% !important;
}

.main-navigation .menu-item-19652{
    background-color: #c0392b;
    width: 40px;
}

.socialsharer-w2 {
    display: none;
}

div.product div.social {
display: none;
}
.breadcrumbs{
width: 100% !important;
}

.top-navigation ul.nav-menu a.radio {
    display: none;
}