Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
  • project/animal_shelter
  • issue/animal_shelter-3414919
  • issue/animal_shelter-3414932
  • issue/animal_shelter-3414950
  • issue/animal_shelter-3414970
  • issue/animal_shelter-3414997
  • issue/animal_shelter-3415200
  • issue/animal_shelter-3415213
  • issue/animal_shelter-3414988
  • issue/animal_shelter-3417690
  • issue/animal_shelter-3421034
  • issue/animal_shelter-3414926
  • issue/animal_shelter-3414924
  • issue/animal_shelter-3424261
  • issue/animal_shelter-3424263
  • issue/animal_shelter-3424270
  • issue/animal_shelter-3424585
  • issue/animal_shelter-3423145
  • issue/animal_shelter-3487212
  • issue/animal_shelter-3489805
20 results
Show changes
Commits on Source (12)
################
# GitLabCI template for Drupal projects.
#
# This template is designed to give any Contrib maintainer everything they need to test, without requiring modification.
# It is also designed to keep up to date with Core Development automatically through the use of include files that can be centrally maintained.
# As long as you include the project, ref and three files below, any future updates added by the Drupal Association will be used in your
# pipelines automatically. However, you can modify this template if you have additional needs for your project.
# The full documentation is on https://project.pages.drupalcode.org/gitlab_templates/
################
# For information on alternative values for 'ref' see https://project.pages.drupalcode.org/gitlab_templates/info/templates-version/
# To test a Drupal 7 project, change the first include filename from .main.yml to .main-d7.yml
include:
- project: $_GITLAB_TEMPLATES_REPO
ref: $_GITLAB_TEMPLATES_REF
file:
- '/includes/include.drupalci.main.yml'
- '/includes/include.drupalci.variables.yml'
- '/includes/include.drupalci.workflows.yml'
#
################
# Pipeline configuration variables are defined with default values and descriptions in the file
# https://git.drupalcode.org/project/gitlab_templates/-/blob/main/includes/include.drupalci.variables.yml
# Uncomment the lines below if you want to override any of the variables. The following is just an example.
################
# variables:
# SKIP_ESLINT: '1'
# OPT_IN_TEST_NEXT_MAJOR: '1'
# _CURL_TEMPLATES_REF: 'main'
......@@ -2,8 +2,8 @@ name: animal_shelter
type: theme
base theme: classy
description: "Theme for animal care."
core_version_requirement: 9.x
# screenshot: events.png
core_version_requirement: ^9 || ^10
screenshot: screenshot.png
libraries:
- animal_shelter/global-styling
......
......@@ -10,79 +10,127 @@ output, ruby, section, summary, time, mark, audio, video {
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
display: block;
}
body {
font-family: "Poppins", sans-serif;
line-height: 1.2;
min-height: 100%;
margin: 0;
padding: 0; }
padding: 0;
}
p {
margin-bottom: 1rem;
}
ul {
list-style: none; }
list-style: none;
}
blockquote,
q {
quotes: none; }
quotes: none;
}
table {
border-collapse: collapse;
border-spacing: 0; }
border-spacing: 0;
}
.wrapper {
max-width: 1270px;
padding: 0 15px;
margin: 0 auto; }
margin: 0 auto;
}
.toolbar-horizontal header {
top: 80px; }
top: 39px;
}
@media only screen and (max-width: 992px) {
.toolbar-horizontal header {
top: 0;
}
}
.toolbar-horizontal.toolbar-tray-open .header {
top: 80px;
}
@media only screen and (max-width: 992px) {
.toolbar-horizontal.user-logged-in .header {
top: 39px;
}
}
@media only screen and (max-width: 992px) {
.toolbar-horizontal.user-logged-in.toolbar-tray-open .header {
top: 78px;
}
}
@media screen and (max-width: 950px) {
.toolbar-horizontal.user-logged-in.toolbar-tray-open .header {
top: 105px;
}
}
img {
max-width: 100%;
height: auto;
display: block; }
display: block;
}
.layout-content .region-content {
display: none; }
display: none;
}
.view-empty {
display: none; }
display: none;
}
.feed-icons {
display: none; }
display: none;
}
.toolbar .toolbar-bar, .toolbar .toolbar-tray {
position: fixed;
z-index: 1250;
width: 100%; }
width: 100%;
}
#front-main-content {
min-height: 550px; }
min-height: 550px;
padding-bottom: 50px;
}
h4, h5 {
font-family: "Poppins", sans-serif;
font-size: 24px;
line-height: 1.3;
font-weight: 600;
color: #102a42; }
@media only screen and (max-width: 767px) {
h4, h5 {
font-size: 20px; } }
color: #102a42;
}
@media only screen and (max-width: 767px) {
h4, h5 {
font-size: 20px;
}
}
h3 {
font-family: "Poppins", sans-serif;
font-size: 26px;
line-height: 1.3;
font-weight: 600;
color: #102a42; }
@media only screen and (max-width: 767px) {
h3 {
font-size: 22px; } }
color: #102a42;
}
@media only screen and (max-width: 767px) {
h3 {
font-size: 22px;
}
}
h2, h1 {
font-family: "Poppins", sans-serif;
......@@ -90,15 +138,17 @@ h2, h1 {
line-height: 32px;
font-weight: 600;
color: #102a42;
padding-bottom: 20px; }
padding-bottom: 20px;
}
.page-title {
text-align: center; }
text-align: center;
}
.button {
padding: 10px 25px;
background-color: #ff6b4abf;
border: 1px solid #ff6b4abf;
background-color: rgba(255, 107, 74, 0.7490196078);
border: 1px solid rgba(255, 107, 74, 0.7490196078);
border-radius: 50px;
font-size: 16px;
color: #fff;
......@@ -109,302 +159,463 @@ h2, h1 {
align-items: center;
text-decoration: none;
cursor: pointer;
transition: all .5s ease-out;
transition: all 0.5s ease-out;
-webkit-appearance: none;
appearance: none; }
appearance: none;
}
.button.small {
padding: 6px 15px;
font-size: 14px;
}
@media only screen and (max-width: 767px) {
.button.small {
padding: 6px 15px;
font-size: 14px; }
@media only screen and (max-width: 767px) {
.button.small {
padding: 5px 10px;
font-size: 14px; } }
.button:hover {
background-color: #ff6b4abf;
color: #fff; }
.button:focus {
background-color: #ff6b4abf;
color: #fff; }
.button.border {
background: #fff;
border: 1px solid #ff6b4abf;
color: #2C2C2C; }
.button.border:hover {
border-color: #ff6b4abf;
background-color: #ff6b4abf;
color: #fff; }
.button.border:focus {
background-color: #ff6b4abf;
border-color: #ff6b4abf;
color: #2C2C2C; }
padding: 5px 10px;
font-size: 14px;
}
}
.button:hover {
background-color: rgba(255, 107, 74, 0.7490196078);
color: #fff;
}
.button:focus {
background-color: rgba(255, 107, 74, 0.7490196078);
color: #fff;
}
.button.border {
background: #fff;
border: 1px solid rgba(255, 107, 74, 0.7490196078);
color: #2C2C2C;
}
.button.border:hover {
border-color: rgba(255, 107, 74, 0.7490196078);
background-color: rgba(255, 107, 74, 0.7490196078);
color: #fff;
}
.button.border:focus {
background-color: rgba(255, 107, 74, 0.7490196078);
border-color: rgba(255, 107, 74, 0.7490196078);
color: #2C2C2C;
}
.messages--status {
max-width: 1270px;
margin: 0 auto; }
margin: 0 auto;
}
table {
width: 100%;
min-width: 800px;
border-spacing: 0;
border-collapse: separate;
padding: 20px 0 25px 0; }
@media only screen and (min-width: 768px) {
table {
min-width: unset; } }
table tr {
font: 500 14px/21px "Poppins", sans-serif;
color: #221E20;
border: none; }
table tr th {
font: 700 14px/21px "Poppins", sans-serif;
color: #fff;
padding: 10px 20px;
text-align: center;
background-color: #ff6b4abf;
border-right: 1px solid #EDEDED; }
table tr td {
padding: 10px 20px;
background-color: #fff;
text-align: left;
border-left: 1px solid #E5E6F0;
border-right: 1px solid #E5E6F0;
border-bottom: 1px solid #E5E6F0; }
table tr td a {
text-decoration: none;
color: #221E20; }
table tr td a:hover {
color: #ff6b4abf;
text-decoration: underline; }
padding: 20px 0 25px 0;
}
@media only screen and (min-width: 768px) {
table {
min-width: unset;
}
}
table tr {
font: 500 14px/21px "Poppins", sans-serif;
color: #221E20;
border: none;
}
table tr th {
font: 700 14px/21px "Poppins", sans-serif;
color: #fff;
padding: 10px 20px;
text-align: center;
background-color: rgba(255, 107, 74, 0.7490196078);
border-right: 1px solid #EDEDED;
}
table tr td {
padding: 10px 20px;
background-color: #fff;
text-align: left;
border-left: 1px solid #E5E6F0;
border-right: 1px solid #E5E6F0;
border-bottom: 1px solid #E5E6F0;
}
table tr td a {
text-decoration: none;
color: #221E20;
}
table tr td a:hover {
color: rgba(255, 107, 74, 0.7490196078);
text-decoration: underline;
}
.pager__items {
padding-bottom: 20px; }
.pager__items .pager__item {
color: #102a42; }
.pager__items .pager__item a {
color: #102a42;
text-decoration: none; }
padding-bottom: 20px;
}
.pager__items .pager__item {
color: #102a42;
}
.pager__items .pager__item a {
color: #102a42;
text-decoration: none;
}
.header {
background-color: #fff;
background-color: #fedac7;
position: sticky;
top: 0;
width: 100%;
z-index: 10; }
.header .site-logo img {
max-width: 110px;
width: 110px;
border-radius: 10px; }
.header .site-name {
display: none; }
.header .header-inner {
padding: 10px 0;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%; }
.header .header-inner .nav-menu {
margin: 0;
padding: 10px 0;
display: flex;
justify-content: center;
list-style: none; }
.header .header-inner .nav-menu li {
position: relative;
padding: 15px 14px;
margin-left: 40px; }
.header .header-inner .nav-menu li:last-child {
padding-right: 0; }
.header .header-inner .nav-menu li a {
font-size: 18px;
text-decoration: none;
color: #000; }
.header .header-inner .nav-menu li a:hover {
color: #ff8f74; }
.header .header-inner .nav-menu .nav-menu-sub {
background-color: white;
padding-left: 0;
border-top: 3px solid #ff5c39;
min-width: 150px;
display: none;
position: absolute;
left: 12px;
top: 50px; }
.header .header-inner .nav-menu .nav-menu-sub li a {
color: #000; }
.header .header-inner .nav-menu .nav-menu-sub li a:hover {
color: #ff8f74; }
.header .header-inner .nav-menu .nav-menu li:hover ul {
list-style: none;
display: block;
color: white;
z-index: 1; }
z-index: 10;
}
.header .site-logo img {
max-width: 110px;
width: 110px;
border-radius: 10px;
}
.header .site-name {
display: none;
}
.header .header-inner {
padding: 10px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.header .header-inner .nav-menu {
margin: 0;
padding: 10px 0;
display: flex;
list-style: none;
}
@media only screen and (max-width: 992px) {
.header .header-inner .nav-menu {
height: 0;
padding: 0;
opacity: 0;
visibility: hidden;
transition: 0.6s all ease;
}
}
.header .header-inner .nav-menu li.nav-item--expanded:hover > ul {
display: block;
}
.header .header-inner .nav-menu li {
position: relative;
padding: 15px 14px;
}
.header .header-inner .nav-menu li:last-child {
padding-right: 0;
}
.header .header-inner .nav-menu li a {
font-size: 18px;
text-decoration: none;
color: #000;
}
.header .header-inner .nav-menu li a:hover {
color: #ff8f74;
}
.header .header-inner .nav-menu li .nav-menu-child {
position: absolute;
background-color: #fff;
padding-left: 0;
box-shadow: 0 2px 10px #fedac7;
max-width: 150px;
display: none;
}
.header .header-inner .nav-menu li .nav-menu-child li {
padding-right: 14px;
}
.header .header-inner .nav-menu li .nav-menu-child li a {
color: #000;
}
.header .header-inner .nav-menu li .nav-menu-child li a:hover {
color: #ff8f74;
}
.header .header-inner .nav-menu li .nav-menu-sub {
left: 12px;
top: 100%;
}
.header .header-inner .nav-menu li .nav-menu-sub-child {
left: 100%;
top: 0;
}
.header .header-inner .nav-menu .nav-menu li:hover ul {
list-style: none;
display: block;
color: white;
z-index: 1;
}
@media only screen and (max-width: 992px) {
.header .header-inner .nav-menu li.nav-item {
opacity: 0;
visibility: hidden;
}
}
@media only screen and (max-width: 992px) {
.header .wrapper {
padding: 0;
}
}
.banner img {
width: 100%; }
width: 100%;
}
.footer {
min-height: 200px;
background: linear-gradient(to right, #fedac7, #fff); }
background: linear-gradient(to right, #fedac7, #fff);
}
.footer {
padding: 50px 0;
box-shadow: 0px -11px 20px -20px; }
@media only screen and (max-width: 767px) {
.footer {
padding: 30px 0; } }
box-shadow: 0px -11px 20px -20px;
}
@media only screen and (max-width: 767px) {
.footer {
padding: 30px 0;
}
}
.footer .footer-section {
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.footer .footer-section {
display: flex;
justify-content: space-between; }
@media only screen and (max-width: 767px) {
.footer .footer-section {
display: block; } }
.footer .footer-section .left {
width: 33.33%;
padding-right: 35px; }
@media only screen and (max-width: 767px) {
.footer .footer-section .left {
width: 100%;
padding-right: 0;
padding-bottom: 20px; } }
.footer .footer-section .left .region-footer-first h2 {
font-size: 20px;
padding-bottom: 10px;
color: #102a42; }
.footer .footer-section .left .region-footer-first .menu {
margin-left: 0; }
.footer .footer-section .left .region-footer-first .menu .menu-item {
padding-bottom: 14px; }
.footer .footer-section .left .region-footer-first .menu .menu-item:last-child {
padding-bottom: 0; }
.footer .footer-section .left .region-footer-first .menu .menu-item a {
font-size: 14px;
color: #ff6b4abf;
line-height: 1.4;
display: inline-flex;
transition: all .3s ease-in;
transform: translateX(0);
text-decoration: none; }
.footer .footer-section .left .region-footer-first .menu .menu-item a:hover {
transform: translateX(5px); }
.footer .footer-section .middle {
width: 33.33%;
padding-right: 35px; }
@media only screen and (max-width: 767px) {
.footer .footer-section .middle {
width: 100%;
padding-right: 0;
padding-bottom: 20px; } }
.footer .footer-section .middle h2 {
font-size: 20px;
padding-bottom: 10px;
color: #102a42; }
.footer .footer-section .middle .social-footer {
display: flex;
align-items: center; }
.footer .footer-section .middle .social-footer .fb {
background-color: black;
border-radius: 50%;
margin-right: 20px;
height: 15px;
width: 15px;
padding: 11px;
transition: all .2s ease-in; }
.footer .footer-section .middle .social-footer .fb:hover {
background-color: #3b5999; }
.footer .footer-section .middle .social-footer .insta {
background-color: black;
border-radius: 50%;
margin-right: 20px;
height: 15px;
width: 15px;
padding: 11px;
transition: all .2s ease-in; }
.footer .footer-section .middle .social-footer .insta a img {
max-width: 16px;
max-height: 16px; }
.footer .footer-section .middle .social-footer .insta:hover {
background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); }
.footer .footer-section .middle .social-footer .twitter {
background-color: black;
border-radius: 50%;
height: 15px;
width: 15px;
padding: 11px;
transition: all .2s ease-in; }
.footer .footer-section .middle .social-footer .twitter a img {
max-width: 16px;
max-height: 16px; }
.footer .footer-section .middle .social-footer .twitter:hover {
background-color: #55acee; }
.footer .footer-section .right {
width: 33.33%; }
@media only screen and (max-width: 767px) {
.footer .footer-section .right {
width: 100%; } }
.footer .footer-section .right .region-footer-second h2 {
font-size: 20px;
padding-bottom: 10px;
color: #102a42; }
.footer .footer-section .right .region-footer-second p {
font-size: 14px;
color: #ff6b4abf; }
display: block;
}
}
.footer .footer-section .left, .footer .footer-section .middle, .footer .footer-section .right, .footer .footer-section .footer-third {
width: 33.33%;
padding-right: 35px;
}
@media only screen and (max-width: 767px) {
.footer .footer-section .left, .footer .footer-section .middle, .footer .footer-section .right, .footer .footer-section .footer-third {
width: 100%;
padding-right: 0;
padding-bottom: 20px;
}
}
.footer .footer-section .left .region-footer-first h2,
.footer .footer-section .left .region-footer-second h2,
.footer .footer-section .left .region-footer-third h2, .footer .footer-section .middle .region-footer-first h2,
.footer .footer-section .middle .region-footer-second h2,
.footer .footer-section .middle .region-footer-third h2, .footer .footer-section .right .region-footer-first h2,
.footer .footer-section .right .region-footer-second h2,
.footer .footer-section .right .region-footer-third h2, .footer .footer-section .footer-third .region-footer-first h2,
.footer .footer-section .footer-third .region-footer-second h2,
.footer .footer-section .footer-third .region-footer-third h2 {
font-size: 20px;
padding-bottom: 10px;
color: #102a42;
}
.footer .footer-section .left .region-footer-first .menu,
.footer .footer-section .left .region-footer-second .menu,
.footer .footer-section .left .region-footer-third .menu, .footer .footer-section .middle .region-footer-first .menu,
.footer .footer-section .middle .region-footer-second .menu,
.footer .footer-section .middle .region-footer-third .menu, .footer .footer-section .right .region-footer-first .menu,
.footer .footer-section .right .region-footer-second .menu,
.footer .footer-section .right .region-footer-third .menu, .footer .footer-section .footer-third .region-footer-first .menu,
.footer .footer-section .footer-third .region-footer-second .menu,
.footer .footer-section .footer-third .region-footer-third .menu {
margin-left: 0;
}
.footer .footer-section .left .region-footer-first .menu .menu-item,
.footer .footer-section .left .region-footer-second .menu .menu-item,
.footer .footer-section .left .region-footer-third .menu .menu-item, .footer .footer-section .middle .region-footer-first .menu .menu-item,
.footer .footer-section .middle .region-footer-second .menu .menu-item,
.footer .footer-section .middle .region-footer-third .menu .menu-item, .footer .footer-section .right .region-footer-first .menu .menu-item,
.footer .footer-section .right .region-footer-second .menu .menu-item,
.footer .footer-section .right .region-footer-third .menu .menu-item, .footer .footer-section .footer-third .region-footer-first .menu .menu-item,
.footer .footer-section .footer-third .region-footer-second .menu .menu-item,
.footer .footer-section .footer-third .region-footer-third .menu .menu-item {
padding-bottom: 14px;
}
.footer .footer-section .left .region-footer-first .menu .menu-item:last-child,
.footer .footer-section .left .region-footer-second .menu .menu-item:last-child,
.footer .footer-section .left .region-footer-third .menu .menu-item:last-child, .footer .footer-section .middle .region-footer-first .menu .menu-item:last-child,
.footer .footer-section .middle .region-footer-second .menu .menu-item:last-child,
.footer .footer-section .middle .region-footer-third .menu .menu-item:last-child, .footer .footer-section .right .region-footer-first .menu .menu-item:last-child,
.footer .footer-section .right .region-footer-second .menu .menu-item:last-child,
.footer .footer-section .right .region-footer-third .menu .menu-item:last-child, .footer .footer-section .footer-third .region-footer-first .menu .menu-item:last-child,
.footer .footer-section .footer-third .region-footer-second .menu .menu-item:last-child,
.footer .footer-section .footer-third .region-footer-third .menu .menu-item:last-child {
padding-bottom: 0;
}
.footer .footer-section .left .region-footer-first .menu .menu-item a,
.footer .footer-section .left .region-footer-second .menu .menu-item a,
.footer .footer-section .left .region-footer-third .menu .menu-item a, .footer .footer-section .middle .region-footer-first .menu .menu-item a,
.footer .footer-section .middle .region-footer-second .menu .menu-item a,
.footer .footer-section .middle .region-footer-third .menu .menu-item a, .footer .footer-section .right .region-footer-first .menu .menu-item a,
.footer .footer-section .right .region-footer-second .menu .menu-item a,
.footer .footer-section .right .region-footer-third .menu .menu-item a, .footer .footer-section .footer-third .region-footer-first .menu .menu-item a,
.footer .footer-section .footer-third .region-footer-second .menu .menu-item a,
.footer .footer-section .footer-third .region-footer-third .menu .menu-item a {
font-size: 14px;
color: rgba(255, 107, 74, 0.7490196078);
line-height: 1.4;
display: inline-flex;
transition: all 0.3s ease-in;
transform: translateX(0);
text-decoration: none;
}
.footer .footer-section .left .region-footer-first .menu .menu-item a:hover,
.footer .footer-section .left .region-footer-second .menu .menu-item a:hover,
.footer .footer-section .left .region-footer-third .menu .menu-item a:hover, .footer .footer-section .middle .region-footer-first .menu .menu-item a:hover,
.footer .footer-section .middle .region-footer-second .menu .menu-item a:hover,
.footer .footer-section .middle .region-footer-third .menu .menu-item a:hover, .footer .footer-section .right .region-footer-first .menu .menu-item a:hover,
.footer .footer-section .right .region-footer-second .menu .menu-item a:hover,
.footer .footer-section .right .region-footer-third .menu .menu-item a:hover, .footer .footer-section .footer-third .region-footer-first .menu .menu-item a:hover,
.footer .footer-section .footer-third .region-footer-second .menu .menu-item a:hover,
.footer .footer-section .footer-third .region-footer-third .menu .menu-item a:hover {
transform: translateX(5px);
}
.footer .footer-section .middle {
width: 33.33%;
padding-right: 35px;
}
@media only screen and (max-width: 767px) {
.footer .footer-section .middle {
width: 100%;
padding-right: 0;
padding-bottom: 20px;
}
}
.footer .footer-section .middle h2 {
font-size: 20px;
padding-bottom: 10px;
color: #102a42;
}
.footer .footer-section .middle .social-footer {
display: flex;
align-items: center;
}
.footer .footer-section .middle .social-footer .fb {
background-color: black;
border-radius: 50%;
margin-right: 20px;
height: 15px;
width: 15px;
padding: 11px;
transition: all 0.2s ease-in;
}
.footer .footer-section .middle .social-footer .fb:hover {
background-color: #3b5999;
}
.footer .footer-section .middle .social-footer .insta {
background-color: black;
border-radius: 50%;
margin-right: 20px;
height: 15px;
width: 15px;
padding: 11px;
transition: all 0.2s ease-in;
}
.footer .footer-section .middle .social-footer .insta a img {
max-width: 16px;
max-height: 16px;
}
.footer .footer-section .middle .social-footer .insta:hover {
background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}
.footer .footer-section .middle .social-footer .twitter {
background-color: black;
border-radius: 50%;
height: 15px;
width: 15px;
padding: 11px;
transition: all 0.2s ease-in;
}
.footer .footer-section .middle .social-footer .twitter a img {
max-width: 16px;
max-height: 16px;
}
.footer .footer-section .middle .social-footer .twitter:hover {
background-color: #55acee;
}
.footer .footer-section .right {
width: 33.33%;
}
@media only screen and (max-width: 767px) {
.footer .footer-section .right {
width: 100%;
}
}
.footer .footer-section .right .region-footer-second h2 {
font-size: 20px;
padding-bottom: 10px;
color: #102a42;
}
.footer .footer-section .right .region-footer-second p {
font-size: 14px;
color: rgba(255, 107, 74, 0.7490196078);
}
.faq-outer {
padding-bottom: 60px; }
@media only screen and (max-width: 767px) {
.faq-outer {
padding-bottom: 30px; } }
padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.faq-outer {
padding-bottom: 30px;
}
}
.faq-sec > li {
position: relative;
margin-bottom: 16px;
margin-left: 0; }
.faq-sec > li .faq-title {
font-size: 16px;
background-color: #D1E8E2;
color: #000;
padding: 18px 15px;
padding-right: 40px;
display: block;
position: relative;
margin: 0;
line-height: 1.2;
cursor: pointer; }
.faq-sec > li .faq-title.scroll-margin-top {
scroll-margin-top: 190px; }
@media only screen and (max-width: 767px) {
.faq-sec > li .faq-title.scroll-margin-top {
scroll-margin-top: 100px; } }
.faq-sec > li .faq-title:hover {
background-color: #D1E8E2;
color: #116466; }
.faq-sec > li .faq-title:after, .faq-sec > li .faq-title:before {
content: "";
position: absolute;
right: 0;
font-size: 10px;
background: #2C2C2C;
width: 14px;
height: 2px;
top: 50%;
margin: -1px 18px 0 0; }
.faq-sec > li .faq-title::after {
transform: rotate(90deg); }
.faq-sec > li .faq-title.active {
background-color: #D1E8E2;
color: #116466;
font-weight: 700; }
.faq-sec > li .faq-title.active::after {
display: none; }
.faq-sec > li .faq-content {
background-color: #F8F8F8;
padding: 15px;
margin: 8px 0 0 0;
border-radius: 4px;
display: none; }
.faq-sec > li .faq-content p {
font-size: 16px;
color: #4D4D4F; }
margin-left: 0;
}
.faq-sec > li .faq-title {
font-size: 16px;
background-color: #D1E8E2;
color: #000;
padding: 18px 15px;
padding-right: 40px;
display: block;
position: relative;
margin: 0;
line-height: 1.2;
cursor: pointer;
}
.faq-sec > li .faq-title.scroll-margin-top {
scroll-margin-top: 190px;
}
@media only screen and (max-width: 767px) {
.faq-sec > li .faq-title.scroll-margin-top {
scroll-margin-top: 100px;
}
}
.faq-sec > li .faq-title:hover {
background-color: #D1E8E2;
color: #116466;
}
.faq-sec > li .faq-title:after, .faq-sec > li .faq-title:before {
content: "";
position: absolute;
right: 0;
font-size: 10px;
background: #2C2C2C;
width: 14px;
height: 2px;
top: 50%;
margin: -1px 18px 0 0;
}
.faq-sec > li .faq-title::after {
transform: rotate(90deg);
}
.faq-sec > li .faq-title.active {
background-color: #D1E8E2;
color: #116466;
font-weight: 700;
}
.faq-sec > li .faq-title.active::after {
display: none;
}
.faq-sec > li .faq-content {
background-color: #F8F8F8;
padding: 15px;
margin: 8px 0 0 0;
border-radius: 4px;
display: none;
}
.faq-sec > li .faq-content p {
font-size: 16px;
color: #4D4D4F;
}
form {
max-width: 690px;
......@@ -412,84 +623,128 @@ form {
background: #fff;
box-shadow: 0px 3px 46px #ffd2be;
padding: 40px;
margin: 20px auto 60px auto; }
@media only screen and (max-width: 767px) {
form {
padding: 20px;
max-width: 300px;
margin: 30px auto 60px auto; } }
form .js-form-item {
display: flex;
flex-direction: column; }
form .js-form-item label {
margin-bottom: 10px;
color: #ff6b4abf;
font-weight: 900; }
form .js-form-item .js-text-full {
max-width: 600px; }
form .field--name-field-name, form .field--name-field-phone-number, form .field--name-field-email {
max-width: 337px;
width: 100%; }
form .field--name-field-query- {
max-width: 600px;
width: 100%; }
margin: 20px auto 60px auto;
}
@media only screen and (max-width: 767px) {
form {
padding: 20px;
max-width: 100%;
width: auto;
margin: 30px auto 60px auto;
}
}
form .js-form-item {
display: flex;
flex-direction: column;
}
form .js-form-item label {
margin-bottom: 10px;
color: rgba(255, 107, 74, 0.7490196078);
font-weight: 900;
}
form .js-form-item .js-text-full {
max-width: 600px;
}
@media only screen and (max-width: 767px) {
form .form-actions {
margin-top: 30px; }
form .js-form-type-checkbox {
display: block; }
form .js-form-type-checkbox .form-checkbox {
margin-right: 5px; }
display: flex;
flex-wrap: wrap;
gap: 10px;
}
form .form-actions .js-form-submit {
margin: 0;
font-weight: 500;
padding: 8px 20px;
font-size: 15px;
}
}
form .field--name-field-name, form .field--name-field-phone-number, form .field--name-field-email {
max-width: 337px;
width: 100%;
}
form .field--name-field-query- {
max-width: 600px;
width: 100%;
}
form .form-actions {
margin-top: 30px;
}
form .js-form-type-checkbox {
display: block;
}
form .js-form-type-checkbox .form-checkbox {
margin-right: 5px;
}
.courses-outer {
padding-top: 60px;
padding-bottom: 60px; }
@media only screen and (max-width: 767px) {
.courses-outer {
padding-top: 30px;
padding-bottom: 30px; } }
.courses-outer h2 {
text-align: center; }
padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.courses-outer {
padding-top: 30px;
padding-bottom: 30px;
}
}
.courses-outer h2 {
text-align: center;
}
.facilities-bottom > p .showmore_content {
overflow: hidden; }
overflow: hidden;
}
.facilities-bottom > p .showmore_trigger .more, .facilities-bottom > p .showmore_trigger .less {
color: #fff;
cursor: pointer;
font-weight: 600;
font-size: 16px;
font-style: normal;
display: block; }
.facilities-bottom > p .showmore_trigger .more:hover, .facilities-bottom > p .showmore_trigger .less:hover {
color: #D1E8E2; }
display: block;
}
.facilities-bottom > p .showmore_trigger .more:hover, .facilities-bottom > p .showmore_trigger .less:hover {
color: #D1E8E2;
}
.flexslider {
border: unset !important;
overflow: hidden;
margin: 0 !important; }
margin: 0 !important;
}
.flexslider .flex-viewport .slides li a img {
width: 100%;
height: 550px;
}
@media only screen and (max-width: 1023px) {
.flexslider .flex-viewport .slides li a img {
width: 100%;
height: 550px; }
@media only screen and (max-width: 1023px) {
.flexslider .flex-viewport .slides li a img {
height: 350px; } }
@media only screen and (max-width: 767px) {
.flexslider .flex-viewport .slides li a img {
height: 160px; } }
.flexslider .flex-viewport .slides li p {
display: none; }
height: 350px;
}
}
@media only screen and (max-width: 767px) {
.flexslider .flex-viewport .slides li a img {
height: 160px;
}
}
.flexslider .flex-viewport .slides li p {
display: none;
}
.tabs .is-active {
color: #ff6b4abf; }
color: rgba(255, 107, 74, 0.7490196078);
}
.tabs li {
background-color: #ff6b4abf;
color: #fff; }
.tabs li a {
color: #fff; }
.tabs li a:hover {
color: #ff6b4abf; }
background-color: rgba(255, 107, 74, 0.7490196078);
color: #fff;
}
.tabs li a {
color: #fff;
}
.tabs li a:hover {
color: rgba(255, 107, 74, 0.7490196078);
}
.side-con {
padding-top: 60px; }
padding-top: 60px;
}
/* Footer Scroll To Top. */
.scrolltop {
......@@ -506,26 +761,56 @@ form {
font-size: 30px;
z-index: 20;
text-align: center;
padding: 4px; }
padding: 4px;
}
.scrolltop-icon {
border-radius: 50%;
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease; }
transition: background 0.3s ease;
}
/* css for hamburger */
.hamburger {
position: absolute;
right: 4px;
top: 7px;
visibility: hidden; }
visibility: hidden;
}
@media only screen and (max-width: 992px) {
.hamburger {
visibility: visible;
}
}
.hamburger .bar {
border: 1.5px solid white;
border: 1.5px solid #000;
margin: 9px;
display: block;
width: 32px;
background: #fff; }
background: #fff;
transition: 0.3s all ease;
}
.hamburger .rotate {
transition: 0.3s all ease;
}
.hamburger .rotate:nth-child(1) {
transform: rotate(45deg);
margin: -1px;
}
.hamburger .rotate:nth-child(2) {
display: none;
}
.hamburger .rotate:nth-child(3) {
transform: rotate(-45deg);
margin: -2px;
}
.displace {
right: 8px;
top: 25px;
}
.nav-items-1 {
position: relative;
......@@ -538,86 +823,115 @@ form {
margin: auto;
list-style: none;
display: flex;
padding-left: 0; }
padding: 60px 0;
transition: 0.6s all ease;
}
.nav-items-1 > li {
padding-top: 12px; }
padding-top: 12px;
}
.nav-items-1 li {
text-decoration: none;
margin-bottom: 10px; }
margin-bottom: 10px;
}
.nav-items-1 li a {
text-decoration: none;
color: #e83e8c;
list-style: none; }
list-style: none;
}
/* Mobile Responsive */
.banner-region {
width: 100%; }
.banner-region img {
width: 100%; }
width: 100%;
}
.accerediation-outer {
padding: 48px 0;
text-align: center;
clear: both; }
@media only screen and (max-width: 767px) {
.accerediation-outer {
padding: 30px 0; } }
clear: both;
}
@media only screen and (max-width: 767px) {
.accerediation-outer {
padding: 30px 0;
}
}
.accerediation-outer .accrediation-list {
margin: -20px -12px;
}
@media only screen and (max-width: 767px) {
.accerediation-outer .accrediation-list {
margin: -20px -12px; }
@media only screen and (max-width: 767px) {
.accerediation-outer .accrediation-list {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
overflow-x: auto;
overflow-y: hidden;
flex-wrap: nowrap;
-webkit-overflow-scrolling: touch;
-ms-flex-direction: row;
flex-direction: row;
overflow: -moz-scrollbars-none;
-ms-overflow-style: none;
margin: -10px;
padding: 10px;
width: calc(100% + 25px); } }
.accerediation-outer .accrediation-list li {
text-align: center;
box-shadow: 0px 0px 13px #00375F1A;
padding: 30px 50px;
border-radius: 12px; }
@media only screen and (max-width: 1199px) {
.accerediation-outer .accrediation-list li {
width: calc(25% - 24px); } }
@media only screen and (max-width: 1023px) {
.accerediation-outer .accrediation-list li {
width: calc(33.33% - 24px);
padding: 30px; } }
@media only screen and (max-width: 767px) {
.accerediation-outer .accrediation-list li {
min-width: 200px !important;
width: 200px !important;
margin: 0 12px 0 0;
padding: 20px 15px; } }
.accerediation-outer .accrediation-list li .accerediation-img img {
max-height: 86px;
max-width: 86px;
width: auto; }
.accerediation-outer .accrediation-list li .accerediation-name {
font: bold 16px/28px "Poppins", sans-serif;
color: #2C2C2C;
padding-top: 20px; }
.accerediation-outer .accrediation-list li .accerediation-name a {
color: #2C2C2C; }
.accerediation-outer .accrediation-list li p {
font: 15px/24px "Poppins", sans-serif;
color: #4D4D4F;
padding-top: 10px; }
.accerediation-outer .accrediation-list li p a {
color: #4D4D4F; }
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
overflow-x: auto;
overflow-y: hidden;
flex-wrap: nowrap;
-webkit-overflow-scrolling: touch;
-ms-flex-direction: row;
flex-direction: row;
overflow: -moz-scrollbars-none;
-ms-overflow-style: none;
margin: -10px;
padding: 10px;
width: calc(100% + 25px);
}
}
.accerediation-outer .accrediation-list li {
text-align: center;
box-shadow: 0px 0px 13px rgba(0, 55, 95, 0.1019607843);
padding: 30px 50px;
border-radius: 12px;
}
@media only screen and (max-width: 1199px) {
.accerediation-outer .accrediation-list li {
width: calc(25% - 24px);
}
}
@media only screen and (max-width: 1023px) {
.accerediation-outer .accrediation-list li {
width: calc(33.33% - 24px);
padding: 30px;
}
}
@media only screen and (max-width: 767px) {
.accerediation-outer .accrediation-list li {
min-width: 200px !important;
width: 200px !important;
margin: 0 12px 0 0;
padding: 20px 15px;
}
}
.accerediation-outer .accrediation-list li .accerediation-img img {
max-height: 86px;
max-width: 86px;
width: auto;
}
.accerediation-outer .accrediation-list li .accerediation-name {
font: bold 16px/28px "Poppins", sans-serif;
color: #2C2C2C;
padding-top: 20px;
}
.accerediation-outer .accrediation-list li .accerediation-name a {
color: #2C2C2C;
}
.accerediation-outer .accrediation-list li p {
font: 15px/24px "Poppins", sans-serif;
color: #4D4D4F;
padding-top: 10px;
}
.accerediation-outer .accrediation-list li p a {
color: #4D4D4F;
}
.views-row {
padding-block: 1.5rem;
}
.views-row:not(:last-child) article.node {
margin-bottom: 30px;
}
/*# sourceMappingURL=style.css.map */
{
"version": 3,
"mappings": "AAAQ,qFAA6E;AAC7E,wFAAgF;AAChF,gGAAwF;AAEhG;;;wDAGkD;EAChD,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,MAAM,EAAE,CAAC;EACT,SAAS,EAAE,IAAI;EACf,IAAI,EAAE,OAAO;EACb,cAAc,EAAE,QAAQ;;AAG1B,iDAAiD;AAEjD,uFAA8E;EAC5E,OAAO,EAAE,KAAK;;AAUhB,IAAK;EACH,WAAW,EARD,qBAAqB;EAS/B,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,IAAI;EAChB,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;AAGZ,EAAG;EACD,UAAU,EAAE,IAAI;;AAGlB;CACE;EACA,MAAM,EAAE,IAAI;;AAGd,KAAM;EACJ,eAAe,EAAE,QAAQ;EACzB,cAAc,EAAE,CAAC;;AAGnB,QAAS;EACP,SAAS,EAAE,MAAM;EACjB,OAAO,EAAE,MAAM;EACf,MAAM,EAAE,MAAM;;AAGd,0BAAM;EACJ,GAAG,EAAE,IAAI;;AAIb,GAAI;EACF,SAAS,EAAE,IAAI;EACf,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,KAAK;;AAEhB,+BAAgC;EAC9B,OAAO,EAAE,IAAI;;AAEf,WAAY;EACV,OAAO,EAAE,IAAI;;AAEf,WAAY;EACV,OAAO,EAAE,IAAI;;AAIf,6CAA8C;EAC5C,QAAQ,EAAE,KAAK;EACf,OAAO,EAAE,IAAI;EACb,KAAK,EAAE,IAAI;;AAgHb,mBAAmB;EACjB,UAAU,EAAE,KAAK;;AAEnB,MAAK;EACH,WAAW,EA/KD,qBAAqB;EAgL/B,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,GAAG;EAChB,WAAW,EAAE,GAAG;EAChB,KAAK,EAAE,OAAO;EA1FV,yCAA0C;IAqFhD,MAAK;MAOD,SAAS,EAAE,IAAI;;AAGnB,EAAE;EACA,WAAW,EAzLD,qBAAqB;EA0L/B,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,GAAG;EAChB,WAAW,EAAE,GAAG;EAChB,KAAK,EAAE,OAAO;EApGV,yCAA0C;IA+FhD,EAAE;MAOE,SAAS,EAAE,IAAI;;AAIlB,MAAK;EACJ,WAAW,EApMD,qBAAqB;EAqM/B,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,IAAI;EACjB,WAAW,EAAE,GAAG;EAChB,KAAK,EAAE,OAAO;EACd,cAAc,EAAE,IAAI;;AAGrB,WAAW;EACV,UAAU,EAAE,MAAM;;AAInB,OAAO;EACN,OAAO,EAAE,SAAS;EAClB,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,mBAAmB;EAC3B,aAAa,EAAE,IAAI;EACnB,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,IAAI;EACX,WAAW,EAAE,GAAG;EAChB,WAAW,EAzND,qBAAqB;EA0N/B,OAAO,EAAE,WAAW;EACpB,eAAe,EAAE,MAAM;EACvB,WAAW,EAAE,MAAM;EACnB,eAAe,EAAE,IAAI;EACrB,MAAM,EAAE,OAAO;EACf,UAAU,EAAE,gBAAgB;EAC5B,kBAAkB,EAAE,IAAI;EACtB,UAAU,EAAE,IAAI;EAClB,aAAO;IACL,OAAO,EAAE,QAAQ;IACjB,SAAS,EAAE,IAAI;IA3Ib,yCAA0C;MAyI9C,aAAO;QAIH,OAAO,EAAE,QAAQ;QACjB,SAAS,EAAE,IAAI;EAGnB,aAAO;IACL,gBAAgB,EAAE,SAAS;IAC3B,KAAK,EAAE,IAAI;EAEb,aAAO;IACL,gBAAgB,EAAE,SAAS;IAC3B,KAAK,EAAE,IAAI;EAEb,cAAQ;IACN,UAAU,EAAE,IAAI;IAChB,MAAM,EAAE,mBAAmB;IAC3B,KAAK,EAAE,OAAO;IACd,oBAAO;MACL,YAAY,EAAE,SAAS;MACvB,gBAAgB,EAAE,SAAS;MAC3B,KAAK,EAAE,IAAI;IAEb,oBAAO;MACL,gBAAgB,EAAE,SAAS;MAC3B,YAAY,EAAE,SAAS;MACvB,KAAK,EAAE,OAAO;;AAKpB,iBAAiB;EACf,SAAS,EAAE,MAAM;EACjB,MAAM,EAAE,MAAM;;AAIhB,KAAK;EACH,KAAK,EAAE,IAAI;EACX,SAAS,EAAE,KAAK;EAChB,cAAc,EAAE,CAAC;EACjB,eAAe,EAAE,QAAQ;EACzB,OAAO,EAAE,aAAa;EA/LlB,yCAA0C;IA0LhD,KAAK;MAOD,SAAS,EAAE,KAAK;EAElB,QAAE;IACA,IAAI,EAAE,mCAAwB;IAC9B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,IAAI;IACZ,WAAE;MACA,IAAI,EAAE,mCAAwB;MAC9B,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,SAAS;MAClB,UAAU,EAAE,MAAM;MAClB,gBAAgB,EAAE,SAAS;MAC3B,YAAY,EAAE,iBAAiB;IAEjC,WAAE;MACA,OAAO,EAAE,SAAS;MAClB,gBAAgB,EAAE,IAAI;MACtB,UAAU,EAAE,IAAI;MAChB,WAAW,EAAE,iBAAiB;MAC9B,YAAY,EAAE,iBAAiB;MAC/B,aAAa,EAAE,iBAAiB;MAChC,aAAC;QACC,eAAe,EAAE,IAAI;QACrB,KAAK,EAAE,OAAO;QACd,mBAAO;UACL,KAAK,EAAE,SAAS;UAChB,eAAe,EAAE,SAAS;;AAMpC,aAAa;EACX,cAAc,EAAE,IAAI;EACtB,0BAAY;IACV,KAAK,EAAE,OAAO;IACd,4BAAC;MACC,KAAK,EAAE,OAAO;MACd,eAAe,EAAE,IAAI;;AAOzB,OAAQ;EACN,gBAAgB,EA1TV,IAAI;EA2TV,QAAQ,EAAE,MAAM;EAChB,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,EAAE;EAET,sBAAG;IACD,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,KAAK;IACZ,aAAa,EAAE,IAAI;EAIvB,kBAAU;IACR,OAAO,EAAE,IAAI;EAEf,qBAAa;IACX,OAAO,EAAE,MAAM;IAEf,OAAO,EAAE,IAAI;IACb,WAAW,EAAE,MAAM;IACnB,eAAe,EAAE,aAAa;IAC9B,KAAK,EAAE,IAAI;IA2Bb,+BAAU;MACV,MAAM,EAAE,CAAC;MACT,OAAO,EAAE,MAAM;MACf,OAAO,EAAE,IAAI;MACb,eAAe,EAAE,MAAM;MACvB,UAAU,EAAE,IAAI;MAChB,kCAAG;QACD,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,IAAI;QACjB,6CAAY;UACV,aAAa,EAAE,CAAC;QAElB,oCAAE;UACA,SAAS,EAAE,IAAI;UACf,eAAe,EAAE,IAAI;UACrB,KAAK,EAAE,IAAI;UACX,0CAAO;YACL,KAAK,EAhYJ,OAAO;MAoYd,6CAAc;QACZ,gBAAgB,EAAE,KAAK;QACvB,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,iBAAiB;QAC7B,SAAS,EAAE,KAAK;QAChB,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,QAAQ;QAClB,IAAI,EAAE,IAAI;QACV,GAAG,EAAE,IAAI;QAEP,kDAAE;UACF,KAAK,EAAE,IAAI;UACX,wDAAO;YACL,KAAK,EAjZJ,OAAO;MAwahB,qDAAsB;QACpB,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,CAAC;;AAQV,WAAI;EACF,KAAK,EAAE,IAAI;;AAKf,OAAQ;EACN,UAAU,EAAE,KAAK;EACjB,UAAU,EAxbO,wCAAwC;;AA0b3D,OAAQ;EACN,OAAO,EAAE,MAAM;EACf,UAAU,EAAE,oBAAoB;EAxW5B,yCAA0C;IAsWhD,OAAQ;MAIJ,OAAO,EAAE,MAAM;EAEjB,uBAAgB;IACd,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,aAAa;IA9W5B,yCAA0C;MA4W9C,uBAAgB;QAIZ,OAAO,EAAE,KAAK;IAEhB,6BAAM;MACJ,KAAK,EAAE,MAAM;MACb,aAAa,EAAE,IAAI;MApXnB,yCAA0C;QAkX5C,6BAAM;UAIF,KAAK,EAAE,IAAI;UACX,aAAa,EAAE,CAAC;UAChB,cAAc,EAAE,IAAI;MAGpB,qDAAE;QACA,SAAS,EAAE,IAAI;QACf,cAAc,EAAE,IAAI;QACpB,KAAK,EAAE,OAAO;MAEhB,wDAAM;QACJ,WAAW,EAAE,CAAC;QACd,mEAAW;UACT,cAAc,EAAE,IAAI;UACpB,8EAAY;YACV,cAAc,EAAE,CAAC;UAEnB,qEAAE;YACA,SAAS,EAAE,IAAI;YACf,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,GAAG;YAChB,OAAO,EAAE,WAAW;YACpB,UAAU,EAAE,eAAe;YAC3B,SAAS,EAAE,aAAa;YACxB,eAAe,EAAE,IAAI;YACrB,2EAAQ;cACN,SAAS,EAAE,eAAe;IAQtC,+BAAO;MACL,KAAK,EAAE,MAAM;MACb,aAAa,EAAE,IAAI;MA1ZnB,yCAA0C;QAwZ5C,+BAAO;UAIH,KAAK,EAAE,IAAI;UACX,aAAa,EAAE,CAAC;UAChB,cAAc,EAAE,IAAI;MAEtB,kCAAE;QACA,SAAS,EAAE,IAAI;QACf,cAAc,EAAE,IAAI;QACpB,KAAK,EAAE,OAAO;MAEhB,8CAAc;QACZ,OAAO,EAAE,IAAI;QACb,WAAW,EAAE,MAAM;QACnB,kDAAG;UACD,gBAAgB,EAAE,KAAK;UACvB,aAAa,EAAE,GAAG;UAClB,YAAY,EAAE,IAAI;UAClB,MAAM,EAAE,IAAI;UACZ,KAAK,EAAE,IAAI;UACX,OAAO,EAAE,IAAI;UACb,UAAU,EAAE,eAAe;UAC3B,wDAAO;YACH,gBAAgB,EAAE,OAAO;QAG/B,qDAAM;UACJ,gBAAgB,EAAE,KAAK;UACvB,aAAa,EAAE,GAAG;UAClB,YAAY,EAAE,IAAI;UAClB,MAAM,EAAE,IAAI;UACZ,KAAK,EAAE,IAAI;UACX,OAAO,EAAE,IAAI;UACb,UAAU,EAAE,eAAe;UAEvB,2DAAG;YACC,SAAS,EAAE,IAAI;YACf,UAAU,EAAE,IAAI;UAGxB,2DAAO;YACH,UAAU,EAAE,4EAA4E;QAG9F,uDAAQ;UACN,gBAAgB,EAAE,KAAK;UACvB,aAAa,EAAE,GAAG;UAClB,MAAM,EAAE,IAAI;UACZ,KAAK,EAAE,IAAI;UACX,OAAO,EAAE,IAAI;UACb,UAAU,EAAE,eAAe;UAE3B,6DAAG;YACC,SAAS,EAAE,IAAI;YACf,UAAU,EAAE,IAAI;UAGxB,6DAAO;YACH,gBAAgB,EAAG,OAAO;IAKhC,8BAAM;MACJ,KAAK,EAAE,MAAM;MA1db,yCAA0C;QAyd5C,8BAAM;UAGF,KAAK,EAAE,IAAI;MAGX,uDAAE;QACA,SAAS,EAAE,IAAI;QACf,cAAc,EAAE,IAAI;QACpB,KAAK,EAAE,OAAO;MAEhB,sDAAC;QACC,SAAS,EAAE,IAAI;QACf,KAAK,EAAE,SAAS;;AAS1B,UAAU;EACR,cAAc,EAAE,IAAI;EAhfhB,yCAA0C;IA+ehD,UAAU;MAGN,cAAc,EAAE,IAAI;;AAItB,aAAI;EACE,QAAQ,EAAE,QAAQ;EAClB,aAAa,EAAE,IAAI;EACnB,WAAW,EAAE,CAAC;EACd,wBAAU;IACN,SAAS,EAAE,IAAI;IACf,gBAAgB,EAAE,OAAO;IACzB,KAAK,EAAE,IAAI;IACX,OAAO,EAAE,SAAS;IAClB,aAAa,EAAE,IAAI;IACnB,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,CAAC;IACT,WAAW,EAAE,GAAG;IAChB,MAAM,EAAE,OAAO;IACf,0CAAmB;MACjB,iBAAiB,EAAE,KAAK;MAtgBhC,yCAA0C;QAqgBpC,0CAAmB;UAGf,iBAAiB,EAAE,KAAK;IAG5B,8BAAO;MACL,gBAAgB,EAAE,OAAO;MACzB,KAAK,EAAE,OAAO;IAEhB,+DAAgB;MACd,OAAO,EAAE,EAAE;MACX,QAAQ,EAAE,QAAQ;MAClB,KAAK,EAAE,CAAC;MACR,SAAS,EAAE,IAAI;MACf,UAAU,EAAE,OAAO;MACnB,KAAK,EAAE,IAAI;MACX,MAAM,EAAE,GAAG;MACX,GAAG,EAAE,GAAG;MACR,MAAM,EAAE,aAAa;IAEvB,+BAAQ;MACN,SAAS,EAAE,aAAa;IAE1B,+BAAQ;MACN,gBAAgB,EAAE,OAAO;MACzB,KAAK,EAAE,OAAO;MACd,WAAW,EAAE,GAAG;MAEhB,sCAAQ;QACN,OAAO,EAAE,IAAI;EAIvB,0BAAY;IACV,gBAAgB,EAAE,OAAO;IACzB,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,SAAS;IACjB,aAAa,EAAE,GAAG;IAClB,OAAO,EAAE,IAAI;IAEb,4BAAE;MACE,SAAS,EAAE,IAAI;MACf,KAAK,EAAE,OAAO;;AAO1B,IAAK;EACH,SAAS,EAAE,KAAK;EAChB,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,IAAI;EAChB,UAAU,EAAE,oBAAoB;EAChC,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,mBAAmB;EA7jBvB,yCAA0C;IAujBhD,IAAK;MAQC,OAAO,EAAE,IAAI;MACb,SAAS,EAAE,KAAK;MAChB,MAAM,EAAE,mBAAmB;EAE/B,kBAAa;IACX,OAAO,EAAE,IAAI;IACb,cAAc,EAAE,MAAM;IACtB,wBAAM;MACJ,aAAa,EAAE,IAAI;MACnB,KAAK,EAAE,SAAS;MAChB,WAAW,EAAE,GAAG;IAElB,gCAAa;MACX,SAAS,EAAE,KAAK;EAGtB,iGAAmF;IACjF,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,IAAI;EAEb,8BAAyB;IACvB,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,IAAI;EAEb,kBAAa;IACX,UAAU,EAAE,IAAI;EAElB,2BAAsB;IACpB,OAAO,EAAE,KAAK;IACd,0CAAc;MACZ,YAAY,EAAE,GAAG;;AAMrB,cAAc;EACZ,WAAW,EAAE,IAAI;EACjB,cAAc,EAAE,IAAI;EArmBhB,yCAA0C;IAmmBhD,cAAc;MAIV,WAAW,EAAE,IAAI;MACjB,cAAc,EAAE,IAAI;EAEvB,iBAAE;IACD,UAAU,EAAE,MAAM;;AAMlB,wCAAiB;EACf,QAAQ,EAAE,MAAM;AAGhB,8FAAW;EACT,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,OAAO;EACf,WAAW,EAAE,GAAG;EAChB,SAAS,EAAE,IAAI;EACf,UAAU,EAAE,MAAM;EAClB,OAAO,EAAE,KAAK;EACd,0GAAO;IACL,KAAK,EAAE,OAAO;;AAOtB,WAAY;EACV,MAAM,EAAE,gBAAe;EACvB,QAAQ,EAAE,MAAM;EAChB,MAAM,EAAE,YAAW;EAKX,2CAAI;IACF,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,KAAK;IAnpBnB,0CAA2C;MAipBvC,2CAAI;QAIA,MAAM,EAAE,KAAK;IAhpBrB,yCAA0C;MA4oBtC,2CAAI;QAOA,MAAM,EAAE,KAAK;EAInB,uCAAC;IACC,OAAO,EAAE,IAAI;;AASrB,gBAAU;EACR,KAAK,EAAE,SAAS;AAElB,QAAE;EACA,gBAAgB,EAAE,SAAS;EAC3B,KAAK,EAAE,IAAI;EACX,UAAC;IACC,KAAK,EAAE,IAAI;IACX,gBAAO;MACL,KAAK,EAAE,SAAS;;AAOxB,SAAS;EACP,WAAW,EAAE,IAAI;;AAGnB,2BAA2B;AAE3B,UAAW;EACT,QAAQ,EAAE,KAAK;EACf,OAAO,EAAE,IAAI;EACb,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,WAAW,EAAE,IAAI;EACjB,aAAa,EAAE,GAAG;EAClB,UAAU,EAAE,kBAAkB;EAC9B,KAAK,EAAE,IAAI;EACX,SAAS,EAAE,IAAI;EACf,OAAO,EAAE,EAAE;EACX,UAAU,EAAE,MAAM;EAClB,OAAO,EAAE,GAAG;;AAGd,eAAgB;EACd,aAAa,EAAE,GAAG;EAClB,kBAAkB,EAAE,oBAAoB;EACxC,UAAU,EAAE,oBAAoB;;AA8ClC,uBAAuB;AAEvB,UAAW;EACT,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,GAAG;EACV,GAAG,EAAE,GAAG;EACR,UAAU,EAAE,MAAM;;AAGpB,eAAgB;EACd,MAAM,EAAE,iBAAiB;EACzB,MAAM,EAAE,GAAG;EACX,OAAO,EAAE,KAAK;EACd,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,IAAI;;AAIlB,YAAa;EACX,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,IAAI;EACT,OAAO,EAAE,GAAG;EACZ,WAAW,EAAE,MAAM;EACnB,cAAc,EAAE,MAAM;EACtB,KAAK,EAAE,OAAO;EACd,gBAAgB,EAAE,IAAI;EACtB,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,IAAI;EAChB,OAAO,EAAE,IAAI;EACb,YAAY,EAAE,CAAC;;AAEjB,iBAAkB;EAChB,WAAW,EAAE,IAAI;;AAEnB,eAAe;EACb,eAAe,EAAE,IAAI;EACrB,aAAa,EAAE,IAAI;;AAGrB,iBAAiB;EACf,eAAe,EAAE,IAAI;EACrB,KAAK,EAAE,OAAO;EACd,UAAU,EAAE,IAAI;;AAMlB,uBAAuB;AAwBvB,cAAc;EAEZ,KAAK,EAAE,IAAI;EACX,kBAAG;IACD,KAAK,EAAE,IAAI;;AAKf,oBAAqB;EACnB,OAAO,EAAE,MAAM;EACf,UAAU,EAAE,MAAM;EAClB,KAAK,EAAE,IAAI;EA70BP,yCAA0C;IA00BhD,oBAAqB;MAKf,OAAO,EAAE,MAAM;EAEnB,uCAAmB;IACf,MAAM,EAAE,WAAW;IAl1BnB,yCAA0C;MAi1B9C,uCAAmB;QAGX,OAAO,EAAE,WAAW;QACpB,OAAO,EAAE,WAAW;QACpB,OAAO,EAAE,YAAY;QACrB,OAAO,EAAE,IAAI;QACb,eAAe,EAAE,UAAU;QAC3B,UAAU,EAAE,IAAI;QAChB,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,MAAM;QACjB,0BAA0B,EAAE,KAAK;QACjC,kBAAkB,EAAE,GAAG;QACvB,cAAc,EAAE,GAAG;QACnB,QAAQ,EAAE,oBAAoB;QAC9B,kBAAkB,EAAE,IAAI;QACxB,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,iBAAiB;IAE5B,0CAAG;MAGC,UAAU,EAAE,MAAM;MAClB,UAAU,EAAE,sBAAsB;MAClC,OAAO,EAAE,SAAS;MAClB,aAAa,EAAE,IAAI;MA13BvB,0CAA2C;QAo3B3C,0CAAG;UAQK,KAAK,EAAE,gBAAgB;MAl3B/B,0CAA2C;QA02B3C,0CAAG;UAWK,KAAK,EAAE,mBAAmB;UAC1B,OAAO,EAAE,IAAI;MAj3BrB,yCAA0C;QAq2B1C,0CAAG;UAeK,SAAS,EAAE,gBAAgB;UAC3B,KAAK,EAAE,gBAAgB;UACvB,MAAM,EAAE,UAAU;UAClB,OAAO,EAAE,SAAS;MAGlB,iEAAI;QACA,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,IAAI;QACf,KAAK,EAAE,IAAI;MAInB,8DAAoB;QAChB,IAAI,EAAE,oCAAyB;QAC/B,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,IAAI;QACjB,gEAAC;UACG,KAAK,EAAE,OAAO;MAItB,4CAAE;QACE,IAAI,EAAE,+BAAoB;QAC1B,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,IAAI;QACjB,8CAAC;UACG,KAAK,EAAE,OAAO",
"sources": ["../sass/style.scss"],
"names": [],
"file": "style.css"
}
\ No newline at end of file
{"version":3,"sourceRoot":"","sources":["../sass/style.scss"],"names":[],"mappings":"AAAQ;AACA;AACA;AA2DR;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAEA;EACE;;;AAUF;EACE,aARU;EASV;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGA;EACE;;AA1FA;EAyFF;IAGI;;;AAIF;EACE;;AAjGF;EAqGA;IAEI;;;AAvGJ;EA2GE;IAEI;;;AAEF;EAJF;IAKI;;;;AAOV;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAIF;EACE;EACA;EACA;;;AAqEF;EACE;EACA;;;AAEF;EACE,aA9JU;EA+JV;EACA;EACA;EACA;;AAtME;EAiMJ;IAOI;;;;AAGJ;EACE,aAxKU;EAyKV;EACA;EACA;EACA;;AAhNE;EA2MJ;IAOI;;;;AAIH;EACC,aAnLU;EAoLV;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAxMU;EAyMV;EACA;EACA;EACA;EACA;EACA;EACA;EACE;;AACF;EACE;EACA;;AAvPA;EAqPF;IAII;IACA;;;AAGJ;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;;AAKN;EACE;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;AA7SE;EAwSJ;IAOI;;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;;;AAMV;EACE;;AACF;EACE;;AACA;EACE;EACA;;;AAOJ;EACE,kBA3SQ;EA4SR;EACA;EACA;EACA;;AAEE;EACE;EACA;EACA;;AAIJ;EACE;;AAEF;EACE;EAEA;EACA;EACA;;AA2BF;EACE;EACA;EACA;EACA;;AAvZA;EAmZF;IAMI;IACA;IACA;IACA;IACA;;;AAEF;EACE;;AAEF;EACE;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE,OAtXD;;AAyXH;EACE;EACA,kBAxXA;EAyXA;EACA;EACA;EACA;;AACA;EACE;;AACA;EACE;;AACA;EACE,OArYL;;AA0YH;EACE;EACA;;AAEF;EACE;EACA;;AAoBR;EACE;EACA;EACA;EACA;;AA/dE;EAkeA;IACE;IACA;;;AApeF;EA0eF;IACE;;;;AAOF;EACE;;;AAKJ;EACE;EACA,YA/biB;;;AAicnB;EACE;EACA;;AA5eE;EA0eJ;IAII;;;AAEF;EACE;EACA;;AAlfA;EAgfF;IAII;;;AAEF;EACE;EACA;;AAxfF;EAsfA;IAII;IACA;IACA;;;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAQZ;EACE;EACA;;AAhiBF;EA8hBA;IAII;IACA;IACA;;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAGN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEI;EACI;EACA;;AAGR;EACI;;AAGN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGR;EACI;;AAKN;EACE;;AAhmBF;EA+lBA;IAGI;;;AAGA;EACE;EACA;EACA;;AAEF;EACE;EACA;;;AASV;EACE;;AAtnBE;EAqnBJ;IAGI;;;;AAIF;EACM;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AA5oBV;EA2oBQ;IAGI;;;AAGJ;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AAEA;EACE;;AAIV;EACE;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;;AAOZ;EACE;EACA;EACA;EACA;EACA;EACA;;AAnsBE;EA6rBJ;IAQM;IACA;IACA;IACA;;;AAEJ;EACE;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;;AAntBF;EAutBA;IACE;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;;;AAIR;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;AACA;EACE;;;AAMJ;EACE;EACA;;AAzvBE;EAuvBJ;IAII;IACA;;;AAEH;EACC;;;AAMA;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAOR;EACE;EACA;EACA;;AAKQ;EACE;EACA;;AAxyBR;EAsyBM;IAII;;;AApyBV;EAgyBM;IAOI;;;AAIN;EACE;;;AASR;EACE;;AAEF;EACE;EACA;;AACA;EACE;;AACA;EACE;;;AAOR;EACE;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AA8CF;AAEA;EACE;EACA;EACA;EACA;;AAr6BE;EAi6BJ;IAMI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGA;EACE;;AACA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;;AAIN;EACE;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAMF;AAwBA;EACE;;;AAIF;EACE;EACA;EACA;;AAt/BE;EAm/BJ;IAKM;;;AAEJ;EACI;;AA3/BF;EA0/BF;IAGQ;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAEJ;EAGI;EACA;EACA;EACA;;AA5iCN;EAsiCE;IAQQ;;;AA5hCV;EAohCE;IAWQ;IACA;;;AA1hCV;EA8gCE;IAeQ;IACA;IACA;IACA;;;AAGA;EACI;EACA;EACA;;AAIR;EACI;EACA;EACA;;AACA;EACI;;AAIR;EACI;EACA;EACA;;AACA;EACI;;;AAMlB;EACE;;AAEE;EACE","file":"style.css"}
\ No newline at end of file
......@@ -67,14 +67,23 @@ jQuery('.scrolltop').click(function () {
// hamburger code
burger = document.querySelector('.hamburger');
bar = document.querySelectorAll('.bar');
navbar = document.querySelector('.nav-menu');
burger.addEventListener('click', () => {
if(navbar.classList.contains('nav-menu')){
burger.classList.add('displace');
navbar.classList.remove('nav-menu')
navbar.classList.add('nav-items-1')
bar.forEach(function (e) {
return e.classList.add("rotate");
});
}
else{
burger.classList.remove('displace');
navbar.classList.add('nav-menu')
navbar.classList.remove('nav-items-1')
bar.forEach(function (e) {
return e.classList.remove("rotate");
});
}
});
\ No newline at end of file
});
......@@ -2,6 +2,63 @@
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/fontawesome.min.css");
// Breakpoint
@mixin mquery($size) {
@if $size ==xlarge {
@media only screen and (min-width: 1400px) {
@content;
}
}
@if $size ==wrap {
@media only screen and (min-width: 1200px) {
@content;
}
}
@if $size ==large {
@media only screen and (max-width: 1199px) {
@content;
}
}
@if $size ==notebook {
@media only screen and (max-width: 992px) {
@content;
}
}
@if $size ==tab {
@media only screen and (min-width: 768px) {
@content;
}
}
@if $size ==medium {
@media only screen and (max-width: 1023px) {
@content;
}
}
@if $size ==mobile {
@media only screen and (max-width: 767px) {
@content;
}
}
@if $size ==small {
@media only screen and (max-width: 480px) {
@content;
}
}
@if $size ==xsmall {
@media only screen and (max-width: 430px) {
@content;
}
}
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,
img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,
......@@ -35,6 +92,10 @@ body {
padding: 0;
}
p {
margin-bottom: 1rem;
}
ul {
list-style: none;
}
......@@ -54,9 +115,34 @@ table {
padding: 0 15px;
margin: 0 auto;
}
.toolbar-horizontal{
header{
top: 80px;
.toolbar-horizontal {
header {
top: 39px;
@include mquery(notebook) {
top: 0;
}
}
&.toolbar-tray-open {
.header {
top: 80px;
}
}
&.user-logged-in {
.header {
@include mquery(notebook) {
top: 39px;
}
}
&.toolbar-tray-open {
.header {
@include mquery(notebook) {
top: 78px;
}
@media screen and (max-width: 950px) {
top: 105px;
}
}
}
}
}
......@@ -81,51 +167,8 @@ img {
z-index: 1250;
width: 100%;
}
//breakpoint
@mixin mquery($size) {
@if $size == xlarge {
@media only screen and (min-width: 1400px) {
@content;
}
}
@if $size == wrap {
@media only screen and (min-width: 1200px) {
@content;
}
}
@if $size == large {
@media only screen and (max-width: 1199px) {
@content;
}
}
@if $size == tab {
@media only screen and (min-width: 768px) {
@content;
}
}
@if $size == medium {
@media only screen and (max-width: 1023px) {
@content;
}
}
@if $size == mobile {
@media only screen and (max-width: 767px) {
@content;
}
}
@if $size == small {
@media only screen and (max-width: 480px) {
@content;
}
}
@if $size == xsmall {
@media only screen and (max-width: 430px) {
@content;
}
}
}
// //slick
// //slick
// .slick-slide img {
// display: initial;
// }
......@@ -193,6 +236,7 @@ img {
// common start //
#front-main-content{
min-height: 550px;
padding-bottom: 50px;
}
h4,h5{
font-family: $font-base;
......@@ -338,7 +382,7 @@ table{
// Header Section //
.header {
background-color: $white;
background-color: $colour2;
position: sticky;
top: 0;
width: 100%;
......@@ -354,13 +398,12 @@ table{
.site-name{
display: none;
}
.header-inner{
.header-inner {
padding: 10px 0;
// .region-header{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
// .menu {
// display: flex;
......@@ -388,46 +431,60 @@ table{
// }
// }
.nav-menu {
margin: 0;
padding: 10px 0;
display: flex;
justify-content: center;
list-style: none;
li {
position: relative;
padding: 15px 14px;
margin-left: 40px;
&:last-child{
padding-right: 0;
margin: 0;
padding: 10px 0;
display: flex;
list-style: none;
@include mquery(notebook){
height: 0;
padding: 0;
opacity: 0;
visibility: hidden;
transition: 0.6s all ease;
}
a {
font-size: 18px;
text-decoration: none;
color: #000;
&:hover{
color: $colour;
}
li.nav-item--expanded:hover > ul {
display: block;
}
}
.nav-menu-sub {
background-color: white;
padding-left: 0;
border-top: 3px solid #ff5c39;
min-width: 150px;
display: none;
position: absolute;
left: 12px;
top: 50px;
li {
position: relative;
padding: 15px 14px;
&:last-child{
padding-right: 0;
}
a {
color: #000;
&:hover{
color: $colour;
font-size: 18px;
text-decoration: none;
color: #000;
&:hover{
color: $colour;
}
}
.nav-menu-child {
position: absolute;
background-color: $white;
padding-left: 0;
box-shadow: 0 2px 10px $colour2;
max-width: 150px;
display: none;
li {
padding-right: 14px;
a {
color: #000;
&:hover{
color: $colour;
}
}
}
}
.nav-menu-sub {
left: 12px;
top: 100%;
}
.nav-menu-sub-child {
left: 100%;
top: 0;
}
}
}
}
// .nav-menu .nav-menu-sub {
// background-color: white;
......@@ -451,8 +508,19 @@ table{
color: white;
z-index: 1;
}
@include mquery(notebook) {
li.nav-item {
opacity: 0;
visibility: hidden;
}
}
}
}
@include mquery(notebook) {
.wrapper {
padding: 0;
}
}
}
// banner //
......@@ -479,7 +547,7 @@ table{
@include mquery(mobile){
display: block;
}
.left {
.left, .middle, .right, .footer-third {
width: 33.33%;
padding-right: 35px;
@include mquery(mobile){
......@@ -487,7 +555,9 @@ table{
padding-right: 0;
padding-bottom: 20px;
}
.region-footer-first {
.region-footer-first,
.region-footer-second,
.region-footer-third {
h2{
font-size: 20px;
padding-bottom: 10px;
......@@ -599,13 +669,13 @@ table{
}
}
}
}
}
// Faq (accordian) //
.faq-outer{
padding-bottom: 60px;
padding-bottom: 60px;
@include mquery(mobile){
padding-bottom: 30px;
}
......@@ -654,7 +724,7 @@ table{
background-color: #D1E8E2;
color: #116466;
font-weight: 700;
&::after{
display: none;
}
......@@ -685,7 +755,8 @@ form {
margin: 20px auto 60px auto;
@include mquery(mobile) {
padding: 20px;
max-width: 300px;
max-width: 100%;
width: auto;
margin: 30px auto 60px auto;
}
.js-form-item{
......@@ -700,6 +771,19 @@ form {
max-width: 600px;
}
}
@include mquery(mobile) {
.form-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
.js-form-submit {
margin: 0;
font-weight: 500;
padding: 8px 20px;
font-size: 15px;
}
}
}
.field--name-field-name, .field--name-field-phone-number, .field--name-field-email {
max-width: 337px;
width: 100%;
......@@ -877,14 +961,38 @@ form {
right: 4px;
top: 7px;
visibility: hidden;
@include mquery(notebook){
visibility: visible;
}
}
.hamburger .bar {
border: 1.5px solid white;
border: 1.5px solid #000;
margin: 9px;
display: block;
width: 32px;
background: #fff;
transition: 0.3s all ease;
}
.hamburger {
.rotate {
transition: 0.3s all ease;
&:nth-child(1) {
transform: rotate(45deg);
margin: -1px;
}
&:nth-child(2) {
display: none;
}
&:nth-child(3) {
transform: rotate(-45deg);
margin: -2px;
}
}
}
.displace {
right: 8px;
top: 25px;
}
......@@ -899,7 +1007,8 @@ form {
margin: auto;
list-style: none;
display: flex;
padding-left: 0;
padding: 60px 0;
transition: 0.6s all ease;
}
.nav-items-1 > li {
padding-top: 12px;
......@@ -943,11 +1052,7 @@ form {
// }
// }
.banner-region{
// padding-top: 80px;
width: 100%;
img{
width: 100%;
}
}
// what we do //
......@@ -1026,3 +1131,11 @@ form {
}
}
}
.views-row {
padding-block: 1.5rem;
&:not(:last-child) {
article.node {
margin-bottom: 30px;
}
}
}
screenshot.png

142 KiB

......@@ -35,8 +35,10 @@
{% if menu_level == 0 %}
<div id="sidebar" class="hide">
<ul{{ attributes.addClass('nav-menu') }}>
{% else %}
{% elseif menu_level == 1 %}
<ul class="nav-menu-sub nav-menu-child">
{% else %}
<ul class="nav-menu-sub-child nav-menu-child">
{% endif %}
{% for item in items %}
{%
......@@ -55,7 +57,8 @@
</li>
{% endfor %}
</ul>
</ul>
{% if menu_level == 0 %}
</div>
{% endif %}
{% endif %}
{% endmacro %}
......@@ -55,6 +55,7 @@
</div>
<div class="wrapper">
<div id="front-main-content">
{{ page.breadcrumb }}
{{ page.content }}
</div>
</div>
......