Stylesheet for Medical Ministry International

mmi.style.css

/*
  Theme Name: Medical Ministry Child Theme
	Theme URI: http://medicalministrytrips.org
	Description: Medical Ministry Child theme is a two or three column child theme created for the Genesis Framework.
	Author: Media317
	Author URI: http://media317.net
 
	Version: 2.0
 
	Tags: blue, gray, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-header, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments
 
	Template: genesis
	Template Version: 1.8
 
	License: GNU General Public License v2.0 (or later)
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/* Table of Contents

* Import Fonts
* Defaults
* Hyperlinks
* Body
* Wrap
* Header
* Image Header - Partial Width
* Image Header - Full Width
* Header / Primary / Secondary Navigation
* Primary Navigation Extras
* Inner
* Countries
* Genesis Responsive Slider
* Home Page
* Breadcrumb
* Taxonomy Description
* Content-Sidebar Wrap
* Content
* Portfolio
* Headlines
* Ordered / Unordered Lists
* Post Info
* Post Meta
* Post Icons
* Author Box
* Column Classes
* Featured Post Grid
* Archive Page
* Images
* Post Navigation
* Primary Sidebar
* Dropdowns
* User Profile
* Buttons
* Search Form
* eNews & Updates Widget
* Calendar Widget
* Footer Widgets
* Footer
* Comments
* Gravity Forms
* mmi Brown
* mmi Green
* mmi Orange
* mmi Purple
* mmi Red
* mmi Teal
* Responsive Design

*/


/* Import Fonts
------------------------------------------------------------ */

