/*
Theme Name:     Photonics
Theme URI:      https://elementor.com/
Description:    Photonics is a child theme of Hello Elementor, created by Elementor team
Author:         Arcas Web Design
Author URI:     https://www.arca.co.uk
Template:       hello-elementor
Version:        1.0.0
Text Domain:    Photonics
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
html {
  font-size: 62.5%; /* sets root font size to equivalent of 10px for easier rem calculation */
}

body {
  font-size: 1.8rem;
}

.elementor-location-header {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  -webkit-transition: all linear 0.4s;
  transition: all linear 0.4s;
}
.elementor-location-header #site-logo {
  /*a {
      width:305px;
      height:65px;
      max-width:100%;
      display:block;
      background-image: url("img/photonics-logo-mono.png");
      background-repeat: no-repeat;
      transition: $transition-default;
      background-size:contain;
  }*/
}
.elementor-location-header #site-logo #logo-mono {
  display: block;
  width: 350px;
}
.elementor-location-header #site-logo #logo-colour {
  display: none;
  width: 350px;
}
.elementor-location-header .elementor-sticky {
  padding: 10px 0;
}
.elementor-location-header .elementor-sticky.elementor-sticky--effects {
  background-color: rgb(255, 255, 255) !important;
}
.elementor-location-header .elementor-sticky.elementor-sticky--effects #site-logo {
  /*a {
      //background-image: url("img/photonics-logo-colour.png"); 
  }*/
}
.elementor-location-header .elementor-sticky.elementor-sticky--effects #site-logo #logo-mono {
  display: none;
}
.elementor-location-header .elementor-sticky.elementor-sticky--effects #site-logo #logo-colour {
  display: block;
}
.elementor-location-header .elementor-sticky.elementor-sticky--effects .elementor-nav-menu--main .menu-item .elementor-item {
  padding-top: 0;
  padding-bottom: 0;
  color: #383838;
}
.elementor-location-header .elementor-sticky.elementor-sticky--effects .elementor-nav-menu--main .menu-item.current-menu-item a {
  color: #e20000 !important;
  font-weight: normal !important;
}
.elementor-location-header .elementor-sticky.elementor-sticky--effects .elementor-nav-menu--main + div.elementor-menu-toggle {
  color: rgb(229, 123, 44) !important;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-nav-menu li.menu-item a {
  text-transform: uppercase;
  color: #fff;
}
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-nav-menu li.menu-item a:before {
  height: 0;
  background-color: transparent;
}
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-nav-menu li.menu-item.current-menu-item a {
  color: #fff;
  font-weight: bold;
}
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-nav-menu li.menu-item:hover a {
  color: rgb(184, 209, 68);
}
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-nav-menu li.menu-item .elementor-nav-menu--dropdown {
  background-color: #fff;
  -webkit-box-shadow: 11px 9px 22px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 11px 9px 22px 0px rgba(0, 0, 0, 0.2);
}
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-nav-menu li.menu-item .elementor-nav-menu--dropdown .sub-arrow {
  padding: 10px;
}
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--dropdown li.menu-item .elementor-item-active {
  background-color: transparent !important;
  color: #e20000;
}

.elementor-location-footer #footer-menu li.menu-item a {
  color: #383838;
}

body.home .elementor-widget-breadcrumbs {
  display: none;
}

.elementor-section.academic-listing .elementor-inner-section .elementor-widget-wrap {
  -webkit-box-shadow: 11px 9px 22px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 11px 9px 22px 0px rgba(0, 0, 0, 0.2);
  padding: 1.5rem;
  border-radius: 4px;
}
.elementor-section.academic-listing .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-img {
  width: 135px;
  height: 180px;
  overflow: hidden;
  max-width: 100%;
}
@media (max-width: 991px) {
  .elementor-section.academic-listing .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-img {
    height: auto;
  }
}
.elementor-button.elementor-size-lg {
  border-radius: 0 !important;
}

.rotate-me {
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
}
.rotate-me img {
  -webkit-box-shadow: 4px 5px 12px rgba(0, 0, 0, 0.5);
          box-shadow: 4px 5px 12px rgba(0, 0, 0, 0.5);
}

