.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0 !important;
font: inherit
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/themes/Marketing_theme/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.owl-theme .owl-dots,
.owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav {
margin-top: 10px
}
.owl-theme .owl-nav [class*=owl-] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: #869791;
color: #FFF;
text-decoration: none
}
.owl-theme .owl-nav .disabled {
opacity: .5;
cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 10px
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #869791
}
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -.1em !important;
background: 0 0 !important;
padding: 0 !important
}
.infinite-scroll .pagination,
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none
}
.infinity-end.neverending .site-footer {
display: block
}
.infinite-loader {
margin: calc(3*1rem) auto
}
.infinite-loader .spinner {
margin: 0 auto;
left: inherit !important
}
.site-main #infinite-handle {
margin: calc(2*1rem) auto
}
.site-main #infinite-handle span {
background: 0 0;
display: block;
font-size: .8888888889em;
text-align: center
}
.site-main #infinite-handle span button,
.site-main #infinite-handle span button:hover,
.site-main #infinite-handle span button:focus {
transition: background .15s ease-in-out;
background: #2271b1;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: #fff;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: .8888888889em;
font-weight: 600;
line-height: 1.2;
outline: none;
padding: .66rem 1rem
}
.site-main #infinite-handle span button:hover {
cursor: pointer
}
.site-main #infinite-handle span button:hover,
.site-main #infinite-handle span button:focus {
background: #111
}
.site-main #infinite-handle span button:focus {
outline: thin dotted;
outline-offset: -4px
}
.site-main .infinite-wrap .entry:first-of-type {
margin-top: calc(6*1rem)
}
.entry .jetpack-video-wrapper {
margin-bottom: 1.75em
}
.sd-block {
line-height: 1
}
.entry div.sharedaddy h3.sd-title,
.entry h3.sd-title {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1.125em;
font-weight: 700;
letter-spacing: -.02em;
line-height: 1.2;
margin-bottom: .5em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.entry div.sharedaddy h3.sd-title:before,
.entry h3.sd-title:before {
background: #767676;
border-top: none;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
min-width: inherit
}
.sd-social-icon-text .sd-content ul,
.sd-social-text .sd-content ul {
margin-bottom: -.3125em !important
}
.sd-social-icon .sd-content ul,
.sd-social-official .sd-content ul {
margin-bottom: 0 !important
}
.entry #sharing_email .sharing_send,
.entry .sd-content ul li .option a.share-ustom,
.entry .sd-content ul li a.sd-button,
.entry .sd-content ul li.advanced a.share-more,
.entry .sd-content ul li.preview-item div.option.option-smart-off a,
.entry .sd-social-icon .sd-content ul li a.sd-button,
.entry .sd-social-icon-text .sd-content ul li a.sd-button,
.entry .sd-social-official .sd-content>ul>li .digg_button>a,
.entry .sd-social-official .sd-content>ul>li>a.sd-button,
.entry .sd-social-text .sd-content ul li a.sd-button {
box-shadow: none
}
.entry #jp-relatedposts {
padding-top: 0;
margin-top: 32px;
margin-bottom: 32px
}
.entry #jp-relatedposts h3.jp-relatedposts-headline {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1.125em;
font-weight: 700;
letter-spacing: -.02em;
line-height: 1.2;
margin-bottom: .5em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.entry #jp-relatedposts h3.jp-relatedposts-headline:before {
background: #767676;
border-top: none;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
min-width: inherit
}
.entry #jp-relatedposts h3.jp-relatedposts-headline em:before {
display: none
}
.entry #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
opacity: 1
}
.entry #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1em;
letter-spacing: -.02em;
line-height: 1.2;
margin-bottom: .5em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.entry #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title a,
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post span a {
font-weight: 700
}
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title,
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-excerpt {
margin-top: .5em;
margin-bottom: .5em
}
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 13px;
font-weight: 500
}
.entry #jp-relatedposts .jp-relatedposts-items p,
.entry #jp-relatedposts .jp-relatedposts-items-visual .entry h4.jp-relatedposts-post-title {
letter-spacing: normal
}
#wpstats {
display: none
}
.comments-area .comments-title-wrap+.comment-respond .comment-reply-title {
display: none
}
.widget_authors ul,
.widget_author_grid ul,
.widget_jp_blogs_i_follow ul,
.widget_links ul,
.widget_rss_links ul {
list-style: none;
padding-left: 0;
padding-right: 0
}
.widget_links li,
.widget_jp_blogs_i_follow li,
.widget_rss_links li {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: calc(22px*1.125);
font-weight: 700;
line-height: 1.2;
margin-top: .5rem;
margin-bottom: .5rem
}
.widget.widget_authors ul li>ul {
list-style-type: disc;
padding-left: 4.25rem
}
.rtl .widget.widget_authors ul li>ul {
padding-left: 0;
padding-right: 1rem
}
.widget_authors>ul>li>a {
display: block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
position: relative
}
.widget.widget_authors li a strong {
line-height: 1.2;
position: absolute;
top: 0
}
.widget.widget_authors .avatar {
float: left;
margin-right: 1em
}
.widget_authors li>ul {
clear: both
}
.widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4 {
font-size: 100%;
margin: 1rem 0
}
.widget_goodreads div[class^=gr_custom_container] {
border: none
}
.widget_goodreads div[class^=gr_custom_each_container] {
border-bottom: none;
margin-bottom: 1rem;
padding-bottom: 0
}
.widget_goodreads h2[class^=gr_custom_header],
.widget_goodreads div[class^=gr_custom_author] {
font-size: inherit;
line-height: 1.15
}
.widget_eu_cookie_law_widget #eu-cookie-law {
border-color: #ccc;
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: .68182em;
padding: .5rem 1rem
}
.widget_eu_cookie_law_widget #eu-cookie-law .accept {
font-size: 1em;
padding: 10px 12px
}
.widget_rss li a.rsswidget {
display: block;
margin: 1rem 0 .5rem
}
.widget_rss .rssSummary {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: 400;
font-size: 22px
}
.widget_rss cite,
.widget_rss .rss-date {
color: #9c9c9c;
display: block;
font-size: .71111em;
font-weight: 500;
margin: .5rem 0
}
.widget_rss cite {
font-style: normal
}
.widget_rss cite:before {
content: "\2014\00a0"
}
.widget_top-posts .widgets-list-layout-links {
float: inherit;
margin-left: calc(40px + 1rem);
width: inherit
}
@media only screen and (min-width:600px) {
.widget.widget_search .search-field {
max-width: calc(50vw - 20%)
}
}
.twentynineteen-customizer .entry .entry-meta>span,
.twentynineteen-customizer .entry .entry-footer>span {
display: inline
}
.wp-block-archives-dropdown label {
display: block
}
.wp-block-avatar.aligncenter {
text-align: center
}
.wp-block-audio {
margin: 0 0 1em
}
.wp-block-audio figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-audio audio {
width: 100%;
min-width: 300px
}
.wp-block-button__link {
color: #fff;
background-color: #32373c;
border-radius: 9999px;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 1.125em;
padding: calc(.667em + 2px) calc(1.333em + 2px);
text-align: center;
text-decoration: none;
word-break: break-word;
box-sizing: border-box
}
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-button__link:visited {
color: #fff
}
.wp-block-button__link.aligncenter {
text-align: center
}
.wp-block-button__link.alignright {
text-align: right
}
.wp-block-buttons>.wp-block-button.has-custom-width {
max-width: none
}
.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
width: 100%
}
.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link {
font-size: inherit
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
width: calc(25% - var(--wp--style--block-gap, .5em)*0.75)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
width: calc(50% - var(--wp--style--block-gap, .5em)*0.5)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
width: calc(75% - var(--wp--style--block-gap, .5em)*0.25)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-100 {
width: 100%;
flex-basis: 100%
}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25 {
width: 25%
}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50 {
width: 50%
}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75 {
width: 75%
}
.wp-block-button.is-style-squared,
.wp-block-button__link.wp-block-button.is-style-squared {
border-radius: 0
}
.wp-block-button.no-border-radius,
.wp-block-button__link.no-border-radius {
border-radius: 0 !important
}
.is-style-outline>:where(.wp-block-button__link),
:where(.wp-block-button__link).is-style-outline {
border: 2px solid;
padding: .667em 1.333em
}
.is-style-outline>.wp-block-button__link:not(.has-text-color),
.wp-block-button__link.is-style-outline:not(.has-text-color) {
color: currentColor
}
.is-style-outline>.wp-block-button__link:not(.has-background),
.wp-block-button__link.is-style-outline:not(.has-background) {
background-color: transparent
}
.wp-block-buttons.is-vertical {
flex-direction: column
}
.wp-block-buttons.is-vertical>.wp-block-button:last-child {
margin-bottom: 0
}
.wp-block-buttons>.wp-block-button {
display: inline-block;
margin: 0
}
.wp-block-buttons.is-content-justification-left {
justify-content: flex-start
}
.wp-block-buttons.is-content-justification-left.is-vertical {
align-items: flex-start
}
.wp-block-buttons.is-content-justification-center {
justify-content: center
}
.wp-block-buttons.is-content-justification-center.is-vertical {
align-items: center
}
.wp-block-buttons.is-content-justification-right {
justify-content: flex-end
}
.wp-block-buttons.is-content-justification-right.is-vertical {
align-items: flex-end
}
.wp-block-buttons.is-content-justification-space-between {
justify-content: space-between
}
.wp-block-buttons.aligncenter {
text-align: center
}
.wp-block-buttons:not(.is-content-justification-space-between, .is-content-justification-right, .is-content-justification-left, .is-content-justification-center) .wp-block-button.aligncenter {
margin-left: auto;
margin-right: auto;
width: 100%
}
.wp-block-button.aligncenter,
.wp-block-calendar {
text-align: center
}
.wp-block-calendar tbody td,
.wp-block-calendar th {
padding: .25em;
border: 1px solid #ddd
}
.wp-block-calendar tfoot td {
border: none
}
.wp-block-calendar table {
width: 100%;
border-collapse: collapse
}
.wp-block-calendar table th {
font-weight: 400;
background: #ddd
}
.wp-block-calendar a {
text-decoration: underline
}
.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-code code {
display: block;
font-family: inherit;
overflow-wrap: break-word;
white-space: pre-wrap
}
.wp-block-columns {
display: flex;
margin-bottom: 1.75em;
box-sizing: border-box;
flex-wrap: wrap !important;
align-items: normal !important
}
@media (min-width:782px) {
.wp-block-columns {
flex-wrap: nowrap !important
}
}
.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
}
@media (max-width:781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 100% !important
}
}
@media (min-width:782px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 0;
flex-grow: 1
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
flex-grow: 0
}
}
.wp-block-columns.is-not-stacked-on-mobile {
flex-wrap: nowrap !important
}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
flex-basis: 0;
flex-grow: 1
}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis] {
flex-grow: 0
}
:where(.wp-block-columns.has-background) {
padding: 1.25em 2.375em
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start
}
.wp-block-column.is-vertically-aligned-center {
align-self: center
}
.wp-block-column.is-vertically-aligned-bottom {
align-self: flex-end
}
.wp-block-column.is-vertically-aligned-bottom,
.wp-block-column.is-vertically-aligned-center,
.wp-block-column.is-vertically-aligned-top {
width: 100%
}
.wp-block-comments-pagination>.wp-block-comments-pagination-next,
.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,
.wp-block-comments-pagination>.wp-block-comments-pagination-previous {
margin-right: .5em;
margin-bottom: .5em
}
.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,
.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,
.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child {
margin-right: 0
}
.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow {
margin-right: 1ch;
display: inline-block
}
.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron) {
transform: scaleX(1)
}
.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow {
margin-left: 1ch;
display: inline-block
}
.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) {
transform: scaleX(1)
}
.wp-block-comments-pagination.aligncenter {
justify-content: center
}
.wp-block-comment-template {
margin-bottom: 0;
max-width: 100%;
list-style: none;
padding: 0
}
.wp-block-comment-template li {
clear: both
}
.wp-block-comment-template ol {
margin-bottom: 0;
max-width: 100%;
list-style: none;
padding-left: 2rem
}
.wp-block-cover,
.wp-block-cover-image {
position: relative;
background-size: cover;
background-position: 50%;
min-height: 430px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 1em;
box-sizing: border-box
}
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: fixed
}
@supports (-webkit-touch-callout:inherit) {
.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.is-repeated,
.wp-block-cover.is-repeated {
background-repeat: repeat;
background-size: auto
}
.wp-block-cover-image.has-background-dim:not([class*=-background-color]),
.wp-block-cover-image .has-background-dim:not([class*=-background-color]),
.wp-block-cover.has-background-dim:not([class*=-background-color]),
.wp-block-cover .has-background-dim:not([class*=-background-color]) {
background-color: #000
}
.wp-block-cover-image .has-background-dim.has-background-gradient,
.wp-block-cover .has-background-dim.has-background-gradient {
background-color: transparent
}
.wp-block-cover-image.has-background-dim:before,
.wp-block-cover.has-background-dim:before {
content: "";
background-color: inherit
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover-image .wp-block-cover__background,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover .wp-block-cover__background,
.wp-block-cover .wp-block-cover__gradient-background {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before {
opacity: .1
}
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before {
opacity: .2
}
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before {
opacity: .3
}
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before {
opacity: .4
}
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before {
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before {
opacity: .6
}
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before {
opacity: .7
}
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before {
opacity: .8
}
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before {
opacity: .9
}
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before {
opacity: 1
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0 {
opacity: 0
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10 {
opacity: .1
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20 {
opacity: .2
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30 {
opacity: .3
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40 {
opacity: .4
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50 {
opacity: .5
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60 {
opacity: .6
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70 {
opacity: .7
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80 {
opacity: .8
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90 {
opacity: .9
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100 {
opacity: 1
}
.wp-block-cover-image .block-library-cover__padding-visualizer,
.wp-block-cover .block-library-cover__padding-visualizer {
z-index: 2
}
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
max-width: 420px;
width: 100%
}
.wp-block-cover-image:after,
.wp-block-cover:after {
display: block;
content: "";
font-size: 0;
min-height: inherit
}
@supports (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: 100%;
z-index: 1;
color: #fff
}
.wp-block-cover-image.is-light .wp-block-cover__inner-container,
.wp-block-cover.is-light .wp-block-cover__inner-container {
color: #000
}
.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 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-image.is-position-top-left,
.wp-block-cover.is-position-top-left {
align-items: flex-start;
justify-content: flex-start
}
.wp-block-cover-image.is-position-top-center,
.wp-block-cover.is-position-top-center {
align-items: flex-start;
justify-content: center
}
.wp-block-cover-image.is-position-top-right,
.wp-block-cover.is-position-top-right {
align-items: flex-start;
justify-content: flex-end
}
.wp-block-cover-image.is-position-center-left,
.wp-block-cover.is-position-center-left {
align-items: center;
justify-content: flex-start
}
.wp-block-cover-image.is-position-center-center,
.wp-block-cover.is-position-center-center {
align-items: center;
justify-content: center
}
.wp-block-cover-image.is-position-center-right,
.wp-block-cover.is-position-center-right {
align-items: center;
justify-content: flex-end
}
.wp-block-cover-image.is-position-bottom-left,
.wp-block-cover.is-position-bottom-left {
align-items: flex-end;
justify-content: flex-start
}
.wp-block-cover-image.is-position-bottom-center,
.wp-block-cover.is-position-bottom-center {
align-items: flex-end;
justify-content: center
}
.wp-block-cover-image.is-position-bottom-right,
.wp-block-cover.is-position-bottom-right {
align-items: flex-end;
justify-content: flex-end
}
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,
.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
margin: 0;
width: auto
}
.wp-block-cover-image img.wp-block-cover__image-background,
.wp-block-cover-image video.wp-block-cover__video-background,
.wp-block-cover img.wp-block-cover__image-background,
.wp-block-cover video.wp-block-cover__video-background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
-o-object-fit: cover;
object-fit: cover;
outline: none;
border: none;
box-shadow: none
}
.wp-block-cover__image-background,
.wp-block-cover__video-background {
z-index: 0
}
.wp-block-cover-image-text,
.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,
.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,
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: 840px;
padding: .44em;
text-align: center
}
.wp-block-embed.alignleft,
.wp-block-embed.alignright,
.wp-block[data-align=left]>[data-type="core/embed"],
.wp-block[data-align=right]>[data-type="core/embed"] {
max-width: 360px;
width: 100%
}
.wp-block-embed.alignleft .wp-block-embed__wrapper,
.wp-block-embed.alignright .wp-block-embed__wrapper,
.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,
.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper {
min-width: 280px
}
.wp-block-cover .wp-block-embed {
min-width: 320px;
min-height: 240px
}
.wp-block-embed {
margin: 0 0 1em;
overflow-wrap: break-word
}
.wp-block-embed figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-embed iframe {
max-width: 100%
}
.wp-block-embed__wrapper {
position: relative
}
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
content: "";
display: block;
padding-top: 50%
}
.wp-embed-responsive .wp-has-aspect-ratio iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%
}
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
padding-top: 42.85%
}
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
padding-top: 50%
}
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 56.25%
}
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
padding-top: 75%
}
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
padding-top: 100%
}
.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
padding-top: 177.77%
}
.wp-embed-responsive .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__embed {
margin-bottom: 1em
}
.wp-block-file .wp-block-file__button {
background: #32373c;
border-radius: 2em;
color: #fff;
font-size: .8em;
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:not(.has-nested-images),
.wp-block-gallery:not(.has-nested-images) {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item {
margin: 0 1em 1em 0;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
position: relative;
width: calc(50% - 1em)
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure {
margin: 0;
height: 100%;
display: flex;
align-items: flex-end;
justify-content: flex-start
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img {
display: block;
max-width: 100%;
height: auto;
width: auto
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption {
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 3em .77em .7em;
color: #fff;
text-align: center;
font-size: .8em;
background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent);
box-sizing: border-box;
margin: 0;
z-index: 2
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img {
display: inline
}
.blocks-gallery-grid:not(.has-nested-images) figcaption,
.wp-block-gallery:not(.has-nested-images) figcaption {
flex-grow: 1
}
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img {
width: 100%;
height: 100%;
flex: 1;
-o-object-fit: cover;
object-fit: cover
}
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item {
width: 100%;
margin-right: 0
}
@media (min-width:600px) {
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item {
width: calc(33.33333% - .66667em);
margin-right: 1em
}
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item {
width: calc(25% - .75em);
margin-right: 1em
}
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item {
width: calc(20% - .8em);
margin-right: 1em
}
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item {
width: calc(16.66667% - .83333em);
margin-right: 1em
}
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item {
width: calc(14.28571% - .85714em);
margin-right: 1em
}
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item {
width: calc(12.5% - .875em);
margin-right: 1em
}
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),
.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),
.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),
.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),
.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),
.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),
.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),
.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),
.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),
.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),
.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),
.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) {
margin-right: 0
}
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child {
margin-right: 0
}
.blocks-gallery-grid:not(.has-nested-images).alignleft,
.blocks-gallery-grid:not(.has-nested-images).alignright,
.wp-block-gallery:not(.has-nested-images).alignleft,
.wp-block-gallery:not(.has-nested-images).alignright {
max-width: 420px;
width: 100%
}
.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,
.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure {
justify-content: center
}
.wp-block-gallery:not(.is-cropped) .blocks-gallery-item {
align-self: flex-start
}
figure.wp-block-gallery.has-nested-images {
align-items: normal
}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2);
margin: 0
}
.wp-block-gallery.has-nested-images figure.wp-block-image {
display: flex;
flex-grow: 1;
justify-content: center;
position: relative;
flex-direction: column;
max-width: 100%
}
.wp-block-gallery.has-nested-images figure.wp-block-image>a,
.wp-block-gallery.has-nested-images figure.wp-block-image>div {
margin: 0;
flex-direction: column;
flex-grow: 1
}
.wp-block-gallery.has-nested-images figure.wp-block-image img {
display: block;
height: auto;
max-width: 100% !important;
width: auto
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent);
bottom: 0;
color: #fff;
font-size: 13px;
left: 0;
margin-bottom: 0;
max-height: 60%;
overflow: auto;
padding: 0 8px 8px;
position: absolute;
text-align: center;
width: 100%;
box-sizing: border-box
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img {
display: inline
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {
color: inherit
}
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div {
flex: 1 1 auto
}
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption {
flex: initial;
background: none;
color: inherit;
margin: 0;
padding: 10px 10px 9px;
position: relative
}
.wp-block-gallery.has-nested-images figcaption {
flex-grow: 1;
flex-basis: 100%;
text-align: center
}
.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
margin-top: 0;
margin-bottom: auto
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
align-self: inherit
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone) {
display: flex
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
width: 100%;
flex: 1 0 0%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
width: 100%
}
@media (min-width:600px) {
.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*0.66667)
}
.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*0.75)
}
.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*0.8)
}
.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
width: calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*0.83333)
}
.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {
width: calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*0.85714)
}
.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*0.875)
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*0.66667)
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image) {
width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*0.5)
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child {
width: 100%
}
}
.wp-block-gallery.has-nested-images.alignleft,
.wp-block-gallery.has-nested-images.alignright {
max-width: 420px;
width: 100%
}
.wp-block-gallery.has-nested-images.aligncenter {
justify-content: center
}
.wp-block-group {
box-sizing: border-box
}
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding: 1.25em 2.375em
}
.wp-block-image {
margin: 0 0 1em
}
.wp-block-image img {
height: auto;
max-width: 100%;
vertical-align: bottom
}
.wp-block-image:not(.is-style-rounded)>a,
.wp-block-image:not(.is-style-rounded) img {
border-radius: inherit
}
.wp-block-image.aligncenter {
text-align: center
}
.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
height: auto;
width: 100%
}
.wp-block-image.aligncenter,
.wp-block-image .aligncenter,
.wp-block-image.alignleft,
.wp-block-image .alignleft,
.wp-block-image.alignright,
.wp-block-image .alignright {
display: table
}
.wp-block-image.aligncenter>figcaption,
.wp-block-image .aligncenter>figcaption,
.wp-block-image.alignleft>figcaption,
.wp-block-image .alignleft>figcaption,
.wp-block-image.alignright>figcaption,
.wp-block-image .alignright>figcaption {
display: table-caption;
caption-side: bottom
}
.wp-block-image .alignleft {
float: left;
margin: .5em 1em .5em 0
}
.wp-block-image .alignright {
float: right;
margin: .5em 0 .5em 1em
}
.wp-block-image .aligncenter {
margin-left: auto;
margin-right: auto
}
.wp-block-image figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-image.is-style-circle-mask img,
.wp-block-image.is-style-rounded img,
.wp-block-image .is-style-rounded img {
border-radius: 9999px
}
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
.wp-block-image.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: 0
}
}
.wp-block-image figure {
margin: 0
}
ol.wp-block-latest-comments {
margin-left: 0
}
.wp-block-latest-comments .wp-block-latest-comments {
padding-left: 0
}
.wp-block-latest-comments__comment {
line-height: 1.1;
list-style: none;
margin-bottom: 1em
}
.has-avatars .wp-block-latest-comments__comment {
min-height: 2.25em;
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: 3.25em
}
.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: .875em;
line-height: 1.8;
margin: .36em 0 1.4em
}
.wp-block-latest-comments__comment-date {
display: block;
font-size: .75em
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 1.5em;
display: block;
float: left;
height: 2.5em;
margin-right: .75em;
width: 2.5em
}
.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;
padding-left: 0
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
clear: both
}
.wp-block-latest-posts.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0
}
.wp-block-latest-posts.is-grid li {
margin: 0 1.25em 1.25em 0;
width: 100%
}
@media (min-width:600px) {
.wp-block-latest-posts.columns-2 li {
width: calc(50% - .625em)
}
.wp-block-latest-posts.columns-2 li:nth-child(2n) {
margin-right: 0
}
.wp-block-latest-posts.columns-3 li {
width: calc(33.33333% - .83333em)
}
.wp-block-latest-posts.columns-3 li:nth-child(3n) {
margin-right: 0
}
.wp-block-latest-posts.columns-4 li {
width: calc(25% - .9375em)
}
.wp-block-latest-posts.columns-4 li:nth-child(4n) {
margin-right: 0
}
.wp-block-latest-posts.columns-5 li {
width: calc(20% - 1em)
}
.wp-block-latest-posts.columns-5 li:nth-child(5n) {
margin-right: 0
}
.wp-block-latest-posts.columns-6 li {
width: calc(16.66667% - 1.04167em)
}
.wp-block-latest-posts.columns-6 li:nth-child(6n) {
margin-right: 0
}
}
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
display: block;
font-size: .8125em
}
.wp-block-latest-posts__post-excerpt {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-latest-posts__featured-image a {
display: inline-block
}
.wp-block-latest-posts__featured-image img {
height: auto;
width: auto;
max-width: 100%
}
.wp-block-latest-posts__featured-image.alignleft {
margin-right: 1em;
float: left
}
.wp-block-latest-posts__featured-image.alignright {
margin-left: 1em;
float: right
}
.wp-block-latest-posts__featured-image.aligncenter {
margin-bottom: 1em;
text-align: center
}
ol,
ul {
box-sizing: border-box
}
ol.has-background,
ul.has-background {
padding: 1.25em 2.375em
}
.wp-block-media-text {
/*!rtl:begin:ignore*/
direction: ltr;
/*!rtl:end:ignore*/
display: grid;
grid-template-columns: 50% 1fr;
grid-template-rows: auto
}
.wp-block-media-text.has-media-on-the-right {
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 {
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 {
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 {
align-self: end
}
.wp-block-media-text .wp-block-media-text__media {
/*!rtl:begin:ignore*/
grid-column: 1;
grid-row: 1;
/*!rtl:end:ignore*/
margin: 0
}
.wp-block-media-text .wp-block-media-text__content {
direction: ltr;
/*!rtl:begin:ignore*/
grid-column: 2;
grid-row: 1;
/*!rtl:end:ignore*/
padding: 0 8%;
word-break: break-word
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
/*!rtl:begin:ignore*/
grid-column: 2;
grid-row: 1
/*!rtl:end:ignore*/
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
/*!rtl:begin:ignore*/
grid-column: 1;
grid-row: 1
/*!rtl:end:ignore*/
}
.wp-block-media-text__media img,
.wp-block-media-text__media video {
height: auto;
max-width: unset;
width: 100%;
vertical-align: middle
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media {
height: 100%;
min-height: 250px;
background-size: cover
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media>a {
display: block;
height: 100%
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media 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 {
grid-template-columns: 100% !important
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
grid-column: 1;
grid-row: 1
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
grid-column: 1;
grid-row: 2
}
}
.wp-block-navigation {
position: relative;
--navigation-layout-justification-setting: flex-start;
--navigation-layout-direction: row;
--navigation-layout-wrap: wrap;
--navigation-layout-justify: flex-start;
--navigation-layout-align: center
}
.wp-block-navigation ul {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0
}
.wp-block-navigation ul,
.wp-block-navigation ul li {
list-style: none;
padding: 0
}
.wp-block-navigation .wp-block-navigation-item {
display: flex;
align-items: center;
position: relative
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty {
display: none
}
.wp-block-navigation .wp-block-navigation-item__content {
color: inherit;
display: block;
padding: 0
}
.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,
.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,
.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus {
text-decoration: underline
}
.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,
.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,
.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus {
text-decoration: line-through
}
.wp-block-navigation:where(:not([class*=has-text-decoration])) a,
.wp-block-navigation:where(:not([class*=has-text-decoration])) a:active,
.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus {
text-decoration: none
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
align-self: center;
line-height: 0;
display: inline-block;
font-size: inherit;
padding: 0;
background-color: inherit;
color: currentColor;
border: none;
width: .6em;
height: .6em;
margin-left: .25em
}
.wp-block-navigation .wp-block-navigation__submenu-icon svg {
display: inline-block;
stroke: currentColor;
width: inherit;
height: inherit;
margin-top: .075em
}
.wp-block-navigation.is-vertical {
--navigation-layout-direction: column;
--navigation-layout-justify: initial;
--navigation-layout-align: flex-start
}
.wp-block-navigation.no-wrap {
--navigation-layout-wrap: nowrap
}
.wp-block-navigation.items-justified-center {
--navigation-layout-justification-setting: center;
--navigation-layout-justify: center
}
.wp-block-navigation.items-justified-center.is-vertical {
--navigation-layout-align: center
}
.wp-block-navigation.items-justified-right {
--navigation-layout-justification-setting: flex-end;
--navigation-layout-justify: flex-end
}
.wp-block-navigation.items-justified-right.is-vertical {
--navigation-layout-align: flex-end
}
.wp-block-navigation.items-justified-space-between {
--navigation-layout-justification-setting: space-between;
--navigation-layout-justify: space-between
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
background-color: inherit;
color: inherit;
position: absolute;
z-index: 2;
display: flex;
flex-direction: column;
align-items: normal;
opacity: 0;
transition: opacity .1s linear;
visibility: hidden;
width: 0;
height: 0;
overflow: hidden;
left: -1px;
top: 100%
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container)>.wp-block-navigation-item>.wp-block-navigation-item__content {
display: flex;
flex-grow: 1
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container)>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
margin-right: 0;
margin-left: auto
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
margin: 0
}
@media (min-width:782px) {
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container {
left: 100%;
top: -1px
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container:before {
content: "";
position: absolute;
right: 100%;
height: 100%;
display: block;
width: .5em;
background: transparent
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon {
margin-right: .25em
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon svg {
transform: rotate(-90deg)
}
}
.wp-block-navigation .has-child:where(:not(.open-on-click)):hover>.wp-block-navigation__submenu-container {
visibility: visible;
overflow: visible;
opacity: 1;
width: auto;
height: auto;
min-width: 200px
}
.wp-block-navigation .has-child:where(:not(.open-on-click):not(.open-on-hover-click)):focus-within>.wp-block-navigation__submenu-container {
visibility: visible;
overflow: visible;
opacity: 1;
width: auto;
height: auto;
min-width: 200px
}
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
visibility: visible;
overflow: visible;
opacity: 1;
width: auto;
height: auto;
min-width: 200px
}
.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
left: 0;
top: 100%
}
@media (min-width:782px) {
.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left: 100%;
top: 0
}
}
.wp-block-navigation-submenu {
position: relative;
display: flex
}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
stroke: currentColor
}
button.wp-block-navigation-item__content {
background-color: transparent;
border: none;
color: currentColor;
font-size: inherit;
font-family: inherit;
line-height: inherit;
font-style: inherit;
font-weight: inherit;
text-transform: inherit;
text-align: left
}
.wp-block-navigation-submenu__toggle {
cursor: pointer
}
.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle {
padding-right: .85em
}
.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon {
margin-left: -.6em;
pointer-events: none
}
.wp-block-navigation,
.wp-block-navigation .wp-block-page-list,
.wp-block-navigation:where(.has-background),
.wp-block-navigation:where(.has-background) .wp-block-navigation .wp-block-page-list,
.wp-block-navigation:where(.has-background) .wp-block-navigation__container,
.wp-block-navigation__container,
.wp-block-navigation__responsive-close,
.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-dialog {
gap: inherit
}
.wp-block-navigation:where(.has-background) .wp-block-navigation-item__content,
.wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
padding: .5em 1em
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container {
left: auto;
right: 0
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left: -1px;
right: -1px
}
@media (min-width:782px) {
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left: auto;
right: 100%
}
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
background-color: #fff;
color: #000;
border: 1px solid rgba(0, 0, 0, .15)
}
.wp-block-navigation__container {
display: flex;
flex-wrap: var(--navigation-layout-wrap, wrap);
flex-direction: var(--navigation-layout-direction, initial);
justify-content: var(--navigation-layout-justify, initial);
align-items: var(--navigation-layout-align, initial);
list-style: none;
margin: 0;
padding-left: 0
}
.wp-block-navigation__container .is-responsive {
display: none
}
.wp-block-navigation__container:only-child,
.wp-block-page-list:only-child {
flex-grow: 1
}
.wp-block-navigation__responsive-container {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
display: flex;
flex-wrap: var(--navigation-layout-wrap, wrap);
flex-direction: var(--navigation-layout-direction, initial);
justify-content: var(--navigation-layout-justify, initial);
align-items: var(--navigation-layout-align, initial)
}
.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
color: inherit !important;
background-color: inherit !important
}
.wp-block-navigation__responsive-container.is-menu-open {
display: flex;
flex-direction: column;
background-color: inherit;
padding: 2rem;
overflow: auto;
z-index: 100000
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
padding-top: calc(2rem + 24px);
overflow: visible;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: var(--navigation-layout-justification-setting, inherit)
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
justify-content: flex-start
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
display: none
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
opacity: 1;
visibility: visible;
height: auto;
width: auto;
overflow: initial;
min-width: 200px;
position: static;
border: none;
padding-left: 2rem;
padding-right: 2rem
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
gap: inherit
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
padding-top: var(--wp--style--block-gap, 2em)
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
padding: 0
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
display: flex;
flex-direction: column;
align-items: var(--navigation-layout-justification-setting, initial)
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
color: inherit !important;
background: transparent !important
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
right: auto;
left: auto
}
@media (min-width:600px) {
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: block;
width: 100%;
position: relative;
z-index: auto;
background-color: inherit
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
display: none
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
left: 0
}
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
background-color: #fff;
color: #000
}
.wp-block-navigation__toggle_button_label {
font-size: 1rem;
font-weight: 700
}
.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
vertical-align: middle;
cursor: pointer;
color: currentColor;
background: transparent;
border: none;
margin: 0;
padding: 0
}
.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
fill: currentColor;
pointer-events: none;
display: block;
width: 24px;
height: 24px
}
.wp-block-navigation__responsive-container-open {
display: flex
}
@media (min-width:600px) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: none
}
}
.wp-block-navigation__responsive-container-close {
position: absolute;
top: 0;
right: 0;
z-index: 2
}
.wp-block-navigation__responsive-close {
width: 100%
}
.wp-block-navigation__responsive-close:focus {
outline: none
}
.is-menu-open .wp-block-navigation__responsive-close,
.is-menu-open .wp-block-navigation__responsive-container-content,
.is-menu-open .wp-block-navigation__responsive-dialog {
box-sizing: border-box
}
.wp-block-navigation__responsive-dialog {
position: relative
}
html.has-modal-open {
overflow: hidden
}
.wp-block-navigation .wp-block-navigation-item__label {
word-break: normal;
overflow-wrap: break-word
}
.wp-block-navigation .wp-block-navigation-item__description {
display: none
}
.wp-block-navigation .wp-block-page-list {
display: flex;
flex-direction: var(--navigation-layout-direction, initial);
justify-content: var(--navigation-layout-justify, initial);
align-items: var(--navigation-layout-align, initial);
flex-wrap: var(--navigation-layout-wrap, wrap);
background-color: inherit
}
.wp-block-navigation .wp-block-navigation-item {
background-color: inherit
}
.is-small-text {
font-size: .875em
}
.is-regular-text {
font-size: 1em
}
.is-large-text {
font-size: 2.25em
}
.is-larger-text {
font-size: 3em
}
.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
}
p.has-drop-cap.has-background {
overflow: hidden
}
p.has-background {
padding: 1.25em 2.375em
}
:where(p.has-text-color:not(.has-link-color)) a {
color: inherit
}
.wp-block-post-author {
display: flex;
flex-wrap: wrap
}
.wp-block-post-author__byline {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: .5em
}
.wp-block-post-author__avatar {
margin-right: 1em
}
.wp-block-post-author__bio {
margin-bottom: .7em;
font-size: .7em
}
.wp-block-post-author__content {
flex-grow: 1;
flex-basis: 0
}
.wp-block-post-author__name {
margin: 0
}
.wp-block-post-comments .alignleft {
float: left
}
.wp-block-post-comments .alignright {
float: right
}
.wp-block-post-comments .navigation:after {
content: "";
display: table;
clear: both
}
.wp-block-post-comments .commentlist {
clear: both;
list-style: none;
margin: 0;
padding: 0
}
.wp-block-post-comments .commentlist .comment {
min-height: 2.25em;
padding-left: 3.25em
}
.wp-block-post-comments .commentlist .comment p {
font-size: 1em;
line-height: 1.8;
margin: 1em 0
}
.wp-block-post-comments .commentlist .children {
list-style: none;
margin: 0;
padding: 0
}
.wp-block-post-comments .comment-author {
line-height: 1.5
}
.wp-block-post-comments .comment-author .avatar {
border-radius: 1.5em;
display: block;
float: left;
height: 2.5em;
margin-top: .5em;
margin-right: .75em;
width: 2.5em
}
.wp-block-post-comments .comment-author cite {
font-style: normal
}
.wp-block-post-comments .comment-meta {
font-size: .875em;
line-height: 1.5
}
.wp-block-post-comments .comment-meta b {
font-weight: 400
}
.wp-block-post-comments .comment-meta .comment-awaiting-moderation {
margin-top: 1em;
margin-bottom: 1em;
display: block
}
.wp-block-post-comments .comment-body .commentmetadata {
font-size: .875em
}
.wp-block-post-comments .comment-form-author label,
.wp-block-post-comments .comment-form-comment label,
.wp-block-post-comments .comment-form-email label,
.wp-block-post-comments .comment-form-url label {
display: block;
margin-bottom: .25em
}
.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments .comment-form textarea {
display: block;
box-sizing: border-box;
width: 100%
}
.wp-block-post-comments .comment-form-cookies-consent {
display: flex;
gap: .25em
}
.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
margin-top: .35em
}
.wp-block-post-comments .comment-reply-title {
margin-bottom: 0
}
.wp-block-post-comments .comment-reply-title :where(small) {
font-size: var(--wp--preset--font-size--medium, smaller);
margin-left: .5em
}
.wp-block-post-comments .reply {
font-size: .875em;
margin-bottom: 1.4em
}
.wp-block-post-comments input:not([type=submit]),
.wp-block-post-comments textarea {
border: 1px solid #949494;
font-size: 1em;
font-family: inherit
}
.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments textarea {
padding: calc(.667em + 2px)
}
.wp-block-post-comments input[type=submit] {
border: none
}
.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) {
font-weight: inherit
}
.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title) {
font-family: inherit
}
.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title),
.wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title) {
font-size: inherit
}
.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title) {
line-height: inherit
}
.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title) {
font-style: inherit
}
.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title) {
letter-spacing: inherit
}
.wp-block-post-comments-form input[type=submit] {
border: none;
box-shadow: none;
cursor: pointer;
display: inline-block;
text-align: center;
overflow-wrap: break-word
}
.wp-block-post-comments-form input:not([type=submit]),
.wp-block-post-comments-form textarea {
border: 1px solid #949494;
font-size: 1em;
font-family: inherit
}
.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments-form textarea {
padding: calc(.667em + 2px)
}
.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments-form .comment-form textarea {
display: block;
box-sizing: border-box;
width: 100%
}
.wp-block-post-comments-form .comment-form-author label,
.wp-block-post-comments-form .comment-form-email label,
.wp-block-post-comments-form .comment-form-url label {
display: block;
margin-bottom: .25em
}
.wp-block-post-comments-form .comment-form-cookies-consent {
display: flex;
gap: .25em
}
.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent {
margin-top: .35em
}
.wp-block-post-comments-form .comment-reply-title {
margin-bottom: 0
}
.wp-block-post-comments-form .comment-reply-title :where(small) {
font-size: var(--wp--preset--font-size--medium, smaller);
margin-left: .5em
}
.wp-block-post-excerpt__more-link {
display: inline-block
}
.wp-block-post-featured-image {
margin-left: 0;
margin-right: 0
}
.wp-block-post-featured-image a {
display: block
}
.wp-block-post-featured-image img {
max-width: 100%;
width: 100%;
height: auto;
vertical-align: bottom
}
.wp-block-post-featured-image.alignfull img,
.wp-block-post-featured-image.alignwide img {
width: 100%
}
.wp-block-post-terms__separator {
white-space: pre-wrap
}
.wp-block-post-title {
word-break: break-word
}
.wp-block-post-title a {
display: inline-block
}
.wp-block-preformatted {
white-space: pre-wrap
}
.wp-block-preformatted.has-background {
padding: 1.25em 2.375em
}
.wp-block-pullquote {
margin: 0 0 1em;
padding: 3em 0;
text-align: center;
overflow-wrap: break-word;
box-sizing: border-box
}
.wp-block-pullquote blockquote,
.wp-block-pullquote cite,
.wp-block-pullquote p {
color: inherit
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright,
.wp-block-pullquote.has-text-align-left,
.wp-block-pullquote.has-text-align-right {
max-width: 420px
}
.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p,
.wp-block-pullquote.has-text-align-left p,
.wp-block-pullquote.has-text-align-right p {
font-size: 1.25em
}
.wp-block-pullquote p {
font-size: 1.75em;
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.has-text-align-left blockquote {
text-align: left
}
.wp-block-pullquote.has-text-align-right blockquote {
text-align: right
}
.wp-block-pullquote.is-style-solid-color {
border: none
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-left: auto;
margin-right: auto;
max-width: 60%
}
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 2em
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal
}
.wp-block-pullquote cite {
color: inherit
}
.wp-block-post-template,
.wp-block-query-loop {
margin-top: 0;
margin-bottom: 0;
max-width: 100%;
list-style: none;
padding: 0
}
.wp-block-post-template.wp-block-post-template,
.wp-block-query-loop.wp-block-post-template {
background: none
}
.wp-block-post-template.is-flex-container,
.wp-block-query-loop.is-flex-container {
flex-direction: row;
display: flex;
flex-wrap: wrap;
gap: 1.25em
}
.wp-block-post-template.is-flex-container li,
.wp-block-query-loop.is-flex-container li {
margin: 0;
width: 100%
}
@media (min-width:600px) {
.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li {
width: calc(50% - .625em)
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li {
width: calc(33.33333% - .83333em)
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li {
width: calc(25% - .9375em)
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li {
width: calc(20% - 1em)
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li {
width: calc(16.66667% - 1.04167em)
}
}
.wp-block-query-pagination>.wp-block-query-pagination-next,
.wp-block-query-pagination>.wp-block-query-pagination-numbers,
.wp-block-query-pagination>.wp-block-query-pagination-previous {
margin-right: .5em;
margin-bottom: .5em
}
.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,
.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,
.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child {
margin-right: 0
}
.wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
margin-right: 1ch;
display: inline-block
}
.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) {
transform: scaleX(1)
}
.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
margin-left: 1ch;
display: inline-block
}
.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) {
transform: scaleX(1)
}
.wp-block-query-pagination.aligncenter {
justify-content: center
}
.wp-block-quote {
box-sizing: border-box;
overflow-wrap: break-word
}
.wp-block-quote.is-large:not(.is-style-plain),
.wp-block-quote.is-style-large:not(.is-style-plain) {
margin-bottom: 1em;
padding: 0 1em
}
.wp-block-quote.is-large:not(.is-style-plain) p,
.wp-block-quote.is-style-large:not(.is-style-plain) p {
font-size: 1.5em;
font-style: italic;
line-height: 1.6
}
.wp-block-quote.is-large:not(.is-style-plain) cite,
.wp-block-quote.is-large:not(.is-style-plain) footer,
.wp-block-quote.is-style-large:not(.is-style-plain) cite,
.wp-block-quote.is-style-large:not(.is-style-plain) footer {
font-size: 1.125em;
text-align: right
}
.wp-block-read-more {
display: block;
width: -moz-fit-content;
width: fit-content
}
.wp-block-read-more:not([style*=text-decoration]),
.wp-block-read-more:not([style*=text-decoration]):active,
.wp-block-read-more:not([style*=text-decoration]):focus {
text-decoration: none
}
ul.wp-block-rss {
list-style: none;
padding: 0
}
ul.wp-block-rss.wp-block-rss {
box-sizing: border-box
}
ul.wp-block-rss.alignleft {
margin-right: 2em
}
ul.wp-block-rss.alignright {
margin-left: 2em
}
ul.wp-block-rss.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none
}
ul.wp-block-rss.is-grid li {
margin: 0 1em 1em 0;
width: 100%
}
@media (min-width:600px) {
ul.wp-block-rss.columns-2 li {
width: calc(50% - 1em)
}
ul.wp-block-rss.columns-3 li {
width: calc(33.33333% - 1em)
}
ul.wp-block-rss.columns-4 li {
width: calc(25% - 1em)
}
ul.wp-block-rss.columns-5 li {
width: calc(20% - 1em)
}
ul.wp-block-rss.columns-6 li {
width: calc(16.66667% - 1em)
}
}
.wp-block-rss__item-author,
.wp-block-rss__item-publish-date {
display: block;
font-size: .8125em
}
.wp-block-search__button {
background: #f7f7f7;
border: 1px solid #ccc;
padding: .375em .625em;
color: #32373c;
margin-left: .625em;
word-break: normal;
font-size: inherit;
font-family: inherit;
line-height: inherit
}
.wp-block-search__button.has-icon {
line-height: 0
}
.wp-block-search__button svg {
min-width: 1.5em;
min-height: 1.5em;
fill: currentColor
}
.wp-block-search__inside-wrapper {
display: flex;
flex: auto;
flex-wrap: nowrap;
max-width: 100%
}
.wp-block-search__label {
width: 100%
}
.wp-block-search__input {
padding: 8px;
flex-grow: 1;
min-width: 3em;
border: 1px solid #949494;
font-size: inherit;
font-family: inherit;
line-height: inherit
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
margin-left: 0
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
padding: 4px;
border: 1px solid #949494
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
border-radius: 0;
border: none;
padding: 0 0 0 .25em
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
outline: none
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
padding: .125em .5em
}
.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
margin: auto
}
.wp-block-separator {
border-top: 1px solid;
border-bottom: 1px solid
}
.wp-block-separator.is-style-dots {
background: none !important;
border: none;
text-align: center;
line-height: 1;
height: auto
}
.wp-block-separator.is-style-dots:before {
content: "···";
color: currentColor;
font-size: 1.5em;
letter-spacing: 2em;
padding-left: 2em;
font-family: serif
}
.wp-block-site-logo {
line-height: 0
}
.wp-block-site-logo a {
display: inline-block
}
.wp-block-site-logo.is-default-size img {
width: 120px;
height: auto
}
.wp-block-site-logo a,
.wp-block-site-logo img {
border-radius: inherit
}
.wp-block-site-logo.aligncenter {
margin-left: auto;
margin-right: auto;
text-align: center
}
.wp-block-site-logo.is-style-rounded {
border-radius: 9999px
}
.wp-block-social-links {
padding-left: 0;
padding-right: 0;
text-indent: 0;
margin-left: 0;
background: none
}
.wp-block-social-links .wp-social-link a,
.wp-block-social-links .wp-social-link a:hover {
text-decoration: none;
border-bottom: 0;
box-shadow: none
}
.wp-block-social-links .wp-social-link a {
padding: .25em
}
.wp-block-social-links .wp-social-link svg {
width: 1em;
height: 1em
}
.wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
margin-left: .5em;
margin-right: .5em;
font-size: .65em
}
.wp-block-social-links.has-small-icon-size {
font-size: 16px
}
.wp-block-social-links,
.wp-block-social-links.has-normal-icon-size {
font-size: 24px
}
.wp-block-social-links.has-large-icon-size {
font-size: 36px
}
.wp-block-social-links.has-huge-icon-size {
font-size: 48px
}
.wp-block-social-links.aligncenter {
justify-content: center;
display: flex
}
.wp-block-social-links.alignright {
justify-content: flex-end
}
.wp-block-social-link {
display: block;
border-radius: 9999px;
transition: transform .1s ease;
height: auto
}
@media (prefers-reduced-motion:reduce) {
.wp-block-social-link {
transition-duration: 0s;
transition-delay: 0s
}
}
.wp-block-social-link a {
align-items: center;
display: flex;
line-height: 0;
transition: transform .1s ease
}
.wp-block-social-link:hover {
transform: scale(1.1)
}
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
color: currentColor;
fill: currentColor
}
.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: #1778f2;
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: #0d66c2;
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-patreon {
background-color: #ff424d;
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-telegram {
background-color: #2aabee;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {
background-color: #000;
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: #1da1f2;
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: red;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link {
background: none
}
.wp-block-social-links.is-style-logos-only .wp-social-link a {
padding: 0
}
.wp-block-social-links.is-style-logos-only .wp-social-link svg {
width: 1.25em;
height: 1.25em
}
.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: #1778f2
}
.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: #0d66c2
}
.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-patreon {
color: #ff424d
}
.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-telegram {
color: #2aabee
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {
color: #000
}
.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: #1da1f2
}
.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 {
color: #d32422
}
.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
color: red
}
.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: .66667em;
padding-right: .66667em
}
.wp-block-spacer {
clear: both
}
.wp-block-tag-cloud.aligncenter {
text-align: center
}
.wp-block-tag-cloud.alignfull {
padding-left: 1em;
padding-right: 1em
}
.wp-block-tag-cloud a {
display: inline-block;
margin-right: 5px
}
.wp-block-tag-cloud span {
display: inline-block;
margin-left: 5px;
text-decoration: none
}
.wp-block-tag-cloud.is-style-outline {
display: flex;
flex-wrap: wrap;
gap: 1ch
}
.wp-block-tag-cloud.is-style-outline a {
border: 1px solid;
font-size: unset !important;
margin-right: 0;
padding: 1ch 2ch;
text-decoration: none !important
}
.wp-block-table {
margin: 0 0 1em;
overflow-x: auto
}
.wp-block-table table {
border-collapse: collapse;
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 #f0f0f0
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f0f0f0
}
.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-table .has-border-color>*,
.wp-block-table .has-border-color td,
.wp-block-table .has-border-color th,
.wp-block-table .has-border-color tr {
border-color: inherit
}
.wp-block-table table[style*=border-style]>*,
.wp-block-table table[style*=border-style] td,
.wp-block-table table[style*=border-style] th,
.wp-block-table table[style*=border-style] tr {
border-style: inherit
}
.wp-block-table table[style*=border-width]>*,
.wp-block-table table[style*=border-width] td,
.wp-block-table table[style*=border-width] th,
.wp-block-table table[style*=border-width] tr {
border-width: inherit;
border-style: inherit
}
.wp-block-text-columns,
.wp-block-text-columns.aligncenter {
display: flex
}
.wp-block-text-columns .wp-block-column {
margin: 0 1em;
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 {
font-family: inherit;
overflow: auto;
white-space: pre-wrap
}
.wp-block-video {
margin: 0 0 1em
}
.wp-block-video video {
width: 100%
}
@supports (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 {
--wp--preset--font-size--normal: 16px;
--wp--preset--font-size--huge: 42px
}
:root .has-very-light-gray-background-color {
background-color: #eee
}
:root .has-very-dark-gray-background-color {
background-color: #313131
}
:root .has-very-light-gray-color {
color: #eee
}
:root .has-very-dark-gray-color {
color: #313131
}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg, #00d084, #0693e3)
}
:root .has-purple-crush-gradient-background {
background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
}
:root .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg, #faaca8, #dad0ec)
}
:root .has-subdued-olive-gradient-background {
background: linear-gradient(135deg, #fafae1, #67a671)
}
:root .has-atomic-cream-gradient-background {
background: linear-gradient(135deg, #fdd79a, #004a59)
}
:root .has-nightshade-gradient-background {
background: linear-gradient(135deg, #330968, #31cdcf)
}
:root .has-midnight-gradient-background {
background: linear-gradient(135deg, #020381, #2874fc)
}
.has-regular-font-size {
font-size: 1em
}
.has-larger-font-size {
font-size: 2.625em
}
.has-normal-font-size {
font-size: var(--wp--preset--font-size--normal)
}
.has-huge-font-size {
font-size: var(--wp--preset--font-size--huge)
}
.has-text-align-center {
text-align: center
}
.has-text-align-left {
text-align: left
}
.has-text-align-right {
text-align: right
}
#end-resizable-editor-section {
display: none
}
.aligncenter {
clear: both
}
.items-justified-left {
justify-content: flex-start
}
.items-justified-center {
justify-content: center
}
.items-justified-right {
justify-content: flex-end
}
.items-justified-space-between {
justify-content: space-between
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important
}
.screen-reader-text:focus {
background-color: #ddd;
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
html :where(.has-border-color),
html :where([style*=border-width]) {
border-style: solid
}
html :where(img[class*=wp-image-]) {
height: auto;
max-width: 100%
}
.has-text-align-justify {
text-align: justify
}
.wp-block-audio figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-audio figcaption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-code {
border: 1px solid #ccc;
border-radius: 4px;
font-family: Menlo, Consolas, monaco, monospace;
padding: .8em 1em
}
.wp-block-embed figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-embed figcaption {
color: hsla(0, 0%, 100%, .65)
}
.blocks-gallery-caption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .blocks-gallery-caption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-image figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-image figcaption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-pullquote {
border-top: 4px solid;
border-bottom: 4px solid;
margin-bottom: 1.75em;
color: currentColor
}
.wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
color: currentColor;
text-transform: uppercase;
font-size: .8125em;
font-style: normal
}
.wp-block-quote {
border-left: .25em solid;
margin: 0 0 1.75em;
padding-left: 1em
}
.wp-block-quote cite,
.wp-block-quote footer {
color: currentColor;
font-size: .8125em;
position: relative;
font-style: normal
}
.wp-block-quote.has-text-align-right {
border-left: none;
border-right: .25em solid;
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,
.wp-block-quote.is-style-plain {
border: none
}
.wp-block-search .wp-block-search__label {
font-weight: 700
}
:where(.wp-block-group.has-background) {
padding: 1.25em 2.375em
}
.wp-block-separator.has-css-opacity {
opacity: .4
}
.wp-block-separator {
border: none;
border-bottom: 2px solid;
margin-left: auto;
margin-right: auto
}
.wp-block-separator.has-alpha-channel-opacity {
opacity: 1
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
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 thead {
border-bottom: 3px solid
}
.wp-block-table tfoot {
border-top: 3px solid
}
.wp-block-table td,
.wp-block-table th {
padding: .5em;
border: 1px solid;
word-break: normal
}
.wp-block-table figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-table figcaption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-video figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-video figcaption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-template-part.has-background {
padding: 1.25em 2.375em;
margin-top: 0;
margin-bottom: 0
}
.mejs-offscreen {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal
}
.mejs-container {
background: #000;
font-family: Helvetica, Arial, serif;
position: relative;
text-align: left;
text-indent: 0;
vertical-align: top
}
.mejs-container,
.mejs-container * {
box-sizing: border-box
}
.mejs-container video::-webkit-media-controls,
.mejs-container video::-webkit-media-controls-panel,
.mejs-container video::-webkit-media-controls-panel-container,
.mejs-container video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important
}
.mejs-fill-container,
.mejs-fill-container .mejs-container {
height: 100%;
width: 100%
}
.mejs-fill-container {
background: transparent;
margin: 0 auto;
overflow: hidden;
position: relative
}
.mejs-container:focus {
outline: none
}
.mejs-iframe-overlay {
height: 100%;
position: absolute;
width: 100%
}
.mejs-embed,
.mejs-embed body {
background: #000;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%
}
.mejs-fullscreen {
overflow: hidden !important
}
.mejs-container-fullscreen {
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
z-index: 1000
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
height: 100% !important;
width: 100% !important
}
.mejs-background,
.mejs-mediaelement {
left: 0;
position: absolute;
top: 0
}
.mejs-mediaelement {
height: 100%;
width: 100%;
z-index: 0
}
.mejs-poster {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
left: 0;
position: absolute;
top: 0;
z-index: 1
}
:root .mejs-poster-img {
display: none
}
.mejs-poster-img {
border: 0;
padding: 0
}
.mejs-overlay {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
position: absolute;
top: 0
}
.mejs-layer {
z-index: 1
}
.mejs-overlay-play {
cursor: pointer
}
.mejs-overlay-button {
background: url(https://www.oodlesmarketing.com/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat;
background-position: 0 -39px;
height: 80px;
width: 80px
}
.mejs-overlay:hover>.mejs-overlay-button {
background-position: -80px -39px
}
.mejs-overlay-loading {
height: 80px;
width: 80px
}
.mejs-overlay-loading-bg-img {
-webkit-animation: a 1s linear infinite;
animation: a 1s linear infinite;
background: transparent url(https://www.oodlesmarketing.com/wp-includes/js/mediaelement/mejs-controls.svg) -160px -40px no-repeat;
display: block;
height: 80px;
width: 80px;
z-index: 1
}
@-webkit-keyframes a {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes a {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
.mejs-controls {
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 40px;
left: 0;
list-style-type: none;
margin: 0;
padding: 0 10px;
position: absolute;
width: 100%;
z-index: 3
}
.mejs-controls:not([style*="display: none"]) {
background: rgba(255, 0, 0, .7);
background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .35));
background: linear-gradient(transparent, rgba(0, 0, 0, .35))
}
.mejs-button,
.mejs-time,
.mejs-time-rail {
font-size: 10px;
height: 40px;
line-height: 10px;
margin: 0;
width: 32px
}
.mejs-button>button {
background: transparent url(https://www.oodlesmarketing.com/wp-includes/js/mediaelement/mejs-controls.svg);
border: 0;
cursor: pointer;
display: block;
font-size: 0;
height: 20px;
line-height: 0;
margin: 10px 6px;
overflow: hidden;
padding: 0;
position: absolute;
text-decoration: none;
width: 20px
}
.mejs-button>button:focus {
outline: 1px dotted #999
}
.mejs-container-keyboard-inactive [role=slider],
.mejs-container-keyboard-inactive [role=slider]:focus,
.mejs-container-keyboard-inactive a,
.mejs-container-keyboard-inactive a:focus,
.mejs-container-keyboard-inactive button,
.mejs-container-keyboard-inactive button:focus {
outline: 0
}
.mejs-time {
box-sizing: content-box;
color: #fff;
font-size: 11px;
font-weight: 700;
height: 24px;
overflow: hidden;
padding: 16px 6px 0;
text-align: center;
width: auto
}
.mejs-play>button {
background-position: 0 0
}
.mejs-pause>button {
background-position: -20px 0
}
.mejs-replay>button {
background-position: -160px 0
}
.mejs-time-rail {
direction: ltr;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 40px;
margin: 0 10px;
padding-top: 10px;
position: relative
}
.mejs-time-buffering,
.mejs-time-current,
.mejs-time-float,
.mejs-time-float-corner,
.mejs-time-float-current,
.mejs-time-hovered,
.mejs-time-loaded,
.mejs-time-marker,
.mejs-time-total {
border-radius: 2px;
cursor: pointer;
display: block;
height: 10px;
position: absolute
}
.mejs-time-total {
background: hsla(0, 0%, 100%, .3);
margin: 5px 0 0;
width: 100%
}
.mejs-time-buffering {
-webkit-animation: b 2s linear infinite;
animation: b 2s linear infinite;
background: -webkit-linear-gradient(135deg, hsla(0, 0%, 100%, .4) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .4) 0, hsla(0, 0%, 100%, .4) 75%, transparent 0, transparent);
background: linear-gradient(-45deg, hsla(0, 0%, 100%, .4) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .4) 0, hsla(0, 0%, 100%, .4) 75%, transparent 0, transparent);
background-size: 15px 15px;
width: 100%
}
@-webkit-keyframes b {
0% {
background-position: 0 0
}
to {
background-position: 30px 0
}
}
@keyframes b {
0% {
background-position: 0 0
}
to {
background-position: 30px 0
}
}
.mejs-time-loaded {
background: hsla(0, 0%, 100%, .3)
}
.mejs-time-current,
.mejs-time-handle-content {
background: hsla(0, 0%, 100%, .9)
}
.mejs-time-hovered {
background: hsla(0, 0%, 100%, .5);
z-index: 10
}
.mejs-time-hovered.negative {
background: rgba(0, 0, 0, .2)
}
.mejs-time-buffering,
.mejs-time-current,
.mejs-time-hovered,
.mejs-time-loaded {
left: 0;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: all .15s ease-in;
transition: all .15s ease-in;
width: 100%
}
.mejs-time-buffering {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1)
}
.mejs-time-hovered {
-webkit-transition: height .1s cubic-bezier(.44, 0, 1, 1);
transition: height .1s cubic-bezier(.44, 0, 1, 1)
}
.mejs-time-hovered.no-hover {
-webkit-transform: scaleX(0) !important;
-ms-transform: scaleX(0) !important;
transform: scaleX(0) !important
}
.mejs-time-handle,
.mejs-time-handle-content {
border: 4px solid transparent;
cursor: pointer;
left: 0;
position: absolute;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
z-index: 11
}
.mejs-time-handle-content {
border: 4px solid hsla(0, 0%, 100%, .9);
border-radius: 50%;
height: 10px;
left: -7px;
top: -4px;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
width: 10px
}
.mejs-time-rail .mejs-time-handle-content:active,
.mejs-time-rail .mejs-time-handle-content:focus,
.mejs-time-rail:hover .mejs-time-handle-content {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.mejs-time-float {
background: #eee;
border: 1px solid #333;
bottom: 100%;
color: #111;
display: none;
height: 17px;
margin-bottom: 9px;
position: absolute;
text-align: center;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 36px
}
.mejs-time-float-current {
display: block;
left: 0;
margin: 2px;
text-align: center;
width: 30px
}
.mejs-time-float-corner {
border: 5px solid #eee;
border-color: #eee transparent transparent;
border-radius: 0;
display: block;
height: 0;
left: 50%;
line-height: 0;
position: absolute;
top: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 0
}
.mejs-long-video .mejs-time-float {
margin-left: -23px;
width: 64px
}
.mejs-long-video .mejs-time-float-current {
width: 60px
}
.mejs-broadcast {
color: #fff;
height: 10px;
position: absolute;
top: 15px;
width: 100%
}
.mejs-fullscreen-button>button {
background-position: -80px 0
}
.mejs-unfullscreen>button {
background-position: -100px 0
}
.mejs-mute>button {
background-position: -60px 0
}
.mejs-unmute>button {
background-position: -40px 0
}
.mejs-volume-button {
position: relative
}
.mejs-volume-button>.mejs-volume-slider {
-webkit-backface-visibility: hidden;
background: rgba(50, 50, 50, .7);
border-radius: 0;
bottom: 100%;
display: none;
height: 115px;
left: 50%;
margin: 0;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 25px;
z-index: 1
}
.mejs-volume-button:hover {
border-radius: 0 0 4px 4px
}
.mejs-volume-total {
background: hsla(0, 0%, 100%, .5);
height: 100px;
left: 50%;
margin: 0;
position: absolute;
top: 8px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 2px
}
.mejs-volume-current {
left: 0;
margin: 0;
width: 100%
}
.mejs-volume-current,
.mejs-volume-handle {
background: hsla(0, 0%, 100%, .9);
position: absolute
}
.mejs-volume-handle {
border-radius: 1px;
cursor: ns-resize;
height: 6px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 16px
}
.mejs-horizontal-volume-slider {
display: block;
height: 36px;
position: relative;
vertical-align: middle;
width: 56px
}
.mejs-horizontal-volume-total {
background: rgba(50, 50, 50, .8);
height: 8px;
top: 16px;
width: 50px
}
.mejs-horizontal-volume-current,
.mejs-horizontal-volume-total {
border-radius: 2px;
font-size: 1px;
left: 0;
margin: 0;
padding: 0;
position: absolute
}
.mejs-horizontal-volume-current {
background: hsla(0, 0%, 100%, .8);
height: 100%;
top: 0;
width: 100%
}
.mejs-horizontal-volume-handle {
display: none
}
.mejs-captions-button,
.mejs-chapters-button {
position: relative
}
.mejs-captions-button>button {
background-position: -140px 0
}
.mejs-chapters-button>button {
background-position: -180px 0
}
.mejs-captions-button>.mejs-captions-selector,
.mejs-chapters-button>.mejs-chapters-selector {
background: rgba(50, 50, 50, .7);
border: 1px solid transparent;
border-radius: 0;
bottom: 100%;
margin-right: -43px;
overflow: hidden;
padding: 0;
position: absolute;
right: 50%;
visibility: visible;
width: 86px
}
.mejs-chapters-button>.mejs-chapters-selector {
margin-right: -55px;
width: 110px
}
.mejs-captions-selector-list,
.mejs-chapters-selector-list {
list-style-type: none !important;
margin: 0;
overflow: hidden;
padding: 0
}
.mejs-captions-selector-list-item,
.mejs-chapters-selector-list-item {
color: #fff;
cursor: pointer;
display: block;
list-style-type: none !important;
margin: 0 0 6px;
overflow: hidden;
padding: 0
}
.mejs-captions-selector-list-item:hover,
.mejs-chapters-selector-list-item:hover {
background-color: #c8c8c8 !important;
background-color: hsla(0, 0%, 100%, .4) !important
}
.mejs-captions-selector-input,
.mejs-chapters-selector-input {
clear: both;
float: left;
left: -1000px;
margin: 3px 3px 0 5px;
position: absolute
}
.mejs-captions-selector-label,
.mejs-chapters-selector-label {
cursor: pointer;
float: left;
font-size: 10px;
line-height: 15px;
padding: 4px 10px 0;
width: 100%
}
.mejs-captions-selected,
.mejs-chapters-selected {
color: #21f8f8
}
.mejs-captions-translations {
font-size: 10px;
margin: 0 0 5px
}
.mejs-captions-layer {
bottom: 0;
color: #fff;
font-size: 16px;
left: 0;
line-height: 20px;
position: absolute;
text-align: center
}
.mejs-captions-layer a {
color: #fff;
text-decoration: underline
}
.mejs-captions-layer[lang=ar] {
font-size: 20px;
font-weight: 400
}
.mejs-captions-position {
bottom: 15px;
left: 0;
position: absolute;
width: 100%
}
.mejs-captions-position-hover {
bottom: 35px
}
.mejs-captions-text,
.mejs-captions-text * {
background: hsla(0, 0%, 8%, .5);
box-shadow: 5px 0 0 hsla(0, 0%, 8%, .5), -5px 0 0 hsla(0, 0%, 8%, .5);
padding: 0;
white-space: pre-wrap
}
.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container {
display: none
}
.mejs-overlay-error {
position: relative
}
.mejs-overlay-error>img {
left: 0;
max-width: 100%;
position: absolute;
top: 0;
z-index: -1
}
.mejs-cannotplay,
.mejs-cannotplay a {
color: #fff;
font-size: .8em
}
.mejs-cannotplay {
position: relative
}
.mejs-cannotplay a,
.mejs-cannotplay p {
display: inline-block;
padding: 0 15px;
width: 100%
}
.mejs-container {
clear: both;
max-width: 100%
}
.mejs-container * {
font-family: Helvetica, Arial
}
.mejs-container,
.mejs-container .mejs-controls,
.mejs-embed,
.mejs-embed body {
background: #222
}
.mejs-time {
font-weight: 400;
word-wrap: normal
}
.mejs-controls a.mejs-horizontal-volume-slider {
display: table
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #fff
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #0073aa
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-time-rail .mejs-time-total {
background: rgba(255, 255, 255, .33)
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-time-rail span {
border-radius: 0
}
.mejs-overlay-loading {
background: 0 0
}
.mejs-controls button:hover {
border: none;
-webkit-box-shadow: none;
box-shadow: none
}
.me-cannotplay {
width: auto !important
}
.media-embed-details .wp-audio-shortcode {
display: inline-block;
max-width: 400px
}
.audio-details .embed-media-settings {
overflow: visible
}
.media-embed-details .embed-media-settings .setting span:not(.button-group) {
max-width: 400px;
width: auto
}
.media-embed-details .embed-media-settings .checkbox-setting span {
display: inline-block
}
.media-embed-details .embed-media-settings {
padding-top: 0;
top: 28px
}
.media-embed-details .instructions {
padding: 16px 0;
max-width: 600px
}
.media-embed-details .setting .remove-setting,
.media-embed-details .setting p {
color: #a00;
font-size: 10px;
text-transform: uppercase
}
.media-embed-details .setting .remove-setting {
padding: 5px 0
}
.media-embed-details .setting a:hover {
color: #dc3232
}
.media-embed-details .embed-media-settings .checkbox-setting {
float: none;
margin: 0 0 10px
}
.wp-video {
max-width: 100%;
height: auto
}
.wp_attachment_holder .wp-audio-shortcode,
.wp_attachment_holder .wp-video {
margin-top: 18px
}
.wp-video-shortcode video,
video.wp-video-shortcode {
max-width: 100%;
display: inline-block
}
.video-details .wp-video-holder {
width: 100%;
max-width: 640px
}
.wp-playlist {
border: 1px solid #ccc;
padding: 10px;
margin: 12px 0 18px;
font-size: 14px;
line-height: 1.5
}
.wp-admin .wp-playlist {
margin: 0 0 18px
}
.wp-playlist video {
display: inline-block;
max-width: 100%
}
.wp-playlist audio {
display: none;
max-width: 100%;
width: 400px
}
.wp-playlist .mejs-container {
margin: 0;
max-width: 100%
}
.wp-playlist .mejs-controls .mejs-button button {
outline: 0
}
.wp-playlist-light {
background: #fff;
color: #000
}
.wp-playlist-dark {
color: #fff;
background: #000
}
.wp-playlist-caption {
display: block;
max-width: 88%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
line-height: 1.5
}
.wp-playlist-item .wp-playlist-caption {
text-decoration: none;
color: #000;
max-width: -webkit-calc(100% - 40px);
max-width: calc(100% - 40px)
}
.wp-playlist-item-meta {
display: block;
font-size: 14px;
line-height: 1.5
}
.wp-playlist-item-title {
font-size: 14px;
line-height: 1.5
}
.wp-playlist-item-album {
font-style: italic;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.wp-playlist-item-artist {
font-size: 12px;
text-transform: uppercase
}
.wp-playlist-item-length {
position: absolute;
right: 3px;
top: 0;
font-size: 14px;
line-height: 1.5
}
.rtl .wp-playlist-item-length {
left: 3px;
right: auto
}
.wp-playlist-tracks {
margin-top: 10px
}
.wp-playlist-item {
position: relative;
cursor: pointer;
padding: 0 3px;
border-bottom: 1px solid #ccc
}
.wp-playlist-item:last-child {
border-bottom: 0
}
.wp-playlist-light .wp-playlist-caption {
color: #333
}
.wp-playlist-dark .wp-playlist-caption {
color: #ddd
}
.wp-playlist-playing {
font-weight: 700;
background: #f7f7f7
}
.wp-playlist-light .wp-playlist-playing {
background: #fff;
color: #000
}
.wp-playlist-dark .wp-playlist-playing {
background: #000;
color: #fff
}
.wp-playlist-current-item {
overflow: hidden;
margin-bottom: 10px;
height: 60px
}
.wp-playlist .wp-playlist-current-item img {
float: left;
max-width: 60px;
height: auto;
margin-right: 10px;
padding: 0;
border: 0
}
.rtl .wp-playlist .wp-playlist-current-item img {
float: right;
margin-left: 10px;
margin-right: 0
}
.wp-playlist-current-item .wp-playlist-item-artist,
.wp-playlist-current-item .wp-playlist-item-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.wp-audio-playlist .me-cannotplay span {
padding: 5px 15px
}
body {
--wp--preset--color--black: #000;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #fff;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #0693e3;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--color--primary: #0073a8;
--wp--preset--color--secondary: #005075;
--wp--preset--color--dark-gray: #111;
--wp--preset--color--light-gray: #767676;
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, #9b51e0 100%);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, #cf2e2e 100%);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%);
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);
--wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);
--wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);
--wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%);
--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
--wp--preset--duotone--midnight: url('#wp-duotone-midnight');
--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');
--wp--preset--font-size--small: 19.5px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 36.5px;
--wp--preset--font-size--x-large: 42px;
--wp--preset--font-size--normal: 22px;
--wp--preset--font-size--huge: 49.5px
}
.has-black-color {
color: var(--wp--preset--color--black) !important
}
.has-cyan-bluish-gray-color {
color: var(--wp--preset--color--cyan-bluish-gray) !important
}
.has-white-color {
color: var(--wp--preset--color--white) !important
}
.has-pale-pink-color {
color: var(--wp--preset--color--pale-pink) !important
}
.has-vivid-red-color {
color: var(--wp--preset--color--vivid-red) !important
}
.has-luminous-vivid-orange-color {
color: var(--wp--preset--color--luminous-vivid-orange) !important
}
.has-luminous-vivid-amber-color {
color: var(--wp--preset--color--luminous-vivid-amber) !important
}
.has-light-green-cyan-color {
color: var(--wp--preset--color--light-green-cyan) !important
}
.has-vivid-green-cyan-color {
color: var(--wp--preset--color--vivid-green-cyan) !important
}
.has-pale-cyan-blue-color {
color: var(--wp--preset--color--pale-cyan-blue) !important
}
.has-vivid-cyan-blue-color {
color: var(--wp--preset--color--vivid-cyan-blue) !important
}
.has-vivid-purple-color {
color: var(--wp--preset--color--vivid-purple) !important
}
.has-black-background-color {
background-color: var(--wp--preset--color--black) !important
}
.has-cyan-bluish-gray-background-color {
background-color: var(--wp--preset--color--cyan-bluish-gray) !important
}
.has-white-background-color {
background-color: var(--wp--preset--color--white) !important
}
.has-pale-pink-background-color {
background-color: var(--wp--preset--color--pale-pink) !important
}
.has-vivid-red-background-color {
background-color: var(--wp--preset--color--vivid-red) !important
}
.has-luminous-vivid-orange-background-color {
background-color: var(--wp--preset--color--luminous-vivid-orange) !important
}
.has-luminous-vivid-amber-background-color {
background-color: var(--wp--preset--color--luminous-vivid-amber) !important
}
.has-light-green-cyan-background-color {
background-color: var(--wp--preset--color--light-green-cyan) !important
}
.has-vivid-green-cyan-background-color {
background-color: var(--wp--preset--color--vivid-green-cyan) !important
}
.has-pale-cyan-blue-background-color {
background-color: var(--wp--preset--color--pale-cyan-blue) !important
}
.has-vivid-cyan-blue-background-color {
background-color: var(--wp--preset--color--vivid-cyan-blue) !important
}
.has-vivid-purple-background-color {
background-color: var(--wp--preset--color--vivid-purple) !important
}
.has-black-border-color {
border-color: var(--wp--preset--color--black) !important
}
.has-cyan-bluish-gray-border-color {
border-color: var(--wp--preset--color--cyan-bluish-gray) !important
}
.has-white-border-color {
border-color: var(--wp--preset--color--white) !important
}
.has-pale-pink-border-color {
border-color: var(--wp--preset--color--pale-pink) !important
}
.has-vivid-red-border-color {
border-color: var(--wp--preset--color--vivid-red) !important
}
.has-luminous-vivid-orange-border-color {
border-color: var(--wp--preset--color--luminous-vivid-orange) !important
}
.has-luminous-vivid-amber-border-color {
border-color: var(--wp--preset--color--luminous-vivid-amber) !important
}
.has-light-green-cyan-border-color {
border-color: var(--wp--preset--color--light-green-cyan) !important
}
.has-vivid-green-cyan-border-color {
border-color: var(--wp--preset--color--vivid-green-cyan) !important
}
.has-pale-cyan-blue-border-color {
border-color: var(--wp--preset--color--pale-cyan-blue) !important
}
.has-vivid-cyan-blue-border-color {
border-color: var(--wp--preset--color--vivid-cyan-blue) !important
}
.has-vivid-purple-border-color {
border-color: var(--wp--preset--color--vivid-purple) !important
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important
}
.has-cool-to-warm-spectrum-gradient-background {
background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important
}
.has-blush-light-purple-gradient-background {
background: var(--wp--preset--gradient--blush-light-purple) !important
}
.has-blush-bordeaux-gradient-background {
background: var(--wp--preset--gradient--blush-bordeaux) !important
}
.has-luminous-dusk-gradient-background {
background: var(--wp--preset--gradient--luminous-dusk) !important
}
.has-pale-ocean-gradient-background {
background: var(--wp--preset--gradient--pale-ocean) !important
}
.has-electric-grass-gradient-background {
background: var(--wp--preset--gradient--electric-grass) !important
}
.has-midnight-gradient-background {
background: var(--wp--preset--gradient--midnight) !important
}
.has-small-font-size {
font-size: var(--wp--preset--font-size--small) !important
}
.has-medium-font-size {
font-size: var(--wp--preset--font-size--medium) !important
}
.has-large-font-size {
font-size: var(--wp--preset--font-size--large) !important
}
.has-x-large-font-size {
font-size: var(--wp--preset--font-size--x-large) !important
}
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important
}
.wpcf7 form .wpcf7-response-output {
margin: 2em .5em 1em;
padding: .2em 1em;
border: 2px solid #00a0d2
}
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232
}
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900
}
.wpcf7-form-control-wrap {
position: relative
}
.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 1em;
font-weight: 400;
display: block
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em
}
.wpcf7-list-item-label:before,
.wpcf7-list-item-label:after {
content: " "
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d;
opacity: .75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative
}
form.submitting .wpcf7-spinner {
visibility: visible
}
.wpcf7-spinner:before {
content: '';
position: absolute;
background-color: #fbfbfc;
top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite
}
@media (prefers-reduced-motion:reduce) {
.wpcf7-spinner:before {
animation-name: blink;
animation-duration: 2s
}
}
@keyframes spin {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg)
}
}
@keyframes blink {
from {
opacity: 0
}
50% {
opacity: 1
}
to {
opacity: 0
}
}
.wpcf7 input[type=file] {
cursor: pointer
}
.wpcf7 input[type=file]:disabled {
cursor: default
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed
}
.wpcf7 input[type=url],
.wpcf7 input[type=email],
.wpcf7 input[type=tel] {
direction: ltr
}
.wpcf7 .wpcf7-recaptcha iframe {
margin-bottom: 0
}
.wpcf7 .wpcf7-recaptcha[data-align=center]>div {
margin: 0 auto
}
.wpcf7 .wpcf7-recaptcha[data-align=right]>div {
margin: 0 0 0 auto
}
#mfcf7_zl_multifilecontainer span.wpcf7-form-control-wrap {
padding: 6px 0
}
#mfcf7_zl_multifilecontainer .wpcf7-form-control-wrap a i {
font-size: 15px;
margin: 0 5px
}
a.mfcf7_zl_delete_file {
box-shadow: none !important
}
a#mfcf7_zl_add_file {
box-shadow: none !important
}
div#mfcf7_zl_multifilecontainer p {
margin-bottom: 10px
}
div#mfcf7_zl_multifilecontainer {
margin-top: 15px
}
.zl-form-control-wrap input,
.zl-form-control-wrap .mfcf7_zl_delete_file {
display: none
}
.math-captcha-form {
display: block;
float: none;
clear: both
}
.login form .math-captcha-form span {
display: inline-block;
margin-bottom: 16px
}
input[type=text].mc-input {
display: inline-block;
width: 60px !important;
vertical-align: middle;
margin-bottom: 0
}
.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0 !important;
font: inherit
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/themes/Marketing_theme/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.owl-theme .owl-dots,
.owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav {
margin-top: 10px
}
.owl-theme .owl-nav [class*=owl-] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: #869791;
color: #FFF;
text-decoration: none
}
.owl-theme .owl-nav .disabled {
opacity: .5;
cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 10px
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #869791
}
/*!
* Bootstrap v4.3.1 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
*,
::after,
::before {
box-sizing: border-box
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff
}
[tabindex="-1"]:focus {
outline: 0 !important
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: .5rem
}
p {
margin-top: 0;
margin-bottom: 1rem
}
abbr[data-original-title],
abbr[title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
dl,
ol,
ul {
margin-top: 0;
margin-bottom: 1rem
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
b,
strong {
font-weight: bolder
}
small {
font-size: 80%
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent
}
a:hover {
color: #0056b3;
text-decoration: underline
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none
}
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none
}
a:not([href]):not([tabindex]):focus {
outline: 0
}
code,
kbd,
pre,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto
}
figure {
margin: 0 0 1rem
}
img {
vertical-align: middle;
border-style: none
}
svg {
overflow: hidden;
vertical-align: middle
}
table {
border-collapse: collapse
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #6c757d;
text-align: left;
caption-side: bottom
}
th {
text-align: inherit
}
label {
display: inline-block;
margin-bottom: .5rem
}
button {
border-radius: 0
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
select {
word-wrap: normal
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
cursor: pointer
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border-style: none
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
-webkit-appearance: listbox
}
textarea {
overflow: auto;
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal
}
progress {
vertical-align: baseline
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
output {
display: inline-block
}
summary {
display: list-item;
cursor: pointer
}
template {
display: none
}
[hidden] {
display: none !important
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2
}
.h1,
h1 {
font-size: 2.5rem
}
.h2,
h2 {
font-size: 2rem
}
.h3,
h3 {
font-size: 1.75rem
}
.h4,
h4 {
font-size: 1.5rem
}
.h5,
h5 {
font-size: 1.25rem
}
.h6,
h6 {
font-size: 1rem
}
.lead {
font-size: 1.25rem;
font-weight: 300
}
.display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.2
}
.display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.2
}
.display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.2
}
.display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.2
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, .1)
}
.small,
small {
font-size: 80%;
font-weight: 400
}
.mark,
mark {
padding: .2em;
background-color: #fcf8e3
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
list-style: none
}
.list-inline-item {
display: inline-block
}
.list-inline-item:not(:last-child) {
margin-right: .5rem
}
.initialism {
font-size: 90%;
text-transform: uppercase
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem
}
.blockquote-footer {
display: block;
font-size: 80%;
color: #6c757d
}
.blockquote-footer::before {
content: "\2014\00A0"
}
.img-fluid {
max-width: 100%;
height: auto
}
.img-thumbnail {
padding: .25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: .25rem;
max-width: 100%;
height: auto
}
.figure {
display: inline-block
}
.figure-img {
margin-bottom: .5rem;
line-height: 1
}
.figure-caption {
font-size: 90%;
color: #6c757d
}
code {
font-size: 87.5%;
color: #e83e8c;
word-break: break-word
}
a>code {
color: inherit
}
kbd {
padding: .2rem .4rem;
font-size: 87.5%;
color: #fff;
background-color: #212529;
border-radius: .2rem
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700
}
pre {
display: block;
font-size: 87.5%;
color: #212529
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media (min-width:576px) {
.container {
max-width: 540px
}
}
@media (min-width:768px) {
.container {
max-width: 720px
}
}
@media (min-width:992px) {
.container {
max-width: 960px
}
}
@media (min-width:1200px) {
.container {
max-width: 1140px
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.no-gutters {
margin-right: 0;
margin-left: 0
}
.no-gutters>.col,
.no-gutters>[class*=col-] {
padding-right: 0;
padding-left: 0
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-first {
-ms-flex-order: -1;
order: -1
}
.order-last {
-ms-flex-order: 13;
order: 13
}
.order-0 {
-ms-flex-order: 0;
order: 0
}
.order-1 {
-ms-flex-order: 1;
order: 1
}
.order-2 {
-ms-flex-order: 2;
order: 2
}
.order-3 {
-ms-flex-order: 3;
order: 3
}
.order-4 {
-ms-flex-order: 4;
order: 4
}
.order-5 {
-ms-flex-order: 5;
order: 5
}
.order-6 {
-ms-flex-order: 6;
order: 6
}
.order-7 {
-ms-flex-order: 7;
order: 7
}
.order-8 {
-ms-flex-order: 8;
order: 8
}
.order-9 {
-ms-flex-order: 9;
order: 9
}
.order-10 {
-ms-flex-order: 10;
order: 10
}
.order-11 {
-ms-flex-order: 11;
order: 11
}
.order-12 {
-ms-flex-order: 12;
order: 12
}
.offset-1 {
margin-left: 8.333333%
}
.offset-2 {
margin-left: 16.666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.333333%
}
.offset-5 {
margin-left: 41.666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.333333%
}
.offset-8 {
margin-left: 66.666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.333333%
}
.offset-11 {
margin-left: 91.666667%
}
@media (min-width:576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-sm-first {
-ms-flex-order: -1;
order: -1
}
.order-sm-last {
-ms-flex-order: 13;
order: 13
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.333333%
}
.offset-sm-2 {
margin-left: 16.666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.333333%
}
.offset-sm-5 {
margin-left: 41.666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.333333%
}
.offset-sm-8 {
margin-left: 66.666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.333333%
}
.offset-sm-11 {
margin-left: 91.666667%
}
}
@media (min-width:768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-md-first {
-ms-flex-order: -1;
order: -1
}
.order-md-last {
-ms-flex-order: 13;
order: 13
}
.order-md-0 {
-ms-flex-order: 0;
order: 0
}
.order-md-1 {
-ms-flex-order: 1;
order: 1
}
.order-md-2 {
-ms-flex-order: 2;
order: 2
}
.order-md-3 {
-ms-flex-order: 3;
order: 3
}
.order-md-4 {
-ms-flex-order: 4;
order: 4
}
.order-md-5 {
-ms-flex-order: 5;
order: 5
}
.order-md-6 {
-ms-flex-order: 6;
order: 6
}
.order-md-7 {
-ms-flex-order: 7;
order: 7
}
.order-md-8 {
-ms-flex-order: 8;
order: 8
}
.order-md-9 {
-ms-flex-order: 9;
order: 9
}
.order-md-10 {
-ms-flex-order: 10;
order: 10
}
.order-md-11 {
-ms-flex-order: 11;
order: 11
}
.order-md-12 {
-ms-flex-order: 12;
order: 12
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.333333%
}
.offset-md-2 {
margin-left: 16.666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.333333%
}
.offset-md-5 {
margin-left: 41.666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.333333%
}
.offset-md-8 {
margin-left: 66.666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.333333%
}
.offset-md-11 {
margin-left: 91.666667%
}
}
@media (min-width:992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-lg-first {
-ms-flex-order: -1;
order: -1
}
.order-lg-last {
-ms-flex-order: 13;
order: 13
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.333333%
}
.offset-lg-2 {
margin-left: 16.666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.333333%
}
.offset-lg-5 {
margin-left: 41.666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.333333%
}
.offset-lg-8 {
margin-left: 66.666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.333333%
}
.offset-lg-11 {
margin-left: 91.666667%
}
}
@media (min-width:1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-xl-first {
-ms-flex-order: -1;
order: -1
}
.order-xl-last {
-ms-flex-order: 13;
order: 13
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.333333%
}
.offset-xl-2 {
margin-left: 16.666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.333333%
}
.offset-xl-5 {
margin-left: 41.666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.333333%
}
.offset-xl-8 {
margin-left: 66.666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.333333%
}
.offset-xl-11 {
margin-left: 91.666667%
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #212529
}
.table td,
.table th {
padding: .75rem;
vertical-align: top;
border-top: 1px solid #dee2e6
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6
}
.table tbody+tbody {
border-top: 2px solid #dee2e6
}
.table-sm td,
.table-sm th {
padding: .3rem
}
.table-bordered {
border: 1px solid #dee2e6
}
.table-bordered td,
.table-bordered th {
border: 1px solid #dee2e6
}
.table-bordered thead td,
.table-bordered thead th {
border-bottom-width: 2px
}
.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
border: 0
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, .05)
}
.table-hover tbody tr:hover {
color: #212529;
background-color: rgba(0, 0, 0, .075)
}
.table-primary,
.table-primary>td,
.table-primary>th {
background-color: #b8daff
}
.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
border-color: #7abaff
}
.table-hover .table-primary:hover {
background-color: #9fcdff
}
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
background-color: #9fcdff
}
.table-secondary,
.table-secondary>td,
.table-secondary>th {
background-color: #d6d8db
}
.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
border-color: #b3b7bb
}
.table-hover .table-secondary:hover {
background-color: #c8cbcf
}
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
background-color: #c8cbcf
}
.table-success,
.table-success>td,
.table-success>th {
background-color: #c3e6cb
}
.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
border-color: #8fd19e
}
.table-hover .table-success:hover {
background-color: #b1dfbb
}
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
background-color: #b1dfbb
}
.table-info,
.table-info>td,
.table-info>th {
background-color: #bee5eb
}
.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
border-color: #86cfda
}
.table-hover .table-info:hover {
background-color: #abdde5
}
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
background-color: #abdde5
}
.table-warning,
.table-warning>td,
.table-warning>th {
background-color: #ffeeba
}
.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
border-color: #ffdf7e
}
.table-hover .table-warning:hover {
background-color: #ffe8a1
}
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
background-color: #ffe8a1
}
.table-danger,
.table-danger>td,
.table-danger>th {
background-color: #f5c6cb
}
.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
border-color: #ed969e
}
.table-hover .table-danger:hover {
background-color: #f1b0b7
}
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
background-color: #f1b0b7
}
.table-light,
.table-light>td,
.table-light>th {
background-color: #fdfdfe
}
.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
border-color: #fbfcfc
}
.table-hover .table-light:hover {
background-color: #ececf6
}
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
background-color: #ececf6
}
.table-dark,
.table-dark>td,
.table-dark>th {
background-color: #c6c8ca
}
.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
border-color: #95999c
}
.table-hover .table-dark:hover {
background-color: #b9bbbe
}
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
background-color: #b9bbbe
}
.table-active,
.table-active>td,
.table-active>th {
background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover {
background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
background-color: rgba(0, 0, 0, .075)
}
.table .thead-dark th {
color: #fff;
background-color: #343a40;
border-color: #454d55
}
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6
}
.table-dark {
color: #fff;
background-color: #343a40
}
.table-dark td,
.table-dark th,
.table-dark thead th {
border-color: #454d55
}
.table-dark.table-bordered {
border: 0
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, .05)
}
.table-dark.table-hover tbody tr:hover {
color: #fff;
background-color: rgba(255, 255, 255, .075)
}
@media (max-width:575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-sm>.table-bordered {
border: 0
}
}
@media (max-width:767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-md>.table-bordered {
border: 0
}
}
@media (max-width:991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-lg>.table-bordered {
border: 0
}
}
@media (max-width:1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-xl>.table-bordered {
border: 0
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive>.table-bordered {
border: 0
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
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
}
@media (prefers-reduced-motion:reduce) {
.form-control {
transition: none
}
}
.form-control::-ms-expand {
background-color: transparent;
border: 0
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.form-control::-webkit-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::-moz-placeholder {
color: #6c757d;
opacity: 1
}
.form-control:-ms-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::-ms-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::placeholder {
color: #6c757d;
opacity: 1
}
.form-control:disabled,
.form-control[readonly] {
background-color: #e9ecef;
opacity: 1
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff
}
.form-control-file,
.form-control-range {
display: block;
width: 100%
}
.col-form-label {
padding-top: calc(.375rem + 1px);
padding-bottom: calc(.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5
}
.col-form-label-lg {
padding-top: calc(.5rem + 1px);
padding-bottom: calc(.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5
}
.col-form-label-sm {
padding-top: calc(.25rem + 1px);
padding-bottom: calc(.25rem + 1px);
font-size: .875rem;
line-height: 1.5
}
.form-control-plaintext {
display: block;
width: 100%;
padding-top: .375rem;
padding-bottom: .375rem;
margin-bottom: 0;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
padding-right: 0;
padding-left: 0
}
.form-control-sm {
height: calc(1.5em + .5rem + 2px);
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.form-control-lg {
height: calc(1.5em + 1rem + 2px);
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
select.form-control[multiple],
select.form-control[size] {
height: auto
}
textarea.form-control {
height: auto
}
.form-group {
margin-bottom: 1rem
}
.form-text {
display: block;
margin-top: .25rem
}
.form-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px
}
.form-row>.col,
.form-row>[class*=col-] {
padding-right: 5px;
padding-left: 5px
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem
}
.form-check-input {
position: absolute;
margin-top: .3rem;
margin-left: -1.25rem
}
.form-check-input:disabled~.form-check-label {
color: #6c757d
}
.form-check-label {
margin-bottom: 0
}
.form-check-inline {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
margin-right: .75rem
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: .3125rem;
margin-left: 0
}
.valid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #28a745
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(40, 167, 69, .9);
border-radius: .25rem
}
.form-control.is-valid,
.was-validated .form-control:valid {
border-color: #28a745;
padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center right calc(.375em + .1875rem);
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip {
display: block
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-valid,
.was-validated .custom-select:valid {
border-color: #28a745;
padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}
.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.custom-select.is-valid~.valid-feedback,
.custom-select.is-valid~.valid-tooltip,
.was-validated .custom-select:valid~.valid-feedback,
.was-validated .custom-select:valid~.valid-tooltip {
display: block
}
.form-control-file.is-valid~.valid-feedback,
.form-control-file.is-valid~.valid-tooltip,
.was-validated .form-control-file:valid~.valid-feedback,
.was-validated .form-control-file:valid~.valid-tooltip {
display: block
}
.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
color: #28a745
}
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
display: block
}
.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
color: #28a745
}
.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
border-color: #28a745
}
.custom-control-input.is-valid~.valid-feedback,
.custom-control-input.is-valid~.valid-tooltip,
.was-validated .custom-control-input:valid~.valid-feedback,
.was-validated .custom-control-input:valid~.valid-tooltip {
display: block
}
.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
border-color: #34ce57;
background-color: #34ce57
}
.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
border-color: #28a745
}
.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
border-color: #28a745
}
.custom-file-input.is-valid~.valid-feedback,
.custom-file-input.is-valid~.valid-tooltip,
.was-validated .custom-file-input:valid~.valid-feedback,
.was-validated .custom-file-input:valid~.valid-tooltip {
display: block
}
.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #dc3545
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(220, 53, 69, .9);
border-radius: .25rem
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
border-color: #dc3545;
padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
background-repeat: no-repeat;
background-position: center right calc(.375em + .1875rem);
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip {
display: block
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-invalid,
.was-validated .custom-select:invalid {
border-color: #dc3545;
padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}
.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.custom-select.is-invalid~.invalid-feedback,
.custom-select.is-invalid~.invalid-tooltip,
.was-validated .custom-select:invalid~.invalid-feedback,
.was-validated .custom-select:invalid~.invalid-tooltip {
display: block
}
.form-control-file.is-invalid~.invalid-feedback,
.form-control-file.is-invalid~.invalid-tooltip,
.was-validated .form-control-file:invalid~.invalid-feedback,
.was-validated .form-control-file:invalid~.invalid-tooltip {
display: block
}
.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
color: #dc3545
}
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
display: block
}
.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
color: #dc3545
}
.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
border-color: #dc3545
}
.custom-control-input.is-invalid~.invalid-feedback,
.custom-control-input.is-invalid~.invalid-tooltip,
.was-validated .custom-control-input:invalid~.invalid-feedback,
.was-validated .custom-control-input:invalid~.invalid-tooltip {
display: block
}
.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
border-color: #e4606d;
background-color: #e4606d
}
.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
border-color: #dc3545
}
.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
border-color: #dc3545
}
.custom-file-input.is-invalid~.invalid-feedback,
.custom-file-input.is-invalid~.invalid-tooltip,
.was-validated .custom-file-input:invalid~.invalid-feedback,
.was-validated .custom-file-input:invalid~.invalid-tooltip {
display: block
}
.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.form-inline {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center
}
.form-inline .form-check {
width: 100%
}
@media (min-width:576px) {
.form-inline label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0
}
.form-inline .form-group {
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .form-control-plaintext {
display: inline-block
}
.form-inline .custom-select,
.form-inline .input-group {
width: auto
}
.form-inline .form-check {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
padding-left: 0
}
.form-inline .form-check-input {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 0;
margin-right: .25rem;
margin-left: 0
}
.form-inline .custom-control {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.form-inline .custom-control-label {
margin-bottom: 0
}
}
.btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.btn {
transition: none
}
}
.btn:hover {
color: #212529;
text-decoration: none
}
.btn.focus,
.btn:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.btn.disabled,
.btn:disabled {
opacity: .65
}
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none
}
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc
}
.btn-primary.focus,
.btn-primary:focus {
box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}
.btn-primary.disabled,
.btn-primary:disabled {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #0062cc;
border-color: #005cbf
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62
}
.btn-secondary.focus,
.btn-secondary:focus {
box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}
.btn-secondary.disabled,
.btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
color: #fff;
background-color: #545b62;
border-color: #4e555b
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}
.btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34
}
.btn-success.focus,
.btn-success:focus {
box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}
.btn-success.disabled,
.btn-success:disabled {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
color: #fff;
background-color: #1e7e34;
border-color: #1c7430
}
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}
.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b
}
.btn-info.focus,
.btn-info:focus {
box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}
.btn-info.disabled,
.btn-info:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f
}
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}
.btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00
}
.btn-warning.focus,
.btn-warning:focus {
box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}
.btn-warning.disabled,
.btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500
}
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130
}
.btn-danger.focus,
.btn-danger:focus {
box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}
.btn-danger.disabled,
.btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d
}
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5
}
.btn-light.focus,
.btn-light:focus {
box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}
.btn-light.disabled,
.btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df
}
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124
}
.btn-dark.focus,
.btn-dark:focus {
box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}
.btn-dark.disabled,
.btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d
}
.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}
.btn-outline-primary {
color: #007bff;
border-color: #007bff
}
.btn-outline-primary:hover {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-outline-primary.focus,
.btn-outline-primary:focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
color: #007bff;
background-color: transparent
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-outline-secondary {
color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
color: #6c757d;
background-color: transparent
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.btn-outline-success {
color: #28a745;
border-color: #28a745
}
.btn-outline-success:hover {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-outline-success.focus,
.btn-outline-success:focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
color: #28a745;
background-color: transparent
}
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.btn-outline-info {
color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info.focus,
.btn-outline-info:focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent
}
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.btn-outline-warning {
color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning.focus,
.btn-outline-warning:focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent
}
.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.btn-outline-danger {
color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger.focus,
.btn-outline-danger:focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent
}
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.btn-outline-light {
color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light.focus,
.btn-outline-light:focus {
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent
}
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.btn-outline-dark {
color: #343a40;
border-color: #343a40
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-outline-dark.focus,
.btn-outline-dark:focus {
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
color: #343a40;
background-color: transparent
}
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.btn-link {
font-weight: 400;
color: #007bff;
text-decoration: none
}
.btn-link:hover {
color: #0056b3;
text-decoration: underline
}
.btn-link.focus,
.btn-link:focus {
text-decoration: underline;
box-shadow: none
}
.btn-link.disabled,
.btn-link:disabled {
color: #6c757d;
pointer-events: none
}
.btn-group-lg>.btn,
.btn-lg {
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
.btn-group-sm>.btn,
.btn-sm {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.btn-block {
display: block;
width: 100%
}
.btn-block+.btn-block {
margin-top: .5rem
}
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
width: 100%
}
.fade {
transition: opacity .15s linear
}
@media (prefers-reduced-motion:reduce) {
.fade {
transition: none
}
}
.fade:not(.show) {
opacity: 0
}
.collapse:not(.show) {
display: none
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height .35s ease
}
@media (prefers-reduced-motion:reduce) {
.collapsing {
transition: none
}
}
.dropdown,
.dropleft,
.dropright,
.dropup {
position: relative
}
.dropdown-toggle {
white-space: nowrap
}
.dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent
}
.dropdown-toggle:empty::after {
margin-left: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: .5rem 0;
margin: .125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: .25rem
}
.dropdown-menu-left {
right: auto;
left: 0
}
.dropdown-menu-right {
right: 0;
left: auto
}
@media (min-width:576px) {
.dropdown-menu-sm-left {
right: auto;
left: 0
}
.dropdown-menu-sm-right {
right: 0;
left: auto
}
}
@media (min-width:768px) {
.dropdown-menu-md-left {
right: auto;
left: 0
}
.dropdown-menu-md-right {
right: 0;
left: auto
}
}
@media (min-width:992px) {
.dropdown-menu-lg-left {
right: auto;
left: 0
}
.dropdown-menu-lg-right {
right: 0;
left: auto
}
}
@media (min-width:1200px) {
.dropdown-menu-xl-left {
right: auto;
left: 0
}
.dropdown-menu-xl-right {
right: 0;
left: auto
}
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: .125rem
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: 0;
border-right: .3em solid transparent;
border-bottom: .3em solid;
border-left: .3em solid transparent
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0
}
.dropright .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: .125rem
}
.dropright .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid transparent;
border-right: 0;
border-bottom: .3em solid transparent;
border-left: .3em solid
}
.dropright .dropdown-toggle:empty::after {
margin-left: 0
}
.dropright .dropdown-toggle::after {
vertical-align: 0
}
.dropleft .dropdown-menu {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: .125rem
}
.dropleft .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: ""
}
.dropleft .dropdown-toggle::after {
display: none
}
.dropleft .dropdown-toggle::before {
display: inline-block;
margin-right: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid transparent;
border-right: .3em solid;
border-bottom: .3em solid transparent
}
.dropleft .dropdown-toggle:empty::after {
margin-left: 0
}
.dropleft .dropdown-toggle::before {
vertical-align: 0
}
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
right: auto;
bottom: auto
}
.dropdown-divider {
height: 0;
margin: .5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef
}
.dropdown-item {
display: block;
width: 100%;
padding: .25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0
}
.dropdown-item:focus,
.dropdown-item:hover {
color: #16181b;
text-decoration: none;
background-color: #f8f9fa
}
.dropdown-item.active,
.dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #007bff
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: transparent
}
.dropdown-menu.show {
display: block
}
.dropdown-header {
display: block;
padding: .5rem 1.5rem;
margin-bottom: 0;
font-size: .875rem;
color: #6c757d;
white-space: nowrap
}
.dropdown-item-text {
display: block;
padding: .25rem 1.5rem;
color: #212529
}
.btn-group,
.btn-group-vertical {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle
}
.btn-group-vertical>.btn,
.btn-group>.btn {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
z-index: 1
}
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
z-index: 1
}
.btn-toolbar {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.btn-toolbar .input-group {
width: auto
}
.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
margin-left: -1px
}
.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.dropdown-toggle-split {
padding-right: .5625rem;
padding-left: .5625rem
}
.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
margin-left: 0
}
.dropleft .dropdown-toggle-split::before {
margin-right: 0
}
.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
padding-right: .375rem;
padding-left: .375rem
}
.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
padding-right: .75rem;
padding-left: .75rem
}
.btn-group-vertical {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center
}
.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
width: 100%
}
.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
margin-top: -1px
}
.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
margin-bottom: 0
}
.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none
}
.input-group {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%
}
.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0
}
.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
margin-left: -1px
}
.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
z-index: 3
}
.input-group>.custom-file .custom-file-input:focus {
z-index: 4
}
.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group>.custom-file {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group-append,
.input-group-prepend {
display: -ms-flexbox;
display: flex
}
.input-group-append .btn,
.input-group-prepend .btn {
position: relative;
z-index: 2
}
.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
z-index: 3
}
.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
margin-left: -1px
}
.input-group-prepend {
margin-right: -1px
}
.input-group-append {
margin-left: -1px
}
.input-group-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: .375rem .75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: .25rem
}
.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
margin-top: 0
}
.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
height: calc(1.5em + 1rem + 2px)
}
.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
height: calc(1.5em + .5rem + 2px)
}
.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
padding-right: 1.75rem
}
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.custom-control {
position: relative;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem
}
.custom-control-inline {
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 1rem
}
.custom-control-input {
position: absolute;
z-index: -1;
opacity: 0
}
.custom-control-input:checked~.custom-control-label::before {
color: #fff;
border-color: #007bff;
background-color: #007bff
}
.custom-control-input:focus~.custom-control-label::before {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
border-color: #80bdff
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
color: #fff;
background-color: #b3d7ff;
border-color: #b3d7ff
}
.custom-control-input:disabled~.custom-control-label {
color: #6c757d
}
.custom-control-input:disabled~.custom-control-label::before {
background-color: #e9ecef
}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top
}
.custom-control-label::before {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: #fff;
border: #adb5bd solid 1px
}
.custom-control-label::after {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background: no-repeat 50%/50% 50%
}
.custom-checkbox .custom-control-label::before {
border-radius: .25rem
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
border-color: #007bff;
background-color: #007bff
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-radio .custom-control-label::before {
border-radius: 50%
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-switch {
padding-left: 2.25rem
}
.custom-switch .custom-control-label::before {
left: -2.25rem;
width: 1.75rem;
pointer-events: all;
border-radius: .5rem
}
.custom-switch .custom-control-label::after {
top: calc(.25rem + 2px);
left: calc(-2.25rem + 2px);
width: calc(1rem - 4px);
height: calc(1rem - 4px);
background-color: #adb5bd;
border-radius: .5rem;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-switch .custom-control-label::after {
transition: none
}
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
background-color: #fff;
-webkit-transform: translateX(.75rem);
transform: translateX(.75rem)
}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-select {
display: inline-block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem 1.75rem .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: .25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.custom-select:focus {
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-select:focus::-ms-value {
color: #495057;
background-color: #fff
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
height: auto;
padding-right: .75rem;
background-image: none
}
.custom-select:disabled {
color: #6c757d;
background-color: #e9ecef
}
.custom-select::-ms-expand {
display: none
}
.custom-select-sm {
height: calc(1.5em + .5rem + 2px);
padding-top: .25rem;
padding-bottom: .25rem;
padding-left: .5rem;
font-size: .875rem
}
.custom-select-lg {
height: calc(1.5em + 1rem + 2px);
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 1rem;
font-size: 1.25rem
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin-bottom: 0
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin: 0;
opacity: 0
}
.custom-file-input:focus~.custom-file-label {
border-color: #80bdff;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-file-input:disabled~.custom-file-label {
background-color: #e9ecef
}
.custom-file-input:lang(en)~.custom-file-label::after {
content: "Browse"
}
.custom-file-input~.custom-file-label[data-browse]::after {
content: attr(data-browse)
}
.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
}
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
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
}
.custom-range {
width: 100%;
height: calc(1rem + .4rem);
padding: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.custom-range:focus {
outline: 0
}
.custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-range::-moz-focus-outer {
border: 0
}
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -.25rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-webkit-appearance: none;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-webkit-slider-thumb {
transition: none
}
}
.custom-range::-webkit-slider-thumb:active {
background-color: #b3d7ff
}
.custom-range::-webkit-slider-runnable-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem
}
.custom-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-moz-appearance: none;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-moz-range-thumb {
transition: none
}
}
.custom-range::-moz-range-thumb:active {
background-color: #b3d7ff
}
.custom-range::-moz-range-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem
}
.custom-range::-ms-thumb {
width: 1rem;
height: 1rem;
margin-top: 0;
margin-right: .2rem;
margin-left: .2rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-ms-thumb {
transition: none
}
}
.custom-range::-ms-thumb:active {
background-color: #b3d7ff
}
.custom-range::-ms-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: transparent;
border-color: transparent;
border-width: .5rem
}
.custom-range::-ms-fill-lower {
background-color: #dee2e6;
border-radius: 1rem
}
.custom-range::-ms-fill-upper {
margin-right: 15px;
background-color: #dee2e6;
border-radius: 1rem
}
.custom-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd
}
.custom-range:disabled::-webkit-slider-runnable-track {
cursor: default
}
.custom-range:disabled::-moz-range-thumb {
background-color: #adb5bd
}
.custom-range:disabled::-moz-range-track {
cursor: default
}
.custom-range:disabled::-ms-thumb {
background-color: #adb5bd
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-control-label::before,
.custom-file-label,
.custom-select {
transition: none
}
}
.nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav-link {
display: block;
padding: .5rem 1rem
}
.nav-link:focus,
.nav-link:hover {
text-decoration: none
}
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default
}
.nav-tabs {
border-bottom: 1px solid #dee2e6
}
.nav-tabs .nav-item {
margin-bottom: -1px
}
.nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
border-color: #e9ecef #e9ecef #dee2e6
}
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav-pills .nav-link {
border-radius: .25rem
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
color: #fff;
background-color: #007bff
}
.nav-fill .nav-item {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center
}
.nav-justified .nav-item {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.navbar {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: .5rem 1rem
}
.navbar>.container,
.navbar>.container-fluid {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between
}
.navbar-brand {
display: inline-block;
padding-top: .3125rem;
padding-bottom: .3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap
}
.navbar-brand:focus,
.navbar-brand:hover {
text-decoration: none
}
.navbar-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0
}
.navbar-nav .dropdown-menu {
position: static;
float: none
}
.navbar-text {
display: inline-block;
padding-top: .5rem;
padding-bottom: .5rem
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-align: center;
align-items: center
}
.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: .25rem
}
.navbar-toggler:focus,
.navbar-toggler:hover {
text-decoration: none
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%
}
@media (max-width:575.98px) {
.navbar-expand-sm>.container,
.navbar-expand-sm>.container-fluid {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:576px) {
.navbar-expand-sm {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-sm .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-sm>.container,
.navbar-expand-sm>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-sm .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-sm .navbar-toggler {
display: none
}
}
@media (max-width:767.98px) {
.navbar-expand-md>.container,
.navbar-expand-md>.container-fluid {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:768px) {
.navbar-expand-md {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-md .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-md>.container,
.navbar-expand-md>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-md .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-md .navbar-toggler {
display: none
}
}
@media (max-width:991.98px) {
.navbar-expand-lg>.container,
.navbar-expand-lg>.container-fluid {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:992px) {
.navbar-expand-lg {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-lg .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-lg>.container,
.navbar-expand-lg>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-lg .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-lg .navbar-toggler {
display: none
}
}
@media (max-width:1199.98px) {
.navbar-expand-xl>.container,
.navbar-expand-xl>.container-fluid {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:1200px) {
.navbar-expand-xl {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-xl .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-xl>.container,
.navbar-expand-xl>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-xl .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-xl .navbar-toggler {
display: none
}
}
.navbar-expand {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand>.container,
.navbar-expand>.container-fluid {
padding-right: 0;
padding-left: 0
}
.navbar-expand .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand>.container,
.navbar-expand>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand .navbar-toggler {
display: none
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, .5)
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
color: rgba(0, 0, 0, .7)
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, .3)
}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, .5);
border-color: rgba(0, 0, 0, .1)
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-light .navbar-text {
color: rgba(0, 0, 0, .5)
}
.navbar-light .navbar-text a {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
color: rgba(0, 0, 0, .9)
}
.navbar-dark .navbar-brand {
color: #fff
}
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
color: #fff
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, .5)
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
color: rgba(255, 255, 255, .75)
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, .25)
}
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
color: #fff
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, .5);
border-color: rgba(255, 255, 255, .1)
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, .5)
}
.navbar-dark .navbar-text a {
color: #fff
}
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
color: #fff
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: .25rem
}
.card>hr {
margin-right: 0;
margin-left: 0
}
.card>.list-group:first-child .list-group-item:first-child {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.card>.list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem
}
.card-title {
margin-bottom: .75rem
}
.card-subtitle {
margin-top: -.375rem;
margin-bottom: 0
}
.card-text:last-child {
margin-bottom: 0
}
.card-link:hover {
text-decoration: none
}
.card-link+.card-link {
margin-left: 1.25rem
}
.card-header {
padding: .75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, .03);
border-bottom: 1px solid rgba(0, 0, 0, .125)
}
.card-header:first-child {
border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-header+.list-group .list-group-item:first-child {
border-top: 0
}
.card-footer {
padding: .75rem 1.25rem;
background-color: rgba(0, 0, 0, .03);
border-top: 1px solid rgba(0, 0, 0, .125)
}
.card-footer:last-child {
border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
margin-right: -.625rem;
margin-bottom: -.75rem;
margin-left: -.625rem;
border-bottom: 0
}
.card-header-pills {
margin-right: -.625rem;
margin-left: -.625rem
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem
}
.card-img {
width: 100%;
border-radius: calc(.25rem - 1px)
}
.card-img-top {
width: 100%;
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.card-img-bottom {
width: 100%;
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.card-deck .card {
margin-bottom: 15px
}
@media (min-width:576px) {
.card-deck {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px
}
.card-deck .card {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px
}
}
.card-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.card-group>.card {
margin-bottom: 15px
}
@media (min-width:576px) {
.card-group {
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.card-group>.card {
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 0
}
.card-group>.card+.card {
margin-left: 0;
border-left: 0
}
.card-group>.card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.card-group>.card:not(:last-child) .card-header,
.card-group>.card:not(:last-child) .card-img-top {
border-top-right-radius: 0
}
.card-group>.card:not(:last-child) .card-footer,
.card-group>.card:not(:last-child) .card-img-bottom {
border-bottom-right-radius: 0
}
.card-group>.card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.card-group>.card:not(:first-child) .card-header,
.card-group>.card:not(:first-child) .card-img-top {
border-top-left-radius: 0
}
.card-group>.card:not(:first-child) .card-footer,
.card-group>.card:not(:first-child) .card-img-bottom {
border-bottom-left-radius: 0
}
}
.card-columns .card {
margin-bottom: .75rem
}
@media (min-width:576px) {
.card-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
orphans: 1;
widows: 1
}
.card-columns .card {
display: inline-block;
width: 100%
}
}
.accordion>.card {
overflow: hidden
}
.accordion>.card:not(:first-of-type) .card-header:first-child {
border-radius: 0
}
.accordion>.card:not(:first-of-type):not(:last-of-type) {
border-bottom: 0;
border-radius: 0
}
.accordion>.card:first-of-type {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.accordion>.card:last-of-type {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.accordion>.card .card-header {
margin-bottom: -1px
}
.breadcrumb {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: .75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #e9ecef;
border-radius: .25rem
}
.breadcrumb-item+.breadcrumb-item {
padding-left: .5rem
}
.breadcrumb-item+.breadcrumb-item::before {
display: inline-block;
padding-right: .5rem;
color: #6c757d;
content: "/"
}
.breadcrumb-item+.breadcrumb-item:hover::before {
text-decoration: underline
}
.breadcrumb-item+.breadcrumb-item:hover::before {
text-decoration: none
}
.breadcrumb-item.active {
color: #6c757d
}
.pagination {
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius: .25rem
}
.page-link {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6
}
.page-link:hover {
z-index: 2;
color: #0056b3;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6
}
.page-link:focus {
z-index: 2;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem
}
.page-item:last-child .page-link {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem
}
.page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6
}
.pagination-lg .page-link {
padding: .75rem 1.5rem;
font-size: 1.25rem;
line-height: 1.5
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: .3rem;
border-bottom-left-radius: .3rem
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: .3rem;
border-bottom-right-radius: .3rem
}
.pagination-sm .page-link {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: .2rem;
border-bottom-left-radius: .2rem
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: .2rem;
border-bottom-right-radius: .2rem
}
.badge {
display: inline-block;
padding: .25em .4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.badge {
transition: none
}
}
a.badge:focus,
a.badge:hover {
text-decoration: none
}
.badge:empty {
display: none
}
.btn .badge {
position: relative;
top: -1px
}
.badge-pill {
padding-right: .6em;
padding-left: .6em;
border-radius: 10rem
}
.badge-primary {
color: #fff;
background-color: #007bff
}
a.badge-primary:focus,
a.badge-primary:hover {
color: #fff;
background-color: #0062cc
}
a.badge-primary.focus,
a.badge-primary:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.badge-secondary {
color: #fff;
background-color: #6c757d
}
a.badge-secondary:focus,
a.badge-secondary:hover {
color: #fff;
background-color: #545b62
}
a.badge-secondary.focus,
a.badge-secondary:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.badge-success {
color: #fff;
background-color: #28a745
}
a.badge-success:focus,
a.badge-success:hover {
color: #fff;
background-color: #1e7e34
}
a.badge-success.focus,
a.badge-success:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.badge-info {
color: #fff;
background-color: #17a2b8
}
a.badge-info:focus,
a.badge-info:hover {
color: #fff;
background-color: #117a8b
}
a.badge-info.focus,
a.badge-info:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.badge-warning {
color: #212529;
background-color: #ffc107
}
a.badge-warning:focus,
a.badge-warning:hover {
color: #212529;
background-color: #d39e00
}
a.badge-warning.focus,
a.badge-warning:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.badge-danger {
color: #fff;
background-color: #dc3545
}
a.badge-danger:focus,
a.badge-danger:hover {
color: #fff;
background-color: #bd2130
}
a.badge-danger.focus,
a.badge-danger:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.badge-light {
color: #212529;
background-color: #f8f9fa
}
a.badge-light:focus,
a.badge-light:hover {
color: #212529;
background-color: #dae0e5
}
a.badge-light.focus,
a.badge-light:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.badge-dark {
color: #fff;
background-color: #343a40
}
a.badge-dark:focus,
a.badge-dark:hover {
color: #fff;
background-color: #1d2124
}
a.badge-dark.focus,
a.badge-dark:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #e9ecef;
border-radius: .3rem
}
@media (min-width:576px) {
.jumbotron {
padding: 4rem 2rem
}
}
.jumbotron-fluid {
padding-right: 0;
padding-left: 0;
border-radius: 0
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem
}
.alert-heading {
color: inherit
}
.alert-link {
font-weight: 700
}
.alert-dismissible {
padding-right: 4rem
}
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
padding: .75rem 1.25rem;
color: inherit
}
.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff
}
.alert-primary hr {
border-top-color: #9fcdff
}
.alert-primary .alert-link {
color: #002752
}
.alert-secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db
}
.alert-secondary hr {
border-top-color: #c8cbcf
}
.alert-secondary .alert-link {
color: #202326
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb
}
.alert-success hr {
border-top-color: #b1dfbb
}
.alert-success .alert-link {
color: #0b2e13
}
.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb
}
.alert-info hr {
border-top-color: #abdde5
}
.alert-info .alert-link {
color: #062c33
}
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba
}
.alert-warning hr {
border-top-color: #ffe8a1
}
.alert-warning .alert-link {
color: #533f03
}
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb
}
.alert-danger hr {
border-top-color: #f1b0b7
}
.alert-danger .alert-link {
color: #491217
}
.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe
}
.alert-light hr {
border-top-color: #ececf6
}
.alert-light .alert-link {
color: #686868
}
.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca
}
.alert-dark hr {
border-top-color: #b9bbbe
}
.alert-dark .alert-link {
color: #040505
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
.progress {
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: .75rem;
background-color: #e9ecef;
border-radius: .25rem
}
.progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #007bff;
transition: width .6s ease
}
@media (prefers-reduced-motion:reduce) {
.progress-bar {
transition: none
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem
}
.progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite
}
@media (prefers-reduced-motion:reduce) {
.progress-bar-animated {
-webkit-animation: none;
animation: none
}
}
.media {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start
}
.media-body {
-ms-flex: 1;
flex: 1
}
.list-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0
}
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit
}
.list-group-item-action:focus,
.list-group-item-action:hover {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa
}
.list-group-item-action:active {
color: #212529;
background-color: #e9ecef
}
.list-group-item {
position: relative;
display: block;
padding: .75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .125)
}
.list-group-item:first-child {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
.list-group-item.disabled,
.list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: #fff
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.list-group-horizontal {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal .list-group-item {
margin-right: -1px;
margin-bottom: 0
}
.list-group-horizontal .list-group-item:first-child {
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: 0
}
@media (min-width:576px) {
.list-group-horizontal-sm {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-sm .list-group-item {
margin-right: -1px;
margin-bottom: 0
}
.list-group-horizontal-sm .list-group-item:first-child {
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-sm .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: 0
}
}
@media (min-width:768px) {
.list-group-horizontal-md {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-md .list-group-item {
margin-right: -1px;
margin-bottom: 0
}
.list-group-horizontal-md .list-group-item:first-child {
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-md .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: 0
}
}
@media (min-width:992px) {
.list-group-horizontal-lg {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-lg .list-group-item {
margin-right: -1px;
margin-bottom: 0
}
.list-group-horizontal-lg .list-group-item:first-child {
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-lg .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: 0
}
}
@media (min-width:1200px) {
.list-group-horizontal-xl {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-xl .list-group-item {
margin-right: -1px;
margin-bottom: 0
}
.list-group-horizontal-xl .list-group-item:first-child {
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-xl .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: 0
}
}
.list-group-flush .list-group-item {
border-right: 0;
border-left: 0;
border-radius: 0
}
.list-group-flush .list-group-item:last-child {
margin-bottom: -1px
}
.list-group-flush:first-child .list-group-item:first-child {
border-top: 0
}
.list-group-flush:last-child .list-group-item:last-child {
margin-bottom: 0;
border-bottom: 0
}
.list-group-item-primary {
color: #004085;
background-color: #b8daff
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
color: #004085;
background-color: #9fcdff
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #004085;
border-color: #004085
}
.list-group-item-secondary {
color: #383d41;
background-color: #d6d8db
}
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
color: #383d41;
background-color: #c8cbcf
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #383d41;
border-color: #383d41
}
.list-group-item-success {
color: #155724;
background-color: #c3e6cb
}
.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
color: #155724;
background-color: #b1dfbb
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #155724;
border-color: #155724
}
.list-group-item-info {
color: #0c5460;
background-color: #bee5eb
}
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
color: #0c5460;
background-color: #abdde5
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #0c5460;
border-color: #0c5460
}
.list-group-item-warning {
color: #856404;
background-color: #ffeeba
}
.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
color: #856404;
background-color: #ffe8a1
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #856404;
border-color: #856404
}
.list-group-item-danger {
color: #721c24;
background-color: #f5c6cb
}
.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
color: #721c24;
background-color: #f1b0b7
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #721c24;
border-color: #721c24
}
.list-group-item-light {
color: #818182;
background-color: #fdfdfe
}
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
color: #818182;
background-color: #ececf6
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #818182;
border-color: #818182
}
.list-group-item-dark {
color: #1b1e21;
background-color: #c6c8ca
}
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
color: #1b1e21;
background-color: #b9bbbe
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #1b1e21;
border-color: #1b1e21
}
.close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5
}
.close:hover {
color: #000;
text-decoration: none
}
.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
opacity: .75
}
button.close {
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
a.close.disabled {
pointer-events: none
}
.toast {
max-width: 350px;
overflow: hidden;
font-size: .875rem;
background-color: rgba(255, 255, 255, .85);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .1);
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
opacity: 0;
border-radius: .25rem
}
.toast:not(:last-child) {
margin-bottom: .75rem
}
.toast.showing {
opacity: 1
}
.toast.show {
display: block;
opacity: 1
}
.toast.hide {
display: none
}
.toast-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: .25rem .75rem;
color: #6c757d;
background-color: rgba(255, 255, 255, .85);
background-clip: padding-box;
border-bottom: 1px solid rgba(0, 0, 0, .05)
}
.toast-body {
padding: .75rem
}
.modal-open {
overflow: hidden
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
.modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none
}
.modal.fade .modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px)
}
@media (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog {
transition: none
}
}
.modal.show .modal-dialog {
-webkit-transform: none;
transform: none
}
.modal-dialog-scrollable {
display: -ms-flexbox;
display: flex;
max-height: calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden
}
.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
-ms-flex-negative: 0;
flex-shrink: 0
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto
}
.modal-dialog-centered {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - 1rem)
}
.modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
content: ""
}
.modal-dialog-centered.modal-dialog-scrollable {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
height: 100%
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none
}
.modal-dialog-centered.modal-dialog-scrollable::before {
content: none
}
.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
outline: 0
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.modal-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: .3rem;
border-top-right-radius: .3rem
}
.modal-header .close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto
}
.modal-title {
margin-bottom: 0;
line-height: 1.5
}
.modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem
}
.modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: .3rem;
border-bottom-left-radius: .3rem
}
.modal-footer>:not(:first-child) {
margin-left: .25rem
}
.modal-footer>:not(:last-child) {
margin-right: .25rem
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width:576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto
}
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem)
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem)
}
.modal-dialog-centered::before {
height: calc(100vh - 3.5rem)
}
.modal-sm {
max-width: 300px
}
}
@media (min-width:992px) {
.modal-lg,
.modal-xl {
max-width: 800px
}
}
@media (min-width:1200px) {
.modal-xl {
max-width: 1140px
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
opacity: 0
}
.tooltip.show {
opacity: .9
}
.tooltip .arrow {
position: absolute;
display: block;
width: .8rem;
height: .4rem
}
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid
}
.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
padding: .4rem 0
}
.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
bottom: 0
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
top: 0;
border-width: .4rem .4rem 0;
border-top-color: #000
}
.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
padding: 0 .4rem
}
.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
left: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
right: 0;
border-width: .4rem .4rem .4rem 0;
border-right-color: #000
}
.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
padding: .4rem 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
top: 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
bottom: 0;
border-width: 0 .4rem .4rem;
border-bottom-color: #000
}
.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
padding: 0 .4rem
}
.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
right: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
left: 0;
border-width: .4rem 0 .4rem .4rem;
border-left-color: #000
}
.tooltip-inner {
max-width: 200px;
padding: .25rem .5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: .25rem
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem
}
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: .5rem;
margin: 0 .3rem
}
.popover .arrow::after,
.popover .arrow::before {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid
}
.bs-popover-auto[x-placement^=top],
.bs-popover-top {
margin-bottom: .5rem
}
.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
bottom: calc((.5rem + 1px) * -1)
}
.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
bottom: 0;
border-width: .5rem .5rem 0;
border-top-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
bottom: 1px;
border-width: .5rem .5rem 0;
border-top-color: #fff
}
.bs-popover-auto[x-placement^=right],
.bs-popover-right {
margin-left: .5rem
}
.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
left: calc((.5rem + 1px) * -1);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
left: 0;
border-width: .5rem .5rem .5rem 0;
border-right-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
left: 1px;
border-width: .5rem .5rem .5rem 0;
border-right-color: #fff
}
.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
margin-top: .5rem
}
.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
top: calc((.5rem + 1px) * -1)
}
.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
top: 0;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
top: 1px;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: #fff
}
.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -.5rem;
content: "";
border-bottom: 1px solid #f7f7f7
}
.bs-popover-auto[x-placement^=left],
.bs-popover-left {
margin-right: .5rem
}
.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
right: calc((.5rem + 1px) * -1);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
right: 0;
border-width: .5rem 0 .5rem .5rem;
border-left-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
right: 1px;
border-width: .5rem 0 .5rem .5rem;
border-left-color: #fff
}
.popover-header {
padding: .5rem .75rem;
margin-bottom: 0;
font-size: 1rem;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.popover-header:empty {
display: none
}
.popover-body {
padding: .5rem .75rem;
color: #212529
}
.carousel {
position: relative
}
.carousel.pointer-event {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden
}
.carousel-inner::after {
display: block;
clear: both;
content: ""
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.carousel-item {
transition: none
}
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
display: block
}
.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
-webkit-transform: none;
transform: none
}
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
z-index: 1;
opacity: 1
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
z-index: 0;
opacity: 0;
transition: 0s .6s opacity
}
@media (prefers-reduced-motion:reduce) {
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
transition: none
}
}
.carousel-control-next,
.carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: .5;
transition: opacity .15s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-control-next,
.carousel-control-prev {
transition: none
}
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
color: #fff;
text-decoration: none;
outline: 0;
opacity: .9
}
.carousel-control-prev {
left: 0
}
.carousel-control-next {
right: 0
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
display: inline-block;
width: 20px;
height: 20px;
background: no-repeat 50%/100% 100%
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none
}
.carousel-indicators li {
box-sizing: content-box;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: .5;
transition: opacity .6s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-indicators li {
transition: none
}
}
.carousel-indicators .active {
opacity: 1
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center
}
@-webkit-keyframes spinner-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spinner-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
border: .25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: spinner-border .75s linear infinite;
animation: spinner-border .75s linear infinite
}
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: .2em
}
@-webkit-keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
opacity: 1
}
}
@keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
opacity: 1
}
}
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
-webkit-animation: spinner-grow .75s linear infinite;
animation: spinner-grow .75s linear infinite
}
.spinner-grow-sm {
width: 1rem;
height: 1rem
}
.align-baseline {
vertical-align: baseline !important
}
.align-top {
vertical-align: top !important
}
.align-middle {
vertical-align: middle !important
}
.align-bottom {
vertical-align: bottom !important
}
.align-text-bottom {
vertical-align: text-bottom !important
}
.align-text-top {
vertical-align: text-top !important
}
.bg-primary {
background-color: #007bff !important
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
background-color: #0062cc !important
}
.bg-secondary {
background-color: #6c757d !important
}
a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
background-color: #545b62 !important
}
.bg-success {
background-color: #28a745 !important
}
a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
background-color: #1e7e34 !important
}
.bg-info {
background-color: #17a2b8 !important
}
a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
background-color: #117a8b !important
}
.bg-warning {
background-color: #ffc107 !important
}
a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
background-color: #d39e00 !important
}
.bg-danger {
background-color: #dc3545 !important
}
a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
background-color: #bd2130 !important
}
.bg-light {
background-color: #f8f9fa !important
}
a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
background-color: #dae0e5 !important
}
.bg-dark {
background-color: #343a40 !important
}
a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
background-color: #1d2124 !important
}
.bg-white {
background-color: #fff !important
}
.bg-transparent {
background-color: transparent !important
}
.border {
border: 1px solid #dee2e6 !important
}
.border-top {
border-top: 1px solid #dee2e6 !important
}
.border-right {
border-right: 1px solid #dee2e6 !important
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important
}
.border-left {
border-left: 1px solid #dee2e6 !important
}
.border-0 {
border: 0 !important
}
.border-top-0 {
border-top: 0 !important
}
.border-right-0 {
border-right: 0 !important
}
.border-bottom-0 {
border-bottom: 0 !important
}
.border-left-0 {
border-left: 0 !important
}
.border-primary {
border-color: #007bff !important
}
.border-secondary {
border-color: #6c757d !important
}
.border-success {
border-color: #28a745 !important
}
.border-info {
border-color: #17a2b8 !important
}
.border-warning {
border-color: #ffc107 !important
}
.border-danger {
border-color: #dc3545 !important
}
.border-light {
border-color: #f8f9fa !important
}
.border-dark {
border-color: #343a40 !important
}
.border-white {
border-color: #fff !important
}
.rounded-sm {
border-radius: .2rem !important
}
.rounded {
border-radius: .25rem !important
}
.rounded-top {
border-top-left-radius: .25rem !important;
border-top-right-radius: .25rem !important
}
.rounded-right {
border-top-right-radius: .25rem !important;
border-bottom-right-radius: .25rem !important
}
.rounded-bottom {
border-bottom-right-radius: .25rem !important;
border-bottom-left-radius: .25rem !important
}
.rounded-left {
border-top-left-radius: .25rem !important;
border-bottom-left-radius: .25rem !important
}
.rounded-lg {
border-radius: .3rem !important
}
.rounded-circle {
border-radius: 50% !important
}
.rounded-pill {
border-radius: 50rem !important
}
.rounded-0 {
border-radius: 0 !important
}
.clearfix::after {
display: block;
clear: both;
content: ""
}
.d-none {
display: none !important
}
.d-inline {
display: inline !important
}
.d-inline-block {
display: inline-block !important
}
.d-block {
display: block !important
}
.d-table {
display: table !important
}
.d-table-row {
display: table-row !important
}
.d-table-cell {
display: table-cell !important
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
@media (min-width:576px) {
.d-sm-none {
display: none !important
}
.d-sm-inline {
display: inline !important
}
.d-sm-inline-block {
display: inline-block !important
}
.d-sm-block {
display: block !important
}
.d-sm-table {
display: table !important
}
.d-sm-table-row {
display: table-row !important
}
.d-sm-table-cell {
display: table-cell !important
}
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
}
@media (min-width:768px) {
.d-md-none {
display: none !important
}
.d-md-inline {
display: inline !important
}
.d-md-inline-block {
display: inline-block !important
}
.d-md-block {
display: block !important
}
.d-md-table {
display: table !important
}
.d-md-table-row {
display: table-row !important
}
.d-md-table-cell {
display: table-cell !important
}
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
}
@media (min-width:992px) {
.d-lg-none {
display: none !important
}
.d-lg-inline {
display: inline !important
}
.d-lg-inline-block {
display: inline-block !important
}
.d-lg-block {
display: block !important
}
.d-lg-table {
display: table !important
}
.d-lg-table-row {
display: table-row !important
}
.d-lg-table-cell {
display: table-cell !important
}
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
}
@media (min-width:1200px) {
.d-xl-none {
display: none !important
}
.d-xl-inline {
display: inline !important
}
.d-xl-inline-block {
display: inline-block !important
}
.d-xl-block {
display: block !important
}
.d-xl-table {
display: table !important
}
.d-xl-table-row {
display: table-row !important
}
.d-xl-table-cell {
display: table-cell !important
}
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
}
@media print {
.d-print-none {
display: none !important
}
.d-print-inline {
display: inline !important
}
.d-print-inline-block {
display: inline-block !important
}
.d-print-block {
display: block !important
}
.d-print-table {
display: table !important
}
.d-print-table-row {
display: table-row !important
}
.d-print-table-cell {
display: table-cell !important
}
.d-print-flex {
display: -ms-flexbox !important;
display: flex !important
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden
}
.embed-responsive::before {
display: block;
content: ""
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.embed-responsive-21by9::before {
padding-top: 42.857143%
}
.embed-responsive-16by9::before {
padding-top: 56.25%
}
.embed-responsive-4by3::before {
padding-top: 75%
}
.embed-responsive-1by1::before {
padding-top: 100%
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important
}
@media (min-width:576px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important
}
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important
}
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important
}
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important
}
}
@media (min-width:768px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important
}
}
@media (min-width:992px) {
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important
}
}
@media (min-width:1200px) {
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important
}
}
.float-left {
float: left !important
}
.float-right {
float: right !important
}
.float-none {
float: none !important
}
@media (min-width:576px) {
.float-sm-left {
float: left !important
}
.float-sm-right {
float: right !important
}
.float-sm-none {
float: none !important
}
}
@media (min-width:768px) {
.float-md-left {
float: left !important
}
.float-md-right {
float: right !important
}
.float-md-none {
float: none !important
}
}
@media (min-width:992px) {
.float-lg-left {
float: left !important
}
.float-lg-right {
float: right !important
}
.float-lg-none {
float: none !important
}
}
@media (min-width:1200px) {
.float-xl-left {
float: left !important
}
.float-xl-right {
float: right !important
}
.float-xl-none {
float: none !important
}
}
.overflow-auto {
overflow: auto !important
}
.overflow-hidden {
overflow: hidden !important
}
.position-static {
position: static !important
}
.position-relative {
position: relative !important
}
.position-absolute {
position: absolute !important
}
.position-fixed {
position: fixed !important
}
.position-sticky {
position: -webkit-sticky !important;
position: sticky !important
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal
}
.shadow-sm {
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}
.shadow {
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}
.shadow-none {
box-shadow: none !important
}
.w-25 {
width: 25% !important
}
.w-50 {
width: 50% !important
}
.w-75 {
width: 75% !important
}
.w-100 {
width: 100% !important
}
.w-auto {
width: auto !important
}
.h-25 {
height: 25% !important
}
.h-50 {
height: 50% !important
}
.h-75 {
height: 75% !important
}
.h-100 {
height: 100% !important
}
.h-auto {
height: auto !important
}
.mw-100 {
max-width: 100% !important
}
.mh-100 {
max-height: 100% !important
}
.min-vw-100 {
min-width: 100vw !important
}
.min-vh-100 {
min-height: 100vh !important
}
.vw-100 {
width: 100vw !important
}
.vh-100 {
height: 100vh !important
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0)
}
.m-0 {
margin: 0 !important
}
.mt-0,
.my-0 {
margin-top: 0 !important
}
.mr-0,
.mx-0 {
margin-right: 0 !important
}
.mb-0,
.my-0 {
margin-bottom: 0 !important
}
.ml-0,
.mx-0 {
margin-left: 0 !important
}
.m-1 {
margin: .25rem !important
}
.mt-1,
.my-1 {
margin-top: .25rem !important
}
.mr-1,
.mx-1 {
margin-right: .25rem !important
}
.mb-1,
.my-1 {
margin-bottom: .25rem !important
}
.ml-1,
.mx-1 {
margin-left: .25rem !important
}
.m-2 {
margin: .5rem !important
}
.mt-2,
.my-2 {
margin-top: .5rem !important
}
.mr-2,
.mx-2 {
margin-right: .5rem !important
}
.mb-2,
.my-2 {
margin-bottom: .5rem !important
}
.ml-2,
.mx-2 {
margin-left: .5rem !important
}
.m-3 {
margin: 1rem !important
}
.mt-3,
.my-3 {
margin-top: 1rem !important
}
.mr-3,
.mx-3 {
margin-right: 1rem !important
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important
}
.ml-3,
.mx-3 {
margin-left: 1rem !important
}
.m-4 {
margin: 1.5rem !important
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important
}
.m-5 {
margin: 3rem !important
}
.mt-5,
.my-5 {
margin-top: 3rem !important
}
.mr-5,
.mx-5 {
margin-right: 3rem !important
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important
}
.ml-5,
.mx-5 {
margin-left: 3rem !important
}
.p-0 {
padding: 0 !important
}
.pt-0,
.py-0 {
padding-top: 0 !important
}
.pr-0,
.px-0 {
padding-right: 0 !important
}
.pb-0,
.py-0 {
padding-bottom: 0 !important
}
.pl-0,
.px-0 {
padding-left: 0 !important
}
.p-1 {
padding: .25rem !important
}
.pt-1,
.py-1 {
padding-top: .25rem !important
}
.pr-1,
.px-1 {
padding-right: .25rem !important
}
.pb-1,
.py-1 {
padding-bottom: .25rem !important
}
.pl-1,
.px-1 {
padding-left: .25rem !important
}
.p-2 {
padding: .5rem !important
}
.pt-2,
.py-2 {
padding-top: .5rem !important
}
.pr-2,
.px-2 {
padding-right: .5rem !important
}
.pb-2,
.py-2 {
padding-bottom: .5rem !important
}
.pl-2,
.px-2 {
padding-left: .5rem !important
}
.p-3 {
padding: 1rem !important
}
.pt-3,
.py-3 {
padding-top: 1rem !important
}
.pr-3,
.px-3 {
padding-right: 1rem !important
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important
}
.pl-3,
.px-3 {
padding-left: 1rem !important
}
.p-4 {
padding: 1.5rem !important
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important
}
.p-5 {
padding: 3rem !important
}
.pt-5,
.py-5 {
padding-top: 3rem !important
}
.pr-5,
.px-5 {
padding-right: 3rem !important
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important
}
.pl-5,
.px-5 {
padding-left: 3rem !important
}
.m-n1 {
margin: -.25rem !important
}
.mt-n1,
.my-n1 {
margin-top: -.25rem !important
}
.mr-n1,
.mx-n1 {
margin-right: -.25rem !important
}
.mb-n1,
.my-n1 {
margin-bottom: -.25rem !important
}
.ml-n1,
.mx-n1 {
margin-left: -.25rem !important
}
.m-n2 {
margin: -.5rem !important
}
.mt-n2,
.my-n2 {
margin-top: -.5rem !important
}
.mr-n2,
.mx-n2 {
margin-right: -.5rem !important
}
.mb-n2,
.my-n2 {
margin-bottom: -.5rem !important
}
.ml-n2,
.mx-n2 {
margin-left: -.5rem !important
}
.m-n3 {
margin: -1rem !important
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important
}
.m-n4 {
margin: -1.5rem !important
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important
}
.m-n5 {
margin: -3rem !important
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important
}
.m-auto {
margin: auto !important
}
.mt-auto,
.my-auto {
margin-top: auto !important
}
.mr-auto,
.mx-auto {
margin-right: auto !important
}
.mb-auto,
.my-auto {
margin-bottom: auto !important
}
.ml-auto,
.mx-auto {
margin-left: auto !important
}
@media (min-width:576px) {
.m-sm-0 {
margin: 0 !important
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important
}
.m-sm-1 {
margin: .25rem !important
}
.mt-sm-1,
.my-sm-1 {
margin-top: .25rem !important
}
.mr-sm-1,
.mx-sm-1 {
margin-right: .25rem !important
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: .25rem !important
}
.ml-sm-1,
.mx-sm-1 {
margin-left: .25rem !important
}
.m-sm-2 {
margin: .5rem !important
}
.mt-sm-2,
.my-sm-2 {
margin-top: .5rem !important
}
.mr-sm-2,
.mx-sm-2 {
margin-right: .5rem !important
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: .5rem !important
}
.ml-sm-2,
.mx-sm-2 {
margin-left: .5rem !important
}
.m-sm-3 {
margin: 1rem !important
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important
}
.m-sm-4 {
margin: 1.5rem !important
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important
}
.m-sm-5 {
margin: 3rem !important
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important
}
.p-sm-0 {
padding: 0 !important
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important
}
.p-sm-1 {
padding: .25rem !important
}
.pt-sm-1,
.py-sm-1 {
padding-top: .25rem !important
}
.pr-sm-1,
.px-sm-1 {
padding-right: .25rem !important
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: .25rem !important
}
.pl-sm-1,
.px-sm-1 {
padding-left: .25rem !important
}
.p-sm-2 {
padding: .5rem !important
}
.pt-sm-2,
.py-sm-2 {
padding-top: .5rem !important
}
.pr-sm-2,
.px-sm-2 {
padding-right: .5rem !important
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: .5rem !important
}
.pl-sm-2,
.px-sm-2 {
padding-left: .5rem !important
}
.p-sm-3 {
padding: 1rem !important
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important
}
.p-sm-4 {
padding: 1.5rem !important
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important
}
.p-sm-5 {
padding: 3rem !important
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important
}
.m-sm-n1 {
margin: -.25rem !important
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -.25rem !important
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -.25rem !important
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -.25rem !important
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -.25rem !important
}
.m-sm-n2 {
margin: -.5rem !important
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -.5rem !important
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -.5rem !important
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -.5rem !important
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -.5rem !important
}
.m-sm-n3 {
margin: -1rem !important
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important
}
.m-sm-n4 {
margin: -1.5rem !important
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important
}
.m-sm-n5 {
margin: -3rem !important
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important
}
.m-sm-auto {
margin: auto !important
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important
}
}
@media (min-width:768px) {
.m-md-0 {
margin: 0 !important
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important
}
.m-md-1 {
margin: .25rem !important
}
.mt-md-1,
.my-md-1 {
margin-top: .25rem !important
}
.mr-md-1,
.mx-md-1 {
margin-right: .25rem !important
}
.mb-md-1,
.my-md-1 {
margin-bottom: .25rem !important
}
.ml-md-1,
.mx-md-1 {
margin-left: .25rem !important
}
.m-md-2 {
margin: .5rem !important
}
.mt-md-2,
.my-md-2 {
margin-top: .5rem !important
}
.mr-md-2,
.mx-md-2 {
margin-right: .5rem !important
}
.mb-md-2,
.my-md-2 {
margin-bottom: .5rem !important
}
.ml-md-2,
.mx-md-2 {
margin-left: .5rem !important
}
.m-md-3 {
margin: 1rem !important
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important
}
.m-md-4 {
margin: 1.5rem !important
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important
}
.m-md-5 {
margin: 3rem !important
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important
}
.p-md-0 {
padding: 0 !important
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important
}
.p-md-1 {
padding: .25rem !important
}
.pt-md-1,
.py-md-1 {
padding-top: .25rem !important
}
.pr-md-1,
.px-md-1 {
padding-right: .25rem !important
}
.pb-md-1,
.py-md-1 {
padding-bottom: .25rem !important
}
.pl-md-1,
.px-md-1 {
padding-left: .25rem !important
}
.p-md-2 {
padding: .5rem !important
}
.pt-md-2,
.py-md-2 {
padding-top: .5rem !important
}
.pr-md-2,
.px-md-2 {
padding-right: .5rem !important
}
.pb-md-2,
.py-md-2 {
padding-bottom: .5rem !important
}
.pl-md-2,
.px-md-2 {
padding-left: .5rem !important
}
.p-md-3 {
padding: 1rem !important
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important
}
.p-md-4 {
padding: 1.5rem !important
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important
}
.p-md-5 {
padding: 3rem !important
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important
}
.m-md-n1 {
margin: -.25rem !important
}
.mt-md-n1,
.my-md-n1 {
margin-top: -.25rem !important
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -.25rem !important
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -.25rem !important
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -.25rem !important
}
.m-md-n2 {
margin: -.5rem !important
}
.mt-md-n2,
.my-md-n2 {
margin-top: -.5rem !important
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -.5rem !important
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -.5rem !important
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -.5rem !important
}
.m-md-n3 {
margin: -1rem !important
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important
}
.m-md-n4 {
margin: -1.5rem !important
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important
}
.m-md-n5 {
margin: -3rem !important
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important
}
.m-md-auto {
margin: auto !important
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important
}
}
@media (min-width:992px) {
.m-lg-0 {
margin: 0 !important
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important
}
.m-lg-1 {
margin: .25rem !important
}
.mt-lg-1,
.my-lg-1 {
margin-top: .25rem !important
}
.mr-lg-1,
.mx-lg-1 {
margin-right: .25rem !important
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: .25rem !important
}
.ml-lg-1,
.mx-lg-1 {
margin-left: .25rem !important
}
.m-lg-2 {
margin: .5rem !important
}
.mt-lg-2,
.my-lg-2 {
margin-top: .5rem !important
}
.mr-lg-2,
.mx-lg-2 {
margin-right: .5rem !important
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: .5rem !important
}
.ml-lg-2,
.mx-lg-2 {
margin-left: .5rem !important
}
.m-lg-3 {
margin: 1rem !important
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important
}
.m-lg-4 {
margin: 1.5rem !important
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important
}
.m-lg-5 {
margin: 3rem !important
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important
}
.p-lg-0 {
padding: 0 !important
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important
}
.p-lg-1 {
padding: .25rem !important
}
.pt-lg-1,
.py-lg-1 {
padding-top: .25rem !important
}
.pr-lg-1,
.px-lg-1 {
padding-right: .25rem !important
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: .25rem !important
}
.pl-lg-1,
.px-lg-1 {
padding-left: .25rem !important
}
.p-lg-2 {
padding: .5rem !important
}
.pt-lg-2,
.py-lg-2 {
padding-top: .5rem !important
}
.pr-lg-2,
.px-lg-2 {
padding-right: .5rem !important
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: .5rem !important
}
.pl-lg-2,
.px-lg-2 {
padding-left: .5rem !important
}
.p-lg-3 {
padding: 1rem !important
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important
}
.p-lg-4 {
padding: 1.5rem !important
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important
}
.p-lg-5 {
padding: 3rem !important
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important
}
.m-lg-n1 {
margin: -.25rem !important
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -.25rem !important
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -.25rem !important
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -.25rem !important
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -.25rem !important
}
.m-lg-n2 {
margin: -.5rem !important
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -.5rem !important
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -.5rem !important
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -.5rem !important
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -.5rem !important
}
.m-lg-n3 {
margin: -1rem !important
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important
}
.m-lg-n4 {
margin: -1.5rem !important
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important
}
.m-lg-n5 {
margin: -3rem !important
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important
}
.m-lg-auto {
margin: auto !important
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important
}
}
@media (min-width:1200px) {
.m-xl-0 {
margin: 0 !important
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important
}
.m-xl-1 {
margin: .25rem !important
}
.mt-xl-1,
.my-xl-1 {
margin-top: .25rem !important
}
.mr-xl-1,
.mx-xl-1 {
margin-right: .25rem !important
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: .25rem !important
}
.ml-xl-1,
.mx-xl-1 {
margin-left: .25rem !important
}
.m-xl-2 {
margin: .5rem !important
}
.mt-xl-2,
.my-xl-2 {
margin-top: .5rem !important
}
.mr-xl-2,
.mx-xl-2 {
margin-right: .5rem !important
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: .5rem !important
}
.ml-xl-2,
.mx-xl-2 {
margin-left: .5rem !important
}
.m-xl-3 {
margin: 1rem !important
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important
}
.m-xl-4 {
margin: 1.5rem !important
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important
}
.m-xl-5 {
margin: 3rem !important
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important
}
.p-xl-0 {
padding: 0 !important
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important
}
.p-xl-1 {
padding: .25rem !important
}
.pt-xl-1,
.py-xl-1 {
padding-top: .25rem !important
}
.pr-xl-1,
.px-xl-1 {
padding-right: .25rem !important
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: .25rem !important
}
.pl-xl-1,
.px-xl-1 {
padding-left: .25rem !important
}
.p-xl-2 {
padding: .5rem !important
}
.pt-xl-2,
.py-xl-2 {
padding-top: .5rem !important
}
.pr-xl-2,
.px-xl-2 {
padding-right: .5rem !important
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: .5rem !important
}
.pl-xl-2,
.px-xl-2 {
padding-left: .5rem !important
}
.p-xl-3 {
padding: 1rem !important
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important
}
.p-xl-4 {
padding: 1.5rem !important
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important
}
.p-xl-5 {
padding: 3rem !important
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important
}
.m-xl-n1 {
margin: -.25rem !important
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -.25rem !important
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -.25rem !important
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -.25rem !important
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -.25rem !important
}
.m-xl-n2 {
margin: -.5rem !important
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -.5rem !important
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -.5rem !important
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -.5rem !important
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -.5rem !important
}
.m-xl-n3 {
margin: -1rem !important
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important
}
.m-xl-n4 {
margin: -1.5rem !important
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important
}
.m-xl-n5 {
margin: -3rem !important
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important
}
.m-xl-auto {
margin: auto !important
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important
}
}
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}
.text-justify {
text-align: justify !important
}
.text-wrap {
white-space: normal !important
}
.text-nowrap {
white-space: nowrap !important
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.text-left {
text-align: left !important
}
.text-right {
text-align: right !important
}
.text-center {
text-align: center !important
}
@media (min-width:576px) {
.text-sm-left {
text-align: left !important
}
.text-sm-right {
text-align: right !important
}
.text-sm-center {
text-align: center !important
}
}
@media (min-width:768px) {
.text-md-left {
text-align: left !important
}
.text-md-right {
text-align: right !important
}
.text-md-center {
text-align: center !important
}
}
@media (min-width:992px) {
.text-lg-left {
text-align: left !important
}
.text-lg-right {
text-align: right !important
}
.text-lg-center {
text-align: center !important
}
}
@media (min-width:1200px) {
.text-xl-left {
text-align: left !important
}
.text-xl-right {
text-align: right !important
}
.text-xl-center {
text-align: center !important
}
}
.text-lowercase {
text-transform: lowercase !important
}
.text-uppercase {
text-transform: uppercase !important
}
.text-capitalize {
text-transform: capitalize !important
}
.font-weight-light {
font-weight: 300 !important
}
.font-weight-lighter {
font-weight: lighter !important
}
.font-weight-normal {
font-weight: 400 !important
}
.font-weight-bold {
font-weight: 700 !important
}
.font-weight-bolder {
font-weight: bolder !important
}
.font-italic {
font-style: italic !important
}
.text-white {
color: #fff !important
}
.text-primary {
color: #007bff !important
}
a.text-primary:focus,
a.text-primary:hover {
color: #0056b3 !important
}
.text-secondary {
color: #6c757d !important
}
a.text-secondary:focus,
a.text-secondary:hover {
color: #494f54 !important
}
.text-success {
color: #28a745 !important
}
a.text-success:focus,
a.text-success:hover {
color: #19692c !important
}
.text-info {
color: #17a2b8 !important
}
a.text-info:focus,
a.text-info:hover {
color: #0f6674 !important
}
.text-warning {
color: #ffc107 !important
}
a.text-warning:focus,
a.text-warning:hover {
color: #ba8b00 !important
}
.text-danger {
color: #dc3545 !important
}
a.text-danger:focus,
a.text-danger:hover {
color: #a71d2a !important
}
.text-light {
color: #f8f9fa !important
}
a.text-light:focus,
a.text-light:hover {
color: #cbd3da !important
}
.text-dark {
color: #343a40 !important
}
a.text-dark:focus,
a.text-dark:hover {
color: #121416 !important
}
.text-body {
color: #212529 !important
}
.text-muted {
color: #6c757d !important
}
.text-black-50 {
color: rgba(0, 0, 0, .5) !important
}
.text-white-50 {
color: rgba(255, 255, 255, .5) !important
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.text-decoration-none {
text-decoration: none !important
}
.text-break {
word-break: break-word !important;
overflow-wrap: break-word !important
}
.text-reset {
color: inherit !important
}
.visible {
visibility: visible !important
}
.invisible {
visibility: hidden !important
}
@media print {
*,
::after,
::before {
text-shadow: none !important;
box-shadow: none !important
}
a:not(.btn) {
text-decoration: underline
}
abbr[title]::after {
content: " (" attr(title) ")"
}
pre {
white-space: pre-wrap !important
}
blockquote,
pre {
border: 1px solid #adb5bd;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img,
tr {
page-break-inside: avoid
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
@page {
size: a3
}
body {
min-width: 992px !important
}
.container {
min-width: 992px !important
}
.navbar {
display: none
}
.badge {
border: 1px solid #000
}
.table {
border-collapse: collapse !important
}
.table td,
.table th {
background-color: #fff !important
}
.table-bordered td,
.table-bordered th {
border: 1px solid #dee2e6 !important
}
.table-dark {
color: inherit
}
.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
border-color: #dee2e6
}
.table .thead-dark th {
color: inherit;
border-color: #dee2e6
}
}
/*# sourceMappingURL=bootstrap.min.css.map */
.card_head {
margin-top: 20px;
font-weight: 700
}
.hori_line {
height: 2px;
width: 35px;
background-color: #fb6c19
}
.benefits_data {
width: 75%;
float: right
}
.arrow {
color: #fb6c19
}
.li_data {
line-height: 23pt
}
.head-adjust-right {
float: right
}
.text-right {
float: right
}
.best:hover .vl {
border-left: 10px solid #fb6c19
}
.best:hover h3 {
color: #fb6c19
}
.best:hover .cl {
border: 2px solid #fb6c19;
background-color: #fb6c19
}
.vl {
border-left: 10px solid #ededed;
height: 75px
}
.cl {
width: 13px;
height: 13px;
border-radius: 70px;
border: 2px solid grey;
background-color: #fff
}
.card-img img {
width: 50%
}
.box-img img {
width: 80%
}
.list-img img {
width: 20%
}
.card-img-ecom img {
width: 80%
}
.card-img-ecom a {
text-decoration: none;
color: #000
}
.card-img-ecom a:hover {
color: orange
}
.launcher-para {
font-size: 30px;
line-height: 27pt;
margin-top: 120px;
color: #fff
}
.bann {
width: 100%;
height: 450px;
background-repeat: no-repeat;
background-size: cover;
background-size: 100% auto
}
@media (max-width:770px) {
.launcher-para {
font-size: 20px;
line-height: 20pt;
margin-top: 60px
}
}
@media (max-width:468px) {
.launcher-para {
text-align: right;
font-size: 13px;
line-height: 12pt;
margin-top: 20px
}
.para-button {
width: 35%;
font-size: 10px;
margin-left: 60px
}
}
.bann12 {
width: 100%;
height: 450px;
background-repeat: no-repeat;
background-size: cover;
background-size: 100% auto
}
.launcher-para1 {
font-size: 30px;
line-height: 27pt;
margin-top: 60px;
color: #fff
}
.dropdown-submenu {
position: relative
}
.dropdown-submenu a:after {
transform: rotate(-90deg);
position: absolute;
right: 6px;
top: .8em
}
.dropdown-menu2 {
display: none
}
.dropdown-submenu .dropdown-menu2 {
top: 0;
left: -215px;
margin-left: .1rem;
margin-right: .1rem
}
.dropdown-menu2 li {
margin-left: -40px
}
.nav-item:hover .dropdown-menu2 {
display: none
}
.dropdown-submenu:hover .dropdown-menu2 {
display: block
}
.shopify-para {
font-size: 30px;
line-height: 27pt;
margin-top: 60px;
color: #fff
}
.shopbann {
width: 100%;
height: 450px;
background-repeat: no-repeat;
background-size: cover;
background-size: 100% auto
}
@media (max-width:770px) {
.shopify-para {
font-size: 20px;
line-height: 20pt;
margin-top: 40px
}
}
@media (max-width:468px) {
.shopify-para {
text-align: right;
font-size: 12px;
line-height: 11pt;
margin-top: 2px
}
.shopify-button {
width: 40%;
height: 40px;
font-size: 14px;
margin-left: 60px;
text-align: left
}
}
@media (max-width:770px) {
.launcher-para1 {
text-align: right;
font-size: 25px;
line-height: 20pt;
margin-top: 30px
}
}
@media (max-width:468px) {
.launcher-para1 {
text-align: right;
font-size: 12px;
line-height: 11pt;
margin-top: 8px
}
}
.gref {
width: 100px;
height: 100px;
float: right
}
.readm {
background-color: #fb6c19;
border-radius: 20px;
border: none;
width: 100px;
height: 35px;
margin-left: 85px
}
.readm:hover {
background-color: orange
}
.unlockpara {
line-height: 20 !important
}
.home-para {
text-align: center;
font-size: 25px;
line-height: 27pt;
margin-top: 40px;
color: #fff
}
@media (max-width:770px) {
.home-div {
margin-top: -85px !important
}
.box-height {
height: 425px !important
}
.box-para {
line-height: 16pt !important
}
.readm {
margin-left: 20px
}
.home-para {
text-align: right;
font-size: 15px;
line-height: 15pt;
margin-top: 30px;
color: #fff
}
.bann {
height: 254px
}
.shopbann {
height: 254px
}
.bann12 {
height: 254px
}
}
@media (max-width:468px) {
.home-div {
margin-top: -85px !important
}
.box-height {
height: 330px !important
}
.readm {
margin-left: 108px
}
.home-para {
text-align: left;
font-size: 7px;
line-height: 12pt;
margin-top: 8px
}
.bann {
height: 137px
}
.shopbann {
height: 110px
}
.bann12 {
height: 110px
}
}
.poly-head {
font-weight: 700;
font-size: 18px
}
.poly-det {
margin-top: 3px;
margin-left: 20px
}
.case-head {
font-weight: 700;
font-size: 22px
}
.poly-para {
margin-top: 20px
}
.mark {
margin-top: 22px
}
.sprite1 {
background-image: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/themes/Marketing_theme/css/spritesheet3.png);
background-repeat: no-repeat;
display: block
}
.sprite1-2 {
width: 129px;
height: 86px;
background-position: -7px -7px
}
.sprite1-Baby-joy1 {
width: 220px;
height: 70px;
background-position: -150px -7px;
margin-left: 47px
}
.sprite1-Babyflix {
width: 220px;
height: 70px;
background-position: -384px -7px;
margin-left: 43px
}
.sprite1-ampm1 {
width: 220px;
height: 70px;
background-position: -618px -7px
}
.sprite1-aquatic {
width: 220px;
height: 70px;
background-position: -852px -7px
}
.sprite3 {
background-image: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/themes/Marketing_theme/css/spritesheet4.png);
background-repeat: no-repeat;
display: block
}
.sprite3-icon-LinkedIn- {
width: 32px;
height: 32px;
background-position: -10px -10px;
margin-left: 13px
}
.sprite3-icon-Skype- {
width: 32px;
height: 32px;
background-position: -62px -10px;
margin-left: 13px
}
.sprite3-icon-facebook- {
width: 32px;
height: 32px;
background-position: -114px -10px;
margin-left: 13px
}
.sprite3-icon-telegram- {
width: 32px;
height: 32px;
background-position: -166px -10px;
margin-left: 13px
}
.sprite3-icon-twitter {
width: 32px;
height: 32px;
background-position: -218px -10px;
margin-left: 13px
}
.sprite3-icon-whatsapp- {
width: 32px;
height: 32px;
background-position: -270px -10px;
margin-left: 13px
}
.sprite {
background-image: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/themes/Marketing_theme/css/spritesheet1.png);
background-repeat: no-repeat;
display: block
}
.sprite-Conversions {
width: 80px;
height: 80px;
background-position: -7px -7px;
margin-bottom: 25px;
margin-left: 55px
}
.sprite-Customer-Retention {
width: 80px;
height: 80px;
background-position: -101px -7px;
margin-bottom: 25px;
margin-left: 55px
}
.sprite-Engagements {
width: 80px;
height: 80px;
background-position: -195px -7px;
margin-bottom: 25px;
margin-left: 55px
}
.sprite-Lead-Generation {
width: 80px;
height: 80px;
background-position: -7px -101px;
margin-bottom: 25px;
margin-left: 55px
}
.sprite-Online-Presence {
width: 80px;
height: 80px;
background-position: -101px -101px;
margin-bottom: 25px;
margin-left: 55px
}
.sprite-amazon {
width: 64px;
height: 64px;
background-position: -195px -101px
}
.sprite-app-store {
width: 64px;
height: 64px;
background-position: -195px -179px
}
.sprite-content-marketing {
width: 64px;
height: 64px;
background-position: -289px -7px
}
.sprite-pay-per-click {
width: 64px;
height: 64px;
background-position: -289px -85px
}
.sprite-seo {
width: 64px;
height: 64px;
background-position: -273px -163px
}
.sprite-smo {
width: 64px;
height: 64px;
background-position: -7px -241px
}
@media (max-width:770px) {
.sprite-Conversions {
width: 80px;
height: 80px;
background-position: -7px -7px;
margin-bottom: 25px;
margin-left: 25px
}
.sprite-Customer-Retention {
width: 80px;
height: 80px;
background-position: -101px -7px;
margin-bottom: 25px;
margin-left: 25px
}
.sprite-Engagements {
width: 80px;
height: 80px;
background-position: -195px -7px;
margin-bottom: 25px;
margin-left: 25px
}
.sprite-Lead-Generation {
width: 80px;
height: 80px;
background-position: -7px -101px;
margin-bottom: 25px;
margin-left: 25px
}
.sprite-Online-Presence {
width: 80px;
height: 80px;
background-position: -101px -101px;
margin-bottom: 25px;
margin-left: 25px
}
.sprite-amazon {
width: 64px;
height: 64px;
background-position: -195px -101px;
margin-left: 150px
}
.sprite-app-store {
width: 64px;
height: 64px;
background-position: -195px -179px;
margin-left: 150px
}
.sprite-content-marketing {
width: 64px;
height: 64px;
background-position: -289px -7px;
margin-left: 150px
}
.sprite-pay-per-click {
width: 64px;
height: 64px;
background-position: -289px -85px;
margin-left: 150px
}
.sprite-seo {
width: 64px;
height: 64px;
background-position: -273px -163px;
margin-left: 150px
}
.sprite-smo {
width: 64px;
height: 64px;
background-position: -7px -241px;
margin-left: 150px
}
}
@media (max-width:750px) {
.sprite-Conversions {
width: 80px;
height: 80px;
background-position: -7px -7px;
margin-bottom: 25px;
margin-left: 115px
}
.sprite-Customer-Retention {
width: 80px;
height: 80px;
background-position: -101px -7px;
margin-bottom: 25px;
margin-left: 115px
}
.sprite-Engagements {
width: 80px;
height: 80px;
background-position: -195px -7px;
margin-bottom: 25px;
margin-left: 115px
}
.sprite-Lead-Generation {
width: 80px;
height: 80px;
background-position: -7px -101px;
margin-bottom: 25px;
margin-left: 115px
}
.sprite-Online-Presence {
width: 80px;
height: 80px;
background-position: -101px -101px;
margin-bottom: 25px;
margin-left: 115px
}
.sprite-amazon {
width: 64px;
height: 64px;
background-position: -195px -101px;
margin-left: 150px
}
.sprite-app-store {
width: 64px;
height: 64px;
background-position: -195px -179px;
margin-left: 150px
}
.sprite-content-marketing {
width: 64px;
height: 64px;
background-position: -289px -7px;
margin-left: 150px
}
.sprite-pay-per-click {
width: 64px;
height: 64px;
background-position: -289px -85px;
margin-left: 150px
}
.sprite-seo {
width: 64px;
height: 64px;
background-position: -273px -163px;
margin-left: 150px
}
.sprite-smo {
width: 64px;
height: 64px;
background-position: -7px -241px;
margin-left: 150px
}
}
body {
font-family: "Poppins", sans-serif;
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #212112;
background-position: center;
background-repeat: repeat;
background-size: 7%;
background-color: #fff;
overflow-x: hidden;
transition: all .2s linear
}
::selection {
color: #fff;
background-color: #f36e24
}
::-moz-selection {
color: #fff;
background-color: #f36e24
}
a {
color: #f36e24;
text-decoration: none;
background-color: transparent
}
.start-header {
opacity: 1;
transform: translateY(0);
padding: 10px 0;
box-shadow: 0 10px 30px 0 rgba(138, 155, 165, .15);
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
.start-header.scroll-on {
box-shadow: 0 5px 10px 0 rgba(138, 155, 165, .15);
padding: 5px 0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
.navigation-wrap {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 1000;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
.navbar {
padding: 0
}
.navbar-brand img {
width: auto;
display: block;
padding: 10px 10px 10px 0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
.navbar-toggler {
float: right;
border: none;
padding-right: 0
}
.navbar-toggler:active,
.navbar-toggler:focus {
outline: none
}
.navbar-light .navbar-toggler-icon {
width: 24px;
height: 17px;
background-image: none;
position: relative;
border-bottom: 1px solid #000;
transition: all .3s linear
}
.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {
width: 24px;
position: absolute;
height: 1px;
background-color: #000;
top: 0;
left: 0;
content: "";
z-index: 2;
transition: all .3s linear
}
.navbar-light .navbar-toggler-icon:after {
top: 8px
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after {
transform: rotate(45deg)
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before {
transform: translateY(8px) rotate(-45deg)
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
border-color: transparent
}
.nav-link {
color: #212121 !important;
font-weight: 500;
transition: all .2s linear;
font-size: 14px
}
.nav-item:hover .nav-link {
color: #f36e24 !important
}
.nav-item.active .nav-link {
color: #f36e24 !important
}
.nav-link {
position: relative;
padding: 5px 0 !important;
display: inline-block
}
.nav-item:after {
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 2px;
content: "";
background-color: #f36e24;
opacity: 0;
transition: all .2s linear
}
.nav-item:hover:after {
bottom: 0;
opacity: 1
}
.nav-item.active:hover:after {
opacity: 0
}
.nav-item {
position: relative;
transition: all .2s linear
}
.dropdown-item.active,
.dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #f36e24
}
.bg-light {
background-color: #fff !important;
transition: all .2s linear
}
.section {
position: relative;
width: 100%;
display: block
}
.full-height {
height: 100vh
}
.over-hide {
overflow: hidden
}
.absolute-center {
position: absolute;
top: 50%;
left: 0;
width: 100%;
margin-top: 40px;
transform: translateY(-50%);
z-index: 20
}
h1 {
font-size: 48px;
line-height: 1.2;
font-weight: 700;
color: #212112;
text-align: center
}
#switch,
#circle {
cursor: pointer;
-webkit-transition: all .3s linear;
transition: all .3s linear
}
#switch {
width: 60px;
height: 8px;
border: 2px solid #8167a9;
border-radius: 27px;
background: #000;
position: relative;
display: block;
margin: 0 auto;
text-align: center;
opacity: 1;
transform: translate(0);
transition: all .3s linear;
transition-delay: 1.9s
}
body.hero-anime #switch {
opacity: 0;
transform: translateY(40px);
transition-delay: 1.9s
}
#circle {
position: absolute;
top: -11px;
left: -13px;
width: 26px;
height: 26px;
border-radius: 50%;
background: #000
}
.switched {
border-color: #000 !important;
background: #8167a9 !important
}
.switched #circle {
left: 43px;
box-shadow: 0 4px 4px rgba(26, 53, 71, .25), 0 0 0 1px rgba(26, 53, 71, .07);
background: #fff
}
.nav-item .dropdown-menu {
transform: translate3d(0, 10px, 0);
visibility: hidden;
opacity: 0;
max-height: 0;
display: block;
padding: 0;
margin: 0;
transition: all .2s linear
}
.nav-item.show .dropdown-menu {
opacity: 1;
visibility: visible;
max-height: 999px;
transform: translate3d(0, 0px, 0)
}
.dropdown-menu {
padding: 10px !important;
margin: 0;
font-size: 13px;
letter-spacing: 1px;
color: #fff;
background-color: #000;
border: none;
border-radius: 3px;
box-shadow: 0 5px 10px 0 rgba(138, 155, 165, .15);
transition: all .2s linear
}
.dropdown-toggle:after {
display: none
}
.dropdown-item {
padding: 3px 15px;
color: #fff;
border-radius: 2px;
transition: all .2s linear
}
.dropdown-item:hover,
.dropdown-item:focus {
color: #fff;
background-color: #f36e24
}
body.dark {
color: #fff;
background-color: #1f2029
}
body.dark h1 {
color: #fff
}
body.dark h1 span {
transition-delay: 0ms !important
}
body.dark p {
color: #fff;
transition-delay: 0ms !important
}
body.dark .bg-light {
background-color: #14151a !important
}
body.dark .start-header {
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .15)
}
body.dark .start-header.scroll-on {
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15)
}
body.dark .nav-link {
color: #fff !important
}
body.dark .nav-item.active .nav-link {
color: #999 !important
}
body.dark .dropdown-menu {
color: #fff;
background-color: #1f2029;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .25)
}
body.dark .dropdown-item {
color: #fff
}
body.dark .navbar-light .navbar-toggler-icon {
border-bottom: 1px solid #fff
}
body.dark .navbar-light .navbar-toggler-icon:after,
body.dark .navbar-light .navbar-toggler-icon:before {
background-color: #fff
}
body.dark .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
border-color: transparent
}
@media (max-width:767px) {
h1 {
font-size: 38px
}
.nav-item:after {
display: none
}
.nav-item:before {
position: absolute;
display: block;
top: 15px;
left: 0;
width: 11px;
height: 1px;
content: "";
border: none;
background-color: #000;
vertical-align: 0
}
.dropdown-toggle:after {
position: absolute;
display: block;
top: 10px;
left: -23px;
width: 1px;
height: 11px;
content: "";
border: none;
background-color: #000;
vertical-align: 0;
transition: all .2s linear
}
.dropdown-toggle[aria-expanded=true]:after {
transform: rotate(90deg);
opacity: 0
}
.dropdown-menu {
padding: 0 !important;
background-color: transparent;
box-shadow: none;
transition: all .2s linear
}
.dropdown-toggle[aria-expanded=true]+.dropdown-menu {
margin-top: 10px !important;
margin-bottom: 20px !important
}
body.dark .nav-item:before {
background-color: #fff
}
body.dark .dropdown-toggle:after {
background-color: #fff
}
body.dark .dropdown-menu {
background-color: transparent;
box-shadow: none
}
}
.banner {
position: relative;
width: 100%;
min-height: 300px;
background-image: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/themes/Marketing_theme/./image/home_banner.jpeg);
background-position: top;
background-size: cover;
margin-top: 80px;
height: 450px;
z-index: 1
}
.banner .block {
color: #fff;
padding: 8% 9% 5%;
width: 76%
}
.banner .block h1,
.banner .block h3 {
padding-bottom: 10px;
font-size: 32px;
font-weight: 100;
color: #fff !important;
line-height: 48px;
font-weight: 600;
text-align: left;
min-height: 125px
}
.banner .block h2 {
font-family: Open Sans;
font-size: 22px;
line-height: 32px;
font-weight: 400;
color: #fff !important;
text-align: left
}
.banner .block .btn-learn {
color: #fff;
border: solid 2.5px #fff;
transition: .3s;
text-align: left
}
.banner .block .btn-learn:hover {
color: #f36e24 !important;
background-color: #ffff
}
.banner .block .buttons a:first-child {
margin-left: 0;
border: #fff;
border-style: solid;
border-width: 1px;
margin-top: 2vw;
padding: 10px 24px !important
}
.vertical-bar {
position: absolute;
height: 222px;
width: 150px;
background: #f36e24 !important;
left: 115px;
top: 0;
z-index: -1
}
.banner_contactus {
position: relative;
width: 100%;
min-height: 300px;
background-image: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/themes/Marketing_theme/./image/contact-banner.jpg);
background-position: top;
background-size: cover;
margin-top: 80px;
z-index: 1
}
.banner_contactus .block {
color: #fff;
padding: 6% 9% 5%
}
.banner_contactus .block h3 {
padding-bottom: 10px;
font-size: 32px;
font-weight: 100;
color: #fff !important;
line-height: 48px;
font-weight: 600;
text-align: left
}
.banner_contactus .block h2 {
font-family: Open Sans;
font-size: 22px;
line-height: 32px;
font-weight: 400;
color: #fff !important;
text-align: left
}
.banner_blogs {
position: relative;
width: 100%;
min-height: 300px;
background-image: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/themes/Marketing_theme/./image/blog_banner.jpg);
background-position: top;
background-size: cover;
margin-top: 56px;
z-index: 1
}
.banner_blogs .block {
color: #fff;
padding: 6% 9% 5%
}
.banner_blogs .block h3 {
padding-bottom: 10px;
font-size: 32px;
font-weight: 100;
color: #fff !important;
line-height: 48px;
font-weight: 600;
text-align: left
}
.banner_blogs .block h2 {
font-family: Open Sans;
font-size: 22px;
line-height: 32px;
font-weight: 400;
color: #fff !important;
text-align: left
}
.home_sec_create_brand {
margin: 50px 0;
text-align: center
}
.Create_brand {
display: block;
margin: 0 auto 5px;
font-size: 32px;
line-height: 40px;
font-weight: 600
}
.home_with_our {
display: block;
margin: 10px auto 5px;
color: #f36e24 !important;
font-size: 22px
}
.home_sec_create_brand p {
font-size: 16px;
line-height: 27px
}
.service_textdecoration {
text-decoration: none !important;
display: block
}
.all_services {
margin-bottom: 30pt
}
.service-content {
transition: .3s all ease-in-out
}
.services_img {
margin-bottom: 20px
}
.Font_size_color {
color: #5c5c5c;
line-height: 1.75
}
.service-name h2 {
font-size: 18pt;
line-height: 1.35;
color: #5c5c5c;
font-weight: 600
}
.all_services:hover img {
-webkit-filter: grayscale(100%);
filter: grayscale(0%);
transition: .3s ease-in-out
}
.all_services:hover .service-content h4:after {
width: 80%;
background: #f36e24 !important;
color: #f36e24 !important
}
.all_services:hover .service-name h2 {
color: #f36e24 !important
}
button:focus {
outline: none
}
.service-content h4:after {
display: block;
height: 2px;
width: 0;
background: 0 0;
margin-top: 5px;
transition: width .5s ease, background-color .5s ease;
-webkit-transition: width .5s ease, background-color .5s ease;
-moz-transition: width .5s ease, background-color .5s ease
}
.service_icon_img {
width: 64px;
height: 64px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.blog-section a:hover {
color: #f36e24 !important;
text-decoration: none
}
.home_Benifits_you_get {
margin: 50px 0;
text-align: center;
background-color: #fbfbfb;
padding-bottom: 30px
}
.home_Benifits_you_get h3,
.home_Benifits_you_get h2 {
display: inline-block;
margin-top: 50px;
font-size: 32px;
text-align: center;
font-weight: 600;
margin-bottom: 5px
}
.margin_between_cards {
margin: 0 15px;
height: 270px;
background-color: #fff
}
.margin_between_cards img {
filter: grayscale(100%)
}
.margin_between_cards:hover img {
-webkit-filter: grayscale(100%);
filter: grayscale(0%);
transition: .3s ease-in-out
}
.card_p {
padding: 0 10px
}
.card1_color {
background-color: #f9b800;
border-radius: 10px 10px 0 0;
color: #fff
}
.card2_color {
background-color: #405d70;
border-radius: 10px 10px 0 0;
color: #fff
}
.card3_color {
background-color: #58a6b0;
border-radius: 10px 10px 0 0;
color: #fff
}
.card4_color {
background-color: #e83619;
border-radius: 10px 10px 0 0;
color: #fff
}
.card5_color {
background-color: #3e3634;
border-radius: 10px 10px 0 0;
color: #fff
}
.card_hover {
display: block;
position: relative;
border-radius: 10px 10px 0 0;
text-decoration: none;
z-index: 0;
overflow: hidden;
border: 1px solid #dcdcdc
}
.card_hover:hover {
transition: all .2s ease-out;
box-shadow: 0px 4px 8px rgba(38, 38, 38, .2);
color: #f36e24
}
.card_hover:before {
content: "";
position: absolute;
z-index: -1;
border-radius: 32px;
-webkit-transform: scale(2);
transform: scale(2);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transition: -webkit-transform .15s ease-out;
transition: transform .15s ease-out;
transition: transform .15s ease-out, -webkit-transform .15s ease-out
}
.card_hover:hover:before {
-webkit-transform: scale(2.15);
transform: scale(2.15)
}
.page-template-home .container.container_width {
max-width: 95%
}
.card_display {
display: flex !important
}
.client_testemonial {
margin: 0 0 40px
}
.client_h3 {
display: block;
margin: 0 auto 5px;
font-size: 32px;
line-height: 32px;
font-weight: 600
}
.client_h4 {
display: block;
margin: 0 auto 5px;
margin-top: 10px;
color: #f36e24 !important;
font-size: 22px;
text-align: center
}
.test_image_back {
background-color: #f36e24 !important;
height: 50px;
width: 50px;
position: absolute;
right: 0;
top: 0
}
.test_contant_block_name {
position: absolute;
right: 2%;
bottom: 0
}
.test_contant_block_name h2 {
font-size: 16px;
color: #fff
}
.test_contant_block_name h3 {
font-size: 14px;
color: #fff
}
.Clientele {
background-color: #fbfbfb;
padding-bottom: 30px
}
.service_carousal {
background-color: #fbfbfb;
padding-bottom: 30px
}
.clientable_h4 {
font-size: 2rem;
font-weight: 600
}
.card_icon_size {
height: 80px;
width: 80px
}
.owl-nav button {
position: absolute;
top: 50%;
background-color: #000;
color: #fff;
margin: 0;
transition: all .3s ease-in-out
}
.owl-nav button.owl-prev {
left: 0
}
.owl-nav button.owl-next {
right: 0
}
.owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.owl-prev span {
font-size: 70px;
position: relative;
top: -19px;
left: -40px
}
.owl-next span {
font-size: 70px;
position: relative;
top: -19px;
left: 40px
}
.owl-nav button:focus {
outline: none
}
.service_carausal_h3 {
font-size: 18px;
font-weight: 600;
color: #000
}
.service_carausal_h3:hover {
color: #f36e24;
text-decoration: none
}
.service_carausal_p {
padding-top: 0;
font-size: 14px;
text-align: left;
color: #000
}
.service_carausal_p:hover {
color: #000;
text-decoration: none
}
p.text-center.p-5.mobile_card_padding_font {
font-size: 16px;
line-height: 26px;
font-weight: 400
}
.relevent_work_h3 {
display: block;
font-size: 32px;
line-height: 32px;
margin-bottom: 40px;
font-weight: 600;
text-align: center
}
.item_cursor {
cursor: pointer
}
.market_insights {
margin: 0 0 50px
}
.market_insights_h3 {
display: block;
margin: 50px auto 5px;
font-size: 32px;
line-height: 32px;
margin-bottom: 40px;
font-weight: 600
}
.zoom {
overflow: hidden;
cursor: pointer
}
.zoom img {
display: block;
position: relative;
-webkit-transition: all .4s linear;
transition: all .4s linear;
cursor: pointer
}
.bloghead {
background-color: #fff;
padding-bottom: 30px
}
.bloghead:hover .collabo {
color: #f36e24
}
.bloghead:hover {
cursor: pointer
}
.bloghead a {
color: #000;
text-decoration: none
}
.collabo {
font-size: 18px;
line-height: 28px;
margin: 20px 12px 10px 0;
font-family: "Open Sans", sans-serif;
font-weight: 600
}
.blogload_more_button {
display: inline-block;
border: 1px solid #f36e24;
padding: 10px;
color: #f36e24
}
.blogload_more_button:hover {
display: inline-block;
border: 1px solid #fff;
background-color: #f36e24;
padding: 10px;
color: #fff;
transition-delay: -1s
}
.collpar {
font-size: 15px;
font-family: "Open Sans", sans-serif
}
.methdocolor h4 {
text-align: left;
font-size: 12px;
margin: 0 10px 0 0;
display: inline
}
.methdocolor p {
text-align: left;
font-size: 16px;
line-height: 26px;
margin: 0
}
.blogbutton {
background-color: transparent !important;
padding: 10px 24px !important;
border-radius: 2px !important;
border: 1px solid #f36e24 !important
}
.blogbutton:hover {
box-shadow: 6px 6px 17.6px .4px rgba(0, 0, 0, .17);
color: #fff !important;
background-color: #f36e24 !important;
border-color: transparent !important
}
.blog_section_full {
margin: 70px 0 50px
}
.zoomblogs {
overflow: hidden;
cursor: pointer
}
.zoomblogs img {
display: block;
position: relative;
-webkit-transition: all .4s linear;
transition: all .4s linear;
cursor: pointer
}
.blogheadblogs {
background-color: #fff;
padding-bottom: 30px;
color: #000 !important
}
.blogheadblogs a {
color: #000
}
.blogheadblogs a {
color: #000;
text-decoration: none
}
.blogheadblogs:hover .collaboblogs {
color: #f36e24 !important;
text-decoration: none !important
}
.blogheadblogs:hover {
cursor: pointer
}
.collaboblogs {
font-size: 18px;
line-height: 28px;
margin: 20px 12px 10px 10px;
font-family: "Open Sans", sans-serif;
font-weight: 600
}
.collparblogs {
font-size: 15px;
font-family: "Open Sans", sans-serif
}
.methdocolorblogs h4 {
text-align: left;
font-size: 12px;
margin: 0 0 0 10px;
display: inline;
color: #5c5c5c
}
.methdocolorblogs p {
text-align: left;
font-size: 16px;
line-height: 26px;
margin: 0 0 0 10px;
color: #5c5c5c
}
.search-container {
display: block;
margin: 0 auto
}
.searchbox_blogs {
position: relative
}
input#search-bar {
margin: 0 auto;
width: 100%;
height: 45px;
padding: 0 20px;
font-size: 1rem;
border: 1px solid #d0cfce;
outline: none
}
.search-icon {
position: absolute;
top: 10px;
right: 10px
}
.recent_post_heading {
margin: 30px 0 20px;
font-size: 18px;
font-weight: 600
}
.recent_post_div {
cursor: pointer
}
.recent_post_div a {
text-decoration: none
}
.recent_post_div h3 {
font-size: 16px;
color: #f36e24;
text-align: left;
margin-bottom: 0
}
.recent_post_div p {
font-size: 12px;
color: #5c5c5c;
text-align: left;
padding-bottom: 15px;
border-bottom: 1px solid #9fa3a0;
margin-top: 0;
margin-bottom: 15px
}
section.contact-us-home {
padding-top: 70px;
padding-bottom: 50px;
background-color: #f8f8f8
}
.main-contact-form {
background-color: #f8f8f8;
border-radius: 4px
}
.line_lft {
position: relative
}
.form-title h3 {
font-family: "Open Sans", sans-serif;
font-weight: 600;
font-stretch: normal;
line-height: 1.2;
letter-spacing: normal;
text-align: center;
font-size: 32px;
margin-bottom: 20px
}
.form-title_second h3 {
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-stretch: normal;
line-height: 1.2;
letter-spacing: normal;
text-align: center;
color: #f36e24;
font-size: 22px;
margin-bottom: 50px
}
.contact_1form {
margin-top: 20px
}
.form-group {
margin-bottom: 15px
}
.form-control {
display: block;
width: 100%;
height: 39px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
p.error-hide {
font-size: 15px;
color: #b13030;
display: none
}
html input[disabled] {
cursor: default
}
.error-recap {
display: none;
color: red !important;
font-size: 15px
}
.expert-talk-btn {
font-size: 16px;
background-color: transparent;
color: #f36e24;
border: 1px solid #f36e24;
border-radius: 2px;
padding: 10px 30px;
display: flex;
align-items: center;
justify-content: center;
transition: .5s
}
.expert-talk-btn:hover {
font-size: 16px;
background-color: #f36e24;
color: #fff;
border: 0;
border: 1px solid #fff;
padding: 10px 30px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
transition: .5s
}
#submit-form_footer {
margin-top: 20px
}
.submit_btn {
float: right
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #f36e24;
outline: 0;
box-shadow: none !important
}
.footermargin {
padding: 50px 0
}
.holisticmargin {
margin-top: 15px !important;
margin-bottom: 88px;
display: block
}
.holisticmargin img {
width: 80%
}
a.areference {
display: block;
margin-top: 10px;
color: #000;
font-size: 14px
}
a.areference:hover {
display: block;
margin-top: 10px;
color: #f36e24;
font-size: 14px
}
h4.follow_us_footer {
font-size: 14px
}
.follow_us_footer span {
margin-left: 16px;
font-size: 16px
}
.socialIconHover img {
width: 35px;
margin-left: 12px
}
.social_icon_on {
margin-top: 20px
}
img.a_Hover {
display: none
}
.socialIconHover {
display: inline-block
}
.socialIconHoverWithoutHover {
display: inline-block
}
.socialIconHoverWithoutHover img {
width: 35px;
margin-left: 12px
}
.socialIconHover:nth-child(3) {
border-right: 1px solid #a6a6a6;
padding-right: 14px
}
.grayscale {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.grayscale:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%)
}
.copywrite_sec {
background-color: #5c5c5c;
color: #d1d1d1;
text-align: center
}
.copywrite_sec h3 {
font-size: 12px;
padding: 20px 0;
margin-bottom: 0 !important;
color: #d1d1d1;
text-align: center
}
section.thankyou-page {
min-height: calc(100vh - 56px);
padding-top: 190px
}
.sctn {
padding: 60px 0
}
.thank-you-icon img {
width: 90px
}
.thank-you-bold {
text-align: center;
font-size: 28px;
margin-top: 21px;
color: #272626;
font-weight: 600
}
.thank-you-thin {
text-align: center;
margin-top: 9px;
font-size: 16px;
font-weight: 500;
color: #272626
}
.thank-you-icon {
text-align: center
}
.section404 {
margin: 120px 0 40px
}
.errordiv h3 {
font-weight: 600;
font-size: 36px
}
.errordiv a {
text-decoration: none;
color: #f36e24;
font-weight: 600
}
.errordiv a:hover {
text-decoration: none;
color: #f36e24;
font-weight: 600
}
.single_blog_content_sec {
margin: 0 0 50px;
text-align: justify
}
.single_blog_content_sec p {
text-align: justify !important
}
.single_blog_content_sec ul li {
list-style-type: disc
}
.service1_banner {
margin-top: 78px
}
.service1_banner_block {
color: #fff !important;
width: 80%
}
.service1_banner_block h1 {
font-size: 32px;
font-weight: 600;
margin-bottom: 20px;
text-align: left
}
.service1_banner_block h3,
.service1_banner_block h2 {
font-size: 22px;
line-height: 26px
}
.service1_banner .service1_banner_block .btn-learn {
color: #fff;
border: solid 2.5px #fff;
transition: .3s;
text-align: left
}
.service1_banner .service1_banner_block .btn-learn:hover {
color: #f36e24 !important;
background-color: #ffff
}
.service1_banner .service1_banner_block .buttons a:first-child {
margin-left: 0;
border: #fff;
border-style: solid;
border-width: 1px;
margin-top: 1vw;
padding: 10px 24px !important
}
.padding_0 {
padding: 0
}
.service1_sec2_strenghten {
padding: 50px 0
}
.service1_sec2_strenghten h2 {
font-size: 32px;
margin-bottom: 50px;
text-align: center;
line-height: 30px;
font-weight: 600
}
.service1_sec2_strenghten h2.big {
font-size: 54px
}
.service1_sec2_strenghten h3 {
font-size: 18px;
line-height: 27px;
font-weight: 600;
margin-bottom: 0
}
.service1_sec2_strenghten p {
text-align: left;
font-size: 16px;
line-height: 27px;
margin-bottom: 20px
}
.service1_sec2_availfreeseo {
background-color: #f36e24;
text-align: center;
padding: 35px 0
}
.service1_sec2_availfreeseo h3,
.service1_sec2_availfreeseo h2 {
font-size: 36px;
text-align: center;
color: #fff
}
.service_page_button {
margin-left: 0;
border: #fff;
border-style: solid;
border-width: 1px;
margin-top: 1vw;
padding: 10px 24px !important;
background-color: transparent;
color: #fff;
border-radius: 2px
}
.service_page_button:hover {
margin-left: 0;
border: #fff;
border-style: solid;
border-width: 1px;
margin-top: 1vw;
padding: 10px 24px !important;
background-color: #fff;
color: #f36e24
}
.service1_sec3_ourseoservice {
margin: 50px 0
}
.service1_sec3_ourseoservice h2 {
text-align: center;
font-size: 32px;
line-height: 27px;
margin-bottom: 20px;
font-weight: 600
}
.service1_sec3_ourseoservice h3 {
font-size: 18px;
line-height: 24px;
margin-bottom: 10px;
font-weight: 600
}
.service1_sec3_ourseoservice h4 {
text-align: center;
color: #f36e24;
font-size: 22px;
line-height: 32px;
margin-bottom: 40px
}
.user_section {
margin-bottom: 0;
display: flex;
align-items: flex-start;
text-align: left
}
img.tick_mark_img {
margin-right: 14px;
margin-top: 18px
}
.user_section p {
font-size: 16px
}
.padding_services_service_pages {
padding: 20px
}
.padding_services_service_pages h2,
.padding_services_service_pages h3 {
font-size: 18px;
text-align: left;
line-height: 27px;
font-weight: 600;
margin-bottom: 0
}
.padding_services_service_pages h3.text-format {
text-align: left;
font-size: 16px;
line-height: 26px;
padding-top: 5px;
font-weight: 400
}
.padding_services_service_pages p {
text-align: left;
font-size: 16px;
line-height: 26px;
padding-top: 5px
}
.height_service_page {
height: 380px
}
.height_service_page2_sec2 {
height: 440px
}
.height_service_page3_sec2 {
height: 340px
}
.height_service_page3_sec1 {
height: 420px
}
.be_found_text {
border-left: 15px solid #f36e24;
padding: 20px 0 20px 30px
}
.be_found_text h2 {
font-size: 28px;
font-weight: 600;
line-height: 40px
}
.service_be_found_sec {
margin: 50px 0
}
.Choose_oodles_marketing {
margin: 50px 0;
text-align: center
}
.Choose_oodles_marketing h2 {
font-size: 32px;
line-height: 36px;
margin-bottom: 20px;
font-weight: 600
}
.Choose_oodles_marketing p {
font-size: 16px;
line-height: 26px
}
.height_service_page4_sec2 {
height: 380px
}
.height_service_page4_sec1 {
height: 340px
}
.height_service_page5_sec2 {
height: 320px
}
.height_service_page6_sec2 {
height: 560px
}
.height_service_page6_sec1 {
height: 560px
}
.margin-auto {
margin: auto
}
.attach {
display: table-cell;
cursor: pointer;
border-radius: 2px;
float: left
}
.attachmentFile {
color: #2b2d2c;
font-size: 20px;
top: 6px
}
.files_list {
color: #2b2d2c;
font-size: 14px;
display: inline-block
}
.appended_files {
margin-right: 1px;
display: inline-block;
margin-left: 10px
}
.attcment_icon {
top: 6px
}
.custom_captcha {
padding-left: 250px
}
input#attachmentFile {
display: none
}
.form-control.chooes_button {
border: 1px solid #ccc;
display: inline-block;
padding: 6px 12px;
cursor: pointer;
opacity: 0;
width: 29%
}
.error_text {
color: red;
font-size: 12px
}
.error_text1 {
margin-left: 5px;
color: red;
padding-left: 36px
}
.relevent_work_h3 {
display: block;
margin: 50px auto 5px;
font-size: 32px;
line-height: 32px;
font-weight: 600
}
.country_info {
background: #fff;
padding: 45px 0
}
.country_info_block {
display: flex;
justify-content: space-around;
overflow: hidden
}
.countryIcon {
display: flex;
justify-content: center;
height: 100px;
position: relative
}
.countryIcon img {
width: 46px
}
.countryIcon:after {
content: "";
background-color: #eee;
width: 30px;
height: 20px;
transform: rotateX(66deg);
border-radius: 50%;
position: absolute;
bottom: 0
}
.countryInfoSingleBlock:after {
content: "";
position: absolute;
width: 1px;
height: 100%;
background: #eee;
top: 0;
left: -60px
}
.countryInfoSingleBlock {
position: relative
}
.countryIcon {
display: flex;
justify-content: center;
height: 100px;
position: relative
}
.CountryInfoLine:hover .CountrySocialAfterhover {
display: inline
}
.CounrtyInfoIcon img {
width: 20px
}
.CountryInfoLine:hover .CountrySocialBeforehover {
display: none
}
.countryTitle h4 {
font-size: 20px;
margin-top: 0;
font-family: "OpenSans-Semibold";
color: #2d4059;
display: flex;
justify-content: center;
position: relative;
margin-bottom: 2px
}
.CountryInfoLine {
margin-bottom: 6px
}
img.CountrySocialAfterhover {
display: none
}
.CountryInfoLine a {
color: #6f6f6f
}
.CountryInfoLine a:hover {
color: #3283c5 !important
}
.map_width {
width: 100%;
margin: 0 !important
}
.cont_pading {
padding: 0 !important
}
.contct_map {
height: 431px;
background: #adadad
}
.contactPageFooter {
padding: 50px 0;
background: #f9f9f9
}
.contact-office-address {
width: 80%;
margin: auto;
display: flex
}
.office-icon {
margin-right: 14px
}
.office-icon img {
width: 18px
}
.address-title {
margin-bottom: 6px;
color: #2f4059;
font-weight: 700;
font-size: 17px
}
.main-address {
font-size: 15px;
margin-bottom: 30px;
line-height: 25px;
position: relative;
justify-content: flex-start;
color: #333;
font-family: Open sans;
font-weight: 500
}
.contact-numbers {
width: 80%;
margin: auto;
display: flex
}
.contact-icon {
margin-right: 14px
}
.contact-icon img {
width: 22px
}
.contact-title {
margin-bottom: 6px;
color: #2f4059;
font-weight: 700;
font-size: 17px
}
a.contact_info_mail {
text-decoration: none !important;
color: #5c5c5c
}
a.contact_info_mail:hover {
color: #337ab7
}
button,
a {
cursor: pointer
}
.edgtf-mobile-header .edgtf-mobile-menu-opener a:hover,
.edgtf-mobile-header .edgtf-mobile-nav a:hover,
.edgtf-mobile-header .edgtf-mobile-nav h6:hover {
color: #3b83c5
}
.banner_image.technologies_side_image {
height: 100%
}
@media (max-width:1200px) {
.carusol_img {
width: calc(25% - 65px);
margin-right: 60px
}
}
@media (max-width:1024px) {
.edgtf-mobile-header .edgtf-mobile-header-inner {
height: 70px
}
.edgtf-mobile-header .edgtf-mobile-nav a,
.edgtf-mobile-header .edgtf-mobile-nav h6 {
padding: 15px 0
}
.toolkit_sec p {
padding-right: 30px
}
.container {
max-width: 100% !important;
padding: 0 60px
}
.cloud-machine-tabs li.tab {
margin-left: 9%
}
}
@media (max-width:991px) {
.carusol_img {
width: calc(25% - 32px);
margin-right: 29px
}
}
@media (min-width:930px) and (max-width:1080px) {
.countryInfoSingleBlock:after {
content: "";
position: absolute;
width: 1px;
height: 100%;
background: #eee;
top: 0;
left: -34px
}
}
@media (min-width:800px) and (max-width:930px) {
.countryInfoSingleBlock:after {
content: "";
position: absolute;
width: 1px;
height: 100%;
background: #eee;
top: 0;
left: -20px
}
}
@media (min-width:750px) and (max-width:840px) {
.contct_map {
height: 482px;
background: #adadad
}
}
@media (min-width:320px) and (max-width:800px) {
.country_info_block {
flex-direction: column;
align-items: center
}
.service1_banner_block {
color: #fff !important;
padding: 30px 15px;
width: 98%
}
.countryInfoSingleBlock:after {
display: none
}
@media (max-width:767px) {
.dev-services img {
position: static
}
.dev-services:after {
display: none
}
.cloud-machine-tabs li {
font-size: 14px
}
.cloud-machine-tabs li.tab {
margin-right: 15px;
margin-left: 0
}
.tabs.cloud-machine-tabs {
text-align: center
}
.container {
padding: 0 15px !important
}
button.btn.get_in_touch.tecnlologies_btn {
margin-bottom: 0
}
}
}
@media (min-width:768px) and (max-width:1023px) {
.custom_captcha {
padding-left: 19px
}
}
@media (min-width:1024px) and (max-width:1300px) {
.custom_captcha {
padding-left: 152px
}
}
.blog-section {
width: 100%;
margin-top: 0;
padding: 50px 0
}
.blog-list {
width: 100%;
margin-bottom: 0;
padding: 0
}
.blog-list li:last-child {
border: 0
}
.blog-list li {
width: 100%;
border-bottom: 1px solid #e4e4e4;
padding: 40px 0
}
.blog-list li h2 a {
color: #000;
font-weight: 400
}
ul li {
list-style: none
}
.publish {
float: left;
margin: 5px 0 15px;
padding-left: 0
}
.publish li {
border: 0;
padding: 0;
width: inherit;
margin: 0 8px 0 0;
float: left
}
.publish li a {
background: #fdfdfd;
color: #9fa3a0;
padding: 7px 16px;
border-radius: 100px;
font-size: 12px;
float: left
}
.market-single-blog {
text-align: left !important
}
.blog-section p {
font-size: 16px;
line-height: 27px;
text-align: justify
}
.content-box h5,
.content-box h6 {
margin: 15px 0;
color: #000;
line-height: 40px;
padding: 0;
text-align: left
}
.content-box ul li,
.content-box ol li {
color: #000;
margin-bottom: 5px;
list-style-type: disc;
font-size: 16px;
line-height: 27px;
font-weight: 300 !important;
text-align: justify
}
.guerrillawrap {
display: none !important
}
.guerrillawrap {
background: #f8f8f8;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #e1e1e1;
float: left;
padding: 2%;
width: 100%
}
.guerrillagravatar {
float: left;
margin: 0 10px 0 0;
width: 10%
}
.guerrillatext {
float: left;
width: 84%
}
.guerrillatext h4 {
font-size: 20px;
line-height: 20px;
margin: 0;
padding: 0
}
.guerrillatext p {
margin: 0 0 12px;
padding: 6px 0 0 58px !important
}
.content-box ul {
padding-left: 18px
}
.guerrillasocial {
float: left;
width: 100%
}
p.nocomments {
color: #969595
}
.comment-form {
width: 80%;
margin-top: 20px
}
.comment-form h2 {
font-size: 30px;
font-weight: 300;
color: #000;
text-transform: capitalize;
text-align: left
}
.comment-form p {
position: relative;
float: left;
clear: both;
margin-bottom: 20px;
color: #969595
}
#commentform .form-group {
width: 100%;
display: inline-block;
position: relative
}
.blog-section input[type=text],
input[type=password] {
border-radius: 4px;
font-weight: 300;
border: 1px solid #e4e4e4;
margin-bottom: 20px;
box-shadow: none;
padding: 16px 12px;
width: 100%
}
.blog-section .star {
color: red;
position: absolute;
top: -7px;
right: -12px;
font-size: 18px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}
#commentform .form-group {
width: 100%;
display: inline-block;
position: relative
}
.sidebar {
width: 100%;
float: left;
padding-left: 60px;
padding-top: 60px
}
.relevantwork a {
color: #000
}
.relevantwork a:hover {
color: #f36e24;
text-decoration: none
}
.relevant-colors {
color: #f36e24 !important
}
.comments-area {
display: none
}
@media (min-width:320px) and (max-width:480px) {
.Clientele_h4 {
font-size: 20px
}
.banner {
position: relative;
width: 100%;
min-height: 300px;
background-image: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/themes/Marketing_theme/./image/home_banner2.jpeg);
background-position: top;
background-size: cover;
margin-top: 70px;
height: 390px
}
.custom_captcha {
padding-left: 16px;
padding-top: 25px
}
.banner .block {
color: #fff;
padding: 17% 9% 5%;
width: auto
}
.banner .block .buttons a:first-child {
margin-left: 0;
border: #fff;
border-style: solid;
border-width: 1px;
margin-top: 3vw;
padding: 5px 20px !important
}
.banner .block h3 {
padding-bottom: 10px;
font-size: 20px;
font-weight: 100;
color: #fff !important;
line-height: 32px;
font-weight: 400;
text-align: left
}
.banner .block h2 {
font-family: Open Sans;
font-size: 18px;
line-height: 26px;
font-weight: 400;
color: #fff !important;
text-align: left
}
.vertical-bar {
position: absolute;
height: 140px;
width: 88px;
background: #f36e24 !important;
left: 29px;
top: 0;
z-index: -1
}
.relevent_work_h3 {
font-size: 22px;
margin-bottom: 30px;
text-align: center;
font-weight: 600;
line-height: 32px
}
.banner_contactus .block h3 {
padding-bottom: 10px;
font-size: 28px;
font-weight: 100;
color: #fff !important;
line-height: 36px;
font-weight: 600;
text-align: left
}
.banner_contactus .block h2 {
font-family: Open Sans;
font-size: 18px;
line-height: 26px;
font-weight: 400;
color: #fff !important;
text-align: left
}
.banner_blogs .block h3 {
padding-bottom: 10px;
font-size: 28px;
font-weight: 100;
color: #fff !important;
line-height: 36px;
font-weight: 600;
text-align: left
}
.banner_blogs .block h2 {
font-family: Open Sans;
font-size: 18px;
line-height: 26px;
font-weight: 400;
color: #fff !important;
text-align: left
}
.banner_blogs .block {
color: #fff;
padding: 24% 9% 5%
}
.service1_banner .service1_banner_block .buttons a:first-child {
margin-left: 0;
border: #fff;
border-style: solid;
border-width: 1px;
margin-top: 3vw;
padding: 10px 24px !important
}
.home_sec_create_brand {
margin: 25px 0;
text-align: center
}
.card_display {
display: block !important
}
.all_services {
margin-bottom: 10pt
}
.service-name h2 {
font-size: 15pt;
line-height: 1.35;
color: #5c5c5c;
margin-bottom: 0
}
.height_service_page {
height: auto;
margin-bottom: 10px
}
.height_service_page2_sec2 {
height: auto;
margin-bottom: 10px
}
.height_service_page3_sec1 {
height: auto;
margin-bottom: 10px
}
.height_service_page3_sec2 {
height: auto;
margin-bottom: 10px
}
.height_service_page4_sec1 {
height: auto;
margin-bottom: 10px
}
.height_service_page4_sec2 {
height: auto;
margin-bottom: 10px
}
.height_service_page5_sec2 {
height: auto;
margin-bottom: 10px
}
.height_service_page6_sec1 {
height: auto;
margin-bottom: 10px
}
.height_service_page6_sec2 {
height: auto;
margin-bottom: 10px
}
.mobile_margin_top {
margin-top: 0 !important
}
.margin-auto {
margin: auto;
margin-top: -44px
}
.home_Benifits_you_get {
margin: 25px 0;
text-align: center;
background-color: #fbfbfb;
padding-bottom: 0
}
.home_Benifits_you_get h3 {
display: block;
margin: 25px auto 5px;
font-size: 30px;
text-align: center
}
.client_h3 {
display: block;
margin: 0 auto 5px;
line-height: 32px;
font-size: 30px
}
.moblie_top_margin_card {
margin-top: 0 !important
}
.card_mobile_height {
height: 200px;
margin: 12px
}
.mobile_card_padding_font {
font-size: 14px !important;
padding: 10px 0 0 !important;
line-height: 22px
}
.mobile_carousal_margin {
margin: 10px 0 0 !important
}
.market_insights_h3 {
display: block;
margin: 25px auto 5px;
font-size: 30px;
line-height: 32px;
margin-bottom: 25px
}
.services_img {
text-align: center;
margin-bottom: 10px;
margin-top: 10px
}
.card_mobile_margin {
margin: 10px 0 0 !important
}
.client_h4 {
display: block;
margin: 0 auto 5px;
margin-top: 20px;
color: #f36e24 !important;
font-size: 20px;
text-align: center
}
.market_insights {
margin: 0 0 30px
}
.Clientele_h3 {
display: block;
margin: 30px auto 0px;
font-size: 30px;
line-height: 32px
}
.Font_size_color {
color: #5c5c5c;
line-height: 1.5
}
.mobile_card_margin {
margin-bottom: 15px
}
.margin_between_cards {
height: 260px;
background-color: #fff;
margin: 15px 33px
}
.Create_brand {
font-size: 24px;
line-height: 32px;
margin: 0 3px
}
.home_with_our {
display: block;
margin: 5px auto 2px;
color: #f36e24 !important;
font-size: 20px;
text-align: center
}
.home_sec_create_brand p {
font-size: 14px;
line-height: 22px;
padding: 10px
}
.card_icon_size {
height: 80px;
width: 80px;
margin-top: 30px !important
}
.service-content {
transition: .3s all ease-in-out;
text-align: center
}
.nav-link {
color: #212121 !important;
font-weight: 500;
transition: all .2s linear;
font-size: 18px;
margin-bottom: 5px
}
.dropdown-item {
padding: 6px 15px;
color: #212121;
border-radius: 2px;
font-size: 14px;
transition: all .2s linear
}
.holisticmargin {
margin-top: 15px !important;
margin-bottom: 23px;
display: block
}
.follow_us_footer {
margin-bottom: 20px
}
.footer_service,
.footer_company {
margin-top: 15px
}
section.contact-us-home {
padding-top: 25px;
padding-bottom: 25px;
background-color: #f8f8f8
}
.form-title h3 {
font-family: "Open Sans", sans-serif;
font-weight: 600;
font-stretch: normal;
line-height: 32px;
letter-spacing: normal;
text-align: center;
font-size: 26px;
margin-bottom: 20px
}
.submit_btn {
float: left
}
.form-title_second h3 {
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-stretch: normal;
line-height: 1.2;
letter-spacing: normal;
text-align: center;
color: #f36e24;
font-size: 20px;
margin-bottom: 25px
}
.footermargin {
padding: 5px 0 25px !important
}
.copywrite_sec h3 {
font-size: 10px;
padding: 20px 0;
margin-bottom: 0 !important;
color: #d1d1d1
}
.service1_sec2_strenghten h2 {
font-size: 26px;
margin-bottom: 50px;
text-align: center;
font-weight: 600;
line-height: 32px
}
.service1_sec2_availfreeseo h3 {
font-size: 26px;
text-align: center;
color: #fff;
line-height: 34px
}
.service1_sec3_ourseoservice h2 {
text-align: center;
font-size: 26px;
line-height: 27px;
margin-bottom: 10px;
font-weight: 600
}
.service1_sec3_ourseoservice h3 {
font-size: 18px;
line-height: 27px;
margin-bottom: 10px;
font-weight: 600
}
.service1_sec3_ourseoservice h4 {
text-align: center;
color: #f36e24;
font-size: 18px;
line-height: 26px;
margin-bottom: 30px
}
.be_found_text {
border-left: 0 solid #f36e24;
padding: 0
}
.be_found_text h2 {
font-size: 26px;
font-weight: 600;
line-height: 36px;
text-align: center
}
.Choose_oodles_marketing h2 {
font-size: 26px;
line-height: 34px;
margin-bottom: 10px;
font-weight: 600
}
.service1_banner_block h3,
.service1_banner_block h2 {
font-size: 17px;
line-height: 26px;
margin-bottom: 0
}
.service1_banner_block h3 {
font-size: 17px;
line-height: 26px;
margin-bottom: 0
}
.service1_banner_block h1 {
font-size: 28px;
font-weight: 600
}
.service1_banner_block {
color: #fff;
padding: 30px 15px;
width: 98%
}
.item_cursor {
padding-left: 42px
}
.owl-next span {
display: none
}
.row.marginbottom40 .col-md-4:not(:first-child) {
display: none
}
#blog_single_body {
margin: 79px 0 !important
}
#blog_single_body iframe {
width: 100%
}
.post_blog_icons {
display: flex;
margin-top: 25px;
padding-bottom: 20px;
border-bottom: 0 solid #ced4da
}
.Choose_oodles_marketing {
margin: 25px 0;
text-align: center
}
.service1_sec2_strenghten h3 {
font-size: 18px;
line-height: 27px;
font-weight: 600;
margin-bottom: 0;
margin-top: 20px
}
.service1_sec2_strenghten {
margin: 25px 0
}
.appended_files {
margin-right: 1px;
display: block;
margin-left: 26px
}
.captcha-verification {
text-align: left
}
}
@media (min-width:481px) and (max-width:720px) {
.custom_captcha {
padding-left: 286px
}
.appended_files {
margin-right: 1px;
display: block;
margin-left: 26px
}
.item_cursor {
padding-left: 42px
}
.banner .block {
width: auto
}
#blog_single_body {
margin: 79px 0 !important
}
#blog_single_body iframe {
width: 100%
}
.post_blog_icons {
display: flex;
margin-top: 25px;
padding-bottom: 20px;
border-bottom: 0 solid #ced4da
}
.owl-next span {
display: none
}
.card_display {
display: block !important
}
.row.marginbottom40 .col-md-4:not(:first-child) {
display: none
}
.services_img {
text-align: center;
margin-bottom: 10px;
margin-top: 10px
}
.mobile_card_margin {
margin-bottom: 15px
}
.vertical-bar {
display: none
}
.margin_between_cards {
height: 270px;
background-color: #fff;
margin: 15px 33px
}
.margin_between_cards {
margin: 30px 15px;
height: 250px;
background-color: #fff
}
.mobile_view_card {
text-align: center;
margin: auto;
display: block
}
.card_mobile_height {
height: 200px
}
.owl-next span {
display: none
}
.dropdown-item {
padding: 3px 15px;
color: #fff;
border-radius: 2px;
color: #000;
transition: all .2s linear
}
}
@media (min-width:721px) and (max-width:960px) {
.margin_between_cards {
margin: 0 15px;
height: 339px;
background-color: #fff
}
.footermargin {
padding: 50px 0
}
.card_mobile_height {
height: 200px
}
.vertical-bar {
display: none
}
.dropdown-item {
padding: 3px 15px;
color: #fff;
border-radius: 2px;
color: #000;
transition: all .2s linear
}
}
.searchpagemargintop {
margin-top: 120px
}
.fade {
opacity: 1
}
.alert-warning.alert_background_coockies {
background: #000;
border: none;
position: fixed;
bottom: -16px;
z-index: 109;
border-radius: 0 !important;
display: block;
padding: 14px;
padding-left: 22px;
padding-bottom: 20px
}
.alert-warning {
color: #856404
}
.alert-dismissible {
padding-right: 4rem
}
.alert {
padding: .75rem 1.25rem;
margin-bottom: 1rem
}
.coockies_content {
font-size: 9pt;
color: #fff;
line-height: 1.5;
margin-bottom: 0
}
.coockies_agree {
text-align: center;
padding-top: 10px;
padding-left: 0
}
.coockies_content a {
color: #2f83c5
}
.coockies_content a:hover {
color: #2f83c5
}
#back-top {
position: fixed;
z-index: 999999;
font-size: 17px;
color: #fff;
bottom: 8px;
text-align: center;
left: 10px;
background: #f36e24;
border: 1px solid #f36e24;
padding: 7px;
width: 36px;
height: 36px;
border-radius: 20px
}
a#back-top:active {
background: #f36e24
}
a#back-top {
display: block;
text-decoration: none
}
.topup {
bottom: 5px
}
#back-top i {
display: block
}
#back-top:hover {
color: #fff !important
}
.relevant-color {
color: #b82818 !important
}
.guerrillawrap {
display: none !important
}
.gl-marge {
display: inline-block;
margin: 0 5px
}
center {
width: 100%
}
.service1_sec2_strenghten p.top_pera {
color: #f36e24;
font-size: 16px;
text-align: center
}
.service1_sec2_strenghten a.peralink {
color: #f36e24;
font-size: 16px;
text-align: center;
border: 1px solid #f36e24;
border-radius: 4px;
min-width: 178px;
line-height: 54px;
padding: 0 10px;
display: inline-block;
margin: 20px 0;
text-decoration: none;
transition-duration: .2s
}
.service1_sec2_strenghten a.peralink:hover {
background: #f36e24;
color: #fff;
border-color: #fff
}
.servs {
padding-top: 15px;
padding-bottom: 15px;
text-align: center
}
.bg_gr {
background: #fcfcfc
}
.servs h3 {
font-size: 16px;
font-weight: 400;
margin: 10px 0
}
.proc {
padding-top: 15px;
padding-bottom: 15px
}
.proc .img_tag.rt {
text-align: right
}
.proc h3 {
font-size: 50px;
line-height: 52px;
font-weight: 700;
margin: 10px 0
}
.proc p {
margin-top: 25px
}
.fea {
padding-top: 15px;
padding-bottom: 15px
}
.fea .img_tag.rt {
text-align: right
}
.fea .img_tag img {
max-width: 100%
}
.fea h3 {
font-size: 22px;
line-height: 30px;
font-weight: 600;
margin: 8px 0
}
.fea h3.has_nos {
font-size: 50px;
line-height: 46px;
font-weight: 600;
color: #adadad;
margin: 0
}
.fea p {
margin-top: 15px
}
.proc .img_tag {
float: left;
margin-right: 75px;
margin-bottom: 15px;
margin-top: 15px
}
.proc .img_tag.rt {
float: right;
margin-right: 0;
margin-left: 75px
}
.fea .img_tag {
float: left;
margin-right: 50px;
margin-bottom: 15px;
margin-top: 15px
}
.fea .img_tag.rt {
float: right;
margin-right: 0;
margin-left: 50px
}
@media (min-width:320px) and (max-width:480px) {
.service1_sec2_strenghten h2.big {
font-size: 32px;
margin-bottom: 0
}
.proc h3 {
font-size: 22px;
line-height: 1.25;
text-align: center
}
.proc .img_tag {
width: 100%;
margin: 15px 0;
text-align: center;
float: none
}
.proc .img_tag.rt {
text-align: center;
margin: 15px 0;
float: none
}
.fea .img_tag {
float: none;
margin-right: 0
}
.fea .img_tag.rt {
float: none;
margin-left: 0
}
}
#hero {
width: 100%;
height: 521px;
background: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/themes/Marketing_theme/./image/newimg/Group%20135.jpg);
background-size: cover;
position: relative
}
.bg_img {
margin-top: 40px
}
#carouselExampleSlidesOnly {
background: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/themes/Marketing_theme/./image/newimg/Vector%20Smart%20Object.png);
background-size: cover;
position: relative;
width: 103%;
height: 366px
}
#hero1 {
width: 100%;
height: 60vh;
background: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/themes/Marketing_theme/./image/newimg/banner.png);
top: center;
background-size: cover;
position: relative
}
#hero1 .position-relative {
margin-top: -30px
}
#hero2 {
width: 100%;
height: 338px;
background: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/themes/Marketing_theme/./image/newimg/Group%20146.png);
top: center;
background-size: cover;
position: relative
}
#hero:before {
content: "";
background: rgba(0, 0, 0, 0);
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0
}
@media (max-width:992px) {
#hero .container {
padding-top: 62px
}
}
@media (min-width:1024px) {
#hero {
background-attachment: fixed
}
}
@media (max-width:768px) {
#hero {
height: 100%
}
}
#hero #build {
font-size: 40px
}
.btn {
background-image: linear-gradient(#ff7000, #ff5d00);
color: #fff;
font-size: 13px;
padding: 10px 38px !important
}
#hero h2 {
font-weight: 900;
font-size: 40px
}
#hero a {
padding: 6px 30px
}
.bg_img img {
height: 234px
}
.carousel-item img {
height: 273px;
margin-top: 26px
}
.last_carousel img {
height: 60px !important
}
@media only screen and (max-width:600px) {
.fistt_img {
display: none
}
.card1 h6 p {
text-align: left
}
#hero {
text-align: center;
align-items: center
}
.right_div_img {
margin-top: 5rem
}
.bg_img img {
height: 140px
}
.carousel-item img {
height: 166px;
margin-top: 20px
}
.card_row {
margin-left: -28px !important
}
}
@media only screen and (max-width:450px) {
.card_row {
margin-left: -2px !important
}
}
#sec_section .card-body img {
width: 100%;
height: 200px;
margin-bottom: 0
}
.card_body_rl {
margin-top: -13rem;
word-wrap: break-word
}
.card-body .card-text {
font-size: .8rem;
color: gray
}
.card:hover {
box-shadow: 0 25px 40px rgba(10, 8, 8, .12), 0 4px 8px rgba(15, 13, 13, .06)
}
.card:hover .hori_line {
background-color: red
}
@media only screen and (max-width:600px) {
#hero1 {
text-align: center;
align-items: center;
width: 105%
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
position: relative;
text-align: center;
left: 17%
}
#progressbar {
position: absolute;
left: -31px;
overflow: hidden
}
.text_added_data1 p {
bottom: 2px !important;
right: 84px !important
}
.text_added_data2 p {
bottom: -6px !important;
right: 115px !important
}
.text_added_data3 p {
bottom: 3px !important;
right: 65px !important
}
.text_added_data4 p {
bottom: -5px !important;
margin-right: -11px
}
}
.images_text img {
width: 100%;
margin-left: -20
}
.service1_sec2_strenghten h4 {
font-size: 2rem;
font-weight: 600
}
.text_added_data1 p {
position: absolute;
bottom: 1px;
right: 51px;
color: #000;
font-size: 13px
}
.text_added_data2 p {
position: absolute;
bottom: -2px;
right: 29px;
color: #000;
font-size: 13px
}
.text_added_data3 p {
position: absolute;
bottom: -2px;
right: 29px;
color: #000;
font-size: 13px
}
.text_added_data4 p {
position: absolute;
bottom: -16px;
right: 81px;
color: #000;
font-size: 13px;
line-height: 20px
}
@media only screen and (max-width:600px) {
.service1_sec2_strenghten .nor_img {
width: 100%;
height: auto
}
#hero2 {
width: 100%;
height: 475px
}
.pay_integrations {
margin-left: 82px !important;
margin-bottom: 14px
}
.set_contain {
margin-left: -39px
}
.text_added_data4 p {
position: absolute;
right: 130px !important;
color: #000;
font-size: 13px;
line-height: 20px
}
.images_text {
display: flex;
justify-content: center;
align-items: center;
margin: auto
}
.text_added_data2 p {
position: absolute;
left: 7rem;
bottom: .1rem;
color: #000;
line-height: 20px
}
.box-img img {
width: 100% !important;
height: 455px !important
}
.text-block {
background-color: #fff !important;
margin-top: -6rem !important;
margin-left: 3rem !important;
height: 57% !important;
width: 72% !important;
word-wrap: break-word
}
.benefits_data {
margin-top: 26px;
margin-left: 46px;
float: revert
}
.last_img_sec_9 {
display: flex;
justify-content: center;
align-items: center
}
}
@media screen and (max-width:640px) and (min-width:360px) {
.text-block {
background-color: #fff !important;
margin-top: -5.8rem !important;
margin-left: -3rem !important;
height: 66% !important;
border-radius: 12px !important;
width: 104% !important
}
.adddata img {
height: 41% !important;
width: 48% !important;
margin-right: 77px
}
}
.sec_sevene {
margin-top: 3rem
}
.pay_integrations {
margin-left: 122px;
margin-top: 100px !important
}
#hero3 {
width: 100%;
height: 100%;
background: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/themes/Marketing_theme/./image/newimg/Group%20134.jpg);
top: center;
background-size: cover;
position: relative
}
.sec_8 .row img {
width: 100%
}
.box-img img {
width: 80%;
height: 508px
}
.bg_gr {
background: #f0f0f0
}
.sec_8 {
background-color: #f0f0f0
}
.set_contain {
position: relative;
width: 50%
}
.hov_img {
display: block;
width: auto
}
.overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease
}
.set_contain:hover .overlay {
height: 10%
}
.text {
color: blue;
font-size: 1.2rem;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center
}
.social_icons {
display: flex;
flex-direction: column;
float: top;
margin-left: 13rem;
margin-top: 14rem;
display: none
}
.social_icons i {
color: blue;
border-radius: 50%;
font-size: 25px;
background-color: #fff
}
.hov_img:hover+.social_icons {
display: flex
}
.hori_line {
background-color: blue
}
.adddata img {
height: 45%;
width: 49%
}
.text-block {
background-color: #fff;
margin-top: -6.8rem;
margin-left: 1rem;
height: 63%;
border-radius: 12px;
width: 91%
}
.p_teg {
position: relative;
top: 2.6em;
height: 231px;
width: 309px
}
#hero3 .text-block p {
font-size: 12px !important;
margin-top: 50px !important;
line-height: 20px;
margin: 20px;
text-align: center !important
}
.card1 {
margin-left: 20px;
z-index: 0
}
#progressbar {
position: absolute;
left: -50px;
overflow: hidden
}
.card00 {
margin-top: 1.4rem
}
#progressbar li {
list-style-type: none;
margin-bottom: 60px
}
#progressbar li:nth-child(3) {
margin-bottom: 85px
}
#progressbar li:nth-child(2) {
margin-bottom: 85px
}
#progressbar li:nth-child(1) {
margin-bottom: 80px
}
@media only screen and (max-width:600px) {
.last_img_sec_9 {
margin: 20px
}
#progressbar li {
list-style-type: none;
margin-bottom: 100px
}
.social_icons {
display: none
}
.pay_intergration {
margin-top: 3rem !important;
margin-right: 3rem
}
#progressbar li:nth-child(3) {
margin-bottom: 75px
}
#progressbar li:nth-child(2) {
margin-bottom: 120px
}
#progressbar li:nth-child(1) {
margin-bottom: 80px
}
}
#progressbar .step0:before {
content: "";
color: #fff
}
#progressbar li:before {
width: 15px;
height: 15px;
line-height: 50px;
display: block;
background: #fff;
border: 2px solid #778899;
border-radius: 50%;
margin: auto;
margin-left: 12px
}
#progressbar li:last-child:before {
width: 15px;
height: 15px
}
#progressbar li:after {
content: "";
width: 6px;
height: 200px;
background: #dcdcdc;
position: absolute;
left: 56px;
top: 15px;
z-index: -1
}
#progressbar li:last-child:after {
top: 200px;
height: 180px
}
#fst:after {
background-color: gray
}
.hello:after {
content: "";
width: 4px !important;
height: 80px !important;
background-image: linear-gradient(#ff7000, #ff5d00) !important;
position: absolute !important;
left: 58px !important;
top: 15px !important;
z-index: 99 !important
}
.hello1:after {
content: "";
width: 4px !important;
height: 200px !important;
background-image: linear-gradient(#ff7000, #ff5d00) !important;
position: absolute !important;
left: 58px !important;
top: -19px !important;
z-index: 99 !important
}
.hello2:after {
content: "";
width: 4px !important;
height: 200px !important;
background-image: linear-gradient(#ff7000, #ff5d00) !important;
position: absolute !important;
left: 58px !important;
top: 60px !important;
z-index: 99 !important
}
.hello3:after {
content: "";
width: 4px !important;
height: 257px !important;
background-image: linear-gradient(#ff7000, #ff5d00) !important;
color: blue !important;
position: absolute !important;
left: 58px !important;
top: 109px !important;
z-index: 99 !important
}
#progressbar li:first-child:after {
position: absolute;
top: -100px
}
#progressbar li.active:before {
background-image: linear-gradient(#ff7000, #ff5d00)
}
.arrow {
border: solid #000;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 6px
}
.right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg)
}
.left {
transform: rotate(135deg);
-webkit-transform: rotate(135deg)
}
#our_team_first_sec {
width: 100%;
height: 100%;
background: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/themes/Marketing_theme/./image/our_team_img/Group%20123.jpg);
background-size: cover;
position: relative
}
#our_team_first_sec #build {
font-size: 2.4rem
}
.our_team_text_line {
border-left: 3px solid #fff;
height: 65px
}
.our_team_text_line p {
margin-left: 20px
}
.right_div_img {
top: -30px;
left: 114px
}
@media (max-width:992px) {
#our_team_first_sec .container {
padding-top: 62px
}
}
@media (min-width:1024px) {
#our_team_first_sec {
background-attachment: fixed
}
}
@media (max-width:768px) {
#our_team_first_sec {
height: 100%
}
}
@media only screen and (max-width:600px) {
.right_div_img {
margin-left: -100px
}
.our_team_text_line {
margin-top: -50px
}
.right_div_img img {
width: 24%;
height: 124px;
margin-top: -4px
}
.right_div_img_our_team img {
width: 100%
}
#carouselExampleSlidesOnly {
width: 100%;
height: 210px
}
}
.sec_left_div {
position: relative;
bottom: -32px;
left: -37px
}
.right_div_uper p {
font-size: 2rem;
font-weight: 700;
margin-bottom: 10px
}
#Guarav_sign {
color: #000;
font-family: "Brush Script MT", cursive;
font-size: 2rem;
margin-top: 45px
}
#name_designation p {
color: #000;
font-weight: 700;
margin-bottom: -2px
}
.right_div_lover {
color: gray;
margin-top: 1rem
}
.right_div_lover_img {
margin-top: 3rem
}
@media only screen and (max-width:600px) {
.sec_left_div img {
width: 110%
}
.right_div_uper {
margin-top: 4rem
}
.right_div_uper p {
line-height: 35px
}
}
.effective_team_div p {
font-size: 2rem;
font-weight: 700;
margin-bottom: 15px
}
.cont_writer p {
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 10px
}
.cont_name #name {
font-size: 1.3rem;
font-weight: 700;
text-align: center
}
@media only screen and (max-width:600px) {
.effective_team_div p {
font-size: 1.6rem
}
.card-img-top {
position: relative;
left: 2em
}
.card {
background-color: #f6f6f6 !important;
border: none !important
}
.cont_writer p {
text-align: center !important
}
.service1_sec2_strenghten p {
text-align: left
}
.cont_writer {
text-align: center !important
}
.cont_name p {
margin-right: 60px !important
}
.dif_section {
margin-bottom: -298px
}
.p_for_text_center {
text-align: center !important
}
}
#Our_woking_text_1 {
font-size: 2.4rem;
font-weight: 700;
margin-bottom: 10px;
line-height: 40px
}
.img_text {
position: relative;
text-align: center
}
.working_prosses_sec {
background: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/themes/Marketing_theme/./image/our_team_img/Group%20125.png);
background-repeat: no-repeat;
background-size: cover;
background-size: 99%;
width: 100%;
height: 100%;
background-position: 1px 41%;
margin-bottom: -340px
}
.row:before,
.row:after {
display: inline-block !important
}
@media only screen and (max-width:600px) {
#Our_woking_text_1 {
line-height: 40px;
font-size: 24px
}
.iner_img_text {
top: -65%;
left: 72% !important
}
.back {
margin-top: -210px;
margin-left: -73px !important;
transform: rotateY(180deg)
}
}
*/.flip-container {
perspective: 1000px
}
.flip-container:hover .flipper {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg)
}
.flip-container,
.front,
.back {
width: 180px;
height: 350px
}
.flipper {
transition: .6s;
transform-style: preserve-3d;
-webkit-transition: .6s;
-webkit-transform-style: preserve-3d;
position: relative
}
.front,
.back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: -60%;
left: 0
}
.iner_img_text {
font-size: 1.2rem;
position: absolute;
top: -65%;
left: 55%
}
.iner_img_text p {
font-weight: 700;
font-size: 1.2rem;
position: absolute;
top: 124%;
left: -9%
}
.front {
z-index: 2;
transform: rotateY(0deg);
-webkit-transform: rotateY(0deg)
}
.back {
margin-top: -210px;
margin-left: -45px;
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg)
}
.back p {
font-size: 14px;
line-height: 16px;
font-weight: 500
}
.dif_section:hover .images_hover {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg)
}
#our_team_5th_sec {
width: 100%;
height: 100%;
background: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/themes/Marketing_theme/./image/our_team_img/Group%20126.png);
background-size: cover;
position: relative
}
.take_website #first_p {
font-size: 2.4rem;
margin-bottom: 2px;
line-height: 50px
}
.take_website a {
color: #fff;
border-color: #fff;
padding: 8px 25px
}
@media only screen and (max-width:600px) {
.take_website #first_p {
display: none
}
.take_website p {
text-align: right
}
.carousel-item {
width: 93%;
margin-left: 14%;
margin-top: 39px
}
}
@media (min-width:411px) and (max-width:823px) {
.card-img-top {
position: relative;
left: 3.5em
}
}
@media screen and (max-width:491px) and (min-width:453px) {
.iner_img_text {
left: 94% !important
}
.back {
margin-left: -118px !important
}
}
.blog .carousel-indicators {
left: 0;
top: auto;
bottom: -40px
}
.blog .carousel-indicators li {
background: #a3a3a3;
border-radius: 50%;
width: 18px;
height: 0
}
.Card_data {
border: none !important
}
.card_1 {
margin-top: 27px !important
}
form.wpcf7-form {
width: 85%;
margin-left: 8%
}
input#mfcf7_zl_add_file {
float: left;
-webkit-appearance: progress-bar-value !important;
background-color: transparent;
cursor: pointer;
margin-top: -3px;
background: url(https://artificialintelligence.oodles.io/wp-content/themes/oxides-child/images/file.png) no-repeat 1px center;
padding-left: 26px;
border: none
}
input.wpcf7-form-control.wpcf7-submit.btnco.custom_cont_button.buttons {
font-size: 16px;
background-color: transparent;
color: #f36e24;
border: 1px solid #f36e24;
border-radius: 2px;
padding: 10px 30px;
display: flex;
align-items: center;
justify-content: center;
transition: .5s;
margin-left: auto
}
input.wpcf7-form-control.wpcf7-submit.btnco.custom_cont_button.buttons:hover {
font-size: 16px;
background-color: #f36e24;
color: #fff;
border: 0;
border: 1px solid #fff;
padding: 10px 30px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
transition: .5s
}
.wpcf7-not-valid-tip {
text-align: right
}
.form-group {
text-align-last: left;
margin-bottom: 15px
}
.wpcf7-response-output {
position: relative;
text-align: center;
font-size: larger;
color: #dc3232
}
input[name=referer-page] {
display: none
}
@media print {
@page {
margin: 2cm
}
.entry {
margin-top: 1em
}
.entry .entry-header,
.site-footer .site-info {
margin: 0
}
body {
font: 13pt Georgia, "Times New Roman", Times, serif;
line-height: 1.3;
background: #fff !important;
color: #000
}
h1 {
font-size: 24pt
}
h2,
h3,
h4,
.has-regular-font-size,
.has-large-font-size,
h2.author-title,
p.author-bio,
.comments-title,
h3 {
font-size: 14pt;
margin-top: 25px
}
a {
page-break-inside: avoid
}
blockquote {
page-break-inside: avoid
}
h1,
h2,
h3,
h4,
h5,
h6 {
page-break-after: avoid;
page-break-inside: avoid
}
img {
page-break-inside: avoid;
page-break-after: avoid
}
table,
pre {
page-break-inside: avoid
}
ul,
ol,
dl {
page-break-before: avoid
}
a:link,
a:visited,
a {
background: 0 0;
font-weight: 700;
text-decoration: underline;
text-align: left
}
a {
page-break-inside: avoid
}
a[href^=http]:after {
content: " < " attr(href) "> "
}
a:after>img {
content: ""
}
article a[href^="#"]:after {
content: ""
}
a:not(:local-link):after {
content: " < " attr(href) "> "
}
.main-navigation,
.site-title+.main-navigation,
.social-navigation,
.site-branding-container:before,
.entry .entry-title:before,
.entry-footer,
.author-description:before,
.post-navigation,
.widget-area,
.comment-form-flex,
.comment-reply,
.comment .comment-metadata .edit-link {
display: none
}
.entry .entry-content .wp-block-button .wp-block-button__link,
.entry .entry-content .button {
color: #000;
background: 0 0
}
.site-header.featured-image {
min-height: 0
}
.site-header.featured-image .main-navigation a,
.site-header.featured-image .main-navigation a+svg,
.site-header.featured-image .social-navigation a,
.site-header.featured-image .site-title a,
.site-header.featured-image .site-featured-image a,
.site-header.featured-image .site-branding .site-title,
.site-header.featured-image .site-branding .site-description,
.site-header.featured-image .main-navigation a:after,
.site-header.featured-image .main-navigation .main-menu>li.menu-item-has-children:after,
.site-header.featured-image .main-navigation li,
.site-header.featured-image .social-navigation li,
.site-header.featured-image .entry-meta,
.site-header.featured-image .entry-title,
.site-header.featured-image#masthead .site-title a {
color: #000;
text-shadow: none
}
.site-header.featured-image .site-featured-image .entry-header,
.site-header.featured-image .site-branding-container {
margin-top: 0;
margin-bottom: 0
}
.site-header.featured-image .site-featured-image .post-thumbnail img {
position: relative;
height: initial;
width: initial;
object-fit: none;
min-width: 0;
min-height: 0;
max-width: 100%;
margin-top: 1rem
}
.image-filters-enabled *:after {
display: none !important
}
.image-filters-enabled .site-header.featured-image .site-featured-image:before {
display: none
}
.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
filter: none
}
}
@charset "UTF-8";
@font-face {
font-family: swiper-icons;
font-style: normal;
font-weight: 400;
src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}
:root {
--swiper-theme-color: #007aff
}
.jp-carousel-overlay .swiper-container {
list-style: none;
margin-left: auto;
margin-right: auto;
overflow: hidden;
padding: 0;
position: relative;
z-index: 1
}
.jp-carousel-overlay .swiper-container-vertical>.swiper-wrapper {
flex-direction: column
}
.jp-carousel-overlay .swiper-wrapper {
box-sizing: content-box;
display: flex;
height: 100%;
position: relative;
transition-property: transform;
width: 100%;
z-index: 1
}
.jp-carousel-overlay .swiper-container-android .swiper-slide,
.jp-carousel-overlay .swiper-wrapper {
transform: translateZ(0)
}
.jp-carousel-overlay .swiper-container-multirow>.swiper-wrapper {
flex-wrap: wrap
}
.jp-carousel-overlay .swiper-container-multirow-column>.swiper-wrapper {
flex-direction: column;
flex-wrap: wrap
}
.jp-carousel-overlay .swiper-container-free-mode>.swiper-wrapper {
margin: 0 auto;
transition-timing-function: ease-out
}
.jp-carousel-overlay .swiper-container-pointer-events {
touch-action: pan-y
}
.jp-carousel-overlay .swiper-container-pointer-events.swiper-container-vertical {
touch-action: pan-x
}
.jp-carousel-overlay .swiper-slide {
flex-shrink: 0;
height: 100%;
position: relative;
transition-property: transform;
width: 100%
}
.jp-carousel-overlay .swiper-slide-invisible-blank {
visibility: hidden
}
.jp-carousel-overlay .swiper-container-autoheight,
.jp-carousel-overlay .swiper-container-autoheight .swiper-slide {
height: auto
}
.jp-carousel-overlay .swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.jp-carousel-overlay .swiper-container-3d {
perspective: 1200px
}
.jp-carousel-overlay .swiper-container-3d .swiper-cube-shadow,
.jp-carousel-overlay .swiper-container-3d .swiper-slide,
.jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-bottom,
.jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-left,
.jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-right,
.jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-top,
.jp-carousel-overlay .swiper-container-3d .swiper-wrapper {
transform-style: preserve-3d
}
.jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-bottom,
.jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-left,
.jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-right,
.jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-top {
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 10
}
.jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}
.jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}
.jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}
.jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}
.jp-carousel-overlay .swiper-container-css-mode>.swiper-wrapper {
-ms-overflow-style: none;
overflow: auto;
scrollbar-width: none
}
.jp-carousel-overlay .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.jp-carousel-overlay .swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.jp-carousel-overlay .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
scroll-snap-type: x mandatory
}
.jp-carousel-overlay .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
scroll-snap-type: y mandatory
}
:root {
--swiper-navigation-size: 44px
}
.jp-carousel-overlay .swiper-button-next,
.jp-carousel-overlay .swiper-button-prev {
align-items: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
cursor: pointer;
display: flex;
height: var(--swiper-navigation-size);
justify-content: center;
margin-top: calc(0px - var(--swiper-navigation-size)/2);
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size)/44*27);
z-index: 10
}
.jp-carousel-overlay .swiper-button-next.swiper-button-disabled,
.jp-carousel-overlay .swiper-button-prev.swiper-button-disabled {
cursor: auto;
opacity: .35;
pointer-events: none
}
.jp-carousel-overlay .swiper-button-next:after,
.jp-carousel-overlay .swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
font-variant: normal;
letter-spacing: 0;
line-height: 1;
text-transform: none !important;
text-transform: none
}
.jp-carousel-overlay .swiper-button-prev,
.jp-carousel-overlay .swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto
}
.jp-carousel-overlay .swiper-button-prev:after,
.jp-carousel-overlay .swiper-container-rtl .swiper-button-next:after {
content: "prev"
}
.jp-carousel-overlay .swiper-button-next,
.jp-carousel-overlay .swiper-container-rtl .swiper-button-prev {
left: auto;
right: 10px
}
.jp-carousel-overlay .swiper-button-next:after,
.jp-carousel-overlay .swiper-container-rtl .swiper-button-prev:after {
content: "next"
}
.jp-carousel-overlay .swiper-button-next.swiper-button-white,
.jp-carousel-overlay .swiper-button-prev.swiper-button-white {
--swiper-navigation-color: #fff
}
.jp-carousel-overlay .swiper-button-next.swiper-button-black,
.jp-carousel-overlay .swiper-button-prev.swiper-button-black {
--swiper-navigation-color: #000
}
.jp-carousel-overlay .swiper-button-lock {
display: none
}
.jp-carousel-overlay .swiper-pagination {
position: absolute;
text-align: center;
transform: translateZ(0);
transition: opacity .3s;
z-index: 10
}
.jp-carousel-overlay .swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.jp-carousel-overlay .swiper-container-horizontal>.swiper-pagination-bullets,
.jp-carousel-overlay .swiper-pagination-custom,
.jp-carousel-overlay .swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.jp-carousel-overlay .swiper-pagination-bullets-dynamic {
font-size: 0;
overflow: hidden
}
.jp-carousel-overlay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
position: relative;
transform: scale(.33)
}
.jp-carousel-overlay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.jp-carousel-overlay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.jp-carousel-overlay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.jp-carousel-overlay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.jp-carousel-overlay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.jp-carousel-overlay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.jp-carousel-overlay .swiper-pagination-bullet {
background: #000;
border-radius: 50%;
display: inline-block;
height: 8px;
opacity: .2;
width: 8px
}
.jp-carousel-overlay button.swiper-pagination-bullet {
-webkit-appearance: none;
appearance: none;
border: none;
box-shadow: none;
margin: 0;
padding: 0
}
.jp-carousel-overlay .swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.jp-carousel-overlay .swiper-pagination-bullet-active {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
opacity: 1
}
.jp-carousel-overlay .swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0, -50%, 0)
}
.jp-carousel-overlay .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
display: block;
margin: 6px 0
}
.jp-carousel-overlay .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.jp-carousel-overlay .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: transform .2s, top .2s
}
.jp-carousel-overlay .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px
}
.jp-carousel-overlay .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.jp-carousel-overlay .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: transform .2s, left .2s
}
.jp-carousel-overlay .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: transform .2s, right .2s
}
.jp-carousel-overlay .swiper-pagination-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute
}
.jp-carousel-overlay .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: scale(0);
transform-origin: left top;
width: 100%
}
.jp-carousel-overlay .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.jp-carousel-overlay .swiper-container-horizontal>.swiper-pagination-progressbar,
.jp-carousel-overlay .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
height: 4px;
left: 0;
top: 0;
width: 100%
}
.jp-carousel-overlay .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.jp-carousel-overlay .swiper-container-vertical>.swiper-pagination-progressbar {
height: 100%;
left: 0;
top: 0;
width: 4px
}
.jp-carousel-overlay .swiper-pagination-white {
--swiper-pagination-color: #fff
}
.jp-carousel-overlay .swiper-pagination-black {
--swiper-pagination-color: #000
}
.jp-carousel-overlay .swiper-pagination-lock {
display: none
}
.jp-carousel-overlay .swiper-zoom-container {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
text-align: center;
width: 100%
}
.jp-carousel-overlay .swiper-zoom-container>canvas,
.jp-carousel-overlay .swiper-zoom-container>img,
.jp-carousel-overlay .swiper-zoom-container>svg {
max-height: 100%;
max-width: 100%;
-o-object-fit: contain;
object-fit: contain
}
.jp-carousel-overlay .swiper-slide-zoomed {
cursor: move
}
.jp-carousel-overlay .swiper-container .swiper-notification {
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
z-index: -1000
}
:root {
--jp-carousel-primary-color: #fff;
--jp-carousel-primary-subtle-color: #999;
--jp-carousel-bg-color: #000;
--jp-carousel-bg-faded-color: #222;
--jp-carousel-border-color: #3a3a3a
}
:root .jp-carousel-light {
--jp-carousel-primary-color: #000;
--jp-carousel-primary-subtle-color: #646970;
--jp-carousel-bg-color: #fff;
--jp-carousel-bg-faded-color: #fbfbfb;
--jp-carousel-border-color: #dcdcde
}
.jp-carousel-overlay .swiper-button-next,
.jp-carousel-overlay .swiper-button-prev,
.jp-carousel-overlay .swiper-container-rtl .swiper-button-next,
.jp-carousel-overlay .swiper-container-rtl .swiper-button-prev {
background-image: none
}
[data-carousel-extra]:not(.jp-carousel-wrap) img,
[data-carousel-extra]:not(.jp-carousel-wrap) img+figcaption {
cursor: pointer
}
.jp-carousel-wrap * {
line-height: inherit
}
.jp-carousel-wrap.swiper-container {
height: auto;
width: 100vw
}
.jp-carousel-overlay .swiper-zoom-container {
background-position: 50%;
background-repeat: no-repeat;
background-size: 200%
}
.jp-carousel-overlay .swiper-slide.swiper-slide-next .swiper-zoom-container img,
.jp-carousel-overlay .swiper-slide.swiper-slide-prev .swiper-zoom-container img {
transition: none !important
}
.jp-carousel-overlay .swiper-button-next,
.jp-carousel-overlay .swiper-button-prev {
background-image: none;
height: auto;
opacity: .5;
padding: 20px 40px;
transition: opacity .5s ease-out;
width: auto
}
.jp-carousel-overlay .swiper-button-next:hover,
.jp-carousel-overlay .swiper-button-prev:hover {
opacity: 1
}
.jp-carousel-overlay .swiper-button-next:after,
.jp-carousel-overlay .swiper-button-prev:after,
.jp-carousel-overlay .swiper-container-rtl .swiper-button-next:after,
.jp-carousel-overlay .swiper-container-rtl .swiper-button-prev:after {
content: none
}
.jp-carousel-overlay .swiper-button-next svg,
.jp-carousel-overlay .swiper-button-prev svg {
background: var(--jp-carousel-bg-color);
border-radius: 4px;
height: 30px;
width: 28px
}
.jp-carousel-overlay {
background: var(--jp-carousel-bg-color);
bottom: 0;
direction: ltr;
font-family: Helvetica Neue, sans-serif !important;
left: 0;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
right: 0;
top: 0;
z-index: 2147483647
}
.jp-carousel-overlay * {
box-sizing: border-box
}
.jp-carousel-overlay h1:before,
.jp-carousel-overlay h2:before,
.jp-carousel-overlay h3:before {
content: none;
display: none
}
.jp-carousel-overlay .swiper-container .swiper-button-prev {
left: 0;
right: auto
}
.jp-carousel-overlay .swiper-container .swiper-button-next {
left: auto;
right: 0
}
.jp-carousel-overlay .swiper-container.swiper-container-rtl .swiper-button-next,
.jp-carousel-overlay .swiper-container.swiper-container-rtl .swiper-button-prev {
transform: scaleX(-1)
}
.jp-carousel-container {
display: grid;
grid-template-rows: 1fr 64px;
height: 100%
}
.jp-carousel-hide-controls .jp-carousel-container {
grid-template-rows: 1fr
}
.jp-carousel-hide-controls .swiper-wrapper {
margin-top: -32px
}
.jp-carousel-hide-controls .jp-swiper-button-next,
.jp-carousel-hide-controls .jp-swiper-button-prev {
margin-top: -54px
}
.jp-carousel-msg {
background-color: var(--jp-carousel-primary-color);
border-left: 4px solid #ffba00;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
display: inline-block;
font-family: Open Sans, sans-serif;
font-size: 14px;
font-style: normal;
line-height: 19px;
margin: 25px 20px 0 2px;
padding: 11px 15px;
text-align: center
}
.jp-carousel-info {
-webkit-font-smoothing: subpixel-antialiased !important;
background-color: var(--jp-carousel-bg-color);
display: flex;
flex-direction: column;
opacity: 1;
text-align: left !important;
transition: opacity .2s ease-out;
z-index: 100
}
.jp-carousel-hide-controls .jp-carousel-info {
height: 0;
overflow: hidden;
visibility: hidden
}
.jp-carousel-info-footer {
align-items: center;
display: flex;
height: 64px;
justify-content: space-between;
position: relative
}
.jp-carousel-info-extra,
.jp-carousel-info-footer {
background-color: var(--jp-carousel-bg-color);
width: 100vw
}
.jp-carousel-info-extra {
border-top: 1px solid var(--jp-carousel-bg-faded-color);
display: none;
padding: 35px
}
.jp-carousel-title-and-caption {
margin-bottom: 15px
}
.jp-carousel-info-extra.jp-carousel-show {
display: block
}
.jp-carousel-info ::selection {
background: var(--jp-carousel-primary-color);
color: var(--jp-carousel-primary-color)
}
.jp-carousel-info ::-moz-selection {
background: var(--jp-carousel-primary-color);
color: var(--jp-carousel-primary-color)
}
.jp-carousel-photo-info {
left: 0 !important;
width: 100% !important
}
.jp-carousel-comments-wrapper {
display: none;
padding: 0;
width: 100% !important
}
.jp-carousel-comments-wrapper.jp-carousel-show {
display: block
}
.jp-carousel-comments-wrapper>.jp-carousel-photo-info {
display: none
}
.jp-carousel-transitions .jp-carousel-photo-info {
transition: .4s ease-out
}
.jp-carousel-buttons {
background: #222;
border-bottom: 1px solid #222;
margin: -18px -20px 15px;
padding: 8px 10px;
text-align: center
}
div.jp-carousel-buttons a {
-webkit-font-smoothing: subpixel-antialiased;
border: none !important;
color: var(--jp-carousel-primary-subtle-color);
font: normal 11px/1.2em Helvetica Neue, sans-serif !important;
letter-spacing: 0 !important;
padding: 5px 2px 5px 0;
text-decoration: none !important;
text-shadow: none !important;
vertical-align: middle
}
div.jp-carousel-buttons a:hover {
border: none !important;
color: var(--jp-carousel-primary-color)
}
.jp-carousel-transitions div.jp-carousel-buttons a:hover {
transition: none !important
}
.jp-carousel-slide,
.jp-carousel-slide img {
transform: translateZ(0)
}
.jp-carousel-close-hint {
color: var(--jp-carousel-primary-color);
cursor: default;
cursor: pointer;
height: 45px;
letter-spacing: 0 !important;
padding: 10px;
position: fixed;
right: 30px;
text-align: right;
top: 20px;
transition: opacity .2s ease-out;
width: 45px;
z-index: 15
}
.jp-carousel-transitions .jp-carousel-close-hint {
transition: color .2s linear
}
.jp-carousel-close-hint svg {
background: var(--jp-carousel-bg-color);
border-radius: 4px;
padding: 3px 2px
}
.jp-carousel-close-hint:hover {
color: var(--jp-carousel-primary-color)
}
.jp-carousel-close-hint:hover span {
border-color: var(--jp-carousel-primary-color)
}
.jp-carousel-pagination-container {
flex: 1;
margin: 0 15px 0 35px
}
.jp-carousel-pagination,
.jp-swiper-pagination {
color: var(--jp-carousel-primary-color);
display: none;
font-size: 15px;
font-weight: 400;
position: static !important;
white-space: nowrap
}
.jp-carousel-pagination-container .swiper-pagination {
line-height: 8px;
text-align: left
}
.jp-carousel-pagination {
padding-left: 5px
}
.jp-swiper-pagination .swiper-pagination-bullet {
background: var(--jp-carousel-primary-subtle-color);
margin: 0 9px
}
.jp-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--jp-carousel-primary-color)
}
.jp-swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
background: var(--jp-carousel-primary-color);
opacity: .5
}
.jp-carousel-info-footer .jp-carousel-photo-title-container {
flex-basis: 50vw;
flex: 4;
justify-content: center;
margin: 0;
overflow: hidden
}
.jp-carousel-photo-caption,
.jp-carousel-photo-title {
background: none !important;
border: none !important;
color: var(--jp-carousel-primary-color);
display: inline-block;
font: normal 20px/1.3em Helvetica Neue, sans-serif;
letter-spacing: 0 !important;
line-height: normal;
margin: 0 0 10px;
overflow: hidden;
padding: 0;
text-shadow: none !important;
text-transform: none !important
}
.jp-carousel-info-footer .jp-carousel-photo-caption {
color: var(--jp-carousel-primary-subtle-color);
cursor: pointer;
font-size: 15px;
margin: 0;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap
}
.jp-carousel-info-footer .jp-carousel-photo-caption p {
margin: 0
}
.jp-carousel-photo-title {
font-size: 32px;
margin-bottom: 2px
}
.jp-carousel-photo-description {
color: var(--jp-carousel-primary-subtle-color);
font-size: 16px;
margin: 25px 0;
overflow: hidden;
overflow-wrap: break-word;
width: 100%
}
.jp-carousel-photo-description p {
color: var(--jp-carousel-primary-subtle-color);
line-height: 1.4;
margin-bottom: 0
}
.jp-carousel-comments p a,
.jp-carousel-info h2 a,
.jp-carousel-photo-description p a {
border: none !important;
color: var(--jp-carousel-primary-color) !important;
font-style: normal !important;
font-weight: 400 !important;
text-decoration: underline !important
}
.jp-carousel-photo-description p b,
.jp-carousel-photo-description p strong {
color: var(--jp-carousel-primary-subtle-color);
font-weight: 700
}
.jp-carousel-photo-description p em,
.jp-carousel-photo-description p i {
color: var(--jp-carousel-primary-subtle-color);
font-style: italic
}
.jp-carousel-comments p a:hover,
.jp-carousel-info h2 a:hover,
.jp-carousel-photo-description p a:hover {
color: var(--jp-carousel-primary-subtle-color) !important
}
.jp-carousel-photo-description p:empty {
display: none
}
.jp-carousel-comments-wrapper h1:after,
.jp-carousel-comments-wrapper h1:before,
.jp-carousel-photo-info h1:after,
.jp-carousel-photo-info h1:before {
content: none !important
}
.jp-carousel-caption {
font-size: 14px;
font-weight: 400;
margin: 0
}
.jp-carousel-image-meta {
color: var(--jp-carousel-primary-color);
display: none;
font-size: 13px;
font: 12px/1.4 Helvetica Neue, sans-serif !important;
width: 100%
}
.jp-carousel-image-meta.jp-carousel-show {
display: block
}
.jp-carousel-image-meta h5,
.jp-carousel-image-meta li {
background: none !important;
border: none !important;
bottom: auto !important;
font-family: Helvetica Neue, sans-serif !important;
font-weight: 400 !important;
left: auto !important;
line-height: 1.3em !important;
position: inherit !important;
right: auto !important;
top: auto !important
}
.jp-carousel-image-meta ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important
}
.jp-carousel-image-meta li {
color: var(--jp-carousel-primary-color) !important;
display: inline-block !important;
font-size: 13px !important;
margin: 0 2% 15px 0 !important;
vertical-align: top !important;
width: 48% !important
}
.jp-carousel-image-meta h5 {
color: var(--jp-carousel-primary-subtle-color) !important;
font-size: 10px !important;
letter-spacing: .1em !important;
margin: 0 0 2px !important;
text-transform: uppercase !important
}
a.jp-carousel-image-download {
clear: both;
color: var(--jp-carousel-primary-subtle-color);
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 1;
text-decoration: none
}
a.jp-carousel-image-download svg {
display: inline-block;
margin: 0 3px;
padding-bottom: 2px;
vertical-align: middle
}
a.jp-carousel-image-download span.photo-size {
border-radius: 1em;
display: inline-block;
font-size: 11px;
margin-left: 2px
}
a.jp-carousel-image-download span.photo-size-times {
padding: 0 1px 0 2px
}
.jp-carousel-comments {
background: none transparent;
bottom: 10px;
font: 15px/1.7 Helvetica Neue, sans-serif !important;
font-weight: 400;
margin-top: 20px;
width: 100%
}
.jp-carousel-comments p a:active,
.jp-carousel-comments p a:focus,
.jp-carousel-comments p a:hover {
color: var(--jp-carousel-primary-color) !important
}
.jp-carousel-comment {
background: none transparent;
color: var(--jp-carousel-primary-subtle-color);
display: flex;
overflow: auto;
width: 100%
}
.jp-carousel-comment+.jp-carousel-comment {
margin-top: 20px
}
.jp-carousel-comment:last-of-type {
margin-bottom: 20px
}
.jp-carousel-comment p {
color: var(--jp-carousel-primary-subtle-color) !important
}
.jp-carousel-comment .comment-author {
border: none;
display: inline;
float: none;
font-size: 15px;
font-weight: 500;
margin: 0;
padding: 0;
width: auto
}
.jp-carousel-comment .comment-author a {
color: var(--jp-carousel-primary-color)
}
.jp-carousel-comment .comment-gravatar {
float: none;
margin-right: 10px
}
.jp-carousel-comment .comment-content {
border: none;
padding: 0
}
.jp-carousel-comment .avatar {
background-color: transparent !important;
border: none !important;
border-radius: 4px;
height: 64px;
margin: 0;
min-height: 64px;
min-width: 64px;
padding: 0 !important;
width: 64px
}
.jp-carousel-comment .comment-date {
border-bottom: 1px solid var(--jp-carousel-bg-faded-color);
color: var(--jp-carousel-primary-subtle-color);
font-size: 11px;
margin-bottom: 6px
}
#jp-carousel-comment-form {
margin: 0 0 10px !important;
width: 100%
}
#jp-carousel-comment-form.jp-carousel-is-disabled {
opacity: .5;
pointer-events: none
}
textarea#jp-carousel-comment-form-comment-field {
background: var(--jp-carousel-bg-faded-color);
border: 1px solid var(--jp-carousel-border-color);
border-radius: 3px;
box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1);
box-sizing: border-box;
color: var(--jp-carousel-primary-subtle-color);
float: none;
font: 16px/1.4 Helvetica Neue, sans-serif !important;
height: 147px;
margin: 0;
overflow: hidden;
padding: 10px 10px 5px;
width: 100%
}
textarea#jp-carousel-comment-form-comment-field::-webkit-input-placeholder {
color: #555
}
textarea#jp-carousel-comment-form-comment-field:focus {
background: var(--jp-carousel-bg-faded-color);
color: var(--jp-carousel-primary-subtle-color)
}
textarea#jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder {
color: var(--jp-carousel-primary-subtle-color)
}
#jp-carousel-loading-overlay {
bottom: 0;
display: none;
left: 0;
position: fixed;
right: 0;
top: 0
}
#jp-carousel-loading-wrapper {
align-items: center;
display: flex;
height: 100vh;
justify-content: center;
width: 100vw
}
#jp-carousel-library-loading,
#jp-carousel-library-loading:after {
border-radius: 50%;
height: 40px;
width: 40px
}
#jp-carousel-library-loading {
animation: load8 1.1s linear infinite;
border: 8px solid hsla(0, 0%, 100%, .2);
border-left: 8px solid var(--jp-carousel-primary-color);
float: left;
font-size: 10px;
margin: 22px 0 0 10px;
position: relative;
text-indent: -9999em;
transform: translateZ(0)
}
#jp-carousel-comment-form-spinner,
#jp-carousel-comment-form-spinner:after {
border-radius: 50%;
height: 20px;
width: 20px
}
#jp-carousel-comment-form-spinner {
animation: load8 1.1s linear infinite;
border: 4px solid hsla(0, 0%, 100%, .2);
border-left: 4px solid var(--jp-carousel-primary-color);
bottom: 0;
display: none;
float: left;
font-size: 10px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
text-indent: -9999em;
top: calc(50% - 15px);
transform: translateZ(0)
}
@keyframes load8 {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
.jp-carousel-info-content-wrapper {
margin: auto;
max-width: 800px
}
#jp-carousel-comment-form-submit-and-info-wrapper {
display: none;
overflow: hidden;
width: 100%
}
#jp-carousel-comment-form-commenting-as input {
background: var(--jp-carousel-bg-color);
border: 1px solid var(--jp-carousel-border-color);
border-radius: 2px;
box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .2);
color: var(--jp-carousel-primary-subtle-color);
float: left;
font: 16px/1.4 Helvetica Neue, sans-serif !important;
padding: 10px;
width: 285px
}
#jp-carousel-comment-form-commenting-as input:focus {
background: var(--jp-carousel-bg-faded-color);
color: var(--jp-carousel-primary-subtle-color)
}
#jp-carousel-comment-form-commenting-as p {
float: left;
font: 400 13px/1.7 Helvetica Neue, sans-serif !important;
margin: 22px 0 0
}
#jp-carousel-comment-form-commenting-as fieldset {
border: none;
clear: both;
float: left;
margin: 20px 0 0;
padding: 0
}
#jp-carousel-comment-form-commenting-as label {
float: left;
font: 400 13px/1.7 Helvetica Neue, sans-serif !important;
margin: 0 20px 3px 0;
width: 100px
}
#jp-carousel-comment-form-button-submit {
background: var(--jp-carousel-bg-color);
border: 1px solid var(--jp-carousel-primary-color);
border-radius: 3px;
color: var(--jp-carousel-primary-color);
display: block;
font-size: 14px;
margin-left: auto;
margin-top: 20px;
padding: 8px 16px
}
#jp-carousel-comment-form-button-submit:active,
#jp-carousel-comment-form-button-submit:focus {
background: var(--jp-carousel-primary-color);
color: var(--jp-carousel-bg-color)
}
#jp-carousel-comment-form-container {
color: var(--jp-carousel-primary-subtle-color);
margin-bottom: 15px;
margin-top: 20px;
overflow: hidden;
position: relative;
width: 100%
}
#jp-carousel-comment-post-results {
display: none;
overflow: auto;
width: 100%
}
#jp-carousel-comment-post-results span {
border: 1px solid var(--jp-carousel-border-color);
border-radius: 2px;
box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .2);
box-sizing: border-box;
display: block;
font: 13px/1.4 Helvetica Neue, sans-serif !important;
margin-top: 20px;
overflow: auto;
padding: 1em 0;
text-align: center;
width: 100%
}
.jp-carousel-comment-post-error {
color: #df4926
}
#jp-carousel-comments-closed,
#jp-carousel-comments-loading {
color: var(--jp-carousel-primary-subtle-color);
display: none
}
#jp-carousel-comments-loading {
bottom: 10px;
font: 400 15px/1.7 Helvetica Neue, sans-serif !important;
margin-bottom: 20px;
margin-top: 20px;
text-align: left;
width: 100%
}
.jp-carousel-photo-icons-container {
display: block;
flex: 1;
margin: 0 20px 0 30px;
text-align: right;
white-space: nowrap
}
.jp-carousel-icon-btn {
background: 0 0;
border: none;
display: inline-block;
height: 64px;
padding: 16px;
text-decoration: none
}
.jp-carousel-icon {
border: none;
border-radius: 4px;
font-style: normal;
font-weight: 400;
line-height: 0;
padding: 4px 3px 3px;
pointer-events: none;
width: 31px
}
.jp-carousel-icon,
.jp-carousel-icon svg {
display: inline-block
}
.jp-carousel-overlay rect {
fill: var(--jp-carousel-primary-color)
}
.jp-carousel-selected .jp-carousel-icon {
background: var(--jp-carousel-primary-color)
}
.jp-carousel-selected rect {
fill: var(--jp-carousel-bg-color)
}
.jp-carousel-icon-comments.jp-carousel-show {
display: inline-block
}
.jp-carousel-icon .jp-carousel-has-comments-indicator {
background: var(--jp-carousel-primary-color);
border-radius: 4px;
color: var(--jp-carousel-bg-color);
display: none;
font-family: Helvetica Neue, sans-serif !important;
font-size: 12px;
font-weight: 400;
line-height: 1;
margin-left: -16px;
padding: 2px 4px;
position: relative;
vertical-align: top
}
.jp-carousel-selected .jp-carousel-icon .jp-carousel-has-comments-indicator {
background: var(--jp-carousel-bg-color);
color: var(--jp-carousel-primary-color)
}
.jp-carousel-has-comments-indicator.jp-carousel-show {
display: inline-block
}
@media only screen and (max-width:760px) {
.jp-carousel-buttons,
.jp-carousel-overlay .swiper-container .swiper-button-next,
.jp-carousel-overlay .swiper-container .swiper-button-prev {
display: none !important
}
.jp-carousel-image-meta {
box-sizing: border-box;
float: none !important;
margin-left: 0;
width: 100% !important
}
.jp-carousel-close-hint {
font-size: 26px !important;
position: fixed !important;
right: 10px;
top: 10px
}
.admin-bar .jp-carousel-close-hint {
top: 40px
}
.jp-carousel-slide img {
opacity: 1
}
.jp-carousel-wrap {
background-color: var(--jp-carousel-bg-color)
}
.jp-carousel-fadeaway,
.jp-carousel-info>.jp-carousel-photo-info {
display: none
}
.jp-carousel-comments-wrapper>.jp-carousel-photo-info {
display: block
}
.jp-carousel-caption {
overflow: visible !important
}
.jp-carousel-info-footer .jp-carousel-photo-title-container {
display: none
}
.jp-carousel-photo-icons-container {
margin: 0 10px 0 0;
white-space: nowrap
}
.jp-carousel-icon-btn {
padding-left: 20px
}
.jp-carousel-pagination {
padding-left: 5px
}
.jp-carousel-pagination-container {
margin-left: 25px
}
.jp-carousel-comment .avatar {
min-width: 48px
}
#jp-carousel-comment-form-commenting-as fieldset,
#jp-carousel-comment-form-commenting-as input {
float: none;
width: 100%
}
}
.contact-form .clear-form {
clear: both
}
.contact-form input {
font: inherit
}
.contact-form input::placeholder {
transition: opacity .3s ease-out
}
.contact-form input:hover::placeholder {
opacity: .5
}
.contact-form input:focus::placeholder {
opacity: .3
}
:where(.contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=tel], .contact-form input[type=url]) {
border-width: 1px;
box-sizing: border-box;
line-height: normal;
padding: 12px 8px;
width: 100%
}
.contact-form select {
min-width: 150px;
padding: 14px 7px
}
.contact-form textarea {
box-sizing: border-box;
float: none;
font: inherit;
height: 200px;
padding: 7px;
width: 100%
}
.contact-form input[type=checkbox],
.contact-form input[type=radio] {
float: none;
margin: 0 .75rem 0 5px
}
.contact-form input[type=checkbox] {
margin-left: 0;
top: 0
}
.contact-form label {
display: block;
float: none;
font-weight: 700;
margin-bottom: .25em
}
.contact-form label.consent-implicit input {
display: none
}
.contact-form label.checkbox,
.contact-form label.checkbox-multiple,
.contact-form label.radio {
align-items: center;
display: inline-flex;
float: none;
font-weight: 400;
margin-bottom: .25em
}
.contact-form .grunion-field-checkbox-multiple-wrap,
.contact-form .grunion-field-checkbox-wrap,
.contact-form .grunion-field-consent-wrap,
.contact-form .grunion-field-radio-wrap {
margin-bottom: 1em
}
.contact-form label span {
font-size: 85%;
font-weight: 400;
margin-left: .25em
}
.contact-form-submission {
margin-bottom: 4em;
padding: 1.5em 1em
}
.contact-form-submission p {
word-wrap: break-word;
margin: 0 auto
}
.form-errors .form-error-message {
color: red
}
.textwidget .contact-form input[type=email],
.textwidget .contact-form input[type=tel],
.textwidget .contact-form input[type=text],
.textwidget .contact-form input[type=url],
.textwidget .contact-form textarea,
.wp-block-column .contact-form input[type=email],
.wp-block-column .contact-form input[type=tel],
.wp-block-column .contact-form input[type=text],
.wp-block-column .contact-form input[type=url],
.wp-block-column .contact-form textarea {
width: 100%
}
#jetpack-check-feedback-spam {
margin: 1px 8px 0 0
}
.jetpack-check-feedback-spam-spinner {
display: inline-block;
margin-top: 7px
}
.wp-block-jetpack-contact-form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--wp--style--block-gap, 1.5rem);
justify-content: flex-start
}
.wp-block-jetpack-button,
.wp-block-jetpack-contact-form .grunion-field-wrap {
flex: 0 0 100%
}
.wp-block-jetpack-button.alignright button {
float: right
}
.wp-block-jetpack-contact-form .grunion-field-wrap {
box-sizing: border-box
}
.wp-block-jetpack-contact-form .grunion-field-width-25-wrap {
flex: 1 1 calc(25% - var(--wp--style--block-gap, 1.5rem)*1);
max-width: 25%
}
.wp-block-jetpack-contact-form .grunion-field-width-50-wrap {
flex: 1 1 calc(50% - var(--wp--style--block-gap, 1.5rem)*1);
max-width: 50%
}
.wp-block-jetpack-contact-form .grunion-field-width-75-wrap {
flex: 1 1 calc(75% - var(--wp--style--block-gap, 1.5rem)*1);
max-width: 75%
}
.grunion-field-checkbox-wrap,
.grunion-field-consent-wrap {
align-self: center
}
@media only screen and (min-width:600px) {
.contact-form input[type=email],
.contact-form input[type=tel],
.contact-form input[type=text],
.contact-form input[type=url] {
width: 50%
}
.wp-block-jetpack-contact-form input[type=email],
.wp-block-jetpack-contact-form input[type=tel],
.wp-block-jetpack-contact-form input[type=text],
.wp-block-jetpack-contact-form input[type=url] {
width: 100%
}
}
.jetpack-empty-spam,
.jetpack-empty-spam-container {
display: inline-block
}
.jetpack-empty-spam-spinner {
display: inline-block;
margin-top: 7px
}
.wp-block-jetpack-contact-form .wp-block-spacer {
width: 100%
}
.infinite-loader {
color: #000;
display: block;
height: 28px;
text-align: center
}
#infinite-handle span {
background: #333;
border-radius: 1px;
color: #f0f0f1;
cursor: pointer;
font-size: 13px;
padding: 6px 16px
}
@keyframes spinner-inner {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.infinite-loader .spinner-inner div {
animation: spinner-inner 1s linear infinite;
background: #000;
border-radius: 3px/6px;
height: 12px;
left: 47px;
outline: 1px solid #fff;
position: absolute;
top: 24px;
transform-origin: 3px 26px;
width: 6px
}
.infinite-loader .spinner-inner div:first-child {
animation-delay: -.9166666667s;
background: #000;
transform: rotate(0deg)
}
.infinite-loader .spinner-inner div:nth-child(2) {
animation-delay: -.8333333333s;
background: #000;
transform: rotate(30deg)
}
.infinite-loader .spinner-inner div:nth-child(3) {
animation-delay: -.75s;
background: #000;
transform: rotate(60deg)
}
.infinite-loader .spinner-inner div:nth-child(4) {
animation-delay: -.6666666667s;
background: #000;
transform: rotate(90deg)
}
.infinite-loader .spinner-inner div:nth-child(5) {
animation-delay: -.5833333333s;
background: #000;
transform: rotate(120deg)
}
.infinite-loader .spinner-inner div:nth-child(6) {
animation-delay: -.5s;
background: #000;
transform: rotate(150deg)
}
.infinite-loader .spinner-inner div:nth-child(7) {
animation-delay: -.4166666667s;
background: #000;
transform: rotate(180deg)
}
.infinite-loader .spinner-inner div:nth-child(8) {
animation-delay: -.3333333333s;
background: #000;
transform: rotate(210deg)
}
.infinite-loader .spinner-inner div:nth-child(9) {
animation-delay: -.25s;
background: #000;
transform: rotate(240deg)
}
.infinite-loader .spinner-inner div:nth-child(10) {
animation-delay: -.1666666667s;
background: #000;
transform: rotate(270deg)
}
.infinite-loader .spinner-inner div:nth-child(11) {
animation-delay: -.0833333333s;
background: #000;
transform: rotate(300deg)
}
.infinite-loader .spinner-inner div:nth-child(12) {
animation-delay: 0s;
background: #000;
transform: rotate(330deg)
}
.infinite-loader .spinner {
background: 0 0;
display: inline-block;
height: 28px;
overflow: hidden;
width: 28px
}
.infinite-loader .spinner-inner {
backface-visibility: hidden;
height: 100%;
position: relative;
transform: translateZ(0) scale(.28);
transform-origin: 0 0;
width: 100%
}
.infinite-loader .spinner-inner div {
box-sizing: content-box
}
#infinite-handle span button,
#infinite-handle span button:focus,
#infinite-handle span button:hover {
background: 0 0;
border: none;
color: inherit;
cursor: inherit;
display: inline;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
margin: 0;
padding: 0;
position: static
}
#infinite-handle span button::-moz-focus-inner {
border: none;
margin: 0;
padding: 0
}
@media (max-width:800px) {
#infinite-handle span:before {
display: none
}
#infinite-handle span {
display: block
}
}
#infinite-footer {
bottom: -50px;
left: 0;
position: fixed;
width: 100%
}
#infinite-footer a {
text-decoration: none
}
#infinite-footer .blog-credits a:hover,
#infinite-footer .blog-info a:hover {
color: #444;
text-decoration: underline
}
#infinite-footer .container {
background: hsla(0, 0%, 100%, .8);
border: solid rgba(0, 0, 0, .1);
border-width: 1px 0 0;
box-sizing: border-box;
margin: 0 auto;
overflow: hidden;
padding: 1px 20px;
width: 780px
}
#infinite-footer .blog-credits,
#infinite-footer .blog-info {
box-sizing: border-box;
line-height: 25px
}
#infinite-footer .blog-info {
float: left;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
width: 40%
}
#infinite-footer .blog-credits {
float: right;
font-weight: 400;
width: 60%
}
#infinite-footer .blog-info a {
color: #111;
font-size: 14px;
font-weight: 700
}
#infinite-footer .blog-credits {
color: #888;
font-size: 12px;
text-align: right
}
#infinite-footer .blog-credits a {
color: #646970
}
.infinity-end.neverending #infinite-footer {
display: none
}
@media (max-width:640px) {
#infinite-footer .container {
box-sizing: border-box;
width: 100%
}
#infinite-footer .blog-info {
width: 30%
}
#infinite-footer .blog-credits {
width: 70%
}
#infinite-footer .blog-credits,
#infinite-footer .blog-info a {
font-size: 10px
}
#infinite-footer {
position: static
}
}
#infinite-aria {
clip: rect(0 0 0 0);
border: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.infinite-wrap:focus {
outline: 0 !important
}
#wpadminbar li#wp-admin-bar-admin-bar-likes-widget {
overflow: hidden;
width: 61px
}
#wpadminbar iframe.admin-bar-likes-widget {
border-width: 0;
height: 28px;
min-height: 28px;
position: absolute;
top: 0;
width: 61px
}
div.jetpack-likes-widget-wrapper {
min-height: 50px;
position: relative;
width: 100%
}
div.jetpack-likes-widget-wrapper .sd-link-color {
font-size: 12px
}
div.jetpack-comment-likes-widget-wrapper {
min-height: 31px;
position: relative;
width: 100%
}
div.jetpack-comment-likes-widget-wrapper iframe {
margin-bottom: 0
}
#likes-other-gravatars {
background-color: #2e4453;
border-width: 0;
box-shadow: 0 0 10px #2e4453;
box-shadow: 0 0 10px rgba(46, 68, 83, .6);
display: none;
min-width: 130px;
padding: 10px 10px 12px;
position: absolute;
z-index: 1000
}
#likes-other-gravatars * {
line-height: normal
}
#likes-other-gravatars .likes-text {
color: #fff;
font-size: 12px;
padding-bottom: 8px
}
#likes-other-gravatars li,
#likes-other-gravatars ul {
list-style-type: none;
margin: 0;
padding: 0;
text-indent: 0
}
#likes-other-gravatars li:before {
content: ""
}
#likes-other-gravatars ul.wpl-avatars {
display: block;
max-height: 190px;
overflow: auto
}
#likes-other-gravatars ul.wpl-avatars li {
float: left;
height: 32px;
margin: 0 5px 5px 0;
width: 32px
}
#likes-other-gravatars ul.wpl-avatars li a {
border-bottom: none !important;
display: block;
margin: 0 2px 0 0
}
#likes-other-gravatars ul.wpl-avatars li a img {
background: 0 0;
border: none;
margin: 0 !important;
padding: 0 !important;
position: static
}
div.sd-box {
border-top: 1px solid #dcdcde;
border-top: 1px solid rgba(0, 0, 0, .13)
}
.comment-likes-widget,
.entry-content .post-likes-widget,
.post-likes-widget {
border-width: 0;
display: block;
margin: 0
}
.comment-likes-widget-placeholder,
.post-likes-widget-placeholder {
border-width: 0;
margin: 0;
position: relative
}
.comment-likes-widget-placeholder {
display: flex;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
height: 18px;
position: absolute
}
.comment-likes-widget-placeholder:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='%232EA2CC' d='m12 2 2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 16px 16px;
color: #2ea2cc;
content: "";
display: inline-block;
height: 16px;
padding-right: 5px;
position: relative;
top: 3px;
width: 16px
}
.post-likes-widget-placeholder .button {
display: none
}
.comment-likes-widget-placeholder .loading,
.post-likes-widget-placeholder .loading {
color: #999;
font-size: 12px
}
.comment-likes-widget-placeholder .loading {
align-self: center;
color: #4e4e4e;
margin-top: 4px;
padding-left: 5px
}
div.sharedaddy.sd-like-enabled .sd-like h3 {
display: none
}
div.sharedaddy.sd-like-enabled .sd-like .post-likes-widget {
float: none;
position: absolute;
top: 0;
width: 100%
}
.comment-likes-widget {
width: 100%
}
.cs-rating,
.pd-rating {
display: block !important
}
.sd-gplus .sd-title {
display: none
}
@media print {
.jetpack-likes-widget-wrapper {
display: none
}
}
.jp-related-posts-i2__row {
display: flex;
margin-top: 1.5rem
}
.jp-related-posts-i2__row:first-child {
margin-top: 0
}
.jp-related-posts-i2__post {
display: flex;
flex-basis: 0;
flex-direction: column;
flex-grow: 1;
margin: 0 10px;
padding-left: 0
}
.jp-related-posts-i2__row[data-post-count="3"] .jp-related-posts-i2__post {
max-width: calc(33% - 20px)
}
.jp-related-posts-i2__row[data-post-count="1"] .jp-related-posts-i2__post,
.jp-related-posts-i2__row[data-post-count="2"] .jp-related-posts-i2__post {
max-width: calc(50% - 20px)
}
.jp-related-posts-i2__post-context,
.jp-related-posts-i2__post-date,
.jp-related-posts-i2__post-heading,
.jp-related-posts-i2__post-img-link {
display: block;
flex-direction: row
}
.jp-related-posts-i2__post-heading {
font-size: 1rem;
line-height: 1.2em;
margin: .5rem 0
}
.jp-related-posts-i2__post-link {
display: block;
line-height: 1.2em;
width: 100%
}
.jp-related-posts-i2__post-img-link {
order: -1
}
.jp-related-posts-i2__post-img-link img {
width: 100%
}
.jp-relatedposts-i2[data-layout=list] .jp-related-posts-i2__row {
display: block;
margin-top: 0
}
.jp-relatedposts-i2[data-layout=list] .jp-related-posts-i2__post {
margin: 0;
max-width: none
}
.jp-relatedposts-i2[data-layout=list].jp-related-posts-i2__post-img-link {
margin-top: 1rem
}
@media only screen and (max-width:640px) {
.jp-related-posts-i2__row {
display: block;
margin-top: 0
}
.jp-related-posts-i2__row[data-post-count] .jp-related-posts-i2__post {
margin: 1rem 0 0;
max-width: none
}
.jp-related-posts-i2__post-img-link {
margin-top: 1rem
}
.jp-related-posts-i2__post-img-link img {
width: 350px
}
}
#jp-relatedposts {
clear: both;
display: none;
margin: 1em 0;
padding-top: 1em;
position: relative
}
.jp-relatedposts:after {
clear: both;
content: "";
display: block
}
#jp-relatedposts h3.jp-relatedposts-headline {
display: inline-block;
float: left;
font-family: inherit;
font-size: 9pt;
font-weight: 700;
margin: 0 0 1em
}
#jp-relatedposts h3.jp-relatedposts-headline em:before {
border-top: 1px solid #dcdcde;
border-top: 1px solid rgba(0, 0, 0, .2);
content: "";
display: block;
margin-bottom: 1em;
min-width: 30px;
width: 100%
}
#jp-relatedposts h3.jp-relatedposts-headline em {
font-style: normal;
font-weight: 700
}
#jp-relatedposts .jp-relatedposts-items {
clear: left
}
#jp-relatedposts .jp-relatedposts-items-visual {
margin-right: -20px
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
float: left;
margin: 0 0 1em;
width: 33%
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
filter: alpha(opacity=80);
-moz-opacity: .8;
opacity: .8;
padding-right: 20px
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+4),
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+4) {
clear: both
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
text-decoration: underline
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1
}
#jp-relatedposts .jp-relatedposts-items p,
#jp-relatedposts .jp-relatedposts-items time,
#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
font-size: 14px;
line-height: 20px;
margin: 0
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs {
position: relative
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs a.jp-relatedposts-post-aoverlay {
border-bottom: 0;
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0
}
#jp-relatedposts .jp-relatedposts-items p,
#jp-relatedposts .jp-relatedposts-items time {
margin-bottom: 0
}
#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
display: block;
font-family: inherit;
margin: 0;
max-width: 100%;
text-transform: none
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
filter: alpha(opacity=100);
font-size: inherit;
font-weight: 400;
-moz-opacity: 1;
opacity: 1;
text-decoration: none
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
text-decoration: underline
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post img.jp-relatedposts-post-img,
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post span {
display: block;
max-width: 90%;
overflow: hidden;
text-overflow: ellipsis
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img,
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post span {
height: auto;
max-width: 100%
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
opacity: .6
}
#jp-relatedposts .jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt,
.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
display: none
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt {
overflow: hidden
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs span {
margin-bottom: 1em
}
#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post {
clear: both;
width: 100%
}
#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img {
float: left;
margin-right: 3%;
max-width: 33%;
overflow: hidden
}
#jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title {
display: inline-block;
max-width: 63%
}
@media only screen and (max-width:640px) {
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
width: 50%
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) {
clear: left
}
#jp-relatedposts .jp-relatedposts-items-visual {
margin-right: 20px
}
}
@media only screen and (max-width:320px) {
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
clear: both;
margin: 0 0 1em;
width: 100%
}
#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img,
#jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title {
float: none;
margin-right: 0;
max-width: 100%
}
}
@media print {
.jp-relatedposts {
display: none !important
}
}
#jp-post-flair {
padding-top: .5em
}
#content div.sharedaddy,
#main div.sharedaddy,
div.sharedaddy {
clear: both
}
div.sharedaddy h3.sd-title {
display: inline-block;
font-size: 9pt;
font-weight: 700;
line-height: 1.2;
margin: 0 0 1em
}
div.sharedaddy h3.sd-title:before {
border-top: 1px solid #dcdcde;
content: "";
display: block;
margin-bottom: 1em;
min-width: 30px;
width: 100%
}
body.highlander-light h3.sd-title:before {
border-top: 1px solid rgba(0, 0, 0, .2)
}
body.highlander-dark h3.sd-title:before {
border-top: 1px solid hsla(0, 0%, 100%, .4)
}
.sd-sharing {
margin-bottom: 1em
}
.sd-content ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important
}
.sd-content ul li {
display: inline-block
}
.sd-content ul li.share-deprecated {
opacity: .5
}
.sd-content ul li.share-deprecated a span {
text-decoration: line-through
}
.sd-block.sd-gplus {
margin: 0 0 .5em
}
.sd-gplus .sd-content {
font-size: 12px
}
.sd-content .share-email-error .share-email-error-title {
margin: .5em 0
}
.sd-content .share-email-error .share-email-error-text {
font-family: Open Sans, sans-serif;
font-size: 12px;
margin: .5em 0
}
#sharing_email .sharing_send,
.sd-content ul li .option a.share-ustom,
.sd-content ul li a.sd-button,
.sd-content ul li.advanced a.share-more,
.sd-content ul li.preview-item div.option.option-smart-off a,
.sd-social-icon .sd-content ul li a.sd-button,
.sd-social-icon-text .sd-content ul li a.sd-button,
.sd-social-official .sd-content>ul>li .digg_button>a,
.sd-social-official .sd-content>ul>li>a.sd-button,
.sd-social-text .sd-content ul li a.sd-button {
background: #f8f8f8;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(0, 0, 0, .08);
color: #656565 !important;
display: inline-block;
font-family: Open Sans, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 23px;
padding: 1px 8px 0 5px;
text-decoration: none !important;
text-shadow: none
}
.sd-content ul li .option a.share-ustom span,
.sd-content ul li a.sd-button>span,
.sd-content ul li.advanced a.share-more span,
.sd-content ul li.preview-item div.option.option-smart-off a span,
.sd-social-icon-text .sd-content ul li a.sd-button>span,
.sd-social-official .sd-content>ul>li .digg_button>a span,
.sd-social-official .sd-content>ul>li>a.sd-button span,
.sd-social-text .sd-content ul li a.sd-button span {
line-height: 23px
}
.sd-social-official .sd-content .sharing-hidden .inner>ul>li .digg_button>a,
.sd-social-official .sd-content .sharing-hidden .inner>ul>li>a.sd-button,
.sd-social-official .sd-content>ul>li .digg_button>a,
.sd-social-official .sd-content>ul>li>a.sd-button {
box-shadow: none;
line-height: 17px;
vertical-align: top
}
.sd-social-official .sd-content ul li a.sd-button>span {
line-height: 17px
}
.sd-social-official .sd-content .sharing-hidden .inner>ul>li .digg_button>a:before,
.sd-social-official .sd-content .sharing-hidden .inner>ul>li>a.sd-button:before,
.sd-social-official .sd-content>ul>li .digg_button>a:before,
.sd-social-official .sd-content>ul>li>a.sd-button:before {
margin-bottom: -1px
}
.sd-social-icon .sd-content ul li a.sd-button:active,
.sd-social-icon .sd-content ul li a.sd-button:hover,
.sd-social-icon-text .sd-content ul li a.sd-button:active,
.sd-social-icon-text .sd-content ul li a.sd-button:hover,
.sd-social-official .sd-content>ul>li .digg_button>a:active,
.sd-social-official .sd-content>ul>li .digg_button>a:hover,
.sd-social-official .sd-content>ul>li>a.sd-button:active,
.sd-social-official .sd-content>ul>li>a.sd-button:hover,
.sd-social-text .sd-content ul li a.sd-button:active,
.sd-social-text .sd-content ul li a.sd-button:hover {
background: #f6f7f7;
border: 1px solid #999;
color: #555
}
.sd-social-icon .sd-content ul li a.sd-button:active,
.sd-social-icon-text .sd-content ul li a.sd-button:active,
.sd-social-official .sd-content>ul>li .digg_button>a:active,
.sd-social-official .sd-content>ul>li>a.sd-button:active,
.sd-social-text .sd-content ul li a.sd-button:active {
box-shadow: inset 0 1px 0 rgba(0, 0, 0, .16)
}
.sd-content ul li a.sd-button:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font: normal 18px/1 social-logos;
text-align: center;
vertical-align: top
}
.sd-social-icon-text ul li a.sd-button:before {
position: relative;
top: 2px
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.sd-content ul li a.sd-button:before {
position: relative;
top: 2px
}
}
.sd-social-official ul li a.sd-button:before {
position: relative;
top: -2px
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.sd-social-official ul li a.sd-button:before {
top: 0
}
}
.sd-content ul li {
margin: 0 5px 5px 0;
padding: 0
}
.jp-sharing-input-touch .sd-content ul li {
padding-left: 10px
}
.sd-content ul li.preview-item a.sd-button span,
.sd-social-icon-text .sd-content ul li a span,
.sd-social-official .sd-content ul li a.sd-button span {
margin-left: 3px
}
.sd-content ul li.preview-item.no-icon a.sd-button span {
margin-left: 0
}
.sd-content ul li.no-icon a:before,
.sd-social-text .sd-content ul li a:before {
display: none
}
body .sd-content ul li.share-custom.no-icon a span,
body .sd-social-text .sd-content ul li.share-custom a span {
background-image: none;
background-position: -500px -500px !important;
background-repeat: no-repeat !important;
height: 0;
line-height: inherit;
padding-left: 0
}
.sd-social-icon .sd-content ul li a.share-more {
position: relative;
top: -4px
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.sd-social-icon .sd-content ul li a.share-more {
top: 2px
}
}
@-moz-document url-prefix() {
.sd-social-icon .sd-content ul li a.share-more {
top: 2px
}
}
.sd-social-icon .sd-content ul li a.share-more span {
margin-left: 3px
}
.sd-content ul li.share-print div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-print a:before,
.sd-social-icon-text .sd-content li.share-print a:before,
.sd-social-official .sd-content li.share-print a:before,
.sd-social-text .sd-content ul li.share-print a:before {
content: "\f469"
}
.sd-content ul li.share-email div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-email a:before,
.sd-social-icon-text .sd-content li.share-email a:before,
.sd-social-official .sd-content li.share-email a:before,
.sd-social-text .sd-content ul li.share-email a:before {
content: "\f410"
}
.sd-content ul li.share-linkedin div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-linkedin a:before,
.sd-social-icon-text .sd-content li.share-linkedin a:before,
.sd-social-text .sd-content ul li.share-linkedin a:before {
content: "\f207"
}
.sd-content ul li.share-twitter div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-twitter a:before,
.sd-social-icon-text .sd-content li.share-twitter a:before,
.sd-social-text .sd-content ul li.share-twitter a:before {
content: "\f202"
}
.sd-content ul li.share-reddit div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-reddit a:before,
.sd-social-icon-text .sd-content li.share-reddit a:before,
.sd-social-text .sd-content ul li.share-reddit a:before {
content: "\f222"
}
.sd-content ul li.share-tumblr div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-tumblr a:before,
.sd-social-icon-text .sd-content li.share-tumblr a:before,
.sd-social-text .sd-content ul li.share-tumblr a:before {
content: "\f607"
}
.sd-content ul li.share-pocket div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-pocket a:before,
.sd-social-icon-text .sd-content li.share-pocket a:before,
.sd-social-text .sd-content ul li.share-pocket a:before {
content: "\f224"
}
.sd-content ul li.share-pinterest div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-pinterest a:before,
.sd-social-icon-text .sd-content li.share-pinterest a:before,
.sd-social-text .sd-content ul li.share-pinterest a:before {
content: "\f210"
}
.sd-content ul li.share-facebook div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-facebook a:before,
.sd-social-icon-text .sd-content li.share-facebook a:before,
.sd-social-text .sd-content ul li.share-facebook a:before {
content: "\f203"
}
.sd-content ul li.share-press-this div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-press-this a:before,
.sd-social-icon-text .sd-content li.share-press-this a:before,
.sd-social-official .sd-content li.share-press-this a:before,
.sd-social-text .sd-content ul li.share-press-this a:before {
content: "\f205"
}
.sd-social-official .sd-content li.share-press-this a:before {
color: #2ba1cb
}
.sd-content ul li.share-telegram div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-telegram a:before,
.sd-social-icon-text .sd-content li.share-telegram a:before,
.sd-social-official .sd-content li.share-telegram a:before,
.sd-social-text .sd-content ul li.share-telegram a:before {
content: "\f606"
}
.sd-social-official .sd-content li.share-telegram a:before {
color: #08c
}
.sd-content ul li.share-skype div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-skype a:before,
.sd-social-icon-text .sd-content li.share-skype a:before,
.sd-social-text .sd-content ul li.share-skype a:before {
content: "\f220"
}
.sd-content ul li.advanced a.share-more:before,
.sd-social-icon .sd-content ul a.share-more:before,
.sd-social-icon-text .sd-content a.share-more:before,
.sd-social-official .sd-content a.share-more:before,
.sd-social-text .sd-content ul a.share-more:before {
content: "\f415"
}
.sd-social-official .sd-content a.share-more:before {
color: #2ba1cb
}
.sd-content ul li.share-jetpack-whatsapp div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-jetpack-whatsapp a:before,
.sd-social-icon-text .sd-content li.share-jetpack-whatsapp a:before,
.sd-social-official .sd-content li.share-jetpack-whatsapp a:before,
.sd-social-text .sd-content ul li.share-jetpack-whatsapp a:before {
content: "\f608"
}
.sd-social-official .sd-content li.share-jetpack-whatsapp a:before {
color: #43d854
}
.sd-social-icon .sd-content ul li[class*=share-].share-jetpack-whatsapp a.sd-button {
background: #43d854;
color: #fff !important
}
.sd-content ul li.share-deprecated div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-deprecated a:before,
.sd-social-icon-text .sd-content li.share-deprecated a:before,
.sd-social-official .sd-content li.share-deprecated a:before {
content: "🚫";
height: 1em;
width: 1em
}
.sd-social .sd-button .share-count {
background: #2ea2cc;
border-radius: 10px;
color: #fff;
display: inline-block;
font-size: 10px;
line-height: 1;
padding: 1px 3px;
text-align: center
}
.sd-social-official .sd-content ul,
.sd-social-official .sd-content ul li {
line-height: 25px !important
}
.sd-social-official .sd-content>ul>li>a.sd-button span {
line-height: 1
}
.sd-social-official .sd-content ul:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden
}
.sd-social-official .sd-content li.share-press-this a {
margin: 0 0 5px
}
.sd-social-official .sd-content ul>li {
display: block;
float: left;
height: 25px;
margin: 0 10px 5px 0 !important
}
.sd-social-official .fb-share-button>span {
vertical-align: top !important
}
.sd-social-official .sd-content .pocket_button iframe {
width: 98px
}
.reddit_button iframe {
margin-top: 1px
}
.linkedin_button>span,
.pinterest_button,
.pocket_button iframe,
.twitter_button {
margin: 0 !important
}
.linkedin_button>span,
.pinterest_button a {
display: block !important
}
.sd-social-official .sd-content .share-skype {
width: 55px
}
body .sd-social-official li a.share-more,
body .sd-social-official li.share-custom a,
body .sd-social-official li.share-digg a,
body .sd-social-official li.share-email a,
body .sd-social-official li.share-press-this a,
body .sd-social-official li.share-print {
position: relative;
top: 0
}
body .sd-social-icon .sd-content li.share-custom>a {
padding: 2px 3px 0;
position: relative;
top: 4px
}
body .sd-content ul li.share-custom a.share-icon span,
body .sd-social-icon .sd-content li.share-custom a span,
body .sd-social-icon-text .sd-content li.share-custom a span,
body .sd-social-official .sd-content li.share-custom a span,
body .sd-social-text .sd-content li.share-custom a span {
background-repeat: no-repeat;
background-size: 16px 16px;
display: inline-block;
height: 21px;
line-height: 16px;
margin-left: 0;
padding: 0 0 0 19px
}
body .sd-social-icon .sd-content li.share-custom a span {
padding-left: 16px !important;
width: 0
}
.sharing-hidden .inner {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
margin-top: 5px;
max-width: 400px;
padding: 10px;
position: absolute;
z-index: 2
}
.sharing-hidden .inner ul {
margin: 0 !important
}
.sd-social-official .sd-content .sharing-hidden ul>li.share-end {
clear: both;
height: 0 !important;
margin: 0 !important
}
.sharing-hidden .inner:after,
.sharing-hidden .inner:before {
border-bottom: 8px solid #ccc;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: "";
display: block;
height: 0;
left: 20px;
position: absolute;
top: -8px;
width: 0;
z-index: 1
}
.sharing-hidden .inner:after {
border-bottom: 8px solid #fff;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
top: -7px;
z-index: 2
}
.sharing-hidden ul {
margin: 0
}
.sd-social-icon .sd-content ul li[class*=share-] a,
.sd-social-icon .sd-content ul li[class*=share-] a:hover,
.sd-social-icon .sd-content ul li[class*=share-] div.option a {
border: 0;
border-radius: 50%;
-webkit-border-radius: 50%;
box-shadow: none;
height: auto;
line-height: 1;
margin-bottom: 0;
padding: 7px;
position: relative;
top: -2px;
width: auto
}
.sd-social-icon .sd-content ul li[class*=share-] a.sd-button>span,
.sd-social-icon .sd-content ul li[class*=share-] div.option a span {
line-height: 1
}
.sd-social-icon .sd-content ul li[class*=share-] a:hover,
.sd-social-icon .sd-content ul li[class*=share-] div.option a:hover {
border: none;
opacity: .6
}
.sd-social-icon .sd-content ul li[class*=share-] a.sd-button:before {
top: 0
}
.sd-social-icon .sd-content ul li[class*=share-] a.sd-button.share-custom {
padding: 8px 8px 6px;
top: 5px
}
.sd-social-icon .sd-content ul li a.sd-button.share-more {
margin-left: 10px
}
.sd-social-icon .sd-content ul li:first-child a.sd-button.share-more {
margin-left: 0
}
.sd-social-icon .sd-button span.share-count {
background: #555;
border-radius: 0;
bottom: 0;
font-size: 9px;
position: absolute;
right: 0
}
.sd-social-icon .sd-content ul li[class*=share-] a.sd-button {
background: #e9e9e9;
margin-top: 2px;
text-indent: 0
}
.sd-social-icon .sd-content ul li[class*=share-].share-tumblr a.sd-button {
background: #2c4762;
color: #fff !important
}
.sd-social-icon .sd-content ul li[class*=share-].share-facebook a.sd-button {
background: #1877f2;
color: #fff !important
}
.sd-social-icon .sd-content ul li[class*=share-].share-twitter a.sd-button {
background: #00acee;
color: #fff !important
}
.sd-social-icon .sd-content ul li[class*=share-].share-pinterest a.sd-button {
background: #ca1f27;
color: #fff !important
}
.sd-social-icon .sd-content ul li[class*=share-].share-digg a.sd-button {
color: #555 !important
}
.sd-social-icon .sd-content ul li[class*=share-].share-press-this a.sd-button {
background: #4f94d4;
color: #fff !important
}
.sd-social-icon .sd-content ul li[class*=share-].share-telegram a.sd-button {
background: #08c;
color: #fff !important
}
.sd-social-icon .sd-content ul li[class*=share-].share-linkedin a.sd-button {
background: #0077b5;
color: #fff !important
}
.sd-social-icon .sd-content ul li[class*=share-].share-pocket a.sd-button {
background: #ee4056;
color: #fff !important
}
.sd-social-icon .sd-content ul li[class*=share-].share-reddit a.sd-button {
background: #cee3f8;
color: #555 !important
}
.sd-social-icon .sd-content ul li[class*=share-].share-skype a.sd-button {
background: #00aff0;
color: #fff !important
}
.sharing-screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px
}
.sharing-screen-reader-text:active,
.sharing-screen-reader-text:focus,
.sharing-screen-reader-text:hover {
clip: auto !important;
background-color: #f0f0f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
color: #21759b;
display: block;
font-size: 14px;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
#jetpack-source_f_name {
display: none !important;
left: -9000px;
position: absolute !important
}
.sd-content .share-customize-link {
line-height: 11px;
margin-top: 0
}
.sd-content .share-customize-link a {
font-family: Open Sans, sans-serif;
font-size: 11px
}
@media print {
.sharedaddy.sd-sharing-enabled {
display: none
}
}
.jetpack-slideshow-window {
background-color: #222;
border: 20px solid #222;
border-radius: 10px;
height: 0;
margin-bottom: 20px;
overflow: hidden;
padding-bottom: 56.25% !important;
padding-top: 30px !important;
position: relative;
z-index: 1
}
.jetpack-slideshow-window.jetpack-slideshow-white {
background-color: #fff;
border-color: #fff
}
.jetpack-slideshow-window,
.jetpack-slideshow-window * {
box-sizing: content-box
}
.jetpack-slideshow-loading {
height: 100%;
margin: auto;
text-align: center
}
body div.jetpack-slideshow-window * img {
background-color: transparent !important;
background-image: none !important;
border-width: 0 !important;
display: block;
margin: 0 auto;
max-height: 100%;
max-width: 100%;
padding: 0 !important;
position: relative;
top: 50%;
transform: translateY(-50%)
}
.jetpack-slideshow-loading img {
vertical-align: middle
}
.jetpack-slideshow-slide {
display: none;
height: 100% !important;
left: 0;
margin: auto;
position: absolute;
text-align: center;
top: 0;
width: 100% !important
}
.jetpack-slideshow-slide img {
vertical-align: middle
}
.jetpack-slideshow-line-height-hack {
font-size: 0;
overflow: hidden;
width: 0
}
.jetpack-slideshow-slide-caption {
bottom: 5px;
color: #f6f7f7;
font-family: Helvetica Neue, sans-serif;
font-size: 13px;
height: 25px;
left: 0;
line-height: 25px;
position: absolute;
text-align: center;
text-shadow: #222 1px 1px 2px;
width: 100%;
z-index: 100
}
.jetpack-slideshow-controls {
bottom: 30px;
direction: ltr;
-ms-filter: "alpha(opacity=50)";
margin: auto;
opacity: .5;
position: absolute;
text-align: center;
transition: opacity .3s ease-out;
width: 100%;
z-index: 1000
}
.jetpack-slideshow-window:hover .jetpack-slideshow-controls {
-ms-filter: "alpha(opacity=100)";
opacity: 1
}
body div div.jetpack-slideshow-controls a,
body div div.jetpack-slideshow-controls a:hover {
zoom: 1;
background-color: #000 !important;
background-color: rgba(0, 0, 0, .6) !important;
background-image: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/plugins/jetpack/css/../modules/shortcodes/img/slideshow-controls.png) !important;
background-position: -34px 8px !important;
background-repeat: no-repeat;
background-size: 142px 16px !important;
border: 2px solid hsla(0, 0%, 100%, .1) !important;
border-radius: 10em !important;
color: #222 !important;
display: inline-block !important;
*display: inline;
height: 32px !important;
line-height: 32px !important;
margin: 0 5px !important;
padding: 0 !important;
text-align: center !important;
transition: border-color .3s ease-out;
width: 32px !important
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
body div div.jetpack-slideshow-controls a,
body div div.jetpack-slideshow-controls a:hover {
background-image: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/plugins/jetpack/css/../modules/shortcodes/img/slideshow-controls-2x.png) !important
}
}
body div div.jetpack-slideshow-controls a:hover {
border-color: #fff !important
}
body div div.jetpack-slideshow-controls a:first-child {
background-position: -76px 8px !important
}
body div div.jetpack-slideshow-controls a:last-child {
background-position: -117px 8px !important
}
body div div.jetpack-slideshow-controls a.running,
body div div.jetpack-slideshow-controls a:nth-child(2) {
background-position: -34px 8px !important
}
body div div.jetpack-slideshow-controls a.paused {
background-position: 9px 8px !important
}
.jetpack-slideshow-controls a img {
border: 50px dotted #f0f
}
body.presentation-wrapper-fullscreen-parent,
html.presentation-wrapper-fullscreen-parent {
overflow: hidden !important
}
.presentation-wrapper-fullscreen-parent #wpadminbar {
display: none
}
.presentation-wrapper-fullscreen,
.presentation-wrapper-fullscreen-parent {
bottom: 0 !important;
left: 0 !important;
margin: 0 !important;
min-height: 100% !important;
min-width: 100% !important;
padding: 0 !important;
position: absolute !important;
right: 0 !important;
top: 0 !important;
z-index: 10000 !important
}
.presentation-wrapper-fullscreen {
background-color: grey;
border: none !important
}
.presentation-wrapper-fullscreen .nav-arrow-left,
.presentation-wrapper-fullscreen .nav-arrow-right {
z-index: 20001
}
.presentation-wrapper-fullscreen .nav-fullscreen-button {
z-index: 20002
}
.presentation-wrapper {
border: 1px solid #dcdcde;
line-height: normal;
margin: 20px auto;
overflow: hidden
}
.presentation {
margin: 0;
outline: none;
overflow: hidden;
position: relative
}
.presentation,
.presentation .step {
background-position: 50%;
background-repeat: no-repeat;
background-size: 100% 100%
}
.presentation .step.fade:not(.active) {
opacity: 0
}
.presentation .slide-content {
padding: 30px
}
.presentation .nav-arrow-left,
.presentation .nav-arrow-right,
.presentation .nav-fullscreen-button {
background-repeat: no-repeat;
opacity: 0;
position: absolute;
transition: opacity .25s;
width: 34px;
z-index: 2
}
.presentation .nav-arrow-left,
.presentation .nav-arrow-right {
background-image: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/plugins/jetpack/css/../modules/shortcodes/images/slide-nav.png);
background-size: 450% 61px;
height: 100%
}
.presentation .nav-arrow-left {
background-position: 4px 50%;
left: 0
}
.presentation .nav-arrow-right {
background-position: -120px 50%;
right: 0
}
.presentation .nav-fullscreen-button {
background-image: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/plugins/jetpack/css/../modules/shortcodes/images/expand.png);
background-size: 100% 100%;
bottom: 0;
height: 32px;
margin: 4px;
right: 0;
width: 32px;
z-index: 3
}
.presentation:hover .nav-arrow-left,
.presentation:hover .nav-arrow-right {
opacity: 1
}
.presentation:hover .nav-fullscreen-button {
opacity: .8
}
.presentation-wrapper-fullscreen .nav-fullscreen-button {
background-image: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://www.oodlesmarketing.com/wp-content/plugins/jetpack/css/../modules/shortcodes/images/collapse.png)
}
.presentation .autoplay-overlay {
background-color: #dcdcde;
background-color: rgba(0, 0, 0, .75);
border-radius: 50px;
display: table;
height: 15%;
margin: 30% 10%;
position: relative;
transition: opacity .5s;
width: 80%;
z-index: 100
}
.presentation .autoplay-overlay .overlay-msg {
color: #fff;
display: table-cell;
position: relative;
text-align: center;
vertical-align: middle
}
.presentation .will-fade {
opacity: 0
}
.presentation .do-fade {
opacity: 1;
transition: opacity .5s
}
div.jetpack-quiz {
background-color: #f3f3f3;
border: 1px solid #deede3;
border-radius: .2em;
line-height: 1.3em;
margin-bottom: 2em;
padding: 1em
}
div.jetpack-quiz div.jetpack-quiz-question {
font-weight: 700;
margin-bottom: .5em
}
div.jetpack-quiz div.jetpack-quiz-answer {
border-bottom: 1px dotted #999;
cursor: pointer;
margin-bottom: .5em;
padding: 1em 0 1em 1em
}
div.jetpack-quiz div.jetpack-quiz-answer.last {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0
}
div.jetpack-quiz div.jetpack-quiz-answer.correct {
color: green
}
div.jetpack-quiz div.jetpack-quiz-answer.wrong {
color: red
}
div.jetpack-quiz div.jetpack-quiz-answer div.jetpack-quiz-explanation {
display: none
}
div.jetpack-quiz div.jetpack-quiz-answer.correct div.jetpack-quiz-explanation,
div.jetpack-quiz div.jetpack-quiz-answer.wrong div.jetpack-quiz-explanation {
color: #000;
display: block;
font-size: 90%;
margin-top: 1em
}
div.jetpack-quiz div.jetpack-quiz-answer.correct div.jetpack-quiz-explanation tt,
div.jetpack-quiz div.jetpack-quiz-answer.wrong div.jetpack-quiz-explanation tt {
font-size: 85%
}
div.jetpack-quiz pre {
background: 0 0;
font: 15px Monaco, Consolas, Andale Mono, DejaVu Sans Mono, monospace;
margin: 0;
padding: 0
}
.jetpack-quiz-options {
margin-top: 12px;
text-align: right
}
.jetpack-quiz-count {
color: #646970;
float: left;
font-size: 12px
}
.jetpack-quiz-option-button {
cursor: pointer;
margin-left: 12px
}
.jetpack-quiz-option-button:hover svg {
background: #3c434a
}
.jetpack-quiz-option-button svg {
fill: #fff;
background: #000;
border-radius: 50%;
display: inline-block;
height: 24px;
width: 24px
}
.jetpack-quiz-wrapper .jetpack-quiz:first-of-type .jetpack-quiz-option-button:first-of-type,
.jetpack-quiz-wrapper .jetpack-quiz:last-of-type .jetpack-quiz-option-button:last-of-type {
display: none
}
#subscribe-email input {
width: 95%
}
.comment-subscription-form {
margin-bottom: 1em
}
.comment-subscription-form .subscribe-label {
display: inline !important
}
.jetpack-video-wrapper {
margin-bottom: 1.6em
}
.jetpack-video-wrapper>.wp-video,
.jetpack-video-wrapper>embed,
.jetpack-video-wrapper>iframe,
.jetpack-video-wrapper>object {
margin-bottom: 0
}
.jetpack-social-navigation ul {
display: block;
margin: 0 0 1.5em;
padding: 0
}
.jetpack-social-navigation li {
display: inline-block;
line-height: 1;
margin: 0
}
.jetpack-social-navigation a {
border: 0;
height: 1em;
text-decoration: none;
width: 1em
}
.jetpack-social-navigation-svg .icon {
fill: currentColor;
color: inherit;
height: 1em;
vertical-align: middle;
width: 1em
}
.jetpack-social-navigation-genericons a:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
content: "\f415";
display: inline-block;
font-family: Genericons;
font-size: 1em;
font-style: normal;
font-weight: 400;
height: 1em;
line-height: 1;
text-decoration: inherit;
vertical-align: top;
width: 1em
}
.jetpack-social-navigation-genericons a[href*="codepen.io"]:before {
content: "\f216"
}
.jetpack-social-navigation-genericons a[href*="digg.com"]:before {
content: "\f221"
}
.jetpack-social-navigation-genericons a[href*="dribbble.com"]:before {
content: "\f201"
}
.jetpack-social-navigation-genericons a[href*="dropbox.com"]:before {
content: "\f225"
}
.jetpack-social-navigation-genericons a[href*="mailto:"]:before {
content: "\f410"
}
.jetpack-social-navigation-genericons a[href*="facebook.com"]:before {
content: "\f203"
}
.jetpack-social-navigation-genericons a[href*="flickr.com"]:before {
content: "\f211"
}
.jetpack-social-navigation-genericons a[href*="foursquare.com"]:before {
content: "\f226"
}
.jetpack-social-navigation-genericons a[href*="github.com"]:before {
content: "\f200"
}
.jetpack-social-navigation-genericons a[href*="plus.google.com"]:before {
content: "\f206"
}
.jetpack-social-navigation-genericons a[href*="instagram.com"]:before {
content: "\f215"
}
.jetpack-social-navigation-genericons a[href*="linkedin.com"]:before {
content: "\f208"
}
.jetpack-social-navigation-genericons a[href*="path.com"]:before {
content: "\f219"
}
.jetpack-social-navigation-genericons a[href*="pinterest."]:before {
content: "\f210"
}
.jetpack-social-navigation-genericons a[href*="getpocket.com"]:before {
content: "\f224"
}
.jetpack-social-navigation-genericons a[href*="polldaddy.com"]:before {
content: "\f217"
}
.jetpack-social-navigation-genericons a[href*="reddit.com"]:before {
content: "\f222"
}
.jetpack-social-navigation-genericons a[href$="/feed/"]:before {
content: "\f413"
}
.jetpack-social-navigation-genericons a[href*="skype:"]:before {
content: "\f220"
}
.jetpack-social-navigation-genericons a[href*="spotify.com"]:before {
content: "\f515"
}
.jetpack-social-navigation-genericons a[href*="stumbleupon.com"]:before {
content: "\f223"
}
.jetpack-social-navigation-genericons a[href*="tumblr.com"]:before {
content: "\f214"
}
.jetpack-social-navigation-genericons a[href*="twitch.tv"]:before {
content: "\f516"
}
.jetpack-social-navigation-genericons a[href*="twitter.com"]:before {
content: "\f202"
}
.jetpack-social-navigation-genericons a[href*="vimeo.com"]:before {
content: "\f212"
}
.jetpack-social-navigation-genericons a[href*="vine.co"]:before {
content: "\f517"
}
.jetpack-social-navigation-genericons a[href*="wordpress.com"]:before,
.jetpack-social-navigation-genericons a[href*="wordpress.org"]:before {
content: "\f205"
}
.jetpack-social-navigation-genericons a[href*="youtube.com"]:before {
content: "\f213"
}
.tiled-gallery {
clear: both;
margin: 0 0 20px;
overflow: hidden
}
.tiled-gallery img {
margin: 2px !important
}
.tiled-gallery .gallery-group {
float: left;
position: relative
}
.tiled-gallery .tiled-gallery-item {
float: left;
margin: 0;
position: relative;
width: inherit
}
.tiled-gallery .gallery-row {
overflow: hidden
}
.tiled-gallery .tiled-gallery-item a {
background: 0 0;
border: none;
color: inherit;
margin: 0;
padding: 0;
text-decoration: none;
width: auto
}
.tiled-gallery .tiled-gallery-item img,
.tiled-gallery .tiled-gallery-item img:hover {
background: 0 0;
border: none;
box-shadow: none;
max-width: 100%;
padding: 0;
vertical-align: middle
}
.tiled-gallery-caption {
background: #f0f0f1;
background: hsla(0, 0%, 100%, .8);
bottom: 0;
color: #333;
font-size: 13px;
font-weight: 400;
overflow: hidden;
padding: 10px 0;
position: absolute;
text-indent: 10px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%
}
.tiled-gallery .tiled-gallery-item-small .tiled-gallery-caption {
font-size: 11px
}
.widget-gallery .tiled-gallery-unresized {
height: 0;
overflow: hidden;
visibility: hidden
}
.tiled-gallery .tiled-gallery-item img.grayscale {
left: 0;
position: absolute;
top: 0
}
.tiled-gallery .tiled-gallery-item img.grayscale:hover {
opacity: 0
}
.tiled-gallery.type-circle .tiled-gallery-item img {
border-radius: 50% !important;
-o-object-fit: cover;
object-fit: cover
}
.tiled-gallery.type-circle .tiled-gallery-caption {
display: none
}
.tiled-gallery.type-square .tiled-gallery-item img {
-o-object-fit: cover;
object-fit: cover
}
.jetpack-display-remote-posts {
margin: 5px 0 20px
}
.jetpack-display-remote-posts h4 {
margin: 5px 0;
padding: 0
}
.jetpack-display-remote-posts p {
margin: 0;
padding: 0
}
.jetpack-display-remote-posts img {
max-width: 100%
}
.widget-grofile h4 {
margin: 1em 0 .5em
}
.widget-grofile ul.grofile-urls {
margin-left: 0;
overflow: hidden
}
.widget-grofile ul.grofile-accounts li {
display: inline;
list-style: none
}
.widget-grofile ul.grofile-accounts li:before {
content: "" !important
}
.widget-grofile .grofile-accounts-logo {
background-image: url(https://secure.gravatar.com/images/grav-share-sprite.png);
background-repeat: no-repeat;
float: left;
height: 16px;
margin-bottom: 8px;
margin-right: 8px;
width: 16px
}
.rtl .widget-grofile .grofile-accounts-logo {
margin-left: 8px;
margin-right: 0
}
.grofile-thumbnail {
max-width: 100%;
width: 500px
}
@media only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
.widget-grofile .grofile-accounts-logo {
background-image: url(https://secure.gravatar.com/images/grav-share-sprite-2x.png);
background-size: 16px 784px
}
}
div[class^=gr_custom_container] {
background-color: #fff;
border: 1px solid gray;
border-radius: 10px;
color: #000;
padding: 10px 5px
}
div[class^=gr_custom_container] a {
color: #000
}
h2[class^=gr_custom_header] {
display: none
}
div[class^=gr_custom_each_container] {
border-bottom: 1px solid #a7aaad;
clear: both;
margin-bottom: 10px;
overflow: auto;
padding-bottom: 4px;
width: 100%
}
div[class^=gr_custom_book_container] {
float: right;
height: 60px;
margin-left: 4px;
overflow: hidden;
width: 39px
}
div[class^=gr_custom_author] {
font-size: 10px
}
div[class^=gr_custom_tags] {
color: gray;
font-size: 10px
}
div[class^=gr_custom_rating] {
display: none
}
.widget_wpcom_social_media_icons_widget ul {
list-style-type: none;
margin-left: 0
}
.widget_wpcom_social_media_icons_widget ul li {
border: 0;
display: inline;
margin-right: .5em
}
.widget_wpcom_social_media_icons_widget li a {
border: 0;
text-decoration: none
}
.widget_wpcom_social_media_icons_widget .genericon {
font-family: Genericons
}
.widget_wpcom_social_media_icons_widget .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px
}
.widget_wpcom_social_media_icons_widget .screen-reader-text:active,
.widget_wpcom_social_media_icons_widget .screen-reader-text:focus,
.widget_wpcom_social_media_icons_widget .screen-reader-text:hover {
clip: auto !important;
background-color: #f0f0f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
color: #21759b;
display: block;
font-size: 14px;
font-size: .875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
.widgets-grid-layout {
width: 100%
}
.widgets-grid-layout:after,
.widgets-grid-layout:before {
content: " ";
display: table
}
.widgets-grid-layout:after {
clear: both
}
.widget-grid-view-image {
float: left;
max-width: 50%
}
.widget-grid-view-image a {
display: block;
margin: 0 2px 4px 0
}
.widget-grid-view-image:nth-child(2n) {
float: right
}
.widget-grid-view-image:nth-child(2n) a {
margin: 0 0 4px 2px
}
.widgets-grid-layout .widget-grid-view-image img {
height: auto;
max-width: 100%
}
.widgets-list-layout {
list-style-type: none;
margin: 0;
padding: 0
}
.widgets-list-layout li:after,
.widgets-list-layout li:before {
content: "";
display: table
}
.widgets-list-layout li:after {
clear: both
}
.widgets-list-layout li {
zoom: 1;
list-style-type: none !important;
margin-bottom: 1em
}
.widgets-list-layout .widgets-list-layout-blavatar {
float: left;
height: auto;
max-width: 40px;
width: 21.276596%
}
.widgets-list-layout-links {
float: right;
width: 73.404255%
}
.widgets-list-layout span {
opacity: .5
}
.widgets-list-layout span:hover {
opacity: .8
}
.jetpack-image-container:after {
clear: both
}
.jetpack-image-container:after,
.jetpack-image-container:before {
content: "";
display: table
}
.widgets-multi-column-grid ul {
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 0
}
.widgets-multi-column-grid ul li {
background: 0 0;
border: none;
clear: none;
float: left;
list-style-type: none !important;
margin: 0 -5px -3px 0;
padding: 0 8px 6px 0
}
.widgets-multi-column-grid ul li a {
background: 0 0;
border: 0;
margin: 0;
padding: 0
}
.widgets-multi-column-grid .avatar {
vertical-align: middle
}
.widget_jetpack_my_community .avatar-240,
.widget_jetpack_my_community .avatar-48 {
max-height: 48px;
max-width: 48px
}
.widget.widget_authors li>ul,
.widget_authors>ul {
margin-left: inherit;
padding-left: 0
}
.widget_authors ul li li {
padding-left: 0
}
.widget_authors>ul>li {
list-style: none;
margin-bottom: 1em
}
.widget_authors>ul>li+li {
border-top: 0
}
.widget.widget_authors img {
box-shadow: none;
margin-bottom: 5px;
margin-right: 5px;
vertical-align: middle
}
.wpcnt {
line-height: 2;
text-align: center
}
.wpa {
display: inline-block;
max-width: 100%;
overflow: hidden;
position: relative
}
.wpa-about {
border-bottom: none !important;
box-shadow: none !important;
color: #888;
display: block;
font: 10px/1 Open Sans, Arial, sans-serif !important;
left: 0;
margin-top: 0;
opacity: .85;
position: absolute;
right: 0;
text-align: left !important;
text-decoration: none !important;
top: 5px
}
.wpa .u>div {
display: block;
margin-bottom: 1em;
margin-top: 5px
}
div.wpa>div {
margin-top: 20px
}
.wpa .u .adsbygoogle {
background-color: transparent;
display: block;
margin-bottom: 1em;
margin-top: 17px
}
.widget_eu_cookie_law_widget {
animation: fadeIn .8s;
border: none;
bottom: 1em;
left: 1em;
margin: 0;
padding: 0;
position: fixed;
right: 1em;
width: auto;
z-index: 50001
}
@keyframes fadeIn {
0% {
opacity: 0;
visibility: hidden
}
to {
opacity: 1;
visibility: visible
}
}
.widget_eu_cookie_law_widget.widget.top {
bottom: auto;
top: 1em
}
.admin-bar .widget_eu_cookie_law_widget.widget.top {
top: 3em
}
amp-consent.widget_eu_cookie_law_widget.widget.top {
margin: 0;
top: 1em
}
.admin-bar amp-consent.widget_eu_cookie_law_widget.widget.top {
margin-top: 3em;
top: 0
}
#eu-cookie-law {
background-color: #fff;
border: 1px solid #dedede;
color: #2e4467;
font-size: 12px;
line-height: 1.5;
overflow: hidden;
padding: 6px 6px 6px 15px;
position: relative
}
#eu-cookie-law a,
#eu-cookie-law a:active,
#eu-cookie-law a:visited {
color: inherit;
cursor: inherit;
text-decoration: underline
}
#eu-cookie-law a:hover {
cursor: pointer;
text-decoration: none
}
#eu-cookie-law.negative {
background-color: #000;
border: none;
color: #fff
}
#eu-cookie-law.hide {
opacity: 0;
transition: opacity .4s, visibility .4s;
visibility: hidden
}
#eu-cookie-law form {
margin-bottom: 0;
position: static
}
#eu-cookie-law input,
#eu-cookie-law input:focus,
#eu-cookie-law input:hover {
background: #f3f3f3;
border: 1px solid #dedede;
border-radius: 4px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #2e4453;
cursor: pointer;
display: inline;
float: right;
font-family: inherit;
font-size: 14px;
font-weight: inherit;
line-height: inherit;
margin: 0 0 0 5%;
padding: 8px 12px;
position: static;
text-transform: none
}
#eu-cookie-law.negative input,
#eu-cookie-law.negative input:focus,
#eu-cookie-law.negative input:hover {
background: #282828;
border-color: #535353;
color: #fff
}
@media (max-width:600px) {
#eu-cookie-law {
padding-bottom: 55px
}
#eu-cookie-law input.accept {
bottom: 8px;
position: absolute;
right: 8px
}
}
.widget_eu_cookie_law_widget .customize-partial-edit-shortcut>button {
left: 0
}
.flickr-images {
text-align: center
}
.flickr-size-thumbnail .flickr-images {
align-content: space-between;
align-items: center;
display: flex;
flex-flow: row wrap;
justify-content: center
}
.flickr-images img {
margin: 5px;
max-width: 100%
}
.wpcom-instagram-images {
grid-gap: .5rem;
display: grid;
grid-auto-columns: 1fr
}
.wpcom-instagram-images:after,
.wpcom-instagram-images:before {
content: none
}
.wpcom-instagram-images a {
display: block;
margin: 4px 2px
}
.wpcom-instagram-columns-2 a,
.wpcom-instagram-columns-3 a {
display: inline-block;
vertical-align: top
}
.wpcom-instagram-columns-2 a {
width: calc(50% - 8px)
}
.wpcom-instagram-columns-3 a {
width: calc(33.3333% - 8px)
}
.wpcom-instagram-images .sq-bg-image {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 0;
overflow: hidden;
padding-bottom: 100%
}
.wpcom-instagram-columns-2 {
grid-template-columns: repeat(2, 1fr)
}
.wpcom-instagram-columns-3 {
grid-template-columns: repeat(3, 1fr)
}
@supports (display:grid) {
.wpcom-instagram-images a {
display: block;
margin: 0
}
.wpcom-instagram-columns-2 a,
.wpcom-instagram-columns-3 a {
width: auto
}
}
.jetpack-search-filters-widget__sub-heading {
font-size: inherit;
font-weight: 700;
margin: 0 0 .5em;
padding: 0
}
.jetpack-search-form+.jetpack-search-filters-widget__sub-heading {
margin-bottom: .5em !important;
margin-top: 1.5em
}
.jetpack-search-filters-widget__clear {
margin-bottom: .5em;
margin-top: .5em
}
.jetpack-search-sort-wrapper {
margin-bottom: 1.5em;
margin-top: 1em
}
.jetpack-search-sort-wrapper label {
display: inherit
}
.widget_search .jetpack-search-filters-widget__filter-list input[type=checkbox] {
height: auto;
width: auto
}
ul.jetpack-search-filters-widget__filter-list li {
border: none;
list-style: none;
padding: 0
}
ul.jetpack-search-filters-widget__filter-list li a {
text-decoration: none
}
ul.jetpack-search-filters-widget__filter-list li a:hover {
box-shadow: none
}
ul.jetpack-search-filters-widget__filter-list li label {
display: inherit;
font-weight: inherit
}
.jetpack-search-filters-widget__filter-list {
list-style: none
}
ul.jetpack-search-filters-widget__filter-list {
margin-bottom: 1.5em
}
body.search .jetpack-search-form input[name=s]::placeholder {
color: transparent
}
body.search .jetpack-search-form input[name=s].show-placeholder::placeholder {
color: inherit
}
@media screen and (min-width:400px) {
.widget.jetpack-simple-payments .jetpack-simple-payments-product {
flex-direction: column
}
.widget.jetpack-simple-payments .jetpack-simple-payments-details {
padding-left: 0
}
}
.jetpack_widget_social_icons li,
.jetpack_widget_social_icons ul {
list-style: none
}
.jetpack_widget_social_icons ul {
display: block;
margin: 0 0 1.5em;
padding: 0
}
.jetpack_widget_social_icons ul li {
border: 0;
display: inline-block;
line-height: 1;
margin: 0;
padding: 0
}
.jetpack_widget_social_icons ul li:after,
.jetpack_widget_social_icons ul li:before {
display: none
}
.jetpack_widget_social_icons a {
border: 0;
box-shadow: none;
display: block;
height: 24px;
text-decoration: none;
width: 24px
}
.jetpack_widget_social_icons svg {
fill: currentColor;
color: inherit;
height: inherit;
vertical-align: middle;
width: inherit
}
.jetpack_widget_social_icons ul.size-small a {
height: 24px;
width: 24px
}
.jetpack_widget_social_icons ul.size-medium a {
height: 32px;
width: 32px
}
.jetpack_widget_social_icons ul.size-large a {
height: 48px;
width: 48px
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
word-wrap: normal !important;
border: 0;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px
}
.milestone-widget {
margin-bottom: 1em
}
.milestone-content {
line-height: 2;
margin-top: 5px;
max-width: 100%;
padding: 0;
text-align: center
}
.milestone-header {
background-color: var(--milestone-text-color, #111);
color: var(--milestone-bg-color, #fff);
line-height: 1.3;
margin: 0;
padding: .8em
}
.milestone-header .date,
.milestone-header .event {
display: block
}
.milestone-header .event {
font-size: 120%
}
.milestone-countdown .difference {
display: block;
font-size: 500%;
font-weight: 700;
line-height: 1.2
}
.milestone-countdown,
.milestone-message {
background-color: var(--milestone-bg-color, #fff);
border: 1px solid var(--milestone-border-color, #767676);
border-top: 0;
color: var(--milestone-text-color, #111);
padding-bottom: 1em
}
.milestone-message {
padding-top: 1em
}
img#wpstats {
display: none
}
html:not(.jetpack-lazy-images-js-enabled):not(.js) .jetpack-lazy-image {
display: none
}