@import url(http://fonts.googleapis.com/css?family=Open+Sans);


/* Defaults
------------------------------------------------------------ */

body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
select,
textarea {
	color: #222;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

blockquote,
input,
select,
textarea,
.entry-meta-author-box,
.breadcrumb,
.sticky,
.taxonomy-description,
.wp-caption {
	background-color: #f5f5f5;
}

input,
select,
textarea {
	border: 1px solid #ddd;
}

input,
label,
select,
textarea {
	color: #222;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

li,
ol,
ul {
	margin: 0;
	padding: 0;
}

ol li {
	list-style-type: decimal;
}


/* Hyperlinks
------------------------------------------------------------ */

a,
a:visited {
	color: #00b05a;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}


/* Body
------------------------------------------------------------ */

body {
	background-color: #f2f2f2;
}

#tinymce {
	background-color: #fff;
}

::-moz-selection {
	background-color: #222;
	color: #fff;
}

::selection {
	background-color: #222;
	color: #fff;
}


/* Wrap
------------------------------------------------------------ */

.site-container {
	margin: 0 auto;
	width: 1140px;
}

.mmi-landing .site-container {
	width: 800px;
}


/* Header
------------------------------------------------------------ */

.site-header {
	margin: 0 auto;
	min-height: 100px;
	width: 100%;
}

.title-area {
	float: left;
	overflow: hidden;
	width: 25%;
}

.site-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.25;
	margin: 0 0 5px;
}

.site-title a,
.site-title a:hover {
	color: #222;
	display: block;
	padding: 27px 0 0;
	text-decoration: none;
}

.site-header .widget-area {
	float: right;
	width: auto;
}


/* Image Header - Partial Width
------------------------------------------------------------ */

.header-image .title-area,
.header-image .site-title,
.header-image .site-title a {
	display: block;
	float: left;
	height: 100px;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
}

.header-image .site-title,
.header-image .site-title a {
	width: 100%;
}


/* Image Header - Full Width
------------------------------------------------------------ */

.header-full-width .title-area,
.header-full-width .site-title,
.header-full-width .site-title a {
	width: 100%;
}


/* Header / Primary / Secondary Navigation
------------------------------------------------------------ */

.menu-primary,
.menu-secondary,
.site-header .menu {
	background-color: #f2f2f2;
	clear: both;
	color: #666;
	font-size: 18px;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}

.site-header .menu {
	float: right;
	margin: 0;
	width: auto;
}

.menu-primary ul,
.menu-secondary ul,
.site-header .menu ul {
	float: left;
	width: 100%;
}

.menu-primary li,
.menu-secondary li,
.site-header .menu li {
	float: left;
	list-style-type: none;
}

.menu-primary a,
.menu-secondary a,
.site-header .menu a {
	color: #666;
	display: block;
	padding: 15px 20px;
	position: relative;
	text-decoration: none;
}

.site-header .menu a {
	padding: 36px 20px;
}

.menu-primary li a:active,
.menu-primary .current-menu-item a,
.menu-secondary li a:active,
.menu-secondary .current-menu-item a,
.site-header .menu li a:active,
.site-header .menu .current-menu-item a {
	background-color: #00b05a;
	color: #fff;
}

.menu-primary li:hover a,
.menu-primary li a:hover,
.menu-secondary li a:hover,
.menu-secondary li:hover a,
.site-header .menu li a:hover,
.site-header .menu li:hover a {
	background-color: #00b05a;
	color: #fff;
}

.menu-primary li li a,
.menu-primary li li a:link,
.menu-primary li li a:visited,
.menu-secondary li li a,
.menu-secondary li li a:link,
.menu-secondary li li a:visited,
.site-header .menu li li a,
.site-header .menu li li a:link,
.site-header .menu li li a:visited {
	background: none;
	background-color: #fff !important;
	border: 1px solid #f5f5f5;
	border-top: none;
	color: #666 !important;
	font-size: 12px;
	padding: 10px;
	position: relative;
	text-transform: none;
	width: 143px;
}

.menu-primary li li a:active,
.menu-primary li li a:hover,
.menu-secondary li li a:active,
.menu-secondary li li a:hover,
.site-header .menu li li a:active,
.site-header .menu li li a:hover {
	background-color: #f5f5f5 !important;
	color: #222 !important;
}

.menu-primary li ul,
.menu-secondary li ul,
.site-header .menu li ul {
	height: auto;
	left: -9999px;
	margin: 0 0 0 -1px;
	position: absolute;
	width: 165px;
	z-index: 9999;
}

.menu-primary li ul a,
.menu-secondary li ul a,
.site-header .menu li ul a {
	width: 155px;
}

.menu-primary li ul ul,
.menu-secondary li ul ul,
.site-header .menu li ul ul {
	margin: -40px 0 0 164px;
}

.menu li:hover ul ul,
.menu li.sfHover ul ul {
	left: -9999px;
}

.menu li:hover,
.menu li.sfHover {
	position: static;
}

ul.menu li:hover>ul,
ul.menu li.sfHover ul,
.site-header .menu li:hover>ul,
.site-header .menu li.sfHover ul {
	left: auto;
}

.menu li a .sf-sub-indicator,
.menu li li a .sf-sub-indicator,
.menu li li li a .sf-sub-indicator {
	position: absolute;
	text-indent: -9999px;
}

#wpadminbar li:hover ul ul {
	left: 0;
}


/* Primary Navigation Extras
------------------------------------------------------------ */

.menu li.right {
	float: right;
	padding: 15px 20px;
}

.menu li.right a {
	color: #666;
	display: inline;
}

.menu li.right a:hover {
	color: #222;
}

.menu li.search {
	padding: 0 10px;
}

.menu li.rss a {
	background: url(images/rss.png) no-repeat center left;
	margin: 0 0 0 10px;
	padding: 0 0 0 16px;
}

.menu li.twitter a {
	background: url(images/twitter-nav.png) no-repeat center left;
	padding: 0 0 0 20px;
}


/* Inner
------------------------------------------------------------ */

.site-inner {
	-moz-box-shadow: 0 0 0 1px #fff;
	-webkit-box-shadow: 0 0 0 1px #fff;
	background-color: #fff;
	box-shadow: 0 0 0 1px #fff;
	clear: both;
	margin: 0 auto;
	overflow: hidden;
}

.mmi-home .site-inner {
	overflow: visible;
}

/* Countries 
____________________________________________________________ */
h3.mmi-country {
	font-size: 24px;
	text-transform: uppercase;
	position: relative;
	left: 10px;
}

.project-details {
	margin-bottom: 16%;
}

.bolivia:before {
	content: url('flags/Bolivia.png');
	position: relative;
	left: -10px;
	top: 7px;
}
.cambodia:before {
	content: url('flags/Cambodia.png');
	position: relative;
	left: -10px;
	top: 7px;
}
.colombia:before {
	content: url('flags/Colombia.png');
	position: relative;
	left: -10px;
	top: 7px;
}
.dominican:before {
	content: url('flags/Dominican-Republic.png');
	position: relative;
	left: -10px;
	top: 7px;
}
.ecuador:before {
	content: url('flags/Ecuador.png');
	position: relative;
	left: -10px;
	top: 7px;
}
.fiji:before {
	content: url('flags/Fiji.png');
	position: relative;
	left: -10px;
	top: 7px;
}
.ghana:before {
	content: url('flags/Ghana.png');
	position: relative;
	left: -10px;
	top: 7px;
}
.honduras:before {
	content: url('flags/Honduras.png');
	position: relative;
	left: -10px;
	top: 7px;
}
.india:before {
	content: url('flags/India.png');
	position: relative;
	left: -10px;
	top: 7px;
}
.madagascar:before {
	content: url('flags/Madagascar.png');
	position: relative;
	left: -10px;
	top: 7px;
}
.mexico:before {
	content: url('flags/Mexico.png');
	position: relative;
	left: -10px;
	top: 7px;
}
.nicaragua:before {
	content: url('flags/Nicaragua.png');
	position: relative;
	left: -10px;
	top: 7px;
}
.peru:before {
	content: url('flags/Peru.png');
	position: relative;
	left: -10px;
	top: 7px;
}
.philippines:before {
	content: url('flags/Philippines.png');
	position: relative;
	left: -10px;
	top: 7px;
}
.rwanda:before {
	content: url('flags/Rwanda.png');
	position: relative;
	left: -10px;
	top: 7px;
}
.zambia:before {
	content: url('flags/Zambia.png');
	position: relative;
	left: -10px;
	top: 7px;
}


/* Genesis Responsive Slider
------------------------------------------------------------ */

.content #genesis-responsive-slider {
	background: none;
	border-top: 6px solid #00b05a;
	border-left: none;
	border-right: none;
	border-bottom: 6px solid #08c;
	padding: 0;
}

.content #genesis-responsive-slider .slide-excerpt {
	-moz-box-sizing: border-box;
	background: rgba(0,0,0,.5);
	box-sizing: border-box;
	filter: alpha(opacity=100);
	height: 100%;
	margin: 0;
	padding: 3% 4%;
	opacity: 1;
	width: 20%;
}

.content #genesis-responsive-slider .slide-excerpt-border {
	border: none;
	margin: 0;
	padding: 3%;
}

.content #genesis-responsive-slider h2 a {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
}

.content #genesis-responsive-slider p {
	color: #ddd;
	font-size: 16px; 
}

.content #genesis-responsive-slider .flex-direction-nav li a {
	background: url(images/bg-direction-nav.png) no-repeat -50px 0;
	height: 49px;
	right: -25px;
	width: 50px;
}

.content #genesis-responsive-slider .flex-direction-nav li a:hover {
	background-position: -50px -49px;
}

.content #genesis-responsive-slider .flex-direction-nav li a.prev {
	background-position: 0 0;
	left: -25px;
}

.content #genesis-responsive-slider .flex-direction-nav li a:hover.prev {
	background-position: 0 -49px;
}

.content #genesis-responsive-slider .flexslider .slides > li {
	overflow: hidden;
}

.content #genesis-responsive-slider .flex-control-nav {
	margin: -30px 0 0 0;
}

