Very ugly commit. Wasn't on top of regular commits, so this is just a blast commit with all the changes.

1 files changed, 254 insertions, 26 deletions

diff --git a/style.css b/style.css
index bdb601c..3e1d371 100644
--- a/style.css
+++ b/style.css
@@ -1,14 +1,14 @@
 /*
-Theme Name: Twenty Thirteen
+Theme Name: Vortant
 Theme URI: http://wordpress.org/themes/twentythirteen
-Author: the WordPress team
-Author URI: http://wordpress.org/
-Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
-Version: 1.2
+Author: Nathan Kinkade
+Author URI: https://natha.nkinka.de
+Description: A theme for Vortant Technologies, based on the WordPress twentythirteen theme.
+Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
-Text Domain: twentythirteen
+Text Domain: vortant
 
 This theme, like WordPress, is licensed under the GPL.
 Use it to make something cool, have fun, and share what you've learned with others.
@@ -103,7 +103,8 @@ button,
 input,
 select,
 textarea {
-	font-family: "Source Sans Pro", Helvetica, sans-serif;
+	/*font-family: "Source Sans Pro", Helvetica, sans-serif;*/
+	font-family: Questrial, Arial, sans-serif;
 }
 
 body {
@@ -142,7 +143,7 @@ h3,
 h4,
 h5,
 h6 {
-	clear: both;
+	/*clear: both;*/
 	font-family: Bitter, Georgia, serif;
 	line-height: 1.3;
 }
@@ -442,7 +443,7 @@ th {
 
 td {
 	border-top: 1px solid #ededed;
-	padding: 6px 10px 6px 0;
+	/*padding: 6px 10px 6px 0;*/
 }
 
 del {
@@ -776,7 +777,7 @@ img.wp-smiley,
  */
 
 .site {
-	background-color: #fff;
+	background-color: #f3f3f3;
 	border-left: 1px solid #f2f2f2;
 	border-right: 1px solid #f2f2f2;
 	margin: 0 auto;
@@ -786,6 +787,7 @@ img.wp-smiley,
 
 .site-main {
 	position: relative;
+	background-color: #f3f3f3;
 }
 
 .site-main .sidebar-container {
@@ -814,13 +816,58 @@ img.wp-smiley,
 
 .site-header {
 	position: relative;
+	/*background-color: #157ec6;*/
+	background-color: #1a2123;
+	;
+}
+
+#header-logo {
+	/*
+	position: relative;
+	left: -100px;
+	*/
+	padding: 10px 0;
+	margin: 0 auto;
+	max-width: 980px;
+}
+
+#header-logo img {
+	/*
+	background: radial-gradient(50% 150%, #e5f1f9, #157ec6);
+	*/
+}
+
+#header-img {
+	display: inline-block;
+}
+
+#header-text {
+	display: inline-block;
+	/*
+	font-family: sans;
+	position: relative;
+	left: -95px;
+	*/
+	vertical-align: middle;
+	color: #fff;
+}
+
+#company-name {
+	font-size: x-large;
+	text-align: center;
+	font-weight: bold;
+}
+
+#tagline {
+	font-size: small;
+	text-align: center;
 }
 
 .site-header .home-link {
 	color: #141412;
-	display: block;
+	/*display: block;*/
 	margin: 0 auto;
-	max-width: 1080px;
+	max-width: 980px;
 	/*min-height: 230px;*/
 	padding: 0 20px 20px;
 	text-decoration: none;
@@ -855,7 +902,7 @@ img.wp-smiley,
 	clear: both;
 	margin: 0 auto;
 	/*max-width: 1080px;*/
-	max-width: 1080px;
+	max-width: 980px;
 	min-height: 45px;
 	position: relative;
 }
