File: /var/www/iq22073873/data/www/bckln.ru/wp-content/themes/dt-the7/css/static-less/page-titles.less
/* #Page titles
================================================== */
.overlap #fancy-header,
.overlap .page-title {
margin-top: -70px;
margin-bottom: -70px;
}
.transparent .page-title {
visibility: hidden;
}
.is-webkit.overlap #fancy-header,
.is-webkit.overlap .page-title {
position: relative;
}
/* #Fancy Title
================================================== */
/*.fancy-parallax-bg {
will-change: transform;
}*/
#fancy-header.title-center .wf-wrap,
#fancy-header.content-left .wf-wrap,
#fancy-header.content-right .wf-wrap {
display: table;
width: 100%;
}
#fancy-header .wf-wrap,
.page-title .wf-wrap {
padding-top: 0;
padding-bottom: 0;
}
.overlap #fancy-header .wf-wrap,
.overlap .page-title .wf-wrap {
padding-top: 70px;
padding-bottom: 70px;
}
#fancy-header > .wf-wrap {
max-width: 100%;
}
#fancy-header.title-center .wf-table,
#fancy-header.content-left .wf-table,
#fancy-header.content-right .wf-table {
display: table-cell;
vertical-align: middle;
}
.fancy-header .wf-td {
width: 50%;
vertical-align: middle;
}
.content-left.fancy-header .wf-td,
.content-right.fancy-header .wf-td {
display: block;
width: 100%;
}
.content-right.fancy-header .wf-td,
.title-left .breadcrumbs,
.title-right .hgroup {
text-align: right;
}
.fancy-header.title-center .wf-table,
.fancy-header.title-center .wf-td {
display: block;
width: 100%;
text-align: center;
}
.mobile-false #fancy-header .fancy-title,
.mobile-false #fancy-header .fancy-subtitle,
.mobile-false #fancy-header .breadcrumbs {
opacity: 0;
}
#fancy-header .fancy-title > span {
display: inline-block;
}
.ie-mobile #fancy-header .fancy-title,
.ie-mobile #fancy-header .fancy-subtitle,
.ie-mobile #fancy-header .breadcrumbs {
opacity: 1;
}
#fancy-header .fancy-title.start-animation,
#fancy-header .fancy-subtitle.start-animation,
#fancy-header .breadcrumbs.start-animation {
-webkit-animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
opacity: 1;
}
.fancy-header .hgroup,
.page-title .hgroup {
overflow: hidden;
padding: 5px 0;
}
.title-center.breadcrumbs-off .hgroup,
.content-left.breadcrumbs-off .hgroup,
.content-right.breadcrumbs-off .hgroup {
margin-top: 5px;
margin-bottom: 5px;
}
.title-center .breadcrumbs.breadcrumbs-bg,
.content-left .breadcrumbs.breadcrumbs-bg,
.content-right .breadcrumbs.breadcrumbs-bg {
margin-top: 10px;
}
#fancy-header.titles-off .breadcrumbs {
margin-top: 5px;
margin-bottom: 5px;
}
.title-center .breadcrumbs,
.content-left .breadcrumbs,
.content-right .breadcrumbs {
margin-bottom: 10px;
}
.disabled-bg.title-center .breadcrumbs,
.disabled-bg.content-left .breadcrumbs,
.disabled-bg.content-right .breadcrumbs,
.disabled-bg.title-center.breadcrumbs-off .hgroup,
.disabled-bg.content-left.breadcrumbs-off .hgroup,
.disabled-bg.content-right.breadcrumbs-off .hgroup,
.disabled-bg.breadcrumbs-off.page-title h1 {
margin-bottom: 0;
}
.title-center .hgroup,
.content-left .hgroup,
.content-right .hgroup {
padding-bottom: 5px;
}
.title-center.breadcrumbs-off .hgroup,
.content-left.breadcrumbs-off .hgroup,
.content-right.breadcrumbs-off .hgroup {
margin-bottom: 5px;
}
.fancy-header .fancy-title,
.fancy-header .fancy-subtitle {
padding: 0;
}
.fancy-header .fancy-title{
margin: 5px 0;
padding: 0;
}
.fancy-header .fancy-subtitle {
margin: 0;
padding: 5px 0;
}
.fancy-header .wf-td .breadcrumbs,
.page-title .wf-td .breadcrumbs {
display: inline-block;
}
.breadcrumbs.bg-dark,
.breadcrumbs.bg-light,
.hr-breadcrumbs .breadcrumbs.bg-light,
.hr-breadcrumbs .breadcrumbs.bg-dark {
padding: 4px 10px;
}
.breadcrumbs.bg-dark {
background-color: rgba(15, 18, 19, 0.1);
}
.breadcrumbs.bg-light {
background-color: rgba(255, 255, 255, 0.12);
}
.title-left .breadcrumbs {
float: right;
}
.fancy-header .breadcrumbs li {
position: relative;
background: none;
}
.fancy-header .breadcrumbs li:first-child:before,
.breadcrumbs li:first-child:before {
content: "";
}
.fancy-header .breadcrumbs li:before,
.breadcrumbs li:before {
position: absolute;
left: 0;
top: 0;
width: 15px;
height: 13px;
content: "/";
opacity: 0.5;
text-align: left;
z-index: 3;
}
.breadcrumbs li:before {
opacity: 1;
}
/* #Page title
================================================== */
.page-title.title-center .wf-container-title,
.page-title.content-left .wf-container-title,
.page-title.content-right .wf-container-title {
display: table;
width: 100%;
}
.page-title.title-center .wf-table,
.page-title.content-left .wf-table,
.page-title.content-right .wf-table {
display: table-cell;
vertical-align: middle;
}
.page-title.title-center .wf-td,
.page-title.content-left .wf-td,
.page-title.content-right .wf-td {
display: block;
text-align: center;
}
.page-title.content-left .wf-td {
text-align: left;
}
.page-title.content-right .wf-td,
.page-title.title-left .hr-breadcrumbs,
.page-title.title-right h1 {
text-align: right;
}
.page-title.title-left .hr-breadcrumbs {
float: right;
}
.page-title h1 {
margin: 5px 0;
}
.page-title .hr-breadcrumbs .breadcrumbs:after {
display: none;
}
.page-title .wf-container-title,
.page-title.full-width-line,
.article-top-bar .wf-container-top {
border-bottom: 1px solid;
}
.page-title.solid-bg .wf-container-title,
.page-title.full-width-line .wf-container-title,
.page-title.disabled-bg .wf-container-title,
.page-title.transparent-bg .wf-container-title {
border-bottom: none;
}
.page-title.disabled-bg .wf-td,
.page-title.title-center.disabled-bg .wf-table,
.page-title.content-left.disabled-bg .wf-table,
.page-title.content-right.disabled-bg .wf-table {
/* vertical-align: bottom;
padding: 0;*/
}
.page-title.title-left.disabled-bg h1,
.page-title.title-right.disabled-bg h1 {
margin: 0;
}
/* #Breadcrumbs
================================================== */
.breadcrumbs {
list-style: none;
}
.breadcrumbs li {
position: relative;
display: inline-block;
padding-left: 12px;
margin-left: 8px;
}
.breadcrumbs li:first-child {
padding-left: 0;
margin-left: 0;
background: none !important;
}
.breadcrumbs li a,
.fancy-header .breadcrumbs li a {
color: inherit;
}
.breadcrumbs a {
text-decoration: none;
}
.breadcrumbs a:hover {
text-decoration: underline;
}