/*
Theme Name: X4 Pharmaceuticals
Author: Insight Designs
Template: unicon
Version: 1.1
*/


/*
COLORS
Air Blue		68a2b9
Amaranth		b92454
Old Gold		bfab25
Forest Green	134c3a
River Green		7eb77f
Olive			acc18a
Oxford			002b49
Sage			d1d0a3
Tea Green		dafeb7
*/

/* ----------------------------------------------------
- General 
---------------------------------------------------- */
body .wpb_row,
body .wpb_content_element,
body ul.wpb_thumbnails-fluid > li,
body .last_toggle_el_margin,
body .wpb_button {
    margin-bottom: 0px;
}

body .vc_section.vc_section-has-fill,
body .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section,
body .vc_section.vc_section-has-fill+.vc_section{
	padding-top: 0;
}

body h2 {
	line-height: 1.4em;
	margin-bottom: 7px;
	font-weight: 600;
}

body h3{
	font-weight: 800;
	margin-bottom: 7px;
	text-transform: lowercase;
}


body h4{
	line-height: 1.7em;
}

body h5 {
    line-height: 1.5em;
}

body h4, body h5, body h6{
	font-weight: 600;
	margin-bottom: 7px;
}

body blockquote{
	color: #8B8787;
	font-size: 24px;
}

body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a{
	color: #2785CF;
}


body .text-dark li {
    color: #3d3d3d;
    padding-block: 5px;
}

body .color-light .text-dark p, .x4-accordion .color-light p {
    color: #3d3d3d!important;
}
.x4-accordion .text-dark a, .color-light .text-dark li a, .color-light a {color: #68a2b9 !important;}
.x4-accordion .text-dark a:hover, .color-light .text-dark li a:hover, .color-light a:hover {color: #002b49 !important;}
.x4-accordion .text-dark a span.vc_tta-title-text {color: #ffffff !important;}

body a.button,
body input[type=submit],
body button,
body .minti_button,
body a.button.full {
    border-radius: 0px!important;
    background: #b92454!important;
    border-color: #fff!important;
    color: #FFFFFF!important;
    transition-property: all;
    transition-duration: .5s;
    text-transform: lowercase;
    margin: 0;
    border-radius: 0px!important;
    position: relative;
	font-family: 'Inter'!important;
	font-size: 18px;
	font-weight: 700;
	border: none!important;
	}

body a.button:hover,
body input[type=submit]:hover,
body button:hover,
body .minti_button:hover,
body a.button.full:hover{
	background: #68a2b9!important;
    color: #fff!important;
    border-radius: 0px!important;
    border-color: #fff!important;
}

/*
body a.button:before, body input[type=submit]:before, body button:before, body .minti_button:before, body a.button.full:before, body .rev-btn.rs-layer-static.rs-layer:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 30px solid #b92454;
    border-right: 30px solid #68a2b9;
    width: 0;
    transition-property: all;
    transition-duration: .5s;
}

body a.button:hover:before, body input[type=submit]:hover:before, body button:hover:before, body .minti_button:hover:before, body a.button.full:hover:before, body .rev-btn.rs-layer-static.rs-layer:hover:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 30px solid #68a2b9;
    border-right: 30px solid #b92454;
    width: 0;
}
*/

body .transparent_image-third{
	opacity: .333;
}

/* ----------------------------------------------------
- Header 
---------------------------------------------------- */

body #logo img {
    height: 65px;
    width: auto;
}

body #header.header-transparent.header-v1{
	box-shadow: none!important;
}

body.home #header.header-transparent.header-v1 #logo img {
	height: 100px;
}


/* ----------------------------------------------------
- Menu 
---------------------------------------------------- */

body #header.header-v1 #navigation > ul > li > a{
	text-transform: lowercase;
}

body .fa-twitter:before, body .fa-linkedin:before {
    font-family: 'FontAwesome';
    font-style: normal;
    color: #68a2b9;
}

