File: /home/zwafgyp/dodolodge-net/wp-content/themes/hotel-wp/assets/sass/shortcodes/_heading.scss
.thim-sc-heading2 {
.thim-sc-heading{
.article_heading {
.heading_primary {
color: #333333;
font-size: 42px;
font-weight: 600;
padding: 0;
display: inline-block;
line-height: 1;
margin-bottom: 10px;
&:before {
display: none;
}
}
.heading_secondary {
color: #333333;
font-size: 42px;
font-weight: 600;
}
.heading-des {
max-width: 800px;
margin: 15px auto 0px;
color: #666666;
}
.heading-button {
margin-top: 55px;
a {
font-size: 15px;
font-weight: normal;
height: 48px;
line-height: 48px;
padding: 0 35px;
display: inline-block;
color: #ffffff;
i {
display: none;
}
}
}
}
}
}
.thim-sc-heading {
&.text-center {
.heading-des {
padding-left: 40px;
padding-right: 40px;
}
}
.article_heading {
position: relative;
&.no-line {
display: inline-block;
.heading_primary {
padding-left: 0;
&:before {
display: none;
}
}
}
.heading_primary {
position: relative;
display: inline-block;
padding-left: 60px;
margin: 0;
font-size: 20px;
font-weight: 500;
&:before {
width: 40px;
content: "";
display: inline-block;
vertical-align: middle;
position: absolute;
top: 50%;
left: 0;
@include translate(0%, -50%);
}
}
.heading_secondary {
margin-top: 0;
font-size: 50px;
line-height: 1.2;
font-weight: bold;
margin-bottom: 15px;
@media(max-width: 767px){
font-size: 36px;
}
}
.heading-des {
margin-top: 30px;
line-height: 27px;
max-width: 770px;
}
.heading-button {
margin-top: 25px;
&.button-position{
position: absolute;
right: 0;
bottom: 0;
}
a {
font-size: 18px;
font-weight: 600;
@extend .thim-button;
@include transition(all 0.5s);
i {
@extend .thim-button-icon;
font-size: 18px;
margin-right: 15px;
width: unset;
max-width: unset;
&::before{
content: '\f102';
font-weight: 900;
font-family: 'Line Awesome Free';
}
}
&:hover {
i {
@extend .effect-right;
}
}
}
}
}
&.introduce-heading {
.article_heading {
.heading_primary {
display: none;
}
.heading_secondary {
color: #333333;
font-size: 46px;
font-weight: 600;
}
.heading-des {
margin: 20px auto 0px;
color: #666666;
font-size: 15px;
p {
margin-bottom: 15px;
}
}
.heading-button {
margin-top: 35px;
text-align: right;
padding: 0px 35px;
a {
font-weight: normal;
position: relative;
padding-right: 90px;
i {
display: none;
}
&:after {
content: '';
width: 70px;
height: 2px;
position: absolute;
top: 50%;
right: 0;
margin-top: -1px;
}
}
}
}
}
}