.content #genesis-responsive-slider .flex-control-nav.nav-pos-excerpt {
	margin: -50px 0 0 60px;
	text-align: left;
}

.content #genesis-responsive-slider .flex-control-nav.nav-pos-excerpt li a {
	background: url(images/bg_control_nav.png) no-repeat 0 0;
}

.content #genesis-responsive-slider .flex-control-nav.nav-pos-excerpt li a.active {
	background-position: 0 -26px;
}


/* Home Page
------------------------------------------------------------ */

.home-middle,
.home-top {
	background-color: #fff;
	clear: both;
	overflow: hidden;
	padding: 60px 40px;
}

.home-middle .widget,
.home-top .widget {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 0 30px;
	width: 33%;
}

.mmi-home .entry {
	margin: 0;
}

.mmi-home .featuredpage img,
.mmi-home .featuredpost img {
	margin: 0 0 30px;
}

.mmi-home .featuredpage .page,
.mmi-home .featuredpost .post {
	margin: 0 0 60px;
}

.mmi-home a.more-link {
	clear: both;
	display: block;
	margin: 30px 0 0;
}


/* Home Widgets
------------------------------------------------------------ */

.mmi-home .home-cta {
	-moz-box-sizing: border-box;
	background-color: #222;
	box-sizing: border-box;
	color: #ddd;
	float: left;
	padding: 60px 70px;
	width: 100%
}

.mmi-home .home-cta p {
	color: #ddd;
}

.mmi-home .mmi-three-fourths {
	width: 70%;
	float: left;
}
.mmi-home .mmi-one-fourth {
	width: 23%;
	float: right;
}

/* Breadcrumb
------------------------------------------------------------ */

.breadcrumb {
	color: #777;
	font-size: 12px;
	margin: -30px -60px 30px;
	padding: 20px;
}


/* Taxonomy Description
------------------------------------------------------------ */

.taxonomy-description {
	margin: 0 0 30px;
	padding: 15px 20px;
}

.taxonomy-description p {
	font-size: 14px;
}


/* Content-Sidebar Wrap
------------------------------------------------------------ */

.content-sidebar-wrap {
	float: left;
	width: 100%;
}


/* Content
------------------------------------------------------------ */

.content {
	float: left;
	padding: 30px 60px 10px;
	width: 680px;
}

.sidebar-content .content {
	float: right;
}

.full-width-content .content {
	width: 1020px;
}

.full-width-content.mmi-home .content {
	padding: 0;
	width: 100%;
}

.full-width-content.mmi-landing .content {
	padding: 30px 60px 0;
	width: 680px;
}

.post-type-archive-portfolio.full-width-content .content {
	padding: 40px 30px 0;
	width: 1080px;
}

.entry {
	margin: 0 0 40px;
}

.post-type-archive-portfolio .entry,
.single-portfolio .entry {
	margin: 0 0 20px;
}

.mmi-landing .entry {
	margin: 0;
}

.entry-content {
	overflow: hidden;
}

.sing-project {
	width: 680px;
	float: left;
}
.single-projects .entry-content {
	float: left;
	width: 680px;
}

.single-projects .entry-meta {
	display: none;
}

.entry-content p,
#tinymce p {
	margin: 0 0 25px;
}

blockquote {
	background: url(images/blockquote.png) no-repeat;
	border: none;
	margin: 5px 5px 20px;
	padding: 25px 30px 5px 70px;
}

blockquote p {
	color: #999;
	font-style: italic;
}

p.subscribe-to-comments {
	padding: 20px 0 10px;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.sticky {
	background-color: #f5f5f5;
	margin: 0 0 40px;
	padding: 20px 30px;
}

.clear {
	clear: both;
}

.clear-line {
	border-bottom: 1px solid #ddd;
	clear: both;
	margin: 0 0 25px;
}

/* Portfolio
------------------------------------------------------------ */

.post-type-archive-portfolio .portfolio {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 0 30px 30px;
	width: 33%;
}

.single-portfolio .content {
	text-align: center;
}

/* Headlines
------------------------------------------------------------ */

h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6 {
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	line-height: 1.25;
	margin: 0 0 10px;
}

h1 {
	clear: both;
	font-size: 42px;
	margin: 0 0 20px;
}

h2,
h2 a,
h2 a:visited {
	clear: both;
	color: #08c;
	font-size: 30px;
	margin: 0 0 16px;
}

h3,
h3 a,
h3 a:visited {
	clear: both;
	color: #00b051;
	font-size: 30px;
	margin: 0 0 16px;
}

h2 a:hover {
	color: #00b05a;
	text-decoration: none;
}

.mmi-home .home-middle h2 a,
.post-type-archive-portfolio h2 a,
.taxonomy-description h1,
.widget-area h4 {
	font-size: 16px;
	text-transform: uppercase;
}

.sidebar h2 a,
.sidebar h2 a:hover {
	font-size: 16px;
}

h3 {
	font-size: 24px;
}

.entry-comments h3,
#respond h3 {
	font-size: 30px;
}

h4,
.mmi-home .home-cta h4 {
	font-size: 24px;
}

.widget-area h4 a {
	text-decoration: none;
}

.mmi-home .home-cta h4,
.footer-widgets .widget-area h4,
.sidebar-primary .widget.enews-widget h4 {
	color: #fff;
}

.mmi-home .home-cta h4 {
	margin: 0 0 5px;
	text-transform: none;
}

h5 {
	font-size: 20px;
}

h6,
.taxonomy-description h1,
.widget-area h4 {
	font-size: 16px;
	margin: 0 0 20px; 
	text-transform: uppercase;
}

.mmi-participate {
	font-size: 20px !important;
}
/* Ordered / Unordered Lists
------------------------------------------------------------ */

.entry-content ol,
.entry-content ul {
	margin: 0;
	padding: 0 0 25px;
}

.archive-page ul li,
.entry-content ul li {
	list-style-type: square;
	margin: 0 0 0 35px;
	padding: 0;
}