body .fa-twitter:hover:before, body .fa-linkedin:hover:before {
    color: #b92454;
}

body #mobile-navigation ul li i {
	    display: inline-block;
	    padding: 0;
	    float: none;
	    margin: 0;
	    font-size: 14px;
	}

/* ----------------------------------------------------
- Home Page 
---------------------------------------------------- */
body .single_image.wpb_content_element.align-left.river-border-bottom{
    border-bottom: 8px solid #7eb77f;
}

body .single_image.wpb_content_element.align-left.olive-border-bottom{
	border-bottom: 8px solid #7eb77f;
}


body .single_image.wpb_content_element.align-left.tea-border-bottom{
	border-bottom: 8px solid #7eb77f;
}

body .latest-blog-list-modern li h4 {
    color: #68a2b9;
    font-size: 18px;
}


/* ----------------------------------------------------
- Page 
---------------------------------------------------- */

body #fullimagecenter .container {
    width: 100vw;
	background: rgb(0,43,73);
	background: -moz-linear-gradient(90deg, rgba(0,43,73,1) 0%, rgba(0,43,73,0) 40%);
	background: -webkit-linear-gradient(90deg, rgba(0,43,73,1) 0%, rgba(0,43,73,0) 40%);
	background: linear-gradient(90deg, rgba(0,43,73,1) 0%, rgba(0,43,73,0) 40%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002b49",endColorstr="#002b49",GradientType=1);
}

@media only screen and (max-width: 767px) {
	body #fullimagecenter .container {
		background: -moz-linear-gradient(90deg, rgba(0,43,73,1) 0%, rgba(0,43,73,0) 100%);
		background: -webkit-linear-gradient(90deg, rgba(0,43,73,1) 0%, rgba(0,43,73,0) 100%);
		background: linear-gradient(90deg, rgba(0,43,73,1) 0%, rgba(0,43,73,0) 100%);
	}
}

body #fullimagecenter.titlebar .container .sixteen.columns {
    margin: 0 auto!important;
    display: block;
    max-width: 1160px;
    float: none;
}

body .section-color-box .minti_boxedholder.color-light.clearfix {
    min-height: 204px;
}

body .core-value-text .vc_column-inner, body .core-value-title .vc_column-inner{
	padding-top: 0px;
}

body .core-value-text.wpb_column.vc_column_container.vc_col-sm-8.vc_col-has-fill {
    padding-left: 0px;
}

body .core-value-title.wpb_column.vc_column_container.vc_col-sm-4.vc_col-has-fill {
    padding-right: 10px;
}

body .core-value-title h1 {
    text-align: center;
}

body .core-value-title h2 {
    line-height: 1em;
    padding: 20px 30px;
    text-align: right;
}

body .core-value-text h4 {
    line-height: 1em;
    padding: 27px 8px 26px 20px;
    color: #333;
    font-size: 17px;
}

body .minti_boxedholder h5 {
    line-height: 1em;
    margin-bottom: 3px;
}

body .boxedholder_small .minti_boxedholder{
    transition-property: all;
    transition-duration: .2s;	
}

body .boxedholder_small .minti_boxedholder p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
}

body .popup-ragan:hover .minti_boxedholder,
body .popup-baldry:hover .minti_boxedholder,
body .popup-stewart:hover .minti_boxedholder,
body .popup-mostafa:hover .minti_boxedholder,
body .popup-cadavid:hover .minti_boxedholder,
body .popup-taveras:hover .minti_boxedholder,
body .popup-christophe:hover .minti_boxedholder,
body .popup-dibiase:hover .minti_boxedholder {
	background-color: #b92454!important;
}

body .image_opacity img{
	opacity: .9;
}

body .image_opacity img:hover {
    opacity: 1;
}

body .vc_tta-color-green.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading{
	background-color: #7eb77f;
	border-color: #7eb77f
}

