@charset "UTF-8";
/*
Theme Name: 	ATU Theme
Description: 	A Zesty Theme for Atlantic Technological University
Version: 		main ed169b3b051f6634b4d927f3b52f74b0409aaf52
Author: 		Zesty
Author URI: 	https://www.simplyzesty.com
*/
/* ADDITION THEME.JSON COLORS SUPPORT */
/* FONT VARIABLES */
@font-face {
  font-family: fallback-font;
  src: local(Arial);
  ascent-override: 100%;
  descent-override: 0%;
  line-gap-override: normal;
  advance-override: 10;
  size-adjust: 95%;
}
/* COLOUR VARIABLES */
.wrapper-section--green {
  background-color: #005b5e;
}

/* teal */
.wrapper-section--purple {
  background-color: #4d0857;
}

.wrapper-section--orange {
  background-color: #ff791e;
}

.wrapper-section--lightblue {
  background-color: #7bb9cb;
}

.wrapper-section--darkblue {
  background-color: #001a79;
}

.wrapper-section--accent-blue {
  background-color: #f0f7f9;
}

.wrapper-section--accent-green {
  background-color: #ace6bd;
}

.wrapper-section--accent-yellow {
  background-color: #edf041;
}

.wrapper-section--accent-salmon {
  background-color: #fac8b4;
}

.wrapper-section--charcoal {
  background-color: #222222;
}

.szicon-campus-donegal-killy:before {
  content: "\e917";
}

.szicon-campus-donegal-letter:before {
  content: "\e918";
}

/* ALIGN WIDTHS */
/* Set P tags to use contentWidth by default even though that's not the wordpress way */
#main-content > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.wrapper-section):not(.grid-container):not(.override-wp-width)) {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
}

#main-content > .alignwide {
  max-width: var(--wp--style--global--wide-size);
}

#main-content > .alignfull {
  max-width: none;
}

/** This rule removes a max-width (from above) for any of our custom ACF blocks that start with #block_ **/
body #main-content > [id^=block_],
body #main-content > [id^=cb-] {
  max-width: none;
}

html body.page-template-page-full,
html body.page-template-default {
  /* a UL that is directly in main-content of a standard page on MOBILE */
  /* a OL that is directly in main-content of a standard page on MOBILE */
}
html body.page-template-page-full #main-content > p,
html body.page-template-page-full #main-content > h1,
html body.page-template-page-full #main-content > h2,
html body.page-template-page-full #main-content > h3,
html body.page-template-page-full #main-content > h4,
html body.page-template-page-full #main-content > h5,
html body.page-template-page-full #main-content > h6,
html body.page-template-page-full #main-content > figure,
html body.page-template-default #main-content > p,
html body.page-template-default #main-content > h1,
html body.page-template-default #main-content > h2,
html body.page-template-default #main-content > h3,
html body.page-template-default #main-content > h4,
html body.page-template-default #main-content > h5,
html body.page-template-default #main-content > h6,
html body.page-template-default #main-content > figure {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
html body.page-template-page-full #main-content > ul.wp-block-list,
html body.page-template-default #main-content > ul.wp-block-list {
  padding-left: 2.025rem;
  list-style-type: disc;
  margin-bottom: 1.875rem;
  list-style-position: outside;
  line-height: 1.6;
}
@media screen and (max-width: 39.9375em) {
  html body.page-template-page-full #main-content > ul.wp-block-list,
  html body.page-template-default #main-content > ul.wp-block-list {
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    margin-left: 1rem;
  }
}
html body.page-template-page-full #main-content > ul.wp-block-list li,
html body.page-template-default #main-content > ul.wp-block-list li {
  font-size: 1.125rem;
  margin: 0;
  padding: 3px 0;
}
@media screen and (max-width: 39.9375em) {
  html body.page-template-page-full #main-content > ul.wp-block-list li,
  html body.page-template-default #main-content > ul.wp-block-list li {
    padding: 3px 0;
  }
}
html body.page-template-page-full #main-content > ol.wp-block-list,
html body.page-template-default #main-content > ol.wp-block-list {
  padding-left: 2.025rem;
  margin-bottom: 1.875rem;
  list-style-position: outside;
  line-height: 1.6;
}
@media screen and (max-width: 39.9375em) {
  html body.page-template-page-full #main-content > ol.wp-block-list,
  html body.page-template-default #main-content > ol.wp-block-list {
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    margin-left: 1rem;
  }
}
html body.page-template-page-full #main-content > ol.wp-block-list li,
html body.page-template-default #main-content > ol.wp-block-list li {
  padding: 3px 0;
  margin: 0;
  /*margin-bottom: 0.625rem;*/
  font-size: inherit;
}
@media screen and (max-width: 39.9375em) {
  html body.page-template-page-full #main-content > ol.wp-block-list li,
  html body.page-template-default #main-content > ol.wp-block-list li {
    margin-bottom: 0.625rem;
  }
}
html body.page-template-page-full #main-content,
html body.page-template-default #main-content {
  /* Counteract WordPress responsive Tables and allow horizontal scrolling */
}
html body.page-template-page-full #main-content .wrapper-title-block,
html body.page-template-default #main-content .wrapper-title-block {
  margin-bottom: 3rem !important;
}
html body.page-template-page-full #main-content .wp-block-table .has-fixed-layout,
html body.page-template-default #main-content .wp-block-table .has-fixed-layout {
  table-layout: unset;
}
html body.page-template-page-full #main-content .wp-block-table .has-fixed-layout td,
html body.page-template-page-full #main-content .wp-block-table .has-fixed-layout th,
html body.page-template-default #main-content .wp-block-table .has-fixed-layout td,
html body.page-template-default #main-content .wp-block-table .has-fixed-layout th {
  word-break: normal !important;
}

