.motto {
	margin: 2em;	
}

/* The "On this page" is not translated to Romania. */
.wh_topic_label {
    display: none;
}
/* It is sticky, it needs a background color. */
.wh_header {
    background-color: white;
}
.wh_logo{    
  margin-bottom: 1em
}

/* The CNFB horizontal stripe */
.partners{
    margin-top: -104px;
}

.partners div{
    text-align:center
}
.cnfb {
	text-align:left;	
	 
  /*  margin-left: -100px;*/
}

.cnfb img {
	width: 130px;
    margin-top: .5em;
}

.cnfb div{
    display:inline-block;
    padding-left: 1em;
    vertical-align: middle
}

.cnfb a{
    font-size: 1.2em
}


.cnfb div span{
    font-size: .9em
}


/*.wh_topic_content {
	margin-top: 1em;
	margin-left:auto;
	margin-right:auto;
	max-width:1140px;
}*/

.title.topictitle1 {
    display: block;
}

.wh_publication_title {
    display: block;
    width: 173px;
    text-align: justify;
}

.wh_publication_title > a,
.wh_publication_title > a:visited{
    color: #606060;
    font-size: 1em;
    font-weight: 600;
}


/* Avoid showing expand button for the section */
.wh_expand_btn {
    display: none;
}
table > caption, 
.topic > .title, 
.sectiontitle:not(.tasklabel), 
.wh_term_group > .wh_first_letter {
	padding-left:0;
}

/* Create some spaces between links sections. */
.link-and-description {
	margin-top:2em;
	margin-bottom:2em;
}

/* The blue area in the main page */
.mb_index {
	height:auto;
	
}

.mb_index_bg{
    background-image:none;
   /* height:500px;*/
    background-image: url(resources/img/hero_cppi.png);
    width: 100%;
    /*height: 706px;*/
    /*background-size: contain;*/
    background-repeat: no-repeat;
    background-position-x: center;
}

.title_main {
    color: #fff;
    font-size: 2.8em;
    text-align: left;
	padding-top: 5.5em;
    font-weight: 500;
    max-width: 750px;
    line-height: 1.2em;
    margin-left: auto;
    margin-right: auto;
}

.stripe-slogan {
	margin-top: 1em;
}

/* Move the main page title a bit to the left */
.wh_logo + .wh_publication_title {    
    margin-left: 1em;
}

.topictitle1 {
	/*background: linear-gradient(180deg, #2f71b1 0%, #275e9d 100%, #fff 79.5%, #fff 100%);
	color: white;*/
	padding: 1em 0;	
}

article{
        padding: 0 1.5em;
}

.footer .col-md-3 img{
    width: 125px
}

.abstract-materia{
    padding: 0.1em 1.2em .4em 1.2em;
    border-radius: 12px;
    background-color: #fff3dc
}

.topictitle1{
    margin-bottom: 0
}

.ul{
    margin-left: 1.2em
}

.tree-lessons-leaf .wh_topic_content{
    margin-left: initial
}

.background_misiune{
  background-image:url(resources/img/mb_misiune.png);
  height: 300px;
  background-size: contain;
  background-repeat: no-repeat; 
  background-position-x: right;
  background-position-y: bottom;
}
.background_regulament{
  background-image:url(resources/img/mb_regulament.png);
  height: 300px;
    /*width: 1140px;*/
  background-size: contain;
  background-repeat: no-repeat; 
  background-position-x: right;
}

.background_cursuri{
  background-image:url(resources/img/mb_cursuri.png);
  height: 300px;
    /*width: 1140px;*/
  background-size: contain;
  background-repeat: no-repeat; 
  background-position-x: right;
}
.avatar-marius img{
    max-width:150px;
    height: 150px;
    width: 150px
}

.stripe-jobs{
    margin-bottom: 2em
}
#misiune .title.topictitle1, #regulament .title.topictitle1, #cursuri .title.topictitle1, #contact .title.topictitle1{display:none}
#misiune .container .title{padding-top: 1em; line-height:2em}

.wh_topic_page .wh_content_area{
    margin-top: 1em
}
/*#wh_publication_toc{background-color:blue}*/
.wh_publication_toc{/*background-color: red;*/ top: 189.667px !important  }
.wh_top_menu:not(.activated-on-click) ul:hover li,
.wh_top_menu:not(.activated-on-click) ul li:hover {
    /* WH-2521 Change the background color imediatelly when the current menu item (li) or other menu item is hovered. */
    transition: none; 
}
.wh_top_menu:not(.activated-on-click) ul li {
    /* WH-2521 Delay the background color change on hover off. */
    transition: background-color 0.2s 1s;
    transition: color 0.2s 1s; 
}

