/**
 * @file
 * Visual styles for Conference Lite's layout.
 */
 
/*.field__item img {
    float: left;
    margin: 10px 30px 0 0;
}*/
.node ul.links li a {
    border: none;
    color: #14CFDD;
}
.footer-top-first .fa, .footer-top-first .fab, .footer-top-first .fal, .footer-top-first .far, .footer-top-first .fas {
    color: #FFF;
    margin-right: 10px;
}
.social-media {
    font-size: 40px;
}
.sidebar__section .block {
    padding: 0 0 20px 0;
}
.sidebar__section, .main-content__section {
    padding: 50px 0 20px 0;
}
.node__header {
    padding: 0 0 0px;
}
/*main menu*/
.header-container .sf-shadow.sf-menu.menu ul ul {
    margin-left: 5px;
}
ul.menu.sf-menu.sf-accordion li a .sf-sub-indicator::after, ul.menu.sf-menu.sf-accordion ul li .sf-sub-indicator::after {
    content: "▼";
    left: 0;
    line-height: 1;
    position: absolute;
    text-indent: 0;
    margin-left: 0px;
    font-size: 11px;
}
.header__section ul.menu {
    padding: 0 0 15px 0;
}
.header-container .region--light-typography ul.menu > li > a,
.header-container .region--light-typography ul.menu > li > span,
.header-container .region--light-typography ul.menu > li > a.is-active,
.header-container .region--light-typography ul.menu > li.active-trail > a,
.region--light-typography .header-container ul.menu > li > a,
.region--light-typography .header-container ul.menu > li > span,
.region--light-typography .header-container ul.menu > li > a.is-active,
.region--light-typography .header-container ul.menu > li.active-trail > a {
    color:#656565;
}
.header-container .region--light-typography ul.menu > li > span:hover,
.header-container .region--light-typography ul.menu > li > a:hover,
.region--light-typography .header-container ul.menu > li > span:hover,
.region--light-typography .header-container ul.menu > li > a:hover,
.header-container .region--light-typography ul.menu > li.sfHover > span,
.header-container .region--light-typography ul.menu > li.sfHover > a,
.region--light-typography .header-container ul.menu > li.sfHover > span,
.region--light-typography .header-container ul.menu > li.sfHover > a {
  text-decoration: none;
  color:  #14CFDD;
  background-color: #ffffff;
}
.header-container ul.menu li a, .header-container ul.menu li a, .header-container ul.menu li > span {
    font-size: 20px;
}
.region--light-typography a, .region--light-typography a.link--dark, .region--light-typography .link--dark a, .region--light-typography a:focus, .region--light-typography a.link--dark:hover, .region--light-typography a.link--dark:focus, .region--light-typography .link--dark a:hover, .region--light-typography .link--dark a:focus {
    color: #14CFDD;
}
.header-container ul.sf-menu .sf-sub-indicator {
    right: -5px;
    width: 17px;
    font-size: 11px;
    font-weight: 400;
    top: 50%;
    margin-top: 0px;
}
.region--light-typography ul.menu.sf-accordion li a, .region--light-typography ul.menu.sf-accordion li > span {
    border-bottom-color: #14CFDD;
    color: #656565;
}
/*end*/
#block-partenerifrontpage, #block-promotorfrontpage {
    margin: 20px 0 0 0;
}
#block-views-block-comunicate-presa-block-1, #block-views-block-evenimente-block-1 {
    margin:0 0 25px 0;
}
#block-views-block-comunicate-presa-block-1 .more-link a {
    font-size: 15px;
    font-weight: 600;
    padding: 16px 30px 15px;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
    margin: 10px 0;
    text-align: center;
    background-color: transparent;
    text-transform: uppercase;
    color: #FFF;
    background:#14CFDD;
}
#block-views-block-comunicate-presa-block-1 .more-link a:hover {
    font-size: 15px;
    font-weight: 600;
    padding: 16px 30px 15px;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
    margin: 10px 0;
    text-align: center;
    background-color: transparent;
    text-transform: uppercase;
    border-color: #14CFDD;
    color: #14CFDD;
}
#block-views-block-evenimente-block-1 .more-link a {
    font-size: 15px;
    font-weight: 600;
    padding: 16px 30px 15px;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
    margin: 10px 0;
    text-align: center;
    background-color: transparent;
    text-transform: uppercase;
    color: #FFF;
    background:#14CFDD;
}
#block-views-block-evenimente-block-1 .more-link a:hover {
    font-size: 15px;
    font-weight: 600;
    padding: 16px 30px 15px;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
    margin: 10px 0;
    text-align: center;
    background-color: transparent;
    text-transform: uppercase;
    border-color: #14CFDD;
    color: #14CFDD;
}
#block-views-block-comunicate-presa-block-1 h2, #block-views-block-evenimente-block-1 h2 {
    font-size: 22px;
    font-weight: normal;
    border: none;
}
#block-views-block-comunicate-presa-block-1 h2::after, #block-views-block-evenimente-block-1 h2::after {
    display: block;
    width: 60px;
    height: 2px;
    margin-top: 5px;
    content: "";
    background-color: #575757;
}
#block-views-block-articole-block-1 h2, #block-contact h2, #block-linkuriutile h2 {
    border:none;
}
#block-views-block-articole-block-1 h2::after, #block-contact h2::after, #block-linkuriutile h2::after {
    display: block;
    width: 60px;
    height: 2px;
    margin-top: 5px;
    content: "";
    background-color: #fff;
}
#block-views-block-comunicate-presa-block-1 li, #block-views-block-evenimente-block-1 li {
    display: block;
    position: relative;
    min-height: 80px;
    margin: 0 0 20px 0;
    padding: 0 0 10px 20px;
    border-bottom: 1px solid #D7D7D7;
}
#block-views-block-comunicate-presa-block-1 .fa, #block-views-block-evenimente-block-1 .fa {
    margin-right: 10px;
}
#block-views-block-comunicate-presa-block-1 .time, #block-views-block-comunicate-presa-block-1 .locatie, #block-views-block-evenimente-block-1 .time, #block-views-block-evenimente-block-1 .locatie  {
    font-size: 14px;
}
#block-views-block-comunicate-presa-block-1 {
    float: right;
    padding: 15px;
    border: 1px solid #D7D7D7;
    width: 48.46625766871166%;
}
#block-views-block-evenimente-block-1 {
    float: left;
    padding: 15px;
    border: 1px solid #D7D7D7;
    width: 48.46625766871166%;
}
.item-list ul li {
    margin: 0 0 0 0;
}