.entry-content ol li {
	margin: 0 0 0 35px;
}

.archive-page ul ul,
.entry-content ol ol,
.entry-content ul ul {
	padding: 0;
}


/* Post Info
------------------------------------------------------------ */

.entry-header .entry-meta .entry-meta-time-info {
	background-color: #f8f8f8;
	color: #777;
	font-size: 12px;
	float: left;
	margin: 0 0 25px -60px;
	padding: 20px 20px 20px 60px;
	text-transform: uppercase;
}

.entry-header .entry-meta .comments {
	background-color: #00b05a;
	color: #fff;
	float: left;
	font-size: 12px;
	padding: 20px;
	text-transform: uppercase;
}

.entry-header .entry-meta .comments a {
	color: #fff;
}

.entry-header .entry-meta .entry-meta-comments {
	background: url(images/bg-comments.png) no-repeat 0 2px;
	padding-left: 35px;
}

.entry-header .entry-meta .entry-meta-author,
.entry-header .entry-meta .entry-meta-time {
	font-weight: bold;
}


/* Post Meta
------------------------------------------------------------ */

.entry-footer .entry-meta {
	border-top: 1px dotted #ddd;
	clear: both;
	font-size: 14px;
	padding: 10px 0 0;
}


/* Post Icons
------------------------------------------------------------ */

.entry-meta-comments,
.entry-meta-tags {
	background: url(images/icon-dot.png) no-repeat left;
	margin: 0 0 0 4px;
	padding: 0 0 0 10px;
}


/* Author Box
------------------------------------------------------------ */

.entry-meta-author-box {
	margin: 0 0 40px;
	overflow: hidden;
	padding: 30px;
}

.entry-meta-author-box p {
	font-size: 14px;
}


/* Column Classes
------------------------------------------------------------ */

.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin: 0 0 20px;
	padding-left: 5%;
}

.three-sixths,
.two-fourths {
	width: 48%;
}

.one-half {
	width: 42%;
}

.one-third,
.two-sixths {
	width: 30%;
}

.four-sixths,
.two-thirds {
	width: 65%;
}

.one-fourth {
	width: 22.5%;
}

.three-fourths {
	width: 73.5%;
}

.one-fifth {
	width: 17.4%;
}

.two-fifths {
	width: 37.8%;
}

.three-fifths {
	width: 58.2%;
}

.four-fifths {
	width: 78.6%;
}

.one-sixth {
	width: 14%;
}

.five-sixths {
	width: 82%;
}

.first {
	clear: both;
	padding-left: 0;
}

.one-third:nth-of-type(3n+1) {
	padding-left: 0;
}

/* Featured Post Grid
------------------------------------------------------------ */

.genesis-grid-even,
.genesis-grid-odd {
	margin: 0 0 20px;
	padding: 0 0 15px;
	width: 48%;
}

.genesis-grid-even {
	float: right;
}

.genesis-grid-odd {
	clear: both;
	float: left;
}


/* Archive Page
------------------------------------------------------------ */

.archive-page {
	float: left;
	padding: 20px 0 0;
	width: 45%;
}


/* Images
------------------------------------------------------------ */

img {
	height: auto;
	max-width: 100%;
}

.avatar,
.post-image {
	border: 1px solid #fff;
}

.post-image {
	margin: 0 10px 10px 0;
}

.alignleft .avatar {
	margin: 0 10px 0 0;
}

.alignright .avatar {
	margin: 0 0 0 10px
}

.entry-meta-author-box .avatar {
	background-color: #fff;
	float: left;
	margin: 0 20px 0 0;
}

.comment-list li .avatar {
	background-color: #fff;
	float: left;
	margin: 5px 10px 10px 0;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 20px;
}

img.alignnone {
	display: inline;
	margin: 0 0 10px;
}

img.alignleft,
.wp-caption.alignleft {
	display: inline;
	margin: 0 20px 20px 0;
}

img.alignright,
.wp-caption.alignright {
	display: inline;
	margin: 0 0 20px 20px;
}

.wp-caption {
	padding: 20px;
	text-align: center;
}

p.wp-caption-text {
	font-size: 14px;
	margin: 5px 0;
}

.wp-smiley,
.wp-wink {
	border: none;
	float: none;
}


/* Post Navigation
------------------------------------------------------------ */

.navigation {
	font-size: 14px;
	overflow: hidden;
	padding: 30px 0;
	width: 100%;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li.disabled,
.navigation li a:hover,
.navigation li.active a {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #00b05a;
	border-radius: 5px;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	line-height: 21px;
	padding: 9px 20px;
	text-decoration: none;
	text-transform: uppercase;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: #08c;
	border: none;
	text-decoration: none;
}


/* Primary Sidebar
------------------------------------------------------------ */

.sidebar {
	background-color: #f8f8f8;
	display: inline;
	float: right;
	font-size: 14px;
	padding: 0 0 30px;
	width: 340px;
}

.sidebar-content .sidebar-primary {
	float: left;
}

.sidebar p {
	font-size: inherit;
	margin: 0 0 15px;
}

.sidebar .widget {
	margin: 0;
	padding: 30px 40px;
}

.sidebar-primary-alt.sidebar .widget {
	padding: 30px 15px;
}

.sidebar.widget-area ul {
	margin-left: 15px;
}

.sidebar.widget-area ul li,
.footer-widgets .widget-area ul li {
	list-style-image: url(images/bg-li.png);
	margin: 0 0 7px;
	padding: 0 0 5px;
	word-wrap: break-word;
}

.sidebar.widget-area ul ul li {
	border: none;
	margin: 0;
}

.mmi-participants {
	font-weight: bold;
}

/* Dropdowns
------------------------------------------------------------ */

select {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline;
	padding: 5px;
	width: 100%;
}


/* User Profile
------------------------------------------------------------ */

.user-profile {
	overflow: hidden;
}

#mmi-loginform {
	margin: 10px auto 40px;
	width: 40%;
}

