You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
29 KiB
1 lines
29 KiB
{"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","_search.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;;;ACzHF;EACE;EACA;;;AAMJ;EAYE;EACA;EACA;EACA;EACA;EACA;;AAhBA;EACE;;AAEF;EACE;EAGA;;AAUF;EACE;;AACA;EACE;EACA;;AAEF;EACE;;AACA;EACE;;;ACZR;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",".search-results {\n ul {\n list-style: none;\n padding: 0;\n }\n}\n//.item-list {\n//display: none;\n//}\n.search-result {\n .views-field {\n display: flex;\n }\n .views-label {\n font-weight: 600;\n @extend dt;\n\n width: 10rem;\n }\n .field-content {\n }\n background-color: #ffffff;\n -webkit-box-shadow: 0 0 8px 4px var(--light);\n box-shadow: 0 0 8px 4px var(--light);\n border: 1px solid #ccc;\n margin: 1em;\n padding: 1em;\n dl {\n margin: 0;\n dt {\n float: left;\n width: 5em;\n }\n dd {\n margin: 0 0 0.5rem 0;\n &:last-child {\n margin: 0;\n }\n }\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@import 'search';\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"]} |