/*
Theme Name: customizr-child
Version: 1.0
Description: A child theme of Customizr for InPhoSpec
Template: customizr
Author: David Williams
*/

html {
    scroll-behavior: auto !important;
}

body {
	/*
	background-image: url("../../uploads/bg_dots.png"), url("../../uploads/bg_1.png");
	background-size: contain, 18px;
	background-position: center top, left top;
	background-repeat: no-repeat, repeat-x;
*/
	background-color: rgb(255,255,255);
	
	font-size: 0.75rem;
	line-height: 1.5em;
	font-family: 'Roboto';
}

/* #### Sets styles for non-Elementor pages (mostly news & events) #### */


@media only screen and (min-width: 768px){
	#content.article-container {
		/* This may be too general - check it doesn't affect Elementor pages */
		padding: 0 10% 2.5em;
	}
}

h1 {
	font-family: 'Roboto', Sans-serif;
	font-weight: 600;
	color: #007177;
}

.wp-block-latest-posts__featured-image img {
	border: 1px solid #ffffff;
}
.wp-block-latest-posts__list a {
	font-size: 1.3em;
	font-family: 'Roboto';
}
/*
.wp-block-latest-posts.wp-block-latest-posts__list li {
	border-top: 1px solid #349b00;
	padding: 2em 3em;
}
*/

