/*
Theme Name: Connecticut Proton Theme
Version: 1.0.202610080050
*/

.single-post .news-wrap p {
    display: block;
}
.single-post .news-wrap p a {
    color: inherit;
    text-decoration: none !important;
}
.single-post .news-wrap p a:hover {
    color: #00627d;
    
}
.single-post  .hero-heading h1 {
    margin: 0;
}
/* #menu-main-menu li:nth-last-child(-n+3) {
  display: none;
} */

.close-icon {
    display: flex;
    align-items: center;
    gap: 20px;
    color: #015c77;
    margin-top: 50px;
    span {
        font-size: 60px;
    }
}
.heroBg.ratio-21x9 {
    min-height: 280px;
    max-height: 400px;
}
.search-result-pg {
    padding: 50px 0;
    h1 {
        color: #015c77;
        margin-bottom: 45px;
        font-size: 37px;
        font-weight: bold;
    }
    h2 {
        color: #000;
    }
    .entry-content {
        a {
            color: #015c77;
            &::before {
                color: #000;
                content: '...';
                display: inline-block;
                margin-right: 6px;
            }
        }
    }
}
.team-detail {
	position: relative
}
.team-detail .close-icon {
	margin: 0;
    position: absolute;
    right: 0;
	gap: 5px;
	font-size: 18px;
	display: none;
	span {
		font-size: 36px;
		line-height: 1;
	}
}
.option-group br {
    display: none;
}
.option-group p {
    display: flex;
    align-items: center;
    
}
.option-group p span.label {
    flex: 1;
}
.option-group p span.wpcf7-form-control-wrap {
    flex: 2;
}
.option-group .custom-check .wpcf7-list-item {
    flex: 1
}
.option-group .custom-check .wpcf7-list-item {
    margin-left: 0
}
.pagination, .navigation {
	margin-top: 0;
	justify-content:center
}
.pagination a, .navigation a  {
	font-weight: 400;
    gap: 20px;
    color: #00627d;

}
.pagination .current ,.navigation .current {
		color: #000;
		font-weight: 700;
		text-decoration: underline
	}
