/*
Theme Name: Child of Olympus
Theme URI: http://www.eac2quickweb.org
Description: Child of Olympus which is a agency and corporate theme. Its simple and clean Wordpress HTML5 & CSS3 Theme. Its a full responsive theme built with Bootstrap.
Author: Joseph Goodman
Author URI: http://www.eac2quickweb.org
Template: olympus
Version: 0.1
License URI: http://www.gnu.org/licenses/gpl-2.0.html
License: GNU General Public License
Tags: business, clean, corporate, design, drag & drop, green, localization, minimal, modern, page builder, portfolio, responsive. retina, theme, wordpress
*/


/* ovverride line 529 from style.css - changes spacing on page builder elements*/
#content{padding-top:25px; padding-bottom:25px;}

/*override line 1169 from style.css - changes spacing on page builder elements*/
.row-dynamic-el{margin-top:1px; float:left;}

/*ovveride line 337 from style.css -- change header background color and decrease padding on bottom*/
.header_page{margin-bottom:10px; background:#4169E1;}

/*ooverride line 347 from style.css -- add header font color*/
.header_page h5 {color:#fff;}

/* override default css settings to make the widget on the front page look correct */
/* --- start --- */
.div_override_for_em_widget { height:226px; }
.li_override_for_em_widget li,
.li_override_for_em_widget li a, 
.li_override_for_em_widget li a:link,
.li_override_for_em_widget li a:visited, 
.li_override_for_em_widget li a:active { padding-top:5px; padding-left:5px; color:#fff; }
.li_override_for_em_widget li a:hover { padding-top:5px; padding-left:5px; color:#1c2841; }

.dyn_widget .widget_text .textwidget { background: #3c9be5; color: #fff;  }
.dyn_widget .widget_text .textwidget  h3 { 
text-align:center; 
padding: 10px; 
text-align: center; 
background: #3c9be5; 
text-transform: uppercase; 
color: #fff; 
transition: background 0.5s ease-in;
text-shadow: 0 1px 1px rgba(0,0,0,0.3)
}
.dyn_widget .widget_text .textwidget h3 i { color: #fff !important; font-size: 14px !important; }
.dyn_widget .widget_text .textwidget h3 span { padding: 10px; text-align: center; background: #3c9be5; text-transform: uppercase; color: #fff; font-weight: 400; line-height: 14px; }
.dyn_widget .widget_text .textwidget .cff-header { margin: 0 0 0 0; }
/* --- stop --- */

/* override default css settings to make the events widget on the front page look correct */
/* --- start --- */

/* -- sets box style -- */
.container .row-fluid .row-dynamic-el .container .row-fluid .span4{ background-color:#FFF; max-height:261px; overflow-x: hidden; overflow-y: auto; margin-bottom: 0px; padding-left:0px; }

/* -- sets header background style and text style -- */
.container .row-fluid .row-dynamic-el .container .row-fluid .span4 h5{   padding: 7px;  text-align: center;  background: #3c9be5;  text-transform: uppercase;  color: #fff;  transition: background 0.5s ease-in;  text-shadow: 0 1px 1px rgba(0,0,0,0.3);}

/* -- overrides settings for ul to better use space -- */
.container .row-fluid .row-dynamic-el .container .row-fluid .span4 ul{padding-left:20px;}

/* -- overrides setting for li within above ul for spacing -- */
.container .row-fluid .row-dynamic-el .container .row-fluid .span4 ul li{margin-bottom: 1px; padding-left:1px;}

/* -- overrides settings for a under above li for color -- */
.container .row-fluid .row-dynamic-el .container .row-fluid .span4 ul li a{color:#3c9be5 }

/* --- stop --- */

aside#widgetarea-sidebar.span3.sidebar { background-color:#CCC; }

/*nav .menu li ul li ul{display:none;}*/
nav .menu li ul li:hover ul{display: block;left: 185px;top: -1px;}

/* -- ovverride line 47 of eldo.css so that the greater than arrow move in a little -- */
aside ul li {background-position:5px; padding-left: 20px;}

/* -- added css for images on pages -- */
.page_image_box {padding:0.25em 0.25em 0.25em 0.25em; border:1px solid #1c2841;}

/* -- override color for menu links at top of page -- */
nav .menu li a { color:#1C2841; }

/* -- ovveride text color for services boxes -- */
.services_small a { color:#000; }

.header h5 { background:#3c9be5; color:#FFF; }