﻿/*Utility Classes for company*/
@font-face {
    font-family: 'Gilroy';
    src: url(/css/Gilroy-Bold.woff);
}

.margin-bottom-39px {
    margin-bottom: 39px !important;
}

.top-padding{
    padding-top:2.5em;
}

.bottom-padding{
    padding-bottom:3em;
}

.text-align-left{
    text-align:left;
}

.bold{
    font-weight:bold;
}
/*End of utility classes for company*/
.corporate{
    display: block;
    clear: both;
    padding: 2em 0;
}

.errorcss{
   font-size: 12px;
    line-height: 28px;
   
}

.corporate .desktop {
    display: block;
}

.corporate .mobile {
    display: none;
}

.corporate .corporatecontent {
    position: relative; 
    width: 100%; 
    width: 100vw; 
    display: block; 
    overflow: hidden !important; 
    left: 50%; right: 50%; 
    margin-left: -50vw; 
    padding-top:2.5em;
   
   /*display: block;
    clear: both;
    padding: 2em 0;*/
   
}


 .corporatewrapper {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 2.5%
}


.corporate-wrapper {
    max-width: 1280px;
}



.corporate .corporate__column__info {
    width: 48%;
}

.corporate__heading-image {
    width: 560px;
    height: 656px;
}

.corporate__title {
    font-size: 32px;
    line-height: 38px;
    color: #512100;
    font-family: 'Gilroy',sans-serif;
    text-transform: none;
}

.corporate .grey p {
    font-family: Lato, sans-serif;
    font-size: 16px;
    line-height: 29px;
    color: #512100;
    margin: 1em 2%;
    -webkit-text-size-adjust: none;
}
.corporate .grey ul{
        list-style-type: disc;
        font-family: Lato, sans-serif;
    font-size: 16px;
    line-height: 29px;
    color: #512100;
}

.corporate .contact-form__input-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contact-form__row--wrapper {
    display: flex;
    flex-wrap: wrap;
}

.corporate #Name {
    width: 206px;
    height: 56px;
    background: #FFFFFF;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 10.5px;
}

.corporate #Name.error {
    color: #472E25;
}

.corporate #Company {
    
    width: 324px;
    height: 56px;
    background: #FFFFFF;
    display: inline-block;
}

.corporate #Message {
    resize: none;
    width: 560px;
    height: 101px;
    background: #FFFFFF;
    margin: 10.5px 0;
}

.corporate #Message.error {
   color: #472E25;
}

.corporate #Email {
    width: 560px;
    height: 56px;
    background: #FFFFFF;
    display: inline-block;
    margin-right: 15px;
    margin-top: 10.5px;
}

.corporate #Email {
   color: #472E25;
}

.corporate .btnSubmit {
   width: 160px;
   /* height: 56px !important;*/
    margin-top:10.5px;
    display: inline-block;
    background-color: #48C566;
    font-size:16px;
    color: #FFFFFF;
    line-height: 50px;
    font-weight:bold;
    font-family:'Lato', sans-serif;
    cursor:pointer;
    border-radius: 4px;
    text-align:center;
}

.corporate .btnSubmit:hover {
     background: #2CA94A;
 }

.submit-button__container {
    display: inline-block;
}

.photo-cakes-and-cupcakes__section {
    margin: auto;
    display: flex;
    justify-content: center;
    width: 84%;
}

.corporate #cop_img {
    top: -275px;
    position: relative;
    height: 400px;
    display: flex;
    justify-content: center;
}

.corporate textarea {
    font-family: 'Lato', Arial, Helvetica, sans-serif !important;
    height: 145px;
}

    .corporate textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        font-family: 'Lato', Arial, Helvetica, sans-serif !important;
        font-style: normal !important;
        color: #979797;
    }

.corporate .grey h2, .corporate .grey p {
    color: #512100 !important;
}

.image__container img{
    width:100%
}

.corporate .contact-form input[type=submit] {
    height: 50px !important;
}

.corporate .photos .third {
    text-align: center;
}

.corporate #cop_img img {
    width: 1150px;
    height: 454px;
}

.corporate #cop_img .button {
    padding-top: 29px;
    text-align: center;
}

.corporate #cop_img .btn {
    background-color: #95D4E7;
    padding-left: 60px !important;
    padding-right: 60px !important;
}

.corporate .corporate__image-wrapper h2 {
    font-size: 39px !important;
    line-height: 50px;
    text-align: left;
    color: #4E2112 !important;
    font-family:'Gilroy', sans-serif;
    text-transform:none;
    text-align:left;
    padding-left:2%;
    
}

.corporate__image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top:-379px;
    
}

 .corporate .photos {
    background: #E7F5FA;
    
}

 .corporate .corporate__image-wrapper p.button {
    text-align: center;
    padding: 1em
}

 .corporate .corporate__image-wrapper p.button a.btnshop {
    display: inline-block;
    min-width: 160px
}


