/*
Theme Name: spinogenix
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
/*---------------------------------------
/* Single Blog Post
--------------------------------------- */
body.single #content {
    padding: 80px 0;
}

/*---------------------------------------
/* CookieYes Styles
--------------------------------------- */
.cky-modal.cky-modal-open .cky-show-desc-btn {
    color: #1379BD!important;
}
.cky-modal.cky-modal-open .cky-show-desc-btn:hover {
    text-decoration: underline;
}
button.open-cookie-preferences {
    color: #e5e5e5;
    background: unset;
    border:unset;
}
button.open-cookie-preferences:hover {
    text-decoration: underline;
}

/* &&&&&&&&&&&&&&&&&& COLORS */

/* CSS HEX */
:root{
--ivory: #f8f7f4;
--bone: #d4ccbb;
--fawn: #c6b082;
--bronze: #b89448;
--teal: #1379bd;
--yale: #064c7a;
--drake: #043d62;
--space: #012d4a;
--jet: #172732;
}

/* &&&&&&&&&&&&&&&&&& FONTS */

@import url("https://use.typekit.net/utq1ivj.css");

body {
	font-size: 1rem;
}


body :is(p,li,h4,h5,h6, .main-nav > li > a .menu-text){
	font-family: "area-normal", sans-serif!important;
	font-weight: 300;
	font-style: normal;
}

body :is(h3, h5){
	color: var(--space)!important;
}



/* &&&&&&&&&&&&&&&&&& THE7 STYLES */

.sub-nav .menu-item i.fa,
.sub-nav .menu-item i.fas,
.sub-nav .menu-item i.far,
.sub-nav .menu-item i.fab {
	text-align: center;
	width: 1.25rem;
}

body {
	& #main{
	padding: 0;
	}
	
	&.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{
		margin-bottom: 0;
	}
	
	& .color-light :is(p,h1,h2,h3,h4, h5, ul, li, blockquote, a){
		color:#ffffff!important;
	}
	
	& .intro-text{
		font-size: 1.1875rem;
		font-weight: 400;
		line-height: 1.2em;
	}
}

body {
	& .wpb_row,
	.wpb_content_element,
	ul.wpb_thumbnails-fluid > li,
	.last_toggle_el_margin,
	.wpb_button,
	.vc_btn3-container {
	    margin-bottom: 0px;
	}
}

body {
	& .vc_section.vc_section-has-fill,
	.vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section,
	.vc_section.vc_section-has-fill+.vc_section{
		padding-top: 0;
	}
	
	& .vc_btn3.vc_btn3-size-md.vc_btn3-icon-left:not(.vc_btn3-o-empty) {
	    padding-left: 33px;
	}
	
	& .vc_btn3.vc_btn3-size-md .vc_btn3-icon {
	    font-size: 13px;
	    height: 13px;
	    line-height: 13px;
	}
	
	& .vc_btn3.vc_btn3-size-md.vc_btn3-icon-left:not(.vc_btn3-o-empty) .vc_btn3-icon {
	    left: 12px;
	}
	& .page-title h1 {
		text-shadow: 0 0 15px #faf4da;
		padding-left: 20px;
	}
}

@media screen and (max-width: 778px) {
    body .page-title.page-title-responsive-enabled .wf-wrap {
        min-height: 100px;
		align-items: flex-end;
    }
	body page-title h1 {
		font-weight: 500 !important;
		padding-right: 8px !important;
		padding-left: 8px !important;
	}
}



body .vc_btn3-container .vc_general.vc_btn3,  body .read-more-button, .previous_button a, .next_button a{
    font-family: "area-normal", sans-serif!important;
    display: inline-block;
    padding: .75rem 1.25rem;
    border-radius: 10rem;
    color: #fff;
    text-transform: uppercase;
    font-size: .6875rem!important;
    font-weight: 500!important;
    letter-spacing: .05rem;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin: 0 5px 5px!important;
  
	  &:after {
	    content: '';
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-color: var(--teal);
	    border-radius: 10rem;
	    z-index: -2;
	  }
	  
	  &:before {
	    content: '';
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    width: 0%;
	    height: 100%;
	    background-color: var(--drake);
	    transition: all .3s;
	    border-radius: 10rem;
	    z-index: -1;
	  }
	  
	&:hover {
			
	color: #fff;
		&:before {
		width: 100%;
		}
	}
}

