/* -------------------------------------------------- */
/*  css for the 'About Us' and 'Corporate Responsibility Statement' sections
/* -------------------------------------------------- */

/*-- display background image which starts in the AboutVb section -----*/
.aboutVB-bg-image {
    /* Location of the image */
    background-image: url('../../images/VB_kitchen.jpg');
  
    /* Background image is centered vertically and horizontally at all times */
    background-position: center center;
  
    /* Background image doesn't tile */
    background-repeat: no-repeat;
  
    /* Background image 
        - SCROLL = The background image will scroll with the page
        - FIXED = The background image will not scroll with the page. In the viewport so that it doesn't move when the content's height is greater than the image's height  */
    background-attachment: scroll;  /* FIXED or SCROLL */
  
    /* This is what makes the background image rescale based on the container's size */
    background-size: cover;
  
    /* Set a background color that will be displayed while the background image is loading */
    background-color: #464646;

    height:800px;
}
    .aboutVB-bg-image:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.5);
    }

.text-bold {
    font-weight:900;
}
#aboutVB .section-title h1 {
    font-size:60px;
    color:#fff;
}

#aboutVB .quote-position {
    width:100%;
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
}
#aboutVB .quote {
    color: #fff;
    font-size: 16pt;
}
#aboutVB .quote-publication {
    margin-top:20px;
    color: #fff;
    font-size: 16pt;
    font-weight:normal;
    text-transform:uppercase;
}
#aboutVB .section-title {
    margin-bottom:0;
}
    #aboutVB .section-title::after {
	    display: none;
    }

.col-title {
    color:#b9cba6;
    letter-spacing:0.5px;
    font-size: 21pt;
    text-transform:uppercase;
    margin-top:100px;
}
    .col-title h1 {
        height:20px;
    }
    .col-title::after {
        bottom: 0;
        background: rgb(158,154,150) !important;
        background: rgba(158,154,150, 0.26) !important;
        content: "";
        width: 155px;
        height: 4px;
        text-align: center;
        display: inline-block;
    }

.col-text {
    font-size:15pt;
    letter-spacing: 0.25px;
    color:#86817c;
}

#divOurBeginningsImage img {
   width: 75%;
   height:auto;
   float:right;
}
#divTodayImage img {
   width: 66%;
   height:auto;
   margin-left:75px;
}
#aboutVB_mission {
    margin:110px 0;
}
.aboutVB-mission-text {
    color:#86817c;
    letter-spacing:0.5px;
    font-size:18pt;
    font-style:italic;
    font-weight:700;
}

.lhl {
    display: inline-block;
    margin-top:30px;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #999;
}
.rhl {
    display: inline-block;
    margin-top:30px;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #999;
}

.aboutVB-mission-label {
    text-align:center;
    text-transform:uppercase;
    color: #86817c;
    font-size:35pt;
    letter-spacing:0.5px
}
#aboutVB_today {
    background: rgb(158,154,150) !important;
    background: rgba(158,154,150, 0.15) !important;
    padding-bottom:125px;
}
#aboutVB_portfolio {
    padding-bottom:125px;
}
#divOurPortfolioImage {
    margin-top:50px;
}
    #divOurPortfolioImage img {
        max-width: none;
        margin-left:20px;
        width: 105%;
    }

#divOurPortfolio.col-text {
    text-align:justify;
    text-justify:inter-word;
}

#corporate_responsibility {
    padding-top:55px;
}
.crs-title {
    color: rgb(158,154,150) !important;
    letter-spacing:0.5px;
    font-size: 24pt;
    text-transform:uppercase;
    margin-top:100px;
}
    .crs-title h1 {
        height:20px;
        font-weight:700;
    }
    .crs-title:after {
        bottom: 0;
        background: rgb(158,154,150) !important;
        background: rgba(158,154,150, 0.26) !important;
        content: "";
        width: 155px;
        height: 4px;
        text-align: center;
        display: inline-block;
    }

#crs .col-title {
    margin-top:30px;
    margin-bottom:20px;
}
    #crs .col-title:after {
        content:none;
    }

.justify-text {
    text-align: justify;
    text-justify: inter-word;
}

#crs_FamilyOwnership {
    margin-top:100px;
}
    #crs_FamilyOwnership .col-title {
        margin-top:60px;
    }
#imgCRS_FamilyOwnership {
    margin-left:-15px;  /* position tight to browser wall */
}

#crs_SustainabiltyStatement {
    margin-top:100px;
}
    #crs_SustainabiltyStatement .col-title {
            margin-top:60px;
        }
#imgCRS_SustainabilityStatement {
    margin-left:15px;  /* position tight to browser wall */
}


