.loop-wrapper .post-actions-wrapper { height: auto; width: 100%; padding-bottom: 20px; display: flex; align-items: center; flex-wrap: wrap; } .loop-wrapper .post-actions-wrapper .comment-word { display: none; } .loop-wrapper .post-actions-wrapper a { display: inline; border: var(--vamtam-no-border-link); } .loop-wrapper .post-actions-wrapper a:hover { opacity: 1; } .loop-wrapper .post-actions-wrapper a:hover .icon { color: var(--vamtam-body-link-hover); } .loop-wrapper .post-actions-wrapper .author a .icon { display: none; } .loop-wrapper .post-actions-wrapper .post-edit-link { margin: 0 5px; font-size: 0.7em; color: inherit; } .loop-wrapper .post-actions-wrapper span.icon { padding: 0 0.3em; } .loop-wrapper .post-row:hover .media-inner > img { opacity: 0.8; -webkit-backface-visibility: hidden; } .loop-wrapper .vamtam-meta-author, .loop-wrapper .vamtam-meta-date, .loop-wrapper .vamtam-meta-comments, .loop-wrapper .vamtam-meta-tax { display: inline-block; padding: 0; } .loop-wrapper .vamtam-meta-author:hover, .loop-wrapper .vamtam-meta-date:hover, .loop-wrapper .vamtam-meta-comments:hover, .loop-wrapper .vamtam-meta-tax:hover { opacity: 1; } .loop-wrapper .vamtam-meta-author span.icon, .loop-wrapper .vamtam-meta-date span.icon, .loop-wrapper .vamtam-meta-comments span.icon, .loop-wrapper .vamtam-meta-tax span.icon { padding-top: 0; padding-left: 2px; } .loop-wrapper .list-item { margin-bottom: 0; } .loop-wrapper .list-item:last-child { border-bottom: 0; } .loop-wrapper .list-item .post-content-outer .post-content > ol:last-child, .loop-wrapper .list-item .post-content-outer .post-content > ul:last-child { margin-bottom: 1em; } .loop-wrapper .list-item .post-media { min-width: 38%; max-width: 38%; flex: 0 1 ; order: 2; margin: 0px; margin-bottom: 20px; margin-top: 0px; padding-right: 4%; } .loop-wrapper .list-item .post-media .media-inner { display: block; } .loop-wrapper .list-item .post-article { display: block; } .loop-wrapper header { position: relative; overflow-wrap: break-word; } .loop-wrapper header a { display: block; } .loop-wrapper .page-content { position: relative; } .loop-wrapper .post-article { display: inline-block; margin: 0; width: 100%; } :not(.single-post-wrapper) > .loop-wrapper .post-article p { font-size: inherit; } .loop-wrapper .post-article .post-content-outer .post-meta { overflow: hidden; margin: 0 0 15px 0; clear: both; } .loop-wrapper .post-article .post-content-outer .post-meta nav > div:not(.post-actions), .loop-wrapper .post-article .post-content-outer .post-meta .post-actions > div, .loop-wrapper .post-article .post-content-outer .post-meta .post-edit-link { padding-right: 20px; margin-top: 10px; min-height: 20px; text-align: start; display: inline-block; } .loop-wrapper .post-article .post-content-outer .post-meta nav > div:not(.post-actions) > span.icon, .loop-wrapper .post-article .post-content-outer .post-meta .post-actions > div > span.icon, .loop-wrapper .post-article .post-content-outer .post-meta .post-edit-link > span.icon { opacity: 0.8; font-family: 'vamtam-theme' !important; } .loop-wrapper .post-article .post-content-outer .post-meta nav > div:not(.post-actions).blog-buttons, .loop-wrapper .post-article .post-content-outer .post-meta .post-actions > div.blog-buttons, .loop-wrapper .post-article .post-content-outer .post-meta .post-edit-link.blog-buttons { padding-top: 24px; border-right: none !important; } .loop-wrapper .post-article .post-content-outer .post-meta nav > div:not(.post-actions).blog-buttons a, .loop-wrapper .post-article .post-content-outer .post-meta .post-actions > div.blog-buttons a, .loop-wrapper .post-article .post-content-outer .post-meta .post-edit-link.blog-buttons a { position: relative; } .loop-wrapper .post-article .post-content-outer .post-meta nav > div:not(.post-actions).blog-buttons a:after, .loop-wrapper .post-article .post-content-outer .post-meta .post-actions > div.blog-buttons a:after, .loop-wrapper .post-article .post-content-outer .post-meta .post-edit-link.blog-buttons a:after { position: absolute; top: -25px; right: -20px; width: 1px; height: 300%; border-right: 1px solid var(--vamtam-default-line-color); content: ""; } .loop-wrapper .post-article .post-content-outer .post-meta span.icon { display: inline-block; overflow: hidden; text-align: center; width: auto; vertical-align: top; font-size: 14px; line-height: 16px; font-family: 'vamtam-theme' !important; } .loop-wrapper .post-article .post-content-outer .post-meta .post-actions { float: right; } .page-content label[for|=pwbox] input { font-size: var(--vamtam-primary-font-font-size) !important; } .page-content label[for|=pwbox] input[type=password] { padding: 14px; top: -1px; margin: 0; font-size: 8px; line-height: 17px; } .post-article header.sep-text.single .content { text-align: start; white-space: normal; } .post-article header h4 { margin: 0px 0px 10px 0px; } .post-article header h4 a { transition: all 0.2s ease; } .post-article .post-subheader { display: table; width: 100%; font-size: 14px; } .post-article .post-subheader .post-date { display: table-cell; margin: 0; padding-right: 1em; text-transform: uppercase; white-space: nowrap; font-size: 11px; line-height: 1; } .post-article .post-subheader .post-date-after { display: table-cell; overflow: visible; width: 100%; vertical-align: top; white-space: nowrap; } .post-article .post-subheader .post-date-after:after { display: inline-block; width: 100%; height: 1ex; border-bottom: 1px solid var(--vamtam-default-line-color); content: ""; vertical-align: top; } .post-article .post-media { text-align: center; max-width: 100%; margin: auto; } .post-article .post-media .media-inner { position: relative; min-height: 20px + 0px * 2; } .post-article .post-media .media-inner > div { max-width: none !important; width: auto !important; } .post-article .post-media .media-inner > img, .post-article .post-media .media-inner > a img { transition: all 0.3s; max-width: 100%; } .post-article .blog-buttons { text-align: center; } .post-article .blog-buttons:after { display: block; clear: both; content: ""; } .post-article .blog-buttons a { display: inline-block; margin: 0 auto; } .post-article .blog-buttons a .icon { margin: 0 8px 0 0; padding: 0; color: var(--vamtam-accent-color-1); font-size: 16px; } body.layout-full .post-article .post-media .media-inner { padding: 0px; border: 0; position: relative; text-align: center; overflow: hidden; border-radius: var(--vamtam-border-radius); max-width: var(--vamtam-site-max-width); margin: auto; } body.layout-full .post-article .post-media .media-inner img { margin: auto; max-width: 100%; height: auto; display: block; } .home.blog:not(.layout-full) .page-content > .loop-wrapper.regular, .archive:not(.layout-full) .page-content > .loop-wrapper.regular, .search-results:not(.layout-full) .page-content > .loop-wrapper.regular { margin: auto; } .home.blog:not(.layout-full) .page-content > .loop-wrapper.regular .post-row, .archive:not(.layout-full) .page-content > .loop-wrapper.regular .post-row, .search-results:not(.layout-full) .page-content > .loop-wrapper.regular .post-row { flex-flow: column; align-items: flex-start; } .home.blog:not(.layout-full) .page-content > .loop-wrapper.regular .post-media, .archive:not(.layout-full) .page-content > .loop-wrapper.regular .post-media, .search-results:not(.layout-full) .page-content > .loop-wrapper.regular .post-media { max-width: none; padding-right: 0; width: 100%; } .home.blog:not(.layout-full) .page-content > .loop-wrapper.regular .post-content-outer, .archive:not(.layout-full) .page-content > .loop-wrapper.regular .post-content-outer, .search-results:not(.layout-full) .page-content > .loop-wrapper.regular .post-content-outer { width: 100%; } .home.blog:not(.layout-full) .page-content > .loop-wrapper.regular .list-item:first-child .post-article .post-content-outer.vamtam-full-width-thumb .vamtam-meta-tax.the-categories, .archive:not(.layout-full) .page-content > .loop-wrapper.regular .list-item:first-child .post-article .post-content-outer.vamtam-full-width-thumb .vamtam-meta-tax.the-categories, .search-results:not(.layout-full) .page-content > .loop-wrapper.regular .list-item:first-child .post-article .post-content-outer.vamtam-full-width-thumb .vamtam-meta-tax.the-categories { top: 0; } .home.blog:not(.layout-full) .page-content > .loop-wrapper.regular .list-item .post-article .post-content-outer.vamtam-full-width-thumb .vamtam-meta-tax.the-categories, .archive:not(.layout-full) .page-content > .loop-wrapper.regular .list-item .post-article .post-content-outer.vamtam-full-width-thumb .vamtam-meta-tax.the-categories, .search-results:not(.layout-full) .page-content > .loop-wrapper.regular .list-item .post-article .post-content-outer.vamtam-full-width-thumb .vamtam-meta-tax.the-categories { position: absolute; padding: 15px; top: 45px; } .loop-wrapper.regular .list-item:first-child .post-row { padding-top: 0px; } .loop-wrapper.regular .list-item .vamtam-meta-author, .loop-wrapper.regular .list-item .vamtam-meta-date, .loop-wrapper.regular .list-item .vamtam-meta-comments, .loop-wrapper.regular .list-item .vamtam-meta-tax { margin-right: 20px; font-weight: 500; } .loop-wrapper.regular .list-item .vamtam-meta-tax.the-categories { display: flex; flex-wrap: wrap; } .loop-wrapper.regular .list-item .vamtam-meta-tax.the-categories a { color: white; text-transform: uppercase; font-weight: 800; background: var(--vamtam-accent-color-2); padding: 0.6em 1.2em; line-height: 1; border-radius: 100px; font-size: 13px; margin-left: 2px; margin-top: 2px; } .loop-wrapper.regular .list-item .post-content-outer { box-sizing: border-box; order: 3; flex: 12.5 1; max-width: 100%; } .loop-wrapper.regular .list-item .post-content-outer .content > h3 { margin-top: 0.716em; margin-bottom: 0.716em; } .loop-wrapper.regular .list-item .post-content-outer .content > h3 a { color: var(--vamtam-accent-color-3); } .loop-wrapper.regular .list-item .post-content-outer .post-content { font-size: 18px; line-height: 1.5em; } .loop-wrapper.regular .list-item header h2 { font-size: 31px; line-height: 1.4em; overflow-wrap: break-word; } .loop-wrapper.regular .list-item .media-inner > div { margin: 0; } .loop-wrapper.regular .list-item .post-row { display: flex; flex-wrap: wrap; padding-top: 45px; padding-bottom: 45px; border-bottom: 1px solid var(--vamtam-default-line-color); } .loop-wrapper.regular .list-item .post-row .media-inner { background-color: var(--vamtam-accent-color-5); transition: background 0.4s ease-out; } .loop-wrapper.regular .list-item .post-row .media-inner .wp-post-image { border-radius: 10px; } .loop-wrapper.regular .list-item .post-row .media-inner.vamtam-has-post-thumb-shape > a { display: flex; flex-direction: column; justify-content: center; align-items: center; } .loop-wrapper.regular .list-item .post-row .media-inner .vamtam-shape { background-image: url('data:image/svg+xml,<svg fill="%23fff" width="100" height="26" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C11.848.948 22.762 5.655 31.096 14.02c4.504 5.062 11.657 7.96 18.46 7.96a23.801 23.801 0 0 0 17.79-7.96C75.696 5.695 88.167 1 100 1v24.987H0V1z"/></svg>'); position: absolute; background-repeat: repeat-x; left: 0; bottom: 0; width: 100% !important; height: 26px; z-index: 1000; } .loop-wrapper.regular .list-item .post-row .media-inner > img { -webkit-backface-visibility: hidden; transition: opacity 0.4s; } .loop-wrapper.regular .list-item .post-row .navigation:last-child { margin-bottom: 0; } .loop-wrapper.regular .sticky { background: var(--vamtam-accent-color-5); padding: 40px; border-bottom: 10px solid var(--vamtam-accent-color-1); border-radius: var(--vamtam-border-radius); box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; } .loop-wrapper.regular .sticky .post-row { padding-bottom: 0; border-bottom: none; } .layout-left-right .loop-wrapper.regular .list-item .post-media { order: -1; flex-basis: 100%; padding-bottom: 30px; } body.single-post.layout-full .single-post-wrapper { --vamtam-site-max-width: 1000px; } body.single-post.layout-full #main .comments-wrapper { max-width: none; } body.single-post .single-post-meta-wrapper + div { margin-top: 30px; margin-bottom: 30px; } body.single-post:not(.layout-full) .single-post-meta-wrapper { padding-top: 30px; } body.single-post:not(.layout-full) #main { border-top: 1px solid var(--vamtam-default-line-color); } body.single-post:not(.layout-full) #sub-header { border-top: 0; } body.single-post:not(.layout-full) .vamtam-body-sidebar { margin-top: 70px; } body.single-post .single-post-wrapper .post-content-outer .meta-top { display: flex; justify-content: center; flex-wrap: wrap; padding: 0 0 30px 0; transition: all 0.3s ease; border-bottom: 1px solid var(--vamtam-default-line-color); margin: auto; } body.single-post .single-post-wrapper .post-content-outer .meta-top .post-media .media-inner img { width: 100%; } body.single-post .single-post-wrapper .post-content-outer .meta-top .meta-left { display: grid; flex: 1 1 auto; grid-gap: 0 10px; } body.single-post .single-post-wrapper .post-content-outer .meta-top .meta-left.has-author { grid-template-columns: 50px auto; } body.single-post .single-post-wrapper .post-content-outer .meta-top .meta-left > div { display: flex; flex-flow: row wrap; align-items: center; } body.single-post .single-post-wrapper .post-content-outer .meta-top .meta-left > div:only-of-type { align-self: center; grid-row: span 2 / auto; } body.single-post .single-post-wrapper .post-content-outer .meta-top .meta-left .meta-left-top { align-self: end; } body.single-post .single-post-wrapper .post-content-outer .meta-top .avatar { grid-row: span 2 / auto; border-radius: 100%; } body.single-post .single-post-wrapper .post-content-outer .meta-top .meta-right { flex: 1 1 auto; display: flex; flex-flow: column; } body.single-post .single-post-wrapper .post-content-outer .meta-top .meta-right { align-items: flex-end; } body.single-post .single-post-wrapper .post-content-outer .meta-top .comment-count .icon { position: relative; top: 1px; padding: 0 10px 0 0; } body.single-post .single-post-wrapper .post-content-outer .meta-top .with-separator { padding-top: 3px; padding-bottom: 2px; } body.single-post .single-post-wrapper .post-content-outer .meta-top .with-separator .vamtam-meta-date::before { margin-right: 10px; } body.single-post .single-post-wrapper .post-content-outer .meta-top .with-separator > :not(:last-child) { margin-right: 20px; } body.single-post .single-post-wrapper .post-content-outer .meta-top .vamtam-meta-date { font: inherit; letter-spacing: inherit; } body.single-post .single-post-wrapper .post-content-outer .author a { margin-left: 5px; } body.single-post .single-post-wrapper .post-content-outer .vamtam-meta-tax { padding: 5px 0 0 0; margin-bottom: 20px; } body.single-post .single-post-wrapper .post-content-outer .vamtam-meta-tax:last-child { margin-right: 0px; } body.single-post .single-post-wrapper .post-content-outer .single-post-meta-bottom { margin: 30px auto 50px auto; clear: both; } body.single-post .single-post-wrapper .post-content-outer .single-post-meta-bottom strong { margin-right: 10px; } 
.sffm-floatmenu-wrapper.sffm-floatmenu-wrapper-167 { --sffm-menu-offset-bottom:21px;--sffm-menu-offset-left:21px;--sffm-menu-offset-right:22px;--sffm-buttton-size:50px;--sffm-button-bg:#167287;--sffm-button-bg-hover:#0a303a;--sffm-button-color:#f4f1ea;--sffm-button-color-hover:#f4f1ea;--sffm-tooltip-bg-color:#167287;--sffm-tooltip-text-color:#f4f1ea;--sffm-tooltip-hover-bg-color:#0a303a;--sffm-tooltip-hover-text-color:#f4f1ea;--sffm-tooltip-font-family:Default;--sffm-tooltip-font-weight:0;--sffm-tooltip-font-style:normal;--sffm-tooltip-text-transform:inherit;--sffm-tooltip-text-decoration:inherit;--sffm-trigger-btn-bg-color:#167287;--sffm-trigger-btn-hover-bg-color:#0a303a;--sffm-trigger-btn-icon-color:#f4f1ea;--sffm-trigger-btn-hover-icon-color:#f4f1ea;    } .sffm-floatmenu-wrapper-167.sffm-floatmenu-template-11.sffm-style-2.sffm-circular-yes ul.sffm-menu:before, .sffm-floatmenu-wrapper-167.sffm-floatmenu-template-11.sffm-style-3.sffm-circular-yes ul.sffm-menu:before{height:300px;width:300px;}.sffm-floatmenu-wrapper-167.sffm-floatmenu-template-11.sffm-style-4.sffm-circular-yes ul.sffm-menu:before{height:calc(300px + var(--sffm-sffm-buttton-size, 50px) * 1.5);width:calc(300px + var(--sffm-sffm-buttton-size, 50px) * 1.5);}.sffm-floatmenu-wrapper-167.sffm-floatmenu-template-11.sffm-circular-yes .sffm-floatmenu-show .sffm-circular-placeholder{height:calc(300px + var(--sffm-sffm-buttton-size, 50px));width:calc(300px + var(--sffm-sffm-buttton-size, 50px));}.sffm-floatmenu-wrapper-167.sffm-floatmenu-template-12.sffm-style-2.sffm-circular-yes ul.sffm-menu:before, .sffm-floatmenu-wrapper-167.sffm-floatmenu-template-12.sffm-style-3.sffm-circular-yes ul.sffm-menu:before{height:300px;width:300px;}.sffm-floatmenu-wrapper-167.sffm-floatmenu-template-12.sffm-style-4.sffm-circular-yes ul.sffm-menu:before{height:calc(300px + var(--sffm-sffm-buttton-size, 50px) * 1.5);width:calc(300px + var(--sffm-sffm-buttton-size, 50px) * 1.5);}.sffm-floatmenu-wrapper-167.sffm-floatmenu-template-12.sffm-circular-yes .sffm-floatmenu-show .sffm-circular-placeholder{height:calc(300px + var(--sffm-sffm-buttton-size, 50px));width:calc(300px + var(--sffm-sffm-buttton-size, 50px));}.sffm-floatmenu-wrapper-167.sffm-floatmenu-template-13.sffm-style-2.sffm-circular-yes ul.sffm-menu:before, .sffm-floatmenu-wrapper-167.sffm-floatmenu-template-13.sffm-style-3.sffm-circular-yes ul.sffm-menu:before{height:300px;width:300px;}.sffm-floatmenu-wrapper-167.sffm-floatmenu-template-13.sffm-style-4.sffm-circular-yes ul.sffm-menu:before{height:calc(300px + var(--sffm-sffm-buttton-size, 50px) * 1.5);width:calc(300px + var(--sffm-sffm-buttton-size, 50px) * 1.5);}.sffm-floatmenu-wrapper-167.sffm-floatmenu-template-13.sffm-circular-yes .sffm-floatmenu-show .sffm-circular-placeholder{height:calc(300px + var(--sffm-sffm-buttton-size, 50px));width:calc(300px + var(--sffm-sffm-buttton-size, 50px));}