/*
 Theme Name:     twentyseventeen child theme
 Theme URI:      https://wordpress.org/themes/twentyseventeen/
 Description:    Modified stock theme for insight i/o page.
 Author:         Satya Basu
 Author URI:     http://www.satyabasu.com/
 Template:       twentyseventeen
 Version:        1.0.0
*/
  
/* Add Custom CSS after this line */

#bitnami-banner {display:none;}

#content {
padding-top: 40px;
}

.wrap {
max-width: 1200px;
padding-left: 3em;
padding-right: 3em;
}

@media screen and (min-width: 48em) {
    .navigation-top .wrap {
        max-width: 1200px;
    }
}

@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap {
    max-width: 1050px;
	}
}

.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
    margin-left: auto;
    margin-right: auto;
    max-width: 1050px;
}

button, input[type="button"], input[type="submit"] {
	border-radius: 0.5em;
	font-size: 0.75rem;	
	font-weight: 600;
	padding: 0.5em;
}

.site-footer .widget-column.footer-widget-1 {
    float: left;
    width: 33.33%;
    padding: 0 5px;
}

.site-footer .widget-column.footer-widget-2 {
	float: left;
	width: 33.33%;
	padding: 0 5px;
}
 .site-footer .widget-column.footer-widget-3 {
	float: left;
	width: 33.33%;
	padding: 0 5px;
}

/* Mobile Devices */
@media only screen
and (max-width : 768px) {
    .site-footer .widget-column.footer-widget-1 {
        float: left;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 20px;
    }
}

@media only screen
and (max-width : 768px) {
    .site-footer .widget-column.footer-widget-2 {
        float: left;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 20px;
    }
}

@media only screen
and (max-width : 768px) {
    .site-footer .widget-column.footer-widget-3 {
        float: left;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 20px;
    }
}

#colophon {
background: #262c30;
}
#colophon * {
color: white;
list-style: none !important;
border: none !important;
box-shadow: none !important;
}

.widget-title {
font-size: 15px !important;
color: white !important;
}

.widget ul {
	margin-left: 50px;
}

.widget li a {
box-shadow: none !important;
color: white !important;
font-size: 14px !important;
}

.widget li a:hover {
box-shadow: none !important;
color: lightgrey !important;
}