body .vc_btn3-container.secondary-btn .vc_general.vc_btn3{
	
	&:after {
	background-color: var(--jet);
	}
	
	&:before{
    	background-color: var(--yale);		
	}
}

body {
	& .bg-darken-top-right.wpb_column.vc_column_container .vc_column-inner {
	    background-position: right top!important;
	    background-size: 100%;
	}
}

body .rounded-corners img {
    border-radius: 20px;
}



/* &&&&&&&&&&&&&&&&&& HEADER STYLES */

body :is(.branding a img, .branding img) {
    width: 230px;
    height: auto;
}

body {
	
	&.top-header .level-arrows-on .menu-text:after {
	    right: -4px;
	    width: 10px;
	    height: 10px;
	    -webkit-mask-size: 10px;
	    mask-size: 10px;
	}
	
}


/* &&&&&&&&&&&&&&&&&& Mobile logo */
.mobile-branding {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: auto !important;
    min-width: 200px !important;
	padding-top: 3px;
	padding-bottom: 3px;
}

.sticky-mobile-logo-first-switch,
.sticky-mobile-logo-second-switch {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* &&&&&&&&&&&&&&&&&& FOOTER STYLES */

body footer{
	
	& .widget-info {
	    font-family: "area-normal", sans-serif!important;
	}
	
	
	& #bottom-bar #branding-bottom img {
	    width: 180px;
	    margin-bottom: 10px;
	}
	
	& #bottom-bar #branding-bottom a{
		text-decoration: underline;
		
		&:hover{
			text-decoration: none;
		}
	}
	
	& .soc-ico {
	    margin-top: 15px;
	}
	
	& .widget a, .widget .post-content .text-secondary {
	    color: #e8e0cc;
	}
	
	& .widget-title {
	    color: #d3be92!important;
	}
	
	& li.menu-item.menu-item-type-post_type.menu-item-object-page {
	    border-bottom: 1px solid var(--yale);
	    padding-bottom: 5px;
	    margin-bottom: 5px;
	    
	    & a{
		    padding-bottom: 0;
	    }
	}
	
	& section#media_image-2 {
	    min-height: 262px;
	    display: inline-flex;
	    align-items: center;
	}
	
	& .logo-center#bottom-bar .wf-container-bottom {
	    text-align: center;
	    line-height: 1.8em;
	}

	& #presscore-custom-menu-two-2 .custom-nav > .menu-item > .custom-menu {
		padding-top: 15px;
	}

	& #presscore-custom-menu-two-2 .custom-nav > .menu-item > .custom-menu > li {
		margin-bottom: unset;
		padding-bottom: unset;
	}
	
	& #presscore-custom-menu-two-2 .custom-nav > .menu-item > .custom-menu > li:last-child {
		padding-bottom: unset;
	}
}


/* &&&&&&&&&&&&&&&&&& HOME STYLES */

.vc_row.wpb_row.vc_row-fluid.position-bottom-image {
    position: absolute!important;
    bottom: 0;
    left: 0!important;
    width: 100vw!important;
    height: auto;
}

.vc_row.wpb_row.vc_row-fluid.position-top-image {
    position: absolute!important;
    top: 0;
    left: 0!important;
    width: 100vw!important;
    height: auto;
}

body .border-image .vc_single_image-img.attachment-full {
	width: 103vw;
	max-width: unset;
	margin-left: -2%;
}

body #Hero-Content .vc_column-inner {
    max-width: 480px;
}

/* &&&&&&&&&&&&&&&&&& HOME MOBILE STYLES */
@media screen and (max-width: 767px) {
	#synaptic-function {
		padding: 3px;
		margin-left: 0 !important;
        margin-right: 0!important;
	}

	#restore-synapses h2[style*="text-align: right"] {
        text-align: left !important;
    }
}


