@charset "UTF-8";
/*
Login Specific Styling.
*/
/*
Global Variables

@import this file at the top of each page
template file to make variables available.
*/
/*

Desktop
2560x1440
1920x1080
1366x768
1536x864
1440x900
1280x720
1600x900

Tablet
768x1024
810x1080
1280x800
800x1280
601x962
1024x1366

Phone
360x800
390x844
414x896
412x915
412x915
393x873


*/
:root {
  --outside-block: 5vw;
  --inside-block: 5vw;
  --in-and-out-block: 10vw;
  --max-width: 1680px;
  --common-padding-top: 5vw;
  --common-padding-bottom: 5vw;
  --shorter-padding-top: 3.5vw;
  --shorter-padding-bottom: 3.5vw;
  --small-padding-top: 2vw;
  --small-padding-bottom: 2vw;
}

@media screen and (min-width: 1920px) {
  :root {
    --outside-block: 5vw;
    --inside-block: 5vw;
    --max-width: 2000px;
    --shorter-padding-top: 3vw;
    --shorter-padding-bottom: 3vw;
    --small-padding-top: 1.5vw;
    --small-padding-bottom: 1.5vw;
  }
}
@media screen and (max-width: 1601px) {
  :root {
    --outside-block: 100px;
    --inside-block: 100px;
    --common-padding-top: 65px;
    --common-padding-bottom: 65px;
    --shorter-padding-top: 50px;
    --shorter-padding-bottom: 50px;
    --small-padding-top: 30px;
    --small-padding-bottom: 30px;
  }
}
@media screen and (max-width: 1440px) {
  :root {
    --outside-block: 4vw;
    --inside-block: 8vw;
    --common-padding-top: 5vw;
    --common-padding-bottom: 5vw;
  }
}
@media screen and (max-width: 1360px) {
  :root {
    --inside-block: 5vw;
  }
}
@media screen and (max-width: 1180px) {
  :root {
    --outside-block: 3.5vw;
    --inside-block: 6vw;
  }
}
@media screen and (max-width: 820px) {
  :root {
    --common-padding-top: 6vw;
    --common-padding-bottom: 6vw;
    --small-padding-top: 4vw;
    --small-padding-bottom: 4vw;
  }
}
@media screen and (max-width: 600px) {
  :root {
    --outside-block: 30px;
    --inside-block: 0px;
    --common-padding-top: 40px;
    --common-padding-bottom: 40px;
    --shorter-padding-top: 30px;
    --shorter-padding-bottom: 30px;
    --small-padding-top: 20px;
    --small-padding-bottom: 20px;
  }
}
/*
Mixins

Add mixins to any css page using @include

e.g.
.element{
	@include transition( background .2s ease-out )
}
*/
/**
 * @license
 *
 * Font Family: Author
 * Designed by: Satya Rajpurohit
 * URL: https://www.fontshare.com/fonts/author
 * © 2022 Indian Type Foundry
 *
 * Font Styles:
 * Author Variable(Variable font)
 * Author Variable Italic(Variable font)
 * Author Extralight
 * Author Extralight Italic
 * Author Light
 * Author Light Italic
 * Author Regular
 * Author Italic
 * Author Medium
 * Author Medium Italic
 * Author Semibold
 * Author Semibold Italic
 * Author Bold
 * Author Bold Italic
 *
*/
/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 700.0;
*
* available axes:

* 'wght' (range from 200.0 to 700.0)