#mmi-loginform .input {
	padding: 10px;
	margin-bottom: 10px;
}

#mmi-loginform label {
	width: 20%;
}

/* Buttons
------------------------------------------------------------ */

input[type="button"],
input[type="submit"],
a.button {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #00b05a;
	border-radius: 5px;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	padding: 15px 20px;
	text-align: center;
	text-decoration: none;
}

.home-cta a.button {
	margin: -30px 0 0;
}

input:hover[type="button"],
input:hover[type="submit"],
a:hover.button {
	background-color: #08c;
	border: none;
	text-decoration: none;
}


/* Search Form
------------------------------------------------------------ */

.site-header .searchform {
	float: right;
	margin: 30px 0 0;
}

.menu-primary .searchform {
	margin: 8px 0 0;
}

.s {
	-moz-box-sizing: border-box;
	background: #fff url(images/bg-search.png) no-repeat right;
	box-sizing: border-box;
	color: #888;
	font-size: 10px;
	margin: 0 0 10px;
	padding: 15px;
	text-transform: uppercase;
	width: 100%;
}

.menu-primary .s {
	width: 200px;
}

.searchsubmit {
	display: none;
}


/* eNews and Update Widget
------------------------------------------------------------ */

.sidebar-primary .widget.enews-widget {
	background-color: #222;
	margin: 0 0 30px;
	padding: 40px;
}

.enews p {
	color: #ddd;
	margin: 0 0 25px;
}

.enews #subbox {
	-moz-box-sizing: border-box;
	background-color: #fff;
	box-sizing: border-box;
	color: #888;
	font-size: 10px;
	margin: 0 0 10px;
	padding: 15px;
	text-transform: uppercase;
	width: 100%;
}


/* Calendar Widget
------------------------------------------------------------ */

#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	font-size: 12px;
	font-style: italic;
	padding: 2px 5px 0 0;
	text-align: right;
}

#wp-calendar thead {
	background-color: #f5f5f5;
	font-weight: bold;
	margin: 10px 0 0;
}

#wp-calendar td {
	background-color: #f5f5f5;
	padding: 2px;
	text-align: center;
}


/* Footer Widgets
------------------------------------------------------------ */

.footer-widgets {
	background-color: #222;
	color: #c8c8c8;
	clear: both;
	font-size: 14px;
	overflow: hidden;
	width: 100%;
}

.footer-widgets .wrap {
	overflow: hidden;
	padding: 60px 40px 30px;
}

.footer-widgets .widget {
	background: none;
	border: none;
	margin: 0 0 30px;
	padding: 0;
}

.footer-widgets p {
	color: #c8c8c8;
	font-size: inherit;
	margin: 0 0 20px;
}

.footer-widgets ul {
	margin: 0 0 0 20px;
}

.footer-widgets .widget-area ul li {
	list-style-image: url(images/bg-li-footer.png);
}

.footer-widgets-1,
.footer-widgets-2 {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 0 30px;
	width: 60%;
}

.footer-widgets-2 {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 0 30px 0 0;
	width: 40%;
}

.mmi-third {
	width: 32%;
	float: left;
}

.mmi-address {
	height: 170px;
}

.mmi-alignleft {
		float: left;
		margin-right: 15px;
		margin-right: 1.5rem;
}

.mmi-charity {
	margin-top: 10px;
}

.godadd-cert {
	margin-top: 20px;
}
/* Footer
------------------------------------------------------------ */

.site-footer {
	clear: both;
	font-size: 12px;
	overflow: hidden;
	padding: 40px 0;
	text-transform: uppercase;
	width: 100%;
}

.site-footer .wrap {
	overflow: hidden;
	padding: 0;
}

.site-footer p {
	font-size: inherit;
}

.site-footer a,
.site-footer a:visited {
	color: #222;
}

.site-footer .gototop {
	float: left;
	width: 25%;
}

.site-footer .creds {
	float: right;
	text-align: right;
	width: 75%;
}


/* Comments
------------------------------------------------------------ */

.entry-comments,
#respond {
	margin: 0 0 15px;
	overflow: hidden;
}

#author,
#comment,
#email,
#url {
	margin: 10px 5px 0 0;
	padding: 5px;
	width: 250px;
}

#comment {
	height: 150px;
	margin: 10px 0;
	width: 98%;
}

.ping-list {
	margin: 0 0 40px;
}

.comment-list ol,
.ping-list ol {
	padding: 10px;
}

.comment-list li,
.ping-list li {
	list-style-type: none;
	margin: 30px;
	overflow: hidden;
	padding: 0;
}

.comment-list li.depth-1,
.ping-list li.depth-1 {
	margin: 30px 30px 30px 0;
} 

.comment-list li ul li {
	margin-right: -22px;
}

.comment-header {
	background-color: #222;
	float: left;
	padding: 30px;
	width: 100%;
}

.comment-author {
	float: left;
}

.comment-content {
	clear: both;
	padding: 30px;
}

.comment-content p {
	font-size: 14px;
	margin: 20px;
}

.comment-list cite,
.ping-list cite,
.says {
	color: #fff;
	display: block;
	float: left;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin: 0 4px 0 0;
	padding: 8px 0 0 0;
}

.commentmetadata {
	clear: both;
	float: left;
	font-size: 12px;
	margin: -33px 0 5px 61px;
}

.commentmetadata a {
	color: #bbb;
}

.reply {
	font-size: 14px;
	margin: 0 50px 50px;
}

.nocomments {
	text-align: center;
}

.entry-comments .navigation {
	display: block;
}

.thread-alt,
.thread-even {
	background-color: #f5f5f5;
}

.alt,
.depth-1,
.even {
	border: 1px solid #ddd;
}


/* Gravity Forms
------------------------------------------------------------ */

div.gform_wrapper input,
div.gform_wrapper select,
div.gform_wrapper textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px !important;
	padding: 6px 10px !important;
}