blockquote {
	margin: 1.5em 0;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
blockquote>* {
	color: #226600;
	font-style: italic;
	font-weight: 1.1em;
}
.wp-block-quote cite {
	color: #444;
	font-weight: bold;
}


.ptmc-page-title {
	background-color: transparent;
	padding: 0px 0px 0px;
	margin: 0;
	background-image: conic-gradient(from -151.8deg at right bottom, #fff0, #fff 1deg 122.6deg, #fff0 122.6deg), conic-gradient(from 28.2deg at left bottom, #fff0, #fff 1deg 122.6deg, #fff0 122.6deg);
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, right bottom;
	background-size: 10% 8em;		

}


.ptmc-button {
	mask: conic-gradient(from 28.2deg at left, #000, #0008 1deg 122.6deg, #0000 123.6deg) left/51% 100% no-repeat, conic-gradient(from 28.2deg at 1.2em, #000, #000 1deg 122.6deg, #0000 123.6deg) left/51% 100% no-repeat, conic-gradient(from -151.8deg at right, #000, #0008 1deg 122.6deg, #0000 123.6deg) right/51% 100% no-repeat, conic-gradient(from -151.8deg at calc(100% - 1.2em), #0000, #000 1deg 122.6deg, #0000 123.6deg) right/51% 100% no-repeat;	
/*
conic-gradient(from 28.2deg at left, #0000, #000 1deg 122.6deg, #0000 123.6deg) left/100% 80px no-repeat, 
*/
}
.ptmc-button-ch {
	background-color: transparent;
	background-image: conic-gradient(from 28.2deg at left, #00cbe500, #00cbe5 1deg 122.6deg, #00cbe500 122.6deg), conic-gradient(from -151.8deg at right, #00cbe500, #00cbe5 1deg 122.6deg, #00cbe500 122.6deg), conic-gradient(from 28.2deg at left, #ececec00, #ececec 1deg 122.6deg, #ececec00 122.6deg), conic-gradient(from -151.8deg at right, #ececec00, #ececec 1deg 122.6deg, #ececec00 122.6deg);
	background-repeat: no-repeat, no-repeat;
	background-position: 1em center, calc(100% - 1em) center, left center, right center;
	background-size: 50% 100%;		
}
.ptmc-button-ch:hover {
	background-color: transparent;
	background-image: conic-gradient(from 28.2deg at left, #007f7700, #007f77 1deg 122.6deg, #007f7700 122.6deg), conic-gradient(from -151.8deg at right, #007f7700, #007f77 1deg 122.6deg, #007f7700 122.6deg), conic-gradient(from 28.2deg at left, #ececec00, #ececec 1deg 122.6deg, #ececec00 122.6deg), conic-gradient(from -151.8deg at right, #ececec00, #ececec 1deg 122.6deg, #ececec00 122.6deg);
	background-repeat: no-repeat, no-repeat;
	background-position: 1em center, calc(100% - 1em) center, left center, right center;
	background-size: 50% 100%;		
}

.ptmc-button-ch a {
	min-width: 15em !important;
}
@media only screen and (max-width: 768px){
	.ptmc-button-ch a {
		min-width: 11em !important;
	}
}

.ptmc-button-ns {
	mask: conic-gradient(from 28.2deg at 1.2em, #000, #000 1deg 122.6deg, #0000 123.6deg) left/51% 100% no-repeat, conic-gradient(from -151.8deg at calc(100% - 1.2em), #0000, #000 1deg 122.6deg, #0000 123.6deg) right/51% 100% no-repeat;	
}


.ptmc-blaze {
	mask: conic-gradient(from 28.2deg at left bottom, #000, #0008 1deg 122.6deg, #0000 123.6deg) left/51% 100% no-repeat, conic-gradient(from 28.2deg at 1.2em bottom, #000, #000 1deg 122.6deg, #0000 123.6deg) left/51% 100% no-repeat, conic-gradient(from -151.8deg at right top, #000, #0008 1deg 122.6deg, #0000 123.6deg) right/51% 100% no-repeat, conic-gradient(from -151.8deg at calc(100% - 1.2em) top, #0000, #000 1deg 122.6deg, #0000 123.6deg) right/51% 100% no-repeat;	

}





/* ####  Override header style settings  #### */

.nav__menu {
/*	text-transform: none; 
	font-weight: normal; */
	font-style: italic;
}

.primary-navbar__wrapper .primary-nav__menu-wrapper {
	border-top: 2px dotted #a7a7a7;
	padding-right: 20px;
	margin-top: 4em;
}
.primary-navbar__wrapper .primary-nav__menu-wrapper:before {
	content: "INTEGRATED PHOTONICS SPECTROSCOPY SUMMER SCHOOL";
	font-family: 'Roboto', Sans-serif;
	font-size: 1.4em;
	font-weight: 600;
	font-style: italic;
	color: #a7a7a7;
	position: absolute;
	top: 20px;
	left: 15px;	
	width: 100%;
	height: 26px;
	border-bottom: 2px dotted #a7a7a7;
}
.primary-navbar__wrapper .primary-nav__menu-wrapper:after {
	content: "";
	position: absolute;
	top: 30px;
	left: 15px;	
	width: 100%;
	height: 26px;
	border-right: 35px solid #fff;		
}

.primary-navbar__wrapper .align-items-center {
	-webkit-box-align: normal !important;
	-ms-flex-align: normal !important;
	align-items: normal !important;
}



.tc-header {
	border: none;
	background: none;
}

.tc-header.border-top {
	border: none !important;
}

.tc-header:not(.header-transparent) {
	box-shadow: none;
}
.topbar-navbar__wrapper{
	border: none;
	background-image: url("/wp-content/uploads/header_footer_bkg.png");
	background-repeat: no-repeat;
	background-position: center -1em;
	background-size: 100%;
	padding-top: 5%;

}
.desktop-sticky, .mobile-sticky{
	box-shadow: none;
}

.header-skin-light [class*=nav__menu]  .current-menu-item .nav__link, .header-skin-light [class*=nav__menu] .current_page_item .nav__link, .header-skin-light [class*=nav__menu] .current-active .nav__link {
	color: #008799;
	font-weight: bold;
}
.current-menu-item .nav__link, .current_page_item .nav__link, .current-active .nav__link {
	color: #008799;
	font-weight: bold;
}

.header-skin-light .czr-overlay {
  background: rgba(255, 255, 255, 1);
  color: #3d3d3d;
}

.header-skin-light .czr-overlay a {
  color: rgba(49, 49, 49, 0.7);
}

.header-skin-light .czr-overlay a:hover {
  color: #3d3d3d;
}

.header-skin-light #tc-sn {
  outline-color: rgba(49, 49, 49, 0.09);
}

.header-skin-light .ham__toggler-span-wrapper .line {
  background: #3d3d3d;
}

.header-skin-light .tc-header .socials a, .header-skin-light .tc-header .socials a:focus, .header-skin-light .tc-header .socials a:active {
  color: #3d3d3d;
}

.header-skin-light .tc-header .socials a:hover {
  color: rgba(49, 49, 49, 0.7);
}

.header-skin-light #tc-sn .tc-sn-inner,
.header-skin-light .tc-header {
  color: #3d3d3d;
  background: none;
}

nav#mobile-nav {
  background: rgba(255, 255, 255, 1);
}

.header-skin-light .header-transparent:not(.is-sticky) .mobile-nav__nav {
  background: rgba(255, 255, 255, 1);
}

.header-skin-light .header-transparent:not(.is-sticky) .dropdown-menu {
  background: rgba(255, 255, 255, 1);
}

.header-skin-light .sticky-transparent.is-sticky .mobile-sticky,
.header-skin-light .sticky-transparent.is-sticky .desktop-sticky {
  background: rgba(255, 255, 255, 1);
}

.header-skin-light .sticky-transparent.is-sticky .mobile-nav__nav {
  background: rgba(255, 255, 255, 1);
}

.header-skin-light .dropdown-item:not(:last-of-type),
.header-skin-light .topbar-navbar__wrapper {
  border-color: rgba(49, 49, 49, 0.09);
}

.header-skin-light .tc-header {
  border-bottom-color: rgba(49, 49, 49, 0.09);
}

.header-skin-light .header-contact__info a, .header-skin-light .header-contact__info a:focus, .header-skin-light .header-contact__info a:active,
.header-skin-light .nav__utils a,
.header-skin-light .nav__utils a:focus,
.header-skin-light .nav__utils a:active {
  color: #3d3d3d;
}

.header-skin-light .header-contact__info a:hover,
.header-skin-light .nav__utils a:hover {
  color: rgba(49, 49, 49, 0.7);
}

.header-skin-light .nav__utils .ham-toggler-menu.czr-collapsed:hover .line {
  background-color: rgba(49, 49, 49, 0.7);
}

.header-skin-light .dropdown-item::before {
  background-color: rgba(0, 0, 0, 0.045);
}

.header-skin-light .vertical-nav .caret__dropdown-toggler {
  background-color: rgba(0, 0, 0, 0.045);
}

.header-skin-light .dropdown-menu,
.header-skin-light .dropdown-item:active,
.header-skin-light .dropdown-item:focus,
.header-skin-light .dropdown-item:hover {
  background: rgba(255, 255, 255, 1);
}

.header-skin-light .dropdown-menu {
  color: #3d3d3d;
}

.header-skin-light .navbar-brand-sitename {
  color: #fff;
}

.header-skin-light .header-tagline {
  color: #f1f1f1;
}

.header-skin-light [class*=nav__menu] .nav__link,
.header-skin-light [class*=nav__menu] .nav__link-wrapper .caret__dropdown-toggler {
  color: #a7a7a7;
}

.header-skin-light [class*=nav__menu] .nav__title::before {
  background-color: #fff;
}

.header-skin-light [class*=nav__menu] .nav__link:hover,
.header-skin-light [class*=nav__menu] .nav__link-wrapper .caret__dropdown-toggler:hover,
.header-skin-light [class*=nav__menu] .show:not(.dropdown-item) > .nav__link,
.header-skin-light [class*=nav__menu] .show:not(.dropdown-item) > .nav__link-wrapper .nav__link {
  color: #008799;
}

.header-skin-light [class*=nav__menu] .dropdown-menu .nav__link {
  color: #a7a7a7;
}

.header-skin-light [class*=nav__menu] .dropdown-item .nav__link {
  color: #a7a7a7;
}

.header-skin-light [class*=nav__menu] .dropdown-item .nav__link:hover {
  color: #008799;
}

.header-skin-light .czr-highlight-contextual-menu-items [class*=nav__menu] li:not(.dropdown-item).current-active > .nav__link,
.header-skin-light .czr-highlight-contextual-menu-items [class*=nav__menu] li:not(.dropdown-item).current-active > .nav__link-wrapper .nav__link,
.header-skin-light .czr-highlight-contextual-menu-items [class*=nav__menu] .current-active > .nav__link,
.header-skin-light .czr-highlight-contextual-menu-items [class*=nav__menu] .current-active > .nav__link-wrapper .nav__link {
  color: #777;
}

.header-skin-light .vertical-nav > li:not(:last-of-type),
.header-skin-light .mobile-nav__container,
.header-skin-light .header-search__container,
.header-skin-light .mobile-nav__nav {
  border-color: rgba(49, 49, 49, 0.075);
}

.header-skin-light .tc-header .czr-form label, .header-skin-light .czr-overlay .czr-form label {
  color: #f1f1f1;
}

.header-skin-light .tc-header .czr-form .form-group.in-focus label, .header-skin-light .czr-overlay .czr-form .form-group.in-focus label {
  color: rgba(49, 49, 49, 0.7);
}

.header-skin-light .tc-header .czr-form input:not([type='submit']):not([type='button']):not([type='number']):not([type='checkbox']):not([type='radio']),
.header-skin-light .tc-header .czr-form textarea,
.header-skin-light .tc-header .czr-form .form-control, .header-skin-light .czr-overlay .czr-form input:not([type='submit']):not([type='button']):not([type='number']):not([type='checkbox']):not([type='radio']),
.header-skin-light .czr-overlay .czr-form textarea,
.header-skin-light .czr-overlay .czr-form .form-control {
  color: #3d3d3d;
  border-color: #3d3d3d;
}

/* #############################  */


/* ######  Footer   #######  */

.footer-skin-dark .footer__wrapper {
	border: none;
}
.footer-skin-dark .footer__wrapper a{
	color: #242424;
}

#footer-horizontal-widget-area {
	background-color: transparent;
	padding: 5% 0px 0px 0px;
	margin: 0;
	
	background-image: url("/wp-content/uploads/footer_bkg-e1778767059195.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;

	
/*	background-image: conic-gradient(from -151.8deg at right top, #fff0, #fff 1deg 122.6deg, #fff0 122.6deg), conic-gradient(from 28.2deg at left top, #fff0, #fff 1deg 122.6deg, #fff0 122.6deg);
	background-repeat: no-repeat, no-repeat;
	background-position: left top , right top;
	background-size: 10% 6em;		
*/
/*    border-left: 64px solid transparent;
    border-right: 64px solid transparent;
    border-bottom: 120px solid #f1f1f1;
	height: 0;
	overflow: visible;
*/
}



#footer-horizontal-widget-area .container-fluid {
	padding: 1.5em 15% 0 15%;
	background-color: #f1f1f1;
}



#footer-horizontal-widget-area .footer_funding_text {
	width: 100%;
	text-align: center;
}
#footer-horizontal-widget-area .footer_PROTEMIC_logo .alignleft,  #footer-horizontal-widget-area .footer_MTU_logo .alignright {
	padding-bottom: 6em;
}

@media only screen and (max-width: 1084px){
	#footer-horizontal-widget-area .footer_funding_text {
		clear: both;
		margin-top: 2em;
		text-align: center;
		max-width: 100%;
	}
	#footer-horizontal-widget-area .footer_PROTEMIC_logo .alignleft,  #footer-horizontal-widget-area .footer_MTU_logo .alignright {
		padding-bottom: 1em;
	}
}


