@ -992,9 +992,8 @@ Responsive Codes
color : # E22899 ;
color : # E22899 ;
font-family : FontAwesome , sans-serif ;
font-family : FontAwesome , sans-serif ;
display : inline-block ;
display : inline-block ;
margin-right : 0 . 5 em;
margin-right : 0 . 4 em;
margin-left : -1 . 3em ;
margin-left : -1 . 3em ;
width : 1 . 3em ;
}
}
. visa-display-section {
. visa-display-section {
margin-top : 40px ;
margin-top : 40px ;
@ -1289,8 +1288,7 @@ Responsive Codes
/* blogs page css */
/* blogs page css */
. article-card {
. article-card {
display : flex ;
display : flex ;
/* align-items: center; */
gap : 30px ;
gap : 20px ;
width : 100 % ;
width : 100 % ;
}
}
. related-articles {
. related-articles {
@ -1299,9 +1297,6 @@ Responsive Codes
gap : 30px ;
gap : 30px ;
height : 100 % ;
height : 100 % ;
}
}
. article-img {
width : 500px ;
}
. featured-article img ,
. featured-article img ,
. article-img img {
. article-img img {
border-radius : 12px ;
border-radius : 12px ;
@ -1527,6 +1522,8 @@ Responsive Codes
width : 360px ;
width : 360px ;
} * /
} * /
. appointment-section . btn-appointment {
. appointment-section . btn-appointment {
display : flex ;
align-items : center ;
background-color : # E5F0FF ;
background-color : # E5F0FF ;
text-decoration : none ;
text-decoration : none ;
color : # 000000 ;
color : # 000000 ;
@ -1534,8 +1531,10 @@ Responsive Codes
border-radius : 8px ;
border-radius : 8px ;
margin-bottom : 15px ;
margin-bottom : 15px ;
text-align : left ;
text-align : left ;
font-size : 20px ;
}
font-weight : bold ;
. appointment-section . btn-appointment h2 {
font-size : 20px ;
font-weight : bold ;
}
}
. appointment-section . appointment-pills . active {
. appointment-section . appointment-pills . active {
background-color : # 326cbf ! important ;
background-color : # 326cbf ! important ;
@ -1656,12 +1655,12 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
pointer-events : all ;
pointer-events : all ;
}
}
table . lightgrey-weekends tbody td : nth-child ( n + 6 ) {
table . lightgrey-weekends tbody td : nth-child ( n + 6 ) {
background-color : # f3f3f3 ;
background-color : # f3f3f3 ! important ;
color : # d30000 ;
color : # d30000 ;
pointer-events : none ! important ;
pointer-events : none ! important ;
}
}
. event-colourful {
. event-colourful {
color : # bdbdbd ;
color : # d7d7d7 ! important ;
cursor : not-allowed ;
cursor : not-allowed ;
}
}
. event-colourful . zabuto-calendar__day {
. event-colourful . zabuto-calendar__day {
@ -1671,7 +1670,7 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
pointer-events : all ! important ;
pointer-events : all ! important ;
color : # 000000 ;
color : # 000000 ;
cursor : pointer ;
cursor : pointer ;
box-shadow : 0 1px 5px rgb ( 0 0 0 / 20 % ) , 0 2px 2px rgb ( 0 0 0 / 14 % ) , 0 3px 1px -2px rgb ( 0 0 0 / 12 % ) ! important ;
background-color : # ecf4ff ! important ;
}
}
. event-clickable . active {
. event-clickable . active {
background-color : # 27ab00 ! important ;
background-color : # 27ab00 ! important ;
@ -1926,10 +1925,13 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
font-size : 28px ;
font-size : 28px ;
line-height : 38px ;
line-height : 38px ;
}
}
h2 {
h2 ,
. featured-article h2 ,
. blog-detail-desc h2 ,
. visa-content h3 {
font-weight : 600 ;
font-weight : 600 ;
font-size : 22px ;
font-size : 22px ;
line-height : 38px ;
line-height : 34 px ;
}
}
# topbar {
# topbar {
padding : 0 . 5rem 0 ;
padding : 0 . 5rem 0 ;