#page-header {
  padding: 20rem 0;
  background-size: cover;
  background-repeat: no-repeat;
}
#page-header .elementor-widget-heading .elementor-heading-title {
  color: #fff;
}
#page-header.header-sm {
  padding: 12rem 0 5rem 0;
}

.elementor-element.header-blue {
  border-bottom: 8px solid rgb(43, 153, 167);
}
.elementor-element.header-blue > .elementor-background-overlay {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 153, 167, 0.5)), to(rgba(24, 173, 134, 0.5)));
  background-image: linear-gradient(360deg, rgba(43, 153, 167, 0.5) 0%, rgba(24, 173, 134, 0.5) 100%);
}
.elementor-element.header-blue-dark {
  border-bottom: 8px solid rgb(31, 101, 140);
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(31, 101, 140)), to(rgb(43, 153, 167)));
  background-image: linear-gradient(360deg, rgb(31, 101, 140) 0%, rgb(43, 153, 167) 100%);
}
.elementor-element.header-purple {
  border-bottom: 8px solid rgb(128, 60, 132);
}
.elementor-element.header-purple > .elementor-background-overlay {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(128, 60, 132)), to(rgb(24, 173, 134)));
  background-image: linear-gradient(360deg, rgb(128, 60, 132) 0%, rgb(24, 173, 134) 100%);
}
.elementor-element.header-green {
  border-bottom: 8px solid rgb(184, 209, 68);
}
.elementor-element.header-green > .elementor-background-overlay {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 173, 134, 0.5)), to(rgba(128, 60, 132, 0.5)));
  background-image: linear-gradient(360deg, rgba(24, 173, 134, 0.5) 0%, rgba(128, 60, 132, 0.5) 100%);
}
.elementor-element.header-green-dark {
  border-bottom: 8px solid rgb(24, 173, 134);
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(24, 173, 134)), to(rgb(184, 209, 68)));
  background-image: linear-gradient(360deg, rgb(24, 173, 134) 0%, rgb(184, 209, 68) 100%);
}
.elementor-element.header-orange {
  border-bottom: 8px solid rgb(229, 123, 44);
}
.elementor-element.header-orange > .elementor-background-overlay {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(229, 123, 44, 0.5)), to(rgba(218, 57, 43, 0.5)));
  background-image: linear-gradient(360deg, rgba(229, 123, 44, 0.5) 0%, rgba(218, 57, 43, 0.5) 100%);
}

.elementor-section.bg-grey-light {
  background-color: #f9f9f9;
}

