@charset "UTF-8"; /***** Base *****/ @font-face { font-family: Minecraft; src: url(//theme.zdassets.com/theme_assets/2155033/58bc893ea8723b145fd8a016bbccd9ece24dc3e9.ttf); } @font-face { font-family: Minecraft-Ten-v2; src: url(//theme.zdassets.com/theme_assets/2155033/78a4c657fb452d4e9bccb70f381446a0e0d7d785.otf); } @font-face { font-family: 'Noto-Sans'; src: url(//theme.zdassets.com/theme_assets/2155033/2b2500b3269369d0d1a29768aaa869405d4f1575.ttf); } #referral_text{ text-align:center; } * { box-sizing: border-box; } .page-header .h1-custom, .container .header .h1-custom{ margin: 0px; font-weight: 600; margin-bottom: 15px; font-size: 28px; line-height: 1; } .container .header .h1-custom{ margin-bottom: 30px; } .h1-custom-dropdown{ font-size:16px; } @media screen and (max-width:320px){ iframe#webWidget{ width:316px !important; min-height:-webkit-fill-available !important; } } body { background-color: #FFFFFF; color: #333333; font-family: "Noto Sans", Helvetica, Arial, sans-serif !important; font-size: 16px; font-weight: 400; -webkit-font-smoothing: antialiased; } @media (min-width: 1024px) { body > main { min-height: 65vh; } } h1, h2, h3, h4, h5, h6 { font-family: "Noto Sans", Helvetica, Arial, sans-serif !important; font-weight: 400; margin-top: 0; } h1 { font-size: 32px; } h2 { font-size: 22px; } h3 { font-size: 18px; font-weight: 600; } h4 { font-size: 16px; } a { color: rgba(1, 137, 68, 1); } input, textarea { color: #000; font-size: 14px; } input { font-weight: 300; max-width: 100%; box-sizing: border-box; outline: none; transition: border .12s ease-in-out; } input:focus { border: 1px solid rgba(1, 137, 68, 1); } input[disabled] { background-color: #ddd; } select { -webkit-appearance: none; -moz-appearance: none; background: url(//theme.zdassets.com/theme_assets/2155033/27f536d448438fdd88b4004a3223bcc153fb621d.svg) no-repeat #fff; background-position: right 10px center; border: 1px solid #ddd; border-radius: 4px; padding: 8px 30px 8px 10px; outline: none; color: #555; width: 100%; } select:focus { border: 1px solid rgba(1, 137, 68, 1); } select::-ms-expand { display: none; } textarea { border: 1px solid #ddd; border-radius: 2px; resize: vertical; width: 100%; outline: none; padding: 10px; } textarea:focus { border: 1px solid rgba(1, 137, 68, 1); } /*.container { max-width: 1160px; margin: 0 auto; padding: 0 5%; }*/ @media (min-width: 1160px) { /*.container { padding: 0; width: 90%; }*/ } .container-divider { border-top: 1px solid #ddd; margin-bottom: 20px; } ul { margin: 0; padding-left: 20px; } @media (min-width: 1160px) { .error-page { padding: 0; width: 90%; } } .dropdown-toggle::after { color: inherit; } /***** Buttons *****/ .button, [role="button"] { border: 1px solid rgba(1, 137, 68, 1); border-radius: 4px; color: rgba(1, 137, 68, 1); cursor: pointer; display: inline-block; font-size: 12px; line-height: 2.34; margin: 0; padding: 0 20px; text-align: center; transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out; user-select: none; white-space: nowrap; width: 100%; -webkit-touch-callout: none; } @media (min-width: 768px) { .button, [role="button"] { width: auto; } } .button::after, [role="button"]::after { color: rgba(1, 137, 68, 1); } .button:hover, .button:active, .button:focus, .button[aria-selected="true"], [role="button"]:hover, [role="button"]:active, [role="button"]:focus, [role="button"][aria-selected="true"] { background-color: rgba(1, 137, 68, 1); color: #FFFFFF; text-decoration: none; } .button[aria-selected="true"]:hover, .button[aria-selected="true"]:focus, .button[aria-selected="true"]:active, [role="button"][aria-selected="true"]:hover, [role="button"][aria-selected="true"]:focus, [role="button"][aria-selected="true"]:active { background-color: #002412; border-color: #002412; } .button[data-disabled], [role="button"][data-disabled] { cursor: default; } .button-large, input[type="submit"] { background-color: rgba(1, 137, 68, 1); border: 0; border-radius: 4px; color: #FFFFFF; font-size: 14px; font-weight: 400; line-height: 2.72; min-width: 190px; padding: 0 1.9286em; text-decoration: none; width: 100%; } .dropdown-menu [role=menuitem]{ text-decoration: none; } @media (min-width: 768px) { .button-large, input[type="submit"] { width: auto; } } .button-large:hover, .button-large:active, .button-large:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus { background-color: #002412; } .button-large[disabled], input[type="submit"][disabled] { background-color: #ddd; } .button-secondary { color: #666; border: 1px solid #ddd; background-color: transparent; } .button-secondary:hover, .button-secondary:focus, .button-secondary:active { color: #333333; border: 1px solid #ddd; background-color: #f7f7f7; } /***** Tables *****/ .table { width: 100%; table-layout: fixed; } @media (min-width: 768px) { .table { table-layout: auto; } } .table th, .table th a { color: #666; font-size: 13px; font-weight: 300; text-align: left; } [dir="rtl"] .table th, [dir="rtl"] .table th a { text-align: right; } .table tr { border-bottom: 1px solid #ddd; display: block; padding: 20px 0; } @media (min-width: 768px) { .table tr { display: table-row; } } .table td { display: block; } @media (min-width: 768px) { .table td { display: table-cell; } } @media (min-width: 1024px) { .table td, .table th { padding: 20px 30px; } } @media (min-width: 768px) { .table td, .table th { padding: 10px 20px; height: 60px; } } /***** Forms *****/ .form { max-width: 650px; } .form-field ~ .form-field { margin-top: 25px; } .form-field label { display: block; font-size: 13px; margin-bottom: 5px; } .form-field input { border: 1px solid #ddd; border-radius: 4px; padding: 10px; width: 100%; } .form-field input:focus { border: 1px solid rgba(1, 137, 68, 1); } .form-field input[type="text"] { border: 1px solid #ddd; border-radius: 4px; } .form-field input[type="text"]:focus { border: 1px solid rgba(1, 137, 68, 1); } .form-field input[type="checkbox"] { width: auto; } .form-field .nesty-input { border-radius: 4px; height: 40px; line-height: 40px; outline: none; vertical-align: middle; } .form-field .nesty-input:focus { border: 1px solid rgba(1, 137, 68, 1); text-decoration: none; } .form-field textarea { vertical-align: middle; } .form-field input[type="checkbox"] + label { margin: 0 0 0 10px; } .form-field.required > label:not(.errorStyle)::after { content: "*"; color: #f00; margin-left: 2px; } .form-field p { color: #666; font-size: 12px; margin: 5px 0; } [data-loading="true"] input, [data-loading="true"] textarea { background: transparent url(//theme.zdassets.com/theme_assets/2155033/6aae8ce36967837f706ac36deff4b753e43977a4.gif) 99% 50% no-repeat; background-size: 16px 16px; } .form footer { margin-top: 40px; padding-top: 30px; } .form footer a { color: #666; cursor: pointer; margin-right: 15px; } .form .suggestion-list { font-size: 13px; margin-top: 30px; } .form .suggestion-list label { border-bottom: 1px solid #ddd; display: block; padding-bottom: 5px; } .form .suggestion-list li { padding: 10px 0; } .form .suggestion-list li a:visited { /*color: #002412;*/ color: rgba(1, 137, 68, 1); } /***** Header *****/ @media (min-width: 1160px) { .header { padding: 0; width: 90%; } } .logo img { max-height: 37px; } .user-nav { display: inline-block; position: absolute; white-space: nowrap; } @media (min-width: 768px) { .user-nav { position: relative; } } .user-nav[aria-expanded="true"] { background-color: #fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1); border: solid 1px #ddd; right: 0; left: 0; top: 71px; z-index: 1; } .user-nav[aria-expanded="true"] > a { display: block; margin: 20px; } .nav-wrapper a { border: 0; color: rgba(1, 137, 68, 1); display: none; font-size: 14px; padding: 0 20px 0 0; width: auto; } @media (min-width: 768px) { .nav-wrapper a { display: inline-block; } } [dir="rtl"] .nav-wrapper a { padding: 0 0 0 20px; } .nav-wrapper a:hover, .nav-wrapper a:focus, .nav-wrapper a:active { background-color: transparent; color: rgba(1, 137, 68, 1); } .nav-wrapper a.login { display: inline-block; } .nav-wrapper .icon-menu { display: inline-block; margin-right: 10px; color: rgba(1, 137, 68, 1); } @media (min-width: 768px) { .nav-wrapper .icon-menu { display: none; } } [dir="rtl"] .nav-wrapper .icon-menu { margin-left: 10px; margin-right: 0; } .signin-check { display: none; } /***** User info in header *****/ .user-info { display: inline-block; } .user-info .dropdown-toggle::after { display: none; } @media (min-width: 768px) { .user-info .dropdown-toggle::after { display: inline-block; } } .user-info > [role="button"] { border: 0; color: rgba(1, 137, 68, 1); min-width: 0; padding: 0; white-space: nowrap; } .user-info > [role="button"]:hover { color: rgba(1, 137, 68, 1); background-color: transparent; } .user-info > [role="button"]::after { color: rgba(1, 137, 68, 1); padding-right: 15px; } [dir="rtl"] .user-info > [role="button"]::after { padding-left: 15px; padding-right: 0; } #user #user-name { display: none; font-size: 14px; } @media (min-width: 768px) { #user #user-name { display: inline-block; } } /***** User avatar *****/ .user-avatar { height: 25px; width: 25px; border-radius: 50%; display: inline-block; vertical-align: middle; } .avatar { display: inline-block; position: relative; } .avatar img { height: 40px; width: 40px; } .avatar .icon-agent::before { background-color: rgba(1, 137, 68, 1); border: 2px solid #fff; border-radius: 50%; bottom: -4px; color: #FFFFFF; content: "\1F464"; font-size: 14px; height: 14px; line-height: 14px; position: absolute; right: -2px; text-align: center; width: 14px; } /***** Footer *****/ .footer { border-top: 1px solid #ddd; margin-top: 60px; padding: 30px 0; } .footer a { color: #666; } .footer-inner { max-width: 1160px; margin: 0 auto; padding: 0 5%; display: flex; justify-content: space-between; } @media (min-width: 1160px) { .footer-inner { padding: 0; width: 90%; } } .footer-language-selector { color: #666; display: inline-block; font-weight: 300; } /***** Breadcrumbs *****/ .breadcrumbs { margin: 0 0 15px 0; padding: 0; } @media (min-width: 768px) { .breadcrumbs { margin: 0; } } .breadcrumbs li { color: #666; display: inline; font-weight: 300; font-size: 13px; max-width: 450px; overflow: hidden; text-overflow: ellipsis; } .breadcrumbs li + li::before { content: ">"; margin: 0 4px; } .breadcrumbs li a:visited { color: rgba(1, 137, 68, 1); } /***** Search field *****/ .search { position: relative; padding: 26px 0px; } .search input[type="search"] { border: 1px solid #ddd; border-radius: 30px; box-sizing: border-box; color: #999; height: 40px; padding-left: 40px; padding-right: 20px; -webkit-appearance: none; width: 100%; } [dir="rtl"] .search input[type="search"] { padding-right: 40px; padding-left: 20px; } .search input[type="search"]:focus { border: 1px solid rgba(1, 137, 68, 1); color: #555; } .search::before { position: relative; top: 50%; transform: translateY(-50%); background-color: #fff; color: #ddd; content: "\1F50D"; font-size: 18px; position: absolute; left: 15px; } [dir="rtl"] .search::before { right: 15px; left: auto; } .search-full input[type="search"] { border: 1px solid #fff; } /***** Hero component *****/ .hero { background-image: url(//theme.zdassets.com/theme_assets/2155033/80b6f5b5ab7e64e47b3098214dafde1deed3b0ec.svg); background-position: center; background-size: cover; height: 300px; padding: 0 20px; text-align: center; width: 100%; } .hero-inner { position: relative; top: 50%; transform: translateY(-50%); max-width: 610px; margin: 0 auto; } .page-header { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; margin: 10px 0; } @media (min-width: 768px) { .page-header { align-items: baseline; flex-direction: row; margin: 0; } } .page-header .section-subscribe { flex-shrink: 0; margin-bottom: 10px; } @media (min-width: 768px) { .page-header .section-subscribe { margin-bottom: 0; } } .page-header h1 { flex-grow: 1; margin-bottom: 10px; } .page-header-description { font-style: italic; font-weight: 300; margin: 0 0 30px 0; word-break: break-word; } @media (min-width: 1024px) { .page-header-description { flex-basis: 100%; } } .page-header .icon-lock::before { content: "\1F512"; font-size: 20px; position: relative; left: -5px; vertical-align: baseline; } .sub-nav { display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 30px; min-height: 50px; padding-bottom: 15px; } @media (min-width: 768px) { .sub-nav { align-items: baseline; flex-direction: row; } } @media (min-width: 768px) { .sub-nav input[type="search"] { min-width: 300px; } } .sub-nav input[type="search"]::after { font-size: 15px; } /***** Blocks *****/ /* Used in Homepage#categories and Community#topics */ .blocks-list { display: flex; flex-wrap: wrap; justify-content: flex-start; list-style: none; padding: 0; } @media (min-width: 768px) { .blocks-list { margin: 0 -15px; } } .blocks-item { border: 1px solid rgba(1, 137, 68, 1); border-radius: 4px; box-sizing: border-box; color: rgba(1, 137, 68, 1); display: flex; flex: 1 0 340px; flex-direction: column; justify-content: center; margin: 0 0 30px; max-width: 100%; text-align: center; } @media (min-width: 768px) { .blocks-item { margin: 0 15px 30px; } } .blocks-item:hover, .blocks-item:focus, .blocks-item:active { background-color: rgba(1, 137, 68, 1); } .blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * { color: #FFFFFF; } .blocks-item-internal { background-color: transparent; border: 1px solid #ddd; } .blocks-item-internal .icon-lock::before { content: "\1F512"; font-size: 15px; bottom: 5px; position: relative; } .blocks-item-internal a { color: #333333; } .blocks-item-link { color: rgba(1, 137, 68, 1); padding: 20px 30px; } .blocks-item-title { margin-bottom: 0; } .blocks-item-description { font-weight: 300; margin: 0; } .blocks-item-description:not(:empty) { margin-top: 10px; } /***** Homepage *****/ .section { margin-bottom: 40px; } @media (min-width: 768px) { .section { margin-bottom: 60px; } } .section h2 { margin-bottom: 10px; text-align: center; } /***** Promoted articles *****/ .promoted-articles { display: flex; flex-direction: column; flex-wrap: wrap; } @media (min-width: 1024px) { .promoted-articles { flex-direction: row; } } .promoted-articles-item { flex: 1 0 auto; } @media (min-width: 1024px) { .promoted-articles-item { align-self: flex-end; flex: 0 0 auto; padding-right: 30px; width: 33%; /* Three columns on desktop */ } [dir="rtl"] .promoted-articles-item { padding: 0 0 0 30px; } } .promoted-articles-item:nth-child(3n) { padding-right: 0; } .promoted-articles-item a { border-bottom: 1px solid #ddd; color: rgba(1, 137, 68, 1); display: block; padding: 15px 0; } .promoted-articles-item:last-child a { border: 0; } @media (min-width: 1024px) { .promoted-articles-item:last-child a { border-bottom: 1px solid #ddd; } } /***** Community section in homepage *****/ .community { text-align: center; } .community-image { min-height: 300px; background-image: url(//theme.zdassets.com/theme_assets/2155033/e58c5e8c3ebf94cbbc4d3669def0adbd7d0ff479.svg); background-position: center; background-repeat: no-repeat; max-width: 100%; } .community, .activity { border-top: 1px solid #ddd; padding: 30px 0; } /***** Recent activity *****/ .recent-activity-header { margin-bottom: 10px; text-align: center; } .recent-activity-list { padding: 0; } .recent-activity-item { border-bottom: 1px solid #ddd; overflow: auto; padding: 20px 0; } .recent-activity-item-parent { font-size: 16px; } .recent-activity-item-parent, .recent-activity-item-link { margin: 6px 0; color: rgba(1, 137, 68, 1); display: inline-block; width: 100%; } @media (min-width: 768px) { .recent-activity-item-parent, .recent-activity-item-link { width: 70%; margin: 0; } } .recent-activity-item-link { font-size: 14px; font-weight: 300; } .recent-activity-item-meta { margin: 15px 0 0 0; float: none; } @media (min-width: 768px) { .recent-activity-item-meta { margin: 0; float: right; } [dir="rtl"] .recent-activity-item-meta { float: left; } } .recent-activity-item-time, .recent-activity-item-comment { color: #666; display: inline-block; font-size: 13px; font-weight: 300; } .recent-activity-item-comment { padding-left: 5px; } [dir="rtl"] .recent-activity-item-comment { padding: 0 5px 0 0; } .recent-activity-item-comment::before { display: inline-block; } .recent-activity-item-comment span::before { color: rgba(1, 137, 68, 1); content: "\1F4AC"; display: inline-block; font-size: 15px; padding-right: 3px; vertical-align: middle; } [dir="rtl"] .recent-activity-item-comment span::before { padding-left: 3px; } .recent-activity-controls { padding-top: 15px; } /***** Category pages *****/ .category-container { display: flex; justify-content: flex-end; } .category-content { flex: 1; } @media (min-width: 1024px) { .category-content { flex: 0 0 80%; } } .section-tree { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; } @media (min-width: 768px) { .section-tree { flex-direction: row; } } .section-tree .section { flex: initial; } @media (min-width: 768px) { .section-tree .section { flex: 0 0 45%; /* Two columns for tablet and desktop. Leaving 5% separation between columns */ } } .section-tree .icon-lock::before { vertical-align: baseline; } .section-tree-title { margin-bottom: 0; } .section-tree-title a { color: #333333; } .section-tree .see-all-articles { display: block; padding: 15px 0; } .article-list-item { border-bottom: 1px solid #ddd; font-size: 16px; padding: 15px 0; } .article-list-item a { color: #333333; } .icon-star::before { color: rgba(1, 137, 68, 1); font-size: 18px; } /***** Section pages *****/ .section-container { display: flex; justify-content: flex-end; } .section-content { flex: 1; } @media (min-width: 1024px) { .section-content { flex: 0 0 80%; } } .section-subscribe .dropdown-toggle::after { display: none; } /***** Article *****/ .article { /* * The article grid is defined this way to optimize readability: * Sidebar | Content | Free space * 17% | 66% | 17% */ flex: 1 0 auto; } @media (min-width: 1024px) { .article { flex: 1 0 66%; max-width: 66%; min-width: 640px; padding: 0 30px; } } .article-container { display: flex; flex-direction: column; } @media (min-width: 1024px) { .article-container { flex-direction: row; } } .article-header { align-items: flex-start; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px; margin-top: 20px; } @media (min-width: 768px) { .article-header { flex-direction: row; margin-top: 0; } } .article-author { margin-bottom: 10px; } @media (min-width: 768px) { .article-title { flex-basis: 100%; /* Take entire row */ } } .article-title .icon-lock::before { content: "\1F512"; font-size: 20px; position: relative; left: -5px; vertical-align: baseline; } .article [role="button"] { flex-shrink: 0; /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/ width: 100%; } @media (min-width: 768px) { .article [role="button"] { width: auto; } } .article-info { max-width: 100%; } .article-meta { display: inline-block; margin-left: 10px; vertical-align: middle; } .article-body img { height: auto; max-width: 100%; } .article-body ul, .article-body ol { padding-left: 20px; list-style-position: outside; margin: 20px 0 20px 20px; } [dir="rtl"] .article-body ul, [dir="rtl"] .article-body ol { padding-right: 20px; padding-left: 0; margin-left: 0; margin-right: 20px; } .article-body ul > ul, .article-body ol > ol, .article-body ol > ul, .article-body ul > ol, .article-body li > ul, .article-body li > ol { margin: 0; } .article-body ul { list-style-type: disc; } .article-body a:visited { color: rgba(1, 137, 68, 1); } .article-body code { background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; padding: 0 5px; margin: 0 2px; } .article-body pre { background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; padding: 10px 15px; overflow: auto; white-space: pre; } .article-body blockquote { border-left: 1px solid #ddd; color: #666; font-style: italic; padding: 0 15px; } .article-body > p:last-child { margin-bottom: 0; } .article-content { line-height: 1.6; margin: 40px 0; word-wrap: break-word; } .article-footer { align-items: center; display: flex; justify-content: space-between; padding-bottom: 20px; } .article-comment-count { color: #666; font-weight: 300; } .article-comment-count:hover { text-decoration: none; } .article-comment-count .icon-comments { color: rgba(1, 137, 68, 1); content: "\1F4AC"; display: inline-block; font-size: 18px; padding: 5px; } .article-sidebar { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; flex: 1 0 auto; margin-bottom: 20px; padding: 0; } @media (min-width: 1024px) { .article-sidebar { border: 0; flex: 0 0 17%; height: auto; } } .article-relatives { border-top: 1px solid #ddd; display: flex; flex-direction: column; padding: 20px 0; } @media (min-width: 768px) { .article-relatives { flex-direction: row; } } .article-relatives > * { flex: 1 0 auto; margin-right: 0; } .article-relatives > *:last-child { margin: 0; } @media (min-width: 768px) { .article-relatives > * { margin-right: 20px; } } .article-votes { border-top: 1px solid #ddd; padding: 30px 0; text-align: center; } .article-vote { background: transparent; border: 1px solid rgba(1, 137, 68, 1); color: rgba(1, 137, 68, 1); margin: 10px 5px; min-width: 90px; width: auto; } .article-vote::before { font-size: 8px; margin-right: 10px; } [dir="rtl"] .article-vote::before { margin-right: 0; margin-left: 10px; } .article-vote::after { content: attr(title); /* Yes/No label*/ } .article-vote:focus, .article-vote:active { background-color: transparent; color: rgba(1, 137, 68, 1); } .article-vote:hover { background-color: rgba(1, 137, 68, 1); } .article-vote:hover::before, .article-vote:hover::after, .article-vote[aria-selected="true"]::before, .article-vote[aria-selected="true"]::after { color: #FFFFFF; } /*.article-vote-up::before { content: "\2713"; } .article-vote-down::before { content: "\2715"; }*/ .article-more-questions { margin: 10px 0 20px; text-align: center; } .article-return-to-top { border-top: 1px solid #ddd; } @media (min-width: 1024px) { .article-return-to-top { display: none; } } .article-return-to-top a { color: #333333; display: block; padding: 20px 0; } .article-return-to-top a:hover, .article-return-to-top a:focus { text-decoration: none; } .article-return-to-top .icon-arrow-up::before { font-size: 16px; margin-left: 5px; } [dir="rtl"] .article-return-to-top .icon-arrow-up::before { margin-right: 10px; } .article-unsubscribe { background-color: rgba(1, 137, 68, 1); color: #FFFFFF; text-decoration: none; } .article-unsubscribe:hover { background-color: #002412; border-color: #002412; } .sidenav-title { font-size: 15px; position: relative; } .sidenav-item { border-radius: 4px; color: #333333; display: block; font-weight: 300; margin-bottom: 10px; padding: 10px; } .sidenav-item.current-article, .sidenav-item:hover { background-color: rgba(1, 137, 68, 1); color: #FFFFFF; text-decoration: none; } .recent-articles h3, .related-articles h3 { font-size: 15px; margin: 20px 0; } .recent-articles li, .related-articles li { margin-bottom: 15px; } /***** Attachments *****/ /* Styles attachments inside posts, articles and comments */ .attachments .attachment-item { padding-left: 20px; position: relative; margin-bottom: 10px; } .attachments .attachment-item:last-child { margin-bottom: 0; } .attachments .attachment-item::before { color: #333333; content: "\1F4CE"; font-size: 15px; left: 0; position: absolute; top: 5px; } [dir="rtl"] .attachments .attachment-item { padding-left: 0; padding-right: 20px; } [dir="rtl"] .attachments .attachment-item::before { left: auto; right: 0; } .upload-dropzone span { color: #666; } /***** Social share links *****/ .share { padding: 0; white-space: nowrap; } .share li, .share a { display: inline-block; } .share a { border-radius: 50%; height: 25px; line-height: 25px; overflow: hidden; width: 25px; text-decoration: none; } .share a::before { color: #666; display: block; font-size: 23px; text-align: center; width: 100%; } .share a:hover { text-decoration: none; } .share a:hover::before { color: rgba(1, 137, 68, 1); } .share-twitter::before { content: "\e901"; } .share-facebook::before { content: "\e903"; } .share-linkedin::before { content: "\e900"; } .share-googleplus::before { content: "\e902"; } /***** Comments *****/ /* Styles comments inside articles, posts and requests */ .comment { border-bottom: 1px solid #ddd; padding: 20px 0; } .comment-heading { margin-bottom: 5px; margin-top: 0; } .comment-overview { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 20px 0; } .comment-overview p { margin-top: 0; } .comment-callout { color: #666; display: inline-block; font-weight: 300; font-size: 13px; margin-bottom: 0; } .comment-callout a { color: rgba(1, 137, 68, 1); } .comment-sorter { display: inline-block; float: right; } .comment-sorter a { color: #666; font-weight: 300; font-size: 13px; text-decoration: none; } [dir="rtl"] .comment-sorter { float: left; } .comment-wrapper { display: flex; position: relative; } .comment-wrapper.comment-official { border: 1px solid rgba(1, 137, 68, 1); padding: 40px 20px 20px; } @media (min-width: 768px) { .comment-wrapper.comment-official { padding-top: 20px; } } .comment-info { min-width: 0; padding-right: 20px; width: 100%; } [dir="rtl"] .comment-info { padding-right: 0; padding-left: 20px; } .comment-author { align-items: flex-end; display: flex; flex-wrap: wrap; margin-bottom: 20px; } @media (min-width: 768px) { .comment-author { justify-content: space-between; } } .comment-avatar { margin-right: 10px; } [dir="rtl"] .comment-avatar { margin-left: 10px; margin-right: 0; } .comment-meta { flex: 1 0 auto; } .comment-labels { flex-basis: 100%; } @media (min-width: 768px) { .comment-labels { flex-basis: auto; } } .comment .status-label:not(.status-label-official) { margin-top: 10px; } @media (min-width: 768px) { .comment .status-label:not(.status-label-official) { margin-top: 0; } } .comment-form { display: flex; padding-top: 30px; word-wrap: break-word; } .comment-container { width: 100%; } .comment-form-controls { display: none; margin-top: 10px; text-align: left; } @media (min-width: 768px) { [dir="ltr"] .comment-form-controls { text-align: right; } } .comment-form-controls input[type="submit"] { margin-top: 15px; } @media (min-width: 1024px) { .comment-form-controls input[type="submit"] { margin-left: 15px; } [dir="rtl"] .comment-form-controls input[type="submit"] { margin-left: 0; margin-right: 15px; } } .comment-form-controls input[type="checkbox"] { margin-right: 5px; } .comment-form-controls input[type="checkbox"] [dir="rtl"] { margin-left: 5px; } .comment-ccs { display: none; } .comment-ccs + textarea { margin-top: 10px; } .comment-attachments { margin-top: 10px; } .comment-attachments a { color: rgba(1, 137, 68, 1); } .comment-body { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; word-break: break-word; font-family: 'Noto Sans', sans-serif; line-height: 1.6; } .comment-body img { height: auto; max-width: 100%; } .comment-body ul, .comment-body ol { padding-left: 20px; list-style-position: outside; margin: 20px 0 20px 20px; } [dir="rtl"] .comment-body ul, [dir="rtl"] .comment-body ol { padding-right: 20px; padding-left: 0; margin-left: 0; margin-right: 20px; } .comment-body ul > ul, .comment-body ol > ol, .comment-body ol > ul, .comment-body ul > ol, .comment-body li > ul, .comment-body li > ol { margin: 0; } .comment-body ul { list-style-type: disc; } .comment-body a:visited { color: rgba(1, 137, 68, 1); } .comment-body code { background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; padding: 0 5px; margin: 0 2px; } .comment-body pre { background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; padding: 10px 15px; overflow: auto; white-space: pre; } .comment-body blockquote { border-left: 1px solid #ddd; color: #666; font-style: italic; padding: 0 15px; } .comment-mark-as-solved { display: inline-block; } /***** Vote *****/ /* Used in article comments, post comments and post */ .vote { display: inline-block; text-align: center; width: 35px; } .vote a { outline: none; } .vote a:active, .vote a:hover, .vote a:focus { text-decoration: none; } .vote-sum { color: #666; display: block; margin: 3px 0; } [dir="rtl"] .vote-sum { direction: ltr; unicode-bidi: bidi-override; } .vote-up:hover::before, .vote-down:hover::before { color: rgba(1, 137, 68, 1); } .vote-up::before, .vote-down::before { color: #666; font-size: 24px; } .vote-up::before { content: "\2B06"; } .vote-down::before { content: "\2B07"; } .vote-voted::before { color: rgba(1, 137, 68, 1); } .vote-voted:hover::before { color: #002412; } /***** Actions *****/ /* Styles admin and en user actions(edit, delete, change status) in comments and posts */ .actions { text-align: center; flex-shrink: 0; /*Avoid collapsing elements in Safari*/ } .actions .dropdown-toggle { font-size: 0; margin: 15px 0; } .actions .dropdown-toggle:hover::before, .actions .dropdown-toggle:focus::before, .actions .dropdown-toggle:active::before { background-color: #f7f7f7; } .actions .dropdown-toggle::before { background-color: transparent; border-radius: 50%; color: #666; content: "\2699"; display: block; font-size: 13px; margin: auto; padding: 5px; } /***** Community *****/ .community-hero { background-image: url(//theme.zdassets.com/theme_assets/2155033/ea0fc49e94c74884940bd530924916ea87035a5f.svg); margin-bottom: 10px; } .community-footer { padding-top: 50px; text-align: center; } .community-featured-posts, .community-activity { padding-top: 40px; width: 100%; } .community-header { margin-bottom: 30px; } .community-header h4 { margin-bottom: 0; } .post-to-community { margin-top: 10px; } @media (min-width: 768px) { .post-to-community { margin: 0; } } /* Community topics grid */ .topics { max-width: none; width: 100%; } .topics-item .meta-group { justify-content: center; margin-top: 20px; } /* Community topic page */ .topic-header { border-bottom: 1px solid #ddd; font-size: 13px; } @media (min-width: 768px) { .topic-header { padding-bottom: 10px; } } .topic-header .dropdown { display: block; border-top: 1px solid #ddd; padding: 10px 0; } @media (min-width: 768px) { .topic-header .dropdown { border-top: 0; display: inline-block; margin-right: 20px; padding: 0; } } .no-posts-with-filter { margin-top: 20px; margin-bottom: 20px; } /* Topic, post and user follow button */ .community-follow { margin-bottom: 10px; width: 100%; } @media (min-width: 768px) { .community-follow { margin-bottom: 0; width: auto; } } .community-follow .dropdown { width: 100%; } .community-follow [role="button"] { line-height: 30px; padding: 0 10px 0 15px; position: relative; width: 100%; } @media (min-width: 768px) { .community-follow [role="button"] { width: auto; } } .community-follow [role="button"]:hover { background-color: rgba(1, 137, 68, 1); } .community-follow [role="button"]:hover::after, .community-follow [role="button"]:focus::after { border-color: #FFFFFF; color: #FFFFFF; } .community-follow [role="button"][aria-selected="true"] { background-color: rgba(1, 137, 68, 1); color: #FFFFFF; } .community-follow [role="button"][aria-selected="true"]::after { border-left: 1px solid #FFFFFF; color: #FFFFFF; } .community-follow [role="button"][aria-selected="true"]:hover { background-color: #002412; border-color: #002412; } .community-follow [role="button"]::after { border-left: 1px solid rgba(1, 137, 68, 1); content: attr(data-follower-count); color: rgba(1, 137, 68, 1); display: inline-block; font-family: 'Noto Sans', sans-serif; margin-left: 15px; padding-left: 10px; position: absolute; right: 10px; } @media (min-width: 768px) { .community-follow [role="button"]::after { position: static; } } [dir="rtl"] .community-follow [role="button"]::after { border-left: 0; border-right: 1px solid rgba(1, 137, 68, 1); margin: 0 10px 0 0; padding: 0 10px 0 0; } /***** Striped list *****/ /* Used in community posts list and requests list */ .striped-list { padding: 0; } .striped-list-item { align-items: flex-start; border-bottom: 1px solid #ddd; display: flex; flex-direction: column; justify-content: flex-end; padding: 20px 0; } @media (min-width: 768px) { .striped-list-item { align-items: center; flex-direction: row; } } .striped-list-info { flex: 2; } .striped-list-title { color: rgba(1, 137, 68, 1); margin-bottom: 10px; margin-right: 5px; } .striped-list-title:visited { color: rgba(1, 137, 68, 1); } .striped-list .meta-group { margin: 5px 0; } .striped-list-count { color: #666; font-weight: 300; font-size: 13px; justify-content: flex-start; text-transform: capitalize; } @media (min-width: 768px) { .striped-list-count { display: flex; flex: 1; justify-content: space-around; } } .striped-list-count-item::after { content: "ยท"; display: inline-block; padding: 0 5px; } @media (min-width: 768px) { .striped-list-count-item::after { display: none; } } .striped-list-count-item:last-child::after { display: none; } .striped-list-number { font-weight: 300; text-align: center; } @media (min-width: 768px) { .striped-list-number { color: #333333; display: block; font-weight: 400; } } /***** Status labels *****/ /* Styles labels used in posts, articles and requests */ .status-label { background-color: #1eb848; border-radius: 4px; color: #fff; font-size: 12px; margin-right: 2px; padding: 3px 10px; vertical-align: middle; white-space: nowrap; display: inline-block; } .status-label:hover, .status-label:active, .status-label:focus { text-decoration: none; } .status-label-pinned, .status-label-featured, .status-label-official { background-color: rgba(1, 137, 68, 1); } .status-label-official { border-radius: 0; margin-right: 0; position: absolute; right: 0; text-align: center; top: 0; width: 100%; } @media (min-width: 768px) { .status-label-official { border-radius: 0 0 4px 4px; right: 30px; width: auto; } } [dir="rtl"] .status-label-official { left: 30px; right: auto; } .status-label-pending, .status-label-not-planned { background-color: #eee; color: #666; } .status-label-pending { text-align: center; } .status-label-open { background-color: #e03b30; } .status-label-closed { background-color: #ddd; } .status-label-solved { background-color: #999; } .status-label-new { background-color: #ffd12a; } .status-label-hold { background-color: #000; } .status-label-open, .status-label-closed, .status-label-solved, .status-label-new, .status-label-hold, .status-label-answered { text-transform: lowercase; } /***** Post *****/ /* * The post grid is defined this way: * Content | Sidebar * 70% | 30% */ .post { flex: 1; margin-bottom: 10px; } @media (min-width: 1024px) { .post { flex: 1 0 70%; max-width: 70%; } } .post-container { display: flex; flex-direction: column; } @media (min-width: 1024px) { .post-container { flex-direction: row; } } .post-header { align-items: center; display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 10px; } @media (min-width: 768px) { .post-header { align-items: baseline; flex-direction: row; } } .post-header .status-label { vertical-align: super; } .post-title { margin-bottom: 20px; width: 100%; } @media (min-width: 768px) { .post-title { margin-bottom: 0; padding-right: 10px; } } .post-title h1 { display: inline; vertical-align: middle; } @media (min-width: 768px) { .post-title h1 { margin-right: 5px; } } .post-author { align-items: flex-start; display: flex; justify-content: space-between; } .post-avatar { margin-bottom: 30px; } .post-content { font-family: 'Noto Sans', sans-serif; line-height: 1.6; word-break: break-word; } .post-info-container { display: flex; margin-bottom: 40px; } .post-info { min-width: 0; padding-right: 20px; width: 100%; } [dir="rtl"] .post-info { padding-right: 0; padding-left: 20px; } .post-meta { display: inline-block; flex: 1; margin-left: 10px; vertical-align: middle; } [dir="rtl"] .post-meta { margin-left: 0; margin-right: 10px; } .post-body img { height: auto; max-width: 100%; } .post-body ul, .post-body ol { padding-left: 20px; list-style-position: outside; margin: 20px 0 20px 20px; } [dir="rtl"] .post-body ul, [dir="rtl"] .post-body ol { padding-right: 20px; padding-left: 0; margin-left: 0; margin-right: 20px; } .post-body ul > ul, .post-body ol > ol, .post-body ol > ul, .post-body ul > ol, .post-body li > ul, .post-body li > ol { margin: 0; } .post-body ul { list-style-type: disc; } .post-body a:visited { color: rgba(1, 137, 68, 1); } .post-body code { background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; padding: 0 5px; margin: 0 2px; } .post-body pre { background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; padding: 10px 15px; overflow: auto; white-space: pre; } .post-body blockquote { border-left: 1px solid #ddd; color: #666; font-style: italic; padding: 0 15px; } .post-footer { align-items: center; display: flex; justify-content: space-between; padding-bottom: 20px; } .post-comment-count { color: #666; font-weight: 300; } .post-comment-count:hover { text-decoration: none; } .post-comment-count .icon-comments { color: rgba(1, 137, 68, 1); content: "\1F4AC"; display: inline-block; font-size: 18px; padding: 5px; } .post-sidebar { border-top: 1px solid #ddd; flex: 1; padding: 30px 0; text-align: center; } @media (min-width: 1024px) { .post-sidebar { border: 0; flex: 1 0 30%; padding: 0 0 0 50px; text-align: initial; } [dir="rtl"] .post-sidebar { padding: 0 50px 0 0; } } .post-sidebar h5 { font-weight: 600; } @media (min-width: 1024px) { .post-sidebar h5 { border-bottom: 1px solid #ddd; padding-bottom: 20px; } } .post-comments { margin-bottom: 20px; } @media (min-width: 1024px) { .post-comments { margin-bottom: 0; } } /* Navigation element that collapses on mobile */ .collapsible-nav { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; flex-direction: column; max-height: 45px; overflow: hidden; font-size: 14px; } @media (min-width: 768px) { .collapsible-nav { border: 0; height: auto; flex-direction: row; max-height: none; } } .collapsible-nav-list { display: flex; flex-direction: column; } @media (min-width: 768px) { .collapsible-nav-list { flex-direction: row; } } .collapsible-nav-list li { color: #333333; line-height: 45px; order: 1; } @media (min-width: 768px) { .collapsible-nav-list li { line-height: normal; margin-right: 30px; } [dir="rtl"] .collapsible-nav-list li { margin-left: 30px; margin-right: 0; } .collapsible-nav-list li a { text-decoration: none; padding: 15px 0; } } .collapsible-nav-list li a { color: #333333; display: block; } @media (min-width: 768px) { .collapsible-nav-list li:hover { border-bottom: 4px solid #ddd; } .collapsible-nav-list li:hover a { padding: 15px 0 11px 0; text-decoration: none; } } .collapsible-nav-list li[aria-selected="true"] { order: 0; position: relative; } @media (min-width: 768px) { .collapsible-nav-list li[aria-selected="true"] { border-bottom: 4px solid rgba(1, 137, 68, 1); order: 1; padding: 15px 0 11px 0; } } .collapsible-nav-list li[aria-selected="true"] a { color: #333333; } .collapsible-nav-list li[aria-selected="true"]::after { position: relative; top: 50%; transform: translateY(-50%); content: "\25BE"; position: absolute; right: 0; } @media (min-width: 768px) { .collapsible-nav-list li[aria-selected="true"]::after { display: none; } } [dir="rtl"] .collapsible-nav-list li[aria-selected="true"]::after { left: 0; right: auto; } .collapsible-nav[aria-expanded="true"] { max-height: none; } .collapsible-nav[aria-expanded="true"] li[aria-selected="true"]::after { content: "\2715"; } /* Sidebar navigation that collapses on mobile */ .collapsible-sidebar { flex: 1; max-height: 45px; overflow: hidden; padding: 10px 0; position: relative; } @media (min-width: 1024px) { .collapsible-sidebar { max-height: none; padding: 0; } } .collapsible-sidebar[aria-expanded="true"] { max-height: none; } .collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after { content: "\2715"; } @media (min-width: 1024px) { .collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after { display: none; } } .collapsible-sidebar-title { margin-top: 0; } .collapsible-sidebar-title::after { position: relative; top: 50%; transform: translateY(-50%); content: "\25BE"; position: absolute; right: 10px; } @media (min-width: 1024px) { .collapsible-sidebar-title::after { display: none; } } [dir="rtl"] .collapsible-sidebar-title::after { left: 10px; right: auto; } /***** My activities *****/ .my-activities-nav { background-color: #f2f2f2; border: 0; margin-bottom: 20px; } .my-activities-sub-nav { background-color: transparent; border-bottom: 1px solid #ddd; margin-bottom: 30px; } @media (min-width: 768px) { .my-activities-sub-nav li:hover { border-bottom: 4px solid #ddd; } } .my-activities-sub-nav li[aria-selected="true"] { border-color: rgba(1, 137, 68, 1); } .my-activities-table .striped-list-title { /* My activities tables */ display: block; margin-bottom: 10px; max-width: 350px; white-space: normal; } @media (min-width: 1024px) { .my-activities-table .striped-list-title { margin-bottom: 0; max-width: 500px; min-width: 350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .my-activities-table thead { display: none; } @media (min-width: 768px) { .my-activities-table thead { display: table-header-group; } } .my-activities-table th:first-child, .my-activities-table td:first-child { padding-left: 0; } @media (min-width: 1024px) { .my-activities-table th:first-child, .my-activities-table td:first-child { width: 500px; } } .my-activities-table th:last-child, .my-activities-table td:last-child { padding-right: 0; } .my-activities-table td:not(:first-child) { display: none; } @media (min-width: 768px) { .my-activities-table td:not(:first-child) { display: table-cell; } } /* Requests table */ .requests-search { width: 100%; } .requests-table-toolbar { align-items: flex-end; display: flex; flex-direction: column; } @media (min-width: 768px) { .requests-table-toolbar { flex-direction: row; } } .requests-table-toolbar .search { flex: 1; width: 100%; } .requests-table-toolbar .request-table-filter { width: 100%; } @media (min-width: 768px) { .requests-table-toolbar .request-table-filter { width: auto; } } .requests-table-toolbar .request-filter { display: block; } @media (min-width: 768px) { .requests-table-toolbar .request-filter { margin: 0 0 0 30px; } [dir="rtl"] .requests-table-toolbar .request-filter { margin: 0 30px 0 0; } } .requests-table-toolbar .request-filter-label { font-size: 13px; margin-top: 30px; } @media (min-width: 768px) { .requests-table-toolbar .request-filter-label { margin-top: 0; } } .requests-table-toolbar select { max-height: 40px; margin-bottom: 30px; width: 100%; } @media (min-width: 768px) { .requests-table-toolbar select { margin-bottom: 0; max-width: 300px; width: auto; } } .requests-table-toolbar .organization-subscribe, .requests-table-toolbar .organization-unsubscribe { line-height: 40px; max-height: 40px; padding: 0 20px; } @media (min-width: 768px) { .requests-table-toolbar .organization-subscribe, .requests-table-toolbar .organization-unsubscribe { margin-left: 10px; } [dir="rtl"] .requests-table-toolbar .organization-subscribe, [dir="rtl"] .requests-table-toolbar .organization-unsubscribe { margin: 0 10px 0 0; } } .requests-table-toolbar .organization-unsubscribe { background-color: rgba(1, 137, 68, 1); color: #FFFFFF; } .requests-table-toolbar + .requests-search-info { margin-top: 15px; } .requests-table-toolbar + .requests-search-info.meta-data::after { content: ""; margin: 0; } .requests-table-toolbar + .requests-search-info + .requests { margin-top: 20px; } .requests-table-toolbar + .requests { margin-top: 40px; } .requests .requests-table-meta { display: block; } @media (min-width: 768px) { .requests .requests-table-meta { display: none; } } .requests .requests-table thead { display: none; } @media (min-width: 768px) { .requests .requests-table thead { display: table-header-group; } } .requests .requests-table-info { display: block; } @media (min-width: 768px) { .requests .requests-table-info { display: table-cell; vertical-align: middle; width: auto; } } .requests .requests-table .requests-link { position: relative; } .requests .requests-table .requests-sort-symbol { position: absolute; left: calc(100% + 3px); bottom: 0; font-size: 10px; } /* Following table */ .subscriptions-unsubscribe a { background: rgba(1, 137, 68, 1); border-radius: 4px; color: #FFFFFF; display: inline-block; font-size: 12px; line-height: 2.34; padding: 0 20px; text-align: center; width: 100%; } @media (min-width: 768px) { .subscriptions-unsubscribe a { width: auto; } } .subscriptions-unsubscribe a:hover { background-color: #002412; text-decoration: none; } .subscriptions-table td:last-child { display: block; } @media (min-width: 768px) { .subscriptions-table td:last-child { display: table-cell; } } .subscriptions-table td:first-child { display: flex; align-items: center; } .subscriptions-table .user-avatar { margin-right: 10px; } .subscriptions .striped-list-title { display: inline-block; vertical-align: middle; } /* Contributions table */ .contributions-table td:last-child { color: #666; font-size: 13px; font-weight: 300; } @media (min-width: 768px) { .contributions-table td:last-child { color: inherit; font-size: inherit; font-weight: inherit; } } .no-activities { color: #666; } /***** Request *****/ .request-container { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; } @media (min-width: 1024px) { .request-container { align-items: flex-start; flex-direction: row; } } .request-container .comment-container { min-width: 0; } .request-breadcrumbs { margin-bottom: 40px; } @media (min-width: 1024px) { .request-breadcrumbs { margin-bottom: 60px; } } .request-main { flex: 1 0 auto; order: 1; } .request-main .comment-fields, .request-main .request-submit-comment { display: none; } .request-main .comment-fields.shown { display: block; } .request-main .request-submit-comment.shown { display: inline; } @media (min-width: 1024px) { .request-main { flex: 0 0 66%; order: 0; min-width: 0; } } .request-main .comment-form-controls { display: block; } .request-main .comment-ccs { display: block; } .request-main .comment-show-container { border-radius: 2px; border: 1px solid #ddd; cursor: pointer; display: flex; padding: 8px 15px; width: 100%; } .request-main .comment-show-container.hidden { display: none; } .request-main .comment-show-container-content { align-self: center; color: #666; margin-left: 10px; } .request-main .form-field.comment-ccs > ul { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; } .request-main .form-field.comment-ccs > ul[data-hc-focus="true"] { border: 1px solid rgba(1, 137, 68, 1); } .request-main .form-field.comment-ccs > input[type="text"] { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; } .request-main .comment-ccs + textarea { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0; } .request-main .comment-ccs + textarea:focus { border-top: 1px solid rgba(1, 137, 68, 1); } .request-main input#mark_as_solved { display: none; } .request-title { width: 100%; } @media (min-width: 1024px) { .request-title { border-bottom: 1px solid #ddd; margin-bottom: 0; max-width: 66%; padding-bottom: 20px; } } .request-sidebar { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; flex: 1 0 auto; order: 0; } @media (min-width: 1024px) { .request-sidebar { background-color: #f7f7f7; border: 0; font-size: 13px; flex: 0 0 auto; padding: 0 20px; width: 30%; } } .request-sidebar h5 { font-size: 15px; font-weight: 600; position: relative; } @media (min-width: 1024px) { .request-sidebar h5 { display: none; } } .request-details { border-bottom: 1px solid #ddd; font-size: 0; margin: 0; padding-bottom: 20px; } .request-details:last-child { border: 0; } .request-details dt, .request-details dd { display: inline-block; vertical-align: top; font-size: 13px; margin: 20px 0 0 0; } .request-details dd { padding: 0 10px; width: 60%; } .request-details dd::after { content: "\A"; white-space: pre; } .request-details dt { color: #666; font-weight: 300; width: 40%; } .request-details .request-collaborators { display: inline-block; } .request-attachments dt, .request-attachments dd { width: 100%; } .request-attachments dd { margin: 10px 0 0 0; } .request-form textarea { min-height: 120px; } .request-follow-up { padding-top: 20px; } /***** Pagination *****/ .pagination { margin: 20px 0; text-align: center; } .pagination * { display: inline-block; } .pagination li { border-radius: 50%; height: 40px; float: left; margin-left: 5px; width: 40px; } @media (min-width: 768px) { .pagination li { height: 30px; width: 30px; } } [dir="rtl"] .pagination li { float: right; } .pagination li:hover:not(.pagination-current) { background-color: #f3f3f3; } .pagination li:hover:not(.pagination-current) span, .pagination li:hover:not(.pagination-current) a { color: #333333; text-decoration: none; } .pagination a, .pagination span { font-size: 15px; color: #666; padding: 10px 16px; } @media (min-width: 768px) { .pagination a, .pagination span { font-size: 13px; padding: 5px 12px; } } .pagination-current { background-color: rgba(1, 137, 68, 1); } .pagination-current a, .pagination-current span { color: #FFFFFF; } .pagination-first { border-radius: 3px 0 0 3px; } [dir="rtl"] .pagination-first { border-radius: 0 3px 3px 0; } .pagination-last { border-radius: 0 3px 3px 0; } [dir="rtl"] .pagination-last { border-radius: 3px 0 0 3px; } /***** Metadata *****/ .meta-group { display: block; } .meta-group * { display: inline; } .meta-data { color: #666; font-size: 13px; font-weight: 300; } .meta-data:not(:last-child)::after { content: "\00B7"; margin: 0 5px; } /***** Icons *****/ [class^="icon-"]::before, [class*=" icon-"]::before, .icon, .search::before, .recent-activity-item-comment span::before, .article-vote::before, .attachments .attachment-item::before, .share a::before, .vote-up::before, .vote-down::before, .actions .dropdown-toggle::before, .collapsible-nav-list li[aria-selected="true"]::after, .collapsible-sidebar-title::after, .search-result-votes::before, .search-result-meta-count::before { font-family: "copenhagen-icons"; font-style: normal; font-weight: normal; speak: none; line-height: 1em; vertical-align: middle; -webkit-font-smoothing: antialiased; } .icon-lock::before { content: "\1F512"; } .icon-star::before { content: "\2605"; } .icon-linkedin::before { content: "\e900"; } .icon-twitter::before { content: "\e901"; } .icon-googleplus-::before { content: "\e902"; } .icon-facebook::before { content: "\e903"; } .icon-agent::before { content: "\1F464"; } .icon-close::before { content: "\2715"; } .icon-arrow-up::before { content: "\2B06"; } .icon-arrow-down::before { content: "\2B07"; } .icon-attachments::before { content: "\1F4CE"; } .icon-comments::before { content: "\1F4AC"; } .icon-search::before { content: "\1F50D"; } .icon-vote::before { content: "\1F44D"; } .icon-handle::before { content: "\25BE"; } .icon-check::before { content: "\2713"; } .icon-gear::before { content: "\2699"; } .icon-menu::before { content: "\2630"; } .icon-article::before { content: "\1F4C4"; } .icon-post::before { content: "\1F4D4"; } .icon-notification-alert::before { content: "\26A0"; } .icon-notification-error::before { content: "\00D7"; } .icon-notification-info::before { content: "\2139"; } .icon-notification-success::before { content: "\2714"; } /* User Profiles */ .profile-header { padding: 30px 0; background-color: #f7f7f7; } .profile-header .container { display: flex; flex-wrap: wrap; } @media (min-width: 768px) { .profile-header .container { flex-wrap: nowrap; } } .profile-header .profile-info { flex-basis: 100%; display: flex; flex-wrap: wrap; min-width: 0; } .profile-avatar { position: relative; line-height: 0; align-self: center; margin-right: 10px; } [dir="rtl"] .profile-avatar { margin-left: 10px; margin-right: 0; } .profile-avatar .user-avatar { width: 65px; height: 65px; } .profile-avatar .icon-agent::before { bottom: 0; right: 0; } .profile-header .basic-info { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; word-break: break-word; display: flex; flex-direction: column; justify-content: center; flex-grow: 1; flex-basis: 0; min-width: 0; } .profile-header .basic-info .name { margin: 0; } .profile-header .options { display: flex; flex-basis: 100%; margin-top: 12px; align-items: flex-start; flex-wrap: wrap; } @media (min-width: 768px) { .profile-header .options { flex-wrap: nowrap; flex-basis: auto; margin-top: 0; margin-left: 10px; } [dir="rtl"] .profile-header .options { margin-left: 0; margin-right: 10px; } .profile-header .options > :not(:last-child) { margin-bottom: 0; margin-right: 10px; } [dir="rtl"] .profile-header .options > :not(:last-child) { margin-left: 10px; margin-right: 0; } } .profile-header .options [data-action="edit-profile"] { background-color: rgba(1, 137, 68, 1); border: 0; color: #FFFFFF; line-height: normal; padding: 8px 20px; } .profile-header .description { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; word-break: break-word; margin: 15px 0; flex-basis: 100%; } .profile-stats { font-size: 13px; display: flex; flex-direction: column; flex-basis: 100%; } .profile-stats .stat { display: flex; margin-bottom: 10px; } .profile-stats .stat-label { color: #666; font-weight: 300; flex: 0 0 100px; margin-right: 10px; } [dir="rtl"] .profile-stats .stat-label { margin-left: 10px; margin-right: 0; } .profile-stats-activity { border-top: solid 1px #ddd; margin-top: 15px; } @media (min-width: 768px) { .profile-stats-activity { border-top: 0; flex-direction: row; } } @media (min-width: 768px) { .profile-stats-activity .stat { flex-direction: column; } } .profile-stats-activity .stat:first-child { margin-top: 10px; } @media (min-width: 768px) { .profile-stats-activity .stat:first-child { margin-top: 0; } } @media (min-width: 768px) { .profile-stats-activity .stat:not(:last-child) { margin-right: 40px; } [dir="rtl"] .profile-stats-activity .stat:not(:last-child) { margin-left: 40px; margin-right: 0; } } @media (min-width: 768px) { .profile-stats-activity .stat-label { flex: 0 1 auto; } } .profile-stats-counters { border-bottom: solid 1px #ddd; } @media (min-width: 768px) { .profile-stats-counters { flex: 0 0 200px; border-bottom: 0; margin-left: 40px; } [dir="rtl"] .profile-stats-counters { margin-left: 0; margin-right: 40px; } } @media (min-width: 1024px) { .profile-stats-counters { flex: 0 0 270px; margin-left: 60px; } [dir="rtl"] .profile-stats-counters { margin-right: 60px; margin-left: 0; } } @media (min-width: 768px) { .profile-stats-counters .stat { flex-direction: column; } } @media (min-width: 1024px) { .profile-stats-counters .stat { flex-direction: row; } } @media (min-width: 768px) { .profile-stats-counters .stat:not(:last-child) { margin-bottom: 15px; } } @media (min-width: 768px) { .profile-stats-counters .stat-label { flex: 0 1 auto; } } @media (min-width: 1024px) { .profile-stats-counters .stat-label { flex: 0 0 100px; } } .profile-private-badge { flex-basis: 100%; border: solid 1px rgba(1, 137, 68, 1); border-radius: 4px; color: rgba(1, 137, 68, 1); padding: 5px 20px; font-size: 12px; text-align: center; } .profile-private-badge::after { content: "\1f512"; margin-left: 5px; font-family: "copenhagen-icons"; vertical-align: middle; line-height: 15px; } @media (min-width: 768px) { .profile-private-badge { flex-basis: auto; } } .profile-nav { background-color: #f2f2f2; border: 0; margin-bottom: 37px; } .profile-section { width: 100%; } @media (min-width: 1024px) { .profile-section { width: calc(100% - 330px); } } .profile-section-header { display: flex; flex-wrap: wrap; } .profile-section-title { flex-basis: 100%; margin-bottom: 0; } .profile-section-description { flex-basis: 100%; padding: 10px 0; color: #666; font-weight: 300; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 768px) { .profile-section-description { flex: 1 0 50%; padding-bottom: 0; } } .profile-section-sorter { flex-basis: 100%; border-top: solid 1px #eee; font-size: 13px; } .profile-section-sorter .dropdown-toggle { padding: 10px 0; width: 100%; } .profile-section-sorter .dropdown-toggle::after { position: absolute; right: 0; } [dir="rtl"] .profile-section-sorter .dropdown-toggle::after { left: 0; right: initial; } @media (min-width: 768px) { .profile-section-sorter .dropdown-toggle::after { position: relative; } } @media (min-width: 768px) { .profile-section-sorter { flex: 0 1 auto; padding-top: 0; border-top: 0; margin-left: 20px; } [dir="rtl"] .profile-section-sorter { margin-left: 0; margin-right: 20px; } } .profile-contribution { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; word-break: break-word; padding: 20px 0; position: relative; } .profile-contribution-header { margin-bottom: 5px; } .profile-contribution-title { margin: 0 0 5px 0; display: inline; line-height: 21px; font-size: 15px; vertical-align: middle; } .profile-contribution-body { margin: 10px 0; } .profile-contribution-list > .profile-contribution { border-top: 1px solid #eee; } @media (min-width: 768px) { .profile-contribution-list > .profile-contribution { padding-left: 30px; } [dir="rtl"] .profile-contribution-list > .profile-contribution { padding-right: 30px; padding-left: 0; } } .profile-contribution-list > .profile-contribution:last-child { border-bottom: 1px solid #eee; } .profile-contribution-list > .profile-contribution::before { left: 0; position: absolute; font-size: 16px; color: #ccc; font-family: "copenhagen-icons"; line-height: 25px; } [dir="rtl"] .profile-contribution-list > .profile-contribution::before { right: 0; } .profile-contribution-list .profile-contribution-header { margin-left: 30px; } [dir="rtl"] .profile-contribution-list .profile-contribution-header { padding-right: 30px; padding-left: 0; } @media (min-width: 768px) { .profile-contribution-list .profile-contribution-header { margin-left: 0; } [dir="rtl"] .profile-contribution-list .profile-contribution-header { padding-right: 0; } } .profile-comments .profile-contribution-breadcrumbs { margin-left: 30px; } [dir="rtl"] .profile-comments .profile-contribution-breadcrumbs { padding-right: 30px; padding-left: 0; } @media (min-width: 768px) { .profile-comments .profile-contribution-breadcrumbs { margin-left: 0; } [dir="rtl"] .profile-comments .profile-contribution-breadcrumbs { padding-right: 0; } } .profile-section .no-activity, .profile-section .private-activity { display: block; margin-top: 40px; color: #999; } .profile-section .private-activity::before { content: "\1f512"; font-family: "copenhagen-icons"; font-style: normal; font-size: 12px; font-weight: normal; vertical-align: middle; margin-right: 10px; } [dir="rtl"] .profile-section .private-activity::before { margin-right: 0; margin-left: 10px; } .profile-activity-list { margin-top: 25px; } .profile-activity { position: relative; padding-bottom: 30px; } @media (min-width: 768px) { .profile-activity { padding-left: 20px; } [dir="rtl"] .profile-activity { padding-right: 20px; padding-left: 0; } } @media (min-width: 768px) { .profile-activity:not(:last-child) { border-left: 1px solid #ddd; } [dir="rtl"] .profile-activity:not(:last-child) { border-left: 0; border-right: 1px solid #ddd; } } .profile-activity-header { display: flex; align-items: center; margin-left: 35px; } [dir="rtl"] .profile-activity-header { margin-left: 0; margin-right: 35px; } @media (min-width: 768px) { .profile-activity-header { margin-left: 0; } [dir="rtl"] .profile-activity-header { margin-right: 0; } } .profile-activity-header .user-avatar { width: 40px; height: 40px; margin-right: 10px; min-width: 40px; align-self: flex-start; } [dir="rtl"] .profile-activity-header .user-avatar { margin-left: 10px; margin-right: 0; } .profile-activity-description { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; word-break: break-word; margin: 0; min-width: 0; width: 100%; } .profile-activity-description span:first-child { font-weight: 600; display: inline; } .profile-activity-contribution { padding: 20px; margin-top: 10px; border-radius: 8px; background-color: #f7f7f7; } @media (min-width: 768px) { .profile-activity-contribution { margin-top: 0; margin-left: 50px; } [dir="rtl"] .profile-activity-contribution { margin-left: 0; margin-right: 50px; } } .profile-activity::before { position: absolute; left: 0; width: 28px; border-radius: 50%; content: ""; background-size: 14px 14px; background-repeat: no-repeat; background-color: #FFFFFF; background-position: 50% 50%; text-align: center; line-height: 40px; font-size: 16px; color: #ccc; font-family: "copenhagen-icons"; } [dir="rtl"] .profile-activity::before { right: 0; } @media (min-width: 768px) { .profile-activity::before { left: -14px; } [dir="rtl"] .profile-activity::before { right: -14px; } } .profile-articles > .profile-contribution::before, .profile-activity-list > li[class$="-article"]::before { content: "\1f4c4"; } .profile-posts > .profile-contribution::before, .profile-activity-list > li[class$="-post"]::before { content: "\1f4d4"; } .profile-comments > .profile-contribution::before, .profile-activity-list > li[class$="-comment"]::before { content: "\1f4ac"; line-height: 35px; } /***** Search results *****/ .search-results { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; } @media (min-width: 1024px) { .search-results { flex-direction: row; } } .search-results-column { flex: 1; } @media (min-width: 1024px) { .search-results-column { flex: 0 0 45%; } } .search-results-list { margin-bottom: 25px; } .search-results-list > li { border-bottom: 1px solid #ddd; padding: 20px 0; } .search-results-list > li:first-child { border-top: 1px solid #ddd; } .search-result-votes, .search-result-meta-count { color: #666; display: inline-block; font-size: 13px; font-weight: 300; padding: 4px 5px; position: relative; } .search-result-votes::before, .search-result-meta-count::before { color: rgba(1, 137, 68, 1); } [dir="ltr"] .search-result-votes, [dir="ltr"] .search-result-meta-count { margin-left: 5px; } [dir="ltr"] .search-result-votes::before, [dir="ltr"] .search-result-meta-count::before { margin-right: 3px; } [dir="rtl"] .search-result-votes, [dir="rtl"] .search-result-meta-count { margin-right: 5px; } [dir="rtl"] .search-result-votes::before, [dir="rtl"] .search-result-meta-count::before { margin-left: 3px; } .search-result-votes::before { content: "\1F44D"; } .search-result-meta-count::before { content: "\1F4AC"; } .search-result .meta-group { align-items: center; } .search-result-breadcrumbs { margin: 0; } .search-result-breadcrumbs li:last-child::after { content: "ยท"; display: inline-block; margin: 0 5px; } /************* BOOTSTRAP GRID **************/ @-ms-viewport { width: device-width; } html { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } .container { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 576px) { .container { width: 540px; max-width: 100%; } } @media (min-width: 768px) { .container { width: 720px; max-width: 100%; } } @media (min-width: 992px) { .container { width: 960px; max-width: 100%; } } @media (min-width: 1200px) { .container { width: 1140px; max-width: 100%; } } .container-fluid { width: 100%; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media (min-width: 576px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 768px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 992px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 1200px) { .row { margin-right: -15px; margin-left: -15px; } } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-right: 15px; padding-left: 15px; } } .col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-0 { right: auto; } .pull-1 { right: 8.333333%; } .pull-2 { right: 16.666667%; } .pull-3 { right: 25%; } .pull-4 { right: 33.333333%; } .pull-5 { right: 41.666667%; } .pull-6 { right: 50%; } .pull-7 { right: 58.333333%; } .pull-8 { right: 66.666667%; } .pull-9 { right: 75%; } .pull-10 { right: 83.333333%; } .pull-11 { right: 91.666667%; } .pull-12 { right: 100%; } .push-0 { left: auto; } .push-1 { left: 8.333333%; } .push-2 { left: 16.666667%; } .push-3 { left: 25%; } .push-4 { left: 33.333333%; } .push-5 { left: 41.666667%; } .push-6 { left: 50%; } .push-7 { left: 58.333333%; } .push-8 { left: 66.666667%; } .push-9 { left: 75%; } .push-10 { left: 83.333333%; } .push-11 { left: 91.666667%; } .push-12 { left: 100%; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.333333%; } .pull-sm-2 { right: 16.666667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.333333%; } .pull-sm-5 { right: 41.666667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.333333%; } .pull-sm-8 { right: 66.666667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.333333%; } .pull-sm-11 { right: 91.666667%; } .pull-sm-12 { right: 100%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.333333%; } .push-sm-2 { left: 16.666667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.333333%; } .push-sm-5 { left: 41.666667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.333333%; } .push-sm-8 { left: 66.666667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.333333%; } .push-sm-11 { left: 91.666667%; } .push-sm-12 { left: 100%; } .offset-sm-0 { margin-left: 0%; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.333333%; } .pull-md-2 { right: 16.666667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.333333%; } .pull-md-5 { right: 41.666667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.333333%; } .pull-md-8 { right: 66.666667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.333333%; } .pull-md-11 { right: 91.666667%; } .pull-md-12 { right: 100%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.333333%; } .push-md-2 { left: 16.666667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.333333%; } .push-md-5 { left: 41.666667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.333333%; } .push-md-8 { left: 66.666667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.333333%; } .push-md-11 { left: 91.666667%; } .push-md-12 { left: 100%; } .offset-md-0 { margin-left: 0%; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.333333%; } .pull-lg-2 { right: 16.666667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.333333%; } .pull-lg-5 { right: 41.666667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.333333%; } .pull-lg-8 { right: 66.666667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.333333%; } .pull-lg-11 { right: 91.666667%; } .pull-lg-12 { right: 100%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.333333%; } .push-lg-2 { left: 16.666667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.333333%; } .push-lg-5 { left: 41.666667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.333333%; } .push-lg-8 { left: 66.666667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.333333%; } .push-lg-11 { left: 91.666667%; } .push-lg-12 { left: 100%; } .offset-lg-0 { margin-left: 0%; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.333333%; } .pull-xl-2 { right: 16.666667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.333333%; } .pull-xl-5 { right: 41.666667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.333333%; } .pull-xl-8 { right: 66.666667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.333333%; } .pull-xl-11 { right: 91.666667%; } .pull-xl-12 { right: 100%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.333333%; } .push-xl-2 { left: 16.666667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.333333%; } .push-xl-5 { left: 41.666667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.333333%; } .push-xl-8 { left: 66.666667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.333333%; } .push-xl-11 { left: 91.666667%; } .push-xl-12 { left: 100%; } .offset-xl-0 { margin-left: 0%; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .order-sm-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-sm-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .order-md-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-md-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .order-lg-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-lg-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .order-xl-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-xl-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } /************* UTILITIES **************/ .text-center { text-align: center; } .position-relative { position: relative; } .text-right { text-align: right; } .text-uppercase { text-transform: uppercase; } .font-bold { font-weight: bold; } .d-flex { display: -ms-flexbox; display: flex; } .flex-row { -ms-flex-direction: row; flex-direction: row; } .mr-auto { margin-right: auto; } .h1 { font-size: 36px; color: #000000; font-weight: bold; } .h2 { font-size: 27px; color: #222222; margin-bottom: 15px; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: .5rem; } .breadcrumbs li { font-size: 15px; font-weight: normal; } .sub-nav { min-height: unset; margin: 0px; padding-bottom: 8px; } .card { padding: 23px 30px 25px 30px; background-color: #d8d8d8; color: #757575; margin-bottom: 45px; } .card p { margin: 0; } .breadcrumbs li + li::before { font-weight: bold; color: #6B6562; } .status-label { border-radius: 0; } .status-label-pinned { background-color: #F8E71C; color: #000; } .bg-on-mobile { background: #313131; } .reportPost, .reportComment { cursor: pointer; } .voteBox .voteBoxInner span { text-transform: capitalize; } @media only screen and (max-width: 991px) { .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .headLink { padding: 0!important; position: absolute; top: 30px; text-decoration: underline!important; } #comment-overview .comment-heading { display: inline; } #comment-overview .post-share { display: inline; float: right; } #comment-overview .share li, .share a { vertical-align: -webkit-baseline-middle; } .share-linkedin { display: none!important; } .icon-star::before { border: 1px solid; padding: 0 5px; font-family: none!important; } .pagination li { border-radius: 0; } /***** Browse By Topic *****/ #content .container.index .header h2 { margin-bottom: 30px; font-weight: 600; } .container .header h2 { margin: 0px; font-weight: 600; margin-bottom: 15px; font-size: 28px; line-height: 1; word-break: break-word; -ms-word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; font-family: "Noto Sans", Helvetica, Arial, sans-serif !important; } #content p, #content .container .body, #content .container .header { -ms-word-break: break-word; word-break: break-word; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; !imporant } .feedListSection .container-fluid .desk-topic, #content .container.index .desk-qna, #content .container.index .get-sat { padding-bottom: 40px; } .container-fluid .desk-topic h3, #content .container.index .desk-qna h3, #content .container.index .get-sat h4, .container-fluid .desk-topic h2.h2-custom { padding-bottom: 26px; margin-bottom: 24px; margin-top: 10px; text-transform: uppercase; font-size: 17px; border-bottom: 2px solid #e1e1e1; text-transform: uppercase; font-weight: 600; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; overflow: hidden; } .container-fluid ul li { padding-left: 0px; margin-bottom: 18px; color: #c6c6c6; font-size: 16px; word-wrap: normal; word-break: break-word; -ms-word-break: normal; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .login a.btn, .input-button > input.btn, a.btn.btn-pill { color: rgba(1, 137, 68, 1); } .error-page { max-width: 1160px; margin: 0 auto; padding: 0 5%; } .button, button, input[type="submit"], .btn.btn-submit, .login a.btn, .btn.btn-pill, .input-button > input, .attachments a.add_attachment, .input-button > input.btn.btn-submit, .desk_file_upload input[type=button] { height: auto; padding: 0 20px; display: inline-block; color: white; font-size: 13px; font-weight: 600; line-height: 36px; border-radius: 4px; border: 0; cursor: pointer; } .btn-pill span { border-right: 2px solid #8D8E92; padding-right: 10px; margin-right: 10px; } .container-fluid h3 a{ color: black !important; text-decoration: none; } .container .page-header h2{ margin: 0px; font-weight: 600; margin-bottom: 15px; font-size: 28px; line-height: 1; word-break: break-word; } #breadcrumbs > .container { padding: 108px 15px 30px 15px; } .section-content .header { padding-bottom: 40px; } .menu-container .menu-mobile { visibility: hidden; } /***** New CS *****/ #content, #breadcrumbs, .panel, .field input[type=text], .field input[type=password], .form-control { background: #ffffff; } #content .container.index { padding: 108px 15px 130px 15px; } #content .container.index .desk-topic, #content .container.index .desk-qna, #content .container.index .get-sat { padding-bottom: 40px; } body, html, h1, h2, h3, h4, h5, h6, #content .container.index .desk-topic h3 a, #content .container.index .desk-qna h3 a, #content .container.index .get-sat h4 a, #content .container.topic .body .qna h3 a, #content .container.topic .body .article h3 a { /*color: #000000;*/ } #content .container.index .desk-topic h3 a, #content .container.index .desk-qna h3 a, #content .container.index .get-sat h4 a { color: #000000; } #content .container.index .desk-topic h3, #content .container.topic .desk-topic h3.social_header, #content .container.article .desk-topic h3.social_header, #content .container.index .desk-qna h3, #content .container.index .get-sat h4, #content .container.article .desk-topic h2.social_header.h2-custom, #content .container.index .desk-topic h2.h2-custom { padding-bottom: 26px; margin-bottom: 24px; margin-top: 10px; text-transform: uppercase; font-size: 17px; border-bottom: 2px solid #e1e1e1; text-transform: uppercase; font-weight: 600; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; overflow: hidden; } #content .container.index .desk-topic ul, #content .container.index .desk-qna ul, #content .container.article .desk-qna ul, #content .container.index .get-sat ul { /*padding-left: 20px;*/ margin-bottom: 34px; } #content .container.index .desk-topic ul li, #content .container.topic .desk-topic ul li, #content .container.article .desk-topic ul li, #content .container.index .desk-qna ul li, #content .container.index .get-sat ul li { padding-left: 0px; margin-bottom: 18px; color: #c6c6c6; font-size: 16px; word-wrap: normal; word-break: break-word; -ms-word-break: normal; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } /*Breadcrumb*/ #breadcrumbs ol.breadcrumb li { text-transform: uppercase; font-size: 14px; font-weight: 600; word-break: break-word; -ms-word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } #breadcrumbs ol.breadcrumb { margin: 0px; background: none; padding: 0px; } .breadcrumb { padding: 8px 15px; margin-bottom: 27px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb>li+li:before { content: "/\00a0"; padding: 0 5px; color: #ccc; } #breadcrumbs ol.breadcrumb > li + li:before { content: "\003e"; color: #6B6562; } #breadcrumbs ol.breadcrumb li.active { color: #585858; } .breadcrumb>li { display: inline-block; } /* End Breadcrumb*/ /*Helpful Links Column*/ .support_links li h4 { text-transform: none; font-size: 18px; margin: 0; padding: 0; border: none; } .support_links li { margin: 0px 0px 0px 0px; background-repeat: no-repeat; min-height: 40px; line-height: 24px; padding: 0 0 0 52px; } .support_links ul { list-style: none; margin: 20px 0 0 0; padding: 0; } #content .container.index .desk-topic ul li.support-link, #content .container.topic .desk-topic ul li.support-link, #content .container.article .desk-topic ul li.support-link{ margin-bottom: 0px; } /*End Helpful Links*/ /*Error Page*/ .sectionBlock { padding: 75px 0; } .error-page { margin: 0 auto; padding: 0 5%; } /* End Error Page*/ @media only screen and (max-width: 480px) { #content .container.index.desk-topic ul.article-list, #content .container.index .get-sat ul, #content .container.index .desk-qna ul { list-style: none; padding: 0px; } #article-container > article > div { margin-left: 0px; margin-right: 0px; } #article-container > article > header, .container .header h2 { margin-left: 0px; margin-right: 0px; } } body > div.menu-container > div > div > ul > li { background-color: rgba(255,0,0,0); } /* Bottom Toolbar */ .bottom-nav { margin: 24px 0 48px 0; padding: 26px 0; border-top: 2px solid #e1e1e1; border-bottom: 2px solid #e1e1e1; overflow:auto; } .bottom-nav .nav{ margin-bottom: 0; padding-left: 0; list-style: none; height: 40px; } .bottom-nav .nav-pills>li { float: left; } .bottom-nav .nav>li { position: relative; display: block; } .bottom-toolbar .nav-pills>li>a { border-radius: 4px; } .bottom-toolbar .nav>li>a { position: relative; display: block; padding: 10px 15px; } @media only screen and (max-width: 750px) { /*.bottom-toolbar .bottom-nav{ display: none; }*/ } /* End Bottom Toolbar*/ /******************** Form Styles *********************/ #new_request input[type="submit"] { width: auto; min-width: 0; border-radius: 0; float: right; font-weight: 600; font-size: 16px; } #new_request .form-field .hintText { color: #727272; font-size: 13px; margin: -5px 0 6px 0; } #minecraft_earth_location_issues { cursor: unset; pointer-events:none; } #minecraft_earth_location_issues:hover { background-color: #FFF; } #new_request .upload-dropzone { border: 0; height: 100px; } #new_request .upload-dropzone span::before { display: block; } #new_request .upload-dropzone span { display: inline; vertical-align: middle; } #new_request .upload-dropzone input[type=file]{ opacity:1; padding: 96px 0 0 0; border: 2px dashed #d8d8d8; } #new_request .upload-dropzone input[type=file]:focus{ border-color: rgba(1, 137, 68, 1); } #new_request input[type="submit"]:focus{ outline: 2px dotted #333; } .request_custom_fields_360021176672.required, .request_custom_fields_360021224971.required, .request_custom_fields_360021225191 { width: 48%; display: inline-block; margin-right: 3%; float: left; } .request_custom_fields_360021225151.required, .request_custom_fields_360021224991.required, .request_custom_fields_360021177472 { width: 48%; display: inline-block; } .request_custom_fields_360021225191[hidden], .request_custom_fields_360021177472[hidden] { display: none!important; } .nesty-panel { max-height: 250px!important; } .form-field label.errorStyle { color: #f00!important; font-size: 12px; margin: 5px 0; } .request_custom_fields_360021225171[hidden] + p { display: none; } .request_custom_fields_360021225171 + p { display: block; } /* Create a custom checkbox */ #new_request .form-field.boolean { position: relative; background-color: #F8F8F8; /*z-index: -2;*/ margin-top: 0; padding-top: 25px; padding-left: 25px; padding-right: 25px; } #new_request .form-field.boolean label { padding-left: 40px; margin-bottom: 0; padding-bottom: 5px; cursor: pointer; position: relative; z-index: 99999; } #new_request .form-field input[type="checkbox"] { visibility: hidden; position: absolute; top: 0; left: 0; } .checkmark { position: absolute; top: 25px; left: 25px; height: 25px; width: 25px; background-color: #fff; z-index: 0; border: 1px solid #f00; } .request_custom_fields_360021224791 { margin-top: 0!important; background-color: #F8F8F8; padding: 15px 30px 30px 63px; } .request_custom_fields_360021224791 input[type="text"] { border: 1px solid #F00; } .request_custom_fields_360021225171 { margin-bottom: 25px; } /* On mouse-over, add a grey background color */ /*.container:hover input ~ .checkmark { background-color: #ccc; }*/ /* When the checkbox is checked, add a blue background */ input:checked ~ .checkmark { background-color: #36b030!important; border: none; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .custOptional label::after, .form-field.boolean label::after { content: none!important; } .form { max-width: 730px; } .checkTitle { background-color: #F8F8F8; padding: 42px 25px 0 25px; margin: 0; } .requestGrid { margin-left: 16.666667%!important; } @media only screen and (max-width: 767px) { .container { padding: 0 15px; } .requestGrid { margin-left: 0!important; } .Moj_newRequestPage .row { margin: 0; } .request_custom_fields_360021225151, .request_custom_fields_360021224991, .request_custom_fields_360021177472, .request_custom_fields_360021176672, .request_custom_fields_360021224971, .request_custom_fields_360021225191 { width: 100%!important; margin-right: 0!important; } } .descText { margin-top: 10px; } .whiteText { color: #FFF!important; } /**/ #countryPhoneNumber { display: inline-block; position: relative; width: 100%; } .flag-icon { display: inline-block; width: 16px; height: 11px; margin-right: 10px; background: url(//theme.zdassets.com/theme_assets/2155033/f61454bb3a6b2f7863fe20455f8537844ea494eb.png) no-repeat } .JO .flag-icon{ background-position: -260px -135px !important; } .flag-selected{ width: 100%; display: inline-block; } #countryPhoneNumber .dropdown-toggle{ padding: 2px; margin-left: 10px; background-color: transparent; border-color: #000; text-align: left; color: #000; position: absolute; left: 0; } #countryPhoneNumber .dropdown-toggle:hover{ } .dropdown-menu.open { display: block; } .caret { position: absolute; display: inline-block; right: -10px; top: 18px; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } #countryPhoneNumber .dropdown-toggle::after { content: none; } #countryPhoneNumber input { padding-left: 64px; } #countryPhoneNumber .dropdown-menu { padding : 10px; } #countryPhoneNumber .dropdown-menu li label{ cursor: pointer; } .request_custom_fields_360023255391 { display: none; } #flags-drop-down-list.open{ z-index: 100000; } .minecraft-footer .icon-microsoft-studios { margin-left: 16px; } .minecraft-footer a { vertical-align: top; display: initial; padding-top: 0px; } @media only screen and (min-width: 768px) { .minecraft-footer img.icon-microsoft-studios { width: 90px; height: auto; } /*.minecraft-footer a .icon-mojang { margin-top:6%; }*/ } @media only screen and (max-width: 767px) { .minecraft-footer img.icon-microsoft-studios { width: 98px; height: auto; vertical-align: middle; } .minecraft-footer a .icon-mojang { margin-top:0px; } } /*Article overlap issue fix*/ .article-container .article .body .article-content { width:100%; } .article-container .article .body .article-content .article-body .row > div{ flex: 0 0 100%; max-width: 100%; } /*Accesibility fixes*/ zd-autocomplete-option:focus, zd-autocomplete-option:hover, zd-autocomplete-option[aria-selected="true"]{ outline:2px solid #2A641C; background-color:#f1f1f1; } .menu form.search-full input[type="search"], .menu form.search-full input[type="search"]::placeholder{ color: #757575; } #content .container.article div.row p.updated { color: #333333; /*Existing - color: #999999;, #808080*/ } .minecraft-footer .text-smaller .m-1{ font-size: .75rem; color: #757575; } .nesty-panel ul li:first-child { pointer-events: none; } .wysiwyg-color-red{ color: #e50000; } #automaticAnswers .AutomaticAnswersDesktop-message span, #automaticAnswers span, #automaticAnswers .u-paddingTT, .u-paddingTT{ color: #000 !important; } /* cookie privacy statement text decoration css*/ #wcpConsentBannerCtrl .f6QKJD7fhSbnJLarTL-W- a:active,#wcpConsentBannerCtrl .f6QKJD7fhSbnJLarTL-W- a:focus,#wcpConsentBannerCtrl .f6QKJD7fhSbnJLarTL-W- a:hover,#wcpConsentBannerCtrl .f6QKJD7fhSbnJLarTL-W- a:link,#wcpConsentBannerCtrl .f6QKJD7fhSbnJLarTL-W- a:visited{text-decoration:underline !important} #wcpCookiePreferenceCtrl input[type="radio"]:focus{border: 0px !important;} /*Intake form redesign */ #new_request .form-field .hintText.hintText-bottom{ margin: 0; } #new_request .autosuggestion-container { background: #F8F5F4; margin: 20px 0 30px; padding: 20px; position: relative; } #new_request .autosuggestion-container .h-3 { font-size: 22px; line-height: 30px; font-family: "Noto Sans"; font-weight: bold; margin-bottom: 10px; color: #262422; } #new_request .autosuggestion-container .sugn-list li { list-style: none; /*display: block; padding: 6px 0;*/ list-style: none; padding-bottom: 10px; } #new_request .autosuggestion-container .sugn-list li a{ font-family: "Noto Sans"; font-size: 16px; line-height: 22px; color: #262422; text-decoration: none; box-shadow: 0 1px 0 0px currentColor; } #new_request .autosuggestion-container .see-more { display: inline-block; padding-top: 12px; } #new_request .ee-message ,#new_request .refund-message { background: #F8F5F4; margin: 20px 0; padding: 20px; position: relative; } #new_request .ee-message:after ,#new_request .refund-message:after, #new_request .autosuggestion-container:after, #new_request .ee-message:before ,#new_request .refund-message:before, #new_request .autosuggestion-container:before { height: 5px; width: 50%; position: absolute; bottom: -5px; content: ""; background: #d9d9d9; } #new_request .ee-message:after ,#new_request .refund-message:after, #new_request .autosuggestion-container:after { right: 0px; } #new_request .ee-message:before ,#new_request .refund-message:before, #new_request .autosuggestion-container:before { left: 0px; } #new_request .ee-message p, #new_request .refund-message p { margin: 0; font-family: "Noto Sans"; font-weight: 400; font-size: 16px; line-height: 22px; color: #262422; } #new_request .refund-message p a, #new_request .ee-message a { word-break: break-all; box-shadow: 0 1px 0 0px currentColor; } #new_request .refund-message p a:hover,#new_request .ee-message a:hover { box-shadow: 0 1px 0 0px currentColor; } #new_request #post_new_request { color: rgba(1, 137, 68, 1); margin-bottom: 14px; display: inline-block; cursor: pointer; } #new_request .sugn-list .toggle-articles { display:none; } .nesty-panel li, .nesty-panel .nesty-selected{ font-weight:normal; } .Moj_newRequestPage { position: relative; } .loader-container { display: none; width: 100%; height: 100%; position: absolute; background: #ccc; opacity: 0.3; z-index: 9999999; top: 0; } #new_request input[type="submit"] { font-family: "Noto Sans"; } .loader-container .loader { top: 30%; transform: translateX(-50%); z-index: 9999; left: 50%; position: absolute; border: 4px solid #FFF; border-radius: 50%; border-top: 4px solid #376234; width: 50px; height: 50px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .nesty-panel li:first-child { pointer-events: none } /*.nesty-panel .nesty-selected { font-weight: 200 !important; }*/ .nesty-panel li:first-child { font-weight: 200 !important; font-family: "Noto Sans"; } .Moj_newRequestPage h1 { font-size: 36px; font-family: Minecraft-Ten-v2 !important; /*font-family: Minecraft !important;*/ font-weight: 400; line-height: 45px; margin-bottom: 0; color: #262422; } .request_custom_fields_360038528912 #request_custom_fields_360038528912_label { text-transform: capitalize; } .request_custom_fields_360038443091{position:relative;} .disabler{ position: absolute; top: 24px; bottom: 0; background: #ccc; left: 0; right: 0; z-index: 9; opacity: 0.2; height:40px; } .hiddenFormField{display:none;}