@@ -872,9 +919,11 @@ div.nav-menu > ul {
 }
 
 .nav-menu li a {
-	color: #141412;
+	/*color: #141412;*/
+	color: #1A2123;
 	display: block;
 	font-size: 15px;
+	font-weight: bold;
 	line-height: 1;
 	padding: 15px 20px;
 	text-decoration: none;
@@ -884,7 +933,8 @@ div.nav-menu > ul {
 .nav-menu li a:hover,
 .nav-menu li:focus > a,
 .nav-menu li a:focus {
-	background-color: #220e10;
+	/*background-color: #220e10;*/
+	background-color: #82474c;
 	color: #fff;
 }
 
@@ -949,7 +999,7 @@ ul.nav-menu .focus > ul,
 /* Navbar */
 .navbar {
 	/*background-color: #f7f5e7;*/
-	background-color: #b8cae2;
+	background-color: #d0d9db;
 	margin: 0 auto;
 	/*max-width: 1600px;*/
 	width: 100%;
@@ -962,8 +1012,9 @@ ul.nav-menu .focus > ul,
 }
 
 .site-header .search-field {
-	background-color: transparent;
-	background-image: url(images/search-icon.png);
+	/*background-color: transparent;*/
+	background-color: #fff;
+	background-image: url(images/search-icon-black.png);
 	background-position: 5px center;
 	background-repeat: no-repeat;
 	background-size: 24px 24px;
@@ -975,11 +1026,14 @@ ul.nav-menu .focus > ul,
 	position: relative;
 	-webkit-transition: width 400ms ease, background 400ms ease;
 	transition:         width 400ms ease, background 400ms ease;
-	width: 0;
+	/*width: 0;*/
+	width: 230px;
+	border: 2px solid #c3c0ab;
 }
 
 .site-header .search-field:focus {
 	background-color: #fff;
+	background-image: url(images/search-icon-black.png);
 	border: 2px solid #c3c0ab;
 	cursor: text;
 	outline: 0;
@@ -1003,6 +1057,7 @@ ul.nav-menu .focus > ul,
 	margin: 0 auto;
 	max-width: 980px;
 	width: 100%;
+	padding-top: 1em;
 }
 
 .sidebar .entry-header,
@@ -1029,7 +1084,7 @@ ul.nav-menu .focus > ul,
 }
 
 .entry-header {
-	margin-bottom: 30px;
+	/*margin-bottom: 30px;*/
 }
 
 .entry-title {
@@ -1131,6 +1186,11 @@ ul.nav-menu .focus > ul,
 	-ms-hyphens:     auto;
 	hyphens:         auto;
 	word-wrap: break-word;
+	background-color: #fff;
+	border: 1px solid #dfdfdf;
+	border-radius: 5px;
+	box-shadow: 0px 2px 3px #b7b7b7;
+	padding: 1em;
 }
 
 .entry-content a,
@@ -1154,7 +1214,7 @@ ul.nav-menu .focus > ul,
 
 .entry-content img.alignleft,
 .entry-content .wp-caption.alignleft {
-	margin-left: -60px;
+	/*margin-left: -60px;*/
 }
 
 .entry-content img.alignright,
@@ -1163,7 +1223,7 @@ ul.nav-menu .focus > ul,
 }
 
 footer.entry-meta {
-	margin-top: 24px;
+	/*margin-top: 24px;*/
 }
 
 .format-standard footer.entry-meta {
@@ -1248,6 +1308,128 @@ footer.entry-meta {
 	border-radius: 0;
 }
 
+#contact-form {
+	float: left;
+	margin-right: 5em;
+}
+
+#contact-info {
+	padding-top: 3ex;
+}
+
+#partners p img {
+	vertical-align: bottom;
+	padding-right: 1em;
+}
+
+#compmatrix {
+	border: none;
+	padding-right: 100px;
+	width: 85%;
+}
+
+#compmatrix tr.bglight {
+	background-color: #e1ebf8;
+}
+
+#compmatrix td.rowtext {
+	padding-left: 1ex;
+}
+
+#compmatrix th {
+	font-weight: normal;
+	text-transform: none;
+}
+
+#compmatrix th.thtext {
+	vertical-align: bottom;
+	color: #8cc63f;
+	font-size: x-large;
+}
+
+#compmatrix .vivotext {
+	color: #8cc63f;
+	font-weight: bold;
+}
+
+#compmatrix .greendot {
+    border-radius: 50%;
+    width: 10px;
+    height: 10px;
+    background-color: #8cc63f;
+    margin: 0 auto;
+}
+
+#compmatrix td.dotbox {
+    width: 40px;
+    text-align: center;
+    vertical-align: middle;
+    border-left: 1px dotted #ccc;
+    border-right: 1px dotted #ccc;
+}
+
+#compmatrix th.slanted {
+    height: 140px;
+    width: 40px;
+    white-space: nowrap;
+}
+
+#compmatrix th.slanted > div {
+    -webkit-transform: translate(25px,46px) rotate(-45deg);
+    transform: translate(25px,46px) rotate(-45deg);
+    width: 40px;
+    font-size: large;
+}
+
+#compmatrix th.slanted > div > span {
+    border-bottom: 1px dotted #ccc;
+    padding: 2px 10px;
+}
+
+.vortant-blue {
+	color: #38a3e7;
+}
+
+.vortant-gray {
+	color: #d0d9db;
+}
+
+#home-top {}
+#home-slider {
+	float: right;
+	margin-left: 1em;
+}
+#home-top-text {
+	min-width: 25%;
+}
+
+#home-boxes {
+	text-align: center;
+	clear: both;
+}
+
+.home-box {
+	width: 275px;
+	min-width: 275px;
+	display: inline-block;
+	background-color: #fafafa;
+	margin: 1em;
+	border-radius: 10px;
+	box-shadow: 0px 2px 3px #b7b7b7;
+}
+
+.home-box-title {
+	text-align: left;
+	border-radius: 10px 10px 0 0;
+	background-color: #1A2123;
+	color: #fff;
+	font-weight: bold;
+	padding: 1ex;
+}
+
+.home-box-content {
+	padding: 1em;
+}
 
 /**
  * 5.4 Galleries
@@ -2547,8 +2729,9 @@ footer.entry-meta {
 
 .site-footer {
 	/*background-color: #e8e5ce;*/