*/
@font-face {
  font-family: "Author-Variable";
  src: url("/wp-content/themes/pcdsc/includes/author/Author-Variable.woff2") format("woff2"), url("/wp-content/themes/pcdsc/includes/author/Author-Variable.woff") format("woff"), url("/wp-content/themes/pcdsc/includes/author/Author-Variable.ttf") format("truetype");
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 700.0;
*
* available axes:

* 'wght' (range from 200.0 to 700.0)

*/
@font-face {
  font-family: "Author-VariableItalic";
  src: url("/wp-content/themes/pcdsc/includes/author/Author-VariableItalic.woff2") format("woff2"), url("/wp-content/themes/pcdsc/includes/author/Author-VariableItalic.woff") format("woff"), url("/wp-content/themes/pcdsc/includes/author/Author-VariableItalic.ttf") format("truetype");
  font-weight: 200 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Author-Extralight";
  src: url("/wp-content/themes/pcdsc/includes/author/Author-Extralight.woff2") format("woff2"), url("/wp-content/themes/pcdsc/includes/author/Author-Extralight.woff") format("woff"), url("/wp-content/themes/pcdsc/includes/author/Author-Extralight.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Author-ExtralightItalic";
  src: url("/wp-content/themes/pcdsc/includes/author/Author-ExtralightItalic.woff2") format("woff2"), url("/wp-content/themes/pcdsc/includes/author/Author-ExtralightItalic.woff") format("woff"), url("/wp-content/themes/pcdsc/includes/author/Author-ExtralightItalic.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Author-Light";
  src: url("/wp-content/themes/pcdsc/includes/author/Author-Light.woff2") format("woff2"), url("/wp-content/themes/pcdsc/includes/author/Author-Light.woff") format("woff"), url("/wp-content/themes/pcdsc/includes/author/Author-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Author-LightItalic";
  src: url("/wp-content/themes/pcdsc/includes/author/Author-LightItalic.woff2") format("woff2"), url("/wp-content/themes/pcdsc/includes/author/Author-LightItalic.woff") format("woff"), url("/wp-content/themes/pcdsc/includes/author/Author-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Author-Regular";
  src: url("/wp-content/themes/pcdsc/includes/author/Author-Regular.woff2") format("woff2"), url("/wp-content/themes/pcdsc/includes/author/Author-Regular.woff") format("woff"), url("/wp-content/themes/pcdsc/includes/author/Author-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Author-Italic";
  src: url("/wp-content/themes/pcdsc/includes/author/Author-Italic.woff2") format("woff2"), url("/wp-content/themes/pcdsc/includes/author/Author-Italic.woff") format("woff"), url("/wp-content/themes/pcdsc/includes/author/Author-Italic.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Author-Medium";
  src: url("/wp-content/themes/pcdsc/includes/author/Author-Medium.woff2") format("woff2"), url("/wp-content/themes/pcdsc/includes/author/Author-Medium.woff") format("woff"), url("/wp-content/themes/pcdsc/includes/author/Author-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Author-MediumItalic";
  src: url("/wp-content/themes/pcdsc/includes/author/Author-MediumItalic.woff2") format("woff2"), url("/wp-content/themes/pcdsc/includes/author/Author-MediumItalic.woff") format("woff"), url("/wp-content/themes/pcdsc/includes/author/Author-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Author-Semibold";
  src: url("/wp-content/themes/pcdsc/includes/author/Author-Semibold.woff2") format("woff2"), url("/wp-content/themes/pcdsc/includes/author/Author-Semibold.woff") format("woff"), url("/wp-content/themes/pcdsc/includes/author/Author-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Author-SemiboldItalic";
  src: url("/wp-content/themes/pcdsc/includes/author/Author-SemiboldItalic.woff2") format("woff2"), url("/wp-content/themes/pcdsc/includes/author/Author-SemiboldItalic.woff") format("woff"), url("/wp-content/themes/pcdsc/includes/author/Author-SemiboldItalic.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Author-Bold";
  src: url("/wp-content/themes/pcdsc/includes/author/Author-Bold.woff2") format("woff2"), url("/wp-content/themes/pcdsc/includes/author/Author-Bold.woff") format("woff"), url("/wp-content/themes/pcdsc/includes/author/Author-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Author-BoldItalic";
  src: url("/wp-content/themes/pcdsc/includes/author/Author-BoldItalic.woff2") format("woff2"), url("/wp-content/themes/pcdsc/includes/author/Author-BoldItalic.woff") format("woff"), url("/wp-content/themes/pcdsc/includes/author/Author-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
.event-list-container {
  margin-top: var(--small-padding-top);
}
.event-list-container .event-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  margin-bottom: 1em;
}
@media screen and (max-width: 810px) {
  .event-list-container .event-wrap {
    flex-wrap: wrap;
    margin-bottom: var(--small-padding-bottom);
  }
}
@media screen and (max-width: 650px) {
  .event-list-container .event-wrap {
    margin-bottom: 5px;
  }
}
.event-list-container .event-wrap:after {
  content: "";
  background: #246081;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 2%;
  z-index: 1;
}
@media screen and (max-width: 810px) {
  .event-list-container .event-wrap:after {
    display: none;
  }
}
.event-list-container .event-wrap .event-col {
  width: 75%;
  position: relative;
  z-index: 5;
  padding: 40px 35px;
}
@media screen and (max-width: 810px) {
  .event-list-container .event-wrap .event-col {
    width: 100%;
  }
  .event-list-container .event-wrap .event-col:after {
    content: "";
    background: #246081;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
  }
}
@media screen and (max-width: 650px) {
  .event-list-container .event-wrap .event-col {
    padding: 40px 0px;
  }
  .event-list-container .event-wrap .event-col:after {
    left: calc(-1 * var(--outside-block));
    right: calc(-1 * var(--outside-block));
  }
}
.event-list-container .event-wrap .event-col .event-title {
  margin-bottom: 0px;
  color: #fff;
  font-weight: 600;
  border-bottom: 0px;
  padding-bottom: 10px;
}
.event-list-container .event-wrap .event-col .event-detail {
  margin-bottom: 0.5em;
}
.event-list-container .event-wrap .event-col .custom-button {
  margin-top: 1.5em;
}
.event-list-container .event-wrap .event-col label {
  color: #69B8E3;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 17px;
  letter-spacing: 1px;
}
.event-list-container .event-wrap .button-col {
  background-color: #69B8E3;
  font-size: 21px;
  text-transform: uppercase;
  position: relative;
  z-index: 5;
  text-align: center;
  margin-right: -4%;
  padding: 25px 30px;
  font-weight: 600;
  line-height: 1.2;
}
@media screen and (max-width: 810px) {
  .event-list-container .event-wrap .button-col {
    padding: 15px 30px;
  }
}
@media screen and (max-width: 650px) {
  .event-list-container .event-wrap .button-col {
    width: 120%;
    margin-left: calc(-1 * var(--outside-block));
    margin-right: calc(-1 * var(--outside-block));
  }
  .event-list-container .event-wrap .button-col .custom-button a {
    width: 100%;
  }
}

/*# sourceMappingURL=event-list.css.map */