151 lines
2.9 KiB
SCSS
151 lines
2.9 KiB
SCSS
// page_header_default
|
|
|
|
.page_header_default {
|
|
position: relative;
|
|
padding: 120px 0px;
|
|
overflow: hidden;
|
|
&.alignment_center{
|
|
text-align: center;
|
|
}
|
|
&.alignment_left{
|
|
text-align: left;
|
|
}
|
|
&.alignment_right{
|
|
text-align: right;
|
|
}
|
|
.bakground_cover{
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
&:before{
|
|
position: absolute;
|
|
content: '';
|
|
width: 100%;
|
|
height: 100%;
|
|
background: var(--color-set-one-2);
|
|
opacity: .75;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1;
|
|
}
|
|
&.text_center{
|
|
text-align: center;
|
|
}
|
|
&.text_left{
|
|
text-align: left;
|
|
}
|
|
&.text_right{
|
|
text-align: right;
|
|
}
|
|
// page_header_content
|
|
.page_header_content{
|
|
position: relative;
|
|
z-index: 9;
|
|
.title{
|
|
position: relative;
|
|
font-family: var(--font-family-main);
|
|
font-size: 65px;
|
|
line-height: 72px;
|
|
font-weight: 700;
|
|
color: var(--color-white);
|
|
margin: 0px;
|
|
word-break: break-word;
|
|
}
|
|
}
|
|
}
|
|
|
|
// breadcrumb
|
|
|
|
.breadcrumb {
|
|
position: relative;
|
|
margin-top: 25px!important;
|
|
display: inline-block;
|
|
li{
|
|
position: relative;
|
|
display: inline-block;
|
|
padding: 0px 18px;
|
|
color: var(--color-white);
|
|
margin-bottom: 0px;
|
|
&:before{
|
|
position: absolute;
|
|
content: unicode('f11e');
|
|
font-family: 'uicons-regular-straight';
|
|
font-weight: 400;
|
|
font-size: 23px;
|
|
right: -12px;
|
|
}
|
|
&:first-child{
|
|
padding-left: 0px;
|
|
}
|
|
&:last-child{
|
|
padding-right: 0px;
|
|
&::before{
|
|
display: none;
|
|
}
|
|
}
|
|
a{
|
|
color: var(--color-white);
|
|
font-weight: 400;
|
|
font-size: 18px;
|
|
line-height: 26px;
|
|
}
|
|
}
|
|
}
|
|
|
|
/*---========================================
|
|
================media queries================
|
|
========================================---*/
|
|
|
|
@media(max-width:1024px){
|
|
|
|
}
|
|
@media(max-width:992px){
|
|
|
|
}
|
|
@media(max-width:768px){
|
|
.page_header_default {
|
|
.page_header_content{
|
|
.title{
|
|
font-size: 40px;
|
|
line-height: 50px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@media(max-width:500px){
|
|
.breadcrumb {
|
|
li {
|
|
a{
|
|
font-size: 15px;
|
|
line-height: 24px;
|
|
}
|
|
&:before{
|
|
font-size: 18px;
|
|
right: -9px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.enabled_custom_title {
|
|
.main_tit{
|
|
display: none;
|
|
}
|
|
} |