.pagination a, .navigation a  {
	text-decoration: none;
	&.current {
		color: #000;
		font-weight: 700;
		text-decoration: underline
	}
}
.pagination .prev, .navigation .prev ,
.pagination .next, .navigation .next {
	text-decoration: none !important
}
.icons_left{
	display: flex;
	align-items : flex-end; 
	gap: 60px
}
.search-wrapper-full .top-search-icons {
	position: absolute;
    top: 50px;
    width: 100%;
    max-width: 100%;
	.container {
		
	}
}
@media (max-width: 1199px){
	.search-wrapper-full .top-search-icons img {
		max-width: 260px
	}
}
@media (max-width:991px){
    .close-icon {
        margin: 0 0 25px 0;
        span {
            font-size: 40px;
        }
    }
    .header .main-menu-wrap ul li.current-menu-item a ,
     .header .main-menu-wrap ul li a:hover{
        color: #00aadb;
     }
    .header .main-menu-wrap ul li.current-menu-item a:after ,
    .header .main-menu-wrap ul li a:hover:after {
        display: none;
    }
	.team-detail .close-icon {
		display: none !important
	}
	.search-wrapper-full .top-search-icons img {
		max-width: 210px
	}
	.icons_left{
		gap: 30px
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

@media (max-width:767px){
    
    .option-group p ,
    .contact-form .option-group .custom-check {
        flex-wrap: wrap;
    }
    .contact-form .option-group .label ,
    .option-group p span.wpcf7-form-control-wrap{
        width: 100%; flex: initial;
    }
    .option-group .custom-check .wpcf7-list-item {
        margin-left: 0; margin-top: 15px;
    }
	.search-wrapper-full .top-search-icons  {top: 20px}
}


.footer .main-footer .footer-left ul li a:hover {
  color: #265b75
}
.is-expanded {
    .top-schedule , .main-footer ,
    .team-section{
        position: relative;
        &::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            background-color: #015c77;
            z-index: 1;
            mix-blend-mode: multiply;
        }
    }

}

.team-row{
    padding: 50px 0;
    position: relative;
    
    &.row-active {
        background-color: #fff;
        z-index: 123;
        &:before ,  &:after {
            content: '';
            position: absolute;
            right: 100%;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: #fff;
        }
        &:after  {
            right: auto;
            left: 100%;
        }
    }
    
}
.team-row + .team-row {
    margin: 0;
}
.team-section:not(.news-wrap){
    padding: 35px 0 50px;
}

.news-wrap {
    padding-left: 50px;
    padding-right: 50px;
}
.proton-row  ,
.home .hero-section ,
.proton-row {
    .container-fluid {
        padding: 0;
        position: absolute;
        height: 100%;
        top: 0;
        margin: 0 auto;
        display: block;
        left: 0;
        right: 0;
    }
}
.team-section {
	.container-fluid {
		
	}
}
.news-hero h1 {
	font-weight: bold !important;
	font-size: calc(20px + (36 - 20) * ((100vw - 320px) / (1330 - 320)));
	@media (min-width: 1330px) {
		font-size : 36px
	}
}
.single-post .news-wrap .container {
	max-width: 1110px
}
.main-menu-wrap #mega-menu-wrap-primary {
	 background-color: transparent;
}
 .main-menu-wrap #mega-menu-wrap-primary #mega-menu-primary {
	 display: flex;
	 justify-content: space-between;
	 gap: 0;
}
/*  .main-menu-wrap #mega-menu-wrap-primary #mega-menu-primary > li:first-child .mega-sub-menu {
	 opacity: 1 !important;
	 visibility: visible !important;
} */
 .main-menu-wrap #mega-menu-wrap-primary #mega-menu-primary > li > a:not(.btn) {
	 font-size: 18px !important;
	 font-weight: bold !important;
	 padding: 0 15px 10px !important;
	 display: block !important;
	 height: auto !important;
}
 .main-menu-wrap #mega-menu-wrap-primary #mega-menu-primary li a:not(.btn) {
	 color: #282828 !important;
	 background-color: transparent;
}
 .main-menu-wrap #mega-menu-wrap-primary #mega-menu-primary li a:not(.btn) .mega-indicator {
	 display: none !important;
}
 .main-menu-wrap #mega-menu-wrap-primary #mega-menu-primary li .mega-sub-menu li {
	 padding: 0 !important;
}
 .main-menu-wrap #mega-menu-wrap-primary #mega-menu-primary li .mega-sub-menu li a:not(.btn) {
	 text-transform: initial !important;
	 font-weight: 500 !important;
	 padding: 10px 0 !important;
}
 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
	background-color: transparent !important
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
	background-color : #fff !important;
	padding: 15px 0 50px;
}
.why-proton-sec .container  {
	z-index : 1; 
	position : relative;
}
.widget_custom_html  .custom-html-widget a  ,
.btn.btn-outline ,
.btn.btn-primary {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: color 0.3s ease;
	
    &::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #0084a5;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.4s ease-in-out;
        z-index: -1;
    }

    &:hover {
        color: #ffffff;
        
        &::before {
            transform: scaleX(1);
        }
    }
}

.btn.btn-outline {
	&:hover {
		color: #0084a5 !important;
	}
	&:before {
		background-color : #fff !important;
	}
}

