/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. */


/* 
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

.entry, .entry p {color: #222222; font: 1.1em/1.8em 'Open Sans',arial,sans-serif;}

#header {padding: 2.5em 1.618em; background: none repeat scroll 0 0 #EEEEEE; border-bottom: 1px solid #E9E9E9;}
#header-callus {float: right; font-size: 2em; font-weight: 300; margin-right: 20px; margin-top: 1em;}
#header-callus span{color:#25408E; font-weight: 600}

/*top nav*/
#top{background: #25408E}
#top ul.nav li a {color: #FFFFFF !important; text-decoration: none; font-size: 1.1em; margin: 2px; }
#top ul.nav li.current_page_item > a, #top ul.nav li.current_page_parent > a, #top ul.nav li.current-menu-ancestor > a, #top ul.nav li.current-cat > a, #top ul.nav li.li.current-menu-item > a {
    background: none repeat scroll 0 0 #D2232A; border-radius: 3px; text-decoration: none;}
    /*#25408E*/
#top ul.nav > li > a:hover {background:#D2232A; border-radius: 3px; text-decoration: none;}

/*primary nav*/
#navigation {margin: 3em 0 0;}
#navigation ul.nav li.current_page_item > a, #navigation ul.nav li.current_page_parent > a, #navigation ul.nav li.current-menu-ancestor > a, #navigation ul.nav li.current-cat > a, #navigation ul.nav li.li.current-menu-item > a {
    background:#d2232a; text-decoration: none;  color: #fff !important;}
#navigation ul.nav > li > a:hover {background:#25408E; color: #FFFFFF !important; text-decoration: none;}
#navigation ul.nav li a { padding: 0.236em 1.7em; color: #444444 !important; font-size: 1.15em; background:#FFFFFF;}

/*general content*/
h1, h2, h3, h4, h5, h6 {font-family: "Montserrat";}
.entry h3 {border-left: 5px solid #D2232A; font-size: 1.387em; padding-left: 8px;}

.page article header h1{font-size:2.7em;}
section.entry h2{font-size:1.618em;}

/*****************************************
* homepage *******************************
* ****************************************/

body.home #breadcrumbs {display: none;}
body.home #content header{display: none}

/*slider*/
#featured {background:#25408E; border-bottom: 1px solid #E6E6E6; margin: 0 -1.618em; padding: 3.631em 1.618em; }
#featured ul.slides .entry p {color:#fff}
#featured ul.slides .entry h2, #featured ul.slides .entry h3 {color:#fff; font-weight: 600}
#featured ul.slides header h1{color:#fff}

.widget_woothemes_features .features .feature h3.feature-title { font-size: 2em !important; }
.home #content .widget > h2, .home #content .widget > h3 { text-align: center; color:#d2232a; font-family: "Montserrat";}

.widget_woothemes_features .features .feature h3.feature-title {color: #5367A4; font-family: "open sans"; font-size: 2em !important; font-weight: normal;}
.widget_woothemes_features .features .feature h3.feature-title a{color: #5367A4;}
.widget_woothemes_features .features .feature{margin:0 3.75% 1em 0}
.feature-content {font-size: 1.1em; line-height: 1.6em;}

body.home .page-content .entry #main p {font-size: 1em; line-height: 1.5em}

/*ad*/
.home #content #text-2 {background:#25408E; color: #FFFFFF; font-size: 2em; padding: 2em; text-align: center; border-radius: 5px}
.home #content #text-2 span {font-weight: 700; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);}

/*testimonials*/
.home .testimonials .quote{text-align: center}
.testimonials .quote img {margin: 0 auto; width: 60px; background-clip: padding-box; border: 2px solid #ddd; border-radius: 50%; float: none; }

.testimonials .quote .quote-content:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color:none;
    border-image: none;
    border-style: none;
    border-width:0px;
    content:"\201C";
    display: block;
    height:auto;
    left:auto;
    position: relative;
    top:auto;
    width: auto;
    color:#666;
    font-size: 6em;
    font-family: Georgia;
    margin: 20px 0 0;
    float: left;
}

.testimonials .quote .quote-content {
    background: none repeat scroll 0 0 padding-box #F9F9F9;
    border:none;
    border-radius: 4px;
    margin: 20px 0 0;
    padding: 2em 1em;
    position: relative;
}

blockquote p {font-family: georgia; font-size: 1.3em; font-style: italic; line-height: 1.5em;}

.enterprise{margin:-30px auto 0 auto; padding-bottom:20px; width:auto; max-width:820px; overflow:hidden;}
.enterprise img{float:left;}
.enterprise p {margin:10px 10px 0 20px; padding:0; float:left;}


/* 
DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 768px) {
	/* Desktop styles go here */
}