div.gform_footer input.button {
	color: #fff;
	padding: 9px 20px !important;
}

div.gform_wrapper .ginput_complex label {
	font-size: 14px;
}

div.gform_wrapper li,
div.gform_wrapper form li {
	margin: 0 0 10px;
}

div.gform_wrapper .gform_footer {
	border: none;
	margin: 0;
	padding: 0;
}

div.gform_wrapper .top_label select.medium {
	width: 100%;
}

/* mmi Brown
------------------------------------------------------------ */

.mmi-brown a,
.mmi-brown a:visited {
	color: #a68064;
}

.mmi-brown .menu-primary a,
.mmi-brown .menu-secondary a,
.mmi-brown .site-header .menu a {
	color: #666;
}

.mmi-brown a.button,
.mmi-brown .menu-primary li a:active,
.mmi-brown .menu-primary .current-menu-item a,
.mmi-brown .menu-secondary li a:active,
.mmi-brown .menu-secondary .current-menu-item a,
.mmi-brown .site-header .menu li a:active,
.mmi-brown .site-header .menu .current-menu-item a {
	color: #fff;
}

.mmi-brown input[type="button"],
.mmi-brown input[type="submit"],
.mmi-brown a.button,
.mmi-brown .menu-primary li a:active,
.mmi-brown .menu-primary .current-menu-item a,
.mmi-brown .menu-secondary li a:active,
.mmi-brown .menu-secondary .current-menu-item a,
.mmi-brown .navigation li a,
.mmi-brown .navigation li.disabled,
.mmi-brown .navigation li a:hover,
.mmi-brown .navigation li.active a,
.mmi-brown .entry-header .entry-meta .comments,
.mmi-brown .site-header .menu li a:active,
.mmi-brown .site-header .menu .current-menu-item a {
	background-color: #a68064;
}

.mmi-brown input:hover[type="button"],
.mmi-brown input:hover[type="submit"],
.mmi-brown a:hover.button,
.mmi-brown .navigation li a:hover,
.mmi-brown .navigation li.active a {
	background-color: #b2886b;
}

.mmi-brown h2 a,
.mmi-brown h2 a:visited {
	color: #222;
}

.mmi-brown.mmi-home .featuredpost h2 a {
	color: #444;
}

.mmi-brown h2 a:hover,
.mmi-brown.mmi-home h2 a:hover,
.mmi-brown.mmi-home .mmi-home .featuredpost h2 a:hover {
	color: #a68064;
}

.mmi-brown .commentmetadata a {
	color: #bbb;
}


/* mmi Green
------------------------------------------------------------ */

.mmi-green a,
.mmi-green a:visited {
	color: #60cd69;
}

.mmi-green .menu-primary a,
.mmi-green .menu-secondary a,
.mmi-green .site-header .menu a {
	color: #666;
}

.mmi-green a.button,
.mmi-green .menu-primary li a:active,
.mmi-green .menu-primary .current-menu-item a,
.mmi-green .menu-secondary li a:active,
.mmi-green .menu-secondary .current-menu-item a,
.mmi-green .site-header .menu li a:active,
.mmi-green .site-header .menu .current-menu-item a {
	color: #fff;
}

.mmi-green input[type="button"],
.mmi-green input[type="submit"],
.mmi-green a.button,
.mmi-green .menu-primary li a:active,
.mmi-green .menu-primary .current-menu-item a,
.mmi-green .menu-secondary li a:active,
.mmi-green .menu-secondary .current-menu-item a,
.mmi-green .navigation li a,
.mmi-green .navigation li.disabled,
.mmi-green .navigation li a:hover,
.mmi-green .navigation li.active a,
.mmi-green .entry-header .entry-meta .comments,
.mmi-green .site-header .menu li a:active,
.mmi-green .site-header .menu .current-menu-item a {
	background-color: #60cd69;
}

.mmi-green input:hover[type="button"],
.mmi-green input:hover[type="submit"],
.mmi-green a:hover.button,
.mmi-green .navigation li a:hover,
.mmi-green .navigation li.active a  {
	background-color: #66d970;
}

.mmi-green h2 a,
.mmi-green h2 a:visited {
	color: #222;
}

.mmi-green.mmi-home .featuredpost h2 a {
	color: #444;
}

.mmi-green h2 a:hover,
.mmi-green.mmi-home h2 a:hover,
.mmi-green.mmi-home .mmi-home .featuredpost h2 a:hover {
	color: #60cd69;
}

.mmi-green .commentmetadata a {
	color: #bbb;
}


/* mmi Orange
------------------------------------------------------------ */

.mmi-orange a,
.mmi-orange a:visited {
	color: #e0a24b;
}

.mmi-orange .menu-primary a,
.mmi-orange .menu-secondary a,
.mmi-orange .site-header .menu a {
	color: #666;
}

.mmi-orange a.button,
.mmi-orange .menu-primary li a:active,
.mmi-orange .menu-primary .current-menu-item a,
.mmi-orange .menu-secondary li a:active,
.mmi-orange .menu-secondary .current-menu-item a,
.mmi-orange .site-header .menu li a:active,
.mmi-orange .site-header .menu .current-menu-item a {
	color: #fff;
}

.mmi-orange input[type="button"],
.mmi-orange input[type="submit"],
.mmi-orange a.button,
.mmi-orange .menu-primary li a:active,
.mmi-orange .menu-primary .current-menu-item a,
.mmi-orange .menu-secondary li a:active,
.mmi-orange .menu-secondary .current-menu-item a,
.mmi-orange .navigation li a,
.mmi-orange .navigation li.disabled,
.mmi-orange .navigation li a:hover,
.mmi-orange .navigation li.active a,
.mmi-orange .entry-header .entry-meta .comments,
.mmi-orange .site-header .menu li a:active,
.mmi-orange .site-header .menu .current-menu-item a {
	background-color: #e0a24b;
}