.widget_custom_html  .custom-html-widget a  ,
.btn.btn-primary {
	border : none ;
}
.search-wrapper-full {
	&:before {
		content : '';
		position: absolute;
		left: 0;
		width : 100%;
		height: 50%;
		bottom: 0;
		background : #155b78;
	}
	
}
.search-wrapper-full.open-full ul {
	font-size : 18px
}
@media (max-width : 575px) {
	.search-wrapper-full.open-full ul {
		font-size : 12px
	}
	.search-wrapper-full.open-full > * {
		height: 255px;
	}
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link:after {
  width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:after {
	content: "";
	position: absolute;
	left: 0;
	transition: all 0.3s;
	width: 0;
	height: 5px;
	background-color: #00aadb;
	bottom: 0;
	display: block !important
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu  .widget_custom_html  .custom-html-widget a  {
	padding: 0 40px !important;
	color : #fff !important
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:after,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:after, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:after {
	width : 100%
}
.widget_custom_html  .custom-html-widget {
	p { 
		margin: 15px 0;
		font-size: 14px; 
		max-width: 250px;
		font-weight: 500;
		color : #000
	}
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
	font-size: 18px !important
}
.search-wrapper-full.open-full form input[type=search] {
	padding-top: 5px; padding-bottom: 5px
}
/* @media (min-width: 991px) {
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.mega-menu-columns-4-of-12{
		padding-left: 60px !important
	}
} */
@media (max-width: 1439px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link ,
	.main-menu-wrap #mega-menu-wrap-primary #mega-menu-primary > li > a:not(.btn){
		font-size: 15px !important
	}
}
@media (max-width: 1199px) {
	
	.main-menu-wrap #mega-menu-wrap-primary #mega-menu-primary > li > a:not(.btn){
		font-size: 12px !important;
		padding: 0 13px 7px !important;
	}
}
@media (max-width: 991px) {
	.main-menu-wrap #mega-menu-wrap-primary #mega-menu-primary {
		flex-direction: column
	}
	.main-menu-wrap #mega-menu-wrap-primary #mega-menu-primary > li > a:not(.btn){
		font-size: 15px !important;
		padding: 5px 20px !important
	}
	
	/* No active/hover underline bar in the mobile menu, for any item. The
	   desktop bar is the a.mega-menu-link:after pseudo-element above. */
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > a.mega-menu-link:after,
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > a.mega-menu-link:before {
		display: none !important
	}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > a.mega-menu-link {
		text-decoration: none !important;
		border-bottom: 0 !important;
	}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children {
		position: relative !important
	}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > span.mega-indicator ,
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
		position: absolute;
		width: 40px;
		height: 40px;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		right: 10px;
		top: 5px;
		&:after {
			content:"\f105"; /* right while collapsed; .mega-toggle-on flips it down below */
			font-family: "Font Awesome 6 free";
            font-weight: 700;
			font-size: 18px;
		}
		
	}
	/* .mega-menu-item is repeated only for specificity: the collapsed rule above
	   is nested under a selector list, which counts as its most specific member. */
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-item-has-children.mega-toggle-on > span.mega-indicator:after,
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
		content:"\f107";
	}
	li#mega-menu-572-0-1 {
			display: none !important
		}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column ,
	li#mega-menu-572-0-0{
		width: 100% !important
	}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
		display: block
	}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu {
		display: none;
		position: relative !important; padding: 0  !important;
		opacity: 1 !important;
		visibility : visible !important
		
	}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row{
		padding: 0 25px 20px 35px !important;
		margin-top: -10px !important
	}
	
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
	background-color: transparent !important
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.main-menu-wrap #mega-menu-primary li .mega-sub-menu:before {
	width: 100vw;
	height : 100%;
	background-color : #fff;
	content: '';
	position: absolute; 
	top : 0;
	left : 50%;
	transform : translatex(-50%);
	display: block !important
}
.search-wrapper-full.open-full .type-text {
	margin-bottom : 82px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
    font-size: 16px !important;
    padding-left: 15px !important;
    padding: 5px 15px !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-menu-link > span {
	font-size: 14px !important;
}
#wrapper .header .search-wrapper-full.open-full form input[type=search] {
	font-weight : 400;
}
#wrapper .header .search-wrapper-full.open-full form input[type=search]::placeholder {
    color: #92cfe2 !important;
    opacity: 1;
	font-weight : 400;
}

#wrapper .header .search-wrapper-full.open-full form input[type=search]:-ms-input-placeholder {
    color: #92cfe2 !important;
	font-weight : 400;
}

#wrapper .header .search-wrapper-full.open-full form input[type=search]::-ms-input-placeholder {
    color: #92cfe2 !important;
	font-weight : 400;
}

