in footer (only one right now) */
text-align: center;
background: #ccc;
color: #000;
font-size: 18px;
}
.calendar tfoot .ttip {
/* Tooltip (status bar) cell | */
border-top: 1px solid #ccc;
background: #efefef;
color: #000;
}
.calendar tfoot .hilite {
/* Hover style for buttons in footer */
background: #666;
border: 1px solid #f40;
padding: 1px;
}
.calendar tfoot .active {
/* Active (pressed) style for buttons in footer */
background: #999;
padding: 2px 0 0 2px;
}
/* Combo boxes (menus that display months/years for direct selection) */
.combo {
position: absolute;
display: none;
top: 0;
left: 0;
width: 4em;
cursor: default;
border: 1px solid #655;
background: #fff;
color: #000;
font-size: smaller;
}
.combo .label {
width: 100%;
text-align: center;
}
.combo .hilite {
background: #fc8;
}
.combo .active {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #efefef;
font-weight: 700;
}
.round-image img {
border-radius: 50%;
border: 8px solid #fff;
}
/* ----------------------------------------------*/
/* 03 - Page Classes
/* ----------------------------------------------*/
.item-page.roundimage .item-image img {
border-radius: 50%;
height: 500px;
width: 500px;
margin: 0 auto 100px;
}
.item-page.content-constrain {
width: 50%;
margin: 0 auto;
}
.item-page.content-constrain70 {
width: 70%;
margin: 0 auto;
}
.content-constrain .timeline-blog-item {
width: 60%;
margin: 0 auto;
}
.item-page.content-constrain .page-header {
text-align: center;
}
body.region1-constrain #region1,body.region2-constrain #region2,body.region3-constrain #region3,body.region4-constrain #region4,body.region5-constrain #region5,body.region6-constrain #region6,body.region7-constrain #region7,body.region8-constrain #region8,body.region9-constrain #region9,body.region10-constrain #region10,body.region1-constrain #region11,body.region12-constrain #region12 {
width: 70%;
margin: 0 auto;
}
body.region1-constrain50 #region1,body.region2-constrain50 #region2,body.region3-constrain50 #region3,body.region4-constrain50 #region4,body.region5-constrain50 #region5,body.region6-constrain50 #region6,body.region7-constrain50 #region7,body.region8-constrain50 #region8,body.region9-constrain50 #region9,body.region10-constrain50 #region10,body.region1-constrain50 #region11,body.region12-constrain50 #region12 {
width: 50%;
margin: 0 auto;
}
.constrain {
width: 70%;
margin: 0 auto !important;
}
/* ----------------------------------------------*/
/* 05 - Module Styles
/* ----------------------------------------------*/
/* Font Awesome */
.moduletitle:before {
font-family: 'FontAwesome';
font-size: .5em;
margin-right: 10px;
}
.moduletitle i {
vertical-align: middle;
line-height: 100%;
}
.moduletitle i:before {
vertical-align: middle;
}
/* Module H3 Titles */
.moduletitle i {
vertical-align: middle;
line-height: 100%;
}
.moduletitle i:before {
vertical-align: middle;
}
.moduletitle {
padding: 0;
}
.modulecontent {
padding: 12px 0;
}
.module input.button {
margin-bottom: 12px;
}
/* Common Module Suffix Styles */
/* Transparent */
.module.trans {
background: rgba(0,0,0,0.2) !important;
}
.trans h3.moduletitle,.trans .modulecontent {
padding: 20px !important;
}
/* Nopad */
.nopad,.nopad .modulecontent {
padding: 0 !important;
}
.nopad .breadcrumb,.nopad .modulecontent .breadcrumb {
padding: 8px 15px !important;
}
/* Nomarg */
.nomarg,.nomarg h3.moduletitle {
margin: 0 !important;
}
/* Mobileshow */
.mobileshow {
display: none;
}
/* mod_custom Footer */
p.footertxt {
color: #999;
}
/* Module suffix add ons */
.h3center h3.moduletitle {
text-align: center;
}
.wtext h3.moduletitle,.wtext p,.wtext span.rest,.wtext .module h3 span.rest,.wtext span.first_word,.wtext .module h3 span.first_word {
color: #fff !important;
}
/* Common Style */
/* Font Awesome Divider dots under the home page titles */
i.divide,i.wdivide {
font-size: 42px;
}
/* Custom HTML */
/* Title in User 1 */
#region1 .page-header h1 {text-align:center;}
.inset_txt {
text-align: center;
color: #fff;
}
.inset_txt h1 {
color: #fff;
font-weight: 700;
}
.inset_txt h1 span {
font-weight: 100;
}
.inset_txt i {
font-size: 92px;
color: #fff;
}
.topsearch_txt {
color: #fff;
margin-bottom: 30px;
}
/* Custom HTML */
/* Chart Graphs in User 31 */
body .ui {
margin: 0 auto;
font-family: 'Source Sans Pro',sans-serif;
color: #fff;
box-shadow: none;
}
body .ui ul {
margin: 0 30px 10px 0;
padding: 0;
list-style-type: none;
font-size: 11px;
font-weight: 400;
line-height: 20px;
}
body .ui .drop {
z-index: -3;
opacity: 0;
width: 240px;
height: 10px;
background: #3e8368;
position: absolute;
color: #fff;
bottom: 0;
padding: 12px 30px 21px;
}
body .ui .drop p {
color: #f8fbfa;
}
body .ui_box {
position: relative;
background: #3d3d3d;
float: left;
cursor: pointer;
}
.ui_box.span4 {
margin-left: 0 !important;
width: 33.3% !important;
}
body .ui_box__inner {
min-height: 220px;
padding: 60px;
}
body .ui_box__inner span {
font-size: 36px;
font-weight: 700;
}
body .ui_box__inner .progress {
width: 100%;
margin-top: 10px;
height: 6px;
background: rgba(0,0,0,0.3);
margin-bottom: 15px;
}
body .ui_box__inner .progress_graph {
float: right;
border-bottom: 1px solid rgba(255,255,255,0.09);
width: 85px;
text-align: center;
position: relative;
padding-left: 20px;
top: 24px;
}
body .ui_box__inner .progress_graph__bar--1 {
width: 10px;
height: 20px;
float: left;
margin-right: 10px;
position: relative;
bottom: -10px;
}
body .ui_box__inner .progress_graph__bar--2 {
width: 10px;
height: 30px;
float: left;
margin-right: 10px;
}
body .ui_box__inner .progress_graph__bar--3 {
width: 10px;
height: 24px;
margin-right: 10px;
float: left;
position: relative;
bottom: -6px;
}
body .ui_box__inner .progress_graph__bar--4 {
width: 10px;
height: 14px;
bottom: -16px;
position: relative;
float: left;
}
body .ui_box__inner .progress_bar {
height: 6px;
float: left;
width: 99%;
}
body .ui_box__inner .progress_bar--two {
height: 6px;
float: left;
width: 78%;
}
body .ui_box h2 {
font-weight: 400;
font-size: 16px;
margin: -4px 0 3px;
color: #fff;
}
body .ui_box p {
font-size: 11px;
color: #b6b6b6;
clear: left;
font-weight: 300;
width: 160px;
margin: 2px 0 15px;
}
.ui_box:hover > .ui_box__inner p {
color: #fff;
}
.ui_box:hover > .ui_box__inner .progress_graph > div {
background: #fff;
}
.ui_box:hover > .ui_box__inner .progress .progress_bar,.ui_box:hover > .ui_box__inner .progress .progress_bar--two {
background: #fff;
}
.stat_left {
float: left;
}
/* Custom HTML */
/* Contact Font Awesome Icons in Bottom 2 */
.pawcontact i {
padding-right: 6px;
}
/* ----------------------------------------------*/
/* 06 - Plugin Styles / Overrides
/* ----------------------------------------------*/
.imagegalleryplg img {
max-width: 33%;
margin: 0 !important;
border: 0 solid #ccc !important;
padding: 0 !important;
-moz-box-shadow: 0 0 0 0 #fff !important;
-webkit-box-shadow: 0 0 0 0 #fff !important;
box-shadow: 0 0 0 0 #fff !important;
}
/* X-Stream Video */
.xtream {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0;
}
.xtream embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ----------------------------------------------*/
/* 07 - Bootstrap Styles / Overrides
/* ----------------------------------------------*/
.com_content .item-page .pager li >a,.pager li >span {
border-radius: 3px !important;
}
/* ----------------------------------------------*/
/* 08 - Mobile / Responsive CSS
/* ----------------------------------------------*/
/* MOBILE */
.mobilebtn:before {
font-family: 'FontAwesome';
content: "\f0c9";
font-size: 32px;
color: #fff;
width: 40px;
top: 22px;
font-weight: 100;
position: absolute;
margin-left: 2px;
}
.mobilebtn select {
background: #fff;
margin-top: 12px;
}
.mobilebtn {
display: none;
}
.mobilebtn .chzn-container {
display: none !important;
}
.mobilebtn select {
display: none;
}
.mmobile {
text-align: center;
padding: 0 24px;
}
body.mobile {
padding: 0;
width: 100%;
background: #fff;
}
body.mobile #mobile {
background: #fff;
}
img#videomobile {
display: none;
} |