initial commit
This commit is contained in:
Inshal
822
resources/themestyle/css/pages/footer.css
Normal file
822
resources/themestyle/css/pages/footer.css
Normal file
@@ -0,0 +1,822 @@
|
||||
/*
|
||||
Theme Name: MXL New Design (Hello Elementor child)
|
||||
Description: A plain-vanilla & lightweight theme for Elementor page builder
|
||||
Template: hello-elementor
|
||||
Version: 1.0.0
|
||||
Stable tag: 1.0.0
|
||||
License: GNU General Public License v3 or later.
|
||||
License URI: https://www.gnu.org/licenses/gpl-3.0.html
|
||||
Text Domain: mxl-main-hello-elementor
|
||||
Description: Perfect theme for New Design
|
||||
*/
|
||||
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@400;700&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
|
||||
|
||||
body {
|
||||
font-family: 'Oxygen', sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #9C0C19;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: bold;
|
||||
scroll-margin-top: 90px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
/* HEADER */
|
||||
#site-header {
|
||||
box-shadow: 0px 10px 10px #00000029;
|
||||
z-index: 30;
|
||||
}
|
||||
|
||||
main {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1201px) {
|
||||
.site-branding img {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
.site-header .site-navigation {
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul {
|
||||
z-index: 20;
|
||||
top: 70px;
|
||||
columns: 2;
|
||||
margin-left: 0px !important;
|
||||
-webkit-box-shadow: 0px 10px 13px -7px rgb(0 0 0 / 10%), 5px 5px 15px 5px rgb(0 0 0 / 10%);
|
||||
box-shadow: 0px 10px 13px -7px rgb(0 0 0 / 10%), 5px 5px 15px 5px rgb(0 0 0 / 10%);
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li:last-child ul {
|
||||
columns: 1;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li a {
|
||||
padding: 25px;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul {
|
||||
padding: 15px 0;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul li {
|
||||
border-bottom: none;
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li:first-child ul li {
|
||||
width: 310px;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul li a {
|
||||
font-weight: 500;
|
||||
text-transform: capitalize;
|
||||
padding: 13px 20px;
|
||||
}
|
||||
|
||||
.site-header {
|
||||
padding: 0 40px;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li.menu-item-has-children:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.topcontact {
|
||||
position: relative;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.topcontact::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -18px;
|
||||
left: -30px;
|
||||
width: 100%;
|
||||
max-width: 20px;
|
||||
height: 100%;
|
||||
opacity: 1;
|
||||
z-index: 0;
|
||||
background: url(https://static.maleexcel.com/wp-content/uploads/sites/5/2021/09/27121239/phone.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: bottom left;
|
||||
}
|
||||
|
||||
.toggle-nav {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
.site-branding {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.site-branding a {
|
||||
margin-left: 50px;
|
||||
}
|
||||
|
||||
.site-header:not(.dynamic-header) {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.site-branding img {
|
||||
width: 100%;
|
||||
max-width: 145px;
|
||||
}
|
||||
|
||||
.mobile-menu {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.toggle-nav {
|
||||
display: inline-block !important;
|
||||
float: right;
|
||||
padding: 10px 15px;
|
||||
font-size: 28px;
|
||||
transition: color linear 0.15s;
|
||||
}
|
||||
|
||||
a.toggle-nav:link,
|
||||
a.toggle-nav:visited,
|
||||
a.toggle-nav:hover,
|
||||
a.toggle-nav:active {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.site-navigation {
|
||||
display: none;
|
||||
background: #fff;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
max-height: calc(100vh - 60px);
|
||||
position: absolute;
|
||||
top: 64px;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.site-navigation ul {
|
||||
position: absolute;
|
||||
overflow: auto;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
width: 100vw;
|
||||
max-height: 80%;
|
||||
z-index: 999;
|
||||
padding-right: 15px;
|
||||
background: #fff;
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap !important;
|
||||
}
|
||||
|
||||
.site-navigation ul li {
|
||||
float: none;
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
min-width: 200px;
|
||||
background: #fff;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.site-navigation ul li a {
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul {
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul li {
|
||||
border: none;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li:first-child ul li {
|
||||
width: 310px;
|
||||
}
|
||||
|
||||
.site-navigation ul li ul li a {
|
||||
font-size: 18px;
|
||||
padding: 7px 20px;
|
||||
}
|
||||
|
||||
.site-navigation::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 20px;
|
||||
width: 40%;
|
||||
max-width: 170px;
|
||||
height: 40%;
|
||||
opacity: 1;
|
||||
z-index: 100;
|
||||
background: url(https://static.maleexcel.com/wp-content/uploads/sites/11/2022/03/16113617/e_symbol.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: bottom left;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li.menu-item-has-children:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li:hover>ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li a {
|
||||
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li.menu-item-has-children:focus-within>ul {
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li a {
|
||||
padding: 4px 15px;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul li a {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.sub-show ul {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
li:not(.sub-show) ul {
|
||||
/* display: none !important; */
|
||||
}
|
||||
|
||||
.menu-close {
|
||||
font-size: 40px;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.topcontact::before {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.topcontact {
|
||||
width: 32%;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600 !important;
|
||||
font-size: 10px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.topcontact strong {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* .toggle-nav {
|
||||
display: none !important;
|
||||
} */
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1080px) {
|
||||
.site-header:not(.dynamic-header) {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.screen-darken {
|
||||
content: '';
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: rgba(0, 0, 0, .5);
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
visibility: visible;
|
||||
position: absolute;
|
||||
animation: me-overlay 500ms;
|
||||
-webkit-transition: opacity 700ms linear;
|
||||
transition: opacity 700ms linear;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.screen-darken-on {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
position: relative;
|
||||
z-index: 15;
|
||||
}
|
||||
|
||||
.fade-out {
|
||||
animation: fade 2s;
|
||||
-webkit-animation: fade 2s;
|
||||
-moz-animation: fade 2s;
|
||||
}
|
||||
|
||||
/* Animate opacity */
|
||||
@keyframes fade {
|
||||
from {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 0
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fade {
|
||||
from {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 0
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fade {
|
||||
from {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 0
|
||||
}
|
||||
}
|
||||
|
||||
.toggle-nav {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* The sticky class is added to the header with JS when it reaches its scroll position */
|
||||
.sticky {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100% !important;
|
||||
z-index: 20;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
|
||||
.sticky+.content {
|
||||
padding-top: 102px;
|
||||
}
|
||||
|
||||
.pre-footer-disclaimer {
|
||||
display: block;
|
||||
width: 100%;
|
||||
background-color: #9DC1CE;
|
||||
padding-top: 30px;
|
||||
padding-bottom: 20px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.pre-footer-disclaimer p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 10px;
|
||||
max-width: 1174px !important;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
/* FOOTER STYLE */
|
||||
footer {
|
||||
background: #1C5580;
|
||||
max-width: 100vw !important;
|
||||
color: #fff;
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
footer .logo-footer .logo-footer-main {
|
||||
max-width: 230px;
|
||||
border-bottom: 1px solid #fff;
|
||||
padding-bottom: 10px;
|
||||
width: 270px;
|
||||
}
|
||||
|
||||
.footer-minilogos {
|
||||
width: 230px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.footer-minilogos a {
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
.footer-minilogos a:first-child {
|
||||
margin-top: -3px;
|
||||
}
|
||||
|
||||
.footer-minilogos a:nth-child(2) {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.footer-minilogos a:last-child {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
footer .logo-footer .minilogo-footer {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.contact-footer h6,
|
||||
.social-footer h6 {
|
||||
font-size: 16px !important;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.social-footer h6 {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.footer-grid-column .menu-area h4,
|
||||
.footer-grid-second-row .menu-area h4,
|
||||
.footer-grid-column.contact-footer h4 {
|
||||
font-size: 20px;
|
||||
margin-bottom: 5px;
|
||||
text-transform: none;
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.contact-footer p {
|
||||
font-size: 16px;
|
||||
margin-bottom: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
/* .contact-footer span {
|
||||
font-size: 12px;
|
||||
} */
|
||||
.contact-footer .contact-icons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 16px;
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.contact-footer .contact-icons a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.contact-footer .contact-icons a:hover {
|
||||
color: #98B8CF;
|
||||
}
|
||||
|
||||
.contact-footer .contact-icons img {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.social-footer .icon {
|
||||
width: 25px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
.social-footer .divider-separator {
|
||||
width: 100%;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.menu-footer {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-template-rows: 1fr;
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
}
|
||||
|
||||
.site-footer .seal {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.second-row-two h4 {
|
||||
margin-top: 15px !important;
|
||||
}
|
||||
|
||||
.menu-area h4 {
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.menu-area ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.menu-area ul li {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.menu-area ul li a {
|
||||
color: #fff;
|
||||
line-height: 36px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
footer .menu-area ul li a:hover {
|
||||
color: #98B8CF;
|
||||
}
|
||||
|
||||
.menu-footer div:nth-of-type(2),
|
||||
.menu-footer div:nth-of-type(3) {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.copyright-footer {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: #E6E6E6;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.copyright-footer p {
|
||||
margin-bottom: 10px;
|
||||
max-width: 540px;
|
||||
}
|
||||
|
||||
.second-row {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
footer .footer-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 3fr 4fr 3fr 2fr;
|
||||
grid-template-rows: 1fr;
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
}
|
||||
|
||||
.footer-grid-second-row {
|
||||
display: grid;
|
||||
grid-template-columns: 10fr 2fr;
|
||||
grid-template-rows: 1fr;
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
}
|
||||
|
||||
footer .footer-container {
|
||||
max-width: 1174px;
|
||||
margin: 0 auto;
|
||||
padding-top: 15px;
|
||||
/* 40px - 1rem(16px) */
|
||||
}
|
||||
|
||||
footer .logo-footer {
|
||||
/* margin: 50px 0 20px 0; */
|
||||
}
|
||||
|
||||
/*footer .footer_area_one {
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
footer .footer_area_two {
|
||||
max-width: 180px;
|
||||
}*/
|
||||
|
||||
/*footer .footer_area_four {
|
||||
margin-left: -50px;
|
||||
}*/
|
||||
|
||||
.contact-footer {
|
||||
color: #E6E6E6;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.social-footer {
|
||||
margin-top: 35px;
|
||||
}
|
||||
|
||||
.social-footer div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.social-footer .icons {
|
||||
justify-content: start;
|
||||
}
|
||||
|
||||
.divider-desktop {
|
||||
display: block;
|
||||
margin: 0 5%;
|
||||
border-bottom: 2px solid #484646;
|
||||
height: 50%;
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.site-footer:not(.dynamic-footer) {
|
||||
padding-right: 35px;
|
||||
padding-left: 35px;
|
||||
}
|
||||
|
||||
.pre-footer-disclaimer {
|
||||
padding: 20px !important;
|
||||
}
|
||||
|
||||
footer .logo-footer .logo-footer-main {
|
||||
width: 100%;
|
||||
max-width: 230px;
|
||||
padding: 10px 0px;
|
||||
margin: 0 auto 10px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.footer-minilogos {
|
||||
width: 240px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.contact-footer h6,
|
||||
.social-footer h6 {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
.social-footer h6 {
|
||||
margin: 20px 0 25px;
|
||||
}
|
||||
|
||||
.contact-footer p {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.contact-footer .contact-icons img {
|
||||
max-width: 20px;
|
||||
}
|
||||
|
||||
.divider-desktop {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.footer_area_one,
|
||||
.footer_area_two,
|
||||
.footer_area_three,
|
||||
.footer_area_four {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.footer_area_one,
|
||||
.footer_area_two,
|
||||
.footer_area_three,
|
||||
.footer_area_four {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.menu-area-two,
|
||||
.second-row-two {
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.social-footer {
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.social-footer .seal {
|
||||
width: 50%;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.second-row-two {
|
||||
margin-top: -25px;
|
||||
}
|
||||
|
||||
.social-footer .icons {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.social-footer .icons {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.social-footer .seal img {
|
||||
max-width: 125px;
|
||||
margin-top: -20px;
|
||||
}
|
||||
|
||||
.social-footer .icon {
|
||||
width: 12%;
|
||||
display: inline-block;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.social-footer .icon img {
|
||||
max-width: 20px;
|
||||
}
|
||||
|
||||
.footer-grid-column .menu-area h4,
|
||||
.footer-grid-second-row .menu-area h4,
|
||||
.footer-grid-column.contact-footer h4 {
|
||||
font-size: 14px;
|
||||
line-height: 19px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.contact-footer p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.copyright-footer {
|
||||
font-size: 9px;
|
||||
line-height: 14px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.menu-footer {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-template-rows: 1fr;
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
}
|
||||
|
||||
.footer-grid,
|
||||
.footer-grid-second-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.second-row-one,
|
||||
.second-row-two {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.logo-footer,
|
||||
.contact-footer {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.site-footer .seal {
|
||||
margin-top: 85px;
|
||||
}
|
||||
|
||||
.menu-area ul li {
|
||||
margin: 15px 0;
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
.menu-area ul li a {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.menu-footer div:nth-of-type(3) {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.menu-footer div:nth-of-type(4) {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.contact-footer .contact-icons {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
197
resources/themestyle/css/pages/front-page-help-center.css
Normal file
197
resources/themestyle/css/pages/front-page-help-center.css
Normal file
@@ -0,0 +1,197 @@
|
||||
@media (max-width: 1500.98px) {
|
||||
.help-center-header {
|
||||
background: url("/assets/img/pages/header.webp") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.our-story-header {
|
||||
background: url("/assets/img/pages/about-hero.jpg") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.our-protocol-header {
|
||||
background: url("/assets/img/pages/aprotocol-header-dt.png") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.our-providers-header {
|
||||
background: url("/assets/img/pages/cover-hrt-spec.jpg") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.heading-text {
|
||||
color: #000;
|
||||
font-size: 60px;
|
||||
font-weight: bold;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.trt-header {
|
||||
background: url("/assets/img/pages/hero-mountain-desktop.jpg") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.trt-free-assessment {
|
||||
background: url("/assets/img/pages/free-assessment-scaled.jpg") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
/* background-size: contain; */
|
||||
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1500.98px) {
|
||||
.help-center-header {
|
||||
background: url("/assets/img/pages/header.png") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.our-protocol-header {
|
||||
background: url("/assets/img/pages/aprotocol-header-dt.png") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.our-story-header {
|
||||
background: url("/assets/img/pages/about-hero.jpg") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.our-providers-header {
|
||||
background: url("/assets/img/pages/cover-hrt-spec.jpg") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.heading-text {
|
||||
color: #000;
|
||||
font-size: 60px;
|
||||
font-weight: bold;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.trt-header {
|
||||
background: url("/assets/img/pages/hero-mountain-desktop.jpg") no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.trt-free-assessment {
|
||||
background: url("/assets/img/pages/free-assessment-scaled.jpg") no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
.header-banner {
|
||||
background: url("./assets/img/pages/profile-banner.png") no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.help-center-header .input-wrapper {
|
||||
inset-block-start: -350px;
|
||||
max-inline-size: 0;
|
||||
}
|
||||
|
||||
.our-story-header .input-wrapper {
|
||||
inset-block-start: -350px;
|
||||
max-inline-size: 0;
|
||||
}
|
||||
|
||||
.our-providers-header .input-wrapper {
|
||||
inset-block-start: -350px;
|
||||
max-inline-size: 0;
|
||||
}
|
||||
|
||||
.trt-header .input-wrapper {
|
||||
inset-block-start: -350px;
|
||||
max-inline-size: 0;
|
||||
}
|
||||
|
||||
.trt-free-assessment .input-wrapper {
|
||||
inset-block-start: -350px;
|
||||
max-inline-size: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.trt-header .input-wrapper {
|
||||
max-inline-size: 80%;
|
||||
}
|
||||
|
||||
.our-story-header {
|
||||
background: url("/assets/img/pages/about-hero.jpg") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.our-providers-header {
|
||||
background: url("/assets/img/pages/cover-hrt-spec.jpg") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.our-protocol-header {
|
||||
background: url("/assets/img/pages/aprotocol-header-dt.png") no-repeat;
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.our-providers-header .input-wrapper {
|
||||
max-inline-size: 80%;
|
||||
}
|
||||
|
||||
.help-center-header .input-wrapper {
|
||||
max-inline-size: 80%;
|
||||
}
|
||||
|
||||
.our-story-header .input-wrapper {
|
||||
max-inline-size: 80%;
|
||||
}
|
||||
|
||||
.heading-text {
|
||||
color: #000;
|
||||
font-size: 40px;
|
||||
font-weight: bold;
|
||||
line-height: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.home-page-banner {
|
||||
inline-size: 45rem;
|
||||
}
|
||||
|
||||
.banner-text {
|
||||
max-inline-size: 80%;
|
||||
}
|
||||
|
||||
.first-section-pt {
|
||||
block-size: 35rem;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#box:hover {
|
||||
border: solid 1px #dbdade !important;
|
||||
box-shadow: 0 0 10px 0 #ccc;
|
||||
}
|
||||
322
resources/themestyle/css/pages/front-page-landing.css
Normal file
322
resources/themestyle/css/pages/front-page-landing.css
Normal file
@@ -0,0 +1,322 @@
|
||||
.section-py {
|
||||
padding: 6.25rem 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199.98px) {
|
||||
.section-py {
|
||||
padding: 5rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.section-py {
|
||||
padding: 3rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
.landing-hero {
|
||||
border-radius: 0 0 3.5rem 3.5rem;
|
||||
padding-top: 10.2rem;
|
||||
}
|
||||
|
||||
.landing-hero::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.landing-hero .hero-text-box {
|
||||
max-width: 34.375rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
.landing-hero .hero-title {
|
||||
background: linear-gradient(to right, #28c76f 0%, #5a4aff 47.92%, #ff3739 100%);
|
||||
background-size: 200% auto;
|
||||
color: #5d596c;
|
||||
background-clip: text;
|
||||
line-height: 1.2;
|
||||
text-fill-color: transparent;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
animation: shine 2s ease-in-out infinite alternate;
|
||||
}
|
||||
|
||||
.landing-hero .hero-sub-title {
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.landing-hero .landing-hero-btn .hero-btn-item {
|
||||
inset-inline-start: -86%;
|
||||
top: 80%;
|
||||
}
|
||||
|
||||
.landing-hero .hero-animation-img {
|
||||
margin-bottom: -32rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1199.98px) {
|
||||
.landing-hero .hero-animation-img {
|
||||
margin-bottom: -20rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.landing-hero .hero-animation-img {
|
||||
margin-bottom: -10rem;
|
||||
}
|
||||
}
|
||||
|
||||
.landing-hero .hero-animation-img .hero-dashboard-img {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
will-change: transform;
|
||||
transform-style: preserve-3d;
|
||||
transition: all 0.1s;
|
||||
}
|
||||
|
||||
.landing-hero .hero-animation-img .hero-dashboard-img img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.landing-hero-blank {
|
||||
padding-top: 26rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1199.98px) {
|
||||
.landing-hero-blank {
|
||||
padding-top: 15rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.landing-hero-blank {
|
||||
padding-top: 7rem;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes shine {
|
||||
0% {
|
||||
background-position: 0% 50%;
|
||||
}
|
||||
|
||||
80% {
|
||||
background-position: 50% 90%;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-position: 91% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.landing-features .features-icon-wrapper .features-icon-box .features-icon-description {
|
||||
max-width: 19.25rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.landing-reviews {
|
||||
border-top-left-radius: 3.75rem;
|
||||
border-top-right-radius: 3.75rem;
|
||||
}
|
||||
|
||||
.landing-reviews .landing-reviews-btns .reviews-btn {
|
||||
padding: 0.45rem;
|
||||
}
|
||||
|
||||
.landing-reviews .swiper-reviews-carousel .swiper-button-prev,
|
||||
.landing-reviews .swiper-reviews-carousel .swiper-button-next {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.landing-reviews .swiper-reviews-carousel .swiper-slide {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.landing-reviews .swiper-reviews-carousel .client-logo {
|
||||
height: 1.375rem;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.landing-reviews .swiper-logo-carousel .swiper {
|
||||
max-width: 45rem;
|
||||
}
|
||||
|
||||
.landing-reviews .swiper-logo-carousel .swiper .swiper-slide {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.landing-reviews .swiper-logo-carousel .swiper .client-logo {
|
||||
max-height: 2.5rem;
|
||||
max-width: 95%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.landing-team .card,
|
||||
.landing-team .card .team-image-box {
|
||||
border-top-left-radius: 5.625rem;
|
||||
border-top-right-radius: 1.25rem;
|
||||
}
|
||||
|
||||
.landing-team .card .card-body {
|
||||
border-bottom-left-radius: 0.375rem;
|
||||
border-bottom-right-radius: 0.375rem;
|
||||
}
|
||||
|
||||
.landing-team .team-image-box {
|
||||
height: 11.5625rem;
|
||||
}
|
||||
|
||||
.landing-team .team-image-box .card-img-position {
|
||||
height: 15rem;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.landing-team .team-image-box .card-img-position {
|
||||
height: 13rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.landing-team .team-image-box {
|
||||
height: 11rem;
|
||||
}
|
||||
}
|
||||
|
||||
.landing-team .card .team-media-icons i {
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.landing-pricing {
|
||||
border-radius: 3.75rem;
|
||||
}
|
||||
|
||||
.landing-pricing .pricing-plans-item {
|
||||
inset-inline-end: -60%;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.landing-pricing .pricing-plans-item {
|
||||
inset-inline-end: 0;
|
||||
bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.landing-pricing .price-yearly-toggle {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.landing-pricing .card .card-header,
|
||||
.landing-pricing .card .card-body {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.landing-faq {
|
||||
border-top-left-radius: 3.75rem;
|
||||
border-top-right-radius: 3.75rem;
|
||||
}
|
||||
|
||||
.landing-faq .faq-image {
|
||||
max-width: 20rem;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.landing-cta {
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.landing-contact .text-heading {
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.landing-contact .contact-img-box,
|
||||
.landing-contact .contact-img-box .contact-img {
|
||||
border-radius: 3.75rem 0.375rem 0.375rem 0.375rem;
|
||||
}
|
||||
|
||||
.landing-contact .contact-img-box::before {
|
||||
content: url("./assets/img/front-pages/icons/contact-border.png");
|
||||
position: absolute;
|
||||
inset-block-start: -2.5rem;
|
||||
inset-inline-start: -2.8125rem;
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.landing-contact .contact-img-box::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.light-style .landing-hero {
|
||||
background: linear-gradient(138.18deg, #eae8fd 0%, #fce5e6 94.44%);
|
||||
}
|
||||
|
||||
.light-style .landing-hero::after {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.light-style .landing-cta {
|
||||
background-image: url("./assets/img/front-pages/backgrounds/cta-bg.png");
|
||||
}
|
||||
|
||||
.dark-style .landing-hero {
|
||||
background: #1e2130;
|
||||
}
|
||||
|
||||
.dark-style .landing-hero::after {
|
||||
background-color: #2f3349;
|
||||
}
|
||||
|
||||
.dark-style .landing-hero::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url("./assets/img/front-pages/backgrounds/hero-bg-dark.png") center no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.dark-style .landing-cta {
|
||||
background-image: url("./assets/img/front-pages/backgrounds/cta-bg-dark.png");
|
||||
}
|
||||
|
||||
.landing-team .team-image-box .card-img-position {
|
||||
transform: translateX(50%) !important;
|
||||
}
|
||||
|
||||
.landing-pricing .switch .switch-label {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.landing-pricing .switch .switch-label:first-child {
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
|
||||
.landing-pricing .switch .switch-input~.switch-label {
|
||||
padding-right: 3rem;
|
||||
}
|
||||
|
||||
.landing-contact .contact-img-box {
|
||||
border-radius: 0.375rem 3.75rem 0.375rem 0.375rem;
|
||||
}
|
||||
|
||||
.landing-contact .contact-img-box::before {
|
||||
inset-block-start: -1.875rem;
|
||||
inset-inline-start: -3.125rem;
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
1161
resources/themestyle/css/pages/front-page.css
Normal file
1161
resources/themestyle/css/pages/front-page.css
Normal file
File diff suppressed because it is too large
Load Diff
323
resources/themestyle/css/pages/help-center-front-page.css
Normal file
323
resources/themestyle/css/pages/help-center-front-page.css
Normal file
@@ -0,0 +1,323 @@
|
||||
.section-py {
|
||||
padding: 5rem 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199.98px) {
|
||||
.section-py {
|
||||
padding: 4rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.section-py {
|
||||
padding: 3rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.first-section-pt {
|
||||
padding-top: 8.84rem;
|
||||
/* margin-top: -83px; */
|
||||
}
|
||||
|
||||
@media (max-width: 1199.98px) {
|
||||
.first-section-pt {
|
||||
padding-top: 7.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.card[class*=card-hover-border-] {
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
position: relative;
|
||||
font-weight: 700;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.section-title::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 120%;
|
||||
inset-inline-start: -12%;
|
||||
bottom: 0;
|
||||
background: url("./assets/img/front-pages/icons/section-title-icon.png") no-repeat left bottom;
|
||||
background-size: contain;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.light-style body {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.dark-style body {
|
||||
background-color: #2f3349;
|
||||
}
|
||||
|
||||
nav.layout-navbar {
|
||||
backdrop-filter: unset !important;
|
||||
height: auto !important;
|
||||
z-index: 999 !important;
|
||||
}
|
||||
|
||||
nav.layout-navbar::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
nav.layout-navbar.navbar-active::after {
|
||||
backdrop-filter: saturate(100%) blur(6px);
|
||||
-webkit-backdrop-filter: saturate(100%) blur(6px);
|
||||
}
|
||||
|
||||
.navbar.landing-navbar {
|
||||
box-shadow: none;
|
||||
transition: all 0.2s ease-in-out;
|
||||
transform: unset !important;
|
||||
padding-top: 0.75rem;
|
||||
padding-bottom: 0.75rem;
|
||||
margin-top: 1rem;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
.navbar.landing-navbar .navbar-nav .nav-link {
|
||||
padding: 0.5rem 0.9375rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1199.98px) {
|
||||
.navbar.landing-navbar .navbar-nav .nav-link {
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown>.dropdown-menu {
|
||||
max-width: 1300px;
|
||||
inset-inline-start: 50% !important;
|
||||
transform: translateX(-50%);
|
||||
top: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown>.dropdown-menu {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown>.dropdown-menu .mega-dropdown-link {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown>.dropdown-menu .mega-dropdown-link i {
|
||||
font-size: 0.625rem;
|
||||
}
|
||||
|
||||
.navbar.landing-navbar .navbar-nav .nav-item .nav-img-col,
|
||||
.navbar.landing-navbar .navbar-nav .nav-item .nav-img-col img {
|
||||
border-radius: 0.625rem;
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.navbar.landing-navbar .landing-menu-overlay {
|
||||
position: fixed;
|
||||
display: none;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(75, 70, 92, 0.78);
|
||||
transition: all 0.2s ease-in-out;
|
||||
z-index: 9998;
|
||||
}
|
||||
|
||||
.navbar.landing-navbar .landing-nav-menu {
|
||||
position: fixed;
|
||||
display: block !important;
|
||||
height: 100%;
|
||||
max-width: 300px;
|
||||
width: 80%;
|
||||
padding: 1rem;
|
||||
inset-inline-start: -100%;
|
||||
top: 0;
|
||||
overflow-y: auto;
|
||||
transition: all 0.3s ease-in-out;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.navbar.landing-navbar .landing-nav-menu.show {
|
||||
inset-inline-start: 0;
|
||||
}
|
||||
|
||||
.navbar.landing-navbar .landing-nav-menu.show~.landing-menu-overlay {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.light-style .layout-navbar .navbar.landing-navbar {
|
||||
border-color: rgba(255, 255, 255, 0.68);
|
||||
background: rgba(255, 255, 255, 0.38);
|
||||
}
|
||||
|
||||
.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link {
|
||||
color: #5d596c;
|
||||
}
|
||||
|
||||
.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .show>.nav-link,
|
||||
.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .active>.nav-link,
|
||||
.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.show,
|
||||
.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.active {
|
||||
color: #7367f0 !important;
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.light-style .layout-navbar .navbar.landing-navbar .landing-nav-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.light-style .layout-navbar.navbar-active .navbar.landing-navbar {
|
||||
background: #fff;
|
||||
box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3);
|
||||
}
|
||||
|
||||
.light-style .layout-navbar .menu-text {
|
||||
color: #5d596c;
|
||||
}
|
||||
|
||||
.dark-style .layout-navbar .navbar.landing-navbar {
|
||||
border-color: rgba(255, 255, 255, 0.08);
|
||||
background-color: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
|
||||
.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link {
|
||||
color: #cfd3ec;
|
||||
}
|
||||
|
||||
.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .show>.nav-link,
|
||||
.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .active>.nav-link,
|
||||
.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.show,
|
||||
.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.active {
|
||||
color: #7367f0 !important;
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.dark-style .layout-navbar .navbar.landing-navbar .landing-nav-menu {
|
||||
background-color: #2f3349;
|
||||
}
|
||||
}
|
||||
|
||||
.dark-style .layout-navbar .navbar .menu-text {
|
||||
color: #cfd3ec;
|
||||
}
|
||||
|
||||
.dark-style .layout-navbar.navbar-active .navbar.landing-navbar {
|
||||
background: #2f3349;
|
||||
border-color: #2f3349;
|
||||
box-shadow: 0 0.125rem 0.25rem rgba(15, 20, 34, 0.4);
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
[dir=rtl] .navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown>.dropdown-menu {
|
||||
transform: translateX(50%);
|
||||
}
|
||||
}
|
||||
|
||||
.landing-footer .footer-link {
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.landing-footer .footer-link:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.landing-footer .footer-top {
|
||||
background-position: right center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
padding: 3.5rem 0;
|
||||
/* border-top-left-radius: 3.75rem; */
|
||||
/* border-top-right-radius: 3.75rem; */
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.landing-footer .footer-top {
|
||||
padding: 3rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.landing-footer .footer-logo-description {
|
||||
max-width: 322px;
|
||||
}
|
||||
}
|
||||
|
||||
.landing-footer .footer-form {
|
||||
max-width: 22.25rem;
|
||||
}
|
||||
|
||||
.landing-footer .footer-form input {
|
||||
background-color: #25293c;
|
||||
border-color: #434968;
|
||||
color: #d3d4dc;
|
||||
}
|
||||
|
||||
.landing-footer .footer-form input:hover:not([disabled]):not([focus]) {
|
||||
border-color: #434968;
|
||||
}
|
||||
|
||||
.landing-footer .footer-form input::placeholder {
|
||||
color: rgba(211, 212, 220, 0.5);
|
||||
}
|
||||
|
||||
.landing-footer .footer-form label {
|
||||
color: rgba(211, 212, 220, 0.5);
|
||||
}
|
||||
|
||||
.light-style .landing-footer .footer-link,
|
||||
.light-style .landing-footer .footer-text {
|
||||
color: #d3d4dc;
|
||||
}
|
||||
|
||||
.light-style .landing-footer .footer-title {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.light-style .landing-footer .footer-top {
|
||||
background-image: url("./assets/img/front-pages/backgrounds/footer-bg-light.png");
|
||||
}
|
||||
|
||||
.light-style .landing-footer .footer-bottom {
|
||||
background-color: #282c3e;
|
||||
}
|
||||
|
||||
.dark-style .landing-footer .footer-link,
|
||||
.dark-style .landing-footer .footer-text {
|
||||
color: #b6bee3;
|
||||
}
|
||||
|
||||
.dark-style .landing-footer .footer-title {
|
||||
color: #cfd3ec;
|
||||
}
|
||||
|
||||
.dark-style .landing-footer .footer-top {
|
||||
background-image: url("/assets/img/front-pages/backgrounds/footer-bg-dark.png");
|
||||
}
|
||||
|
||||
.dark-style .landing-footer .footer-bottom {
|
||||
background-color: #171925;
|
||||
}
|
||||
114
resources/themestyle/css/pages/page-auth.css
Normal file
114
resources/themestyle/css/pages/page-auth.css
Normal file
@@ -0,0 +1,114 @@
|
||||
.authentication-wrapper {
|
||||
display: flex;
|
||||
flex-basis: 100%;
|
||||
min-height: 100vh;
|
||||
width: 100%;
|
||||
}
|
||||
.authentication-wrapper .authentication-inner {
|
||||
width: 100%;
|
||||
}
|
||||
.authentication-wrapper.authentication-basic {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.authentication-wrapper.authentication-basic .card-body {
|
||||
padding: 2rem;
|
||||
}
|
||||
.authentication-wrapper.authentication-cover {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.authentication-wrapper.authentication-cover .authentication-inner {
|
||||
height: 100%;
|
||||
margin: auto 0;
|
||||
}
|
||||
.authentication-wrapper.authentication-cover .authentication-inner .auth-cover-bg {
|
||||
width: 100%;
|
||||
margin: 2rem 0 2rem 2rem;
|
||||
height: calc(100vh - 4rem);
|
||||
border-radius: 1.125rem;
|
||||
position: relative;
|
||||
}
|
||||
.authentication-wrapper.authentication-cover .authentication-inner .auth-cover-bg .auth-illustration {
|
||||
max-height: 65%;
|
||||
z-index: 1;
|
||||
}
|
||||
.authentication-wrapper.authentication-cover .authentication-inner .platform-bg {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
bottom: 0%;
|
||||
left: 0%;
|
||||
height: 35%;
|
||||
}
|
||||
.authentication-wrapper.authentication-cover .authentication-inner .auth-multisteps-bg-height {
|
||||
height: 100vh;
|
||||
}
|
||||
.authentication-wrapper.authentication-cover .authentication-inner .auth-multisteps-bg-height > img:first-child {
|
||||
z-index: 1;
|
||||
}
|
||||
.authentication-wrapper.authentication-basic .authentication-inner {
|
||||
max-width: 400px;
|
||||
position: relative;
|
||||
}
|
||||
.authentication-wrapper.authentication-basic .authentication-inner:before {
|
||||
width: 238px;
|
||||
height: 233px;
|
||||
content: " ";
|
||||
position: absolute;
|
||||
top: -55px;
|
||||
left: -40px;
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='239' height='234' viewBox='0 0 239 234' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='88.5605' y='0.700195' width='149' height='149' rx='19.5' stroke='%237367F0' stroke-opacity='0.16'/%3E%3Crect x='0.621094' y='33.761' width='200' height='200' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E%0A");
|
||||
}
|
||||
@media (max-width: 575.98px) {
|
||||
.authentication-wrapper.authentication-basic .authentication-inner:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.authentication-wrapper.authentication-basic .authentication-inner:after {
|
||||
width: 180px;
|
||||
height: 180px;
|
||||
content: " ";
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
bottom: -30px;
|
||||
right: -56px;
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='181' height='181' viewBox='0 0 181 181' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.30469' y='1.44312' width='178' height='178' rx='19' stroke='%237367F0' stroke-opacity='0.16' stroke-width='2' stroke-dasharray='8 8'/%3E%3Crect x='22.8047' y='22.9431' width='135' height='135' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E");
|
||||
}
|
||||
@media (max-width: 575.98px) {
|
||||
.authentication-wrapper.authentication-basic .authentication-inner:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.authentication-wrapper .auth-input-wrapper .auth-input {
|
||||
max-width: 50px;
|
||||
padding-left: 0.4rem;
|
||||
padding-right: 0.4rem;
|
||||
font-size: 150%;
|
||||
}
|
||||
|
||||
@media (max-height: 636px) {
|
||||
.auth-multisteps-bg-height {
|
||||
height: 100% !important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 575.98px) {
|
||||
.authentication-wrapper .auth-input-wrapper .auth-input {
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
}
|
||||
#twoStepsForm .fv-plugins-bootstrap5-row-invalid .form-control {
|
||||
border-color: #ea5455;
|
||||
}
|
||||
|
||||
.light-style .authentication-wrapper.authentication-bg {
|
||||
background-color: #fff;
|
||||
}
|
||||
.light-style .auth-cover-bg-color {
|
||||
background-color: #f8f7fa;
|
||||
}
|
||||
|
||||
.dark-style .authentication-wrapper.authentication-bg {
|
||||
background-color: #2f3349;
|
||||
}
|
||||
.dark-style .auth-cover-bg-color {
|
||||
background-color: #25293c;
|
||||
}
|
||||
27
resources/themestyle/css/pages/page-icons.css
Normal file
27
resources/themestyle/css/pages/page-icons.css
Normal file
@@ -0,0 +1,27 @@
|
||||
#icons-container .icon-card {
|
||||
width: 128px;
|
||||
}
|
||||
#icons-container .icon-card i {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
#icons-container .icon-card {
|
||||
width: 126px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767.98px) {
|
||||
#icons-container .icon-card {
|
||||
width: 131px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 414px) {
|
||||
#icons-container .icon-card {
|
||||
width: 110px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 375px) {
|
||||
#icons-container .icon-card {
|
||||
width: 150px;
|
||||
}
|
||||
}
|
||||
431
resources/themestyle/css/pages/post-4.css
Normal file
431
resources/themestyle/css/pages/post-4.css
Normal file
@@ -0,0 +1,431 @@
|
||||
.elementor-kit-4 {
|
||||
--e-global-color-primary: #FFFFFF;
|
||||
--e-global-color-secondary: #444444;
|
||||
--e-global-color-text: #000000;
|
||||
--e-global-color-accent: #9C0C19;
|
||||
--e-global-typography-primary-font-family: "Oxygen";
|
||||
--e-global-typography-primary-font-size: 20px;
|
||||
--e-global-typography-primary-font-weight: 600;
|
||||
--e-global-typography-primary-line-height: 24px;
|
||||
--e-global-typography-secondary-font-family: "Oxygen";
|
||||
--e-global-typography-secondary-font-size: 18px;
|
||||
--e-global-typography-secondary-font-weight: bold;
|
||||
--e-global-typography-secondary-text-transform: uppercase;
|
||||
--e-global-typography-secondary-line-height: 22px;
|
||||
--e-global-typography-text-font-family: "Oxygen";
|
||||
--e-global-typography-text-font-size: 20px;
|
||||
--e-global-typography-text-font-weight: 400;
|
||||
--e-global-typography-accent-font-family: "Oxygen";
|
||||
--e-global-typography-accent-font-weight: 500;
|
||||
--e-global-typography-d1dbfca-font-family: "Oxygen";
|
||||
--e-global-typography-d1dbfca-font-size: 60px;
|
||||
--e-global-typography-d1dbfca-font-weight: bold;
|
||||
--e-global-typography-d1dbfca-line-height: 80px;
|
||||
--e-global-typography-f35a9ee-font-family: "Oxygen";
|
||||
--e-global-typography-f35a9ee-font-size: 44px;
|
||||
--e-global-typography-f35a9ee-font-weight: bold;
|
||||
--e-global-typography-f35a9ee-line-height: 55px;
|
||||
--e-global-typography-a0158a9-font-family: "Oxygen";
|
||||
--e-global-typography-a0158a9-font-size: 16px;
|
||||
--e-global-typography-a0158a9-font-weight: bold;
|
||||
--e-global-typography-a0158a9-text-transform: uppercase;
|
||||
--e-global-typography-4b8ae65-font-family: "Oxygen";
|
||||
--e-global-typography-4b8ae65-font-size: 26px;
|
||||
--e-global-typography-4b8ae65-font-weight: 600;
|
||||
--e-global-typography-4b8ae65-line-height: 40px;
|
||||
--e-global-typography-7bd4123-font-family: "Oxygen";
|
||||
--e-global-typography-7bd4123-font-size: 16px;
|
||||
--e-global-typography-7bd4123-line-height: 26px;
|
||||
--e-global-typography-31956a4-font-family: "Oxygen";
|
||||
--e-global-typography-31956a4-font-size: 40px;
|
||||
--e-global-typography-31956a4-font-weight: 600;
|
||||
}
|
||||
|
||||
.elementor-kit-4 a {
|
||||
color: var(--e-global-color-accent);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.elementor-kit-4 button,
|
||||
.elementor-kit-4 input[type="button"],
|
||||
.elementor-kit-4 input[type="submit"],
|
||||
.elementor-kit-4 .elementor-button {
|
||||
text-decoration: none;
|
||||
color: var(--e-global-color-primary);
|
||||
}
|
||||
|
||||
.elementor-section.elementor-section-boxed>.elementor-container {
|
||||
max-width: 1200px;
|
||||
}
|
||||
|
||||
.e-con {
|
||||
--container-max-width: 1200px;
|
||||
}
|
||||
|
||||
.elementor-widget:not(:last-child) {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.elementor-element {
|
||||
--widgets-spacing: 20px;
|
||||
}
|
||||
|
||||
h1.entry-title {
|
||||
display: var(--page-title-display);
|
||||
}
|
||||
|
||||
@media(max-width:1024px) {
|
||||
.elementor-section.elementor-section-boxed>.elementor-container {
|
||||
max-width: 1024px;
|
||||
}
|
||||
|
||||
.e-con {
|
||||
--container-max-width: 1024px;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width:767px) {
|
||||
.elementor-kit-4 {
|
||||
--e-global-typography-secondary-font-size: 16px;
|
||||
--e-global-typography-secondary-line-height: 18px;
|
||||
--e-global-typography-text-font-size: 16px;
|
||||
--e-global-typography-text-line-height: 24px;
|
||||
--e-global-typography-d1dbfca-font-size: 30px;
|
||||
--e-global-typography-d1dbfca-line-height: 36px;
|
||||
--e-global-typography-f35a9ee-font-size: 24px;
|
||||
--e-global-typography-f35a9ee-line-height: 35px;
|
||||
--e-global-typography-a0158a9-font-size: 12px;
|
||||
--e-global-typography-4b8ae65-font-size: 20px;
|
||||
--e-global-typography-4b8ae65-line-height: 27px;
|
||||
--e-global-typography-31956a4-font-size: 24px;
|
||||
}
|
||||
|
||||
.elementor-section.elementor-section-boxed>.elementor-container {
|
||||
max-width: 767px;
|
||||
}
|
||||
|
||||
.e-con {
|
||||
--container-max-width: 767px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Start custom CSS */
|
||||
.swiper-slide-inner {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
ul li {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
ul li::marker {
|
||||
color: #9C0C19;
|
||||
}
|
||||
|
||||
.red-bold li::before {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.elementor-accordion-icon-closed svg,
|
||||
.elementor-accordion-icon-opened svg {
|
||||
width: 22px;
|
||||
height: 12px;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.ptgacc .elementor-tab-title {
|
||||
padding: 20px 25px !important;
|
||||
}
|
||||
|
||||
.ptgacc .elementor-tab-content {
|
||||
padding: 0px 25px 25px !important;
|
||||
}
|
||||
|
||||
.elementor-tab-content p {
|
||||
color: #000 !important;
|
||||
}
|
||||
|
||||
.elementor-tab-content {
|
||||
background-color: #F4F4F4 !important;
|
||||
}
|
||||
|
||||
/* BUTTONS */
|
||||
@media only screen and (max-width: 767px) {
|
||||
.elementor-button .fas {
|
||||
position: absolute;
|
||||
left: 30%;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
ul li {
|
||||
margin: 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* RED LI DOTS */
|
||||
.red-dots ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.red-dots ul li {
|
||||
padding: 0px 10px;
|
||||
}
|
||||
|
||||
.red-dots ul li::before {
|
||||
content: "\2022";
|
||||
color: #9C0C19;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
font-size: 22px;
|
||||
margin-left: -30px;
|
||||
}
|
||||
|
||||
.red-dots .fas {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.red-dots ul li {
|
||||
padding: 5px 0;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.red-dots ul li:last-child {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.red-dots ul li::before {
|
||||
font-size: 24px;
|
||||
margin-top: 0;
|
||||
margin-left: -30px;
|
||||
width: 30px;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
|
||||
/* understanding HTR pages */
|
||||
.improved-lists {
|
||||
background: #ededed;
|
||||
padding: 1rem;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.improved-blk .elementor-widget-container {
|
||||
margin: 0rem;
|
||||
padding: 0rem;
|
||||
list-style: none;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.improved-blk .elementor-accordion-item,
|
||||
.improved-blk .elementor-icon-list-item {
|
||||
border-bottom: 2px solid #e2e2e2 !important;
|
||||
position: relative;
|
||||
padding: 1rem 0 !important;
|
||||
}
|
||||
|
||||
.improved-blk .elementor-accordion-item,
|
||||
.improved-blk .elementor-icon-list-item,
|
||||
.improved-blk .elementor-tab-title,
|
||||
.improved-blk .elementor-accordion .elementor-accordion-title,
|
||||
.improved-blk .elementor-accordion .elementor-tab-content {
|
||||
font-family: 'Roboto', sans-serif !important;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.improved-blk .elementor-tab-title,
|
||||
.improved-blk .elementor-icon-list-item span,
|
||||
.improved-blk .elementor-tab-title:hover,
|
||||
.improved-blk .elementor-tab-title:focus {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.improved-blk .elementor-tab-title {
|
||||
padding: 0rem;
|
||||
}
|
||||
|
||||
.improved-blk .elementor-accordion .elementor-tab-content {
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
|
||||
.right-sidebar h4 {
|
||||
font-size: 2.5rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.right-sidebar .elementor-icon-list-item {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.right-sidebar .elementor-icon-list-item:first-child,
|
||||
.improved-blk .elementor-accordion-item:first-child {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
.right-sidebar .anyquestions {
|
||||
font-size: 1.5rem !important;
|
||||
font-weight: 400 !important;
|
||||
padding: 0 !important;
|
||||
text-align: left !important;
|
||||
margin-bottom: 10px;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.lftcontent h2 {
|
||||
font-size: 1.5rem !important;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.right-sidebar h4 {
|
||||
text-transform: initial !important;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.right-sidebar .elementor-icon-list-item:first-child,
|
||||
.improved-blk .elementor-accordion-item:first-child {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
.right-sidebar .anyquestions {
|
||||
font-size: 1rem !important;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
|
||||
.testimonials h2 {
|
||||
font-size: 2rem !important;
|
||||
}
|
||||
|
||||
.elementor-button {
|
||||
font-size: 1rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1400px) {
|
||||
.elementor-section.blgfaq {
|
||||
position: sticky;
|
||||
top: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
.tccfaq .elementor-accordion {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
margin: 0px -5px;
|
||||
}
|
||||
|
||||
.tccfaq .elementor-accordion-item {
|
||||
-ms-flex: 0 0 50%;
|
||||
flex: 0 0 50%;
|
||||
max-width: 50%;
|
||||
padding: 0px 5px;
|
||||
}
|
||||
|
||||
.ptgacc.tccfaq .elementor-tab-title {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.white-on-mobile {
|
||||
color: #fff !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* HEADER */
|
||||
.site-navigation ul.menu li a,
|
||||
.topcontact a {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.topcontact {
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
#site-header {
|
||||
z-index: 130 !important;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1201px) {
|
||||
.site-navigation ul.menu li ul li {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li.menu-item-type-custom:hover>a {
|
||||
color: #9c0c19;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
.site-branding img {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li a {
|
||||
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li.menu-item-has-children:focus-within>ul {
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
li:not(.sub-show) ul {
|
||||
/* display: none !important; */
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li a {
|
||||
padding: 4px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* End custom CSS */
|
||||
/* Start Custom Fonts CSS */
|
||||
@font-face {
|
||||
font-family: 'Oxygen';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: auto;
|
||||
src: url('https://maleexcel.com/lp/wp-content/themes/maleexcel/assets/fonts/oxygen-light-webfont.woff2') format('woff2'),
|
||||
url('https://maleexcel.com/lp/wp-content/themes/maleexcel/assets/fonts/oxygen-light-webfont.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Oxygen';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: auto;
|
||||
src: url('https://maleexcel.com/lp/wp-content/themes/maleexcel/assets/fonts/oxygen-regular-webfont.woff2') format('woff2'),
|
||||
url('https://maleexcel.com/lp/wp-content/themes/maleexcel/assets/fonts/oxygen-regular-webfont.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Oxygen';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: auto;
|
||||
src: url('https://maleexcel.com/lp/wp-content/themes/maleexcel/assets/fonts/oxygen-bold-webfont.woff2') format('woff2'),
|
||||
url('https://maleexcel.com/lp/wp-content/themes/maleexcel/assets/fonts/oxygen-bold-webfont.woff') format('woff');
|
||||
}
|
||||
|
||||
/* End Custom Fonts CSS */
|
||||
819
resources/themestyle/css/pages/theme.css
Normal file
819
resources/themestyle/css/pages/theme.css
Normal file
@@ -0,0 +1,819 @@
|
||||
/**
|
||||
* DO NOT CHANGE THIS FILE!
|
||||
* To override any of the settings in this section, add your styling code in the custom directory.
|
||||
* Loading first in the style.scss & classic-editor.scss
|
||||
*/
|
||||
/**
|
||||
* General - https://codex.wordpress.org/CSS#WordPress_Generated_Classes
|
||||
* DO NOT CHANGE THIS FILE
|
||||
* to override any of the settings in this section, add your styling code in the custom directory.
|
||||
*/
|
||||
.page-content a,
|
||||
.comments-area a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.alignright {
|
||||
float: right;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.alignleft {
|
||||
float: left;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.aligncenter {
|
||||
clear: both;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.alignwide {
|
||||
margin-left: -80px;
|
||||
margin-right: -80px;
|
||||
}
|
||||
|
||||
.alignfull {
|
||||
margin-left: calc(50% - 50vw);
|
||||
margin-right: calc(50% - 50vw);
|
||||
max-width: 100vw;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.alignfull img {
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.wp-caption {
|
||||
margin-bottom: 1.25rem;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.wp-caption.alignleft {
|
||||
margin: 5px 20px 20px 0;
|
||||
}
|
||||
|
||||
.wp-caption.alignright {
|
||||
margin: 5px 0 20px 20px;
|
||||
}
|
||||
|
||||
.wp-caption img {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.wp-caption-text {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.gallery-caption {
|
||||
display: block;
|
||||
font-size: 0.8125rem;
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
padding: 0.75rem;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
margin: 20px auto;
|
||||
}
|
||||
|
||||
.sticky {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.bypostauthor {
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.post-password-form p {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.post-password-form [type=submit] {
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
/*
|
||||
DO NOT CHANGE THIS FILE
|
||||
to override any of the settings in this section, add your styling code in the custom directory.
|
||||
*/
|
||||
.screen-reader-text {
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
position: absolute !important;
|
||||
width: 1px;
|
||||
word-wrap: normal !important;
|
||||
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
|
||||
}
|
||||
|
||||
.screen-reader-text:focus {
|
||||
background-color: #eeeeee;
|
||||
clip: auto !important;
|
||||
clip-path: none;
|
||||
color: #333333;
|
||||
display: block;
|
||||
font-size: 1rem;
|
||||
height: auto;
|
||||
left: 5px;
|
||||
line-height: normal;
|
||||
padding: 15px 23px 14px;
|
||||
text-decoration: none;
|
||||
top: 5px;
|
||||
width: auto;
|
||||
z-index: 100000;
|
||||
/* Above WP toolbar. */
|
||||
}
|
||||
|
||||
/**
|
||||
* Header styling and layout
|
||||
*/
|
||||
.site-header {
|
||||
/* Backwards compat for Hello 2.3.0 */
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
/* padding-top: 1rem; */
|
||||
padding-bottom: 1rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.site-header .site-navigation {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.site-header .site-branding {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.site-header .header-inner {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.site-header .header-inner .custom-logo-link {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.site-header .header-inner .site-branding .site-title,
|
||||
.site-header .header-inner .site-branding .site-description {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.site-header .header-inner .site-branding.show-title .site-logo {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.site-header .header-inner .site-branding.show-logo .site-title {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.site-header:not(.header-stacked) .header-inner .site-branding {
|
||||
max-width: 30%;
|
||||
}
|
||||
|
||||
.site-header:not(.header-stacked) .header-inner .site-navigation {
|
||||
max-width: 70%;
|
||||
}
|
||||
|
||||
.site-header.header-inverted .header-inner {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.site-header.header-inverted .header-inner .site-branding {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.site-header.header-inverted .header-inner .site-navigation {
|
||||
justify-content: start;
|
||||
}
|
||||
|
||||
.site-header.header-stacked .header-inner {
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.site-header .header-inner:not(.header-stacked) .site-branding {
|
||||
max-width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Footer styling and layout
|
||||
*/
|
||||
.site-footer {
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner .custom-logo-link {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner .site-navigation {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner .site-branding {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner .site-branding .site-title,
|
||||
.site-footer .footer-inner .site-branding .site-description {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner .site-branding.show-title .site-logo {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner .site-branding.show-logo .site-title {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner .copyright {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner .copyright p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.site-footer.footer-inverted .footer-inner {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.site-footer.footer-inverted .footer-inner .site-branding {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.site-footer.footer-inverted .footer-inner .site-navigation {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.site-footer.footer-has-copyright .footer-inner .site-navigation {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.site-footer.footer-stacked .footer-inner {
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.site-footer.footer-stacked .footer-inner .site-branding h4.site-title {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.site-footer.footer-stacked .footer-inner .site-navigation .menu {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.site-footer:not(.footer-stacked) .footer-inner .site-branding {
|
||||
max-width: 20%;
|
||||
}
|
||||
|
||||
.site-footer:not(.footer-stacked) .footer-inner .site-navigation {
|
||||
max-width: 60%;
|
||||
}
|
||||
|
||||
.site-footer:not(.footer-stacked) .footer-inner .copyright {
|
||||
max-width: 20%;
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
|
||||
.site-footer:not(.footer-stacked) .footer-inner .site-branding,
|
||||
.site-footer:not(.footer-stacked) .footer-inner .site-navigation,
|
||||
.site-footer:not(.footer-stacked) .footer-inner .copyright {
|
||||
display: block;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner .site-navigation ul.menu {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.site-footer .footer-inner .site-navigation ul.menu li {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Post Item in Archive
|
||||
*/
|
||||
.post .entry-title a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.post .wp-post-image {
|
||||
width: 100%;
|
||||
max-height: 500px;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.post .wp-post-image {
|
||||
max-height: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.post .wp-post-image {
|
||||
max-height: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Comments
|
||||
*/
|
||||
#comments .comment-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
#comments .comment,
|
||||
#comments .pingback {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#comments .comment .comment-body,
|
||||
#comments .pingback .comment-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 30px 0 30px 60px;
|
||||
border-bottom: 1px solid #cccccc;
|
||||
}
|
||||
|
||||
body.rtl #comments .comment .comment-body,
|
||||
body.rtl #comments .pingback .comment-body {
|
||||
padding: 30px 60px 30px 0;
|
||||
}
|
||||
|
||||
#comments .comment .avatar,
|
||||
#comments .pingback .avatar {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
border-radius: 50%;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
body.rtl #comments .comment .avatar,
|
||||
body.rtl #comments .pingback .avatar {
|
||||
left: auto;
|
||||
right: 0;
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#comments .comment-meta {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: .9rem;
|
||||
}
|
||||
|
||||
#comments .reply,
|
||||
#comments .comment-metadata {
|
||||
font-size: 11px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
#comments .children {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
body.rtl #comments .children {
|
||||
padding-left: 0;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
#comments .children li:last-child {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
#comments ol.comment-list .children:before {
|
||||
display: inline-block;
|
||||
font-size: 1em;
|
||||
font-weight: normal;
|
||||
line-height: 100%;
|
||||
content: '\21AA';
|
||||
position: absolute;
|
||||
top: 45px;
|
||||
left: 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
body.rtl #comments ol.comment-list .children:before {
|
||||
content: '\21A9';
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
||||
#comments .comment-author,
|
||||
#comments .comment-metadata {
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
#comments .comment .comment-body {
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
#comments .children {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
#comments .comment .avatar {
|
||||
position: inherit;
|
||||
float: left;
|
||||
}
|
||||
|
||||
body.rtl #comments .comment .avatar {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Navigation Menu's
|
||||
*/
|
||||
.site-header.header-inverted .site-navigation-toggle-holder {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.site-header.header-stacked .site-navigation-toggle-holder {
|
||||
justify-content: center;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.site-header.menu-layout-dropdown .site-navigation {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.site-navigation-toggle-holder {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
flex-grow: 1;
|
||||
max-width: 20%;
|
||||
padding: 8px 15px;
|
||||
}
|
||||
|
||||
.site-navigation-toggle-holder .site-navigation-toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 22px;
|
||||
padding: 0.25em;
|
||||
cursor: pointer;
|
||||
border: 0 solid;
|
||||
border-radius: 3px;
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
color: #494c4f;
|
||||
}
|
||||
|
||||
.site-navigation-toggle-holder.elementor-active .site-navigation-toggle i:before {
|
||||
content: '\e87f';
|
||||
}
|
||||
|
||||
.site-navigation {
|
||||
grid-area: nav-menu;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu,
|
||||
.site-navigation ul.menu ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li a {
|
||||
display: block;
|
||||
padding: 8px 15px;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li.menu-item-has-children {
|
||||
padding-right: 36px;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li.menu-item-has-children:after {
|
||||
display: none;
|
||||
content: '\25BE';
|
||||
font-size: 1.5em;
|
||||
align-items: center;
|
||||
color: #666666;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li.menu-item-has-children:focus-within>ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul {
|
||||
background: #fff;
|
||||
display: none;
|
||||
min-width: 150px;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
left: 0;
|
||||
top: 100%;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul li {
|
||||
border-bottom: #eeeeee 1px solid;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul li.menu-item-has-children a {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul li.menu-item-has-children:after {
|
||||
transform: translateY(-50%) rotate(-90deg);
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li ul ul {
|
||||
left: 100%;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.site-navigation ul.menu li:hover>ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
footer .site-navigation ul.menu li ul {
|
||||
top: auto;
|
||||
bottom: 100%;
|
||||
}
|
||||
|
||||
footer .site-navigation ul.menu li ul ul {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
footer .site-navigation ul.menu a {
|
||||
padding: 5px 15px;
|
||||
}
|
||||
|
||||
.site-navigation-dropdown {
|
||||
margin-top: 10px;
|
||||
transition: max-height 0.3s, transform 0.3s;
|
||||
transform-origin: top;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 10000;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown {
|
||||
transform: scaleY(0);
|
||||
max-height: 0;
|
||||
}
|
||||
|
||||
.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown {
|
||||
transform: scaleY(1);
|
||||
max-height: 100vh;
|
||||
}
|
||||
|
||||
.site-navigation-dropdown ul {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.site-navigation-dropdown ul.menu {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.site-navigation-dropdown ul.menu li {
|
||||
display: block;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.site-navigation-dropdown ul.menu li a {
|
||||
display: block;
|
||||
padding: 20px;
|
||||
background: #ffffff;
|
||||
color: #55595c;
|
||||
box-shadow: inset 0 -1px 0 #0000001a;
|
||||
}
|
||||
|
||||
.site-navigation-dropdown ul.menu li.current-menu-item a {
|
||||
color: white;
|
||||
background: #55595c;
|
||||
}
|
||||
|
||||
.site-navigation-dropdown ul.menu>li li {
|
||||
transition: max-height 0.3s, transform 0.3s;
|
||||
transform-origin: top;
|
||||
transform: scaleY(0);
|
||||
max-height: 0;
|
||||
}
|
||||
|
||||
.site-navigation-dropdown ul.menu li.elementor-active>ul>li {
|
||||
transform: scaleY(1);
|
||||
max-height: 100vh;
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 576px) and (max-width: 767px) {
|
||||
.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* Basic responsive layout
|
||||
*/
|
||||
.site-header .header-inner,
|
||||
.site-header:not(.dynamic-header),
|
||||
.site-footer .footer-inner,
|
||||
.site-footer:not(.dynamic-footer),
|
||||
body:not([class*="elementor-page-"]) .site-main,
|
||||
.page-header .entry-title {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
|
||||
.site-header .header-inner,
|
||||
.site-header:not(.dynamic-header),
|
||||
.site-footer .footer-inner,
|
||||
.site-footer:not(.dynamic-footer),
|
||||
body:not([class*="elementor-page-"]) .site-main,
|
||||
.page-header .entry-title {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
|
||||
.site-header .header-inner,
|
||||
.site-header:not(.dynamic-header),
|
||||
.site-footer .footer-inner,
|
||||
.site-footer:not(.dynamic-footer),
|
||||
body:not([class*="elementor-page-"]) .site-main,
|
||||
.page-header .entry-title {
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.site-header.header-full-width .header-inner {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.site-footer.footer-full-width .footer-inner {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
||||
.site-header .header-inner,
|
||||
.site-header:not(.dynamic-header),
|
||||
.site-footer .footer-inner,
|
||||
.site-footer:not(.dynamic-footer),
|
||||
body:not([class*="elementor-page-"]) .site-main,
|
||||
.page-header .entry-title {
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
.site-header.header-full-width {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.site-footer.footer-full-width {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
|
||||
.site-header .header-inner,
|
||||
.site-header:not(.dynamic-header),
|
||||
.site-footer .footer-inner,
|
||||
.site-footer:not(.dynamic-footer),
|
||||
body:not([class*="elementor-page-"]) .site-main,
|
||||
.page-header .entry-title {
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
.site-header.header-full-width {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.site-footer.footer-full-width {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
|
||||
.site-header .header-inner,
|
||||
.site-header:not(.dynamic-header),
|
||||
.site-footer .footer-inner,
|
||||
.site-footer:not(.dynamic-footer),
|
||||
body:not([class*="elementor-page-"]) .site-main,
|
||||
.page-header .entry-title {
|
||||
max-width: 1140px;
|
||||
}
|
||||
|
||||
.site-header.header-full-width {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.site-footer.footer-full-width {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.site-header+.elementor {
|
||||
min-height: calc(100vh - 320px);
|
||||
}
|
||||
52
resources/themestyle/css/pages/ui-carousel.css
Normal file
52
resources/themestyle/css/pages/ui-carousel.css
Normal file
@@ -0,0 +1,52 @@
|
||||
.swiper {
|
||||
width: 100%;
|
||||
/* height: 100%; */
|
||||
height: 400px;
|
||||
}
|
||||
.swiper .swiper-slide {
|
||||
padding: 2rem 0;
|
||||
text-align: center;
|
||||
font-size: 1.5rem;
|
||||
background-color: #ecebed;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#swiper-multiple-slides,
|
||||
#swiper-3d-coverflow-effect {
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
#swiper-3d-coverflow-effect .swiper-slide {
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
#swiper-3d-cube-effect {
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
#swiper-3d-flip-effect {
|
||||
padding: 50px;
|
||||
}
|
||||
|
||||
#swiper-gallery {
|
||||
height: 500px;
|
||||
}
|
||||
#swiper-gallery .gallery-top {
|
||||
height: 80%;
|
||||
width: 100%;
|
||||
}
|
||||
#swiper-gallery .gallery-thumbs {
|
||||
height: 20%;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 0;
|
||||
}
|
||||
#swiper-gallery .gallery-thumbs .swiper-slide {
|
||||
width: 25%;
|
||||
height: 100%;
|
||||
opacity: 0.4;
|
||||
cursor: pointer;
|
||||
}
|
||||
#swiper-gallery .gallery-thumbs .swiper-slide-thumb-active {
|
||||
opacity: 1;
|
||||
}
|
||||
24090
resources/themestyle/css/rtl/core-dark.css
Normal file
24090
resources/themestyle/css/rtl/core-dark.css
Normal file
File diff suppressed because it is too large
Load Diff
24133
resources/themestyle/css/rtl/core.css
Normal file
24133
resources/themestyle/css/rtl/core.css
Normal file
File diff suppressed because it is too large
Load Diff
1615
resources/themestyle/css/rtl/theme-bordered-dark.css
Normal file
1615
resources/themestyle/css/rtl/theme-bordered-dark.css
Normal file
File diff suppressed because it is too large
Load Diff
1608
resources/themestyle/css/rtl/theme-bordered.css
Normal file
1608
resources/themestyle/css/rtl/theme-bordered.css
Normal file
File diff suppressed because it is too large
Load Diff
1478
resources/themestyle/css/rtl/theme-default-dark.css
Normal file
1478
resources/themestyle/css/rtl/theme-default-dark.css
Normal file
File diff suppressed because it is too large
Load Diff
1471
resources/themestyle/css/rtl/theme-default.css
Normal file
1471
resources/themestyle/css/rtl/theme-default.css
Normal file
File diff suppressed because it is too large
Load Diff
1501
resources/themestyle/css/rtl/theme-raspberry-dark.css
Normal file
1501
resources/themestyle/css/rtl/theme-raspberry-dark.css
Normal file
File diff suppressed because it is too large
Load Diff
1498
resources/themestyle/css/rtl/theme-raspberry.css
Normal file
1498
resources/themestyle/css/rtl/theme-raspberry.css
Normal file
File diff suppressed because it is too large
Load Diff
1469
resources/themestyle/css/rtl/theme-semi-dark-dark.css
Normal file
1469
resources/themestyle/css/rtl/theme-semi-dark-dark.css
Normal file
File diff suppressed because it is too large
Load Diff
1462
resources/themestyle/css/rtl/theme-semi-dark.css
Normal file
1462
resources/themestyle/css/rtl/theme-semi-dark.css
Normal file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user