#wrapper .header .search-wrapper-full.open-full form input[type=search]::-webkit-input-placeholder {
    color: #92cfe2 !important;
	font-weight : 400;
}
.single-post .news-wrap p a {
	color : #0ea5d4;
	text-decoration : underline !important
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu:first-child > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-columns-4-of-12 {
	
	padding-left : 50px !important
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu:first-child > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column a span {
	display : block 
}
/* #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu:not(:first-child) > ul.mega-sub-menu > li.mega-menu-row {
	min-width: 230px;
	max-width : 300px;
	.mega-menu-columns-3-of-12 ,
	.mega-menu-columns-4-of-12{
		width : 100% !important
	}
} */
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu:last-child > ul.mega-sub-menu > li.mega-menu-row {
	margin-left : -120px
}
.top-search-icons {
	.container {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.close-search {
		position: static
	}
	i {
		font-size : 48px;
	}
}
.close-search span {
	font-size : 17px; display : inline-block ; margin-right : 10px;
}
@media (max-width: 991px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	/* The rule that hid the first panel's 4-of-12 column here was removed:
	   that column now holds the "What is Proton Therapy" links. Widget-only
	   columns are hidden on mobile by assets/css/style.css instead. The 50px
	   desktop indent that column carries is reset so its links line up with
	   the other panels' links. */
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu:first-child > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-columns-4-of-12 {
		padding-left: 0 !important
	}
}
@media (max-width: 767px) { 
	.search-wrapper-full.open-full .type-text {
		margin-bottom: 100px;
	}
	.close-search span {
		display : none
	}
	.top-search-icons {
		i {
			font-size: 40px;
		}
	}
	.search-wrapper-full .top-search-icons img {
		max-width : 160px
	}
}

@media (max-width: 575px) { 
	.search-wrapper-full.open-full .type-text {
		margin-bottom: 70px;
	}
}
.mega-menu-active:before {
	content : '';
	position: absolute;
	background : #000;
	width : 100vw;
	height: 100vh;
	left: 50%;
	transform : translateX(-50%);
	top: 0;
	top: calc(100% + 30px);
	background-color: #015c77;
	transition : all .5s;
	display : block !important;
	opacity : 0;
	top: 100px;
	z-index: 123;
	visibility : hidden;
}
.mega-menu-active:hover:before {
	opacity : 0.8;
	visibility : visible
}

.team-section-main .team-row .team-data {
	display : none
}

.read-lesss {
	    font-size: inherit;
    color: #00627d;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

.cust_power_logos{
width: 330px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cust_power_logos a img{
width:100%
}
.cust_power_logos a.power_healthcare{
width:30%;
}
.cust_power_logos a.power_newHaven{
width:65%;
}
/* One-off: "Schedule an appointment" (main nav item 1157) must not show the
   active/current underline after it is clicked. Hover behaviour is unchanged
   and no other menu item is affected. */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-1157.mega-current-menu-item > a.mega-menu-link:not(:hover):after,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-1157.mega-current-menu-ancestor > a.mega-menu-link:not(:hover):after,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-1157.mega-current-page-ancestor > a.mega-menu-link:not(:hover):after {
	width: 0 !important;
}

/* Bio close button on Leadership / Care Team: visible only while a bio is
   expanded (row-active); clicking it collapses the bio and clears the modal
   state (see main.js). */
.team-section-main .team-row.row-active .team-detail .close-icon {
	display: flex;
	top: 0;
	text-decoration: none;
	cursor: pointer;
}

/* Mobile: show the bio close button too, but as the "X" only. Overrides the
   `.team-detail .close-icon { display:none !important }` rule in the ≤991px
   block above. The "close" word is a bare text node, so font-size:0 on the
   anchor hides it while the span keeps its own size. */
@media (max-width: 991px) {
	.team-section-main .team-row.row-active .team-detail .close-icon {
		display: flex !important;
		font-size: 0;
		gap: 0;
		top: 0;
		right: 0;
	}
	.team-section-main .team-row.row-active .team-detail .close-icon span {
		font-size: 32px;
		line-height: 1;
	}
}

/* "About our center" dropdown (item 581): its single column was 3-of-12 of
   the panel *after* the alignment padding, so items such as "Executive
   Leadership" wrapped. On desktop let the column grow to fit its content,
   never narrower than the 4-of-12 column "What is Proton Therapy" uses, and
   keep each sub item on one line. Alignment under the parent item is
   unchanged (alignFirstLevelSubMenus() in main.js). */
@media (min-width: 992px) {
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item-581 > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
		width: auto !important;
		min-width: calc(4 / 12 * 100%);
	}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item-581 > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
		white-space: nowrap;
	}
}