/* Joobstrap Joomla Framework *bootstrap_extend.php* v1.0.11  - 16.July 2013 - http://www.pixelsparadise.com */

/* Released under a commercial license. This file IS copyright protected and NOT released under the MIT license. Please respect the designers rights! */
/* You can edit it but it is not allowed to offer it for download or resell it */

/* Default HTML changes */
body {-webkit-font-smoothing: subpixel-antialiased;word-wrap: break-word ;}
blockquote {border:none;font-size:1.33em;padding:0;margin:0;}

/* Overwrites, Joomla compatibility classes and extensions for Bootstrap Framework */
.navbar { margin-bottom: -20px;}
.navbar .brand {padding: 0 10px 0 0;}
.btn-group.actions {margin-top:11px;}

/* Normalize text logo size */
.brand h1 {font-size:24px; padding:0; margin:0;}

/* Normalize Navbar */
.logo_area_wrapper .nav .caret {margin-top: 8px;margin-left: 2px;}
.logo_area_wrapper .nav ul .caret, .logo_area_wrapper .nav ul .caret {margin-top: 8px;margin-left: 2px;display:none;}
.logo_area_wrapper .nav, .logo_area_wrapper .nav .dropdown-menu li {position:relative;}
.logo_area_wrapper .nav .dropdown-menu li .flyout-menu {left:100%;top:0;}
.logo_area_wrapper .nav li {position:relative;z-index: 597;}
.logo_area_wrapper .navbar .nav > a {color:#000;}
.logo_area_wrapper .navbar .nav > li > a {padding:10px;}
.logo_area_wrapper span.separator {padding:10px; /*  float:left; */}

/* Active Navbar Link */
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {box-shadow:none;background:none;}
.nav .flyout-menu {visibility: hidden;position: absolute;top: 100%;z-index: 5000;float: left;min-width: 160px;max-width: 220px;width: 160px;padding: 4px 0;margin: 0;list-style: none;background-color: #ffffff;border:none;border-radius:0px; box-shadow:none;-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;*border-right-width: 2px;*border-bottom-width: 2px;}
.nav .flyout-menu li {position:relative;float: none;white-space:nowrap;margin:0;padding:0;border:0;}
.nav .flyout-menu li a {display: block;padding: 3px 15px;clear: both;font-weight: normal;line-height: 18px;color: #555555;white-space: nowrap; font-size:14px;}
.nav .flyout-menu li > a:hover, .nav .flyout-menu .active > a, .nav .flyout-menu .active > a:hover {color: #ffffff;text-decoration: none;background-color: #0088cc;}
.nav .flyout-menu ul {top:-5px;left:100%;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.nav li:hover > .flyout-menu {visibility:visible;}
.navbar .caret, .navbar .nav .caret {/* border-top-color: #ffffff; */}
.navbar .nav .active .caret {opacity: 1;filter: alpha(opacity=100);}
.nav-pills .caret {margin-top:6px;}
.navbar .nav > li > a{text-shadow:none;}
.dropdown-menu .active > a:hover, .dropdown-menu  > li > a:hover, .navbar .nav > li > a:hover {color:#fff;}

/* Normalize Dropdown */
.dropdown-menu, .flyout-menu {border:none; border-radius:0px;box-shadow:none;}
.navbar .nav > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu:before {display:none;border:none;background:none;}

/* menus with nav-stacked suffix */
.nav-stacked ul, .nav-list ul {list-style:none;}
.nav-stacked ul li a, .nav-list ul li a {display:block;padding:3px 5px;margin:1px 0;}
.nav-stacked ul .active > a, .nav-stacked ul .active > a:hover, .nav-list ul .active > a, .nav-list ul .active > a:hover {color: black;background-color: transparent;}
.nav-tabs.nav-stacked > li > ul {margin:0;padding-left:8px;background:#ffffff;  border:1px solid #ddd;border-top:0; }
.nav.nav-list li.parent ul {display:none;}
.nav.nav-list li.parent:hover ul, .nav.nav-list li.active.parent ul {display:block;}

/*Sliding-In Menu */
.horizon-menu {background-color:#fff;}
.horizon-menu-vertical a, .horizon-menu-vertical .separator {/* border-bottom: 1px solid #fff; */ width:100%;color:#fff;padding:10px;}
.horizon-menu a:hover {background-color:#fff;}
.sliding_menu_toggle {float:right;position:relative; z-index:100;width:auto;margin-top:8px;}
.sliding_menu_toggle a{text-decoration:none;color:#555;padding:11px;}
.sliding_menu_toggle a:hover {text-decoration:none;}
.sliding_menu_toggle a:link img {padding-left:4px;}

/*Basic Layout changes */
.above_content_modules {padding-bottom:20px; margin-bottom:20px; float:left;}
.below_content_modules {padding-top:20px; margin-top:20px;float:left;}

/* Nice Fade Effect for Links */
a,.separator  { -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out; transition: .5s ease-in-out;}

/* Nice Fade Effect for Credits Area*/
.credits_area_wrapper div p{opacity:.66; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.credits_area_wrapper:hover div p{opacity:1;}

/* Displays Dropdown Menus also by Mouse over */
li.dropdown:hover ul {display:block;}
.dropdown-menu {margin: -5px 0 0; background-color: #ccc !important;}

/*Adds clear fix to modules to prevent them from floating into each other*/
.clearfix {display: inline-block;}

/* Resets the Bootstrap default Navbar design */
.navbar-inner {min-height: 40px; background: none;background-image: none;background-image: none; background-image: none;background-image: none;background-image: none; background-repeat: no-repeat;border: none;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius:0px;filter: none;-webkit-box-shadow: none;-moz-box-shadow: none; box-shadow: none;}

/*Resets Bootstrap default form element alignment */
label,input,select,textarea, form {float:left;}
form {width:100%;;}

/*Reset Bootstrap Button design to flat design */
.btn {border:none; border-radius:0px;box-shadow:none; text-shadow:none;font-weight:300;}
.btn-mini {padding: 0px 12px;font-size: .8em;}
.btn-small {padding: 2px 16px;font-size: .9em;}

/*Reset Bootstrap Well design */
.well {background:none; border:1px dashed #999; border-radius:0px;}
.footer_area_wrapper .well {background:none; border:1px dotted #fff;}

/*Border for span Bootstrap span elements */
.add_border {border-right:1px solid #e3e3e3;}


/* Page Header Overwrite */
.page-header {padding-bottom: 0px;margin: 0;border:none;}

/* Headlines */
h1, h2, h3, h4, h5, h6 {margin:.2em 0; line-height:auto;}
h1 {font-size: 50.5px;}
h2 {font-size: 42.5px;}
h3 {font-size: 34.5px;}
h4 {font-size: 26.5px;}
h5 {font-size: 18px;}
h6 {font-size: 11.9px;}

/* If more than one row is used for modules the "new_row" suffix tells the first module in the second row that it is first */
.row-fluid .new_row, .row-fluid .new-row {margin-left:0;}

/* Default module Setup */
.moduletable { width:inherit;}

/* Breadcrumb Module default styling*/
.breadcrumb {background:none; padding:0; margin:0;}

/* Hides Module title if turned off. Title is still in the source code. Good for search engines...*/
.no-title .module-title {display:none;}

/* Usefull Tools */
.text-align-right {text-align:right;}
.text-align-center {text-align:center;}
.text-align-left {text-align:left;}
.float-left {float:left;}
.float-right {float:right;}
.border_right {border-right:1px solid #e4e4e4;padding-right:20px;}
.border_left {border-left:1px solid #e4e4e4;padding-left:20px;}
.rounded-background {border-radius:999px;}
.small_text {font-size:.8em; line-height:1.4em;}
.big_text {font-size:1.2em}
.white_text, p.white_text {color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,.5);}
.black_text {color:#000; text-shadow: 1px 1px 1px rgba(255,255,255,.5);}

/* Joomla UI customizations */
.img-fulltext-left, .img-fulltext-right, .img-fulltext-left img, .img-fulltext-right img {width:100%;}
.img-intro-left, .img-intro-right, .img-intro-left img, .img-intro-right img{width:100%;}
.item-separator {height:1px; /* border-bottom:1px solid #eee; */margin:40px 0;}
.btn-group.actions .btn{background:none;background-color:#eee; border-radius:0px;}
ul.pagenav li a, .hits{background:none;background-color:#eee; border-radius:0px;}
.hits {padding:4px 8px;color:#999;}

/*Embed responsive Videos */
.responsive-video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* Embed a 16:9 Vimeo or YouTube video responsive */
.responsive-video {position: relative;padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/padding-top: 0px;height: 0;overflow: hidden;}

.responsiveiframe {position: relative;padding-bottom: 56%;height: 0;overflow: hidden;}
.responsiveiframe iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*Text selector styling */
::-moz-selection{ background: #c9e7de; color:#000; text-shadow: none; }
::selection { background:#c9e7de; color: #000; text-shadow: none; }

/*Pricing Table Basic style */
.pricing_table h1 {font-size:40px;}
.pricing_table:hover {box-shadow:0px 0px 10px rgba(58,135,173,.7);}
.pricing_table:hover h1 {text-shadow:0 0 10px rgba(255,255,255,1);}
.pricing_table {border:1px solid #ddd;box-shadow:0px 0px 10px rgba(0,0,0,.2);border-radius:3px;margin:30px 0;}
.pricing_table.featured_plan {}
.pricing_table.featured_plan:before {content:"Best Price!"; color:#fff; font-size:11px;position:absolute; margin-top:-18px; margin-left:-18px;background-color:#0088cc;width:64px; height:64px;line-height:64px; text-align:center;border-radius:999px;box-shadow:0px 0px 4px rgba(0,0,0,.5);}
.pricing_table ul {margin:0; padding:0;}
.pricing_table ul li {list-style:none; text-align:center;margin:0; padding:20px;border-bottom:1px solid #ddd;}
.pricing_table ul li:last-child {border-bottom:none;}
.pricing_table ul li.plan_header {box-shadow:inset 0px -20px 20px rgba(0,0,0,1);background-color:#303030;border-top-left-radius:3px;border-top-right-radius:3px;}
.pricing_table ul li.plan_header h1 {color:#fff; margin:10px; font-weight:600;}
.pricing_table ul li.plan_header p {color:#aaa;font-size:13px;margin:10px;font-weight:300;text-shadow:1px 1px 1px #000;}
.pricing_table ul li.plan_pricing h2 {line-height:64px;margin:0; padding:0;}
.pricing_table ul li.plan_pricing span.small {font-size:14px;font-weight:lighter;padding:0 5px;}
.pricing_table ul li.row-odd {background-color:#f2f2f2; box-shadow:inset 0px -10px 30px rgba(0,0,0,.05);text-shadow:1px 1px 1px #fff;border-top:1px solid #fff;}

/*Form validation*/
label.invalid {color:#c80000; font-weight:bold;border:none;} 
.invalid {border:1px solid #c80000;}

/* Code Examples */
.bs-docs-example {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

/* Echo out a label for the example */
.bs-docs-example:after {
  content: "Example";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #9da0a4;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
}

/* Remove spacing between an example and it's code */
.bs-docs-example + .prettyprint {
  margin-top: -20px;
  padding-top: 15px;
}

/* Extra Mobile Styles */
@media (max-width: 767px) {
	h1 {font-size: 32px;}
	h2 {font-size: 24px;}
	h3 {font-size: 20px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	h6 {font-size: 15px;}
}