.widgetlayer { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; padding: 40px 20px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .widgetlayer .brick { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .widgetlayer + .site-content { border-top: 1px solid #e6e6e6; } .widgetlayer .only-title .textwidget { display: none; } .widgetlayer .only-title:not(.has-featured-image) .widget-title { margin-bottom: calc( -40px + 1.3125rem); } .widgetlayer .has-featured-image .widget-title { font-size: 1.205rem; line-height: 1.45228; margin-bottom: 0.4375rem; } .widgetlayer-page .breadcrumbs { margin: 40px 20px 0; } .widgetlayer .widget-thumbnail { position: relative; margin: 0 auto 1.3125rem; } .has-ww-line, .has-fb-line { position: relative; } .has-ww-line:after, .has-fb-line:after { position: absolute; top: 50%; left: 50%; display: block; width: 100vw; height: 1px; content: ""; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #e6e6e6; } @media only screen and (min-width: 768px) { .widgetlayer-page .breadcrumbs { margin: 40px 40px 0; } .widgetlayer { padding: 20px 30px; } .widgetlayer .brick { margin: 0; padding: 20px 10px; } .has-ww-line:after { width: calc( 100% - 20px); } } @media only screen and (min-width: 1025px) { .widgetlayer { padding: 20px; } .widgetlayer .brick { padding: 20px; } .has-ww-line:after { width: calc( 100% - 40px); } } @media only screen and (min-width: 1366px) { .widgetlayer .only-title:not(.has-featured-image) .widget-title { margin-bottom: calc( -60px + 1.3125rem); } .widgetlayer-page .breadcrumbs { margin: 60px 60px 0; } .widgetlayer { padding: 30px; } .widgetlayer .brick { padding: 30px; } .has-ww-line:after { width: calc( 100% - 60px); } }