/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Sep 26, 2019, 2:36:08 PM
    Author     : kallado
*/

@media (max-width:1119px) {

  body.new-template .header .primary-menu ul.menu li:nth-child(1),
  body.new-template .header .primary-menu ul.menu li:nth-child(2),
  body.new-template .header .primary-menu ul.menu li:nth-child(3),
  body.new-template .header .secondary-menu ul.menu li:nth-child(4),
  body.new-template .header .secondary-menu ul.menu li:nth-child(5),
  body.new-template .header .secondary-menu ul.menu li:nth-child(6),
  body.new-template .header .secondary-menu ul.menu li{
    display: block;
  }

  body.new-template .main-title-text {
    font-size: 32px;
    line-height: 42px;
    font-family: "Fedra Serif B Pro Book";
  }

  body .main-title-text{
    font-size: 32px;
    line-height: 42px;
  }

  .new-template.node-type-core-content-item .sidebar-right-region-3 .content-share-block.panel-pane:hover h2{
    color: #989898 !important;
  }

  body.new-template div.section,
  .view-sustainabily-record .view-content{
    width: 768px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .new-template.page-node .two-columns .main-wrapper aside div.sidebar-wrapper{
    /*    position: relative;*/
    position:static;
    width: 100%;
    border-top: 1px solid #989898;
  }

  .new-template.page-node div.two-columns div.main-wrapper aside div.sidebar-wrapper{
    /*margin-top:120px;*/
  }

  .new-template.page-node .two-columns div.main-wrapper{
    flex-direction: column-reverse;
  }

  .new-template.page-node .two-columns div.main-wrapper .region-content-2,
  .new-template.page-node .two-columns div.main-wrapper aside{
    width: 100%;
  }

  .new-template.page-node .two-columns div.main-wrapper aside{
    margin-right: 0;
    margin-bottom: 30px;
  }

  .new-template.page-node .two-columns div.main-wrapper .sidebar-wrapper{
    display: inline-block;
    padding-top: 30px;
  }

  .new-template.node-type-core-content-item div.sidebar-right-region-1{
    width: 30%;
    margin: 0 5% 0 0;
    float: left;
    padding: 0;
  }

  .new-template.new-display div.sidebar-right-region-2{
    width: 48%;
    margin-right: 4%;
    margin-left: 0;
    float:left;
  }

  .new-template.new-display div.sidebar-right-region-3{
    width: 48%;
    margin-left: 0;
    padding-left: 0;
    float: left;
  }

  .new-template.new-display .sidebar-right-region-3 > div:nth-child(1)::after{
    display: none;
  }

  .new-template.new-display .sidebar-right-region-2 > div:last-child::after{
    display: none;
  }

  .new-template.new-display div.sidebar-right-region-2,
  .new-template.new-display div.sidebar-right-region-3{
    padding: 0;
  }

  /*.new-template.sidebar-wrapper .sidebar-right-region-2 div.panel-pane:first-child,
  .new-template.sidebar-wrapper .sidebar-right-region-3 div.panel-pane:first-child{
    padding-top: 20px;
  }*/

  .new-template.footer .region-footer-1 .copyright .secondary-title{
    font-size: 28px;
  }

  .new-template.node-type-core-content-item .sidebar-right-region-2 > div, .node-type-core-content-item .sidebar-right-region-3 > div{
    padding: 30px 30px;
  }

  .new-template.new-display div.sidebar-right-region-2 > div::after{
    left: 20px;
    width: calc(100% - 40px);
  }

  .new-template.new-display .sidebar-right-region-3 div:last-child::after{
    display: none;
  }

  .new-template.page-node div.two-columns .brightcove_player_wrapper .video-js{
    width: 100% !important;
    /*height: calc(0.5625 * (628px + (100vw - 1120px) / 2)) !important;*/
  }

  .new-template.page-node div.two-columns .brightcove_player_wrapper{
    width: 100% !important;
  }

  .new-template.page-node.new-display .view-core-content-item-download-list {
    padding: 0;
  }

  .new-template.new-display .content-main p > media-caption{
    display: block;
    line-height: 20px;
    margin-top: 0px !important;
    text-align: center !important;
  }

}

@media (min-width: 768px) and (max-width:1119px){
  /** SOCIAL MEDIA FEED **/

  .new-template.front .panel-pane.pane-givaudan-social-feed #social-feed{
    /*height: 648px;*/
    height: auto;
    width: 648px;
    margin-left: auto;
    margin-right: auto;
  }

  .new-template.front .panel-pane.pane-givaudan-social-feed #social-feed .post{
    width: 162px !important;
    height: 162px;
    float: left;
    margin: 0;
    display: block !important;
    position: relative;
  }

  .new-template.front .panel-pane.pane-givaudan-social-feed #social-feed .post:first-child,
  .new-template.front .panel-pane.pane-givaudan-social-feed #social-feed .post:last-child{
    width: 324px !important;
    height: 324px;
  }

  .new-template.front .panel-pane.pane-givaudan-social-feed #social-feed .post:nth-child(8){
    position: absolute;
    top: 486px;
    left: 0;
  }

  .new-template.front .panel-pane.pane-givaudan-social-feed #social-feed .post:nth-child(9){
    position: absolute;
    top: 486px;
    left: 162px;
  }

  .new-template.front .panel-pane.pane-givaudan-social-feed #social-feed .post:nth-child(6) {
    padding-bottom: 162px;
  }

  .new-template.front .panel-pane.pane-givaudan-social-feed #social-feed .post:nth-child(6) footer {
    bottom: 162px;
  }

  .new-template.front .panel-pane.pane-givaudan-social-feed #social-feed .post:last-child{
    position: absolute;
    top: 324px;
    left: 324px;
  }

  .new-template.front .panel-pane.pane-givaudan-social-feed #social-feed .post header img{
    width: 162px !important;
    height: 162px !important;
    object-fit: cover !important;
  }

  .new-template.front .panel-pane.pane-givaudan-social-feed #social-feed .post:first-child header img,
  .new-template.front .panel-pane.pane-givaudan-social-feed #social-feed .post:last-child header img{
    width: 324px !important;
    height: 324px !important;
    object-fit: cover !important;
  }

  .new-template.new-display .sidebar-wrapper .sidebar-right-region-3 div:first-child{
    padding: 30px 30px;;
  }
  /** END SOCIAL MEDIA FEED */

  /*  .tablet-breakpoint.page-node .view-givaudan-gallery-view.view-mode-block .field-content li,
    .tablet-breakpoint.page-node .view-givaudan-gallery-view.view-mode-block .field-content li:nth-child(5n){
      margin-right: 15px;
    }*/

    .mobile-map-close{
      display: block !important;
      position: absolute;
      width: 15px;
      height: 15px;
      border: 0;
      z-index: 101;
      cursor: pointer;
      right: 5px;
      top: 5px;
    }
  
  .new-display.new-template .pane-page-breadcrumb{
    line-height: 18px !important;
  }

}