.item-list ul {
    list-style-type: none;
}
.node--view-mode-teaser {
    padding: 0 0 0px 0;
    margin-bottom: 30px;
}
.node__links {
    margin-top: 0px;
}
.node--view-mode-teaser.node--type-article .node__links {
    margin-top: 0px;
}
/*language block */
ul.links {
    padding: 10px 0;
    margin: 0;
    list-style: none;
}
.language-switcher-language-url li {
    list-style: none;
    display: inline;
    float: right;
}
.block-language ul li::before {
    display:none;
}
/*end language block */

/* introblocks */
#introblocks{position:relative; margin:-30px auto 0; z-index:1;}
#introblocks ul{display:table; width:100%; height:100%;}
#introblocks ul, #introblocks ul li{border:none;}
#introblocks ul li{display:table-cell; position:relative; width:25%; height:100%; padding:7% 2% 3%; text-align:center;}
#introblocks ul li:last-child{}
#introblocks ul li *{margin:0; padding:0;}
#introblocks ul li article{}
#introblocks ul li article i{border-radius:50% 0; position:absolute; top:0; left:50%; width:80px; height:80px; line-height:80px; margin:-40px 0 0 -40px; text-align:center;}
#introblocks ul li article .fa{font-size:38px;}
#introblocks ul li article .fas{font-size:38px;}
#introblocks ul li article .clg{font-size:42px;}

#introblocks ul li article .heading{margin-bottom:30px; font-size:1.2rem;}
#introblocks ul li, #introblocks ul li a, #introblocks ul li a i{color:#FFFFFF;}
#introblocks ul li:hover a{color:#D7D7D7; text-decoration:none;}
#introblocks ul li:nth-child(1){background-color:#14CFDD;}/*Green*/
#introblocks ul li:nth-child(2){background-color:#B300D8;}/*Orange*/
#introblocks ul li:nth-child(3){background-color:#14CFDD;}/*Purple*/
#introblocks ul li:nth-child(4){background-color:#B300D8;}/*Red*/
#introblocks ul li:nth-child(1) i{background-color:#B300D8;}/*Dark Green*/
#introblocks ul li:nth-child(2) i{background-color:#14CFDD;}/*Dark Orange*/
#introblocks ul li:nth-child(3) i{background-color:#B300D8;}/*Dark Purple*/
#introblocks ul li:nth-child(4) i{background-color:#14CFDD;}/*Dark Red*/
/* 3D Shadow only works in modern browsers - inpired by http://markdotto.com/playground/3d-text/ */
#introblocks li:hover i{box-shadow:2px 2px 5px rgba(0,0,0,.3); text-shadow:0 1px 0 #CCCCCC, 0 2px 0 #666666, 0 3px 0 #000000, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25);}
#introblocks .underline::after{background-color:#FFFFFF;}
/*end*/
/*regiune vrei mai multe*/
#featured {
    background: rgba(0,0,0,0.6);
    color: #fff;
}
#featured h2 {
    color: #fff;
}
.featured__section {
    padding: 40px 0;
    text-align: center;
}