.elementor-element.shadow-right {
  -webkit-box-shadow: 11px 9px 22px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 11px 9px 22px 0px rgba(0, 0, 0, 0.2);
}
.elementor-element.shadow-right.elementor-widget-image {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.elementor-element.shadow-right.elementor-widget-image img {
  -webkit-box-shadow: 11px 9px 22px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 11px 9px 22px 0px rgba(0, 0, 0, 0.2);
}
.elementor-element.shadow-left {
  -webkit-box-shadow: -11px 9px 22px 0px rgba(0, 0, 0, 0.2);
          box-shadow: -11px 9px 22px 0px rgba(0, 0, 0, 0.2);
}
.elementor-element.shadow-left.elementor-widget-image {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.elementor-element.shadow-left.elementor-widget-image img {
  -webkit-box-shadow: -11px 9px 22px 0px rgba(0, 0, 0, 0.2);
          box-shadow: -11px 9px 22px 0px rgba(0, 0, 0, 0.2);
}

body h1, body h2, body h3, body h4, body h5, body h6,
body .h1, body .h2, body .h3, body .h4, body .h5, body .h6 {
  color: #000000;
  font-weight: 600;
}
body h1, body .h1 {
  font-size: 6.5rem;
  line-height: 1.2;
}
body h2, body .h2 {
  font-size: 3.2rem;
  line-height: 1.2;
}
body h3, body .h3 {
  font-size: 2.4rem;
  line-height: 1.2;
}
body h4, body .h4 {
  font-size: 1.8rem;
  line-height: 1.2;
}

body .elementor-element.elementor-widget-heading .elementor-heading-title {
  font-weight: bold;
  color: rgb(43, 153, 167);
}
body .elementor-element.elementor-widget-heading .elementor-heading-title.elementor-size-large {
  font-size: 4.2rem;
}
@media (max-width: 767px) {
  body .elementor-element.elementor-widget-heading .elementor-heading-title.elementor-size-large {
    font-size: 3rem;
  }
}
body .elementor-element.elementor-widget-heading.purple .elementor-heading-title {
  color: rgb(128, 60, 132);
}
body .elementor-element.elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-title {
  color: #383838;
}
body .elementor-element.elementor-widget-image-gallery.valign-center .gallery-item {
  vertical-align: middle;
}
body .elementor-element.elementor-widget-button a.elementor-button {
  font-family: "Titillium Web", Sans-serif;
  font-weight: 600;
  background-color: rgb(236, 144, 50);
}
body .elementor-element.elementor-widget-button.elementor-button-info .elementor-button {
  background-color: rgb(184, 209, 68);
}
body .elementor-element.elementor-widget-button.glass .elementor-button {
  border: 1px solid #fff;
  background: transparent;
}
body .elementor-element.elementor-widget-icon.animated.animation-loop {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
body .elementor-element.elementor-widget-image-carousel .slick-list {
  padding-bottom: 15px;
}
body .elementor-element.elementor-widget-image-gallery.card .gallery-item {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
  border-radius: 3px;
  border: 0 solid #818a91;
  margin-bottom: 35px;
}
body .elementor-element.elementor-widget-divider .elementor-divider-separator {
  border-top-color: #d4d4d4;
}

.elementor-widget-ae-acf .ae-icon-list-items .ae-icon-list-item .ae-icon-list-text {
  background-color: rgb(184, 209, 68);
  border-radius: 3px;
  padding: 3px 9px;
  color: #fff;
}
.elementor-widget-ae-acf .ae-icon-list-items .ae-icon-list-item.ae-no-select {
  display: none;
}
.elementor-widget-ae-acf .ae-icon-list-items .ae-icon-list-item.ae-no-select .ae-icon-list-text {
  background-color: #f9f9f9;
  opacity: 0.3;
  text-decoration: none;
  background-color: #f9f9f9;
}
.elementor-widget-ae-acf span.ae-prefix {
  font-weight: bold;
}

.ae-post-widget-wrapper .elementor-element.card {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
  border-radius: 3px;
  border: 0 solid #818a91;
  margin-bottom: 35px;
}

body.um-page-login .site-main {
  padding: 8rem 0;
}
body.um-page-members .um-directory .um-gutter-sizer {
  width: 3%;
}
body.um-page-members .um-directory .um-search {
  padding: 0 0 5rem 0;
}
body.um-page-members .um-directory .um-member {
  width: 31%;
  height: 32rem;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: 11px 9px 22px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 11px 9px 22px 0px rgba(0, 0, 0, 0.2);
  padding: 1.5rem;
  -webkit-transition: all ease-in-out 0.8s;
  transition: all ease-in-out 0.8s;
  margin-top: 5rem;
}
@media (max-width: 767px) {
  body.um-page-members .um-directory .um-member {
    width: 48%;
  }
}
@media (max-width: 480px) {
  body.um-page-members .um-directory .um-member {
    width: 100%;
  }
}
body.um-page-members .um-directory .um-member .um-member-photo {
  padding: 0;
  margin-top: -5rem;
}
body.um-page-members .um-directory .um-member .um-member-photo img {
  border-color: #e4e4e4;
}
body.um-page-members .um-directory .um-member .um-member-name a {
  font-size: 2rem;
  color: rgb(184, 209, 68);
}
body.um-page-members .um-directory .um-member .um-member-tagline {
  font-size: 1.6rem;
  font-weight: bold;
}
body.um-page-members .um-directory .um-member .um-member-meta {
  border-top: none;
  margin: 0;
  padding: 0 0 2rem 0;
}
body.um-page-members .um-directory .um-member .um-member-meta .um-member-metaline-project_title {
  font-size: 1.5rem;
  line-height: normal;
}
body.um-page-members .um-directory .um-member .um-member-meta .um-member-metaline-project_title span strong {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1rem;
  display: block;
}
body.um-page-members .um-directory .um-member:hover {
  background-color: #ececec;
}
body.um-page-members .um-directory.um-1154 .um-member {
  width: 22%;
}
@media (max-width: 991px) {
  body.um-page-members .um-directory.um-1154 .um-member {
    width: 31%;
  }
}
@media (max-width: 767px) {
  body.um-page-members .um-directory.um-1154 .um-member {
    width: 48%;
  }
}
@media (max-width: 480px) {
  body.um-page-members .um-directory.um-1154 .um-member {
    width: 100%;
  }
}
body.um-page-members .um-directory.um-1154 .um-member .um-member-name a {
  font-size: 1.8rem;
}
body.um-page-members .um-directory.um-1154 .um-member .um-member-metaline-project_title {
  font-size: 1.3rem;
}
body.um-page-user .elementor-location-header {
  background-color: #383838;
}
body.um-page-user .site-main {
  padding: 7.5rem 0 0 0;
}
body.um-page-user .site-main .um-profile.um-viewing .um-header {
  border-bottom: none;
  margin-top: -6rem !important;
  background-color: rgb(24, 173, 134);
  border-radius: 0 0 10px 10px !important;
}
@media (max-width: 991px) {
  body.um-page-user .site-main .um-profile.um-viewing .um-header {
    margin-top: -1rem !important;
  }
}
body.um-page-user .site-main .um-profile.um-viewing .um-header .um-profile-photo {
  margin-top: -15rem !important;
  float: right !important;
}
@media (max-width: 767px) {
  body.um-page-user .site-main .um-profile.um-viewing .um-header .um-profile-photo {
    float: none !important;
    margin-top: -9rem !important;
  }
}
body.um-page-user .site-main .um-profile.um-viewing .um-header .um-profile-headericon {
  top: 5.5rem;
}
body.um-page-user .site-main .um-profile.um-viewing .um-header .um-profile-headericon a {
  color: #6c6c6c;
}
body.um-page-user .site-main .um-profile.um-viewing .um-header .um-profile-headericon .um-faicon-cog {
  color: #fff;
}
@media (max-width: 991px) {
  body.um-page-user .site-main .um-profile.um-viewing .um-header .um-profile-headericon {
    top: 0;
  }
}
body.um-page-user .site-main .um-profile.um-viewing .um-profile-body .um-row.project_meta {
  margin-top: -9rem !important;
  padding: 1rem !important;
  color: #fff;
  text-align: center;
  background-color: rgb(24, 173, 134);
}
@media (max-width: 991px) {
  body.um-page-user .site-main .um-profile.um-viewing .um-profile-body .um-row.project_meta {
    margin: -13rem 0 8rem 0 !important;
  }
}
@media (max-width: 767px) {
  body.um-page-user .site-main .um-profile.um-viewing .um-profile-body .um-row.project_meta {
    margin-top: -6rem !important;
    padding-top: 3rem !important;
  }
}
body.um-page-user .site-main .um-profile.um-viewing .um-profile-body .um-row.project_details {
  padding: 0 1.5rem !important;
}
body.um-page-user .site-main .um-profile.um-viewing .um-profile-body .um-field {
  padding: 0;
}
body.um-page-user .site-main .um-profile.um-viewing .um-profile-body .um-field .um-field-label {
  border-bottom: none;
  margin: 0;
  padding: 0;
  color: #fff;
}
body.um-page-user .site-main .um-profile.um-viewing .um-profile-body .um-field .um-field-label label::after {
  content: ":";
}
body.um-page-user .site-main .um-profile.um-viewing .um-profile-body .um-field .um-field-area {
  display: inline-block;
}
body.um-page-user .site-main .um-profile.um-viewing .um-profile-body .um-field.um-field-project_title {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 2rem;
  color: #383838;
}
body.um-page-user .site-main .um-profile.um-viewing .um-profile-body .um-field.um-field-project_summary .um-field-label {
  display: none;
}
body.um-page.um-page-user:not(.admin-bar) .site-main .um-profile.um-viewing .um-header .um-profile-headericon {
  display: none !important;
}