.mmi-orange input:hover[type="button"],
.mmi-orange input:hover[type="submit"],
.mmi-orange a:hover.button,
.mmi-orange .navigation li a:hover,
.mmi-orange .navigation li.active a  {
	background-color: #e9ad50;
}

.mmi-orange h2 a,
.mmi-orange h2 a:visited {
	color: #222;
}

.mmi-orange.mmi-home .featuredpost h2 a {
	color: #444;
}

.mmi-orange h2 a:hover,
.mmi-orange.mmi-home h2 a:hover,
.mmi-orange.mmi-home .mmi-home .featuredpost h2 a:hover {
	color: #e0a24b;
}

.mmi-orange .commentmetadata a {
	color: #bbb;
}


/* mmi Purple
------------------------------------------------------------ */

.mmi-purple a,
.mmi-purple a:visited {
	color: #9e63ec;
}

.mmi-purple .menu-primary a,
.mmi-purple .menu-secondary a,
.mmi-purple .site-header .menu a {
	color: #666;
}

.mmi-purple a.button,
.mmi-purple .menu-primary li a:active,
.mmi-purple .menu-primary .current-menu-item a,
.mmi-purple .menu-secondary li a:active,
.mmi-purple .menu-secondary .current-menu-item a,
.mmi-purple .site-header .menu li a:active,
.mmi-purple .site-header .menu .current-menu-item a {
	color: #fff;
}

.mmi-purple input[type="button"],
.mmi-purple input[type="submit"],
.mmi-purple a.button,
.mmi-purple .menu-primary li a:active,
.mmi-purple .menu-primary .current-menu-item a,
.mmi-purple .menu-secondary li a:active,
.mmi-purple .menu-secondary .current-menu-item a,
.mmi-purple .navigation li a,
.mmi-purple .navigation li.disabled,
.mmi-purple .navigation li a:hover,
.mmi-purple .navigation li.active a,
.mmi-purple .entry-header .entry-meta .comments,
.mmi-purple .site-header .menu li a:active,
.mmi-purple .site-header .menu .current-menu-item a {
	background-color: #9e63ec;
}

.mmi-purple input:hover[type="button"],
.mmi-purple input:hover[type="submit"],
.mmi-purple a:hover.button,
.mmi-purple .navigation li a:hover,
.mmi-purple .navigation li.active a  {
	background-color: #a969f3;
}

.mmi-purple h2 a,
.mmi-purple h2 a:visited {
	color: #222;
}

.mmi-purple.mmi-home .featuredpost h2 a {
	color: #444;
}

.mmi-purple h2 a:hover,
.mmi-purple.mmi-home h2 a:hover,
.mmi-purple.mmi-home .mmi-home .featuredpost h2 a:hover {
	color: #9e63ec;
}

.mmi-purple .commentmetadata a {
	color: #bbb;
}


/* mmi Red
------------------------------------------------------------ */

.mmi-red a,
.mmi-red a:visited {
	color: #e04b4b;
}

.mmi-red .menu-primary a,
.mmi-red .menu-secondary a,
.mmi-red .site-header .menu a {
	color: #666;
}

.mmi-red a.button,
.mmi-red .menu-primary li a:active,
.mmi-red .menu-primary .current-menu-item a,
.mmi-red .menu-secondary li a:active,
.mmi-red .menu-secondary .current-menu-item a,
.mmi-red .site-header .menu li a:active,
.mmi-red .site-header .menu .current-menu-item a {
	color: #fff;
}

.mmi-red input[type="button"],
.mmi-red input[type="submit"],
.mmi-red a.button,
.mmi-red .menu-primary li a:active,
.mmi-red .menu-primary .current-menu-item a,
.mmi-red .menu-secondary li a:active,
.mmi-red .menu-secondary .current-menu-item a,
.mmi-red .navigation li a,
.mmi-red .navigation li.disabled,
.mmi-red .navigation li a:hover,
.mmi-red .navigation li.active a,
.mmi-red .entry-header .entry-meta .comments,
.mmi-red .site-header .menu li a:active,
.mmi-red .site-header .menu .current-menu-item a {
	background-color: #e04b4b;
}

.mmi-red input:hover[type="button"],
.mmi-red input:hover[type="submit"],
.mmi-red a:hover.button,
.mmi-red .navigation li a:hover,
.mmi-red .navigation li.active a  {
	background-color: #e95050;
}

.mmi-red h2 a,
.mmi-red h2 a:visited {
	color: #222;
}

.mmi-red.mmi-home .featuredpost h2 a {
	color: #444;
}

.mmi-red h2 a:hover,
.mmi-red.mmi-home h2 a:hover,
.mmi-red.mmi-home .mmi-home .featuredpost h2 a:hover {
	color: #e04b4b;
}

.mmi-red .commentmetadata a {
	color: #bbb;
}


/* mmi Teal
------------------------------------------------------------ */

.mmi-teal a,
.mmi-teal a:visited {
	color: #4be0d4;
}

.mmi-teal .menu-primary a,
.mmi-teal .menu-secondary a,
.mmi-teal .site-header .menu a {
	color: #666;
}

.mmi-teal a.button,
.mmi-teal .menu-primary li a:active,
.mmi-teal .menu-primary .current-menu-item a,
.mmi-teal .menu-secondary li a:active,
.mmi-teal .menu-secondary .current-menu-item a,
.mmi-teal .site-header .menu li a:active,
.mmi-teal .site-header .menu .current-menu-item a {
	color: #fff;
}

.mmi-teal input[type="button"],
.mmi-teal input[type="submit"],
.mmi-teal a.button,
.mmi-teal .menu-primary li a:active,
.mmi-teal .menu-primary .current-menu-item a,
.mmi-teal .menu-secondary li a:active,
.mmi-teal .menu-secondary .current-menu-item a,
.mmi-teal .navigation li a,
.mmi-teal .navigation li.disabled,
.mmi-teal .navigation li a:hover,
.mmi-teal .navigation li.active a,
.mmi-teal .entry-header .entry-meta .comments,
.mmi-teal .site-header .menu li a:active,
.mmi-teal .site-header .menu .current-menu-item a {
	background-color: #4be0d4;
}