/*===========================================================*/
/*-- Specific Device Queries */
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    #aboutVB .section-title h1 {
        font-size:25px;
    }
    #aboutVB .quote {
        font-size: 9pt;
    }
    #aboutVB .quote-publication {
        font-size: 9pt;
    }
    #corporate_responsibility {
        padding-top:0;
    }
    #crs_FamilyOwnership,
    #crs_SustainabiltyStatement {
        margin-top:0;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .page-header li {  /* nav menu */
        font-size: 11pt;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .col-xsl-6 {  /* force 6 cols for xs devices in landscape mode */
        width: 16.66%; 
    }
}


/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
    #aboutVB .section-title h1 {
        font-size:25px;
    }
    #aboutVB .quote {
        font-size: 10pt;
    }
    #aboutVB .quote-publication {
        font-size: 9pt;
    }
    #aboutVB_ourBeginnings {
        margin-bottom: 50px;
    }

    #aboutVB_mission {
	    margin:50px 0;
    }
    .aboutVB-mission-label {
	    font-size: 25pt;
    }
    .aboutVB-mission-text {
        font-size: 12pt;
        font-weight: normal;
    }
    .lhl,
    .rhl {
        margin-top: 22px;
    }
    .col-title,
    .crs-title {
        font-size: 16pt;
        margin-top:40px;
    }
    .col-text {
        font-size:12pt;
    }
    #divOurBeginningsImage img,
    #divTodayImage img,
    #divOurPortfolioImage img  {
        width:60%;
        margin-left:0;
        margin-right:0;
        margin-top:20px;
    }
    #divOurPortfolioImage img  {
        margin-left:20%;
        margin-right:20%;
    }

    #corporate_responsibility {
        padding-top:0;
    }
    #crs_FamilyOwnership,
    #crs_SustainabiltyStatement {
        margin-top:0;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    #aboutVB .quote-position {
        top: 40%;
    }
    .page-header li {  /* nav menu */
        font-size: 11pt;
    }
    #divOurPortfolioImage img  {
        width:80%;
        margin-left:10%;
        margin-right:10%;
    }
    .crs-title:after {
        margin-top:40px;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    #aboutVB .quote {
        font-size: 9pt;
    }
    #aboutVB .quote-publication {
	    font-size: 10pt;
    }
    #aboutVB .quote-position {
        top: 25%;
    }
    #divOurBeginningsImage img,
    #divOurPortfolioImage img  {
        width:50%;
    }
    #divTodayImage img {
        width:40%;
    }
    .col-xsl-6 {  /* force 6 cols for xs devices in landscape mode */
        width: 16.66%; 
    }
   .dropdown.open #ulNews {
        position:absolute;
        top:0px;
   }
   .dropdown.open #ulMore {
        position:absolute;
        top:-160px;
   }
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    #aboutVB .section-title h1 {
        font-size:25px;
    }
    #aboutVB .quote {
        font-size: 10pt;
    }
    #aboutVB .quote-publication {
        font-size: 9pt;
    }
    #aboutVB_ourBeginnings {
        margin-bottom: 50px;
    }

    #aboutVB_mission {
	    margin:50px 0;
    }
    .aboutVB-mission-label {
	    font-size: 25pt;
    }
    .aboutVB-mission-text {
        font-size: 12pt;
        font-weight: normal;
    }
    .lhl,
    .rhl {
        margin-top: 22px;
    }
    .col-title,
    .crs-title {
        font-size: 16pt;
        margin-top:40px;
    }
    .col-text {
        font-size:12pt;
    }
    #divOurBeginningsImage img,
    #divTodayImage img,
    #divOurPortfolioImage img  {
        width:60%;
        margin-left:0;
        margin-right:0;
        margin-top:20px;
    }
    #divOurPortfolioImage img  {
        margin-left:20%;
        margin-right:20%;
    }
    #corporate_responsibility {
        padding-top:0;
    }
    #crs_FamilyOwnership,
    #crs_SustainabiltyStatement {
        margin-top:0;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    #aboutVB .quote-position {
        top: 40%;
    }
    .page-header li {  /* nav menu */
        font-size: 11pt;
    }
    #divOurPortfolioImage img  {
        width:80%;
        margin-left:10%;
        margin-right:10%;
    }
    .crs-title:after {
        margin-top:40px;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    #aboutVB .quote {
        font-size: 9pt;
    }
    #aboutVB .quote-publication {
	    font-size: 10pt;
    }
    #aboutVB .quote-position {
        top: 25%;
    }
    #divOurBeginningsImage img,
    #divOurPortfolioImage img  {
        width:50%;
    }
    #divTodayImage img {
        width:40%;
    }
    .col-xsl-6 {  /* force 6 cols for xs devices in landscape mode */
        width: 16.66%; 
    }
}

