style.scss

/*!
 * Theme Name: Evergreen - 2017
 * Theme URI: http://shramee.me
 * Description: Custom theme for shramee.me
 * Author: Shramee
 * Author URI: http://shramee.me
 * Template: twentyseventeen
 * Version: 1.0.0
 */

$blue: #415e73;
$green: #00a553;

@import 'scss/base';

#top-logo {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 999;
	width: 200px;
}

.custom-header {
	.two-col {
		max-width: 1400px;
		width: 88vw;
		min-width: 300px;
		margin: auto;
		padding: 0 5px;
	}
	.col.mascot {
		padding-top: 50px;
		position: relative;
		img {
			position: relative;
			display: block;
			margin: 2px auto;
		}
		&:before {
			content: '';
			display: block;
			border-bottom: 5px solid #00a452;
			position: absolute;
			bottom: 0;
			left: -99vw;
			width: 199vw;
		}
	}
}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	color: inherit;
	-webkit-font-smoothing: antialiased;
}

h1 {
	font: 900 88px/1 'Arial Black', sans-serif;
	margin: 45px 0 25px;
}

h2 {
	font: 900 43px/1 'Arial Black', sans-serif;
	text-transform: uppercase;
	margin: 20px 0 25px;
}

h3 {
	font: 900 25px 'Arial Black', sans-serif;
	text-transform: uppercase;
	margin: 16px 0 20px;
}

h4 {
	font: 100 25px 'Arial', sans-serif;
}

.mascot img {
	position: relative;
}

.no-list {
	li {
		display: block;
		span {
			display: inline-block;
			max-width: calc( 100% - 56px );
			vertical-align: middle;
		}
	}
}

.clear:after {
	content: '';
	display: block;
	clear: both;
}

#subscribers-receive li i.fa {
	font-size: 25px;
	padding: 9px 9px 9px 0;
	color: $green;
	vertical-align: middle;
}

.site-footer .widget-area {
	table {
		margin: 0;
	}
	tr {
		border: none;
	}
}

body {
	.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
		box-shadow: none;
		flex: 0 0 43px;
		margin: 0 16px 0 0;
		:hover {
			color: inherit;
			box-shadow: none;
		}
	}
}

@import 'scss/mob';