#materia nav.wh_tools, .wh_publication_title{
    display:block
}


#wh_close_publication_toc_button{
    display:none !important
}

span.admitere::after, span.bac::after, span.olimpiada::after, span.nou::after{
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-left: 10px;
    font-size: .8em;
    padding: 1px 8px;
    color: #333;
}


span.admitere::after  {
    content: "+Admitere"; 
}

span.bac::after {
    content: "+Bac";
}

span.nou::after {
    content: "Nou";
    background-color:#bfdfff;
}

span.olimpiada::after {
    content: "Olimpiada";
}

.ul_cursuri_links{
    margin-top: 10px;
    margin-left: 0;
}

#news{
    margin-top:15px;
}

#news h1{
    margin-top: 15px;
    text-align:center;
}
#news .notifications{
    margin-top: 15px;
}
.newsTitle {
    line-height: 1.8em;
/*    text-align: center;*/ 
}

#news .notifications .date{
/*    text-align:center;*/
    margin-top: -4px;
}

#news .longDescription{
    background: white;
    font-size: 1.1em;
    line-height: 1.8em;
    color: #4c4949;
}

#news .container{
    border-top: 1px solid #d2e5f2;
    padding-top: 25px;
}

#news .news_item{
    margin-top: 20px;
}

.lk-rss-title {
    background-image: url(resources/img/rss_inv.png);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: left;
    padding: 0px 27px 0px 0px;
}


/* 
 * Responsive 
 * 
 * */
 
@media (min-width: 1200px){
    footer .row {
        width: 1600px;
    }
}

@media (max-width: 1199px){
  .mb_products.container .title {
    padding-top: .4em;
  }
  
  .mb_index_bg{
      background-size: contain;
          height: 45vw;
  }
  .mb_index{
      background:none
  }
  
  .title_main{
    font-size: 3vw;
    padding-top: 3em;
    line-height: 3.5vw;
        padding-left: 4vw;
  }
}

@media (max-width: 750px){
    .partners{
        margin-top: -17px
    }
    
    .partners .syncro, .partners.cnfb{
        padding: .5em
    }
    .cnfb img {
        width: 100px;
    }
    
    .cnfb div{
        padding-left: 0;
        display: block
    }
    .syncro img{
        width: 150px;
        margin-bottom: 5px;
    }
    #copy{text-align:center}
    
    .wh_publication_title{
        /*font-size: 1.2em;
        line-height: 1em;*/
        text-align: left;
    }
    
    .wh_search_input{
        display:none
     }
    
    .title_main{
       font-size: 5vw;
    padding-top: 10vw;
    line-height: 6vw;
    padding-left: 5vw;
    }
    
    .mb_index_bg{
        background-image: url(resources/img/hero_cppi_mobile.png);
    }
    
}
.retrospectiva_section {
    margin-top: 3em;
}
.retrospectiva_sub_section {
    margin-top: 2em;
}

/* More space before sections in retrospectiva topics */
#retrospectiva_sezonului_1_2021_2022 section,
#retrospectiva_sezonului_2_2022_2023 section {
    margin-top: 4em;
}

/* Space between consecutive images */
#retrospectiva_sezonului_1_2021_2022 img,
#retrospectiva_sezonului_2_2022_2023 img {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
    display: block;
}

/* Less space between list items */
#retrospectiva_sezonului_1_2021_2022 ul li,
#retrospectiva_sezonului_1_2021_2022 ol li,
#retrospectiva_sezonului_2_2022_2023 ul li,
#retrospectiva_sezonului_2_2022_2023 ol li {
    margin-top: 0.3em !important;
}
#retrospectiva_sezonului_1_2021_2022 ul li:first-child,
#retrospectiva_sezonului_1_2021_2022 ol li:first-child,
#retrospectiva_sezonului_2_2022_2023 ul li:first-child,
#retrospectiva_sezonului_2_2022_2023 ol li:first-child {
    margin-top: 0 !important;
}

/* Subsection headings - more space above, less below */
#retrospectiva_sezonului_1_2021_2022 .my_subsection,
#retrospectiva_sezonului_2_2022_2023 .my_subsection {
    margin-top: 2em !important;
    margin-bottom: 0.3em !important;
}

/* Indent section titles */
#retrospectiva_sezonului_1_2021_2022 section .sectiontitle,
#retrospectiva_sezonului_2_2022_2023 section .sectiontitle {
    padding-left: 1.5em !important;
}