/*===================================================*/
/* Primary styles
/*===================================================*/
/*
CSS STRUCTURE:
1. GENERAL TYPOGRAPHY
- Global Reset
- General Styles
- Buttons & Boxes
- Columns Styles
- Dividers
2. SITE STRUCTURE
- Head
- Topmenu
- Top Sliders
- Before content
- Middle content
- After content
- Footer
3. EXTENDED TYPOGRAPHY and SHORTCODES
- Typographic Elements
- Framed Tabs
- Custom Lists Styles
- Slideshow Gallery and Text
- Quotes
- Testimonials
- Styled Tables and Boxes
- Text Highlights
- Table Pricing
4. EXTENDED ELEMENTS
- contact form
- breadcrumbs
- minigallery carousel
5. WIDGETS
6. POSTS
- Blog post list and Details
- Tickets List
- Pagination and Navigation
- Author description
- Comment list
- Comment form
*/
/*===================================================*/
/* 1. GENERAL TYPOGRAPHY */
/*===================================================*/
/*-----------------------------------*/
/* Global Reset */
/*-----------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
}
img {
max-width: 100% !important;
height: auto !important
}
strong {
font-weight: 700;
}
pre {
margin: 0 0 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
;
padding: 8px;
background: #f7f7f7;
border: 1px solid #ddd;
}
em {
font-style: italic;
}
small {
font-size: 85%;
}
/*-----------------------------------*/
/* General Styles */
/*-----------------------------------*/
body {
font-family: 'Source Sans Pro', Arial, sans-serif;
color: #494c54;
font-size: 16px;
line-height: 1.5em;
background-color: #05080a
}
/* preload images */
body:before {
content: url(images/dropdown_bg.png) url(images/dropdown_sub.png);
display: none
}
.body_wrap {
width: 100%;
position: relative;
min-height: 750px;
background-size: 100% auto;
background-repeat: no-repeat;
}
::-moz-selection {
background: #f25a23;
color: #fff;
text-shadow: none
}
::selection {
background: #f25a23;
color: #fff;
text-shadow: none
}
/* Floating & Alignment
===================================*/
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.alignleft {
float: left
}
.alignright {
float: right
}
.text-right {
text-align: right
}
.text-left {
text-align: left
}
.text-center {
text-align: center
}
/* Clear Floats
===================================*/
.clearfix {
*zoom: 1
}
.clear {
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0
}
/* Typography
===================================*/
h1,
h2,
h3,
h4,
h5,
h6 {
color: #2e3037;
font-family: 'Pathway Gothic One', sans-serif;
font-weight: 400;
line-height: 1.1em
}
h1 {
font-size: 25px
}
h2 {
font-size: 18px
}
h3 {
font-size: 15px
}
h4 {
font-size: 14px
}
h5 {
font-size: 13px
}
h6 {
font-size: 13px
}
.entry h1 {
font-size: 27px;
margin: 0 0 20px 0
}
.entry h2 {
font-size: 25px;
margin: 25px 0 15px
}
.entry h3 {
font-size: 23px;
margin: 25px 0 15px
}
.entry h4 {
font-size: 21px;
margin: 20px 0 10px
}
.entry h5 {
font-size: 19px;
margin: 20px 0 10px
}
.entry h6 {
font-size: 18px;
margin: 20px 0 10px
}
h1 .label,
h2 .label,
h3 .label,
h4 .label,
h5 .label,
h6 .label {
padding: 0.1em 0.5em 0.2em;
font-weight: 400;
position: relative;
top: -2px;
}
.label-sm {
font-size: 60% !important;
top: -0.5em !important;
}
.label-xs {
font-size: 45% !important;
top: -0.8em !important;
}
.text-red {
color: #ff8a00
}
.text-blue {
color: #168dc5
}
.text-gray {
color: #808080
}
.text-green {
color: #009551
}
.sidebar mark {
background: #ffffff;
color: #ff8a00 !important;
display: block;
padding: 5px;
font-weight: normal;
font-size: 110%
}
.spacer {
padding-top: 10px;
padding-bottom: 10px;
}
/* Links
===================================*/
a {
color: #e8544f;
outline: none;
}
a:hover,
a:focus {
color: #f25821;
}
/* Forms
===================================*/
form .row {
padding: 5px 0
}
input[type="text"],
input[type="password"],
select,
textarea {
font-family: 'Source Sans Pro', Arial, sans-serif;
background-color: #fff;
font-size: 13px;
border: 1px solid;
border-color: #d4d4d4;
padding: 7px 10px;
color: #404040;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="text"],
input[type="password"],
select {
height: 14px;
line-height: 14px
}
textarea {
width: 90%;
overflow: auto;
resize: vertical;
resize: none
}
input,
textarea,
input[type="submit"]:focus,
div {
outline: 0 none
}
input[type="radio"],
input[type="checkbox"] {
margin-right: 10px;
margin-left: 10px
}
button::-moz-focus-inner {
border: 0;
padding: 0
}
input[type="reset"],
input[type="submit"],
input[type="button"] {
color: #f25620;
margin: 10px 0;
padding: 0;
height: 32px;
line-height: 30px;
text-align: left;
font-family: 'Source Sans Pro', Arial, sans-serif;
font-size: 11px;
text-transform: uppercase
}
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
button:hover,
button:focus {
cursor: pointer
}
button[disabled],
input[disabled] {
cursor: default
}
/* Custom checkboxes, radios
===================================*/
/* wrapper divs */
.custom-checkbox,
.custom-radio {
position: relative;
font-size: 13px
}
/* input, label positioning */
.custom-checkbox input,
.custom-radio input {
position: absolute;
left: 6px;
top: 7px;
margin: 0;
border: none;
width: 1px;
height: 1px
}
.custom-checkbox input {
left: 6px;
top: 7px
}
.ie7 .custom-checkbox input {
left: 2px;
top: 12px
}
.custom-checkbox label,
.custom-radio label {
display: block;
position: relative;
line-height: 1;
padding: .4em 0 .3em 30px;
margin: 0 0 .3em;
cursor: pointer;
color: #494c54
}
.custom-radio label {
padding: .4em 0 .3em 30px
}
/* states */
.custom-checkbox label {
background: url(images/styled_checkbox.png) no-repeat;
}
.custom-radio label {
background: url(images/styled_radiobutton.png) no-repeat;
}
.custom-checkbox label,
.custom-radio label {
background-position: -10px -10px;
}
.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
background-position: -10px -110px;
}
.custom-checkbox label.checked,
.custom-radio label.checked {
background-position: -10px -210px;
color: #000
}
.custom-checkbox label.checked.hover,
.custom-checkbox label.checkedFocus {
background-position: -10px -310px;
}
.custom-checkbox label.focus,
.custom-radio label.focus {
outline: 0;
}
/* Preloader
===================================*/
.preloader {
background: url(images/loading.gif) center center no-repeat;
display: inline-block
}
/* Images
===================================*/
img.alignleft {
margin: 5px 20px 5px 0 !important
}
img.alignright {
margin: 5px 0 5px 20px !important
}
span.preload.alignleft {
float: left;
display: inline-block;
margin: 5px 20px 5px 0 !important
}
span.preload.alignright {
float: right;
display: inline-block;
margin: 5px 0 5px 20px !important
}
span.preload.aligncentert {
float: right;
display: inline-block;
margin: 5px auto
}
.video_frame,
.wp-caption {
padding: 0px;
margin: 0px
}
.wp-caption,
.image_frame {
display: inline-block;
background: #fff;
border-bottom: 3px solid #ced6db;
text-align: center;
max-width: 100%;
border-radius: 3px;
-webkit-border-radius: 3px
}
.wp-caption.alignnone {
margin: 5px 0 20px 0
}
.wp-caption.alignleft {
margin: 0px 40px 20px 0
}
.wp-caption.alignright {
margin: 0px 0 20px 40px
}
p.wp-caption-text,
.frame_caption {
text-align: center;
display: block;
padding: 10px 0;
font-size: 15px;
margin: 0 !important
}
.wp-caption p.wp-caption-text {
font-size: 12px;
margin: 0;
padding: 10px 20px;
font-style: italic;
color: #aeb1b4
}
.entry .image_frame a {
color: #595959
}
.image_frame a:hover {
color: #ff8a00
}
/*-----------------------------------*/
/* Buttons */
/*-----------------------------------*/
.content .entry .panel .panel-toggle,
.content .entry .panel .accordion-toggle {
color: #fff;
}
.content .entry .panel-default .panel-toggle,
.content .entry .panel-default .accordion-toggle {
color: #333;
}
/* Additional Buttons */
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.open .dropdown-toggle.btn {
color: #ffffff;
}
.btn,
.panel>.panel-heading,
.styled_table table tr th {
-moz-box-shadow: inset 0px 0px 1px 0px 0px rgba(255, 255, 255, 0.35);
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.35);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.35);
}
.btn-default,
.panel-default>.panel-heading,
.table-default table tr th {
-moz-box-shadow: inset 0px 0px 1px 0px 0px rgba(255, 255, 255, 0.55);
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.55);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.55);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #d2d2d2));
background: -moz-linear-gradient(center top, #dfdfdf 5%, #d2d2d2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#d2d2d2');
background-color: #dfdfdf;
color: #333 !important;
border-color: #ccc;
}
.btn-primary,
.panel-primary>.panel-heading,
.table-primary table tr th {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e95b56), color-stop(1, #e54d48));
background: -moz-linear-gradient(center top, #e95b56 5%, #e54d48 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e95b56', endColorstr='#e54d48');
background-color: #e95b56;
color: #fff !important;
border-color: #ca4f2a;
}
.btn-warning,
.panel-warning>.panel-heading,
.table-warning table tr th {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f5d749), color-stop(1, #eecd31));
background: -moz-linear-gradient(center top, #f5d749 5%, #eecd31 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5d749', endColorstr='#eecd31');
background-color: #eecd31;
color: #fff !important;
border-color: #e4c11c;
}
.btn-danger,
.panel-danger>.panel-heading,
.table-danger table tr th {
-moz-box-shadow: inset 0px 0px 1px 0px 0px rgba(255, 255, 255, 0.35);
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.35);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.35);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9433e), color-stop(1, #e61c17));
background: -moz-linear-gradient(center top, #f9433e 5%, #e61c17 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9433e', endColorstr='#e61c17');
background-color: #e61c17;
color: #fff !important;
border-color: #e30600;
}
.btn-success,
.panel-success>.panel-heading,
.table-success table tr th {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68cf68), color-stop(1, #5cb85c));
background: -moz-linear-gradient(center top, #68cf68 5%, #5cb85c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68cf68', endColorstr='#5cb85c');
background-color: #5cb85c;
color: #fff !important;
border-color: #4cae4c;
}
.btn-info,
.panel-info>.panel-heading,
.table-info table tr th {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6dd1ee), color-stop(1, #5bc0de));
background: -moz-linear-gradient(center top, #6dd1ee 5%, #5bc0de 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6dd1ee', endColorstr='#5bc0de');
background-color: #5bc0de;
color: #fff !important;
border-color: #46b8da;
}
.btn-pink,
.panel-pink>.panel-heading,
.table-pink table tr th {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e680ca), color-stop(1, #e263c0));
background: -moz-linear-gradient(center top, #e680ca 5%, #e263c0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e680ca', endColorstr='#e263c0');
background-color: #e94dbf;
color: #fff !important;
border-color: #d66bb9;
}
.btn-teal,
.panel-teal>.panel-heading,
.table-teal table tr th {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2ed4b8), color-stop(1, #17caac));
background: -moz-linear-gradient(center top, #2ed4b8 5%, #17caac 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ed4b8', endColorstr='#17caac');
background-color: #17caac;
color: #fff !important;
border-color: #14b096;
}
.btn-purple,
.panel-purple>.panel-heading,
.table-purple table tr th {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #816cec), color-stop(1, #684fe8));
background: -moz-linear-gradient(center top, #816cec 5%, #684fe8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#816cec', endColorstr='#684fe8');
background-color: #684fe8;
color: #fff !important;
border-color: #5a41d9;
}
.btn-orange,
.panel-orange>.panel-heading,
.table-orange table tr th {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f4934d), color-stop(1, #e97c2d));
background: -moz-linear-gradient(center top, #f4934d 5%, #e97c2d 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4934d', endColorstr='#e97c2d');
background-color: #e97c2d;
color: #fff !important;
border-color: #d46d21;
}
.btn-brown,
.panel-brown>.panel-heading,
.table-brown table tr th {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b75d1b), color-stop(1, #af4d05));
background: -moz-linear-gradient(center top, #b75d1b 5%, #af4d05 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b75d1b', endColorstr='#af4d05');
background-color: #af4d05;
color: #fff !important;
border-color: #97480e;
}
.btn-black,
.panel-black>.panel-heading,
.table-black table tr th {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #636363), color-stop(1, #474747));
background: -moz-linear-gradient(center top, #636363 5%, #474747 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#636363', endColorstr='#474747');
background-color: #474747;
color: #fff !important;
border-color: #2f2f2f;
}
/* Boxes / Panels */
.panel-pink,
.panel-pink>.panel-heading+.panel-collapse .panel-body,
.panel-pink>.panel-footer+.panel-collapse .panel-body,
.styled_table.table-pink table {
border-color: #d66bb9;
}
.panel-teal,
.panel-teal>.panel-heading+.panel-collapse .panel-body,
.panel-teal>.panel-footer+.panel-collapse .panel-body,
.styled_table.table-teal table {
border-color: #14b096;
}
.panel-purple,
.panel-purple>.panel-heading+.panel-collapse .panel-body,
.panel-purple>.panel-footer+.panel-collapse .panel-body,
.styled_table.table-purple table {
border-color: #5a41d9;
}
.panel-orange,
.panel-orange>.panel-heading+.panel-collapse .panel-body,
.panel-orange>.panel-footer+.panel-collapse .panel-body,
.styled_table.table-orange table {
border-color: #d46d21;
}
.panel-brown,
.panel-brown>.panel-heading+.panel-collapse .panel-body,
.panel-brown>.panel-footer+.panel-collapse .panel-body,
.styled_table.table-nrown table {
border-color: #97480e;
}
.panel-black,
.panel-black>.panel-heading+.panel-collapse .panel-body,
.panel-black>.panel-footer+.panel-collapse .panel-body,
.styled_table.table-black table {
border-color: #2f2f2f;
}
.panel-default,
.panel-default>.panel-heading+.panel-collapse .panel-body,
.panel-default>.panel-footer+.panel-collapse .panel-body,
.styled_table.table-default table {
border-color: #ccc;
}
.panel-primary,
.panel-primary>.panel-heading+.panel-collapse .panel-body,
.panel-primary>.panel-footer+.panel-collapse .panel-body,
.styled_table.table-primary table {
border-color: #ca4f2a;
}
.panel-warning,
.panel-warning>.panel-heading+.panel-collapse .panel-body,
.panel-warning>.panel-footer+.panel-collapse .panel-body,
.styled_table.table-warning table {
border-color: #e4c11c;
}
.panel-danger,
.panel-danger>.panel-heading+.panel-collapse .panel-body,
.panel-danger>.panel-footer+.panel-collapse .panel-body,
.styled_table.table-danger table {
border-color: #e30600;
}
.panel-success,
.panel-success>.panel-heading+.panel-collapse .panel-body,
.panel-success>.panel-footer+.panel-collapse .panel-body,
.styled_table.table-success table {
border-color: #4cae4c;
}
.panel-info,
.panel-info>.panel-heading+.panel-collapse .panel-body,
.panel-info>.panel-footer+.panel-collapse .panel-body,
.styled_table.table-info table {
border-color: #46b8da;
}
/* icons inside Buttons and Boxes */
.btn [class^="icon-"],
.btn [class*=" icon-"] {
font-size: 16px;
margin: 0 3px;
position: relative;
}
.btn.btn-lg [class^="icon-"],
.btn.btn-lg [class*=" icon-"] {
top: 0.05em;
}
.btn.btn-xs [class^="icon-"],
.btn.btn-xs [class*=" icon-"] {
font-size: 12px;
top: 0.2em;
}
.panel [class^="icon-"],
.panel [class*=" icon-"] {
margin: 0 5px 0 0;
position: relative;
top: 1px;
}
.btn-wide {
width: 220px;
}
/*-----------------------------------*/
/* Columns Styles */
/*-----------------------------------*/
.container {
margin-left: auto;
margin-right: auto;
width: 960px;
position: relative;
padding: 0;
}
/* = Grid >> Children (Alpha ~ First, Omega ~ Last) */
.alpha {
margin-left: 0 !important
}
.omega {
margin-right: 0 !important
}
/*-----------------------------------*/
/* Dividers */
/*-----------------------------------*/
.divider_space,
.divider_space_thin,
.tf_divider,
.divider_thin {
clear: both;
display: block;
margin-bottom: 40px;
padding-top: 40px;
width: 100%
}
.divider_space_thin {
margin-top: 10px;
margin-bottom: 10px
}
.divider_thin {
margin-bottom: 15px;
padding-top: 15px;
background: url(images/divider_line.png) bottom repeat-x
}
.tf_divider {
background: url(images/divider_line.png) bottom repeat-x
}
/*===================================================*/
/* 2. SITE STRUCTURE */
/*===================================================*/
/*-----------------------------------*/
/* Head */
/*-----------------------------------*/
.header .container {
height: 125px;
text-align: right;
}
.logo {
float: left;
width: 200px;
height: 125px;
text-align: left;
}
.mainblock {
-webkit-box-shadow: 0px -30px 30px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px -30px 30px rgba(0, 0, 0, 0.35);
box-shadow: 0px -20px 30px rgba(0, 0, 0, 0.35);
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
margin-bottom: 70px;
}
.head_menu {
position: absolute;
top: 44px;
right: 5px;
text-align: right;
line-height: 28px;
font-size: 18px;
z-index: 2;
width: auto;
}
.login_links {
float: right;
}
.login_links a {
display: inline-block;
color: #fff;
text-transform: uppercase;
font-size: 16px;
line-height: 1em;
}
.login_links .separator {
margin: 0 10px;
color: #b3b3b3;
}
.login_links a:hover {
color: #000;
}
/* top search */
.topsearch {
height: 28px;
position: relative;
overflow: hidden;
float: right;
width: auto;
}
#searchForm {
width: 80px
}
.topsearch form {
width: 100%
}
.topsearch label {
display: inline-block;
height: 28px;
padding-right: 5px;
float: left;
color: #dcdcdc;
}
.topsearch input,
.topsearch button {
float: right;
padding: 0;
margin: 0;
border: none;
position: relative
}
.topsearch button {
color: #17caac;
}
.topsearch .stext {
float: right;
width: 0px;
padding: 5px 10px 7px 10px;
height: 16px;
line-height: 16px;
margin: 1px -13px 0 0;
background: #1c1e22;
-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 1);
box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 1);
-webkit-border-radius: 14px 0 0 14px;
-moz-border-radius: 14px 0 0 14px;
border-radius: 14px 0 0 14px;
color: #dcdcdc;
display: none;
position: relative;
z-index: 1;
font-size: 13px;
}
.topsearch .overlay {
position: absolute;
top: 0;
right: 0;
z-index: 3;
width: 28px;
height: 28px;
display: block;
cursor: pointer
}
.topsearch .btn-search {
width: 28px;
height: 28px;
line-height: 28px;
background: url(images/top_search_btn.png) no-repeat;
position: relative;
z-index: 2;
}
.topsearch .btn-search span {
font-size: 11px;
font-weight: normal;
display: inline-block;
position: relative;
top: 0;
top: 2px;
}
.header_phone strong {
color: #cee914;
font-size: 12px
}
/*-----------------------------------*/
/* Topmenu */
/*-----------------------------------*/
.topmenu {
height: 73px;
margin: 0;
position: relative;
z-index: 100;
background-image: url(images/topmenu_bg.png);
border-bottom: 1px solid #000;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
padding: 30px 0 0 0;
}
.ie7 .topmenu {
height: 43px;
}
.ie7 .dropdown,
.ie7 .dropdown li {
float: left;
}
.ie7 .dropdown li ul li {
display: block;
float: left;
}
.dropdown {
z-index: 1300;
margin: 0;
padding: 0;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
text-align: center
}
.dropdown li {
display: inline-block;
position: relative;
list-style: none;
margin: 0;
padding: 0 0 10px 0;
}
.dropdown li:first-child {
margin-left: 0
}
.dropdown li a {
display: block;
color: #9ca6a6;
height: 15px;
text-decoration: none
}
.dropdown li a span {
display: block;
border-left: 1px solid #9ca6a6;
line-height: 1em;
padding: 0 20px;
}
.dropdown li.first a span {
border-left: none;
}
.dropdown li:hover a {
color: #fff
}
.dropdown .current-menu-item a,
.dropdown .current-menu-ancestor a {
color: #fff
}
.dropdown li ul li:hover a,
.dropdown li:hover li ul li:hover a,
.dropdown .current-menu-ancestor .current-menu-item a,
.dropdown .current-menu-ancestor .current-menu-ancestor a,
.dropdown .current-menu-ancestor .current-menu-ancestor .current-menu-item a {
color: #e8544f;
}
.dropdown li:hover li a,
.dropdown li:hover li ul li a,
.dropdown .current-menu-item li a,
.dropdown .current-menu-ancestor li a,
.dropdown .current-menu-ancestor .current-menu-item li a,
.dropdown .current-menu-ancestor .current-menu-ancestor li a,
.dropdown li ul li ul li a {
color: #9ca6a6
/* gray */
}
.dropdown li ul {
margin: 0;
padding: 0;
text-shadow: none;
line-height: 1em;
font-weight: 400;
font-size: 13px;
text-transform: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-shadow: none;
text-align: left;
}
.dropdown li ul.submenu-1 {
display: none;
position: absolute;
top: 10px;
left: 0;
z-index: 1308;
padding: 15px 0 0 0;
max-width: 950px
}
.dropdown li.parentHover {
background: url(images/dropdown_sub.png) center bottom no-repeat
}
.dropdown li ul li,
.dropdown .parentHover ul li {
display: block;
float: none;
width: 170px;
margin: 0;
padding: 0 15px;
height: auto;
background: url(images/dropdown_bg.png)
}
.ie7 .dropdown li ul li,
.ie7 .dropdown .parentHover ul li {
width: 140px;
}
.dropdown li ul.submenu-1 li {
line-height: 1em
}
.dropdown li ul li ul {
z-index: 1309
}
.dropdown li ul,
.dropdown li ul li ul,
.dropdown li ul li ul li ul {
display: none
}
.dropdown li ul li:hover>ul {
display: block;
position: absolute;
top: 0px;
left: 170px;
padding: 0 0 0 4px
}
.dropdown li ul li.first:hover>ul {
top: 2px
}
.dropdown li.last ul li:hover>ul {
left: -171px;
padding: 0 2px 0 0
}
.dropdown li ul li ul li {
padding: 0;
float: left;
clear: both;
width: 170px
}
.dropdown li ul li:first,
.dropdown li ul li ul li.first {
-webkit-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
padding-top: 3px;
}
.dropdown li ul li.last,
.dropdown li ul li ul li.last {
-webkit-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px
}
.dropdown li ul li.last a,
.dropdown li ul li ul li.last a,
.dropdown li ul li.last ul li.last a {
background: none
}
.dropdown li ul li a,
.dropdown li ul li.last ul li a {
display: block;
color: #b3b2b4;
height: auto;
padding: 8px 0 10px 0;
background: url(images/dropdown_line.png) bottom repeat-x
}
.dropdown li ul li a span {
line-height: 1.2em;
border: none;
padding: 0;
}
.dropdown li ul li ul li a span {
min-height: inherit
}
.dropdown li ul li.parent a span,
.dropdown li ul li.parent ul li.parent a span {
background: url(images/dropdown_parent.png) 131px 3px no-repeat;
padding-right: 20px;
}
.dropdown li ul li.parent a:hover span,
.dropdown li ul li.parent ul li.parent a:hover span {
background: url(images/dropdown_parent.png) 131px -97px no-repeat
}
.dropdown li ul li.parent ul li a span,
.dropdown li ul li.parent ul li:hover a span {
background: none
}
.dropdown li a:hover span {
cursor: pointer
}
/*-----------------------------------*/
/* Top Sliders */
/*-----------------------------------*/
.top_slider {
background: #111;
}
/* Carousel Slider */
.carousel_slider {
width: 100%;
height: 550px;
position: relative;
}
.carousel_slider .slider_item,
.carousel_slider .slider_item a {
width: 320px;
height: 550px;
float: left;
}
.carousel_slider .slider_item img {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
-webkit-transition: all .6s ease;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.carousel_slider .slider_item a:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
filter: none;
}
.carousel_slider .slider_item a {
display: block;
position: relative;
z-index: 1;
}
.carousel_slider .slider_caption {
position: absolute;
bottom: 0;
left: 0;
width: 320px;
display: block;
z-index: 2;
text-align: center;
font-family: 'Pathway Gothic One', sans-serif;
text-transform: uppercase;
padding: 50px 0 60px 0;
background-position: 0 300px;
background-image: url(images/caption_bg.png);
background-repeat: repeat-x;
-webkit-transition: all ease 0.2s;
-moz-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
-ms-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.carousel_slider .slider_item:hover .slider_caption {
background-position: 0 0;
}
.carousel_slider .slider_caption strong {
display: inline-block;
font-size: 43px;
line-height: 1.1em;
padding-bottom: 10px;
color: #fff;
text-shadow: 0 2px 1px #000;
border-bottom: 1px solid #7ee4d3;
}
.carousel_slider .slider_caption em {
color: #48e7cc;
display: block;
font-size: 20px;
padding-top: 15px;
font-style: normal;
}
.carousel_slider .next,
.carousel_slider .prev {
display: block;
width: 54px;
height: 72px;
position: absolute;
top: 210px;
background: url(images/slider1_arrows.png) 0 0 no-repeat;
z-index: 10;
}
.carousel_slider .prev {
left: -54px;
}
.carousel_slider .next {
right: -54px;
background-position: -54px 0;
}
.carousel_slider .next:active,
.carousel_slider .prev:active {
top: 211px
}
/* Top Media Slider */
.top_media_slider {
width: 100%;
min-height: 320px;
position: relative;
}
.top_media_slider .slider_item {
width: 550px;
height: 320px;
float: left;
margin: 6px 6px 0 6px;
position: relative;
}
.top_media_slider .next,
.top_media_slider .prev {
display: block;
width: 54px;
height: 72px;
position: absolute;
top: 125px;
background: url(images/slider1_arrows.png) 0 center no-repeat;
}
.top_media_slider .prev {
left: 70px;
}
.top_media_slider .next {
right: 70px;
background-position: -54px 0;
}
.top_media_slider .next:active,
.top_media_slider .prev:active {
top: 126px
}
.ribbon {
display: block;
width: 80px;
height: 80px;
overflow: hidden;
position: absolute;
top: -6px;
left: -6px;
}
.ribbon-text {
display: block;
font-size: 11px;
text-transform: uppercase;
text-align: center;
font-weight: bold;
line-height: 1.2em;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
position: relative;
padding: 8px 0 7px;
left: -26px;
top: 15px;
width: 110px;
-webkit-backface-visibility: hidden;
text-shadow: rgba(255, 255, 255, 0.3) 0px 1px 0px;
-moz-box-shadow: inset 0px 0px 3px 2px #1db583, 0px 2px 4px 1px rgba(0, 0, 0, 0.9);
-webkit-box-shadow: inset 0px 0px 3px 2px #1db583, 0px 2px 4px 1px rgba(0, 0, 0, 0.9);
box-shadow: inset 0px 0px 3px 2px #1db583, 0px 2px 4px 1px rgba(0, 0, 0, 0.9);
background-color: #22d0b2;
color: #15480f;
}
.ribbon-text:before,
.ribbon-text:after {
content: "";
border-top: 4px solid #0c5244;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
position: absolute;
bottom: -4px;
}
.ribbon-text:before {
left: 0;
}
.ribbon-text:after {
right: 0;
}
.ie8 .ribbon {
width: 80px;
}
.ie8 .ribbon-text {
left: 0;
width: 80px;
}
.ie8 .ribbon-text:after {
border: none
}
/* Top player */
.top_player {
background: url(images/top_player_bg.png) #35373d;
height: 150px;
padding: 0 40px;
position: relative;
}
.top_player .jp-audio {
margin-top: 57px;
}
/*-----------------------------------*/
/* Before content */
/*-----------------------------------*/
.before_content {
background-color: #ededed;
padding: 70px;
position: relative;
z-index: 3;
}
.divideline {
background: url(images/divider_line_v.png) center top repeat-y #ededed;
}
.title_box {
position: relative;
}
.title_box h1,
.title_box h2,
.title_box h3,
.title_box h4 {
font-size: 27px;
text-transform: uppercase;
line-height: 1.1em;
display: inline;
font-weight: 400;
font-family: 'Pathway Gothic One', sans-serif;
}
.title_box_md h1,
.title_box_md h2,
.title_box_md h3,
.title_box_md h4 {
font-size: 22px;
}
.title_box_small h1,
.title_box_small h2,
.title_box_small h3,
.title_box_small h4 {
margin: 0;
}
.after_content .title_box {
margin: 0 0 10px 40px;
}
.after_content .title_box h3,
.after_content .title_box h2 {
color: #fff;
}
.title_box h1 a,
.title_box h2 a,
.title_box h3 a,
.title_box h4 a {
color: #2e3037
}
.title_ico {
float: left;
width: 20px;
margin: 0.4em 5px 0 0;
}
.title_box .subtitle {
clear: both;
font-size: 12px;
padding: 3px 0 0 25px;
}
.title_box .subtitle a,
.title_box_big .subtitle a,
.title_box_big .subtitle strong {
color: #17caac;
font-weight: normal;
}
.title_box .icon,
.widget-title .icon {
color: #e8544f;
font-size: 20px;
margin-right: 5px;
vertical-align: text-top;
top: -0.30em;
position: relative;
}
.title_box_md .icon {
font-size: 18px;
top: -0.20em;
}
.f_col .widget-title .icon {
color: #ccc;
top: 0;
}
.widget-title .icon {
top: 0.25em;
font-size: 17px;
}
.not_event.even .title_right {
padding-right: 0px;
text-align: right;
}
.title_right h3 {
white-space: nowrap;
}
.title_right .subtitle {
text-align: right;
}
/* Big Title box, centered */
.title_box_big {
text-align: center;
margin: 0 0 20px 0;
}
.title_box_big .title_icon {
display: block;
width: 48px;
height: 48px;
margin: 0 auto;
text-align: center;
background: url(images/event_icon_bg.png) 0 0 no-repeat;
font-size: 21px;
line-height: 50px;
color: #fff;
}
.title_box_big .title_icon .icon {
text-shadow: 0 1px 1px #aaa;
}
.title_box_big h1,
.title_box_big h2 {
font-size: 38px;
text-transform: uppercase;
line-height: 1.2em;
}
.title_box_big h2 {
font-size: 30px;
}
.title_box_big .subtitle {
color: #515258;
font-size: 12px;
}
/* Events List */
.event_list {
position: relative;
z-index: 2;
}
.event_item {
width: 400px;
height: 173px;
float: right;
margin: 75px 20px 0 0;
background: url(images/event_bg.png) 0 0 no-repeat;
}
.event_item.even {
margin: -48px 0 -124px 0;
background-position: 0 -173px;
}
.event_item.not_event {
background: none;
margin-bottom: 0;
height: 50px;
}
.event_side {
width: 68px;
height: 173px;
float: right;
position: relative;
padding: 0 0 0 8px;
text-align: center;
font-family: 'Pathway Gothic One', sans-serif;
font-size: 16px;
text-transform: uppercase;
line-height: 1.2em;
}
.ie7 .event_side {
width: 60px;
}
.event_item.even .event_side {
float: left;
padding: 0 8px 0 0;
}
.event_date {
color: #494c54;
margin-top: 5px;
}
.event_side strong {
display: block;
font-size: 24px;
font-weight: normal;
}
.event_price {
position: absolute;
bottom: 10px;
width: 60px;
text-align: center;
left: 8px;
color: #e8544f;
}
.event_item.even .event_price {
right: 8px;
left: auto;
}
.event_icon {
position: absolute;
top: 62px;
right: -35px;
width: 48px;
height: 48px;
background: url(images/event_icon_bg.png) 0 0 no-repeat;
text-align: center;
font-size: 21px;
line-height: 50px;
color: #fff;
}
.event_icon .icon {
text-shadow: 0 1px 1px #aaa;
}
.event_item.even .event_icon {
left: -35px;
right: auto;
}
.event_descr {
width: 332px;
height: 172px;
padding: 11px 0 0 0;
display: block;
float: left;
}
.ie7 .event_descr {
height: 161px;
}
.event_image {
float: left;
width: 170px;
height: 150px;
}
.event_image img {
width: 150px;
margin: 0 8px;
}
.event_location,
.event_title,
.event_details {
float: left;
width: 145px;
padding: 0.8em 0;
}
.event_location {
color: #17caac;
font-size: 12px;
font-style: italic;
line-height: 1.2em;
}
.event_title {
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
overflow: hidden;
width: 145px;
height: 82px;
display: table;
}
.event_title .inner {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.ie7 .event_title {
height: auto;
}
.event_title h3 {
font-size: 23px;
color: #494c54;
font-family: 'Source Sans Pro', Arial, sans-serif;
font-weight: 500;
line-height: 1em;
}
.event_title span {
font-size: 10px;
text-transform: uppercase;
color: #999;
}
.event_details a {
font-size: 12px;
line-height: 17px;
display: inline-block;
font-weight: 600;
}
.event_details a .icon {
font-size: 14px;
margin-right: 3px;
top: 0;
}
/* Filters Block */
.filters {
min-height: 38px;
}
.white_row {
background: #fff;
border-top: 1px solid #ededed;
position: relative;
padding: 32px 70px 35px 70px;
z-index: 10;
}
.filter_col {
float: left;
}
.filter_cat,
.filter_date {
width: 220px;
}
.filter_search {
margin: 0 60px;
}
.filter_search button {
height: 30px;
}
.filter_short .filter_search {
margin: 0;
float: right;
}
.filters label {
font-weight: 500;
margin-right: 10px;
float: left;
line-height: 28px;
}
.filters input {
font-size: 12px;
height: 14px;
padding: 7px 10px;
line-height: 14px;
text-transform: uppercase;
}
.filter_date input {
width: 135px;
float: left;
}
.filter_date .icon {
margin-left: -25px;
color: #7c7c7c;
position: relative;
top: 0.5em;
font-size: 14px;
}
.filters select {
height: 14px;
line-height: 14px;
padding: 7px 10px;
}
.filters .cusel {
width: 157px !important;
}
.filters .cuselText {
width: 120px;
}
.filter_date input,
.filters .cusel {
-moz-box-shadow: inset 0px 1px 0px 0px #fff;
-webkit-box-shadow: inset 0px 1px 0px 0px #fff;
box-shadow: inset 0px 1px 0px 0px #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #f0f0f0));
background: -moz-linear-gradient(center top, #f5f5f5 5%, #f0f0f0 100%);
background-color: #f5f5f5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #d4d4d4;
color: #404040;
}
.filter_date input:focus {
background: #f9f9f9;
}
.filter_search .inner {
display: block;
width: 260px;
height: 30px;
padding: 0 5px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background: #cacdcf;
-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.22);
box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
}
.filter_search input,
.filter_search button {
border: none;
background: none;
color: #fff;
position: relative;
}
.filter_search input {
width: 200px;
text-transform: none;
float: left;
padding: 8px 10px;
}
.filter_search button .icon {
font-size: 14px;
position: relative;
top: 1px;
}
.s_filter::-moz-placeholder {
color: #fff;
font-style: italic;
opacity: 1;
}
.s_filter::-webkit-input-placeholder {
color: #fff;
font-style: italic;
}
.ui-datepicker table {
font-size: 1em;
}
.ui-datepicker {
width: 17em !important;
}
.ui-datepicker {
-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.4);
}
.ui-datepicker td {
padding: 0;
min-width: 2em;
}
.ui-datepicker td span,
.ui-datepicker td a {
text-align: center;
}
.ui-datepicker-calendar thead {
text-transform: uppercase;
font-size: 88%;
}
/*-----------------------------------*/
/* Middle content */
/*-----------------------------------*/
/* Layout: Full Width, Sidebar Left, Sidebar Right */
.middle {
clear: both;
position: relative;
z-index: 1;
min-height: 1px;
padding: 20px 70px 70px 70px;
background: #ededed;
}
.middle_white {
background: #fff;
}
.middle .title_box {
margin-bottom: 40px;
}
.middle .title_box_small {
margin: 20px 0 10px 0;
}
.middle_top {
background: #ededed;
padding: 35px 0 0 0;
}
.middle_top_media {
padding: 20px 0;
text-align: center;
}
.middle_top_media img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.middle_top_media .map {
width: 550px;
height: 320px;
position: relative;
margin: 0 auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
}
.dark_bg {
background: #2d2f37;
}
.middle_bot {
clear: both;
padding: 0 70px 40px 70px;
background: #ededed;
}
.middle_bot .title_box_big {
border-top: 1px solid #e8544f;
padding-top: 60px;
}
/* sidebar right */
.middle .content {
width: 520px;
float: left;
min-height: 100px;
margin: 0 80px 0 0
}
.middle .sidebar {
width: 220px;
float: left
}
.middle.cols2,
.middle.full_width {}
/* sidebar left */
.middle.sidebar_left .content {
width: 520px;
float: right;
margin: 0 0 0 80px
}
.middle.sidebar_left .sidebar {
width: 220px;
float: left
}
.middle.full_width .content {
width: 820px;
float: none;
margin: 0
}
/*-----------------------------------*/
/* After content */
/*-----------------------------------*/
.after_content {
background: url(images/top_player_bg.png) #30323a;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
padding: 55px 25px;
}
.albums_carousel .next,
.albums_carousel .prev {
display: block;
position: absolute;
width: 25px;
height: 46px;
top: 90px;
background: url(images/arrows_carousel.png) 0 0 no-repeat;
}
.albums_carousel .prev {
left: -80px;
}
.albums_carousel .next {
right: -80px;
background-position: -25px 0;
}
.albums_carousel .next:hover {
right: -81px;
}
.albums_carousel .prev:hover {
left: -81px;
}
.albums_carousel {
height: 300px;
position: relative;
}
.albums_carousel .c_item {
width: 180px;
height: 300px;
float: left;
margin: 0 1px;
}
.album_rating span {
display: inline-block;
width: 15px;
height: 15px;
background: url(images/icons/rating.png) 0 0 no-repeat;
}
.album_rating.rating1 .star1 {
background-position: 0 -15px;
}
.album_rating.rating2 .star1,
.album_rating.rating2 .star2,
.album_rating.rating3 .star1,
.album_rating.rating3 .star2,
.album_rating.rating3 .star3,
.album_rating.rating4 .star1,
.album_rating.rating4 .star2,
.album_rating.rating4 .star3,
.album_rating.rating4 .star4,
.album_rating.rating5 span {
background-position: 0 -15px;
}
.album_rating span:hover {
background-position: 0 -15px;
}
/*-----------------------------------*/
/* Footer */
/*-----------------------------------*/
/* footer widgets */
.footer_widgets {
border-bottom: 1px solid #000;
}
.footer_widgets .container {
padding: 10px 0 55px 0;
color: #747e82
}
.f_col {
float: left;
width: 210px;
margin: 0 20px;
}
.f_col h3 {
text-transform: uppercase;
color: #555c5e;
margin: 0 0 30px 0;
font-family: 'Source Sans Pro', Arial, sans-serif;
}
/* footer text and menu */
.footer {
border-top: 1px solid #1e2123;
color: #747e82;
}
.footer .container {
padding: 55px 0 30px;
}
.botmenu ul {
text-align: center;
}
.botmenu ul li {
display: inline-block;
border-left: 1px solid #5f6666;
line-height: 1em;
font-size: 12px;
padding: 0 15px;
}
.ie7 .botmenu ul li {
display: inline;
}
.botmenu ul li:first-child {
border-left: none;
}
.botmenu li a {
color: #9ca6a6;
text-transform: uppercase;
line-height: 1em;
}
.botmenu li a:hover {
color: #fff;
}
.copyright {
width: 75%;
font-size: 13px;
text-align: center;
margin: 20px auto 0 auto;
}
.copyright p {
margin-bottom: 10px;
}
.copyright a {
color: #48e7cc
}
.copyright a:hover,
.link_primary,
.entry .link_primary {
color: #e8544f
}
/*===================================================*/
/* 3. EXTENDED TYPOGRAPHY and SHORTCODES
/*===================================================*/
/*-----------------------------------*/
/* Typographic Elements */
/*-----------------------------------*/
/* Framed boxes */
.frame_left,
.frame_right,
.frame_center,
.frame_box {
margin: 0;
display: inline-block;
position: relative;
padding: 3px;
background: #fff;
border: 1px solid #dcdcdc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.frame_box {
display: inline-block;
margin-bottom: 15px;
max-width: 100%
}
.frame_box img {
width: auto;
max-width: 100%;
height: auto
}
.frame_left {
float: left;
display: block;
margin: 5px 15px 5px 0
}
.frame_right {
float: right;
display: block;
margin: 5px 0 5px 15px
}
.frame_center {
border: none;
display: block;
margin: 0 auto 20px auto;
text-align: center
}
.frame_left img,
.frame_right img,
.frame_center img {
border-bottom: 1px solid #bbbbbb;
padding: 6px;
background: #fff
}
.alert .close {
position: relative;
top: -2px;
}
/* quote left/right */
.quote_right,
.quote_left,
.quote_center,
blockquote {
float: right;
font-size: 20px;
font-style: italic;
color: #000;
width: 40%;
padding: 3px 0 3px 20px;
line-height: 1.5em;
font-weight: 500
}
.quote_left {
float: left;
padding: 3px 30px 3px 0
}
.quote_center,
blockquote {
float: none;
display: block;
width: 100%;
margin: 20px auto;
padding: 0
}
.frame_quote {
background: #fff;
margin: 5px 0 20px;
border: 1px solid #e6e6e6;
padding: 15px 20px;
border-radius: 4px;
-webkit-border-radius: 4px
}
.frame_quote blockquote {
margin: 0;
line-height: 1.5em
}
.frame_quote blockquote .inner {
padding: 2px 15px;
font-size: 15px;
font-weight: 500
}
.frame_quote blockquote {
color: #f35d29;
font-style: italic;
font-weight: normal
}
.code {
background: #fff;
width: 100%
}
/* Toggle Accordion */
.panel-heading h4 {
margin: 0;
font-size: 14px;
font-family: 'Source Sans Pro', Arial, sans-serif;
}
.panel-title {
position: relative;
}
.toggleitem .panel-heading .icon-toggle {
position: absolute;
top: 0;
right: 0;
}
.toggleitem .panel-toggle {
display: inline-block;
}
.toggleitem.boxed .panel-toggle {
display: block;
}
.toggleitem .icon-toggle:before {
content: "\f067";
margin-left: 3px;
top: 1px;
position: relative;
}
.toggleitem.opened .icon-toggle:before {
content: "\f068";
}
/* Icons Set */
.row-icons {
line-height: 2em;
font-size: 14px;
}
.row-icons a {
color: #444 !important;
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.row-icons a:hover {
background: #fff;
}
.row-icons a:hover [class^="icon-"],
.row-icons a:hover [class^=" icon-"] {
font-size: 22px;
color: #e8544f;
position: relative;
top: -0.1em;
}
.row-icons a [class^="icon-"],
.row-icons a [class*=" icon-"] {
display: inline-block;
font-size: 14px;
margin-right: 10px;
text-align: right;
width: 30px;
}
/* Dropcaps */
.dropcap1,
.dropcap2 {
display: block;
float: left;
font-size: 40px;
line-height: 40px;
margin: 0 10px 0 0
}
.dropcap2 {
font-style: italic
}
/*-----------------------------------*/
/* Framed Tabs */
/*-----------------------------------*/
.tabs_framed {
margin-bottom: 30px;
padding: 0
}
.tabs_framed .nav-tabs {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.tabs_framed .nav-tabs li {
padding-top: 4px;
}
.tabs_framed .nav-tabs .active {
padding-top: 0;
}
.tabs_framed .nav-tabs li a {
color: #fff;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
background: #3ed3ba;
border-color: #ddd;
border-bottom-color: #fff;
padding: 8px 15px;
font-size: 13px;
font-weight: 600;
}
.tabs_framed .nav-justified li {
padding-top: 0;
}
.tabs_framed .nav-justified li a {
padding: 6px 15px 10px 15px;
line-height: 1.2em;
}
.tabs_framed .nav-justified li.active a {
padding-top: 0;
}
.tabs_framed .nav-tabs li.active a {
color: #26363d;
background: #fff;
padding: 10px 15px;
}
.tabs_framed .nav-tabs>li>a:hover {
border-color: #ddd;
border-bottom-color: #fff;
}
.tabs_framed .nav-tabs>li.active>a:hover {
border-color: #ddd;
border-bottom-color: #fff;
}
.tabs_framed .tab-content {
padding: 10px;
font-size: 13px;
background: #fff;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
border: 1px solid #DDDDDD;
border-top: none;
}
.tabs_framed.no-padding .tab-content {
padding: 0;
}
.entry .tab-content h2,
.entry .tab-content h3,
.entry .tab-content h4,
.entry .tab-content h5,
.entry .tab-content h6 {
margin: 5px 0 10px 0;
}
/* small tabs */
.small_tabs .nav-tabs li a {
padding: 4px 10px;
font-size: 12px;
}
.small_tabs .nav-tabs li.active a {
padding: 6px 10px;
}
.small_tabs .nav-justified li a {
padding: 5px 10px 6px 10px;
}
.small_tabs .nav-justified li.active a {
padding-top: 8px;
}
/*-----------------------------------*/
/* Custom Lists Styles */
/*-----------------------------------*/
.entry ul,
.entry ol {
margin: 10px 0 15px 30px;
padding: 0
}
.entry ul li {
margin-bottom: 5px;
list-style-type: disc;
}
.entry ol li {
margin-bottom: 5px;
list-style-type: decimal;
}
.entry .nav {
margin: 0;
}
.entry .nav li {
margin-bottom: -1px;
}
.entry [class^="list-"] ul {
margin: 0 0 20px 10px
}
.entry [class^="list-"] li {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
*margin-right: .3em;
list-style: none;
margin: 0 0 10px 0;
line-height: 1.2em;
}
.entry [class^="list-"] li:before {
text-decoration: inherit;
display: inline-block;
speak: none;
position: relative;
margin-right: 7px;
font-size: 110%;
top: 1px;
}
.list-check li:before {
content: "\f046";
}
.list-remove li:before {
content: "\f00d";
}
.list-caret-right li:before {
content: "\f0da";
}
.list-external-link li:before {
content: "\f08e";
}
.list-chevron-sign-right li:before {
content: "\f138";
}
.list-thumbs-up li:before {
content: "\f087";
}
.list-music li:before {
content: "\f001";
}
.list-question-sign li:before {
content: "\f059";
}
.list-download li:before {
content: "\f01a";
}
.list-file-text-alt li:before {
content: "\f0f6";
}
.list-hand-right li:before {
content: "\f0a4";
}
.list-ok li:before {
content: "\f00c";
}
/*-----------------------------------*/
/* Slideshow Gallery and Text */
/*-----------------------------------*/
.slider {
position: relative;
margin-bottom: 10px;
}
.cols2 .slider {
margin-bottom: 20px
}
.slider_mini {
width: 220px
}
.slider_small {
width: 430px
}
.slider_medium {
width: 100%
}
.slider_quotes {
padding-bottom: 30px !important
}
.slider .slider-item {
position: relative;
}
.slider .slider-item,
.slider .slider-item img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.slider_quotes .slider-item {
position: relative;
padding: 0;
}
.slider_small .slider_container h2 {
margin-bottom: 10px
}
.slider_small .slider-item,
.slider_small .slider-item iframe {
width: 430px;
height: 242px
}
.slider_medium .slider-item,
.slider_medium .slider-item iframe {
width: 600px;
height: 338px;
}
.slider_mini .slider-item,
.slider_mini .slider-item iframe {
width: 220px;
height: 124px;
}
.slider .slider-item.video_slide {
overflow: hidden
}
.slider .slider-item.text_slide {
overflow: auto
}
.slider .slider-item.text_slide .inner {
padding: 5px 10px
}
.slider .slider-item.text_slide h2:first-child,
.slider .slider-item.text_slide h3:first-child,
.slider .slider-item.text_slide h4:first-child {
margin-top: 5px
}
.slider_pagination {
padding-top: 10px;
text-align: center
}
.slider_pagination a {
display: inline-block;
width: 16px;
height: 16px;
background: url(images/slider_pagination.png) center 0 no-repeat;
overflow: hidden;
text-indent: -300px;
margin: 0 3px
}
.entry .slider_pagination a:hover,
.entry .slider_pagination a.selected {
background: url(images/slider_pagination.png) center -16px no-repeat
}
.entry .slider_pagination a {
background: url(images/slider_pagination.png) 0 0 no-repeat
}
.ie7 .slider_pagination a {
display: block;
float: left
}
.ie7 .slider_pagination {
margin-left: 40%
}
.slider_quotes .prev,
.slider_quotes .next {
position: relative;
top: 10px;
color: #48e7cc;
font-size: 15px;
margin: 0 8px 0 0;
}
.slider_quotes .prev:hover span,
.slider_quotes .next:hover span {
color: #e8544f;
}
.f_col .slider_quotes .prev,
.f_col .slider_quotes .next {
font-size: 12px;
}
/* quotes */
.quote-text {
color: #e8544f;
font-size: 16px;
font-style: italic;
font-weight: normal;
padding: 5px 0px 0 30px;
line-height: 1.5em;
position: relative;
}
.quote-text:before {
font-family: FontAwesome;
content: "\f10d";
position: absolute;
left: 0;
top: 2px;
font-size: 17px;
}
.quoteBox .slider-item {
padding: 15px;
background-color: #ffffff;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
position: relative;
}
.quote-text p {
padding: 0;
margin-bottom: 15px
}
.quote-author {
padding: 5px 5px 0 0;
color: #666;
font-size: 13px;
text-transform: uppercase;
text-align: right;
}
.quote-author span {
color: #444;
font-style: italic;
}
.f_col .quote-text {
color: #bfc6c9;
font-size: 14px;
font-style: normal;
font-weight: normal;
background: none;
padding: 0;
}
.f_col .quote-text a {
color: #48e7cc;
}
.f_col .quote-author {
padding-top: 10px;
font-size: 12px;
text-align: left;
}
.f_col .quote-author,
.f_col .quote-author span {
color: #686f6f;
font-style: italic;
text-transform: none;
}
.sidebar .quote-text {
color: #666;
font-size: 14px;
padding: 0;
line-height: 1.4em;
}
.sidebar .quote-text:before,
.f_col .quote-text:before {
display: none;
}
.sidebar .quote-author,
.sidebar .quote-author span {
color: #211718;
text-transform: none;
text-align: left
}
/*-----------------------------------*/
/* Testimonials */
/*-----------------------------------*/
.testimonials .quote-text {
background: none;
font-style: italic;
color: #557788;
font-size: 18px;
font-family: 'PT Serif Caption', serif;
padding: 0;
line-height: 1.8em
}
.testimonials .quote-text a {
color: #39b4ed
}
.testimonials .quote-author {
text-align: center;
color: #f1531e;
font-weight: normal;
text-transform: none;
font-size: 15px
}
.testimonials .quote-author span {
text-transform: uppercase;
font-weight: bold
}
.testimonials .prev,
.testimonials .next {
display: block;
background: url(images/arrows_gray.html) no-repeat;
width: 20px;
height: 34px;
position: absolute;
top: 155px;
z-index: 2
}
.testimonials .prev {
left: 0;
background-position: 0 0
}
.testimonials .next {
right: 0;
background-position: -20px 0
}
.testimonials .prev:hover {
background-position: -40px 0
}
.testimonials .next:hover {
background-position: -60px 0
}
.testimonials .prev:active,
.testimonials .next:active {
top: 156px
}
/*-----------------------------------*/
/* Styled Tables and Boxes */
/*-----------------------------------*/
.styled_table {
margin: 10px 0 20px;
}
.styled_table table {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border-collapse: collapse;
text-shadow: none;
color: #404040;
width: 100%;
border-collapse: separate;
padding-bottom: 1px;
}
.styled_table table {
border: 1px solid #f25720;
}
.styled_table table tr th {
color: #fff;
font-size: 13px;
font-weight: normal;
text-transform: uppercase
}
.styled_table table tr th,
.styled_table table tr td {
border-top: 1px solid #d0d0d0;
padding: 7px 10px;
text-align: left
}
.styled_table table tbody td {
background: #fff;
padding: 5px 10px;
font-size: 13px;
font-weight: 500;
}
.table thead>tr>th {
border-bottom: none;
}
.table-striped table tbody tr.odd td {
background-color: #f2f2f2;
}
.table-hover table>tbody>tr:hover>td {
background-color: #f5f5f5;
}
.styled_table table tr:first-child th {
border-top: 0
}
/*-----------------------------------*/
/* Text Highlights */
/*-----------------------------------*/
.highlight_yellow {
background: #f2d220;
color: #fff
}
.highlight_brown {
background: #7b5635;
color: #fff
}
.highlight_blue {
background: #3e6ace;
color: #fff
}
.highlight_black {
background: #262626;
color: #fff
}
.highlight_purple {
background: #8235ca;
color: #fff
}
/*-----------------------------------*/
/* Table Pricing */
/*-----------------------------------*/
.pricing_box {
position: relative;
clear: both;
padding: 50px 0
}
.entry .pricing_box ul,
.entry .pricing_box li {
margin: 0;
padding: 0;
list-style: none
}
.entry .pricing_box li.price_col {
width: 227px;
float: left;
margin: 0 5px;
text-align: center;
position: relative;
border-bottom: 3px solid #ced6db;
border-radius: 4px;
-webkit-border-radius: 4px;
background: #fff
}
.entry .price_col_body ul {
padding: 25px 0;
border-bottom: 1px solid #e6e6e6;
color: #808080
}
.entry .price_col_body ul li {
font-size: 15px;
display: block;
margin: 0 0 10px 0 !important
}
.entry .price_col_body ul li strong {
color: #000
}
.price_col_head strong {
display: block;
height: 48px;
line-height: 48px;
font-size: 20px;
color: #fff;
text-transform: uppercase;
text-shadow: 1px 1px 0 #333;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px -3px 3px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px -3px 3px 0px rgba(0, 0, 0, 0.2)
}
.price_col_head .price {
display: block;
height: 38px;
line-height: 38px;
padding: 20px 0 20px 0;
color: #3f4b56;
font-size: 38px;
font-weight: bold;
letter-spacing: -1px
}
.price_col_head .price em {
font-style: normal;
font-size: 25px
}
.price_col_head .price sup {
vertical-align: baseline;
position: relative;
top: -0.5em;
font-size: 0.6em
}
.price_col_body {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6
}
.price_body_bot {
background: #f0f3f5;
border: 4px solid #fff;
line-height: 38px;
font-size: 14px;
color: #000
}
.price_body_bot strong {
color: #66c5f1
}
.entry .price_col_foot {
background: #fff;
padding: 20px 0
}
.entry .price_col_foot a {
color: #f1541e;
font-size: 19px;
text-transform: uppercase
}
.price_col_light_blue .price_col_head strong {
background-color: #8fcfed
}
.price_col_blue .price_col_head strong {
background-color: #63c2ee
}
.price_col_light_red .price_col_head strong {
background-color: #eb634d
}
.price_col_red .price_col_head strong {
background-color: #cb4036
}
.text_notice {
font-style: italic;
color: #5a636c;
text-align: center;
width: 555px;
margin: 0 auto
}
/*===================================================*/
/* 4. EXTENDED ELEMENTS */
/*===================================================*/
/*-----------------------------------*/
/* contact form */
/*-----------------------------------*/
.contact_form {
position: relative;
z-index: 2
}
.contact_form form {
padding: 0;
position: relative
}
.contact_form .row {
padding: 13px 0
}
.contact_form .rowSubmit {
padding: 0;
min-height: inherit
}
.contact_form .rowSubmit .btn-submit {
width: 150px;
-webkit-appearance: none
}
.contact_form .link-reset {
top: 35px;
right: auto;
left: 0;
font-size: 13px;
font-weight: 500;
text-decoration: none;
}
/*-----------------------------------*/
/* breadcrumbs */
/*-----------------------------------*/
.breadcrumbs {
color: #9ca6a6;
line-height: 1.1em;
}
.breadcrumbs a {
color: #17caac;
}
.breadcrumbs .separator {
margin: 0 6px;
}
/*-----------------------------------*/
/* minigallery_carousel */
/*-----------------------------------*/
.minigallery_carousel {
position: relative;
clear: both;
margin: 10px 0 30px 0;
background: #fff;
padding: 20px 0;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
border: 1px solid #e3e3e3;
}
.entry .minigallery_carousel ul {
margin: 0;
padding: 0
}
.minigallery_carousel li {
display: block;
float: left;
width: 100px;
height: 100px;
margin: 0 8px;
position: relative;
text-align: center
}
.entry .minigallery_carousel li {
margin-bottom: 0
}
.minigallery_carousel li img {
width: 92px;
height: 92px;
border: 4px solid #ededed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.minigallery_carousel .prev,
.minigallery_carousel .next {
display: block;
width: 20px;
height: 22px;
overflow: hidden;
position: absolute;
top: 55px;
font-size: 22px;
}
.minigallery_carousel .prev {
left: 10px;
}
.minigallery_carousel .next {
right: 10px;
background-position: -31px center;
text-align: right;
}
.minigallery_carousel .prev:active,
.minigallery_carousel .next:active {
top: 56px;
}
.minigallery_carousel li:hover a img {
border-color: #e8544f
}
/*===================================================*/
/* 5. WIDGETS */
/*===================================================*/
/* Sidebar Widget Container */
.sidebar .widget-container,
.content .widget-container {
position: relative !important;
padding: 0;
*zoom: 1
}
.widget-container:before,
.widget-container:after {
display: table;
line-height: 0;
content: ""
}
.widget-container:after {
clear: both
}
.sidebar .widget-container,
.f_col .widget-container {
padding-top: 70px;
}
.sidebar .widget-container.first,
.f_col .widget-container.first {
padding: 0;
}
.content .widget-container .widget-title,
.sidebar .widget-container .widget-title {
font-size: 22px;
line-height: 1.1em;
color: #2e3037;
font-weight: 400;
padding: 0;
margin: 0 0 20px 0;
text-transform: uppercase;
font-family: 'Pathway Gothic One', sans-serif;
}
.sidebar .widget-container ul {
margin: 0
}
.sidebar .widget-container li {
list-style: none;
}
.sidebar .widget-container li ul {
padding-left: 5px
}
.sidebar .widget-container li a,
.content .widget-container li a {
color: #211718
}
.sidebar .widget-container li a:hover,
.content .widget-container li a:hover {
color: #e8544f
}
.f_col .widget-container li a {
color: #d6dee1;
}
.sidebar .widget-container .current-menu-item a,
.sidebar .widget-container .current-menu-ancestor a,
.sidebar .widget-container .current-menu-item li a:hover,
.sidebar .widget-container .current-menu-ancestor li a:hover,
.sidebar .widget-container .current-menu-ancestor .current-menu-item a {
color: #e8544f
}
.sidebar .widget-container .current-menu-item li a,
.sidebar .widget-container .current-menu-ancestor li a {
color: #211718
}
.sidebar .widget-container ul li ul {
padding: 5px 0 0 0 !important;
margin: 0
}
.sidebar .widget-container ul li ul li {
padding-left: 15px
}
.sidebar .widget-container ul li ul li ul {
padding-left: 10px
}
.sidebar .widget-container ul li ul li ul li {
padding-left: 15px;
margin-bottom: 2px;
text-transform: none;
}
/* Facebook Activity*/
.sidebar .widget_fb_acivity .icon {
color: #5e90af;
font-size: 20px;
top: 0.15em;
margin-right: 5px;
}
/* Sidebar Vertical Carousel */
.sidebar_carousel {
width: 220px;
height: 300px;
position: relative;
margin: 40px 0 20px;
}
.sidebar_carousel .carousel_item {
width: 220px;
height: 92px;
margin: 4px 0;
display: block;
float: left;
filter: alpha(opacity=80);
opacity: 0.8;
}
.sidebar_carousel .carousel_item:hover {
filter: alpha(opacity=100);
opacity: 1;
}
.sidebar_carousel .carousel_item img {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.sidebar_carousel .prev,
.sidebar_carousel .next {
display: block;
width: 220px;
height: 15px;
background: url(images/arrows_vertical.png) center 0 no-repeat;
position: absolute;
left: 0;
z-index: 2;
filter: alpha(opacity=70);
opacity: 0.7;
}
.sidebar_carousel .prev {
top: -20px;
}
.sidebar_carousel .next {
background-position: center -15px;
bottom: -20px
}
.sidebar_carousel .prev:hover,
.sidebar_carousel .next:hover {
filter: alpha(opacity=100);
opacity: 1;
}
.sidebar_carousel .prev:active {
top: -19px;
}
.sidebar_carousel .next:active {
bottom: -21px;
}
/* widget_nav_menu */
.widget_nav_menu ul,
.widget_categories ul,
.widget_archive ul,
.widget_links ul,
.widget_meta ul,
.widget_pages ul {
padding: 0 !important;
}
.widget_nav_menu li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_pages li,
.widget_archive li,
.widget_popular li {
margin: 0 0 5px 0;
position: relative;
line-height: 20px;
font-size: 14px;
}
.widget_nav_menu li a,
.widget_categories li a,
.widget_archive li a,
.widget_links li a,
.widget_meta li a,
.widget_pages li a {
color: #211718
}
.widget_categories li a em {
font-style: normal;
float: right
}
.ie7 .widget_categories li a em {
float: none
}
.widget_archive li {
width: 49%;
float: left;
display: block
}
.widget_archive li.even {
padding-right: 2%
}
.widget-container.widget_nav_menu a:hover,
.widget-container.widget_nav_menu .current-menu-item li a:hover,
.widget-container.widget_categories a:hover,
.widget-container.widget_categories .current-menu-item li a:hover,
.widget-container.widget_archive a:hover,
.widget-container.widget_links a:hover,
.widget-container.widget_meta a:hover,
.widget-container.widget_pages a:hover {
color: #e8544f
}
.widget-container.widget_nav_menu li ul li a,
.widget-container.widget_nav_menu .current-menu-item li a,
.widget-container.widget_categories li ul li a,
.widget-container.widget_categories .current-menu-item li a {
color: #3f4b56
}
.sidebar .badge {
background-color: #797f82;
}
.f_col .badge {
background-color: #555;
}
/* Widget Latest Twitter */
.widget_twitter .tweet_image {
float: left;
width: 30px;
height: 30px;
margin: 5px 10px 0 0
}
.widget_twitter .tweet_image img {
width: 30px;
height: 30px
}
.widget_twitter .tweet_item {
clear: both;
padding: 15px 0;
border-top: 1px solid #d8dfea;
}
.f_col .widget_twitter .tweet_item {
border-top: 1px solid #2a2d2f;
border-bottom: 1px solid #000;
}
.widget_twitter .tweet_item:first-child {
padding-top: 0;
border-top: none;
}
.widget_twitter .tweet_item.last {
border-bottom: none;
}
.widget_twitter .tweet_text {
float: left;
width: 180px;
font-size: 14px;
font-style: italic;
}
.f_col .widget_twitter .tweet_text {
width: 170px;
color: #d6dee1;
}
.widget_twitter .tweet_time {
display: block;
color: #747e82;
font-style: italic;
padding-top: 5px;
font-size: 13px
}
.widget_twitter .tweet_item a {
color: #17caac
}
/* Widget Calendar */
#calendar_wrap {
position: relative;
}
.middle_white .widget_calendar table {
border: 10px solid #ededed;
border-top: none;
background: #ededed;
}
.widget_calendar tbody .pad {
background: #f5f5f5;
}
.widget_calendar table caption {
line-height: 35px;
text-align: left;
background: #17caac;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
color: #fff;
font-size: 14px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
.widget_calendar table {
border-collapse: separate;
border-spacing: 0;
width: 99%;
margin: 0 0 5px 0;
border: 10px solid #dfdfdf;
border-top: none;
background: #dfdfdf;
position: relative;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.ie7 .widget_calendar table {
border-collapse: collapse;
}
.widget_calendar table th {
font-size: 10px;
text-transform: uppercase;
color: #64656a;
line-height: 28px;
padding-top: 2px;
font-weight: bold;
text-align: center;
}
.widget_calendar table td {
color: #2e3038;
border-top: 1px solid #ededed;
border-left: 1px solid #ededed;
text-align: center;
min-width: 27px;
border-collapse: collapse;
}
.widget_calendar table tbody td:first-child {
border-left: none;
}
.widget_calendar tbody {
background: #fff;
line-height: 2em;
}
.widget_calendar table tbody a {
background: #dafaf5;
display: block;
color: #2e3038;
}
.widget_calendar table a:hover {
color: #f25821
}
.widget_calendar table tfoot {
position: absolute;
top: 3px;
left: 0;
z-index: 1;
}
.widget_calendar table tfoot tr {
position: relative;
}
.widget_calendar table tfoot td {
border: none;
background: none;
}
.widget_calendar table tfoot #prev,
.widget_calendar table tfoot #next {
width: 110px;
text-align: left;
}
.widget_calendar table tfoot a {
display: block;
width: 25px;
height: 30px;
background: url(images/arrows_lr.png) 5px -3px no-repeat #17caac;
text-indent: -1000px;
overflow: hidden;
}
.widget_calendar table tfoot #prev a {
float: left;
}
.widget_calendar table tfoot #next a {
float: right;
background-position: -20px -3px;
text-indent: -1000px;
}
.widget_calendar #today,
.widget_calendar #today a {
background: #e95b56;
color: #fff
}
.events_notice {
font-size: 13px;
color: #494c54;
}
.events_notice span {
margin-left: 10px;
}
.events_notice span .icon {
position: relative;
top: 2px;
}
.mark_event .icon {
color: #dafaf5;
}
.mark_today .icon {
color: #e54d48;
}
/* Widget Contact Info */
.widget_contact address {
font-size: 14px;
line-height: 1.5em;
color: #211818;
}
.widget_contact address strong {
color: #17caac;
font-weight: 400;
}
.sidebar_map {
margin: 30px 0 0 0;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
background: transparent no-repeat 0 0;
-webkit-box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 0.7);
box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 0.7);
position: relative;
width: 220px;
height: 220px;
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}
.sidebar_map .gmnoprint,
.map .gm-style-cc {
display: none
}
.sidebar_map .map {
overflow: hidden;
position: relative;
width: 220px;
height: 220px;
}
.widget_contact .contact_info {
padding: 40px 0 0 0;
font-size: 15px
}
.widget_contact .contact_info h3 {
font-size: 22px;
margin-bottom: 5px;
}
.widget_contact .contact_info .info_row {
clear: both;
padding: 5px 0;
font-weight: normal;
line-height: 40px;
}
.widget_contact .info_icon {
float: left;
width: 40px;
height: 40px;
background: #cacdcf;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-align: center;
font-size: 19px;
line-height: 42px;
color: #fff;
margin-right: 5px;
-webkit-box-shadow: inset 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
box-shadow: inset 1px 2px 1px 0px rgba(0, 0, 0, 0.2);
}
.widget_contact .info_icon .icon {
text-shadow: 0 1px 1px #aaa;
}
.widget_contact .info_row a {
color: #211718;
}
.widget_contact .info_row a:hover {
color: #e8544f;
}
/* widget text */
.sidebar .widget_text .textwidget {
line-height: 1.6em;
padding: 0;
text-shadow: 0 1px 1px #fff
}
.sidebar .widget_text .textwidget p {
margin-bottom: 15px
}
.sidebar .widget_text .textwidget a {
color: #ff7200
}
/* widget tag cloud */
.widget_tag_cloud .tagcloud {
line-height: 1.5em
}
.widget_tag_cloud .tagcloud a {
background: #f9fafb;
color: #e54d48;
display: inline-block;
line-height: 26px;
margin: 3px 2px;
padding: 0 9px;
font-size: 12px !important;
border-radius: 3px;
-webkit-border-radius: 3px;
text-shadow: none
}
.widget_tag_cloud .tagcloud a:hover {
color: #fff;
background: #e54d48;
}
.f_col .widget_tag_cloud .tagcloud a {
background-color: #999;
color: #000;
}
.f_col .widget_tag_cloud .tagcloud a:hover {
background-color: #fff;
}
/* Twitter widget */
.twitter ul {
margin: 15px 0;
padding: 0
}
.twitter li {
padding-left: 25px;
list-style: none !important;
margin-bottom: 14px !important;
color: #4f5e62;
min-height: 24px;
font-size: 16px;
font-style: italic;
position: relative;
}
.twitter li:before {
content: "\f099";
font-family: FontAwesome;
font-style: normal;
position: absolute;
left: 0;
top: 2px;
font-size: 18px;
color: #17caac;
}
.twitter li a {
text-decoration: none
}
.twitter h2 {
margin-bottom: 30px !important
}
.sidebar .twitter h3 {
padding-left: 30px
}
.twitter li a {
text-decoration: none
}
.sidebar .twitter h3 {
padding-left: 30px
}
.sidebar .widget {
margin-bottom: 30px
}
/* Flickr widget */
.flickr {
padding: 0
}
.flickr .flickr_badge_image {
margin: 3px 11px 7px 0px;
list-style: none;
display: block;
float: left
}
.flickr .flickr_badge_image img {
width: 75px;
height: 75px;
border: 3px solid #5a6164
}
.sidebar .flickr .flickr_badge_image img {
width: 62px;
height: 62px;
}
.f_col .flickr .flickr_badge_image {
float: left;
margin: 2px 4px 2px 0px;
width: 66px;
height: 66px;
}
.f_col .flickr .flickr_badge_image img {
width: 60px;
height: 60px;
}
/* Popular/Recent Posts widget */
.post_list {
padding: 0 !important;
margin: 0 !important
}
.post_list li {
list-style: none !important;
clear: both;
padding: 10px 12px 10px 18px;
font-size: 13px;
min-height: 55px;
background: #fff;
margin: 0 !important
}
.post_list .odd {
background: #f3f3f3
}
.post_list li a {
text-decoration: none;
color: #26363d;
font-size: 15px
}
.post_list li a:hover {
color: #f25c24
}
.post_list .date {
color: #727272;
padding-top: 3px;
font-size: 13px;
line-height: 1em
}
.post_list .thumbnail {
float: right;
margin-left: 10px;
border: none !important;
width: 50px
}
/* Popular/Recent Posts widget */
.widget_postlist ul {
margin: 10px 0;
padding: 0
}
.widget_postlist ul li {
list-style: none;
clear: both;
padding: 20px 0;
border-top: 1px solid #d8dfea;
}
.sidebar .widget_postlist ul li {
padding: 10px 0;
}
.widget_postlist ul li:first-child {
border-top: none !important;
padding-top: 0;
}
.widget_postlist ul li.last {
border-bottom: none !important;
}
.widget_postlist .post-meta,
.post-detail .widget_postlist .post-meta {
padding-top: 5px;
color: #777;
}
.widget_postlist .post-meta a {
font-style: normal;
text-decoration: none
}
.widget_postlist .post-meta .link-comments {
color: #747e82;
background: none;
padding: 0
}
.widget_postlist .post-meta a:hover {
color: #f25c24
}
.widget_postlist ul li img {
width: 70px;
height: 70px;
float: left;
margin: 2px 10px 0 0;
border: none !important
}
.widget_postlist ul li .post-title {
color: #17caac;
font-size: 14px;
margin-bottom: 5px;
line-height: 1.2em;
font-weight: 600;
}
.widget_postlist ul li .post-title:hover {
color: #e8544f
}
.extras {
line-height: 1.4em;
padding-top: 5px;
padding-bottom: 5px
}
.content .widget-container .link-arrow {
clear: both;
color: #e8544f;
text-transform: uppercase;
font-size: 12px;
position: relative
}
.content .link-arrow span {
position: relative;
margin-left: 4px;
font-size: 15px;
}
.separator {
margin: 0 5px;
color: #9a9a9a
}
.f_col .widget_postlist ul li {
border-top: 1px solid #2a2d2f;
border-bottom: 1px solid #000;
}
.f_col .widget_postlist ul li .post-title {
color: #d6dee1;
font-size: 14px;
}
.widget_postlist .post-meta {
text-align: right;
}
.content .widget_postlist .post-meta {
text-align: left;
}
.widget_postlist .post-meta .post-date {
float: left;
}
.f_col .widget_postlist .post-meta .link-comments:hover,
.f_col .widget_postlist ul li .post-title:hover {
color: #17caac
}
/* widget_recent_entries */
.content .widget_recent_entries ul {
margin: 0
}
.widget_recent_entries li,
.widget_recent_comments li {
clear: both;
line-height: 1.3em;
padding: 10px 0;
margin: 0
}
.widget_recent_entries li {
min-height: 60px
}
.widget_recent_entries .post-title {
font-size: 15px;
display: block;
min-height: 30px
}
.widget_recent_entries .post-meta {
font-size: 12px;
padding-top: 5px
}
.widget_recent_entries .post-date {
color: #999;
float: right
}
.content .widget_recent_entries .post-meta a,
.sidebar .widget_recent_entries .post-meta a {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #f25c24
}
.middle .widget_recent_entries li:first-child,
.middle .widget_recent_comments li:first-child {
background: none;
padding-top: 0
}
.widget_recent_entries li .thumbnail,
.widget_recent_comments li .thumbnail {
width: 62px;
height: 62px;
float: left;
margin-right: 10px
}
.f_col .thumbnail {
background-color: #5a6164;
border-color: #747a7c
}
/* widget_recent_comments */
.sidebar .widget-container.widget_recent_comments a {
color: #ff8a00
}
.sidebar .widget-container.widget_recent_comments li {
line-height: 1.2em !important
}
/* Newsletter box */
.newsletterBox .inputField {
float: left;
}
.newsletter_text {
clear: both;
padding-top: 5px
}
.newsletter_text .icon-rss {
margin: 0 4px;
color: #e8544f;
position: relative;
top: 1px;
}
.newsletter_text .link-news-rss {
color: #838a90;
font-size: 13px;
font-style: italic;
}
.link-news-rss span {
color: #e8544f
}
/* widget_search */
.widget_search label,
.widget_search cite,
.widget_search .screen-reader-text {
display: none
}
.widget_search input {
float: left;
margin: 0
}
.widget_search .inputField,
.newsletterBox .inputField {
width: 150px;
padding: 8px 10px;
margin-right: 3px;
line-height: 1.5em;
}
.f_col .widget_search .inputField,
.f_col .newsletterBox .inputField {
width: 140px;
padding: 7px 10px;
}
/* Login Form widget */
.content .widget_login {
width: 220px;
}
.widget_login form {
padding: 15px;
background-color: #ffffff;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.f_col .widget_login form {
background-color: #5a6164;
border-color: #444;
}
.f_col .widget_login label {
color: #ccc;
}
.widget_login input {
width: 164px;
font-size: 13px;
color: #555;
padding: 7px 10px
}
.f_col .widget_login input {
width: 154px;
}
.widget_login #user_login,
.widget_login #user_pass,
.widget_search .inputField,
.newsletterBox .inputField {
background-color: #fff;
border: 1px solid #dfdfdf;
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.2)
}
.widget_login #user_login:focus,
.widget_login #user_pass:focus,
.widget_search .inputField:focus,
.newsletterBox .inputField:focus {
border-color: #ccc;
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.3)
}
.widget_login p {
margin: 5px 0 15px 0;
color: #838a90
}
.widget_login .forgetmenot {
line-height: 1.2em;
float: left;
display: block;
font-size: 13px
}
.widget_login .forgetmenot input {
margin: 0 3px 0 0;
float: left;
border: none;
width: auto !important;
padding: 0 !important
}
.widget_login .submit {
margin: 0 0 5px 0 !important;
clear: both;
display: block
}
.widget_login .btn {
margin: 0;
width: 140px !important;
-webkit-appearance: none;
text-align: center;
line-height: 1.5em;
}
.widget_login .forget_password {
display: block;
float: left;
font-size: 13px;
line-height: 1.8em;
margin-top: 0
}
.ie7 .widget_login .forget_password,
.ie8 .widget_login .forget_password {
width: auto;
padding-left: 5px;
padding-top: 1px
}
.widget_login .input_styled label {
font-size: 13px;
margin-right: 10px;
color: #838a90
}
.widget_login .forget_password a {
color: #17caac;
font-style: italic
}
.widget_login .forget_password a:hover {
color: #e8544f
}
/*===================================================*/
/* 6. POSTS */
/*===================================================*/
/*-----------------------------------*/
/* Blog post list and Details */
/*-----------------------------------*/
.entry {
line-height: 1.6em;
color: #494c54;
}
.entry .video iframe {
width: 100%
}
.content .map img,
.map_window img,
.middle_top_media .map img {
max-width: none !important
}
/* post list */
.postlist .post-item {
margin: 0 0 60px 0;
}
.postlist .post-image {
width: 220px;
height: 200px;
float: left;
margin: 0 20px 0 0;
}
.post-detail .post-image {
margin-bottom: 10px;
}
.postlist .post-image.image_center {
width: auto;
height: auto;
text-align: center;
margin: 0 0 10px 0;
float: none;
}
.postlist .post-image.image_right {
float: right;
margin: 0 0 0 20px;
}
.postlist .post-image img,
.post-detail .post-image img {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.postlist .post-meta,
.post-detail .post-meta {
padding: 7px 0 10px 0;
font-size: 12px;
}
.postlist .post-meta,
.postlist .post-meta .link-comments,
.post-detail .post-meta {
color: #17caac;
}
.postlist .post-meta .post-date,
.post-detail .post-meta .post-date {
font-style: italic;
}
.postlist .post-title {
margin-bottom: 10px;
}
.postlist .post-title h2,
.postlist .post-title h3 {
font-size: 19px;
font-family: 'Source Sans Pro', Arial, sans-serif;
font-weight: 600;
}
.ie8 .postlist .post-title h2,
.ie8 .postlist .post-title h3 {
font-size: 18px;
}
.postlist .post-title h2 a,
.postlist .post-title h3 a {
color: #494c54;
}
.postlist .post-title h2 a:hover,
.postlist .post-title h3 a:hover {
color: #e8544f;
}
/* grid list */
.gridlist .post-item {
margin: 20px 80px 40px 0;
float: left;
width: 220px;
height: 345px;
text-align: center;
}
.gridlist .post-item .gridlist .post-descr {
height: 60px;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
}
.gridlist .post-image {
float: none;
margin: 0 0 10px 0;
width: 100%;
}
.post-more .post-more {
padding-top: 5px;
}
.post-more {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
.bloglist .post-more .link-comments {
float: right;
}
.bloglist .post-item {
margin-bottom: 70px;
}
.bloglist .post-title h2,
.bloglist .post-title h3 {
font-size: 22px;
}
.post-detail h1 {
font-size: 27px;
}
.entry p {
margin: 0 0 1.3em 0;
}
.entry blockquote p {
margin: 0 0 1em;
}
.entry a.btn,
.entry a.btn:hover {
color: #fff;
}
.entry a,
.entry a.btn-link {
color: #e8544f;
}
.entry a:hover,
.entry a.btn-link:hover {
color: #e8544f;
}
/* Tickets List */
.tickets_list {
margin: 0 0 40px 0;
}
.tickets_list .ticket {
margin-bottom: 6px;
position: relative;
}
.ticket_left {
background: url(images/ticket_bg.png) 0 0 no-repeat;
width: 343px;
height: 105px;
float: left;
font-family: 'Pathway Gothic One', sans-serif;
font-size: 18px;
position: relative;
}
.ticket_descr {
padding: 25px 0 0 30px;
float: left;
width: 220px;
margin-right: 10px;
}
.ticket_descr strong {
color: #17caac;
font-weight: normal;
display: inline-block;
padding-bottom: 5px;
}
.ticket_price {
font-size: 16px;
color: #e8544f;
text-align: center;
width: 50px;
float: left;
padding: 30px 0 0 0;
text-transform: uppercase;
}
.ticket_price strong {
display: block;
font-size: 24px;
font-weight: normal;
}
.ticket_buy {
width: 177px;
text-align: right;
float: left;
padding-top: 35px;
}
.ticket_buy .btn {
min-width: 160px;
}
/* track_list */
.track_list {
font-size: 14px;
margin: 5px 0 30px 0;
}
.track_list .jp-playlist li {
border-top: 1px dotted #cacdcf;
list-style: inside;
list-style-type: decimal;
padding: 7px 10px;
margin: 0 !important;
position: relative;
}
.track_list .jp-playlist {
display: block;
background: #fff;
padding: 1;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.track_list .jp-playlist ul {
margin: 0;
color: #333;
}
.track_list .jp-playlist li:first-child {
border: none;
}
.track_list .jp-playlist li div {
display: inline-block;
}
.track_list .jp-playlist-item:focus {
outline: 0;
}
.track_list .item-song {
padding-left: 3px;
display: inline-block;
}
.track_list .jp-playlist .jp-playlist-current {
background-color: #e5f8f4;
}
.track_list .jp-interface {
background: #34363d;
border: 1px solid #000;
padding: 10px;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.track_list .jp-interface ul.jp-controls a {
text-indent: 0;
background: none;
font-size: 16px;
margin: 0 4px;
width: 18px;
text-align: center;
}
.track_list .jp-interface ul.jp-controls a.disabled {
opacity: 0.5;
}
.track_list .jp-controls-wrap {
float: left;
margin-right: 20px;
}
.track_list .jp-controls-wrap li {
margin: 0;
}
.track_list .jp-progress {
width: 56%;
margin-top: 0;
}
.track_list .jp-time-holder {
float: left;
color: #888;
margin-left: 20px
}
.track_list .jp-current-time,
.track_list .jp-duration {
display: inline;
}
.track_list .jp-playlist li .rating {
position: absolute;
top: 9px;
right: 5px;
width: 85px;
z-index: 2000;
}
.rating {
unicode-bidi: bidi-override;
font-size: 15px;
direction: rtl;
display: inline-block;
}
.rating span.star {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: block;
float: left;
line-height: 1em;
}
.rating span.star:hover {
cursor: pointer;
}
.rating span.star:before {
content: "\f006";
color: #999999;
float: left;
width: 17px;
height: 15px;
}
.rating span.star:hover:before,
.rating span.over:before,
.rating span.on:before,
.rating span.voted:before {
content: "\f005";
color: #e8544f;
opacity: 0.8;
}
.rating span.star:hover:before,
.rating>span:hover~span:before {
opacity: 1;
}
/*-----------------------------------*/
/* Pagination and Navigation */
/*-----------------------------------*/
.tf_pagination {
clear: both;
margin: 70px auto 0px;
text-align: center;
font-size: 13px;
}
.cols2 .tf_pagination {
margin: 70px 0 0 0;
width: 100%;
}
.cols2 .tf_pagination .inner {
display: block;
}
.full_width .tf_pagination {
margin-top: 30px;
}
.tf_pagination .inner {
display: inline-block;
position: relative;
font-weight: 500;
-moz-box-shadow: inset 0px 1px 0px 0px #f18c87;
-webkit-box-shadow: inset 0px 1px 0px 0px #f18c87;
box-shadow: inset 0px 1px 0px 0px #f18c87;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e95b56), color-stop(1, #e54d48));
background: -moz-linear-gradient(center top, #e95b56 5%, #e54d48 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e95b56', endColorstr='#e54d48');
background-color: #e95b56;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ca4f2a;
line-height: 42px;
text-transform: uppercase;
color: #fff;
}
.tf_pagination .page-numbers {
margin: 0 6px;
color: #fff;
display: inline-block;
text-align: center;
font-weight: 600;
}
.tf_pagination .page-numbers:hover {
opacity: 0.8;
}
.tf_pagination .page_current,
.tf_pagination .page_current:hover {
background: #c42d2e;
width: 24px;
height: 24px;
line-height: 23px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
opacity: 1
}
.tf_pagination .page_prev span,
.tf_pagination .page_next span {
display: block;
color: #fff;
padding: 0 14px;
line-height: 40px;
}
.tf_pagination .page_prev {
float: left;
border-right: 1px solid #ee8682;
margin: 2px 30px 0 0
}
.tf_pagination .page_next {
float: right;
border-left: 1px solid #c42d2e;
margin: 2px 0 0 30px;
}
.tf_pagination .page_prev span {
border-right: 1px solid #c42d2e;
}
.tf_pagination .page_next span {
border-left: 1px solid #ee8682;
}
.tf_pagination span.page_prev span,
.tf_pagination span.page_next span {
filter: alpha(opacity=40);
opacity: 0.5;
}
.tf_pagination .page_next:hover,
.tf_pagination .page_prev:hover {
background-color: #ea5d58;
}
/*-----------------------------------*/
/* Author description */
/*-----------------------------------*/
.author-description {
position: relative;
background: #fff;
padding: 20px;
}
.author-image {
display: inline;
float: left;
margin: 0 20px 5px 0;
}
.author-image img {
border: 3px solid #f0f0f0;
}
.author-text {
float: left;
width: 380px;
}
.author-text p {
margin-bottom: 10px
}
.author-text .author-name {
color: #e8544f;
font-weight: normal;
font-size: 16px;
margin: 0 0 5px;
}
.author-text strong {
font-weight: 600;
}
.author-contact strong {
font-weight: 600;
display: inline-block;
line-height: 22px;
}
.author-contact a {
font-size: 20px;
margin: 0 0 0 4px;
position: relative;
top: -0.1em;
}
/*-----------------------------------*/
/* Comment list */
/*-----------------------------------*/
.comment-list {
position: relative;
padding: 0 0 10px 0;
margin-top: 70px
}
.link-add-comment {
position: absolute;
top: 5px;
right: 5px;
color: #e8544f;
font-size: 12px;
text-transform: uppercase;
}
.comment-list h2,
.add-comment h3 {
font-family: 'Source Sans Pro', Arial, sans-serif;
font-size: 22px;
margin: 0 0 25px 0;
color: #e8544f;
}
.comment-list ol,
.comment-list ul {
margin: 0;
padding: 0
}
.comment-list ol {
margin-bottom: 20px;
padding-bottom: 10px
}
.comment-list ol li:first-child {
border: none
}
.comment-list ul li,
.comment-list ol li,
.comment-list ol li ul li:first-child {
margin: 15px 0 0 0;
list-style: none
}
.comment {
clear: both;
display: block;
min-height: 70px;
padding: 0;
}
.comment-body {
background: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
padding: 20px 30px;
position: relative;
}
.comment-avatar {
width: 76px;
float: left;
margin-right: 20px
}
.comment-avatar .avatar img {
width: 68px;
height: 68px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 1px solid #c2beba;
padding: 3px;
}
.comment-text {
float: left;
width: 364px;
position: relative;
font-size: 13px
}
.comment-entry {
line-height: 1.3em;
}
.comment-author {
padding-bottom: 5px;
text-align: right;
color: #494c54;
font-size: 12px
}
.link-author {
font-size: 17px;
text-decoration: none;
float: left;
color: #17caac;
}
a.link-author:hover,
.link-reply:hover {
color: #17caac
}
.comment-date {
font-size: 12px;
text-transform: uppercase;
}
.link-reply {
color: #494c54;
}
.children li {
padding-left: 70px
}
.children .comment-text {
width: 294px
}
.children .children .comment-text {
width: 224px
}
/*-----------------------------------*/
/* Comment form */
/*-----------------------------------*/
.add-comment {
margin: 10px 0 40px 0;
position: relative;
background: #fff;
padding: 25px 35px;
border-radius: 4px;
-webkit-border-radius: 4px
}
.add-comment h3 {
color: #17caac;
margin: 0 0 20px 0;
font-weight: normal;
}
.comment-form .row {
padding: 10px 0;
position: relative;
margin: 0 20px 0 0
}
.field_select {
z-index: 2
}
.field_text {
z-index: 1
}
.comment-form .row.omega {
margin-right: 0
}
.comment-form .row .label_title {
line-height: 1.2em;
display: block;
margin-bottom: 2px;
color: #494c54;
text-transform: none;
}
.comment-form .row .label_title strong {
font-weight: normal
}
.comment-form .inputtext,
.comment-form .textarea,
.comment-form .select_styled,
#topm-select {
font-size: 13px;
line-height: 16px;
height: 16px;
width: 192px;
margin: 3px 0;
padding: 9px 10px;
background-color: #fff;
border: 1px solid #dfdfdf;
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.2)
}
.comment-form .inputtext:focus,
.comment-form .textarea:focus {
border-color: #ccc;
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.3)
}
#topm-select {
width: 238px;
height: 18px;
padding: 5px;
margin: -10px 0 0 30px
}
#topm-select option {
padding: 3px 0;
text-indent: 5px
}
.comment-form .rowRadio,
.comment-form .rowCheckbox {
width: 215px
}
.comment-form .input_styled .label_title {
margin-bottom: 10px
}
.comment-form .input_full {
width: 406px
}
.comment-form .select_styled {
height: 36px;
width: 212px;
/* +2px bc of borders */
line-height: 36px;
padding: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.comment-form .select_styled span {
padding: 9px 20px 9px 10px;
line-height: 1.2em;
}
.comment-form .cuselFrameRight:before {
top: 0em;
}
.comment-form .cuselText {
height: 34px;
line-height: 34px;
font-size: 12px;
}
.comment-form .select_styled option {
font-size: 13px;
padding: 9px 0;
text-indent: 5px
}
.comment-form .textarea {
width: 426px;
height: 100px;
overflow: auto
}
.comment-form .rowSubmit {
padding-top: 15px;
position: relative;
text-align: left;
margin-right: 0
}
.link-reset {
font-size: 12px;
position: absolute;
top: 25px;
right: 5px;
text-transform: uppercase;
font-weight: 600;
color: #e8544f;
}
/*-----------------------------------*/
/* non-semantic helper classes */
/*-----------------------------------*/
/* For image replacement */
.ir {
display: block;
border: 0;
text-indent: -999em;
overflow: hidden;
background-color: transparent;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
*line-height: 0;
}
.ir br {
display: none;
}
.hidden {
display: none !important;
visibility: hidden
}
.invisible {
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*-----------------------------------*/
/* Print styles */
/*-----------------------------------*/
@media print {
* {
background: transparent !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " ("attr(href) ")";
}
abbr[title]:after {
content: " ("attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
/* Don't show links for images, or javascript/internal links */
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
/* h5bp.com/t */
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
.video {
height: 540px;
padding: 0 50px;
}
.video-pic {
height: 460px;
padding: 0 50px;
}
#trigger-overlay {
position: fixed;
top: 5px;
left: 5px;
width: 40px;
height: 40px;
background: url(images/icon-menu.png) no-repeat center #ccc;
border: none;
background-size: 35px 35px;
z-index: 9999;
}
.overlay ul li a {
font-size: 30px;
}