.mmi-teal input:hover[type="button"],
.mmi-teal input:hover[type="submit"],
.mmi-teal a:hover.button,
.mmi-teal .navigation li a:hover,
.mmi-teal .navigation li.active a  {
	background-color: #50e9df;
}

.mmi-teal h2 a,
.mmi-teal h2 a:visited {
	color: #222;
}

.mmi-teal.mmi-home .featuredpost h2 a {
	color: #444;
}

.mmi-teal h2 a:hover,
.mmi-teal.mmi-home h2 a:hover,
.mmi-teal.mmi-home .mmi-home .featuredpost h2 a:hover {
	color: #4be0d4;
}

.mmi-teal .commentmetadata a {
	color: #bbb;
}


/* Responsive Design
------------------------------------------------------------ */

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

	.site-container {
		width: 960px;
	}

	.site-header .menu a {
		padding: 38px 15px;
	}

	.breadcrumb {
		margin: -30px -40px 30px;
	}

	.content {
		float: left;
		padding: 30px 40px 10px;
		width: 520px;
	}

	.full-width-content .content {
		width: 840px;
	}

	.post-type-archive-portfolio.full-width-content .content {
		width: 900px;
	}

	.entry-header .entry-meta .entry-meta-time-info {
		margin: 0 0 25px -40px;
		padding: 20px 20px 20px 40px;
	}

	.content #genesis-responsive-slider .flex-control-nav.nav-pos-excerpt,
	.content #genesis-responsive-slider .flex-direction-nav li a,
	.content #genesis-responsive-slider .flex-direction-nav li a.prev {
		display: none;
	}

}

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

	body {
		margin: 0 auto;
		width: 100%;
	}

	.content-sidebar .content,
	.mmi-landing .site-container,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.full-width-content .content,
	.full-width-content.mmi-landing .content,
	.menu-primary,
	.menu-secondary,
	.post-type-archive-portfolio.full-width-content .content,
	.sidebar,
	.sidebar-content .content,
	.content-sidebar-wrap,
	.site-footer .creds,
	.site-footer .gototop,
	.footer-widgets .wrap,
	.site-header ul.menu,
	.site-header .widget-area,
	.sidebar-primary-alt,
	.title-area,
	.site-container {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}

	.menu-primary,
	.menu-secondary,
	.site-description,
	.site-footer .creds,
	.site-footer .gototop,
	.site-header ul.menu,
	.site-header .search-form,
	.site-title,
	.title-area {
		float: none;
		text-align: center;
	}

	.title-area {
		padding: 10px 0;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.home-cta a.button,
	.site-header .search-form,
	.site-container {
		margin: 0;
	}

	.mmi-home .site-inner,
	.full-width-content.mmi-landing .content,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.post-type-archive-portfolio.full-width-content .content,
	.content,
	.footer-widgets .wrap,
	.site-title a,
	.site-title a:hover,
	.site-header .search-form {
		padding: 0;
	}

	.site-header .widget-area {
		padding: 0 0 20px;
	}

	.menu-primary li,
	.menu-secondary li,
	.site-header ul.menu li {
		display: inline-block;
		float: none;
	}

	.breadcrumb {
		margin: -30px -30px 30px;
		padding: 10px 15px;
	}

	.menu-primary a,
	.menu-secondary a,
	.site-header .menu a {
		padding: 5px 10px;
	}

	.menu li.right,
	.content #genesis-responsive-slider .slide-excerpt {
		display: none;
	}

	.menu li li {
		text-align: left;
	 }

	 .site-inner {
		 -moz-box-sizing: border-box;
		 box-sizing: border-box;
		 padding: 30px;
	 }

	.home-middle,
	.home-top {
		padding: 30px 20px 0;
	}

	.breadcrumb
	.mmi-home .featuredpage .page,
	.mmi-home .featuredpost .post {
		margin: 0 0 30px;
	}

	.mmi-home .home-cta {
		padding: 20px 30px;
		text-align: center;
	}

	.mmi-home .home-cta .alignright {
		clear: both;
		display:	block;
		float: none;
		margin: 20px 25% 10px;
	}

	h1,
	h2,
	h2 a,
	h2 a:visited {
		font-size: 36px;
	}

	.widget-area h4 {
		margin: 0 0 10px;
	}

	.sidebar .widget,
	.sidebar-primary .widget.enews-widget {
		padding: 20px 30px;
	}

	.footer-widgets .wrap {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 30px 30px 0;
	}

	.site-footer {
		padding: 20px 0;
	}

}

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

	.home-middle,
	.home-top {
		padding: 30px 0 0;
	}

	.post-type-archive-portfolio .portfolio,
	.home-middle .widget,
	.home-top .widget {
		text-align: center;
		width: 100%;
	}

	.mmi-home .featuredpage .page,
	.mmi-home .featuredpost .post {
		margin: 0 0 30px;
	}

	.mmi-home .featuredpage img,
	.mmi-home .featuredpost img {
		margin: 0 0 20px;
	}

	.mmi-home a.more-link {
		margin: 20px 0 0;
	}

	.post-type-archive-portfolio .portfolio {
		padding: 0 0 30px;
	}

	.entry-header .entry-meta .entry-meta-time-info {
		margin: 0 0 25px;
		padding: 20px;
	}

	.entry-header .entry-meta .comments {
		display: none;
	}

	h1,
	h2,
	h2 a,
	h2 a:visited {
		font-size: 30px;
	}

	.archive-page,
	.five-sixths,
	.four-fifths,
	.four-sixths,
	.one-fifth,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fifths,
	.three-fourths,
	.three-sixths,
	.two-fifths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		padding: 0;
		width: 100%;
	}

}