/* Course Card Override for when no video is presnet */
.card-no-video {
  display: block;
  transition: box-shadow 0.3s, transform 0.3s;
  width: 100%;
  cursor: auto;
}
.card-no-video .img {
  height: 475px;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-no-video .img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

/* COurse Page H£ light weight font */
body.single-atu_course main h3 {
  font-weight: 100;
}

/** If 2 x HR tags are adjacent - hide teh second one*/
hr.wp-block-separator + hr.wp-block-separator {
  display: none !important;
  visibility: hidden;
}

/* WORDPRESS BUTTONS */
/* replicate this but with of-teh-shelf wordpress button blocks */
/*<span class="text">{{ link.title }}</span><span aria-hidden="true" class="szicon-arrow-right"></span>*/
div.wp-block-buttons div.wp-block-button {
  border-radius: 0px !important;
  position: relative;
  overflow: hidden;
}
div.wp-block-buttons div.wp-block-button::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  transition: transform 0.5s;
  z-index: 0;
  width: 600px;
  height: 100px;
  transform: skew(15deg) translateX(590px);
  background: rgba(255, 255, 255, 0.2);
  pointer-events: none;
}
div.wp-block-buttons div.wp-block-button:hover::after {
  transform: skew(15deg) translateX(90px);
}
div.wp-block-buttons div.wp-block-button.is-style-outline::after {
  background: rgba(0, 91, 94, 0.2);
}
div.wp-block-buttons div.wp-block-button.is-style-outline::after + a.has-white-background-color.has-atu-darkblue-color {
  background: rgba(0, 26, 121, 0.2);
}
div.wp-block-buttons div.wp-block-button a {
  cursor: pointer;
  color: #fff;
  font-size: clamp(1.15rem, 1.15rem + 2vw, 1.25rem);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.025rem;
  /* default is essentially ghost dark */
  color: #005B5E;
  background-color: transparent;
  border: 2px solid #005B5E;
  /* dark green */
}
div.wp-block-buttons div.wp-block-button a::after {
  content: "\e909";
  font-family: "icomoon" !important;
  margin-left: 10px;
  line-height: 1;
  font-size: 1rem;
  margin-top: 3px;
  position: relative;
  z-index: 1;
  display: inline-block;
  transition: transform 0.3s;
}
div.wp-block-buttons div.wp-block-button a.has-white-background-color.has-atu-darkblue-color {
  color: #001A79;
  border: 2px solid #001A79;
  background: transparent;
}
div.wp-block-buttons div.wp-block-button a.has-atu-accent-blue-background-color {
  background-color: #7BB9CB;
  border: 2px solid #7BB9CB;
}
div.wp-block-buttons div.wp-block-button a.has-atu-accent-green-background-color {
  background-color: #ACE6BD;
  border: 2px solid #ACE6BD;
  color: #001A79;
}
div.wp-block-buttons div.wp-block-button a.has-atu-darkblue-background-color {
  background-color: #001A79;
  border: 2px solid #001A79;
  color: #ffffff;
}
div.wp-block-buttons div.wp-block-button a.has-atu-green-background-color {
  background-color: #005B5E;
  border: 2px solid #005B5E;
  color: #ffffff;
}
div.wp-block-buttons div.wp-block-button a.has-atu-orange-background-color {
  background-color: #FF791E;
  border: 2px solid #FF791E;
  color: #001A79;
}

.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
  padding-top: unset;
}

/* LIbrary */
div.lcs_header a img {
  box-shadow: 3px 3px 13px rgba(12, 61, 93, 0.8);
  margin: 0;
  padding-bottom: 2px;
  max-width: 100px;
}

div.lcs_load {
  box-shadow: -3px 3px 10px rgba(76, 76, 76, 0.8);
}

/* Course Dialog Modal */
/*
dialog#coursecrmform {

    dialog:not([open]) {
        pointer-events: none;
        opacity: 0;
    }
    width:max(90vw, 300px);
    max-inline-size: min(90vw, 900px);
    max-block-size: min(80vh, 100%);
    max-block-size: min(80dvb, 100%);
    overflow-x: hidden;
    border-radius: var(--radius-3);
    box-shadow: var(--shadow-6);


    header {
        background:#001a79;
        display: flex;
        flex-direction: row;
        row-gap: 10px;
        color: #fff;


        * {
            padding: 1rem;
        }

        h3 {
            flex-grow: 2;

        }

        #coursecrmformclose {
            flex-grow: 1;
            font-size: 1.25rem;
            position: absolute;
            top:0.5rem;
            right: 1rem;
            color: #fff;
            align-self: end;
        }
    }

    &::backdrop {
        background-color: rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(8px);

    }

    iframe {
        height: 60vh;
        min-height: min(90vh, 100%);
        border: none;
    }
}

html:has(dialog[open]) {

  overflow: hidden;
}

@media (max-width: 768px) {
    dialog[modal-mode="mega"] {
        margin-block-end: 0;
        border-end-end-radius: 0;
        border-end-start-radius: 0;
    }
}

*/

/*# sourceMappingURL=style.css.map */