Server : Apache
System : Linux server1.cgrithy.com 3.10.0-1160.95.1.el7.x86_64 #1 SMP Mon Jul 24 13:59:37 UTC 2023 x86_64
User : nobody ( 99)
PHP Version : 8.1.23
Disable Function : NONE
Directory : /home/dnlcambodia/www/Khmer/assets/scss/
|
Server : Apache System : Linux server1.cgrithy.com 3.10.0-1160.95.1.el7.x86_64 #1 SMP Mon Jul 24 13:59:37 UTC 2023 x86_64 User : nobody ( 99) PHP Version : 8.1.23 Disable Function : NONE Directory : /home/dnlcambodia/www/Khmer/assets/scss/ |
.ft-footer-section {
padding-top: 120px;
background-color: #00044b;
}
.ft-footer-widget-wrapper {
padding-bottom: 90px;
}
.ft-footer-widget {
.widget-title {
color: #fff;
font-size: 20px;
font-weight: 700;
padding-bottom: 25px;
}
.logo-widget {
.site-logo {
padding-bottom: 20px;
}
p {
color: #fff;
max-width: 250px;
padding-bottom: 35px;
}
}
.menu-widget {
li {
margin-bottom: 18px;
a {
color: #fff;
position: relative;
&:before {
left: 0;
top: 8px;
width: 0px;
height: 3px;
content: '';
position: absolute;
transition: 500ms all ease;
background-color: $base-color;
}
&:hover {
padding-left: 12px;
&:before {
width: 8px;
}
}
}
}
}
.gallery-widget {
margin: 0px -5px;
li {
a {
float: left;
width: 85px;
height: 90px;
margin: 5px;
overflow: hidden;
position: relative;
border-radius: 8px;
&:before {
top: 0;
left: 0;
width: 100%;
content: '';
opacity: .7;
height: 100%;
position: absolute;
transform: scale(0);
background-color: $base-color;
transition: 300ms all ease;
}
&:after {
left: 0;
top: 50%;
right: 0;
color: #fff;
opacity: 0;
margin: 0 auto;
font-size: 20px;
content: '\f326';
font-weight: 900;
text-align: center;
position: absolute;
transform: translateY(-50%);
transition: 300ms all ease;
font-family: 'Font Awesome 5 Pro';
}
&:hover {
&:before {
transform: scale(1.0);
}
&:after {
opacity: 1;
}
}
}
}
}
}
.ft-footer-copywrite-1 {
color: #fff;
padding: 16px 0px 14px;
background-color: #000891;
}
.ft-footer-section-2 {
margin-top: 115px;
background-color: #f4f4f4;
.footer-shape1 {
left: 0;
bottom: 0;
}
.ft-footer-newslatter {
top: -115px;
margin-bottom: -15px;
}
.ft-footer-newslatter-content {
padding: 65px 60px;
border-radius: 120px;
background-color: $base-color;
h2 {
color: #fff;
font-size: 36px;
font-weight: 700;
max-width: 510px;
line-height: 1.333;
}
}
.ft-footer-newslatter-form {
width: 500px;
input {
width: 100%;
color: #fff;
height: 60px;
padding-left: 20px;
border-radius: 30px;
border: 2px solid #fff;
background-color: transparent;
&::placeholder {
color: #fff;
}
}
button {
top: 0;
right: 0;
width: 160px;
height: 60px;
border: none;
color: #003440;
font-size: 15px;
font-weight: 600;
position: absolute;
border-radius: 30px;
font-family: $heading;
transition: 500ms all ease;
&:hover {
color: #fff;
background-color: $color-2;
}
}
}
}
.ft-footer-widget-wrapper-2 {
padding-bottom: 90px;
.ft-footer-widget {
.widget-title {
color: #003440;
}
.logo-widget .site-logo {
padding-bottom: 35px;
}
.ft-footer-address {
span {
color: #003440;
display: block;
font-weight: 500;
max-width: 245px;
margin-bottom: 12px;
}
}
.menu-widget {
li {
a {
font-weight: 500;
color: #003440;
}
}
}
}
}
.ft-footer-copywrite-2 {
color: #fff;
font-weight: 700;
padding: 22px 0px;
background-color: #003440;
}
.ft-footer-section-3 {
.ft-newslatter-section-3 {
padding: 40px 0px;
background-color: #0f0f35;
.ft-newslatter-text {
color: #fff;
h3 {
color: #fff;
font-size: 30px;
font-weight: 700;
padding-bottom: 10px;
}
p {
color: #c9c8c8;
font-size: 17px;
}
}
.ft-newslatter-btn {
a {
color: #fff;
width: 200px;
height: 50px;
font-size: 14px;
font-weight: 700;
background-color: #008eff;
&:hover {
background-color: #fa4318;
}
}
}
}
}
.ft-footer-copyright {
padding: 25px 0px;
span {
font-size: 15px;
color: #ffffff;
}
}
.ft-footer-content-wrap-3 {
padding-top: 80px;
border-bottom: 2px solid #383737;
.ft-footer-widget {
.widget-title {
color: #fff;
font-size: 24px;
font-weight: 700;
position: relative;
margin-bottom: 25px;
&:before {
left: 0;
height: 3px;
width: 30px;
content: '';
bottom: 15px;
position: absolute;
background-color: #008eff;
}
}
.ft-footer-logo-widget {
.ft-footer-logo {
padding-bottom: 18px;
}
p {
color: #9d9d9d;
padding-bottom: 35px;
}
.footer-logo-btn {
color: #fff;
height: 35px;
width: 100px;
font-size: 14px;
font-weight: 700;
line-height: 35px;
overflow: hidden;
display: inline-block;
background-color: #008eff;
transition: .3s all ease-in-out;
&:after {
background-color: #fff;
}
&:hover {
background-color: #fa4318;
}
}
}
.ft-footer-newslatter-widget {
p {
color: #9d9d9d;
}
form {
margin-top: 30px;
position: relative;
}
input {
height: 45px;
width: 100%;
padding-left: 20px;
border: 2px solid #313131;
background-color: transparent;
&::placeholder {
color: #fff;
font-size: 14px;
}
}
button {
top: 0;
right: 0;
width: 60px;
padding: 0;
color: #fff;
height: 45px;
border: none;
position: absolute;
background-color: #008eff;
transition: .3s all ease-in-out;
&:hover {
background-color: #fff;
color: #000;
}
}
.ft-footer-social {
margin-top: 22px;
li {
margin-right: 15px;
a {
color: #494949;
transition: .3s all ease-in-out;
&:hover {
color: #008eff;
}
}
}
}
}
.ft-footer-info-widget {
padding-left: 20px;
ul {
padding-top: 15px;
}
i {
float: left;
font-size: 14px;
margin-top: 5px;
color: #008eff;
margin-right: 10px;
}
a {
color: #9d9d9d;
display: block;
font-size: 14px;
overflow: hidden;
max-width: 170px;
}
.office-open-hour {
margin-top: 10px;
span {
color: #fff;
font-size: 14px;
display: block;
margin-bottom: 10px;
font-weight: 700;
text-decoration: underline;
}
p {
font-size: 14px;
color: #9d9d9d;
max-width: 180px;
}
}
}
.ft-footer-instagram-widget {
.insta-feed {
padding-top: 10px;
}
.insta-feed li {
float: left;
width: 75px;
height: 75px;
margin-right: 10px;
margin-bottom: 7px;
position: relative;
background-color: #000;
transition: 0.3s all ease-in-out;
}
.insta-feed li:before {
top: 0;
opacity: 0;
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: #000;
transition: 0.3s all ease-in-out;
}
.insta-feed li i {
left: 0;
top: 50%;
right: 0;
opacity: 0;
color: #fff;
position: absolute;
text-align: center;
transform: translateY(-50%);
transition: 0.3s all ease-in-out;
}
.insta-feed li:hover:before {
opacity: 0.7;
}
.insta-feed li:hover i {
opacity: 1;
}
}
}
.ft-footer-copyright {
margin-top: 80px;
border-top: 1px solid #15152e;
}
}
.pr-sv-footer-section {
padding: 90px 0px 60px;
background-color: #213442;
}
.pr-sv-footer-widget-wrap {
padding-bottom: 60px;
border-bottom: 2px solid #004070;
}
.pr-sv-footer-widget {
color: #fff;
.widget-title {
color: #fff;
font-size: 24px;
font-weight: 700;
padding-bottom: 40px;
}
.pr-sv-about-widget {
.ft-thx-btn {
margin-top: 40px;
a {
width: 140px;
color: #fff;
height: 45px;
}
}
}
.pr-sv-menu-widget {
padding-left: 20px;
li {
width: 50%;
float: left;
padding-left: 12px;
margin-bottom: 10px;
position: relative;
&:before {
left: 0;
top: 3px;
font-size: 12px;
content: '\f054';
font-weight: 900;
position: absolute;
color: $base-color;
font-family: 'Font Awesome 5 Pro';
}
&:hover {
color: $base-color;
}
}
}
.pr-sv-gallery-widget {
li {
float: left;
width: 125px;
overflow: hidden;
margin-right: 10px;
margin-bottom: 10px;
border-radius: 5px;
a {
cursor: zoom-in;
}
}
}
.pr-sv-contact-widget {
max-width: 245px;
li {
color: #fff;
margin-bottom: 15px;
i {
float: left;
color: $base-color;
padding-top: 3px;
margin-right: 12px;
}
span {
display: block;
overflow: hidden;
}
}
span {
color: #fff;
}
}
}