From eca5bd95a4c2d22e47fd50e97f1f49c79b9d565e Mon Sep 17 00:00:00 2001 From: rdrew Date: Wed, 5 Oct 2022 14:27:04 -0300 Subject: [PATCH] fixed gulp and search bar width --- css/sass/_components.scss | 1 + css/sass/style.scss | 2 +- css/style.css | 1 + css/style.css.map | 2 +- css/style.css.old | 1274 +++++++++++++++++++++++++++++++++++++ gulpfile.js | 6 +- 6 files changed, 1282 insertions(+), 4 deletions(-) create mode 100644 css/style.css.old diff --git a/css/sass/_components.scss b/css/sass/_components.scss index 03d4e5d..4141e06 100644 --- a/css/sass/_components.scss +++ b/css/sass/_components.scss @@ -42,6 +42,7 @@ form#views-exposed-form-dataset-search-page-1 { input#edit-search-api-fulltext { height: 54px; + width:100%; } /* Components -> Social icons */ .footer-social { diff --git a/css/sass/style.scss b/css/sass/style.scss index 0fd580f..6a8c559 100644 --- a/css/sass/style.scss +++ b/css/sass/style.scss @@ -1,4 +1,4 @@ -.test-class { +.test-class2 { } @import 'modularscale'; $modularscale: ( diff --git a/css/style.css b/css/style.css index 081dcd5..78a94af 100644 --- a/css/style.css +++ b/css/style.css @@ -820,6 +820,7 @@ form#views-exposed-form-dataset-search-page-1 { input#edit-search-api-fulltext { height: 54px; + width: 100%; } /* Components -> Social icons */ diff --git a/css/style.css.map b/css/style.css.map index a750739..2a84369 100644 --- a/css/style.css.map +++ b/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["_base.scss","_fonticons.scss","_layout.scss","_header.scss","_main.scss","_sidebar.scss","_comment.scss","_footer.scss","_homepage.scss","_components.scss","_shortcodes.scss","_responsive.scss","style.scss"],"names":[],"mappings":";AACA;AAAA;AAEA;AACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAEF;AAAA;AAEA;EACE;EACA;EACA;EACA;;;AAEF;AAAA;AAEA;EACE;;;AAGF;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EAEE;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;;;AAEF;EACE;;;AAGF;AACA;AAAA;AAAA;AAAA;EAIE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;;;AAEF;EACE;;;AAEF;AACA;AAAA;EAEE;EACA;;;AAEF;EACE;EACA;;;AAEF;AACA;AAAA;EAEE;;;AAEF;AAAA;EAEE;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AAAA;AAEA;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;AAAA;AAEA;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAGF;AAAA;AAEA;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;ACvQF;EACE;EACA,KACE;EAGF;EACA;EACA;;AAGF;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACvFF;EACA;;;AAEE;EACA;;AACF;EACA;;;ACNA;AAAA;AAEA;EAEE;EAEA;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAEF;AAAA;AAEA;EAEE;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EAEA;;;AAEF;EACE;;;AAEF;AACA;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;AACA;EACE;;;AAGJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AACA;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;AACA;EAEE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AC5HF;AAAA;AAEA;AACA;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;AACA;EACE;;;AAEF;AACA;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AChCF;AAAA;AAEA;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;ACXF;AAAA;AAEA;EACE;;;AAEF;EACE;;;AAEF;AACA;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;;;ACzCF;AAAA;AAAA;AAGC;EAEC;EACA;;;AAEF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;AACA;EACE;EACA;;;AC1DF;EACE;EACA;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAIF;EACE,QAFc;;AAGd;EACE,QAJY;;AAMd;EACE;;AAEF;EACE;EACA;;;AC9BJ;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEF;AAAA;EAEE;EACA;;;AAON;EAEE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAGF;EACE;;;AAEF;AACA;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AACA;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAIA;EACE;EACA;;AAGF;EACE;;;AAMJ;EAQE;;AAPA;EACE;;AAEF;EACE;EACA;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMJ;EACE;EACA;EACA;;;ACrIF;AAAA;AAAA;AAIA;AACA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EAEA;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC9JF;AACE;EACA;IACE;;EAEF;IACE;;AAEF;EACA;IACE;;AAEF;EACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACQ;;EAGV;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACQ;;EAEV;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;AAEF;EACA;IACE;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;;;AAGJ;AACE;EACA;IACE;;AAEF;EACA;IACE;IACA;IACA;;EAEF;IAKE;;EAJA;IAEA;;EAIF;IACE;;EAEF;IACE;IACA;IACA;;EAEF;AAAA;IAEE;IACA;IACI;;EAEN;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;;AAGJ;AACE;EACA;IACE;;;ACnGJ;EACE;;;AAEF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EAQE;EACA;;AARA;EACE;;AAEF;AAAA;EAEE;;;AAMJ;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAEF;EACE;EAEA","file":"style.css","sourcesContent":["//@format\n/* Variables\n---------------------------------------- */\n:root {\n /* Theme Colors */\n //--theme-color: #FFCC18;\n --upei-red: #7c2529;\n --upei-green: #789d4a;\n --upei-yellow: #f1b434;\n --theme-color: green;\n --theme-color-two: #383a68;\n --primary: #ffcc18;\n --secondary: #3e4182;\n //--dark: #2a2e52;\n --dark: #333;\n //--dark-grey: #9e9e9e;\n --dark-grey: #838383;\n --light: #edeef5;\n --border: #cccccc;\n --bold-color: var(--upei-red);\n --content-bg: #f2f2f2;\n --text-color: #222222;\n --body-font: 'Noto Sans', sans-serif;\n //--heading-font: 'Noto Sans', sans-serif;\n --heading-font: 'Adelle Regular', serif;\n}\n/* HTML and Body\n---------------------------------------- */\nbody {\n font-family: var(--body-font);\n background: #ffffff;\n color: var(--text-color);\n background-color: #fff !important;\n}\n/* Regions\n---------------------------------------- */\nsummary {\n color: var(--text-color);\n}\n\n/* Typography\n---------------------------------------- */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-family: var(--heading-font);\n color: var(--bold-color);\n}\nh1 {\n font-size: 2.2rem;\n font-size: ms(3);\n}\nh2 {\n font-size: 1.9rem;\n font-size: ms(2);\n}\nh3 {\n font-size: 1.6rem;\n font-size: ms(1);\n}\nh4 {\n font-size: 1.3rem;\n}\nh5 {\n font-size: 1.1rem;\n}\nh6 {\n font-size: 1.1rem;\n}\nstrong {\n color: var(--bold-color);\n}\nem {\n //color: var(--primary);\n color: var(--upei-green);\n}\na {\n -webkit-transition: color 0.4s ease;\n -o-transition: color 0.4s ease;\n transition: color 0.4s ease;\n}\na,\na:active,\nli a.active {\n color: var(--upei-green);\n}\na:hover {\n color: var(--primary);\n}\n\n/* Typography-> code tags */\ncode,\nkbd,\npre,\nsamp {\n background: var(--secondary);\n color: #ffffff;\n}\nmark {\n background: var(--primary);\n color: #ffffff;\n}\nfigcaption {\n background: var(--secondary);\n color: #ffffff;\n}\n\n/* Form\n---------------------------------------- */\n/* Form -> Button */\na.button,\n.button,\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n background-color: var(--secondary);\n color: #ffffff;\n border: 4px solid var(--primary);\n border-radius: 8px;\n -webkit-transition: all 0.4s linear;\n -o-transition: all 0.4s linear;\n transition: all 0.4s linear;\n}\na.button:hover,\n.button:hover,\nbutton:hover,\n[type='button']:hover,\n[type='reset']:hover,\n[type='submit']:hover {\n background-color: var(--dark);\n color: var(--primary);\n}\ninput[type='text'],\ninput[type='email'],\ninput[type='url'],\ninput[type='password'],\ninput[type='search'],\ntextarea {\n -webkit-transition: all 0.5s ease-in-out;\n -o-transition: all 0.5s ease-in-out;\n transition: all 0.5s ease-in-out;\n}\ninput[type='text'],\ninput[type='email'],\ninput[type='url'],\ninput[type='password'],\ninput[type='search'],\ntextarea {\n color: var(--text-color);\n background: var(--light);\n border: 1px solid var(--border);\n}\ninput[type='text']:focus,\ninput[type='email']:focus,\ninput[type='url']:focus,\ninput[type='password']:focus,\ninput[type='search']:focus,\ntextarea:focus {\n border: 1px solid var(--primary);\n background: #f0f0f0;\n}\nfieldset {\n border: 1px solid var(--border);\n}\n/* Form -> Label */\n.form-item label,\nform label {\n font-weight: 700;\n color: var(--bold-color);\n}\nsummary {\n font-family: var(--heading-font);\n font-weight: 700;\n}\n/* Form -> Radio buttons */\ninput[type='radio'],\ninput[type='checkbox'] {\n border: 2px solid var(--secondary);\n}\ninput[type='radio']:hover,\ninput[type='checkbox']:hover {\n border: 2px solid var(--primary);\n}\ninput[type='radio']:checked,\ninput[type='checkbox']:checked {\n background-color: var(--primary);\n color: #000000;\n}\ninput[type='checkbox'] {\n appearance: none;\n}\ninput[type='checkbox']::after {\n content: '\\2714';\n text-align: center;\n display: none;\n}\ninput[type='checkbox']:checked::after {\n display: block;\n}\nselect {\n color: var(--text-color);\n background: #eeeeee;\n border: 1px solid var(--border);\n}\n::-webkit-input-placeholder {\n color: var(--border);\n}\n::placeholder {\n color: var(--border);\n opacity: 1;\n}\n:-ms-input-placeholder {\n color: var(--border);\n}\n::-ms-input-placeholder {\n color: #969696;\n}\n:-moz-placeholder {\n color: var(--border);\n}\n::-moz-placeholder {\n color: var(--border);\n}\n/* Table\n---------------------------------------- */\nth {\n background: var(--light);\n color: #fff;\n color: var(--upei-red);\n border: 1px solid var(--dark);\n}\ntd {\n border: 1px solid var(--border);\n}\n\n/* Common HTML Elements\n---------------------------------------- */\nhr {\n background: var(--border);\n}\ndt {\n color: var(--bold-color);\n}\nblockquote {\n background: var(--light);\n box-shadow: 2px 2px 6px var(--border);\n border-left: 8px solid var(--secondary);\n}\n\n/* Selection\n---------------------------------------- */\n::-moz-selection {\n background: var(--primary);\n color: #fff;\n text-shadow: none;\n}\n::selection {\n background: var(--primary);\n color: #fff;\n text-shadow: none;\n}\n","@font-face {\n font-family: 'ficon';\n src:\n url('../fonts/ficon.ttf?ce63e9') format('truetype'),\n url('../fonts/ficon.woff?ce63e9') format('woff'),\n url('../fonts/ficon.svg?ce63e9#ficon') format('svg');\n font-weight: normal;\n font-style: normal;\n font-display: block;\n}\n\n[class^=\"ficon-\"], [class*=\" ficon-\"] {\n /* use !important to prevent issues with browser extensions that change fonts */\n font-family: 'ficon' !important;\n speak: never;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.ficon-mail:before {\n content: \"\\f003\";\n}\n.ficon-map:before {\n content: \"\\f041\";\n}\n.ficon-calendar:before {\n content: \"\\f073\";\n}\n.ficon-phone:before {\n content: \"\\f095\";\n}\n.ficon-twitter:before {\n content: \"\\f099\";\n}\n.ficon-facebook:before {\n content: \"\\f09a\";\n}\n.ficon-github:before {\n content: \"\\f09b\";\n}\n.ficon-linkedin:before {\n content: \"\\f0e1\";\n}\n.ficon-youtube:before {\n content: \"\\f16a\";\n}\n.ficon-instagram:before {\n content: \"\\f16d\";\n}\n.ficon-vk:before {\n content: \"\\f189\";\n}\n.ficon-whatsapp:before {\n content: \"\\f232\";\n}\n.ficon-vimeo:before {\n content: \"\\f27d\";\n}\n.ficon-user:before {\n content: \"\\f2c0\";\n}\n.ficon-telegram:before {\n content: \"\\f2c6\";\n}\n.ficon-comments:before {\n content: \"\\e900\";\n}\n.ficon-add_comment:before {\n content: \"\\e901\";\n}\n.ficon-tag:before {\n content: \"\\e902\";\n}\n.ficon-file:before {\n content: \"\\e903\";\n}\n.ficon-search:before {\n content: \"\\e904\";\n}\n.ficon-tag:before {\n content: \"\\e902\";\n}",".main-wrapper {\npadding:0;}\ndiv#block-menudetailsforhomepage {\n h4 a {\n color: var(--upei-red);}\nli {\ncolor: #333;}}\n","/* Header Top\n------------------------------- */\n.header-top {\n //background: var(--dark);\n background: var(--upei-red);\n //color: var(--light);\n color: var(--light);\n}\n.header-top a {\n color: var(--light);\n}\n.header-top a:hover,\n.header-top i {\n color: var(--primary);\n}\n.header-top-block {\n text-align: center;\n}\n/* Header\n------------------------------- */\n.header {\n //background: var(--secondary);\n background: #fff;\n color: #ffffff;\n}\n.header a,\n.page-header a {\n color: var(--primary);\n color: var(--dark-grey);\n}\n.header-container {\n padding: 1rem 0;\n}\n.site-brand img {\n max-height: 50px;\n display: block;\n}\n.site-name {\n font-family: var(--heading-font);\n color: var(--primary);\n font-weight: 700;\n //font-size: 2rem !important;\n font-size: ms(2);\n}\n.site-name a:hover {\n color: var(--primary);\n}\n/* Header -> Main menu */\n.mobile-menu {\n border-top: 2px solid #ffffff;\n border-bottom: 2px solid #ffffff;\n}\n.mobile-menu span {\n background-color: #ffffff;\n}\n.menu-wrap {\n font-family: var(--heading-font);\n font-weight: 700;\n .menu a {\n color: var(--dark-grey);\n }\n}\n.menu-wrap ul.menu > li {\n margin-left: 6px;\n}\n.menu-wrap ul.menu li > a {\n padding: 10px;\n}\n.menu-wrap ul.menu {\n font-size:ms(0);\n}\n/* Header -> search block region */\n.search-icon {\n width: 36px;\n height: 36px;\n}\n.search-icon img {\n max-height: 30px;\n}\n.search-box {\n background-color: var(--dark);\n}\n.search-box-content .block-title,\n.search-box-content form label {\n color: var(--light);\n}\n.search-box-content input[type='search'] {\n background: url(../images/icons/search-icon.svg) top right no-repeat;\n color: #ffffff;\n -webkit-text-fill-color: #ffffff;\n border-bottom: 2px solid var(--border);\n}\n.search-box-content input[type='search']:focus {\n background: url(../images/icons/search-icon.svg) top right no-repeat;\n border: 0;\n border-bottom: 2px solid var(--border);\n}\n.search-box-content input[type='search']:-webkit-autofill {\n -webkit-box-shadow: 0 0 0px 1000px var(--dark) inset;\n background-color: transparent;\n color: #ffffff;\n}\n.header-search-close {\n border: 3px solid var(--primary);\n}\n/* Header -> Page header */\n.page-header {\n //background: var(--secondary);\n background: #fff;\n color: var(--upei-green);\n box-shadow: inset 0px 11px 8px -10px #ccc, inset 0px -11px 8px -10px #ccc;\n}\n.page-header a:hover {\n color: #ffffff;\n}\n.region-page-header {\n align-items: center;\n}\n.breadcrumb {\n color: var(--light);\n}\n.page-header .page-title {\n color: #ffffff;\n color: var(--upei-green);\n color: var(--dark);\n font-variant: small-caps;\n}\n","//@format\n/* Main\n---------------------------------------- */\n/* Main -> Admin tabs */\nul.page-tabs {\n border-bottom: 2px solid var(--upei-red);\n margin-top: 1rem;\n}\n.page-tabs li a {\n background: #dddddd;\n color: var(--upei-red);\n border-right: 2px solid #fff;\n -webkit-transition: all 0.3s ease;\n -o-transition: all 0.3s ease;\n transition: all 0.3s ease;\n}\n.page-tabs li.active-page-tab a,\n.page-tabs li a:hover {\n background: var(--upei-red);\n color: #fff;\n}\n/* Main -> Filter Module */\n.filter-wrapper {\n border: 1px solid var(--border);\n}\n/* Node Submitted Details */\n.submitted-icons {\n color: var(--primary);\n}\n.node-taxonomy-container .term-title::before {\n font-family: 'ficon';\n content: '\\e902';\n color: var(--primary);\n padding-right: 6px;\n}\n","//@format\n/* Sidebar\n---------------------------------------- */\n.sidebar .block {\n background-color: #f5f5ff;\n padding: 20px;\n margin-bottom: 2rem;\n box-shadow: 0 2px 2px var(--border);\n}\n.sidebar .block-title {\n font-size: 2.2rem;\n text-transform: none;\n}\n","/* Comments\n--------------------------------------*/\n#comments {\n border-top: 1px solid var(--border);\n}\n#comments i {\n color: var(--primary);\n}\n/* Comments -> single comment */\n.comment {\n box-shadow: 3px 3px #cccccc;\n}\n.comment-header {\n background-color: #dcdee2;\n border-bottom: 2px solid #cccccc;\n}\n.comment-user-picture {\n padding: 0 1rem;\n border-right: 2px solid #cccccc;\n -ms-flex: 0 0 100px;\n flex: 0 0 100px;\n}\n.comment-title,\n.comment-title a {\n color: var(--secondary);\n font-weight: 400;\n}\n.comment-reply a,\n.comment-delete a,\n.comment-edit a {\n padding: 5px 12px;\n color: #fff;\n background: var(--secondary);\n border-radius: 4px;\n -webkit-transition: all 0.4s ease-in-out;\n transition: all 0.4s ease-in-out;\n}\n.comment-reply a:hover,\n.comment-delete a:hover,\n.comment-edit a:hover {\n background: var(--primary);\n color: #ffffff;\n}","/*\n * Footer\n */\n .footer-top {\n //background-color: var(--secondary);\n background-color: var(--upei-red);\n color: #ffffff;\n}\n.footer-blocks,\n.footer-bottom-blocks,\n.footer-bottom,\n.footer-social {\n background-color: var(--dark);\n color: #ffffff;\n}\n.footer .block-title {\n position: relative;\n font-size: 1.6rem;\n color: #ffffff;\n padding-bottom: 12px;\n margin-bottom: 12px;\n}\n.footer .block-title::before,\n.footer .block-title::after {\n content: '';\n position: absolute;\n left: 0;\n height: 2px;\n background: var(--primary);\n}\n.footer .block-title::before {\n width: 30px;\n bottom: 6px;\n}\n.footer .block-title::after {\n width: 60px;\n bottom: 0;\n}\n.footer a {\n color: var(--primary);\n}\n.footer a:hover {\n color: #ffffff;\n}\n.footer-block ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.footer-block li {\n padding: 10px 0;\n border-bottom: 1px solid #000000;\n}\n.footer-bottom-container {\n border-top: 2px solid #000000;\n}\n/* Footer -> customization */\n.footer-logo {\n max-height: 100px;\n width: auto;\n}\n","//@format\n.homepage-content .block-title {\n text-align: center;\n margin-bottom: 1rem;\n}\n.frontpage-main .block,\n.homepage-content-bottom .block {\n margin-bottom: 5rem;\n}\n.region-content-home-top .block {\n padding: 4rem 0;\n}\n.region-content-home-top .block:nth-child(even) {\n position: relative;\n background: #f0f0f0;\n}\n.region-content-home-top .block:last-child {\n margin: 0;\n}\n//$slider-height: calc(75vh - 2rem);\n$slider-height: 400px;\n.slider {\n height: $slider-height;\n &-container {\n height: $slider-height;\n }\n &-text {\n flex: 80%;\n }\n &-image {\n flex: 20%;\n margin-top: 0 !important;\n }\n}\n","//pager\n.js-pager__items {\n position: relative;\n\n position: relative;\n margin: 0;\n padding: 1rem 0;\n list-style: none;\n list-style-type: none;\n clear: both;\n text-align: center;\n li {\n display: inline-block;\n padding: 12px 0;\n\n a {\n padding: 8px 14px;\n color: #fff;\n background: var(--dark);\n }\n a:hover,\n .is-active a {\n background: var(--primary);\n color: #fff;\n }\n }\n}\n.pager__item {\n}\n//search-bar\n#edit-submit-dataset-search {\n //display: none;\n background-color: var(--dark-grey);\n}\nform#views-exposed-form-dataset-search-page-1 {\n display: flex;\n justify-content: center;\n}\n.js-form-item-search-api-fulltext {\n margin: 0;\n}\n\ninput#edit-search-api-fulltext {\n height: 54px;\n}\n/* Components -> Social icons */\n.footer-social {\n padding: 1rem 0;\n}\n.social-icons {\n position: relative;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.social-icons li {\n display: inline-block;\n margin: 0;\n}\n.social-icons li a {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 44px;\n height: 44px;\n border: 2px solid #000000;\n border-radius: 6px;\n -webkit-transition: all 0.3s ease;\n -o-transition: all 0.3s ease;\n transition: all 0.3s ease;\n}\n.social-icons li a:hover {\n border: 2px solid var(--primary);\n}\n.social-icons i {\n padding: 10px;\n}\n/* components -> Scroll To Top. */\n.scrolltop {\n background: var(--primary);\n color: #000000;\n transition: all 0.3s ease;\n}\n.scrolltop:hover {\n background: var(--secondary);\n color: #ffffff;\n}\n//accordionJs\n#accordion {\n .accordion_question * {\n margin: 0;\n font-weight: bold;\n }\n\n .accordion_answer * {\n margin: 0;\n }\n //p {\n //margin: 0;\n //}\n}\nform#node-data-management-plan-form {\n td {\n padding: 1rem;\n }\n td.field-multiple-drag {\n padding: 0;\n padding-top: 1rem;\n }\n margin-top: 1rem;\n\n .button,\n .button,\n button,\n [type='button'],\n [type='reset'],\n [type='submit'] {\n background-color: #ccc;\n color: initial;\n border: 1px solid var(--upei-red);\n border-radius: 4px;\n -webkit-transition: all 0.4s linear;\n -o-transition: all 0.4s linear;\n transition: all 0.4s linear;\n padding: 0 5px;\n }\n button {\n //background-color: #fff;\n }\n}\n.footer-bottom-blocks .button {\n background: var(--upei-green);\n border: 4px solid var(--upei-yello);\n padding: 0 9px;\n}\n","/*\n * Custom Shortcodes\n */\n\n/* Shortcodes -> Buttons */\n.link-button,\n.button-link,\n.button-dark {\n display: inline-block;\n border-radius: 30px;\n padding: 0.8rem 1.8rem;\n transition: all 0.3s ease;\n border: 4px solid var(--upei-red);\n}\n\na.button,\n.button,\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n background-color: var(--dark);\n color: #ffffff;\n border: 4px solid var(--upei-red);\n border-radius: 8px;\n -webkit-transition: all 0.4s linear;\n -o-transition: all 0.4s linear;\n transition: all 0.4s linear;\n}\n.link-button,\n.button-link {\n color: #ffffff;\n //background-color: var(--secondary);\n background-color: var(--dark);\n border: 6px solid var(--upei-red);\n}\n.feature h3 {\n color: var(--upei-green);\n}\n\n.footer a {\n color: #fff;\n font-family: var(--body-font);\n font-weight: 100;\n font-size: 1.2rem;\n}\n.footer-bottom-blocks .button {\n background: var(--upei-green);\n border: 4px solid var(--upei-yello);\n}\n\n.link-button:hover,\n.button-link:hover {\n color: var(--light);\n background-color: var(--dark);\n border: 4px solid var(--primary);\n}\n.button-dark {\n background-color: var(--dark);\n color: var(--light);\n border: 6px solid var(--upei-red);\n}\n.button-dark:hover {\n color: #ffffff;\n border: 6px solid var(--upei-green);\n}\n/* Elements -> Box */\n.box {\n background-color: #ffffff;\n -webkit-box-shadow: 0 0 8px 4px var(--light);\n box-shadow: 0 0 8px 4px var(--light);\n}\n\n/* Icon Box */\n.icon-box {\n font-family: var(--body-font);\n line-height: 1.7;\n background-color: var(--content-bg);\n box-shadow: 0 3px 6px #bbbbbb;\n display: flex;\n}\n.icon-box-icon {\n padding-right: 1rem;\n flex: 0 0 auto;\n}\n.icon-box-text {\n font-family: var(--body-font);\n line-height: 1.7;\n}\n/* \n * Features\n */\n.features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));\n grid-gap: 1rem;\n gap: 1rem;\n}\n.feature {\n background-color: #ffffff;\n padding: 1rem;\n -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: all 0.4s linear;\n backface-visibility: hidden;\n}\n.feature:hover {\n -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\n -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\n -webkit-transform: translateY(-20px);\n -ms-transform: translateY(-20px);\n transform: translateY(-20px);\n}\n.feature-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 1.5rem;\n padding: 2rem;\n width: 100px;\n height: 100px;\n border-radius: 50%;\n background-color: var(--primary);\n color: #ffffff;\n transition: all 0.4s ease;\n box-shadow: 0 0 10px 2px #ffffff;\n}\n.feature:hover .feature-icon {\n background-color: #ffffff;\n -webkit-box-shadow: 0 0 10px 2px var(--secondary);\n box-shadow: 0 0 10px 2px var(--secondary);\n}\n.feature .link-button {\n display: inline-block;\n}\n\n/*\n * Notice \n */\n.notice-block {\n position: relative;\n background-color: var(--primary);\n padding: 2rem;\n width: 100%;\n}\n.notice-block .views-row {\n padding: 1rem 0;\n}\n.notice-block .views-field-title {\n font-family: var(--heading-font);\n font-size: 1.4rem;\n font-weight: 700;\n}\n.notice-block .views-field-title a {\n color: var(--dark);\n}\n.notice-block .views-field-title a:hover {\n color: #ffffff;\n}\n.notice-block .views-row {\n border-bottom: 1px solid var(--dark);\n}\n","@media (min-width: 576px) {\n\n}\n\n@media (min-width: 768px) {\n /* Header */\n .header-top-block {\n text-align: left;\n }\n .site-brand img {\n max-height: 60px;\n }\n /* Header -> Page Header */\n .page-header {\n padding: 2rem 0 2rem 0;\n }\n /* Frontpage */\n .homepage-content .block-title::before {\n position: absolute;\n content: '';\n width: 40px;\n height: 2px;\n background: var(--primary);\n top: 50%;\n -webkit-transform: translateX(-50px);\n transform: translateX(-50px);\n }\n \n .homepage-content .block-title::after {\n position: absolute;\n content: '';\n width: 40px;\n height: 2px;\n background: var(--primary);\n top: 50%;\n -webkit-transform: translateX(10px);\n transform: translateX(10px);\n }\n .region-content-home-top .block:nth-child(odd) {\n margin-bottom: 10rem;\n }\n .region-content-home-top .block:last-child:nth-child(odd) {\n margin-bottom: 0;\n }\n .region-content-home-top .block:nth-child(even) {\n padding: 0 0 4rem 0;\n }\n .region-content-home-top .block:nth-child(even)::before {\n position: absolute;\n content: '';\n top: -10rem;\n left: 0;\n height: 10rem;\n width: 100%;\n background: #f0f0f0;\n clip-path: polygon(0 0, 100% 90%, 100% 100%, 0% 100%);\n }\n /* Notice */\n .notice-block {\n width: 98%;\n }\n .notice-block::before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n background-color: var(--secondary);\n width: 95%;\n height: 100%;\n z-index: -1;\n transform: rotate(-5deg);\n }\n .feature {\n padding: 2rem;\n }\n}\n@media (min-width: 992px) {\n /* Header */\n .site-brand img {\n max-height: 80px;\n }\n /* Header -> Main menu */\n .menu-wrap ul.menu li {\n background: linear-gradient(to bottom, transparent 50%, var(--dark) 50%);\n background-size: 100% 200%;\n transition: all 0.2s linear;\n }\n .menu-wrap ul.menu li:hover {\n a {\n\n color: var(--light);\n }\n background-position: 0 -100%;\n }\n ul.main-menu li a:hover {\n color: var(--primary);\n }\n .menu-wrap .menu li span.dropdown-arrow {\n -webkit-transition: all 0.3s ease-in-out;\n -o-transition: all 0.3s ease-in-out;\n transition: all 0.3s ease-in-out;\n }\n .menu-wrap ul.menu li.expanded:hover .dropdown-arrow,\n .menu-wrap ul.menu li.collapsed:hover .dropdown-arrow {\n -webkit-transform: rotate(135deg);\n -ms-transform: rotate(135deg);\n transform: rotate(135deg);\n }\n .menu-wrap ul.menu ul.submenu {\n top: 36px;\n background-color: var(--dark);\n }\n .menu-wrap ul.menu ul.submenu li {\n border-bottom: 1px solid var(--primary);\n }\n .menu-wrap ul.menu ul.submenu li a:hover {\n color: #ffffff;\n }\n}\n@media (min-width: 1170px) {\n /* Header */\n .site-brand img {\n max-height: 90px;\n }\n}\n",".test-class {\n}\n@import 'modularscale';\n$modularscale: (\n base: 1em,\n ratio: 1.5\n); //@import './node_modules/modularscale-sass/stylesheets/_modularscale.scss';\n//@format\n@import 'fonts';\n@import 'base';\n@import 'fonts';\n@import 'fonticons';\n@import 'layout';\n@import 'header';\n@import 'blocks';\n@import 'main';\n@import 'sidebar';\n@import 'comment';\n@import 'footer';\n@import 'homepage';\n@import 'components';\n@import 'shortcodes';\n@import 'responsive';\n.slider-image {\n margin-top: 4rem;\n}\n.slider-text,\n.slider-text h1,\n.slider-text h2,\n.slider-text h3,\n.slider-text h4 {\n color: var(--dark-grey);\n}\n.slider-text p {\n font-size: ms(0);\n}\n.slider {\n background: var(--content-bg);\n}\ndiv#block-homepagewelcome {\n a {\n color: var(--upei-red);\n }\n h2,\n p {\n color: #fff !important;\n }\n color: #fff !important;\n background: #789d4a;\n}\n\n.toolbar-horizontal .search-box.open {\n margin-top: 38px;\n}\n.toolbar-horizontal.toolbar-tray-open .search-box.open {\n margin-top: 84px;\n}\ndiv#block-homepagewelcome-2 {\n color: #fff !important;\n background: #789d4a;\n}\n\ndiv#block-homepagewelcome-2 a {\n color: var(--upei-red);\n}\n\ndiv#block-homepagewelcome-2 p {\n color: #fff !important;\n font-size: ms(1);\n}\ndiv#block-homepagewelcome-2 h2 {\n color: #fff !important;\n\n font-size: ms(2);\n}\n"]} \ No newline at end of file +{"version":3,"sources":["_base.scss","_fonticons.scss","_layout.scss","_header.scss","_main.scss","_sidebar.scss","_comment.scss","_footer.scss","_homepage.scss","_components.scss","_shortcodes.scss","_responsive.scss","style.scss"],"names":[],"mappings":";AACA;AAAA;AAEA;AACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAEF;AAAA;AAEA;EACE;EACA;EACA;EACA;;;AAEF;AAAA;AAEA;EACE;;;AAGF;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EAEE;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;;;AAEF;EACE;;;AAGF;AACA;AAAA;AAAA;AAAA;EAIE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;;;AAEF;EACE;;;AAEF;AACA;AAAA;EAEE;EACA;;;AAEF;EACE;EACA;;;AAEF;AACA;AAAA;EAEE;;;AAEF;AAAA;EAEE;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AAAA;AAEA;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;AAAA;AAEA;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAGF;AAAA;AAEA;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;ACvQF;EACE;EACA,KACE;EAGF;EACA;EACA;;AAGF;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACvFF;EACA;;;AAEE;EACA;;AACF;EACA;;;ACNA;AAAA;AAEA;EAEE;EAEA;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAEF;AAAA;AAEA;EAEE;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EAEA;;;AAEF;EACE;;;AAEF;AACA;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;AACA;EACE;;;AAGJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AACA;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;AACA;EAEE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AC5HF;AAAA;AAEA;AACA;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;AACA;EACE;;;AAEF;AACA;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AChCF;AAAA;AAEA;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;ACXF;AAAA;AAEA;EACE;;;AAEF;EACE;;;AAEF;AACA;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;;;ACzCF;AAAA;AAAA;AAGC;EAEC;EACA;;;AAEF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;AACA;EACE;EACA;;;AC1DF;EACE;EACA;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAIF;EACE,QAFc;;AAGd;EACE,QAJY;;AAMd;EACE;;AAEF;EACE;EACA;;;AC9BJ;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEF;AAAA;EAEE;EACA;;;AAON;EAEE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;;;AAEF;AACA;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AACA;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAIA;EACE;EACA;;AAGF;EACE;;;AAMJ;EAQE;;AAPA;EACE;;AAEF;EACE;EACA;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMJ;EACE;EACA;EACA;;;ACtIF;AAAA;AAAA;AAIA;AACA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EAEA;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC9JF;AACE;EACA;IACE;;EAEF;IACE;;AAEF;EACA;IACE;;AAEF;EACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACQ;;EAGV;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACQ;;EAEV;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;AAEF;EACA;IACE;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;;;AAGJ;AACE;EACA;IACE;;AAEF;EACA;IACE;IACA;IACA;;EAEF;IAKE;;EAJA;IAEA;;EAIF;IACE;;EAEF;IACE;IACA;IACA;;EAEF;AAAA;IAEE;IACA;IACI;;EAEN;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;;AAGJ;AACE;EACA;IACE;;;ACnGJ;EACE;;;AAEF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EAQE;EACA;;AARA;EACE;;AAEF;AAAA;EAEE;;;AAMJ;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAEF;EACE;EAEA","file":"style.css","sourcesContent":["//@format\n/* Variables\n---------------------------------------- */\n:root {\n /* Theme Colors */\n //--theme-color: #FFCC18;\n --upei-red: #7c2529;\n --upei-green: #789d4a;\n --upei-yellow: #f1b434;\n --theme-color: green;\n --theme-color-two: #383a68;\n --primary: #ffcc18;\n --secondary: #3e4182;\n //--dark: #2a2e52;\n --dark: #333;\n //--dark-grey: #9e9e9e;\n --dark-grey: #838383;\n --light: #edeef5;\n --border: #cccccc;\n --bold-color: var(--upei-red);\n --content-bg: #f2f2f2;\n --text-color: #222222;\n --body-font: 'Noto Sans', sans-serif;\n //--heading-font: 'Noto Sans', sans-serif;\n --heading-font: 'Adelle Regular', serif;\n}\n/* HTML and Body\n---------------------------------------- */\nbody {\n font-family: var(--body-font);\n background: #ffffff;\n color: var(--text-color);\n background-color: #fff !important;\n}\n/* Regions\n---------------------------------------- */\nsummary {\n color: var(--text-color);\n}\n\n/* Typography\n---------------------------------------- */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-family: var(--heading-font);\n color: var(--bold-color);\n}\nh1 {\n font-size: 2.2rem;\n font-size: ms(3);\n}\nh2 {\n font-size: 1.9rem;\n font-size: ms(2);\n}\nh3 {\n font-size: 1.6rem;\n font-size: ms(1);\n}\nh4 {\n font-size: 1.3rem;\n}\nh5 {\n font-size: 1.1rem;\n}\nh6 {\n font-size: 1.1rem;\n}\nstrong {\n color: var(--bold-color);\n}\nem {\n //color: var(--primary);\n color: var(--upei-green);\n}\na {\n -webkit-transition: color 0.4s ease;\n -o-transition: color 0.4s ease;\n transition: color 0.4s ease;\n}\na,\na:active,\nli a.active {\n color: var(--upei-green);\n}\na:hover {\n color: var(--primary);\n}\n\n/* Typography-> code tags */\ncode,\nkbd,\npre,\nsamp {\n background: var(--secondary);\n color: #ffffff;\n}\nmark {\n background: var(--primary);\n color: #ffffff;\n}\nfigcaption {\n background: var(--secondary);\n color: #ffffff;\n}\n\n/* Form\n---------------------------------------- */\n/* Form -> Button */\na.button,\n.button,\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n background-color: var(--secondary);\n color: #ffffff;\n border: 4px solid var(--primary);\n border-radius: 8px;\n -webkit-transition: all 0.4s linear;\n -o-transition: all 0.4s linear;\n transition: all 0.4s linear;\n}\na.button:hover,\n.button:hover,\nbutton:hover,\n[type='button']:hover,\n[type='reset']:hover,\n[type='submit']:hover {\n background-color: var(--dark);\n color: var(--primary);\n}\ninput[type='text'],\ninput[type='email'],\ninput[type='url'],\ninput[type='password'],\ninput[type='search'],\ntextarea {\n -webkit-transition: all 0.5s ease-in-out;\n -o-transition: all 0.5s ease-in-out;\n transition: all 0.5s ease-in-out;\n}\ninput[type='text'],\ninput[type='email'],\ninput[type='url'],\ninput[type='password'],\ninput[type='search'],\ntextarea {\n color: var(--text-color);\n background: var(--light);\n border: 1px solid var(--border);\n}\ninput[type='text']:focus,\ninput[type='email']:focus,\ninput[type='url']:focus,\ninput[type='password']:focus,\ninput[type='search']:focus,\ntextarea:focus {\n border: 1px solid var(--primary);\n background: #f0f0f0;\n}\nfieldset {\n border: 1px solid var(--border);\n}\n/* Form -> Label */\n.form-item label,\nform label {\n font-weight: 700;\n color: var(--bold-color);\n}\nsummary {\n font-family: var(--heading-font);\n font-weight: 700;\n}\n/* Form -> Radio buttons */\ninput[type='radio'],\ninput[type='checkbox'] {\n border: 2px solid var(--secondary);\n}\ninput[type='radio']:hover,\ninput[type='checkbox']:hover {\n border: 2px solid var(--primary);\n}\ninput[type='radio']:checked,\ninput[type='checkbox']:checked {\n background-color: var(--primary);\n color: #000000;\n}\ninput[type='checkbox'] {\n appearance: none;\n}\ninput[type='checkbox']::after {\n content: '\\2714';\n text-align: center;\n display: none;\n}\ninput[type='checkbox']:checked::after {\n display: block;\n}\nselect {\n color: var(--text-color);\n background: #eeeeee;\n border: 1px solid var(--border);\n}\n::-webkit-input-placeholder {\n color: var(--border);\n}\n::placeholder {\n color: var(--border);\n opacity: 1;\n}\n:-ms-input-placeholder {\n color: var(--border);\n}\n::-ms-input-placeholder {\n color: #969696;\n}\n:-moz-placeholder {\n color: var(--border);\n}\n::-moz-placeholder {\n color: var(--border);\n}\n/* Table\n---------------------------------------- */\nth {\n background: var(--light);\n color: #fff;\n color: var(--upei-red);\n border: 1px solid var(--dark);\n}\ntd {\n border: 1px solid var(--border);\n}\n\n/* Common HTML Elements\n---------------------------------------- */\nhr {\n background: var(--border);\n}\ndt {\n color: var(--bold-color);\n}\nblockquote {\n background: var(--light);\n box-shadow: 2px 2px 6px var(--border);\n border-left: 8px solid var(--secondary);\n}\n\n/* Selection\n---------------------------------------- */\n::-moz-selection {\n background: var(--primary);\n color: #fff;\n text-shadow: none;\n}\n::selection {\n background: var(--primary);\n color: #fff;\n text-shadow: none;\n}\n","@font-face {\n font-family: 'ficon';\n src:\n url('../fonts/ficon.ttf?ce63e9') format('truetype'),\n url('../fonts/ficon.woff?ce63e9') format('woff'),\n url('../fonts/ficon.svg?ce63e9#ficon') format('svg');\n font-weight: normal;\n font-style: normal;\n font-display: block;\n}\n\n[class^=\"ficon-\"], [class*=\" ficon-\"] {\n /* use !important to prevent issues with browser extensions that change fonts */\n font-family: 'ficon' !important;\n speak: never;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.ficon-mail:before {\n content: \"\\f003\";\n}\n.ficon-map:before {\n content: \"\\f041\";\n}\n.ficon-calendar:before {\n content: \"\\f073\";\n}\n.ficon-phone:before {\n content: \"\\f095\";\n}\n.ficon-twitter:before {\n content: \"\\f099\";\n}\n.ficon-facebook:before {\n content: \"\\f09a\";\n}\n.ficon-github:before {\n content: \"\\f09b\";\n}\n.ficon-linkedin:before {\n content: \"\\f0e1\";\n}\n.ficon-youtube:before {\n content: \"\\f16a\";\n}\n.ficon-instagram:before {\n content: \"\\f16d\";\n}\n.ficon-vk:before {\n content: \"\\f189\";\n}\n.ficon-whatsapp:before {\n content: \"\\f232\";\n}\n.ficon-vimeo:before {\n content: \"\\f27d\";\n}\n.ficon-user:before {\n content: \"\\f2c0\";\n}\n.ficon-telegram:before {\n content: \"\\f2c6\";\n}\n.ficon-comments:before {\n content: \"\\e900\";\n}\n.ficon-add_comment:before {\n content: \"\\e901\";\n}\n.ficon-tag:before {\n content: \"\\e902\";\n}\n.ficon-file:before {\n content: \"\\e903\";\n}\n.ficon-search:before {\n content: \"\\e904\";\n}\n.ficon-tag:before {\n content: \"\\e902\";\n}",".main-wrapper {\npadding:0;}\ndiv#block-menudetailsforhomepage {\n h4 a {\n color: var(--upei-red);}\nli {\ncolor: #333;}}\n","/* Header Top\n------------------------------- */\n.header-top {\n //background: var(--dark);\n background: var(--upei-red);\n //color: var(--light);\n color: var(--light);\n}\n.header-top a {\n color: var(--light);\n}\n.header-top a:hover,\n.header-top i {\n color: var(--primary);\n}\n.header-top-block {\n text-align: center;\n}\n/* Header\n------------------------------- */\n.header {\n //background: var(--secondary);\n background: #fff;\n color: #ffffff;\n}\n.header a,\n.page-header a {\n color: var(--primary);\n color: var(--dark-grey);\n}\n.header-container {\n padding: 1rem 0;\n}\n.site-brand img {\n max-height: 50px;\n display: block;\n}\n.site-name {\n font-family: var(--heading-font);\n color: var(--primary);\n font-weight: 700;\n //font-size: 2rem !important;\n font-size: ms(2);\n}\n.site-name a:hover {\n color: var(--primary);\n}\n/* Header -> Main menu */\n.mobile-menu {\n border-top: 2px solid #ffffff;\n border-bottom: 2px solid #ffffff;\n}\n.mobile-menu span {\n background-color: #ffffff;\n}\n.menu-wrap {\n font-family: var(--heading-font);\n font-weight: 700;\n .menu a {\n color: var(--dark-grey);\n }\n}\n.menu-wrap ul.menu > li {\n margin-left: 6px;\n}\n.menu-wrap ul.menu li > a {\n padding: 10px;\n}\n.menu-wrap ul.menu {\n font-size:ms(0);\n}\n/* Header -> search block region */\n.search-icon {\n width: 36px;\n height: 36px;\n}\n.search-icon img {\n max-height: 30px;\n}\n.search-box {\n background-color: var(--dark);\n}\n.search-box-content .block-title,\n.search-box-content form label {\n color: var(--light);\n}\n.search-box-content input[type='search'] {\n background: url(../images/icons/search-icon.svg) top right no-repeat;\n color: #ffffff;\n -webkit-text-fill-color: #ffffff;\n border-bottom: 2px solid var(--border);\n}\n.search-box-content input[type='search']:focus {\n background: url(../images/icons/search-icon.svg) top right no-repeat;\n border: 0;\n border-bottom: 2px solid var(--border);\n}\n.search-box-content input[type='search']:-webkit-autofill {\n -webkit-box-shadow: 0 0 0px 1000px var(--dark) inset;\n background-color: transparent;\n color: #ffffff;\n}\n.header-search-close {\n border: 3px solid var(--primary);\n}\n/* Header -> Page header */\n.page-header {\n //background: var(--secondary);\n background: #fff;\n color: var(--upei-green);\n box-shadow: inset 0px 11px 8px -10px #ccc, inset 0px -11px 8px -10px #ccc;\n}\n.page-header a:hover {\n color: #ffffff;\n}\n.region-page-header {\n align-items: center;\n}\n.breadcrumb {\n color: var(--light);\n}\n.page-header .page-title {\n color: #ffffff;\n color: var(--upei-green);\n color: var(--dark);\n font-variant: small-caps;\n}\n","//@format\n/* Main\n---------------------------------------- */\n/* Main -> Admin tabs */\nul.page-tabs {\n border-bottom: 2px solid var(--upei-red);\n margin-top: 1rem;\n}\n.page-tabs li a {\n background: #dddddd;\n color: var(--upei-red);\n border-right: 2px solid #fff;\n -webkit-transition: all 0.3s ease;\n -o-transition: all 0.3s ease;\n transition: all 0.3s ease;\n}\n.page-tabs li.active-page-tab a,\n.page-tabs li a:hover {\n background: var(--upei-red);\n color: #fff;\n}\n/* Main -> Filter Module */\n.filter-wrapper {\n border: 1px solid var(--border);\n}\n/* Node Submitted Details */\n.submitted-icons {\n color: var(--primary);\n}\n.node-taxonomy-container .term-title::before {\n font-family: 'ficon';\n content: '\\e902';\n color: var(--primary);\n padding-right: 6px;\n}\n","//@format\n/* Sidebar\n---------------------------------------- */\n.sidebar .block {\n background-color: #f5f5ff;\n padding: 20px;\n margin-bottom: 2rem;\n box-shadow: 0 2px 2px var(--border);\n}\n.sidebar .block-title {\n font-size: 2.2rem;\n text-transform: none;\n}\n","/* Comments\n--------------------------------------*/\n#comments {\n border-top: 1px solid var(--border);\n}\n#comments i {\n color: var(--primary);\n}\n/* Comments -> single comment */\n.comment {\n box-shadow: 3px 3px #cccccc;\n}\n.comment-header {\n background-color: #dcdee2;\n border-bottom: 2px solid #cccccc;\n}\n.comment-user-picture {\n padding: 0 1rem;\n border-right: 2px solid #cccccc;\n -ms-flex: 0 0 100px;\n flex: 0 0 100px;\n}\n.comment-title,\n.comment-title a {\n color: var(--secondary);\n font-weight: 400;\n}\n.comment-reply a,\n.comment-delete a,\n.comment-edit a {\n padding: 5px 12px;\n color: #fff;\n background: var(--secondary);\n border-radius: 4px;\n -webkit-transition: all 0.4s ease-in-out;\n transition: all 0.4s ease-in-out;\n}\n.comment-reply a:hover,\n.comment-delete a:hover,\n.comment-edit a:hover {\n background: var(--primary);\n color: #ffffff;\n}","/*\n * Footer\n */\n .footer-top {\n //background-color: var(--secondary);\n background-color: var(--upei-red);\n color: #ffffff;\n}\n.footer-blocks,\n.footer-bottom-blocks,\n.footer-bottom,\n.footer-social {\n background-color: var(--dark);\n color: #ffffff;\n}\n.footer .block-title {\n position: relative;\n font-size: 1.6rem;\n color: #ffffff;\n padding-bottom: 12px;\n margin-bottom: 12px;\n}\n.footer .block-title::before,\n.footer .block-title::after {\n content: '';\n position: absolute;\n left: 0;\n height: 2px;\n background: var(--primary);\n}\n.footer .block-title::before {\n width: 30px;\n bottom: 6px;\n}\n.footer .block-title::after {\n width: 60px;\n bottom: 0;\n}\n.footer a {\n color: var(--primary);\n}\n.footer a:hover {\n color: #ffffff;\n}\n.footer-block ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.footer-block li {\n padding: 10px 0;\n border-bottom: 1px solid #000000;\n}\n.footer-bottom-container {\n border-top: 2px solid #000000;\n}\n/* Footer -> customization */\n.footer-logo {\n max-height: 100px;\n width: auto;\n}\n","//@format\n.homepage-content .block-title {\n text-align: center;\n margin-bottom: 1rem;\n}\n.frontpage-main .block,\n.homepage-content-bottom .block {\n margin-bottom: 5rem;\n}\n.region-content-home-top .block {\n padding: 4rem 0;\n}\n.region-content-home-top .block:nth-child(even) {\n position: relative;\n background: #f0f0f0;\n}\n.region-content-home-top .block:last-child {\n margin: 0;\n}\n//$slider-height: calc(75vh - 2rem);\n$slider-height: 400px;\n.slider {\n height: $slider-height;\n &-container {\n height: $slider-height;\n }\n &-text {\n flex: 80%;\n }\n &-image {\n flex: 20%;\n margin-top: 0 !important;\n }\n}\n","//pager\n.js-pager__items {\n position: relative;\n\n position: relative;\n margin: 0;\n padding: 1rem 0;\n list-style: none;\n list-style-type: none;\n clear: both;\n text-align: center;\n li {\n display: inline-block;\n padding: 12px 0;\n\n a {\n padding: 8px 14px;\n color: #fff;\n background: var(--dark);\n }\n a:hover,\n .is-active a {\n background: var(--primary);\n color: #fff;\n }\n }\n}\n.pager__item {\n}\n//search-bar\n#edit-submit-dataset-search {\n //display: none;\n background-color: var(--dark-grey);\n}\nform#views-exposed-form-dataset-search-page-1 {\n display: flex;\n justify-content: center;\n}\n.js-form-item-search-api-fulltext {\n margin: 0;\n}\n\ninput#edit-search-api-fulltext {\n height: 54px;\n width:100%;\n}\n/* Components -> Social icons */\n.footer-social {\n padding: 1rem 0;\n}\n.social-icons {\n position: relative;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.social-icons li {\n display: inline-block;\n margin: 0;\n}\n.social-icons li a {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 44px;\n height: 44px;\n border: 2px solid #000000;\n border-radius: 6px;\n -webkit-transition: all 0.3s ease;\n -o-transition: all 0.3s ease;\n transition: all 0.3s ease;\n}\n.social-icons li a:hover {\n border: 2px solid var(--primary);\n}\n.social-icons i {\n padding: 10px;\n}\n/* components -> Scroll To Top. */\n.scrolltop {\n background: var(--primary);\n color: #000000;\n transition: all 0.3s ease;\n}\n.scrolltop:hover {\n background: var(--secondary);\n color: #ffffff;\n}\n//accordionJs\n#accordion {\n .accordion_question * {\n margin: 0;\n font-weight: bold;\n }\n\n .accordion_answer * {\n margin: 0;\n }\n //p {\n //margin: 0;\n //}\n}\nform#node-data-management-plan-form {\n td {\n padding: 1rem;\n }\n td.field-multiple-drag {\n padding: 0;\n padding-top: 1rem;\n }\n margin-top: 1rem;\n\n .button,\n .button,\n button,\n [type='button'],\n [type='reset'],\n [type='submit'] {\n background-color: #ccc;\n color: initial;\n border: 1px solid var(--upei-red);\n border-radius: 4px;\n -webkit-transition: all 0.4s linear;\n -o-transition: all 0.4s linear;\n transition: all 0.4s linear;\n padding: 0 5px;\n }\n button {\n //background-color: #fff;\n }\n}\n.footer-bottom-blocks .button {\n background: var(--upei-green);\n border: 4px solid var(--upei-yello);\n padding: 0 9px;\n}\n","/*\n * Custom Shortcodes\n */\n\n/* Shortcodes -> Buttons */\n.link-button,\n.button-link,\n.button-dark {\n display: inline-block;\n border-radius: 30px;\n padding: 0.8rem 1.8rem;\n transition: all 0.3s ease;\n border: 4px solid var(--upei-red);\n}\n\na.button,\n.button,\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n background-color: var(--dark);\n color: #ffffff;\n border: 4px solid var(--upei-red);\n border-radius: 8px;\n -webkit-transition: all 0.4s linear;\n -o-transition: all 0.4s linear;\n transition: all 0.4s linear;\n}\n.link-button,\n.button-link {\n color: #ffffff;\n //background-color: var(--secondary);\n background-color: var(--dark);\n border: 6px solid var(--upei-red);\n}\n.feature h3 {\n color: var(--upei-green);\n}\n\n.footer a {\n color: #fff;\n font-family: var(--body-font);\n font-weight: 100;\n font-size: 1.2rem;\n}\n.footer-bottom-blocks .button {\n background: var(--upei-green);\n border: 4px solid var(--upei-yello);\n}\n\n.link-button:hover,\n.button-link:hover {\n color: var(--light);\n background-color: var(--dark);\n border: 4px solid var(--primary);\n}\n.button-dark {\n background-color: var(--dark);\n color: var(--light);\n border: 6px solid var(--upei-red);\n}\n.button-dark:hover {\n color: #ffffff;\n border: 6px solid var(--upei-green);\n}\n/* Elements -> Box */\n.box {\n background-color: #ffffff;\n -webkit-box-shadow: 0 0 8px 4px var(--light);\n box-shadow: 0 0 8px 4px var(--light);\n}\n\n/* Icon Box */\n.icon-box {\n font-family: var(--body-font);\n line-height: 1.7;\n background-color: var(--content-bg);\n box-shadow: 0 3px 6px #bbbbbb;\n display: flex;\n}\n.icon-box-icon {\n padding-right: 1rem;\n flex: 0 0 auto;\n}\n.icon-box-text {\n font-family: var(--body-font);\n line-height: 1.7;\n}\n/* \n * Features\n */\n.features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));\n grid-gap: 1rem;\n gap: 1rem;\n}\n.feature {\n background-color: #ffffff;\n padding: 1rem;\n -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: all 0.4s linear;\n backface-visibility: hidden;\n}\n.feature:hover {\n -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\n -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\n -webkit-transform: translateY(-20px);\n -ms-transform: translateY(-20px);\n transform: translateY(-20px);\n}\n.feature-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 1.5rem;\n padding: 2rem;\n width: 100px;\n height: 100px;\n border-radius: 50%;\n background-color: var(--primary);\n color: #ffffff;\n transition: all 0.4s ease;\n box-shadow: 0 0 10px 2px #ffffff;\n}\n.feature:hover .feature-icon {\n background-color: #ffffff;\n -webkit-box-shadow: 0 0 10px 2px var(--secondary);\n box-shadow: 0 0 10px 2px var(--secondary);\n}\n.feature .link-button {\n display: inline-block;\n}\n\n/*\n * Notice \n */\n.notice-block {\n position: relative;\n background-color: var(--primary);\n padding: 2rem;\n width: 100%;\n}\n.notice-block .views-row {\n padding: 1rem 0;\n}\n.notice-block .views-field-title {\n font-family: var(--heading-font);\n font-size: 1.4rem;\n font-weight: 700;\n}\n.notice-block .views-field-title a {\n color: var(--dark);\n}\n.notice-block .views-field-title a:hover {\n color: #ffffff;\n}\n.notice-block .views-row {\n border-bottom: 1px solid var(--dark);\n}\n","@media (min-width: 576px) {\n\n}\n\n@media (min-width: 768px) {\n /* Header */\n .header-top-block {\n text-align: left;\n }\n .site-brand img {\n max-height: 60px;\n }\n /* Header -> Page Header */\n .page-header {\n padding: 2rem 0 2rem 0;\n }\n /* Frontpage */\n .homepage-content .block-title::before {\n position: absolute;\n content: '';\n width: 40px;\n height: 2px;\n background: var(--primary);\n top: 50%;\n -webkit-transform: translateX(-50px);\n transform: translateX(-50px);\n }\n \n .homepage-content .block-title::after {\n position: absolute;\n content: '';\n width: 40px;\n height: 2px;\n background: var(--primary);\n top: 50%;\n -webkit-transform: translateX(10px);\n transform: translateX(10px);\n }\n .region-content-home-top .block:nth-child(odd) {\n margin-bottom: 10rem;\n }\n .region-content-home-top .block:last-child:nth-child(odd) {\n margin-bottom: 0;\n }\n .region-content-home-top .block:nth-child(even) {\n padding: 0 0 4rem 0;\n }\n .region-content-home-top .block:nth-child(even)::before {\n position: absolute;\n content: '';\n top: -10rem;\n left: 0;\n height: 10rem;\n width: 100%;\n background: #f0f0f0;\n clip-path: polygon(0 0, 100% 90%, 100% 100%, 0% 100%);\n }\n /* Notice */\n .notice-block {\n width: 98%;\n }\n .notice-block::before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n background-color: var(--secondary);\n width: 95%;\n height: 100%;\n z-index: -1;\n transform: rotate(-5deg);\n }\n .feature {\n padding: 2rem;\n }\n}\n@media (min-width: 992px) {\n /* Header */\n .site-brand img {\n max-height: 80px;\n }\n /* Header -> Main menu */\n .menu-wrap ul.menu li {\n background: linear-gradient(to bottom, transparent 50%, var(--dark) 50%);\n background-size: 100% 200%;\n transition: all 0.2s linear;\n }\n .menu-wrap ul.menu li:hover {\n a {\n\n color: var(--light);\n }\n background-position: 0 -100%;\n }\n ul.main-menu li a:hover {\n color: var(--primary);\n }\n .menu-wrap .menu li span.dropdown-arrow {\n -webkit-transition: all 0.3s ease-in-out;\n -o-transition: all 0.3s ease-in-out;\n transition: all 0.3s ease-in-out;\n }\n .menu-wrap ul.menu li.expanded:hover .dropdown-arrow,\n .menu-wrap ul.menu li.collapsed:hover .dropdown-arrow {\n -webkit-transform: rotate(135deg);\n -ms-transform: rotate(135deg);\n transform: rotate(135deg);\n }\n .menu-wrap ul.menu ul.submenu {\n top: 36px;\n background-color: var(--dark);\n }\n .menu-wrap ul.menu ul.submenu li {\n border-bottom: 1px solid var(--primary);\n }\n .menu-wrap ul.menu ul.submenu li a:hover {\n color: #ffffff;\n }\n}\n@media (min-width: 1170px) {\n /* Header */\n .site-brand img {\n max-height: 90px;\n }\n}\n",".test-class2 {\n}\n@import 'modularscale';\n$modularscale: (\n base: 1em,\n ratio: 1.5\n); //@import './node_modules/modularscale-sass/stylesheets/_modularscale.scss';\n//@format\n@import 'fonts';\n@import 'base';\n@import 'fonts';\n@import 'fonticons';\n@import 'layout';\n@import 'header';\n@import 'blocks';\n@import 'main';\n@import 'sidebar';\n@import 'comment';\n@import 'footer';\n@import 'homepage';\n@import 'components';\n@import 'shortcodes';\n@import 'responsive';\n.slider-image {\n margin-top: 4rem;\n}\n.slider-text,\n.slider-text h1,\n.slider-text h2,\n.slider-text h3,\n.slider-text h4 {\n color: var(--dark-grey);\n}\n.slider-text p {\n font-size: ms(0);\n}\n.slider {\n background: var(--content-bg);\n}\ndiv#block-homepagewelcome {\n a {\n color: var(--upei-red);\n }\n h2,\n p {\n color: #fff !important;\n }\n color: #fff !important;\n background: #789d4a;\n}\n\n.toolbar-horizontal .search-box.open {\n margin-top: 38px;\n}\n.toolbar-horizontal.toolbar-tray-open .search-box.open {\n margin-top: 84px;\n}\ndiv#block-homepagewelcome-2 {\n color: #fff !important;\n background: #789d4a;\n}\n\ndiv#block-homepagewelcome-2 a {\n color: var(--upei-red);\n}\n\ndiv#block-homepagewelcome-2 p {\n color: #fff !important;\n font-size: ms(1);\n}\ndiv#block-homepagewelcome-2 h2 {\n color: #fff !important;\n\n font-size: ms(2);\n}\n"]} \ No newline at end of file diff --git a/css/style.css.old b/css/style.css.old new file mode 100644 index 0000000..78a94af --- /dev/null +++ b/css/style.css.old @@ -0,0 +1,1274 @@ +@charset "UTF-8"; +/* Variables +---------------------------------------- */ +:root { + /* Theme Colors */ + --upei-red: #7c2529; + --upei-green: #789d4a; + --upei-yellow: #f1b434; + --theme-color: green; + --theme-color-two: #383a68; + --primary: #ffcc18; + --secondary: #3e4182; + --dark: #333; + --dark-grey: #838383; + --light: #edeef5; + --border: #cccccc; + --bold-color: var(--upei-red); + --content-bg: #f2f2f2; + --text-color: #222222; + --body-font: "Noto Sans", sans-serif; + --heading-font: "Adelle Regular", serif; +} + +/* HTML and Body +---------------------------------------- */ +body { + font-family: var(--body-font); + background: #ffffff; + color: var(--text-color); + background-color: #fff !important; +} + +/* Regions +---------------------------------------- */ +summary { + color: var(--text-color); +} + +/* Typography +---------------------------------------- */ +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: var(--heading-font); + color: var(--bold-color); +} + +h1 { + font-size: 2.2rem; + font-size: 3.375em; +} + +h2 { + font-size: 1.9rem; + font-size: 2.25em; +} + +h3 { + font-size: 1.6rem; + font-size: 1.5em; +} + +h4 { + font-size: 1.3rem; +} + +h5 { + font-size: 1.1rem; +} + +h6 { + font-size: 1.1rem; +} + +strong { + color: var(--bold-color); +} + +em { + color: var(--upei-green); +} + +a { + -webkit-transition: color 0.4s ease; + -o-transition: color 0.4s ease; + transition: color 0.4s ease; +} + +a, +a:active, +li a.active { + color: var(--upei-green); +} + +a:hover { + color: var(--primary); +} + +/* Typography-> code tags */ +code, +kbd, +pre, +samp { + background: var(--secondary); + color: #ffffff; +} + +mark { + background: var(--primary); + color: #ffffff; +} + +figcaption { + background: var(--secondary); + color: #ffffff; +} + +/* Form +---------------------------------------- */ +/* Form -> Button */ +a.button, +.button, +button, +[type=button], +[type=reset], +[type=submit] { + background-color: var(--secondary); + color: #ffffff; + border: 4px solid var(--primary); + border-radius: 8px; + -webkit-transition: all 0.4s linear; + -o-transition: all 0.4s linear; + transition: all 0.4s linear; +} + +a.button:hover, +.button:hover, +button:hover, +[type=button]:hover, +[type=reset]:hover, +[type=submit]:hover { + background-color: var(--dark); + color: var(--primary); +} + +input[type=text], +input[type=email], +input[type=url], +input[type=password], +input[type=search], +textarea { + -webkit-transition: all 0.5s ease-in-out; + -o-transition: all 0.5s ease-in-out; + transition: all 0.5s ease-in-out; +} + +input[type=text], +input[type=email], +input[type=url], +input[type=password], +input[type=search], +textarea { + color: var(--text-color); + background: var(--light); + border: 1px solid var(--border); +} + +input[type=text]:focus, +input[type=email]:focus, +input[type=url]:focus, +input[type=password]:focus, +input[type=search]:focus, +textarea:focus { + border: 1px solid var(--primary); + background: #f0f0f0; +} + +fieldset { + border: 1px solid var(--border); +} + +/* Form -> Label */ +.form-item label, +form label { + font-weight: 700; + color: var(--bold-color); +} + +summary { + font-family: var(--heading-font); + font-weight: 700; +} + +/* Form -> Radio buttons */ +input[type=radio], +input[type=checkbox] { + border: 2px solid var(--secondary); +} + +input[type=radio]:hover, +input[type=checkbox]:hover { + border: 2px solid var(--primary); +} + +input[type=radio]:checked, +input[type=checkbox]:checked { + background-color: var(--primary); + color: #000000; +} + +input[type=checkbox] { + appearance: none; +} + +input[type=checkbox]::after { + content: "✔"; + text-align: center; + display: none; +} + +input[type=checkbox]:checked::after { + display: block; +} + +select { + color: var(--text-color); + background: #eeeeee; + border: 1px solid var(--border); +} + +::-webkit-input-placeholder { + color: var(--border); +} + +::placeholder { + color: var(--border); + opacity: 1; +} + +:-ms-input-placeholder { + color: var(--border); +} + +::-ms-input-placeholder { + color: #969696; +} + +:-moz-placeholder { + color: var(--border); +} + +::-moz-placeholder { + color: var(--border); +} + +/* Table +---------------------------------------- */ +th { + background: var(--light); + color: #fff; + color: var(--upei-red); + border: 1px solid var(--dark); +} + +td { + border: 1px solid var(--border); +} + +/* Common HTML Elements +---------------------------------------- */ +hr { + background: var(--border); +} + +dt { + color: var(--bold-color); +} + +blockquote { + background: var(--light); + box-shadow: 2px 2px 6px var(--border); + border-left: 8px solid var(--secondary); +} + +/* Selection +---------------------------------------- */ +::-moz-selection { + background: var(--primary); + color: #fff; + text-shadow: none; +} + +::selection { + background: var(--primary); + color: #fff; + text-shadow: none; +} + +@font-face { + font-family: "ficon"; + src: url("../fonts/ficon.ttf?ce63e9") format("truetype"), url("../fonts/ficon.woff?ce63e9") format("woff"), url("../fonts/ficon.svg?ce63e9#ficon") format("svg"); + font-weight: normal; + font-style: normal; + font-display: block; +} +[class^=ficon-], [class*=" ficon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: "ficon" !important; + speak: never; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.ficon-mail:before { + content: "\f003"; +} + +.ficon-map:before { + content: "\f041"; +} + +.ficon-calendar:before { + content: "\f073"; +} + +.ficon-phone:before { + content: "\f095"; +} + +.ficon-twitter:before { + content: "\f099"; +} + +.ficon-facebook:before { + content: "\f09a"; +} + +.ficon-github:before { + content: "\f09b"; +} + +.ficon-linkedin:before { + content: "\f0e1"; +} + +.ficon-youtube:before { + content: "\f16a"; +} + +.ficon-instagram:before { + content: "\f16d"; +} + +.ficon-vk:before { + content: "\f189"; +} + +.ficon-whatsapp:before { + content: "\f232"; +} + +.ficon-vimeo:before { + content: "\f27d"; +} + +.ficon-user:before { + content: "\f2c0"; +} + +.ficon-telegram:before { + content: "\f2c6"; +} + +.ficon-comments:before { + content: "\e900"; +} + +.ficon-add_comment:before { + content: "\e901"; +} + +.ficon-tag:before { + content: "\e902"; +} + +.ficon-file:before { + content: "\e903"; +} + +.ficon-search:before { + content: "\e904"; +} + +.ficon-tag:before { + content: "\e902"; +} + +.main-wrapper { + padding: 0; +} + +div#block-menudetailsforhomepage h4 a { + color: var(--upei-red); +} +div#block-menudetailsforhomepage li { + color: #333; +} + +/* Header Top +------------------------------- */ +.header-top { + background: var(--upei-red); + color: var(--light); +} + +.header-top a { + color: var(--light); +} + +.header-top a:hover, +.header-top i { + color: var(--primary); +} + +.header-top-block { + text-align: center; +} + +/* Header +------------------------------- */ +.header { + background: #fff; + color: #ffffff; +} + +.header a, +.page-header a { + color: var(--primary); + color: var(--dark-grey); +} + +.header-container { + padding: 1rem 0; +} + +.site-brand img { + max-height: 50px; + display: block; +} + +.site-name { + font-family: var(--heading-font); + color: var(--primary); + font-weight: 700; + font-size: 2.25em; +} + +.site-name a:hover { + color: var(--primary); +} + +/* Header -> Main menu */ +.mobile-menu { + border-top: 2px solid #ffffff; + border-bottom: 2px solid #ffffff; +} + +.mobile-menu span { + background-color: #ffffff; +} + +.menu-wrap { + font-family: var(--heading-font); + font-weight: 700; +} +.menu-wrap .menu a { + color: var(--dark-grey); +} + +.menu-wrap ul.menu > li { + margin-left: 6px; +} + +.menu-wrap ul.menu li > a { + padding: 10px; +} + +.menu-wrap ul.menu { + font-size: 1em; +} + +/* Header -> search block region */ +.search-icon { + width: 36px; + height: 36px; +} + +.search-icon img { + max-height: 30px; +} + +.search-box { + background-color: var(--dark); +} + +.search-box-content .block-title, +.search-box-content form label { + color: var(--light); +} + +.search-box-content input[type=search] { + background: url(../images/icons/search-icon.svg) top right no-repeat; + color: #ffffff; + -webkit-text-fill-color: #ffffff; + border-bottom: 2px solid var(--border); +} + +.search-box-content input[type=search]:focus { + background: url(../images/icons/search-icon.svg) top right no-repeat; + border: 0; + border-bottom: 2px solid var(--border); +} + +.search-box-content input[type=search]:-webkit-autofill { + -webkit-box-shadow: 0 0 0px 1000px var(--dark) inset; + background-color: transparent; + color: #ffffff; +} + +.header-search-close { + border: 3px solid var(--primary); +} + +/* Header -> Page header */ +.page-header { + background: #fff; + color: var(--upei-green); + box-shadow: inset 0px 11px 8px -10px #ccc, inset 0px -11px 8px -10px #ccc; +} + +.page-header a:hover { + color: #ffffff; +} + +.region-page-header { + align-items: center; +} + +.breadcrumb { + color: var(--light); +} + +.page-header .page-title { + color: #ffffff; + color: var(--upei-green); + color: var(--dark); + font-variant: small-caps; +} + +/* Main +---------------------------------------- */ +/* Main -> Admin tabs */ +ul.page-tabs { + border-bottom: 2px solid var(--upei-red); + margin-top: 1rem; +} + +.page-tabs li a { + background: #dddddd; + color: var(--upei-red); + border-right: 2px solid #fff; + -webkit-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.page-tabs li.active-page-tab a, +.page-tabs li a:hover { + background: var(--upei-red); + color: #fff; +} + +/* Main -> Filter Module */ +.filter-wrapper { + border: 1px solid var(--border); +} + +/* Node Submitted Details */ +.submitted-icons { + color: var(--primary); +} + +.node-taxonomy-container .term-title::before { + font-family: "ficon"; + content: "\e902"; + color: var(--primary); + padding-right: 6px; +} + +/* Sidebar +---------------------------------------- */ +.sidebar .block { + background-color: #f5f5ff; + padding: 20px; + margin-bottom: 2rem; + box-shadow: 0 2px 2px var(--border); +} + +.sidebar .block-title { + font-size: 2.2rem; + text-transform: none; +} + +/* Comments +--------------------------------------*/ +#comments { + border-top: 1px solid var(--border); +} + +#comments i { + color: var(--primary); +} + +/* Comments -> single comment */ +.comment { + box-shadow: 3px 3px #cccccc; +} + +.comment-header { + background-color: #dcdee2; + border-bottom: 2px solid #cccccc; +} + +.comment-user-picture { + padding: 0 1rem; + border-right: 2px solid #cccccc; + -ms-flex: 0 0 100px; + flex: 0 0 100px; +} + +.comment-title, +.comment-title a { + color: var(--secondary); + font-weight: 400; +} + +.comment-reply a, +.comment-delete a, +.comment-edit a { + padding: 5px 12px; + color: #fff; + background: var(--secondary); + border-radius: 4px; + -webkit-transition: all 0.4s ease-in-out; + transition: all 0.4s ease-in-out; +} + +.comment-reply a:hover, +.comment-delete a:hover, +.comment-edit a:hover { + background: var(--primary); + color: #ffffff; +} + +/* + * Footer + */ +.footer-top { + background-color: var(--upei-red); + color: #ffffff; +} + +.footer-blocks, +.footer-bottom-blocks, +.footer-bottom, +.footer-social { + background-color: var(--dark); + color: #ffffff; +} + +.footer .block-title { + position: relative; + font-size: 1.6rem; + color: #ffffff; + padding-bottom: 12px; + margin-bottom: 12px; +} + +.footer .block-title::before, +.footer .block-title::after { + content: ""; + position: absolute; + left: 0; + height: 2px; + background: var(--primary); +} + +.footer .block-title::before { + width: 30px; + bottom: 6px; +} + +.footer .block-title::after { + width: 60px; + bottom: 0; +} + +.footer a { + color: var(--primary); +} + +.footer a:hover { + color: #ffffff; +} + +.footer-block ul { + margin: 0; + padding: 0; + list-style: none; +} + +.footer-block li { + padding: 10px 0; + border-bottom: 1px solid #000000; +} + +.footer-bottom-container { + border-top: 2px solid #000000; +} + +/* Footer -> customization */ +.footer-logo { + max-height: 100px; + width: auto; +} + +.homepage-content .block-title { + text-align: center; + margin-bottom: 1rem; +} + +.frontpage-main .block, +.homepage-content-bottom .block { + margin-bottom: 5rem; +} + +.region-content-home-top .block { + padding: 4rem 0; +} + +.region-content-home-top .block:nth-child(even) { + position: relative; + background: #f0f0f0; +} + +.region-content-home-top .block:last-child { + margin: 0; +} + +.slider { + height: 400px; +} +.slider-container { + height: 400px; +} +.slider-text { + flex: 80%; +} +.slider-image { + flex: 20%; + margin-top: 0 !important; +} + +.js-pager__items { + position: relative; + position: relative; + margin: 0; + padding: 1rem 0; + list-style: none; + list-style-type: none; + clear: both; + text-align: center; +} +.js-pager__items li { + display: inline-block; + padding: 12px 0; +} +.js-pager__items li a { + padding: 8px 14px; + color: #fff; + background: var(--dark); +} +.js-pager__items li a:hover, +.js-pager__items li .is-active a { + background: var(--primary); + color: #fff; +} + +#edit-submit-dataset-search { + background-color: var(--dark-grey); +} + +form#views-exposed-form-dataset-search-page-1 { + display: flex; + justify-content: center; +} + +.js-form-item-search-api-fulltext { + margin: 0; +} + +input#edit-search-api-fulltext { + height: 54px; + width: 100%; +} + +/* Components -> Social icons */ +.footer-social { + padding: 1rem 0; +} + +.social-icons { + position: relative; + margin: 0; + padding: 0; + list-style: none; +} + +.social-icons li { + display: inline-block; + margin: 0; +} + +.social-icons li a { + display: flex; + justify-content: center; + align-items: center; + width: 44px; + height: 44px; + border: 2px solid #000000; + border-radius: 6px; + -webkit-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.social-icons li a:hover { + border: 2px solid var(--primary); +} + +.social-icons i { + padding: 10px; +} + +/* components -> Scroll To Top. */ +.scrolltop { + background: var(--primary); + color: #000000; + transition: all 0.3s ease; +} + +.scrolltop:hover { + background: var(--secondary); + color: #ffffff; +} + +#accordion .accordion_question * { + margin: 0; + font-weight: bold; +} +#accordion .accordion_answer * { + margin: 0; +} + +form#node-data-management-plan-form { + margin-top: 1rem; +} +form#node-data-management-plan-form td { + padding: 1rem; +} +form#node-data-management-plan-form td.field-multiple-drag { + padding: 0; + padding-top: 1rem; +} +form#node-data-management-plan-form .button, +form#node-data-management-plan-form .button, +form#node-data-management-plan-form button, +form#node-data-management-plan-form [type=button], +form#node-data-management-plan-form [type=reset], +form#node-data-management-plan-form [type=submit] { + background-color: #ccc; + color: initial; + border: 1px solid var(--upei-red); + border-radius: 4px; + -webkit-transition: all 0.4s linear; + -o-transition: all 0.4s linear; + transition: all 0.4s linear; + padding: 0 5px; +} +.footer-bottom-blocks .button { + background: var(--upei-green); + border: 4px solid var(--upei-yello); + padding: 0 9px; +} + +/* + * Custom Shortcodes + */ +/* Shortcodes -> Buttons */ +.link-button, +.button-link, +.button-dark { + display: inline-block; + border-radius: 30px; + padding: 0.8rem 1.8rem; + transition: all 0.3s ease; + border: 4px solid var(--upei-red); +} + +a.button, +.button, +button, +[type=button], +[type=reset], +[type=submit] { + background-color: var(--dark); + color: #ffffff; + border: 4px solid var(--upei-red); + border-radius: 8px; + -webkit-transition: all 0.4s linear; + -o-transition: all 0.4s linear; + transition: all 0.4s linear; +} + +.link-button, +.button-link { + color: #ffffff; + background-color: var(--dark); + border: 6px solid var(--upei-red); +} + +.feature h3 { + color: var(--upei-green); +} + +.footer a { + color: #fff; + font-family: var(--body-font); + font-weight: 100; + font-size: 1.2rem; +} + +.footer-bottom-blocks .button { + background: var(--upei-green); + border: 4px solid var(--upei-yello); +} + +.link-button:hover, +.button-link:hover { + color: var(--light); + background-color: var(--dark); + border: 4px solid var(--primary); +} + +.button-dark { + background-color: var(--dark); + color: var(--light); + border: 6px solid var(--upei-red); +} + +.button-dark:hover { + color: #ffffff; + border: 6px solid var(--upei-green); +} + +/* Elements -> Box */ +.box { + background-color: #ffffff; + -webkit-box-shadow: 0 0 8px 4px var(--light); + box-shadow: 0 0 8px 4px var(--light); +} + +/* Icon Box */ +.icon-box { + font-family: var(--body-font); + line-height: 1.7; + background-color: var(--content-bg); + box-shadow: 0 3px 6px #bbbbbb; + display: flex; +} + +.icon-box-icon { + padding-right: 1rem; + flex: 0 0 auto; +} + +.icon-box-text { + font-family: var(--body-font); + line-height: 1.7; +} + +/* + * Features + */ +.features { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(265px, 1fr)); + grid-gap: 1rem; + gap: 1rem; +} + +.feature { + background-color: #ffffff; + padding: 1rem; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + transition: all 0.4s linear; + backface-visibility: hidden; +} + +.feature:hover { + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); + -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); +} + +.feature-icon { + display: flex; + justify-content: center; + align-items: center; + margin-bottom: 1.5rem; + padding: 2rem; + width: 100px; + height: 100px; + border-radius: 50%; + background-color: var(--primary); + color: #ffffff; + transition: all 0.4s ease; + box-shadow: 0 0 10px 2px #ffffff; +} + +.feature:hover .feature-icon { + background-color: #ffffff; + -webkit-box-shadow: 0 0 10px 2px var(--secondary); + box-shadow: 0 0 10px 2px var(--secondary); +} + +.feature .link-button { + display: inline-block; +} + +/* + * Notice + */ +.notice-block { + position: relative; + background-color: var(--primary); + padding: 2rem; + width: 100%; +} + +.notice-block .views-row { + padding: 1rem 0; +} + +.notice-block .views-field-title { + font-family: var(--heading-font); + font-size: 1.4rem; + font-weight: 700; +} + +.notice-block .views-field-title a { + color: var(--dark); +} + +.notice-block .views-field-title a:hover { + color: #ffffff; +} + +.notice-block .views-row { + border-bottom: 1px solid var(--dark); +} + +@media (min-width: 768px) { + /* Header */ + .header-top-block { + text-align: left; + } + .site-brand img { + max-height: 60px; + } + /* Header -> Page Header */ + .page-header { + padding: 2rem 0 2rem 0; + } + /* Frontpage */ + .homepage-content .block-title::before { + position: absolute; + content: ""; + width: 40px; + height: 2px; + background: var(--primary); + top: 50%; + -webkit-transform: translateX(-50px); + transform: translateX(-50px); + } + .homepage-content .block-title::after { + position: absolute; + content: ""; + width: 40px; + height: 2px; + background: var(--primary); + top: 50%; + -webkit-transform: translateX(10px); + transform: translateX(10px); + } + .region-content-home-top .block:nth-child(odd) { + margin-bottom: 10rem; + } + .region-content-home-top .block:last-child:nth-child(odd) { + margin-bottom: 0; + } + .region-content-home-top .block:nth-child(even) { + padding: 0 0 4rem 0; + } + .region-content-home-top .block:nth-child(even)::before { + position: absolute; + content: ""; + top: -10rem; + left: 0; + height: 10rem; + width: 100%; + background: #f0f0f0; + clip-path: polygon(0 0, 100% 90%, 100% 100%, 0% 100%); + } + /* Notice */ + .notice-block { + width: 98%; + } + .notice-block::before { + position: absolute; + content: ""; + top: 0; + left: 0; + background-color: var(--secondary); + width: 95%; + height: 100%; + z-index: -1; + transform: rotate(-5deg); + } + .feature { + padding: 2rem; + } +} +@media (min-width: 992px) { + /* Header */ + .site-brand img { + max-height: 80px; + } + /* Header -> Main menu */ + .menu-wrap ul.menu li { + background: linear-gradient(to bottom, transparent 50%, var(--dark) 50%); + background-size: 100% 200%; + transition: all 0.2s linear; + } + .menu-wrap ul.menu li:hover { + background-position: 0 -100%; + } + .menu-wrap ul.menu li:hover a { + color: var(--light); + } + ul.main-menu li a:hover { + color: var(--primary); + } + .menu-wrap .menu li span.dropdown-arrow { + -webkit-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .menu-wrap ul.menu li.expanded:hover .dropdown-arrow, +.menu-wrap ul.menu li.collapsed:hover .dropdown-arrow { + -webkit-transform: rotate(135deg); + -ms-transform: rotate(135deg); + transform: rotate(135deg); + } + .menu-wrap ul.menu ul.submenu { + top: 36px; + background-color: var(--dark); + } + .menu-wrap ul.menu ul.submenu li { + border-bottom: 1px solid var(--primary); + } + .menu-wrap ul.menu ul.submenu li a:hover { + color: #ffffff; + } +} +@media (min-width: 1170px) { + /* Header */ + .site-brand img { + max-height: 90px; + } +} +.slider-image { + margin-top: 4rem; +} + +.slider-text, +.slider-text h1, +.slider-text h2, +.slider-text h3, +.slider-text h4 { + color: var(--dark-grey); +} + +.slider-text p { + font-size: 1em; +} + +.slider { + background: var(--content-bg); +} + +div#block-homepagewelcome { + color: #fff !important; + background: #789d4a; +} +div#block-homepagewelcome a { + color: var(--upei-red); +} +div#block-homepagewelcome h2, +div#block-homepagewelcome p { + color: #fff !important; +} + +.toolbar-horizontal .search-box.open { + margin-top: 38px; +} + +.toolbar-horizontal.toolbar-tray-open .search-box.open { + margin-top: 84px; +} + +div#block-homepagewelcome-2 { + color: #fff !important; + background: #789d4a; +} + +div#block-homepagewelcome-2 a { + color: var(--upei-red); +} + +div#block-homepagewelcome-2 p { + color: #fff !important; + font-size: 1.5em; +} + +div#block-homepagewelcome-2 h2 { + color: #fff !important; + font-size: 2.25em; +} +/*# sourceMappingURL=style.css.map */ diff --git a/gulpfile.js b/gulpfile.js index 2652cd5..7d2e1b1 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -62,7 +62,8 @@ function drush() { function styles() { 'use strict'; return gulp - .src(PATHS.Scss.Dir + '/**/*.scss') + //.src(PATHS.Scss.Dir + '/**/*.scss') + .src('./css/sass/**/*.scss') .pipe(plumber()) .pipe(sourcemaps.init()) .pipe( @@ -73,7 +74,8 @@ function styles() { .on('error', sass.logError) ) .pipe(sourcemaps.write('.')) - .pipe(gulp.dest(PATHS.Css.Dir)) + //.pipe(gulp.dest(PATHS.Css.Dir)) + .pipe(gulp.dest('./css')) .pipe(browsersync.stream()); }