/* ----------- iPhone X ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    #aboutVB .section-title h1 {
        font-size:25px;
    }
    #aboutVB .quote {
        font-size: 10pt;
    }
    #aboutVB .quote-publication {
        font-size: 9pt;
    }
    #aboutVB_ourBeginnings {
        margin-bottom: 50px;
    }

    #aboutVB_mission {
	    margin:50px 0;
    }
    .aboutVB-mission-label {
	    font-size: 25pt;
    }
    .aboutVB-mission-text {
        font-size: 12pt;
        font-weight: normal;
    }
    .lhl,
    .rhl {
        margin-top: 22px;
    }
    .col-title,
    .crs-title {
        font-size: 16pt;
        margin-top:40px;
    }
    .col-text {
        font-size:12pt;
    }
    #divOurBeginningsImage img,
    #divTodayImage img,
    #divOurPortfolioImage img  {
        width:60%;
        margin-left:0;
        margin-right:0;
        margin-top:20px;
    }
    #divOurPortfolioImage img  {
        margin-left:20%;
        margin-right:20%;
    }
    #corporate_responsibility {
        padding-top:0;
    }
    #crs_FamilyOwnership,
    #crs_SustainabiltyStatement {
        margin-top:0;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    #aboutVB .quote-position {
        top: 40%;
    }
    .page-header li {  /* nav menu */
        font-size: 11pt;
    }
    #divOurPortfolioImage img  {
        width:80%;
        margin-left:10%;
        margin-right:10%;
    }
    .crs-title:after {
        margin-top:40px;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    #aboutVB .quote {
        font-size: 9pt;
    }
    #aboutVB .quote-publication {
	    font-size: 10pt;
    }
    #aboutVB .quote-position {
        top: 25%;
    }
    #divOurBeginningsImage img,
    #divOurPortfolioImage img  {
        width:50%;
    }
    #divTodayImage img {
        width:40%;
    }
    .col-xsl-6 {  /* force 6 cols for xs devices in landscape mode */
        width: 16.66%; 
    }
}


/* ----------- iPad ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #aboutVB .section-title h1 {
        font-size:40px;
    }
    #aboutVB_mission {
       margin:60px 0;
    }
    .lhl,
    .rhl {
        margin-top: 22px;
    }

    .col-title {
        font-size: 19pt;
    }
    .col-text {
        font-size:12pt;
    }
    .crs-title h1 {
        font-size:20pt;
    }
    .aboutVB-mission-label {
        font-size:26pt;
    }
    #divOurBeginningsImage img {
       width: 95%;
       height:auto;
    }
    #divTodayImage img {
       width: 95%;
       height:auto;
       margin-left:0;
    }
    #divOurPortfolioImage {
        margin-top:75px;
    }
        #divOurPortfolioImage img {
            margin-left:0;
            width: 115%;
        }
    #corporate_responsibility {
        padding-top:50px;
    }
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    #aboutVB .quote-position {
        top: 50%;
    }
    #aboutVB .quote {
        font-size: 11pt;
    }
    #aboutVB .quote-publication {
        font-size: 11pt;
    }
    .aboutVB-mission-text {
        font-size:12pt;
        margin-bottom:50px;
    }
    #crs_FamilyOwnership .col-title,
    #crs_SustainabiltyStatement .col-title {
        margin-top:0;
    }
        #crs .col-title h1,
        #crs_FamilyOwnership .col-title h1,
        #crs_DiversityStatement .col-title h1,
        #crs_SustainabiltyStatement .col-title h1,
        #crs_CharitablePartnerships .col-title h1 {
            font-size:17pt;
        }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    #aboutVB .quote {
        font-size: 12pt;
    }
    #aboutVB .quote-publication {
        font-size: 12pt;
    }
    #divTodayImage img {
       width: 80%;
       height:auto;
       margin-left:0;
    }
    .aboutVB-mission-text {
        font-size:14pt;
        margin-bottom:50px;
    }
    #crs_FamilyOwnership .col-title {
        margin-top:20px;
    }
    #crs_SustainabiltyStatement .col-title {
        margin-top:10px;
    }
    .col-xsl-8 {  /*+++ das/20220218 - force 8 cols +++*/
        width: 12.5%; 
    }
}

/* ----------- Medium Devices, Desktops (Mac Book Air) ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 900px)
  and (max-device-width: 1440px)  {
    #divTodayImage img {
       width: 70%;
       height:auto;
       margin-left:0;
    }
}
/* Portrait */
@media only screen
  and (min-device-width: 900px)
  and (max-device-width: 1440px)  
  and (orientation: portrait) {
    #divTodayImage img {
       width: 80%;
    }
}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    #corporate_responsibility {
        padding-left:250px;
        padding-right:250px;
    }

    /* -- incorporate 9 column bootstrap grid (for large devices only) */
    .col-lg-9cols {
        width: 11.11%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
}