.corporate .photos {
    height: 400px;
    /*margin-bottom: 500px;*/
    z-index:-1;
    
}

.corporate .corporate__image-wrapper p {
    font-size: 16px !important;
    line-height: 29px;
    color: #000000;
    margin-top: 15px;
}

.corporate__image-wrapper p.button a.btnshop {
    background: #95D4E7;
    width: 160px;
   /* height: 56px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    line-height:50px;
}

.corporate__image-wrapper p.button a.btnshop:hover {
    background-color: #7AC1D6 !important;
}

.corporate .contact-form .success {
    border: 1px solid #48C566 !important;
}

.corporate .contact-form .error {
    border: 1px solid #F53A3A !important;
}

.corporate__input-error {
    font-size: 12px;
    line-height: 28px;
    color: #F53A3A;
}

 .corporate .two-columns .column{
     
     text-align:left;
 }

 
 
@media only screen and (max-width: 1761px) {
    .corporate-wrapper {
        max-width: 1215px;
    }

    .contact-form__row--wrapper {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .corporate #Company {

        margin-left: 0;
    }
   
}

@media only screen and (max-width: 1561px) {
    .corporate-wrapper {
        max-width: 1205px;
    }

    .corporate .breadcrumbs__wrapper {
        padding-left: 20px;
    }


}

@media only screen and (max-width: 1361px) {
    .corporate-wrapper {
        max-width: 1195px;
    }
}

@media only screen and (max-width: 1200px) {
    .contact-form__row--wrapper {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .corporate #Name {
        width: 100%;
        height: 56px;
        display: inline-block;
    }

    .corporate #Company {
        width: 100%;
        height: 56px;
        display: inline-block;
        margin-left: 0;
    }

    .corporate #Message {
        resize: none;
        width: 100%;
        height: 154px;
    }

    .corporate #Email {
        width: 100%;
        height: 56px;
        display: inline-block;
    }

    .corporate .btnSubmit {
        height: 56px !important;
        display: inline-block;
        width: 50%;
        margin-left: 0;
        background: #48C566;
        transition: all 0.3s ease;
    }

    .corporate .btnSubmit:hover {
        background: #2CA94A;
    }

    .submit-button__container {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .photo-cakes-and-cupcakes__section {
        width: 100%;
    }

    .corporate .corporatecontent .photos {
        margin-bottom: 400px;
    }

}

@media only screen and (max-width: 1024px) {
    .corporate #cop_img img {
        width: 334px;
        height: 132px;
    }

    .corporate .corporatecontent .photos {
        margin-bottom: 300px;
    }
   
    .two-columns .column{
        width:100%
    }
}



@media only screen and (min-width:769px)  {
    .corporate .left-padding {
    padding-left: 20px !important;
}

.two-columns  .third {
    width: 33.33%;
    padding-right: 2em
}
.two-columns  .two-thirds {
    width: 66.66%;
    padding-right: 2em
}
}


@media only screen and (max-width: 769px) {

    .corporate .desktop {
        display: none;
    }

    .corporate .mobile {
        display: block;
    }
    
    .corporate-wrapper {
        padding: 0 20px;
    }

    .corporate .column {
        padding: 0;
    }

    .corporate .column p {
        padding: 0;
    }


    .corporate__heading-image {
        width: 100%;
        height: 100%;
    }

    .corporate__title {
        font-family: 'Gilroy';
    }

    .corporate .corporatecontent .photos {
        margin-bottom: 150px;
    }

    .photo-cakes-and-cupcakes__section {
        flex-direction: column;
    }

    #mobileMessage {
        resize: none; 
        background-color: #FFFFFF;
    }

    .corporate .photos h2 {
        font-size: 32px !important;
        line-height: 38px;
    }
}

@media only screen and (max-width: 480px) {
    .corporate__heading-image {
        width: 335px;
        height: 327px;
    }

    .photo-cakes-and-cupcakes__image {
        width: 334px;
        height: 132px;
    }

    .corporate__title {
        /*margin-top: 35px !important;*/
        font-size: 32px;
        font-family: 'Gilroy', sans-serif;
        color: #512100;
    }

    .corporate .corporatecontent .photos {
        margin-bottom: 100px;
        height: 425px;
    }

    .corporate .photos p {
        color: #512100;
    }

    .photos p.button {
        text-align: left;
        margin-top: 37px;
        width: 100%;
        padding-left: 4px;
    }



    .corporate .btnSubmit {
        height:56px;
        width:130px;
    }

    .corporate .corporate__column__info {
        width: 100%;
    }

    .photos p.button a.btn {
        min-width:initial;
        width:152px !important;
        height:56px;
    }

}

