/* style.css */

/*  base : grid
/* ------------------------------------ */
.grid { padding-right: 15px; float: left; display: inline; position: relative; box-sizing: border-box; }
.last { clear: right;}
.grid + br {
  display: none;
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
p:empty {
  display: none;
}

.one-full { margin-right: 0; width: 100%; overflow: hidden; }
.one-half { width: 50%; }
.one-third { width: 33%; }
.two-third { width: 66%; }
.one-fourth { width: 25%; }
.three-fourth { width: 75%; }
.one-fifth { width: 20%; }
.two-fifth { width: 40%; }
.three-fifth { width: 60%; }
.four-fifth { width: 80% }

.content-part .grid { padding-right: 15px; }
.content-part .one-half { width: 50%; }
.content-part .one-third { width: 33%; }
.content-part .two-third { width: 66%; }
.content-part .one-fourth { width: 25%; }
.content-part .three-fourth { width: 75%; }
.content-part .one-fifth { width: 20%; }
.content-part .two-fifth { width: 40%; }
.content-part .three-fifth { width: 60%; }
.content-part .four-fifth { width: 80%; }

/* ------------------------------------------------------------------------- *
 *  Shortcodes
/* ------------------------------------------------------------------------- */

/*  shortcode : buttons
/* ------------------------------------ */
.button-wrap { display: block; margin: 14px 0; }
a.button { background: #0088b2; color: #fff; font-size: 13px; padding: 6px 12px; display: inline-block; text-shadow: 0 1px 0 rgba(0,0,0,0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
a.button:hover { background-color: #666; }
a.button:active { background-color: #555; }
a.button.small { font-size: 11px; padding: 6px 10px; }
a.button.medium { font-size: 14px; padding: 6px 12px; }
a.button.large { font-size: 16px; padding: 9px 16px; }
a.button.light { background: #eee url(../img/button-light.png) repeat-x top; color: #666; text-shadow: 0 1px 0 rgba(255,255,255,0.9); border: 1px solid #ccc; border-bottom-color: #bbb;
-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05); box-shadow: 0 1px 0 rgba(0,0,0,0.05); }
a.button.light:hover { color: #444; border-color: #aaa; }
a.button.light:active { background-image: none; }
a.button.dark { background: #444  url(../img/button-dark.png) repeat-x top;
-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2); }
a.button.dark:hover { background-color: #555; }
a.button.dark:active { background-image: none; }

/*  shortcode : lists
/* ------------------------------------ */
ul.list { margin: 0 0 20px 0; }
ul.list li { padding: 7px 0 7px 24px; list-style: none; border-bottom: 1px solid #eee; text-align: left; }
ul.list.arrow li { background: url(../img/list-arrow.png) no-repeat 0 13px; background-size: 12px 12px; }
ul.list.check li { background: url(../img/list-check.png) no-repeat 0 13px; background-size: 12px 12px; }
ul.list.plus li { background: url(../img/list-plus.png) no-repeat 0 13px; background-size: 12px 12px; }
ul.list.minus li { background: url(../img/list-minus.png) no-repeat 0 13px; background-size: 12px 12px; }
ul.list.cross li { background: url(../img/list-cross.png) no-repeat 0 13px; background-size: 12px 12px; }

/*  shortcode : alerts
/* ------------------------------------ */
.alert { position: relative; padding: 12px 30px 12px 20px; text-align: center; font-size: 12px; margin: 0 0 20px 0; border: 1px solid; }
.alert a { color: #444; }
.alert .alert-close { opacity: 0.4; font-size: 18px; width: 18px; height: 18px; display: block; position: absolute; top: 12px; right: 10px; }
.alert .alert-close:hover { opacity: 1; }
.alert .alert-close i { display: block; }
.alert.notice { background: #fff; border-color: #eee; }
.alert.warning  { background: #fbeed5; border-color: #e4ddb7; color: #ad8643; }
.alert.success { background: #dff0d8; border-color: #c1e1b4; color: #468847; }
.alert.error { background: #f2dede; border-color: #e3bfbf; color: #b94a48; }
.alert.info { background: #d9edf7; border-color: #b7dbed; color: #3a87ad; }

/*  shortcode : dropcap
/* ------------------------------------ */
.dropcap { color: #444; display: block; float: left; font-size: 72px; font-weight: bold; line-height: 1em; margin: 0 10px 0 0; }

/*  shortcode : pullquotes
/* ------------------------------------ */
.pullquote-left	{ color: #444; font-style: italic; border-left: 6px solid #eee; float: left; margin: 18px 20px 18px 0; padding: 0 0 0 20px; font-size: 18px; font-weight: bold; width: 40%; }
.pullquote-right { color: #444; font-style: italic; border-right: 6px solid #eee; float: right; margin: 18px 0 18px 20px; padding: 0 20px 0 0; font-size: 18px; font-weight: bold; width: 40%; }

/*  shortcode : highlights
/* ------------------------------------ */
.highlight { color: #222; border-bottom: 1px dotted #222; }

/*  shortcode : tabs
/* ------------------------------------ */
.tabs { width: 99.4%; margin-bottom: 20px; font-size: 13px; }
ul.tabs-nav { margin: 0 0 0 1px; padding: 0; width: 100%; z-index: 2; position: relative; }
ul.tabs-nav li { list-style: none; }
ul.tabs-nav li a { background: #f6f6f6; color: #777; border: 1px solid #e5e5e5; border-bottom: 0; display: inline-block; float: left; padding: 9px 14px 9px 14px; margin-left: -1px; }
ul.tabs-nav li a:hover { color: #444; cursor: pointer; }
ul.tabs-nav li a.active { border-top-color: #0088b2; color: #0088b2; background: #fff; margin-bottom: -1px; padding-bottom: 10px; }
.tab { background: #fff; display: none; border: 1px solid #e5e5e5; float: left; width: �100%; }
.tab .tab-content { padding: 20px; }

/*  shortcode : accordion
/* ------------------------------------ */
.accordion { border-bottom: 1px solid #eee; padding-top: 14px; margin-bottom: 14px; }
.accordion .title a { font-weight: bold; border-top: 1px solid #eee; color: #777; display: block; padding: 16px 20px; position: relative; }
.accordion .title a:hover { color: #0088b2; }
.accordion .title i { font-size: 18px; margin-right: 10px; position: relative; bottom: -2px; }
.accordion .title.active a { color: #0088b2; }
.accordion .title.active a:hover { background: none; }
.accordion .inner { padding: 0 20px 20px 50px; }

.sidebar .accordion,
.sidebar .accordion .title a { border-color: #e2e2e2; }
.sidebar .accordion {
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
box-shadow: 0 1px 0 rgba(255,255,255,0.5); }
.sidebar .accordion .title a {
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.5); }

#footer .accordion,
#footer .accordion .title a { border-color: #2c2c2c; }
#footer .accordion .title a:hover { color: #ccc; text-decoration: none; }

/*  shortcode : toggle
/* ------------------------------------ */
.toggle { margin-bottom: 20px; border: 1px solid #eee; }
.toggle .title { font-weight: bold; color: #777; padding: 16px 20px; position: relative; cursor: pointer; }
.toggle .title:hover { color: #0088b2; }
.toggle .title.active { color: #0088b2; }
.toggle .title i { font-size: 16px; margin-right: 10px; position: relative; }
.toggle .inner { display: none; border-top: 1px solid #eee; }
.toggle .inner .content { padding: 20px; width: auto; }

.sidebar .toggle,
.sidebar .toggle .inner { border-color: #e2e2e2;  }
.sidebar .toggle {
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.7);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.7);
box-shadow: 0 1px 0 rgba(255,255,255,0.7); }

#footer .toggle,
#footer .toggle .inner { border-color: #2c2c2c; }
#footer .toggle .title { color: #999; }
#footer .toggle .title:hover,
#footer .toggle .title.active { color: #ccc; }

/*  shortcode : google maps
/* ------------------------------------ */
.google-map { margin-bottom: 30px; }
.google-map img { max-width: none; }
.google-map-full { width: 100%!important; }


/* ------------------------------------------------------------------------- *
 *  IE Fixes
/* ------------------------------------------------------------------------- */
.ie .newsflash li { background: #f9f9f9; }
.ie .text .gallery .gallery-caption { background: #444; color: #fff; }
.ie .flex-newsflash .flexslider .flex-direction-nav i { left: 3px; }
.ie .page-image-text .description i,
.ie .flex-featured .flex-direction-nav a:hover { background: url(img/ie/opacity-70.png) repeat; }
.ie .thumb-icon,
.ie .flex-caption,
.ie .featured .entry-title,
.ie .flex-direction-nav a { background: url(img/ie/opacity-50.png) repeat; }
.ie .flex-control-paging li a { background: url(img/ie/opacity-20.png) repeat; }
.ie .flex-control-paging li a:hover { background: url(img/ie/opacity-30.png) repeat; }
.ie .flex-control-paging li a.flex-active { background: url(img/ie/opacity-40.png) repeat; }


/* ------------------------------------------------------------------------- *
 *  Retina Images @2x
/* ------------------------------------------------------------------------- */
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.widget_meta ul li a,
	.widget_pages ul li a,
	.widget_nav_menu ul li a { background-image: url(img/widgets/arrow@2x.png); }
	.widget_archive ul li a { background-image: url(img/widgets/calendar@2x.png); }
	.widget_categories ul li a { background-image: url(img/widgets/folder@2x.png); }
	.widget_links ul li a { background-image: url(img/widgets/link@2x.png); }
	.widget_recent_comments ul li { background-image: url(img/widgets/comment@2x.png);  }
	.widget_recent_entries ul li a { background-image: url(img/widgets/time@2x.png); }
	.widget_search input.search,
	#header-search input { background-image: url(img/widgets/search@2x.png); }

	.commentlist li.bypostauthor .comment-body { background-image: url(img/comment-author@2x.png); }
	.commentlist li.bypostauthor li .comment-body { background-image: none; }
	.commentlist li.bypostauthor ul li.bypostauthor .comment-body  { background-image: url(img/comment-author@2x.png); }

	ul.list.arrow li { background-image: url(../img/list-arrow@2x.png); }
	ul.list.check li { background-image: url(../img/list-check@2x.png); }
	ul.list.plus li { background-image: url(../img/list-plus@2x.png); }
	ul.list.minus li { background-image: url(../img/list-minus@2x.png); }
	ul.list.cross li { background-image: url(../img/list-cross@2x.png); }

	.text blockquote { background-image: url(../img/blockquote@2x.png); }
}
.toggle {
  border: none;
}
.toggle .title {
  background-color: #1e73be;
  color: #fff;
  transition: background-color 0.25s ease;
}
.toggle .title:hover,
.toggle .title:focus {
  color: #fff;
  background-color: #53a0e4;
}
.toggle .title.active {
  color: #fff;
}
.toggle .inner {
  border: none;
  background-color: rgb(238, 238, 238);
}
.toggle-title-caption-active,
.toggle-title-caption-not-active {
  font-size: 12px;
  text-transform: uppercase;
  margin-top: -10px;
  font-weight: 700;
}
.toggle .title.active .toggle-title-caption-active {
  display: none;
}
.toggle .title:not(.active) .toggle-title-caption-not-active {
  display: none;
}