-	background-color: #b8cae2;
-	color: #686758;
+	background-color: #1A2123;
+	/*color: #686758;*/
+	color: #fff;
 	font-size: 14px;
 	text-align: center;
 }
@@ -2611,6 +2794,7 @@ footer.entry-meta {
 	max-width: 1040px;
 	padding: 30px 0;
 	width: 100%;
+	color: #d0d9db;
 }
 
 #wpstats {
@@ -2618,6 +2802,44 @@ footer.entry-meta {
 	margin: -10px auto 0;
 }
 
+.site-footer .menu-main-container {
+	max-width: 980px;
+	margin: 0 auto;
+	text-align: left;
+}
+
+.site-footer .menu-main-container ul {
+	font-size: small;
+	padding: 1ex;
+}
+
+.site-footer .menu-main-container ul.sub-menu {
+	padding: 0;
+}
+
+.site-footer .menu-main-container ul li {
+	display: inline-block;
+	vertical-align: top;
+	padding: 0 1em;
+}
+
+.site-footer .menu-main-container ul li a {
+	color: #38a3e7;
+}
+
+.site-footer .menu-main-container ul li a:hover {
+	text-decoration: underline;
+}
+
+.site-footer .menu-main-container ul.sub-menu li {
+	display: block;
+	padding: 0;
+}
+
+.site-footer .menu-main-container ul.sub-menu li a {
+	color: #d0d9db;
+}
+
 
 /**
  * 8.0 Media Queries
@@ -2813,9 +3035,14 @@ footer.entry-meta {
 	.gallery-caption {
 		display: none;
 	}
+
 }
 
 @media (max-width: 643px) {
+
+	.gallery {
+		margin-left: 0;
+	}
 	.site-title {
 		font-size: 30px;
 	}
@@ -2990,8 +3217,9 @@ footer.entry-meta {
 
 /* Mobile devices */
 @media (max-width: 359px) {
-	.gallery {
-		margin-left: 0;
+
+	#header-logo {
+		text-align: center;
 	}
 
 	.gallery .gallery-item,