body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading{
	background-color: #699e71;
	border-color: #699e71;
}

body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    color: #fff;
}

body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after,
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before,
body .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after,
body .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
body .vc_tta-color-green.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after,
body .vc_tta-color-green.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {
    border-color: #fff;
}

body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus,
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover,
body .vc_tta-color-green.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
body .vc_tta-color-green.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus,
body .vc_tta-color-green.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover,
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
    background-color: #858585;
    border-color: #858585;
}


body .vc_tta-color-green.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a,
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a{
	color: #ffffff;
}


body .image_box_border img {
    border: none;
    padding: 0;
    border-bottom: 12px solid #68a2b9;
}


body .pum-theme-66 .pum-container, .pum-theme-lightbox .pum-container {
    border-width: 0px;
    border-bottom-width: 12px;
}

body .vc_icon_element{
	margin-bottom: 5px;
}

body i.fa {
    font-family: 'FontAwesome';
    margin-right: 4px;
}

body .fa.fa-file-pdf-o{
	color: red;
}

body .latest-blog-list h3 {
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 600;
}

body .latest-blog-list h3 a{
    color: #68a2b9;
}

body .events-column,
body .presentations-column {
	font-weight: 600;
	text-align: center;
}

body .events-column p strong,
body .presentations-column p strong {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #999999;
}

body .events-column .wpb_text_column.wpb_content_element.event-item,
body .presentations-column .wpb_text_column.wpb_content_element.presentation-item
{
	padding: 20px;
}

body .events-column .wpb_text_column.wpb_content_element.event-item:hover,
body .presentations-column .wpb_text_column.wpb_content_element.presentation-item:hover {
    background: #f9f9f9;
}


body .section-investor-buttons .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md.vc_icon_element-have-style-inner{
	padding: 10px;
    transition-property: all;
    transition-duration: .5s;
}

body .section-investor-buttons .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md.vc_icon_element-have-style-inner:hover{
	background: #b92454!important;
}


/* ----------------------------------------------------
-ABOUT PAGE
---------------------------------------------------- */
#InnovatingforPatients .minti_boxedholder {
    min-height:380px;
}
.boston-globe-award-banner{
    padding-left: 30px;
    padding-right: 30px;
}
@media only screen and (min-width:960px) and (max-width: 1199px) {
	#InnovatingforPatients .minti_boxedholder {
		min-height: 490px;
	}
}

@media only screen and (min-width:768px) and (max-width: 959px) {
	#InnovatingforPatients .minti_boxedholder {
		min-height: 630px;
	}
}

@media only screen and (max-width: 767px) {
	#InnovatingforPatients .minti_boxedholder {
		min-height: unset;
	}
}


/* ----------------------------------------------------
-Careers PAGE
---------------------------------------------------- */
body .quote-box {
    border-bottom: 12px solid #042b49;
    background-image: url('/wp-content/uploads/2022/12/quotes-01.svg'), url('/wp-content/uploads/2022/12/X4_PMS_logo_white_light.svg');
    background-repeat: no-repeat, no-repeat;
    background-size: 10%, 32%;
    background-position: top 80px left 20px, bottom 10px right 10px;
    background-color: #7eb77f;
}

body .quote-box p {
    font-weight: 500;
    font-style: italic;
    font-size: 20px;
    line-height: 1.5;
}
.text-dark li {
    color: #3d3d3d;
    padding-block: 5px;
}

.color-light .text-dark p, .color-light .text-dark  li a  {
    color: #3d3d3d!important;
}
body .quote-box {
    background-position: top 40px left 20px, bottom 10px right 10px;
}

/* ----------------------------------------------------
-FOCUS PAGE
---------------------------------------------------- */
/*#patientFocus .minti_boxedholder {
    min-height: 490px;
}

@media only screen and (min-width:960px) and (max-width: 1199px) {
	#patientFocuss .minti_boxedholder {
		min-height: 610px;
	}
}

@media only screen and (min-width:768px) and (max-width: 959px) {
	#patientFocus .minti_boxedholder {
		min-height: 800px;
	}
}*/
/* ----------------------------------------------------
- STOCK TICKER BOX
---------------------------------------------------- */