/* &&&&&&&&&&&&&&&&&& NEWS/POSTS STYLES HOME*/

body {
	
	& .spinogenix_list_wrapper {
	    padding-top: 0;
	}
	
	& .spinogenix_list_title a {
	    text-decoration: none;
	    color: var(--teal);
	    transition: all .3s ease-in-out;
	    
	   &:hover{
		   color: var(--yale);
	   }
	}
	
	& .spinogenix_list_wrapper h3 {
		margin-bottom: 10px;
	    line-height: 1.35em;
	    font-size: 1.375rem;
	}
	
	& .spinogenix_list_wrapper_inner .spinogenix_list_view img.attachment-cpt_list_view_size.size-cpt_list_view_size {
	    min-width: 200px;
	}
	
	/* Consistent styling for all CPT list views */
	& .spinogenix_list_view {
	    display: flex;
	    align-items: flex-start;
	    /* gap: 20px; */
	}
	
	& .spinogenix_single_date {
	    font-weight: 500 !important;
	    font-size: 1.125rem;
	    font-family: "area-normal", sans-serif;
	    color: var(--yale);
	    margin-bottom: 10px !important;
	}
	.news_filter.button_filter form,
	.blog_filter.button_filter form {
		text-align: center;
	}
	.news_filter.button_filter button.filter-btn,
	.blog_filter.button_filter button.filter-btn {
		font-size: 0.73rem;
		letter-spacing: .01rem;
		margin-bottom: 5px;
	}
	
}

/* &&&&&&&&&&&&&&&&&& Contact Page STYLES */
#spinogenix-contact-info {
  padding-top: 10px;
}
#google-map {
	padding-top: 40px;
}
#gform_1 #gform_fields_1 {
	row-gap: 10px;
}
#gform_1 .gform-footer.gform_footer.top_label {
    margin-top: 10px;
}
#gform_1 input#gform_submit_button_1 {
    font-family: "area-normal", sans-serif !important;
    display: inline-block;
    padding: .75rem 2.25rem .7rem;
    line-height: 1;
    border-radius: 10rem;
    color: #fff;
    text-transform: uppercase;
    font-size: .85rem !important;
    font-weight: 500 !important;
    letter-spacing: .05rem;
    transition: all .3s;
    position: relative;
}

@media screen and (max-width: 767px) {
	#spinogenix-contact-info {
		padding-top: 70px;
	}
	#google-map .wpb_wrapper iframe {
		width: 100%;
	}
}

/* &&&&&&&&&&&&&&&&&& Team Pages (management, board, advisory) STYLES */
#Team_List_Section {
    position:relative;
}

.team-list-shortcode>.wpb_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 25px;
}
.team_list_wrapper.cpt_cc_framework_wrapper.vc_col-sm-3 {
	flex: 0 0 25%;
    min-width: 300px;
    margin-bottom: 50px;
    text-align: center;
}
.team_list_wrapper h2 {
    font-size: 1.6rem;
    max-width: 300px;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 10px;
}
.team_list_featured_image {
    margin: auto;
}
.cpt_cc_framework_featured_image img {
    aspect-ratio: .85;
    object-fit: cover;
	width: 100%;
	border-radius: 10px;
}
.team_list_wrapper  span.vc_sep_holder.vc_sep_holder_l {
    display: block;
    margin: auto;
}
.team_list_wrapper .vc_sep_holder .vc_sep_line {
    border-top: 0;
    display: block;
    height: 5px;
    position: relative;
    background-color: #D4CCBB;
    width: 30%;
}
.team_list_wrapper h4.team_role {
    font-size: 20px;
    margin: auto;
    text-align: left;
    margin-top: 10px;
}
/* Being Team Singles */

.team_detail_wrapper img.team_detail_featured_image {
    max-width: 300px;
    float: left;
    margin: 0 30px 20px 0;
    object-fit: cover;
    aspect-ratio: .85;
	border-radius: 10px;
}
.team_detail_wrapper h2 {
    display: inline-block;
}
.team_detail_wrapper h2:after {
	content: '';
    border-top: 0;
    bottom: -10px;
    display: block;
    height: 6px;
    position: relative;
    background-color: #D4CCBB;
    border-radius: 5px;
    width: 25%;
}
.team_detail_wrapper h4.team_role {
    margin-top: 10px;
    font-size: 1.6rem;
	margin-bottom: 0px;
}

