/* Widgets CSS Definitions:
======================================================================================================================== */

/* Page Widget Styles:
======================================================================================================================== */

div.widgets
{
   padding-top: 10px;
}

div.widgets div.WidgetHolder
{
   padding-top: 10px;

   margin-bottom: 15px;

   border-top: 1px dotted #DDD;
}

div.widgets div.WidgetHolder div.title h2
{
   font-size: 20px;
   line-height: 1.6;
   margin-bottom: 8px;
}

div.widgets div.WidgetHolder div.title h3
{
   font-size: 16px;
   line-height: 1.6;
   margin-bottom: 6px;
}

div.widgets div.WidgetHolder div.title h3 a
{
   color: #666;
}

/* Sidebar Widget Styles:
======================================================================================================================== */

div.sidebar
{
/* padding-top: 5px; */
}

div.sidebar div.WidgetHolder
{
   padding: 15px;

   margin-bottom: 15px;

   background-color: #F8F8F8;
}

div.sidebar div.WidgetHolder.typography
{
   font-size: 13px;
   line-height: 20px;
}

div.sidebar div.WidgetHolder div.title h2
{
   color: #444;

   font-size: 14px;
   font-weight: 600;
   line-height: 20px;

   text-transform: uppercase;
}

div.sidebar div.WidgetHolder div.content
{
   color: #444 !important;
}

div.sidebar div.WidgetHolder div.content div.header
{
   margin-bottom: 5px;
}

div.sidebar div.WidgetHolder div.content div.header div.title h3
{
   margin: 0;

   font: 700 13px/20px 'Open Sans';
}

div.sidebar div.WidgetHolder div.content ul
{
   margin: 0 0 0 20px;
   padding: 0;
}

div.sidebar div.WidgetHolder div.content ul li
{
   line-height: 20px;
}

div.sidebar div.WidgetHolder div.pagination
{
   clear: both;

   padding-top: 10px;
}

div.sidebar div.WidgetHolder div.pagination a
{
   color: #666;

   margin-right: 4px;

   border: 1px solid #DDD;
}

div.sidebar div.WidgetHolder div.pagination a:hover, div.sidebar div.WidgetHolder div.pagination a.selected
{
   color: #222;

   text-decoration: none;

   background-color: #EEE;

   border: 1px solid #CCC;
}

/* Footer Widget Styles:
======================================================================================================================== */

#Footer div.WidgetHolder
{
   margin-bottom: 15px;
}

#Footer div.WidgetHolder.typography
{
   font-size: 13px;
   line-height: 20px;
}

#Footer div.WidgetHolder div.title h2
{
   color: #FFF;

   font-size: 18px;
   font-weight: 600;
   line-height: 28px;
}

#Footer div.WidgetHolder div.content
{
   color: #AAA !important;
}

#Footer div.WidgetHolder.typography
{
   font-size: 13px;
   line-height: 20px;
}

#Footer div.WidgetHolder div.content div.header
{
   margin-bottom: 5px;
}

#Footer div.WidgetHolder div.content div.header div.title h3
{
   margin: 0;

   font: 700 13px/20px 'Open Sans';
}

#Footer div.WidgetHolder div.content div.header div.info
{
   color: #AAA;

   font-size: 11px;
   line-height: 17px;
}

#Footer div.WidgetHolder div.content div.footer
{
   margin: 5px 0 10px;
}

#Footer div.WidgetHolder div.content ul
{
   margin: 0 0 0 20px;
   padding: 0;
}

#Footer div.WidgetHolder div.content ul li
{
   line-height: 20px;
}

#Footer div.WidgetHolder div.pagination
{
   clear: both;
}

#Footer div.WidgetHolder div.pagination a
{
   color: #FFF;

   margin-right: 4px;

   border: 1px solid #AAA;
}

#Footer div.WidgetHolder div.pagination a:hover, #Footer div.WidgetHolder div.pagination a.selected
{
   text-decoration: none;

   background-color: #444;
}

/* Widget Form Styles:
======================================================================================================================== */

div.WidgetHolder form .field
{
   margin: 0 0 10px;
}

div.WidgetHolder form .message
{
   padding: 3px 6px;
}

div.WidgetHolder form input[type="text"],
div.WidgetHolder form input[type="password"],
div.WidgetHolder form input[type="email"],
div.WidgetHolder form textarea,
div.WidgetHolder form select
{
   margin-bottom: 15px;
}

div.WidgetHolder form input.text,
div.WidgetHolder form textarea,
div.WidgetHolder form select
{
   padding: 4px;

   font-size: 14px;
}

div.WidgetHolder .Actions
{
   margin-bottom: 0px;
}

div.WidgetHolder a.btn,
div.WidgetHolder button,
div.WidgetHolder form input[type="submit"],
div.WidgetHolder .Actions .action
{
   font-size: 11px;
}

/* Media Queries:
======================================================================================================================== */

/* All Mobile Sizes */

@media only screen and (max-width: 767px)
{
   div.widgets div.columns > div
   {
      padding: 0 15px;
   }

   div.widgets div.WidgetHolder > div.title
   {
      padding: 0 15px;
   }

   div.widgets div.WidgetHolder > div.content
   {
      padding: 0 15px;
   }

   div.widgets div.WidgetHolder > div.content > div.container
   {
      margin-left: -15px;
   }

   div.widgets div.WidgetHolder div.title h2
   {
      font-size: 20px;
      line-height: 1.6;
      margin-bottom: 6px;
   }

   div.widgets div.WidgetHolder div.title h3
   {
      font-size: 18px;
      line-height: 1.6;
      margin-bottom: 6px;
   }

   div.sidebar div.WidgetHolder
   {
      margin-left: 15px;
      margin-right: 15px;
   }
}