/* ---------- Main content layout ---------- */
.content-frame {
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
    border-radius: 2px;
    position: relative;

}
.bumper {
    padding: 24px;
}
.main-content-wrapper,
.multi-section-content-wrapper
{
    overflow: hidden;
}
.main-content-wrapper {
    display: flex;
}
.banner-wrapper {
    min-height: 224px;
    display:flex;
    position: relative;
}
.banner-highlight
{
    margin: 24px;
    width: 100%;
    padding: 24px;
    padding-top: 48px;
    margin: auto;
    text-align: center;
}
.banner-title {
    margin: auto;
}
.simple-content-wrapper {
    display: grid;
    position: relative;
    grid-template-columns: 1fr minmax(752px,936px) 1fr;	    
    grid-gap: 24px;
}
.simple-content {
    align-self: start;
    grid-column: 2 / 3;
    grid-row: 1;
    margin: 24px 0;
    min-width: 0;
    display: block;
    position: relative;
    padding: 16px 40px;
}
@media only screen and (max-width: 830px) {
    .simple-content-wrapper {
	grid-template-columns: 0 1fr 0;
    }
}

.main-content,
.book-main-content
{
    display: grid;
    grid-gap: 24px;
    grid-template-rows: 1fr;
    position: relative;
    width: 100%;
    min-height: auto;
}
.main-content {
    /*grid-template-columns: 180px 1fr 0;*/
    grid-template-columns: 1fr minmax(752px,936px) 1fr;
}
.banner-content {
    margin: 0 24px;
}
.book-main-content {
    grid-template-columns: minmax(268px,1fr) minmax(752px,936px) minmax(160px,1fr);
}
.content,
.book-content
{
    align-self: start;
    grid-column: 2 / 3;
    grid-row: 1;
    margin: 24px 0;
    //max-width: 936px;
    min-width: 0;
    display: block;
    position: relative;
}
.rightBuffer {
    grid-column: 3 / 4;
}
@media only screen and (max-width: 1240px) {
    .rightBuffer {
	display: none;
    }
    .book-main-content {
	grid-template-columns: 268px 1fr 0;
    }
}
@media only screen and (max-width: 830px) {
    .leftBuffer {
	display: none;
	position: absolute;
	z-index: 1;
    }
    .content,
    .book-content
    {
	margin: 0;
    }
    .main-content,
    .book-main-content {
	grid-gap: 0;
	grid-template-columns: 1fr;
    }
    .content,
    .book-content
    {
	grid-column: 1 / 2;
    }
}

.article {
    padding: 40px;
    border-radius: 2px;
    box-sizing: inherit;
}
@media only screen and (max-width: 414px) {
    .article {
	padding: 40px 16px;
    }
}
.devsite-article-body {
}
.devsite-article-section {
    padding-bottom: 24px;
    border-bottom: 1px solid #dadce0;
}
.devsite-article-footer {
    bottom: 0px;
    border-top:1px solid #dadce0;
    margin: 16px -40px -40px;
    padding: 31px 40px 40px;
    text-align: center;
}    




/* Multi Product Pages */
.mp-horizontal-content-wrapper {
    margin: 24px;
    //min-height: 95vh;
    border-bottom: 1px solid #dadce0;
}
.mp-vertical-content-wrapper {
    margin: 24px;
    //min-height: 95vh;
}
.mp-feed-wrapper {
    margin-left: 156px;
}
.mp-horizontal-content {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
    width: 100%;
}
.mp-vertical-content {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: 800px;
    grid-auto-rows: min-max(200px, auto);
    grid-template-rows: auto;
}

.mp-horizontal-row-item,
.mp-vertical-row-item
{
    asdfborder: 1px solid #dadce0; 
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
    overflow: hidden;
}
.mp-horizontal-row-item {
    border-radius: 8px;
}
.mp-vertical-row-item {
    border-radius: 2px;
}    
.mp-horizontal-row-item-description,
.mp-vertical-row-item-description
{
    padding: 16px;
}
@media only screen and (max-width: 830px) {
    .mp-vertical-content-wrapper {
	margin: 0;
    }
    .mp-feed-wrapper {
	margin-left: 0;
    }
    .mp-horizontal-content {
	grid-template-columns: 1fr 1fr;
    }
    .mp-vertical-content {
	grid-template-columns: 1fr;
	grid-gap: 0;
    }
    .mp-vertical-row-item {
	border-radius: 0;
    }
}   
@media only screen and (max-width: 556px) {
    .mp-horizontal-content-wrapper {
	margin: 0;
    }
    .mp-horizontal-content {
	grid-template-columns: 1fr;
	grid-gap: 0;
    }
    .mp-horizontal-row-item {
	border-radius: 0;
    }    
}


/* Landing Page */
.landing-content-wrapper {
    overflow: hidden;
    display: block;
    width: 100%;
}

/* Landing Row */
.landing-row {
    display: flex;
    width: 100%;
    height: 700px;
    color: #fff;
    color:#fff!important;
    background:url("paris_dark2.jpg") no-repeat;
    background-position:center;
    background-size:cover;
    text-align: center;
}
.landing-content {
    margin: auto;
    display: block;
}
.landing-logo {
    display: block;
    height: 68px;
}
.landing-message {
    #text-align:center;
    color: #383838;
    max-width: 830px;
    margin: auto;
    padding-top:64px;
    padding-bottom:64px;
}
.landing-message-header {
    text-align:center;
    color:#202124;
    padding-bottom:16px;
}
@media only screen and (max-width:1024px) {
    .landing-message {
	width:auto;
	padding:32px;
    }
}
@media only screen and (max-width: 830px) {
    .landing-logo {
	height: 48px;
	padding: 8px 0;
    }
    .landing-mesage {
	margin:32px;
    }
}


.landing-message-inner {
    text-align: left;
}

.landing-flex {
    display:flex;
}
.horizontal-flex-content {
    display: flex!important;
    flex-direction:left;
    justify-content:center;
    #flex-wrap: wrap;
    #flex-basis:100%;
    text-align:center;
}
.horizontal-item {
    padding:16px;
    text-align:center!important;
}
.horizontal-item p {
    color:#383838;
}

.text {
    padding: 64px;
    border-bottom: 1px solid #dadce0;    
}
.team {
    padding: 64px;
    border-bottom: 1px solid #dadce0;
}
.team-members {
    display: flex;
    flex-wrap: wrap;
}    
.team .member {
    padding:  16px;
    display: block;
    text-align:center;
}

@media only screen and (max-width: 830px) {
    .horizontal-flex-content {
	flex-wrap: wrap;
    }
    .team {
	padding:32px;
    }
}
@media only screen and (max-width: 1024px) {
    .team-members {
	flex-wrap: wrap;
    }
}

.help-ukraine:hover {
    cursor:pointer;
}