@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url(https://sopenaonline.org/wp-content/cache/perfmatters/sopenaonline.org/fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4taVIUwaEQbjB_mQ.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url(https://sopenaonline.org/wp-content/cache/perfmatters/sopenaonline.org/fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4kaVIUwaEQbjB_mQ.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url(https://sopenaonline.org/wp-content/cache/perfmatters/sopenaonline.org/fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4saVIUwaEQbjB_mQ.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url(https://sopenaonline.org/wp-content/cache/perfmatters/sopenaonline.org/fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4jaVIUwaEQbjB_mQ.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url(https://sopenaonline.org/wp-content/cache/perfmatters/sopenaonline.org/fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4iaVIUwaEQbjB_mQ.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url(https://sopenaonline.org/wp-content/cache/perfmatters/sopenaonline.org/fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B5caVIUwaEQbjB_mQ.woff2) format('woff2');unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url(https://sopenaonline.org/wp-content/cache/perfmatters/sopenaonline.org/fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B5OaVIUwaEQbjB_mQ.woff2) format('woff2');unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url(https://sopenaonline.org/wp-content/cache/perfmatters/sopenaonline.org/fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4vaVIUwaEQbjB_mQ.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url(https://sopenaonline.org/wp-content/cache/perfmatters/sopenaonline.org/fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4uaVIUwaEQbjB_mQ.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url(https://sopenaonline.org/wp-content/cache/perfmatters/sopenaonline.org/fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVIUwaEQbjA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.dpt-flex-wrap {
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.dpt-entry {
flex-basis: 100%;
max-width: 100%;
width: 100%;
}
input.dpt-hsearch-input {
width: 100%;
padding: 10px 15px !important;
box-shadow: none !important;
border: 1px solid #ccc !important;
border-radius: 5px !important;
margin: 5px 0 !important;
}
select.dpt-taxonomy-hfilter {
box-shadow: none !important;
width: 100%;
border: 1px solid #e6e6e6 !important;
border-radius: 4px !important;
padding: 8px 5px !important;
margin: 0 0 0 10px !important;
background: #fff !important;
background-position: initial !important;
-webkit-appearance: auto;
appearance: auto;
}
.dpt-main-header {
display: flex;
align-items: center;
margin-bottom: 0.75rem;
}
.dpt-main-header.line {
padding-bottom: 0.5rem;
border-bottom: 1px solid #999;
}
.dpt-main-header.box {
padding: 0.5rem 0.75rem;
border: 1px solid #999;
}
.dpt-main-header.tline {
padding-bottom: 0.25rem;
border-bottom: 1px solid #999;
}
.dpt-main-header.tline .dpt-main-title-text {
display: inline-block;
}
.dpt-main-header.tline .dpt-main-title-text:after {
display: block;
content: "";
height: 4px;
background-color: currentColor;
position: relative;
top: calc(0.25rem + 1px);
}
.dpt-toolbar {
--dpt-toolbar-control-height: 40px;
--dpt-toolbar-control-radius: 6px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 0.75rem;
}
.dpt-main-title {
font-size: 1.15em;
line-height: 1.618;
font-weight: bold;
margin-right: auto;
}
a.dpt-main-title-link {
color: currentColor;
text-decoration: none;
}
.dpt-header-btn {
display: inline-block;
width: 32px;
height: 32px;
padding: 0 !important;
position: relative;
font-size: 15px;
line-height: 1;
background-color: transparent !important;
color: currentColor !important;
border: none !important;
margin: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
cursor: pointer;
}
.dpt-header-btn:disabled {
cursor: not-allowed !important;
color: #999 !important;
}
.dpt-header-btn:focus {
outline: none !important;
}
.dpt-header-btn .icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.dpt-header-posts-btn {
border: 1px solid #e6e6e6;
border-radius: 8px;
display: flex;
align-items: center;
}
.dpt-hprev-btn {
border-right: 1px solid #e6e6e6 !important;
}
.dpt-header-search-btn,
.dpt-header-filter-btn {
display: flex;
border: 1px solid #e6e6e6;
border-radius: 8px;
align-items: center;
margin-right: 0;
}
.dpt-toolbar .dpt-header-search-btn,
.dpt-toolbar .dpt-header-filter-btn,
.dpt-toolbar .dpt-header-posts-btn {
height: var(--dpt-toolbar-control-height);
min-height: var(--dpt-toolbar-control-height);
border-radius: var(--dpt-toolbar-control-radius);
box-sizing: border-box;
}
.dpt-toolbar .dpt-header-btn {
width: calc(var(--dpt-toolbar-control-height) - 2px);
height: calc(var(--dpt-toolbar-control-height) - 2px);
}
.dpt-toolbar .dpt-hsearch-close,
.dpt-toolbar .dpt-hfilter-close {
width: var(--dpt-toolbar-control-height);
height: var(--dpt-toolbar-control-height);
}
.dpt-toolbar .dpt-hsearch-input,
.dpt-toolbar .dpt-taxonomy-hfilter {
height: var(--dpt-toolbar-control-height);
min-height: var(--dpt-toolbar-control-height);
line-height: 1.2;
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
border: 1px solid #e6e6e6;
border-radius: var(--dpt-toolbar-control-radius);
box-sizing: border-box;
}
.dpt-toolbar .dpt-hsearch-input {
padding-left: 40px !important;
padding-right: 40px !important;
}
.dpt-toolbar .dpt-taxonomy-hfilter {
-webkit-appearance: none !important;
appearance: none !important;
background-color: #fff !important;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' fill='none' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
background-position: right 14px center !important;
background-repeat: no-repeat !important;
background-size: 12px 12px !important;
border-radius: var(--dpt-toolbar-control-radius) !important;
padding-left: 14px !important;
padding-right: 38px !important;
width: 100%;
}
.dpt-toolbar .dpt-header-search input {
width: 100%;
}
.dpt-header-search {
position: relative;
display: none;
flex-basis: 100%;
margin-top: 2px;
}
.dpt-hsearch-open .dpt-header-search {
display: block;
}
.dpt-header-search .icon-dpt-search,
.dpt-header-search .dpt-hsearch-close {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 12px;
color: #999;
font-size: 15px;
}
.dpt-header-search .dpt-hsearch-close {
right: 12px;
left: auto;
}
.dpt-header-search .dpt-hsearch-close .icon {
color: #222;
}
.dpt-header-search input {
padding-left: 40px !important;
}
.dpt-header-filter {
display: none;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 10px;
align-items: center;
flex-basis: 100%;
margin-top: 2px;
}
.dpt-hfilter-open .dpt-header-filter {
display: flex;
}
.dpt-header-filter .dpt-hfilter-close {
margin-left: 10px !important;
}
.dpt-header-filter .dpt-filter-menu {
flex: 1;
}
.dpt-hfilter {
list-style: none;
margin: 0;
padding: 0;
}
.dpt-separator {
display: block;
margin: 10px 0;
}
.dpt-hfilter-text {
margin-left: 3px;
}
.display-post-types .dpt-wrapper {
margin-top: 0;
margin-bottom: 0;
}
.display-post-types .dpt-wrapper .dpt-entry {
padding-top: var(--dpt-v-gutter, 10px);
padding-bottom: var(--dpt-v-gutter, 10px);
}
.dpt-wrapper *,
.dpt-wrapper *:before,
.dpt-wrapper *:after {
box-sizing: border-box;
min-width: 0;
}
.dpt-wrapper {
font-size: 16px;
line-height: 1.5;
}
.dpt-wrapper.wide-wrap {
font-size: 18px;
}
.dpt-wrapper {
opacity: 0;
}
.dpt-wrapper.dpt-added {
opacity: 1;
}
.dpt-wrapper {
text-align: var(--dpt-text-align, left);
}
.dpt-entry-wrapper {
overflow: hidden;
height: 100%;
padding: var(--dpt-wrapper-padding, 0);
border: 1px solid;
border-width: var(--dpt-wrapper-br-width, 0);
border-color: var(--dpt-wrapper-br-color, #e6e6e6);
border-radius: var(--dpt-wrapper-br-radius, 0);
background-color: var(--dpt-wrapper-bg-color, transparent);
box-shadow: 0 1px var(--dpt-wrapper-shadow-elevation, 0) rgba(0, 0, 0, var(--dpt-wrapper-shadow-intensity, 0));
}
.dpt-entry-wrapper:hover {
box-shadow: 0 2px var(--dpt-wrapper-shadow-hover-elevation, 0) rgba(0, 0, 0, var(--dpt-wrapper-shadow-hover-intensity, 0));
}
.dpt-entry-wrapper .sub-entry {
padding: var(--dpt-wrapper-entry-padding, 0);
border-style: solid;
border-width: var(--dpt-wrapper-entry-br-width, 0);
border-color: var(--dpt-wrapper-entry-br-color, #e6e6e6);
border-radius: var(--dpt-wrapper-entry-br-radius, 0);
background-color: var(--dpt-wrapper-entry-bg-color, transparent);
box-shadow: 0 1px var(--dpt-wrapper-entry-shadow-elevation, 0) rgba(0, 0, 0, var(--dpt-wrapper-entry-shadow-intensity, 0));
}
.dpt-featured-content {
position: relative;
border-radius: var(--dpt-border-radius, 0);
margin: var(--dpt-thumbnail-margin, 0);
overflow: hidden;
}
.dpt-featured-content .dpt-permalink {
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: var(--dpt-border-radius, 0);
z-index: 1;
}
.dpt-grid1 .dpt-featured-content {
margin: var(--dpt-thumbnail-margin, 0 0 10px);
}
.dpt-grid1.dpt-content-wraptype .dpt-featured-content {
margin: var(--dpt-thumbnail-margin, 0);
}
.no-thumbnail .dpt-featured-content .dpt-thumbnail-inner {
background-color: rgba(197, 197, 197, 0.35);
}
.dpt-thumbnail {
background-position: var(--dpt-image-crop, center);
border-radius: var(--dpt-border-radius, 0);
}
.dpt-thumbnail .dpt-thumbnail-inner {
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.dpt-thumbnail-inner > img {
display: block;
margin: 0 !important;
border-width: 0;
padding: 0;
max-width: 100%;
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: var(--dpt-image-crop, center);
border-radius: var(--dpt-border-radius, 0);
}
.dpt-thumbnail-aspect-ratio {
content: "";
display: block;
width: 100%;
padding-top: 100%;
}
.display-post-types .sub-entry:empty {
display: none;
}
.display-post-types h3.dpt-title {
font-size: 18px;
font-size: var(--dpt-title-font-size, 18px);
font-weight: bold;
font-weight: var(--dpt-title-font-weight, bold);
font-style: var(--dpt-title-font-style, normal);
line-height: var(--dpt-title-line-height, 1.5) !important;
letter-spacing: var(--dpt-title-letter-spacing, 0);
text-transform: var(--dpt-title-text-transform, none);
color: var(--dpt-title-text-color);
margin: 0 !important;
margin: var(--dpt-title-margin, 0) !important;
padding: 0 !important;
transition: none !important;
}
.display-post-types a.dpt-title-link {
color: #222;
color: var(--dpt-title-link-color) !important;
-webkit-text-decoration: var(--dpt-title-text-decoration, none) !important;
text-decoration: var(--dpt-title-text-decoration, none) !important;
transition: none !important;
}
.display-post-types a.dpt-title-link:hover, .display-post-types a.dpt-title-link:focus {
color: #666;
color: var(--dpt-title-link-hover-color) !important;
}
.display-post-types .dpt-excerpt {
font-weight: var(--dpt-excerpt-font-weight, 400);
font-style: var(--dpt-excerpt-font-style, normal);
letter-spacing: var(--dpt-excerpt-letter-spacing, 0);
text-transform: var(--dpt-excerpt-text-transform, none);
margin: var(--dpt-excerpt-margin, 5px 0 0 0);
color: var(--dpt-excerpt-text-color);
}
.display-post-types .dpt-excerpt p {
margin: 0 !important;
}
.display-post-types .dpt-excerpt,
.display-post-types .dpt-excerpt p,
.display-post-types .dpt-excerpt a {
font-size: 16px;
line-height: 1.5;
font-size: var(--dpt-excerpt-font-size, 16px);
line-height: var(--dpt-excerpt-line-height, 1.5);
}
.display-post-types .dpt-excerpt a {
-webkit-text-decoration: var(--dpt-excerpt-text-decoration, none) !important;
text-decoration: var(--dpt-excerpt-text-decoration, none) !important;
}
.display-post-types .dpt-excerpt a span {
color: var(--dpt-excerpt-link-color) !important;
}
.display-post-types .dpt-excerpt a:hover span, .display-post-types .dpt-excerpt a:focus span {
color: var(--dpt-excerpt-link-hover-color) !important;
}
.display-post-types .dpt-excerpt-teaser-btn p.dpt-has-teaser {
margin-top: 15px !important;
}
.display-post-types .dpt-meta {
font-size: var(--dpt-meta1-font-size, 13px);
line-height: var(--dpt-meta1-line-height, 1.9);
font-weight: var(--dpt-meta1-font-weight, 400);
font-style: var(--dpt-meta1-font-style, normal);
letter-spacing: var(--dpt-meta1-letter-spacing, 0);
text-transform: var(--dpt-meta1-text-transform, none);
margin: var(--dpt-meta1-margin, 0);
color: var(--dpt-meta1-text-color);
}
.display-post-types .dpt-meta a {
-webkit-text-decoration: var(--dpt-meta1-text-decoration, none) !important;
text-decoration: var(--dpt-meta1-text-decoration, none) !important;
}
.display-post-types .dpt-meta2 {
font-size: var(--dpt-meta2-font-size, 14px);
line-height: var(--dpt-meta2-line-height, 1.9843);
font-weight: var(--dpt-meta2-font-weight, 400);
font-style: var(--dpt-meta2-font-style, normal);
letter-spacing: var(--dpt-meta2-letter-spacing, 0);
text-transform: var(--dpt-meta2-text-transform, none);
margin: var(--dpt-meta2-margin, 0) !important;
color: var(--dpt-meta2-text-color);
}
.display-post-types .dpt-meta2 a {
-webkit-text-decoration: var(--dpt-meta2-text-decoration, none) !important;
text-decoration: var(--dpt-meta2-text-decoration, none) !important;
}
.display-post-types .dpt-categories,
.display-post-types .dpt-tags {
display: inline-block;
}
.dpt-entry-wrapper {
position: relative;
}
.dpt-entry-wrapper a, .dpt-entry-wrapper a:hover, .dpt-entry-wrapper a:focus {
text-decoration: none !important;
border-width: 0 !important;
background-image: none !important;
box-shadow: none !important;
background-color: transparent !important;
}
.dpt-author,
.dpt-date {
display: inline-block;
}
.dpt-fetch-running {
font-size: 16px;
display: none;
}
.dpt-fetch-running.dpt-show {
display: block;
}
.dp-pagination {
display: block;
text-align: center;
padding: 20px 0 0;
}
.dp-pagination .page-numbers {
display: inline-block;
padding: 4px 10px;
border-radius: 4px;
background-color: #e6e6e6;
color: #363636;
}
.dp-pagination .page-numbers.current {
background-color: #363636;
color: #fff;
}
.dp-pagination .page-numbers, .dp-pagination .page-numbers:hover, .dp-pagination .page-numbers:focus {
text-decoration: none;
}
.display-post-types img,
.dpt-pro-slider-wrapper img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
.dpt-image-overlay .sub-entry {
padding: var(--dpt-wrapper-entry-padding, 10px 10px 15px 10px);
height: auto;
position: absolute;
top: var(--dpt-text_pos_top, auto);
left: var(--dpt-text_pos_left, 0);
bottom: var(--dpt-text_pos_bottom, 0);
right: var(--dpt-text_pos_right, auto);
transform: var(--dpt-text_pos_transform, none);
width: var(--dpt-wrapper-entry-width, 80%);
height: var(--dpt-wrapper-entry-height, auto);
z-index: 2;
}
.dpt-image-overlay .sub-entry .dpt-excerpt {
max-width: 100%;
}
.dpt-image-overlay.dpt-pro-slider1 .sub-entry, .dpt-image-overlay.dpt-pro-slider3 .sub-entry {
width: var(--dpt-wrapper-entry-width, auto);
}
.dpt-image-overlay a.dpt-permalink, .dpt-image-overlay a.dpt-permalink:hover, .dpt-image-overlay a.dpt-permalink:focus {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 75%) !important;
}
.dpt-image-overlay h3.dpt-title {
text-shadow: var(--dpt-title-text-shadow, 0 2px 3px rgba(0, 0, 0, 0.5));
}
.dpt-image-overlay a.dpt-title-link {
color: #fff !important;
color: var(--dpt-title-link-color, #fff) !important;
}
.dpt-image-overlay a.dpt-title-link:hover, .dpt-image-overlay a.dpt-title-link:focus {
color: #fff !important;
color: var(--dpt-title-link-hover-color, #fff) !important;
}
.dpt-image-overlay .dpt-meta {
color: #fff !important;
color: var(--dpt-meta1-text-color, #fff) !important;
}
.dpt-image-overlay .dpt-meta a {
color: #fff !important;
color: var(--dpt-meta1-link-color, #fff) !important;
}
.dpt-image-overlay .dpt-meta a:hover, .dpt-image-overlay .dpt-meta a:focus {
color: #fff !important;
color: var(--dpt-meta1-link-hover-color, #fff) !important;
}
.dpt-image-overlay .dpt-meta2 {
color: #fff !important;
color: var(--dpt-meta2-text-color, #fff) !important;
}
.dpt-image-overlay .dpt-meta2 a {
color: #fff !important;
color: var(--dpt-meta2-link-color, #fff) !important;
}
.dpt-image-overlay .dpt-meta2 a:hover, .dpt-image-overlay .dpt-meta2 a:focus {
color: #fff !important;
color: var(--dpt-meta2-link-hover-color, #fff) !important;
}
.dpt-slider1.flickity-enabled:not(.dpt-cropped) .dpt-entry {
top: 50%;
transform: translateY(-50%);
}
.dpt-list2 .dpt-entry-wrapper,
.dpt-mag1 .dpt-entry-wrapper {
display: flex;
align-items: flex-start;
align-content: flex-start;
}
.dpt-list2 .dpt-featured-content,
.dpt-mag1 .dpt-featured-content {
flex-basis: 65px;
margin: var(--dpt-thumbnail-margin, 0 10px 0 0);
}
.dpt-list2 .sub-entry,
.dpt-mag1 .sub-entry {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-self: stretch;
}
.dpt-list2 h3.dpt-title,
.dpt-mag1 h3.dpt-title {
line-height: var(--dpt-title-line-height, 1.25) !important;
}
.dpt-list2 .dpt-meta,
.dpt-mag1 .dpt-meta {
margin: var(--dpt-meta1-margin, 0);
letter-spacing: var(--dpt-meta1-letter-spacing, 0);
}
.dpt-list2 .dpt-meta2,
.dpt-mag1 .dpt-meta2 {
margin: var(--dpt-meta2-margin, 0);
letter-spacing: var(--dpt-meta2-letter-spacing, 0);
}
.dpt-list2.right-al .dpt-featured-content,
.dpt-mag1.right-al .dpt-featured-content {
order: 2;
margin: var(--dpt-thumbnail-margin, 0 0 0 10px);
}
.dpt-grid1 .dpt-entry-wrapper {
display: flex;
flex-direction: column;
}
.dpt-mag1 .dpt-featured-wrap {
align-self: flex-start;
width: 100%;
}
.tab-wrap.dpt-mag1 .dpt-featured-wrap {
width: auto;
flex-basis: 50%;
margin-right: 20px;
}
.tab-wrap.dpt-mag1 .dpt-featured-wrap .dpt-entry {
padding-top: 0;
padding-bottom: 0;
}
.wide-wrap.dpt-mag1 .dpt-featured-wrap {
width: auto;
flex-basis: 50%;
margin-right: 20px;
}
.wide-wrap.dpt-mag1 .dpt-featured-wrap .dpt-entry {
padding-top: 0;
padding-bottom: 0;
}
.dpt-mag1 .dpt-featured-wrap .dpt-entry-wrapper {
flex-wrap: wrap;
}
.dpt-mag1 .dpt-featured-wrap .dpt-featured-content {
flex-basis: 100%;
margin: 0 0 10px 0;
}
.dpt-mag1 .dpt-featured-wrap .sub-entry {
flex: auto;
}
.display-post-types .dpt-mag1 .dpt-featured-wrap h3.dpt-title a {
font-size: calc(1.25 * var(--dpt-title-font-size, 16px));
}
.display-post-types .dpt-mag1 .dpt-featured-wrap .dpt-excerpt {
font-size: calc(1.25 * var(--dpt-excerpt-font-size, 14px));
}
.dpt-mag1 .dpt-normal-wrap {
align-self: flex-start;
width: 100%;
}
.display-post-types .dpt-mag1 .dpt-normal-wrap h3.dpt-title a {
font-size: var(--dpt-title-font-size, 16px);
}
.display-post-types .dpt-mag1 .dpt-normal-wrap .dpt-excerpt {
font-size: var(--dpt-excerpt-font-size, 14px);
}
.dpt-mag1 .dpt-normal-wrap .dpt-featured-content {
flex-basis: 25%;
align-self: stretch;
}
.tab-wrap.dpt-mag1 .dpt-normal-wrap {
width: auto;
flex: 1;
}
.tab-wrap.dpt-mag1 .dpt-normal-wrap .dpt-entry:first-of-type {
padding-top: 0;
}
.tab-wrap.dpt-mag1 .dpt-normal-wrap .dpt-entry:last-of-type {
padding-bottom: 0;
}
.wide-wrap.dpt-mag1 .dpt-normal-wrap {
width: auto;
flex: 1;
}
.wide-wrap.dpt-mag1 .dpt-normal-wrap .sub-entry {
justify-content: flex-start;
padding-top: 5px;
}
.wide-wrap.dpt-mag1 .dpt-normal-wrap .dpt-entry:first-of-type {
padding-top: 0;
}
.wide-wrap.dpt-mag1 .dpt-normal-wrap .dpt-entry:last-of-type {
padding-bottom: 0;
}
.display-post-types ::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.display-post-types ::-webkit-scrollbar-track {
background: #f0f0f0;
border-radius: 4px;
}
.display-post-types ::-webkit-scrollbar-thumb {
background: #888;
border-radius: 4px;
}
.display-post-types ::-webkit-scrollbar-thumb:hover {
background: #555;
}
.display-post-types ::-webkit-scrollbar-thumb:active {
background: #333;
}
.dpt-wrapper {
animation-duration: 0.001s;
animation-name: dptAdded;
}
.dpt-hidden {
display: none;
}
.icon {
position: relative;
top: -0.0625em;
display: inline-block;
width: 1em;
height: 1em;
vertical-align: middle;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
.icon.dpt-hidden {
display: none;
} @keyframes dptAdded {
from {
opacity: 0.01;
}
to {
opacity: 0;
}
} .display-post-types .flickity-enabled {
position: relative;
}
.display-post-types .flickity-enabled:focus {
outline: none;
}
.display-post-types .flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.display-post-types .flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
.display-post-types { }
.display-post-types .flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
user-select: none;
}
.display-post-types .flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: grab;
}
.display-post-types .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: grabbing;
}
.display-post-types { }
.display-post-types .flickity-button {
position: absolute;
background: rgba(255, 255, 255, 0.5) !important;
border: none;
color: #333 !important;
display: none;
padding: 0 !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}
.display-post-types .flickity-button:hover {
background: white !important;
cursor: pointer;
color: #333 !important;
}
.display-post-types .flickity-button:focus {
outline: none;
color: #333 !important;
box-shadow: 0 0 0 5px #19F;
}
.display-post-types .flickity-button:active {
opacity: 0.6;
}
.display-post-types .flickity-button:disabled {
opacity: 0.3;
cursor: auto; pointer-events: none;
}
.display-post-types .flickity-button-icon,
.display-post-types .flickity-button-icon .arrow {
fill: #333 !important;
}
.display-post-types { }
.display-post-types .flickity-prev-next-button {
top: 50%;
width: 40px;
height: 40px;
border-radius: 50%; transform: translateY(-50%);
z-index: 10;
}
.display-post-types .flickity-prev-next-button.previous {
left: 10px;
}
.display-post-types .flickity-prev-next-button.next {
right: 10px;
}
.display-post-types { }
.display-post-types .flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.display-post-types .flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.display-post-types .flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 50%;
top: 50%;
width: 50%;
height: 50%;
transform: translate(-50%, -50%);
}
.display-post-types { }
.display-post-types .flickity-page-dots {
width: 100%;
padding: 0;
margin: 10px 0;
list-style: none;
text-align: center;
line-height: 1;
display: block;
}
.display-post-types .flickity-rtl .flickity-page-dots {
direction: rtl;
}
.display-post-types .flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.display-post-types .flickity-page-dots .dot.is-selected {
opacity: 1;
}
@media only screen and (min-width: 450px) {
.multi-col.mob-wrap .dpt-entry, .multi-col.tab-wrap .dpt-entry, .multi-col.wide-wrap .dpt-entry {
flex-basis: var(--dpt-mobile-grid-column, 50%);
max-width: var(--dpt-mobile-grid-column, 50%);
width: var(--dpt-mobile-grid-column, 50%);
}
.display-post-types .multi-col {
margin-left: calc(-1 * var(--dpt-h-gutter, 10px));
margin-right: calc(-1 * var(--dpt-h-gutter, 10px));
width: calc(100% + 2 * var(--dpt-h-gutter, 10px));
max-width: calc(100vw - 2 * var(--dpt-h-gutter, 10px));
}
.display-post-types .multi-col .dpt-entry {
padding-left: var(--dpt-h-gutter, 10px);
padding-right: var(--dpt-h-gutter, 10px);
}
.dpt-list1 .dpt-entry-wrapper {
display: flex;
align-items: flex-start;
align-content: flex-start;
}
.dpt-list1 .dpt-featured-content {
flex-basis: 33.33%;
margin: var(--dpt-thumbnail-margin, 0 20px 0 0);
}
.dpt-list1 .sub-entry {
flex: 1;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-top: 10px;
align-self: stretch;
}
.dpt-list1.right-al .dpt-featured-content {
order: 2;
margin: var(--dpt-thumbnail-margin, 0 0 0 20px);
}
}
@media only screen and (min-width: 768px) {
.multi-col.tab-wrap .dpt-entry, .multi-col.wide-wrap .dpt-entry {
flex-basis: var(--dpt-small-grid-column, 33.33%);
max-width: var(--dpt-small-grid-column, 33.33%);
width: var(--dpt-small-grid-column, 33.33%);
}
.dpt-toolbar {
flex-wrap: nowrap;
gap: 12px;
align-items: stretch;
}
.dpt-toolbar .dpt-header-search-btn,
.dpt-toolbar .dpt-header-filter-btn,
.dpt-toolbar .dpt-hsearch-close,
.dpt-toolbar .dpt-hfilter-close {
display: none;
}
.dpt-toolbar .dpt-header-search {
display: block;
flex: 1 1 320px;
margin-top: 0;
}
.dpt-toolbar .dpt-header-search input {
width: 100%;
}
.dpt-toolbar .dpt-header-filter {
display: flex;
flex: 0 1 240px;
margin-top: 0;
padding-bottom: 0;
border-bottom: none;
min-width: 200px;
}
.dpt-toolbar .dpt-filter-menu {
min-width: 0;
width: 100%;
}
.dpt-toolbar .dpt-filter-menu select {
width: 100%;
}
.dpt-toolbar .dpt-header-posts-btn {
flex: 0 0 auto;
margin-left: 0;
}
.display-post-types .flickity-button {
display: inline-block;
}
.display-post-types .flickity-page-dots {
display: none;
}
}
@media only screen and (min-width: 1024px) {
.multi-col.wide-wrap .dpt-entry {
flex-basis: var(--dpt-large-grid-column, 33.33%);
max-width: var(--dpt-large-grid-column, 33.33%);
width: var(--dpt-large-grid-column, 33.33%);
}
.display-post-types .wide-wrap h3.dpt-title,
.display-post-types .wide-wrap h3.dpt-title a {
font-size: 18px;
font-size: var(--dpt-title-font-size, 18px);
}
.dp-pagination {
padding: 40px 0 0;
}
.dpt-image-overlay.dpt-pro-slider1 .sub-entry .dpt-excerpt, .dpt-image-overlay.dpt-pro-slider3 .sub-entry .dpt-excerpt {
max-width: 80%;
margin-left: var(--dpt-excerpt-align-margin-left, 0) !important;
margin-right: var(--dpt-excerpt-align-margin-right, 0) !important;
}
}
@media (max-width: 768px) {
.elementor-widget-wp-widget-dpt_display_post_types {
width: 100% !important;
display: block !important;
}
}