/*
** Shortcode styling (for Bootstrap v2.3.2)
** Copyright 2013 CodeCooki.es
*/

/* ===================================================================
/*	Buttons
/* =================================================================== */

.btn-wrap {display: inline-block; margin-bottom: 1.6em; padding: 0 3px}

.btn { color: #FFFFFF; text-transform: uppercase; font-weight: bold; border: none; border-radius: 2px; padding: 9px 15px}
.btn:hover, .btn:active, .btn:focus { color: #FFFFFF; border: none}

.btn-align-left {display: block; float: left}
.btn-align-right {display: block; float: right}
.btn-align-center {display: block; text-align: center}

.btn-square {border-radius:0}
.btn-oval {border-radius:99px}

.btn-lg { font-size: 15px; padding: 15px 25px}

/* White */
.btn-white { background-color: #FFFFFF; color: #333333; border: 1px solid #CCCCCC }
.btn-white:hover, .btn-white:active, .btn-white:focus { background-color: #ebebeb; color: #333333; border: 1px solid #adadad }

/* Green */
.btn-green { background-color: #5BB75B }
.btn-green:hover, .btn-green:active, .btn-green:focus { background-color: #51A351 }

/* Orange */
.btn-orange { background-color: #FAA732 }
.btn-orange:hover, .btn-orange:active, .btn-orange:focus { background-color: #F89406 }

/* Red */
.btn-red { background-color: #d9534f }
.btn-red:hover, .btn-red:active, .btn-red:focus { background-color: #c9302c }

/* Black */
.btn-black { background-color: #363636 }
.btn-black:hover, .btn-black:active, .btn-black:focus { background-color: #222222 }

/* Blue */
.btn-blue { background-color: #2c3e50 }
.btn-blue:hover, .btn-blue:active, .btn-blue:focus { background-color: #507192 }

/* Gray */
.btn-gray { background-color: #767676 }
.btn-gray:hover, .btn-gray:active, .btn-gray:focus { background-color: #4F4F4F }

.btn i { margin-right: 5px; }

/* ===================================================================
/*	Labels
/* =================================================================== */

.label-square {border-radius:0}
.label-oval {border-radius:99px}

.label-green { background-color: #468847 }
.label-orange { background-color: #F89406 }
.label-red { background-color: #B94A48 }
.label-black { background-color: #333333 }
.label-blue { background-color: #3A87AD }
.label-gray { background-color: #999999 }

/* ===================================================================
/*	Dropcaps
/* =================================================================== */

.dropcap { display: block; float: left; font-size: 2em; font-weight: bold; padding: 0.45em 0.5em; margin: 4px 10px 0 0; text-align: center; width:auto}

.dp-square {border-radius:0}
.dp-rounded {border-radius:4px}
.dp-circle {border-radius:99px}

/* ===================================================================
/*	Horizontal dividers
/* =================================================================== */

.hdivider { margin-top: 30px; margin-bottom: 30px; width:100%; clear:both; }
.hr-short { width:40%; position: relative; left: 30% }

.hr-single { background-color: #D6D6D6; height: 1px }
.hr-double { border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; height: 3px }
.hr-single-dashed { border-bottom: 1px dashed #D6D6D6; height: 1px; margin-top: 29px }
.hr-double-dashed { border-bottom: 1px dashed #D6D6D6; border-top: 1px dashed #D6D6D6; height: 3px }
.hr-single-dotted { border-bottom: 1px dotted #D6D6D6; height: 1px; margin-top: 29px }
.hr-double-dotted { border-bottom: 1px dotted #D6D6D6; border-top: 1px dotted #D6D6D6; height: 3px }

/* ===================================================================
/*	Tabs
/* =================================================================== */

.tab-wrapper { margin-bottom: 1.6em }
.dummy-content-tab { display: none }
.tabber { border:none; margin:0; position:relative; z-index: 1}
.post-content .tabber li { margin: 0;}
.tabber li.active a, .tabber li.active a:hover, .tabber li.active a:focus { background: #f7f7f7; }
.tabber li a {color: #666666; border-radius: 0; border: 1px solid #DDDDDD; outline: none}
.tabber li a {border-bottom: none}
.tabber li a:hover { background: transparent; border-color: #DDDDDD; border-width: 1px 1px 0 1px}
.tab-content {background: #f7f7f7; border: 1px solid #DDDDDD; padding: 20px; position: relative; top:-1px; z-index: 0}

/* tabber on left */
.tabber-on-left ul.tabber { width: auto; min-width: 100px; margin-right: 0}
.tabber-on-left ul.tabber li { float: none }
.tabber-on-left ul.tabber li a { border: 1px solid #DDDDDD; margin-right: 0 }
.tabber-on-left ul.tabber li a, .tabber-on-left ul.tabber li a:hover, .tabber-on-left ul.tabber li a:focus { border-right: none; border-bottom: none }
.tabber-on-left ul.tabber li:last-child a { border-bottom: 1px solid #DDDDDD }
.tabber-on-left .tab-content { top:0; left:-1px }

/* tabber on right */
.tabber-on-right ul.tabber { width: auto; min-width: 100px; margin-left: 0}
.tabber-on-right ul.tabber li { float: none }
.tabber-on-right ul.tabber li a { border: 1px solid #DDDDDD; margin-right: 0 }
.tabber-on-right ul.tabber li a, .tabber-on-right ul.tabber li a:hover, .tabber-on-right ul.tabber li a:focus, .tabber-on-right ul.tabber li.active a, .tabber-on-right ul.tabber li.active a:hover { border-left: none; border-bottom: none }
.tabber-on-right ul.tabber li:last-child a, .tabber-on-right ul.tabber li:last-child a:hover { border-bottom: 1px solid #DDDDDD }
.tabber-on-right .tab-content { top:0; right:-1px }

/* ===================================================================
/*	Accordions
/* =================================================================== */

.accordion-wrapper { margin-bottom: 1.6em }
.accordion-wrapper .accordion-single p.toggler {border: 1px solid #DDDDDD; border-bottom: none; cursor: pointer; margin:0; padding: 10px 0 10px 12px; }
	.accordion-wrapper .accordion-single:last-child p.toggler { border-bottom: 1px solid #DDDDDD; }
.accordion-wrapper .accordion-single p.toggler .toggle-icon { color:#CCCCCC; margin-right: 10px }
.accordion-wrapper .accordion-single .toggle-content { background:#f7f7f7; border: 1px solid #DDDDDD; display: none; margin-bottom: 6px; padding: 20px }
	.accordion-wrapper .accordion-single:last-child .toggle-content { border-top: none }
.accordion-wrapper .accordion-single.active .toggle-content { display: block }

/* ========================================================================== */
/* 	Icon Box
/* ========================================================================== */

.iconbox-wrap { margin-bottom: 1.6em }
.iconbox-wrap h4 { margin: 0.5em 0}
.iconbox-wrap .media-body h4 { margin: 0 0 0.5em 0}

/* ===================================================================
/*	Progress-bars
/* =================================================================== */

.progress { height: 35px; position: relative }
.progress .progress-title { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); border-radius: 3px; color: #FFFFFF; font-size: 0.8em; left: 3px; padding: 4px 10px; position: absolute; top: 3px; }
.progress .progress-title i { margin-right: 5px }

.progress-green.progress-striped .progress-bar { background-color: #62C462; }
.progress-orange.progress-striped .progress-bar { background-color: #FBB450; }
.progress-red.progress-striped .progress-bar { background-color: #EE5F5B; }
.progress-blue.progress-striped .progress-bar { background-color: #149BDF; }
.progress-aqua.progress-striped .progress-bar { background-color: #5BC0DE; }
.progress-gray.progress-striped .progress-bar { background-color: #717171; }

/* ===================================================================
/*	Testimonials
/* =================================================================== */

.testimonial blockquote small:before { content: "" }
.testimonial blockquote.pull-right small:after { content: "" }
.testimonial blockquote cite { display: inline-block; font-weight: bold; margin-top: 10px; }

/* ===================================================================
/*	Alert Boxes
/* =================================================================== */

.alert-block .pull-left[class^="icon-"], .alert-block .pull-left[class*=" icon-"] { margin-right: 10px; margin-top: 3px}
.alert { border-radius: 2px; border: none; padding: 15px 20px; margin-bottom: 1.6em }
.alert i.notify-icon { margin-right: 10px}
.alert-dismissable, .alert-dismissible { padding-right: 35px }
.alert-dismissable .close { font-size: 22px; top: 1px }

/* ========================================================================== */
/* 	Full-width section
/* ========================================================================== */

.row-container { background-size: cover; background-position: 0 0}