/*end*/
/* regiune footer-bottom */
.region-footer-top-second a{
    color:#FFF;
}
#footer-bottom {
    text-align: center;
    font-size: 13px;
    border-top: #f0f0f0 1px solid;
    padding: 20px 0 0 0;
}
.footer-bottom__container {
    padding: 10px 0;
}
/*end */
.header__container {
    padding:0 !important;
}
.footer-top__section {
    padding: 30px 0 20px 0;
}
#join, #block-views-block-articole-block-1 {
    color: #FFFFFF;
    background-color: #14CFDD;
    display: block;
    padding: 30px;
}
#join .underline::after, #block-views-block-articole-block-1 .underline::after {
    background-color: #FFFFFF;
}
#join h3 , #block-views-block-articole-block-1 h2, #block-contact h2, #block-linkuriutile h2 {
    color: #ffffff;
    font-size: 22px;
    font-weight: normal;
}
#block-linkuriutile a{
    text-decoration: none;
}
#block-linkuriutile a:hover {
    text-decoration: none;
    color: #D7D7D7;
}
#block-views-block-articole-block-1 a {
    color: #fff;
}
#block-views-block-articole-block-1 a:hover {
    text-decoration: none;
    color: #D7D7D7;
}
.container .underline::after {
    background-color: #575757;
}
#block-views-block-articole-block-1 .item-list ul li {
    margin: 0 0 15px 0;
    border-bottom: 1px solid #FFF;
}
.infolist li {
    border-color: #D7D7D7;
}
img {
    border-radius: 0px;
}
/* modificari FS */

.header-top .container {
    /*background: #252C34;*/
    border-top: solid 5px #2ba6det;
    max-width: 100% !important;
    padding: 10px;
}
/* end */

/*modificari pt tema gri*/

.featured-top__section {
    padding: 0;
}

#block-conference-lite-account-menu li a {
	padding: 15px 0 15px 5px;
}

#block-languagedropdownswitcher {
    position: absolute;
    padding-top: 5px;
}

#block-conference-lite-account-menu {
	float: right;
	margin-top: 10px;
}

.onscroll .header.js-fixed.region--colored-background {
	background: rgba(255, 255, 255, 0.95);
}

.header-container .region--light-typography ul.menu > li > a.is-active {
    color:#333;
}

.header-container .region--colored-background {
    background-color: #FFF;
}

.header-container .header.region--light-typography {
    border-bottom-color: #282F39;
    border-bottom: 1px solid rgba(216,216,216,.5);
    box-shadow: 0 1px 8px rgba(51,51,51,.1);
}

.header-container .region--light-typography ul.menu > li > a {
    color:#333;
}

/* end modificari */

.header-second {
    margin-top:10px;
}

#content-top {
    background:url("/sites/default/files/city.png") #282F39;
    height:550px;
    background-repeat: no-repeat;
    background-position: center;
	padding-top: 50px;
}

#content-top h2, #content-top label, #content-top {
    color:#fff;
}

#block-viewsexposedfilterblock h2, #block-viewsexposedfilterblock-2 h2 {
    margin-bottom:0;
}

.content-top__section {
    padding: 0px 0;
}

#views-exposed-form-find-laboratoires-page-1 #edit-actions, #views-exposed-form-find-laboratoires-page-2 #edit-actions {
    display:inline;
}

#views-exposed-form-find-laboratoires-page-1 #edit-actions .button:first-child, #views-exposed-form-find-laboratoires-page-2 #edit-actions .button:first-child {
    margin-top: 45px;
}

/*#block-viewsexposedfilterblock {
    padding-left: 250px;
} */

input.form-text, input.form-tel, input.form-email, input.form-url, input.form-search, input.form-file, input.form-number, input.form-color, input.form-date, input.form-time, textarea, select {
    max-width: 500px;
}

/* banner */

#banner {
    width: 100%;
    padding: 0;
    background: url(/sites/default/files/banner.png) center center no-repeat;
    background-color: #e5e5e5;
    -webkit-background-size: cover;
    background-size: cover;
    max-height: 700px;
}

#banner .gradient {
    background: rgba(0,0,0,0.4);
}

#banner p {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    line-height: 30px;
    margin: 0 auto;
    margin-bottom: 60px;
}

#banner .button {
    margin-bottom: 50px;
}

#banner h1 {
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 100px;
    margin-bottom: 30px;
}

