/************************************************/
/*             CWS navbar - layout              */
/************************************************/

#cws_navbar{
  background: #fcf4e9;
  border-right: 1px solid #9b8964;
  display: block;
}

/* Nav item icon wrapper */
#cws_navbar .menu_item_icon_wrapper{
  width: 3em;
}

#cws_navbar .menu_subitem_icon_wrapper{
  width: 1em;
  margin-left: 1em;
}

/* Nav item text */
#cws_navbar .menu_item_text{
  font-size: 12pt;
  font-weight: bold;
  border: 0px;
  height: 2.5em;
}

/* Nav subitem text */
#cws_navbar .menu_subitem_text{
  font-size: 12pt;
  font-weight: bold;
  height: 2.5em;
}

#cws_navbar .menu_item_icon {
  font-size: 20pt;
  height: 1.5em;
  display: table-cell;
  vertical-align: middle;
}

/* Separator between nav buttons */
#cws_navbar .cws_navbar_item:not(:last-child){
  border: 0px;
  border-bottom: 1px solid #e5d7c5;
}

#cws_navbar .cws_nav_car_separator{
  border: 0px;
}

#cws_navbar .navbar-item{
  width: auto;
}

@media(min-width: 992px){
  #cws_navbar{
    width: 17em;
  }
}

@media(max-width: 991px){
  #cws_navbar{
    width: 100%;
    border-right: 0px;
    margin-bottom: 1em;
    border-bottom: 1px solid #9b8964;
  }

  #cws_navbar .menu_item_icon {
    font-size: 26pt;
  }

  #cws_navbar .menu_item_text{
    display: table-cell;
    vertical-align: middle;
    padding-left: 0.3em;
  }
}

/************************************************/
/*             CWS navbar - icons               */
/************************************************/

#cws_fb_link .menu_item_icon{
  color: #4267b2;
}

#cws_youtube_link .menu_item_icon{
  color: rgb(220, 0, 0);
}

#cws_gallery_link .menu_item_icon{
  color: black;
}

#cws_media_link .menu_item_icon{
  color: black;
}

#cws_contact_link .menu_item_icon{
  color: #03b537;
}

.cws_nav_car_separator img{
  width: 100%;
  padding-right: 0.5em;
  padding-top: 0.2em;
  padding-left: 0.8em;
}

.cws_nav_car_separator span{
  font-size: 11pt;
  font-weight: bold;
  color: rgb(61, 61, 60);
  padding-right: 0.8em;
}

.cws_nav_car_separator div{
  padding: 0px;
}

/* Small screens */
@media(max-width: 991px){
  .cws_nav_car_separator img{
    width: 130px;
  }
}


/************************************************/
/*                 CWS gallery                  */
/************************************************/
#cws_main_page_gallery div {
  margin: 0.5em 0;              /* Margin between images rows */
}

#cws_main_page_gallery div img{
  border: 1px solid rgb(64, 64, 64);
  /*max-width: 400px;*/
}

.cws_gallery_sections_header,
.cws_in_media_section_header,
.cws_character_header{
  color: rgb(28, 103, 128);
  font-size: 16pt;
  font-weight: 600;
  margin-top: 1.5em;
}

/************************************************/
/*                CWS in medias                 */
/************************************************/
@media(max-width: 576px){
  .cws_youtube_video { height:15em; }      /* single column */
}

@media(min-width: 577px){
  .cws_youtube_video { height: 18em; }    /* single column */
}

@media(min-width: 768px){
  .cws_youtube_video { height: 22em; }    /* single column */
}

@media(min-width: 992px){
  .cws_youtube_video { height: 11em; }    /* two columns */
}

@media(min-width: 1200px){
  .cws_youtube_video { height: 15em; }    /* two columns */
}

@media(min-width: 1400px){
  .cws_youtube_video { height: 18em; }    /* two columns */
}

.html_video_title{
  font-weight: 600;
}

.about_cws_article_wrapper{
  border: 1px solid rgb(185, 178, 154);
}

.about_cws_article_title{
  padding-left: 1em;
  padding-right: 1em;
  font-weight: 600;
}

.about_cws_article_img{
  width: 85%;
}

/************************************************/
/*               CWS acknowledges               */
/************************************************/
#acknowledges_logos div{
  text-align: center;
}

#acknowledges_logos img,
#acknowledges_logos a{
  max-width: 100%;
  max-height: 150px;
  font-size: 14pt;
  font-weight: bold;
}

/************************************************/
/*                CWS characters                */
/************************************************/
#character_description{
  text-align: justify;
}

#cws_characters_wrapper img{
  margin-bottom: 1em;
}

@media(max-width: 576px){
  #cws_characters_wrapper img{
    margin: 0px;
    width: 10em;
  }
}

@media(min-width: 768px){
  #cws_characters_wrapper img{
    margin: 0em 1em 1em 1em;
  }
}

/************************************************/
/*                 CWS history                  */
/************************************************/
#cws_history_wrapper{
  text-align: justify;
}


@media(max-width: 768px){
  #cws_history_wrapper figure,
  #cws_history_wrapper figure img{
    width: 95%;
  }
}

@media(min-width: 769px){
  #cws_history_wrapper figure{
    max-width: 450px;
    margin: 0em 1em 0em 1em;
  }
}

/************************************************/
/*            CWS interesting facts             */
/************************************************/
#cws_interesting_facts .card-header{
  background-color: rgb(179, 172, 160);
}

/************************************************/
/*             CWS cars comparison              */
/************************************************/

/* Column with comparison categories */
#cws_comparison_cars .car_comparison_category_header{
  width: 12em;
}

/* Second and third column */
#cws_comparison_cars th:not(:first-child){
  text-align: center;
}

/* Table cells */
#cws_comparison_cars td{
  text-align: center;
}

#cws_comparison_cars .mini_flag{
  margin-right: 0.5em;
}

@media(max-width: 576px){
  #cws_comparison_cars .compared_car_image{
    max-width: 80px;
  }
}

@media(min-width: 768px){
  #cws_comparison_cars .compared_car_image{
    max-width: 140px;
  }
}

@media(min-width: 993px){
  #cws_comparison_cars .compared_car_image{
    max-width: 150px;
  }
}

@media(min-width: 1200px){
  #cws_comparison_cars .compared_car_image{
    max-width: 250px;
  }
}

@media(max-width: 1200px){
  #cws_comparison_cars .car_comparison_category_value{
    font-size: 10pt;
  }
}