body .stock-quote-box .wpb_text_column h1 {
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 10px!important;
    color:#333333;
}

body .stock-quote-box h2 {
    font-size: 25px;
    margin-bottom: 10px!important;
}

body .stock-quote-box h5 {
    margin-bottom: 10px!important;
}

body .stock-quote-box p,
body .stock-quote-box h6{
	color: #333333;
	font-size: 12px;
	line-height: 1.4em;
}

body .stock-quote-box h6{
	font-size: 10px;
	margin-bottom: 3px;
	line-height: 1em;
}

body .stock-quote-box .price-down {
	color: #b61d4c;
}


/* ----------------------------------------------------
- Footer 
---------------------------------------------------- */
body #footer, body #copyright {
	font-size: 14px;
}

body #footer .widget_media_image  img {
    opacity: .3;
    margin-top: 50px;
	padding-left: 12px;
}


body #footer .four.columns:nth-child(3) {
    margin-left: 40px;
    margin-right: 0px;
}

body #footer .four.columns:nth-child(4){
		margin-left: 0px;
}

body #footer b {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 16px;
}

body .widget_contact address span {
    margin-bottom: 14px;
}

/* ----------------------------------------------------
- CPT List 
---------------------------------------------------- */
.insight_cpt_wrapper{
	overflow: auto;
	display: block;
	box-sizing: border-box;
	margin-bottom: 40px;
}

/* ----------------------------------------------------
- CPT Detail
---------------------------------------------------- */




/* ----------------------------------------------------
- POSTERS AND PUBLICATIONS
---------------------------------------------------- */


body .section-publications .presentations_list_wrapper,
body .section-publications .publications_list_wrapper {
	margin-bottom: 15px;
    padding-bottom: 5px;
	border-bottom: 1px solid #cccccc;
}

body .section-publications .presentations_list_wrapper:last-child,
body .section-publications .publications_list_wrapper:last-child{
	border-bottom: none;
}

body .section-publications h2{
	line-height: 1em;
	font-size: 18px;
}

body .section-publications h2 a {
    font-size: 18px;
    line-height: 1em;
}

body .section-publications p {
    font-size: 14px;
    line-height: 1em;
	margin-bottom: 10px;
}


body .section-publications p.pub-date {
    font-size: 13px;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase;
    color: #999999;
	margin-bottom: 5px;
}

.publications_list_view h2 {
    margin-bottom: 20px;
	line-height: 18px!important;
}

.presentations_list_view ul {
    margin-bottom: 5px;
}

.presentations_list_view ul a {
    font-size: 16px;
}

.presentations_list_view ul li::marker {
    content: '\f1c1';
    font-family: 'FontAwesome';
}

.presentations_list_view ul a {
    font-size: 16px;
    padding-left: 5px;
}

/* ----------------------------------------------------
- Dynamic News Feed 
---------------------------------------------------- */
#dynamic_news_feed li{
	border-bottom: 1px solid rgba(255,255,255,0.2);
	text-align: center;
	padding: 20px;
	background-color: transparent;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	margin-bottom: 0;
}
#dynamic_news_feed li:hover{	
	background-color: rgba(255,255,255,0.07);
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
#dynamic_news_feed li a{
	display: block;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	color: #68a2b9;
    font-size: 18px;
	margin: 0 0 1px 0;
    display: block;
    padding: 0;
	font-weight: 600;
}
#dynamic_news_feed li span{
	font-size: 90%;
    clear: both;
}

/* ----------------------------------------------------
- Responsive 
---------------------------------------------------- */

