Files
wingedit.pl/wp-content/themes/restly-child/assets/styles/custom.scss
Roman Pyrih 00f48b0f9a Save
2026-03-18 13:43:15 +01:00

1389 lines
21 KiB
SCSS

#custom-page-baner {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.custom-quotes {
.wp-block-quote {
p {
color: #0e1e2a;
font-size: 16px;
font-weight: 400;
}
}
}
.custom-vertical-list {
ul {
margin-top: 20px;
li {
p {
margin-top: 0;
margin-bottom: 0;
}
}
}
}
.top-header-right {
#languages-switcher {
display: inline-block;
position: relative;
list-style: none;
padding: 0;
margin: 0 0 0 15px;
width: fit-content;
@media (max-width: 991px) {
display: none;
}
&:hover {
ul.languages-list {
visibility: visible;
li {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
}
}
li.current-language {
width: 32px;
height: 32px;
border-radius: 100%;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
a {
padding: 0;
img {
}
}
}
ul.languages-list {
position: absolute;
top: 100%;
list-style: none;
padding: 0;
margin: 0;
visibility: hidden;
z-index: 999;
li {
padding-top: 5px;
transform: translateX(50%);
opacity: 0;
transition: all 200ms ease-in-out;
visibility: hidden;
&:nth-child(2) {
transition-delay: 200ms;
}
&:nth-child(3) {
transition-delay: 400ms;
}
&:nth-child(4) {
transition-delay: 600ms;
}
&:nth-child(5) {
transition-delay: 800ms;
}
a {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
width: 32px;
height: 32px;
border-radius: 100%;
background: #fff;
}
}
}
}
}
.tp-menu-wrapper {
.tp-menu-area {
.mobile-languages {
margin-top: 20px;
#languages-switcher {
list-style: none;
padding: 0 25px;
margin: 0;
.current-language {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 10px;
padding: 12px 18px;
list-style-type: none;
border-radius: 5px;
transition: all 250ms ease;
&::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background: #ededed;
transition: all 250ms ease;
}
&.active {
background: #104cba;
&::before {
opacity: 0;
}
span {
color: #fff;
transition: all 250ms ease;
}
}
span {
line-height: 1.4;
font-size: 14px;
text-transform: capitalize;
color: #1d2c38;
}
}
}
#languages-list {
list-style: none;
padding: 0 25px;
margin: 0;
display: none;
li {
position: relative;
&:not(:last-child) {
&::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background: #ededed;
}
}
a {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 10px;
padding: 12px 18px;
span {
line-height: 1.4;
font-size: 14px;
text-transform: capitalize;
color: #1d2c38;
}
}
}
}
}
}
}
h2.restly-section-title {
font-size: 32px;
}
.elementor-tabs {
.elementor-tabs-wrapper {
margin-top: 15px;
.elementor-tab-title {
padding: 20px 20px !important;
border: 2px solid #57a8dd !important;
margin: 10px 0 !important;
position: relative !important;
border-radius: 5px !important;
transition: 250ms ease-in-out;
&.elementor-active {
background: #57a8dd;
border-color: #57a8dd !important;
}
}
}
.elementor-tabs-content-wrapper {
.elementor-tab-content {
.theme-btns {
// background: #e64873;
background: transparent;
&:hover {
// background: #a13252;
background: transparent;
}
}
}
}
}
.to-top {
bottom: 90px;
right: 15px;
background-color: #57a8dd !important;
z-index: 1;
}
body {
&.page-template {
&.elementor-page-8148 {
* {
font-family: 'Cooper Hewitt', sans-serif !important;
}
}
}
}
.wpcf7 {
.restly-input.email:after,
.restly-input.name:after,
.restly-input.message:after {
color: #57a8dd;
}
.wpcf7-form-control.wpcf7-submit {
text-transform: uppercase;
font-weight: 600;
background-color: #e64873;
&:hover {
background-color: #a13252;
}
}
}
.post-button {
a {
&.theme-btns {
text-transform: uppercase;
font-weight: 600;
}
}
}
.main-navigation ul li a {
@media (min-width: 1024px) and (max-width: 1199px) {
padding: 33px 15px 30px 15px;
}
}
.restly-team-item {
.restly-team-contents {
position: relative;
.restly-team-contents-link {
position: absolute;
inset: 0;
}
}
}
body {
&.restly_team-template-default {
&.single-restly_team {
.all-posts-wrapper {
.wp-block-buttons {
@media (max-width: 768px) {
justify-content: center;
}
}
}
}
}
}
.custom-accordion-positions {
.elementor-widget-accordion {
.elementor-accordion {
.elementor-accordion-item {
width: 100%;
&:nth-child(2n) {
margin-left: 50px;
@media (max-width: 768px) {
margin-left: 0;
}
}
}
}
}
}
.brea-subtitle {
color: #ffffff;
font-family: 'Nunito', Sans-serif;
font-size: 30px;
font-weight: 900;
line-height: 40px;
}
.elementor-tabs {
.elementor-tab-content {
.theme-btns {
&:hover {
.theme-btns-arrow {
i {
&:nth-child(1) {
margin-left: 0px;
}
&:nth-child(2) {
margin-right: -15px;
}
}
}
}
.theme-btns-arrow {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
overflow: hidden;
color: #000000;
i {
margin: 0;
transition: all 250ms ease-in-out;
&:nth-child(1) {
margin-left: -15px;
}
}
}
}
}
}
.grecaptcha-badge {
z-index: 1;
}
.restly-about-dec ul li:before {
background: #26ade4;
}
.sidebar-widget-area {
.widget {
background-color: #f4f0f1;
}
ul {
li {
a {
&:hover {
color: #26ade4;
}
}
}
}
h2.widget-title {
&:before {
display: none !important;
background: #26ade4;
}
&:after {
display: none !important;
background: #26ade4;
}
}
#search-1 {
.fas {
color: #26ade4;
}
}
}
.widget.widget_tag_cloud {
a {
background-color: #d4effa;
&:hover {
background-color: #26ade4;
}
}
}
.restly-widget-banner-wrapper:after {
background: #26ade4;
}
.post-meta-box ul li i {
color: #26ade4;
}
.single-post-item {
.post-single {
&.format-quote {
.post-contents {
background: #26ade4;
}
}
.post-contents {
.post-button {
.theme-btns {
background-color: #f93472;
&:hover {
background-color: #a23252;
}
}
}
}
}
}
button.slick-prev.slick-arrow,
button.slick-next.slick-arrow {
background: #26ade4;
}
.elementor-widget-service_box_rest {
.restly-pricing-header {
.restly-pricing-price {
color: #26ade4;
}
}
.restly-price-footer {
.theme-btns {
transition: color 0.3s ease-in-out;
background-color: #26ade4;
&:hover {
background-color: #4489b1;
}
}
}
}
.container-mini {
@media (min-width: 1400px) {
max-width: 1140px;
}
}
#traffit-list-div {
.traffit-single-element {
margin-bottom: 20px;
.traffit-single-element-wrapper {
height: 100%;
text-align: center;
padding: 50px 5px;
background-color: #ffffff;
border-radius: 5px;
box-shadow: 0px 0px 30px 0px hsl(0deg 0% 0% / 7%);
h2 {
color: #26ade4;
font-size: 24px;
line-height: 1.2;
font-weight: 800;
min-height: 57px;
}
.info-location {
p {
font-weight: 500;
}
}
.btn-container {
margin-top: 40px;
.btn-container__button {
span {
display: inline-block;
color: #fff;
line-height: 1;
font-weight: 600;
padding: 20px 50px 20px 50px;
border-radius: 50px;
background-color: #26ade4;
cursor: pointer;
transition: background-color 200ms ease-in-out;
&:hover {
background-color: #4489b1;
}
}
}
}
}
}
}
//* Respo *//
.tp-menu-wrapper .mobile-logo {
padding-right: 50px;
padding-left: 50px;
}
footer.site-footer {
.col-xs-12.col-sm-12.col-xl-3.col-lg-6.col-md-6.restly-footer-justify {
@media (max-width: 1200px) {
justify-content: start;
}
}
.widget.footer-widtet.contact-widget {
@media (max-width: 1200px) {
padding-left: 0;
padding-right: 0;
}
}
}
h1.elementor-heading-title.elementor-size-default {
@media (max-width: 1024px) {
font-size: 42px !important;
line-height: 1.1em !important;
}
@media (max-width: 576px) {
font-size: 32px !important;
line-height: 1.1em !important;
}
}
h2.elementor-heading-title.elementor-size-default {
@media (max-width: 1024px) {
font-size: 24px !important;
}
@media (max-width: 576px) {
font-size: 18px !important;
}
}
h2.restly-section-title {
@media (max-width: 576px) {
font-size: 26px !important;
line-height: 1.2 !important;
}
}
h2.restly-about-title {
@media (max-width: 768px) {
font-size: 30px !important;
line-height: 1.2 !important;
}
@media (max-width: 576px) {
font-size: 26px !important;
line-height: 1.2 !important;
}
}
h2.restly-about-stitle {
@media (max-width: 768px) {
line-height: 1.5 !important;
}
}
.breadcroumn-contnt {
h1.brea-title,
h2.brea-title {
@media (max-width: 1024px) {
font-size: 42px !important;
line-height: 1.1em !important;
}
@media (max-width: 576px) {
font-size: 32px !important;
line-height: 1.1em !important;
}
}
h2.brea-subtitle {
@media (max-width: 1024px) {
font-size: 24px !important;
}
@media (max-width: 576px) {
font-size: 18px !important;
}
}
}
h2.wp-block-heading {
@media (max-width: 768px) {
font-size: 30px !important;
line-height: 1.2 !important;
}
@media (max-width: 576px) {
font-size: 26px !important;
line-height: 1.2 !important;
}
}
.elementor-tabs-view-vertical {
.elementor-tabs-content-wrapper {
&[aria-orientation='vertical'] {
.elementor-tab-title {
border-radius: 5px;
transition: background 250ms ease-in-out;
border: 2px solid #57a8dd !important;
margin-bottom: 8px;
&.elementor-active {
background: #57a8dd;
}
}
}
}
}
#accordionFlushExample {
.accordion-item {
.accordion-header {
.accordion-button {
padding: 15px 35px 15px 25px;
line-height: 1.3;
&::after {
right: 10px;
font-size: 18px;
}
}
}
.accordion-collapse {
.accordion-body {
padding: 15px 25px;
}
}
}
}
.restly-about-dec {
ul {
li {
@media (max-width: 768px) {
width: 100% !important;
}
}
}
}
.cdp-copy-alert-success {
img {
display: none !important;
}
}
#page-hero-box,
.page-hero-box {
position: relative;
&::before {
content: '';
position: absolute;
inset: 0;
background: rgb(18, 85, 112, 0.7);
}
.elementor-container,
> .container {
position: relative;
}
@media (max-width: 576px) {
background: #3d7081 !important;
}
}
//* home page *//
body.home {
.homa-page-hero {
.restly-home-banner {
@media (max-width: 576px) {
background: #3d7081 !important;
}
.restly-home-banner-container {
.restly-home-banner-forms {
@media (max-width: 1400px) {
margin-top: 0;
}
@media (max-width: 1024px) {
margin-top: 115px;
padding: 30px;
margin-bottom: 30px;
}
@media (max-width: 991px) {
margin-top: 0px;
}
}
}
}
.restly-home-banner-contents {
@media (max-width: 1400px) {
padding-top: 200px !important;
}
@media (max-width: 1024px) {
padding: 140px 0px 70px 0px;
}
@media (max-width: 991px) {
margin-right: 0;
padding-top: 110px !important;
padding-bottom: 50px;
}
}
.restly-home-banner-forms {
@media (max-width: 991px) {
width: 100%;
margin-bottom: 70px;
}
.restly-banner-form-title {
@media (max-width: 1024px) {
font-size: 30px;
}
}
.restly-banner-form-stitle {
@media (max-width: 1024px) {
font-size: 14px;
margin: 10px 0;
}
}
label {
font-size: 16px;
margin-bottom: 2px;
}
.form-input.inputlist {
margin-bottom: 10px;
}
}
}
.home-case-studies {
.restly-portfolio-list-item {
width: fit-content;
.restly-portfolio-three-content {
.restly-portfolio-item {
.restly-portfolio-dec {
h6 {
a {
font-size: 32px;
line-height: 1.2;
@media (max-width: 1200px) {
font-size: 28px;
}
}
}
}
}
}
}
}
}
body.page-id-7783 {
}
//* careers *//
body.page-id-7984 {
.elementor-7984 .elementor-element.elementor-element-4f5bfa8 {
@media (max-width: 576px) {
font-size: 26px !important;
line-height: 1.2 !important;
}
}
#traffit-list-div {
.job-post-item {
@media (max-width: 576px) {
flex-direction: column;
row-gap: 15px;
}
.job-left {
@media (max-width: 576px) {
width: 100%;
.theme-btns {
display: block;
margin-left: auto;
max-width: fit-content;
}
}
}
}
}
}
//* news *//
body.blog,
body.single-post {
.post-title {
h2.entry-title {
@media (max-width: 576px) {
font-size: 24px;
line-height: 1.2;
}
}
}
.wp-block-heading {
font-size: 20px;
font-weight: bold;
line-height: 60px;
position: relative;
padding: 0;
margin: 0;
margin-bottom: 35px;
}
}
//* single post *//
body.post-template-default {
}
//* case-studies *//
body.page-id-8003 {
}
//* about us *//
body.page-id-7921 {
#box-animation-logo {
.elementor-widget-container {
// display: none;
}
.shapeanimation.shape1 {
top: -400px;
left: auto;
right: 26%;
}
}
}
.tp-menu-wrapper .mobile-logo {
background-color: #26ade4;
}
.tp-menu-wrapper .tp-menu-area {
border-right-color: #26ade4;
}
.tp-mobile-menu ul .tp-item-has-children > a .tp-mean-expand {
background-color: #26ade4;
}
.restly-home-banner {
.restly-home-banner-video-bg {
position: absolute;
inset: 0;
overflow: hidden;
&::before {
content: '';
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
}
@media (max-width: 576px) {
display: none !important;
}
video {
position: absolute;
// left: 50%;
// top: 50%;
// transform: translate(-50%, -50%);
min-height: 100%;
max-width: unset;
min-width: 100vw;
width: auto;
inset: 0;
// height: 100%;
// margin-left: auto;
// margin-right: auto;
}
}
.restly-home-banner-container {
position: relative;
z-index: 1;
}
}
.main-navigation ul ul.sub-menu li a:hover {
background-color: #26ade4;
}
.restly-portfolio-list-item {
.restly-portfolio-three-content {
.restly-portfolio-item {
img {
transition: all 250ms ease-in-out;
}
&:hover {
img {
filter: brightness(0.5);
}
}
.restly-portfolio-dec {
top: 16px;
bottom: 16px;
padding: 0;
background: transparent;
h6 {
height: 100%;
text-transform: uppercase;
a {
display: block;
height: 100%;
color: white;
font-size: 30px;
@media (max-width: 1200px) {
font-size: 28px;
}
}
}
&:hover {
background-color: transparent !important;
h6 {
a {
color: white;
}
}
}
}
}
}
}
.elementor-widget-restly_portfolio {
.restly-portfolio-items {
&.portfolio-style-one {
.restly-portfolio-item {
border-radius: 5px;
img {
transition: all 250ms ease-in-out;
}
&:hover {
img {
filter: brightness(0.5);
}
}
.restly-portfolio-dec {
top: 18px;
bottom: 18px;
padding: 0;
background: transparent;
.restly-portfolio-cats {
display: none;
}
h6 {
height: 100%;
text-transform: uppercase;
a {
display: block;
height: 100%;
color: white;
font-size: 30px;
@media (max-width: 1200px) {
font-size: 28px;
}
}
}
&:hover {
background-color: transparent !important;
h6 {
a {
color: white;
}
}
}
}
}
}
}
}
.restly-protfolio-info-list ul li a {
margin-right: 0;
}
body.articles-template-default {
#article-content {
#article-content-left {
@media (max-width: 1015px) {
width: calc(100% - 40px);
margin: 0 auto;
flex: none;
}
}
#article-content-center {
figure.wp-block-image {
margin-top: 50px !important;
margin-bottom: 50px !important;
figcaption.wp-element-caption {
font-size: 10px;
text-align: center;
margin: 0;
font-weight: 400;
font-style: italic;
}
}
figure.wp-block-table {
table {
tbody {
font-size: 16px;
line-height: 1.2;
}
}
}
p {
a {
color: #26ade4;
&:hover {
color: #4489b1;
}
}
}
h2,
h3,
h4,
h5 {
&.wp-block-heading {
margin-top: 50px;
}
}
#table-1 {
tbody {
tr {
&:nth-child(1) {
background: #26ade47a;
}
&:not(:nth-child(1)) {
td {
&:not(:nth-child(1)) {
background: #bba8453d;
}
}
}
td {
&:nth-child(1) {
background: #26ade47a;
}
}
}
}
}
@media (max-width: 1015px) {
max-width: 100%;
}
}
#article-content-right {
@media (max-width: 1200px) {
display: none;
}
}
}
#article-content-2 {
#article-content-2-right {
@media (max-width: 1200px) {
display: none;
}
}
}
#single-article-author-box {
.elementor-author-box {
@media (max-width: 400px) {
flex-direction: column;
}
}
}
#article-content-author {
.pp-multiple-authors-boxes-wrapper.pp-multiple-authors-layout-boxed.multiple-authors-target-shortcode {
.pp-multiple-authors-boxes-ul {
list-style: none;
margin: 0;
padding: 0;
}
.pp-multiple-authors-boxes-li {
display: grid !important;
grid-template-columns: 1fr;
align-items: flex-start;
gap: 12px;
margin: 0 0 12px !important;
// padding: 0 !important;
// border: 0 solid #dcdfe6 !important;
background: #fff;
border-radius: 5px;
}
.pp-author-boxes-avatar {
flex: 0 0 80px;
width: 100px;
}
.pp-author-boxes-avatar img {
width: 100px !important;
height: 100px !important;
border-radius: 50% !important;
object-fit: cover;
}
.pp-author-boxes-avatar-details {
flex: 1;
min-width: 0;
}
.pp-author-boxes-name a {
color: #1d2c38;
font-family: 'Nunito', Sans-serif;
font-weight: 700;
margin-bottom: 10px;
font-size: 24px;
}
.pp-author-boxes-description {
color: #454545;
font-family: 'Roboto', Sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
}
.pp-author-boxes-description p {
margin: 0;
}
.ppma-author-field-meta {
// display: none;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
margin-top: 10px;
margin-right: 8px;
}
@media (max-width: 520px) {
.pp-multiple-authors-boxes-li {
flex-direction: column;
}
}
}
}
#article-content {
.offshoring-frame-1,
.offshoring-frame-2 {
@media (max-width: 1015px) {
height: 610px;
}
@media (max-width: 900px) {
height: 540px;
}
@media (max-width: 800px) {
height: 460px;
}
@media (max-width: 700px) {
height: 400px;
}
@media (max-width: 600px) {
height: 340px;
}
@media (max-width: 500px) {
height: 290px;
}
@media (max-width: 400px) {
height: 230px;
}
}
}
}
body.restly_team-template-default {
#primary {
.wp-block-button__link.wp-element-button.theme-btns {
background-color: #26ade4;
&:hover {
background-color: #4588b1;
}
}
.fab {
&.fa-linkedin-in {
color: #26ade4;
transition: color 250ms ease-in-out;
&:hover {
color: #4588b1;
}
}
}
}
}
header {
&#masthead {
position: fixed;
left: 0;
right: 0;
z-index: 9999;
&.fixed {
> .main-header {
background: #f4f0f1;
}
&.header-three {
.main-navigation {
ul {
li {
a {
color: #1d2c38;
}
}
}
}
}
}
> .main-header {
transition: background 250ms ease-in-out;
}
}
}
.contact-page-form {
.restly-input.message textarea,
.restly-home-form-input textarea {
margin-bottom: 0;
}
.restly-input input[type='text'],
.restly-input input[type='email'],
.restly-input.message textarea,
.restly-home-form-input input[type='text'],
.restly-home-form-input input[type='tel'],
.restly-home-form-input input[type='email'],
.restly-input input[type='url'] {
margin-bottom: 0;
}
.wpcf7-form-control-wrap {
margin-bottom: 25px;
display: block;
}
}
.nav-links {
.nav-previous,
.nav-next {
line-height: 1.5;
a {
line-height: 1.5 !important;
}
}
}
.pp-multiple-authors-wrapper {
h2 {
display: none;
}
}