/**
 * @file
 * Visual styles for Conference Lite's layout.
 */

/*sterge bifa de revizie pentru ca totul sa aiba revizii*/
#edit-revision {
	display: none;
}
/*end bifa revizii*/

/*paragraph*/
.paragraphs-dropdown-actions input[type="submit"] {
	color: #575757;
}

.paragraphs-dropdown-actions input[type="submit"] + input[type="submit"] {
	margin-left: 0;
}

/*end paragraph*/

/*views*/
.view-header a {
	background-color: #00599c !important;
  border-color: #00599c !important;
	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;
  margin: 10px 0;
	margin-right: 10px;
	margin-left: 0px;
  text-align: center;
  background-color: transparent;
  text-transform: uppercase;
}
/*end views */

/*link print PDF */
a.print__link--pdf {
	background-color: #00599c !important;
  border-color: #00599c !important;
	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;
  margin: 10px 0;
	margin-right: 0px;
	margin-left: 0px;
  text-align: center;
  background-color: transparent;
  text-transform: uppercase;
}
/*end link printPDF */

/*responsiv design*/
@media (max-width: 991px) {
  #block-viewsexposedfilterblock {
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	padding: 20px 10px 10px 10px;
	background: url(/sites/default/files/inline-images/banner_nou.png);
}
  #block-banner {
	display: none;
}
  .view #edit-actions {
	display: block !important;
}
  .view input[type="submit"], .view input[type="reset"], .view input[type="button"] {
	margin-top: 0px !important;
}
}
/* end modificari */

/*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;
}

.header-container .region--light-typography ul.menu > li > a:hover {
	color: #d4d4d4;
}
/* end modificari */

/* modificari filtru view */
.view #edit-actions {
	/* display: inline; */
}

/*.view input[type="submit"],.view input[type="reset"],.view input[type="button"] {
	margin-top: 50px;
}*/

select {
  margin: 0;
}
/* end modificari */


/* modificari filtru view bloc prima pagina */
#block-viewsexposedfilterblock {
	position: absolute;
	top: calc(50% - 150px);
	left: calc(50% - 500px);
	color: #fff;
}
#block-viewsexposedfilterblock label {
	color: #fff;
	font-size: 22px;
	font-weight: bold;
}
.col-12 h2.title::after {
	display: none;
}
.col-12 h2.title {
	margin: 0 0 20px;
	padding:0;
	color: #fff;
}
#block-viewsexposedfilterblock .form-submit {
	border: 1px solid #fff;
}
#block-viewsexposedfilterblock input[type="submit"]:hover {
	color: #fff;
}

/* end modificari */

.shariff li a {
	display: inline;
	padding:10px;
}
.field--name-field-review{
	margin-top: 30px;
    border-top: 10px solid #f6f6f6;
    padding-top: 20px;
}

#block-views-block-articole-block-1 .item-list ul li {
    margin: 0 0 15px 0;
    border-bottom: 1px solid #FFF;
}
.item-list ul {
    list-style-type: none;
}
.underline::after {
	background-color: #575757;
    display: block;
    width: 60px;
    height: 2px;
    margin-top: 5px;
    content: "";
}
.block-search .form-actions::after {
	color:#2f4b87;
}
.boxed {
	padding: 15px;
		border: 1px solid #D7D7D7;
}

#block-views-block-articole-block-1 {
    color: #FFFFFF;
    background-color: #2f4b87;
    display: block;
    padding: 30px;
}	

#block-views-block-articole-block-1 a {
    color: #fff;
}

.view > .more-link a {
    border-color: #2f4b87;
}

#block-views-block-articole-block-1 a:hover {
    text-decoration: none;
    color: #D7D7D7;
}

#block-views-block-articole-block-1 h2 {
    font-size: 22px;
    font-weight: normal;
	color: #fff;
	border: none;
}
#block-views-block-articole-block-1 h2::after {
    display: block;
    width: 60px;
    height: 2px;
    margin-top: 5px;
    content: "";
    background-color: #fff;
}


.footer-bottom__container {
    padding: 20px 0;
	font-size: 14px;
	text-align: center;
}

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

#block-conference-lite-branding img {
    height:60px;
}

.header-top-highlighted {
	margin: 20px 0;
}

.header-top-first {
	text-align: center;
	margin: 10px 0;
}

.region--white-background.header-top, .region--gray-background.header-top {
    border-top: none;
	background: #f6f6f6;
}

.header-container .col-lg-4 {
	margin: auto;
}

.region-banner {
	max-width: var(--width-container);
	text-align: center;
}

#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;
}

.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 {
    background: #f2f2f2;
}

.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: #3b5998;
}

#block-boxurifront .feature__icon .fontawesome-icons {
	height: 50px;
	margin: 25px 0 0;
}

#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-conference-lite-search {
    float:left;
}

.header-container ul.menu li a {
    font-size:18px;
}

/* webform custom */

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

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

input[type="radio"], input[type="checkbox"] {
    transform: scale(1.5);
}

label {
	font-size: inherit;
}

.form-composite > legend {
	font-weight: normal;
	border: none;
}

fieldset legend {
	font-size: inherit;
}

/*end webform custom */

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

.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;
}

.feature__icon .svg-inline--fa {
	height: 60px;
	margin-top: 20px;
}

html {
    height: 100%; /* Fallback CSS for IE 4-6 and older browsers. Note: Without this setting, body below cannot achieve 100% height. */
    height: 100vh;/* Overrides 100% height in modern HTML5 browsers and uses the viewport's height. Only works in modern HTML5 browsers */
}

body {
    height: auto; /* Allows content to grow beyond the page without overflow */
    width: auto; /* Allows content to grow beyond the page without overflow */
    min-height: 100%; /* Starts web page with 100% height. Fallback for IE 4-6 and older browsers */
    min-height: 100vh;/* Starts web page with 100% height. Uses the viewport's height. Only works in modern HTML5 browsers */
    overflow-y: scroll;/* Optional: Adds an empty scrollbar to the right margin in case content grows vertically, creating a scrollbar.  Allows for better width calculations, as the browser pre-calculates width before scrollbar appears, avoiding page content shifting.*/
    margin: 0;
    padding: 0;
    background:#2f4b87;/* FOR TESTING: Next add a large block of text or content to your page and make sure this background color always fills the screen as your content scrolls off the page. If so, this works. You have 100% height with flexible content! */
}

.views-label {
	font-weight: bold;
}
.field-content {
	display: inline;
}
.view-filters .js-form-type-entity-autocomplete {
	width: 30%;
}

/*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:  #454545;
  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: #454545;
}
.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: #454545;
    color: #656565;
}
/*end*/
h2 {
    font-size: 30px;
}
.col-12 .block {
  padding-bottom: 0px;
}
.main-content__section, .sidebar__section {
  padding: 30px 0;
}
a.tabledrag-handle .handle {
  padding: 15px;
}
.smartdate--widget .form-type-number input {
  width: 5.5em;
}
/*booking calendar */
.bookable-calendar-opening-instance {
    padding-bottom: 10px;
    padding-top: 0;
}
/*end booking calendat*/