/* variables Declaration*/
.b2b-text-block{
margin-right: 25px;
margin-left: 25px;
margin-bottom: 25px;
line-height: 30px;
}
.distribution-row{
padding: 0 0 20px;
border-bottom: 1px solid #cbcbcb;
}


/* css for homepage buttons */

.b2b-home-page .ms-content-block[data-m-layout="full-width"].texttheme__light .ms-content-block__details .msc-cta__primary, .ms-content-block[data-m-layout="full-width"].texttheme__light .ms-content-block__details .msc-cta__secondary{

border: 2px solid #FFF;
color: #FFF;
}



.b2b-home-page .ms-content-block[data-m-layout="full-width"] .ms-content-block__details .msc-cta__primary{

border: 2px solid #FFF;
color: #FFF;

}



/* change hover effect color in nav bar */

.ms-nav>.ms-nav__list>.ms-nav__list__item>.ms-nav__list__item__button:hover::before, .ms-nav>.ms-nav__list>.ms-nav__list__item>.ms-nav__list__item__button:focus::before, .ms-nav>.ms-nav__list>.ms-nav__list__item>.ms-nav__list__item__link:hover::before, .ms-nav>.ms-nav__list>.ms-nav__list__item>.ms-nav__list__item__link:focus::before, .ms-nav>.ms-nav__list>.ms-nav__list__item>.ms-nav__list__item__span:hover::before, .ms-nav>.ms-nav__list>.ms-nav__list__item>.ms-nav__list__item__span:focus::before{


        background-color: #E81F76;


}





/* Addjust height of video section in home page*/



.b2b-home-page .ms-video-player {

aspect-ratio: 2.39;

} 







/* css for homepage tyc slogan */

.ms-content-block[data-m-layout="tile"].textplacement__center .ms-content-block__details{

margin-top: -100px;
font-size: 18px;
}


.home-page-tyc-slogan.ms-content-block[data-m-layout="tile"]{

padding-top: 80px;
padding-bottom: 144px;

}





/* desgin for wider screen(width > 1440) */

@media (min-width: 1440px){

.ms-content-block[data-m-layout="full-width"] .ms-content-block__title{

        font-family: "din_alternatebold";
        font-weight: 700;
        font-style: normal;
        font-size: var(--msv-callout-font-size-m);
        line-height: var(--msv-callout-line-height-m)
72px
;
        width: calc(8 * 12.5%);
	margin-bottom: 25px;
 }
}






/* adjust aspect ratio of "trust"img */


.home-page-trust .ms-content-block[data-m-layout="full-width"] .ms-content-block__image, .home-page-trust .ms-content-block[data-m-layout="full-width"] .ms-content-block__image img{

aspect-ratio: 3.2;
width: 100%;
height: auto;
}














/* css for homepage product intro */

.home-page-product-intro.ms-text-block{

padding-top: 144px;
padding-bottom: 10px;
background-color: #F1F4F7;
margin-top: 1px;
line-height: 2;

}


.home-page-product-intro h2{
max-width: 900px;
margin: 0 auto;
font-size: 48px;
}



.home-page-product-intro p{
max-width: 900px;
margin: 0 auto;
font-size: 18px;
}



.default-container.home-page-product-overview{

background-color: #F1F4F7;
padding: 0 20px;
padding-bottom: 144px;

}

.default-container.home-page-product-overview .row {
    margin: 0 auto;
    max-width: 1160px; 
    padding: 0 20px;
}



.default-container.home-page-product-overview .ms-content-block {
    border-radius: 12px; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.1); 
    overflow: hidden; 
    margin: 10px;
    max-width: 100%;
    height: auto;
}




.home-page-product-overview .ms-content-block__cta{

position: absolute;
bottom: 150px;

}




/* Add padding to "nationwide distribution" container */



.nationwide-distribution{

padding: 120px;

}




/* Customize Nav bar color and font */
.ms-header .ms-header__desktop-view{
background-color: #FFFFFF;
}

.ms-nav>.ms-nav__list>.ms-nav__list__item>.ms-nav__list__item__button, .ms-nav>.ms-nav__list>.ms-nav__list__item>.ms-nav__list__item__link, .ms-nav>.ms-nav__list>.ms-nav__list__item>.ms-nav__list__item__span{
font-weight: Bold;
color: #000000;
}

.ms-nav>.ms-nav__list>.ms-nav__list__item .ms-nav__list__item__link{
color: #000000;
}




/*Adjust width of header block so that header could be centered*/
.ms-content-block[data-m-layout="full-width-b2b"] .ms-content-block__title{
width: fit-content;
}


/*Adjust subfooter background color*/
.our-clients{
background-color: #F1F4F7;

}













.nationwide-distribution .ms-content-block[data-m-layout="full-width"] .ms-content-block__text{


width: 25%;
margin-left: 2%;




}

.nationwide-distribution .ms-content-block__cta{

width: 15%;
margin-left: 2%;



}



/*Adjust subfooter logo size*/
.our-clients .our-clients-logo ul li a img{

max-width: 75%

}

/*Adjust subfooter log list gap*/
.our-clients .ms-image-list__list{

padding-bottom: 35px;

}



/*Adjust footer details*/

footer{

background-color: #333333;

}

footer .ms-footer .ms-footer__link{
color: #F1F4F7;

}



footer .ms-footer .ms-footer__list.main-footer{
padding-bottom: 10px;
}


footer .ms-footer .ms-footer__list.post-footer{
height: fit-content;
}

footer .ms-footer .post-footer-container{

background: #333333;
}




.ms-text-block{
margin-top: 10px;
}


/*Adjust text box and font in product overview page*/

.product-overview-textbox h5{
font-size: 100px;
}


.product-overview-textbox.ms-text-block.fontsize__medium{
line-height: 1.5;
}

.product-overview-textbox{
margin: 0 auto;
max-width: 1024px;
padding-top: 80px;
}

.product-overview-textbox h6{
font-weight: 100;
}


/*Adjust text content in tiles of resources page */

.resources .ms-tile-list .msc-ss-carousel .ms-tile__item .ms-tile-list__heading .ms-tile-list__title{

white-space: normal;
top: 50%;
left: 50%
transform: translate(-50%, -50%);
}


.resources .ms-tile-list .msc-ss-carousel .ms-tile__item .ms-tile-list-container:hover .ms-tile-list__heading .ms-tile-list__title{
white-space: normal;
top: 50%;
left: 50%
transform: translate(-50%, -50%);

}