@media only screen and (min-width: 960px) and (max-width: 1199px){
	body #fullimagecenter.titlebar .container .sixteen.columns {
	    width: 920px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px){
	body #fullimagecenter.titlebar .container .sixteen.columns {
	    width: 728px;
	}
}

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

	body .logo img {
	    max-width: 115px;
	}
	
	
	body #footer .four.columns:nth-child(3) {
	    margin-left: 20px;
	    margin-right: 0px;
	}

}

@media only screen and (max-width: 926px){
	body .core-value-title h2 {
	    text-align: left;
	    padding-left: 20px;
	}
	
	body .core-value-title.wpb_column.vc_column_container.vc_col-sm-4.vc_col-has-fill {
	    padding-right: 20px;
	    margin-bottom: 0px;
	    width: 100%;
	}
	
	body .core-value-text.wpb_column.vc_column_container.vc_col-sm-8.vc_col-has-fill {
    	padding-left: 20px;
    	width: 100%;
	}
	
	body .core-value-text h4 {
    	padding: 27px 20px 26px 20px;
	}


}

@media screen and (max-width: 479px){
	body .logo img {
	    height: 65px;
	    width: auto;
	}

}

@media only screen and (max-width: 767px){
	
	body .logo img {
	    height: 65px;
	    width: auto;
	}
	
	body.vc_responsive .page-section .standard-section .span_12 {
	    max-width: 100vw;
	}

	body .wpb_column.vc_column_container.vc_col-sm-1\/5 {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	
	body .container{
		width: 100vw;
	}
	
	body .container .one.column,
	body .container .one.columns,
	body .container .two.columns,
	body .container .three.columns,
	body .container .four.columns,
	body .container .five.columns,
	body .container .six.columns,
	body .container .seven.columns,
	body .container .eight.columns,
	body .container .nine.columns,
	body .container .ten.columns,
	body .container .eleven.columns,
	body .container .twelve.columns,
	body .container .thirteen.columns,
	body .container .fourteen.columns,
	body .container .fifteen.columns,
	body .container .sixteen.columns,
	body .container .one-third.column,
	body .container .one-third.columns,
	body .container .two-thirds.column,
	body .container .two-thirds.columns {
	    width: 90vw;
	    margin: auto 5vw;
	}
	
	body #footer .four.columns:nth-child(3),
	body #footer .four.columns:nth-child(4){
	    margin: auto 5vw;
	}
	
	body .mobile-hidden-item{
		display:none;
	}
	
	body .section-padding-mobile.vc_section .section.wpb_row {
	    padding-top: 60px!important;
	    padding-bottom: 60px!important;
	}
	
	body .wpb_column.mobile-column-padding-bottom {
	    margin-bottom: 90px;
	}
	
	body #footer .widget {
	    text-align: center;
	}
	
	body #footer .widget i.fa {
	    display: none;
	}	

	body #fullimagecenter h1, body #transparentimage h1, body #fullimagecenter .title-h1, body #transparentimage .title-h1 {
	    padding-left: 20px;
	}

	body .core-value-title h2 {
	    text-align: left;
	    padding-left: 20px;
	}
	
	body .core-value-title.wpb_column.vc_column_container.vc_col-sm-4.vc_col-has-fill {
	    padding-right: 20px;
	    margin-bottom: 0px;
	}
	
	body .core-value-text.wpb_column.vc_column_container.vc_col-sm-8.vc_col-has-fill {
    	padding-left: 20px;
	}
	
	body .core-value-text h4 {
    	padding: 27px 20px 26px 20px;
	}

	body #fullimagecenter .container .sixteen.columns{
		width: 100vw;
	}

	body .section-investor-buttons .vc_col-sm-1\/5 {
	    float: left;
	    width: 50%;
	}
	
	body .section-investor-buttons .vc_col-sm-1\/5:last-child{
		width: 100%;
	}
}




@media screen and (max-width: 767px) and (min-width: 480px) {

    
}













