CSS Template




* {
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

/* Style the top navigation bar */
.topnav {
  overflow: hidden;
  background-color: #ffffff;
}

.navigation-top {
    background: #313131;
    border-bottom: 5px solid #cf2e2e;
    border-top: 5px solid #cf2e2e;
    font-size: 1.0rem;
}

.navigation-top a {
    color: #f2f2f2;
    font-weight: 800;
}

.menu-toggle {
  color: #f2f2f2
}

/* Style the topnav links */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the content */
.content {
  background-color: #ddd;
  padding: 10px;
  height: 200px; /* Should be removed. Only for demonstration */
}

.page .entry-header { 
  display: none; 
}

.post .entry-title { 
  display: none; 
}

.wrap {
	max-width: 90%;
}
 
@media screen and (min-width: 48em) {
	.wrap {
		max-width: 100%;
	}
}
 
.page.page-one-column:not(.twentyseventeen-front-page) #primary {
	max-width: 100%;
}

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

/* Style the footer */
.footer {
  background-color: #f1f1f1;
  padding: 10px;
}





  Link
  Link
  Link



  CSS Template
  A topnav, content and a footer.



  Footer





/* RAISES NAVIGATION Z-INDEX*/

.navigation-fixed.navigation-top {
   z-index: 15 !important;
}
@media screen and (min-width: 48em)
{
	.site-navigation-fixed.navigation-top {
	z-index: 15 !important;
}}
/* END RAISES NAVIGATION Z-INDEX */

/* MOBILE NAV TEXT COLOR */ 
@media screen and (max-width: 767px){
	.navigation-top a {
		color: #767676 !important;
	}
}

/* END MOBILE NAV TEXT COLOR */ 

/* WIDEN CONTENT AREA ON POSTS*/
.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 {
    max-width: 1000px;
}