@media only screen and (max-width: 800px){
	#footer-horizontal-widget-area .footer_PROTEMIC_logo,  #footer-horizontal-widget-area .footer_MTU_logo {
		clear: both;
		text-align: center;
		width: 100%;
	}
	#footer-horizontal-widget-area .footer_PROTEMIC_logo .alignleft,  #footer-horizontal-widget-area .footer_MTU_logo .alignright {
		float: none;	
	}
	#footer-horizontal-widget-area .footer_funding_text {
		clear: both;
		margin-top: 2em;
		text-align: center;
		max-width: 90%;
	}
}



.footer-skin-dark .footer__wrapper #colophon {
	background-color: #f1f1f1;
}

#colophon .colophon__row .col-12, #footer__credits {
/*	border-top: 1px solid #555; */
	width: 100%;
	text-align: center;
}

#footer__credits .czr-copyright-text {
	font-size: .7rem;
	text-align: center;
	color: #b3b3b3;
}
#footer__credits .policies_link {
	font-size: .7rem;
	text-align: center;
	color: #b3b3b3;
}


/* #############################  */



/* ######  Home Page   #######  */


.title-arrow-left {
/*	display: block;
	margin: 0 0 0 -80px;
*/
}

.ptmc-main-title:before {
	content: ".";
	font-size: 47px;
	font-family: serif;
	color: #fff;
	position: absolute;
	top: -14px;
	left: -8px;	
}
.ptmc-main-title:after {
	content: ".";
	font-size: 47px;
	font-family: serif;
	color: #fff;
	position: absolute;
	top: -14px;
	right: -5px;	
}
.ptmc-main-title .elementor-widget-container:before {
	content: ".";
	font-size: 47px;
	font-family: serif;
	color: #fff;
	position: absolute;
	bottom: 12px;
	left: -8px;	
}
.ptmc-main-title .elementor-widget-container:after {
	content: ".";
	font-size: 47px;
	font-family: serif;
	color: #fff;
	position: absolute;
	bottom: 12px;
	right: -5px;	
}

