/* common */
body {
word-wrap: break-word;
position: relative;
}
h1, h2, h3, h4, h5, h6, p, div, span, figure, svg, label, ul, ol, li, img, a, strong, article, aside, details, figcaption, figure, footer, iframe, header, hgroup, main, menu, nav, section, summary, audio, canvas, progress, video, hr, button, input, input[type], optgroup, select, textarea, table {
box-sizing: border-box;
}
strong{
font-weight:700;
}
a:focus,
a:hover{
outline: none !important;
color: inherit !important;
text-decoration: none !important;
outline-offset: inherit !important;
}
/* Style un-reset for TinyMCE content inserted on the pages with YUI CSS reset.
* Added along with YUI CSS reset to the content_css option of TinyMCE and to the page on which TinyMCE content should be displayed.
*/
.mceContentBody,
.mceContentBody td,
.mceContentBody pre
{
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 8px;
}
.mceContentBody
{
background: #FFF;
}
.mceContentBody.mceForceColors
{
background: #FFF;
color: #000;
}
.mceContentBody h1
{
font-size: 2em
}
.mceContentBody h2
{
font-size: 1.5em
}
.mceContentBody h3
{
font-size: 1.17em
}
.mceContentBody h4
{
font-size: 1em
}
.mceContentBody h5
{
font-size: .83em
}
.mceContentBody h6
{
font-size: .75em
}
.mceContentBody .mceItemTable,
.mceContentBody .mceItemTable td,
.mceContentBody .mceItemTable th,
.mceContentBody .mceItemTable caption,
.mceContentBody .mceItemVisualAid
{
border: 1px dashed #BBB;
}
.mceContentBody a.mceItemAnchor
{
width: 12px;
line-height: 6px;
overflow: hidden;
padding-left: 12px;
background: url(img/items.gif) no-repeat bottom left;
}
.mceContentBody img.mceItemAnchor
{
width: 12px;
height: 12px;
background: url(img/items.gif) no-repeat;
}
.mceContentBody img
{
border: 0;
}
.mceContentBody table
{
cursor: default
}
.mceContentBody table td,
.mceContentBody table th
{
cursor: text
}
.mceContentBody ins
{
border-bottom: 1px solid green;
text-decoration: none;
color: green
}
.mceContentBody del
{
color: red;
text-decoration: line-through
}
.mceContentBody cite
{
border-bottom: 1px dashed blue
}
.mceContentBody acronym
{
border-bottom: 1px dotted #CCC;
cursor: help
}
.mceContentBody abbr,
.mceContentBody html\:abbr
{
border-bottom: 1px dashed #CCC;
cursor: help
}
/* Manual additions to restore assumed by the TinyMCE styles */
.mceContentBody
{
text-align: left;
}
.mceContentBody strong
{
font-weight: bold;;
}
.mceContentBody li ul,
.mceContentBody li ol
{
margin: 0 1.5em;
}
.mceContentBody ul,
.mceContentBody ol
{
margin: 0 1.5em 1.5em 1.5em;
}
.mceContentBody ul,
.mceContentBody ul li
{
list-style-type: disc;
}
.mceContentBody ol,
.mceContentBody ol li
{
list-style-type: decimal;
}
.mceContentBody blockquote
{
margin: 0 1.5em 1.5em 1.5em;
}
.mceContentBody p,
.mceContentBody code,
.mceContentBody pre,
.mceContentBody kbd
{
margin: 0 0 1.5em 0;
}
.mceContentBody em,
.mceContentBody i,
.mceContentBody dfn
{
font-style: italic;
}
/* editor on page css reset */
.embed-content{
/*body*/
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.3;
}
.embed-content h1,h2,h3,h4,h5,h6{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.3;
}
.embed-content h1{
display: block;
font-size: 2em;
font-size:28px;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}
.embed-content h2{
display: block;
font-size: 1.5em;
font-size:21px;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}
.embed-content h3{
display: block;
font-size: 1.17em;
font-size:16px;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}
.embed-content h4{
display: block;
font-size:14px;
-webkit-margin-before: 1.33em;
-webkit-margin-after: 1.33em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}
.embed-content h5{
display: block;
font-size: 0.83em;
font-size:11px;
-webkit-margin-before: 1.67em;
-webkit-margin-after: 1.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}
.embed-content h6{
display: block;
font-size: 0.67em;
font-size:9px;
-webkit-margin-before: 2.33em;
-webkit-margin-after: 2.33em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}
.embed-content img{
display:inline-block;
}
.embed-content p{
color: #000000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 14px;
line-height: 1.3;
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
line-height: 28px;
margin-top: 24px;
margin-bottom: 24px;
}
.embed-content strong{
color: #000000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 14px;
line-height: 1.3;
}
/* header */
#header {
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: 900002;
}
#header, #header-big {
text-align: center;
}
#header .menu-show-hide-checkbox, #header-big .menu-show-hide-checkbox {
visibility: hidden;
position: absolute;
left: -99px;
}
#header .logo-container, #header-big .logo-container {
text-align: center;
}
#header .dazed-logo{
display:inline-block;
}
#header .dazed-logo .logo_w{
display:none;
}
#header .dazed-logo .logo_big{
display:none;
}
body .main .dazed-logo .logo_big{
display:block;
}
.header .logo-container{
}
.header .logo-container, .header .section, .header .menu-toggle, .header .header-navigation {
position: relative;
z-index: 1;
}
#header .main-nav-logo, #header-big .main-nav-logo {
display: inline-block;
}
#header .menu-toggle, #header-big .menu-toggle {
display: block;
cursor: pointer;
width: 44px;
min-height: 1px;
}
#header .menu-toggle {
display: block;
cursor: pointer;
width: 44px;
height: 48px;
left: 4px;
position: absolute;
}
#header .menu-toggle .icon-menu-container svg {
width: 44px;
height: 48px;
}
#header .menu-toggle .icon-menu-back, #header .menu-toggle .icon-menu-back-mobile {
display: none;
}
#header .header-navigation, #header-big .header-navigation {
background-color: rgba(255,255,255,1);
color: #000;
text-align: center;
}
#header .header-navigation .primary-links, #header .header-navigation .secondary-links, #header-big .header-navigation .primary-links, #header-big .header-navigation .secondary-links {
font-size: 24px;
font-weight: normal;
letter-spacing: .4px;
text-transform: uppercase;
}
#header .header-navigation .primary-links, #header .header-navigation .social-links, #header .header-navigation .secondary-links, #header .header-navigation .social-links, #header .header-navigation .umbrella-links, #header-big .header-navigation .primary-links, #header-big .header-navigation .social-links, #header-big .header-navigation .secondary-links, #header-big .header-navigation .social-links, #header-big .header-navigation .umbrella-links {
padding: 0;
}
#header .header-navigation .primary-links, #header .header-navigation .social-links, #header .header-navigation .secondary-links, #header-big .header-navigation .primary-links, #header-big .header-navigation .social-links, #header-big .header-navigation .secondary-links {
margin: 0 auto;
}
#header .header-navigation .primary-links .menu-link, #header .header-navigation .secondary-links .menu-link, #header-big .header-navigation .primary-links .menu-link, #header-big .header-navigation .secondary-links .menu-link {
display: block;
padding-top: 16px;
font-weight:900;
}
#header .header-navigation .primary-links .menu-link:first-child, #header .header-navigation .secondary-links .menu-link:first-child, #header-big .header-navigation .primary-links .menu-link:first-child, #header-big .header-navigation .secondary-links .menu-link:first-child {
padding-top: 0;
}
#header .header-navigation .tertiary-links, #header-big .header-navigation .tertiary-links {
padding-left: 0;
}
.main-menu-container a{
}
.main-menu-container a.applemusic{
display: inline-block;
width: 46px;
}
.main-menu-container .icon-applemusic{
width:24px;
fill-rule:evenodd;clip-rule:evenodd;
}
.main-menu-container a:link{
color:inherit;
text-decoration: none;
}
.main-menu-container a:visited{
color:inherit;
text-decoration: none;
}
@media (min-width: 768px){
.header {
background: #000;
color: #fff;
overflow: hidden;
}
.header {
color: var(--header-color,#FFF);
}
.header {
background: var(--header-background-color,#000);
}
#header {
background-color: #fff;
}
#header{
background-color: var(--header-background-color,#FFF);
}
#header .logo-container, #header-big .logo-container {
padding: 10px 10px 8px;
}
.header .logo-container svg {
fill: #fff;
}
.header .logo-container svg {
fill: var(--header-color,#FFF);
}
body[data-scroll-at-top="no"] #header .dazed-logo, #header-big~#header .dazed-logo {
width: 125px;
height: 30px;
}
#header.main .dazed-logo{
width: 540px;
height: 130px;
-webkit-transition: width ease-out .4s,height ease-out .4s;
transition: width ease-out .4s,height ease-out .4s;
}
#header .dazed-logo {
width: 192px;
height: 46px;
-webkit-transition: width ease-out .4s,height ease-out .4s;
transition: width ease-out .4s,height ease-out .4s;
}
#header .dazed-logo-small {
width: 125px !important;
height: 30px !important;
}
#header #logo svg, #header .menu-toggle svg {
/* stroke: #000;
fill: #000; */
}
#header .menu-toggle {
top: -2px;
}
#header .header-navigation, #header-big .header-navigation {
-webkit-transition: opacity .4s ease-out,height .4s ease-out;
transition: opacity .4s ease-out,height .4s ease-out;
opacity: 0;
height: 0;
}
#header .header-navigation, #header-big .header-navigation {
margin-left: 13.75%;
margin-right: 13.75%;
}
#header .header-navigation {
background-color: #000;
color: #fff;
}
#header .header-navigation-open, #header-big .menu-show-hide-checkbox:checked~.nav-container .header-navigation {
visibility: visible;
opacity: 1;
height: 100vh;
height: calc(100vh - 52px);
}
#header .header-navigation .main-menu-container, #header-big .header-navigation .main-menu-container {
padding: 40px;
}
#header .header-navigation .primary-links, #header .header-navigation .social-links, #header .header-navigation .secondary-links, #header-big .header-navigation .primary-links, #header-big .header-navigation .social-links, #header-big .header-navigation .secondary-links {
margin-bottom: 30px;
}
#header .header-navigation .tertiary-links, #header-big .header-navigation .tertiary-links {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
#header {
background-image: var(--header-background-image-mobile);
background-position: center top;
background-repeat: no-repeat;
background-size: 100%;
}
#header .nav-container {
min-height: 44px;
}
#header .main-nav-logo {
height: 22px;
margin-top: 11px;
}
#header .dazed-logo {
width: 90px;
height: 22px;
}
/* .header svg {
fill: #000;
}
.header svg {
fill: var(--header-color,#000);
} */
#header .menu-toggle {
top: 0;
}
#header .menu-toggle .icon-menu-container {
height: 36px;
overflow: hidden;
}
#header .header-navigation, #header-big .header-navigation {
background-color: #fff;
position: absolute;
top: 43px;
width: 100vw;
left: 0;
z-index: 2;
padding: 8px;
left: -100vw;
-webkit-transition: left .3s ease-out;
transition: left .3s ease-out;
}
#header .header-navigation {
min-height: 100vh;
min-height: calc(100vh - 44px);
}
#header .header-navigation .primary-links, #header .header-navigation .secondary-links, #header-big .header-navigation .primary-links, #header-big .header-navigation .secondary-links {
font-size: 16px;
}
#header .header-navigation .secondary-links .menu-link, #header .header-navigation .tertiary-links .menu-link, #header-big .header-navigation .secondary-links .menu-link, #header-big .header-navigation .tertiary-links .menu-link {
font-size: 13px;
font-weight: normal;
letter-spacing: .8px;
text-transform: uppercase;
position: relative;
display: inline-block;
padding: 0 10px;
white-space: nowrap;
}
#header .header-navigation .tertiary-links, #header-big .header-navigation .tertiary-links {
margin-bottom: 16px;
}
.header-navigation .umbrella-links .menu-link:first-child, .footer-navigation .umbrella-links .menu-link:first-child {
display: inline-block;
padding-right: 0;
font-size: 12px;
text-transform: capitalize;
}
#header .header-navigation .umbrella-links .menu-link, #header-big .header-navigation .umbrella-links .menu-link {
text-transform: uppercase;
letter-spacing: .8px;
}
#header .header-navigation .primary-links, #header .header-navigation .social-links, #header .header-navigation .secondary-links, #header-big .header-navigation .primary-links, #header-big .header-navigation .social-links, #header-big .header-navigation .secondary-links {
margin-bottom: 16px;
}
#header .menu-show-hide-checkbox:checked~.nav-container .header-navigation, #header-big .menu-show-hide-checkbox:checked~.nav-container .header-navigation {
left: 0;
width:100%;
}
}
svg:not(:root) {
overflow: hidden;
}
svg[class|="icon"] {
width: 44px;
height: 44px;
}
.header-navigation .social-links svg, .footer-navigation .social-links svg {
vertical-align: middle;
}
/* footer */
.footer-placeholder {
min-height: 379px;
background-color: #fff;
z-index: 120;
position: relative;
}
.footer-container {
margin-top: 60px;
background-color: #000;
text-align: center;
position: absolute;
bottom: 0;
width: 100%;
clip: rect(0,auto,auto,0);
z-index: 130;
}
.footer-container .footer-container-inner {
position: relative;
}
.footer-container .dazed-logo {
fill: #fff;
width: 100%;
display:inline-block;
}
.footer-container .dazed-logo-top-placeholder {
visibility: hidden;
margin-bottom: 24px;
}
.footer-container .dazed-logo-top {
position: fixed;
left: 0;
bottom: 345px;
}
.footer-container .footer-navigation {
position: -webkit-sticky;
position: sticky;
bottom: 0;
padding: 24px 0;
background: #000;
}
.footer-container .footer-navigation .social-links, .footer-container .footer-navigation .tertiary-links {
margin-bottom: 31px;
}
.footer-container .footer-navigation .social-links .menu-link {
padding: 0 6px;
}
.footer-container .footer-navigation .social-links svg {
fill: #fff;
}
.footer-container .footer-navigation .social-links a.applemusic{
display: inline-block;
width: 58.95px;
}
.footer-container .footer-navigation .social-links .icon-applemusic {
width: 24px;
}
.footer-container .footer-navigation .umbrella-links .menu-link, .footer-container .footer-navigation .tertiary-links .menu-link {
color: #fff;
}
.header-navigation .tertiary-links .menu-link, .header-navigation .umbrella-links .menu-link, .footer-navigation .tertiary-links .menu-link, .footer-navigation .umbrella-links .menu-link {
font-size: 14px;
font-weight: 600;
letter-spacing: .8px;
text-transform: uppercase;
display: inline-block;
padding: 0 10px;
position: relative;
}
.header-navigation .umbrella-links .menu-link:first-child, .footer-navigation .umbrella-links .menu-link:first-child {
padding-right: 37.5px;
}
.footer-container .footer-navigation .umbrella-links .menu-link:first-child:after {
background: #fff;
}
@media (min-width: 768px){
.footer-container .dazed-logo {
max-width: 560px;
max-height: 135px;
}
.footer-container .dazed-logo-top {
bottom: 198px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.header-navigation .umbrella-links .menu-link:first-child::after, .footer-navigation .umbrella-links .menu-link:first-child::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 1px;
right: 15px;
background: #000;
}
}
@media (max-width: 767px){
.footer-placeholder {
min-height: 340px;
}
.footer-container .dazed-logo-top-placeholder{
display:none;
}
.footer-container .dazed-logo {
height: 91px;
}
.footer-container .dazed-logo-top{
position: sticky;
}
.footer-container .dazed-logo-top img{
position: relative;
top: -1px;
}
.footer-container .footer-navigation .umbrella-links {
margin-bottom: 40px;
}
.footer-container .footer-navigation .tertiary-links .menu-link {
display: block;
padding-right: 0;
padding-top: 16px;
}
.footer-container .footer-navigation .tertiary-links .menu-link:first-child {
padding-top: 0;
}
.header-navigation .umbrella-links .menu-link, .footer-navigation .umbrella-links .menu-link {
display: none;
}
.header-navigation .umbrella-links .menu-link:first-child, .footer-navigation .umbrella-links .menu-link:first-child {
display: inline-block;
padding-right: 0;
font-size: 12px;
text-transform: capitalize;
}
}
@media (max-width:576px){
.footer-container .dazed-logo{
height:auto !important;
}
}
/* container*/
.layout-container{
max-width:100%;
/* padding-top: 8px; */
min-height:100vh; /*ï¿½ê¶—ï¿½ì” ï¿½ë“ƒåª›ï¿½ 泥ì„쓬 æ´Ñ‰ë£ž �떆 硫붿씤 而⑦뀗痢� 濡쒕뵫 �쟾�뿉 footer å¯ƒï¿½ï¿½ì ™ï¿½ì†•ï§ŽëŒì” �닚媛꾩쟻�ì‘濡� �굹���궃�떎. ï¿½ì” ç‘œï¿½ �ë¹å¯ƒê³ 븯湲� �ìžï¿½ë¸¿*/
overflow-x:hidden;
}
.layout-container .layout-focus-row{
max-width: 1344px;
}
.layout-container .row{
margin: 0 auto 60px;
margin-top: 60px;
}
.layout-container .row:nth-child(1){
margin-top:0px;
padding-top:8px;
}
.layout-container .row:nth-child(1) .focus-article-list-container{
margin-top:0px;
}
.layout-container .row:nth-child(1) .standard-article-list-container .article-list-header{
display:none;
}
.article-list-header{
text-transform: capitalize;
}
#articleSelectBox .popup-body{
overflow: auto;
padding-bottom: 0px;
}
#articleSelectBox .popup-body .form-row{
margin-bottom: 0px;
}
#articleSelectBox .ewb-admin-search input[name=searchWord]{
width: 180px;
}
#pagingNavigation{
text-align: center;
}
@media (min-width: 768px) {
.layout-container {
/* padding-top: 20px; */
}
.layout-container .row:nth-child(1){
padding-top:20px;
}
}
/* layout - standard*/
.image-container, figure, video, img {
display: block;
max-width: 100%;
margin: 0 auto;
padding: 0;
}
figure {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
figcaption {
max-width: 100%;
}
.nowrap {
white-space: nowrap;
}
.article-list-container {
margin-left: auto;
margin-right: auto;
}
.standard-article-list-container {
max-width: 1344px;
text-align: left;
}
.article-list-container {
/* margin: 0 auto 60px; */
}
.standard-article-list-container .article-list-header {
font-size: 22px;
font-weight: 900;
letter-spacing: .4px;
display: block;
margin-bottom: 34px;
}
.standard-article-list-container .article-list-header {
text-align: center;
}
.standard-article-list-container .article-list-item {
display: block;
margin-top: 36px;
}
.standard-article-list-container .article-list-item:first-child {
margin-top: 0;
}
.standard-article-list-container .article-list-item-link {
display: block;
position: relative;
}
.standard-article-list-container .image-container {
margin-bottom: 12px;
}
html body .preserve-aspect-ratio {
position: relative;
overflow: hidden;
display: block;
width: 100%;
padding-bottom: 0;
height: 0;
background: #eee;
}
html body .preserve-aspect-ratio>img {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin: 0 auto;
min-width: 100%;
width: auto !important;
max-width: 400%;
height: 100%;
}
.standard-article-list-container .article-list-item-content {
max-width: 90%;
}
.standard-article-list-container .article-list-item-content > a{
/* font-weight: 600; */
}
.standard-article-list-container .section {
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
display: block;
margin-bottom: 16px;
color: #000000c7;
}
.standard-article-list-container .section-link {
position: relative;
z-index: 2;
}
.standard-article-list-container .title {
font-size: 17px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0.3px;
}
.standard-article-list-container .article-list-item-content .title:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.standard-article-list-container .article-list~.article-list-footer {
margin-top: 40px;
}
.standard-article-list-container .article-list-footer-link {
display: inline-block;
}
.standard-article-list-container .article-list:not([data-delay-load-status="loading"])~.article-list-footer .article-list-footer-link {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
cursor: pointer;
font-size: 13px;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
color: #000;
border: solid 1px #b3b3b3;
line-height: normal;
padding: 15px 50px 14px;
text-align: center;
max-width: 90%;
text-decoration: underline;
letter-spacing: 0.5px;
}
.standard-article-list-container .article-list:not([data-delay-load-status="loading"])~.article-list-footer .article-list-footer-link.article-list-load-more:before {
content: "LOAD MORE ARTICLES";
}
@media (min-width: 768px){
.standard-article-list-container .article-list:not([data-delay-load-status="loading"])~.article-list-footer .article-list-footer-link {
padding: 15px 100px 14px 100px;
}
}
@media (min-width: 1025px) {
.standard-article-list-container .article-list-header, .standard-article-list-container .article-list-footer {
margin-left: 3px;
margin-right: 3px;
}
.standard-article-list-container .article-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.standard-article-list-container .article-list-item {
padding: 0 3px;
}
.standard-article-list-container .article-list-item {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.standard-article-list-container .article-list-item:nth-child(-n+4) {
margin-top: 0;
}
}
@media (max-width: 1024px) and (min-width: 768px) {
.standard-article-list-container .article-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.standard-article-list-container .article-list-item {
padding: 0 10px;
}
.standard-article-list-container .article-list-item {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.standard-article-list-container .article-list-item:nth-child(-n+2) {
margin-top: 0;
}
}
@media (max-width:767px){
.standard-article-list-container .article-list-item{
padding: 0 10px;
}
.standard-article-list-container .bx-viewport .article-list-item{
margin-top:0px;
width: 85vw;
max-width: 85vw;
}
}
/* layout - feature*/
.feature-article-list-container {
max-width: 1600px;
}
.feature-article-list-container .article-list-item {
background: #111;
}
.feature-article-list-container .article-list-item {
background: var(--article-highlight-color,#111);
}
.feature-article-list-container .article-list-item-content {
color: #fff;
text-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 30px;
}
.feature-article-list-container .article-list-item .article-list-item-content, .feature-article-list-container .article-list-item .article-list-item-content a {
color: #fff;
}
.feature-article-list-container .article-list-item-content .section, .feature-article-list-container .article-list-item-content .title, .feature-article-list-container .article-list-item-content .standfirst {
width: 405px;
max-width: 100%;
margin: 0 auto;
}
.feature-article-list-container .article-list-item-content .section {
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
display: block;
margin-bottom: 36px !important;
color: #000000c7;
}
.feature-article-list-container .article-list-item-content .section, .feature-article-list-container .article-list-item-content .title, .feature-article-list-container .article-list-item-content .standfirst {
width: 405px;
max-width: 100%;
margin: 0 auto;
}
.feature-article-list-container .article-list-item-content .title {
font-size: 28px;
font-weight: 700;
line-height: 34px;
margin-bottom: 30px;
}
.feature-article-list-container .article-list-item-content .standfirst {
font-size: 14px;
font-weight: 500;
line-height: 22px;
word-break: keep-all;
}
@media (min-width: 768px) {
.feature-article-list-container {
text-align: left;
}
.feature-article-list-container .article-list-item {
display: block;
margin-top: 4px;
}
.feature-article-list-container .article-list-item:first-child {
margin-top: 0;
}
.feature-article-list-container .article-list-item-link {
display: block;
position: relative;
}
.feature-article-list-container .article-list-item-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.feature-article-list-container .article-list-item-image, .feature-article-list-container .article-list-item-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.feature-article-list-container .article-list-item-image {
-webkit-flex-basis: 60%;
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
max-width: 60%;
}
.feature-article-list-container .article-list-item-content {
max-width: 90%;
}
.feature-article-list-container .article-list-item-content {
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
/* padding-left: 10px; */
max-width: 40%;
}
.feature-article-list-container .section {
font-size: 14px;
font-weight: 600;
letter-spacing: .8px;
text-transform: uppercase;
display: block;
margin-bottom: 10px;
}
.feature-article-list-container .section-link {
position: relative;
z-index: 2;
}
.feature-article-list-container .title {
font-size: 18px;
font-weight: 700;
line-height: 22px;
display: block;
line-height: 22px;
}
.feature-article-list-container .article-list-item-content .title:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
}
@media (max-width: 1024px) and (min-width: 768px) {
.feature-article-list-container .article-list-item-content {
padding: 24px;
}
}
@media (max-width: 767px) {
.feature-article-list-container .article-list-item-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.feature-article-list-container .article-list-item-image, .feature-article-list-container .article-list-item-content {
width: 100%;
}
.feature-article-list-container .article-list-item-image {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.feature-article-list-container .article-list-item-content {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.feature-article-list-container .article-list-item-content {
padding: 16px;
}
.feature-article-list-container .article-list-item-content .section, .feature-article-list-container .article-list-item-content .title, .feature-article-list-container .article-list-item-content .standfirst {
width: 300px;
}
.feature-article-list-container .article-list-item-content .section {
margin-bottom: 15px;
}
.feature-article-list-container .article-list-item-content .title {
font-size: 18px;
line-height: 22px;
letter-spacing: .2px;
}
.feature-article-list-container .article-list-item-content .standfirst {
display: none;
}
.feature-article-list-container .article-list-item-content .section{
margin-bottom: 15px !important;
}
}
.row[data-layouttype=video] .list-item{
min-height:400px;
}
.row[data-layouttype=video] .list-item:after{
content:"";
clear:both;
display:block;
}
/* layout - showcase*/
.showcase-article-list-container {
max-width: 1600px;
text-align: left;
}
.showcase-article-list-container {
font-size: 18px;
line-height: 22px;
letter-spacing: .2px;
}
.showcase-article-list-container .article-list-item {
display: block;
margin-top: 36px;
}
.showcase-article-list-container .article-list-item:first-child {
margin-top: 0;
}
.showcase-article-list-container .article-list-item-link {
display: block;
position: relative;
}
.showcase-article-list-container .article-list-item-link {
position: relative;
}
.showcase-article-list-container .article-list-item-image .image-container {
width: auto !important;
}
.showcase-article-list-container .article-list-item-image .image-container img {
width: 100% !important;
}
.showcase-article-list-container .article-list-item-content, .focus-article-list-container .article-list-item-content {
min-height: 70px;
position: absolute;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
width: 100%;
min-width: 100%;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
color: #fff;
}
.showcase-article-list-container .article-list-item-content {
max-width: 90%;
}
.showcase-article-list-container .article-list-item-content:before, .focus-article-list-container .article-list-item-content:before {
content: "";
background: rgba(0,0,0,.1);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
}
.showcase-article-list-container .title {
text-align: center;
display: block;
max-width: 100%;
padding: 10px;
margin: 0 auto;
font-weight: 700;
line-height: 26px;
font-size: 18px;
word-break: keep-all;
}
.showcase-article-list-container .article-list-item-content .title, .focus-article-list-container .article-list-item-content .title {
z-index: 1;
}
.showcase-article-list-container .article-list-item-content .title:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.showcase-article-list-container .article-list-item-content .blur-img, .focus-article-list-container .article-list-item-content .blur-img {
display: block;
position: absolute;
z-index: -1;
bottom: 0;
left: 0;
width: 100% !important;
-webkit-filter: blur(5px);
filter: blur(5px);
}
@media (max-width: 1024px) and (min-width: 768px){
.showcase-article-list-container {
/* overflow-x: hidden; */
}
.showcase-article-list-container .item-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.showcase-article-list-container .list-item {
margin-top: 0;
width: 47vw !important;
max-width: 47vw !important;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right:0px;
}
.showcase-article-list-container .list-item.swiper-slide {
margin-right: 0;
}
.showcase-article-list-container .article-list-item {
margin-top: 0;
}
}
@media (min-width:1025px){
.showcase-article-list-container{
}
.showcase-article-list-container .article-list-item {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
}
}
@media (min-width: 768px) {
.showcase-article-list-container .article-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.showcase-article-list-container .article-list-item {
padding: 0 10px;
}
.showcase-article-list-container .article-list-item {
/* -webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%; */
max-width: 33.33333%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.showcase-article-list-container .article-list-item:nth-child(-n+3) {
margin-top: 0;
}
}
@media (max-width: 767px) {
.showcase-article-list-container .article-list{
/* width:100% !important;
max-width:100% !important; */
}
.showcase-article-list-container .article-list-item {
margin-top: 0;
}
.showcase-article-list-container .list-item{
width: 100vw !important;
max-width: 100vw !important;
}
}
/* layout - focus*/
.focus-article-list-container {
text-align: left;
}
.focus-article-list-container .article-list-item {
display: block;
margin-top: 36px;
}
.focus-article-list-container .article-list-item:first-child {
margin-top: 0;
}
.focus-article-list-container .article-list-item-link {
display: block;
position: relative;
}
.focus-article-list-container .article-list-item-link {
position: relative;
}
.focus-article-list-container .article-list-item-image .image-container {
width: auto !important;
}
.focus-article-list-container .article-list-item-image .image-container img {
width: 100% !important;
}
.focus-article-list-container .article-list-item-content {
max-width: 90%;
}
.focus-article-list-container .title {
text-align: center;
display: block;
max-width: 100%;
padding: 10px;
margin: 0 auto;
}
.focus-article-list-container .title {
font-size: 20px;
line-height: 30px;
font-weight: 600;
word-break: keep-all;
letter-spacing: 0.3px;
}
.focus-article-list-container .article-list-item-content .title:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
@media (min-width: 1025px) {
.focus-article-list-container {
width: 900.48px;
max-width: calc(67% - 40px);
padding-right: 40px;
}
}
/* layout - news*/
.news-article-list-container {
text-align: left;
}
.news-article-list-container .article-list-header {
font-size: 22px;
font-weight: 900;
letter-spacing: .4px;
display: block;
margin-bottom: 34px;
letter-spacing: 1px;
}
.news-article-list-container .article-list-header, .news-article-list-container .article-list-footer {
margin-left: 10px;
margin-right: 10px;
}
.news-article-list-container .article-list-footer {
margin-top: 40px;
}
body .news-article-list-container .article-list-header {
margin-bottom: 22px;
}
.news-article-list-container .article-list-item {
display: block;
margin-top: 4px;
}
.news-article-list-container .article-list-item {
padding: 0 10px;
}
.news-article-list-container .article-list-item:first-child {
margin-top: 0;
}
.news-article-list-container .article-list-item:nth-child(-n+1) {
margin-top: 0;
}
.news-article-list-container .article-list-item-link {
display: block;
position: relative;
}
.news-article-list-container .article-list-item-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.news-article-list-container .article-list-item-image, .news-article-list-container .article-list-item-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.news-article-list-container .article-list-item-image {
-webkit-flex-basis: 27%;
-ms-flex-preferred-size: 27%;
flex-basis: 27%;
max-width: 27%;
}
.news-article-list-container .article-list-item-content {
max-width: 90%;
}
.news-article-list-container .article-list-item-content {
-webkit-flex-basis: 73%;
-ms-flex-preferred-size: 73%;
flex-basis: 73%;
padding-left: 7px;
max-width: 73%;
}
.news-article-list-container .section {
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
display: block;
margin-bottom: 10px;
color: #000000c7;
}
.news-article-list-container .section-link {
position: relative;
z-index: 2;
}
.news-article-list-container .title {
font-size: 16px;
font-weight: 700;
line-height: 22px;
display: block;
line-height: 22px;
letter-spacing: -1px;
}
.news-article-list-container .article-list-item-content .title:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.news-article-list-container .article-list:not([data-delay-load-status="loading"])~.article-list-footer .article-list-footer-link:not(:empty):before {
content: "MORE ";
}
.news-article-list-container .article-list-footer-link {
display: inline-block;
}
.news-article-list-container .article-list:not([data-delay-load-status="loading"])~.article-list-footer .article-list-footer-link {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
cursor: pointer;
font-size: 13px;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
color: #000;
border: solid 1px #b3b3b3;
line-height: normal;
padding: 15px 50px 14px;
text-align: center;
max-width: 90%;
text-decoration: underline;
}
@media (min-width: 1025px) {
.news-article-list-container {
width: 443.52px;
max-width: 33%;
text-align: left;
}
body .focus-article-list-container, body .news-article-list-container {
display: inline-block;
vertical-align: top;
margin-top: 0;
margin-bottom: 0;
}
.news-article-list-container .article-list-header {
font-size: 22px;
font-weight: 900;
letter-spacing: .4px;
display: block;
margin-bottom: 34px;
}
.news-article-list-container .article-list-header {
text-align: left;
}
body .news-article-list-container .article-list-header {
margin-bottom: 11px;
}
.news-article-list-container .article-list-item {
display: block;
margin-top: 4px;
}
.news-article-list-container .article-list-item:first-child {
margin-top: 0;
}
.news-article-list-container .article-list-item-link {
display: block;
position: relative;
}
.news-article-list-container .article-list-item-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.news-article-list-container .article-list-item-image, .news-article-list-container .article-list-item-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.news-article-list-container .article-list-item-image {
-webkit-flex-basis: 27%;
-ms-flex-preferred-size: 27%;
flex-basis: 27%;
max-width: 27%;
}
.news-article-list-container .article-list-item-content {
max-width: 90%;
}
.news-article-list-container .article-list-item-image, .news-article-list-container .article-list-item-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.news-article-list-container .article-list-item-content {
-webkit-flex-basis: 73%;
-ms-flex-preferred-size: 73%;
flex-basis: 73%;
padding-left: 7px;
max-width: 73%;
}
.news-article-list-container .section {
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
display: block;
margin-bottom: 10px;
}
.news-article-list-container .section-link {
position: relative;
z-index: 2;
}
.news-article-list-container .title {
font-size: 16px;
font-weight: 700;
line-height: 22px;
display: block;
line-height: 22px;
}
.news-article-list-container .article-list-item-content .title:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
body .news-article-list-container .article-list-footer {
margin-top: 0;
}
.news-article-list-container .article-list:not([data-delay-load-status="loading"])~.article-list-footer .article-list-footer-link:not(:empty):before {
content: "MORE ";
}
.news-article-list-container .article-list-footer-link {
display: inline-block;
}
.news-article-list-container .article-list:not([data-delay-load-status="loading"])~.article-list-footer .article-list-footer-link {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
cursor: pointer;
font-size: 13px;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
color: #000;
border: solid 1px #b3b3b3;
line-height: normal;
padding: 15px 50px 14px;
text-align: center;
max-width: 90%;
text-decoration: underline;
}
.news-article-list-container .article-list:not([data-delay-load-status="loading"])~.article-list-footer .article-list-footer-link {
padding: 15px 100px 14px 100px;
}
body .news-article-list-container .article-list:not([data-delay-load-status="loading"])~.article-list-footer .article-list-footer-link {
margin-top: 20px;
max-width: 100%;
width: 100%;
left: 0;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
text-align: center;
}
}
@media (max-width:1024px){
.news-article-list-container .article-list-header{
margin-top: 60px;
}
}
@media (min-width: 768px) {
.news-article-list-container .article-list-header {
text-align: left;
}
.news-article-list-container .article-list:not([data-delay-load-status="loading"])~.article-list-footer .article-list-footer-link {
padding: 15px 100px 14px 100px;
}
.news-article-list-container .title {
max-width: 80%;
}
}
@media (max-width: 767px) {
.news-article-list-container .article-list-header{
text-align: center;
}
.news-article-list-container .article-list-item {
padding: 0;
}
.news-article-list-container .article-list-item {
display: block;
margin-top: 4px;
}
.news-article-list-container .article-list-item:first-child {
margin-top: 0;
}
.news-article-list-container .article-list-item:nth-child(-n+1) {
margin-top: 0;
}
.news-article-list-container .article-list-item-link {
display: block;
position: relative;
}
.news-article-list-container .article-list-item-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.news-article-list-container .article-list-item-image, .news-article-list-container .article-list-item-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.news-article-list-container .article-list-item-image {
-webkit-flex-basis: 32%;
-ms-flex-preferred-size: 32%;
flex-basis: 32%;
max-width: 32%;
}
.news-article-list-container .article-list-item-content {
padding-right: 10px;
}
.news-article-list-container .article-list-item-content {
max-width: 90%;
}
.news-article-list-container .article-list-item-content {
-webkit-flex-basis: 68%;
-ms-flex-preferred-size: 68%;
flex-basis: 68%;
padding-left: 7px;
max-width: 68%;
}
.news-article-list-container .article-list-item-content {
padding-right: 10px;
}
.news-article-list-container .section {
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
display: block;
margin-bottom: 10px;
}
.news-article-list-container .section-link {
position: relative;
z-index: 2;
}
.news-article-list-container .title {
font-size: 18px;
font-weight: 700;
line-height: 22px;
display: block;
line-height: 22px;
}
.news-article-list-container .article-list:not([data-delay-load-status="loading"])~.article-list-footer .article-list-footer-link {
width: 100%;
}
.news-article-list-container .article-list:not([data-delay-load-status="loading"])~.article-list-footer .article-list-footer-link {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
cursor: pointer;
font-size: 13px;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
color: #000;
border: solid 1px #b3b3b3;
line-height: normal;
padding: 15px 50px 14px;
text-align: center;
max-width: 90%;
text-decoration: underline;
}
.news-article-list-container .article-list:not([data-delay-load-status="loading"])~.article-list-footer .article-list-footer-link {
width: 100%;
}
.news-article-list-container .article-list:not([data-delay-load-status="loading"])~.article-list-footer .article-list-footer-link:not(:empty):before {
content: "MORE ";
}
}
/* layout - condensed*/
.condensed-article-list-container {
max-width: 1344px;
}
@media (min-width: 1025px) {
.condensed-article-list-container .article-list-header, .condensed-article-list-container .article-list-footer {
margin-left: 2px;
margin-right: 2px;
}
.condensed-article-list-container .article-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.condensed-article-list-container .article-list-item {
padding: 0 2px;
}
.condensed-article-list-container .article-list-item {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.condensed-article-list-container .article-list-item:nth-child(-n+6) {
margin-top: 0;
}
.condensed-article-list-container .article-list-header, .condensed-article-list-container .article-list-footer {
margin-left: 2px;
margin-right: 2px;
}
}
@media (min-width: 768px) {
.condensed-article-list-container {
text-align: left;
}
.condensed-article-list-container .article-list-header {
font-size: 22px;
font-weight: 900;
letter-spacing: .4px;
display: block;
margin-bottom: 34px;
}
.condensed-article-list-container .article-list-header {
text-align: center;
}
.condensed-article-list-container .article-list-item {
display: block;
margin-top: 36px;
}
.condensed-article-list-container .article-list-item:first-child {
margin-top: 0;
}
.condensed-article-list-container .article-list-item-link {
display: block;
position: relative;
}
.condensed-article-list-container .image-container {
margin-bottom: 12px;
}
.condensed-article-list-container .article-list-item-content {
max-width: 90%;
}
.condensed-article-list-container .section {
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
display: block;
margin-bottom: 16px;
color: #000000c7;
}
.condensed-article-list-container .section-link {
position: relative;
z-index: 2;
}
.condensed-article-list-container .title {
font-size: 17px;
line-height: 24px;
font-weight: 600;
letter-spacing: 0.3px;
}
.condensed-article-list-container .article-list-item-content .title:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.condensed-article-list-container .article-list~.article-list-footer {
margin-top: 40px;
}
.condensed-article-list-container .article-list-footer-link {
display: inline-block;
}
.condensed-article-list-container .article-list:not([data-delay-load-status="loading"])~.article-list-footer .article-list-footer-link {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
cursor: pointer;
font-size: 13px;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
color: #000;
border: solid 1px #b3b3b3;
line-height: normal;
padding: 15px 50px 14px;
text-align: center;
max-width: 90%;
text-decoration: underline;
letter-spacing: 0.5px;
}
.condensed-article-list-container .article-list:not([data-delay-load-status="loading"])~.article-list-footer .article-list-footer-link {
padding: 15px 100px 14px 100px;
}
.condensed-article-list-container .article-list:not([data-delay-load-status="loading"])~.article-list-footer .article-list-footer-link.article-list-load-more:before {
content: "LOAD MORE ARTICLES";
}
}
@media (max-width: 1024px) and (min-width: 768px) {
.condensed-article-list-container .article-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.condensed-article-list-container .article-list-item {
padding: 0 10px;
}
.condensed-article-list-container .article-list-item {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.condensed-article-list-container .article-list-item:nth-child(-n+3) {
margin-top: 0;
}
}
@media (max-width: 767px) {
.condensed-article-list-container {
text-align: left;
}
.condensed-article-list-container .article-list-header {
font-size: 22px;
font-weight: 900;
letter-spacing: .4px;
display: block;
margin-bottom: 34px;
}
.condensed-article-list-container .article-list-header {
text-align: center;
}
.condensed-article-list-container .article-list-item {
display: block;
margin-top: 4px;
}
.condensed-article-list-container .article-list-item {
padding: 0;
}
.condensed-article-list-container .article-list-item:first-child {
margin-top: 0;
}
.condensed-article-list-container .article-list-item-link {
display: block;
position: relative;
}
.condensed-article-list-container .article-list-item-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.condensed-article-list-container .article-list-item-image, .condensed-article-list-container .article-list-item-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.condensed-article-list-container .article-list-item-image {
-webkit-flex-basis: 32%;
-ms-flex-preferred-size: 32%;
flex-basis: 32%;
max-width: 32%;
}
.condensed-article-list-container .article-list-item-content {
max-width: 90%;
}
.condensed-article-list-container .article-list-item-content {
-webkit-flex-basis: 68%;
-ms-flex-preferred-size: 68%;
flex-basis: 68%;
padding-left: 7px;
max-width: 68%;
}
.condensed-article-list-container .article-list-item-content {
padding-right: 10px;
}
.condensed-article-list-container .section {
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
display: block;
margin-bottom: 10px;
color: #000000c7;
}
.condensed-article-list-container .section-link {
position: relative;
z-index: 2;
}
.condensed-article-list-container .title {
font-size: 17px;
line-height: 22px;
display: block;
line-height: 22px;
font-weight: 600;
letter-spacing: 0.3px;
}
.condensed-article-list-container .article-list~.article-list-footer {
margin-top: 40px;
}
.condensed-article-list-container .article-list-footer-link {
display: inline-block;
}
.condensed-article-list-container .article-list:not([data-delay-load-status="loading"])~.article-list-footer .article-list-footer-link {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
cursor: pointer;
font-size: 13px;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
color: #000;
border: solid 1px #b3b3b3;
line-height: normal;
padding: 15px 50px 14px;
text-align: center;
max-width: 90%;
text-decoration: underline;
letter-spacing: 0.5px;
}
.condensed-article-list-container .article-list:not([data-delay-load-status="loading"])~.article-list-footer .article-list-footer-link {
width: 100%;
}
.condensed-article-list-container .article-list:not([data-delay-load-status="loading"])~.article-list-footer .article-list-footer-link.article-list-load-more:before {
content: "LOAD MORE ARTICLES";
}
}
/** advert **/
.advert {
position: relative;
z-index: 0;
margin: 32px auto;
min-height: 50px;
}
html body .advert {
display: block;
max-width: 100%;
}
html body .advert div, html body .advert iframe {
display: block;
margin: 0 auto;
}
html body .advert div[id^="google_ads_iframe_/"] {
display: block !important;
margin: 0 auto !important;
text-align: left !important;
}
@media (min-width: 1025px) {
.advert {
margin: 60px auto;
}
}
/** detail - aside **/
.article-aside {
padding-left: 16px;
padding-right: 16px;
min-width: 76px;
min-height: 10px;
}
.article-aside, .article-body-aside {
min-height: 10px;
}
.article-aside {
text-align: right;
}
.article-aside .article-aside-content {
border-right: solid 1px #b3b3b3;
padding-right: 10px;
}
.article-aside .article-aside-content {
border-right: solid 1px #b3b3b3;
padding-right: 10px;
}
.article-aside .sections {
margin-bottom: 24px;
}
.sections .category, .sections .series {
display: block;
font-size: 12px;
font-weight: normal;
letter-spacing: .8px;
text-transform: uppercase;
}
.article-aside .sections .category, .article-aside .sections .series {
font-size: 12px;
font-weight: normal;
letter-spacing: .8px;
text-transform: uppercase;
display: block;
}
.article-aside .sections .series {
margin-top: 12px;
}
.article-aside .timestamp {
font-size: 11px;
line-height: 16px;
font-weight: normal;
text-transform: none;
display: block;
margin-bottom: 10px;
}
.article-aside .contributors {
font-size: 11px;
line-height: 16px;
font-weight: normal;
text-transform: none;
margin-bottom: 10px;
}
.article-aside .contributors .contributor {
display: block;
}
.article-aside .contributors .contributor-name {
padding-left: 5px;
}
.article-aside .social-floating {
position: -webkit-sticky;
position: sticky;
top: 100px;
display: inline-block;
background: #fff;
}
.article-aside .social-floating .title {
text-align: center;
display: block;
margin-bottom: 10px;
font-size: 10px;
font-weight: 600;
line-height: 14px;
text-transform: uppercase;
text-transform: uppercase;
letter-spacing: .4px;
}
.social-buttons-container-expandable .expand-button-container{
cursor: pointer;
}
.social-buttons-container-expandable .button-container[data-type="secondary"],
.social-buttons-container-expandable .expand-button-container .icon-minus{
display: none;
}
.social-buttons-container-expandable.social-expanded .expand-button-container .icon-plus{
display: none;
}
.social-buttons-container-expandable.social-expanded .button-container[data-type="secondary"],
.social-buttons-container-expandable.social-expanded .expand-button-container .icon-minus{
display: block;
}
@media (min-width: 768px) {
.article-aside .article-aside-content {
margin-bottom: 30px;
}
.article-aside .article-aside-content {
margin-bottom: 30px;
}
.sections {
margin-bottom: 28px;
}
}
@media (max-width: 1459px) {
body .article-aside {
width: auto;
}
body .article-aside .article-aside-content {
display: none;
}
}
@media (max-width: 1023px) and (min-width: 768px) {
html body .visible-phone:not(.visible-tablet), html body .visible-desktop:not(.visible-tablet), html body .hidden-tablet {
display: none;
}
}
@media (max-width:1024px){
body .article-aside{
display:none;
}
}
/** detail - aside advert**/
.article-body-aside{
width: 300px;
margin-left: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.article-body-aside .advert-container{
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.article-body-aside .ad-wrap{
position: relative;
min-height: 250px;
}
.article-body-aside .advert-row{
position: -webkit-sticky;
position: sticky;
top: 63px;
margin-top: 0;
}
.article-body .advert-row{
margin: 32px auto;
}
@media (max-width:1041px){
.article-body-aside{
display:none;
}
}
@media (max-width:1024px){
.advert-row{
margin: 32px auto !important;
}
}
/** category list **/
.title-section-container .section {
display: block;
text-align: center;
overflow: hidden;
}
@media (min-width: 768px) {
.title-section-container .section {
color: #000;
}
.title-section-container .section {
font-size: 22px;
font-weight: 600;
letter-spacing: .4px;
text-transform: uppercase;
}
}
/** detail **/
.main-article {
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
}
.main-article {
max-width: 1460px;
position: relative;
}
.article-main-content {
padding-bottom: 60px;
width: 1160px;
max-width: 100%;
}
.main-img .img-caption {
text-align: center;
margin: 0 auto;
padding: 8px;
line-height: 12px;
}
.main-img .img-caption .credit, .main-img .img-caption .caption {
font-family: "UniversNextPro-MediumExt",Arial,Helvetica,sans-serif;
font-size: 11px;
line-height: 16px;
font-weight: normal;
text-transform: none;
color: #9f9da7;
display: inline;
}
.main-img .img-caption .credit {
padding-left: 8px;
padding-right: 8px;
}
.main-img .img-caption .credit:first-child {
padding-left: 0;
}
.article-header {
width: 860px;
max-width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 0;
}
.article-header .title {
display: inline-block;
font-size: 26px;
line-height: 34px;
max-width: 750px;
font-weight: 700;
margin-bottom: 10px;
}
.article-body {
width: 750px;
max-width: 100%;
}
.show-when-aside-content-hides {
display: none;
}
.show-when-aside-content-hides .sections {
margin-bottom: 24px;
}
.show-when-aside-content-hides .sections {
margin-top: 12px;
}
.sections .category, .sections .series {
display: block;
font-size: 12px;
font-weight: normal;
letter-spacing: .8px;
text-transform: uppercase;
}
.show-when-aside-content-hides .sections .category, .show-when-aside-content-hides .sections .series {
font-size: 12px;
font-weight: normal;
letter-spacing: .8px;
text-transform: uppercase;
display: block;
}
.show-when-aside-content-hides .sections .category, .show-when-aside-content-hides .sections .series {
display: inline-block;
}
.show-when-aside-content-hides .sections .series {
margin-top: 12px;
}
.show-when-aside-content-hides .sections .category~.series:before {
content: " - ";
padding: 0 10px;
display: inline-block;
}
.summary, .article-body .summary {
font-size: 16px;
font-weight: normal;
line-height: 22px;
display: block;
margin-top: 10px;
font-weight: 600;
}
.article-body .summary {
margin-bottom: 32px;
}
.show-when-aside-content-hides .timestamp {
font-size: 12px;
line-height: 16px;
font-weight: normal;
text-transform: none;
display: block;
margin-bottom: 10px;
}
.show-when-aside-content-hides .contributors {
font-size: 12px;
line-height: 16px;
font-weight: normal;
text-transform: none;
margin-bottom: 10px;
}
.show-when-aside-content-hides .contributors .contributor {
display: block;
}
.show-when-aside-content-hides .contributors .contributor-name {
padding-left: 5px;
}
.inline-img, .embed-content, .gallery-launcher {
margin-top: 30px;
margin-bottom: 30px;
}
.tag-list {
max-width: 100%;
width: 860px;
text-align: center;
margin: 20px auto;
}
.tag-list .tag-btn {
cursor: pointer;
font-family: "UniversNextPro-MediumExt",Arial,Helvetica,sans-serif;
font-size: 13px;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
color: #000;
border: solid 1px #b3b3b3;
line-height: normal;
padding: 15px 50px 14px;
text-align: center;
opacity: .25;
text-decoration: none;
margin: 10px;
padding: 5px 10px;
}
.divider {
margin: 80px 0;
height: 1px;
background: #b3b3b3;
display: block;
}
.comments {
margin: 100px auto;
}
.fb-comments, .view-comments-button {
margin: 0 auto;
}
.view-comments-button {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
cursor: pointer;
font-size: 13px;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
color: #000;
border: solid 1px #b3b3b3;
line-height: normal;
padding: 15px 50px 14px;
text-align: center;
max-width: 90%;
text-decoration: underline;
}
.view-comments-button:before {
content: "VIEW COMMENTS";
}
body .fb-comments {
display: none;
width: 620px;
overflow-x: hidden;
max-width: 100%;
margin:0 auto;
}
.social-buttons-container-footer{
display:none;
}
.social-buttons-container-footer{
position: fixed;
z-index: 20000;
border-top: solid 1px #000;
border-bottom: solid 1px #000;
bottom: -1px;
width: 100%;
background: #fff;
}
.social-buttons-container-footer .button-container{
position: relative;
display: inline-block;
vertical-align: top;
}
.social-buttons-container-footer .button-container .social-button-inner{
height: 50px
}
.social-buttons-container-footer .button-container a{
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.social-buttons-container-footer .button-container svg{
height: 50px;
margin-left: 3px;
}
.social-buttons-container-footer .button-container .social-action{
display: none;
text-align: center;
line-height: 50px;
}
.social-buttons-container-footer.social-expanded .facebook-button-container .social-action,
.social-buttons-container-footer.social-expanded .twitter-button-container .social-action{
display: none;
}
.social-buttons-container-footer.social-expanded .expand-button-container .icon-plus{
display: none;
}
.social-buttons-container-footer.social-expanded .whatsapp-button-container,
.social-buttons-container-footer.social-expanded .pinterest-button-container,
.social-buttons-container-footer.social-expanded .reddit-button-container,
.social-buttons-container-footer.social-expanded .expand-button-container .icon-minus{
display:inline-block;
}
.social-buttons-container-footer.social-expanded .facebook-button-container,
.social-buttons-container-footer.social-expanded .twitter-button-container{
width: 20%;
width: calc(20% - 10px);
text-align: left;
}
.article-layout .article-list-container{
max-width: 860px;
margin: 60px auto;
}
.article-wrapper:not(.swiper-slide)~.article-wrapper:not(.swiper-slide):before{
content: "";
margin: 80px 0;
height: 1px;
background: #b3b3b3;
display: block;
}
@media (min-width: 1025px) {
.main-article {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.article-main-content {
max-width: 100%;
max-width: calc(100% - 76px);
}
.article-body-container, .article-body-aside {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.article-body-container {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.article-body {
max-width: 100%;
max-width: calc(100% - 300px);
}
.tag-list .tag-btn {
-webkit-transition: opacity 300ms ease-out;
transition: opacity 300ms ease-out;
}
.tag-list .tag-btn:hover {
opacity: 1;
}
}
@media (min-width: 768px) {
.article-header .main-img~.title {
margin-top: 24px;
}
.show-when-aside-content-hides {
margin-bottom: 30px;
}
.sections {
margin-bottom: 28px;
}
.view-comments-button {
padding: 15px 100px 14px 100px;
}
.social-buttons-container-footer .button-container{
width: 20%;
width:50%;
display: inline-block;
text-align: left;
float: left;
}
.social-buttons-container-footer .button-container .social-action {
display: block;
}
.social-buttons-container-footer .expand-button-container {
display: none;
}
}
@media (max-width:767px){
.article-header .title {
font-size: 20px;
line-height: 28px;
}
.fb-comments, .view-comments-button {
width: 100%;
}
.social-buttons-container-footer .button-container{
width: 20%;
width: calc(20% - 10px);
}
.social-buttons-container-footer .facebook-button-container,
.social-buttons-container-footer .twitter-button-container{
width: 50%;
width: calc(50% - 2px);
text-align: left;
}
.social-buttons-container-footer .whatsapp-button-container,
.social-buttons-container-footer .pinterest-button-container,
.social-buttons-container-footer .reddit-button-container,
.social-buttons-container-footer .email-button-container,
.social-buttons-container-footer .expand-button-container .icon-minus{
display:none;
}
.social-buttons-container-footer .expand-button-container{
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
vertical-align: middle;
}
.social-buttons-container-footer .facebook-button-container .social-action,
.social-buttons-container-footer .twitter-button-container .social-action {
display: block;
}
}
@media (max-width: 1459px) {
body .show-when-aside-content-hides {
display: block;
}
}
@media (max-width: 1459px) and (min-width: 768px) {
body .show-when-aside-content-hides .sections, body .show-when-aside-content-hides .series {
margin-top: 0;
}
}
@media (max-width: 1024px) {
.article-header {
padding: 0 16px;
}
.article-body {
padding: 0 16px;
}
.social-buttons-container-footer{
display: block;
}
}
/** detail gallery **/
.gallery-launcher{
position: relative;
}
.gallery-launcher .gallery-label .heading {
font-size: 16px;
font-weight: 700;
line-height: 22px;
display: block;
}
.gallery-launcher .gallery-label .count {
font-size: 10px;
font-weight: 600;
line-height: 14px;
text-transform: uppercase;
display: block;
margin-top: 8px;
}
.gallery-launcher .gallery-label .count:after {
content: " IMAGES";
letter-spacing: 1px;
margin-left: 2px;
}
.gallery-launcher .gallery-thumb {
display: inline-block;
vertical-align: top;
text-decoration: none;
}
.gallery-launcher .gallery-thumb:hover {
border-color: #000;
}
.gallery-launcher .gallery-thumb a {
display: block;
}
.gallery-body{
width:100vw;
height:100vh;
background:#fff;
overflow: hidden;
position: fixed;
top: 0px;
left: 0px;
z-index: 900003;
padding-right: 348px;
}
.gallery-body svg{
fill:#000;
}
.gallery-body .icon-close{
fill:#000;
}
.gallery-slides{
position: relative;
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.gallery-side{
position: absolute;
top: 0;
right: 24px;
display: block;
width: 300px;
height: 100%;
}
.gallery-slides .slide {
position: absolute;
top: 0;
left: 0;
display: none;
overflow: hidden;
width: 100%;
height: 100%;
background-color: #fff;
}
.gallery-slides .slide.cycle-slide-active {
display: block;
}
#gallery-imgs {
position: relative;
display: block;
width: 100%;
height: 100%;
margin: 0;
}
#gallery-imgs .img {
display: block;
max-width: 100%;
max-height: 100%;
margin: 0 auto;
}
#gallery-imgs .cycle-slide{
width:100%;
height:100%;
}
.gallery-slides .slide-wrapper {
position: relative;
width: 100%;
height: 100%;
}
#gallery-imgs .slide-wrapper>.img {
position: inherit;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-o-object-fit: contain;
object-fit: contain;
}
.gallery-btn {
font-size: 0;
position: absolute;
z-index: 101;
top: 100%;
display: block;
width: 50px;
height: 50px;
text-align: center;
text-decoration: none;
background-color: rgba(255,255,255,.4);
}
.gallery-btn svg {
width: 17px;
height: 50px;
}
.gallery-slides .gallery-btn.next {
right: 0;
}
#gallery-close{
top: 0;
right: -20px;
width: 44px;
height: 44px;
text-decoration: none;
color: #000;
line-height: 44px;
font-size: 20px;
font-weight: 600;
text-align: center;
}
.gallery-meta{
position: relative;
}
.gallery-header .title{
font-size: 18px;
font-weight: 700;
line-height: 24px;
width: 260px;
margin-top: 36px;
margin-bottom: 24px;
padding: 0;
}
.gallery-controls-container .gallery-count{
font-size: 12px;
font-weight: 600;
letter-spacing: .8px;
text-transform: uppercase;
margin: 0;
}
.current-slide, .total-slides{
display: inline;
}
.caption{
font-size: 15px;
font-weight: normal;
line-height: 28px;
font-size: 13px;
margin-top: 16px;
margin-bottom: 10px;
}
.current-credit{
font-family: "UniversNextPro-Regular",sans-serif;
font-size: 15px;
font-weight: normal;
line-height: 28px;
font-weight: bold;
font-size: 13px;
margin: 0;
}
@media (min-width:1025px){
.article-body .image-container, .article-body .inline-img {
margin-left: 0;
margin-right: 0;
}
}
@media (min-width:768px){
.gallery-launcher {
min-width: 643px;
max-width: 100%;
padding-left: 1px;
}
.gallery-launcher:before {
content: "";
position: absolute;
width: 1px;
top: 3px;
bottom: 3px;
left: 0;
background: #000;
}
.gallery-launcher .gallery-label {
display: inline-block;
vertical-align: middle;
min-width: 150px;
max-width: 100%;
max-width: calc(100% - 492px);
text-align: center;
padding: 10px;
}
.gallery-launcher .gallery-thumbs {
width: 500px;
display: inline-block;
vertical-align: middle;
}
.gallery-launcher .gallery-thumb {
padding: 2px;
border: 1px solid #fff;
width: 144px;
height: 98px;
margin: 0 10px;
}
#gallery-close {
position: absolute;
}
.social {
float: none;
margin: 20px 0;
}
.social .share-title {
font-size: 10px;
font-weight: normal;
line-height: 14px;
text-transform: uppercase;
display: inline-block;
margin-right: 10px;
}
.social .share-buttons {
display: inline-block;
text-align: left;
vertical-align: middle;
}
.social .share-buttons .gallery-social-button {
display: inline-block;
margin-right: 8px;
}
.social .share-buttons .gallery-social-button a[data-social-share-source] svg {
width: 34px;
height: 34px;
}
.gallery-btn {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
}
.gallery-slides:hover .gallery-btn {
visibility: visible;
opacity: 1;
}
}
@media (max-width:767px){
.gallery-launcher .gallery-thumbs {
margin-top: 16px;
}
.gallery-launcher .gallery-thumb {
width: calc(50% - 2px);
}
.gallery-launcher .gallery-thumb:nth-child(odd) {
padding-right: 10px;
}
.gallery-launcher .gallery-thumb:nth-child(even) {
padding-left: 10px;
}
.gallery-launcher .hidden-phone {
display: none;
}
.gallery-body {
min-width: 300px;
margin: 0 auto 0;
padding-right: 0;
}
.gallery-slides {
float: none;
width: 100%;
min-width: 100%;
max-width: 100%;
margin: 0 auto;
}
.gallery-slides .slide {
position: absolute;
}
#gallery-imgs .slide-wrapper>.img[data-aspect-ratio-type='portrait'] {
max-width: 100vw;
max-width: calc(100vw - 88px);
}
.gallery-btn {
display: none;
}
.gallery-side {
position: relative;
right: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
min-width: 300px;
height: auto !important;
margin: 0 auto;
padding: 0 20px;
}
#gallery-close {
position: fixed;
top: 0;
right: 0;
background: rgba(255,255,255,.4);
}
.gallery-meta {
width: 100%;
}
.gallery-header .title {
width: 100%;
max-width: 90%;
margin: 10px 0 5px;
}
.gallery-controls-container {
display: none;
}
.gallery-header .caption {
margin-top: 0;
}
.social {
display: none;
}
#gallery-control-bar {
margin-top: 1px;
position: relative;
}
#gallery-control-bar .social {
font-size: 0;
left: 0;
width: 25%;
}
#gallery-control-bar .gallery-controls-container,
#gallery-control-bar .gallery-btn, #gallery-control-bar .social {
height: 50px;
width: 25%;
display: inline-block;
vertical-align: top;
text-align: center;
position: static;
left: auto;
right: auto;
overflow: hidden;
border: solid #000;
}
#gallery-control-bar .gallery-controls-container,
#gallery-control-bar .gallery-btn.prev,
#gallery-control-bar .social,
#gallery-control-bar .gallery-social-button {
border-width: 1px 1px 1px 0;
float:left;
}
#gallery-control-bar .gallery-controls-container,
#gallery-control-bar .social {
line-height: 12px;
text-align: center;
position: static;
}
#gallery-control-bar .social .share-title {
font-size: 10px;
font-weight: 600;
line-height: 14px;
text-transform: uppercase;
font-size: 12px;
display: inline-block;
margin-right: 10px;
margin-right: 0;
line-height: 50px;
}
#gallery-control-bar.social-expanded .social .share-title {
position: relative;
color: #fff;
}
#gallery-control-bar.social-expanded .social .share-title:after {
position: absolute;
top: 0;
left: 0;
display: block;
content: 'Close';
color: #000;
width: 100%;
}
#gallery-control-bar .share-buttons {
position: absolute;
right: 0;
top: 0;
display: none;
width: 75%;
text-align: center;
}
#gallery-control-bar.social-expanded .social .share-buttons {
display: block;
}
#gallery-control-bar .share-buttons .gallery-social-button {
line-height: 50px;
width: 33.3%;
width: calc(100%/2);
height: 50px;
margin-right: 0;
border-style: solid;
border-color: #000;
background-color: #fff;
display: inline-block;
}
#gallery-control-bar .share-buttons .gallery-social-button a[data-social-share-source] {
position: relative;
width: 100%;
height: 100%;
display: block;
}
#gallery-control-bar .share-buttons .gallery-social-button a[data-social-share-source] svg {
position: relative;
display: block;
top: 50%;
left: 50%;
width: 34px;
height: 34px;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
#gallery-control-bar .gallery-btn.next, #gallery-control-bar .twitter-btn {
border-width: 1px 0;
}
.gallery-controls-container {
display: none;
}
.gallery-controls-container .gallery-count {
line-height: 50px;
}
#gallery-control-bar .gallery-btn {
top: auto;
width: 25%;
}
#gallery-control-bar .gallery-btn.prev {
right: 25%;
}
#gallery-control-bar .current-slide:after {
content: ' / ';
}
}
@media (max-width: 767px) and (orientation: portrait) {
.gallery-slides {
height: 110vw;
}
}
/** detail advert **/
.advert-container{
position: relative;
z-index: 0;
/* margin: 32px auto; */
min-height: 50px;
}
.ad-wrap{
margin:0 auto;
}
.ad-big{
width:100%;
max-width:1110px;
/* height:400px; */
}
.ad-small{
width:100%;
max-width:728px;
/* height:90px; */
}
.ad-mobile{
width:100%;
max-width:320px;
/* height:50px; */
}
.ad-mobile-square{
width:100%;
max-width:300px;
/* height:250px; */
}
.ad-right{
width:100%;
max-width:300px;
/* height:600px; */
}
img.ad-img{
height:auto;
}
@media (min-width: 1025px){
.row .advert-container{
margin:0px;
}
.advert-container {
margin: 60px auto;
}
}
/** search **/
.search-box {
max-width: 700px;
margin: 60px auto;
padding: 0 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.search-box svg {
width: 40px;
height: 40px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.search-box .search-icon, .search-box .search-bar, .search-box .search-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.search-box .search-bar {
padding-left: 0;
-webkit-box-flex: 20;
-webkit-flex-grow: 20;
-ms-flex-positive: 20;
flex-grow: 20;
height: 50px;
border: solid 1px #000;
padding: 10px;
top: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.search-box .search-button {
background: #000;
border: none;
color: #fff;
height: 50px;
text-align: center;
padding: 10px 20px;
letter-spacing: 1px;
}