/*
Theme Name: EYP
Author: SUPERNOVÆ
Author URI: https://www.supernov.ae/
Version: 2022
*/









	
	
	
	
		
		
		
		
		
		
		
		

	
	
	
	
	
	
	
	
	
	
	
	/* WYSIWYG */
	
	.wysiwyg .headline {
		margin-bottom: 0.5em;
	}
	
	.wysiwyg .headline:not(:first-child) {
		margin-top: var(--mrgn-30);
	}
	
	body.view-long-copy .wysiwyg .headline:not(:first-child) {
		margin-top: 3em;
	}
  
  .wysiwyg .headline,
  .wysiwyg .subheadline,
  .wysiwyg .subsubheadline {
    color: #3a4390;
  }
	
	.wysiwyg .subheadline {
		margin-bottom: 0.5em;
	}
	
	.wysiwyg .subheadline:not(:first-child) {
		margin-top: 1.5em;
	}
	
	.wysiwyg .subsubheadline:not(:first-child) {
		margin-top: 1.5em;
	}
	
	.wysiwyg *[class*="headline"] + *[class*="headline"] {
		margin-top: 1.5em;
	}
	
	.wysiwyg strong {
		font-family: "Source Sans Pro Bold", sans-serif;
		font-weight: normal;
	}
	
	.wysiwyg em {
		font-family: "Source Sans Pro Italic", sans-serif;
		font-style: normal;
	}
  
  .wysiwyg h1 em,
  .wysiwyg h2 em,
  .wysiwyg h3 em,
  .wysiwyg h4 em {
    font-style: normal;
    font-family: inherit;
  }
	
	
	

	
	
	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* GRID LISTS */
	
	*[data-grid-list] {
		display: flex;
		flex-flow: row wrap;
		--margin: var(--grid-gap);
		margin-bottom: calc(var(--margin) * -1);
	}
	
	*[data-grid-list] .grid-col {
		width: var(--grid-2-);
		margin-right: auto;
	}
	
	*[data-grid-list] .grid-col[data-col="3"] {
		margin-right: 0;
	}
	
	*[data-grid-list] .grid-item {
		margin-bottom: var(--margin);
	}
	
	
	@media (max-width: 1100px) {
		
		*[data-grid-list] .grid-col {
			width: var(--grid-3-);
		}
		
		*[data-grid-list] .grid-col[data-col="2"] {
			margin-right: 0;
		}
		
		*[data-grid-list] .grid-col[data-col="3"] {
			display: none;
		}
		
	}
	
	
	@media (max-width: 600px) {
		
		*[data-grid-list] .grid-col {
			width: 100%;
			margin-right: 0;
		}
		
		*[data-grid-list] .grid-col[data-col="2"] {
			display: none;
		}
		
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	










	
	
	
	
	






	/* MODULES */
	
	.mrgn-100 {
		margin-bottom: var(--mrgn);
	}
	
	.mrgn-30 {
		margin-bottom: var(--mrgn-30);
	}
	
	.mrgn-40 {
		margin-bottom: var(--mrgn-40);
	}
	
	.mrgn-50 {
		margin-bottom: var(--mrgn-50);
	}
  
  .mrgn-0-if-last {
    margin-bottom: 0;
  }
	
	.module-header {
		margin-bottom: var(--mrgn-40);
	}
	
	.module-header .headline {
		max-width: calc(var(--grid-5-fixed-) + 0.15em);
		margin-left: auto;
	}
	
	.module-header .headline.has-no-margin {
		margin-left: 0;
		max-width: 62.5rem;
	}
	
	@media (max-width: 600px) {
		.module-header .btn-set {
			margin-top: .5em;
		}
	}
	
	
	
	
	
	
	
	
	
	


	
	
	
	
	
	
	
	
	/* PAGINATION */
	
	nav.pagination .col-next a {
		display: inline-block;
	}
	
	nav.pagination .col-prev,
	nav.pagination .col-pages {
		display: none;
	}
	
	nav.pagination {
		margin-top: var(--mrgn-30);
	}
	
	
	
	
	
	
	
	
	






	/* BREADCRUMB */
	
	.breadcrumb {
		margin-bottom: calc(25 * var(--base-unit));
	}
	
	.breadcrumb ol {
		display: flex;
		flex-flow: row nowrap;
	}
	
	.breadcrumb li {
		margin-right: 0.5em;
	}
	
	.breadcrumb li > span::after {
		content: '';
    background: url(imgs/breadcrumb-arrow.svg) no-repeat center center / contain;
    width: 13px;
    height: 5px;
    display: inline-block;
		margin-left: 0.5em;
    vertical-align: middle;
    transform: translateY(-20%);
	}
  
  .breadcrumb li:last-child > span::after {
    display: none;
  } 
	
	.breadcrumb li.current {
    color: #3a4390;
		/*display: none;*/
	}
	
	.breadcrumb li:nth-last-child(2) > span::after {
		/*display: none;*/
	}
	
	nav.breadcrumb {
    display: inline-block;
    color: #6d6e6c;
	}
	
	@media (max-width: 750px) {
		
		.breadcrumb-wrap {
			display: none;
		}
		
	}
	
	
	
	
	
	
	
	
	
	

	
	
  
  
  
  
  /* JAGGED IMAGES */
  
  :root {
    --jagged-image-background-clip-path: polygon(5% 0%, 99% 5%, 100% 100%, 0% 95%);
    --jagged-image-border-clip-path: polygon(5% 0%,0% 95%,0.7% 96%,5.7% 1%,98.2% 5.9%,99.3% 99.2%,0% 95.1%,0% 96%,100% 100%,99% 5%);
  }
  
  .jagged-image {
    position: relative;
  }
  
  .jagged-image .image,
  .jagged-image .shape {
    overflow: hidden;
    position: relative;
    clip-path: var(--jagged-image-background-clip-path);
    z-index: 1;
  }
  
  .jagged-image .shape {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transform: translate(-4%, -4%);
    background: var(--jagged-image-border-color, #ffd930);
    clip-path: var(--jagged-image-border-clip-path);
  }
	
	
	
  
  
  
  
  
  
  /* PERSON FIGURE */
  
  figure.person-figure {
    margin-left: max(45px, calc(67 * var(--base-unit)));
    position: relative;
  }
  
  figure.person-figure-reduced {
    margin-left: max(5px, calc(12 * var(--base-unit)));
    margin-top: max(10px, calc(24 * var(--base-unit)));
  }
  
  figure.person-figure img {
    clip-path: polygon(4% 4%, 100% 0%, 100% 100%, 0% 100%);
  }
  
  figure.person-figure::before {
    content: '';
    display: block;
    position: absolute;
    top: -5%;
    left: 5%;
    width: 110%;
    height: 110%;
    background: #ffd92f;
    clip-path: var(--jagged-image-border-clip-path);
    pointer-events: none;
    z-index: 2;
    transform: rotate(-4deg);
  }








/* ==========================================================================
   Media Queries
   ========================================================================== */



@media only screen and (max-width: 1600px) {

	#breakpoints::after {
		/*content: '1600px';*/
	}

}

/* 1600 */
















@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {

  * {
      background: transparent !important;
      color: #000 !important;
      box-shadow: none !important;
      text-shadow: none !important;
  }

  a,
  a:visited {
      text-decoration: underline;
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
      content: "";
  }

  pre,
  blockquote {
      border: 1px solid #999;
      page-break-inside: avoid;
  }

  thead {
      display: table-header-group;
  }

  tr,
  img {
      page-break-inside: avoid;
  }

  img {
      max-width: 100% !important;
  }

  @page {
      margin: 1cm;
  }

  p,
  h2,
  h3 {
      orphans: 3;
      widows: 3;
  }

  h2,
  h3 {
      page-break-after: avoid;
  }
  
  .cookie-bar,
  .btn-wp-edit {
    display: none !important;
  }
  
  header.main,
  footer.main {
    display: none;
  }
    
}