.team_detail_wrapper p:first-of-type {
    margin-top: 15px;
}

/* Team Mobile styles  */

@media screen and (max-width: 767px) {
	.team_detail_wrapper img.team_detail_featured_image {
		max-width: unset;
		width: 100%;
	}
}

@media screen and (max-width:560px) {
	.team_detail_wrapper h2 {
		font-size: 2.2rem;
	}

}

@media screen and (max-width: 450px) {
    .team_detail_wrapper h2 {
        font-size: 1.8rem;
    }
	.team_detail_wrapper h4.team_role {
	    font-size: 1.3rem;
	}
}

/* Pipeline styles  */
@media screen and (max-width: 1050px) {
	body #Pipeline {
		.indicationCell {
			line-height: 1.15;
		}
		.programCell {
			font-size: .9rem;
		}
	}	
}

/* Science Styles */
body {
	.verticaly-centered {
		display: flex;
		align-items: center;
		margin-bottom:40px !important;
		.wpb_wrapper {
			display: flex;
			justify-content: center;
		}
		.rightside-border {
			border-left: 3px solid #1379bd;
			strong {
				color: #074c7a;
				display: block;
				margin-bottom: 10px;
			}
		}
		.rightside-border .vc_column-inner {
    		padding-left: 30px;
		}
	}

	.regenerating-columns h3 {
		min-height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
}
@media screen and (max-width: 767px) {
	body #Disease-Targets {
		.verticaly-centered{
			flex-direction: column;
		}
		.verticaly-centered .wpb_wrapper {
            justify-content: flex-start;
			h3 {text-align:left !important;}
        }
		.right-separator {
			margin-bottom: 25px;
		}
		.rightside-border {
            border-left: none !important;
        }
		.rightside-border .vc_column-inner {
            padding-left: 15px;
        }
	}
	body .regenerating-columns h3 {
		justify-content: flex-start;
	}
}
/* Patients Page Styles */
body {
	#Clincial-Trials-Updates {
		    .verticaly-centered {
				display: flex;
				align-items: center;
				margin-bottom: 40px !important;
				background: #DED5C2;
				padding-block: 35px;
				border-radius: 25px;
			}
			.display-column>.wpb_wrapper {
				flex-direction: column;
			}
			strong {
                display: inline;
			}

	}
}

@media screen and (max-width: 767px) {
	body {
		#Clincial-Trials-Updates {
			.verticaly-centered {
				flex-direction: column;
				width: 100%;
            	margin: auto;
			}
			.rightside-border {
				border-left: none !important;
				padding-inline: 20px;
			}
			.right-separator h3 {
				padding-bottom: 10px;
				margin-bottom: 17px !important;
			}
			.rightside-border .vc_column-inner {
				padding-left: 20px;
				padding-right: 20px;
			}
		}
	}

}


/* Media Pages Styles */

/* Media Pages Mobile Styles */
@media screen and (max-width: 778px) {
	body {
		.fancy-header:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 40%);
		}
		#fancy-header > .wf-wrap {
			align-items: flex-end;
			height: 100px;
			h1 {
				font: 700 24px / 34px "Noto Serif Display", Helvetica, Arial, Verdana, sans-serif;
				text-shadow: 0 0 15px #faf4da;
        		padding-left: 20px;
			}
		}
	}
}



/* Global Media Queries */
@media screen and (min-width: 779px) {
	body {
		.DesktopHideMe {
			display:none;
		}
	}
}

@media screen and (max-width: 778px) {
	body {
		.MobileHideMe {
			display:none;
		}
		.flip-columns {
			flex-direction: column-reverse;
		}
		h2 {
			font-size: 2.2rem;
		}
		.page-title:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 40%);
		}
	}
}

@media screen and (max-width: 468px) {
	body {
		h2 {
			font-size: 1.8rem;
		}
	}
}