@media (max-width: 767px) {
  body.new-template .main-title-text,
  body.new-template .main-title-text{
    margin-bottom: 5px !important;
  }

  body.new-template .main-content-text,
  .main-content-text{
    line-height: 36px;
  }

  body.logged-in.g-logged-in.sticky-mobile .new-template .header{
    top: 0;
  }
  body.new-template div.content-main p{
    font-size: 18px;
    line-height: 32px;
  }

  body.new-template div.content-main h2{
    font-size: 24px !important;
    line-height: 32px !important;
    padding-bottom:25px !important;
    margin-bottom: 0;
  }
  body.new-template .content-main h3{
    font-size: 20px;
    line-height: 28px;
  }
  body.not-logged-in .new-template .sticky-mobile .header,
  .mobile-breakpoint .content-wrapper{
    margin-top: 91px;
    padding-top: 0;
  }
  .new-template.node-type-core-content-item .region-title{
    padding-top: 100px;
    padding-bottom: 87px;
  }
  .new-template.page-node .two-columns div.main-wrapper{
    padding-top: 58px;
  }
  .new-template.mobile-breakpoint.logged-in.g-logged-in div.content-wrapper{
    margin-top: 151px;
    padding-top: 0;
  }

  .new-template.header{
    position:absolute;
  }

  body.new-template div.section,
  .view-sustainabily-record .view-content{
    width: 320px;
    padding-left: 0;
    padding-right: 0;
    margin: auto;
  }

  .new-template.new-display .two-columns div.main-wrapper div.sidebar-wrapper{
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: auto;
  }

  .new-template.new-display div.sidebar-right-region-1,
  .new-template.new-display div.sidebar-right-region-2,
  .new-template.new-display div.sidebar-right-region-3{
    width: 100%;
    margin: 0;
  }

  .new-template.page-node.new-display .view-core-content-item-download-list {
    /*padding: 12px 30px;*/
    padding: 0 !important;
  }

  .new-template.sidebar-wrapper .sidebar-right-region-2 div.panel-pane:first-child{
    padding: 20px 20px;
  }

  .new-template.node-type-core-content-item .sidebar-right-region-3 div:last-child::after {
    display: block;
  }

  .new-template.node-type-core-content-item .sidebar-right-region-3 div::after {
    left: 20px;
    width: calc(100% - 40px);
  }

  .new-template.new-display .sidebar-wrapper .sidebar-right-region-3 div:first-child{
    padding: 0 30px 30px;;
  }

  .new-template.node-type-core-content-item .sidebar-wrapper .sidebar-right-region-3 div:last-child{
    padding-left: 0;
    padding-right: 0;
  }
  /*  .view-givaudan-gallery-view {
      text-align: center;
    }*/

  .new-template.node-type-core-content-item .sidebar-right-region-2 > div, .node-type-core-content-item .sidebar-right-region-3 > div{
    padding: 20px 20px;
  }

  /** SOCIAL MEDIA FEED **/
  .new-template.front .panel-pane.pane-givaudan-social-feed #social-feed{
    /*height: 606px;*/
    height: auto;
    width: 100%;
  }

  .new-template.front .panel-pane.pane-givaudan-social-feed #social-feed .post:nth-child(6) {
    padding-bottom: 0;
  }

  .new-template.front .panel-pane.pane-givaudan-social-feed #social-feed .post:nth-child(6) footer {
    bottom: 0px;
  }

  .new-template.front .panel-pane.pane-givaudan-social-feed #social-feed .post{
    width: 160px !important;
    height: 160px;
    float: left;
    margin: 0;
    display: block !important;
    position: relative;
  }

  .new-template.front .panel-pane.pane-givaudan-social-feed #social-feed .post:nth-child(9),
  .new-template.front .panel-pane.pane-givaudan-social-feed #social-feed .post:last-child{
    display:none !important;
  }

  .new-template.front .panel-pane.pane-givaudan-social-feed #social-feed .post header img{
    width: 160px !important;
    height: 160px !important;
    object-fit: cover !important;
  }

  .new-template.front .panel-pane.pane-givaudan-social-feed .social-feed-wrapper > .footer{
    display: block;
  }

  .front .section_full_width_image .full_width_image_title{
    max-width: 50%;
    word-break: break-word;
  }

  /** END SOCIAL MEDIA FEED */
  .new-display.new-template .pane-page-breadcrumb{
    line-height: 18px !important;
  }
}

/* .page-node .two-columns .view-givaudan-gallery-view ul li:nth-child(2n){
    margin-right: 0;
 }*/

/* .view-givaudan-gallery-view div.field-content ul{
    text-align: center;
  }
}
@media (max-width: 455px){
  .view-givaudan-gallery-view div.field-content ul{
    text-align: center;
  }
}*/

@media (max-width: 320px){
  body.new-template div.section,
  .view-sustainabily-record .view-content{
    width: 285px;
    min-width: 285px;
    padding-left: 0px;
    padding-right: 0px;
    margin: auto;
  }

  .view-frontpage-hero-header-slider div.views-field-nothing.section{
    width: 285px !important;
    bottom: calc(0px + 100px) !important;
  }

}