style.css

/*
Theme Name: WP-Dimension
Theme URI: http://github.com/cogdog/wp-dimension
Author: Alan Levine
Author URI: https://cog.dog
Version: 2.52
Description: Use this theme for a single screen, clean calling card site, based on the HTML5 UP theme Dimension template. Have up to 16 front page box links for short content (anything that fits into a post) with optional buttons that link to outside content or longer content on the Page Template. Add a social media icon menu with the Iconic Font Menus plugin.
License: Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* note Main theme CSS is loaded from assets/main.css

   WordPress specific CSS is below
*/


/* Custom logo */

.logo {
	overflow: hidden;
}

.logo img {
	 width: 100%;
	 height: 100%;
}

/* WP Alignment */

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Edit links */
p.edit-this {
    text-align: right;
    font-size: 90%;
    color: yellow;
}

a.post-edit-link {
    border: none;
}


/* menu stuff  */
ul.actions {
    justify-content: center;
}


ul.actions a {
    border: none;
}

ul.actions li span {
    font-size: 2rem;
}

span.fontawesome-text {
    display: none;
}

/* reset  */
h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {
    width: unset;
}

/* image sizing  */
.image.main img {
	height: auto;
}

/* curse you blocks */
.wp-block-image img {
    width: 100%;
    height: auto;
}

#bg:after {
  background-image: none;
}

#header nav ul li a:hover, #header nav ul li a:active  {
	background-color: none;
}

#pagemain {
		-moz-flex-grow: 1;
		-webkit-flex-grow: 1;
		-ms-flex-grow: 1;
		flex-grow: 1;
		-moz-flex-shrink: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-shrink: 1;
		flex-shrink: 1;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		position: relative;
		max-width: 100%;
		z-index: 3;
}

 #pagemain #staticpage {
	padding: 4.5rem 2.5rem 1.5rem 2.5rem ;
	position: relative;
	width: 60rem;
	max-width: 100%;
	background-color: rgba(27, 31, 34, 0.85);
	border-radius: 4px;
	opacity: 0;

 }


#staticpage .image.main img.wp-post-image {
	height: auto;
}


#pagemain #staticpage {
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}


@media screen and (max-width: 736px) {

	#pagemain #staticpage {
		padding: 3.5rem 2rem 0.5rem 2rem ;
	}
}

@media screen and (max-width: 480px) {
	ul.actions li:last-child {
		padding-right:0;
	}

	#pagemain #staticpage {
		padding: 3rem 1.5rem 0.5rem 1.5rem ;
	}

}


@media screen and (min-width: 481px) {
    #header nav {
        display: table;
        width: 90%;
        table-layout: fixed;
    }

    #header nav ul {
        display: table-row;
        margin: 0;
        padding: 0;
        list-style:none;
    }

    #header nav ul li {
        list-style: none;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding: 0;
        border: 1px solid white;
        border-left: none;
        cursor:pointer;
        overflow-wrap: break-word;
    }

    #header nav ul li:hover {
      background-color: rgba(255, 255, 255, 0.075);
    }

    #header nav ul li.active {
      background-color: rgba(255, 255, 255, 0.175);
    }


    #header nav ul li:first-child {
        border-left: 1px solid white;
        border-radius: 8px 0 0 8px;
    }

    #header nav ul li:last-child {
        border-radius: 0 8px 8px 0;
    }

    #header nav ul li a {
        display: block;
        min-width: inherit;
        height: inherit;
        line-height: inherit;
        padding: 0.5rem;
        text-transform: uppercase;
        letter-spacing: 0.2rem;
        font-size: 0.8rem;
        border:0;
        text-decoration: none;
    }

    #header nav ul li a:hover {
      background-color: none;
    }
}