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

/*  shortcode : columns
/* ------------------------------------ */
.grid { margin-right: 2.1%; float: left; display: inline; position: relative; }
.last { clear: right; margin-right: 0!important; }

.one-full { margin-right: 0; width: 100%; overflow: hidden; }
.one-half { width: 48.9%; }
.one-third { width: 31.9%; }
.two-third { width: 65.9%; }
.one-fourth { width: 23.4%; }
.three-fourth { width: 74.4%; }
.one-fifth { width: 18.3%; }
.two-fifth { width: 38.8%; }
.three-fifth { width: 59.2%; }
.four-fifth { width: 79.6%; }

.content-part .grid { margin-right: 3.2%; }
.content-part .one-half { width: 48.4%; }
.content-part .one-third { width: 31.2%; }
.content-part .two-third { width: 65.6%; }
.content-part .one-fourth { width: 22.6%; }
.content-part .three-fourth { width: 74.2%; }
.content-part .one-fifth { width: 17.4%; }
.content-part .two-fifth { width: 38.1%; }
.content-part .three-fifth { width: 58.7%; }
.content-part .four-fifth { width: 79.4%; }

/*  shortcode : buttons
/* ------------------------------------ */
.button-wrap { display: block; margin: 14px 0; }
a.button { background: #ed1a3b; 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/shortcodes/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/shortcodes/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; font-size: 13px; }
ul.list li { padding: 7px 0 7px 24px; list-style: none; border-bottom: 1px dotted #e5e5e5; text-align: left; }
ul.list.arrow li { background: url(img/shortcodes/list-arrow.png) no-repeat 0 11px;  }
ul.list.check li { background: url(img/shortcodes/list-check.png) no-repeat 0 11px; }
ul.list.plus li { background: url(img/shortcodes/list-plus.png) no-repeat 0 11px; }
ul.list.minus li { background: url(img/shortcodes/list-minus.png) no-repeat 0 11px; }
ul.list.cross li { background: url(img/shortcodes/list-cross.png) no-repeat 0 11px; }

/*  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; background: url(img/shortcodes/alert-close.png) no-repeat 0 0; width: 12px; height: 12px; display: block; position: absolute; top: 15px; right: 10px; overflow: hidden; text-indent: -999px; }
.alert .alert-close:hover { opacity: 1; }
.alert.notice { background: #fff; border-color: #e8e8e8; }
.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: #111; display: block; float: left; font-size: 60px; font-weight: bold; line-height: 1em; margin: 0 10px 0 0; }

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

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

/*  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: #ed1a3b; color: #ed1a3b; 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 #e8e8e8; padding-top: 14px; margin-bottom: 14px; }
.accordion .title a { border-top: 1px solid #e8e8e8; font-size: 15px; color: #777; display: block; padding: 25px 20px 25px 50px; position: relative; }
.accordion .title a:hover { background: #f8f8f8; color: #ed1a3b; }
.accordion .title .icon { background: #111 url(img/shortcodes/toggle-plus.png) no-repeat 2px 2px; width: 18px; height: 18px; display: block; position: absolute; top: 28px; left: 16px; 
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); }
.accordion .title.active a { color: #ed1a3b; }
.accordion .title.active a:hover { background: none; }
.accordion .title.active .icon { background: #ed1a3b url(img/shortcodes/toggle-minus.png) no-repeat 2px 2px; }
.accordion .inner { margin-top: -15px; padding: 0 20px 20px 50px; font-size: 13px; }

/*  shortcode : toggle
/* ------------------------------------ */
.toggle { margin-bottom: 20px; border: 1px solid #e8e8e8; font-size: 13px; }
.toggle .title { font-size: 15px; color: #777; padding: 20px 20px 20px 50px; position: relative; cursor: pointer; }
.toggle .title:hover { background: #f8f8f8; color: #ed1a3b; }
.toggle .title.active { color: #ed1a3b; }
.toggle .title .icon { background: #111 url(img/shortcodes/toggle-plus.png) no-repeat 2px 2px; width: 18px; height: 18px; display: block; position: absolute; top: 23px; left: 16px; 
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); }
.toggle .title.active .icon { background: #ed1a3b url(img/shortcodes/toggle-minus.png) no-repeat 2px 2px; }
.toggle .inner { display: none; border-top: 1px dotted #e8e8e8; }
.toggle .inner .content { padding: 20px; width: auto; }

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

/* ------------------------------------------------------------------------- *
 *  Tablet (Portrait) : 768px > 640px
/* ------------------------------------------------------------------------- */
@media only screen and (min-width: 640px) and (max-width: 768px) {
	.one-half { width: 48.5%; }
	.one-third { width: 31.4%; }
	.two-third { width: 65.65%; }
	.one-fourth { width: 22.8%; }
	.three-fourth { width: 74.1%; }
	.one-fifth { width: 17.6%; }
	.two-fifth { width: 38.5%; }
	.three-fifth { width: 59%; }
	.four-fifth { width: 79.5%; }
	
	/* shortcode: google maps */
	.google-map { width: 100%!important; }
}

/* ------------------------------------------------------------------------- *
 *  Mobile (Common) : 639px > 0px (480px)
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 639px) {
	/* shortcode: hr */
	.text hr, .hr { margin-top: 26px; }
	
	/* shortcode: google maps */
	.google-map { width: 100%!important; }
}

/* ------------------------------------------------------------------------- *
 *  Mobile (Portrait) : 320px
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
	/* shortcode */
	ul.tabs-nav li a { width: 86%; padding-left: 7%; padding-right: 7%; }
	.dropcap { font-size: 56px; }
}