@keyframes ptmcPeekIn {
	0%	{opacity: 0; transform: translate3d(-15%,0,0);}
	100%	{opacity: 1; transform: none;}
}
@keyframes ptmcPeekUp {
	0%	{opacity: 0; transform: translate3d(0,20%,0);}
	100%	{opacity: 1; transform: none;}
}
.ptmc-peek {
	animation-name: ptmcPeekIn;
	animation-duration: 1.2s;
	animation-delay: 1.5s;
	animation-fill-mode: both;
}
.ptmc-peek-up {
	animation-name: ptmcPeekUp;
	animation-duration: 1.2s;
	animation-delay: 0s;
	animation-fill-mode: both;
}



.ptmc-divider {
	width: 80% !important;
	border-top: solid 3px #c1c1c1;
	padding: 3px 10px 3px 10px;
}
.ptmc-divider .elementor-widget-container {
	padding: 3px 10px 3px 10px;
}
.ptmc-divider .elementor-widget-container, .ptmc-divider .elementor-widget-container .elementor-divider {
	border-top: dotted 3px #c1c1c1;	
}


.ptmc-divider:before {
	content: ".";
	font-size: 47px;
	font-family: serif;
	color: #c1c1c1;
	position: absolute;
	top: -23px;
	left: -8px;	
}
.ptmc-divider:after {
	content: ".";
	font-size: 47px;
	font-family: serif;
	color: #c1c1c1;
	position: absolute;
	top: -23px;
	right: -5px;	
}



