.wp-block-audio figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-audio audio {
width: 100%;
min-width: 300px
}
.wp-block-button {
color: #fff
}
.wp-block-button.aligncenter {
text-align: center
}
.wp-block-button.alignright {
text-align: right
}
.wp-block-button__link {
background-color: #32373c;
border: none;
border-radius: 28px;
box-shadow: none;
color: inherit;
cursor: pointer;
display: inline-block;
font-size: 18px;
margin: 0;
padding: 12px 24px;
text-align: center;
text-decoration: none;
overflow-wrap: break-word
}
.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited {
color: inherit
}
.is-style-squared .wp-block-button__link {
border-radius: 0
}
.no-border-radius.wp-block-button__link {
border-radius: 0 !important
}
.is-style-outline {
color: #32373c
}
.is-style-outline .wp-block-button__link {
background-color: transparent;
border: 2px solid
}
.wp-block-calendar {
text-align: center
}
.wp-block-calendar tbody td, .wp-block-calendar th {
padding: 4px;
border: 1px solid #e2e4e7
}
.wp-block-calendar tfoot td {
border: none
}
.wp-block-calendar table {
width: 100%;
border-collapse: collapse;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}
.wp-block-calendar table th {
font-weight: 400;
background: #edeff0
}
.wp-block-calendar a {
text-decoration: underline
}
.wp-block-calendar tfoot a {
color: #00739c
}
.wp-block-calendar table caption, .wp-block-calendar table tbody {
color: #40464d
}
.wp-block-categories.alignleft {
margin-right: 2em
}
.wp-block-categories.alignright {
margin-left: 2em
}
.wp-block-columns {
display: flex;
margin-bottom: 28px;
flex-wrap: wrap
}
@media (min-width: 782px) {
.wp-block-columns {
flex-wrap: nowrap
}
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word
}
@media (max-width: 599px) {
.wp-block-column {
flex-basis: 100% !important
}
}
@media (min-width: 600px) {
.wp-block-column {
flex-basis: calc(50% - 16px);
flex-grow: 0
}
.wp-block-column:nth-child(2n) {
margin-left: 32px
}
}
@media (min-width: 782px) {
.wp-block-column:not(:first-child) {
margin-left: 32px
}
}
.wp-block-columns.are-vertically-aligned-top {
align-items: flex-start
}
.wp-block-columns.are-vertically-aligned-center {
align-items: center
}
.wp-block-columns.are-vertically-aligned-bottom {
align-items: flex-end
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start
}
.wp-block-column.is-vertically-aligned-center {
-ms-grid-row-align: center;
align-self: center
}
.wp-block-column.is-vertically-aligned-bottom {
align-self: flex-end
}
.wp-block-cover, .wp-block-cover-image {
position: relative;
background-color: #000;
background-size: cover;
background-position: 50%;
min-height: 430px;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden
}
.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
background-attachment: fixed
}
@supports (-webkit-overflow-scrolling:touch) {
.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
background-attachment: scroll
}
}
@media (prefers-reduced-motion: reduce) {
.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
background-attachment: scroll
}
}
.wp-block-cover-image.has-background-dim:before, .wp-block-cover.has-background-dim:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: inherit;
opacity: .5;
z-index: 1
}
.wp-block-cover-image.has-background-dim.has-background-dim-10:before, .wp-block-cover.has-background-dim.has-background-dim-10:before {
opacity: .1
}
.wp-block-cover-image.has-background-dim.has-background-dim-20:before, .wp-block-cover.has-background-dim.has-background-dim-20:before {
opacity: .2
}
.wp-block-cover-image.has-background-dim.has-background-dim-30:before, .wp-block-cover.has-background-dim.has-background-dim-30:before {
opacity: .3
}
.wp-block-cover-image.has-background-dim.has-background-dim-40:before, .wp-block-cover.has-background-dim.has-background-dim-40:before {
opacity: .4
}
.wp-block-cover-image.has-background-dim.has-background-dim-50:before, .wp-block-cover.has-background-dim.has-background-dim-50:before {
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-60:before, .wp-block-cover.has-background-dim.has-background-dim-60:before {
opacity: .6
}
.wp-block-cover-image.has-background-dim.has-background-dim-70:before, .wp-block-cover.has-background-dim.has-background-dim-70:before {
opacity: .7
}
.wp-block-cover-image.has-background-dim.has-background-dim-80:before, .wp-block-cover.has-background-dim.has-background-dim-80:before {
opacity: .8
}
.wp-block-cover-image.has-background-dim.has-background-dim-90:before, .wp-block-cover.has-background-dim.has-background-dim-90:before {
opacity: .9
}
.wp-block-cover-image.has-background-dim.has-background-dim-100:before, .wp-block-cover.has-background-dim.has-background-dim-100:before {
opacity: 1
}
.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright {
max-width: 305px;
width: 100%
}
.wp-block-cover-image:after, .wp-block-cover:after {
display: block;
content: "";
font-size: 0;
min-height: inherit
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.wp-block-cover-image:after, .wp-block-cover:after {
content: none
}
}
.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.aligncenter, .wp-block-cover.alignleft, .wp-block-cover.alignright {
display: flex
}
.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
width: calc(100% - 70px);
z-index: 1;
color: #f8f9f9
}
.wp-block-cover-image .wp-block-subhead:not(.has-text-color), .wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image p:not(.has-text-color), .wp-block-cover .wp-block-subhead:not(.has-text-color), .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover p:not(.has-text-color) {
color: inherit
}
.wp-block-cover__video-background {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
height: 100%;
z-index: 0;
-o-object-fit: cover;
object-fit: cover
}
.wp-block-cover-image-text, .wp-block-cover-text, section.wp-block-cover-image h2 {
color: #fff
}
.wp-block-cover-image-text a, .wp-block-cover-image-text a:active, .wp-block-cover-image-text a:focus, .wp-block-cover-image-text a:hover, .wp-block-cover-text a, .wp-block-cover-text a:active, .wp-block-cover-text a:focus, .wp-block-cover-text a:hover, section.wp-block-cover-image h2 a, section.wp-block-cover-image h2 a:active, section.wp-block-cover-image h2 a:focus, section.wp-block-cover-image h2 a:hover {
color: #fff
}
.wp-block-cover-image .wp-block-cover.has-left-content {
justify-content: flex-start
}
.wp-block-cover-image .wp-block-cover.has-right-content {
justify-content: flex-end
}
.wp-block-cover-image.has-left-content .wp-block-cover-image-text, .wp-block-cover.has-left-content .wp-block-cover-text, section.wp-block-cover-image.has-left-content > h2 {
margin-left: 0;
text-align: left
}
.wp-block-cover-image.has-right-content .wp-block-cover-image-text, .wp-block-cover.has-right-content .wp-block-cover-text, section.wp-block-cover-image.has-right-content > h2 {
margin-right: 0;
text-align: right
}
.wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, section.wp-block-cover-image > h2 {
font-size: 2em;
line-height: 1.25;
z-index: 1;
margin-bottom: 0;
max-width: 610px;
padding: 14px;
text-align: center
}
.block-editor-block-list__block[data-type="core/embed"][data-align=left] .block-editor-block-list__block-edit, .block-editor-block-list__block[data-type="core/embed"][data-align=right] .block-editor-block-list__block-edit, .wp-block-embed.alignleft, .wp-block-embed.alignright {
max-width: 360px;
width: 100%
}
.wp-block-embed {
margin-bottom: 1em
}
.wp-block-embed figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper {
position: relative
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
content: "";
display: block;
padding-top: 50%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
padding-top: 42.85%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
padding-top: 50%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 56.25%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
padding-top: 75%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
padding-top: 100%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
padding-top: 177.78%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
padding-top: 200%
}
.wp-block-file {
margin-bottom: 1.5em
}
.wp-block-file.aligncenter {
text-align: center
}
.wp-block-file.alignright {
text-align: right
}
.wp-block-file .wp-block-file__button {
background: #32373c;
border-radius: 2em;
color: #fff;
font-size: 13px;
padding: .5em 1em
}
.wp-block-file a.wp-block-file__button {
text-decoration: none
}
.wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited {
box-shadow: none;
color: #fff;
opacity: .85;
text-decoration: none
}
.wp-block-file * + .wp-block-file__button {
margin-left: .75em
}
.blocks-gallery-grid, .wp-block-gallery {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0
}
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
margin: 0 16px 16px 0;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
position: relative
}
.blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
margin: 0;
height: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
display: flex;
align-items: flex-end;
justify-content: flex-start
}
}
.blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img, .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img {
display: block;
max-width: 100%;
height: auto;
width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img, .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img {
width: auto
}
}
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 40px 10px 9px;
color: #fff;
text-align: center;
font-size: 13px;
background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent)
}
.blocks-gallery-grid .blocks-gallery-image figcaption img, .blocks-gallery-grid .blocks-gallery-item figcaption img, .wp-block-gallery .blocks-gallery-image figcaption img, .wp-block-gallery .blocks-gallery-item figcaption img {
display: inline
}
.blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img {
width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img {
height: 100%;
flex: 1;
-o-object-fit: cover;
object-fit: cover
}
}
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
width: calc((100% - 16px) / 2)
}
.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image, .blocks-gallery-grid.columns-1 .blocks-gallery-item, .wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item {
width: 100%;
margin-right: 0
}
@media (min-width: 600px) {
.blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
width: calc((100% - 32px) / 3);
margin-right: 16px
}
@supports (-ms-ime-align:auto) {
.blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
width: calc((100% - 32px) / 3 - 1px)
}
}.blocks-gallery-grid.columns-4 .blocks-gallery-image, .blocks-gallery-grid.columns-4 .blocks-gallery-item, .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item {
width: calc((100% - 48px) / 4);
margin-right: 16px
}
@supports (-ms-ime-align:auto) {
.blocks-gallery-grid.columns-4 .blocks-gallery-image, .blocks-gallery-grid.columns-4 .blocks-gallery-item, .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item {
width: calc((100% - 48px) / 4 - 1px)
}
}.blocks-gallery-grid.columns-5 .blocks-gallery-image, .blocks-gallery-grid.columns-5 .blocks-gallery-item, .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item {
width: calc((100% - 64px) / 5);
margin-right: 16px
}
@supports (-ms-ime-align:auto) {
.blocks-gallery-grid.columns-5 .blocks-gallery-image, .blocks-gallery-grid.columns-5 .blocks-gallery-item, .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item {
width: calc((100% - 64px) / 5 - 1px)
}
}.blocks-gallery-grid.columns-6 .blocks-gallery-image, .blocks-gallery-grid.columns-6 .blocks-gallery-item, .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item {
width: calc((100% - 80px) / 6);
margin-right: 16px
}
@supports (-ms-ime-align:auto) {
.blocks-gallery-grid.columns-6 .blocks-gallery-image, .blocks-gallery-grid.columns-6 .blocks-gallery-item, .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item {
width: calc((100% - 80px) / 6 - 1px)
}
}.blocks-gallery-grid.columns-7 .blocks-gallery-image, .blocks-gallery-grid.columns-7 .blocks-gallery-item, .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item {
width: calc((100% - 96px) / 7);
margin-right: 16px
}
@supports (-ms-ime-align:auto) {
.blocks-gallery-grid.columns-7 .blocks-gallery-image, .blocks-gallery-grid.columns-7 .blocks-gallery-item, .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item {
width: calc((100% - 96px) / 7 - 1px)
}
}.blocks-gallery-grid.columns-8 .blocks-gallery-image, .blocks-gallery-grid.columns-8 .blocks-gallery-item, .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item {
width: calc((100% - 112px) / 8);
margin-right: 16px
}
@supports (-ms-ime-align:auto) {
.blocks-gallery-grid.columns-8 .blocks-gallery-image, .blocks-gallery-grid.columns-8 .blocks-gallery-item, .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item {
width: calc((100% - 112px) / 8 - 1px)
}
}.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n) {
margin-right: 0
}
.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0
}
.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n) {
margin-right: 0
}
.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n) {
margin-right: 0
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n) {
margin-right: 0
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n) {
margin-right: 0
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n) {
margin-right: 0
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
margin-right: 0
}
}
.blocks-gallery-grid .blocks-gallery-image:last-child, .blocks-gallery-grid .blocks-gallery-item:last-child, .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child {
margin-right: 0
}
.blocks-gallery-grid.alignleft, .blocks-gallery-grid.alignright, .wp-block-gallery.alignleft, .wp-block-gallery.alignright {
max-width: 305px;
width: 100%
}
.blocks-gallery-grid.aligncenter .blocks-gallery-item figure, .wp-block-gallery.aligncenter .blocks-gallery-item figure {
justify-content: center
}
.wp-block-image {
max-width: 100%;
margin-bottom: 1em
}
.wp-block-image img {
max-width: 100%
}
.wp-block-image.aligncenter {
text-align: center
}
.wp-block-image.alignfull img, .wp-block-image.alignwide img {
width: 100%
}
.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.is-resized {
display: table;
margin-left: 0;
margin-right: 0
}
.wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.is-resized > figcaption {
display: table-caption;
caption-side: bottom
}
.wp-block-image .alignleft {
float: left;
margin-right: 1em
}
.wp-block-image .alignright {
float: right;
margin-left: 1em
}
.wp-block-image .aligncenter {
margin-left: auto;
margin-right: auto
}
.wp-block-image figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.is-style-circle-mask img {
border-radius: 9999px
}
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
.is-style-circle-mask img {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
mask-mode: alpha;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
border-radius: none
}
}
.wp-block-latest-comments__comment {
font-size: 15px;
line-height: 1.1;
list-style: none;
margin-bottom: 1em
}
.has-avatars .wp-block-latest-comments__comment {
min-height: 36px;
list-style: none
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-left: 52px
}
.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment {
line-height: 1.5
}
.wp-block-latest-comments__comment-excerpt p {
font-size: 14px;
line-height: 1.8;
margin: 5px 0 20px
}
.wp-block-latest-comments__comment-date {
color: #8f98a1;
display: block;
font-size: 12px
}
.wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar {
border-radius: 24px;
display: block;
float: left;
height: 40px;
margin-right: 12px;
width: 40px
}
.wp-block-latest-posts.alignleft {
margin-right: 2em
}
.wp-block-latest-posts.alignright {
margin-left: 2em
}
.wp-block-latest-posts.wp-block-latest-posts__list {
list-style: none
}
.wp-block-latest-posts.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0
}
.wp-block-latest-posts.is-grid li {
margin: 0 16px 16px 0;
width: 100%
}
@media (min-width: 600px) {
.wp-block-latest-posts.columns-2 li {
width: calc(50% - 16px)
}
.wp-block-latest-posts.columns-3 li {
width: calc(33.33333% - 16px)
}
.wp-block-latest-posts.columns-4 li {
width: calc(25% - 16px)
}
.wp-block-latest-posts.columns-5 li {
width: calc(20% - 16px)
}
.wp-block-latest-posts.columns-6 li {
width: calc(16.66667% - 16px)
}
}
.wp-block-latest-posts__post-date {
display: block;
color: #6c7781;
font-size: 13px
}
.wp-block-latest-posts__post-excerpt {
margin-top: 8px;
margin-bottom: 16px
}
.wp-block-media-text {
display: -ms-grid;
display: grid;
-ms-grid-rows: auto;
grid-template-rows: auto;
-ms-grid-columns: 50% 1fr;
grid-template-columns: 50% 1fr
}
.wp-block-media-text .has-media-on-the-right {
-ms-grid-columns: 1fr 50%;
grid-template-columns: 1fr 50%
}
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
-ms-grid-row-align: start;
align-self: start
}
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media, .wp-block-media-text .wp-block-media-text__content, .wp-block-media-text .wp-block-media-text__media {
-ms-grid-row-align: center;
align-self: center
}
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
-ms-grid-row-align: end;
align-self: end
}
.wp-block-media-text .wp-block-media-text__media {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
margin: 0
}
.wp-block-media-text .wp-block-media-text__content {
word-break: break-word;
padding: 0 8%
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media, .wp-block-media-text .wp-block-media-text__content {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
.wp-block-media-text > figure > img, .wp-block-media-text > figure > video {
max-width: unset;
width: 100%;
vertical-align: middle
}
.wp-block-media-text.is-image-fill figure {
height: 100%;
min-height: 250px;
background-size: cover
}
.wp-block-media-text.is-image-fill figure > img {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
@media (max-width: 600px) {
.wp-block-media-text.is-stacked-on-mobile {
-ms-grid-columns: 100% !important;
grid-template-columns: 100% !important
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media, .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2
}
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
}
.is-small-text {
font-size: 14px
}
.is-regular-text {
font-size: 16px
}
.is-large-text {
font-size: 36px
}
.is-larger-text {
font-size: 48px
}
.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 8.4em;
line-height: .68;
font-weight: 100;
margin: .05em .1em 0 0;
text-transform: uppercase;
font-style: normal
}
.has-drop-cap:not(:focus):after {
content: "";
display: table;
clear: both;
padding-top: 14px
}
p.has-background {
padding: 20px 30px
}
p.has-text-color a {
color: inherit
}
.wp-block-pullquote {
padding: 3em 0;
margin-left: 0;
margin-right: 0;
text-align: center
}
.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
max-width: 305px
}
.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
font-size: 20px
}
.wp-block-pullquote p {
font-size: 28px;
line-height: 1.6
}
.wp-block-pullquote cite, .wp-block-pullquote footer {
position: relative
}
.wp-block-pullquote .has-text-color a {
color: inherit
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none
}
.wp-block-pullquote.is-style-solid-color {
border: none
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-left: auto;
margin-right: auto;
text-align: left;
max-width: 60%
}
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 32px
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal
}
.wp-block-pullquote cite {
color: inherit
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
margin: 0 0 16px;
padding: 0 1em
}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
font-size: 24px;
font-style: italic;
line-height: 1.6
}
.wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer {
font-size: 18px;
text-align: right
}
.wp-block-rss.alignleft {
margin-right: 2em
}
.wp-block-rss.alignright {
margin-left: 2em
}
.wp-block-rss.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none
}
.wp-block-rss.is-grid li {
margin: 0 16px 16px 0;
width: 100%
}
@media (min-width: 600px) {
.wp-block-rss.columns-2 li {
width: calc(50% - 16px)
}
.wp-block-rss.columns-3 li {
width: calc(33.33333% - 16px)
}
.wp-block-rss.columns-4 li {
width: calc(25% - 16px)
}
.wp-block-rss.columns-5 li {
width: calc(20% - 16px)
}
.wp-block-rss.columns-6 li {
width: calc(16.66667% - 16px)
}
}
.wp-block-rss__item-author, .wp-block-rss__item-publish-date {
display: block;
color: #6c7781;
font-size: 13px
}
.wp-block-search {
display: flex;
flex-wrap: wrap
}
.wp-block-search .wp-block-search__label {
width: 100%
}
.wp-block-search .wp-block-search__input {
flex-grow: 1
}
.wp-block-search .wp-block-search__button {
margin-left: 10px
}
.wp-block-separator.is-style-wide {
border-bottom-width: 1px
}
.wp-block-separator.is-style-dots {
background: none !important;
border: none;
text-align: center;
max-width: none;
line-height: 1;
height: auto
}
.wp-block-separator.is-style-dots:before {
content: "\00b7 \00b7 \00b7";
color: currentColor;
font-size: 20px;
letter-spacing: 2em;
padding-left: 2em;
font-family: serif
}
.wp-block-social-links {
display: flex;
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
margin-left: 0
}
.wp-social-link {
width: 36px;
height: 36px;
border-radius: 36px;
margin-right: 8px
}
.wp-social-link, .wp-social-link a {
display: block;
transition: transform .1s ease
}
.wp-social-link a {
padding: 6px;
line-height: 0
}
.wp-social-link a, .wp-social-link a:active, .wp-social-link a:hover, .wp-social-link a:visited, .wp-social-link svg {
color: currentColor;
fill: currentColor
}
.wp-social-link:hover {
transform: scale(1.1)
}
.wp-block-social-links.aligncenter {
justify-content: center;
display: flex
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
background-color: #f0f0f0;
color: #444
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
background-color: #f90;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
background-color: #1ea0c3;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
background-color: #0757fe;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
background-color: #1e1f26;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
background-color: #02e49b;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
background-color: #e94c89;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
background-color: #4280ff;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
background-color: #f45800;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
background-color: #1977f2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
background-color: #000;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
background-color: #0461dd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
background-color: #e65678;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
background-color: #24292d;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
background-color: #eceadd;
color: #382110
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
background-color: #ea4434;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
background-color: #f00075;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
background-color: #e21b24;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
background-color: #0577b5;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
background-color: #3288d4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
background-color: #02ab6c;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
background-color: #f6405f;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
background-color: #e60122;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
background-color: #ef4155;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
background-color: #fe4500;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
background-color: #0478d7;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
background-color: #fefc00;
color: #fff;
stroke: #000
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
background-color: #ff5600;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
background-color: #1bd760;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
background-color: #011835;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
background-color: #6440a4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
background-color: #21a1f3;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
background-color: #1eb7ea;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
background-color: #4680c2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
background-color: #3499cd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
background-color: #ff0100;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link {
background: none;
padding: 4px
}
.wp-block-social-links.is-style-logos-only .wp-social-link svg {
width: 28px;
height: 28px
}
.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
color: #f90
}
.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
color: #1ea0c3
}
.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
color: #0757fe
}
.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
color: #1e1f26
}
.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
color: #02e49b
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
color: #e94c89
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
color: #4280ff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
color: #f45800
}
.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
color: #1977f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
color: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
color: #0461dd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
color: #e65678
}
.wp-block-social-links.is-style-logos-only .wp-social-link-github {
color: #24292d
}
.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
color: #382110
}
.wp-block-social-links.is-style-logos-only .wp-social-link-google {
color: #ea4434
}
.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
color: #f00075
}
.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
color: #e21b24
}
.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
color: #0577b5
}
.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
color: #3288d4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
color: #02ab6c
}
.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
color: #f6405f
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
color: #e60122
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
color: #ef4155
}
.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
color: #fe4500
}
.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
color: #0478d7
}
.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
color: #fff;
stroke: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
color: #ff5600
}
.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
color: #1bd760
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
color: #011835
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
color: #6440a4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
color: #21a1f3
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
color: #1eb7ea
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
color: #4680c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
color: #3499cd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
color: #ff0100
}
.wp-block-social-links.is-style-pill-shape .wp-social-link {
width: auto
}
.wp-block-social-links.is-style-pill-shape .wp-social-link a {
padding-left: 16px;
padding-right: 16px
}
.wp-block-spacer {
clear: both
}
p.wp-block-subhead {
font-size: 1.1em;
font-style: italic;
opacity: .75
}
.wp-block-table {
overflow-x: auto
}
.wp-block-table table {
width: 100%
}
.wp-block-table .has-fixed-layout {
table-layout: fixed;
width: 100%
}
.wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th {
word-break: break-word
}
.wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright {
display: table;
width: auto
}
.wp-block-table.aligncenter td, .wp-block-table.aligncenter th, .wp-block-table.alignleft td, .wp-block-table.alignleft th, .wp-block-table.alignright td, .wp-block-table.alignright th {
word-break: break-word
}
.wp-block-table .has-subtle-light-gray-background-color {
background-color: #f3f4f5
}
.wp-block-table .has-subtle-pale-green-background-color {
background-color: #e9fbe5
}
.wp-block-table .has-subtle-pale-blue-background-color {
background-color: #e7f5fe
}
.wp-block-table .has-subtle-pale-pink-background-color {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes {
border-spacing: 0;
border-collapse: inherit;
background-color: transparent;
border-bottom: 1px solid #f3f4f5
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f3f4f5
}
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
background-color: #f3f4f5
}
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
background-color: #e9fbe5
}
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
background-color: #e7f5fe
}
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {
border-color: transparent
}
.wp-block-text-columns, .wp-block-text-columns.aligncenter {
display: flex
}
.wp-block-text-columns .wp-block-column {
margin: 0 16px;
padding: 0
}
.wp-block-text-columns .wp-block-column:first-child {
margin-left: 0
}
.wp-block-text-columns .wp-block-column:last-child {
margin-right: 0
}
.wp-block-text-columns.columns-2 .wp-block-column {
width: 50%
}
.wp-block-text-columns.columns-3 .wp-block-column {
width: 33.33333%
}
.wp-block-text-columns.columns-4 .wp-block-column {
width: 25%
}
pre.wp-block-verse {
white-space: nowrap;
overflow: auto
}
.wp-block-video {
margin-left: 0;
margin-right: 0
}
.wp-block-video video {
max-width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.wp-block-video [poster] {
-o-object-fit: cover;
object-fit: cover
}
}
.wp-block-video.aligncenter {
text-align: center
}
.wp-block-video figcaption {
margin-top: .5em;
margin-bottom: 1em
}
:root .has-pale-pink-background-color {
background-color: #f78da7
}
:root .has-vivid-red-background-color {
background-color: #cf2e2e
}
:root .has-luminous-vivid-orange-background-color {
background-color: #ff6900
}
:root .has-luminous-vivid-amber-background-color {
background-color: #fcb900
}
:root .has-light-green-cyan-background-color {
background-color: #7bdcb5
}
:root .has-vivid-green-cyan-background-color {
background-color: #00d084
}
:root .has-pale-cyan-blue-background-color {
background-color: #8ed1fc
}
:root .has-vivid-cyan-blue-background-color {
background-color: #0693e3
}
:root .has-vivid-purple-background-color {
background-color: #9b51e0
}
:root .has-very-light-gray-background-color {
background-color: #eee
}
:root .has-cyan-bluish-gray-background-color {
background-color: #abb8c3
}
:root .has-very-dark-gray-background-color {
background-color: #313131
}
:root .has-pale-pink-color {
color: #f78da7
}
:root .has-vivid-red-color {
color: #cf2e2e
}
:root .has-luminous-vivid-orange-color {
color: #ff6900
}
:root .has-luminous-vivid-amber-color {
color: #fcb900
}
:root .has-light-green-cyan-color {
color: #7bdcb5
}
:root .has-vivid-green-cyan-color {
color: #00d084
}
:root .has-pale-cyan-blue-color {
color: #8ed1fc
}
:root .has-vivid-cyan-blue-color {
color: #0693e3
}
:root .has-vivid-purple-color {
color: #9b51e0
}
:root .has-very-light-gray-color {
color: #eee
}
:root .has-cyan-bluish-gray-color {
color: #abb8c3
}
:root .has-very-dark-gray-color {
color: #313131
}
.has-small-font-size {
font-size: 13px
}
.has-normal-font-size, .has-regular-font-size {
font-size: 16px
}
.has-medium-font-size {
font-size: 20px
}
.has-large-font-size {
font-size: 36px
}
.has-huge-font-size, .has-larger-font-size {
font-size: 42px
}
.has-text-align-center {
text-align: center
}
.has-text-align-left {
text-align: left
}
.has-text-align-right {
text-align: right
}
.wp-block-audio figcaption {
color: #555d66;
font-size: 13px;
text-align: center
}
.wp-block-code {
font-family: Menlo, Consolas, monaco, monospace;
font-size: 14px;
color: #23282d;
padding: .8em 1em;
border: 1px solid #e2e4e7;
border-radius: 4px
}
.blocks-gallery-caption, .wp-block-embed figcaption, .wp-block-image figcaption {
color: #555d66;
font-size: 13px;
text-align: center
}
.wp-block-preformatted pre {
font-family: Menlo, Consolas, monaco, monospace;
color: #23282d;
font-size: 16px
}
@media (min-width: 600px) {
.wp-block-preformatted pre {
font-size: 14px
}
}
.wp-block-pullquote {
border-top: 4px solid #555d66;
border-bottom: 4px solid #555d66;
margin-bottom: 28px;
color: #40464d
}
.wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer {
color: #40464d;
text-transform: uppercase;
font-size: 13px;
font-style: normal
}
.wp-block-quote {
border-left: 4px solid #000;
margin: 0 0 28px;
padding-left: 1em
}
.wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer {
color: #6c7781;
font-size: 13px;
margin-top: 1em;
position: relative;
font-style: normal
}
.wp-block-quote.has-text-align-right {
border-left: none;
border-right: 4px solid #000;
padding-left: 0;
padding-right: 1em
}
.wp-block-quote.has-text-align-center {
border: none;
padding-left: 0
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
border: none
}
.wp-block-search .wp-block-search__label {
font-weight: 700
}
.wp-block-group.has-background {
padding: 20px 30px;
margin-top: 0;
margin-bottom: 0
}
.wp-block-separator {
border: none;
border-bottom: 2px solid #8f98a1;
margin-left: auto;
margin-right: auto
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px
}
.wp-block-separator.has-background:not(.is-style-dots) {
border-bottom: none;
height: 1px
}
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
height: 2px
}
.wp-block-table {
border-collapse: collapse
}
.wp-block-table td, .wp-block-table th {
padding: .5em;
border: 1px solid;
word-break: normal
}
.wp-block-video figcaption {
color: #555d66;
font-size: 13px;
text-align: center
}
[class*=hint--] {
position: relative;
display: inline-block
}
[class*=hint--]:after, [class*=hint--]:before {
position: absolute;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: hidden;
opacity: 0;
z-index: 1000000;
pointer-events: none;
transition: .3s ease;
transition-delay: 0s
}
[class*=hint--]:before {
content: '';
background: 0 0;
border: 6px solid transparent;
z-index: 1000001
}
[class*=hint--]:hover:after, [class*=hint--]:hover:before {
visibility: visible;
opacity: 1;
transition-delay: .1s
}
[class*=hint--]:after {
background: #383838;
color: #fff;
padding: 8px 10px;
font-size: 12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 12px;
white-space: nowrap;
text-shadow: 0 -1px 0 #000;
box-shadow: 4px 4px 8px rgba(0, 0, 0, .3)
}
[class*=hint--][aria-label]:after {
content: attr(aria-label)
}
[class*=hint--][data-hint]:after {
content: attr(data-hint)
}
[aria-label='']:after, [aria-label='']:before, [data-hint='']:after, [data-hint='']:before {
display: none !important
}
.hint--top-left:before, .hint--top-right:before, .hint--top:before {
border-top-color: #383838
}
.hint--bottom-left:before, .hint--bottom-right:before, .hint--bottom:before {
border-bottom-color: #383838
}
.hint--top:after, .hint--top:before {
bottom: 100%;
left: 50%
}
.hint--top:before {
margin-bottom: -11px;
left: calc(50% - 6px)
}
.hint--top:after {
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.hint--top:hover:before {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
.hint--top:hover:after {
-webkit-transform: translateX(-50%) translateY(-8px);
transform: translateX(-50%) translateY(-8px)
}
.hint--bottom:after, .hint--bottom:before {
top: 100%;
left: 50%
}
.hint--bottom:before {
margin-top: -11px;
left: calc(50% - 6px)
}
.hint--bottom:after {
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.hint--bottom:hover:before {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
.hint--bottom:hover:after {
-webkit-transform: translateX(-50%) translateY(8px);
transform: translateX(-50%) translateY(8px)
}
.hint--right:before {
border-right-color: #383838;
margin-left: -11px;
margin-bottom: -6px
}
.hint--right:after {
margin-bottom: -14px
}
.hint--right:after, .hint--right:before {
left: 100%;
bottom: 50%
}
.hint--right:hover:after, .hint--right:hover:before {
-webkit-transform: translateX(8px);
transform: translateX(8px)
}
.hint--left:before {
border-left-color: #383838;
margin-right: -11px;
margin-bottom: -6px
}
.hint--left:after {
margin-bottom: -14px
}
.hint--left:after, .hint--left:before {
right: 100%;
bottom: 50%
}
.hint--left:hover:after, .hint--left:hover:before {
-webkit-transform: translateX(-8px);
transform: translateX(-8px)
}
.hint--top-left:after, .hint--top-left:before {
bottom: 100%;
left: 50%
}
.hint--top-left:before {
margin-bottom: -11px;
left: calc(50% - 6px)
}
.hint--top-left:after {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
margin-left: 12px
}
.hint--top-left:hover:before {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
.hint--top-left:hover:after {
-webkit-transform: translateX(-100%) translateY(-8px);
transform: translateX(-100%) translateY(-8px)
}
.hint--top-right:after, .hint--top-right:before {
bottom: 100%;
left: 50%
}
.hint--top-right:before {
margin-bottom: -11px;
left: calc(50% - 6px)
}
.hint--top-right:after {
-webkit-transform: translateX(0);
transform: translateX(0);
margin-left: -12px
}
.hint--top-right:hover:after, .hint--top-right:hover:before {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
.hint--bottom-left:after, .hint--bottom-left:before {
top: 100%;
left: 50%
}
.hint--bottom-left:before {
margin-top: -11px;
left: calc(50% - 6px)
}
.hint--bottom-left:after {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
margin-left: 12px
}
.hint--bottom-left:hover:before {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
.hint--bottom-left:hover:after {
-webkit-transform: translateX(-100%) translateY(8px);
transform: translateX(-100%) translateY(8px)
}
.hint--bottom-right:after, .hint--bottom-right:before {
top: 100%;
left: 50%
}
.hint--bottom-right:before {
margin-top: -11px;
left: calc(50% - 6px)
}
.hint--bottom-right:after {
-webkit-transform: translateX(0);
transform: translateX(0);
margin-left: -12px
}
.hint--bottom-right:hover:after, .hint--bottom-right:hover:before {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
.hint--large:after, .hint--medium:after, .hint--small:after {
white-space: normal;
line-height: 1.4em;
word-wrap: break-word
}
.hint--small:after {
width: 80px
}
.hint--medium:after {
width: 150px
}
.hint--large:after {
width: 300px
}
.hint--error:after {
background-color: #b34e4d;
text-shadow: 0 -1px 0 #592726
}
.hint--error.hint--top-left:before, .hint--error.hint--top-right:before, .hint--error.hint--top:before {
border-top-color: #b34e4d
}
.hint--error.hint--bottom-left:before, .hint--error.hint--bottom-right:before, .hint--error.hint--bottom:before {
border-bottom-color: #b34e4d
}
.hint--error.hint--left:before {
border-left-color: #b34e4d
}
.hint--error.hint--right:before {
border-right-color: #b34e4d
}
.hint--warning:after {
background-color: #c09854;
text-shadow: 0 -1px 0 #6c5328
}
.hint--warning.hint--top-left:before, .hint--warning.hint--top-right:before, .hint--warning.hint--top:before {
border-top-color: #c09854
}
.hint--warning.hint--bottom-left:before, .hint--warning.hint--bottom-right:before, .hint--warning.hint--bottom:before {
border-bottom-color: #c09854
}
.hint--warning.hint--left:before {
border-left-color: #c09854
}
.hint--warning.hint--right:before {
border-right-color: #c09854
}
.hint--info:after {
background-color: #3986ac;
text-shadow: 0 -1px 0 #1a3c4d
}
.hint--info.hint--top-left:before, .hint--info.hint--top-right:before, .hint--info.hint--top:before {
border-top-color: #3986ac
}
.hint--info.hint--bottom-left:before, .hint--info.hint--bottom-right:before, .hint--info.hint--bottom:before {
border-bottom-color: #3986ac
}
.hint--info.hint--left:before {
border-left-color: #3986ac
}
.hint--info.hint--right:before {
border-right-color: #3986ac
}
.hint--success:after {
background-color: #458746;
text-shadow: 0 -1px 0 #1a321a
}
.hint--success.hint--top-left:before, .hint--success.hint--top-right:before, .hint--success.hint--top:before {
border-top-color: #458746
}
.hint--success.hint--bottom-left:before, .hint--success.hint--bottom-right:before, .hint--success.hint--bottom:before {
border-bottom-color: #458746
}
.hint--success.hint--left:before {
border-left-color: #458746
}
.hint--success.hint--right:before {
border-right-color: #458746
}
.hint--always:after, .hint--always:before {
opacity: 1;
visibility: visible
}
.hint--always.hint--top:before {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
.hint--always.hint--top:after {
-webkit-transform: translateX(-50%) translateY(-8px);
transform: translateX(-50%) translateY(-8px)
}
.hint--always.hint--top-left:before {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
.hint--always.hint--top-left:after {
-webkit-transform: translateX(-100%) translateY(-8px);
transform: translateX(-100%) translateY(-8px)
}
.hint--always.hint--top-right:after, .hint--always.hint--top-right:before {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
.hint--always.hint--bottom:before {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
.hint--always.hint--bottom:after {
-webkit-transform: translateX(-50%) translateY(8px);
transform: translateX(-50%) translateY(8px)
}
.hint--always.hint--bottom-left:before {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
.hint--always.hint--bottom-left:after {
-webkit-transform: translateX(-100%) translateY(8px);
transform: translateX(-100%) translateY(8px)
}
.hint--always.hint--bottom-right:after, .hint--always.hint--bottom-right:before {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
.hint--always.hint--left:after, .hint--always.hint--left:before {
-webkit-transform: translateX(-8px);
transform: translateX(-8px)
}
.hint--always.hint--right:after, .hint--always.hint--right:before {
-webkit-transform: translateX(8px);
transform: translateX(8px)
}
.hint--rounded:after {
border-radius: 4px
}
.hint--no-animate:after, .hint--no-animate:before {
transition-duration: 0s
}
.hint--bounce:after, .hint--bounce:before {
transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24), -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24)
}
.hint--no-shadow:after, .hint--no-shadow:before {
text-shadow: initial;
box-shadow: initial
}
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(../Fonts/materialicons-regular.eot);
src: local('Material Icons'), local('MaterialIcons-Regular'), url(../Fonts/materialicons-regular.woff2) format('woff2'), url(../Fonts/materialicons-regular.woff) format('woff'), url(../Fonts/materialicons-regular.ttf) format('truetype')
}
#profilepress-myaccount-wrapper .ppmyac-icons, .pp-form-field-wrap .pp-form-material-icons, .ppress-material-icons {
font-family: 'Material Icons' !important;
font-weight: 400;
font-style: normal;
font-size: 20px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga'
}
.pp-tab-widget-avatar img {
display: block;
border-radius: 50%;
height: 190px;
margin: 0 auto 10px !important;
padding: 2px;
text-align: center;
width: 190px;
float: none !important
}
.pp-user-panel {
border-radius: 6px;
text-align: center
}
.pp-user-panel-title {
font-size: 20px;
margin: 0
}
.pp-user-panel p {
font-size: 15px;
margin-bottom: 23px
}
.pp-tabbed-btn {
border: 0;
font-size: 15px;
font-weight: 400;
line-height: 1.4;
border-radius: 4px;
padding: 10px 15px;
-webkit-font-smoothing: subpixel-antialiased;
transition: border .25s linear, color .25s linear, background-color .25s linear
}
.pp-tabbed-btn-inverse {
color: #fff !important;
background-color: #34495e
}
.pp-password-reset-handler-wrap .pp-reset-password-form {
padding: 40px;
max-width: 500px;
margin-top: 5px;
margin-bottom: 5px
}
.pp-password-reset-handler-wrap .pp-reset-password-form h3 {
color: #444;
font-weight: 300;
margin: 0 auto 40px
}
.pp-password-reset-handler-wrap .pp-reset-password-form label {
color: #444;
font-size: 15px
}
.pp-password-reset-handler-wrap .pp-reset-password-form label .req {
margin: 2px;
color: red
}
.pp-password-reset-handler-wrap .pp-reset-password-form label.active .req {
opacity: 0
}
.pp-password-reset-handler-wrap .pp-reset-password-form input {
font-size: 22px;
display: block;
width: 100%;
box-sizing: border-box;
height: auto;
padding: 5px 10px;
background: 0 0;
margin-bottom: 40px;
border: 1px solid #a0b3b0;
border-radius: 0;
transition: border-color .25s ease, box-shadow .25s ease
}
.pp-password-reset-handler-wrap .pp-reset-password-form input:focus {
outline: 0;
border-color: #1ab188
}
.pp-password-reset-handler-wrap .pp-reset-password-form .pp-reset-button {
border: 0;
outline: 0;
border-radius: 0;
padding: 15px 0;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .1em;
background: #1ab188;
color: #fff;
transition: all .5s ease;
-webkit-appearance: none;
text-shadow: none;
box-shadow: none
}
.pp-password-reset-handler-wrap .pp-reset-password-form .pp-reset-button:focus, .pp-password-reset-handler-wrap .pp-reset-password-form .pp-reset-button:hover {
background: #179b77
}
.pp-password-reset-handler-wrap .pp-reset-password-form .pp-reset-button-block {
display: block;
width: 100%
}
.pp-password-reset-handler-wrap .profilepress-reset-status {
margin-left: 40px;
max-width: 420px
}
#pp-pass-strength-result {
background-color: #eee;
border: 1px solid #ddd;
color: #23282d;
padding: 3px 5px;
text-align: center;
width: 100%;
box-sizing: border-box
}
#pp-pass-strength-result.short {
background-color: #f1adad;
border-color: #e35b5b;
opacity: 1
}
#pp-pass-strength-result.bad {
background-color: #fbc5a9;
border-color: #f78b53;
opacity: 1
}
#pp-pass-strength-result.good {
background-color: #ffe399;
border-color: #ffc733;
opacity: 1
}
#pp-pass-strength-result.strong {
background-color: #c1e1b9;
border-color: #83c373;
opacity: 1
}
.pp-form-wrapper .pp-form-label-wrap .pp-form-required-label {
color: red;
font-weight: 400
}
.pp-form-wrapper input[type=checkbox], .pp-form-wrapper input[type=radio] {
cursor: pointer
}
.pp-form-wrapper p {
margin: 0 0 5px !important;
padding: 0 !important
}
.pp-form-wrapper input[type=datetime], .pp-form-wrapper input[type=email], .pp-form-wrapper input[type=number], .pp-form-wrapper input[type=password], .pp-form-wrapper input[type=search], .pp-form-wrapper input[type=tel], .pp-form-wrapper input[type=text], .pp-form-wrapper input[type=url], .pp-form-wrapper select, .pp-form-wrapper textarea {
-webkit-appearance: none;
width: 100%;
background: #fff;
border: 1px solid #dedee5;
padding: 13px 15px;
outline: 0;
line-height: 1
}
.pp-form-wrapper select {
background-image: url(../Fonts/rgba(255,255,255,.75)
}
a.pp-button-social-login:visited {
color: #fff
}
a.pp-button-social-login, a.pp-button-social-login .ppsc {
display: inline-block;
font-size: 100%;
height: 2.5em;
padding: 0
}
a.pp-button-social-login {
position: relative;
vertical-align: middle;
line-height: 2.5em;
font-family: inherit;
font-weight: 700;
overflow: hidden;
white-space: nowrap;
border: 1px solid #333;
color: #fff !important;
background: #333;
margin: 6px 0;
border-radius: 2px;
box-sizing: content-box;
cursor: pointer;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
text-decoration: none !important;
min-width: 220px
}
a.pp-button-social-login .ppsc {
font-style: normal;
font-weight: 400;
text-decoration: none;
text-transform: none;
vertical-align: top;
text-align: center;
width: 2.5em;
background-color: #fff;
background-repeat: no-repeat;
background-position: 50%;
background-size: 1.8em 1.8em;
border-top-left-radius: 1px;
border-bottom-left-radius: 1px;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
position: absolute;
left: 0;
margin: 0
}
a.pp-button-social-login span.ppsc-text {
margin-left: 40px;
padding: .5em;
color: #fff !important
}
a.pp-button-social-login .ppsc-google {
background-image: url(../Fonts/google.svg)
}
a.pp-button-social-login.pp-button-social-login-google {
background: #4285f4;
border-color: #4285f4
}
a.pp-button-social-login.pp-button-social-login-facebook {
background: #3b5998;
border-color: #3b5998
}
a.pp-button-social-login.pp-button-social-login-twitter {
background: #55acee;
border-color: #55acee
}
a.pp-button-social-login.pp-button-social-login-linkedin {
background: #0077b5;
border-color: #0077b5
}
a.pp-button-social-login.pp-button-social-login-vk {
background: #4a76a8;
border-color: #4a76a8
}
a.pp-button-social-login.pp-button-social-login-github {
background: #24292e;
border-color: #24292e
}
a.pp-button-social-login .ppsc-vk {
background-image: url(../Fonts/vk-fa.svg)
}
a.pp-button-social-login .ppsc-facebook {
background-image: url(../Fonts/facebook.svg)
}
a.pp-button-social-login .ppsc-twitter {
background-image: url(../Fonts/twitter.svg)
}
a.pp-button-social-login .ppsc-linkedin {
background-image: url(../Fonts/linkedin.svg)
}
a.pp-button-social-login .ppsc-github {
background-image: url(../Fonts/github-fa.svg)
}
#profilepress-myaccount-wrapper, #profilepress-myaccount-wrapper *, #profilepress-myaccount-wrapper ::after, #profilepress-myaccount-wrapper ::before, .pp-form-container *, .pp-form-container .pp-form-wrapper, .pp-form-container .pp-form-wrapper * {
box-sizing: border-box
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material .pp-form-field-wrap span.select2-selection.select2-selection--multiple, html .pp-form-container .select2 input.select2-search__field {
border: 0 !important
}
.pp-form-container form input[type=submit] {
-webkit-appearance: none !important;
cursor: pointer;
text-shadow: none
}
.pp-form-container form {
margin: 0;
padding: 0;
background-color: transparent
}
.woocommerce .woocommerce-MyAccount-content .pp-form-container {
margin-right: 0 !important;
margin-left: 0 !important
}
.pp-form-container form input, .pp-form-container form select, .pp-form-container form textarea {
outline: 0;
background-image: none;
height: auto;
float: none;
position: static;
box-shadow: none;
text-shadow: none;
text-transform: none;
text-decoration: none;
resize: vertical
}
.pp-form-container form p {
margin: 0 0 .5em
}
.pp-form-container form input[type=submit]:focus {
outline: 0
}
.pp-form-container .pp-user-avatar {
border-radius: 50% !important;
display: block !important;
margin: 0 auto 10px !important;
text-align: center !important
}
.pp-form-container img.pp-user-cover-image {
width: 100% !important;
height: auto !important
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content input[type=checkbox], #profilepress-myaccount-wrapper .profilepress-myaccount-content input[type=radio], .pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=checkbox], .pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=radio] {
border: 1px solid #7e8993 !important;
border-radius: 4px !important;
background: #fff !important;
color: #555 !important;
clear: none !important;
cursor: pointer !important;
display: inline-block !important;
line-height: 0 !important;
margin: 0 !important;
outline: 0 !important;
padding: 0 !important;
text-align: center !important;
vertical-align: middle !important;
-webkit-appearance: none !important;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1) !important;
transition: .05s border-color ease-in-out !important;
width: 16px !important;
height: 16px !important
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content input[type=radio], .pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=checkbox], .pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=radio] {
border-radius: 50% !important
}
.pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=checkbox], .pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=radio] {
border-radius: 4px !important
}
.pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=radio] {
border-radius: 50% !important
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content input[type=checkbox]:checked::before, .pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=checkbox]:checked::before {
content: url(../Fonts/dbf5f35115a344d2a151bb3801b90422.woff) !important;
margin: -3px 0 0 -4px !important;
width: 20px !important;
height: 20px !important;
position: static
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content input[type=radio]:checked::before, .pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=radio]:checked::before {
content: "";
border-radius: 50% !important;
margin: 3px !important;
background-color: #000 !important;
line-height: 1.14285714 !important;
width: 8px !important;
height: 8px !important
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content input[type=checkbox]:checked::before, #profilepress-myaccount-wrapper .profilepress-myaccount-content input[type=radio]:checked::before, .pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=checkbox]:checked::before, .pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=radio]:checked::before {
float: left !important;
display: inline-block !important;
vertical-align: middle !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.pp-form-container .pp-form-wrapper.ppBuildScratch, .pp-form-container .pp-form-wrapper.ppBuildScratch * {
font-family: 'Merriweather', sans-serif
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .ppbs-headline {
font-weight: 700;
font-size: 20px;
margin-bottom: 1em;
margin-top: 0;
text-align: center;
margin-right: 6.387%
}
.pp-form-container .pp-form-wrapper.ppBuildScratch h1, .pp-form-container .pp-form-wrapper.ppBuildScratch h2, .pp-form-container .pp-form-wrapper.ppBuildScratch h3, .pp-form-container .pp-form-wrapper.ppBuildScratch h4 {
font-weight: 700;
font-size: 20px;
margin-bottom: 1em;
margin-top: 1em
}
.pp-form-container .pp-form-wrapper.ppBuildScratch input:disabled {
opacity: .5
}
.pp-form-container .pp-form-wrapper.ppBuildScratch {
max-width: 100%;
width: 100%;
padding: 6% 0 6% 6%;
background: #fff;
color: #222;
font-size: 14px;
position: relative;
box-shadow: 0 0 0 .5px rgba(0, 20, 40, .1), 0 2px 8px 0 rgba(50, 55, 90, .2);
border-radius: 3px;
margin: 0 auto
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppf-remove-frame {
box-shadow: none;
border-radius: 0
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap {
padding: 0 6.387% 4% 0;
display: inline-block;
width: 100%;
vertical-align: top
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-submit-button-wrap {
display: inline-block;
width: 100%;
vertical-align: top;
padding: 0 6.387% 0 0
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap .pp-form-label-wrap {
margin: 0 0 5px;
padding: 0
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fda-reveal .pp-form-field-description, .pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fda-reveal .ppress-hint-tooltip, .pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fda-standard .ppress-hint-tooltip, .pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fda-tooltip .pp-form-field-description {
display: none
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fda-reveal .pp-form-field-input-textarea-wrap .pp-form-field:focus ~ .pp-form-field-description {
display: block
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fda-tooltip .ppress-hint-tooltip {
display: inline;
font-weight: 400
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fda-tooltip .ppress-hint-tooltip .pp-form-material-icons {
position: relative;
margin: 0;
padding: 0;
font-size: 110%;
display: inline;
vertical-align: top
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fld-inside {
position: relative
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fld-inside .pp-form-label-wrap {
position: absolute;
top: 5px;
left: 15px;
z-index: 2
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material .pp-form-field-wrap.fld-inside .pp-form-label-wrap {
left: 0 !important
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fld-inside .pp-form-field-input-textarea-wrap .pp-form-field {
padding-top: 18px;
padding-bottom: 2px
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-medium .pp-form-field-wrap.fld-inside .pp-form-field-input-textarea-wrap .pp-form-field {
padding-top: 23px;
padding-bottom: 7px
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-large .pp-form-field-wrap.fld-inside .pp-form-field-input-textarea-wrap .pp-form-field {
padding-top: 30px;
padding-bottom: 10px
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fw-half {
width: 50%
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fw-third {
width: 33.3333333333%
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap input:not([type=radio]):not([type=checkbox]), .pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap select, .pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap textarea {
border: 1px solid #dbdbdb;
font-size: 14px;
padding: 10px 15px;
transition: all .35s;
background: #fff;
color: #69717a;
width: 100%;
border-radius: 0;
line-height: 1.3;
min-height: 40px;
display: inline-block;
margin: 0
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap textarea {
height: 100px;
overflow: auto
}
.pp-form-field-wrap .pp-form-material-icons {
width: 24px;
height: 24px;
position: absolute;
right: 0;
top: 0;
cursor: text;
margin: 8px 12px 0 0
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfia-right .pp-form-field-wrap.field-has-icon input, .pp-form-container .pp-form-wrapper.ppBuildScratch.ppfia-right .pp-form-field-wrap.field-has-icon textarea {
padding-right: 40px
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfia-left .pp-form-field-wrap.field-has-icon input, .pp-form-container .pp-form-wrapper.ppBuildScratch.ppfia-left .pp-form-field-wrap.field-has-icon textarea {
padding-left: 40px
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material.ppfia-left .pp-form-field-wrap.field-has-icon input, .pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material.ppfia-left .pp-form-field-wrap.field-has-icon textarea {
padding-left: 30px !important
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material.ppfia-right .pp-form-field-wrap.field-has-icon input, .pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material.ppfia-right .pp-form-field-wrap.field-has-icon textarea {
padding-right: 30px !important
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfia-left .pp-form-field-wrap .pp-form-material-icons {
left: 0;
margin-left: 12px
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material.ppfia-left .pp-form-field-wrap .pp-form-material-icons {
left: 0 !important;
margin-left: 0 !important
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material.ppfia-right .pp-form-field-wrap .pp-form-material-icons {
margin-right: 0 !important
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-medium .pp-form-field-wrap .pp-form-material-icons {
margin-top: 10px
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-large .pp-form-field-wrap .pp-form-material-icons {
margin-top: 18px
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .has-password-visibility-icon .pp-form-material-icons {
cursor: pointer
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-pill .pp-form-field-wrap input:not([type=radio]):not([type=checkbox]), .pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-pill .pp-form-field-wrap select, .pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-pill .pp-form-field-wrap textarea {
border-radius: 25px !important
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-round .pp-form-field-wrap input:not([type=radio]):not([type=checkbox]), .pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-round .pp-form-field-wrap select, .pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-round .pp-form-field-wrap textarea {
border-radius: 6px !important
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material .pp-form-field-wrap .select2.select2-container, .pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material .pp-form-field-wrap input:not([type=radio]):not([type=checkbox]), .pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material .pp-form-field-wrap select, .pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material .pp-form-field-wrap textarea {
border: 0 !important;
border-bottom: 1px solid #dbdbdb !important;
padding-left: 0 !important
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material .pp-form-field-wrap input[type=text]:focus, .pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material .pp-form-field-wrap select:focus, .pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material .pp-form-field-wrap textarea:focus {
border-top: 0 !important;
border-right: 0 !important;
border-left: 0 !important;
box-shadow: none !important
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-flat .pp-form-field-wrap .select2-selection, .pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-flat .pp-form-field-wrap input:not([type=radio]):not([type=checkbox]), .pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-flat .pp-form-field-wrap select, .pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-flat .pp-form-field-wrap textarea {
border: 0 !important;
background: #f7f7f7 !important
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-medium .pp-form-field-wrap input, .pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-medium .pp-form-field-wrap select {
padding-top: 15px;
padding-bottom: 15px
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-medium .pp-form-field-wrap textarea {
height: 150px
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-large .pp-form-field-wrap input, .pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-large .pp-form-field-wrap select {
padding-top: 20px;
padding-bottom: 20px
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-large .pp-form-field-wrap textarea {
height: 200px
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap input[type=text]:focus, .pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap select:focus, .pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap textarea:focus {
border: 1px solid #999
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap .pp-form-label-wrap .pp-form-label, .pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap .ppform-remember-label {
font-style: normal;
background-color: transparent;
display: block;
font-weight: 700;
font-size: 14px;
float: none;
line-height: 1.3;
margin: 0;
padding: 0;
color: #444
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap .ppform-remember-label {
display: inline-block
}
.pp-field-user-avatar-picture-wrap .pp-profile-avatar-overlay ins, .pp-field-user-cover-image-wrap .pp-cover-image-overlay ins, .pp-form-container .pp-form-wrapper.ppBuildScratch.ppf-hide-asterisk .pp-form-required-label {
display: none
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-submit-button-wrap input[type=submit] {
background: #000;
border: 0;
color: #fff;
font-weight: 700;
font-size: 16px;
line-height: 1;
padding: 15px 10px;
transition: .15s ease-in-out;
width: auto;
min-width: 110px;
text-align: center
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-large .pp-form-submit-button-wrap input[type=submit], .pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-medium .pp-form-submit-button-wrap input[type=submit] {
padding-top: 20px;
padding-bottom: 20px
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppsbl-pill .pp-form-submit-button-wrap input[type=submit] {
border-radius: 25px !important
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppsbl-round .pp-form-submit-button-wrap input[type=submit] {
border-radius: 6px !important
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-submit-button-wrap input[type=submit]:focus, .pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-submit-button-wrap input[type=submit]:hover {
background-color: #ededed;
color: #000;
text-decoration: none
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-checkbox-wrap, .pp-form-container .pp-form-wrapper.ppBuildScratch .pp-radio-wrap {
margin: 0 0 5px
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-checkboxes-container, .ppressmd-new-dropdown ul {
margin: 0;
padding: 0
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-checkbox-wrap:last-of-type, .pp-form-container .pp-form-wrapper.ppBuildScratch .pp-radio-wrap:last-of-type {
margin-bottom: 0
}
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-description {
font-size: 12px;
font-weight: 400;
color: #666;
line-height: 1.3;
text-align: left;
margin: 4px 0 0
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppsbw-wide .pp-form-submit-button-wrap input[type=submit] {
width: 100%
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppsbw-full-width .pp-form-submit-button-wrap {
margin-top: 4%;
margin-bottom: 4%
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppsbw-full-width .pp-form-submit-button-wrap input[type=submit] {
width: 100% !important;
position: absolute !important;
bottom: 0 !important;
right: 0 !important;
left: 0 !important;
border-top-right-radius: 0 !important;
border-top-left-radius: 0 !important
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppsbw-full-width.ppsbl-pill {
border-bottom-right-radius: 25px !important;
border-bottom-left-radius: 25px !important
}
.pp-form-container .pp-form-wrapper.ppBuildScratch.ppsbw-full-width.ppsbl-round {
border-bottom-right-radius: 6px !important;
border-bottom-left-radius: 6px !important
}
.pp-form-container .pp-form-wrapper.ppBuildScratch a.pp-button-social-login:last-of-type {
margin-bottom: 1.5em !important
}
#profilepress-myaccount-wrapper {
font-size: 16px
}
#profilepress-myaccount-wrapper .profilepress-myaccount-row {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
#profilepress-myaccount-wrapper .profilepress-myaccount-nav {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0
}
#profilepress-myaccount-wrapper .ppmyac-dashboard-item {
text-decoration: none !important;
position: relative;
display: block;
padding: .75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .125);
width: 100%;
text-align: inherit;
box-shadow: none
}
#profilepress-myaccount-wrapper .ppmyac-dashboard-item.isactive {
z-index: 2;
color: #fff;
background-color: #007bff;
border-color: #007bff
}
#profilepress-myaccount-wrapper .ppmyac-dashboard-item:first-child {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
#profilepress-myaccount-wrapper .ppmyac-dashboard-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
#profilepress-myaccount-wrapper .ppmyac-icons {
margin-right: .5rem;
vertical-align: text-bottom
}
#profilepress-myaccount-wrapper .profilepress-myaccount-col-sm-3 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px
}
@media (min-width: 576px) {
#profilepress-myaccount-wrapper .profilepress-myaccount-col-sm-3 {
-webkit-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content {
position: relative;
width: 100%;
padding-top: 30px;
padding-right: 15px;
padding-left: 15px
}
@media (min-width: 576px) {
#profilepress-myaccount-wrapper .profilepress-myaccount-content {
-webkit-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
}
#profilepress-myaccount-wrapper .profilepress-myaccount-avatar-wrap {
text-align: center;
margin-bottom: 20px
}
#profilepress-myaccount-wrapper .profilepress-myaccount-avatar-wrap .profilepress-myaccount-avatar img.pp-user-avatar {
margin: 0 !important;
position: static !important;
float: none !important;
display: inline-block;
border-radius: 999px
}
#profilepress-myaccount-wrapper .profilepress-myaccount-nav a:focus {
outline: 0;
text-shadow: none;
box-shadow: none
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content h2 {
margin-top: 0 !important;
margin-bottom: 1.8rem !important;
font-weight: 700 !important;
line-height: 1.2 !important;
font-size: 2rem !important
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content h3 {
margin-top: 0 !important;
line-height: 1.2 !important;
font-weight: 500 !important;
font-size: 1.2rem !important;
margin-bottom: 1rem !important
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-submenus-wrap {
margin-bottom: 2rem
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-submenu-wrap {
display: inline;
padding-right: 1rem
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-submenu-item {
color: inherit;
padding: 0 0 10px
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-submenu-item.ppsubmenu-active {
border-bottom: 3px solid #6c757d
}
.profilepress-myaccount-alert, .profilepress-myaccount-edit-profile .profilepress-edit-profile-status {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem
}
.profilepress-myaccount-alert.pp-alert-danger, .profilepress-myaccount-edit-profile .profilepress-edit-profile-status {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb
}
.profilepress-myaccount-alert.pp-alert-success, .profilepress-myaccount-edit-profile .profilepress-edit-profile-status.success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field {
margin-top: .5rem;
margin-bottom: 1rem
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-cover-image-empty {
min-height: 250px;
background-color: #eee
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-delete-cover-image-wrap {
padding: .75rem;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .125);
margin-bottom: 0;
border-radius: .25rem
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-delete-cover-image-wrap img {
width: 100%;
height: auto
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-email-notifications-wrap .profilepress-myaccount-form-field {
margin-top: .5rem;
margin-bottom: .5rem
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-email-notifications-wrap {
margin-bottom: 2rem
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field label {
margin-bottom: .2rem;
font-weight: 500;
display: block
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field input[type=checkbox] + label, #profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field input[type=radio] + label {
display: inline
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .profilepress-myaccount-form-control:not([type=radio]):not([type=checkbox]), #profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap input:not([type=radio]):not([type=checkbox]):not([type=submit]), #profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap select, #profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap textarea {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
overflow: visible;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .125)
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap textarea {
height: auto !important;
min-height: 100px !important;
resize: vertical !important
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content input.profilepress-myaccount-form-control:focus, #profilepress-myaccount-wrapper .profilepress-myaccount-content select.profilepress-myaccount-form-control:focus, #profilepress-myaccount-wrapper .profilepress-myaccount-content textarea.profilepress-myaccount-form-control:focus {
background-color: #fff;
border-color: #bbb;
outline: 0;
box-shadow: none
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .profilepress-myaccount-form-field input[type=submit] {
display: inline-block;
cursor: pointer;
width: auto
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .profilepress-myaccount-form-field input[type=submit]:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
text-decoration: none
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .ppmyac-custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin-bottom: 0
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .ppmyac-custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin: 0;
opacity: 0
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .ppmyac-custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: .25rem
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .ppmyac-custom-file-label::after {
position: absolute;
top: 0;
right: 0;
box-sizing: border-box;
bottom: 0;
z-index: 3;
display: block;
height: calc(1.5em + .75rem);
padding: .375rem .75rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: inherit;
border-radius: 0 .25rem .25rem 0
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .ppmyac-custom-file-input ~ .ppmyac-custom-file-label[data-browse]::after {
content: attr(data-browse)
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field .pp-checkbox-wrap label.pp-form-label, #profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field .pp-radio-wrap label.pp-form-label {
display: inline-block;
margin: 0 0 0 .3819820591em
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-delete-avatar-wrap {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
margin: 1em 0 0;
padding-left: 0
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-delete-avatar {
position: relative;
padding: .75rem 1.25rem;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .125);
margin-bottom: 0;
border-radius: .25rem;
-webkit-justify-content: space-between !important;
justify-content: space-between !important;
display: -webkit-flex !important;
display: flex !important
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .pp-user-avatar {
width: 70px;
height: 70px;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 50%
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .ppmyac-remove-avatar {
margin-bottom: .5rem !important;
margin-top: .5rem !important;
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem;
color: #fff;
height: 35px;
background-color: #6c757d;
display: inline-block;
font-weight: 400;
text-align: center;
vertical-align: middle;
text-shadow: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid #6c757d;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-delete-cover-image-wrap .ppmyac-remove-avatar {
margin-top: .75rem !important;
margin-bottom: 0 !important
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content input.profilepress-myaccount-form-control::-webkit-file-upload-button {
background: #fff;
border-radius: 6px;
font-size: 14px;
border: 1px solid #ddd
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content .select2-selection {
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .125)
}
.pp-form-container .pp-field-user-avatar-picture-wrap {
width: 250px;
height: auto;
margin: auto;
position: relative
}
.pp-form-container .pp-field-user-cover-image-wrap {
margin: auto;
position: relative
}
.pp-field-user-avatar-picture-wrap:hover .pp-profile-avatar-overlay-wrap, .pp-field-user-cover-image-wrap:hover .pp-cover-image-overlay-wrap {
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, .5);
text-align: center;
box-sizing: border-box;
padding: 0;
color: #fff;
text-shadow: 0 1px #666;
line-height: 21px;
font-size: 16px;
height: 100%;
width: 100%;
border-radius: 50%
}
.pp-field-user-cover-image-wrap:hover .pp-cover-image-overlay-wrap {
border-radius: 0
}
.pp-field-user-avatar-picture-wrap:hover .pp-profile-avatar-overlay, .pp-field-user-cover-image-wrap:hover .pp-cover-image-overlay {
display: table;
height: 100%;
width: 100%
}
.pp-field-user-avatar-picture-wrap:hover .pp-profile-avatar-overlay ins, .pp-field-user-cover-image-wrap:hover .pp-cover-image-overlay ins {
display: table-cell;
vertical-align: middle;
height: 100%;
text-decoration: none !important;
background: 0 0 !important;
color: #fff !important;
border-bottom: none !important
}
.pp-field-user-avatar-picture-wrap:hover .pp-profile-avatar-overlay-wrap .pp-profile-avatar-overlay .pp-form-material-icons, .pp-field-user-cover-image-wrap:hover .pp-cover-image-overlay-wrap .pp-cover-image-overlay .pp-form-material-icons {
font-size: 35px !important;
display: block !important;
position: static !important;
right: auto !important;
top: auto !important;
color: #fff !important;
margin: 0 !important;
width: auto !important;
height: auto !important;
cursor: pointer
}
html .select2.select2-container .select2-selection.select2-selection--multiple input.select2-search__field {
border: 0 !important;
height: auto !important
}
.select2.select2-container .select2-selection.select2-selection--multiple input.select2-search__field {
border: 0 !important;
box-shadow: none !important
}
.select2.select2-container .select2-selection.select2-selection--multiple li.select2-selection__choice {
height: auto;
line-height: normal
}
.pp-form-wrapper.pp-member-directory {
opacity: 0
}
.pp-form-wrapper.ppress-default-profile {
max-width: 1000px;
width: 100%;
box-sizing: border-box;
font-size: 15px;
color: #666;
margin-bottom: 30px;
opacity: 0
}
.pp-form-wrapper.ppress-default-profile * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
box-sizing: border-box
}
.pp-form-wrapper.ppress-default-profile a, .pp-form-wrapper.ppress-default-profile a:hover {
text-decoration: none !important
}
.pp-form-wrapper.ppress-default-profile .ppress-default-profile-cover {
background-color: #eee;
box-sizing: border-box;
position: relative
}
.pp-form-wrapper.ppress-default-profile .ppress-default-profile-cover-e {
text-align: center;
overflow: hidden
}
.pp-form-wrapper.ppress-default-profile .ppress-default-profile-cover-e img {
width: 100%;
display: block;
overflow: hidden;
border-radius: 0;
margin: 0
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-header {
position: relative;
padding: 0 0 25px;
border-bottom: solid 2px #eee;
min-height: 85px;
box-sizing: content-box
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-headericon {
position: absolute;
top: 15px;
right: 0;
vertical-align: middle;
font-size: 30px;
height: 30px;
line-height: 30px;
z-index: 66;
margin-right: 10px
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-headericon .ppress-dpf-edit-a .ppress-material-icons {
font-size: 30px
}
.pp-form-wrapper.ppress-default-profile a.ppress-dpf-edit-a {
color: #aaa;
text-decoration: none;
border-bottom: 0
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-headericon a:hover, .pp-form-wrapper.ppress-default-profile a.ppress-dpf-edit-a.active {
color: #007bff
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-photo {
float: left;
position: absolute;
margin: 0 0 0 30px;
box-sizing: border-box;
width: 200px;
height: 200px
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-photo img {
width: 100%;
height: auto;
border-radius: 100%;
display: block;
overflow: hidden;
margin: 0;
box-shadow: none;
background: #fff;
border: 5px solid #fff
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-meta {
padding-right: 30px;
-ms-word-break: break-all;
word-break: break-word;
word-wrap: break-word
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-main-meta {
padding: 10px 0 0;
color: #999
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-name {
font-size: 24px;
font-weight: 700;
margin-right: 30px;
color: #555;
line-height: 1.7em
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-clear {
clear: both
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-meta span {
margin: 0 5px;
font-size: 14px;
display: inline-block;
line-height: .1
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-meta span:first-child {
margin: 0 5px 0 0
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-meta-text {
margin: 5px 0 0;
line-height: 1.4em;
font-size: 13px
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-nav {
padding: 10px;
background: #444;
text-align: center
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-nav-item a {
color: #fff;
font-size: 14px;
font-weight: 600;
padding: 6px 10px 6px 28px;
display: block;
float: left;
border-radius: 4px;
margin-left: 5px;
position: relative;
border-bottom: 0;
text-decoration: none !important
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-nav-item a:hover {
background: #555
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-nav-item .ppress-material-icons {
font-size: 18px;
height: 18px;
line-height: 1.5;
position: absolute;
display: block;
left: 10px
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-nav-item span.ppress-dpf-nav-title {
padding-left: 5px
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-nav-item.ppress-dpf-active a {
background: #007bff
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-body {
max-width: 600px;
padding-top: 15px;
padding-bottom: 15px;
margin: auto
}
.pp-form-wrapper.ppress-default-profile .pp-user-comment-no-item, .pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-note {
text-align: center;
padding-top: 20px;
color: #666
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-note .ppress-material-icons {
display: inline-block;
font-size: 70px;
height: 70px;
line-height: 70px
}
.pp-form-wrapper.ppress-default-profile .pp-user-comment-no-item span, .pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-note span {
margin-top: 10px;
display: block;
font-size: 16px;
color: #888
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-note a {
border: 0 !important
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-body-items {
margin: 0 0 30px
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-body-item {
position: relative;
padding: 15px 0 0
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-item-label {
display: block;
margin: 0 0 8px;
border-bottom: solid 2px #eee;
padding-bottom: 4px;
font-size: 15px;
line-height: 22px;
font-weight: 700
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-field-label-icon {
float: left;
margin: 0 8px 0 0;
height: 22px;
line-height: 18px;
display: inline-block;
width: 24px;
text-align: center
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-field-label-icon i {
font-size: 22px;
position: relative;
top: 1px
}
.pp-form-wrapper.ppress-default-profile .ppdf-nocover .ppress-dpf-profile-photo {
float: none;
margin: 0 auto;
text-align: center;
position: relative
}
.pp-form-wrapper.ppress-default-profile .ppdf-nocover .ppress-dpf-profile-meta {
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center !important
}
.ppress-default-profile.ppressui340 .ppress-dpf-profile-nav {
padding: 0
}
.ppress-default-profile.ppressui340 .ppress-dpf-profile-nav-item a, .ppress-default-profile.ppressui500 .ppress-dpf-profile-nav-item a {
margin-left: 0;
border-radius: 0
}
.ppress-dpf-profile-nav-item.ppressui340 .ppress-dpf-profile-body {
padding-left: 0;
padding-right: 0
}
.ppress-default-profile.ppressui340.ppdf-nocover .ppress-dpf-header .ppress-dpf-profile-photo {
position: static;
top: auto;
left: auto
}
.ppress-default-profile.ppressui340 .ppress-dpf-header .ppress-dpf-profile-meta {
text-align: center;
padding: 0;
margin-top: -30px
}
.ppress-default-profile.ppressui340.ppdf-nocover .ppress-dpf-header .ppress-dpf-profile-meta {
padding-top: 0
}
.ppress-default-profile.ppressui340 .ppress-dpf-header .ppress-dpf-name {
float: none;
margin-right: 0;
font-size: 18px
}
.ppress-default-profile.ppressui340 .ppress-dpf-header .ppress-dpf-meta-text {
padding: 0 20px
}
.ppress-default-profile.ppressui340 .ppress-dpf-profile-photo {
position: relative;
width: 100px;
height: 100px;
margin: 0 auto;
float: none;
left: auto;
text-align: center;
top: -40px
}
.ppress-default-profile.ppressui340.ppdf-nocover .ppress-dpf-header .ppress-dpf-profile-photo {
width: 120px;
height: 120px
}
.ppress-default-profile.ppressui340 .ppress-dpf-nav-title {
font-size: 12px
}
.ppress-default-profile.ppressui340 .ppress-dpf-profile-nav-item .ppress-material-icons {
display: block;
position: static;
top: auto;
left: auto;
height: 20px;
line-height: 20px
}
.ppress-default-profile.ppressui340.ppdf-nocover .ppress-dpf-header .ppress-dpf-profile-meta {
margin-top: 0
}
.ppress-default-profile.ppressui500 .ppress-dpf-profile-nav {
padding: 0
}
.ppress-default-profile.ppressui500 .ppress-dpf-profile-nav-item i {
display: block;
position: static;
top: auto;
left: auto;
font-size: 22px;
height: 22px;
line-height: 22px
}
.ppress-default-profile.ppressui500 .ppress-dpf-profile-body {
padding-left: 0;
padding-right: 0
}
.ppress-default-profile.ppressui500.ppdf-nocover .ppress-dpf-header .ppress-dpf-profile-photo {
position: static;
top: auto;
left: auto;
width: 120px;
height: 120px
}
.ppress-default-profile.ppressui500 .ppress-dpf-profile-photo {
position: relative;
width: 100px;
height: 100px;
margin: 0 auto;
float: none;
display: block;
top: -40px;
left: 0
}
.ppress-default-profile.ppressui500 .ppress-dpf-header .ppress-dpf-profile-meta {
text-align: center;
padding: 0;
margin-top: -30px
}
.ppress-default-profile.ppressui500 .ppress-dpf-header .ppress-dpf-name {
float: none;
margin-right: 0;
font-size: 21px
}
.ppress-default-profile.ppressui500 .ppress-dpf-header .ppress-dpf-meta-text {
padding-top: 10px
}
.ppress-default-profile.ppressui500 .ppress-dpf-header .ppress-dpf-meta {
padding: 0 20px;
display: block
}
.ppress-default-profile.ppressui500 .ppress-dpf-nav-title {
font-size: 12px
}
.ppress-default-profile.ppressui500 .ppress-dpf-profile-nav-item .ppress-material-icons {
display: block;
position: static;
top: auto;
left: auto;
height: 20px;
line-height: 20px
}
.ppress-default-profile.ppressui500.ppdf-nocover .ppress-dpf-header .ppress-dpf-profile-meta {
margin-top: 0
}
.ppress-default-profile.ppressui800 .ppress-dpf-profile-nav {
padding: 0
}
.ppress-default-profile.ppressui800 .ppress-dpf-profile-nav-item a {
padding: 10px 20px;
margin-left: 0;
border-radius: 0
}
.ppress-default-profile.ppressui800 .ppress-dpf-profile-photo {
width: 140px;
height: 140px;
top: -70px
}
.ppress-default-profile.ppressui800.ppdf-nocover .ppress-dpf-header .ppress-dpf-profile-photo {
top: auto
}
.ppress-default-profile.ppressui800 .ppress-dpf-header .ppress-dpf-profile-meta {
padding-left: 200px
}
.ppress-default-profile.ppressui800 .ppress-dpf-header .ppress-dpf-meta-text {
padding-top: 10px
}
.ppress-default-profile.ppressui800 .ppress-dpf-nav-title {
font-size: 12px
}
.ppress-default-profile.ppressui800 .ppress-dpf-profile-nav-item .ppress-material-icons {
display: block;
position: static;
top: auto;
left: auto;
font-size: 20px;
height: 20px;
line-height: 20px
}
.ppress-default-profile.ppressui960 .ppress-dpf-profile-photo {
width: 140px;
height: 140px;
top: -70px
}
.ppress-default-profile.ppressui960.ppdf-nocover .ppress-dpf-profile-meta {
margin-top: -50px
}
.ppress-default-profile.ppressui340 .ppress-dpf-profile-nav-item a, .ppress-default-profile.ppressui500 .ppress-dpf-profile-nav-item a {
padding: 5px 11px;
font-size: 12px
}
.ppress-default-profile.ppressui340 .ppress-dpf-profile-nav-item .ppress-material-icons, .ppress-default-profile.ppressui500 .ppress-dpf-profile-nav-item .ppress-material-icons {
font-size: 14px
}
.ppress-default-profile.ppressui340 span.ppress-dpf-nav-title, .ppress-default-profile.ppressui500 span.ppress-dpf-nav-title {
font-size: 10px
}
.pp-form-wrapper.ppress-default-profile ul.pp-user-post-list {
list-style: none;
margin: 0;
padding: 0
}
.pp-form-wrapper.ppress-default-profile li.pp-user-post-item {
padding: 20px 0;
border-bottom: 1px solid #eee
}
.pp-form-wrapper.ppress-default-profile .pp-user-post-item a, .pp-form-wrapper.ppress-default-profile .pp-user-post-item h3 {
font-size: 16px;
font-weight: 400;
margin: 0;
text-decoration: none
}
.pp-form-wrapper.ppress-default-profile .pp-user-post-item h3.pp-post-item-head {
line-height: 20px
}
.pp-form-wrapper.ppress-default-profile .ppress-dpf-more-post-wrap {
text-align: center;
padding-top: 30px
}
.pp-form-wrapper.ppress-default-profile a.ppress-dpf-more-post-btn {
font-size: 15px;
border: 0;
display: block;
width: 100%;
line-height: 1em;
padding: 15px;
text-decoration: none;
text-align: center;
text-transform: none;
font-weight: 400;
transition: .25s;
border-radius: 4px;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
max-width: 250px;
margin: 0 auto;
color: #fff;
background: #007bff
}
.pp-form-wrapper.ppress-default-profile .pp-user-comment-item {
padding: 20px 0;
border-bottom: 1px solid #eee
}
.pp-form-wrapper.ppress-default-profile .pp-user-comment-item-link a {
color: inherit
}
.pp-form-wrapper.ppress-default-profile .pp-user-comment-no-item + .ppress-dpf-more-post-wrap {
display: none
}
.pp-member-directory .ppressmd-member-directory-header.ppressmd-form {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row:not(.ppressmd-member-directory-filters-bar) {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: baseline;
align-items: baseline;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
margin: 0 0 10px
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row.ppressmd-member-directory-search-row {
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-search-line {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 60%
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-search-line label {
-webkit-flex: 1;
flex: 1;
margin: 0 10px 0 0;
min-width: 90px;
max-width: 85%
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-search-line label .ppressmd-search-line {
-webkit-appearance: textfield;
width: 100%;
padding: 0 12px !important;
display: block !important;
border-radius: 2px;
outline: 0 !important;
cursor: text !important;
font-size: 15px !important;
height: 40px !important;
box-sizing: border-box !important;
box-shadow: none !important;
margin: 0 !important;
position: static
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-search-line .ppressmd-do-search {
min-width: 15%;
width: auto
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line .ppressmd-member-directory-sorting {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: baseline;
align-items: baseline;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-flex: 5;
flex: 5
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line .ppressmd-member-directory-sorting .ppressmd-member-directory-sorting-a {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: baseline;
align-items: baseline;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
cursor: pointer
}
.pp-member-directory .ppressmd-member-directory-header a {
text-decoration: none;
border-bottom: none;
box-shadow: none
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line .ppress-material-icons {
display: inline;
vertical-align: middle
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line .ppressmd-member-directory-filters {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-align-items: baseline;
align-items: baseline;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-flex: 2;
flex: 2;
text-align: right
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line .ppressmd-member-directory-filters .ppressmd-member-directory-filters-a {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: baseline;
align-items: baseline;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
cursor: pointer
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line .ppressmd-member-directory-filters .ppressmd-member-directory-filters-a a {
margin: 0 5px 0 0
}
.ppressmd-member-directory-header:not(.ppmd-filters-expand) .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line .ppressmd-member-directory-filters .ppressmd-member-directory-filters-a .ppress-up {
display: none
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-search.ppressmd-search-invisible, .ppressmd-member-directory-header.ppmd-filters-expand .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line .ppressmd-member-directory-filters .ppressmd-member-directory-filters-a .ppress-down {
display: none
}
.ppressmd-new-dropdown {
font-size: 16px;
margin: 0;
position: absolute;
height: auto;
background: #fff;
z-index: 10;
display: none;
border: 1px solid #ddd;
box-shadow: 0 7px 14px 0 rgba(50, 50, 93, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
-webkit-box-shadow: 0 7px 14px 0 rgba(50, 50, 93, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px
}
.ppressmd-new-dropdown ul li {
list-style-type: none;
padding: 0;
margin: 0
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line .ppressmd-member-directory-sorting .ppressmd-member-directory-sorting-a .ppressmd-new-dropdown {
top: 24px;
width: 200px;
left: -12px
}
.ppressmd-new-dropdown ul li a {
display: block;
padding: 8px 12px;
line-height: 1
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row.ppressmd-member-directory-filters-bar {
padding: 0 0 10px
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row.ppressmd-header-row-invisible {
margin: 0
}
.ppressmd-member-directory-header.ppmd-filters-expand .ppressmd-member-directory-header-row .ppressmd-search.ppressmd-search-invisible {
display: grid
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-search {
margin: 0;
width: 100%;
display: grid;
grid-template-rows: auto 1fr;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
grid-auto-rows: minmax(-webkit-max-content, auto);
grid-auto-rows: minmax(max-content, auto);
-ms-grid-template-rows: auto 1fr;
-ms-grid-template-columns: repeat(3, 1fr);
-ms-grid-gap: 10px;
-ms-grid-auto-rows: minmax(max-content, auto);
-webkit-align-items: center;
align-items: center
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-search .ppressmd-search-filter {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
flex-wrap: nowrap;
width: 100%
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-search .ppressmd-search-filter.ppressmd-text-filter-type input {
width: 100%;
padding: 10px 30px
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-search-line label .ppressmd-search-line, .pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-search .ppressmd-search-filter.ppressmd-text-filter-type input:not(.select2-search__field), .pp-member-directory .ppressmd-member-directory-header .select2.select2-container .select2-selection {
background-color: transparent;
border: 1px solid #ddd !important
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line .ppress-material-icons, .pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-search-line label .ppressmd-search-line, .pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-search .ppressmd-search-filter.ppressmd-text-filter-type input, .pp-member-directory .ppressmd-member-directory-header .select2.select2-container .select2-selection__rendered {
color: #666;
background-color: transparent
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row input[type=search]:focus {
border: 1px solid #bbb !important
}
.pp-member-directory .ppressmd-member-directory-header .ppressmd-button {
border: 0 !important;
display: block;
width: 100%;
line-height: 1em !important;
padding: 16px 20px !important;
text-decoration: none !important;
text-align: center;
text-transform: none !important;
font-weight: 400 !important;
overflow: hidden;
position: relative;
transition: .25s;
box-sizing: border-box;
border-radius: 4px !important;
box-shadow: none;
vertical-align: middle !important;
height: auto !important;
cursor: pointer !important;
text-shadow: none;
font-family: inherit;
outline: 0 !important;
margin: 0;
-webkit-appearance: none
}
.pp-member-directory .ppressmd-members-total-wrap {
text-align: center;
margin: 0 0 10px
}
.pp-member-directory .ppressmd-members-total {
font-size: 20px;
font-weight: 300
}
.pp-member-directory .ppressmd-member-directory-header .select2.select2-container {
width: 100% !important
}
.pp-member-directory .ppressmd-member-directory-header .select2-search.select2-search--inline .select2-search__field {
width: auto !important
}
.pp-member-directory .ppressmd-member-directory-header .select2.select2-container .select2-selection {
display: block !important;
height: 40px;
padding: 0 0 0 12px !important;
overflow: hidden !important;
position: relative !important;
white-space: nowrap !important;
line-height: 35px !important;
font-size: 15px !important;
text-align: left !important;
text-decoration: none !important;
border-radius: 2px !important;
background-clip: padding-box !important;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: 0 0 !important
}
.pp-member-directory .ppressmd-member-directory-header .select2.select2-container .select2-selection .select2-selection__arrow {
display: inline-block !important;
width: 34px !important;
height: 100% !important;
position: absolute !important;
right: 0 !important;
top: 0 !important;
border-radius: 0 2px 2px 0 !important;
background-clip: padding-box !important;
text-align: center !important;
background: 0 0 !important;
border-left: 0 !important
}
.pp-member-directory .ppressmd-member-directory-header .select2-container.select2-container--open .select2-dropdown {
border: 1px solid #ddd;
border-top: 0;
border-radius: 0
}
.pp-member-directory .ppressmd-member-directory-header .select2-container.select2-container--open .select2-dropdown .select2-results li {
list-style: none;
display: list-item;
background-image: none;
font-size: 15px;
margin: 5px !important;
color: #666 !important;
padding: 3px 7px 4px !important;
cursor: pointer;
min-height: 1em !important
}
.pp-member-directory .ppressmd-member-directory-header .select2.select2-container .select2-selection.select2-selection--multiple {
height: auto !important;
line-height: .8 !important
}
.pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--single .select2-selection__rendered {
padding-left: 0 !important;
line-height: 37px
}
.pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--multiple .select2-selection__rendered {
line-height: 37px;
box-sizing: border-box;
list-style: none;
margin: 0;
padding-left: 0 !important;
padding-right: 30px;
width: 100%;
font-size: 13px
}
.pp-member-directory .ppressmd-member-directory-header .select2-results li.select2-results__option.select2-results__option--highlighted {
background: 0 0 !important;
background: #f4f4f4 !important;
color: #666 !important
}
.pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--single .select2-selection__clear {
right: 10px;
margin: 0 !important
}
.pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--multiple .select2-selection__clear {
right: 10px;
font-size: 30px;
margin: 0 !important
}
.pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--multiple .select2-selection__clear, .pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--single .select2-selection__arrow b, .pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--single .select2-selection__clear {
color: #888 !important
}
.pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--multiple .select2-selection__clear {
position: absolute
}
.pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--multiple .select2-selection__choice {
padding: 3px 3px 3px 5px
}
.pp-member-directory .ppressmd-member-directory-header .select2-container .select2-search.select2-search--inline > input {
border: 0 !important;
padding: 0 !important;
border-radius: 0 !important
}
.pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
overflow-x: hidden;
text-overflow: ellipsis;
max-width: 100%;
box-sizing: border-box
}
.pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--single .select2-selection__clear {
font-size: 20px !important
}
.pp-member-directory .ppmd-pagination-wrap {
font-size: 16px;
width: 100%;
margin: 0 auto 10px;
padding: 0;
text-align: center
}
.pp-member-directory .ppmd-pagination-wrap .page-numbers {
display: inline-block;
width: auto;
height: 34px;
line-height: 34px;
transition: all .2s linear;
padding: 0 14px;
color: #666;
font-weight: 400
}
.pp-member-directory .ppmd-pagination-wrap .page-numbers.current {
background: #007bff;
color: #fff
}
.pp-member-directory .ppmd-pagination-wrap .page-numbers .ppress-material-icons {
vertical-align: middle
}
.flatpickr-calendar {
background: transparent;
opacity: 0;
display: none;
text-align: center;
visibility: hidden;
padding: 0;
-webkit-animation: none;
animation: none;
direction: ltr;
border: 0;
font-size: 14px;
line-height: 24px;
border-radius: 5px;
position: absolute;
width: 307.875px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-touch-action: manipulation;
touch-action: manipulation;
background: #fff;
-webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}
.flatpickr-calendar.open, .flatpickr-calendar.inline {
opacity: 1;
max-height: 640px;
visibility: visible
}
.flatpickr-calendar.open {
display: inline-block;
z-index: 99999
}
.flatpickr-calendar.animate.open {
-webkit-animation: fpFadeInDown 300ms cubic-bezier(.23, 1, .32, 1);
animation: fpFadeInDown 300ms cubic-bezier(.23, 1, .32, 1)
}
.flatpickr-calendar.inline {
display: block;
position: relative;
top: 2px
}
.flatpickr-calendar.static {
position: absolute;
top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
z-index: 999;
display: block
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
-webkit-box-shadow: none !important;
box-shadow: none !important
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
-webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}
.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.flatpickr-calendar .hasWeeks .dayContainer {
border-left: 0
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
height: 40px;
border-top: 1px solid #e6e6e6
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
height: auto
}
.flatpickr-calendar:before, .flatpickr-calendar:after {
position: absolute;
display: block;
pointer-events: none;
border: solid transparent;
content: '';
height: 0;
width: 0;
left: 22px
}
.flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after {
left: auto;
right: 22px
}
.flatpickr-calendar:before {
border-width: 5px;
margin: 0 -5px
}
.flatpickr-calendar:after {
border-width: 4px;
margin: 0 -4px
}
.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
bottom: 100%
}
.flatpickr-calendar.arrowTop:before {
border-bottom-color: #e6e6e6
}
.flatpickr-calendar.arrowTop:after {
border-bottom-color: #fff
}
.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
top: 100%
}
.flatpickr-calendar.arrowBottom:before {
border-top-color: #e6e6e6
}
.flatpickr-calendar.arrowBottom:after {
border-top-color: #fff
}
.flatpickr-calendar:focus {
outline: 0
}
.flatpickr-wrapper {
position: relative;
display: inline-block
}
.flatpickr-months {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flatpickr-months .flatpickr-month {
background: transparent;
color: rgba(0, 0, 0, 0.9);
fill: rgba(0, 0, 0, 0.9);
height: 34px;
line-height: 1;
text-align: center;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
text-decoration: none;
cursor: pointer;
position: absolute;
top: 0;
height: 34px;
padding: 10px;
z-index: 3;
color: rgba(0, 0, 0, 0.9);
fill: rgba(0, 0, 0, 0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
display: none
}
.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
position: relative
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
left: 0;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
right: 0;
}
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
fill: #f64747
}
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
width: 14px;
height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
-webkit-transition: fill .1s;
transition: fill .1s;
fill: inherit
}
.numInputWrapper {
position: relative;
height: auto;
}
.numInputWrapper input, .numInputWrapper span {
display: inline-block
}
.numInputWrapper input {
width: 100%;
}
.numInputWrapper input::-ms-clear {
display: none
}
.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none
}
.numInputWrapper span {
position: absolute;
right: 0;
width: 14px;
padding: 0 4px 0 2px;
height: 50%;
line-height: 50%;
opacity: 0;
cursor: pointer;
border: 1px solid rgba(57, 57, 57, 0.15);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.numInputWrapper span:hover {
background: rgba(0, 0, 0, 0.1)
}
.numInputWrapper span:active {
background: rgba(0, 0, 0, 0.2)
}
.numInputWrapper span:after {
display: block;
content: "";
position: absolute
}
.numInputWrapper span.arrowUp {
top: 0;
border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(57, 57, 57, 0.6);
top: 26%
}
.numInputWrapper span.arrowDown {
top: 50%;
}
.numInputWrapper span.arrowDown:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(57, 57, 57, 0.6);
top: 40%
}
.numInputWrapper span svg {
width: inherit;
height: auto;
}
.numInputWrapper span svg path {
fill: rgba(0, 0, 0, 0.5)
}
.numInputWrapper:hover {
background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
opacity: 1
}
.flatpickr-current-month {
font-size: 135%;
line-height: inherit;
font-weight: 300;
color: inherit;
position: absolute;
width: 75%;
left: 12.5%;
padding: 7.48px 0 0 0;
line-height: 1;
height: 34px;
display: inline-block;
text-align: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.flatpickr-current-month span.cur-month {
font-family: inherit;
font-weight: 700;
color: inherit;
display: inline-block;
margin-left: .5ch;
padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
background: rgba(0, 0, 0, 0.05)
}
.flatpickr-current-month .numInputWrapper {
width: 6ch;
width: 7ch \0;
display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
border-bottom-color: rgba(0, 0, 0, 0.9)
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
border-top-color: rgba(0, 0, 0, 0.9)
}
.flatpickr-current-month input.cur-year {
background: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
cursor: text;
padding: 0 0 0 .5ch;
margin: 0;
display: inline-block;
font-size: inherit;
font-family: inherit;
font-weight: 300;
line-height: inherit;
height: auto;
border: 0;
border-radius: 0;
vertical-align: initial;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
outline: 0
}
.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
font-size: 100%;
color: rgba(0, 0, 0, 0.5);
background: transparent;
pointer-events: none
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
appearance: menulist;
background: transparent;
border: none;
border-radius: 0;
box-sizing: border-box;
color: inherit;
cursor: pointer;
font-size: inherit;
font-family: inherit;
font-weight: 300;
height: auto;
line-height: inherit;
margin: -1px 0 0 0;
outline: none;
padding: 0 0 0 .5ch;
position: relative;
vertical-align: initial;
-webkit-box-sizing: border-box;
-webkit-appearance: menulist;
-moz-appearance: menulist;
width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
outline: none
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
background: rgba(0, 0, 0, 0.05)
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
background-color: transparent;
outline: none;
padding: 0
}
.flatpickr-weekdays {
background: transparent;
text-align: center;
overflow: hidden;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
span.flatpickr-weekday {
cursor: default;
font-size: 90%;
background: transparent;
color: rgba(0, 0, 0, 0.54);
line-height: 1;
margin: 0;
text-align: center;
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-weight: bolder
}
.dayContainer, .flatpickr-weeks {
padding: 1px 0 0 0
}
.flatpickr-days {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
width: 307.875px;
}
.flatpickr-days:focus {
outline: 0
}
.dayContainer {
padding: 0;
outline: 0;
text-align: left;
width: 307.875px;
min-width: 307.875px;
max-width: 307.875px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-ms-flex-pack: justify;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.dayContainer + .dayContainer {
-webkit-box-shadow: -1px 0 0 #e6e6e6;
box-shadow: -1px 0 0 #e6e6e6
}
.flatpickr-day {
background: none;
border: 1px solid transparent;
border-radius: 150px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #393939;
cursor: pointer;
font-weight: 400;
width: 14.2857143%;
-webkit-flex-basis: 14.2857143%;
-ms-flex-preferred-size: 14.2857143%;
flex-basis: 14.2857143%;
max-width: 39px;
height: 39px;
line-height: 39px;
margin: 0;
display: inline-block;
position: relative;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
cursor: pointer;
outline: 0;
background: #e6e6e6;
border-color: #e6e6e6
}
.flatpickr-day.today {
border-color: #959ea9;
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
border-color: #959ea9;
background: #959ea9;
color: #fff
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
background: #569ff7;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #569ff7
}
.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
border-radius: 50px 0 0 50px
}
.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
border-radius: 0 50px 50px 0
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
-webkit-box-shadow: -10px 0 0 #569ff7;
box-shadow: -10px 0 0 #569ff7
}
.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
border-radius: 50px
}
.flatpickr-day.inRange {
border-radius: 0;
-webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
color: rgba(57, 57, 57, 0.3);
background: transparent;
border-color: transparent;
cursor: default
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
cursor: not-allowed;
color: rgba(57, 57, 57, 0.1)
}
.flatpickr-day.week.selected {
border-radius: 0;
-webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7
}
.flatpickr-day.hidden {
visibility: hidden
}
.rangeMode .flatpickr-day {
margin-top: 1px
}
.flatpickr-weekwrapper {
float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
padding: 0 12px;
-webkit-box-shadow: 1px 0 0 #e6e6e6;
box-shadow: 1px 0 0 #e6e6e6
}
.flatpickr-weekwrapper .flatpickr-weekday {
float: none;
width: 100%;
line-height: 28px
}
.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
display: block;
width: 100%;
max-width: none;
color: rgba(57, 57, 57, 0.3);
background: transparent;
cursor: default;
border: none
}
.flatpickr-innerContainer {
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.flatpickr-rContainer {
display: inline-block;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.flatpickr-time {
text-align: center;
outline: 0;
display: block;
height: 0;
line-height: 40px;
max-height: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flatpickr-time:after {
content: "";
display: table;
clear: both
}
.flatpickr-time .numInputWrapper {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 40%;
height: 40px;
float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: #393939
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: #393939
}
.flatpickr-time.hasSeconds .numInputWrapper {
width: 26%
}
.flatpickr-time.time24hr .numInputWrapper {
width: 49%
}
.flatpickr-time input {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
border-radius: 0;
text-align: center;
margin: 0;
padding: 0;
height: inherit;
line-height: inherit;
color: #393939;
font-size: 14px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
font-weight: bold
}
.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
font-weight: 400
}
.flatpickr-time input:focus {
outline: 0;
border: 0
}
.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
height: inherit;
float: left;
line-height: inherit;
color: #393939;
font-weight: bold;
width: 2%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.flatpickr-time .flatpickr-am-pm {
outline: 0;
width: 18%;
cursor: pointer;
text-align: center;
font-weight: 400
}
.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
background: #eee
}
.flatpickr-input[readonly] {
cursor: pointer
}
@-webkit-keyframes fpFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fpFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap
}
.select2-container .select2-search--inline {
float: left
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051
}
.select2-results {
display: block
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0
}
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none
}
.select2-results__option[aria-selected] {
cursor: pointer
}
.select2-container--open .select2-dropdown {
left: 0
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-search--dropdown {
display: block;
padding: 4px
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none
}
.select2-search--dropdown.select2-search--hide {
display: none
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0)
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
padding: 1px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto
}
.select2-container--default .select2-results__option[role=group] {
padding: 0
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right;
margin-left: 5px;
margin-right: auto
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none
}
.select2-container--classic .select2-dropdown {
background-color: #fff;
border: 1px solid transparent
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none
}
.select2-container--classic .select2-dropdown--below {
border-top: none
}
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto
}
.select2-container--classic .select2-results__option[role=group] {
padding: 0
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: #fff
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb
}
@font-face {
font-family: 'FontAwesome';
src: url(../Fonts/fontawesome-webfont.eot);
src: url(../Fonts/fontawesome-webfont.eot) format('embedded-opentype'), url(../Fonts/fontawesome-webfont.woff2) format('woff2'), url(../Fonts/fontawesome-webfont.woff) format('woff'), url(../Fonts/fontawesome-webfont.ttf) format('truetype'), url(../Fonts/fontawesome-webfont.svg) format('svg');
font-weight: normal;
font-style: normal
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fa-lg {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%
}
.fa-2x {
font-size: 2em
}
.fa-3x {
font-size: 3em
}
.fa-4x {
font-size: 4em
}
.fa-5x {
font-size: 5em
}
.fa-fw {
width: 1.28571429em;
text-align: center
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none
}
.fa-ul > li {
position: relative
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: .14285714em;
text-align: center
}
.fa-li.fa-lg {
left: -1.85714286em
}
.fa-border {
padding: .2em .25em .15em;
border: solid .08em #eee;
border-radius: .1em
}
.fa-pull-left {
float: left
}
.fa-pull-right {
float: right
}
.fa.fa-pull-left {
margin-right: .3em
}
.fa.fa-pull-right {
margin-left: .3em
}
.pull-right {
float: right
}
.pull-left {
float: left
}
.fa.pull-left {
margin-right: .3em
}
.fa.pull-right {
margin-left: .3em
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg)
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1)
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1)
}
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
filter: none
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle
}
.fa-stack-1x, .fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center
}
.fa-stack-1x {
line-height: inherit
}
.fa-stack-2x {
font-size: 2em
}
.fa-inverse {
color: #fff
}
.fa-glass:before {
content: "\f000"
}
.fa-music:before {
content: "\f001"
}
.fa-search:before {
content: "\f002"
}
.fa-envelope-o:before {
content: "\f003"
}
.fa-heart:before {
content: "\f004"
}
.fa-star:before {
content: "\f005"
}
.fa-star-o:before {
content: "\f006"
}
.fa-user:before {
content: "\f007"
}
.fa-film:before {
content: "\f008"
}
.fa-th-large:before {
content: "\f009"
}
.fa-th:before {
content: "\f00a"
}
.fa-th-list:before {
content: "\f00b"
}
.fa-check:before {
content: "\f00c"
}
.fa-remove:before, .fa-close:before, .fa-times:before {
content: "\f00d"
}
.fa-search-plus:before {
content: "\f00e"
}
.fa-search-minus:before {
content: "\f010"
}
.fa-power-off:before {
content: "\f011"
}
.fa-signal:before {
content: "\f012"
}
.fa-gear:before, .fa-cog:before {
content: "\f013"
}
.fa-trash-o:before {
content: "\f014"
}
.fa-home:before {
content: "\f015"
}
.fa-file-o:before {
content: "\f016"
}
.fa-clock-o:before {
content: "\f017"
}
.fa-road:before {
content: "\f018"
}
.fa-download:before {
content: "\f019"
}
.fa-arrow-circle-o-down:before {
content: "\f01a"
}
.fa-arrow-circle-o-up:before {
content: "\f01b"
}
.fa-inbox:before {
content: "\f01c"
}
.fa-play-circle-o:before {
content: "\f01d"
}
.fa-rotate-right:before, .fa-repeat:before {
content: "\f01e"
}
.fa-refresh:before {
content: "\f021"
}
.fa-list-alt:before {
content: "\f022"
}
.fa-lock:before {
content: "\f023"
}
.fa-flag:before {
content: "\f024"
}
.fa-headphones:before {
content: "\f025"
}
.fa-volume-off:before {
content: "\f026"
}
.fa-volume-down:before {
content: "\f027"
}
.fa-volume-up:before {
content: "\f028"
}
.fa-qrcode:before {
content: "\f029"
}
.fa-barcode:before {
content: "\f02a"
}
.fa-tag:before {
content: "\f02b"
}
.fa-tags:before {
content: "\f02c"
}
.fa-book:before {
content: "\f02d"
}
.fa-bookmark:before {
content: "\f02e"
}
.fa-print:before {
content: "\f02f"
}
.fa-camera:before {
content: "\f030"
}
.fa-font:before {
content: "\f031"
}
.fa-bold:before {
content: "\f032"
}
.fa-italic:before {
content: "\f033"
}
.fa-text-height:before {
content: "\f034"
}
.fa-text-width:before {
content: "\f035"
}
.fa-align-left:before {
content: "\f036"
}
.fa-align-center:before {
content: "\f037"
}
.fa-align-right:before {
content: "\f038"
}
.fa-align-justify:before {
content: "\f039"
}
.fa-list:before {
content: "\f03a"
}
.fa-dedent:before, .fa-outdent:before {
content: "\f03b"
}
.fa-indent:before {
content: "\f03c"
}
.fa-video-camera:before {
content: "\f03d"
}
.fa-photo:before, .fa-image:before, .fa-picture-o:before {
content: "\f03e"
}
.fa-pencil:before {
content: "\f040"
}
.fa-map-marker:before {
content: "\f041"
}
.fa-adjust:before {
content: "\f042"
}
.fa-tint:before {
content: "\f043"
}
.fa-edit:before, .fa-pencil-square-o:before {
content: "\f044"
}
.fa-share-square-o:before {
content: "\f045"
}
.fa-check-square-o:before {
content: "\f046"
}
.fa-arrows:before {
content: "\f047"
}
.fa-step-backward:before {
content: "\f048"
}
.fa-fast-backward:before {
content: "\f049"
}
.fa-backward:before {
content: "\f04a"
}
.fa-play:before {
content: "\f04b"
}
.fa-pause:before {
content: "\f04c"
}
.fa-stop:before {
content: "\f04d"
}
.fa-forward:before {
content: "\f04e"
}
.fa-fast-forward:before {
content: "\f050"
}
.fa-step-forward:before {
content: "\f051"
}
.fa-eject:before {
content: "\f052"
}
.fa-chevron-left:before {
content: "\f053"
}
.fa-chevron-right:before {
content: "\f054"
}
.fa-plus-circle:before {
content: "\f055"
}
.fa-minus-circle:before {
content: "\f056"
}
.fa-times-circle:before {
content: "\f057"
}
.fa-check-circle:before {
content: "\f058"
}
.fa-question-circle:before {
content: "\f059"
}
.fa-info-circle:before {
content: "\f05a"
}
.fa-crosshairs:before {
content: "\f05b"
}
.fa-times-circle-o:before {
content: "\f05c"
}
.fa-check-circle-o:before {
content: "\f05d"
}
.fa-ban:before {
content: "\f05e"
}
.fa-arrow-left:before {
content: "\f060"
}
.fa-arrow-right:before {
content: "\f061"
}
.fa-arrow-up:before {
content: "\f062"
}
.fa-arrow-down:before {
content: "\f063"
}
.fa-mail-forward:before, .fa-share:before {
content: "\f064"
}
.fa-expand:before {
content: "\f065"
}
.fa-compress:before {
content: "\f066"
}
.fa-plus:before {
content: "\f067"
}
.fa-minus:before {
content: "\f068"
}
.fa-asterisk:before {
content: "\f069"
}
.fa-exclamation-circle:before {
content: "\f06a"
}
.fa-gift:before {
content: "\f06b"
}
.fa-leaf:before {
content: "\f06c"
}
.fa-fire:before {
content: "\f06d"
}
.fa-eye:before {
content: "\f06e"
}
.fa-eye-slash:before {
content: "\f070"
}
.fa-warning:before, .fa-exclamation-triangle:before {
content: "\f071"
}
.fa-plane:before {
content: "\f072"
}
.fa-calendar:before {
content: "\f073"
}
.fa-random:before {
content: "\f074"
}
.fa-comment:before {
content: "\f075"
}
.fa-magnet:before {
content: "\f076"
}
.fa-chevron-up:before {
content: "\f077"
}
.fa-chevron-down:before {
content: "\f078"
}
.fa-retweet:before {
content: "\f079"
}
.fa-shopping-cart:before {
content: "\f07a"
}
.fa-folder:before {
content: "\f07b"
}
.fa-folder-open:before {
content: "\f07c"
}
.fa-arrows-v:before {
content: "\f07d"
}
.fa-arrows-h:before {
content: "\f07e"
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
content: "\f080"
}
.fa-twitter-square:before {
content: "\f081"
}
.fa-facebook-square:before {
content: "\f082"
}
.fa-camera-retro:before {
content: "\f083"
}
.fa-key:before {
content: "\f084"
}
.fa-gears:before, .fa-cogs:before {
content: "\f085"
}
.fa-comments:before {
content: "\f086"
}
.fa-thumbs-o-up:before {
content: "\f087"
}
.fa-thumbs-o-down:before {
content: "\f088"
}
.fa-star-half:before {
content: "\f089"
}
.fa-heart-o:before {
content: "\f08a"
}
.fa-sign-out:before {
content: "\f08b"
}
.fa-linkedin-square:before {
content: "\f08c"
}
.fa-thumb-tack:before {
content: "\f08d"
}
.fa-external-link:before {
content: "\f08e"
}
.fa-sign-in:before {
content: "\f090"
}
.fa-trophy:before {
content: "\f091"
}
.fa-github-square:before {
content: "\f092"
}
.fa-upload:before {
content: "\f093"
}
.fa-lemon-o:before {
content: "\f094"
}
.fa-phone:before {
content: "\f095"
}
.fa-square-o:before {
content: "\f096"
}
.fa-bookmark-o:before {
content: "\f097"
}
.fa-phone-square:before {
content: "\f098"
}
.fa-twitter:before {
content: "\f099"
}
.fa-facebook-f:before, .fa-facebook:before {
content: "\f09a"
}
.fa-github:before {
content: "\f09b"
}
.fa-unlock:before {
content: "\f09c"
}
.fa-credit-card:before {
content: "\f09d"
}
.fa-feed:before, .fa-rss:before {
content: "\f09e"
}
.fa-hdd-o:before {
content: "\f0a0"
}
.fa-bullhorn:before {
content: "\f0a1"
}
.fa-bell:before {
content: "\f0f3"
}
.fa-certificate:before {
content: "\f0a3"
}
.fa-hand-o-right:before {
content: "\f0a4"
}
.fa-hand-o-left:before {
content: "\f0a5"
}
.fa-hand-o-up:before {
content: "\f0a6"
}
.fa-hand-o-down:before {
content: "\f0a7"
}
.fa-arrow-circle-left:before {
content: "\f0a8"
}
.fa-arrow-circle-right:before {
content: "\f0a9"
}
.fa-arrow-circle-up:before {
content: "\f0aa"
}
.fa-arrow-circle-down:before {
content: "\f0ab"
}
.fa-globe:before {
content: "\f0ac"
}
.fa-wrench:before {
content: "\f0ad"
}
.fa-tasks:before {
content: "\f0ae"
}
.fa-filter:before {
content: "\f0b0"
}
.fa-briefcase:before {
content: "\f0b1"
}
.fa-arrows-alt:before {
content: "\f0b2"
}
.fa-group:before, .fa-users:before {
content: "\f0c0"
}
.fa-chain:before, .fa-link:before {
content: "\f0c1"
}
.fa-cloud:before {
content: "\f0c2"
}
.fa-flask:before {
content: "\f0c3"
}
.fa-cut:before, .fa-scissors:before {
content: "\f0c4"
}
.fa-copy:before, .fa-files-o:before {
content: "\f0c5"
}
.fa-paperclip:before {
content: "\f0c6"
}
.fa-save:before, .fa-floppy-o:before {
content: "\f0c7"
}
.fa-square:before {
content: "\f0c8"
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
content: "\f0c9"
}
.fa-list-ul:before {
content: "\f0ca"
}
.fa-list-ol:before {
content: "\f0cb"
}
.fa-strikethrough:before {
content: "\f0cc"
}
.fa-underline:before {
content: "\f0cd"
}
.fa-table:before {
content: "\f0ce"
}
.fa-magic:before {
content: "\f0d0"
}
.fa-truck:before {
content: "\f0d1"
}
.fa-pinterest:before {
content: "\f0d2"
}
.fa-pinterest-square:before {
content: "\f0d3"
}
.fa-google-plus-square:before {
content: "\f0d4"
}
.fa-google-plus:before {
content: "\f0d5"
}
.fa-money:before {
content: "\f0d6"
}
.fa-caret-down:before {
content: "\f0d7"
}
.fa-caret-up:before {
content: "\f0d8"
}
.fa-caret-left:before {
content: "\f0d9"
}
.fa-caret-right:before {
content: "\f0da"
}
.fa-columns:before {
content: "\f0db"
}
.fa-unsorted:before, .fa-sort:before {
content: "\f0dc"
}
.fa-sort-down:before, .fa-sort-desc:before {
content: "\f0dd"
}
.fa-sort-up:before, .fa-sort-asc:before {
content: "\f0de"
}
.fa-envelope:before {
content: "\f0e0"
}
.fa-linkedin:before {
content: "\f0e1"
}
.fa-rotate-left:before, .fa-undo:before {
content: "\f0e2"
}
.fa-legal:before, .fa-gavel:before {
content: "\f0e3"
}
.fa-dashboard:before, .fa-tachometer:before {
content: "\f0e4"
}
.fa-comment-o:before {
content: "\f0e5"
}
.fa-comments-o:before {
content: "\f0e6"
}
.fa-flash:before, .fa-bolt:before {
content: "\f0e7"
}
.fa-sitemap:before {
content: "\f0e8"
}
.fa-umbrella:before {
content: "\f0e9"
}
.fa-paste:before, .fa-clipboard:before {
content: "\f0ea"
}
.fa-lightbulb-o:before {
content: "\f0eb"
}
.fa-exchange:before {
content: "\f0ec"
}
.fa-cloud-download:before {
content: "\f0ed"
}
.fa-cloud-upload:before {
content: "\f0ee"
}
.fa-user-md:before {
content: "\f0f0"
}
.fa-stethoscope:before {
content: "\f0f1"
}
.fa-suitcase:before {
content: "\f0f2"
}
.fa-bell-o:before {
content: "\f0a2"
}
.fa-coffee:before {
content: "\f0f4"
}
.fa-cutlery:before {
content: "\f0f5"
}
.fa-file-text-o:before {
content: "\f0f6"
}
.fa-building-o:before {
content: "\f0f7"
}
.fa-hospital-o:before {
content: "\f0f8"
}
.fa-ambulance:before {
content: "\f0f9"
}
.fa-medkit:before {
content: "\f0fa"
}
.fa-fighter-jet:before {
content: "\f0fb"
}
.fa-beer:before {
content: "\f0fc"
}
.fa-h-square:before {
content: "\f0fd"
}
.fa-plus-square:before {
content: "\f0fe"
}
.fa-angle-double-left:before {
content: "\f100"
}
.fa-angle-double-right:before {
content: "\f101"
}
.fa-angle-double-up:before {
content: "\f102"
}
.fa-angle-double-down:before {
content: "\f103"
}
.fa-angle-left:before {
content: "\f104"
}
.fa-angle-right:before {
content: "\f105"
}
.fa-angle-up:before {
content: "\f106"
}
.fa-angle-down:before {
content: "\f107"
}
.fa-desktop:before {
content: "\f108"
}
.fa-laptop:before {
content: "\f109"
}
.fa-tablet:before {
content: "\f10a"
}
.fa-mobile-phone:before, .fa-mobile:before {
content: "\f10b"
}
.fa-circle-o:before {
content: "\f10c"
}
.fa-quote-left:before {
content: "\f10d"
}
.fa-quote-right:before {
content: "\f10e"
}
.fa-spinner:before {
content: "\f110"
}
.fa-circle:before {
content: "\f111"
}
.fa-mail-reply:before, .fa-reply:before {
content: "\f112"
}
.fa-github-alt:before {
content: "\f113"
}
.fa-folder-o:before {
content: "\f114"
}
.fa-folder-open-o:before {
content: "\f115"
}
.fa-smile-o:before {
content: "\f118"
}
.fa-frown-o:before {
content: "\f119"
}
.fa-meh-o:before {
content: "\f11a"
}
.fa-gamepad:before {
content: "\f11b"
}
.fa-keyboard-o:before {
content: "\f11c"
}
.fa-flag-o:before {
content: "\f11d"
}
.fa-flag-checkered:before {
content: "\f11e"
}
.fa-terminal:before {
content: "\f120"
}
.fa-code:before {
content: "\f121"
}
.fa-mail-reply-all:before, .fa-reply-all:before {
content: "\f122"
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
content: "\f123"
}
.fa-location-arrow:before {
content: "\f124"
}
.fa-crop:before {
content: "\f125"
}
.fa-code-fork:before {
content: "\f126"
}
.fa-unlink:before, .fa-chain-broken:before {
content: "\f127"
}
.fa-question:before {
content: "\f128"
}
.fa-info:before {
content: "\f129"
}
.fa-exclamation:before {
content: "\f12a"
}
.fa-superscript:before {
content: "\f12b"
}
.fa-subscript:before {
content: "\f12c"
}
.fa-eraser:before {
content: "\f12d"
}
.fa-puzzle-piece:before {
content: "\f12e"
}
.fa-microphone:before {
content: "\f130"
}
.fa-microphone-slash:before {
content: "\f131"
}
.fa-shield:before {
content: "\f132"
}
.fa-calendar-o:before {
content: "\f133"
}
.fa-fire-extinguisher:before {
content: "\f134"
}
.fa-rocket:before {
content: "\f135"
}
.fa-maxcdn:before {
content: "\f136"
}
.fa-chevron-circle-left:before {
content: "\f137"
}
.fa-chevron-circle-right:before {
content: "\f138"
}
.fa-chevron-circle-up:before {
content: "\f139"
}
.fa-chevron-circle-down:before {
content: "\f13a"
}
.fa-html5:before {
content: "\f13b"
}
.fa-css3:before {
content: "\f13c"
}
.fa-anchor:before {
content: "\f13d"
}
.fa-unlock-alt:before {
content: "\f13e"
}
.fa-bullseye:before {
content: "\f140"
}
.fa-ellipsis-h:before {
content: "\f141"
}
.fa-ellipsis-v:before {
content: "\f142"
}
.fa-rss-square:before {
content: "\f143"
}
.fa-play-circle:before {
content: "\f144"
}
.fa-ticket:before {
content: "\f145"
}
.fa-minus-square:before {
content: "\f146"
}
.fa-minus-square-o:before {
content: "\f147"
}
.fa-level-up:before {
content: "\f148"
}
.fa-level-down:before {
content: "\f149"
}
.fa-check-square:before {
content: "\f14a"
}
.fa-pencil-square:before {
content: "\f14b"
}
.fa-external-link-square:before {
content: "\f14c"
}
.fa-share-square:before {
content: "\f14d"
}
.fa-compass:before {
content: "\f14e"
}
.fa-toggle-down:before, .fa-caret-square-o-down:before {
content: "\f150"
}
.fa-toggle-up:before, .fa-caret-square-o-up:before {
content: "\f151"
}
.fa-toggle-right:before, .fa-caret-square-o-right:before {
content: "\f152"
}
.fa-euro:before, .fa-eur:before {
content: "\f153"
}
.fa-gbp:before {
content: "\f154"
}
.fa-dollar:before, .fa-usd:before {
content: "\f155"
}
.fa-rupee:before, .fa-inr:before {
content: "\f156"
}
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
content: "\f157"
}
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
content: "\f158"
}
.fa-won:before, .fa-krw:before {
content: "\f159"
}
.fa-bitcoin:before, .fa-btc:before {
content: "\f15a"
}
.fa-file:before {
content: "\f15b"
}
.fa-file-text:before {
content: "\f15c"
}
.fa-sort-alpha-asc:before {
content: "\f15d"
}
.fa-sort-alpha-desc:before {
content: "\f15e"
}
.fa-sort-amount-asc:before {
content: "\f160"
}
.fa-sort-amount-desc:before {
content: "\f161"
}
.fa-sort-numeric-asc:before {
content: "\f162"
}
.fa-sort-numeric-desc:before {
content: "\f163"
}
.fa-thumbs-up:before {
content: "\f164"
}
.fa-thumbs-down:before {
content: "\f165"
}
.fa-youtube-square:before {
content: "\f166"
}
.fa-youtube:before {
content: "\f167"
}
.fa-xing:before {
content: "\f168"
}
.fa-xing-square:before {
content: "\f169"
}
.fa-youtube-play:before {
content: "\f16a"
}
.fa-dropbox:before {
content: "\f16b"
}
.fa-stack-overflow:before {
content: "\f16c"
}
.fa-instagram:before {
content: "\f16d"
}
.fa-flickr:before {
content: "\f16e"
}
.fa-adn:before {
content: "\f170"
}
.fa-bitbucket:before {
content: "\f171"
}
.fa-bitbucket-square:before {
content: "\f172"
}
.fa-tumblr:before {
content: "\f173"
}
.fa-tumblr-square:before {
content: "\f174"
}
.fa-long-arrow-down:before {
content: "\f175"
}
.fa-long-arrow-up:before {
content: "\f176"
}
.fa-long-arrow-left:before {
content: "\f177"
}
.fa-long-arrow-right:before {
content: "\f178"
}
.fa-apple:before {
content: "\f179"
}
.fa-windows:before {
content: "\f17a"
}
.fa-android:before {
content: "\f17b"
}
.fa-linux:before {
content: "\f17c"
}
.fa-dribbble:before {
content: "\f17d"
}
.fa-skype:before {
content: "\f17e"
}
.fa-foursquare:before {
content: "\f180"
}
.fa-trello:before {
content: "\f181"
}
.fa-female:before {
content: "\f182"
}
.fa-male:before {
content: "\f183"
}
.fa-gittip:before, .fa-gratipay:before {
content: "\f184"
}
.fa-sun-o:before {
content: "\f185"
}
.fa-moon-o:before {
content: "\f186"
}
.fa-archive:before {
content: "\f187"
}
.fa-bug:before {
content: "\f188"
}
.fa-vk:before {
content: "\f189"
}
.fa-weibo:before {
content: "\f18a"
}
.fa-renren:before {
content: "\f18b"
}
.fa-pagelines:before {
content: "\f18c"
}
.fa-stack-exchange:before {
content: "\f18d"
}
.fa-arrow-circle-o-right:before {
content: "\f18e"
}
.fa-arrow-circle-o-left:before {
content: "\f190"
}
.fa-toggle-left:before, .fa-caret-square-o-left:before {
content: "\f191"
}
.fa-dot-circle-o:before {
content: "\f192"
}
.fa-wheelchair:before {
content: "\f193"
}
.fa-vimeo-square:before {
content: "\f194"
}
.fa-turkish-lira:before, .fa-try:before {
content: "\f195"
}
.fa-plus-square-o:before {
content: "\f196"
}
.fa-space-shuttle:before {
content: "\f197"
}
.fa-slack:before {
content: "\f198"
}
.fa-envelope-square:before {
content: "\f199"
}
.fa-wordpress:before {
content: "\f19a"
}
.fa-openid:before {
content: "\f19b"
}
.fa-institution:before, .fa-bank:before, .fa-university:before {
content: "\f19c"
}
.fa-mortar-board:before, .fa-graduation-cap:before {
content: "\f19d"
}
.fa-yahoo:before {
content: "\f19e"
}
.fa-google:before {
content: "\f1a0"
}
.fa-reddit:before {
content: "\f1a1"
}
.fa-reddit-square:before {
content: "\f1a2"
}
.fa-stumbleupon-circle:before {
content: "\f1a3"
}
.fa-stumbleupon:before {
content: "\f1a4"
}
.fa-delicious:before {
content: "\f1a5"
}
.fa-digg:before {
content: "\f1a6"
}
.fa-pied-piper-pp:before {
content: "\f1a7"
}
.fa-pied-piper-alt:before {
content: "\f1a8"
}
.fa-drupal:before {
content: "\f1a9"
}
.fa-joomla:before {
content: "\f1aa"
}
.fa-language:before {
content: "\f1ab"
}
.fa-fax:before {
content: "\f1ac"
}
.fa-building:before {
content: "\f1ad"
}
.fa-child:before {
content: "\f1ae"
}
.fa-paw:before {
content: "\f1b0"
}
.fa-spoon:before {
content: "\f1b1"
}
.fa-cube:before {
content: "\f1b2"
}
.fa-cubes:before {
content: "\f1b3"
}
.fa-behance:before {
content: "\f1b4"
}
.fa-behance-square:before {
content: "\f1b5"
}
.fa-steam:before {
content: "\f1b6"
}
.fa-steam-square:before {
content: "\f1b7"
}
.fa-recycle:before {
content: "\f1b8"
}
.fa-automobile:before, .fa-car:before {
content: "\f1b9"
}
.fa-cab:before, .fa-taxi:before {
content: "\f1ba"
}
.fa-tree:before {
content: "\f1bb"
}
.fa-spotify:before {
content: "\f1bc"
}
.fa-deviantart:before {
content: "\f1bd"
}
.fa-soundcloud:before {
content: "\f1be"
}
.fa-database:before {
content: "\f1c0"
}
.fa-file-pdf-o:before {
content: "\f1c1"
}
.fa-file-word-o:before {
content: "\f1c2"
}
.fa-file-excel-o:before {
content: "\f1c3"
}
.fa-file-powerpoint-o:before {
content: "\f1c4"
}
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
content: "\f1c5"
}
.fa-file-zip-o:before, .fa-file-archive-o:before {
content: "\f1c6"
}
.fa-file-sound-o:before, .fa-file-audio-o:before {
content: "\f1c7"
}
.fa-file-movie-o:before, .fa-file-video-o:before {
content: "\f1c8"
}
.fa-file-code-o:before {
content: "\f1c9"
}
.fa-vine:before {
content: "\f1ca"
}
.fa-codepen:before {
content: "\f1cb"
}
.fa-jsfiddle:before {
content: "\f1cc"
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
content: "\f1cd"
}
.fa-circle-o-notch:before {
content: "\f1ce"
}
.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
content: "\f1d0"
}
.fa-ge:before, .fa-empire:before {
content: "\f1d1"
}
.fa-git-square:before {
content: "\f1d2"
}
.fa-git:before {
content: "\f1d3"
}
.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
content: "\f1d4"
}
.fa-tencent-weibo:before {
content: "\f1d5"
}
.fa-qq:before {
content: "\f1d6"
}
.fa-wechat:before, .fa-weixin:before {
content: "\f1d7"
}
.fa-send:before, .fa-paper-plane:before {
content: "\f1d8"
}
.fa-send-o:before, .fa-paper-plane-o:before {
content: "\f1d9"
}
.fa-history:before {
content: "\f1da"
}
.fa-circle-thin:before {
content: "\f1db"
}
.fa-header:before {
content: "\f1dc"
}
.fa-paragraph:before {
content: "\f1dd"
}
.fa-sliders:before {
content: "\f1de"
}
.fa-share-alt:before {
content: "\f1e0"
}
.fa-share-alt-square:before {
content: "\f1e1"
}
.fa-bomb:before {
content: "\f1e2"
}
.fa-soccer-ball-o:before, .fa-futbol-o:before {
content: "\f1e3"
}
.fa-tty:before {
content: "\f1e4"
}
.fa-binoculars:before {
content: "\f1e5"
}
.fa-plug:before {
content: "\f1e6"
}
.fa-slideshare:before {
content: "\f1e7"
}
.fa-twitch:before {
content: "\f1e8"
}
.fa-yelp:before {
content: "\f1e9"
}
.fa-newspaper-o:before {
content: "\f1ea"
}
.fa-wifi:before {
content: "\f1eb"
}
.fa-calculator:before {
content: "\f1ec"
}
.fa-paypal:before {
content: "\f1ed"
}
.fa-google-wallet:before {
content: "\f1ee"
}
.fa-cc-visa:before {
content: "\f1f0"
}
.fa-cc-mastercard:before {
content: "\f1f1"
}
.fa-cc-discover:before {
content: "\f1f2"
}
.fa-cc-amex:before {
content: "\f1f3"
}
.fa-cc-paypal:before {
content: "\f1f4"
}
.fa-cc-stripe:before {
content: "\f1f5"
}
.fa-bell-slash:before {
content: "\f1f6"
}
.fa-bell-slash-o:before {
content: "\f1f7"
}
.fa-trash:before {
content: "\f1f8"
}
.fa-copyright:before {
content: "\f1f9"
}
.fa-at:before {
content: "\f1fa"
}
.fa-eyedropper:before {
content: "\f1fb"
}
.fa-paint-brush:before {
content: "\f1fc"
}
.fa-birthday-cake:before {
content: "\f1fd"
}
.fa-area-chart:before {
content: "\f1fe"
}
.fa-pie-chart:before {
content: "\f200"
}
.fa-line-chart:before {
content: "\f201"
}
.fa-lastfm:before {
content: "\f202"
}
.fa-lastfm-square:before {
content: "\f203"
}
.fa-toggle-off:before {
content: "\f204"
}
.fa-toggle-on:before {
content: "\f205"
}
.fa-bicycle:before {
content: "\f206"
}
.fa-bus:before {
content: "\f207"
}
.fa-ioxhost:before {
content: "\f208"
}
.fa-angellist:before {
content: "\f209"
}
.fa-cc:before {
content: "\f20a"
}
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
content: "\f20b"
}
.fa-meanpath:before {
content: "\f20c"
}
.fa-buysellads:before {
content: "\f20d"
}
.fa-connectdevelop:before {
content: "\f20e"
}
.fa-dashcube:before {
content: "\f210"
}
.fa-forumbee:before {
content: "\f211"
}
.fa-leanpub:before {
content: "\f212"
}
.fa-sellsy:before {
content: "\f213"
}
.fa-shirtsinbulk:before {
content: "\f214"
}
.fa-simplybuilt:before {
content: "\f215"
}
.fa-skyatlas:before {
content: "\f216"
}
.fa-cart-plus:before {
content: "\f217"
}
.fa-cart-arrow-down:before {
content: "\f218"
}
.fa-diamond:before {
content: "\f219"
}
.fa-ship:before {
content: "\f21a"
}
.fa-user-secret:before {
content: "\f21b"
}
.fa-motorcycle:before {
content: "\f21c"
}
.fa-street-view:before {
content: "\f21d"
}
.fa-heartbeat:before {
content: "\f21e"
}
.fa-venus:before {
content: "\f221"
}
.fa-mars:before {
content: "\f222"
}
.fa-mercury:before {
content: "\f223"
}
.fa-intersex:before, .fa-transgender:before {
content: "\f224"
}
.fa-transgender-alt:before {
content: "\f225"
}
.fa-venus-double:before {
content: "\f226"
}
.fa-mars-double:before {
content: "\f227"
}
.fa-venus-mars:before {
content: "\f228"
}
.fa-mars-stroke:before {
content: "\f229"
}
.fa-mars-stroke-v:before {
content: "\f22a"
}
.fa-mars-stroke-h:before {
content: "\f22b"
}
.fa-neuter:before {
content: "\f22c"
}
.fa-genderless:before {
content: "\f22d"
}
.fa-facebook-official:before {
content: "\f230"
}
.fa-pinterest-p:before {
content: "\f231"
}
.fa-whatsapp:before {
content: "\f232"
}
.fa-server:before {
content: "\f233"
}
.fa-user-plus:before {
content: "\f234"
}
.fa-user-times:before {
content: "\f235"
}
.fa-hotel:before, .fa-bed:before {
content: "\f236"
}
.fa-viacoin:before {
content: "\f237"
}
.fa-train:before {
content: "\f238"
}
.fa-subway:before {
content: "\f239"
}
.fa-medium:before {
content: "\f23a"
}
.fa-yc:before, .fa-y-combinator:before {
content: "\f23b"
}
.fa-optin-monster:before {
content: "\f23c"
}
.fa-opencart:before {
content: "\f23d"
}
.fa-expeditedssl:before {
content: "\f23e"
}
.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
content: "\f240"
}
.fa-battery-3:before, .fa-battery-three-quarters:before {
content: "\f241"
}
.fa-battery-2:before, .fa-battery-half:before {
content: "\f242"
}
.fa-battery-1:before, .fa-battery-quarter:before {
content: "\f243"
}
.fa-battery-0:before, .fa-battery-empty:before {
content: "\f244"
}
.fa-mouse-pointer:before {
content: "\f245"
}
.fa-i-cursor:before {
content: "\f246"
}
.fa-object-group:before {
content: "\f247"
}
.fa-object-ungroup:before {
content: "\f248"
}
.fa-sticky-note:before {
content: "\f249"
}
.fa-sticky-note-o:before {
content: "\f24a"
}
.fa-cc-jcb:before {
content: "\f24b"
}
.fa-cc-diners-club:before {
content: "\f24c"
}
.fa-clone:before {
content: "\f24d"
}
.fa-balance-scale:before {
content: "\f24e"
}
.fa-hourglass-o:before {
content: "\f250"
}
.fa-hourglass-1:before, .fa-hourglass-start:before {
content: "\f251"
}
.fa-hourglass-2:before, .fa-hourglass-half:before {
content: "\f252"
}
.fa-hourglass-3:before, .fa-hourglass-end:before {
content: "\f253"
}
.fa-hourglass:before {
content: "\f254"
}
.fa-hand-grab-o:before, .fa-hand-rock-o:before {
content: "\f255"
}
.fa-hand-stop-o:before, .fa-hand-paper-o:before {
content: "\f256"
}
.fa-hand-scissors-o:before {
content: "\f257"
}
.fa-hand-lizard-o:before {
content: "\f258"
}
.fa-hand-spock-o:before {
content: "\f259"
}
.fa-hand-pointer-o:before {
content: "\f25a"
}
.fa-hand-peace-o:before {
content: "\f25b"
}
.fa-trademark:before {
content: "\f25c"
}
.fa-registered:before {
content: "\f25d"
}
.fa-creative-commons:before {
content: "\f25e"
}
.fa-gg:before {
content: "\f260"
}
.fa-gg-circle:before {
content: "\f261"
}
.fa-tripadvisor:before {
content: "\f262"
}
.fa-odnoklassniki:before {
content: "\f263"
}
.fa-odnoklassniki-square:before {
content: "\f264"
}
.fa-get-pocket:before {
content: "\f265"
}
.fa-wikipedia-w:before {
content: "\f266"
}
.fa-safari:before {
content: "\f267"
}
.fa-chrome:before {
content: "\f268"
}
.fa-firefox:before {
content: "\f269"
}
.fa-opera:before {
content: "\f26a"
}
.fa-internet-explorer:before {
content: "\f26b"
}
.fa-tv:before, .fa-television:before {
content: "\f26c"
}
.fa-contao:before {
content: "\f26d"
}
.fa-500px:before {
content: "\f26e"
}
.fa-amazon:before {
content: "\f270"
}
.fa-calendar-plus-o:before {
content: "\f271"
}
.fa-calendar-minus-o:before {
content: "\f272"
}
.fa-calendar-times-o:before {
content: "\f273"
}
.fa-calendar-check-o:before {
content: "\f274"
}
.fa-industry:before {
content: "\f275"
}
.fa-map-pin:before {
content: "\f276"
}
.fa-map-signs:before {
content: "\f277"
}
.fa-map-o:before {
content: "\f278"
}
.fa-map:before {
content: "\f279"
}
.fa-commenting:before {
content: "\f27a"
}
.fa-commenting-o:before {
content: "\f27b"
}
.fa-houzz:before {
content: "\f27c"
}
.fa-vimeo:before {
content: "\f27d"
}
.fa-black-tie:before {
content: "\f27e"
}
.fa-fonticons:before {
content: "\f280"
}
.fa-reddit-alien:before {
content: "\f281"
}
.fa-edge:before {
content: "\f282"
}
.fa-credit-card-alt:before {
content: "\f283"
}
.fa-codiepie:before {
content: "\f284"
}
.fa-modx:before {
content: "\f285"
}
.fa-fort-awesome:before {
content: "\f286"
}
.fa-usb:before {
content: "\f287"
}
.fa-product-hunt:before {
content: "\f288"
}
.fa-mixcloud:before {
content: "\f289"
}
.fa-scribd:before {
content: "\f28a"
}
.fa-pause-circle:before {
content: "\f28b"
}
.fa-pause-circle-o:before {
content: "\f28c"
}
.fa-stop-circle:before {
content: "\f28d"
}
.fa-stop-circle-o:before {
content: "\f28e"
}
.fa-shopping-bag:before {
content: "\f290"
}
.fa-shopping-basket:before {
content: "\f291"
}
.fa-hashtag:before {
content: "\f292"
}
.fa-bluetooth:before {
content: "\f293"
}
.fa-bluetooth-b:before {
content: "\f294"
}
.fa-percent:before {
content: "\f295"
}
.fa-gitlab:before {
content: "\f296"
}
.fa-wpbeginner:before {
content: "\f297"
}
.fa-wpforms:before {
content: "\f298"
}
.fa-envira:before {
content: "\f299"
}
.fa-universal-access:before {
content: "\f29a"
}
.fa-wheelchair-alt:before {
content: "\f29b"
}
.fa-question-circle-o:before {
content: "\f29c"
}
.fa-blind:before {
content: "\f29d"
}
.fa-audio-description:before {
content: "\f29e"
}
.fa-volume-control-phone:before {
content: "\f2a0"
}
.fa-braille:before {
content: "\f2a1"
}
.fa-assistive-listening-systems:before {
content: "\f2a2"
}
.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
content: "\f2a3"
}
.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
content: "\f2a4"
}
.fa-glide:before {
content: "\f2a5"
}
.fa-glide-g:before {
content: "\f2a6"
}
.fa-signing:before, .fa-sign-language:before {
content: "\f2a7"
}
.fa-low-vision:before {
content: "\f2a8"
}
.fa-viadeo:before {
content: "\f2a9"
}
.fa-viadeo-square:before {
content: "\f2aa"
}
.fa-snapchat:before {
content: "\f2ab"
}
.fa-snapchat-ghost:before {
content: "\f2ac"
}
.fa-snapchat-square:before {
content: "\f2ad"
}
.fa-pied-piper:before {
content: "\f2ae"
}
.fa-first-order:before {
content: "\f2b0"
}
.fa-yoast:before {
content: "\f2b1"
}
.fa-themeisle:before {
content: "\f2b2"
}
.fa-google-plus-circle:before, .fa-google-plus-official:before {
content: "\f2b3"
}
.fa-fa:before, .fa-font-awesome:before {
content: "\f2b4"
}
.fa-handshake-o:before {
content: "\f2b5"
}
.fa-envelope-open:before {
content: "\f2b6"
}
.fa-envelope-open-o:before {
content: "\f2b7"
}
.fa-linode:before {
content: "\f2b8"
}
.fa-address-book:before {
content: "\f2b9"
}
.fa-address-book-o:before {
content: "\f2ba"
}
.fa-vcard:before, .fa-address-card:before {
content: "\f2bb"
}
.fa-vcard-o:before, .fa-address-card-o:before {
content: "\f2bc"
}
.fa-user-circle:before {
content: "\f2bd"
}
.fa-user-circle-o:before {
content: "\f2be"
}
.fa-user-o:before {
content: "\f2c0"
}
.fa-id-badge:before {
content: "\f2c1"
}
.fa-drivers-license:before, .fa-id-card:before {
content: "\f2c2"
}
.fa-drivers-license-o:before, .fa-id-card-o:before {
content: "\f2c3"
}
.fa-quora:before {
content: "\f2c4"
}
.fa-free-code-camp:before {
content: "\f2c5"
}
.fa-telegram:before {
content: "\f2c6"
}
.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
content: "\f2c7"
}
.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
content: "\f2c8"
}
.fa-thermometer-2:before, .fa-thermometer-half:before {
content: "\f2c9"
}
.fa-thermometer-1:before, .fa-thermometer-quarter:before {
content: "\f2ca"
}
.fa-thermometer-0:before, .fa-thermometer-empty:before {
content: "\f2cb"
}
.fa-shower:before {
content: "\f2cc"
}
.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
content: "\f2cd"
}
.fa-podcast:before {
content: "\f2ce"
}
.fa-window-maximize:before {
content: "\f2d0"
}
.fa-window-minimize:before {
content: "\f2d1"
}
.fa-window-restore:before {
content: "\f2d2"
}
.fa-times-rectangle:before, .fa-window-close:before {
content: "\f2d3"
}
.fa-times-rectangle-o:before, .fa-window-close-o:before {
content: "\f2d4"
}
.fa-bandcamp:before {
content: "\f2d5"
}
.fa-grav:before {
content: "\f2d6"
}
.fa-etsy:before {
content: "\f2d7"
}
.fa-imdb:before {
content: "\f2d8"
}
.fa-ravelry:before {
content: "\f2d9"
}
.fa-eercast:before {
content: "\f2da"
}
.fa-microchip:before {
content: "\f2db"
}
.fa-snowflake-o:before {
content: "\f2dc"
}
.fa-superpowers:before {
content: "\f2dd"
}
.fa-wpexplorer:before {
content: "\f2de"
}
.fa-meetup:before {
content: "\f2e0"
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
@font-face {
font-family: weathericons;
src: url(../Fonts/weathericons.eot);
src: url(../Fonts/weathericons.eot) format('embedded-opentype'), url(../Fonts/weathericons.woff2) format('woff2'), url(../Fonts/weathericons.woff) format('woff'), url(../Fonts/weathericons.ttf) format('truetype'), url(../Fonts/weathericons.svg) format('svg');
font-weight: 400;
font-style: normal
}
.wi {
display: inline-block;
font-family: weathericons;
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.wi-day-sunny:before {
content: "\f00d"
}
.wi-cloudy:before {
content: "\f013"
}
.wi-day-rain:before {
content: "\f008"
}
.wi-day-thunderstorm:before {
content: "\f010"
}
.wi-day-showers:before {
content: "\f009"
}
.wi-day-cloudy-high:before {
content: "\f07d"
}
.wi-night-clear:before {
content: "\f02e"
}
.wi-night-alt-cloudy:before {
content: "\f086"
}
.wi-night-cloudy:before {
content: "\f031"
}
.wi-night-showers:before {
content: "\f037"
}
.wi-night-rain:before {
content: "\f036"
}
.wi-night-thunderstorm:before {
content: "\f03b"
}
.wi-night-snow-wind:before {
content: "\f066"
}
.wi-night-alt-cloudy-high:before {
content: "\f07e"
}
.wi-windy:before {
content: "\f021"
}
.wi-humidity:before {
content: "\f078";
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999999;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: .8;
filter: alpha(opacity=80)
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999999;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.mfp-align-top .mfp-container:before {
display: none
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
cursor: auto
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.mfp-loading.mfp-figure {
display: none
}
.mfp-hide {
display: none !important
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -.8em;
left: 8px;
right: 8px;
z-index: 1044
}
.mfp-preloader a {
color: #ccc
}
.mfp-preloader a:hover {
color: #fff
}
.mfp-s-ready .mfp-preloader {
display: none
}
.mfp-s-error .mfp-content {
display: none
}
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: .65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100)
}
.mfp-close:active {
top: 1px
}
.mfp-close-btn-in .mfp-close {
color: #333
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #fff;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px
}
.mfp-arrow {
position: absolute;
opacity: .65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.mfp-arrow:active {
margin-top: -54px
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100)
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: .7
}
.mfp-arrow-left {
left: 0
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid #fff;
margin-left: 31px
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
right: 0
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid #fff;
margin-left: 39px
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px
}
.mfp-iframe-holder .mfp-close {
top: -40px
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0;
margin: 0 auto
}
.mfp-figure {
line-height: 0
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px
}
.mfp-figure figure {
margin: 0
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px
}
.mfp-image-holder .mfp-content {
max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0
}
.mfp-img-mobile img.mfp-img {
padding: 0
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75)
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%
}
.mfp-container {
padding-left: 6px;
padding-right: 6px
}
}
.mfp-ie7 .mfp-img {
padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px
}
.mfp-ie7 .mfp-container {
padding: 0
}
.mfp-ie7 .mfp-content {
padding-top: 44px
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0
}
@font-face {
font-family: 'icomoon';
font-style: normal;
font-weight: normal;
src: url(../Fonts/icomoon.eot);
src: url(../Fonts/icomoon.eot) format("embedded-opentype"), url(../Fonts/icomoon.ttf) format("truetype"), url(../Fonts/icomoon.woff) format("woff"), url(../Fonts/icomoon.svg) format("svg")
}
[class^="penci-icon-"], [class*=" penci-icon-"] {
text-transform: none;
font-family: 'icomoon' !important;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.penci-icon-instagram:before {
content: "\e900"
}
.penci-icon-arrow-bottom:before {
content: "\e901"
}
.penci-icon-arrow-left:before {
content: "\e902"
}
.penci-icon-arrow-right:before {
content: "\e903"
}
.penci-icon-arrow-top:before {
content: "\e904"
}
.penci-icon-article:before {
content: "\e905"
}
.penci-icon-bookmark:before {
content: "\e906"
}
.penci-icon-check:before {
content: "\e907"
}
.penci-icon-close:before {
content: "\e908"
}
.penci-icon-comment:before {
content: "\e909"
}
.penci-icon-double-user:before {
content: "\e90a"
}
.penci-icon-download:before {
content: "\e90b"
}
.penci-icon-eye:before {
content: "\e90c"
}
.penci-icon-facebook:before {
content: "\e90e"
}
.penci-icon-googleplus:before {
content: "\e90f"
}
.penci-icon-grid:before {
content: "\e910"
}
.penci-icon-lock:before {
content: "\e911"
}
.penci-icon-menu:before {
content: "\e912"
}
.penci-icon-pics:before {
content: "\e913"
}
.penci-icon-plus:before {
content: "\e914"
}
.penci-icon-quote-top:before {
content: "\e915"
}
.penci-icon-quotebottom:before {
content: "\e916"
}
.penci-icon-refresh:before {
content: "\e917"
}
.penci-icon-rss:before {
content: "\e918"
}
.penci-icon-settings:before {
content: "\e919"
}
.penci-icon-share:before {
content: "\e91a"
}
.penci-icon-stats:before {
content: "\e91b"
}
.penci-icon-tag:before {
content: "\e91c"
}
.penci-icon-time:before {
content: "\e91d"
}
.penci-icon-tumblr:before {
content: "\e91e"
}
.penci-icon-twitter:before {
content: "\e91f"
}
.penci-icon-user:before {
content: "\e920"
}
.penci-icon-vimeo:before {
content: "\e921"
}
.penci-icon-zoom:before {
content: "\e922"
}
.penci-owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.penci-owl-carousel .owl-animated-in {
z-index: 0
}
.penci-owl-carousel .owl-animated-out {
z-index: 1
}
.penci-owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out
}
.penci-owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1
}
.penci-owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y
}
.penci-owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.penci-owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px, 0px, 0px)
}
.penci-owl-carousel .owl-nav .owl-prev, .penci-owl-carousel .owl-nav .owl-next, .penci-owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.penci-owl-carousel.owl-loaded {
display: block
}
.penci-owl-carousel.owl-loading {
opacity: 0;
display: block
}
.penci-owl-carousel.owl-hidden {
opacity: 0
}
.penci-owl-carousel .owl-refresh .owl-item {
display: none
}
.penci-owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.penci-owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d
}
.penci-owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto
}
.penci-owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab
}
.penci-owl-carousel.owl-rtl {
direction: rtl
}
.penci-owl-carousel.owl-rtl .owl-item {
float: right
}
.penci-owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease
}
.penci-owl-carousel .owl-item img {
transform-style: preserve-3d
}
.penci-owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.penci-owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease
}
.penci-owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3)
}
.penci-owl-carousel .owl-video-playing .owl-video-tn, .penci-owl-carousel .owl-video-playing .owl-video-play-icon {
display: none
}
.penci-owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease
}
.penci-owl-carousel .owl-video-frame {
position: relative;
z-index: 1
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0)
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0)
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1
}
25%, 75% {
opacity: 0
}
}
@keyframes flash {
from, 50%, to {
opacity: 1
}
25%, 75% {
opacity: 0
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1)
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1)
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg)
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg)
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg)
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg)
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to {
-webkit-transform: none;
transform: none
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1
}
to {
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1
}
to {
-webkit-transform: none;
transform: none;
opacity: 1
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
@keyframes lightSpeedOut {
from {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge
}
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
@keyframes rollOut {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
from {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes zoomOut {
from {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}
@-webkit-keyframes justified-gallery-show-caption-animation {
from {
opacity: 0
}
to {
opacity: .7
}
}
@-moz-keyframes justified-gallery-show-caption-animation {
from {
opacity: 0
}
to {
opacity: .7
}
}
@-o-keyframes justified-gallery-show-caption-animation {
from {
opacity: 0
}
to {
opacity: .7
}
}
@keyframes justified-gallery-show-caption-animation {
from {
opacity: 0
}
to {
opacity: .7
}
}
@-webkit-keyframes justified-gallery-show-entry-animation {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-moz-keyframes justified-gallery-show-entry-animation {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-o-keyframes justified-gallery-show-entry-animation {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes justified-gallery-show-entry-animation {
from {
opacity: 0
}
to {
opacity: 1
}
}
.justified-gallery {
width: 100%;
position: relative;
overflow: hidden
}
.justified-gallery > a, .justified-gallery > div {
position: absolute;
display: inline-block;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0)
}
.justified-gallery > a > img, .justified-gallery > div > img, .justified-gallery > a > a > img, .justified-gallery > div > a > img {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
border: 0
}
.justified-gallery > a > .caption, .justified-gallery > div > .caption {
display: none;
position: absolute;
bottom: 0;
padding: 5px;
background-color: #000;
left: 0;
right: 0;
margin: 0;
color: #fff;
font-size: 12px;
font-weight: 300;
font-family: sans-serif
}
.justified-gallery > a > .caption.caption-visible, .justified-gallery > div > .caption.caption-visible {
display: initial;
opacity: .7;
filter: "alpha(opacity=70)";
-webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
-moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
-ms-animation: justified-gallery-show-caption-animation 500ms 0 ease
}
.justified-gallery > .entry-visible {
opacity: 1;
filter: alpha(opacity=100);
-webkit-animation: justified-gallery-show-entry-animation 500ms 0 ease;
-moz-animation: justified-gallery-show-entry-animation 500ms 0 ease;
-ms-animation: justified-gallery-show-entry-animation 500ms 0 ease
}
.justified-gallery > .jg-filtered {
display: none
}
.justified-gallery > .spinner {
position: absolute;
bottom: 0;
margin-left: -24px;
padding: 10px 0;
left: 50%;
opacity: initial;
filter: initial;
overflow: initial
}
.justified-gallery > .spinner > span {
display: inline-block;
opacity: 0;
filter: alpha(opacity=0);
width: 8px;
height: 8px;
margin: 0 4px;
background-color: #000;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px
}
.jq-ry-container {
position: relative;
padding: 0 5px;
line-height: 0;
display: block;
cursor: pointer;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
direction: ltr
}
.jq-ry-container[readonly=readonly] {
cursor: default
}
.jq-ry-container > .jq-ry-group-wrapper {
position: relative;
width: 100%
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
position: relative;
line-height: 0;
z-index: 10;
white-space: nowrap
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
display: inline-block
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
width: 100%
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
width: 0;
z-index: 11;
position: absolute;
top: 0;
left: 0;
overflow: hidden
}
* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-box-sizing: border-box;
outline: none;
}
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
margin: 0;
padding: 0
}
input {
background-color: transparent;
}
table {
border-collapse: collapse;
border-spacing: 0
}
fieldset, img {
border: 0
}
address, caption, cite, code, dfn, strong, th, var {
font-style: normal;
font-weight: normal
}
ol, ul, li {
list-style: none
}
caption, th {
text-align: left
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal
}
q:before, q:after {
content: ''
}
strong {
font-weight: bold
}
em {
font-style: italic
}
img {
max-width: 100%;
vertical-align: top;
height: auto;
}
a img {
border: none
}
iframe {
border: none;
max-width: none;
}
iframe[name="google_conversion_frame"] {
height: 0;
display: block;
overflow: hidden;
}
.penci-center {
text-align: center;
}
body:not(.penci-fawesome-ver5) .penci-faicon {
font-family: 'FontAwesome';
font-weight: normal;
}
html, body {
-webkit-font-smoothing: antialiased;
}
body {
font-family: 'PT Serif', serif;
color: #313131;
background-color: #FFF;
font-size: 14px;
overflow-x: hidden;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
textarea {
font-family: 'PT Serif', serif;
min-height: 100px;
background: none;
}
p {
font-size: 14px;
line-height: 28px;
}
.elementor-text-editor p {
font-size: inherit;
line-height: inherit;
}
a {
text-decoration: none;
color: #6eb48c;
transition: color 0.3s;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
outline: none;
cursor: pointer;
}
a:hover {
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Raleway', sans-serif;
font-style: normal;
letter-spacing: 1px;
font-weight: bold;
}
.container {
width: 1170px;
margin: 0 auto;
}
.container.container-1400 {
max-width: 1400px;
width: 100%;
}
.container.container-fullwidth {
max-width: 100%;
width: 100%;
}
.penci-page-container-smaller {
max-width: 900px;
margin-left: auto;
margin-right: auto;
display: block;
}
body:not(.penci-fawesome-ver5) .penci-faicon.fa-facebook-f:before,
body:not(.penci-fawesome-ver5) .penci-faicon.fa-facebook:before {
content: "\f09a";
}
#main {
width: 100%;
}
.penci-single-style-10 .penci-single-s10-content,
.container.penci_sidebar #main {
width: 70.94%;
padding-right: 50px;
float: left;
}
.penci-single-style-10.penci_sidebar.left-sidebar .penci-single-s10-content,
.container.penci_sidebar.left-sidebar #main {
float: right;
padding: 0 0 0 60px;
}
.penci-sidebar-content {
width: 29.06%;
float: right;
}
@media only screen and (min-width: 961px) {
.penci-single-style-10 .penci-post-image-wrapper .container.two-sidebar .penci-sidebar-content {
width: 29.06%;
}
}
.penci-sidebar-content-vc {
width: 100%;
float: none;
}
.penci_sidebar.left-sidebar .penci-sidebar-content {
float: left;
}
.penci-sidebar-content.penci-sticky-sidebar.is-sticky {
margin-top: 75px;
}
.admin-bar .penci-sidebar-content.penci-sticky-sidebar.is-sticky {
margin-top: 107px;
}
#penci-end-sidebar-sticky {
margin-top: -300px;
padding-top: 300px;
}
.clear-footer {
height: 1px;
margin-bottom: 29px;
clear: both;
display: block;
width: 100%;
}
.clearfix {
clear: both;
}
.wrapper-boxed {
overflow: hidden;
}
body.penci-body-boxed {
background: #F5F5F5;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.wrapper-boxed.enable-boxed {
background: #fff;
max-width: 1230px;
display: block;
overflow: hidden;
margin: 0 auto;
box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
}
.penci-body-boxed.penci-two-sidebar .wrapper-boxed.enable-boxed {
max-width: 1430px;
}
.penci-body-boxed.penci-two-sidebar .container.penci-breadcrumb,
.penci-body-boxed.penci-two-sidebar .container.two-sidebar {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.penci-top-bar {
height: 32px;
background: #313131;
}
.penci-top-bar.topbar-fullwidth {
padding: 0 20px;
}
.penci-top-bar.topbar-fullwidth .container {
width: 100%;
}
.penci-headline {
display: block;
}
.headline-title {
height: 32px;
line-height: 32px;
padding: 0 15px;
font-size: 12px;
color: #fff;
background: #6eb48c;
float: left;
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
z-index: 10;
position: relative;
display: inline-block;
font-weight: bold;
}
.penci-headline-posts {
margin: 0 15px 0 49px;
}
.penci-owl-carousel.penci-headline-posts .owl-stage-outer {
height: 32px !important;
}
.penci-owl-carousel-slider.penci-headline-posts .owl-nav .owl-prev,
.penci-owl-carousel-slider.penci-headline-posts .owl-nav .owl-next,
.penci-headline-posts .slick-prev,
.penci-headline-posts .slick-next {
width: 16px;
height: 20px;
border: none;
background: none;
display: inline-block;
text-align: center;
line-height: 20px;
left: -54px;
outline: none;
cursor: pointer;
position: absolute;
color: #999;
opacity: 1 !important;
font-size: 18px;
transition: color 0.3s;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
padding: 0;
top: 50%;
margin-top: -10px;
}
.penci-owl-carousel-slider.penci-headline-posts .owl-nav .owl-next,
.penci-headline-posts .slick-next {
left: -32px;
}
.penci-owl-carousel-slider.penci-headline-posts .owl-nav .owl-prev:hover,
.penci-owl-carousel-slider.penci-headline-posts .owl-nav .owl-next:hover,
.penci-headline-posts .slick-prev:hover,
.penci-headline-posts .slick-next:hover {
color: #fff;
}
.penci-headline-posts .owl-item.sliderInUp {
animation-name: sliderInUp;
-webkit-animation-name: sliderInUp;
}
.penci-headline-posts .owl-item.sliderOutUp {
animation-name: sliderOutUp;
-webkit-animation-name: sliderOutUp;
}
a.penci-topbar-post-title {
color: #fff;
font-size: 12px;
font-family: 'Raleway', sans-serif;
text-decoration: none;
text-transform: uppercase;
transition: color 0.3s;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
letter-spacing: 1px;
display: inline-block;
white-space: nowrap;
line-height: 32px;
font-weight: bold;
}
a.penci-topbar-post-title:hover {
color: #6eb48c;
}
.loaded .penci-headline-posts .slick-prev,
.loaded .penci-headline-posts .slick-next,
.loaded a.penci-topbar-post-title {
opacity: 1;
}
.penci-topbar-social {
display: inline-block;
float: right;
z-index: 10;
position: relative;
}
.penci-topbar-social > div {
display: inline-block;
vertical-align: top;
}
.penci-topbar-social a {
float: left;
display: inline-block;
vertical-align: top;
margin-left: 13px;
font-size: 13px;
color: #fff;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
line-height: 32px;
}
.penci-topbar-social a:first-child {
margin-left: 0;
}
.penci-topbar-social a:hover {
color: #6eb48c;
}
.penci-headline .animated.slideOutUp,
.penci-headline .animated.slideInUp {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}
ul.penci-topbar-menu, div.penci-topbar-menu > ul {
display: inline-block;
vertical-align: top;
padding: 0;
margin: 0;
}
ul.penci-topbar-menu li,
div.penci-topbar-menu > ul li {
position: relative;
}
ul.penci-topbar-menu > li,
div.penci-topbar-menu > ul > li {
display: inline-block;
float: left;
margin-right: 25px;
}
ul.penci-topbar-menu > li:last-child,
div.penci-topbar-menu > ul > li:last-child {
margin-right: 0;
}
ul.penci-topbar-menu > li a,
div.penci-topbar-menu > ul > li a {
color: #fff;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
background: none;
font-size: 11px;
text-transform: uppercase;
line-height: 32px;
font-family: 'Raleway', sans-serif;
font-weight: 600;
}
ul.penci-topbar-menu > li a:hover,
div.penci-topbar-menu > ul > li a:hover {
color: #6eb48c;
}
ul.penci-topbar-menu ul.sub-menu,
div.penci-topbar-menu > ul ul.sub-menu {
display: none;
position: absolute;
left: 0;
top: 32px;
background: #313131;
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
}
ul.penci-topbar-menu li:hover > ul.sub-menu,
div.penci-topbar-menu > ul li:hover > ul.sub-menu {
display: block;
z-index: 5;
}
ul.penci-topbar-menu li:hover ul.sub-menu ul.sub-menu,
div.penci-topbar-menu > ul li:hover ul.sub-menu ul.sub-menu {
left: 100%;
top: 0;
}
ul.penci-topbar-menu ul.sub-menu li a,
div.penci-topbar-menu > ul ul.sub-menu li a {
width: 150px;
padding: 7px 0;
margin: 0 20px;
line-height: 1.7;
display: block;
}
ul.penci-topbar-menu ul.sub-menu li a,
div.penci-topbar-menu > ul ul.sub-menu li a,
ul.penci-topbar-menu > li > ul.sub-menu > li:first-child,
div.penci-topbar-menu > ul > li > ul.sub-menu > li:first-child {
border-top: 1px solid #414141;
}
ul.penci-topbar-menu ul.sub-menu > li:first-child > a,
div.penci-topbar-menu > ul ul.sub-menu li:first-child > a {
border-top: none;
}
#navigation {
background: #fff;
height: 60px;
z-index: 9999;
width: 100%;
-webkit-backface-visibility: hidden;
border-bottom: 1px solid #ECECEC;
transition: box-shadow 0.3s;
-webkit-transition: box-shadow 0.3s;
-moz-transition: box-shadow 0.3s;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
}
#navigation.header-6,
#navigation.header-9 {
transition: box-shadow 0.3s, height 0.3s;
-webkit-transition: box-shadow 0.3s, height 0.3s;
-moz-transition: box-shadow 0.3s, height 0.3s;
}
#navigation.header-7,
#navigation.header-8,
#navigation.header-9 {
padding: 0 20px;
}
#navigation.header-layout-bottom {
box-shadow: 0px 0px 0px transparent;
-webkit-box-shadow: 0px 0px 0px transparent;
-moz-box-shadow: 0px 0px 0px transparent;
border-top: 1px solid #ECECEC;
}
#navigation.header-1,
#navigation.header-4,
#navigation.header-7 {
border-top: 1px solid transparent !important;
}
.is-sticky #navigation {
box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46);
-webkit-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46);
-moz-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46);
border-color: transparent !important;
}
.wrapper-boxed.enable-boxed .is-sticky #navigation {
margin: 0 auto;
left: 0;
right: 0;
width: 100%;
max-width: 1230px;
}
.penci-body-boxed.penci-two-sidebar .wrapper-boxed.enable-boxed .is-sticky #navigation {
max-width: 1430px;
}
.slicknav_menu {
display: none;
}
#navigation .container {
position: relative;
display: table;
text-align: center;
}
#navigation.header-7 .container,
#navigation.header-8 .container,
#navigation.header-9 .container {
width: 100%;
}
#navigation .container .inner-top-navigation {
display: inline-block;
vertical-align: top;
}
#navigation .menu {
float: left;
}
#navigation.header-4 .menu,
#navigation.header-5 .menu,
#navigation.header-4 #top-search,
#navigation.header-5 #top-search {
float: none;
vertical-align: top;
}
#navigation.header-4 #top-search,
#navigation.header-5 #top-search {
margin-left: 40px;
display: inline-block;
}
#navigation ul.menu > li,
#navigation .menu > ul > li {
display: inline-block;
position: relative;
float: left;
margin-right: 30px;
}
#navigation .menu > li:last-child,
#navigation .menu > ul > li:last-child {
margin-right: 0;
}
#navigation .menu li a {
font-family: 'Raleway', sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #313131;
line-height: 58px;
text-transform: uppercase;
display: inline-block;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
position: relative;
font-weight: bold;
text-decoration: none;
}
#navigation .menu li a i {
font-size: 13px;
margin-right: 5px;
}
#navigation ul.menu > li > a:before,
#navigation .menu > ul > li > a:before {
content: "";
position: absolute;
bottom: 18px;
transition: all 0.2s;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
left: 50%;
height: 2px;
width: 0;
background: #6eb48c;
}
#navigation ul.menu > li > a:hover:before,
#navigation .menu > ul > li > a:hover:before,
#navigation ul.menu > li:hover > a:before,
#navigation .menu > ul > li:hover > a:before {
left: 0;
width: 100%;
}
#navigation .menu li a:hover,
#navigation .menu li:hover > a,
#navigation .menu li.current-menu-item > a,
#navigation .menu > li.current_page_item > a,
#navigation .menu > li.current-menu-ancestor > a,
#navigation .menu > li.current-menu-item > a {
color: #6eb48c;
}
#navigation ul.menu > li > a > img,
#navigation .menu > ul > li > a > img {
vertical-align: middle;
}
#navigation .button-menu-mobile {
display: none;
float: left;
line-height: 60px;
text-align: center;
color: #313131;
font-size: 21px;
cursor: pointer;
transition: color 0.3s;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
}
#navigation .button-menu-mobile:hover {
}
#logo a {
display: inline-block;
vertical-align: top;
}
#logo h1 {
margin: 0;
}
.penci-mobile-hlogo {
display: none;
float: left;
margin-left: 10px;
}
.penci-mobile-hlogo a {
display: inline-block;
}
.penci-mobile-hlogo img {
max-height: 60px;
padding: 8px 0;
}
@media only screen and (max-width: 960px) {
.penci-hlogo-center .penci-mobile-hlogo,
.penci-hlogo-center #navigation.header-6 #logo {
float: none;
margin: 0;
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
z-index: 10;
}
.penci-mobile-hlogo {
display: inline-block;
}
}
#navigation.header-6 {
height: 82px;
}
#navigation.header-6 .container {
text-align: right;
}
#navigation.header-6 .menu {
float: none;
}
#navigation.header-6 #logo {
float: left;
display: block;
text-align: left;
}
#navigation.header-6 #logo img {
padding: 12px 0;
max-height: 80px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
width: auto;
}
#navigation.header-6 .menu > li > a,
#navigation.header-6 ul.menu > li > a {
line-height: 80px;
}
#navigation.header-6 ul.menu > li > a:before,
#navigation.header-6 .menu > ul > li > a:before {
bottom: 29px;
}
#navigation.header-6 .penci-menuhbg-toggle,
#navigation.header-6 .show-search {
height: 80px;
}
#navigation.header-6 #top-search {
margin-left: 40px;
}
#navigation.header-6 #top-search > a,
#navigation.header-6 .show-search a.close-search {
height: 80px;
line-height: 80px;
}
#navigation.header-6 .show-search #searchform input.search-input {
height: 80px;
padding: 26px 35px 26px 0;
}
#navigation.header-11 > .container,
#navigation.header-10 > .container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#navigation.header-11 .penci-menu-wrap,
#navigation.header-10 .penci-menu-wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex: 3 0;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
float: left;
text-align: center;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#navigation.header-11 .penci-menu-wrap #logo,
#navigation.header-10 .penci-menu-wrap #logo {
width: 24%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
#navigation.header-11 .penci-menu-wrap .menu,
#navigation.header-10 .penci-menu-wrap .menu {
padding: 0;
margin: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
}
#navigation.header-11,
#navigation.header-10 {
height: 82px;
}
#navigation.header-11 .menu > li > a,
#navigation.header-11 ul.menu > li > a,
#navigation.header-10 .menu > li > a,
#navigation.header-10 ul.menu > li > a {
line-height: 80px;
}
#navigation.header-10 #logo img,
#navigation.header-11 #logo img {
padding: 12px 0;
max-height: 80px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
width: auto;
}
.is-sticky #navigation.header-10 #logo img,
.is-sticky #navigation.header-11 #logo img {
padding: 7px 0;
}
#navigation.header-11 .penci-header-extra,
#navigation.header-10 .penci-header-extra {
margin-left: 15px;
}
#navigation.header-11 .show-search #searchform input.search-input {
height: 80px;
padding: 26px 35px 26px 20px;
}
#navigation.header-10 .show-search #searchform input.search-input {
height: 80px;
padding: 26px 35px 26px 0;
}
#navigation.header-11 #top-search > a,
#navigation.header-11 .show-search a.close-search,
#navigation.header-10 #top-search > a,
#navigation.header-10 .show-search a.close-search {
height: 80px;
line-height: 80px;
}
#navigation.header-11 .show-search a.close-search,
#navigation.header-10 .show-search a.close-search {
right: 10px;
}
.is-sticky #navigation.header-6,
.is-sticky #navigation.header-10,
.is-sticky #navigation.header-11 {
height: 60px;
}
.is-sticky #navigation.header-6 #logo img {
max-height: 58px;
padding: 7px 0;
}
.is-sticky #navigation.header-6 .menu > li > a,
.is-sticky #navigation.header-6 ul.menu > li > a {
line-height: 58px;
}
.is-sticky #navigation.header-6 ul.menu > li > a:before,
.is-sticky #navigation.header-6 .menu > ul > li > a:before {
bottom: 18px;
}
.is-sticky #navigation.header-10 .show-search,
.is-sticky #navigation.header-10 .penci-menuhbg-toggle,
.is-sticky #navigation.header-11 .show-search,
.is-sticky #navigation.header-11 .penci-menuhbg-toggle,
.is-sticky #navigation.header-6 .show-search,
.is-sticky #navigation.header-6 .penci-menuhbg-toggle {
height: 58px;
}
.is-sticky #navigation.header-10 #top-search > a,
.is-sticky #navigation.header-10 .show-search a.close-search,
.is-sticky #navigation.header-11 #top-search > a,
.is-sticky #navigation.header-11 .show-search a.close-search,
.is-sticky #navigation.header-6 #top-search > a,
.is-sticky #navigation.header-6 .show-search a.close-search {
height: 58px;
line-height: 58px;
}
.is-sticky #navigation.header-11 .show-search #searchform input.search-input {
padding: 15px 35px 15px 15px;
height: 58px;
}
.is-sticky #navigation.header-10 .show-search #searchform input.search-input,
.is-sticky #navigation.header-6 .show-search #searchform input.search-input {
height: 58px;
padding: 15px 35px 15px 0;
}
#navigation .menu .sub-menu,
#navigation .menu .children {
visibility: hidden;
opacity: 0;
position: absolute;
left: 0;
z-index: 9999;
-webkit-transition: all 0.27s ease-in-out;
-moz-transition: all 0.27s ease-in-out;
-o-transition: all 0.27s ease-in-out;
transition: all 0.27s ease-in-out;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6);
-webkit-box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6);
-moz-box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6);
border-top: 1px solid #ECECEC;
margin-top: 0;
background: #fff;
}
#navigation ul.menu ul a,
#navigation .menu ul ul a {
margin: 0 20px;
padding: 12px 0;
font-size: 12px;
min-width: 200px;
line-height: 1.4;
-moz-transition: color 0.3s, background-color 0.3s;
-webkit-transition: color 0.3s, background-color 0.3s;
transition: color 0.3s, background-color 0.3s;
border-bottom: 1px solid #E0E0E0;
text-align: left;
border-left: none !important;
position: relative;
overflow: hidden;
vertical-align: top;
}
#navigation ul.menu ul li,
#navigation ul.menu ul ul li {
padding-right: 0;
margin-right: 0;
float: none;
position: relative;
width: 100%;
}
#navigation .menu ul.sub-menu > li:last-child > a {
border-bottom: none;
}
#navigation ul.menu li:hover > ul,
#navigation .menu ul li:hover > ul {
visibility: visible;
opacity: 1;
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
#navigation .menu .sub-menu ul,
#navigation .menu .children ul {
left: 100%;
top: 0;
}
#navigation .menu li.penci-mega-menu {
position: static !important;
}
li.penci-mega-menu > ul.sub-menu {
display: none;
}
#sidebar-nav li.penci-mega-menu .penci-content-megamenu,
.penci-menu-hbg li.penci-mega-menu .penci-content-megamenu {
display: none !important;
}
#navigation .menu li.penci-mega-menu > ul.sub-menu {
width: 100%;
padding: 0 !important;
clear: both;
display: block;
}
#navigation .penci-megamenu {
width: 100%;
display: table;
}
#navigation .penci-megamenu .penci-mega-child-categories {
width: 230px;
display: table-cell;
vertical-align: top;
background: #ffffff;
padding: 20px 0;
position: relative;
}
#navigation .penci-megamenu .penci-mega-child-categories:after {
content: "";
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: 0;
background-color: #ECECEC;
}
#navigation .penci-megamenu .penci-mega-child-categories a {
min-width: 0;
display: block;
font-size: 12px;
text-align: right;
line-height: 1.4em;
margin: 0;
padding: 12px 20px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
position: relative;
}
#navigation .penci-megamenu .penci-mega-child-categories a.cat-active {
border-top-color: #ECECEC;
border-bottom-color: #ECECEC;
background: #fff;
color: #6eb48c;
z-index: 10;
position: relative;
}
#navigation .penci-megamenu .penci-mega-child-categories a.cat-active:before {
content: "";
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: 0;
background: #fff;
z-index: 1;
transition: none;
-webkit-transition: none;
-moz-transition: none;
}
#navigation .penci-megamenu .penci-content-megamenu {
display: table-cell;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts {
padding: 20px 10px 0 10px;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-row {
width: 100%;
display: none;
vertical-align: top;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-row.row-active {
display: inline-block;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post {
width: 20%;
padding: 0 10px;
float: left;
margin-bottom: 15px;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post {
width: 25%;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5 .penci-mega-post:nth-child(5n+1),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(4n+1) {
clear: both;
}
.penci-megamenu .penci-image-holder:before {
padding-top: 66.6667%;
}
@media only screen and (min-width: 1800px) {
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post {
width: 14.2857%;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post {
width: 16.66666%;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post:nth-child(7n+1),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post:nth-child(6n+1) {
clear: both;
}
}
@media only screen and (max-width: 1799px) and (min-width: 1500px) {
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post {
width: 16.66666%;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post {
width: 20%;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post:nth-child(6n+1),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post:nth-child(5n+1) {
clear: both;
}
}
@media only screen and (max-width: 1799px) {
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-1 .penci-mega-post:nth-child(7),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-1 .penci-mega-post:nth-child(6),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-2 .penci-mega-post:nth-child(14),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-2 .penci-mega-post:nth-child(13),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-2 .penci-mega-post:nth-child(12),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-2 .penci-mega-post:nth-child(11),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(21),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(20),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(19),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(18),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(17),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(16) {
display: none;
}
}
@media only screen and (max-width: 1499px) and (min-width: 1170px) {
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post {
width: 20%;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post {
width: 25%;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post:nth-child(5n+1),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post:nth-child(4n+1) {
clear: both;
}
}
@media only screen and (max-width: 1499px) {
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-1 .penci-mega-post:nth-child(6),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-1 .penci-mega-post:nth-child(5),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-2 .penci-mega-post:nth-child(12),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-2 .penci-mega-post:nth-child(11),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-2 .penci-mega-post:nth-child(10),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-2 .penci-mega-post:nth-child(9),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(18),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(17),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(16),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(15),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(14),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(13) {
display: none;
}
}
@media only screen and (max-width: 1169px) {
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post {
width: 25%;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post {
width: 33.33333%;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post:nth-child(4n+1),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post:nth-child(3n+1) {
clear: both;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-1 .penci-mega-post:nth-child(5),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-1 .penci-mega-post:nth-child(4),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-2 .penci-mega-post:nth-child(10),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-2 .penci-mega-post:nth-child(9),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-2 .penci-mega-post:nth-child(8),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-2 .penci-mega-post:nth-child(7),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(15),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(14),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(13),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(12),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(11),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(10) {
display: none;
}
}
#navigation .penci-megamenu .penci-mega-thumbnail {
display: block;
margin: 0 0 17px 0;
position: relative;
}
#navigation .penci-megamenu .penci-mega-thumbnail a {
width: 100%;
}
#navigation .penci-megamenu .penci-mega-thumbnail .mega-cat-name {
font-size: 10px;
background: #6eb48c;
text-transform: uppercase;
position: absolute;
display: inline-block;
padding: 0 6px;
color: #fff;
top: 0;
left: 0;
letter-spacing: 1px;
z-index: 3;
height: 18px;
font-weight: normal;
line-height: 18px;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post a {
margin: 0;
padding: 0;
min-width: 0;
border-bottom: none;
position: relative;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-thumbnail a {
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-thumbnail a:hover {
opacity: 0.8;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-thumbnail .mega-cat-name a {
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
color: inherit !important;
opacity: 1;
padding: 0;
margin: 0;
text-transform: none;
letter-spacing: 0;
}
#navigation .penci-megamenu .penci-mega-thumbnail img {
width: 100%;
height: auto;
}
#navigation .penci-megamenu .post-mega-title {
text-align: center;
margin: 0;
}
#navigation .penci-megamenu .post-mega-title a {
text-align: center;
}
#navigation .penci-megamenu .penci-mega-date {
line-height: 1;
font-size: 12px;
color: #999;
text-align: center;
margin-top: 6px;
}
#navigation ul.menu > li.megamenu {
position: static;
}
#navigation ul.menu > li.megamenu > ul.sub-menu {
width: 1170px;
padding: 15px 0;
display: table;
table-layout: fixed;
background: #fff;
left: 0;
}
#navigation.header-7 ul.menu > li.megamenu > ul.sub-menu,
#navigation.header-8 ul.menu > li.megamenu > ul.sub-menu,
#navigation.header-9 ul.menu > li.megamenu > ul.sub-menu {
width: 100%;
}
#navigation ul.menu > li.megamenu > ul.sub-menu > li {
min-width: 200px;
max-width: 300px;
display: table-cell;
vertical-align: top;
padding: 0 5px;
margin: 0;
position: relative;
}
#navigation ul.menu > li.megamenu > ul.sub-menu > li:before {
left: 0;
content: "";
position: absolute;
top: 15px;
bottom: 15px;
width: 1px;
display: block;
background: #E0E0E0;
}
#navigation ul.menu > li.megamenu > ul.sub-menu > li:first-child:before {
content: none;
display: none;
}
#navigation ul.menu > li.megamenu > ul.sub-menu > li > a {
margin: 0 20px;
border-bottom: 1px solid #E0E0E0;
display: none;
}
#navigation ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu {
visibility: visible;
opacity: 1;
transform: none;
-webkit-transform: none;
-moz-transform: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
position: static;
border: none;
}
#navigation ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu li,
#navigation ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu li a {
display: block;
}
#navigation.menu-style-2 ul.menu > li > a:before,
#navigation.menu-style-2 .menu > ul > li > a:before {
content: none;
display: none;
}
#navigation ul.menu > li.menu-item-has-children > a:after,
#navigation .menu > ul > li.menu-item-has-children > a:after,
#navigation ul.menu > li.penci-mega-menu > a:after,
#navigation .menu > ul > li.penci-mega-menu > a:after {
font-family: FontAwesome;
content: "\f107";
margin-left: 5px;
color: inherit;
font-size: 13px;
font-weight: normal;
}
.penci-fawesome-ver5 #navigation ul.menu > li.menu-item-has-children > a:after,
.penci-fawesome-ver5 #navigation .menu > ul > li.menu-item-has-children > a:after,
.penci-fawesome-ver5 #navigation ul.menu > li.penci-mega-menu > a:after,
.penci-fawesome-ver5 #navigation .menu > ul > li.penci-mega-menu > a:after {
font-family: "Font Awesome 5 Free";
content: "\f107";
font-weight: 900;
}
#navigation.menu-style-2 .menu .sub-menu,
#navigation.menu-style-2 .menu .children {
border-top: 4px solid #E0E0E0;
padding: 8px 0;
}
#navigation.menu-style-2 ul.menu ul:before,
#navigation.menu-style-2 .menu ul ul:before {
width: 0;
height: 4px;
top: -4px;
position: absolute;
background: #6eb48c;
left: 0;
-webkit-transition: width 400ms cubic-bezier(0.870, 0.020, 0.230, 1);
-webkit-transition: width 400ms cubic-bezier(0.870, 0.020, 0.230, 1.005);
-moz-transition: width 400ms cubic-bezier(0.870, 0.020, 0.230, 1.005);
-o-transition: width 500ms cubic-bezier(0.870, 0.020, 0.230, 1.005);
transition: width 500ms cubic-bezier(0.870, 0.020, 0.230, 1.005);
content: "";
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
}
#navigation.menu-style-2 ul.menu li:hover > ul:before,
#navigation.menu-style-2 .menu ul li:hover > ul:before {
width: 100%;
}
#navigation.menu-style-2 ul.menu ul a,
#navigation.menu-style-2 .menu ul ul a {
padding: 8px 0;
border: none !important;
}
#navigation.menu-style-2 .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts {
padding: 0;
}
#navigation.menu-style-2 .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post {
padding: 0 0 15px;
margin: 0;
position: relative;
z-index: 5;
}
#navigation.menu-style-2 .penci-megamenu .penci-mega-thumbnail {
position: relative;
z-index: 5;
}
#navigation.menu-style-2 .penci-megamenu .penci-mega-meta {
padding: 0 5px;
}
#navigation.menu-style-2 .penci-megamenu .post-mega-title {
line-height: 1;
}
.menu-style-2 .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post:before {
position: absolute;
content: '';
right: 0;
top: 0;
bottom: 0;
width: 1px;
background: #f1f1f2;
z-index: 1;
}
#navigation.menu-style-2 .penci-megamenu .penci-mega-thumbnail .mega-cat-name {
bottom: 0;
top: auto;
}
#navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories {
padding: 12px 0;
}
#navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories:after {
background-color: #f1f1f2;
}
#navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories a {
min-width: 0;
display: block;
text-align: left;
line-height: 1.4em;
margin: 0;
padding: 6px 0 6px 20px;
position: relative;
border: none;
background-color: inherit;
z-index: 0;
}
#navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories a:after {
content: "";
display: block;
position: absolute;
top: 50%;
margin-top: -.5px;
-webkit-transition: width, 0.4s ease-in-out;
-o-transition: width, 0.4s ease-in-out;
transition: width, 0.4s ease-in-out;
border-bottom: 1px solid;
width: 0;
opacity: 0.3;
left: 20px;
z-index: 1;
box-shadow: none;
-webkit-box-shadow: none;
color: inherit;
}
#navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories a:hover:after {
width: calc(100% + 20px);
}
#navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories a span {
position: relative;
z-index: 2;
background-color: inherit;
padding-right: 20px;
display: inline-block;
}
#navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories a.all-style:before {
content: "";
background: #f1f1f2;
width: 24px;
display: block;
height: 1px;
margin: 4px 0 17px;
opacity: 1;
position: static;
box-shadow: none;
-webkit-box-shadow: none;
}
#navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories a.all-style:after {
content: none;
display: none;
}
#navigation.menu-style-2 ul.menu > li.megamenu > ul.sub-menu {
padding: 5px 0;
}
#navigation.menu-style-2 ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu:before {
display: none;
content: none;
}
#navigation.menu-item-padding ul.menu > li,
#navigation.menu-item-padding .menu > ul > li {
margin: 0;
}
#navigation.menu-item-padding ul.menu > li > a,
#navigation.menu-item-padding .menu > ul > li > a {
padding: 0 15px;
}
#navigation.menu-item-padding .menu > li > a:hover,
#navigation.menu-item-padding .menu > li:hover > a,
#navigation.menu-item-padding .menu > li.current-menu-item > a,
#navigation.menu-item-padding .menu > li.current_page_item > a,
#navigation.menu-item-padding .menu > li.current-menu-ancestor > a,
#navigation.menu-item-padding .menu > li.current-menu-item > a {
background-color: #ececec;
}
#navigation.menu-item-padding ul.menu > li > a:before,
#navigation.menu-item-padding .menu > ul > li > a:before {
content: none;
display: none;
}
@media only screen and (min-width: 961px) {
#navigation.header-1.menu-item-padding,
#navigation.header-4.menu-item-padding,
#navigation.header-7.menu-item-padding,
#navigation.header-1.menu-item-padding ul.menu > li > a,
#navigation.header-4.menu-item-padding ul.menu > li > a,
#navigation.header-7.menu-item-padding ul.menu > li > a {
height: 59px;
}
.is-sticky #navigation.header-10.menu-item-padding ul.menu > li > a,
.is-sticky #navigation.header-11.menu-item-padding ul.menu > li > a,
.is-sticky #navigation.header-1.menu-item-padding ul.menu > li > a,
.is-sticky #navigation.header-4.menu-item-padding ul.menu > li > a,
.is-sticky #navigation.header-7.menu-item-padding ul.menu > li > a,
.is-sticky #navigation.header-6.menu-item-padding ul.menu > li > a,
.is-sticky #navigation.header-9.menu-item-padding ul.menu > li > a {
height: 58px;
}
.is-sticky #navigation.header-10.penci-logo-overflow #logo,
.is-sticky #navigation.header-11.penci-logo-overflow #logo {
height: 58px !important;
}
.is-sticky #navigation.header-10 #logo img,
.is-sticky #navigation.header-11 #logo img {
max-height: 58px;
}
.is-sticky #navigation.header-11 .menu > li > a,
.is-sticky #navigation.header-11 ul.menu > li > a,
.is-sticky #navigation.header-10 .menu > li > a,
.is-sticky #navigation.header-10 ul.menu > li > a {
line-height: 58px;
}
#navigation.header-10.menu-item-padding,
#navigation.header-11.menu-item-padding,
#navigation.header-6.menu-item-padding,
#navigation.header-9.menu-item-padding,
#navigation.header-10.menu-item-padding ul.menu > li > a,
#navigation.header-11.menu-item-padding ul.menu > li > a,
#navigation.header-6.menu-item-padding ul.menu > li > a,
#navigation.header-9.menu-item-padding ul.menu > li > a {
height: 81px;
}
#navigation.header-2.menu-item-padding ul.menu > li > a,
#navigation.header-3.menu-item-padding ul.menu > li > a,
#navigation.header-5.menu-item-padding ul.menu > li > a,
#navigation.header-8.menu-item-padding ul.menu > li > a {
height: 60px;
margin-top: -1px;
}
.is-sticky #navigation.header-2.menu-item-padding ul.menu > li > a,
.is-sticky #navigation.header-3.menu-item-padding ul.menu > li > a,
.is-sticky #navigation.header-5.menu-item-padding ul.menu > li > a,
.is-sticky #navigation.header-8.menu-item-padding ul.menu > li > a {
height: 58px;
margin-top: 0;
}
#navigation.header-1.menu-item-padding,
#navigation.header-4.menu-item-padding,
#navigation.header-6.menu-item-padding,
#navigation.header-7.menu-item-padding,
#navigation.header-9.menu-item-padding {
border-top: none !important;
}
.is-sticky #navigation.menu-item-padding,
.is-sticky #navigation.menu-item-padding {
height: 58px;
border: none !important;
}
#navigation-sticky-wrapper:not(.is-sticky) .menu .sub-menu,
#navigation-sticky-wrapper:not(.is-sticky) .menu .children {
margin-top: -1px;
}
}
@-moz-document url-prefix() {
#navigation.menu-style-2 ul.menu > li.megamenu > ul.sub-menu:before {
top: 0;
}
}
.penci-menu-hbg,
#sidebar-nav {
position: fixed;
top: 0;
height: 100%;
z-index: 99997;
width: 270px;
overflow-y: auto;
padding: 30px 20px 20px;
background: #ffffff;
left: 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transform: translateX(-270px);
-webkit-transform: translateX(-270px);
-moz-transform: translateX(-270px);
}
.penci-menu-hbg.penci-vernav-show {
z-index: 10;
}
@media only screen and (min-width: 961px) {
#sidebar-nav {
display: none;
}
}
#sidebar-nav #logo {
display: none !important;
}
#sidebar-nav #logo + ul {
border-top: 1px solid #DEDEDE;
}
.penci-menu-hbg {
width: 330px;
transform: translateX(-330px);
-webkit-transform: translateX(-330px);
-moz-transform: translateX(-330px);
}
.admin-bar .penci-menu-hbg {
padding-top: 62px;
}
.open-sidebar-nav #sidebar-nav {
left: 270px;
}
.penci-menuhbg-open .penci-menu-hbg.penci-menu-hbg-left {
left: 330px;
}
.penci-menu-hbg::-webkit-scrollbar {
width: 0;
}
#sidebar-nav::-webkit-scrollbar {
width: 6px;
background: #848484;
}
#sidebar-nav::-webkit-scrollbar-thumb {
background-color: #313131;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
#sidebar-nav::-webkit-scrollbar-corner {
background-color: #DEDEDE;
}
#sidebar-nav-logo {
padding: 0 20px 20px;
text-align: center;
margin: 0 0 15px 0;
position: relative;
}
#sidebar-nav-logo:before {
content: "";
width: 60px;
height: 1px;
background: #6eb48c;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -30px;
}
.header-social.sidebar-nav-social {
margin: 0 0 43px 0;
padding: 0 10px;
}
.header-social.sidebar-nav-social .inner-header-social:before,
.header-social.sidebar-nav-social .inner-header-social:after {
content: none;
}
.header-social.sidebar-nav-social a i {
color: #313131;
}
.penci-menu-hbg .header-social.sidebar-nav-social a i {
font-size: 14px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.header-social.sidebar-nav-social a i:hover {
color: #6eb48c;
}
.penci-menu-hbg .header-social.penci-hbg-social-style-2 a,
.penci-menu-hbg .header-social.penci-hbg-social-style-4 a {
margin: 0 3px 6px;
}
.penci-menu-hbg .header-social.penci-hbg-social-style-2 a i,
.penci-menu-hbg .header-social.penci-hbg-social-style-4 a i {
width: 36px;
height: 36px;
line-height: 34px;
background: none;
border: 1px solid #E0E0E0;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
margin: 0;
display: inline-block;
text-align: center;
}
.penci-menu-hbg .header-social.penci-hbg-social-style-2 a:hover i {
background: #6eb48c;
border-color: #6eb48c;
color: #fff;
}
.penci-menu-hbg .header-social.penci-hbg-social-style-2.hgb-social-style-3 a i,
.penci-menu-hbg .header-social.penci-hbg-social-style-4.hgb-social-style-5 a i {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.penci-menu-hbg .header-social.penci-hbg-social-style-4 a i,
.penci-menu-hbg .header-social.penci-hbg-social-style-4 a:hover i,
.penci-social-colored ul.footer-socials li a i {
color: #fff !important;
border: none !important;
line-height: 36px;
}
.penci-menu-hbg .header-social.penci-hbg-social-style-4 a:hover i,
.penci-social-colored ul.footer-socials li a:hover i {
opacity: 0.85;
}
.tags-share-box.tags-share-box-s2 .post-share-facebook,
.penci-social-facebook .penci-social-content,
.penci-social-colored a i.fa-facebook,
.penci-social-colored a i.fa-facebook-f {
background: #0d47a1 !important;
}
.tags-share-box.tags-share-box-s2 .post-share-twitter,
.penci-social-twitter .penci-social-content,
.penci-social-colored a i.fa-twitter {
background: #40c4ff !important;
}
.penci-social-colored a i.fa-google-plus {
background: #eb4026 !important;
}
.penci-social-instagram .penci-social-content,
.penci-social-colored a i.fa-instagram {
background: #4D7A9E !important;
background: radial-gradient(circle farthest-corner at 35% 90%, #ffa100, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #efa11c, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #8f44c7, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d43178, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%) !important;
}
.tags-share-box.tags-share-box-s2 .post-share-pinterest,
.penci-social-pinterest .penci-social-content,
.penci-social-colored a i.fa-pinterest {
background: #bd081c !important;
}
.tags-share-box.tags-share-box-s2 .post-share-linkedin,
.penci-social-linkedin .penci-social-content,
.penci-social-colored a i.fa-linkedin,
.penci-social-colored a i.fa-linkedin-in {
background: #0077b5 !important;
}
.penci-social-flickr .penci-social-content,
.penci-social-colored a i.fa-flickr {
background: #ff0084 !important;
}
.penci-social-behance .penci-social-content,
.penci-social-colored a i.fa-behance {
background: #053eff !important;
}
.tags-share-box.tags-share-box-s2 .post-share-tumblr,
.penci-social-tumblr .penci-social-content,
.penci-social-colored a i.fa-tumblr {
background: #34465d !important;
}
.penci-social-youtube .penci-social-content,
.penci-social-colored a i.fa-youtube-play,
.penci-social-colored a i.fa-youtube {
background: #ff0000 !important;
}
.tags-share-box.tags-share-box-s2 .post-share-email,
.penci-social-email .penci-social-content,
.penci-social-colored a i.fa-envelope-o,
.penci-social-colored a i.fa-envelope {
background: #0084ff !important;
}
.penci-social-vk .penci-social-content,
.penci-social-colored a i.fa-vk {
background: #4c75a3 !important;
}
.penci-social-heart .penci-social-content,
.penci-social-colored a i.fa-heart {
background: #000000 !important;
}
.penci-social-vine .penci-social-content,
.penci-social-colored a i.fa-vine {
background: #00B98A !important;
}
.penci-social-soundcloud .penci-social-content,
.penci-social-colored a i.fa-soundcloud {
background: #F76201 !important;
}
.penci-social-snapchat .penci-social-content,
.penci-social-colored a i.fa-snapchat-ghost,
.penci-social-colored a i.fa-snapchat {
background: #F6F600 !important;
}
.penci-social-spotify .penci-social-content,
.penci-social-colored a i.fa-spotify {
background: #22C95C !important;
}
.penci-social-github .penci-social-content,
.penci-social-colored a i.fa-github {
background: #302F2F !important;
}
.penci-social-stack .penci-social-content,
.penci-social-colored a i.fa-stack-overflow {
background: #F7A000 !important;
}
.penci-social-twitch .penci-social-content,
.penci-social-colored a i.fa-twitch {
background: #613FA0 !important;
}
.penci-social-vimeo .penci-social-content,
.penci-social-colored a i.fa-vimeo,
.penci-social-colored a i.fa-vimeo-v {
background: #00A8E8 !important;
}
.penci-social-steam .penci-social-content,
.penci-social-colored a i.fa-steam {
background: #BCBAB8 !important;
}
.penci-social-xing .penci-social-content,
.penci-social-colored a i.fa-xing {
background: #007C7C !important;
}
.tags-share-box.tags-share-box-s2 .post-share-whatsapp,
.penci-social-whatsapp .penci-social-content,
.penci-social-colored a i.fa-whatsapp {
background: #00E676 !important;
}
.tags-share-box.tags-share-box-s2 .post-share-telegram,
.penci-social-telegram .penci-social-content,
.penci-social-colored a i.fa-telegram {
background: #289FD9 !important;
}
.tags-share-box.tags-share-box-s2 .post-share-reddit,
.penci-social-reddit .penci-social-content,
.penci-social-colored a i.fa-reddit-alien {
background: #F74300 !important;
}
.penci-social-odnoklassniki .penci-social-content,
.penci-social-colored a i.fa-odnoklassniki {
background: #F18F00 !important;
}
.penci-social-500px .penci-social-content,
.penci-social-colored a i.fa-500px {
background: #00AAFF !important;
}
.tags-share-box.tags-share-box-s2 .post-share-stumbleupon,
.penci-social-stumbleupon .penci-social-content,
.penci-social-colored a i.fa-stumbleupon {
background: #EB4823 !important;
}
.penci-social-weixin .penci-social-content,
.penci-social-colored a i.fa-weixin {
background: #0FC91C !important;
}
.penci-social-weibo .penci-social-content,
.penci-social-colored a i.fa-weibo {
background: #DF152C !important;
}
.penci-social-rss .penci-social-content,
.penci-social-colored a i.fa-rss {
background: #F0941A !important;
}
.penci-social-line .penci-social-content,
.penci-social-colored a i.penci-icon-line,
.penci-social-colored a i.fa-line {
background: #01b901 !important;
}
.penci-social-viber .penci-social-content,
.penci-social-colored a i.penci-icon-viber,
.penci-social-colored a i.fa-viber {
background: #7d51a0 !important;
}
.penci-social-discord .penci-social-content,
.penci-social-colored a i.penci-icon-discord,
.penci-social-colored a i.fa-discord {
background: #7289da !important;
}
.tags-share-box.tags-share-box-s2 .post-share-line {
background: #01b901 !important;
}
.tags-share-box.tags-share-box-s2 .post-share-plike {
background: #6eb48c;
}
.penci-social-delicious .penci-social-content {
background: #6eb48c !important;
}
.penci-social-dribbble .penci-social-content {
background: #ea4c89 !important;
}
.penci-social-textcolored a i.fa-facebook,
.penci-social-textcolored a i.fa-facebook-f {
color: #0d47a1 !important;
}
.penci-social-textcolored a i.fa-twitter {
color: #40c4ff !important;
}
.penci-social-textcolored a i.fa-google-plus {
color: #eb4026 !important;
}
.penci-social-textcolored a i.fa-instagram {
color: #4D7A9E !important;
}
.penci-social-textcolored a i.fa-pinterest {
color: #bd081c !important;
}
.penci-social-textcolored a i.fa-linkedin,
.penci-social-textcolored a i.fa-linkedin-in {
color: #0077b5 !important;
}
.penci-social-textcolored a i.fa-flickr {
color: #ff0084 !important;
}
.penci-social-textcolored a i.fa-behance {
color: #053eff !important;
}
.penci-social-textcolored a i.fa-tumblr {
color: #34465d !important;
}
.penci-social-textcolored a i.fa-youtube-play,
.penci-social-textcolored a i.fa-youtube {
color: #ff0000 !important;
}
.penci-social-textcolored a i.fa-envelope-o,
.penci-social-textcolored a i.fa-envelope {
color: #0084ff !important;
}
.penci-social-textcolored a i.fa-vk {
color: #4c75a3 !important;
}
.penci-social-textcolored a i.fa-heart {
color: #000000 !important;
}
.penci-social-textcolored a i.fa-vine {
color: #00B98A !important;
}
.penci-social-textcolored a i.fa-soundcloud {
color: #F76201 !important;
}
.penci-social-textcolored a i.fa-snapchat-ghost,
.penci-social-textcolored a i.fa-snapchat {
color: #F6F600 !important;
}
.penci-social-textcolored a i.fa-spotify {
color: #22C95C !important;
}
.penci-social-textcolored a i.fa-github {
color: #302F2F !important;
}
.penci-social-textcolored a i.fa-stack-overflow {
color: #F7A000 !important;
}
.penci-social-textcolored a i.fa-twitch {
color: #613FA0 !important;
}
.penci-social-textcolored a i.fa-vimeo,
.penci-social-textcolored a i.fa-vimeo-v {
color: #00A8E8 !important;
}
.penci-social-textcolored a i.fa-steam {
color: #BCBAB8 !important;
}
.penci-social-textcolored a i.fa-xing {
color: #007C7C !important;
}
.penci-social-textcolored a i.fa-whatsapp {
color: #00E676 !important;
}
.penci-social-textcolored a i.fa-telegram {
color: #289FD9 !important;
}
.penci-social-textcolored a i.fa-reddit-alien {
color: #F74300 !important;
}
.penci-social-textcolored a i.fa-odnoklassniki {
color: #F18F00 !important;
}
.penci-social-textcolored a i.fa-500px {
color: #00AAFF !important;
}
.penci-social-textcolored a i.fa-stumbleupon {
color: #EB4823 !important;
}
.penci-social-textcolored a i.fa-weixin {
color: #0FC91C !important;
}
.penci-social-textcolored a i.fa-weibo {
color: #DF152C !important;
}
.penci-social-textcolored a i.fa-rss {
color: #F0941A !important;
}
.penci-social-textcolored a i.penci-icon-line,
.penci-social-textcolored a i.fa-line {
color: #01b901 !important;
}
.penci-social-textcolored a i.penci-icon-viber,
.penci-social-textcolored a i.fa-viber {
color: #7d51a0 !important;
}
.penci-social-textcolored a i.penci-icon-discord,
.penci-social-textcolored a i.fa-discord {
color: #7289da !important;
}
.penci-menu-hbg .menu,
#sidebar-nav .menu {
margin: 0;
list-style: none;
}
.penci-menu-hbg .menu li,
#sidebar-nav .menu li {
display: block;
border-bottom: 1px solid #DEDEDE;
padding: 0;
margin-bottom: 0;
}
.penci-menu-hbg .menu li.penci-mega-menu .sub-menu a:empty {
padding: 0;
display: none;
}
.penci-menu-hbg .menu li.penci-mega-menu .sub-menu a:blank {
padding: 0;
display: none;
}
.penci-menu-hbg .menu li.penci-mega-menu .sub-menu .penci-megamenu a:not(.mega-cat-child) {
padding: 0;
display: none;
}
.penci-menu-hbg .menu > li:last-child,
.penci-menu-hbg .menu ul > li:last-child,
#sidebar-nav .menu > li:last-child,
#sidebar-nav .menu ul > li:last-child {
border-bottom: none;
}
.penci-menu-hbg .menu li a,
#sidebar-nav .menu li a {
font-size: 13px;
font-weight: normal;
letter-spacing: 0;
text-transform: uppercase;
color: #313131;
margin: 0;
position: relative;
padding: 13px 0 13px 0;
display: block;
line-height: 1.3em;
font-family: 'Raleway', sans-serif;
font-weight: bold;
}
.penci-menu-hbg .menu li a {
text-decoration: none;
}
.penci-menu-hbg .menu li.menu-item-has-children a,
#sidebar-nav .menu li.menu-item-has-children a {
padding-right: 17px;
}
.penci-menu-hbg .menu li a:hover,
#sidebar-nav .menu li a:hover {
color: #6eb48c;
}
.penci-menu-hbg .menu li a > i,
#sidebar-nav .menu li a > i {
display: none;
}
.penci-menu-hbg ul.sub-menu,
#sidebar-nav ul.sub-menu {
border-top: 1px solid #DEDEDE;
display: none;
padding: 10px 0 10px 12px;
}
.penci-menu-hbg ul.sub-menu {
margin: 0;
}
.penci-menu-hbg ul.sub-menu ul.sub-menu,
#sidebar-nav ul.sub-menu ul.sub-menu {
border: none;
padding: 5px 0 5px 12px;
}
.penci-menu-hbg ul.sub-menu ul.sub-menu,
#sidebar-nav ul.sub-menu ul.sub-menu {
padding-right: 0;
}
.penci-menu-hbg ul.sub-menu li,
#sidebar-nav ul.sub-menu li {
overflow: hidden;
border: none;
}
.penci-menu-hbg ul.sub-menu li a,
#sidebar-nav ul.sub-menu li a {
margin: 0 0 0 0;
padding: 10px 0;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.penci-menu-hbg .menu li a .indicator,
#sidebar-nav .menu li a .indicator {
text-decoration: none;
position: absolute;
top: 0;
right: 0;
height: 100%;
z-index: 20;
font-size: 17px;
font-style: normal;
text-align: right;
padding: 11px 0 11px 5px;
line-height: 1;
color: inherit !important;
opacity: 0.85;
}
.penci-menu-hbg .menu .sub-menu li a .indicator,
#sidebar-nav .menu .sub-menu li a .indicator {
padding: 8px 0 8px 5px;
}
.penci-menu-hbg .menu li a .indicator:hover,
.penci-menu-hbg .menu .sub-menu li a .indicator:hover
#sidebar-nav .menu li a .indicator:hover,
#sidebar-nav .menu .sub-menu li a .indicator:hover {
color: #6eb48c;
}
.penci-menu-hbg ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu,
#sidebar-nav ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu {
display: block;
padding: 0;
}
.penci-menu-hbg ul.menu > li.megamenu > ul.sub-menu > li > a,
#sidebar-nav ul.menu > li.megamenu > ul.sub-menu > li > a {
display: none;
}
.fa-angle-double-up:before {
content: "\f102";
}
.penci-menu-hbg-overlay,
#close-sidebar-nav {
position: fixed;
visibility: hidden;
opacity: 0;
text-decoration: none;
top: 0;
left: 0;
font-size: 1.4em;
color: #313131;
padding: 10px;
height: 100%;
background: rgba(0, 0, 0, .8);
right: 0;
z-index: 99996;
cursor: pointer;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.penci-menuhbg-open .penci-menu-hbg-overlay {
left: 0;
opacity: 1;
visibility: visible;
}
.open-sidebar-nav #close-sidebar-nav {
left: 270px;
opacity: 1;
visibility: visible;
}
#close-sidebar-nav i {
display: none;
width: 24px;
height: 24px;
background-color: #fff;
line-height: 24px;
text-align: center;
border-radius: 12px;
font-size: 14px;
}
.penci-menu-hbg {
background-repeat: no-repeat;
background-position: center center;
}
.penci-menuhbg-wapper {
float: right;
width: 18px;
margin-right: 12px;
text-align: center;
}
.penci-menuhbg-toggle {
padding: 0;
width: 18px;
line-height: 20px;
background-position: right top;
background-repeat: no-repeat;
box-sizing: content-box;
-moz-box-sizing: content-box;
display: flex;
align-items: center;
height: 58px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.penci-menuhbg-toggle .penci-menuhbg-inner {
transition: -webkit-transform 0.33s 0.3s ease-in;
transition: transform 0.33s 0.3s ease-in;
-webkit-transform-origin: center;
transform-origin: center;
display: block;
height: 20px;
position: relative;
width: 100%;
overflow: hidden;
}
.penci-menuhbg-toggle .penci-lines {
height: 2px;
display: block;
width: 18px;
background-color: transparent;
position: relative;
transition: background 0.2s ease, opacity 0.2s ease;
}
.penci-menuhbg-toggle .penci-lines:before {
top: 5px;
transition: transform 0.65s cubic-bezier(0.3, 1, 0.3, 1) 0s, background-color 0.2s ease, opacity 0.2s ease;
}
.penci-menuhbg-toggle .penci-lines:after {
top: -5px;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transition: transform 0.65s cubic-bezier(0.3, 1, 0.3, 1) 0.08s, background-color 0.2s ease, opacity 0.2s ease;
}
.penci-menuhbg-toggle .penci-lines:before, .penci-menuhbg-toggle .penci-lines:after {
display: block;
width: 100%;
height: 2px;
position: absolute;
left: 0;
content: '';
background-color: #313131;
}
.penci-menuhbg-toggle .lines-button {
cursor: pointer;
line-height: 0 !important;
top: 9px;
position: relative;
font-size: 0 !important;
user-select: none;
display: block;
}
.penci-menuhbg-toggle .lines-button.penci-hover-effect {
left: -30px;
margin-top: -2px;
}
.penci-menuhbg-toggle .lines-button:after {
height: 2px;
display: inline-block;
width: 100%;
position: absolute;
left: 0;
top: 0;
content: '';
background-color: #313131;
transition: transform 0.65s cubic-bezier(0.3, 1, 0.3, 1) 0.04s, background-color 0.2s ease, opacity 0.2s ease;
}
.penci-menuhbg-toggle.closed .penci-menuhbg-inner {
transition: -webkit-transform 0.33s 0s ease;
transition: transform 0.33s 0s ease;
}
.penci-menuhbg-toggle:hover .lines-button:after,
.penci-menuhbg-toggle:hover .penci-lines:before,
.penci-menuhbg-toggle:hover .penci-lines:after {
background: #6eb48c;
}
.penci-menuhbg-toggle:hover .lines-button:after,
.penci-menuhbg-toggle:hover .penci-lines:before,
.penci-menuhbg-toggle:hover .penci-lines:after {
transform: translateX(30px);
}
.penci-menu-hbg-inner #penci-close-hbg {
position: absolute;
top: 10px;
left: 15px;
cursor: pointer;
z-index: 1;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
width: 20px;
height: 20px;
display: block;
overflow: hidden;
}
.penci-menu-hbg-inner #penci-close-hbg i {
display: none;
}
.admin-bar .penci-menu-hbg #penci-close-hbg {
top: 40px;
}
.penci-menu-hbg-inner #penci-close-hbg:before,
.penci-menu-hbg-inner #penci-close-hbg:after {
content: '';
height: 100%;
width: 2px;
backface-visibility: hidden;
position: absolute;
border-radius: 5px;
background: #888;
left: 9px;
transition: opacity 0.2s ease, background-color 0.2s ease;
}
.penci-menu-hbg-inner #penci-close-hbg:before {
transform: rotate(45deg);
}
.penci-menu-hbg-inner #penci-close-hbg:after {
transform: rotate(-45deg);
}
.penci-menu-hbg-inner #penci-close-hbg:hover {
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}
.penci-menu-hbg-inner #penci-close-hbg:hover:before,
.penci-menu-hbg-inner #penci-close-hbg:hover:after {
background-color: #111;
}
.penci-menu-hbg-inner .penci-hbg_sitetitle {
font-weight: bold;
font-size: 18px;
margin-top: 15px;
line-height: 1.3;
font-family: 'Raleway', sans-serif;
font-weight: bold;
}
.penci-menu-hbg-inner .penci-hbg_desc {
margin-top: 10px;
line-height: 1.45;
font-size: 14px;
}
.penci-menu-hbg-inner .penci-hbg-header {
text-align: center;
margin-bottom: 30px;
}
.penci-hbg-header .penci-lazy[src*="penci-holder"] {
width: auto;
height: auto;
}
.penci-hbg-header .penci-hbg-logo .penci-lazy[src*="penci-holder"] {
background: none;
}
.penci-menu-hbg-inner .menu-hamburger-navigation {
margin-bottom: 30px;
}
.penci-menu-hbg-widgets1 {
margin-top: 40px;
}
.penci-menu-hbg-widgets2 {
margin-top: 40px;
}
.penci-menu-hbg .penci-sidebar-content .widget {
margin-bottom: 40px;
}
.penci-menu-hbg-inner .header-social.sidebar-nav-social {
text-align: left;
padding-left: 0;
padding-right: 0;
margin: 26px -3px 0;
}
.penci-menu-hbg-inner .penci-hbg-footer {
margin-bottom: 0;
margin-top: 30px;
}
.penci_menu_hbg_ftext {
line-height: 1.6;
}
.penci-menu-hbg {
padding-bottom: 30px;
}
.penci-menu-hbg.penci-menu-hbg-left #penci-close-hbg {
left: auto;
right: 10px;
}
.penci-menu-hbg-inner .penci-sidebar-content {
width: 100% !important;
float: none !important;
}
.penci-menu-hbg.penci-menu-hbg-right {
right: 0;
left: auto;
transform: translateX(330px);
-webkit-transform: translateX(330px);
-moz-transform: translateX(330px);
}
.penci-menuhbg-open .penci-menu-hbg.penci-menu-hbg-right {
transform: translateX(0);
}
#navigation.header-4 .penci-menuhbg-wapper,
#navigation.header-5 .penci-menuhbg-wapper {
float: none;
vertical-align: top;
display: inline-block;
}
.wrap-social-search {
display: inline-block;
vertical-align: top;
}
#top-search {
float: right;
width: 20px;
text-align: center;
}
#top-search.shoping-cart-icon {
margin-right: 15px;
}
#top-search.shoping-cart-icon.clear-right,
#navigation.header-4 #top-search.shoping-cart-icon,
#navigation.header-5 #top-search.shoping-cart-icon,
#navigation.header-6 #top-search.shoping-cart-icon {
margin-right: 0;
}
#top-search > a {
height: 58px;
font-size: 14px;
line-height: 58px;
color: #313131;
cursor: pointer;
background: none;
display: block;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#top-search > a:hover {
}
#top-search > a > i {
width: 20px;
}
#top-search.shoping-cart-icon > a {
position: relative;
}
#top-search.shoping-cart-icon > a > i {
font-size: 17px;
}
#top-search.shoping-cart-icon > a > span {
position: absolute;
z-index: 1;
width: 14px;
height: 14px;
display: inline-block;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
top: 12px;
right: -4px;
background: #6eb48c;
color: #fff;
text-align: center;
white-space: nowrap;
line-height: 14px;
font-size: 8px;
font-family: 'PT Serif', serif;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
}
body:not(.penci-fawesome-ver5) .shoping-cart-icon > a i.fas.fa-shopping-cart {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#navigation.header-6 #top-search.shoping-cart-icon > a > span {
top: 23px;
}
.is-sticky #navigation.header-6 #top-search.shoping-cart-icon > a > span {
top: 12px;
}
#top-search .fa-shopping-bag:before {
content: "\f07a";
font-family: FontAwesome;
}
.penci-fawesome-ver5 #top-search .fa-shopping-bag:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.show-search {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 58px;
background: #fff;
text-align: left;
z-index: 200;
display: none;
}
.show-search #searchform input.search-input {
padding: 15px 35px 15px 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
border: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 3;
color: #313131;
height: 58px;
line-height: 28px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background: none;
font-weight: normal;
letter-spacing: 1px;
font-size: 13px;
}
.show-search a.close-search {
position: absolute;
width: 20px;
height: 60px;
display: inline-block;
right: 0;
top: 0;
z-index: 5;
text-align: center;
line-height: 60px;
font-size: 16px;
cursor: pointer;
color: #313131;
}
.penci-header-trans .show-search #searchform input.search-input {
padding-left: 15px;
}
.penci-header-trans .show-search a.close-search {
right: 15px;
}
.main-nav-social {
display: inline-block;
text-align: left;
margin: 0 13px 0 0;
float: right;
line-height: 58px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#navigation.header-4 .main-nav-social,
#navigation.header-5 .main-nav-social {
float: none;
vertical-align: top;
margin: 0 0 0 30px;
}
.main-nav-social .inner-header-social {
display: inline-block;
vertical-align: top;
position: relative;
}
.main-nav-social a {
float: left;
display: inline-block;
vertical-align: top;
margin-right: 10px;
color: #313131;
font-size: 14px;
}
.main-nav-social a:last-child {
margin-right: 0;
}
.main-nav-social a:hover {
color: #6eb48c;
}
#navigation.header-6 .main-nav-social {
line-height: 80px;
margin: 0 0 0 30px;
}
.is-sticky #navigation.header-6 .main-nav-social {
line-height: 58px;
}
#navigation.header-4 .penci-menuhbg-toggle,
#navigation.header-5 .penci-menuhbg-toggle,
#navigation.header-6 .penci-menuhbg-toggle,
#navigation.header-4 #top-search,
#navigation.header-5 #top-search,
#navigation.header-6 #top-search {
margin-left: 15px;
}
#header {
margin-bottom: 60px;
position: relative;
}
.page-template-page-fullwidth #header {
margin-bottom: 0;
}
.page-template-page-fullwidth .clear-footer {
height: 0;
margin-bottom: 0;
}
.header-header-1.has-bottom-line,
.header-header-4.has-bottom-line,
.header-header-7.has-bottom-line {
border-bottom: 1px solid #ECECEC;
}
.header-header-1.has-bottom-line.penci-vernav-hide-innerhead,
.header-header-4.has-bottom-line.penci-vernav-hide-innerhead,
.header-header-7.has-bottom-line.penci-vernav-hide-innerhead {
border-bottom: none;
}
#header .inner-header {
width: 100%;
background-size: cover;
position: relative;
background-position: center center;
background-repeat: no-repeat;
}
#header .inner-header .container {
padding: 40px 0;
text-align: center;
position: relative;
overflow: hidden;
}
.header-style-header-3 #header .inner-header .container {
display: table;
}
#logo {
text-align: center;
}
.container.align-left-logo #logo {
text-align: left;
}
.container.has-banner #logo {
display: table-cell;
vertical-align: middle;
width: 400px;
}
.container.has-banner .header-banner {
display: table-cell;
vertical-align: middle;
width: 770px;
text-align: right;
}
.penci-header-trans .penci-header-wrap {
position: absolute;
z-index: 10000;
left: 0;
right: 0;
}
.penci-header-trans .penci-header-wrap #header {
margin-bottom: 0;
}
.penci-header-trans .penci-header-second {
box-shadow: none;
border: 0;
}
.penci-header-trans .penci-header-signup-form {
margin-top: 0;
}
.penci-header-trans .is-sticky #logo .penci-logo,
.penci-header-trans #logo .penci-logo-sticky {
display: none;
}
.penci-header-trans .is-sticky #logo .penci-logo-sticky {
display: block;
position: static;
visibility: visible;
opacity: 1;
}
@media only screen and (min-width: 960px) {
#navigation.header-11 {
background: transparent !important;
}
#navigation.header-11 .container {
background: #fff;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
padding-left: 20px;
padding-right: 20px;
}
#navigation.header-11.header-layout-bottom {
box-shadow: none;
border: 0;
}
.penci-header-trans .header-style-header-1 .penci-header-wrap > #navigation,
.penci-header-trans .header-style-header-4 .penci-header-wrap > #navigation,
.penci-header-trans .header-style-header-7 .penci-header-wrap > #navigation,
.penci-header-trans .header-style-header-11 #header > #navigation .container,
.penci-header-trans .header-style-header-10 #header > #navigation,
.penci-header-trans .header-style-header-9 #header > #navigation,
.penci-header-trans .header-style-header-8 #header > #navigation,
.penci-header-trans .header-style-header-6 #header > #navigation,
.penci-header-trans .header-style-header-5 #header > #navigation,
.penci-header-trans .header-style-header-2 #header > #navigation,
.penci-header-trans .header-style-header-3 #header > #navigation {
background: transparent !important;
border-top-color: transparent !important;
border-bottom-color: transparent !important;
}
.penci-header-trans .sticky-wrapper:not( .is-sticky ) #navigation.header-11 .container,
.penci-header-trans .sticky-wrapper:not( .is-sticky ) #navigation {
background: transparent !important;
border-top-color: transparent !important;
border-bottom-color: transparent !important;
}
#navigation.header-10.penci-logo-overflow #logo,
#navigation.header-11.penci-logo-overflow #logo {
z-index: 199;
position: relative;
height: 80px !important;
line-height: 1 !important;
}
#navigation.header-10.penci-logo-overflow #logo a,
#navigation.header-11.penci-logo-overflow #logo a {
position: absolute;
top: 0;
width: 100%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
#navigation.header-10.penci-logo-overflow #logo img,
#navigation.header-11.penci-logo-overflow #logo img {
height: auto !important;
max-height: inherit;
margin-top: 0 !important;
z-index: 199;
}
}
.header-slogan {
margin: 17px 0 0 0;
text-align: center;
line-height: 1;
}
.header-slogan .header-slogan-text {
margin: 0;
font-size: 14px;
font-weight: bold;
line-height: 1.5;
font-style: italic;
color: #313131;
display: inline-block;
position: relative;
font-family: 'PT Serif', serif;
padding: 0 15px;
letter-spacing: 1px;
vertical-align: top;
}
.header-slogan .header-slogan-text:before,
.header-slogan .header-slogan-text:after {
content: "";
position: absolute;
top: 50%;
height: 1px;
display: block;
width: 60px;
background: #313131;
left: 100%;
}
.header-slogan .header-slogan-text:before {
left: auto;
right: 100%;
}
.header-social {
display: block;
text-align: center;
margin: 20px 0 0;
}
.header-social .inner-header-social {
display: inline-block;
vertical-align: top;
position: relative;
}
.header-social a {
float: left;
display: inline-block;
vertical-align: top;
margin-right: 13px;
}
.header-social a:last-child {
margin-right: 0;
}
.header-social a i {
font-size: 14px;
color: #313131;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.header-social a:hover i {
color: #6eb48c;
}
.featured-area {
margin-top: -56px;
margin-bottom: 60px;
position: relative;
}
.penci-block-el.featured-area,
.penci-block-vc.featured-area {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.featured-area:before,
.featured-area:after {
content: '';
display: table;
clear: both;
}
.featured-area.featured-style-2,
.featured-area.featured-style-6 {
margin-top: -50px;
}
.penci-vernav-enable #header + .featured-area {
margin-top: -60px;
}
.penci-vernav-enable #header + .featured-area.featured-style-1,
.penci-vernav-enable #header + .featured-area.featured-style-4:not(.style-5),
.penci-vernav-enable #header + .featured-area.featured-style-8,
.penci-vernav-enable #header + .featured-area.featured-style-10,
.penci-vernav-enable #header + .featured-area.featured-style-12,
.penci-vernav-enable #header + .featured-area.featured-style-14,
.penci-vernav-enable #header + .featured-area.featured-style-16,
.penci-vernav-enable #header + .featured-area.featured-style-18,
.penci-vernav-enable #header + .featured-area.featured-style-19,
.penci-vernav-enable #header + .featured-area.featured-style-20,
.penci-vernav-enable #header + .featured-area.featured-style-21,
.penci-vernav-enable #header + .featured-area.featured-style-22,
.penci-vernav-enable #header + .featured-area.featured-style-23,
.penci-vernav-enable #header + .featured-area.featured-style-24,
.penci-vernav-enable #header + .featured-area.featured-style-25,
.penci-vernav-enable #header + .featured-area.featured-style-26,
.penci-vernav-enable #header + .featured-area.featured-style-27,
.penci-vernav-enable #header + .featured-area.featured-style-29.style-30,
.penci-vernav-enable #header + .featured-area.featured-style-32,
.penci-vernav-enable #header + .featured-area.featured-style-35.style-36 {
margin-top: -30px;
}
.penci-vernav-enable #header + .featured-area.featured-style-28,
.penci-vernav-enable #header + .featured-area.featured-style-38 {
margin-top: -56px;
}
.penci-vernav-enable #header + .featured-area.featured-style-2,
.penci-vernav-enable #header + .featured-area.featured-style-6,
.penci-vernav-enable #header + .featured-area.featured-style-37 {
margin-top: -50px;
}
.penci-vernav-enable #header + .penci-header-signup-form {
margin-top: -60px;
}
.single.penci-vernav-enable.penci-body-single-style-10.penci-show-pthumb:not(.single-portfolio) #header + .penci-header-signup-form,
.single.penci-vernav-enable.penci-body-single-style-9.penci-body-title-bellow.penci-show-pthumb:not(.single-portfolio) #header + .penci-header-signup-form,
.single.penci-vernav-enable.penci-body-single-style-7.penci-body-title-bellow.penci-show-pthumb:not(.single-portfolio) #header + .penci-header-signup-form,
.single.penci-vernav-enable.penci-body-single-style-4.penci-body-title-bellow.penci-show-pthumb:not(.single-portfolio) #header + .penci-header-signup-form,
.single.penci-vernav-enable.penci-body-single-style-5.penci-show-pthumb:not(.single-portfolio) #header + .penci-header-signup-form {
margin-top: 0;
}
.featured-area.featured-video {
background: #fafafa url(../Images/loading.gif) no-repeat center center;
}
.wrapper-boxed.penci-page-hide-header .featured-area {
margin-top: 0;
}
.dark-layout-enabled .featured-area.featured-video {
background-color: #2d2d2d;
background-image: url(../Images/loading2.gif);
}
.featured-area.featured-video > div {
visibility: hidden;
}
.featured-area.featured-video.loaded-wait > div {
visibility: visible;
}
.featured-area.featured-video.loaded-wait {
background: none;
}
.penci-owl-carousel .owl-item .owl-lazy {
opacity: 1;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none
}
.penci-owl-carousel .owl-nav .owl-prev,
.penci-owl-carousel .owl-nav .owl-next {
width: 34px;
height: 34px;
display: inline-block;
vertical-align: top;
background: #fff;
color: #010101;
font-size: 18px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position: absolute;
z-index: 10;
top: 50%;
margin-top: -18px;
left: 20px;
line-height: 34px;
text-align: center;
opacity: 0;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
border: none;
}
.penci-owl-carousel .owl-nav .owl-prev i,
.penci-owl-carousel .owl-nav .owl-next i {
line-height: inherit;
}
.penci-nav-visible .owl-nav .owl-prev,
.penci-nav-visible .owl-nav .owl-next {
opacity: 0.5;
}
.penci-owl-carousel .owl-nav.disabled {
display: none;
}
.penci-owl-carousel .owl-nav.disabled .owl-prev,
.penci-owl-carousel .owl-nav.disabled .owl-next {
display: none !important;
}
.penci-owl-carousel .owl-nav .owl-next {
left: auto;
right: 20px;
}
.penci-owl-carousel:hover .owl-nav .owl-prev,
.penci-owl-carousel:hover .owl-nav .owl-next {
opacity: 0.8;
}
.penci-owl-carousel .owl-nav .owl-prev:hover,
.penci-owl-carousel .owl-nav .owl-next:hover {
opacity: 1;
}
.penci-custom-slides .penci-owl-carousel .owl-dots,
.penci-owl-carousel .owl-dots {
position: absolute;
bottom: 15px;
z-index: 10;
width: 100%;
text-align: center;
left: 0;
}
.penci-owl-carousel .owl-dots.disabled {
display: none !important;
}
.penci-custom-slides .penci-owl-carousel .owl-dot,
.penci-owl-carousel .owl-dot {
display: inline-block;
margin: 0 3px;
vertical-align: top;
background: none;
border: none;
}
.penci-owl-carousel .owl-dot span {
width: 10px;
height: 10px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border: 2px solid #fff;
background: rgba(0, 0, 0, 0.3);
display: inline-block;
vertical-align: top;
}
.penci-owl-carousel .owl-dot.active span {
background: #fff;
}
.penci-enSticky .penci-sticky-ct.elementor-column,
.penci-enSticky .penci-sticky-sb.elementor-column {
display: block !important;
}
.penci-featured-content {
position: absolute;
display: block;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 25px;
}
.penci-featured-content .feat-text {
max-width: 480px;
width: 100%;
display: block;
margin: 0 auto;
padding: 23px 10px 21px;
position: relative;
text-align: center;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
opacity: 0;
}
.penci-owl-carousel.owl-loaded .active .penci-featured-content .feat-text {
-webkit-animation-name: pencitextslider;
-moz-animation-name: pencitextslider;
-o-animation-name: pencitextslider;
animation-name: pencitextslider;
}
@-webkit-keyframes pencifade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes pencifade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes pencifade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes pencifade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes pencitextslider {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-moz-keyframes pencitextslider {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-o-keyframes pencitextslider {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes pencitextslider {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes pencitextslide {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-moz-keyframes pencitextslide {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-o-keyframes pencitextslide {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes pencitextslide {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.penci-featured-content .featured-slider-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: #000;
opacity: 0.7;
}
.penci-featured-content .feat-text .featured-cat {
z-index: 3;
position: relative;
margin-bottom: 5px;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
}
.penci-featured-content .feat-text .featured-cat a {
color: #fff;
text-decoration: none !important;
}
.penci-featured-content .feat-text h3 {
z-index: 3;
position: relative;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
}
.penci-featured-content .feat-text h3 a {
color: #fff;
font-size: 24px;
text-transform: uppercase;
text-decoration: none;
}
.penci-featured-content .feat-text .feat-meta {
z-index: 3;
position: relative;
margin-top: 6px;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
animation-delay: 1s;
-webkit-animation-delay: 1s;
}
.penci-featured-content .feat-text .feat-meta span {
color: #fff;
font-size: 13px;
}
.feat-meta span > time,
span.side-item-meta > time,
span.date > time {
font-size: inherit;
color: inherit;
text-decoration: inherit;
font-weight: inherit;
background: none;
font-style: inherit;
font-family: inherit;
}
.penci-featured-content .feat-text .feat-meta span a {
color: #fff;
font-size: inherit;
text-decoration: none !important;
}
.penci-featured-content .feat-text .feat-meta > span:after {
content: "";
display: inline-block;
margin: 0 11px 0 15px;
width: 0;
height: 10px;
border-left: 1px solid;
opacity: 0.35;
color: inherit;
}
.penci-featured-content .feat-text .feat-meta > span:last-of-type:after {
content: none;
display: none;
}
.penci-owl-carousel.owl-loaded .active .feat-text .featured-cat,
.penci-owl-carousel.owl-loaded .active .feat-text h3,
.penci-owl-carousel.owl-loaded .active .feat-text .feat-meta {
-webkit-animation-name: pencitextslide;
-moz-animation-name: pencitextslide;
-o-animation-name: pencitextslide;
animation-name: pencitextslide;
}
.featured-style-1 .penci-owl-carousel .penci-image-holder:before {
padding-top: 45%;
}
.featured-style-2 .penci-owl-carousel .penci-image-holder:before {
padding-top: 57%;
}
.featured-style-2 .penci-owl-carousel .owl-item .item {
width: 900px;
}
.featured-style-2 .penci-owl-carousel.owl-loaded .active .penci-featured-content .feat-text,
.featured-style-2 .penci-owl-carousel.owl-loaded .active .feat-text .featured-cat,
.featured-style-2 .penci-owl-carousel.owl-loaded .active .feat-text h3,
.featured-style-2 .penci-owl-carousel.owl-loaded .active .feat-text .feat-meta {
-webkit-animation-name: none;
-moz-animation-name: none;
-o-animation-name: none;
animation-name: none;
}
.featured-style-2 .penci-owl-carousel.owl-loaded .center .penci-featured-content .feat-text {
-webkit-animation-name: pencitextslider;
-moz-animation-name: pencitextslider;
-o-animation-name: pencitextslider;
animation-name: pencitextslider;
}
.featured-style-2 .penci-owl-carousel.owl-loaded .center .feat-text .featured-cat,
.featured-style-2 .penci-owl-carousel.owl-loaded .center .feat-text h3,
.featured-style-2 .penci-owl-carousel.owl-loaded .center .feat-text .feat-meta {
-webkit-animation-name: pencitextslide;
-moz-animation-name: pencitextslide;
-o-animation-name: pencitextslide;
animation-name: pencitextslide;
}
.featured-style-3 .penci-featured-content .feat-text {
max-width: 500px;
}
.featured-style-3 .penci-owl-carousel .penci-image-holder:before {
padding-top: 0;
height: 540px;
}
.featured-style-4 .penci-owl-carousel .penci-image-holder {
width: 67%;
}
.featured-style-4 .penci-owl-carousel .penci-image-holder:before {
height: 526px;
padding-top: 0;
}
.penci-slider4-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
background: -moz-linear-gradient(left, transparent 26%, #000 65%);
background: -webkit-gradient(linear, left top, right top, color-stop(26%, #000), color-stop(65%, transparent));
background: -webkit-linear-gradient(left, transparent 26%, #000 65%);
background: -o-linear-gradient(left, transparent 26%, #000 65%);
background: -ms-linear-gradient(left, transparent 26%, #000 65%);
background: linear-gradient(to right, transparent 26%, #000 65%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000', GradientType=1);
}
.featured-style-4 .penci-featured-content {
width: 40%;
padding: 0 20px;
right: 0;
z-index: 5;
}
.featured-style-4 .penci-featured-content .featured-slider-overlay {
background: none;
}
.featured-style-4 .penci-featured-content .feat-text h3 a {
font-weight: inherit;
letter-spacing: 0;
font-size: 26px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
line-height: 1.3;
font-family: inherit;
text-transform: uppercase;
}
.featured-style-4 .penci-featured-content .feat-text h3 a:hover {
opacity: 0.8;
}
.featured-style-4 .overlay-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.featured-style-4 .penci-featured-content .feat-text .featured-cat {
margin-bottom: 2px;
}
.featured-style-6 .penci-image-holder:before,
.featured-style-37 .penci-image-holder:before {
padding-top: 64%;
}
.featured-area .wrapper-item-classess {
width: 100%;
position: relative;
display: inline-block;
vertical-align: top;
}
.penci-item-mag {
position: relative;
}
.featured-style-6 .wrapper-item .penci-item-mag,
.featured-style-37 .penci-featured-items-left,
.featured-style-37 .penci-featured-items-right {
float: left;
display: inline-block;
width: 32.6%;
position: relative;
}
.featured-style-6 .wrapper-item .penci-item-1,
.featured-style-37 .penci-featured-items-left {
width: 67.4%;
border-right: 10px solid transparent;
}
.featured-style-6 .wrapper-item .penci-item-2 {
border-bottom: 5px solid transparent;
}
.featured-style-6 .wrapper-item .penci-item-0 {
border-top: 5px solid transparent;
}
.penci-slide-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.penci-slide-overlay .overlay-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: -moz-linear-gradient(top, transparent 60%, #000 100%);
background: -webkit-linear-gradient(top, transparent 60%, #000 100%);
background: -o-linear-gradient(top, transparent 60%, #000 100%);
background: -ms-linear-gradient(top, transparent 60%, #000 100%);
background: linear-gradient(to bottom, transparent 60%, #000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
-webkit-transition: opacity .4s ease 0s;
-moz-transition: opacity .4s ease 0s;
-o-transition: opacity .4s ease 0s;
transition: opacity .4s ease 0s;
opacity: 0.7;
}
.penci-item-mag:hover .penci-slide-overlay .overlay-link {
opacity: 0.9;
}
.penci-slide-overlay .penci-mag-featured-content {
position: absolute;
bottom: 16px;
left: 20px;
padding-right: 20px;
z-index: 5;
opacity: 0;
transition: opacity 0.4s;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
width: calc(100% - 20px);
}
.featured-area .active .penci-mag-featured-content,
.featured-style-7 .penci-mag-featured-content,
.featured-style-8 .penci-mag-featured-content {
opacity: 1;
}
.penci-mag-featured-content h3 {
line-height: 1.3;
}
.penci-mag-featured-content h3 a {
text-decoration: none;
text-transform: uppercase;
color: #fff;
font-size: 16px;
}
.penci-mag-featured-content h3 a:hover {
text-decoration: none;
}
.featured-style-37 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-6 .penci-item-1 .penci-mag-featured-content h3 a {
font-size: 24px;
}
.penci-mag-featured-content .cat > a.penci-cat-name {
color: #fff;
}
.penci-mag-featured-content .cat {
margin-bottom: 6px;
}
.penci-mag-featured-content .feat-meta > span:after {
content: "";
display: inline-block;
margin: 0 11px 0 15px;
width: 0;
height: 8px;
border-left: 1px solid;
opacity: 0.5;
}
.penci-mag-featured-content .feat-meta {
margin-top: 6px;
}
.penci-mag-featured-content .feat-meta > span:last-child:after {
content: none;
}
.penci-mag-featured-content .feat-meta span,
.penci-mag-featured-content .feat-meta a {
color: #fff;
font-size: 13px;
}
.featured-style-7 .penci-image-holder:before {
padding-top: 100%;
}
.featured-area.featured-style-14 .wrapper-item-classess,
.featured-area.featured-style-20 .wrapper-item-classess,
.featured-area.featured-style-21 .wrapper-item-classess,
.featured-area.featured-style-22 .wrapper-item-classess,
.featured-area.featured-style-23 .wrapper-item-classess,
.featured-area.featured-style-25 .wrapper-item-classess,
.featured-area.featured-style-26 .wrapper-item-classess,
.featured-area.featured-style-27 .wrapper-item-classess {
width: calc(100% + 4px);
margin-left: -2px;
}
.featured-style-8 .penci-image-holder:before {
padding-top: 135.416%;
}
.featured-style-8 .wrapper-item .penci-item-mag {
position: relative;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
}
.featured-style-9 .penci-image-holder:before {
padding-top: 80%;
}
.featured-style-9 .penci-mag-featured-content h3 a {
font-size: 18px;
}
.featured-style-9 .wrapper-item .penci-item-mag {
position: relative;
}
.featured-style-10 .penci-image-holder:before {
padding-top: 120%;
}
.featured-style-10 .wrapper-item .penci-item-mag {
position: relative;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
}
.featured-style-11 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-15 .penci-slide-overlay .penci-mag-featured-content {
left: 0;
padding: 0 20px;
text-align: center;
width: 100%;
}
.featured-style-11 .penci-image-holder:before {
padding-top: 56%;
}
.featured-style-11 .penci-mag-featured-content h3 a {
font-size: 24px;
}
.featured-style-11 .wrapper-item .penci-item-mag {
position: relative;
}
.featured-style-12 .penci-mag-featured-content h3 a {
font-size: 18px;
}
.featured-style-12 .wrapper-item .penci-item-mag {
position: relative;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
}
.featured-style-7 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-8 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-9 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-10 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-12 .penci-slide-overlay .penci-mag-featured-content {
text-align: center;
}
.featured-style-12 .penci-image-holder:before {
padding-top: 66.6667%;
}
.featured-style-13 .wrapper-item .penci-item-mag,
.featured-style-15 .wrapper-item .penci-item-mag {
float: left;
display: inline-block;
width: 25%;
position: relative;
}
.featured-style-13 .wrapper-item .penci-item-1,
.featured-style-15 .wrapper-item .penci-item-2 {
width: 50%;
}
.featured-style-13 .penci-image-holder:before,
.featured-style-15 .penci-image-holder:before {
padding-top: 0;
height: 500px;
}
.featured-style-13 .penci-mag-featured-content h3 a,
.featured-style-15 .penci-mag-featured-content h3 a {
font-size: 18px;
}
.featured-style-13 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-15 .penci-item-2 .penci-mag-featured-content h3 a {
font-size: 24px;
}
.featured-style-14 .wrapper-item .penci-item-mag,
.featured-style-16 .wrapper-item .penci-item-mag {
float: left;
display: inline-block;
width: 25%;
position: relative;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
}
.featured-style-14 .wrapper-item .penci-item-1,
.featured-style-16 .wrapper-item .penci-item-2 {
width: 50%;
}
.featured-style-14 .penci-image-holder:before,
.featured-style-16 .penci-image-holder:before {
padding-top: 0;
height: 380px;
}
.featured-style-16 .penci-item-2 .penci-mag-featured-content {
left: 0;
padding: 0 20px;
text-align: center;
width: 100%;
}
.featured-style-14 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-16 .penci-item-2 .penci-mag-featured-content h3 a {
font-size: 20px;
}
.featured-style-17 .wrapper-item .penci-slider17-mag-item {
float: left;
display: inline-block;
width: 25%;
position: relative;
}
.featured-style-17 .wrapper-item .penci-slide17-item-2 {
width: 50%;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
.featured-style-17 .penci-image-holder:before {
padding: 0;
height: 273px;
}
.featured-style-17 .penci-slide17-item-2 .penci-image-holder:before {
height: 550px;
}
.featured-style-17 .wrapper-item .penci-item-1,
.featured-style-17 .wrapper-item .penci-item-4 {
margin-bottom: 4px;
}
.featured-style-17 .penci-slide-overlay .penci-mag-featured-content {
text-align: center;
}
.featured-style-17 .penci-item-3 .penci-mag-featured-content h3 a {
font-size: 24px;
}
.featured-style-18 .wrapper-item .penci-slider17-mag-item {
float: left;
display: inline-block;
width: 25%;
position: relative;
}
.featured-style-18 .wrapper-item .penci-slide17-item-2 {
width: 50%;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
.featured-style-18 .penci-image-holder:before {
padding: 0;
height: 198px;
}
.featured-style-18 .penci-slide17-item-2 .penci-image-holder:before {
height: 400px;
}
.featured-style-18 .wrapper-item .penci-item-1,
.featured-style-18 .wrapper-item .penci-item-4 {
margin-bottom: 4px;
}
.featured-style-18 .penci-item-3 .penci-mag-featured-content {
text-align: center;
}
.featured-style-18 .penci-mag-featured-content h3 a {
font-size: 14px;
}
.featured-style-18 .penci-item-3 .penci-mag-featured-content h3 a {
font-size: 20px;
}
.featured-style-19 .wrapper-item .penci-item-mag {
float: left;
display: inline-block;
width: 55%;
position: relative;
}
.featured-style-19 .wrapper-item .penci-item-2,
.featured-style-19 .wrapper-item .penci-item-3 {
width: 45%;
}
.featured-style-19 .wrapper-item .penci-item-2,
.featured-style-19 .wrapper-item .penci-item-0 {
border-left: 4px solid transparent;
}
.featured-style-19 .wrapper-item .penci-item-1,
.featured-style-19 .wrapper-item .penci-item-2 {
border-bottom: 4px solid transparent;
}
.featured-style-19 .penci-image-holder:before {
height: 275px;
padding-top: 0;
}
.featured-style-19 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-19 .penci-item-0 .penci-mag-featured-content h3 a {
font-size: 20px;
}
.featured-style-20 .wrapper-item .penci-item-mag,
.featured-style-21 .wrapper-item .penci-item-mag {
float: left;
display: inline-block;
width: 33.33333%;
position: relative;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
}
.featured-style-22 .wrapper-item .penci-item-mag {
float: left;
display: inline-block;
width: 20%;
position: relative;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
}
.featured-style-20 .wrapper-item .penci-item-1,
.featured-style-20 .wrapper-item .penci-item-2,
.featured-style-22 .wrapper-item .penci-item-1,
.featured-style-22 .wrapper-item .penci-item-2 {
width: 50%;
border-bottom: 4px solid transparent;
}
.featured-style-20 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-20 .penci-item-2 .penci-mag-featured-content h3 a,
.featured-style-21 .penci-item-4 .penci-mag-featured-content h3 a,
.featured-style-21 .penci-item-0 .penci-mag-featured-content h3 a,
.featured-style-22 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-22 .penci-item-2 .penci-mag-featured-content h3 a,
.featured-style-23 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-23 .penci-item-2 .penci-mag-featured-content h3 a {
font-size: 20px;
}
.featured-style-20 .penci-image-holder:before,
.featured-style-21 .penci-image-holder:before {
padding-top: 60%;
}
.featured-style-20 .penci-mag-featured-content,
.featured-style-21 .penci-mag-featured-content {
text-align: center;
}
.featured-style-22 .penci-image-holder:before {
padding-top: 66.6667%;
}
.featured-style-21 .wrapper-item .penci-item-4,
.featured-style-21 .wrapper-item .penci-item-0 {
border-top: 4px solid transparent;
width: 50%;
}
.featured-style-22 .penci-item-1 .penci-mag-featured-content,
.featured-style-22 .penci-item-2 .penci-mag-featured-content,
.featured-style-23 .penci-item-1 .penci-mag-featured-content,
.featured-style-23 .penci-item-2 .penci-mag-featured-content {
text-align: center;
}
.featured-style-22 .penci-item-3 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-22 .penci-item-4 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-22 .penci-item-5 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-22 .penci-item-6 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-22 .penci-item-0 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-23 .penci-item-3 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-23 .penci-item-4 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-23 .penci-item-5 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-23 .penci-item-0 .penci-slide-overlay .penci-mag-featured-content {
bottom: 12px;
left: 0;
width: 100%;
padding: 0 15px;
text-align: center;
}
.featured-style-22 .penci-item-3 .penci-mag-featured-content h3 a,
.featured-style-22 .penci-item-4 .penci-mag-featured-content h3 a,
.featured-style-22 .penci-item-5 .penci-mag-featured-content h3 a,
.featured-style-22 .penci-item-6 .penci-mag-featured-content h3 a,
.featured-style-22 .penci-item-0 .penci-mag-featured-content h3 a,
.featured-style-23 .penci-item-3 .penci-mag-featured-content h3 a,
.featured-style-23 .penci-item-4 .penci-mag-featured-content h3 a,
.featured-style-23 .penci-item-5 .penci-mag-featured-content h3 a,
.featured-style-23 .penci-item-0 .penci-mag-featured-content h3 a {
font-size: 14px;
text-transform: none;
letter-spacing: 0;
}
.featured-style-23 .wrapper-item .penci-item-mag {
float: left;
display: inline-block;
width: 25%;
position: relative;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
}
.featured-style-23 .wrapper-item .penci-item-1,
.featured-style-23 .wrapper-item .penci-item-2 {
width: 50%;
border-bottom: 4px solid transparent;
}
.featured-style-23 .penci-image-holder:before {
padding-top: 66.6667%;
}
.featured-style-23 .penci-item-1 .penci-image-holder:before,
.featured-style-23 .penci-item-2 .penci-image-holder:before {
padding-top: 60%;
}
.featured-style-24 .wrapper-item .penci-item-mag {
float: left;
display: inline-block;
width: 25%;
position: relative;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
}
.featured-style-24 .wrapper-item .penci-item-1,
.featured-style-24 .wrapper-item .penci-item-2 {
width: 50%;
border-bottom: 4px solid transparent;
}
.featured-style-24 .wrapper-item .penci-item-2 {
border-bottom: 4px solid transparent;
}
.featured-style-24 .penci-image-holder:before {
padding: 0;
height: 192px;
}
.featured-style-24 .penci-item-1 .penci-image-holder:before {
height: 456px;
}
.featured-style-24 .penci-item-2 .penci-image-holder:before {
height: 260px;
}
.featured-style-24 .penci-item-3 .penci-mag-featured-content h3 a,
.featured-style-24 .penci-item-0 .penci-mag-featured-content h3 a {
font-size: 14px;
letter-spacing: 0;
}
.featured-style-24 .penci-item-2 .penci-mag-featured-content h3 a {
font-size: 20px;
}
.featured-style-24 .penci-item-1 .penci-mag-featured-content h3 a {
font-size: 22px;
}
.featured-style-25 .wrapper-item .penci-item-mag {
float: left;
display: inline-block;
width: 33.33333%;
position: relative;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
}
.featured-style-25 .wrapper-item .penci-item-1 {
width: 66.66666%;
}
.featured-style-25 .wrapper-item .penci-item-2,
.featured-style-25 .wrapper-item .penci-item-3 {
border-bottom: 4px solid transparent;
}
.featured-style-25 .penci-image-holder:before {
padding: 0;
height: 170px;
}
.featured-style-25 .penci-item-1 .penci-image-holder:before {
height: 518px;
}
.featured-style-25 .penci-item-1 .penci-mag-featured-content h3 a {
font-size: 24px;
}
.featured-style-26 .wrapper-item .penci-item-mag {
float: left;
display: inline-block;
width: 25%;
position: relative;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
}
.featured-style-26 .wrapper-item .penci-item-1 {
width: 50%;
}
.featured-style-26 .wrapper-item .penci-item-2,
.featured-style-26 .wrapper-item .penci-item-3 {
border-bottom: 4px solid transparent;
}
.featured-style-26 .penci-image-holder:before {
padding: 0;
height: 238px;
}
.featured-style-26 .penci-item-1 .penci-image-holder:before {
height: 480px;
}
.featured-style-26 .penci-item-1 .penci-mag-featured-content h3 a {
font-size: 22px;
}
.featured-style-26 .penci-item-2 .penci-mag-featured-content h3 a,
.featured-style-26 .penci-item-3 .penci-mag-featured-content h3 a,
.featured-style-26 .penci-item-4 .penci-mag-featured-content h3 a,
.featured-style-26 .penci-item-0 .penci-mag-featured-content h3 a {
text-transform: none;
letter-spacing: 0;
}
.featured-style-27 .wrapper-item .penci-item-mag {
float: left;
display: inline-block;
width: 33.33333%;
position: relative;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
}
.featured-style-27 .wrapper-item .penci-item-1 {
width: 66.66666%;
}
.featured-style-27 .wrapper-item .penci-item-1,
.featured-style-27 .wrapper-item .penci-item-2 {
border-bottom: 4px solid transparent;
}
.featured-style-27 .penci-image-holder:before {
padding: 0;
height: 260px;
}
.featured-style-27 .penci-item-1 .penci-mag-featured-content h3 a {
font-size: 22px;
}
.featured-style-28 .wrapper-item .penci-item-mag {
width: 300px;
}
.featured-style-28 .penci-image-holder:before {
padding-top: 66.6667%;
}
.featured-style-28 .wrapper-item .penci-item-1 {
width: 606px;
}
.featured-style-28 .penci-slide-overlay .penci-mag-featured-content {
opacity: 1;
}
.featured-style-28 .wrapper-item .penci-item-2,
.featured-style-28 .wrapper-item .penci-item-4,
.featured-style-28 .wrapper-item .penci-item-6 {
border-bottom: 4px solid transparent;
}
.featured-style-28 .penci-item-2 .penci-mag-featured-content h3 a,
.featured-style-28 .penci-item-3 .penci-mag-featured-content h3 a,
.featured-style-28 .penci-item-4 .penci-mag-featured-content h3 a,
.featured-style-28 .penci-item-5 .penci-mag-featured-content h3 a,
.featured-style-28 .penci-item-6 .penci-mag-featured-content h3 a,
.featured-style-28 .penci-item-0 .penci-mag-featured-content h3 a {
text-transform: none;
letter-spacing: 0;
}
.featured-style-28 .penci-item-1 .penci-mag-featured-content h3 a {
font-size: 22px;
}
.overlay-icon-format {
position: absolute;
text-align: center;
display: inline-block;
width: 36px;
height: 36px;
line-height: 32px;
top: 50%;
left: 50%;
margin: -18px 0 0 -18px;
font-size: 14px;
opacity: 0;
color: rgba(255, 255, 255, 0.9);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
border: 2px solid rgba(255, 255, 255, 0.9);
transform: scale(0.5);
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
z-index: 3;
background: rgba(0, 0, 0, 0.3);
}
.overlay-icon-format.lager-size-icon {
width: 42px;
height: 42px;
line-height: 38px;
margin: -21px 0 0 -21px;
font-size: 16px;
}
.penci-item-mag:hover .overlay-icon-format {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
}
.overlay-icon-format i.fa-music {
margin-right: 3px;
}
.overlay-icon-format i.fa-play {
margin-left: 2px;
}
.overlay-icon-format i.fa-image:before,
.overlay-icon-format i.fa-picture-o:before {
content: "\e913";
font-family: 'icomoon';
}
.featured-style-27 .penci-item-mag .overlay-icon-format,
.featured-style-26 .penci-item-2 .overlay-icon-format,
.featured-style-26 .penci-item-3 .overlay-icon-format,
.featured-style-26 .penci-item-4 .overlay-icon-format,
.featured-style-26 .penci-item-0 .overlay-icon-format,
.featured-style-25 .penci-item-2 .overlay-icon-format,
.featured-style-25 .penci-item-3 .overlay-icon-format,
.featured-style-25 .penci-item-0 .overlay-icon-format,
.featured-style-24 .penci-item-2 .overlay-icon-format,
.featured-style-24 .penci-item-3 .overlay-icon-format,
.featured-style-24 .penci-item-0 .overlay-icon-format,
.featured-style-23 .penci-item-3 .overlay-icon-format,
.featured-style-23 .penci-item-4 .overlay-icon-format,
.featured-style-23 .penci-item-5 .overlay-icon-format,
.featured-style-23 .penci-item-0 .overlay-icon-format,
.featured-style-22 .penci-item-3 .overlay-icon-format,
.featured-style-22 .penci-item-4 .overlay-icon-format,
.featured-style-22 .penci-item-5 .overlay-icon-format,
.featured-style-22 .penci-item-6 .overlay-icon-format,
.featured-style-22 .penci-item-0 .overlay-icon-format,
.featured-style-21 .penci-item-1 .overlay-icon-format,
.featured-style-21 .penci-item-2 .overlay-icon-format,
.featured-style-21 .penci-item-3 .overlay-icon-format,
.featured-style-20 .penci-item-3 .overlay-icon-format,
.featured-style-20 .penci-item-4 .overlay-icon-format,
.featured-style-20 .penci-item-0 .overlay-icon-format,
.featured-style-19 .penci-item-mag .overlay-icon-format,
.featured-style-18 .penci-item-1 .overlay-icon-format,
.featured-style-18 .penci-item-2 .overlay-icon-format,
.featured-style-18 .penci-item-4 .overlay-icon-format,
.featured-style-18 .penci-item-0 .overlay-icon-format,
.featured-style-17 .penci-item-1 .overlay-icon-format,
.featured-style-17 .penci-item-2 .overlay-icon-format,
.featured-style-17 .penci-item-4 .overlay-icon-format,
.featured-style-17 .penci-item-0 .overlay-icon-format,
.featured-style-6 .penci-item-2 .overlay-icon-format,
.featured-style-6 .penci-item-0 .overlay-icon-format {
top: 20px;
left: auto;
right: 20px;
margin: 0;
}
.featured-style-29 .penci-image-holder:before {
/* height: 550px; */
padding: 0;
}
.featured-style-35 .penci-image-holder:before {
height: 600px;
padding: 0;
}
.featured-style-29 .featured-slider-overlay {
position: absolute;
background: #000;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.3;
z-index: 1;
}
.featured-style-29 .penci-featured-content {
z-index: 5;
}
.featured-style-29 .penci-featured-content .feat-text {
width: 100%;
max-width: 1170px;
margin: 0 auto;
padding: 0;
}
.featured-style-29 .penci-featured-content .feat-text h3 {
position: relative;
padding-bottom: 15px;
}
.featured-style-29 .penci-featured-content .feat-text h3:before {
width: 60px;
height: 0;
border-top: 1px solid #fff;
left: 50%;
margin-left: -30px;
bottom: 0;
content: "";
position: absolute;
}
.featured-style-29 .penci-featured-content .feat-text h3 a {
font-size: 28px;
}
.featured-style-29 .penci-featured-slider-button {
margin-top: 20px;
animation-delay: 1s;
-webkit-animation-delay: 1s;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.featured-style-29 .penci-featured-slider-button a,
.featured-style-35 .penci-featured-slider-button a,
.featured-style-38 .penci-featured-slider-button a {
height: 36px;
line-height: 34px;
padding: 0 15px;
border: 1px solid #fff;
color: #fff;
font-family: 'Raleway', sans-serif;
font-size: 12px;
text-transform: uppercase;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
display: inline-block;
vertical-align: top;
letter-spacing: 2px;
font-weight: bold;
}
.featured-style-29 .penci-featured-slider-button a:hover,
.featured-style-35 .penci-featured-slider-button a:hover,
.featured-style-38 .penci-featured-slider-button a:hover {
background: #fff;
color: #010101;
}
.featured-style-29 .penci-featured-content .feat-text .featured-cat a {
font-size: 14px;
}
.featured-style-29 .penci-featured-content .feat-text {
opacity: 1;
animation-delay: 0s;
-webkit-animation-delay: 0s;
}
.featured-style-29 .penci-owl-carousel.owl-loaded .active .penci-featured-content .feat-text {
-webkit-animation-name: none;
-moz-animation-name: none;
-o-animation-name: none;
animation-name: none;
}
.featured-style-29 .penci-owl-carousel.owl-loaded .active .penci-featured-slider-button,
.featured-style-29 .penci-owl-carousel.owl-loaded .active .penci-featured-content .featured-cat,
.featured-style-29 .penci-owl-carousel.owl-loaded .active .penci-featured-content .feat-text h3 {
-webkit-animation-name: pencifadeInUp;
-moz-animation-name: pencifadeInUp;
-o-animation-name: pencifadeInUp;
animation-name: pencifadeInUp;
}
.penci-featured-content-right {
position: absolute;
right: 0;
width: 450px;
top: 0;
bottom: 0;
height: 100%;
display: block;
padding-top: 20px;
padding-bottom: 20px;
}
.penci-featured-content-right:before {
background: #000;
opacity: 0;
content: '';
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
z-index: 1;
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
-webkit-animation-duration: 0.6s;
-moz-animation-duration: 0.6s;
-ms-animation-duration: 0.6s;
-o-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.featured-style-35 .penci-owl-carousel.owl-loaded .active .penci-featured-content-right:before {
-webkit-animation-name: pencifadeInUpDiv;
-moz-animation-name: pencifadeInUpDiv;
-o-animation-name: pencifadeInUpDiv;
animation-name: pencifadeInUpDiv;
}
@-webkit-keyframes pencifadeInUpDiv {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 450px, 0);
transform: translate3d(0, 450px, 0);
}
100% {
opacity: 0.7;
-webkit-transform: none;
transform: none
}
}
@keyframes pencifadeInUpDiv {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 450px, 0);
transform: translate3d(0, 450px, 0);
}
100% {
opacity: 0.7;
-webkit-transform: none;
transform: none
}
}
.feat-text-right {
position: absolute;
display: block;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 3;
left: 0;
padding-left: 20px;
padding-right: 20px;
}
.featured-style-35 .penci-featured-content-right {
z-index: 5;
}
.featured-style-35 .feat-text-right h3 a {
font-size: 28px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
}
.featured-style-35 .featured-cat {
margin-bottom: 5px;
}
.featured-style-35 .cat > a.penci-cat-name {
color: #fff;
}
.featured-style-35 .featured-content-excerpt {
margin-top: 7px;
}
.featured-style-35 .featured-content-excerpt p {
color: #fff;
line-height: 1.6;
opacity: 0.85;
margin-top: 10px;
font-size: 14px;
}
.featured-style-35 .penci-featured-slider-button {
margin-top: 25px;
}
.featured-style-35 .featured-cat,
.featured-style-35 .feat-text-right h3,
.featured-style-35 .featured-content-excerpt,
.featured-style-35 .penci-featured-slider-button,
.featured-style-37 .penci-item-1 .featured-cat,
.featured-style-37 .penci-item-1 .feat-text h3,
.featured-style-37 .penci-item-1 .feat-meta {
animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-ms-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.featured-style-35 .penci-owl-carousel.owl-loaded .active .featured-cat,
.featured-style-35 .penci-owl-carousel.owl-loaded .active .feat-text-right h3,
.featured-style-35 .penci-owl-carousel.owl-loaded .active .featured-content-excerpt,
.featured-style-35 .penci-owl-carousel.owl-loaded .active .penci-featured-slider-button,
.featured-style-37 .penci-owl-carousel.owl-loaded .active .featured-cat,
.featured-style-37 .penci-owl-carousel.owl-loaded .active .feat-text h3,
.featured-style-37 .penci-owl-carousel.owl-loaded .active .feat-text .feat-meta {
-webkit-animation-name: pencifadeInUpSmall;
-moz-animation-name: pencifadeInUpSmall;
-o-animation-name: pencifadeInUpSmall;
animation-name: pencifadeInUpSmall;
}
.featured-style-35 .feat-text-right h3 {
animation-delay: 1.1s;
-webkit-animation-delay: 1.1s;
}
.featured-style-35 .feat-text-right .featured-content-excerpt {
animation-delay: 1.3s;
-webkit-animation-delay: 1.3s;
}
.featured-style-37 .penci-item-1 .feat-text h3 {
animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
}
.featured-style-37 .penci-item-1 .feat-meta {
animation-delay: 1s;
-webkit-animation-delay: 1s;
}
.featured-style-35 .featured-content-excerpt .feat-meta span {
color: #fff;
font-size: 13px;
}
.featured-style-35 .featured-content-excerpt .feat-meta > span:after {
content: "";
display: inline-block;
margin: 0 11px 0 15px;
width: 0;
height: 10px;
border-left: 1px solid;
opacity: 0.35;
color: inherit;
}
.featured-style-35 .featured-content-excerpt .feat-meta > span:last-child:after {
content: none;
}
.featured-style-35 .featured-content-excerpt .feat-meta span a {
color: #fff;
font-size: inherit;
text-decoration: none !important;
}
.featured-style-35 .feat-text-right .penci-featured-slider-button {
animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
}
.featured-style-35.style-36 .penci-image-holder:before {
height: 550px;
padding: 0;
}
.featured-style-35.style-36 .penci-featured-content-right {
width: 420px;
}
.featured-style-37 .penci-featured-items-right {
opacity: 0;
visibility: hidden;
transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
}
.featured-style-37 .penci-featured-items-right > .item:first-child {
margin-bottom: 11px;
}
.featured-style-37 .penci-slide-overlay .penci-mag-featured-content {
opacity: 1;
text-align: center;
}
.featured-style-37 .penci-owl-carousel .owl-dots {
bottom: 11px;
}
.featured-style-37 .penci-item-1 .penci-slide-overlay .penci-mag-featured-content {
bottom: 46px;
}
.featured-style-37 .penci-owl-carousel[data-dots="false"] .penci-item-1 .penci-slide-overlay .penci-mag-featured-content {
bottom: 16px;
}
.featured-style-37.penci-featured-loaded .penci-featured-items-right {
opacity: 1;
visibility: visible;
}
.featured-style-37 .penci-item-1 .featured-cat,
.featured-style-37 .penci-item-1 .feat-text h3,
.featured-style-37 .penci-item-1 .feat-meta {
opacity: 0;
}
.featured-style-38 .penci-owl-carousel .owl-item .item {
width: 450px;
width: 25vw;
}
.featured-style-38 .penci-image-holder:before {
padding-top: 120%;
}
.penci-slider38-overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.4;
z-index: 1;
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
}
.featured-style-38 .item:hover .penci-slider38-overlay {
opacity: 0.7;
}
.featured-style-38 .penci-featured-content {
z-index: 5;
}
.featured-style-38 .penci-featured-slider-button {
margin-top: 24px;
}
.featured-slider-excerpt {
margin-top: 7px;
}
.featured-slider-excerpt p {
color: #fff;
line-height: 1.6;
}
.featured-style-38 .penci-featured-content .feat-text,
.featured-style-38 .penci-owl-carousel .feat-text .featured-cat,
.featured-style-38 .penci-owl-carousel .feat-text h3,
.featured-style-38 .penci-owl-carousel .feat-text .feat-meta {
-webkit-animation-delay: 0 !important;
-moz-animation-delay: 0 !important;
-o-animation-delay: 0 !important;
animation-delay: 0 !important;
-webkit-animation-name: none !important;
-moz-animation-name: none !important;
-o-animation-name: none !important;
animation-name: none !important;
opacity: 1 !important;
}
.post-entry .penci-featured-content .feat-text .feat-meta,
.post-entry .penci-featured-content .feat-text .featured-cat,
.post-entry .penci-mag-featured-content .cat,
.post-entry .penci-mag-featured-content .feat-meta,
.post-entry .penci-widget-slide-detail .slide-item-date {
line-height: 1;
}
.post-entry .penci-featured-content .feat-text h3,
.post-entry .penci-owl-featured-area .feat-text h3,
.post-entry .penci-mag-featured-content h3,
.post-entry .featured-style-35 .feat-text-right h3,
.post-entry .penci-widget-slider h4 {
margin-bottom: 0;
}
.post-entry .penci-widget-slider h4 a:hover {
text-decoration: none;
}
.penci-image-holder {
position: relative;
width: 100%;
background: #f5f5f5 url(../Images/no-image.jpg);
display: inline-block;
vertical-align: top;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
overflow: hidden;
}
.penci-image-holder:before {
display: block;
content: "";
width: 100%;
padding-top: 66.6667%;
background: none !important;
box-shadow: none !important;
}
.penci-image-holder.penci-list-nocrop-thumb:before {
content: none;
padding-top: 0;
}
.penci-image-holder:not([style*='background-image']),
.penci-lazy[src*="penci-holder"],
.penci-holder-load:not([style*='background-image']) {
background-image: linear-gradient(to left, #f5f5f5 0%, #efefef 15%, #f5f5f5 40%, #f5f5f5 100%);
background-repeat: no-repeat !important;
background-color: #f5f5f5;
background-size: 900px 1700px !important;
background-position: center center !important;
animation: pencipreload 0.85s infinite linear forwards;
-webkit-animation: pencipreload 0.85s infinite linear forwards;
}
.penci-lazy[src*="penci-holder"] {
width: 100%;
height: auto;
}
.holder-square.penci-lazy[src*="penci-holder"] {
height: 0;
padding-bottom: 100%;
}
.instagram-square-lazy.penci-lazy[src*="penci-holder"] {
height: 0 !important;
padding-bottom: 100% !important;
}
.penci-sidebar-content .thumbnails.no-border .instagram-square-lazy.penci-lazy[src*="penci-holder"],
.footer-widget-wrapper .thumbnails.no-border .instagram-square-lazy.penci-lazy[src*="penci-holder"] {
margin: 5px !important;
width: calc(100% - 10px) !important;
}
@-webkit-keyframes pencipreload {
from {
background-position: -800px 0;
}
to {
background-position: 100px 0;
}
}
@keyframes pencipreload {
from {
background-position: -800px 0;
}
to {
background-position: 100px 0;
}
}
.penci-image-holder.small-fix-size {
width: 120px;
}
.penci-image-holder.square-fix-size:before {
padding-top: 100%;
}
.penci-image-holder.rectangle-fix-size:before {
padding-top: 128%;
}
.penci-image-holder.slider-style-1-fix {
height: 600px;
}
.penci-image-holder.slider-style-2-fix {
width: 900px;
}
.penci-image-holder.slider-style-2-fix:before {
padding-top: 56.7%;
}
.penci-image-holder.slider-style-7-fix:before {
padding-top: 56.6667%;
}
.penci-image-holder.slider-style-3-fix {
height: 560px;
}
.featured-style-31 .penci-image-holder:before,
.featured-style-32 .penci-image-holder:before {
content: none;
}
.pencislider-item .penci-image-holder {
position: relative;
}
.pencislider-item .penci-image-holder a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
z-index: 1;
}
.pencislider-container {
position: absolute;
display: block;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 40px;
z-index: 5;
}
.pencislider-container .pencislider-content {
display: block;
margin: 0 auto;
max-width: 1170px;
}
.pencislider-container .pencislider-content .pencislider-title {
font-family: 'Raleway', sans-serif;
font-size: 30px;
line-height: 1.2em;
text-transform: uppercase;
margin: 0;
letter-spacing: 1px;
}
.pencislider-container .pencislider-content .pencislider-title a {
color: inherit;
font-size: inherit;
}
.pencislider-container .pencislider-content .pencislider-title span {
display: inline-block;
vertical-align: top;
padding: 5px 12px;
color: inherit;
font-size: inherit;
background-color: rgba(0, 0, 0, 0.4);
}
.pencislider-container .pencislider-content .pencislider-caption {
font-size: 16px;
line-height: 1.3em;
margin: 15px 0 0;
}
.pencislider-container .pencislider-content .pencislider-caption span {
display: inline-block;
vertical-align: top;
padding: 5px 12px;
color: inherit;
font-size: inherit;
background-color: rgba(0, 0, 0, 0.4);
}
.pencislider-container .pencislider-content .penci-button {
margin: 25px 0 0;
background: none;
padding: 0;
vertical-align: top;
max-width: 100%;
}
.pencislider-container .pencislider-content .pencislider-button {
text-decoration: none;
display: inline-block;
padding: 11px 20px 11px;
text-transform: uppercase;
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
font-family: 'Raleway', sans-serif;
letter-spacing: 1px;
cursor: pointer;
font-size: 14px;
line-height: 1.3;
border: none;
position: relative;
font-weight: bold;
}
.pencislider-container .pencislider-content .pencislider-button:hover {
opacity: 0.9;
}
.pencislider-container .pencislider-title,
.pencislider-container .pencislider-caption,
.pencislider-container .pencislider-content .penci-button {
text-align: left;
opacity: 0;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
-o-animation-delay: .5s;
animation-delay: .5s;
}
.pencislider-container.align-center .pencislider-title,
.pencislider-container.align-center .pencislider-caption,
.pencislider-container.align-center .penci-button {
text-align: center;
}
.pencislider-container.align-right .pencislider-title,
.pencislider-container.align-right .pencislider-caption,
.pencislider-container.align-right .penci-button {
text-align: right;
}
.pencislider-container .pencislider-caption {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.pencislider-container .pencislider-content .penci-button {
-webkit-animation-delay: 0.9s;
-moz-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes pencifadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -40px, 0);
transform: translate3d(0, -40px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes pencifadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -40px, 0);
transform: translate3d(0, -40px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.featured-area .active .pencislider-container.penci-fadeInDown .pencislider-title,
.featured-area .active .pencislider-container.penci-fadeInDown .pencislider-caption,
.featured-area .active .pencislider-container.penci-fadeInDown .pencislider-content .penci-button {
-webkit-animation-name: pencifadeInDown;
-moz-animation-name: pencifadeInDown;
-o-animation-name: pencifadeInDown;
animation-name: pencifadeInDown;
}
@-webkit-keyframes pencifadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes pencifadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes pencifadeInUpSmall {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes pencifadeInUpSmall {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.featured-area .active .pencislider-container.penci-fadeInUp .pencislider-title,
.featured-area .active .pencislider-container.penci-fadeInUp .pencislider-caption,
.featured-area .active .pencislider-container.penci-fadeInUp .pencislider-content .penci-button {
-webkit-animation-name: pencifadeInUp;
-moz-animation-name: pencifadeInUp;
-o-animation-name: pencifadeInUp;
animation-name: pencifadeInUp;
}
@-webkit-keyframes pencifadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes pencifadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.featured-area .active .pencislider-container.penci-fadeInLeft .pencislider-title,
.featured-area .active .pencislider-container.penci-fadeInLeft .pencislider-caption,
.featured-area .active .pencislider-container.penci-fadeInLeft .pencislider-content .penci-button {
-webkit-animation-name: pencifadeInLeft;
-moz-animation-name: pencifadeInLeft;
-o-animation-name: pencifadeInLeft;
animation-name: pencifadeInLeft;
}
@-webkit-keyframes pencifadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes pencifadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.featured-area .active .pencislider-container.penci-fadeInRight .pencislider-title,
.featured-area .active .pencislider-container.penci-fadeInRight .pencislider-caption,
.featured-area .active .pencislider-container.penci-fadeInRight .pencislider-content .penci-button {
-webkit-animation-name: pencifadeInRight;
-moz-animation-name: pencifadeInRight;
-o-animation-name: pencifadeInRight;
animation-name: pencifadeInRight;
}
.penci-flat-overlay .penci-slide-overlay .overlay-link {
background: none !important;
opacity: 0 !important;
}
.penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content {
bottom: 0;
left: 0;
right: 0;
padding: 17px 20px;
width: 100%;
}
.penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content:before {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: #000;
opacity: 0.5;
content: '';
z-index: 1;
-webkit-transition: opacity .4s ease 0s;
-moz-transition: opacity .4s ease 0s;
-o-transition: opacity .4s ease 0s;
transition: opacity .4s ease 0s;
}
.penci-flat-overlay .penci-item-mag:hover .penci-slide-overlay .penci-mag-featured-content:before {
opacity: 0.7;
}
.penci-flat-overlay .feat-text,
.penci-flat-overlay .penci-mag-featured-content .cat {
position: relative;
z-index: 5;
}
.featured-style-22.penci-flat-overlay .penci-item-3 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-22.penci-flat-overlay .penci-item-4 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-22.penci-flat-overlay .penci-item-5 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-22.penci-flat-overlay .penci-item-6 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-22.penci-flat-overlay .penci-item-0 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-23.penci-flat-overlay .penci-item-3 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-23.penci-flat-overlay .penci-item-4 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-23.penci-flat-overlay .penci-item-5 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-23.penci-flat-overlay .penci-item-0 .penci-slide-overlay .penci-mag-featured-content {
bottom: 0;
padding: 10px 5px;
}
.featured-style-28.penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content {
padding: 12px 15px;
}
.featured-style-28.penci-flat-overlay .penci-item-1 .penci-slide-overlay .penci-mag-featured-content {
padding: 17px 20px;
}
#penci-featured-video-bg {
height: 600px;
}
.penci-video-overlay-background,
.overlay-video-click {
position: absolute;
z-index: 5;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
display: none;
}
.overlay-video-click {
display: block;
z-index: 20;
}
.penci-video-overlay {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
text-align: center;
left: 20px;
right: 20px;
z-index: 10;
}
h2.penci-heading-video,
p.penci-sub-heading-video,
.penci-video-custom-img {
opacity: 0;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.penci-video-custom-img {
margin: 0 0 24px 0;
}
.penci-video-custom-img.no-margin-bottom {
margin: 0;
}
h2.penci-heading-video {
color: #fff;
font-family: 'Raleway', sans-serif;
font-weight: bold;
font-size: 30px;
line-height: 1.2em;
text-transform: uppercase;
margin: 0;
letter-spacing: 1px;
-webkit-animation-delay: 1.1s;
-moz-animation-delay: 1.1s;
-o-animation-delay: 1.1s;
animation-delay: 1.1s;
}
p.penci-sub-heading-video {
font-size: 16px;
line-height: 1.3em;
margin: 15px 0 0;
font-style: italic;
color: #fff;
-webkit-animation-delay: 1.4s;
-moz-animation-delay: 1.4s;
-o-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.featured-area.loaded-wait .penci-video-custom-img,
.featured-area.loaded-wait h2.penci-heading-video,
.featured-area.loaded-wait p.penci-sub-heading-video {
-webkit-animation-name: pencifadeInUp;
-moz-animation-name: pencifadeInUp;
-o-animation-name: pencifadeInUp;
animation-name: pencifadeInUp;
}
.featured-area.magazine-slider {
width: 1170px;
margin-left: auto;
margin-right: auto;
}
.penci-magazine-slider.penci-loading {
background: #fafafa url(../Images/loading.gif) no-repeat center center;
min-height: 506px;
}
.featured-area.loaded-wait .penci-magazine-slider.penci-loading {
background: none;
min-height: 0 !important;
}
.penci-magazine-slider {
margin: 0;
padding: 0;
position: relative;
}
.penci-magazine-slider .penci-mag-item {
display: none;
}
.penci-magazine-slider ul.mag-wrap {
list-style: none;
margin: 0;
display: inline-block;
width: 100%;
vertical-align: top;
bottom: 0;
left: 0;
}
.penci-magazine-slider ul.mag-wrap li {
overflow: hidden;
display: block;
float: left;
position: relative;
width: 380px;
height: 253px;
}
.penci-magazine-slider ul.mag-wrap li.mag-item-1 {
width: 790px;
height: 506px;
border-right: 10px solid transparent;
}
.penci-magazine-slider ul.mag-wrap li.mag-item-2 {
border-bottom: 10px solid transparent;
}
.penci-magazine-slider .mag-meta {
position: absolute;
padding: 20px;
width: 100%;
z-index: 10;
left: 0;
bottom: 0;
}
.penci-magazine-slider .mag-item-1 .mag-meta {
padding: 30px;
}
.penci-magazine-slider .mag-cat {
margin-bottom: 4px;
}
.penci-magazine-slider .mag-cat a.penci-cat-name {
border-color: #fff;
color: #fff;
}
.penci-magazine-slider .mag-cat a.penci-cat-name:after {
border-color: #fff;
}
.penci-magazine-slider .mag-cat a.penci-cat-name:hover {
text-decoration: none;
color: #6eb48c;
}
.penci-magazine-slider .mag-meta h3 {
line-height: 1.3;
}
.penci-magazine-slider .mag-meta h3 a {
color: #fff;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0;
}
.penci-magazine-slider .mag-item-1 .mag-meta h3 a {
font-size: 24px;
letter-spacing: 1px;
}
.penci-magazine-slider .mag-meta-child {
margin-top: 6px;
}
.penci-magazine-slider .mag-item-1 .mag-meta-child {
margin-top: 7px;
}
.penci-magazine-slider .mag-meta-child span {
color: #ffffff;
font-size: 12px;
}
.penci-magazine-slider .mag-item-1 .mag-meta-child span {
font-size: 14px;
}
.penci-magazine-slider .mag-meta-child span:after {
content: "";
display: inline-block;
margin: 0 7px 0 10px;
width: 0;
height: 8px;
border-left: 1px solid #fff;
opacity: 0.5;
}
.penci-magazine-slider .mag-item-1 .mag-meta-child span:after {
margin: 0 11px 0 15px;
height: 10px;
}
.penci-magazine-slider .mag-meta-child span:last-child:after {
content: none;
display: none;
}
.penci-magazine-slider .penci-direction-nav a {
position: absolute;
width: 36px;
height: 36px;
display: inline-block;
top: 50%;
margin-top: -18px;
font-size: 20px;
cursor: pointer;
outline: none;
opacity: 0;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
text-align: center;
line-height: 36px;
background: #fff;
z-index: 12;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
color: #313131;
border: none;
}
.penci-magazine-slider .penci-direction-nav a.penci-prev {
left: 30px;
}
.penci-magazine-slider .penci-direction-nav a.penci-next {
right: 30px;
}
.penci-magazine-slider:hover .penci-direction-nav a {
opacity: 1;
}
.penci-magazine-slider .penci-direction-nav a:hover {
background: #6eb48c;
color: #fff;
}
.penci-magazine-slider .penci-direction-nav a:before {
content: none;
display: none;
}
.penci-magazine-slider .mag-overlay {
background: #000;
opacity: 0.6;
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 2;
background: -moz-linear-gradient(top, transparent 0%, #000 100%);
background: -webkit-linear-gradient(top, transparent 0%, #000 100%);
background: -o-linear-gradient(top, transparent 0%, #000 100%);
background: -ms-linear-gradient(top, transparent 0%, #000 100%);
background: linear-gradient(to bottom, transparent 0%, #000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
-webkit-transition: opacity .4s ease 0s;
-moz-transition: opacity .4s ease 0s;
-o-transition: opacity .4s ease 0s;
transition: opacity .4s ease 0s;
}
.penci-magazine-slider ul.mag-wrap .mag-content:hover .mag-overlay {
opacity: 0.8;
}
.penci-magazine-slider.penci-mag3-slider.penci-loading {
min-height: 387px;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1,
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 {
border: none;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li,
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1 {
width: 287px;
height: auto;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1 .mag-content,
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-3 .mag-content {
height: 191px;
position: relative;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 .mag-content {
height: 387px;
position: relative;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 {
width: 586px;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 {
margin: 0 5px;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1 .mag-content:first-child,
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-3 .mag-content:first-child {
margin-bottom: 5px;
}
.penci-magazine-slider.penci-mag1-slider ul.mag-wrap li .mag-content,
.penci-magazine-slider ul.mag-wrap li .mag-content .mag-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content h3 a {
font-size: 14px;
letter-spacing: 0;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 .mag-content h3 {
text-align: center;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 .mag-content h3 a {
font-size: 16px;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content .mag-meta {
padding: 10px;
width: 100%;
}
.penci-magazine-slider.penci-mag3-slider .mag-cat {
text-align: center;
}
.penci-mag2-carousel {
overflow: hidden;
}
.featured-area.magazine-slider-2 {
height: 463px;
overflow: hidden;
}
.featured-area.magazine-slider-2.loaded-wait {
height: auto;
overflow: visible;
}
.penci-mag2-carousel .mag2-item {
display: block;
float: left;
margin: 0 1px 0 0;
width: 700px;
height: 463px;
position: relative;
}
.penci-mag2-carousel .penci-mag2-carousel-content > .mag2-item {
margin-right: 1px !important;
}
.penci-mag2-carousel .mag2-item.mag2-even {
width: 346px;
}
.penci-mag2-carousel .mag2-item .mag2-item {
width: 346px;
height: 231px;
margin: 0;
position: relative;
}
.penci-mag2-carousel .mag2-item > .mag2-item:first-child {
margin-bottom: 1px;
}
.mag2-thumbnail,
.mag2-thumbnail .mag-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
.mag2slider-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mag2slider-overlay i {
display: block;
width: 50px;
height: 50px;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
border-radius: 50%;
background: transparent;
text-align: center;
font: 14px/40px 'FontAwesome';
color: rgba(255, 255, 255, 0.9);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
border: 2px solid rgba(255, 255, 255, 0.9);
opacity: 0;
font-size: 18px;
z-index: 3;
line-height: 48px;
}
.mag2slider-overlay i.fa-play:before {
margin-left: 2px;
}
.mag2slider-overlay i.fa-music:before {
margin-right: 2px;
}
.penci-mag2-carousel .mag2-item .mag2-item .mag2slider-overlay i {
width: 44px;
height: 44px;
line-height: 40px;
font-size: 17px;
margin: -22px 0 0 -22px;
}
.mag2slider-overlay:after {
background: #000;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
opacity: 0.05;
content: "";
}
.mag2-thumbnail:hover .mag2slider-overlay i {
opacity: 1;
}
.mag2-thumbnail:hover .mag2slider-overlay:after {
opacity: 0.7;
}
.penci-mag2-carousel .mag2-header {
position: absolute;
padding: 17px 20px;
width: 100%;
z-index: 8;
left: 0;
bottom: 0;
text-align: center;
}
.penci-mag2-carousel .mag2-item .mag2-item .mag2-header {
padding: 17px 20px !important;
}
.penci-mag2-carousel .mag2-header h3 a {
font-size: 24px;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
}
.penci-mag2-carousel .mag2-item .mag2-item .mag2-header {
text-align: left;
}
.penci-mag2-carousel .mag2-item .mag2-item .mag2-header h3 a {
font-size: 16px;
letter-spacing: 0;
}
.penci-mag2-carousel .cat.mag-cat {
}
.penci-mag2-carousel .cat > a.penci-cat-name {
color: #fff;
}
.penci-mag2-carousel .cat > a.penci-cat-name:after {
border-color: #fff;
}
@media only screen and (min-width: 779px) {
.penci-mag2-carousel .mag2-thumbnail img {
transform: none !important;
-webkit-transform: none !important;
}
.penci-mag2-carousel .mag2-header {
width: 100% !important;
}
}
@media only screen and (max-width: 778px) {
.mag2slider-overlay i {
display: none;
}
.penci-mag2-carousel .cat.mag-cat {
display: none;
}
.penci-mag2-carousel .mag2-header h3 a {
font-size: 18px;
}
.penci-mag2-carousel .mag2-header {
padding-right: 15px;
text-align: left;
}
}
.container.home-featured-boxes {
margin-bottom: 30px;
display: table;
margin-top: -30px;
}
.container.home-featured-boxes-vc {
width: 100%;
}
.home-featured-boxes .penci-image-holder:before {
padding-top: 66.75%;
}
@media only screen and ( min-width: 961px ) {
.boxes-size-horizontal .homepage-featured-boxes.boxes-4-columns .penci-image-holder:before {
padding-top: 70.37%;
}
}
.home-featured-boxes.boxes-size-square .penci-image-holder:before {
padding-top: 100%;
}
.home-featured-boxes.boxes-size-vertical .penci-image-holder:before {
padding-top: 135.4%;
}
.home-featured-boxes-vc {
overflow: hidden;
}
ul.homepage-featured-boxes {
list-style: none;
margin-left: -15px;
margin-right: -15px;
padding: 0 !important;
}
ul.homepage-featured-boxes li,
.post-entry ul.homepage-featured-boxes li {
width: 33.3333%;
float: left;
display: inline-block;
padding: 0 15px;
margin-bottom: 30px;
}
ul.homepage-featured-boxes li .penci-fea-in {
position: relative;
overflow: hidden;
}
ul.homepage-featured-boxes li .penci-fea-in:before,
ul.homepage-featured-boxes li .penci-fea-in:after {
position: absolute;
left: 5px;
right: 5px;
top: 5px;
bottom: 5px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.4s;
transition: opacity 0.3s, transform 0.4s;
z-index: 5;
}
ul.homepage-featured-boxes li .penci-fea-in.boxes-style-2:before,
ul.homepage-featured-boxes li .penci-fea-in.boxes-style-2:after {
content: none !important;
display: none !important;
}
ul.homepage-featured-boxes li .penci-fea-in:before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
ul.homepage-featured-boxes li .penci-fea-in:after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
ul.homepage-featured-boxes li .penci-fea-in:hover:before,
ul.homepage-featured-boxes li .penci-fea-in:hover:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
ul.homepage-featured-boxes .penci-fea-in .fea-box-img {
position: static;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 1;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
ul.homepage-featured-boxes .penci-fea-in .fea-box-img:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
content: "";
background: #000;
transition: opacity 0.25s;
-webkit-transition: opacity 0.25s;
-moz-transition: opacity 0.25s;
opacity: 0;
}
ul.homepage-featured-boxes .penci-fea-in:hover .fea-box-img:after {
opacity: 0.3;
}
ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img {
right: 0;
bottom: 0;
}
ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img:after {
content: none !important;
display: none !important;
}
ul.homepage-featured-boxes .penci-fea-in h4 {
position: absolute;
width: 100%;
left: 0;
top: 50%;
text-align: center;
z-index: 5;
font-style: italic;
letter-spacing: 0;
font-family: 'PT Serif', serif;
font-weight: normal;
padding: 5px 20px;
margin-top: -25px;
}
ul.homepage-featured-boxes .penci-fea-in h4 > span {
display: inline-block;
position: relative;
}
ul.homepage-featured-boxes .penci-fea-in h4 span span {
display: inline-block;
background: #fff;
color: #313131;
padding: 0 15px;
position: relative;
min-width: 120px;
height: 40px;
line-height: 40px;
white-space: nowrap;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
font-style: normal;
font-size: 14px;
font-weight: normal;
}
ul.homepage-featured-boxes .penci-fea-in h4 span span:before {
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
content: "";
display: block;
background: none;
position: absolute;
border: 1px solid #fff;
}
ul.homepage-featured-boxes .penci-fea-in:hover h4 span {
color: #6eb48c;
}
ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 h4 {
background: #fff;
padding: 0 20px;
margin-top: -20px;
}
ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 h4:before {
top: -5px;
left: 0;
right: 0;
width: 100%;
bottom: -5px;
content: "";
display: block;
background: none;
position: absolute;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 h4 span {
background: none;
}
ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 h4 span:before {
content: none;
display: none;
}
.home-featured-boxes-sc .penci-fea-in.boxes-style-4 h4 span span:before,
.home-featured-boxes-sc .penci-fea-in.boxes-style-4 .fea-box-img:after,
ul.homepage-featured-boxes .penci-fea-in.boxes-style-3 h4 span span:before,
ul.homepage-featured-boxes .penci-fea-in.boxes-style-3 .fea-box-img:after {
content: none;
}
.home-featured-boxes-sc li .penci-fea-in.boxes-style-4:before,
.home-featured-boxes-sc li .penci-fea-in.boxes-style-4:after,
ul.homepage-featured-boxes li .penci-fea-in.boxes-style-3:before,
ul.homepage-featured-boxes li .penci-fea-in.boxes-style-3:after {
opacity: 0.4;
-webkit-transition: all 0.4s;
transition: all 0.4s;
z-index: 5;
transform: none;
-webkit-transform: none;
left: 10px;
right: 10px;
top: 10px;
bottom: 10px;
}
.home-featured-boxes-sc li .penci-fea-in.boxes-style-4:hover:before,
.home-featured-boxes-sc li .penci-fea-in.boxes-style-4:hover:after,
ul.homepage-featured-boxes li .penci-fea-in.boxes-style-3:hover:before,
ul.homepage-featured-boxes li .penci-fea-in.boxes-style-3:hover:after {
opacity: 1;
}
ul.homepage-featured-boxes .penci-fea-in.boxes-style-3 .fea-box-img {
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
}
ul.homepage-featured-boxes .penci-fea-in.boxes-style-3:hover .fea-box-img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
}
ul.homepage-featured-boxes .penci-fea-in.boxes-style-3 h4 span span {
text-transform: uppercase;
font-size: 12px;
font-family: 'Raleway', sans-serif;
letter-spacing: 1px;
}
.boxes-weight-bold ul.homepage-featured-boxes .penci-fea-in h4 span span {
font-weight: bold;
}
.home-featured-boxes-sc .penci-fea-in.boxes-style-4:hover .fea-box-img:after {
opacity: 0;
}
.home-featured-boxes-sc li.boxes-no-text .penci-fea-in.boxes-style-4:after,
.home-featured-boxes-sc li.boxes-no-text .penci-fea-in.boxes-style-4:before {
border: 0;
}
ul.homepage-featured-boxes.boxes-4-columns li {
width: 25%;
}
.home-featured-boxes-sc ul.homepage-featured-boxes.boxes-2-columns li {
width: 50%;
}
.home-featured-boxes-sc ul.homepage-featured-boxes.boxes-1-column li {
width: 100%;
margin-bottom: 20px;
}
.penci-homepage-title {
position: relative;
margin-bottom: 30px;
text-align: center;
clear: both;
background: transparent;
margin-top: 5px;
}
.penci-border-arrow {
position: relative;
line-height: 1.3;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
}
.post-entry .penci-border-arrow a,
.post-entry .penci-border-arrow a:hover {
text-decoration: none;
}
.penci-border-arrow .inner-arrow {
border: 1px solid #313131;
background: #fff;
position: relative;
display: block;
text-transform: uppercase;
padding: 8px 12px 7px;
z-index: 3;
font-size: 14px;
}
.penci-border-arrow:before,
.penci-border-arrow:after {
content: "";
position: absolute;
}
.penci-border-arrow:before {
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
bottom: -5px;
left: 50%;
border-top-color: #313131;
border-width: 6px;
border-bottom: 0;
margin-left: -6px;
z-index: 5;
}
.penci-border-arrow:after {
border: 1px solid #313131;
left: -5px;
right: -5px;
bottom: 3px;
display: block;
z-index: 1;
height: 100%;
}
.penci-homepage-title h3 {
font-size: 14px;
color: #313131;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
z-index: 1;
}
.standard-post-special {
position: relative;
margin: 0 0 26px 0;
}
.standard-content-special {
padding: 0;
text-align: center;
background: #fff;
display: block;
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
}
.standard-post-special.no-thumbnail .standard-content-special {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
border: 1px solid #ECECEC;
}
.format-post-box {
display: block;
padding: 52px 30px 21px 30px;
}
.format-post-box.penci-format-link {
padding-top: 19px;
}
.format-post-box .post-format-icon {
position: absolute;
width: 100%;
text-align: center;
display: block;
top: 16px;
margin-left: -36px;
}
.format-post-box.penci-format-link .post-format-icon {
display: none;
}
.format-post-box .post-format-icon i {
font-size: 35px;
padding: 0 20px;
display: inline-block;
color: #6eb48c;
}
.format-post-box .post-format-icon i.fa-quote-left:before {
content: '“';
font-family: 'Playfair Display SC', serif;
font-size: 72px;
font-weight: 900;
}
.format-post-box .dt-special,
.format-post-box .dt-special a {
color: #888;
font-size: 112.5%;
font-style: italic;
}
.format-post-box.penci-format-quote .dt-special {
text-align: center;
font-style: italic;
font-size: 18px;
}
.format-post-box .dt-special a:hover {
color: #6eb48c;
}
.author-quote {
margin: 15px 0 5px;
text-align: center;
display: block;
overflow: hidden;
}
.author-quote span {
display: inline-block;
font-size: 12px;
padding: 0 11px;
position: relative;
color: #6eb48c;
font-family: 'Raleway', sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.author-quote span:before,
.author-quote span:after {
position: absolute;
content: "";
width: 60px;
height: 1px;
top: 50%;
left: 100%;
background: #6eb48c;
}
.author-quote span:before {
left: auto;
right: 100%;
}
.standard-post-image {
margin: 0 0 26px 0;
text-align: center;
display: block;
position: relative;
}
.standard-post-image .audio-iframe,
.standard-content-special {
position: absolute;
left: 30px;
right: 30px;
bottom: 30px;
display: block;
}
.standard-post-image.no-thumbnail .audio-iframe,
.standard-post-special.no-thumbnail .standard-content-special {
position: static;
}
.standard-post-image img {
vertical-align: top;
max-width: 100%;
height: auto;
}
.header-standard {
text-align: center;
padding-bottom: 17px;
position: relative;
margin: 0 0 19px 0;
}
.header-standard:after {
content: "";
position: absolute;
width: 60px;
height: 1px;
background: #6eb48c;
display: block;
bottom: 0;
left: 50%;
margin-left: -30px;
}
.penci-standard-cat {
overflow: hidden;
display: block;
margin-bottom: 6px;
}
.header-standard .cat {
display: inline-block;
position: relative;
}
.header-standard h2,
.header-standard .post-title,
.header-standard h2 a {
color: #313131;
font-size: 24px;
letter-spacing: 1px;
text-transform: uppercase;
}
.container-single-magazine .single-post-title {
letter-spacing: 1px;
}
.header-standard h2 a:hover {
color: #888888;
}
.header-standard .author-post span {
color: #888;
}
.header-standard .author-post {
margin: 6px 0 0;
font-size: 14px;
}
.header-standard .author-post span,
.header-standard .author-post span a {
font-size: inherit;
}
.header-standard .author-post span a {
color: #313131;
text-transform: capitalize;
}
.header-standard .author-post span a:hover {
color: #6eb48c;
}
.standard-content {
position: relative;
}
.standard-main-content {
text-align: left;
}
.penci-more-link {
text-align: center;
overflow: hidden;
clear: both;
}
.penci-more-link a.more-link {
font-family: 'Raleway', sans-serif;
letter-spacing: 1px;
color: #6eb48c;
text-transform: uppercase;
font-size: 12px;
display: inline-block;
margin-top: 5px;
font-weight: bold;
position: relative;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.standard-post-entry a.more-link:hover {
text-decoration: none;
}
.penci-more-link a.more-link:before,
.penci-more-link a.more-link:after {
position: absolute;
content: "";
width: 60px;
height: 0;
top: 50%;
left: 100%;
margin: 0 10px;
margin-top: -1px;
border-top: 1px solid #6eb48c;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.penci-more-link a.more-link:before {
left: auto;
right: 100%;
}
.penci-more-link a.more-link:hover:before {
right: 50%;
margin-right: -10px;
width: 90px;
}
.penci-more-link a.more-link:hover:after {
left: 50%;
margin-left: -10px;
width: 90px;
}
.penci-more-link.penci-more-link-button {
margin-top: 17px;
}
.penci-more-link.penci-more-link-button a.more-link:before,
.penci-more-link.penci-more-link-button a.more-link:after {
content: none;
display: none;
}
.penci-more-link.penci-more-link-button a.more-link {
line-height: 1;
color: #fff;
background: #6eb48c;
padding: 14px 16px;
margin-top: 0;
}
.penci-more-link.penci-more-link-button a.more-link:hover {
opacity: 0.8;
}
.penci-post-box-meta {
padding: 15px 0;
clear: both;
display: block;
border-top: 1px solid #DEDEDE;
border-bottom: 1px solid #DEDEDE;
margin: 30px 0 0;
}
.penci-post-box-meta.center-inner {
text-align: center;
}
.penci-post-box-meta.center-inner .penci-post-share-box {
float: none;
}
.penci-post-box-meta .penci-box-meta {
display: inline-block;
font-size: 14px;
}
.penci-hide-tagupdated {
display: none !important;
}
.penci-post-box-meta .penci-box-meta span,
.penci-post-box-meta .penci-box-meta a {
color: #888888;
}
.penci-post-box-meta .penci-box-meta i {
margin-right: 10px;
}
.penci-post-box-meta .penci-box-meta a:hover {
color: #6eb48c;
}
.penci-post-box-meta .penci-box-meta span:after {
content: "";
width: 0;
height: 10px;
margin: 0 16px 0 20px;
display: inline-block;
background: none !important;
border-right: 1px solid;
opacity: 0.7;
}
.penci-post-box-meta .penci-box-meta span:last-child:after {
content: none;
display: none;
}
.penci-post-box-meta .penci-post-share-box {
display: inline-block;
float: right;
}
.penci-post-box-meta .penci-post-share-box a {
display: inline-block;
position: relative;
color: #313131;
margin-left: 10px;
font-size: 14px;
}
.penci-post-box-meta .penci-post-share-box a:first-child {
margin-left: 0;
}
.penci-post-share-box a.liked,
.penci-post-share-box a:hover {
color: #6eb48c;
}
.penci-post-share-box .dt-share {
position: absolute;
display: inline-block;
font-size: 9px;
font-family: 'Raleway', sans-serif;
font-weight: normal;
background: #313131;
color: #fff;
height: 20px;
line-height: 20px;
white-space: nowrap;
text-align: center;
bottom: -45px;
width: 60px;
left: 50%;
margin-left: -30px;
opacity: 0;
visibility: hidden;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}
.penci-post-share-box a:hover .dt-share {
opacity: 1;
bottom: -30px;
visibility: visible;
}
.penci-post-share-box .dt-share:before {
position: absolute;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 7px solid #313131;
content: "";
top: -7px;
left: 50%;
margin-left: -4px;
}
.penci-post-like.liked i:before {
content: "\f004";
}
.penci-fawesome-ver5 .penci-post-like.liked i:before {
font-weight: 900;
}
.penci-post-share-box .penci-svg-line,
.list-posts-share .penci-svg-line {
vertical-align: top;
transform: translateY(2px);
-webkit-transform: translateY(2px);
}
.penci-post-share-box .penci-svg-viber,
.list-posts-share .penci-svg-viber {
vertical-align: top;
transform: translateY(4px);
-webkit-transform: translateY(4px);
}
.penci-svg-line,
.penci-svg-viber,
.penci-svg-discord {
width: 14px;
}
.header-standard.header-classic {
margin: 0 0 26px 0;
padding: 0;
}
.header-standard.header-classic:after {
content: none;
display: none;
}
.header-standard.header-classic.penci-title-bellow {
margin-bottom: 40px;
}
ul.penci-grid {
display: inline-block;
width: 100%;
vertical-align: top;
padding: 0 !important;
margin: 0;
}
.penci-grid > li {
display: inline-block;
vertical-align: top;
width: 31.62%;
margin-bottom: 51px;
float: left;
margin-right: 2.57%;
list-style: none !important;
}
.sd-content ul li {
clear: none !important;
width: auto !important;
}
.penci-grid > li.grid-style {
text-align: center;
}
.penci-grid > li:nth-of-type(3n+3) {
margin-right: 0;
}
.penci-grid > li:nth-of-type(3n+1) {
clear: both;
}
.container.penci_sidebar .penci-grid > li {
width: 48.05%;
margin-right: 3.9%;
}
.penci-grid > li.grid-2-style {
width: 48.7%;
margin-right: 2.6%;
}
.penci-lposts-ctcol.pencisc-grid-1 .penci-grid > li,
.penci-lposts-ctcol.pencisc-grid-2 .penci-grid > li,
.penci-lposts-ctcol.pencisc-grid-3 .penci-grid > li,
.penci-lposts-ctcol.pencisc-grid-4 .penci-grid > li,
.penci-lposts-ctcol.pencisc-grid-5 .penci-grid > li,
.penci-lposts-ctcol.pencisc-grid-6 .penci-grid > li {
width: 100%;
margin-bottom: 0;
margin-right: 0;
}
.container.penci_sidebar .penci-grid li:nth-of-type(3n+3) {
margin-right: 3.9%;
clear: none;
}
.container.penci_sidebar .penci-grid li:nth-of-type(2n+1) {
clear: both;
}
.penci-grid li.grid-2-style:nth-of-type(3n+3) {
margin-right: 2.6%;
clear: none;
}
.container.penci_sidebar .penci-grid li:nth-of-type(2n+2),
.penci-grid li.grid-2-style:nth-of-type(2n+2) {
margin-right: 0;
clear: none;
}
.container.penci_sidebar .penci-grid li:nth-of-type(2n+1),
.penci-grid li.grid-2-style:nth-of-type(2n+1) {
clear: both;
}
.penci-grid li .item > .thumbnail,
.penci-masonry .item-masonry > .thumbnail {
display: inline-block;
position: relative;
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
margin-bottom: 28px;
width: 100%;
}
.penci-grid li .item .thumbnail .icon-post-format,
.penci-masonry .item-masonry > .thumbnail .icon-post-format,
.grid-mixed .thumbnail .icon-post-format {
position: absolute;
z-index: 2;
text-align: center;
display: inline-block;
width: 42px;
height: 42px;
line-height: 38px;
top: 50%;
left: 50%;
margin: -21px 0 0 -21px;
font-size: 16px;
opacity: 1;
color: rgba(255, 255, 255, 0.9);
background: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
background: rgba(0, 0, 0, 0.4);
border: 2px solid rgba(255, 255, 255, 0.9);
}
.penci-grid li .item .thumbnail .icon-post-format i.fa-play,
.penci-masonry .item-masonry > .thumbnail .icon-post-format i.fa-play {
margin-left: 3px;
}
.grid-mixed .thumbnail:hover .icon-post-format,
.penci-grid li .item > .thumbnail:hover .icon-post-format,
.penci-masonry .item-masonry > .thumbnail:hover .icon-post-format {
opacity: 0;
transform: scale(0.5);
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
}
.grid-mixed .thumbnail:hover,
.penci-grid li .item > .thumbnail:hover,
.penci-masonry .item-masonry > .thumbnail:hover {
opacity: 0.85;
}
.penci-grid li .item img,
.penci-masonry .item-masonry a img {
width: 100%;
height: auto;
vertical-align: top;
margin: 0;
}
.penci-grid li .item .cat,
.penci-masonry .item-masonry .cat {
color: #6eb48c;
display: block;
margin-bottom: 8px;
}
.penci-grid li .item h2 a,
.penci-masonry .item-masonry h2 a {
font-size: 18px;
color: #313131;
text-transform: uppercase;
letter-spacing: 1px;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
}
.penci-grid li .item h2 a:hover,
.penci-masonry .item-masonry h2 a:hover {
color: #888888;
}
.penci-grid li .item p,
.penci-masonry .item-masonry p {
margin-bottom: 0;
}
.penci-grid li .item .item-content,
.penci-masonry .item-masonry .item-content,
.penci-grid .mixed-detail .item-content {
margin-top: 18px;
text-align: left;
}
.penci-post-box-meta.penci-post-box-grid {
border: none !important;
padding: 0;
text-align: center;
position: relative;
margin-top: 27px;
clear: none;
}
.penci-post-box-meta.penci-post-box-grid:before {
content: "";
position: absolute;
width: 100%;
left: 0;
height: 1px;
background: #DEDEDE;
display: block;
top: 49%;
z-index: 1;
}
.penci-post-box-meta.penci-post-box-grid .penci-post-share-box {
float: none !important;
padding: 0 10px;
position: relative;
z-index: 5;
background: #ffffff;
display: inline-block;
margin-top: 0;
}
.grid-header-box {
padding-bottom: 17px;
position: relative;
}
.grid-header-box:after {
width: 60px;
height: 1px;
background: #6eb48c;
margin-left: -30px;
position: absolute;
left: 50%;
bottom: 0;
content: "";
}
.penci-grid li.grid-overlay-meta .item > .thumbnail,
.penci-masonry .item-masonry.grid-overlay-meta > .thumbnail {
margin-bottom: 0;
vertical-align: top;
}
.grid-overlay-meta .grid-header-box {
margin: -30px 25px 0;
background: #fff;
padding-top: 25px;
padding-left: 5px;
padding-right: 5px;
z-index: 10;
position: relative;
}
.penci-readmore-btn,
.penci-featured-cat-seemore {
margin-top: 10px;
display: block;
text-align: left;
}
.penci-featured-cat-seemore {
clear: both;
margin: -40px 0 60px;
line-height: 1;
}
.penci-seemore-style-8 {
margin-top: -20px;
}
.penci-readmore-btn a,
.penci-featured-cat-seemore a {
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
line-height: inherit;
}
.penci-readmore-btn a:hover,
.penci-featured-cat-seemore a:hover {
opacity: 0.7;
}
.penci-readmore-btn i,
.penci-featured-cat-seemore i {
margin-left: 5px;
font-size: inherit;
color: inherit;
}
.penci-readmore-btn.penci-btn-make-button {
margin-top: 21px;
}
.penci-readmore-btn.penci-btn-remove-arrow i,
.penci-featured-cat-seemore.penci-btn-remove-arrow i {
display: none;
}
.penci-readmore-btn.penci-btn-make-button a,
.penci-featured-cat-seemore.penci-btn-make-button a {
line-height: 1;
color: #fff;
background: #6eb48c;
padding: 10px 15px;
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
font-weight: bold;
letter-spacing: 1px;
font-size: 12px;
display: inline-block;
}
.penci-readmore-btn.penci-btn-align-center,
.penci-featured-cat-seemore.penci-btn-align-center {
text-align: center;
}
.penci-readmore-btn.penci-btn-align-left,
.penci-featured-cat-seemore.penci-btn-align-left {
text-align: left;
}
.penci-readmore-btn.penci-btn-align-right,
.penci-featured-cat-seemore.penci-btn-align-right {
text-align: right;
}
.penci-wrap-masonry {
margin-left: -15px;
margin-right: -15px;
}
.penci-masonry {
width: 100%;
display: inline-block;
vertical-align: top;
}
.penci-masonry .item-masonry {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
width: 33.3333%;
display: inline-block;
padding: 0 15px;
float: left;
margin-bottom: 51px;
text-align: center;
}
.container.penci_sidebar .penci-masonry .item-masonry,
.penci-masonry .item-masonry.grid-masonry-2 {
width: 50%;
}
.penci-masonry .item-masonry .thumbnail > a {
display: inline-block;
vertical-align: top;
width: 100%;
}
.pencisc-grid-6 .penci-masonry .item-masonry {
width: 16.6666667%;
}
.pencisc-grid-5 .penci-masonry .item-masonry {
width: 20%;
}
.pencisc-grid-4 .penci-masonry .item-masonry {
width: 25%;
}
.pencisc-grid-3 .penci-masonry .item-masonry {
width: 33.3333%;
}
.pencisc-grid-2 .penci-masonry .item-masonry {
width: 50%;
}
.pencisc-grid-1 .penci-masonry .item-masonry {
width: 100%;
}
.penci-masonry .standard-masonry {
width: 50%;
}
.standard-masonry .standard-main-content > h2 {
font-size: 20px;
}
.standard-masonry .standard-main-content > h2:before {
height: 18px;
top: 3px;
}
.penci-masonry .item-masonry.standard-masonry .cat a {
margin-bottom: 13px;
}
.standard-masonry .post-box-meta {
margin-top: 14px;
}
.cat > a.penci-cat-name {
font-size: 13px;
color: #6eb48c;
line-height: 1.2;
margin: 0 18px 0 0;
padding-right: 10px;
display: inline-block;
vertical-align: top;
background: none;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
font-weight: normal;
margin-bottom: 5px;
position: relative;
text-decoration: none;
}
.cat > a.penci-cat-name:after {
content: "";
display: inline-block;
border: 1px solid;
font-size: 12px;
margin-left: 11px;
position: absolute;
top: 50%;
margin-top: -3px;
width: 3px;
height: 3px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.cat > a.penci-cat-name:hover {
}
.cat > a.penci-cat-name:first-child {
margin-left: 0;
}
.cat > a.penci-cat-name:last-child {
margin-right: 0;
padding: 0;
}
.cat > a.penci-cat-name:last-child:after {
content: none;
display: none;
}
.penci-grid li.list-post {
width: 100% !important;
margin-right: 0 !important;
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid #DEDEDE;
}
.penci-grid li.list-post:last-child {
margin-bottom: 40px;
padding-bottom: 0;
border-bottom: none;
}
.penci-grid li.list-post .item > .thumbnail {
margin: 0;
width: 48.052%;
float: left;
max-width: 370px;
}
.penci-latest-posts-sc .penci-grid li.list-post .item > .thumbnail {
max-width: 1000px;
}
.penci-grid li.list-post .item .content-list-right {
margin: 0;
padding-left: 400px;
}
.penci-grid li.list-post .item .content-list-right.fullwidth {
padding: 0 !important;
}
.list-post .header-list-style {
position: relative;
padding-bottom: 17px;
}
.list-post .header-list-style:after {
content: "";
width: 60px;
height: 1px;
background: #6eb48c;
display: block;
bottom: 0;
left: 0;
position: absolute;
}
.content-special-list {
width: 100%;
display: block;
padding: 30px;
background-size: cover;
background-position: center center;
position: relative;
}
.content-special-list.no-thumbnail {
padding: 0;
}
.content-special-list .standard-content-special {
position: relative;
left: auto;
top: auto;
bottom: auto;
right: auto;
}
.content-special-list.no-thumbnail .standard-content-special {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
border: 1px solid #ECECEC;
}
.grid-mixed {
display: table;
width: 100%;
vertical-align: top;
border: 1px solid #DEDEDE;
margin-bottom: 60px;
}
.grid-mixed > article {
width: 100%;
display: table;
}
.grid-mixed .thumbnail,
.grid-mixed .mixed-detail {
display: table-cell;
vertical-align: top;
}
.grid-mixed .thumbnail.thumb-right {
display: none;
}
.penci-grid > .grid-mixed:nth-of-type(2n) .thumbnail.thumb-right {
display: table-cell;
}
.penci-grid > .grid-mixed:nth-of-type(2n) .thumbnail.thumb-left {
display: none;
}
.grid-mixed .thumbnail {
width: 65.812%;
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
position: relative;
}
.grid-mixed .mixed-detail {
width: 34.188%;
padding: 30px;
padding-bottom: 115px;
position: relative;
}
.grid-mixed .mixed-detail .cat {
margin-bottom: 8px;
display: block;
}
.grid-mixed .mixed-detail h2 a {
font-size: 18px;
text-transform: uppercase;
color: #313131;
}
.grid-mixed .mixed-detail h2 a:hover {
color: #888;
}
.grid-mixed .grid-header-box:after {
left: 0;
margin: 0;
}
.grid-mixed .penci-post-box-meta {
margin: 0 0 4px 0;
position: absolute;
left: 30px;
bottom: 30px;
right: 30px;
display: block;
}
.penci-latest-posts-sc .grid-mixed .thumbnail.thumb-left,
.penci-latest-posts-sc .grid-mixed .mixed-detail,
.penci-el-mixed-s2 .grid-mixed .thumbnail.thumb-left,
.penci-el-mixed-s2 .grid-mixed .mixed-detail,
.penci_sidebar .grid-mixed .thumbnail.thumb-left,
.penci_sidebar .grid-mixed .mixed-detail {
display: block !important;
width: 100%;
}
.penci_sidebar .grid-mixed .mixed-detail {
padding: 30px;
}
.penci_sidebar .grid-mixed .penci-post-box-meta {
position: relative;
margin: 31px 0 4px;
left: auto;
right: auto;
bottom: auto;
}
.penci-latest-posts-sc .grid-mixed .thumbnail.thumb-right,
.penci-el-mixed-s2 .grid-mixed .thumbnail.thumb-right,
.penci_sidebar .grid-mixed .thumbnail.thumb-right {
display: none !important;
}
.penci-el-mixed-s2 .penci-grid > li {
width: 48.05%;
margin-right: 3.9%;
}
.penci-el-mixed-s2 .penci-grid li:nth-of-type(2n+1) {
clear: both;
}
.penci-el-mixed-s2 .penci-grid li:nth-of-type(2n+2) {
margin-right: 0;
clear: none;
}
.penci-grid .list-post.list-boxed-post {
position: relative;
padding-bottom: 0;
border: 1px solid #DEDEDE !important;
margin-bottom: 60px;
}
.penci-post-box-meta.post-box-boxed-1 {
margin: 31px 0 0;
text-align: left;
}
.penci-layout-boxed-1 .list-boxed-post .header-list-style:after,
.penci-layout-standard-boxed-1 .list-boxed-post .header-list-style:after,
.penci-layout-classic-boxed-1 .list-boxed-post .header-list-style:after,
.list-post.list-boxed-post .header-list-style:after {
left: 50%;
margin-left: -30px;
}
.grid-post-box-meta {
margin: 12px 0 0;
font-size: 14px;
}
.grid-post-box-meta span {
color: #888888;
}
.grid-post-box-meta span,
.grid-post-box-meta a {
font-size: inherit;
}
.grid-post-box-meta span.author-italic {
}
.grid-post-box-meta span:after {
content: "";
width: 1px;
height: 10px;
background: #DEDEDE;
margin: 0 11px 0 15px;
border-right: 1px solid;
background: none !important;
opacity: 0.6;
display: inline-block;
}
.grid-post-box-meta span:last-child:after {
content: none;
display: none;
}
.grid-post-box-meta span a {
color: #313131;
}
.grid-post-box-meta span a.comment-link {
color: #888888;
font-style: normal;
}
.grid-post-box-meta span a:hover,
.grid-post-box-meta span a.comment-link:hover {
color: #6eb48c;
}
.list-boxed-post .grid-post-share-box .inner-grid-post-share-box {
background: #ffffff;
}
.penci-grid .list-post.list-boxed-post .item > .thumbnail {
width: 50%;
max-width: none;
position: relative;
float: none;
}
.penci-grid .list-post.list-boxed-post .item > .content-list-right {
float: right;
}
.penci-grid li.list-boxed-post:nth-of-type(2n+2) .item > .content-list-right {
float: left;
}
.penci-grid .list-post.list-boxed-post .item > .thumbnail:before {
content: "";
width: 0;
height: 0;
border-top: 20px solid transparent;
border-right: 20px solid #ffffff;
border-bottom: 20px solid transparent;
position: absolute;
right: 0;
top: 50%;
margin-top: -20px;
z-index: 5;
}
.penci-grid .list-post.list-boxed-post:nth-of-type(2n+2) .item > .thumbnail:before {
border-right: none;
border-left: 20px solid #ffffff;
right: auto;
left: 0;
}
.penci-grid .list-post.list-boxed-post .item .content-list-right {
padding: 20px 60px;
display: table;
width: 50%;
min-height: 389px;
height: 389px;
text-align: center;
}
.list-boxed-post .inner-content-list-right {
vertical-align: middle;
display: table-cell;
}
.penci_sidebar .penci-grid .list-post.list-boxed-post .item .content-list-right {
padding: 20px 30px;
min-height: 0;
height: auto;
}
.penci-grid .list-post.list-boxed-post .item .content-list-right.fullwidth {
width: 100%;
max-width: none;
}
.list-boxed-post .fullwidth .inner-content-list-right {
min-height: 0;
padding-left: 0;
padding-right: 0;
}
.grid-overlay {
margin-bottom: 60px;
position: relative;
display: block;
clear: both;
}
.penci-overlay-over {
position: relative;
}
.penci-overlay-over:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.3;
z-index: 1;
transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
}
.penci-overlay-over:hover:before {
opacity: 0.5;
}
.penci-overlay-over .overlay-header-box {
position: absolute;
text-align: center;
left: 20px;
right: 20px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
z-index: 10;
padding-bottom: 18px;
}
.penci-overlay-over .overlay-header-box:after {
content: "";
height: 1px;
background: #fff;
display: block;
position: absolute;
bottom: 0;
width: 60px;
left: 50%;
margin-left: -30px;
}
.penci-overlay-over:hover .overlay-header-box:after {
width: 60px;
left: 50%;
margin-left: -30px;
}
.overlay-header-box .cat {
display: block;
margin-bottom: 6px;
}
.overlay-header-box .cat > a.penci-cat-name {
color: #fff;
}
.overlay-header-box .cat > a.penci-cat-name:hover {
color: #6eb48c;
text-decoration: none;
}
.overlay-header-box .cat > a.penci-cat-name:after {
border-color: #fff;
}
.overlay-header-box .overlay-author {
margin-top: 6px;
font-size: 14px;
}
.overlay-header-box .overlay-title a {
text-transform: uppercase;
color: #fff;
font-size: 24px;
}
.overlay-author span, .overlay-author a {
color: #fff;
font-style: italic;
}
.overlay-author a:hover {
color: #6eb48c;
}
.penci-overlay-over .overlay-border {
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
display: block;
border: 1px solid #fff;
z-index: 5;
}
.overlay-post-box-meta {
position: absolute;
bottom: -1px;
left: 30px;
right: 30px;
text-align: center;
margin: 0;
background: #fff;
z-index: 7;
border: none;
padding: 21px 10px 0;
}
.overlay-post-box-meta > div {
display: inline-block;
vertical-align: bottom;
line-height: 1;
float: none !important;
}
.overlay-post-box-meta > div:after {
content: "";
width: 0;
height: 10px;
margin: 0 17px 0 19px;
display: inline-block;
border-right: 1px solid;
background: none !important;
opacity: 0.7;
}
.overlay-post-box-meta > div:last-child:after {
content: none;
display: none;
}
.overlay-post-box-meta,
.overlay-post-box-meta .overlay-share span,
.overlay-post-box-meta .overlay-share a {
color: #888;
}
.overlay-post-box-meta .overlay-share a:hover {
color: #6eb48c;
}
.overlay-post-box-meta .overlay-share i {
color: inherit;
margin-right: 10px;
}
.penci-grid li.list-boxed-post-2 {
margin: 0 !important;
width: 33.3333%;
}
.penci-grid li.list-boxed-post-2:last-child {
margin-bottom: 60px !important;
}
.penci_sidebar .penci-grid li.list-boxed-post-2 {
width: 50%;
}
.penci-grid li.list-boxed-post-2 .item > .thumbnail {
margin: 0;
}
.penci-grid li.list-boxed-post-2 .item > .thumbnail:before {
position: absolute;
content: "";
width: 0;
height: 0;
border-left: 18px solid transparent;
border-right: 18px solid transparent;
border-bottom: 18px solid #ffffff;
left: 50%;
margin-left: -18px;
bottom: 0;
}
.penci-grid li.list-boxed-post-2 .item > .thumbnail.arrow-top:before {
border-bottom: none;
border-top: 18px solid #ffffff;
bottom: auto;
top: 0;
}
.penci-grid li.list-boxed-post-2 .content-boxed-2 {
border: 1px solid #efefef;
}
.penci-grid li.list-boxed-post-2 .content-boxed-2.show-bottom {
border-top: none;
}
.penci-grid li.list-boxed-post-2 .content-boxed-2.show-top {
border-bottom: none;
}
.penci-grid li.list-boxed-post-2 .content-boxed-2.boxed-none {
display: none;
}
.penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 {
height: 258px;
display: table;
text-align: center;
padding: 20px;
width: 100%;
}
.penci_sidebar .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 {
height: 256px;
}
.penci-grid li.list-boxed-post-2 .inner-boxed-2 {
display: table-cell;
vertical-align: middle;
max-width: 100%;
}
.typography-style .content-typography {
position: absolute;
left: 20px;
right: 20px;
top: 20px;
bottom: 20px;
transition: opacity 0.4s;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
}
.penci-grid li.typography-style {
margin-bottom: 30px;
}
.penci-grid li.typography-style:last-child {
margin-bottom: 60px;
}
.penci-grid li.typography-style .item > .thumbnail {
margin-bottom: 0;
}
.penci-grid li.typography-style .item > .thumbnail:hover {
opacity: 1;
}
.typography-style .content-typography:hover,
.penci-grid .typography-style .thumbnail:hover .content-typography {
opacity: 1;
}
.penci-grid li.typography-style .overlay-typography {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000000;
opacity: 0.3;
transition: opacity 0.3s ease 0s;
-webkit-transition: opacity 0.3s ease 0s;
-moz-transition: opacity 0.3s ease 0s;
}
.penci-grid li.typography-style:hover .overlay-typography {
opacity: 0.7;
}
.penci-grid li.typography-style .overlay-typography:before,
.penci-grid li.typography-style .overlay-typography:after {
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.penci-grid li.typography-style .overlay-typography:before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
.penci-grid li.typography-style .overlay-typography:after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
.penci-grid li.typography-style:hover .overlay-typography:before,
.penci-grid li.typography-style:hover .overlay-typography:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.typography-style .main-typography {
position: absolute;
z-index: 5;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
}
.typography-style .main-typography a.penci-cat-name {
color: #fff;
border-color: #fff;
text-decoration: none;
}
.typography-style .main-typography a.penci-cat-name:after {
border-color: #fff;
}
.penci-grid li.typography-style .item .main-typography h2 a {
color: #fff;
}
.penci-grid li.typography-style .grid-post-box-meta span,
.penci-grid li.typography-style .grid-post-box-meta span a {
color: #fff;
}
.penci-grid li.typography-style .grid-post-box-meta span a:hover,
.penci-grid li.typography-style .item .main-typography h2 a:hover {
color: #6eb48c;
}
.penci-grid > li.photography-2 {
margin-bottom: 30px;
}
.penci-grid > li.photography-2:last-child {
margin-bottom: 60px;
}
.penci-photo-2-effect {
position: relative;
overflow: hidden;
background: #000;
text-align: center;
cursor: pointer;
}
.penci-photo-2-effect img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
opacity: 0.7;
display: block;
position: relative;
}
.penci-photo-2-effect:hover img {
opacity: 0.4;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
}
.penci-photo-2-effect figcaption,
.penci-photo-2-effect figcaption a.photo-2-overlay {
padding: 60px;
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.penci-photo-2-effect figcaption {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.penci-photo-2-effect a.photo-2-overlay {
z-index: 100;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.penci-photo-2-effect figcaption h2,
.penci-photo-2-effect figcaption p {
color: #fff;
position: absolute;
top: 50%;
left: 0;
width: 100%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.penci-photo-2-effect figcaption h2 {
font-size: 24px;
padding: 0 60px;
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
font-weight: bold;
top: 50%;
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
padding-bottom: 30px;
}
.penci-photo-2-effect:hover figcaption h2 {
padding-bottom: 15px;
}
.penci-photo-2-effect figcaption p {
padding: 0 60px;
top: 50%;
margin-top: 30px;
line-height: 1.8;
}
.penci-photo-2-effect:hover figcaption p {
margin-top: 15px;
}
.penci-photo-2-effect figcaption:before,
.penci-photo-2-effect figcaption:after {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: 1px;
background: #fff;
content: '';
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.penci-photo-2-effect:hover figcaption:after {
opacity: 0.5;
-webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.penci-photo-2-effect:hover figcaption:before {
opacity: 0.5;
-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.penci_sidebar .penci-photo-2-effect figcaption {
padding: 20px;
}
.penci_sidebar .penci-photo-2-effect figcaption h2 {
padding: 0 20px 20px;
font-size: 18px;
}
.penci_sidebar .penci-photo-2-effect figcaption p {
margin-top: 20px;
padding: 0 20px;
font-size: 93%;
}
.penci_sidebar .penci-photo-2-effect:hover figcaption h2 {
padding-bottom: 10px;
}
.penci_sidebar .penci-photo-2-effect:hover figcaption p {
margin-top: 10px;
}
section.home-featured-cat {
clear: both;
display: block;
width: 100%;
}
.home-featured-cat.mag-cat-style-2 {
display: inline-block;
width: 48.05%;
margin-right: 3.9%;
float: left;
}
.elementor-row .home-featured-cat.mag-cat-style-2,
.vc_row .home-featured-cat.mag-cat-style-2 {
width: 100%;
float: none;
margin-right: 0;
vertical-align: top;
}
#main .theiaStickySidebar > div.mag-cat-style-2:nth-of-type(2n+2),
#main > div.mag-cat-style-2:nth-of-type(2n+2) {
margin-right: 0;
}
.penci-grid li.magazine-layout .item h2 a {
text-transform: none;
letter-spacing: 0;
}
.penci-homepage-title.penci-magazine-title {
text-align: left;
}
.penci-homepage-title.penci-magazine-title:before {
left: 30px;
}
.penci-homepage-title.penci-magazine-title h3 a {
color: #313131;
}
.penci-homepage-title.pcalign-left {
text-align: left;
}
.penci-homepage-title.pcalign-center {
text-align: center;
}
.penci-homepage-title.pcalign-right {
text-align: right;
}
.home-featured-cat-content {
display: inline-block;
width: 100%;
vertical-align: top;
margin-bottom: 60px;
}
.elementor-widget-penci-featured-cat .penci-featured-cat-seemore.penci-seemore-style-13 {
margin-top: 0;
margin-bottom: 0;
}
.elementor-widget-penci-featured-cat .penci-featured-cat-seemore.penci-seemore-style-8,
.elementor-widget-penci-featured-cat .penci-featured-cat-seemore {
margin-top: 20px;
margin-bottom: 0;
}
.elementor-widget-penci-featured-cat .home-featured-cat-content {
margin-bottom: 0 !important;
}
.home-featured-cat-content.style-1 {
display: table;
width: 100%;
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
}
.home-featured-cat-content.style-3,
.home-featured-cat-content.style-11 {
display: table;
width: 100%;
width: calc(100% + 10px);
margin-left: -5px;
margin-right: -5px;
margin-bottom: 50px;
}
.penci-featured-cat-ctcol .home-featured-cat-content.style-3,
.penci-featured-cat-ctcol .home-featured-cat-content.style-11 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.home-featured-cat-content.style-5 {
overflow: hidden;
}
.home-featured-cat-content.style-7 {
margin-bottom: 34px;
}
.home-featured-cat-content.style-8 {
margin-bottom: 0;
}
.home-featured-cat-content.style-13 {
margin-bottom: 40px;
}
.home-featured-cat-content .cat-left,
.home-featured-cat-content .cat-right {
width: 50%;
float: left;
display: inline-block;
padding: 0 15px;
}
.home-featured-cat-content .mag-post-box {
width: 100%;
overflow: hidden;
display: table;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #ececec;
}
.home-featured-cat-content .mag-post-box.first-post {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.home-featured-cat-content > .mag-post-box:last-child,
.home-featured-cat-content .cat-right > .mag-post-box:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.home-featured-cat-content.style-2 .mag-post-box.first-post,
.home-featured-cat-content.style-10 .mag-post-box.first-post {
padding-bottom: 22px;
margin-bottom: 30px;
border-bottom: 1px solid #DEDEDE;
}
.home-featured-cat-content .mag-post-box .magcat-thumb {
float: left;
margin-right: 20px;
position: relative;
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
}
.home-featured-cat-content .magcat-thumb .icon-post-format,
.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image a.icon-post-format,
.widget ul.side-newsfeed li .side-item .side-image a.icon-post-format {
width: 30px;
height: 30px;
position: absolute;
display: inline-block;
line-height: 26px;
z-index: 10;
top: 50%;
left: 50%;
text-align: center;
margin: -15px 0 0 -15px;
border-radius: 50%;
font-size: 13px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
border: 2px solid rgba(255, 255, 255, 0.9);
background: rgba(0, 0, 0, 0.4);
color: rgba(255, 255, 255, 0.9);
}
.home-featured-cat-content .mag-post-box.first-post .magcat-thumb .icon-post-format,
.penci_recent-posts-sc ul.side-newsfeed li.featured-news .side-item .side-image a.icon-post-format,
.widget ul.side-newsfeed li.featured-news .side-item .side-image a.icon-post-format,
.home-featured-cat-content.style-3 .magcat-thumb .icon-post-format,
.home-featured-cat-content.style-4 .magcat-thumb .icon-post-format {
font-size: 18px;
width: 42px;
height: 42px;
line-height: 38px;
margin: -21px 0 0 -21px;
}
.home-featured-cat-content.style-3 .magcat-thumb .icon-post-format {
left: 20px;
top: 20px;
margin: 0;
}
.home-featured-cat-content.style-4 .magcat-thumb .icon-post-format {
left: auto;
top: 20px;
right: 20px;
margin: 0;
}
.penci_recent-posts-sc ul.side-newsfeed li.featured-news .side-item .side-image a.icon-post-format i.fa-play,
.widget ul.side-newsfeed li.featured-news .side-item .side-image a.icon-post-format i.fa-play,
.home-featured-cat-content .magcat-thumb .icon-post-format i.fa-play {
margin-left: 2px;
}
.penci_recent-posts-sc ul.side-newsfeed li.featured-news .side-item .side-image a.icon-post-format i.fa-music,
.widget ul.side-newsfeed li.featured-news .side-item .side-image a.icon-post-format i.fa-music,
.home-featured-cat-content .magcat-thumb .icon-post-format i.fa-music {
margin-right: 2px;
}
.penci-magcat-carousel .magcat-thumb .mag-post-thumb {
position: relative;
}
.penci-magcat-carousel .magcat-thumb .mag-post-thumb i {
position: absolute;
z-index: 2;
text-align: center;
display: inline-block;
width: 42px;
height: 42px;
line-height: 38px;
background: none;
top: 50%;
left: 50%;
margin: -21px 0 0 -21px;
font-size: 18px;
opacity: 1;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
border: 2px solid rgba(255, 255, 255, 0.9);
background: rgba(0, 0, 0, 0.4);
color: rgba(255, 255, 255, 0.9);
}
.penci-magcat-carousel .magcat-thumb .mag-post-thumb i.fa-play:before {
margin-left: 2px;
}
.penci-magcat-carousel .magcat-thumb .mag-post-thumb i.fa-music:before {
margin-right: 2px;
}
.penci-magcat-carousel .magcat-thumb .mag-post-thumb:hover i,
.home-featured-cat-content .magcat-thumb:hover .icon-post-format,
.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image:hover a.icon-post-format,
.widget ul.side-newsfeed li .side-item .side-image:hover a.icon-post-format {
opacity: 0;
transform: scale(0.5);
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
}
.home-featured-cat-content .mag-post-box .magcat-thumb img {
width: 120px;
height: auto;
}
.home-featured-cat-content .mag-post-box.first-post .magcat-thumb {
margin: 0 0 24px 0;
float: none;
}
.home-featured-cat-content .mag-post-box .magcat-thumb:hover {
opacity: 0.8;
}
.home-featured-cat-content .mag-post-box.first-post .magcat-thumb img {
width: 100% !important;
}
.home-featured-cat-content .first-post .magcat-detail .mag-header {
padding-bottom: 17px;
margin-bottom: 19px;
position: relative;
}
.home-featured-cat-content .first-post .magcat-detail .mag-header:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 1px;
background: #6eb48c;
display: block;
}
.home-featured-cat-content .magcat-detail h3 a {
color: #313131;
display: block;
font-size: 14px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
font-family: "Raleway", sans-serif;
font-weight: bold;
letter-spacing: 0;
line-height: 1.4;
}
.home-featured-cat-content .first-post .magcat-detail h3 a {
font-size: 18px;
}
.home-featured-cat-content .magcat-detail h3 a:hover {
color: #6eb48c;
text-decoration: none;
}
.home-featured-cat-content .magcat-detail .mag-meta {
margin-top: 7px;
}
.home-featured-cat-content .mag-photo {
display: inline-block;
width: 50%;
float: left;
margin-bottom: 10px;
padding: 0 5px;
overflow: hidden;
}
.penci-featured-cat-ctcol.pencisc-grid-1 .style-3 .mag-photo,
.penci-featured-cat-ctcol.pencisc-grid-2 .style-3 .mag-photo,
.penci-featured-cat-ctcol.pencisc-grid-3 .style-3 .mag-photo,
.penci-featured-cat-ctcol.pencisc-grid-4 .style-3 .mag-photo,
.penci-featured-cat-ctcol.pencisc-grid-5 .style-3 .mag-photo,
.penci-featured-cat-ctcol.pencisc-grid-6 .style-3 .mag-photo,
.penci-featured-cat-ctcol.pencisc-grid-1 .style-11 .mag-photo,
.penci-featured-cat-ctcol.pencisc-grid-2 .style-11 .mag-photo,
.penci-featured-cat-ctcol.pencisc-grid-3 .style-11 .mag-photo,
.penci-featured-cat-ctcol.pencisc-grid-4 .style-11 .mag-photo,
.penci-featured-cat-ctcol.pencisc-grid-5 .style-11 .mag-photo,
.penci-featured-cat-ctcol.pencisc-grid-6 .style-11 .mag-photo {
width: 100%;
margin: 0;
padding: 0;
}
.home-featured-cat-content.style-3 > .mag-photo:nth-child(2n+3) {
clear: both;
}
.home-featured-cat-content .mag-photo .magcat-thumb {
position: relative;
overflow: hidden;
}
.home-featured-cat-content .mag-photo .magcat-detail {
position: absolute;
padding: 20px;
width: 100%;
z-index: 5;
left: 0;
bottom: 0;
}
.home-featured-cat-content .mag-photo .magcat-detail h3 a {
color: #fff;
font-size: 18px;
}
.home-featured-cat-content .mag-photo .mag-overlay-photo {
position: absolute;
background: #000;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.15;
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
z-index: 2;
}
.home-featured-cat-content .mag-photo:hover .mag-overlay-photo {
opacity: 0.7;
}
.home-featured-cat-content .mag-photo .grid-post-box-meta span,
.home-featured-cat-content .mag-photo .grid-post-box-meta span a {
color: #fff;
}
.home-featured-cat-content .mag-photo .grid-post-box-meta span:after {
color: #fff;
}
.container .penci-grid li.magazine-layout {
text-align: left;
}
.container .penci-grid li.magazine-layout .grid-header-box:after {
left: 0;
margin-left: 0;
}
.penci-featured-cat-custom-ads {
margin-top: -40px;
margin-bottom: 60px;
clear: both;
display: block;
overflow: hidden;
width: 100%;
text-align: center;
}
.home-featured-cat-content.style-6 {
margin-bottom: 50px;
}
.home-featured-cat-content.style-6 .cat-left,
.home-featured-cat-content.style-6 .cat-right {
width: 100%;
float: none;
padding: 0;
}
.home-featured-cat-content.style-6 .cat-left {
margin-bottom: 30px;
}
.home-featured-cat-content.style-6 .mag-post-box.first-post {
display: inline-block;
vertical-align: top;
margin: 0;
width: 100%;
float: none;
}
.home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-thumb {
margin: 0;
width: 48.052%;
float: left;
max-width: 370px;
}
.home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail {
margin: 0;
padding-left: 400px;
}
.home-featured-cat-content.style-6 .mag-post-box.first-post.full-mag-cat .magcat-detail {
padding: 0 !important;
}
.home-featured-cat-content.style-6 .cat-right .mag-post-box {
float: left;
width: 48.5%;
margin-right: 3%;
display: inline-block;
border: none;
padding-bottom: 0;
margin-bottom: 30px;
}
.home-featured-cat-content.style-6 .cat-right .mag-post-box:nth-child(2n+2) {
margin-right: 0;
}
.home-featured-cat-content.style-6 .cat-right .mag-post-box:last-child {
margin-bottom: 0;
}
.mag-single-slider .penci-image-holder:before {
padding-top: 66.6667%;
}
section.home-featured-cat.mag-cat-style-4,
section.home-featured-cat.mag-cat-style-5 {
display: block;
clear: both;
}
.penci-slider.penci-single-mag-slider .penci-control-nav {
position: static;
clear: both;
margin-top: 20px !important;
}
.penci-slider.penci-single-mag-slider ul.slides li:before,
.penci-slider.penci-single-mag-slider ul.slides li:after {
content: none;
display: none;
}
.penci-single-mag-slider .magcat-thumb {
position: relative;
}
.penci-single-mag-slider .mag-single-slider-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 1;
background: -moz-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%);
background: -webkit-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%);
background: -o-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%);
background: -ms-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%);
background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%);
transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
opacity: 0.7;
}
.penci-single-mag-slider .magcat-thumb:hover .mag-single-slider-overlay {
opacity: 0.85;
}
.penci-single-mag-slider .magcat-detail {
position: absolute;
z-index: 3;
left: 0;
bottom: 0;
width: 100%;
padding: 25px 30px;
}
.penci-single-mag-slider .magcat-detail .magcat-titlte {
font-size: 24px;
margin: 0;
line-height: 1.3;
opacity: 0;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
-o-animation-delay: .5s;
animation-delay: .5s;
}
.penci-single-mag-slider .magcat-detail .magcat-titlte a {
font-size: inherit;
color: #fff;
line-height: inherit;
}
.penci-single-mag-slider .magcat-detail .magcat-titlte a:hover {
color: #fff;
}
.home-featured-cat-content .penci-single-mag-slider .grid-post-box-meta {
margin-top: 14px;
opacity: 0;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: .7s;
-moz-animation-delay: .7s;
-o-animation-delay: .7s;
animation-delay: .7s;
}
.penci-single-mag-slider .active .magcat-detail .magcat-titlte,
.penci-single-mag-slider .active .grid-post-box-meta {
-webkit-animation-name: pencifadeInUp;
-moz-animation-name: pencifadeInUp;
-o-animation-name: pencifadeInUp;
animation-name: pencifadeInUp;
}
.penci-single-mag-slider .grid-post-box-meta span,
.penci-single-mag-slider .grid-post-box-meta span a {
color: #fff;
}
body .penci-slider.penci-single-mag-slider ol.penci-control-nav li {
margin: 0 4px;
}
.penci-magcat-carousel-wrapper {
margin-left: -15px;
margin-right: -15px;
}
.home-featured-cat-content.style-12 .penci-magcat-carousel-wrapper {
margin-left: -10px;
margin-right: -10px;
}
.penci-magcat-carousel .magcat-carousel {
padding: 0 15px;
transition: opacity 0.25s ease-in;
-webkit-transition: opacity 0.25s ease-in;
-moz-transition: opacity 0.25s ease-in;
}
.home-featured-cat-content.style-12 .penci-magcat-carousel .magcat-carousel {
padding: 0 10px;
}
.penci-magcat-carousel .magcat-thumb .mag-post-thumb {
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
margin: 0 0 24px 0;
float: none;
display: inline-block;
vertical-align: top;
width: 100%;
}
.penci-magcat-carousel .magcat-thumb .mag-post-thumb:hover {
opacity: 0.9;
}
.home-featured-cat-content .penci-magcat-carousel .magcat-detail h3 a {
font-size: 18px;
}
.home-featured-cat-content.style-7 .penci-grid > li {
margin-bottom: 26px;
}
.home-featured-cat-content.style-7 .grid-header-box {
text-align: left;
}
.home-featured-cat-content.style-7 .grid-overlay-meta .grid-header-box,
.magazine-layout.magazine-2 .grid-header-box {
margin-left: 0;
padding-left: 0;
}
.home-featured-cat-content.style-7 .grid-header-box:after {
margin: 0;
left: 0;
}
.home-featured-cat-content.style-7 .penci-grid li .item h2 a {
text-transform: none;
letter-spacing: 0;
}
.home-featured-cat-content.style-9 .mag-post-box,
.home-featured-cat-content.style-10 .mag-post-box {
width: 48.0745%;
float: left;
margin-right: 3.851%;
border-bottom: none;
}
.home-featured-cat-content.style-9 .mag-post-box:nth-child(2n+1),
.home-featured-cat-content.style-10 .mag-post-box:nth-child(2n+1) {
clear: both;
}
.home-featured-cat-content.style-9 .mag-post-box:nth-child(2n+2),
.home-featured-cat-content.style-10 .mag-post-box:nth-child(2n+2) {
margin-right: 0;
}
.home-featured-cat-content.style-9 .mag-post-box.first-post {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.home-featured-cat-content.style-10 .mag-post-box.first-post {
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.home-featured-cat-content.style-9 .mag-post-box:nth-last-child(2),
.home-featured-cat-content.style-10 .mag-post-box:nth-last-child(2),
.home-featured-cat-content.style-6 .cat-right .mag-post-box:nth-last-child(2) {
margin-bottom: 0;
padding: 0;
border-bottom: 0;
}
}
.home-featured-cat-content.style-11 .mag-photo .magcat-detail {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
bottom: auto;
top: 50%;
text-align: center;
padding: 10px 20px;
}
.home-featured-cat-content.style-12 .penci-magcat-carousel .magcat-thumb .mag-post-thumb {
margin-bottom: 18px;
}
.home-featured-cat-content.style-12 .penci-magcat-carousel .magcat-detail h3 a {
font-size: 15px;
}
.home-featured-cat-content.style-12 .magcat-detail .mag-meta {
font-size: 13px;
margin-top: 5px;
}
@media only screen and (min-width: 1170px) {
ul.penci-grid.penci-fea-cat-style-13 {
width: 100%;
width: calc(100% + 20px);
margin-left: -10px;
margin-right: -10px;
}
.container.penci_sidebar .penci-grid.penci-fea-cat-style-13 > li,
.penci-grid.penci-fea-cat-style-13 > li {
width: 33.3333333%;
margin: 0 0 20px 0;
padding: 0 10px;
}
.container.penci_sidebar .penci-grid.penci-fea-cat-style-13 > li:nth-child(2n+1),
.penci-grid.penci-fea-cat-style-13 > li:nth-child(2n+1) {
clear: none;
}
.container.penci_sidebar .penci-grid.penci-fea-cat-style-13 > li:nth-child(3n+1),
.penci-grid.penci-fea-cat-style-13 > li:nth-child(3n+1) {
clear: both;
}
}
.penci-grid.penci-fea-cat-style-13 > li.grid-style {
text-align: left;
}
.penci-grid.penci-fea-cat-style-13 li .item > .thumbnail {
margin-bottom: 18px;
}
.penci-grid.penci-fea-cat-style-13 li .item h2 a {
font-size: 15px;
text-transform: none;
letter-spacing: 0;
line-height: 1.4;
}
.penci-fea-cat-style-13 .grid-post-box-meta {
font-size: 13px;
margin-top: 5px;
}
.penci-fea-cat-style-13 .grid-header-box {
padding-bottom: 0;
}
.penci-fea-cat-style-13 .grid-header-box:after {
content: none;
}
.home-featured-cat-content.style-14 .first-post .magcat-detail {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0 17px;
z-index: 10;
}
.home-featured-cat-content.style-14 .first-post .magcat-detail .mag-header:after {
content: none;
}
.home-featured-cat-content.style-14 .mag-post-box {
margin-bottom: 10px;
padding-bottom: 10px;
}
.home-featured-cat-content.style-14 .mag-post-box:last-child {
margin: 0;
padding: 0;
}
.home-featured-cat-content.style-14 .first-post .magcat-detail .mag-header {
margin-bottom: 14px;
padding-bottom: 0;
}
.home-featured-cat-content.style-14 .first-post .magcat-detail h3 a {
font-size: 16px;
}
.home-featured-cat-content.style-14 .first-post .magcat-detail h3 a,
.home-featured-cat-content.style-14 .first-post .magcat-detail h3 a:hover {
color: #ffffff;
}
.home-featured-cat-content.style-14 .mag-meta {
color: #ffffff;
font-size: 13px;
margin-top: 5px;
}
.home-featured-cat-content.style-14 .mag-meta span,
.home-featured-cat-content.style-14 .mag-meta span a {
color: inherit;
}
.home-featured-cat-content .magcat-detail .magcat-title-small a {
font-size: 14px;
font-weight: 400;
}
.home-featured-cat-content.style-14 .mag-post-box.first-post .magcat-thumb {
margin-bottom: 0;
}
.home-featured-cat-content.style-14 .magcat-padding {
padding-left: 17px;
position: relative;
}
.home-featured-cat-content.style-14 .magcat-padding:before {
content: '';
width: 4px;
height: 4px;
border: 1px solid #6eb48c;
position: absolute;
left: 0;
top: 6px;
}
.home-featured-cat-content.style-14 .mag-post-box .magcat-thumb:hover {
opacity: 1;
}
.home-featured-cat-content.style-14 .penci-image-holder:after {
bottom: 0;
content: '';
display: block;
height: 90%;
width: 100%;
position: absolute;
z-index: 1;
background: -moz-linear-gradient(top, transparent 50%, #000 100%);
background: -webkit-linear-gradient(top, transparent 50%, #000 100%);
background: -o-linear-gradient(top, transparent 50%, #000 100%);
background: -ms-linear-gradient(top, transparent 50%, #000 100%);
background: linear-gradient(to bottom, transparent 50%, #000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
opacity: 0.5;
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
}
.home-featured-cat-content.style-14 .magcat-thumb:hover .penci-image-holder:after {
opacity: 0.8;
}
.penci-home-popular-posts {
padding: 25px 0 0;
border: none;
border-top: 1px solid #dedede;
position: relative;
margin-bottom: 60px;
}
.penci-popular-posts-sc .penci-home-popular-posts:not( .use-heading-default ) {
border-top: 0;
padding-top: 0;
}
.penci-home-popular-post {
margin-left: -10px;
margin-right: -10px;
width: 100%;
width: calc(100% + 20px);
}
.penci-home-popular-post .item-related h3 a {
text-transform: uppercase;
}
.home-pupular-posts-title {
position: absolute;
left: 0;
width: 100%;
top: 0;
transform: translateY(-55%);
-webkit-transform: translateY(-55%);
-moz-transform: translateY(-55%);
text-align: center;
font-size: 18px;
color: #313131;
text-transform: uppercase;
letter-spacing: 1px;
}
.home-pupular-posts-title a,
.home-pupular-posts-title span {
font-size: inherit;
color: inherit;
padding: 0 18px;
line-height: 1;
display: inline-block;
background: #fff;
text-decoration: none !important;
}
.home-pupular-posts-title.pcalign-right {
text-align: right;
}
.home-pupular-posts-title.pcalign-left {
text-align: left;
}
.home-pupular-posts-title.pcalign-left span,
.home-pupular-posts-title.pcalign-left a {
padding-left: 0;
}
.home-pupular-posts-title.pcalign-right span,
.home-pupular-posts-title.pcalign-right a {
padding-right: 0;
}
article.post, article.type-post, article.portfolio {
margin-bottom: 60px;
}
.penci-layout-standard-grid article.post,
.penci-layout-standard-list article.post,
.penci-layout-standard-boxed-1 article.post,
.penci-layout-classic-grid article.post,
.penci-layout-classic-list article.post,
.penci-layout-classic-boxed-1 article.post {
margin-bottom: 60px;
}
.single .post {
margin-bottom: 60px;
}
.penci-jarallax {
width: 100%;
padding-top: 50%;
position: relative;
z-index: 0;
}
.penci-jarallax > .jarallax-img {
position: absolute;
object-fit: cover;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.post-image .wp-video,
.post-image video.wp-video-shortcode,
.post-image .mejs-container,
.post-image .mejs-overlay.load {
width: 100% !important;
height: 100% !important;
}
.post-image .mejs-container {
padding-top: 56.25%;
}
.post-image .wp-video,
.post-image video.wp-video-shortcode {
max-width: 100% !important;
}
.post-image video.wp-video-shortcode {
position: relative;
}
.post-image .mejs-mediaelement {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.post-image .mejs-controls {
z-index: 0 !important;
}
.post-image .mejs-overlay-play {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto !important;
height: auto !important;
}
.post-image .mejs-container.wp-audio-shortcode {
padding-top: 0 !important;
}
.container-single-fullwidth.two-sidebar .post-image {
display: block;
width: 100%;
}
.penci-single-style-7:not( .penci-single-pheader-noimg ).penci_sidebar #main article.post,
.penci-single-style-3:not( .penci-single-pheader-noimg ).penci_sidebar #main article.post {
padding-left: 10px;
padding-right: 10px;
}
@media only screen and (min-width: 959px) {
.penci-single-style-7:not( .penci-single-pheader-noimg ).container.penci_sidebar #main,
.penci-single-style-3:not( .penci-single-pheader-noimg ).container.penci_sidebar #main {
position: relative;
z-index: 9;
padding-right: 30px;
}
.penci-single-style-7:not( .penci-single-pheader-noimg ).container.penci_sidebar.two-sidebar #main,
.penci-single-style-3:not( .penci-single-pheader-noimg ).container.penci_sidebar.two-sidebar #main {
padding-right: 50px;
}
.penci-single-style-7:not( .penci-single-pheader-noimg ) #main article.post,
.penci-single-style-3:not( .penci-single-pheader-noimg ) #main article.post {
margin-top: -80px;
}
.penci-single-style-7.penci_is_nosidebar #main article.post,
.penci-single-style-3.penci_is_nosidebar #main article.post {
margin-top: 0;
}
.penci-single-style-7:not( .penci-single-pheader-noimg ).container.penci_sidebar.left-sidebar #main,
.penci-single-style-3:not( .penci-single-pheader-noimg ).container.penci_sidebar.left-sidebar #main {
padding-left: 40px;
padding-right: 0;
}
.penci-single-style-7:not( .penci-single-pheader-noimg ).penci_sidebar #main article.post,
.penci-single-style-3:not( .penci-single-pheader-noimg ).penci_sidebar #main article.post {
background: #fff;
padding-top: 20px;
}
.penci-single-style-7:not( .penci-single-pheader-noimg ).right-sidebar #main article.post {
padding-left: 20px;
padding-right: 0;
}
.penci-single-style-7:not( .penci-single-pheader-noimg ).right-sidebar #main article.post,
.penci-single-style-3:not( .penci-single-pheader-noimg ).right-sidebar #main article.post {
padding-right: 20px;
padding-left: 0;
}
.penci-single-style-7:not( .penci-single-pheader-noimg ).left-sidebar #main article.post,
.penci-single-style-3:not( .penci-single-pheader-noimg ).left-sidebar #main article.post {
padding-left: 20px;
}
.penci-single-style-3:not(.penci_is_nosidebar) .standard-post-image .audio-iframe,
.penci-single-style-3:not(.penci_is_nosidebar) .standard-content-special {
bottom: 70px;
}
}
.penci-single-4 .standard-post-special img {
width: 100%;
}
.penci-body-single-style-10.penci-show-pthumb:not(.penci-port-product) #header,
.penci-body-single-style-9.penci-body-title-bellow.penci-show-pthumb:not(.penci-port-product) #header,
.penci-body-single-style-7.penci-body-title-bellow.penci-show-pthumb:not(.penci-port-product) #header,
.penci-body-single-style-4.penci-body-title-bellow.penci-show-pthumb:not(.penci-port-product) #header,
.penci-body-single-style-5.penci-show-pthumb:not(.penci-port-product) #header {
margin-bottom: 0;
}
.penci-body-single-style-10.penci-show-pthumb:not(.penci-port-product) .penci-header-signup-form,
.penci-body-single-style-9.penci-body-title-bellow.penci-show-pthumb:not(.penci-port-product) .penci-header-signup-form,
.penci-body-single-style-7.penci-body-title-bellow.penci-show-pthumb:not(.penci-port-product) .penci-header-signup-form,
.penci-body-single-style-4.penci-body-title-bellow.penci-show-pthumb:not(.penci-port-product) .penci-header-signup-form,
.penci-body-single-style-5.penci-show-pthumb:not(.penci-port-product) .penci-header-signup-form {
margin-top: 10px;
margin-bottom: 10px;
}
.penci-video-format-vimeo iframe,
.penci-video-format-youtube iframe,
.penci-body-single-style-7.single-format-video .post-image iframe,
.penci-body-single-style-5.single-format-video .post-image iframe,
.penci-body-single-style-4.single-format-video .post-image iframe {
width: 100%;
}
.player .vp-player-layout {
left: 0 !important;
width: 100% !important;
}
.penci-single-featured-img {
position: relative;
width: 100%;
background-color: #f5f5f5;
display: block;
vertical-align: top;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
padding-top: 66.6667%;
}
.standard-post-special_wrapper {
position: absolute;
left: 30px;
right: 30px;
bottom: 0;
display: block;
z-index: 10;
}
.standard-post-image .standard-post-special_wrapper .audio-iframe,
.standard-post-special_wrapper .standard-content-special {
position: static;
margin-bottom: 23px;
}
.penci-body-single-style-7 .standard-post-image .standard-post-special_wrapper .audio-iframe,
.penci-body-single-style-7 .standard-post-special_wrapper .standard-content-special {
margin-bottom: 70px;
}
.penci-body-single-style-7 .penci_is_nosidebar .standard-post-image .standard-post-special_wrapper .audio-iframe,
.penci-body-single-style-7 .penci_is_nosidebar .standard-post-special_wrapper .standard-content-special {
margin-bottom: 30px;
}
.penci-body-single-style-5 .container-single .post-image {
position: relative;
}
.penci-body-single-style-8 .penci-move-title-above:after,
.penci-body-single-style-5 .penci-move-title-above:after,
.penci-body-single-style-6 .penci-move-title-above:after,
.penci-body-single-style-7 .penci-move-title-above:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
z-index: 1;
bottom: 0;
right: 0;
background: linear-gradient(to bottom, transparent 50%, #000 90%);
opacity: 0.7;
transition: 0.3s;
}
.penci-single-style-6 .single-breadcrumb,
.penci-single-style-5 .single-breadcrumb,
.penci-single-style-4 .single-breadcrumb,
.penci-single-style-3 .single-breadcrumb,
.penci-single-style-9 .single-breadcrumb,
.penci-single-style-7 .single-breadcrumb {
text-align: center;
}
.penci-single-pheader.container.two-sidebar,
.penci-single-pheader .container.two-sidebar,
.penci-single-style-10.container-single-magazine .container.two-sidebar,
.penci-single-style-9.container-single-magazine .container.two-sidebar {
display: block;
}
.penci-single-style-10.container-single-magazine .two-sidebar .penci-sidebar-content {
width: 29.06%;
}
@media only screen and (min-width: 768px) {
.penci-header-text-white .cat > a.penci-cat-name,
.penci-single-style-5.penci-header-text-white .penci-standard-cat .cat > a.penci-cat-name,
.penci-single-style-6.penci-header-text-white .penci-standard-cat .cat > a.penci-cat-name,
.penci-single-style-8.penci-header-text-white .penci-standard-cat .cat > a.penci-cat-name,
.penci-header-text-white .header-standard h2,
.penci-header-text-white .header-standard .post-title,
.container-single.penci-header-text-white .header-standard .post-title,
.penci-header-text-white .header-standard h2 a,
.penci-header-text-white .post-box-meta-single span,
.penci-header-text-white .header-standard .author-post span a,
.penci-header-text-white .container.penci-breadcrumb span,
.penci-header-text-white .container.penci-breadcrumb a {
color: #fff;
}
}
.penci-single-style-10.penci-header-text-white .penci-standard-cat .cat > a.penci-cat-name,
.penci-single-style-10.penci-header-text-white .header-standard h2,
.penci-single-style-10.penci-header-text-white .header-standard .post-title,
.penci-single-style-10.penci-header-text-white .header-standard h2 a,
.penci-single-style-10.penci-header-text-white .post-box-meta-single span,
.penci-single-style-10.penci-header-text-white .header-standard .author-post span a {
color: #fff;
}
i.penci-post-countview-number {
font-style: normal;
font-size: inherit;
font-weight: inherit;
color: inherit;
}
@media only screen and (max-width: 767px) {
.standard-post-special_wrapper {
position: static;
background: #fff;
margin-bottom: 0;
padding-top: 20px;
}
.penci-single-style-7 .standard-post-special_wrapper {
background: transparent;
}
.penci-header-text-white .standard-post-special_wrapper .header-standard.header-classic {
margin-bottom: 0;
}
.penci-header-text-white .penci-move-title-above:after,
.penci-header-text-white .standard-post-special_wrapper .container-single .post-image:after {
content: none;
}
.standard-post-image .standard-post-special_wrapper .audio-iframe,
.standard-post-special_wrapper .standard-content-special {
margin-bottom: 20px;
}
.penci-header-text-white .format-post-box {
display: block;
padding: 20px;
}
.penci-header-text-white .standard-content-special {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
}
.penci-single-style-9 .penci-post-image-wrapper {
background-color: #111;
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 40px;
max-height: inherit;
}
.penci-single-style-10 .penci-post-image-wrapper .post-image,
.penci-single-style-9 .penci-post-image-wrapper .post-image {
margin-bottom: 0;
}
.penci-single-style-10 .post-format-entry-header:before,
.penci-single-style-10 .post-format-entry-header:after {
content: '';
display: table;
clear: both;
}
.penci-single-style-10 .penci-post-image-wrapper {
background-color: #111;
padding-top: 40px;
padding-bottom: 40px;
max-height: inherit;
margin-bottom: 40px;
}
.penci-single-style-10 .header-standard,
.penci-single-style-10 .post-box-meta-single {
text-align: left;
}
.penci-body-single-style-10.penci-hide-pthumb .post-format-entry-header .penci-sidebar-content {
width: 100%;
float: none;
}
@media only screen and (max-width: 479px) {
.penci-single-style-9 .penci-post-image-wrapper {
padding-top: 20px;
padding-bottom: 20px;
}
}
.post-box-meta-single {
text-align: center;
margin: 6px 0 0;
font-size: 14px;
}
.post-box-meta-single span {
color: #888888;
}
.post-box-meta-single a {
color: #313131;
}
.post-box-meta-single a:hover {
color: #6eb48c;
}
.post-box-meta-single > span:before {
content: "";
width: 0;
height: 10px;
margin: 0 15px;
display: inline-block;
background: none !important;
border-right: 1px solid;
opacity: 0.7;
}
.post-box-meta-single > span:first-child:before {
content: none;
display: block;
}
#wpadminbar {
z-index: 99998;
}
.post-image {
margin-bottom: 26px;
text-align: center;
vertical-align: top;
overflow: hidden;
position: relative;
}
.container-single-fullwidth .post-image {
margin-bottom: 40px;
}
.post-image img {
max-width: 100%;
height: auto;
}
.post-image.audio iframe,
.standard-post-image.audio iframe {
height: 166px;
width: 100%;
}
.container-single a[data-rel="penci-gallery-image-content"],
.container-single a[data-rel="penci-gallery-bground-content"],
.container-single-page a[data-rel="penci-gallery-image-content"] {
cursor: zoom-in;
}
.penci-slick-slider {
position: relative;
opacity: 0;
transition: 0.4s;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
max-height: 500px;
}
.penci-grid .penci-slick-slider,
.penci-masonry .penci-slick-slider {
max-height: 250px;
overflow: hidden;
}
.penci-slick-slider img {
width: 100%;
}
.penci-slick-slider.loaded {
opacity: 1;
overflow: visible !important;
max-height: none !important;
}
.penci-slick-slider > button.slick-prev,
.penci-slick-slider > button.slick-next {
position: absolute;
width: 36px;
height: 36px;
display: inline-block;
top: 50%;
margin-top: -18px;
cursor: pointer;
outline: none;
opacity: 0;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
text-align: center;
line-height: 36px;
background: #fff;
z-index: 12;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
color: #313131;
border: none;
}
.penci-slick-slider > button.slick-prev {
left: 30px;
}
.penci-grid .penci-slick-slider > button.slick-prev,
.penci-masonry .penci-slick-slider > button.slick-prev {
left: 20px;
}
.penci-slick-slider > button.slick-next {
right: 30px;
}
.penci-grid .penci-slick-slider > button.slick-next,
.penci-masonry .penci-slick-slider > button.slick-next {
right: 20px;
}
.penci-slick-slider.loaded > button.slick-prev,
.penci-slick-slider.loaded > button.slick-next {
opacity: 0.8;
}
.penci-slick-slider > button.slick-prev:hover,
.penci-slick-slider > button.slick-next:hover,
.penci-slick-slider.loaded > button.slick-prev:hover,
.penci-slick-slider.loaded > button.slick-next:hover {
opacity: 1;
}
.penci-slick-slider > button.slick-prev i,
.penci-slick-slider > button.slick-next i {
font-size: 20px;
display: inline-block;
line-height: 36px;
}
.penci-grid .penci-slick-slider > button.slick-prev,
.penci-grid .penci-slick-slider > button.slick-next {
opacity: 0.8;
}
.penci-grid .penci-slick-slider:hover > button.slick-prev,
.penci-grid .penci-slick-slider:hover > button.slick-next {
opacity: 0.8;
}
.penci-grid .penci-slick-slider > button.slick-prev:hover,
.penci-grid .penci-slick-slider > button.slick-next:hover {
opacity: 1;
}
.penci-single-smaller-width {
max-width: 780px;
}
.post-entry {
margin-bottom: 33px;
line-height: 28px;
}
.penci-custom-html-inside-content {
margin-bottom: 20px;
}
.post-entry.standard-post-entry {
margin-bottom: 0;
}
.post-entry:before {
content: " ";
display: table;
}
.post-entry .inner-post-entry:after {
content: " ";
display: table;
clear: both;
}
.post-entry.page-has-margin {
margin-bottom: 60px;
}
.post-entry img {
max-width: 100%;
height: auto!important;
}
.wpb_text_column {
line-height: 1.8;
}
.post-entry a:hover,
.wpb_text_column a:hover {
text-decoration: underline;
}
.post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, .post-entry hr,
.wpb_text_column h1, .wpb_text_column h2, .wpb_text_column h3, .wpb_text_column h4, .wpb_text_column h5, .wpb_text_column h6, .wpb_text_column hr,
.elementor-text-editor h1, .elementor-text-editor h2, .elementor-text-editor h3, .elementor-text-editor h4, .elementor-text-editor h5, .elementor-text-editor h6, .elementor-text-editor hr {
margin-bottom: 17px;
}
.post-entry p,
.wpb_text_column p {
margin-bottom: 17px;
}
.post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6,
.wpb_text_column h1, .wpb_text_column h2, .wpb_text_column h3, .wpb_text_column h4, .wpb_text_column h5, .wpb_text_column h6 {
color: #313131;
letter-spacing: 0;
line-height: 1.3em;
}
.post-entry h1,
.wpb_text_column h1,
.elementor-text-editor h1 {
font-size: 24px;
}
.post-entry h2,
.wpb_text_column h2,
.elementor-text-editor h2 {
font-size: 22px;
}
.post-entry h3,
.wpb_text_column h3,
.elementor-text-editor h3 {
font-size: 20px;
}
.post-entry h4,
.wpb_text_column h4,
.elementor-text-editor h4 {
font-size: 18px;
}
.post-entry h5,
.wpb_text_column h5,
.elementor-text-editor h5 {
font-size: 16px;
}
.post-entry h6,
.wpb_text_column h6,
.elementor-text-editor h6 {
font-size: 14px;
}
.post-entry hr,
.wpb_text_column hr,
.elementor-text-editor hr {
border: 0;
height: 0;
border-bottom: 1px solid #dedede;
clear: both;
}
.post-password-form input[type="text"],
.post-password-form input[type="email"],
.post-password-form input[type="password"],
.post-password-form input[type="number"] {
padding: 9px 20px;
border: 1px solid #DEDEDE;
margin-bottom: 28px;
font-size: 12px;
font-weight: normal;
font-family: 'PT Serif', serif;
max-height: 50px;
outline: none;
height: 36px;
line-height: 36px;
}
.post-password-form input[type="submit"] {
padding: 0 20px;
border: none;
background: #313131;
color: #fff;
cursor: pointer;
outline: none;
text-transform: uppercase;
letter-spacing: 1px;
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
height: 36px;
line-height: 36px;
margin-left: 5px;
}
.post-password-form input[type="submit"]:hover {
opacity: 0.85;
}
.post-entry blockquote,
.wpb_text_column blockquote {
padding: 0;
position: relative;
margin: 0 0 20px 0;
}
.post-entry blockquote,
.post-entry blockquote p,
.wpb_text_column blockquote,
.wpb_text_column blockquote p {
font-size: 16px;
color: #888;
font-style: italic;
line-height: 1.7;
text-align: left;
}
.post-entry blockquote p,
.wpb_text_column blockquote p {
margin: 0;
}
.post-entry blockquote,
.wpb_text_column blockquote {
position: relative;
padding: 0 0 0 46px;
border: none;
overflow: hidden;
}
.post-entry blockquote:before,
.wpb_text_column blockquote:before {
color: #6eb48c;
content: '“';
font-family: 'Playfair Display SC', serif;
font-size: 64px;
font-weight: 900;
line-height: 1;
font-style: normal;
position: absolute;
top: -4px;
left: 0;
}
.post-entry blockquote cite,
.post-entry blockquote .author,
.wpb_text_column blockquote cite,
.wpb_text_column blockquote .author {
display: block;
font-size: 12px;
text-transform: uppercase;
margin-top: 7px;
color: #6eb48c;
font-style: normal;
font-family: "Raleway", sans-serif;
font-weight: bold;
overflow: hidden;
text-align: left;
position: relative;
z-index: 1;
}
.post-entry blockquote .author span,
.wpb_text_column blockquote .author span {
position: relative;
display: inline-block;
padding: 0 10px 0 0;
}
.post-entry blockquote .author span:after,
.wpb_text_column blockquote .author span:after {
content: "";
position: absolute;
top: 50%;
width: 90px;
height: 1px;
background: #6eb48c;
left: 100%;
opacity: 0.8;
}
.penci-single-link-pages {
display: block;
width: 100%;
}
.penci-single-link-pages:before,
.penci-single-link-pages:after {
content: "";
display: table;
clear: both;
}
.penci-single-link-pages a {
display: inline-block;
margin: 0 4px 5px 4px;
padding: 4px 7px;
line-height: 1;
border: 1px solid;
color: inherit;
text-decoration: none !important;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.penci-single-link-pages a:hover {
opacity: 0.7;
}
.post-entry.blockquote-style-2 blockquote {
background: #f5f5f5;
padding: 10px 20px 10px 24px;
}
.post-entry.blockquote-style-2 blockquote:before {
content: '';
left: 0;
position: absolute;
height: 100%;
top: 0;
width: 4px;
background: #6eb48c;
}
.post-entry.blockquote-style-2 .author span {
padding: 0 0 0 30px;
}
.post-entry.blockquote-style-2 .author span:after {
width: 20px;
left: 0;
}
.penci-pullqoute.align-left {
max-width: 460px;
float: left;
width: 100%;
margin-right: 20px;
}
.penci-pullqoute.align-right {
max-width: 460px;
float: right;
width: 100%;
margin-left: 20px;
}
.post-entry ul, .post-entry ol,
.elementor-text-editor ul,
.elementor-text-editor ol {
padding-left: 36px;
margin-bottom: 20px;
}
.post-entry ol ol,
.post-entry ul ul,
.post-entry ul ol,
.post-entry ol ul,
.elementor-text-editor ol ol,
.elementor-text-editor ul ul,
.elementor-text-editor ul ol,
.elementor-text-editor ol ul {
margin: 2px 0;
padding-left: 22px;
}
.post-entry ul li,
.elementor-text-editor ul li {
margin-bottom: 6px;
position: relative;
list-style-type: square;
line-height: 1.7;
}
.post-entry ol li,
.elementor-text-editor ol li {
margin-bottom: 2px;
list-style: decimal;
}
.post-entry ul.wp-block-gallery,
.post-entry ol.wp-block-gallery {
padding: 0;
}
.sticky.post .post-header {
border: 1px dashed #ddd;
padding: 20px 0;
}
.bypostauthor {
}
.post-entry table {
width: 100%;
margin-bottom: 22px;
border-collapse: collapse;
border-left: 1px solid #f5f5f5;
border-right: 1px solid #f5f5f5;
border-top: 1px solid #f5f5f5;
}
.post-entry td, .post-entry th {
padding: 12px;
border-bottom: 1px #e9e9e9 solid;
}
.post-entry th {
font-weight: bold;
font-size: 14px;
}
.post-entry em strong {
font-style: italic;
}
.gird-post-share {
margin-top: 9px;
position: relative;
text-align: center;
}
.gird-list-posts-share {
background: #fff;
display: inline-block;
padding-right: 11px;
position: relative;
padding-left: 11px;
}
.gird-post-share:before {
position: absolute;
width: 100%;
top: 9px;
height: 1px;
content: "";
left: 0;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
}
.gird-post-share a {
margin: 0 4px;
font-size: 14px;
color: #939393;
}
.gird-post-share a:hover {
color: #6eb48c;
}
.gird-post-share .gird-list-posts-share a:first-child {
margin-left: 0;
}
.share-box-grid.share-box-comments i {
font-size: 15px;
}
.tags-share-box {
display: table;
width: 100%;
margin: 0;
position: relative;
padding: 19px 160px 18px 0;
clear: both;
border-top: 1px solid #DEDEDE;
font-size: 14px;
}
.tags-share-box.center-box {
text-align: center;
padding: 15px 0;
}
.tags-share-box.hide-tags.page-share {
text-align: center;
padding: 16px 0;
position: relative;
border-bottom: 1px solid #DEDEDE;
}
.post-tags {
display: block;
position: relative;
z-index: 10;
color: #888;
margin-bottom: 0;
line-height: 1.4;
margin-top: 31px;
}
.post-tags > span {
display: inline-block;
text-transform: uppercase;
margin: 0 12px 0 0;
font-style: italic;
color: #888;
}
.post-tags > span i {
vertical-align: bottom;
}
.container-single .post-entry .post-tags a {
text-transform: uppercase;
color: #888;
padding: 6px 12px 5px;
margin-right: 8px;
margin-bottom: 8px;
display: inline-block;
font-size: 11px !important;
background: none;
border: 1px solid #DEDEDE;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
outline: none;
font-weight: normal;
line-height: 1.2;
}
.container-single .post-entry .post-tags a:hover {
background: #6eb48c;
color: #fff;
border-color: #6eb48c;
text-decoration: none;
}
.post-share {
display: inline-block;
position: absolute;
z-index: 10;
right: 0;
top: 20px;
}
.nc_socialPanel .nc_tweetContainer a.nc_tweet,
.swp_social_panel .nc_tweetContainer a.nc_tweet {
color: #fff;
}
.tags-share-box.center-box .post-share,
.tags-share-box.hide-tags.page-share .post-share {
position: static;
}
.tags-share-box.hide-tags.page-share .share-title {
font-size: 12px;
text-transform: uppercase;
color: #313131;
font-family: "Raleway", sans-serif;
font-weight: bold;
margin-right: 5px;
}
.post-share .count-number-like {
font-weight: bold;
font-style: italic;
font-size: 13px;
color: #6eb48c;
vertical-align: top;
}
.post-share .list-posts-share {
display: inline-block;
vertical-align: top;
}
.post-share a {
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
font-size: 14px;
margin: 0 0 0 10px;
color: #313131;
display: inline-block;
vertical-align: top;
position: relative;
}
.post-share.hide-like-count .list-posts-share a:first-child {
margin-left: 0;
}
.post-share a:hover,
.post-share a.liked {
color: #6eb48c;
}
.post-share a.penci-post-like {
margin-left: 5px;
}
.tags-share-box .single-comment-o {
color: #888;
}
.tags-share-box .single-comment-o i {
margin-right: 5px;
}
.tags-share-box .single-comment-o:after,
.post-share a.penci-post-like:after {
content: "";
display: inline-block;
width: 1px;
height: 12px;
margin: 4px 6px 0 20px;
vertical-align: top;
border: none;
background-color: #dedede;
}
.tags-share-box .single-comment-o:after {
margin-right: 20px;
}
.tags-share-box .single-comment-o.hide-comments-o:after {
display: none;
content: none;
}
.post-share a .dt-share {
position: absolute;
display: inline-block;
font-size: 9px;
font-family: 'Raleway', sans-serif;
font-weight: normal;
background: #313131;
color: #fff;
height: 20px;
white-space: nowrap;
line-height: 20px;
text-align: center;
z-index: 20;
bottom: -45px;
width: 60px;
left: 50%;
margin-left: -30px;
opacity: 0;
visibility: hidden;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}
.post-share a:hover .dt-share {
opacity: 1;
bottom: -30px;
visibility: visible;
}
.post-share a .dt-share:before {
position: absolute;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 7px solid #313131;
content: "";
top: -7px;
left: 50%;
margin-left: -4px;
}
article.page.type-page {
margin-bottom: 60px;
}
.tags-share-box.tags-share-box-top {
border-bottom: 1px solid #DEDEDE;
margin-bottom: 33px;
}
@media only screen and (min-width: 959px) {
.penci-body-single-style-7:not(.penci-body-title-bellow ) .tags-share-box.tags-share-box-top,
.penci-body-single-style-3:not(.penci-body-title-bellow ) .tags-share-box.tags-share-box-top {
margin-top: 20px;
}
}
.tags-share-box.tags-share-box-2_3 {
border: 1px solid #DEDEDE;;
padding: 6px 20px;
}
.tags-share-box.tags-share-box-2_3 .post-share {
display: inline;
position: relative;
top: 0;
}
.tags-share-box.tags-share-box-2_3 .post-share .list-posts-share {
display: inline;
vertical-align: middle;
}
.tags-share-box.tags-share-box-2_3 .post-share:before,
.tags-share-box.tags-share-box-2_3 .post-share:after {
content: '';
width: 100%;
clear: both;
}
.tags-share-box.tags-share-box-2_3 + .post-author {
border-top: 0;
}
.tags-share-box.tags-share-box-2_3 .penci-social-share-text {
text-transform: uppercase;
font-weight: 700;
margin-right: 20px;
font-size: 14px;
top: 2px;
color: #111;
position: relative
}
.tags-share-box.tags-share-box-2_3 a.penci-post-like:after,
.tags-share-box.tags-share-box-2_3 a.penci-post-like:after {
content: none;
}
.tags-share-box.tags-share-box-2_3 .post-share .count-number-like,
.tags-share-box.tags-share-box-2_3 .post-share a {
color: #fff;
}
.tags-share-box.tags-share-box-2_3 .penci-svg-line {
vertical-align: middle;
transform: translateY(-1px);
-webkit-transform: translateY(-1px);
}
.tags-share-box.tags-share-box-2_3 .post-share-item {
display: inline-block;
margin: 5px 9px 5px 0;
font-weight: 400;
line-height: 32px;
text-align: left;
color: #fff;
text-transform: none;
height: 32px;
border: 0;
background-color: #111111;
padding: 0 12px;
transition: opacity .3s;
border-radius: 2px;
vertical-align: middle;
}
.post-author {
margin: 0;
overflow: hidden;
padding: 38px 0 37px 0;
border-top: 1px solid #E0E0E0;
}
body.author .post-author {
padding: 20px 20px;
border: 1px solid #E0E0E0;
margin-bottom: 40px;
}
.author-img {
float: left;
margin-right: 20px;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
overflow: hidden;
}
.post-author .author-img img {
margin: 0;
}
.post-author .author-content {
margin-left: 120px;
}
.author-content h5 {
font-size: 14px;
letter-spacing: 1px;
margin: 0 0 15px;
color: #313131;
display: block;
font-family: 'Raleway', sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.author-content h5 a {
display: inline-block;
margin: 0;
color: #313131;
}
.author-content h5 a:hover {
color: #6eb48c;
}
.author-content p {
margin-bottom: 16px;
}
.author-content .author-social {
font-size: 14px;
color: #313131;
margin-right: 10px;
}
.author-content .author-social:hover {
color: #6eb48c;
}
.post-pagination {
overflow: hidden;
margin: 0;
padding: 12px 0 15px;
border-top: 1px solid #DEDEDE;
}
.post-pagination .prev-post {
float: left;
width: 50%;
}
.post-pagination .next-post {
float: right;
text-align: right;
width: 50%;
}
.post-pagination span {
margin: 0;
display: inline-block;
color: #888;
}
.post-pagination span i {
font-size: 15px;
margin-right: 8px;
}
.post-pagination span i.fa-angle-double-right {
margin: 0 0 0 8px;
}
.post-pagination .arrow {
font-size: 64px;
color: #ddd;
line-height: 64px;
}
.post-pagination .prev-post .arrow {
float: left;
margin-right: 18px;
}
.post-pagination .next-post .arrow {
float: right;
margin-left: 18px;
}
.pagi-text {
margin-top: 6px;
}
.post-pagination h5 {
font-size: 14px;
font-family: 'Raleway', sans-serif;
font-weight: bold;
padding: 0 25px 0 0;
position: relative;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1.4;
}
.post-pagination h5.next-title {
padding: 0 0 0 25px;
}
.post-pagination a {
color: #313131;
}
.post-pagination a:hover {
color: #6eb48c;
}
.penci-post-nav-thumb {
display: inline-block;
float: left;
width: 56px;
height: 56px;
margin-right: 15px;
background-size: cover;
background-position: center center;
background-repeat: no repeat;
}
.penci-post-nav-thumb.nav-thumb-next {
float: right;
margin: 0 0 0 15px;
}
.post-related {
overflow: hidden;
margin: 0;
text-align: center;
padding: 36px 0 36px;
border-top: 1px solid #DEDEDE;
}
.post-title-box,
#respond h3.comment-reply-title {
position: relative;
padding: 0;
margin-bottom: 30px;
text-align: center;
}
#respond h3.comment-reply-title span,
.post-box-title {
font-size: 18px;
letter-spacing: 1px;
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
font-weight: bold;
color: #313131;
position: relative;
z-index: 10;
display: inline-block;
padding: 0 10px;
}
#respond h3.comment-reply-title span:before,
#respond h3.comment-reply-title span:after,
.post-box-title:before,
.post-box-title:after {
content: "";
position: absolute;
width: 60px;
height: 1px;
background: #6eb48c;
display: block;
top: 50%;
margin-top: -1px;
left: 100%;
}
#respond h3.comment-reply-title span:before,
.post-box-title:before {
left: auto;
right: 100%;
}
.penci-carousel {
margin-left: -15px;
margin-right: -15px;
max-height: 220px;
}
.penci-carousel.loaded {
max-height: none;
}
.penci-carousel button.slick-prev,
.penci-carousel button.slick-next {
position: absolute;
width: 36px;
height: 36px;
display: inline-block;
top: 50%;
margin-top: -18px;
cursor: pointer;
outline: none;
opacity: 0;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
text-align: center;
line-height: 36px;
background: #fff;
z-index: 12;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
color: #313131;
border: none;
font-size: 20px;
}
.penci-carousel.loaded:hover button.slick-prev,
.penci-carousel.loaded:hover button.slick-next {
opacity: 0.8;
}
.penci-carousel.loaded button.slick-prev:hover,
.penci-carousel.loaded button.slick-next:hover {
opacity: 1;
}
.penci-carousel > button.slick-prev {
left: 25px;
}
.penci-carousel > button.slick-next {
right: 25px;
}
.penci-carousel > button.slick-prev.slick-disabled,
.penci-carousel > button.slick-next.slick-disabled {
cursor: auto;
}
.item-related {
margin: 0 10px;
opacity: 0;
transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
text-align: center;
}
.penci-posts-related-grid {
padding-bottom: 16px;
}
.penci-related-grid-display {
margin-left: -10px;
margin-right: -10px;
width: 100%;
width: calc(100% + 20px);
}
.penci-related-grid-display .item-related {
opacity: 1;
margin: 0 0 20px;
padding: 0 10px;
width: 33.333333%;
float: left;
}
.penci-related-grid-display .item-related:nth-child(3n+1) {
clear: both;
}
.penci-related-grid-display .item-related span.date {
margin-top: 6px;
}
.penci-owl-carousel.owl-loaded .item-related {
opacity: 1;
}
.penci-owl-carousel-slider .owl-dots {
position: static;
height: 10px;
clear: both;
margin-top: 16px;
text-align: center;
}
.penci-owl-carousel-slider .owl-dots.disabled,
.penci-owl-carousel-slider .owl-nav.disabled {
display: none;
}
.penci-related-carousel .owl-dot span {
width: 10px;
height: 10px;
display: inline-block;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
font-size: 0;
background: #fff;
margin: 0 2px;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
outline: none;
vertical-align: top;
cursor: pointer;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
border: 2px solid #DEDEDE;
}
.penci-owl-carousel-slider .owl-dot span {
border: 1px solid #d4d4d4;
background: #fff;
}
.penci-owl-carousel-slider .owl-dot.active span,
.penci-related-carousel .owl-dot.active span {
background: #6eb48c;
border-color: #6eb48c;
}
.item-related img {
width: 100%;
height: auto;
}
.item-related > a {
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
display: inline-block;
margin-bottom: 17px;
width: 100%;
position: relative;
}
.item-related > a:hover {
opacity: 0.85;
}
#navigation .penci-megamenu .penci-mega-post a i,
.item-related > a i,
.home-featured-cat-content.style-12 .penci-magcat-carousel .magcat-thumb .mag-post-thumb i,
.penci-grid.penci-fea-cat-style-13 li .item .thumbnail .icon-post-format {
position: absolute;
width: 36px;
height: 36px;
line-height: 32px;
left: 50%;
top: 50%;
margin: -15px 0 0 -15px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
font-size: 14px;
transition: all 0.25s;
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
border: 2px solid rgba(255, 255, 255, 0.9);
background: rgba(0, 0, 0, 0.4);
color: rgba(255, 255, 255, 0.9);
text-align: center;
}
#navigation .penci-megamenu .penci-mega-post a i.fa-music:before,
.item-related > a i.fa-music:before {
margin-right: 2px;
}
#navigation .penci-megamenu .penci-mega-post a i.fa-play:before,
.item-related > a i.fa-play:before {
margin-left: 2px;
}
#navigation .penci-megamenu .penci-mega-post a:hover i,
.item-related > a:hover i {
opacity: 0;
transform: scale(0.5);
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
}
.item-related h3 a {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
color: #313131;
line-height: 1.4;
}
.item-related h3 a:hover {
color: #6eb48c;
}
.item-related span.date {
color: #888888;
display: inline-block;
margin-top: 8px;
font-size: 13px;
}
ul.slick-dots {
opacity: 0;
transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
list-style: none;
text-align: center;
display: block;
clear: both;
margin-top: 13px;
}
.slick-slider.loaded ul.slick-dots {
opacity: 1;
}
ul.slick-dots li {
display: inline-block;
line-height: 1;
}
ul.slick-dots li button {
width: 12px;
height: 12px;
display: inline-block;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
font-size: 0;
background: #fff;
margin: 0 5px;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
outline: none;
vertical-align: top;
cursor: pointer;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
border: 2px solid #DEDEDE;
}
ul.slick-dots li button:hover,
ul.slick-dots li.slick-active button {
background: #6eb48c;
border-color: #6eb48c;
}
.penci-rlt-popup {
position: fixed;
bottom: 0;
left: 0;
z-index: 5000;
background: #fff;
box-shadow: 2px 10px 7px rgba(0, 0, 0, .2);
width: 340px;
max-height: 75%;
overflow: hidden;
padding: 0;
-webkit-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transition: all .6s cubic-bezier(0.19, 1, .22, 1);
-moz-transition: all .6s cubic-bezier(0.19, 1, .22, 1);
transition: all .6s cubic-bezier(0.19, 1, .22, 1);
}
@media only screen and (min-width: 961px) {
.penci-vernav-enable.penci-vernav-poleft .penci-rltpopup-left {
left: 330px;
}
.penci-vernav-enable.penci-vernav-poright .penci-rltpopup-right {
right: 330px;
}
}
.penci-rlt-popup.penci-rltpopup-right {
left: auto;
right: 0;
}
.penci-rlt-popup.rltpopup-show-up {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.penci-rlt-popup .penci-rtlpopup-content {
padding: 20px;
}
.penci-rlt-popup .penci-rtlpopup-content:before,
.penci-rlt-popup .penci-rtlpopup-content:after {
content: '';
display: table;
clear: both;
}
.penci-rlt-popup .rtlpopup-heading {
font-size: 16px;
text-transform: uppercase;
margin-bottom: 16px;
text-align: left;
background: #111111;
color: #fff;
padding: 8px 30px 8px 20px;
line-height: 1.25;
margin: 0;
position: relative;
}
.penci-rlt-popup .rltpopup-item {
opacity: 0;
visibility: hidden;
-webkit-transform: translate(0, 10px);
-moz-transform: translate(0, 10px);
-ms-transform: translate(0, 10px);
-o-transform: translate(0, 10px);
transform: translate(0, 10px);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
overflow: hidden;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #eaeaea;
}
.penci-rlt-popup .penci-rtlpopup-content .rltpopup-item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.penci-rlt-popup.rltpopup-show-up .rltpopup-item {
opacity: 1;
visibility: visible;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.penci-rlt-popup .rltpopup-thumbnail {
display: block;
float: left;
width: 90px;
margin: 0 20px 0 0;
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
}
.penci-rlt-popup .rltpopup-thumbnail:hover {
opacity: 0.8;
}
.penci-rlt-popup .rltpopup-meta {
display: block;
overflow: hidden;
}
.penci-rlt-popup .rltpopup-meta .rltpopup-title {
margin-bottom: 5px;
color: #313131;
display: block;
font-size: 15px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
font-family: inherit;
letter-spacing: 0;
line-height: 1.35;
}
.penci-rlt-popup .rltpopup-meta .rltpopup-title:hover {
color: #6eb48c;
}
.penci-rlt-popup .rltpopup-meta .date {
letter-spacing: 0;
color: #888888;
font-size: 13px;
}
.penci-rlt-popup .penci-close-rltpopup {
position: absolute;
top: 50%;
right: 6px;
height: 24px;
width: 24px;
text-align: center;
line-height: 22px;
margin: -12px 0 0 0;
padding: 0;
border: 0;
background: none;
color: #fff;
outline: 0;
box-shadow: none;
font-size: 0 !important;
opacity: 0.75;
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
}
.penci-rlt-popup .penci-close-rltpopup:hover {
opacity: 1;
}
.penci-rlt-popup .penci-close-rltpopup span {
display: block;
width: 20px;
border-top: 1px solid;
position: absolute;
top: 50%;
left: 0;
}
.penci-rlt-popup .penci-close-rltpopup span:first-child {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.penci-rlt-popup .penci-close-rltpopup span:last-child {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.container.under-construction-page {
text-align: center;
margin-top: 232px;
margin-bottom: 176px;
}
.under-construction-page .under-title {
font-size: 30px;
color: #313131;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 0 8px;
}
.under-construction-page .sub-title-content,
.under-construction-page .sub-title-content p {
font-size: 16px;
font-style: italic;
margin: 0;
}
.under-construction-page .sub-title-content a:hover {
text-decoration: underline;
}
.penci-countdown {
text-align: center;
margin: 71px 0 0 0;
}
.penci-countdown .countdown-section {
margin: 0 57px;
display: inline-block;
}
.penci-countdown .countdown-row .countdown-section:first-child {
margin-left: 0;
}
.penci-countdown .countdown-row .countdown-section:last-child {
margin-right: 0;
}
.penci-countdown .countdown-amount {
font-size: 72px;
color: #6eb48c;
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
font-weight: bold;
line-height: 1;
display: block;
text-align: center;
letter-spacing: 3px;
}
.penci-countdown .countdown-period {
display: block;
text-align: center;
letter-spacing: 1px;
font-size: 20px;
text-transform: uppercase;
color: #313131;
margin: 26px 0 0 0;
line-height: 1;
font-family: 'Raleway', sans-serif;
font-weight: bold;
}
.penci-column {
margin-right: 4%;
position: relative;
float: left;
min-height: 1px;
display: block;
padding: 0 !important;
margin-bottom: 17px;
}
.column-last {
margin-right: 0 !important
}
.column-1-2 {
width: 48%
}
.column-1-3 {
width: 30.6666666667%
}
.column-2-3 {
width: 65.3333333333%
}
.column-1-4 {
width: 22%
}
.column-3-4 {
width: 74%
}
.penci-pagination,
#comments_pagination {
margin-bottom: 40px;
overflow: hidden;
clear: both;
text-align: center;
}
#comments_pagination {
margin-bottom: 26px;
}
.penci-pagination.align-left {
text-align: left;
}
.penci-pagination.align-center {
text-align: center;
}
.penci-pagination.align-right {
text-align: right;
}
.penci-pagenavi-shortcode {
margin-top: 30px;
}
.penci-pagination a,
.penci-pagination .disable-url {
color: #999999;
font-family: 'Raleway', sans-serif;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 12px;
display: inline-block;
line-height: 1;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.penci-pagination .disable-url span {
opacity: 0.5;
}
.penci-pagination a i,
.penci-pagination .disable-url i {
font-size: 14px;
margin-left: 8px;
}
.penci-fawesome-ver5 .penci-pagination a i,
.penci-fawesome-ver5 .penci-pagination .disable-url i {
font-size: 12px;
}
.penci-pagination .newer a i,
.penci-pagination .newer .disable-url i {
margin: 0 8px 0 0;
}
.penci-pagination a:hover {
text-decoration: none;
color: #6eb48c;
}
.penci-pagination .newer,
.penci-pagination .older {
display: inline-block;
}
.penci-pagination .newer:after {
content: "/";
display: inline-block;
margin: 0 16px 0 20px;
font-family: 'Raleway', sans-serif;
font-size: 12px;
color: #999;
}
.penci-pagination ul.page-numbers {
list-style: none;
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0;
}
.penci-pagination ul.page-numbers li {
display: inline-block;
float: left;
margin-right: 10px;
margin-bottom: 0;
list-style: none;
}
.penci-pagination ul.page-numbers li:last-child {
margin-right: 0;
}
.penci-pagination ul.page-numbers li span,
.penci-pagination ul.page-numbers li a,
#comments_pagination span,
#comments_pagination a {
padding: 0;
min-width: 30px;
height: 30px;
text-align: center;
line-height: 28px;
font-size: 14px;
display: inline-block;
border: 1px solid #DEDEDE;
color: #888;
text-decoration: none;
}
#comments_pagination a,
#comments_pagination span,
.penci-pagination ul.page-numbers li a {
padding: 0 5px;
}
.penci-pagination ul.page-numbers li a:hover,
#comments_pagination a:hover {
color: #313131;
border-color: #999999;
text-decoration: none;
}
.penci-pagination ul.page-numbers li span.current,
#comments_pagination span {
color: #fff;
background: #6eb48c;
border-color: #6eb48c;
text-decoration: none;
}
.penci-pagination ul.page-numbers li a i {
font-size: 16px;
line-height: 28px;
margin-left: 2px;
font-family: FontAwesome !important;
}
.penci-fawesome-ver5 .penci-pagination ul.page-numbers li a i {
font-family: "Font Awesome 5 Free" !important;
}
.penci-pagination.penci-ajax-more a.penci-ajax-more-button {
display: block;
padding: 11px 10px;
max-width: 400px;
margin: 0 auto;
border: 1px solid #ececec;
line-height: 1.4;
text-align: center;
transition: all 0.25s;
-webkit-transition: all 0.25s;
background: #fff;
}
.penci-pagination.penci-ajax-more a.penci-ajax-more-button .ajax-more-text {
color: inherit;
font-family: inherit;
font-weight: inherit;
}
.penci-pagination.penci-ajax-more a.penci-ajax-more-button:hover {
border-color: #6eb48c;
}
.penci-pagination.penci-ajax-more a.penci-ajax-more-button.loading-posts {
opacity: 0.8;
color: #999999 !important;
border-color: #ececec !important;
cursor: auto;
}
.penci-pagination.penci-ajax-more a.penci-ajax-more-button.loading-posts span.ajaxdot:after {
content: "...";
font-size: inherit;
color: inherit;
font-family: inherit;
font-weight: inherit;
}
.penci-pagination.penci-ajax-more a.penci-ajax-more-button i {
color: inherit;
}
.penci-pagination.penci-ajax-more a.penci-ajax-more-button.loading-posts i {
animation-name: pencirotate;
-o-animation-name: pencirotate;
-ms-animation-name: pencirotate;
-webkit-animation-name: pencirotate;
-moz-animation-name: pencirotate;
animation-duration: 0.8s;
-o-animation-duration: 0.8s;
-ms-animation-duration: 0.8s;
-webkit-animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-timing-function: linear;
-o-animation-timing-function: linear;
-ms-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}
@-o-keyframes pencirotate {
from {
-o-transform: rotate(360deg);
}
to {
-o-transform: rotate(0deg);
}
}
@-webkit-keyframes pencirotate {
from {
-webkit-transform: rotate(360deg);
}
to {
-webkit-transform: rotate(0deg);
}
}
@-moz-keyframes pencirotate {
from {
-moz-transform: rotate(360deg);
}
to {
-moz-transform: rotate(0deg);
}
}
p.no-comments {
text-align: center;
font-size: 16px;
}
#footer-area {
background: #171717;
padding: 60px 0;
text-align: center;
position: relative;
clear: both;
}
#footer-section {
padding: 0;
background: #313131;
text-align: center;
color: #999;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.footer-socials-section {
padding: 30px 0 15px;
border-bottom: 1px solid #4A4A4A;
text-align: center;
}
ul.footer-socials {
list-style: none;
display: inline-block;
vertical-align: top;
}
ul.footer-socials li {
float: none;
display: inline-block;
margin-right: 30px;
margin-bottom: 15px;
}
ul.footer-socials li:last-child {
margin-right: 0;
}
ul.footer-socials li a {
line-height: 36px;
display: inline-block;
vertical-align: top;
}
ul.footer-socials li a i {
width: 36px;
height: 36px;
line-height: 34px;
display: inline-block;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background: none;
color: #999;
border: 1px solid #999;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-size: 14px;
vertical-align: top;
}
ul.footer-socials li a:hover i {
background: #6eb48c;
color: #fff;
border-color: #6eb48c;
}
ul.footer-socials li a span {
text-transform: uppercase;
font-size: 14px;
font-family: 'Raleway', sans-serif;
font-weight: bold;
color: #999;
display: inline-block;
letter-spacing: 1px;
margin-left: 10px;
vertical-align: top;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
ul.footer-socials li a:hover span {
color: #6eb48c;
}
.footer-social-remove-circle ul.footer-socials li a {
line-height: 20px;
}
.footer-social-remove-circle ul.footer-socials li a i,
.footer-social-remove-circle ul.footer-socials li a:hover i {
border: none;
background: none;
padding: 0;
width: auto;
height: auto;
line-height: 20px;
}
.footer-social-drop-line ul.footer-socials li a span {
margin: 5px 0 0;
display: block;
}
.footer-social-remove-radius ul.footer-socials li a i {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.footer-social-remove-text ul.footer-socials li a span {
display: none;
}
ul.footer-socials li svg,
.widget-social svg {
vertical-align: middle;
}
.footer-logo-copyright {
padding: 40px 0 73px;
text-align: center;
}
.footer-logo-copyright.footer-not-gotop {
padding: 40px 0;
}
.footer-logo-copyright.footer-not-logo {
padding: 20px 0 62px;
}
.footer-logo-copyright.footer-not-logo.footer-not-gotop {
padding: 20px 0;
}
#footer-logo {
margin: 0 0 32px 0;
}
#footer-copyright * {
font-size: 14px;
color: #999;
line-height: 1.4;
/*font-style: italic;*/
}
#footer-copyright a {
color: #6eb48c;
}
#footer-copyright a:hover {
text-decoration: underline;
}
.footer-menu-wrap {
display: block;
text-align: center;
margin-bottom: 10px;
}
.footer-menu-wrap:before {
content: "";
display: table;
}
.footer-menu-wrap:after {
display: block;
height: 0;
clear: both;
visibility: hidden;
content: "";
}
div.footer-menu > ul,
ul.footer-menu {
list-style: none;
display: inline-block;
vertical-align: top;
}
.footer-menu li {
display: inline-block;
padding: 0 15px;
position: relative;
margin-bottom: 5px;
}
#footer-section .footer-menu li a {
color: #999;
}
#footer-section .footer-menu li a:hover {
color: #6eb48c;
}
.footer-menu ul.sub-menu {
display: none !important;
}
#footer-section .go-to-top-parent {
width: 100%;
height: auto;
display: block;
position: absolute;
left: 0;
bottom: 17px;
text-align: center;
z-index: 10;
}
#footer-section .go-to-top-parent span {
color: #999;
font-size: 12px;
font-weight: bold;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
line-height: 1;
display: inline-block;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
}
#footer-section .go-to-top-parent span:before,
#footer-section .go-to-top-parent span:after {
content: " ";
display: table;
}
#footer-section .go-to-top-parent span:after {
clear: both;
}
#footer-section .go-to-top-parent i {
font-size: 18px;
z-index: 5;
position: relative;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
color: #999;
line-height: 1;
margin-bottom: 3px;
}
#footer-section .go-to-top:hover span,
#footer-section .go-to-top:hover i {
color: #fff;
}
.penci-go-to-top-floating {
cursor: pointer;
position: fixed;
bottom: 6px;
right: 6px;
width: 36px;
height: 36px;
line-height: 34px;
font-size: 26px;
background-color: #6eb48c;
color: #fff;
z-index: 99999;
transform: translate3d(0, 60px, 0);
-webkit-transform: translate3d(0, 60px, 0);
-moz-transform: translate3d(0, 60px, 0);
-ms-transform: translate3d(0, 60px, 0);
-o-transform: translate3d(0, 60px, 0);
-webkit-transition: transform .4s cubic-bezier(0.55, 0, 0.05, 1.1) 0s, opacity 0.3s;
-moz-transition: transform .4s cubic-bezier(0.55, 0, 0.05, 1.1) 0s, opacity 0.3s;
-o-transition: transform .4s cubic-bezier(0.55, 0, 0.05, 1.1) 0s, opacity 0.3s;
transition: transform .4s cubic-bezier(0.55, 0, 0.05, 1.1) 0s, opacity 0.3s;
}
.penci-go-to-top-floating.show-up {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
}
.penci-go-to-top-floating:hover {
opacity: 0.85;
}
.penci-go-to-top-floating i {
font-size: inherit;
line-height: inherit;
color: inherit;
}
.textwidget {
line-height: 1.8;
}
#widget-area {
overflow: hidden;
margin: 0;
padding: 60px 0;
background: #ffffff;
position: relative;
border-top: 1px solid #ECECEC;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
#widget-area > .container {
position: relative;
z-index: 3;
}
#widget-area > .container:before,
#widget-area > .container:after {
content: '';
display: table;
clear: both;
}
.footer-widget-wrapper {
width: 31%;
margin-right: 3.5%;
float: left;
}
.footer-widget-wrapper.footer-widget-style-2 {
width: 32.1666%;
}
.footer-widget-wrapper.footer-widget-style-2.last {
width: 64.3334%;
}
.footer-widget-wrapper.footer-widget-style-3 {
width: 64.3334%;
}
.footer-widget-wrapper.footer-widget-style-3.last {
width: 32.1666%;
}
.footer-widget-wrapper.footer-widget-style-4 {
width: 22.75%;
margin-right: 3%;
}
.footer-widget-wrapper.footer-widget-style-5,
.footer-widget-wrapper.footer-widget-style-6,
.footer-widget-wrapper.footer-widget-style-7 {
width: 23.25%;
}
.footer-widget-wrapper.footer-widget-style-5:first-child,
.footer-widget-wrapper.footer-widget-style-6:nth-child(2),
.footer-widget-wrapper.footer-widget-style-7:last-child {
width: 46.5%;
}
.footer-widget-wrapper.footer-widget-style-8,
.footer-widget-wrapper.footer-widget-style-9 {
width: 23.5%;
}
.footer-widget-wrapper.footer-widget-style-8:last-child,
.footer-widget-wrapper.footer-widget-style-9:first-child {
width: 73%;
}
.footer-widget-wrapper.footer-widget-style-10 {
width: 48%;
margin-right: 4%;
}
#widget-area .footer-widget-wrapper.last {
margin-right: 0;
}
.footer-widget-wrapper > .widget:last-child {
margin-bottom: 0 !important;
}
.widget input {
font-weight: normal;
}
.penci-button,
.widget input[type="submit"],
.widget button[type="submit"] {
font-family: 'Raleway', sans-serif;
font-weight: bold;
}
.penci-sidebar-content .widget {
width: 100%;
margin-right: 0;
float: none;
margin-bottom: 60px;
clear: both;
}
.penci-sidebar-content img {
max-width: 100%;
height: auto;
vertical-align: top;
}
.penci-sidebar-content .widget-title {
color: #313131;
margin-bottom: 30px;
font-family: 'Raleway', sans-serif;
font-weight: bold;
letter-spacing: 1px;
position: relative;
text-align: center;
line-height: 1.3;
background: transparent;
}
.penci-sidebar-content.pcalign-left .widget-title {
text-align: left;
}
.penci-sidebar-content.pcalign-right .widget-title {
text-align: right;
}
.penci-sidebar-content.style-2 .widget-title,
.penci-sidebar-content.style-3 .widget-title,
.penci-sidebar-content.style-4 .widget-title,
.penci-sidebar-content.style-5 .widget-title,
.penci-sidebar-content.style-6 .widget-title,
.penci-sidebar-content.style-7 .widget-title,
.penci-sidebar-content.style-8 .widget-title,
.penci-sidebar-content.style-9 .widget-title,
.penci-sidebar-content.style-10 .widget-title,
.penci-sidebar-content.style-11 .widget-title,
.penci-sidebar-content.style-12 .widget-title,
.penci-sidebar-content.style-13 .widget-title,
.penci-sidebar-content.style-14 .widget-title,
.penci-homepage-title.style-2,
.penci-homepage-title.style-3,
.penci-homepage-title.style-4,
.penci-homepage-title.style-5,
.penci-homepage-title.style-6,
.penci-homepage-title.style-7,
.penci-homepage-title.style-8,
.penci-homepage-title.style-9,
.penci-homepage-title.style-10,
.penci-homepage-title.style-11,
.penci-homepage-title.style-12,
.penci-homepage-title.style-13 {
margin-left: 0;
margin-right: 0;
margin-top: 0;
}
.penci-homepage-title.style-14 {
margin-left: 6px;
margin-right: 6px;
margin-top: 0;
}
.penci-homepage-title.style-2:before,
.penci-sidebar-content.style-2 .penci-border-arrow:before {
bottom: -4px;
}
.penci-border-arrow.penci-homepage-title.style-2:after,
.penci-sidebar-content.style-2 .penci-border-arrow:after {
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
bottom: -2px;
left: 50%;
top: auto;
right: auto;
border-width: 6px;
border-bottom: 0;
margin-left: -6px;
z-index: 5;
border-top-color: #fff;
background: none !important;
}
.penci-homepage-title.style-2 .inner-arrow,
.penci-sidebar-content.style-2 .penci-border-arrow .inner-arrow {
border-width: 2px;
}
.penci-sidebar-content.style-1.pcalign-left .penci-border-arrow:before,
.penci-sidebar-content.style-2.pcalign-left .penci-border-arrow:before,
.penci-sidebar-content.style-2.pcalign-left .penci-border-arrow:after,
.penci-homepage-title.style-1.pcalign-left:before,
.penci-homepage-title.style-2.pcalign-left:before,
.penci-homepage-title.style-2.pcalign-left:after {
left: 19px;
}
.penci-sidebar-content.style-1.pcalign-right .penci-border-arrow:before,
.penci-sidebar-content.style-2.pcalign-right .penci-border-arrow:before,
.penci-sidebar-content.style-2.pcalign-right .penci-border-arrow:after,
.penci-homepage-title.style-1.pcalign-right:before,
.penci-homepage-title.style-2.pcalign-right:before,
.penci-homepage-title.style-2.pcalign-right:after {
left: auto;
right: 19px;
}
.penci-homepage-title.style-1.pcalign-center:before,
.penci-homepage-title.style-2.pcalign-center:before,
.penci-homepage-title.style-2.pcalign-center:after {
left: 50%;
margin-left: -6px;
}
.penci-sidebar-content.style-3 .penci-border-arrow:before,
.penci-sidebar-content.style-3 .penci-border-arrow:after,
.penci-sidebar-content.style-4 .penci-border-arrow:before,
.penci-sidebar-content.style-4 .penci-border-arrow:after,
.penci-sidebar-content.style-5 .penci-border-arrow:before,
.penci-sidebar-content.style-5 .penci-border-arrow:after,
.penci-sidebar-content.style-6 .penci-border-arrow:before,
.penci-sidebar-content.style-6 .penci-border-arrow:after,
.penci-sidebar-content.style-7 .penci-border-arrow:before,
.penci-sidebar-content.style-7 .penci-border-arrow:after,
.penci-sidebar-content.style-8 .penci-border-arrow:before,
.penci-sidebar-content.style-8 .penci-border-arrow:after,
.penci-sidebar-content.style-9 .penci-border-arrow:before,
.penci-sidebar-content.style-9 .penci-border-arrow:after,
.penci-homepage-title.style-3:before,
.penci-homepage-title.style-3:after,
.penci-homepage-title.style-4:before,
.penci-homepage-title.style-4:after,
.penci-homepage-title.style-5:before,
.penci-homepage-title.style-5:after,
.penci-homepage-title.style-6:before,
.penci-homepage-title.style-6:after,
.penci-homepage-title.style-7:before,
.penci-homepage-title.style-7:after,
.penci-homepage-title.style-8:before,
.penci-homepage-title.style-8:after,
.penci-homepage-title.style-9:before,
.penci-homepage-title.style-9:after {
content: none;
}
.penci-sidebar-content.style-3.pcalign-left .penci-border-arrow .inner-arrow,
.penci-sidebar-content.style-3.pcalign-center .penci-border-arrow .inner-arrow,
.penci-homepage-title.style-3.pcalign-left .inner-arrow,
.penci-homepage-title.style-3.pcalign-center .inner-arrow {
border-left-width: 6px;
}
.penci-sidebar-content.style-3.pcalign-right .penci-border-arrow .inner-arrow,
.penci-homepage-title.style-3.pcalign-right .inner-arrow {
border-right-width: 6px;
}
.penci-homepage-title.style-4,
.penci-sidebar-content.style-4 .penci-border-arrow {
overflow: hidden;
}
.penci-homepage-title.style-4 .inner-arrow,
.penci-sidebar-content.style-4 .penci-border-arrow .inner-arrow {
padding: 0 12px;
border: none;
display: inline-block;
background: none !important;
}
.penci-homepage-title.style-4.pcalign-left .inner-arrow,
.penci-sidebar-content.style-4.pcalign-left .penci-border-arrow .inner-arrow {
padding-left: 0;
}
.penci-homepage-title.style-4.pcalign-right .inner-arrow,
.penci-sidebar-content.style-4.pcalign-right .penci-border-arrow .inner-arrow {
padding-right: 0;
}
.penci-sidebar-content.style-4 .penci-border-arrow .inner-arrow:before,
.penci-sidebar-content.style-4 .penci-border-arrow .inner-arrow:after,
.penci-homepage-title.style-4 .inner-arrow:before,
.penci-homepage-title.style-4 .inner-arrow:after {
position: absolute;
content: "";
width: 1200px;
height: 0;
top: 50%;
left: 100%;
border: none;
border-bottom: 1px solid;
z-index: 1;
opacity: 0.5;
}
.penci-homepage-title.style-4 .inner-arrow:before,
.penci-sidebar-content.style-4 .penci-border-arrow .inner-arrow:before {
left: auto;
right: 100%;
}
.penci-homepage-title.style-5,
.penci-sidebar-content.style-5 .penci-border-arrow,
.penci-homepage-title.style-7,
.penci-sidebar-content.style-7 .penci-border-arrow,
.penci-homepage-title.style-9,
.penci-sidebar-content.style-9 .penci-border-arrow {
border-bottom: 2px solid #313131;
}
.penci-homepage-title.style-5 .inner-arrow,
.penci-sidebar-content.style-5 .penci-border-arrow .inner-arrow {
display: inline-block;
border-bottom-width: 2px;
margin-bottom: -2px !important;
}
.penci-homepage-title.style-5.pcalign-left .inner-arrow,
.penci-sidebar-content.style-5.pcalign-left .penci-border-arrow .inner-arrow {
border-left-width: 2px;
}
.penci-homepage-title.style-5.pcalign-right .inner-arrow,
.penci-sidebar-content.style-5.pcalign-right .penci-border-arrow .inner-arrow {
border-right-width: 2px;
}
.penci-homepage-title.style-6 .inner-arrow,
.penci-sidebar-content.style-6 .penci-border-arrow .inner-arrow {
background: none !important;
padding: 0 !important;
border: none !important;
}
.penci-homepage-title.style-7,
.penci-sidebar-content.style-7 .penci-border-arrow {
border-bottom-width: 3px;
}
.penci-homepage-title.style-9,
.penci-sidebar-content.style-9 .penci-border-arrow {
border-bottom-width: 1px;
}
.penci-homepage-title.style-7 .inner-arrow,
.penci-sidebar-content.style-7 .penci-border-arrow .inner-arrow,
.penci-homepage-title.style-9 .inner-arrow,
.penci-sidebar-content.style-9 .penci-border-arrow .inner-arrow {
background: none !important;
padding: 0 0 8px 0;
border: none;
}
.penci-homepage-title.style-7 .inner-arrow:before,
.penci-sidebar-content.style-7 .penci-border-arrow .inner-arrow:before,
.penci-homepage-title.style-9 .inner-arrow:before,
.penci-sidebar-content.style-9 .penci-border-arrow .inner-arrow:before {
content: '';
width: 40px;
height: 3px;
position: absolute;
bottom: -3px;
background: #6eb48c;
}
.penci-homepage-title.style-9 .inner-arrow:before,
.penci-sidebar-content.style-9 .penci-border-arrow .inner-arrow:before {
bottom: -2px;
}
.penci-homepage-title.style-7.pcalign-center .inner-arrow:before,
.penci-sidebar-content.style-7.pcalign-center .penci-border-arrow .inner-arrow:before,
.penci-homepage-title.style-9.pcalign-center .inner-arrow:before,
.penci-sidebar-content.style-9.pcalign-center .penci-border-arrow .inner-arrow:before {
left: 50%;
margin-left: -20px;
}
.penci-homepage-title.style-7.pcalign-left .inner-arrow:before,
.penci-sidebar-content.style-7.pcalign-left .penci-border-arrow .inner-arrow:before,
.penci-homepage-title.style-9.pcalign-left .inner-arrow:before,
.penci-sidebar-content.style-9.pcalign-left .penci-border-arrow .inner-arrow:before {
left: 0;
margin: 0;
}
.penci-homepage-title.style-7.pcalign-right .inner-arrow:before,
.penci-sidebar-content.style-7.pcalign-right .penci-border-arrow .inner-arrow:before,
.penci-homepage-title.style-9.pcalign-right .inner-arrow:before,
.penci-sidebar-content.style-9.pcalign-right .penci-border-arrow .inner-arrow:before {
right: 0;
margin: 0;
}
.penci-homepage-title.style-8 .inner-arrow,
.penci-sidebar-content.style-8 .penci-border-arrow .inner-arrow {
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
border: none !important;
padding-top: 13px;
padding-bottom: 12px;
}
.penci-homepage-title.style-8.pcalign-left .inner-arrow,
.penci-sidebar-content.style-8.pcalign-left .penci-border-arrow .inner-arrow {
background-position: left center;
}
.penci-homepage-title.style-8.pcalign-right .inner-arrow,
.penci-sidebar-content.style-8.pcalign-right .penci-border-arrow .inner-arrow {
background-position: right center;
}
.penci-homepage-title.style-8.pcalign-center .inner-arrow,
.penci-sidebar-content.style-8.pcalign-center .penci-border-arrow .inner-arrow {
background-position: center center;
}
.penci-homepage-title.style-10,
.penci-sidebar-content.style-10 .penci-border-arrow {
border-top: 3px solid #313131;
border-bottom: 1px solid #dedede;
}
.penci-homepage-title.style-10 .inner-arrow,
.penci-sidebar-content.style-10 .penci-border-arrow .inner-arrow {
background: none !important;
border: none !important;
padding: 15px 0 !important;
}
.penci-sidebar-content.style-14 .penci-border-arrow:after,
.penci-sidebar-content.style-14 .penci-border-arrow:before,
.penci-sidebar-content.style-13 .penci-border-arrow:after,
.penci-sidebar-content.style-13 .penci-border-arrow:before,
.penci-sidebar-content.style-12 .penci-border-arrow:after,
.penci-sidebar-content.style-12 .penci-border-arrow:before,
.penci-sidebar-content.style-11 .penci-border-arrow:after,
.penci-sidebar-content.style-11 .penci-border-arrow:before,
.penci-sidebar-content.style-10 .penci-border-arrow:after,
.penci-sidebar-content.style-10 .penci-border-arrow:before {
content: none;
}
.penci-homepage-title.style-10:before,
.penci-homepage-title.style-10:after,
.penci-homepage-title.style-11:before,
.penci-homepage-title.style-11:after,
.penci-homepage-title.style-12:before,
.penci-homepage-title.style-12:after,
.penci-homepage-title.style-13:before,
.penci-homepage-title.style-13:after,
.penci-homepage-title.style-14:before,
.penci-homepage-title.style-14:after {
content: none;
}
.penci-homepage-title.style-11 .inner-arrow,
.penci-sidebar-content.style-11 .penci-border-arrow .inner-arrow {
border: none !important;
background-color: #444444;
color: #fff;
border-radius: 0 0 12px;
padding-left: 25px;
padding-right: 25px;
display: inline-block;
padding-top: 0;
padding-bottom: 0;
line-height: 34px;
}
.penci-homepage-title.style-11 .inner-arrow:after,
.penci-sidebar-content.style-11 .penci-border-arrow .inner-arrow:after,
.penci-homepage-title.style-11 .inner-arrow:before,
.penci-sidebar-content.style-11 .penci-border-arrow .inner-arrow:before {
content: '';
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
z-index: 1;
border-top: 20px solid #fff;
border-right: 15px solid transparent;
}
.penci-homepage-title.style-11 .inner-arrow:after,
.penci-sidebar-content.style-11 .penci-border-arrow .inner-arrow:after {
border-right: none;
border-top: none;
border-bottom: 20px solid rgba(0, 0, 0, .3);
border-left: 15px solid transparent;
box-shadow: 2px 2px 2px rgba(0, 0, 0, .05);
}
.penci-homepage-title.style-12,
.penci-sidebar-content.style-12 .penci-border-arrow {
border-bottom: 2px solid #313131;
}
.penci-homepage-title.style-12 .inner-arrow,
.penci-sidebar-content.style-12 .penci-border-arrow .inner-arrow {
display: inline-block;
margin-bottom: -2px;
background-color: #313131;
color: #fff;
border: 0;
padding-top: 0;
padding-bottom: 0;
line-height: 34px;
}
.penci-homepage-title.style-12 .inner-arrow:before,
.penci-sidebar-content.style-12 .penci-border-arrow .inner-arrow:before {
content: '';
display: inline-block;
position: absolute;
top: 0;
width: 0;
height: 0;
border-bottom: 32px solid #000;
border-right: 20px solid transparent;
z-index: 1;
right: -20px;
opacity: 0.7;
background-color: transparent !important;
}
.penci-homepage-title.style-12.pcalign-center .inner-arrow:after,
.penci-sidebar-content.style-12.pcalign-center .penci-border-arrow .inner-arrow:after,
.penci-homepage-title.style-12.pcalign-right .inner-arrow:after,
.penci-sidebar-content.style-12.pcalign-right .penci-border-arrow .inner-arrow:after {
content: '';
display: inline-block;
position: absolute;
top: 0;
width: 0;
height: 0;
border-bottom: 32px solid #000;
border-left: 20px solid transparent;
z-index: 1;
left: -20px;
opacity: 0.7;
background-color: transparent !important;
}
.penci-homepage-title.style-12.pcalign-right .inner-arrow:before,
.penci-sidebar-content.style-12.pcalign-right .penci-border-arrow .inner-arrow:before {
content: none;
}
.penci-homepage-title.style-13 .inner-arrow,
.penci-sidebar-content.style-13 .penci-border-arrow .inner-arrow {
display: inline-block;
margin-bottom: 0;
background-color: #313131;
color: #fff;
border: 0;
padding-top: 0;
padding-bottom: 0;
line-height: 34px;
}
.penci-homepage-title.style-13.pcalign-right .inner-arrow:before,
.penci-sidebar-content.style-13.pcalign-right .penci-border-arrow .inner-arrow:before {
content: none;
}
.penci-homepage-title.style-13.pcalign-left .inner-arrow,
.penci-sidebar-content.style-13.pcalign-left .penci-border-arrow .inner-arrow {
padding-right: 30px;
}
.penci-homepage-title.style-13.pcalign-center .inner-arrow:after,
.penci-sidebar-content.style-13.pcalign-center .penci-border-arrow .inner-arrow:after,
.penci-homepage-title.style-13.pcalign-left .inner-arrow:after,
.penci-sidebar-content.style-13.pcalign-left .penci-border-arrow .inner-arrow:after,
.penci-homepage-title.style-13.pcalign-center .inner-arrow:before,
.penci-sidebar-content.style-13.pcalign-center .penci-border-arrow .inner-arrow:before,
.penci-homepage-title.style-13.pcalign-right .inner-arrow:before,
.penci-sidebar-content.style-13.pcalign-right .penci-border-arrow .inner-arrow:before {
content: '';
display: inline-block;
position: absolute;
top: 0;
width: 0;
height: 0;
z-index: 1;
border-top: 16px solid transparent;
border-bottom: 17px solid transparent;
}
.penci-homepage-title.style-13.pcalign-center .inner-arrow:after,
.penci-sidebar-content.style-13.pcalign-center .penci-border-arrow .inner-arrow:after,
.penci-homepage-title.style-13.pcalign-left .inner-arrow:after,
.penci-sidebar-content.style-13.pcalign-left .penci-border-arrow .inner-arrow:after {
border-right: 16px solid #fff;
right: 0;
}
.penci-homepage-title.style-13.pcalign-center .inner-arrow,
.penci-sidebar-content.style-13.pcalign-center .penci-border-arrow .inner-arrow {
padding-right: 30px;
padding-left: 30px;
}
.penci-homepage-title.style-13.pcalign-right .inner-arrow,
.penci-sidebar-content.style-13.pcalign-right .penci-border-arrow .inner-arrow {
padding-right: 15px;
padding-left: 30px;
}
.penci-homepage-title.style-13.pcalign-center .inner-arrow:before,
.penci-sidebar-content.style-13.pcalign-center .penci-border-arrow .inner-arrow:before,
.penci-homepage-title.style-13.pcalign-right .inner-arrow:before,
.penci-sidebar-content.style-13.pcalign-right .penci-border-arrow .inner-arrow:before {
left: 0;
border-left: 15px solid #fff;
}
.penci-homepage-title.style-14 .inner-arrow,
.penci-sidebar-content.style-14 .penci-border-arrow .inner-arrow {
display: inline-block;
margin-bottom: 0;
background-color: transparent !important;
color: #fff;
border: 0;
position: relative;
padding-left: 25px;
padding-right: 25px;
}
.penci-homepage-title.style-11 .inner-arrow a,
.penci-homepage-title.style-12 .inner-arrow a,
.penci-homepage-title.style-13 .inner-arrow a,
.penci-homepage-title.style-14 .inner-arrow a {
color: inherit;
}
.penci-sidebar-content.style-14 .penci-border-arrow .inner-arrow:before,
.penci-homepage-title.style-14 .inner-arrow:before {
background: #313131;
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
content: '';
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
z-index: -1;
}
.widget ul {
list-style: none;
}
.penci-block-popular-cat ul {
padding-left: 0;
}
.widget ul ul {
padding-top: 11px;
margin-top: 12px;
border-top: 1px solid #DEDEDE;
padding-left: 20px;
}
.widget ul li {
margin-bottom: 11px;
padding-bottom: 12px;
border-bottom: 1px solid #DEDEDE;
font-size: 14px;
color: #888888;
}
.widget ul > li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.widget ul li a {
font-size: 14px;
font-style: normal;
line-height: 1.4;
}
.widget a {
color: #313131;
}
.widget a:hover {
color: #6eb48c;
text-decoration: underline;
}
.widget.widget_archive label.screen-reader-text,
.widget.widget_categories label.screen-reader-text {
display: none;
}
.widget .screen-reader-text {
display: block;
margin: 0 0 10px 0;
font-size: 14px;
}
.widget select {
padding: 2px;
line-height: 32px;
height: 32px;
vertical-align: middle;
border-spacing: 0;
clear: both;
margin: 0;
font-size: 14px;
width: 100%;
max-width: 360px;
outline: none;
}
.widget.widget_categories ul li,
.widget.widget_archive ul li {
text-align: right;
color: #888;
display: table;
width: 100%;
font-style: italic;
padding-right: 2px;
}
.widget.widget_categories ul li {
text-align: left;
}
.widget.widget_archive ul li a {
float: left;
}
.widget.widget_categories ul li a {
display: block !important;
text-decoration: none;
}
.widget.widget_categories ul li a:before,
.widget.widget_archive ul li a:before {
content: "\f105";
font-family: FontAwesome;
display: inline-block;
margin-right: 10px;
font-size: 90%;
}
.penci-fawesome-ver5 .widget.widget_categories ul li a:before,
.penci-fawesome-ver5 .widget.widget_archive ul li a:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.widget.widget_categories ul li span.category-item-count {
float: right;
font-style: italic;
color: #888888;
font-family: 'PT Serif', serif;
font-weight: normal;
}
#searchform input.search-input {
border: 1px solid #e9e9e9;
background: #fff url(../Images/searchsubmit.png) no-repeat 95% 11px;
padding: 12px 40px 12px 20px;
color: #313131;
letter-spacing: 1px;
font-size: 12px;
font-family: 'PT Serif', serif;
font-weight: normal;
}
#searchform #s:focus {
outline: none;
}
.widget #searchform input.search-input,
.penci-sidebar-content .widget #searchform input.search-input {
width: 100%;
max-width: 340px;
}
.penci-about-me .about-widget,
.widget .about-widget {
text-align: center;
}
.penci-about-me .about-widget.pc_alignleft,
.widget .about-widget.pc_alignleft {
text-align: left;
}
.penci-about-me .about-widget.pc_alignright,
.widget .about-widget.pc_alignright {
text-align: right;
}
.about-widget img {
max-width: 100% !important;
height: auto;
margin-bottom: 20px;
}
.about-widget .about-me-heading {
color: #313131;
font-size: 18px;
font-family: 'PT Serif', serif;
font-weight: bold;
padding-bottom: 16px;
line-height: 1.3;
margin-bottom: 19px;
position: relative;
}
.about-widget .about-me-heading:before {
content: "";
display: inline-block;
width: 60px;
position: absolute;
margin-left: -30px;
left: 50%;
bottom: 0;
border-top: 1px solid #6eb48c;
}
.about-widget.pc_alignleft .about-me-heading:before {
margin: 0;
left: 0;
}
.about-widget.pc_alignright .about-me-heading:before {
margin: 0;
left: auto;
right: 0;
}
.widget .tagcloud a {
text-transform: uppercase;
background: #ffffff;
color: #999999;
padding: 6px 12px 5px;
margin-right: 5px;
margin-bottom: 8px;
display: inline-block;
font-size: 11px !important;
background: none;
border: 1px solid #DEDEDE;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
outline: none;
font-weight: normal;
line-height: 1.2;
}
.widget .tagcloud a:hover {
color: #ffffff;
background: #6eb48c;
border-color: #6eb48c;
text-decoration: none;
}
#wp-calendar {
width: 100%;
}
#wp-calendar caption {
text-align: right;
color: #777;
font-size: 14px;
margin-top: 10px;
margin-bottom: 15px;
font-weight: bold;
letter-spacing: 1px;
}
#wp-calendar thead {
font-size: 12px;
}
#wp-calendar thead th {
padding-bottom: 10px;
}
#wp-calendar tbody {
color: #aaa;
}
#wp-calendar tbody td {
background: #f5f5f5;
border: 1px solid #fff;
text-align: center;
padding: 8px;
}
#wp-calendar tbody td a {
font-weight: 700;
color: #222;
}
#wp-calendar tbody td:hover {
background: #fff;
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot #next {
font-size: 11px;
text-transform: uppercase;
text-align: right;
}
#wp-calendar tfoot #prev {
font-size: 12px;
text-transform: uppercase;
padding-top: 15px;
}
#wp-calendar thead th {
padding-bottom: 10px;
text-align: center;
}
.penci_recent-posts-sc ul.side-newsfeed {
padding: 0;
margin: 0;
}
.penci_recent-posts-sc ul.side-newsfeed:before,
.widget ul.side-newsfeed:before,
.penci_recent-posts-sc ul.side-newsfeed:after,
.widget ul.side-newsfeed:after {
display: table;
content: '';
clear: both;
line-height: 0;
}
.penci_recent-posts-sc ul.side-newsfeed li {
border-bottom: 1px solid #DEDEDE;
font-size: 14px;
color: #888888;
}
.penci_recent-posts-sc ul.side-newsfeed li,
.widget ul.side-newsfeed li {
list-style-type: none;
margin-bottom: 20px;
padding-bottom: 20px;
margin-left: 0;
position: relative;
}
.penci_recent-posts-sc ul.penci-feed-2columns li,
.widget ul.penci-feed-2columns li {
width: 47%;
float: left;
padding-bottom: 0;
margin-bottom: 20px;
border-bottom: none;
}
.penci_recent-posts-sc ul.penci-feed-2columns.display-order-numbers li,
.widget ul.penci-feed-2columns.display-order-numbers li {
margin-bottom: 30px;
}
.penci_recent-posts-sc ul.penci-2columns-feed > li:nth-child(2n+1),
.widget ul.penci-2columns-feed > li:nth-child(2n+1) {
clear: both;
margin-right: 6%;
}
.penci_recent-posts-sc ul.penci-2columns-featured > li:nth-child(2n),
.widget ul.penci-2columns-featured > li:nth-child(2n) {
clear: both;
margin-right: 6%;
}
.penci_recent-posts-sc ul.side-newsfeed li:last-child,
.penci_recent-posts-sc ul.side-newsfeed.penci-feed-2columns li:nth-last-child(2),
.widget ul.side-newsfeed li:last-child,
.widget ul.side-newsfeed.penci-feed-2columns li:nth-last-child(2) {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.penci_recent-posts-sc ul.side-newsfeed li:last-child {
border-bottom: 0 !important;
}
.penci_recent-posts-sc ul.side-newsfeed li .side-item,
.widget ul.side-newsfeed li .side-item {
overflow: hidden;
position: relative;
}
.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image,
.widget ul.side-newsfeed li .side-item .side-image {
float: left;
margin-right: 20px;
position: relative;
}
.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image.thumbnail-right,
.widget ul.side-newsfeed li .side-item .side-image.thumbnail-right {
float: right;
margin-right: 0;
margin-left: 20px;
}
.penci_recent-posts-sc ul.penci-feed-2columns li .side-item .side-image,
.penci_recent-posts-sc ul.penci-feed-2columns li .side-item .side-image.thumbnail-right,
.widget ul.penci-feed-2columns li .side-item .side-image,
.widget ul.penci-feed-2columns li .side-item .side-image.thumbnail-right {
width: 100%;
margin: 0 0 16px 0;
float: none !important;
}
.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image a,
.widget ul.side-newsfeed li .side-item .side-image a {
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
}
.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image a:hover,
.widget ul.side-newsfeed li .side-item .side-image a:hover {
opacity: 0.8;
}
.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image a span.count-post,
.widget ul.side-newsfeed li .side-item .side-image a span.count-post {
position: absolute;
z-index: 2;
bottom: 10px;
left: 10px;
display: inline-block;
background: #ffffff;
color: #010101;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 16px;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image img,
.widget ul.side-newsfeed li .side-item .side-image img {
width: 120px;
height: auto;
}
.penci_recent-posts-sc ul.penci-feed-2columns li .side-item .side-image .small-fix-size,
.widget ul.penci-feed-2columns li .side-item .side-image .small-fix-size {
width: 100%;
}
.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text,
.widget ul.side-newsfeed li .side-item .side-item-text {
overflow: hidden;
}
.penci_recent-posts-sc ul.penci-feed-2columns li .side-item .side-item-text,
.widget ul.penci-feed-2columns li .side-item .side-item-text {
display: block;
}
.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text h4 {
margin-bottom: 0;
}
.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text h4 a,
.widget ul.side-newsfeed li .side-item .side-item-text h4 a {
margin-bottom: 6px;
color: #313131;
display: block;
font-size: 16px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
font-family: 'Raleway', sans-serif;
letter-spacing: 0;
line-height: 1.4;
}
.penci_recent-posts-sc ul.penci-feed-2columns li .side-item .side-item-text h4 a,
.widget ul.penci-feed-2columns li .side-item .side-item-text h4 a {
font-size: 14px;
margin-bottom: 2px;
}
.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text h4 a:hover,
.widget ul.side-newsfeed li .side-item .side-item-text h4 a:hover {
color: #6eb48c;
text-decoration: none;
}
.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text .side-item-meta,
.widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta {
letter-spacing: 0;
color: #888888;
font-family: 'PT Serif', sans-serif;
font-size: 13px;
}
.penci_recent-posts-sc ul.side-newsfeed li.featured-news,
.widget ul.side-newsfeed li.featured-news {
width: 100% !important;
margin-right: 0;
}
.penci_recent-posts-sc ul.side-newsfeed li.featured-news.all-featured-news,
.widget ul.side-newsfeed li.featured-news.all-featured-news {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 26px;
}
.penci_recent-posts-sc ul.side-newsfeed li.featured-news .side-image,
.widget ul.side-newsfeed li.featured-news .side-image {
float: none !important;
margin: 0 0 12px 0 !important;
}
.penci_recent-posts-sc ul.side-newsfeed li.featured-news .side-image img,
.widget ul.side-newsfeed li.featured-news .side-image img {
width: 100% !important;
}
.penci_recent-posts-sc ul.side-newsfeed li.featured-news .side-item .side-item-text h4 a,
.widget ul.side-newsfeed li.featured-news .side-item .side-item-text h4 a {
font-size: 18px;
margin-bottom: 6px;
}
.penci_recent-posts-sc .penci-feed-excerpt,
.widget .penci-feed-excerpt {
margin-top: 16px;
}
.penci_recent-posts-sc ul.side-newsfeed li.featured-news2 .side-item .side-item-text,
.widget ul.side-newsfeed li.featured-news2 .side-item .side-item-text {
position: absolute;
z-index: 1;
bottom: 12px;
padding: 15px 10px 0 20px;
left: 20px;
right: 20px;
background: #fff;
}
.penci_recent-posts-sc ul.side-newsfeed li.featured-news2.all-featured-news .side-item .side-item-text,
.widget ul.side-newsfeed li.featured-news2.all-featured-news .side-item .side-item-text {
padding-left: 10px;
}
.penci_recent-posts-sc ul.side-newsfeed li .order-border-number,
.widget ul.side-newsfeed li .order-border-number {
position: absolute;
left: 5px;
top: -15px;
background-color: rgba(255, 255, 255, 0.3);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
display: inline-block;
vertical-align: middle;
width: 30px;
height: 30px;
line-height: 28px;
border-radius: 50%;
z-index: 3;
text-align: center;
}
.penci_recent-posts-sc ul.side-newsfeed li .order-border-number.right-side,
.widget ul.side-newsfeed li .order-border-number.right-side {
left: auto;
right: 5px;
}
.penci_recent-posts-sc ul.side-newsfeed li.featured-news .order-border-number.right-side,
.widget ul.side-newsfeed li.featured-news .order-border-number.right-side {
left: 15px;
right: auto;
}
.penci_recent-posts-sc ul.side-newsfeed li .number-post,
.widget ul.side-newsfeed li .number-post {
background-color: #383838;
border-radius: 50%;
width: 26px;
height: 26px;
line-height: 28px;
text-align: center;
display: inline-block;
vertical-align: middle;
color: #fff;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
z-index: 3;
}
.penci_recent-posts-sc ul.side-newsfeed li.featured-news .order-border-number,
.widget ul.side-newsfeed li.featured-news .order-border-number {
width: 40px;
height: 40px;
line-height: 38px;
}
.penci_recent-posts-sc ul.side-newsfeed li.featured-news .number-post,
.widget ul.side-newsfeed li.featured-news .number-post {
width: 36px;
height: 36px;
line-height: 38px;
font-size: 16px;
}
.penci-widget-slider {
width: 100%;
}
.widget .penci-widget-slider .penci-slide-widget {
margin: 0;
padding: 0;
border-bottom: none;
}
.widget .penci-widget-slider .penci-slide-widget:before,
.widget .penci-widget-slider .penci-slide-widget:after {
content: none;
display: none;
}
.penci-widget-slider .penci-slide-content {
position: relative;
text-align: center;
}
.penci-widget-slider-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.3;
transition: opacity 0.25s ease;
-webkit-transition: opacity 0.25s ease;
-moz-transition: opacity 0.25s ease;
z-index: 2;
}
.penci-widget-slider .penci-widget-slide-detail {
position: absolute;
top: 50%;
left: 25px;
right: 25px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
z-index: 5;
}
.penci_post-slider-sc .penci-post-slider-style-1 .penci-widget-slide-detail h4 a,
.penci_post-slider-sc .penci-post-slider-style-2 .penci-widget-slide-detail h4 a,
.widget .penci-widget-slider .penci-widget-slide-detail h4 a {
color: #fff;
font-size: 18px;
text-decoration: none;
letter-spacing: 0;
}
.penci_post-slider-sc .penci-post-slider-style-3 .penci-widget-slide-detail h4 a {
color: #313131;
}
.penci-widget-slide-detail .slide-item-date {
color: #fff;
display: block;
margin-top: 5px;
font-size: 13px;
}
.penci-owl-carousel.penci-widget-slider.penci-post-slider-style-1 .owl-nav .owl-prev,
.penci-owl-carousel.penci-widget-slider.penci-post-slider-style-1 .owl-nav .owl-next,
.penci-owl-carousel.penci-widget-slider.penci-post-slider-style-2 .owl-nav .owl-prev,
.penci-owl-carousel.penci-widget-slider.penci-post-slider-style-2 .owl-nav .owl-next {
width: 16px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
background: none;
color: #fff;
font-size: 30px;
}
.penci-owl-carousel.penci-widget-slider.penci-post-slider-style-1 .owl-nav .owl-prev,
.penci-owl-carousel.penci-widget-slider.penci-post-slider-style-2 .owl-nav .owl-prev {
left: 10px;
}
.penci-owl-carousel.penci-widget-slider.penci-post-slider-style-1 .owl-nav .owl-next,
.penci-owl-carousel.penci-widget-slider.penci-post-slider-style-2 .owl-nav .owl-next {
right: 10px;
}
.penci-widget-slider.penci-post-slider-style-2 .penci-slide-content,
.penci-widget-slider.penci-post-slider-style-3 .penci-slide-content {
text-align: left;
}
.penci-widget-slider.penci-post-slider-style-2 .penci-widget-slide-detail {
transform: none;
-webkit-transform: none;
-moz-transform: none;
top: auto;
bottom: 20px;
}
.penci-post-slider-style-2 .penci-widget-slider-overlay {
background: -moz-linear-gradient(top, transparent 0%, #000 100%);
background: -webkit-linear-gradient(top, transparent 0%, #000 100%);
background: -o-linear-gradient(top, transparent 0%, #000 100%);
background: -ms-linear-gradient(top, transparent 0%, #000 100%);
background: linear-gradient(to bottom, transparent 0%, #000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
-webkit-transition: opacity .4s ease 0s;
-moz-transition: opacity .4s ease 0s;
-o-transition: opacity .4s ease 0s;
transition: opacity .4s ease 0s;
opacity: 0.7;
}
.penci-post-slider-style-2 .penci-slide-widget:hover .penci-widget-slider-overlay {
opacity: 0.9;
}
.penci-widget-slider.penci-post-slider-style-3 .penci-widget-slide-detail {
transform: none;
-webkit-transform: none;
-moz-transform: none;
position: static;
margin-top: 16px;
}
.widget .penci-widget-slider.penci-post-slider-style-3 .penci-widget-slide-detail h4 a {
color: inherit;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.widget .penci-widget-slider.penci-post-slider-style-3 .penci-widget-slide-detail h4 a:hover {
opacity: 0.8;
}
.penci-post-slider-style-3 .penci-widget-slide-detail .slide-item-date {
color: #888;
}
.widget-social {
text-align: center;
display: table;
width: 100%;
}
.widget-social.pc_alignleft {
text-align: left;
}
.widget-social.pc_alignright {
text-align: right;
}
.widget-social.show-text {
margin-left: -5px;
}
.widget-social a i {
width: 36px;
height: 36px;
line-height: 34px;
background: none;
color: #313131;
border: 1px solid #E0E0E0;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
margin: 0 5px 5px;
display: inline-block;
font-size: 14px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-align: center;
}
.widget-social.show-text a i {
margin-bottom: 0;
}
.widget-social a:hover i {
text-decoration: none;
color: #ffffff;
background: #6eb48c;
border-color: #6eb48c;
}
.widget-social a span {
display: none;
}
.widget-social a:first-child {
margin-left: 0;
}
.widget-social a:last-child {
margin-right: 0;
}
.widget-social.show-text a {
width: 50%;
float: left;
text-align: left;
margin-bottom: 10px;
}
.widget-social.show-text a span {
display: inline-block;
color: #313131;
text-transform: uppercase;
font-size: 13px;
margin-left: 10px;
font-family: 'Raleway', sans-serif;
font-weight: bold;
letter-spacing: 0;
transition: color 0.3s;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
line-height: 20px;
}
.widget-social.show-text.remove-uppercase-text a span {
text-transform: none;
}
.widget-social.show-text a:hover span {
color: #6eb48c;
}
.widget-social.remove-circle a i {
width: auto;
height: auto;
line-height: 20px;
background: none !important;
border: none !important;
}
.widget-social.remove-circle a:hover i {
color: #6eb48c;
}
.widget-social.remove-circle a span {
line-height: 20px;
margin-left: 5px;
}
.widget-social.remove-circle:not(.show-text) a i {
margin: 0 7px 5px;
}
.widget-social.penci-social-colored a i {
border: none !important;
line-height: 36px;
color: #fff !important;
}
.widget-social.penci-social-colored a:hover i {
opacity: 0.85;
}
.widget-social.remove-border-radius a i {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.quote-widget {
position: relative;
display: block;
}
.quote-widget > i {
color: #999999;
position: absolute;
top: 0;
left: 0;
font-size: 22px;
}
.quote-widget > p {
padding-left: 40px;
}
.footer-widget-wrapper .quote-widget > i {
font-size: 24px;
}
.footer-widget-wrapper .quote-widget > p {
padding-left: 42px;
}
.penci-pinterest-widget-container {
margin: -5px -5px 0 -5px;
}
.penci-images-pin-widget:before,
.penci-images-pin-widget:after {
display: table;
clear: both;
content: "";
}
.penci-pinterest-widget-container .penci-images-pin-widget a {
width: 33.3333%;
display: inline-block;
padding: 5px;
transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
position: relative;
float: left;
vertical-align: top;
}
.penci-pinterest-widget-container .penci-images-pin-widget a .penci-image-holder {
border-radius: 0;
-webkit-border-radius: 0;
}
.penci-pinterest-widget-container .penci-images-pin-widget a:hover {
opacity: 0.8;
}
.penci-pinterest-widget-container .penci-images-pin-widget a:before,
.penci-pinterest-widget-container .penci-images-pin-widget a:after {
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
z-index: 1;
}
.penci-pinterest-widget-container .penci-images-pin-widget a:before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
.penci-pinterest-widget-container .penci-images-pin-widget a:after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
.penci-pinterest-widget-container .penci-images-pin-widget a:hover:before,
.penci-pinterest-widget-container .penci-images-pin-widget a:hover:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.penci-pinterest-widget-container .pin_link {
text-align: center;
margin-top: 20px;
}
.penci-pinterest-widget-container.penci-loading .pin_link {
clear: both;
display: block;
}
.penci-pinterest-widget-container .pin_link a {
font-style: italic;
color: #999999;
font-size: 16px;
}
.penci-list-banner {
display: block;
}
.penci-promo-item {
position: relative;
width: 100%;
margin: 0 0 25px 0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-color: #ccc;
}
.penci-list-banner .penci-promo-item:last-child {
margin-bottom: 0;
}
.penci-promo-item.penci-banner-crop {
padding-bottom: 56%;
}
.penci-promo-item.penci-banner-has-text:after {
position: absolute;
left: 10px;
right: 10px;
top: 10px;
bottom: 10px;
content: '';
-webkit-transition: all 0.4s;
transition: all 0.4s;
z-index: 5;
border: 1px solid #fff;
opacity: 0.4;
}
.penci-promo-item.penci-banner-has-text:hover:after {
opacity: 1;
}
.penci-promo-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
background: none !important;
}
.penci-promo-text {
position: absolute;
display: block;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 10px;
left: 0;
z-index: 1;
text-align: center;
}
.penci-promo-text h4 {
text-transform: uppercase;
font-size: 12px;
line-height: 1.3;
background: #ffffff;
display: inline-block;
padding: 12px 12px;
min-width: 120px;
text-align: center;
color: #010101;
}
.penci-promo-item img {
width: 100%;
}
.footer-widget-wrapper .widget {
margin-bottom: 30px;
}
.footer-widget-wrapper .widget .widget-title {
color: #313131;
margin: 0 0 30px;
font-family: 'Raleway', sans-serif;
font-weight: bold;
letter-spacing: 1px;
position: relative;
text-align: left;
font-size: 16px;
text-transform: uppercase;
background: none;
}
.footer-widget-wrapper .widget .widget-title .inner-arrow {
border-top: none;
border-left: none;
border-right: none;
padding: 0 0 10px;
background: none;
border-bottom: 3px solid #e0e0e0;
}
.footer-widget-wrapper .widget .widget-title:before,
.footer-widget-wrapper .widget .widget-title:after {
content: none;
}
.mc4wp-form {
max-width: 450px;
width: 100%;
margin: 0;
text-align: center;
}
.post-entry .mc4wp-form {
margin-left: auto;
margin-right: auto;
}
.mc4wp-form > form > p,
.mc4wp-form .mc4wp-form-fields > p {
margin-bottom: 20px;
}
.penci-mailchimp-s3 .footer-subscribe .mc4wp-form .memail {
margin-bottom: 0;
}
.widget .mc4wp-form > form > p:last-of-type,
.mc4wp-form .mc4wp-form-fields > p:last-of-type {
margin-bottom: 0;
}
.mc4wp-form input {
border: 1px solid #DEDEDE;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
outline: none;
background: none;
display: block;
font-size: 12px;
line-height: 1;
padding: 17px 20px;
margin-bottom: 20px;
letter-spacing: 0;
font-family: 'PT Serif', serif;
}
.mc4wp-form input:focus {
background: #fff;
}
.mc4wp-form input[type="text"],
.mc4wp-form input[type="email"],
.mc4wp-form input[type="number"],
.mc4wp-form input[type="date"] {
width: 100%;
}
.mc4wp-form input[type="checkbox"] {
display: inline-block;
vertical-align: middle;
}
.mc4wp-form input[type="submit"] {
display: block;
width: 100%;
font-size: 14px;
padding: 18px 20px;
text-transform: uppercase;
color: #313131;
margin: 0;
cursor: pointer;
border: none;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
background: #F5F5F5;
}
.mc4wp-form input[type="submit"]:hover {
background: #6eb48c;
color: #fff;
}
div.wpforms-container .wpforms-form.wpforms-form .wpforms-field:not( :last-child ) {
padding: 0 0 28px 0;
clear: both;
}
div.wpforms-container .wpforms-form.wpforms-form .wpforms-field-label {
color: #939393;
font-size: 12px;
display: block;
font-family: "Raleway", sans-serif;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
margin-bottom: 8px;
}
div.wpforms-container .wpforms-form.wpforms-form input[type=date],
div.wpforms-container .wpforms-form.wpforms-form input[type=datetime],
div.wpforms-container .wpforms-form.wpforms-form input[type=datetime-local],
div.wpforms-container .wpforms-form.wpforms-form input[type=email],
div.wpforms-container .wpforms-form.wpforms-form input[type=month],
div.wpforms-container .wpforms-form.wpforms-form input[type=number],
div.wpforms-container .wpforms-form.wpforms-form input[type=password],
div.wpforms-container .wpforms-form.wpforms-form input[type=range],
div.wpforms-container .wpforms-form.wpforms-form input[type=search],
div.wpforms-container .wpforms-form.wpforms-form input[type=tel],
div.wpforms-container .wpforms-form.wpforms-form input[type=text],
div.wpforms-container .wpforms-form.wpforms-form input[type=time],
div.wpforms-container .wpforms-form.wpforms-form input[type=url],
div.wpforms-container .wpforms-form.wpforms-form input[type=week],
div.wpforms-container .wpforms-form.wpforms-form select,
div.wpforms-container .wpforms-form.wpforms-form textarea {
padding: 12px 20px;
max-width: 500px;
border: 1px solid #DEDEDE;
font-size: 12px;
width: 100%;
font-weight: normal;
font-family: 'PT Serif', serif;
max-height: 50px;
height: auto;
background: none;
}
div.wpforms-container .wpforms-form .wpforms-field-label-inline {
display: inline-block;
vertical-align: middle;
font-size: inherit;
font-weight: normal;
line-height: 1.3;
position: relative;
top: -2px;
}
div.wpforms-container-full .wpforms-form label.wpforms-error {
margin-top: 5px;
}
div.wpforms-container .wpforms-form.wpforms-form input[type=submit],
div.wpforms-container .wpforms-form.wpforms-form button[type=submit],
div.wpforms-container .wpforms-form.wpforms-form .wpforms-page-button {
text-transform: uppercase;
font-family: "Raleway", sans-serif;
font-weight: bold;
background: #F5F5F5;
border-radius: 0;
font-size: 14px;
color: #313131;
padding: 12px 20px;
display: inline-block;
-o-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
cursor: pointer;
width: auto;
min-width: 120px;
text-align: center;
margin: 0;
border: none;
}
div.wpforms-container .wpforms-form.wpforms-form input[type=submit]:hover,
div.wpforms-container .wpforms-form.wpforms-form button[type=submit]:hover,
div.wpforms-container .wpforms-form.wpforms-form .wpforms-page-button:hover,
.mc4wp-form input[type="submit"]:hover {
color: #fff;
border: none;
background: #6eb48c;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
width: 100% !important;
}
.fb_iframe_widget span iframe[class*="fb_customer_chat"] {
width: 288pt !important;
}
.penci-sidebar-content .widget .jr-insta-thumb,
.footer-widget-wrapper .widget .jr-insta-thumb {
margin: -5px -5px 0 -5px;
}
.penci-sidebar-content .widget .jr-insta-thumb ul.thumbnails li,
.footer-widget-wrapper .widget .jr-insta-thumb ul.thumbnails li {
transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
margin: 0;
}
.penci-sidebar-content .widget .jr-insta-thumb ul.thumbnails li:hover,
.footer-widget-wrapper .widget .jr-insta-thumb ul.thumbnails li:hover {
opacity: 0.8;
}
.penci-sidebar-content .widget .jr-insta-thumb ul.thumbnails li img,
.footer-widget-wrapper .widget .jr-insta-thumb ul.thumbnails li img {
padding: 5px;
width: 100%;
}
.jr-insta-thumb ul.thumbnails li img {
width: 100%;
}
.widget .jr-insta-thumb ul.thumbnails {
margin: 0;
}
.widget .jr-insta-thumb ul.thumbnails.jr_col_2 li {
width: 50% !important;
}
.widget .jr-insta-thumb ul.thumbnails.jr_col_3 li {
width: 33.3333% !important;
}
.widget .jr-insta-thumb ul.thumbnails.jr_col_4 li {
width: 25% !important;
}
.widget .jr-insta-thumb ul.thumbnails.jr_col_5 li {
width: 20% !important;
}
.pllexislider .pllex-direction-nav {
background: none !important;
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
}
.pllexislider .pllex-direction-nav .pllex-next {
margin-left: 1px;
}
.pllexislider .pllex-direction-nav li a {
width: 40px;
height: 40px;
line-height: 40px !important;
background: rgba(0, 0, 0, 0.5);
text-align: center;
}
.pllexislider .pllex-direction-nav li {
border: none !important;
}
.pllexislider .pllex-direction-nav .pllex-next:before,
.pllexislider .pllex-direction-nav .pllex-prev:before {
font-family: FontAwesome, sans-serif !important;
padding: 0 !important;
text-shadow: none !important;
font-size: 22px !important;
}
.penci-fawesome-ver5 .pllexislider .pllex-direction-nav .pllex-next:before,
.penci-fawesome-ver5 .pllexislider .pllex-direction-nav .pllex-prev:before {
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
}
.pllexislider .pllex-direction-nav .pllex-next:before {
content: "\f105" !important;
}
.pllexislider .pllex-direction-nav .pllex-prev:before {
content: "\f104" !important;
}
.pllexislider-overlay ul li .jr-insta-wrap .jr-insta-datacontainer .jr-insta-caption {
font-size: 12px !important;
line-height: 1.5em !important;
margin-top: 8px !important;
margin-bottom: 0 !important;
}
.pllexislider-overlay ul li .jr-insta-wrap .jr-insta-datacontainer {
text-shadow: none !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.penci-instaslider-normal .penci-insta-datacontainer {
margin-top: 5px;
margin-bottom: 5px;
display: block;
}
.penci-instaslider-normal .penci-insta-datacontainer .penci-insta-username {
text-decoration: none;
display: inline-block;
}
.penci-instaslider-normal .penci-insta-datacontainer .penci-insta-time {
float: right;
display: inline-block;
text-align: right;
}
.penci-instaslider-normal .penci-insta-datacontainer .penci-insta-caption {
line-height: normal;
margin-top: 5px;
margin-bottom: 5px;
display: block;
clear: both
}
.penci-instaslider-overlay a {
color: #ffffff;
text-decoration: none;
}
.penci-instaslider-overlay .penci-insta-wrap {
position: relative;
color: #FFF;
line-height: normal;
}
.penci-instaslider-overlay .penci-insta-wrap .penci-insta-datacontainer {
opacity: 0;
visibility: hidden;
transition: all 0.3s;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
background: rgba(0, 0, 0, 0.4);
padding: 5px 15px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.penci-instaslider-overlay .penci-insta-info:hover .penci-insta-wrap .penci-insta-datacontainer {
opacity: 1;
visibility: visible
}
.penci-instaslider-overlay .penci-insta-wrap .penci-insta-datacontainer .penci-insta-username a {
color: #FFF !important;
text-decoration: none;
font-weight: bold;
}
.penci-instaslider-overlay .penci-insta-wrap .penci-insta-datacontainer .penci-insta-time {
float: right;
text-align: right;
}
.penci-instaslider-overlay .penci-insta-wrap .penci-insta-datacontainer .penci-insta-caption {
line-height: normal;
color: #FFF;
margin-top: 5px;
margin-bottom: 5px;
display: block;
}
.penci-insta-thumb ul.thumbnails {
list-style: none;
font-size: 0;
margin-left: -2.5%;
padding: 0;
margin-bottom: 0
}
.penci-insta-thumb ul.thumbnails.no-border {
margin-left: 0;
}
.penci-insta-thumb ul.thumbnails li {
display: inline-block;
padding: 0;
margin: 0 0 2.5% 2.5%;
background: none;
border: 0;
vertical-align: top;
box-shadow: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.penci-insta-thumb ul.thumbnails.no-border li {
margin: 0;
}
.penci-insta-thumb ul.thumbnails li img {
max-width: 100% !important;
height: auto !important;
margin: 0 !important;
border: 0 !important;
vertical-align: top;
}
.penci-insta-thumb ul.thumbnails li a {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
.penci-insta-thumb ul.thumbnails.penci-inscol1 li {
width: 97.5% !important;
}
.penci-insta-thumb ul.thumbnails.penci-inscol2 li {
width: 47.5% !important;
}
.penci-insta-thumb ul.thumbnails.penci-inscol3 li {
width: 30.83% !important;
}
.penci-insta-thumb ul.thumbnails.penci-inscol4 li {
width: 22.5% !important;
}
.penci-insta-thumb ul.thumbnails.penci-inscol5 li {
width: 17.5% !important;
}
.penci-insta-thumb ul.thumbnails.penci-inscol6 li {
width: 16.66% !important;
}
.penci-insta-thumb ul.thumbnails.penci-inscol7 li {
width: 14.28% !important;
}
.penci-insta-thumb ul.thumbnails.penci-inscol8 li {
width: 12.5% !important;
}
.penci-insta-thumb ul.thumbnails.penci-inscol9 li {
width: 11.11% !important;
}
.penci-insta-thumb ul.thumbnails.penci-inscol10 li {
width: 10% !important;
}
.penci-insta-thumb ul.thumbnails.no-border.penci-inscol1 li {
width: 100% !important;
}
.penci-insta-thumb ul.thumbnails.no-border.penci-inscol2 li {
width: 50% !important;
}
.penci-insta-thumb ul.thumbnails.no-border.penci-inscol3 li {
width: 33.33% !important;
}
.penci-insta-thumb ul.thumbnails.no-border.penci-inscol4 li {
width: 25% !important;
}
.penci-insta-thumb ul.thumbnails.no-border.penci-inscol5 li {
width: 20% !important;
}
.penci-insta-thumb ul.thumbnails.no-border.penci-inscol6 li {
width: 16.66% !important;
}
.penci-insta-thumb ul.thumbnails.no-border.penci-inscol7 li {
width: 14.28% !important;
}
.penci-insta-thumb ul.thumbnails.no-border.penci-inscol8 li {
width: 12.5% !important;
}
.penci-insta-thumb ul.thumbnails.no-border.penci-inscol9 li {
width: 11.11% !important;
}
.penci-insta-thumb ul.thumbnails.no-border.penci-inscol10 li {
width: 10% !important;
}
.penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol1 li {
width: 100% !important;
}
.penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol6 li {
width: 16.66% !important;
}
.penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol7 li {
width: 14.28% !important;
}
.penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol8 li {
width: 12.5% !important;
}
.penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol9 li {
width: 11.11% !important;
}
.penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol10 li {
width: 10% !important;
}
.penci-insta-thumb .penci-image-holder:before {
padding-top: 100%;
}
@media all and (max-width: 640px) {
.penci-insta-thumb ul.thumbnails.penci-inscol3 li,
.penci-insta-thumb ul.thumbnails.penci-inscol4 li,
.penci-insta-thumb ul.thumbnails.penci-inscol5 li,
.penci-insta-thumb ul.thumbnails.penci-inscol6 li {
width: 47.5% !important;;
}
.penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol6 li {
width: 33.3333% !important;
}
.penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol7 li,
.penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol8 li,
.penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol9 li,
.penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol10 li {
width: 25% !important;;
}
.penci-insta-thumb ul.thumbnails.penci-inscol7 li,
.penci-insta-thumb ul.thumbnails.penci-inscol8 li,
.penci-insta-thumb ul.thumbnails.penci-inscol9 li,
.penci-insta-thumb ul.thumbnails.penci-inscol10 li {
width: 22.5% !important;
}
.penci-insta-thumb ul.thumbnails.no-border.penci-inscol3 li,
.penci-insta-thumb ul.thumbnails.no-border.penci-inscol4 li,
.penci-insta-thumb ul.thumbnails.no-border.penci-inscol5 li,
.penci-insta-thumb ul.thumbnails.no-border.penci-inscol6 li {
width: 50% !important;;
}
.penci-insta-thumb ul.thumbnails.no-border.penci-inscol7 li,
.penci-insta-thumb ul.thumbnails.no-border.penci-inscol8 li,
.penci-insta-thumb ul.thumbnails.no-border.penci-inscol9 li,
.penci-insta-thumb ul.thumbnails.no-border.penci-inscol10 li {
width: 25% !important;;
}
}
@media all and (max-width: 480px) {
.penci-insta-thumb ul.thumbnails li {
width: 100% !important;
}
}
.penci_instagram_widget-sc .penci-insta-thumb,
.penci-sidebar-content .widget .penci-insta-thumb,
.footer-widget-wrapper .widget .penci-insta-thumb {
margin: -5px -5px 0 -5px;
}
.penci_instagram_widget-sc.penci_insta-thumbs-no-border .penci-insta-thumb {
margin: 0;
}
.penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails li,
.penci-sidebar-content .widget .penci-insta-thumb ul.thumbnails li,
.footer-widget-wrapper .widget .penci-insta-thumb ul.thumbnails li {
transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
margin: 0;
}
.penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails li:hover,
.penci-sidebar-content .widget .penci-insta-thumb ul.thumbnails li:hover,
.footer-widget-wrapper .widget .penci-insta-thumb ul.thumbnails li:hover {
opacity: 0.8;
}
.penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails li a,
.penci-sidebar-content .widget .penci-insta-thumb ul.thumbnails li a,
.footer-widget-wrapper .widget .penci-insta-thumb ul.thumbnails li a {
padding: 5px;
width: 100%;
}
.penci_instagram_widget-sc.penci_insta-thumbs-no-border .penci-insta-thumb ul.thumbnails li a {
padding: 0;
}
.penci-insta-thumb ul.thumbnails li img {
width: 100%;
}
.penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails,
.widget .penci-insta-thumb ul.thumbnails {
margin: 0;
}
.penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol2 li,
.widget .penci-insta-thumb ul.thumbnails.penci-inscol2 li {
width: 50% !important;
}
.penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol3 li,
.widget .penci-insta-thumb ul.thumbnails.penci-inscol3 li {
width: 33.3333% !important;
}
.penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol4 li,
.widget .penci-insta-thumb ul.thumbnails.penci-inscol4 li {
width: 25% !important;
}
.penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol5 li,
.widget .penci-insta-thumb ul.thumbnails.penci-inscol5 li {
width: 20% !important;
}
.penci-instaslider-overlay .penci-insta-wrap .penci-insta-datacontainer .penci-insta-caption {
font-size: 12px !important;
line-height: 1.5em !important;
margin-top: 8px !important;
margin-bottom: 0 !important;
}
.penci-instaslider-overlay .penci-insta-wrap .penci-insta-datacontainer {
text-shadow: none !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.footer-subscribe {
text-align: center;
padding: 50px 0 40px;
background-color: #f7f7f7;
}
.footer-subscribe h4.footer-subscribe-title {
font-size: 32px;
letter-spacing: 0;
text-transform: none;
margin-bottom: 10px;
line-height: 1.3;
}
.footer-subscribe .mc4wp-form {
max-width: 540px;
margin: 0 auto;
}
.footer-subscribe .mc4wp-form:before,
.footer-subscribe .mc4wp-form:after,
.footer-subscribe .mc4wp-form-fields:before,
.footer-subscribe .mc4wp-form-fields:after {
content: "";
display: table;
clear: both;
}
.footer-subscribe .mc4wp-form .mdes {
color: #5c5c5e;
font-size: 18px;
font-style: italic;
line-height: 1.5;
width: 740px;
display: block;
clear: both;
margin-bottom: 23px;
margin-left: -100px;
}
.footer-subscribe .mc4wp-form .mname {
display: none;
}
.footer-subscribe .mc4wp-form .memail {
display: inline-block;
float: left;
width: 390px;
}
.footer-subscribe .mc4wp-form .msubmit {
display: inline-block;
float: left;
width: 140px;
margin-left: 10px;
}
.mc4wp-response {
clear: both;
color: #5c5c5e;
}
.mc4wp-response p {
line-height: 1.4;
color: #5c5c5e;
}
.footer-subscribe .widget .mc4wp-form input[type="email"],
.footer-subscribe .widget .mc4wp-form input[type="text"] {
background: none;
border-radius: 0;
border-color: #d7d7da;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
padding-top: 0;
padding-bottom: 0;
height: 48px;
line-height: 48px;
font-size: 14px;
margin: 0;
color: #313131;
}
.footer-subscribe input[type="email"]::-webkit-input-placeholder {
color: #313131;
}
.footer-subscribe input[type="email"]:-moz-placeholder {
color: #313131;
opacity: 1;
}
.footer-subscribe input[type="email"]::-moz-placeholder {
color: #313131;
opacity: 1;
}
.footer-subscribe input[type="email"]:-ms-input-placeholder {
color: #313131;
}
.footer-subscribe input[type="email"]::-ms-input-placeholder {
color: #313131;
}
.footer-subscribe input[type="text"]::-webkit-input-placeholder {
color: #313131;
}
.footer-subscribe input[type="text"]:-moz-placeholder {
color: #313131;
opacity: 1;
}
.footer-subscribe input[type="text"]::-moz-placeholder {
color: #313131;
opacity: 1;
}
.footer-subscribe input[type="text"]:-ms-input-placeholder {
color: #313131;
}
.footer-subscribe input[type="text"]::-ms-input-placeholder {
color: #313131;
}
.footer-subscribe .widget .mc4wp-form input[type="email"]:focus,
.footer-subscribe .widget .mc4wp-form input[type="email"]:hover,
.footer-subscribe .widget .mc4wp-form input[type="text"]:focus,
.footer-subscribe .widget .mc4wp-form input[type="text"]:hover {
border-color: #888888;
}
.footer-subscribe .widget .mc4wp-form input[type="submit"] {
background: #313131;
border-radius: 0;
color: #fff;
padding-top: 0;
padding-bottom: 0;
height: 48px;
line-height: 48px;
letter-spacing: 1px;
padding: 0;
text-align: center;
}
.footer-subscribe .widget .mc4wp-form input[type="submit"]:hover {
background: #6eb48c;
}
.footer-instagram {
width: 100%;
clear: both;
display: block;
position: relative;
}
.footer-instagram .widget {
margin: 0;
}
.footer-instagram h4.footer-instagram-title {
position: relative;
white-space: nowrap;
margin: 0;
width: 100%;
color: #313131;
text-align: center;
padding: 12px 0;
border-top: 1px solid #ECECEC;
}
.footer-instagram.penci-top-instagram h4.footer-instagram-title {
border-top: none;
}
.footer-instagram h4.footer-instagram-title span {
display: inline-block;
position: relative;
padding: 0;
background: inherit;
color: inherit;
text-transform: uppercase;
font-size: 16px;
z-index: 10;
letter-spacing: 1px;
vertical-align: top;
}
.footer-instagram h4.footer-instagram-title span.title {
padding: 0;
background: none;
position: relative;
z-index: 10;
}
.footer-instagram h4.footer-instagram-title > span:before {
content: "\f16d";
font-family: FontAwesome;
font-size: 16px;
color: inherit;
margin-right: 8px;
display: inline-block;
vertical-align: middle;
letter-spacing: 0;
margin-bottom: 3px;
}
.penci-fawesome-ver5 .footer-instagram h4.footer-instagram-title > span:before {
font-family: "Font Awesome 5 Brands" !important;
font-weight: 900;
}
.footer-instagram .jr-insta-thumb {
position: relative;
z-index: 1;
}
.footer-instagram .jr-insta-thumb ul.thumbnails li {
transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
}
.footer-instagram .jr-insta-thumb ul.thumbnails li:hover {
opacity: 0.9;
}
.jr-insta-thumb ul.thumbnails li a {
position: relative;
display: inline-block;
vertical-align: top !important;
width: 100%;
}
.jr-insta-thumb ul.thumbnails li a:before,
.jr-insta-thumb ul.thumbnails li a:after {
position: absolute;
left: 10px;
right: 10px;
top: 10px;
bottom: 10px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.footer-instagram .jr-insta-thumb ul.thumbnails li a:before,
.footer-instagram .jr-insta-thumb ul.thumbnails li a:after {
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
}
.penci-insta-thumb ul.thumbnails li a {
position: relative;
display: inline-block;
vertical-align: top !important;
width: 100%;
}
.penci-insta-thumb ul.thumbnails li a:before,
.penci-insta-thumb ul.thumbnails li a:after {
position: absolute;
left: 10px;
right: 10px;
top: 10px;
bottom: 10px;
content: '';
opacity: 0;
z-index: 10;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.footer-instagram .penci-insta-thumb ul.thumbnails li a:before,
.footer-instagram .penci-insta-thumb ul.thumbnails li a:after {
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
}
.penci-insta-thumb ul.thumbnails li a:before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
.penci-insta-thumb ul.thumbnails li a:after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
.penci-insta-thumb ul.thumbnails li a:hover:after,
.penci-insta-thumb ul.thumbnails li a:hover:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.jr-insta-thumb ul.thumbnails li a:before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
.jr-insta-thumb ul.thumbnails li a:after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
.jr-insta-thumb ul.thumbnails li a:hover:after,
.jr-insta-thumb ul.thumbnails li a:hover:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.footer-instagram.penci-insta-title-overlay h4.footer-instagram-title {
position: absolute;
top: 50%;
margin-top: -25px;
padding: 0;
border: none;
}
.footer-instagram.penci-insta-title-overlay h4.footer-instagram-title > span {
display: inline-block;
line-height: 50px;
padding: 0 20px;
background: #fff;
}
.footer-instagram.penci-insta-title-overlay h4.footer-instagram-title > span,
.footer-instagram.penci-insta-title-overlay h4.footer-instagram-title > span > span {
font-size: 13px;
}
.footer-instagram.penci-insta-title-overlay h4.footer-instagram-title > span:before {
font-size: 15px;
margin-bottom: 0;
}
.post-comments {
}
form#commentform > div.penci-gdpr-message {
line-height: 1.5;
margin: -4px 0 15px;
font-size: 14px;
color: #777;
}
.post-comments .post-title-box {
border-top: 1px solid #DEDEDE;
padding-top: 36px;
}
body.single-portfolio .post-comments .post-title-box {
border-top: none;
}
h3.comment-reply-title {
padding-top: 36px !important;
border-top: 1px solid #DEDEDE;
}
.comments .comment {
border-top: 1px solid #DEDEDE;
}
.comments > .comment:first-child,
.comments .comment > .comment:first-child {
border-top: none;
}
.thecomment {
padding-top: 28px;
padding-bottom: 21px;
display: table;
width: 100%;
}
.comments > .comment:first-child > .thecomment {
padding-top: 0;
}
.thecomment .author-img {
float: left;
margin-right: 20px;
width: 60px;
}
.thecomment .author-img img {
margin: 0;
width: 100%;
}
.thecomment .comment-text {
margin-left: 80px;
position: relative;
}
.thecomment .comment-text span.author, .thecomment .comment-text span.author a {
display: block;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px;
color: #313131;
margin-bottom: 11px;
font-family: "Raleway", sans-serif;
font-weight: bold;
}
.thecomment .comment-text span.author a {
display: inline-block;
margin: 0;
}
.thecomment .comment-text span.author a:hover {
color: #9e9e9e;
}
.thecomment .comment-text span.date {
font-size: 12px;
color: #888888;
display: block;
}
.thecomment .comment-text span.date i {
margin-right: 10px;
}
.thecomment .comment-text em {
font-size: 12px;
display: block;
color: orange;
letter-spacing: 1px;
margin: 5px 0 0;
}
.thecomment .comment-text em i {
font-size: 14px;
color: #f3bd00;
}
.thecomment .comment-content {
margin-top: 15px;
margin-bottom: 0;
}
.thecomment .comment-text span.reply {
position: absolute;
top: 0;
right: 0;
}
.post-comments > .comments > .depth-1:last-child {
}
.post-comments span.reply a {
font-size: 11px;
color: #888888;
margin-left: 18px;
font-family: "Raleway", sans-serif;
font-weight: 500;
-o-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
text-transform: uppercase;
line-height: 1;
display: inline-block;
text-align: center;
}
.post-comments span.reply a:hover {
color: #313131;
}
.comments .children,
.comments > .comment > .comment,
.comments > .comment > .comment > .comment,
.comments > .comment > .comment > .comment > .comment,
.comments > .comment > .comment > .comment > .comment > .comment {
margin: 0 0 0 60px;
}
#respond {
overflow: hidden;
margin-bottom: 40px;
position: relative;
}
.no-comment-yet #respond {
padding-top: 0;
border-top: 0;
}
#respond h3 {
font-size: 14px;
color: #939393;
font-weight: 500;
margin-bottom: 30px;
font-family: "Raleway", sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
}
#respond h3 a {
color: #000;
display: inline-block;
}
#respond h3 small a {
text-transform: uppercase;
font-size: 12px;
color: #888888;
padding: 0;
margin-left: 7px;
letter-spacing: 0;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
font-weight: 500;
position: absolute;
right: 0;
}
#respond h3 small a:hover {
color: #313131;
}
form.wpcf7-form {
margin-left: -14px;
margin-right: -14px;
}
#respond form#commentform {
margin: 0;
}
.mc4wp-form label {
text-align: left;
margin-bottom: 10px;
display: block;
}
#respond p.comment-form-author,
#respond p.comment-form-email,
#respond p.comment-form-url,
.wpcf7 p.name,
.wpcf7 p.email,
.wpcf7 p.subject {
width: 33.333333%;
padding: 0 14px;
float: left;
display: inline-block;
margin: 0;
}
#respond p.comment-form-author,
#respond p.comment-form-email,
#respond p.comment-form-url {
width: 32%;
margin-left: 2%;
padding: 0;
}
#respond p.comment-form-author {
margin-left: 0;
}
#respond p.comment-form-comment {
clear: both;
margin: 0;
}
.wpcf7 p.message {
clear: both;
margin: 0 14px;
}
form.comment-form > p,
form.comment-form > div,
form.comment-form > input,
form.comment-form > textarea,
form.comment-form > label,
form.comment-form > span,
form.wpcf7-form > div,
form.wpcf7-form > p,
form.wpcf7-form > input,
form.wpcf7-form > textarea,
form.wpcf7-form > label,
form.wpcf7-form > span,
form#commentform > p,
form#commentform > div,
form#commentform > input,
form#commentform > textarea,
form#commentform > label,
form#commentform > span {
margin: 0 14px;
}
form#commentform > input[type="checkbox"] {
margin-left: 14px !important;
margin-right: 14px !important;
}
form.comment-form > p.mc4wp-checkbox {
margin-left: 0;
}
.captchaSizeDivLarge {
clear: both;
}
label#captcha_code_label {
display: inline-block;
}
form#commentform > p.comment-subscription-form {
margin-top: 15px;
margin-left: 0;
line-height: 1.3;
}
form#commentform > p.comment-subscription-form:last-child {
margin-top: 5px;
}
form#commentform > p.comment-subscription-form input[type="checkbox"] {
margin: 0;
vertical-align: top;
}
#respond p.comment-subscription-form label {
vertical-align: top;
}
.woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-author,
.woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-email {
padding: 0 14px;
}
.woocommerce #review_form #respond p {
margin: 0 14px 10px 14px;
}
.woocommerce #review_form #respond p.stars {
margin-left: 0;
margin-right: 0;
}
#respond label,
.wpcf7 label {
color: #939393;
font-size: 12px;
display: block;
font-family: "Raleway", sans-serif;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
margin-bottom: 8px;
}
#respond p.form-submit,
.wpcf7 p.submit {
margin: 0 14px;
text-align: center;
clear: both;
}
#respond p.form-submit {
margin: 0;
}
.penci-login-register:before,
.penci-login-register:after {
content: '';
display: table;
width: 100%;
}
.penci-login-register input[type="email"],
.penci-login-register input[type="text"],
.penci-login-register input[type="password"],
.penci-login-register input[type="number"],
#respond input,
.wpcf7 input,
.widget_wysija input {
padding: 12px 20px;
max-width: 500px;
border: 1px solid #DEDEDE;
margin-bottom: 28px;
font-size: 12px;
width: 100%;
font-weight: normal;
font-family: 'PT Serif', serif;
max-height: 50px;
background: none;
}
.penci-login-register input:focus,
#respond input:focus,
.wpcf7 input:focus {
outline: none;
}
.jetpack_subscription_widget #subscribe-email input {
width: 100% !important;
padding: 12px 20px !important;
margin-top: 10px;
}
.penci-login-register textarea,
#respond textarea,
.wpcf7 textarea {
padding: 15px 20px;
border: 1px solid #DEDEDE;
width: 100%;
height: 120px;
font-size: 12px;
color: #313131;
margin-bottom: 28px;
line-height: 20px;
font-weight: 500;
outline: none;
vertical-align: top;
font-family: 'PT Serif', serif;
}
.penci-login-register textarea:focus,
#respond textarea:focus,
.wpcf7 textarea:focus {
outline: none;
}
.penci-login-register input[type="submit"],
#respond #submit,
.wpcf7 input[type="submit"],
.widget_wysija input[type="submit"] {
text-transform: uppercase;
font-family: "Raleway", sans-serif;
font-weight: bold;
background: #F5F5F5;
border-radius: 0;
font-size: 14px;
color: #313131;
padding: 12px 20px;
display: inline-block;
-o-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
cursor: pointer;
width: auto;
min-width: 120px;
text-align: center;
margin: 0;
border: none;
}
.penci-login-register input[type="submit"]:hover,
#respond #submit:hover,
.wpcf7 input[type="submit"]:hover,
.widget_wysija input[type="submit"]:hover {
color: #fff;
background: #6eb48c;
}
.contact-form input[type=email], .contact-form input[type=text] {
max-width: 300px;
width: 100%;
padding: 10px 15px;
}
.contact-form input[type=submit] {
text-transform: uppercase;
font-family: "Raleway", sans-serif;
font-weight: bold;
background: #F5F5F5;
border-radius: 0;
font-size: 14px;
color: #313131;
padding: 16px 20px;
display: inline-block;
-o-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
cursor: pointer;
width: auto;
min-width: 120px;
text-align: center;
margin: 0;
border: none;
}
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="date"],
.widget input[type="number"],
.widget input[type="search"],
.widget input[type="password"] {
border: 1px solid #DEDEDE;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
outline: none;
background: none;
display: block;
font-size: 12px;
padding: 11px 20px;
margin-bottom: 20px;
letter-spacing: 0;
font-family: 'PT Serif', serif;
width: 100%;
max-width: 500px;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: auto;
height: auto;
vertical-align: baseline;
line-height: normal;
}
.penci-button,
.widget input[type="submit"],
.widget button[type="submit"] {
display: block;
width: 100%;
font-size: 14px;
padding: 12px 20px;
text-transform: uppercase;
color: #313131;
margin: 0;
cursor: pointer;
border: none;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
background: #F5F5F5;
max-width: 500px;
outline: none;
}
.penci-button,
.widget input[type="submit"]:hover,
.widget button[type="submit"]:hover {
background: #6eb48c;
color: #fff;
}
#respond input[type="checkbox"],
.wpcf7 input[type="checkbox"],
.widget_wysija input[type="checkbox"],
.widget input[type="checkbox"],
#respond input[type="radio"],
.wpcf7 input[type="radio"],
.widget_wysija input[type="radio"],
.widget input[type="radio"] {
width: auto;
margin: 0;
padding: 0;
}
form#commentform > .comment-form-cookies-consent {
margin: 0 0 15px 0;
clear: both;
line-height: 1.4;
color: #777;
}
#respond .comment-form-cookies-consent input[type="checkbox"] {
margin-right: 5px;
transform: translateY(2px);
-webkit-transform: translateY(2px);
}
.archive-box {
background: none;
margin: 0 0 30px 0;
position: relative;
text-align: center;
}
.archive-box:after,
.archive-box:before {
content: none;
}
.archive-box:before {
width: 60px;
bottom: -5px;
margin-left: -30px;
}
.archive-box .title-bar {
position: relative;
display: block;
}
.archive-box span,
.archive-box h1 {
letter-spacing: 1px;
color: #313131;
font-family: "Raleway", sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size: 24px;
line-height: 1.2em;
position: relative;
z-index: 10;
}
.archive-box h1 {
display: inline-block;
color: #6eb48c;
}
.nothing {
margin-bottom: 60px;
text-align: center;
}
.nothing span {
position: relative;
z-index: 10;
color: inherit;
font-size: 14px;
}
.penci-category-description {
margin-bottom: 35px;
line-height: 1.8;
}
.penci-category-description.align-center {
text-align: center;
}
.penci-container-inside.penci-breadcrumb,
.container.penci-breadcrumb {
line-height: 1.4;
margin-bottom: 30px;
}
.container.penci-breadcrumb {
margin-top: -30px;
}
.single.penci-body-single-style-5 .container.penci-breadcrumb,
.single.penci-body-single-style-6 .container.penci-breadcrumb {
margin-bottom: 20px;
}
.penci-header-text-white .container.penci-breadcrumb {
margin-top: 0;
}
.wrapper-boxed.penci-page-hide-header .container.penci-breadcrumb {
margin-top: 10px;
}
.penci-container-inside.penci-breadcrumb {
margin-top: -5px;
}
.wrapper-boxed.penci-page-hide-header .featured-area + .container.penci-breadcrumb {
margin-top: -30px;
}
.page #sidebar-nav + .container.penci-breadcrumb {
margin-top: 0;
}
.penci-container-inside.penci-breadcrumb span,
.penci-container-inside.penci-breadcrumb span a,
.container.penci-breadcrumb span,
.container.penci-breadcrumb span a {
font-size: 13px;
color: #888888;
font-family: 'Raleway', sans-serif;
font-weight: 500;
}
.penci-container-inside.penci-breadcrumb span a:hover,
.container.penci-breadcrumb span a:hover {
color: #6eb48c;
}
.penci-container-inside.penci-breadcrumb i,
.container.penci-breadcrumb i {
color: #888888;
font-size: 13px;
margin: 0 15px 0 19px;
}
.penci-container-inside.penci-woo-breadcrumb,
.container.penci-woo-breadcrumb {
width: 100% !important;
margin-top: 0;
}
.penci-page-header {
margin: 0 0 30px 0;
text-align: center;
position: relative;
}
.penci-page-header:after,
.penci-page-header:before {
content: none;
}
.penci-page-header h1 {
font-size: 24px;
color: #313131;
text-transform: uppercase;
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter,
.video-align-center {
display: block;
margin: 5px auto 20px auto;
}
.alignright, .video-align-right {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft, .video-align-left {
float: left;
margin: 5px 20px 20px 0;
}
.video-align-left,
.video-align-right {
display: block;
width: 100%;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 22px 30px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 30px 22px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: none;
border: none;
padding: 0;
max-width: 100%;
text-align: center;
position: relative;
overflow: hidden;
}
.wp-caption.alignnone {
margin: 5px 0 17px 0;
}
.wp-caption.alignleft {
margin: 5px 30px 17px 0;
}
.wp-caption.alignright {
margin: 5px 0 17px 30px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
width: 100%;
}
.wp-caption p.wp-caption-text,
.penci-featured-caption {
font-size: 14px;
line-height: 1.4;
margin: 0;
padding: 11px 10px;
color: #fff;
font-style: italic;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: rgba(0, 0, 0, 0.5);
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
}
.wp-caption:hover p.wp-caption-text,
.post-image:hover .penci-featured-caption {
transform: translateY(100%);
-webkit-transform: translateY(100%);
opacity: 0.7;
}
.post-entry pre {
display: block;
font-size: 14px;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
background-color: #f4f4f4;
border: 1px solid rgba(0, 0, 0, 0.1);
margin: 0 0 20px;
line-height: 1.4;
padding: 15px;
letter-spacing: 0;
color: inherit;
}
.post-entry code {
padding: 2px;
border-radius: 2px;
color: #23282d;
background: #f4f4f4;
font-family: Menlo, Consolas, monaco, monospace;
font-size: inherit;
border: none;
}
.widget .zframe-flickr-wrap-ltr,
.widget ul.instagram-pics {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
margin-left: -3px;
margin-right: -3px;
}
.widget .zframe-flickr-wrap-ltr .flickr_badge_image,
.widget ul.instagram-pics li {
display: block;
float: left;
width: 33.33%;
padding: 3px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
margin: 0 !important;
border: none !important;
}
.widget .zframe-flickr-wrap-ltr .flickr_badge_image img {
margin: 0;
width: 100%;
float: none;
height: auto;
}
.instag ul.thumbnails > li, .jr-insta-thumb ul > li {
width: 32% !important;
}
.instag ul li, .jr-insta-thumb ul li {
margin: 0;
padding-bottom: 0;
border-bottom: none;
}
.pllexislider ul li {
margin: 0;
padding-bottom: 0;
border-bottom: none;
}
.pllexislider-normal ul li .jr-insta-datacontainer .jr-insta-time,
.pllexislider-normal ul li .jr-insta-datacontainer .jr-insta-username,
.pllexislider-normal ul li .jr-insta-datacontainer .jr-insta-caption {
line-height: 1.5;
}
.gallery .gallery-caption {
font-size: 13px;
color: #939393;
font-family: "Raleway", sans-serif;
font-style: italic;
}
.gallery .gallery-icon img {
border-radius: 2px;
border: 1px solid #eee !important;
padding: 7px;
}
.gallery .gallery-icon img:hover {
border: 1px solid #ccc !important;
}
.penci-post-gallery-container {
margin-bottom: 20px;
}
.penci-post-gallery-container a {
opacity: 0;
}
.penci-post-gallery-container.single-slider a {
opacity: 1;
}
.penci-post-gallery-container.single-slider figure {
position: relative;
}
.penci-post-gallery-container.single-slider figure p {
margin: 0;
position: absolute;
bottom: 0;
right: 0;
display: inline-block;
vertical-align: top;
background: rgba(0, 0, 0, 0.6);
color: #fff;
padding: 7px 15px;
font-style: italic;
font-size: 13px;
line-height: 1.4;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
font-family: inherit;
font-weight: inherit;
padding: 9px 15px;
line-height: 1.5;
background: rgba(0, 0, 0, 0.6);
opacity: 1;
}
.penci-post-gallery-container.masonry .item-gallery-masonry {
width: 33.33333%;
float: left;
margin-bottom: 6px;
padding: 0 3px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: inline-block;
position: relative;
}
.penci-post-gallery-container.masonry.column-2 .item-gallery-masonry {
width: 50%;
}
.penci-post-gallery-container.masonry.column-4 .item-gallery-masonry {
width: 25%;
}
.penci-post-gallery-container.masonry .item-gallery-masonry a {
position: relative;
opacity: 0;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
-webkit-animation-delay: .1s;
-moz-animation-delay: .1s;
-o-animation-delay: .1s;
animation-delay: .1s;
display: inline-block;
width: 100%;
}
.penci-post-gallery-container.masonry .item-gallery-masonry a.animated {
-webkit-animation-name: pencifadeInUp;
-moz-animation-name: pencifadeInUp;
-o-animation-name: pencifadeInUp;
animation-name: pencifadeInUp;
opacity: 1;
}
.masonry.column-2 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(2n+2) a,
.masonry.column-3 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(3n+2) a,
.masonry.column-4 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(4n+2) a {
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
-o-animation-delay: .3s;
animation-delay: .3s;
}
.masonry.column-3 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(3n+3) a,
.masonry.column-4 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(4n+3) a {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
}
.masonry.column-4 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(4n+4) a {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
}
.penci-post-gallery-container.masonry {
margin-left: -3px;
margin-right: -3px;
}
.penci-post-gallery-container.masonry img {
width: 100%;
}
.penci-post-gallery-container.masonry .inner-gallery-masonry-container {
display: inline-block;
width: 100%;
vertical-align: top;
}
.inner-item-masonry-gallery {
position: relative;
}
.penci-post-gallery-container.masonry .item-gallery-masonry .caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0;
color: #fff;
font-size: 12px;
font-family: inherit;
font-weight: inherit;
padding: 9px 15px;
line-height: 1.5;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.penci-post-gallery-container.masonry .item-gallery-masonry:hover .caption {
opacity: 0.7;
}
.penci-tweets-widget-content ul li {
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
.penci-slider.penci-tweets-slider ul.slides li:before,
.penci-slider.penci-tweets-slider ul.slides li:after {
content: none !important;
display: none !important;
}
.penci-tweets-widget-content .icon-tweets {
display: block;
text-align: center;
margin-bottom: 12px;
font-size: 32px;
color: #6eb48c;
margin-top: -10px;
}
.penci-tweets-widget-content .tweet-text {
color: #313131;
margin-bottom: 10px;
text-align: center;
}
.penci-tweets-widget-content .tweet-intents {
text-align: center;
overflow: hidden;
}
.penci-tweets-widget-content .tweet-intents a {
color: #6eb48c;
font-size: 13px;
font-style: italic;
}
.penci-tweets-widget-content .tweet-intents span:after {
content: "/";
margin: 0 5px;
font-size: 11px;
color: #6eb48c;
font-family: 'PT Serif', serif;
}
.penci-tweets-widget-content .tweet-intents span:last-child:after {
content: none;
display: none;
}
.penci-tweets-widget-content .tweet-intents-inner {
display: inline-block;
vertical-align: top;
position: relative;
}
.penci-tweets-widget-content .tweet-intents-inner:before,
.penci-tweets-widget-content .tweet-intents-inner:after {
content: "";
position: absolute;
top: 50%;
width: 250px;
height: 1px;
background: #6eb48c;
right: 100%;
margin-right: 15px;
opacity: 0.5;
}
.penci-tweets-widget-content .tweet-intents-inner:after {
right: auto;
left: 100%;
margin-right: 0;
margin-left: 15px;
}
.penci-tweets-widget-content .tweet-date {
line-height: 1.8;
white-space: nowrap;
text-align: center;
margin-bottom: 9px;
opacity: 0.7;
font-size: 14px;
}
.penci-owl-carousel.penci-tweets-slider .owl-dots {
position: static;
margin-top: 23px !important;
}
.penci-owl-carousel.penci-tweets-slider .owl-dots .owl-dot {
margin: 0 4px;
}
.penci-owl-carousel.penci-tweets-slider .owl-dots .owl-dot span {
width: 10px;
height: 10px;
box-shadow: none;
-webkit-box-shadow: none;
border: 1px solid #d4d4d4;
}
.penci-owl-carousel.penci-tweets-slider .owl-dots .owl-dot.active span,
.penci-owl-carousel.penci-tweets-slider .owl-dots .owl-dot:hover span {
border-color: #6eb48c;
background: #6eb48c;
}
.penci-tweets-widget-content.pc_alignleft .icon-tweets,
.penci-tweets-widget-content.pc_alignleft .tweet-text,
.penci-tweets-widget-content.pc_alignleft .tweet-date,
.penci-tweets-widget-content.pc_alignleft .tweet-intents,
.penci-tweets-widget-content.pc_alignleft .penci-owl-carousel-slider .owl-dots {
text-align: left;
}
.penci-tweets-widget-content.pc_alignright .icon-tweets,
.penci-tweets-widget-content.pc_alignright .tweet-text,
.penci-tweets-widget-content.pc_alignright .tweet-date,
.penci-tweets-widget-content.pc_alignright .tweet-intents,
.penci-tweets-widget-content.pc_alignright .penci-owl-carousel-slider .owl-dots {
text-align: right;
}
div.wpcf7 {
overflow: hidden;
margin-top: 40px;
}
span.wpcf7-not-valid-tip {
margin-top: -15px;
margin-bottom: 15px;
}
div.wpcf7-response-output {
margin: 20px 14px 1em;
padding: 0.6em 1em;
margin-top: 20px !important;
}
.error-404 {
text-align: center;
margin: 150px 0 112px;
}
.error-image {
position: relative;
padding-bottom: 41px;
margin-bottom: 30px;
}
.error-image:after {
content: "";
position: absolute;
width: 60px;
height: 1px;
background: #6eb48c;
bottom: 0;
left: 50%;
margin-left: -30px;
}
.error-404 .sub-heading-text-404 {
font-size: 16px;
font-weight: normal;
margin: 0;
color: #313131;
}
.error-404 form#searchform {
margin: 31px 0 0;
padding: 0 10px;
}
.error-404 form#searchform input.search-input {
width: 100%;
max-width: 270px;
}
.error-404 .go-back-home {
margin-top: 50px;
}
.error-404 .go-back-home a {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: 'Raleway', sans-serif;
font-weight: 500;
text-decoration: none;
line-height: 1.5;
position: relative;
display: inline-block;
padding-bottom: 1px;
}
.error-404 .go-back-home a:after {
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background: #6eb48c;
content: "";
}
.penci-header-signup-form {
display: block;
padding: 20px 0;
background: #6eb48c;
margin: -50px 0 60px;
clear: both;
}
.penci-header-signup-form.penci-header-signup-form-below {
padding-left: 20px;
padding-right: 20px;
margin-left: auto;
margin-right: auto;
}
.penci-header-signup-form .mc4wp-form {
margin: 0;
width: 100%;
max-width: 100%;
color: #fff;
}
.penci-header-signup-form .mc4wp-form > form {
display: table;
width: 100%;
}
.penci-header-signup-form h4.header-signup-form {
text-align: center;
margin-bottom: 18px;
font-size: 24px;
color: #fff;
text-transform: uppercase;
}
.penci-header-signup-form .mc4wp-form-fields {
display: table;
width: 100%;
}
.penci-header-signup-form .mc4wp-form-fields > p,
.penci-header-signup-form form > p {
display: table-cell;
text-align: left;
color: #fff;
padding-right: 20px;
line-height: 1.5;
vertical-align: middle;
}
.penci-header-signup-form .mc4wp-form-fields > p:last-of-type,
.penci-header-signup-form form > p:last-of-type {
padding-right: 0;
}
.penci-header-signup-form .mc4wp-form-fields > p:first-of-type,
.penci-header-signup-form form > p:first-of-type {
max-width: 500px;
}
.penci-header-signup-form .mc4wp-form input[type="text"],
.penci-header-signup-form .mc4wp-form input[type="email"] {
margin: 0;
margin-right: 20px;
border-color: #fff;
color: #fff;
}
.penci-header-signup-form .mc4wp-form input[type="text"]::-webkit-input-placeholder,
.penci-header-signup-form .mc4wp-form input[type="email"]::-webkit-input-placeholder {
color: #fff;
}
.penci-header-signup-form .mc4wp-form input[type="text"]:-moz-placeholder,
.penci-header-signup-form .mc4wp-form input[type="email"]:-moz-placeholder {
color: #fff;
opacity: 1;
}
.penci-header-signup-form .mc4wp-form input[type="text"]::-moz-placeholder,
.penci-header-signup-form .mc4wp-form input[type="email"]::-moz-placeholder {
color: #fff;
opacity: 1;
}
.penci-header-signup-form .mc4wp-form input[type="text"]:-ms-input-placeholder,
.penci-header-signup-form .mc4wp-form input[type="email"]:-ms-input-placeholder {
color: #fff;
}
.penci-header-signup-form .widget input[type="submit"] {
color: #313131;
background: #fff;
}
.penci-header-signup-form .mc4wp-error,
.penci-header-signup-form .mc4wp-error,
.penci-header-signup-form .mc4wp-alert {
margin-top: 15px;
}
.penci-portfolio-thumbnail .penci-image-placeholder {
position: relative;
display: block;
background-color: #eee;
}
.penci-portfolio-thumbnail .penci-image-placeholder > img {
position: absolute;
display: block;
max-width: 100%;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.wrapper-penci-portfolio {
width: 100%;
overflow: hidden;
}
.penci-portfolio-filter {
display: block;
text-align: center;
margin: 0 0 15px 0;
}
.post-entry .penci-portfolio-filter ul,
.penci-portfolio-filter ul {
list-style: none;
display: inline-block;
vertical-align: top;
padding: 0 !important;
margin: 0;
}
.post-entry .penci-portfolio-filter ul li,
.penci-portfolio-filter ul li {
display: inline-block;
float: left;
margin: 0 15px 5px;
padding: 0;
}
.post-entry .penci-portfolio-filter ul li a,
.penci-portfolio-filter ul li a {
color: #313131;
font-family: 'Raleway', sans-serif;
}
.post-entry .penci-portfolio-filter ul li a:hover,
.post-entry .penci-portfolio-filter ul li.active a,
.penci-portfolio-filter ul li a:hover,
.penci-portfolio-filter ul li.active a {
color: #6eb48c;
text-decoration: none;
}
.penci-portfolio-wrap {
margin-left: -10px;
margin-right: -10px;
}
.penci-portfolio-wrap .inner-portfolio-posts {
display: inline-block;
width: 100%;
vertical-align: top;
}
.inner-portfolio-posts .portfolio-item {
width: 33.33333%;
padding: 0 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
float: left;
margin-bottom: 20px;
}
.penci-portfolio.column-2 .inner-portfolio-posts .portfolio-item,
.container .penci-portfolio.column-2 .inner-portfolio-posts .portfolio-item {
width: 50%;
}
.inner-item-portfolio {
position: relative;
opacity: 0;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
-webkit-animation-delay: .1s;
-moz-animation-delay: .1s;
-o-animation-delay: .1s;
animation-delay: .1s;
}
.penci-portfolio-wrap.column-2 .portfolio-item:nth-child(2n+1) .inner-item-portfolio,
.penci-portfolio-wrap.column-3 .portfolio-item:nth-child(3n+2) .inner-item-portfolio {
-webkit-animation-delay: .4s;
-moz-animation-delay: .4s;
-o-animation-delay: .4s;
animation-delay: .4s;
}
.penci-portfolio-wrap.column-3 .portfolio-item:nth-child(3n+3) .inner-item-portfolio {
-webkit-animation-delay: .7s;
-moz-animation-delay: .7s;
-o-animation-delay: .7s;
animation-delay: .7s;
}
.penci-portfolio.loaded .inner-item-portfolio.animated {
-webkit-animation-name: pencifadeInUp;
-moz-animation-name: pencifadeInUp;
-o-animation-name: pencifadeInUp;
animation-name: pencifadeInUp;
opacity: 1;
}
.penci-portfolio-thumbnail a:after {
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff;
content: "";
-webkit-transition: .5s;
transition: .5s;
z-index: 10;
}
.inner-item-portfolio:hover .penci-portfolio-thumbnail a:after {
opacity: 0.87;
}
.inner-item-portfolio .portfolio-desc {
position: absolute;
text-align: center;
top: 50%;
width: 100%;
padding: 0 10px;
margin: 0;
z-index: 12;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.inner-item-portfolio a {
text-decoration: none !important;
}
.inner-item-portfolio .portfolio-desc h3 {
opacity: 0;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 10px;
position: relative;
-webkit-transform: translateY(15px);
-ms-transform: translateY(15px);
transform: translateY(15px);
-webkit-transition: .3s cubic-bezier(.215, .61, .355, 1) 0s;
transition: .3s cubic-bezier(.215, .61, .355, 1) 0s;
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
color: #313131;
}
.inner-item-portfolio .portfolio-desc span {
opacity: 0;
font-size: 12px;
display: block;
vertical-align: top;
line-height: 1.3;
text-decoration: none;
color: #888;
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
-webkit-transition: .3s cubic-bezier(.215, .61, .355, 1) 0s;
transition: .3s cubic-bezier(.215, .61, .355, 1) 0s;
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
}
.inner-item-portfolio .portfolio-desc span del {
margin-right: 5px;
transform: translateY(2px);
-webkit-transform: translateY(2px);
display: inline-block;
}
.inner-item-portfolio .portfolio-desc span span {
display: inline-block;
}
.inner-item-portfolio .portfolio-desc span del span {
text-decoration: inherit;
}
.inner-item-portfolio .portfolio-desc span ins span {
font-size: 13px;
}
.inner-item-portfolio:hover .portfolio-desc h3,
.inner-item-portfolio:hover .portfolio-desc span {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.penci-portfolio-below_img .inner-item-portfolio .portfolio-desc {
margin-top: 20px;
position: relative;
top: 0;
transform: none;
}
.penci-portfolio-below_img .inner-item-portfolio .portfolio-desc h3,
.penci-portfolio-below_img .inner-item-portfolio .portfolio-desc span {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.penci-portfolio-below_img .penci-portfolio-thumbnail a:after {
content: none;
}
.single-portfolio-thumbnail {
margin-bottom: 26px;
text-align: center;
vertical-align: top;
}
.portfolio-page-content .portfolio-detail {
margin: 0 auto;
max-width: 1000px;
}
.project-pagination a {
font-weight: bold;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 1px;
}
.project-pagination .next-post a:after {
display: inline-block;
color: inherit;
content: '\f178';
font-family: FontAwesome;
font-size: 14px;
margin-left: 5px;
}
.project-pagination .prev-post a:before {
display: inline-block;
color: inherit;
content: '\f177';
font-family: FontAwesome;
font-size: 14px;
margin-right: 5px;
}
.penci-fawesome-ver5 .project-pagination .next-post a:after,
.penci-fawesome-ver5 .project-pagination .prev-post a:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.tags-share-box.hide-tags.page-share.no-border-bottom-portfolio {
border-bottom: none;
}
.penci-plf-loadmore {
position: relative;
}
.penci-pfl-ajaxdot {
display: inline-block;
width: 30px;
height: 30px;
background-color: #111;
border-radius: 100%;
-webkit-animation: scaleoutPortfolio 1s infinite ease-in-out;
animation: scaleoutPortfolio 1s infinite ease-in-out;
z-index: 50;
opacity: 0;
position: absolute;
top: 5px;
left: 50%;
margin-left: -15px;
visibility: hidden;
}
.penci-ajax-more-button.loading-portfolios .penci-pfl-ajaxdot {
opacity: 1;
z-index: 100;
visibility: visible;
}
.penci-ajax-more-button.loading-portfolios .ajax-more-text {
opacity: 0;
visibility: hidden;
}
.penci-ajax-more-button.loading-portfolios {
background: transparent !important;
color: transparent !important;
border-color: transparent !important;
}
@-webkit-keyframes scaleoutPortfolio {
0% {
-webkit-transform: scale(0);
}
100% {
-webkit-transform: scale(1);
opacity: 0;
}
}
@keyframes scaleoutPortfolio {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
.wrapper-penci-recipe {
margin-bottom: 25px;
margin-top: 20px;
clear: both;
}
.penci-recipe {
border: 1px solid #dedede;
padding: 25px 25px 6px;
}
.penci-recipe .swp_social_panel {
display: none !important;
}
.penci-recipe.penci-recipe-hide-featured {
padding-top: 20px;
}
.penci-recipe-heading {
border-bottom: 1px solid #dedede;
margin: 0 -25px 25px -25px;
padding: 0 25px 20px;
overflow: hidden;
}
.penci-recipe-thumb {
float: left;
width: 80px;
margin-right: 20px;
}
.penci-recipe-metades {
display: block;
overflow: hidden;
}
.post-entry .penci-recipe-heading h2 {
font-size: 20px;
float: left;
color: #313131;
margin-bottom: 8px;
}
.penci-recipe-heading a.penci-recipe-print {
float: right;
font-size: 12px;
font-weight: 700;
margin-top: 4px;
border: 1px solid;
padding: 0 12px;
height: 28px;
line-height: 26px;
color: #6eb48c;
-moz-transition: 0.25s;
-webkit-transition: 0.25s;
transition: 0.25s;
}
.penci-recipe-heading a.penci-recipe-print i {
margin-right: 4px;
font-size: 13px;
}
.penci-recipe-heading a.penci-recipe-print:hover {
background: #6eb48c;
color: #fff;
border-color: #6eb48c;
text-decoration: none;
}
.penci-recipe-heading .penci-recipe-meta,
.penci-recipe-rating {
clear: both;
color: #888;
font-size: 13px;
line-height: 1.5;
}
.penci-recipe-heading .penci-recipe-meta {
margin-left: 1px;
}
.penci-recipe-heading .penci-recipe-meta span {
margin-right: 15px;
}
.penci-recipe-heading .penci-recipe-meta span.servings {
margin-right: 0;
}
.penci-recipe-heading .penci-recipe-meta span time {
margin: 0;
padding: 0;
font-size: inherit;
font-weight: inherit;
color: inherit;
}
.penci-recipe-heading .penci-recipe-meta span i {
font-size: 14px;
margin-right: 4px;
color: #aaa;
}
.post-entry .penci-recipe-title {
font-size: 14px;
color: #888;
margin-bottom: 18px;
text-transform: uppercase;
letter-spacing: 1px;
}
.penci-recipe-ingredients {
border-bottom: 1px solid #dedede;
margin: 0 -25px 25px -25px;
padding: 0 20px 30px;
}
.penci-recipe .penci-recipe-ingredients h4.recipe-ingredient-heading {
font-size: 16px;
margin: 15px 0 15px -18px;
}
.penci-recipe-ingredients ul {
margin: 0;
padding-left: 18px;
}
.penci-recipe-ingredients ul li {
padding-bottom: 6px;
line-height: 1.6;
list-style: none;
position: relative;
margin-bottom: 0;
}
.penci-recipe-ingredients ul li:before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border: 1px solid #b3b3b3;
display: inline-block;
top: 8px;
left: -16px;
transform: rotate(-13deg);
-webkit-transform: rotate(-13deg);
background: none !important;
}
.penci-recipe-ingredients ul li:last-child,
.penci-recipe-ingredients.penci-recipe-ingre-visual ul li:last-child {
margin: 0;
padding: 0;
}
.penci-recipe-ingredients.penci-recipe-ingre-visual ul {
margin-bottom: 12px;
padding-left: 15px;
}
.penci-recipe-ingredients.penci-recipe-ingre-visual ul li {
padding-bottom: 0;
margin-bottom: 7px;
position: relative;
list-style-type: square;
line-height: 1.7;
}
.penci-recipe-ingredients.penci-recipe-ingre-visual ul li:before {
content: none;
}
.penci-recipe-notes {
border-top: 1px solid #dedede;
margin: 10px -25px 0;
padding: 25px 25px 10px;
}
.post-entry .penci-recipe-notes p {
margin: 0;
}
.penci-recipe-notes .penci-recipe-title {
margin-bottom: 8px;
}
.wrapper-penci-recipe .penci-recipe-method ul,
.wrapper-penci-recipe .penci-recipe-method ol {
padding-left: 18px;
}
.penci-recipe-rating {
margin-top: 6px;
}
.penci_rateyo {
display: inline-block;
vertical-align: top;
top: 2px;
}
.penci-nutrition {
display: none;
}
.penci-nutrition.penci-show-nutrition {
display: block;
}
.penci-hide-nutrition {
display: none;
}
.penci-nutrition > .nutrition-item:after {
content: ',';
font-family: inherit;
color: inherit;
font-size: inherit;
font-weight: inherit;
letter-spacing: inherit;
margin-right: 5px;
}
.penci-nutrition > .nutrition-item:last-child:after {
content: none;
display: none;
}
.nutrition-lable {
margin-right: 5px;
}
.penci-recipe-index-wrap h4.recipe-index-heading {
font-size: 18px;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
margin-bottom: 25px;
line-height: 1.3;
color: #777;
overflow: hidden;
text-align: center;
}
.penci-recipe-index-wrap h4.recipe-index-heading > span {
position: relative;
display: inline-block;
vertical-align: top;
padding-right: 15px;
padding-left: 15px;
color: inherit;
background: none;
font-family: inherit;
font-size: inherit;
}
.penci-recipe-index-wrap h4.recipe-index-heading > span:before,
.penci-recipe-index-wrap h4.recipe-index-heading > span:after {
content: "";
width: 2000px;
left: 100%;
position: absolute;
top: 50%;
border-top: 1px solid;
opacity: 0.4;
}
.penci-recipe-index-wrap h4.recipe-index-heading > span:before {
left: auto;
right: 100%;
}
.penci-recipe-index-wrap h4.recipe-index-heading a {
color: inherit;
background: none;
font-family: inherit;
font-size: inherit;
text-decoration: none;
}
.penci-recipe-index-wrap ul.penci-recipe-index {
padding: 0;
margin-left: -10px;
margin-right: -10px;
width: 100%;
width: calc(100% + 20px);
display: inline-block;
vertical-align: top;
margin-bottom: 10px;
}
.penci-recipe-index-wrap ul.penci-recipe-index:before,
.penci-recipe-index-wrap ul.penci-recipe-index:after {
clear: both;
content: "";
}
.penci-recipe-index-wrap ul.penci-recipe-index li {
width: 33.333333%;
float: left;
padding: 0 10px;
margin-bottom: 30px;
list-style: none;
line-height: normal;
text-align: center;
}
.penci-recipe-index-wrap ul.penci-recipe-index.column-2 li {
width: 50%;
}
.penci-recipe-index-wrap ul.penci-recipe-index.column-4 li {
width: 25%;
}
.penci-recipe-index-wrap ul.penci-recipe-index.column-2 li:nth-child(2n+1),
.penci-recipe-index-wrap ul.penci-recipe-index.column-3 li:nth-child(3n+1),
.penci-recipe-index-wrap ul.penci-recipe-index.column-4 li:nth-child(4n+1) {
clear: both;
}
.penci-recipe-index-wrap ul.penci-recipe-index li article {
margin: 0;
}
.penci-index-post-img {
margin-bottom: 17px;
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
}
.penci-index-post-img:hover {
opacity: 0.85;
}
.penci-index-post-img .penci-holder-size-horizontal:before {
padding-top: 66.6667%;
}
.penci-index-post-img .penci-holder-size-square:before {
padding-top: 100%;
}
.penci-index-post-img .penci-holder-size-vertical:before {
padding-top: 135.4%;
}
.penci-recipe-index .cat {
display: block;
clear: both;
margin-bottom: 4px;
}
.penci-recipe-index .cat > a.penci-cat-name {
font-size: 12px;
}
.penci-recipe-index-wrap h2.penci-recipe-index-title {
margin: 0 0 0 0;
line-height: 1;
}
.penci-recipe-index-wrap .penci-recipe-index-title a {
font-size: 16px;
text-decoration: none;
color: #313131;
transition: all 0.3s;
-webkit-transition: all 0.3s;
line-height: 1.3;
letter-spacing: 0;
font-family: inherit;
vertical-align: top;
display: inline-block;
}
.penci-recipe-index-wrap .penci-recipe-index-title a:hover {
opacity: 0.7;
}
.penci-recipe-index .date {
font-size: 13px;
color: #888888;
margin-top: 3px;
display: block;
}
.penci-recipe-index-wrap .penci-index-more-link {
line-height: 1;
text-align: center;
margin-top: -10px;
margin-bottom: 40px;
}
.penci-recipe-index-wrap .penci-index-more-link a {
display: inline-block;
background: #313131;
padding: 0 25px;
height: 32px;
line-height: 32px;
text-decoration: none;
color: #fff;
transition: all 0.3s;
-webkit-transition: all 0.3s;
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
letter-spacing: 1px;
font-weight: bold;
font-size: 13px;
}
.penci-recipe-index-wrap .penci-index-more-link a:hover {
opacity: 0.8;
}
.penci-recipe-index-wrap .penci-index-more-link a i {
margin-left: 4px;
}
.wrapper-penci-review {
margin-bottom: 25px;
margin-top: 20px;
border: 1px solid #dedede;
}
.penci-review-container {
padding: 25px;
}
.penci-review-container.penci-review-count {
border-bottom: 1px solid #dedede;
}
.penci-review-container.penci-review-count h4 {
font-size: 20px;
margin: 0;
}
.penci-review-container.penci-review-count h4 span,
.penci-review-container.penci-review-count h4 a {
font-family: inherit;
color: inherit;
font-size: inherit;
font-weight: inherit;
letter-spacing: inherit;
text-decoration: none !important;
}
.penci-review-desc {
margin-top: 10px;
}
.post-entry .penci-review-desc p {
margin: 0;
}
.wrapper-penci-review .penci-review ul.penci-review-number {
padding: 0;
margin: 15px 0 0 0;
}
.wrapper-penci-review .penci-review ul.penci-review-number li {
list-style: none;
margin-bottom: 18px;
}
.wrapper-penci-review .penci-review ul.penci-review-number li:last-child {
margin-bottom: 0;
}
.wrapper-penci-review .penci-review ul.penci-review-number li:before,
.wrapper-penci-review .penci-review ul.penci-review-number li:after,
ul.penci-review-number li .penci-review-text:before,
ul.penci-review-number li .penci-review-text:after,
.penci-review-row:before,
.penci-review-row:after,
.penci-review-point:before,
.penci-review-point:after {
content: '';
display: table;
}
.penci-review-text {
font-weight: bold;
}
.penci-review-point {
font-size: inherit;
display: inline-block;
}
.penci-review-container.penci-review-point {
display: block;
}
.penci-review-score {
float: right;
font-size: inherit;
}
.penci-review-process {
display: block;
height: 13px;
background: #e6e6e6;
width: 100%;
margin-top: 5px;
}
.penci-review-process span {
display: block;
height: 13px;
width: 0;
background: #6eb48c;
}
.penci-review-row {
display: inline-block;
width: calc(100% + 24px);
margin-left: -12px;
margin-right: -12px;
vertical-align: top;
}
.penci-review-stuff,
.penci-review-average {
float: left;
display: inline-block;
width: 66.666%;
padding: 0 12px;
}
.penci-review-average {
width: 33.333%;
}
.penci-review-average.full-w {
width: 100%;
margin: 0 !important;
}
.penci-review-stuff .penci-review-good {
width: 50%;
float: left;
display: inline-block;
padding: 0 12px;
}
.penci-review-stuff .penci-review-row.full-w .penci-review-good {
width: 100%;
}
.penci-review-stuff .penci-review-good h5 {
font-size: 15px;
margin-bottom: 15px;
}
.penci-review .penci-review-good ul {
padding: 0 0 0 0;
margin: 0;
}
.penci-review .penci-review-good ul li {
list-style: none;
padding-left: 18px;
margin-bottom: 7px;
}
.penci-review .penci-review-good ul li:last-child {
margin-bottom: 0;
}
.penci-review .penci-review-good ul li:before {
content: "\f058";
color: #22b162;
position: absolute;
left: 0;
top: 5px;
font-family: FontAwesome;
font-size: 14px;
line-height: 1;
background: none !important;
}
.penci-fawesome-ver5 .penci-review .penci-review-good ul li:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.penci-review .penci-review-bad ul li:before {
content: "\f056";
color: #e03030;
}
.penci-review-score-total {
background: #6eb48c;
color: #fff;
text-align: center;
padding: 16px 10px;
display: block;
}
.penci-review-score-total.only-score {
padding: 30px 10px;
}
.penci-review-score-num {
font-size: 56px;
font-family: 'Oswald', sans-serif;
line-height: 1;
font-weight: 400;
}
.penci-review-score-total span {
font-size: 12px;
}
.penci-piechart {
position: absolute;
display: inline-block;
vertical-align: top;
right: 20px;
top: 20px;
text-align: center;
width: 50px;
height: 50px;
z-index: 15;
}
.penci-piechart.penci-piechart-small {
width: 34px;
height: 34px;
top: 7px;
right: 7px;
}
.penci-chart-text {
width: 50px;
height: 50px;
font-size: 16px;
position: absolute;
left: 0;
top: 0;
line-height: 50px;
font-family: 'Oswald', sans-serif;
font-weight: 400;
color: #fff;
}
.penci-piechart-small .penci-chart-text {
width: 34px;
height: 34px;
font-size: 12px;
line-height: 34px;
}
.bbp-breadcrumb {
}
div.bbp-breadcrumb {
float: none;
display: block;
margin-bottom: 30px;
}
.bbp-breadcrumb span,
.bbp-breadcrumb a {
font-size: 13px;
color: #888888;
font-family: 'Raleway', sans-serif;
font-weight: 500;
}
.bbp-breadcrumb .bbp-breadcrumb-sep {
color: #888888;
font-size: 13px;
margin: 0 15px;
}
.widget_display_stats dl {
overflow: hidden;
}
.widget_display_stats dd,
.widget_display_stats dt {
display: inline-block;
vertical-align: top;
margin-bottom: 11px;
padding-bottom: 12px;
border-bottom: 1px solid #DEDEDE;
font-size: 14px;
}
.widget_display_stats dd:last-of-type,
.widget_display_stats dt:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.widget_display_stats dt {
float: left;
width: 75%;
}
.widget_display_stats dt:before {
content: "\f105";
font-family: FontAwesome;
display: inline-block;
margin-right: 10px;
font-size: 90%;
}
.penci-fawesome-ver5 .widget_display_stats dt:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.widget_display_stats dd {
float: right;
font-style: italic;
color: #888888;
font-family: 'PT Serif', serif;
font-weight: normal;
text-align: right;
width: 25%;
position: relative;
}
.widget_display_stats dd strong {
font-weight: normal;
}
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product {
width: 23.076%;
margin: 0 2.565% 60px 0;
position: relative;
}
.woocommerce ul.products.columns-4 > li.product:nth-child( 4n+4 ),
.woocommerce-page ul.products.columns-4 > li.product:nth-child( 4n+4 ) {
margin-right: 0;
}
.woocommerce ul.products.columns-4 > li.product:nth-child( 4n+1 ),
.woocommerce-page ul.products.columns-4 > li.product:nth-child( 4n+1 ) {
clear: both;
}
.woocommerce .penci_sidebar ul.products.columns-4 li.product,
.woocommerce-page .penci_sidebar ul.products.columns-4 li.product {
width: 30.769%;
margin-right: 3.8465%;
}
.woocommerce .penci_sidebar ul.products.columns-4 > li.product:nth-child( 4n+4 ),
.woocommerce-page .penci_sidebar ul.products.columns-4 > li.product:nth-child( 4n+4 ) {
margin-right: 3.8465%;
}
.woocommerce .penci_sidebar ul.products.columns-4 > li.product:nth-child( 4n+1 ),
.woocommerce-page .penci_sidebar ul.products.columns-4 > li.product:nth-child( 4n+1 ) {
clear: none;
}
.woocommerce .penci_sidebar ul.products.columns-4 > li.product:nth-child( 3n+3 ),
.woocommerce-page .penci_sidebar ul.products.columns-4 > li.product:nth-child( 3n+3 ) {
margin-right: 0;
}
.woocommerce .penci_sidebar ul.products.columns-4 > li.product:nth-child( 3n+1 ),
.woocommerce-page .penci_sidebar ul.products.columns-4 > li.product:nth-child( 3n+1 ) {
clear: both;
}
.woocommerce .page-title {
margin: 0 0 30px 0;
padding-bottom: 0;
text-align: left;
position: relative;
font-size: 24px;
color: #313131;
text-transform: uppercase;
}
.woocommerce .page-description {
margin: -10px 0 22px;
}
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
margin: 0 0 30px;
color: #888;
}
.woocommerce .woocommerce-ordering select {
padding: 5px;
outline: none;
}
.woocommerce span.onsale {
min-width: 50px;
min-height: 25px;
height: 25px;
line-height: 26px;
left: 10px;
top: 10px;
background: #6eb48c;
text-align: center;
padding: 0 10px;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
color: #fff;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
font-family: 'Raleway', sans-serif;
white-space: nowrap;
}
.woocommerce ul.products li.product .onsale {
margin: 0;
left: auto;
right: 10px;
top: 10px;
}
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 18px;
text-align: center;
padding: 0;
margin: 0 0 8px 0;
color: #313131;
letter-spacing: 0;
}
.woocommerce ul.products li.product a img {
margin-bottom: 30px;
}
.woocommerce .products .star-rating {
margin: 0;
position: absolute;
top: 16px;
left: 10px;
z-index: 5;
}
.woocommerce .star-rating span {
color: #FFCA00;
}
.woocommerce ul.products li.product .price {
margin: 0;
text-align: center;
}
.woocommerce ul.products li.product .price del {
display: inline-block;
font-size: 16px;
color: #ccc;
margin-right: 10px;
opacity: 1;
}
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price {
font-size: 18px;
color: #6eb48c;
text-decoration: none;
font-weight: normal;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
text-transform: uppercase;
font-family: "Raleway", sans-serif;
font-weight: bold;
background: #F5F5F5;
border-radius: 0;
font-size: 12px;
color: #313131;
-o-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
cursor: pointer;
text-align: center;
margin: 0;
padding: 10px 15px 9px;
border: none;
outline: none;
min-width: 90px;
}
.woocommerce ul.products li.product .button {
font-size: 14px;
font-weight: bold;
margin-top: 15px;
display: block;
font-family: 'Raleway', sans-serif;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
text-align: center;
text-transform: uppercase;
padding: 0;
height: 40px;
line-height: 40px;
}
.woocommerce a.added_to_cart {
display: none !important;
}
.woocommerce #respond input#submit.loading:after,
.woocommerce a.button.loading:after,
.woocommerce button.button.loading:after,
.woocommerce input.button.loading:after {
top: auto;
right: auto;
margin-left: 5px;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background: #6eb48c;
color: #fff;
}
.woocommerce-pagination {
margin-bottom: 60px;
overflow: hidden;
clear: both;
text-align: center;
}
.woocommerce nav.woocommerce-pagination ul {
list-style: none;
display: inline-block;
vertical-align: top;
border: none;
white-space: normal;
margin: 0;
}
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
display: inline-block;
float: left;
margin-right: 10px;
border: none;
}
.woocommerce nav.woocommerce-pagination ul > li:last-child,
.woocommerce .woocommerce-pagination ul.page-numbers li:last-child,
.woocommerce-page .woocommerce-pagination ul.page-numbers li:last-child {
margin-right: 0;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
padding: 0;
width: 30px;
height: 30px;
text-align: center;
line-height: 28px;
font-size: 14px;
display: inline-block;
border: 1px solid #DEDEDE;
color: #888;
margin: 0;
text-decoration: none;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover {
text-decoration: none;
color: #313131;
border-color: #999999;
background: none;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
color: #fff;
background: #6eb48c;
border-color: #6eb48c;
text-decoration: none;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
width: 48.7197%;
}
.woocommerce div.product div.images, .woocommerce div.product div.summary {
margin-bottom: 40px;
}
.woocommerce .penci_sidebar #content div.product div.images,
.woocommerce .penci_sidebar div.product div.images,
.woocommerce-page .penci_sidebar #content div.product div.images,
.woocommerce-page .penci_sidebar div.product div.images,
.woocommerce .penci_sidebar #content div.product div.summary,
.woocommerce .penci_sidebar div.product div.summary,
.woocommerce-page .penci_sidebar #content div.product div.summary,
.woocommerce-page .penci_sidebar div.product div.summary {
width: 48.078%;
}
.woocommerce div.product div.images div.thumbnails,
.woocommerce div.product div.images .flex-control-thumbs {
padding-top: 30px;
}
.woocommerce #content div.product div.thumbnails a,
.woocommerce div.product div.thumbnails a,
.woocommerce-page #content div.product div.thumbnails a,
.woocommerce-page div.product div.thumbnails a,
.woocommerce #content div.product div.thumbnails a.last,
.woocommerce div.product div.thumbnails a.last,
.woocommerce-page #content div.product div.thumbnails a.last,
.woocommerce-page div.product div.thumbnails a.last,
.woocommerce div.product div.images .flex-control-thumbs li {
width: 21.0625%;
margin-right: 5.25%;
margin-bottom: 5.25%;
}
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
width: 21.0625%;
}
.woocommerce #content div.product div.thumbnails a.first,
.woocommerce div.product div.thumbnails a.first,
.woocommerce-page #content div.product div.thumbnails a.first,
.woocommerce-page div.product div.thumbnails a.first {
clear: none;
}
.woocommerce #content div.product div.thumbnails a:nth-child(4n+4),
.woocommerce div.product div.thumbnails a:nth-child(4n+4),
.woocommerce-page #content div.product div.thumbnails a:nth-child(4n+4),
.woocommerce-page div.product div.thumbnails a:nth-child(4n+4),
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(4n+4),
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(4n+5) {
margin-right: 0;
}
.woocommerce #content div.product div.thumbnails a:nth-child(4n+1),
.woocommerce div.product div.thumbnails a:nth-child(4n+1),
.woocommerce-page #content div.product div.thumbnails a:nth-child(4n+1),
.woocommerce-page div.product div.thumbnails a:nth-child(4n+1),
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(4n+1) {
clear: both;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before {
width: 7px;
height: 7px;
top: 11px;
left: 11px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after {
top: 18px;
left: 22px;
}
.woocommerce div.product .product_title {
font-size: 30px;
color: #313131;
line-height: 1.2;
margin-top: -4px;
margin-bottom: 6px;
}
a.woocommerce-review-link {
font-size: 14px;
color: #888;
}
.woocommerce div.product .woocommerce-product-rating {
margin-bottom: 8px;
}
.woocommerce div.product p.price {
margin-bottom: 12px;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
font-weight: normal;
text-decoration: none;
font-size: 18px;
color: #6eb48c;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
display: inline-block;
font-size: 16px;
color: #ccc;
margin-right: 10px;
opacity: 1;
}
.woocommerce div.product .entry-summary div[itemprop="description"] {
position: relative;
padding-top: 12px;
margin-bottom: 24px;
}
.woocommerce div.product .entry-summary div[itemprop="description"]:before {
content: "";
width: 45px;
height: 1px;
position: absolute;
top: 0;
left: 0;
background: #6eb48c;
}
.woocommerce div.product .woocommerce-tabs #tab-description #tab-description {
display: block !important;
}
.woocommerce div.product div[itemprop="description"] .entry-summary p:last-child,
.woocommerce div.product .woocommerce-tabs #tab-description > p:last-child {
margin-bottom: 0;
}
.woocommerce div.product div[itemprop="description"] .entry-summary img,
.woocommerce div.product .woocommerce-tabs #tab-description img {
max-width: 100%;
height: auto;
}
.woocommerce div.product div[itemprop="description"] a:hover,
.woocommerce div.product .woocommerce-tabs #tab-description a:hover {
text-decoration: underline;
}
.woocommerce div.product .entry-summary div[itemprop="description"] h1,
.woocommerce div.product .entry-summary div[itemprop="description"] h2,
.woocommerce div.product .entry-summary div[itemprop="description"] h3,
.woocommerce div.product .entry-summary div[itemprop="description"] h4,
.woocommerce div.product .entry-summary div[itemprop="description"] h5,
.woocommerce div.product .entry-summary div[itemprop="description"] h6,
.woocommerce div.product .entry-summary div[itemprop="description"] hr,
.woocommerce div.product .woocommerce-tabs #tab-description h1,
.woocommerce div.product .woocommerce-tabs #tab-description h2,
.woocommerce div.product .woocommerce-tabs #tab-description h3,
.woocommerce div.product .woocommerce-tabs #tab-description h4,
.woocommerce div.product .woocommerce-tabs #tab-description h5,
.woocommerce div.product .woocommerce-tabs #tab-description h6,
.woocommerce div.product .woocommerce-tabs #tab-description hr,
.woocommerce-product-details__short-description h1,
.woocommerce-product-details__short-description h2,
.woocommerce-product-details__short-description h3,
.woocommerce-product-details__short-description h4,
.woocommerce-product-details__short-description h5,
.woocommerce-product-details__short-description h6,
.woocommerce-product-details__short-description hr {
margin-bottom: 17px;
}
.woocommerce div.product div[itemprop="description"] p,
.woocommerce div.product .woocommerce-tabs #tab-description p,
.woocommerce-product-details__short-description p {
margin-bottom: 17px;
}
.woocommerce div.product .entry-summary div[itemprop="description"] h1,
.woocommerce div.product .entry-summary div[itemprop="description"] h2,
.woocommerce div.product .entry-summary div[itemprop="description"] h3,
.woocommerce div.product .entry-summary div[itemprop="description"] h4,
.woocommerce div.product .entry-summary div[itemprop="description"] h5,
.woocommerce div.product .entry-summary div[itemprop="description"] h6,
.woocommerce div.product .woocommerce-tabs #tab-description h1,
.woocommerce div.product .woocommerce-tabs #tab-description h2,
.woocommerce div.product .woocommerce-tabs #tab-description h3,
.woocommerce div.product .woocommerce-tabs #tab-description h4,
.woocommerce div.product .woocommerce-tabs #tab-description h5,
.woocommerce div.product .woocommerce-tabs #tab-description h6,
.woocommerce-product-details__short-description h1,
.woocommerce-product-details__short-description h2,
.woocommerce-product-details__short-description h3,
.woocommerce-product-details__short-description h4,
.woocommerce-product-details__short-description h5,
.woocommerce-product-details__short-description h6 {
color: #313131;
clear: both;
letter-spacing: 0;
line-height: 1.3em;
}
.woocommerce div.product .entry-summary div[itemprop="description"] h1,
.woocommerce div.product .woocommerce-tabs #tab-description h1,
.woocommerce-product-details__short-description h1 {
font-size: 20px;
}
.woocommerce div.product .entry-summary div[itemprop="description"] h2,
.woocommerce div.product .woocommerce-tabs #tab-description h2,
.woocommerce-product-details__short-description h2 {
font-size: 18px;
}
.woocommerce div.product .entry-summary div[itemprop="description"] h3,
.woocommerce div.product .woocommerce-tabs #tab-description h3,
.woocommerce-product-details__short-description h3 {
font-size: 17px;
}
.woocommerce div.product .entry-summary div[itemprop="description"] h4,
.woocommerce div.product .woocommerce-tabs #tab-description h4,
.woocommerce-product-details__short-description h4 {
font-size: 16px;
}
.woocommerce div.product .entry-summary div[itemprop="description"] h5,
.woocommerce div.product .woocommerce-tabs #tab-description h5,
.woocommerce-product-details__short-description h5 {
font-size: 15px;
}
.woocommerce div.product .entry-summary div[itemprop="description"] h6,
.woocommerce div.product .woocommerce-tabs #tab-description h6,
.woocommerce-product-details__short-description h6 {
font-size: 14px;
}
.woocommerce div.product .entry-summary div[itemprop="description"] hr,
.woocommerce div.product .woocommerce-tabs #tab-description hr,
.woocommerce-product-details__short-description hr {
border: 0;
height: 0;
border-bottom: 1px solid #dedede;
clear: both;
}
.woocommerce div.product .entry-summary div[itemprop="description"] blockquote,
.woocommerce div.product .woocommerce-tabs #tab-description blockquote,
.woocommerce-product-details__short-description blockquote {
padding: 0;
position: relative;
margin: 0 0 20px 0;
}
.woocommerce div.product .entry-summary div[itemprop="description"] blockquote,
.woocommerce div.product .woocommerce-tabs #tab-description blockquote,
.woocommerce div.product .entry-summary div[itemprop="description"] blockquote p,
.woocommerce div.product .woocommerce-tabs #tab-description blockquote p,
.woocommerce-product-details__short-description blockquote,
.woocommerce-product-details__short-description blockquote p {
font-size: 16px;
color: #888;
font-style: italic;
line-height: 1.7;
text-align: left;
}
.woocommerce div.product .entry-summary div[itemprop="description"] blockquote p,
.woocommerce div.product .woocommerce-tabs #tab-description blockquote p,
.woocommerce-product-details__short-description blockquote p {
margin: 0;
}
.woocommerce div.product .entry-summary div[itemprop="description"] blockquote,
.woocommerce div.product .woocommerce-tabs #tab-description blockquote,
.woocommerce-product-details__short-description blockquote {
position: relative;
padding: 0 0 0 46px;
border: none !important;
overflow: hidden;
}
.woocommerce div.product .entry-summary div[itemprop="description"] blockquote:before,
.woocommerce div.product .woocommerce-tabs #tab-description blockquote:before,
.woocommerce-product-details__short-description blockquote:before {
color: #6eb48c;
content: '“';
font-family: 'Playfair Display SC', serif;
font-size: 64px;
font-weight: 900;
line-height: 1;
font-style: normal;
position: absolute;
top: -4px;
left: 0;
}
.woocommerce div.product .entry-summary div[itemprop="description"] blockquote cite,
.woocommerce div.product .entry-summary div[itemprop="description"] blockquote .author,
.woocommerce div.product .woocommerce-tabs #tab-description blockquote cite,
.woocommerce div.product .woocommerce-tabs #tab-description blockquote .author,
.woocommerce-product-details__short-description blockquote cite,
.woocommerce-product-details__short-description blockquote .author {
display: block;
font-size: 12px;
text-transform: uppercase;
margin-top: 7px;
color: #6eb48c;
font-style: normal;
font-family: "Raleway", sans-serif;
font-weight: bold;
overflow: hidden;
text-align: left;
position: relative;
z-index: 1;
}
.woocommerce div.product .entry-summary div[itemprop="description"] blockquote .author span,
.woocommerce div.product .woocommerce-tabs #tab-description blockquote .author span,
.woocommerce-product-details__short-description blockquote .author span {
position: relative;
display: inline-block;
padding: 0 10px 0 0;
}
.woocommerce div.product .entry-summary div[itemprop="description"] blockquote .author span:after,
.woocommerce div.product .woocommerce-tabs #tab-description blockquote .author span:after,
.woocommerce-product-details__short-description blockquote .author span:after {
content: "";
position: absolute;
top: 50%;
width: 90px;
height: 1px;
background: #6eb48c;
left: 100%;
opacity: 0.8;
}
.woocommerce div.product .entry-summary div[itemprop="description"] ul,
.woocommerce div.product .entry-summary div[itemprop="description"] ol,
.woocommerce div.product .woocommerce-tabs #tab-description ul,
.woocommerce div.product .woocommerce-tabs #tab-description ol,
.woocommerce-product-details__short-description ul,
.woocommerce-product-details__short-description ol {
padding-left: 50px;
margin-bottom: 20px;
}
.woocommerce div.product .entry-summary div[itemprop="description"] ul ul,
.woocommerce div.product .woocommerce-tabs #tab-description ul ul,
.woocommerce-product-details__short-description ul ul {
margin: 2px 0;
padding-left: 22px;
}
.woocommerce div.product .entry-summary div[itemprop="description"] ol ol,
.woocommerce div.product .woocommerce-tabs #tab-description ol ol,
.woocommerce-product-details__short-description ol ol {
margin: 2px 0;
padding-left: 32px;
}
.woocommerce div.product .entry-summary div[itemprop="description"] ul li,
.woocommerce div.product .woocommerce-tabs #tab-description ul li,
.woocommerce-product-details__short-description ul li {
margin-bottom: 7px;
position: relative;
list-style-type: square;
line-height: 1.7;
}
.woocommerce div.product .entry-summary div[itemprop="description"] ol li,
.woocommerce div.product .woocommerce-tabs #tab-description ol li,
.woocommerce-product-details__short-description ol li {
margin-bottom: 2px;
list-style: decimal;
}
.woocommerce div.product .entry-summary div[itemprop="description"] table,
.woocommerce div.product .woocommerce-tabs #tab-description table,
.woocommerce-product-details__short-description table {
width: 100%;
margin-bottom: 22px;
border-collapse: collapse;
border-left: 1px solid #f5f5f5;
border-right: 1px solid #f5f5f5;
}
.woocommerce div.product .entry-summary div[itemprop="description"] td,
.woocommerce div.product .entry-summary div[itemprop="description"] th,
.woocommerce div.product .woocommerce-tabs #tab-description td,
.woocommerce div.product .woocommerce-tabs #tab-description th,
.woocommerce-product-details__short-description td, th {
padding: 12px;
border-bottom: 1px #e9e9e9 solid;
}
.woocommerce div.product .entry-summary div[itemprop="description"] th,
.woocommerce div.product .woocommerce-tabs #tab-description th,
.woocommerce-product-details__short-description th {
font-weight: bold;
font-size: 14px;
background: #f5f5f5;
}
.woocommerce div.product .entry-summary div[itemprop="description"] tr:hover,
.woocommerce div.product .woocommerce-tabs #tab-description tr:hover,
.woocommerce-product-details__short-description tr:hover {
background: #ffffff;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
border: none;
padding: 13px 15px;
min-width: 150px;
background: #313131;
color: #fff;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
outline: none;
font-size: 13px;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background: #6eb48c;
color: #fff;
}
.woocommerce div.product form.cart, .woocommerce div.product p.cart {
margin-bottom: 30px;
}
.woocommerce div.product p.out-of-stock {
font-size: 18px;
}
.woocommerce div.product form.cart div.quantity {
margin-right: 20px;
}
.woocommerce .quantity .qty {
padding: 3px 5px;
width: 60px;
line-height: 32px;
outline: none;
border: 1px solid #dedede;
font-size: 18px;
font-weight: bold;
font-family: "Raleway", sans-serif;
}
.woocommerce div.product .product_meta {
padding-top: 25px;
border-top: 1px solid #DEDEDE;
}
.woocommerce div.product .product_meta > span {
display: block;
color: #888;
font-size: 14px;
margin-bottom: 8px;
}
.woocommerce div.product .product_meta > span a {
color: #888;
}
.woocommerce div.product .product_meta > span a:hover {
color: #6eb48c;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0 0 12px 0;
margin: 0 0 24px 0;
text-align: center;
border-bottom: 1px solid #DEDEDE;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
content: none;
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background: none;
border: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
margin: 0;
padding: 0 20px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 5px 0;
font-family: 'Raleway', sans-serif;
font-size: 14px;
color: #313131;
text-transform: uppercase;
font-weight: bold;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: #888888;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: none;
border: none;
color: #6eb48c;
}
.woocommerce div.product .woocommerce-tabs .panel {
margin-bottom: 50px;
}
.woocommerce div.product .woocommerce-tabs .panel > h2:first-child,
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments h2,
.woocommerce div.product .woocommerce-tabs .panel #respond h3.comment-reply-title,
.woocommerce div.product .woocommerce-tabs .panel #respond .comment-reply-title {
font-size: 18px;
color: #313131;
clear: both;
letter-spacing: 0;
line-height: 1.3em;
margin-bottom: 17px;
text-transform: uppercase;
font-weight: bold;
text-align: left;
display: block;
}
.woocommerce div.product .woocommerce-tabs .panel #respond .comment-reply-title {
margin-top: 24px;
font-family: 'Raleway', sans-serif;
}
.woocommerce div.product form.comment-form .comment-form-rating {
margin-bottom: 15px !important;
}
.woocommerce #review_form #respond p,
.woocommerce #review_form #respond .comment-form-rating {
margin-left: 0;
margin-right: 0;
}
.woocommerce #review_form #respond p.comment-form-author {
margin-right: 20px;
}
.woocommerce div.product .related > h2,
.woocommerce div.product .upsells > h2 {
font-size: 18px;
letter-spacing: 1px;
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
font-weight: bold;
color: #313131;
position: relative;
z-index: 10;
display: block;
padding: 0;
padding-bottom: 15px;
margin-bottom: 30px;
border-bottom: 1px solid #dedede;
}
.woocommerce div.product form.cart .variations td.label {
padding-bottom: 15px;
}
.woocommerce div.product form.cart .variations select {
margin-bottom: 15px;
}
.woocommerce div.product p.stock {
font-size: 100%;
margin-bottom: 20px;
}
.woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-author,
.woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-email,
.woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-url {
width: 100%;
max-width: 374px;
padding: 0;
float: none;
}
.woocommerce #review_form #respond textarea,
.woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-author input,
.woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-email input,
.woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-url input {
margin: 0;
}
.woocommerce #review_form #respond p.form-submit {
margin-bottom: 0;
margin-top: 20px;
text-align: left;
}
.woocommerce #review_form #respond p.form-submit input[type="submit"] {
padding: 15px 15px;
font-size: 14px;
}
.woocommerce .comment-form p.stars a {
color: #FFCA00;
}
.woocommerce .comment-form p.stars a:hover {
color: #FFCA00;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
width: 60px;
border: none;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
padding: 0;
background: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin-left: 80px;
border: 1px solid #dedede;
padding: 12px 20px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .meta {
margin-bottom: 9px;
color: #888888;
font-size: 14px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 13px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .meta strong {
font-size: 14px;
color: #313131;
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text div[itemprop="description"] > p:last-child {
margin: 0;
}
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
background: #fff;
border: 1px solid #dedede;
border-top: 3px solid #6eb48c;
margin-bottom: 30px !important;
padding-left: 56px;
}
.woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before {
top: 1em;
margin-top: 3px;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
padding: 0 0 15px 0;
margin: 0 0 15px;
border-bottom: 1px solid #DEDEDE;
}
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
padding-left: 0;
}
.woocommerce ul.cart_list li:last-child, .woocommerce ul.product_list_widget li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border: none;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
margin-top: 20px;
padding-top: 15px;
font-size: 16px;
}
.woocommerce .widget_shopping_cart p.buttons,
.woocommerce.widget_shopping_cart p.buttons {
margin-top: 15px;
}
.woocommerce .widget_shopping_cart p.buttons a,
.woocommerce.widget_shopping_cart p.buttons a,
.woocommerce .widget_price_filter .price_slider_amount .button {
color: #fff;
background: #313131;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
font-size: 12px;
}
.woocommerce .widget_shopping_cart p.buttons a.checkout,
.woocommerce.widget_shopping_cart p.buttons a.checkout {
margin-left: 16px;
}
.woocommerce .widget_shopping_cart p.buttons a:hover,
.woocommerce.widget_shopping_cart p.buttons a:hover,
.woocommerce .widget_price_filter .price_slider_amount .button:hover,
.woocommerce div.product form.cart .button:hover {
opacity: 0.8;
background: #313131;
color: #fff;
text-decoration: none;
}
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
text-decoration: none;
font-family: 'Raleway', sans-serif;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
width: 90px;
margin: 0 20px 0 0;
float: left;
}
.woocommerce ul.cart_list li .amount,
.woocommerce ul.product_list_widget li .amount {
font-size: 18px;
color: #6eb48c;
text-decoration: none;
}
.woocommerce ul.cart_list li del .amount,
.woocommerce ul.product_list_widget li del .amount {
font-size: 16px;
color: #ccc;
margin-right: 5px;
}
.woocommerce ul.product_list_widget li ins,
.woocommerce ul.product_list_widget li ins {
text-decoration: none;
}
.woocommerce ul.cart_list li .star-rating,
.woocommerce ul.product_list_widget li .star-rating {
margin-bottom: 10px;
}
.woocommerce .widget_shopping_cart
.cart_list li a.remove,
.woocommerce.widget_shopping_cart
.cart_list li a.remove {
font-size: 24px;
width: 24px;
height: 24px;
background: none !important;
color: #ff0000 !important;
border: 1px solid #ccc;
line-height: 20px;
text-align: center;
margin-top: 5px;
margin-left: 5px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
height: 6px;
margin-bottom: 20px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background-color: #DEDEDE;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #313131;
width: 18px;
height: 18px;
top: -6px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #888;
}
.woocommerce .widget_price_filter .price_label {
color: #888;
font-size: 14px;
}
.woocommerce .woocommerce-product-search .screen-reader-text {
display: none;
}
.woocommerce .woocommerce-product-search input[type="submit"] {
display: none;
}
.woocommerce .woocommerce-product-search input[type="search"] {
border: 1px solid #e9e9e9;
background: #fff url(../Images/searchsubmit.png) no-repeat 94% 15px;
padding: 14px 43px 14px 20px;
color: #313131;
}
.woocommerce table.shop_table {
border: none;
border-collapse: collapse;
margin: 0 0 27px 0;
}
.woocommerce table.shop_table th {
padding: 0 0 15px 0;
font-weight: bold;
text-transform: uppercase;
color: #313131;
background: none;
font-size: 14px;
font-family: 'Raleway', sans-serif;
}
.woocommerce table.shop_table td {
padding: 30px 0;
border-color: #dedede;
border-bottom: none;
}
.woocommerce-cart table.cart img {
width: 90px;
}
.woocommerce table.shop_table a.remove {
width: 30px;
height: 30px;
border: 1px solid #dedede;
color: #dedede !important;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background: none !important;
line-height: 26px;
font-size: 26px;
text-decoration: none;
}
.woocommerce table.shop_table a.remove:hover {
color: #ff0000 !important;
}
.woocommerce table.shop_table td.product-name a {
font-size: 16px;
font-family: 'Raleway', sans-serif;
font-weight: bold;
color: #313131;
text-decoration: none;
}
.woocommerce table.shop_table td.product-name a:hover {
color: #6eb48c;
}
.woocommerce table.shop_table td.product-price span,
.woocommerce table.shop_table td.product-subtotal span {
font-size: 18px;
color: #6eb48c;
}
.woocommerce table.shop_table .quantity .qty {
line-height: 28px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
border: 1px solid #e9e9e9;
padding: 12px 20px 11px;
font-family: 'PT Serif', serif;
font-size: 12px;
color: #313131;
min-width: 150px;
margin-right: 20px;
}
.woocommerce-cart table.cart input[type="submit"] {
padding: 13px 20px 13px;
font-size: 13px;
background: #313131;
color: #fff;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.woocommerce-cart .woocommerce input.button[name="update_cart"] {
color: #ffffff;
background: #313131;
opacity: 1;
padding: 13px 20px 13px;
}
.woocommerce-cart .woocommerce input.button[name="update_cart"]:hover,
.woocommerce-cart table.cart input[type="submit"]:hover {
background: #313131;
color: #fff;
opacity: 0.8;
}
.woocommerce .woocommerce-cart-form .cart .button[name="apply_coupon"],
.woocommerce .woocommerce-cart-form .cart button.button:disabled,
.woocommerce .woocommerce-cart-form .cart button.button:disabled[disabled] {
padding: 13px 20px;
line-height: 14px;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
}
.woocommerce .cart-collaterals .cart_totals h2,
.woocommerce-page .cart-collaterals .cart_totals h2 {
font-size: 16px;
text-transform: uppercase;
}
.woocommerce-cart .cart-collaterals .cart_totals table {
border-collapse: collapse;
border: 1px solid #dedede;
padding: 0 30px;
}
.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th {
background: none;
padding: 15px 30px;
}
.woocommerce-cart .cart-collaterals .cart_totals table td .amount {
font-size: 18px;
color: #6eb48c;
}
.woocommerce-cart .cart-collaterals .cart_totals .form-row {
padding: 0;
margin-bottom: 15px;
}
.woocommerce-shipping-calculator p {
margin-bottom: 10px;
}
.woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form select {
padding: 5px;
max-width: 400px;
width: 100%;
}
.woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form input[type="text"],
.woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form input[type="date"],
.woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form input[type="number"],
.woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form input[type="search"] {
max-width: 400px;
padding: 8px;
}
.woocommerce .woocommerce-info:before {
color: #6eb48c;
top: 1em;
}
.woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form button[type="submit"] {
padding: 14px 20px;
color: #fff;
background: #313131;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form button[type="submit"]:hover {
background: #313131;
color: #fff;
opacity: 0.8;
}
.woocommerce-cart .wc-proceed-to-checkout a {
display: inline-block !important;
padding-left: 20px !important;
padding-right: 20px !important;
background: #313131 !important;
color: #fff !important;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.woocommerce-cart .wc-proceed-to-checkout a:hover {
opacity: 0.8;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
border-radius: 0;
border: 1px solid #dedede;
}
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
border: 1px solid #dedede;
padding: 14px 20px;
color: #313131;
}
p.lost_password {
margin-bottom: 0 !important;
}
.woocommerce form.checkout_coupon {
}
.woocommerce form.login .form-row {
margin-bottom: 20px;
}
.woocommerce form .form-row input[type="submit"],
.woocommerce .return-to-shop .button {
background: #313131;
color: #fff;
padding: 15px 20px;
}
.woocommerce form .form-row input[type="submit"]:hover,
.woocommerce .return-to-shop .button:hover {
opacity: 0.8;
background: #313131;
color: #fff;
}
.woocommerce form.login .form-row input[type="submit"] {
margin-right: 20px;
}
.woocommerce form.checkout .form-row {
margin-bottom: 20px;
padding: 0;
}
.woocommerce form .form-row {
padding-left: 0;
padding-right: 0;
}
.woocommerce form.checkout h3 {
font-size: 16px;
text-transform: uppercase;
}
.woocommerce form.checkout h3#order_review_heading {
margin-top: 28px;
}
.woocommerce form.checkout table.shop_table {
border: 1px solid #dedede;
}
.woocommerce form.checkout table.shop_table th,
.woocommerce form.checkout table.shop_table td {
padding: 15px 30px;
}
.woocommerce form.checkout table.shop_table .amount {
font-size: 16px;
}
.woocommerce form.checkout table.shop_table .order-total .amount {
color: #6eb48c;
}
.woocommerce-checkout #payment {
background: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.woocommerce-checkout #payment ul.payment_methods {
padding: 30px;
border: 1px solid #dedede;
}
.woocommerce-checkout #payment ul.payment_methods li {
list-style: none !important;
}
.woocommerce-checkout #payment div.form-row.place-order {
padding: 0;
margin-top: 30px;
margin-bottom: 0;
}
.woocommerce-checkout #payment div.payment_box {
background: none;
color: #888;
padding: 0;
}
.woocommerce-checkout #payment div.payment_box:before {
content: none;
display: none;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
float: left;
}
.woocommerce form.lost_reset_password .form-row input[type="submit"],
.woocommerce form.register .form-row input[type="submit"] {
margin-top: 20px;
}
section.related.products {
clear: both;
}
div.ppt {
font-weight: normal;
}
.pp_gallery ul a,
.pp_gallery ul {
height: 62px;
}
.pp_gallery {
margin-top: -65px;
}
.pp_nav p {
line-height: 1;
}
.penci-google-adsense,
.penci-google-adsense-1,
.penci-google-adsense-2 {
margin: 0 0 30px;
text-align: center;
overflow: hidden;
}
.penci-google-adsense.penci-google-adsense-footer {
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
.penci-adsense-below-slider {
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
margin-top: -30px;
text-align: center;
}
.widget_text .textwidget blockquote {
margin-bottom: 10px;
padding-left: 40px;
position: relative;
}
.widget_text .textwidget blockquote:before {
color: #999999;
position: absolute;
top: 0;
left: 0;
font-size: 22px;
content: "\f10d";
font-family: FontAwesome;
line-height: 1;
}
.penci-fawesome-ver5 .widget_text .textwidget blockquote:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.penci-vernav-enable .penci-menu-hbg {
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
}
.penci-vernav-toggle {
position: fixed;
width: 50px;
height: 50px;
display: none;
line-height: 40px;
background: none;
top: 0;
left: 0;
z-index: 99997;
transition: all 0.5s;
-webkit-transition: all 0.5s;
overflow: hidden;
}
.penci-vernav-poright .penci-vernav-toggle {
right: 0;
left: auto;
}
.penci-vernav-poleft.penci-menuhbg-open .penci-vernav-toggle {
left: 330px;
}
.penci-vernav-poright.penci-menuhbg-open .penci-vernav-toggle {
right: 330px;
}
body.admin-bar .penci-vernav-toggle {
top: 32px;
}
@media screen and (max-width: 782px) {
body.admin-bar .penci-vernav-toggle {
top: 46px;
}
}
.penci-vernav-toggle:before {
width: 0;
height: 0;
border-top: 50px solid #6eb48c;
border-right: 50px solid transparent;
content: "";
display: block;
}
.penci-vernav-poright .penci-vernav-toggle:before {
border-left: 50px solid transparent;
}
.penci-vernav-toggle i {
position: absolute;
z-index: 10;
font-size: 14px;
top: 7px;
left: 9px;
font-weight: normal;
line-height: 1;
color: #fff;
}
.penci-vernav-poright .penci-vernav-toggle i {
left: auto;
right: 9px;
}
@media only screen and (min-width: 961px) {
.penci-vernav-enable.penci-vernav-poleft .wrapper-boxed {
padding-left: 330px;
}
.penci-vernav-enable.penci-vernav-poright .wrapper-boxed {
padding-right: 330px;
}
.penci-vernav-enable .is-sticky #navigation {
width: calc(100% - 330px);
}
.penci-vernav-enable .penci-menu-hbg {
transform: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
}
}
@media only screen and (max-width: 960px) {
.penci-vernav-toggle {
display: inline-block;
}
}
@media only screen and (max-width: 479px) {
.penci-menu-hbg {
width: 330px !important;
}
.penci-vernav-poleft.penci-menuhbg-open .penci-vernav-toggle,
.penci-menuhbg-open .penci-menu-hbg.penci-menu-hbg-left {
left: 330px !important;
}
.penci-vernav-poright.penci-menuhbg-open .penci-vernav-toggle,
.penci-menuhbg-open .penci-menu-hbg.penci-menu-hbg-right {
right: 330px !important;
}
.penci-menu-hbg.penci-menu-hbg-right {
transform: translateX(330px) !important;
-webkit-transform: translateX(330px) !important;
-moz-transform: translateX(330px) !important;
}
.penci-menu-hbg.penci-menu-hbg-left {
transform: translateX(-330px) !important;
-webkit-transform: translateX(-330px) !important;
-moz-transform: translateX(-330px) !important;
}
}
.penci-hbg-search-box {
margin-bottom: 30px;
}
#searchform.penci-hbg-search-form .inner-hbg-search-form {
position: relative;
}
#searchform.penci-hbg-search-form input.search-input {
width: 100%;
background: none;
font-size: 13px;
letter-spacing: 0;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
#searchform.penci-hbg-search-form input.search-input:hover,
#searchform.penci-hbg-search-form input.search-input:focus {
border-color: #6eb48c;
}
#searchform.penci-hbg-search-form i {
position: absolute;
right: 18px;
top: 50%;
line-height: 1;
font-size: 14px;
color: #c7c7c7;
margin-top: -7px;
}
@media only screen and (max-width: 1350px) and (min-width: 961px) {
.penci-vernav-enable .penci-sidebar-content,
.penci-vernav-enable .penci-single-style-10 #sidebar.penci-sidebar-content,
.penci-vernav-enable .penci-single-style-10 .penci-single-s10-content,
.penci-vernav-enable .container.penci_sidebar #main {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
}
.penci-vernav-enable .penci-single-style-10 .penci-single-s10-content,
.penci-vernav-enable .penci-single-style-10 .penci-sidebar-content {
width: 100%;
position: static;
margin-left: 0;
top: auto;
float: none;
display: block;
}
.penci-vernav-enable .penci-single-style-10 .penci-sidebar-content {
margin-bottom: 30px;
}
.penci-vernav-enable .penci-sidebar-content,
.penci-vernav-enable .penci-single-style-10 #sidebar.penci-sidebar-content {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1300px) and (min-width: 961px) {
.penci-vernav-enable .footer-widget-wrapper.footer-widget-style-1,
.penci-vernav-enable .footer-widget-wrapper.footer-widget-style-2,
.penci-vernav-enable .footer-widget-wrapper.footer-widget-style-3,
.penci-vernav-enable .footer-widget-wrapper.footer-widget-style-5,
.penci-vernav-enable .footer-widget-wrapper.footer-widget-style-6,
.penci-vernav-enable .footer-widget-wrapper.footer-widget-style-7,
.penci-vernav-enable .footer-widget-wrapper.footer-widget-style-8,
.penci-vernav-enable .footer-widget-wrapper.footer-widget-style-9 {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.penci-vernav-enable .footer-widget-wrapper.footer-widget-style-4 {
width: 48.5%;
margin-bottom: 30px;
}
.penci-vernav-enable .footer-widget-wrapper.last {
margin-bottom: 0;
}
.penci-vernav-enable .footer-widget-wrapper.footer-widget-style-4:nth-child(2n+2) {
margin-right: 0;
}
}
.penci-wpblock .penci-gutenberg-missing {
display: none !important;
}
.penci-wpblock ul.penci-grid {
margin-left: 0;
padding-left: 0;
}
.post-entry ol li.wp-block-latest-comments__comment {
margin-bottom: 15px;
}
.post-entry .wp-block-quote::before,
.wp-block-quote::before {
content: '”'
}
.penci_is_nosidebar .wp-block-image.alignfull,
.penci_is_nosidebar .wp-block-cover-image.alignfull,
.penci_is_nosidebar .wp-block-cover.alignfull,
.penci_is_nosidebar .wp-block-gallery.alignfull,
.penci_is_nosidebar .alignfull {
margin-left: calc(50% - 50vw);
width: 100vw;
max-width: 100vw;
}
.penci_is_nosidebar .wp-block-image.alignfull,
.penci_is_nosidebar .wp-block-cover-image.alignfull,
.penci_is_nosidebar .wp-block-cover.alignfull,
.penci_is_nosidebar .wp-block-gallery.alignfull,
.penci_is_nosidebar .alignfull {
margin-left: calc(50% - 50vw);
width: 100vw;
max-width: 100vw;
}
.post-entry ul.blocks-gallery-grid {
padding-left: 0;
}
@media only screen and (min-width: 961px) {
.penci-vernav-enable .penci_is_nosidebar .wp-block-image.alignfull,
.penci-vernav-enable .penci_is_nosidebar .wp-block-cover-image.alignfull,
.penci-vernav-enable .penci_is_nosidebar .wp-block-cover.alignfull,
.penci-vernav-enable .penci_is_nosidebar .wp-block-gallery.alignfull,
.penci-vernav-enable .penci_is_nosidebar .alignfull {
margin-left: calc(50% - 50vw + 165px);
width: calc(100vw - 330px);
}
}
.penci_is_nosidebar .wp-block-cover.alignwide,
.penci_is_nosidebar .wp-block-cover-image.alignwide,
.penci_is_nosidebar .wp-block-image.alignwide,
.penci_is_nosidebar .wp-block-gallery.alignwide,
.penci_is_nosidebar .alignwide {
margin-left: calc(25% - 25vw);
width: calc(50vw + 50%);
max-width: calc(50vw + 50%);
}
@media only screen and (max-width: 767px) {
.penci_is_nosidebar .wp-block-cover.alignwide,
.penci_is_nosidebar .wp-block-cover-image.alignwide,
.penci_is_nosidebar .wp-block-image.alignwide,
.penci_is_nosidebar .wp-block-gallery.alignwide,
.penci_is_nosidebar .alignwide {
margin-left: calc(50% - 50vw);
width: 100vw;
max-width: 100vw;
}
}
.wp-block-cover-image h2,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover h2,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text {
font-size: 36px;
}
@media only screen and (max-width: 767px) {
.wp-block-cover-image h2,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover h2,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text {
font-size: 28px;
}
}
.post-entry .wp-block-cover .wp-block-cover-text a {
color: #fff;
text-decoration: none;
}
blockquote.wp-block-quote:before {
content: none;
display: none;
}
.post-entry blockquote.wp-block-quote p,
.wpb_text_column blockquote.wp-block-quote p {
font-size: 16px;
font-style: normal;
color: #191e23;
}
.post-entry blockquote.wp-block-quote cite,
.wpb_text_column blockquote.wp-block-quote cite {
color: #6c7781;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-transform: none;
font-family: inherit;
}
.wp-block-quote.is-style-large,
.wp-block-quote.is-large {
background: #f5f5f5;
padding: 10px 20px 11px;
}
.post-entry blockquote.wp-block-quote.is-style-large p,
.wpb_text_column blockquote.wp-block-quote.is-style-large p,
.post-entry blockquote.wp-block-quote.is-large p,
.wpb_text_column blockquote.wp-block-quote.is-large p {
font-size: 24px;
font-style: italic;
}
.wpb_text_column ul, .wpb_text_column ol {
padding-left: 36px;
margin-bottom: 20px;
}
.wpb_text_column ol ol,
.wpb_text_column ul ul,
.wpb_text_column ul ol,
.wpb_text_column ol ul {
margin: 2px 0;
padding-left: 22px;
}
.wpb_text_column ul li {
margin-bottom: 6px;
position: relative;
list-style-type: square;
line-height: 1.7;
}
.wpb_text_column ol li {
margin-bottom: 2px;
list-style: decimal;
}
.post-entry .wp-block-file {
font-size: 16px;
}
.post-entry .wp-block-file a,
.container-single .post-entry .wp-block-file a {
color: inherit;
}
.post-entry .wp-block-file a.wp-block-file__button {
color: #fff;
font-size: 14px;
}
.penci_is_nosidebar .wp-block-video.alignwide video,
.penci_is_nosidebar .wp-block-video.alignfull video {
width: 100%;
}
.post-entry .wp-block-table.is-style-stripes {
border-top: none;
border-left: none;
border-right: none;
}
.post-entry pre.wp-block-verse,
.post-entry .wp-block-verse pre {
border: none;
background: #f5f5f5;
padding: 10px 20px;
font-size: 16px;
font-family: inherit;
white-space: nowrap;
overflow: auto;
line-height: 1.8;
}
.post-entry .wp-block-pullquote {
padding: 30px 0;
margin-bottom: 20px;
}
.post-entry .wp-block-pullquote blockquote,
.post-entry .wp-block-pullquote blockquote p,
.post-entry .wp-block-pullquote blockquote cite {
text-align: inherit;
}
.post-entry .wp-block-pullquote blockquote {
padding-left: 0;
margin-bottom: 0;
}
.post-entry .wp-block-pullquote blockquote:before {
content: none;
display: none;
}
.post-entry .wp-block-pullquote blockquote p {
font-size: 28px;
font-style: normal;
color: #313131;
}
.post-entry .wp-block-pullquote blockquote cite {
font-weight: inherit;
color: inherit;
font-family: inherit;
margin-top: 10px;
font-size: 13px;
}
.wp-block-pullquote.is-style-solid-color {
background: #f5f5f5;
}
@media (min-width: 600px) {
.wp-block-columns .wp-block-column:last-child {
margin-right: 0;
}
.penci_is_nosidebar .wp-block-column .wp-block-cover-image.alignwide,
.penci_is_nosidebar .wp-block-column .wp-block-image.alignwide,
.penci_is_nosidebar .wp-block-column .wp-block-gallery.alignwide,
.penci_is_nosidebar .wp-block-column .alignwide,
.penci_is_nosidebar .wp-block-column .wp-block-cover-image.alignfull,
.penci_is_nosidebar .wp-block-column .wp-block-image.alignfull,
.penci_is_nosidebar .wp-block-column .wp-block-gallery.alignfull,
.penci_is_nosidebar .wp-block-column .alignfull {
margin-left: 0;
width: 100%;
max-width: 100%;
}
}
.post-entry a.wp-block-button__link {
text-decoration: none;
}
.has-larger-font-size, .has-huge-font-size {
line-height: 1.4;
}
.wp-block-media-text .wp-block-media-text__content p:last-child {
margin-bottom: 0;
}
.post-entry hr.wp-block-separator,
.wp-block-separator {
border-bottom: 2px solid #8f98a1;
}
.post-entry hr.wp-block-separator.is-style-wide,
.wp-block-separator.is-style-wide {
border-width: 1px;
}
.wp-block-separator.is-style-dots {
border: none !important;
}
.wp-block-separator.is-style-dots:before {
color: inherit;
line-height: 1;
}
.wp-block-latest-posts {
padding: 16px 20px 16px 36px !important;
border: 1px solid #dedede;
}
.wp-block-latest-posts.is-grid {
padding-bottom: 0 !important;
}
.wp-block-categories .category-item-count {
color: #313131;
}
@media (min-width: 600px) {
.wp-block-latest-posts.is-grid li {
padding-right: 8px;
}
}
@media only screen and (max-width: 767px) {
.wp-block-media-text {
display: block;
}
.wp-block-media-text .wp-block-media-text__content {
display: block;
padding: 0;
text-align: center;
margin-top: 20px;
}
.wp-block-media-text .has-large-font-size,
.wp-block-media-text .has-huge-font-size {
font-size: 22px;
line-height: 1.5;
}
}
.has-pale-pink-color.has-pale-pink-color {
color: #f78da7 !important;
}
.has-vivid-red-color.has-vivid-red-color {
color: #cf2e2e !important;
}
.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color {
color: #ff6900 !important;
}
.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color {
color: #fcb900 !important;
}
.has-light-green-cyan-color.has-light-green-cyan-color {
color: #7bdcb5 !important;
}
.has-vivid-green-cyan-color.has-vivid-green-cyan-color {
color: #00d084 !important;
}
.has-pale-cyan-blue-color.has-pale-cyan-blue-color {
color: #8ed1fc !important;
}
.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color {
color: #0693e3 !important;
}
.has-very-light-gray-color.has-very-light-gray-color {
color: #eee !important;
}
.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color {
color: #abb8c3 !important;
}
.has-very-dark-gray-color.has-very-dark-gray-color {
color: #313131 !important;
}
.wp-block-embed .wp-block-embed__wrapper iframe,
.wp-block-embed .wp-block-embed__wrapper twitter-widget {
display: inline-block !important;
}
.wp-block-embed.aligncenter,
.wp-block-embed.alignwide,
.wp-block-embed.alignfull {
text-align: center;
}
.wp-block-embed.alignleft {
text-align: left;
}
.wp-block-embed.alignright {
text-align: right;
}
.wp-block-embed-instagram figcaption {
margin-top: -8px;
}
.wp-block-embed-dailymotion .wp-block-embed__wrapper {
position: relative;
padding-bottom: 56.2393%;
}
.wp-block-embed-dailymotion .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.wp-block-yoast-how-to-block .schema-how-to-total-time,
.wp-block-yoast-how-to-block .schema-how-to-description {
font-size: 16px;
margin-bottom: 7px;
}
.wp-block-yoast-how-to-block ol.schema-how-to-steps {
padding: 15px 20px 20px 32px;
border: 1px solid #dedede;
}
.wp-block-yoast-how-to-block ol.schema-how-to-steps li {
padding: 0;
border-bottom: 1px solid #dedede;
margin-bottom: 17px;
}
.wp-block-yoast-how-to-block ol.schema-how-to-steps li:last-child {
margin-bottom: 0;
border-bottom: none;
}
.wp-block-yoast-how-to-block ol.schema-how-to-steps li:last-child p.schema-how-to-step-text {
margin-bottom: 0;
}
.wp-block-yoast-faq-block .schema-faq-section {
border: 1px solid #dedede;
padding: 15px 20px;
margin-bottom: 15px;
}
.wp-block-yoast-faq-block .schema-faq-answer {
margin-bottom: 0;
}
p.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 60px;
line-height: 0.9;
margin: 0 8px 0 0;
text-transform: uppercase;
font-style: normal;
}
.has-small-font-size,
.post-entry p.has-small-font-size > * {
font-size: 12px;
}
.has-medium-font-size,
.post-entry p.has-medium-font-size > * {
font-size: 20px;
}
.has-large-font-size,
.post-entry p.has-large-font-size > * {
font-size: 32px;
}
.has-huge-font-size,
.post-entry p.has-huge-font-size > * {
font-size: 42px;
}
.wp-block-embed-soundcloud .wp-block-embed__wrapper {
width: 100%;
position: relative;
padding: 0;
padding-top: 23.0555%;
}
.wp-block-embed-soundcloud .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.post-entry .header-standard,
.post-entry .penci-overlay-over .overlay-header-box,
.post-entry .grid-header-box,
.post-entry .grid-header-box .grid-title,
.post-entry .header-list-style,
.post-entry .header-list-style .grid-title,
.post-entry .inner-boxed-2,
.post-entry .inner-boxed-2 .grid-title,
.post-entry .main-typography,
.post-entry .main-typography .grid-title,
.post-entry .grid-post-box-meta,
.post-entry .item-related {
line-height: 1;
}
.post-entry .header-standard h2,
.post-entry .header-standard .post-title,
.post-entry .overlay-title,
.post-entry .grid-header-box .grid-title,
.post-entry .header-list-style .grid-title,
.post-entry .inner-boxed-2 .grid-title,
.post-entry .main-typography .grid-title,
.post-entry ul.penci-grid,
.post-entry .home-featured-cat .magcat-titlte,
.post-entry .penci-border-arrow .inner-arrow,
.post-entry .item-related h3,
.post-entry .home-pupular-posts-title {
margin-bottom: 0;
}
.post-entry .header-standard h2 a,
.post-entry .cat > a.penci-cat-name,
.post-entry .header-standard .author-post span a,
.post-entry .penci-post-box-meta .penci-box-meta a,
.post-entry .overlay-header-box .overlay-title a,
.post-entry .overlay-author a,
.post-entry .grid-post-box-meta a,
.post-entry .penci-grid li .item h2 a,
.post-entry .penci-masonry .item-masonry h2 a,
.post-entry .penci-readmore-btn a,
.post-entry .penci-featured-cat-seemore a,
.post-entry .grid-mixed .mixed-detail a,
.post-entry .penci-magazine-title a,
.post-entry .item-related a {
text-decoration: none;
}
.post-entry .penci-grid > li {
margin-bottom: 51px;
}
.post-entry .item-content p,
.post-entry .mag-excerpt p {
margin-bottom: 0;
}
@media only screen and (min-width: 960px) and (max-width: 1400px) {
.container.two-sidebar.two-sidebar {
width: 100%;
max-width: 100%;
padding-left: 10px;
padding-right: 10px;
}
}
@media only screen and (min-width: 1170px) {
.footer-widget-wrapper .fb_iframe_widget,
.footer-widget-wrapper .fb_iframe_widget span,
.footer-widget-wrapper .fb_iframe_widget span iframe[style] {
width: 340px !important;
}
.footer-widget-wrapper .widget.penci_facebook_widget {
text-align: center;
}
}
@media only screen and (max-width: 1200px) {
.featured-style-38 .penci-owl-carousel .owl-item .item {
width: 400px;
}
}
@media only screen and (max-width: 1169px) {
.penci-video-overlay-background {
display: block;
}
.penci-post-gallery-container.masonry .item-gallery-masonry,
.inner-portfolio-posts .portfolio-item {
width: 50%;
}
.penci-header-signup-form .mc4wp-form-fields > p,
.penci-header-signup-form form > p {
display: block;
max-width: 100% !important;
text-align: center;
padding: 0;
}
.penci-header-signup-form .mc4wp-form input[type="text"],
.penci-header-signup-form .mc4wp-form input[type="email"],
.penci-header-signup-form .mc4wp-form input[type="submit"] {
margin: 20px auto 0;
max-width: 400px;
}
ul.homepage-featured-boxes,
.post-entry ul.homepage-featured-boxes {
margin-left: -8px;
margin-right: -8px;
}
ul.homepage-featured-boxes li, .post-entry ul.homepage-featured-boxes li {
padding: 0 8px;
}
.penci-post-gallery-container.masonry.column-4 .item-gallery-masonry {
width: 50%;
}
.pencislider-container {
padding: 0 25px;
}
.featured-style-3 .penci-owl-carousel .penci-image-holder:before {
height: 0;
padding-top: 50%;
}
.featured-style-20 .penci-mag-featured-content .feat-meta,
.featured-style-21 .penci-mag-featured-content .feat-meta,
.featured-style-22 .penci-mag-featured-content .feat-meta,
.featured-style-23 .penci-mag-featured-content .feat-meta,
.featured-style-24 .penci-mag-featured-content .feat-meta,
.featured-style-25 .penci-mag-featured-content .feat-meta,
.featured-style-26 .penci-mag-featured-content .feat-meta {
display: none;
}
.penci-item-mag {
overflow: hidden;
}
.featured-style-24 .penci-image-holder:before {
height: 160px;
}
.featured-style-24 .penci-item-2 .penci-image-holder:before {
height: 200px;
}
.featured-style-24 .penci-item-1 .penci-image-holder:before {
height: 364px;
}
.featured-style-24 .penci-item-1 .penci-mag-featured-content h3 a {
font-size: 20px;
}
.featured-style-24 .penci-item-2 .penci-mag-featured-content h3 a {
font-size: 16px;
}
.featured-style-24 .penci-item-3 .penci-mag-featured-content h3 a,
.featured-style-24 .penci-item-0 .penci-mag-featured-content h3 a {
text-transform: none;
letter-spacing: 0;
}
.featured-style-25 .penci-image-holder:before {
height: 150px;
}
.featured-style-26 .penci-image-holder:before {
height: 160px;
}
.featured-style-25 .penci-item-1 .penci-image-holder:before {
height: 458px;
}
.featured-style-26 .penci-item-1 .penci-image-holder:before {
height: 324px;
}
.featured-style-29.style-30 .penci-image-holder:before {
height: 450px;
}
.footer-widget-wrapper.footer-widget-style-4 {
width: 48%;
margin-right: 4%;
}
.footer-widget-wrapper.footer-widget-style-4:nth-child(2) {
margin-right: 0;
}
.footer-widget-wrapper.footer-widget-style-4:nth-child(3) {
clear: both;
}
.footer-widget-wrapper.footer-widget-style-4:nth-child(1),
.footer-widget-wrapper.footer-widget-style-4:nth-child(2) {
margin-bottom: 30px;
}
.footer-widget-wrapper.footer-widget-style-5,
.footer-widget-wrapper.footer-widget-style-6,
.footer-widget-wrapper.footer-widget-style-7 {
width: 25.25%;
}
.footer-widget-wrapper.footer-widget-style-5:first-child,
.footer-widget-wrapper.footer-widget-style-6:nth-child(2),
.footer-widget-wrapper.footer-widget-style-7:last-child {
width: 42.5%;
}
.footer-widget-wrapper.footer-widget-style-8,
.footer-widget-wrapper.footer-widget-style-9 {
width: 26%;
}
.footer-widget-wrapper.footer-widget-style-8:last-child,
.footer-widget-wrapper.footer-widget-style-9:first-child {
width: 70.5%;
}
.penci-related-grid-display .item-related {
width: 50%;
}
.penci-related-grid-display .item-related:nth-child(3n+1) {
clear: none;
}
.penci-related-grid-display .item-related:nth-child(2n+1) {
clear: both;
}
.featured-style-35.style-36 .penci-featured-content-right,
.featured-style-35 .penci-featured-content-right {
width: 350px;
}
.featured-style-35.style-36 .penci-image-holder:before,
.featured-style-35 .penci-image-holder:before {
height: 450px;
}
.featured-style-35 .featured-content-excerpt p {
display: none;
}
.featured-style-35 .feat-text-right .penci-featured-slider-button {
animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
}
.featured-style-35 .feat-text-right h3 a {
font-size: 24px;
}
}
@media only screen and (min-width: 961px) and (max-width: 1169px) {
.container,
.featured-area.style-1,
.featured-area.style-4,
.featured-area.magazine-slider,
#navigation ul.menu > li.megamenu > ul.sub-menu {
width: 940px;
}
.wrapper-boxed.enable-boxed,
.wrapper-boxed.enable-boxed .is-sticky #navigation {
max-width: 1000px;
}
.container.has-banner #logo {
width: 320px;
padding-right: 30px;
}
.container.has-banner .header-banner {
width: 620px;
}
#navigation.header-4 #top-search,
#navigation.header-5 #top-search,
#navigation.header-6 #top-search {
margin-left: 26px;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post {
width: 25%;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post {
width: 33.3333%;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-1 .penci-mega-post:nth-child(5),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-1 .penci-mega-post:nth-child(4),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-2 .penci-mega-post:nth-child(9),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-2 .penci-mega-post:nth-child(10),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-2 .penci-mega-post:nth-child(8),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-2 .penci-mega-post:nth-child(7),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-3 .penci-mega-post:nth-child(15),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-3 .penci-mega-post:nth-child(14),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-3 .penci-mega-post:nth-child(13),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(12),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(11),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(10) {
display: none;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5 .penci-mega-post:nth-child(5n+1),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(4n+1) {
clear: none;
}
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5 .penci-mega-post:nth-child(4n+1),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-2 .penci-mega-post:nth-child(3n+1),
#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(3n+1) {
clear: both;
}
#navigation ul.menu > li,
#navigation .menu > ul > li {
margin-right: 16px;
}
#navigation ul.menu li.megamenu ul ul > li > a,
#navigation .menu ul li.megamenu ul ul > li > a {
margin: 0 10px;
}
.featured-carousel .featured-content,
.featured-carousel.style-2 .featured-content {
top: 38.7%;
}
.featured-carousel.style-7 .featured-content .feat-text h3,
.wrapper-boxed.enable-boxed .featured-carousel.style-7 .featured-content .feat-text h3,
.featured-carousel.style-7 .featured-content .feat-text h3 a {
padding: 0;
}
.featured-carousel.style-7 .featured-content .feat-text h3 a:before,
.featured-carousel.style-7 .featured-content .feat-text h3 a:after {
content: none;
display: none;
}
.penci-image-holder.slider-style-1-fix {
height: 480px;
}
.penci-image-holder.slider-style-3-fix {
height: 460px;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1 .mag-content,
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-3 .mag-content {
height: 300px;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 .mag-content {
height: 600px;
}
.penci-magazine-slider ul.mag-wrap li {
width: 303px;
height: 212px;
}
.penci-magazine-slider ul.mag-wrap li.mag-item-1 {
width: 636px;
height: 424px;
}
ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img:before {
left: 10px;
top: 10px;
right: 10px;
bottom: 10px;
}
.penci-grid li.list-post .item .content-list-right {
padding-left: 400px;
}
.penci_sidebar .penci-grid li.list-post .item .content-list-right,
.home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail {
padding-left: 321px;
}
.featured-style-6 .wrapper-item .penci-item-mag {
width: 32.83%;
}
.featured-style-6 .wrapper-item .penci-item-1 {
width: 67.17%;
border-right: 5px solid transparent;
}
.featured-style-6 .wrapper-item .penci-item-2 {
border-bottom: 2px solid transparent;
}
.featured-style-6 .wrapper-item .penci-item-0 {
border-top: 3px solid transparent;
}
.featured-style-13 .penci-image-holder:before,
.featured-style-15 .penci-image-holder:before {
height: 350px;
}
.featured-style-14 .penci-image-holder:before,
.featured-style-16 .penci-image-holder:before {
height: 300px;
}
.featured-style-16 .penci-mag-featured-content h3 a {
font-size: 15px;
}
.featured-style-17 .penci-image-holder:before,
.featured-style-18 .penci-image-holder:before {
height: 160px;
}
.featured-style-17 .penci-slide17-item-2 .penci-image-holder:before,
.featured-style-18 .penci-slide17-item-2 .penci-image-holder:before {
height: 324px;
}
.featured-style-17 .penci-mag-featured-content .feat-meta,
.featured-style-18 .penci-mag-featured-content .feat-meta {
display: none;
}
.penci-mag-featured-content h3 a {
font-size: 14px;
}
.featured-style-17 .penci-item-3 .penci-mag-featured-content h3 a,
.featured-style-18 .penci-item-3 .penci-mag-featured-content h3 a {
font-size: 20px;
}
.featured-style-17 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-18 .penci-slide-overlay .penci-mag-featured-content {
left: 0;
width: 100%;
padding: 0 5px;
text-align: center;
}
.penci-grid li:nth-of-type(3n+1) {
clear: none;
}
.penci-grid li.list-boxed-post-2 {
width: 50%;
}
.penci_sidebar .penci-grid li.list-boxed-post-2 {
width: 100%;
}
.penci-grid li.list-boxed-post-2:nth-of-type(2n+1) {
clear: both;
}
.penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 {
height: 312px;
}
.penci-grid li.list-boxed-post-2:nth-of-type(2n+1) .content-boxed-2.show-top {
display: none;
}
.penci-grid li.list-boxed-post-2:nth-of-type(2n+1) .content-boxed-2.show-bottom {
display: block;
}
.penci-grid li.list-boxed-post-2:nth-of-type(2n+2) .content-boxed-2.show-top {
display: block;
}
.penci-grid li.list-boxed-post-2:nth-of-type(2n+2) .content-boxed-2.show-bottom {
display: none;
}
.penci_sidebar .penci-grid li.list-boxed-post-2 .content-boxed-2.show-top {
display: none !important;
}
.penci_sidebar .penci-grid li.list-boxed-post-2 .content-boxed-2.show-bottom {
display: block !important;
}
.penci_sidebar .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 {
min-height: 312px;
height: auto;
}
.penci-grid li.list-boxed-post-2 .item > .thumbnail:before {
display: none;
content: none;
}
.penci-photo-2-effect figcaption h2 {
padding: 0 20px 20px;
font-size: 18px;
}
.penci-photo-2-effect figcaption p {
margin-top: 20px;
padding: 0 20px;
font-size: 93%;
}
.penci_sidebar .penci-photo-2-effect figcaption p {
display: none;
}
.penci_sidebar .penci-photo-2-effect figcaption:before, .penci_sidebar .penci-photo-2-effect figcaption:after {
display: none;
content: none;
}
.penci_sidebar .penci-photo-2-effect figcaption h2 {
padding: 0 20px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
font-size: 14px;
}
.container.penci_sidebar .penci-grid li.typography-style {
width: 48.05%;
margin-right: 3.9%;
}
.container.penci_sidebar .penci-grid li.typography-style:nth-of-type(3n+3) {
margin-right: 3.9%;
clear: none;
}
.container.penci_sidebar .penci-grid li.typography-style:nth-of-type(2n+1) {
margin-right: 0;
}
.container.penci_sidebar .penci-grid li.typography-style:nth-of-type(2n+1) {
clear: both;
}
.container.penci_sidebar .penci-grid li.typography-style {
width: 100%;
margin-right: 0;
}
.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image img,
.widget ul.side-newsfeed li .side-item .side-image img {
width: 100px;
}
.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text h4 a,
.widget ul.side-newsfeed li .side-item .side-item-text h4 a {
font-size: 14px;
}
.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text .side-item-meta,
.widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta {
font-size: 11px;
}
.portfolio-overlay-content .portfolio-short,
.penci_sidebar .penci-portfolio.column-2 .portfolio-overlay-content .portfolio-short {
margin-top: 17%;
}
.penci-grid .list-post.list-boxed-post .item .content-list-right {
min-height: 313px;
height: 313px;
}
.container.penci_sidebar .penci-masonry .item-masonry.standard-masonry {
width: 100%;
}
.home-featured-cat-content .mag-photo .magcat-detail {
width: 100%;
}
.home-featured-cat-content .magcat-detail h3 a {
font-size: 14px;
}
.home-featured-cat-content .magcat-detail .mag-meta {
margin-top: 5px;
}
.home-featured-cat-content .mag-photo .grid-post-box-meta span,
.home-featured-cat-content .mag-photo .grid-post-box-meta span a {
font-size: 12px;
}
.widget-social.show-text a span {
margin-left: 1px;
font-size: 12px;
}
ul.footer-socials li {
margin-right: 12px;
}
ul.footer-socials li a span {
margin-left: 8px;
}
.overlay-header-box .overlay-title a {
font-size: 20px;
}
.widget .penci-widget-slider .penci-widget-slide-detail h4 a {
font-size: 14px;
}
.penci-widget-slide-detail .slide-item-date {
font-size: 13px;
}
.home-featured-cat-content .mag-photo .magcat-detail {
padding: 15px;
}
.home-featured-cat-content .penci-magcat-carousel .magcat-detail h3 a {
font-size: 16px;
}
.penci-single-mag-slider .magcat-detail .magcat-titlte {
font-size: 20px;
}
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price,
.woocommerce ul.cart_list li .amount,
.woocommerce ul.product_list_widget li .amount {
font-size: 16px;
}
.woocommerce div.product .product_title {
font-size: 24px;
}
}
@media only screen and (max-width: 1169px) {
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li,
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1,
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 {
margin: 0 0 5px;
width: 100% !important;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-3 {
margin: 0;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content {
width: 50%;
float: left;
display: block;
margin: 0 !important;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content:first-child {
border-right: 3px solid transparent;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content:last-child {
border-left: 3px solid transparent;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 .mag-content {
width: 100%;
border: none !important;
}
.penci-magazine-slider img {
width: 100%;
}
}
@media only screen and (min-width: 961px) {
#navigation .menu {
display: inline-block !important;
}
}
@media only screen and (max-width: 960px) {
.container.has-banner #logo {
text-align: center;
display: block;
width: auto;
}
.container.has-banner .header-banner {
display: block;
margin-top: 30px;
width: 100%;
}
.featured-area.style-7.loaded .featured-carousel:before {
content: none;
display: none;
}
.featured-style-2 .penci-owl-carousel .owl-item .item {
width: 760px;
}
.penci-top-bar {
text-align: center;
}
.penci-top-bar.no-social {
display: none;
}
.penci-top-bar.no-social.topbar-menu {
display: block;
}
.penci-topbar-social {
float: none;
}
.headline-title,
.penci-headline-posts {
display: none !important;
}
.overlay-video-click {
display: none !important;
}
#navigation.header-11 > .container,
#navigation.header-10 > .container {
display: table;
}
#navigation.header-11 .penci-menu-wrap,
#navigation.header-10 .penci-menu-wrap {
display: none;
}
#navigation.header-11, #navigation.header-11 .penci-menuhbg-toggle,
#navigation.header-10, #navigation.header-10 .penci-menuhbg-toggle,
#navigation.header-6,
#navigation.header-6 .penci-menuhbg-toggle {
height: 60px;
}
#navigation.header-6 .container {
text-align: center;
}
#navigation.header-6 #logo {
float: none;
display: inline-block;
}
#navigation.header-6 #logo img {
max-height: 58px !important;
padding: 10px 0 !important;
}
#navigation.header-6 .show-search {
height: 58px;
}
#navigation.header-6 #top-search > a,
#navigation.header-6 .show-search a.close-search,
#navigation.header-6 .main-nav-social {
height: 58px;
line-height: 58px;
}
#navigation.header-6 .show-search #searchform input.search-input {
height: 58px;
padding: 15px 35px 15px 0;
}
#navigation.header-6 #top-search.shoping-cart-icon > a > span {
top: 12px;
}
#navigation.header-7, #navigation.header-8, #navigation.header-9 {
padding: 0 10px;
}
.penci-magazine-slider ul.mag-wrap li {
width: 50%;
height: 240px;
border: none;
}
.wrapper-boxed.enable-boxed .featured-area.style-2.loaded-wait button.slick-prev {
left: 0 !important;
}
.wrapper-boxed.enable-boxed .featured-area.style-2.loaded-wait button.slick-next {
right: 0 !important;
}
.penci-magazine-slider ul.mag-wrap li.mag-item-1 {
width: 100%;
padding-bottom: 66.11%;
height: 0;
border: none;
border-bottom: 4px solid transparent;
}
.penci-magazine-slider ul.mag-wrap li.mag-item-2 {
border-right: 2px solid transparent;
border-bottom: none;
}
.penci-magazine-slider ul.mag-wrap li.mag-item-3 {
border-left: 2px solid transparent;
border-bottom: none;
}
.featured-style-4 .penci-owl-carousel .penci-image-holder:before,
.featured-style-5 .penci-owl-carousel .penci-image-holder:before {
height: 0;
padding-top: 50%;
}
.featured-style-4 .penci-featured-content .featured-slider-overlay,
.featured-style-5 .penci-featured-content .featured-slider-overlay {
background: #000;
}
.featured-style-4 .penci-featured-content .feat-text h3 a,
.featured-style-5 .penci-featured-content .feat-text h3 a {
font-size: 22px;
}
.featured-style-4 .penci-owl-carousel .penci-image-holder,
.featured-style-5 .penci-owl-carousel .penci-image-holder,
.featured-style-4 .penci-featured-content,
.featured-style-5 .penci-featured-content {
width: 100%;
}
.penci-slider4-overlay,
.penci-slider5-overlay {
background: none !important;
}
.featured-style-6 .wrapper-item .penci-item-mag {
width: 50%;
border: none;
}
.featured-style-6 .wrapper-item .penci-item-1,
.featured-style-14 .wrapper-item .penci-item-1,
.featured-style-16 .wrapper-item .penci-item-2,
.featured-style-16 .wrapper-item .penci-item-mag {
width: 100%;
border: none;
border-bottom: 4px solid transparent;
}
.featured-style-6 .wrapper-item .penci-item-2 {
border-right: 2px solid transparent;
}
.featured-style-6 .wrapper-item .penci-item-0 {
border-left: 2px solid transparent;
}
.featured-style-13 .wrapper-item .penci-item-mag,
.featured-style-14 .wrapper-item .penci-item-mag {
width: 50%;
}
.featured-style-13 .wrapper-item .penci-item-1,
.featured-style-15 .wrapper-item .penci-item-2,
.featured-style-15 .wrapper-item .penci-item-mag,
.featured-style-14 .wrapper-item .penci-item-1 {
width: 100%;
}
.featured-style-13 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-15 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-14 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-16 .penci-slide-overlay .penci-mag-featured-content {
text-align: center;
}
.featured-style-13 .penci-image-holder:before {
height: 400px;
}
.featured-style-14 .penci-image-holder:before,
.featured-style-15 .penci-image-holder:before,
.featured-style-16 .penci-image-holder:before {
height: 350px;
}
.featured-style-17 .wrapper-item .penci-slider17-mag-item,
.featured-style-17 .wrapper-item .penci-slide17-item-2,
.featured-style-18 .wrapper-item .penci-slider17-mag-item,
.featured-style-18 .wrapper-item .penci-slide17-item-2 {
float: none;
width: 100%;
vertical-align: top;
}
.featured-style-17 .wrapper-item .penci-slide17-item-2,
.featured-style-18 .wrapper-item .penci-slide17-item-2 {
border: none;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
}
.featured-style-17 .wrapper-item .penci-slider17-mag-item .penci-item-1,
.featured-style-17 .wrapper-item .penci-slider17-mag-item .penci-item-2,
.featured-style-17 .wrapper-item .penci-slider17-mag-item .penci-item-4,
.featured-style-17 .wrapper-item .penci-slider17-mag-item .penci-item-0,
.featured-style-18 .wrapper-item .penci-slider17-mag-item .penci-item-1,
.featured-style-18 .wrapper-item .penci-slider17-mag-item .penci-item-2,
.featured-style-18 .wrapper-item .penci-slider17-mag-item .penci-item-4,
.featured-style-18 .wrapper-item .penci-slider17-mag-item .penci-item-0 {
width: 50%;
float: left;
}
.featured-style-17 .wrapper-item .penci-slider17-mag-item .penci-item-1,
.featured-style-17 .wrapper-item .penci-slider17-mag-item .penci-item-4,
.featured-style-18 .wrapper-item .penci-slider17-mag-item .penci-item-1,
.featured-style-18 .wrapper-item .penci-slider17-mag-item .penci-item-4 {
border-right: 2px solid transparent;
margin: 0;
}
.featured-style-17 .wrapper-item .penci-slider17-mag-item .penci-item-2,
.featured-style-17 .wrapper-item .penci-slider17-mag-item .penci-item-0,
.featured-style-18 .wrapper-item .penci-slider17-mag-item .penci-item-2,
.featured-style-18 .wrapper-item .penci-slider17-mag-item .penci-item-0 {
border-left: 2px solid transparent;
}
.featured-style-17 .penci-image-holder:before,
.featured-style-18 .penci-image-holder:before {
height: 200px;
}
.featured-style-17 .penci-slide17-item-2 .penci-image-holder:before,
.featured-style-18 .penci-slide17-item-2 .penci-image-holder:before {
height: 300px;
}
.featured-style-19 .penci-mag-featured-content .feat-meta {
display: none;
}
.featured-style-19 .penci-image-holder:before {
height: 215px;
}
.featured-style-19 .penci-mag-featured-content h3 a {
font-size: 14px;
}
.featured-style-19 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-19 .penci-item-0 .penci-mag-featured-content h3 a {
font-size: 18px;
}
.featured-style-20 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-20 .penci-item-2 .penci-mag-featured-content h3 a,
.featured-style-21 .penci-item-4 .penci-mag-featured-content h3 a,
.featured-style-21 .penci-item-0 .penci-mag-featured-content h3 a {
font-size: 16px;
}
.featured-style-20 .penci-item-3 .penci-mag-featured-content h3 a,
.featured-style-20 .penci-item-4 .penci-mag-featured-content h3 a,
.featured-style-20 .penci-item-0 .penci-mag-featured-content h3 a,
.featured-style-21 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-21 .penci-item-2 .penci-mag-featured-content h3 a,
.featured-style-21 .penci-item-3 .penci-mag-featured-content h3 a {
font-size: 14px;
text-transform: none;
letter-spacing: 0;
}
.featured-style-22 .wrapper-item .penci-item-mag,
.featured-style-23 .wrapper-item .penci-item-mag,
.featured-style-27 .wrapper-item .penci-item-mag {
border-bottom: 4px solid transparent;
width: 50%;
}
.featured-style-22 .wrapper-item .penci-item-1,
.featured-style-27 .wrapper-item .penci-item-1 {
width: 100%;
}
.featured-style-22 .penci-item-2 .penci-mag-featured-content h3 a,
.featured-style-22 .penci-item-3 .penci-mag-featured-content h3 a,
.featured-style-22 .penci-item-4 .penci-mag-featured-content h3 a,
.featured-style-22 .penci-item-5 .penci-mag-featured-content h3 a,
.featured-style-22 .penci-item-6 .penci-mag-featured-content h3 a,
.featured-style-22 .penci-item-0 .penci-mag-featured-content h3 a {
font-size: 16px;
text-transform: none;
letter-spacing: 0;
}
.featured-style-23 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-23 .penci-item-2 .penci-mag-featured-content h3 a,
.featured-style-23 .penci-item-3 .penci-mag-featured-content h3 a,
.featured-style-23 .penci-item-4 .penci-mag-featured-content h3 a,
.featured-style-23 .penci-item-5 .penci-mag-featured-content h3 a,
.featured-style-23 .penci-item-0 .penci-mag-featured-content h3 a {
font-size: 18px;
text-transform: none;
letter-spacing: 0;
}
.featured-style-24 .wrapper-item .penci-item-mag,
.featured-style-25 .wrapper-item .penci-item-mag,
.featured-style-25 .wrapper-item .penci-item-1,
.featured-style-26 .wrapper-item .penci-item-mag {
width: 50%;
}
.featured-style-24 .wrapper-item .penci-item-1,
.featured-style-24 .wrapper-item .penci-item-2,
.featured-style-24 .wrapper-item .penci-item-3,
.featured-style-24 .wrapper-item .penci-item-0 {
border-bottom: 4px solid transparent;
}
.featured-style-24 .penci-item-1 .penci-image-holder:before,
.featured-style-24 .penci-item-2 .penci-image-holder:before,
.featured-style-24 .penci-item-3 .penci-image-holder:before,
.featured-style-24 .penci-item-0 .penci-image-holder:before,
.featured-style-25 .penci-item-1 .penci-image-holder:before,
.featured-style-25 .penci-item-2 .penci-image-holder:before,
.featured-style-25 .penci-item-3 .penci-image-holder:before,
.featured-style-25 .penci-item-0 .penci-image-holder:before,
.featured-style-27 .penci-image-holder:before {
height: 200px;
}
.featured-style-24 .penci-mag-featured-content .cat,
.featured-style-25 .penci-mag-featured-content .cat {
display: none;
}
.featured-style-24 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-24 .penci-item-2 .penci-mag-featured-content h3 a,
.featured-style-24 .penci-item-3 .penci-mag-featured-content h3 a,
.featured-style-24 .penci-item-0 .penci-mag-featured-content h3 a,
.featured-style-25 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-25 .penci-item-2 .penci-mag-featured-content h3 a,
.featured-style-25 .penci-item-3 .penci-mag-featured-content h3 a,
.featured-style-25 .penci-item-0 .penci-mag-featured-content h3 a {
font-size: 16px;
text-transform: none;
letter-spacing: 0;
}
.featured-style-26 .wrapper-item .penci-item-1 {
width: 100%;
border-bottom: 4px solid transparent;
}
.featured-style-27 .penci-mag-featured-content .feat-meta {
display: none;
}
.featured-style-27 .penci-item-1 .penci-image-holder:before {
height: 250px;
}
.featured-style-35.style-36 .penci-featured-content-right,
.featured-style-35 .penci-featured-content-right {
width: 100%;
text-align: center;
}
.featured-style-35.style-36 .penci-image-holder:before,
.featured-style-35 .penci-image-holder:before {
height: 0;
padding-top: 55%;
}
.featured-style-35 .feat-text-right .penci-featured-slider-button {
display: none;
}
.penci-featured-content-right:before {
content: none;
}
.penci-featured-content-right .feat-text-right:before {
background: #000;
opacity: 0.7;
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
display: block;
z-index: 1;
}
.featured-style-35 .feat-text-right h3,
.featured-style-35 .featured-cat {
z-index: 5;
position: relative;
}
.featured-style-35 .penci-owl-carousel.owl-loaded .active .featured-cat,
.featured-style-35 .penci-owl-carousel.owl-loaded .active .feat-text-right h3,
.featured-style-35 .penci-owl-carousel.owl-loaded .active .featured-content-excerpt,
.featured-style-35 .penci-owl-carousel.owl-loaded .active .penci-featured-slider-button {
animation-name: none;
-webkit-animation-name: none;
-moz-animation-name: none;
-o-animation-name: none;
}
.featured-style-35 .featured-content-excerpt {
display: none;
}
.feat-text-right {
padding-top: 15px;
padding-bottom: 15px;
width: 450px;
left: 50%;
margin-left: -225px;
}
.featured-style-37 .penci-featured-items-left,
.featured-style-37 .penci-featured-items-right {
width: 100%;
border: none;
float: none;
}
.featured-style-37 .penci-featured-items-left {
margin-bottom: 4px;
}
.featured-style-37 .penci-featured-items-right .item {
width: 50%;
border: none;
margin: 0 !important;
float: left;
}
.featured-style-37 .penci-featured-items-right .item:first-child {
border-right: 2px solid transparent;
}
.featured-style-37 .penci-featured-items-right .item:last-child {
border-left: 2px solid transparent;
}
h2.penci-heading-video {
font-size: 24px;
}
p.penci-sub-heading-video {
font-size: 14px;
}
.penci-grid li.list-boxed-post-2 {
width: 100% !important;
}
.penci-grid li.list-boxed-post-2 .content-boxed-2.show-top {
display: none !important;
}
.penci-grid li.list-boxed-post-2 .content-boxed-2.show-bottom {
display: block !important;
}
.penci-grid li.list-boxed-post-2 .inner-parent-boxed-2,
.penci_sidebar .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 {
min-height: 312px;
height: auto;
}
.penci-grid li.list-boxed-post-2 .item > .thumbnail:before {
display: none;
content: none;
}
.container .penci-grid li.typography-style {
width: 100% !important;
margin-right: 0 !important;
}
.penci-photo-2-effect figcaption p,
.penci_sidebar .penci-photo-2-effect figcaption p {
display: none;
}
.penci-photo-2-effect figcaption:before, .penci-photo-2-effect figcaption:after,
.penci_sidebar .penci-photo-2-effect figcaption:before, .penci_sidebar .penci-photo-2-effect figcaption:after {
display: none;
content: none;
}
.penci-photo-2-effect figcaption h2,
.penci_sidebar .penci-photo-2-effect figcaption h2 {
padding: 0 20px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.grid-mixed .thumbnail img {
width: 100%;
height: auto;
}
.grid-mixed .thumbnail.thumb-left,
.grid-mixed .mixed-detail {
display: block !important;
width: 100%;
}
.grid-mixed .mixed-detail {
padding: 30px;
}
.grid-mixed .penci-post-box-meta {
position: relative;
margin: 31px 0 4px;
left: auto;
right: auto;
bottom: auto;
}
.grid-mixed .thumbnail.thumb-right {
display: none !important;
}
#navigation.header-4 .container,
#navigation.header-5 .container {
text-align: right;
}
#navigation.header-4 .container #top-search,
#navigation.header-5 .container #top-search,
#navigation.header-6 .container #top-search {
margin-left: 15px;
}
#navigation .button-menu-mobile {
display: inline-block;
}
#navigation .menu {
display: none !important;
}
.portfolio-page-content .portfolio-left,
.portfolio-page-content .portfolio-right {
width: 100%;
padding: 0;
}
.portfolio-page-content .portfolio-left {
margin-bottom: 30px;
}
.container.penci_sidebar #main {
width: 100%;
margin: 0 0 60px 0;
padding: 0 !important;
float: none !important;
}
.penci-single-style-10 .penci-single-s10-content {
width: 100%;
margin: 20px 0 0 0;
padding: 0 !important;
float: none !important;
}
.penci-sidebar-content {
position: static !important;
margin-left: 0 !important;
top: auto !important;
float: none !important;
width: 100% !important;
}
.featured-carousel .featured-content .feat-text h3 a {
font-size: 18px;
letter-spacing: 1px;
}
.featured-carousel .carousel-meta {
margin-top: 5px;
}
.featured-carousel .carousel-meta span {
font-size: 13px;
}
.featured-carousel .featured-cat a {
font-size: 11px;
}
.about-widget {
text-align: center;
}
.footer-widget-wrapper {
width: 100% !important;
margin: 0 0 30px 0 !important;
float: none;
}
.footer-widget-wrapper.last {
margin-bottom: 0 !important;
}
.widget .jr-insta-thumb ul.thumbnails.no-border.jr_col_6 li {
width: 33.33% !important;
}
.widget .jr-insta-thumb ul.thumbnails.no-border.jr_col_8 li {
width: 25% !important;
}
.widget .jr-insta-thumb ul.thumbnails.no-border.jr_col_10 li {
width: 20% !important;
}
.container .penci-portfolio.column-3 .inner-portfolio-posts .portfolio-item {
width: 50%;
}
.column-1-2, .column-1-3, .column-2-3, .column-1-4, .column-3-4 {
width: 100%;
margin: 0 0 30px 0;
}
.penci-masonry .item-masonry {
width: 50%;
}
.standard-masonry .standard-content .standard-share-box {
display: none;
}
.standard-masonry .standard-main-content.has-padding {
min-height: 0;
padding-left: 0;
}
.pencisc-grid-tablet-6 .penci-masonry .item-masonry {
width: 16.6666667%;
}
.pencisc-grid-tablet-5 .penci-masonry .item-masonry {
width: 20%;
}
.pencisc-grid-tablet-4 .penci-masonry .item-masonry {
width: 25%;
}
.pencisc-grid-tablet-3 .penci-masonry .item-masonry {
width: 33.3333%;
}
.pencisc-grid-tablet-2 .penci-masonry .item-masonry {
width: 50%;
}
.pencisc-grid-tablet-1 .penci-masonry .item-masonry {
width: 100%;
}
ul.footer-socials li a span,
.footer-social-drop-line ul.footer-socials li a span {
display: none;
}
.inner-item-portfolio {
opacity: 1;
}
.penci-portfolio.loaded .inner-item-portfolio.animated {
-webkit-animation-name: none;
-moz-animation-name: none;
-o-animation-name: none;
animation-name: none;
}
.woocommerce div.product .product_title {
font-size: 24px;
}
div.penci-topbar-menu > ul {
display: none !important;
}
.penci-top-bar.topbar-menu {
height: auto;
padding-top: 10px;
}
ul.penci-topbar-menu, div.penci-topbar-menu > ul {
width: 100%;
text-align: center;
}
ul.penci-topbar-menu > li, div.penci-topbar-menu > ul > li {
float: none;
margin-right: 10px;
}
ul.penci-topbar-menu > li a, div.penci-topbar-menu > ul > li a {
line-height: 1.5;
}
ul.penci-topbar-menu ul.sub-menu, div.penci-topbar-menu > ul ul.sub-menu {
top: auto;
}
ul.penci-topbar-menu li:hover > ul.sub-menu, div.penci-topbar-menu > ul li:hover > ul.sub-menu {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
.container,
.container.two-sidebar.two-sidebar,
.featured-area.style-1,
.featured-carousel.style-2 .item img,
.featured-area.style-4,
.featured-area.magazine-slider {
width: 726px;
}
.wrapper-boxed.enable-boxed,
.wrapper-boxed.enable-boxed .is-sticky #navigation {
max-width: 766px;
}
.featured-area .featured-carousel,
.featured-area .featured-carousel.style-2,
.penci-slick-slider {
max-height: 420px;
}
.featured-area.style-4,
.featured-area.style-5,
.penci-magazine-slider.penci-loading {
min-height: 420px;
}
#logo img {
max-width: 600px;
height: auto;
}
.penci-image-holder.slider-style-1-fix {
height: 372px;
}
.penci-image-holder.slider-style-2-fix {
width: 726px;
}
.penci-image-holder.slider-style-3-fix {
height: 400px;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1 {
padding-bottom: 0 !important;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1 .mag-content,
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-3 .mag-content {
height: 230px;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 .mag-content {
height: 450px;
}
.featured-carousel .featured-content,
.featured-carousel.style-2 .featured-content {
top: 35.3%;
}
.penci-slider .pencislider-container .pencislider-content .pencislider-title {
font-size: 26px;
}
.penci-slider .pencislider-container .pencislider-content .pencislider-caption {
font-size: 16px;
}
ul.homepage-featured-boxes {
margin-left: -10px;
margin-right: -10px;
}
ul.homepage-featured-boxes li,
.post-entry ul.homepage-featured-boxes li {
padding: 0 10px;
}
ul.homepage-featured-boxes.boxes-4-columns li {
width: 50%;
}
ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img:before {
left: 8px;
top: 8px;
right: 8px;
bottom: 8px;
}
.penci-grid li.list-post .item .content-list-right,
.home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail {
padding-left: 378px;
}
.penci-grid .list-post.list-boxed-post .item .content-list-right {
display: inline-block;
padding: 20px 20px 20px 30px;
min-height: 0;
height: auto;
}
.penci-photo-2-effect figcaption h2,
.penci_sidebar .penci-photo-2-effect figcaption h2 {
font-size: 14px;
}
.list-boxed-post .inner-content-list-right {
vertical-align: top;
display: block;
}
.penci-pinterest-widget-container .penci-images-pin-widget a {
width: 16.6666%;
}
.penci-countdown .countdown-section {
margin: 0 20px;
}
.penci-countdown .countdown-amount {
font-size: 60px;
}
.penci-grid > li {
width: 48.05%;
margin-right: 3.9%;
}
.penci-layout-mixed .penci-grid > li {
width: 100% !important;
margin-right: 0 !important;
}
.penci-grid li:nth-of-type(3n+1) {
clear: none;
}
.penci-grid > li:nth-of-type(3n+3) {
margin-right: 3.9%;
}
.penci-grid li:nth-of-type(2n+2) {
margin-right: 0;
}
.penci-grid li:nth-of-type(2n+1) {
clear: both;
}
.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product,
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product {
width: 30.769%;
margin-right: 3.8465%;
}
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first,
.woocommerce ul.products.columns-4 > li.product:nth-child( 4n+1 ),
.woocommerce-page ul.products.columns-4 > li.product:nth-child( 4n+1 ) {
clear: none;
}
.woocommerce ul.products.columns-5 > li.product:nth-child( 3n+1 ),
.woocommerce-page ul.products.columns-5 > li.product:nth-child( 3n+1 ),
.woocommerce ul.products.columns-4 > li.product:nth-child( 3n+1 ),
.woocommerce-page ul.products.columns-4 > li.product:nth-child( 3n+1 ) {
clear: both;
}
.woocommerce ul.products.columns-5 > li.product:nth-child( 4n+4 ),
.woocommerce-page ul.products.columns-5 > li.product:nth-child( 4n+4 ),
.woocommerce ul.products.columns-4 > li.product:nth-child( 4n+4 ),
.woocommerce-page ul.products.columns-4 > li.product:nth-child( 4n+4 ) {
margin-right: 3.8465%;
}
.woocommerce ul.products.columns-5 > li.product:nth-child( 3n+3 ),
.woocommerce-page ul.products.columns-5 > li.product:nth-child( 3n+3 ),
.woocommerce ul.products.columns-4 > li.product:nth-child( 3n+3 ),
.woocommerce-page ul.products.columns-4 > li.product:nth-child( 3n+3 ) {
margin-right: 0;
}
}
@media only screen and (min-width: 768px) {
.penci-latest-posts-sc .penci-grid li.penci-item-listp .item .content-list-right,
.penci-featured-cat-sc .penci-grid li.list-post .item .content-list-right,
.penci-featured-cat-sc .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail,
.container.two-sidebar .penci-grid li.pclist-layout .item .content-list-right {
padding-left: 30px;
width: 51.948%;
float: left;
}
.penci-latest-posts-sc .penci-grid li.list-post .item > .thumbnail,
.penci-featured-cat-sc .penci-grid li.list-post .item > .thumbnail,
.container.two-sidebar .penci-grid li.pclist-layout .item > .thumbnail {
max-width: 100%;
}
.penci-featured-cat-sc .home-featured-cat-content.style-6 .mag-post-box.first-post.full-mag-cat .magcat-detail {
padding: 0 !important;
}
.penci-latest-posts-sc .penci-grid li.list-post .item .content-list-right.fullwidth,
.penci-featured-cat-sc .penci-grid li.list-post .item .content-list-right.fullwidth {
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.container,
.container.two-sidebar.two-sidebar,
.featured-area.style-1,
.featured-carousel.style-2 .item img,
.featured-area.style-4,
.featured-area.magazine-slider {
width: 100%;
}
.wrapper-boxed.enable-boxed,
.wrapper-boxed.enable-boxed .is-sticky #navigation {
max-width: 100%;
}
.header-slogan .header-slogan-text {
padding: 0 10px;
}
.featured-area .featured-carousel,
.featured-area .featured-carousel.style-2,
.penci-slick-slider {
max-height: 180px;
}
.featured-area.style-4,
.featured-area.style-5,
.penci-magazine-slider.penci-loading {
min-height: 180px;
}
.penci-image-holder.slider-style-1-fix {
height: 250px;
}
.penci-image-holder.slider-style-2-fix {
width: 480px;
}
.penci-image-holder.slider-style-3-fix {
height: 260px;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content {
width: 100% !important;
border: none !important;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li {
padding-bottom: 0 !important;
height: auto !important;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1 .mag-content,
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-3 .mag-content,
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 .mag-content {
height: 200px;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1 .mag-content:first-child,
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-3 .mag-content:first-child {
margin-bottom: 10px !important;
}
.featured-carousel .feat-text .feat-time {
display: none;
}
.featured-carousel .featured-cat a {
margin-bottom: 0;
}
.penci-magazine-slider ul.mag-wrap li {
width: 100% !important;
border: none !important;
height: 0 !important;
padding-bottom: 55% !important;
border-bottom: 4px solid transparent !important;
}
.penci-magazine-slider .mag-cat,
#penci-end-sidebar-sticky {
display: none;
}
.penci-magazine-slider .mag-item-1 .mag-meta h3 a,
.penci-magazine-slider .mag-meta h3 a {
font-size: 18px;
}
.penci-magazine-slider .mag-item-1 .mag-meta-child {
margin-top: 5px;
}
.home-featured-cat-content.style-9 .mag-post-box:nth-last-child(2),
.home-featured-cat-content.style-10 .mag-post-box:nth-last-child(2) {
padding-bottom: 15px;
margin-bottom: 15px;
}
.featured-carousel.style-7 .featured-content .feat-text h3,
.wrapper-boxed.enable-boxed .featured-carousel.style-7 .featured-content .feat-text h3,
.featured-carousel.style-7 .featured-content .feat-text h3 a {
padding: 0;
}
.featured-carousel.style-7 .featured-content .feat-text h3 a:before,
.featured-carousel.style-7 .featured-content .feat-text h3 a:after {
content: none;
display: none;
}
.penci-featured-content .feat-text {
padding: 15px 5px 16px;
max-width: 350px;
}
.penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content {
padding: 12px 5px;
}
.penci-slide-overlay .penci-mag-featured-content .feat-text {
text-align: center;
}
.penci-featured-content .feat-text .featured-cat,
.penci-featured-content .feat-text .feat-meta,
.penci-mag-featured-content .cat,
.penci-mag-featured-content .feat-meta,
.featured-style-35 .featured-cat {
display: none;
}
.penci-slide-overlay .penci-mag-featured-content {
left: 0;
width: 100%;
padding: 0 5px;
bottom: 10px;
}
.penci-mag-featured-content h3 a,
.featured-style-13 .penci-mag-featured-content h3 a {
font-size: 14px;
}
.featured-style-6 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-37 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-13 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-17 .penci-item-3 .penci-mag-featured-content h3 a,
.featured-style-26 .penci-item-1 .penci-mag-featured-content h3 a {
font-size: 20px;
}
.penci-featured-content .feat-text h3 a,
.featured-style-4 .penci-featured-content .feat-text h3 a,
.featured-style-5 .penci-featured-content .feat-text h3 a,
.featured-style-35 .feat-text-right h3 a {
font-size: 18px;
}
.feat-text-right {
padding-left: 15px;
padding-right: 15px;
width: 350px;
margin-left: -175px;
}
.featured-style-2 .penci-owl-carousel .owl-item .item {
width: 480px;
}
.featured-style-7 .penci-mag-featured-content h3 a,
.featured-style-8 .penci-mag-featured-content h3 a,
.featured-style-9 .penci-mag-featured-content h3 a,
.featured-style-10 .penci-mag-featured-content h3 a,
.featured-style-11 .penci-mag-featured-content h3 a,
.featured-style-12 .penci-mag-featured-content h3 a,
.featured-style-15 .penci-mag-featured-content h3 a,
.featured-style-15 .penci-item-2 .penci-mag-featured-content h3 a,
.featured-style-16 .penci-mag-featured-content h3 a,
.featured-style-16 .penci-item-2 .penci-mag-featured-content h3 a {
font-size: 16px;
}
.featured-style-13 .penci-image-holder:before,
.featured-style-14 .penci-image-holder:before {
height: 300px;
}
.featured-style-15 .penci-image-holder:before,
.featured-style-16 .penci-image-holder:before {
height: 200px;
}
.featured-style-17 .penci-image-holder:before,
.featured-style-18 .penci-image-holder:before {
height: 160px;
}
.featured-style-17 .penci-slide17-item-2 .penci-image-holder:before,
.featured-style-18 .penci-slide17-item-2 .penci-image-holder:before {
height: 240px;
}
.featured-style-19 .penci-image-holder:before {
height: 150px;
}
.featured-style-19 .penci-mag-featured-content h3 a,
.featured-style-19 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-19 .penci-item-0 .penci-mag-featured-content h3 a {
font-size: 14px;
}
.featured-style-19 .wrapper-item .penci-item-mag,
.featured-style-19 .wrapper-item .penci-item-2,
.featured-style-19 .wrapper-item .penci-item-3 {
width: 50%;
}
.featured-style-19 .wrapper-item .penci-item-1,
.featured-style-19 .wrapper-item .penci-item-3 {
border-right: 2px solid transparent;
}
.featured-style-19 .wrapper-item .penci-item-2,
.featured-style-19 .wrapper-item .penci-item-0 {
border-left: 2px solid transparent;
}
.featured-style-20 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-21 .penci-item-1 .penci-mag-featured-content h3 a {
font-size: 16px;
}
.featured-style-20 .penci-item-2 .penci-mag-featured-content h3 a {
font-size: 14px;
text-transform: none;
letter-spacing: 0;
}
.featured-style-20 .penci-item-3 .penci-mag-featured-content h3 a,
.featured-style-20 .penci-item-4 .penci-mag-featured-content h3 a,
.featured-style-20 .penci-item-0 .penci-mag-featured-content h3 a,
.featured-style-21 .penci-item-4 .penci-mag-featured-content h3 a,
.featured-style-21 .penci-item-0 .penci-mag-featured-content h3 a {
font-size: 14px;
text-transform: none;
letter-spacing: 0;
}
.featured-style-20 .wrapper-item .penci-item-mag,
.featured-style-21 .wrapper-item .penci-item-mag {
width: 50%;
}
.featured-style-20 .wrapper-item .penci-item-1,
.featured-style-21 .wrapper-item .penci-item-1 {
width: 100%;
border-bottom: 4px solid transparent;
}
.featured-style-20 .wrapper-item .penci-item-3 {
border-bottom: 4px solid transparent;
}
.featured-style-23 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-23 .penci-item-2 .penci-mag-featured-content h3 a,
.featured-style-23 .penci-item-3 .penci-mag-featured-content h3 a,
.featured-style-23 .penci-item-4 .penci-mag-featured-content h3 a,
.featured-style-23 .penci-item-5 .penci-mag-featured-content h3 a,
.featured-style-23 .penci-item-0 .penci-mag-featured-content h3 a,
.featured-style-27 .penci-item-2 .penci-mag-featured-content h3 a,
.featured-style-27 .penci-item-3 .penci-mag-featured-content h3 a,
.featured-style-27 .penci-item-4 .penci-mag-featured-content h3 a,
.featured-style-27 .penci-item-0 .penci-mag-featured-content h3 a {
font-size: 14px;
text-transform: none;
letter-spacing: 0;
}
.featured-style-24 .penci-item-1 .penci-image-holder:before,
.featured-style-24 .penci-item-2 .penci-image-holder:before,
.featured-style-24 .penci-item-3 .penci-image-holder:before,
.featured-style-24 .penci-item-0 .penci-image-holder:before,
.featured-style-25 .penci-item-1 .penci-image-holder:before,
.featured-style-25 .penci-item-2 .penci-image-holder:before,
.featured-style-25 .penci-item-3 .penci-image-holder:before,
.featured-style-25 .penci-item-0 .penci-image-holder:before,
.featured-style-27 .penci-item-2 .penci-image-holder:before,
.featured-style-27 .penci-item-3 .penci-image-holder:before,
.featured-style-27 .penci-item-4 .penci-image-holder:before,
.featured-style-27 .penci-item-0 .penci-image-holder:before {
height: 150px;
}
.featured-style-24 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-24 .penci-item-2 .penci-mag-featured-content h3 a,
.featured-style-24 .penci-item-3 .penci-mag-featured-content h3 a,
.featured-style-24 .penci-item-0 .penci-mag-featured-content h3 a,
.featured-style-25 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-25 .penci-item-2 .penci-mag-featured-content h3 a,
.featured-style-25 .penci-item-3 .penci-mag-featured-content h3 a,
.featured-style-25 .penci-item-0 .penci-mag-featured-content h3 a {
font-size: 14px;
}
.featured-style-27 .penci-item-1 .penci-mag-featured-content h3 a {
font-size: 18px;
}
.featured-style-28 .wrapper-item .penci-item-1 {
width: 480px;
}
.featured-style-28 .penci-item-1 .penci-image-holder:before {
height: 404px;
padding: 0;
}
.featured-style-28 .penci-mag-featured-content h3 a {
font-size: 16px;
}
.featured-style-29 .penci-featured-content .feat-text h3 a {
font-size: 24px;
}
.featured-style-29.style-30 .penci-featured-content .feat-text h3 a {
font-size: 20px;
}
.featured-style-29.style-30 .penci-featured-content {
padding: 0 15px;
}
.featured-style-29 .penci-image-holder:before,
.featured-style-29.style-30 .penci-image-holder:before {
height: 400px;
}
.pencislider-container .pencislider-content .pencislider-title {
font-size: 24px;
}
.pencislider-container .pencislider-content .pencislider-title span,
.pencislider-container .pencislider-content .pencislider-caption span {
padding: 2px 10px;
}
.pencislider-container .pencislider-content .pencislider-button {
padding: 9px 15px 9px;
font-size: 12px;
}
.penci-home-popular-posts {
padding: 30px 0 0 0;
border: none;
}
.penci-video-overlay {
left: 10px;
right: 10px;
}
.penci-video-custom-img {
-webkit-animation-delay: .1s;
-moz-animation-delay: .1s;
-o-animation-delay: .1s;
animation-delay: .1s;
}
h2.penci-heading-video {
font-size: 18px;
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
-o-animation-delay: .3s;
animation-delay: .3s;
}
p.penci-sub-heading-video {
font-size: 12px;
-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
-o-animation-delay: .5s;
animation-delay: .5s;
}
.home-featured-boxes-sc ul.homepage-featured-boxes.boxes-2-columns li, ul.homepage-featured-boxes li,
.post-entry ul.homepage-featured-boxes li {
width: 100% !important;
margin-bottom: 20px;
}
.grid-mixed,
.grid-mixed > article {
display: block;
}
#logo img {
max-width: 100%;
height: auto;
}
.post-header h1 a, .post-header h2 a, .post-header h1, .archive-box span, .archive-box h1 {
font-size: 18px;
letter-spacing: 1px;
}
.standard-content .standard-share-box {
display: none;
}
.standard-main-content.has-padding {
padding-left: 0;
}
.standard-main-content.has-padding,
.standard-main-content.classic-main-content.has-padding {
min-height: 0;
}
.post-image.audio iframe, .standard-post-image.audio iframe {
height: 120px;
width: 100%;
}
.thecomment .author-img {
display: none;
}
.thecomment .comment-text {
margin-left: 0;
}
#respond p.comment-form-author,
#respond p.comment-form-email,
#respond p.comment-form-url,
.wpcf7 p.name, .wpcf7 p.email,
.wpcf7 p.subject {
width: 100%;
margin: 0;
}
.featured-carousel .featured-content .feat-text h3 a {
letter-spacing: 1px;
}
.featured-carousel .featured-content,
.featured-carousel.style-2 .featured-content {
top: 34%;
}
.featured-carousel > button.slick-next,
.featured-carousel > button.slick-prev {
right: 10px;
}
.featured-carousel > button.slick-prev,
.penci-slider .penci-direction-nav .penci-prev {
left: 10px;
}
.featured-carousel .featured-content {
width: 340px;
}
.featured-carousel .featured-content .feat-text {
padding: 20px 10px !important;
}
.standard-main-content > h2,
.header-classic > h2,
.error-404 .heading-text-404 {
font-size: 24px;
padding: 0;
}
.penci-slider.penci-loading {
min-height: 250px;
}
.penci-slider ul.slides li .pencislider-container {
padding: 0 65px;
}
.penci-slider .pencislider-container .pencislider-content .pencislider-title {
font-size: 18px;
letter-spacing: 1px;
}
.penci-slider .pencislider-container .pencislider-content .pencislider-caption {
font-size: 13px;
}
.penci-slider .pencislider-container .pencislider-content .penci-button {
margin: 20px 0 0;
}
.penci-slider .pencislider-container .pencislider-content .pencislider-button {
padding: 8px 20px;
font-size: 12px;
}
.penci-slider .pencislider-container .pencislider-content .pencislider-button:before {
content: none;
display: none;
}
.standard-main-content > h2:before,
.header-classic > h2 a:before, .header-classic > h2 a:after,
.post-header h1 span:before, .post-header h2 span:before,
.post-header h1 span:after, .post-header h2 span:after {
content: none !important;
}
.container.penci_sidebar .penci-grid > li {
width: 100% !important;
margin: 0 0 40px !important;
}
.post-header h1 span, .post-header h2 span {
padding: 0;
}
.penci-portfolio-filter ul {
display: block;
}
.penci-post-gallery-container.masonry .item-gallery-masonry,
.inner-portfolio-posts .portfolio-item {
width: 100% !important;
}
.post-entry .penci-portfolio-filter ul li {
float: none;
}
.post-entry .penci-portfolio-filter ul li, .penci-portfolio-filter ul li {
margin: 0 10px 5px;
}
.penci-grid .list-post.list-boxed-post .item > .thumbnail,
.penci-grid .list-post.list-boxed-post .item .content-list-right,
.penci-grid li.list-post .item > .thumbnail,
.home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-thumb {
width: 100%;
display: block;
height: auto;
min-height: 0;
float: none;
max-width: 100%;
}
.penci-grid .list-post.list-boxed-post .item > .thumbnail:before {
content: none;
display: none;
}
.penci-grid li {
width: 100% !important;
margin-right: 0 !important;
float: none;
}
.container.penci_sidebar .penci-masonry .item-masonry {
width: 100%;
float: none;
position: static !important;
margin-bottom: 30px;
}
.penci-grid li.list-post .item .content-list-right {
padding: 0;
}
.penci-grid .list-post.list-boxed-post .item .content-list-right {
padding: 30px;
}
.penci-grid li.list-post .item > .thumbnail {
margin-bottom: 30px;
}
.penci-grid .list-post.list-boxed-post .item > .thumbnail {
margin-bottom: 0;
}
.penci-grid li .item > .thumbnail, .penci-masonry .item-masonry > .thumbnail {
width: 100%;
}
.penci-masonry .item-masonry {
width: 100% !important;
}
.pencisc-grid-mobile-6 .home-featured-cat-content .mag-photo,
.pencisc-grid-mobile-6 .penci-masonry .item-masonry {
width: 16.6666667% !important;
}
.pencisc-grid-mobile-5 .home-featured-cat-content .mag-photo,
.pencisc-grid-mobile-5 .penci-masonry .item-masonry {
width: 20% !important;
}
.pencisc-grid-mobile-4 .home-featured-cat-content .mag-photo,
.pencisc-grid-mobile-4 .penci-masonry .item-masonry {
width: 25% !important;
}
.pencisc-grid-mobile-3 .home-featured-cat-content .mag-photo,
.pencisc-grid-mobile-3 .penci-masonry .item-masonry {
width: 33.3333% !important;
}
.pencisc-grid-mobile-2 .home-featured-cat-content .mag-photo,
.pencisc-grid-mobile-2 .penci-masonry .item-masonry {
width: 50% !important;
}
.pencisc-grid-mobile-1 .home-featured-cat-content .mag-photo,
.pencisc-grid-mobile-1 .penci-masonry .item-masonry {
width: 100% !important;
}
.penci-featured-cat-ctcol.pencisc-grid-mobile-2 .home-featured-cat-content .mag-photo,
.penci-featured-cat-ctcol.pencisc-grid-mobile-3 .home-featured-cat-content .mag-photo,
.penci-featured-cat-ctcol.pencisc-grid-mobile-4 .home-featured-cat-content .mag-photo,
.penci-featured-cat-ctcol.pencisc-grid-mobile-5 .home-featured-cat-content .mag-photo,
.penci-featured-cat-ctcol.pencisc-grid-mobile-6 .home-featured-cat-content .mag-photo {
width: 100% !important;
}
.list-boxed-post .inner-content-list-right {
display: block;
}
.penci-photo-2-effect figcaption h2,
.penci_sidebar .penci-photo-2-effect figcaption h2 {
font-size: 22px;
}
.home-featured-cat-content .mag-photo {
width: 100%;
margin-bottom: 15px;
}
.home-featured-cat-content.style-1 {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.home-featured-cat-content .cat-left,
.home-featured-cat-content .cat-right {
width: 100%;
float: none;
}
.home-featured-cat-content.style-1 .cat-left,
.home-featured-cat-content.style-1 .cat-right {
padding: 0;
}
.home-featured-cat-content .cat-left {
margin-bottom: 30px;
}
.home-featured-cat.mag-cat-style-2 {
width: 100%;
margin: 0 0 20px 0;
float: none;
}
.home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail {
padding: 0;
}
.home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-thumb {
margin-bottom: 24px;
}
.home-featured-cat-content.style-6 .cat-right .mag-post-box {
margin-right: 0;
width: 100%;
float: none;
display: table;
padding-bottom: 15px;
border-bottom: 1px solid #DEDEDE;
margin-bottom: 15px;
}
.home-featured-cat-content.style-6 .cat-right .mag-post-box:last-child {
border: none;
}
.home-featured-cat-content.style-9 .mag-post-box,
.home-featured-cat-content.style-10 .mag-post-box {
width: 100%;
float: none;
margin-right: 0;
}
.content-special-list {
padding: 15px;
}
.format-post-box .post-format-icon {
top: 10px;
margin-left: -35px;
display: none;
}
.format-post-box .post-format-icon i {
font-size: 24px;
}
.format-post-box.penci-format-quote .dt-special, .format-post-box .dt-special, .format-post-box .dt-special a {
font-size: 16px;
line-height: 1.7;
}
.author-quote span {
font-size: 13px;
}
.under-construction-page .under-title {
font-size: 23px;
}
.penci-countdown .countdown-section {
margin: 0 5px;
}
.penci-countdown .countdown-amount {
font-size: 30px;
}
.penci-countdown .countdown-period {
font-size: 13px;
letter-spacing: 1px;
margin: 15px 0 0;
}
.post-entry h1 {
font-size: 24px;
}
.post-entry h2 {
font-size: 22px;
}
.post-entry h3 {
font-size: 20px;
}
.post-entry h4 {
font-size: 18px;
}
.post-entry h5 {
font-size: 16px;
}
.post-entry h6 {
font-size: 15px;
}
.elementor-text-editor h1 {
font-size: 24px;
}
.elementor-text-editor h2 {
font-size: 22px;
}
.elementor-text-editor h3 {
font-size: 20px;
}
.elementor-text-editor h4 {
font-size: 18px;
}
.elementor-text-editor h5 {
font-size: 16px;
}
.elementor-text-editor h6 {
font-size: 15px;
}
ul.footer-socials li {
margin-right: 20px;
}
.penci-header-signup-form h4.header-signup-form,
.header-standard h2, .header-standard .post-title, .header-standard h2 a, .penci-page-header h1 {
font-size: 20px;
letter-spacing: 1px;
}
.tags-share-box {
padding: 20px 0;
}
.post-share {
position: static;
margin-top: 15px;
clear: both;
display: block;
}
.penci-overlay-over .overlay-header-box {
padding: 0;
left: 10px;
right: 10px;
}
.overlay-header-box .cat,
.overlay-header-box .overlay-author {
display: none;
}
.overlay-header-box .overlay-title a {
font-size: 18px;
}
.penci-overlay-over .overlay-header-box:after {
content: none;
display: none;
}
.overlay-post-box-meta {
position: static;
padding: 20px 0 0;
}
.penci-single-mag-slider .magcat-detail .magcat-titlte {
font-size: 20px;
}
.home-featured-cat-content .penci-single-mag-slider .grid-post-box-meta {
margin-top: 7px;
}
.post-pagination .prev-post,
.post-pagination .next-post {
float: none;
width: 100%;
display: table;
}
.post-pagination .prev-post {
margin-bottom: 15px;
}
.post-entry .penci-recipe-heading h2 {
display: block;
float: none;
font-size: 18px;
}
.penci-recipe-heading a.penci-recipe-print {
float: none;
display: inline-block;
height: 26px;
line-height: 24px;
}
.penci-recipe-heading .penci-recipe-meta {
margin-top: 15px;
}
.penci-review-stuff, .penci-review-average,
.penci-review-stuff .penci-review-good {
width: 100%;
}
.penci-review-score-total,
.penci-review-stuff .penci-review-bad {
margin-top: 20px;
}
.penci-review-container.penci-review-count h4 {
font-size: 18px;
}
.footer-subscribe h4.footer-subscribe-title {
font-size: 28px;
}
.footer-subscribe .mc4wp-form {
width: 480px;
}
.footer-subscribe .mc4wp-form .mdes {
margin-left: 0;
width: 100%;
font-size: 16px;
}
.footer-subscribe .mc4wp-form .memail {
width: 328px;
}
.footer-social-remove-circle ul.footer-socials li a i {
font-size: 16px;
}
.penci-recipe-index-wrap ul.penci-recipe-index li,
.penci-recipe-index-wrap ul.penci-recipe-index.column-4 li,
.penci-recipe-index-wrap ul.penci-recipe-index.column-3 li {
width: 50%;
}
.penci-recipe-index-wrap ul.penci-recipe-index.column-2 li:nth-child(2n+1),
.penci-recipe-index-wrap ul.penci-recipe-index.column-3 li:nth-child(3n+1),
.penci-recipe-index-wrap ul.penci-recipe-index.column-4 li:nth-child(4n+1) {
clear: none;
}
.penci-recipe-index-wrap ul.penci-recipe-index.column-2 li:nth-child(2n+1),
.penci-recipe-index-wrap ul.penci-recipe-index.column-3 li:nth-child(2n+1),
.penci-recipe-index-wrap ul.penci-recipe-index.column-4 li:nth-child(2n+1) {
clear: both;
}
.woocommerce .penci_sidebar #content div.product div.images,
.woocommerce .penci_sidebar div.product div.images,
.woocommerce-page .penci_sidebar #content div.product div.images,
.woocommerce-page .penci_sidebar div.product div.images,
.woocommerce .penci_sidebar #content div.product div.summary,
.woocommerce .penci_sidebar div.product div.summary,
.woocommerce-page .penci_sidebar #content div.product div.summary,
.woocommerce-page .penci_sidebar div.product div.summary,
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
width: 100%;
float: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
display: block;
margin-bottom: 10px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product,
.woocommerce .penci_sidebar ul.products.columns-4 li.product,
.woocommerce-page .penci_sidebar ul.products.columns-4 li.product {
width: 48%;
margin-right: 4%;
}
.woocommerce .penci_sidebar ul.products.columns-4 > li.product:nth-child( 3n+1 ),
.woocommerce-page .penci_sidebar ul.products.columns-4 > li.product:nth-child( 3n+1 ) {
clear: none;
}
.woocommerce .penci_sidebar ul.products.columns-4 > li.product:nth-child( 3n+3 ),
.woocommerce-page .penci_sidebar ul.products.columns-4 > li.product:nth-child( 3n+3 ) {
margin-right: 4%;
}
.woocommerce ul.products li.product:nth-child(2n+2),
.woocommerce-page ul.products li.product:nth-child(2n+2),
.woocommerce ul.products.columns-4 li.product:nth-child(2n+2),
.woocommerce-page ul.products.columns-4 li.product:nth-child(2n+2),
.woocommerce .penci_sidebar ul.products.columns-4 > li.product:nth-child( 2n+2 ),
.woocommerce-page .penci_sidebar ul.products.columns-4 > li.product:nth-child( 2n+2 ) {
margin-right: 0;
}
.woocommerce ul.products li.product:nth-child(2n+1),
.woocommerce-page ul.products li.product:nth-child(2n+1),
.woocommerce ul.products.columns-4 li.product:nth-child(2n+1),
.woocommerce-page ul.products.columns-4 li.product:nth-child(2n+1),
.woocommerce .penci_sidebar ul.products.columns-4 > li.product:nth-child( 2n+1 ),
.woocommerce-page .penci_sidebar ul.products.columns-4 > li.product:nth-child( 2n+1 ) {
clear: both;
}
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price,
.woocommerce ul.cart_list li .amount,
.woocommerce ul.product_list_widget li .amount,
.woocommerce table.shop_table td.product-price span,
.woocommerce table.shop_table td.product-subtotal span,
.woocommerce-cart .cart-collaterals .cart_totals table td .amount {
font-size: 16px;
}
.woocommerce table.cart td.actions .button,
.woocommerce table.cart td.actions input,
.woocommerce-page table.cart td.actions .button,
.woocommerce-page table.cart td.actions input {
width: auto;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
display: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin-left: 0;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container,
.container.two-sidebar.two-sidebar,
.featured-area.style-1,
.featured-carousel.style-2 .item img,
.featured-area.style-4,
.featured-area.magazine-slider {
width: 480px;
}
.penci-single-style-5 .penci-move-title-above .standard-post-special_wrapper.container {
width: 100%;
}
.wrapper-boxed.enable-boxed,
.wrapper-boxed.enable-boxed .is-sticky #navigation {
max-width: 520px;
}
.featured-area .featured-carousel,
.featured-area .featured-carousel.style-2,
.penci-slick-slider {
max-height: 280px;
}
.featured-area.style-4,
.featured-area.style-5,
.penci-magazine-slider.penci-loading {
min-height: 280px;
}
#logo img {
max-width: 100%;
height: auto;
}
.standard-post-image .audio-iframe, .standard-content-special {
left: 15px;
right: 15px;
bottom: 15px;
}
.post-image.audio iframe {
width: 100%;
height: auto;
}
.penci-countdown .countdown-section {
margin: 0 15px;
}
.penci-countdown .countdown-amount {
font-size: 40px;
}
.penci-countdown .countdown-period {
font-size: 16px;
margin: 20px 0 0;
}
}
@media only screen and (max-width: 479px) {
.penci-single-smore .container,
.penci-post-image-wrapper > .container,
.wrapper-boxed > .container,
#widget-area > .container,
#footer-section > .container {
padding-left: 20px;
padding-right: 20px;
}
.wrapper-boxed > .container > .container {
padding-left: 0;
padding-right: 0;
}
.penci-header-signup-form {
padding-left: 10px;
padding-right: 10px;
}
.penci-single-style-10 .header-standard,
.penci-single-style-10 .post-box-meta-single {
text-align: center;
}
.feat-text-right {
width: 290px;
margin-left: -145px;
}
.penci-google-adsense-single-s10 {
width: 100%;
}
#navigation, .inner-header {
padding-left: 10px;
padding-right: 10px;
}
.header-slogan .header-slogan-text {
font-size: 12px;
padding: 0 10px;
}
#navigation.header-6 #top-search {
margin-left: 5px;
}
#navigation.header-6 #logo img {
max-width: 200px;
}
.featured-carousel .featured-content {
width: 250px;
}
.featured-carousel .featured-content .feat-text h3 a,
.featured-style-35 .feat-text-right h3 a {
font-size: 16px;
}
.featured-carousel .carousel-meta {
display: none;
}
.penci-image-holder.slider-style-1-fix {
height: 180px;
}
.penci-image-holder.slider-style-2-fix {
width: 300px;
}
.penci-image-holder.slider-style-3-fix {
height: 180px;
}
.penci-magazine-slider .mag-item-1 .mag-meta h3 a,
.penci-magazine-slider .mag-meta h3 a {
font-size: 14px;
}
.penci-magazine-slider .mag-item-1 .mag-meta {
padding: 15px;
}
.featured-style-2 .penci-owl-carousel .owl-item .item,
.featured-style-38 .penci-owl-carousel .owl-item .item {
width: 360px;
}
.featured-style-38 .penci-featured-content .feat-text h3 a {
font-size: 18px;
}
.penci-magazine-slider .penci-direction-nav a.penci-prev,
.penci-owl-carousel .owl-nav .owl-prev {
left: 10px;
}
.penci-magazine-slider .penci-direction-nav a.penci-next,
.penci-owl-carousel .owl-nav .owl-next {
right: 10px;
}
.penci-magazine-slider ul.mag-wrap li .mag-content {
width: 100% !important;
border: none !important;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content {
margin-bottom: 5px !important;
}
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li,
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1,
.penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 {
margin: 0 !important;
border: none !important;
}
.featured-carousel.style-7 .featured-content {
bottom: 5px;
}
.featured-carousel.style-7 .featured-content .feat-text h3 a {
padding: 0;
}
.featured-style-37 .penci-owl-carousel .owl-dots {
display: none;
}
.featured-style-37 .penci-item-1 .penci-slide-overlay .penci-mag-featured-content {
bottom: 16px;
}
.standard-post-image .audio-iframe, .standard-content-special {
left: 10px;
right: 10px;
bottom: 10px;
}
ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img:before {
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
}
.grid-overlay-meta .grid-header-box {
margin-left: 10px;
margin-right: 10px;
}
.footer-widget-wrapper .quote-widget > p {
padding-left: 35px;
}
.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image img,
.widget ul.side-newsfeed li .side-item .side-image img {
width: 100px;
}
.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text h4 a,
.widget ul.side-newsfeed li .side-item .side-item-text h4 a {
font-size: 15px;
}
.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text .side-item-meta,
.widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta {
font-size: 13px;
}
.post-box-meta span.author-post {
display: none;
}
.standard-post-special.penci-special-format-quote .standard-content-special {
position: relative;
left: auto;
right: auto;
bottom: auto;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
border: 1px solid #DEDEDE;
border-top: none;
}
.format-post-box {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
}
.format-post-box.penci-format-link {
padding: 15px;
}
.format-post-box .dt-special a {
font-size: 14px;
}
.post-entry blockquote {
padding: 0 0 0 40px;
}
.post-entry blockquote:before {
font-size: 56px;
}
.post-entry blockquote, .post-entry blockquote p {
font-size: 15px;
}
.post-author .author-content {
margin: 0;
}
.author-img {
margin-right: 20px;
}
.author-img img {
width: 80px;
height: auto;
margin: 0;
}
.item-related h3 a,
.post-box-title,
.thecomment .comment-text span.author,
.thecomment .comment-text span.author a,
.author-content h5,
.author-content h5 a {
font-size: 18px;
}
.penci-slick-slider > button.slick-prev, .penci-slick-slider > button.slick-next,
.penci-magazine-slider .penci-direction-nav a {
width: 32px;
height: 32px;
line-height: 32px;
margin-top: -16px;
font-size: 15px;
}
.penci-slick-slider > button.slick-next {
right: 10px;
}
.penci-slick-slider > button.slick-prev {
left: 10px;
}
.penci-slick-slider > button.slick-prev i, .penci-slick-slider > button.slick-next i {
line-height: 32px;
font-size: 15px;
}
.featured-carousel > button.slick-prev, .featured-carousel > button.slick-next {
display: none !important;
}
.featured-carousel .featured-content {
width: 240px;
top: 37%;
}
.featured-carousel .featured-cat a {
padding: 2px 10px 1px;
}
.featured-carousel.style-2 .featured-content {
top: 37%;
}
.featured-carousel .featured-content .feat-text {
padding: 15px 10px !important;
}
.standard-main-content > h2, .header-classic > h2, .error-404 .heading-text-404 {
font-size: 20px;
}
.portfolio-overlay-content .portfolio-short, .penci_sidebar .penci-portfolio.column-2 .portfolio-overlay-content .portfolio-short, .penci-portfolio.column-2 .portfolio-overlay-content .portfolio-short {
margin-top: 17.5%;
}
.featured-carousel .featured-cat {
margin-bottom: 5px;
}
.wrapper-boxed.enable-boxed .featured-carousel .featured-content .feat-text h3 a,
.featured-carousel .featured-content .feat-text h3 a {
font-size: 14px;
letter-spacing: 1px;
}
.penci-slider.penci-loading {
min-height: 160px;
}
.penci-slider ul.slides li .pencislider-container {
padding: 0 20px;
}
.penci-slider .pencislider-container .pencislider-content .pencislider-title {
font-size: 14px;
letter-spacing: 1px;
}
.penci-slider .pencislider-container .pencislider-content .pencislider-caption {
font-size: 12px;
margin: 3px 0 0;
}
.penci-slider .pencislider-container .pencislider-content .penci-button {
margin: 14px 0 0;
}
.penci-slider .pencislider-container .pencislider-content .pencislider-button {
padding: 5px 10px;
font-size: 10px;
}
.penci-slider .penci-direction-nav .penci-prev, .penci-slider .penci-direction-nav .penci-next {
display: none !important;
}
.penci-grid .list-post.list-boxed-post .item .content-list-right {
padding: 30px 15px !important;
clear: both;
}
.penci-featured-content .feat-text {
width: 100%;
}
.penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a,
.penci-featured-content .feat-text h3 a,
.featured-style-4 .penci-featured-content .feat-text h3 a,
.featured-style-5 .penci-featured-content .feat-text h3 a {
font-size: 16px;
}
.penci-recipe-thumb {
display: none;
}
.penci-mag-featured-content h3 a,
.featured-style-13 .penci-mag-featured-content h3 a,
.featured-style-18 .penci-mag-featured-content h3 a {
font-size: 12px;
}
.featured-style-6 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-37 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-13 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-15 .penci-mag-featured-content h3 a,
.featured-style-14 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-17 .penci-item-3 .penci-mag-featured-content h3 a,
.featured-style-18 .penci-item-3 .penci-mag-featured-content h3 a {
font-size: 16px;
}
.featured-style-1 .penci-owl-carousel .penci-image-holder:before {
padding-top: 50%;
}
.penci-photo-2-effect figcaption h2,
.penci_sidebar .penci-photo-2-effect figcaption h2 {
font-size: 14px;
}
.featured-style-13 .penci-image-holder:before,
.featured-style-14 .penci-image-holder:before {
height: 200px;
}
.featured-style-17 .penci-image-holder:before,
.featured-style-18 .penci-image-holder:before {
height: 140px;
}
.featured-style-17 .penci-slide17-item-2 .penci-image-holder:before,
.featured-style-18 .penci-slide17-item-2 .penci-image-holder:before {
height: 220px;
}
.featured-style-19 .penci-mag-featured-content h3 a,
.featured-style-19 .penci-item-1 .penci-mag-featured-content h3 a,
.featured-style-19 .penci-item-0 .penci-mag-featured-content h3 a {
font-size: 13px;
}
.featured-style-22 .penci-item-2 .penci-mag-featured-content h3 a,
.featured-style-22 .penci-item-3 .penci-mag-featured-content h3 a,
.featured-style-22 .penci-item-4 .penci-mag-featured-content h3 a,
.featured-style-22 .penci-item-5 .penci-mag-featured-content h3 a,
.featured-style-22 .penci-item-6 .penci-mag-featured-content h3 a,
.featured-style-22 .penci-item-0 .penci-mag-featured-content h3 a {
font-size: 14px;
}
.featured-style-22 .penci-item-1 .penci-mag-featured-content h3 a {
font-size: 16px;
}
.featured-style-22 .penci-item-2 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-22 .penci-item-3 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-22 .penci-item-4 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-22 .penci-item-5 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-22 .penci-item-6 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-23 .penci-item-1 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-23 .penci-item-2 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-23 .penci-item-3 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-23 .penci-item-4 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-23 .penci-item-5 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-23 .penci-item-6 .penci-slide-overlay .penci-mag-featured-content {
padding: 0 5px;
bottom: 10px;
}
.featured-style-22.penci-flat-overlay .penci-item-2 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-22.penci-flat-overlay .penci-item-3 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-22.penci-flat-overlay .penci-item-4 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-22.penci-flat-overlay .penci-item-5 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-22.penci-flat-overlay .penci-item-6 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-23.penci-flat-overlay .penci-item-1 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-23.penci-flat-overlay .penci-item-2 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-23.penci-flat-overlay .penci-item-3 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-23.penci-flat-overlay .penci-item-4 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-23.penci-flat-overlay .penci-item-5 .penci-slide-overlay .penci-mag-featured-content,
.featured-style-23.penci-flat-overlay .penci-item-6 .penci-slide-overlay .penci-mag-featured-content {
padding: 12px 5px;
bottom: 0;
}
.featured-style-26 .penci-item-1 .penci-mag-featured-content h3 a {
font-size: 16px;
}
.featured-style-26 .penci-item-2 .penci-mag-featured-content h3 a,
.featured-style-26 .penci-item-3 .penci-mag-featured-content h3 a,
.featured-style-26 .penci-item-4 .penci-mag-featured-content h3 a,
.featured-style-26 .penci-item-0 .penci-mag-featured-content h3 a {
font-size: 14px;
}
.featured-style-26 .penci-item-1 .penci-image-holder:before {
height: 220px;
}
.featured-style-27 .penci-item-1 .penci-mag-featured-content h3 a {
font-size: 16px;
}
.featured-style-28 .wrapper-item .penci-item-1 {
width: 300px;
}
.featured-style-28 .penci-item-1 .penci-image-holder:before {
height: 404px;
padding: 0;
}
.featured-style-28 .penci-item-1 .penci-mag-featured-content h3 a {
font-size: 18px;
}
.featured-style-29 .penci-featured-content,
.featured-style-30 .penci-featured-content {
padding: 0 15px;
}
.featured-style-29 .penci-featured-content .feat-text h3 a,
.featured-style-30 .penci-featured-content .feat-text h3 a {
font-size: 18px;
}
.featured-style-29 .penci-image-holder:before,
.featured-style-30 .penci-image-holder:before {
height: 300px;
}
.featured-style-29 .penci-featured-slider-button a,
.featured-style-30 .penci-featured-slider-button a {
height: 30px;
line-height: 26px;
padding: 0 10px;
font-size: 11px;
}
.featured-style-31 .penci-image-holder,
.featured-style-32 .penci-image-holder {
height: 400px !important;
}
.pencislider-container .pencislider-content .pencislider-title {
font-size: 20px;
}
.pencislider-container .pencislider-content .pencislider-caption {
font-size: 14px;
}
.pencislider-container .pencislider-content .pencislider-button {
padding: 8px 15px 8px;
font-size: 12px;
}
.container .penci-grid li.typography-style .grid-post-box-meta {
display: none;
}
.grid-mixed .mixed-detail {
padding: 30px 15px;
}
.grid-mixed .mixed-detail h2 a {
font-size: 16px;
}
.typography-style .content-typography {
left: 10px;
right: 10px;
top: 10px;
bottom: 10px;
}
.penci-grid li.list-boxed-post-2 .inner-parent-boxed-2,
.penci_sidebar .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 {
min-height: 200px;
height: auto;
padding: 30px 15px;
}
.error-404 .sub-heading-text-404 {
font-size: 13px;
}
.penci-post-box-meta,
.penci-post-box-meta.post-box-boxed-1 {
text-align: center;
}
.penci-post-box-meta .penci-post-share-box {
display: block;
float: none;
margin-top: 15px;
}
.penci-post-box-meta .penci-box-meta i {
display: none;
}
.penci-more-link a.more-link {
font-size: 12px;
padding: 5px 0;
}
.widget .tagcloud a {
font-size: 10px !important;
padding: 4px 10px 3px;
margin-right: 4px;
margin-bottom: 8px;
}
.penci-header-signup-form h4.header-signup-form,
.header-standard h2, .header-standard .post-title, .header-standard h2 a, .penci-page-header h1 {
font-size: 18px;
}
.cat > a.penci-cat-name,
.penci-grid li .item .cat a, .penci-masonry .item-masonry .cat a {
font-size: 11px;
}
.home-featured-cat-content .mag-photo .magcat-detail {
padding: 15px;
width: 100%;
}
.home-featured-cat-content .mag-photo .magcat-detail h3 a {
font-size: 16px;
letter-spacing: 0;
}
.home-featured-cat-content .magcat-detail .mag-meta {
margin-top: 5px;
}
.home-featured-cat-content .mag-photo .grid-post-box-meta span,
.home-featured-cat-content .mag-photo .grid-post-box-meta span a {
font-size: 12px;
}
.home-featured-cat-content .magcat-detail h3 a {
font-size: 15px;
line-height: 1.3;
}
.home-featured-cat-content .magcat-detail .mag-meta span {
font-size: 13px;
}
.post-box-meta-single span {
display: block;
margin-top: 5px;
}
.post-box-meta-single span:before {
content: "";
display: none;
}
.penci-pagination a,
.penci-pagination .disable-url {
font-size: 11px;
}
.penci-pagination a i {
font-size: 12px;
}
ul.slick-dots li button {
margin: 0 3px;
}
.home-pupular-posts-title {
font-size: 16px;
}
#footer-copyright * {
font-size: 12px;
}
.penci-rlt-popup {
width: 240px;
}
.penci-rlt-popup .rtlpopup-heading {
padding-left: 12px;
font-size: 14px;
}
.penci-rlt-popup .rltpopup-item {
padding-bottom: 12px;
margin-bottom: 12px;
}
.penci-rlt-popup .penci-rtlpopup-content {
padding: 12px;
}
.penci-rlt-popup .rltpopup-thumbnail {
margin-right: 12px;
width: 80px;
}
.penci-rlt-popup .penci-close-rltpopup {
right: 2px;
}
.penci-rlt-popup .rltpopup-meta .rltpopup-title {
font-size: 13px;
}
.penci-rlt-popup .rltpopup-meta .date {
font-size: 12px;
}
a img.alignleft,
a img.alignright,
a img.alignnone {
margin: 0 auto 30px auto;
float: none;
display: block;
}
.video-align-left,
.video-align-right {
margin-left: 0;
margin-right: 0;
float: none;
}
.post-entry ul {
padding-left: 25px;
}
.post-entry ol {
padding-left: 43px;
}
.item-related h3 a, .post-box-title,
.thecomment .comment-text span.author,
.thecomment .comment-text span.author a,
.author-content h5, .author-content h5 a,
.archive-box span, .archive-box h1 {
font-size: 16px;
}
.post-header h1 {
font-size: 16px;
}
.page .post-header h1 {
font-size: 20px;
}
.post-tags {
display: block;
}
.post-share {
display: block;
float: none;
margin-top: 8px;
}
.post-share .share-title {
display: inline-block;
}
.post-pagination .prev-post,
.post-pagination .next-post {
width: 100%;
float: none;
}
.post-pagination .prev-post {
margin-bottom: 15px;
}
.penci-post-nav-thumb {
display: none !important;
}
.penci-related-grid-display .item-related {
width: 100%;
float: none;
}
.comments ul.children {
margin: 0 0 0 35px;
}
#sidebar-nav {
width: 270px;
transform: translateX(-270px);
-webkit-transform: translateX(-270px);
-moz-transform: translateX(-270px);
}
.open-sidebar-nav #close-sidebar-nav {
left: 270px;
}
.open-sidebar-nav #sidebar-nav {
left: 270px;
}
.penci-pagination ul.page-numbers li {
margin-right: 5px;
}
.penci-pagination ul.page-numbers li span,
.penci-pagination ul.page-numbers li a {
width: 25px;
}
ul.footer-socials li {
margin-right: 10px;
}
ul.footer-socials li a {
line-height: 32px;
}
ul.footer-socials li a i {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 14px;
}
#footer-logo img {
max-width: 280px;
}
.footer-instagram h4.footer-instagram-title span {
padding: 0 20px;
font-size: 12px;
}
.comments .children, .comments > .comment > .comment, .comments > .comment > .comment > .comment, .comments > .comment > .comment > .comment > .comment, .comments > .comment > .comment > .comment > .comment > .comment {
margin: 0 0 0 30px;
}
.overlay-header-box .overlay-title a {
font-size: 16px;
}
.overlay-post-box-meta > div {
margin-top: 15px;
}
.overlay-post-box-meta > div:first-child {
margin-top: 0;
display: block;
}
.overlay-post-box-meta > div:after {
content: none;
display: none;
}
.penci-single-mag-slider .magcat-detail {
padding: 10px 15px;
}
.penci-single-mag-slider .magcat-detail .magcat-titlte {
font-size: 15px;
}
.home-featured-cat-content .magcat-detail .mag-meta {
display: none;
}
.footer-menu li {
padding: 0 5px;
}
.penci-post-gallery-container.masonry .item-gallery-masonry {
width: 100% !important;
opacity: 1;
}
.penci-post-gallery-container.masonry .item-gallery-masonry.animated {
animation-name: none;
-webkit-animation-name: none;
-moz-animation-name: none;
-o-animation-name: none;
}
.penci-recipe-heading .penci-recipe-meta > span {
display: block;
margin-bottom: 4px;
}
.penci-recipe-heading .penci-recipe-meta > span:last-child {
margin-bottom: 0;
}
.post-entry .penci-recipe-title {
font-size: 13px;
}
.post-entry .penci-recipe-heading h2 {
font-size: 18px;
}
.footer-subscribe {
padding: 40px 0;
}
.footer-subscribe h4.footer-subscribe-title {
font-size: 24px;
}
.footer-subscribe .mc4wp-form {
width: 100%;
padding: 0 20px;
}
.footer-subscribe .mc4wp-form .memail,
.footer-subscribe .mc4wp-form .msubmit {
width: 100%;
float: none;
margin-left: 0;
}
.footer-subscribe .widget .mc4wp-form input[type="submit"] {
max-width: 100%;
}
.penci-recipe-index-wrap ul.penci-recipe-index.column-2 li,
.penci-recipe-index-wrap ul.penci-recipe-index.column-4 li,
.penci-recipe-index-wrap ul.penci-recipe-index.column-3 li {
width: 100%;
float: none;
}
.penci-recipe-index-wrap ul.penci-recipe-index.column-2 li:nth-child(2n+1),
.penci-recipe-index-wrap ul.penci-recipe-index.column-3 li:nth-child(2n+1),
.penci-recipe-index-wrap ul.penci-recipe-index.column-4 li:nth-child(2n+1) {
clear: both;
}
.penci-recipe-index-wrap ul.penci-recipe-index li article {
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce .penci_sidebar ul.products li.product,
.woocommerce-page .penci_sidebar ul.products li.product {
width: 100% !important;
margin-right: 0 !important;
}
.woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-author,
.woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-email,
.woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-url {
max-width: 300px;
}
.woocommerce table.shop_table th {
font-size: 12px;
}
.woocommerce table.shop_table .quantity .qty {
width: 46px;
font-size: 14px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
width: 48%;
margin-right: 0;
margin-bottom: 20px;
}
.woocommerce table.shop_table a.remove {
width: 20px;
height: 20px;
line-height: 18px;
font-size: 20px;
}
.woocommerce table.shop_table td.product-name a {
font-size: 14px;
padding-left: 5px;
}
}
@media screen and (max-width: 782px) and ( min-width: 601px ) {
.admin-bar .is-sticky #navigation {
top: 46px !important;
}
}
@media screen and (max-width: 600px) {
.is-sticky #navigation {
top: 0 !important;
z-index: 999999;
}
#sidebar-nav, #close-sidebar-nav {
z-index: 9999999;
}
#close-sidebar-nav i {
display: inline-block;
}
}
.penci-wrap-gprd-law {
display: block;
color: #212121;
font-size: 14px;
}
.penci-gprd-law {
padding: 7px 15px;
color: inherit;
font-size: inherit;
display: block;
text-align: center;
transition: all 0.3s;
-webkit-transition: all 0.3s;
background: #f5f5f5;
}
.penci-gprd-law p {
font-size: inherit;
color: inherit;
margin: 0;
display: inline-block;
}
.penci-gprd-law .penci-gprd-accept,
.penci-gprd-law .penci-gprd-more {
display: inline-block;
padding: 0;
line-height: 1;
font-size: inherit;
color: inherit;
margin-left: 10px;
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
}
.penci-gprd-law .penci-gprd-accept {
background: #212121;
color: #fff;
padding: 6px 15px;
}
.penci-gprd-law .penci-gprd-accept:hover,
.penci-gprd-law .penci-gprd-more:hover {
opacity: 0.8;
}
.penci-gprd-law,
.penci-wrap-gprd-law .penci-gdrd-show {
position: fixed;
z-index: 19999;
left: 0;
bottom: 0;
right: 0;
width: 100%;
}
.penci-wrap-gprd-law .penci-gdrd-show {
display: inline-block;
width: auto;
right: 100px;
left: auto;
padding: 6px 15px;
font-size: inherit;
color: inherit;
background: #f5f5f5;
line-height: 1;
transition: all 0.3s;
-webkit-transition: all 0.3s;
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
}
.penci-wrap-gprd-law-close {
z-index: 0;
}
.penci-close-all .penci-gdrd-show,
.penci-close-all .penci-gprd-law {
visibility: hidden;
}
.penci-wrap-gprd-law-close .penci-gprd-law,
.penci-wrap-gprd-law .penci-gdrd-show {
transform: translateY(100%);
-webkit-transform: translateY(100%);
}
.penci-wrap-gprd-law-close .penci-gdrd-show {
transform: translateY(0);
-webkit-transform: translateY(0);
}
@media screen and (max-width: 768px) {
.penci-wrap-gprd-law .penci-gdrd-show {
display: none !important;
}
}
.bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc {
padding: 20px;
}
#flexi_searchbox #b_searchboxInc .b_submitButton_wrapper .b_submitButton {
display: inline-block;
}
.bos_searchbox_widget_class #flexi_searchbox h1,
.bos_searchbox_widget_class #flexi_searchbox h2,
.bos_searchbox_widget_class #flexi_searchbox h3,
.bos_searchbox_widget_class #flexi_searchbox h4 {
font-family: 'Raleway', sans-serif;
font-style: normal;
letter-spacing: 1px;
font-weight: bold;
}
.bos_searchbox_widget_class #flexi_searchbox h3,
.bos_searchbox_widget_class #flexi_searchbox h4 {
margin-bottom: 10px;
}
.bos_searchbox_widget_class #flexi_searchbox h3 {
font-size: 24px;
}
.bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc select,
.bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc input[type="text"] {
border-radius: 0;
border: none;
}
.bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc input[type="text"] {
height: 34px;
line-height: 34px;
padding: 0 10px !important;
width: 100% !important;
}
.bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc select {
padding: 5px 10px !important;
height: 28px;
line-height: 28px;
margin-right: 10px;
}
.bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper .b_submitButton:hover,
.bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper .b_submitButton {
border-radius: 0;
border: none;
box-shadow: none;
font-family: 'Raleway', sans-serif;
font-weight: bold;
font-size: 14px;
padding: 0 20px;
line-height: 40px;
}
.bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper .b_submitButton:hover {
border: 0;
border-radius: 0;
opacity: 0.8;
}
.bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc #b_searchDest,
.bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc #b_searchCheckInDate,
.bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc #b_searchCheckOutDate,
.bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper {
margin-bottom: 20px;
}
.penci-vc-row {
margin-left: -10px;
margin-right: -10px;
display: flex;
flex-wrap: wrap;
}
.penci-vc-column {
float: left;
padding-left: 10px;
padding-right: 10px;
}
.penci-vc-row:after {
content: " ";
display: table;
width: 100%;
}
.penci-col-1, .penci-col-2, .penci-col-3,
.penci-col-4, .penci-col-5, .penci-col-6,
.penci-col-7, .penci-col-8, .penci-col-9,
.penci-col-10, .penci-col-11, .penci-col-12 {
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 480px) {
.penci-col-1, .penci-col-2, .penci-col-3,
.penci-col-4, .penci-col-5, .penci-col-6,
.penci-col-7, .penci-col-8, .penci-col-9,
.penci-col-10, .penci-col-11, .penci-col-12 {
width: 100%;
}
}
@media (min-width: 768px) {
.penci-col-7, .penci-col-8, .penci-col-9,
.penci-col-10, .penci-col-11, .penci-col-12 {
width: 100%;
}
}
@media (min-width: 992px) {
.penci-col-1, .penci-col-2, .penci-col-3, .penci-col-4,
.penci-col-5, .penci-col-6, .penci-col-7, .penci-col-8,
.penci-col-9, .penci-col-10, .penci-col-11, .penci-col-12 {
float: left;
margin-bottom: 0;
}
.penci-col-12 {
width: 100%;
}
.penci-col-11 {
width: 91.66666667%;
}
.penci-col-10 {
width: 83.33333333%;
}
.penci-col-9 {
width: 75%;
}
.penci-col-8 {
width: 66.66666667%;
}
.penci-col-7 {
width: 58.33333333%;
}
.penci-col-6 {
width: 50%;
}
.penci-col-5 {
width: 41.66666667%;
}
.penci-col-4 {
width: 33.33333333%;
}
.penci-col-3 {
width: 25%;
}
.penci-col-2 {
width: 16.66666667%;
}
.penci-col-1 {
width: 8.33333333%;
}
}
.pencisc-grid .pencisc-grid-item {
word-break: break-word;
min-width: 0;
}
.penci-lposts-ctcol.pencisc-grid-1 .penci-grid,
.penci-lposts-ctcol.pencisc-grid-2 .penci-grid,
.penci-lposts-ctcol.pencisc-grid-3 .penci-grid,
.penci-lposts-ctcol.pencisc-grid-4 .penci-grid,
.penci-lposts-ctcol.pencisc-grid-5 .penci-grid,
.penci-lposts-ctcol.pencisc-grid-6 .penci-grid {
display: flex;
overflow: hidden;
flex-wrap: wrap;
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.penci-featured-cat-ctcol.pencisc-grid-1 .home-featured-cat-content,
.penci-featured-cat-ctcol.pencisc-grid-2 .home-featured-cat-content,
.penci-featured-cat-ctcol.pencisc-grid-3 .home-featured-cat-content,
.penci-featured-cat-ctcol.pencisc-grid-4 .home-featured-cat-content,
.penci-featured-cat-ctcol.pencisc-grid-5 .home-featured-cat-content,
.penci-featured-cat-ctcol.pencisc-grid-6 .home-featured-cat-content {
display: flex;
overflow: hidden;
flex-wrap: wrap;
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.pencisc-grid-1 .pencisc-grid, .pencisc-grid-4 .pencisc-grid,
.pencisc-grid-2 .pencisc-grid, .pencisc-grid-5 .pencisc-grid,
.pencisc-grid-3 .pencisc-grid, .pencisc-grid-6 .pencisc-grid {
display: flex;
overflow: hidden;
flex-wrap: wrap;
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.penci-gallery-bsc .pencisc-grid {
grid-column-gap: 0;
grid-row-gap: 0;
}
.penci-lposts-ctcol.pencisc-grid-1 .penci-grid,
.penci-featured-cat-ctcol.pencisc-grid-1 .home-featured-cat-content,
.pencisc-grid-1 .pencisc-grid {
grid-template-columns: repeat(1, 1fr);
display: grid;
}
.penci-lposts-ctcol.pencisc-grid-2 .penci-grid,
.penci-featured-cat-ctcol.pencisc-grid-2 .home-featured-cat-content,
.pencisc-grid-2 .pencisc-grid {
grid-template-columns: repeat(2, 1fr);
display: grid;
}
.penci-lposts-ctcol.pencisc-grid-3 .penci-grid,
.penci-featured-cat-ctcol.pencisc-grid-3 .home-featured-cat-content,
.pencisc-grid-3 .pencisc-grid {
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.penci-lposts-ctcol.pencisc-grid-4 .penci-grid,
.penci-featured-cat-ctcol.pencisc-grid-4 .home-featured-cat-content,
.pencisc-grid-4 .pencisc-grid {
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.penci-lposts-ctcol.pencisc-grid-5 .penci-grid,
.penci-featured-cat-ctcol.pencisc-grid-5 .home-featured-cat-content,
.pencisc-grid-5 .pencisc-grid {
grid-template-columns: repeat(5, 1fr);
display: grid;
}
.penci-lposts-ctcol.pencisc-grid-6 .penci-grid,
.penci-featured-cat-ctcol.pencisc-grid-6 .home-featured-cat-content,
.pencisc-grid-6 .pencisc-grid {
grid-template-columns: repeat(6, 1fr);
display: grid;
}
@media (max-width: 960px) {
.pencisc-grid-tablet-0 .pencisc-grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.penci-lposts-ctcol.pencisc-grid-tablet-1 .penci-grid,
.penci-featured-cat-ctcol.pencisc-grid-tablet-1 .home-featured-cat-content,
.pencisc-grid-tablet-1 .pencisc-grid {
grid-template-columns: repeat(1, 1fr);
display: grid;
}
.penci-lposts-ctcol.pencisc-grid-tablet-2 .penci-grid,
.penci-featured-cat-ctcol.pencisc-grid-tablet-2 .home-featured-cat-content,
.pencisc-grid-tablet-2 .pencisc-grid {
grid-template-columns: repeat(2, 1fr);
display: grid;
}
.penci-lposts-ctcol.pencisc-grid-tablet-3 .penci-grid,
.penci-featured-cat-ctcol.pencisc-grid-tablet-3 .home-featured-cat-content,
.pencisc-grid-tablet-3 .pencisc-grid {
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.penci-lposts-ctcol.pencisc-grid-tablet-4 .penci-grid,
.penci-featured-cat-ctcol.pencisc-grid-tablet-4 .home-featured-cat-content,
.pencisc-grid-tablet-4 .pencisc-grid {
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.penci-lposts-ctcol.pencisc-grid-tablet-5 .penci-grid,
.penci-featured-cat-ctcol.pencisc-grid-tablet-5 .home-featured-cat-content,
.pencisc-grid-tablet-5 .pencisc-grid {
grid-template-columns: repeat(5, 1fr);
display: grid;
}
.penci-lposts-ctcol.pencisc-grid-tablet-6 .penci-grid,
.penci-featured-cat-ctcol.pencisc-grid-tablet-6 .home-featured-cat-content,
.pencisc-grid-tablet-6 .pencisc-grid {
grid-template-columns: repeat(6, 1fr);
display: grid;
}
.pencisc-grid-tablet-7 .pencisc-grid {
grid-template-columns: repeat(7, 1fr);
display: grid;
}
.pencisc-grid-tablet-8 .pencisc-grid {
grid-template-columns: repeat(8, 1fr);
display: grid;
}
.pencisc-grid-tablet-9 .pencisc-grid {
grid-template-columns: repeat(9, 1fr);
display: grid;
}
.pencisc-grid-tablet-10 .pencisc-grid {
grid-template-columns: repeat(10, 1fr);
display: grid;
}
.pencisc-grid-tablet-11 .pencisc-grid {
grid-template-columns: repeat(11, 1fr);
display: grid;
}
.pencisc-grid-tablet-12 .pencisc-grid {
grid-template-columns: repeat(12, 1fr);
display: grid;
}
}
@media (max-width: 767px) {
.pencisc-grid-mobile-0 .pencisc-grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.penci-lposts-ctcol.pencisc-grid-mobile-1 .penci-grid,
.penci-featured-cat-ctcol.pencisc-grid-mobile-1 .home-featured-cat-content,
.pencisc-grid-mobile-1 .pencisc-grid {
grid-template-columns: repeat(1, 1fr);
display: grid;
}
.penci-lposts-ctcol.pencisc-grid-mobile-2 .penci-grid,
.penci-featured-cat-ctcol.pencisc-grid-mobile-2 .home-featured-cat-content,
.pencisc-grid-mobile-2 .pencisc-grid {
grid-template-columns: repeat(2, 1fr);
display: grid;
}
.penci-lposts-ctcol.pencisc-grid-mobile-3 .penci-grid,
.penci-featured-cat-ctcol.pencisc-grid-mobile-3 .home-featured-cat-content,
.pencisc-grid-mobile-3 .pencisc-grid {
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.penci-lposts-ctcol.pencisc-grid-mobile-4 .penci-grid,
.penci-featured-cat-ctcol.pencisc-grid-mobile-4 .home-featured-cat-content,
.pencisc-grid-mobile-4 .pencisc-grid {
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.penci-lposts-ctcol.pencisc-grid-mobile-5 .penci-grid,
.penci-featured-cat-ctcol.pencisc-grid-mobile-5 .home-featured-cat-content,
.pencisc-grid-mobile-5 .pencisc-grid {
grid-template-columns: repeat(5, 1fr);
display: grid;
}
.penci-lposts-ctcol.pencisc-grid-mobile-6 .penci-grid,
.penci-featured-cat-ctcol.pencisc-grid-mobile-6 .home-featured-cat-content,
.pencisc-grid-mobile-6 .pencisc-grid {
grid-template-columns: repeat(6, 1fr);
display: grid;
}
.pencisc-grid-mobile-7 .pencisc-grid {
grid-template-columns: repeat(7, 1fr);
display: grid;
}
.pencisc-grid-mobile-8 .pencisc-grid {
grid-template-columns: repeat(8, 1fr);
display: grid;
}
.pencisc-grid-mobile-9 .pencisc-grid {
grid-template-columns: repeat(9, 1fr);
display: grid;
}
.pencisc-grid-mobile-10 .pencisc-grid {
grid-template-columns: repeat(10, 1fr);
display: grid;
}
.pencisc-grid-mobile-11 .pencisc-grid {
grid-template-columns: repeat(11, 1fr);
display: grid;
}
.pencisc-grid-mobile-12 .pencisc-grid {
grid-template-columns: repeat(12, 1fr);
display: grid;
}
}
.container.two-sidebar {
width: 1400px;
display: flex;
flex-wrap: wrap;
}
.penci-two-sidebar .container.penci-breadcrumb {
width: 1400px;
}
.penci-vc-row.penci-vc-dis-padding {
margin-left: 0;
margin-right: 0;
}
.layout-14_12_14 .penci-main-content,
.container.two-sidebar #main {
width: 57%;
order: 2;
padding-left: 50px;
padding-right: 50px;
}
.layout-14_12_14 .penci-vc-sidebar,
.container.two-sidebar .penci-sidebar-content {
width: 21.5%;
}
.layout-14_12_14 .penci-sidebar-left,
.container.two-sidebar .penci-sidebar-left {
order: 1;
}
.layout-14_12_14 .penci-sidebar-right,
.container.two-sidebar .penci-sidebar-right {
order: 3;
}
.layout-12_14_14 .penci-main-content {
order: 1;
width: 53.5%;
padding-right: 50px;
}
.layout-12_14_14 .penci-sidebar-left {
order: 2;
width: 25%;
padding-right: 50px;
}
.layout-12_14_14 .penci-sidebar-right {
order: 3;
width: 21.5%;
}
.layout-14_14_12 .penci-main-content {
order: 3;
width: 53.5%;
padding-left: 50px;
}
.layout-14_14_12 .penci-sidebar-left {
order: 1;
width: 21.5%;
}
.layout-14_14_12 .penci-sidebar-right {
order: 2;
width: 25%;
padding-left: 50px;
}
.layout-13_23 .penci-main-content,
.layout-23_13 .penci-main-content {
width: 70.94%;
float: left;
}
.layout-23_13 .penci-main-content {
padding-right: 50px;
}
.layout-13_23 .penci-main-content {
padding-left: 50px;
}
.layout-13_23 .penci-vc-sidebar,
.layout-23_13 .penci-vc-sidebar {
width: 29.06%;
float: right;
}
.penci-vc-container {
margin-left: auto;
margin-right: auto;
}
.vc-penci-w1080,
.vc-penci-w1170,
.vc-penci-w1400 {
width: 100%;
}
.vc-penci-w1080 {
max-width: 1080px;
}
.vc-penci-w1170 {
max-width: 1170px;
}
.vc-penci-w1400 {
max-width: 1400px;
}
.penci-missing-settings {
font-size: 13px;
font-weight: normal;
text-align: left;
padding: 10px 10px 5px;
outline: 2px dashed #d4d4d4;
color: #131313;
font-family: Verdana, Geneva, sans-serif;
cursor: pointer;
margin-top: 10px;
margin-bottom: 10px;
}
.penci-missing-settings span {
font-size: 11px;
position: relative;
margin-right: 10px;
margin-bottom: 5px;
background-color: red;
color: #fff;
font-weight: bold;
padding: 5px 10px;
display: inline-block;
vertical-align: top;
}
.block-title-icon-left .inner-arrow i {
margin-right: 8px;
}
.block-title-icon-right .inner-arrow i {
margin-left: 8px;
}
.penci-fancy-heading.penci-block-vc {
background-color: transparent;
}
.penci-fancy-heading.penci-heading-text-center {
text-align: center;
}
.penci-fancy-heading.penci-heading-text-center .penci-heading-subtitle,
.penci-fancy-heading.penci-heading-text-center .penci-heading-content {
margin-left: auto;
margin-right: auto;
}
.penci-fancy-heading .penci-heading-content p {
line-height: inherit;
font-size: inherit;
}
.penci-fancy-heading .penci-heading-content p:last-child {
margin-bottom: 0;
}
.penci-fancy-heading.penci-heading-text-right {
text-align: right;
overflow: hidden;
}
.penci-fancy-heading.penci-heading-text-right .penci-heading-subtitle,
.penci-fancy-heading.penci-heading-text-right .penci-heading-title,
.penci-fancy-heading.penci-heading-text-right .penci-heading-content {
float: right;
clear: both;
}
.penci-fancy-heading.penci-heading-text-right li {
text-align: right;
list-style-position: inside;
}
.penci-fancy-heading.penci-heading-text-left {
text-align: left;
}
.penci-fancy-heading .penci-heading-title {
font-size: 36px;
color: #111;
margin-top: 0;
margin-bottom: 5px;
}
.penci-fancy-heading .penci-heading-subtitle {
margin-bottom: 10px;
}
.penci-fancy-heading .penci-heading-title + .penci-heading-subtitle {
margin-top: 10px;
}
.penci-fancy-heading .penci-heading-subtitle, .penci-fancy-heading .penci-heading-content {
font-size: 16px;
}
.penci-fancy-heading .penci-heading-content {
margin-top: 10px;
clear: both;
}
.penci-fancy-heading .penci-separator {
margin-bottom: 15px;
}
.penci-separator {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
width: 60px;
clear: both;
}
.penci-separator-center {
margin-left: auto;
margin-right: auto;
}
.penci-separator-right {
float: right;
}
.penci-separator-right .penci-heading-icon {
margin-right: 0;
}
.penci-separator-left .penci-heading-icon {
margin-left: 0;
}
.penci-separator-left .penci-sep_holder_l, .penci-separator-right .penci-sep_holder_r {
display: none;
}
.penci-separator .penci-sep_holder {
height: 1px;
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 10%;
}
.penci-separator .penci-sep_line {
height: 1px;
border-top: 1px solid #dedede;
display: block;
position: relative;
top: 1px;
width: 100%;
}
.penci-separator-dotted .penci-sep_line {
border-style: dotted;
}
.penci-separator-dashed .penci-sep_line {
border-style: dashed;
}
.penci-separator-double .penci-sep_line {
border-top-style: double;
border-top-width: 4px;
top: -2px;
}
.penci-separator .penci-heading-icon {
margin: 10px 15px;
font-size: 20px;
color: #6eb48c;
}
.penci-animation-shrink {
transition-duration: .3s;
transition-property: transform
}
.penci-animation-shrink:active, .penci-animation-shrink:hover {
transform: scale(0.9)
}
.penci-animation-grow {
transition-duration: .3s;
transition-property: transform
}
.penci-animation-grow:active, .penci-animation-grow:hover {
transform: scale(1.1)
}
@keyframes penci-animation-pulse {
25% {
transform: scale(1.1)
}
75% {
transform: scale(0.9)
}
}
.penci-animation-pulse:active, .penci-animation-pulse:hover {
animation-name: penci-animation-pulse;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite
}
@keyframes penci-animation-pulse-grow {
to {
transform: scale(1.1)
}
}
.penci-animation-pulse-grow:active, .penci-animation-pulse-grow:hover {
animation-name: penci-animation-pulse-grow;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate
}
@keyframes penci-animation-pulse-shrink {
to {
transform: scale(0.9)
}
}
.penci-animation-pulse-shrink:active, .penci-animation-pulse-shrink:hover {
animation-name: penci-animation-pulse-shrink;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate
}
@keyframes penci-animation-push {
50% {
transform: scale(0.8)
}
100% {
transform: scale(1)
}
}
.penci-animation-push:active, .penci-animation-push:hover {
animation-name: penci-animation-push;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: 1
}
@keyframes penci-animation-pop {
50% {
transform: scale(1.2)
}
}
.penci-animation-pop:active, .penci-animation-pop:hover {
animation-name: penci-animation-pop;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: 1
}
.penci-icon {
display: inline-block;
line-height: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: #818a91;
font-size: 50px;
text-align: center;
}
.penci-icon i {
width: 1em;
height: 1em;
position: relative;
z-index: 20;
display: block;
}
.penci-info-box .penci-icon i:before,
.penci-info-box .penci-icon svg:before {
position: absolute;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.penci-icon:hover {
color: #818a91;
}
.penci-view-stacked .penci-icon {
padding: .5em;
background-color: #818a91;
color: #fff;
fill: #fff;
}
.penci-view-framed .penci-icon {
padding: .5em;
color: #818a91;
border: 3px solid #818a91;
background-color: transparent !important;
}
.penci-shape-circle .penci-icon {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.penci-info-box {
position: relative;
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.penci-info-box .penci-ibox-img_active {
transition: all 0.7s;
}
.penci-info-box .penci-ibox-img_hover {
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
transition: all 0.7s;
}
.penci-info-box .penci-ibox-icon--image {
width: 90px;
height: 90px;
overflow: hidden;
position: relative;
}
.penci-info-box .penci-ibox-icon--image img {
width: 100%;
height: auto;
}
.penci-info-box .penci-ibox-line {
margin-top: 10px;
margin-bottom: 0;
width: 40px;
height: 2px;
background: #6eb48c;
display: inline-block;
vertical-align: top;
}
.penci-info-box .penci-ibox-icon-fa {
z-index: 2;
position: relative;
}
.penci-info-box .penci-ibox-icon--image:hover .penci-ibox-img_active {
opacity: 0;
visibility: hidden;
}
.penci-info-box .penci-ibox-icon--image:hover .penci-ibox-img_hover {
opacity: 1;
visibility: visible;
}
.penci-info-box .penci-ibox-title {
font-size: 20px;
font-weight: 700;
margin-bottom: 0;
color: #111;
}
.penci-info-box .penci-ibox-content {
margin: 8px 0 0 0;
color: #999;
}
.penci-ibox-top-right .penci-ibox-icon,
.penci-ibox-top-center .penci-ibox-icon,
.penci-ibox-top-left .penci-ibox-icon {
margin-bottom: 20px;
}
.penci-ibox-top-right .penci-ibox-icon--image,
.penci-ibox-top-center .penci-ibox-icon--image,
.penci-ibox-top-left .penci-ibox-icon--image {
height: auto;
}
.penci-ibox-top-center .penci-ibox-inner {
text-align: center;
}
.penci-ibox-top-center .penci-ibox-icon--image {
margin-left: auto;
margin-right: auto;
}
.penci-ibox-top-right .penci-ibox-inner {
text-align: right;
float: right;
overflow: hidden;
}
.penci-ibox-float-left .penci-ibox-inner {
display: flex;
text-align: left;
flex-direction: row;
align-items: flex-start;
}
.penci-ibox-float-left .penci-ibox-icon {
margin-right: 20px;
}
.penci-ibox-float-right .penci-ibox-icon {
margin-left: 20px;
}
.penci-ibox-top-right .penci-ibox-icon--image {
float: right;
}
.penci-ibox-top-right .penci-ibox-content {
clear: both;
}
.penci-ibox-float-left .penci-ibox-icon,
.penci-ibox-float-right .penci-ibox-icon {
display: inline-flex;
flex: 0 0 auto;
}
.penci-ibox-float-right .penci-ibox-inner {
display: flex;
text-align: right;
flex-direction: row-reverse;
align-items: flex-start;
}
.penci-info-box .penci-icon {
position: relative;
cursor: pointer;
}
.penci-shape-circle .penci-animation-custom-5:after,
.penci-shape-circle .penci-animation-custom-4:after,
.penci-shape-circle .penci-animation-custom-3:after,
.penci-shape-circle .penci-animation-custom-2:after,
.penci-shape-circle .penci-animation-custom-1:after {
-webkit-border-radius: 50%;
border-radius: 50%;
z-index: 1;
}
.penci-view-stacked .penci-animation-custom-5:after,
.penci-view-stacked .penci-animation-custom-4:after,
.penci-view-stacked .penci-animation-custom-3:after,
.penci-view-stacked .penci-animation-custom-2:after,
.penci-view-stacked .penci-animation-custom-1:after {
content: '';
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
box-shadow: 0 0 0 3px #818a91;
transition: transform 0.2s, opacity 0.2s;
opacity: 0;
}
.penci-view-stacked .penci-animation-custom-2:after {
transform: scale(1.3);
}
.penci-view-stacked .penci-animation-custom-1:after {
transform: scale(0.8);
}
.penci-view-stacked .penci-animation-custom-2:hover,
.penci-view-stacked .penci-animation-custom-1:hover {
background-color: #818a91;
color: #fff;
fill: #fff;
}
.penci-view-stacked .penci-animation-custom-2:hover:after,
.penci-view-stacked .penci-animation-custom-1:hover:after {
-webkit-transform: scale(1.11);
-moz-transform: scale(1.11);
-ms-transform: scale(1.11);
transform: scale(1.11);
opacity: 1;
}
.penci-view-stacked .penci-animation-custom-5:after,
.penci-view-stacked .penci-animation-custom-4:after,
.penci-view-stacked .penci-animation-custom-3:after {
transform: scale(1);
box-shadow: none;
background: #818a91;
opacity: 1;
z-index: 0;
}
.penci-view-stacked .penci-animation-custom-5,
.penci-view-stacked .penci-animation-custom-4,
.penci-view-stacked .penci-animation-custom-3 {
background-color: transparent !important;
box-shadow: inset 0 0 0 3px #818a91;
}
.penci-view-stacked .penci-animation-custom-3:hover:after {
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
}
.penci-view-stacked .penci-animation-custom-4:hover:after {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 1;
}
.penci-view-stacked .penci-animation-custom-5:hover,
.penci-view-stacked .penci-animation-custom-4:hover {
color: #818a91;
fill: #818a91;
}
.penci-view-stacked .penci-animation-custom-5 {
transition: color 0.3s;
}
.penci-view-stacked .penci-animation-custom-5:hover:after {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
}
.penci-view-framed .penci-animation-custom-5:after,
.penci-view-framed .penci-animation-custom-2:after,
.penci-view-framed .penci-animation-custom-1:after {
content: '';
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
transition: transform 0.2s, opacity 0.2s;
opacity: 0;
}
.penci-view-framed .penci-animation-custom-1:after {
background: #818a91;
z-index: -1;
transform: scale(1.3);
}
.penci-view-framed .penci-animation-custom-1:hover {
color: #fff;
}
.penci-view-framed .penci-animation-custom-1:hover:after {
transform: scale(1);
opacity: 1;
}
.penci-view-framed .penci-animation-custom-2:after {
z-index: 10;
border: 3px dashed #818a91;
top: -3px;
left: -3px;
right: -3px;
bottom: -3px;
width: auto;
height: auto;
opacity: 1;
}
.penci-view-framed .penci-animation-custom-2:hover {
border-color: transparent !important;
}
.penci-view-framed .penci-animation-custom-3 {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
overflow: hidden;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.penci-view-framed .penci-animation-custom-3:hover .penci-ibox-icon--i {
-webkit-animation: penciIconToRightFromLeft 0.3s forwards;
-moz-animation: penciIconToRightFromLeft 0.3s forwards;
animation: penciIconToRightFromLeft 0.3s forwards;
}
@-webkit-keyframes penciIconToRightFromLeft {
49% {
-webkit-transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@keyframes penciIconToRightFromLeft {
49% {
transform: translate(100%);
}
50% {
opacity: 0;
transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes penciIconspinAround {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes penciIconspinAround {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.penci-view-framed .penci-animation-custom-4:hover .penci-ibox-icon--i {
-webkit-animation: penciIconspinAround 2s linear infinite;
-moz-animation: penciIconspinAround 2s linear infinite;
animation: penciIconspinAround 2s linear infinite;
}
.penci-view-framed .penci-animation-custom-5:after {
z-index: 10;
border: 3px solid #818a91;
top: -3px;
left: -3px;
right: -3px;
bottom: -3px;
width: auto;
height: auto;
opacity: 1;
}
.penci-view-framed .penci-animation-custom-5:hover {
border-color: transparent !important;
box-shadow: 0 0 0 6px #818a91;
}
.penci-view-framed .penci-animation-custom-5:hover:after {
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
opacity: 0.5;
}
.penci-countdown-bsc {
overflow: hidden;
}
.penci-countdown-bsc:before,
.penci-countdown-bsc:after {
content: '';
display: table;
clear: both;
}
.penci-countdown-bsc.penci-style-center {
text-align: center
}
.penci-countdown-bsc.penci-style-right {
text-align: right
}
.penci-countdown-bsc.penci-border-solid .penci-countdown-amount {
border-style: solid
}
.penci-countdown-bsc.penci-border-dashed .penci-countdown-amount {
border-style: dashed
}
.penci-countdown-bsc.penci-border-dotted .penci-countdown-amount {
border-style: dotted
}
.penci-countdown-bsc.penci-border-double .penci-countdown-amount {
border-style: double
}
.penci-countdown-rtl {
direction: rtl
}
.penci-countdown-holding span {
color: #888
}
.penci-countdown-row {
clear: both;
width: 100%;
padding: 0;
display: block;
margin: -30px auto 0
}
.penci-countdown-show1 .penci-countdown-section {
width: 100%
}
.penci-countdown-show2 .penci-countdown-section {
width: 50%
}
.penci-countdown-show3 .penci-countdown-section {
width: 33.3333%
}
.penci-countdown-show4 .penci-countdown-section {
width: 25%
}
.penci-countdown-show5 .penci-countdown-section {
width: 20%
}
.penci-countdown-show6 .penci-countdown-section {
width: 16.6666667%
}
.penci-countdown-show7 .penci-countdown-section {
width: 14.2857143%
}
.penci-countdown-section {
display: block;
float: left;
font-size: 75%;
padding: 30px 15px 0
}
.penci-countdown-s1.penci-style-left .penci-countdown-section {
padding-left: 0;
}
.penci-countdown-s1.penci-style-right .penci-countdown-section {
padding-right: 0;
}
.penci-countdown-amount {
font-size: 90px;
color: #111;
font-family: 'Montserrat', sans-serif;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
min-width: 1em;
max-width: 100%;
min-height: 1em;
line-height: 1em;
display: inline-block;
}
.penci-countdown-s1 .penci-countdown-period {
display: block;
vertical-align: top
}
.penci-countdown-period {
display: inline-block;
padding: 0 4px;
font-size: 20px;
color: #111;
line-height: 1;
margin-top: 5px
}
.penci-period-upper .penci-countdown-period {
text-transform: uppercase;
}
.penci-countdown-descr {
display: block;
width: 100%
}
.penci-countdown-s4 .penci-countdown-row,
.penci-countdown-s3 .penci-countdown-row,
.penci-countdown-s2 .penci-countdown-row {
margin-left: -15px;
margin-right: -15px;
width: calc(100% + 30px);
}
.penci-countdown-s4 .penci-countdown-section,
.penci-countdown-s3 .penci-countdown-section,
.penci-countdown-s2 .penci-countdown-section {
position: relative;
}
.penci-countdown-s4 .penci-countdown-section:before,
.penci-countdown-s3 .penci-countdown-section:before,
.penci-countdown-s2 .penci-countdown-section:before {
content: '';
padding-top: 100%;
display: block;
}
.penci-countdown-s4 .penci-span-inner,
.penci-countdown-s3 .penci-span-inner,
.penci-countdown-s2 .penci-span-inner {
border-width: 1px;
border-style: solid;
border-radius: 5px;
overflow: hidden;
position: absolute;
top: 30px;
left: 15px;
right: 15px;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.penci-countdown-s4 .penci-countdown-amount,
.penci-countdown-s3 .penci-countdown-amount,
.penci-countdown-s2 .penci-countdown-amount {
font-size: 70px;
}
.penci-countdown-s4 .penci-countdown-period,
.penci-countdown-s3 .penci-countdown-period,
.penci-countdown-s2 .penci-countdown-period {
margin-bottom: 15px;
}
.penci-countdown-s4 .penci-span-inner span,
.penci-countdown-s3 .penci-span-inner span,
.penci-countdown-s2 .penci-span-inner span {
display: block;
}
.penci-countdown-s2 .penci-span-inner {
border-color: #6eb48c;
}
.penci-countdown-s3 .penci-span-inner {
border-color: #f5f5f5;
background-color: #f5f5f5;
border-radius: 50%;
}
.penci-countdown-s4 .penci-span-inner {
border: 0;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}
.penci-cup_icon {
font-size: 80px;
display: inline-block;
font-weight: 700;
text-align: center;
line-height: 1;
margin-bottom: 12px;
}
.penci-cup-number-wrapper {
font-size: 50px;
line-height: 50px;
margin-bottom: 5px;
color: #111;
display: inline-block;
}
.penci-cup-number-wrapper .penci-span-inner {
display: flex;
align-items: center;
}
.penci-counter-up .penci-cup-label {
font-size: 70%;
line-height: 100%
}
.penci-counter-up .penci-counterup-number {
margin-left: 5px;
margin-right: 5px;
}
.penci-counter-up .penci-cup-title {
font-family: 'Raleway', sans-serif;
font-style: normal;
font-weight: bold;
font-size: 24px;
margin-top: 5px;
}
.penci-counterup-center {
text-align: center;
}
.penci-counterup-right {
text-align: right;
float: right;
}
.penci-counterup-left {
text-align: left;
}
.penci-counter-up.penci-style-s2 .penci-counter-up_inner {
display: flex;
align-items: center;
}
.penci-style-s2 .penci-cup_icon {
margin-right: 15px;
}
.penci-image-not-caption .caption {
display: none !important;
}
.penci-image-gallery-s3 .penci-block_content,
.penci-image-gallery-s2 .penci-block_content {
display: flex;
flex-wrap: wrap;
}
.penci-image-gallery .pencisc-grid {
grid-column-gap: 0;
grid-row-gap: 0;
}
.penci-image-gallery .caption {
position: absolute;
bottom: 0;
background-color: #000;
left: 0;
right: 0;
margin: 0;
color: #fff;
font-size: 12px;
font-family: sans-serif;
font-weight: inherit;
padding: 9px 15px;
line-height: 1.5;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
transition: all 0.3s;
z-index: 20;
}
.penci-gallery-item:hover .caption {
opacity: 1;
}
.penci-gallery-item i {
font-size: 25px;
width: 1em;
height: 1em;
margin-left: -0.5em;
margin-top: -0.5em;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
z-index: 20;
transition: all 0.4s;
opacity: 0;
visibility: visible;
transform: scale(0.7);
}
.penci-gallery-item a::after {
content: '';
background: #6eb48c;
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
transition: all 0.3s;
visibility: visible;
opacity: 0;
}
.penci-gallery-item:hover i {
opacity: 1;
visibility: visible;
transform: scale(1);
}
.penci-gallery-item a:hover:after {
opacity: 0.6;
visibility: visible;
}
.penci-image-gallery-s2 .penci-galitem-1 {
width: 50%;
float: left;
}
.penci-image-gallery-s2 .penci-post-smalls,
.penci-image-gallery-s2 .penci-post-smalls .penci-gallery-item {
width: 50%;
float: left;
}
.penci-image-gallery-s4 .penci-gallery-big-item,
.penci-image-gallery-s3 .penci-gallery-big-item {
width: 50%;
float: left;
}
.penci-image-gallery-s4 .penci-gallery-small-item,
.penci-image-gallery-s3 .penci-gallery-small-item {
width: 33.3333%;
float: left;
}
.penci-login-register input[type="email"],
.penci-login-register input[type="submit"],
.penci-login-register input[type="text"],
.penci-login-register input[type="password"],
.penci-login-register input[type="number"] {
max-width: 100%;
width: 100%;
}
.penci-login-register p {
margin-bottom: 0;
}
.penci-login-register p.login-submit {
margin: 28px 0 0;
clear: both;
}
.penci-loginform-extra {
margin-top: 15px;
}
.penci-loginform-extra a:first-child {
margin-right: 10px;
}
.penci-login-form .penci-user-logged-in {
text-align: center;
}
.penci-user-logged-in .penci-login-header img {
border-radius: 50%;
width: 85px;
height: 85px;
}
.penci-user-logged-in .penci-login-header {
text-align: center;
margin-bottom: 15px;
}
.penci-user-logged-in .penci-text-hello {
opacity: .75;
}
.penci-user-logged-in .penci-display_name {
font-weight: 700;
}
.penci-user-logged-in .penci-user-action-links a {
display: inline-block;
text-decoration: none;
line-height: 30px;
height: 30px;
font-weight: normal;
text-transform: none;
font-size: 13px;
float: left;
width: 48%;
font-family: "Raleway", sans-serif;
background: #F5F5F5;
border-radius: 0;
color: #313131;
transition: .3s;
cursor: pointer;
text-align: center;
margin: 0;
padding: 0;
}
.penci-user-logged-in .penci-user-action-links a:hover {
color: #fff;
background: #6eb48c;
}
.penci-user-logged-in .penci-user-action-links i {
margin-right: 5px;
}
.penci-user-logged-in .penci-user-action-links a:first-child {
margin-right: 4%;
}
.penci-login-register .penci-login-wrap.hidden,
.penci-login-register .penci-register-wrap.hidden {
display: none;
}
.penci-login-register input.invalid {
border-color: red !important;
}
.penci-login-register .message-error {
color: #a94442;
background: #f2dede;
}
.penci-login-register .message-success {
color: #3c763d;
background: #dff0d8
}
.penci-login-register .message {
display: block;
margin-top: 10px;
padding: 5px 15px;
text-align: left;
clear: both;
}
.penci-block_content {
position: relative;
}
.penci-block_content .penci-loading-icon {
display: none;
}
.penci-block_content.ajax-loading .penci-loading-icon {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}
.penci-block_content.ajax-loading .penci-login-wrap,
.penci-block_content.ajax-loading .penci-register-wrap {
opacity: 0.3;
}
.penci-mailchimp-s1 .mc4wp-form,
.penci-mailchimp-s1 .widget input {
max-width: 100%;
}
.penci-mailchimp-s2 .penci-header-signup-form {
margin: 0;
padding: 20px;
}
.penci-mailchimp-s3 .footer-subscribe .mc4wp-form {
max-width: 540px;
margin: 0 auto;
}
.penci-mailchimp-block .mc4wp-form input[type="submit"]:not(:hover) {
background: #313131;
color: #fff;
}
.penci-working-hours .penci-workingh-lists ul {
margin: 0;
padding: 0
}
.penci-working-hours .penci-workingh-lists li {
list-style: none;
line-height: 30px;
color: #666;
margin-left: 0;
font-size: 15px
}
.penci-working-hours .penci-workingh-lists li:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important
}
.penci-working-hours .penci-workingh-lists .penci-workingh-item-inner {
position: relative;
overflow: hidden
}
.penci-working-hours .penci-workingh-lists .penci-workingh-line1 {
display: flex;
align-items: flex-start
}
.penci-working-hours .penci-workingh-lists .penci-icontitle {
flex: 1;
overflow: hidden
}
.penci-working-hours .penci-workingh-lists .penci-listitem-icon {
font-size: 14px;
padding-right: 10px;
padding-left: 1px
}
.penci-working-hours .penci-workingh-lists .penci-listitem-title {
font-weight: 700;
position: relative;
line-height: 1.3
}
.penci-working-hours .penci-workingh-lists .penci-listitem-title:before {
content: '';
border-top: 1px dotted;
position: absolute;
bottom: 20%;
left: 100%;
margin-left: 10px;
width: 2000px;
opacity: .7
}
.penci-working-hours .penci-workingh-lists .penci-listitem-hours {
float: right;
z-index: 1;
position: relative;
padding-left: 10px
}
.penci-working-hours .penci-workingh-lists .penci-listitem-subtitle {
display: block;
line-height: 1.3;
margin-bottom: 5px
}
.penci-working-hours .penci-workingh-lists .penci-workingh-icon,
.penci-working-hours .penci-workingh-lists .penci-listitem-title,
.penci-working-hours .penci-workingh-lists .penci-listitem-hours {
line-height: inherit;
color: inherit
}
.penci-progress-bar .penci-probar-items {
margin: 0;
padding: 0
}
.penci-progress-bar .penci-probar-items li {
list-style: none;
margin-left: 0;
margin-bottom: 20px
}
.penci-progress-bar .penci-probar-items li:last-child {
margin-bottom: 0 !important
}
.penci-progress-bar .penci-probar-items .penci-probar-text {
line-height: 1.3;
color: #111;
}
.penci-progress-bar .penci-probar-items .penci-probar-point {
font-weight: 700;
text-transform: uppercase
}
.penci-progress-bar .penci-probar-items .penci-probar-score {
float: right;
text-align: right
}
.penci-progress-bar .penci-probar-items .penci-review-process {
margin-top: 10px;
overflow: hidden;
}
.penci-progress-bar .penci-review-process {
display: block;
height: 13px;
background-color: #e6e6e6;
width: 100%;
margin-top: 5px;
}
.penci-progress-bar .penci-review-process span {
display: block !important;
height: 100%;
width: 0;
background-color: #6eb48c;
}
.penci-progress-bar .penci-probar-animated {
transition: width 1s linear;
-moz-transition: width 1s linear;
-webkit-transition: width 1s linear;
-o-transition: width 1s linear;
-webkit-animation: progress-bar-stripes 2s linear infinite;
-moz-animation: progress-bar-stripes 2s linear infinite;
-ms-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite
}
.penci-progress-bar .penci-probar-striped {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-moz-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-ms-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 0 0;
}
to {
background-position: 40px 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.penci-social-counter .penci-block_content {
width: 100%;
}
.penci-socialCT-wrap .penci-socialCT-item {
overflow: hidden;
margin-bottom: 10px;
}
.penci-socialCT-wrap .penci-social-content {
width: 100%;
min-height: 40px;
border: 0;
padding: 5px 30px;
position: relative;
transition: all 0.3s;
overflow: hidden;
height: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.penci-socialCT-wrap .penci-socialCT-item {
display: block;
}
.penci-socialCT-wrap .penci-socialCT-item,
.penci-socialCT-wrap .penci-socialCT-item a {
color: #fff;
}
.penci-socialCT-wrap i {
margin-right: 10px;
}
.penci-socialCT-wrap .penci-social-button span {
margin-right: 5px;
}
.penci-socialCT-wrap .penci-socialCT-item:hover .penci-social-content {
opacity: 0.85;
}
.penci-socialCT-wrap .penci-social-content i,
.penci-socialCT-wrap .penci-social-content span {
color: inherit;
font-size: inherit;
display: inline-block;
vertical-align: top;
line-height: 20px;
}
.penci-socialCT-s1 .penci-social-content > span {
display: block;
width: 100%;
}
.penci-socialCT-wrap.penci-socialCT-s2 i,
.penci-socialCT-wrap.penci-socialCT-s2 .penci-social-name,
.penci-socialCT-wrap.penci-socialCT-s1 i,
.penci-socialCT-wrap.penci-socialCT-s1 .penci-social-name {
font-size: 14px;
text-transform: uppercase;
}
.penci-socialCT-wrap.penci-socialCT-s2 .penci-social-button,
.penci-socialCT-wrap.penci-socialCT-s1 .penci-social-button {
font-size: 12px;
}
.penci-socialCT-s1 .penci-social-name {
margin-right: 15px;
}
.penci-socialCT-s2 .penci-social-button,
.penci-socialCT-s1 .penci-social-button {
float: right;
text-transform: uppercase;
}
.penci-socialCT-s2 .penci-social-content,
.penci-socialCT-s1 .penci-social-content {
border-radius: 3px;
overflow: hidden;
}
.penci-socialCT-s1 .penci-socialCT-item,
.penci-socialCT-s1 .penci-socialCT-item a {
width: 100%;
}
.penci-socialCT-s4 .penci-social-content,
.penci-socialCT-s2 .penci-social-content {
justify-content: center;
}
.penci-socialCT-wrap.penci-socialCT-s2 {
margin-left: -5px;
margin-right: -5px;
margin-top: -10px;
overflow: hidden;
}
.penci-socialCT-s2 .penci-socialCT-item {
width: 50%;
padding-left: 5px;
padding-right: 5px;
float: left;
margin-top: 10px;
margin-bottom: 0;
}
.penci-socialCT-wrap.penci-socialCT-s5,
.penci-socialCT-wrap.penci-socialCT-s3 {
margin: -10px -5px 0;
overflow: hidden;
}
.penci-socialCT-s5 .penci-socialCT-item,
.penci-socialCT-s3 .penci-socialCT-item {
width: 50px;
height: 40px;
line-height: 36px;
float: left;
padding: 0 5px;
margin-top: 10px;
margin-bottom: 0;
}
.penci-socialCT-wrap.penci-socialCT-s5 .penci-social-content,
.penci-socialCT-wrap.penci-socialCT-s3 .penci-social-content {
padding: 0 5px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
}
.penci-socialCT-wrap.penci-socialCT-s5 .penci-social-content {
border-radius: 50%;
overflow: hidden;
}
.penci-socialCT-wrap.penci-socialCT-s6 i,
.penci-socialCT-wrap.penci-socialCT-s5 i,
.penci-socialCT-wrap.penci-socialCT-s3 i {
margin: 0;
}
.penci-socialCT-s4 .penci-social-content a,
.penci-socialCT-s4 .penci-social-content i,
.penci-socialCT-s4 .penci-social-content span {
display: block;
line-height: 1.3;
text-align: center;
margin: 0;
}
.penci-socialCT-s4 {
margin-left: -2px;
margin-right: -2px;
margin-top: -4px;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.penci-socialCT-s4 .penci-socialCT-item {
width: 33.33333%;
float: left;
min-height: 90px;
padding-left: 2px;
padding-right: 2px;
margin-top: 4px;
margin-bottom: 0;
}
.penci-socialCT-s4 .penci-social-content {
padding: 10px;
}
.penci-socialCT-s4 .penci-social-content i {
font-size: 18px;
line-height: 1.33;
padding-bottom: 6px;
}
.penci-socialCT-s4 .penci-social-content .penci-social-number {
padding-bottom: 3px;
}
.penci-socialCT-s4 .penci-social-content .penci-social-info-text {
font-size: 10px;
}
.penci-socialCT-wrap.penci-socialCT-s6 {
display: flex;
flex-wrap: wrap;
margin: -30px -10px 0;
}
.penci-socialCT-s6 .penci-socialCT-item {
width: 33.333%;
text-align: center;
margin-top: 30px;
padding-left: 10px;
padding-right: 10px;
}
.penci-socialCT-s6 .penci-social-content {
height: 90px;
width: 90px;
min-height: 0;
justify-content: center;
align-items: center;
border-radius: 50%;
margin: 0 auto 12px;
}
.penci-socialCT-s6 .penci-socialCT-item i {
font-size: 24px;
}
.penci-socialCT-s6 .penci-social-info-text,
.penci-socialCT-s6 .penci-social-number {
color: #111;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
.penci-socialCT-s6 .penci-social-info-text {
margin-left: 3px;
}
.pencisc-column-3 .penci-socialCT-wrap {
display: flex;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
}
.pencisc-column-3 .penci-socialCT-s1 .penci-socialCT-item {
width: 33.333%;
padding-left: 5px;
padding-right: 5px;
float: left;
}
.pencisc-column-3 .penci-socialCT-s2 .penci-socialCT-item {
width: 16.6666667%;
}
.pencisc-column-3 .penci-socialCT-s6 .penci-socialCT-item,
.pencisc-column-3 .penci-socialCT-s4 .penci-socialCT-item {
width: 12.5%;
}
.pencisc-column-2 .penci-socialCT-s1 .penci-socialCT-item {
width: 50%;
padding-left: 5px;
padding-right: 5px;
float: left;
}
.pencisc-column-2 .penci-socialCT-s2 .penci-socialCT-item {
width: 25%;
}
.pencisc-column-2 .penci-socialCT-s6 .penci-socialCT-item,
.pencisc-column-2 .penci-socialCT-s4 .penci-socialCT-item {
width: 16.6666667%;
}
.penci-teammb-bsc {
text-align: center;
}
.penci-teammb-bsc .penci-teammb-inner {
padding: 30px 15px;
}
.penci-teammb-s1 .penci-teammb-inner {
border: 1px solid #dedede;
}
.penci-teammb-s2 .penci-teammb-img,
.penci-teammb-s1 .penci-teammb-img {
width: 150px;
height: 150px;
border-radius: 50%;
max-width: 100%;
margin-bottom: 21px;
}
.penci-teammb-s2 .penci-teammb-img:before,
.penci-teammb-s1 .penci-teammb-img:before {
padding-top: 100%;
}
.penci-teammb-bsc .penci-team_member_name {
font-size: 20px;
margin-top: 10px;
margin-bottom: 0;
}
.penci-teammb-s1 .penci-team_member_name {
margin-top: 0;
}
.penci-team_member_desc {
margin-top: 15px;
}
.penci-team_member_socails {
margin-top: 15px;
overflow: hidden;
}
.penci-team_member_pos {
color: #999;
text-transform: uppercase;
font-weight: bold;
}
.penci-teammb-s2 .penci-team_member_pos,
.penci-teammb-s3 .penci-team_member_pos {
margin-top: 15px;
}
.penci-teammb-bsc .penci-team_member_socails {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
line-height: 1;
}
.penci-teammb-bsc .penci-team_member_socails .penci-social-item.penci-social-item {
margin-right: 5px;
margin-left: 5px;
}
.penci-teammb-s2 .penci-teammb-inner {
background-color: #f5f5f5;
border: none;
border-radius: 15px;
padding-top: 40px;
padding-bottom: 40px;
}
.penci-teammb-s3 .penci-teammb-inner {
background-color: #f5f5f5;
padding: 0;
}
.penci-teammb-s3 .penci-teammb-img {
width: 100%;
display: block;
}
.penci-teammb-s3 .penci-teammb-img:before {
padding-top: 66.6667%;
}
.penci-teammb-s3 .penci-team_item__info {
padding: 25px 20px 30px;
}
.penci-teammb-s3 .penci-team_member_desc {
margin-top: 10px;
}
.penci-teammb-s4 .penci-teammb-inner {
background-color: #fff;
box-shadow: 0px 15px 30px 0 rgba(0, 0, 0, 0.1);
padding: 0;
position: relative;
}
.penci-teammb-s4 .penci-teammb-img:before {
padding-top: 120%;
}
.penci-teammb-s4 .penci-team_item__info {
padding: 20px 10px 20px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
transform: translateY(35px);
transition: all 0.3s;
}
.penci-teammb-s4 .penci-social-wrap .penci-social-item {
width: auto;
height: auto;
background: transparent !important;
}
.penci-teammb-s4 .penci-team_member_desc {
display: none;
}
.penci-teammb-s4 .penci-team_member_pos,
.penci-teammb-s4 .penci-team_member_name,
.penci-teammb-s4 .penci-social-wrap .penci-social-item {
color: #fff;
}
.penci-teammb-s4 .penci-team_member_socails .penci-social-item.penci-social-item {
margin-right: 10px;
margin-left: 10px;
font-size: 15px;
}
.penci-teammb-s4 .penci-social-wrap .penci-social-item:hover {
color: #6eb48c;
}
.penci-teammb-s4 .penci-teammb-img:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
z-index: 1;
bottom: 0;
right: 0;
background: linear-gradient(to bottom, transparent 50%, #000 90%);
opacity: .6;
transition: opacity .3s;
}
.penci-teammb-s4 .penci-teammb-item:hover .penci-team_item__info {
transform: translateY(0);
}
.penci-teammb-s4 .penci-team_member_pos {
margin-top: 10px;
}
.penci-testimonail {
text-align: center;
position: relative;
}
.penci-testimonail .penci-testi-bq-icon:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.penci-testi-s1 .penci-testimonail .penci-testi-blockquote {
font-family: 'Playfair Display', serif;
font-size: 23px;
font-weight: bold;
font-style: italic;
line-height: 1.5;
color: #111111;
clear: both;
position: relative;
text-align: center;
background-color: #f5f5f5;
padding: 39px 30px 35px;
margin-top: 24px;
}
.penci-testi-s1 .penci-testimonail .penci-testi-bq-icon {
width: 48px;
height: 48px;
position: absolute;
top: -24px;
left: 50%;
margin-left: -24px;
}
.penci-testi-s1 .penci-testimonail .penci-testi-bq-icon:before {
content: '“';
font-weight: bold;
font-style: normal;
display: block;
text-align: center;
border-radius: 50%;
font-family: 'Playfair Display', serif;
margin: 0;
width: 48px;
height: 48px;
font-size: 48px;
line-height: 48px;
background-color: #6eb48c;
color: #fff;
padding-top: 6px;
z-index: 2
}
.penci-testi-rating {
color: #ffb74d;
font-size: 18px;
margin-top: 30px;
}
.penci-testi-rating i:not( :last-child ) {
margin-right: 3px;
}
.penci-testi-avatar {
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
margin: 25px auto 0;
background: #e6e9ec;
}
.penci-testi-avatar img {
width: 100%;
height: auto;
display: block;
}
.penci-testi-name {
font-size: 16px;
margin-top: 18px;
margin-bottom: 0;
}
.penci-testi-company {
font-size: 12px;
margin-top: 12px;
text-transform: uppercase;
}
.penci-testi-s2 .penci-testimonail {
text-align: left;
}
.penci-testi-s2 .penci-testimonail .penci-testi-blockquote {
border: 1px solid #f5f5f5;
background-color: #ffff;
border-radius: 15px;
padding: 30px 30px 56px;
}
.penci-testi-s2 .penci-testimonail .penci-testi-bq-icon:before {
content: '“';
font-weight: bold;
font-style: normal;
display: block;
text-align: center;
border-radius: 50%;
font-family: 'Playfair Display', serif;
margin: 0;
width: 48px;
height: 48px;
font-size: 102px;
line-height: 48px;
padding-top: 6px;
z-index: 2;
color: #6eb48c;
}
.penci-testi-s2 .penci-testi-avatar {
margin-left: 30px;
margin-top: -30px;
position: relative;
z-index: 10;
}
.penci-testi-s2 .penci-testi-rating {
margin-top: 5px;
}
.penci-testi-s2 .penci-testi-name,
.penci-testi-s2 .penci-testi-company {
margin-left: 30px;
}
.penci-testi-s3 .penci-testimonail .penci-testi-bq-icon:before {
content: '“';
font-weight: bold;
font-style: normal;
display: block;
text-align: center;
border-radius: 50%;
font-family: 'Playfair Display', serif;
margin: 0 auto;
width: 48px;
height: 48px;
font-size: 48px;
line-height: 48px;
padding-top: 6px;
z-index: 2;
border: 2px solid #6eb48c;
color: #6eb48c;
}
.penci-testi-s3 .penci-testi-bq-icon {
margin-bottom: 16px;
display: block;
}
.penci-testi-s3 .penci-testimonail .penci-testi-blockquote {
font-family: 'Playfair Display', serif;
font-size: 23px;
font-style: italic;
line-height: 1.5;
color: #111111;
clear: both;
position: relative;
text-align: center;
}
.penci-testi-s3 .penci-testi-name {
text-transform: uppercase;
color: #6eb48c;
}
.penci-media-obj {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.penci-media-obj .penci-mobj-img {
margin-right: 20px;
position: relative;
}
.penci-media-obj .penci-mobj-body {
flex: 1;
}
.penci-media-obj.penci-mobj-right .penci-mobj-img {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin-right: 0;
margin-left: 20px;
}
.penci-video_playlist .penci-block_content {
position: relative;
display: flex;
flex-wrap: wrap;
}
.penci-video_playlist .penci-playlist-title {
background: #6eb48c;
color: #fff;
min-height: 70px;
width: 100%;
padding: 0 15px;
line-height: 17px;
font-size: 20px;
z-index: 9
}
.penci-video_playlist .penci-playlist-title .playlist-title-icon {
font-size: 27px;
float: left;
margin-right: 10px;
height: 70px;
line-height: 70px;
width: 40px;
text-align: center;
font-weight: 400
}
.penci-video_playlist .penci-playlist-title a {
color: inherit
}
.penci-video_playlist .penci-playlist-title .fa {
padding-right: 5px
}
.penci-video_playlist .penci-playlist-title h2 {
padding-top: 14px;
font-size: 18px;
clear: none;
color: inherit;
margin: 0;
}
.penci-video_playlist .penci-playlist-title .penci-videos-number {
font-size: 11px;
display: block;
float: left
}
.penci-video_playlist .penci-video-play {
background-color: #111;
position: relative;
width: 66%;
float: left;
}
.penci-video_playlist .penci-video-nav {
width: 34%;
height: 100%;
float: right;
position: absolute;
top: 0;
right: 0;
border-width: 0 1px 1px 0;
background: #f5f5f5;
overflow: hidden;
}
.penci-video_playlist .penci-custom-scroll {
overflow-y: auto;
height: 100%;
}
.penci-video_playlist .penci-custom-scroll::-webkit-scrollbar {
width: 6px;
background: #dedede;
}
.penci-video_playlist .penci-custom-scroll::-webkit-scrollbar-thumb {
background-color: #6eb48c;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0
}
.penci-video_playlist .penci-custom-scroll::-webkit-scrollbar-corner {
background-color: #dedede;
}
.penci-video_playlist .fluid-width-video-wrapper {
padding-top: 56.25% !important
}
.penci-video_playlist .penci-video-play {
background-color: #111;
position: relative;
width: 66%;
float: left
}
.penci-video_playlist .penci-video-play .video-player-wrapper {
position: relative;
z-index: 2
}
.penci-video_playlist .penci-video-play .loader-overlay {
z-index: 1
}
.penci-video_playlist .penci-video-play .video-frame {
visibility: hidden
}
.penci-video_playlist .penci-video-play iframe {
width: 100%
}
.penci-video_playlist .fluid-width-video-wrapper {
position: relative;
z-index: 2
}
.penci-video_playlist .penci-video-nav .penci-video-thumbnail {
width: 100px;
height: 56px;
float: left;
}
.penci-video_playlist .penci-video-thumbnail:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
z-index: 1;
transition: opacity .3s ease;
}
.penci-video_playlist .penci-video-nav .penci-video-thumbnail:hover:after {
opacity: .3;
}
.penci-video_playlist .penci-video-nav .playlist-panel-item {
float: left;
width: 20px;
text-align: left;
line-height: 56px;
font-size: 13px;
color: #111;
}
.penci-video_playlist .penci-video-nav .penci-video-playlist-item {
padding: 12px 15px;
display: block;
overflow: hidden;
cursor: pointer;
border-bottom: 1px solid #dedede;
transition: all .3s;
}
.penci-video_playlist .penci-video-nav .penci-video-playlist-item:hover {
background: #dedede;
}
.penci-video_playlist .penci-video-playlist-item .penci-video-play-icon {
display: none;
color: #6eb48c;
}
.penci-video_playlist .penci-video-playlist-item .penci-video-paused-icon {
display: none;
}
.penci-video_playlist .penci-video-playlist-item.is-playing .penci-video-play-icon {
display: block;
}
.penci-video_playlist .penci-video-playlist-item.is-playing .penci-video-number {
display: none;
}
.penci-video_playlist .penci-video-playlist-item.is-paused .penci-video-paused-icon {
display: block;
}
.penci-video_playlist .penci-video-playlist-item.is-paused .penci-video-number {
display: none;
}
.penci-video_playlist .penci-video-playlist-item .penci-video-title {
font-size: 13px;
font-weight: 400;
line-height: 1.3;
font-family: inherit;
width: 100%;
display: block;
float: left;
margin-top: -2px;
transition: all 0.3s;
color: #000;
}
.penci-video_playlist .penci-video-playlist-item .penci-video-title:hover {
color: #6eb48c;
}
.penci-video_playlist .penci-video-playlist-item .penci-video-duration {
float: left;
font-size: 11px;
color: #888;
margin-top: 5px;
line-height: 1;
}
.pencisc-column-1.penci-video_playlist .penci-video-nav {
width: 100%;
position: relative;
}
.pencisc-column-1.penci-video_playlist .penci-video-play {
width: 100%;
}
.pencisc-column-2.penci-video_playlist .penci-video-nav .penci-video-thumbnail,
.pencisc-column-1.penci-video_playlist .penci-video-nav .penci-video-thumbnail {
width: 75px;
height: 42.18px;
}
.pencisc-column-1.penci-video_playlist .penci-video-nav .penci-video-playlist-nav {
min-height: 100px;
max-height: 356px;
}
.pencisc-column-2.penci-video_playlist .penci-video-nav .playlist-panel-item,
.pencisc-column-1.penci-video_playlist .penci-video-nav .playlist-panel-item {
position: absolute;
bottom: 0;
left: 0;
font-size: 10px;
width: 20px;
height: 20px;
text-align: center;
vertical-align: middle;
line-height: 20px;
z-index: 10;
background: #6eb48c;
color: #fff;
}
.penci-media-carousels .penci-image-holder {
background-color: transparent;
height: 200px;
}
.penci-media-carousels .penci-image-holder:before {
padding-top: 0;
}
.penci-media-carousels .overlay-icon-format {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
}
.penci-media-carousels .penci-media-content {
text-align: center;
}
.penci-media-carousels .penci-media-title {
font-size: 18px;
font-weight: 600;
margin-top: 20px;
}
.penci-media-carousels .penci-media-desc {
margin-top: 18px;
}
.penci-weather-widget {
overflow: hidden;
color: #111;
}
.penci-weather-city {
font-size: 24px;
font-weight: bold;
line-height: 1;
margin-bottom: 7px;
}
.penci-weather-condition {
font-size: 14px;
line-height: 1;
text-transform: capitalize;
opacity: .8;
}
.penci-location-icon {
position: absolute;
top: 0;
right: 10px;
font-size: 22px;
opacity: .6;
z-index: 1;
}
.penci-location-icon:hover {
cursor: pointer;
opacity: .9;
}
.penci-weather-temperature {
padding: 3px 0;
display: inline-block;
width: 100%;
float: left;
text-align: center;
}
@media screen and (max-width: 1018px) {
.penci-weather-temperature {
margin-bottom: -6px;
padding: 0;
}
}
.penci-weather-temp-wrap {
display: inline-block;
}
.penci-weather-now {
float: left;
text-align: center;
line-height: 1;
padding: 32px 16px;
font-weight: 300;
max-width: 145px;
width: 50%;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media screen and (max-width: 1018px) {
.penci-weather-now {
padding: 28px 0;
position: relative;
left: -10px;
width: 90px;
margin-left: 12px;
}
}
@media screen and (min-width: 768px) and (max-width: 1018px) {
.penci-weather-now {
margin-left: 0;
}
}
@media screen and (max-width: 767px) {
.penci-weather-now {
width: 100px;
}
}
.penci-weather-now .penci-big-degrees {
font-size: 40px;
}
@media screen and (max-width: 1018px) {
.penci-weather-now .penci-big-degrees {
font-size: 32px;
}
}
.penci-weather-now .penci-circle {
font-size: 30px;
position: relative;
top: -6px;
opacity: .6;
line-height: 1;
vertical-align: top;
}
.penci-weather-now .penci-weather-unit {
font-size: 16px;
position: relative;
top: -4px;
font-weight: 400;
opacity: .6;
left: -2px;
line-height: 1;
vertical-align: top;
}
.penci-weather-now:hover {
cursor: pointer;
}
.penci-weather-lo-hi {
float: left;
text-align: left;
}
.penci-weather-lo-hi__content {
padding: 15px 0;
}
.penci-weather-lo-hi__content .penci-circle {
padding-left: 3px;
}
.penci-weather-degrees-wrap {
padding: 15px 0;
text-align: right;
}
.penci-weather-degrees-wrap:before,
.penci-weather-degrees-wrap:after {
content: '';
display: table;
clear: both;
}
@media screen and (max-width: 1018px) {
.penci-weather-degrees-wrap {
padding: 10px;
}
}
.penci-weather-degrees-wrap i {
position: relative;
top: 1px;
font-size: 16px;
color: #b3b3b3;
right: 5px;
}
.penci-weather-degrees-wrap .penci-small-degrees {
font-size: 12px;
}
.penci-weather-degrees-wrap .penci-circle {
font-size: 18px;
position: relative;
right: 3px;
top: 3px;
}
.penci-weather-information {
font-size: 12px;
position: relative;
padding: 5px 0;
display: inline-block;
width: 100%;
vertical-align: top;
opacity: .6;
margin-top: 19px;
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;
}
.penci-weather-information i {
font-size: 16px;
position: relative;
top: 2px;
margin-right: 5px;
}
.penci-weather-section {
float: left;
width: 33%;
}
.penci_humidty {
text-align: right;
padding-right: 10px;
}
.penci_wind {
text-align: center;
}
.penci_clouds {
text-align: left;
padding-left: 10px;
}
.penci-weather-week {
padding: 15px 8px;
width: 100%;
text-align: center;
line-height: 1;
position: relative;
display: block;
margin-bottom: -5px;
clear: both;
overflow: hidden;
}
.penci-weather-week:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #6eb48c;
opacity: .07;
}
.penci-weather-days {
width: 20%;
float: left;
text-align: center;
text-transform: uppercase;
line-height: 1;
}
.penci-weather-days .penci-day {
margin-bottom: 8px;
font-size: 11px;
opacity: .5;
}
.penci-weather-days .penci-day-degrees {
font-size: 20px;
position: relative;
left: 4px;
line-height: 14px;
opacity: .7;
}
.penci-weather-days .penci-circle {
position: relative;
right: 5px;
}
.penci-weather-days .penci-day {
margin-top: 8px;
font-size: 11px;
opacity: .5;
}
.penci-weather-set-location {
display: none;
position: absolute;
top: 0;
}
.penci-weather-set-location .penci-location-set-input {
height: 20px;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
border: 0;
padding: 0 10px;
}
.penci-weather-set-location .penci-location-set-input:focus ~ label {
top: -20px;
font-size: 11px;
opacity: .5;
}
.penci-show-location {
display: block !important;
}
.penci-show-location label {
position: absolute;
top: 0;
left: 10px;
font-size: 13px;
opacity: .6;
pointer-events: none;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.penci-weather-animated-icon {
float: left;
text-align: right;
position: relative;
}
.penci-weather-animated-icon i {
width: 70px;
font-size: 70px;
opacity: 0.4;
top: 15px;
left: 0;
right: auto;
}
.penci_facebook_widget .penci-block_content {
text-align: center;
}
.penci_facebook_widget .fb_iframe_widget {
max-width: 340px;
}
.penci-pricing-item {
color: #888;
text-align: center;
padding: 20px;
font-size: 15px;
box-sizing: content-box;
overflow: hidden;
position: relative;
}
.penci-pricing-s1.penci-pricing_featured {
padding-top: 60px;
padding-bottom: 60px;
transform: translateY(-30px);
position: relative;
}
.penci-pricing_featured .penci-pricing-ribbon {
position: absolute;
height: 60px;
width: 38px;
background: #6eb48c;
color: #fff;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
right: 15px;
top: 0;
padding-bottom: 15px;
display: flex;
align-items: flex-end;
justify-content: center;
font-size: 18px;
}
.penci-pricing-item.penci-pricing-s1 {
border: 1px solid #6eb48c;
}
.penci-pricing-item.penci-pricing-s2 {
box-shadow: 0px 15px 30px 0 rgba(0, 0, 0, 0.1);
background-color: #ffff;
border-radius: 15px;
}
.penci-pricing-item.penci-pricing-s2 .penci-pricing-btn {
border-radius: 10px
}
.penci-pricing-item:after {
content: '';
display: table;
width: 100%
}
.penci-pricing-item .penci-pricing-inner {
position: relative
}
.penci-pricing-item .penci-pricing-image {
width: 150px;
text-align: center;
margin: 0 auto 20px;
overflow: hidden
}
.penci-pricing-item .penci-pricing-image img {
height: auto;
display: inline-block;
vertical-align: top;
}
.penci-pricing-item .penci-pricing-header {
margin-bottom: 20px
}
.penci-pricing-item .penci-pricing-title {
font-size: 36px;
font-weight: 700
}
.penci-pricing-item .penci-pricing-subtitle {
color: #888;
line-height: 1.3
}
.penci-pricing-item .penci-pricing-title, .penci-pricing-item .penci-price-unit {
color: #111
}
.penci-pricing-item .penci-pricing-price {
font-size: 48px;
line-height: 1;
display: inline-block;
}
.penci-pricing-item .penci-pricing-unit {
display: block
}
.penci-pricing-item .penci-pricing-featured {
margin-top: 20px;
margin-bottom: 30px
}
.penci-pricing-item .penci-pricing-featured ul {
margin: 0;
padding: 0
}
.penci-pricing-item .penci-pricing-featured li {
margin-left: 0;
list-style: none;
font-size: 15px;
margin-bottom: 12px;
line-height: 1.3
}
.penci-pricing-item .penci-pricing-featured li:last-child {
margin-bottom: 0
}
.penci-pricing-item .penci-pricing-btn {
display: block;
width: 100%;
font-size: 15px;
box-sizing: border-box;
max-width: 100%;
text-decoration: none !important;
}
@media (max-width: 768px) {
.penci-pricing-s1.penci-pricing_featured {
transform: translateY(0)
}
}
.penci-ctslide-wrap {
height: 400px;
position: relative;
}
.penci-ctslide-wrap:before {
display: block;
width: 100%;
background: none !important;
box-shadow: none !important
}
.penci-custom-slide {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.penci-ctslide-inner {
height: 100%;
width: 100%;
z-index: 10;
}
.penci-ctslider-bg-overlay,
.penci-ctslide-bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-width: 100%;
min-height: 100%;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 10s;
-o-transition-duration: 10s;
transition-duration: 10s;
}
.penci-ctslider-content,
.penci-ctslide-inner {
position: relative;
z-index: 50;
}
.penci-ctslide-inner {
display: flex;
}
.penci-slides-wrap .owl-item.active .penci-ctslide-bg {
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-duration: 20s;
animation-duration: 20s;
}
.penci-slides-wrap .owl-item.active .penci-ctslide-bg.penci-ctslider-ken-in {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-animation-name: penci-ken-burns-in;
animation-name: penci-ken-burns-in;
}
.penci-slides-wrap .owl-item.active .penci-ctslide-bg.penci-ctslider-ken-out {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-animation-name: penci-ken-burns-out;
animation-name: penci-ken-burns-out;
}
.penci-slides-wrap .penci-ctslider-content {
padding: 30px;
width: 100%;
}
.penci-v-poswrap-top .penci-ctslide-inner {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.penci-v-poswrap-bottom .penci-ctslide-inner {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.penci-v-poswrap-middle .penci-ctslide-inner {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.penci-h-poswrap-left .penci-ctslide-inner {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.penci-h-poswrap-right .penci-ctslide-inner {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.penci-h-poswrap-center .penci-ctslide-inner {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.xpenci-slides-wrap div:not(.lslide ) > .penci-ctslide-inner {
display: none;
}
.penci-slides-wrap .pencislider-caption,
.penci-slides-wrap .pencislider-title {
color: #fff;
}
.penci-slides-wrap .pencislider-caption,
.penci-slides-wrap .pencislider-title,
.penci-slides-wrap .penci-slider_btnwrap {
opacity: 0;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .65s;
-moz-animation-duration: .65s;
-ms-animation-duration: .65s;
-o-animation-duration: .65s;
animation-duration: .65s;
-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
-o-animation-delay: .5s;
animation-delay: .5s;
}
.penci-slides-wrap .pencislider-title {
font-size: 30px;
line-height: 1.2em;
text-transform: uppercase;
margin: 0 0 15px 0;
animation-delay: 0.9s;
-webkit-animation-delay: 0.9s;
}
.penci-slides-wrap .pencislider-caption {
font-size: 16px;
line-height: 1.4;
margin: 0 0 25px 0;
-webkit-animation-delay: 1.1s;
-moz-animation-delay: 1.1s;
animation-delay: 1.1s;
}
.penci-slides-wrap .penci-slider_btnwrap {
margin: 0;
background: none;
padding: 0;
vertical-align: top;
animation-delay: 1.3s;
-webkit-animation-delay: 1.3s;
}
.penci-slider_btnwrap .pencislider-btn {
display: inline-block;
background: transparent;
border: 1px solid #fff;
color: #fff;
line-height: 1;
height: 36px;
padding: 0 20px;
border-radius: 0;
font-size: 12px;
font-weight: 600;
width: auto;
}
.penci-slider_btnwrap .pencislider-btn > span {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
white-space: nowrap;
}
.penci-slider_btnwrap .pencislider-btn:hover {
background: #6eb48c;
border-color: #6eb48c;
color: #fff;
text-decoration: none;
}
.penci-slider_btnwrap .pencislider-btn:not( :last-child ) {
margin-right: 15px;
}
@keyframes penci-ken-burns-in {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}
@keyframes penci-ken-burns-out {
0% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
.penci-slides-wrap .active .penci-fadeInDown .pencislider-title,
.penci-slides-wrap .active .penci-fadeInDown .pencislider-caption,
.penci-slides-wrap .active .penci-fadeInDown .penci-slider_btnwrap {
-webkit-animation-name: pencifadeInDown;
-moz-animation-name: pencifadeInDown;
-o-animation-name: pencifadeInDown;
animation-name: pencifadeInDown;
}
.penci-slides-wrap .active .penci-fadeInUp .pencislider-title,
.penci-slides-wrap .active .penci-fadeInUp .pencislider-caption,
.penci-slides-wrap .active .penci-fadeInUp .penci-slider_btnwrap {
-webkit-animation-name: pencifadeInUp;
-moz-animation-name: pencifadeInUp;
-o-animation-name: pencifadeInUp;
animation-name: pencifadeInUp;
}
.penci-slides-wrap .active .penci-fadeInLeft .pencislider-title,
.penci-slides-wrap .active .penci-fadeInLeft .pencislider-caption,
.penci-slides-wrap .active .penci-fadeInLeft .penci-slider_btnwrap {
-webkit-animation-name: pencifadeInLeft;
-moz-animation-name: pencifadeInLeft;
-o-animation-name: pencifadeInLeft;
animation-name: pencifadeInLeft;
}
.penci-slides-wrap .active .penci-fadeInRight .pencislider-title,
.penci-slides-wrap .active .penci-fadeInRight .pencislider-caption,
.penci-slides-wrap .active .penci-fadeInRight .penci-slider_btnwrap {
-webkit-animation-name: pencifadeInRight;
-moz-animation-name: pencifadeInRight;
-o-animation-name: pencifadeInRight;
animation-name: pencifadeInRight;
}
@-webkit-keyframes pencifadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes pencifadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes pencifadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes pencifadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes pencifadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes pencifadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes pencifadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -40px, 0);
transform: translate3d(0, -40px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes pencifadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -40px, 0);
transform: translate3d(0, -40px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.popUpfadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes popUpfadeInDown {
from {
opacity: 0;
transform: translate3d(0, -80px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.penci-page-header-wrap {
background: #dfdfdf;
color: #111;
overflow: hidden;
padding-top: 80px;
padding-bottom: 80px;
margin-bottom: 60px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
text-align: center;
}
.penci-body-epageheader #header,
.penci-body-epageheader .penci-header-signup-form {
margin-bottom: 0;
margin-top: 0;
}
.penci-page-header-wrap .container.penci-breadcrumb {
margin-top: 0;
width: 100%;
margin-bottom: 0;
}
.penci-page-header-wrap .penci-page-header-title {
position: relative;
text-transform: uppercase;
font-size: 30px;
font-weight: 600;
color: #111;
line-height: 1;
padding: 0 0 14px;
margin: 0 0 23px;
}
.penci-page-header-wrap .penci-page-header-title:before {
content: "";
position: absolute;
border-top: 2px solid;
width: 40px;
bottom: 0;
left: 50%;
color: inherit;
opacity: 0.2;
margin-left: -20px;
}
.penci-page-header-wrap.penci-phhide-bread .penci-page-header-title {
margin-bottom: 0 !important;
}
.penci-page-header-wrap.penci-phhide-line .penci-page-header-title {
padding-bottom: 0 !important;
}
.penci-page-header-wrap.penci-phhide-line .penci-page-header-title:before {
content: none;
}
.penci-page-header-wrap.penci-pheader-left {
text-align: left;
}
.penci-page-header-wrap.penci-pheader-left .penci-page-header-title:before {
left: 0;
margin-left: 0;
}
.penci-page-header-wrap.penci-pheader-center {
text-align: center;
}
.penci-page-header-wrap.penci-pheader-center .penci-page-header-title:before {
left: 50%;
margin-left: -20px;
}
.penci-page-header-wrap.penci-pheader-right {
text-align: right;
}
.penci-page-header-wrap.penci-pheader-right .penci-page-header-title:before {
left: auto;
right: 0;
}
.penci-latest-posts-left .grid-header-box,
.penci-latest-posts-left .header-list-style,
.penci-latest-posts-left .header-standard {
text-align: left;
}
.penci-latest-posts-left .header-list-style:after,
.penci-latest-posts-left .grid-header-box:after,
.penci-latest-posts-left .header-standard:after {
left: 0;
margin-left: 0;
}
.penci-latest-posts-center .grid-header-box,
.penci-latest-posts-center .header-list-style,
.penci-latest-posts-center .header-standard {
text-align: center;
}
.penci-latest-posts-center.penci-latest-posts-mixed .grid-header-box:after,
.penci-latest-posts-center .list-post .header-list-style:after {
left: 50%;
margin-left: -30px;
}
.penci-latest-posts-right .header-list-style,
.penci-latest-posts-right .grid-header-box,
.penci-latest-posts-right .header-standard {
text-align: right;
}
.penci-latest-posts-right .header-list-style:after,
.penci-latest-posts-right .grid-header-box:after,
.penci-latest-posts-right .header-standard:after {
left: auto;
margin-left: 0;
right: 0;
margin-right: 0;
}
.penci-grid-excerpt-left .penci-grid li .item .item-content,
.penci-grid-excerpt-left .penci-masonry .item-masonry .item-content,
.penci-std-excerpt-left .penci-grid .mixed-detail .item-content,
.penci-std-continue-left .penci-more-link,
.penci-std-excerpt-left .standard-main-content {
text-align: left;
}
.penci-grid-excerpt-center .penci-grid li .item .item-content,
.penci-grid-excerpt-center .penci-masonry .item-masonry .item-content,
.penci-std-excerpt-center .penci-grid .mixed-detail .item-content,
.penci-std-continue-center .penci-more-link,
.penci-std-excerpt-center .standard-main-content {
text-align: center;
}
.penci-grid-excerpt-right .penci-grid li .item .item-content,
.penci-grid-excerpt-right .penci-masonry .item-masonry .item-content,
.penci-std-excerpt-right .penci-grid .mixed-detail .item-content,
.penci-std-continue-right .penci-more-link,
.penci-std-excerpt-right .standard-main-content {
text-align: right;
}
@media only screen and (min-width: 768px) {
.penci-latest-posts-el.penci-latest-posts-boxed-1 .list-boxed-post .item,
.penci-latest-posts-el.penci-latest-posts-standard-boxed-1 .list-boxed-post .item {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.penci-latest-posts-el.penci-latest-posts-boxed-1 .list-boxed-post .item .content-list-right,
.penci-latest-posts-el.penci-latest-posts-standard-boxed-1 .list-boxed-post .item .content-list-right {
height: auto;
min-height: 0;
}
.penci-latest-posts-el.penci-latest-posts-boxed-1 .list-boxed-post:nth-child( 2n + 2 ) .item .content-list-right,
.penci-latest-posts-el.penci-latest-posts-standard-boxed-1 .list-boxed-post:nth-of-type( 2n + 2 ) .item .content-list-right {
order: 1;
}
.penci-latest-posts-el.penci-latest-posts-boxed-1 .list-boxed-post:nth-child( 2n + 2 ) .item .thumbnail,
.penci-latest-posts-el.penci-latest-posts-standard-boxed-1 .list-boxed-post:nth-of-type( 2n + 2 ) .item .thumbnail {
order: 2;
}
}
.penci-latest-posts-el .penci-pagination {
margin-top: 30px;
margin-bottom: 0
}
.penci-latest-posts-el.penci-latest-posts-boxed-2 .penci-grid li.list-boxed-post-2:last-child {
margin-bottom: 0 !important;
}
.penci-latest-posts-el.penci-latest-posts-standard .penci-wrapper-data > article:last-child,
.penci-latest-posts-el.penci-latest-posts-classic .penci-wrapper-data > article:last-child,
.penci-latest-posts-el.penci-latest-posts-grid .penci-wrapper-data > .grid-style:last-child,
.penci-latest-posts-el.penci-latest-posts-standard-grid .penci-wrapper-data > .grid-style:last-child,
.penci-latest-posts-el.penci-latest-posts-standard-grid-2 .penci-wrapper-data > .grid-style:last-child,
.penci-latest-posts-el.penci-latest-posts-standard-list .penci-wrapper-data > .list-post:last-child,
.penci-latest-posts-el.penci-latest-posts-standard-boxed-1 .penci-wrapper-data > .list-boxed-post:last-child,
.penci-latest-posts-el.penci-latest-posts-classic-grid .penci-wrapper-data > .grid-style:last-child,
.penci-latest-posts-el.penci-latest-posts-classic-grid-2 .penci-wrapper-data > .grid-style:last-child,
.penci-latest-posts-el.penci-latest-posts-classic-list .penci-wrapper-data > .list-post:last-child,
.penci-latest-posts-el.penci-latest-posts-classic-boxed-1 .penci-wrapper-data > .list-boxed-post:last-child,
.penci-latest-posts-el.penci-latest-posts-grid-2 .penci-wrapper-data > .grid-style:last-child,
.penci-latest-posts-el.penci-latest-posts-list .penci-wrapper-data > .list-post:last-child,
.penci-latest-posts-el.penci-latest-posts-boxed-1 .penci-wrapper-data > .list-boxed-post:last-child,
.penci-latest-posts-el.penci-latest-posts-overlay .penci-wrapper-data > .grid-overlay:last-child,
.penci-latest-posts-el.penci-latest-posts-mixed .penci-grid > li:last-child,
.penci-latest-posts-el.penci-latest-posts-mixed-2 .penci-grid > li:last-child,
.penci-latest-posts-el.penci-latest-posts-photography .penci-grid > .typography-style:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 961px) {
.penci-latest-posts-el.penci-latest-posts-standard-grid-2 .penci-wrapper-data > .grid-style:nth-last-of-type(2),
.penci-latest-posts-el.penci-latest-posts-classic-grid-2 .penci-wrapper-data > .grid-style:nth-last-of-type(2),
.penci-latest-posts-el.penci-latest-posts-grid-2 .penci-wrapper-data > .grid-style:nth-last-child(2),
.penci-latest-posts-el.penci-latest-posts-grid .penci-wrapper-data > .grid-style:nth-last-child(2),
.penci-latest-posts-el.penci-latest-posts-grid .penci-wrapper-data > .grid-style:nth-last-child(3),
.penci-latest-posts-el.penci-latest-posts-standard-grid .penci-wrapper-data > .grid-style:nth-last-of-type(2),
.penci-latest-posts-el.penci-latest-posts-standard-grid .penci-wrapper-data > .grid-style:nth-last-of-type(3),
.penci-latest-posts-el.penci-latest-posts-classic-grid .penci-wrapper-data > .grid-style:nth-last-of-type(2),
.penci-latest-posts-el.penci-latest-posts-classic-grid .penci-wrapper-data > .grid-style:nth-last-of-type(3),
.penci-latest-posts-el.penci-latest-posts-mixed.penci-el-mixed-s1 .penci-grid > li.grid-style:nth-last-of-type(3),
.penci-latest-posts-el.penci-latest-posts-mixed .penci-grid > li.grid-style:nth-last-of-type(2),
.penci-latest-posts-el.penci-latest-posts-mixed-2.penci-el-mixed-s1 .penci-grid > li.grid-style:nth-last-of-type(3),
.penci-latest-posts-el.penci-latest-posts-mixed-2 .penci-grid > li.grid-style:nth-last-of-type(2),
.penci-latest-posts-el.penci-latest-posts-photography .penci-grid > .typography-style:nth-last-child(2) {
margin-bottom: 0;
}
}
@media only screen and (max-width: 960px) and (min-width: 768px) {
.penci-latest-posts-el.penci-latest-posts-standard-grid .penci-wrapper-data > .grid-style:nth-last-of-type(2),
.penci-latest-posts-el.penci-latest-posts-classic-grid .penci-wrapper-data > .grid-style:nth-last-of-type(2),
.penci-latest-posts-el.penci-latest-posts-grid-2 .penci-wrapper-data > .grid-style:nth-last-child(2),
.penci-latest-posts-el.penci-latest-posts-standard-grid-2 .penci-wrapper-data > .grid-style:nth-last-of-type(2),
.penci-latest-posts-el.penci-latest-posts-classic-grid-2 .penci-wrapper-data > .grid-style:nth-last-of-type(2),
.penci-latest-posts-el.penci-latest-posts-grid .penci-wrapper-data > .grid-style:nth-last-child(2),
.penci-latest-posts-el.penci-latest-posts-mixed .penci-grid > li.grid-style:nth-last-of-type(2),
.penci-latest-posts-el.penci-latest-posts-mixed-2 .penci-grid > li.grid-style:nth-last-of-type(2),
.penci-latest-posts-el.penci-latest-posts-photography .penci-grid > .typography-style:nth-last-child(2) {
margin-bottom: 0;
}
}
@media only screen and (max-width: 1200px) and (min-width: 961px) {
.penci-repons-elsection.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-1,
.penci-repons-elsection.penci-structure-32 .elementor-column.elementor-col-25.penci-ercol-order-2,
.penci-repons-elsection.penci-structure-31 .elementor-column.elementor-col-25.penci-ercol-order-1,
.layout-14_14_12 .penci-sidebar-right,
.layout-12_14_14 .penci-sidebar-left,
.layout-14_12_14 .penci-sidebar-left,
.container.two-sidebar .penci-sidebar-left {
display: none;
}
.penci-repons-elsection.penci-structure-31 .elementor-column.elementor-col-25.penci-ercol-order-2,
.penci-repons-elsection.penci-structure-32 .elementor-column.elementor-col-25.penci-ercol-order-3,
.penci-repons-elsection.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-3,
.layout-14_14_12 .penci-vc-sidebar,
.layout-12_14_14 .penci-vc-sidebar,
.layout-14_12_14 .penci-vc-sidebar,
.container.two-sidebar .penci-sidebar-content {
width: 29.06%;
}
.penci-repons-elsection.penci-structure-31 .elementor-column.elementor-col-50.penci-ercol-order-3,
.penci-repons-elsection.penci-structure-32 .elementor-column.elementor-col-50.penci-ercol-order-1,
.penci-repons-elsection.penci-structure-33 .elementor-column.elementor-col-50.penci-ercol-order-2,
.layout-14_14_12 .penci-main-content {
width: 70.94%;
}
.layout-12_14_14 .penci-main-content,
.layout-14_12_14 .penci-main-content,
.container.two-sidebar #main {
padding-left: 0;
width: 70.94%;
}
}
@media only screen and (max-width: 1200px) and (min-width: 768px) {
.penci-repons-elsection.penci-structure-34 .elementor-row {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.penci-repons-elsection.penci-structure-34 .elementor-column.elementor-col-16.penci-ercol-order-3,
.penci-repons-elsection.penci-structure-34 .elementor-column.elementor-col-16.penci-ercol-order-1 {
width: 50%;
}
.penci-repons-elsection.penci-structure-34 .elementor-column.elementor-col-66.penci-ercol-order-2 {
width: 100%;
order: 1;
}
.penci-repons-elsection.penci-structure-34 .elementor-column.elementor-col-16.penci-ercol-order-3 {
order: 3;
}
.penci-repons-elsection.penci-structure-34 .elementor-column.elementor-col-16.penci-ercol-order-1 {
order: 2;
}
}
@media only screen and (max-width: 1400px) {
.penci-repons-elsection.penci-structure-50 .elementor-row,
.penci-repons-elsection.penci-structure-60 .elementor-row {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.penci-repons-elsection.penci-structure-50 .elementor-column.penci-ercol-20,
.penci-repons-elsection.penci-structure-60 .elementor-column.penci-ercol-16 {
width: 33.3333%;
}
}
@media only screen and (max-width: 1170px) {
.penci-repons-elsection.penci-structure-40 .elementor-row {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.penci-repons-elsection.penci-structure-50 .elementor-column.penci-ercol-20,
.penci-repons-elsection.penci-structure-60 .elementor-column.penci-ercol-16,
.penci-repons-elsection.penci-structure-40 .elementor-column.penci-ercol-25 {
width: 50%;
}
}
@media only screen and (max-width: 960px) {
.container.two-sidebar .penci-sidebar-content,
.container.two-sidebar #main {
width: 100%;
}
.penci-vc-row .penci-vc-column {
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.penci-countdown-show5 .penci-countdown-section,
.penci-countdown-show6 .penci-countdown-section,
.penci-countdown-show7 .penci-countdown-section {
width: 33.33333%
}
.penci-image-gallery-s2 .penci-galitem-1 {
width: 100%;
float: left;
}
.penci-image-gallery-s2 .penci-post-smalls {
width: 100%;
}
.penci-image-gallery-s2 .penci-post-smalls .penci-gallery-item {
width: 50%;
float: left;
}
.penci-video_playlist .penci-video-nav,
.penci-video_playlist .penci-video-play {
width: 100%;
float: none;
position: relative;
}
.penci-video_playlist .penci-video-nav .playlist-panel-item {
position: absolute;
bottom: 0;
left: 0;
font-size: 10px;
width: 20px;
height: 20px;
text-align: center;
vertical-align: middle;
line-height: 20px;
z-index: 10;
background: #111;
color: #fff;
}
.penci-repons-elsection.penci-structure-21 .elementor-row,
.penci-repons-elsection.penci-structure-22 .elementor-row,
.penci-repons-elsection.penci-structure-30 .elementor-row {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.penci-repons-elsection.penci-structure-21 .elementor-column.penci-ercol-66,
.penci-repons-elsection.penci-structure-21 .elementor-column.penci-ercol-33,
.penci-repons-elsection.penci-structure-22 .elementor-column.penci-ercol-66,
.penci-repons-elsection.penci-structure-22 .elementor-column.penci-ercol-33,
.penci-repons-elsection.penci-structure-30 .elementor-column.penci-ercol-33 {
width: 100%;
}
.penci-repons-elsection.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-1,
.penci-repons-elsection.penci-structure-32 .elementor-column.elementor-col-25.penci-ercol-order-2,
.penci-repons-elsection.penci-structure-31 .elementor-column.elementor-col-25.penci-ercol-order-1 {
display: block;
width: 50%;
}
.penci-repons-elsection.penci-structure-31 .elementor-column.elementor-col-25.penci-ercol-order-2,
.penci-repons-elsection.penci-structure-32 .elementor-column.elementor-col-25.penci-ercol-order-3,
.penci-repons-elsection.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-3 {
width: 50%;
}
.penci-repons-elsection.penci-structure-31 .elementor-column.elementor-col-50.penci-ercol-order-3,
.penci-repons-elsection.penci-structure-32 .elementor-column.elementor-col-50.penci-ercol-order-1,
.penci-repons-elsection.penci-structure-33 .elementor-column.elementor-col-50.penci-ercol-order-2 {
width: 100%;
}
.penci-repons-elsection.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-1,
.penci-repons-elsection.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-3 {
order: 2;
}
.penci-repons-elsection.penci-structure-33 .elementor-column.elementor-col-50.penci-ercol-order-2 {
order: 1;
}
}
@media only screen and (max-width: 767px) {
#main .penci-repons-elsection .elementor-column {
width: 100% !important;
}
#main .penci-repons-elsection .elementor-column:not( :last-child ) {
margin-bottom: 20px;
}
.penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column.elementor-col-25 + .elementor-column.elementor-col-50 > .elementor-element-populated,
.penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column[data-col="25"] + .elementor-column[data-col="50"] > .elementor-element-populated,
.penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column.elementor-col-66 > .elementor-element-populated,
.penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column[data-col="66"] > .elementor-element-populated,
.penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-col-16 + .elementor-column.elementor-col-66 > .elementor-element-populated,
.penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column[data-col="16"] + .elementor-column[data-col="66"] > .elementor-element-populated,
.penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column.elementor-col-33 + .elementor-column.elementor-col-66 > .elementor-element-populated,
.penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column[data-col="33"] + .elementor-column[data-col="66"] > .elementor-element-populated,
.penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column.elementor-col-25 + .elementor-column.elementor-col-50 > .elementor-element-populated,
.penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column[data-col="25"] + .elementor-column[data-col="50"] > .elementor-element-populated,
.penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-col-25 + .elementor-col-25 + .elementor-col-50 > .elementor-element-populated,
.penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column[data-col="25"] + .elementor-column[data-col="25"] + .elementor-column[data-col="50"] > .elementor-element-populated,
.penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-col-50 + .elementor-col-25 > .elementor-element-populated,
.penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column[data-col="50"] + .elementor-column[data-col="25"] > .elementor-element-populated,
.penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-col-50 + .elementor-col-25 + .elementor-col-25 > .elementor-element-populated,
.penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column[data-col="50"] + .elementor-column[data-col="25"] + .elementor-column[data-col="25"] > .elementor-element-populated {
padding-left: 10px;
padding-right: 10px;
}
.penci-countdown-show4 .penci-countdown-section,
.penci-countdown-show5 .penci-countdown-section,
.penci-countdown-show6 .penci-countdown-section,
.penci-countdown-show7 .penci-countdown-section {
width: 50%
}
.penci-con_sb2_sb1.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-1,
.penci-con_sb1_sb2.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-3,
.penci-sb2_con_sb1.penci-structure-33 .elementor-column.elementor-col-50.penci-ercol-order-2,
.penci-sb2_sb1_con.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-3,
.penci-sb1_con_sb2.penci-structure-33 .elementor-column.elementor-col-50.penci-ercol-order-2,
.penci-sb1_sb2_con.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-1 {
order: 2;
}
.penci-con_sb2_sb1.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-3,
.penci-con_sb1_sb2.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-1,
.penci-sb2_con_sb1.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-3,
.penci-sb2_sb1_con.penci-structure-33 .elementor-column.elementor-col-50.penci-ercol-order-2,
.penci-sb1_con_sb2.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-1,
.penci-sb1_sb2_con.penci-structure-33 .elementor-column.elementor-col-50.penci-ercol-order-2 {
order: 3;
}
.penci-con_sb2_sb1.penci-structure-33 .elementor-column.elementor-col-50.penci-ercol-order-2,
.penci-con_sb1_sb2.penci-structure-33 .elementor-column.elementor-col-50.penci-ercol-order-2,
.penci-sb2_con_sb1.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-1,
.penci-sb2_sb1_con.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-1,
.penci-sb1_con_sb2.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-3,
.penci-sb1_sb2_con.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-3 {
order: 1;
}
.penci-repons-elsection.penci-structure-32 .elementor-column.elementor-col-25.penci-ercol-order-2,
.penci-repons-elsection.penci-structure-31 .elementor-column.elementor-col-25.penci-ercol-order-1,
.penci-repons-elsection.penci-structure-31 .elementor-column.elementor-col-25.penci-ercol-order-2,
.penci-repons-elsection.penci-structure-32 .elementor-column.elementor-col-25.penci-ercol-order-3,
.penci-repons-elsection.penci-structure-50 .elementor-column.penci-ercol-20,
.penci-repons-elsection.penci-structure-60 .elementor-column.penci-ercol-16,
.penci-repons-elsection.penci-structure-40 .elementor-column.penci-ercol-25 {
width: 100%;
}
}
@media only screen and (max-width: 480px) {
.penci-image-gallery-s2 .penci-post-smalls .penci-gallery-item {
width: 100%;
float: left;
}
.penci-image-gallery-s4 .penci-gallery-small-item,
.penci-image-gallery-s3 .penci-gallery-small-item,
.penci-image-gallery-s4 .penci-gallery-big-item,
.penci-image-gallery-s3 .penci-gallery-big-item {
width: 100%;
float: none;
}
}
@media (min-width: 961px) and (max-width: 1169px) {
.is-sticky #navigation.menu-item-padding, .is-sticky #navigation.menu-item-padding {
height: 116px;
}
}
@media (max-width: 768px){
.footer-text{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box!important;
-webkit-line-clamp:1;
-webkit-box-orient: vertical;
}
.page-hide{
display: none!important;
}
.align-cent{
text-align: center!important;
}
}
.search-hide{
display: none!important;
}
.text-article-1{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box!important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.text-article-2{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box!important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media (min-width: 961px) and (max-width: 1200px){
.header-li-style{
padding: 0 5px!important;
}
.logo-sty{
width: 200px!important;
}
}