.press-kit,.press_kit{&.secondaryColor{background-color:@color-light-grey-13;padding:16px 16px 32px 16px;// @media(min-width:@tablet){// padding:0;//}
// @media(min-width:@desktop){// padding:0;//}
}
&.primaryColor{padding-bottom:32px;//background-color:@color-light-grey-12;//padding:16px;// @media(min-width:@tablet){// padding:0;//}
// @media(min-width:@desktop){// padding:0;//}
}
}
.documents-wrapper{padding:15px 0;.documents__block:first-child{border-top:1px solid @color-light-grey-01}
}
.columns-layout{.related-item{.container-page{margin:auto}
}
}
.press-kit{.generalMargin();bottom:0;width:100%;z-index:1;background:0;@media(min-width:@tablet){//background:@color-white;position:relative}
.title-block{margin:0}
.container-page{.press-kit-container-wrapper{margin-top:30px;@media(min-width:@tablet){margin-top:24px}
@media(min-width:@desktop){margin-top:24px}
}
.multiple{// @media(min-width:@tablet){// display:flex;// flex-flow:wrap;//}
@media(min-width:@tablet){display:flex;flex-flow:wrap}
.press-kit-container-wrapper{width:100%;@media(min-width:@tablet){width:48%;&:nth-child(odd){padding-right:16px}
&:nth-child(even){padding-left:16px}
}
.documents__block{width:100%;margin:0}
.press-kit-container{display:flex;flex-flow:column;.documents__block{width:100% !important;.documents-block__link{&.documents-block__title{float:none;max-width:100%;width:100%;//padding-top:21px;@media(min-width:@tablet){width:100%}
@media(min-width:@desktop){width:100%}
}
}
}
}
}
}
}
.press-kit-container{@media(min-width:@tablet){display:flex;flex-flow:wrap}
}
.documents__block{color:@color-grey-01;line-height:20px;padding:8px;border-bottom:1px solid @color-light-grey-01;overflow:hidden;position:relative;// width:48%;// flex-grow:1 1 0;// &:nth-child(odd){// margin-right:16px;//}
// &:nth-child(even){// margin-left:16px;//}
// &:nth-last-child{// width:50%;//}
@media(min-width:@tablet){color:@color-grey-01;line-height:20px;padding:8px;border-bottom:1px solid @color-light-grey-01;overflow:hidden;position:relative;width:47%;flex-grow:1 1 0;&:nth-child(odd){margin-right:16px}
&:nth-child(even){margin-left:16px}
&:nth-last-child{width:50%}
}
@media(min-width:@desktop){color:@color-grey-01;line-height:20px;padding:8px;border-bottom:1px solid @color-light-grey-01;overflow:hidden;position:relative;width:48%;flex-grow:1 1 0;&:nth-child(odd){margin-right:15px}
&:nth-child(even){margin-left:15px}
&:nth-last-child{width:50%}
}
}
.documents__block:not(.title-kit-item){cursor:pointer;&:hover{background-color:rgba(222,237,242,0.3)}
}
.documents-block__date{font-family:@SantanderMicroTextLight;height:20px;@media(min-width:@desktop){font-size:14px;line-height:20px}
}
.documents-block__title{font-family:@SantanderMicroTextBold;float:left;max-width:65%;font-size:14px;@media(min-width:@mobile-lg){max-width:60%}
}
.documents-block__link{color:@color-grey-01;display:block;overflow:hidden;&:focus,&:hover{color:@color-grey-01}
&.documents-block__title{float:none;max-width:100%;//padding-top:21px;@media(min-width:@tablet){width:50%}
}
.documents-block__weight{position:absolute;font-family:@SantanderMicroTextLight;// span:after{// position:absolute;// font-family:'icomoon';// content:"\e90b";// right:0;// top:6px;// color:@color-red;// font-size:18px;// @media(min-width:@desktop){// font-size:19px;//}
//}
}
}
.documents-block__download,.documents-block__link{color:@color-grey-01;position:initial;display:block;overflow:hidden;&:focus,&:hover{color:@color-grey-01}
&:after{content:""}
}
.documents-block__weight{font-weight:300;float:right;max-width:35%;position:absolute;bottom:7px;right:0;font-family:@SantanderMicroTextLight;color:@color-grey-01;padding-right:8px;font-size:14px;@media(min-width:@mobile-lg){max-width:30%}
.icon{font-size:20px;color:@color-red;display:inline-block;@media(min-width:@desktop){font-size:22px}
&.icon-external-link{font-size:17px;@media(min-width:@desktop){font-size:18px}
}
}
span[class*="icon-"]{padding-left:6px;@media(min-width:@desktop){// padding-left:13px;padding:0 0 0 8px}
}
}
.download{margin:auto;display:block;white-space:inherit;text-align:center;.download-section-size{font-family:@SantanderMicroTextLight;padding-left:8px;font-weight:300;font-size:14px}
}
.download-section{padding:16px 0 0 0;@media(min-width:@desktop){padding:40px 0 0 0}
a{color:@color-grey-01;font-family:@SantanderHeadline;font-size:14px;letter-spacing:1.4px;line-height:20px;padding:11px 0;border:1px solid @color-red;display:inline-block;width:100%;text-transform:uppercase;@media(min-width:@desktop){width:inherit;padding:10px 30px}
p{display:inline-block;margin:0;.icon{margin-left:8px}
}
}
}
.download-all{padding:32px 0 0 0;@media(min-width:@desktop){padding:40px 0 0 0}
a{color:@color-white;background-color:@color-red;font-family:@SantanderHeadlineBold;font-size:16px;letter-spacing:1.6px;line-height:23px;padding:10px 10px;border:1px solid;display:inline-block;width:100%;text-transform:uppercase;@media(min-width:@desktop){width:inherit;padding:10px 30px}
p{display:inline-block;margin:0;.icon{margin-left:12px}
}
}
}
}
.kitTitleList{height:20px;width:186px;color:@color-grey-05;font-size:14px;letter-spacing:1.4px;line-height:20px;text-transform:uppercase;font-family:@SantanderHeadline}
.story .related-item{.storiesMargin()}
.columns .columns-component{.col-sm-4,.col-sm-6,.col-sm-8{.press-kit{margin-top:0}
}
}
.columns .columns-component{.col-sm-8{.press-kit-container-wrapper{width:100%;margin-top:30px;@media(min-width:@desktop){//width:50%;margin-top:24px;// &:nth-child(odd){// padding-right:16px;//}
&:nth-child(even){padding-left:16px}
&:nth-last-child{padding-left:0}
}
// .press-kit-container{// display:flex;// flex-flow:column;// .documents-block__link{// &.documents-block__title{// float:none;// max-width:100%;// width:100%;// //padding-top:21px;// @media(min-width:@tablet){// width:100%t;//}
// @media(min-width:@desktop){// width:100%;//}
//}
//}
//}
.press-kit-container{.documents__block{//width:100%;@media(min-width:@tablet){width:46%}
@media(min-width:@desktop){width:47%}
}
}
}
.multiple{@media(min-width:@tablet){display:flex;flex-flow:wrap}
@media(min-width:@desktop){display:flex;flex-flow:wrap}
.press-kit-container-wrapper{width:100%;margin-top:30px;@media(min-width:@tablet){width:48%;margin-top:24px;&:nth-child(odd){padding-right:16px}
&:nth-child(even){padding-left:16px}
}
.press-kit-container{display:flex;flex-flow:column;.documents__block{margin:0;width:100%;.documents-block__link{&.documents-block__title{float:none;max-width:100%;width:100%;//padding-top:21px;@media(min-width:@tablet){width:100%}
@media(min-width:@desktop){width:100%}
}
}
}
}
}
}
.press-kit-container{.documents-block__title{max-width:100%;padding-right:35%;@media(min-width:@tablet){padding-right:45%}
}
.documents-block__weight{position:absolute;max-width:45%}
}
// .documents__block{//width:100%;//margin:0;// @media(min-width:@tablet){// margin:0;//}
// @media(min-width:@desktop){// margin:0;//}
//}
}
.col-sm-6{.press-kit-container-wrapper{width:100%;margin-top:30px;@media(min-width:@desktop){//width:50%;margin-top:24px;// &:nth-child(odd){// padding-right:16px;//}
// &:nth-child(even){// padding-left:16px;//}
}
.press-kit-container{.documents__block{width:100%;margin:0;.documents-block__title{max-width:100%;padding-right:35%;@media(min-width:@tablet){padding-right:20%}
@media(min-width:@desktop-container-grid){padding-right:30%}
}
.documents-block__weight{position:absolute;max-width:40%}
}
}
.documents__block{width:100%}
}
}
.col-sm-4{.press-kit-container-wrapper{margin-top:30px;@media(min-width:@tablet){margin-top:24px}
@media(min-width:@desktop){margin-top:24px}
.press-kit-container{display:flex;flex-direction:column;.documents__block{width:100%;margin:0;.documents-block__title{max-width:100%;padding-right:35%;@media(min-width:@tablet){padding-right:50%;width:100%}
@media(min-width:@desktop-container-grid){padding-right:30%;width:100%}
}
.documents-block__weight{position:absolute;max-width:40%;@media(min-width:@tablet){max-width:50%}
// @media(min-width:@desktop-container-grid){// padding-right:0;//}
// @media all and (-ms-high-contrast:none),(-ms-high-contrast:active){// // IE10+css here // padding-right:0;//}
}
.download{width:100%}
}
}
.download-section{width:100%}
.documents__block{width:100%}
}
}
}
.columns-layout{#left{&.all-sticky{.press-kit{.press-kit-container-wrapper,.press-kit-container-wrapper>*,.press-kit-container>*{width:100%}
.press-kit-container-wrapper,.press-kit-container-wrapper>*{padding:0;.download.download-section{padding:16px 0 0 0}
}
.press-kit-container>*{margin:0}
.documents-block__weight{max-width:50%}
}
}
}
}
.story{.columns-layout{.content-story{.press-kit-container-wrapper{width:100%;margin-top:30px;@media(min-width:@desktop){//width:50%;margin-top:24px;// &:nth-child(odd){// padding-right:16px;//}
&:nth-child(even){padding-left:16px}
&:nth-last-child{padding-left:0}
}
// .press-kit-container{// display:flex;// flex-flow:column;// .documents-block__link{// &.documents-block__title{// float:none;// max-width:100%;// width:100%;// //padding-top:21px;// @media(min-width:@tablet){// width:100%t;//}
// @media(min-width:@desktop){// width:100%;//}
//}
//}
//}
.press-kit-container{.documents__block{//width:100%;@media(min-width:@tablet){width:46%}
@media(min-width:@desktop){width:47%}
}
}
}
.multiple{@media(min-width:@tablet){display:flex;flex-flow:wrap}
@media(min-width:@desktop){display:flex;flex-flow:wrap}
.press-kit-container-wrapper{width:100%;margin-top:30px;@media(min-width:@tablet){width:48%;margin-top:24px;&:nth-child(odd){padding-right:16px}
&:nth-child(even){padding-left:16px}
}
.press-kit-container{display:flex;flex-flow:column;.documents__block{margin:0;width:100%;.documents-block__link{&.documents-block__title{float:none;max-width:100%;width:100%;//padding-top:21px;@media(min-width:@tablet){width:100%t}
@media(min-width:@desktop){width:100%}
}
}
}
}
}
}
.press-kit-container{.documents-block__title{max-width:100%;padding-right:35%;@media(min-width:@tablet){padding-right:45%}
}
.documents-block__weight{position:absolute;max-width:45%}
}
// .documents__block{//width:100%;//margin:0;// @media(min-width:@tablet){// margin:0;//}
// @media(min-width:@desktop){// margin:0;//}
//}
}
}
}