.ptmc-map {
	mask: conic-gradient(from 28.2deg at left, #fff, #fff 1deg 122.6deg, #fff0 122.6deg) left/51% 100% no-repeat, conic-gradient(from -151.8deg at right, #fff, #fff 1deg 122.6deg, #fff0 122.6deg) right/51% 100% no-repeat;	
}





/* #############################  */



/* ######  Consortium Page   #######  */


.ptmc-pbadge-blue {
	background-color: transparent;
	background-image: conic-gradient(from 28.2deg at left, #fff0, #fff 1deg 122.6deg, #fff0 122.6deg), conic-gradient(from 151.8deg at 55%, #fff0, #fff 1deg 237.4deg, #fff0 237.4deg), conic-gradient(from 28.2deg at left, #80E7F400, #80E7F4 1deg 122.6deg, #80E7F400 122.6deg), conic-gradient(from 151.8deg at 55%, #80E7F400, #80E7F4 1deg 237.4deg, #80E7F400 237.4deg);
	background-repeat: no-repeat, no-repeat;
	background-position: 1.5% center, calc(100% - 2em) center, left center, right center;
	background-size: 50% 98%, 50% 98%, 50% 100%, 50% 100%;		

}

.ptmc-pbadge-green {
	background-color: transparent;
	background-image: conic-gradient(from -28.2deg at 45%, #fff0, #fff 1deg 237.4deg, #fff0 237.4deg), conic-gradient(from -151.8deg at right, #fff0, #fff 1deg 122.6deg, #fff0 122.6deg), conic-gradient(from -28.2deg at 45%, #80EDE600, #80EDE6 1deg 237.4deg, #80EDE600 237.4deg), conic-gradient(from -151.8deg at right, #80EDE600, #80EDE6 1deg 122.6deg, #80EDE600 122.6deg);
	background-repeat: no-repeat, no-repeat;
	background-position: 2em center, 98.5% center, left center, right center;
	background-size: 50% 98%, 50% 98%, 50% 100%, 50% 100%;		

}

@media only screen and (max-width: 1024px) {
	.ptmc-pbadge-blue {
		background-color: transparent;
		background-image: conic-gradient(from 28.2deg at left, #fff0, #fff 1deg 122.6deg, #fff0 122.6deg),  conic-gradient(from 28.2deg at left, #80E7F400, #80E7F4 1deg 122.6deg, #80E7F400 122.6deg);
		background-repeat: no-repeat, no-repeat;
		background-position: 3% center, left center;
		background-size: 90% 95%, 100% 100%;		
	}

	.ptmc-pbadge-green {
		background-color: transparent;
		background-image: conic-gradient(from -151.8deg at right, #fff0, #fff 1deg 122.6deg, #fff0 122.6deg), conic-gradient(from -151.8deg at right, #80EDE600, #80EDE6 1deg 122.6deg, #80EDE600 122.6deg);
		background-repeat: no-repeat, no-repeat;
		background-position: 97% center, left center;
		background-size: 90% 95%, 100% 100%;		
	}

}
@media only screen and (max-width: 767px) {
	.ptmc-pbadge-blue {
		background-color: transparent;
		background-image: conic-gradient(from 28.2deg at left, #fff0, #fff 1deg 180deg, #fff0 180deg), conic-gradient(from -180deg at right, #fff0, #fff 1deg 150.8deg, #fff0 150.8deg), conic-gradient(from 28.2deg at left, #C0F8FF00, #C0F8FF 1deg 180deg, #C0F8FF00 180deg), conic-gradient(from -180deg at right, #C0F8FF00, #C0F8FF 1deg 150.8deg, #C0F8FF00 150.8deg), conic-gradient(from 0deg at left, #00cbe500, #00cbe5 1deg 180deg, #00cbe500 180deg);
		background-repeat: no-repeat;
		background-position: 13% center, 87% center, 10% center, 90% center, left bottom;
		background-size: 50% 94%, 50% 94%, 50% 100%, 50% 100%, 100% 50%;		
	}

	.ptmc-pbadge-green {
	background-color: transparent;
	background-image: conic-gradient(from 28.2deg at left, #fff0, #fff 1deg 180deg, #fff0 180deg), conic-gradient(from -180deg at right, #fff0, #fff 1deg 150.8deg, #fff0 150.8deg), conic-gradient(from 28.2deg at left, #80EDE600, #80EDE6 1deg 180deg, #80EDE600 180deg), conic-gradient(from -180deg at right, #80EDE600, #80EDE6 1deg 150.8deg, #80EDE600 150.8deg), conic-gradient(from 0deg at left, #00cfc100, #00cfc1 1deg 180deg, #00cfc100 180deg);
	background-repeat: no-repeat;
	background-position: 13% center, 87% center, 10% center, 90% center, left bottom;
	background-size: 50% 94%, 50% 94%, 50% 100%, 50% 100%, 100% 50%;		
	}

}





h3.elementor-icon-box-title {
	margin-top: 0px;
}



/* #############################  */








/* ######  News & Events Posts   #######  */







/* #############################  */