/*
// Theme Name: Harmony
// Theme URI: http://harmonyfoundationinc.com/
// Author: Mahmoud Saeed
// Author URI: http://about.me/mahmou/
// Description: This is a custom theme designed by Mahmoud Saeed for Harmony Foundation Inc.
// Version: 1.0.0
// Template: x
*/


/* =============================================================================
// STYLE.CSS
// -----------------------------------------------------------------------------
// Main CSS File.
// ========================================================================== */


/* =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
//   01. General Styles
//   02. Header
//   03. Sidebar
//   04. Footer
//   05. Plugins
//   06. Responsive Styles
// ========================================================================== */


/* General Styles
// ========================================================================== */
.italic { font-style: italic !important; }
.inline { display: inline !important; }
.bold { font-weight: bold !important; }
.black {color: #000 !important; }
.underline { text-decoration: underline !important; }
p { margin: 0 0 1.15em; }
.marginless-p > p:last-of-type { margin-bottom: 0; }
.styled-list { list-style: none; text-indent: -10px; }
.styled-list li:before { content: '\f00c'; font-family: 'fontawesome'; color: #82bc43; font-weight: bold; display: inline-block; width: 10px; }
.styled-list li ul li:before { content: '\f101'; }
.styled-list li ul li ul li:before { content: '\f105'; }

/* Buttons */
.x-btn, .x-btn.x-btn-mini, .x-btn.x-btn-small, .x-btn.x-btn-regular, .x-btn.x-btn-large, .x-btn.x-btn-x-large, .x-btn.x-btn-jumbo, .button, [type="submit"] { text-shadow: none !important; padding: 0.5em 2em; }
a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus { outline: none !important; }

/* Forms */
form { margin: 0; }
form .required { color: #f00; font-weight: bold; }
.wpcf7-not-valid-tip { color: #f00; font-weight: bold; }
.wpcf7 .screen-reader-response { display: none; }

/* Social Icons */
.x-social-global a { width: 30px; height: 30px; background: #bababa; line-height: 30px; margin-right: 4px; border-radius: 3px; }
.x-social-global a:last-of-type { margin-right: 0; }
.x-social-global a.facebook:hover { background: #3b5998; }
.x-social-global a.twitter:hover { background: #55acee; }
.x-social-global a.google-plus:hover { background: #dd4b39; }
.x-social-global a.linkedin:hover { background: #007bb5; }
.x-social-global a.youtube:hover { background: #bb0000; }
.x-social-global a i { color: #fff; font-size: 18px; text-decoration: none; }


/* Header
// ========================================================================== */

/* Topbar */
.x-topbar { border-bottom: 1px #ddd solid; min-height: 0; padding: 10px; }
.x-topbar .x-social-global { margin-top: 0; }
.x-topbar .p-info { margin-top: 0; color: #006738; font-size: 14px; line-height: 30px; }
.x-topbar .p-info a{ color: #006738 !important;}
.x-topbar .x-social-global a { margin-right: 0px; margin-left: 4px; }
.x-topbar .x-social-global a:first-of-type { margin-left: 0; }

/* Logobar*/
.x-logobar { background: #fff !important; }
.masthead-stacked .x-brand { float: left; }
.x-logobar .call-us { float: right; margin-top: 50px; }

/* Top Header */
.top-header { height: 200px; background-position: center center; background-size: cover; }

/* Navbar */
.x-navbar { border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; }
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a { box-shadow: none !important; }
.masthead-inline .x-navbar .desktop .sub-menu { left: 0; right: auto; margin-top: -2px; }
.x-navbar .desktop .x-nav > li > a { border-right: none; }
.x-navbar .desktop .x-nav > li:first-child > a { border-left: none; }
.x-btn-navbar.collapsed, .x-btn-navbar, .x-btn-navbar.collapsed:hover, .x-btn-navbar:hover { color: #006738; }


/* Sidebar
// ========================================================================== */
.x-sidebar { text-align: center; }
.x-sidebar .widget a.x-btn { text-decoration: none; }
.x-sidebar .widget a.x-btn { display:block; color: #fff; margin: 5px 0; text-decoration: none; font-size: 18px; font-weight: bold; }
.x-sidebar .widget a.x-btn.white-background { background: #fff; color: #066937; }
.x-sidebar .widget a.x-btn:hover { background: #ddd; color: #066937; }


/* Footer
// ========================================================================== */

/* Top Footer */
.x-colophon.top { background: #fff !important; border-top: 1px solid #ccc; -moz-box-shadow: 0px 1px 5px #888; -webkit-box-shadow: 0px 1px 5px #888; box-shadow: 0px 1px 5px #888; text-align: center; padding: 20px 0; margin-bottom: 0; }
.x-colophon.top .x-container .x-column { vertical-align: middle; }

/* Bottom Footer */
.x-colophon.bottom { background: #ddd !important; color: #333; padding: 10px 0; text-align: left; text-transform: none; border-top: 1px solid #ccc; }
.x-colophon.bottom .x-colophon-content { color: #333; margin: 0; }

/* Plugins
// ========================================================================== */

/* Responsive Styles
// ========================================================================== */

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

}

@media screen and (max-width: 979px) {
.masthead-stacked .x-brand, .x-logobar .call-us {   display: block; float: none; text-align: center; }
}