Update style.css

style.css

@@ -151,6 +151,10 @@ body {
 	line-height: 1.625;
 }
 
+body.mce-content-body {
+	width: 100%; /* Used in the editor */
+}
+
 body.bubble {
 	background-color: #f5f5f5;
 }
@@ -177,7 +181,7 @@ textarea:focus,
 	-ms-transition:     all 0.1s ease-in-out;
 	-o-transition:      all 0.1s ease-in-out;
 	transition:         all 0.1s ease-in-out;
-	
+
 	-webkit-appearance: none;
 	-moz-appearance: none;
 }
@@ -213,7 +217,9 @@ ul {
 }
 
 .site-inner ol,
-.site-inner ul {
+.site-inner ul,
+.mce-content-body ol, /* Used in the editor */
+.mce-content-body ul { /* used in the editor */
 	margin-left: 40px;
 	margin-left: 4rem;
 	margin-bottom: 26px;
@@ -296,12 +302,14 @@ a:hover {
 	color: #333;
 }
 
-.site-inner a {
+.site-inner a,
+.mce-content-body a { /* Used in the Editor */
 	border-bottom: 1px solid #ddd;
 	color: #f15123;
 }
 
-.site-inner a:hover {
+.site-inner a:hover,
+.mce-content-body a:hover { /* Used in the Editor */
 	color: #333;
 }
 
@@ -442,8 +450,12 @@ button,
 .genesis-nav-menu a,
 .genesis-nav-menu > .right,
 #subscribe-email input,  /* Begin Jetpack - Blog Subscription */
-div.gform_wrapper input[type="email"], /* Begin Gravity Forms */
-div.gform_wrapper input[type="text"],
+div.gform_wrapper input[type=text],
+div.gform_wrapper input[type=url],
+div.gform_wrapper input[type=email],
+div.gform_wrapper input[type=tel],
+div.gform_wrapper input[type=number],
+div.gform_wrapper input[type=password],
 div.gform_wrapper textarea,
 div.gform_wrapper .ginput_complex label {
 	padding: 15px;
@@ -463,7 +475,8 @@ textarea {
 }
 
 input[type="radio"],
-input[type="checkbox"] {
+input[type="checkbox"],
+input[type="image"] {
 	width: auto;
 }
 
@@ -537,11 +550,6 @@ body .button:hover,
 
 /* Sidebar Forms, Buttons, & Inputs */
 
-.sidebar input,
-.sidebar select,
-.sidebar textarea,
-.sidebar button,
-.sidebar .button,
 .sidebar #subscribe-email input, /* Begin Jetpack - Blog Subscription */
 .sidebar div.gform_wrapper input[type="email"], /* Begin Gravity Forms */
 .sidebar div.gform_wrapper input[type="text"],
@@ -555,11 +563,6 @@ body .button:hover,
 	padding: 0.5em;
 }
 
-.sidebar input[type="radio"],
-.sidebar input[type="checkbox"] {
-	width: auto !important;
-}
-
 .sidebar input[type="file"] {
 	padding: 0;
 }
@@ -593,7 +596,7 @@ body .red:hover {
 
 .genesis-nav-menu .button:hover {
 	background-color: #555;
-	border-color: #555;	
+	border-color: #555;
 }
 
 body .blue {
@@ -1061,8 +1064,12 @@ div.gform_wrapper {
 	max-width: 100%;
 }
 
-div.gform_wrapper input[type="email"],
-div.gform_wrapper input[type="text"],
+div.gform_wrapper input[type=text],
+div.gform_wrapper input[type=url],
+div.gform_wrapper input[type=email],
+div.gform_wrapper input[type=tel],
+div.gform_wrapper input[type=number],
+div.gform_wrapper input[type=password],
 div.gform_wrapper textarea {
 	font-size: 16px;
 	font-size: 1.6rem;
@@ -1169,10 +1176,11 @@ body .mapp-layout {
 
 .simple-section-nav .current_page_item > a,
 .simple-section-nav .current_page_ancestor > a {
-	
+
 }
 
-.simple-section-nav .current_page_item > a {
+.simple-section-nav .current_page_item > a,
+.simple-section-nav .custom-custom-post-type-parent > a {
 	font-weight: bold;
 }
 
@@ -1360,9 +1368,14 @@ Site Header
 
 .site-header .widget-area {
 	width: 100%;
-	padding: 20px;
 	background-color: #eee;
 	border: 1px solid #ddd;
+	border-width: 0;
+	overflow: hidden;
+}
+
+.site-header .widget-area.open {
+	padding: 20px;
 	border-width: 1px 0;
 }
 
@@ -1383,7 +1396,6 @@ Site Header
 
 .site-header .toggle-button {
 	margin-left: 15px;
-	outline: none;
 }
 
 .site-header .toggle-button.open {
@@ -1404,7 +1416,7 @@ Site Header
 
 
 .nav-primary,
-.site-header .nav-primary,
+/*.site-header .nav-primary,*/
 .site-header .widget-area {
 	position: absolute;
 	top: 100%;
@@ -1414,11 +1426,11 @@ Site Header
 	opacity: 0;
 	box-shadow: 0 4px 8px 1px rgba(0,0,0,0.4);
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-	-webkit-transition: all .5s ease;
-	   -moz-transition: all .5s ease;
-	    -ms-transition: all .5s ease;
-	     -o-transition: all .5s ease;
-	        transition: all .5s ease;
+	-webkit-transition: all .5s ease, padding 0s .5s;
+	   -moz-transition: all .5s ease, padding 0s .5s;
+	    -ms-transition: all .5s ease, padding 0s .5s;
+	     -o-transition: all .5s ease, padding 0s .5s;
+	        transition: all .5s ease, padding 0s .5s;
 }
 
 .site-container > .nav-primary {
@@ -1430,7 +1442,12 @@ Site Header
 	z-index: 50;
 	max-height: 9999px;
 	opacity: 1;
-	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+	-webkit-transition: opacity .5s ease, padding 0s 0s;
+	   -moz-transition: opacity .5s ease, padding 0s 0s;
+	    -ms-transition: opacity .5s ease, padding 0s 0s;
+	     -o-transition: opacity .5s ease, padding 0s 0s;
+	        transition: opacity .5s ease, padding 0s 0s;
 }
 
 
@@ -2084,19 +2101,19 @@ Media Queries
 		font-size: 16px;
 		font-size: 1.6rem;
 	}
-	
+
 }
 
 /* Responsive Tables CSS
 --------------------------------------------- */
 @media (max-width: 600px) {
-	
+
 	table {
 		clear: both;
 	}
 
 	tr {
-		padding: 0.5em; 
+		padding: 0.5em;
 	}
 
 	th,
@@ -2387,7 +2404,7 @@ Media Queries
 	.five-sixths {
 		width: 82.90598290598291%;
 	}
-	
+
 	.first,
 	.footer-widgets .footer-widgets-1 {
 		clear: both;
@@ -2556,7 +2573,7 @@ Media Queries
 
 	/* Plugins
 	--------------------------------------------- */
-	
+
 	/* Events Manager */
 	.em-calendar-wrapper .fullcalendar tr {
 		display: table-row !important;