body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)} @charset "UTF-8"; /***** RED SPRUCE CSS DOCUMENT *****/ /*** PRESETS & EXTERNAL ***/ /* Google Fonts */ @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap'); /* Color Settings */ :root { --red: #891d2c; --green: #386150; --yellow: #a57548; --blue: #00798c; --beige: #f5e9e2; --black: #0c011a; } /*** PAGE ATTRIBUTES ***/ html, body {height: 100%; width: 100%; margin: 0;} body { font-family: "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-size: 20px; color: var(--black); line-height: 1.5; background-color: var(--beige); font-weight: 400; letter-spacing: 0.5px } .large-text {font-size: 2em!important;} img {width: 100%; height: auto;} hr {margin: 30px 0px; padding: 0; clear: both; border-top: 1px solid #ccc;} p {margin: 0px 0px 30px 0px;} p:last-child {margin-bottom: 0px;} .first_paragraph p:first-child {font-size: 1.25em!important; font-weight: 600; border-bottom: 1px solid #eee; margin-bottom: 30px;} .label {color: var(--red);} .invisible, em img, .ics {display: none;} .nolink {pointer-events: visible;} @media(min-width: 1400px) { .container {width: 1400px;} .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1400px;} } .float_left {float: left;} .float_right {float: right;} .content-middle {display: flex; flex-direction: column; align-self: center;} .visibleblock, .visibleblock .block, .block {overflow: initial;} .ce_text.container.block {overflow: auto;} .ce_text {position: relative;} .small-text {font-size: medium;} /* Responsive YouTube/Vimeo */ .video-container, .mejs-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;} .video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .mejs-overlay {display: none;} /** Links **/ a {outline: none!important; color: var(--red); transition: 0.2s;} a:link {outline: none!important; color: var(--red); transition: 0.2s;} a:visited {transition: 0.2s;} a:hover {color: var(--yellow); text-decoration: none; transition: 0.2s; cursor: pointer;} a:active {color: var(--red); transition: 0.2s; text-decoration: none;} #container a:link {text-decoration: underline;} /** Lists **/ ul {list-style-type: disc; margin: 0px 0px 0px 20px; padding: 0;} ul.blank {list-style-type: none; margin: 0px;} .ce_text ul, .ce_text ol {margin-bottom: 30px;} #header ul {list-style-type: none;} /** Custom Spacing **/ .mt-0, .mb-0, .my-0 {margin-top: 0px!important;} .mt-15 {margin-top: 15px;} .mb-15 {margin-bottom: 15px;} .my-15 {margin: 15px auto;} .mt-30 {margin-top: 30px;} .mb-30 {margin-bottom: 30px;} .my-30 {margin: 30px auto;} .mt-60 {margin-top: 60px;} .mb-60 {margin-bottom: 60px;} .my-60 {margin: 60px 0px;} .pt-15 {padding-top: 15px;} .pb-15 {padding-bottom: 15px;} .py-15 {padding: 15px 0px;} .pt-30 {padding-top: 30px;} .pb-30 {padding-bottom: 30px;} .py-30 {padding: 30px 0px;} .pt-60 {padding-top: 60px;} .pb-60 {padding-bottom: 60px;} .py-60 {padding: 60px 0px;} .mt-minus-30 {margin-top: -30px;} .mt-minus-60 {margin-top: -60px;} .mb-minus-30 {margin-bottom: -30px;} .mb-minus-60 {margin-bottom: -60px;} /** Headers **/ /*#container h1, #container h2, #container h3, #container h4, #container h5, #container h6, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #container h6*/ h1, h2, h3, h4, h5, h6 {font-weight: 900; color: var(--green); position: relative; font-family: "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; letter-spacing: 0.5px; margin-top: 0px;} h1 {font-size: 3em;} h2 {font-size: 2em; margin-bottom: 50px;} h3 {font-size: 1.5em; margin-bottom: 45px;} h4 {font-size: 1.25em; margin-bottom: 30px;} h5 {font-size: 1.15em; margin-bottom: 30px;} h6 {font-size: 1em; margin-bottom: 30px;} .nospace {margin-bottom: 0px!important;} /** Buttons **/ .btn {padding: 15px 45px 15px 15px; color: #fff!important; font-family: "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; position: relative; transition: 0.2s; background-image: none!important; border: none; border-radius: 60px; text-align: left; text-decoration: none!important; font-weight:600;} .btn::after { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); content: "\f0a9"; right: 15px; position: absolute; top: 50%; transform: translateY(-50%); font-size: 1.25em; line-height: 1; transition: 0.2s; } .btn.plus::after {content: "\f055";} .btn.minus::after {content: "\f056";} .btn.menu::after {content: "\f0c9";} .btn.up::after {content: "\f0aa";} .btn.down::after {content: "\f0ab";} .btn.closemenu::after {content: "\f057";} .btn.file::after {content: "\f15b";} .btn.pdf::after {content: "\f1c1";} .btn.pptx::after, .ext-ppt::before {content: "\f1c4";} .btn.docx::after, .ext-doc::before {content: "\f1c2";} .btn.mp4::after, .ext-mov::before {content: "\f1c8";} .btn.xls::after {content: "\f1c3";} .btn:hover {transform: scale(1.04);} .btn.fullwidth {width: 100%;} .btn.float-right {float: right;} /* Red */ .btn.red {background-color: var(--red);} .btn.red:hover {filter: brightness(1.5);} .btn.red::after, .btn.red:hover::after {color: #fff;} /* Yellow */ .btn.yellow {background-color: var(--yellow);} .btn.yellow:hover {filter: brightness(1.25);} .btn.yellow::after, .btn.yellow:hover::after {color: #fff;} /* Green */ .btn.green {background-color: var(--green);} .btn.green:hover {filter: brightness(1.5);} .btn.green::after, .btn.green:hover::after {color: #fff;} /* Blue */ .btn.blue {background-color: var(--blue);} .btn.blue:hover {filter: brightness(1.5);} .btn.blue::after, .btn.blue:hover::after {color: #fff;} /** Color Areas **/ .colorarea {position: relative;z-index: 0;} .containered60 {padding: 60px;} .containered30 {padding: 30px;} .containered15 {padding: 15px;} .areacontent {position: relative;z-index: 3;} .colorarea.white.background::after {background: url('https://cms-research.acadiau.ca/files/mastercontrol/redspruce/images/bg-trees-sm-white20.png') no-repeat 0px 0px; background-size: auto; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; filter: invert(50%); content: ''; z-index: -1;} .colorarea.green.background::after, .colorarea.red.background::after, .colorarea.blue.background::after, .colorarea.yellow.background::after {background: url('https://cms-research.acadiau.ca/files/mastercontrol/redspruce/images/bg-trees-sm-white20.png') no-repeat 0px 0px; background-size: auto; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; content: ''; z-index: -1;} /* Red */ .colorarea.red {background-color: var(--red); color: #fff;} .colorarea.red a {color: #fff; text-decoration: underline;} .colorarea.red a:hover {color: var(--red); filter: brightness(1.5);} .colorarea.red h1, .colorarea.red h2, .colorarea.red h3, .colorarea.red h4, .colorarea.red h5, .colorarea.red h6 {color: #fff;} .colorarea.red .areabg {background: url('https://cms-research.acadiau.ca/files/mastercontrol/redspruce/images/bg-trees-sm-white20.png') no-repeat 0px 0px; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0.5;} /* Yellow */ .colorarea.yellow {background-color: var(--yellow);} .colorarea.yellow a {color: var(--red); text-decoration: underline;} .colorarea.yellow a:hover {filter: brightness(1.5);} .colorarea.yellow h1, .colorarea.yellow h2, .colorarea.yellow h3, .colorarea.yellow h4, .colorarea.yellow h5, .colorarea.yellow h6 {color: #fff;} .colorarea.yellow .areabg {background: url('https://cms-research.acadiau.ca/files/mastercontrol/redspruce/images/bg-trees-sm-white20.png') no-repeat 0px 0px; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0.5;} /* Green */ .colorarea.green {background-color: var(--green); color: #fff;} .colorarea.green a {color: #fff; text-decoration: underline;} .colorarea.green a:hover {color: var(--red);} .colorarea.green h1, .colorarea.green h2, .colorarea.green h3, .colorarea.green h4, .colorarea.green h5, .colorarea.green h6 {color: #fff;} .colorarea.green .areabg {background: url('https://cms-research.acadiau.ca/files/mastercontrol/redspruce/images/bg-trees-sm-white20.png') no-repeat 0px 0px; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0.5;} /* Blue */ .colorarea.blue {background-color: var(--blue); color: #fff;} .colorarea.blue a {color: #fff; text-decoration: underline;} .colorarea.blue a:hover {color: var(--red);} .colorarea.blue h1, .colorarea.blue h2, .colorarea.blue h3, .colorarea.blue h4, .colorarea.blue h5, .colorarea.blue h6 {color: #fff;} .colorarea.blue .areabg {background: url('https://cms-research.acadiau.ca/files/mastercontrol/redspruce/images/bg-trees-sm-white20.png') no-repeat 0px 0px; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0.5;} /* White */ .colorarea.white {background-color: #fff;} .colorarea.white a {color: var(--red); text-decoration: underline;} .colorarea.white a:hover {filter: brightness(1.5);} /*.colorarea.white h1, .colorarea.white h2, .colorarea.white h3, .colorarea.white h4, .colorarea.white h5, .colorarea.white h6 {color: var(--black);}*/ .colorarea.white .areabg {background: url('https://cms-research.acadiau.ca/files/mastercontrol/redspruce/images/bg-trees-sm-white20.png') no-repeat 0px 0px; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0.5; filter: invert(50%);} /** Modals **/ .modal-dialog {margin: 0 auto;} .modal-content {border-radius: 1rem;} .modal-header {align-items: center; border-radius: 1rem 1rem 0 0; background-color: var(--beige); border-bottom: 0px; padding:1rem 30px!important;} .modal-header .close {padding: 0px; margin: 0px; font-size: 2.5em;} .modal-header .close:hover {color: var(--red); opacity: 1!important;} .modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6 {padding: 0!important; margin: 0!important; color: var(--green);} .modal-header h1::after, .modal-header h2::after, .modal-header h3::after, .modal-header h4::after, .modal-header h5::after, .modal-header h6::after {border-bottom: none!important;} .modal-body {padding:30px;} .modal-footer {border-radius: 0; background-color: var(--beige); border-top: 0px;} .modal-footer .btn {font-family: "Helvetica Neue", Helvetica, 'Lato', Arial, sans-serif; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase;} .modal-footer .btn-secondary {background: var(--green); border: none;} .modal-footer .btn-secondary:hover {background: var(--red);color: #fff; border: none;} /* Full Modal */ .full-modal { padding-right: 0px!important; } .full-modal .modal-dialog { width: 100%; max-width: none; height: 100%; margin: 0; } .full-modal .modal-dialog .modal-content { height: 100%; border: 0; border-radius: 0; } .full-modal .modal-dialog .modal-body { overflow-y: auto; } /*** HERO ***/ .hero-banner {background-color: #000;} .hero-banner.vh100 .hero-image, .hero-banner.vh100 .hero-video {height: calc(100vh);} .hero-banner.vh50 .hero-image, .hero-banner.vh50 .hero-video {height: calc(50vh);} .hero-banner.vh25 .hero-image, .hero-banner.vh25 .hero-video {height: calc(25vh);} /** Hero Image/Video Settings **/ .hero-image {background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; display: flex; align-items: center;} .hero-video {overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; display: flex; align-items: center;} .hero-video video, .hero-video img {object-fit: cover;width: 100vw; height: 100vh; position: absolute; z-index: -100;} /** Hero Text **/ .hero-text .ce_text {text-align: left; color: #fff; width: 50%; position: relative; z-index: 2; padding:60px; background: rgba(0, 0, 0, 0.5);/*font-size: 1.5em;*/} .hero-text h2 {color:#fff;} /** Text Icons for Contacts/Bio **/ .icontext {position: relative; display: block; margin-left:30px;} .icontext::before {color: var(--red); font-weight: bold; position: absolute; left: 0px; top: 5px; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); margin-left: -30px; margin-right: 10px;} .red .icontext::before, .green .icontext::before {color: #fff;} .yellow .icontext::before {color: var(--black);} .icontext.title::before {content: "\f007";} .icontext.address::before {content: "\f3c5";} .icontext.mail::before {content: "\f0e0";} .icontext.email, .icontext.website {overflow-wrap: anywhere;} .icontext.email::before {content: "\f1fa";} .icontext.phone::before {content: "\f879";} .icontext.fax::before {content: "\f1ac";} .icontext.hours::before {content: "\f017";} .icontext.website::before {content: "\f0ac";} .icontext.aware::before {content: "\f06a";} .icontext.language::before {content: "\f1ab";} .icontext.info::before {content: "\f05a";} /* Circle Badges */ .circle {width:120px; height: 120px; border-radius: 120px; display: inline-flex!important; justify-content: center; align-items: center; font-size: 2em; position: relative;} .circle::before {content: " "; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border: 4px solid #fff; border-radius: 120px;} .circle.red {background-color: var(--red); border: 4px solid var(--red);} .circle.yellow {background-color: var(--yellow); border: 4px solid var(--yellow);} .circle.green {background-color: var(--green); border: 4px solid var(--green);} .circle.blue {background-color: var(--blue); border: 4px solid var(--blue);} .circle.full {width: 100%; height: auto; border-radius: 100%;} /** Accordions **/ .ce_accordion {clear:both; margin-bottom: 5px;} .ce_accordion:last-child {margin-bottom: 0px;} .ui-accordion-content {margin: 30px 0px;} .toggler {line-height: 1.25; margin: 0px; padding: 15px 45px 15px 15px; transition: 0.2s; color: var(--au-blue); font-family: "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-weight: 600; position: relative; color:#fff; transition: 0.2s; border-radius: 60px; font-size: 16px;} .toggler:before {display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); content: "\f055"; position: absolute; right: 15px; transform: translateY(-50%); top: 50%; font-weight: bold; transition: 0.2s; line-height: 1; font-size: 1.25em;} .ce_accordion.red .toggler {background: var(--red);} .ce_accordion.yellow .toggler {background: var(--yellow);} .ce_accordion.green .toggler {background: var(--green);} .ce_accordion.blue .toggler {background: var(--blue);} .ce_accordion.red .toggler:hover, .ce_accordion.yellow .toggler:hover, .ce_accordion.green .toggler:hover, .ce_accordion.blue .toggler:hover {filter: brightness(1.5);} .ui-state-active:before {content: "\f056";} /* Tab Content */ .nav-tabs {border-bottom: none; justify-content: center; margin-bottom:15px!important;} .nav-tabs .btn.active::after {content: "\f056";} .nav-tabs .nav-item {margin:0px 5px;} /*** PAGE STRUCTURE & AREAS ***/ /** Header **/ #header-content {display: grid; grid-template-columns: 550px 1fr; grid-template-areas: "logo menu"; position: absolute; z-index: 200; margin:auto; left: 0; right: 0; top:30px;} /* Logo */ .logo-area {grid-area: logo; height: 120px; line-height: 120px; color: var(--red);} .logo-area span {display: block; width: 0; height: 0; overflow: hidden;} /* Menu */ .site-menu {grid-area: menu; height: 120px; display: flex; align-items: center; justify-content: right; } .menu-toggle2 {text-align: right; background: url('https://cms-research.acadiau.ca/files/mastercontrol/redspruce/images/redspruce-logo-red.svg') no-repeat 0px 0px;} #menu-close-desktop {width:115px;} #menufield {position: fixed; top: 0px; right: 0px; background: var(--beige); padding: 30px; width: 25%; height: 100vh;} #menu-bg {background: url('https://cms-research.acadiau.ca/files/mastercontrol/redspruce/images/bg-trees-sm-white20.png') no-repeat 0px 0px; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: invert(50%);} #menufield .mod_navigation ul {margin: 0; padding: 0;} #menufield .mod_navigation li a {display:block; background: var(--green); padding: 15px 45px 15px 15px; color: #fff!important; font-family: "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; position: relative; transition: 0.2s; background-image: none!important; border: none; border-radius: 60px; text-align: left; text-decoration: none!important; font-weight:600;} #menufield .mod_navigation li .active {display:block; background: var(--blue); padding: 15px 45px 15px 15px; color: #fff!important; font-family: "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; position: relative; transition: 0.2s; background-image: none!important; border: none; border-radius: 60px; text-align: left; text-decoration: none!important; font-weight:600;} #menufield .mod_navigation li {margin-bottom: 15px; font-size: 16px;} #menufield .mod_navigation li:last-child {margin-bottom: 0px;} #menufield .mod_navigation li a:hover {filter: brightness(1.5); transform: scale(1.04);} #menufield .mod_navigation li a::after {display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); content: "\f0a9"; right: 15px; position: absolute; top: 50%; transform: translateY(-50%); font-size: 1.25em; line-height: 1; transition: 0.2s;} /* Search */ .mod_search {margin-bottom: 60px; font-size: 16px;} .mod_search .widget {display: inline;} .mod_search .text {display: inline-block; width:calc(100% - 125px); background: #fff; padding: 14px 45px 14px 15px; font-family: "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; position: relative; transition: 0.2s; background-image: none!important; border: 1px #ccc solid; border-radius: 60px; text-align: left; text-decoration: none!important; font-weight:600; margin-right:5px;} .mod_search .submit {display: inline-block; width:115px; background: var(--yellow); padding: 15px 45px 15px 15px; color: #fff!important; font-family: "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; position: relative; transition: 0.2s; background-image: none!important; border: none; border-radius: 60px; text-align: left; text-decoration: none!important; font-weight:600;} .mod_search .submit:hover {filter: brightness(1.25); transform: scale(1.04);} .mod_search .submit::after {display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); content: "\f0a9"; right: 15px; position: absolute; top: 50%; transform: translateY(-50%); font-size: 1.25em; line-height: 1; transition: 0.2s;} .searchresult {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 2px var(--green) solid;} .searchresult:last-child {padding-bottom:0px; margin-bottom:0px; border-bottom:none;} .searchresult .relevance {color: var(--blue); font-weight: normal; font-size: 0.875em;} /** Main Content **/ .wavetopper {padding-top:85px;} .wavetopper::before {margin-top:-1px; content: ""; position: absolute; background: url('https://cms-research.acadiau.ca/files/mastercontrol/redspruce/images/wavetopper2.svg') no-repeat; width: 100%; height: 85px; background-size: 101% auto; background-position-y: bottom; top: 0px; background-position-x: center; z-index: 10; rotate: 180deg;} .wavebottom {padding-bottom:85px;} .wavebottom.header {padding-bottom: 0px!important;} .wavebottom::after {margin-bottom:-1px; content: ""; position: absolute; background: url('https://cms-research.acadiau.ca/files/mastercontrol/redspruce/images/wavetopper2.svg') no-repeat; width: 100%; height: 85px; background-size: 101% auto; background-position-y: bottom; bottom: 0px; background-position-x: center; z-index: 10;} #container img {border: 10px #fff solid;} #container .white img, .modal-content img {border: 10px #ccc solid!important;} /* Side by Side */ .sidebyside .text {display: flex; align-items: center; /*font-size: 1.5em;*/} .sidebyside .text .extraleft {margin-right:-100px; position: relative;z-index: 100;} .sidebyside .text .extraright {margin-left:-100px; position: relative;z-index: 100;} /* Ribbon */ .ribbon {background-color:#000; position: relative; color:#fff; /*font-size: 1.5em;*/} .ribbon .areabg {background-repeat:no-repeat; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0.3;} .ribbon h1, .ribbon h2, .ribbon h3, .ribbon h4, .ribbon h5, .ribbon h6 {color: #fff;} .ribbon .ce_text {z-index: 100;} .ribbon .ce_text.container.block {overflow: hidden!important;} /* News - Layout Latest News List */ .mod_newslist .layout_latest {display: grid; grid-template-columns: 1fr 2fr; grid-template-areas: "n-image n-content"; margin-bottom: 60px;} .mod_newslist .layout_latest:last-child {margin-bottom: 0px;} .mod_newslist .layout_latest .image_container {grid-area: n-image; margin-right:30px; display: flex; flex-direction: column; align-self: center;} .mod_newslist .layout_latest .news-content {grid-area: n-content; display: flex; flex-direction: column; align-self: center;} .mod_newslist .layout_latest .news-content p {display: inline;} .mod_newslist .layout_latest .news-content h4 {margin-bottom: 20px;} .mod_newslist .layout_latest .news-content h4 a {text-decoration: none!important;} /* News Reader */ .mod_newsreader .layout_full .title {margin-bottom: 30px;} .mod_newsreader .layout_full .subtitle {color: var(--black); font-weight: 600; font-style: italic; margin-bottom: 35px;} .mod_newsreader .layout_full p.info {font-size: 0.875em;} .mod_newsreader .layout_full .ce_text .image_container .caption {text-align: center; color: var(--au-text-gray); font-style: italic; margin: 15px 0px;} .mod_newsreader p.back {margin-top:30px;} .mod_newsreader p.back a {font-size:16px; padding: 15px 45px 15px 15px; color: #fff!important; font-family: "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; position: relative; transition: 0.2s; background-image: none!important; border: none; border-radius: 60px; text-align: left; text-decoration: none!important; font-weight:600; background-color: var(--red);} .mod_newsreader p.back a:hover {transform: scale(1.04); filter: brightness(1.5);} .mod_newsreader p.back a::after {display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); content: "\f0a8"; right: 15px; position: absolute; top: 50%; transform: translateY(-50%); font-size: 1.25em; line-height: 1; transition: 0.2s;} /** Pagination **/ .pagination {display: grid; position: relative; grid-gap: 30px; grid-template-columns: 150px auto; width: 100%; padding: 15px; font-size: 12px; align-items: center; border-radius: 0px; margin: 0;} .pagination p {grid-column: 1/2; margin: 0px;} .pagination ul {grid-column: 2/2; list-style: none; margin: 0px; text-align: right; display: flex; justify-content: flex-end;} .pagination li {margin-left: 5px; font-family: "Helvetica Neue", Helvetica, 'Lato', Arial, sans-serif; font-weight: 600; letter-spacing: 0.5px; text-align: center; position: relative;} .pagination li:first-child {margin-left: 0px;} .pagination li a {width: 30px; height: 30px; display: block; line-height: 30px; border-radius: 100%; transition: 0.2s;} .pagination li strong {width: 30px; height: 30px; display: block; line-height: 30px; border-radius: 100%; transition: 0.2s;} .pagination li a {background-color: var(--green); color: #fff; text-decoration: none!important;} .pagination li a:hover {background-color: var(--red);} .pagination li strong {color: #fff; text-decoration: none!important; background-color: var(--au-red);} .pagination li.first a, .pagination li.previous a, .pagination li.next a, .pagination li.last a {text-indent: -9999px; position: relative;} .pagination li.first a::after {display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); content: "\f100"; font-size: 1.5em; line-height: 1; transition: 0.2s; color: #fff; font-weight: 600; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; z-index: 100; text-indent: initial;} .pagination li.previous a::after {display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); content: "\f104"; font-size: 1.5em; line-height: 1; transition: 0.2s; color: #fff; font-weight: 600; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; z-index: 100; text-indent: initial;} .pagination li.next a::before {display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); content: "\f105"; font-size: 1.5em; line-height: 1; transition: 0.2s; color: #fff; font-weight: 600; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; z-index: 100; text-indent: initial;} .pagination li.last a::after {display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); content: "\f101"; font-size: 1.5em; line-height: 1; transition: 0.2s; color: #fff; font-weight: 600; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; z-index: 100; text-indent: initial;} /** Footer **/ #footer .icontext::before {position: relative; top:0px; margin-left: -10px; margin-right: 10px;} #footer .colorarea.green .areabg {background-position-y: 35%;} .copyright {font-size: 14px;} .footer-logo {display:flex; justify-content:center; align-items:center;} /* Back to Top Button */ .scrollToTopBtn {color:#fff; background-color: var(--green); border: none; cursor: pointer; font-size: 32px; font-weight: 600; height: 52px; line-height: 40px; width: 52px; border: 4px solid #fff; border-radius: 60px; position: fixed; bottom: 30px; right: 30px; z-index: 100; opacity: 0; transform: translateY(100px); transition: all 0.5s ease;} .scrollToTopBtn:hover {background: var(--red); transform: scale(1.1); transition: all 0.2s ease-in-out;} .showBtn {opacity: 1; transform: translateY(0);} /** Form Styling **/ #container .formbody span.mandatory {color: var(--red);} #container .formbody .widget {margin-bottom:30px;} #container .formbody .widget:last-child {margin-bottom:0px;} #container .formbody label, .formbody legend {display: block; color: var(--green); font-weight: 600; } #container .formbody .text {width: 100%; height: 60px; line-height: 60px; border-radius: 30px; background: #d7dfdc; border-color: var(--green); padding:10px 20px;} #container .formbody textarea {width: 100%; line-height: 1.5; border-radius: 30px; background: #d7dfdc; border-color: var(--green); padding:10px 20px;} #container .formbody select.select {width: 100%; height: 60px; line-height: 60px; border-radius: 30px; background: var(--green); border-color: var(--green); padding: 10px 20px; color: #fff; font-weight: 600; position: relative;} #container .formbody select.select:hover {filter: brightness(1.5);} /* #container .formbody .select::after {display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); content: "\f0ab"; right: 45px; position: absolute; top: 54.6%; transform: translateY(-50%); font-size: 1.25em; line-height: 1; transition: 0.2s; color: #fff; z-index: 10;} #container .formbody .select::before {display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); content: "\f111"; right: 30px; position: absolute; top: 54.6%; transform: translateY(-50%); font-size: 1.25em; line-height: 1; transition: 0.2s; color: var(--green); z-index: 5;} */ #container .formbody label.select::after {display: none;} #container .formbody .error {color: var(--red);} #container .formbody .submit {width:100%; margin-top: 60px; background-color: var(--red); padding: 15px 45px 15px 15px; color: #fff!important; font-family: "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; position: relative; transition: 0.2s; background-image: none!important; border: none; border-radius: 60px; text-align: left; text-decoration: none!important; font-weight:600;} #container .formbody .submit:hover {filter: brightness(1.5);} #container .formbody .submit::after {display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); content: "\f0a9"; right: 15px; position: absolute; top: 50%; transform: translateY(-50%); font-size: 1.25em; line-height: 1; transition: 0.2s;} #container .formbody .submit::after, .formbody .submit:hover::after {color: #fff;} #container .formbody .radio_container {margin-bottom: 30px;} #container .formbody .radio_container span {display: grid; grid-template-columns: 1fr 30px; grid-template-areas: "label input"; margin-bottom: 15px; border-radius: 30px; background: #d7dfdc; padding:10px 20px; min-height: 60px;} #container .formbody .radio_container span:last-child {margin-bottom: 0px;} #container .formbody .radio_container span label {grid-area: label; margin-bottom: 0px; padding-top:5px;} #container .formbody .radio_container span input {grid-area: input;} #container .formbody .checkbox_container {margin-bottom: 30px;} #container .formbody .checkbox_container span {display: grid; grid-template-columns: 1fr 30px; grid-template-areas: "label input"; margin-bottom: 15px; border-radius: 30px; background: #d7dfdc; padding:10px 20px; min-height: 60px;} #container .formbody .checkbox_container span:last-child {margin-bottom: 0px;} #container .formbody .checkbox_container span label {grid-area: label; margin-bottom: 0px; padding-top:5px;} #container .formbody .checkbox_container span input {grid-area: input;} /* Sponsor Section */ .sponsors {display: flex; justify-content: space-between;} /* RESPONSIVE SETTINGS */ @media (max-width: 1399px) and (min-width: 1200px) { body {font-size: 16px;} /** Headers **/ h2 {font-size: 1.75em; margin-bottom: 50px;} /** Color Areas **/ .containered60 {padding: 30px;} /** Hero Text **/ .hero-text .ce_text {padding:30px;} /** Accordions **/ .ce_accordion {clear:both; margin-bottom: 5px;} .ce_accordion:last-child {margin-bottom: 0px;} .ui-accordion-content {margin: 30px 0px;} .toggler {line-height: 1.25; margin: 0px; padding: 15px 45px 15px 15px; transition: 0.2s; color: var(--au-blue); font-family: "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-weight: 600; padding-left: 30px; position: relative; color:#fff; transition: 0.2s; border-radius: 60px; font-size: 16px;} .toggler:before {display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); content: "\f055"; position: absolute; right: 15px; transform: translateY(-50%); top: 50%; font-weight: bold; transition: 0.2s; line-height: 1; font-size: 1.25em;} /* Tab Content */ .nav-tabs {border-bottom: none; justify-content: center; margin-bottom:15px!important;} .nav-tabs .btn.active::after {content: "\f056";} .nav-tabs .nav-item {margin:0px 5px;} /*** PAGE STRUCTURE & AREAS ***/ /** Header **/ #header-content {grid-template-columns: 400px 1fr;} /* Menu */ #menufield {width: 35%;} /* Search */ .mod_search {margin-bottom: 60px; font-size: 16px;} .mod_search .widget {display: inline;} .mod_search .text {display: inline-block; width:calc(100% - 125px); background: #fff; padding: 14px 45px 14px 15px; font-family: "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; position: relative; transition: 0.2s; background-image: none!important; border: 1px #ccc solid; border-radius: 60px; text-align: left; text-decoration: none!important; font-weight:600; margin-right:5px;} .mod_search .submit {display: inline-block; width:115px; background: var(--yellow); padding: 15px 45px 15px 15px; color: #fff!important; font-family: "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; position: relative; transition: 0.2s; background-image: none!important; border: none; border-radius: 60px; text-align: left; text-decoration: none!important; font-weight:600;} .mod_search .submit:hover {filter: brightness(1.25); transform: scale(1.04);} .mod_search .submit::after {display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); content: "\f0a9"; right: 15px; position: absolute; top: 50%; transform: translateY(-50%); font-size: 1.25em; line-height: 1; transition: 0.2s;} /** Main Content **/ .wavetopper {padding-top:25px;} .wavebottom {padding-bottom:25px;} /* Side by Side */ .sidebyside .text .extraleft {margin-right:-80px;} .sidebyside .text .extraright {margin-left:-80px;} } @media (max-width: 1199px) and (min-width: 992px) { body {font-size: 16px;} /** Custom Spacing **/ .mt-60 {margin-top: 30px;} .mb-60 {margin-bottom: 30px;} .my-60 {margin: 30px 0px;} .pt-60 {padding-top: 30px;} .pb-60 {padding-bottom: 30px;} .py-60 {padding: 30px 0px;} /** Headers **/ h2 {font-size: 1.75em; margin-bottom: 20px;} h3 {font-size: 1.5em; margin-bottom: 18px;} h4 {font-size: 1.25em; margin-bottom: 18px;} /** Buttons **/ .btn {padding: 10px 40px 10px 15px; font-size: 0.875em; line-height: 1.25!important;} .btn::after {right: 10px; font-size: 1em; line-height: 1.25!important;} /** Color Areas **/ .containered60 {padding: 30px;} /** Hero Text **/ .hero-text .ce_text {padding:30px;} /* Circle Badges */ .circle {width:100px; height: 100px; border-radius: 100px;} .circle::before {border-radius: 100px;} /** Accordions **/ .toggler {line-height: 1.25; margin: 0px; padding: 15px 45px 15px 15px; transition: 0.2s; color: var(--au-blue); font-family: "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-weight: 600; position: relative; color:#fff; transition: 0.2s; border-radius: 60px; font-size: 16px;} .toggler:before {display: inline-block; text-rendering: auto; font: var(--fa-font-solid); content: "\f055"; position: absolute; right: 15px; transform: translateY(-50%); top: 50%; font-weight: bold; transition: 0.2s; line-height: 1; font-size: 1.25em;} /*** PAGE STRUCTURE & AREAS ***/ /** Header **/ #header-content {grid-template-columns: 400px 1fr; top:25px;} /* Logo */ .logo-area {grid-area: logo; height: 100px; line-height: 100px;} /* Menu */ #menufield {width: 35%;} #menufield .mod_navigation li a {padding: 10px 40px 10px 15px; font-size: 0.875em; line-height: 1.25!important;} #menufield .mod_navigation li .active {padding: 10px 40px 10px 15px; font-size: 0.875em; line-height: 1.25!important;} #menufield .mod_navigation li a::after {right: 10px; font-size: 1em; line-height: 1.25!important;} /* Search */ .mod_search {margin-bottom: 30px;} .mod_search .text {padding: 6px 40px 6px 15px;} .mod_search .submit {padding: 10px 40px 10px 15px; font-size: 0.875em; line-height: 1.25!important;} .mod_search .submit::after {right: 10px;font-size: 1em; line-height: 1.25;} /** Main Content **/ .wavetopper {padding-top:25px;} .wavebottom {padding-bottom:25px;} /* Side by Side */ .sidebyside .text .extraleft {margin-right:-70px;} .sidebyside .text .extraright {margin-left:-70px;} /* News - Layout Latest News List */ .mod_newslist .layout_latest {margin-bottom: 30px;} } @media (max-width: 991px) and (min-width: 768px){ body {font-size: 14px;} /** Custom Spacing **/ .mt-60 {margin-top: 30px;} .mb-60 {margin-bottom: 30px;} .my-60 {margin: 30px 0px;} .pt-60 {padding-top: 30px;} .pb-60 {padding-bottom: 30px;} .py-60 {padding: 30px 0px;} /** Headers **/ h2 {font-size: 1.75em; margin-bottom: 20px;} h3 {font-size: 1.5em; margin-bottom: 18px;} h4 {font-size: 1.25em; margin-bottom: 18px;} /** Buttons **/ .btn {padding: 10px 40px 10px 15px; font-size: 0.875em; line-height: 1.25!important;} .btn::after {right: 10px; font-size: 1em; line-height: 1.25!important;} /** Color Areas **/ .containered60 {padding: 30px;} /** Hero Text **/ .hero-text .ce_text {padding:30px; width: 100%; top:60px;} /* Circle Badges */ .circle {width:100px; height: 100px; border-radius: 100px;} .circle::before {border-radius: 100px;} /** Accordions **/ .toggler {line-height: 1.25; margin: 0px; padding: 15px 45px 15px 15px; transition: 0.2s; color: var(--au-blue); font-family: "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-weight: 600; position: relative; color:#fff; transition: 0.2s; border-radius: 60px; font-size: 16px;} .toggler:before {display: inline-block; text-rendering: auto; font: var(--fa-font-solid); content: "\f055"; position: absolute; right: 15px; transform: translateY(-50%); top: 50%; font-weight: bold; transition: 0.2s; line-height: 1; font-size: 1.25em;} /*** PAGE STRUCTURE & AREAS ***/ /** Header **/ #header-content {grid-template-columns: 400px 1fr; top:25px;} /* Logo */ .logo-area {grid-area: logo; height: 100px; line-height: 100px;} /* Menu */ #menufield {width: 35%;} #menufield .mod_navigation li a {padding: 10px 40px 10px 15px; font-size: 0.875em; line-height: 1.25!important;} #menufield .mod_navigation li .active {padding: 10px 40px 10px 15px; font-size: 0.875em; line-height: 1.25!important;} #menufield .mod_navigation li a::after {right: 10px; font-size: 1em; line-height: 1.25!important;} /* Search */ .mod_search {margin-bottom: 30px;} .mod_search .text {padding: 6px 40px 6px 15px;} .mod_search .submit {padding: 10px 40px 10px 15px; font-size: 0.875em; line-height: 1.25!important;} .mod_search .submit::after {right: 10px;font-size: 1em; line-height: 1.25;} /** Main Content **/ .wavetopper {padding-top:25px;} .wavebottom {padding-bottom:25px;} /* Side by Side */ .sidebyside {margin-bottom: -30px;} .sidebyside .text .extraleft {margin-right:0px;} .sidebyside .text .extraright {margin-left:0px;} /* News - Layout Latest News List */ .mod_newslist .layout_latest {margin-bottom: 30px;} } @media (max-width: 767px) { body {font-size: 20px;} .ce_text .image_container {margin-left:0px!important; margin-right: 0px!important; float: none;} #ourservices .circle {display: none!important;} /** Headers **/ h2 {font-size: 1.75em; margin-bottom: 20px;} h3 {font-size: 1.5em; margin-bottom: 28px;} h4 {font-size: 1.25em; margin-bottom: 18px;} /** Buttons **/ .btn {width: 100%;} /** Color Areas **/ .containered60 {padding: 30px;} /** Hero Text **/ .hero-text .ce_text {width: 100%; padding:30px; top:60px;} /* Tab Content */ .nav-tabs {margin:0px 0px 15px 0px;} .nav-tabs .btn.active::after {content: "\f056";} .nav-tabs .nav-item {margin:0px 0px 5px 0px; width: 100%;} .nav-tabs .nav-item:last-child {margin:0px;} /*** PAGE STRUCTURE & AREAS ***/ /** Header **/ #header-content {grid-template-columns: 1fr 130px; top:0px;} /* Menu */ #menufield {width: 100%; height: 100vh;} /** Main Content **/ .wavetopper {padding-top:25px;} .wavebottom {padding-bottom:25px;} /* Side by Side */ .sidebyside .text .extraleft {margin-right:0px;} .sidebyside .text .extraright {margin-left:0px;} /* News - Layout Latest News List */ .mod_newslist .layout_latest {display: grid; grid-template-columns: 1fr; grid-template-areas: "n-image" "n-content"; margin-bottom: 30px;} .mod_newslist .image_container {margin-bottom: 30px;} .footer-logo {display:none;} } @media (max-width: 480px) {}