#banner .container {
    text-align:center;
}

.container-banner {
    margin:120px 100px 0px 100px;
    text-align:center;
}

.container-banner-button {
    margin:0px 100px 50px 100px;
    text-align:center;
}

.container-banner .button {
    margin-top: 50px;
}

.container-banner .fas, .container-banner .far {
    font-size:40px;
    color: #B91522;
}

.container-banner svg, .feature svg {
    font-size:40px;
    color: #B91522;
}

#block-views-block-slideshow-front-block-1 {
    height:500px;
}

#block-views-block-slideshow-front-block-1 img {
    height:500px;
}

.webform-elements label.option {
    font-size:18px;
}

summary {
    font-size: 22px;
}

.block-laboratories span > a:before {
    content: "\f105";
    font-family: "fontello";
    font-size: 15px;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    transition: all linear 0.2s;
    font-weight: 700;
}

#block-conference-lite-search {
    float:left;
}

.webform-progress-tracker.progress-tracker {
    margin-top: 40px;
    margin-bottom: 40px;
} 

.webform-elements label, .user-register-form label, fieldset.webform-type-radios legend, fieldset.webform-type-checkboxes legend {
    font-size:22px;
}

h1.page-title {
    font-size: 40px !important;
    margin: 0 0 40px 0;
}

.layout__region--second {
    padding:0 0 0 20px;
}

.header-top__section .block-search {
    margin: 0px 0 0;
}

.field--entity-reference-target-type-taxonomy-term.field--label-inline::before, .field--entity-reference-target-type-taxonomy-term.field--label-inline.field__item::before {
    top:0px;
}

.field--entity-reference-target-type-taxonomy-term, .field--entity-reference-target-type-taxonomy-term.field__item {
    padding-top:0px;
}

.field--entity-reference-target-type-taxonomy-term.field--label-inline .field__item {
    margin: 0;
}

.images-container {
    margin-bottom: 15px;
}

span.tagclouds-term {
    margin:0px 5px 0 0;
}
/* Smartphone + Tablet
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:900px){
	.hoc{max-width:90%;}

	#topbar{}

	#header{padding-bottom:30px;}

	#mainav{}
	#mainav ul{display:none;}
	#mainav form{display:block;}

	#breadcrumb{}

	.container{}
	#comments input[type="reset"]{margin-top:10px;}
	.pagination li{display:inline-block; margin:0 5px 5px 0;}

	#footer{}

	#copyright{}
	#copyright p:first-of-type{margin-bottom:10px;}
}


@media screen and (max-width:750px){
	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
	.fl_left, .fl_right{display:block; float:none;}
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}

	#topbar{text-align:center;}
	#topbar *{margin:0;}
	#topbar .fl_left ul{margin:0 0 10px 0; line-height:normal;}
	#topbar .fl_left ul li{display:inline-block; margin-right:20px;}
	#topbar .fl_left ul li:last-child{margin-right:0;}
	#topbar .faico li{float:none;}

	#header{text-align:center;}
	#header #logo{margin-bottom:15px;}

	#pageintro article{max-width:80%;}
	#pageintro article .heading{font-size:36px;}

	#introblocks ul, #introblocks ul li{display:block; width:100%;}
	#introblocks ul li{float:left; width:50%; min-height:260px; padding:5%; text-align:center;}
	#introblocks ul li:nth-child(3){clear:left;}
	#introblocks ul li article i{position:inherit; top:auto; left:auto; margin:0 0 20px 0;}
	#footer{padding-bottom:20px;}
	#footer #newsletter input{display:block; width:100%; padding:10px 12px;}
	#footer #newsletter form, #footer #newsletter button{margin-bottom:0;}
}


@media screen and (max-width:450px){
    #block-views-block-comunicate-presa-block-1 {
    float: none;
    padding: 15px;
    border: 1px solid #D7D7D7;
    width: 100%;
    }
    #block-views-block-evenimente-block-1 {
    float: none;
    padding: 15px;
    border: 1px solid #D7D7D7;
    width: 100%;
    }
	#topbar .fl_left ul li{display:block; margin:5px 0 0 0;}
	#topbar .fl_left ul li:first-child{margin:0;}

	#introblocks ul li{width:100%; min-height:initial; padding:25px;}

	#quicklinks .ui-accordion .ui-accordion-header::before{float:none; margin-right:10px;}
	#quicklinks .ui-accordion .ui-accordion-header::after{display:none;}
}


/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:650px){
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}

	.inline li{display:block; margin-bottom:10px;}
	.pushright li{margin-right:0;}

	.font-x2{font-size:1.4rem;}
	.font-x3{font-size:1.6rem;}
}